jamespot-react-components 1.0.66 → 1.0.67
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.
|
@@ -1290,7 +1290,7 @@
|
|
|
1290
1290
|
top: 10px;
|
|
1291
1291
|
right: 10px;
|
|
1292
1292
|
pointer-events: none;
|
|
1293
|
-
`,XN=({open:e})=>e?w.createElement(KN,{name:"icon-angle-up",color:"grey2"}):w.createElement(KN,{name:"icon-angle-down",color:"grey2"});function QN(e,t){return e.findIndex((e=>LN(e,t)))}function ZN(e,t){const n=QN(e,t);return n>=0&&e.splice(n,1),e}function eL(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 tL(e,t){return t&&"function"==typeof t?t(e)||"":t&&"string"==typeof t?e[t]||"":e||""}function nL(e,t){return Array.isArray(e)?QN(e,t)>=0:LN(e,t)}const rL=w.forwardRef((function(e,t){const n=t=>tL(t,e.getLabel),r=t=>tL(t,e.getSearch),o=t=>tL(t,e.getGroup),[i,a]=w.useState(""),[s,u]=w.useState(!1),[l,c]=w.useState(!1),[d,p]=w.useState(0),f=w.useRef(null),h=w.useRef(null),[m,g]=w.useState(e.options||[]),[v,y]=w.useState(!1);w.useEffect((()=>{e.options&&g(e.options)}),[e.options]),w.useEffect((()=>{e.multiple||a((e=>!e||Array.isArray(e)&&!e.length||e=={})(e.value)?"":r(e.value))}),[e.value]),w.useEffect((()=>{!e.searchable&&v||e.asyncPromise&&e.asyncPromise(i).then((e=>{g(e),y(!0)}))}),[e.asyncPromise,i]);let b=null;function x(e){b=e,l&&(c(!1),h.current&&b&&FN(h.current,b))}function E(t,n){var r,o,i;e.multiple?e.onChange(e.value&&Array.isArray(e.value)&&QN(e.value,n)>=0?ZN(e.value,n):(o=e.value,i=n,Array.isArray(o)?(o.push(i),o):[i])):LN(e.value,n)?e.onChange(""):(e.onChange(n),u(!1)),null===(r=null==f?void 0:f.current)||void 0===r||r.focus(),t.preventDefault()}w.useImperativeHandle(t,(()=>({focus:()=>{var e;null===(e=null==f?void 0:f.current)||void 0===e||e.focus()}})));const C=w.useMemo((()=>e.searchable?m.filter((e=>!i||new RegExp(i,"i").test(r(e)))):m),[m,i]);return w.createElement(w.Fragment,null,e.multiple&&w.createElement(qN,null,e.value.map(((t,n)=>{var r;return w.createElement(GN,{key:n,onClick:()=>{e.onChange(ZN(e.value,t))}},(null===(r=null==e?void 0:e.components)||void 0===r?void 0:r.SelectedOption)?w.createElement(e.components.SelectedOption,{option:t}):w.createElement(YN,null,w.createElement(JN,null),tL(t,e.getValue)))}))),w.createElement(zN,{onClickAway:()=>u(!1),className:e.className},w.createElement(FS,{ref:f,disabled:e.disabled,placeholder:e.placeholder,searchable:e.searchable,value:i,dataCy:e.dataCy,onChange:t=>{e.searchable&&a(t.target.value||"")},onKeyDown:t=>{if("ArrowDown"===t.key)p(s?(d+1)%C.length:0),c(!0),u(!0);else if("ArrowUp"===t.key)p(s&&d>0?d-1:C.length-1),c(!0),u(!0);else if("Enter"===t.key&&void 0!==d){e.multiple||u(!1);const n=C.map((e=>({el:e,group:o(e)}))).sort(((e,t)=>e.group===t.group?0:e.group<t.group?-1:1)).map((e=>e.el))[d];E(t,n)}else"Tab"===t.key||"Escape"===t.key?u(!1):!e.multiple&&e.value&&e.onChange("")},onClick:()=>{u(!0),c(!0)}}),w.createElement(XN,{open:s}),s&&w.createElement(WN,{ref:h},!e.group&&C.map(((t,r)=>{var o;return w.createElement($N,{key:r,ref:r===d?x:void 0,onClick:e=>E(e,t),isFocused:r===d,"data-cy":e.dataCy&&`${e.dataCy}-option-${
|
|
1293
|
+
`,XN=({open:e})=>e?w.createElement(KN,{name:"icon-angle-up",color:"grey2"}):w.createElement(KN,{name:"icon-angle-down",color:"grey2"});function QN(e,t){return e.findIndex((e=>LN(e,t)))}function ZN(e,t){const n=QN(e,t);return n>=0&&e.splice(n,1),e}function eL(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 tL(e,t){return t&&"function"==typeof t?t(e)||"":t&&"string"==typeof t?e[t]||"":e||""}function nL(e,t){return Array.isArray(e)?QN(e,t)>=0:LN(e,t)}const rL=w.forwardRef((function(e,t){const n=t=>tL(t,e.getLabel),r=t=>tL(t,e.getSearch),o=t=>tL(t,e.getGroup),[i,a]=w.useState(""),[s,u]=w.useState(!1),[l,c]=w.useState(!1),[d,p]=w.useState(0),f=w.useRef(null),h=w.useRef(null),[m,g]=w.useState(e.options||[]),[v,y]=w.useState(!1);w.useEffect((()=>{e.options&&g(e.options)}),[e.options]),w.useEffect((()=>{e.multiple||a((e=>!e||Array.isArray(e)&&!e.length||e=={})(e.value)?"":r(e.value))}),[e.value]),w.useEffect((()=>{!e.searchable&&v||e.asyncPromise&&e.asyncPromise(i).then((e=>{g(e),y(!0)}))}),[e.asyncPromise,i]);let b=null;function x(e){b=e,l&&(c(!1),h.current&&b&&FN(h.current,b))}function E(t,n){var r,o,i;e.multiple?e.onChange(e.value&&Array.isArray(e.value)&&QN(e.value,n)>=0?ZN(e.value,n):(o=e.value,i=n,Array.isArray(o)?(o.push(i),o):[i])):LN(e.value,n)?e.onChange(""):(e.onChange(n),u(!1)),null===(r=null==f?void 0:f.current)||void 0===r||r.focus(),t.preventDefault()}w.useImperativeHandle(t,(()=>({focus:()=>{var e;null===(e=null==f?void 0:f.current)||void 0===e||e.focus()}})));const C=w.useMemo((()=>e.searchable?m.filter((e=>!i||new RegExp(i,"i").test(r(e)))):m),[m,i]);return w.createElement(w.Fragment,null,e.multiple&&w.createElement(qN,null,e.value.map(((t,n)=>{var r;return w.createElement(GN,{key:n,onClick:()=>{e.onChange(ZN(e.value,t))}},(null===(r=null==e?void 0:e.components)||void 0===r?void 0:r.SelectedOption)?w.createElement(e.components.SelectedOption,{option:t}):w.createElement(YN,null,w.createElement(JN,null),tL(t,e.getValue)))}))),w.createElement(zN,{onClickAway:()=>u(!1),className:e.className},w.createElement(FS,{ref:f,disabled:e.disabled,placeholder:e.placeholder,searchable:e.searchable,value:i,dataCy:e.dataCy,onChange:t=>{e.searchable&&a(t.target.value||"")},onKeyDown:t=>{if("ArrowDown"===t.key)p(s?(d+1)%C.length:0),c(!0),u(!0);else if("ArrowUp"===t.key)p(s&&d>0?d-1:C.length-1),c(!0),u(!0);else if("Enter"===t.key&&void 0!==d){e.multiple||u(!1);const n=C.map((e=>({el:e,group:o(e)}))).sort(((e,t)=>e.group===t.group?0:e.group<t.group?-1:1)).map((e=>e.el))[d];E(t,n)}else"Tab"===t.key||"Escape"===t.key?u(!1):!e.multiple&&e.value&&e.onChange("")},onClick:()=>{u(!0),c(!0)}}),w.createElement(XN,{open:s}),s&&w.createElement(WN,{ref:h},!e.group&&C.map(((t,r)=>{var o;return w.createElement($N,{key:r,ref:r===d?x:void 0,onClick:e=>E(e,t),isFocused:r===d,"data-cy":e.dataCy&&`${e.dataCy}-option-${t.value}`,isSelected:nL(e.value,t)},(null===(o=null==e?void 0:e.components)||void 0===o?void 0:o.Option)?w.createElement(e.components.Option,{option:t}):n(t).toString())})),e.group&&eL(C,o).map(((t,r)=>w.createElement(VN,{key:t.label},w.createElement(UN,null,t.label),w.createElement(HN,null,t.options.map((t=>{var o;return w.createElement($N,{onClick:e=>E(e,t),"data-cy":e.dataCy&&`${e.dataCy}-group-${r}-option-${t.value}`,key:t._index,ref:t._index===d?x:void 0,isFocused:t._index===d,isSelected:nL(e.value,t)},(null===(o=null==e?void 0:e.components)||void 0===o?void 0:o.Option)?w.createElement(e.components.Option,{option:t}):n(t).toString())})))))))))}));function oL(e){const{name:t,control:n,rules:r,label:o,htmlFor:i,labelIsLegend:a,description:s,helper:u}=e;return w.createElement(RN,{name:t,control:n,rules:r,label:o,htmlFor:i,labelIsLegend:a,description:s,helper:u,renderFunction:t=>w.createElement(rL,Object.assign({},e,t))})}const iL=Sl.div`
|
|
1294
1294
|
font-size: 16px;
|
|
1295
1295
|
color: ${e=>e.theme.color.grey5};
|
|
1296
1296
|
border: 1px solid ${e=>e.theme.color.grey2};
|
|
@@ -1567,7 +1567,7 @@
|
|
|
1567
1567
|
justify-content: flex-end;
|
|
1568
1568
|
padding: 24px;
|
|
1569
1569
|
z-index: 0;
|
|
1570
|
-
`,az=Sl.div``,sz=e=>parseInt(e,16),uz=e=>Math.round(e).toString(16).padStart(2,"0"),lz=e=>({r:sz(e.substring(1,3)),g:sz(e.substring(3,5)),b:sz(e.substring(5,7))}),cz=(e,t)=>(({r:e,g:t,b:n},r)=>`#${uz(e+(255-e)*r)}${uz(t+(255-t)*r)}${uz(n+(255-n)*r)}`)(lz(e),t),dz=e=>{var t;const n=new RegExp("^#(?:[A-Fa-f0-9]{3}){1,2}$"),r=new RegExp("^rgb[(](?:s*0*(?:dd?(?:.d+)?(?:s*%)?|.d+s*%|100(?:.0*)?s*%|(?:1dd|2[0-4]d|25[0-5])(?:.d+)?)s*(?:,(?![)])|(?=[)]))){3}[)]$"),o=new RegExp("^hsl[(]s*0*(?:[12]?d{1,2}|3(?:[0-5]d|60))s*(?:s*,s*0*(?:dd?(?:.d+)?s*%|.d+s*%|100(?:.0*)?s*%)){2}s*[)]$"),i=n.test(e)?(e=>{let t=0,n=0,r=0;4==e.length?(t="0x"+e[1]+e[1],n="0x"+e[2]+e[2],r="0x"+e[3]+e[3]):7==e.length&&(t="0x"+e[1]+e[2],n="0x"+e[3]+e[4],r="0x"+e[5]+e[6]),t/=255,n/=255,r/=255;let o=Math.min(t,n,r),i=Math.max(t,n,r),a=i-o,s=0,u=0,l=0;return s=0==a?0:i==t?(n-r)/a%6:i==n?(r-t)/a+2:(t-n)/a+4,s=Math.round(60*s),s<0&&(s+=360),l=(i+o)/2,u=0==a?0:a/(1-Math.abs(2*l-1)),u=+(100*u).toFixed(1),l=+(100*l).toFixed(1),[s,u,l]})(e):r.test(e)?(e=>{const t=e.indexOf(",")>-1?",":" ";e=e.substr(4).split(")")[0].split(t);for(const t in e){const n=e[t];n.indexOf("%")>-1&&(e[t]=Math.round(n.substr(0,n.length-1)/100*255))}const n=e[0]/255,r=e[1]/255,o=e[2]/255;let i=Math.min(n,r,o),a=Math.max(n,r,o),s=a-i,u=0,l=0;return l=(a+i)/2,u=0==s?0:s/(1-Math.abs(2*l-1)),u=+(100*u).toFixed(1),l=+(100*l).toFixed(1),[0,u,l]})(e):o.test(e)&&(null===(t=/hsl\(\s*(\d+)\s*,\s*(\d+(?:\.\d+)?%)\s*,\s*(\d+(?:\.\d+)?%)\)/g.exec(e))||void 0===t?void 0:t.slice(1));let a="";return i&&i[2]&&i[2]>50?a="hsl("+i[0]+","+i[1]+"%,"+(parseInt(i[2])-10)+"%)":i&&i[2]&&i[2]<50||i&&i[2]&&50===i[2]?a="hsl("+i[0]+","+i[1]+"%,"+(parseInt(i[2])+10)+"%)":i&&(a=a="hsl("+i[0]+","+i[1]+"%,"+i[2]+"%)"),a},pz={config:null,get:function(){return null===this.config&&this.initTheme(),this.config},initTheme:function(e){const t={primary:e&&e.buttonColor?e.buttonColor:"#8F7CEA",secondary:e&&e.linkColor?e.linkColor:"#8F7CEA",headerColor:e&&e.headerColor,headerTextColor:e&&e.headerTextColor,headerUserBackground:e&&e.headerUserBackground,headerUserTextColor:e&&e.headerUserTextColor,headerSearchBarTextColor:e&&e.headerSearchBarTextColor?e.headerSearchBarTextColor:"#ffffff",headerSearchBarBackgroundColor:e&&e.headerSearchBarBackgroundColor?e.headerSearchBarBackgroundColor:e&&e.headerColor?dz(e.headerColor):"#313941",lavender:"#8F7CEA",orange:"#F86041",yellow:"#FFBB54",navy:"#131E4B",overseas:"#392994",green:"#50D0BC",black:"#000000",black10:"#00000019",black15:"#00000026",black20:"#00000033",grey6:"#2E2E33",grey5:"#4A4A52",grey4:"#848491",grey3:"#BEBED1",grey2:"#DADAF0",grey1:"#EFEFFF",grey0:"#F8F8FF",white:"#FFFFFF"},n={primaryD20:(r=t.primary,o=.2,(({r:e,g:t,b:n},r)=>`#${uz((1-r)*e)}${uz((1-r)*t)}${uz((1-r)*n)}`)(lz(r),o)),primaryL15:cz(t.primary,.15),primaryL80:cz(t.primary,.8),primaryL90:cz(t.primary,.9),greenD20:"#40A696",greenL20:"#73D9C9",greenL80:"#DCF6F2",greenL90:"#EEFAF8",orangeD20:"#C64D34",orangeL15:"#F9785E",orangeL80:"#FEDFD9",orangeL90:"#FEEFEC"};var r,o;this.config={dpr:Math.ceil((null===window||void 0===window?void 0:window.devicePixelRatio)||2),fallbackUrl:{article:"/imagestatic/30x30/icons/article.png"},font:{family:e&&e.fontFamily?"'"+e.fontFamily+"', sans-serif":"'Poppins', sans-serif",color:t.grey5,hrefColor:t.secondary,size:"16px",lineHeight:"1.5em",weight:{light:300,normal:400,medium:500,semiBold:600,bold:700}},color:Object.assign(Object.assign({},t),n)}}},fz=pz;n(3559),n(3426),n(5757),n(3861),n(5195),n(611),n(9383);const hz=e=>w.createElement("div",{className:"react-reset"},w.createElement(ml,{theme:fz.get()},e.children));var mz=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 gz=e=>{var{onClickAway:t,mouseEvent:n="click",touchEvent:r="touchend"}=e,o=mz(e,["onClickAway","mouseEvent","touchEvent"]);const i=w.useRef(null);return w.useEffect((()=>{const e=e=>{i.current&&i.current.contains(e.target)?e.stopPropagation():t&&t(e)};return document.addEventListener(n,e),document.addEventListener(r,e),()=>{document.removeEventListener(n,e),document.removeEventListener(r,e)}}),[n,t]),w.createElement(o.isFull?tz:nz,Object.assign({ref:i},o))},vz=w.forwardRef((({closeHandler:e,buttons:t,children:n,title:r,showIconClose:o,enableClickAwayCloseModal:i,isFull:a,headerButtons:s,className:u},l)=>{const c=()=>{e()},d=s||null,p=(()=>{const n=[];return null!=t&&t.map((t=>{null!=t.isClosed&&t.isClosed?n.push((()=>{})):n.push((()=>{e(),null!=t.clickHandler&&t.clickHandler()}))})),n})();return w.createElement(ez,{onKeyDown:t=>(t=>{"Escape"==t.key&&e()})(t),tabIndex:0,ref:l,className:u},w.createElement(gz,{className:"modal-container",onClickAway:i?t=>{t.stopPropagation(),e()}:void 0,isFull:a},(r||o)&&w.createElement(oz,{className:"modal-header"},r&&w.createElement(qE,null,r),d,o&&w.createElement(az,null,w.createElement(bC,{icon:"icon-times",onClick:c}))),w.createElement(rz,{className:"modal-content"},n),t?w.createElement(iz,null,t.map(((e,t)=>w.createElement(Ub,{key:t,color:e.color,variant:e.variant,onClick:e.isClosed?c:p[t],dataCy:e.dataCy},e.children)))):null))})),yz=w.forwardRef(((e,t)=>{var{open:n,portalId:r="react-modal",inPlace:o=!1}=e,i=mz(e,["open","portalId","inPlace"]);const a=document.getElementById(r);if(n){if(o)return w.createElement(vz,Object.assign({},i,{ref:t}));if(a){const e=(e=>{const t=document.createElement("div");return t.id=function(e=10,t=""){let n=t;for(let t=0;t<e;t++)n+=(65536*(1+Math.random())|0).toString(16).substring(1);return n}(),e.appendChild(t),t})(a);return E.createPortal(w.createElement(hz,null,w.createElement(vz,Object.assign({},i,{ref:t}))),e)}}return null})),bz=yz;var wz=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 xz=w.forwardRef((function(e,t){var{variant:n="default"}=e,r=wz(e,["variant"]);const o={onChange:r.onChange,onBlur:r.onBlur,value:r.value,name:r.name,ref:t},[i,a]=w.useState(1===r.options.length&&r.valueTypeIsBoolean);w.useEffect((()=>{a(1===r.options.length&&r.valueTypeIsBoolean)}),[r.options.length,r.valueTypeIsBoolean]);const s=(e,t)=>{var n;return e&&(i?!!e.value:"radio"===r.checkboxMode?LN(e.value,t.value):null===(n=null==e?void 0:e.value)||void 0===n?void 0:n.some((e=>LN(e,t.value))))},u=()=>r.options.sort(((e,t)=>s(o,t)&&s(o,e)?1:-1)),[l,c]=w.useState(r.SortByChecked?u():r.options);return w.useEffect((()=>{r.SortByChecked&&c(u())}),[o&&o.value]),w.createElement(Lk,{direction:r.direction,variant:r.variant},l.map(((e,a)=>{const u=s(o,e);return w.createElement($k,{key:a,direction:r.direction,labelPosition:r.labelPosition,variant:n,disabled:r.disabled||e.disabled,checked:u,backgroundOnHover:r.backgroundOnHover,backgroundOnSelect:r.backgroundOnSelect},"radio"===r.checkboxMode?w.createElement(Fk,{name:r.name,ref:0===a&&t||void 0,"data-cy":r.dataCy&&`${r.dataCy}-option-${
|
|
1570
|
+
`,az=Sl.div``,sz=e=>parseInt(e,16),uz=e=>Math.round(e).toString(16).padStart(2,"0"),lz=e=>({r:sz(e.substring(1,3)),g:sz(e.substring(3,5)),b:sz(e.substring(5,7))}),cz=(e,t)=>(({r:e,g:t,b:n},r)=>`#${uz(e+(255-e)*r)}${uz(t+(255-t)*r)}${uz(n+(255-n)*r)}`)(lz(e),t),dz=e=>{var t;const n=new RegExp("^#(?:[A-Fa-f0-9]{3}){1,2}$"),r=new RegExp("^rgb[(](?:s*0*(?:dd?(?:.d+)?(?:s*%)?|.d+s*%|100(?:.0*)?s*%|(?:1dd|2[0-4]d|25[0-5])(?:.d+)?)s*(?:,(?![)])|(?=[)]))){3}[)]$"),o=new RegExp("^hsl[(]s*0*(?:[12]?d{1,2}|3(?:[0-5]d|60))s*(?:s*,s*0*(?:dd?(?:.d+)?s*%|.d+s*%|100(?:.0*)?s*%)){2}s*[)]$"),i=n.test(e)?(e=>{let t=0,n=0,r=0;4==e.length?(t="0x"+e[1]+e[1],n="0x"+e[2]+e[2],r="0x"+e[3]+e[3]):7==e.length&&(t="0x"+e[1]+e[2],n="0x"+e[3]+e[4],r="0x"+e[5]+e[6]),t/=255,n/=255,r/=255;let o=Math.min(t,n,r),i=Math.max(t,n,r),a=i-o,s=0,u=0,l=0;return s=0==a?0:i==t?(n-r)/a%6:i==n?(r-t)/a+2:(t-n)/a+4,s=Math.round(60*s),s<0&&(s+=360),l=(i+o)/2,u=0==a?0:a/(1-Math.abs(2*l-1)),u=+(100*u).toFixed(1),l=+(100*l).toFixed(1),[s,u,l]})(e):r.test(e)?(e=>{const t=e.indexOf(",")>-1?",":" ";e=e.substr(4).split(")")[0].split(t);for(const t in e){const n=e[t];n.indexOf("%")>-1&&(e[t]=Math.round(n.substr(0,n.length-1)/100*255))}const n=e[0]/255,r=e[1]/255,o=e[2]/255;let i=Math.min(n,r,o),a=Math.max(n,r,o),s=a-i,u=0,l=0;return l=(a+i)/2,u=0==s?0:s/(1-Math.abs(2*l-1)),u=+(100*u).toFixed(1),l=+(100*l).toFixed(1),[0,u,l]})(e):o.test(e)&&(null===(t=/hsl\(\s*(\d+)\s*,\s*(\d+(?:\.\d+)?%)\s*,\s*(\d+(?:\.\d+)?%)\)/g.exec(e))||void 0===t?void 0:t.slice(1));let a="";return i&&i[2]&&i[2]>50?a="hsl("+i[0]+","+i[1]+"%,"+(parseInt(i[2])-10)+"%)":i&&i[2]&&i[2]<50||i&&i[2]&&50===i[2]?a="hsl("+i[0]+","+i[1]+"%,"+(parseInt(i[2])+10)+"%)":i&&(a=a="hsl("+i[0]+","+i[1]+"%,"+i[2]+"%)"),a},pz={config:null,get:function(){return null===this.config&&this.initTheme(),this.config},initTheme:function(e){const t={primary:e&&e.buttonColor?e.buttonColor:"#8F7CEA",secondary:e&&e.linkColor?e.linkColor:"#8F7CEA",headerColor:e&&e.headerColor,headerTextColor:e&&e.headerTextColor,headerUserBackground:e&&e.headerUserBackground,headerUserTextColor:e&&e.headerUserTextColor,headerSearchBarTextColor:e&&e.headerSearchBarTextColor?e.headerSearchBarTextColor:"#ffffff",headerSearchBarBackgroundColor:e&&e.headerSearchBarBackgroundColor?e.headerSearchBarBackgroundColor:e&&e.headerColor?dz(e.headerColor):"#313941",lavender:"#8F7CEA",orange:"#F86041",yellow:"#FFBB54",navy:"#131E4B",overseas:"#392994",green:"#50D0BC",black:"#000000",black10:"#00000019",black15:"#00000026",black20:"#00000033",grey6:"#2E2E33",grey5:"#4A4A52",grey4:"#848491",grey3:"#BEBED1",grey2:"#DADAF0",grey1:"#EFEFFF",grey0:"#F8F8FF",white:"#FFFFFF"},n={primaryD20:(r=t.primary,o=.2,(({r:e,g:t,b:n},r)=>`#${uz((1-r)*e)}${uz((1-r)*t)}${uz((1-r)*n)}`)(lz(r),o)),primaryL15:cz(t.primary,.15),primaryL80:cz(t.primary,.8),primaryL90:cz(t.primary,.9),greenD20:"#40A696",greenL20:"#73D9C9",greenL80:"#DCF6F2",greenL90:"#EEFAF8",orangeD20:"#C64D34",orangeL15:"#F9785E",orangeL80:"#FEDFD9",orangeL90:"#FEEFEC"};var r,o;this.config={dpr:Math.ceil((null===window||void 0===window?void 0:window.devicePixelRatio)||2),fallbackUrl:{article:"/imagestatic/30x30/icons/article.png"},font:{family:e&&e.fontFamily?"'"+e.fontFamily+"', sans-serif":"'Poppins', sans-serif",color:t.grey5,hrefColor:t.secondary,size:"16px",lineHeight:"1.5em",weight:{light:300,normal:400,medium:500,semiBold:600,bold:700}},color:Object.assign(Object.assign({},t),n)}}},fz=pz;n(3559),n(3426),n(5757),n(3861),n(5195),n(611),n(9383);const hz=e=>w.createElement("div",{className:"react-reset"},w.createElement(ml,{theme:fz.get()},e.children));var mz=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 gz=e=>{var{onClickAway:t,mouseEvent:n="click",touchEvent:r="touchend"}=e,o=mz(e,["onClickAway","mouseEvent","touchEvent"]);const i=w.useRef(null);return w.useEffect((()=>{const e=e=>{i.current&&i.current.contains(e.target)?e.stopPropagation():t&&t(e)};return document.addEventListener(n,e),document.addEventListener(r,e),()=>{document.removeEventListener(n,e),document.removeEventListener(r,e)}}),[n,t]),w.createElement(o.isFull?tz:nz,Object.assign({ref:i},o))},vz=w.forwardRef((({closeHandler:e,buttons:t,children:n,title:r,showIconClose:o,enableClickAwayCloseModal:i,isFull:a,headerButtons:s,className:u},l)=>{const c=()=>{e()},d=s||null,p=(()=>{const n=[];return null!=t&&t.map((t=>{null!=t.isClosed&&t.isClosed?n.push((()=>{})):n.push((()=>{e(),null!=t.clickHandler&&t.clickHandler()}))})),n})();return w.createElement(ez,{onKeyDown:t=>(t=>{"Escape"==t.key&&e()})(t),tabIndex:0,ref:l,className:u},w.createElement(gz,{className:"modal-container",onClickAway:i?t=>{t.stopPropagation(),e()}:void 0,isFull:a},(r||o)&&w.createElement(oz,{className:"modal-header"},r&&w.createElement(qE,null,r),d,o&&w.createElement(az,null,w.createElement(bC,{icon:"icon-times",onClick:c}))),w.createElement(rz,{className:"modal-content"},n),t?w.createElement(iz,null,t.map(((e,t)=>w.createElement(Ub,{key:t,color:e.color,variant:e.variant,onClick:e.isClosed?c:p[t],dataCy:e.dataCy},e.children)))):null))})),yz=w.forwardRef(((e,t)=>{var{open:n,portalId:r="react-modal",inPlace:o=!1}=e,i=mz(e,["open","portalId","inPlace"]);const a=document.getElementById(r);if(n){if(o)return w.createElement(vz,Object.assign({},i,{ref:t}));if(a){const e=(e=>{const t=document.createElement("div");return t.id=function(e=10,t=""){let n=t;for(let t=0;t<e;t++)n+=(65536*(1+Math.random())|0).toString(16).substring(1);return n}(),e.appendChild(t),t})(a);return E.createPortal(w.createElement(hz,null,w.createElement(vz,Object.assign({},i,{ref:t}))),e)}}return null})),bz=yz;var wz=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 xz=w.forwardRef((function(e,t){var{variant:n="default"}=e,r=wz(e,["variant"]);const o={onChange:r.onChange,onBlur:r.onBlur,value:r.value,name:r.name,ref:t},[i,a]=w.useState(1===r.options.length&&r.valueTypeIsBoolean);w.useEffect((()=>{a(1===r.options.length&&r.valueTypeIsBoolean)}),[r.options.length,r.valueTypeIsBoolean]);const s=(e,t)=>{var n;return e&&(i?!!e.value:"radio"===r.checkboxMode?LN(e.value,t.value):null===(n=null==e?void 0:e.value)||void 0===n?void 0:n.some((e=>LN(e,t.value))))},u=()=>r.options.sort(((e,t)=>s(o,t)&&s(o,e)?1:-1)),[l,c]=w.useState(r.SortByChecked?u():r.options);return w.useEffect((()=>{r.SortByChecked&&c(u())}),[o&&o.value]),w.createElement(Lk,{direction:r.direction,variant:r.variant},l.map(((e,a)=>{const u=s(o,e);return w.createElement($k,{key:a,direction:r.direction,labelPosition:r.labelPosition,variant:n,disabled:r.disabled||e.disabled,checked:u,backgroundOnHover:r.backgroundOnHover,backgroundOnSelect:r.backgroundOnSelect},"radio"===r.checkboxMode?w.createElement(Fk,{name:r.name,ref:0===a&&t||void 0,"data-cy":r.dataCy&&`${r.dataCy}-option-${e.value}`,disabled:r.disabled||e.disabled,checked:u,onChange:()=>o.onChange(e.value||void 0)}):w.createElement(Vk,{checkboxMode:r.checkboxMode,ref:0===a&&t||void 0,name:r.name,"data-cy":r.dataCy&&`${r.dataCy}-option-${e.value}`,disabled:r.disabled||e.disabled,checked:u,onChange:t=>{if(i)return o.onChange(t.target.checked||void 0);{let n=[...(null==o?void 0:o.value)||[]];return t.target.checked?n.push(e.value):(n.splice(n.indexOf(e.value),1),n.length||(n=void 0)),o.onChange(n)}}}),w.createElement(zk,{variant:n}),e.label)})))}));function Ez(e){var{name:t,control:n,rules:r,label:o,htmlFor:i,labelIsLegend:a,description:s,helper:u}=e,l=wz(e,["name","control","rules","label","htmlFor","labelIsLegend","description","helper"]);return w.createElement(RN,{name:t,control:n,rules:r,label:o,htmlFor:i,labelIsLegend:a||!0,description:s,helper:u,renderFunction:e=>{var{value:t}=e,n=wz(e,["value"]);return w.createElement(xz,Object.assign({},l,n,{value:t}))}})}Ez.defaultProps={direction:"column",labelPosition:"before",checkboxMode:"checkbox",label:"",backgroundOnHover:!1,backgroundOnSelect:!1,SortByChecked:!1,valueTypeIsBoolean:!1};const Cz=({src:e})=>w.createElement("iframe",{style:{width:"100%",display:"flex",flex:1,height:"100%"},src:e}),Az=()=>{const e=Ma();return w.createElement(w.Fragment,null,e.formatMessage({id:"GLOBAL_Unsuported_File_Format"}))},kz=e=>{switch(e.mimetype.toLowerCase()){default:return e._extend&&e._extend.fileInfo?e._extend.fileInfo.extension:"na";case"image/jpg":case"image/jpeg":case"image/png":case"image/gif":return"image"}},Sz=Sl.div`
|
|
1571
1571
|
& > fieldset {
|
|
1572
1572
|
margin: 0px;
|
|
1573
1573
|
}
|