jamespot-react-components 1.0.241 → 1.0.242
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -638,19 +638,19 @@
|
|
|
638
638
|
}
|
|
639
639
|
}
|
|
640
640
|
`,uj=Bx.label`
|
|
641
|
-
margin-left: 2px;
|
|
642
|
-
margin-right: 2px;
|
|
641
|
+
margin-left: ${({sideMargin:e})=>e||"2px"};
|
|
642
|
+
margin-right: ${({sideMargin:e})=>e||"2px"};
|
|
643
643
|
margin-bottom: 8px;
|
|
644
644
|
font-size: 14px;
|
|
645
645
|
width: 100%;
|
|
646
646
|
min-height: 20px;
|
|
647
647
|
`,dj=Bx.legend`
|
|
648
|
-
margin-left: 2px;
|
|
649
|
-
margin-
|
|
648
|
+
margin-left: ${({sideMargin:e})=>e||"2px"};
|
|
649
|
+
margin-left: ${({sideMargin:e})=>e||"2px"};
|
|
650
650
|
margin-bottom: 4px;
|
|
651
651
|
line-height: 1.25;
|
|
652
652
|
font-size: 14px;
|
|
653
|
-
`,pj=e=>e.labelIsLegend?_.createElement(dj,
|
|
653
|
+
`,pj=e=>e.labelIsLegend?_.createElement(dj,{sideMargin:e.sideMargin},e.children):_.createElement(uj,{htmlFor:e.htmlFor,sideMargin:e.sideMargin},e.children),fj=Bx.span`
|
|
654
654
|
cursor: pointer;
|
|
655
655
|
margin-left: 5px;
|
|
656
656
|
`,mj=e=>_.createElement(fj,null,_.createElement(BR,Object.assign({},e.tooltip),_.createElement(nE,{name:"icon-question-circle-o",size:e.size,color:e.color}))),hj=jx`
|
|
@@ -2266,7 +2266,7 @@
|
|
|
2266
2266
|
display: flex;
|
|
2267
2267
|
justify-content: flex-end;
|
|
2268
2268
|
font-size: 12px;
|
|
2269
|
-
`;function JB(e){var t,n,r,o,i
|
|
2269
|
+
`;function JB(e){var t,n,r,o,i;const a=bl(),{field:l,fieldState:{error:s}}=bo({name:e.name,control:e.control,rules:Object.assign(HB(e.rules,a)||{},{validate:e.rulesValidate}||{})}),[c,u]=(0,_.useState)("grey3"),d=e=>u(e?"yellow":"grey3"),p=(0,_.useMemo)((()=>{var t;return VB(null===(t=e.rules)||void 0===t?void 0:t.maxLength)}),[null===(t=e.rules)||void 0===t?void 0:t.maxLength]);return _.createElement(WB,{className:e.className,margin:e.margin,width:e.width},!e.noLabel&&(e.label||e.helper||e.description||(null===(n=e.rules)||void 0===n?void 0:n.required)&&!e.readOnly)&&_.createElement(pj,{htmlFor:e.htmlFor||e.name,labelIsLegend:e.labelIsLegend,sideMargin:e.labelMargin},_.createElement(qB,{reducedWidth:!!(null===(r=e.rules)||void 0===r?void 0:r.required)},_.createElement("div",null,e.label&&a.formatMessage({id:e.label}),e.helper&&_.createElement(mj,{tooltip:e.helper,color:c}),e.description&&_.createElement(Ej,null,"string"==typeof e.description?a.formatMessage({id:e.description}):e.description)),(null===(o=e.rules)||void 0===o?void 0:o.required)&&!e.readOnly&&_.createElement(GB,{error:function(){var t;return!(!(null===(t=e.rules)||void 0===t?void 0:t.required)||!(s&&s.types&&Object.keys(s.types).includes("required")||void 0===l.value||null===l.value||""===l.value||Array.isArray(l.value)&&!l.value.length))}()},a.formatMessage({id:"GLOBAL_Form_Controls_Required"})))),_.createElement("div",{className:"input-wrapper",onFocus:()=>d(!0),onBlur:()=>d(!1)},e.renderFunction(l)),p&&(null===(i=l.value)||void 0===i?void 0:i.length)>=0&&_.createElement(YB,null,l.value.length," / ",p),_.createElement($B,{error:s}))}var KB=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 ZB=Bx.div`
|
|
2270
2270
|
display: flex;
|
|
2271
2271
|
gap: 10px;
|
|
2272
2272
|
`,XB=_.forwardRef(((e,t)=>{var{onLoading:n,showLoading:r}=e,o=KB(e,["onLoading","showLoading"]);const[i,a]=(0,_.useState)(!1);return o.name&&o.token?_.createElement(ZB,null,_.createElement(NI,Object.assign({type:"file",id:o.name},o,{value:void 0,onChange:function(e){const t=o.token;e.target.files&&t&&(a(!0),null==n||n(!0),A().file.uploadMany(Array.from(e.target.files).map((e=>{var n,r;return{attrName:null!==(r=null!==(n=o.attrName)&&void 0!==n?n:o.name)&&void 0!==r?r:"",file:e,token:t}}))).then((e=>{const t=e.map((e=>e.response));o.onChange(t)})).finally((()=>{a(!1),null==n||n(!1)})))},ref:t})),i&&r&&_.createElement(gE,null)):null}));function QB(e){return _.createElement(JB,Object.assign({},e,{renderFunction:t=>{var{value:n}=t,r=KB(t,["value"]);return _.createElement(XB,Object.assign({},e,r,{value:n}))}}))}const eF=o.p+"assets/group-background.daf782321c7f65cde0fc3d5918d27762.png",tF=Bx.div`
|
|
@@ -2970,7 +2970,7 @@
|
|
|
2970
2970
|
cursor: pointer;
|
|
2971
2971
|
`,Az=({onClick:e})=>_.createElement(kz,{onClick:e},_.createElement(nE,{name:"icon-times",color:"grey2"})),_z=({loading:e,open:t,onClick:n,sizeVariant:r})=>_.createElement(Sz,{onClick:n,sizeVariant:r},e?_.createElement(gE,null):_.createElement(nE,{name:"icon-angle-"+(t?"up":"down"),color:"grey2",size:"s"===r?15:20}));function Oz(e,t,n=!0){let r=e.map((e=>({el:e,group:t(e)})));n&&(r=r.sort(((e,t)=>e.group===t.group?0:e.group<t.group?-1:1)));const o=r.reduce(((e,{el:t,group:n},r)=>(e.get(n)?e.set(n,[...e.get(n),Object.assign(Object.assign({},t),{_index:r})]):e.set(n,[Object.assign(Object.assign({},t),{_index:r})]),e)),new Map);return Array.from(o).map((([e,t])=>({label:e,options:t})))}function Rz(e,t){return t&&"function"==typeof t?null!==t(e)&&void 0!==t(e)?t(e):"":t&&"string"==typeof t?null!==e[t]&&void 0!==e[t]?e[t]:"":null!=e?e:""}function Tz(e,t){return Array.isArray(e)?(n=t,e.findIndex((e=>(0,k.deepEqual)(e,n)))>=0):(0,k.deepEqual)(e,t);var n}function Iz(){const e=_.useRef([]);return _.useEffect((()=>function(){e.current.forEach((e=>e.cancel())),e.current=[]}),[]),[function(t){const n=function(e){let t=!1;return{promise:new Promise(((n,r)=>{e.then((e=>t?r({isCanceled:t}):n(e))).catch((e=>r(t?{isCanceled:t}:e)))})),cancel(){t=!0}}}(t);return e.current.push(n),n.promise}]}const jz=Bx.div`
|
|
2972
2972
|
margin-bottom: ${({theme:e})=>e.space.sm}px;
|
|
2973
|
-
`,Dz=_.forwardRef((function(e,t){var{asyncPromise:n,searchable:r,showAsyncResultOnEmptySearch:o,displayOption:i=!0,displayIndicator:a=!0,iconBefore:l,value:s,allowCustomOptions:c,limit:u}=e,d=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}(e,["asyncPromise","searchable","showAsyncResultOnEmptySearch","displayOption","displayIndicator","iconBefore","value","allowCustomOptions","limit"]);const p=bl(),{multiple:f,readOnly:m,onChange:h,required:g,getGroup:v}=d,y=e=>Rz(e,d.getLabel),b=e=>Rz(e,d.getValue),w=e=>Rz(e,d.getSearch||d.getLabel),x=(0,_.useCallback)((e=>Rz(e,v)),[v]),[E]=Iz(),[C,S]=_.useState(""),A=UI(C),[O,R]=_.useState(!1),[T,I]=_.useState(!1),[j,D]=_.useState(0),[P,L]=_.useState(d.loading||!1),M=_.useRef(!1),[B,F]=_.useState(""),N=_.useRef(null),$=_.useRef(null),[z,H]=_.useState(d.options||[]),U=l?l.onClick?_.createElement(Cz,{as:eL,icon:l.icon,size:"medium",color:l.color,onClick:l.onClick,left:1,top:1,height:38,name:l.icon}):_.createElement(Cz,{name:l.icon,size:20,color:l.color,left:6}):null,V=_.useMemo((()=>{var e,t,n;if(r){const r=z.filter((e=>Tz(s,e))),o=(null===(n=null===(t=null===(e=null==s?void 0:s.label)||void 0===e?void 0:e.toLowerCase)||void 0===t?void 0:t.call(e))||void 0===n?void 0:n.includes(C.toLowerCase()))&&!!r.length;return z.filter((e=>!C||o||new RegExp(C,"i").test(w(e))))}return[...z.filter((e=>!e.custom)),...z.filter((e=>e.custom))]}),[z,C]);_.useEffect((()=>{d.options&&H(d.options)}),[d.options]),_.useEffect((()=>{d.multiple||S(null==s?"":w(s))}),[s]),_.useEffect((()=>{!r&&M.current&&L(d.loading||!1),n&&(o||A)?(L(!0),M.current=!0,E(n(A)).then((e=>{c&&!e.some((e=>e.title===A))&&A?(H([{title:A,newOption:!0},...e]),L(d.loading||!1)):(H(e),L(d.loading||!1))})).catch((e=>{e.isCanceled||L(d.loading||!1)}))):L(d.loading||!1)}),[A,d.loading]),_.useEffect((()=>{n||V.length?n&&!V.length&&P?F("GLOBAL_Search_Loading"):n&&!C&&(o&&V.length||!o)?F("GLOBAL_Start_typing"):!n||V.length||P?F(""):F("GLOBAL_No_Result"):F("GLOBAL_No_Result")}),[n,V,P,o,C]);let W=null;function G(e){W=e,T&&(I(!1),$.current&&W&&Q$($.current,W))}_.useImperativeHandle(t,(()=>({focus:()=>{var e;null===(e=null==N?void 0:N.current)||void 0===e||e.focus()}})));const q=(0,_.useCallback)(((e,t)=>{var o;if(!m){if(f)t.resetOptions?h(s&&Array.isArray(s)&&s.some((e=>(0,k.deepEqual)(e,t)))?[]:[t]):h(s&&Array.isArray(s)&&s.some((e=>(0,k.deepEqual)(e,t)))?s.filter((e=>!(0,k.deepEqual)(e,t))):[...s,t]),n&&r&&S("");else{const e=(0,k.deepEqual)(s,t);e&&!g?h(""):e||h(t)}R(!1),null===(o=null==N?void 0:N.current)||void 0===o||o.focus(),e&&e.preventDefault()}}),[n,f,h,m,g,r,s]),Y=(0,_.useCallback)((e=>{if(!m)if("ArrowDown"===e.key)D(O?(j+1)%V.length:0),I(!0),R(!0);else if("ArrowUp"===e.key)D(O&&j>0?j-1:V.length-1),I(!0),R(!0);else if("Enter"!==e.key||void 0===j&&!c)"Tab"===e.key||"Escape"===e.key?R(!1):!f&&s&&["Backspace","Delete"].includes(e.key)&&(h(""),R(!0));else{e.preventDefault();const t=V.map((e=>({el:e,group:x(e)}))).sort(((e,t)=>e.group===t.group?0:e.group<t.group?-1:1)).map((e=>e.el))[j];t?(q(e,t),f||R(!1)):c&&V.length>0&&(q(e,V[0]),f||R(!1))}}),[m,j,c,f,s,O,V,x,q,h]),J=!d.hideDeleteIcon&&!d.multiple&&!d.required&&!d.readOnly&&s,K=a&&!d.readOnly,Z=J||K,X=!!s&&!!u&&s.length===u;return _.createElement(_.Fragment,null,d.multiple&&!0!==d.hideSelectedOption&&_.createElement(lz,null,s.map(((e,t)=>{var n;return _.createElement(sz,{key:`${e.title.replace(/[^a-z0-9]/gi,"")}-${t}`,onClick:d.readOnly?void 0:()=>{d.onChange(s.filter((t=>!(0,k.deepEqual)(t,e))))},readOnly:d.readOnly},(null===(n=null==d?void 0:d.components)||void 0===n?void 0:n.SelectedOption)?_.createElement(d.components.SelectedOption,{option:e}):_.createElement(cz,null,_.createElement(uz,null),b(e)))}))),_.createElement(ez,{onClickAway:()=>R(!1),className:d.className},U||null,_.createElement($I,{hasIconBefore:Boolean(U),hasIconAfter:Z,ref:N,id:d.htmlFor,disabled:d.disabled||X,readOnly:d.readOnly,placeholder:X?p.formatMessage({id:"INPUT_SELECT_Has_Reached_Limit"},{limit:u}):d.placeholder,searchable:r,value:C,dataCy:d.dataCy,onChange:e=>{r&&S(null!==e.target.value&&void 0!==e.target.value?e.target.value:"")},onKeyDown:Y,onClick:d.readOnly?void 0:()=>{R((e=>!e)),I((e=>!e))},sizeVariant:d.size}),J?_.createElement(Az,{onClick:()=>d.onChange("")}):null,K?_.createElement(_z,{loading:P,onClick:()=>R((e=>!e)),open:O&&(!n||!r||o||!!C),sizeVariant:d.size}):null,i&&O&&(B||V.length)&&_.createElement(az,{ref:$,sizeVariant:d.size},B&&_.createElement(nz,null,_.createElement(ms,{id:B})),!d.group&&V.map(((e,t)=>{var n;return _.createElement(tz,{className:e.custom?"custom":void 0,key:t,ref:t===j?G:void 0,onClick:t=>q(t,e),isFocused:t===j,"data-cy":d.dataCy&&`${d.dataCy}-option-${b(e)}`,isSelected:Tz(s,e)},(null===(n=null==d?void 0:d.components)||void 0===n?void 0:n.Option)?_.createElement(d.components.Option,{option:e}):_.createElement(_.Fragment,null,y(e).toString(),d.getDescription&&_.createElement(jz,null,_.createElement(GR,{size:"s",color:"grey3"},d.getDescription(e)))))})),d.group&&Oz(V,x).map(((e,t)=>_.createElement(rz,{key:e.label},_.createElement(oz,null,e.label),_.createElement(iz,null,e.options.map((e=>{var n;return _.createElement(tz,{onClick:t=>q(t,e),"data-cy":d.dataCy&&`${d.dataCy}-group-${t}-option-${b(e)}`,key:e._index,ref:e._index===j?G:void 0,isFocused:e._index===j,isSelected:Tz(s,e)},(null===(n=null==d?void 0:d.components)||void 0===n?void 0:n.Option)?_.createElement(d.components.Option,{option:e}):y(e).toString())})))))))))}));function Pz(e){const{name:t,control:n,readOnly:r,rules:o,label:i,htmlFor:a,labelIsLegend:l,description:s,helper:c,width:u,margin:d,size:p}=e;return _.createElement(JB,{name:t,control:n,readOnly:r,rules:o,label:i,htmlFor:null!=a?a:t,labelIsLegend:l,description:s,helper:c,width:u,margin:d,noLabel:e.noLabel,renderFunction:n=>{var r;return _.createElement(Dz,Object.assign({},e,{htmlFor:null!=a?a:t},n,{required:!!(null===(r=e.rules)||void 0===r?void 0:r.required),size:null!=p?p:"md"}))}})}const Lz=Dz,Mz=Bx.div`
|
|
2973
|
+
`,Dz=_.forwardRef((function(e,t){var{asyncPromise:n,searchable:r,showAsyncResultOnEmptySearch:o,displayOption:i=!0,displayIndicator:a=!0,iconBefore:l,value:s,allowCustomOptions:c,limit:u}=e,d=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}(e,["asyncPromise","searchable","showAsyncResultOnEmptySearch","displayOption","displayIndicator","iconBefore","value","allowCustomOptions","limit"]);const p=bl(),{multiple:f,readOnly:m,onChange:h,required:g,getGroup:v}=d,y=e=>Rz(e,d.getLabel),b=e=>Rz(e,d.getValue),w=e=>Rz(e,d.getSearch||d.getLabel),x=(0,_.useCallback)((e=>Rz(e,v)),[v]),[E]=Iz(),[C,S]=_.useState(""),A=UI(C),[O,R]=_.useState(!1),[T,I]=_.useState(!1),[j,D]=_.useState(0),[P,L]=_.useState(d.loading||!1),M=_.useRef(!1),[B,F]=_.useState(""),N=_.useRef(null),$=_.useRef(null),[z,H]=_.useState(d.options||[]),U=l?l.onClick?_.createElement(Cz,{as:eL,icon:l.icon,size:"medium",color:l.color,onClick:l.onClick,left:1,top:1,height:38,name:l.icon}):_.createElement(Cz,{name:l.icon,size:20,color:l.color,left:6}):null,V=_.useMemo((()=>{var e,t,n;if(r){const r=z.filter((e=>Tz(s,e))),o=(null===(n=null===(t=null===(e=null==s?void 0:s.label)||void 0===e?void 0:e.toLowerCase)||void 0===t?void 0:t.call(e))||void 0===n?void 0:n.includes(C.toLowerCase()))&&!!r.length;return z.filter((e=>!C||o||new RegExp(C,"i").test(w(e))))}return[...z.filter((e=>!e.custom)),...z.filter((e=>e.custom))]}),[z,C]);_.useEffect((()=>{d.options&&H(d.options)}),[d.options]),_.useEffect((()=>{d.multiple||S(null==s?"":w(s))}),[s]),_.useEffect((()=>{!r&&M.current&&L(d.loading||!1),n&&(o||A)?(L(!0),M.current=!0,E(n(A)).then((e=>{c&&!e.some((e=>e.title===A))&&A?(H([{title:A,newOption:!0},...e]),L(d.loading||!1)):(H(e),L(d.loading||!1))})).catch((e=>{e.isCanceled||L(d.loading||!1)}))):L(d.loading||!1)}),[A,d.loading]),_.useEffect((()=>{n||V.length?n&&!V.length&&P?F("GLOBAL_Search_Loading"):n&&!C&&(o&&V.length||!o)?F("GLOBAL_Start_typing"):!n||V.length||P?F(""):F("GLOBAL_No_Result"):F("GLOBAL_No_Result")}),[n,V,P,o,C]);let W=null;function G(e){W=e,T&&(I(!1),$.current&&W&&Q$($.current,W))}_.useImperativeHandle(t,(()=>({focus:()=>{var e;null===(e=null==N?void 0:N.current)||void 0===e||e.focus()}})));const q=(0,_.useCallback)(((e,t)=>{var o;if(!m){if(f)t.resetOptions?h(s&&Array.isArray(s)&&s.some((e=>(0,k.deepEqual)(e,t)))?[]:[t]):h(s&&Array.isArray(s)&&s.some((e=>(0,k.deepEqual)(e,t)))?s.filter((e=>!(0,k.deepEqual)(e,t))):[...s,t]),n&&r&&S("");else{const e=(0,k.deepEqual)(s,t);e&&!g?h(""):e||h(t)}R(!1),null===(o=null==N?void 0:N.current)||void 0===o||o.focus(),e&&e.preventDefault()}}),[n,f,h,m,g,r,s]),Y=(0,_.useCallback)((e=>{if(!m)if("ArrowDown"===e.key)D(O?(j+1)%V.length:0),I(!0),R(!0);else if("ArrowUp"===e.key)D(O&&j>0?j-1:V.length-1),I(!0),R(!0);else if("Enter"!==e.key||void 0===j&&!c)"Tab"===e.key||"Escape"===e.key?R(!1):!f&&s&&["Backspace","Delete"].includes(e.key)&&(h(""),R(!0));else{e.preventDefault();const t=V.map((e=>({el:e,group:x(e)}))).sort(((e,t)=>e.group===t.group?0:e.group<t.group?-1:1)).map((e=>e.el))[j];t?(q(e,t),f||R(!1)):c&&V.length>0&&(q(e,V[0]),f||R(!1))}}),[m,j,c,f,s,O,V,x,q,h]),J=!d.hideDeleteIcon&&!d.multiple&&!d.required&&!d.readOnly&&s,K=a&&!d.readOnly,Z=J||K,X=!!s&&!!u&&s.length===u;return _.createElement(_.Fragment,null,d.multiple&&!0!==d.hideSelectedOption&&_.createElement(lz,null,s.map(((e,t)=>{var n;return _.createElement(sz,{key:`${e.title.replace(/[^a-z0-9]/gi,"")}-${t}`,onClick:d.readOnly?void 0:()=>{d.onChange(s.filter((t=>!(0,k.deepEqual)(t,e))))},readOnly:d.readOnly},(null===(n=null==d?void 0:d.components)||void 0===n?void 0:n.SelectedOption)?_.createElement(d.components.SelectedOption,{option:e}):_.createElement(cz,null,_.createElement(uz,null),b(e)))}))),_.createElement(ez,{onClickAway:()=>R(!1),className:d.className},U||null,_.createElement($I,{hasIconBefore:Boolean(U),hasIconAfter:Z,ref:N,id:d.htmlFor,disabled:d.disabled||X,readOnly:d.readOnly,placeholder:X?p.formatMessage({id:"INPUT_SELECT_Has_Reached_Limit"},{limit:u}):d.placeholder,searchable:r,value:C,dataCy:d.dataCy,onChange:e=>{r&&S(null!==e.target.value&&void 0!==e.target.value?e.target.value:"")},onKeyDown:Y,onClick:d.readOnly?void 0:()=>{R((e=>!e)),I((e=>!e))},sizeVariant:d.size}),J?_.createElement(Az,{onClick:()=>d.onChange("")}):null,K?_.createElement(_z,{loading:P,onClick:()=>R((e=>!e)),open:O&&(!n||!r||o||!!C),sizeVariant:d.size}):null,i&&O&&(B||V.length)&&_.createElement(az,{ref:$,sizeVariant:d.size},B&&_.createElement(nz,null,_.createElement(ms,{id:B})),!d.group&&V.map(((e,t)=>{var n;return _.createElement(tz,{className:e.custom?"custom":void 0,key:t,ref:t===j?G:void 0,onClick:t=>q(t,e),isFocused:t===j,"data-cy":d.dataCy&&`${d.dataCy}-option-${b(e)}`,isSelected:Tz(s,e)},(null===(n=null==d?void 0:d.components)||void 0===n?void 0:n.Option)?_.createElement(d.components.Option,{option:e}):_.createElement(_.Fragment,null,y(e).toString(),d.getDescription&&_.createElement(jz,null,_.createElement(GR,{size:"s",color:"grey3"},d.getDescription(e)))))})),d.group&&Oz(V,x).map(((e,t)=>_.createElement(rz,{key:e.label},_.createElement(oz,null,e.label),_.createElement(iz,null,e.options.map((e=>{var n;return _.createElement(tz,{onClick:t=>q(t,e),"data-cy":d.dataCy&&`${d.dataCy}-group-${t}-option-${b(e)}`,key:e._index,ref:e._index===j?G:void 0,isFocused:e._index===j,isSelected:Tz(s,e)},(null===(n=null==d?void 0:d.components)||void 0===n?void 0:n.Option)?_.createElement(d.components.Option,{option:e}):y(e).toString())})))))))))}));function Pz(e){const{name:t,control:n,readOnly:r,rules:o,label:i,htmlFor:a,labelIsLegend:l,description:s,helper:c,width:u,margin:d,size:p,labelMargin:f}=e;return _.createElement(JB,{name:t,control:n,readOnly:r,rules:o,label:i,htmlFor:null!=a?a:t,labelIsLegend:l,description:s,helper:c,width:u,margin:d,labelMargin:f,noLabel:e.noLabel,renderFunction:n=>{var r;return _.createElement(Dz,Object.assign({},e,{htmlFor:null!=a?a:t},n,{required:!!(null===(r=e.rules)||void 0===r?void 0:r.required),size:null!=p?p:"md"}))}})}const Lz=Dz,Mz=Bx.div`
|
|
2974
2974
|
max-height: 700px;
|
|
2975
2975
|
overflow: auto;
|
|
2976
2976
|
`,Bz=(e,t)=>{const n={folder:{title:t.formatMessage({id:"GLOBAL_File_Bank"})}},r=[];return e.map((e=>{void 0!==n[e]&&r.push({key:String(e),label:n[e].title})})),r},Fz=({views:e,initialValues:t,onConfirm:n})=>{const r=bl(),[o,i]=_.useState(e[0]||""),[a,l]=_.useState([]);return _.createElement(_.Fragment,null,_.createElement(PM,{direction:"horizontal",entries:Bz(e,r),activeItem:o,callback:e=>i(e)}),_.createElement(LM,{active:"folder"===o},_.createElement(Mz,null,_.createElement(wM,{handlers:{filebank:A().filebank},initialFolders:[...t].filter((e=>"rootFolder"===e.type||"folder"===e.type)).map((e=>e.uri)),onSelectFolder:e=>{l(QL(t,e.map((e=>({id:String(e.id),uri:e.uri,shortUri:e.uri,title:e.title,name:e.title,mainType:e.mainType,type:e.type,label:e.title,cssClass:"",cssColor:"",class:""})))))}}))),_.createElement(HR,{type:"button",color:"primary",onClick:()=>{n(a)}},_.createElement(ms,{id:"GLOBAL_Confirm"})))};const Nz=Bx.div`
|
|
@@ -4130,6 +4130,7 @@
|
|
|
4130
4130
|
display: flex;
|
|
4131
4131
|
flex: 1;
|
|
4132
4132
|
flex-direction: column;
|
|
4133
|
+
gap: 10px;
|
|
4133
4134
|
`,hG=Bx.div`
|
|
4134
4135
|
display: flex;
|
|
4135
4136
|
flex: 1;
|
|
@@ -4345,7 +4346,7 @@
|
|
|
4345
4346
|
input {
|
|
4346
4347
|
margin: 0;
|
|
4347
4348
|
}
|
|
4348
|
-
`,MG=({label:e,placeholder:t="",initialValue:n="",onChange:r})=>{const{control:o,watch:i,setValue:a}=Ei({defaultValues:{text:null!=n?n:""},criteriaMode:"all"});return _.useEffect((()=>{a("text",n)}),[n]),_.useEffect((()=>{const e=i((e=>{r(e.text)}));return()=>e.unsubscribe()}),[i,r]),_.createElement(LG,null,_.createElement(JN,{name:"text",label:e,control:o,placeholder:t}))},BG=({label:e,options:t=[],initialValue:n,required:r,onChange:o})=>{const i=bl(),a=t.find((e=>e.value===n)),{control:l,watch:s}=Ei({defaultValues:{select:void 0!==a?a:t[0]},criteriaMode:"all"});return _.useEffect((()=>{const e=s((e=>{o(e.select.value)}));return()=>e.unsubscribe()}),[s,o]),_.createElement("form",null,_.createElement(Pz,{options:t,label:e,components:{Option:e=>_.createElement("span",null,i.formatMessage({id:e.option.label}))},getSearch:e=>i.formatMessage({id:e.label}),rules:{required:r},hideDeleteIcon:!0,required:r,control:l,name:"select"}))},FG=["#4D9DE0","#E15554","#3ec3ef","#E1BC29","#3BB273","#7768AE"],NG=[{label:"VARIANT_Contained",value:"contained"},{label:"VARIANT_Outlined",value:"outlined"}],$G=[{label:"LINK_Target_Blank",value:"_blank"},{label:"LINK_Target_Self",value:"_self"}],zG=[{label:"SIZE_Medium",value:"md"},{label:"SIZE_Large",value:"lg"}],HG=[{label:"0",value:"0"},{label:"2",value:"2"},{label:"4",value:"4"},{label:"8",value:"8"}],UG=[{label:"h1",value:"h1"},{label:"h2",value:"h2"},{label:"h3",value:"h3"},{label:"h4",value:"h4"},{label:"h5",value:"h5"},{label:"h6",value:"h6"}],VG=[{label:"0",value:"0"},{label:"2",value:"2"},{label:"4",value:"4"},{label:"6",value:"6"},{label:"8",value:"8"},{label:"10",value:"10"}],WG=[{label:"1",value:"1"},{label:"2",value:"2"},{label:"3",value:"3"},{label:"4",value:"4"},{label:"5",value:"5"},{label:"6",value:"6"}],GG=({text:e,color:t,backgroundColor:n,borderRadius:r,variant:o,buttonSize:i,url:a,target:l,onChange:s,onSave:c,extendProperties:u})=>{const d=bl();return _.createElement(mG,null,_.createElement(hG,null,u&&u((e=>{s(e)})),_.createElement(vG,null,_.createElement(MG,{label:d.formatMessage({id:"PANEL_Text"}),initialValue:e,onChange:e=>s({text:e})})),_.createElement(vG,null,_.createElement(MG,{label:d.formatMessage({id:"WIDGET_Button_Url"}),initialValue:null!=a?a:"",onChange:e=>s({url:e})})),_.createElement(vG,null,_.createElement(BG,{label:d.formatMessage({id:"WIDGET_Button_Target"}),initialValue:l,options:$G,onChange:e=>s({target:e})})),_.createElement(vG,null,_.createElement(yG,null,d.formatMessage({id:"PANEL_Text_Color"})),_.createElement(PG,{colors:FG,initialValue:t,onChange:e=>s({color:e})})),_.createElement(vG,null,_.createElement(yG,null,d.formatMessage({id:"PANEL_Background_Color"})),_.createElement(PG,{colors:FG,initialValue:n,onChange:e=>s({backgroundColor:e})})),_.createElement(vG,null,_.createElement(BG,{label:d.formatMessage({id:"PANEL_Border_Radius"}),options:HG,initialValue:r,onChange:e=>s({borderRadius:e})})),_.createElement(vG,null,_.createElement(BG,{label:d.formatMessage({id:"PANEL_Button_Variant"}),options:NG,initialValue:o,onChange:e=>s({variant:e})})),_.createElement(vG,null,_.createElement(BG,{label:d.formatMessage({id:"PANEL_Button_Size"}),options:zG,initialValue:i,onChange:e=>s({buttonSize:e})}))),_.createElement(HR,{onClick:()=>c(),variant:"outlined",minWidth:"100%"},d.formatMessage({id:"PANEL_Save_And_Close"})))},qG=(Bx.div`
|
|
4349
|
+
`,MG=({label:e,placeholder:t="",initialValue:n="",onChange:r})=>{const{control:o,watch:i,setValue:a}=Ei({defaultValues:{text:null!=n?n:""},criteriaMode:"all"});return _.useEffect((()=>{a("text",n)}),[n]),_.useEffect((()=>{const e=i((e=>{r(e.text)}));return()=>e.unsubscribe()}),[i,r]),_.createElement(LG,null,_.createElement(JN,{name:"text",label:e,control:o,placeholder:t}))},BG=({label:e,options:t=[],initialValue:n,required:r,onChange:o})=>{const i=bl(),a=t.find((e=>e.value===n)),{control:l,watch:s}=Ei({defaultValues:{select:void 0!==a?a:t[0]},criteriaMode:"all"});return _.useEffect((()=>{const e=s((e=>{o(e.select.value)}));return()=>e.unsubscribe()}),[s,o]),_.createElement("form",null,_.createElement(Pz,{options:t,label:e,components:{Option:e=>_.createElement("span",null,i.formatMessage({id:e.option.label}))},getSearch:e=>i.formatMessage({id:e.label}),rules:{required:r},hideDeleteIcon:!0,required:r,control:l,name:"select",labelMargin:"0"}))},FG=["#4D9DE0","#E15554","#3ec3ef","#E1BC29","#3BB273","#7768AE"],NG=[{label:"VARIANT_Contained",value:"contained"},{label:"VARIANT_Outlined",value:"outlined"}],$G=[{label:"LINK_Target_Blank",value:"_blank"},{label:"LINK_Target_Self",value:"_self"}],zG=[{label:"SIZE_Medium",value:"md"},{label:"SIZE_Large",value:"lg"}],HG=[{label:"0",value:"0"},{label:"2",value:"2"},{label:"4",value:"4"},{label:"8",value:"8"}],UG=[{label:"h1",value:"h1"},{label:"h2",value:"h2"},{label:"h3",value:"h3"},{label:"h4",value:"h4"},{label:"h5",value:"h5"},{label:"h6",value:"h6"}],VG=[{label:"0",value:"0"},{label:"2",value:"2"},{label:"4",value:"4"},{label:"6",value:"6"},{label:"8",value:"8"},{label:"10",value:"10"}],WG=[{label:"1",value:"1"},{label:"2",value:"2"},{label:"3",value:"3"},{label:"4",value:"4"},{label:"5",value:"5"},{label:"6",value:"6"}],GG=({text:e,color:t,backgroundColor:n,borderRadius:r,variant:o,buttonSize:i,url:a,target:l,onChange:s,onSave:c,extendProperties:u})=>{const d=bl();return _.createElement(mG,null,_.createElement(hG,null,u&&u((e=>{s(e)})),_.createElement(vG,null,_.createElement(MG,{label:d.formatMessage({id:"PANEL_Text"}),initialValue:e,onChange:e=>s({text:e})})),_.createElement(vG,null,_.createElement(MG,{label:d.formatMessage({id:"WIDGET_Button_Url"}),initialValue:null!=a?a:"",onChange:e=>s({url:e})})),_.createElement(vG,null,_.createElement(BG,{label:d.formatMessage({id:"WIDGET_Button_Target"}),initialValue:l,options:$G,onChange:e=>s({target:e})})),_.createElement(vG,null,_.createElement(yG,null,d.formatMessage({id:"PANEL_Text_Color"})),_.createElement(PG,{colors:FG,initialValue:t,onChange:e=>s({color:e})})),_.createElement(vG,null,_.createElement(yG,null,d.formatMessage({id:"PANEL_Background_Color"})),_.createElement(PG,{colors:FG,initialValue:n,onChange:e=>s({backgroundColor:e})})),_.createElement(vG,null,_.createElement(BG,{label:d.formatMessage({id:"PANEL_Border_Radius"}),options:HG,initialValue:r,onChange:e=>s({borderRadius:e})})),_.createElement(vG,null,_.createElement(BG,{label:d.formatMessage({id:"PANEL_Button_Variant"}),options:NG,initialValue:o,onChange:e=>s({variant:e})})),_.createElement(vG,null,_.createElement(BG,{label:d.formatMessage({id:"PANEL_Button_Size"}),options:zG,initialValue:i,onChange:e=>s({buttonSize:e})}))),_.createElement(HR,{onClick:()=>c(),variant:"outlined",minWidth:"100%"},d.formatMessage({id:"PANEL_Save_And_Close"})))},qG=(Bx.div`
|
|
4349
4350
|
width: ${e=>e.width?e.width+"px":"100%"};
|
|
4350
4351
|
min-height: ${e=>e.height?e.height+"px":"100%"};
|
|
4351
4352
|
border-radius: ${e=>e.borderRadius}px;
|
|
@@ -4574,7 +4575,7 @@
|
|
|
4574
4575
|
flex-direction: row;
|
|
4575
4576
|
`,eY=Bx.div`
|
|
4576
4577
|
flex: 1;
|
|
4577
|
-
`,tY=({model:e,excelHeaders:t,onChange:n})=>{const r=bl(),[o,i]=(0,_.useState)(!1),[a,l]=(0,_.useState)(!1),[s]=(0,_.useState)(e);return(0,_.useEffect)((()=>{let n=!1;t&&(t.forEach(((t,r)=>{e[r]&&e[r].name!==t&&(n=!0)})),e.length!==(null==t?void 0:t.length)&&(n=!0),l(n))}),[e,t]),_.createElement(_.Fragment,null,a&&_.createElement(_.Fragment,null,_.createElement(Xq,{onClick:()=>i(!0)},_.createElement(nE,{name:"icon-warning",color:"orange"}),_.createElement("div",null,r.formatMessage({id:"WIDGET_Datasource_Model_Change"})))),a&&o&&_.createElement(AP,{enableClickAwayCloseModal:!0,open:o,closeHandler:()=>i(!1)},_.createElement(rL,{overflow:"scroll",title:r.formatMessage({id:"WIDGET_Datasource_Model_Change"}),onClickIconClose:()=>i(!1)},_.createElement(Qq,null,_.createElement(eY,null,_.createElement(aE,{size:"l",weight:"bold"},r.formatMessage({id:"WIDGET_Datasource_Current_Model"})),e.map((e=>_.createElement(zq,{key:e.name},_.createElement(Hq,null,_.createElement(Uq,null,e.name))))),_.createElement(HR,{label:r.formatMessage({id:"WIDGET_Datasource_Select"}),variant:"contained",onClick:()=>n(e)})),_.createElement(eY,null,_.createElement(aE,{size:"l",weight:"bold"},r.formatMessage({id:"WIDGET_Datasource_New_Model"})),t&&t.map((e=>_.createElement(zq,{key:e},_.createElement(Hq,null,_.createElement(Uq,null,e))))),_.createElement(HR,{label:r.formatMessage({id:"WIDGET_Datasource_Select"}),variant:"contained",onClick:()=>{t&&(n(function(e,t){const n=[],r=[...e];return t.forEach(((e,t)=>{void 0===r.find((t=>t.name===e))&&n.push({index:t,name:e})})),n.forEach((e=>{r.splice(e.index,0,{name:e.name,label:e.name,widget:[],type:"text",sortable:!0})})),r.filter((e=>t.includes(e.name)))}(s,t)),i(!1))}}))))))},nY=({model:e,excelHeaders:t,tableColumnsData:n,onChange:r,onUpdateModel:o})=>{var i;const a=bl(),[l,s]=(0,_.useState)(n),[c,u]=(0,_.useState)(!1),[d,p]=(0,_.useState)(void 0),f=(0,_.useCallback)(((e,t)=>{s((n=>fZ.array.arraySwapElements(n,e,t)))}),[]);(0,_.useEffect)((()=>{s(n)}),[n]);const m=(0,_.useMemo)((()=>n.find((e=>e.name===d))),[n,d]);return _.createElement(_.Fragment,null,_.createElement(vG,null,_.createElement(aE,{size:"l"},a.formatMessage({id:"WIDGET_Datasource_Columns"})),_.createElement(bG,null,a.formatMessage({id:"WIDGET_Datasource_Columns_Description"}))),_.createElement(vG,null,_.createElement(eT,{onDrop:()=>{r({tableColumnsData:l})},onDrag:f,elms:l,renderEl:t=>{const o=e.find((e=>e.name===t.name)),i=Iq.includes(o?o.type:"text"),a=n.find((e=>e.name===t.name));return o?_.createElement(Yq,{isActive:i},_.createElement(Jq,{key:t.name,label:o.label,isVisible:a&&a.isVisible,isActive:i,onChange:e=>{r({tableColumnsData:n.map((n=>n.name===t.name?Object.assign(Object.assign({},n),{isVisible:e}):n))})}}),_.createElement(Kq,{tableColumnsData:n,item:t,type:o.type,handleEditLabel:()=>{p(t.name),u(!0)},onChange:r})):_.createElement(_.Fragment,null)}}),_.createElement(tY,{model:e,excelHeaders:t,onChange:o||(()=>{})}),c&&_.createElement(Zq,{title:a.formatMessage({id:"WIDGET_Table_Edit_Label"}),initialValue:null!==(i=m&&(null==m?void 0:m.label))&&void 0!==i?i:void 0,onChange:e=>{void 0!==d&&(r({tableColumnsData:n.map((t=>t.name===d?Object.assign(Object.assign({},t),{label:e}):t))}),p(void 0))},onCloseHandler:()=>u(!1)})))},rY=(0,_.createContext)(null),oY=e=>_.createElement(rY.Provider,{value:e},e.children),iY=()=>{const e=(0,_.useContext)(rY);if(!e)throw new Error("Must use ContainerContext first");return e},aY=({idApp:e,status:t,onHandleSelection:n})=>{var r;const[o,i]=(0,_.useState)(void 0),{handlers:a}=iY();return(0,_.useEffect)((()=>{a.jamespot.application&&a.jamespot.application.studioGet(e,t).then((e=>{i(e.result)})).catch(a.handleCatch).finally(a.handleFinally)}),[e,t,a]),o?_.createElement(Yq,{isActive:!0},_.createElement(Vq,{backgroundColor:null!==(r=o.color)&&void 0!==r?r:""},_.createElement(nE,{name:`icon-${o.icon}`,color:"white"})),_.createElement(Hq,null,o.label),_.createElement(HR,{label:"WIDGET_Datasource_Select_Source",variant:"outlined",onClick:()=>n(o)})):_.createElement(_.Fragment,null)},lY=()=>{const e=bl(),[t,n]=(0,_.useState)(!1),[r,o]=(0,_.useState)(!1),[i,a]=(0,_.useState)([]),{handlers:l,onChange:s,onError:c}=iY();(0,_.useEffect)((()=>{t&&(o(!0),l.jamespot.application.studioList().then((e=>{a(e.result)})).catch(l.handleCatch).finally((()=>o(!1))))}),[t,c,l]);const u=e=>{e.label&&(n(!1),l.jamespot.datasource.create({title:e.label,datasourceIdentifier:e.idApp,datasourceType:Pq.STUDIO}).then((e=>{s({tableColumnsData:e.result.model.map((e=>({name:e.name,isVisible:Iq.includes(e.type)}))),uri:e.result.uri})})).catch(l.handleCatch).finally(l.handleFinally))};return _.createElement(_.Fragment,null,_.createElement(HR,{onClick:()=>n(!0),variant:"outlined",minWidth:"100%"},e.formatMessage({id:"WIDGET_Datasource_Fetch_Studio"})),t&&_.createElement(AP,{enableClickAwayCloseModal:!0,open:t,closeHandler:()=>n(!1)},_.createElement(rL,{title:e.formatMessage({id:"WIDGET_Datasource_Fetch_Studio"}),overflow:"scroll",onClickIconClose:()=>n(!1)},r&&_.createElement(gE,{size:"m"}),r||0!==i.length?_.createElement(_.Fragment,null):_.createElement(ms,{id:"WIDGET_Datasource_Fetch_Studio_Empty_Result"}),i.filter((e=>"installed"===e.status)).map((e=>_.createElement(aY,{key:e.idApp,idApp:e.idApp,status:e.status,onHandleSelection:u,onError:c}))))))},sY=({uri:e,onHandleRemove:t})=>{const n=bl(),[r,o]=(0,_.useState)(void 0),{handlers:i}=iY();return(0,_.useEffect)((()=>{i.jamespot.datasource.getObject(e).then((e=>{o(e.result)})).catch(i.handleCatch)}),[e,i]),r?_.createElement(_.Fragment,null,_.createElement(aE,{size:"l"},n.formatMessage({id:"WIDGET_Datasource_Object"})),_.createElement($q,null,_.createElement(zq,null,"typeApplication"==r.mainType?_.createElement(Vq,{backgroundColor:r.color},_.createElement(nE,{name:`icon-${r.icon}`,color:"white"})):_.createElement(_.Fragment,null),"article"===r.mainType?_.createElement(SI,{size:1,mimetype:"folder/folder"}):_.createElement(_.Fragment,null),_.createElement(Hq,null,r.title),_.createElement(eL,{icon:"icon-trash",color:"orange",onClick:t})))):_.createElement(_.Fragment,null)},cY=({uri:e,tableColumnsData:t,model:n,type:r})=>{const{onChange:o}=iY();return void 0===r?_.createElement(lY,null):_.createElement(_.Fragment,null,e&&r===Pq.STUDIO&&_.createElement(sY,{uri:e,onHandleRemove:()=>o({tableColumnsData:[],uri:void 0})}),void 0!==e&&n&&r===Pq.STUDIO&&_.createElement(nY,{model:n,tableColumnsData:t,onChange:o}))},uY=({uri:e,onHandleRemove:t})=>{const n=bl(),[r,o]=(0,_.useState)(void 0),{handlers:i}=iY();return(0,_.useEffect)((()=>{i.jamespot.datasource.getObject(e).then((e=>{o(e.result)})).catch(i.handleCatch).finally(i.handleFinally)}),[e,i]),r?_.createElement(_.Fragment,null,_.createElement(aE,{size:"l"},n.formatMessage({id:"WIDGET_Datasource_Object"})),_.createElement($q,null,_.createElement(zq,null,"typeApplication"==r.mainType?_.createElement(Vq,{backgroundColor:r.color},_.createElement(nE,{name:`icon-${r.icon}`,color:"white"})):_.createElement(_.Fragment,null),"article"===r.mainType?_.createElement(SI,{size:1,mimetype:"folder/folder"}):_.createElement(_.Fragment,null),_.createElement(Hq,null,_.createElement(Uq,null,"article"===r.mainType?_.createElement("a",{href:r._url,title:r.title,target:"_blank",rel:"noreferrer"},r.title):r.title)),_.createElement(eL,{icon:"icon-trash",color:"orange",onClick:t})))):_.createElement(_.Fragment,null)},dY=({uri:e,tableColumnsData:t,model:n,type:r})=>{const o=bl(),[i,a]=(0,_.useState)(!1),{handlers:l,onChange:s}=iY();return void 0===r?_.createElement(_.Fragment,null,_.createElement(HR,{onClick:()=>a(!0),variant:"outlined",minWidth:"100%"},o.formatMessage({id:"WIDGET_Datasource_Fetch_Folder"})),i&&_.createElement(AP,{enableClickAwayCloseModal:!0,open:i,closeHandler:()=>a(!1)},_.createElement(rL,{title:o.formatMessage({id:"WIDGET_Datasource_Fetch_Folder"}),overflow:"scroll",onClickIconClose:()=>a(!1)},_.createElement(wM,{loadDocuments:!1,allowMultiSelection:!1,handlers:l.jamespot,onSelectFolder:e=>{!Array.isArray(e)||Array.isArray(e)&&!e[0]||(a(!1),l.handleStart(),l.jamespot.datasource.create({title:e[0].title,datasourceIdentifier:e[0].uri,datasourceType:Pq.DOC}).then((e=>{s({tableColumnsData:e.result.model.map((e=>({name:e.name,isVisible:Iq.includes(e.type)}))),uri:e.result.uri})})).catch(l.handleCatch).finally(l.handleFinally))}})))):_.createElement(_.Fragment,null,e&&r===Pq.DOC&&_.createElement(uY,{uri:e,onHandleRemove:()=>s({tableColumnsData:[],uri:void 0})}),e&&n&&r===Pq.DOC&&_.createElement(nY,{model:n,tableColumnsData:t,onChange:s}))},pY=[200,300,400,500],fY=({limit:e=20,tableHeadColor:t,tableHeadTextColor:n,tableHeadIconColor:r,tableRowColor:o,tableRowTextColor:i,tableBorderRadius:a,tableSizedColumns:l,tableSizedColumnsWidth:s,onChange:c})=>{const u=bl();return _.createElement(hG,null,_.createElement(vG,null,_.createElement(yG,null,u.formatMessage({id:"WIDGET_Table_Sized_Columns"})),_.createElement(aE,{size:"s"},u.formatMessage({id:"WIDGET_Table_Sized_Columns_No_Mobile_Support"})),_.createElement(Nq,{initialValue:null!=l&&l,onChange:e=>c({tableSizedColumns:e,tableSizedColumnsWidth:200})})),l?_.createElement(vG,null,_.createElement(BG,{label:u.formatMessage({id:"WIDGET_Table_Sized_Columns_Width"}),options:pY.map((e=>({label:String(e)+"px",value:String(e)}))),required:!0,initialValue:String(s),onChange:e=>{void 0!==e&&mq(Number(e))&&c({tableSizedColumnsWidth:Number(e)})}})):_.createElement(_.Fragment,null),_.createElement(vG,null,_.createElement(yG,null,u.formatMessage({id:"WIDGET_Table_Head_Background_Color"})),_.createElement(PG,{colors:FG,initialValue:t,onChange:e=>c({tableHeadColor:e})})),_.createElement(vG,null,_.createElement(yG,null,u.formatMessage({id:"WIDGET_Table_Head_Text_Color"})),_.createElement(PG,{colors:FG,initialValue:n,onChange:e=>c({tableHeadTextColor:e})})),_.createElement(vG,null,_.createElement(yG,null,u.formatMessage({id:"WIDGET_Table_Head_Icon_Color"})),_.createElement(PG,{colors:FG,initialValue:r,onChange:e=>c({tableHeadIconColor:e})})),_.createElement(vG,null,_.createElement(yG,null,u.formatMessage({id:"WIDGET_Table_Row_Background_Color"})),_.createElement(PG,{colors:FG,initialValue:o,onChange:e=>c({tableRowColor:e})})),_.createElement(vG,null,_.createElement(yG,null,u.formatMessage({id:"WIDGET_Table_Row_Text_Color"})),_.createElement(PG,{colors:FG,initialValue:i,onChange:e=>c({tableRowTextColor:e})})),_.createElement(vG,null,_.createElement(BG,{label:u.formatMessage({id:"WIDGET_Datasource_Limit"}),options:[...Array(Math.round(40))].map(((e,t)=>({label:String(t+1),value:String(t+1)}))),required:!0,initialValue:String(e),onChange:e=>{void 0!==e&&mq(Number(e))&&c({limit:Number(e)})}})),_.createElement(vG,null,_.createElement(BG,{label:u.formatMessage({id:"CSS_Property_Border_Radius"}),options:HG,required:!0,initialValue:String(a),onChange:e=>{void 0!==e&&mq(Number(e))&&c({tableBorderRadius:Number(e)})}})))},mY=({uri:e,limit:t=20,tableHeadColor:n,tableHeadTextColor:r,tableHeadIconColor:o,tableRowColor:i,tableRowTextColor:a,tableColumnsData:l=[],tableBorderRadius:s,tableSizedColumns:c,tableSizedColumnsWidth:u,hook:d,handlers:p,onChange:f,onSave:m,onStateChange:h,onError:g})=>{const v=bl(),[y,b]=(0,_.useState)(void 0),[w,x]=(0,_.useState)(void 0);return(0,_.useEffect)((()=>{e&&!y&&(p.handleStart(),p.jamespot.datasource.getModel(e).then((e=>{b(e.result.model),x(e.result.type)})).catch(p.handleCatch).finally(p.handleFinally)),e||(b(void 0),x(void 0))}),[e,g,y,h,p]),!e||y||w?_.createElement(oY,{hook:d,handlers:p,onSave:m,onChange:f,onStateChange:h,onError:g},_.createElement(mG,null,_.createElement(hG,null,d&&d.isActive("FileBankHook")&&_.createElement(dY,{model:y,type:w,uri:null!=e?e:void 0,tableColumnsData:l}),d&&d.isActive("StudioHook")&&_.createElement(cY,{model:y,type:w,uri:null!=e?e:void 0,tableColumnsData:l}),e&&l.length?_.createElement(fY,{limit:t,tableHeadColor:n,tableHeadTextColor:r,tableHeadIconColor:o,tableRowColor:i,tableRowTextColor:a,tableSizedColumns:c,tableSizedColumnsWidth:u,tableBorderRadius:s,onChange:f}):_.createElement(_.Fragment,null)),_.createElement(HR,{onClick:()=>m({}),color:"primary",minWidth:"100%"},v.formatMessage({id:"PANEL_Save_And_Close"})))):_.createElement(_.Fragment,null)},hY=({uri:e,onHandleCancel:t})=>{const n=bl(),[r,o]=(0,_.useState)(void 0),{hook:i,handlers:a,onChange:l,onError:s}=iY(),c=(0,_.useCallback)((()=>{a.handleStart(),a.jamespot.datasource.cancel(e).then((()=>{l({uri:void 0}),t()})).catch(a.handleCatch).finally(a.handleFinally)}),[e,a,l,t]);return(0,_.useEffect)((()=>{!r&&e&&(a.handleStart(),a.jamespot.datasource.getExcelDatasource(e).then((e=>{o(e.result)})).catch((e=>{a.handleCatch(e),t()})).finally(a.handleFinally))}),[e,r,s,t,a]),r?_.createElement(_.Fragment,null,_.createElement(aE,{size:"l"},n.formatMessage({id:"WIDGET_Datasource_Object"})),_.createElement($q,null,_.createElement(zq,null,_.createElement(_I,{uri:r.file.uri,size:40,mimetype:r.file.mimetype}),_.createElement(Hq,null,_.createElement(Uq,null,r.file.title)),i&&i.isActive("OnlyOfficeHook")?_.createElement(eL,{tooltip:{description:n.formatMessage({id:"WIDGET_Excel_Datasource_Online_Edit"}),position:"left"},icon:"icon-eye",color:"grey2",onClick:()=>window.open(r.fileUrl,"_blank")}):_.createElement(eL,{tooltip:{description:n.formatMessage({id:"WIDGET_Excel_Datasource_Download"}),position:"left"},icon:"icon-download",color:"grey2",onClick:()=>window.open(`/downloadFile.php?id=${r.file.id}`,"_blank")}),_.createElement(eL,{icon:"icon-trash",color:"orange",onClick:c})))):_.createElement(_.Fragment,null)},gY=({uri:e,onHandleCancel:t})=>{const n=bl(),[r,o]=(0,_.useState)(void 0),[i,a]=(0,_.useState)(void 0),{onChange:l,handlers:s}=iY(),c=(0,_.useCallback)((()=>{e&&r&&(s.handleStart(),s.jamespot.datasource.setExcelDatasource(e,r).then((t=>{l({tableColumnsData:t.result.map((e=>({name:e.name,isVisible:Iq.includes(e.type)}))),uri:e})})).catch((e=>{s.handleCatch(e),t()})).finally(s.handleFinally))}),[e,r,l,s,t]);return(0,_.useEffect)((()=>{i||(s.handleStart(),s.jamespot.datasource.getExcelDatasource(e).then((e=>a(e.result))).catch((e=>{s.handleCatch(e),t()})).finally(s.handleFinally))}),[e,i,s,t]),i&&e?_.createElement(_.Fragment,null,_.createElement(hY,{uri:e,onHandleCancel:t}),_.createElement(BG,{label:"WIDGET_Datasource_Spreadsheets",options:[{label:n.formatMessage({id:"WIDGET_Datasource_Select_Spreadsheet"}),value:"select-spreadsheet"},...i.spreadsheetList.map((e=>({label:e,value:e})))],required:!0,initialValue:"select-spreadsheet",onChange:o}),_.createElement(aE,{size:"s"},n.formatMessage({id:"WIDGET_Datasource_Create_Spreadsheet_Model_Help"})),r&&!vY(r,i.spreadsheetListHeaders)&&_.createElement(aE,{size:"s",color:"orange"},n.formatMessage({id:"WIDGET_Datasource_Spreadsheet_Header_Error"})),_.createElement(HR,{onClick:c,color:"primary",minWidth:"100%",disabled:void 0===r||"select-spreadsheet"===r||!vY(r,i.spreadsheetListHeaders)},n.formatMessage({id:"WIDGET_Datasource_Create_Spreadsheet_Model"})),_.createElement("div",{style:{flex:1}}),_.createElement(HR,{onClick:t,color:"cancel",minWidth:"100%"},n.formatMessage({id:"WIDGET_Datasource_Cancel"}))):_.createElement(_.Fragment,null)};function vY(e,t){var n;const r=null!==(n=t[e])&&void 0!==n?n:null;return!!r&&!r.filter((e=>!e||0===e.length)).length}const yY=({column:e,onChange:t})=>{const n=bl();return _.createElement(Gq,null,_.createElement(qq,null,_.createElement(MG,{initialValue:e.label,label:n.formatMessage({id:"EXCEL_Editor_Column_Label"}),onChange:n=>t(Object.assign(Object.assign({},e),{name:e.name,label:n}))})),_.createElement(qq,null,_.createElement(BG,{label:n.formatMessage({id:"EXCEL_Editor_Column_Type"}),initialValue:e.type,required:!0,options:[{label:n.formatMessage({id:"WIDGET_Table_Column_Type_Date"}),value:"date"},{label:n.formatMessage({id:"WIDGET_Table_Column_Type_Text"}),value:"text"},{label:n.formatMessage({id:"WIDGET_Table_Column_Type_Url"}),value:"url"},{label:n.formatMessage({id:"WIDGET_Table_Column_Type_Number"}),value:"number"}],onChange:n=>t(Object.assign(Object.assign({},e),{name:e.name,type:n}))})),_.createElement(Wq,null))},bY=Bx.button`
|
|
4578
|
+
`,tY=({model:e,excelHeaders:t,onChange:n})=>{const r=bl(),[o,i]=(0,_.useState)(!1),[a,l]=(0,_.useState)(!1),[s]=(0,_.useState)(e);return(0,_.useEffect)((()=>{let n=!1;t&&(t.forEach(((t,r)=>{e[r]&&e[r].name!==t&&(n=!0)})),e.length!==(null==t?void 0:t.length)&&(n=!0),l(n))}),[e,t]),_.createElement(_.Fragment,null,a&&_.createElement(_.Fragment,null,_.createElement(Xq,{onClick:()=>i(!0)},_.createElement(nE,{name:"icon-warning",color:"orange"}),_.createElement("div",null,r.formatMessage({id:"WIDGET_Datasource_Model_Change"})))),a&&o&&_.createElement(AP,{enableClickAwayCloseModal:!0,open:o,closeHandler:()=>i(!1)},_.createElement(rL,{overflow:"scroll",title:r.formatMessage({id:"WIDGET_Datasource_Model_Change"}),onClickIconClose:()=>i(!1)},_.createElement(Qq,null,_.createElement(eY,null,_.createElement(aE,{size:"l",weight:"bold"},r.formatMessage({id:"WIDGET_Datasource_Current_Model"})),e.map((e=>_.createElement(zq,{key:e.name},_.createElement(Hq,null,_.createElement(Uq,null,e.name))))),_.createElement(HR,{label:r.formatMessage({id:"WIDGET_Datasource_Select"}),variant:"contained",onClick:()=>n(e)})),_.createElement(eY,null,_.createElement(aE,{size:"l",weight:"bold"},r.formatMessage({id:"WIDGET_Datasource_New_Model"})),t&&t.map((e=>_.createElement(zq,{key:e},_.createElement(Hq,null,_.createElement(Uq,null,e))))),_.createElement(HR,{label:r.formatMessage({id:"WIDGET_Datasource_Select"}),variant:"contained",onClick:()=>{t&&(n(function(e,t){const n=[],r=[...e];return t.forEach(((e,t)=>{void 0===r.find((t=>t.name===e))&&n.push({index:t,name:e})})),n.forEach((e=>{r.splice(e.index,0,{name:e.name,label:e.name,widget:[],type:"text",sortable:!0})})),r.filter((e=>t.includes(e.name)))}(s,t)),i(!1))}}))))))},nY=({model:e,excelHeaders:t,tableColumnsData:n,onChange:r,onUpdateModel:o})=>{var i;const a=bl(),[l,s]=(0,_.useState)(n),[c,u]=(0,_.useState)(!1),[d,p]=(0,_.useState)(void 0),f=(0,_.useCallback)(((e,t)=>{s((n=>fZ.array.arraySwapElements(n,e,t)))}),[]);(0,_.useEffect)((()=>{s(n)}),[n]);const m=(0,_.useMemo)((()=>n.find((e=>e.name===d))),[n,d]);return _.createElement(_.Fragment,null,_.createElement(vG,null,_.createElement(aE,{size:"l"},a.formatMessage({id:"WIDGET_Datasource_Columns"})),_.createElement(bG,null,a.formatMessage({id:"WIDGET_Datasource_Columns_Description"}))),_.createElement(vG,null,_.createElement(eT,{onDrop:()=>{r({tableColumnsData:l})},onDrag:f,elms:l,renderEl:t=>{const o=e.find((e=>e.name===t.name)),i=Iq.includes(o?o.type:"text"),a=n.find((e=>e.name===t.name));return o?_.createElement(Yq,{isActive:i},_.createElement(Jq,{key:t.name,label:o.label,isVisible:a&&a.isVisible,isActive:i,onChange:e=>{r({tableColumnsData:n.map((n=>n.name===t.name?Object.assign(Object.assign({},n),{isVisible:e}):n))})}}),_.createElement(Kq,{tableColumnsData:n,item:t,type:o.type,handleEditLabel:()=>{p(t.name),u(!0)},onChange:r})):_.createElement(_.Fragment,null)}}),_.createElement(tY,{model:e,excelHeaders:t,onChange:o||(()=>{})}),c&&_.createElement(Zq,{title:a.formatMessage({id:"WIDGET_Table_Edit_Label"}),initialValue:null!==(i=m&&(null==m?void 0:m.label))&&void 0!==i?i:void 0,onChange:e=>{void 0!==d&&(r({tableColumnsData:n.map((t=>t.name===d?Object.assign(Object.assign({},t),{label:e}):t))}),p(void 0))},onCloseHandler:()=>u(!1)})))},rY=(0,_.createContext)(null),oY=e=>_.createElement(rY.Provider,{value:e},e.children),iY=()=>{const e=(0,_.useContext)(rY);if(!e)throw new Error("Must use ContainerContext first");return e},aY=({idApp:e,status:t,onHandleSelection:n})=>{var r;const[o,i]=(0,_.useState)(void 0),{handlers:a}=iY();return(0,_.useEffect)((()=>{a.jamespot.application&&a.jamespot.application.studioGet(e,t).then((e=>{i(e.result)})).catch(a.handleCatch).finally(a.handleFinally)}),[e,t,a]),o?_.createElement(Yq,{isActive:!0},_.createElement(Vq,{backgroundColor:null!==(r=o.color)&&void 0!==r?r:""},_.createElement(nE,{name:`icon-${o.icon}`,color:"white"})),_.createElement(Hq,null,o.label),_.createElement(HR,{label:"WIDGET_Datasource_Select_Source",variant:"outlined",onClick:()=>n(o)})):_.createElement(_.Fragment,null)},lY=()=>{const e=bl(),[t,n]=(0,_.useState)(!1),[r,o]=(0,_.useState)(!1),[i,a]=(0,_.useState)([]),{handlers:l,onChange:s,onError:c}=iY();(0,_.useEffect)((()=>{t&&(o(!0),l.jamespot.application.studioList().then((e=>{a(e.result)})).catch(l.handleCatch).finally((()=>o(!1))))}),[t,c,l]);const u=e=>{e.label&&(n(!1),l.jamespot.datasource.create({title:e.label,datasourceIdentifier:e.idApp,datasourceType:Pq.STUDIO}).then((e=>{s({tableColumnsData:e.result.model.map((e=>({name:e.name,isVisible:Iq.includes(e.type)}))),uri:e.result.uri})})).catch(l.handleCatch).finally(l.handleFinally))};return _.createElement(_.Fragment,null,_.createElement(HR,{onClick:()=>n(!0),variant:"outlined",minWidth:"100%",noMargin:!0},e.formatMessage({id:"WIDGET_Datasource_Fetch_Studio"})),t&&_.createElement(AP,{enableClickAwayCloseModal:!0,open:t,closeHandler:()=>n(!1)},_.createElement(rL,{title:e.formatMessage({id:"WIDGET_Datasource_Fetch_Studio"}),overflow:"scroll",onClickIconClose:()=>n(!1)},r&&_.createElement(gE,{size:"m"}),r||0!==i.length?_.createElement(_.Fragment,null):_.createElement(ms,{id:"WIDGET_Datasource_Fetch_Studio_Empty_Result"}),i.filter((e=>"installed"===e.status)).map((e=>_.createElement(aY,{key:e.idApp,idApp:e.idApp,status:e.status,onHandleSelection:u,onError:c}))))))},sY=({uri:e,onHandleRemove:t})=>{const n=bl(),[r,o]=(0,_.useState)(void 0),{handlers:i}=iY();return(0,_.useEffect)((()=>{i.jamespot.datasource.getObject(e).then((e=>{o(e.result)})).catch(i.handleCatch)}),[e,i]),r?_.createElement(_.Fragment,null,_.createElement(aE,{size:"l"},n.formatMessage({id:"WIDGET_Datasource_Object"})),_.createElement($q,null,_.createElement(zq,null,"typeApplication"==r.mainType?_.createElement(Vq,{backgroundColor:r.color},_.createElement(nE,{name:`icon-${r.icon}`,color:"white"})):_.createElement(_.Fragment,null),"article"===r.mainType?_.createElement(SI,{size:1,mimetype:"folder/folder"}):_.createElement(_.Fragment,null),_.createElement(Hq,null,r.title),_.createElement(eL,{icon:"icon-trash",color:"orange",onClick:t})))):_.createElement(_.Fragment,null)},cY=({uri:e,tableColumnsData:t,model:n,type:r})=>{const{onChange:o}=iY();return void 0===r?_.createElement(lY,null):_.createElement(_.Fragment,null,e&&r===Pq.STUDIO&&_.createElement(sY,{uri:e,onHandleRemove:()=>o({tableColumnsData:[],uri:void 0})}),void 0!==e&&n&&r===Pq.STUDIO&&_.createElement(nY,{model:n,tableColumnsData:t,onChange:o}))},uY=({uri:e,onHandleRemove:t})=>{const n=bl(),[r,o]=(0,_.useState)(void 0),{handlers:i}=iY();return(0,_.useEffect)((()=>{i.jamespot.datasource.getObject(e).then((e=>{o(e.result)})).catch(i.handleCatch).finally(i.handleFinally)}),[e,i]),r?_.createElement(_.Fragment,null,_.createElement(aE,{size:"l"},n.formatMessage({id:"WIDGET_Datasource_Object"})),_.createElement($q,null,_.createElement(zq,null,"typeApplication"==r.mainType?_.createElement(Vq,{backgroundColor:r.color},_.createElement(nE,{name:`icon-${r.icon}`,color:"white"})):_.createElement(_.Fragment,null),"article"===r.mainType?_.createElement(SI,{size:1,mimetype:"folder/folder"}):_.createElement(_.Fragment,null),_.createElement(Hq,null,_.createElement(Uq,null,"article"===r.mainType?_.createElement("a",{href:r._url,title:r.title,target:"_blank",rel:"noreferrer"},r.title):r.title)),_.createElement(eL,{icon:"icon-trash",color:"orange",onClick:t})))):_.createElement(_.Fragment,null)},dY=({uri:e,tableColumnsData:t,model:n,type:r})=>{const o=bl(),[i,a]=(0,_.useState)(!1),{handlers:l,onChange:s}=iY();return void 0===r?_.createElement(_.Fragment,null,_.createElement(HR,{onClick:()=>a(!0),variant:"outlined",minWidth:"100%",noMargin:!0},o.formatMessage({id:"WIDGET_Datasource_Fetch_Folder"})),i&&_.createElement(AP,{enableClickAwayCloseModal:!0,open:i,closeHandler:()=>a(!1)},_.createElement(rL,{title:o.formatMessage({id:"WIDGET_Datasource_Fetch_Folder"}),overflow:"scroll",onClickIconClose:()=>a(!1)},_.createElement(wM,{loadDocuments:!1,allowMultiSelection:!1,handlers:l.jamespot,onSelectFolder:e=>{!Array.isArray(e)||Array.isArray(e)&&!e[0]||(a(!1),l.handleStart(),l.jamespot.datasource.create({title:e[0].title,datasourceIdentifier:e[0].uri,datasourceType:Pq.DOC}).then((e=>{s({tableColumnsData:e.result.model.map((e=>({name:e.name,isVisible:Iq.includes(e.type)}))),uri:e.result.uri})})).catch(l.handleCatch).finally(l.handleFinally))}})))):_.createElement(_.Fragment,null,e&&r===Pq.DOC&&_.createElement(uY,{uri:e,onHandleRemove:()=>s({tableColumnsData:[],uri:void 0})}),e&&n&&r===Pq.DOC&&_.createElement(nY,{model:n,tableColumnsData:t,onChange:s}))},pY=[200,300,400,500],fY=({limit:e=20,tableHeadColor:t,tableHeadTextColor:n,tableHeadIconColor:r,tableRowColor:o,tableRowTextColor:i,tableBorderRadius:a,tableSizedColumns:l,tableSizedColumnsWidth:s,onChange:c})=>{const u=bl();return _.createElement(hG,null,_.createElement(vG,null,_.createElement(yG,null,u.formatMessage({id:"WIDGET_Table_Sized_Columns"})),_.createElement(aE,{size:"s"},u.formatMessage({id:"WIDGET_Table_Sized_Columns_No_Mobile_Support"})),_.createElement(Nq,{initialValue:null!=l&&l,onChange:e=>c({tableSizedColumns:e,tableSizedColumnsWidth:200})})),l?_.createElement(vG,null,_.createElement(BG,{label:u.formatMessage({id:"WIDGET_Table_Sized_Columns_Width"}),options:pY.map((e=>({label:String(e)+"px",value:String(e)}))),required:!0,initialValue:String(s),onChange:e=>{void 0!==e&&mq(Number(e))&&c({tableSizedColumnsWidth:Number(e)})}})):_.createElement(_.Fragment,null),_.createElement(vG,null,_.createElement(yG,null,u.formatMessage({id:"WIDGET_Table_Head_Background_Color"})),_.createElement(PG,{colors:FG,initialValue:t,onChange:e=>c({tableHeadColor:e})})),_.createElement(vG,null,_.createElement(yG,null,u.formatMessage({id:"WIDGET_Table_Head_Text_Color"})),_.createElement(PG,{colors:FG,initialValue:n,onChange:e=>c({tableHeadTextColor:e})})),_.createElement(vG,null,_.createElement(yG,null,u.formatMessage({id:"WIDGET_Table_Head_Icon_Color"})),_.createElement(PG,{colors:FG,initialValue:r,onChange:e=>c({tableHeadIconColor:e})})),_.createElement(vG,null,_.createElement(yG,null,u.formatMessage({id:"WIDGET_Table_Row_Background_Color"})),_.createElement(PG,{colors:FG,initialValue:o,onChange:e=>c({tableRowColor:e})})),_.createElement(vG,null,_.createElement(yG,null,u.formatMessage({id:"WIDGET_Table_Row_Text_Color"})),_.createElement(PG,{colors:FG,initialValue:i,onChange:e=>c({tableRowTextColor:e})})),_.createElement(vG,null,_.createElement(BG,{label:u.formatMessage({id:"WIDGET_Datasource_Limit"}),options:[...Array(Math.round(40))].map(((e,t)=>({label:String(t+1),value:String(t+1)}))),required:!0,initialValue:String(e),onChange:e=>{void 0!==e&&mq(Number(e))&&c({limit:Number(e)})}})),_.createElement(vG,null,_.createElement(BG,{label:u.formatMessage({id:"CSS_Property_Border_Radius"}),options:HG,required:!0,initialValue:String(a),onChange:e=>{void 0!==e&&mq(Number(e))&&c({tableBorderRadius:Number(e)})}})))},mY=({uri:e,limit:t=20,tableHeadColor:n,tableHeadTextColor:r,tableHeadIconColor:o,tableRowColor:i,tableRowTextColor:a,tableColumnsData:l=[],tableBorderRadius:s,tableSizedColumns:c,tableSizedColumnsWidth:u,hook:d,handlers:p,onChange:f,onSave:m,onStateChange:h,onError:g})=>{const v=bl(),[y,b]=(0,_.useState)(void 0),[w,x]=(0,_.useState)(void 0);return(0,_.useEffect)((()=>{e&&!y&&(p.handleStart(),p.jamespot.datasource.getModel(e).then((e=>{b(e.result.model),x(e.result.type)})).catch(p.handleCatch).finally(p.handleFinally)),e||(b(void 0),x(void 0))}),[e,g,y,h,p]),!e||y||w?_.createElement(oY,{hook:d,handlers:p,onSave:m,onChange:f,onStateChange:h,onError:g},_.createElement(mG,null,_.createElement(hG,null,d&&d.isActive("FileBankHook")&&_.createElement(dY,{model:y,type:w,uri:null!=e?e:void 0,tableColumnsData:l}),d&&d.isActive("StudioHook")&&_.createElement(cY,{model:y,type:w,uri:null!=e?e:void 0,tableColumnsData:l}),e&&l.length?_.createElement(fY,{limit:t,tableHeadColor:n,tableHeadTextColor:r,tableHeadIconColor:o,tableRowColor:i,tableRowTextColor:a,tableSizedColumns:c,tableSizedColumnsWidth:u,tableBorderRadius:s,onChange:f}):_.createElement(_.Fragment,null)),_.createElement(HR,{onClick:()=>m({}),color:"primary",minWidth:"100%",noMargin:!0},v.formatMessage({id:"PANEL_Save_And_Close"})))):_.createElement(_.Fragment,null)},hY=({uri:e,onHandleCancel:t})=>{const n=bl(),[r,o]=(0,_.useState)(void 0),{hook:i,handlers:a,onChange:l,onError:s}=iY(),c=(0,_.useCallback)((()=>{a.handleStart(),a.jamespot.datasource.cancel(e).then((()=>{l({uri:void 0}),t()})).catch(a.handleCatch).finally(a.handleFinally)}),[e,a,l,t]);return(0,_.useEffect)((()=>{!r&&e&&(a.handleStart(),a.jamespot.datasource.getExcelDatasource(e).then((e=>{o(e.result)})).catch((e=>{a.handleCatch(e),t()})).finally(a.handleFinally))}),[e,r,s,t,a]),r?_.createElement(_.Fragment,null,_.createElement(aE,{size:"l"},n.formatMessage({id:"WIDGET_Datasource_Object"})),_.createElement($q,null,_.createElement(zq,null,_.createElement(_I,{uri:r.file.uri,size:40,mimetype:r.file.mimetype}),_.createElement(Hq,null,_.createElement(Uq,null,r.file.title)),i&&i.isActive("OnlyOfficeHook")?_.createElement(eL,{tooltip:{description:n.formatMessage({id:"WIDGET_Excel_Datasource_Online_Edit"}),position:"left"},icon:"icon-eye",color:"grey2",onClick:()=>window.open(r.fileUrl,"_blank")}):_.createElement(eL,{tooltip:{description:n.formatMessage({id:"WIDGET_Excel_Datasource_Download"}),position:"left"},icon:"icon-download",color:"grey2",onClick:()=>window.open(`/downloadFile.php?id=${r.file.id}`,"_blank")}),_.createElement(eL,{icon:"icon-trash",color:"orange",onClick:c})))):_.createElement(_.Fragment,null)},gY=({uri:e,onHandleCancel:t})=>{const n=bl(),[r,o]=(0,_.useState)(void 0),[i,a]=(0,_.useState)(void 0),{onChange:l,handlers:s}=iY(),c=(0,_.useCallback)((()=>{e&&r&&(s.handleStart(),s.jamespot.datasource.setExcelDatasource(e,r).then((t=>{l({tableColumnsData:t.result.map((e=>({name:e.name,isVisible:Iq.includes(e.type)}))),uri:e})})).catch((e=>{s.handleCatch(e),t()})).finally(s.handleFinally))}),[e,r,l,s,t]);return(0,_.useEffect)((()=>{i||(s.handleStart(),s.jamespot.datasource.getExcelDatasource(e).then((e=>a(e.result))).catch((e=>{s.handleCatch(e),t()})).finally(s.handleFinally))}),[e,i,s,t]),i&&e?_.createElement(_.Fragment,null,_.createElement(hY,{uri:e,onHandleCancel:t}),_.createElement(BG,{label:"WIDGET_Datasource_Spreadsheets",options:[{label:n.formatMessage({id:"WIDGET_Datasource_Select_Spreadsheet"}),value:"select-spreadsheet"},...i.spreadsheetList.map((e=>({label:e,value:e})))],required:!0,initialValue:"select-spreadsheet",onChange:o}),_.createElement(aE,{size:"s"},n.formatMessage({id:"WIDGET_Datasource_Create_Spreadsheet_Model_Help"})),r&&!vY(r,i.spreadsheetListHeaders)&&_.createElement(aE,{size:"s",color:"orange"},n.formatMessage({id:"WIDGET_Datasource_Spreadsheet_Header_Error"})),_.createElement(HR,{onClick:c,color:"primary",minWidth:"100%",disabled:void 0===r||"select-spreadsheet"===r||!vY(r,i.spreadsheetListHeaders),noMargin:!0},n.formatMessage({id:"WIDGET_Datasource_Create_Spreadsheet_Model"})),_.createElement("div",{style:{flex:1}}),_.createElement(HR,{onClick:t,color:"cancel",minWidth:"100%",noMargin:!0},n.formatMessage({id:"WIDGET_Datasource_Cancel"}))):_.createElement(_.Fragment,null)};function vY(e,t){var n;const r=null!==(n=t[e])&&void 0!==n?n:null;return!!r&&!r.filter((e=>!e||0===e.length)).length}const yY=({column:e,onChange:t})=>{const n=bl();return _.createElement(Gq,null,_.createElement(qq,null,_.createElement(MG,{initialValue:e.label,label:n.formatMessage({id:"EXCEL_Editor_Column_Label"}),onChange:n=>t(Object.assign(Object.assign({},e),{name:e.name,label:n}))})),_.createElement(qq,null,_.createElement(BG,{label:n.formatMessage({id:"EXCEL_Editor_Column_Type"}),initialValue:e.type,required:!0,options:[{label:n.formatMessage({id:"WIDGET_Table_Column_Type_Date"}),value:"date"},{label:n.formatMessage({id:"WIDGET_Table_Column_Type_Text"}),value:"text"},{label:n.formatMessage({id:"WIDGET_Table_Column_Type_Url"}),value:"url"},{label:n.formatMessage({id:"WIDGET_Table_Column_Type_Number"}),value:"number"}],onChange:n=>t(Object.assign(Object.assign({},e),{name:e.name,type:n}))})),_.createElement(Wq,null))},bY=Bx.button`
|
|
4578
4579
|
border: 1px dashed ${e=>e.theme.color.orange};
|
|
4579
4580
|
padding: ${e=>e.theme.space.sm}px;
|
|
4580
4581
|
border-radius: ${e=>e.theme.space.sm}px;
|
|
@@ -4586,7 +4587,7 @@
|
|
|
4586
4587
|
`,wY=(Bx.div`
|
|
4587
4588
|
display: flex;
|
|
4588
4589
|
flex-direction: row;
|
|
4589
|
-
`,()=>{const e=bl();return _.createElement(_.Fragment,null,_.createElement(bY,null,_.createElement(nE,{name:"icon-warning",color:"orange"}),_.createElement("div",null,e.formatMessage({id:"WIDGET_Datasource_Excel_Broken_Model"}))))}),xY=({uri:e,tableColumnsData:t,model:n})=>{const r=bl(),[o,i]=(0,_.useState)(!1),[a,l]=(0,_.useState)(n),[s,c]=(0,_.useState)(void 0),[u,d]=(0,_.useState)(!1),{onChange:p,handlers:f}=iY(),m=(0,_.useCallback)((()=>{p({uri:void 0}),setTimeout((()=>{p({uri:e})}))}),[e,p]),h=(0,_.useCallback)((()=>{a&&(f.handleStart(),f.jamespot.datasource.updateModel(e,a).then((()=>{i(!1),m()})).catch(f.handleCatch).finally(f.handleFinally))}),[e,a,f,m]);(0,_.useEffect)((()=>{e&&(f.handleStart(),f.jamespot.datasource.getExcelDatasourceHeaders(e).then((e=>{c(e.result),d(!!e.result.filter((e=>!e||0===e.length)).length)})).catch(f.handleCatch).finally(f.handleFinally))}),[e]);const g=(0,_.useCallback)((n=>{f.handleStart(),f.jamespot.datasource.updateModel(e,n).then((()=>{p({uri:void 0}),setTimeout((()=>{p({tableColumnsData:n.map((e=>{const n=t.find((t=>t.name===e.name));return n?Object.assign({name:e.name},n):{name:e.name,isVisible:Iq.includes(e.type)}})),uri:e})}))})).catch(f.handleCatch).finally(f.handleFinally)}),[f,p,t,e]);return _.createElement(_.Fragment,null,u&&_.createElement(wY,null),e&&_.createElement(hY,{uri:e,onHandleCancel:()=>{p({tableColumnsData:[],uri:void 0})}}),a&&!u&&_.createElement(_.Fragment,null,_.createElement(nY,{model:a,excelHeaders:s,tableColumnsData:t,onChange:p,onUpdateModel:g}),_.createElement(HR,{onClick:()=>i(!0),variant:"outlined",minWidth:"100%",disabled:u},r.formatMessage({id:"WIDGET_Datasource_Excel_Edit_Model"}))),a&&o&&!u&&_.createElement(AP,{enableClickAwayCloseModal:!0,open:o,closeHandler:()=>i(!1)},_.createElement(rL,{overflow:"scroll",title:r.formatMessage({id:"WIDGET_Datasource_Excel_Edit_Model"})},_.createElement(_.Fragment,null,a.map((e=>_.createElement(yY,{key:e.name,column:e,onChange:e=>{l(a.map((t=>t.name===e.name?Object.assign(Object.assign(Object.assign({},t),e),{sortable:jq.includes(e.type)}):t)))}}))),_.createElement(HR,{onClick:h,variant:"outlined",minWidth:"100%"},r.formatMessage({id:"GLOBAL_Confirm"}))))))},EY=({token:e,onCreateSuccess:t})=>{const n=bl(),{handlers:r}=iY();return _.createElement(_.Fragment,null,n.formatMessage({id:"WIDGET_Datasource_Excel_Upload_Help"}),_.createElement(oq,{token:e,uniqid:"name",name:"attachment",accept:"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,text/csv,application/vnd.ms-excel",label:n.formatMessage({id:"WIDGET_Datasource_Use_Excel"}),multiple:!1,network:r.jamespot.network,onUploadStart:r.handleStart,onUploadSuccess:n=>{r.handleStart(),r.jamespot.datasource.create({title:n.title,datasourceIdentifier:"",datasourceType:Pq.CALC,token:e}).then((e=>{t(e.result.uri)})).catch(r.handleCatch).finally(r.handleFinally)}}))},CY=({uri:e,tableColumnsData:t})=>{const[n,r]=(0,_.useState)(void 0),[o,i]=(0,_.useState)(void 0),[a,l]=(0,_.useState)(void 0),s=!1,{hook:c,handlers:u}=iY();return(0,_.useEffect)((()=>{e||0!==t.length||n||(u.handleStart(),u.jamespot.network.token().then((e=>r(e.result))).catch(u.handleCatch).finally(u.handleFinally))}),[e,t,u,n]),(0,_.useEffect)((()=>{e&&!o&&(u.handleStart(),u.jamespot.datasource.getModel(e).then((e=>{i(e.result.model),l(void 0)})).catch(u.handleCatch).finally(u.handleFinally))}),[t,e,o,u]),(0,_.useEffect)((()=>{e||(i(void 0),l(void 0))}),[e]),_.createElement(_.Fragment,null,!e&&!a&&void 0!==n&&_.createElement(_.Fragment,null,_.createElement(EY,{token:n,onCreateSuccess:l}),c&&c.isActive("FileBankHook")&&s,c&&c.isActive("OnlyOfficeHook")&&s),!e&&a&&0===t.length&&_.createElement(gY,{uri:a,onHandleCancel:()=>{l(void 0),u.handleStart(),u.jamespot.network.token().then((e=>r(e.result))).catch(u.handleCatch).finally(u.handleFinally)}}),e&&o?_.createElement(xY,{uri:e,model:o,tableColumnsData:t}):_.createElement(_.Fragment,null))},SY=({uri:e,limit:t=20,tableHeadColor:n,tableHeadTextColor:r,tableHeadIconColor:o,tableRowColor:i,tableRowTextColor:a,tableColumnsData:l=[],tableSizedColumns:s,tableSizedColumnsWidth:c,tableBorderRadius:u,hook:d,handlers:p,onChange:f,onSave:m,onStateChange:h,onError:g})=>{const v=bl();return _.createElement(oY,{hook:d,handlers:p,onSave:m,onChange:f,onStateChange:h,onError:g},_.createElement(mG,null,_.createElement(hG,null,_.createElement(CY,{uri:null!=e?e:void 0,tableColumnsData:l}),e&&l.length?_.createElement(fY,{limit:t,tableHeadColor:n,tableHeadTextColor:r,tableHeadIconColor:o,tableRowColor:i,tableRowTextColor:a,tableSizedColumns:s,tableSizedColumnsWidth:c,tableBorderRadius:u,onChange:f}):_.createElement(_.Fragment,null)),e&&_.createElement(HR,{onClick:()=>m({}),color:"primary",minWidth:"100%"},v.formatMessage({id:"PANEL_Save_And_Close"}))))},kY=(Bx.div`
|
|
4590
|
+
`,()=>{const e=bl();return _.createElement(_.Fragment,null,_.createElement(bY,null,_.createElement(nE,{name:"icon-warning",color:"orange"}),_.createElement("div",null,e.formatMessage({id:"WIDGET_Datasource_Excel_Broken_Model"}))))}),xY=({uri:e,tableColumnsData:t,model:n})=>{const r=bl(),[o,i]=(0,_.useState)(!1),[a,l]=(0,_.useState)(n),[s,c]=(0,_.useState)(void 0),[u,d]=(0,_.useState)(!1),{onChange:p,handlers:f}=iY(),m=(0,_.useCallback)((()=>{p({uri:void 0}),setTimeout((()=>{p({uri:e})}))}),[e,p]),h=(0,_.useCallback)((()=>{a&&(f.handleStart(),f.jamespot.datasource.updateModel(e,a).then((()=>{i(!1),m()})).catch(f.handleCatch).finally(f.handleFinally))}),[e,a,f,m]);(0,_.useEffect)((()=>{e&&(f.handleStart(),f.jamespot.datasource.getExcelDatasourceHeaders(e).then((e=>{c(e.result),d(!!e.result.filter((e=>!e||0===e.length)).length)})).catch(f.handleCatch).finally(f.handleFinally))}),[e]);const g=(0,_.useCallback)((n=>{f.handleStart(),f.jamespot.datasource.updateModel(e,n).then((()=>{p({uri:void 0}),setTimeout((()=>{p({tableColumnsData:n.map((e=>{const n=t.find((t=>t.name===e.name));return n?Object.assign({name:e.name},n):{name:e.name,isVisible:Iq.includes(e.type)}})),uri:e})}))})).catch(f.handleCatch).finally(f.handleFinally)}),[f,p,t,e]);return _.createElement(_.Fragment,null,u&&_.createElement(wY,null),e&&_.createElement(hY,{uri:e,onHandleCancel:()=>{p({tableColumnsData:[],uri:void 0})}}),a&&!u&&_.createElement(_.Fragment,null,_.createElement(nY,{model:a,excelHeaders:s,tableColumnsData:t,onChange:p,onUpdateModel:g}),_.createElement(HR,{onClick:()=>i(!0),variant:"outlined",minWidth:"100%",disabled:u,noMargin:!0},r.formatMessage({id:"WIDGET_Datasource_Excel_Edit_Model"}))),a&&o&&!u&&_.createElement(AP,{enableClickAwayCloseModal:!0,open:o,closeHandler:()=>i(!1)},_.createElement(rL,{overflow:"scroll",title:r.formatMessage({id:"WIDGET_Datasource_Excel_Edit_Model"})},_.createElement(_.Fragment,null,a.map((e=>_.createElement(yY,{key:e.name,column:e,onChange:e=>{l(a.map((t=>t.name===e.name?Object.assign(Object.assign(Object.assign({},t),e),{sortable:jq.includes(e.type)}):t)))}}))),_.createElement(HR,{onClick:h,variant:"outlined",minWidth:"100%"},r.formatMessage({id:"GLOBAL_Confirm"}))))))},EY=({token:e,onCreateSuccess:t})=>{const n=bl(),{handlers:r}=iY();return _.createElement(_.Fragment,null,n.formatMessage({id:"WIDGET_Datasource_Excel_Upload_Help"}),_.createElement(oq,{token:e,uniqid:"name",name:"attachment",accept:"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,text/csv,application/vnd.ms-excel",label:n.formatMessage({id:"WIDGET_Datasource_Use_Excel"}),multiple:!1,network:r.jamespot.network,onUploadStart:r.handleStart,onUploadSuccess:n=>{r.handleStart(),r.jamespot.datasource.create({title:n.title,datasourceIdentifier:"",datasourceType:Pq.CALC,token:e}).then((e=>{t(e.result.uri)})).catch(r.handleCatch).finally(r.handleFinally)}}))},CY=({uri:e,tableColumnsData:t})=>{const[n,r]=(0,_.useState)(void 0),[o,i]=(0,_.useState)(void 0),[a,l]=(0,_.useState)(void 0),s=!1,{hook:c,handlers:u}=iY();return(0,_.useEffect)((()=>{e||0!==t.length||n||(u.handleStart(),u.jamespot.network.token().then((e=>r(e.result))).catch(u.handleCatch).finally(u.handleFinally))}),[e,t,u,n]),(0,_.useEffect)((()=>{e&&!o&&(u.handleStart(),u.jamespot.datasource.getModel(e).then((e=>{i(e.result.model),l(void 0)})).catch(u.handleCatch).finally(u.handleFinally))}),[t,e,o,u]),(0,_.useEffect)((()=>{e||(i(void 0),l(void 0))}),[e]),_.createElement(_.Fragment,null,!e&&!a&&void 0!==n&&_.createElement(_.Fragment,null,_.createElement(EY,{token:n,onCreateSuccess:l}),c&&c.isActive("FileBankHook")&&s,c&&c.isActive("OnlyOfficeHook")&&s),!e&&a&&0===t.length&&_.createElement(gY,{uri:a,onHandleCancel:()=>{l(void 0),u.handleStart(),u.jamespot.network.token().then((e=>r(e.result))).catch(u.handleCatch).finally(u.handleFinally)}}),e&&o?_.createElement(xY,{uri:e,model:o,tableColumnsData:t}):_.createElement(_.Fragment,null))},SY=({uri:e,limit:t=20,tableHeadColor:n,tableHeadTextColor:r,tableHeadIconColor:o,tableRowColor:i,tableRowTextColor:a,tableColumnsData:l=[],tableSizedColumns:s,tableSizedColumnsWidth:c,tableBorderRadius:u,hook:d,handlers:p,onChange:f,onSave:m,onStateChange:h,onError:g})=>{const v=bl();return _.createElement(oY,{hook:d,handlers:p,onSave:m,onChange:f,onStateChange:h,onError:g},_.createElement(mG,null,_.createElement(hG,null,_.createElement(CY,{uri:null!=e?e:void 0,tableColumnsData:l}),e&&l.length?_.createElement(fY,{limit:t,tableHeadColor:n,tableHeadTextColor:r,tableHeadIconColor:o,tableRowColor:i,tableRowTextColor:a,tableSizedColumns:s,tableSizedColumnsWidth:c,tableBorderRadius:u,onChange:f}):_.createElement(_.Fragment,null)),e&&_.createElement(HR,{onClick:()=>m({}),color:"primary",minWidth:"100%",noMargin:!0},v.formatMessage({id:"PANEL_Save_And_Close"}))))},kY=(Bx.div`
|
|
4590
4591
|
& > fieldset {
|
|
4591
4592
|
margin: 0px;
|
|
4592
4593
|
}
|