mirror of
https://github.com/SteamDeckHomebrew/decky-frontend-lib.git
synced 2026-05-23 03:18:48 +02:00
218e007234
* fix(field): correct and extend FieldProps * fix(item): correct bottomSeparator in ItemProps * fix(field): correct field commentary * feat(field): add comment about inlineWrap
28 lines
1.2 KiB
TypeScript
28 lines
1.2 KiB
TypeScript
import { FC, HTMLAttributes, ReactNode, RefAttributes } from 'react';
|
|
import { findModuleChild } from '../webpack';
|
|
import { FooterLegendProps } from './FooterLegend';
|
|
|
|
export interface FieldProps extends HTMLAttributes<HTMLDivElement>, FooterLegendProps {
|
|
label?: ReactNode;
|
|
bottomSeparator?: 'standard' | 'thick' | 'none';
|
|
description?: ReactNode;
|
|
disabled?: boolean;
|
|
icon?: ReactNode;
|
|
inlineWrap?: 'keep-inline' | 'shift-children-below'; // If label is too long it will move shildren below before starting to wrap label
|
|
childrenLayout?: 'below' | 'inline';
|
|
childrenContainerWidth?: 'min' | 'max' | 'fixed'; // Does not work with childrenLayout==='below'
|
|
spacingBetweenLabelAndChild?: 'none'; // This applies only when childrenLayout==='below'
|
|
padding?: 'none' | 'standard' | 'compact';
|
|
className?: string;
|
|
highlightOnFocus?: boolean;
|
|
indentLevel?: number;
|
|
verticalAlignment?: 'center' | 'none'; // Alligns inline label with children
|
|
}
|
|
|
|
export const Field = findModuleChild((m) => {
|
|
if (typeof m !== "object") return undefined;
|
|
for (let prop in m) {
|
|
if (m[prop]?.render?.toString().includes('"shift-children-below"')) return m[prop]
|
|
}
|
|
}) as FC<FieldProps & RefAttributes<HTMLDivElement>>;
|