@zydon/common 2.2.48 → 2.2.50

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

@@ -1,91 +1,13 @@
-import { jsx } from "react/jsx-runtime";
-import { useState } from "react";
-import { useFormContext } from "react-hook-form";
-import IconButton from "@mui/material/IconButton";
-import InputAdornment from "@mui/material/InputAdornment";
-import Field from "components/form/Field";
-import Icon from "components/Icon";
-import { validatePassword } from "utils/validators";
-const Password = ({
-  name,
-  sx,
-  rules,
-  passwordSize,
-  specialCharacter,
-  upperCaseChar,
-  numberChar,
-  showErrorMessage,
-  match,
-  ...other
-}) => {
-  const { watch } = useFormContext();
-  const password = watch(name);
-  const [showPassword, setShowPassword] = useState(false);
-  const {
-    hasNumberChar,
-    hasSpecialCharacter,
-    hasUpperCaseChar,
-    isLengthValid
-  } = validatePassword(
-    password,
-    passwordSize,
-    numberChar,
-    specialCharacter,
-    upperCaseChar
-  );
-  return /* @__PURE__ */ jsx(
-    Field,
-    {
-      "data-intercom-target": name,
-      ...other,
-      name,
-      type: showPassword ? "text" : "password",
-      InputProps: {
-        endAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx(
-          IconButton,
-          {
-            onClick: () => setShowPassword(!showPassword),
-            edge: "end",
-            "aria-label": "Mostrar/Ocultar senha",
-            tabIndex: -1,
-            children: /* @__PURE__ */ jsx(Icon, { icon: showPassword ? "VIEW_ON" : "VIEW_OFF" })
-          }
-        ) })
-      },
-      rules: {
-        ...rules,
-        validate: {
-          ...rules?.validate,
-          validationPassword: (v) => {
-            const validation = validatePassword(
-              v,
-              passwordSize,
-              numberChar,
-              specialCharacter,
-              upperCaseChar
-            );
-            if (!validation.hasNumberChar || !validation.hasSpecialCharacter || !validation.hasUpperCaseChar || !validation.isLengthValid)
-              return "Senha inv\xE1lida";
-            if (match && match.fieldPassword) {
-              const passwordValue = watch(match.fieldPassword);
-              if (passwordValue !== v)
-                return "As senhas devem ser iguais";
-            }
-            return true;
-          }
-        }
-      },
-      sx: {
-        ...sx,
-        "& .MuiFormHelperText-root": {
-          display: (!hasSpecialCharacter || !hasUpperCaseChar || !isLengthValid || !hasNumberChar) && !showErrorMessage ? "none" : void 0
-        }
-      }
-    }
-  );
-};
-var Password_default = Password;
-export {
-  Password_default as default
-};
-//# sourceMappingURL=index.js.map
+import { a } from '../../../chunk-VTHBHXM2.js';
+import { d } from '../../../chunk-CQDKXUUX.js';
+import { a as a$1 } from '../../../chunk-PMPALWRO.js';
+import '../../../chunk-3E5A45HM.js';
+import { useState } from 'react';
+import { useFormContext } from 'react-hook-form';
+import S from '@mui/material/IconButton';
+import b from '@mui/material/InputAdornment';
+import { jsx } from 'react/jsx-runtime';
+
+var N=({name:s,sx:w,rules:n,passwordSize:i,specialCharacter:d$1,upperCaseChar:p,numberChar:l,showErrorMessage:c,match:t,...P})=>{let{watch:m}=useFormContext(),I=m(s),[a$2,g]=useState(!1),{hasNumberChar:v,hasSpecialCharacter:C,hasUpperCaseChar:V,isLengthValid:x}=d(I,i,l,d$1,p);return jsx(a,{"data-intercom-target":s,...P,name:s,type:a$2?"text":"password",InputProps:{endAdornment:jsx(b,{position:"end",children:jsx(S,{onClick:()=>g(!a$2),edge:"end","aria-label":"Mostrar/Ocultar senha",tabIndex:-1,children:jsx(a$1,{icon:a$2?"VIEW_ON":"VIEW_OFF"})})})},rules:{...n,validate:{...n?.validate,validationPassword:u=>{let o=d(u,i,l,d$1,p);return !o.hasNumberChar||!o.hasSpecialCharacter||!o.hasUpperCaseChar||!o.isLengthValid?"Senha inv\xE1lida":t&&t.fieldPassword&&m(t.fieldPassword)!==u?"As senhas devem ser iguais":!0}}},sx:{...w,"& .MuiFormHelperText-root":{display:(!C||!V||!x||!v)&&!c?"none":void 0}}})},_=N;
+
+export { _ as default };

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

@@ -1,127 +1,13 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Controller, useFormContext } from "react-hook-form";
-import FormControl from "@mui/material/FormControl";
-import FormControlLabel from "@mui/material/FormControlLabel";
-import FormHelperText from "@mui/material/FormHelperText";
-import FormLabel from "@mui/material/FormLabel";
-import Radio from "@mui/material/Radio";
-import MuiRadioGroup from "@mui/material/RadioGroup";
-import { alpha } from "@mui/material/styles";
-const RadioGroup = ({
-  name,
-  rules,
-  row,
-  label,
-  options,
-  spacing,
-  helperText,
-  decorated,
-  onChange,
-  tabIndex,
-  required,
-  disabled,
-  ...other
-}) => {
-  const { control } = useFormContext();
-  const labelledby = label ? `${name}-${label}` : "";
-  return /* @__PURE__ */ jsx(
-    Controller,
-    {
-      name,
-      control,
-      rules,
-      render: ({ field, fieldState: { error } }) => /* @__PURE__ */ jsxs(
-        FormControl,
-        {
-          component: "fieldset",
-          sx: {
-            ...decorated && {
-              paddingLeft: 1.5
-            }
-          },
-          "data-intercom-target": name,
-          children: [
-            label && /* @__PURE__ */ jsx(
-              FormLabel,
-              {
-                component: "legend",
-                id: labelledby,
-                sx: { typography: "body2" },
-                required,
-                children: label
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              MuiRadioGroup,
-              {
-                ...other,
-                ...field,
-                onChange: (event, value) => {
-                  field.onChange(event);
-                  if (onChange)
-                    onChange(event, value);
-                },
-                "aria-labelledby": labelledby,
-                row,
-                children: options.map((option) => /* @__PURE__ */ jsx(
-                  FormControlLabel,
-                  {
-                    value: option.value,
-                    control: /* @__PURE__ */ jsx(
-                      Radio,
-                      {
-                        inputProps: { tabIndex },
-                        disabled,
-                        checked: option.value === field.value,
-                        icon: option.icon,
-                        checkedIcon: option.icon
-                      }
-                    ),
-                    label: option.label,
-                    sx: ({ palette }) => ({
-                      "&:not(:last-of-type)": {
-                        mb: spacing || 0
-                      },
-                      ...row && {
-                        mr: 0,
-                        "&:not(:last-of-type)": {
-                          mr: spacing || 2
-                        }
-                      },
-                      ...decorated && {
-                        border: `1px solid ${alpha(palette.grey[500], 0.32)}`,
-                        borderRadius: 1,
-                        padding: 0.25,
-                        paddingRight: (spacing || 0) / 2 || 1,
-                        ...field.value === option.value && {
-                          borderColor: "primary.main",
-                          backgroundColor: alpha(palette.primary.main, 0.05)
-                        }
-                      }
-                    })
-                  },
-                  option.value
-                ))
-              }
-            ),
-            (!!error || helperText) && /* @__PURE__ */ jsx(
-              FormHelperText,
-              {
-                error: !!error,
-                sx: (theme) => ({
-                  color: disabled ? theme.palette.grey[500] : void 0
-                }),
-                children: error ? error?.message : helperText
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
-};
-var RadioGroup_default = RadioGroup;
-export {
-  RadioGroup_default as default
-};
-//# sourceMappingURL=index.js.map
+import { useFormContext, Controller } from 'react-hook-form';
+import h from '@mui/material/FormControl';
+import G from '@mui/material/FormControlLabel';
+import k from '@mui/material/FormHelperText';
+import L from '@mui/material/FormLabel';
+import P from '@mui/material/Radio';
+import $ from '@mui/material/RadioGroup';
+import { alpha } from '@mui/material/styles';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var H=({name:l,rules:b,row:i,label:e,options:y,spacing:d,helperText:p,decorated:n,onChange:u,tabIndex:g,required:C,disabled:s,...F})=>{let{control:R}=useFormContext(),c=e?`${l}-${e}`:"";return jsx(Controller,{name:l,control:R,rules:b,render:({field:a,fieldState:{error:m}})=>jsxs(h,{component:"fieldset",sx:{...n&&{paddingLeft:1.5}},"data-intercom-target":l,children:[e&&jsx(L,{component:"legend",id:c,sx:{typography:"body2"},required:C,children:e}),jsx($,{...F,...a,onChange:(o,t)=>{a.onChange(o),u&&u(o,t);},"aria-labelledby":c,row:i,children:y.map(o=>jsx(G,{value:o.value,control:jsx(P,{inputProps:{tabIndex:g},disabled:s,checked:o.value===a.value,icon:o.icon,checkedIcon:o.icon}),label:o.label,sx:({palette:t})=>({"&:not(:last-of-type)":{mb:d||0},...i&&{mr:0,"&:not(:last-of-type)":{mr:d||2}},...n&&{border:`1px solid ${alpha(t.grey[500],.32)}`,borderRadius:1,padding:.25,paddingRight:(d||0)/2||1,...a.value===o.value&&{borderColor:"primary.main",backgroundColor:alpha(t.primary.main,.05)}}})},o.value))}),(!!m||p)&&jsx(k,{error:!!m,sx:o=>({color:s?o.palette.grey[500]:void 0}),children:m?m?.message:p})]})})},D=H;
+
+export { D as default };

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

@@ -1,22 +1,14 @@
-import { jsx } from "react/jsx-runtime";
-import { Controller, useFormContext } from "react-hook-form";
-import SelectableCardsComponent from "components/SelectableCards";
-const SelectableCards = ({ name, rules, ...other }) => {
-  const { control } = useFormContext();
-  return /* @__PURE__ */ jsx(
-    Controller,
-    {
-      name,
-      control,
-      rules,
-      render: ({ field }) => {
-        return /* @__PURE__ */ jsx(SelectableCardsComponent, { ...field, ...other });
-      }
-    }
-  );
-};
-var SelectableCards_default = SelectableCards;
-export {
-  SelectableCards_default as default
-};
-//# sourceMappingURL=index.js.map
+import { a } from '../../../chunk-DZ7YW2X6.js';
+import '../../../chunk-D2VRQ2K3.js';
+import '../../../chunk-TWGGHTU5.js';
+import '../../../chunk-E5MGOPPQ.js';
+import '../../../chunk-2MVQI7NJ.js';
+import '../../../chunk-ZDHXW74M.js';
+import '../../../chunk-PMPALWRO.js';
+import '../../../chunk-3E5A45HM.js';
+import { useFormContext, Controller } from 'react-hook-form';
+import { jsx } from 'react/jsx-runtime';
+
+var c=({name:o,rules:t,...l})=>{let{control:n}=useFormContext();return jsx(Controller,{name:o,control:n,rules:t,render:({field:a$1})=>jsx(a,{...a$1,...l})})},d=c;
+
+export { d as default };

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

@@ -1,71 +1,9 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import {
-  Controller,
-  useFormContext
-} from "react-hook-form";
-import FormControlLabel from "@mui/material/FormControlLabel";
-import FormHelperText from "@mui/material/FormHelperText";
-import MuiSwitch from "@mui/material/Switch";
-const Switch = ({
-  name,
-  helperText,
-  onChange,
-  tabIndex,
-  size,
-  label,
-  sx,
-  ...other
-}) => {
-  const { control } = useFormContext();
-  const renderSwitch = (field) => {
-    return /* @__PURE__ */ jsx(
-      MuiSwitch,
-      {
-        ...field,
-        checked: field.value,
-        onChange: (e, v) => {
-          field.onChange(e);
-          if (onChange)
-            onChange(e, v);
-        },
-        inputProps: { tabIndex },
-        size,
-        sx
-      }
-    );
-  };
-  return /* @__PURE__ */ jsx(
-    Controller,
-    {
-      name,
-      control,
-      render: ({ field, fieldState: { error } }) => /* @__PURE__ */ jsxs("div", { children: [
-        label ? /* @__PURE__ */ jsx(
-          FormControlLabel,
-          {
-            label,
-            control: renderSwitch(field),
-            "data-intercom-target": name,
-            ...other
-          }
-        ) : renderSwitch(field),
-        (!!error || helperText) && /* @__PURE__ */ jsx(
-          FormHelperText,
-          {
-            error: !!error,
-            sx: (theme) => ({
-              mx: "14px",
-              color: other.disabled ? theme.palette.grey[500] : void 0
-            }),
-            children: error ? error?.message : helperText
-          }
-        )
-      ] })
-    }
-  );
-};
-var Switch_default = Switch;
-export {
-  Switch_default as default
-};
-//# sourceMappingURL=index.js.map
+import { useFormContext, Controller } from 'react-hook-form';
+import C from '@mui/material/FormControlLabel';
+import F from '@mui/material/FormHelperText';
+import S from '@mui/material/Switch';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var g=({name:n,helperText:i,onChange:l,tabIndex:c,size:d,label:s,sx:a,...m})=>{let{control:u}=useFormContext(),p=r=>jsx(S,{...r,checked:r.value,onChange:(o,e)=>{r.onChange(o),l&&l(o,e);},inputProps:{tabIndex:c},size:d,sx:a});return jsx(Controller,{name:n,control:u,render:({field:r,fieldState:{error:o}})=>jsxs("div",{children:[s?jsx(C,{label:s,control:p(r),"data-intercom-target":n,...m}):p(r),(!!o||i)&&jsx(F,{error:!!o,sx:e=>({mx:"14px",color:m.disabled?e.palette.grey[500]:void 0}),children:o?o?.message:i})]})})},V=g;
+
+export { V as default };

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

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

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

@@ -1,59 +1,20 @@
-import { jsx } from "react/jsx-runtime";
-import { Controller, useFormContext } from "react-hook-form";
-import FormHelperText from "@mui/material/FormHelperText";
-import UploadAvatarWithCropComponent from "components/upload/upload-avatar-with-crop";
-import useUpload from "hooks/useUpload";
-const UploadAvatarWithCrop = ({
-  name,
-  rules,
-  helperText,
-  aspect,
-  label,
-  image,
-  onFileCropped,
-  onImageUploaded,
-  onCancel,
-  ...other
-}) => {
-  const { control } = useFormContext();
-  const { uploadFile, file, setFileValue } = useUpload(name);
-  return /* @__PURE__ */ jsx(
-    Controller,
-    {
-      name,
-      control,
-      rules,
-      render: ({ field: { value }, fieldState: { error } }) => /* @__PURE__ */ jsx(
-        UploadAvatarWithCropComponent,
-        {
-          accept: { "image/*": [] },
-          file: value ? file : void 0,
-          onFileCropped: (v) => {
-            uploadFile(v);
-            if (onFileCropped)
-              onFileCropped(v);
-          },
-          onImageUploaded,
-          onCancel: () => {
-            setFileValue(void 0);
-            if (onCancel)
-              onCancel();
-          },
-          error: !!error,
-          disableMultiple: true,
-          helperText: (!!error || helperText) && /* @__PURE__ */ jsx(FormHelperText, { error: !!error, sx: { px: 2 }, children: error ? error?.message : helperText }),
-          aspect,
-          label,
-          image,
-          "data-intercom-target": name,
-          ...other
-        }
-      )
-    }
-  );
-};
-var UploadAvatarWithCrop_default = UploadAvatarWithCrop;
-export {
-  UploadAvatarWithCrop_default as default
-};
-//# sourceMappingURL=index.js.map
+import { b } from '../../../chunk-BA43A7R3.js';
+import '../../../chunk-4CNAGEPZ.js';
+import '../../../chunk-F7CW3DXN.js';
+import '../../../chunk-QHVL5QNM.js';
+import '../../../chunk-T7I256S6.js';
+import '../../../chunk-ANAHA3L6.js';
+import '../../../chunk-D27ND54J.js';
+import '../../../chunk-PMPALWRO.js';
+import '../../../chunk-3E5A45HM.js';
+import '../../../chunk-KFZEM7KS.js';
+import { a } from '../../../chunk-GA4A5P3S.js';
+import '../../../chunk-M6QHAL4V.js';
+import '../../../chunk-W3MYAMTH.js';
+import { useFormContext, Controller } from 'react-hook-form';
+import W from '@mui/material/FormHelperText';
+import { jsx } from 'react/jsx-runtime';
+
+var v=({name:e,rules:m,helperText:r,aspect:n,label:f,image:s,onFileCropped:a$1,onImageUploaded:u,onCancel:l,...c})=>{let{control:C}=useFormContext(),{uploadFile:U,file:g,setFileValue:x}=a(e);return jsx(Controller,{name:e,control:C,rules:m,render:({field:{value:F},fieldState:{error:o}})=>jsx(b,{accept:{"image/*":[]},file:F?g:void 0,onFileCropped:p=>{U(p),a$1&&a$1(p);},onImageUploaded:u,onCancel:()=>{x(void 0),l&&l();},error:!!o,disableMultiple:!0,helperText:(!!o||r)&&jsx(W,{error:!!o,sx:{px:2},children:o?o?.message:r}),aspect:n,label:f,image:s,"data-intercom-target":e,...c})})},I=v;
+
+export { I as default };

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

@@ -1,59 +1,23 @@
-import { jsx } from "react/jsx-runtime";
-import { Controller, useFormContext } from "react-hook-form";
-import FormHelperText from "@mui/material/FormHelperText";
-import UploadWithCropComponent from "components/upload/upload-with-crop";
-import useUpload from "hooks/useUpload";
-const UploadWithCrop = ({
-  name,
-  rules,
-  helperText,
-  aspect,
-  label,
-  image,
-  onFileCropped,
-  onImageUploaded,
-  onCancel,
-  ...other
-}) => {
-  const { control } = useFormContext();
-  const { uploadFile, file, setFileValue } = useUpload(name);
-  return /* @__PURE__ */ jsx(
-    Controller,
-    {
-      name,
-      control,
-      rules,
-      render: ({ field: { value }, fieldState: { error } }) => /* @__PURE__ */ jsx(
-        UploadWithCropComponent,
-        {
-          accept: { "image/*": [] },
-          file: value ? file : void 0,
-          onFileCropped: (v) => {
-            uploadFile(v);
-            if (onFileCropped)
-              onFileCropped(v);
-          },
-          onImageUploaded,
-          onCancel: () => {
-            setFileValue(void 0);
-            if (onCancel)
-              onCancel();
-          },
-          error: !!error,
-          disableMultiple: true,
-          helperText: (!!error || helperText) && /* @__PURE__ */ jsx(FormHelperText, { error: !!error, sx: { px: 2 }, children: error ? error?.message : helperText }),
-          aspect,
-          label,
-          image,
-          "data-intercom-target": name,
-          ...other
-        }
-      )
-    }
-  );
-};
-var UploadWithCrop_default = UploadWithCrop;
-export {
-  UploadWithCrop_default as default
-};
-//# sourceMappingURL=index.js.map
+import { e } from '../../../chunk-YYKIC4EK.js';
+import '../../../chunk-4CNAGEPZ.js';
+import '../../../chunk-F7CW3DXN.js';
+import '../../../chunk-QHVL5QNM.js';
+import '../../../chunk-T7I256S6.js';
+import '../../../chunk-ANAHA3L6.js';
+import '../../../chunk-YWEB6IAI.js';
+import '../../../chunk-23GJSDGU.js';
+import '../../../chunk-D27ND54J.js';
+import '../../../chunk-PMPALWRO.js';
+import '../../../chunk-3E5A45HM.js';
+import '../../../chunk-ILHUUK4X.js';
+import '../../../chunk-KFZEM7KS.js';
+import { a } from '../../../chunk-GA4A5P3S.js';
+import '../../../chunk-M6QHAL4V.js';
+import '../../../chunk-W3MYAMTH.js';
+import { useFormContext, Controller } from 'react-hook-form';
+import b from '@mui/material/FormHelperText';
+import { jsx } from 'react/jsx-runtime';
+
+var H=({name:e$1,rules:m,helperText:l,aspect:n,label:f,image:s,onFileCropped:p,onImageUploaded:u,onCancel:r,...c})=>{let{control:C}=useFormContext(),{uploadFile:U,file:g,setFileValue:x}=a(e$1);return jsx(Controller,{name:e$1,control:C,rules:m,render:({field:{value:F},fieldState:{error:o}})=>jsx(e,{accept:{"image/*":[]},file:F?g:void 0,onFileCropped:i=>{U(i),p&&p(i);},onImageUploaded:u,onCancel:()=>{x(void 0),r&&r();},error:!!o,disableMultiple:!0,helperText:(!!o||l)&&jsx(b,{error:!!o,sx:{px:2},children:o?o?.message:l}),aspect:n,label:f,image:s,"data-intercom-target":e$1,...c})})},S=H;
+
+export { S as default };