jamespot-react-components 1.0.153 → 1.0.155

package/build/jamespot-react-components.js

@@ -3024,7 +3024,7 @@
     gap: 8px;
     grid-template-columns: 1fr auto 1fr;
     margin-top: 8px;
-`;function LZ(e){const t=Ba(),[n,r]=C.useState({x:0,y:0}),[o,i]=C.useState(1),[a,s]=C.useState(0),[l,c]=C.useState({x:0,y:0,width:0,height:0}),[u]=C.useState(e.aspectRatio||1),[d,p]=C.useState({width:0,height:0});return C.createElement(SQ,{open:e.open,closeHandler:e.closeHandler,title:t.formatMessage({id:"CROP_Title"})},C.createElement(_Z,null,C.createElement(PZ,{image:e.src,crop:n,zoom:o,rotation:a,aspect:u,onCropChange:r,onZoomChange:i,onRotationChange:s,onCropComplete:c,onMediaLoaded:({naturalWidth:e,naturalHeight:t})=>{p({width:e,height:t})}})),C.createElement(DZ,null,C.createElement(cP,null,C.createElement(RR,{icon:"icon-rotate-right",type:"button",tooltip:{description:"CROP_Rotate_Right"},bgBaseGrey:1,onClick:()=>s((a+90)%360)}),C.createElement(RR,{icon:"icon-rotate-left",type:"button",tooltip:{description:"CROP_Rotate_Left"},bgBaseGrey:1,onClick:()=>s((a+270)%360)})),C.createElement("input",{type:"range",step:"0.1",min:"1",max:"3",value:o,onChange:e=>i(parseFloat(e.target.value))}),C.createElement(cP,{x:"flex-end"},C.createElement(gR,{label:"GLOBAL_Validate",type:"button",icon:"icon-check",onClick:function(){const t=[90,270].includes(a)?d.height:d.width,n=[90,270].includes(a)?d.width:d.height;e.save({x:Math.round(t*l.x/100),y:Math.round(n*l.y/100),width:Math.round(t*l.width/100),height:Math.round(n*l.height/100),rotation:a})}}))))}var BZ=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n};const jZ=C.forwardRef(((e,t)=>{var n,r,o,{onChange:i,onLoading:a,value:s,disableCrop:l,buttonsPosition:c="inside"}=e,u=BZ(e,["onChange","onLoading","value","disableCrop","buttonsPosition"]);const[d,p]=C.useState(!1),f=C.useRef(null),[h,m]=C.useState(!1),[g,v]=C.useState(!1),[y]=C.useState((null===(n=u.accept)||void 0===n?void 0:n.split(",").map((e=>e.replace(/\./g,""))))||["jpg","jpeg","png"]),[b]=C.useState(u.aspectRatio||1),[w,x]=C.useState(0),E=C.useMemo((()=>{if(s)return`/imagecache/original/${s.type}/${s.id}.png?_=${s.dateModified?U_(s.dateModified):Date.now()}-${w}`}),[s,w]),S=null!==(r=u.attrName)&&void 0!==r?r:u.name;function k(e){e.preventDefault(),e.stopPropagation(),!d&&function(e,t){var n,r;if(e.dataTransfer.items){const r=null===(n=Array.from(e.dataTransfer.items||[]))||void 0===n?void 0:n[0];if(r&&"file"===r.kind&&t.some((e=>r.type.endsWith(e))))return!0}else{const n=null===(r=Array.from(e.dataTransfer.files||[]))||void 0===r?void 0:r[0];if(n&&t.some((e=>n.type.endsWith(e))))return!0}return!1}(e,y)&&p(!0)}function O(e){e.preventDefault(),e.stopPropagation(),p(!1)}C.useImperativeHandle(t,(()=>({click(){var e,t;null===(t=null===(e=null==f?void 0:f.current)||void 0===e?void 0:e.click)||void 0===t||t.call(e)}})),[]),C.useEffect((()=>{null==a||a(h)}),[h,a]);const A=null!==(o=u.defaultImages)&&void 0!==o?o:{imgs:[],columnCount:1};return C.createElement(C.Fragment,null,u.readOnly?C.createElement(fZ,{src:u.readOnlyImg,alt:""}):C.createElement(C.Fragment,null,C.createElement(dZ,{position:A.position,columnCount:A.columnCount},C.createElement(lZ,Object.assign({},u,{accept:y.map((e=>"."+e)).join(","),onLoading:m,onChange:e=>{1===e.length&&e[0].result&&i(e[0].result)},ref:f,value:s})),C.createElement(pZ,{position:A.position,columnCount:A.columnCount},C.createElement(hZ,{role:"input",type:"button",aspectRatio:b,className:[d?"is-dragged":void 0,h?"is-loading":void 0].join(" "),onDragOver:k,onDragEnter:k,onDragEnd:O,onDragLeave:O,onDrop:function(e){e.preventDefault(),e.stopPropagation(),p(!1);const t=function(e,t){var n,r;if(e.dataTransfer.items){const r=null===(n=Array.from(e.dataTransfer.items||[]))||void 0===n?void 0:n[0];if(r&&"file"===r.kind&&t.some((e=>r.type.endsWith(e))))return r.getAsFile()||void 0}else{const n=null===(r=Array.from(e.dataTransfer.files||[]))||void 0===r?void 0:r[0];if(n&&t.some((e=>n.type.endsWith(e))))return n}}(e,y);t&&u.name&&u.token&&(m(!0),fp().file.upload({attrName:u.name,file:t,token:u.token}).then((e=>i(e.response.result))).finally((()=>m(!1))))},onClick:function(){var e,t;null===(t=null===(e=null==f?void 0:f.current)||void 0===e?void 0:e.click)||void 0===t||t.call(e)},disabled:h,"data-cy":u.dataCy},s?C.createElement(mZ,{src:E,alt:""}):C.createElement(C.Fragment,null,C.createElement("img",{src:uZ,alt:"",style:{zIndex:2}}),C.createElement("p",{style:{zIndex:2}},y.join(", ")))),s&&C.createElement(_P,{position:{y:"inside"===c?"bottom":"under"}},C.createElement(RR,{bgBaseGrey:1,type:"button",icon:"icon-trash",tooltip:{description:"GLOBAL_Delete"},onClick:e=>{s&&S&&u.token&&("image"===S&&"fileTmp"!==(null==s?void 0:s.type)?fp().file.deleteImage(s.id,null==s?void 0:s.type).then((()=>{i(void 0)})):fp().file.deleteFile(s.id,S,u.token).then((()=>{i(void 0)}))),null==e||e.preventDefault()}}),!l&&C.createElement(RR,{bgBaseGrey:1,type:"button",icon:"icon-crop",tooltip:{description:"CROP_Crop"},onClick:e=>{v(!0),null==e||e.preventDefault()}}))),A.imgs.map((({src:e,alt:t})=>C.createElement(gZ,{key:e,type:"button",aspectRatio:b,onClick:()=>{return t=e,void(S&&u.token&&(m(!0),fp().file.upload({attrName:S,url:t,token:u.token}).then((e=>i(e.response.result))).finally((()=>m(!1)))));var t}},C.createElement(vZ,{src:e,alt:t}))))),s&&g&&C.createElement(LZ,{open:g,aspectRatio:b,src:E,save:function(e){if(s){const t={x:e.x,y:e.y,w:e.width,h:e.height,rotation:e.rotation,killSize:!0};fp().file.update(s.id,s.type,t).then((e=>{v(!1),x(w+1),i(Object.assign(Object.assign({},s),e.result))}))}},closeHandler:()=>{v(!1)}})))}));function NZ(e){return C.createElement(l_,Object.assign({},e,{htmlFor:e.name,renderFunction:t=>{var{value:n}=t,r=BZ(t,["value"]);return C.createElement(jZ,Object.assign({},e,r,{value:n}))}}))}function FZ(e=[],t,n,r=[]){var o;const i=[...e];if(n)i.push(t);else if(i.splice(null===(o=null==i?void 0:i.indexOf)||void 0===o?void 0:o.call(i,t),1),!(null==i?void 0:i.length))return r;return i}var zZ=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n};const $Z=Rc.label`
+`;function LZ(e){const t=Ba(),[n,r]=C.useState({x:0,y:0}),[o,i]=C.useState(1),[a,s]=C.useState(0),[l,c]=C.useState({x:0,y:0,width:0,height:0}),[u]=C.useState(e.aspectRatio||1),[d,p]=C.useState({width:0,height:0});return C.createElement(SQ,{open:e.open,closeHandler:e.closeHandler,title:t.formatMessage({id:"CROP_Title"}),enableClickAwayCloseModal:!1},C.createElement(_Z,null,C.createElement(PZ,{image:e.src,crop:n,zoom:o,rotation:a,aspect:u,onCropChange:r,onZoomChange:i,onRotationChange:s,onCropComplete:c,onMediaLoaded:({naturalWidth:e,naturalHeight:t})=>{p({width:e,height:t})}})),C.createElement(DZ,null,C.createElement(cP,null,C.createElement(RR,{icon:"icon-rotate-right",type:"button",tooltip:{description:"CROP_Rotate_Right"},bgBaseGrey:1,onClick:()=>s((a+90)%360)}),C.createElement(RR,{icon:"icon-rotate-left",type:"button",tooltip:{description:"CROP_Rotate_Left"},bgBaseGrey:1,onClick:()=>s((a+270)%360)})),C.createElement("input",{type:"range",step:"0.1",min:"1",max:"3",value:o,onChange:e=>i(parseFloat(e.target.value))}),C.createElement(cP,{x:"flex-end"},C.createElement(gR,{label:"GLOBAL_Validate",type:"button",icon:"icon-check",onClick:function(){const t=[90,270].includes(a)?d.height:d.width,n=[90,270].includes(a)?d.width:d.height;e.save({x:Math.round(t*l.x/100),y:Math.round(n*l.y/100),width:Math.round(t*l.width/100),height:Math.round(n*l.height/100),rotation:a})}}))))}var BZ=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n};const jZ=C.forwardRef(((e,t)=>{var n,r,o,{onChange:i,onLoading:a,value:s,disableCrop:l,buttonsPosition:c="inside"}=e,u=BZ(e,["onChange","onLoading","value","disableCrop","buttonsPosition"]);const[d,p]=C.useState(!1),f=C.useRef(null),[h,m]=C.useState(!1),[g,v]=C.useState(!1),[y]=C.useState((null===(n=u.accept)||void 0===n?void 0:n.split(",").map((e=>e.replace(/\./g,""))))||["jpg","jpeg","png"]),[b]=C.useState(u.aspectRatio||1),[w,x]=C.useState(0),E=C.useMemo((()=>{if(s)return`/imagecache/original/${s.type}/${s.id}.png?_=${s.dateModified?U_(s.dateModified):Date.now()}-${w}`}),[s,w]),S=null!==(r=u.attrName)&&void 0!==r?r:u.name;function k(e){e.preventDefault(),e.stopPropagation(),!d&&function(e,t){var n,r;if(e.dataTransfer.items){const r=null===(n=Array.from(e.dataTransfer.items||[]))||void 0===n?void 0:n[0];if(r&&"file"===r.kind&&t.some((e=>r.type.endsWith(e))))return!0}else{const n=null===(r=Array.from(e.dataTransfer.files||[]))||void 0===r?void 0:r[0];if(n&&t.some((e=>n.type.endsWith(e))))return!0}return!1}(e,y)&&p(!0)}function O(e){e.preventDefault(),e.stopPropagation(),p(!1)}C.useImperativeHandle(t,(()=>({click(){var e,t;null===(t=null===(e=null==f?void 0:f.current)||void 0===e?void 0:e.click)||void 0===t||t.call(e)}})),[]),C.useEffect((()=>{null==a||a(h)}),[h,a]);const A=null!==(o=u.defaultImages)&&void 0!==o?o:{imgs:[],columnCount:1};return C.createElement(C.Fragment,null,u.readOnly?C.createElement(fZ,{src:u.readOnlyImg,alt:""}):C.createElement(C.Fragment,null,C.createElement(dZ,{position:A.position,columnCount:A.columnCount},C.createElement(lZ,Object.assign({},u,{accept:y.map((e=>"."+e)).join(","),onLoading:m,onChange:e=>{1===e.length&&e[0].result&&i(e[0].result)},ref:f,value:s})),C.createElement(pZ,{position:A.position,columnCount:A.columnCount},C.createElement(hZ,{role:"input",type:"button",aspectRatio:b,className:[d?"is-dragged":void 0,h?"is-loading":void 0].join(" "),onDragOver:k,onDragEnter:k,onDragEnd:O,onDragLeave:O,onDrop:function(e){e.preventDefault(),e.stopPropagation(),p(!1);const t=function(e,t){var n,r;if(e.dataTransfer.items){const r=null===(n=Array.from(e.dataTransfer.items||[]))||void 0===n?void 0:n[0];if(r&&"file"===r.kind&&t.some((e=>r.type.endsWith(e))))return r.getAsFile()||void 0}else{const n=null===(r=Array.from(e.dataTransfer.files||[]))||void 0===r?void 0:r[0];if(n&&t.some((e=>n.type.endsWith(e))))return n}}(e,y);t&&u.name&&u.token&&(m(!0),fp().file.upload({attrName:u.name,file:t,token:u.token}).then((e=>i(e.response.result))).finally((()=>m(!1))))},onClick:function(){var e,t;null===(t=null===(e=null==f?void 0:f.current)||void 0===e?void 0:e.click)||void 0===t||t.call(e)},disabled:h,"data-cy":u.dataCy},s?C.createElement(mZ,{src:E,alt:""}):C.createElement(C.Fragment,null,C.createElement("img",{src:uZ,alt:"",style:{zIndex:2}}),C.createElement("p",{style:{zIndex:2}},y.join(", ")))),s&&C.createElement(_P,{position:{y:"inside"===c?"bottom":"under"}},C.createElement(RR,{bgBaseGrey:1,type:"button",icon:"icon-trash",tooltip:{description:"GLOBAL_Delete"},onClick:e=>{s&&S&&u.token&&("image"===S&&"fileTmp"!==(null==s?void 0:s.type)?fp().file.deleteImage(s.id,null==s?void 0:s.type).then((()=>{i(void 0)})):fp().file.deleteFile(s.id,S,u.token).then((()=>{i(void 0)}))),null==e||e.preventDefault()}}),!l&&C.createElement(RR,{bgBaseGrey:1,type:"button",icon:"icon-crop",tooltip:{description:"CROP_Crop"},onClick:e=>{v(!0),null==e||e.preventDefault()}}))),A.imgs.map((({src:e,alt:t})=>C.createElement(gZ,{key:e,type:"button",aspectRatio:b,onClick:()=>{return t=e,void(S&&u.token&&(m(!0),fp().file.upload({attrName:S,url:t,token:u.token}).then((e=>i(e.response.result))).finally((()=>m(!1)))));var t}},C.createElement(vZ,{src:e,alt:t}))))),s&&g&&C.createElement(LZ,{open:g,aspectRatio:b,src:E,save:function(e){if(s){const t={x:e.x,y:e.y,w:e.width,h:e.height,rotation:e.rotation,killSize:!0};fp().file.update(s.id,s.type,t).then((e=>{v(!1),x(w+1),i(Object.assign(Object.assign({},s),e.result))}))}},closeHandler:()=>{v(!1)}})))}));function NZ(e){return C.createElement(l_,Object.assign({},e,{htmlFor:e.name,renderFunction:t=>{var{value:n}=t,r=BZ(t,["value"]);return C.createElement(jZ,Object.assign({},e,r,{value:n}))}}))}function FZ(e=[],t,n,r=[]){var o;const i=[...e];if(n)i.push(t);else if(i.splice(null===(o=null==i?void 0:i.indexOf)||void 0===o?void 0:o.call(i,t),1),!(null==i?void 0:i.length))return r;return i}var zZ=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n};const $Z=Rc.label`
     display: flex;
     align-items: center;
     padding: ${e=>!e.canReorder||e.selected?"8px":"8px 8px 8px 24px"};