@react-solutions/inputs 0.3.0 → 1.0.1

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>>;
 
@@ -592,7 +596,7 @@ type FieldError$b = {
  * Extended Time Picker Field Props
  * Extends MUI TimePickerProps with custom form field props
  */
-interface ITimePickerFieldProps extends Omit<TimePickerProps, 'value' | 'onChange' | 'defaultValue' | 'slots' | 'slotProps' | 'renderInput' | 'onViewChange'> {
+interface ITimePickerFieldProps extends Omit<TimePickerProps, "value" | "onChange" | "defaultValue" | "slots" | "slotProps" | "renderInput" | "onViewChange"> {
     /** Field name for form identification */
     name?: string;
     /** Label text for the time picker */
@@ -618,13 +622,13 @@ interface ITimePickerFieldProps extends Omit<TimePickerProps, 'value' | 'onChang
     /** Maximum selectable time */
     maxTime?: Date;
     /** Function to disable specific times */
-    shouldDisableTime?: (time: Date, view: 'hours' | 'minutes' | 'seconds') => boolean;
+    shouldDisableTime?: (time: Date, view: "hours" | "minutes" | "seconds") => 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 */
@@ -638,23 +642,23 @@ interface ITimePickerFieldProps extends Omit<TimePickerProps, 'value' | 'onChang
     /** Whether to use 12-hour format */
     ampm?: boolean;
     /** Available views (hours, minutes, seconds) */
-    views?: ('hours' | 'minutes' | 'seconds')[];
+    views?: ("hours" | "minutes" | "seconds")[];
     /** Controlled view state */
-    view?: 'hours' | 'minutes' | 'seconds';
+    view?: "hours" | "minutes" | "seconds";
     /** Default view */
-    openTo?: 'hours' | 'minutes' | 'seconds';
+    openTo?: "hours" | "minutes" | "seconds";
     /** Format for displaying the time */
     format?: string;
     /** Custom styles for the TimePicker */
-    pickerStyles?: TimePickerProps['sx'];
+    pickerStyles?: TimePickerProps["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 time changes */
     onChange?: (value: Date | null) => void;
     /** Callback fired when the field receives focus */
@@ -662,15 +666,15 @@ interface ITimePickerFieldProps extends Omit<TimePickerProps, '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: 'hours' | 'minutes' | 'seconds' | 'meridiem') => void;
+    onViewChange?: (view: "hours" | "minutes" | "seconds" | "meridiem") => void;
     /** Callback fired when the picker opens */
     onOpen?: () => void;
     /** Callback fired when the picker closes */
     onClose?: () => void;
     /** Custom slot props for MUI v7 */
-    slotProps?: TimePickerProps['slotProps'];
+    slotProps?: TimePickerProps["slotProps"];
     /** Custom slots for MUI v7 */
-    slots?: TimePickerProps['slots'];
+    slots?: TimePickerProps["slots"];
     /** Date adapter to use (defaults to AdapterDateFns) */
     dateAdapter?: typeof AdapterDateFns;
     /** Auto focus the input */
@@ -791,7 +795,7 @@ type FieldError$9 = {
  * Extended File Upload Field Props
  * Extends MUI TextFieldProps with custom file upload props
  */
-interface IFileUploadFieldProps extends Omit<TextFieldProps, 'value' | 'onChange' | 'name' | 'type' | 'error' | 'onDrop'> {
+interface IFileUploadFieldProps extends Omit<TextFieldProps, "value" | "onChange" | "name" | "type" | "error" | "onDrop"> {
     /** Field name for form identification */
     name?: string;
     /** Label text for the file upload field */
@@ -823,11 +827,11 @@ interface IFileUploadFieldProps extends Omit<TextFieldProps, 'value' | 'onChange
     /** 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 */
@@ -835,11 +839,11 @@ interface IFileUploadFieldProps extends Omit<TextFieldProps, 'value' | 'onChange
     /** Upload button text */
     buttonText?: string;
     /** Upload button variant */
-    buttonVariant?: ButtonProps['variant'];
+    buttonVariant?: ButtonProps["variant"];
     /** Upload button color */
-    buttonColor?: ButtonProps['color'];
+    buttonColor?: ButtonProps["color"];
     /** Upload button size */
-    buttonSize?: ButtonProps['size'];
+    buttonSize?: ButtonProps["size"];
     /** Custom upload icon */
     uploadIcon?: React__default.ReactNode;
     /** Callback fired when file(s) change */
@@ -853,17 +857,17 @@ interface IFileUploadFieldProps extends Omit<TextFieldProps, 'value' | 'onChange
     /** Callback fired when file is dropped (drag and drop) */
     onDrop?: (files: FileList) => void;
     /** Custom styles for the TextField */
-    inputStyles?: TextFieldProps['sx'];
+    inputStyles?: TextFieldProps["sx"];
     /** Custom styles for the Button */
-    buttonStyles?: ButtonProps['sx'];
+    buttonStyles?: ButtonProps["sx"];
     /** Custom styles for FormControl */
-    formControlStyles?: React__default.ComponentProps<typeof FormControl>['sx'];
+    formControlStyles?: React__default.ComponentProps<typeof FormControl>["sx"];
     /** Custom styles for the container */
     containerStyles?: React__default.CSSProperties;
     /** Custom slot props for MUI v7 */
-    slotProps?: TextFieldProps['slotProps'];
+    slotProps?: TextFieldProps["slotProps"];
     /** Custom slots for MUI v7 */
-    slots?: TextFieldProps['slots'];
+    slots?: TextFieldProps["slots"];
 }
 declare const FileUploadField: React__default.ForwardRefExoticComponent<Omit<IFileUploadFieldProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
 

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>>;
 
@@ -592,7 +596,7 @@ type FieldError$b = {
  * Extended Time Picker Field Props
  * Extends MUI TimePickerProps with custom form field props
  */
-interface ITimePickerFieldProps extends Omit<TimePickerProps, 'value' | 'onChange' | 'defaultValue' | 'slots' | 'slotProps' | 'renderInput' | 'onViewChange'> {
+interface ITimePickerFieldProps extends Omit<TimePickerProps, "value" | "onChange" | "defaultValue" | "slots" | "slotProps" | "renderInput" | "onViewChange"> {
     /** Field name for form identification */
     name?: string;
     /** Label text for the time picker */
@@ -618,13 +622,13 @@ interface ITimePickerFieldProps extends Omit<TimePickerProps, 'value' | 'onChang
     /** Maximum selectable time */
     maxTime?: Date;
     /** Function to disable specific times */
-    shouldDisableTime?: (time: Date, view: 'hours' | 'minutes' | 'seconds') => boolean;
+    shouldDisableTime?: (time: Date, view: "hours" | "minutes" | "seconds") => 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 */
@@ -638,23 +642,23 @@ interface ITimePickerFieldProps extends Omit<TimePickerProps, 'value' | 'onChang
     /** Whether to use 12-hour format */
     ampm?: boolean;
     /** Available views (hours, minutes, seconds) */
-    views?: ('hours' | 'minutes' | 'seconds')[];
+    views?: ("hours" | "minutes" | "seconds")[];
     /** Controlled view state */
-    view?: 'hours' | 'minutes' | 'seconds';
+    view?: "hours" | "minutes" | "seconds";
     /** Default view */
-    openTo?: 'hours' | 'minutes' | 'seconds';
+    openTo?: "hours" | "minutes" | "seconds";
     /** Format for displaying the time */
     format?: string;
     /** Custom styles for the TimePicker */
-    pickerStyles?: TimePickerProps['sx'];
+    pickerStyles?: TimePickerProps["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 time changes */
     onChange?: (value: Date | null) => void;
     /** Callback fired when the field receives focus */
@@ -662,15 +666,15 @@ interface ITimePickerFieldProps extends Omit<TimePickerProps, '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: 'hours' | 'minutes' | 'seconds' | 'meridiem') => void;
+    onViewChange?: (view: "hours" | "minutes" | "seconds" | "meridiem") => void;
     /** Callback fired when the picker opens */
     onOpen?: () => void;
     /** Callback fired when the picker closes */
     onClose?: () => void;
     /** Custom slot props for MUI v7 */
-    slotProps?: TimePickerProps['slotProps'];
+    slotProps?: TimePickerProps["slotProps"];
     /** Custom slots for MUI v7 */
-    slots?: TimePickerProps['slots'];
+    slots?: TimePickerProps["slots"];
     /** Date adapter to use (defaults to AdapterDateFns) */
     dateAdapter?: typeof AdapterDateFns;
     /** Auto focus the input */
@@ -791,7 +795,7 @@ type FieldError$9 = {
  * Extended File Upload Field Props
  * Extends MUI TextFieldProps with custom file upload props
  */
-interface IFileUploadFieldProps extends Omit<TextFieldProps, 'value' | 'onChange' | 'name' | 'type' | 'error' | 'onDrop'> {
+interface IFileUploadFieldProps extends Omit<TextFieldProps, "value" | "onChange" | "name" | "type" | "error" | "onDrop"> {
     /** Field name for form identification */
     name?: string;
     /** Label text for the file upload field */
@@ -823,11 +827,11 @@ interface IFileUploadFieldProps extends Omit<TextFieldProps, 'value' | 'onChange
     /** 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 */
@@ -835,11 +839,11 @@ interface IFileUploadFieldProps extends Omit<TextFieldProps, 'value' | 'onChange
     /** Upload button text */
     buttonText?: string;
     /** Upload button variant */
-    buttonVariant?: ButtonProps['variant'];
+    buttonVariant?: ButtonProps["variant"];
     /** Upload button color */
-    buttonColor?: ButtonProps['color'];
+    buttonColor?: ButtonProps["color"];
     /** Upload button size */
-    buttonSize?: ButtonProps['size'];
+    buttonSize?: ButtonProps["size"];
     /** Custom upload icon */
     uploadIcon?: React__default.ReactNode;
     /** Callback fired when file(s) change */
@@ -853,17 +857,17 @@ interface IFileUploadFieldProps extends Omit<TextFieldProps, 'value' | 'onChange
     /** Callback fired when file is dropped (drag and drop) */
     onDrop?: (files: FileList) => void;
     /** Custom styles for the TextField */
-    inputStyles?: TextFieldProps['sx'];
+    inputStyles?: TextFieldProps["sx"];
     /** Custom styles for the Button */
-    buttonStyles?: ButtonProps['sx'];
+    buttonStyles?: ButtonProps["sx"];
     /** Custom styles for FormControl */
-    formControlStyles?: React__default.ComponentProps<typeof FormControl>['sx'];
+    formControlStyles?: React__default.ComponentProps<typeof FormControl>["sx"];
     /** Custom styles for the container */
     containerStyles?: React__default.CSSProperties;
     /** Custom slot props for MUI v7 */
-    slotProps?: TextFieldProps['slotProps'];
+    slotProps?: TextFieldProps["slotProps"];
     /** Custom slots for MUI v7 */
-    slots?: TextFieldProps['slots'];
+    slots?: TextFieldProps["slots"];
 }
 declare const FileUploadField: React__default.ForwardRefExoticComponent<Omit<IFileUploadFieldProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;