wcz-test 6.9.2 → 6.9.4

package/dist/hooks.js

@@ -1,15 +1,15 @@
 import { createFormHookContexts, createFormHook } from "@tanstack/react-form";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { j as jsxRuntimeExports } from "./DialogsHooks-Bi8dZoyu.js";
+import { u } from "./DialogsHooks-Bi8dZoyu.js";
 import { Autocomplete, TextField, FormControl, FormControlLabel, Checkbox, FormHelperText, FormLabel, RadioGroup, Radio, Slider, Button, Switch } from "@mui/material";
 import { g as getFieldStatus } from "./utils-DKyKGba7.js";
 import { DatePicker, DateRangePicker, TimePicker, TimeRangePicker, DateTimePicker, DateTimeRangePicker } from "@mui/x-date-pickers-pro";
 import { NumericFormat } from "react-number-format";
-import { u } from "./DialogsHooks-BlUsVlfv.js";
 import { useInView } from "react-intersection-observer";
 const FormAutocomplete = ({ textFieldProps, ...autocompleteProps }) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
     Autocomplete,
     {
       value: field.state.value,
@@ -18,7 +18,7 @@ const FormAutocomplete = ({ textFieldProps, ...autocompleteProps }) => {
       onBlur: field.handleBlur,
       "aria-label": field.name,
       ...autocompleteProps,
-      renderInput: (parameters) => /* @__PURE__ */ jsx(
+      renderInput: (parameters) => /* @__PURE__ */ jsxRuntimeExports.jsx(
         TextField,
         {
           ...parameters,
@@ -34,11 +34,11 @@ const FormAutocomplete = ({ textFieldProps, ...autocompleteProps }) => {
 const FormCheckbox = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsxs(FormControl, { component: "fieldset", children: [
-    /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(FormControl, { component: "fieldset", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
       FormControlLabel,
       {
-        control: /* @__PURE__ */ jsx(
+        control: /* @__PURE__ */ jsxRuntimeExports.jsx(
           Checkbox,
           {
             name: field.name,
@@ -52,13 +52,13 @@ const FormCheckbox = (props) => {
         label: props.label ?? ""
       }
     ),
-    isTouched && hasError && /* @__PURE__ */ jsx(FormHelperText, { error: hasError, children: helperText })
+    isTouched && hasError && /* @__PURE__ */ jsxRuntimeExports.jsx(FormHelperText, { error: hasError, children: helperText })
   ] });
 };
 const FormDatePicker = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
     DatePicker,
     {
       name: field.name,
@@ -81,7 +81,7 @@ const FormDatePicker = (props) => {
 const FormDateRangePicker = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
     DateRangePicker,
     {
       name: field.name,
@@ -104,7 +104,7 @@ const FormDateRangePicker = (props) => {
 const FormTimePicker = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
     TimePicker,
     {
       name: field.name,
@@ -127,7 +127,7 @@ const FormTimePicker = (props) => {
 const FormTimeRangePicker = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
     TimeRangePicker,
     {
       name: field.name,
@@ -150,7 +150,7 @@ const FormTimeRangePicker = (props) => {
 const FormDateTimePicker = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
     DateTimePicker,
     {
       name: field.name,
@@ -173,7 +173,7 @@ const FormDateTimePicker = (props) => {
 const FormDateTimeRangePicker = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
     DateTimeRangePicker,
     {
       name: field.name,
@@ -196,7 +196,7 @@ const FormDateTimeRangePicker = (props) => {
 const FormNumberField = ({ options, ...props }) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
     NumericFormat,
     {
       customInput: TextField,
@@ -215,9 +215,9 @@ const FormNumberField = ({ options, ...props }) => {
 const FormRadioGroup = ({ label, options, ...props }) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsxs(FormControl, { component: "fieldset", children: [
-    label && /* @__PURE__ */ jsx(FormLabel, { component: "legend", children: label }),
-    /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(FormControl, { component: "fieldset", children: [
+    label && /* @__PURE__ */ jsxRuntimeExports.jsx(FormLabel, { component: "legend", children: label }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
       RadioGroup,
       {
         name: field.name,
@@ -226,26 +226,26 @@ const FormRadioGroup = ({ label, options, ...props }) => {
         onBlur: field.handleBlur,
         "aria-label": field.name,
         ...props,
-        children: options.map((option) => /* @__PURE__ */ jsx(
+        children: options.map((option) => /* @__PURE__ */ jsxRuntimeExports.jsx(
           FormControlLabel,
           {
             value: option.value,
-            control: /* @__PURE__ */ jsx(Radio, {}),
+            control: /* @__PURE__ */ jsxRuntimeExports.jsx(Radio, {}),
             label: option.label
           },
           option.value
         ))
       }
     ),
-    isTouched && hasError && /* @__PURE__ */ jsx(FormHelperText, { error: hasError, children: helperText })
+    isTouched && hasError && /* @__PURE__ */ jsxRuntimeExports.jsx(FormHelperText, { error: hasError, children: helperText })
   ] });
 };
 const FormSlider = ({ label, ...props }) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsxs(FormControl, { component: "fieldset", children: [
-    label && /* @__PURE__ */ jsx(FormLabel, { children: label }),
-    /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(FormControl, { component: "fieldset", children: [
+    label && /* @__PURE__ */ jsxRuntimeExports.jsx(FormLabel, { children: label }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
       Slider,
       {
         name: field.name,
@@ -256,7 +256,7 @@ const FormSlider = ({ label, ...props }) => {
         ...props
       }
     ),
-    isTouched && hasError && /* @__PURE__ */ jsx(FormHelperText, { error: hasError, children: helperText })
+    isTouched && hasError && /* @__PURE__ */ jsxRuntimeExports.jsx(FormHelperText, { error: hasError, children: helperText })
   ] });
 };
 const FormSubmitButton = (props) => {
@@ -266,7 +266,7 @@ const FormSubmitButton = (props) => {
     event.stopPropagation();
     form.handleSubmit();
   };
-  return /* @__PURE__ */ jsx(form.Subscribe, { selector: (state) => [state.canSubmit, state.isSubmitting], children: ([canSubmit, isSubmitting]) => /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(form.Subscribe, { selector: (state) => [state.canSubmit, state.isSubmitting], children: ([canSubmit, isSubmitting]) => /* @__PURE__ */ jsxRuntimeExports.jsx(
     Button,
     {
       loading: isSubmitting,
@@ -281,11 +281,11 @@ const FormSubmitButton = (props) => {
 const FormSwitch = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsxs(FormControl, { component: "fieldset", children: [
-    /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(FormControl, { component: "fieldset", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
       FormControlLabel,
       {
-        control: /* @__PURE__ */ jsx(
+        control: /* @__PURE__ */ jsxRuntimeExports.jsx(
           Switch,
           {
             name: field.name,
@@ -299,13 +299,13 @@ const FormSwitch = (props) => {
         label: props.label ?? ""
       }
     ),
-    isTouched && hasError && /* @__PURE__ */ jsx(FormHelperText, { error: hasError, children: helperText })
+    isTouched && hasError && /* @__PURE__ */ jsxRuntimeExports.jsx(FormHelperText, { error: hasError, children: helperText })
   ] });
 };
 const FormTextField = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
     TextField,
     {
       name: field.name,

package/dist/hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sources":["../src/components/form/FormAutocomplete.tsx","../src/components/form/FormCheckbox.tsx","../src/components/form/FormDatePicker.tsx","../src/components/form/FormDateRangePicker.tsx","../src/components/form/FormTimePicker.tsx","../src/components/form/FormTimeRangePicker.tsx","../src/components/form/FormDateTimePicker.tsx","../src/components/form/FormDateTimeRangePicker.tsx","../src/components/form/FormNumberField.tsx","../src/components/form/FormRadioGroup.tsx","../src/components/form/FormSlider.tsx","../src/components/form/FormSubmitButton.tsx","../src/components/form/FormSwitch.tsx","../src/components/form/FormTextField.tsx","../src/hooks/FormHooks.ts"],"sourcesContent":["import { Autocomplete, TextField } from \"@mui/material\";\r\nimport type { AutocompleteProps, TextFieldProps } from \"@mui/material\";\r\nimport type { FC } from \"react\";\r\nimport type { FormOmittedProps } from \"~/lib/utils\";\r\nimport { useFieldContext } from \"~/hooks/FormHooks\";\r\nimport { getFieldStatus } from \"~/lib/utils\";\r\n\r\nexport interface FormAutocompleteProps extends Omit<AutocompleteProps<any, boolean, boolean, boolean>, FormOmittedProps> {\r\n    textFieldProps?: Omit<TextFieldProps, FormOmittedProps>;\r\n}\r\n\r\nexport const FormAutocomplete: FC<FormAutocompleteProps> = ({ textFieldProps, ...autocompleteProps }) => {\r\n    const field = useFieldContext();\r\n    const { isTouched, hasError, helperText } = getFieldStatus(field);\r\n\r\n    return (\r\n        <Autocomplete\r\n            value={field.state.value}\r\n            onChange={(_, value) => !autocompleteProps.freeSolo && field.handleChange(value)}\r\n            onInputChange={(_, value, reason) => reason !== \"reset\" && autocompleteProps.freeSolo && field.handleChange(value)}\r\n            onBlur={field.handleBlur}\r\n            aria-label={field.name}\r\n            {...autocompleteProps}\r\n            renderInput={(parameters) =>\r\n                <TextField\r\n                    {...parameters}\r\n                    name={field.name}\r\n                    error={isTouched && hasError}\r\n                    helperText={isTouched && helperText}\r\n                    {...textFieldProps}\r\n                />\r\n            }\r\n        />\r\n    );\r\n};","import { Checkbox, FormControl, FormControlLabel, FormHelperText } from \"@mui/material\";\r\nimport type { CheckboxProps } from \"@mui/material\";\r\nimport type { FC } from \"react\";\r\nimport type { FormOmittedProps } from \"~/lib/utils\";\r\nimport { useFieldContext } from \"~/hooks/FormHooks\";\r\nimport { getFieldStatus } from \"~/lib/utils\";\r\n\r\nexport interface FormCheckboxProps extends Omit<CheckboxProps, FormOmittedProps> {\r\n    label?: string;\r\n}\r\n\r\nexport const FormCheckbox: FC<FormCheckboxProps> = (props) => {\r\n    const field = useFieldContext<boolean | null | undefined>();\r\n    const { isTouched, hasError, helperText } = getFieldStatus(field);\r\n\r\n    return (\r\n        <FormControl component=\"fieldset\">\r\n            <FormControlLabel\r\n                control={\r\n                    <Checkbox\r\n                        name={field.name}\r\n                        checked={Boolean(field.state.value)}\r\n                        onChange={(event) => field.handleChange(event.target.checked)}\r\n                        onBlur={field.handleBlur}\r\n                        aria-label={field.name}\r\n                        {...props}\r\n                    />\r\n                }\r\n                label={props.label ?? \"\"}\r\n            />\r\n            {isTouched && hasError && <FormHelperText error={hasError}>{helperText}</FormHelperText>}\r\n        </FormControl>\r\n    );\r\n};","import { DatePicker } from \"@mui/x-date-pickers-pro\";\r\nimport type { Dayjs } from \"dayjs\";\r\nimport type { TextFieldProps } from \"@mui/material\";\r\nimport type { DatePickerProps } from \"@mui/x-date-pickers-pro\";\r\nimport type { FC } from \"react\";\r\nimport type { FormOmittedProps } from \"~/lib/utils\";\r\nimport { useFieldContext } from \"~/hooks/FormHooks\";\r\nimport { getFieldStatus } from \"~/lib/utils\";\r\n\r\nexport interface FormDatePickerProps extends Omit<DatePickerProps, FormOmittedProps> {\r\n    textFieldProps?: TextFieldProps;\r\n}\r\n\r\nexport const FormDatePicker: FC<FormDatePickerProps> = (props) => {\r\n    const field = useFieldContext<Dayjs | null | undefined>();\r\n    const { isTouched, hasError, helperText } = getFieldStatus(field);\r\n\r\n    return (\r\n        <DatePicker\r\n            name={field.name}\r\n            value={field.state.value}\r\n            onChange={(value) => field.handleChange(value)}\r\n            slotProps={{\r\n                textField: {\r\n                    onBlur: field.handleBlur,\r\n                    error: isTouched && hasError,\r\n                    helperText: isTouched && helperText,\r\n                    ...props.textFieldProps\r\n                },\r\n                ...props.slotProps\r\n            }}\r\n            aria-label={field.name}\r\n            {...props}\r\n        />\r\n    );\r\n};\r\n","import { DateRangePicker } from \"@mui/x-date-pickers-pro\";\r\nimport type { TextFieldProps } from \"@mui/material\";\r\nimport type { DateRangePickerProps } from \"@mui/x-date-pickers-pro\";\r\nimport type { Dayjs } from \"dayjs\";\r\nimport type { FC } from \"react\";\r\nimport type { FormOmittedProps } from \"~/lib/utils\";\r\nimport { useFieldContext } from \"~/hooks/FormHooks\";\r\nimport { getFieldStatus } from \"~/lib/utils\";\r\n\r\nexport interface FormDateRangePickerProps extends Omit<DateRangePickerProps, FormOmittedProps> {\r\n    textFieldProps?: TextFieldProps;\r\n}\r\n\r\nexport const FormDateRangePicker: FC<FormDateRangePickerProps> = (props) => {\r\n    const field = useFieldContext<[Dayjs | null, Dayjs | null] | undefined>();\r\n    const { isTouched, hasError, helperText } = getFieldStatus(field);\r\n\r\n    return (\r\n        <DateRangePicker\r\n            name={field.name}\r\n            value={field.state.value}\r\n            onChange={(value) => field.handleChange(value)}\r\n            slotProps={{\r\n                textField: {\r\n                    onBlur: field.handleBlur,\r\n                    error: isTouched && hasError,\r\n                    helperText: isTouched && helperText,\r\n                    ...props.textFieldProps\r\n                },\r\n                ...props.slotProps\r\n            }}\r\n            aria-label={field.name}\r\n            {...props}\r\n        />\r\n    );\r\n};\r\n","import { TimePicker } from \"@mui/x-date-pickers-pro\";\r\nimport type { TextFieldProps } from \"@mui/material\";\r\nimport type { TimePickerProps } from \"@mui/x-date-pickers-pro\";\r\nimport type { Dayjs } from \"dayjs\";\r\nimport type { FC } from \"react\";\r\nimport type { FormOmittedProps } from \"~/lib/utils\";\r\nimport { useFieldContext } from \"~/hooks/FormHooks\";\r\nimport { getFieldStatus } from \"~/lib/utils\";\r\n\r\nexport interface FormTimePickerProps extends Omit<TimePickerProps, FormOmittedProps> {\r\n    textFieldProps?: TextFieldProps;\r\n}\r\n\r\nexport const FormTimePicker: FC<FormTimePickerProps> = (props) => {\r\n    const field = useFieldContext<Dayjs | null | undefined>();\r\n    const { isTouched, hasError, helperText } = getFieldStatus(field);\r\n\r\n    return (\r\n        <TimePicker\r\n            name={field.name}\r\n            value={field.state.value}\r\n            onChange={(value) => field.handleChange(value)}\r\n            slotProps={{\r\n                textField: {\r\n                    onBlur: field.handleBlur,\r\n                    error: isTouched && hasError,\r\n                    helperText: isTouched && helperText,\r\n                    ...props.textFieldProps\r\n                },\r\n                ...props.slotProps\r\n            }}\r\n            aria-label={field.name}\r\n            {...props}\r\n        />\r\n    );\r\n};\r\n","import { TimeRangePicker } from \"@mui/x-date-pickers-pro\";\r\nimport type { TextFieldProps } from \"@mui/material\";\r\nimport type { TimeRangePickerProps } from \"@mui/x-date-pickers-pro\";\r\nimport type { Dayjs } from \"dayjs\";\r\nimport type { FC } from \"react\";\r\nimport type { FormOmittedProps } from \"~/lib/utils\";\r\nimport { useFieldContext } from \"~/hooks/FormHooks\";\r\nimport { getFieldStatus } from \"~/lib/utils\";\r\n\r\nexport interface FormTimeRangePickerProps extends Omit<TimeRangePickerProps, FormOmittedProps> {\r\n    textFieldProps?: TextFieldProps;\r\n}\r\n\r\nexport const FormTimeRangePicker: FC<FormTimeRangePickerProps> = (props) => {\r\n    const field = useFieldContext<[Dayjs | null, Dayjs | null] | undefined>();\r\n    const { isTouched, hasError, helperText } = getFieldStatus(field);\r\n\r\n    return (\r\n        <TimeRangePicker\r\n            name={field.name}\r\n            value={field.state.value}\r\n            onChange={(value) => field.handleChange(value)}\r\n            slotProps={{\r\n                textField: {\r\n                    onBlur: field.handleBlur,\r\n                    error: isTouched && hasError,\r\n                    helperText: isTouched && helperText,\r\n                    ...props.textFieldProps\r\n                },\r\n                ...props.slotProps\r\n            }}\r\n            aria-label={field.name}\r\n            {...props}\r\n        />\r\n    );\r\n};\r\n","import { DateTimePicker } from \"@mui/x-date-pickers-pro\";\r\nimport type { Dayjs } from \"dayjs\";\r\nimport type { TextFieldProps } from \"@mui/material\";\r\nimport type { DateTimePickerProps } from \"@mui/x-date-pickers-pro\";\r\nimport type { FC } from \"react\";\r\nimport type { FormOmittedProps } from \"~/lib/utils\";\r\nimport { useFieldContext } from \"~/hooks/FormHooks\";\r\nimport { getFieldStatus } from \"~/lib/utils\";\r\n\r\nexport interface FormDateTimePickerProps extends Omit<DateTimePickerProps, FormOmittedProps> {\r\n    textFieldProps?: TextFieldProps;\r\n}\r\n\r\nexport const FormDateTimePicker: FC<FormDateTimePickerProps> = (props) => {\r\n    const field = useFieldContext<Dayjs | null | undefined>();\r\n    const { isTouched, hasError, helperText } = getFieldStatus(field);\r\n\r\n    return (\r\n        <DateTimePicker\r\n            name={field.name}\r\n            value={field.state.value}\r\n            onChange={(value) => field.handleChange(value)}\r\n            slotProps={{\r\n                textField: {\r\n                    onBlur: field.handleBlur,\r\n                    error: isTouched && hasError,\r\n                    helperText: isTouched && helperText,\r\n                    ...props.textFieldProps,\r\n                },\r\n                ...props.slotProps\r\n            }}\r\n            aria-label={field.name}\r\n            {...props}\r\n        />\r\n    );\r\n};\r\n","import { DateTimeRangePicker } from \"@mui/x-date-pickers-pro\";\r\nimport type { TextFieldProps } from \"@mui/material\";\r\nimport type { DateTimeRangePickerProps } from \"@mui/x-date-pickers-pro\";\r\nimport type { Dayjs } from \"dayjs\";\r\nimport type { FC } from \"react\";\r\nimport type { FormOmittedProps } from \"~/lib/utils\";\r\nimport { useFieldContext } from \"~/hooks/FormHooks\";\r\nimport { getFieldStatus } from \"~/lib/utils\";\r\n\r\nexport interface FormDateTimeRangePickerProps extends Omit<DateTimeRangePickerProps, FormOmittedProps> {\r\n    textFieldProps?: TextFieldProps;\r\n}\r\n\r\nexport const FormDateTimeRangePicker: FC<FormDateTimeRangePickerProps> = (props) => {\r\n    const field = useFieldContext<[Dayjs | null, Dayjs | null] | undefined>();\r\n    const { isTouched, hasError, helperText } = getFieldStatus(field);\r\n\r\n    return (\r\n        <DateTimeRangePicker\r\n            name={field.name}\r\n            value={field.state.value}\r\n            onChange={(value) => field.handleChange(value)}\r\n            slotProps={{\r\n                textField: {\r\n                    onBlur: field.handleBlur,\r\n                    error: isTouched && hasError,\r\n                    helperText: isTouched && helperText,\r\n                    ...props.textFieldProps\r\n                },\r\n                ...props.slotProps\r\n            }}\r\n            aria-label={field.name}\r\n            {...props}\r\n        />\r\n    );\r\n};\r\n","import { TextField } from \"@mui/material\";\r\nimport { NumericFormat } from \"react-number-format\";\r\nimport type { InputAttributes, NumericFormatProps } from \"react-number-format/types/types\";\r\nimport type { FC } from \"react\";\r\nimport type { TextFieldProps } from \"@mui/material\";\r\nimport type { FormOmittedProps } from \"~/lib/utils\";\r\nimport { useFieldContext } from \"~/hooks/FormHooks\";\r\nimport { getFieldStatus } from \"~/lib/utils\";\r\n\r\nexport interface FormNumberFieldProps extends Omit<TextFieldProps, FormOmittedProps> {\r\n\tdefaultValue?: number | null;\r\n\toptions?: Omit<NumericFormatProps<InputAttributes>, \"customInput\" | \"onValueChange\" | keyof InputAttributes>;\r\n}\r\n\r\nexport const FormNumberField: FC<FormNumberFieldProps> = ({ options, ...props }) => {\r\n\tconst field = useFieldContext<number | null | undefined>();\r\n\tconst { isTouched, hasError, helperText } = getFieldStatus(field);\r\n\r\n\treturn (\r\n\t\t<NumericFormat\r\n\t\t\tcustomInput={TextField}\r\n\t\t\tname={field.name}\r\n\t\t\tvalue={field.state.value ?? \"\"}\r\n\t\t\tonValueChange={({ floatValue }) => field.handleChange(floatValue)}\r\n\t\t\tonBlur={field.handleBlur}\r\n\t\t\terror={isTouched && hasError}\r\n\t\t\thelperText={isTouched && helperText}\r\n\t\t\taria-label={field.name}\r\n\t\t\t{...props}\r\n\t\t\t{...options}\r\n\t\t/>\r\n\t);\r\n};\r\n","import { FormControl, FormControlLabel, FormHelperText, FormLabel, Radio, RadioGroup } from \"@mui/material\";\r\nimport type { RadioGroupProps } from \"@mui/material\";\r\nimport type { FC } from \"react\";\r\nimport type { FormOmittedProps } from \"~/lib/utils\";\r\nimport { useFieldContext } from \"~/hooks/FormHooks\";\r\nimport { getFieldStatus } from \"~/lib/utils\";\r\n\r\ninterface Option {\r\n    label: string;\r\n    value: string | number;\r\n}\r\n\r\nexport interface FormRadioGroupProps extends Omit<RadioGroupProps, FormOmittedProps> {\r\n    label?: string;\r\n    options: Array<Option>;\r\n}\r\n\r\nexport const FormRadioGroup: FC<FormRadioGroupProps> = ({ label, options, ...props }) => {\r\n    const field = useFieldContext<string | number | null | undefined>();\r\n    const { isTouched, hasError, helperText } = getFieldStatus(field);\r\n\r\n    return (\r\n        <FormControl component=\"fieldset\">\r\n            {label && <FormLabel component=\"legend\">{label}</FormLabel>}\r\n            <RadioGroup\r\n                name={field.name}\r\n                value={field.state.value ?? \"\"}\r\n                onChange={(event) => field.handleChange(event.target.value)}\r\n                onBlur={field.handleBlur}\r\n                aria-label={field.name}\r\n                {...props}\r\n            >\r\n                {options.map((option) => (\r\n                    <FormControlLabel\r\n                        key={option.value}\r\n                        value={option.value}\r\n                        control={<Radio />}\r\n                        label={option.label}\r\n                    />\r\n                ))}\r\n            </RadioGroup>\r\n            {isTouched && hasError && <FormHelperText error={hasError}>{helperText}</FormHelperText>}\r\n        </FormControl>\r\n    );\r\n};\r\n","import { FormControl, FormHelperText, FormLabel, Slider } from \"@mui/material\";\r\nimport type { SliderProps } from \"@mui/material\";\r\nimport type { FC } from \"react\";\r\nimport type { FormOmittedProps } from \"~/lib/utils\";\r\nimport { useFieldContext } from \"~/hooks/FormHooks\";\r\nimport { getFieldStatus } from \"~/lib/utils\";\r\n\r\nexport interface FormSliderProps extends Omit<SliderProps, FormOmittedProps> {\r\n    label?: string;\r\n}\r\n\r\nexport const FormSlider: FC<FormSliderProps> = ({ label, ...props }) => {\r\n    const field = useFieldContext<number | null | undefined>();\r\n    const { isTouched, hasError, helperText } = getFieldStatus(field);\r\n\r\n    return (\r\n        <FormControl component=\"fieldset\">\r\n            {label && <FormLabel>{label}</FormLabel>}\r\n            <Slider\r\n                name={field.name}\r\n                value={field.state.value ?? 0}\r\n                onChange={(_, value) => field.handleChange(Array.isArray(value) ? value[0] : value)}\r\n                onBlur={field.handleBlur}\r\n                aria-label={field.name}\r\n                {...props}\r\n            />\r\n            {isTouched && hasError && <FormHelperText error={hasError}>{helperText}</FormHelperText>}\r\n        </FormControl>\r\n    );\r\n};\r\n","import { Button } from \"@mui/material\";\r\nimport type { ButtonProps } from \"@mui/material\";\r\nimport type { FC } from \"react\";\r\nimport { useFormContext } from \"~/hooks/FormHooks\";\r\n\r\nexport type FormSubmitButtonProps = Omit<ButtonProps, \"loading\" | \"disabled\" | \"onClick\" | \"type\">;\r\n\r\nexport const FormSubmitButton: FC<FormSubmitButtonProps> = (props) => {\r\n    const form = useFormContext();\r\n\r\n    const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\r\n        event.preventDefault();\r\n        event.stopPropagation();\r\n        form.handleSubmit();\r\n    };\r\n\r\n    return (\r\n        <form.Subscribe selector={(state) => [state.canSubmit, state.isSubmitting]}>\r\n            {([canSubmit, isSubmitting]) => (\r\n                <Button\r\n                    loading={isSubmitting}\r\n                    disabled={!canSubmit}\r\n                    onClick={handleClick}\r\n                    type=\"submit\"\r\n                    aria-label=\"submit\"\r\n                    {...props}\r\n                />\r\n            )}\r\n        </form.Subscribe>\r\n    );\r\n};","import { FormControl, FormControlLabel, FormHelperText, Switch } from \"@mui/material\";\r\nimport type { SwitchProps } from \"@mui/material\";\r\nimport type { FC } from \"react\";\r\nimport type { FormOmittedProps } from \"~/lib/utils\";\r\nimport { useFieldContext } from \"~/hooks/FormHooks\";\r\nimport { getFieldStatus } from \"~/lib/utils\";\r\n\r\nexport interface FormSwitchProps extends Omit<SwitchProps, FormOmittedProps> {\r\n    label?: string;\r\n}\r\n\r\nexport const FormSwitch: FC<FormSwitchProps> = (props) => {\r\n    const field = useFieldContext<boolean | null | undefined>();\r\n    const { isTouched, hasError, helperText } = getFieldStatus(field);\r\n\r\n    return (\r\n        <FormControl component=\"fieldset\">\r\n            <FormControlLabel\r\n                control={\r\n                    <Switch\r\n                        name={field.name}\r\n                        checked={Boolean(field.state.value)}\r\n                        onChange={(event) => field.handleChange(event.target.checked)}\r\n                        onBlur={field.handleBlur}\r\n                        aria-label={field.name}\r\n                        {...props}\r\n                    />\r\n                }\r\n                label={props.label ?? \"\"}\r\n            />\r\n            {isTouched && hasError && <FormHelperText error={hasError}>{helperText}</FormHelperText>}\r\n        </FormControl>\r\n    );\r\n};\r\n","import { TextField } from \"@mui/material\";\r\nimport type { TextFieldProps } from \"@mui/material\";\r\nimport type { FC } from \"react\";\r\nimport type { FormOmittedProps } from \"~/lib/utils\";\r\nimport { useFieldContext } from \"~/hooks/FormHooks\";\r\nimport { getFieldStatus } from \"~/lib/utils\";\r\n\r\nexport interface FormTextFieldProps extends Omit<TextFieldProps, FormOmittedProps> {\r\n    type?: \"color\" | \"email\" | \"password\" | \"search\" | \"tel\" | \"text\" | \"url\"\r\n}\r\n\r\nexport const FormTextField: FC<FormTextFieldProps> = (props) => {\r\n    const field = useFieldContext<string | number | null | undefined>();\r\n    const { isTouched, hasError, helperText } = getFieldStatus(field);\r\n\r\n    return (\r\n        <TextField\r\n            name={field.name}\r\n            value={field.state.value ?? \"\"}\r\n            onChange={event => field.handleChange(event.target.value)}\r\n            onBlur={field.handleBlur}\r\n            error={isTouched && hasError}\r\n            helperText={isTouched && helperText}\r\n            aria-label={field.name}\r\n            {...props}\r\n        />\r\n    );\r\n};","import { createFormHook, createFormHookContexts } from \"@tanstack/react-form\";\r\nimport { FormAutocomplete as Autocomplete } from \"~/components/form/FormAutocomplete\";\r\nimport { FormCheckbox as Checkbox } from \"~/components/form/FormCheckbox\";\r\nimport { FormDatePicker as DatePicker } from \"~/components/form/FormDatePicker\";\r\nimport { FormDateRangePicker as DateRangePicker } from \"~/components/form/FormDateRangePicker\";\r\nimport { FormTimePicker as TimePicker } from \"~/components/form/FormTimePicker\";\r\nimport { FormTimeRangePicker as TimeRangePicker } from \"~/components/form/FormTimeRangePicker\";\r\nimport { FormDateTimePicker as DateTimePicker } from \"~/components/form/FormDateTimePicker\";\r\nimport { FormDateTimeRangePicker as DateTimeRangePicker } from \"~/components/form/FormDateTimeRangePicker\";\r\nimport { FormNumberField as NumberField } from \"~/components/form/FormNumberField\";\r\nimport { FormRadioGroup as RadioGroup } from \"~/components/form/FormRadioGroup\";\r\nimport { FormSlider as Slider } from \"~/components/form/FormSlider\";\r\nimport { FormSubmitButton as SubmitButton } from \"~/components/form/FormSubmitButton\";\r\nimport { FormSwitch as Switch } from \"~/components/form/FormSwitch\";\r\nimport { FormTextField as TextField } from \"~/components/form/FormTextField\";\r\n\r\nexport const { fieldContext, useFieldContext, formContext, useFormContext } = createFormHookContexts();\r\n\r\nexport const { useAppForm: useLayoutForm, withForm: withLayoutForm } =\r\n    createFormHook({\r\n        fieldComponents: {\r\n            TextField,\r\n            NumberField,\r\n            Autocomplete,\r\n            Checkbox,\r\n            Switch,\r\n            RadioGroup,\r\n            Slider,\r\n            DatePicker,\r\n            DateRangePicker,\r\n            TimePicker,\r\n            TimeRangePicker,\r\n            DateTimePicker,\r\n            DateTimeRangePicker,\r\n        },\r\n        formComponents: {\r\n            SubmitButton,\r\n        },\r\n        fieldContext,\r\n        formContext,\r\n    });\r\n"],"names":["TextField","NumberField","Autocomplete","Checkbox","Switch","RadioGroup","Slider","DatePicker","DateRangePicker","TimePicker","TimeRangePicker","DateTimePicker","DateTimeRangePicker","SubmitButton"],"mappings":"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"}
+{"version":3,"file":"hooks.js","sources":["../src/components/form/FormAutocomplete.tsx","../src/components/form/FormCheckbox.tsx","../src/components/form/FormDatePicker.tsx","../src/components/form/FormDateRangePicker.tsx","../src/components/form/FormTimePicker.tsx","../src/components/form/FormTimeRangePicker.tsx","../src/components/form/FormDateTimePicker.tsx","../src/components/form/FormDateTimeRangePicker.tsx","../src/components/form/FormNumberField.tsx","../src/components/form/FormRadioGroup.tsx","../src/components/form/FormSlider.tsx","../src/components/form/FormSubmitButton.tsx","../src/components/form/FormSwitch.tsx","../src/components/form/FormTextField.tsx","../src/hooks/FormHooks.ts"],"sourcesContent":["import { Autocomplete, TextField } from \"@mui/material\";\r\nimport type { AutocompleteProps, TextFieldProps } from \"@mui/material\";\r\nimport type { FC } from \"react\";\r\nimport type { FormOmittedProps } from \"~/lib/utils\";\r\nimport { useFieldContext } from \"~/hooks/FormHooks\";\r\nimport { getFieldStatus } from \"~/lib/utils\";\r\n\r\nexport interface FormAutocompleteProps extends Omit<AutocompleteProps<any, boolean, boolean, boolean>, FormOmittedProps> {\r\n    textFieldProps?: Omit<TextFieldProps, FormOmittedProps>;\r\n}\r\n\r\nexport const FormAutocomplete: FC<FormAutocompleteProps> = ({ textFieldProps, ...autocompleteProps }) => {\r\n    const field = useFieldContext();\r\n    const { isTouched, hasError, helperText } = getFieldStatus(field);\r\n\r\n    return (\r\n        <Autocomplete\r\n            value={field.state.value}\r\n            onChange={(_, value) => !autocompleteProps.freeSolo && field.handleChange(value)}\r\n            onInputChange={(_, value, reason) => reason !== \"reset\" && autocompleteProps.freeSolo && field.handleChange(value)}\r\n            onBlur={field.handleBlur}\r\n            aria-label={field.name}\r\n            {...autocompleteProps}\r\n            renderInput={(parameters) =>\r\n                <TextField\r\n                    {...parameters}\r\n                    name={field.name}\r\n                    error={isTouched && hasError}\r\n                    helperText={isTouched && helperText}\r\n                    {...textFieldProps}\r\n                />\r\n            }\r\n        />\r\n    );\r\n};","import { Checkbox, FormControl, FormControlLabel, FormHelperText } from \"@mui/material\";\r\nimport type { CheckboxProps } from \"@mui/material\";\r\nimport type { FC } from \"react\";\r\nimport type { FormOmittedProps } from \"~/lib/utils\";\r\nimport { useFieldContext } from \"~/hooks/FormHooks\";\r\nimport { getFieldStatus } from \"~/lib/utils\";\r\n\r\nexport interface FormCheckboxProps extends Omit<CheckboxProps, FormOmittedProps> {\r\n    label?: string;\r\n}\r\n\r\nexport const FormCheckbox: FC<FormCheckboxProps> = (props) => {\r\n    const field = useFieldContext<boolean | null | undefined>();\r\n    const { isTouched, hasError, helperText } = getFieldStatus(field);\r\n\r\n    return (\r\n        <FormControl component=\"fieldset\">\r\n            <FormControlLabel\r\n                control={\r\n                    <Checkbox\r\n                        name={field.name}\r\n                        checked={Boolean(field.state.value)}\r\n                        onChange={(event) => field.handleChange(event.target.checked)}\r\n                        onBlur={field.handleBlur}\r\n                        aria-label={field.name}\r\n                        {...props}\r\n                    />\r\n                }\r\n                label={props.label ?? \"\"}\r\n            />\r\n            {isTouched && hasError && <FormHelperText error={hasError}>{helperText}</FormHelperText>}\r\n        </FormControl>\r\n    );\r\n};","import { DatePicker } from \"@mui/x-date-pickers-pro\";\r\nimport type { Dayjs } from \"dayjs\";\r\nimport type { TextFieldProps } from \"@mui/material\";\r\nimport type { DatePickerProps } from \"@mui/x-date-pickers-pro\";\r\nimport type { FC } from \"react\";\r\nimport type { FormOmittedProps } from \"~/lib/utils\";\r\nimport { useFieldContext } from \"~/hooks/FormHooks\";\r\nimport { getFieldStatus } from \"~/lib/utils\";\r\n\r\nexport interface FormDatePickerProps extends Omit<DatePickerProps, FormOmittedProps> {\r\n    textFieldProps?: TextFieldProps;\r\n}\r\n\r\nexport const FormDatePicker: FC<FormDatePickerProps> = (props) => {\r\n    const field = useFieldContext<Dayjs | null | undefined>();\r\n    const { isTouched, hasError, helperText } = getFieldStatus(field);\r\n\r\n    return (\r\n        <DatePicker\r\n            name={field.name}\r\n            value={field.state.value}\r\n            onChange={(value) => field.handleChange(value)}\r\n            slotProps={{\r\n                textField: {\r\n                    onBlur: field.handleBlur,\r\n                    error: isTouched && hasError,\r\n                    helperText: isTouched && helperText,\r\n                    ...props.textFieldProps\r\n                },\r\n                ...props.slotProps\r\n            }}\r\n            aria-label={field.name}\r\n            {...props}\r\n        />\r\n    );\r\n};\r\n","import { DateRangePicker } from \"@mui/x-date-pickers-pro\";\r\nimport type { TextFieldProps } from \"@mui/material\";\r\nimport type { DateRangePickerProps } from \"@mui/x-date-pickers-pro\";\r\nimport type { Dayjs } from \"dayjs\";\r\nimport type { FC } from \"react\";\r\nimport type { FormOmittedProps } from \"~/lib/utils\";\r\nimport { useFieldContext } from \"~/hooks/FormHooks\";\r\nimport { getFieldStatus } from \"~/lib/utils\";\r\n\r\nexport interface FormDateRangePickerProps extends Omit<DateRangePickerProps, FormOmittedProps> {\r\n    textFieldProps?: TextFieldProps;\r\n}\r\n\r\nexport const FormDateRangePicker: FC<FormDateRangePickerProps> = (props) => {\r\n    const field = useFieldContext<[Dayjs | null, Dayjs | null] | undefined>();\r\n    const { isTouched, hasError, helperText } = getFieldStatus(field);\r\n\r\n    return (\r\n        <DateRangePicker\r\n            name={field.name}\r\n            value={field.state.value}\r\n            onChange={(value) => field.handleChange(value)}\r\n            slotProps={{\r\n                textField: {\r\n                    onBlur: field.handleBlur,\r\n                    error: isTouched && hasError,\r\n                    helperText: isTouched && helperText,\r\n                    ...props.textFieldProps\r\n                },\r\n                ...props.slotProps\r\n            }}\r\n            aria-label={field.name}\r\n            {...props}\r\n        />\r\n    );\r\n};\r\n","import { TimePicker } from \"@mui/x-date-pickers-pro\";\r\nimport type { TextFieldProps } from \"@mui/material\";\r\nimport type { TimePickerProps } from \"@mui/x-date-pickers-pro\";\r\nimport type { Dayjs } from \"dayjs\";\r\nimport type { FC } from \"react\";\r\nimport type { FormOmittedProps } from \"~/lib/utils\";\r\nimport { useFieldContext } from \"~/hooks/FormHooks\";\r\nimport { getFieldStatus } from \"~/lib/utils\";\r\n\r\nexport interface FormTimePickerProps extends Omit<TimePickerProps, FormOmittedProps> {\r\n    textFieldProps?: TextFieldProps;\r\n}\r\n\r\nexport const FormTimePicker: FC<FormTimePickerProps> = (props) => {\r\n    const field = useFieldContext<Dayjs | null | undefined>();\r\n    const { isTouched, hasError, helperText } = getFieldStatus(field);\r\n\r\n    return (\r\n        <TimePicker\r\n            name={field.name}\r\n            value={field.state.value}\r\n            onChange={(value) => field.handleChange(value)}\r\n            slotProps={{\r\n                textField: {\r\n                    onBlur: field.handleBlur,\r\n                    error: isTouched && hasError,\r\n                    helperText: isTouched && helperText,\r\n                    ...props.textFieldProps\r\n                },\r\n                ...props.slotProps\r\n            }}\r\n            aria-label={field.name}\r\n            {...props}\r\n        />\r\n    );\r\n};\r\n","import { TimeRangePicker } from \"@mui/x-date-pickers-pro\";\r\nimport type { TextFieldProps } from \"@mui/material\";\r\nimport type { TimeRangePickerProps } from \"@mui/x-date-pickers-pro\";\r\nimport type { Dayjs } from \"dayjs\";\r\nimport type { FC } from \"react\";\r\nimport type { FormOmittedProps } from \"~/lib/utils\";\r\nimport { useFieldContext } from \"~/hooks/FormHooks\";\r\nimport { getFieldStatus } from \"~/lib/utils\";\r\n\r\nexport interface FormTimeRangePickerProps extends Omit<TimeRangePickerProps, FormOmittedProps> {\r\n    textFieldProps?: TextFieldProps;\r\n}\r\n\r\nexport const FormTimeRangePicker: FC<FormTimeRangePickerProps> = (props) => {\r\n    const field = useFieldContext<[Dayjs | null, Dayjs | null] | undefined>();\r\n    const { isTouched, hasError, helperText } = getFieldStatus(field);\r\n\r\n    return (\r\n        <TimeRangePicker\r\n            name={field.name}\r\n            value={field.state.value}\r\n            onChange={(value) => field.handleChange(value)}\r\n            slotProps={{\r\n                textField: {\r\n                    onBlur: field.handleBlur,\r\n                    error: isTouched && hasError,\r\n                    helperText: isTouched && helperText,\r\n                    ...props.textFieldProps\r\n                },\r\n                ...props.slotProps\r\n            }}\r\n            aria-label={field.name}\r\n            {...props}\r\n        />\r\n    );\r\n};\r\n","import { DateTimePicker } from \"@mui/x-date-pickers-pro\";\r\nimport type { Dayjs } from \"dayjs\";\r\nimport type { TextFieldProps } from \"@mui/material\";\r\nimport type { DateTimePickerProps } from \"@mui/x-date-pickers-pro\";\r\nimport type { FC } from \"react\";\r\nimport type { FormOmittedProps } from \"~/lib/utils\";\r\nimport { useFieldContext } from \"~/hooks/FormHooks\";\r\nimport { getFieldStatus } from \"~/lib/utils\";\r\n\r\nexport interface FormDateTimePickerProps extends Omit<DateTimePickerProps, FormOmittedProps> {\r\n    textFieldProps?: TextFieldProps;\r\n}\r\n\r\nexport const FormDateTimePicker: FC<FormDateTimePickerProps> = (props) => {\r\n    const field = useFieldContext<Dayjs | null | undefined>();\r\n    const { isTouched, hasError, helperText } = getFieldStatus(field);\r\n\r\n    return (\r\n        <DateTimePicker\r\n            name={field.name}\r\n            value={field.state.value}\r\n            onChange={(value) => field.handleChange(value)}\r\n            slotProps={{\r\n                textField: {\r\n                    onBlur: field.handleBlur,\r\n                    error: isTouched && hasError,\r\n                    helperText: isTouched && helperText,\r\n                    ...props.textFieldProps,\r\n                },\r\n                ...props.slotProps\r\n            }}\r\n            aria-label={field.name}\r\n            {...props}\r\n        />\r\n    );\r\n};\r\n","import { DateTimeRangePicker } from \"@mui/x-date-pickers-pro\";\r\nimport type { TextFieldProps } from \"@mui/material\";\r\nimport type { DateTimeRangePickerProps } from \"@mui/x-date-pickers-pro\";\r\nimport type { Dayjs } from \"dayjs\";\r\nimport type { FC } from \"react\";\r\nimport type { FormOmittedProps } from \"~/lib/utils\";\r\nimport { useFieldContext } from \"~/hooks/FormHooks\";\r\nimport { getFieldStatus } from \"~/lib/utils\";\r\n\r\nexport interface FormDateTimeRangePickerProps extends Omit<DateTimeRangePickerProps, FormOmittedProps> {\r\n    textFieldProps?: TextFieldProps;\r\n}\r\n\r\nexport const FormDateTimeRangePicker: FC<FormDateTimeRangePickerProps> = (props) => {\r\n    const field = useFieldContext<[Dayjs | null, Dayjs | null] | undefined>();\r\n    const { isTouched, hasError, helperText } = getFieldStatus(field);\r\n\r\n    return (\r\n        <DateTimeRangePicker\r\n            name={field.name}\r\n            value={field.state.value}\r\n            onChange={(value) => field.handleChange(value)}\r\n            slotProps={{\r\n                textField: {\r\n                    onBlur: field.handleBlur,\r\n                    error: isTouched && hasError,\r\n                    helperText: isTouched && helperText,\r\n                    ...props.textFieldProps\r\n                },\r\n                ...props.slotProps\r\n            }}\r\n            aria-label={field.name}\r\n            {...props}\r\n        />\r\n    );\r\n};\r\n","import { TextField } from \"@mui/material\";\r\nimport { NumericFormat } from \"react-number-format\";\r\nimport type { InputAttributes, NumericFormatProps } from \"react-number-format/types/types\";\r\nimport type { FC } from \"react\";\r\nimport type { TextFieldProps } from \"@mui/material\";\r\nimport type { FormOmittedProps } from \"~/lib/utils\";\r\nimport { useFieldContext } from \"~/hooks/FormHooks\";\r\nimport { getFieldStatus } from \"~/lib/utils\";\r\n\r\nexport interface FormNumberFieldProps extends Omit<TextFieldProps, FormOmittedProps> {\r\n\tdefaultValue?: number | null;\r\n\toptions?: Omit<NumericFormatProps<InputAttributes>, \"customInput\" | \"onValueChange\" | keyof InputAttributes>;\r\n}\r\n\r\nexport const FormNumberField: FC<FormNumberFieldProps> = ({ options, ...props }) => {\r\n\tconst field = useFieldContext<number | null | undefined>();\r\n\tconst { isTouched, hasError, helperText } = getFieldStatus(field);\r\n\r\n\treturn (\r\n\t\t<NumericFormat\r\n\t\t\tcustomInput={TextField}\r\n\t\t\tname={field.name}\r\n\t\t\tvalue={field.state.value ?? \"\"}\r\n\t\t\tonValueChange={({ floatValue }) => field.handleChange(floatValue)}\r\n\t\t\tonBlur={field.handleBlur}\r\n\t\t\terror={isTouched && hasError}\r\n\t\t\thelperText={isTouched && helperText}\r\n\t\t\taria-label={field.name}\r\n\t\t\t{...props}\r\n\t\t\t{...options}\r\n\t\t/>\r\n\t);\r\n};\r\n","import { FormControl, FormControlLabel, FormHelperText, FormLabel, Radio, RadioGroup } from \"@mui/material\";\r\nimport type { RadioGroupProps } from \"@mui/material\";\r\nimport type { FC } from \"react\";\r\nimport type { FormOmittedProps } from \"~/lib/utils\";\r\nimport { useFieldContext } from \"~/hooks/FormHooks\";\r\nimport { getFieldStatus } from \"~/lib/utils\";\r\n\r\ninterface Option {\r\n    label: string;\r\n    value: string | number;\r\n}\r\n\r\nexport interface FormRadioGroupProps extends Omit<RadioGroupProps, FormOmittedProps> {\r\n    label?: string;\r\n    options: Array<Option>;\r\n}\r\n\r\nexport const FormRadioGroup: FC<FormRadioGroupProps> = ({ label, options, ...props }) => {\r\n    const field = useFieldContext<string | number | null | undefined>();\r\n    const { isTouched, hasError, helperText } = getFieldStatus(field);\r\n\r\n    return (\r\n        <FormControl component=\"fieldset\">\r\n            {label && <FormLabel component=\"legend\">{label}</FormLabel>}\r\n            <RadioGroup\r\n                name={field.name}\r\n                value={field.state.value ?? \"\"}\r\n                onChange={(event) => field.handleChange(event.target.value)}\r\n                onBlur={field.handleBlur}\r\n                aria-label={field.name}\r\n                {...props}\r\n            >\r\n                {options.map((option) => (\r\n                    <FormControlLabel\r\n                        key={option.value}\r\n                        value={option.value}\r\n                        control={<Radio />}\r\n                        label={option.label}\r\n                    />\r\n                ))}\r\n            </RadioGroup>\r\n            {isTouched && hasError && <FormHelperText error={hasError}>{helperText}</FormHelperText>}\r\n        </FormControl>\r\n    );\r\n};\r\n","import { FormControl, FormHelperText, FormLabel, Slider } from \"@mui/material\";\r\nimport type { SliderProps } from \"@mui/material\";\r\nimport type { FC } from \"react\";\r\nimport type { FormOmittedProps } from \"~/lib/utils\";\r\nimport { useFieldContext } from \"~/hooks/FormHooks\";\r\nimport { getFieldStatus } from \"~/lib/utils\";\r\n\r\nexport interface FormSliderProps extends Omit<SliderProps, FormOmittedProps> {\r\n    label?: string;\r\n}\r\n\r\nexport const FormSlider: FC<FormSliderProps> = ({ label, ...props }) => {\r\n    const field = useFieldContext<number | null | undefined>();\r\n    const { isTouched, hasError, helperText } = getFieldStatus(field);\r\n\r\n    return (\r\n        <FormControl component=\"fieldset\">\r\n            {label && <FormLabel>{label}</FormLabel>}\r\n            <Slider\r\n                name={field.name}\r\n                value={field.state.value ?? 0}\r\n                onChange={(_, value) => field.handleChange(Array.isArray(value) ? value[0] : value)}\r\n                onBlur={field.handleBlur}\r\n                aria-label={field.name}\r\n                {...props}\r\n            />\r\n            {isTouched && hasError && <FormHelperText error={hasError}>{helperText}</FormHelperText>}\r\n        </FormControl>\r\n    );\r\n};\r\n","import { Button } from \"@mui/material\";\r\nimport type { ButtonProps } from \"@mui/material\";\r\nimport type { FC } from \"react\";\r\nimport { useFormContext } from \"~/hooks/FormHooks\";\r\n\r\nexport type FormSubmitButtonProps = Omit<ButtonProps, \"loading\" | \"disabled\" | \"onClick\" | \"type\">;\r\n\r\nexport const FormSubmitButton: FC<FormSubmitButtonProps> = (props) => {\r\n    const form = useFormContext();\r\n\r\n    const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\r\n        event.preventDefault();\r\n        event.stopPropagation();\r\n        form.handleSubmit();\r\n    };\r\n\r\n    return (\r\n        <form.Subscribe selector={(state) => [state.canSubmit, state.isSubmitting]}>\r\n            {([canSubmit, isSubmitting]) => (\r\n                <Button\r\n                    loading={isSubmitting}\r\n                    disabled={!canSubmit}\r\n                    onClick={handleClick}\r\n                    type=\"submit\"\r\n                    aria-label=\"submit\"\r\n                    {...props}\r\n                />\r\n            )}\r\n        </form.Subscribe>\r\n    );\r\n};","import { FormControl, FormControlLabel, FormHelperText, Switch } from \"@mui/material\";\r\nimport type { SwitchProps } from \"@mui/material\";\r\nimport type { FC } from \"react\";\r\nimport type { FormOmittedProps } from \"~/lib/utils\";\r\nimport { useFieldContext } from \"~/hooks/FormHooks\";\r\nimport { getFieldStatus } from \"~/lib/utils\";\r\n\r\nexport interface FormSwitchProps extends Omit<SwitchProps, FormOmittedProps> {\r\n    label?: string;\r\n}\r\n\r\nexport const FormSwitch: FC<FormSwitchProps> = (props) => {\r\n    const field = useFieldContext<boolean | null | undefined>();\r\n    const { isTouched, hasError, helperText } = getFieldStatus(field);\r\n\r\n    return (\r\n        <FormControl component=\"fieldset\">\r\n            <FormControlLabel\r\n                control={\r\n                    <Switch\r\n                        name={field.name}\r\n                        checked={Boolean(field.state.value)}\r\n                        onChange={(event) => field.handleChange(event.target.checked)}\r\n                        onBlur={field.handleBlur}\r\n                        aria-label={field.name}\r\n                        {...props}\r\n                    />\r\n                }\r\n                label={props.label ?? \"\"}\r\n            />\r\n            {isTouched && hasError && <FormHelperText error={hasError}>{helperText}</FormHelperText>}\r\n        </FormControl>\r\n    );\r\n};\r\n","import { TextField } from \"@mui/material\";\r\nimport type { TextFieldProps } from \"@mui/material\";\r\nimport type { FC } from \"react\";\r\nimport type { FormOmittedProps } from \"~/lib/utils\";\r\nimport { useFieldContext } from \"~/hooks/FormHooks\";\r\nimport { getFieldStatus } from \"~/lib/utils\";\r\n\r\nexport interface FormTextFieldProps extends Omit<TextFieldProps, FormOmittedProps> {\r\n    type?: \"color\" | \"email\" | \"password\" | \"search\" | \"tel\" | \"text\" | \"url\"\r\n}\r\n\r\nexport const FormTextField: FC<FormTextFieldProps> = (props) => {\r\n    const field = useFieldContext<string | number | null | undefined>();\r\n    const { isTouched, hasError, helperText } = getFieldStatus(field);\r\n\r\n    return (\r\n        <TextField\r\n            name={field.name}\r\n            value={field.state.value ?? \"\"}\r\n            onChange={event => field.handleChange(event.target.value)}\r\n            onBlur={field.handleBlur}\r\n            error={isTouched && hasError}\r\n            helperText={isTouched && helperText}\r\n            aria-label={field.name}\r\n            {...props}\r\n        />\r\n    );\r\n};","import { createFormHook, createFormHookContexts } from \"@tanstack/react-form\";\r\nimport { FormAutocomplete as Autocomplete } from \"~/components/form/FormAutocomplete\";\r\nimport { FormCheckbox as Checkbox } from \"~/components/form/FormCheckbox\";\r\nimport { FormDatePicker as DatePicker } from \"~/components/form/FormDatePicker\";\r\nimport { FormDateRangePicker as DateRangePicker } from \"~/components/form/FormDateRangePicker\";\r\nimport { FormTimePicker as TimePicker } from \"~/components/form/FormTimePicker\";\r\nimport { FormTimeRangePicker as TimeRangePicker } from \"~/components/form/FormTimeRangePicker\";\r\nimport { FormDateTimePicker as DateTimePicker } from \"~/components/form/FormDateTimePicker\";\r\nimport { FormDateTimeRangePicker as DateTimeRangePicker } from \"~/components/form/FormDateTimeRangePicker\";\r\nimport { FormNumberField as NumberField } from \"~/components/form/FormNumberField\";\r\nimport { FormRadioGroup as RadioGroup } from \"~/components/form/FormRadioGroup\";\r\nimport { FormSlider as Slider } from \"~/components/form/FormSlider\";\r\nimport { FormSubmitButton as SubmitButton } from \"~/components/form/FormSubmitButton\";\r\nimport { FormSwitch as Switch } from \"~/components/form/FormSwitch\";\r\nimport { FormTextField as TextField } from \"~/components/form/FormTextField\";\r\n\r\nexport const { fieldContext, useFieldContext, formContext, useFormContext } = createFormHookContexts();\r\n\r\nexport const { useAppForm: useLayoutForm, withForm: withLayoutForm } =\r\n    createFormHook({\r\n        fieldComponents: {\r\n            TextField,\r\n            NumberField,\r\n            Autocomplete,\r\n            Checkbox,\r\n            Switch,\r\n            RadioGroup,\r\n            Slider,\r\n            DatePicker,\r\n            DateRangePicker,\r\n            TimePicker,\r\n            TimeRangePicker,\r\n            DateTimePicker,\r\n            DateTimeRangePicker,\r\n        },\r\n        formComponents: {\r\n            SubmitButton,\r\n        },\r\n        fieldContext,\r\n        formContext,\r\n    });\r\n"],"names":["jsx","jsxs","TextField","NumberField","Autocomplete","Checkbox","Switch","RadioGroup","Slider","DatePicker","DateRangePicker","TimePicker","TimeRangePicker","DateTimePicker","DateTimeRangePicker","SubmitButton"],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,74 @@
+import { CssVarsThemeOptions } from '@mui/material';
+import { FC } from 'react';
+import { LinkOptions } from '@tanstack/react-router';
+import { OptionalFetcher } from '@tanstack/start-client-core';
+import { ReactNode } from 'react';
+
+export declare const LayoutProvider: FC<ProvidersProps>;
+
+export declare type Navigation = Array<NavigationItem>;
+
+declare interface NavigationDivider {
+    kind: "divider";
+    hidden?: boolean;
+}
+
+declare interface NavigationHeader {
+    kind: "header";
+    title: string;
+    hidden?: boolean;
+}
+
+declare type NavigationItem = NavigationPageItem | NavigationDivider | NavigationHeader;
+
+declare interface NavigationPageItem extends Partial<Pick<LinkOptions, "to" | "href" | "params" | "search">> {
+    title: string;
+    icon: React.ReactNode;
+    children?: Array<NavigationItem>;
+    hidden?: boolean;
+}
+
+declare interface ProvidersProps {
+    navigation?: Navigation;
+    theme?: Pick<CssVarsThemeOptions, "colorSchemes" | "components">;
+    children: ReactNode;
+}
+
+export declare const rootRouteHead: () => {
+    meta: ({
+        charSet: string;
+        name?: undefined;
+        content?: undefined;
+        title?: undefined;
+    } | {
+        name: string;
+        content: string;
+        charSet?: undefined;
+        title?: undefined;
+    } | {
+        title: string;
+        charSet?: undefined;
+        name?: undefined;
+        content?: undefined;
+    })[];
+    links: ({
+        rel: string;
+        sizes: string;
+        href: string;
+        type?: undefined;
+    } | {
+        rel: string;
+        type: string;
+        sizes: string;
+        href: string;
+    } | {
+        rel: string;
+        href: string;
+        sizes?: undefined;
+        type?: undefined;
+    })[];
+};
+
+export declare const setSSRLanguage: OptionalFetcher<undefined, undefined, Promise<void>>;
+
+export { }