@oliasoft-open-source/react-ui-library 4.7.4 → 4.7.6

package/dist/storybook/assets/number-input.stories-BfRW8wgL.js

@@ -1,97 +0,0 @@
-import{j as n}from"./jsx-runtime-eps93zm2.js";import{d as ne}from"./index-CWz-hU-f.js";import{N as i}from"./number-input-uQOVHv2N.js";import{I as ae}from"./input-group-BaRSJAEN.js";import{I as re}from"./input-group-addon-D68iUKV2.js";import{S as te}from"./select-tIEV7vnw.js";import"./index-DhsZuJvc.js";import"./index-DRSy5Ssd.js";import"./lodash-BHd_uQHh.js";import"./input-BW9trNAW.js";import"./index-Bk2sglWO.js";import"./disabled-context-rmpd7YJS.js";import"./types-UmZ4Y_CR.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./common-types-Sih75Sav.js";import"./index-CEuq6vkz.js";import"./extends-CF3RwP-h.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-DR8r8Ogv.js";import"./memoize-one.esm-CcMeOnPo.js";import"./types-BmbYqTX_.js";import"./text-B3-TSWok.js";import"./actions-CZK3mphC.js";import"./button-C1sV-0mR.js";import"./spinner-AWUe4xwQ.js";import"./icon-BP4BO6-k.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./badge-CLQ59MDF.js";import"./select.input-DIKP56UZ.js";const{useArgs:se}=__STORYBOOK_MODULE_PREVIEW_API__,we={title:"Forms/NumberInput",component:i,parameters:{canvas:{page:null}},args:{label:"Label"}},e=h=>{const[ue,Z]=se(),$=ee=>{Z({value:ee.target.value})};return n.jsx(i,{onChange:$,value:123,...h})},c=e.bind({}),a=e.bind({});a.args={small:!0};const r=e.bind({});r.args={width:"150px"};const t=e.bind({});t.args={left:!0};const s=e.bind({});s.args={disabled:!0};const u=e.bind({});u.args={allowEmpty:!0,value:""};const o=e.bind({});o.args={warning:"This input number is almost 100!",value:"99"};const p=e.bind({});p.args={error:"This is a error message"};const g=e.bind({});g.args={value:"123test"};const l=e.bind({});l.args={value:"123.123456789",enableDisplayRounding:!0};const m=e.bind({});m.args={value:"123.123456789",enableDisplayRounding:!0,roundDisplayValue:h=>ne.roundToFixed(h,4)};const d=()=>n.jsxs(ae,{small:!0,children:[n.jsx(i,{value:123}),n.jsx(re,{children:"to"}),n.jsx(i,{value:123}),n.jsx(te,{options:[{value:"units",label:"units"}],width:"auto",value:"units"})]});d.__docgenInfo={description:"",methods:[],displayName:"TestInputGroup"};var v,C,I;c.parameters={...c.parameters,docs:{...(v=c.parameters)==null?void 0:v.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <NumberInput onChange={handleChange} value={123} {...args} />;
-}`,...(I=(C=c.parameters)==null?void 0:C.docs)==null?void 0:I.source}}};var A,b,E;a.parameters={...a.parameters,docs:{...(A=a.parameters)==null?void 0:A.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <NumberInput onChange={handleChange} value={123} {...args} />;
-}`,...(E=(b=a.parameters)==null?void 0:b.docs)==null?void 0:E.source}}};var _,T,S;r.parameters={...r.parameters,docs:{...(_=r.parameters)==null?void 0:_.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <NumberInput onChange={handleChange} value={123} {...args} />;
-}`,...(S=(T=r.parameters)==null?void 0:T.docs)==null?void 0:S.source}}};var N,L,f;t.parameters={...t.parameters,docs:{...(N=t.parameters)==null?void 0:N.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <NumberInput onChange={handleChange} value={123} {...args} />;
-}`,...(f=(L=t.parameters)==null?void 0:L.docs)==null?void 0:f.source}}};var x,D,M;s.parameters={...s.parameters,docs:{...(x=s.parameters)==null?void 0:x.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <NumberInput onChange={handleChange} value={123} {...args} />;
-}`,...(M=(D=s.parameters)==null?void 0:D.docs)==null?void 0:M.source}}};var y,H,G;u.parameters={...u.parameters,docs:{...(y=u.parameters)==null?void 0:y.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <NumberInput onChange={handleChange} value={123} {...args} />;
-}`,...(G=(H=u.parameters)==null?void 0:H.docs)==null?void 0:G.source}}};var R,W,j;o.parameters={...o.parameters,docs:{...(R=o.parameters)==null?void 0:R.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <NumberInput onChange={handleChange} value={123} {...args} />;
-}`,...(j=(W=o.parameters)==null?void 0:W.docs)==null?void 0:j.source}}};var w,O,B;p.parameters={...p.parameters,docs:{...(w=p.parameters)==null?void 0:w.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <NumberInput onChange={handleChange} value={123} {...args} />;
-}`,...(B=(O=p.parameters)==null?void 0:O.docs)==null?void 0:B.source}}};var F,P,V;g.parameters={...g.parameters,docs:{...(F=g.parameters)==null?void 0:F.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <NumberInput onChange={handleChange} value={123} {...args} />;
-}`,...(V=(P=g.parameters)==null?void 0:P.docs)==null?void 0:V.source}}};var K,U,Y;l.parameters={...l.parameters,docs:{...(K=l.parameters)==null?void 0:K.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <NumberInput onChange={handleChange} value={123} {...args} />;
-}`,...(Y=(U=l.parameters)==null?void 0:U.docs)==null?void 0:Y.source}}};var k,q,z;m.parameters={...m.parameters,docs:{...(k=m.parameters)==null?void 0:k.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <NumberInput onChange={handleChange} value={123} {...args} />;
-}`,...(z=(q=m.parameters)==null?void 0:q.docs)==null?void 0:z.source}}};var J,Q,X;d.parameters={...d.parameters,docs:{...(J=d.parameters)==null?void 0:J.docs,source:{originalSource:`() => <InputGroup small>
-    <NumberInput value={123} />
-    <InputGroupAddon>to</InputGroupAddon>
-    <NumberInput value={123} />
-    <Select options={[{
-    value: 'units',
-    label: 'units'
-  }]} width="auto" value="units" />
-  </InputGroup>`,...(X=(Q=d.parameters)==null?void 0:Q.docs)==null?void 0:X.source}}};const Oe=["Default","Small","Width","Left","Disabled","AllowEmpty","Warning","Error","BadInput","WithDisplayRounding","WithCustomDisplayRounding","TestInputGroup"];export{u as AllowEmpty,g as BadInput,c as Default,s as Disabled,p as Error,t as Left,a as Small,d as TestInputGroup,o as Warning,r as Width,m as WithCustomDisplayRounding,l as WithDisplayRounding,Oe as __namedExportsOrder,we as default};

package/dist/storybook/assets/radio-button.stories-D7uvMLbK.js

@@ -1,61 +0,0 @@
-import{j}from"./jsx-runtime-eps93zm2.js";import{r as _}from"./index-DhsZuJvc.js";import{R as I}from"./radio-button-C_cV5TWA.js";import"./index-Bk2sglWO.js";import"./disabled-context-rmpd7YJS.js";import"./select.input-DIKP56UZ.js";import"./types-BmbYqTX_.js";import"./common-types-Sih75Sav.js";import"./help-icon-41R-Z9N1.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./icon-BP4BO6-k.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-CEuq6vkz.js";const n=[{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas",disabled:!0}],Y={title:"Forms/RadioButton",component:I,args:{options:n,inline:!1,noMargin:!1,disabled:!1,small:!1}},a=e=>{const[t,M]=_.useState(n[0]),y=k=>{const L=k.target.value,i=n.find(D=>D.value===L);i&&M(i)};return j.jsx(I,{...e,value:t,onChange:y})},c=a.bind({}),s=a.bind({});s.args={small:!0};const o=a.bind({});o.args={options:n.map((e,t)=>({...e,helpText:`Help text #${t}`}))};const l=a.bind({});l.args={options:n.map((e,t)=>({...e,onClickHelp:()=>console.log(`Help #${t} clicked`)}))};const r=a.bind({});r.args={inline:!0};const p=a.bind({});p.args={options:n.map((e,t)=>({...e,helpText:`Help text #${t}`,disabled:!0}))};var u,d,g;c.parameters={...c.parameters,docs:{...(u=c.parameters)==null?void 0:u.docs,source:{originalSource:`args => {
-  const [value, setValue] = useState<OptionType>(options[0]);
-  const handleChange = (evt: React.ChangeEvent<HTMLInputElement>) => {
-    const selectedValue = evt.target.value;
-    const selectedOption = options.find(opt => opt.value === selectedValue);
-    if (selectedOption) {
-      setValue(selectedOption);
-    }
-  };
-  return <RadioButton {...args} value={value} onChange={handleChange} />;
-}`,...(g=(d=c.parameters)==null?void 0:d.docs)==null?void 0:g.source}}};var m,v,h;s.parameters={...s.parameters,docs:{...(m=s.parameters)==null?void 0:m.docs,source:{originalSource:`args => {
-  const [value, setValue] = useState<OptionType>(options[0]);
-  const handleChange = (evt: React.ChangeEvent<HTMLInputElement>) => {
-    const selectedValue = evt.target.value;
-    const selectedOption = options.find(opt => opt.value === selectedValue);
-    if (selectedOption) {
-      setValue(selectedOption);
-    }
-  };
-  return <RadioButton {...args} value={value} onChange={handleChange} />;
-}`,...(h=(v=s.parameters)==null?void 0:v.docs)==null?void 0:h.source}}};var C,O,V;o.parameters={...o.parameters,docs:{...(C=o.parameters)==null?void 0:C.docs,source:{originalSource:`args => {
-  const [value, setValue] = useState<OptionType>(options[0]);
-  const handleChange = (evt: React.ChangeEvent<HTMLInputElement>) => {
-    const selectedValue = evt.target.value;
-    const selectedOption = options.find(opt => opt.value === selectedValue);
-    if (selectedOption) {
-      setValue(selectedOption);
-    }
-  };
-  return <RadioButton {...args} value={value} onChange={handleChange} />;
-}`,...(V=(O=o.parameters)==null?void 0:O.docs)==null?void 0:V.source}}};var f,T,H;l.parameters={...l.parameters,docs:{...(f=l.parameters)==null?void 0:f.docs,source:{originalSource:`args => {
-  const [value, setValue] = useState<OptionType>(options[0]);
-  const handleChange = (evt: React.ChangeEvent<HTMLInputElement>) => {
-    const selectedValue = evt.target.value;
-    const selectedOption = options.find(opt => opt.value === selectedValue);
-    if (selectedOption) {
-      setValue(selectedOption);
-    }
-  };
-  return <RadioButton {...args} value={value} onChange={handleChange} />;
-}`,...(H=(T=l.parameters)==null?void 0:T.docs)==null?void 0:H.source}}};var R,b,E;r.parameters={...r.parameters,docs:{...(R=r.parameters)==null?void 0:R.docs,source:{originalSource:`args => {
-  const [value, setValue] = useState<OptionType>(options[0]);
-  const handleChange = (evt: React.ChangeEvent<HTMLInputElement>) => {
-    const selectedValue = evt.target.value;
-    const selectedOption = options.find(opt => opt.value === selectedValue);
-    if (selectedOption) {
-      setValue(selectedOption);
-    }
-  };
-  return <RadioButton {...args} value={value} onChange={handleChange} />;
-}`,...(E=(b=r.parameters)==null?void 0:b.docs)==null?void 0:E.source}}};var S,x,B;p.parameters={...p.parameters,docs:{...(S=p.parameters)==null?void 0:S.docs,source:{originalSource:`args => {
-  const [value, setValue] = useState<OptionType>(options[0]);
-  const handleChange = (evt: React.ChangeEvent<HTMLInputElement>) => {
-    const selectedValue = evt.target.value;
-    const selectedOption = options.find(opt => opt.value === selectedValue);
-    if (selectedOption) {
-      setValue(selectedOption);
-    }
-  };
-  return <RadioButton {...args} value={value} onChange={handleChange} />;
-}`,...(B=(x=p.parameters)==null?void 0:x.docs)==null?void 0:B.source}}};const Z=["Default","Small","HelpText","OnClickHelp","Inline","DisabledWithHelpText"];export{c as Default,p as DisabledWithHelpText,o as HelpText,r as Inline,l as OnClickHelp,s as Small,Z as __namedExportsOrder,Y as default};

package/dist/storybook/assets/select-tIEV7vnw.js

@@ -1,40 +0,0 @@
-import{j as f}from"./jsx-runtime-eps93zm2.js";import{r as N,g as We}from"./index-DhsZuJvc.js";import{c as G}from"./index-Bk2sglWO.js";import{G as ae,I as Ee}from"./common-types-Sih75Sav.js";import{D as de}from"./disabled-context-rmpd7YJS.js";import{i as ne}from"./types-UmZ4Y_CR.js";import{T as me,u as Ue,m as Ge}from"./tooltip-1V7clEnw.js";import{p as ze}from"./index-CEuq6vkz.js";import"./lodash-BHd_uQHh.js";import{_ as Ve}from"./extends-CF3RwP-h.js";import{_ as fe}from"./assertThisInitialized-B9jnkVVz.js";import{_ as $e}from"./inheritsLoose-DR8r8Ogv.js";import{m as se}from"./memoize-one.esm-CcMeOnPo.js";import{M as ie}from"./types-BmbYqTX_.js";import{T as le}from"./text-B3-TSWok.js";import{A as Ke}from"./actions-CZK3mphC.js";import{I as ue}from"./icon-BP4BO6-k.js";import{s as Ye}from"./select.input-DIKP56UZ.js";const Be="_inputInTable_2ynxq_1",Ze="_inputHover_2ynxq_13",Xe="_inputFocus_2ynxq_18",Je="_inputError_2ynxq_25",Qe="_inputWarning_2ynxq_26",en="_inputDisabled_2ynxq_61",nn="_hideScrollbars_2ynxq_67",tn="_select_2ynxq_77",rn="_isInTable_2ynxq_121",an="_unSelected_2ynxq_133",sn="_error_2ynxq_140",on="_warning_2ynxq_157",ln="_small_2ynxq_174",un="_right_2ynxq_182",cn="_groupOrderFirst_2ynxq_193",dn="_groupOrderMiddle_2ynxq_194",mn="_groupOrderLast_2ynxq_198",W={inputInTable:Be,inputHover:Ze,inputFocus:Xe,inputError:Je,inputWarning:Qe,inputDisabled:en,hideScrollbars:nn,select:tn,isInTable:rn,unSelected:an,error:sn,warning:on,small:ln,right:un,groupOrderFirst:cn,groupOrderMiddle:dn,groupOrderLast:mn},Ie=({disabled:e=!1,error:n=null,warning:a=null,tooltip:d=null,options:c,onChange:g=()=>{},onFocus:p=()=>{},onBlur:s=()=>{},right:o=!1,small:v=!1,tabIndex:b=0,selectedOption:S,width:I=null,groupOrder:T=null,testId:_,isInTable:t=!1,clearable:l,placeholder:i,hasNonExistentValue:r,maxTooltipWidth:u,borderRadius:m})=>{const y=N.useContext(de),h=S===null||(S==null?void 0:S.value)===null?"unselected":S==null?void 0:S.value,E=h==="unselected",R=(h==="unselected"||l?[f.jsx("option",{value:"unselected",disabled:!l,hidden:!l,children:i||"Select..."},"unselected")]:[]).concat(r?[f.jsx("option",{value:S==null?void 0:S.value,disabled:e||y,children:S==null?void 0:S.label},"selectedNonExistentValue")]:[]).concat(c.map((q,w)=>f.jsx("option",{value:q.value,"data-testid":q.testId,children:q.label},w))),x=(()=>{if(T)switch(T){case ae.FIRST:return W.groupOrderFirst;case ae.LAST:return W.groupOrderLast;default:return W.groupOrderMiddle}return""})();return f.jsx(me,{error:!!n,warning:!!a,text:d||n||a,enabled:d&&ne(d)||n&&ne(n)||a&&ne(a)||!1,maxWidth:u,placement:"bottom-center",children:f.jsx("select",{className:G(W.select,E?W.unSelected:"",n?W.error:a?W.warning:"",o?W.right:"",v?W.small:"",t?W.isInTable:"",x),style:{width:I||"",borderRadius:m||""},onChange:q=>{const{value:w}=q.target;let C;w==="unselected"?C={value:null}:C=c.find(j=>String(j.value)===String(w))||{value:null},g(q,C)},onFocus:p,onBlur:s,tabIndex:b,value:h,disabled:e||y,"data-testid":_,children:R})})};Ie.__docgenInfo={description:"",methods:[],displayName:"NativeSelect",props:{borderRadius:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},error:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | React.ReactNode | null",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactReactNode",raw:"React.ReactNode"},{name:"null"}]},description:"",defaultValue:{value:"null",computed:!1}},warning:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | React.ReactNode | null",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactReactNode",raw:"React.ReactNode"},{name:"null"}]},description:"",defaultValue:{value:"null",computed:!1}},tooltip:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | React.ReactNode | null",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactReactNode",raw:"React.ReactNode"},{name:"null"}]},description:"",defaultValue:{value:"null",computed:!1}},options:{required:!0,tsType:{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"},description:""},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:`(
-  evt: ChangeEvent<HTMLSelectElement>,
-  value: ISelectSelectedOption | { value: null },
-) => void`,signature:{arguments:[{type:{name:"ChangeEvent",elements:[{name:"HTMLSelectElement"}],raw:"ChangeEvent<HTMLSelectElement>"},name:"evt"},{type:{name:"union",raw:"ISelectSelectedOption | { value: null }",elements:[{name:"ISelectSelectedOption"},{name:"signature",type:"object",raw:"{ value: null }",signature:{properties:[{key:"value",value:{name:"null",required:!0}}]}}]},name:"value"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},onFocus:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},onBlur:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},right:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},small:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},tabIndex:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"0",computed:!1}},selectedOption:{required:!1,tsType:{name:"ISelectSelectedOption"},description:""},width:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | null",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"null"}]},description:"",defaultValue:{value:"null",computed:!1}},groupOrder:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:"",defaultValue:{value:"null",computed:!1}},testId:{required:!1,tsType:{name:"union",raw:"string | undefined",elements:[{name:"string"},{name:"undefined"}]},description:""},isInTable:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},clearable:{required:!1,tsType:{name:"boolean"},description:""},placeholder:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""},hasNonExistentValue:{required:!1,tsType:{name:"boolean"},description:""},maxTooltipWidth:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""}}};var Oe={exports:{}};(function(e,n){(function(a,d){e.exports=d(N,ze)})(window,function(a,d){return function(c){var g={};function p(s){if(g[s])return g[s].exports;var o=g[s]={i:s,l:!1,exports:{}};return c[s].call(o.exports,o,o.exports,p),o.l=!0,o.exports}return p.m=c,p.c=g,p.d=function(s,o,v){p.o(s,o)||Object.defineProperty(s,o,{enumerable:!0,get:v})},p.r=function(s){typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(s,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(s,"__esModule",{value:!0})},p.t=function(s,o){if(1&o&&(s=p(s)),8&o||4&o&&typeof s=="object"&&s&&s.__esModule)return s;var v=Object.create(null);if(p.r(v),Object.defineProperty(v,"default",{enumerable:!0,value:s}),2&o&&typeof s!="string")for(var b in s)p.d(v,b,(function(S){return s[S]}).bind(null,b));return v},p.n=function(s){var o=s&&s.__esModule?function(){return s.default}:function(){return s};return p.d(o,"a",o),o},p.o=function(s,o){return Object.prototype.hasOwnProperty.call(s,o)},p.p="",p(p.s=0)}([function(c,g,p){Object.defineProperty(g,"__esModule",{value:!0});var s=p(1);Object.defineProperty(g,"default",{enumerable:!0,get:function(){return function(o){return o&&o.__esModule?o:{default:o}}(s).default}}),c.exports=g.default},function(c,g,p){Object.defineProperty(g,"__esModule",{value:!0});var s=Object.assign||function(t){for(var l=1;l<arguments.length;l++){var i=arguments[l];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(t[r]=i[r])}return t},o=function(){function t(l,i){for(var r=0;r<i.length;r++){var u=i[r];u.enumerable=u.enumerable||!1,u.configurable=!0,"value"in u&&(u.writable=!0),Object.defineProperty(l,u.key,u)}}return function(l,i,r){return i&&t(l.prototype,i),r&&t(l,r),l}}(),v=I(p(2)),b=I(p(3)),S=p(4);function I(t){return t&&t.__esModule?t:{default:t}}var T=[],_=function(t){function l(i){(function(u,m){if(!(u instanceof m))throw new TypeError("Cannot call a class as a function")})(this,l);var r=function(u,m){if(!u)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!m||typeof m!="object"&&typeof m!="function"?u:m}(this,(l.__proto__||Object.getPrototypeOf(l)).call(this,i));return r.handleKeyboardEvent=r.handleKeyboardEvent.bind(r),r.registerExclusiveHandler=r.registerExclusiveHandler.bind(r),r.deregisterExclusiveHandler=r.deregisterExclusiveHandler.bind(r),r}return function(i,r){if(typeof r!="function"&&r!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof r);i.prototype=Object.create(r&&r.prototype,{constructor:{value:i,enumerable:!1,writable:!0,configurable:!0}}),r&&(Object.setPrototypeOf?Object.setPrototypeOf(i,r):i.__proto__=r)}(l,v.default.Component),o(l,[{key:"componentDidMount",value:function(){document.addEventListener("keydown",this.handleKeyboardEvent,!1),document.addEventListener("keyup",this.handleKeyboardEvent,!1),document.addEventListener("keypress",this.handleKeyboardEvent,!1);var i=this.props,r=i.isExclusive,u=i.isDisabled;r&&!u&&this.registerExclusiveHandler()}},{key:"componentWillUnmount",value:function(){document.removeEventListener("keydown",this.handleKeyboardEvent,!1),document.removeEventListener("keyup",this.handleKeyboardEvent,!1),document.removeEventListener("keypress",this.handleKeyboardEvent,!1),this.deregisterExclusiveHandler()}},{key:"componentDidUpdate",value:function(i){var r=i.isExclusive,u=i.isDisabled;(this.props.isExclusive!==r||this.props.isDisabled!==u)&&(this.props.isExclusive&&!this.props.isDisabled?this.registerExclusiveHandler():this.deregisterExclusiveHandler())}},{key:"registerExclusiveHandler",value:function(){this.deregisterExclusiveHandler(),T.unshift(this)}},{key:"deregisterExclusiveHandler",value:function(){var i=this;T.includes(this)&&(T=T.filter(function(r){return r!==i}))}},{key:"handleKeyboardEvent",value:function(i){var r=this.props,u=r.isDisabled,m=r.handleKeys,y=r.onKeyEvent,h=r.handleEventType,E=r.children,R=r.handleFocusableElements;if(u||h!==i.type||T.length>0&&T[0]!==this)return!1;var x=i.target===document.body||R,q=this.childrenContainer&&this.childrenContainer.contains(i.target);if(!(E?q:x))return!1;var w=(0,S.findMatchedKey)(i,m);return!!w&&(y(w,i),!0)}},{key:"render",value:function(){var i=this,r=this.props.children,u=Object.assign({},this.props),m=!0,y=!1,h=void 0;try{for(var E,R=Object.keys(l.propTypes)[Symbol.iterator]();!(m=(E=R.next()).done);m=!0)delete u[E.value]}catch(x){y=!0,h=x}finally{try{!m&&R.return&&R.return()}finally{if(y)throw h}}return r?v.default.createElement("span",s({ref:function(x){i.childrenContainer=x}},u),r):null}}]),l}();g.default=_,_.propTypes={handleKeys:b.default.array,handleEventType:b.default.oneOf(["keydown","keyup","keypress"]),handleFocusableElements:b.default.bool,onKeyEvent:b.default.func,isDisabled:b.default.bool,isExclusive:b.default.bool,children:b.default.any},_.defaultProps={handleKeys:[],handleFocusableElements:!1,handleEventType:"keydown",onKeyEvent:function(){return null}},c.exports=g.default},function(c,g){c.exports=a},function(c,g){c.exports=d},function(c,g,p){function s(r,u,m){return u in r?Object.defineProperty(r,u,{value:m,enumerable:!0,configurable:!0,writable:!0}):r[u]=m,r}Object.defineProperty(g,"__esModule",{value:!0}),g.matchKeyEvent=i,g.findMatchedKey=function(r,u){var m=u.map(function(y){var h=y.toLowerCase(),E=l[h];return E||[y]}).reduce(function(y,h){return y.concat(h)},[]).find(function(y){return i(r,y)});return!m&&u.includes("all")&&(m="other"),m};var o={backspace:[8],del:[46],delete:[46],ins:[45],insert:[45],tab:[9],enter:[13],return:[13],esc:[27],space:[32],pageup:[33],pagedown:[34],end:[35],home:[36],left:[37],up:[38],right:[39],down:[40],shift:[16],ctrl:[17],alt:[18],cap:[20],num:[144],clear:[12],meta:[91],";":[186,59],"=":[187,61],",":[188,44],"-":[189,45,173,109],minus:[189,45,173,109],".":[190,110],"/":[191,111],"`":[192],"[":[219],"\\":[220],"]":[221],"*":[106],"+":[107],plus:[107],"'":[222],quote:[222]},v=Object.keys(o).reduce(function(r,u){return Object.assign(r,s({},u.toUpperCase(),o[u]))},{}),b="0123456789".split("").reduce(function(r,u,m){return Object.assign(r,s({},u,[m+48,m+96]))},{}),S="ABCDEFGHIJKLMNOPQRSTUVWXYZ".split("").reduce(function(r,u,m){return Object.assign(r,s({},u.toLowerCase(),[m+65]),s({},u,[m+65]))},{}),I="1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19".split(",").reduce(function(r,u,m){return Object.assign(r,s({},"f"+u,[m+112]))},{}),T={control:"ctrl",ctrl:"ctrl",shift:"shift",meta:"meta",cmd:"meta",command:"meta",option:"alt",alt:"alt"},_=g.AllKeys=Object.assign({},o,v,b,S,I),t=Object.assign({},b,S),l={all:Object.keys(_),alphanumeric:Object.keys(t),numeric:Object.keys(b),alphabetic:Object.keys(S),function:Object.keys(I)};function i(r,u){var m=r.which||r.keyCode,y=r.type,h=Object.keys(T).filter(function(j){return r[j+"Key"]}).sort(),E=u.toLowerCase().trim(),R=E==="+"?["+"]:E.split(/\s?\+\s?/),x=R.pop(),q=_[x],w=R;if(y==="keypress")return u==String.fromCharCode(m).toLowerCase();if(w.length===0&&h.length===0)return q.indexOf(m)>=0;if(w.length>0&&h.length>0){var C=w.map(function(j){return T[j]}).sort(),A=C.length===h.length&&C.every(function(j,z){return h[z]===j});return q.indexOf(m)>=0&&A}return w.length==0&&h.length===1&&x===h[0]}}])})})(Oe);var pn=Oe.exports;const fn=We(pn),we=()=>{const e=N.useRef(null);return[e,()=>{e.current&&e.current.focus()}]},xe=()=>{const[e,n]=N.useState(!1);return N.useEffect(()=>{(async()=>{document.fonts&&await document.fonts.ready.then(()=>n(!0))})()},[]),e};var gn=typeof performance=="object"&&typeof performance.now=="function",ge=gn?function(){return performance.now()}:function(){return Date.now()};function ve(e){cancelAnimationFrame(e.id)}function vn(e,n){var a=ge();function d(){ge()-a>=n?e.call(null):c.id=requestAnimationFrame(d)}var c={id:requestAnimationFrame(d)};return c}var oe=-1;function ye(e){if(e===void 0&&(e=!1),oe===-1||e){var n=document.createElement("div"),a=n.style;a.width="50px",a.height="50px",a.overflow="scroll",document.body.appendChild(n),oe=n.offsetWidth-n.clientWidth,document.body.removeChild(n)}return oe}var ee=null;function he(e){if(e===void 0&&(e=!1),ee===null||e){var n=document.createElement("div"),a=n.style;a.width="50px",a.height="50px",a.overflow="scroll",a.direction="rtl";var d=document.createElement("div"),c=d.style;return c.width="100px",c.height="100px",n.appendChild(d),document.body.appendChild(n),n.scrollLeft>0?ee="positive-descending":(n.scrollLeft=1,n.scrollLeft===0?ee="negative":ee="positive-ascending"),document.body.removeChild(n),ee}return ee}var yn=150,hn=function(n,a){return n};function Sn(e){var n,a=e.getItemOffset,d=e.getEstimatedTotalSize,c=e.getItemSize,g=e.getOffsetForIndexAndAlignment,p=e.getStartIndexForOffset,s=e.getStopIndexForStartIndex,o=e.initInstanceProps,v=e.shouldResetStyleCacheOnItemSizeChange,b=e.validateProps;return n=function(S){$e(I,S);function I(_){var t;return t=S.call(this,_)||this,t._instanceProps=o(t.props,fe(t)),t._outerRef=void 0,t._resetIsScrollingTimeoutId=null,t.state={instance:fe(t),isScrolling:!1,scrollDirection:"forward",scrollOffset:typeof t.props.initialScrollOffset=="number"?t.props.initialScrollOffset:0,scrollUpdateWasRequested:!1},t._callOnItemsRendered=void 0,t._callOnItemsRendered=se(function(l,i,r,u){return t.props.onItemsRendered({overscanStartIndex:l,overscanStopIndex:i,visibleStartIndex:r,visibleStopIndex:u})}),t._callOnScroll=void 0,t._callOnScroll=se(function(l,i,r){return t.props.onScroll({scrollDirection:l,scrollOffset:i,scrollUpdateWasRequested:r})}),t._getItemStyle=void 0,t._getItemStyle=function(l){var i=t.props,r=i.direction,u=i.itemSize,m=i.layout,y=t._getItemStyleCache(v&&u,v&&m,v&&r),h;if(y.hasOwnProperty(l))h=y[l];else{var E=a(t.props,l,t._instanceProps),R=c(t.props,l,t._instanceProps),x=r==="horizontal"||m==="horizontal",q=r==="rtl",w=x?E:0;y[l]=h={position:"absolute",left:q?void 0:w,right:q?w:void 0,top:x?0:E,height:x?"100%":R,width:x?R:"100%"}}return h},t._getItemStyleCache=void 0,t._getItemStyleCache=se(function(l,i,r){return{}}),t._onScrollHorizontal=function(l){var i=l.currentTarget,r=i.clientWidth,u=i.scrollLeft,m=i.scrollWidth;t.setState(function(y){if(y.scrollOffset===u)return null;var h=t.props.direction,E=u;if(h==="rtl")switch(he()){case"negative":E=-u;break;case"positive-descending":E=m-r-u;break}return E=Math.max(0,Math.min(E,m-r)),{isScrolling:!0,scrollDirection:y.scrollOffset<E?"forward":"backward",scrollOffset:E,scrollUpdateWasRequested:!1}},t._resetIsScrollingDebounced)},t._onScrollVertical=function(l){var i=l.currentTarget,r=i.clientHeight,u=i.scrollHeight,m=i.scrollTop;t.setState(function(y){if(y.scrollOffset===m)return null;var h=Math.max(0,Math.min(m,u-r));return{isScrolling:!0,scrollDirection:y.scrollOffset<h?"forward":"backward",scrollOffset:h,scrollUpdateWasRequested:!1}},t._resetIsScrollingDebounced)},t._outerRefSetter=function(l){var i=t.props.outerRef;t._outerRef=l,typeof i=="function"?i(l):i!=null&&typeof i=="object"&&i.hasOwnProperty("current")&&(i.current=l)},t._resetIsScrollingDebounced=function(){t._resetIsScrollingTimeoutId!==null&&ve(t._resetIsScrollingTimeoutId),t._resetIsScrollingTimeoutId=vn(t._resetIsScrolling,yn)},t._resetIsScrolling=function(){t._resetIsScrollingTimeoutId=null,t.setState({isScrolling:!1},function(){t._getItemStyleCache(-1,null)})},t}I.getDerivedStateFromProps=function(t,l){return bn(t,l),b(t),null};var T=I.prototype;return T.scrollTo=function(t){t=Math.max(0,t),this.setState(function(l){return l.scrollOffset===t?null:{scrollDirection:l.scrollOffset<t?"forward":"backward",scrollOffset:t,scrollUpdateWasRequested:!0}},this._resetIsScrollingDebounced)},T.scrollToItem=function(t,l){l===void 0&&(l="auto");var i=this.props,r=i.itemCount,u=i.layout,m=this.state.scrollOffset;t=Math.max(0,Math.min(t,r-1));var y=0;if(this._outerRef){var h=this._outerRef;u==="vertical"?y=h.scrollWidth>h.clientWidth?ye():0:y=h.scrollHeight>h.clientHeight?ye():0}this.scrollTo(g(this.props,t,l,m,this._instanceProps,y))},T.componentDidMount=function(){var t=this.props,l=t.direction,i=t.initialScrollOffset,r=t.layout;if(typeof i=="number"&&this._outerRef!=null){var u=this._outerRef;l==="horizontal"||r==="horizontal"?u.scrollLeft=i:u.scrollTop=i}this._callPropsCallbacks()},T.componentDidUpdate=function(){var t=this.props,l=t.direction,i=t.layout,r=this.state,u=r.scrollOffset,m=r.scrollUpdateWasRequested;if(m&&this._outerRef!=null){var y=this._outerRef;if(l==="horizontal"||i==="horizontal")if(l==="rtl")switch(he()){case"negative":y.scrollLeft=-u;break;case"positive-ascending":y.scrollLeft=u;break;default:var h=y.clientWidth,E=y.scrollWidth;y.scrollLeft=E-h-u;break}else y.scrollLeft=u;else y.scrollTop=u}this._callPropsCallbacks()},T.componentWillUnmount=function(){this._resetIsScrollingTimeoutId!==null&&ve(this._resetIsScrollingTimeoutId)},T.render=function(){var t=this.props,l=t.children,i=t.className,r=t.direction,u=t.height,m=t.innerRef,y=t.innerElementType,h=t.innerTagName,E=t.itemCount,R=t.itemData,x=t.itemKey,q=x===void 0?hn:x,w=t.layout,C=t.outerElementType,A=t.outerTagName,j=t.style,z=t.useIsScrolling,K=t.width,V=this.state.isScrolling,H=r==="horizontal"||w==="horizontal",P=H?this._onScrollHorizontal:this._onScrollVertical,Z=this._getRangeToRender(),te=Z[0],re=Z[1],X=[];if(E>0)for(var k=te;k<=re;k++)X.push(N.createElement(l,{data:R,key:q(k,R),index:k,isScrolling:z?V:void 0,style:this._getItemStyle(k)}));var J=d(this.props,this._instanceProps);return N.createElement(C||A||"div",{className:i,onScroll:P,ref:this._outerRefSetter,style:Ve({position:"relative",height:u,width:K,overflow:"auto",WebkitOverflowScrolling:"touch",willChange:"transform",direction:r},j)},N.createElement(y||h||"div",{children:X,ref:m,style:{height:H?"100%":J,pointerEvents:V?"none":void 0,width:H?J:"100%"}}))},T._callPropsCallbacks=function(){if(typeof this.props.onItemsRendered=="function"){var t=this.props.itemCount;if(t>0){var l=this._getRangeToRender(),i=l[0],r=l[1],u=l[2],m=l[3];this._callOnItemsRendered(i,r,u,m)}}if(typeof this.props.onScroll=="function"){var y=this.state,h=y.scrollDirection,E=y.scrollOffset,R=y.scrollUpdateWasRequested;this._callOnScroll(h,E,R)}},T._getRangeToRender=function(){var t=this.props,l=t.itemCount,i=t.overscanCount,r=this.state,u=r.isScrolling,m=r.scrollDirection,y=r.scrollOffset;if(l===0)return[0,0,0,0];var h=p(this.props,y,this._instanceProps),E=s(this.props,h,y,this._instanceProps),R=!u||m==="backward"?Math.max(1,i):1,x=!u||m==="forward"?Math.max(1,i):1;return[Math.max(0,h-R),Math.max(0,Math.min(l-1,E+x)),h,E]},I}(N.PureComponent),n.defaultProps={direction:"ltr",itemData:void 0,layout:"vertical",overscanCount:2,useIsScrolling:!1},n}var bn=function(n,a){n.children,n.direction,n.height,n.layout,n.innerTagName,n.outerTagName,n.width,a.instance},_n=Sn({getItemOffset:function(n,a){var d=n.itemSize;return a*d},getItemSize:function(n,a){var d=n.itemSize;return d},getEstimatedTotalSize:function(n){var a=n.itemCount,d=n.itemSize;return d*a},getOffsetForIndexAndAlignment:function(n,a,d,c,g,p){var s=n.direction,o=n.height,v=n.itemCount,b=n.itemSize,S=n.layout,I=n.width,T=s==="horizontal"||S==="horizontal",_=T?I:o,t=Math.max(0,v*b-_),l=Math.min(t,a*b),i=Math.max(0,a*b-_+b+p);switch(d==="smart"&&(c>=i-_&&c<=l+_?d="auto":d="center"),d){case"start":return l;case"end":return i;case"center":{var r=Math.round(i+(l-i)/2);return r<Math.ceil(_/2)?0:r>t+Math.floor(_/2)?t:r}case"auto":default:return c>=i&&c<=l?c:c<i?i:l}},getStartIndexForOffset:function(n,a){var d=n.itemCount,c=n.itemSize;return Math.max(0,Math.min(d-1,Math.floor(a/c)))},getStopIndexForStartIndex:function(n,a,d){var c=n.direction,g=n.height,p=n.itemCount,s=n.itemSize,o=n.layout,v=n.width,b=c==="horizontal"||o==="horizontal",S=a*s,I=b?v:g,T=Math.ceil((I+d-S)/s);return Math.max(0,Math.min(p-1,a+T-1))},initInstanceProps:function(n){},shouldResetStyleCacheOnItemSizeChange:!0,validateProps:function(n){n.itemSize}});const Tn="_layerContainer_1lbvo_1",En="_layer_1lbvo_1",In="_small_1lbvo_23",On="_heading_1lbvo_26",wn="_option_1lbvo_27",xn="_message_1lbvo_28",Rn="_focused_1lbvo_64",qn="_selected_1lbvo_68",Ln="_disabled_1lbvo_71",Cn="_check_1lbvo_75",Mn="_optionContent_1lbvo_92",Nn="_label_1lbvo_97",jn="_icon_1lbvo_104",An="_details_1lbvo_109",F={layerContainer:Tn,layer:En,small:In,heading:On,option:wn,message:xn,focused:Rn,selected:qn,disabled:Ln,check:Cn,optionContent:Mn,label:Nn,icon:jn,details:An},Re=({label:e})=>f.jsx("div",{onClick:n=>n.stopPropagation(),className:F.heading,children:e});Re.__docgenInfo={description:"",methods:[],displayName:"Heading",props:{label:{required:!0,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""}}};const qe=({details:e,label:n,icon:a,disabled:d=!1,selected:c=!1,focused:g=!1,onSelectOption:p,actions:s,closeLayer:o,testId:v})=>f.jsxs("div",{className:G(F.option,d?F.disabled:"",c?F.selected:"",g?F.focused:""),onClick:!d&&p?p:void 0,"data-testid":v,children:[f.jsx("div",{className:F.optionContent,children:f.jsxs("span",{className:F.label,title:n,children:[n,a&&f.jsx("span",{className:F.icon,children:a})]})}),e&&f.jsx("div",{className:G(F.details),children:f.jsx(le,{faint:!0,children:e})}),!!(s!=null&&s.length)&&f.jsx("div",{className:G(F.actions),children:f.jsx(Ke,{actions:s,closeLayer:o})}),f.jsx("span",{className:F.check,children:c?f.jsx(ue,{icon:Ee.CHECK}):null})]});qe.__docgenInfo={description:"",methods:[],displayName:"Option",props:{details:{required:!1,tsType:{name:"string"},description:""},label:{required:!0,tsType:{name:"string"},description:""},icon:{required:!1,tsType:{name:"ReactNode"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},selected:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},focused:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},onSelectOption:{required:!1,tsType:{name:"signature",type:"function",raw:`(
-  event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
-  section?: ISelectSectionProps,
-) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"event"},{type:{name:"signature",type:"object",raw:`{
-  section: ISelectSection;
-  selected?: boolean;
-  focused?: boolean;
-  onSelectOption?: (
-    event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
-    section?: ISelectSectionProps,
-  ) => void;
-  closeLayer?: TEmpty;
-}`,signature:{properties:[{key:"section",value:{name:"ISelectSection",required:!0}},{key:"selected",value:{name:"boolean",required:!1}},{key:"focused",value:{name:"boolean",required:!1}},{key:"onSelectOption",value:{name:"signature",type:"function",raw:`(
-  event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
-  section?: ISelectSectionProps,
-) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"event"},{type:{name:"ISelectSectionProps"},name:"section"}],return:{name:"void"}},required:!1}},{key:"closeLayer",value:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}},required:!1}}]}},name:"section"}],return:{name:"void"}}},description:""},actions:{required:!1,tsType:{name:"Array",elements:[{name:"any"}],raw:"any[]"},description:""},closeLayer:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const Le=({section:e,selected:n,focused:a,onSelectOption:d,closeLayer:c})=>{const g=N.useContext(de);switch(e.type){case ie.HEADING:return f.jsx(Re,{label:e.label});case ie.OPTION:default:return f.jsx(qe,{closeLayer:c,actions:e.actions,label:e.label,details:e.details,icon:e.icon,disabled:e.disabled||g,selected:n,focused:a,onSelectOption:d,testId:e.testId})}};Le.__docgenInfo={description:"",methods:[],displayName:"Section",props:{section:{required:!0,tsType:{name:"ISelectSection"},description:""},selected:{required:!1,tsType:{name:"boolean"},description:""},focused:{required:!1,tsType:{name:"boolean"},description:""},onSelectOption:{required:!1,tsType:{name:"signature",type:"function",raw:`(
-  event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
-  section?: ISelectSectionProps,
-) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"event"},{type:{name:"signature",type:"object",raw:`{
-  section: ISelectSection;
-  selected?: boolean;
-  focused?: boolean;
-  onSelectOption?: (
-    event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
-    section?: ISelectSectionProps,
-  ) => void;
-  closeLayer?: TEmpty;
-}`,signature:{properties:[{key:"section",value:{name:"ISelectSection",required:!0}},{key:"selected",value:{name:"boolean",required:!1}},{key:"focused",value:{name:"boolean",required:!1}},{key:"onSelectOption",value:{name:"signature",type:"function",raw:`(
-  event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
-  section?: ISelectSectionProps,
-) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"event"},{type:{name:"ISelectSectionProps"},name:"section"}],return:{name:"void"}},required:!1}},{key:"closeLayer",value:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}},required:!1}}]}},name:"section"}],return:{name:"void"}}},description:""},closeLayer:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""}}};const ce=(e,n)=>{const d=document.createElement("canvas").getContext("2d");return d?(d.font=n,d.measureText(e).width):0},Ce="13px",Me="12px",Fn="Roobert",Hn="sans-serif",Pn=12,Dn=8,kn=30,Wn=24,Un=5,Gn=3,zn=1,Vn=2,Se=10,Ne=(e=!1,n=!1)=>`${e?Me:Ce} ${n?Fn:Hn}`,$n=(e=!1,n=!1)=>(e?Dn:Pn)+(e?Wn:kn)+(n?17:0),be=(e,n,a,d)=>{const c=Ne(n,a),g=d?ce(d,c):0,p=Math.ceil(e.reduce((o,v)=>{var _;const b=(((_=v==null?void 0:v.actions)==null?void 0:_.length)??0)*24,S=v.icon?parseInt(n?Me:Ce)+7:0,I=`${v.label} ${v.details||""}`,T=ce(I,c)+b+S;return o=T>o?T:o,o},g)),s=$n(n,!0);return p+s},Kn=(e,n,a)=>{const d=Ne(!0,a),c=ce(e.label,d),g=(n?Gn:Un)*2+zn*2+Vn;return Math.ceil(c+g)},je=({listRef:e,isMulti:n,sections:a,selectedOptions:d,onSelectOption:c,focusedOptionIndex:g,width:p,small:s,firstSelectedOptionIndex:o,closeLayer:v,testId:b})=>{N.useEffect(()=>{o&&o!==null&&e.current!==null&&e.current.scrollToItem(o,"start")},[o,e]);const S=s?24:30;return f.jsx("div",{"data-testid":b,className:G(F.layer,s&&F.small),children:a.length?f.jsx(_n,{ref:e,height:a.length<Se?S*a.length:S*Se,itemCount:a.length,itemSize:S,width:p,children:({index:I,style:T})=>{var _;return f.jsx("div",{style:T,children:f.jsx(Le,{closeLayer:v,section:a[I],selected:n&&a[I].type!==ie.HEADING&&Array.isArray(d)?d.some(t=>{var l;return t&&(t==null?void 0:t.value)===((l=a==null?void 0:a[I])==null?void 0:l.value)}):!Array.isArray(d)&&((_=a==null?void 0:a[I])==null?void 0:_.value)===(d==null?void 0:d.value),focused:g===I,onSelectOption:t=>c(t,a[I])})})}}):f.jsx("ul",{children:f.jsx("li",{children:f.jsx("div",{className:F.message,style:{width:p},children:"No matches"})})})})};je.__docgenInfo={description:"",methods:[],displayName:"Layer",props:{listRef:{required:!0,tsType:{name:"RefObject",elements:[{name:"any"}],raw:"RefObject<any>"},description:""},isMulti:{required:!1,tsType:{name:"boolean"},description:""},sections:{required:!0,tsType:{name:"Array",elements:[{name:"ISelectSection"}],raw:"ISelectSection[]"},description:""},selectedOptions:{required:!0,tsType:{name:"union",raw:"ISelectSelectedOption | ISelectSelectedOption[]",elements:[{name:"ISelectSelectedOption"},{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"}]},description:""},onSelectOption:{required:!0,tsType:{name:"signature",type:"function",raw:`(
-  event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
-  section?: ISelectSection,
-) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"event"},{type:{name:"ISelectSection"},name:"section"}],return:{name:"void"}}},description:""},focusedOptionIndex:{required:!1,tsType:{name:"number"},description:""},width:{required:!0,tsType:{name:"number"},description:""},small:{required:!1,tsType:{name:"boolean"},description:""},firstSelectedOptionIndex:{required:!1,tsType:{name:"number"},description:""},closeLayer:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const Yn="_inputInTable_1qfoj_1",Bn="_inputHover_1qfoj_13",Zn="_inputFocus_1qfoj_18",Xn="_inputError_1qfoj_25",Jn="_inputWarning_1qfoj_26",Qn="_inputDisabled_1qfoj_61",et="_hideScrollbars_1qfoj_67",nt="_trigger_1qfoj_77",tt="_isInTable_1qfoj_93",rt="_input_1qfoj_1",at="_isOpen_1qfoj_114",it="_error_1qfoj_122",st="_warning_1qfoj_139",ot="_disabled_1qfoj_156",lt="_icons_1qfoj_162",ut="_clearAll_1qfoj_169",ct="_iconOpen_1qfoj_170",dt="_small_1qfoj_181",mt="_triggerInputContainer_1qfoj_189",pt="_right_1qfoj_198",ft="_multiOptions_1qfoj_211",gt="_multiOption_1qfoj_211",vt="_label_1qfoj_239",yt="_closeMultiOption_1qfoj_242",ht="_focus_1qfoj_253",St="_selectedSingleValue_1qfoj_257",bt="_placeHolder_1qfoj_258",_t="_groupOrderFirst_1qfoj_297",Tt="_groupOrderMiddle_1qfoj_298",Et="_groupOrderLast_1qfoj_302",It="_detailedLabel_1qfoj_307",M={inputInTable:Yn,inputHover:Bn,inputFocus:Zn,inputError:Xn,inputWarning:Jn,inputDisabled:Qn,hideScrollbars:et,trigger:nt,isInTable:tt,input:rt,isOpen:at,error:it,warning:st,disabled:ot,icons:lt,clearAll:ut,iconOpen:ct,small:dt,triggerInputContainer:mt,right:pt,multiOptions:ft,multiOption:gt,label:vt,closeMultiOption:yt,focus:ht,selectedSingleValue:St,placeHolder:bt,groupOrderFirst:_t,groupOrderMiddle:Tt,groupOrderLast:Et,detailedLabel:It},Ae=({selectedOptions:e,small:n,width:a})=>{const d=xe(),[c,g]=N.useState([]),[p,s]=N.useState([]);return N.useEffect(()=>{let o=[],v=[],b=0;e.forEach((S,I)=>{b+=Kn(S,n,d),I===e.length-1&&b<a||b<a-24?o.push(S):v.push(S)}),g(o),s(v)},[e,d,a]),f.jsxs("div",{className:M.multiOptions,children:[c.filter(o=>o&&o.label).map((o,v)=>f.jsx("span",{className:M.multiOption,onClick:b=>{b.stopPropagation()},children:o.label},v)),p.length>0&&f.jsx(me,{text:p.map((o,v)=>f.jsx("div",{children:o.label},v)),display:"inline-flex",children:f.jsx("span",{className:M.multiOption,children:c.length?`+${p.length}`:`${p.length} items`})})]})};Ae.__docgenInfo={description:"",methods:[],displayName:"MultiSelectedOptions",props:{selectedOptions:{required:!0,tsType:{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"},description:""},small:{required:!1,tsType:{name:"boolean"},description:""},width:{required:!0,tsType:{name:"number"},description:""}}};const Fe=({selectedOptions:e,searchable:n=!1,searchValue:a,onChange:d=()=>{},inputRef:c,error:g,placeholder:p="Select...",small:s})=>{const o=N.useRef(null),v=Array.isArray(e),b=v?e.length>0:!!e,S=a?a.length+1:1,I=()=>{var t,l;const T=((t=o.current)==null?void 0:t.offsetWidth)||0,_=((l=c.current)==null?void 0:l.offsetWidth)||0;return T-_};return f.jsxs("div",{className:M.triggerInputContainer,ref:o,children:[b?v?f.jsx(Ae,{selectedOptions:e,small:s,width:I()}):f.jsx("span",{className:M.selectedSingleValue,children:a!=null&&a.length?"":e==null?void 0:e.label}):f.jsx("span",{className:M.placeHolder,children:a!=null&&a.length?"":p}),n?f.jsx("input",{tabIndex:-1,ref:c,size:S,className:G(M.input,g?M.error:""),value:a,onChange:T=>d(T.target.value)}):null]})};Fe.__docgenInfo={description:"",methods:[],displayName:"Input",props:{selectedOptions:{required:!1,tsType:{name:"union",raw:"ISelectSelectedOption | ISelectSelectedOption[]",elements:[{name:"ISelectSelectedOption"},{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"}]},description:""},searchable:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},searchValue:{required:!1,tsType:{name:"string"},description:""},inputRef:{required:!0,tsType:{name:"MutableRefObject",elements:[{name:"union",raw:"HTMLInputElement | null",elements:[{name:"HTMLInputElement"},{name:"null"}]}],raw:"MutableRefObject<HTMLInputElement | null>"},description:""},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(value: string) => void",signature:{arguments:[{type:{name:"string"},name:"value"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},error:{required:!1,tsType:{name:"union",raw:"string | ReactNode",elements:[{name:"string"},{name:"ReactNode"}]},description:""},placeholder:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:"",defaultValue:{value:"'Select...'",computed:!1}},small:{required:!1,tsType:{name:"boolean"},description:""}}};const He=({selectedOptions:e,searchValue:n,searchable:a,clearable:d,onClickTrigger:c,element:g,error:p,warning:s,tooltip:o,small:v,isInTable:b,disabled:S,onChangeSearch:I,onClickDeselect:T,onClickClear:_,tabIndex:t,isOpen:l,triggerRef:i,clearAllIsFocused:r,focusedSelectedOptionIndex:u,onFocus:m,onBlur:y,groupOrder:h,maxTooltipWidth:E,placeholder:R,right:x,testId:q})=>{var H;const[w,C]=we(),A=Array.isArray(e)?e.length>0&&((H=e[0])==null?void 0:H.value):e==null?void 0:e.value,j=d&&A,z=(()=>{if(h)switch(h){case ae.FIRST:return M.groupOrderFirst;case ae.LAST:return M.groupOrderLast;default:return M.groupOrderMiddle}return""})(),K=!Array.isArray(e)&&(e!=null&&e.details)?{...e,label:f.jsxs("div",{className:G(M.detailedLabel),children:[f.jsx(le,{children:e.label}),f.jsx(le,{muted:!0,children:e.details})]})}:e,V=f.jsxs(f.Fragment,{children:[g,f.jsxs("div",{ref:i,tabIndex:t,className:G(M.trigger,l?M.isOpen:"",p?M.error:s?M.warning:"",S?M.disabled:"",v?M.small:"",b?M.isInTable:"",x?M.right:"",z),onClick:P=>{P.stopPropagation(),typeof C=="function"&&C(),c(P)},onFocus:m,onBlur:y,"data-testid":q,children:[f.jsx(Fe,{selectedOptions:K,placeholder:R,searchable:a,searchValue:n,inputRef:w,onChange:I,error:p,small:v}),f.jsx("span",{className:M.icons,children:j?f.jsx("span",{className:G(M.clearAll,r?M.focus:""),onClick:P=>{P.stopPropagation(),_&&_(P)},children:f.jsx(ue,{icon:Ee.CLOSE})}):f.jsx("span",{className:G(M.iconOpen),children:f.jsx(ue,{icon:"chevron down"})})})]})]});return f.jsx(f.Fragment,{children:f.jsx(me,{error:!!p,warning:!!s,text:o||p||s,enabled:o&&ne(o)||p&&ne(p)||s&&ne(s)||!1,maxWidth:E,placement:"bottom-center",children:V})})};He.__docgenInfo={description:"",methods:[],displayName:"Trigger",props:{selectedOptions:{required:!1,tsType:{name:"union",raw:"ISelectSelectedOption | ISelectSelectedOption[]",elements:[{name:"ISelectSelectedOption"},{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"}]},description:""},searchValue:{required:!1,tsType:{name:"string"},description:""},searchable:{required:!1,tsType:{name:"boolean"},description:""},clearable:{required:!1,tsType:{name:"boolean"},description:""},onClickTrigger:{required:!0,tsType:{name:"signature",type:"function",raw:"(evt: React.MouseEvent<HTMLDivElement, MouseEvent>) => void",signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"evt"}],return:{name:"void"}}},description:""},element:{required:!1,tsType:{name:"ReactNode"},description:""},error:{required:!1,tsType:{name:"union",raw:"string | ReactNode",elements:[{name:"string"},{name:"ReactNode"}]},description:""},warning:{required:!1,tsType:{name:"union",raw:"string | ReactNode",elements:[{name:"string"},{name:"ReactNode"}]},description:""},tooltip:{required:!1,tsType:{name:"union",raw:"string | ReactNode",elements:[{name:"string"},{name:"ReactNode"}]},description:""},small:{required:!1,tsType:{name:"boolean"},description:""},isInTable:{required:!1,tsType:{name:"boolean"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},onChangeSearch:{required:!1,tsType:{name:"signature",type:"function",raw:"(value: string) => void",signature:{arguments:[{type:{name:"string"},name:"value"}],return:{name:"void"}}},description:""},onClickDeselect:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: React.MouseEvent<HTMLDivElement, MouseEvent>) => void",signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"evt"}],return:{name:"void"}}},description:""},onClickClear:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void",signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLSpanElement, MouseEvent>",elements:[{name:"HTMLSpanElement"},{name:"MouseEvent"}]},name:"evt"}],return:{name:"void"}}},description:""},tabIndex:{required:!1,tsType:{name:"number"},description:""},isOpen:{required:!1,tsType:{name:"boolean"},description:""},triggerRef:{required:!1,tsType:{name:"RefObject",elements:[{name:"HTMLDivElement"}],raw:"RefObject<HTMLDivElement>"},description:""},clearAllIsFocused:{required:!1,tsType:{name:"boolean"},description:""},focusedSelectedOptionIndex:{required:!1,tsType:{name:"number"},description:""},onFocus:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: React.FocusEvent<HTMLDivElement>) => void",signature:{arguments:[{type:{name:"ReactFocusEvent",raw:"React.FocusEvent<HTMLDivElement>",elements:[{name:"HTMLDivElement"}]},name:"evt"}],return:{name:"void"}}},description:""},onBlur:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: React.FocusEvent<HTMLDivElement>) => void",signature:{arguments:[{type:{name:"ReactFocusEvent",raw:"React.FocusEvent<HTMLDivElement>",elements:[{name:"HTMLDivElement"}]},name:"evt"}],return:{name:"void"}}},description:""},groupOrder:{required:!1,tsType:{name:"union",raw:"TGroupOrder | string",elements:[{name:"union",raw:"'first' | 'middle' | 'last'",elements:[{name:"literal",value:"'first'"},{name:"literal",value:"'middle'"},{name:"literal",value:"'last'"}]},{name:"string"}]},description:""},maxTooltipWidth:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},placeholder:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""},right:{required:!1,tsType:{name:"boolean"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};var U=(e=>(e.SET_VISIBLE_OPTIONS="SET_VISIBLE_OPTIONS",e.RESET_LAYER_FOCUS="RESET_LAYER_FOCUS",e.CLEAR_SEARCH="CLEAR_SEARCH",e.ON_CHANGE_SEARCH="ON_CHANGE_SEARCH",e.FOCUS_TRIGGER_INPUTS="FOCUS_TRIGGER_INPUTS",e.BLUR_TRIGGER_INPUTS="BLUR_TRIGGER_INPUTS",e.FOCUS_LAYER_OPTIONS="FOCUS_LAYER_OPTIONS",e.OPEN_LAYER="OPEN_LAYER",e.CLOSE_LAYER="CLOSE_LAYER",e))(U||{});const Pe={options:["none","clearAll"],currentIndex:0,currentOption:!1,clearAll:!1},Ot=e=>e!==null?e+1:0,De=(e,n)=>{const a=["none",...e.map((c,g)=>c.type!==ie.HEADING?g:null).filter(c=>c!==null)],d=Ot(n);return{options:a,currentIndex:d,current:a[d]}},wt=(e,n)=>{const a=e==="up"?-1:1,d=n.currentIndex+a,c=(d<0?n.options.length-1:d)%n.options.length,g=n.options[c];return{...n,currentIndex:c,current:g}},xt=(e,n,a)=>{const d=e==="left"?-1:1,c=n&&n.length?["none",...Array.from({length:n.length},(v,b)=>b),"clearAll"]:["none","clearAll"],g=a.currentIndex+d,p=(g<0?c.length-1:g)%c.length,s=c[p];return{options:c,currentIndex:p,currentOption:s,clearAll:s==="clearAll"}},_e=()=>Pe,Te=e=>({...e,currentIndex:0,current:"none"}),Rt=(e,n)=>{switch(n.type){case U.SET_VISIBLE_OPTIONS:return{...e,visibleOptions:n.options||[]};case U.RESET_LAYER_FOCUS:return{...e,layerFocus:De(n.options||[],n.firstSelectedOptionIndex||0)};case U.CLEAR_SEARCH:return{...e,visibleOptions:n.options||[],searchValue:""};case U.ON_CHANGE_SEARCH:{let d=[...(n.options||[]).filter(c=>(String(c.label)+(c.details?String(c.details):"")).toLowerCase().includes(String(n.value||"").toLowerCase()))];return n.createAble&&n.value&&n.value!==""&&d.push({label:`Create "${n.value}"`,value:n.value,createAble:!0}),{...e,searchValue:n.value,visibleOptions:d,layerFocus:Te(e.layerFocus)}}case U.FOCUS_TRIGGER_INPUTS:return{...e,triggerFocus:xt(n.direction||"right",n.selectedOptions||[],e.triggerFocus),layerFocus:Te(e.layerFocus)};case U.BLUR_TRIGGER_INPUTS:return{...e,triggerFocus:_e()};case U.FOCUS_LAYER_OPTIONS:return n.nextLayerFocus?{...e,layerFocus:n.nextLayerFocus,triggerFocus:_e()}:e;case U.OPEN_LAYER:return{...e,isLayerOpen:!0};case U.CLOSE_LAYER:return{...e,isLayerOpen:!1};default:return e}},qt={auto:!0,possiblePlacements:["bottom-start","top-start"],placement:"bottom-start",preferX:"right",preferY:"bottom"};var D=(e=>(e.CLOSE_LAYER="CLOSE_LAYER",e.OPEN_LAYER="OPEN_LAYER",e.SET_VISIBLE_OPTIONS="SET_VISIBLE_OPTIONS",e.CLEAR_SEARCH="CLEAR_SEARCH",e.RESET_LAYER_FOCUS="RESET_LAYER_FOCUS",e.FOCUS_LAYER_OPTIONS="FOCUS_LAYER_OPTIONS",e.BLUR_TRIGGER_INPUTS="BLUR_TRIGGER_INPUTS",e.FOCUS_TRIGGER_INPUTS="FOCUS_TRIGGER_INPUTS",e.ON_CHANGE_SEARCH="ON_CHANGE_SEARCH",e))(D||{}),$=(e=>(e.RIGHT="right",e.LEFT="left",e.UP="up",e.DOWN="down",e.ENTER="enter",e.ESC="esc",e.TAB="tab",e))($||{});const Lt=({state:e,dispatch:n,options:a,setTriggerFocus:d,disabled:c,disabledContext:g,onCreate:p,onChange:s,selectedOptions:o,width:v,small:b,isFontLoaded:S,placeholder:I,firstSelectedOptionIndex:T,createAble:_,listRef:t,autoLayerWidth:l})=>{const i=()=>{e.isLayerOpen&&n({type:D.CLOSE_LAYER}),d()},r=()=>n({type:D.OPEN_LAYER}),u=N.useRef(!0);N.useEffect(()=>{u.current?u.current=!1:n({type:D.SET_VISIBLE_OPTIONS,options:a})},[a]);const m=(O,L,Q)=>{if(!(c||g)){if(Q&&Q(),L){if(L.createAble&&p)p(L.value);else if(!L.disabled)if(Array.isArray(o))if(o.some(B=>B.label===L.label)){const B=o.filter(pe=>pe.label!==L.label);s&&s(O,B)}else{const B=[...o,L];s&&s(O,B)}else s&&s(O,L)}n({type:D.CLEAR_SEARCH,options:a}),d()}},y=N.useCallback(()=>v?v!=="auto"?v:be(a,b,S,I):"100%",[a,S]),h=N.useCallback(O=>l?Math.max(be(a,b,S,I),O==null?void 0:O.width):O==null?void 0:O.width,[a,S]),{renderLayer:E,layerProps:R,triggerProps:x,triggerBounds:q}=Ue({isOpen:(e==null?void 0:e.isLayerOpen)??!1,overflowContainer:!0,...qt,ResizeObserver,onOutsideClick:i,onParentClose:i}),w=()=>{if(!(c||g)){if(e.isLayerOpen){i();return}n({type:D.RESET_LAYER_FOCUS,options:a,firstSelectedOptionIndex:T}),r()}},C=N.useRef(!0);N.useEffect(()=>{C.current?C.current=!1:e.isLayerOpen||n({type:D.CLEAR_SEARCH,options:a})},[e.isLayerOpen]);const A=(O,L)=>{const Q=o instanceof Array?o.filter(Y=>Y.value!==L.value):null;s&&s(O,Q)},j=O=>{const L=o instanceof Array?[]:{value:null};s&&s(O,L)},z=O=>n({type:D.ON_CHANGE_SEARCH,options:a,value:O,createAble:_}),K=()=>{r(),n({type:D.BLUR_TRIGGER_INPUTS})},V=O=>{t.current&&Number.isInteger(O)&&t.current.scrollToItem(O)},H=O=>{const L=wt(O,e.layerFocus);n({type:D.FOCUS_LAYER_OPTIONS,nextLayerFocus:L}),V(L.current)},P=O=>{n({type:D.FOCUS_TRIGGER_INPUTS,ICustomSelectDirection:O,selectedOptions:o})},Z=O=>j(O),te=o&&o[e.triggerFocus.currentOption],re=O=>{A(O,o[e.triggerFocus.currentOption])},X=O=>{var L;m(O,(L=e==null?void 0:e.visibleOptions)==null?void 0:L[e.layerFocus.current],i)},k=e.triggerFocus.clearAll;return{getTriggerWidth:y,onKeyEvent:(O,L)=>{switch(O){case $.UP:{H(O);break}case $.DOWN:{e.isLayerOpen?H(O):K();break}case $.LEFT:case $.RIGHT:{P(O);break}case $.ENTER:{k?Z(L):te?re(L):X(L);break}case $.ESC:{i();break}}},clearAllIsFocused:k,triggerProps:x,onClickTrigger:w,onChangeSearch:z,onClickDeselectOption:A,onClickClearAll:j,renderLayer:E,layerProps:R,closeLayer:i,onSelectOption:m,getLayerWidth:h,triggerBounds:q}},ke=e=>{const{multi:n=!1,disabled:a=!1,error:d=null,warning:c=null,tooltip:g=null,options:p,selectedOptions:s,onCreate:o=null,placeholder:v="",small:b=!1,tabIndex:S=0,onFocus:I=()=>{},onBlur:T=()=>{},searchable:_=!0,clearable:t=!1,maxTooltipWidth:l,closeOnOptionActionClick:i,isInTable:r=!1,groupOrder:u,firstSelectedOptionIndex:m=0,right:y=!1,testId:h=void 0}=e,E=N.useContext(de),R=o!==null,x=N.useRef(null),[q,w]=we(),C=xe(),[A,j]=N.useReducer(Rt,{options:p,firstSelectedOptionIndex:m},({options:Y})=>({searchValue:"",visibleOptions:Y,layerFocus:De(Y,m??0),triggerFocus:Pe,isLayerOpen:!1})),{getTriggerWidth:z,onKeyEvent:K,clearAllIsFocused:V,triggerProps:H,onClickTrigger:P,onChangeSearch:Z,onClickDeselectOption:te,onClickClearAll:re,renderLayer:X,layerProps:k,closeLayer:J,onSelectOption:O,getLayerWidth:L,triggerBounds:Q}=Lt({...e,state:A,dispatch:j,setTriggerFocus:w,disabledContext:E,isFontLoaded:C,createAble:R,listRef:x});return f.jsx("div",{style:{width:z()},children:f.jsxs(fn,{handleKeys:Object.values($),onKeyEvent:K,children:[f.jsx(He,{selectedOptions:s,searchValue:A.searchValue,isOpen:A.isLayerOpen,focusedSelectedOptionIndex:A.triggerFocus.currentOption,clearAllIsFocused:V,searchable:_,triggerRef:Ge(q,H.ref),error:d,warning:c,tooltip:g,small:b,isInTable:r,disabled:a||E,clearable:t,tabIndex:S,onClickTrigger:P,onChangeSearch:Z,onClickDeselect:te,onClickClear:re,onFocus:I,onBlur:T,groupOrder:u,maxTooltipWidth:l,placeholder:v,right:y,testId:h}),A.isLayerOpen&&X(f.jsx("div",{...k,className:F.layerContainer,children:f.jsx(je,{listRef:x,isMulti:n,sections:A.visibleOptions,selectedOptions:s,onSelectOption:(Y,B)=>{O(Y,B,n?void 0:J)},closeLayer:()=>{i&&J()},width:L(Q),small:b,focusedOptionIndex:A.layerFocus.current,firstSelectedOptionIndex:m??0,testId:h&&`${h}-layer`})}))]})})};ke.__docgenInfo={description:"",methods:[],displayName:"CustomSelect",props:{multi:{required:!1,tsType:{name:"boolean"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},error:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactNode"}]},description:""},warning:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactNode"}]},description:""},tooltip:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactNode"}]},description:""},options:{required:!0,tsType:{name:"Array",elements:[{name:"union",raw:"ISelectSelectedOption | Heading",elements:[{name:"ISelectSelectedOption"},{name:"Heading"}]}],raw:"TCustomSelectSelectOption[]"},description:""},selectedOptions:{required:!0,tsType:{name:"union",raw:"ISelectSelectedOption | ISelectSelectedOption[]",elements:[{name:"ISelectSelectedOption"},{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"}]},description:""},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:`(
-  evt: ChangeEvent<HTMLInputElement>,
-  newSelectedOptions: ISelectSelectedOption,
-) => void`,signature:{arguments:[{type:{name:"ChangeEvent",elements:[{name:"HTMLInputElement"}],raw:"ChangeEvent<HTMLInputElement>"},name:"evt"},{type:{name:"ISelectSelectedOption"},name:"newSelectedOptions"}],return:{name:"void"}}},description:""},onCreate:{required:!1,tsType:{name:"signature",type:"function",raw:"(value: string) => void",signature:{arguments:[{type:{name:"string"},name:"value"}],return:{name:"void"}}},description:""},placeholder:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""},small:{required:!1,tsType:{name:"boolean"},description:""},tabIndex:{required:!1,tsType:{name:"number"},description:""},width:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | null",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"null"}]},description:""},autoLayerWidth:{required:!1,tsType:{name:"boolean"},description:""},onFocus:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},onBlur:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},searchable:{required:!1,tsType:{name:"boolean"},description:""},clearable:{required:!1,tsType:{name:"boolean"},description:""},isInTable:{required:!1,tsType:{name:"boolean"},description:""},groupOrder:{required:!1,tsType:{name:"union",raw:"TGroupOrder | string",elements:[{name:"union",raw:"'first' | 'middle' | 'last'",elements:[{name:"literal",value:"'first'"},{name:"literal",value:"'middle'"},{name:"literal",value:"'last'"}]},{name:"string"}]},description:""},firstSelectedOptionIndex:{required:!0,tsType:{name:"union",raw:"number | null",elements:[{name:"number"},{name:"null"}]},description:""},right:{required:!1,tsType:{name:"boolean"},description:""},maxTooltipWidth:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},closeOnOptionActionClick:{required:!1,tsType:{name:"boolean"},description:""},testId:{required:!1,tsType:{name:"union",raw:"string | undefined",elements:[{name:"string"},{name:"undefined"}]},description:""}}};const Ct=e=>{const{name:n="",options:a=[],value:d,native:c=!1,onChange:g=()=>{},deprecatedEventHandler:p=!1,autoScroll:s=!0,warning:o,error:v,checkNonExistentValues:b=!0,closeOnOptionActionClick:S=!0,testId:I,disabled:T}=e,_=!c&&s===!0,{multi:t,simpleInputs:l,options:i,selectedOptions:r,firstSelectedOptionIndex:u,hasNonExistentValue:m}=Ye(a,d,_,b),y=!t,h=c&&y;c&&!y&&console.warn("Native select does not support provided props (see stories)");const E="Value no longer available for re-selection",R=m&&!T?o?f.jsxs("div",{children:[f.jsx("div",{children:E}),f.jsx("div",{children:o})]}):E:o,x=m&&v&&!T?f.jsxs("div",{children:[f.jsx("div",{children:E}),f.jsx("div",{children:v})]}):v,q=(w,C)=>{if(p){const A=t?C.map(j=>l?j.value:j):l?C.value:C;g(A)}else{const A=!(w instanceof Event),j=t?C:C.value;A?(w.target.name=n,w.target.value=j,t||(w.target.label=C.label),g(w)):g({...w,target:{...w.target,name:n,value:j,...!t&&{label:C.label}}})}};return h?f.jsx(Ie,{...e,options:i,selectedOption:r,onChange:q,hasNonExistentValue:m,warning:R,error:x,testId:I}):f.jsx(ke,{...e,options:i,selectedOptions:r,onChange:q,multi:t,firstSelectedOptionIndex:u,warning:R,error:x,testId:I,closeOnOptionActionClick:S})};Ct.__docgenInfo={description:"",methods:[],displayName:"Select",props:{name:{required:!1,tsType:{name:"string"},description:""},multi:{required:!1,tsType:{name:"boolean"},description:""},options:{required:!1,tsType:{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"},description:""},value:{required:!1,tsType:{name:"any"},description:""},native:{required:!1,tsType:{name:"boolean"},description:""},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(value: any) => void",signature:{arguments:[{type:{name:"any"},name:"value"}],return:{name:"void"}}},description:""},deprecatedEventHandler:{required:!1,tsType:{name:"boolean"},description:""},autoScroll:{required:!1,tsType:{name:"boolean"},description:""},warning:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactNode"}]},description:""},error:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactNode"}]},description:""},checkNonExistentValues:{required:!1,tsType:{name:"boolean"},description:""},closeOnOptionActionClick:{required:!1,tsType:{name:"boolean"},description:""},small:{required:!1,tsType:{name:"boolean"},description:""},width:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | null",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"null"}]},description:""},borderRadius:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},onCreate:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: any) => any",signature:{arguments:[{type:{name:"any"},name:"evt"}],return:{name:"any"}}},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},placeholder:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""},isInTable:{required:!1,tsType:{name:"boolean"},description:""},clearable:{required:!1,tsType:{name:"boolean"},description:""},searchable:{required:!1,tsType:{name:"boolean"},description:""},maxTooltipWidth:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},autoLayerWidth:{required:!1,tsType:{name:"boolean"},description:""},right:{required:!1,tsType:{name:"boolean"},description:""},tabIndex:{required:!1,tsType:{name:"number"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};export{Ct as S};