@zydon/common 2.2.48 → 2.2.50

package/dist/components/form/DateRangePicker/index.js

@@ -1,77 +1,10 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Controller, useFormContext } from "react-hook-form";
-import FormHelperText from "@mui/material/FormHelperText";
-import Stack from "@mui/material/Stack";
-import { DateRangePicker as MuiDateRangePicker } from "@mui/x-date-pickers-pro";
-import dayjs from "dayjs";
-const DateRangePicker = ({
-  name,
-  label,
-  rules,
-  tabIndex,
-  helperText,
-  required,
-  ...other
-}) => {
-  const { control, setError } = useFormContext();
-  return /* @__PURE__ */ jsx(
-    Controller,
-    {
-      name,
-      control,
-      rules,
-      render: ({ field: { value, onChange }, fieldState: { error } }) => {
-        return /* @__PURE__ */ jsxs(Stack, { children: [
-          /* @__PURE__ */ jsx(
-            MuiDateRangePicker,
-            {
-              "data-intercom-target": name,
-              ...other,
-              format: "DD/MM/YYYY",
-              value: [
-                value?.startDate ? dayjs(value.startDate) : null,
-                value?.endDate ? dayjs(value.endDate) : null
-              ],
-              onChange: (v) => {
-                const newValue = {
-                  startDate: v[0] ? v[0].toDate() : null,
-                  endDate: v[1] ? v[1].toDate() : null
-                };
-                onChange(newValue);
-                other.onChange && other.onChange(newValue);
-              },
-              onError: (newError) => {
-                setError(name, {
-                  message: newError[0] || newError[1] || void 0
-                });
-              },
-              slotProps: {
-                textField: ({ position }) => ({
-                  ...other.slotProps?.textField,
-                  required,
-                  error: !!error,
-                  autoComplete: "off",
-                  spellCheck: "false",
-                  fullWidth: true,
-                  label: position === "start" ? `${label} (Dt. In\xEDcio)` : `${label} (Dt. Fim)`,
-                  inputProps: {
-                    tabIndex
-                  }
-                })
-              },
-              sx: {
-                width: 1
-              }
-            }
-          ),
-          (error?.message || helperText) && /* @__PURE__ */ jsx(FormHelperText, { error: !!error, sx: { mx: "14px" }, children: error?.message || helperText })
-        ] });
-      }
-    }
-  );
-};
-var DateRangePicker_default = DateRangePicker;
-export {
-  DateRangePicker_default as default
-};
-//# sourceMappingURL=index.js.map
+import { useFormContext, Controller } from 'react-hook-form';
+import k from '@mui/material/FormHelperText';
+import x from '@mui/material/Stack';
+import { DateRangePicker } from '@mui/x-date-pickers-pro';
+import m from 'dayjs';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var F=({name:a,label:s,rules:p,tabIndex:D,helperText:l,required:d,...e})=>{let{control:f,setError:c}=useFormContext();return jsx(Controller,{name:a,control:f,rules:p,render:({field:{value:o,onChange:u},fieldState:{error:r}})=>jsxs(x,{children:[jsx(DateRangePicker,{"data-intercom-target":a,...e,format:"DD/MM/YYYY",value:[o?.startDate?m(o.startDate):null,o?.endDate?m(o.endDate):null],onChange:t=>{let i={startDate:t[0]?t[0].toDate():null,endDate:t[1]?t[1].toDate():null};u(i),e.onChange&&e.onChange(i);},onError:t=>{c(a,{message:t[0]||t[1]||void 0});},slotProps:{textField:({position:t})=>({...e.slotProps?.textField,required:d,error:!!r,autoComplete:"off",spellCheck:"false",fullWidth:!0,label:t==="start"?`${s} (Dt. In\xEDcio)`:`${s} (Dt. Fim)`,inputProps:{tabIndex:D}})},sx:{width:1}}),(r?.message||l)&&jsx(k,{error:!!r,sx:{mx:"14px"},children:r?.message||l})]})})},$=F;
+
+export { $ as default };

package/dist/components/form/DateTimePicker/index.js

@@ -1,61 +1,8 @@
-import { jsx } from "react/jsx-runtime";
-import { Controller, useFormContext } from "react-hook-form";
-import { DateTimePicker as MuiDateTimePicker } from "@mui/x-date-pickers-pro";
-import dayjs from "dayjs";
-const DateTimePicker = ({
-  name,
-  rules,
-  tabIndex,
-  helperText,
-  required,
-  ...other
-}) => {
-  const { control } = useFormContext();
-  return /* @__PURE__ */ jsx(
-    Controller,
-    {
-      name,
-      control,
-      rules,
-      render: ({
-        field: { ref, onChange, ...field },
-        fieldState: { error }
-      }) => /* @__PURE__ */ jsx(
-        MuiDateTimePicker,
-        {
-          format: "DD/MM/YYYY HH:mm",
-          inputRef: ref,
-          ...field,
-          "data-intercom-target": name,
-          ...other,
-          value: field.value ? dayjs(field.value) : null,
-          onChange: (v) => {
-            const newValue = v ? v.toDate() : null;
-            onChange(newValue);
-            other.onChange && other.onChange(newValue);
-          },
-          slotProps: {
-            textField: {
-              ...other.slotProps?.textField,
-              required,
-              error: !!error,
-              helperText: error?.message || helperText,
-              autoComplete: "off",
-              spellCheck: "false",
-              fullWidth: true,
-              inputProps: { tabIndex }
-            },
-            openPickerButton: {
-              tabIndex
-            }
-          }
-        }
-      )
-    }
-  );
-};
-var DateTimePicker_default = DateTimePicker;
-export {
-  DateTimePicker_default as default
-};
-//# sourceMappingURL=index.js.map
+import { useFormContext, Controller } from 'react-hook-form';
+import { DateTimePicker } from '@mui/x-date-pickers-pro';
+import C from 'dayjs';
+import { jsx } from 'react/jsx-runtime';
+
+var d=({name:o,rules:m,tabIndex:r,helperText:s,required:p,...e})=>{let{control:u}=useFormContext();return jsx(Controller,{name:o,control:u,rules:m,render:({field:{ref:c,onChange:f,...t},fieldState:{error:l}})=>jsx(DateTimePicker,{format:"DD/MM/YYYY HH:mm",inputRef:c,...t,"data-intercom-target":o,...e,value:t.value?C(t.value):null,onChange:a=>{let i=a?a.toDate():null;f(i),e.onChange&&e.onChange(i);},slotProps:{textField:{...e.slotProps?.textField,required:p,error:!!l,helperText:l?.message||s,autoComplete:"off",spellCheck:"false",fullWidth:!0,inputProps:{tabIndex:r}},openPickerButton:{tabIndex:r}}})})},h=d;
+
+export { h as default };

package/dist/components/form/Field/index.js

@@ -1,49 +1 @@
-import { jsx } from "react/jsx-runtime";
-import { Controller, useFormContext } from "react-hook-form";
-import TextField from "@mui/material/TextField";
-const Field = ({
-  name,
-  helperText,
-  rules,
-  onChange,
-  tabIndex,
-  className,
-  ...other
-}) => {
-  const { control } = useFormContext();
-  return /* @__PURE__ */ jsx(
-    Controller,
-    {
-      name,
-      control,
-      rules,
-      render: ({ field: { ref, ...field }, fieldState: { error } }) => /* @__PURE__ */ jsx(
-        TextField,
-        {
-          ...field,
-          onChange: (e) => {
-            field.onChange(e);
-            if (onChange)
-              onChange(e);
-          },
-          inputRef: ref,
-          fullWidth: true,
-          error: !!error,
-          helperText: error?.message || helperText,
-          "data-intercom-target": name,
-          ...other,
-          inputProps: {
-            ...other.inputProps,
-            tabIndex
-          },
-          className: `field-${name} ${className}`
-        }
-      )
-    }
-  );
-};
-var Field_default = Field;
-export {
-  Field_default as default
-};
-//# sourceMappingURL=index.js.map
+export { a as default } from '../../../chunk-VTHBHXM2.js';

package/dist/components/form/Form/index.js

@@ -1,29 +1,7 @@
-import { jsx } from "react/jsx-runtime";
-import { FormProvider } from "react-hook-form";
-import Stack from "@mui/material/Stack";
-const Form = ({
-  id,
-  children,
-  onSubmit,
-  methods,
-  ...other
-}) => {
-  return /* @__PURE__ */ jsx(FormProvider, { ...methods, children: /* @__PURE__ */ jsx(
-    Stack,
-    {
-      component: "form",
-      id,
-      onSubmit,
-      flex: 1,
-      width: 1,
-      noValidate: true,
-      ...other,
-      children
-    }
-  ) });
-};
-var Form_default = Form;
-export {
-  Form_default as default
-};
-//# sourceMappingURL=index.js.map
+import { FormProvider } from 'react-hook-form';
+import e from '@mui/material/Stack';
+import { jsx } from 'react/jsx-runtime';
+
+var f=({id:r,children:m,onSubmit:t,methods:i,...p})=>jsx(FormProvider,{...i,children:jsx(e,{component:"form",id:r,onSubmit:t,flex:1,width:1,noValidate:!0,...p,children:m})}),h=f;
+
+export { h as default };

package/dist/components/form/Incrementer/index.js

@@ -1,38 +1,11 @@
-import { jsx } from "react/jsx-runtime";
-import { Controller, useFormContext } from "react-hook-form";
-import IncrementerComponent from "components/Incrementer";
-const Incrementer = ({
-  name,
-  helperText,
-  rules,
-  ...other
-}) => {
-  const { control } = useFormContext();
-  return /* @__PURE__ */ jsx(
-    Controller,
-    {
-      name,
-      control,
-      rules,
-      render: ({ field: { ref, value, ...field }, fieldState: { error } }) => /* @__PURE__ */ jsx(
-        IncrementerComponent,
-        {
-          value,
-          inputRef: ref,
-          fullWidth: true,
-          error: !!error,
-          helperText: error?.message || helperText,
-          "data-intercom-target": name,
-          ...other,
-          ...field,
-          name
-        }
-      )
-    }
-  );
-};
-var Incrementer_default = Incrementer;
-export {
-  Incrementer_default as default
-};
-//# sourceMappingURL=index.js.map
+import { a } from '../../../chunk-56NARAT6.js';
+import '../../../chunk-ANAHA3L6.js';
+import '../../../chunk-7KZ2UT76.js';
+import '../../../chunk-PMPALWRO.js';
+import '../../../chunk-3E5A45HM.js';
+import { useFormContext, Controller } from 'react-hook-form';
+import { jsx } from 'react/jsx-runtime';
+
+var d=({name:e,helperText:n,rules:m,...l})=>{let{control:p}=useFormContext();return jsx(Controller,{name:e,control:p,rules:m,render:({field:{ref:c,value:f,...i},fieldState:{error:r}})=>jsx(a,{value:f,inputRef:c,fullWidth:!0,error:!!r,helperText:r?.message||n,"data-intercom-target":e,...l,...i,name:e})})},C=d;
+
+export { C as default };

package/dist/components/form/InputTags/index.js

@@ -1,69 +1,9 @@
-import { jsx } from "react/jsx-runtime";
-import { Controller, useFormContext } from "react-hook-form";
-import Autocomplete from "@mui/material/Autocomplete";
-import Chip from "@mui/material/Chip";
-import TextField from "@mui/material/TextField";
-const InputTags = ({
-  name,
-  helperText,
-  rules,
-  label,
-  required
-}) => {
-  const { control } = useFormContext();
-  return /* @__PURE__ */ jsx(
-    Controller,
-    {
-      name,
-      control,
-      rules,
-      render: ({ field: { ref, value, onChange }, fieldState: { error } }) => /* @__PURE__ */ jsx(
-        Autocomplete,
-        {
-          multiple: true,
-          options: [],
-          freeSolo: true,
-          value,
-          onChange: (_, value2) => {
-            const filteredValue = value2.filter(
-              (item) => typeof item === "string" ? item.trim().length > 0 : true
-            );
-            onChange(filteredValue);
-          },
-          renderTags: (value2, getTagProps) => value2.map(
-            (option, index) => {
-              return /* @__PURE__ */ jsx(
-                Chip,
-                {
-                  variant: "soft",
-                  color: "primary",
-                  label: option,
-                  ...getTagProps({ index })
-                },
-                index
-              );
-            }
-          ),
-          renderInput: (params) => /* @__PURE__ */ jsx(
-            TextField,
-            {
-              ...params,
-              inputRef: ref,
-              label,
-              placeholder: "| Digite e tecle enter",
-              error: !!error,
-              helperText: error?.message || helperText,
-              required
-            }
-          ),
-          "data-intercom-target": name
-        }
-      )
-    }
-  );
-};
-var InputTags_default = InputTags;
-export {
-  InputTags_default as default
-};
-//# sourceMappingURL=index.js.map
+import { useFormContext, Controller } from 'react-hook-form';
+import b from '@mui/material/Autocomplete';
+import h from '@mui/material/Chip';
+import I from '@mui/material/TextField';
+import { jsx } from 'react/jsx-runtime';
+
+var C=({name:n,helperText:a,rules:i,label:p,required:m})=>{let{control:s}=useFormContext();return jsx(Controller,{name:n,control:s,rules:i,render:({field:{ref:f,value:c,onChange:d},fieldState:{error:u}})=>jsx(b,{multiple:!0,options:[],freeSolo:!0,value:c,onChange:(t,o)=>{let l=o.filter(e=>typeof e=="string"?e.trim().length>0:!0);d(l);},renderTags:(t,o)=>t.map((l,e)=>jsx(h,{variant:"soft",color:"primary",label:l,...o({index:e})},e)),renderInput:t=>jsx(I,{...t,inputRef:f,label:p,placeholder:"| Digite e tecle enter",error:!!u,helperText:u?.message||a,required:m}),"data-intercom-target":n})})},R=C;
+
+export { R as default };

package/dist/components/form/MaskedInput/index.js

@@ -1,45 +1,2 @@
-import { jsx } from "react/jsx-runtime";
-import { Controller, useFormContext } from "react-hook-form";
-import MaskedInputComponent from "components/MaskedInput";
-const MaskedInput = ({
-  name,
-  helperText,
-  rules,
-  onChange: onChangeValue,
-  error: isError,
-  ...other
-}) => {
-  const { control } = useFormContext();
-  return /* @__PURE__ */ jsx(
-    Controller,
-    {
-      name,
-      control,
-      rules,
-      render: ({
-        field: { name: fieldName, onChange, value, ref },
-        fieldState: { error }
-      }) => /* @__PURE__ */ jsx(
-        MaskedInputComponent,
-        {
-          ref,
-          "data-intercom-target": name,
-          ...other,
-          name: fieldName,
-          value,
-          error: isError || !!error,
-          helperText: error?.message || helperText,
-          onChange: ({ target: { value: v } }) => {
-            onChangeValue && onChangeValue(v);
-            onChange(v);
-          }
-        }
-      )
-    }
-  );
-};
-var MaskedInput_default = MaskedInput;
-export {
-  MaskedInput_default as default
-};
-//# sourceMappingURL=index.js.map
+export { a as default } from '../../../chunk-SEVJABAI.js';
+import '../../../chunk-QNAXGE5H.js';

package/dist/components/form/MultiCheckbox/index.js

@@ -1,93 +1,12 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Controller, useFormContext } from "react-hook-form";
-import MuiCheckbox from "@mui/material/Checkbox";
-import FormControl from "@mui/material/FormControl";
-import FormControlLabel from "@mui/material/FormControlLabel";
-import FormGroup from "@mui/material/FormGroup";
-import FormHelperText from "@mui/material/FormHelperText";
-import FormLabel from "@mui/material/FormLabel";
-const MultiCheckbox = ({
-  row,
-  name,
-  rules,
-  label,
-  options,
-  spacing,
-  helperText,
-  required,
-  ...other
-}) => {
-  const { control } = useFormContext();
-  const getSelected = (selectedItems, item) => selectedItems.includes(item) ? selectedItems.filter((value) => value !== item) : [...selectedItems, item];
-  return /* @__PURE__ */ jsx(
-    Controller,
-    {
-      name,
-      control,
-      rules,
-      render: ({ field: { value = [], ...field }, fieldState: { error } }) => /* @__PURE__ */ jsxs(FormControl, { component: "fieldset", children: [
-        label && /* @__PURE__ */ jsx(
-          FormLabel,
-          {
-            component: "legend",
-            sx: { typography: "body2" },
-            required,
-            children: label
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          FormGroup,
-          {
-            sx: {
-              ...row && {
-                flexDirection: "row"
-              },
-              "& .MuiFormControlLabel-root": {
-                "&:not(:last-of-type)": {
-                  mb: spacing || 0
-                },
-                ...row && {
-                  mr: 0,
-                  "&:not(:last-of-type)": {
-                    mr: spacing || 2
-                  }
-                }
-              }
-            },
-            children: options.map((option) => /* @__PURE__ */ jsx(
-              FormControlLabel,
-              {
-                control: /* @__PURE__ */ jsx(
-                  MuiCheckbox,
-                  {
-                    checked: value.includes(option.value),
-                    onChange: () => field.onChange(getSelected(value, option.value))
-                  }
-                ),
-                label: option.label,
-                "data-intercom-target": name,
-                ...other
-              },
-              option.value
-            ))
-          }
-        ),
-        (!!error || helperText) && /* @__PURE__ */ jsx(
-          FormHelperText,
-          {
-            error: !!error,
-            sx: (theme) => ({
-              color: other.disabled ? theme.palette.grey[500] : void 0
-            }),
-            children: error ? error?.message : helperText
-          }
-        )
-      ] })
-    }
-  );
-};
-var MultiCheckbox_default = MultiCheckbox;
-export {
-  MultiCheckbox_default as default
-};
-//# sourceMappingURL=index.js.map
+import { useFormContext, Controller } from 'react-hook-form';
+import x from '@mui/material/Checkbox';
+import g from '@mui/material/FormControl';
+import y from '@mui/material/FormControlLabel';
+import h from '@mui/material/FormGroup';
+import k from '@mui/material/FormHelperText';
+import M from '@mui/material/FormLabel';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var L=({row:m,name:n,rules:c,label:i,options:u,spacing:a,helperText:p,required:d,...f})=>{let{control:s}=useFormContext(),b=(o,l)=>o.includes(l)?o.filter(r=>r!==l):[...o,l];return jsx(Controller,{name:n,control:s,rules:c,render:({field:{value:o=[],...l},fieldState:{error:r}})=>jsxs(g,{component:"fieldset",children:[i&&jsx(M,{component:"legend",sx:{typography:"body2"},required:d,children:i}),jsx(h,{sx:{...m&&{flexDirection:"row"},"& .MuiFormControlLabel-root":{"&:not(:last-of-type)":{mb:a||0},...m&&{mr:0,"&:not(:last-of-type)":{mr:a||2}}}},children:u.map(e=>jsx(y,{control:jsx(x,{checked:o.includes(e.value),onChange:()=>l.onChange(b(o,e.value))}),label:e.label,"data-intercom-target":n,...f},e.value))}),(!!r||p)&&jsx(k,{error:!!r,sx:e=>({color:f.disabled?e.palette.grey[500]:void 0}),children:r?r?.message:p})]})})},w=L;
+
+export { w as default };

package/dist/components/form/MultiChipField/index.js

@@ -1,49 +1,8 @@
-import { jsx } from "react/jsx-runtime";
-import { Controller, useFormContext } from "react-hook-form";
-import Autocomplete from "@mui/material/Autocomplete";
-import TextField from "@mui/material/TextField";
-const MultipleChip = ({
-  name,
-  label = "",
-  rules,
-  helperText,
-  changed,
-  ...other
-}) => {
-  const { control } = useFormContext();
-  return /* @__PURE__ */ jsx(
-    Controller,
-    {
-      name,
-      control,
-      rules,
-      render: ({ field, fieldState: { error } }) => /* @__PURE__ */ jsx(
-        Autocomplete,
-        {
-          ...field,
-          onChange: (_, newValue) => {
-            if (changed)
-              changed(newValue);
-            field.onChange(newValue);
-          },
-          renderInput: (params) => /* @__PURE__ */ jsx(
-            TextField,
-            {
-              label,
-              error: !!error,
-              helperText: error ? error?.message : helperText,
-              ...params
-            }
-          ),
-          "data-intercom-target": name,
-          ...other
-        }
-      )
-    }
-  );
-};
-var MultiChipField_default = MultipleChip;
-export {
-  MultiChipField_default as default
-};
-//# sourceMappingURL=index.js.map
+import { useFormContext, Controller } from 'react-hook-form';
+import h from '@mui/material/Autocomplete';
+import c from '@mui/material/TextField';
+import { jsx } from 'react/jsx-runtime';
+
+var d=({name:e,label:n="",rules:m,helperText:s,changed:r,...u})=>{let{control:C}=useFormContext();return jsx(Controller,{name:e,control:C,rules:m,render:({field:l,fieldState:{error:t}})=>jsx(h,{...l,onChange:(p,i)=>{r&&r(i),l.onChange(i);},renderInput:p=>jsx(c,{label:n,error:!!t,helperText:t?t?.message:s,...p}),"data-intercom-target":e,...u})})},F=d;
+
+export { F as default };

package/dist/components/form/NumberInput/index.js

@@ -1,43 +1,7 @@
-import { jsx } from "react/jsx-runtime";
-import { Controller, useFormContext } from "react-hook-form";
-import NumberInputComponent from "components/NumberInput";
-const NumberInput = ({
-  name,
-  helperText,
-  rules,
-  onChange,
-  className,
-  ...other
-}) => {
-  const { control } = useFormContext();
-  return /* @__PURE__ */ jsx(
-    Controller,
-    {
-      name,
-      control,
-      rules,
-      render: ({ field, fieldState: { error } }) => /* @__PURE__ */ jsx(
-        NumberInputComponent,
-        {
-          ...field,
-          onChange: (e) => {
-            field.onChange(e);
-            if (onChange)
-              onChange(e);
-          },
-          fullWidth: true,
-          error: !!error,
-          helperText: error?.message || helperText,
-          "data-intercom-target": name,
-          className: `field-${name} ${className}`,
-          ...other
-        }
-      )
-    }
-  );
-};
-var NumberInput_default = NumberInput;
-export {
-  NumberInput_default as default
-};
-//# sourceMappingURL=index.js.map
+import { a } from '../../../chunk-7KZ2UT76.js';
+import { useFormContext, Controller } from 'react-hook-form';
+import { jsx } from 'react/jsx-runtime';
+
+var d=({name:r,helperText:u,rules:l,onChange:t,className:s,...a$1})=>{let{control:f}=useFormContext();return jsx(Controller,{name:r,control:f,rules:l,render:({field:o,fieldState:{error:e}})=>jsx(a,{...o,onChange:n=>{o.onChange(n),t&&t(n);},fullWidth:!0,error:!!e,helperText:e?.message||u,"data-intercom-target":r,className:`field-${r} ${s}`,...a$1})})},C=d;
+
+export { C as default };