quicksnack 3.51.0 → 3.53.0

package/dist/bundle.js

@@ -960,18 +960,20 @@ const Dropdown = ({ buttonProps, align = "left", children, stayOpenOnClick, }) =
             React.createElement("span", { className: clsx(classes$r.dropper, align === "left" && classes$r.left, align === "right" && classes$r.right), ref: dropper }, children)))));
 };
 
-var classes$q = {"dropzone":"Dropzone-module_dropzone__xBUrY","isReadyToDrop":"Dropzone-module_isReadyToDrop__I9ik7","hiddenInput":"Dropzone-module_hiddenInput__7v6dW"};
+var classes$q = {"dropzone":"Dropzone-module_dropzone__WvixK","centered":"Dropzone-module_centered__00ZHP","isReadyToDrop":"Dropzone-module_isReadyToDrop__NX-Ix","input":"Dropzone-module_input__AEKgL","idle":"Dropzone-module_idle__HViGO","deleteButton":"Dropzone-module_deleteButton__6zeTi","fileName":"Dropzone-module_fileName__XqXj8"};
 
-const Dropzone = (_a) => {
-    var { onChange, icon, label } = _a, rest = __rest(_a, ["onChange", "icon", "label"]);
-    const fileInput = React.useRef(null);
+const Dropzone = React.forwardRef((_a, ref) => {
+    var { className, placeholder, icon } = _a, props = __rest(_a, ["className", "placeholder", "icon"]);
+    const [originalRef, setOriginalRef] = React.useState();
     const dropzone = React.useRef(null);
     const [isReadyToDrop, setIsReadyToDrop] = React.useState(false);
-    const handleChange = React.useCallback((fileList) => {
-        if (fileList && onChange) {
-            onChange(Array.from(fileList));
-        }
-    }, [onChange]);
+    const [fileNames, setFilenames] = React.useState();
+    const hasFiles = fileNames && fileNames.length > 0;
+    const handleChange = React.useCallback((e) => {
+        const files = (e === null || e === void 0 ? void 0 : e.target).files;
+        const fileNames = Array.from(files).map((file) => file.name);
+        setFilenames(fileNames);
+    }, []);
     const handleDragOver = React.useCallback((e) => {
         e.preventDefault();
         setIsReadyToDrop(true);
@@ -980,26 +982,35 @@ const Dropzone = (_a) => {
         e.preventDefault();
         setIsReadyToDrop(false);
     }, []);
-    const handleDrop = React.useCallback((e) => {
-        var _a;
-        e.preventDefault();
+    const handleDrop = React.useCallback(() => {
         setIsReadyToDrop(false);
-        handleChange((_a = e.dataTransfer) === null || _a === void 0 ? void 0 : _a.files);
-    }, [handleChange]);
+    }, []);
     const handleClick = React.useCallback(() => {
-        var _a;
         // We trigger the 'file pick' dialog by delegating the click to a hidden file-input.
-        (_a = fileInput.current) === null || _a === void 0 ? void 0 : _a.click();
-    }, [fileInput]);
-    const handleInputChange = React.useCallback(() => {
-        var _a;
-        handleChange((_a = fileInput === null || fileInput === void 0 ? void 0 : fileInput.current) === null || _a === void 0 ? void 0 : _a.files);
-    }, [fileInput, handleChange]);
-    return (React.createElement("div", Object.assign({ ref: dropzone, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, onClick: handleClick, className: clsx(classes$q.dropzone, isReadyToDrop && classes$q.isReadyToDrop) }, rest),
-        React.createElement("input", { className: classes$q.hiddenInput, "data-testid": "dropzone-file-input", type: "file", ref: fileInput, onChange: handleInputChange, multiple: true }),
+        originalRef === null || originalRef === void 0 ? void 0 : originalRef.click();
+    }, [originalRef]);
+    const handleRemove = React.useCallback(() => {
+        if (originalRef) {
+            originalRef.value = "";
+            originalRef.files = null;
+            originalRef.dispatchEvent(new Event("change", { bubbles: true }));
+        }
+    }, [originalRef]);
+    const extendedRef = React.useMemo(() => (el) => {
+        el === null || el === void 0 ? void 0 : el.addEventListener("change", handleChange);
+        setOriginalRef(el);
+        if (typeof ref === "function") {
+            ref === null || ref === void 0 ? void 0 : ref(el);
+        }
+    }, [ref, handleChange]);
+    return (React.createElement("div", { ref: dropzone, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, onClick: !hasFiles ? handleClick : undefined, className: clsx(classes$q.dropzone, !hasFiles && classes$q.centered, isReadyToDrop && classes$q.isReadyToDrop) },
+        React.createElement("input", Object.assign({ className: clsx(classes$q.input, isReadyToDrop ? classes$q.isReadyToDrop : classes$q.idle), "data-testid": "dropzone-file-input", type: "file", ref: extendedRef, multiple: true }, props)),
         React.createElement(Box, null,
-            React.createElement(Button, { variant: "text", color: "secondary", type: "button", icon: icon }, label))));
-};
+            !hasFiles && (React.createElement(Button, { variant: "text", color: "secondary", type: "button", icon: icon }, placeholder)),
+            hasFiles && (React.createElement(React.Fragment, null,
+                React.createElement("button", { className: classes$q.deleteButton, "data-testid": "file-clear", onClick: handleRemove }),
+                React.createElement("ol", null, fileNames.map((fileName, i) => (React.createElement("li", { key: i, className: classes$q.fileName }, fileName)))))))));
+});
 
 var classes$p = {"box":"Feedback-module_box__ESWf9"};
 
@@ -1227,7 +1238,10 @@ var classes$9 = {"label":"Checkbox-module_label__uYQc9","input":"Checkbox-module
 
 const Checkbox = React.forwardRef((_a, ref) => {
     var { options, spacing = 1, name, dimmed, className } = _a, restProps = __rest(_a, ["options", "spacing", "name", "dimmed", "className"]);
-    return (React.createElement(React.Fragment, null, Object.entries(options).map(([value, label]) => (React.createElement(Box, { key: value, mt: spacing, mb: spacing },
+    const optionsArray = Array.isArray(options)
+        ? options
+        : Object.entries(options);
+    return (React.createElement(React.Fragment, null, optionsArray.map(([value, label]) => (React.createElement(Box, { key: value, mt: spacing, mb: spacing },
         React.createElement("label", { className: classes$9.label, key: value },
             React.createElement("input", Object.assign({ className: clsx(className, classes$9.input), type: "checkbox", value: value, name: name, ref: ref }, restProps)),
             React.createElement("span", { className: clsx(dimmed && classes$9.dimmed) }, label)))))));
@@ -3257,6 +3271,8 @@ const getComponent = (field) => {
             return Select;
         case "FileField":
             return FileField;
+        case "DropZone":
+            return Dropzone;
         case "PasswordStrengthField":
             return PasswordStrengthField;
         case "TextField":

package/dist/bundle.min.js

@@ -1 +1 @@
-"use strict";var e=require("react");const t=()=>{},a=e.createContext({isSideMenuOpen:!1,closeSideMenu:t,openSideMenu:t}),l=()=>e.useContext(a),r=({children:t})=>{const[l,r]=e.useState(!1),n=e.useCallback((()=>r(!1)),[]),o=e.useCallback((()=>r(!0)),[]);return e.createElement(a.Provider,{value:{isSideMenuOpen:l,closeSideMenu:n,openSideMenu:o}},t)};var n="UiWrapper-module_wrapper__kC0BB";function o(e,t){var a={};for(var l in e)Object.prototype.hasOwnProperty.call(e,l)&&t.indexOf(l)<0&&(a[l]=e[l]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(l=Object.getOwnPropertySymbols(e);r<l.length;r++)t.indexOf(l[r])<0&&Object.prototype.propertyIsEnumerable.call(e,l[r])&&(a[l[r]]=e[l[r]])}return a}"function"==typeof SuppressedError&&SuppressedError;var s="SlideInFromTop-module_slideInFromTop__We2Dd";function i(e){var t,a,l="";if("string"==typeof e||"number"==typeof e)l+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(a=i(e[t]))&&(l&&(l+=" "),l+=a);else for(t in e)e[t]&&(l&&(l+=" "),l+=t);return l}function p(){for(var e,t,a=0,l="";a<arguments.length;)(e=arguments[a++])&&(t=i(e))&&(l&&(l+=" "),l+=t);return l}const c=t=>{var{className:a,speed:l}=t,r=o(t,["className","speed"]);return e.createElement("div",Object.assign({className:p(s,a),style:l?{"--speed":l}:void 0},r))};var m={wrapper:"Alert-module_wrapper__zP8eL","variant-positive":"Alert-module_variant-positive__Cqab0","variant-negative":"Alert-module_variant-negative__mORCP","variant-info":"Alert-module_variant-info__b3OY9","variant-warning":"Alert-module_variant-warning__gBX5-","variant-basic":"Alert-module_variant-basic__AQmn7","variant-emphasized":"Alert-module_variant-emphasized__8GiYF"},d="Header-module_header__97lwI";const u={1:"h1",2:"h2",3:"h3",4:"h4",5:"h5"},b=t=>{var{level:a=1,className:l}=t,r=o(t,["level","className"]);const n=u[a];return e.createElement(n,Object.assign({className:p(l,d)},r))};var _="Paragraph-module_paragraph__-EZeT";const f=t=>{var{className:a}=t,l=o(t,["className"]);return e.createElement("p",Object.assign({className:p(_,a)},l))},v=["p:var","p:-1","p:0","p:1","p:2","p:3","p:4","p:5","p:6","p:7","pt:var","pt:-1","pt:0","pt:1","pt:2","pt:3","pt:4","pt:5","pt:6","pt:7","pr:var","pr:-1","pr:0","pr:1","pr:2","pr:3","pr:4","pr:5","pr:6","pr:7","pb:var","pb:-1","pb:0","pb:1","pb:2","pb:3","pb:4","pb:5","pb:6","pb:7","pl:var","pl:-1","pl:0","pl:1","pl:2","pl:3","pl:4","pl:5","pl:6","pl:7","m:var","m:-1","m:0","m:1","m:2","m:3","m:4","m:5","m:6","m:7","mt:var","mt:-1","mt:0","mt:1","mt:2","mt:3","mt:4","mt:5","mt:6","mt:7","mr:var","mr:-1","mr:0","mr:1","mr:2","mr:3","mr:4","mr:5","mr:6","mr:7","mb:var","mb:-1","mb:0","mb:1","mb:2","mb:3","mb:4","mb:5","mb:6","mb:7","ml:var","ml:-1","ml:0","ml:1","ml:2","ml:3","ml:4","ml:5","ml:6","ml:7","display:var","display:block","display:flex","display:none","flexGrow:var","flexGrow:1","flexGrow:0","flexShrink:var","flexShrink:1","flexShrink:0","flexDirection:var","flexDirection:row","flexDirection:column","alignItems:var","alignItems:center","alignItems:flex-start","alignItems:flex-end","textAlign:var","textAlign:left","textAlign:right","textAlign:center","justifyContent:var","justifyContent:center","justifyContent:flex-start","justifyContent:flex-end","columns:var","tablet:p:var","tablet:p:-1","tablet:p:0","tablet:p:1","tablet:p:2","tablet:p:3","tablet:p:4","tablet:p:5","tablet:p:6","tablet:p:7","tablet:pt:var","tablet:pt:-1","tablet:pt:0","tablet:pt:1","tablet:pt:2","tablet:pt:3","tablet:pt:4","tablet:pt:5","tablet:pt:6","tablet:pt:7","tablet:pr:var","tablet:pr:-1","tablet:pr:0","tablet:pr:1","tablet:pr:2","tablet:pr:3","tablet:pr:4","tablet:pr:5","tablet:pr:6","tablet:pr:7","tablet:pb:var","tablet:pb:-1","tablet:pb:0","tablet:pb:1","tablet:pb:2","tablet:pb:3","tablet:pb:4","tablet:pb:5","tablet:pb:6","tablet:pb:7","tablet:pl:var","tablet:pl:-1","tablet:pl:0","tablet:pl:1","tablet:pl:2","tablet:pl:3","tablet:pl:4","tablet:pl:5","tablet:pl:6","tablet:pl:7","tablet:m:var","tablet:m:-1","tablet:m:0","tablet:m:1","tablet:m:2","tablet:m:3","tablet:m:4","tablet:m:5","tablet:m:6","tablet:m:7","tablet:mt:var","tablet:mt:-1","tablet:mt:0","tablet:mt:1","tablet:mt:2","tablet:mt:3","tablet:mt:4","tablet:mt:5","tablet:mt:6","tablet:mt:7","tablet:mr:var","tablet:mr:-1","tablet:mr:0","tablet:mr:1","tablet:mr:2","tablet:mr:3","tablet:mr:4","tablet:mr:5","tablet:mr:6","tablet:mr:7","tablet:mb:var","tablet:mb:-1","tablet:mb:0","tablet:mb:1","tablet:mb:2","tablet:mb:3","tablet:mb:4","tablet:mb:5","tablet:mb:6","tablet:mb:7","tablet:ml:var","tablet:ml:-1","tablet:ml:0","tablet:ml:1","tablet:ml:2","tablet:ml:3","tablet:ml:4","tablet:ml:5","tablet:ml:6","tablet:ml:7","tablet:display:var","tablet:display:block","tablet:display:flex","tablet:display:none","tablet:flexGrow:var","tablet:flexGrow:1","tablet:flexGrow:0","tablet:flexShrink:var","tablet:flexShrink:1","tablet:flexShrink:0","tablet:flexDirection:var","tablet:flexDirection:row","tablet:flexDirection:column","tablet:alignItems:var","tablet:alignItems:center","tablet:alignItems:flex-start","tablet:alignItems:flex-end","tablet:textAlign:var","tablet:textAlign:left","tablet:textAlign:right","tablet:textAlign:center","tablet:justifyContent:var","tablet:justifyContent:center","tablet:justifyContent:flex-start","tablet:justifyContent:flex-end","tablet:columns:var","laptop:p:var","laptop:p:-1","laptop:p:0","laptop:p:1","laptop:p:2","laptop:p:3","laptop:p:4","laptop:p:5","laptop:p:6","laptop:p:7","laptop:pt:var","laptop:pt:-1","laptop:pt:0","laptop:pt:1","laptop:pt:2","laptop:pt:3","laptop:pt:4","laptop:pt:5","laptop:pt:6","laptop:pt:7","laptop:pr:var","laptop:pr:-1","laptop:pr:0","laptop:pr:1","laptop:pr:2","laptop:pr:3","laptop:pr:4","laptop:pr:5","laptop:pr:6","laptop:pr:7","laptop:pb:var","laptop:pb:-1","laptop:pb:0","laptop:pb:1","laptop:pb:2","laptop:pb:3","laptop:pb:4","laptop:pb:5","laptop:pb:6","laptop:pb:7","laptop:pl:var","laptop:pl:-1","laptop:pl:0","laptop:pl:1","laptop:pl:2","laptop:pl:3","laptop:pl:4","laptop:pl:5","laptop:pl:6","laptop:pl:7","laptop:m:var","laptop:m:-1","laptop:m:0","laptop:m:1","laptop:m:2","laptop:m:3","laptop:m:4","laptop:m:5","laptop:m:6","laptop:m:7","laptop:mt:var","laptop:mt:-1","laptop:mt:0","laptop:mt:1","laptop:mt:2","laptop:mt:3","laptop:mt:4","laptop:mt:5","laptop:mt:6","laptop:mt:7","laptop:mr:var","laptop:mr:-1","laptop:mr:0","laptop:mr:1","laptop:mr:2","laptop:mr:3","laptop:mr:4","laptop:mr:5","laptop:mr:6","laptop:mr:7","laptop:mb:var","laptop:mb:-1","laptop:mb:0","laptop:mb:1","laptop:mb:2","laptop:mb:3","laptop:mb:4","laptop:mb:5","laptop:mb:6","laptop:mb:7","laptop:ml:var","laptop:ml:-1","laptop:ml:0","laptop:ml:1","laptop:ml:2","laptop:ml:3","laptop:ml:4","laptop:ml:5","laptop:ml:6","laptop:ml:7","laptop:display:var","laptop:display:block","laptop:display:flex","laptop:display:none","laptop:flexGrow:var","laptop:flexGrow:1","laptop:flexGrow:0","laptop:flexShrink:var","laptop:flexShrink:1","laptop:flexShrink:0","laptop:flexDirection:var","laptop:flexDirection:row","laptop:flexDirection:column","laptop:alignItems:var","laptop:alignItems:center","laptop:alignItems:flex-start","laptop:alignItems:flex-end","laptop:textAlign:var","laptop:textAlign:left","laptop:textAlign:right","laptop:textAlign:center","laptop:justifyContent:var","laptop:justifyContent:center","laptop:justifyContent:flex-start","laptop:justifyContent:flex-end","laptop:columns:var","desktop:p:var","desktop:p:-1","desktop:p:0","desktop:p:1","desktop:p:2","desktop:p:3","desktop:p:4","desktop:p:5","desktop:p:6","desktop:p:7","desktop:pt:var","desktop:pt:-1","desktop:pt:0","desktop:pt:1","desktop:pt:2","desktop:pt:3","desktop:pt:4","desktop:pt:5","desktop:pt:6","desktop:pt:7","desktop:pr:var","desktop:pr:-1","desktop:pr:0","desktop:pr:1","desktop:pr:2","desktop:pr:3","desktop:pr:4","desktop:pr:5","desktop:pr:6","desktop:pr:7","desktop:pb:var","desktop:pb:-1","desktop:pb:0","desktop:pb:1","desktop:pb:2","desktop:pb:3","desktop:pb:4","desktop:pb:5","desktop:pb:6","desktop:pb:7","desktop:pl:var","desktop:pl:-1","desktop:pl:0","desktop:pl:1","desktop:pl:2","desktop:pl:3","desktop:pl:4","desktop:pl:5","desktop:pl:6","desktop:pl:7","desktop:m:var","desktop:m:-1","desktop:m:0","desktop:m:1","desktop:m:2","desktop:m:3","desktop:m:4","desktop:m:5","desktop:m:6","desktop:m:7","desktop:mt:var","desktop:mt:-1","desktop:mt:0","desktop:mt:1","desktop:mt:2","desktop:mt:3","desktop:mt:4","desktop:mt:5","desktop:mt:6","desktop:mt:7","desktop:mr:var","desktop:mr:-1","desktop:mr:0","desktop:mr:1","desktop:mr:2","desktop:mr:3","desktop:mr:4","desktop:mr:5","desktop:mr:6","desktop:mr:7","desktop:mb:var","desktop:mb:-1","desktop:mb:0","desktop:mb:1","desktop:mb:2","desktop:mb:3","desktop:mb:4","desktop:mb:5","desktop:mb:6","desktop:mb:7","desktop:ml:var","desktop:ml:-1","desktop:ml:0","desktop:ml:1","desktop:ml:2","desktop:ml:3","desktop:ml:4","desktop:ml:5","desktop:ml:6","desktop:ml:7","desktop:display:var","desktop:display:block","desktop:display:flex","desktop:display:none","desktop:flexGrow:var","desktop:flexGrow:1","desktop:flexGrow:0","desktop:flexShrink:var","desktop:flexShrink:1","desktop:flexShrink:0","desktop:flexDirection:var","desktop:flexDirection:row","desktop:flexDirection:column","desktop:alignItems:var","desktop:alignItems:center","desktop:alignItems:flex-start","desktop:alignItems:flex-end","desktop:textAlign:var","desktop:textAlign:left","desktop:textAlign:right","desktop:textAlign:center","desktop:justifyContent:var","desktop:justifyContent:center","desktop:justifyContent:flex-start","desktop:justifyContent:flex-end","desktop:columns:var"],h=e=>v.includes(e),g=["mobile","tablet","laptop","desktop"],k={mobile:0,tablet:768,laptop:1024,desktop:1430},y=e=>{const t=Object.entries(e).filter((([,e])=>null!=e));return{variables:t.flatMap((([e,t])=>E(e,t))).reduce(((e,[t,a])=>Object.assign(Object.assign({},e),{[t]:a})),{}),classNames:t.map((([e,t])=>x(e,t))).join(" ")}},x=(e,t)=>(C(t)?Object.entries(t):[[void 0,t]]).map((([t,a])=>{const l=N(t,e,a),r=N(t,e,"var");return h(l)?l:h(r)?r:""})).join(" "),E=(e,t)=>(C(t)?Object.entries(t):[[void 0,t]]).map((([t,a])=>{const l=N(t,e,a),r=N(t,e,"var");if(h(l)||!h(r))return;return[`--${[w(t),e].filter(Boolean).join("_")}`,"number"!=typeof a?a:`calc(var(--spacing) * ${a})`]})).filter(Boolean),w=e=>"mobile"===e?void 0:e,N=(e,t,a)=>[w(e),t,a].filter((e=>null!=e)).join(":"),C=e=>{if("object"!=typeof e)return!1;const t=Object.keys(e);for(const e of g)if(t.includes(e))return!0;return!1};var O="Box-module_box__Wgbf3";const j=t=>{var{className:a,children:l,p:r,pt:n,pr:s,pb:i,pl:c,m:m,mt:d,mr:u,mb:b,ml:_,width:f,display:v,flexGrow:h,flexShrink:g,flexDirection:k,alignItems:x,textAlign:E,justifyContent:w}=t,N=o(t,["className","children","p","pt","pr","pb","pl","m","mt","mr","mb","ml","width","display","flexGrow","flexShrink","flexDirection","alignItems","textAlign","justifyContent"]);const{classNames:C,variables:j}=y({p:r,pt:n,pr:s,pb:i,pl:c,m:m,mt:d,mr:u,mb:b,ml:_,width:f,display:v,flexGrow:h,flexShrink:g,flexDirection:k,alignItems:x,textAlign:E,justifyContent:w});return e.createElement("div",Object.assign({className:p(O,a,C),style:j},N),l)};var S="AnimatedCheckmark-module_svg__VAFDr",F="AnimatedCheckmark-module_mask__mH-yZ",A="AnimatedCheckmark-module_polyline__SJRcW",P="AnimatedCheckmark-module_circle__1BrC5",B="AnimatedCheckmark-module_circleColored__es08R";const M=()=>e.createElement("svg",{className:S,viewBox:"0 0 154 154"},e.createElement("g",{className:F},e.createElement("circle",{className:P,cx:"77",cy:"77",r:"72"}),e.createElement("circle",{className:B,cx:"77",cy:"77",r:"72"}),e.createElement("polyline",{className:A,points:"43.5,77.8 63.7,97.9 112.2,49.4"})));var D="BreadCrumbs-module_breadcrumbs__-UMJj",T="BreadCrumbs-module_crumb__SSW-t";var I="CollapsiblePanel-module_panel__DrLNG",G="CollapsiblePanel-module_isClosed__2qVew",R="CollapsiblePanel-module_titleActionWrapper__SBw5b",L="Panel-module_wrapper__vFRhJ",W="Panel-module_meta__Gj-8n",$="Panel-module_title__181OP",z="Panel-module_hasChildren__UZijE",H="Panel-module_hasOnClick__X5WSh",V="Panel-module_footer__t6-hz";const q=({children:t,className:a,title:l,titleAction:r,titleMeta:n,onClickTitle:o,footer:s,p:i=3,titleLevel:c=5,stageProps:m,footerProps:d})=>e.createElement("div",{className:p(a,L)},l&&e.createElement(j,{p:3,display:"flex",alignItems:"center",onClick:o,className:p($,!!t&&z,!!o&&H)},e.createElement(j,{flexGrow:1},e.createElement(b,{level:c},l)),n&&e.createElement(j,{className:W},n),r&&e.createElement(j,{pl:5},r)),t&&e.createElement(j,Object.assign({p:i},m),t),s&&e.createElement(j,Object.assign({p:3},d,{className:p(V,null==d?void 0:d.className)}),s));var U="SlideOpen-module_wrapper__ur3Rv",Y="SlideOpen-module_hidden__iibf8",J="SlideOpen-module_shown__nGWNX",Q="SlideOpen-module_animation__YSEpu",X="SlideOpen-module_isOpen__O67Yi";const Z=({isOpen:t,children:a,duration:l,onChange:r})=>{const n=(t=>{const[a,l]=e.useState(t);return e.useEffect((()=>{const e=setTimeout((()=>l(t)),0);return()=>clearTimeout(e)}),[t,l]),a})(t),[o,s]=e.useState(!t),i=e.useCallback((()=>{t||(s(!0),null==r||r(!1))}),[t,r]);return e.useEffect((()=>{t&&(s(!1),null==r||r(!0))}),[t,r]),e.createElement("div",{className:U},e.createElement("div",{className:p(Q,n&&X),style:l?{"--duration":`${l}s`}:void 0,onTransitionEndCapture:i},e.createElement("div",{className:o?Y:J},a)))},K=t=>{var{isInitiallyOpen:a,children:l,titleAction:r}=t,n=o(t,["isInitiallyOpen","children","titleAction"]);const[s,i]=e.useState(a),c=e.useCallback((()=>i(!s)),[i,s]);return e.createElement(q,Object.assign({className:p(I,!s&&G)},n,{onClickTitle:c,p:0,titleAction:e.createElement("div",{className:p(R,!s&&G)},r)}),e.createElement(Z,{isOpen:s},e.createElement(j,{p:3},l)))};var ee="Overlay-module_overlay__EkbfA";const te=t=>{var{className:a}=t,l=o(t,["className"]);return e.createElement("div",Object.assign({className:p(a,ee)},l))};var ae="Modal-module_wrapper__34Hds",le="Modal-module_content__dWO-B",re="Modal-module_panel__lp9I7";const ne=t=>{var{children:a,handleClickOverlay:l,buttons:r}=t,n=o(t,["children","handleClickOverlay","buttons"]);return e.createElement(e.Fragment,null,e.createElement(te,{onClick:l}),e.createElement("div",{className:ae},e.createElement(c,null,e.createElement(q,Object.assign({className:re,footer:r?e.createElement(j,{display:"flex",justifyContent:"flex-end"},r):void 0},n),a&&e.createElement("div",{className:le},a)))))};var oe={wrapper:"Button-module_wrapper__nbaE8",stretch:"Button-module_stretch__JWfY7",actionButton:"Button-module_actionButton__S1gAt",button:"Button-module_button__PNye2",inline:"Button-module_inline__AMjqw","variant-basic":"Button-module_variant-basic__lKAIX","variant-text":"Button-module_variant-text__Nc1vT",icon:"Button-module_icon__OlcRJ",hasChildren:"Button-module_hasChildren__rEq-P","variant-default":"Button-module_variant-default__Sr0CI","variant-primary":"Button-module_variant-primary__RNJDU","variant-secondary":"Button-module_variant-secondary__TnXFg","variant-danger":"Button-module_variant-danger__PZS1I",iconWrapper:"Button-module_iconWrapper__YwLLt"};const se=e.forwardRef(((t,a)=>{var{children:l,icon:r,variant:n="default",actionButton:s,stretch:i,inline:c,className:m}=t,d=o(t,["children","icon","variant","actionButton","stretch","inline","className"]);return e.createElement("div",{className:p(oe.wrapper,s&&oe.actionButton,i&&oe.stretch)},e.createElement("button",Object.assign({className:p(oe.button,oe[`variant-${n}`],!!l&&oe.hasChildren,r&&oe.icon,s&&oe.actionButton,i&&oe.stretch,c&&oe.inline,m),ref:a},d),r&&e.createElement("span",{className:p(oe.iconWrapper,oe[`variant-${n}`],!!l&&oe.hasChildren)},r),l))})),ie=({title:t,children:a,cancelLabel:l="Nee, annuleren",confirmLabel:r="Ja",confirmVariant:n="secondary",confirmIcon:o,cancelIcon:s,isOpen:i,onCancel:p,onConfirm:c})=>i?e.createElement(ne,{title:t,handleClickOverlay:p,buttons:e.createElement(e.Fragment,null,e.createElement(se,{"data-testid":"btn-cancel",onClick:p,variant:"basic",icon:s},l),e.createElement(se,{"data-testid":"btn-confirm",onClick:c,variant:n,icon:o},r))},a):null,pe=()=>{};var ce={table:"Table-module_table__Dkosn",tr:"Table-module_tr__7UG8J","variant-positive":"Table-module_variant-positive__71gFV",disableHover:"Table-module_disableHover__vv-sQ","variant-negative":"Table-module_variant-negative__dtSY7","variant-info":"Table-module_variant-info__oxZNe","variant-warning":"Table-module_variant-warning__buDZq","variant-basic":"Table-module_variant-basic__QksCj","variant-emphasized":"Table-module_variant-emphasized__K1CXV",td:"Table-module_td__jv9tA",width:"Table-module_width__bS4aU",th:"Table-module_th__PNuEx",sortable:"Table-module_sortable__W4c6P",asc:"Table-module_asc__-caTr",desc:"Table-module_desc__jQI8s"};const me=t=>{var{className:a}=t,l=o(t,["className"]);return e.createElement("table",Object.assign({className:p(ce.table,a)},l))};me.Row=t=>{var{className:a,disableHover:l}=t,r=o(t,["className","disableHover"]);return e.createElement("tr",Object.assign({className:p(ce.tr,l&&ce.disableHover,a)},r))},me.HeadCell=t=>{var{sortable:a,sortDirection:l,width:r,className:n}=t,s=o(t,["sortable","sortDirection","width","className"]);const i=null!=r;return e.createElement("th",Object.assign({className:p(ce.th,a&&ce.sortable,l&&ce[l],i&&ce.width,n),style:i?{"--width":r}:void 0},s))},me.Cell=t=>{var{className:a,variant:l="basic",width:r}=t,n=o(t,["className","variant","width"]);const s=null!=r;return e.createElement("td",Object.assign({className:p(ce.td,ce[`variant-${l}`],s&&ce.width,a),style:s?{"--width":r}:void 0},n))};var de={row:"Details-module_row__0d8vi",isFirstRow:"Details-module_isFirstRow__iVno4"};var ue="Dropdown-module_wrapper__79ooc",be="Dropdown-module_dropper__uVdEf",_e="Dropdown-module_left__JYKmP",fe="Dropdown-module_right__UefzB",ve="Dropdown-module_dropdownMenu__5R4vo",he="Dropdown-module_dropdownMenuItem__dj4Gp";var ge="Dropzone-module_dropzone__xBUrY",ke="Dropzone-module_isReadyToDrop__I9ik7",ye="Dropzone-module_hiddenInput__7v6dW";var xe="Feedback-module_box__ESWf9";const Ee={laptop:1},we={mobile:1,laptop:0},Ne={laptop:1},Ce=t=>{var{stretch:a,laptopWidth:l}=t,r=o(t,["stretch","laptopWidth"]);const n=e.useMemo((()=>({laptop:l})),[l]);return e.createElement(j,Object.assign({flexGrow:a?Ne:void 0,width:n,pt:we,pb:we,pl:Ee,pr:Ee},r))},Oe={laptop:-1},je={mobile:-1,laptop:0},Se={mobile:"block",laptop:"flex"};var Fe="Footer-module_box__KZvsx",Ae="SideBar-module_wrapper__8tZbH",Pe="SideBar-module_isMobileMenuOpen__1yI4z",Be="SideBar-module_isDesktopMenuOpen__S25Jl";const Me=t=>{const{closeSideMenu:a,openSideMenu:r,isSideMenuOpen:n}=l();return e.createElement(j,Object.assign({className:p("sidebar",Ae,t.isMobileMenuOpen&&Pe,n&&Be)},t,{onMouseEnter:r,onMouseLeave:a,style:{"--minWidth":t.minWidth||75,"--collapsed-width":15}}))},De=({children:t})=>e.createElement(j,{pt:2,pb:2,pr:5,pl:{mobile:5,laptop:20},className:Fe},t);var Te="HorizontalScroller-module_box__W07vp";var Ie="HamburgerButton-module_hamburgerButton__uFuws";var Ge="Menu-module_menu__uj3BS",Re="Menu-module_menuItem__96xoX",Le="Menu-module_isActive__idoz4",We="Menu-module_isOpen__p1ar3";var $e="MenuCloseButton-module_menuCloseButton__c2jye";var ze="MenuSlideOpenIndicator-module_wrapper__Q6Ykj";var He="SideBarHeader-module_sideBarHeader__7zbYN";const Ve=()=>{const[t,a]=e.useState(window.innerWidth);e.useEffect((()=>{const e=()=>a(window.innerWidth);return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}),[]);return e.useMemo((()=>({isMobile:t>=k.mobile,isTablet:t>=k.tablet,isLaptop:t>=k.laptop,isDesktop:t>=k.desktop})),[t])};var qe="Paginator-module_wrapper__IPIcn",Ue="Paginator-module_button__lkNBq",Ye="Paginator-module_isActive__Qk3mv",Je="Paginator-module_isDisabled__uHGss";var Qe={wrapper:"Statistic-module_wrapper__4eJ86",blue:"Statistic-module_blue__SsMhE",indigo:"Statistic-module_indigo__8DByg",purple:"Statistic-module_purple__mieHQ",pink:"Statistic-module_pink__2PBSu",red:"Statistic-module_red__T7SC1",orange:"Statistic-module_orange__eq9b2",yellow:"Statistic-module_yellow__0A2sj",green:"Statistic-module_green__LjLEE",teal:"Statistic-module_teal__rz09e",cyan:"Statistic-module_cyan__ljMqB",gray:"Statistic-module_gray__Bukv9",grayDark:"Statistic-module_grayDark__JoQc8",light:"Statistic-module_light__Q1XW7",dark:"Statistic-module_dark__HWch8",label:"Statistic-module_label__O256y",value:"Statistic-module_value__Af9tB",smaller:"Statistic-module_smaller__ni0vP",iconWrapper:"Statistic-module_iconWrapper__TudZL"};var Xe={tab:"Tab-module_tab__Iwytl",isActive:"Tab-module_isActive__DXImz",hint:"Tab-module_hint__ynkFR",error:"Tab-module_error__OF1Ji"};var Ze="TabContent-module_tabContent__hMTiE";var Ke="Tabs-module_tabs__QzIkz";var et="Timeline-module_flatPanel__TzdFU",tt="Timeline-module_wrapper__sWd71",at="Timeline-module_line__CwY-N",lt="Timeline-module_circle__7kyfg";var rt="TopBar-module_wrapper__DVlec";const nt=({left:t,right:a})=>e.createElement(j,{className:rt},e.createElement(j,{display:"flex",alignItems:"center",pb:1,pt:1,pr:5,pl:{mobile:5,laptop:20}},e.createElement(j,{flexGrow:1,display:"flex",pl:2},t),e.createElement(j,{flexGrow:1,display:"flex",justifyContent:"flex-end"},a)));var ot="Checkbox-module_label__uYQc9",st="Checkbox-module_input__a4Cy-",it="Checkbox-module_dimmed__wAzQa";const pt=e.forwardRef(((t,a)=>{var{options:l,spacing:r=1,name:n,dimmed:s,className:i}=t,c=o(t,["options","spacing","name","dimmed","className"]);return e.createElement(e.Fragment,null,Object.entries(l).map((([t,l])=>e.createElement(j,{key:t,mt:r,mb:r},e.createElement("label",{className:ot,key:t},e.createElement("input",Object.assign({className:p(i,st),type:"checkbox",value:t,name:n,ref:a},c)),e.createElement("span",{className:p(s&&it)},l))))))}));var ct="TextField-module_input__73ULM",mt="TextField-module_textarea__DzXRI";const dt=e.forwardRef(((t,a)=>{var{multiline:l=!1,className:r}=t,n=o(t,["multiline","className"]);return l?e.createElement("textarea",Object.assign({className:p(mt,ct,r),ref:a},n)):e.createElement("input",Object.assign({className:p(ct,r),ref:a,type:"text"},n))}));var ut="FileField-module_wrapper__Av1Bz",bt="FileField-module_hiddenInput__42z5Q",_t="FileField-module_button__13cFn",ft="FileField-module_textField__-9ZPk",vt="FileField-module_deleteButton__RpWa3";const ht=e.forwardRef(((t,a)=>{var{className:l,placeholder:r,chooseFileLabel:n="Choose file",changeFileLabel:s="Change file",onClear:i}=t,c=o(t,["className","placeholder","chooseFileLabel","changeFileLabel","onClear"]);const[m,d]=e.useState(),[u,b]=e.useState(""),_=e.useCallback((e=>{var t;const a=(null==e?void 0:e.target).files;b((null===(t=null==a?void 0:a[0])||void 0===t?void 0:t.name)||"")}),[]),f=e.useCallback((()=>{m&&(m.value="",m.files=null,m.dispatchEvent(new Event("change",{bubbles:!0})),i&&i())}),[m,i]),v=e.useMemo((()=>e=>{null==e||e.addEventListener("change",_),d(e),"function"==typeof a&&(null==a||a(e))}),[a,_]);return e.createElement("div",{className:ut},e.createElement("input",Object.assign({className:bt,type:"file",ref:v},c)),e.createElement(se,{className:_t,variant:"basic"},u?s:n),e.createElement(dt,{placeholder:r,className:p(ft,l),disabled:!0,value:u}),!!u&&i&&e.createElement("button",{className:vt,"data-testid":"file-clear",onClick:f}))}));var gt="Select-module_wrapper__vBUHm",kt="Select-module_select__tfPHD",yt="Select-module_paddingOverlay__Y6O4-";const xt=e.forwardRef(((t,a)=>{var{options:l,className:r}=t,n=o(t,["options","className"]);const s=Array.isArray(l)?l:Object.entries(l);return e.createElement("div",{className:gt},e.createElement("select",Object.assign({className:p(kt,r),ref:a},n),s.map((([t,a])=>e.createElement("option",{key:t,value:t},a)))),e.createElement("div",{className:yt},"▾"))}));var Et="PasswordStrengthField-module_progress__KIvlC",wt="PasswordStrengthField-module_progressBar__Wz5Rz",Nt="PasswordStrengthField-module_bad__n300O",Ct="PasswordStrengthField-module_ok__LMIms",Ot="PasswordStrengthField-module_good__MhPYT";const jt=e=>e.length>=8,St=e=>/\d/.test(e),Ft=e=>/[a-z]/.test(e)&&/[A-Z]/.test(e),At=e=>/[-’/`~!#*$@_%+=.,^&(){}[\]|;:”<>?\\]/.test(e),Pt=[jt,St,Ft,At],Bt=Pt.length+1,Mt=e=>Pt.map((t=>t(e))).reduce(((e,t)=>t?e+1:e),1),Dt=e.forwardRef(((t,a)=>{const[l,r]=e.useState(0),n=e.useCallback((e=>{const t=e.target;r(t.value?Mt(t.value):0)}),[]),o=e.useMemo((()=>e=>{null==e||e.addEventListener("keyup",n),"function"==typeof a&&(null==a||a(e))}),[a,n]);return e.createElement(e.Fragment,null,e.createElement(dt,Object.assign({},t,{type:"password",ref:o})),e.createElement("div",{className:Et},e.createElement("div",{className:p(wt,l<=2?Nt:l<=3?Ct:Ot),style:{"--width":l/Bt*100+"%"}})))}));var Tt="FormGridWrapper-module_label__3OAEA",It="FormGridWrapper-module_error__80-SA",Gt="FormGridWrapper-module_hint__lj9vT",Rt="FormGridWrapper-module_requiredAsterisk__-4sG4",Lt="FormGridCell-module_formGridCell__Y3e5s",Wt="FormGridCell-module_rowOffset__xvXeK",$t="FormGridCell-module_mobile--position__1AeHR",zt="FormGridCell-module_tablet--position__Xxybj",Ht="FormGridCell-module_laptop--position__gMNqe",Vt="FormGridCell-module_desktop--position__UDC4a";const qt=({position:t,align:a,rowOffset:l=0,children:r,className:n})=>{if(!t||!C(t))throw new Error("FormGridCell should set a position");const{classNames:o,variables:s}=y({textAlign:a}),i=((e,t)=>g.reduce(((a,l)=>(null==e?void 0:e[l])?Object.assign(Object.assign({},a),((e,t,a)=>{const l={};return void 0!==t.row&&(l[`--${e}-row`]=2*t.row+1+a),t.rowSpan&&a&&(l[`--${e}-rowSpan`]=2*t.rowSpan-1),void 0!==t.column&&(l[`--${e}-column`]=t.column+1),void 0!==t.columnSpan&&(l[`--${e}-columnSpan`]=t.columnSpan),l})(l,e[l],t)):a),{}))(t,l);return e.createElement("div",{className:p(Lt,l&&Wt,t.mobile&&$t,t.tablet&&zt,t.laptop&&Ht,t.desktop&&Vt,o,n),style:Object.assign(Object.assign({},s),i)},r)},Ut=({position:t,align:a,label:l,hint:r,error:n,isRequired:o,children:s})=>e.createElement(e.Fragment,null,e.createElement(qt,{position:t,align:a,className:"form-grid-cell__label-hint"},l&&e.createElement("label",{className:p(Tt,!!n&&It)},l,o&&e.createElement("span",{className:Rt})),r&&e.createElement("div",{className:p(Gt,!!n&&It)},r)),e.createElement(qt,{position:t,align:a,rowOffset:1,className:p({"form-grid-cell__field-error":!0,"has-error":!!n})},s,n&&e.createElement("div",{className:It},n)));var Yt="FormGrid-module_formGrid__2OSmK";const Jt=t=>{var{columns:a,className:l}=t,r=o(t,["columns","className"]);const{classNames:n,variables:s}=y({columns:a});return e.createElement("div",Object.assign({className:p(Yt,l,n),style:Object.assign(Object.assign({},s),{"--numRowsPerField":2})},r))};var Qt="BasicLayout-module_wrapper__fi1G3",Xt="BasicLayout-module_wrapperInner__SqthQ",Zt="BasicLayout-module_sidebarWrapper__2x7ZG",Kt="BasicLayout-module_contentBox__8uu8L";var ea="FloatingPanelLayout-module_wrapper__XlZwj",ta="FloatingPanelLayout-module_background__vI4Uc",aa="FloatingPanelLayout-module_animation__031Vf",la="FloatingPanelLayout-module_panel__Dmfof",ra="FloatingPanelLayout-module_logo__-5gan";var na="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function oa(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var sa=1/0,ia=9007199254740991,pa=17976931348623157e292,ca=NaN,ma="[object Function]",da="[object GeneratorFunction]",ua="[object Symbol]",ba=/^\s+|\s+$/g,_a=/^[-+]0x[0-9a-f]+$/i,fa=/^0b[01]+$/i,va=/^0o[0-7]+$/i,ha=/^(?:0|[1-9]\d*)$/,ga=parseInt,ka=Object.prototype.toString,ya=Math.ceil,xa=Math.max;function Ea(e,t,a){var l=-1,r=e.length;t<0&&(t=-t>r?0:r+t),(a=a>r?r:a)<0&&(a+=r),r=t>a?0:a-t>>>0,t>>>=0;for(var n=Array(r);++l<r;)n[l]=e[l+t];return n}function wa(e,t,a){if(!Na(a))return!1;var l=typeof t;return!!("number"==l?function(e){return null!=e&&function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=ia}(e.length)&&!function(e){var t=Na(e)?ka.call(e):"";return t==ma||t==da}(e)}(a)&&function(e,t){return!!(t=null==t?ia:t)&&("number"==typeof e||ha.test(e))&&e>-1&&e%1==0&&e<t}(t,a.length):"string"==l&&t in a)&&function(e,t){return e===t||e!=e&&t!=t}(a[t],e)}function Na(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}var Ca=oa((function(e,t,a){t=(a?wa(e,t,a):void 0===t)?1:xa(function(e){var t=function(e){if(!e)return 0===e?e:0;if(e=function(e){if("number"==typeof e)return e;if(function(e){return"symbol"==typeof e||function(e){return!!e&&"object"==typeof e}(e)&&ka.call(e)==ua}(e))return ca;if(Na(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=Na(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(ba,"");var a=fa.test(e);return a||va.test(e)?ga(e.slice(2),a?2:8):_a.test(e)?ca:+e}(e),e===sa||e===-sa){return(e<0?-1:1)*pa}return e==e?e:0}(e),a=t%1;return t==t?a?t-a:t:0}(t),0);var l=e?e.length:0;if(!l||t<1)return[];for(var r=0,n=0,o=Array(ya(l/t));r<l;)o[n++]=Ea(e,r,r+=t);return o}));class Oa{constructor(e){this.grid=e}getValues(){return this.grid}getDistinctValues(){const e=[];return this.grid.forEach((t=>{t.forEach((t=>{e.includes(t)||e.push(t)}))})),e}sliceArea(e,t){if(e.x>t.x||e.y>t.y)throw new Error("Coordinates are mixed up. Please ensure topLeft is actually in the top-left corner. And bottomRight is actually in the bottom-right corner");return new Oa(this.grid.slice(e.y,t.y+1).map((a=>a.slice(e.x,t.x+1))))}getCoordinatesForValue(e){const t=[],a=[];return this.grid.forEach(((l,r)=>{l.forEach(((l,n)=>{l===e&&(t.push(n),a.push(r))}))})),{topLeft:{x:Math.min(...t),y:Math.min(...a)},bottomRight:{x:Math.max(...t),y:Math.max(...a)}}}}var ja="__lodash_hash_undefined__",Sa=9007199254740991,Fa="[object Arguments]",Aa="[object Function]",Pa="[object GeneratorFunction]",Ba=/^\[object .+?Constructor\]$/,Ma="object"==typeof na&&na&&na.Object===Object&&na,Da="object"==typeof self&&self&&self.Object===Object&&self,Ta=Ma||Da||Function("return this")();function Ia(e,t){return!!(e?e.length:0)&&function(e,t,a){if(t!=t)return function(e,t,a,l){var r=e.length,n=a+(l?1:-1);for(;l?n--:++n<r;)if(t(e[n],n,e))return n;return-1}(e,La,a);var l=a-1,r=e.length;for(;++l<r;)if(e[l]===t)return l;return-1}(e,t,0)>-1}function Ga(e,t,a){for(var l=-1,r=e?e.length:0;++l<r;)if(a(t,e[l]))return!0;return!1}function Ra(e,t){for(var a=-1,l=t.length,r=e.length;++a<l;)e[r+a]=t[a];return e}function La(e){return e!=e}function Wa(e,t){return e.has(t)}var $a,za=Array.prototype,Ha=Function.prototype,Va=Object.prototype,qa=Ta["__core-js_shared__"],Ua=($a=/[^.]+$/.exec(qa&&qa.keys&&qa.keys.IE_PROTO||""))?"Symbol(src)_1."+$a:"",Ya=Ha.toString,Ja=Va.hasOwnProperty,Qa=Va.toString,Xa=RegExp("^"+Ya.call(Ja).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),Za=Ta.Symbol,Ka=Va.propertyIsEnumerable,el=za.splice,tl=Za?Za.isConcatSpreadable:void 0,al=Math.max,ll=bl(Ta,"Map"),rl=bl(Object,"create");function nl(e){var t=-1,a=e?e.length:0;for(this.clear();++t<a;){var l=e[t];this.set(l[0],l[1])}}function ol(e){var t=-1,a=e?e.length:0;for(this.clear();++t<a;){var l=e[t];this.set(l[0],l[1])}}function sl(e){var t=-1,a=e?e.length:0;for(this.clear();++t<a;){var l=e[t];this.set(l[0],l[1])}}function il(e){var t=-1,a=e?e.length:0;for(this.__data__=new sl;++t<a;)this.add(e[t])}function pl(e,t){for(var a,l,r=e.length;r--;)if((a=e[r][0])===(l=t)||a!=a&&l!=l)return r;return-1}function cl(e,t,a,l){var r,n=-1,o=Ia,s=!0,i=e.length,p=[],c=t.length;if(!i)return p;a&&(t=function(e,t){for(var a=-1,l=e?e.length:0,r=Array(l);++a<l;)r[a]=t(e[a],a,e);return r}(t,(r=a,function(e){return r(e)}))),l?(o=Ga,s=!1):t.length>=200&&(o=Wa,s=!1,t=new il(t));e:for(;++n<i;){var m=e[n],d=a?a(m):m;if(m=l||0!==m?m:0,s&&d==d){for(var u=c;u--;)if(t[u]===d)continue e;p.push(m)}else o(t,d,l)||p.push(m)}return p}function ml(e,t,a,l,r){var n=-1,o=e.length;for(a||(a=_l),r||(r=[]);++n<o;){var s=e[n];t>0&&a(s)?t>1?ml(s,t-1,a,l,r):Ra(r,s):l||(r[r.length]=s)}return r}function dl(e){if(!El(e)||(t=e,Ua&&Ua in t))return!1;var t,a=xl(e)||function(e){var t=!1;if(null!=e&&"function"!=typeof e.toString)try{t=!!(e+"")}catch(e){}return t}(e)?Xa:Ba;return a.test(function(e){if(null!=e){try{return Ya.call(e)}catch(e){}try{return e+""}catch(e){}}return""}(e))}function ul(e,t){var a,l,r=e.__data__;return("string"==(l=typeof(a=t))||"number"==l||"symbol"==l||"boolean"==l?"__proto__"!==a:null===a)?r["string"==typeof t?"string":"hash"]:r.map}function bl(e,t){var a=function(e,t){return null==e?void 0:e[t]}(e,t);return dl(a)?a:void 0}function _l(e){return gl(e)||function(e){return yl(e)&&Ja.call(e,"callee")&&(!Ka.call(e,"callee")||Qa.call(e)==Fa)}(e)||!!(tl&&e&&e[tl])}nl.prototype.clear=function(){this.__data__=rl?rl(null):{}},nl.prototype.delete=function(e){return this.has(e)&&delete this.__data__[e]},nl.prototype.get=function(e){var t=this.__data__;if(rl){var a=t[e];return a===ja?void 0:a}return Ja.call(t,e)?t[e]:void 0},nl.prototype.has=function(e){var t=this.__data__;return rl?void 0!==t[e]:Ja.call(t,e)},nl.prototype.set=function(e,t){return this.__data__[e]=rl&&void 0===t?ja:t,this},ol.prototype.clear=function(){this.__data__=[]},ol.prototype.delete=function(e){var t=this.__data__,a=pl(t,e);return!(a<0)&&(a==t.length-1?t.pop():el.call(t,a,1),!0)},ol.prototype.get=function(e){var t=this.__data__,a=pl(t,e);return a<0?void 0:t[a][1]},ol.prototype.has=function(e){return pl(this.__data__,e)>-1},ol.prototype.set=function(e,t){var a=this.__data__,l=pl(a,e);return l<0?a.push([e,t]):a[l][1]=t,this},sl.prototype.clear=function(){this.__data__={hash:new nl,map:new(ll||ol),string:new nl}},sl.prototype.delete=function(e){return ul(this,e).delete(e)},sl.prototype.get=function(e){return ul(this,e).get(e)},sl.prototype.has=function(e){return ul(this,e).has(e)},sl.prototype.set=function(e,t){return ul(this,e).set(e,t),this},il.prototype.add=il.prototype.push=function(e){return this.__data__.set(e,ja),this},il.prototype.has=function(e){return this.__data__.has(e)};var fl,vl,hl=(fl=function(e,t){return yl(e)?cl(e,ml(t,1,yl,!0)):[]},vl=al(void 0===vl?fl.length-1:vl,0),function(){for(var e=arguments,t=-1,a=al(e.length-vl,0),l=Array(a);++t<a;)l[t]=e[vl+t];t=-1;for(var r=Array(vl+1);++t<vl;)r[t]=e[t];return r[vl]=l,function(e,t,a){switch(a.length){case 0:return e.call(t);case 1:return e.call(t,a[0]);case 2:return e.call(t,a[0],a[1]);case 3:return e.call(t,a[0],a[1],a[2])}return e.apply(t,a)}(fl,this,r)});var gl=Array.isArray;function kl(e){return null!=e&&function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=Sa}(e.length)&&!xl(e)}function yl(e){return function(e){return!!e&&"object"==typeof e}(e)&&kl(e)}function xl(e){var t=El(e)?Qa.call(e):"";return t==Aa||t==Pa}function El(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}var wl=oa(hl);const Nl=(e,t)=>{const a=[...Array(e)].map((e=>"1fr"));return t&&a.push("auto"),a.join(" ")};class Cl{constructor(e,t={}){this.fields=e,this.columns=t}setGrid(e,t,a){"object"==typeof this.columns&&(this.columns[e]=t);const l=new Oa(a);((e,t)=>{const a=t.getDistinctValues();if(a.length<e.length)throw new Error(`Not all given fields are present in the grid. Please add these fields ${wl(a,e).map((e=>`"${e}"`)).join(", ")}`);a.forEach((a=>{if(!e.includes(a))throw new Error(`${a} is not an existing field. Existing fields are ${e.map((e=>`"${e}"`)).join(", ")}.`);const l=t.getCoordinatesForValue(a),r=t.sliceArea(l.topLeft,l.bottomRight).getDistinctValues();if(1!==r.length||r[0]!==a)throw new Error(`Grid contains an unsupported shape. Please make sure "${a}" has a rectangular shape.`)}))})(Object.keys(this.fields),l);const r=Object.entries(this.fields).reduce(((t,[a,r])=>{let n=r.props.position?Ol(r.props.position):{};C(n)||(n={mobile:n});const{topLeft:o,bottomRight:s}=l.getCoordinatesForValue(a);return n[e]={column:o.x,columnSpan:s.x-o.x+1,row:o.y,rowSpan:s.y-o.y+1},Object.assign(Object.assign({},t),{[a]:Object.assign(Object.assign({},r),{props:Object.assign(Object.assign({},r.props),{position:n})})})}),{});return new Cl(r,this.columns)}setVertical(e,t=1,a){return this.setGrid(e,null!=a?a:Nl(t,!1),Ca(Object.keys(this.fields),t))}setHorizontal(e,t){const a=Object.keys(this.fields);return this.setGrid(e,null!=t?t:Nl(a.length,!1),[a])}getColumns(){return this.columns}getFields(){return this.fields}getScaffoldProps(){return{fields:this.fields,columns:this.columns}}}const Ol=e=>JSON.parse(JSON.stringify(e)),jl=e.createContext({factory:void 0}),Sl=e.forwardRef(((t,a)=>{var{name:l,field:r}=t,n=o(t,["name","field"]);const{factory:s}=e.useContext(jl),i=r.props,{position:c,align:m,label:d,hint:u,error:b,isRequired:_}=i,f=o(i,["position","align","label","hint","error","isRequired"]),v=(null==s?void 0:s(r))||(e=>{switch(e.type){case"Button":return se;case"Checkbox":return pt;case"Select":return xt;case"FileField":return ht;case"PasswordStrengthField":return Dt;default:return dt}})(r);return(e=>"TextField"===e.type)(r)&&!r.props.multiline&&"hidden"===r.props.type?e.createElement(v,Object.assign({ref:a,name:l},n,r.props)):e.createElement(Ut,{position:c,align:m,label:d,hint:u,error:b,isRequired:_},e.createElement(v,Object.assign({ref:a,name:l,placeholder:r.props.placeholder||d,className:p(!!b&&"error",r.props.className)},n,f)))})),Fl=e.forwardRef(((t,a)=>{var{children:l,columns:r,fields:n,prefixFieldNames:s}=t,i=o(t,["children","columns","fields","prefixFieldNames"]);return e.createElement(Jt,{columns:r},Object.entries(n).map((([t,l])=>e.createElement(Sl,Object.assign({name:`${null!=s?s:""}${t}`,key:t,field:l,ref:a},i)))),l)}));exports.Alert=({children:t,title:a,variant:l="basic"})=>e.createElement("div",{className:p(m.wrapper,m[`variant-${l}`])},e.createElement(j,{p:3},a&&e.createElement(j,{pb:t?1:0},e.createElement(b,{level:4},a)),t&&e.createElement(f,null,t))),exports.AnimatedCheckmark=M,exports.BasicLayout=({sideBarProps:t,topBarProps:a,footerProps:l,isLoading:r,loader:n,children:o})=>e.createElement(j,{className:Qt,flexGrow:1,display:"flex",flexDirection:"column"},e.createElement(j,{className:Xt,flexGrow:1,flexShrink:0},t&&e.createElement(j,{className:Zt},e.createElement(Me,Object.assign({},t))),e.createElement(j,{className:Kt,display:"flex",flexDirection:"column"},e.createElement(nt,Object.assign({},a)),e.createElement(j,{p:{laptop:7,mobile:4},pl:{laptop:22},flexGrow:1},r&&n?n:o),e.createElement(De,Object.assign({},l))))),exports.Box=j,exports.BreadCrumbs=t=>e.createElement("ul",Object.assign({className:p(D,t.className)},t)),exports.BreakPointValues=k,exports.Button=se,exports.Checkbox=pt,exports.CollapsiblePanel=K,exports.ConfirmButton=t=>{var a,{modalProps:l}=t,r=o(t,["modalProps"]);const[n,s]=(({onConfirm:t})=>{const[a,l]=e.useState(!1);return[{onCancel:()=>l(!1),onConfirm:()=>{t(),l(!1)},isOpen:a},()=>l(!0)]})({onConfirm:null!==(a=l.onConfirm)&&void 0!==a?a:pe});return e.createElement(e.Fragment,null,e.createElement(se,Object.assign({},r,{onClick:s})),e.createElement(ie,Object.assign({title:"Are you sure?"},l,n)))},exports.ConfirmModal=ie,exports.Crumb=t=>e.createElement("li",Object.assign({className:p(T,t.className)},t)),exports.Details=({details:t,firstColumnWidth:a})=>e.createElement(me,null,e.createElement("tbody",null,Object.entries(t).map((([t,l],r)=>e.createElement(me.Row,{key:t,disableHover:!0},e.createElement(me.Cell,{style:{width:a},className:p(de.cell,0===r&&de.isFirstRow)},t),e.createElement(me.Cell,{className:p(de.cell,0===r&&de.isFirstRow)},l)))))),exports.Dropdown=({buttonProps:t,align:a="left",children:l,stayOpenOnClick:r})=>{const n=e.useRef(null),[o,s]=e.useState(!1),i=e.useCallback((()=>s(!0)),[s]),m=e.useCallback((e=>{var t;r&&(null===(t=n.current)||void 0===t?void 0:t.contains(e.target))||s(!1)}),[s,r]);return e.useEffect((()=>(o&&setTimeout((()=>document.addEventListener("click",m)),1),()=>{document.removeEventListener("click",m)})),[o,m]),e.createElement("div",{className:ue},e.createElement(se,Object.assign({},t,{onClick:i})),o&&e.createElement(c,{speed:".1s"},e.createElement("span",{className:p(be,"left"===a&&_e,"right"===a&&fe),ref:n},l)))},exports.DropdownMenu=t=>{var{className:a}=t,l=o(t,["className"]);return e.createElement("ul",Object.assign({className:p(ve,a)},l))},exports.DropdownMenuItem=t=>{var{className:a}=t,l=o(t,["className"]);return e.createElement("li",Object.assign({className:p(he,a)},l))},exports.Dropzone=t=>{var{onChange:a,icon:l,label:r}=t,n=o(t,["onChange","icon","label"]);const s=e.useRef(null),i=e.useRef(null),[c,m]=e.useState(!1),d=e.useCallback((e=>{e&&a&&a(Array.from(e))}),[a]),u=e.useCallback((e=>{e.preventDefault(),m(!0)}),[]),b=e.useCallback((e=>{e.preventDefault(),m(!1)}),[]),_=e.useCallback((e=>{var t;e.preventDefault(),m(!1),d(null===(t=e.dataTransfer)||void 0===t?void 0:t.files)}),[d]),f=e.useCallback((()=>{var e;null===(e=s.current)||void 0===e||e.click()}),[s]),v=e.useCallback((()=>{var e;d(null===(e=null==s?void 0:s.current)||void 0===e?void 0:e.files)}),[s,d]);return e.createElement("div",Object.assign({ref:i,onDragOver:u,onDragLeave:b,onDrop:_,onClick:f,className:p(ge,c&&ke)},n),e.createElement("input",{className:ye,"data-testid":"dropzone-file-input",type:"file",ref:s,onChange:v,multiple:!0}),e.createElement(j,null,e.createElement(se,{variant:"text",color:"secondary",type:"button",icon:l},r)))},exports.Feedback=({onConfirm:t,buttonLabel:a,buttonIcon:l,title:r,subtitle:n})=>e.createElement(ne,{handleClickOverlay:t,buttons:e.createElement(se,{"data-testid":"confirm",stretch:!0,icon:l,variant:"secondary",onClick:t},a)},e.createElement(j,{pt:3,pb:3,className:xe},e.createElement(j,{pb:5,textAlign:"center"},e.createElement(b,null,r),n&&e.createElement(j,{pt:5},e.createElement(b,{level:5},n))),e.createElement(j,{pt:5,pb:5,pl:7,pr:7},e.createElement(M,null)))),exports.FileField=ht,exports.Floater=t=>{var{items:a,forceEqualWidth:l=!1,stretch:r=!1}=t,n=o(t,["items","forceEqualWidth","stretch"]);return e.createElement(j,Object.assign({mb:je,mt:je,ml:Oe,mr:Oe,display:Se},n),a.filter(Boolean).map(((t,n)=>(e=>!!e.element)(t)?e.createElement(Ce,{key:n,laptopWidth:t.forceEqualWidth?100/a.length+"%":void 0,stretch:t.stretch||!1},t.element):e.createElement(Ce,{key:n,laptopWidth:l?100/a.length+"%":void 0,stretch:r},t))))},exports.FloatingPanelLayout=({panelProps:t,imageUrl:a,alert:l,logoUrl:r,backgroundBaseColor:n,backgroundOpacity:o})=>e.createElement(j,{className:ea,style:n&&{"--base-color":n},display:"flex",alignItems:"center",baseColor:n},e.createElement("div",{className:ta,style:{opacity:o||1,backgroundImage:`url(${a})`}}),r&&e.createElement("img",{src:r,alt:"Logo",className:ra}),e.createElement(c,{className:aa},l&&e.createElement(j,{pb:7},l),e.createElement(q,Object.assign({},t,{className:p(la,t.className)})))),exports.Footer=De,exports.FormGrid=Jt,exports.FormGridWrapper=Ut,exports.FormPositioner=Cl,exports.HamburgerButton=t=>{var{className:a}=t,l=o(t,["className"]);return e.createElement(se,Object.assign({className:p(Ie,a)},l))},exports.Header=b,exports.HorizontalScroller=({children:t})=>e.createElement("div",{className:Te},t),exports.Menu=({children:t})=>e.createElement("ul",{className:Ge},t),exports.MenuCloseButton=t=>{var{className:a}=t,l=o(t,["className"]);return e.createElement(se,Object.assign({className:p($e,a)},l))},exports.MenuItem=({item:t,isOpen:a,isActive:l,children:r})=>{const[n,o]=e.useState(!!a);return e.createElement("li",{className:p(Re,n&&We,!!l&&Le)},t,r&&e.createElement(Z,{onChange:o,isOpen:!!a,duration:.25},r))},exports.MenuSlideOpenIndicator=t=>{var{className:a}=t,l=o(t,["className"]);return e.createElement(j,Object.assign({className:p(ze,a),style:{"--collapsed-width":15}},l))},exports.Modal=ne,exports.Overlay=te,exports.Paginator=t=>{const{isTablet:a}=Ve(),{pageCount:l,onChange:r}=t,n=Math.min(Math.max(t.currentPage,0),l),o=a?2:0,s=Math.max(1,n-o),i=Math.min(l,n+o);return e.createElement("div",{className:qe},e.createElement("button",{"data-testid":"paginate-prev",disabled:1===n,onClick:()=>r(n-1),className:p(Ue,1===n&&Je)},"⟨"),s>1&&e.createElement("button",{"data-testid":"paginate-page-1",onClick:()=>r(1),className:p(Ue,1===n&&Ye)},"1"),s>2&&e.createElement("button",{disabled:!0,className:p(Ue,Je)},"..."),((e,t)=>{let a=[];for(let l=e;l<t;l++)a.push(l);return a})(s,i+1).map((t=>e.createElement("button",{"data-testid":`paginate-page-${t}`,key:t,onClick:()=>r(t),className:p(Ue,n===t&&Ye)},t))),i<l-1&&e.createElement("button",{disabled:!0,className:p(Ue,Je)},"..."),i<l&&e.createElement("button",{"data-testid":`paginate-page-${l}`,onClick:()=>r(l),className:p(Ue,n===l&&Ye)},l),e.createElement("button",{"data-testid":"paginate-next",disabled:n===l,onClick:()=>r(n+1),className:p(Ue,n===l&&Je)},"⟩"))},exports.Panel=q,exports.Paragraph=f,exports.PasswordStrengthField=Dt,exports.ScaffoldField=Sl,exports.ScaffoldForm=Fl,exports.ScaffoldFormContext=jl,exports.ScaffoldFormProvider=({factory:t,children:a})=>e.createElement(jl.Provider,{value:{factory:t}},a),exports.Section=t=>e.createElement(j,Object.assign({pb:{laptop:7,mobile:4}},t)),exports.Select=xt,exports.SideBarHeader=({children:t,right:a})=>e.createElement(j,{mb:7,className:He},e.createElement(j,{flexGrow:1,display:"flex"},e.createElement(j,{flexGrow:1,display:"flex",flexDirection:"column",justifyContent:"center"},t)),a&&e.createElement(j,null,a)),exports.SimpleTimeline=({color:t,icon:a,title:l,titleMeta:r})=>e.createElement(j,{className:tt},e.createElement(j,{className:p(at,"line")},e.createElement("div",{className:lt,style:{"--background-color":t}},a)),e.createElement(j,{pb:4,flexGrow:1},e.createElement(q,{className:et,titleMeta:r,title:l}))),exports.SlideInFromTop=c,exports.Statistic=({icon:t,value:a,label:l,backgroundColor:r,smallerValue:n})=>e.createElement("div",{className:p(Qe.wrapper,Qe[r])},e.createElement("div",{className:Qe.iconWrapper},t),e.createElement(j,{flexGrow:1,textAlign:"right"},e.createElement("div",{className:Qe.label},l),e.createElement("div",{className:p(Qe.value,n&&Qe.smaller)},a))),exports.Tab=t=>{var{id:a,isActive:l,onClick:r,variant:n}=t,s=o(t,["id","isActive","onClick","variant"]);const i=e.useCallback((()=>{l||null==r||r(a)}),[a,l,r]);return e.createElement(j,Object.assign({className:p(Xe.tab,l&&Xe.isActive,n&&Xe[n])},s,{onClick:i}))},exports.TabContent=t=>{var{className:a}=t,l=o(t,["className"]);return e.createElement(j,Object.assign({className:p(Ze,a),p:3},l))},exports.Table=me,exports.Tabs=t=>{var{className:a}=t,l=o(t,["className"]);return e.createElement(j,Object.assign({className:p(a,Ke)},l))},exports.TextField=dt,exports.Timeline=({title:t,icon:a,color:l,isInitiallyOpen:r,titleMeta:n,chevron:o,children:s})=>e.createElement(j,{className:tt},e.createElement(j,{className:at},e.createElement("div",{className:lt,style:{"--background-color":l}},a)),e.createElement(j,{pb:4,flexGrow:1},e.createElement(K,{isInitiallyOpen:r,titleMeta:n,title:t,titleAction:o},s))),exports.TopBar=nt,exports.UiWrapper=({children:t})=>e.createElement(r,null,e.createElement("div",{className:n},t)),exports.VerticalRhythmLaptop=7,exports.VerticalRhythmMobile=4,exports.breakPoints=g,exports.calculatePasswordScore=Mt,exports.getResponsiveProps=y,exports.isResponsiveObject=C,exports.passwordHasLowerAndUppercase=Ft,exports.passwordHasNumbers=St,exports.passwordHasSpecialChars=At,exports.passwordMinLength=jt,exports.useCloseSidebarOnNavigate=t=>{const{closeSideMenu:a}=l();e.useEffect((()=>{a()}),[t,a])},exports.useResponsiveBreakpoints=Ve,exports.useToggleMobileMenu=({currentRoute:t})=>{const[a,l]=e.useState(!1),r=e.useCallback((()=>{l((e=>!e))}),[]),n=e.useCallback((()=>{l(!0)}),[]),o=e.useCallback((()=>{l(!1)}),[]);return e.useEffect((()=>{o()}),[t,o]),{isOpen:a,open:n,close:o,toggle:r}};
+"use strict";var e=require("react");const t=()=>{},a=e.createContext({isSideMenuOpen:!1,closeSideMenu:t,openSideMenu:t}),l=()=>e.useContext(a),r=({children:t})=>{const[l,r]=e.useState(!1),n=e.useCallback((()=>r(!1)),[]),o=e.useCallback((()=>r(!0)),[]);return e.createElement(a.Provider,{value:{isSideMenuOpen:l,closeSideMenu:n,openSideMenu:o}},t)};var n="UiWrapper-module_wrapper__kC0BB";function o(e,t){var a={};for(var l in e)Object.prototype.hasOwnProperty.call(e,l)&&t.indexOf(l)<0&&(a[l]=e[l]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(l=Object.getOwnPropertySymbols(e);r<l.length;r++)t.indexOf(l[r])<0&&Object.prototype.propertyIsEnumerable.call(e,l[r])&&(a[l[r]]=e[l[r]])}return a}"function"==typeof SuppressedError&&SuppressedError;var s="SlideInFromTop-module_slideInFromTop__We2Dd";function i(e){var t,a,l="";if("string"==typeof e||"number"==typeof e)l+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(a=i(e[t]))&&(l&&(l+=" "),l+=a);else for(t in e)e[t]&&(l&&(l+=" "),l+=t);return l}function p(){for(var e,t,a=0,l="";a<arguments.length;)(e=arguments[a++])&&(t=i(e))&&(l&&(l+=" "),l+=t);return l}const c=t=>{var{className:a,speed:l}=t,r=o(t,["className","speed"]);return e.createElement("div",Object.assign({className:p(s,a),style:l?{"--speed":l}:void 0},r))};var m={wrapper:"Alert-module_wrapper__zP8eL","variant-positive":"Alert-module_variant-positive__Cqab0","variant-negative":"Alert-module_variant-negative__mORCP","variant-info":"Alert-module_variant-info__b3OY9","variant-warning":"Alert-module_variant-warning__gBX5-","variant-basic":"Alert-module_variant-basic__AQmn7","variant-emphasized":"Alert-module_variant-emphasized__8GiYF"},d="Header-module_header__97lwI";const u={1:"h1",2:"h2",3:"h3",4:"h4",5:"h5"},_=t=>{var{level:a=1,className:l}=t,r=o(t,["level","className"]);const n=u[a];return e.createElement(n,Object.assign({className:p(l,d)},r))};var b="Paragraph-module_paragraph__-EZeT";const f=t=>{var{className:a}=t,l=o(t,["className"]);return e.createElement("p",Object.assign({className:p(b,a)},l))},v=["p:var","p:-1","p:0","p:1","p:2","p:3","p:4","p:5","p:6","p:7","pt:var","pt:-1","pt:0","pt:1","pt:2","pt:3","pt:4","pt:5","pt:6","pt:7","pr:var","pr:-1","pr:0","pr:1","pr:2","pr:3","pr:4","pr:5","pr:6","pr:7","pb:var","pb:-1","pb:0","pb:1","pb:2","pb:3","pb:4","pb:5","pb:6","pb:7","pl:var","pl:-1","pl:0","pl:1","pl:2","pl:3","pl:4","pl:5","pl:6","pl:7","m:var","m:-1","m:0","m:1","m:2","m:3","m:4","m:5","m:6","m:7","mt:var","mt:-1","mt:0","mt:1","mt:2","mt:3","mt:4","mt:5","mt:6","mt:7","mr:var","mr:-1","mr:0","mr:1","mr:2","mr:3","mr:4","mr:5","mr:6","mr:7","mb:var","mb:-1","mb:0","mb:1","mb:2","mb:3","mb:4","mb:5","mb:6","mb:7","ml:var","ml:-1","ml:0","ml:1","ml:2","ml:3","ml:4","ml:5","ml:6","ml:7","display:var","display:block","display:flex","display:none","flexGrow:var","flexGrow:1","flexGrow:0","flexShrink:var","flexShrink:1","flexShrink:0","flexDirection:var","flexDirection:row","flexDirection:column","alignItems:var","alignItems:center","alignItems:flex-start","alignItems:flex-end","textAlign:var","textAlign:left","textAlign:right","textAlign:center","justifyContent:var","justifyContent:center","justifyContent:flex-start","justifyContent:flex-end","columns:var","tablet:p:var","tablet:p:-1","tablet:p:0","tablet:p:1","tablet:p:2","tablet:p:3","tablet:p:4","tablet:p:5","tablet:p:6","tablet:p:7","tablet:pt:var","tablet:pt:-1","tablet:pt:0","tablet:pt:1","tablet:pt:2","tablet:pt:3","tablet:pt:4","tablet:pt:5","tablet:pt:6","tablet:pt:7","tablet:pr:var","tablet:pr:-1","tablet:pr:0","tablet:pr:1","tablet:pr:2","tablet:pr:3","tablet:pr:4","tablet:pr:5","tablet:pr:6","tablet:pr:7","tablet:pb:var","tablet:pb:-1","tablet:pb:0","tablet:pb:1","tablet:pb:2","tablet:pb:3","tablet:pb:4","tablet:pb:5","tablet:pb:6","tablet:pb:7","tablet:pl:var","tablet:pl:-1","tablet:pl:0","tablet:pl:1","tablet:pl:2","tablet:pl:3","tablet:pl:4","tablet:pl:5","tablet:pl:6","tablet:pl:7","tablet:m:var","tablet:m:-1","tablet:m:0","tablet:m:1","tablet:m:2","tablet:m:3","tablet:m:4","tablet:m:5","tablet:m:6","tablet:m:7","tablet:mt:var","tablet:mt:-1","tablet:mt:0","tablet:mt:1","tablet:mt:2","tablet:mt:3","tablet:mt:4","tablet:mt:5","tablet:mt:6","tablet:mt:7","tablet:mr:var","tablet:mr:-1","tablet:mr:0","tablet:mr:1","tablet:mr:2","tablet:mr:3","tablet:mr:4","tablet:mr:5","tablet:mr:6","tablet:mr:7","tablet:mb:var","tablet:mb:-1","tablet:mb:0","tablet:mb:1","tablet:mb:2","tablet:mb:3","tablet:mb:4","tablet:mb:5","tablet:mb:6","tablet:mb:7","tablet:ml:var","tablet:ml:-1","tablet:ml:0","tablet:ml:1","tablet:ml:2","tablet:ml:3","tablet:ml:4","tablet:ml:5","tablet:ml:6","tablet:ml:7","tablet:display:var","tablet:display:block","tablet:display:flex","tablet:display:none","tablet:flexGrow:var","tablet:flexGrow:1","tablet:flexGrow:0","tablet:flexShrink:var","tablet:flexShrink:1","tablet:flexShrink:0","tablet:flexDirection:var","tablet:flexDirection:row","tablet:flexDirection:column","tablet:alignItems:var","tablet:alignItems:center","tablet:alignItems:flex-start","tablet:alignItems:flex-end","tablet:textAlign:var","tablet:textAlign:left","tablet:textAlign:right","tablet:textAlign:center","tablet:justifyContent:var","tablet:justifyContent:center","tablet:justifyContent:flex-start","tablet:justifyContent:flex-end","tablet:columns:var","laptop:p:var","laptop:p:-1","laptop:p:0","laptop:p:1","laptop:p:2","laptop:p:3","laptop:p:4","laptop:p:5","laptop:p:6","laptop:p:7","laptop:pt:var","laptop:pt:-1","laptop:pt:0","laptop:pt:1","laptop:pt:2","laptop:pt:3","laptop:pt:4","laptop:pt:5","laptop:pt:6","laptop:pt:7","laptop:pr:var","laptop:pr:-1","laptop:pr:0","laptop:pr:1","laptop:pr:2","laptop:pr:3","laptop:pr:4","laptop:pr:5","laptop:pr:6","laptop:pr:7","laptop:pb:var","laptop:pb:-1","laptop:pb:0","laptop:pb:1","laptop:pb:2","laptop:pb:3","laptop:pb:4","laptop:pb:5","laptop:pb:6","laptop:pb:7","laptop:pl:var","laptop:pl:-1","laptop:pl:0","laptop:pl:1","laptop:pl:2","laptop:pl:3","laptop:pl:4","laptop:pl:5","laptop:pl:6","laptop:pl:7","laptop:m:var","laptop:m:-1","laptop:m:0","laptop:m:1","laptop:m:2","laptop:m:3","laptop:m:4","laptop:m:5","laptop:m:6","laptop:m:7","laptop:mt:var","laptop:mt:-1","laptop:mt:0","laptop:mt:1","laptop:mt:2","laptop:mt:3","laptop:mt:4","laptop:mt:5","laptop:mt:6","laptop:mt:7","laptop:mr:var","laptop:mr:-1","laptop:mr:0","laptop:mr:1","laptop:mr:2","laptop:mr:3","laptop:mr:4","laptop:mr:5","laptop:mr:6","laptop:mr:7","laptop:mb:var","laptop:mb:-1","laptop:mb:0","laptop:mb:1","laptop:mb:2","laptop:mb:3","laptop:mb:4","laptop:mb:5","laptop:mb:6","laptop:mb:7","laptop:ml:var","laptop:ml:-1","laptop:ml:0","laptop:ml:1","laptop:ml:2","laptop:ml:3","laptop:ml:4","laptop:ml:5","laptop:ml:6","laptop:ml:7","laptop:display:var","laptop:display:block","laptop:display:flex","laptop:display:none","laptop:flexGrow:var","laptop:flexGrow:1","laptop:flexGrow:0","laptop:flexShrink:var","laptop:flexShrink:1","laptop:flexShrink:0","laptop:flexDirection:var","laptop:flexDirection:row","laptop:flexDirection:column","laptop:alignItems:var","laptop:alignItems:center","laptop:alignItems:flex-start","laptop:alignItems:flex-end","laptop:textAlign:var","laptop:textAlign:left","laptop:textAlign:right","laptop:textAlign:center","laptop:justifyContent:var","laptop:justifyContent:center","laptop:justifyContent:flex-start","laptop:justifyContent:flex-end","laptop:columns:var","desktop:p:var","desktop:p:-1","desktop:p:0","desktop:p:1","desktop:p:2","desktop:p:3","desktop:p:4","desktop:p:5","desktop:p:6","desktop:p:7","desktop:pt:var","desktop:pt:-1","desktop:pt:0","desktop:pt:1","desktop:pt:2","desktop:pt:3","desktop:pt:4","desktop:pt:5","desktop:pt:6","desktop:pt:7","desktop:pr:var","desktop:pr:-1","desktop:pr:0","desktop:pr:1","desktop:pr:2","desktop:pr:3","desktop:pr:4","desktop:pr:5","desktop:pr:6","desktop:pr:7","desktop:pb:var","desktop:pb:-1","desktop:pb:0","desktop:pb:1","desktop:pb:2","desktop:pb:3","desktop:pb:4","desktop:pb:5","desktop:pb:6","desktop:pb:7","desktop:pl:var","desktop:pl:-1","desktop:pl:0","desktop:pl:1","desktop:pl:2","desktop:pl:3","desktop:pl:4","desktop:pl:5","desktop:pl:6","desktop:pl:7","desktop:m:var","desktop:m:-1","desktop:m:0","desktop:m:1","desktop:m:2","desktop:m:3","desktop:m:4","desktop:m:5","desktop:m:6","desktop:m:7","desktop:mt:var","desktop:mt:-1","desktop:mt:0","desktop:mt:1","desktop:mt:2","desktop:mt:3","desktop:mt:4","desktop:mt:5","desktop:mt:6","desktop:mt:7","desktop:mr:var","desktop:mr:-1","desktop:mr:0","desktop:mr:1","desktop:mr:2","desktop:mr:3","desktop:mr:4","desktop:mr:5","desktop:mr:6","desktop:mr:7","desktop:mb:var","desktop:mb:-1","desktop:mb:0","desktop:mb:1","desktop:mb:2","desktop:mb:3","desktop:mb:4","desktop:mb:5","desktop:mb:6","desktop:mb:7","desktop:ml:var","desktop:ml:-1","desktop:ml:0","desktop:ml:1","desktop:ml:2","desktop:ml:3","desktop:ml:4","desktop:ml:5","desktop:ml:6","desktop:ml:7","desktop:display:var","desktop:display:block","desktop:display:flex","desktop:display:none","desktop:flexGrow:var","desktop:flexGrow:1","desktop:flexGrow:0","desktop:flexShrink:var","desktop:flexShrink:1","desktop:flexShrink:0","desktop:flexDirection:var","desktop:flexDirection:row","desktop:flexDirection:column","desktop:alignItems:var","desktop:alignItems:center","desktop:alignItems:flex-start","desktop:alignItems:flex-end","desktop:textAlign:var","desktop:textAlign:left","desktop:textAlign:right","desktop:textAlign:center","desktop:justifyContent:var","desktop:justifyContent:center","desktop:justifyContent:flex-start","desktop:justifyContent:flex-end","desktop:columns:var"],h=e=>v.includes(e),g=["mobile","tablet","laptop","desktop"],k={mobile:0,tablet:768,laptop:1024,desktop:1430},y=e=>{const t=Object.entries(e).filter((([,e])=>null!=e));return{variables:t.flatMap((([e,t])=>E(e,t))).reduce(((e,[t,a])=>Object.assign(Object.assign({},e),{[t]:a})),{}),classNames:t.map((([e,t])=>x(e,t))).join(" ")}},x=(e,t)=>(C(t)?Object.entries(t):[[void 0,t]]).map((([t,a])=>{const l=w(t,e,a),r=w(t,e,"var");return h(l)?l:h(r)?r:""})).join(" "),E=(e,t)=>(C(t)?Object.entries(t):[[void 0,t]]).map((([t,a])=>{const l=w(t,e,a),r=w(t,e,"var");if(h(l)||!h(r))return;return[`--${[N(t),e].filter(Boolean).join("_")}`,"number"!=typeof a?a:`calc(var(--spacing) * ${a})`]})).filter(Boolean),N=e=>"mobile"===e?void 0:e,w=(e,t,a)=>[N(e),t,a].filter((e=>null!=e)).join(":"),C=e=>{if("object"!=typeof e)return!1;const t=Object.keys(e);for(const e of g)if(t.includes(e))return!0;return!1};var O="Box-module_box__Wgbf3";const j=t=>{var{className:a,children:l,p:r,pt:n,pr:s,pb:i,pl:c,m:m,mt:d,mr:u,mb:_,ml:b,width:f,display:v,flexGrow:h,flexShrink:g,flexDirection:k,alignItems:x,textAlign:E,justifyContent:N}=t,w=o(t,["className","children","p","pt","pr","pb","pl","m","mt","mr","mb","ml","width","display","flexGrow","flexShrink","flexDirection","alignItems","textAlign","justifyContent"]);const{classNames:C,variables:j}=y({p:r,pt:n,pr:s,pb:i,pl:c,m:m,mt:d,mr:u,mb:_,ml:b,width:f,display:v,flexGrow:h,flexShrink:g,flexDirection:k,alignItems:x,textAlign:E,justifyContent:N});return e.createElement("div",Object.assign({className:p(O,a,C),style:j},w),l)};var S="AnimatedCheckmark-module_svg__VAFDr",F="AnimatedCheckmark-module_mask__mH-yZ",A="AnimatedCheckmark-module_polyline__SJRcW",P="AnimatedCheckmark-module_circle__1BrC5",B="AnimatedCheckmark-module_circleColored__es08R";const M=()=>e.createElement("svg",{className:S,viewBox:"0 0 154 154"},e.createElement("g",{className:F},e.createElement("circle",{className:P,cx:"77",cy:"77",r:"72"}),e.createElement("circle",{className:B,cx:"77",cy:"77",r:"72"}),e.createElement("polyline",{className:A,points:"43.5,77.8 63.7,97.9 112.2,49.4"})));var D="BreadCrumbs-module_breadcrumbs__-UMJj",T="BreadCrumbs-module_crumb__SSW-t";var I="CollapsiblePanel-module_panel__DrLNG",G="CollapsiblePanel-module_isClosed__2qVew",L="CollapsiblePanel-module_titleActionWrapper__SBw5b",R="Panel-module_wrapper__vFRhJ",W="Panel-module_meta__Gj-8n",z="Panel-module_title__181OP",$="Panel-module_hasChildren__UZijE",H="Panel-module_hasOnClick__X5WSh",V="Panel-module_footer__t6-hz";const q=({children:t,className:a,title:l,titleAction:r,titleMeta:n,onClickTitle:o,footer:s,p:i=3,titleLevel:c=5,stageProps:m,footerProps:d})=>e.createElement("div",{className:p(a,R)},l&&e.createElement(j,{p:3,display:"flex",alignItems:"center",onClick:o,className:p(z,!!t&&$,!!o&&H)},e.createElement(j,{flexGrow:1},e.createElement(_,{level:c},l)),n&&e.createElement(j,{className:W},n),r&&e.createElement(j,{pl:5},r)),t&&e.createElement(j,Object.assign({p:i},m),t),s&&e.createElement(j,Object.assign({p:3},d,{className:p(V,null==d?void 0:d.className)}),s));var U="SlideOpen-module_wrapper__ur3Rv",X="SlideOpen-module_hidden__iibf8",J="SlideOpen-module_shown__nGWNX",Y="SlideOpen-module_animation__YSEpu",Z="SlideOpen-module_isOpen__O67Yi";const Q=({isOpen:t,children:a,duration:l,onChange:r})=>{const n=(t=>{const[a,l]=e.useState(t);return e.useEffect((()=>{const e=setTimeout((()=>l(t)),0);return()=>clearTimeout(e)}),[t,l]),a})(t),[o,s]=e.useState(!t),i=e.useCallback((()=>{t||(s(!0),null==r||r(!1))}),[t,r]);return e.useEffect((()=>{t&&(s(!1),null==r||r(!0))}),[t,r]),e.createElement("div",{className:U},e.createElement("div",{className:p(Y,n&&Z),style:l?{"--duration":`${l}s`}:void 0,onTransitionEndCapture:i},e.createElement("div",{className:o?X:J},a)))},K=t=>{var{isInitiallyOpen:a,children:l,titleAction:r}=t,n=o(t,["isInitiallyOpen","children","titleAction"]);const[s,i]=e.useState(a),c=e.useCallback((()=>i(!s)),[i,s]);return e.createElement(q,Object.assign({className:p(I,!s&&G)},n,{onClickTitle:c,p:0,titleAction:e.createElement("div",{className:p(L,!s&&G)},r)}),e.createElement(Q,{isOpen:s},e.createElement(j,{p:3},l)))};var ee="Overlay-module_overlay__EkbfA";const te=t=>{var{className:a}=t,l=o(t,["className"]);return e.createElement("div",Object.assign({className:p(a,ee)},l))};var ae="Modal-module_wrapper__34Hds",le="Modal-module_content__dWO-B",re="Modal-module_panel__lp9I7";const ne=t=>{var{children:a,handleClickOverlay:l,buttons:r}=t,n=o(t,["children","handleClickOverlay","buttons"]);return e.createElement(e.Fragment,null,e.createElement(te,{onClick:l}),e.createElement("div",{className:ae},e.createElement(c,null,e.createElement(q,Object.assign({className:re,footer:r?e.createElement(j,{display:"flex",justifyContent:"flex-end"},r):void 0},n),a&&e.createElement("div",{className:le},a)))))};var oe={wrapper:"Button-module_wrapper__nbaE8",stretch:"Button-module_stretch__JWfY7",actionButton:"Button-module_actionButton__S1gAt",button:"Button-module_button__PNye2",inline:"Button-module_inline__AMjqw","variant-basic":"Button-module_variant-basic__lKAIX","variant-text":"Button-module_variant-text__Nc1vT",icon:"Button-module_icon__OlcRJ",hasChildren:"Button-module_hasChildren__rEq-P","variant-default":"Button-module_variant-default__Sr0CI","variant-primary":"Button-module_variant-primary__RNJDU","variant-secondary":"Button-module_variant-secondary__TnXFg","variant-danger":"Button-module_variant-danger__PZS1I",iconWrapper:"Button-module_iconWrapper__YwLLt"};const se=e.forwardRef(((t,a)=>{var{children:l,icon:r,variant:n="default",actionButton:s,stretch:i,inline:c,className:m}=t,d=o(t,["children","icon","variant","actionButton","stretch","inline","className"]);return e.createElement("div",{className:p(oe.wrapper,s&&oe.actionButton,i&&oe.stretch)},e.createElement("button",Object.assign({className:p(oe.button,oe[`variant-${n}`],!!l&&oe.hasChildren,r&&oe.icon,s&&oe.actionButton,i&&oe.stretch,c&&oe.inline,m),ref:a},d),r&&e.createElement("span",{className:p(oe.iconWrapper,oe[`variant-${n}`],!!l&&oe.hasChildren)},r),l))})),ie=({title:t,children:a,cancelLabel:l="Nee, annuleren",confirmLabel:r="Ja",confirmVariant:n="secondary",confirmIcon:o,cancelIcon:s,isOpen:i,onCancel:p,onConfirm:c})=>i?e.createElement(ne,{title:t,handleClickOverlay:p,buttons:e.createElement(e.Fragment,null,e.createElement(se,{"data-testid":"btn-cancel",onClick:p,variant:"basic",icon:s},l),e.createElement(se,{"data-testid":"btn-confirm",onClick:c,variant:n,icon:o},r))},a):null,pe=()=>{};var ce={table:"Table-module_table__Dkosn",tr:"Table-module_tr__7UG8J","variant-positive":"Table-module_variant-positive__71gFV",disableHover:"Table-module_disableHover__vv-sQ","variant-negative":"Table-module_variant-negative__dtSY7","variant-info":"Table-module_variant-info__oxZNe","variant-warning":"Table-module_variant-warning__buDZq","variant-basic":"Table-module_variant-basic__QksCj","variant-emphasized":"Table-module_variant-emphasized__K1CXV",td:"Table-module_td__jv9tA",width:"Table-module_width__bS4aU",th:"Table-module_th__PNuEx",sortable:"Table-module_sortable__W4c6P",asc:"Table-module_asc__-caTr",desc:"Table-module_desc__jQI8s"};const me=t=>{var{className:a}=t,l=o(t,["className"]);return e.createElement("table",Object.assign({className:p(ce.table,a)},l))};me.Row=t=>{var{className:a,disableHover:l}=t,r=o(t,["className","disableHover"]);return e.createElement("tr",Object.assign({className:p(ce.tr,l&&ce.disableHover,a)},r))},me.HeadCell=t=>{var{sortable:a,sortDirection:l,width:r,className:n}=t,s=o(t,["sortable","sortDirection","width","className"]);const i=null!=r;return e.createElement("th",Object.assign({className:p(ce.th,a&&ce.sortable,l&&ce[l],i&&ce.width,n),style:i?{"--width":r}:void 0},s))},me.Cell=t=>{var{className:a,variant:l="basic",width:r}=t,n=o(t,["className","variant","width"]);const s=null!=r;return e.createElement("td",Object.assign({className:p(ce.td,ce[`variant-${l}`],s&&ce.width,a),style:s?{"--width":r}:void 0},n))};var de={row:"Details-module_row__0d8vi",isFirstRow:"Details-module_isFirstRow__iVno4"};var ue="Dropdown-module_wrapper__79ooc",_e="Dropdown-module_dropper__uVdEf",be="Dropdown-module_left__JYKmP",fe="Dropdown-module_right__UefzB",ve="Dropdown-module_dropdownMenu__5R4vo",he="Dropdown-module_dropdownMenuItem__dj4Gp";var ge="Dropzone-module_dropzone__WvixK",ke="Dropzone-module_centered__00ZHP",ye="Dropzone-module_isReadyToDrop__NX-Ix",xe="Dropzone-module_input__AEKgL",Ee="Dropzone-module_idle__HViGO",Ne="Dropzone-module_deleteButton__6zeTi",we="Dropzone-module_fileName__XqXj8";const Ce=e.forwardRef(((t,a)=>{var{className:l,placeholder:r,icon:n}=t,s=o(t,["className","placeholder","icon"]);const[i,c]=e.useState(),m=e.useRef(null),[d,u]=e.useState(!1),[_,b]=e.useState(),f=_&&_.length>0,v=e.useCallback((e=>{const t=(null==e?void 0:e.target).files,a=Array.from(t).map((e=>e.name));b(a)}),[]),h=e.useCallback((e=>{e.preventDefault(),u(!0)}),[]),g=e.useCallback((e=>{e.preventDefault(),u(!1)}),[]),k=e.useCallback((()=>{u(!1)}),[]),y=e.useCallback((()=>{null==i||i.click()}),[i]),x=e.useCallback((()=>{i&&(i.value="",i.files=null,i.dispatchEvent(new Event("change",{bubbles:!0})))}),[i]),E=e.useMemo((()=>e=>{null==e||e.addEventListener("change",v),c(e),"function"==typeof a&&(null==a||a(e))}),[a,v]);return e.createElement("div",{ref:m,onDragOver:h,onDragLeave:g,onDrop:k,onClick:f?void 0:y,className:p(ge,!f&&ke,d&&ye)},e.createElement("input",Object.assign({className:p(xe,d?ye:Ee),"data-testid":"dropzone-file-input",type:"file",ref:E,multiple:!0},s)),e.createElement(j,null,!f&&e.createElement(se,{variant:"text",color:"secondary",type:"button",icon:n},r),f&&e.createElement(e.Fragment,null,e.createElement("button",{className:Ne,"data-testid":"file-clear",onClick:x}),e.createElement("ol",null,_.map(((t,a)=>e.createElement("li",{key:a,className:we},t)))))))}));var Oe="Feedback-module_box__ESWf9";const je={laptop:1},Se={mobile:1,laptop:0},Fe={laptop:1},Ae=t=>{var{stretch:a,laptopWidth:l}=t,r=o(t,["stretch","laptopWidth"]);const n=e.useMemo((()=>({laptop:l})),[l]);return e.createElement(j,Object.assign({flexGrow:a?Fe:void 0,width:n,pt:Se,pb:Se,pl:je,pr:je},r))},Pe={laptop:-1},Be={mobile:-1,laptop:0},Me={mobile:"block",laptop:"flex"};var De="Footer-module_box__KZvsx",Te="SideBar-module_wrapper__8tZbH",Ie="SideBar-module_isMobileMenuOpen__1yI4z",Ge="SideBar-module_isDesktopMenuOpen__S25Jl";const Le=t=>{const{closeSideMenu:a,openSideMenu:r,isSideMenuOpen:n}=l();return e.createElement(j,Object.assign({className:p("sidebar",Te,t.isMobileMenuOpen&&Ie,n&&Ge)},t,{onMouseEnter:r,onMouseLeave:a,style:{"--minWidth":t.minWidth||75,"--collapsed-width":15}}))},Re=({children:t})=>e.createElement(j,{pt:2,pb:2,pr:5,pl:{mobile:5,laptop:20},className:De},t);var We="HorizontalScroller-module_box__W07vp";var ze="HamburgerButton-module_hamburgerButton__uFuws";var $e="Menu-module_menu__uj3BS",He="Menu-module_menuItem__96xoX",Ve="Menu-module_isActive__idoz4",qe="Menu-module_isOpen__p1ar3";var Ue="MenuCloseButton-module_menuCloseButton__c2jye";var Xe="MenuSlideOpenIndicator-module_wrapper__Q6Ykj";var Je="SideBarHeader-module_sideBarHeader__7zbYN";const Ye=()=>{const[t,a]=e.useState(window.innerWidth);e.useEffect((()=>{const e=()=>a(window.innerWidth);return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}),[]);return e.useMemo((()=>({isMobile:t>=k.mobile,isTablet:t>=k.tablet,isLaptop:t>=k.laptop,isDesktop:t>=k.desktop})),[t])};var Ze="Paginator-module_wrapper__IPIcn",Qe="Paginator-module_button__lkNBq",Ke="Paginator-module_isActive__Qk3mv",et="Paginator-module_isDisabled__uHGss";var tt={wrapper:"Statistic-module_wrapper__4eJ86",blue:"Statistic-module_blue__SsMhE",indigo:"Statistic-module_indigo__8DByg",purple:"Statistic-module_purple__mieHQ",pink:"Statistic-module_pink__2PBSu",red:"Statistic-module_red__T7SC1",orange:"Statistic-module_orange__eq9b2",yellow:"Statistic-module_yellow__0A2sj",green:"Statistic-module_green__LjLEE",teal:"Statistic-module_teal__rz09e",cyan:"Statistic-module_cyan__ljMqB",gray:"Statistic-module_gray__Bukv9",grayDark:"Statistic-module_grayDark__JoQc8",light:"Statistic-module_light__Q1XW7",dark:"Statistic-module_dark__HWch8",label:"Statistic-module_label__O256y",value:"Statistic-module_value__Af9tB",smaller:"Statistic-module_smaller__ni0vP",iconWrapper:"Statistic-module_iconWrapper__TudZL"};var at={tab:"Tab-module_tab__Iwytl",isActive:"Tab-module_isActive__DXImz",hint:"Tab-module_hint__ynkFR",error:"Tab-module_error__OF1Ji"};var lt="TabContent-module_tabContent__hMTiE";var rt="Tabs-module_tabs__QzIkz";var nt="Timeline-module_flatPanel__TzdFU",ot="Timeline-module_wrapper__sWd71",st="Timeline-module_line__CwY-N",it="Timeline-module_circle__7kyfg";var pt="TopBar-module_wrapper__DVlec";const ct=({left:t,right:a})=>e.createElement(j,{className:pt},e.createElement(j,{display:"flex",alignItems:"center",pb:1,pt:1,pr:5,pl:{mobile:5,laptop:20}},e.createElement(j,{flexGrow:1,display:"flex",pl:2},t),e.createElement(j,{flexGrow:1,display:"flex",justifyContent:"flex-end"},a)));var mt="Checkbox-module_label__uYQc9",dt="Checkbox-module_input__a4Cy-",ut="Checkbox-module_dimmed__wAzQa";const _t=e.forwardRef(((t,a)=>{var{options:l,spacing:r=1,name:n,dimmed:s,className:i}=t,c=o(t,["options","spacing","name","dimmed","className"]);const m=Array.isArray(l)?l:Object.entries(l);return e.createElement(e.Fragment,null,m.map((([t,l])=>e.createElement(j,{key:t,mt:r,mb:r},e.createElement("label",{className:mt,key:t},e.createElement("input",Object.assign({className:p(i,dt),type:"checkbox",value:t,name:n,ref:a},c)),e.createElement("span",{className:p(s&&ut)},l))))))}));var bt="TextField-module_input__73ULM",ft="TextField-module_textarea__DzXRI";const vt=e.forwardRef(((t,a)=>{var{multiline:l=!1,className:r}=t,n=o(t,["multiline","className"]);return l?e.createElement("textarea",Object.assign({className:p(ft,bt,r),ref:a},n)):e.createElement("input",Object.assign({className:p(bt,r),ref:a,type:"text"},n))}));var ht="FileField-module_wrapper__Av1Bz",gt="FileField-module_hiddenInput__42z5Q",kt="FileField-module_button__13cFn",yt="FileField-module_textField__-9ZPk",xt="FileField-module_deleteButton__RpWa3";const Et=e.forwardRef(((t,a)=>{var{className:l,placeholder:r,chooseFileLabel:n="Choose file",changeFileLabel:s="Change file",onClear:i}=t,c=o(t,["className","placeholder","chooseFileLabel","changeFileLabel","onClear"]);const[m,d]=e.useState(),[u,_]=e.useState(""),b=e.useCallback((e=>{var t;const a=(null==e?void 0:e.target).files;_((null===(t=null==a?void 0:a[0])||void 0===t?void 0:t.name)||"")}),[]),f=e.useCallback((()=>{m&&(m.value="",m.files=null,m.dispatchEvent(new Event("change",{bubbles:!0})),i&&i())}),[m,i]),v=e.useMemo((()=>e=>{null==e||e.addEventListener("change",b),d(e),"function"==typeof a&&(null==a||a(e))}),[a,b]);return e.createElement("div",{className:ht},e.createElement("input",Object.assign({className:gt,type:"file",ref:v},c)),e.createElement(se,{className:kt,variant:"basic"},u?s:n),e.createElement(vt,{placeholder:r,className:p(yt,l),disabled:!0,value:u}),!!u&&i&&e.createElement("button",{className:xt,"data-testid":"file-clear",onClick:f}))}));var Nt="Select-module_wrapper__vBUHm",wt="Select-module_select__tfPHD",Ct="Select-module_paddingOverlay__Y6O4-";const Ot=e.forwardRef(((t,a)=>{var{options:l,className:r}=t,n=o(t,["options","className"]);const s=Array.isArray(l)?l:Object.entries(l);return e.createElement("div",{className:Nt},e.createElement("select",Object.assign({className:p(wt,r),ref:a},n),s.map((([t,a])=>e.createElement("option",{key:t,value:t},a)))),e.createElement("div",{className:Ct},"▾"))}));var jt="PasswordStrengthField-module_progress__KIvlC",St="PasswordStrengthField-module_progressBar__Wz5Rz",Ft="PasswordStrengthField-module_bad__n300O",At="PasswordStrengthField-module_ok__LMIms",Pt="PasswordStrengthField-module_good__MhPYT";const Bt=e=>e.length>=8,Mt=e=>/\d/.test(e),Dt=e=>/[a-z]/.test(e)&&/[A-Z]/.test(e),Tt=e=>/[-’/`~!#*$@_%+=.,^&(){}[\]|;:”<>?\\]/.test(e),It=[Bt,Mt,Dt,Tt],Gt=It.length+1,Lt=e=>It.map((t=>t(e))).reduce(((e,t)=>t?e+1:e),1),Rt=e.forwardRef(((t,a)=>{const[l,r]=e.useState(0),n=e.useCallback((e=>{const t=e.target;r(t.value?Lt(t.value):0)}),[]),o=e.useMemo((()=>e=>{null==e||e.addEventListener("keyup",n),"function"==typeof a&&(null==a||a(e))}),[a,n]);return e.createElement(e.Fragment,null,e.createElement(vt,Object.assign({},t,{type:"password",ref:o})),e.createElement("div",{className:jt},e.createElement("div",{className:p(St,l<=2?Ft:l<=3?At:Pt),style:{"--width":l/Gt*100+"%"}})))}));var Wt="FormGridWrapper-module_label__3OAEA",zt="FormGridWrapper-module_error__80-SA",$t="FormGridWrapper-module_hint__lj9vT",Ht="FormGridWrapper-module_requiredAsterisk__-4sG4",Vt="FormGridCell-module_formGridCell__Y3e5s",qt="FormGridCell-module_rowOffset__xvXeK",Ut="FormGridCell-module_mobile--position__1AeHR",Xt="FormGridCell-module_tablet--position__Xxybj",Jt="FormGridCell-module_laptop--position__gMNqe",Yt="FormGridCell-module_desktop--position__UDC4a";const Zt=({position:t,align:a,rowOffset:l=0,children:r,className:n})=>{if(!t||!C(t))throw new Error("FormGridCell should set a position");const{classNames:o,variables:s}=y({textAlign:a}),i=((e,t)=>g.reduce(((a,l)=>(null==e?void 0:e[l])?Object.assign(Object.assign({},a),((e,t,a)=>{const l={};return void 0!==t.row&&(l[`--${e}-row`]=2*t.row+1+a),t.rowSpan&&a&&(l[`--${e}-rowSpan`]=2*t.rowSpan-1),void 0!==t.column&&(l[`--${e}-column`]=t.column+1),void 0!==t.columnSpan&&(l[`--${e}-columnSpan`]=t.columnSpan),l})(l,e[l],t)):a),{}))(t,l);return e.createElement("div",{className:p(Vt,l&&qt,t.mobile&&Ut,t.tablet&&Xt,t.laptop&&Jt,t.desktop&&Yt,o,n),style:Object.assign(Object.assign({},s),i)},r)},Qt=({position:t,align:a,label:l,hint:r,error:n,isRequired:o,children:s})=>e.createElement(e.Fragment,null,e.createElement(Zt,{position:t,align:a,className:"form-grid-cell__label-hint"},l&&e.createElement("label",{className:p(Wt,!!n&&zt)},l,o&&e.createElement("span",{className:Ht})),r&&e.createElement("div",{className:p($t,!!n&&zt)},r)),e.createElement(Zt,{position:t,align:a,rowOffset:1,className:p({"form-grid-cell__field-error":!0,"has-error":!!n})},s,n&&e.createElement("div",{className:zt},n)));var Kt="FormGrid-module_formGrid__2OSmK";const ea=t=>{var{columns:a,className:l}=t,r=o(t,["columns","className"]);const{classNames:n,variables:s}=y({columns:a});return e.createElement("div",Object.assign({className:p(Kt,l,n),style:Object.assign(Object.assign({},s),{"--numRowsPerField":2})},r))};var ta="BasicLayout-module_wrapper__fi1G3",aa="BasicLayout-module_wrapperInner__SqthQ",la="BasicLayout-module_sidebarWrapper__2x7ZG",ra="BasicLayout-module_contentBox__8uu8L";var na="FloatingPanelLayout-module_wrapper__XlZwj",oa="FloatingPanelLayout-module_background__vI4Uc",sa="FloatingPanelLayout-module_animation__031Vf",ia="FloatingPanelLayout-module_panel__Dmfof",pa="FloatingPanelLayout-module_logo__-5gan";var ca="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function ma(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var da=1/0,ua=9007199254740991,_a=17976931348623157e292,ba=NaN,fa="[object Function]",va="[object GeneratorFunction]",ha="[object Symbol]",ga=/^\s+|\s+$/g,ka=/^[-+]0x[0-9a-f]+$/i,ya=/^0b[01]+$/i,xa=/^0o[0-7]+$/i,Ea=/^(?:0|[1-9]\d*)$/,Na=parseInt,wa=Object.prototype.toString,Ca=Math.ceil,Oa=Math.max;function ja(e,t,a){var l=-1,r=e.length;t<0&&(t=-t>r?0:r+t),(a=a>r?r:a)<0&&(a+=r),r=t>a?0:a-t>>>0,t>>>=0;for(var n=Array(r);++l<r;)n[l]=e[l+t];return n}function Sa(e,t,a){if(!Fa(a))return!1;var l=typeof t;return!!("number"==l?function(e){return null!=e&&function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=ua}(e.length)&&!function(e){var t=Fa(e)?wa.call(e):"";return t==fa||t==va}(e)}(a)&&function(e,t){return!!(t=null==t?ua:t)&&("number"==typeof e||Ea.test(e))&&e>-1&&e%1==0&&e<t}(t,a.length):"string"==l&&t in a)&&function(e,t){return e===t||e!=e&&t!=t}(a[t],e)}function Fa(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}var Aa=ma((function(e,t,a){t=(a?Sa(e,t,a):void 0===t)?1:Oa(function(e){var t=function(e){if(!e)return 0===e?e:0;if(e=function(e){if("number"==typeof e)return e;if(function(e){return"symbol"==typeof e||function(e){return!!e&&"object"==typeof e}(e)&&wa.call(e)==ha}(e))return ba;if(Fa(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=Fa(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(ga,"");var a=ya.test(e);return a||xa.test(e)?Na(e.slice(2),a?2:8):ka.test(e)?ba:+e}(e),e===da||e===-da){return(e<0?-1:1)*_a}return e==e?e:0}(e),a=t%1;return t==t?a?t-a:t:0}(t),0);var l=e?e.length:0;if(!l||t<1)return[];for(var r=0,n=0,o=Array(Ca(l/t));r<l;)o[n++]=ja(e,r,r+=t);return o}));class Pa{constructor(e){this.grid=e}getValues(){return this.grid}getDistinctValues(){const e=[];return this.grid.forEach((t=>{t.forEach((t=>{e.includes(t)||e.push(t)}))})),e}sliceArea(e,t){if(e.x>t.x||e.y>t.y)throw new Error("Coordinates are mixed up. Please ensure topLeft is actually in the top-left corner. And bottomRight is actually in the bottom-right corner");return new Pa(this.grid.slice(e.y,t.y+1).map((a=>a.slice(e.x,t.x+1))))}getCoordinatesForValue(e){const t=[],a=[];return this.grid.forEach(((l,r)=>{l.forEach(((l,n)=>{l===e&&(t.push(n),a.push(r))}))})),{topLeft:{x:Math.min(...t),y:Math.min(...a)},bottomRight:{x:Math.max(...t),y:Math.max(...a)}}}}var Ba="__lodash_hash_undefined__",Ma=9007199254740991,Da="[object Arguments]",Ta="[object Function]",Ia="[object GeneratorFunction]",Ga=/^\[object .+?Constructor\]$/,La="object"==typeof ca&&ca&&ca.Object===Object&&ca,Ra="object"==typeof self&&self&&self.Object===Object&&self,Wa=La||Ra||Function("return this")();function za(e,t){return!!(e?e.length:0)&&function(e,t,a){if(t!=t)return function(e,t,a,l){var r=e.length,n=a+(l?1:-1);for(;l?n--:++n<r;)if(t(e[n],n,e))return n;return-1}(e,Va,a);var l=a-1,r=e.length;for(;++l<r;)if(e[l]===t)return l;return-1}(e,t,0)>-1}function $a(e,t,a){for(var l=-1,r=e?e.length:0;++l<r;)if(a(t,e[l]))return!0;return!1}function Ha(e,t){for(var a=-1,l=t.length,r=e.length;++a<l;)e[r+a]=t[a];return e}function Va(e){return e!=e}function qa(e,t){return e.has(t)}var Ua,Xa=Array.prototype,Ja=Function.prototype,Ya=Object.prototype,Za=Wa["__core-js_shared__"],Qa=(Ua=/[^.]+$/.exec(Za&&Za.keys&&Za.keys.IE_PROTO||""))?"Symbol(src)_1."+Ua:"",Ka=Ja.toString,el=Ya.hasOwnProperty,tl=Ya.toString,al=RegExp("^"+Ka.call(el).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),ll=Wa.Symbol,rl=Ya.propertyIsEnumerable,nl=Xa.splice,ol=ll?ll.isConcatSpreadable:void 0,sl=Math.max,il=gl(Wa,"Map"),pl=gl(Object,"create");function cl(e){var t=-1,a=e?e.length:0;for(this.clear();++t<a;){var l=e[t];this.set(l[0],l[1])}}function ml(e){var t=-1,a=e?e.length:0;for(this.clear();++t<a;){var l=e[t];this.set(l[0],l[1])}}function dl(e){var t=-1,a=e?e.length:0;for(this.clear();++t<a;){var l=e[t];this.set(l[0],l[1])}}function ul(e){var t=-1,a=e?e.length:0;for(this.__data__=new dl;++t<a;)this.add(e[t])}function _l(e,t){for(var a,l,r=e.length;r--;)if((a=e[r][0])===(l=t)||a!=a&&l!=l)return r;return-1}function bl(e,t,a,l){var r,n=-1,o=za,s=!0,i=e.length,p=[],c=t.length;if(!i)return p;a&&(t=function(e,t){for(var a=-1,l=e?e.length:0,r=Array(l);++a<l;)r[a]=t(e[a],a,e);return r}(t,(r=a,function(e){return r(e)}))),l?(o=$a,s=!1):t.length>=200&&(o=qa,s=!1,t=new ul(t));e:for(;++n<i;){var m=e[n],d=a?a(m):m;if(m=l||0!==m?m:0,s&&d==d){for(var u=c;u--;)if(t[u]===d)continue e;p.push(m)}else o(t,d,l)||p.push(m)}return p}function fl(e,t,a,l,r){var n=-1,o=e.length;for(a||(a=kl),r||(r=[]);++n<o;){var s=e[n];t>0&&a(s)?t>1?fl(s,t-1,a,l,r):Ha(r,s):l||(r[r.length]=s)}return r}function vl(e){if(!jl(e)||(t=e,Qa&&Qa in t))return!1;var t,a=Ol(e)||function(e){var t=!1;if(null!=e&&"function"!=typeof e.toString)try{t=!!(e+"")}catch(e){}return t}(e)?al:Ga;return a.test(function(e){if(null!=e){try{return Ka.call(e)}catch(e){}try{return e+""}catch(e){}}return""}(e))}function hl(e,t){var a,l,r=e.__data__;return("string"==(l=typeof(a=t))||"number"==l||"symbol"==l||"boolean"==l?"__proto__"!==a:null===a)?r["string"==typeof t?"string":"hash"]:r.map}function gl(e,t){var a=function(e,t){return null==e?void 0:e[t]}(e,t);return vl(a)?a:void 0}function kl(e){return Nl(e)||function(e){return Cl(e)&&el.call(e,"callee")&&(!rl.call(e,"callee")||tl.call(e)==Da)}(e)||!!(ol&&e&&e[ol])}cl.prototype.clear=function(){this.__data__=pl?pl(null):{}},cl.prototype.delete=function(e){return this.has(e)&&delete this.__data__[e]},cl.prototype.get=function(e){var t=this.__data__;if(pl){var a=t[e];return a===Ba?void 0:a}return el.call(t,e)?t[e]:void 0},cl.prototype.has=function(e){var t=this.__data__;return pl?void 0!==t[e]:el.call(t,e)},cl.prototype.set=function(e,t){return this.__data__[e]=pl&&void 0===t?Ba:t,this},ml.prototype.clear=function(){this.__data__=[]},ml.prototype.delete=function(e){var t=this.__data__,a=_l(t,e);return!(a<0)&&(a==t.length-1?t.pop():nl.call(t,a,1),!0)},ml.prototype.get=function(e){var t=this.__data__,a=_l(t,e);return a<0?void 0:t[a][1]},ml.prototype.has=function(e){return _l(this.__data__,e)>-1},ml.prototype.set=function(e,t){var a=this.__data__,l=_l(a,e);return l<0?a.push([e,t]):a[l][1]=t,this},dl.prototype.clear=function(){this.__data__={hash:new cl,map:new(il||ml),string:new cl}},dl.prototype.delete=function(e){return hl(this,e).delete(e)},dl.prototype.get=function(e){return hl(this,e).get(e)},dl.prototype.has=function(e){return hl(this,e).has(e)},dl.prototype.set=function(e,t){return hl(this,e).set(e,t),this},ul.prototype.add=ul.prototype.push=function(e){return this.__data__.set(e,Ba),this},ul.prototype.has=function(e){return this.__data__.has(e)};var yl,xl,El=(yl=function(e,t){return Cl(e)?bl(e,fl(t,1,Cl,!0)):[]},xl=sl(void 0===xl?yl.length-1:xl,0),function(){for(var e=arguments,t=-1,a=sl(e.length-xl,0),l=Array(a);++t<a;)l[t]=e[xl+t];t=-1;for(var r=Array(xl+1);++t<xl;)r[t]=e[t];return r[xl]=l,function(e,t,a){switch(a.length){case 0:return e.call(t);case 1:return e.call(t,a[0]);case 2:return e.call(t,a[0],a[1]);case 3:return e.call(t,a[0],a[1],a[2])}return e.apply(t,a)}(yl,this,r)});var Nl=Array.isArray;function wl(e){return null!=e&&function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=Ma}(e.length)&&!Ol(e)}function Cl(e){return function(e){return!!e&&"object"==typeof e}(e)&&wl(e)}function Ol(e){var t=jl(e)?tl.call(e):"";return t==Ta||t==Ia}function jl(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}var Sl=ma(El);const Fl=(e,t)=>{const a=[...Array(e)].map((e=>"1fr"));return t&&a.push("auto"),a.join(" ")};class Al{constructor(e,t={}){this.fields=e,this.columns=t}setGrid(e,t,a){"object"==typeof this.columns&&(this.columns[e]=t);const l=new Pa(a);((e,t)=>{const a=t.getDistinctValues();if(a.length<e.length)throw new Error(`Not all given fields are present in the grid. Please add these fields ${Sl(a,e).map((e=>`"${e}"`)).join(", ")}`);a.forEach((a=>{if(!e.includes(a))throw new Error(`${a} is not an existing field. Existing fields are ${e.map((e=>`"${e}"`)).join(", ")}.`);const l=t.getCoordinatesForValue(a),r=t.sliceArea(l.topLeft,l.bottomRight).getDistinctValues();if(1!==r.length||r[0]!==a)throw new Error(`Grid contains an unsupported shape. Please make sure "${a}" has a rectangular shape.`)}))})(Object.keys(this.fields),l);const r=Object.entries(this.fields).reduce(((t,[a,r])=>{let n=r.props.position?Pl(r.props.position):{};C(n)||(n={mobile:n});const{topLeft:o,bottomRight:s}=l.getCoordinatesForValue(a);return n[e]={column:o.x,columnSpan:s.x-o.x+1,row:o.y,rowSpan:s.y-o.y+1},Object.assign(Object.assign({},t),{[a]:Object.assign(Object.assign({},r),{props:Object.assign(Object.assign({},r.props),{position:n})})})}),{});return new Al(r,this.columns)}setVertical(e,t=1,a){return this.setGrid(e,null!=a?a:Fl(t,!1),Aa(Object.keys(this.fields),t))}setHorizontal(e,t){const a=Object.keys(this.fields);return this.setGrid(e,null!=t?t:Fl(a.length,!1),[a])}getColumns(){return this.columns}getFields(){return this.fields}getScaffoldProps(){return{fields:this.fields,columns:this.columns}}}const Pl=e=>JSON.parse(JSON.stringify(e)),Bl=e.createContext({factory:void 0}),Ml=e.forwardRef(((t,a)=>{var{name:l,field:r}=t,n=o(t,["name","field"]);const{factory:s}=e.useContext(Bl),i=r.props,{position:c,align:m,label:d,hint:u,error:_,isRequired:b}=i,f=o(i,["position","align","label","hint","error","isRequired"]),v=(null==s?void 0:s(r))||(e=>{switch(e.type){case"Button":return se;case"Checkbox":return _t;case"Select":return Ot;case"FileField":return Et;case"DropZone":return Ce;case"PasswordStrengthField":return Rt;default:return vt}})(r);return(e=>"TextField"===e.type)(r)&&!r.props.multiline&&"hidden"===r.props.type?e.createElement(v,Object.assign({ref:a,name:l},n,r.props)):e.createElement(Qt,{position:c,align:m,label:d,hint:u,error:_,isRequired:b},e.createElement(v,Object.assign({ref:a,name:l,placeholder:r.props.placeholder||d,className:p(!!_&&"error",r.props.className)},n,f)))})),Dl=e.forwardRef(((t,a)=>{var{children:l,columns:r,fields:n,prefixFieldNames:s}=t,i=o(t,["children","columns","fields","prefixFieldNames"]);return e.createElement(ea,{columns:r},Object.entries(n).map((([t,l])=>e.createElement(Ml,Object.assign({name:`${null!=s?s:""}${t}`,key:t,field:l,ref:a},i)))),l)}));exports.Alert=({children:t,title:a,variant:l="basic"})=>e.createElement("div",{className:p(m.wrapper,m[`variant-${l}`])},e.createElement(j,{p:3},a&&e.createElement(j,{pb:t?1:0},e.createElement(_,{level:4},a)),t&&e.createElement(f,null,t))),exports.AnimatedCheckmark=M,exports.BasicLayout=({sideBarProps:t,topBarProps:a,footerProps:l,isLoading:r,loader:n,children:o})=>e.createElement(j,{className:ta,flexGrow:1,display:"flex",flexDirection:"column"},e.createElement(j,{className:aa,flexGrow:1,flexShrink:0},t&&e.createElement(j,{className:la},e.createElement(Le,Object.assign({},t))),e.createElement(j,{className:ra,display:"flex",flexDirection:"column"},e.createElement(ct,Object.assign({},a)),e.createElement(j,{p:{laptop:7,mobile:4},pl:{laptop:22},flexGrow:1},r&&n?n:o),e.createElement(Re,Object.assign({},l))))),exports.Box=j,exports.BreadCrumbs=t=>e.createElement("ul",Object.assign({className:p(D,t.className)},t)),exports.BreakPointValues=k,exports.Button=se,exports.Checkbox=_t,exports.CollapsiblePanel=K,exports.ConfirmButton=t=>{var a,{modalProps:l}=t,r=o(t,["modalProps"]);const[n,s]=(({onConfirm:t})=>{const[a,l]=e.useState(!1);return[{onCancel:()=>l(!1),onConfirm:()=>{t(),l(!1)},isOpen:a},()=>l(!0)]})({onConfirm:null!==(a=l.onConfirm)&&void 0!==a?a:pe});return e.createElement(e.Fragment,null,e.createElement(se,Object.assign({},r,{onClick:s})),e.createElement(ie,Object.assign({title:"Are you sure?"},l,n)))},exports.ConfirmModal=ie,exports.Crumb=t=>e.createElement("li",Object.assign({className:p(T,t.className)},t)),exports.Details=({details:t,firstColumnWidth:a})=>e.createElement(me,null,e.createElement("tbody",null,Object.entries(t).map((([t,l],r)=>e.createElement(me.Row,{key:t,disableHover:!0},e.createElement(me.Cell,{style:{width:a},className:p(de.cell,0===r&&de.isFirstRow)},t),e.createElement(me.Cell,{className:p(de.cell,0===r&&de.isFirstRow)},l)))))),exports.Dropdown=({buttonProps:t,align:a="left",children:l,stayOpenOnClick:r})=>{const n=e.useRef(null),[o,s]=e.useState(!1),i=e.useCallback((()=>s(!0)),[s]),m=e.useCallback((e=>{var t;r&&(null===(t=n.current)||void 0===t?void 0:t.contains(e.target))||s(!1)}),[s,r]);return e.useEffect((()=>(o&&setTimeout((()=>document.addEventListener("click",m)),1),()=>{document.removeEventListener("click",m)})),[o,m]),e.createElement("div",{className:ue},e.createElement(se,Object.assign({},t,{onClick:i})),o&&e.createElement(c,{speed:".1s"},e.createElement("span",{className:p(_e,"left"===a&&be,"right"===a&&fe),ref:n},l)))},exports.DropdownMenu=t=>{var{className:a}=t,l=o(t,["className"]);return e.createElement("ul",Object.assign({className:p(ve,a)},l))},exports.DropdownMenuItem=t=>{var{className:a}=t,l=o(t,["className"]);return e.createElement("li",Object.assign({className:p(he,a)},l))},exports.Dropzone=Ce,exports.Feedback=({onConfirm:t,buttonLabel:a,buttonIcon:l,title:r,subtitle:n})=>e.createElement(ne,{handleClickOverlay:t,buttons:e.createElement(se,{"data-testid":"confirm",stretch:!0,icon:l,variant:"secondary",onClick:t},a)},e.createElement(j,{pt:3,pb:3,className:Oe},e.createElement(j,{pb:5,textAlign:"center"},e.createElement(_,null,r),n&&e.createElement(j,{pt:5},e.createElement(_,{level:5},n))),e.createElement(j,{pt:5,pb:5,pl:7,pr:7},e.createElement(M,null)))),exports.FileField=Et,exports.Floater=t=>{var{items:a,forceEqualWidth:l=!1,stretch:r=!1}=t,n=o(t,["items","forceEqualWidth","stretch"]);return e.createElement(j,Object.assign({mb:Be,mt:Be,ml:Pe,mr:Pe,display:Me},n),a.filter(Boolean).map(((t,n)=>(e=>!!e.element)(t)?e.createElement(Ae,{key:n,laptopWidth:t.forceEqualWidth?100/a.length+"%":void 0,stretch:t.stretch||!1},t.element):e.createElement(Ae,{key:n,laptopWidth:l?100/a.length+"%":void 0,stretch:r},t))))},exports.FloatingPanelLayout=({panelProps:t,imageUrl:a,alert:l,logoUrl:r,backgroundBaseColor:n,backgroundOpacity:o})=>e.createElement(j,{className:na,style:n&&{"--base-color":n},display:"flex",alignItems:"center",baseColor:n},e.createElement("div",{className:oa,style:{opacity:o||1,backgroundImage:`url(${a})`}}),r&&e.createElement("img",{src:r,alt:"Logo",className:pa}),e.createElement(c,{className:sa},l&&e.createElement(j,{pb:7},l),e.createElement(q,Object.assign({},t,{className:p(ia,t.className)})))),exports.Footer=Re,exports.FormGrid=ea,exports.FormGridWrapper=Qt,exports.FormPositioner=Al,exports.HamburgerButton=t=>{var{className:a}=t,l=o(t,["className"]);return e.createElement(se,Object.assign({className:p(ze,a)},l))},exports.Header=_,exports.HorizontalScroller=({children:t})=>e.createElement("div",{className:We},t),exports.Menu=({children:t})=>e.createElement("ul",{className:$e},t),exports.MenuCloseButton=t=>{var{className:a}=t,l=o(t,["className"]);return e.createElement(se,Object.assign({className:p(Ue,a)},l))},exports.MenuItem=({item:t,isOpen:a,isActive:l,children:r})=>{const[n,o]=e.useState(!!a);return e.createElement("li",{className:p(He,n&&qe,!!l&&Ve)},t,r&&e.createElement(Q,{onChange:o,isOpen:!!a,duration:.25},r))},exports.MenuSlideOpenIndicator=t=>{var{className:a}=t,l=o(t,["className"]);return e.createElement(j,Object.assign({className:p(Xe,a),style:{"--collapsed-width":15}},l))},exports.Modal=ne,exports.Overlay=te,exports.Paginator=t=>{const{isTablet:a}=Ye(),{pageCount:l,onChange:r}=t,n=Math.min(Math.max(t.currentPage,0),l),o=a?2:0,s=Math.max(1,n-o),i=Math.min(l,n+o);return e.createElement("div",{className:Ze},e.createElement("button",{"data-testid":"paginate-prev",disabled:1===n,onClick:()=>r(n-1),className:p(Qe,1===n&&et)},"⟨"),s>1&&e.createElement("button",{"data-testid":"paginate-page-1",onClick:()=>r(1),className:p(Qe,1===n&&Ke)},"1"),s>2&&e.createElement("button",{disabled:!0,className:p(Qe,et)},"..."),((e,t)=>{let a=[];for(let l=e;l<t;l++)a.push(l);return a})(s,i+1).map((t=>e.createElement("button",{"data-testid":`paginate-page-${t}`,key:t,onClick:()=>r(t),className:p(Qe,n===t&&Ke)},t))),i<l-1&&e.createElement("button",{disabled:!0,className:p(Qe,et)},"..."),i<l&&e.createElement("button",{"data-testid":`paginate-page-${l}`,onClick:()=>r(l),className:p(Qe,n===l&&Ke)},l),e.createElement("button",{"data-testid":"paginate-next",disabled:n===l,onClick:()=>r(n+1),className:p(Qe,n===l&&et)},"⟩"))},exports.Panel=q,exports.Paragraph=f,exports.PasswordStrengthField=Rt,exports.ScaffoldField=Ml,exports.ScaffoldForm=Dl,exports.ScaffoldFormContext=Bl,exports.ScaffoldFormProvider=({factory:t,children:a})=>e.createElement(Bl.Provider,{value:{factory:t}},a),exports.Section=t=>e.createElement(j,Object.assign({pb:{laptop:7,mobile:4}},t)),exports.Select=Ot,exports.SideBarHeader=({children:t,right:a})=>e.createElement(j,{mb:7,className:Je},e.createElement(j,{flexGrow:1,display:"flex"},e.createElement(j,{flexGrow:1,display:"flex",flexDirection:"column",justifyContent:"center"},t)),a&&e.createElement(j,null,a)),exports.SimpleTimeline=({color:t,icon:a,title:l,titleMeta:r})=>e.createElement(j,{className:ot},e.createElement(j,{className:p(st,"line")},e.createElement("div",{className:it,style:{"--background-color":t}},a)),e.createElement(j,{pb:4,flexGrow:1},e.createElement(q,{className:nt,titleMeta:r,title:l}))),exports.SlideInFromTop=c,exports.Statistic=({icon:t,value:a,label:l,backgroundColor:r,smallerValue:n})=>e.createElement("div",{className:p(tt.wrapper,tt[r])},e.createElement("div",{className:tt.iconWrapper},t),e.createElement(j,{flexGrow:1,textAlign:"right"},e.createElement("div",{className:tt.label},l),e.createElement("div",{className:p(tt.value,n&&tt.smaller)},a))),exports.Tab=t=>{var{id:a,isActive:l,onClick:r,variant:n}=t,s=o(t,["id","isActive","onClick","variant"]);const i=e.useCallback((()=>{l||null==r||r(a)}),[a,l,r]);return e.createElement(j,Object.assign({className:p(at.tab,l&&at.isActive,n&&at[n])},s,{onClick:i}))},exports.TabContent=t=>{var{className:a}=t,l=o(t,["className"]);return e.createElement(j,Object.assign({className:p(lt,a),p:3},l))},exports.Table=me,exports.Tabs=t=>{var{className:a}=t,l=o(t,["className"]);return e.createElement(j,Object.assign({className:p(a,rt)},l))},exports.TextField=vt,exports.Timeline=({title:t,icon:a,color:l,isInitiallyOpen:r,titleMeta:n,chevron:o,children:s})=>e.createElement(j,{className:ot},e.createElement(j,{className:st},e.createElement("div",{className:it,style:{"--background-color":l}},a)),e.createElement(j,{pb:4,flexGrow:1},e.createElement(K,{isInitiallyOpen:r,titleMeta:n,title:t,titleAction:o},s))),exports.TopBar=ct,exports.UiWrapper=({children:t})=>e.createElement(r,null,e.createElement("div",{className:n},t)),exports.VerticalRhythmLaptop=7,exports.VerticalRhythmMobile=4,exports.breakPoints=g,exports.calculatePasswordScore=Lt,exports.getResponsiveProps=y,exports.isResponsiveObject=C,exports.passwordHasLowerAndUppercase=Dt,exports.passwordHasNumbers=Mt,exports.passwordHasSpecialChars=Tt,exports.passwordMinLength=Bt,exports.useCloseSidebarOnNavigate=t=>{const{closeSideMenu:a}=l();e.useEffect((()=>{a()}),[t,a])},exports.useResponsiveBreakpoints=Ye,exports.useToggleMobileMenu=({currentRoute:t})=>{const[a,l]=e.useState(!1),r=e.useCallback((()=>{l((e=>!e))}),[]),n=e.useCallback((()=>{l(!0)}),[]),o=e.useCallback((()=>{l(!1)}),[]);return e.useEffect((()=>{o()}),[t,o]),{isOpen:a,open:n,close:o,toggle:r}};

package/dist/quicksnack.css

@@ -16,7 +16,7 @@
 .Table-module_table__Dkosn{border-collapse:initial;border-radius:4px;border-spacing:0;width:100%;--border:1px solid #2224261a}.Table-module_tr__7UG8J>td{transition:background-color .1s ease,color .1s ease}.Table-module_tr__7UG8J:nth-child(odd)>td.Table-module_variant-positive__71gFV{background-color:var(--pane-positive-main-idle-background);color:var(--pane-positive-main-idle-text)}.Table-module_tr__7UG8J:nth-child(2n)>td.Table-module_variant-positive__71gFV{background-color:var(--pane-positive-alternate-idle-background);color:var(--pane-positive-alternate-idle-text)}.Table-module_tr__7UG8J:not(.Table-module_disableHover__vv-sQ):nth-child(odd):hover>td.Table-module_variant-positive__71gFV{background-color:var(--pane-positive-main-hover-background);color:var(--pane-positive-main-hover-text)}.Table-module_tr__7UG8J:not(.Table-module_disableHover__vv-sQ):nth-child(2n):hover>td.Table-module_variant-positive__71gFV{background-color:var(--pane-positive-alternate-hover-background);color:var(--pane-positive-alternate-hover-text)}.Table-module_tr__7UG8J:nth-child(odd)>td.Table-module_variant-negative__dtSY7{background-color:var(--pane-negative-main-idle-background);color:var(--pane-negative-main-idle-text)}.Table-module_tr__7UG8J:nth-child(2n)>td.Table-module_variant-negative__dtSY7{background-color:var(--pane-negative-alternate-idle-background);color:var(--pane-negative-alternate-idle-text)}.Table-module_tr__7UG8J:not(.Table-module_disableHover__vv-sQ):nth-child(odd):hover>td.Table-module_variant-negative__dtSY7{background-color:var(--pane-negative-main-hover-background);color:var(--pane-negative-main-hover-text)}.Table-module_tr__7UG8J:not(.Table-module_disableHover__vv-sQ):nth-child(2n):hover>td.Table-module_variant-negative__dtSY7{background-color:var(--pane-negative-alternate-hover-background);color:var(--pane-negative-alternate-hover-text)}.Table-module_tr__7UG8J:nth-child(odd)>td.Table-module_variant-info__oxZNe{background-color:var(--pane-info-main-idle-background);color:var(--pane-info-main-idle-text)}.Table-module_tr__7UG8J:nth-child(2n)>td.Table-module_variant-info__oxZNe{background-color:var(--pane-info-alternate-idle-background);color:var(--pane-info-alternate-idle-text)}.Table-module_tr__7UG8J:not(.Table-module_disableHover__vv-sQ):nth-child(odd):hover>td.Table-module_variant-info__oxZNe{background-color:var(--pane-info-main-hover-background);color:var(--pane-info-main-hover-text)}.Table-module_tr__7UG8J:not(.Table-module_disableHover__vv-sQ):nth-child(2n):hover>td.Table-module_variant-info__oxZNe{background-color:var(--pane-info-alternate-hover-background);color:var(--pane-info-alternate-hover-text)}.Table-module_tr__7UG8J:nth-child(odd)>td.Table-module_variant-warning__buDZq{background-color:var(--pane-warning-main-idle-background);color:var(--pane-warning-main-idle-text)}.Table-module_tr__7UG8J:nth-child(2n)>td.Table-module_variant-warning__buDZq{background-color:var(--pane-warning-alternate-idle-background);color:var(--pane-warning-alternate-idle-text)}.Table-module_tr__7UG8J:not(.Table-module_disableHover__vv-sQ):nth-child(odd):hover>td.Table-module_variant-warning__buDZq{background-color:var(--pane-warning-main-hover-background);color:var(--pane-warning-main-hover-text)}.Table-module_tr__7UG8J:not(.Table-module_disableHover__vv-sQ):nth-child(2n):hover>td.Table-module_variant-warning__buDZq{background-color:var(--pane-warning-alternate-hover-background);color:var(--pane-warning-alternate-hover-text)}.Table-module_tr__7UG8J:nth-child(odd)>td.Table-module_variant-basic__QksCj{background-color:var(--pane-basic-main-idle-background);color:var(--pane-basic-main-idle-text)}.Table-module_tr__7UG8J:nth-child(2n)>td.Table-module_variant-basic__QksCj{background-color:var(--pane-basic-alternate-idle-background);color:var(--pane-basic-alternate-idle-text)}.Table-module_tr__7UG8J:not(.Table-module_disableHover__vv-sQ):nth-child(odd):hover>td.Table-module_variant-basic__QksCj{background-color:var(--pane-basic-main-hover-background);color:var(--pane-basic-main-hover-text)}.Table-module_tr__7UG8J:not(.Table-module_disableHover__vv-sQ):nth-child(2n):hover>td.Table-module_variant-basic__QksCj{background-color:var(--pane-basic-alternate-hover-background);color:var(--pane-basic-alternate-hover-text)}.Table-module_tr__7UG8J:nth-child(odd)>td.Table-module_variant-emphasized__K1CXV{background-color:var(--pane-emphasized-main-idle-background);color:var(--pane-emphasized-main-idle-text)}.Table-module_tr__7UG8J:nth-child(2n)>td.Table-module_variant-emphasized__K1CXV{background-color:var(--pane-emphasized-alternate-idle-background);color:var(--pane-emphasized-alternate-idle-text)}.Table-module_tr__7UG8J:not(.Table-module_disableHover__vv-sQ):nth-child(odd):hover>td.Table-module_variant-emphasized__K1CXV{background-color:var(--pane-emphasized-main-hover-background);color:var(--pane-emphasized-main-hover-text)}.Table-module_tr__7UG8J:not(.Table-module_disableHover__vv-sQ):nth-child(2n):hover>td.Table-module_variant-emphasized__K1CXV{background-color:var(--pane-emphasized-alternate-hover-background);color:var(--pane-emphasized-alternate-hover-text)}.Table-module_td__jv9tA{border-right:var(--border);border-top:var(--border);padding:var(--spacing-2) var(--spacing-3)}.Table-module_td__jv9tA:last-of-type{border-right:0}.Table-module_td__jv9tA .Table-module_width__bS4aU{width:var(--width)}.Table-module_th__PNuEx{border-right:var(--border);font-weight:700;padding:var(--spacing-2) var(--spacing-3);text-align:left;transition:background-color .1s ease,color .1s ease}.Table-module_th__PNuEx:last-of-type{border-right:0}.Table-module_th__PNuEx.Table-module_width__bS4aU{width:var(--width)}.Table-module_th__PNuEx.Table-module_sortable__W4c6P{cursor:pointer;user-select:none}.Table-module_th__PNuEx.Table-module_sortable__W4c6P:hover{background-color:var(--pane-basic-main-hover-background)}.Table-module_th__PNuEx.Table-module_asc__-caTr,.Table-module_th__PNuEx.Table-module_desc__jQI8s{position:relative}.Table-module_th__PNuEx.Table-module_asc__-caTr:after,.Table-module_th__PNuEx.Table-module_desc__jQI8s:after{border:5px solid #0000;content:" ";height:0;position:absolute;right:15px;top:50%;width:0}.Table-module_th__PNuEx.Table-module_asc__-caTr:after{border-top-color:#000;transform:translateY(-25%)}.Table-module_th__PNuEx.Table-module_desc__jQI8s:after{border-bottom-color:#000;transform:translateY(-75%)}
 .Details-module_row__0d8vi{vertical-align:top}.Details-module_row__0d8vi.Details-module_isFirstRow__iVno4{border-top:0!important}
 .Dropdown-module_wrapper__79ooc{position:relative}.Dropdown-module_dropper__uVdEf{background-color:var(--common-white);border:1px solid #22242626;border-radius:4px;box-shadow:0 8px 8px 0 #22242626;position:absolute;z-index:100}.Dropdown-module_dropper__uVdEf.Dropdown-module_left__JYKmP{left:0}.Dropdown-module_dropper__uVdEf.Dropdown-module_right__UefzB{right:0}.Dropdown-module_dropdownMenu__5R4vo{list-style:none;margin:0;padding:calc(var(--spacing)*2) 0}.Dropdown-module_dropdownMenuItem__dj4Gp{cursor:pointer;padding:0 calc(var(--spacing)*3)}.Dropdown-module_dropdownMenuItem__dj4Gp:hover{background-color:#ddd}
-.Dropzone-module_dropzone__xBUrY{align-items:center;border:1px solid #22242626;border-radius:4px;display:flex;flex-direction:column;height:calc(var(--spacing)*25);justify-content:center}.Dropzone-module_dropzone__xBUrY>*{pointerEvents:none}.Dropzone-module_dropzone__xBUrY.Dropzone-module_isReadyToDrop__I9ik7{background-color:#fafafa}.Dropzone-module_hiddenInput__7v6dW{display:none}
+.Dropzone-module_dropzone__WvixK{border:1px solid #22242626;border-radius:4px;min-height:calc(var(--spacing)*25);position:relative}.Dropzone-module_dropzone__WvixK>*{pointerEvents:none}.Dropzone-module_dropzone__WvixK.Dropzone-module_centered__00ZHP{align-items:center;display:flex;flex-direction:column;justify-content:center}.Dropzone-module_dropzone__WvixK.Dropzone-module_isReadyToDrop__NX-Ix{background-color:#fafafa}.Dropzone-module_input__AEKgL.Dropzone-module_idle__HViGO{display:none}.Dropzone-module_input__AEKgL.Dropzone-module_isReadyToDrop__NX-Ix{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0}.Dropzone-module_deleteButton__6zeTi{background-color:initial;border:0;cursor:pointer;outline:0;padding:0;position:absolute;right:0;top:0}.Dropzone-module_deleteButton__6zeTi:after{box-sizing:border-box;color:#0000004d;content:"×";display:table-cell;font-size:20px;height:38px;line-height:38px;padding:0 8px;text-align:center;vertical-align:middle;width:38px}.Dropzone-module_fileName__XqXj8{color:var(--colors-dark);padding-left:var(--spacing-2)}.Dropzone-module_fileName__XqXj8:not(:last-of-type){padding-bottom:var(--spacing-2)}
 .Feedback-module_box__ESWf9{width:300px}
 .Footer-module_box__KZvsx{background-color:var(--common-white);border-top:1px solid #ddd;box-shadow:0 2px 3px #0000000a;box-sizing:border-box}
 .SideBar-module_wrapper__8tZbH{background-color:#243646;bottom:0;display:none;float:left;height:100%;left:0;pointer-events:auto;position:fixed;right:0;top:0;width:100%;z-index:900}.SideBar-module_wrapper__8tZbH.SideBar-module_isMobileMenuOpen__1yI4z{display:block}@media (min-width:1024px){.SideBar-module_wrapper__8tZbH{box-shadow:2px 0 6px -1px #000000bd;display:block;min-width:calc(var(--spacing)*var(--minWidth));position:static;transform:translateX(calc(-100% + var(--spacing)*var(--collapsed-width)));transition:transform .1s ease-out;width:auto}.SideBar-module_wrapper__8tZbH ul{opacity:0}.SideBar-module_wrapper__8tZbH.SideBar-module_isDesktopMenuOpen__S25Jl{transform:translateX(0)}.SideBar-module_wrapper__8tZbH.SideBar-module_isDesktopMenuOpen__S25Jl ul{opacity:1}}

package/dist/src/form/Checkbox/Checkbox.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 interface Props extends React.InputHTMLAttributes<any> {
     dimmed?: boolean;
-    options: Record<string, string>;
+    options: Record<string, string> | [string, string][];
     spacing?: number;
 }
 export declare const Checkbox: React.FC<React.PropsWithChildren<Props>>;

package/dist/src/form/Dropzone/Dropzone.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface Props extends React.InputHTMLAttributes<any> {
+    icon?: JSX.Element;
+    placeholder: string;
+}
+export declare const Dropzone: React.ForwardRefExoticComponent<Props & React.RefAttributes<unknown>>;
+export {};

package/dist/src/form/ScaffoldForm/scaffoldFormProps.d.ts

@@ -61,6 +61,14 @@ export declare const scaffoldFormProps: {
                 };
             };
         };
+        attachments: {
+            type: "DropZone";
+            props: {
+                label: string;
+                icon: JSX.Element;
+                placeholder: string;
+            };
+        };
         terms: {
             type: "Checkbox";
             props: {

package/dist/src/form/ScaffoldForm/types.d.ts

@@ -6,6 +6,7 @@ import { Checkbox } from "../Checkbox/Checkbox";
 import { Select } from "../Select/Select";
 import { FileField } from "../FileField/FileField";
 import { PasswordStrengthField } from "../PasswordStrengthField/PasswordStrenghField";
+import { Dropzone } from "../Dropzone/Dropzone";
 export declare type ScaffoldTextFieldProps = {
     type: "TextField";
     props: React.ComponentPropsWithRef<typeof TextField> & FormGridWrapperProps;
@@ -30,5 +31,9 @@ export declare type ScaffoldFileField = {
     type: "FileField";
     props: React.ComponentPropsWithRef<typeof FileField> & FormGridWrapperProps;
 };
-export declare type ScaffoldAvailableFields = ScaffoldTextFieldProps | ScaffoldPasswordStrengthFieldProps | ScaffoldButtonProps | ScaffoldCheckboxProps | ScaffoldSelectProps | ScaffoldFileField;
+export declare type ScaffoldDropZone = {
+    type: "DropZone";
+    props: React.ComponentPropsWithRef<typeof Dropzone> & FormGridWrapperProps;
+};
+export declare type ScaffoldAvailableFields = ScaffoldTextFieldProps | ScaffoldPasswordStrengthFieldProps | ScaffoldButtonProps | ScaffoldCheckboxProps | ScaffoldSelectProps | ScaffoldFileField | ScaffoldDropZone;
 export declare type Fields = Record<string, ScaffoldAvailableFields>;

package/dist/src/index.d.ts

@@ -10,7 +10,7 @@ export * from "./components/ConfirmButton/ConfirmButton";
 export * from "./components/ConfirmModal/ConfirmModal";
 export * from "./components/Details/Details";
 export * from "./components/Dropdown/Dropdown";
-export * from "./components/Dropzone/Dropzone";
+export * from "./form/Dropzone/Dropzone";
 export * from "./components/Feedback/Feedback";
 export * from "./components/Floater/Floater";
 export * from "./components/Footer/Footer";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "quicksnack",
   "description": "Quickly create beautiful admin layouts using react",
-  "version": "3.51.0",
+  "version": "3.53.0",
   "private": false,
   "files": [
     "dist/**"

package/dist/src/components/Dropzone/Dropzone.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-interface Props extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
-    onChange?: (fileList: File[]) => void;
-    icon?: JSX.Element;
-    label: string;
-}
-export declare const Dropzone: React.FC<React.PropsWithChildren<Props>>;
-export {};