@zydon/common 2.5.2 → 2.5.3

package/dist/chunk-4DJLMMNT.js

@@ -0,0 +1,15 @@
+import { a as a$1 } from './chunk-7TFD7ZIP.js';
+import { a } from './chunk-XFEJWGQW.js';
+import { b } from './chunk-ILHUUK4X.js';
+import P from '@mui/lab/LoadingButton';
+import k from '@mui/material/Button';
+import { useState } from 'react';
+import I from '@mui/material/Slider';
+import r from '@mui/material/Stack';
+import S from '@mui/material/TextField';
+import d from '@mui/material/Typography';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var w=({imageSrc:c,aspectRatio:p,cropShape:g,cropSize:u,onInitialized:h})=>{let[i,n]=useState(1),[t,m]=useState({x:0,y:0}),[y,l]=useState(0);return jsxs(r,{gap:2,children:[jsx(a$1,{imageSrc:c,aspectRatio:p,cropShape:g,zoom:i,crop:t,onZoomChange:n,onCropChange:m,onInitialized:h,rotation:y,onRotationChange:l,cropSize:u}),jsxs(r,{gap:1.5,children:[jsxs(r,{width:1,direction:"row",gap:3,flex:1,alignItems:"center",children:[jsx(d,{component:"label",htmlFor:"zoom-slider",width:85,color:"textSecondary",variant:"body2",children:"Zoom"}),jsx(I,{id:"zoom-slider",value:i,onChange:(e,C)=>n(Array.isArray(C)?C[0]:C),min:.1,max:4,size:"medium",step:.0125}),jsx(S,{size:"small",id:"zoom-slider",type:"number",value:i,onChange:e=>n(Number(e.target.value)),inputProps:{step:.0125},sx:{width:130}})]}),jsxs(r,{direction:"row",gap:4,justifyContent:"flex-start",children:[jsx(d,{component:"label",htmlFor:"rotation-slider",width:"45px",color:"textSecondary",variant:"body2",lineHeight:"39px",children:"Position"}),jsxs(r,{direction:"row",alignItems:"center",gap:3,children:[jsx(d,{component:"label",htmlFor:"rotation-slider",color:"textSecondary",variant:"body2",children:"Y"}),jsx(S,{size:"small",id:"rotation-slider",type:"number",value:t.y,onChange:e=>m({...t,y:Number(e.target.value)}),sx:{width:90}})]}),jsxs(r,{gap:3,direction:"row",alignItems:"center",children:[jsx(d,{component:"label",htmlFor:"rotation-slider",color:"textSecondary",variant:"body2",children:"X"}),jsx(S,{size:"small",id:"rotation-slider",type:"number",value:t.x,onChange:e=>m({...t,x:Number(e.target.value)}),sx:{width:90}})]})]})]})]})},v=w;var M=({open:c,onClose:p,label:g,onSave:u,imageSrc:h,aspectRatio:i,cropShape:n,cropSize:t,onInitialized:m,loading:y})=>{let l=b("down","sm");return jsx(a,{open:c,onClose:p,dialogTitle:g,actions:jsxs(Fragment,{children:[jsx(k,{variant:"outlined",size:"medium",onClick:p,color:"inherit",children:"Cancelar"}),jsx(P,{variant:"contained",size:"medium",onClick:u,loading:y,children:"Salvar"})]}),fullWidth:!0,maxWidth:"sm",fullScreen:l,PaperProps:{sx:l?{borderRadius:0,m:0}:void 0},dialogContentProps:{sx:l?{p:0}:void 0},children:jsx(v,{imageSrc:h,aspectRatio:i,cropShape:n,cropSize:t,onInitialized:m})})},q=M;
+
+export { q as a };

package/dist/chunk-7TFD7ZIP.js

@@ -0,0 +1,9 @@
+import { useRef, useState, useEffect, useMemo } from 'react';
+import P from 'react-easy-crop';
+import v from '@mui/material/Stack';
+import { styled, alpha } from '@mui/material/styles';
+import { jsx } from 'react/jsx-runtime';
+
+var l=styled(v)(({theme:n})=>({"& .reactEasyCrop_Container":{position:"relative"},"& .reactEasyCrop_CropArea":{border:`2px solid ${n.palette.primary.main}`,borderColor:alpha(n.palette.primary.main,.75)},"& .reactEasyCrop_CropAreaRound":{border:`2px solid ${n.palette.primary.main}`,borderColor:alpha(n.palette.primary.main,.75)}}));var W=({onInitialized:n,aspectRatio:i=1,imageSrc:C="",zoom:f=1,crop:c,cropShape:h="rect",cropSize:o,rotation:u=0,onZoomChange:a,onCropChange:y,onRotationChange:g})=>{let b=r=>{if(r>4){a(4);return}if(r<.1){a(.1);return}a(r);},p=useRef(null),[e,w]=useState(550);useEffect(()=>{let r=()=>{let t=p.current?.clientWidth||550;w(Math.min(t,550));};return r(),window.addEventListener("resize",r),()=>window.removeEventListener("resize",r)},[]);let E=useMemo(()=>{let r=typeof o=="number"?o:o?.width,t=typeof o=="number"?o:o?.height;if(r=r||e,t=t||e,r<=e&&t<=e)return {width:r,height:t};let m=i>1;return r=m?e:e*i,t=m?e/i:e,{width:r,height:t}},[i,e,o]);return jsx(l,{ref:p,children:jsx(P,{image:C,crop:c,zoom:f,aspect:i,onCropChange:y,onZoomChange:b,onCropComplete:n,restrictPosition:!1,cropSize:E,cropShape:h,zoomWithScroll:!1,objectFit:"contain",minZoom:.1,maxZoom:4,style:{containerStyle:{width:e,height:e,position:"relative"}},rotation:u,onRotationChange:g})})},D=W;
+
+export { D as a };

package/dist/{chunk-6GEASWVI.js → chunk-GNUXGUIG.js}

@@ -1,5 +1,5 @@
 import { c, g, p, n, d, e as e$1, a as a$6, b, h, i as i$1, l, m as m$1, j as j$1, k } from './chunk-4VAXJ4XM.js';
-import { a as a$5 } from './chunk-YFT2GBNW.js';
+import { a as a$5 } from './chunk-J3OVV7V5.js';
 import { a as a$1 } from './chunk-H5L4ARDB.js';
 import { e } from './chunk-ANAHA3L6.js';
 import { a as a$7 } from './chunk-7R3XV4AP.js';

package/dist/{chunk-YFT2GBNW.js → chunk-J3OVV7V5.js}

@@ -1,5 +1,5 @@
 import { a as a$2 } from './chunk-T7I256S6.js';
-import { a } from './chunk-INWICD33.js';
+import { a } from './chunk-XFEJWGQW.js';
 import { a as a$3 } from './chunk-I6Y6PKTA.js';
 import { useState } from 'react';
 import M from '@mui/lab/LoadingButton';

package/dist/{chunk-XBU7CMPL.js → chunk-SCXQE4YJ.js}

@@ -1,5 +1,5 @@
 import { p, f } from './chunk-4VAXJ4XM.js';
-import { a as a$3 } from './chunk-YFT2GBNW.js';
+import { a as a$3 } from './chunk-J3OVV7V5.js';
 import { e } from './chunk-ANAHA3L6.js';
 import { i } from './chunk-D27ND54J.js';
 import { a as a$1 } from './chunk-X24QANPC.js';

package/dist/chunk-XFEJWGQW.js

@@ -0,0 +1,13 @@
+import { a } from './chunk-I6Y6PKTA.js';
+import I from '@mui/material/Dialog';
+import M from '@mui/material/DialogTitle';
+import k from '@mui/material/IconButton';
+import u from '@mui/material/DialogActions';
+import y from '@mui/material/DialogContent';
+import D from '@mui/material/Stack';
+import { styled } from '@mui/material/styles';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var p=styled(D)(({theme:o})=>({flexDirection:"row",alignItems:"center",justifyContent:"space-between",borderBottom:`1px solid ${o.palette.grey[300]}`,button:{marginRight:24}})),c=styled(y)({padding:24}),d=styled(u)(({theme:o})=>({borderTop:`1px solid ${o.palette.grey[300]}`,backgroundColor:o.palette.grey[50]}));var P=({children:o,actionsProps:i})=>jsx(d,{"data-testid":"modal-actions",sx:{borderTop:"1px solid",borderColor:"grey.300",backgroundColor:"grey.50"},...i,children:o}),m=P;var B=({actions:o,actionsProps:i,children:g,dialogContentProps:b,dialogTitle:r,dialogTitleProps:A,onClose:n,id:a$1,...C})=>{let x=a$1||"modal-actions",l="caixa de di\xE1logo";return jsxs(I,{"aria-label":r?`${l}: ${r}`:l,id:a$1,scroll:"body",...C,onClose:n,children:[jsxs(p,{children:[r&&jsx(M,{variant:"subtitle1",...A,children:r}),jsx(k,{onClick:n,"aria-label":"fechar caixa de di\xE1logo",children:jsx(a,{icon:"CLOSE_MARK_BUTTON"})})]}),jsx(c,{"data-testid":"modal-content",...b,children:g}),o&&jsx(m,{actionsProps:{...i,id:x},children:o})]})},U=B;
+
+export { U as a };

package/dist/components/EasyCrop/index.js

@@ -1 +1 @@
-export { a as default } from '../../chunk-XSYQAWOD.js';
+export { a as default } from '../../chunk-7TFD7ZIP.js';

package/dist/components/EasyCropModal/index.js

@@ -1,5 +1,6 @@
-export { a as default } from '../../chunk-JEX3SO7Q.js';
-import '../../chunk-XSYQAWOD.js';
-import '../../chunk-INWICD33.js';
+export { a as default } from '../../chunk-4DJLMMNT.js';
+import '../../chunk-7TFD7ZIP.js';
+import '../../chunk-XFEJWGQW.js';
 import '../../chunk-I6Y6PKTA.js';
 import '../../chunk-75E6MEWM.js';
+import '../../chunk-ILHUUK4X.js';

package/dist/components/FileUpload/index.js

@@ -3,9 +3,9 @@ import { e } from '../../chunk-ANAHA3L6.js';
 import { a as a$3 } from '../../chunk-IPOTBSM7.js';
 import { a } from '../../chunk-OFA5VB7M.js';
 import { f } from '../../chunk-NANDXKZD.js';
-import { a as a$5 } from '../../chunk-JEX3SO7Q.js';
-import '../../chunk-XSYQAWOD.js';
-import '../../chunk-INWICD33.js';
+import { a as a$5 } from '../../chunk-4DJLMMNT.js';
+import '../../chunk-7TFD7ZIP.js';
+import '../../chunk-XFEJWGQW.js';
 import { a as a$2 } from '../../chunk-7R3XV4AP.js';
 import { x } from '../../chunk-2P4CXK3O.js';
 import { a as a$7 } from '../../chunk-FK7DDO5L.js';

package/dist/components/ImageCropModal/index.js

@@ -1,5 +1,5 @@
-export { a as default } from '../../chunk-YFT2GBNW.js';
+export { a as default } from '../../chunk-J3OVV7V5.js';
 import '../../chunk-T7I256S6.js';
-import '../../chunk-INWICD33.js';
+import '../../chunk-XFEJWGQW.js';
 import '../../chunk-I6Y6PKTA.js';
 import '../../chunk-75E6MEWM.js';

package/dist/components/Modal/index.js

@@ -1,3 +1,3 @@
-export { a as default } from '../../chunk-INWICD33.js';
+export { a as default } from '../../chunk-XFEJWGQW.js';
 import '../../chunk-I6Y6PKTA.js';
 import '../../chunk-75E6MEWM.js';

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

@@ -1,9 +1,9 @@
-import { b } from '../../../chunk-XBU7CMPL.js';
+import { b } from '../../../chunk-SCXQE4YJ.js';
 import '../../../chunk-4VAXJ4XM.js';
-import '../../../chunk-YFT2GBNW.js';
+import '../../../chunk-J3OVV7V5.js';
 import '../../../chunk-T7I256S6.js';
 import '../../../chunk-ANAHA3L6.js';
-import '../../../chunk-INWICD33.js';
+import '../../../chunk-XFEJWGQW.js';
 import '../../../chunk-D27ND54J.js';
 import '../../../chunk-X24QANPC.js';
 import '../../../chunk-I6Y6PKTA.js';

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

@@ -1,10 +1,10 @@
-import { e } from '../../../chunk-6GEASWVI.js';
+import { e } from '../../../chunk-GNUXGUIG.js';
 import '../../../chunk-4VAXJ4XM.js';
-import '../../../chunk-YFT2GBNW.js';
+import '../../../chunk-J3OVV7V5.js';
 import '../../../chunk-T7I256S6.js';
 import '../../../chunk-H5L4ARDB.js';
 import '../../../chunk-ANAHA3L6.js';
-import '../../../chunk-INWICD33.js';
+import '../../../chunk-XFEJWGQW.js';
 import '../../../chunk-7R3XV4AP.js';
 import '../../../chunk-2P4CXK3O.js';
 import '../../../chunk-FK7DDO5L.js';

package/dist/components/upload/index.js

@@ -1,12 +1,12 @@
-export { a as UploadAvatar, b as UploadAvatarWithCrop } from '../../chunk-XBU7CMPL.js';
-export { c as DeleteButton, a as MultiFilePreview, b as SingleFilePreview, d as Upload, e as UploadWithCrop } from '../../chunk-6GEASWVI.js';
+export { a as UploadAvatar, b as UploadAvatarWithCrop } from '../../chunk-SCXQE4YJ.js';
+export { c as DeleteButton, a as MultiFilePreview, b as SingleFilePreview, d as Upload, e as UploadWithCrop } from '../../chunk-GNUXGUIG.js';
 import { o } from '../../chunk-4VAXJ4XM.js';
 export { p as RejectionFiles } from '../../chunk-4VAXJ4XM.js';
-import '../../chunk-YFT2GBNW.js';
+import '../../chunk-J3OVV7V5.js';
 import '../../chunk-T7I256S6.js';
 import '../../chunk-H5L4ARDB.js';
 import '../../chunk-ANAHA3L6.js';
-import '../../chunk-INWICD33.js';
+import '../../chunk-XFEJWGQW.js';
 import '../../chunk-7R3XV4AP.js';
 import '../../chunk-2P4CXK3O.js';
 import '../../chunk-FK7DDO5L.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zydon/common",
-  "version": "2.5.2",
+  "version": "2.5.3",
   "license": "MIT",
   "type": "module",
   "module": "./dist/index.js",

package/dist/chunk-INWICD33.js

@@ -1,13 +0,0 @@
-import { a } from './chunk-I6Y6PKTA.js';
-import I from '@mui/material/Dialog';
-import M from '@mui/material/DialogTitle';
-import k from '@mui/material/IconButton';
-import u from '@mui/material/DialogActions';
-import y from '@mui/material/DialogContent';
-import D from '@mui/material/Stack';
-import { styled } from '@mui/material/styles';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var s=styled(D)(({theme:o})=>({flexDirection:"row",alignItems:"center",justifyContent:"space-between",borderBottom:`1px solid ${o.palette.grey[300]}`,button:{marginRight:24}})),m=styled(y)({padding:"24px !important"}),c=styled(u)(({theme:o})=>({borderTop:`1px solid ${o.palette.grey[300]}`,backgroundColor:o.palette.grey[50]}));var P=({children:o,actionsProps:i})=>jsx(c,{"data-testid":"modal-actions",sx:{borderTop:"1px solid",borderColor:"grey.300",backgroundColor:"grey.50"},...i,children:o}),d=P;var B=({actions:o,actionsProps:i,children:g,dialogContentProps:b,dialogTitle:r,dialogTitleProps:A,onClose:n,id:a$1,...C})=>{let x=a$1||"modal-actions",l="caixa de di\xE1logo";return jsxs(I,{"aria-label":r?`${l}: ${r}`:l,id:a$1,scroll:"body",...C,onClose:n,children:[jsxs(s,{children:[r&&jsx(M,{variant:"subtitle1",...A,children:r}),jsx(k,{onClick:n,"aria-label":"fechar caixa de di\xE1logo",children:jsx(a,{icon:"CLOSE_MARK_BUTTON"})})]}),jsx(m,{"data-testid":"modal-content",...b,children:g}),o&&jsx(d,{actionsProps:{...i,id:x},children:o})]})},U=B;
-
-export { U as a };

package/dist/chunk-JEX3SO7Q.js

@@ -1,14 +0,0 @@
-import { a as a$1 } from './chunk-XSYQAWOD.js';
-import { a } from './chunk-INWICD33.js';
-import w from '@mui/lab/LoadingButton';
-import k from '@mui/material/Button';
-import { useState } from 'react';
-import v from '@mui/material/Slider';
-import r from '@mui/material/Stack';
-import S from '@mui/material/TextField';
-import p from '@mui/material/Typography';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-var I=({imageSrc:s,aspectRatio:l,cropShape:c,cropSize:g,onInitialized:h})=>{let[i,n]=useState(1),[t,m]=useState({x:0,y:0}),[u,z]=useState(0);return jsxs(r,{gap:2,children:[jsx(a$1,{imageSrc:s,aspectRatio:l,cropShape:c,zoom:i,crop:t,onZoomChange:n,onCropChange:m,onInitialized:h,rotation:u,onRotationChange:z,cropSize:g}),jsxs(r,{gap:1.5,children:[jsxs(r,{width:1,direction:"row",gap:3,flex:1,alignItems:"center",children:[jsx(p,{component:"label",htmlFor:"zoom-slider",width:85,color:"textSecondary",variant:"body2",children:"Zoom"}),jsx(v,{id:"zoom-slider",value:i,onChange:(e,y)=>n(Array.isArray(y)?y[0]:y),min:.1,max:4,size:"medium",step:.0125}),jsx(S,{size:"small",id:"zoom-slider",type:"number",value:i,onChange:e=>n(Number(e.target.value)),inputProps:{step:.0125},sx:{width:130}})]}),jsxs(r,{direction:"row",gap:4,justifyContent:"flex-start",children:[jsx(p,{component:"label",htmlFor:"rotation-slider",width:"45px",color:"textSecondary",variant:"body2",lineHeight:"39px",children:"Position"}),jsxs(r,{direction:"row",alignItems:"center",gap:3,children:[jsx(p,{component:"label",htmlFor:"rotation-slider",color:"textSecondary",variant:"body2",children:"Y"}),jsx(S,{size:"small",id:"rotation-slider",type:"number",value:t.y,onChange:e=>m({...t,y:Number(e.target.value)}),sx:{width:90}})]}),jsxs(r,{gap:3,direction:"row",alignItems:"center",children:[jsx(p,{component:"label",htmlFor:"rotation-slider",color:"textSecondary",variant:"body2",children:"X"}),jsx(S,{size:"small",id:"rotation-slider",type:"number",value:t.x,onChange:e=>m({...t,x:Number(e.target.value)}),sx:{width:90}})]})]})]})]})},b=I;var M=({open:s,onClose:l,label:c,onSave:g,imageSrc:h,aspectRatio:i,cropShape:n,cropSize:t,onInitialized:m,loading:u})=>jsx(a,{open:s,onClose:l,dialogTitle:c,actions:jsxs(Fragment,{children:[jsx(k,{variant:"outlined",size:"medium",onClick:l,color:"inherit",children:"Cancelar"}),jsx(w,{variant:"contained",size:"medium",onClick:g,loading:u,children:"Salvar"})]}),fullWidth:!0,maxWidth:"sm",children:jsx(b,{imageSrc:h,aspectRatio:i,cropShape:n,cropSize:t,onInitialized:m})}),_=M;
-
-export { _ as a };

package/dist/chunk-XSYQAWOD.js

@@ -1,9 +0,0 @@
-import { useMemo } from 'react';
-import I from 'react-easy-crop';
-import b from '@mui/material/Stack';
-import { styled, alpha } from '@mui/material/styles';
-import { jsx } from 'react/jsx-runtime';
-
-var m=styled(b)(({theme:t})=>({"& .reactEasyCrop_Container":{position:"relative"},"& .reactEasyCrop_CropArea":{border:`2px solid ${t.palette.primary.main}`,borderColor:alpha(t.palette.primary.main,.75)},"& .reactEasyCrop_CropAreaRound":{border:`2px solid ${t.palette.primary.main}`,borderColor:alpha(t.palette.primary.main,.75)}}));var P=({onInitialized:t,aspectRatio:n=1,imageSrc:C="",zoom:s=1,crop:f,cropShape:d="rect",cropSize:o,rotation:y=0,onZoomChange:i,onCropChange:h,onRotationChange:c})=>{let g=r=>{if(r>4){i(4);return}if(r<.1){i(.1);return}i(r);},u=useMemo(()=>{let r=typeof o=="number"?o:o?.width,e=typeof o=="number"?o:o?.height;if(r=r||550,e=e||550,(r||e)<=550)return {width:r,height:e};let a=n>1;return r=a?550:550*n,e=a?550/n:550,{width:r,height:e}},[n,o]);return jsx(m,{children:jsx(I,{image:C,crop:f,zoom:s,aspect:n,onCropChange:h,onZoomChange:g,onCropComplete:t,restrictPosition:!1,cropSize:u,cropShape:d,zoomWithScroll:!1,objectFit:"contain",minZoom:.1,maxZoom:4,style:{containerStyle:{minHeight:"550px",position:"relative"}},rotation:y,onRotationChange:c})})},$=P;
-
-export { $ as a };