dropdowns-js 1.1.7 → 2.0.0

package/README.md

@@ -46,7 +46,7 @@ export default function MyComponent {
 
 `valueName` - for dropdowns using object type array input. The name of the field that will be used as the underlying unique value of each dropdown item. e.g. 'code', 'id'.
 
-`selectedData` - for multi-selection dropdowns. An array of pre-set selection of options. This is an array of multi-selection dropdowns. Optional.
+`selectedData` - for multi-selection dropdowns. An array of pre-set selection of options. Optional.
 
 `selected` - for single selection dropdowns. A pre-set selected option.
 
@@ -62,6 +62,7 @@ export default function MyComponent {
   
 ## 4. Dropdown usage example
 This dropdown is to be used when the underlying data is a primitive type array.  
+***Javascript example***
 ```  
 import { Dropdown } from 'dropdowns-js';
 import 'dropdowns-js/style.css'; // styles must be imported, otherwise the dropdowns do not display properly.
@@ -99,7 +100,50 @@ export default function MyComponent() {
     );
 }
 ```  
+   
+***Typescript example***
+```  
+import { Dropdown } from 'dropdowns-js';
+import type { DropdownStyle } from 'dropdowns-js';
+import 'dropdowns-js/style.css'; // styles must be imported, otherwise the dropdowns do not display properly.
+import { useState } from 'react';
+
+export default function MyComponent() {
+    const [output, setOutput] = useState('');
+    const fruits = [ "BANANA" "ORANGE", "NAARJIE", "PEACH", "APPLE" ];
+    const myDropdownStyle: DropdownStyle = {color: '#000', backgroundColor: '#66ff66'};
+
+    /**Respond when the user has chosen a fruit */
+    function fruitSelected(selFruit: string) {
+        setOutput(selFruit);
+    }
+
+    return (
+        <div className='' style={{padding: '5px', backgroundColor: 'green'}}>
+            <h1>Dropdown Example</h1>
+            <p>Select a fruit</p>
+            <div style={{padding: '2px', display: 'flex'}}> 
+                <label htmlFor='fruits' style={{width: '70px'}}>Fruit</label>
+
+                <Dropdown
+                    label={'Fruits'}
+                    data={fruits}
+                    sortOrder='asc'
+                    onItemSelected={fruitSelected}
+                    selected={"BANANA"}
+                    dropdownStyle={myDropdownStyle}
+                />
+
+            </div>
+            <p>{output}</p>
+
+        </div>
+    );
+}
+```  
 ## 5. DropdownObj usage example
+
+***Javascript example***
 ```  
 import { DropdownObj } from 'dropdowns-js';
 import 'dropdowns-js/style.css'; // Not to be left out.
@@ -108,7 +152,7 @@ import { useState } from 'react';
 
 export default function MyComponent2() {
     const [output, setOutput] = useState('');
-    const drivingCodes = [
+    const drivingCodes: DrivingCode[] = [
         { code: 'A1', description: 'Light Motorcycles' },
         { code: 'A', description: 'Heavy Motorcycles' },
         { code: 'B', description: 'Light Vehicles' },
@@ -132,7 +176,8 @@ export default function MyComponent2() {
                 <label htmlFor='driving-codes' style={{width: '70px'}}>Driving Codes</label>
 
                 <DropdownObj
-                    label='Driving Codes' data={drivingCodes}
+                    label='Driving Codes'
+                    data={drivingCodes}
                     displayName="description"
                     valueName="code"
                     sortFields={ ['description'] }
@@ -146,7 +191,69 @@ export default function MyComponent2() {
     );
 }
 ```  
-## 6. MultiselectionDropdown usage example 
+   
+
+***Typescript example***
+```  
+import { DropdownObj } from 'dropdowns-js';
+import style { DropdownStyle } from 'dropdowns-js';
+import 'dropdowns-js/style.css'; // Not to be left out.
+
+import { useState } from 'react';
+
+// Model
+interface DrivingCode {  
+  code: string;
+  description: string;
+  minAge: Number;
+};
+
+export default function MyComponent2() {
+    const [output, setOutput] = useState('');
+    const drivingCodes: DrivingCode = [
+        { code: 'A1', description: 'Light Motorcycles' },
+        { code: 'A', description: 'Heavy Motorcycles' },
+        { code: 'B', description: 'Light Vehicles' },
+        { code: 'EB', description: 'Light Articulated' },
+        { code: 'C1', description: 'Heavy Vehicles' },
+        { code: 'C', description: 'Extra Heavy Vehicles' },
+        { code: 'EC1', description: 'Heavy Articulated' },
+        { code: 'EC', description: 'Extra Heavy Articulated' }
+    ];
+
+    /**Respond when the user has chosen a driving code */
+    function drivingCodeSelected(selDrivingCode: DrivingCode) {
+        setOutput(`${selDrivingCode.code} => ${selDrivingCode.description}`);
+    }
+    const dropdownStyle: DropdownStyle = {color: '#000', backgroundColor: '#66ff66'};
+
+    return (
+        <div className='w3-container' style={{padding: '5px', backgroundColor: 'green'}}>
+            <h1>DropdownObj Example</h1>
+            <p>Select driving licence code</p>
+            <div style={{padding: '2px', display: 'flex'}}> 
+                <label htmlFor='driving-codes' style={{width: '70px'}}>Driving Codes</label>
+
+                <DropdownObj
+                    label='Driving Codes'
+                    data={drivingCodes}
+                    displayName="description"
+                    valueName="code"
+                    sortFields={ ['description'] }
+                    onItemSelected={drivingCodeSelected}
+                    selected={drivingCodes[0]}
+                    dropdownStyle={dropdownStyle} />
+            </div>
+
+            <p>{output}</p>
+        </div>
+    );
+}
+```  
+   
+## 6. MultiselectionDropdown usage example  
+   
+***Javascript Example***
 ```  
 import { MultiSelectionDropdown } from 'dropdowns-js';
 import 'dropdowns-js/style.css';
@@ -187,8 +294,55 @@ export default function MyComponent3() {
     );
 }
 ```  
+   
+***Typescript Example***
+```  
+import { MultiSelectionDropdown } from 'dropdowns-js';
+import type { DropdownStyle, ButtonStyle } from 'dropdown-js';
+import 'dropdowns-js/style.css';
+
+import { useState } from 'react';
+
+export default function MyComponent3() {
+    const [output, setOutput] = useState('');
+    const sport = [
+        "Motor Racing", "Cycling", "Wrestling", "Kung Fu", "Boxing", "Basket Ball",
+        "Rugby", "Cricket", "Running", "Soccer", "Netball", "Hockey"
+    ];
+
+    /**Respond when the user has chosen an interest */
+    function sportsSelected(selSports: string) {
+        // Obtain the selected items.
+        const selectedSport = selSports("SPORT").join(", );
+        setOutput(selectedSport);        
+    }
+    const dropdownStyle: DropdownStyle = {color: '#000', backgroundColor: '#66ff66'};
+    const buttonStyle: ButtonStyle = {color: '#fff', backgroundColor: '#008000'};
+
+    return (
+        <div className='container' style={{padding: '5px', backgroundColor: 'green'}}>
+            <h1>MultiSelectionDropdown Example</h1>
+            <p>Select an interest, and then your topic</p>
+            <div style={{padding: '2px', display: 'flex'}}> 
+                <label htmlFor='sport' style={{width: '70px'}}>Sport</label>
 
+                <MultiSelectionDropdown
+                    label='Sport'
+                    data={sport}
+                    onItemsSelected={sportsSelected}
+                    dropdownStyle={dropdownStyle}
+                    buttonStyle={buttonStyle} />
+            </div>
+
+            <>{output}</>
+        </div>
+    );
+}
+```  
+   
 ## 7. MultiSelectionDropdownObj usage example
+   
+***Javascript Example***   
 ```  
 import 'dropdowns-js/style.css';
 import { MultiSelectionDropdownObj } from 'dropdowns-js';
@@ -213,8 +367,7 @@ export default function MyComponent4() {
     function drivCodesSelected(selDrivCode) {
         // Create a string array of driving codes.
         const strSelectedCodes = selDrivCodes.map((drivCode)=> drivCode.code)
-                                    .map(drivCode => drivCode.code)
-                                    .join(", ");
+                                             .join(", ");
         setOutput(strSelectedCodes);
     }
 
@@ -246,6 +399,72 @@ export default function MyComponent4() {
     );
 }
 ```  
+   
+***Typescript Example***   
+```  
+import 'dropdowns-js/style.css';
+import { MultiSelectionDropdownObj } from 'dropdowns-js';
+
+import { useState } from 'react';
+
+// Model
+interface DrivingCode {  
+  code: string;
+  description: string;
+  minAge: Number;
+};
+
+export default function MyComponent4() {
+    const [output, setOutput] = useState('');
+    const drivingCodes = [
+        { code: 'A1', description: 'Light Motorcycles' },
+        { code: 'A', description: 'Heavy Motorcycles' },
+        { code: 'B', description: 'Light Vehicles' },
+        { code: 'EB', description: 'Light Articulated' },
+        { code: 'C1', description: 'Heavy Vehicles' },
+        { code: 'C', description: 'Extra Heavy Vehicles' },
+        { code: 'EC1', description: 'Heavy Articulated' },
+        { code: 'EC', description: 'Extra Heavy Articulated' }
+    ];
+
+    /**Respond when the user has chosen an interest */
+    function drivCodesSelected(selDrivCode: DrivingCode) {
+        // Create a string array of driving codes.
+        const strSelectedCodes = selDrivCodes.map((drivCode)=> drivCode.code)
+                                             .join(", ");
+        setOutput(strSelectedCodes);
+    }
+    const dropdownStyle: DropdownStyle = {color: '#000', backgroundColor: '#66ff66'};
+    const buttonStyle: ButtonStyle = {color: '#fff', backgroundColor: '#008000'};
+
+    return (
+        <div className='container' style={{padding: '5px', backgroundColor: 'green'}}>
+            <h1>MultiSelectionDropdownObj Example</h1>
+            <p>Select an interest, and then your topic</p>
+            <div style={{padding: '2px', display: 'flex'}}> 
+                <label htmlFor={'driving-licence-codes'} style={{width: '100px'}}>Lic. Codes</label>
+                <MultiSelectionDropdownObj
+                    label='Driving Licence Codes'
+                    data={drivingCodes}
+                    sortFields={ ['description'] }
+                    valueName='code'
+                    displayName='description'
+                    onItemsSelected={drivCodeSelected}
+                    isDisabled={false}
+                    dropdownStyle={dropdownStyle}
+                    buttonStyle={buttonStyle} />
+            </div>
+
+            {(output.length > 0) &&  
+              <div style={{ marginTop: '10px', padding: '5px' }}>
+                  {output}
+              </div>
+            }
+
+        </div>
+    );
+}
+```  
 
 ## License
-MIT
+MIT

package/dist/dropdowns-js.cjs.js

@@ -1,6 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("react/jsx-runtime"),_=require("react");function _e(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}var oe={exports:{}},ie={exports:{}},V={};var he;function Ie(){if(he)return V;he=1;var n=typeof Symbol=="function"&&Symbol.for,C=n?Symbol.for("react.element"):60103,L=n?Symbol.for("react.portal"):60106,S=n?Symbol.for("react.fragment"):60107,$=n?Symbol.for("react.strict_mode"):60108,p=n?Symbol.for("react.profiler"):60114,w=n?Symbol.for("react.provider"):60109,m=n?Symbol.for("react.context"):60110,T=n?Symbol.for("react.async_mode"):60111,x=n?Symbol.for("react.concurrent_mode"):60111,v=n?Symbol.for("react.forward_ref"):60112,g=n?Symbol.for("react.suspense"):60113,A=n?Symbol.for("react.suspense_list"):60120,O=n?Symbol.for("react.memo"):60115,F=n?Symbol.for("react.lazy"):60116,D=n?Symbol.for("react.block"):60121,M=n?Symbol.for("react.fundamental"):60117,Z=n?Symbol.for("react.responder"):60118,X=n?Symbol.for("react.scope"):60119;function K(o){if(typeof o=="object"&&o!==null){var J=o.$$typeof;switch(J){case C:switch(o=o.type,o){case T:case x:case S:case p:case $:case g:return o;default:switch(o=o&&o.$$typeof,o){case m:case v:case F:case O:case w:return o;default:return J}}case L:return J}}}function z(o){return K(o)===x}return V.AsyncMode=T,V.ConcurrentMode=x,V.ContextConsumer=m,V.ContextProvider=w,V.Element=C,V.ForwardRef=v,V.Fragment=S,V.Lazy=F,V.Memo=O,V.Portal=L,V.Profiler=p,V.StrictMode=$,V.Suspense=g,V.isAsyncMode=function(o){return z(o)||K(o)===T},V.isConcurrentMode=z,V.isContextConsumer=function(o){return K(o)===m},V.isContextProvider=function(o){return K(o)===w},V.isElement=function(o){return typeof o=="object"&&o!==null&&o.$$typeof===C},V.isForwardRef=function(o){return K(o)===v},V.isFragment=function(o){return K(o)===S},V.isLazy=function(o){return K(o)===F},V.isMemo=function(o){return K(o)===O},V.isPortal=function(o){return K(o)===L},V.isProfiler=function(o){return K(o)===p},V.isStrictMode=function(o){return K(o)===$},V.isSuspense=function(o){return K(o)===g},V.isValidElementType=function(o){return typeof o=="string"||typeof o=="function"||o===S||o===x||o===p||o===$||o===g||o===A||typeof o=="object"&&o!==null&&(o.$$typeof===F||o.$$typeof===O||o.$$typeof===w||o.$$typeof===m||o.$$typeof===v||o.$$typeof===M||o.$$typeof===Z||o.$$typeof===X||o.$$typeof===D)},V.typeOf=K,V}var W={};var ye;function De(){return ye||(ye=1,process.env.NODE_ENV!=="production"&&(function(){var n=typeof Symbol=="function"&&Symbol.for,C=n?Symbol.for("react.element"):60103,L=n?Symbol.for("react.portal"):60106,S=n?Symbol.for("react.fragment"):60107,$=n?Symbol.for("react.strict_mode"):60108,p=n?Symbol.for("react.profiler"):60114,w=n?Symbol.for("react.provider"):60109,m=n?Symbol.for("react.context"):60110,T=n?Symbol.for("react.async_mode"):60111,x=n?Symbol.for("react.concurrent_mode"):60111,v=n?Symbol.for("react.forward_ref"):60112,g=n?Symbol.for("react.suspense"):60113,A=n?Symbol.for("react.suspense_list"):60120,O=n?Symbol.for("react.memo"):60115,F=n?Symbol.for("react.lazy"):60116,D=n?Symbol.for("react.block"):60121,M=n?Symbol.for("react.fundamental"):60117,Z=n?Symbol.for("react.responder"):60118,X=n?Symbol.for("react.scope"):60119;function K(u){return typeof u=="string"||typeof u=="function"||u===S||u===x||u===p||u===$||u===g||u===A||typeof u=="object"&&u!==null&&(u.$$typeof===F||u.$$typeof===O||u.$$typeof===w||u.$$typeof===m||u.$$typeof===v||u.$$typeof===M||u.$$typeof===Z||u.$$typeof===X||u.$$typeof===D)}function z(u){if(typeof u=="object"&&u!==null){var te=u.$$typeof;switch(te){case C:var ne=u.type;switch(ne){case T:case x:case S:case p:case $:case g:return ne;default:var pe=ne&&ne.$$typeof;switch(pe){case m:case v:case F:case O:case w:return pe;default:return te}}case L:return te}}}var o=T,J=x,Q=m,G=w,r=C,i=v,d=S,t=F,a=O,h=L,f=p,E=$,l=g,y=!1;function I(u){return y||(y=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),e(u)||z(u)===T}function e(u){return z(u)===x}function s(u){return z(u)===m}function b(u){return z(u)===w}function R(u){return typeof u=="object"&&u!==null&&u.$$typeof===C}function P(u){return z(u)===v}function N(u){return z(u)===S}function k(u){return z(u)===F}function q(u){return z(u)===O}function Y(u){return z(u)===L}function B(u){return z(u)===p}function U(u){return z(u)===$}function ee(u){return z(u)===g}W.AsyncMode=o,W.ConcurrentMode=J,W.ContextConsumer=Q,W.ContextProvider=G,W.Element=r,W.ForwardRef=i,W.Fragment=d,W.Lazy=t,W.Memo=a,W.Portal=h,W.Profiler=f,W.StrictMode=E,W.Suspense=l,W.isAsyncMode=I,W.isConcurrentMode=e,W.isContextConsumer=s,W.isContextProvider=b,W.isElement=R,W.isForwardRef=P,W.isFragment=N,W.isLazy=k,W.isMemo=q,W.isPortal=Y,W.isProfiler=B,W.isStrictMode=U,W.isSuspense=ee,W.isValidElementType=K,W.typeOf=z})()),W}var me;function Te(){return me||(me=1,process.env.NODE_ENV==="production"?ie.exports=Ie():ie.exports=De()),ie.exports}var se,ge;function ke(){if(ge)return se;ge=1;var n=Object.getOwnPropertySymbols,C=Object.prototype.hasOwnProperty,L=Object.prototype.propertyIsEnumerable;function S(p){if(p==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(p)}function $(){try{if(!Object.assign)return!1;var p=new String("abc");if(p[5]="de",Object.getOwnPropertyNames(p)[0]==="5")return!1;for(var w={},m=0;m<10;m++)w["_"+String.fromCharCode(m)]=m;var T=Object.getOwnPropertyNames(w).map(function(v){return w[v]});if(T.join("")!=="0123456789")return!1;var x={};return"abcdefghijklmnopqrst".split("").forEach(function(v){x[v]=v}),Object.keys(Object.assign({},x)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}return se=$()?Object.assign:function(p,w){for(var m,T=S(p),x,v=1;v<arguments.length;v++){m=Object(arguments[v]);for(var g in m)C.call(m,g)&&(T[g]=m[g]);if(n){x=n(m);for(var A=0;A<x.length;A++)L.call(m,x[A])&&(T[x[A]]=m[x[A]])}}return T},se}var ae,ve;function fe(){if(ve)return ae;ve=1;var n="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";return ae=n,ae}var ce,be;function Ee(){return be||(be=1,ce=Function.call.bind(Object.prototype.hasOwnProperty)),ce}var le,Se;function Me(){if(Se)return le;Se=1;var n=function(){};if(process.env.NODE_ENV!=="production"){var C=fe(),L={},S=Ee();n=function(p){var w="Warning: "+p;typeof console<"u"&&console.error(w);try{throw new Error(w)}catch{}}}function $(p,w,m,T,x){if(process.env.NODE_ENV!=="production"){for(var v in p)if(S(p,v)){var g;try{if(typeof p[v]!="function"){var A=Error((T||"React class")+": "+m+" type `"+v+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof p[v]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw A.name="Invariant Violation",A}g=p[v](w,v,T,m,null,C)}catch(F){g=F}if(g&&!(g instanceof Error)&&n((T||"React class")+": type specification of "+m+" `"+v+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof g+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),g instanceof Error&&!(g.message in L)){L[g.message]=!0;var O=x?x():"";n("Failed "+m+" type: "+g.message+(O??""))}}}}return $.resetWarningCache=function(){process.env.NODE_ENV!=="production"&&(L={})},le=$,le}var ue,we;function qe(){if(we)return ue;we=1;var n=Te(),C=ke(),L=fe(),S=Ee(),$=Me(),p=function(){};process.env.NODE_ENV!=="production"&&(p=function(m){var T="Warning: "+m;typeof console<"u"&&console.error(T);try{throw new Error(T)}catch{}});function w(){return null}return ue=function(m,T){var x=typeof Symbol=="function"&&Symbol.iterator,v="@@iterator";function g(e){var s=e&&(x&&e[x]||e[v]);if(typeof s=="function")return s}var A="<<anonymous>>",O={array:Z("array"),bigint:Z("bigint"),bool:Z("boolean"),func:Z("function"),number:Z("number"),object:Z("object"),string:Z("string"),symbol:Z("symbol"),any:X(),arrayOf:K,element:z(),elementType:o(),instanceOf:J,node:i(),objectOf:G,oneOf:Q,oneOfType:r,shape:t,exact:a};function F(e,s){return e===s?e!==0||1/e===1/s:e!==e&&s!==s}function D(e,s){this.message=e,this.data=s&&typeof s=="object"?s:{},this.stack=""}D.prototype=Error.prototype;function M(e){if(process.env.NODE_ENV!=="production")var s={},b=0;function R(N,k,q,Y,B,U,ee){if(Y=Y||A,U=U||q,ee!==L){if(T){var u=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw u.name="Invariant Violation",u}else if(process.env.NODE_ENV!=="production"&&typeof console<"u"){var te=Y+":"+q;!s[te]&&b<3&&(p("You are manually calling a React.PropTypes validation function for the `"+U+"` prop on `"+Y+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),s[te]=!0,b++)}}return k[q]==null?N?k[q]===null?new D("The "+B+" `"+U+"` is marked as required "+("in `"+Y+"`, but its value is `null`.")):new D("The "+B+" `"+U+"` is marked as required in "+("`"+Y+"`, but its value is `undefined`.")):null:e(k,q,Y,B,U)}var P=R.bind(null,!1);return P.isRequired=R.bind(null,!0),P}function Z(e){function s(b,R,P,N,k,q){var Y=b[R],B=E(Y);if(B!==e){var U=l(Y);return new D("Invalid "+N+" `"+k+"` of type "+("`"+U+"` supplied to `"+P+"`, expected ")+("`"+e+"`."),{expectedType:e})}return null}return M(s)}function X(){return M(w)}function K(e){function s(b,R,P,N,k){if(typeof e!="function")return new D("Property `"+k+"` of component `"+P+"` has invalid PropType notation inside arrayOf.");var q=b[R];if(!Array.isArray(q)){var Y=E(q);return new D("Invalid "+N+" `"+k+"` of type "+("`"+Y+"` supplied to `"+P+"`, expected an array."))}for(var B=0;B<q.length;B++){var U=e(q,B,P,N,k+"["+B+"]",L);if(U instanceof Error)return U}return null}return M(s)}function z(){function e(s,b,R,P,N){var k=s[b];if(!m(k)){var q=E(k);return new D("Invalid "+P+" `"+N+"` of type "+("`"+q+"` supplied to `"+R+"`, expected a single ReactElement."))}return null}return M(e)}function o(){function e(s,b,R,P,N){var k=s[b];if(!n.isValidElementType(k)){var q=E(k);return new D("Invalid "+P+" `"+N+"` of type "+("`"+q+"` supplied to `"+R+"`, expected a single ReactElement type."))}return null}return M(e)}function J(e){function s(b,R,P,N,k){if(!(b[R]instanceof e)){var q=e.name||A,Y=I(b[R]);return new D("Invalid "+N+" `"+k+"` of type "+("`"+Y+"` supplied to `"+P+"`, expected ")+("instance of `"+q+"`."))}return null}return M(s)}function Q(e){if(!Array.isArray(e))return process.env.NODE_ENV!=="production"&&(arguments.length>1?p("Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."):p("Invalid argument supplied to oneOf, expected an array.")),w;function s(b,R,P,N,k){for(var q=b[R],Y=0;Y<e.length;Y++)if(F(q,e[Y]))return null;var B=JSON.stringify(e,function(ee,u){var te=l(u);return te==="symbol"?String(u):u});return new D("Invalid "+N+" `"+k+"` of value `"+String(q)+"` "+("supplied to `"+P+"`, expected one of "+B+"."))}return M(s)}function G(e){function s(b,R,P,N,k){if(typeof e!="function")return new D("Property `"+k+"` of component `"+P+"` has invalid PropType notation inside objectOf.");var q=b[R],Y=E(q);if(Y!=="object")return new D("Invalid "+N+" `"+k+"` of type "+("`"+Y+"` supplied to `"+P+"`, expected an object."));for(var B in q)if(S(q,B)){var U=e(q,B,P,N,k+"."+B,L);if(U instanceof Error)return U}return null}return M(s)}function r(e){if(!Array.isArray(e))return process.env.NODE_ENV!=="production"&&p("Invalid argument supplied to oneOfType, expected an instance of array."),w;for(var s=0;s<e.length;s++){var b=e[s];if(typeof b!="function")return p("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+y(b)+" at index "+s+"."),w}function R(P,N,k,q,Y){for(var B=[],U=0;U<e.length;U++){var ee=e[U],u=ee(P,N,k,q,Y,L);if(u==null)return null;u.data&&S(u.data,"expectedType")&&B.push(u.data.expectedType)}var te=B.length>0?", expected one of type ["+B.join(", ")+"]":"";return new D("Invalid "+q+" `"+Y+"` supplied to "+("`"+k+"`"+te+"."))}return M(R)}function i(){function e(s,b,R,P,N){return h(s[b])?null:new D("Invalid "+P+" `"+N+"` supplied to "+("`"+R+"`, expected a ReactNode."))}return M(e)}function d(e,s,b,R,P){return new D((e||"React class")+": "+s+" type `"+b+"."+R+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+P+"`.")}function t(e){function s(b,R,P,N,k){var q=b[R],Y=E(q);if(Y!=="object")return new D("Invalid "+N+" `"+k+"` of type `"+Y+"` "+("supplied to `"+P+"`, expected `object`."));for(var B in e){var U=e[B];if(typeof U!="function")return d(P,N,k,B,l(U));var ee=U(q,B,P,N,k+"."+B,L);if(ee)return ee}return null}return M(s)}function a(e){function s(b,R,P,N,k){var q=b[R],Y=E(q);if(Y!=="object")return new D("Invalid "+N+" `"+k+"` of type `"+Y+"` "+("supplied to `"+P+"`, expected `object`."));var B=C({},b[R],e);for(var U in B){var ee=e[U];if(S(e,U)&&typeof ee!="function")return d(P,N,k,U,l(ee));if(!ee)return new D("Invalid "+N+" `"+k+"` key `"+U+"` supplied to `"+P+"`.\nBad object: "+JSON.stringify(b[R],null,"  ")+`
-Valid keys: `+JSON.stringify(Object.keys(e),null,"  "));var u=ee(q,U,P,N,k+"."+U,L);if(u)return u}return null}return M(s)}function h(e){switch(typeof e){case"number":case"string":case"undefined":return!0;case"boolean":return!e;case"object":if(Array.isArray(e))return e.every(h);if(e===null||m(e))return!0;var s=g(e);if(s){var b=s.call(e),R;if(s!==e.entries){for(;!(R=b.next()).done;)if(!h(R.value))return!1}else for(;!(R=b.next()).done;){var P=R.value;if(P&&!h(P[1]))return!1}}else return!1;return!0;default:return!1}}function f(e,s){return e==="symbol"?!0:s?s["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&s instanceof Symbol:!1}function E(e){var s=typeof e;return Array.isArray(e)?"array":e instanceof RegExp?"object":f(s,e)?"symbol":s}function l(e){if(typeof e>"u"||e===null)return""+e;var s=E(e);if(s==="object"){if(e instanceof Date)return"date";if(e instanceof RegExp)return"regexp"}return s}function y(e){var s=l(e);switch(s){case"array":case"object":return"an "+s;case"boolean":case"date":case"regexp":return"a "+s;default:return s}}function I(e){return!e.constructor||!e.constructor.name?A:e.constructor.name}return O.checkPropTypes=$,O.resetWarningCache=$.resetWarningCache,O.PropTypes=O,O},ue}var de,je;function Ae(){if(je)return de;je=1;var n=fe();function C(){}function L(){}return L.resetWarningCache=C,de=function(){function S(w,m,T,x,v,g){if(g!==n){var A=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw A.name="Invariant Violation",A}}S.isRequired=S;function $(){return S}var p={array:S,bigint:S,bool:S,func:S,number:S,object:S,string:S,symbol:S,any:S,arrayOf:$,element:S,elementType:S,instanceOf:$,node:S,objectOf:$,oneOf:$,oneOfType:$,shape:$,exact:$,checkPropTypes:L,resetWarningCache:C};return p.PropTypes=p,p},de}var xe;function ze(){if(xe)return oe.exports;if(xe=1,process.env.NODE_ENV!=="production"){var n=Te(),C=!0;oe.exports=qe()(n.isElement,C)}else oe.exports=Ae()();return oe.exports}var Le=ze();const c=_e(Le);var H={},Ce;function Ne(){if(Ce)return H;Ce=1;function n(r){return r?/^[a-zA-Z][a-zA-Z0-9_-]{2,50}$/.test(r):!1}H.isValidUserName=n;function C(r){return r?/^[A-Za-z' -]{2,50}$/.test(r):!1}H.isValidName=C;function L(r){return r?/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/.test(r):!1}H.isValidEmail=L;function S(r){return r?/^[0-9]{10,15}$/g.test(r):!1}H.isValidPhoneNum=S;function $(r){return r?/^[a-zA-Z0-9.\-\(\) ]{2,}$/.test(r):!1}H.isValidOrganisationName=$;function p(r){return!(!r||r.length<6||/[A-Z]/.test(r)===!1||/[a-z]/.test(r)===!1||/[0-9]/.test(r)===!1||/[\s]/.test(r)||/[\][!"#$%&'()*+,./:;<=>?@^\\_`{|}~-]/.test(r)===!1)}H.isValidPassword=p;function w(r){let i=r.getFullYear(),d=r.getMonth()+1;d=T(d,2);let t=r.getDate();return t=T(t,2),`${i}-${d}-${t}`}H.timeStampYyyyMmDd=w;function m(r){let i=T(r.getHours(),2),d=T(r.getMinutes(),2),t=T(r.getSeconds(),2),a=T(r.getMilliseconds(),3);return`${w(r)}T${i}:${d}:${t}.${a}`}H.timeStampString=m;function T(r,i){let d=r+"";const t=i-d.length;for(let a=1;a<=t;a++)d="0"+d;return d}H.addLeadingZeros=T;function x(r){return new Intl.NumberFormat("en-US",{style:"currency",currency:"ZAR"}).format(r).replace(/ZAR/gi,"R")}H.toZarCurrencyFormat=x;function v(r){if(Object.prototype.toString.call(r)!=="[object Object]")return r instanceof Date?new Date(r):(["string","number","boolean"].includes(typeof r),r);const i=[{...r}];let d=0;for(;d<i.length;){let t=i[d];if(Object.prototype.toString.call(t)==="[object Object]")for(let a in t)t[a]instanceof Date?t[a]=new Date(t[a]):Object.prototype.toString.call(t[a])==="[object Object]"&&(t[a]={...t[a]}),i.push(t[a]);d++}return i[0]}H.deepClone=v;function g(r){const i=[{value:r}];let d=0;for(;d<i.length;){const t=i[d];if(Object.prototype.toString.call(t.value)==="[object Object]"){for(const a in t.value){let h=t.path?t.path+"."+a:a;i.push({value:t.value[a],path:h})}t.remove=!0}d++}return i.filter(t=>!t.remove).map(t=>t.path)}H.getPaths=g;function A(r){let i=v(r),d=0;const t=g(i).toSorted();sortedObj={};for(d in t){const a=t[d],h=O(i,a);F(sortedObj,a,h)}return sortedObj}H.getSortedObject=A;function O(r,i,d=void 0){let t=i.split("."),a=r;for(let h in t){let f=t[h];if(a[f]===void 0||(a=a[f],a===void 0))return d}return a}H.get=O;function F(r,i,d){let t=r,a=i.split(".");for(let h in a){let f=a[h];h<a.length-1?(f in t||(t[f]={}),t=t[f]):t[f]=d}}H.set=F;function D(r,i){let d=i.split("."),t=r;for(let a in d){let h=d[a];if(Object.prototype.toString.call(t)!=="[object Object]"||t[h]===void 0)return;a<d.length-1?t=t[h]:delete t[h]}}H.unset=D;function M(r,...i){if(!i||!i.length)throw new Error("fields must be specified");const d=g(r);let t=0;for(const a in d){const h=d[a];if(i.includes(h))t++;else return!1}return t>0}H.hasOnly=M;function Z(r,...i){if(!i||!i.length)throw new Error("fields must be specified");const d=g(r);let t=0;for(const a in i){const h=i[a];if(d.includes(h))t++;else return!1}return t===i.length}H.hasAll=Z;function X(r,...i){return M(r,...i)&&Z(r,...i)}H.hasOnlyAll=X;function K(r,i,d=0,t="asc"){const a=["asc","desc"];if(!["asc","desc"].includes(t))throw new Error(`arraySortDir must be one of ${a}`);if(r.length===0)return-1;let h=d,f=r.length-1;for(;h<f;){if(z(r[h],i)===0)return h;if(z(r[f],i)===0)return f;const E=Math.trunc((h+f)/2),l=z(r[E],i,t);if(l<0)h=E+1;else if(l>0)f=E-1;else return E}return h}H.binarySearch=K;function z(r,i,d="asc"){if(!["asc","desc"].includes(d))throw new Error(`sortDir must be one of ${d}`);const t=d==="desc"?-1:1;return r>i?t:r<i?-t:0}H.compare=z;function o(r,i,d=0,...t){if(r.length===0)return-1;let a=d,h=r.length-1;for(;a<h;){if(G(r[a],i,...t)===0)return a;if(G(r[h],i,...t)===0)return h;let f=Math.trunc((a+h)/2);if(G(r[f],i,...t)<0)a=f+1;else if(G(r[f],i,...t)>0)h=f-1;else return f}return a}H.binarySearchObj=o;function J(r,i,d,...t){let a=d,h=r.length-1;if(a>=r.length)throw new Error("startFrom is outside the bounds of the array.");if(G(i,r[a],...t)>0)throw new Error("targetObj is to the right ('greater than') objArray[startFrom].");for(;a<h;){let f=Math.trunc((a+h)/2);G(i,r[f],...t)===0?a=f+1:G(i,r[f],...t)<0&&(h=f)}return G(i,r[a],...t)===0?-1:a}H.getNextDifferent=J;function Q(r,i,...d){if(r.length<=1)return[...r];if(typeof i!="boolean")throw new Error("firstOfDuplicates must be boolean true or false.");const t=[];let a=0;for(;a<r.length-1&&(i&&t.push(r[a]),a=J(r,r[a],a+1,...d),!(a<0));){let h=a-1;i||t.push(r[h])}return t.length===0?i?t.push(r[0]):t.push(r[r.length-1]):G(t[t.length-1],r[r.length-1],...d)!==0&&t.push(r[r.length-1]),t}H.getObjArrayWithNoDuplicates=Q;function G(r,i,...d){if(d.length===0)throw new Error("comparisonFields not supplied!");const t=["","asc","desc"];for(const a in d){const h=d[a].split(" "),f=h[0];let E="";if(h.length===2&&(E=h[1]),!t.includes(E))throw new Error("Sort direction must be one of "+t.toString());const l=O(r,f),y=O(i,f),I=E==="desc"?-1:1;if(l>y)return I;if(l<y)return-I}return 0}return H.objCompare=G,H}var re=Ne();function Oe({label:n,data:C,sortOrder:L="asc",onItemSelected:S=null,selected:$=null,selReset:p=!1,dropdownStyle:w,isDisabled:m=!1}){const T=_.useId(),[x,v]=_.useState(!1),[g,A]=_.useState(""),O=_.useMemo(()=>C.toSorted(G),[C]),F=_.useMemo(()=>{if(g.length===0)return O;const f=g.toUpperCase();return O.filter(E=>E.toUpperCase().includes(f))},[O,g]),[D,M]=_.useState(""),[Z,X]=_.useState(null),K=_.useMemo(()=>{let f="",E;return Z&&p===!1?(E=C.findIndex(l=>l===Z),E>=0&&(f=C[E])):$&&(E=C.findIndex(l=>l===$),E>=0&&(f=C[E])),M(f),f},[p,$,Z]),[z,o]=_.useState(0);_.useEffect(()=>{z>0&&Z&&S&&S(K)},[z]);const J=(()=>{const f={backgroundColor:w?.backgroundColor,color:w?.color};return w?.fontSize&&(f.fontSize=w?.fontSize),f})(),Q=w?.borderColor;function G(f,E){return re.compare(f,E,L)}function r(f){A(f.target.value),M(f.target.value),a()}async function i(f){p||(M(f),A(""),X(f),t(),o(E=>E+1))}function d(){x?t():a()}function t(){v(!1)}function a(){F.length>0&&v(!0)}const h={dropdownSearch:`dropdownSearch-${T}`,dropdown:`dropdown-${T}`};return j.jsxs("div",{className:`dropdown-js dropdown-js-rounded
-                         ${Q&&`dropdown-js-border ${Q}`}`,style:{...m?{pointerEvents:"none"}:{}},children:[j.jsxs("div",{className:"dropdown-js-input-wrapper dropdown-js-rounded",style:J,children:[j.jsx("input",{id:h.dropdownSearch,name:"dropdownSearch",className:"dropdown-js-input dropdown-js-rounded",autoComplete:"off",type:"text",style:J,role:"combobox","aria-placeholder":`Type to Search for ${n}`,"aria-required":!0,"aria-controls":h.dropdown,"aria-autocomplete":"list","aria-haspopup":"listbox","aria-expanded":x,onChange:f=>r(f),disabled:m,placeholder:`Type to Search for ${n}`,value:D}),j.jsx("div",{className:"dropdown-js-arrow-container dropdown-js-padding dropdown-js-rounded","aria-expanded":x,"aria-controls":"multiSelectionDropdown","aria-label":`${n} options`,onClick:f=>d(),children:j.jsx("span",{className:"dropdown-js-arrow dropdown-js-padding","aria-label":`${n} options`,"aria-expanded":x,children:x?"-":"+"})})]}),j.jsx("div",{className:`dropdown-js-padding dropdown-js-menu ${!x&&"dropdown-js-hide"}`,id:h.dropdown,name:"dropDown",role:"listbox","aria-expanded":x,disabled:m,"aria-label":n,style:{...J,marginTop:"3.5px"},children:F.map((f,E)=>j.jsxs("div",{name:f,role:"option","aria-label":f,style:{cursor:"pointer"},onClick:l=>i(f),children:[f,E<F.length-1&&j.jsx("hr",{style:{borderColor:J.color}})]},`${E}#${f}`))})]})}Oe.propTypes={label:c.string.isRequired,data:c.array.isRequired,sortOrder:c.string,selected:c.any,selReset:c.bool,isDisabled:c.bool,onItemSelected:c.func,dropdownStyle:c.shape({color:c.string.isRequired,backgroundColor:c.string.isRequired,fontSize:c.string,borderColor:c.string}),buttonStyle:c.shape({color:c.string.isRequired,backgroundColor:c.string.isRequired,fontSize:c.string,borderColor:c.string})};function $e({label:n,data:C,sortFields:L,selected:S=null,selReset:$=!1,displayName:p,valueName:w,isDisabled:m=!1,onItemSelected:T=null,dropdownStyle:x}){const v=_.useId(),[g,A]=_.useState(null),[O,F]=_.useState(""),D=_.useMemo(()=>C.length>0?re.getPaths(C[0]):[],[C]),M=_.useMemo(()=>C.toSorted(t),[C]),Z=_.useMemo(()=>{if(O.length===0)return M;const y=O.toUpperCase();return M.filter(I=>I[p].toUpperCase().toUpperCase().includes(y))},[O,M]),[X,K]=_.useState(0);_.useEffect(()=>{X>0&&J!==null&&T&&T(G)},[X]);const[z,o]=_.useState(""),[J,Q]=_.useState(null),G=_.useMemo(()=>{let y=null,I;return J&&$===!1?(I=C.findIndex(e=>re.objCompare(e,J,...D)===0),I>=0&&(y=C[I])):S&&(I=C.findIndex(e=>re.objCompare(e,S,...D)===0),I>=0&&(y=C[I])),o(y?y[p]:""),y},[S,J]),r=(()=>{const y={backgroundColor:x?.backgroundColor,color:x?.color};return x?.fontSize&&(y.fontSize=x?.fontSize),y})(),i=x?.borderColor;async function d(y){F(y.target.value),o(y.target.value),E()}function t(y,I){return re.objCompare(y,I,...L)}function a(y){$||(Q({...y}),F(""),f(),K(I=>I+1))}function h(){g?f():E()}function f(){A(!1)}function E(){Z.length>0&&A(!0)}const l={dropdownSearch:`dropdownObjSearch-${v}`,dropdownObj:`dropdownObj-${v}`};return j.jsxs("div",{className:`dropdown-js dropdown-js-rounded
-                         ${i&&`dropdown-js-border ${i}`}`,style:{...m?{pointerEvents:"none"}:{}},children:[j.jsxs("div",{className:"dropdown-js-input-wrapper dropdown-js-rounded",style:r,children:[j.jsx("input",{id:l.dropdownSearch,name:"dropdownObjSearch",className:"dropdown-js-input dropdown-js-rounded",style:r,type:"text",autoComplete:"off",role:"combobox","aria-autocomplete":"list","aria-controls":l.dropdownObj,"aria-expanded":g,"aria-placeholder":`Type to Search for ${n}`,"aria-required":!0,onChange:y=>d(y),disabled:m,placeholder:`Type to Search for ${n}`,value:z}),j.jsx("div",{className:"dropdown-js-arrow-container dropdown-js-padding dropdown-js-rounded","aria-label":`${n} options`,"aria-expanded":g,onClick:y=>h(),children:j.jsx("span",{className:"dropdown-js-arrow dropdown-js-padding",children:g?"-":"+"})})]}),j.jsx("div",{className:`dropdown-js-padding dropdown-js-menu ${!g&&"dropdown-js-hide"}`,id:l.dropdownObj,name:"dropDownObj",role:"listbox","aria-expanded":g,style:{...r,marginTop:"3.5px"},children:Z.map((y,I)=>j.jsxs("div",{name:y[p],role:"option","aria-label":y[p],style:{cursor:"pointer"},onClick:e=>a(y),children:[y[p],I<Z.length-1&&j.jsx("hr",{style:{borderColor:r.color}})]},`${y[w]}${I}`))})]})}$e.propTypes={label:c.string.isRequired,data:c.arrayOf(c.object).isRequired,sortFields:c.arrayOf(c.string).isRequired,selected:c.object,tick:c.number,displayName:c.string.isRequired,valueName:c.string.isRequired,isDisabled:c.bool,onItemSelected:c.func,dropdownStyle:c.shape({color:c.string.isRequired,backgroundColor:c.string.isRequired,fontSize:c.string,borderColor:c.string})};function Re({label:n,data:C,sortFields:L,selectedData:S=[],selReset:$=!1,maxNumSelections:p=null,displayName:w,valueName:m,isDisabled:T=!1,onItemsSelected:x=null,dropdownStyle:v,buttonStyle:g}){const A=_.useId(),[O,F]=_.useState(!1),D=_.useMemo(()=>C.length>0?re.getPaths(C[0]):[],[C]),[M,Z]=_.useState(""),X=_.useMemo(()=>C.toSorted(d),[C]),[K,z]=_.useState(0),[o,J]=_.useState(null),Q=_.useMemo(()=>{let e=$===!1&&o?[...o]:[...S];return e=e.filter(s=>X.some(b=>re.objCompare(s,b,...D)===0)),p&&e.length>p&&(e=e.slice(0,p-1)),e.toSorted(d)},[X,S,o]);_.useEffect(()=>{K>0&&o&&x&&x([...Q])},[K]);const G=_.useMemo(()=>{const e=M.toUpperCase();return e.length===0?X:X.filter(s=>s[w].toUpperCase().includes(e))},[M,X]),r=(()=>{const e={backgroundColor:v?.backgroundColor,color:v?.color};return v?.fontSize&&(e.fontSize=v?.fontSize),e})(),i=v?.borderColor;function d(e,s){return re.objCompare(e,s,...L)}function t(e){Z(e.target.value),y()}function a(e){$||J(s=>{let b=s?[...s]:[...Q];return b.some(R=>re.objCompare(R,e,...D)===0)?b=b.filter(R=>re.objCompare(R,e,...D)!==0):(p===null||b.length<p)&&b.push(e),b})}function h(e){return Q.some(s=>re.objCompare(s,e,...D)===0)}function f(e){$||(J(s=>{let b=s?[...s]:[...Q];return b=b.filter(R=>re.objCompare(R,e,...D)!==0),b}),z(s=>s+1))}function E(){O?l():y()}function l(){F(!1),z(e=>e+1)}function y(){G.length>0&&F(!0)}const I={multiSelectionDropdownObjSearch:`multiSelectionDropdownSearch-${A}`,multiSelectionDropdownObj:`multiSelectionDropdown-${A}`,selectedItems:`selectedItems-${A}`};return j.jsxs("div",{className:`dropdown-js dropdown-js-rounded 
-                         ${i&&`dropdown-js-border ${i}`}`,style:{...T?{pointerEvents:"none"}:{}},children:[j.jsxs("div",{className:"dropdown-js-input-wrapper dropdown-js-rounded",style:r,children:[j.jsx("div",{children:j.jsx("input",{id:I.multiSelectionDropdownObjSearch,name:"multiSelectionDropdownObjSearch",className:"dropdown-js-input dropdown-js-rounded",style:r,"aria-label":n,"aria-autocomplete":"list","aria-controls":I.multiSelectionDropdownObj,role:"combobox","aria-expanded":O,"aria-haspopup":"listbox",type:"text",autoComplete:"off","aria-placeholder":`Type to Search for ${n}`,onChange:e=>t(e),placeholder:`Type to Search for ${n}`,value:M})}),j.jsx("div",{className:"dropdown-js-arrow-container dropdown-js-padding dropdown-js-rounded","aria-expanded":O,"aria-controls":"multiSelectionDropdownObj","aria-label":`${n} options`,onClick:e=>E(),children:j.jsx("span",{className:"dropdown-js-arrow dropdown-js-padding",children:O?"-":"+"})})]}),j.jsx("div",{className:"dropdown-js-padding dropdown-js-selected-wrapper dropdown-js-selected-container",children:j.jsx("div",{id:I.selectedItems,className:"dropdown-js-selected-items","aria-label":`Selected ${n} options`,"aria-multiselectable":!0,"aria-live":"polite",children:Q.map(e=>j.jsxs("span",{className:"dropdown-js-padding dropdown-js-rounded","aria-label":`${e[w]}`,style:{...r,margin:"3.5px",marginRight:"0px"},children:[e[w]," ",j.jsx("span",{className:"dropdown-js-padding",style:{cursor:"pointer"},"aria-label":`Remove ${e[w]}`,onClick:s=>f(e),children:"×"})]},`${e[m]}${e[w]}`))})}),j.jsxs("div",{className:`dropdown-js-padding dropdown-js-menu dropdown-js-rounded ${!O&&"dropdown-js-hide"}`,style:r,id:I.multiSelectionDropdownObj,name:"multiSelectionDropdownObj",role:"listbox","aria-multiselectable":!0,"aria-expanded":O,children:[G.map(e=>j.jsxs("div",{children:[j.jsx("input",{id:`${e[m]}Checkbox`,type:"checkbox",name:`${e[w]}Checkbox`,role:"option","aria-label":`${e[w]}`,"aria-checked":h(e),style:{cursor:"pointer"},checked:h(e),onChange:s=>a(e),value:e[m]}),j.jsx("label",{style:{marginLeft:"5px"},htmlFor:`${e[m]}`,children:e[w]}),j.jsx("hr",{style:{backgroundColor:r.color,border:"none",height:"0.5px"}})]},`${e[m]}${e[w]}`)),j.jsx("button",{className:"dropdown-js-padding dropdown-js-round",style:g,title:"Done","aria-label":`Close ${n} options`,onClick:e=>l(),type:"button",children:"Done"})]})]})}Re.propTypes={label:c.string.isRequired,data:c.arrayOf(c.object).isRequired,sortFields:c.arrayOf(c.string).isRequired,selectedData:c.arrayOf(c.object),selReset:c.bool,maxNumSelections:c.number,displayName:c.string.isRequired,valueName:c.string.isRequired,isDisabled:c.bool,onItemsSelected:c.func,dropdownStyle:c.shape({color:c.string.isRequired,backgroundColor:c.string.isRequired,fontSize:c.string,borderColor:c.string}),buttonStyle:c.shape({color:c.string.isRequired,backgroundColor:c.string.isRequired,fontSize:c.string,borderColor:c.string})};function Pe({label:n,data:C,sortOrder:L="asc",selectedData:S=[],selReset:$=!1,maxNumSelections:p=null,isDisabled:w=!1,onItemsSelected:m=null,dropdownStyle:T,buttonStyle:x}){const v=_.useId(),[g,A]=_.useState(!1),O=_.useMemo(()=>C.toSorted(G),[C]),[F,D]=_.useState(""),[M,Z]=_.useState(null),X=_.useMemo(()=>{let l=$===!1&&M?[...M]:[...S];return l=l.filter(y=>O.some(I=>I===y)),p&&l.length>p&&(l=l.slice(0,p-1)),l.toSorted(G)},[$,O,S,M]),[K,z]=_.useState(0);_.useEffect(()=>{K>0&&m&&M!==null&&m([...X])},[K]);const o=_.useMemo(()=>F.length===0?O:O.filter(l=>l.toString().toUpperCase().includes(F.toUpperCase())),[F,O]),J=(()=>{const l={backgroundColor:T?.backgroundColor,color:T?.color};return T?.fontSize&&(l.fontSize=T?.fontSize),l})(),Q=T?.borderColor;function G(l,y){return re.compare(l,y,L)}function r(l){const y=l.target.value;D(y),f()}function i(l){$||Z(y=>{let I=y?[...y]:[...X];return I.some(e=>e===l)?I=I.filter(e=>e!==l):(p===null||I.length<p)&&I.push(l),I})}function d(l){return X.some(y=>y===l)}function t(l){$||(Z(y=>(y?[...y]:[...X]).filter(e=>e!==l)),z(y=>y+1))}function a(){g?h():f()}function h(){A(!1),z(l=>l+1)}function f(){o.length>0&&A(!0)}const E={multiSelectionDropdownSearch:`multiSelectionDropdown-${v}`,multiSelectionDropdown:`multiSelectionDropdown-${v}`,selectedItems:`selectedItems-${v}`};return j.jsxs("div",{className:`dropdown-js dropdown-js-rounded 
-                         ${Q&&`dropdown-js-border ${Q}`}`,style:{...w?{pointerEvents:"none"}:{}},children:[j.jsxs("div",{className:"dropdown-js-input-wrapper dropdown-js-rounded",style:J,children:[j.jsx("div",{children:j.jsx("input",{className:"dropdown-js-input dropdown-js-rounded",id:E.multiSelectionDropdownSearch,name:"multiselectionDropdownSearch",style:J,type:"text",autoComplete:"off",role:"combobox","aria-label":n,"aria-placeholder":`Type to search for ${n}`,"aria-autocomplete":"list","aria-controls":E.multiSelectionDropdown,"aria-expanded":g,"aria-haspopup":"listbox",onChange:l=>r(l),placeholder:`Type to Search for ${n}`,value:F})}),j.jsx("div",{className:"dropdown-js-arrow-container dropdown-js-padding dropdown-js-rounded","aria-expanded":g,"aria-controls":"multiSelectionDropdown","aria-label":`${n} options`,onClick:l=>a(),children:j.jsx("span",{className:"dropdown-js-arrow dropdown-js-padding",children:g?"-":"+"})})]}),j.jsx("div",{className:"dropdown-js-padding dropdown-js-selected-wrapper dropdown-js-selected-container",children:j.jsx("div",{id:E.selectedItems,className:"dropdown-js-selected-items","aria-label":`Selected ${n} options`,"aria-live":"polite",children:X.map(l=>j.jsxs("span",{className:"dropdown-js-padding dropdown-js-rounded","aria-label":`${l}`,style:{...J,margin:"3.5px",marginRight:"0px"},children:[l," ",j.jsx("span",{style:{cursor:"pointer"},"aria-label":`Remove ${l}`,onClick:y=>t(l),children:"×"})]},`${l}`))})}),j.jsxs("div",{className:`dropdown-js-padding dropdown-js-menu dropdown-js-rounded ${!g&&"dropdown-js-hide"}`,style:J,id:E.multiSelectionDropdown,name:"multiSelectionDropdown",role:"listbox","aria-multiselectable":!0,"aria-expanded":g,children:[o.map((l,y)=>j.jsxs("div",{children:[j.jsx("input",{type:"checkbox",name:`${l}Checkbox`,role:"option","aria-label":l,"aria-checked":d(l),style:{cursor:"pointer"},checked:d(l),onChange:I=>i(l),value:l}),j.jsx("label",{style:{marginLeft:"5px"},htmlFor:`${l}`,children:l}),j.jsx("hr",{style:{backgroundColor:J.color,border:"none",height:"0.5px"}})]},`${y}#${l}`)),j.jsx("button",{className:"dropdown-js-padding dropdown-js-round",style:x,"aria-label":`Click to collapse ${n} options`,title:"Done",onClick:l=>h(),type:"button",children:"Done"})]})]})}Pe.propTypes={label:c.string.isRequired,data:c.array.isRequired,sortOrder:c.string,selectedData:c.array,selReset:c.bool,maxNumSelections:c.number,isDisabled:c.bool,onItemsSelected:c.func,dropdownStyle:c.shape({color:c.string.isRequired,backgroundColor:c.string.isRequired,fontSize:c.string,borderColor:c.string}),buttonStyle:c.shape({color:c.string.isRequired,backgroundColor:c.string.isRequired,fontSize:c.string,borderColor:c.string})};exports.Dropdown=Oe;exports.DropdownObj=$e;exports.MultiSelectionDropdown=Pe;exports.MultiSelectionDropdownObj=Re;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("react");function B(i){return i===null||typeof i!="object"||Object.prototype.toString.call(i)!=="[object Object]"?!1:i.constructor===Object}function H(i){if(!B(i))return[];const n=[{value:i}];let f=0;for(;f<n.length;){const c=n[f];if(B(c.value)){for(const a in c.value){let d=c.path?c.path+"."+a:a;n.push({value:c.value[a],path:d})}c.remove=!0}f++}return n.filter(c=>!c.remove).map(c=>c.path)}function G(i,n,f=void 0){if(!B(i))return;let c=n.split("."),a=i;for(let d=0;d<c.length;d++){let u=c[d];if(!(u in a)||(a=a[u],a===void 0))return f}return c.length===0?f:a}function J(i,n,f="asc"){if(!["asc","desc"].includes(f))throw new Error(`sortDir must be one of ${f}`);const c=f==="desc"?-1:1;return i>n?c:i<n?-c:0}function V(i,n,...f){if(!f||!f.length)throw new Error("comparisonFields not supplied!");if(!B(i)||!B(n))throw new Error("Both obj1 and obj2 must be plain objects.");const c=["","asc","desc"];for(let a=0;a<f.length;a++){const d=f[a].split(" "),u=d[0];let w="";if(d.length>2)throw new Error("Each comparison field must be of the form 'fieldName sortDirection' or 'fieldName'.");if(d.length===2&&(w=d[1]),!c.includes(w))throw new Error("Sort direction must be one of "+c.toString());const $=G(i,u),m=G(n,u),j=["string","number","bigint","boolean"];if(!(j.includes(typeof $)||j.includes(typeof m)||$ instanceof Date||m instanceof Date))throw new Error("Comparison values must be primitive type or Date instance");if(typeof $!=typeof m)throw new Error("Comparison values must be of the same type");const b=w==="desc"?-1:1;if($>m)return b;if($<m)return-b}return 0}function Q({label:i,data:n,sortOrder:f="asc",onItemSelected:c,selected:a,selReset:d=!1,dropdownStyle:u,isDisabled:w=!1}){const $=["number","string","boolean","bigint"];if(n.length>0&&n.some(l=>l===null||!$.includes(typeof l)))throw new Error(`Dropdown items must be one of ${$}`);const m=s.useId(),[j,b]=s.useState(!1),[x,y]=s.useState(""),v=s.useMemo(()=>n.toSorted(k),[n]),g=s.useMemo(()=>{if(x.length===0)return v;const l=x.toUpperCase();return v.filter(p=>p.toUpperCase().includes(l))},[v,x]),[M,D]=s.useState(""),[C,T]=s.useState(),z=s.useMemo(()=>{let l,p=-1;return C&&d===!1?(p=n.findIndex(e=>e===C),p>=0&&(l=n[p])):a&&(p=n.findIndex(e=>e===a),p>=0&&(l=n[p])),p>=0?D(l):D(""),l},[d,a,C]),[I,O]=s.useState(0);s.useEffect(()=>{I>0&&C&&c&&c(z)},[I]);const S=(()=>{const l={backgroundColor:u?.backgroundColor,color:u?.color};return u?.fontSize&&(l.fontSize=u.fontSize),l})(),U=u?.borderColor;function k(l,p){return J(l,p,f)}function N(l){y(l.target.value),D(l.target.value),K()}async function P(l){d||(D(l),y(""),T(l),F(),O(p=>p+1))}function q(){w||(j?F():K())}function F(){b(!1)}function K(){g.length>0&&b(!0)}const L={dropdownSearch:`dropdownSearch-${m}`,dropdown:`dropdown-${m}`};return r.jsxs("div",{className:`dropdown-js dropdown-js-rounded
+                         ${U&&`dropdown-js-border ${U}`}`,style:{...w?{pointerEvents:"none"}:{}},children:[r.jsxs("div",{className:"dropdown-js-input-wrapper dropdown-js-rounded",style:S,children:[r.jsx("input",{id:L.dropdownSearch,name:"dropdownSearch",className:"dropdown-js-input dropdown-js-rounded",autoComplete:"off",type:"text",style:S,role:"combobox","aria-placeholder":`Type to Search for ${i}`,"aria-required":!0,"aria-controls":L.dropdown,"aria-autocomplete":"list","aria-haspopup":"listbox","aria-expanded":j,onChange:l=>N(l),disabled:w,placeholder:`Type to Search for ${i}`,value:M}),r.jsx("div",{className:"dropdown-js-arrow-container dropdown-js-padding dropdown-js-rounded","aria-expanded":j,"aria-controls":"multiSelectionDropdown","aria-label":`${i} options`,onClick:()=>q(),children:r.jsx("span",{className:"dropdown-js-arrow dropdown-js-padding","aria-label":`${i} options`,"aria-expanded":j,children:j?"-":"+"})})]}),r.jsx("ul",{className:`dropdown-js-padding dropdown-js-menu ${!j&&"dropdown-js-hide"}`,id:L.dropdown,role:"listbox","aria-expanded":j,"aria-disabled":w,"aria-label":i,style:{...S,marginTop:"3.5px"},children:g.map((l,p)=>r.jsxs("li",{role:"option","aria-label":l,style:{cursor:"pointer"},onClick:()=>P(l),children:[l,p<g.length-1&&r.jsx("hr",{style:{borderColor:S.color}})]},`${p}#${l}`))})]})}function W({label:i,data:n,sortFields:f,selected:c=null,selReset:a=!1,displayName:d,valueName:u,isDisabled:w=!1,onItemSelected:$,dropdownStyle:m}){s.useState(()=>(n.forEach(e=>{if(!B(e))throw new Error("[Dropdowns-js] Non plain object found");const t=Object.keys(e);if(!t.includes(d))throw new Error(`[Dropdowns-js] displayName field ${d} not found`);if(!t.includes(u))throw new Error(`[Dropdowns-js] valueName field ${u} not found`)}),!0));const j=s.useId(),[b,x]=s.useState(!1),[y,v]=s.useState(""),g=s.useMemo(()=>n.length>0?H(n[0]):[],[n]),M=s.useMemo(()=>n.toSorted(q),[n]),D=s.useMemo(()=>{if(y.length===0)return M;const e=y.toUpperCase();return M.filter(t=>t[d].toUpperCase().includes(e))},[y,M]),[C,T]=s.useState(0);s.useEffect(()=>{C>0&&O&&$&&$(U)},[C]);const[z,I]=s.useState(""),[O,S]=s.useState(null),U=s.useMemo(()=>{let e=null,t=-1;return O&&a===!1?(t=n.findIndex(o=>V(o,O,...g)===0),t>=0&&(e=n[t])):c&&(t=n.findIndex(o=>V(o,c,...g)===0),t>=0&&(e=n[t])),t>=0?I(e[d]):I(""),e},[c,O]),k=(()=>{const e={backgroundColor:m?.backgroundColor,color:m?.color};return m?.fontSize&&(e.fontSize=m?.fontSize),e})(),N=m?.borderColor;async function P(e){v(e.target.value),I(e.target.value),l()}function q(e,t){return V(e,t,...f)}function F(e){a||(S({...e}),v(""),L(),T(t=>t+1))}function K(){b?L():l()}function L(){x(!1)}function l(){D.length>0&&x(!0)}const p={dropdownSearch:`dropdownObjSearch-${j}`,dropdownObj:`dropdownObj-${j}`};return r.jsxs("div",{className:`dropdown-js dropdown-js-rounded
+                         ${N&&`dropdown-js-border ${N}`}`,style:{...w?{pointerEvents:"none"}:{}},children:[r.jsxs("div",{className:"dropdown-js-input-wrapper dropdown-js-rounded",style:k,children:[r.jsx("input",{id:p.dropdownSearch,name:"dropdownObjSearch",className:"dropdown-js-input dropdown-js-rounded",style:k,type:"text",autoComplete:"off",role:"combobox","aria-autocomplete":"list","aria-controls":p.dropdownObj,"aria-expanded":b,"aria-placeholder":`Type to Search for ${i}`,"aria-required":!0,onChange:e=>P(e),disabled:w,placeholder:`Type to Search for ${i}`,value:z}),r.jsx("div",{className:"dropdown-js-arrow-container dropdown-js-padding dropdown-js-rounded","aria-label":`${i} options`,"aria-expanded":b,onClick:()=>K(),children:r.jsx("span",{className:"dropdown-js-arrow dropdown-js-padding",children:b?"-":"+"})})]}),r.jsx("div",{className:`dropdown-js-padding dropdown-js-menu ${!b&&"dropdown-js-hide"}`,id:p.dropdownObj,role:"listbox","aria-expanded":b,style:{...k,marginTop:"3.5px"},children:D.map((e,t)=>r.jsxs("div",{role:"option","aria-label":G(e,d),style:{cursor:"pointer"},onClick:()=>F(e),children:[G(e,d),t<D.length-1&&r.jsx("hr",{style:{borderColor:k.color}})]},`${G(e,u)}${t}`))})]})}function X({label:i,data:n,sortFields:f,selectedData:c=[],selReset:a=!1,maxNumSelections:d,displayName:u,valueName:w,isDisabled:$,onItemsSelected:m,dropdownStyle:j,buttonStyle:b}){s.useState(()=>(n.forEach(o=>{if(!B(o))throw new Error("[Dropdowns-js] Non plain object found");const h=Object.keys(o);if(!h.includes(u))throw new Error(`[Dropdowns-js] displayName field ${u} not found`);if(!h.includes(w))throw new Error(`[Dropdowns-js] valueName field ${w} not found`)}),!0));const x=s.useId(),[y,v]=s.useState(!1),g=s.useMemo(()=>n.length>0?H(n[0]):[],[n]),[M,D]=s.useState(""),C=s.useMemo(()=>n.toSorted(P),[n]),[T,z]=s.useState(0),[I,O]=s.useState([]),S=s.useMemo(()=>{let o=a===!1&&I?[...I]:[...c];return o=o.filter(h=>C.some(E=>V(h,E,...g)===0)),d&&o.length>d&&(o=o.slice(0,d-1)),o.toSorted(P)},[C,c,I]);s.useEffect(()=>{T>0&&I&&m&&m([...S])},[T]);const U=s.useMemo(()=>{const o=M.toUpperCase();return o.length===0?C:C.filter(h=>h[u].toUpperCase().includes(o))},[M,C]),k=(()=>{const o={backgroundColor:j?.backgroundColor,color:j?.color};return j?.fontSize&&(o.fontSize=j?.fontSize),o})(),N=j?.borderColor;function P(o,h){return V(o,h,...f)}function q(o){D(o.target.value),e()}function F(o){a||O(h=>{let E=h?[...h]:[...S];return E.some(A=>V(A,o,...g)===0)?E=E.filter(A=>V(A,o,...g)!==0):(d===null||d&&E.length<d)&&E.push(o),E})}function K(o){return S.some(h=>V(h,o,...g)===0)}function L(o){a||(O(h=>{let E=h?[...h]:[...S];return E=E.filter(A=>V(A,o,...g)!==0),E}),z(h=>h+1))}function l(){y?p():e()}function p(){v(!1),z(o=>o+1)}function e(){U.length>0&&v(!0)}const t={multiSelectionDropdownObjSearch:`multiSelectionDropdownSearch-${x}`,multiSelectionDropdownObj:`multiSelectionDropdown-${x}`,selectedItems:`selectedItems-${x}`};return r.jsxs("div",{className:`dropdown-js dropdown-js-rounded 
+                         ${N&&`dropdown-js-border ${N}`}`,style:{...$?{pointerEvents:"none"}:{}},children:[r.jsxs("div",{className:"dropdown-js-input-wrapper dropdown-js-rounded",style:k,children:[r.jsx("div",{children:r.jsx("input",{id:t.multiSelectionDropdownObjSearch,name:"multiSelectionDropdownObjSearch",className:"dropdown-js-input dropdown-js-rounded",style:k,"aria-label":i,"aria-autocomplete":"list","aria-controls":t.multiSelectionDropdownObj,role:"combobox","aria-expanded":y,"aria-haspopup":"listbox",type:"text",autoComplete:"off","aria-placeholder":`Type to Search for ${i}`,onChange:o=>q(o),placeholder:`Type to Search for ${i}`,value:M})}),r.jsx("div",{className:"dropdown-js-arrow-container dropdown-js-padding dropdown-js-rounded","aria-expanded":y,"aria-controls":"multiSelectionDropdownObj","aria-label":`${i} options`,onClick:()=>l(),children:r.jsx("span",{className:"dropdown-js-arrow dropdown-js-padding",children:y?"-":"+"})})]}),r.jsx("div",{className:"dropdown-js-padding dropdown-js-selected-wrapper dropdown-js-selected-container",children:r.jsx("div",{id:t.selectedItems,className:"dropdown-js-selected-items","aria-label":`Selected ${i} options`,"aria-multiselectable":!0,"aria-live":"polite",children:S.map(o=>r.jsxs("span",{className:"dropdown-js-padding dropdown-js-rounded","aria-label":`${o[u]}`,style:{...k,margin:"3.5px",marginRight:"0px"},children:[o[u]," ",r.jsx("span",{className:"dropdown-js-padding",style:{cursor:"pointer"},"aria-label":`Remove ${o[u]}`,onClick:()=>L(o),children:"×"})]},`${o[w]}${o[u]}`))})}),r.jsxs("div",{className:`dropdown-js-padding dropdown-js-menu dropdown-js-rounded ${!y&&"dropdown-js-hide"}`,style:k,id:t.multiSelectionDropdownObj,role:"listbox","aria-multiselectable":!0,"aria-expanded":y,children:[U.map(o=>r.jsxs("div",{children:[r.jsx("input",{id:`${o[w]}Checkbox`,type:"checkbox",name:`${o[u]}Checkbox`,role:"option","aria-label":`${o[u]}`,"aria-checked":K(o),style:{cursor:"pointer"},checked:K(o),onChange:()=>F(o),value:o[w]}),r.jsx("label",{style:{marginLeft:"5px"},htmlFor:`${o[w]}`,children:o[u]}),r.jsx("hr",{style:{backgroundColor:k.color,border:"none",height:"0.5px"}})]},`${o[w]}${o[u]}`)),r.jsx("button",{className:"dropdown-js-padding dropdown-js-round",style:b,title:"Done","aria-label":`Close ${i} options`,onClick:()=>p(),type:"button",children:"Done"})]})]})}function Y({label:i,data:n,sortOrder:f="asc",selectedData:c=[],selReset:a=!1,maxNumSelections:d,isDisabled:u=!1,onItemsSelected:w,dropdownStyle:$,buttonStyle:m}){const j=["number","string","boolean","bigint"];if(n.length>0&&n.some(e=>e===null&&!j.includes(typeof e)))throw new Error(`Dropdown items must be one of ${j}`);const b=s.useId(),[x,y]=s.useState(!1),v=s.useMemo(()=>n.toSorted(k),[n]),[g,M]=s.useState(""),[D,C]=s.useState([]),T=s.useMemo(()=>{let e=[];return a===!1&&D?e=[...D]:e=[...c],e=e.filter(t=>v.some(o=>o===t)),d&&e.length>d&&(e=e.slice(0,d-1)),e.toSorted(k)},[a,v,c,D]),[z,I]=s.useState(0);s.useEffect(()=>{z>0&&w&&D!==null&&w([...T])},[z]);const O=s.useMemo(()=>g.length===0?v:v.filter(e=>e.toUpperCase().includes(g.toUpperCase())),[g,v]),S=$,U=$?.borderColor;function k(e,t){return J(e,t,f)}function N(e){const t=e.target.value;M(t),l()}function P(e){a||C(t=>{let o=t?[...t]:[...T];return o.some(h=>h===e)?o=o.filter(h=>h!==e):(d===null||d&&o.length<d)&&o.push(e),o})}function q(e){return T.some(t=>t===e)}function F(e){a||(C(t=>(t?[...t]:[...T]).filter(h=>h!==e)),I(t=>t+1))}function K(){x?L():l()}function L(){y(!1),I(e=>e+1)}function l(){O.length>0&&y(!0)}const p={multiSelectionDropdownSearch:`multiSelectionDropdown-${b}`,multiSelectionDropdown:`multiSelectionDropdown-${b}`,selectedItems:`selectedItems-${b}`};return r.jsxs("div",{className:`dropdown-js dropdown-js-rounded 
+                         ${U&&`dropdown-js-border ${U}`}`,style:{...u?{pointerEvents:"none"}:{}},children:[r.jsxs("div",{className:"dropdown-js-input-wrapper dropdown-js-rounded",style:S,children:[r.jsx("div",{children:r.jsx("input",{className:"dropdown-js-input dropdown-js-rounded",id:p.multiSelectionDropdownSearch,name:"multiselectionDropdownSearch",style:S,type:"text",autoComplete:"off",role:"combobox","aria-label":i,"aria-placeholder":`Type to search for ${i}`,"aria-autocomplete":"list","aria-controls":p.multiSelectionDropdown,"aria-expanded":x,"aria-haspopup":"listbox",onChange:N,placeholder:`Type to Search for ${i}`,value:g})}),r.jsx("div",{className:"dropdown-js-arrow-container dropdown-js-padding dropdown-js-rounded","aria-expanded":x,"aria-controls":"multiSelectionDropdown","aria-label":`${i} options`,onClick:()=>K(),children:r.jsx("span",{className:"dropdown-js-arrow dropdown-js-padding",children:x?"-":"+"})})]}),r.jsx("div",{className:"dropdown-js-padding dropdown-js-selected-wrapper dropdown-js-selected-container",children:r.jsx("div",{id:p.selectedItems,className:"dropdown-js-selected-items","aria-label":`Selected ${i} options`,"aria-live":"polite",children:T.map(e=>r.jsxs("span",{className:"dropdown-js-padding dropdown-js-rounded","aria-label":`${e}`,style:{...S,margin:"3.5px",marginRight:"0px"},children:[e," ",r.jsx("span",{style:{cursor:"pointer"},"aria-label":`Remove ${e}`,onClick:()=>F(e),children:"×"})]},`${e}`))})}),r.jsxs("div",{className:`dropdown-js-padding dropdown-js-menu dropdown-js-rounded ${!x&&"dropdown-js-hide"}`,style:S,id:p.multiSelectionDropdown,role:"listbox","aria-multiselectable":!0,"aria-expanded":x,children:[O.map((e,t)=>r.jsxs("div",{children:[r.jsx("input",{type:"checkbox",name:`${e}Checkbox`,role:"option","aria-label":e,"aria-checked":q(e),style:{cursor:"pointer"},checked:q(e),onChange:()=>P(e),value:e}),r.jsx("label",{style:{marginLeft:"5px"},htmlFor:`${e}`,children:e}),r.jsx("hr",{style:{backgroundColor:S.color,border:"none",height:"0.5px"}})]},`${t}#${e}`)),r.jsx("button",{className:"dropdown-js-padding dropdown-js-round",style:m,"aria-label":`Click to collapse ${i} options`,title:"Done",onClick:()=>L(),type:"button",children:"Done"})]})]})}exports.Dropdown=Q;exports.DropdownObj=W;exports.MultiSelectionDropdown=Y;exports.MultiSelectionDropdownObj=X;