@onesaz/ui 0.3.3 → 0.3.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +36 -7
- package/dist/index.js +276 -112
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -189,6 +189,8 @@ declare const Caption: React.ForwardRefExoticComponent<Omit<TypographyProps, "va
|
|
|
189
189
|
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
190
190
|
variant?: 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link';
|
|
191
191
|
size?: 'default' | 'sm' | 'lg' | 'icon';
|
|
192
|
+
/** Whether the button should take the full width of its container */
|
|
193
|
+
fullWidth?: boolean;
|
|
192
194
|
}
|
|
193
195
|
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
194
196
|
interface IconButtonProps extends Omit<ButtonProps, 'size'> {
|
|
@@ -210,6 +212,8 @@ interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
|
210
212
|
startAdornment?: React.ReactNode;
|
|
211
213
|
/** End adornment */
|
|
212
214
|
endAdornment?: React.ReactNode;
|
|
215
|
+
/** Wrapper class (when using adornments) */
|
|
216
|
+
containerClassName?: string;
|
|
213
217
|
}
|
|
214
218
|
declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
|
215
219
|
|
|
@@ -258,13 +262,26 @@ interface TextFieldProps extends Omit<InputProps, 'inputSize' | 'size'> {
|
|
|
258
262
|
/** Required indicator */
|
|
259
263
|
required?: boolean;
|
|
260
264
|
/** Size of the text field */
|
|
261
|
-
size?: 'sm' | 'md' | 'lg';
|
|
265
|
+
size?: 'sm' | 'md' | 'lg' | 'small' | 'medium';
|
|
262
266
|
/** Full width mode */
|
|
263
267
|
fullWidth?: boolean;
|
|
264
268
|
/** Start adornment (icon, text, etc.) */
|
|
265
269
|
startAdornment?: React.ReactNode;
|
|
266
270
|
/** End adornment (icon, text, etc.) */
|
|
267
271
|
endAdornment?: React.ReactNode;
|
|
272
|
+
/** Input element props (MUI-compatible) */
|
|
273
|
+
inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
|
|
274
|
+
/** Input container/slot props (MUI-compatible) */
|
|
275
|
+
InputProps?: {
|
|
276
|
+
startAdornment?: React.ReactNode;
|
|
277
|
+
endAdornment?: React.ReactNode;
|
|
278
|
+
className?: string;
|
|
279
|
+
containerClassName?: string;
|
|
280
|
+
};
|
|
281
|
+
/** Input label props (MUI-compatible) */
|
|
282
|
+
InputLabelProps?: React.LabelHTMLAttributes<HTMLLabelElement>;
|
|
283
|
+
/** Input ref (MUI-compatible) */
|
|
284
|
+
inputRef?: React.Ref<HTMLInputElement>;
|
|
268
285
|
}
|
|
269
286
|
declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>;
|
|
270
287
|
|
|
@@ -663,27 +680,39 @@ interface ComboboxOption {
|
|
|
663
680
|
}
|
|
664
681
|
interface ComboboxSingleProps {
|
|
665
682
|
options: ComboboxOption[];
|
|
666
|
-
value?:
|
|
667
|
-
defaultValue?:
|
|
668
|
-
|
|
683
|
+
value?: ComboboxOption | null;
|
|
684
|
+
defaultValue?: ComboboxOption | null;
|
|
685
|
+
onChange?: (value: ComboboxOption | null) => void;
|
|
669
686
|
placeholder?: string;
|
|
670
687
|
searchPlaceholder?: string;
|
|
671
688
|
emptyMessage?: string;
|
|
672
689
|
disabled?: boolean;
|
|
673
690
|
className?: string;
|
|
674
691
|
multiple?: false;
|
|
692
|
+
clearable?: boolean;
|
|
693
|
+
openOnFocus?: boolean;
|
|
694
|
+
inputValue?: string;
|
|
695
|
+
onInputChange?: (value: string) => void;
|
|
675
696
|
}
|
|
676
697
|
interface ComboboxMultipleProps {
|
|
677
698
|
options: ComboboxOption[];
|
|
678
|
-
value?:
|
|
679
|
-
defaultValue?:
|
|
680
|
-
|
|
699
|
+
value?: ComboboxOption[];
|
|
700
|
+
defaultValue?: ComboboxOption[];
|
|
701
|
+
onChange?: (value: ComboboxOption[]) => void;
|
|
681
702
|
placeholder?: string;
|
|
682
703
|
searchPlaceholder?: string;
|
|
683
704
|
emptyMessage?: string;
|
|
684
705
|
disabled?: boolean;
|
|
685
706
|
className?: string;
|
|
686
707
|
multiple: true;
|
|
708
|
+
clearable?: boolean;
|
|
709
|
+
openOnFocus?: boolean;
|
|
710
|
+
inputValue?: string;
|
|
711
|
+
onInputChange?: (value: string) => void;
|
|
712
|
+
/** Show select-all option */
|
|
713
|
+
selectAll?: boolean;
|
|
714
|
+
/** Label for select-all option */
|
|
715
|
+
selectAllLabel?: string;
|
|
687
716
|
/** Maximum number of items to display as chips before showing "+N more" */
|
|
688
717
|
maxDisplayItems?: number;
|
|
689
718
|
}
|