@zydon/common 2.2.48 → 2.2.50

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

@@ -1,199 +1,15 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import CircularProgress from "@mui/material/CircularProgress";
-import InputAdornment from "@mui/material/InputAdornment";
-import Stack from "@mui/material/Stack";
-import Autocomplete from "../Autocomplete";
-import Field from "../Field";
-import MaskedInput from "../MaskedInput";
-const Address = ({
-  name,
-  containerProps,
-  required,
-  rules,
-  tabIndex
-}) => {
-  const ZIP_CODE_FIELD = `${name}.zipCode`;
-  const PUBLIC_PLACE = `${name}.publicPlace`;
-  const NUMBER = `${name}.number`;
-  const DISTRICT = `${name}.district`;
-  const COMPLEMENT = `${name}.complement`;
-  const STATE = `${name}.state`;
-  const CITY = `${name}.city`;
-  const handleKeyDown = (e) => {
-    if (e.key === "Enter")
-      e.preventDefault();
-  };
-  return /* @__PURE__ */ jsxs(Stack, { gap: 1.5, ...containerProps, children: [
-    /* @__PURE__ */ jsxs(
-      Stack,
-      {
-        direction: {
-          xs: "column",
-          md: "row"
-        },
-        gap: 1.5,
-        flexWrap: "wrap",
-        children: [
-          /* @__PURE__ */ jsx(
-            MaskedInput,
-            {
-              name: ZIP_CODE_FIELD,
-              label: "CEP",
-              mask: [
-                {
-                  mask: "00000-000"
-                }
-              ],
-              InputProps: {
-                endAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx(CircularProgress, { size: 24 }) })
-              },
-              rules,
-              onKeyDown: handleKeyDown,
-              required,
-              sx: {
-                width: "auto",
-                flex: 1,
-                minWidth: 160
-              },
-              tabIndex
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            Stack,
-            {
-              direction: {
-                xs: "column",
-                sm: "row"
-              },
-              gap: 1.5,
-              flex: {
-                xs: 1,
-                md: "1 1 50%"
-              },
-              children: [
-                /* @__PURE__ */ jsx(
-                  Field,
-                  {
-                    name: PUBLIC_PLACE,
-                    label: "Logradouro",
-                    onKeyDown: handleKeyDown,
-                    inputProps: { maxLength: 70 },
-                    sx: {
-                      width: "auto",
-                      minWidth: 250,
-                      flex: 1
-                    },
-                    tabIndex
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  Field,
-                  {
-                    name: NUMBER,
-                    label: "N\xFAmero",
-                    onKeyDown: handleKeyDown,
-                    inputProps: { maxLength: 6 },
-                    sx: {
-                      width: "auto",
-                      minWidth: 100
-                    },
-                    tabIndex
-                  }
-                )
-              ]
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      Stack,
-      {
-        direction: {
-          xs: "column",
-          md: "row"
-        },
-        gap: 1.5,
-        flexWrap: "wrap",
-        children: [
-          /* @__PURE__ */ jsx(
-            Field,
-            {
-              name: DISTRICT,
-              label: "Bairro",
-              onKeyDown: handleKeyDown,
-              inputProps: { maxLength: 20 },
-              sx: {
-                width: "auto",
-                flex: {
-                  xs: 1,
-                  md: "1 1 100px"
-                }
-              },
-              tabIndex
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Field,
-            {
-              name: COMPLEMENT,
-              label: "Complemento",
-              onKeyDown: handleKeyDown,
-              inputProps: { maxLength: 30 },
-              sx: {
-                minWidth: 200,
-                width: "auto",
-                flex: {
-                  xs: 1,
-                  md: "1 1 500px"
-                }
-              },
-              tabIndex
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      Stack,
-      {
-        gap: 1.5,
-        flexWrap: "wrap",
-        direction: {
-          xs: "column",
-          sm: "row"
-        },
-        children: [
-          /* @__PURE__ */ jsx(
-            Autocomplete,
-            {
-              name: STATE,
-              label: "Estado",
-              options: [],
-              disabled: true,
-              required,
-              sx: { flex: 1 },
-              tabIndex
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Field,
-            {
-              name: CITY,
-              label: "Cidade",
-              disabled: true,
-              required,
-              sx: { flex: 1 },
-              tabIndex
-            }
-          )
-        ]
-      }
-    )
-  ] });
-};
-var Address_default = Address;
-export {
-  Address_default as default
-};
-//# sourceMappingURL=index.js.map
+import { a as a$2 } from '../../../chunk-VTHBHXM2.js';
+import { a as a$1 } from '../../../chunk-SEVJABAI.js';
+import { a as a$3 } from '../../../chunk-ZHP7IRS6.js';
+import '../../../chunk-QNAXGE5H.js';
+import '../../../chunk-KORVZU6L.js';
+import '../../../chunk-PMPALWRO.js';
+import '../../../chunk-3E5A45HM.js';
+import E from '@mui/material/CircularProgress';
+import g from '@mui/material/InputAdornment';
+import a from '@mui/material/Stack';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var C=({name:t,containerProps:l,required:i,rules:c,tabIndex:e})=>{let x=`${t}.zipCode`,u=`${t}.publicPlace`,f=`${t}.number`,w=`${t}.district`,h=`${t}.complement`,P=`${t}.state`,b=`${t}.city`,r=m=>{m.key==="Enter"&&m.preventDefault();};return jsxs(a,{gap:1.5,...l,children:[jsxs(a,{direction:{xs:"column",md:"row"},gap:1.5,flexWrap:"wrap",children:[jsx(a$1,{name:x,label:"CEP",mask:[{mask:"00000-000"}],InputProps:{endAdornment:jsx(g,{position:"end",children:jsx(E,{size:24})})},rules:c,onKeyDown:r,required:i,sx:{width:"auto",flex:1,minWidth:160},tabIndex:e}),jsxs(a,{direction:{xs:"column",sm:"row"},gap:1.5,flex:{xs:1,md:"1 1 50%"},children:[jsx(a$2,{name:u,label:"Logradouro",onKeyDown:r,inputProps:{maxLength:70},sx:{width:"auto",minWidth:250,flex:1},tabIndex:e}),jsx(a$2,{name:f,label:"N\xFAmero",onKeyDown:r,inputProps:{maxLength:6},sx:{width:"auto",minWidth:100},tabIndex:e})]})]}),jsxs(a,{direction:{xs:"column",md:"row"},gap:1.5,flexWrap:"wrap",children:[jsx(a$2,{name:w,label:"Bairro",onKeyDown:r,inputProps:{maxLength:20},sx:{width:"auto",flex:{xs:1,md:"1 1 100px"}},tabIndex:e}),jsx(a$2,{name:h,label:"Complemento",onKeyDown:r,inputProps:{maxLength:30},sx:{minWidth:200,width:"auto",flex:{xs:1,md:"1 1 500px"}},tabIndex:e})]}),jsxs(a,{gap:1.5,flexWrap:"wrap",direction:{xs:"column",sm:"row"},children:[jsx(a$3,{name:P,label:"Estado",options:[],disabled:!0,required:i,sx:{flex:1},tabIndex:e}),jsx(a$2,{name:b,label:"Cidade",disabled:!0,required:i,sx:{flex:1},tabIndex:e})]})]})},S=C;
+
+export { S as default };

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

@@ -1,42 +1,4 @@
-import { jsx } from "react/jsx-runtime";
-import { Controller, useFormContext } from "react-hook-form";
-import AutocompleteComponent from "components/Autocomplete";
-const Autocomplete = ({
-  name,
-  helperText,
-  rules,
-  onSelectOption,
-  ...other
-}) => {
-  const { control } = useFormContext();
-  return /* @__PURE__ */ jsx(
-    Controller,
-    {
-      name,
-      control,
-      rules,
-      render: ({ field, fieldState: { error } }) => {
-        return /* @__PURE__ */ jsx(
-          AutocompleteComponent,
-          {
-            "data-intercom-target": name,
-            ...field,
-            ...other,
-            onChange: (value) => {
-              if (onSelectOption)
-                onSelectOption(value, field.value);
-              field.onChange(value);
-            },
-            error: !!error,
-            helperText: error?.message || helperText
-          }
-        );
-      }
-    }
-  );
-};
-var Autocomplete_default = Autocomplete;
-export {
-  Autocomplete_default as default
-};
-//# sourceMappingURL=index.js.map
+export { a as default } from '../../../chunk-ZHP7IRS6.js';
+import '../../../chunk-KORVZU6L.js';
+import '../../../chunk-PMPALWRO.js';
+import '../../../chunk-3E5A45HM.js';

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

@@ -1,42 +1,9 @@
-import { jsx } from "react/jsx-runtime";
-import { Controller, useFormContext } from "react-hook-form";
-import AutocompleteDetailedComponent from "components/AutocompleteDetailed";
-const AutocompleteDetailed = ({
-  name,
-  rules,
-  helperText,
-  onSelectOption,
-  ...other
-}) => {
-  const { control } = useFormContext();
-  return /* @__PURE__ */ jsx(
-    Controller,
-    {
-      name,
-      control,
-      rules,
-      render: ({ field, fieldState: { error } }) => {
-        return /* @__PURE__ */ jsx(
-          AutocompleteDetailedComponent,
-          {
-            "data-intercom-target": name,
-            ...field,
-            ...other,
-            onChange: (value) => {
-              if (onSelectOption)
-                onSelectOption(value, field.value);
-              field.onChange(value);
-            },
-            error: !!error,
-            helperText: error?.message || helperText
-          }
-        );
-      }
-    }
-  );
-};
-var AutocompleteDetailed_default = AutocompleteDetailed;
-export {
-  AutocompleteDetailed_default as default
-};
-//# sourceMappingURL=index.js.map
+import { a } from '../../../chunk-7F56LFN2.js';
+import '../../../chunk-NF42ENKE.js';
+import '../../../chunk-ILHUUK4X.js';
+import { useFormContext, Controller } from 'react-hook-form';
+import { jsx } from 'react/jsx-runtime';
+
+var d=({name:t,rules:a$1,helperText:p,onSelectOption:o,...s})=>{let{control:u}=useFormContext();return jsx(Controller,{name:t,control:u,rules:a$1,render:({field:e,fieldState:{error:r}})=>jsx(a,{"data-intercom-target":t,...e,...s,onChange:n=>{o&&o(n,e.value),e.onChange(n);},error:!!r,helperText:r?.message||p})})},f=d;
+
+export { f as default };

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

@@ -1,51 +1,9 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Controller, useFormContext } from "react-hook-form";
-import MuiCheckbox from "@mui/material/Checkbox";
-import FormControlLabel from "@mui/material/FormControlLabel";
-import FormHelperText from "@mui/material/FormHelperText";
-const Checkbox = ({
-  name,
-  rules,
-  helperText,
-  tabIndex,
-  onChange,
-  ...other
-}) => {
-  const { control } = useFormContext();
-  return /* @__PURE__ */ jsx(
-    Controller,
-    {
-      name,
-      control,
-      rules,
-      render: ({ field, fieldState: { error } }) => /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(
-          FormControlLabel,
-          {
-            control: /* @__PURE__ */ jsx(
-              MuiCheckbox,
-              {
-                ...field,
-                onChange: (e, v) => {
-                  field.onChange(e);
-                  if (onChange)
-                    onChange(e, v);
-                },
-                checked: field.value,
-                tabIndex
-              }
-            ),
-            "data-intercom-target": name,
-            ...other
-          }
-        ),
-        (!!error || helperText) && /* @__PURE__ */ jsx(FormHelperText, { error: !!error, children: error ? error?.message : helperText })
-      ] })
-    }
-  );
-};
-var Checkbox_default = Checkbox;
-export {
-  Checkbox_default as default
-};
-//# sourceMappingURL=index.js.map
+import { useFormContext, Controller } from 'react-hook-form';
+import b from '@mui/material/Checkbox';
+import d from '@mui/material/FormControlLabel';
+import f from '@mui/material/FormHelperText';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var h=({name:e,rules:l,helperText:m,tabIndex:a,onChange:n,...p})=>{let{control:i}=useFormContext();return jsx(Controller,{name:e,control:i,rules:l,render:({field:t,fieldState:{error:o}})=>jsxs("div",{children:[jsx(d,{control:jsx(b,{...t,onChange:(c,C)=>{t.onChange(c),n&&n(c,C);},checked:t.value,tabIndex:a}),"data-intercom-target":e,...p}),(!!o||m)&&jsx(f,{error:!!o,children:o?o?.message:m})]})})},H=h;
+
+export { H as default };

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

@@ -1,87 +1,11 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useRef } from "react";
-import { Controller, useFormContext } from "react-hook-form";
-import FormHelperText from "@mui/material/FormHelperText";
-import Stack from "@mui/material/Stack";
-import TextField from "@mui/material/TextField";
-import useEventListener from "hooks/useEventListener";
-const Codes = ({
-  keyName,
-  inputs = [],
-  rules,
-  tabIndex,
-  ...other
-}) => {
-  const codesRef = useRef(null);
-  const {
-    control,
-    setValue,
-    formState: { errors }
-  } = useFormContext();
-  const handlePaste = (event) => {
-    const data = event.clipboardData.getData("text").split("");
-    inputs.map((input, index) => setValue(input, data[index]));
-    event.preventDefault();
-  };
-  const handleChangeWithNextField = (event, handleChange) => {
-    const { maxLength, value, name } = event.target;
-    const fieldIndex = name.replace(keyName, "");
-    const fieldIntIndex = Number(fieldIndex);
-    const nextfield = document.querySelector(
-      `input[name=${keyName}${fieldIntIndex + 1}]`
-    );
-    if (value.length > maxLength) {
-      event.target.value = value[0];
-    }
-    if (value.length >= maxLength && fieldIntIndex < 6 && nextfield !== null) {
-      nextfield.focus();
-    }
-    handleChange(event);
-  };
-  useEventListener("paste", handlePaste, codesRef);
-  const hasCodeNotFilled = inputs.some((input) => errors[input]);
-  return /* @__PURE__ */ jsxs(Stack, { children: [
-    /* @__PURE__ */ jsx(Stack, { direction: "row", spacing: 2, justifyContent: "center", ref: codesRef, children: inputs.map((name, index) => /* @__PURE__ */ jsx(
-      Controller,
-      {
-        name: `${keyName}${index + 1}`,
-        control,
-        rules,
-        render: ({ field, fieldState: { error } }) => /* @__PURE__ */ jsx(
-          TextField,
-          {
-            ...other,
-            ...field,
-            autoComplete: "none",
-            error: !!error,
-            autoFocus: index === 0,
-            placeholder: "-",
-            onChange: (event) => {
-              handleChangeWithNextField(event, field.onChange);
-            },
-            onFocus: (event) => event.currentTarget.select(),
-            InputProps: {
-              sx: {
-                width: { xs: 36, sm: 56 },
-                height: { xs: 36, sm: 56 },
-                "& input": { p: 0, textAlign: "center" }
-              }
-            },
-            inputProps: {
-              maxLength: 1,
-              type: "number",
-              tabIndex
-            }
-          }
-        )
-      },
-      name
-    )) }),
-    hasCodeNotFilled && /* @__PURE__ */ jsx(FormHelperText, { error: true, sx: { px: 2 }, children: "C\xF3digo \xE9 obrigat\xF3rio" })
-  ] });
-};
-var Codes_default = Codes;
-export {
-  Codes_default as default
-};
-//# sourceMappingURL=index.js.map
+import { a } from '../../../chunk-4INDXVIX.js';
+import { useRef } from 'react';
+import { useFormContext, Controller } from 'react-hook-form';
+import b from '@mui/material/FormHelperText';
+import u from '@mui/material/Stack';
+import M from '@mui/material/TextField';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var S=({keyName:l,inputs:s=[],rules:d,tabIndex:f,...g})=>{let m=useRef(null),{control:h,setValue:C,formState:{errors:x}}=useFormContext(),E=e=>{let n=e.clipboardData.getData("text").split("");s.map((t,o)=>C(t,n[o])),e.preventDefault();},v=(e,n)=>{let{maxLength:t,value:o,name:r}=e.target,L=r.replace(l,""),p=Number(L),i=document.querySelector(`input[name=${l}${p+1}]`);o.length>t&&(e.target.value=o[0]),o.length>=t&&p<6&&i!==null&&i.focus(),n(e);};a("paste",E,m);let T=s.some(e=>x[e]);return jsxs(u,{children:[jsx(u,{direction:"row",spacing:2,justifyContent:"center",ref:m,children:s.map((e,n)=>jsx(Controller,{name:`${l}${n+1}`,control:h,rules:d,render:({field:t,fieldState:{error:o}})=>jsx(M,{...g,...t,autoComplete:"none",error:!!o,autoFocus:n===0,placeholder:"-",onChange:r=>{v(r,t.onChange);},onFocus:r=>r.currentTarget.select(),InputProps:{sx:{width:{xs:36,sm:56},height:{xs:36,sm:56},"& input":{p:0,textAlign:"center"}}},inputProps:{maxLength:1,type:"number",tabIndex:f}})},e))}),T&&jsx(b,{error:!0,sx:{px:2},children:"C\xF3digo \xE9 obrigat\xF3rio"})]})},N=S;
+
+export { N as default };

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

@@ -1,52 +1,8 @@
-import { jsx } from "react/jsx-runtime";
-import { Controller, useFormContext } from "react-hook-form";
-import ColorPickerInput from "components/ColorPickerInput";
-const ColorPicker = ({
-  name,
-  rules,
-  helperText,
-  ...other
-}) => {
-  const { control } = useFormContext();
-  return /* @__PURE__ */ jsx(
-    Controller,
-    {
-      name,
-      control,
-      rules: {
-        ...rules,
-        validate: {
-          ...rules?.validate,
-          validation: (v) => {
-            const fValue = "#" + v.replaceAll("#", "");
-            const hexRegex = /^#([0-9A-Fa-f]{3}){1,2}$/;
-            if (!hexRegex.test(fValue))
-              return "Cor inv\xE1lida";
-            return true;
-          }
-        }
-      },
-      render: ({
-        field: { ref, onChange, ...field },
-        fieldState: { error }
-      }) => /* @__PURE__ */ jsx(
-        ColorPickerInput,
-        {
-          ...field,
-          onChangeColor: onChange,
-          inputRef: ref,
-          fullWidth: true,
-          error: !!error,
-          helperText: error?.message || helperText,
-          "data-intercom-target": name,
-          ...other
-        }
-      )
-    }
-  );
-};
-var ColorPicker_default = ColorPicker;
-export {
-  ColorPicker_default as default
-};
-//# sourceMappingURL=index.js.map
+import { a } from '../../../chunk-BUYQKDFG.js';
+import '../../../chunk-ORYAES3Q.js';
+import { useFormContext, Controller } from 'react-hook-form';
+import { jsx } from 'react/jsx-runtime';
+
+var u=({name:o,rules:t,helperText:c,...f})=>{let{control:d}=useFormContext();return jsx(Controller,{name:o,control:d,rules:{...t,validate:{...t?.validate,validation:e=>{let r="#"+e.replaceAll("#","");return /^#([0-9A-Fa-f]{3}){1,2}$/.test(r)?!0:"Cor inv\xE1lida"}}},render:({field:{ref:e,onChange:r,...l},fieldState:{error:i}})=>jsx(a,{...l,onChangeColor:r,inputRef:e,fullWidth:!0,error:!!i,helperText:i?.message||c,"data-intercom-target":o,...f})})},g=u;
+
+export { g as default };

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

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