@deviceinsight/ng-ui-components 6.28.1 → 7.0.0

package/dist/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),P=require("react-toastify"),st=require("nanoid"),p=require("react"),D=require("classnames"),N=require("@deviceinsight/ng-ui-basic-components"),de=require("pure-color"),ee=require("react-colorful"),Me=require("dayjs/plugin/timezone"),Te=require("dayjs/plugin/utc"),$=require("react-datepicker"),E=require("lodash"),b=require("dayjs"),nt=require("dayjs/plugin/localeData"),it=require("dayjs/plugin/localizedFormat"),rt=require("dayjs/plugin/customParseFormat"),Z=require("i18next"),at=require("date-fns/locale");require("dayjs/locale/en");require("dayjs/locale/en-gb");require("dayjs/locale/en-ca");require("dayjs/locale/de");require("dayjs/locale/de-at");require("dayjs/locale/de-ch");require("dayjs/locale/it");require("dayjs/locale/ja");const M=require("react-router-dom"),me=require("@dnd-kit/core"),J=require("@dnd-kit/sortable"),ot=require("@dnd-kit/modifiers"),lt=require("react-select"),xe=require("@deviceinsight/ng-ui-api-client"),ct=require("react-dropzone"),dt=require("react-select-async-paginate"),Oe=require("@svgdotjs/svg.js"),ut=require("highcharts"),ht=require("highcharts-react-official"),De=require("@rc-component/slider"),pt=require("@rc-component/tooltip");function Pe(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const n=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(e,s,n.get?n:{enumerable:!0,get:()=>t[s]})}}return e.default=t,Object.freeze(e)}const Y=Pe(p),te=Pe(at);let B={},Le={autoClose:!1};const ft=t=>{Le=t},_=(t,e)=>{t&&(B[t]?B[t]=[...B[t],e]:B[t]=[e])},gt=(t,e,s)=>{const n=P.toast.success(t,e);s&&_(s,n)},mt=(t,e,s)=>{const n=P.toast.info(t,e);s&&_(s,n)},xt=(t,e,s)=>{const n=P.toast.warn(t,e);s&&_(s,n)},vt=(t,e,s)=>{const n=P.toast.error(t,{...Le,...e});s&&_(s,n)},yt=t=>{P.toast.dismiss(t)},bt=t=>{B[t]&&(B[t].forEach(e=>P.toast.dismiss(e)),delete B[t])},St=()=>{B={},P.toast.dismiss()},jt=()=>i.jsx(P.ToastContainer,{position:"top-center",theme:"colored",autoClose:3e4,hideProgressBar:!0,transition:P.Slide}),Ve=(t=32)=>{let e="";for(let s=0;s<t;s++){const n=Math.random()*16|0;(s===8||s===12||s===16||s===20)&&(e+="-"),e+=(s===12?4:s===16?n&3|8:n).toString(16)}return e},Ct="0123456789abcdefghijklmnopqrstuvwxyz",wt=st.customAlphabet(Ct,10);let C,L;function At(t,e){C=t,L=e}function Nt(t){return t.filter((e,s,n)=>n.indexOf(e)===s)}function It(t,e){return t.filter(s=>!e.includes(s))}function Rt(t,e){return Nt([...t,...e])}function kt(t,e){return t.filter(s=>e.includes(s))}function re(t){return t.children?t.children.length+t.children.reduce((s,n)=>s+re(n),0):0}function K(t){return t.children?t.children.reduce((e,s)=>[...e,...K(s)],[]):[t]}function Et(t){return K(t).map(e=>e.id)}function Mt({childNodeKey:t,idKey:e,displayNameKey:s,typeKey:n,lazyLoadableKey:r,nodeMetaData:a,leafMetaData:o}){const{typeValue:l,image:c,resolver:u}=o,{typeValue:d,expandedImage:h,closedImage:g,resolver:f}=a;return function m(x,S=""){return x.map(v=>{const j=v[e],w=v[s],I=v[t],A=v[r],R=f?f(v):v[n]===d,F=u?u(v):v[n]===l,y=`${S}/${w}`,T=v;if(R)return{id:j,name:w,children:m(I||[],y),lazyLoadable:A,expandedImage:h,closedImage:g,path:y,originalNode:T};if(F)return{id:j,name:w,image:c,path:y,originalNode:T};throw new Error("unknown node or leaf type provided")})}}function Tt(t,e){let s;return e.children!==void 0&&(t.children!==void 0?s=[...t.children,...e.children]:s=[...e.children]),{...t,...e,children:s||void 0}}function Be(t,e,s){return t.children===void 0?t:t.id===e?Tt(t,s):{...t,children:t.children.map(n=>Be(n,e,s))}}function Fe(t,e,s,n,r){if(t[s]===e)return[t[r]];if(t[n])for(let a=0;a<t[n].length;a++){const o=Fe(t[n][a],e,s,n,r);if(o)return o.unshift(t[r]),o}return null}function Ot(t,e,s,n,r){const a=Fe(t,e,s,n,r);return a?a.join("."):null}function Ge({isOpen:t,onOpenChange:e,className:s,style:n,value:r,placement:a,children:o}){return i.jsx(N.Popup,{handler:i.jsx("div",{className:`di color-picker-popper ${s||""}`,style:n,children:i.jsx("div",{className:"trigger",style:{...n,backgroundColor:r}})}),open:t,onOpenChange:e,placement:a,children:i.jsx("div",{className:"color-picker-box",children:i.jsx("div",{className:"content",children:o})})})}function He({value:t,isOpen:e,onOpenStateChange:s,direction:n,colors:r,onPick:a,pickerStyle:o,pickerClassName:l,inline:c=!0,className:u,style:d}){const[h,g]=p.useState(!1),f=i.jsx("div",{className:D("di color-picker grid-color-picker clearfix",l),style:o,children:r.map(m=>i.jsx("div",{onClick:()=>{a(m)},className:`color ${m===t?"selected":""}`,style:{background:m}},m))});return c?f:i.jsx(Ge,{className:u,style:d,value:t,isOpen:e??h,onOpenChange:s??g,placement:n,children:f})}const ve=(t,e,s)=>t.length?e.test(t):!s,ge=class ge extends Y.Component{constructor(){super(...arguments),this.handleChange=e=>{const{value:s}=e.target,{pattern:n,required:r,onChange:a}=this.props,o=ve(s,n,r);a(s,o)}}render(){const{style:e,invalidStyle:s,value:n,...r}=this.props,{pattern:a,required:o,...l}=r;return i.jsx("input",{...l,value:n,onChange:this.handleChange,style:ve(n,a,o)?e:{...e,...s},type:"text"})}};ge.defaultProps={required:!1};let q=ge;function ye({value:t,pattern:e,onChange:s,placeholder:n,style:r}){const[a,o]=p.useState(t);function l(c,u){o(c),u&&s(c)}return p.useEffect(()=>{o(t)},[t]),i.jsx(q,{value:a,onChange:l,pattern:e,invalidStyle:{borderColor:"red"},placeholder:n,required:!0,style:r})}const Dt=/^#([A-Fa-f0-9]{6})$/,Pt=/^rgb\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d+(?:\.\d+)?))?\)$/,Ye=t=>de.parse(t).splice(0,3),Lt=t=>t&&t.length>6?de.convert.rgb.hex(Ye(t)):"",Vt=t=>t?de.convert.rgb.string(Ye(t)):"";function Bt({onOpenStateChange:t,onPick:e,allowTextInput:s,className:n,direction:r,inline:a=!0,isOpen:o,opacitySlider:l,pickerClassName:c,pickerStyle:u,style:d,value:h}){const[g,f]=p.useState(!1),m=Lt(h),x=Vt(h),S=h===m?ee.HexColorPicker:l&&!s?ee.RgbaStringColorPicker:ee.RgbStringColorPicker,v=i.jsxs("div",{className:D("di gradient-color-picker",{"with-textfield":s},c),style:u,children:[i.jsx(S,{color:h,onChange:e}),s&&i.jsxs("div",{className:"inputs",children:[i.jsx(ye,{value:m,onChange:e,pattern:Dt,placeholder:"#FF00FF",style:{width:60}}),i.jsx(ye,{value:x,onChange:e,pattern:Pt,placeholder:"rgb(255,0,255)",style:{width:115}})]})]});return a?v:i.jsx(Ge,{className:n,style:d,value:h,isOpen:o??g,onOpenChange:t??f,placement:r,children:v})}const Ft=["en","en-gb","en-ca","de","de-at","de-ch","it","ja"];function be(t){return Ft.includes(t)}b.extend(Te);b.extend(Me);b.extend(nt);b.extend(it);b.extend(rt);function Gt(t){const[e,s]=t.split("-");let n;e&&s?n=te[`${e}${s}`]??te[e]:e?n=te[e]:n=null,n&&$.registerLocale(t,n)}async function Ht(t){let e=null;const[s]=t.split("-");be(t.toLowerCase())?e=t.toLowerCase():be(s.toLowerCase())&&(e=s.toLowerCase()),e&&b.locale(e)}function Se(t,e){return t==null||t===""?!0:typeof t=="number"?!isNaN(t):typeof t=="string"?b(t,e,!0).isValid():!1}function se(t,e,s){return typeof t=="number"&&!Number.isNaN(t)?new Date(t):typeof t=="string"&&b(t,e,!0).isValid()?b.tz(t,e,s).toDate():null}function Yt(t,e,s){return typeof t=="number"?b.tz(t,s):typeof t=="string"&&b(t,e,!0).isValid()?b.tz(t,e,s):null}const ue=p.forwardRef(({value:t,clearable:e,inline:s,readOnly:n,wrapperClassName:r,onChange:a,locale:o,timezone:l,...c},u)=>{const[d,h]=p.useState(b.localeData().longDateFormat("L")),{t:g}=L(),[f,m]=p.useState(!1),[x,S]=p.useState(!1),[v,j]=p.useState(""),w=p.useMemo(()=>E.debounce(S,30),[]);p.useEffect(()=>{const y=o??Z.language;y&&(Gt(y),Ht(y).then(()=>h(b.localeData().longDateFormat("L"))))},[o]);const I=p.useCallback(y=>y==null||y==""?"":Se(y,d)?typeof y=="number"?b.tz(y,l).format(d):y:g("dateInput.invalidDate",{defaultValue:"invalid date"}),[d,g,l]);p.useEffect(()=>{t==null?j(""):j(I(t))},[I,t]),p.useEffect(()=>{m(Se(t,d))},[d,t]),p.useEffect(()=>{b.locale(o??Z.language),h(b.localeData().longDateFormat("L"))},[o]);const A=y=>{if(j(y),y){const T=b(y,d,!0).isValid();if(T){const U=Yt(t,d,l),W=b.tz(y,d,l??b.tz.guess());U&&(W.set("hour",U.hour()),W.set("minute",U.minute()),W.set("second",U.second()),W.set("millisecond",U.millisecond())),a(W.valueOf(),!0)}m(T)}else a(null,!0),m(!0)},R=y=>{a(y?y.valueOf():null),j(I(y?y.getTime():null)),S(!1)},F=()=>A("");return s?i.jsx($,{...c,onChange:R,selected:se(t,d,l),locale:o??Z.language,isClearable:e,placeholderText:d,className:D("date",{invalid:!f}),inline:!0}):n?i.jsx($,{...c,onChange:()=>{},selected:se(t,d,l),locale:o??Z.language,customInput:i.jsx("span",{children:i.jsx("input",{type:"text",value:I(t),readOnly:!0})}),placeholderText:d,readOnly:!0}):i.jsx(N.Popup,{handler:i.jsxs("span",{className:"di date-input-wrapper",children:[i.jsx("input",{ref:u,"data-testid":"date-input",className:D("date",{invalid:!f}),onChange:y=>A(y.target.value),value:v,placeholder:d,onBlur:()=>{A(I(t)),w(!1)}}),e&&i.jsx(N.Button,{naked:!0,small:!0,onClick:F,children:i.jsx(N.Icon,{del:!0})})]}),mode:["click","focus"],className:"date-input",handlerWrapperClassName:r,open:x,onOpenChange:S,children:i.jsx("div",{className:"di date-picker-popup-wrapper",tabIndex:0,onFocus:()=>{w(!0)},children:i.jsx($,{...c,selected:se(t,d,l),onChange:R,locale:o??Z.language,isClearable:e,placeholderText:d,className:D("date",{invalid:!f}),inline:!0})})})});class Ut extends Y.Component{constructor(){super(...arguments),this.state={editMode:!1},this.handleEdit=()=>this.setState({editMode:!0}),this.handleChangeValue=e=>this.props.onChange(e.target.value)}render(){const{editMode:e}=this.state,{value:s}=this.props;return e?i.jsx("input",{value:s,onChange:this.handleChangeValue,autoCorrect:"off",spellCheck:"false",autoComplete:"off"}):i.jsxs("span",{children:[i.jsx("span",{style:{marginRight:10},children:s}),i.jsx(N.Button,{small:!0,onClick:this.handleEdit,children:i.jsx(N.Icon,{edit:!0})})]})}}function Wt({title:t,message:e,onAccept:s,onCancel:n,inputPlaceholder:r,cancelButtonLabel:a,acceptButtonLabel:o}){const{t:l}=L(),c=p.useRef(null),[u,d]=p.useState("");return p.useEffect(()=>{c.current?.focus()}),i.jsx(N.Modal,{header:l(t.id,{defaultValue:t.defaultValue}),content:i.jsx("div",{className:"di form",children:i.jsxs("div",{className:"field",children:[i.jsx("label",{children:i.jsx(C,{i18nKey:e.id,children:e.defaultValue})}),i.jsx("input",{type:"text",style:{width:250},ref:c,placeholder:r?l(r.id,{defaultValue:r.defaultValue}):void 0,onChange:h=>d(h.target.value)})]})}),footer:i.jsxs("div",{children:[i.jsx(N.Button,{primary:!0,onClick:()=>{s(u)},disabled:!u.length,children:o?i.jsx(C,{i18nKey:o.id,children:o.defaultValue}):i.jsx(C,{i18nKey:"form.accept",children:"Accept"})}),i.jsx(N.Button,{onClick:n,children:a?i.jsx(C,{i18nKey:a.id,children:a.defaultValue}):i.jsx(C,{i18nKey:"form.cancel",children:"Cancel"})})]}),width:600})}function Zt(t){return class extends Y.Component{constructor(){super(...arguments),this.state={show:!1},this.prompt=(s,n,r,a,o)=>new Promise(l=>{this.setState({show:!0,promptElement:i.jsx(Wt,{title:s,message:n,onAccept:c=>{this.setState({show:!1}),l(c)},onCancel:()=>{this.setState({show:!1})},inputPlaceholder:r,acceptButtonLabel:a,cancelButtonLabel:o},"1")})})}render(){return[p.createElement(t,{...this.props,prompt:this.prompt,key:"0"}),this.state.show?this.state.promptElement:null]}}}const je=t=>!!(t.metaKey||t.altKey||t.ctrlKey||t.shiftKey);function zt({to:t,confirm:e,className:s,title:n,children:r,keyboardShortcut:a,...o}){const l=M.useHistory(),{t:c}=L(),u=p.useCallback(()=>{e?e().then(f=>l.push(f||t)).catch(()=>{}):l.push(t)},[e,l,t]),d=p.useCallback(f=>{a&&f.key===a&&!je(f)&&f.target.tagName&&!["INPUT","SELECT","TEXTAREA"].includes(f.target.tagName)&&(f.preventDefault(),u())},[a,u]);p.useEffect(()=>{if(a)return window.addEventListener("keydown",d),()=>{window.removeEventListener("keydown",d)}},[a,d]);const h=f=>{f.button===0&&!je(f)&&(f.preventDefault(),u())},g=l.createHref(typeof t=="string"?{pathname:t}:t);return i.jsx("a",{href:g,onClick:h,className:`di route-link ${s||""}`,title:n?c(n.id,{defaultValue:n.defaultValue}):void 0,...o,children:r})}const qt={info:"#ffffff",success:"#cce0cc",warning:"#fed254",error:"#d66961"};function Qt({type:t="info",hideable:e=!1,className:s,icon:n,message:r,children:a}){const[o,l]=p.useState(!0),{t:c}=L();function u(){if(typeof r!="string"){const{id:h,defaultValue:g,...f}=r;return c(h,{...f,defaultValue:g})}return r}const d=u();return o?i.jsxs("div",{className:`infobox ${s||""}`,children:[i.jsxs("div",{className:"infobox-header",style:{backgroundColor:qt[t]},children:[i.jsxs("div",{className:"infobox-header-content",children:[n&&i.jsx("div",{className:"infobox-iconcontainer",children:i.jsx("img",{src:n,alt:"info-icon",style:{width:16,height:16}})}),i.jsx("div",{className:"infobox-message",children:d})]}),e&&i.jsx("button",{className:"infobox-closebutton",onClick:()=>l(!1),children:i.jsx(N.Icon,{del:!0,large:!0})})]}),a]}):null}const ae=Object.freeze({Translate:{toString(t){if(!t)return;const{x:e,y:s}=t;return"translate3d("+(e?Math.round(e):0)+"px, "+(s?Math.round(s):0)+"px, 0)"}},Scale:{toString(t){if(!t)return;const{scaleX:e,scaleY:s}=t;return"scaleX("+e+") scaleY("+s+")"}},Transform:{toString(t){if(t)return[ae.Translate.toString(t),ae.Scale.toString(t)].join(" ")}},Transition:{toString(t){let{property:e,duration:s,easing:n}=t;return e+" "+s+"ms "+n}}});function ne(t,e){const s=t.endsWith("/")?"":"/";return`${t}${s}${e}`}const $t=({id:t,to:e,className:s,title:n,children:r,draggingDisabled:a})=>{const{attributes:o,listeners:l,setNodeRef:c,transform:u,transition:d}=J.useSortable({id:t,disabled:a,strategy:J.horizontalListSortingStrategy}),h={transform:u?ae.Transform.toString({...u,scaleX:1}):void 0,transition:d},{pathname:g}=M.useLocation();return g.endsWith(e.toString())?i.jsx("button",{"data-testid":"tab-button",className:D("tab-header item active",s),title:n,ref:c,style:h,type:"button",...o,...l,children:r}):i.jsx(M.Link,{"data-testid":"tab-button",to:e,title:n,className:D("tab-header item",s),ref:c,style:h,...o,...l,children:r})};function Jt({pages:t,onOrderChange:e,basePath:s,...n}){const[r,a]=p.useState(!1),{pathname:o,state:l}=M.useLocation();function c(){const d=o.split("/").reverse()[0];return t.some(h=>h.path===d)?o.substring(0,o.lastIndexOf("/")):o}function u(d){a(!1);const{active:h,over:g}=d;if(h.id!==g?.id&&e){const f=t.findIndex(x=>x.path===h.id),m=t.findIndex(x=>x.path===g?.id);e(f,m)}}return i.jsxs("div",{className:r?"draggable-area":"",children:[i.jsx(me.DndContext,{collisionDetection:me.closestCenter,onDragEnd:u,onDragStart:()=>a(!0),modifiers:[ot.restrictToHorizontalAxis],children:i.jsx("div",{className:"di tabs",children:i.jsx(J.SortableContext,{items:t.map(d=>({...d,id:d.path})),strategy:J.horizontalListSortingStrategy,children:t.map(({path:d,renderHeading:h,headingTitle:g,draggingDisabled:f,disabled:m})=>i.jsx($t,{id:d,to:ne(s||c(),d),title:g,draggingDisabled:m||f||!e||!r&&!o.endsWith(d),children:h(n)},d))})})}),i.jsxs(M.Switch,{children:[t.map(({renderBody:d,path:h})=>i.jsx(M.Route,{path:ne(s||c(),h),render:()=>d(n)},h)),i.jsx(M.Route,{children:i.jsx(M.Redirect,{to:{pathname:ne(s||c(),t[0].path),state:l}})})]})]})}const Kt="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMZJREFUeNpi/P//PwMtARMDjcHQt4ABGgchQPwKxMWBzwKxKFlmQy14g8dwGL5MqiXIFvynEgb5VJmWFoDwImQLWNB8pQ/EjyiM1j/IHHQLPgHxB3ok00dUCKpnuCzQAmJZKjh+Jy4L3KkUOjgtcKNG/gXi3cg5GRZuGkD8jQrhfwpmNroPbIGYkwo+2IErFXlQKfx3oRd2MK99oELwfIDlL+Qgegul+ang+u0ouRnqg0ACxTWx+CIQKyGbzThaJw+4BQABBgBH38BkTQm7ZwAAAABJRU5ErkJggg==",Xt="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGpJREFUeNpi/P//PwMtARMDjcHQt4ABFAfQeAgH4jcgIRy4gyxzkSzAZzjJlmCz4D+VMMih4TBzGWHJlJGRkZrp9S3QXBGwuTSyAOR6xtF8MGrBqAUDYMFbahYV5BTXlBV2o5E8YBYABBgAxQJ9mxTaZMQAAAAASUVORK5CYII=",_t="data:image/svg+xml,%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='24px'%20height='24px'%20viewBox='0%200%2024%2024'%20style='enable-background:new%200%200%2050%2050;'%20xml:space='preserve'%3e%3crect%20x='0'%20y='0'%20width='5'%20height='10'%20fill='%23000'%3e%3canimateTransform%20attributeType='xml'%20attributeName='transform'%20type='translate'%20values='0%200;%200%2014;%200%200'%20begin='0'%20dur='0.6s'%20repeatCount='indefinite'%20/%3e%3c/rect%3e%3crect%20x='9'%20y='0'%20width='5'%20height='10'%20fill='%23000'%3e%3canimateTransform%20attributeType='xml'%20attributeName='transform'%20type='translate'%20values='0%200;%200%2014;%200%200'%20begin='0.2s'%20dur='0.6s'%20repeatCount='indefinite'%20/%3e%3c/rect%3e%3crect%20x='19'%20y='0'%20width='5'%20height='10'%20fill='%23000'%3e%3canimateTransform%20attributeType='xml'%20attributeName='transform'%20type='translate'%20values='0%200;%200%2014;%200%200'%20begin='0.4s'%20dur='0.6s'%20repeatCount='indefinite'%20/%3e%3c/rect%3e%3c/svg%3e",es="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIwNDI3RTg2NEQxQjExRTc4OEM3RTkwQjYwNjA2OTk5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjIwNDI3RTg3NEQxQjExRTc4OEM3RTkwQjYwNjA2OTk5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjA0MjdFODQ0RDFCMTFFNzg4QzdFOTBCNjA2MDY5OTkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjA0MjdFODU0RDFCMTFFNzg4QzdFOTBCNjA2MDY5OTkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5FrZPxAAAA5UlEQVR42qzTvQ7BUBTA8UpEYraJWAwSNVgMHsDIZvUEngWDisTiBTyA4A3EJEiMYrBJGBBf/yO3UlVNq07y63Cbc3rvuaea9hkZ1LHAUZmrtYzmEhG0cMX9C3nXQdQpeeiSaDdSOa8wfCSbWmayjssPBSRHD/EoqzMtscEeN8SQQwVVhB361pRHDX1VYGf5whZjlJDHymEXclPaycN2e4hjYFs/eS0gJkiibVmT4z634bVxaxRQxBQzKdDw2X0Zpi7SSEiBbIBrTAUZJOOvoxz4Z7KGriZMBuuMg+p2U/XrLR4CDACHu7RW+98pzwAAAABJRU5ErkJggg==";var O=(t=>(t.ALL="all",t.SOME="some",t.NONE="none",t))(O||{});const ts=({lastChild:t})=>i.jsxs("div",{className:"skeleton",children:[i.jsx("div",{className:"skeleton-cell top"}),i.jsx("div",{className:"skeleton-cell bottom",style:{visibility:t?"hidden":"initial"}})]}),ss=({node:t,leafNode:e,expanded:s,isLoading:n,onExpand:r})=>{let a;return e?a=t.image||es:n?a=_t:s?a=t.expandedImage||Kt:a=t.closedImage||Xt,i.jsx("div",{className:"icon-container",children:i.jsx("img",{src:a,alt:"node",onClick:r})})};class ns extends Y.PureComponent{constructor(){super(...arguments),this.onSelect=e=>{const{onSelect:s,selectionState:n}=this.props;s(n===O.SOME?!1:e.currentTarget.checked)},this.onLabelClick=()=>{const{onSelect:e,selectionState:s}=this.props;e(s===O.SOME?!1:this.inputRef?!this.inputRef.checked:!1)}}componentDidMount(){this.updateSelectionState()}componentDidUpdate(){this.updateSelectionState()}updateSelectionState(){const{selectionState:e}=this.props;this.inputRef&&(this.inputRef.indeterminate=e===O.SOME)}render(){const{node:e,node:{name:s},leafNode:n,expanded:r,isLastChild:a,onExpand:o,selectionState:l,isLoading:c}=this.props,u=l===O.ALL;return i.jsxs("div",{className:`node-info ${u?"selected":""}`,children:[a!==void 0&&i.jsx(ts,{lastChild:a}),i.jsx(ss,{node:e,leafNode:n,expanded:r,isLoading:c,onExpand:o}),i.jsx("input",{ref:d=>{this.inputRef=d},type:"checkbox",checked:l===O.ALL,onChange:this.onSelect}),i.jsx("div",{className:"name",onClick:this.onLabelClick,children:s})]})}}class he extends p.Component{constructor(){super(...arguments),this.state={expanded:!1,selectionState:this.getSelectionState(),isLoading:!1},this.toggleExpand=()=>{const{node:e,lazyLoadingFunction:s}=this.props;e.lazyLoadable?this.setState({isLoading:!0},()=>{s(e).then(()=>this.setState({expanded:!0,isLoading:!1}))}):this.setState({expanded:!this.state.expanded})},this.onSelect=e=>{const{node:s,selectNodes:n,deselectNodes:r,selectedNodes:a}=this.props;if(e){const o=K(s).filter(l=>!a.includes(l.id));n(o)}else{const o=K(s).filter(l=>a.includes(l.id));r(o)}}}shouldComponentUpdate(e,s){const{selectedNodes:n,treeSize:r}=e,{expanded:a,selectionState:o,isLoading:l}=s,{selectedNodes:c,node:u,treeSize:d}=this.props,{expanded:h,selectionState:g,isLoading:f}=this.state;return l!==f||r!==d?!0:this.isLeaf()?n.includes(u.id)&&!c.includes(u.id)||!n.includes(u.id)&&c.includes(u.id)||o!==g:n.length!==c.length||a!==h||o!==g}componentDidMount(){this.setState({selectionState:this.getSelectionState()})}componentDidUpdate(){this.setState({selectionState:this.getSelectionState()})}isLeaf(){const{node:e}=this.props;return e.children===void 0}getSelectionState(){const{node:e,selectedNodes:s}=this.props;if(this.isLeaf())return s.includes(e.id)?O.ALL:O.NONE;{const n=Et(e),r=kt(n,s);return r.length===n.length&&n.length!==0?O.ALL:r.length===0?O.NONE:O.SOME}}render(){const{node:e,isLastChild:s,...n}=this.props,{expanded:r,selectionState:a,isLoading:o}=this.state;return i.jsxs("div",{className:"node",children:[i.jsx(ns,{node:e,displayName:e.name,leafNode:this.isLeaf(),expanded:r,isLastChild:s,onExpand:this.toggleExpand,onSelect:this.onSelect,isLoading:o,selectionState:a}),r&&e.children&&e.children.map((l,c)=>p.createElement(he,{...n,key:c,node:l,isLastChild:c===(e.children||[]).length-1}))]})}}class is extends p.Component{constructor(){super(...arguments),this.state={treeData:this.props.treeData,tree:{id:"virtualRootNode",name:"",children:[],path:"/",originalNode:{}},treeSize:0,selectedNodes:this.props.selectedNodes||[]},this.convert=Mt(this.props.dataSetConfig),this.selectNodes=e=>{const{onSelect:s}=this.props,{selectedNodes:n}=this.state;this.setState({selectedNodes:Rt(n,e.map(({id:r})=>r))}),s(e.map(({originalNode:r,path:a})=>({...r,$$path:a})))},this.deselectNodes=e=>{const{onDeselect:s}=this.props,{selectedNodes:n}=this.state;this.setState({selectedNodes:It(n,e.map(({id:r})=>r))}),s(e.map(({originalNode:r,path:a})=>({...r,$$path:a})))},this.addTreeData=(e,s)=>{const{tree:n}=this.state,r=this.convert(e,s.path),a={id:"virtualRootNode",name:"",children:(n.children||[]).map(l=>Be(l,s.id,{lazyLoadable:!1,children:r})),path:"/",originalNode:{}},o=re(a);this.setState({tree:a,treeSize:o})},this.lazyLoadingFunction=e=>{const{lazyLoadingFunction:s}=this.props;return s?s(e.originalNode).then(n=>{this.addTreeData(n,e)}).catch(()=>Promise.resolve()):Promise.resolve()}}componentDidMount(){const{treeData:e}=this.props,s=this.initTree(e),n=re(s);this.setState({tree:s,treeSize:n})}componentDidUpdate(e){const{selectedNodes:s}=e,{selectedNodes:n}=this.props;n&&s&&s.length!==n.length&&this.setState({selectedNodes:n})}initTree(e){return{id:"virtualRootNode",name:"",children:this.convert(e),path:"/",originalNode:{}}}render(){const{tree:e,selectedNodes:s,treeSize:n}=this.state;return i.jsx("div",{className:"treeview",children:e.children&&e.children.map((r,a)=>i.jsx(he,{node:r,selectedNodes:s,selectNodes:this.selectNodes,deselectNodes:this.deselectNodes,treeSize:n,lazyLoadingFunction:this.lazyLoadingFunction},a))})}}const rs="data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3ccircle%20cx='7.5'%20cy='3.5'%20r='1.5'/%3e%3ccircle%20cx='7.5'%20cy='7.5'%20r='1.5'/%3e%3ccircle%20cx='7.5'%20cy='11.5'%20r='1.5'/%3e%3c/svg%3e",Ue=Y.createContext({toggleMenu:()=>{}});function We({menuButton:t,children:e,direction:s,className:n,open:r,onOpenChange:a}){const[o,l]=p.useState(!1),c=()=>{l(!o)};return i.jsx("span",{children:i.jsx(N.Popup,{open:r??o,onOpenChange:a??l,handler:t,placement:s,className:n,children:i.jsx("div",{className:"di multimenu",children:i.jsx("div",{className:`drop ${s||"bottom"} ${o?"show":""}`,children:i.jsx(Ue.Provider,{value:{toggleMenu:c},children:e})})})})})}const as=[5,10,15,20,50];function Ze({onChangePage:t,page:e,totalPages:s,onChangeSize:n,size:r}){const a=p.useRef(null),{current:o}=a,[l,c]=p.useState(`${e+1}`),[u,d]=p.useState(!1);p.useEffect(()=>{a.current=E.debounce(t,500)},[t]),p.useEffect(()=>{c(`${e+1}`)},[e]);function h(){t(0)}function g(){e>0&&t(e-1)}function f(){e<s-1&&t(e+1)}function m(){t(s-1)}function x(w){if(n){const I=parseInt(w.target.value,10);n(I),d(!1)}}function S(w){const I=w.target.value;if(I.trim()===""){c(I);return}const A=Number(w.target.value);!Number.isNaN(A)&&A>=1&&A<=s&&(o?.(A-1),c(I))}function v(){c(`${e+1}`)}const j=e>=s-1;return i.jsx("div",{className:"di pagination-holder",children:i.jsxs("div",{className:"di pagination",children:[i.jsx("span",{className:`prev ${e===0?"disabled":""}`,onClick:h,children:"«"}),i.jsx("span",{className:`prev ${e===0?"disabled":""}`,onClick:g,children:"‹"}),i.jsxs("span",{className:"info",children:[i.jsx(C,{i18nKey:"reactable.pagination.page",children:"Page"}),i.jsx("input",{value:l,onChange:S,onBlur:v}),typeof process<"u"&&process?.env?.STORYBOOK_MODE?i.jsxs(i.Fragment,{children:["of   ",s]}):i.jsxs(C,{i18nKey:"reactable.pagination.ofTotal",children:[" of   ",{totalPages:s}]})]}),i.jsx("span",{className:`next ${j?"disabled":""}`,onClick:f,children:"›"}),i.jsx("span",{className:`next ${j?"disabled":""}`,onClick:m,children:"»"}),n&&i.jsx("div",{className:"options",children:i.jsx(We,{direction:"left",open:u,onOpenChange:d,menuButton:i.jsx(N.Button,{naked:!0,title:{id:"trend.settings.buttonTitle",defaultValue:"Settings"},children:i.jsx("img",{src:rs,alt:"settings icon",style:{width:16,height:16}})}),children:i.jsxs("div",{className:"di form",style:{width:200,padding:10},children:[i.jsxs("div",{className:"field",children:[i.jsx("label",{children:i.jsx(C,{i18nKey:"reactable.pagination.entriesPerPage",children:"Entries per page"})}),i.jsx("select",{onChange:x,value:r,children:as.map(w=>i.jsx("option",{value:w,children:w},w))})]}),i.jsx("p",{children:i.jsx(C,{i18nKey:"reactable.pagination.changePageWillBeStored",children:"Your changes will be stored for view."})})]})})})]})})}function os(t,e,s){if(!t)return null;const{page:n,size:r,sort:a}=e;return{content:(s?s(t,a,we):we(t,a)).slice(n*r,(n+1)*r),totalElements:t.length,totalPages:Math.ceil(t.length/r),number:n,size:r,sort:[a]}}const ls=(t,e)=>t==="text"?(s,n)=>s[e]&&s[e].toString().toLowerCase().includes(n.toLowerCase()):(s,n)=>s[e]===n;function Ce(t,e,s){return t?t.filter(n=>Object.keys(s).every(r=>{const a=s[r];if(a&&a.length>0){const o=cs(r,e);return o.filterable?(o.filterable.filterFn||ls(o.filterable.filterType,o.name))(n,a):!1}return!0})):null}function cs(t,e){const s=e.find(n=>n.name===t);if(!s)throw Error(`column definition not found for ${t}`);return s}function we(t,e){return t.sort((s,n)=>{const r=typeof s=="object"&&s?.[e.property]||0,a=typeof n=="object"&&n?.[e.property]||0,o=e.direction==="ASC"?1:-1;return r===a?0:typeof r=="string"&&typeof a=="string"?r.localeCompare(a)*o:typeof r=="number"&&typeof a=="number"?(r-a)*o:r.toString().localeCompare(a.toString())*o})}function ds(t,e,s,n,r,a){return[{name:"checkbox",label:i.jsx(N.Checkbox,{value:n,onChange:s,title:{id:"components.filtertable.selectAllItems",defaultValue:"Select/deselect all items in search result"}}),sortable:!1,render:o=>i.jsx(N.Checkbox,{value:r.includes(a(o)),onChange:l=>e(l,o)}),width:"1%"},...t]}function pe(t,e){return`${t||"unnamedTable"}-${e}`}class us extends p.Component{constructor(){super(...arguments),this.getRowClass=()=>{const{rowDef:e,item:s}=this.props;return e&&typeof e.getRowClass=="function"?e.getRowClass(s):""},this.handleClick=()=>{const{rowDef:e,item:s}=this.props;e&&typeof e.onClick=="function"&&e.onClick(s)},this.getTooltip=()=>{const{rowDef:e,item:s}=this.props;return e&&typeof e.getTooltip=="function"?e.getTooltip(s):""},this.getRowStyle=()=>{const{rowDef:e,item:s}=this.props;if(e&&e.getRowStyle)return e.getRowStyle(s)}}render(){const{columnDefs:e,item:s,tableName:n}=this.props;return i.jsx("tr",{className:this.getRowClass(),onClick:this.handleClick,title:this.getTooltip(),style:this.getRowStyle(),children:e.map(r=>{const a=r.align||"left",o=r.onClick?"pointer":"inherit",l=r.whiteSpace||void 0,c=r.onClick?()=>r.onClick?r.onClick(s):void 0:void 0;return i.jsx("td",{style:{textAlign:a,cursor:o,whiteSpace:l},onClick:c,className:pe(n,r.name),children:r.render(s)},`${s.id}_${r.name}`)})})}}const hs=t=>t==="ASC"?"DESC":"ASC";class ps extends p.Component{constructor(){super(...arguments),this.handleSort=e=>{const{paginationSettings:s,onSort:n}=this.props,r=e.name===s.sort.property?hs(s.sort.direction):e.defaultSortDirection||"ASC";n(e.name,r)},this.getClassName=e=>{const{paginationSettings:s,tableName:n}=this.props,r=pe(n,e.name);return e.sortable?e.name===s.sort.property?s.sort.direction==="ASC"?`${r} sortable sortAsc`:`${r} sortable sortDes`:`${r} sortable`:`${r}`},this.printLabel=e=>fs(e)?i.jsx(C,{i18nKey:e.id,children:e.defaultValue}):e}render(){return i.jsx("tr",{children:this.props.columnDefs.map(e=>i.jsx("th",{style:{width:e.width||"auto",textAlign:e.align||"left"},className:this.getClassName(e),onClick:()=>{e.sortable&&this.handleSort(e)},children:this.printLabel(e.label)},e.name))})}}function fs(t){return typeof t=="object"&&t!=null&&"id"in t&&t.id!==void 0}const gs=t=>t.filterable?.initialValue??"",ms=({columnDef:t,changeFilter:e})=>{const{t:s}=L(),[n,r]=p.useState(gs(t)),a=o=>{const l=o.target.value;r(l),e(t.name,l)};return i.jsx("input",{type:"text",placeholder:s(`${t.filterable?.placeholder??"reactable.filter.placeholder"}`,{defaultValue:"Filter..."}),onChange:a,value:n})};function xs(t,e){if(!e)return E.orderBy(t,"label","asc");if(t.every(s=>!s.options))return[...t].sort(e);if(t.every(s=>s.options))return t.map(n=>({...n,options:[...n.options].sort(e)}));throw new Error("Mixing groups with single options not allowed")}class ze extends p.Component{constructor(){super(...arguments),this.state={options:[],inputValue:null},this.selectRef=p.createRef(),this.portalRoot=null,this.updateOptions=()=>{const{options:e,specialOptions:s,compareOptions:n}=this.props,r=xs(e,n);s?this.setState({options:[...r,...s]}):this.setState({options:r})},this.filterOption=(e,s)=>e.label.toString().toLowerCase().startsWith(s.toLowerCase()),this.getContainerClasses=()=>{const{specialOptions:e}=this.props;return e?["select-search-container","special"]:["select-search-container"]}}componentDidMount(){if(this.updateOptions(),this.props["data-testid"]&&this.selectRef&&this.selectRef.current&&this.selectRef.current.controlRef.setAttribute("data-testid",this.props["data-testid"]),this.props.menuPortalTarget){this.portalRoot=document.createElement("div");const e=this.getContainerClasses();this.portalRoot.classList.add(...e),this.props.menuPortalTarget.appendChild(this.portalRoot)}}componentDidUpdate(e){(!E.isEqual(e.options,this.props.options)||e.freeForm!==this.props.freeForm)&&this.updateOptions()}componentWillUnmount(){this.props.menuPortalTarget&&this.portalRoot&&this.props.menuPortalTarget.removeChild(this.portalRoot)}render(){const{noResultsMessage:e,placeholder:s,value:n,onChange:r,clearable:a,loading:o,disabled:l}=this.props,{options:c}=this.state;return i.jsx(lt,{ref:this.selectRef,joinValues:!0,name:"form-field-name",className:this.getContainerClasses().join(" "),classNamePrefix:"select-search",isClearable:a,noOptionsMessage:e?()=>e:void 0,options:c,value:n||null,onChange:r,onInputChange:u=>{this.props.freeForm&&u&&this.setState({inputValue:u})},placeholder:s,filterOption:this.filterOption,isLoading:o,menuPortalTarget:this.portalRoot,isDisabled:l,onBlur:()=>{this.props.freeForm&&this.state.inputValue!==null&&(this.setState({options:this.props.options}),this.setState({inputValue:this.state.inputValue},()=>{const u={type:"item",value:this.state.inputValue,label:this.state.inputValue};this.setState(d=>({options:[u,...d.options]})),this.state.inputValue=null,r(u)}))}})}}const vs=({columnDefs:t,onFilter:e,tableName:s})=>{const{t:n}=L(),[r,a]=p.useState({}),o=p.useRef(e);p.useEffect(()=>{o.current=e},[e]),p.useEffect(()=>{a(h=>{const g={};for(const v of t)g[v.name]=h[v.name]!==void 0?h[v.name]:v.filterable?.initialValue??"";const f=Object.keys(h),m=Object.keys(g),x=m.length===f.length&&m.every(v=>f.includes(v)),S=x&&m.every(v=>g[v]===h[v]);return x&&S?h:(Object.values(g).some(v=>v)&&o.current(g),g)})},[t]);const l=(h,g)=>{const f={...r,[h]:g};a(f),e(f)},c=h=>{if(h.filterable)switch(h.filterable.filterType){case"text":return u(h);case"options":return d(h);default:throw new Error(`Filter type ${h.filterable.filterType} not supported`)}return null},u=h=>i.jsx(ms,{columnDef:h,changeFilter:l}),d=h=>{if(!h.filterable?.filterOptions)throw new Error(`No filterOptions found for column type: options on columnDef: ${h.name}`);const g=h.filterable.filterOptions;if(h.filterable.searchableOptions){const f=g.map(x=>({type:"item",label:typeof x.label=="string"?x.label:n(x.label.id,{defaultValue:x.label.defaultValue}),value:x.value})),m=r[h.name];return i.jsx(ze,{options:f,onChange:x=>{l(h.name,x?.value)},value:m?f.find(x=>x.value===m.toString()):null,clearable:!0})}else return i.jsxs("select",{onChange:f=>{l(h.name,f.target.value)},value:r[h.name],children:[i.jsx("option",{value:"",children:n("reactable.filter.all",{defaultValue:"- All -"})},""),g.map(f=>i.jsx("option",{className:pe(s,h.name),value:f.value,children:typeof f.label=="string"?f.label:n(f.label.id,{defaultValue:f.label.defaultValue})},f.value))]})};return i.jsx("tr",{className:"di filterrow form",children:t.map(h=>i.jsx("td",{style:{textAlign:h.align||"left"},children:c(h)},h.name))})};function ys({columnDefs:t,uniqueItemKey:e,paginationSettings:s,onSort:n,onFilter:r,tableName:a,pageable:o,isLoading:l,rowDef:c,clickable:u,messageWhenEmpty:d,"data-testid":h}){const g=p.useRef(null),f=p.useRef(null),[m,x]=p.useState(!1),[S,v]=p.useState(!0),[j,w]=p.useState(!1),I="uiConfigurations/nevershowscrollingadvice",A=p.useRef(S);p.useEffect(()=>{A.current=S},[S]);const R=()=>{g.current&&f.current&&x(!A.current&&f.current.scrollWidth>g.current.offsetWidth)};p.useEffect(()=>{setTimeout(()=>{(async()=>{try{const T=await xe.readAccountObject(I)===!0;v(T),A.current=T,T||R()}catch{v(!1),A.current=!1,R()}w(!0)})()},0)},[]),p.useEffect(()=>(R(),window.addEventListener("resize",R),()=>window.removeEventListener("resize",R)),[o,t]);const F=t.some(y=>y.filterable);return i.jsx(N.SpinnerContainer,{show:l,children:i.jsxs("div",{ref:g,className:"di reactable scroll-x",children:[j&&m&&!l&&i.jsx(N.Modal,{className:"scroll-horizontally-advice",content:i.jsxs("div",{children:[i.jsx(C,{i18nKey:"reactable.scrollHorizontally.advice",children:"SHIFT + mouse wheel to scroll horizontally"}),i.jsxs("div",{className:"scroll-horizontally-advice-buttons",children:[i.jsx(N.Button,{primary:!0,onClick:async()=>{await xe.writeAccountObject(I,!0),v(!0),A.current=!0,x(!1)},children:i.jsx(C,{i18nKey:"reactable.scrollHorizontally.neverShowAgain",children:"Never show again"})}),i.jsx(N.Button,{onClick:()=>x(!1),children:i.jsx(C,{i18nKey:"reactable.scrollHorizontally.ok",children:"OK"})})]})]}),width:"40%"}),i.jsxs("table",{ref:f,className:D("di reactable sortable hoverable",{selectable:u}),"data-testid":h,children:[i.jsx("thead",{children:i.jsx(ps,{columnDefs:t,paginationSettings:s,onSort:n,tableName:a})}),i.jsxs("tbody",{children:[r&&F&&i.jsx(vs,{columnDefs:t,onFilter:r,tableName:a}),o?.content.length?o.content.slice(0,s.size).map(y=>i.jsx(us,{columnDefs:t,item:y,rowDef:c,tableName:a},e(y))):!l&&i.jsx("tr",{children:i.jsx("td",{colSpan:t.length,children:i.jsx(C,{i18nKey:d??"reactable.noEntriesFound",children:"No entries found"})})})]})]})]})})}class qe extends p.Component{componentDidUpdate(){const{pageable:e,paginationSettings:s,onChangePage:n}=this.props;if(!e)return;const r=e.totalPages||0,a=s.page,o=r>0?Math.min(a,r-1):0;a!==o&&n(o)}render(){const{paginationSettings:e,pageable:s,onChangePage:n,onChangeSize:r}=this.props,a=r?s&&s.totalElements>0:s&&s.totalPages>1;return i.jsxs("div",{children:[i.jsx(ys,{...this.props}),s&&a&&i.jsx(Ze,{page:e.page,totalPages:s.totalPages,onChangePage:n,onChangeSize:r,size:e.size})]})}}const Ae={page:0,size:15,sort:{property:"name",direction:"DESC"}};class bs extends p.Component{constructor(e){super(e),this.content=[],this.calculatePageNumber=(n,r)=>{const{forceResetPaginationOnItemsChange:a}=this.props;if(a)this.handleChangePage(0);else{const o=Math.floor((n.length-1)/r.size);o<=0?this.handleChangePage(0):o<r.page&&this.handleChangePage(o)}},this.handleChangePage=n=>{this.setState({paginationSettings:{...this.state.paginationSettings,page:n}})},this.handleSort=(n,r)=>{this.setState({paginationSettings:{...this.state.paginationSettings,sort:{property:n,direction:r}}})},this.handleFilter=n=>{const{items:r,onFilter:a,columnDefs:o,onFilteredItemsChanged:l}=this.props;this.setState({paginationSettings:{...this.state.paginationSettings,page:0},filterSettings:n},()=>{a&&a(n);const c=Ce(r,o,n);this.setState({filteredItems:c}),c&&l?.(c)})},this.getPageable=()=>{const{customSortFunction:n,items:r,columnDefs:a,onContentChange:o}=this.props,{filterSettings:l,paginationSettings:c}=this.state,u=Ce(r,a,l),d=os(u,c,n);return d&&d.content&&!E.isEqual(d.content,this.content)&&(this.content=d.content,o&&o(this.content)),d},this.handleSelectChange=(n,r)=>{const{onSelectedItemsChange:a,selectedItems:o=[],uniqueItemKey:l}=this.props;if(a)if(n){const c=o.concat(l(r));a(c)}else a(o.filter(c=>c!==l(r)));else console.warn("ReactableWithClientSidePagination: onSelectedItemsChange property is missing")},this.handleSelectAllChange=n=>{const{onSelectedItemsChange:r,items:a,selectedItems:o=[],uniqueItemKey:l}=this.props,{filteredItems:c}=this.state,u=(c||a||[]).map(l);r?r(n?E.uniqWith([...o,...u],E.isEqual).sort():E.difference(o,u)):console.warn("ReactableWithClientSidePagination: onSelectedItemsChange property is missing")},this.areSelectedAll=()=>{const{items:n,selectedItems:r,uniqueItemKey:a}=this.props,{filteredItems:o}=this.state;return!!r&&(o||n||[]).every(c=>r.some(u=>u===a(c)))};let s=Ae;e.paginationSettings?s=e.paginationSettings:e.initialPaginationSettings?(console.warn('initialPaginationSettings is deprecated! Please use "paginationSettings" instead'),s=e.initialPaginationSettings):console.error("Missing pagination settings!"),this.state={paginationSettings:s||Ae,filterSettings:{},filteredItems:null}}componentDidUpdate(e){const{items:s}=this.props,{items:n}=e,r=this.props.paginationSettings||this.props.initialPaginationSettings,a=e.paginationSettings||e.initialPaginationSettings;s&&n&&s.length!==n.length&&this.calculatePageNumber(s,this.state.paginationSettings),r&&!E.isEqual(r,a)&&this.setState({paginationSettings:r},()=>this.handleChangePage(0))}render(){const{uniqueItemKey:e,isLoading:s,columnDefs:n,rowDef:r,tableName:a,clickable:o,selectable:l,selectedItems:c,onChangeSize:u}=this.props,d=l?ds(n,this.handleSelectChange,this.handleSelectAllChange,this.areSelectedAll(),c||[],e):n;return i.jsx(qe,{columnDefs:d,rowDef:r,uniqueItemKey:e,paginationSettings:this.state.paginationSettings,onChangePage:this.handleChangePage,onChangeSize:u,onSort:this.handleSort,onFilter:this.handleFilter,tableName:a,pageable:this.getPageable(),isLoading:s,clickable:o,"data-testid":this.props["data-testid"]})}}const H=class H extends Y.Component{constructor(){super(...arguments),this.state={files:[]},this.handleDrop=(e,s)=>{!this.props.multiple&&e.length>1||s.length>0||setTimeout(()=>this.selectFile(e),100)},this.selectFile=e=>{const{onSelectFile:s,onChange:n}=this.props;e.forEach(a=>{a.preview=URL.createObjectURL(a)});const r=[...this.state.files,...e];this.setState({files:r}),n?.(r),s&&e.forEach(a=>{s(a)})},this.handleRemoveFile=e=>{const{files:s}=this.state;if(e){e.preview&&window.URL.revokeObjectURL(e.preview);const n=s.filter(r=>r!==e);this.setState({files:n}),this.props.onChange?.(n),this.props.onRemoveFile?.(e)}}}render(){const{files:e}=this.state,{accept:s,previewComponent:n,dropHint:r,hoverHint:a,acceptHint:o,rejectHint:l,onChange:c,onRemoveFile:u,onDownloadFile:d,onSelectFile:h,onDropRejected:g,onDropAccepted:f,maxSize:m,multiple:x,...S}=this.props,v=r||H.defaultProps.dropHint,j=a||H.defaultProps.hoverHint,w=o||H.defaultProps.acceptHint,I=l||H.defaultProps.rejectHint;return i.jsxs("div",{...S,className:D("di upload",{clickable:!e.length,hasContent:!!e.length}),children:[!!n&&e.map((A,R)=>i.jsx(n,{file:A,onRemoveFile:()=>this.handleRemoveFile(A),onDownloadFile:d?()=>d(A):void 0},R)),(x||!e.length)&&i.jsx(ct,{accept:s,multiple:x??!1,onDrop:this.handleDrop,onDropRejected:g,onDropAccepted:f,maxSize:m||1/0,children:({getRootProps:A,getInputProps:R,isDragAccept:F,isDragReject:y,isDragActive:T})=>i.jsxs("div",{className:D("drag-drop-text-container",{active:T,accept:F,reject:y}),...A(),children:[i.jsx("input",{...R()}),i.jsx("p",{className:"drag-drop-hint",children:i.jsx(C,{i18nKey:v.id,children:v.defaultValue})}),i.jsx("p",{className:"drag-drop-hover-hint",children:i.jsx(C,{i18nKey:j.id,children:j.defaultValue})}),i.jsx("p",{className:"drag-drop-accept",children:i.jsx(C,{i18nKey:w.id,children:w.defaultValue})}),i.jsx("p",{className:"drag-drop-reject",children:i.jsx(C,{i18nKey:I.id,children:I.defaultValue})})]})})]})}};H.defaultProps={dropHint:{id:"fileUpload.dropHint",defaultValue:"Drop file here, or click to browse ..."},hoverHint:{id:"fileUpload.hoverHint",defaultValue:"Drop file here, or click to browse ..."},acceptHint:{id:"fileUpload.acceptHint",defaultValue:"This file type can be uploaded"},rejectHint:{id:"fileUpload.rejectHint",defaultValue:"This file type cannot be uploaded"}};let X=H;const Ss=({url:t,imageSize:e,onRemoveFile:s,onDragOver:n,onDownloadFile:r})=>i.jsx("div",{className:"di upload preview-container",onDragOver:n,children:i.jsxs("div",{className:"preview",style:{backgroundImage:`url(${t})`,...e&&{backgroundSize:e}},children:[i.jsx("button",{className:"action-button",onClick:s,"data-testid":"delete-button",children:i.jsx(C,{i18nKey:"imageUpload.remove",children:"Remove"})}),r&&i.jsx("button",{className:"action-button",onClick:r,"data-testid":"download-button",children:i.jsx(C,{i18nKey:"imageUpload.download",children:"Download"})})]})});class js extends p.Component{constructor(){super(...arguments),this.state={dragOverPreview:!1,file:null},this.handleDragOver=()=>{this.setState({dragOverPreview:!0})}}componentDidUpdate(e){e.imageUrl!==this.props.imageUrl&&this.setState({dragOverPreview:!1})}render(){const{accept:e,imageUrl:s,imageSize:n,onSelectFile:r,onRemoveFile:a,onDownloadFile:o,...l}=this.props,{dragOverPreview:c,file:u}=this.state;return s&&!c&&u?i.jsx(Ss,{url:s,imageSize:n,onRemoveFile:()=>a?.(u),onDownloadFile:o?()=>o(u):void 0,onDragOver:this.handleDragOver}):i.jsx(X,{...l,onRemoveFile:d=>{this.setState({file:null}),a?.(d)},onSelectFile:d=>{this.setState({file:d}),r?.(d)},accept:e||{"image/*":[".jpeg",".jpg",".png",".webp"]}})}}const Cs="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3NpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ2MCwgMjAyMC8wNS8xMi0xNjowNDoxNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplMjI2NGVmOC0xY2Q1LTgyNDQtOWQ5NS0yZDBjNGMxMmZkM2UiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDhENjczMThERTNEMTFFQUIwNjJCODBDQ0RGM0I4QkEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDhENjczMTdERTNEMTFFQUIwNjJCODBDQ0RGM0I4QkEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTcyODQ4NjktNjA0NC0xZjQ2LTg2OWMtMjBlYzMwMTA0MWE2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmUyMjY0ZWY4LTFjZDUtODI0NC05ZDk1LTJkMGM0YzEyZmQzZSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnOjy94AAABySURBVHjapFMJDsAgCFvJ/v/lbkvYEQ4naGIiShtaASS3lSWjRwA8d4/gAutxSLJrsr3/6kKUc0uPKnDgioQS2BKUwY8HBhzFoc+/31ipAF0JkoDY7cQyiWTmzJLADZN2HIwn2dD5Ct5EzBiK1XE+BBgAvZQfJzDjL2UAAAAASUVORK5CYII=",ws=({parentPageLink:t,title:e,subPagePathPrefixArray:s,subPagePathPrefix:n,subtitle:r,children:a})=>{const{push:o}=M.useHistory(),{pathname:l}=M.useLocation(),{t:c}=L(),u=()=>{n?o(l.substring(0,l.lastIndexOf(n))):s?s.forEach(h=>{l.includes(h)&&o(l.substring(0,l.lastIndexOf(h)))}):o(l.substring(0,l.lastIndexOf("/")))},d=h=>{if(typeof h=="string")return h;{const{id:g,defaultValue:f}=h;return c(g,{defaultValue:f})}};return i.jsxs("h1",{className:"di header",children:[t&&i.jsx(N.Button,{onClick:u,style:{marginRight:"15px"},children:i.jsx("img",{src:Cs,alt:c("general.navigation.goBack",{defaultValue:"Go Back"})})}),i.jsx("span",{children:d(e)}),r&&i.jsx("span",{className:"search-result-count",children:d(r)}),a]})},ie=(t,e)=>{try{return b.tz(e,t).format("HH:mm")}catch(s){return console.error("DateTimeInput: Error while extracting time from date",s),"00:00"}},oe=p.forwardRef(({timestamp:t,timezone:e,warning:s,readOnly:n=!1,onChange:r,...a},o)=>{const[l,c]=p.useState(ie(e,t)),u=l??ie(e,t);p.useEffect(()=>{c(ie(e,t))},[e,t]);function d(f,m){const x=b.tz(t,e),S=b.tz(f,e).set("hour",x.hour()).set("minute",x.minute()).set("second",x.second()).set("millisecond",x.millisecond());r(S.valueOf(),m)}function h(f,m){if(m){const[x,S]=f.split(":").map(Number),v=b.tz(t,e).set("hours",x).set("minutes",S);r(v.valueOf(),!0)}c(f)}function g(){l&&/^[0-9]:[0-5][0-9]$/.test(l)&&h(l.padStart(5,"0"),!0)}return i.jsxs("span",{className:`di date-time-input ${s?"with-warning":""}`,children:[i.jsx(ue,{...a,ref:o,value:t,timezone:e,onChange:d,readOnly:n}),i.jsx(q,{"data-testid":"time-input",value:u,onChange:h,pattern:/^(([01][0-9])|2[0-3]):[0-5][0-9]$/,required:!0,invalidStyle:{borderColor:"red"},placeholder:"00:00",className:"time",onBlur:g,disabled:n})]})});class As extends p.Component{constructor(){super(...arguments),this.state={cache:{},currentItem:null},this.transformBackendItemToSelectItem=e=>{const{labelKey:s,valueKey:n}=this.props;return{value:e[n],label:e[s]}},this.reloadItemFromCache=()=>{const{value:e}=this.props,{currentItem:s,cache:n}=this.state;return e&&(!s||s.value!==e)&&n[e]?(this.setState({currentItem:n[e]}),!0):!1},this.addBackendItemToCache=e=>{if(e){const s=this.transformBackendItemToSelectItem(e),n=s.value;this.setState(({cache:r})=>({cache:{...r,[n]:s}}))}},this.fetchOptions=async(e,s)=>{const{searchByQuery:n}=this.props;try{const{content:r,number:a,totalPages:o}=await n(e,s.length);return{options:r.map(this.transformBackendItemToSelectItem),hasMore:a<o-1}}catch(r){return console.error("Error fetching options:",r),{hasMore:!1,options:[]}}},this.handleChange=e=>{const{onChange:s}=this.props;if(e){const n=e.value;this.setState(({cache:r})=>({cache:{...r,[n]:e}}),()=>{s(n)})}else s(null)}}componentDidMount(){const{value:e,searchById:s}=this.props;e&&s(e).then(this.addBackendItemToCache)}componentDidUpdate(){const{value:e,searchById:s}=this.props,{currentItem:n}=this.state;e&&(!n||n.value!==e)?this.reloadItemFromCache()||s(e).then(this.addBackendItemToCache):!e&&n&&this.setState({currentItem:null})}render(){const{clearable:e,noResultsMessage:s,disabled:n,menuPortalTarget:r}=this.props,{currentItem:a}=this.state;return i.jsx(dt.AsyncPaginate,{className:"select-search-container",classNamePrefix:"select-search",isClearable:e,noResultsText:s,value:a,onChange:this.handleChange,loadOptions:this.fetchOptions,isDisabled:n,menuPortalTarget:r,placeholder:this.props.placeholder})}}class Ns extends Y.PureComponent{constructor(){super(...arguments),this.createClickHandler=e=>()=>{const{onClick:s}=this.props;s&&s(),e()}}render(){const{disabled:e,icon:s,children:n,linkTo:r}=this.props,a=this.props["data-testid"];return i.jsx(Ue.Consumer,{children:({toggleMenu:o})=>r?i.jsxs(M.Link,{"data-testid":a,to:r,className:`item ${e?"disabled":""}`,onClick:this.createClickHandler(o),children:[s&&i.jsx("span",{className:"item-icon",children:s}),i.jsx("span",{className:"item-text",children:n})]}):i.jsxs("div",{"data-testid":a,className:`item ${e?"disabled":""}`,onClick:this.createClickHandler(o),children:[s&&i.jsx("span",{className:"item-icon",children:s}),i.jsx("span",{className:"item-text",children:n})]})})}}const Ne=3600*1e3;function Is({period:t,onChange:e,readOnly:s,locale:n,timezone:r}){const[a,o]=p.useState(""),l=p.useRef(void 0),c=p.useRef(null),u=new Date(t.tsStart),d=new Date(t.tsEnd);function h(m){l.current&&clearTimeout(l.current),o(m),l.current=setTimeout(()=>o(""),1e3)}function g(m,x){if(m){const S=t.tsEnd&&m>t.tsEnd,v=S?m+Ne:t.tsEnd,j={tsStart:m,tsEnd:v};E.isEqual(j,t)||e(j),!x&&c.current&&c.current.focus(),S&&h("date-to")}}function f(m){if(m){const x=t.tsStart&&m<t.tsStart,v={tsStart:x?m-Ne:t.tsStart,tsEnd:m};E.isEqual(v,t)||e(v),x&&h("date-from")}}return i.jsxs("span",{className:"inputs",children:[i.jsx("span",{"data-testid":"from-wrapper",children:i.jsx(oe,{timestamp:t.tsStart,onChange:g,warning:a==="date-from",selectsStart:!0,startDate:u,endDate:d,readOnly:s,locale:n,timezone:r})}),"  -  ",i.jsx("span",{"data-testid":"to-wrapper",children:i.jsx(oe,{ref:c,timestamp:t.tsEnd,onChange:f,warning:a==="date-to",selectsEnd:!0,startDate:u,endDate:d,readOnly:s,locale:n,timezone:r})})]})}class Rs extends p.Component{constructor(e){super(e),this.tdMonth=r=>{const{selectedMonth:a,selectedYear:o,displayedYear:l}=this.state;return i.jsx("td",{"data-testid":`month-${r}-button`,onClick:()=>{this.props.onChange(r,l),this.setState({selectedMonth:r,selectedYear:l})},className:D({selected:r===a&&l===o}),children:b(`${o}/${r.toString().padStart(2,"0")}/01`,"YYYY/MM/DD").format("MMM")})};const s=e.month!==null&&e.month!==void 0?e.month:b().month()+1,n=e.year!==null&&e.year!==void 0?e.year:b().year();this.state={selectedMonth:s,selectedYear:n,displayedYear:n}}render(){const{displayedYear:e}=this.state;return i.jsxs("div",{className:"di monthpicker",children:[i.jsxs("div",{className:"pager",children:[i.jsx("span",{className:"page-nav prev",onClick:()=>{this.setState({displayedYear:e-1})}}),i.jsx("span",{className:"page-nav info",children:e}),i.jsx("span",{className:"page-nav next",onClick:()=>{this.setState({displayedYear:e+1})}})]}),i.jsx("div",{className:"months",children:i.jsx("table",{style:{margin:"auto"},children:i.jsxs("tbody",{children:[i.jsxs("tr",{children:[this.tdMonth(1),this.tdMonth(2),this.tdMonth(3)]}),i.jsxs("tr",{children:[this.tdMonth(4),this.tdMonth(5),this.tdMonth(6)]}),i.jsxs("tr",{children:[this.tdMonth(7),this.tdMonth(8),this.tdMonth(9)]}),i.jsxs("tr",{children:[this.tdMonth(10),this.tdMonth(11),this.tdMonth(12)]})]})})})]})}}const ks="data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%23fff;%20}%20%3c/style%3e%3c/defs%3e%3cg%3e%3cg%3e%3crect%20class='cls-1'%20x='3.5'%20y='7.5'%20width='2'%20height='2'/%3e%3cpath%20d='M5,8V9H4V8H5M6,7H3v3H6V7Z'/%3e%3c/g%3e%3cg%3e%3crect%20class='cls-1'%20x='8'%20y='7'%20width='1'%20height='1'/%3e%3cpolygon%20points='9%207%208%207%208%208%209%208%209%207%209%207'/%3e%3c/g%3e%3cg%3e%3crect%20class='cls-1'%20x='10'%20y='7'%20width='1'%20height='1'/%3e%3cpolygon%20points='11%207%2010%207%2010%208%2011%208%2011%207%2011%207'/%3e%3c/g%3e%3cg%3e%3crect%20class='cls-1'%20x='12'%20y='7'%20width='1'%20height='1'/%3e%3cpolygon%20points='13%207%2012%207%2012%208%2013%208%2013%207%2013%207'/%3e%3c/g%3e%3cg%3e%3crect%20class='cls-1'%20x='8'%20y='9'%20width='1'%20height='1'/%3e%3cpolygon%20points='9%209%208%209%208%2010%209%2010%209%209%209%209'/%3e%3c/g%3e%3cg%3e%3crect%20class='cls-1'%20x='8'%20y='11'%20width='1'%20height='1'/%3e%3cpolygon%20points='9%2011%208%2011%208%2012%209%2012%209%2011%209%2011'/%3e%3c/g%3e%3cg%3e%3crect%20class='cls-1'%20x='6'%20y='11'%20width='1'%20height='1'/%3e%3cpolygon%20points='7%2011%206%2011%206%2012%207%2012%207%2011%207%2011'/%3e%3c/g%3e%3cg%3e%3crect%20class='cls-1'%20x='4'%20y='11'%20width='1'%20height='1'/%3e%3cpolygon%20points='5%2011%204%2011%204%2012%205%2012%205%2011%205%2011'/%3e%3c/g%3e%3cg%3e%3crect%20class='cls-1'%20x='10.5'%20y='9.5'%20width='2'%20height='2'/%3e%3cpath%20d='M12,10v1H11V10h1m1-1H10v3h3V9Z'/%3e%3c/g%3e%3cpath%20d='M15.31,2H.69A.69.69,0,0,0,0,2.69V14.31A.69.69,0,0,0,.69,15H15.31a.69.69,0,0,0,.69-.69V2.69A.69.69,0,0,0,15.31,2ZM14,13H2V6H14Z'/%3e%3c/g%3e%3crect%20x='3'%20width='3'%20height='2'/%3e%3crect%20x='10'%20width='3'%20height='2'/%3e%3c/svg%3e",Es="data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3cpolygon%20points='7.5%2010%204%206%2011%206%207.5%2010'/%3e%3c/svg%3e";b.extend(Me);b.extend(Te);function k(t,e){return t?b.tz(e,t):b(e)}function Qe(t){return{tsStart:k(t).startOf("day").valueOf(),tsEnd:k(t).endOf("day").valueOf()}}function $e(t){return{tsStart:k(t).subtract(1,"day").startOf("day").valueOf(),tsEnd:k(t).subtract(1,"day").endOf("day").valueOf()}}function Je(t){return{tsStart:k(t).startOf("week").valueOf(),tsEnd:k(t).endOf("week").valueOf()}}function Ke(t){return{tsStart:k(t).startOf("month").valueOf(),tsEnd:k(t).endOf("month").valueOf()}}function Xe(t,e){return{tsStart:k(e,t).startOf("day").valueOf(),tsEnd:k(e,t).endOf("day").valueOf()}}function _e(t,e){return{tsStart:k(e,t).startOf("month").valueOf(),tsEnd:k(e,t).endOf("month").valueOf()}}function le(t,e){const s=k(e).subtract(t-1,"days").startOf("day").valueOf(),n=b().endOf("day").valueOf();return{tsStart:s,tsEnd:n}}const Ms=1e3*60*60*24;function Ts({tsStart:t,tsEnd:e}){return Math.round((e-t+1)/Ms)}function Os({onChange:t,onShowCustomPeriod:e,periodName:s,timezone:n}){const[r,a]=p.useState(!1),[o,l]=p.useState(!1),[c,u]=p.useState(!1),[d,h]=p.useState(Date.now());function g(j){t(j),a(!1),e&&e(!1)}function f(j){g(Xe(j??Date.now(),n)),l(!1),h(j??void 0)}function m(j,w){g(_e(b().year(w).month(j-1).valueOf(),n)),u(!1)}function x(){l(!o),u(!1)}function S(){u(!c),l(!1)}function v(){a(!1),e&&e(!0)}return i.jsx("div",{children:i.jsx(N.Popup,{open:r,onOpenChange:a,handler:i.jsx(N.Button,{"data-testid":"time-period-menu-button",title:{id:"trend.calendarMenu.calendar.timePeriod",defaultValue:"Time Period"},children:i.jsxs(i.Fragment,{children:[i.jsx("img",{src:ks,alt:"calendar icon",style:{width:16,height:16}})," ",!!s&&i.jsxs("span",{children:[" ",s," "]}),i.jsx("img",{src:Es,alt:"triangle down",style:{width:16,height:16}})]})}),children:i.jsx("div",{className:"di multimenu period-picker-multimenu",children:i.jsxs("div",{className:`drop bottom ${r?"show":""}`,children:[i.jsx("div",{className:`left-box ${o?"show":""}`,children:i.jsx(ue,{inline:!0,value:d,onChange:f})}),i.jsx("div",{className:`left-box ${c?"show":""}`,children:i.jsx(Rs,{onChange:m})}),i.jsxs("div",{className:"right-box",children:[i.jsx("div",{className:"item","data-testid":"today-button",onClick:()=>g(Qe(n)),children:i.jsx("div",{className:"item-text",children:i.jsx(C,{i18nKey:"trend.calendarMenu.timePeriod.today",children:"Today"})})}),i.jsx("div",{className:"item","data-testid":"yesterday-button",onClick:()=>g($e(n)),children:i.jsx("div",{className:"item-text",children:i.jsx(C,{i18nKey:"trend.calendarMenu.timePeriod.yesterday",children:"Yesterday"})})}),i.jsxs("div",{className:"item",children:[i.jsx("div",{"data-testid":"last-7-days-button",className:"item-text",onClick:()=>g(le(7,n)),children:i.jsx(C,{i18nKey:"trend.calendarMenu.timePeriod.lastSevenDays",children:"Last 7 days"})}),i.jsx("div",{className:"item-more icon triangle",children:i.jsx("div",{className:"item-more-submenu",children:[2,3,5,10,14,30].map(j=>i.jsx("div",{className:"subitem",onClick:()=>g(le(j,n)),children:j},j))})})]}),i.jsx("div",{className:"item","data-testid":"current-week-button",onClick:()=>g(Je(n)),children:i.jsx("div",{className:"item-text",children:i.jsx(C,{i18nKey:"trend.calendarMenu.timePeriod.currentWeek",children:"Curr. Week"})})}),i.jsx("div",{className:"item","data-testid":"current-month-button",onClick:()=>g(Ke(n)),children:i.jsx("div",{className:"item-text",children:i.jsx(C,{i18nKey:"trend.calendarMenu.timePeriod.currentMonth",children:"Curr. Month"})})}),i.jsx("div",{className:"item","data-testid":"day-button",onClick:x,children:i.jsxs("div",{className:"item-text",children:[i.jsx(C,{i18nKey:"trend.calendarMenu.timePeriod.day",children:"Day"}),i.jsx("div",{className:"item-more icon dots"})]})}),i.jsx("div",{className:"item","data-testid":"month-button",onClick:S,children:i.jsxs("div",{className:"item-text",children:[i.jsx(C,{i18nKey:"trend.calendarMenu.timePeriod.month",children:"Month"}),i.jsx("div",{className:"item-more icon dots"})]})}),e!==void 0&&i.jsx("div",{className:"item","data-testid":"from-to-button",onClick:v,children:i.jsx("div",{className:"item-text",children:i.jsx(C,{i18nKey:"trend.calendarMenu.timePeriod.fromto",children:"From/to"})})})]})]})})})})}function G(t,e){return t.tsStart===e.tsStart&&t.tsEnd===e.tsEnd}function Ds(t,e){const{t:s}=L();if(G(t,Qe(e)))return s("trend.calendarMenu.timePeriod.today",{defaultValue:"Today"});if(G(t,$e(e)))return s("trend.calendarMenu.timePeriod.yesterday",{defaultValue:"Yesterday"});if(G(t,Je(e)))return s("trend.calendarMenu.timePeriod.currentWeek",{defaultValue:"Curr. Week"});if(G(t,Ke(e)))return s("trend.calendarMenu.timePeriod.currentMonth",{defaultValue:"Curr. Month"});if(G(t,Xe((t.tsStart+t.tsEnd)/2,e)))return s("trend.calendarMenu.timePeriod.day",{defaultValue:"Day"});if(G(t,_e((t.tsStart+t.tsEnd)/2,e)))return s("trend.calendarMenu.timePeriod.month",{defaultValue:"Month"});const n=Ts(t);if(G(t,le(n,e)))return s("trend.calendarMenu.timePeriod.lastDays",{defaultValue:`Last ${n} days`,days:n})}function Ps({period:t,onChange:e,inputsHiddenByDefault:s,menuHidden:n,readOnly:r,locale:a,defaultPeriodName:o,timezone:l,...c}){const[u,d]=p.useState(!s),h=Ds(t,l)??o;return i.jsxs("div",{className:"di period-picker","data-testid":c["data-testid"],children:[(!s||u)&&i.jsx(Is,{period:t,onChange:e,locale:a,readOnly:r,timezone:l}),n||r||i.jsx(Os,{periodName:h,onShowCustomPeriod:s?d:void 0,onChange:e,timezone:l})]})}const Ls=500,Ie=t=>Array.from(t.querySelectorAll("[id]")).map(e=>e.getAttribute("id")).reduce((e,s)=>(s&&(e[s]=e[s]+1||1),e),{}),Vs=t=>{const e=Ie(document),s=Ie(t);return Object.keys(s).filter(n=>s[n]<e[n])};function Bs(t,e){const s=setTimeout(()=>{e&&e(Vs(t))},Ls);return()=>clearTimeout(s)}const et="http://www.w3.org/2000/svg";function Fs(t,{hoverColor:e,internalLink:s,link:n},r,a){const o=Gs(t);if(!o)return;const l=`a${Ve(8)}`;t.classList.add("anchor",l),e&&r?.sheet&&r.sheet.insertRule(`.di.svg-image .anchor.${l}:hover, .di.svg-image .anchor.${l}:hover * { stroke: ${e} !important; }`),o.setAttributeNS(et,"xlink:href","#"),o.addEventListener("click",()=>s&&a?a(n):window.open(n,"_newtab"))}function Gs(t){const e=t.parentNode;if(!e)return null;const s=e.childNodes;if(!s)return null;const n=Array.from(s).findIndex(o=>o===t),r=document.createElementNS(et,"a");r.appendChild(t);const a=s[n]||null;return a?e.insertBefore(r,a):e.appendChild(r),r}const Hs=t=>t.replace(/<svg:svg/g,"<svg").replace(/<\/svg:svg/g,"</svg"),fe=t=>{const e=new DOMParser,s=Hs(atob(t.replace("data:image/svg+xml;base64,","")));return e.parseFromString(s,"image/svg+xml")};function Ys(t,e){return fe(t).querySelectorAll(`[id^="${e}"]`)}const Us=t=>{const e=t.filter(({type:r})=>r==="positionX"||r==="positionY"),s=t.filter(({type:r})=>r!=="positionX"&&r!=="positionY"),n=e.reduce((r,a)=>a.type==="positionX"?{...r,x:a}:a.type==="positionY"?{...r,y:a}:r,{x:null,y:null});return n.x&&n.y?s.concat([{type:"positionXY",target:n.x.target,positionX:n.x.position,positionY:n.y.position}]):n.x?s.concat([n.x]):n.y?s.concat([n.y]):s},Ws=t=>{const e=t.reduce((s,n)=>({...s,[n.target]:[...s[n.target]||[],n]}),{});return Object.keys(e).reduce((s,n)=>s.concat(Us(e[n])),[])},Q=t=>Math.max(0,Math.min(100,t));function Zs(t,e,s){const n=Oe.SVG(s),r=t.getAttribute("id")||"",a=n.findOne(`#${r}`),o=n.findOne(`#${r}-boundaries`),l=o?o.bbox():n.viewbox();e.type==="positionX"?a.x(l.x+Q(e.position)*l.width/100):e.type==="positionY"?a.y(l.y+Q(e.position)*l.height/100):(a.x(l.x+Q(e.positionX)*l.width/100),a.y(l.y+Q(e.positionY)*l.height/100))}function zs(t,e,s,n,r){const o=fe(e).querySelector("svg");return o?(t.style.height="100%",t.innerHTML="",o.style.height="100%",o.style.width="100%",o.classList.add("di","svg-image"),o.getAttribute("viewBox")||o.setAttribute("viewBox",""),o.getAttribute("preserveAspectRatio")||o.setAttribute("preserveAspectRatio","xMidYMid"),t.appendChild(o),qs(o,s,n,r),o):null}function qs(t,e,s,n){if(!(!e||!e.length))for(const r of $s(Ws(e))){const a=t.querySelector(`[id=${r.target}]`);a&&Qs(a,r,t,s,n)}}function Qs(t,e,s,n,r){switch(e.type){case"visibility":t.setAttribute("visibility",e.visible?"visible":"hidden");break;case"text":{const a=t.querySelector("tspan");a?a.textContent=e.text:t.textContent=e.text;break}case"color":{const{color:a}=e,o=l=>{l.setAttribute("fill",a),l.style.fill=a};o(t),t.querySelectorAll("g, path").forEach(o);break}case"hyperlink":Fs(t,e,n,r);break;case"eventListener":t.addEventListener(e.eventType,e.listener,e.options);break;case"classNames":t.classList.add(...e.classNames);break;case"positionX":case"positionY":case"positionXY":Zs(t,e,s);break;case"rotation":{Oe.SVG(t).rotate(e.degrees);break}default:throw new Error("Unknown modification")}}function $s(t){return t.sort(({type:e},{type:s})=>e!==s&&s==="rotation"?-1:1)}function Js(){const t=p.useRef(null);return p.useEffect(()=>{const e=document.createElement("style");return e.appendChild(document.createTextNode("")),document&&document.head&&document.head.appendChild(e),t.current=e,()=>{document&&document.head&&e&&document.head.removeChild(e)}},[]),t.current}function Ks({imageData:t,modifications:e,onConflict:s}){const n=p.useRef(null),r=Js(),{push:a}=M.useHistory();return p.useEffect(()=>{const{current:o}=n;if(o&&t){const l=zs(o,t,e,r,a);if(l&&s)return Bs(l,s)}},[t,e,s,a,r]),i.jsx("div",{ref:n})}const tt=t=>{try{return fe(t).querySelector("svg")}catch{return null}},Xs=t=>{const e=tt(t);return!!e&&!!e.style};function ce(t,e,s){return`<div>${t}</div><div>${e}: <strong>${s}</strong></div>`}const V={global:{useUTC:!1},chart:{style:{fontFamily:"arial"},plotBackgroundColor:null,plotBorderWidth:0,plotShadow:!1},credits:{enabled:!1},legend:{align:"right",verticalAlign:"center",layout:"vertical"},title:{useHTML:!0},plotOptions:{pie:{dataLabels:{enabled:!1},showInLegend:!0,startAngle:-90,endAngle:270}},tooltip:{useHTML:!0,formatter(){return ce("",this.point.name,this.point.y)}},xAxis:{type:"category"},yAxis:{min:0,title:{text:""}},options:{lgo:123}},Re=t=>t?{series:{cursor:"pointer",point:{events:{click:function(){t(this.index)}}}}}:{};class _s extends p.Component{constructor(){super(...arguments),this.state={},this.chart=null,this.ro=null,this.handleChart=e=>{this.chart=e,this.ro=new ResizeObserver(()=>{this.chart?.reflow()}),this.ro.observe(this.chart.renderTo)}}componentDidMount(){const{type:e,title:s,items:n,tooltipTitle:r,valueFormatter:a,onClick:o}=this.props;this.setState({...V,plotOptions:{...V.plotOptions,...Re(o)},tooltip:{...V.tooltip,formatter(){const l=a||(c=>c);return ce(r||"",this.point.name,l(this.point.y))}},legend:{...V.legend,enabled:e==="pie"},yAxis:{...V.yAxis,enabled:e==="column",title:{text:s||""}},series:[{type:e,innerSize:"50%",data:n.map(({label:l,value:c})=>[l,c])}]}),setTimeout(()=>{this.setState({title:{...V.title,text:e==="column"?"":s||""}})},0)}componentDidUpdate(e){const{type:s,title:n,items:r,tooltipTitle:a,valueFormatter:o,onClick:l}=this.props;n!==e.title&&this.setState({title:{...this.state.title,text:s==="column"?"":n||""},yAxis:{...this.state.yAxis,title:{text:n||""}}}),s!==e.type&&this.setState({legend:{...this.state.legend,enabled:s==="pie"},title:{text:s==="column"?"":n||""},yAxis:{...this.state.yAxis,enabled:s==="column",title:{text:s==="column"&&n||""}},series:[{type:s,innerSize:"50%",data:r.map(({label:c,value:u})=>[c,u])}]}),E.isEqual(r,e.items)||this.setState({series:[{type:s,innerSize:"50%",data:r.map(({label:c,value:u})=>[c,u])}]}),(a!==e.tooltipTitle||o!==e.valueFormatter||l!==e.onClick)&&this.setState({tooltip:{...V.tooltip,formatter(){const c=o||(u=>u);return ce(a||"",this.point.name,c(this.point.y))}},plotOptions:{...V.plotOptions,...Re(l)}})}componentWillUnmount(){this.ro&&this.chart?.renderTo&&this.ro.unobserve(this.chart.renderTo),this.chart=null,this.ro=null}render(){const e=this.props.updateOptions?this.props.updateOptions(this.state):this.state;return i.jsx(ht,{highcharts:ut,options:e,containerProps:{className:this.props.className},callback:this.handleChart})}}function en(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var z={},ke;function tn(){if(ke)return z;ke=1,Object.defineProperty(z,"__esModule",{value:!0}),z.default=void 0;let t=o=>+setTimeout(o,16),e=o=>clearTimeout(o);typeof window<"u"&&"requestAnimationFrame"in window&&(t=o=>window.requestAnimationFrame(o),e=o=>window.cancelAnimationFrame(o));let s=0;const n=new Map;function r(o){n.delete(o)}const a=(o,l=1)=>{s+=1;const c=s;function u(d){if(d===0)r(c),o();else{const h=t(()=>{u(d-1)});n.set(c,h)}}return u(l),c};return a.cancel=o=>{const l=n.get(o);return r(o),e(l)},process.env.NODE_ENV!=="production"&&(a.ids=()=>n),z.default=a,z}var sn=tn();const Ee=en(sn),nn=t=>{const{value:e,children:s,visible:n,tipFormatter:r=d=>`${d}`,...a}=t,o=p.useRef(null),l=p.useRef(null);function c(){l.current&&Ee.cancel(l.current)}function u(){l.current=Ee(()=>{o.current?.forceAlign()})}return p.useEffect(()=>(n?u():c(),c),[e,n]),i.jsx(pt,{placement:"top",overlay:r(e),ref:o,align:{offset:[0,-10]},visible:n,...a,children:s})},rn=({tipFormatter:t,tipProps:e,...s})=>{const n=(r,a)=>i.jsx(nn,{value:a.value,visible:a.dragging,tipFormatter:t,...e,children:r});return i.jsx(De,{...s,handleRender:n})};function an(t,e,s){const[n,r]=p.useState(null);p.useEffect(()=>{if(n){const o=n.querySelector(".rc-slider-rail");if(!o)throw new Error(".rc-slider-rail element missing");const l=o?.querySelector(".disabled-area-element"),c=o.getBoundingClientRect().width;if(l)if(t==null)l.remove();else{const u=Math.round((s-t)/(s-e)*c);l.style.width=`${u}px`}else if(t!=null){const u=Math.round((s-t)/(s-e)*c),d=document.createElement("div");d.classList.add("disabled-area-element"),d.style.width=`${u}px`,o.appendChild(d)}}},[t,n,e,s]);const a=p.useCallback(()=>{if(n&&t!=null){const o=n.querySelector(".rc-slider-rail");if(!o)throw new Error(".rc-slider-rail element missing");const l=o?.querySelector(".disabled-area-element"),c=o.getBoundingClientRect().width;if(l){const u=Math.round((s-t)/(s-e)*c);l.style.width=`${u}px`}}},[t,s,e,n]);return p.useEffect(()=>{n&&new ResizeObserver(()=>a()).observe(n)},[n,a]),r}const on=({min:t,max:e,step:s,value:n,tooltip:r=!0,labels:a,format:o,onChange:l,onChangeComplete:c,limit:u})=>{const d=an(u,t,e),f={min:t,max:e,step:s,value:n,onChange:m=>{if(!l)return;const x=typeof m=="number"?m:m[0],S=u!=null?Math.min(x,u):x;l(S)},onChangeComplete:()=>{c&&c(n)},marks:a};return i.jsx("div",{className:"di slider",ref:d,children:r?i.jsx(rn,{...f,className:"di slider with-tooltip",tipFormatter:o}):i.jsx(De,{...f,className:"di slider"})})};exports.Chart=_s;exports.ColorPicker=He;exports.ContentHeader=ws;exports.DateInput=ue;exports.DateTimeInput=oe;exports.FileUpload=X;exports.GradientColorPicker=Bt;exports.GridColorPicker=He;exports.ImageUpload=js;exports.InfoBox=Qt;exports.MessageBoxContainer=jt;exports.MultiMenu=We;exports.MultiMenuItem=Ns;exports.Pagination=Ze;exports.PeriodPicker=Ps;exports.Reactable=qe;exports.ReactableWithClientSidePagination=bs;exports.RouteLink=zt;exports.RouteTabs=Jt;exports.SelectWithSearch=ze;exports.SelectWithSearchAsync=As;exports.Slider=on;exports.SvgImage=Ks;exports.TreeView=is;exports.UrnInput=Ut;exports.ValidatedTextInput=q;exports.getMutableNodeList=Ys;exports.getSvgElement=tt;exports.getTreeNodePathById=Ot;exports.initializeTranslation=At;exports.messageBoxDismissAll=St;exports.messageBoxDismissGroup=bt;exports.messageBoxDismissSingle=yt;exports.messageBoxError=vt;exports.messageBoxInfo=mt;exports.messageBoxSuccess=gt;exports.messageBoxWarn=xt;exports.nanoid10=wt;exports.setGlobalErrorMessageBoxOptions=ft;exports.uuidV4=Ve;exports.validateSvg=Xs;exports.withPrompt=Zt;
+//# sourceMappingURL=index.cjs.map