@mobilestockweb/form 1.0.1 → 1.0.3

package/index.js

@@ -68,10 +68,10 @@
   border-radius: ${({theme:e})=>e.borderRadius.default};
   background-color: ${({theme:e,$error:t})=>t?e.colors.input.error:e.colors.input.default};
   min-width: 400px;
-`;var Vo=Object.assign(zo,{Title:ze,HelpButton:we,HelpText:Oe,ErrorLabel:Ae});var H=require("@dnd-kit/core"),Tr=require("@dnd-kit/modifiers"),ue=require("@dnd-kit/sortable"),Ee=require("react"),vr=require("styled-components"),ke=require("@mobilestockweb/container");var Do=require("@unform/core"),A=require("react"),Bo=require("styled-components"),_o=require("react/jsx-runtime"),$o=(0,A.createContext)(null);function ko({gap:e="2XS",size:t="SM",name:o,children:n,onChange:r,multiple:u,dragAndDrop:i,buttonAddDirection:l}){let a=(0,Bo.useTheme)(),{fieldName:g,registerField:c,defaultValue:p}=(0,Do.useField)(o),[b,s]=(0,A.useState)(null),[m,E]=(0,A.useState)(!1),[C,d]=(0,A.useState)(null),F=(0,A.useMemo)(()=>a.sizeImage[t.toLowerCase()],[a,t]),L=(0,A.useMemo)(()=>a.gaps[e.toLowerCase()],[a,e]),y=(0,A.useCallback)(f=>{s(l==="RIGHT"?T=>[...T||[],...f].reverse():T=>[...T||[],...f])},[s,l]),S=(0,A.useCallback)(f=>{if(!f){s(null);return}y(f)},[y]);(0,A.useEffect)(()=>{c({name:g,getValue:()=>b,setValue:(f,T)=>S(T||p),clearValue:()=>s(null)})},[g,c,b,S,p]);function B(){let f=document.createElement("input");f.style.display="none",f.setAttribute("type","file"),f.setAttribute("accept","image/*"),f.setAttribute("id",String(Math.random())),u&&f.setAttribute("multiple","multiple"),document.body.appendChild(f),f.addEventListener("change",()=>{f.files&&(u?y(Array.from(f.files)):(E(!0),d(Array.from(f.files)[0])),document.body.removeChild(f))});let T=new MouseEvent("click");f.dispatchEvent(T)}function N(f){if(!b)return;let T=b.filter(W=>`${W.name}-${W.size}`!==f);s(T),r==null||r({value:b.find(W=>`${W.name}-${W.size}`===f),event:"REMOVE_IMAGE"})}function $(f){s(f),r==null||r({value:f,event:"REORDER_IMAGES"})}function ee(f){y([f]),E(!1),d(null),r==null||r({value:f,event:"CROP_SAVE"})}function fe(){E(!1),d(null)}return(0,_o.jsx)($o.Provider,{value:{showDeviceImage:B,images:b,removeImage:N,reorderImages:$,openImageCropModal:m,imageToCrop:C,handleImageCropCancel:fe,handleImageCropSave:ee,sizeComponent:F,gapComponent:L,dragAndDrop:i,name:o,gap:e},children:n})}function z(){let e=(0,A.useContext)($o);if(!e)throw new Error("usePhotoList must be used within a PhotoListProvider");return e}var Uo=require("@mobilestockweb/button");var Go=require("react/jsx-runtime");function et(){let e=z();return(0,Go.jsx)(Uo.Button,{type:"button",icon:"Plus",variant:"OUTLINE",onClick:e.showDeviceImage,style:{height:e.sizeComponent,width:e.sizeComponent,minWidth:e.sizeComponent,maxWidth:e.sizeComponent}})}var Xo=require("@unform/core"),Wo=require("@mobilestockweb/typography");var Ko=require("react/jsx-runtime");function qo(){let e=z(),{error:t}=(0,Xo.useField)(e.name);return(0,Ko.jsx)(Wo.Typography,{color:"DANGER",size:"XS",children:t})}var lr=require("@dnd-kit/sortable"),sr=require("@dnd-kit/utilities"),$e=require("react"),ur=require("styled-components"),mr=require("@mobilestockweb/container");var jo=require("@dnd-kit/sortable"),er=I(require("styled-components")),tr=require("@mobilestockweb/container");var Zo=require("@dnd-kit/sortable"),Yo=I(require("styled-components")),Qo=require("react/jsx-runtime");function Jo({id:e}){let{isDragging:t}=(0,Zo.useSortable)({id:e});return(0,Qo.jsx)(tn,{isDragging:t})}var tn=Yo.default.div`
+`;var Vo=Object.assign(zo,{Title:ze,HelpButton:we,HelpText:Oe,ErrorLabel:Ae});var H=require("@dnd-kit/core"),Tr=require("@dnd-kit/modifiers"),ue=require("@dnd-kit/sortable"),Ee=require("react"),vr=require("styled-components"),ke=require("@mobilestockweb/container");var Do=require("@unform/core"),A=require("react"),Bo=require("styled-components"),_o=require("react/jsx-runtime"),$o=(0,A.createContext)(null);function ko({gap:e="2XS",size:t="SM",name:o,children:n,onChange:r,multiple:u,dragAndDrop:i,buttonAddDirection:l}){let a=(0,Bo.useTheme)(),{fieldName:g,registerField:c,defaultValue:p}=(0,Do.useField)(o),[b,s]=(0,A.useState)(null),[m,E]=(0,A.useState)(!1),[C,d]=(0,A.useState)(null),F=(0,A.useMemo)(()=>a.sizeImage[t.toLowerCase()],[a,t]),L=(0,A.useMemo)(()=>a.gaps[e.toLowerCase()],[a,e]),y=(0,A.useCallback)(f=>{s(l==="RIGHT"?T=>[...T||[],...f].reverse():T=>[...T||[],...f])},[s,l]),S=(0,A.useCallback)(f=>{if(!f){s(null);return}y(f)},[y]);(0,A.useEffect)(()=>{c({name:g,getValue:()=>b,setValue:(f,T)=>S(T||p),clearValue:()=>s(null)})},[g,c,b,S,p]);function B(){let f=document.createElement("input");f.style.display="none",f.setAttribute("type","file"),f.setAttribute("accept","image/*"),f.setAttribute("id",String(Math.random())),u&&f.setAttribute("multiple","multiple"),document.body.appendChild(f),f.addEventListener("change",()=>{f.files&&(u?y(Array.from(f.files)):(E(!0),d(Array.from(f.files)[0])),document.body.removeChild(f))});let T=new MouseEvent("click");f.dispatchEvent(T)}function N(f){if(!b)return;let T=b.filter(W=>`${W.name}-${W.size}`!==f);s(T),r==null||r({value:b.find(W=>`${W.name}-${W.size}`===f),event:"REMOVE_IMAGE"})}function $(f){s(f),r==null||r({value:f,event:"REORDER_IMAGES"})}function ee(f){y([f]),E(!1),d(null),r==null||r({value:f,event:"CROP_SAVE"})}function fe(){E(!1),d(null)}return(0,_o.jsx)($o.Provider,{value:{showDeviceImage:B,images:b,removeImage:N,reorderImages:$,openImageCropModal:m,imageToCrop:C,handleImageCropCancel:fe,handleImageCropSave:ee,sizeComponent:F,gapComponent:L,dragAndDrop:i,name:o,gap:e},children:n})}function z(){let e=(0,A.useContext)($o);if(!e)throw new Error("usePhotoList must be used within a PhotoListProvider");return e}var Uo=require("@mobilestockweb/button");var Go=require("react/jsx-runtime");function et(){let e=z();return(0,Go.jsx)(Uo.Button,{type:"button",icon:"Plus",variant:"OUTLINE",onClick:e.showDeviceImage,style:{height:e.sizeComponent,width:e.sizeComponent,minWidth:e.sizeComponent,maxWidth:e.sizeComponent}})}var Xo=require("@unform/core"),Wo=require("@mobilestockweb/typography");var Ko=require("react/jsx-runtime");function qo(){let e=z(),{error:t}=(0,Xo.useField)(e.name);return(0,Ko.jsx)(Wo.Typography,{color:"DANGER",size:"XS",children:t})}var lr=require("@dnd-kit/sortable"),sr=require("@dnd-kit/utilities"),$e=require("react"),ur=require("styled-components"),mr=require("@mobilestockweb/container");var jo=require("@dnd-kit/sortable"),er=I(require("styled-components")),tr=require("@mobilestockweb/container");var Zo=require("@dnd-kit/sortable"),Yo=I(require("styled-components")),Qo=require("react/jsx-runtime");function Jo({id:e}){let{isDragging:t}=(0,Zo.useSortable)({id:e});return(0,Qo.jsx)(tn,{$isDragging:t})}var tn=Yo.default.div`
   height: 5px;
   width: 90%;
-  background-color: ${({theme:e,isDragging:t})=>t?e.colors.formPhotoList.highlightBar:e.colors.formPhotoList.defaultBar};
+  background-color: ${({theme:e,$isDragging:t})=>t?e.colors.formPhotoList.highlightBar:e.colors.formPhotoList.defaultBar};
 `;var tt=require("react/jsx-runtime");function or({id:e}){let t=z(),{listeners:o,attributes:n}=(0,jo.useSortable)({id:e});return(0,tt.jsx)(on,v(h(h({$sizeComponent:t.sizeComponent,align:"CENTER"},o),n),{children:(0,tt.jsx)(Jo,{id:e})}))}var on=(0,er.default)(tr.Container.Horizontal)`
   padding: 4px 12px;
   position: absolute;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mobilestockweb/form",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "main": "index.js",
   "dependencies": {
     "notistack": "^3.0.1",
@@ -14,14 +14,15 @@
     "ua-parser-js": "^2.0.6",
     "react-image-crop": "^11.0.10",
     "react-modal": "^3.16.3",
-    "@mobilestockweb/button": "^1.0.11",
-    "@mobilestockweb/badge": "^0.0.5",
-    "@mobilestockweb/snackbar": "^0.0.16",
+    "@mobilestockweb/button": "^1.0.12",
+    "@mobilestockweb/badge": "^0.0.6",
+    "@mobilestockweb/snackbar": "^0.0.17",
     "@mobilestockweb/tools": "^0.0.16",
     "@mobilestockweb/typography": "^0.0.6",
     "@mobilestockweb/clickable": "^1.0.7",
     "@mobilestockweb/data-table": "^1.0.2",
-    "@mobilestockweb/container": "^0.1.0"
+    "@mobilestockweb/spacer": "^1.0.6",
+    "@mobilestockweb/container": "^1.0.0"
   },
   "devDependencies": {
     "axios": "^1.7.7",