@undefine-ui/design-system 3.8.2 → 3.8.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.cts CHANGED
@@ -1866,13 +1866,14 @@ interface RHFToggleButtonProps extends Omit<ToggleButtonGroupProps, 'name' | 'va
1866
1866
  fullWidth?: boolean;
1867
1867
  helperText?: React.ReactNode;
1868
1868
  options: RHFToggleButtonOption[];
1869
+ onValueChange?: (value: string | number) => void;
1869
1870
  slotProps?: {
1870
1871
  formControl?: FormControlProps;
1871
1872
  formLabel?: FormLabelProps;
1872
1873
  formHelperText?: FormHelperTextProps;
1873
1874
  };
1874
1875
  }
1875
- declare const RHFToggleButton: ({ name, label, helperText, options, fullWidth, slotProps, sx, ...other }: RHFToggleButtonProps) => react_jsx_runtime.JSX.Element;
1876
+ declare const RHFToggleButton: ({ name, label, helperText, options, fullWidth, slotProps, onValueChange, sx, ...other }: RHFToggleButtonProps) => react_jsx_runtime.JSX.Element;
1876
1877
 
1877
1878
  interface RHFAutocompleteProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> extends AutocompleteProps<T, Multiple, DisableClearable, FreeSolo> {
1878
1879
  name: string;
@@ -2066,7 +2067,7 @@ declare const Field: {
2066
2067
  DateTime: react.MemoExoticComponent<({ name, slotProps, helperText, clearable, format, ...other }: RHFDateTimePickerProps) => react_jsx_runtime.JSX.Element>;
2067
2068
  DateRange: typeof RHFDateRangePicker;
2068
2069
  Autocomplete: <T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined>({ name, label, required, placeholder, helperText, handleChange, ...other }: Omit<RHFAutocompleteProps<T, Multiple, DisableClearable, FreeSolo>, "renderInput">) => react_jsx_runtime.JSX.Element;
2069
- ToggleButton: ({ name, label, helperText, options, fullWidth, slotProps, sx, ...other }: RHFToggleButtonProps) => react_jsx_runtime.JSX.Element;
2070
+ ToggleButton: ({ name, label, helperText, options, fullWidth, slotProps, onValueChange, sx, ...other }: RHFToggleButtonProps) => react_jsx_runtime.JSX.Element;
2070
2071
  MultiCheckbox: ({ name, label, options, slotProps, helperText, row, ...other }: RHFMultiCheckboxProps) => react_jsx_runtime.JSX.Element;
2071
2072
  GooglePlacesAutocomplete: ({ name, helperText, valueType, onValueChange, onPlaceDetailsChange, fetchPlaceDetails, ...other }: RHFGooglePlacesAutocompleteProps) => react_jsx_runtime.JSX.Element;
2072
2073
  };
package/dist/index.d.ts CHANGED
@@ -1866,13 +1866,14 @@ interface RHFToggleButtonProps extends Omit<ToggleButtonGroupProps, 'name' | 'va
1866
1866
  fullWidth?: boolean;
1867
1867
  helperText?: React.ReactNode;
1868
1868
  options: RHFToggleButtonOption[];
1869
+ onValueChange?: (value: string | number) => void;
1869
1870
  slotProps?: {
1870
1871
  formControl?: FormControlProps;
1871
1872
  formLabel?: FormLabelProps;
1872
1873
  formHelperText?: FormHelperTextProps;
1873
1874
  };
1874
1875
  }
1875
- declare const RHFToggleButton: ({ name, label, helperText, options, fullWidth, slotProps, sx, ...other }: RHFToggleButtonProps) => react_jsx_runtime.JSX.Element;
1876
+ declare const RHFToggleButton: ({ name, label, helperText, options, fullWidth, slotProps, onValueChange, sx, ...other }: RHFToggleButtonProps) => react_jsx_runtime.JSX.Element;
1876
1877
 
1877
1878
  interface RHFAutocompleteProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> extends AutocompleteProps<T, Multiple, DisableClearable, FreeSolo> {
1878
1879
  name: string;
@@ -2066,7 +2067,7 @@ declare const Field: {
2066
2067
  DateTime: react.MemoExoticComponent<({ name, slotProps, helperText, clearable, format, ...other }: RHFDateTimePickerProps) => react_jsx_runtime.JSX.Element>;
2067
2068
  DateRange: typeof RHFDateRangePicker;
2068
2069
  Autocomplete: <T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined>({ name, label, required, placeholder, helperText, handleChange, ...other }: Omit<RHFAutocompleteProps<T, Multiple, DisableClearable, FreeSolo>, "renderInput">) => react_jsx_runtime.JSX.Element;
2069
- ToggleButton: ({ name, label, helperText, options, fullWidth, slotProps, sx, ...other }: RHFToggleButtonProps) => react_jsx_runtime.JSX.Element;
2070
+ ToggleButton: ({ name, label, helperText, options, fullWidth, slotProps, onValueChange, sx, ...other }: RHFToggleButtonProps) => react_jsx_runtime.JSX.Element;
2070
2071
  MultiCheckbox: ({ name, label, options, slotProps, helperText, row, ...other }: RHFMultiCheckboxProps) => react_jsx_runtime.JSX.Element;
2071
2072
  GooglePlacesAutocomplete: ({ name, helperText, valueType, onValueChange, onPlaceDetailsChange, fetchPlaceDetails, ...other }: RHFGooglePlacesAutocompleteProps) => react_jsx_runtime.JSX.Element;
2072
2073
  };
package/dist/index.js CHANGED
@@ -9845,6 +9845,7 @@ var RHFToggleButton = ({
9845
9845
  options,
9846
9846
  fullWidth,
9847
9847
  slotProps,
9848
+ onValueChange,
9848
9849
  sx,
9849
9850
  ...other
9850
9851
  }) => {
@@ -9871,6 +9872,7 @@ var RHFToggleButton = ({
9871
9872
  onChange: (_, newValue) => {
9872
9873
  if (newValue !== null) {
9873
9874
  field.onChange(newValue);
9875
+ onValueChange?.(newValue);
9874
9876
  }
9875
9877
  },
9876
9878
  exclusive: true,
@@ -11627,6 +11629,7 @@ var MuiAutocomplete = {
11627
11629
  // Space for clear/popup icons
11628
11630
  // Size small
11629
11631
  ...ownerState.size === "small" && {
11632
+ height: "auto",
11630
11633
  minHeight: 36,
11631
11634
  [`& .${autocompleteClasses3.tag}.${chipClasses2.root}`]: {
11632
11635
  height: 22,
@@ -11635,6 +11638,7 @@ var MuiAutocomplete = {
11635
11638
  },
11636
11639
  // Size large
11637
11640
  ...ownerState.size === "large" && {
11641
+ height: "auto",
11638
11642
  minHeight: 48,
11639
11643
  paddingTop: theme.spacing(1),
11640
11644
  paddingBottom: theme.spacing(1),