@zydon/common 2.2.48 → 2.2.50

package/dist/components/ColorPickerInput/index.js

@@ -1,101 +1,2 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import Box from "@mui/material/Box";
-import IconButton from "@mui/material/IconButton";
-import InputAdornment from "@mui/material/InputAdornment";
-import Popover from "@mui/material/Popover";
-import TextField from "@mui/material/TextField";
-import usePopover from "hooks/usePopover";
-import { ChromePicker } from "./Style";
-const ColorPickerInput = ({
-  value,
-  onChangeColor,
-  tabIndex,
-  ...other
-}) => {
-  const hexValue = value ? "#" + value.replaceAll("#", "") : "";
-  const popover = usePopover();
-  const handleChangeColor = (v = "") => {
-    const hexRegex = /^#[0-9a-fA-F]*$/;
-    if (hexRegex.test(v) || v === "" || v === "#") {
-      onChangeColor("#" + v.replaceAll("#", ""));
-    }
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      TextField,
-      {
-        ...other,
-        value: hexValue,
-        onChange: (e) => handleChangeColor(e.target.value),
-        InputProps: {
-          inputProps: {
-            ...other.inputProps,
-            maxLength: 7,
-            tabIndex
-          },
-          startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", sx: { ml: 2 }, children: /* @__PURE__ */ jsx(
-            IconButton,
-            {
-              edge: "start",
-              "aria-label": "Escolher cor",
-              onClick: popover.onOpen,
-              children: /* @__PURE__ */ jsx(
-                Box,
-                {
-                  sx: {
-                    minWidth: 24,
-                    minHeight: 24,
-                    backgroundColor: hexValue,
-                    borderRadius: 0.5
-                  }
-                }
-              )
-            }
-          ) })
-        }
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Popover,
-      {
-        open: Boolean(popover.open),
-        anchorEl: popover.open,
-        onClose: popover.onClose,
-        anchorOrigin: {
-          vertical: "bottom",
-          horizontal: "center"
-        },
-        transformOrigin: {
-          vertical: "center",
-          horizontal: "center"
-        },
-        slotProps: {
-          paper: {
-            style: { borderRadius: 8 }
-          }
-        },
-        children: /* @__PURE__ */ jsx(
-          ChromePicker,
-          {
-            color: hexValue,
-            onChange: ({ hex }) => onChangeColor(hex),
-            styles: {
-              default: {
-                picker: {
-                  fontFamily: "inherit",
-                  boxShadow: "none"
-                }
-              }
-            },
-            disableAlpha: true
-          }
-        )
-      }
-    )
-  ] });
-};
-var ColorPickerInput_default = ColorPickerInput;
-export {
-  ColorPickerInput_default as default
-};
-//# sourceMappingURL=index.js.map
+export { a as default } from '../../chunk-BUYQKDFG.js';
+import '../../chunk-ORYAES3Q.js';

package/dist/components/ColoredLabel/index.js

@@ -1,44 +1,7 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import Box from "@mui/material/Box";
-import { useTheme } from "@mui/material/styles";
-import { RootStyle } from "./styles";
-const ColoredLabel = ({
-  children,
-  color = "#000",
-  backgroundColor,
-  variant = "ghost",
-  startIcon,
-  endIcon,
-  sx,
-  ...others
-}) => {
-  const theme = useTheme();
-  const style = {
-    width: 16,
-    height: 16,
-    "& svg, img": { width: 1, height: 1, objectFit: "cover" }
-  };
-  return /* @__PURE__ */ jsxs(
-    RootStyle,
-    {
-      ownerState: { color, variant, backgroundColor },
-      sx: {
-        ...startIcon && { pl: 0.75 },
-        ...endIcon && { pr: 0.75 },
-        ...sx
-      },
-      theme,
-      ...others,
-      children: [
-        startIcon && /* @__PURE__ */ jsx(Box, { sx: { mr: 0.75, ...style }, children: startIcon }),
-        children,
-        endIcon && /* @__PURE__ */ jsx(Box, { sx: { ml: 0.75, ...style }, children: endIcon })
-      ]
-    }
-  );
-};
-var ColoredLabel_default = ColoredLabel;
-export {
-  ColoredLabel_default as default
-};
-//# sourceMappingURL=index.js.map
+import d from '@mui/material/Box';
+import { styled, lighten, useTheme } from '@mui/material/styles';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var g=styled("span")(({theme:o,ownerState:i})=>{let n=o.palette.mode==="light",{color:e,variant:r,backgroundColor:l}=i,a=t=>({color:t,backgroundColor:l||t}),s=t=>({color:t,backgroundColor:"transparent",border:`1px solid ${t}`}),p=t=>({color:t,backgroundColor:lighten(t,.84)});return {height:22,minWidth:22,lineHeight:0,borderRadius:6,cursor:"default",alignItems:"center",whiteSpace:"nowrap",display:"inline-flex",justifyContent:"center",padding:o.spacing(0,1),color:o.palette.grey[800],fontSize:o.typography.pxToRem(12),fontFamily:o.typography.fontFamily,backgroundColor:o.palette.grey[300],fontWeight:o.typography.fontWeightBold,...e!=="default"?{...r==="filled"&&{...a(e)},...r==="outlined"&&{...s(e)},...r==="ghost"&&{...p(e)}}:{...r==="outlined"&&{backgroundColor:"transparent",color:o.palette.text.primary,border:`1px solid ${o.palette.grey[500]}`},...r==="ghost"&&{color:n?o.palette.text.secondary:o.palette.common.white,backgroundColor:o.palette.grey[500]}}}});var b=({children:o,color:i="#000",backgroundColor:n,variant:e="ghost",startIcon:r,endIcon:l,sx:a,...s})=>{let p=useTheme(),t={width:16,height:16,"& svg, img":{width:1,height:1,objectFit:"cover"}};return jsxs(g,{ownerState:{color:i,variant:e,backgroundColor:n},sx:{...r&&{pl:.75},...l&&{pr:.75},...a},theme:p,...s,children:[r&&jsx(d,{sx:{mr:.75,...t},children:r}),o,l&&jsx(d,{sx:{ml:.75,...t},children:l})]})},L=b;
+
+export { L as default };

package/dist/components/Common/index.js

@@ -1,31 +1,22 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { MotionLazy } from "components/animate/motion-lazy";
-import { Snackbar } from "components/snackbar/snackbar";
-import LocalizationProvider from "locales/localization-provider";
-import ThemeProvider from "theme/theme-provider";
-const Common = ({
-  primaryColor,
-  colorScheme,
-  contrast,
-  children,
-  cssVarPrefix
-}) => {
-  return /* @__PURE__ */ jsx(LocalizationProvider, { children: /* @__PURE__ */ jsx(
-    ThemeProvider,
-    {
-      primaryColor,
-      colorScheme,
-      contrast,
-      cssVarPrefix,
-      children: /* @__PURE__ */ jsxs(MotionLazy, { children: [
-        children,
-        /* @__PURE__ */ jsx(Snackbar, {})
-      ] })
-    }
-  ) });
-};
-var Common_default = Common;
-export {
-  Common_default as default
-};
-//# sourceMappingURL=index.js.map
+import { a } from '../../chunk-UGH5FWZQ.js';
+import '../../chunk-WKD3OXUA.js';
+import '../../chunk-GOC7PC2S.js';
+import '../../chunk-MCT77MRN.js';
+import '../../chunk-CFVUZ4S5.js';
+import '../../chunk-CFYNJQGN.js';
+import { i } from '../../chunk-D27ND54J.js';
+import { a as a$1 } from '../../chunk-PMPALWRO.js';
+import '../../chunk-3E5A45HM.js';
+import { LazyMotion, domMax } from 'framer-motion';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import y from '@mui/material/Portal';
+import { styled } from '@mui/material/styles';
+import { Toaster } from 'sonner';
+import 'dayjs/locale/pt-br';
+import h from 'dayjs';
+import { AdapterDayjs } from '@mui/x-date-pickers-pro/AdapterDayjs';
+import { LocalizationProvider } from '@mui/x-date-pickers-pro/LocalizationProvider';
+
+var c=({children:t})=>jsx(LazyMotion,{strict:!0,features:domMax,children:t});var o={root:"toaster__root",toast:"toaster__toast",title:"toaster__title",icon:"toaster__icon",iconSvg:"toaster__icon__svg",content:"toaster__content",description:"toaster__description",actionButton:"toaster__action__button",cancelButton:"toaster__cancel__button",closeButton:"toaster__close_button",loadingIcon:"toaster__loading_icon",default:"toaster__default",error:"toaster__error",success:"toaster__success",warning:"toaster__warning",info:"toaster__info",loader:"sonner-loader",loaderVisible:'&[data-visible="true"]',closeBtnVisible:'[data-close-button="true"]'};var d=styled(Toaster)(({theme:t})=>{let a={toastDefault:{padding:t.spacing(1,1,1,1.5),boxShadow:t.customShadows.z8,color:t.vars.palette.background.paper,backgroundColor:t.vars.palette.text.primary},toastColor:{padding:t.spacing(.5,1,.5,.5),boxShadow:t.customShadows.z8,color:t.vars.palette.text.primary,backgroundColor:t.vars.palette.background.paper},toastLoader:{padding:t.spacing(.5,1,.5,.5),boxShadow:t.customShadows.z8,color:t.vars.palette.text.primary,backgroundColor:t.vars.palette.background.paper}},i$1={top:0,left:0,width:"100%",height:"100%",display:"none",transform:"none",overflow:"hidden",alignItems:"center",position:"relative",borderRadius:"inherit",justifyContent:"center",background:t.vars.palette.background.neutral,[`& .${o.loadingIcon}`]:{zIndex:9,width:24,height:24,borderRadius:"50%",animation:"rotate 3s infinite linear",background:`conic-gradient(${i(t.vars.palette.text.primaryChannel,0)}, ${i(t.vars.palette.text.disabledChannel,.64)})`},[o.loaderVisible]:{display:"flex"}};return {width:300,[`& .${o.toast}`]:{gap:12,width:"100%",minHeight:52,display:"flex",borderRadius:12,alignItems:"center"},[`& .${o.content}`]:{gap:0,flex:"1 1 auto"},[`& .${o.title}`]:{fontSize:t.typography.subtitle2.fontSize},[`& .${o.description}`]:{...t.typography.caption,opacity:.64},[`& .${o.actionButton}`]:{},[`& .${o.cancelButton}`]:{},[`& .${o.closeButton}`]:{top:0,right:0,left:"auto",color:"currentColor",backgroundColor:"transparent",transform:"translate(-6px, 6px)",borderColor:i(t.vars.palette.grey["500Channel"],.16),transition:t.transitions.create(["background-color","border-color"]),"&:hover":{borderColor:i(t.vars.palette.grey["500Channel"],.24),backgroundColor:i(t.vars.palette.grey["500Channel"],.08)}},[`& .${o.icon}`]:{margin:0,width:48,height:48,alignItems:"center",borderRadius:"inherit",justifyContent:"center",alignSelf:"flex-start",[`& .${o.iconSvg}`]:{width:24,height:24,fontSize:0}},"@keyframes rotate":{to:{transform:"rotate(1turn)"}},[`& .${o.default}`]:{...a.toastDefault,[`&:has(${o.closeBtnVisible})`]:{[`& .${o.content}`]:{paddingRight:32}},[`&:has(.${o.loader})`]:a.toastLoader,[`&:has(.${o.loader})`]:a.toastLoader,[`& .${o.loader}`]:i$1},[`& .${o.error}`]:{...a.toastColor,[`& .${o.icon}`]:{color:t.vars.palette.error.main,backgroundColor:i(t.vars.palette.error.mainChannel,.08)}},[`& .${o.success}`]:{...a.toastColor,[`& .${o.icon}`]:{color:t.vars.palette.success.main,backgroundColor:i(t.vars.palette.success.mainChannel,.08)}},[`& .${o.warning}`]:{...a.toastColor,[`& .${o.icon}`]:{color:t.vars.palette.warning.main,backgroundColor:i(t.vars.palette.warning.mainChannel,.08)}},[`& .${o.info}`]:{...a.toastColor,[`& .${o.icon}`]:{color:t.vars.palette.info.main,backgroundColor:i(t.vars.palette.info.mainChannel,.08)}}}});var p=()=>jsx(y,{container:typeof window<"u"?document.getElementById("snackbar-container-provider"):null,children:jsx(d,{expand:!0,gap:12,closeButton:!0,offset:16,visibleToasts:4,position:"top-right",className:o.root,toastOptions:{unstyled:!0,classNames:{toast:o.toast,icon:o.icon,content:o.content,title:o.title,description:o.description,actionButton:o.actionButton,cancelButton:o.cancelButton,closeButton:o.closeButton,default:o.default,info:o.info,error:o.error,success:o.success,warning:o.warning}},icons:{loading:jsx("span",{className:o.loadingIcon}),info:jsx(a$1,{className:o.iconSvg,icon:"INFO_CIRCLE"}),success:jsx(a$1,{className:o.iconSvg,icon:"CHECK_CIRCLE"}),warning:jsx(a$1,{className:o.iconSvg,icon:"WARNING_TRIANGULE"}),error:jsx(a$1,{className:o.iconSvg,icon:"ALERT_CIRCLE"})}})});var S=({children:t})=>(h.locale("pt-br"),jsx(LocalizationProvider,{dateAdapter:AdapterDayjs,adapterLocale:"pt-br",children:t})),u=S;var x=({primaryColor:t,colorScheme:a$1,contrast:i,children:g,cssVarPrefix:f})=>jsx(u,{children:jsx(a,{primaryColor:t,colorScheme:a$1,contrast:i,cssVarPrefix:f,children:jsxs(c,{children:[g,jsx(p,{})]})})}),Z=x;
+
+export { Z as default };

package/dist/components/Confirm/index.js

@@ -1,51 +1,11 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import LoadingButton from "@mui/lab/LoadingButton";
-import Button from "@mui/material/Button";
-import Dialog from "@mui/material/Dialog";
-import DialogActions from "@mui/material/DialogActions";
-import DialogContent from "@mui/material/DialogContent";
-import DialogTitle from "@mui/material/DialogTitle";
-const Confirm = ({
-  modalTitle = "Tem certeza que deseja excluir?",
-  message = "Essa a\xE7\xE3o n\xE3o poder\xE1 ser desfeita.",
-  cancelButtonText = "Cancelar",
-  confirmButtonText = "Sim, excluir registro",
-  onClose,
-  onConfirm,
-  confirming,
-  child,
-  ...other
-}) => {
-  return /* @__PURE__ */ jsxs(Dialog, { fullWidth: true, maxWidth: "xs", ...other, onClose, children: [
-    /* @__PURE__ */ jsx(DialogTitle, { children: modalTitle }),
-    /* @__PURE__ */ jsx(DialogContent, { children: message }),
-    child,
-    /* @__PURE__ */ jsxs(DialogActions, { children: [
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          variant: "outlined",
-          color: "inherit",
-          onClick: onClose,
-          size: "large",
-          children: cancelButtonText
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        LoadingButton,
-        {
-          variant: "contained",
-          onClick: onConfirm,
-          size: "large",
-          loading: confirming,
-          children: confirmButtonText
-        }
-      )
-    ] })
-  ] });
-};
-var Confirm_default = Confirm;
-export {
-  Confirm_default as default
-};
-//# sourceMappingURL=index.js.map
+import s from '@mui/lab/LoadingButton';
+import d from '@mui/material/Button';
+import p from '@mui/material/Dialog';
+import c from '@mui/material/DialogActions';
+import u from '@mui/material/DialogContent';
+import C from '@mui/material/DialogTitle';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var D=({modalTitle:r="Tem certeza que deseja excluir?",message:n="Essa a\xE7\xE3o n\xE3o poder\xE1 ser desfeita.",cancelButtonText:a="Cancelar",confirmButtonText:e="Sim, excluir registro",onClose:i,onConfirm:l,confirming:m,child:g,...f})=>jsxs(p,{fullWidth:!0,maxWidth:"xs",...f,onClose:i,children:[jsx(C,{children:r}),jsx(u,{children:n}),g,jsxs(c,{children:[jsx(d,{variant:"outlined",color:"inherit",onClick:i,size:"large",children:a}),jsx(s,{variant:"contained",onClick:l,size:"large",loading:m,children:e})]})]}),v=D;
+
+export { v as default };

package/dist/components/CustomAvatar/index.js

@@ -1,62 +1 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import Avatar from "@mui/material/Avatar";
-import Badge from "@mui/material/Badge";
-import { useTheme } from "@mui/material/styles";
-const getCharAtName = (name) => name && name.charAt(0).toUpperCase();
-const getColorByName = (name) => {
-  if (["A", "N", "H", "L", "Q"].includes(getCharAtName(name)))
-    return "primary";
-  if (["F", "G", "T", "I", "J"].includes(getCharAtName(name)))
-    return "info";
-  if (["K", "D", "Y", "B", "O"].includes(getCharAtName(name)))
-    return "success";
-  if (["P", "E", "R", "S", "U"].includes(getCharAtName(name)))
-    return "warning";
-  if (["V", "W", "X", "M", "Z"].includes(getCharAtName(name)))
-    return "error";
-  return "default";
-};
-const CustomAvatar = forwardRef(
-  ({ color, name = "", BadgeProps, children, sx, ...other }, ref) => {
-    const theme = useTheme();
-    const charAtName = getCharAtName(name);
-    const colorByName = getColorByName(name);
-    const colr = color || colorByName;
-    const renderContent = colr === "default" ? /* @__PURE__ */ jsxs(Avatar, { ref, sx, ...other, children: [
-      name && charAtName,
-      children
-    ] }) : /* @__PURE__ */ jsxs(
-      Avatar,
-      {
-        ref,
-        sx: {
-          color: theme.palette[colr]?.contrastText,
-          backgroundColor: theme.palette[colr]?.main,
-          fontWeight: theme.typography.fontWeightMedium,
-          ...sx
-        },
-        ...other,
-        children: [
-          name && charAtName,
-          children
-        ]
-      }
-    );
-    return BadgeProps ? /* @__PURE__ */ jsx(
-      Badge,
-      {
-        overlap: "circular",
-        anchorOrigin: { vertical: "bottom", horizontal: "right" },
-        ...BadgeProps,
-        children: renderContent
-      }
-    ) : renderContent;
-  }
-);
-CustomAvatar.displayName = "CustomAvatar";
-var CustomAvatar_default = CustomAvatar;
-export {
-  CustomAvatar_default as default
-};
-//# sourceMappingURL=index.js.map
+export { a as default } from '../../chunk-NF42ENKE.js';

package/dist/components/CustomAvatarGroup/index.js

@@ -1,76 +1,7 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import AvatarGroup from "@mui/material/AvatarGroup";
-const SIZES = {
-  tiny: 24,
-  small: 32,
-  medium: 40,
-  large: 56
-};
-const CustomAvatarGroup = forwardRef(
-  ({ size = "small", compact, max, children, sx, ...other }, ref) => {
-    const isTiny = size === "tiny";
-    const isSmall = size === "small";
-    const isMedium = size === "medium";
-    const isLarge = size === "large";
-    const compactStyle = {
-      width: 40,
-      height: 40,
-      position: "relative",
-      "& .MuiAvatarGroup-avatar": {
-        m: 0,
-        width: 28,
-        height: 28,
-        position: "absolute",
-        "&:first-of-type": {
-          left: 0,
-          bottom: 0,
-          zIndex: 9
-        },
-        "&:last-of-type": {
-          top: 0,
-          right: 0
-        }
-      }
-    };
-    return /* @__PURE__ */ jsx(
-      AvatarGroup,
-      {
-        ref,
-        max: compact ? 3 : max,
-        spacing: (isTiny || isSmall) && "medium" || "small",
-        sx: {
-          "& .MuiAvatar-root": {
-            ...isLarge && {
-              width: SIZES.large,
-              height: SIZES.large,
-              "&:first-of-type": { fontSize: 16 }
-            },
-            ...isMedium && {
-              width: SIZES.medium,
-              height: SIZES.medium
-            },
-            ...isSmall && {
-              width: SIZES.small,
-              height: SIZES.small
-            },
-            ...isTiny && {
-              width: SIZES.tiny,
-              height: SIZES.tiny
-            }
-          },
-          ...compact && { ...compactStyle },
-          ...sx
-        },
-        ...other,
-        children
-      }
-    );
-  }
-);
-CustomAvatarGroup.displayName = "CustomAvatarGroup";
-var CustomAvatarGroup_default = CustomAvatarGroup;
-export {
-  CustomAvatarGroup_default as default
-};
-//# sourceMappingURL=index.js.map
+import { forwardRef } from 'react';
+import g from '@mui/material/AvatarGroup';
+import { jsx } from 'react/jsx-runtime';
+
+var t={tiny:24,small:32,medium:40,large:56},m=forwardRef(({size:o="small",compact:a,max:e,children:s,sx:l,...p},u)=>{let i=o==="tiny",r=o==="small",h=o==="medium",n=o==="large",d={width:40,height:40,position:"relative","& .MuiAvatarGroup-avatar":{m:0,width:28,height:28,position:"absolute","&:first-of-type":{left:0,bottom:0,zIndex:9},"&:last-of-type":{top:0,right:0}}};return jsx(g,{ref:u,max:a?3:e,spacing:(i||r)&&"medium"||"small",sx:{"& .MuiAvatar-root":{...n&&{width:t.large,height:t.large,"&:first-of-type":{fontSize:16}},...h&&{width:t.medium,height:t.medium},...r&&{width:t.small,height:t.small},...i&&{width:t.tiny,height:t.tiny}},...a&&{...d},...l},...p,children:s})});m.displayName="CustomAvatarGroup";var A=m;
+
+export { A as default };

package/dist/components/DashedDivider/index.js

@@ -1,10 +1 @@
-import { jsx } from "react/jsx-runtime";
-import { DashedDividerStyled } from "./styles";
-const DashedDivider = (props) => {
-  return /* @__PURE__ */ jsx(DashedDividerStyled, { ...props });
-};
-var DashedDivider_default = DashedDivider;
-export {
-  DashedDivider_default as default
-};
-//# sourceMappingURL=index.js.map
+export { a as default } from '../../chunk-EBTRMUBS.js';

package/dist/components/DataCards/index.js

@@ -1,60 +1,20 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import Pagination from "@mui/material/Pagination";
-import Stack from "@mui/material/Stack";
-import EmptyContent from "components/EmptyContent";
-import FixedProgressBar from "components/FixedProgressBar";
-import DataCard from "./DataCard";
-import DataCardSkeleton from "./DataCardSkeleton";
-import { getFieldData } from "./getFieldData";
-const DataCards = ({
-  title,
-  rows,
-  columns,
-  getRowId,
-  onClick,
-  loading,
-  fetching,
-  pagination
-}) => {
-  const progressBar = fetching && /* @__PURE__ */ jsx(FixedProgressBar, { sx: { zIndex: 1 } });
-  if (loading) {
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      progressBar,
-      /* @__PURE__ */ jsx(DataCardSkeleton, {}),
-      /* @__PURE__ */ jsx(DataCardSkeleton, {}),
-      /* @__PURE__ */ jsx(DataCardSkeleton, {})
-    ] });
-  }
-  return /* @__PURE__ */ jsxs(Stack, { spacing: 2, children: [
-    progressBar,
-    rows.length === 0 && /* @__PURE__ */ jsx(EmptyContent, { sx: { mb: 3 }, title: "Nenhum registro encontrado" }),
-    rows.map((row) => /* @__PURE__ */ jsx(
-      DataCard,
-      {
-        title,
-        id: getRowId(row),
-        fields: getFieldData(columns, row),
-        onClick
-      },
-      `data-card-${getRowId(row)}`
-    )),
-    pagination && rows.length > 0 && /* @__PURE__ */ jsx(Stack, { direction: "row", justifyContent: "center", children: /* @__PURE__ */ jsx(
-      Pagination,
-      {
-        page: pagination?.page,
-        onChange: (_, page) => {
-          pagination?.onPageChange(page);
-        },
-        count: pagination?.total
-      }
-    ) })
-  ] });
-};
-var DataCards_default = DataCards;
-export {
-  DataCard,
-  DataCardSkeleton,
-  DataCards_default as default,
-  getFieldData
-};
-//# sourceMappingURL=index.js.map
+import { c } from '../../chunk-QQB3DGHT.js';
+import { a } from '../../chunk-EBTRMUBS.js';
+import { a as a$1 } from '../../chunk-YWEB6IAI.js';
+import { a as a$2 } from '../../chunk-ZODC2MGF.js';
+import '../../chunk-ZDHXW74M.js';
+import '../../chunk-D27ND54J.js';
+import $ from '@mui/material/Pagination';
+import d from '@mui/material/Stack';
+import { useMemo } from 'react';
+import R from '@mui/material/Card';
+import N from '@mui/material/CardContent';
+import u from '@mui/material/Typography';
+import G from '@mui/material/CardActionArea';
+import { styled } from '@mui/material/styles';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import l from '@mui/material/Skeleton';
+
+var M=styled(G)(({disableRipple:a})=>({".MuiCardActionArea-focusHighlight":{background:"transparent"},...a&&{"&:hover":{cursor:"default"}}}));var P=a=>{a.stopPropagation();},j=({fields:a$1,id:o,title:s,onClick:n})=>{let e=a$1.find(t=>t.label.toLowerCase()==="status"||t.type==="status"||t.field==="status"),v=useMemo(()=>e?.renderCell?.({value:e.value,field:o,row:{[o]:e.value}})||e?.value,[e,o]),C=a$1.find(t=>t.type==="actions"||t.id==="actions"),p=useMemo(()=>C?.getActions({id:o})||null,[C,o]),g=useMemo(()=>a$1.filter(t=>t.label.toLowerCase()!=="status"&&t.value?.toString()!==o&&t.type!=="actions"),[a$1,o]),c$1=t=>{n?.({id:o},t,a$1);},y=jsxs(N,{sx:{padding:"0!important"},children:[jsxs(d,{flexDirection:"row",justifyContent:"space-between",p:2,children:[jsxs(d,{flexDirection:"row",alignItems:"center",gap:1,children:[jsx(u,{variant:"body1",fontWeight:600,color:"text.secondary",children:s}),jsxs(u,{variant:"body1",fontWeight:600,children:[c(o)?"#":"",o]})]}),jsxs(d,{className:"actions",flexDirection:"row",alignItems:"center",gap:1,children:[jsx(u,{variant:"body2",color:"text.secondary",textTransform:"uppercase",fontSize:14,fontWeight:600,children:v}),jsx(d,{onClick:P,onMouseDown:P,children:p})]})]}),jsx(a,{}),jsx(d,{flexWrap:"wrap",direction:"row",justifyContent:"space-between",p:2,pb:0,children:g.map(t=>t.value!=o&&jsxs(d,{flexBasis:"50%",pb:2,order:t.order,children:[jsx(u,{variant:"body2",color:"text.secondary",children:t.label}),jsx(u,{variant:"body1",children:t.valueGetter?t.valueFormatter(t.valueGetter(t.value)):t.value})]},`data-card-field-${o}-${t.label}`))})]});return n?jsx(R,{onClick:c$1,children:jsx(M,{component:"div",children:y})}):jsx(R,{children:y})},T=j;var H=()=>jsxs(R,{children:[jsxs(d,{justifyContent:"space-between",direction:"row",spacing:2,p:2,children:[jsx(l,{height:24,width:200}),jsx(l,{height:24,width:100})]}),jsxs(d,{justifyContent:"space-between",flexWrap:"wrap",direction:"row",p:2,children:[jsxs(d,{width:"50%",spacing:1,children:[jsx(l,{height:24,width:100}),jsx(l,{sx:{maxWidth:"95%"},height:24,width:230})]}),jsxs(d,{width:"50%",spacing:1,children:[jsx(l,{height:24,width:80}),jsx(l,{sx:{maxWidth:"100%"},height:27,width:250})]})]})]}),k=H;var E=(a,o)=>{let s=[];a.forEach(e=>{e.field&&e.field!=="actions"&&s.push({...e,label:e.headerName||e.field,value:o[e.field],type:e.type,order:e?.order||0,id:e.field});});let n=a.find(e=>e.field==="actions");return n&&s.push({...n,label:"Actions",value:null,order:0,type:"actions",id:"actions"}),s};var z=({title:a,rows:o,columns:s,getRowId:n,onClick:e,loading:v,fetching:C,pagination:p})=>{let g=C&&jsx(a$1,{sx:{zIndex:1}});return v?jsxs(Fragment,{children:[g,jsx(k,{}),jsx(k,{}),jsx(k,{})]}):jsxs(d,{spacing:2,children:[g,o.length===0&&jsx(a$2,{sx:{mb:3},title:"Nenhum registro encontrado"}),o.map(c=>jsx(T,{title:a,id:n(c),fields:E(s,c),onClick:e},`data-card-${n(c)}`)),p&&o.length>0&&jsx(d,{direction:"row",justifyContent:"center",children:jsx($,{page:p?.page,onChange:(c,y)=>{p?.onPageChange(y);},count:p?.total})})]})},ht=z;
+
+export { T as DataCard, k as DataCardSkeleton, ht as default, E as getFieldData };

package/dist/components/DataGrid/index.js

@@ -1,81 +1,15 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import {
-  DataGridPremium,
-  GRID_CHECKBOX_SELECTION_COL_DEF
-} from "@mui/x-data-grid-premium";
-import EmptyContent from "components/EmptyContent";
-import FixedProgressBar from "../FixedProgressBar";
-import CustomToolbar from "./CustomToolbar";
-import LoadingOverlay from "./LoadingOverlay";
-const DataGrid = ({
-  columns,
-  rows = [],
-  loading,
-  fetching,
-  hideFooter,
-  sx,
-  showToolbar,
-  disableExport,
-  columnHeaderHeight = 56,
-  rowHeight = 76,
-  rowSpacingType = "margin",
-  getRowSpacing = () => ({
-    top: 0,
-    bottom: 0
-  }),
-  autoHeight = false,
-  toolbarContent,
-  slots,
-  ...other
-}) => {
-  const [filterButtonEl, setFilterButtonEl] = useState(null);
-  const COLUMNS = [
-    {
-      ...GRID_CHECKBOX_SELECTION_COL_DEF,
-      width: 71
-    },
-    ...columns
-  ];
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    fetching && /* @__PURE__ */ jsx(FixedProgressBar, { sx: { zIndex: 1 } }),
-    /* @__PURE__ */ jsx(
-      DataGridPremium,
-      {
-        columns: COLUMNS,
-        rows,
-        loading,
-        autoHeight,
-        hideFooter: rows.length === 0 ? true : hideFooter,
-        rowHeight,
-        columnHeaderHeight,
-        getRowSpacing,
-        rowSpacingType,
-        slots: {
-          toolbar: CustomToolbar,
-          noRowsOverlay: () => /* @__PURE__ */ jsx(EmptyContent, { title: "Nenhum registro encontrado" }),
-          noResultsOverlay: () => /* @__PURE__ */ jsx(EmptyContent, { title: "Nenhum registro encontrado" }),
-          loadingOverlay: LoadingOverlay,
-          ...slots
-        },
-        slotProps: {
-          panel: { anchorEl: filterButtonEl },
-          toolbar: {
-            setFilterButtonEl,
-            showQuickFilter: true,
-            disableExport,
-            showToolbar,
-            toolbarContent
-          }
-        },
-        sx,
-        ...other
-      }
-    )
-  ] });
-};
-var DataGrid_default = DataGrid;
-export {
-  DataGrid_default as default
-};
-//# sourceMappingURL=index.js.map
+import { a } from '../../chunk-YWEB6IAI.js';
+import { a as a$1 } from '../../chunk-ZODC2MGF.js';
+import '../../chunk-ZDHXW74M.js';
+import '../../chunk-D27ND54J.js';
+import x, { useState } from 'react';
+import { GRID_CHECKBOX_SELECTION_COL_DEF, DataGridPremium, GridToolbarContainer, GridToolbarColumnsButton, GridToolbarFilterButton, GridToolbarDensitySelector, GridToolbarExport, useGridApiContext, useGridRootProps, gridColumnsTotalWidthSelector, gridColumnPositionsSelector } from '@mui/x-data-grid-premium';
+import E from '@mui/material/Box';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import N from '@mui/material/Skeleton';
+import $ from '@mui/material/Stack';
+import { styled } from '@mui/material/styles';
+
+var F=({showToolbar:t,disableExport:e,setFilterButtonEl:i,toolbarContent:n})=>{if(t)return jsxs(GridToolbarContainer,{children:[jsx(GridToolbarColumnsButton,{slotProps:{button:{color:"inherit"}}}),jsx(GridToolbarFilterButton,{ref:i,slotProps:{button:{color:"inherit"}}}),jsx(GridToolbarDensitySelector,{slotProps:{button:{color:"inherit"}}}),!e&&jsx(GridToolbarExport,{slotProps:{button:{color:"inherit"}}}),jsx(E,{sx:{flexGrow:1}}),n]})},S=F;var G=styled(E)({display:"flex",flexDirection:"row",alignItems:"center",padding:"0 16px"}),V=()=>{let t=useGridApiContext(),{rowHeight:e,paginationModel:i,initialState:n}=useGridRootProps(),m=i?.pageSize||n?.pagination?.paginationModel?.pageSize||10,p=gridColumnsTotalWidthSelector(t),d=gridColumnPositionsSelector(t),g=x.useMemo(()=>d.filter(o=>o<=p).length,[p,d]),l=t.current?t.current.getVisibleColumns().slice(0,g):[],s=l.length>1?l:[...l,...Array.from({length:8},(o,r)=>({field:`fake${String(r+1).padStart(2,"0")}`,headerName:"",computedWidth:200,align:"flex-start"}))],h=x.useMemo(()=>{let o=[];for(let r=0;r<m;r+=1){for(let u of s)o.push(jsx(G,{sx:{justifyContent:u.align},children:jsx(N,{width:"100%"})},`column-${r}-${u.field}`));o.push(jsx(G,{},`fill-${r}`));}return o},[m,s]);return jsx($,{display:"grid",sx:{display:"grid",gridTemplateColumns:`${s.map(({computedWidth:o})=>`${o}px`).join(" ")} 1fr`,gridAutoRows:e,backgroundColor:"#fff",overflow:"hidden",maxHeight:"100%"},children:h})},y=V;var X=({columns:t,rows:e=[],loading:i,fetching:n,hideFooter:m,sx:p,showToolbar:d,disableExport:g,columnHeaderHeight:l=56,rowHeight:s=76,rowSpacingType:h="margin",getRowSpacing:o=()=>({top:0,bottom:0}),autoHeight:r=!1,toolbarContent:u,slots:P,...w})=>{let[T,k]=useState(null),R=[{...GRID_CHECKBOX_SELECTION_COL_DEF,width:71},...t];return jsxs(Fragment,{children:[n&&jsx(a,{sx:{zIndex:1}}),jsx(DataGridPremium,{columns:R,rows:e,loading:i,autoHeight:r,hideFooter:e.length===0?!0:m,rowHeight:s,columnHeaderHeight:l,getRowSpacing:o,rowSpacingType:h,slots:{toolbar:S,noRowsOverlay:()=>jsx(a$1,{title:"Nenhum registro encontrado"}),noResultsOverlay:()=>jsx(a$1,{title:"Nenhum registro encontrado"}),loadingOverlay:y,...P},slotProps:{panel:{anchorEl:T},toolbar:{setFilterButtonEl:k,showQuickFilter:!0,disableExport:g,showToolbar:d,toolbarContent:u}},sx:p,...w})]})},bo=X;
+
+export { bo as default };