jamespot-react-components 1.0.154 → 1.0.156

package/build/jamespot-react-components.js

@@ -3064,7 +3064,7 @@
     &:hover {
         background-color: ${({theme:e})=>e.color.primaryL15};
     }
-`,XZ=({onChange:e,placeholder:t,width:n,loading:r,onClickSearch:o,dataCy:i})=>{const a=Ba(),s=Ac(),{debouncedFunction:l,value:c}=function(e){const[t,n]=C.useState(),r=VL(t);return C.useEffect((()=>{void 0!==r&&e&&e(r)}),[r,e]),{debouncedFunction:e=>n(e),value:t}}(e);return C.createElement(GZ,{width:n||"100%"},C.createElement(YZ,null,r?C.createElement(Wx,{size:"s"}):C.createElement(Px,{name:"icon-search",color:s.color.grey2,size:18})),C.createElement(JZ,null,C.createElement(d_,{style:{width:n||"100%",paddingLeft:"40px",paddingRight:"130px",marginBottom:0},placeholder:t||a.formatMessage({id:"GLOBAL_Search"}),type:"text",onChange:e=>l(e.target.value),onKeyDown:e=>{"Enter"===e.key&&c&&o&&o(c)},"data-cy":i}),o&&C.createElement(KZ,{onClick:()=>{c&&o(c)}},C.createElement(wR,null,a.formatMessage({id:"GLOBAL_Search"})))))};const QZ=({hierarchicalTaxonomyPromise:e,close:t,inPlace:n,options:r,updateOptions:o})=>{const i=Ba(),[a,s]=C.useState(!1),[l,c]=C.useState([]),[u,d]=C.useState([{title:i.formatMessage({id:"HOMEUSER_Home"}),uri:""}]),[p,f]=C.useState(),h=Nv({defaultValues:{options:r},criteriaMode:"all"}),m=h.watch("options"),g=[{color:"cancel",clickHandler:t,children:C.createElement(Ps,{id:"GLOBAL_Cancel"})},{color:"valid",children:C.createElement(Ps,{id:"GLOBAL_Save"}),clickHandler:()=>function(e,t,n,r){return new(n||(n=Promise))((function(o,i){function a(e){try{l(r.next(e))}catch(e){i(e)}}function s(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}))}(void 0,void 0,void 0,(function*(){o(m)}))}],v=C.useCallback(((t,n)=>{e&&(s(!0),e(t).then((e=>{const r=e.data.map((e=>Object.assign(Object.assign({},e),{label:C.createElement(TL,{onClick:()=>{v(e.uri,e.title)}},e.title,C.createElement(Px,{name:"icon-angle-right",size:12,color:"secondary"})),value:Object.assign({},e)})));t&&n&&f({uri:t,title:n}),c(r),s(!1)})).catch((()=>{s(!1)})))}),[e]);return C.useEffect((()=>{p&&-1===u.findIndex((e=>e.uri==(null==p?void 0:p.uri)))&&d([...u,{uri:p.uri,title:p.title}])}),[p]),C.useEffect((()=>{v("")}),[]),C.createElement(SQ,{open:!0,closeHandler:t,portalId:"react-modal",inPlace:n,title:i.formatMessage({id:"GLOBAL_CHECK_BOXES"}),buttons:g},C.createElement(CL,null,C.createElement(IL,null,C.createElement(OL,null,C.createElement(_L,null,i.formatMessage({id:"HIERARCHICAL_TAXONOMY_DESCRIPTION"})),C.createElement(AL,null,(null==m?void 0:m.map((({title:e},t)=>C.createElement(OP,{key:t,children:e,variant:"span"}))))||C.createElement(wR,{size:"m",variant:"span"},i.formatMessage({id:"GLOBAL_CHECK_FIRST_BOXE"}))),C.createElement(cP,{direction:"row",x:"flex-start",y:"flex-start"},(null==u?void 0:u.length)&&u.map(((e,t)=>C.createElement(TL,{key:t,onClick:()=>{const t=[...u].findIndex((t=>t.uri==e.uri));-1!==t&&d((e=>e.slice(0,t+1))),v(e.uri)}},e.title,C.createElement(Px,{name:"icon-angle-right",size:12,color:"secondary"}))))),a?C.createElement(Wx,{size:"m"}):l.length?C.createElement(dB,{label:"",description:"",name:"options",control:h.control,options:l,direction:"column",labelPosition:"before",checkboxMode:"checkbox"}):C.createElement(DL,null,C.createElement(Px,{name:"icon-tag",size:60}),C.createElement(wR,{size:"l",variant:"p"},i.formatMessage({id:"GLOBAL_No_Result"})),C.createElement(gR,{onClick:()=>{const e=u[u.length-2];u.length>1&&(d((e=>e.slice(0,-1))),v(e.uri,e.title))}},i.formatMessage({id:"GLOBAL_BACK_PREVIOUS_SECTION"})))))))};const ZZ=C.forwardRef((function(e,t){var{asyncPromise:n,hierarchicalTaxonomyPromise:r,displayModal:o=!0,inPlace:i=!1,placeholder:a,control:s,name:l,width:c}=e,u=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","hierarchicalTaxonomyPromise","displayModal","inPlace","placeholder","control","name","width"]);const d=Pg({control:s,name:l}),{field:p}=Bg({control:s,name:l}),f={color:"grey2",icon:"icon-search",onClick:()=>m((e=>!e))},[h,m]=C.useState(!1),g=C.useMemo((()=>n?e=>n(e).then((e=>(null==e?void 0:e.data)||[])):void 0),[n]);return C.createElement(kL,{ref:t},C.createElement(PL,null,C.createElement(qL,Object.assign({asyncPromise:g,name:l,control:s,displayOption:!0,placeholder:a,iconBefore:o?f:void 0,width:c},u))),o&&h&&C.createElement(QZ,{inPlace:i,close:()=>m(!1),options:d,updateOptions:e=>{p.onChange(e)},hierarchicalTaxonomyPromise:r}))}));const e0=e=>{var{asyncPromise:t,displayModal:n=!0,inPlace:r=!1,width:o,placeholder:i,onChange:a,control:s,name:l}=e,c=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","displayModal","inPlace","width","placeholder","onChange","control","name"]);const u=Pg({control:s,name:l}),d=[{color:"valid",children:C.createElement(Ps,{id:"GLOBAL_Save"})}],p={color:"grey2",icon:"icon-search",onClick:()=>h(!f)},[f,h]=C.useState(!1),[m,g]=C.useState(!1),[v,y]=C.useState(""),[b,w]=C.useState(1),[x,E]=C.useState([]),[S,k]=C.useState({manualSortBy:!0,draggable:!1,pagination:{page:1,perPage:1,nbResults:1}}),O=C.useMemo((()=>e=>{var n;if(t&&(f&&!e&&x&&0===x.length||f&&b!==(null===(n=S.pagination)||void 0===n?void 0:n.page)&&(0,pp.deepEqual)(v.toLowerCase(),e.toLowerCase())||!f&&""!==e&&!(0,pp.deepEqual)(v.toLowerCase(),e.toLowerCase())||f&&!(0,pp.deepEqual)(v.toLowerCase(),e.toLowerCase()))){g(!0),(0,pp.deepEqual)(v.toLowerCase(),e.toLowerCase())||y(e);const n=(0,pp.deepEqual)(v.toLowerCase(),e.toLowerCase())?b:1;return t(e,n).then((e=>((null==e?void 0:e.data)&&(k({manualSortBy:!0,draggable:!1,pagination:{page:e.page,perPage:e.limit,nbResults:e.cnt}}),E(e.data)),g(!1),(null==e?void 0:e.data)||[])))}return Promise.resolve([])}),[v,f,b]);C.useEffect((()=>{t&&b&&O(v)}),[b]),C.useEffect((()=>{v&&y("")}),[f]),C.useEffect((()=>{f||""!=v||E([])}),[v]);const A={onPage:e=>{w(e)}},T=[{Header:"Title",accessor:e=>{const t=(null==u?void 0:u.findIndex((t=>(0,pp.deepEqual)(t,e))))||null;return C.createElement(ML,{isSelected:-1!==t,onClick:()=>{if(t&&-1!==t){const e=[...u];e.splice(t,1),a(e)}else-1===t&&a([...u,e])}},null==e?void 0:e.title)},disableSortBy:!0}];return C.createElement(kL,null,C.createElement(RL,null,C.createElement(qL,Object.assign({asyncPromise:f?()=>Promise.resolve([]):O,name:l,control:s,showAsyncResultOnEmptySearch:!0,multiple:!0,displayOption:!0,width:o,placeholder:i,iconBefore:p},c)),n&&C.createElement(SQ,{title:i||"",open:f,closeHandler:()=>h(!1),portalId:"react-modal",inPlace:r,buttons:d},C.createElement(IL,null,C.createElement(PL,null,C.createElement(qL,Object.assign({asyncPromise:O,name:l,control:s,showAsyncResultOnEmptySearch:!0,displayOption:!1,width:"100%",placeholder:"",displayIndicator:!1,iconBefore:{color:"grey2",icon:"icon-search"}},c))),C.createElement(LL,null,m?C.createElement(jL,{direction:"row",x:"center",y:"center"},C.createElement(Wx,{size:"m"})):x.length?!!x.length&&S&&C.createElement(BL,null,C.createElement(Sj,{config:S,data:x,columns:T,eventHandlers:A})):C.createElement(jL,{direction:"row",x:"center",y:"center"},C.createElement(Ps,{id:"GLOBAL_No_Result"})))))))};var t0=function(e,t,n,r){return new(n||(n=Promise))((function(o,i){function a(e){try{l(r.next(e))}catch(e){i(e)}}function s(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}))},n0=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 r0=Rc.div`
+`,XZ=({onChange:e,placeholder:t,width:n,loading:r,onClickSearch:o,dataCy:i})=>{const a=Ba(),s=Ac(),{debouncedFunction:l,value:c}=function(e){const[t,n]=C.useState(),r=VL(t);return C.useEffect((()=>{void 0!==r&&e&&e(r)}),[r,e]),{debouncedFunction:e=>n(e),value:t}}(e);return C.createElement(GZ,{width:n||"100%"},C.createElement(YZ,null,r?C.createElement(Wx,{size:"s"}):C.createElement(Px,{name:"icon-search",color:s.color.grey2,size:18})),C.createElement(JZ,null,C.createElement(d_,{style:{width:n||"100%",paddingLeft:"40px",paddingRight:"130px",marginBottom:0},placeholder:t||a.formatMessage({id:"GLOBAL_Search"}),type:"text",onChange:e=>l(e.target.value),onKeyDown:e=>{"Enter"===e.key&&c&&o&&o(c)},"data-cy":i}),o&&C.createElement(KZ,{onClick:()=>{c&&o(c)}},C.createElement(wR,null,a.formatMessage({id:"GLOBAL_Search"})))))};const QZ=({hierarchicalTaxonomyPromise:e,close:t,inPlace:n,options:r,updateOptions:o})=>{const i=Ba(),[a,s]=C.useState(!1),[l,c]=C.useState([]),[u,d]=C.useState([{title:i.formatMessage({id:"HOMEUSER_Home"}),uri:""}]),[p,f]=C.useState(),h=Nv({defaultValues:{options:r},criteriaMode:"all"}),m=h.watch("options"),g=[{color:"cancel",clickHandler:t,children:C.createElement(Ps,{id:"GLOBAL_Cancel"})},{color:"valid",children:C.createElement(Ps,{id:"GLOBAL_Save"}),clickHandler:()=>function(e,t,n,r){return new(n||(n=Promise))((function(o,i){function a(e){try{l(r.next(e))}catch(e){i(e)}}function s(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}))}(void 0,void 0,void 0,(function*(){o(m)}))}],v=C.useCallback(((t,n)=>{e&&(s(!0),e(t).then((e=>{const r=e.data.map((e=>Object.assign(Object.assign({},e),{label:C.createElement(TL,{onClick:()=>{v(e.uri,e.title)}},e.title,C.createElement(Px,{name:"icon-angle-right",size:12,color:"secondary"})),value:Object.assign({},e)})));t&&n&&f({uri:t,title:n}),c(r),s(!1)})).catch((()=>{s(!1)})))}),[e]);return C.useEffect((()=>{p&&-1===u.findIndex((e=>e.uri==(null==p?void 0:p.uri)))&&d([...u,{uri:p.uri,title:p.title}])}),[p]),C.useEffect((()=>{v("")}),[]),C.createElement(SQ,{open:!0,closeHandler:t,portalId:"react-modal",inPlace:n,title:i.formatMessage({id:"GLOBAL_CHECK_BOXES"}),buttons:g},C.createElement(CL,null,C.createElement(IL,null,C.createElement(OL,null,C.createElement(_L,null,i.formatMessage({id:"HIERARCHICAL_TAXONOMY_DESCRIPTION"})),C.createElement(AL,null,(null==m?void 0:m.map((({title:e},t)=>C.createElement(OP,{key:t,children:e,variant:"span"}))))||C.createElement(wR,{size:"m",variant:"span"},i.formatMessage({id:"GLOBAL_CHECK_FIRST_BOXE"}))),C.createElement(cP,{direction:"row",x:"flex-start",y:"flex-start"},(null==u?void 0:u.length)&&u.map(((e,t)=>C.createElement(TL,{key:t,onClick:()=>{const t=[...u].findIndex((t=>t.uri==e.uri));-1!==t&&d((e=>e.slice(0,t+1))),v(e.uri)}},e.title,C.createElement(Px,{name:"icon-angle-right",size:12,color:"secondary"}))))),a?C.createElement(Wx,{size:"m"}):l.length?C.createElement(dB,{label:"",description:"",name:"options",control:h.control,options:l,direction:"column",labelPosition:"before",checkboxMode:"checkbox"}):C.createElement(DL,null,C.createElement(Px,{name:"icon-tag",size:60}),C.createElement(wR,{size:"l",variant:"p"},i.formatMessage({id:"GLOBAL_No_Result"})),C.createElement(gR,{onClick:()=>{const e=u[u.length-2];u.length>1&&(d((e=>e.slice(0,-1))),v(e.uri,e.title))}},i.formatMessage({id:"GLOBAL_BACK_PREVIOUS_SECTION"})))))))};const ZZ=C.forwardRef((function(e,t){var{asyncPromise:n,hierarchicalTaxonomyPromise:r,displayModal:o=!0,inPlace:i=!1,placeholder:a,control:s,name:l,width:c}=e,u=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","hierarchicalTaxonomyPromise","displayModal","inPlace","placeholder","control","name","width"]);const d=Pg({control:s,name:l}),{field:p}=Bg({control:s,name:l}),f={color:"grey2",icon:"icon-search",onClick:()=>m((e=>!e))},[h,m]=C.useState(!1),g=C.useMemo((()=>n?e=>n(e).then((e=>(null==e?void 0:e.data)||[])):void 0),[n]);return C.createElement(kL,{ref:t},C.createElement(PL,null,C.createElement(qL,Object.assign({asyncPromise:g,name:l,control:s,displayOption:!0,placeholder:a,iconBefore:o?f:void 0,width:c},u))),o&&h&&C.createElement(QZ,{inPlace:i,close:()=>m(!1),options:d,updateOptions:e=>{p.onChange(e)},hierarchicalTaxonomyPromise:r}))}));const e0=e=>{var{asyncPromise:t,displayModal:n=!0,inPlace:r=!1,width:o,placeholder:i,onChange:a,control:s,name:l}=e,c=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","displayModal","inPlace","width","placeholder","onChange","control","name"]);const u=Pg({control:s,name:l}),d=[{color:"valid",children:C.createElement(Ps,{id:"GLOBAL_Save"}),clickHandler:()=>{h(!1)}}],p={color:"grey2",icon:"icon-search",onClick:()=>h(!f)},[f,h]=C.useState(!1),[m,g]=C.useState(!1),[v,y]=C.useState(""),[b,w]=C.useState(1),[x,E]=C.useState([]),[S,k]=C.useState({manualSortBy:!0,draggable:!1,pagination:{page:1,perPage:1,nbResults:1}}),O=C.useMemo((()=>e=>{var n;if(t&&(f&&!e&&x&&0===x.length||f&&b!==(null===(n=S.pagination)||void 0===n?void 0:n.page)&&(0,pp.deepEqual)(v.toLowerCase(),e.toLowerCase())||!f&&""!==e&&!(0,pp.deepEqual)(v.toLowerCase(),e.toLowerCase())||f&&!(0,pp.deepEqual)(v.toLowerCase(),e.toLowerCase()))){g(!0),(0,pp.deepEqual)(v.toLowerCase(),e.toLowerCase())||y(e);const n=(0,pp.deepEqual)(v.toLowerCase(),e.toLowerCase())?b:1;return t(e,n).then((e=>((null==e?void 0:e.data)&&(k({manualSortBy:!0,draggable:!1,pagination:{page:e.page,perPage:e.limit,nbResults:e.cnt}}),E(e.data)),g(!1),(null==e?void 0:e.data)||[])))}return Promise.resolve([])}),[v,f,b]);C.useEffect((()=>{t&&b&&O(v)}),[b]),C.useEffect((()=>{v&&y("")}),[f]),C.useEffect((()=>{f||""!=v||E([])}),[v]);const A={onPage:e=>{w(e)}},T=[{Header:"Title",accessor:e=>{const t=(null==u?void 0:u.findIndex((t=>(0,pp.deepEqual)(t,e))))||null;return C.createElement(ML,{isSelected:-1!==t,onClick:()=>{if(t&&-1!==t){const e=[...u];e.splice(t,1),a(e)}else-1===t&&a([...u,e])}},null==e?void 0:e.title)},disableSortBy:!0}];return C.createElement(kL,null,C.createElement(RL,null,C.createElement(qL,Object.assign({asyncPromise:f?()=>Promise.resolve([]):O,name:l,control:s,showAsyncResultOnEmptySearch:!0,multiple:!0,displayOption:!0,width:o,placeholder:i,iconBefore:p},c)),n&&C.createElement(SQ,{title:i||"",open:f,closeHandler:()=>h(!1),portalId:"react-modal",inPlace:r,buttons:d},C.createElement(IL,null,C.createElement(PL,null,C.createElement(qL,Object.assign({asyncPromise:O,name:l,control:s,showAsyncResultOnEmptySearch:!0,displayOption:!1,width:"100%",placeholder:"",displayIndicator:!1,iconBefore:{color:"grey2",icon:"icon-search"}},c))),C.createElement(LL,null,m?C.createElement(jL,{direction:"row",x:"center",y:"center"},C.createElement(Wx,{size:"m"})):x.length?!!x.length&&S&&C.createElement(BL,null,C.createElement(Sj,{config:S,data:x,columns:T,eventHandlers:A})):C.createElement(jL,{direction:"row",x:"center",y:"center"},C.createElement(Ps,{id:"GLOBAL_No_Result"})))))))};var t0=function(e,t,n,r){return new(n||(n=Promise))((function(o,i){function a(e){try{l(r.next(e))}catch(e){i(e)}}function s(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}))},n0=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 r0=Rc.div`
     display: flex;
     align-items: center;
     min-height: 40px;