@react-solutions/inputs 0.2.9 → 1.0.0

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import { SliderProps, FormControlProps, FormLabelProps, SwitchProps, FormControlLabelProps, RadioGroupProps, RadioProps, FormControl, CheckboxProps, Box, Stack, ButtonProps, TextFieldProps, AutocompleteProps, AutocompleteChangeReason, AutocompleteInputChangeReason, AutocompleteCloseReason, SelectProps, MenuItemProps, InputLabel, SelectChangeEvent, IconButtonProps, TextFieldPropsSizeOverrides, SxProps, Theme } from '@mui/material';
+import { SliderProps, FormControlProps, FormLabelProps, SwitchProps, FormControlLabelProps, RadioGroupProps, RadioProps, SxProps, Theme, FormControl, CheckboxProps, Box, Stack, ButtonProps, TextFieldProps, AutocompleteProps, AutocompleteChangeReason, AutocompleteInputChangeReason, AutocompleteCloseReason, SelectProps, MenuItemProps, InputLabel, SelectChangeEvent, IconButtonProps, TextFieldPropsSizeOverrides } from '@mui/material';
 import * as React from 'react';
 import React__default, { SyntheticEvent, FocusEvent, ChangeEvent } from 'react';
 import { DateCalendarProps, TimeClockProps, TimeView, TimePickerProps, DatePickerProps } from '@mui/x-date-pickers';
@@ -223,6 +223,8 @@ interface IRadioButtonGroupFieldProps extends Omit<RadioGroupProps, "value" | "o
     formLabelProps?: Omit<FormLabelProps, "children">;
     /** FormControlLabel props */
     formControlLabelProps?: Omit<FormControlLabelProps, "control" | "label" | "value">;
+    /** Custom styles for RadioGroup */
+    sxProps?: SxProps<Theme>;
 }
 declare const RadioButtonFieldGroup: React__default.ForwardRefExoticComponent<Omit<IRadioButtonGroupFieldProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
 
@@ -365,6 +367,8 @@ interface ICheckboxFieldGroupProps extends Omit<FormControlProps, "error" | "dis
     formLabelProps?: Omit<FormLabelProps, "children">;
     /** FormControlLabel props */
     formControlLabelProps?: Omit<FormControlLabelProps, "control" | "label" | "value">;
+    /** xsProps */
+    sxProps?: SxProps<Theme>;
 }
 declare const CheckboxFieldGroup: React__default.ForwardRefExoticComponent<Omit<ICheckboxFieldGroupProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
 
@@ -688,7 +692,7 @@ type FieldError$a = {
  * Extended Date Picker Field Props
  * Extends MUI DatePickerProps with custom form field props
  */
-interface IDatePickerFieldProps extends Omit<DatePickerProps, 'value' | 'onChange' | 'defaultValue' | 'slots' | 'slotProps' | 'renderInput'> {
+interface IDatePickerFieldProps extends Omit<DatePickerProps, "value" | "onChange" | "defaultValue" | "slots" | "slotProps" | "renderInput"> {
     /** Field name for form identification */
     name?: string;
     /** Label text for the date picker */
@@ -719,11 +723,11 @@ interface IDatePickerFieldProps extends Omit<DatePickerProps, 'value' | 'onChang
     /** Function to disable specific years */
     shouldDisableYear?: (year: Date) => boolean;
     /** TextField size */
-    size?: TextFieldProps['size'];
+    size?: TextFieldProps["size"];
     /** TextField variant */
-    variant?: TextFieldProps['variant'];
+    variant?: TextFieldProps["variant"];
     /** TextField color */
-    color?: TextFieldProps['color'];
+    color?: TextFieldProps["color"];
     /** Placeholder text */
     placeholder?: string;
     /** Whether the field is read-only */
@@ -737,21 +741,21 @@ interface IDatePickerFieldProps extends Omit<DatePickerProps, 'value' | 'onChang
     /** Reference date for the calendar */
     referenceDate?: Date;
     /** Controlled view state */
-    view?: 'day' | 'month' | 'year';
+    view?: "day" | "month" | "year";
     /** Format for displaying the date */
     format?: string;
     /** Whether to open the calendar on focus */
-    openTo?: 'day' | 'month' | 'year';
+    openTo?: "day" | "month" | "year";
     /** Custom styles for the DatePicker */
-    pickerStyles?: DatePickerProps['sx'];
+    pickerStyles?: DatePickerProps["sx"];
     /** Custom styles for FormControl */
-    formControlStyles?: React__default.ComponentProps<typeof FormControl>['sx'];
+    formControlStyles?: React__default.ComponentProps<typeof FormControl>["sx"];
     /** Custom styles for FormLabel */
-    formLabelStyles?: FormLabelProps['sx'];
+    formLabelStyles?: FormLabelProps["sx"];
     /** Custom styles for the container Box */
-    containerStyles?: React__default.ComponentProps<typeof Box>['sx'];
+    containerStyles?: React__default.ComponentProps<typeof Box>["sx"];
     /** Custom styles for the TextField */
-    textFieldStyles?: TextFieldProps['sx'];
+    textFieldStyles?: TextFieldProps["sx"];
     /** Callback fired when the date changes */
     onChange?: (value: Date | null) => void;
     /** Callback fired when the field receives focus */
@@ -759,7 +763,7 @@ interface IDatePickerFieldProps extends Omit<DatePickerProps, 'value' | 'onChang
     /** Callback fired when the field loses focus */
     onBlur?: (event: React__default.FocusEvent<HTMLInputElement>) => void;
     /** Callback fired when a view change is requested */
-    onViewChange?: (view: 'day' | 'month' | 'year') => void;
+    onViewChange?: (view: "day" | "month" | "year") => void;
     /** Callback fired when a month change is requested */
     onMonthChange?: (month: Date) => void;
     /** Callback fired when a year change is requested */
@@ -769,9 +773,9 @@ interface IDatePickerFieldProps extends Omit<DatePickerProps, 'value' | 'onChang
     /** Callback fired when the calendar closes */
     onClose?: () => void;
     /** Custom slot props for MUI v7 */
-    slotProps?: DatePickerProps['slotProps'];
+    slotProps?: DatePickerProps["slotProps"];
     /** Custom slots for MUI v7 */
-    slots?: DatePickerProps['slots'];
+    slots?: DatePickerProps["slots"];
     /** Date adapter to use (defaults to AdapterDateFns) */
     dateAdapter?: typeof AdapterDateFns;
     /** Whether to reduce animations */
@@ -953,7 +957,7 @@ type FieldError$7 = {
  * Extended Autocomplete Input Props
  * Extends MUI AutocompleteProps with custom form field props
  */
-interface IAutoCompleteInputProps<T extends AutoCompleteOption = AutoCompleteOption, Multiple extends boolean = false, DisableClearable extends boolean = false, FreeSolo extends boolean = false> extends Omit<AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>, 'renderInput' | 'options' | 'value' | 'onChange' | 'getOptionLabel' | 'isOptionEqualToValue' | 'renderOption'> {
+interface IAutoCompleteInputProps<T extends AutoCompleteOption = AutoCompleteOption, Multiple extends boolean = false, DisableClearable extends boolean = false, FreeSolo extends boolean = false> extends Omit<AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>, "renderInput" | "options" | "value" | "onChange" | "getOptionLabel" | "isOptionEqualToValue" | "renderOption"> {
     /** Field name for form identification */
     name?: string;
     /** Label text for the input field */
@@ -971,11 +975,11 @@ interface IAutoCompleteInputProps<T extends AutoCompleteOption = AutoCompleteOpt
     /** Placeholder text */
     placeholder?: string;
     /** TextField variant */
-    variant?: TextFieldProps['variant'];
+    variant?: TextFieldProps["variant"];
     /** TextField size */
-    size?: TextFieldProps['size'];
+    size?: TextFieldProps["size"];
     /** TextField color */
-    color?: TextFieldProps['color'];
+    color?: TextFieldProps["color"];
     /** Full width of the field */
     fullWidth?: boolean;
     /** Required field indicator */
@@ -1000,11 +1004,11 @@ interface IAutoCompleteInputProps<T extends AutoCompleteOption = AutoCompleteOpt
     /** Custom icon for popup indicator */
     popupIcon?: React__default.ReactNode;
     /** Custom styles for the TextField */
-    inputStyles?: TextFieldProps['sx'];
+    inputStyles?: TextFieldProps["sx"];
     /** Custom styles for the Autocomplete */
-    autocompleteStyles?: AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>['sx'];
+    autocompleteStyles?: AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>["sx"];
     /** Custom styles for FormControl */
-    formControlStyles?: React__default.ComponentProps<typeof FormControl>['sx'];
+    formControlStyles?: React__default.ComponentProps<typeof FormControl>["sx"];
     /** Whether to show loading state */
     loading?: boolean;
     /** Text to show when loading */
@@ -1024,9 +1028,9 @@ interface IAutoCompleteInputProps<T extends AutoCompleteOption = AutoCompleteOpt
     /** Whether to disable list wrapping */
     disableListWrap?: boolean;
     /** Custom slot props for MUI v7 */
-    slotProps?: AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>['slotProps'];
+    slotProps?: AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>["slotProps"];
     /** Custom slots for MUI v7 */
-    slots?: AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>['slots'];
+    slots?: AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>["slots"];
 }
 declare const AutoCompleteField: React__default.NamedExoticComponent<Omit<IAutoCompleteInputProps<AutoCompleteOption, boolean, boolean, boolean>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
 

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { SliderProps, FormControlProps, FormLabelProps, SwitchProps, FormControlLabelProps, RadioGroupProps, RadioProps, FormControl, CheckboxProps, Box, Stack, ButtonProps, TextFieldProps, AutocompleteProps, AutocompleteChangeReason, AutocompleteInputChangeReason, AutocompleteCloseReason, SelectProps, MenuItemProps, InputLabel, SelectChangeEvent, IconButtonProps, TextFieldPropsSizeOverrides, SxProps, Theme } from '@mui/material';
+import { SliderProps, FormControlProps, FormLabelProps, SwitchProps, FormControlLabelProps, RadioGroupProps, RadioProps, SxProps, Theme, FormControl, CheckboxProps, Box, Stack, ButtonProps, TextFieldProps, AutocompleteProps, AutocompleteChangeReason, AutocompleteInputChangeReason, AutocompleteCloseReason, SelectProps, MenuItemProps, InputLabel, SelectChangeEvent, IconButtonProps, TextFieldPropsSizeOverrides } from '@mui/material';
 import * as React from 'react';
 import React__default, { SyntheticEvent, FocusEvent, ChangeEvent } from 'react';
 import { DateCalendarProps, TimeClockProps, TimeView, TimePickerProps, DatePickerProps } from '@mui/x-date-pickers';
@@ -223,6 +223,8 @@ interface IRadioButtonGroupFieldProps extends Omit<RadioGroupProps, "value" | "o
     formLabelProps?: Omit<FormLabelProps, "children">;
     /** FormControlLabel props */
     formControlLabelProps?: Omit<FormControlLabelProps, "control" | "label" | "value">;
+    /** Custom styles for RadioGroup */
+    sxProps?: SxProps<Theme>;
 }
 declare const RadioButtonFieldGroup: React__default.ForwardRefExoticComponent<Omit<IRadioButtonGroupFieldProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
 
@@ -365,6 +367,8 @@ interface ICheckboxFieldGroupProps extends Omit<FormControlProps, "error" | "dis
     formLabelProps?: Omit<FormLabelProps, "children">;
     /** FormControlLabel props */
     formControlLabelProps?: Omit<FormControlLabelProps, "control" | "label" | "value">;
+    /** xsProps */
+    sxProps?: SxProps<Theme>;
 }
 declare const CheckboxFieldGroup: React__default.ForwardRefExoticComponent<Omit<ICheckboxFieldGroupProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
 
@@ -688,7 +692,7 @@ type FieldError$a = {
  * Extended Date Picker Field Props
  * Extends MUI DatePickerProps with custom form field props
  */
-interface IDatePickerFieldProps extends Omit<DatePickerProps, 'value' | 'onChange' | 'defaultValue' | 'slots' | 'slotProps' | 'renderInput'> {
+interface IDatePickerFieldProps extends Omit<DatePickerProps, "value" | "onChange" | "defaultValue" | "slots" | "slotProps" | "renderInput"> {
     /** Field name for form identification */
     name?: string;
     /** Label text for the date picker */
@@ -719,11 +723,11 @@ interface IDatePickerFieldProps extends Omit<DatePickerProps, 'value' | 'onChang
     /** Function to disable specific years */
     shouldDisableYear?: (year: Date) => boolean;
     /** TextField size */
-    size?: TextFieldProps['size'];
+    size?: TextFieldProps["size"];
     /** TextField variant */
-    variant?: TextFieldProps['variant'];
+    variant?: TextFieldProps["variant"];
     /** TextField color */
-    color?: TextFieldProps['color'];
+    color?: TextFieldProps["color"];
     /** Placeholder text */
     placeholder?: string;
     /** Whether the field is read-only */
@@ -737,21 +741,21 @@ interface IDatePickerFieldProps extends Omit<DatePickerProps, 'value' | 'onChang
     /** Reference date for the calendar */
     referenceDate?: Date;
     /** Controlled view state */
-    view?: 'day' | 'month' | 'year';
+    view?: "day" | "month" | "year";
     /** Format for displaying the date */
     format?: string;
     /** Whether to open the calendar on focus */
-    openTo?: 'day' | 'month' | 'year';
+    openTo?: "day" | "month" | "year";
     /** Custom styles for the DatePicker */
-    pickerStyles?: DatePickerProps['sx'];
+    pickerStyles?: DatePickerProps["sx"];
     /** Custom styles for FormControl */
-    formControlStyles?: React__default.ComponentProps<typeof FormControl>['sx'];
+    formControlStyles?: React__default.ComponentProps<typeof FormControl>["sx"];
     /** Custom styles for FormLabel */
-    formLabelStyles?: FormLabelProps['sx'];
+    formLabelStyles?: FormLabelProps["sx"];
     /** Custom styles for the container Box */
-    containerStyles?: React__default.ComponentProps<typeof Box>['sx'];
+    containerStyles?: React__default.ComponentProps<typeof Box>["sx"];
     /** Custom styles for the TextField */
-    textFieldStyles?: TextFieldProps['sx'];
+    textFieldStyles?: TextFieldProps["sx"];
     /** Callback fired when the date changes */
     onChange?: (value: Date | null) => void;
     /** Callback fired when the field receives focus */
@@ -759,7 +763,7 @@ interface IDatePickerFieldProps extends Omit<DatePickerProps, 'value' | 'onChang
     /** Callback fired when the field loses focus */
     onBlur?: (event: React__default.FocusEvent<HTMLInputElement>) => void;
     /** Callback fired when a view change is requested */
-    onViewChange?: (view: 'day' | 'month' | 'year') => void;
+    onViewChange?: (view: "day" | "month" | "year") => void;
     /** Callback fired when a month change is requested */
     onMonthChange?: (month: Date) => void;
     /** Callback fired when a year change is requested */
@@ -769,9 +773,9 @@ interface IDatePickerFieldProps extends Omit<DatePickerProps, 'value' | 'onChang
     /** Callback fired when the calendar closes */
     onClose?: () => void;
     /** Custom slot props for MUI v7 */
-    slotProps?: DatePickerProps['slotProps'];
+    slotProps?: DatePickerProps["slotProps"];
     /** Custom slots for MUI v7 */
-    slots?: DatePickerProps['slots'];
+    slots?: DatePickerProps["slots"];
     /** Date adapter to use (defaults to AdapterDateFns) */
     dateAdapter?: typeof AdapterDateFns;
     /** Whether to reduce animations */
@@ -953,7 +957,7 @@ type FieldError$7 = {
  * Extended Autocomplete Input Props
  * Extends MUI AutocompleteProps with custom form field props
  */
-interface IAutoCompleteInputProps<T extends AutoCompleteOption = AutoCompleteOption, Multiple extends boolean = false, DisableClearable extends boolean = false, FreeSolo extends boolean = false> extends Omit<AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>, 'renderInput' | 'options' | 'value' | 'onChange' | 'getOptionLabel' | 'isOptionEqualToValue' | 'renderOption'> {
+interface IAutoCompleteInputProps<T extends AutoCompleteOption = AutoCompleteOption, Multiple extends boolean = false, DisableClearable extends boolean = false, FreeSolo extends boolean = false> extends Omit<AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>, "renderInput" | "options" | "value" | "onChange" | "getOptionLabel" | "isOptionEqualToValue" | "renderOption"> {
     /** Field name for form identification */
     name?: string;
     /** Label text for the input field */
@@ -971,11 +975,11 @@ interface IAutoCompleteInputProps<T extends AutoCompleteOption = AutoCompleteOpt
     /** Placeholder text */
     placeholder?: string;
     /** TextField variant */
-    variant?: TextFieldProps['variant'];
+    variant?: TextFieldProps["variant"];
     /** TextField size */
-    size?: TextFieldProps['size'];
+    size?: TextFieldProps["size"];
     /** TextField color */
-    color?: TextFieldProps['color'];
+    color?: TextFieldProps["color"];
     /** Full width of the field */
     fullWidth?: boolean;
     /** Required field indicator */
@@ -1000,11 +1004,11 @@ interface IAutoCompleteInputProps<T extends AutoCompleteOption = AutoCompleteOpt
     /** Custom icon for popup indicator */
     popupIcon?: React__default.ReactNode;
     /** Custom styles for the TextField */
-    inputStyles?: TextFieldProps['sx'];
+    inputStyles?: TextFieldProps["sx"];
     /** Custom styles for the Autocomplete */
-    autocompleteStyles?: AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>['sx'];
+    autocompleteStyles?: AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>["sx"];
     /** Custom styles for FormControl */
-    formControlStyles?: React__default.ComponentProps<typeof FormControl>['sx'];
+    formControlStyles?: React__default.ComponentProps<typeof FormControl>["sx"];
     /** Whether to show loading state */
     loading?: boolean;
     /** Text to show when loading */
@@ -1024,9 +1028,9 @@ interface IAutoCompleteInputProps<T extends AutoCompleteOption = AutoCompleteOpt
     /** Whether to disable list wrapping */
     disableListWrap?: boolean;
     /** Custom slot props for MUI v7 */
-    slotProps?: AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>['slotProps'];
+    slotProps?: AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>["slotProps"];
     /** Custom slots for MUI v7 */
-    slots?: AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>['slots'];
+    slots?: AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>["slots"];
 }
 declare const AutoCompleteField: React__default.NamedExoticComponent<Omit<IAutoCompleteInputProps<AutoCompleteOption, boolean, boolean, boolean>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;