@ehfuse/mui-form-controls 1.3.19 → 1.3.21

package/dist/types.d.ts

@@ -14,11 +14,13 @@ import type { RadioGroupProps as MuiRadioGroupProps } from "@mui/material/RadioG
 import type { SliderProps as MuiSliderProps } from "@mui/material/Slider";
 import type { RatingProps as MuiRatingProps } from "@mui/material/Rating";
 import type { ToggleButtonProps as MuiToggleButtonProps } from "@mui/material/ToggleButton";
+import type { ToggleButtonGroupProps as MuiToggleButtonGroupProps } from "@mui/material/ToggleButtonGroup";
 import type { ButtonGroupProps as MuiButtonGroupProps } from "@mui/material/ButtonGroup";
 import type { StepperProps as MuiStepperProps } from "@mui/material/Stepper";
 import type { AutocompleteProps as MuiAutocompleteProps } from "@mui/material/Autocomplete";
 import type { SelectProps as MuiSelectProps, SelectChangeEvent } from "@mui/material/Select";
 import type { FormControlProps } from "@mui/material/FormControl";
+import type { FormControlLabelProps } from "@mui/material/FormControlLabel";
 import type { InputBaseComponentProps } from "@mui/material/InputBase";
 export type TextFieldProps = MuiTextFieldProps;
 export type ButtonGroupProps = MuiButtonGroupProps;
@@ -32,6 +34,7 @@ export type PopoverOrigin = {
 export type FormLike = {
     useFormValue: (name: string) => unknown;
     handleFormChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    setFormValue?: (name: string, value: unknown) => void;
 };
 export type BaseTextFieldProps = {
     readonly?: boolean;
@@ -66,6 +69,11 @@ export type SwitchProps = Omit<MuiSwitchProps, "checked" | "onChange" | "form">
     label?: React.ReactNode;
     onChange?: (event: React.ChangeEvent<HTMLInputElement>, checked: boolean) => void;
 };
+export type SwitchFieldProps = Omit<SwitchProps, "label"> & {
+    label: React.ReactNode;
+    labelPlacement?: FormControlLabelProps["labelPlacement"];
+    sx?: SxProps<Theme>;
+};
 export type RadioOption = {
     value: string;
     label: React.ReactNode;
@@ -112,6 +120,21 @@ export type ToggleButtonProps = Omit<MuiToggleButtonProps, "value" | "onChange"
     selected?: boolean;
     onChange?: (event: React.MouseEvent<HTMLElement>, value: any) => void;
 };
+export type ToggleButtonGroupFieldOption = {
+    label: React.ReactNode;
+    value: string | number | boolean;
+    disabled?: boolean;
+};
+export type ToggleButtonGroupFieldProps = Omit<MuiToggleButtonGroupProps, "value" | "onChange" | "children"> & BaseTextFieldProps & {
+    name?: string;
+    options: ToggleButtonGroupFieldOption[];
+    value?: unknown;
+    exclusive?: boolean;
+    fullWidth?: boolean;
+    size?: "small" | "medium" | "large";
+    onDeselect?: "keep" | "clear";
+    onChange?: (event: React.MouseEvent<HTMLElement>, value: unknown) => void;
+};
 export type AutocompleteOption = {
     value: string | number;
     label: string;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ehfuse/mui-form-controls",
-    "version": "1.3.19",
+    "version": "1.3.21",
     "description": "Material-UI form controls and text fields for complex forms",
     "private": false,
     "publishConfig": {