dropdowns-js 1.1.2 → 1.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -2
- package/dist/dropdowns-js.cjs.js +6 -6
- package/dist/dropdowns-js.es.js +194 -197
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -38,7 +38,7 @@ export default function MyComponent {
|
|
|
38
38
|
|
|
39
39
|
`data` - data to display in the dropdown, for the user to select from.
|
|
40
40
|
|
|
41
|
-
`
|
|
41
|
+
`sortOrder` - for dropdowns using primitive type array input. Specifies the sort order of the dropdown data. 'asc' or 'desc'. Default is 'asc'.
|
|
42
42
|
|
|
43
43
|
`sortFields` - for dropdonws using object type array input. An array. Specifies the field sort orders of the dropdown data. e.g. ['score desc', 'numGames asc']. If a field is to be sorted ascending order, you can ommit asc. .e.g. ['fullName', 'score desc'].
|
|
44
44
|
|
|
@@ -83,7 +83,8 @@ export default function MyComponent() {
|
|
|
83
83
|
|
|
84
84
|
<Dropdown
|
|
85
85
|
label={'Fruits'}
|
|
86
|
-
data={fruits}
|
|
86
|
+
data={fruits}
|
|
87
|
+
sortOrder='asc'
|
|
87
88
|
onItemSelected={fruitSelected}
|
|
88
89
|
selected={"BANANA"}
|
|
89
90
|
dropdownStyle={{color: '#000', backgroundColor: '#66ff66'}}
|
package/dist/dropdowns-js.cjs.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react/jsx-runtime"),z=require("react");function _e(i){return i&&i.__esModule&&Object.prototype.hasOwnProperty.call(i,"default")?i.default:i}var oe={exports:{}},ie={exports:{}},U={};var he;function De(){if(he)return U;he=1;var i=typeof Symbol=="function"&&Symbol.for,T=i?Symbol.for("react.element"):60103,A=i?Symbol.for("react.portal"):60106,v=i?Symbol.for("react.fragment"):60107,j=i?Symbol.for("react.strict_mode"):60108,p=i?Symbol.for("react.profiler"):60114,w=i?Symbol.for("react.provider"):60109,y=i?Symbol.for("react.context"):60110,S=i?Symbol.for("react.async_mode"):60111,g=i?Symbol.for("react.concurrent_mode"):60111,x=i?Symbol.for("react.forward_ref"):60112,m=i?Symbol.for("react.suspense"):60113,$=i?Symbol.for("react.suspense_list"):60120,O=i?Symbol.for("react.memo"):60115,B=i?Symbol.for("react.lazy"):60116,C=i?Symbol.for("react.block"):60121,q=i?Symbol.for("react.fundamental"):60117,W=i?Symbol.for("react.responder"):60118,X=i?Symbol.for("react.scope"):60119;function I(s){if(typeof s=="object"&&s!==null){var G=s.$$typeof;switch(G){case T:switch(s=s.type,s){case S:case g:case v:case p:case j:case m:return s;default:switch(s=s&&s.$$typeof,s){case y:case x:case B:case O:case w:return s;default:return G}}case A:return G}}}function R(s){return I(s)===g}return U.AsyncMode=S,U.ConcurrentMode=g,U.ContextConsumer=y,U.ContextProvider=w,U.Element=T,U.ForwardRef=x,U.Fragment=v,U.Lazy=B,U.Memo=O,U.Portal=A,U.Profiler=p,U.StrictMode=j,U.Suspense=m,U.isAsyncMode=function(s){return R(s)||I(s)===S},U.isConcurrentMode=R,U.isContextConsumer=function(s){return I(s)===y},U.isContextProvider=function(s){return I(s)===w},U.isElement=function(s){return typeof s=="object"&&s!==null&&s.$$typeof===T},U.isForwardRef=function(s){return I(s)===x},U.isFragment=function(s){return I(s)===v},U.isLazy=function(s){return I(s)===B},U.isMemo=function(s){return I(s)===O},U.isPortal=function(s){return I(s)===A},U.isProfiler=function(s){return I(s)===p},U.isStrictMode=function(s){return I(s)===j},U.isSuspense=function(s){return I(s)===m},U.isValidElementType=function(s){return typeof s=="string"||typeof s=="function"||s===v||s===g||s===p||s===j||s===m||s===$||typeof s=="object"&&s!==null&&(s.$$typeof===B||s.$$typeof===O||s.$$typeof===w||s.$$typeof===y||s.$$typeof===x||s.$$typeof===q||s.$$typeof===W||s.$$typeof===X||s.$$typeof===C)},U.typeOf=I,U}var F={};var ye;function Ie(){return ye||(ye=1,process.env.NODE_ENV!=="production"&&(function(){var i=typeof Symbol=="function"&&Symbol.for,T=i?Symbol.for("react.element"):60103,A=i?Symbol.for("react.portal"):60106,v=i?Symbol.for("react.fragment"):60107,j=i?Symbol.for("react.strict_mode"):60108,p=i?Symbol.for("react.profiler"):60114,w=i?Symbol.for("react.provider"):60109,y=i?Symbol.for("react.context"):60110,S=i?Symbol.for("react.async_mode"):60111,g=i?Symbol.for("react.concurrent_mode"):60111,x=i?Symbol.for("react.forward_ref"):60112,m=i?Symbol.for("react.suspense"):60113,$=i?Symbol.for("react.suspense_list"):60120,O=i?Symbol.for("react.memo"):60115,B=i?Symbol.for("react.lazy"):60116,C=i?Symbol.for("react.block"):60121,q=i?Symbol.for("react.fundamental"):60117,W=i?Symbol.for("react.responder"):60118,X=i?Symbol.for("react.scope"):60119;function I(d){return typeof d=="string"||typeof d=="function"||d===v||d===g||d===p||d===j||d===m||d===$||typeof d=="object"&&d!==null&&(d.$$typeof===B||d.$$typeof===O||d.$$typeof===w||d.$$typeof===y||d.$$typeof===x||d.$$typeof===q||d.$$typeof===W||d.$$typeof===X||d.$$typeof===C)}function R(d){if(typeof d=="object"&&d!==null){var te=d.$$typeof;switch(te){case T:var ne=d.type;switch(ne){case S:case g:case v:case p:case j:case m:return ne;default:var pe=ne&&ne.$$typeof;switch(pe){case y:case x:case B:case O:case w:return pe;default:return te}}case A:return te}}}var s=S,G=g,Q=y,Z=w,e=T,t=x,a=v,o=B,r=O,u=A,l=p,M=j,K=m,h=!1;function H(d){return h||(h=!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.")),n(d)||R(d)===S}function n(d){return R(d)===g}function f(d){return R(d)===y}function k(d){return R(d)===w}function _(d){return typeof d=="object"&&d!==null&&d.$$typeof===T}function E(d){return R(d)===x}function N(d){return R(d)===v}function P(d){return R(d)===B}function D(d){return R(d)===O}function L(d){return R(d)===A}function V(d){return R(d)===p}function Y(d){return R(d)===j}function ee(d){return R(d)===m}F.AsyncMode=s,F.ConcurrentMode=G,F.ContextConsumer=Q,F.ContextProvider=Z,F.Element=e,F.ForwardRef=t,F.Fragment=a,F.Lazy=o,F.Memo=r,F.Portal=u,F.Profiler=l,F.StrictMode=M,F.Suspense=K,F.isAsyncMode=H,F.isConcurrentMode=n,F.isContextConsumer=f,F.isContextProvider=k,F.isElement=_,F.isForwardRef=E,F.isFragment=N,F.isLazy=P,F.isMemo=D,F.isPortal=L,F.isProfiler=V,F.isStrictMode=Y,F.isSuspense=ee,F.isValidElementType=I,F.typeOf=R})()),F}var ge;function Te(){return ge||(ge=1,process.env.NODE_ENV==="production"?ie.exports=De():ie.exports=Ie()),ie.exports}var se,me;function Me(){if(me)return se;me=1;var i=Object.getOwnPropertySymbols,T=Object.prototype.hasOwnProperty,A=Object.prototype.propertyIsEnumerable;function v(p){if(p==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(p)}function j(){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={},y=0;y<10;y++)w["_"+String.fromCharCode(y)]=y;var S=Object.getOwnPropertyNames(w).map(function(x){return w[x]});if(S.join("")!=="0123456789")return!1;var g={};return"abcdefghijklmnopqrst".split("").forEach(function(x){g[x]=x}),Object.keys(Object.assign({},g)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}return se=j()?Object.assign:function(p,w){for(var y,S=v(p),g,x=1;x<arguments.length;x++){y=Object(arguments[x]);for(var m in y)T.call(y,m)&&(S[m]=y[m]);if(i){g=i(y);for(var $=0;$<g.length;$++)A.call(y,g[$])&&(S[g[$]]=y[g[$]])}}return S},se}var ae,ve;function fe(){if(ve)return ae;ve=1;var i="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";return ae=i,ae}var ue,be;function Ee(){return be||(be=1,ue=Function.call.bind(Object.prototype.hasOwnProperty)),ue}var ce,we;function ke(){if(we)return ce;we=1;var i=function(){};if(process.env.NODE_ENV!=="production"){var T=fe(),A={},v=Ee();i=function(p){var w="Warning: "+p;typeof console<"u"&&console.error(w);try{throw new Error(w)}catch{}}}function j(p,w,y,S,g){if(process.env.NODE_ENV!=="production"){for(var x in p)if(v(p,x)){var m;try{if(typeof p[x]!="function"){var $=Error((S||"React class")+": "+y+" type `"+x+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof p[x]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw $.name="Invariant Violation",$}m=p[x](w,x,S,y,null,T)}catch(B){m=B}if(m&&!(m instanceof Error)&&i((S||"React class")+": type specification of "+y+" `"+x+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof m+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),m instanceof Error&&!(m.message in A)){A[m.message]=!0;var O=g?g():"";i("Failed "+y+" type: "+m.message+(O??""))}}}}return j.resetWarningCache=function(){process.env.NODE_ENV!=="production"&&(A={})},ce=j,ce}var le,Se;function qe(){if(Se)return le;Se=1;var i=Te(),T=Me(),A=fe(),v=Ee(),j=ke(),p=function(){};process.env.NODE_ENV!=="production"&&(p=function(y){var S="Warning: "+y;typeof console<"u"&&console.error(S);try{throw new Error(S)}catch{}});function w(){return null}return le=function(y,S){var g=typeof Symbol=="function"&&Symbol.iterator,x="@@iterator";function m(n){var f=n&&(g&&n[g]||n[x]);if(typeof f=="function")return f}var $="<<anonymous>>",O={array:W("array"),bigint:W("bigint"),bool:W("boolean"),func:W("function"),number:W("number"),object:W("object"),string:W("string"),symbol:W("symbol"),any:X(),arrayOf:I,element:R(),elementType:s(),instanceOf:G,node:t(),objectOf:Z,oneOf:Q,oneOfType:e,shape:o,exact:r};function B(n,f){return n===f?n!==0||1/n===1/f:n!==n&&f!==f}function C(n,f){this.message=n,this.data=f&&typeof f=="object"?f:{},this.stack=""}C.prototype=Error.prototype;function q(n){if(process.env.NODE_ENV!=="production")var f={},k=0;function _(N,P,D,L,V,Y,ee){if(L=L||$,Y=Y||D,ee!==A){if(S){var d=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 d.name="Invariant Violation",d}else if(process.env.NODE_ENV!=="production"&&typeof console<"u"){var te=L+":"+D;!f[te]&&k<3&&(p("You are manually calling a React.PropTypes validation function for the `"+Y+"` prop on `"+L+"`. 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."),f[te]=!0,k++)}}return P[D]==null?N?P[D]===null?new C("The "+V+" `"+Y+"` is marked as required "+("in `"+L+"`, but its value is `null`.")):new C("The "+V+" `"+Y+"` is marked as required in "+("`"+L+"`, but its value is `undefined`.")):null:n(P,D,L,V,Y)}var E=_.bind(null,!1);return E.isRequired=_.bind(null,!0),E}function W(n){function f(k,_,E,N,P,D){var L=k[_],V=M(L);if(V!==n){var Y=K(L);return new C("Invalid "+N+" `"+P+"` of type "+("`"+Y+"` supplied to `"+E+"`, expected ")+("`"+n+"`."),{expectedType:n})}return null}return q(f)}function X(){return q(w)}function I(n){function f(k,_,E,N,P){if(typeof n!="function")return new C("Property `"+P+"` of component `"+E+"` has invalid PropType notation inside arrayOf.");var D=k[_];if(!Array.isArray(D)){var L=M(D);return new C("Invalid "+N+" `"+P+"` of type "+("`"+L+"` supplied to `"+E+"`, expected an array."))}for(var V=0;V<D.length;V++){var Y=n(D,V,E,N,P+"["+V+"]",A);if(Y instanceof Error)return Y}return null}return q(f)}function R(){function n(f,k,_,E,N){var P=f[k];if(!y(P)){var D=M(P);return new C("Invalid "+E+" `"+N+"` of type "+("`"+D+"` supplied to `"+_+"`, expected a single ReactElement."))}return null}return q(n)}function s(){function n(f,k,_,E,N){var P=f[k];if(!i.isValidElementType(P)){var D=M(P);return new C("Invalid "+E+" `"+N+"` of type "+("`"+D+"` supplied to `"+_+"`, expected a single ReactElement type."))}return null}return q(n)}function G(n){function f(k,_,E,N,P){if(!(k[_]instanceof n)){var D=n.name||$,L=H(k[_]);return new C("Invalid "+N+" `"+P+"` of type "+("`"+L+"` supplied to `"+E+"`, expected ")+("instance of `"+D+"`."))}return null}return q(f)}function Q(n){if(!Array.isArray(n))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 f(k,_,E,N,P){for(var D=k[_],L=0;L<n.length;L++)if(B(D,n[L]))return null;var V=JSON.stringify(n,function(ee,d){var te=K(d);return te==="symbol"?String(d):d});return new C("Invalid "+N+" `"+P+"` of value `"+String(D)+"` "+("supplied to `"+E+"`, expected one of "+V+"."))}return q(f)}function Z(n){function f(k,_,E,N,P){if(typeof n!="function")return new C("Property `"+P+"` of component `"+E+"` has invalid PropType notation inside objectOf.");var D=k[_],L=M(D);if(L!=="object")return new C("Invalid "+N+" `"+P+"` of type "+("`"+L+"` supplied to `"+E+"`, expected an object."));for(var V in D)if(v(D,V)){var Y=n(D,V,E,N,P+"."+V,A);if(Y instanceof Error)return Y}return null}return q(f)}function e(n){if(!Array.isArray(n))return process.env.NODE_ENV!=="production"&&p("Invalid argument supplied to oneOfType, expected an instance of array."),w;for(var f=0;f<n.length;f++){var k=n[f];if(typeof k!="function")return p("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+h(k)+" at index "+f+"."),w}function _(E,N,P,D,L){for(var V=[],Y=0;Y<n.length;Y++){var ee=n[Y],d=ee(E,N,P,D,L,A);if(d==null)return null;d.data&&v(d.data,"expectedType")&&V.push(d.data.expectedType)}var te=V.length>0?", expected one of type ["+V.join(", ")+"]":"";return new C("Invalid "+D+" `"+L+"` supplied to "+("`"+P+"`"+te+"."))}return q(_)}function t(){function n(f,k,_,E,N){return u(f[k])?null:new C("Invalid "+E+" `"+N+"` supplied to "+("`"+_+"`, expected a ReactNode."))}return q(n)}function a(n,f,k,_,E){return new C((n||"React class")+": "+f+" type `"+k+"."+_+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+E+"`.")}function o(n){function f(k,_,E,N,P){var D=k[_],L=M(D);if(L!=="object")return new C("Invalid "+N+" `"+P+"` of type `"+L+"` "+("supplied to `"+E+"`, expected `object`."));for(var V in n){var Y=n[V];if(typeof Y!="function")return a(E,N,P,V,K(Y));var ee=Y(D,V,E,N,P+"."+V,A);if(ee)return ee}return null}return q(f)}function r(n){function f(k,_,E,N,P){var D=k[_],L=M(D);if(L!=="object")return new C("Invalid "+N+" `"+P+"` of type `"+L+"` "+("supplied to `"+E+"`, expected `object`."));var V=T({},k[_],n);for(var Y in V){var ee=n[Y];if(v(n,Y)&&typeof ee!="function")return a(E,N,P,Y,K(ee));if(!ee)return new C("Invalid "+N+" `"+P+"` key `"+Y+"` supplied to `"+E+"`.\nBad object: "+JSON.stringify(k[_],null," ")+`
|
|
2
|
-
Valid keys: `+JSON.stringify(Object.keys(n),null," "));var d=ee(
|
|
3
|
-
${
|
|
4
|
-
${Q&&`dropdown-js-border ${Q}`}`,style:{...w?{pointerEvents:"none"}:{}},children:[b.jsxs("div",{className:"dropdown-js-input-wrapper dropdown-js-rounded",style:G,children:[b.jsx("input",{id:"dropdownObjSearch",name:"dropdownObjSearch",className:"dropdown-js-input dropdown-js-rounded",style:G,type:"text",autoComplete:"off",role:"combobox","aria-autocomplete":"list","aria-controls":"dropdownObj","aria-expanded":g,"aria-placeholder":`Type to Search for ${i}`,"aria-required":!0,onChange:
|
|
5
|
-
${Z&&`dropdown-js-border ${Z}`}`,style:{...y?{pointerEvents:"none"}:{}},children:[b.jsxs("div",{className:"dropdown-js-input-wrapper dropdown-js-rounded",style:Q,children:[b.jsx("div",{children:b.jsx("input",{id:"multiSelectionDropdownObjSearch",name:"multiSelectionDropdownObjSearch",className:"dropdown-js-input dropdown-js-rounded",style:Q,"aria-label":i,"aria-autocomplete":"list","aria-controls":"multiSelectionDropdownObj",role:"combobox","aria-expanded":m,"aria-haspopup":"listbox",type:"text",autoComplete:"off","aria-placeholder":`Type to Search for ${i}`,onChange:h=>a(h),placeholder:`Type to Search for ${i}`,value:C})}),b.jsx("div",{className:"dropdown-js-arrow-container dropdown-js-padding dropdown-js-rounded","aria-expanded":m,"aria-controls":"multiSelectionDropdownObj","aria-label":`${i} options`,onClick:h=>
|
|
6
|
-
${R&&`dropdown-js-border ${R}`}`,style:{...p?{pointerEvents:"none"}:{}},children:[b.jsxs("div",{className:"dropdown-js-input-wrapper dropdown-js-rounded",style:
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react/jsx-runtime"),z=require("react");function _e(i){return i&&i.__esModule&&Object.prototype.hasOwnProperty.call(i,"default")?i.default:i}var oe={exports:{}},ie={exports:{}},U={};var he;function Ie(){if(he)return U;he=1;var i=typeof Symbol=="function"&&Symbol.for,T=i?Symbol.for("react.element"):60103,A=i?Symbol.for("react.portal"):60106,v=i?Symbol.for("react.fragment"):60107,j=i?Symbol.for("react.strict_mode"):60108,p=i?Symbol.for("react.profiler"):60114,w=i?Symbol.for("react.provider"):60109,y=i?Symbol.for("react.context"):60110,S=i?Symbol.for("react.async_mode"):60111,g=i?Symbol.for("react.concurrent_mode"):60111,x=i?Symbol.for("react.forward_ref"):60112,m=i?Symbol.for("react.suspense"):60113,$=i?Symbol.for("react.suspense_list"):60120,O=i?Symbol.for("react.memo"):60115,B=i?Symbol.for("react.lazy"):60116,C=i?Symbol.for("react.block"):60121,q=i?Symbol.for("react.fundamental"):60117,W=i?Symbol.for("react.responder"):60118,X=i?Symbol.for("react.scope"):60119;function D(s){if(typeof s=="object"&&s!==null){var G=s.$$typeof;switch(G){case T:switch(s=s.type,s){case S:case g:case v:case p:case j:case m:return s;default:switch(s=s&&s.$$typeof,s){case y:case x:case B:case O:case w:return s;default:return G}}case A:return G}}}function R(s){return D(s)===g}return U.AsyncMode=S,U.ConcurrentMode=g,U.ContextConsumer=y,U.ContextProvider=w,U.Element=T,U.ForwardRef=x,U.Fragment=v,U.Lazy=B,U.Memo=O,U.Portal=A,U.Profiler=p,U.StrictMode=j,U.Suspense=m,U.isAsyncMode=function(s){return R(s)||D(s)===S},U.isConcurrentMode=R,U.isContextConsumer=function(s){return D(s)===y},U.isContextProvider=function(s){return D(s)===w},U.isElement=function(s){return typeof s=="object"&&s!==null&&s.$$typeof===T},U.isForwardRef=function(s){return D(s)===x},U.isFragment=function(s){return D(s)===v},U.isLazy=function(s){return D(s)===B},U.isMemo=function(s){return D(s)===O},U.isPortal=function(s){return D(s)===A},U.isProfiler=function(s){return D(s)===p},U.isStrictMode=function(s){return D(s)===j},U.isSuspense=function(s){return D(s)===m},U.isValidElementType=function(s){return typeof s=="string"||typeof s=="function"||s===v||s===g||s===p||s===j||s===m||s===$||typeof s=="object"&&s!==null&&(s.$$typeof===B||s.$$typeof===O||s.$$typeof===w||s.$$typeof===y||s.$$typeof===x||s.$$typeof===q||s.$$typeof===W||s.$$typeof===X||s.$$typeof===C)},U.typeOf=D,U}var F={};var ye;function De(){return ye||(ye=1,process.env.NODE_ENV!=="production"&&(function(){var i=typeof Symbol=="function"&&Symbol.for,T=i?Symbol.for("react.element"):60103,A=i?Symbol.for("react.portal"):60106,v=i?Symbol.for("react.fragment"):60107,j=i?Symbol.for("react.strict_mode"):60108,p=i?Symbol.for("react.profiler"):60114,w=i?Symbol.for("react.provider"):60109,y=i?Symbol.for("react.context"):60110,S=i?Symbol.for("react.async_mode"):60111,g=i?Symbol.for("react.concurrent_mode"):60111,x=i?Symbol.for("react.forward_ref"):60112,m=i?Symbol.for("react.suspense"):60113,$=i?Symbol.for("react.suspense_list"):60120,O=i?Symbol.for("react.memo"):60115,B=i?Symbol.for("react.lazy"):60116,C=i?Symbol.for("react.block"):60121,q=i?Symbol.for("react.fundamental"):60117,W=i?Symbol.for("react.responder"):60118,X=i?Symbol.for("react.scope"):60119;function D(d){return typeof d=="string"||typeof d=="function"||d===v||d===g||d===p||d===j||d===m||d===$||typeof d=="object"&&d!==null&&(d.$$typeof===B||d.$$typeof===O||d.$$typeof===w||d.$$typeof===y||d.$$typeof===x||d.$$typeof===q||d.$$typeof===W||d.$$typeof===X||d.$$typeof===C)}function R(d){if(typeof d=="object"&&d!==null){var te=d.$$typeof;switch(te){case T:var ne=d.type;switch(ne){case S:case g:case v:case p:case j:case m:return ne;default:var pe=ne&&ne.$$typeof;switch(pe){case y:case x:case B:case O:case w:return pe;default:return te}}case A:return te}}}var s=S,G=g,Q=y,Z=w,e=T,t=x,a=v,o=B,r=O,u=A,c=p,M=j,K=m,h=!1;function H(d){return h||(h=!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.")),n(d)||R(d)===S}function n(d){return R(d)===g}function f(d){return R(d)===y}function k(d){return R(d)===w}function _(d){return typeof d=="object"&&d!==null&&d.$$typeof===T}function E(d){return R(d)===x}function N(d){return R(d)===v}function P(d){return R(d)===B}function I(d){return R(d)===O}function L(d){return R(d)===A}function V(d){return R(d)===p}function Y(d){return R(d)===j}function ee(d){return R(d)===m}F.AsyncMode=s,F.ConcurrentMode=G,F.ContextConsumer=Q,F.ContextProvider=Z,F.Element=e,F.ForwardRef=t,F.Fragment=a,F.Lazy=o,F.Memo=r,F.Portal=u,F.Profiler=c,F.StrictMode=M,F.Suspense=K,F.isAsyncMode=H,F.isConcurrentMode=n,F.isContextConsumer=f,F.isContextProvider=k,F.isElement=_,F.isForwardRef=E,F.isFragment=N,F.isLazy=P,F.isMemo=I,F.isPortal=L,F.isProfiler=V,F.isStrictMode=Y,F.isSuspense=ee,F.isValidElementType=D,F.typeOf=R})()),F}var ge;function Te(){return ge||(ge=1,process.env.NODE_ENV==="production"?ie.exports=Ie():ie.exports=De()),ie.exports}var se,me;function Me(){if(me)return se;me=1;var i=Object.getOwnPropertySymbols,T=Object.prototype.hasOwnProperty,A=Object.prototype.propertyIsEnumerable;function v(p){if(p==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(p)}function j(){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={},y=0;y<10;y++)w["_"+String.fromCharCode(y)]=y;var S=Object.getOwnPropertyNames(w).map(function(x){return w[x]});if(S.join("")!=="0123456789")return!1;var g={};return"abcdefghijklmnopqrst".split("").forEach(function(x){g[x]=x}),Object.keys(Object.assign({},g)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}return se=j()?Object.assign:function(p,w){for(var y,S=v(p),g,x=1;x<arguments.length;x++){y=Object(arguments[x]);for(var m in y)T.call(y,m)&&(S[m]=y[m]);if(i){g=i(y);for(var $=0;$<g.length;$++)A.call(y,g[$])&&(S[g[$]]=y[g[$]])}}return S},se}var ae,ve;function fe(){if(ve)return ae;ve=1;var i="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";return ae=i,ae}var ue,be;function Ee(){return be||(be=1,ue=Function.call.bind(Object.prototype.hasOwnProperty)),ue}var ce,we;function ke(){if(we)return ce;we=1;var i=function(){};if(process.env.NODE_ENV!=="production"){var T=fe(),A={},v=Ee();i=function(p){var w="Warning: "+p;typeof console<"u"&&console.error(w);try{throw new Error(w)}catch{}}}function j(p,w,y,S,g){if(process.env.NODE_ENV!=="production"){for(var x in p)if(v(p,x)){var m;try{if(typeof p[x]!="function"){var $=Error((S||"React class")+": "+y+" type `"+x+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof p[x]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw $.name="Invariant Violation",$}m=p[x](w,x,S,y,null,T)}catch(B){m=B}if(m&&!(m instanceof Error)&&i((S||"React class")+": type specification of "+y+" `"+x+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof m+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),m instanceof Error&&!(m.message in A)){A[m.message]=!0;var O=g?g():"";i("Failed "+y+" type: "+m.message+(O??""))}}}}return j.resetWarningCache=function(){process.env.NODE_ENV!=="production"&&(A={})},ce=j,ce}var le,Se;function qe(){if(Se)return le;Se=1;var i=Te(),T=Me(),A=fe(),v=Ee(),j=ke(),p=function(){};process.env.NODE_ENV!=="production"&&(p=function(y){var S="Warning: "+y;typeof console<"u"&&console.error(S);try{throw new Error(S)}catch{}});function w(){return null}return le=function(y,S){var g=typeof Symbol=="function"&&Symbol.iterator,x="@@iterator";function m(n){var f=n&&(g&&n[g]||n[x]);if(typeof f=="function")return f}var $="<<anonymous>>",O={array:W("array"),bigint:W("bigint"),bool:W("boolean"),func:W("function"),number:W("number"),object:W("object"),string:W("string"),symbol:W("symbol"),any:X(),arrayOf:D,element:R(),elementType:s(),instanceOf:G,node:t(),objectOf:Z,oneOf:Q,oneOfType:e,shape:o,exact:r};function B(n,f){return n===f?n!==0||1/n===1/f:n!==n&&f!==f}function C(n,f){this.message=n,this.data=f&&typeof f=="object"?f:{},this.stack=""}C.prototype=Error.prototype;function q(n){if(process.env.NODE_ENV!=="production")var f={},k=0;function _(N,P,I,L,V,Y,ee){if(L=L||$,Y=Y||I,ee!==A){if(S){var d=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 d.name="Invariant Violation",d}else if(process.env.NODE_ENV!=="production"&&typeof console<"u"){var te=L+":"+I;!f[te]&&k<3&&(p("You are manually calling a React.PropTypes validation function for the `"+Y+"` prop on `"+L+"`. 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."),f[te]=!0,k++)}}return P[I]==null?N?P[I]===null?new C("The "+V+" `"+Y+"` is marked as required "+("in `"+L+"`, but its value is `null`.")):new C("The "+V+" `"+Y+"` is marked as required in "+("`"+L+"`, but its value is `undefined`.")):null:n(P,I,L,V,Y)}var E=_.bind(null,!1);return E.isRequired=_.bind(null,!0),E}function W(n){function f(k,_,E,N,P,I){var L=k[_],V=M(L);if(V!==n){var Y=K(L);return new C("Invalid "+N+" `"+P+"` of type "+("`"+Y+"` supplied to `"+E+"`, expected ")+("`"+n+"`."),{expectedType:n})}return null}return q(f)}function X(){return q(w)}function D(n){function f(k,_,E,N,P){if(typeof n!="function")return new C("Property `"+P+"` of component `"+E+"` has invalid PropType notation inside arrayOf.");var I=k[_];if(!Array.isArray(I)){var L=M(I);return new C("Invalid "+N+" `"+P+"` of type "+("`"+L+"` supplied to `"+E+"`, expected an array."))}for(var V=0;V<I.length;V++){var Y=n(I,V,E,N,P+"["+V+"]",A);if(Y instanceof Error)return Y}return null}return q(f)}function R(){function n(f,k,_,E,N){var P=f[k];if(!y(P)){var I=M(P);return new C("Invalid "+E+" `"+N+"` of type "+("`"+I+"` supplied to `"+_+"`, expected a single ReactElement."))}return null}return q(n)}function s(){function n(f,k,_,E,N){var P=f[k];if(!i.isValidElementType(P)){var I=M(P);return new C("Invalid "+E+" `"+N+"` of type "+("`"+I+"` supplied to `"+_+"`, expected a single ReactElement type."))}return null}return q(n)}function G(n){function f(k,_,E,N,P){if(!(k[_]instanceof n)){var I=n.name||$,L=H(k[_]);return new C("Invalid "+N+" `"+P+"` of type "+("`"+L+"` supplied to `"+E+"`, expected ")+("instance of `"+I+"`."))}return null}return q(f)}function Q(n){if(!Array.isArray(n))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 f(k,_,E,N,P){for(var I=k[_],L=0;L<n.length;L++)if(B(I,n[L]))return null;var V=JSON.stringify(n,function(ee,d){var te=K(d);return te==="symbol"?String(d):d});return new C("Invalid "+N+" `"+P+"` of value `"+String(I)+"` "+("supplied to `"+E+"`, expected one of "+V+"."))}return q(f)}function Z(n){function f(k,_,E,N,P){if(typeof n!="function")return new C("Property `"+P+"` of component `"+E+"` has invalid PropType notation inside objectOf.");var I=k[_],L=M(I);if(L!=="object")return new C("Invalid "+N+" `"+P+"` of type "+("`"+L+"` supplied to `"+E+"`, expected an object."));for(var V in I)if(v(I,V)){var Y=n(I,V,E,N,P+"."+V,A);if(Y instanceof Error)return Y}return null}return q(f)}function e(n){if(!Array.isArray(n))return process.env.NODE_ENV!=="production"&&p("Invalid argument supplied to oneOfType, expected an instance of array."),w;for(var f=0;f<n.length;f++){var k=n[f];if(typeof k!="function")return p("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+h(k)+" at index "+f+"."),w}function _(E,N,P,I,L){for(var V=[],Y=0;Y<n.length;Y++){var ee=n[Y],d=ee(E,N,P,I,L,A);if(d==null)return null;d.data&&v(d.data,"expectedType")&&V.push(d.data.expectedType)}var te=V.length>0?", expected one of type ["+V.join(", ")+"]":"";return new C("Invalid "+I+" `"+L+"` supplied to "+("`"+P+"`"+te+"."))}return q(_)}function t(){function n(f,k,_,E,N){return u(f[k])?null:new C("Invalid "+E+" `"+N+"` supplied to "+("`"+_+"`, expected a ReactNode."))}return q(n)}function a(n,f,k,_,E){return new C((n||"React class")+": "+f+" type `"+k+"."+_+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+E+"`.")}function o(n){function f(k,_,E,N,P){var I=k[_],L=M(I);if(L!=="object")return new C("Invalid "+N+" `"+P+"` of type `"+L+"` "+("supplied to `"+E+"`, expected `object`."));for(var V in n){var Y=n[V];if(typeof Y!="function")return a(E,N,P,V,K(Y));var ee=Y(I,V,E,N,P+"."+V,A);if(ee)return ee}return null}return q(f)}function r(n){function f(k,_,E,N,P){var I=k[_],L=M(I);if(L!=="object")return new C("Invalid "+N+" `"+P+"` of type `"+L+"` "+("supplied to `"+E+"`, expected `object`."));var V=T({},k[_],n);for(var Y in V){var ee=n[Y];if(v(n,Y)&&typeof ee!="function")return a(E,N,P,Y,K(ee));if(!ee)return new C("Invalid "+N+" `"+P+"` key `"+Y+"` supplied to `"+E+"`.\nBad object: "+JSON.stringify(k[_],null," ")+`
|
|
2
|
+
Valid keys: `+JSON.stringify(Object.keys(n),null," "));var d=ee(I,Y,E,N,P+"."+Y,A);if(d)return d}return null}return q(f)}function u(n){switch(typeof n){case"number":case"string":case"undefined":return!0;case"boolean":return!n;case"object":if(Array.isArray(n))return n.every(u);if(n===null||y(n))return!0;var f=m(n);if(f){var k=f.call(n),_;if(f!==n.entries){for(;!(_=k.next()).done;)if(!u(_.value))return!1}else for(;!(_=k.next()).done;){var E=_.value;if(E&&!u(E[1]))return!1}}else return!1;return!0;default:return!1}}function c(n,f){return n==="symbol"?!0:f?f["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&f instanceof Symbol:!1}function M(n){var f=typeof n;return Array.isArray(n)?"array":n instanceof RegExp?"object":c(f,n)?"symbol":f}function K(n){if(typeof n>"u"||n===null)return""+n;var f=M(n);if(f==="object"){if(n instanceof Date)return"date";if(n instanceof RegExp)return"regexp"}return f}function h(n){var f=K(n);switch(f){case"array":case"object":return"an "+f;case"boolean":case"date":case"regexp":return"a "+f;default:return f}}function H(n){return!n.constructor||!n.constructor.name?$:n.constructor.name}return O.checkPropTypes=j,O.resetWarningCache=j.resetWarningCache,O.PropTypes=O,O},le}var de,xe;function Ae(){if(xe)return de;xe=1;var i=fe();function T(){}function A(){}return A.resetWarningCache=T,de=function(){function v(w,y,S,g,x,m){if(m!==i){var $=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 $.name="Invariant Violation",$}}v.isRequired=v;function j(){return v}var p={array:v,bigint:v,bool:v,func:v,number:v,object:v,string:v,symbol:v,any:v,arrayOf:j,element:v,elementType:v,instanceOf:j,node:v,objectOf:j,oneOf:j,oneOfType:j,shape:j,exact:j,checkPropTypes:A,resetWarningCache:T};return p.PropTypes=p,p},de}var je;function ze(){if(je)return oe.exports;if(je=1,process.env.NODE_ENV!=="production"){var i=Te(),T=!0;oe.exports=qe()(i.isElement,T)}else oe.exports=Ae()();return oe.exports}var Ne=ze();const l=_e(Ne);var J={},Ce;function Le(){if(Ce)return J;Ce=1;function i(e){return e?/^[a-zA-Z][a-zA-Z0-9_-]{2,50}$/.test(e):!1}J.isValidUserName=i;function T(e){return e?/^[A-Za-z' -]{2,50}$/.test(e):!1}J.isValidName=T;function A(e){return e?/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/.test(e):!1}J.isValidEmail=A;function v(e){return e?/^[0-9]{10,15}$/g.test(e):!1}J.isValidPhoneNum=v;function j(e){return e?/^[a-zA-Z0-9.\-\(\) ]{2,}$/.test(e):!1}J.isValidOrganisationName=j;function p(e){return!(!e||e.length<6||/[A-Z]/.test(e)===!1||/[a-z]/.test(e)===!1||/[0-9]/.test(e)===!1||/[\s]/.test(e)||/[\][!"#$%&'()*+,./:;<=>?@^\\_`{|}~-]/.test(e)===!1)}J.isValidPassword=p;function w(e){let t=e.getFullYear(),a=e.getMonth()+1;a=S(a,2);let o=e.getDate();return o=S(o,2),`${t}-${a}-${o}`}J.timeStampYyyyMmDd=w;function y(e){let t=S(e.getHours(),2),a=S(e.getMinutes(),2),o=S(e.getSeconds(),2),r=S(e.getMilliseconds(),3);return`${w(e)}T${t}:${a}:${o}.${r}`}J.timeStampString=y;function S(e,t){let a=e+"";const o=t-a.length;for(let r=1;r<=o;r++)a="0"+a;return a}J.addLeadingZeros=S;function g(e){return new Intl.NumberFormat("en-US",{style:"currency",currency:"ZAR"}).format(e).replace(/ZAR/gi,"R")}J.toZarCurrencyFormat=g;function x(e){if(Object.prototype.toString.call(e)!=="[object Object]")return e instanceof Date?new Date(e):(["string","number","boolean"].includes(typeof e),e);const t=[{...e}];let a=0;for(;a<t.length;){let o=t[a];if(Object.prototype.toString.call(o)==="[object Object]")for(let r in o)o[r]instanceof Date?o[r]=new Date(o[r]):Object.prototype.toString.call(o[r])==="[object Object]"&&(o[r]={...o[r]}),t.push(o[r]);a++}return t[0]}J.deepClone=x;function m(e){const t=[{value:e}];let a=0;for(;a<t.length;){const o=t[a];if(Object.prototype.toString.call(o.value)==="[object Object]"){for(const r in o.value){let u=o.path?o.path+"."+r:r;t.push({value:o.value[r],path:u})}o.remove=!0}a++}return t.filter(o=>!o.remove).map(o=>o.path)}J.getPaths=m;function $(e){let t=x(e),a=0;const o=m(t).toSorted();sortedObj={};for(a in o){const r=o[a],u=O(t,r);B(sortedObj,r,u)}return sortedObj}J.getSortedObject=$;function O(e,t,a=void 0){let o=t.split("."),r=e;for(let u in o){let c=o[u];if(r[c]===void 0||(r=r[c],r===void 0))return a}return r}J.get=O;function B(e,t,a){let o=e,r=t.split(".");for(let u in r){let c=r[u];u<r.length-1?(c in o||(o[c]={}),o=o[c]):o[c]=a}}J.set=B;function C(e,t){let a=t.split("."),o=e;for(let r in a){let u=a[r];if(Object.prototype.toString.call(o)!=="[object Object]"||o[u]===void 0)return;r<a.length-1?o=o[u]:delete o[u]}}J.unset=C;function q(e,...t){if(!t||!t.length)throw new Error("fields must be specified");const a=m(e);let o=0;for(const r in a){const u=a[r];if(t.includes(u))o++;else return!1}return o>0}J.hasOnly=q;function W(e,...t){if(!t||!t.length)throw new Error("fields must be specified");const a=m(e);let o=0;for(const r in t){const u=t[r];if(a.includes(u))o++;else return!1}return o===t.length}J.hasAll=W;function X(e,...t){return q(e,...t)&&W(e,...t)}J.hasOnlyAll=X;function D(e,t,a=0,o="asc"){const r=["asc","desc"];if(!["asc","desc"].includes(o))throw new Error(`arraySortDir must be one of ${r}`);if(e.length===0)return-1;let u=a,c=e.length-1;for(;u<c;){if(R(e[u],t)===0)return u;if(R(e[c],t)===0)return c;const M=Math.trunc((u+c)/2),K=R(e[M],t,o);if(K<0)u=M+1;else if(K>0)c=M-1;else return M}return u}J.binarySearch=D;function R(e,t,a="asc"){if(!["asc","desc"].includes(a))throw new Error(`sortDir must be one of ${a}`);const o=a==="desc"?-1:1;return e>t?o:e<t?-o:0}J.compare=R;function s(e,t,a=0,...o){if(e.length===0)return-1;let r=a,u=e.length-1;for(;r<u;){if(Z(e[r],t,...o)===0)return r;if(Z(e[u],t,...o)===0)return u;let c=Math.trunc((r+u)/2);if(Z(e[c],t,...o)<0)r=c+1;else if(Z(e[c],t,...o)>0)u=c-1;else return c}return r}J.binarySearchObj=s;function G(e,t,a,...o){let r=a,u=e.length-1;if(r>=e.length)throw new Error("startFrom is outside the bounds of the array.");if(Z(t,e[r],...o)>0)throw new Error("targetObj is to the right ('greater than') objArray[startFrom].");for(;r<u;){let c=Math.trunc((r+u)/2);Z(t,e[c],...o)===0?r=c+1:Z(t,e[c],...o)<0&&(u=c)}return Z(t,e[r],...o)===0?-1:r}J.getNextDifferent=G;function Q(e,t,...a){if(e.length<=1)return[...e];if(typeof t!="boolean")throw new Error("firstOfDuplicates must be boolean true or false.");const o=[];let r=0;for(;r<e.length-1&&(t&&o.push(e[r]),r=G(e,e[r],r+1,...a),!(r<0));){let u=r-1;t||o.push(e[u])}return o.length===0?t?o.push(e[0]):o.push(e[e.length-1]):Z(o[o.length-1],e[e.length-1],...a)!==0&&o.push(e[e.length-1]),o}J.getObjArrayWithNoDuplicates=Q;function Z(e,t,...a){if(a.length===0)throw new Error("comparisonFields not supplied!");const o=["","asc","desc"];for(const r in a){const u=a[r].split(" "),c=u[0];let M="";if(u.length===2&&(M=u[1]),!o.includes(M))throw new Error("Sort direction must be one of "+o.toString());const K=O(e,c),h=O(t,c),H=M==="desc"?-1:1;if(K>h)return H;if(K<h)return-H}return 0}return J.objCompare=Z,J}var re=Le();function Oe({label:i,data:T,sortOrder:A="asc",onItemSelected:v=null,selected:j=null,dropdownStyle:p,isDisabled:w=!1}){const[y,S]=z.useState(!1),[g,x]=z.useState(""),m=z.useMemo(()=>T.toSorted(R),[T]),$=z.useMemo(()=>{if(g.length===0)return[];const t=g.toUpperCase();return m.filter(a=>a.toUpperCase().includes(t))},[m,g]),O=z.useMemo(()=>g.length===0?m:$,[m,g]),[B,C]=z.useState(""),[q,W]=z.useState(null);z.useMemo(()=>{let t="";if(q)t=q;else if(j){const a=T.findIndex(o=>o===j);a>=0&&(t=T[a])}return C(t),t},[j,q]);const X=(()=>{const t={backgroundColor:p?.backgroundColor,color:p?.color};return p?.fontSize&&(t.fontSize=p?.fontSize),t})(),D=p?.borderColor;function R(t,a){return re.compare(t,a,A)}function s(t){x(t.target.value),C(t.target.value),$.length===0?Z():e()}async function G(t){C(t),x(""),W(t),v!==null&&v(t),Z()}function Q(){y?Z():e()}function Z(){S(!1)}function e(){O.length>0&&S(!0)}return b.jsxs("div",{className:`dropdown-js dropdown-js-rounded
|
|
3
|
+
${D&&`dropdown-js-border ${D}`}`,style:{...w?{pointerEvents:"none"}:{}},children:[b.jsxs("div",{className:"dropdown-js-input-wrapper dropdown-js-rounded",style:X,children:[b.jsx("input",{id:"dropdownSearch",name:"dropdownSearch",className:"dropdown-js-input dropdown-js-rounded",autoComplete:"off",type:"text",style:X,role:"combobox","aria-placeholder":`Type to Search for ${i}`,"aria-required":!0,"aria-controls":"dropdown","aria-autocomplete":"list","aria-haspopup":"listbox","aria-expanded":y,onChange:t=>s(t),disabled:w,placeholder:`Type to Search for ${i}`,value:B}),b.jsx("div",{className:"dropdown-js-arrow-container dropdown-js-padding dropdown-js-rounded","aria-expanded":y,"aria-controls":"multiSelectionDropdown","aria-label":`${i} options`,onClick:t=>Q(),children:b.jsx("span",{className:"dropdown-js-arrow dropdown-js-padding","aria-label":`${i} options`,"aria-expanded":y,children:y?"-":"+"})})]}),b.jsx("div",{className:`dropdown-js-padding dropdown-js-menu ${!y&&"dropdown-js-hide"}`,id:"dropDown",name:"dropDown",role:"listbox","aria-expanded":y,disabled:w,"aria-label":i,style:{...X,marginTop:"3.5px"},children:O.map((t,a)=>b.jsxs("div",{name:t,role:"option","aria-label":t,style:{cursor:"pointer"},onClick:o=>G(t),children:[t,a<O.length-1&&b.jsx("hr",{style:{borderColor:X.color}})]},`${a}#${t}`))})]})}Oe.propTypes={label:l.string.isRequired,data:l.array.isRequired,sortOrder:l.string,selected:l.any,isDisabled:l.bool,onItemsSelected:l.func,dropdownStyle:l.shape({color:l.string.isRequired,backgroundColor:l.string.isRequired,fontSize:l.string,borderColor:l.string}),buttonStyle:l.shape({color:l.string.isRequired,backgroundColor:l.string.isRequired,fontSize:l.string,borderColor:l.string})};function Re({label:i,data:T,sortFields:A,selected:v=null,displayName:j,valueName:p,isDisabled:w=!1,onItemSelected:y=null,dropdownStyle:S}){const[g,x]=z.useState(null),[m,$]=z.useState(""),[O,B]=z.useState(""),C=z.useMemo(()=>T.toSorted(e),[T]),q=z.useMemo(()=>{if(O.length===0)return[];const c=O.toUpperCase();return C.filter(M=>M[j].toUpperCase().toUpperCase().includes(c))},[O]),[W,X]=z.useState(""),[D,R]=z.useState(null);z.useMemo(()=>{let c;if(D)c={...D};else if(v){const M=t(),K=T.findIndex(h=>re.get(h,...M)===re.get(v,...M));K>=0&&(c=T[K])}return c&&X(c[j]),c},[v,D]);const s=z.useMemo(()=>O.length>0?q:C,[O,C]),G=(()=>{const c={backgroundColor:S?.backgroundColor,color:S?.color};return S?.fontSize&&(c.fontSize=S?.fontSize),c})(),Q=S?.borderColor;async function Z(c){B(M=>c.target.value),X(M=>c.target.value),q.length>0?u():r()}function e(c,M){return re.objCompare(c,M,...A)}function t(){let c=m;return c||(T.length>0&&(c=re.getPaths(T[0])),$(c)),c}function a(c){R(c),y!==null&&y(c),r()}function o(){g?r():u()}function r(){x(!1)}function u(){s.length>0&&x(!0)}return b.jsxs("div",{className:`dropdown-js dropdown-js-rounded
|
|
4
|
+
${Q&&`dropdown-js-border ${Q}`}`,style:{...w?{pointerEvents:"none"}:{}},children:[b.jsxs("div",{className:"dropdown-js-input-wrapper dropdown-js-rounded",style:G,children:[b.jsx("input",{id:"dropdownObjSearch",name:"dropdownObjSearch",className:"dropdown-js-input dropdown-js-rounded",style:G,type:"text",autoComplete:"off",role:"combobox","aria-autocomplete":"list","aria-controls":"dropdownObj","aria-expanded":g,"aria-placeholder":`Type to Search for ${i}`,"aria-required":!0,onChange:c=>Z(c),disabled:w,placeholder:`Type to Search for ${i}`,value:W}),b.jsx("div",{className:"dropdown-js-arrow-container dropdown-js-padding dropdown-js-rounded","aria-label":`${i} options`,"aria-expanded":g,onClick:c=>o(),children:b.jsx("span",{className:"dropdown-js-arrow dropdown-js-padding",children:g?"-":"+"})})]}),b.jsx("div",{className:`dropdown-js-padding dropdown-js-menu ${!g&&"dropdown-js-hide"}`,id:"dropDownObj",name:"dropDownObj",role:"listbox","aria-expanded":g,style:{...G,marginTop:"3.5px"},children:s.map((c,M)=>b.jsxs("div",{name:c[j],role:"option","aria-label":c[j],style:{cursor:"pointer"},onClick:K=>a(c),children:[c[j],M<s.length-1&&b.jsx("hr",{style:{borderColor:G.color}})]},`${c[p]}${M}`))})]})}Re.propTypes={label:l.string.isRequired,data:l.arrayOf(l.object).isRequired,sortFields:l.arrayOf(l.string).isRequired,selected:l.object,displayName:l.string.isRequired,valueName:l.string.isRequired,isDisabled:l.bool,onItemSelected:l.func,dropdownStyle:l.shape({color:l.string.isRequired,backgroundColor:l.string.isRequired,fontSize:l.string,borderColor:l.string})};function Pe({label:i,data:T,sortFields:A,selectedData:v=[],maxNumSelections:j=null,displayName:p,valueName:w,isDisabled:y=!1,onItemsSelected:S=null,dropdownStyle:g,buttonStyle:x}){const[m,$]=z.useState(!1),[O,B]=z.useState(""),[C,q]=z.useState(""),W=z.useMemo(()=>T.toSorted(t),[T]),[X,D]=z.useState([]),R=z.useMemo(()=>X.length>0?X.filter(h=>W.findIndex(H=>{const n=e();return re.objCompare(h,H,...n)===0})>=0).toSorted(t):v.filter(h=>W.findIndex(H=>{const n=e();return re.objCompare(h,H,...n)===0})>=0).toSorted(t),[W,v,X]),s=z.useMemo(()=>{if(C.length===0)return[];const h=C.toUpperCase();return W.filter(H=>H[p].toUpperCase().includes(h))},[C]),G=z.useMemo(()=>C.length>0?s:W,[C,W]),Q=(()=>{const h={backgroundColor:g?.backgroundColor,color:g?.color};return g?.fontSize&&(h.fontSize=g?.fontSize),h})(),Z=g?.borderColor;z.useEffect(()=>{if(!p)throw new Error("displayName must be provided");if(!w)throw new Error("valueName must be provided")},[]);function e(){let h=O;return h||(T.length>0&&(h=re.getPaths(T[0])),B(h)),h}function t(h,H){return re.objCompare(h,H,...A)}function a(h){q(h.target.value),s.length>0?K():M()}function o(h){let H=[...R];if(r(h))H=H.filter(n=>{const f=e();return re.objCompare(n,h,...f)!==0});else{if(j!==null&&R.length>=j)return;H.push(h)}D(H)}function r(h){const H=e();return R.findIndex(n=>re.objCompare(n,h,...H)===0)>=0}function u(h){const H=e(),n=R.filter(f=>re.objCompare(f,h,...H)!==0);D(n),S!==null&&S(n)}function c(){m?M():K()}function M(){$(!1),S!==null&&S(R)}function K(){G.length>0&&$(!0)}return b.jsxs("div",{className:`dropdown-js dropdown-js-rounded
|
|
5
|
+
${Z&&`dropdown-js-border ${Z}`}`,style:{...y?{pointerEvents:"none"}:{}},children:[b.jsxs("div",{className:"dropdown-js-input-wrapper dropdown-js-rounded",style:Q,children:[b.jsx("div",{children:b.jsx("input",{id:"multiSelectionDropdownObjSearch",name:"multiSelectionDropdownObjSearch",className:"dropdown-js-input dropdown-js-rounded",style:Q,"aria-label":i,"aria-autocomplete":"list","aria-controls":"multiSelectionDropdownObj",role:"combobox","aria-expanded":m,"aria-haspopup":"listbox",type:"text",autoComplete:"off","aria-placeholder":`Type to Search for ${i}`,onChange:h=>a(h),placeholder:`Type to Search for ${i}`,value:C})}),b.jsx("div",{className:"dropdown-js-arrow-container dropdown-js-padding dropdown-js-rounded","aria-expanded":m,"aria-controls":"multiSelectionDropdownObj","aria-label":`${i} options`,onClick:h=>c(),children:b.jsx("span",{className:"dropdown-js-arrow dropdown-js-padding",children:m?"-":"+"})})]}),b.jsx("div",{className:"dropdown-js-padding dropdown-js-selected-wrapper dropdown-js-selected-container",children:b.jsx("div",{id:"multiSelectionDropdownObj",className:"dropdown-js-selected-items","aria-label":`Selected ${i} options`,"aria-multiselectable":!0,"aria-live":"polite",children:R.map(h=>b.jsxs("span",{className:"dropdown-js-padding dropdown-js-rounded","aria-label":`${h[p]}`,style:{...Q,margin:"3.5px",marginRight:"0px"},children:[h[p]," ",b.jsx("span",{className:"dropdown-js-padding",style:{cursor:"pointer"},"aria-label":`Remove ${h[p]}`,onClick:H=>u(h),children:"×"})]},`${h[w]}${h[p]}`))})}),b.jsxs("div",{className:`dropdown-js-padding dropdown-js-menu dropdown-js-rounded ${!m&&"dropdown-js-hide"}`,style:Q,id:"multiSelectionDropdownObj",name:"multiSelectionDropdownObj",role:"listbox","aria-multiselectable":!0,"aria-expanded":m,children:[G.map(h=>b.jsxs("div",{children:[b.jsx("input",{id:`${h[w]}Checkbox`,type:"checkbox",name:`${h[p]}Checkbox`,role:"option","aria-label":`${h[p]}`,"aria-checked":r(h),style:{cursor:"pointer"},checked:r(h),onChange:H=>o(h),value:h[w]}),b.jsx("label",{style:{marginLeft:"5px"},htmlFor:`${h[w]}`,children:h[p]}),b.jsx("hr",{style:{backgroundColor:Q.color,border:"none",height:"0.5px"}})]},`${h[w]}${h[p]}`)),b.jsx("button",{className:"dropdown-js-padding dropdown-js-round",style:x,title:"Done",disabled:G.length===0,"aria-label":`Close ${i} options`,onClick:h=>M(),type:"button",children:"Done"})]})]})}Pe.propTypes={label:l.string.isRequired,data:l.arrayOf(l.object).isRequired,sortFields:l.arrayOf(l.string).isRequired,selectedData:l.arrayOf(l.object),maxNumSelections:l.number,displayName:l.string.isRequired,valueName:l.string.isRequired,isDisabled:l.bool,onItemsSelected:l.func,dropdownStyle:l.shape({color:l.string.isRequired,backgroundColor:l.string.isRequired,fontSize:l.string,borderColor:l.string}),buttonStyle:l.shape({color:l.string.isRequired,backgroundColor:l.string.isRequired,fontSize:l.string,borderColor:l.string})};function $e({label:i,data:T,sortOrder:A="asc",selectedData:v=[],maxNumSelections:j=null,isDisabled:p=!1,onItemsSelected:w=null,dropdownStyle:y,buttonStyle:S}){const[g,x]=z.useState(!1),m=z.useMemo(()=>T.toSorted(s),[T]),[$,O]=z.useState(""),[B,C]=z.useState([]),q=z.useMemo(()=>B.length>0?B.filter(r=>m.findIndex(u=>u===r)>=0).toSorted(s):v.filter(r=>m.findIndex(u=>u===r)>=0).toSorted(s),[m,v,B]),W=z.useMemo(()=>{if($.length===0)return[];const r=$.toUpperCase();return m.filter(u=>u.toUpperCase().includes(r))},[$]),X=z.useMemo(()=>$.length>0?W:m,[$,m]),D=(()=>{const r={backgroundColor:y?.backgroundColor,color:y?.color};return y?.fontSize&&(r.fontSize=y?.fontSize),r})(),R=y?.borderColor;function s(r,u){return re.compare(r,u,A)}function G(r){const u=r.target.value;O(u),X.length>0?o():a()}function Q(r){let u=[...q];if(Z(r))u=u.filter(c=>c!==r);else{if(j!==null&&u.length>=j)return;u.push(r)}C(u)}function Z(r){return q.findIndex(u=>u===r)>=0}function e(r){const u=q.filter(c=>c!==r);C(c=>u),w!==null&&w(u)}function t(){g?a():o()}function a(){x(!1),w!==null&&w(q)}function o(){X.length>0&&x(!0)}return b.jsxs("div",{className:`dropdown-js dropdown-js-rounded
|
|
6
|
+
${R&&`dropdown-js-border ${R}`}`,style:{...p?{pointerEvents:"none"}:{}},children:[b.jsxs("div",{className:"dropdown-js-input-wrapper dropdown-js-rounded",style:D,children:[b.jsx("div",{children:b.jsx("input",{className:"dropdown-js-input dropdown-js-rounded",id:"multiselectionDropdownSearch",name:"multiselectionDropdownSearch",style:D,type:"text",autoComplete:"off",role:"combobox","aria-label":i,"aria-placeholder":`Type to search for ${i}`,"aria-autocomplete":"list","aria-controls":"multiSelectionDropdown","aria-expanded":g,"aria-haspopup":"listbox",onChange:r=>G(r),placeholder:`Type to Search for ${i}`,value:$})}),b.jsx("div",{className:"dropdown-js-arrow-container dropdown-js-padding dropdown-js-rounded","aria-expanded":g,"aria-controls":"multiSelectionDropdown","aria-label":`${i} options`,onClick:r=>t(),children:b.jsx("span",{className:"dropdown-js-arrow dropdown-js-padding",children:g?"-":"+"})})]}),b.jsx("div",{className:"dropdown-js-padding dropdown-js-selected-wrapper dropdown-js-selected-container",children:b.jsx("div",{id:"multiSelectionDropdown-selectedItems",className:"dropdown-js-selected-items","aria-label":`Selected ${i} options`,"aria-live":"polite",children:q.map(r=>b.jsxs("span",{className:"dropdown-js-padding dropdown-js-rounded","aria-label":`${r}`,style:{...D,margin:"3.5px",marginRight:"0px"},children:[r," ",b.jsx("span",{style:{cursor:"pointer"},"aria-label":`Remove ${r}`,onClick:u=>e(r),children:"×"})]},`${r}`))})}),b.jsxs("div",{className:`dropdown-js-padding dropdown-js-menu dropdown-js-rounded ${!g&&"dropdown-js-hide"}`,style:D,id:"multiSelectionDropdown",name:"multiSelectionDropdown",role:"listbox","aria-multiselectable":!0,"aria-expanded":g,children:[X.map((r,u)=>b.jsxs("div",{children:[b.jsx("input",{type:"checkbox",name:`${r}Checkbox`,role:"option","aria-label":r,"aria-checked":Z(r),style:{cursor:"pointer"},checked:Z(r),onChange:c=>Q(r),value:r}),b.jsx("label",{style:{marginLeft:"5px"},htmlFor:`${r}`,children:r}),b.jsx("hr",{style:{backgroundColor:D.color,border:"none",height:"0.5px"}})]},`${u}#${r}`)),b.jsx("button",{className:"dropdown-js-padding dropdown-js-round",style:S,"aria-label":`Click to collapse ${i} options`,title:"Done",disabled:X.length===0,onClick:r=>a(),type:"button",children:"Done"})]})]})}$e.propTypes={label:l.string.isRequired,data:l.array.isRequired,sortOrder:l.string,selectedData:l.array.isRequired,maxNumSelections:l.number,isDisabled:l.bool,onItemsSelected:l.func,dropdownStyle:l.shape({color:l.string.isRequired,backgroundColor:l.string.isRequired,fontSize:l.string,borderColor:l.string}),buttonStyle:l.shape({color:l.string.isRequired,backgroundColor:l.string.isRequired,fontSize:l.string,borderColor:l.string})};exports.Dropdown=Oe;exports.DropdownObj=Re;exports.MultiSelectionDropdown=$e;exports.MultiSelectionDropdownObj=Pe;
|
package/dist/dropdowns-js.es.js
CHANGED
|
@@ -39,12 +39,12 @@ function _e() {
|
|
|
39
39
|
}
|
|
40
40
|
}
|
|
41
41
|
}
|
|
42
|
-
function
|
|
42
|
+
function O(s) {
|
|
43
43
|
return I(s) === g;
|
|
44
44
|
}
|
|
45
45
|
return Y.AsyncMode = w, Y.ConcurrentMode = g, Y.ContextConsumer = y, Y.ContextProvider = b, Y.Element = T, Y.ForwardRef = S, Y.Fragment = v, Y.Lazy = J, Y.Memo = j, Y.Portal = M, Y.Profiler = p, Y.StrictMode = C, Y.Suspense = m, Y.isAsyncMode = function(s) {
|
|
46
|
-
return
|
|
47
|
-
}, Y.isConcurrentMode =
|
|
46
|
+
return O(s) || I(s) === w;
|
|
47
|
+
}, Y.isConcurrentMode = O, Y.isContextConsumer = function(s) {
|
|
48
48
|
return I(s) === y;
|
|
49
49
|
}, Y.isContextProvider = function(s) {
|
|
50
50
|
return I(s) === b;
|
|
@@ -79,7 +79,7 @@ function Ie() {
|
|
|
79
79
|
return typeof d == "string" || typeof d == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
|
|
80
80
|
d === v || d === g || d === p || d === C || d === m || d === P || typeof d == "object" && d !== null && (d.$$typeof === J || d.$$typeof === j || d.$$typeof === b || d.$$typeof === y || d.$$typeof === S || d.$$typeof === q || d.$$typeof === V || d.$$typeof === H || d.$$typeof === x);
|
|
81
81
|
}
|
|
82
|
-
function
|
|
82
|
+
function O(d) {
|
|
83
83
|
if (typeof d == "object" && d !== null) {
|
|
84
84
|
var oe = d.$$typeof;
|
|
85
85
|
switch (oe) {
|
|
@@ -111,51 +111,51 @@ function Ie() {
|
|
|
111
111
|
}
|
|
112
112
|
}
|
|
113
113
|
}
|
|
114
|
-
var s = w, X = g, K = y, W = b, e = T, t = S, a = v, o = J, r = j, c = M,
|
|
114
|
+
var s = w, X = g, K = y, W = b, e = T, t = S, a = v, o = J, r = j, c = M, l = p, D = C, G = m, h = !1;
|
|
115
115
|
function B(d) {
|
|
116
|
-
return h || (h = !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.")), n(d) ||
|
|
116
|
+
return h || (h = !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.")), n(d) || O(d) === w;
|
|
117
117
|
}
|
|
118
118
|
function n(d) {
|
|
119
|
-
return
|
|
119
|
+
return O(d) === g;
|
|
120
120
|
}
|
|
121
121
|
function f(d) {
|
|
122
|
-
return
|
|
122
|
+
return O(d) === y;
|
|
123
123
|
}
|
|
124
124
|
function k(d) {
|
|
125
|
-
return
|
|
125
|
+
return O(d) === b;
|
|
126
126
|
}
|
|
127
127
|
function $(d) {
|
|
128
128
|
return typeof d == "object" && d !== null && d.$$typeof === T;
|
|
129
129
|
}
|
|
130
130
|
function E(d) {
|
|
131
|
-
return
|
|
131
|
+
return O(d) === S;
|
|
132
132
|
}
|
|
133
133
|
function A(d) {
|
|
134
|
-
return
|
|
134
|
+
return O(d) === v;
|
|
135
135
|
}
|
|
136
|
-
function
|
|
137
|
-
return
|
|
136
|
+
function R(d) {
|
|
137
|
+
return O(d) === J;
|
|
138
138
|
}
|
|
139
139
|
function _(d) {
|
|
140
|
-
return
|
|
140
|
+
return O(d) === j;
|
|
141
141
|
}
|
|
142
142
|
function z(d) {
|
|
143
|
-
return
|
|
143
|
+
return O(d) === M;
|
|
144
144
|
}
|
|
145
145
|
function F(d) {
|
|
146
|
-
return
|
|
146
|
+
return O(d) === p;
|
|
147
147
|
}
|
|
148
148
|
function N(d) {
|
|
149
|
-
return
|
|
149
|
+
return O(d) === C;
|
|
150
150
|
}
|
|
151
151
|
function te(d) {
|
|
152
|
-
return
|
|
152
|
+
return O(d) === m;
|
|
153
153
|
}
|
|
154
|
-
U.AsyncMode = s, U.ConcurrentMode = X, U.ContextConsumer = K, U.ContextProvider = W, U.Element = e, U.ForwardRef = t, U.Fragment = a, U.Lazy = o, U.Memo = r, U.Portal = c, U.Profiler =
|
|
154
|
+
U.AsyncMode = s, U.ConcurrentMode = X, U.ContextConsumer = K, U.ContextProvider = W, U.Element = e, U.ForwardRef = t, U.Fragment = a, U.Lazy = o, U.Memo = r, U.Portal = c, U.Profiler = l, U.StrictMode = D, U.Suspense = G, U.isAsyncMode = B, U.isConcurrentMode = n, U.isContextConsumer = f, U.isContextProvider = k, U.isElement = $, U.isForwardRef = E, U.isFragment = A, U.isLazy = R, U.isMemo = _, U.isPortal = z, U.isProfiler = F, U.isStrictMode = N, U.isSuspense = te, U.isValidElementType = I, U.typeOf = O;
|
|
155
155
|
})()), U;
|
|
156
156
|
}
|
|
157
157
|
var ve;
|
|
158
|
-
function
|
|
158
|
+
function Oe() {
|
|
159
159
|
return ve || (ve = 1, process.env.NODE_ENV === "production" ? ae.exports = _e() : ae.exports = Ie()), ae.exports;
|
|
160
160
|
}
|
|
161
161
|
var ce, be;
|
|
@@ -212,7 +212,7 @@ function he() {
|
|
|
212
212
|
return le = i, le;
|
|
213
213
|
}
|
|
214
214
|
var ue, Se;
|
|
215
|
-
function
|
|
215
|
+
function Re() {
|
|
216
216
|
return Se || (Se = 1, ue = Function.call.bind(Object.prototype.hasOwnProperty)), ue;
|
|
217
217
|
}
|
|
218
218
|
var de, Ce;
|
|
@@ -222,7 +222,7 @@ function ke() {
|
|
|
222
222
|
var i = function() {
|
|
223
223
|
};
|
|
224
224
|
if (process.env.NODE_ENV !== "production") {
|
|
225
|
-
var T = /* @__PURE__ */ he(), M = {}, v = /* @__PURE__ */
|
|
225
|
+
var T = /* @__PURE__ */ he(), M = {}, v = /* @__PURE__ */ Re();
|
|
226
226
|
i = function(p) {
|
|
227
227
|
var b = "Warning: " + p;
|
|
228
228
|
typeof console < "u" && console.error(b);
|
|
@@ -268,7 +268,7 @@ var fe, xe;
|
|
|
268
268
|
function qe() {
|
|
269
269
|
if (xe) return fe;
|
|
270
270
|
xe = 1;
|
|
271
|
-
var i =
|
|
271
|
+
var i = Oe(), T = De(), M = /* @__PURE__ */ he(), v = /* @__PURE__ */ Re(), C = /* @__PURE__ */ ke(), p = function() {
|
|
272
272
|
};
|
|
273
273
|
process.env.NODE_ENV !== "production" && (p = function(y) {
|
|
274
274
|
var w = "Warning: " + y;
|
|
@@ -299,7 +299,7 @@ function qe() {
|
|
|
299
299
|
symbol: V("symbol"),
|
|
300
300
|
any: H(),
|
|
301
301
|
arrayOf: I,
|
|
302
|
-
element:
|
|
302
|
+
element: O(),
|
|
303
303
|
elementType: s(),
|
|
304
304
|
instanceOf: X,
|
|
305
305
|
node: t(),
|
|
@@ -319,7 +319,7 @@ function qe() {
|
|
|
319
319
|
function q(n) {
|
|
320
320
|
if (process.env.NODE_ENV !== "production")
|
|
321
321
|
var f = {}, k = 0;
|
|
322
|
-
function $(A,
|
|
322
|
+
function $(A, R, _, z, F, N, te) {
|
|
323
323
|
if (z = z || P, N = N || _, te !== M) {
|
|
324
324
|
if (w) {
|
|
325
325
|
var d = new Error(
|
|
@@ -334,18 +334,18 @@ function qe() {
|
|
|
334
334
|
), f[oe] = !0, k++);
|
|
335
335
|
}
|
|
336
336
|
}
|
|
337
|
-
return
|
|
337
|
+
return R[_] == null ? A ? R[_] === null ? new x("The " + F + " `" + N + "` is marked as required " + ("in `" + z + "`, but its value is `null`.")) : new x("The " + F + " `" + N + "` is marked as required in " + ("`" + z + "`, but its value is `undefined`.")) : null : n(R, _, z, F, N);
|
|
338
338
|
}
|
|
339
339
|
var E = $.bind(null, !1);
|
|
340
340
|
return E.isRequired = $.bind(null, !0), E;
|
|
341
341
|
}
|
|
342
342
|
function V(n) {
|
|
343
|
-
function f(k, $, E, A,
|
|
343
|
+
function f(k, $, E, A, R, _) {
|
|
344
344
|
var z = k[$], F = D(z);
|
|
345
345
|
if (F !== n) {
|
|
346
346
|
var N = G(z);
|
|
347
347
|
return new x(
|
|
348
|
-
"Invalid " + A + " `" +
|
|
348
|
+
"Invalid " + A + " `" + R + "` of type " + ("`" + N + "` supplied to `" + E + "`, expected ") + ("`" + n + "`."),
|
|
349
349
|
{ expectedType: n }
|
|
350
350
|
);
|
|
351
351
|
}
|
|
@@ -357,16 +357,16 @@ function qe() {
|
|
|
357
357
|
return q(b);
|
|
358
358
|
}
|
|
359
359
|
function I(n) {
|
|
360
|
-
function f(k, $, E, A,
|
|
360
|
+
function f(k, $, E, A, R) {
|
|
361
361
|
if (typeof n != "function")
|
|
362
|
-
return new x("Property `" +
|
|
362
|
+
return new x("Property `" + R + "` of component `" + E + "` has invalid PropType notation inside arrayOf.");
|
|
363
363
|
var _ = k[$];
|
|
364
364
|
if (!Array.isArray(_)) {
|
|
365
365
|
var z = D(_);
|
|
366
|
-
return new x("Invalid " + A + " `" +
|
|
366
|
+
return new x("Invalid " + A + " `" + R + "` of type " + ("`" + z + "` supplied to `" + E + "`, expected an array."));
|
|
367
367
|
}
|
|
368
368
|
for (var F = 0; F < _.length; F++) {
|
|
369
|
-
var N = n(_, F, E, A,
|
|
369
|
+
var N = n(_, F, E, A, R + "[" + F + "]", M);
|
|
370
370
|
if (N instanceof Error)
|
|
371
371
|
return N;
|
|
372
372
|
}
|
|
@@ -374,11 +374,11 @@ function qe() {
|
|
|
374
374
|
}
|
|
375
375
|
return q(f);
|
|
376
376
|
}
|
|
377
|
-
function
|
|
377
|
+
function O() {
|
|
378
378
|
function n(f, k, $, E, A) {
|
|
379
|
-
var
|
|
380
|
-
if (!y(
|
|
381
|
-
var _ = D(
|
|
379
|
+
var R = f[k];
|
|
380
|
+
if (!y(R)) {
|
|
381
|
+
var _ = D(R);
|
|
382
382
|
return new x("Invalid " + E + " `" + A + "` of type " + ("`" + _ + "` supplied to `" + $ + "`, expected a single ReactElement."));
|
|
383
383
|
}
|
|
384
384
|
return null;
|
|
@@ -387,9 +387,9 @@ function qe() {
|
|
|
387
387
|
}
|
|
388
388
|
function s() {
|
|
389
389
|
function n(f, k, $, E, A) {
|
|
390
|
-
var
|
|
391
|
-
if (!i.isValidElementType(
|
|
392
|
-
var _ = D(
|
|
390
|
+
var R = f[k];
|
|
391
|
+
if (!i.isValidElementType(R)) {
|
|
392
|
+
var _ = D(R);
|
|
393
393
|
return new x("Invalid " + E + " `" + A + "` of type " + ("`" + _ + "` supplied to `" + $ + "`, expected a single ReactElement type."));
|
|
394
394
|
}
|
|
395
395
|
return null;
|
|
@@ -397,10 +397,10 @@ function qe() {
|
|
|
397
397
|
return q(n);
|
|
398
398
|
}
|
|
399
399
|
function X(n) {
|
|
400
|
-
function f(k, $, E, A,
|
|
400
|
+
function f(k, $, E, A, R) {
|
|
401
401
|
if (!(k[$] instanceof n)) {
|
|
402
402
|
var _ = n.name || P, z = B(k[$]);
|
|
403
|
-
return new x("Invalid " + A + " `" +
|
|
403
|
+
return new x("Invalid " + A + " `" + R + "` of type " + ("`" + z + "` supplied to `" + E + "`, expected ") + ("instance of `" + _ + "`."));
|
|
404
404
|
}
|
|
405
405
|
return null;
|
|
406
406
|
}
|
|
@@ -411,7 +411,7 @@ function qe() {
|
|
|
411
411
|
return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? p(
|
|
412
412
|
"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])."
|
|
413
413
|
) : p("Invalid argument supplied to oneOf, expected an array.")), b;
|
|
414
|
-
function f(k, $, E, A,
|
|
414
|
+
function f(k, $, E, A, R) {
|
|
415
415
|
for (var _ = k[$], z = 0; z < n.length; z++)
|
|
416
416
|
if (J(_, n[z]))
|
|
417
417
|
return null;
|
|
@@ -419,20 +419,20 @@ function qe() {
|
|
|
419
419
|
var oe = G(d);
|
|
420
420
|
return oe === "symbol" ? String(d) : d;
|
|
421
421
|
});
|
|
422
|
-
return new x("Invalid " + A + " `" +
|
|
422
|
+
return new x("Invalid " + A + " `" + R + "` of value `" + String(_) + "` " + ("supplied to `" + E + "`, expected one of " + F + "."));
|
|
423
423
|
}
|
|
424
424
|
return q(f);
|
|
425
425
|
}
|
|
426
426
|
function W(n) {
|
|
427
|
-
function f(k, $, E, A,
|
|
427
|
+
function f(k, $, E, A, R) {
|
|
428
428
|
if (typeof n != "function")
|
|
429
|
-
return new x("Property `" +
|
|
429
|
+
return new x("Property `" + R + "` of component `" + E + "` has invalid PropType notation inside objectOf.");
|
|
430
430
|
var _ = k[$], z = D(_);
|
|
431
431
|
if (z !== "object")
|
|
432
|
-
return new x("Invalid " + A + " `" +
|
|
432
|
+
return new x("Invalid " + A + " `" + R + "` of type " + ("`" + z + "` supplied to `" + E + "`, expected an object."));
|
|
433
433
|
for (var F in _)
|
|
434
434
|
if (v(_, F)) {
|
|
435
|
-
var N = n(_, F, E, A,
|
|
435
|
+
var N = n(_, F, E, A, R + "." + F, M);
|
|
436
436
|
if (N instanceof Error)
|
|
437
437
|
return N;
|
|
438
438
|
}
|
|
@@ -450,15 +450,15 @@ function qe() {
|
|
|
450
450
|
"Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + h(k) + " at index " + f + "."
|
|
451
451
|
), b;
|
|
452
452
|
}
|
|
453
|
-
function $(E, A,
|
|
453
|
+
function $(E, A, R, _, z) {
|
|
454
454
|
for (var F = [], N = 0; N < n.length; N++) {
|
|
455
|
-
var te = n[N], d = te(E, A,
|
|
455
|
+
var te = n[N], d = te(E, A, R, _, z, M);
|
|
456
456
|
if (d == null)
|
|
457
457
|
return null;
|
|
458
458
|
d.data && v(d.data, "expectedType") && F.push(d.data.expectedType);
|
|
459
459
|
}
|
|
460
460
|
var oe = F.length > 0 ? ", expected one of type [" + F.join(", ") + "]" : "";
|
|
461
|
-
return new x("Invalid " + _ + " `" + z + "` supplied to " + ("`" +
|
|
461
|
+
return new x("Invalid " + _ + " `" + z + "` supplied to " + ("`" + R + "`" + oe + "."));
|
|
462
462
|
}
|
|
463
463
|
return q($);
|
|
464
464
|
}
|
|
@@ -474,15 +474,15 @@ function qe() {
|
|
|
474
474
|
);
|
|
475
475
|
}
|
|
476
476
|
function o(n) {
|
|
477
|
-
function f(k, $, E, A,
|
|
477
|
+
function f(k, $, E, A, R) {
|
|
478
478
|
var _ = k[$], z = D(_);
|
|
479
479
|
if (z !== "object")
|
|
480
|
-
return new x("Invalid " + A + " `" +
|
|
480
|
+
return new x("Invalid " + A + " `" + R + "` of type `" + z + "` " + ("supplied to `" + E + "`, expected `object`."));
|
|
481
481
|
for (var F in n) {
|
|
482
482
|
var N = n[F];
|
|
483
483
|
if (typeof N != "function")
|
|
484
|
-
return a(E, A,
|
|
485
|
-
var te = N(_, F, E, A,
|
|
484
|
+
return a(E, A, R, F, G(N));
|
|
485
|
+
var te = N(_, F, E, A, R + "." + F, M);
|
|
486
486
|
if (te)
|
|
487
487
|
return te;
|
|
488
488
|
}
|
|
@@ -491,21 +491,21 @@ function qe() {
|
|
|
491
491
|
return q(f);
|
|
492
492
|
}
|
|
493
493
|
function r(n) {
|
|
494
|
-
function f(k, $, E, A,
|
|
494
|
+
function f(k, $, E, A, R) {
|
|
495
495
|
var _ = k[$], z = D(_);
|
|
496
496
|
if (z !== "object")
|
|
497
|
-
return new x("Invalid " + A + " `" +
|
|
497
|
+
return new x("Invalid " + A + " `" + R + "` of type `" + z + "` " + ("supplied to `" + E + "`, expected `object`."));
|
|
498
498
|
var F = T({}, k[$], n);
|
|
499
499
|
for (var N in F) {
|
|
500
500
|
var te = n[N];
|
|
501
501
|
if (v(n, N) && typeof te != "function")
|
|
502
|
-
return a(E, A,
|
|
502
|
+
return a(E, A, R, N, G(te));
|
|
503
503
|
if (!te)
|
|
504
504
|
return new x(
|
|
505
|
-
"Invalid " + A + " `" +
|
|
505
|
+
"Invalid " + A + " `" + R + "` key `" + N + "` supplied to `" + E + "`.\nBad object: " + JSON.stringify(k[$], null, " ") + `
|
|
506
506
|
Valid keys: ` + JSON.stringify(Object.keys(n), null, " ")
|
|
507
507
|
);
|
|
508
|
-
var d = te(_, N, E, A,
|
|
508
|
+
var d = te(_, N, E, A, R + "." + N, M);
|
|
509
509
|
if (d)
|
|
510
510
|
return d;
|
|
511
511
|
}
|
|
@@ -546,12 +546,12 @@ Valid keys: ` + JSON.stringify(Object.keys(n), null, " ")
|
|
|
546
546
|
return !1;
|
|
547
547
|
}
|
|
548
548
|
}
|
|
549
|
-
function
|
|
549
|
+
function l(n, f) {
|
|
550
550
|
return n === "symbol" ? !0 : f ? f["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && f instanceof Symbol : !1;
|
|
551
551
|
}
|
|
552
552
|
function D(n) {
|
|
553
553
|
var f = typeof n;
|
|
554
|
-
return Array.isArray(n) ? "array" : n instanceof RegExp ? "object" :
|
|
554
|
+
return Array.isArray(n) ? "array" : n instanceof RegExp ? "object" : l(f, n) ? "symbol" : f;
|
|
555
555
|
}
|
|
556
556
|
function G(n) {
|
|
557
557
|
if (typeof n > "u" || n === null)
|
|
@@ -637,14 +637,14 @@ var Ee;
|
|
|
637
637
|
function Ae() {
|
|
638
638
|
if (Ee) return se.exports;
|
|
639
639
|
if (Ee = 1, process.env.NODE_ENV !== "production") {
|
|
640
|
-
var i =
|
|
640
|
+
var i = Oe(), T = !0;
|
|
641
641
|
se.exports = /* @__PURE__ */ qe()(i.isElement, T);
|
|
642
642
|
} else
|
|
643
643
|
se.exports = /* @__PURE__ */ Me()();
|
|
644
644
|
return se.exports;
|
|
645
645
|
}
|
|
646
646
|
var ze = /* @__PURE__ */ Ae();
|
|
647
|
-
const
|
|
647
|
+
const u = /* @__PURE__ */ $e(ze);
|
|
648
648
|
var Z = {}, je;
|
|
649
649
|
function Ne() {
|
|
650
650
|
if (je) return Z;
|
|
@@ -744,8 +744,8 @@ function Ne() {
|
|
|
744
744
|
function j(e, t, a = void 0) {
|
|
745
745
|
let o = t.split("."), r = e;
|
|
746
746
|
for (let c in o) {
|
|
747
|
-
let
|
|
748
|
-
if (r[
|
|
747
|
+
let l = o[c];
|
|
748
|
+
if (r[l] === void 0 || (r = r[l], r === void 0))
|
|
749
749
|
return a;
|
|
750
750
|
}
|
|
751
751
|
return r;
|
|
@@ -754,8 +754,8 @@ function Ne() {
|
|
|
754
754
|
function J(e, t, a) {
|
|
755
755
|
let o = e, r = t.split(".");
|
|
756
756
|
for (let c in r) {
|
|
757
|
-
let
|
|
758
|
-
c < r.length - 1 ? (
|
|
757
|
+
let l = r[c];
|
|
758
|
+
c < r.length - 1 ? (l in o || (o[l] = {}), o = o[l]) : o[l] = a;
|
|
759
759
|
}
|
|
760
760
|
}
|
|
761
761
|
Z.set = J;
|
|
@@ -809,30 +809,30 @@ function Ne() {
|
|
|
809
809
|
throw new Error(`arraySortDir must be one of ${r}`);
|
|
810
810
|
if (e.length === 0)
|
|
811
811
|
return -1;
|
|
812
|
-
let c = a,
|
|
813
|
-
for (; c <
|
|
814
|
-
if (
|
|
812
|
+
let c = a, l = e.length - 1;
|
|
813
|
+
for (; c < l; ) {
|
|
814
|
+
if (O(e[c], t) === 0)
|
|
815
815
|
return c;
|
|
816
|
-
if (
|
|
817
|
-
return
|
|
818
|
-
const D = Math.trunc((c +
|
|
816
|
+
if (O(e[l], t) === 0)
|
|
817
|
+
return l;
|
|
818
|
+
const D = Math.trunc((c + l) / 2), G = O(e[D], t, o);
|
|
819
819
|
if (G < 0)
|
|
820
820
|
c = D + 1;
|
|
821
821
|
else if (G > 0)
|
|
822
|
-
|
|
822
|
+
l = D - 1;
|
|
823
823
|
else
|
|
824
824
|
return D;
|
|
825
825
|
}
|
|
826
826
|
return c;
|
|
827
827
|
}
|
|
828
828
|
Z.binarySearch = I;
|
|
829
|
-
function
|
|
829
|
+
function O(e, t, a = "asc") {
|
|
830
830
|
if (!["asc", "desc"].includes(a))
|
|
831
831
|
throw new Error(`sortDir must be one of ${a}`);
|
|
832
832
|
const o = a === "desc" ? -1 : 1;
|
|
833
833
|
return e > t ? o : e < t ? -o : 0;
|
|
834
834
|
}
|
|
835
|
-
Z.compare =
|
|
835
|
+
Z.compare = O;
|
|
836
836
|
function s(e, t, a = 0, ...o) {
|
|
837
837
|
if (e.length === 0)
|
|
838
838
|
return -1;
|
|
@@ -842,13 +842,13 @@ function Ne() {
|
|
|
842
842
|
return r;
|
|
843
843
|
if (W(e[c], t, ...o) === 0)
|
|
844
844
|
return c;
|
|
845
|
-
let
|
|
846
|
-
if (W(e[
|
|
847
|
-
r =
|
|
848
|
-
else if (W(e[
|
|
849
|
-
c =
|
|
845
|
+
let l = Math.trunc((r + c) / 2);
|
|
846
|
+
if (W(e[l], t, ...o) < 0)
|
|
847
|
+
r = l + 1;
|
|
848
|
+
else if (W(e[l], t, ...o) > 0)
|
|
849
|
+
c = l - 1;
|
|
850
850
|
else
|
|
851
|
-
return
|
|
851
|
+
return l;
|
|
852
852
|
}
|
|
853
853
|
return r;
|
|
854
854
|
}
|
|
@@ -860,8 +860,8 @@ function Ne() {
|
|
|
860
860
|
if (W(t, e[r], ...o) > 0)
|
|
861
861
|
throw new Error("targetObj is to the right ('greater than') objArray[startFrom].");
|
|
862
862
|
for (; r < c; ) {
|
|
863
|
-
let
|
|
864
|
-
W(t, e[
|
|
863
|
+
let l = Math.trunc((r + c) / 2);
|
|
864
|
+
W(t, e[l], ...o) === 0 ? r = l + 1 : W(t, e[l], ...o) < 0 && (c = l);
|
|
865
865
|
}
|
|
866
866
|
return W(t, e[r], ...o) === 0 ? -1 : r;
|
|
867
867
|
}
|
|
@@ -885,11 +885,11 @@ function Ne() {
|
|
|
885
885
|
throw new Error("comparisonFields not supplied!");
|
|
886
886
|
const o = ["", "asc", "desc"];
|
|
887
887
|
for (const r in a) {
|
|
888
|
-
const c = a[r].split(" "),
|
|
888
|
+
const c = a[r].split(" "), l = c[0];
|
|
889
889
|
let D = "";
|
|
890
890
|
if (c.length === 2 && (D = c[1]), !o.includes(D))
|
|
891
891
|
throw new Error("Sort direction must be one of " + o.toString());
|
|
892
|
-
const G = j(e,
|
|
892
|
+
const G = j(e, l), h = j(t, l), B = D === "desc" ? -1 : 1;
|
|
893
893
|
if (G > h)
|
|
894
894
|
return B;
|
|
895
895
|
if (G < h)
|
|
@@ -914,7 +914,7 @@ function Le({
|
|
|
914
914
|
// Styling object with fields {color, backgroundColor, borderColor (optional), fontSize}.
|
|
915
915
|
isDisabled: b = !1
|
|
916
916
|
}) {
|
|
917
|
-
const [y, w] = ee(!1), [g, S] = ee(""), m = re(() => T.toSorted(
|
|
917
|
+
const [y, w] = ee(!1), [g, S] = ee(""), m = re(() => T.toSorted(O), [T]), P = re(() => {
|
|
918
918
|
if (g.length === 0)
|
|
919
919
|
return [];
|
|
920
920
|
const t = g.toUpperCase();
|
|
@@ -937,7 +937,7 @@ function Le({
|
|
|
937
937
|
};
|
|
938
938
|
return p?.fontSize && (t.fontSize = p?.fontSize), t;
|
|
939
939
|
})(), I = p?.borderColor;
|
|
940
|
-
function
|
|
940
|
+
function O(t, a) {
|
|
941
941
|
return ne.compare(t, a, M);
|
|
942
942
|
}
|
|
943
943
|
function s(t) {
|
|
@@ -1038,27 +1038,25 @@ function Le({
|
|
|
1038
1038
|
);
|
|
1039
1039
|
}
|
|
1040
1040
|
Le.propTypes = {
|
|
1041
|
-
label:
|
|
1042
|
-
data:
|
|
1043
|
-
|
|
1044
|
-
|
|
1045
|
-
|
|
1046
|
-
|
|
1047
|
-
|
|
1048
|
-
|
|
1049
|
-
dropdownStyle: l.shape({
|
|
1050
|
-
color: l.string.isRequired,
|
|
1041
|
+
label: u.string.isRequired,
|
|
1042
|
+
data: u.array.isRequired,
|
|
1043
|
+
sortOrder: u.string,
|
|
1044
|
+
selected: u.any,
|
|
1045
|
+
isDisabled: u.bool,
|
|
1046
|
+
onItemsSelected: u.func,
|
|
1047
|
+
dropdownStyle: u.shape({
|
|
1048
|
+
color: u.string.isRequired,
|
|
1051
1049
|
// text color
|
|
1052
|
-
backgroundColor:
|
|
1053
|
-
fontSize:
|
|
1054
|
-
borderColor:
|
|
1050
|
+
backgroundColor: u.string.isRequired,
|
|
1051
|
+
fontSize: u.string,
|
|
1052
|
+
borderColor: u.string
|
|
1055
1053
|
}),
|
|
1056
|
-
buttonStyle:
|
|
1057
|
-
color:
|
|
1054
|
+
buttonStyle: u.shape({
|
|
1055
|
+
color: u.string.isRequired,
|
|
1058
1056
|
// text color
|
|
1059
|
-
backgroundColor:
|
|
1060
|
-
fontSize:
|
|
1061
|
-
borderColor:
|
|
1057
|
+
backgroundColor: u.string.isRequired,
|
|
1058
|
+
fontSize: u.string,
|
|
1059
|
+
borderColor: u.string
|
|
1062
1060
|
})
|
|
1063
1061
|
};
|
|
1064
1062
|
function Ye({
|
|
@@ -1078,38 +1076,38 @@ function Ye({
|
|
|
1078
1076
|
const [g, S] = ee(null), [m, P] = ee(""), [j, J] = ee(""), x = re(() => T.toSorted(e), [T]), q = re(() => {
|
|
1079
1077
|
if (j.length === 0)
|
|
1080
1078
|
return [];
|
|
1081
|
-
const
|
|
1082
|
-
return x.filter((D) => D[C].toUpperCase().toUpperCase().includes(
|
|
1083
|
-
}, [j]), [V, H] = ee(""), [I,
|
|
1079
|
+
const l = j.toUpperCase();
|
|
1080
|
+
return x.filter((D) => D[C].toUpperCase().toUpperCase().includes(l));
|
|
1081
|
+
}, [j]), [V, H] = ee(""), [I, O] = ee(null);
|
|
1084
1082
|
re(() => {
|
|
1085
|
-
let
|
|
1083
|
+
let l;
|
|
1086
1084
|
if (I)
|
|
1087
|
-
|
|
1085
|
+
l = { ...I };
|
|
1088
1086
|
else if (v) {
|
|
1089
1087
|
const D = t(), G = T.findIndex((h) => ne.get(h, ...D) === ne.get(v, ...D));
|
|
1090
|
-
G >= 0 && (
|
|
1088
|
+
G >= 0 && (l = T[G]);
|
|
1091
1089
|
}
|
|
1092
|
-
return
|
|
1090
|
+
return l && H(l[C]), l;
|
|
1093
1091
|
}, [v, I]);
|
|
1094
1092
|
const s = re(() => j.length > 0 ? q : x, [j, x]), X = (() => {
|
|
1095
|
-
const
|
|
1093
|
+
const l = {
|
|
1096
1094
|
backgroundColor: w?.backgroundColor,
|
|
1097
1095
|
color: w?.color
|
|
1098
1096
|
};
|
|
1099
|
-
return w?.fontSize && (
|
|
1097
|
+
return w?.fontSize && (l.fontSize = w?.fontSize), l;
|
|
1100
1098
|
})(), K = w?.borderColor;
|
|
1101
|
-
async function W(
|
|
1102
|
-
J((D) =>
|
|
1099
|
+
async function W(l) {
|
|
1100
|
+
J((D) => l.target.value), H((D) => l.target.value), q.length > 0 ? c() : r();
|
|
1103
1101
|
}
|
|
1104
|
-
function e(
|
|
1105
|
-
return ne.objCompare(
|
|
1102
|
+
function e(l, D) {
|
|
1103
|
+
return ne.objCompare(l, D, ...M);
|
|
1106
1104
|
}
|
|
1107
1105
|
function t() {
|
|
1108
|
-
let
|
|
1109
|
-
return
|
|
1106
|
+
let l = m;
|
|
1107
|
+
return l || (T.length > 0 && (l = ne.getPaths(T[0])), P(l)), l;
|
|
1110
1108
|
}
|
|
1111
|
-
function a(
|
|
1112
|
-
|
|
1109
|
+
function a(l) {
|
|
1110
|
+
O(l), y !== null && y(l), r();
|
|
1113
1111
|
}
|
|
1114
1112
|
function o() {
|
|
1115
1113
|
g ? r() : c();
|
|
@@ -1143,7 +1141,7 @@ function Ye({
|
|
|
1143
1141
|
"aria-expanded": g,
|
|
1144
1142
|
"aria-placeholder": `Type to Search for ${i}`,
|
|
1145
1143
|
"aria-required": !0,
|
|
1146
|
-
onChange: (
|
|
1144
|
+
onChange: (l) => W(l),
|
|
1147
1145
|
disabled: b,
|
|
1148
1146
|
placeholder: `Type to Search for ${i}`,
|
|
1149
1147
|
value: V
|
|
@@ -1155,7 +1153,7 @@ function Ye({
|
|
|
1155
1153
|
className: "dropdown-js-arrow-container dropdown-js-padding dropdown-js-rounded",
|
|
1156
1154
|
"aria-label": `${i} options`,
|
|
1157
1155
|
"aria-expanded": g,
|
|
1158
|
-
onClick: (
|
|
1156
|
+
onClick: (l) => o(),
|
|
1159
1157
|
children: /* @__PURE__ */ L("span", { className: "dropdown-js-arrow dropdown-js-padding", children: g ? "-" : "+" })
|
|
1160
1158
|
}
|
|
1161
1159
|
)
|
|
@@ -1169,20 +1167,20 @@ function Ye({
|
|
|
1169
1167
|
role: "listbox",
|
|
1170
1168
|
"aria-expanded": g,
|
|
1171
1169
|
style: { ...X, marginTop: "3.5px" },
|
|
1172
|
-
children: s.map((
|
|
1170
|
+
children: s.map((l, D) => /* @__PURE__ */ Q(
|
|
1173
1171
|
"div",
|
|
1174
1172
|
{
|
|
1175
|
-
name:
|
|
1173
|
+
name: l[C],
|
|
1176
1174
|
role: "option",
|
|
1177
|
-
"aria-label":
|
|
1175
|
+
"aria-label": l[C],
|
|
1178
1176
|
style: { cursor: "pointer" },
|
|
1179
|
-
onClick: (G) => a(
|
|
1177
|
+
onClick: (G) => a(l),
|
|
1180
1178
|
children: [
|
|
1181
|
-
|
|
1179
|
+
l[C],
|
|
1182
1180
|
D < s.length - 1 && /* @__PURE__ */ L("hr", { style: { borderColor: X.color } })
|
|
1183
1181
|
]
|
|
1184
1182
|
},
|
|
1185
|
-
`${
|
|
1183
|
+
`${l[p]}${D}`
|
|
1186
1184
|
))
|
|
1187
1185
|
}
|
|
1188
1186
|
)
|
|
@@ -1191,20 +1189,20 @@ function Ye({
|
|
|
1191
1189
|
);
|
|
1192
1190
|
}
|
|
1193
1191
|
Ye.propTypes = {
|
|
1194
|
-
label:
|
|
1195
|
-
data:
|
|
1196
|
-
sortFields:
|
|
1197
|
-
selected:
|
|
1198
|
-
displayName:
|
|
1199
|
-
valueName:
|
|
1200
|
-
isDisabled:
|
|
1201
|
-
onItemSelected:
|
|
1202
|
-
dropdownStyle:
|
|
1203
|
-
color:
|
|
1192
|
+
label: u.string.isRequired,
|
|
1193
|
+
data: u.arrayOf(u.object).isRequired,
|
|
1194
|
+
sortFields: u.arrayOf(u.string).isRequired,
|
|
1195
|
+
selected: u.object,
|
|
1196
|
+
displayName: u.string.isRequired,
|
|
1197
|
+
valueName: u.string.isRequired,
|
|
1198
|
+
isDisabled: u.bool,
|
|
1199
|
+
onItemSelected: u.func,
|
|
1200
|
+
dropdownStyle: u.shape({
|
|
1201
|
+
color: u.string.isRequired,
|
|
1204
1202
|
// text color
|
|
1205
|
-
backgroundColor:
|
|
1206
|
-
fontSize:
|
|
1207
|
-
borderColor:
|
|
1203
|
+
backgroundColor: u.string.isRequired,
|
|
1204
|
+
fontSize: u.string,
|
|
1205
|
+
borderColor: u.string
|
|
1208
1206
|
})
|
|
1209
1207
|
};
|
|
1210
1208
|
function Ue({
|
|
@@ -1223,7 +1221,7 @@ function Ue({
|
|
|
1223
1221
|
dropdownStyle: g,
|
|
1224
1222
|
buttonStyle: S
|
|
1225
1223
|
}) {
|
|
1226
|
-
const [m, P] = ee(!1), [j, J] = ee(""), [x, q] = ee(""), V = re(() => T.toSorted(t), [T]), [H, I] = ee([]),
|
|
1224
|
+
const [m, P] = ee(!1), [j, J] = ee(""), [x, q] = ee(""), V = re(() => T.toSorted(t), [T]), [H, I] = ee([]), O = re(() => H.length > 0 ? H.filter((h) => V.findIndex((B) => {
|
|
1227
1225
|
const n = e();
|
|
1228
1226
|
return ne.objCompare(h, B, ...n) === 0;
|
|
1229
1227
|
}) >= 0).toSorted(t) : v.filter((h) => V.findIndex((B) => {
|
|
@@ -1258,14 +1256,14 @@ function Ue({
|
|
|
1258
1256
|
q(h.target.value), s.length > 0 ? G() : D();
|
|
1259
1257
|
}
|
|
1260
1258
|
function o(h) {
|
|
1261
|
-
let B = [...
|
|
1259
|
+
let B = [...O];
|
|
1262
1260
|
if (r(h))
|
|
1263
1261
|
B = B.filter((n) => {
|
|
1264
1262
|
const f = e();
|
|
1265
1263
|
return ne.objCompare(n, h, ...f) !== 0;
|
|
1266
1264
|
});
|
|
1267
1265
|
else {
|
|
1268
|
-
if (C !== null &&
|
|
1266
|
+
if (C !== null && O.length >= C)
|
|
1269
1267
|
return;
|
|
1270
1268
|
B.push(h);
|
|
1271
1269
|
}
|
|
@@ -1273,17 +1271,17 @@ function Ue({
|
|
|
1273
1271
|
}
|
|
1274
1272
|
function r(h) {
|
|
1275
1273
|
const B = e();
|
|
1276
|
-
return
|
|
1274
|
+
return O.findIndex((n) => ne.objCompare(n, h, ...B) === 0) >= 0;
|
|
1277
1275
|
}
|
|
1278
1276
|
function c(h) {
|
|
1279
|
-
const B = e(), n =
|
|
1277
|
+
const B = e(), n = O.filter((f) => ne.objCompare(f, h, ...B) !== 0);
|
|
1280
1278
|
I(n), w !== null && w(n);
|
|
1281
1279
|
}
|
|
1282
|
-
function
|
|
1280
|
+
function l() {
|
|
1283
1281
|
m ? D() : G();
|
|
1284
1282
|
}
|
|
1285
1283
|
function D() {
|
|
1286
|
-
P(!1), w !== null && w(
|
|
1284
|
+
P(!1), w !== null && w(O);
|
|
1287
1285
|
}
|
|
1288
1286
|
function G() {
|
|
1289
1287
|
X.length > 0 && P(!0);
|
|
@@ -1324,7 +1322,7 @@ function Ue({
|
|
|
1324
1322
|
"aria-expanded": m,
|
|
1325
1323
|
"aria-controls": "multiSelectionDropdownObj",
|
|
1326
1324
|
"aria-label": `${i} options`,
|
|
1327
|
-
onClick: (h) =>
|
|
1325
|
+
onClick: (h) => l(),
|
|
1328
1326
|
children: /* @__PURE__ */ L("span", { className: "dropdown-js-arrow dropdown-js-padding", children: m ? "-" : "+" })
|
|
1329
1327
|
}
|
|
1330
1328
|
)
|
|
@@ -1337,7 +1335,7 @@ function Ue({
|
|
|
1337
1335
|
"aria-label": `Selected ${i} options`,
|
|
1338
1336
|
"aria-multiselectable": !0,
|
|
1339
1337
|
"aria-live": "polite",
|
|
1340
|
-
children:
|
|
1338
|
+
children: O.map((h) => /* @__PURE__ */ Q(
|
|
1341
1339
|
"span",
|
|
1342
1340
|
{
|
|
1343
1341
|
className: "dropdown-js-padding dropdown-js-rounded",
|
|
@@ -1404,35 +1402,35 @@ function Ue({
|
|
|
1404
1402
|
);
|
|
1405
1403
|
}
|
|
1406
1404
|
Ue.propTypes = {
|
|
1407
|
-
label:
|
|
1408
|
-
data:
|
|
1409
|
-
sortFields:
|
|
1410
|
-
selectedData:
|
|
1411
|
-
maxNumSelections:
|
|
1412
|
-
displayName:
|
|
1413
|
-
valueName:
|
|
1414
|
-
isDisabled:
|
|
1415
|
-
onItemsSelected:
|
|
1416
|
-
dropdownStyle:
|
|
1417
|
-
color:
|
|
1405
|
+
label: u.string.isRequired,
|
|
1406
|
+
data: u.arrayOf(u.object).isRequired,
|
|
1407
|
+
sortFields: u.arrayOf(u.string).isRequired,
|
|
1408
|
+
selectedData: u.arrayOf(u.object),
|
|
1409
|
+
maxNumSelections: u.number,
|
|
1410
|
+
displayName: u.string.isRequired,
|
|
1411
|
+
valueName: u.string.isRequired,
|
|
1412
|
+
isDisabled: u.bool,
|
|
1413
|
+
onItemsSelected: u.func,
|
|
1414
|
+
dropdownStyle: u.shape({
|
|
1415
|
+
color: u.string.isRequired,
|
|
1418
1416
|
// text color
|
|
1419
|
-
backgroundColor:
|
|
1420
|
-
fontSize:
|
|
1421
|
-
borderColor:
|
|
1417
|
+
backgroundColor: u.string.isRequired,
|
|
1418
|
+
fontSize: u.string,
|
|
1419
|
+
borderColor: u.string
|
|
1422
1420
|
}),
|
|
1423
|
-
buttonStyle:
|
|
1424
|
-
color:
|
|
1421
|
+
buttonStyle: u.shape({
|
|
1422
|
+
color: u.string.isRequired,
|
|
1425
1423
|
// text color
|
|
1426
|
-
backgroundColor:
|
|
1427
|
-
fontSize:
|
|
1428
|
-
borderColor:
|
|
1424
|
+
backgroundColor: u.string.isRequired,
|
|
1425
|
+
fontSize: u.string,
|
|
1426
|
+
borderColor: u.string
|
|
1429
1427
|
})
|
|
1430
1428
|
};
|
|
1431
1429
|
function Fe({
|
|
1432
1430
|
label: i,
|
|
1433
1431
|
// label with which to describe the dropdown.
|
|
1434
1432
|
data: T,
|
|
1435
|
-
|
|
1433
|
+
sortOrder: M = "asc",
|
|
1436
1434
|
selectedData: v = [],
|
|
1437
1435
|
maxNumSelections: C = null,
|
|
1438
1436
|
isDisabled: p = !1,
|
|
@@ -1453,7 +1451,7 @@ function Fe({
|
|
|
1453
1451
|
color: y?.color
|
|
1454
1452
|
};
|
|
1455
1453
|
return y?.fontSize && (r.fontSize = y?.fontSize), r;
|
|
1456
|
-
})(),
|
|
1454
|
+
})(), O = y?.borderColor;
|
|
1457
1455
|
function s(r, c) {
|
|
1458
1456
|
return ne.compare(r, c, M);
|
|
1459
1457
|
}
|
|
@@ -1464,7 +1462,7 @@ function Fe({
|
|
|
1464
1462
|
function K(r) {
|
|
1465
1463
|
let c = [...q];
|
|
1466
1464
|
if (W(r))
|
|
1467
|
-
c = c.filter((
|
|
1465
|
+
c = c.filter((l) => l !== r);
|
|
1468
1466
|
else {
|
|
1469
1467
|
if (C !== null && c.length >= C)
|
|
1470
1468
|
return;
|
|
@@ -1476,8 +1474,8 @@ function Fe({
|
|
|
1476
1474
|
return q.findIndex((c) => c === r) >= 0;
|
|
1477
1475
|
}
|
|
1478
1476
|
function e(r) {
|
|
1479
|
-
const c = q.filter((
|
|
1480
|
-
x((
|
|
1477
|
+
const c = q.filter((l) => l !== r);
|
|
1478
|
+
x((l) => c), b !== null && b(c);
|
|
1481
1479
|
}
|
|
1482
1480
|
function t() {
|
|
1483
1481
|
g ? a() : o();
|
|
@@ -1492,7 +1490,7 @@ function Fe({
|
|
|
1492
1490
|
"div",
|
|
1493
1491
|
{
|
|
1494
1492
|
className: `dropdown-js dropdown-js-rounded
|
|
1495
|
-
${
|
|
1493
|
+
${O && `dropdown-js-border ${O}`}`,
|
|
1496
1494
|
style: { ...p ? { pointerEvents: "none" } : {} },
|
|
1497
1495
|
children: [
|
|
1498
1496
|
/* @__PURE__ */ Q("div", { className: "dropdown-js-input-wrapper dropdown-js-rounded", style: I, children: [
|
|
@@ -1574,7 +1572,7 @@ function Fe({
|
|
|
1574
1572
|
"aria-checked": W(r),
|
|
1575
1573
|
style: { cursor: "pointer" },
|
|
1576
1574
|
checked: W(r),
|
|
1577
|
-
onChange: (
|
|
1575
|
+
onChange: (l) => K(r),
|
|
1578
1576
|
value: r
|
|
1579
1577
|
}
|
|
1580
1578
|
),
|
|
@@ -1602,27 +1600,26 @@ function Fe({
|
|
|
1602
1600
|
);
|
|
1603
1601
|
}
|
|
1604
1602
|
Fe.propTypes = {
|
|
1605
|
-
label:
|
|
1606
|
-
data:
|
|
1607
|
-
|
|
1608
|
-
selectedData:
|
|
1609
|
-
|
|
1610
|
-
|
|
1611
|
-
|
|
1612
|
-
|
|
1613
|
-
|
|
1614
|
-
color: l.string.isRequired,
|
|
1603
|
+
label: u.string.isRequired,
|
|
1604
|
+
data: u.array.isRequired,
|
|
1605
|
+
sortOrder: u.string,
|
|
1606
|
+
selectedData: u.array.isRequired,
|
|
1607
|
+
maxNumSelections: u.number,
|
|
1608
|
+
isDisabled: u.bool,
|
|
1609
|
+
onItemsSelected: u.func,
|
|
1610
|
+
dropdownStyle: u.shape({
|
|
1611
|
+
color: u.string.isRequired,
|
|
1615
1612
|
// text color
|
|
1616
|
-
backgroundColor:
|
|
1617
|
-
fontSize:
|
|
1618
|
-
borderColor:
|
|
1613
|
+
backgroundColor: u.string.isRequired,
|
|
1614
|
+
fontSize: u.string,
|
|
1615
|
+
borderColor: u.string
|
|
1619
1616
|
}),
|
|
1620
|
-
buttonStyle:
|
|
1621
|
-
color:
|
|
1617
|
+
buttonStyle: u.shape({
|
|
1618
|
+
color: u.string.isRequired,
|
|
1622
1619
|
// text color
|
|
1623
|
-
backgroundColor:
|
|
1624
|
-
fontSize:
|
|
1625
|
-
borderColor:
|
|
1620
|
+
backgroundColor: u.string.isRequired,
|
|
1621
|
+
fontSize: u.string,
|
|
1622
|
+
borderColor: u.string
|
|
1626
1623
|
})
|
|
1627
1624
|
};
|
|
1628
1625
|
export {
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"author": "ITA",
|
|
4
4
|
"description": "A React library providing customizable search dropdown components with single and multi-selection capabilities.",
|
|
5
5
|
"private": false,
|
|
6
|
-
"version": "1.1.
|
|
6
|
+
"version": "1.1.3",
|
|
7
7
|
"type": "module",
|
|
8
8
|
"main": "./dist/dropdowns-js.cjs.js",
|
|
9
9
|
"module": "./dist/dropdowns-js.es.js",
|