@zydon/common 2.4.15 → 2.4.17

package/dist/{chunk-DRJ3S3ZV.js → chunk-7TQQTKCU.js}

@@ -1,6 +1,6 @@
 import { c, g, p, n, d, e as e$1, a as a$5, b, h, i as i$1, l, m as m$1, j as j$2, k } from './chunk-4VAXJ4XM.js';
+import { a as a$4 } from './chunk-F5XDRB7N.js';
 import { e } from './chunk-ANAHA3L6.js';
-import { a as a$4 } from './chunk-YR6XOFQR.js';
 import { a as a$6 } from './chunk-NB6L2JSG.js';
 import { x } from './chunk-2P4CXK3O.js';
 import { a as a$3 } from './chunk-FK7DDO5L.js';

package/dist/{chunk-RE2TUJPG.js → chunk-H2R5EZW7.js}

@@ -1,6 +1,6 @@
 import { p, f } from './chunk-4VAXJ4XM.js';
+import { a as a$3 } from './chunk-F5XDRB7N.js';
 import { e } from './chunk-ANAHA3L6.js';
-import { a as a$3 } from './chunk-YR6XOFQR.js';
 import { i } from './chunk-D27ND54J.js';
 import { a } from './chunk-RGXSHDAI.js';
 import { a as a$2 } from './chunk-KFZEM7KS.js';

package/dist/chunk-MEQXPK2E.js

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

package/dist/components/Common/index.js

@@ -1,9 +1,9 @@
-import { a } from '../../chunk-COWMZKQG.js';
+import { a } from '../../chunk-YZ6ZATKM.js';
+import '../../chunk-GUFT6XPG.js';
 import '../../chunk-GOC7PC2S.js';
 import '../../chunk-MCT77MRN.js';
 import '../../chunk-CFVUZ4S5.js';
 import '../../chunk-CFYNJQGN.js';
-import '../../chunk-GUFT6XPG.js';
 import { i } from '../../chunk-D27ND54J.js';
 import { a as a$1 } from '../../chunk-RGXSHDAI.js';
 import '../../chunk-CHLVIVDD.js';

package/dist/components/EasyCrop/index.d.ts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Point, Area } from 'react-easy-crop';
+
+interface ImageCropProps {
+    imageSrc?: string;
+    aspectRatio?: number;
+    cropShape?: 'rect' | 'round';
+    zoom: number;
+    crop: Point;
+    cropSize?: {
+        width: number;
+        height: number;
+    } | number;
+    rotation: number;
+    onZoomChange(zoom: number): void;
+    onCropChange(crop: Point): void;
+    onRotationChange(rotation: number): void;
+    onInitialized(croppedArea: Area, croppedAreaPixels: Area): void;
+}
+
+declare const ImageCrop: ({ onInitialized, aspectRatio, imageSrc, zoom, crop, cropShape, cropSize, rotation, onZoomChange, onCropChange, onRotationChange, }: ImageCropProps) => react_jsx_runtime.JSX.Element;
+
+export { ImageCrop as default };

package/dist/components/EasyCrop/index.js

@@ -0,0 +1 @@
+export { a as default } from '../../chunk-MEQXPK2E.js';

package/dist/components/EasyCropModal/index.d.ts

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Area } from 'react-easy-crop';
+
+interface ImageCropModalPros {
+    open: boolean;
+    onClose: VoidFunction;
+    onSave: VoidFunction;
+    label: string;
+    imageSrc?: string;
+    aspectRatio?: number;
+    cropShape?: 'rect' | 'round';
+    cropSize?: {
+        width: number;
+        height: number;
+    } | number;
+    onInitialized(croppedArea: Area, croppedAreaPixels: Area): void;
+    loading?: boolean;
+}
+
+declare const ImageCropModal: ({ open, onClose, label, onSave, imageSrc, aspectRatio, cropShape, cropSize, onInitialized, loading, }: ImageCropModalPros) => react_jsx_runtime.JSX.Element;
+
+export { ImageCropModal as default };

package/dist/components/EasyCropModal/index.js

@@ -0,0 +1,16 @@
+import { a } from '../../chunk-OR6QR7N2.js';
+import { a as a$1 } from '../../chunk-MEQXPK2E.js';
+import '../../chunk-RGXSHDAI.js';
+import '../../chunk-CHLVIVDD.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 default };

package/dist/components/ImageCropModal/index.js

@@ -1,5 +1,5 @@
-export { a as default } from '../../chunk-YR6XOFQR.js';
-import '../../chunk-OR6QR7N2.js';
+export { a as default } from '../../chunk-F5XDRB7N.js';
 import '../../chunk-T7I256S6.js';
+import '../../chunk-OR6QR7N2.js';
 import '../../chunk-RGXSHDAI.js';
 import '../../chunk-CHLVIVDD.js';

package/dist/components/SimpleCard/index.js

@@ -1,7 +1,7 @@
-import a from '@mui/material/Stack';
+import t from '@mui/material/Stack';
 import { styled } from '@mui/material/styles';
 import { jsx } from 'react/jsx-runtime';
 
-var o=styled(a)(({theme:r})=>({border:`1px solid ${r.palette.grey[300]}`,borderRadius:16,gap:10,padding:24,backgroundColor:r.palette.background.paper}));var d=({children:r,...p})=>jsx(o,{...p,children:r}),s=d;
+var o=styled(t)(({theme:r})=>({border:`1px solid ${r.palette.grey[300]}`,backgroundColor:r.palette.background.paper}));var d=({children:r,...p})=>jsx(o,{borderRadius:2,gap:1.25,p:3,...p,children:r}),s=d;
 
 export { s as default };

package/dist/components/WebhookCard/index.js

@@ -1,6 +1,6 @@
 import { d } from '../../chunk-WUQSPJPN.js';
-import { a as a$3 } from '../../chunk-UA7OPAW7.js';
 import { a } from '../../chunk-HOMGLSVS.js';
+import { a as a$3 } from '../../chunk-UA7OPAW7.js';
 import { a as a$2 } from '../../chunk-BYAPKKGB.js';
 import '../../chunk-D27ND54J.js';
 import { a as a$4 } from '../../chunk-RGXSHDAI.js';

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

@@ -1,5 +1,5 @@
-import { a as a$1 } from '../../../chunk-2NMLQNWC.js';
 import { a as a$2 } from '../../../chunk-M4APIAYD.js';
+import { a as a$1 } from '../../../chunk-2NMLQNWC.js';
 import { a as a$3 } from '../../../chunk-RVTKAY5D.js';
 import '../../../chunk-ORLVNXTG.js';
 import '../../../chunk-FQKQM7BC.js';

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

@@ -1,9 +1,9 @@
-import { b } from '../../../chunk-RE2TUJPG.js';
+import { b } from '../../../chunk-H2R5EZW7.js';
 import '../../../chunk-4VAXJ4XM.js';
+import '../../../chunk-F5XDRB7N.js';
+import '../../../chunk-T7I256S6.js';
 import '../../../chunk-ANAHA3L6.js';
-import '../../../chunk-YR6XOFQR.js';
 import '../../../chunk-OR6QR7N2.js';
-import '../../../chunk-T7I256S6.js';
 import '../../../chunk-D27ND54J.js';
 import '../../../chunk-RGXSHDAI.js';
 import '../../../chunk-CHLVIVDD.js';

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

@@ -1,9 +1,9 @@
-import { e } from '../../../chunk-DRJ3S3ZV.js';
+import { e } from '../../../chunk-7TQQTKCU.js';
 import '../../../chunk-4VAXJ4XM.js';
+import '../../../chunk-F5XDRB7N.js';
+import '../../../chunk-T7I256S6.js';
 import '../../../chunk-ANAHA3L6.js';
-import '../../../chunk-YR6XOFQR.js';
 import '../../../chunk-OR6QR7N2.js';
-import '../../../chunk-T7I256S6.js';
 import '../../../chunk-NB6L2JSG.js';
 import '../../../chunk-2P4CXK3O.js';
 import '../../../chunk-FK7DDO5L.js';

package/dist/components/upload/index.js

@@ -1,11 +1,11 @@
-export { a as UploadAvatar, b as UploadAvatarWithCrop } from '../../chunk-RE2TUJPG.js';
-export { c as DeleteButton, a as MultiFilePreview, b as SingleFilePreview, d as Upload, e as UploadWithCrop } from '../../chunk-DRJ3S3ZV.js';
+export { a as UploadAvatar, b as UploadAvatarWithCrop } from '../../chunk-H2R5EZW7.js';
+export { c as DeleteButton, a as MultiFilePreview, b as SingleFilePreview, d as Upload, e as UploadWithCrop } from '../../chunk-7TQQTKCU.js';
 import { o } from '../../chunk-4VAXJ4XM.js';
 export { p as RejectionFiles } from '../../chunk-4VAXJ4XM.js';
+import '../../chunk-F5XDRB7N.js';
+import '../../chunk-T7I256S6.js';
 import '../../chunk-ANAHA3L6.js';
-import '../../chunk-YR6XOFQR.js';
 import '../../chunk-OR6QR7N2.js';
-import '../../chunk-T7I256S6.js';
 import '../../chunk-NB6L2JSG.js';
 import '../../chunk-2P4CXK3O.js';
 import '../../chunk-FK7DDO5L.js';

package/dist/theme/theme-provider.js

@@ -1,7 +1,7 @@
-export { a as default } from '../chunk-COWMZKQG.js';
+export { a as default } from '../chunk-YZ6ZATKM.js';
+import '../chunk-GUFT6XPG.js';
 import '../chunk-GOC7PC2S.js';
 import '../chunk-MCT77MRN.js';
 import '../chunk-CFVUZ4S5.js';
 import '../chunk-CFYNJQGN.js';
-import '../chunk-GUFT6XPG.js';
 import '../chunk-D27ND54J.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zydon/common",
-  "version": "2.4.15",
+  "version": "2.4.17",
   "license": "MIT",
   "type": "module",
   "module": "./dist/index.js",
@@ -136,6 +136,7 @@
     "react-color": "^2.19.3",
     "react-cropper": "^2.3.3",
     "react-dropzone": "^14.2.3",
+    "react-easy-crop": "^5.5.0",
     "react-imask": "^7.6.1",
     "react-number-format": "^5.4.0",
     "react-window": "^1.8.10",

package/dist/{chunk-YR6XOFQR.js → chunk-F5XDRB7N.js}

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

package/dist/{chunk-COWMZKQG.js → chunk-YZ6ZATKM.js}

@@ -1,7 +1,7 @@
+import { a } from './chunk-GUFT6XPG.js';
 import { a as a$1, e } from './chunk-GOC7PC2S.js';
 import { a as a$3, b as b$1 } from './chunk-MCT77MRN.js';
 import { q, s, a as a$2 } from './chunk-CFYNJQGN.js';
-import { a } from './chunk-GUFT6XPG.js';
 import { c } from './chunk-D27ND54J.js';
 import A from '@mui/material/CssBaseline';
 import { Experimental_CssVarsProvider, experimental_extendTheme, lighten, darken } from '@mui/material/styles';