@loadsmart/loadsmart-ui 5.8.0 → 5.8.1

package/dist/index.js

@@ -1960,7 +1960,7 @@
   border-right-color: ${r.getToken("color-neutral-light")};
   border-right-width: 1px;
   border-right-style: solid;
-`,Ul=t.forwardRef((function(n,r){const{className:o}=n,a=e.__rest(n,["className"]),{disabled:l,expanded:i,toggle:c}=t.useContext(ol);return d.default.createElement(Bl,{className:o},d.default.createElement(Il,Object.assign({"data-testid":"select-trigger-search-field"},a,{ref:r,type:"search",disabled:l,onClick:function(){i||c()}})),d.default.createElement(Hl,null),d.default.createElement(_l.Handle,{"data-testid":"select-trigger-handle"}))}));function Wl(e){return null==e?[]:Array.from(e.querySelectorAll("button")||[])}function Yl(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 p=t.useCallback((function(e){null!=e?(u(Wl(e)),function(e){s.current=new MutationObserver((function(){u(Wl(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(!$l(t).is(r)||Oe(d))return;t.preventDefault();const o=function(e,t,n){const r={Tab:e=>e.shiftKey?-1:1,ArrowUp:()=>-1,ArrowDown:()=>1},o=(r[vl(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 h=t.useCallback((function(){l(!0),null==r||r()}),[r]),f=t.useCallback((function(){l(!1),null==o||o()}),[o]);return{containerRef:p,active:a,activate:h,deactivate:f}}function Vl(e,t){return e.then((e=>[null,e])).catch((e=>(t&&Object.assign(e,t),[e,void 0])))}const Gl={getKey:e=>o.lodash_get(e,"value"),getLabel:e=>o.lodash_get(e,"label")};function ql(e,t){return null==t?Gl:e[t]||Gl}function Kl(e,t){const n=Array.from(e);if(Oe(n))return null;if(t){const e=[];for(const[,t]of n)e.push(t);return e}{const[[,e]]=n;return e}}function Ql(e,t,n){if(0==t.size)return"";if(n)return"";{const r=Kl(t,n);return ql(e,r._type).getLabel(r)}}function Zl(e){return String(e||"").replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}function Jl(e){e.target.select()}function Xl(e,t,n){const r=new Map(t);return e.forEach((e=>{const t=ql(n,e._type);r.set(t.getKey(e),e)})),r}function ei(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){function n(){var n,a;return e.__awaiter(this,void 0,void 0,(function*(){l(new Map),c("querying");try{for(var i,s=e.__asyncValues(function(t,n){return e.__asyncGenerator(this,arguments,(function*(){const r=new RegExp(Zl(n),"i");for(const o of t){const[t,a]=yield e.__await(Vl(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)}}}))}(r,t));!(i=yield s.next()).done;){const e=i.value;l((t=>Xl(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")}))}d(),c("pending-query"),s.current=setTimeout((()=>{n()}),750)}),[o,r]),g=t.useCallback((function(){c("idle"),l(new Map)}),[]),p=t.useCallback((function(){return Array.from(a.values())}),[a]),h=t.useCallback((function(){g(),u("")}),[g,u]),f=t.useCallback((function(e){return a.get(e)}),[a]);return t.useEffect((()=>()=>{d()}),[]),{get:p,fetch:u,clear:g,status:i,getOptionByKey:f,reset:h}}function ti(n){const r=ur(),{multiple:l,onQueryChange:i,onChange:c,onCreate:s,id:d,name:u,disabled:g=!1,onBlur:p,isValidNewOption:h=(e=>Boolean(e)),createOptionPosition:f="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:Gl,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=Rl({selected:a.toArray(n.value||[]),multiple:l,adapters:b,onChange:t.useCallback((function(e){null==c||c({target:{id:d,name:u,value:Kl(e,l)}})}),[d,l,u,c])}),v=t.useRef(),$=Yl({keys:["ARROW_UP","ARROW_DOWN"],onDeactivate(){var e;null===(e=v.current)||void 0===e||e.focus()}}),[k,y]=t.useState(!1),[x,P]=t.useState(Ql(b,w.selected,l)),E=ei({datasources:m,adapters:b}),T=t.useMemo((()=>!x.length&&Oe(E.get())&&Oe(w.selected)),[x,E,w.selected]),C=zl(Object.assign(Object.assign({},n),{expandDisabled:T}));t.useEffect((()=>{k&&(E.fetch(x),C.expand())}),[x,k]);const j=t.useCallback((function(e){const t=ql(b,e._type),n=t.getKey(e);return{label:t.getLabel(e),value:n,checked:w.selected.has(n)}}),[b,w.selected]),O=t.useCallback((function(e){let t=E.getOptionByKey(e);return t||(t=w.selected.get(e)),t}),[E,w.selected]),_=t.useCallback((function(e){w.toggle(e)}),[w]),z=t.useCallback((function(){return{toggle:C.toggle,expanded:C.expanded,onBlur(e){P(l?"":Ql(b,w.selected,l)),E.reset(),null==p||p(e)},expandDisabled:T}}),[b,C.expanded,C.toggle,l,E,w.selected,p,T]),S=t.useCallback((function(){return{id:d,ref(e){null!=e&&(v.current=e)},value:x,onChange(e){null==i||i(e),P(e.target.value),y(!0)},onFocus:Jl}}),[d,x,i,C,E,w.selected]),M=t.useCallback((function(){return{onClick(){var e;P(""),w.clear(),E.reset(),null===(e=v.current)||void 0===e||e.focus()}}}),[E,w]),D=t.useCallback((function(){return{ref:$.containerRef,role:"listbox"}}),[$.containerRef]),A=t.useCallback((function({option:e}){const{value:t,checked:n,label:r}=j(e);return{role:"option","aria-selected":n,id:String(t),onClick:()=>(l||P(n?"":r),_(e),l),tabIndex:-1}}),[j,_,l]),N=t.useCallback((function(){return{onClick:function(){return function(){e.__awaiter(this,void 0,void 0,(function*(){if(!o.isFunction(s))return;const e=s(x);let t;var n;e&&(n=e,t=a.isObject(n)&&o.isFunction(n.then)?yield e:e),E.fetch(x),t&&_(t)}))}(),l},tabIndex:-1}}),[l,s,x,E,_]),R=t.useCallback((function(){const e=e=>j(e).label.toLocaleLowerCase()===x.toLocaleLowerCase();return o.isFunction(s)&&(o.isFunction(h)?h(x):h)&&"queried"===E.status&&!!a.isNil([...E.get(),...Array.from(w.selected.values())].find(e))}),[j,h,s,E,x,w.selected]);return t.useEffect((function(){E.fetch("")}),[m]),t.useEffect((function(){(n.autoFocus||r)&&(C.expanded?$.activate():$.deactivate())}),[C.expanded]),t.useEffect((function(){l||P(Ql(b,w.selected,l))}),[b,l,w.selected]),{status:E.status,options:E.get(),value:Kl(w.selected,l),query:x,disabled:g,selectable:w,getMenuProps:D,getSelectableOption:j,getOption:O,getOptionProps:A,getTriggerProps:S,getClearProps:M,getDropdownProps:z,getCreatebleProps:N,isCreatable:R,createOptionPosition:f}}const ni=g.default.span`
+`,Ul=t.forwardRef((function(n,r){const{className:o}=n,a=e.__rest(n,["className"]),{disabled:l,expanded:i,toggle:c}=t.useContext(ol);return d.default.createElement(Bl,{className:o},d.default.createElement(Il,Object.assign({"data-testid":"select-trigger-search-field"},a,{ref:r,type:"search",disabled:l,onClick:function(){i||c()}})),d.default.createElement(Hl,null),d.default.createElement(_l.Handle,{"data-testid":"select-trigger-handle"}))}));function Wl(e){return null==e?[]:Array.from(e.querySelectorAll("button")||[])}function Yl(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 p=t.useCallback((function(e){null!=e?(u(Wl(e)),function(e){s.current=new MutationObserver((function(){u(Wl(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(!$l(t).is(r)||Oe(d))return;t.preventDefault();const o=function(e,t,n){const r={Tab:e=>e.shiftKey?-1:1,ArrowUp:()=>-1,ArrowDown:()=>1},o=(r[vl(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 h=t.useCallback((function(){l(!0),null==r||r()}),[r]),f=t.useCallback((function(){l(!1),null==o||o()}),[o]);return{containerRef:p,active:a,activate:h,deactivate:f}}function Vl(e,t){return e.then((e=>[null,e])).catch((e=>(t&&Object.assign(e,t),[e,void 0])))}const Gl={getKey:e=>o.lodash_get(e,"value"),getLabel:e=>o.lodash_get(e,"label")};function ql(e,t){return null==t?Gl:e[t]||Gl}function Kl(e,t){const n=Array.from(e);if(Oe(n))return null;if(t){const e=[];for(const[,t]of n)e.push(t);return e}{const[[,e]]=n;return e}}function Ql(e,t,n){if(0==t.size)return"";if(n)return"";{const r=Kl(t,n);return ql(e,r._type).getLabel(r)}}function Zl(e){return String(e||"").replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}function Jl(e){e.target.select()}function Xl(e,t,n){const r=new Map(t);return e.forEach((e=>{const t=ql(n,e._type);r.set(t.getKey(e),e)})),r}function ei(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){function n(){var n,a;return e.__awaiter(this,void 0,void 0,(function*(){l(new Map),c("querying");try{for(var i,s=e.__asyncValues(function(t,n){return e.__asyncGenerator(this,arguments,(function*(){const r=new RegExp(Zl(n),"i");for(const o of t){const[t,a]=yield e.__await(Vl(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)}}}))}(r,t));!(i=yield s.next()).done;){const e=i.value;l((t=>Xl(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")}))}d(),c("pending-query"),s.current=setTimeout((()=>{n()}),750)}),[o,r]),g=t.useCallback((function(){c("idle"),l(new Map)}),[]),p=t.useCallback((function(){return Array.from(a.values())}),[a]),h=t.useCallback((function(){g(),u("")}),[g,u]),f=t.useCallback((function(e){return a.get(e)}),[a]);return t.useEffect((()=>()=>{d()}),[]),{get:p,fetch:u,clear:g,status:i,getOptionByKey:f,reset:h}}function ti(n){const r=ur(),{multiple:l,onQueryChange:i,onChange:c,onCreate:s,id:d,name:u,disabled:g=!1,onBlur:p,isValidNewOption:h=(e=>Boolean(e)),createOptionPosition:f="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:Gl,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=Rl({selected:a.toArray(n.value||[]),multiple:l,adapters:b,onChange:t.useCallback((function(e){null==c||c({target:{id:d,name:u,value:Kl(e,l)}})}),[d,l,u,c])}),v=t.useRef(),$=Yl({keys:["ARROW_UP","ARROW_DOWN"],onDeactivate(){var e;null===(e=v.current)||void 0===e||e.focus()}}),[k,y]=t.useState(!1),[x,P]=t.useState(Ql(b,w.selected,l)),E=ei({datasources:m,adapters:b}),T=t.useMemo((()=>!x.length&&Oe(E.get())&&Oe(w.selected)),[x,E,w.selected]),C=zl(Object.assign(Object.assign({},n),{expandDisabled:T}));t.useEffect((()=>{k&&(E.fetch(x),C.expand())}),[x,k]);const j=t.useCallback((function(e){const t=ql(b,e._type),n=t.getKey(e);return{label:t.getLabel(e),value:n,checked:w.selected.has(n)}}),[b,w.selected]),O=t.useCallback((function(e){let t=E.getOptionByKey(e);return t||(t=w.selected.get(e)),t}),[E,w.selected]),_=t.useCallback((function(e){w.toggle(e)}),[w]),z=t.useCallback((function(){return{toggle:C.toggle,expanded:C.expanded,onBlur(e){P(l?"":Ql(b,w.selected,l)),E.reset(),null==p||p(e)},expandDisabled:T}}),[b,C.expanded,C.toggle,l,E,w.selected,p,T]),S=t.useCallback((function(){return{id:d,ref(e){null!=e&&(v.current=e)},value:x,onChange(e){null==i||i(e),P(e.target.value),y(!0)},onFocus:Jl}}),[d,x,i,C,E,w.selected]),M=t.useCallback((function(){return{onClick(){var e;P(""),w.clear(),E.reset(),null===(e=v.current)||void 0===e||e.focus()}}}),[E,w]),D=t.useCallback((function(){return{ref:$.containerRef,role:"listbox"}}),[$.containerRef]),A=t.useCallback((function({option:e}){const{value:t,checked:n,label:r}=j(e);return{role:"option","aria-selected":n,id:String(t),onClick:()=>(l||P(n?"":r),_(e),l),tabIndex:-1}}),[j,_,l]),N=t.useCallback((function(){return{onClick:function(){return function(){e.__awaiter(this,void 0,void 0,(function*(){if(!o.isFunction(s))return;const e=s(x);let t;var n;e&&(n=e,t=a.isObject(n)&&o.isFunction(n.then)?yield e:e),E.fetch(x),t&&_(t)}))}(),l},tabIndex:-1}}),[l,s,x,E,_]),R=t.useCallback((function(){const e=e=>j(e).label.toLocaleLowerCase()===x.toLocaleLowerCase();return o.isFunction(s)&&"queried"===E.status&&(o.isFunction(h)?h(x)&&!!a.isNil([...E.get(),...Array.from(w.selected.values())].find(e)):h)}),[j,h,s,E,x,w.selected]);return t.useEffect((function(){E.fetch("")}),[m]),t.useEffect((function(){(n.autoFocus||r)&&(C.expanded?$.activate():$.deactivate())}),[C.expanded]),t.useEffect((function(){l||P(Ql(b,w.selected,l))}),[b,l,w.selected]),{status:E.status,options:E.get(),value:Kl(w.selected,l),query:x,disabled:g,selectable:w,getMenuProps:D,getSelectableOption:j,getOption:O,getOptionProps:A,getTriggerProps:S,getClearProps:M,getDropdownProps:z,getCreatebleProps:N,isCreatable:R,createOptionPosition:f}}const ni=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;