@loadsmart/loadsmart-ui 6.0.2 → 6.0.3

package/dist/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./DragDropFile.context-0f0ede42.js"),t=require("react"),n=require("styled-components"),r=require("./theming/index.js"),o=require("./miranda-compatibility.theme-97e29e8e.js"),a=require("./toArray-b56541b4.js"),l=require("./prop-5c502a5a.js"),i=require("react-dom");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}require("@loadsmart/miranda-tokens");var d=c(t),u=s(t),g=c(n),f=c(i),p=s(i);function h(e){return`\n    transition-property: ${(null==e?void 0:e.property)||"background, border-color, box-shadow, color, fill, left, stroke, transform, opacity"};\n    transition-timing-function: ${(null==e?void 0:e.timingFunction)||"cubic-bezier(0.4, 0, 0.2, 1)"};\n    transition-duration: ${(null==e?void 0:e.duration)||"450ms"};\n    transition-delay: 0ms;\n  `}const m=g.default.span`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./DragDropFile.context-50968b55.js"),t=require("react"),n=require("styled-components"),r=require("./theming/index.js"),o=require("./miranda-compatibility.theme-781b0886.js"),a=require("./toArray-8fc577bb.js"),l=require("./prop-32998961.js"),i=require("react-dom");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}require("@loadsmart/miranda-tokens");var d=c(t),u=s(t),g=c(n),f=c(i),p=s(i);function h(e){return`\n    transition-property: ${(null==e?void 0:e.property)||"background, border-color, box-shadow, color, fill, left, stroke, transform, opacity"};\n    transition-timing-function: ${(null==e?void 0:e.timingFunction)||"cubic-bezier(0.4, 0, 0.2, 1)"};\n    transition-duration: ${(null==e?void 0:e.duration)||"450ms"};\n    transition-delay: 0ms;\n  `}const m=g.default.span`
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -2023,7 +2023,7 @@
   border-right-color: ${r.getToken("color-neutral-light")};
   border-right-width: 1px;
   border-right-style: solid;
-`,jc=t.forwardRef((function(n,r){const{className:a}=n,l=e.__rest(n,["className"]),{disabled:i,expanded:c,toggle:s}=t.useContext(Ui),u=d.default.useRef(null),{register:g}=_l();return d.default.useEffect((()=>{u.current&&g.reference(u.current)}),[g]),d.default.createElement(Ec,{className:a},d.default.createElement(Tc,Object.assign({"data-testid":"select-trigger-search-field"},l,{ref:e=>{o.isFunction(r)&&r(e),u.current=e},type:"search",disabled:i,onClick:function(){c||s()}})),d.default.createElement(Cc,null),d.default.createElement(hc.Handle,{"data-testid":"select-trigger-handle"}))}));function Oc(e){return null==e?[]:Array.from(e.querySelectorAll("button")||[])}function _c(e){const{keys:n,onActivate:r,onDeactivate:o}=e,[a,l]=t.useState(!1),[i,c]=t.useState(-1),s=t.useRef(),[d,u]=t.useState([]);function g(){var e;c(-1),s.current&&(null===(e=s.current)||void 0===e||e.disconnect())}const f=t.useCallback((function(e){null!=e?(u(Oc(e)),function(e){s.current=new MutationObserver((function(){u(Oc(e))})),s.current.observe(e,{childList:!0})}(e)):g()}),[]);t.useEffect((function(){return function(){g()}}),[]),t.useEffect((function(){function e(e){const t=e,r=[...n||["TAB"]];if(!ac(t).is(r)||Re(d))return;t.preventDefault();const o=function(e,t,n){const r={Tab:e=>e.shiftKey?-1:1,ArrowUp:()=>-1,ArrowDown:()=>1},o=(r[oc(e)]||function(){return 0})(e);return-1===t&&-1===o?(o+n)%n:(t+o+n)%n}(t,i,d.length);c(o),d[o].focus()}return a&&document.addEventListener("keydown",e),function(){document.removeEventListener("keydown",e)}}),[a,n,i,d]);const p=t.useCallback((function(){l(!0),null==r||r()}),[r]),h=t.useCallback((function(){l(!1),null==o||o()}),[o]);return{containerRef:f,active:a,activate:p,deactivate:h}}function zc(e,t){return e.then((e=>[null,e])).catch((e=>(t&&Object.assign(e,t),[e,void 0])))}const Sc={getKey:e=>o.lodash_get(e,"value"),getLabel:e=>o.lodash_get(e,"label")};function Rc(e,t){return null==t?Sc:e[t]||Sc}function Dc(e,t){const n=Array.from(e);if(Re(n))return null;if(t){const e=[];for(const[,t]of n)e.push(t);return e}{const[[,e]]=n;return e}}function Mc(e,t,n){var r;if(0==t.size)return"";if(n)return"";{const o=Dc(t,n);return null!==(r=Rc(e,o._type).getLabel(o))&&void 0!==r?r:""}}function Ac(t,n){return e.__asyncGenerator(this,arguments,(function*(){const r=new RegExp(String(n||"").replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),"i");for(const o of t){const[t,a]=yield e.__await(zc(Promise.resolve(o.fetch({query:n,regex:r}))));if(!t){const t=(a||[]).map((e=>Object.assign(Object.assign({},e),{_type:o.type})));yield yield e.__await(t)}}}))}function Fc(e){e.target.select()}function Lc(e,t,n){const r=new Map(t);return e.forEach((e=>{const t=Rc(n,e._type);r.set(t.getKey(e),e)})),r}function Nc(n){const{datasources:r,adapters:o}=n,[a,l]=t.useState(new Map),[i,c]=t.useState("idle"),s=t.useRef();function d(){null!=s.current&&clearTimeout(s.current)}const u=t.useCallback((function(t){d(),c("pending-query"),s.current=setTimeout((()=>{!function(){var n,a;e.__awaiter(this,void 0,void 0,(function*(){l(new Map),c("querying");try{for(var i,s=e.__asyncValues(Ac(r,t));!(i=yield s.next()).done;){const e=i.value;l((t=>Lc(e,t,o)))}}catch(e){n={error:e}}finally{try{i&&!i.done&&(a=s.return)&&(yield a.call(s))}finally{if(n)throw n.error}}c("queried")}))}()}),750)}),[o,r]),g=t.useCallback((function(){c("idle"),l(new Map)}),[]),f=t.useCallback((function(){return Array.from(a.values())}),[a]),p=t.useCallback((function(){g(),u("")}),[g,u]),h=t.useCallback((function(e){return a.get(e)}),[a]);return t.useEffect((()=>()=>{d()}),[]),{get:f,fetch:u,clear:g,status:i,getOptionByKey:h,reset:p}}function Bc(n){const r=Ar(),{multiple:l,onQueryChange:i,onChange:c,onCreate:s,id:d,name:u,disabled:g=!1,onBlur:f,isValidNewOption:p=(e=>Boolean(e)),createOptionPosition:h="last"}=n,m=t.useMemo((()=>function(e){let t=[];var n;return t=t.concat(e.datasources||[]),t=t.concat((n=e.options)?[function(){return{type:"generic",adapter:Sc,fetch:function({regex:e}){return n.filter((({label:t})=>e.test(t)))}}}]:[]),t.map((e=>e()))}(n)),[n.datasources,n.options]),b=t.useMemo((()=>function(e){return a.toArray(e).reduce(((e,t)=>Object.assign(Object.assign({},e),{[t.type]:t.adapter})),{})}(m)),[m]),w=kc({selected:(v=n.value,a.toArray(v||[]).filter((e=>!Re(e)))),multiple:l,adapters:b,onChange:t.useCallback((function(e){null==c||c({target:{id:d,name:u,value:Dc(e,l)}})}),[d,l,u,c])});var v;const $=t.useRef(),y=_c({keys:["ARROW_UP","ARROW_DOWN"],onDeactivate(){var e;null===(e=$.current)||void 0===e||e.focus()}}),[k,x]=t.useState(!1),[P,E]=t.useState(Mc(b,w.selected,l)),T=Nc({datasources:m,adapters:b}),C=t.useMemo((()=>!P.length&&Re(T.get())&&Re(w.selected)&&o.isFunction(p)?!p(P):!p),[P,T,w.selected,p]),j=mc(Object.assign(Object.assign({},n),{expandDisabled:C}));t.useEffect((()=>{k&&(T.fetch(P),j.expand())}),[P,k]);const O=t.useCallback((function(e){const t=Rc(b,e._type),n=t.getKey(e);return{label:t.getLabel(e),value:n,checked:w.selected.has(n)}}),[b,w.selected]),_=t.useCallback((function(e){let t=T.getOptionByKey(e);return t||(t=w.selected.get(e)),t}),[T,w.selected]),z=t.useCallback((function(e){w.toggle(e)}),[w]),S=t.useCallback((function(){return{toggle:j.toggle,expanded:j.expanded,onBlur(e){E(l?"":Mc(b,w.selected,l)),T.reset(),null==f||f(e)},expandDisabled:C}}),[b,j.expanded,j.toggle,l,T,w.selected,f,C]),R=t.useCallback((function(){return{id:d,ref(e){null!=e&&($.current=e)},value:P,onChange(e){null==i||i(e),E(e.target.value),x(!0)},onFocus:Fc}}),[d,P,i,j,T,w.selected]),D=t.useCallback((function(){return{onClick(){var e;E(""),w.clear(),T.reset(),null===(e=$.current)||void 0===e||e.focus()}}}),[T,w]),M=t.useCallback((function(){return{ref:y.containerRef,role:"listbox"}}),[y.containerRef]),A=t.useCallback((function({option:e}){const{value:t,checked:n,label:r}=O(e);return{role:"option","aria-selected":n,id:String(t),onClick:()=>(l||E(n?"":r),z(e),l),tabIndex:-1}}),[O,z,l]),F=t.useCallback((function(){return{onClick:function(){return function(){e.__awaiter(this,void 0,void 0,(function*(){if(!o.isFunction(s))return;const e=s(P);let t;var n;e&&(n=e,t=a.isObject(n)&&o.isFunction(n.then)?yield e:e),T.fetch(P),t&&z(t)}))}(),l},tabIndex:-1}}),[l,s,P,T,z]),L=t.useCallback((function(){const e=e=>O(e).label.toLocaleLowerCase()===P.toLocaleLowerCase();return o.isFunction(s)&&"queried"===T.status&&(o.isFunction(p)?p(P)&&!!a.isNil([...T.get(),...Array.from(w.selected.values())].find(e)):p)}),[O,p,s,T,P,w.selected]);return t.useEffect((function(){T.fetch("")}),[m]),t.useEffect((function(){(n.autoFocus||r)&&(j.expanded?y.activate():y.deactivate())}),[j.expanded]),t.useEffect((function(){l||E(Mc(b,w.selected,l))}),[b,l,w.selected]),{status:T.status,options:T.get(),value:Dc(w.selected,l),query:P,disabled:g,selectable:w,getMenuProps:M,getSelectableOption:O,getOption:_,getOptionProps:A,getTriggerProps:R,getClearProps:D,getDropdownProps:S,getCreatebleProps:F,isCreatable:L,createOptionPosition:h}}const Ic=g.default.span`
+`,jc=t.forwardRef((function(n,r){const{className:a}=n,l=e.__rest(n,["className"]),{disabled:i,expanded:c,toggle:s}=t.useContext(Ui),u=d.default.useRef(null),{register:g}=_l();return d.default.useEffect((()=>{u.current&&g.reference(u.current)}),[g]),d.default.createElement(Ec,{className:a},d.default.createElement(Tc,Object.assign({"data-testid":"select-trigger-search-field"},l,{ref:e=>{o.isFunction(r)&&r(e),u.current=e},type:"search",disabled:i,onClick:function(){c||s()}})),d.default.createElement(Cc,null),d.default.createElement(hc.Handle,{"data-testid":"select-trigger-handle"}))}));function Oc(e){return null==e?[]:Array.from(e.querySelectorAll("button")||[])}function _c(e){const{keys:n,onActivate:r,onDeactivate:o}=e,[a,l]=t.useState(!1),[i,c]=t.useState(-1),s=t.useRef(),[d,u]=t.useState([]);function g(){var e;c(-1),s.current&&(null===(e=s.current)||void 0===e||e.disconnect())}const f=t.useCallback((function(e){null!=e?(u(Oc(e)),function(e){s.current=new MutationObserver((function(){u(Oc(e))})),s.current.observe(e,{childList:!0})}(e)):g()}),[]);t.useEffect((function(){return function(){g()}}),[]),t.useEffect((function(){function e(e){const t=e,r=[...n||["TAB"]];if(!ac(t).is(r)||Re(d))return;t.preventDefault();const o=function(e,t,n){const r={Tab:e=>e.shiftKey?-1:1,ArrowUp:()=>-1,ArrowDown:()=>1},o=(r[oc(e)]||function(){return 0})(e);return-1===t&&-1===o?(o+n)%n:(t+o+n)%n}(t,i,d.length);c(o),d[o].focus()}return a&&document.addEventListener("keydown",e),function(){document.removeEventListener("keydown",e)}}),[a,n,i,d]);const p=t.useCallback((function(){l(!0),null==r||r()}),[r]),h=t.useCallback((function(){l(!1),null==o||o()}),[o]);return{containerRef:f,active:a,activate:p,deactivate:h}}function zc(e,t){return e.then((e=>[null,e])).catch((e=>(t&&Object.assign(e,t),[e,void 0])))}const Sc={getKey:e=>o.lodash_get(e,"value"),getLabel:e=>o.lodash_get(e,"label")};function Rc(e,t){return null==t?Sc:e[t]||Sc}function Dc(e,t){const n=Array.from(e);if(Re(n))return null;if(t){const e=[];for(const[,t]of n)e.push(t);return e}{const[[,e]]=n;return e}}function Mc(e,t,n){var r;if(0==t.size)return"";if(n)return"";{const o=Dc(t,n);return null!==(r=Rc(e,o._type).getLabel(o))&&void 0!==r?r:""}}function Ac(t,n){return e.__asyncGenerator(this,arguments,(function*(){const r=new RegExp(String(n||"").replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),"i");for(const o of t){const[t,a]=yield e.__await(zc(Promise.resolve(o.fetch({query:n,regex:r}))));if(!t){const t=(a||[]).map((e=>Object.assign(Object.assign({},e),{_type:o.type})));yield yield e.__await(t)}}}))}function Fc(e){e.target.select()}function Lc(e,t,n){const r=new Map(t);return e.forEach((e=>{const t=Rc(n,e._type);r.set(t.getKey(e),e)})),r}function Nc(n){const{datasources:r,adapters:o}=n,[a,l]=t.useState(new Map),[i,c]=t.useState("idle"),s=t.useRef();function d(){null!=s.current&&clearTimeout(s.current)}const u=t.useCallback((function(t){d(),c("pending-query"),s.current=setTimeout((()=>{!function(){var n,a,i,s;e.__awaiter(this,void 0,void 0,(function*(){l(new Map),c("querying");try{for(var d,u=!0,g=e.__asyncValues(Ac(r,t));d=yield g.next(),!(n=d.done);){s=d.value,u=!1;try{const e=s;l((t=>Lc(e,t,o)))}finally{u=!0}}}catch(e){a={error:e}}finally{try{u||n||!(i=g.return)||(yield i.call(g))}finally{if(a)throw a.error}}c("queried")}))}()}),750)}),[o,r]),g=t.useCallback((function(){c("idle"),l(new Map)}),[]),f=t.useCallback((function(){return Array.from(a.values())}),[a]),p=t.useCallback((function(){g(),u("")}),[g,u]),h=t.useCallback((function(e){return a.get(e)}),[a]);return t.useEffect((()=>()=>{d()}),[]),{get:f,fetch:u,clear:g,status:i,getOptionByKey:h,reset:p}}function Bc(n){const r=Ar(),{multiple:l,onQueryChange:i,onChange:c,onCreate:s,id:d,name:u,disabled:g=!1,onBlur:f,isValidNewOption:p=(e=>Boolean(e)),createOptionPosition:h="last"}=n,m=t.useMemo((()=>function(e){let t=[];var n;return t=t.concat(e.datasources||[]),t=t.concat((n=e.options)?[function(){return{type:"generic",adapter:Sc,fetch:function({regex:e}){return n.filter((({label:t})=>e.test(t)))}}}]:[]),t.map((e=>e()))}(n)),[n.datasources,n.options]),b=t.useMemo((()=>function(e){return a.toArray(e).reduce(((e,t)=>Object.assign(Object.assign({},e),{[t.type]:t.adapter})),{})}(m)),[m]),w=kc({selected:(v=n.value,a.toArray(v||[]).filter((e=>!Re(e)))),multiple:l,adapters:b,onChange:t.useCallback((function(e){null==c||c({target:{id:d,name:u,value:Dc(e,l)}})}),[d,l,u,c])});var v;const $=t.useRef(),y=_c({keys:["ARROW_UP","ARROW_DOWN"],onDeactivate(){var e;null===(e=$.current)||void 0===e||e.focus()}}),[k,x]=t.useState(!1),[P,E]=t.useState(Mc(b,w.selected,l)),T=Nc({datasources:m,adapters:b}),C=t.useMemo((()=>!P.length&&Re(T.get())&&Re(w.selected)&&o.isFunction(p)?!p(P):!p),[P,T,w.selected,p]),j=mc(Object.assign(Object.assign({},n),{expandDisabled:C}));t.useEffect((()=>{k&&(T.fetch(P),j.expand())}),[P,k]);const O=t.useCallback((function(e){const t=Rc(b,e._type),n=t.getKey(e);return{label:t.getLabel(e),value:n,checked:w.selected.has(n)}}),[b,w.selected]),_=t.useCallback((function(e){let t=T.getOptionByKey(e);return t||(t=w.selected.get(e)),t}),[T,w.selected]),z=t.useCallback((function(e){w.toggle(e)}),[w]),S=t.useCallback((function(){return{toggle:j.toggle,expanded:j.expanded,onBlur(e){E(l?"":Mc(b,w.selected,l)),T.reset(),null==f||f(e)},expandDisabled:C}}),[b,j.expanded,j.toggle,l,T,w.selected,f,C]),R=t.useCallback((function(){return{id:d,ref(e){null!=e&&($.current=e)},value:P,onChange(e){null==i||i(e),E(e.target.value),x(!0)},onFocus:Fc}}),[d,P,i,j,T,w.selected]),D=t.useCallback((function(){return{onClick(){var e;E(""),w.clear(),T.reset(),null===(e=$.current)||void 0===e||e.focus()}}}),[T,w]),M=t.useCallback((function(){return{ref:y.containerRef,role:"listbox"}}),[y.containerRef]),A=t.useCallback((function({option:e}){const{value:t,checked:n,label:r}=O(e);return{role:"option","aria-selected":n,id:String(t),onClick:()=>(l||E(n?"":r),z(e),l),tabIndex:-1}}),[O,z,l]),F=t.useCallback((function(){return{onClick:function(){return function(){e.__awaiter(this,void 0,void 0,(function*(){if(!o.isFunction(s))return;const e=s(P);let t;var n;e&&(n=e,t=a.isObject(n)&&o.isFunction(n.then)?yield e:e),T.fetch(P),t&&z(t)}))}(),l},tabIndex:-1}}),[l,s,P,T,z]),L=t.useCallback((function(){const e=e=>O(e).label.toLocaleLowerCase()===P.toLocaleLowerCase();return o.isFunction(s)&&"queried"===T.status&&(o.isFunction(p)?p(P)&&!!a.isNil([...T.get(),...Array.from(w.selected.values())].find(e)):p)}),[O,p,s,T,P,w.selected]);return t.useEffect((function(){T.fetch("")}),[m]),t.useEffect((function(){(n.autoFocus||r)&&(j.expanded?y.activate():y.deactivate())}),[j.expanded]),t.useEffect((function(){l||E(Mc(b,w.selected,l))}),[b,l,w.selected]),{status:T.status,options:T.get(),value:Dc(w.selected,l),query:P,disabled:g,selectable:w,getMenuProps:M,getSelectableOption:O,getOption:_,getOptionProps:A,getTriggerProps:R,getClearProps:D,getDropdownProps:S,getCreatebleProps:F,isCreatable:L,createOptionPosition:h}}const Ic=g.default.span`
   /* highlightMatch splits the label into separate HTML elements, thus we need
   to preserve white-spaces, otherwise the browser wouldn't render them. */
   white-space: pre;