@zydon/common 2.2.48 → 2.2.50

package/dist/components/ImageCrop/index.js

@@ -1,51 +1 @@
-import { jsx } from "react/jsx-runtime";
-import Cropper from "react-cropper";
-import { Container } from "./styles";
-const ImageCrop = ({
-  onInitialized,
-  aspectRatio = 1,
-  imageSrc = "",
-  zoom = 0.5,
-  onZoomChange
-}) => {
-  const handleZoomChange = (event) => {
-    if (event.detail.ratio > 2) {
-      event.preventDefault();
-      onZoomChange(2);
-      return;
-    }
-    if (event.detail.ratio < 0.1) {
-      event.preventDefault();
-      onZoomChange(0.1);
-      return;
-    }
-    onZoomChange(event.detail.ratio);
-  };
-  return /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(
-    Cropper,
-    {
-      zoomTo: zoom,
-      wheelZoomRatio: 0.2,
-      zoomOnWheel: true,
-      zoom: handleZoomChange,
-      src: imageSrc,
-      aspectRatio,
-      viewMode: 0,
-      responsive: true,
-      autoCropArea: 1,
-      guides: true,
-      background: false,
-      onInitialized,
-      dragMode: "move",
-      cropBoxMovable: false,
-      style: {
-        height: "25vw"
-      }
-    }
-  ) });
-};
-var ImageCrop_default = ImageCrop;
-export {
-  ImageCrop_default as default
-};
-//# sourceMappingURL=index.js.map
+export { a as default } from '../../chunk-T7I256S6.js';

package/dist/components/ImageCropModal/index.js

@@ -1,130 +1,5 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import LoadingButton from "@mui/lab/LoadingButton";
-import Button from "@mui/material/Button";
-import Slider from "@mui/material/Slider";
-import Stack from "@mui/material/Stack";
-import Typography from "@mui/material/Typography";
-import Icon from "../Icon";
-import ImageCrop from "../ImageCrop";
-import Modal from "../Modal";
-const ImageCropModal = ({
-  id,
-  open,
-  onClose,
-  label,
-  onSave,
-  onRemove,
-  onPreview,
-  imageSrc,
-  aspectRatio,
-  onInitialized,
-  loading
-}) => {
-  const [zoom, setZoom] = useState(0.5);
-  return /* @__PURE__ */ jsx(
-    Modal,
-    {
-      open,
-      onClose,
-      dialogTitle: label,
-      actions: /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "outlined",
-            size: "medium",
-            onClick: onClose,
-            color: "inherit",
-            children: "Cancelar"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          LoadingButton,
-          {
-            variant: "contained",
-            size: "medium",
-            onClick: onSave,
-            loading,
-            children: "Salvar"
-          }
-        )
-      ] }),
-      fullWidth: true,
-      maxWidth: "sm",
-      keepMounted: true,
-      children: /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
-        /* @__PURE__ */ jsx(
-          ImageCrop,
-          {
-            imageSrc,
-            aspectRatio,
-            onInitialized,
-            zoom,
-            onZoomChange: setZoom
-          }
-        ),
-        /* @__PURE__ */ jsxs(Stack, { gap: 1.5, children: [
-          /* @__PURE__ */ jsxs(Stack, { width: 1, direction: "row", gap: 3, flex: 1, alignItems: "center", children: [
-            /* @__PURE__ */ jsx(Typography, { variant: "body1", children: "Zoom" }),
-            /* @__PURE__ */ jsx(
-              Slider,
-              {
-                value: zoom,
-                onChange: (_, v) => setZoom(Array.isArray(v) ? v[0] : v),
-                min: 0.1,
-                max: 2,
-                size: "medium",
-                step: 0.0125
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs(Stack, { direction: "row", gap: 2, children: [
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "outlined",
-                color: "inherit",
-                size: "large",
-                fullWidth: true,
-                startIcon: /* @__PURE__ */ jsx(Icon, { icon: "DELETE_MARK_BUTTON_02" }),
-                onClick: onRemove,
-                children: "Remover"
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "outlined",
-                color: "inherit",
-                size: "large",
-                fullWidth: true,
-                startIcon: /* @__PURE__ */ jsx(Icon, { icon: "PLAY_SIMPLE" }),
-                onClick: onPreview,
-                children: "Pr\xE9-visualizar"
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "outlined",
-                color: "inherit",
-                size: "large",
-                fullWidth: true,
-                startIcon: /* @__PURE__ */ jsx(Icon, { icon: "SEARCH_IMAGE" }),
-                component: "label",
-                htmlFor: id,
-                children: "Alterar"
-              }
-            )
-          ] })
-        ] })
-      ] })
-    }
-  );
-};
-var ImageCropModal_default = ImageCropModal;
-export {
-  ImageCropModal_default as default
-};
-//# sourceMappingURL=index.js.map
+export { a as default } from '../../chunk-F7CW3DXN.js';
+import '../../chunk-QHVL5QNM.js';
+import '../../chunk-T7I256S6.js';
+import '../../chunk-PMPALWRO.js';
+import '../../chunk-3E5A45HM.js';

package/dist/components/Incrementer/index.js

@@ -1,161 +1,5 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef, useCallback, useMemo, useRef, useState } from "react";
-import IconButton from "@mui/material/IconButton";
-import InputAdornment from "@mui/material/InputAdornment";
-import { fWithDecimalPlacesOrNot } from "utils/formatNumber";
-import Icon from "../Icon";
-import NumberInput from "../NumberInput";
-const Incrementer = forwardRef(
-  ({
-    name,
-    increment = 1,
-    updadteForMultiple,
-    allowNegative = false,
-    value: originalValue = 0,
-    onChange,
-    minValue,
-    maxValue,
-    decimalScale,
-    disabled,
-    tabIndex,
-    labelIncrementer,
-    labelDecrementer,
-    ...other
-  }, ref) => {
-    const [inputkey, setInputKey] = useState(`incrementer-input-${Date.now()}`);
-    const timer = useRef(null);
-    const value = Number(originalValue || 0);
-    const clearTimer = () => {
-      if (!timer.current)
-        return;
-      clearTimeout(timer.current);
-      timer.current = null;
-    };
-    const disableDecrement = useMemo(() => {
-      const nextValue = value - increment;
-      if (typeof minValue === "number" && nextValue < minValue)
-        return true;
-      return disabled || !allowNegative && nextValue < 0;
-    }, [disabled, value, increment, minValue, allowNegative]);
-    const disableIncrement = useMemo(() => {
-      const nextValue = value + increment;
-      if (typeof maxValue === "number" && nextValue > maxValue)
-        return true;
-      return disabled;
-    }, [disabled, value, increment, maxValue]);
-    const handleClickDecrement = useCallback(() => {
-      clearTimer();
-      if (!allowNegative && value - increment < 0)
-        return;
-      const valueMinusIncrement = value - increment;
-      const newValue = minValue !== void 0 && valueMinusIncrement < minValue ? minValue : fWithDecimalPlacesOrNot(valueMinusIncrement, decimalScale);
-      onChange(newValue);
-    }, [value, increment, minValue, decimalScale, onChange, allowNegative]);
-    const handleClickIncrement = useCallback(() => {
-      clearTimer();
-      const valuePlusIncrement = value + increment;
-      const newValue = maxValue !== void 0 && valuePlusIncrement > maxValue ? maxValue : fWithDecimalPlacesOrNot(valuePlusIncrement, decimalScale);
-      onChange(newValue);
-    }, [value, increment, maxValue, decimalScale, onChange]);
-    const handleChange = useCallback((e) => {
-      clearTimer();
-      let newValue = Number(e.target.value || 0);
-      if (increment !== 1 || updadteForMultiple) {
-        newValue = newValue + increment / 2;
-        newValue -= newValue % increment;
-      }
-      if (!allowNegative && newValue < 0) {
-        newValue = 0;
-      }
-      if (typeof minValue === "number" && newValue < minValue) {
-        newValue = minValue;
-      }
-      if (typeof maxValue === "number" && newValue > maxValue) {
-        newValue = maxValue;
-      }
-      newValue = fWithDecimalPlacesOrNot(newValue, decimalScale);
-      if (newValue === originalValue) {
-        timer.current = setTimeout(() => {
-          setInputKey(`incrementer-input-${Date.now()}`);
-        }, 600);
-      }
-      onChange(newValue);
-      return;
-    }, [
-      originalValue,
-      increment,
-      minValue,
-      maxValue,
-      decimalScale,
-      onChange,
-      updadteForMultiple,
-      allowNegative
-    ]);
-    return /* @__PURE__ */ jsx(
-      NumberInput,
-      {
-        ref,
-        name,
-        value,
-        minValue,
-        maxValue,
-        allowNegative,
-        decimalScale,
-        InputProps: {
-          startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx(
-            IconButton,
-            {
-              size: "medium",
-              onClick: handleClickDecrement,
-              disabled: disableDecrement,
-              "aria-label": labelDecrementer || "Decrementa",
-              children: /* @__PURE__ */ jsx(
-                Icon,
-                {
-                  icon: "MINUS_SIGN",
-                  width: 14,
-                  height: 14,
-                  color: "primary.main"
-                }
-              )
-            }
-          ) }),
-          endAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx(
-            IconButton,
-            {
-              size: "medium",
-              onClick: handleClickIncrement,
-              disabled: disableIncrement,
-              "aria-label": labelIncrementer || "Incrementa",
-              children: /* @__PURE__ */ jsx(
-                Icon,
-                {
-                  icon: "SIMPLE_ADD",
-                  width: 14,
-                  height: 14,
-                  color: "primary.main"
-                }
-              )
-            }
-          ) }),
-          inputProps: {
-            style: {
-              textAlign: "center"
-            }
-          }
-        },
-        inputProps: { tabIndex },
-        onChange: handleChange,
-        disabled,
-        ...other
-      },
-      inputkey
-    );
-  }
-);
-Incrementer.displayName = "Incrementer";
-var Incrementer_default = Incrementer;
-export {
-  Incrementer_default as default
-};
-//# sourceMappingURL=index.js.map
+export { a as default } from '../../chunk-56NARAT6.js';
+import '../../chunk-ANAHA3L6.js';
+import '../../chunk-7KZ2UT76.js';
+import '../../chunk-PMPALWRO.js';
+import '../../chunk-3E5A45HM.js';

package/dist/components/Label/index.js

@@ -1,74 +1,9 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import Box from "@mui/material/Box";
-import { useTheme } from "@mui/material/styles";
-import { labelClasses } from "./classes";
-import { StyledLabel } from "./styles";
-const sentenceCase = (string) => {
-  return string.charAt(0).toUpperCase() + string.slice(1);
-};
-const Label = forwardRef(
-  ({
-    children,
-    color = "default",
-    variant = "soft",
-    startIcon,
-    endIcon,
-    sx,
-    ...other
-  }, ref) => {
-    const theme = useTheme();
-    const iconStyles = {
-      width: 16,
-      height: 16,
-      "& svg, img": {
-        width: 1,
-        height: 1,
-        objectFit: "cover"
-      }
-    };
-    return /* @__PURE__ */ jsxs(
-      StyledLabel,
-      {
-        ref,
-        component: "span",
-        className: labelClasses.root,
-        ownerState: { color, variant },
-        sx: {
-          ...startIcon && { pl: 0.75 },
-          ...endIcon && { pr: 0.75 },
-          ...sx
-        },
-        theme,
-        ...other,
-        children: [
-          startIcon && /* @__PURE__ */ jsx(
-            Box,
-            {
-              component: "span",
-              className: labelClasses.icon,
-              sx: { mr: 0.75, ...iconStyles },
-              children: startIcon
-            }
-          ),
-          typeof children === "string" ? sentenceCase(children) : children,
-          endIcon && /* @__PURE__ */ jsx(
-            Box,
-            {
-              component: "span",
-              className: labelClasses.icon,
-              sx: { ml: 0.75, ...iconStyles },
-              children: endIcon
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-Label.displayName = "Label";
-var Label_default = Label;
-export {
-  Label_default as default
-};
-//# sourceMappingURL=index.js.map
+import { a } from '../../chunk-D27ND54J.js';
+import { forwardRef } from 'react';
+import d from '@mui/material/Box';
+import { styled, lighten, useTheme } from '@mui/material/styles';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var l={root:"mnl__label__root",icon:"mnl__label__icon"};var i=styled(d)(({theme:o,ownerState:{color:t,variant:r}})=>{let e={...t==="default"&&{...r==="filled"&&{color:o.vars.palette.common.white,backgroundColor:o.vars.palette.text.primary,[a.dark]:{color:o.vars.palette.grey[800]}},...r==="outlined"&&{backgroundColor:"transparent",color:o.vars.palette.text.primary,border:`2px solid ${o.vars.palette.text.primary}`},...r==="soft"&&{color:o.vars.palette.text.secondary,border:`1px solid ${lighten(o.palette.grey[500],.32)}`},...r==="inverted"&&{color:o.vars.palette.grey[800],backgroundColor:o.vars.palette.grey[300]}}},a$1={...t!=="default"&&{...r==="filled"&&{color:o.vars.palette[t].contrastText,backgroundColor:o.vars.palette[t].main},...r==="outlined"&&{backgroundColor:"transparent",color:o.vars.palette[t].main,border:`2px solid ${o.vars.palette[t].main}`},...r==="soft"&&{color:o.vars.palette[t].dark,backgroundColor:lighten(o.palette[t].main,.84),[a.dark]:{color:o.vars.palette[t].light}},...r==="inverted"&&{color:o.vars.palette[t].darker,backgroundColor:o.vars.palette[t].lighter}}};return {height:24,minWidth:24,lineHeight:0,cursor:"default",alignItems:"center",whiteSpace:"nowrap",display:"inline-flex",justifyContent:"center",padding:o.spacing(0,.75),fontSize:o.typography.pxToRem(12),fontWeight:o.typography.fontWeightBold,borderRadius:o.shape.borderRadius*.75,transition:o.transitions.create("all",{duration:o.transitions.duration.shorter}),...e,...a$1}});var L=o=>o.charAt(0).toUpperCase()+o.slice(1),f=forwardRef(({children:o,color:t="default",variant:r="soft",startIcon:e,endIcon:a,sx:m,...b},g)=>{let y=useTheme(),p={width:16,height:16,"& svg, img":{width:1,height:1,objectFit:"cover"}};return jsxs(i,{ref:g,component:"span",className:l.root,ownerState:{color:t,variant:r},sx:{...e&&{pl:.75},...a&&{pr:.75},...m},theme:y,...b,children:[e&&jsx(d,{component:"span",className:l.icon,sx:{mr:.75,...p},children:e}),typeof o=="string"?L(o):o,a&&jsx(d,{component:"span",className:l.icon,sx:{ml:.75,...p},children:a})]})});f.displayName="Label";var H=f;
+
+export { H as default };

package/dist/components/LoadingScreen/index.js

@@ -1,11 +1,8 @@
-import { jsx } from "react/jsx-runtime";
-import LinearProgress from "@mui/material/LinearProgress";
-import { Container } from "./styles";
-const LoadingScreen = () => {
-  return /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(LinearProgress, { color: "primary", sx: { width: 1, maxWidth: 360 } }) });
-};
-var LoadingScreen_default = LoadingScreen;
-export {
-  LoadingScreen_default as default
-};
-//# sourceMappingURL=index.js.map
+import i from '@mui/material/LinearProgress';
+import t from '@mui/material/Box';
+import { styled } from '@mui/material/styles';
+import { jsx } from 'react/jsx-runtime';
+
+var r=styled(t)({padding:"0 40px",width:"100%",minHeight:"100%",flexGrow:1,display:"flex",alignItems:"center",justifyContent:"center"});var n=()=>jsx(r,{children:jsx(i,{color:"primary",sx:{width:1,maxWidth:360}})}),s=n;
+
+export { s as default };

package/dist/components/MaskedInput/index.js

@@ -1,55 +1 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef, useState } from "react";
-import { IMaskMixin } from "react-imask";
-import TextField from "@mui/material/TextField";
-const MaskedStyledInput = IMaskMixin((props) => {
-  const {
-    inputRef,
-    "data-value": value,
-    defaultValue,
-    tabIndex,
-    ...other
-  } = props;
-  return /* @__PURE__ */ jsx(
-    TextField,
-    {
-      inputRef,
-      fullWidth: true,
-      ...other,
-      inputProps: {
-        ...other.inputProps,
-        tabIndex
-      },
-      value
-    }
-  );
-});
-const MaskedInput = forwardRef(
-  ({ onChange, name, ...others }, ref) => {
-    const [maskedValue, setMaskedValue] = useState("");
-    return /* @__PURE__ */ jsx(
-      MaskedStyledInput,
-      {
-        inputRef: ref,
-        name,
-        "data-value": maskedValue,
-        ...others,
-        onAccept: (v, mask) => {
-          setMaskedValue(v);
-          onChange({
-            target: {
-              name,
-              value: mask._unmaskedValue
-            }
-          });
-        }
-      }
-    );
-  }
-);
-MaskedInput.displayName = "MaskedInput";
-var MaskedInput_default = MaskedInput;
-export {
-  MaskedInput_default as default
-};
-//# sourceMappingURL=index.js.map
+export { a as default } from '../../chunk-QNAXGE5H.js';

package/dist/components/MenuItem/index.js

@@ -1,24 +1,11 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import CircularProgress from "@mui/material/CircularProgress";
-import MuiMenuItem from "@mui/material/MenuItem";
-import Stack from "@mui/material/Stack";
-import Icon from "components/Icon";
-import { LoadingContainer } from "./styles";
-const MenuItem = ({
-  icon,
-  children,
-  loading,
-  disabled,
-  ...other
-}) => {
-  return /* @__PURE__ */ jsx(MuiMenuItem, { ...other, disabled: disabled || loading, children: /* @__PURE__ */ jsxs(Stack, { direction: "row", color: "grey.600", alignItems: "center", children: [
-    icon && !loading && /* @__PURE__ */ jsx(Icon, { icon, color: "primary.main" }),
-    loading && /* @__PURE__ */ jsx(LoadingContainer, { children: /* @__PURE__ */ jsx(CircularProgress, { size: 20 }) }),
-    children
-  ] }) });
-};
-var MenuItem_default = MenuItem;
-export {
-  MenuItem_default as default
-};
-//# sourceMappingURL=index.js.map
+import { a } from '../../chunk-PMPALWRO.js';
+import '../../chunk-3E5A45HM.js';
+import f from '@mui/material/CircularProgress';
+import s from '@mui/material/MenuItem';
+import p from '@mui/material/Stack';
+import { styled } from '@mui/material/styles';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var i=styled(p)({width:20,height:20,marginRight:16});var d=({icon:t,children:m,loading:o,disabled:n,...a$1})=>jsx(s,{...a$1,disabled:n||o,children:jsxs(p,{direction:"row",color:"grey.600",alignItems:"center",children:[t&&!o&&jsx(a,{icon:t,color:"primary.main"}),o&&jsx(i,{children:jsx(f,{size:20})}),m]})}),P=d;
+
+export { P as default };

package/dist/components/MenuPopover/index.js

@@ -1,48 +1 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import Popover from "@mui/material/Popover";
-import getPosition from "./getPosition";
-import { StyledArrow } from "./styles";
-const MenuPopover = ({
-  open,
-  children,
-  arrow = "top-right",
-  disabledArrow,
-  sx,
-  ...other
-}) => {
-  const { style, anchorOrigin, transformOrigin } = getPosition(arrow);
-  return /* @__PURE__ */ jsxs(
-    Popover,
-    {
-      open: Boolean(open),
-      anchorEl: open,
-      anchorOrigin,
-      transformOrigin,
-      PaperProps: {
-        sx: {
-          p: 1,
-          width: "auto",
-          overflow: "inherit",
-          ...style,
-          "& .MuiMenuItem-root": {
-            px: 1,
-            typography: "body2",
-            borderRadius: 0.75,
-            "& svg": { mr: 2, width: 20, height: 20, flexShrink: 0 }
-          },
-          ...sx
-        }
-      },
-      ...other,
-      children: [
-        !disabledArrow && /* @__PURE__ */ jsx(StyledArrow, { arrow }),
-        children
-      ]
-    }
-  );
-};
-var MenuPopover_default = MenuPopover;
-export {
-  MenuPopover_default as default
-};
-//# sourceMappingURL=index.js.map
+export { a as default } from '../../chunk-EFUFJKJD.js';

package/dist/components/Modal/index.js

@@ -1,33 +1,3 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import Dialog from "@mui/material/Dialog";
-import DialogTitle from "@mui/material/DialogTitle";
-import IconButton from "@mui/material/IconButton";
-import Icon from "../Icon";
-import Actions from "./Actions";
-import { Content, Header } from "./styles";
-const Modal = ({
-  actions,
-  actionsProps,
-  children,
-  dialogContentProps,
-  dialogTitle,
-  dialogTitleProps,
-  onClose,
-  id,
-  ...other
-}) => {
-  const MODAL_ACTIONS = id || "modal-actions";
-  return /* @__PURE__ */ jsxs(Dialog, { id, scroll: "body", ...other, onClose, children: [
-    /* @__PURE__ */ jsxs(Header, { children: [
-      dialogTitle && /* @__PURE__ */ jsx(DialogTitle, { variant: "subtitle1", ...dialogTitleProps, children: dialogTitle }),
-      /* @__PURE__ */ jsx(IconButton, { onClick: onClose, children: /* @__PURE__ */ jsx(Icon, { icon: "CLOSE_MARK_BUTTON" }) })
-    ] }),
-    /* @__PURE__ */ jsx(Content, { ...dialogContentProps, children }),
-    actions && /* @__PURE__ */ jsx(Actions, { actionsProps: { ...actionsProps, id: MODAL_ACTIONS }, children: actions })
-  ] });
-};
-var Modal_default = Modal;
-export {
-  Modal_default as default
-};
-//# sourceMappingURL=index.js.map
+export { a as default } from '../../chunk-QHVL5QNM.js';
+import '../../chunk-PMPALWRO.js';
+import '../../chunk-3E5A45HM.js';

package/dist/components/ModalActions/index.js

@@ -1,11 +1,6 @@
-import { jsx } from "react/jsx-runtime";
-import Portal from "../Portal";
-const ModalActions = ({
-  children,
-  id = "modal-actions"
-}) => /* @__PURE__ */ jsx(Portal, { container: id, children });
-var ModalActions_default = ModalActions;
-export {
-  ModalActions_default as default
-};
-//# sourceMappingURL=index.js.map
+import { a } from '../../chunk-5YJTSVA2.js';
+import { jsx } from 'react/jsx-runtime';
+
+var i=({children:r,id:t="modal-actions"})=>jsx(a,{container:t,children:r}),n=i;
+
+export { n as default };