@oliasoft-open-source/react-ui-library 4.8.0-beta-5 → 4.8.0-beta-6

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

@@ -1,163 +0,0 @@
-import{j as r}from"./jsx-runtime-eps93zm2.js";import{r as c}from"./index-DhsZuJvc.js";import{w as A,u as t,e as o,f as Re}from"./index-DMAnyMX5.js";import{d as _e}from"./index-C0x1JmaP.js";import{S as V}from"./spacer-BWoNR27H.js";import{G as Ve}from"./grid-DRkC-bt8.js";import{F as M}from"./field-HrLaMLbx.js";import{T as _}from"./toggle-CBpNgTrm.js";import{I as He}from"./input-group-BaRSJAEN.js";import{I as Fe}from"./input-group-addon-D68iUKV2.js";import{S as Le}from"./select-DAXADfWF.js";import{C as g}from"./card-EcjmryU9.js";import{B as je}from"./button-DHevvVBE.js";import{H as p}from"./heading-CRNoBc7q.js";import{T as Ge}from"./text-B3-TSWok.js";import{M as We}from"./message-Y48EomV-.js";import{N as l}from"./number-input-hqsQsKER.js";import"./index-CF7H4eMJ.js";import"./index-DRSy5Ssd.js";import"./styled-components.browser.esm-BQ9GQzDc.js";import"./index-Bk2sglWO.js";import"./label-CqmyC9he.js";import"./common-types-Sih75Sav.js";import"./help-icon-Buhx5nl6.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./types-UmZ4Y_CR.js";import"./lodash-BHd_uQHh.js";import"./assertThisInitialized-B9jnkVVz.js";import"./memoize-one.esm-CcMeOnPo.js";import"./types-BmbYqTX_.js";import"./actions-BhPnDYmS.js";import"./badge-CLQ59MDF.js";import"./select.input-DIKP56UZ.js";import"./spinner-AWUe4xwQ.js";import"./input-DFNY9YDm.js";const{useArgs:Oe}=__STORYBOOK_MODULE_PREVIEW_API__,ka={title:"Forms/NumberInput",component:l,parameters:{canvas:{page:null}},args:{label:"Label"}},i=n=>{const[s,a]=Oe(),u=e=>{a({value:e.target.value})};return r.jsx(l,{onChange:u,value:123,...n})},k=i.bind({}),I=i.bind({});I.args={small:!0};const y=i.bind({});y.args={width:"150px"};const b=i.bind({});b.args={left:!0};const C=i.bind({});C.args={disabled:!0};const w=i.bind({});w.args={allowEmpty:!0,value:""};const T=i.bind({});T.args={warning:"This input number is almost 100!",value:"99"};const f=i.bind({});f.args={error:"This is a error message"};const x=i.bind({});x.args={value:"123test"};const B=i.bind({});B.args={value:"123.123456789",enableDisplayRounding:!0};const D=i.bind({});D.args={value:"123.123456789",enableDisplayRounding:!0,roundDisplayValue:n=>_e.roundToFixed(n,4)};const S=()=>r.jsxs(He,{small:!0,children:[r.jsx(l,{value:123}),r.jsx(Fe,{children:"to"}),r.jsx(l,{value:123}),r.jsx(Le,{options:[{value:"units",label:"units"}],width:"auto",value:"units"})]}),m=()=>{const[n,s]=c.useState("123");return r.jsx(l,{value:n,onChange:a=>{s(a.target.value)},testId:"testId",enableDisplayRounding:!0})};m.play=async({canvasElement:n,step:s})=>{const a=A(n);await s("Value should be rounded on blur",async()=>{const u=a.getByTestId("testId");await t.clear(u),await t.type(u,"123.123456789"),await t.click(n),await o(a.getByDisplayValue("123.12")).toBeInTheDocument()}),await s("Full value shown on focus",async()=>{const u=a.getByTestId("testId");await t.click(u),await o(a.getByDisplayValue("123.123456789")).toBeInTheDocument()})};const E=()=>{const[n,s]=c.useState("123");return r.jsxs(Ve,{columns:"1fr 1fr",gap:!0,children:[r.jsxs(g,{heading:r.jsx(p,{children:"Storage State (Redux)"}),children:[n,r.jsx(V,{}),r.jsx(je,{label:"Change value",onClick:()=>s(String(Math.floor(Math.random()*100)))})]}),r.jsx(g,{heading:r.jsx(p,{children:"NumberInput"}),children:r.jsx(l,{value:n,onChange:a=>{s(a.target.value)},error:Number(n)>=0?"":"Value must be positive"})})]})},h=()=>{const[n,s]=c.useState(!1),[a,u]=c.useState(!0),[e,j]=c.useState("0.6889763779527558"),[N,Ne]=c.useState(""),Me=Number(e)*.3048;return r.jsxs(Ve,{columns:"1fr 1fr",gap:!0,children:[r.jsxs(g,{heading:r.jsx(p,{children:"Settings"}),children:[r.jsx(M,{label:"Enable display rounding:",labelLeft:!0,labelWidth:200,children:r.jsx(_,{checked:n,onChange:d=>s(d.target.checked)})}),r.jsx(M,{label:"Enable cosmetic rounding:",labelLeft:!0,labelWidth:200,children:r.jsx(_,{checked:a,onChange:d=>u(d.target.checked)})})]}),r.jsxs(g,{heading:r.jsx(p,{children:"NumberInput (displayed in Meters)"}),children:[r.jsx(Ge,{faint:!0,children:"Cosmetic Rounding Test Cases: type 0.21 then return (compare with enableCosmeticRounding on and off)"}),r.jsx(V,{}),r.jsx(l,{name:"Example",value:Me,onChange:d=>{const R=String(Number(d.target.value)/.3048);j(R)},enableDisplayRounding:n,enableCosmeticRounding:a,error:Number(e)>=0?"":"Value must be positive",validationCallback:(d,R)=>{Ne(R??"")},testId:"testId"})]}),r.jsxs(g,{heading:r.jsx(p,{children:"Storage State / Redux (stored in Feet)"}),children:[e,r.jsx(V,{}),r.jsx(je,{label:"Change value",onClick:()=>j(String(Math.floor(Math.random()*100)))})]}),r.jsx(g,{heading:r.jsx(p,{children:"Test Validation Callback"}),children:N&&r.jsx(We,{message:{content:N,icon:!0,type:"Error",visible:!0}})})]})};h.play=async({canvasElement:n,step:s})=>{const a=A(n),u=A(n.ownerDocument.body);await s("Can enter decimal values",async()=>{const e=a.getByTestId("testId");await t.clear(e),await t.type(e,"123.123456789"),await t.click(n),await o(a.getByDisplayValue("123.123456789")).toBeInTheDocument()}),await s("Cannot enter scientific notation when storage unit is different (expected)",async()=>{const e=a.getByTestId("testId");await t.clear(e),await t.type(e,"-1.12e3"),await t.click(n),await o(a.getByDisplayValue("-1120")).toBeInTheDocument()}),await s("Can enter comma decimals (converts to dot)",async()=>{const e=a.getByTestId("testId");await t.clear(e),await t.type(e,"123,456"),await t.click(n),await o(a.getByDisplayValue("123.456")).toBeInTheDocument()}),await s("Can enter small numbers",async()=>{const e=a.getByTestId("testId");await t.clear(e),await t.type(e,"0.0000000023"),await t.click(n),await o(a.getByDisplayValue("0.0000000023")).toBeInTheDocument()}),await s("Can enter large numbers",async()=>{const e=a.getByTestId("testId");await t.clear(e),await t.type(e,"999999999999"),await t.click(n),await o(a.getByDisplayValue("999999999999")).toBeInTheDocument()}),await s("Shows validation error for non-numeric input",async()=>{const e=a.getByTestId("testId");await t.clear(e),await t.type(e,"123x45s6"),await t.click(n),await o(a.getByDisplayValue("123x45s6")).toBeInTheDocument(),await Re.mouseOver(e),console.log("got here",u.getAllByText("Must be a numerical value")),await o(u.getAllByText("Must be a numerical value").length).toEqual(2)})};const v=()=>{const[n,s]=c.useState("123");return r.jsx(l,{value:n,onChange:a=>{s(a.target.value)},testId:"testId"})};v.play=async({canvasElement:n,step:s})=>{const a=A(n),u=A(n.ownerDocument.body);await s("Can enter decimal values",async()=>{const e=a.getByTestId("testId");await t.clear(e),await t.type(e,"123.123456789"),await t.click(n),await o(a.getByDisplayValue("123.123456789")).toBeInTheDocument()}),await s("Can enter scientific notation",async()=>{const e=a.getByTestId("testId");await t.clear(e),await t.type(e,"-1.12e3"),await t.click(n),await o(a.getByDisplayValue("-1.12e3")).toBeInTheDocument()}),await s("Can enter comma decimals (converts to dot)",async()=>{const e=a.getByTestId("testId");await t.clear(e),await t.type(e,"123,456"),await t.click(n),await o(a.getByDisplayValue("123.456")).toBeInTheDocument()}),await s("Can enter small numbers",async()=>{const e=a.getByTestId("testId");await t.clear(e),await t.type(e,"0.0000000023"),await t.click(n),await o(a.getByDisplayValue("0.0000000023")).toBeInTheDocument()}),await s("Can enter large numbers",async()=>{const e=a.getByTestId("testId");await t.clear(e),await t.type(e,"999999999999"),await t.click(n),await o(a.getByDisplayValue("999999999999")).toBeInTheDocument()}),await s("Shows validation error for non-numeric input",async()=>{const e=a.getByTestId("testId");await t.clear(e),await t.type(e,"123x45s6"),await t.click(n),await o(a.getByDisplayValue("123x45s6")).toBeInTheDocument(),await Re.mouseOver(e),await o(u.getByText("Must be a numerical value")).toBeInTheDocument()})};S.__docgenInfo={description:"",methods:[],displayName:"TestInputGroup"};m.__docgenInfo={description:"",methods:[{name:"play",docblock:null,modifiers:["static"],params:[{name:"{ canvasElement, step }",optional:!1,type:null}],returns:null}],displayName:"TestDisplayRounding"};E.__docgenInfo={description:"",methods:[],displayName:"ManagedTestCase"};h.__docgenInfo={description:"",methods:[{name:"play",docblock:null,modifiers:["static"],params:[{name:"{ canvasElement, step }",optional:!1,type:null}],returns:null}],displayName:"DemoCosmeticRounding"};v.__docgenInfo={description:"",methods:[{name:"play",docblock:null,modifiers:["static"],params:[{name:"{ canvasElement, step }",optional:!1,type:null}],returns:null}],displayName:"TestUserInput"};var H,F,L;k.parameters={...k.parameters,docs:{...(H=k.parameters)==null?void 0:H.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <NumberInput onChange={handleChange} value={123} {...args} />;
-}`,...(L=(F=k.parameters)==null?void 0:F.docs)==null?void 0:L.source}}};var G,W,O;I.parameters={...I.parameters,docs:{...(G=I.parameters)==null?void 0:G.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <NumberInput onChange={handleChange} value={123} {...args} />;
-}`,...(O=(W=I.parameters)==null?void 0:W.docs)==null?void 0:O.source}}};var U,P,q;y.parameters={...y.parameters,docs:{...(U=y.parameters)==null?void 0:U.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <NumberInput onChange={handleChange} value={123} {...args} />;
-}`,...(q=(P=y.parameters)==null?void 0:P.docs)==null?void 0:q.source}}};var K,Y,z;b.parameters={...b.parameters,docs:{...(K=b.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=(Y=b.parameters)==null?void 0:Y.docs)==null?void 0:z.source}}};var J,Q,X;C.parameters={...C.parameters,docs:{...(J=C.parameters)==null?void 0:J.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <NumberInput onChange={handleChange} value={123} {...args} />;
-}`,...(X=(Q=C.parameters)==null?void 0:Q.docs)==null?void 0:X.source}}};var Z,$,ee;w.parameters={...w.parameters,docs:{...(Z=w.parameters)==null?void 0:Z.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <NumberInput onChange={handleChange} value={123} {...args} />;
-}`,...(ee=($=w.parameters)==null?void 0:$.docs)==null?void 0:ee.source}}};var ae,te,ne;T.parameters={...T.parameters,docs:{...(ae=T.parameters)==null?void 0:ae.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <NumberInput onChange={handleChange} value={123} {...args} />;
-}`,...(ne=(te=T.parameters)==null?void 0:te.docs)==null?void 0:ne.source}}};var re,se,oe;f.parameters={...f.parameters,docs:{...(re=f.parameters)==null?void 0:re.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <NumberInput onChange={handleChange} value={123} {...args} />;
-}`,...(oe=(se=f.parameters)==null?void 0:se.docs)==null?void 0:oe.source}}};var ue,ie,le;x.parameters={...x.parameters,docs:{...(ue=x.parameters)==null?void 0:ue.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <NumberInput onChange={handleChange} value={123} {...args} />;
-}`,...(le=(ie=x.parameters)==null?void 0:ie.docs)==null?void 0:le.source}}};var ce,de,ge;B.parameters={...B.parameters,docs:{...(ce=B.parameters)==null?void 0:ce.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <NumberInput onChange={handleChange} value={123} {...args} />;
-}`,...(ge=(de=B.parameters)==null?void 0:de.docs)==null?void 0:ge.source}}};var pe,me,he;D.parameters={...D.parameters,docs:{...(pe=D.parameters)==null?void 0:pe.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <NumberInput onChange={handleChange} value={123} {...args} />;
-}`,...(he=(me=D.parameters)==null?void 0:me.docs)==null?void 0:he.source}}};var ve,Ie,ye;S.parameters={...S.parameters,docs:{...(ve=S.parameters)==null?void 0:ve.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>`,...(ye=(Ie=S.parameters)==null?void 0:Ie.docs)==null?void 0:ye.source}}};var be,Ce,we;m.parameters={...m.parameters,docs:{...(be=m.parameters)==null?void 0:be.docs,source:{originalSource:`() => {
-  const [value, setValue] = useState('123');
-  return <NumberInput value={value} onChange={evt => {
-    setValue(evt.target.value);
-  }} testId="testId" enableDisplayRounding />;
-}`,...(we=(Ce=m.parameters)==null?void 0:Ce.docs)==null?void 0:we.source}}};var Te,fe,xe;E.parameters={...E.parameters,docs:{...(Te=E.parameters)==null?void 0:Te.docs,source:{originalSource:`() => {
-  const [value, setValue] = useState('123');
-  return <Grid columns="1fr 1fr" gap>
-      <Card heading={<Heading>Storage State (Redux)</Heading>}>
-        {value}
-        <Spacer />
-        <Button label="Change value" onClick={() => setValue(String(Math.floor(Math.random() * 100)))} />
-      </Card>
-      <Card heading={<Heading>NumberInput</Heading>}>
-        <NumberInput value={value} onChange={evt => {
-        setValue(evt.target.value);
-      }} error={Number(value) >= 0 ? '' : 'Value must be positive'} />
-      </Card>
-    </Grid>;
-}`,...(xe=(fe=E.parameters)==null?void 0:fe.docs)==null?void 0:xe.source}}};var Be,De,Se;h.parameters={...h.parameters,docs:{...(Be=h.parameters)==null?void 0:Be.docs,source:{originalSource:`() => {
-  const [enableDisplayRounding, setEnableDisplayRounding] = useState(false);
-  const [enableCosmeticRounding, setEnableCosmeticRounding] = useState(true);
-  const [valueInFeet, setValueInFeet] = useState('0.6889763779527558');
-  const [callBackError, setCallBackError] = useState('');
-  const valueInMeters = Number(valueInFeet) * 0.3048;
-  return <Grid columns="1fr 1fr" gap>
-      <Card heading={<Heading>Settings</Heading>}>
-        <Field label="Enable display rounding:" labelLeft labelWidth={200}>
-          <Toggle checked={enableDisplayRounding} onChange={evt => setEnableDisplayRounding(evt.target.checked)} />
-        </Field>
-        <Field label="Enable cosmetic rounding:" labelLeft labelWidth={200}>
-          <Toggle checked={enableCosmeticRounding} onChange={evt => setEnableCosmeticRounding(evt.target.checked)} />
-        </Field>
-      </Card>
-      <Card heading={<Heading>NumberInput (displayed in Meters)</Heading>}>
-        <Text faint>
-          Cosmetic Rounding Test Cases: type 0.21 then return (compare with
-          enableCosmeticRounding on and off)
-        </Text>
-        <Spacer />
-        <NumberInput name="Example" value={valueInMeters} onChange={evt => {
-        const nextValueInFeet = String(Number(evt.target.value) / 0.3048);
-        setValueInFeet(nextValueInFeet); // convert back to ft
-      }} enableDisplayRounding={enableDisplayRounding} enableCosmeticRounding={enableCosmeticRounding} error={Number(valueInFeet) >= 0 ? '' : 'Value must be positive'} validationCallback={(name, error) => {
-        setCallBackError(error ?? '');
-      }} testId="testId" />
-      </Card>
-      <Card heading={<Heading>Storage State / Redux (stored in Feet)</Heading>}>
-        {valueInFeet}
-        <Spacer />
-        <Button label="Change value" onClick={() => setValueInFeet(String(Math.floor(Math.random() * 100)))} />
-      </Card>
-      <Card heading={<Heading>Test Validation Callback</Heading>}>
-        {callBackError && <Message message={{
-        content: callBackError,
-        icon: true,
-        type: 'Error',
-        visible: true
-      }} />}
-      </Card>
-    </Grid>;
-}`,...(Se=(De=h.parameters)==null?void 0:De.docs)==null?void 0:Se.source}}};var Ee,Ae,ke;v.parameters={...v.parameters,docs:{...(Ee=v.parameters)==null?void 0:Ee.docs,source:{originalSource:`() => {
-  const [value, setValue] = useState('123');
-  return <NumberInput value={value} onChange={evt => {
-    setValue(evt.target.value);
-  }} testId="testId" />;
-}`,...(ke=(Ae=v.parameters)==null?void 0:Ae.docs)==null?void 0:ke.source}}};const Ra=["Default","Small","Width","Left","Disabled","AllowEmpty","Warning","Error","BadInput","WithDisplayRounding","WithCustomDisplayRounding","TestInputGroup","TestDisplayRounding","ManagedTestCase","DemoCosmeticRounding","TestUserInput"];export{w as AllowEmpty,x as BadInput,k as Default,h as DemoCosmeticRounding,C as Disabled,f as Error,b as Left,E as ManagedTestCase,I as Small,m as TestDisplayRounding,S as TestInputGroup,v as TestUserInput,T as Warning,y as Width,D as WithCustomDisplayRounding,B as WithDisplayRounding,Ra as __namedExportsOrder,ka as default};

package/dist/storybook/assets/option-dropdown.stories-DVA8-yqU.js

@@ -1,34 +0,0 @@
-import{j as n}from"./jsx-runtime-eps93zm2.js";import{T as A}from"./common-types-Sih75Sav.js";import{M as j}from"./actions-BhPnDYmS.js";import{c as C}from"./index-Bk2sglWO.js";import{C as D}from"./check-box-BtCGePRy.js";import{D as y}from"./divider-DY9nJ_7N.js";import"./index-DhsZuJvc.js";import"./lodash-BHd_uQHh.js";import"./disabled-context-rmpd7YJS.js";import"./button-DHevvVBE.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./types-BmbYqTX_.js";import"./types-UmZ4Y_CR.js";import"./badge-CLQ59MDF.js";import"./help-icon-Buhx5nl6.js";import"./text-B3-TSWok.js";const H="_menu_12x4u_1",q="_header_12x4u_11",M="_item_12x4u_27",k="_heading_12x4u_32",u={menu:H,header:q,item:M,heading:k},x=({option:e,onChange:a})=>{const{key:o,label:i,selected:t}=e;return n.jsx("div",{className:u.item,children:n.jsx(D,{label:i,noMargin:!0,checked:t,onChange:a})},o)};x.__docgenInfo={description:"",methods:[],displayName:"Option",props:{option:{required:!0,tsType:{name:"signature",type:"object",raw:`{
-  key?: string;
-  label?: string | null;
-  selected?: boolean;
-}`,signature:{properties:[{key:"key",value:{name:"string",required:!1}},{key:"label",value:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}],required:!1}},{key:"selected",value:{name:"boolean",required:!1}}]}},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(evt: React.ChangeEvent<HTMLInputElement>) => void",signature:{arguments:[{type:{name:"ReactChangeEvent",raw:"React.ChangeEvent<HTMLInputElement>",elements:[{name:"HTMLInputElement"}]},name:"evt"}],return:{name:"void"}}},description:""}}};const b=({label:e})=>n.jsx("div",{className:u.heading,children:e});b.__docgenInfo={description:"",methods:[],displayName:"Heading",props:{label:{required:!0,tsType:{name:"string"},description:""}}};var c=(e=>(e.HEADING="Heading",e.DIVIDER="Divider",e.DEFAULT="Default",e))(c||{});const E=({options:e,onChangeOptions:a,showHeader:o,maxHeight:i})=>n.jsxs("div",{className:C("menu",u.menu),style:{maxHeight:i},children:[o&&n.jsxs(n.Fragment,{children:[n.jsxs("div",{className:u.header,children:[n.jsx("a",{onClick:t=>{const s=e.map(r=>({...r,selected:!0}));a(t,s)},children:"All"}),n.jsx("a",{onClick:t=>{const s=e.map(r=>({...r,selected:!1}));a(t,s)},children:"Clear"}),n.jsx("a",{onClick:t=>{const s=e.map(r=>({...r,selected:!r.selected}));a(t,s)},children:"Invert"})]}),n.jsx(y,{margin:0})]}),e.map((t,s)=>{switch(t.type){case c.HEADING:return n.jsx(b,{label:t.label},s);case c.DIVIDER:return n.jsx(y,{margin:0},s);default:return n.jsx(x,{option:t,onChange:r=>{const{value:d}=t,w=e.map(l=>l.value!==d?l:{...l,selected:!l.selected});a(r,w)}},s)}})]});E.__docgenInfo={description:"",methods:[],displayName:"Layer",props:{options:{required:!0,tsType:{name:"Array",elements:[{name:"IOptionType"}],raw:"IOptionType[]"},description:""},onChangeOptions:{required:!0,tsType:{name:"signature",type:"function",raw:`(
-  evt: React.MouseEvent<HTMLAnchorElement>,
-  options: IOptionType[],
-) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLAnchorElement>",elements:[{name:"HTMLAnchorElement"}]},name:"evt"},{type:{name:"Array",elements:[{name:"IOptionType"}],raw:"IOptionType[]"},name:"options"}],return:{name:"void"}}},description:""},showHeader:{required:!1,tsType:{name:"boolean"},description:""},maxHeight:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""}}};const g=({name:e,label:a,options:o,onChange:i,showHeader:t=!0,maxHeight:s="40vh"})=>n.jsx(j,{menu:{label:a,trigger:A.DROP_DOWN_BUTTON,possiblePlacements:["top-start","bottom-start"],sections:n.jsx(E,{options:o,onChangeOptions:(r,d)=>{r.stopPropagation(),r.target.name=e,r.target.value=d,i(r)},showHeader:t,maxHeight:s})}});g.__docgenInfo={description:"",methods:[],displayName:"OptionDropdown",props:{name:{required:!1,tsType:{name:"string"},description:""},label:{required:!0,tsType:{name:"string"},description:""},options:{required:!0,tsType:{name:"Array",elements:[{name:"IOptionType"}],raw:"IOptionType[]"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:`(
-  evt: ChangeEvent<
-    HTMLInputElement & { name?: string; value: IOptionType[] }
-  >,
-) => void`,signature:{arguments:[{type:{name:"ChangeEvent",elements:[{name:"intersection",raw:"HTMLInputElement & { name?: string; value: IOptionType[] }",elements:[{name:"HTMLInputElement"},{name:"signature",type:"object",raw:"{ name?: string; value: IOptionType[] }",signature:{properties:[{key:"name",value:{name:"string",required:!1}},{key:"value",value:{name:"Array",elements:[{name:"IOptionType"}],raw:"IOptionType[]",required:!0}}]}}]}],raw:`ChangeEvent<
-  HTMLInputElement & { name?: string; value: IOptionType[] }
->`},name:"evt"}],return:{name:"void"}}},description:""},showHeader:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},maxHeight:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'40vh'",computed:!1}}}};const{useArgs:L}=__STORYBOOK_MODULE_PREVIEW_API__,N=[{label:"Animals",type:"Heading"},{type:"Divider"},{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas"}],se={title:"Forms/OptionDropdown",component:g,args:{label:"Label",options:N}},O=e=>{const[a,o]=L(),i=t=>{o({options:t.target.value})};return n.jsx(g,{...e,onChange:i})},m=O.bind({}),p=O.bind({});p.args={options:[...Array(50)].map((e,a)=>({label:`Item #${a}`,value:a}))};var v,h,T;m.parameters={...m.parameters,docs:{...(v=m.parameters)==null?void 0:v.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: any) => {
-    updateArgs({
-      options: evt.target.value
-    });
-  };
-  return <OptionDropdown
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onChange={handleChange} />;
-}`,...(T=(h=m.parameters)==null?void 0:h.docs)==null?void 0:T.source}}};var _,f,I;p.parameters={...p.parameters,docs:{...(_=p.parameters)==null?void 0:_.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: any) => {
-    updateArgs({
-      options: evt.target.value
-    });
-  };
-  return <OptionDropdown
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onChange={handleChange} />;
-}`,...(I=(f=p.parameters)==null?void 0:f.docs)==null?void 0:I.source}}};const oe=["Default","ScrollOverflow"];export{m as Default,p as ScrollOverflow,oe as __namedExportsOrder,se as default};

package/dist/storybook/assets/popover.stories-BcPmknc4.js

@@ -1,10 +0,0 @@
-import{j as r}from"./jsx-runtime-eps93zm2.js";import{r as k}from"./index-DhsZuJvc.js";import{S as w}from"./spacer-BWoNR27H.js";import{P as i}from"./popover-rq33c1W2.js";import{I as c}from"./input-DFNY9YDm.js";import{B as l}from"./button-DHevvVBE.js";import{F as y}from"./flex-EllkLxgO.js";import{S as D}from"./select-DAXADfWF.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./types-UmZ4Y_CR.js";import"./lodash-BHd_uQHh.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./assertThisInitialized-B9jnkVVz.js";import"./memoize-one.esm-CcMeOnPo.js";import"./types-BmbYqTX_.js";import"./text-B3-TSWok.js";import"./actions-BhPnDYmS.js";import"./badge-CLQ59MDF.js";import"./select.input-DIKP56UZ.js";const u=[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"}],_=({close:e})=>r.jsxs(y,{gap:"var(--padding-xs)",children:[r.jsx(c,{value:"Value",width:"150px",small:!0}),r.jsx(D,{options:u,value:u[0],width:"auto",small:!0}),r.jsx(l,{colored:!0,label:"Save",onClick:()=>{},small:!0}),r.jsx(l,{label:"Cancel",onClick:e,small:!0})]}),lr={title:"Basic/Popover",component:i,args:{overflowContainer:!0,content:r.jsx(_,{}),children:r.jsx(l,{label:"Toggle me"})},decorators:[e=>r.jsx("div",{style:{display:"flex"},children:e()})],parameters:{docs:{source:{excludeDecorators:!0}}}},n=e=>r.jsx(i,{...e}),p=n.bind({}),o=n.bind({});o.args={children:r.jsx(c,{value:"Value",width:"100%"})};const s=n.bind({});s.args={closeOnOutsideClick:!1,showCloseButton:!0};const t=n.bind({});t.args={disabled:!0};const a=e=>{const[m,T]=k.useState(!1);return r.jsxs("div",{children:[r.jsx(l,{onClick:()=>T(!m),label:"Toggle Popover Externally"}),r.jsx(w,{}),r.jsx(i,{...e,isOpen:m,children:r.jsx(c,{})})]})};a.__docgenInfo={description:"",methods:[],displayName:"ExternalControl"};var d,g,x;p.parameters={...p.parameters,docs:{...(d=p.parameters)==null?void 0:d.docs,source:{originalSource:"args => <Popover {...args} />",...(x=(g=p.parameters)==null?void 0:g.docs)==null?void 0:x.source}}};var v,f,j;o.parameters={...o.parameters,docs:{...(v=o.parameters)==null?void 0:v.docs,source:{originalSource:"args => <Popover {...args} />",...(j=(f=o.parameters)==null?void 0:f.docs)==null?void 0:j.source}}};var b,S,C;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:"args => <Popover {...args} />",...(C=(S=s.parameters)==null?void 0:S.docs)==null?void 0:C.source}}};var O,h,P;t.parameters={...t.parameters,docs:{...(O=t.parameters)==null?void 0:O.docs,source:{originalSource:"args => <Popover {...args} />",...(P=(h=t.parameters)==null?void 0:h.docs)==null?void 0:P.source}}};var I,E,B;a.parameters={...a.parameters,docs:{...(I=a.parameters)==null?void 0:I.docs,source:{originalSource:`args => {
-  const [isOpen, setIsOpen] = useState(false);
-  return <div>
-      <Button onClick={() => setIsOpen(!isOpen)} label="Toggle Popover Externally" />
-      <Spacer />
-      <Popover {...args} isOpen={isOpen}>
-        <Input />
-      </Popover>
-    </div>;
-}`,...(B=(E=a.parameters)==null?void 0:E.docs)==null?void 0:B.source}}};const nr=["Default","InputTrigger","CloseButton","Disabled","ExternalControl"];export{s as CloseButton,p as Default,t as Disabled,a as ExternalControl,o as InputTrigger,nr as __namedExportsOrder,lr as default};

package/dist/storybook/assets/projects.stories-Clez6c2x.js

@@ -1,47 +0,0 @@
-import{j as e}from"./jsx-runtime-eps93zm2.js";import"./index-DhsZuJvc.js";import{T as n}from"./top-bar-BlwEXx7O.js";import{L as r}from"./list-DhcQLzoC.js";import{P as p}from"./page-7SSpdYhb.js";import{R as c,C as o}from"./row-Bmiy2Lh0.js";import{T as d}from"./tabs-CAZ_dHGK.js";import{S as u}from"./spacer-BWoNR27H.js";import"./index-Bk2sglWO.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./common-types-Sih75Sav.js";import"./button-DHevvVBE.js";import"./spinner-AWUe4xwQ.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./actions-BhPnDYmS.js";import"./lodash-BHd_uQHh.js";import"./types-BmbYqTX_.js";import"./types-UmZ4Y_CR.js";import"./badge-CLQ59MDF.js";import"./index.es-DazXb-ul.js";import"./redux-tRgGMjwY.js";import"./objectSpread2-DW4nTBoq.js";import"./tiny-invariant-DqLgxztJ.js";import"./memoize-one.esm-CcMeOnPo.js";import"./card-EcjmryU9.js";import"./meta-content-CvnoQB7n.js";import"./heading-CRNoBc7q.js";import"./help-icon-Buhx5nl6.js";import"./loader-XHoVniao.js";import"./styled-components.browser.esm-BQ9GQzDc.js";import"./select.input-DIKP56UZ.js";const t=[{label:"Browse",value:"Browse"},{label:"Recent",value:"Recent"},{label:"My Projects",value:"My Projects"}],s=[{id:1,name:"Lorem",active:!0},{id:2,name:"Ipsum"},{id:3,name:"Dolor"},{id:4,name:"Long name goes here lorem ipsum"},{id:5,name:"Lorem"},{id:6,name:"Ipsum"},{id:7,name:"Dolor"},{id:8,name:"Long name goes here lorem ipsum"},{id:9,name:"Lorem"},{id:10,name:"Ipsum"},{id:11,name:"Dolor"},{id:12,name:"Long name goes here lorem ipsum"},{id:13,name:"Lorem"},{id:14,name:"Ipsum"},{id:15,name:"Dolor"},{id:16,name:"Long name goes here lorem ipsum"}],X={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},l=()=>e.jsxs(e.Fragment,{children:[e.jsx(n,{}),e.jsxs(p,{padding:!1,left:0,scroll:!1,children:[e.jsx(u,{}),e.jsx(d,{margin:!1,padding:!0,options:t,value:t[0]}),e.jsxs(c,{spacing:0,flex:!0,height:"100%",children:[e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Country",items:s}})}),e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Field",items:s}})}),e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Site",items:s}})}),e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Well",items:s}})}),e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Wellbore",items:s}})}),e.jsx(o,{scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Design",items:s}})})]})]})]});l.__docgenInfo={description:"",methods:[],displayName:"Projects"};var i,m,a;l.parameters={...l.parameters,docs:{...(i=l.parameters)==null?void 0:i.docs,source:{originalSource:`() => {
-  return <>
-      <TopBar />
-      <Page padding={false} left={0} scroll={false}>
-        <Spacer />
-        <Tabs margin={false} padding options={tabs} value={tabs[0]} />
-        <Row spacing={0} flex height="100%">
-          <Column borderRight scroll showScrollbar={false}>
-            <List list={{
-            name: 'Country',
-            items
-          }} />
-          </Column>
-          <Column borderRight scroll showScrollbar={false}>
-            <List list={{
-            name: 'Field',
-            items
-          }} />
-          </Column>
-          <Column borderRight scroll showScrollbar={false}>
-            <List list={{
-            name: 'Site',
-            items
-          }} />
-          </Column>
-          <Column borderRight scroll showScrollbar={false}>
-            <List list={{
-            name: 'Well',
-            items
-          }} />
-          </Column>
-          <Column borderRight scroll showScrollbar={false}>
-            <List list={{
-            name: 'Wellbore',
-            items
-          }} />
-          </Column>
-          <Column scroll showScrollbar={false}>
-            <List list={{
-            name: 'Design',
-            items
-          }} />
-          </Column>
-        </Row>
-      </Page>
-    </>;
-}`,...(a=(m=l.parameters)==null?void 0:m.docs)==null?void 0:a.source}}};const Y=["Projects"];export{l as Projects,Y as __namedExportsOrder,X as default};

package/dist/storybook/assets/radio-button-YBwYcMaM.js

@@ -1 +0,0 @@
-import{j as a}from"./jsx-runtime-eps93zm2.js";import{r as k}from"./index-DhsZuJvc.js";import{c as y}from"./index-Bk2sglWO.js";import{D as R}from"./disabled-context-rmpd7YJS.js";import{s as C}from"./select.input-DIKP56UZ.js";import{b as H}from"./common-types-Sih75Sav.js";import{H as V}from"./help-icon-Buhx5nl6.js";const j="_wrapper_1fbik_1",O="_inline_1fbik_1",B="_radio_1fbik_5",L="_labelMargin_1fbik_8",D="_small_1fbik_27",N="_noMargin_1fbik_32",A="_disabled_1fbik_90",S="_isInTable_1fbik_106",z="_helpIconEnabled_1fbik_111",n={wrapper:j,inline:O,radio:B,labelMargin:L,small:D,noMargin:N,disabled:A,isInTable:S,helpIconEnabled:z},T=({name:m,label:p,value:r,selected:c,disabled:t=!1,small:f=!1,onChange:b,noMargin:g=!1,testId:v,helpText:s,onClickHelp:l})=>{const o=s||l;return a.jsxs("div",{className:y(n.radio,t?n.disabled:null,f?n.small:null,g?n.noMargin:null),onClick:b,"data-testid":v,children:[a.jsx("input",{type:H.RADIO,value:r,checked:c,onChange:()=>{},disabled:t}),a.jsx("label",{"data-name":m,"data-value":r,children:p}),o&&a.jsx("div",{className:n.helpIconEnabled,onClick:l,children:a.jsx(V,{text:s})})]})};T.__docgenInfo={description:"",methods:[],displayName:"RadioInput",props:{name:{required:!0,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},label:{required:!0,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},value:{required:!0,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},selected:{required:!0,tsType:{name:"boolean"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},small:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},onChange:{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:""},noMargin:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},testId:{required:!1,tsType:{name:"string"},description:""},helpText:{required:!1,tsType:{name:"string"},description:""},onClickHelp:{required:!1,tsType:{name:"signature",type:"function",raw:"(event?: any) => void",signature:{arguments:[{type:{name:"any"},name:"event"}],return:{name:"void"}}},description:""}}};const F=({name:m,label:p,options:r,value:c,onChange:t,disabled:f=!1,small:b=!1,noMargin:g=!1,onClick:v=()=>{},inline:s=!1,mainLabel:l="",radioButtonsData:o,classForContainer:I="grouped fields"})=>{const _=k.useContext(R),u=o!==void 0,{simpleInputs:q,options:M,selectedOptions:d}=u?{simpleInputs:!1,options:o,selectedOptions:void 0}:C(r,c),E=u||d===void 0||d===null?void 0:q?d:d.value,h=u?l:p;return a.jsxs("div",{className:y(n.wrapper,s?n.inline:null,I==="inline fields"?n.inline:null),children:[l&&a.jsx("label",{className:y(s&&n.labelMargin),children:h}),M.map((e,w)=>{const x=e.checked||e.value===E||!1;return a.jsx(T,{name:e.name||e.value,label:e.label,value:e.value,selected:x,disabled:f||e.disabled||_,small:b,noMargin:g,onChange:e.disabled?void 0:i=>{u?v(i.target):(i.target.name=m,i.target.value=e.value.toString(),i.target.label=e.label.toString(),t&&t(i))},testId:e.testId,helpText:e.helpText,onClickHelp:e.onClickHelp},w)})]})};F.__docgenInfo={description:"",methods:[],displayName:"RadioButton",props:{name:{required:!1,tsType:{name:"string"},description:""},label:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""},options:{required:!0,tsType:{name:"Array",elements:[{name:"IRadioButtonOption"}],raw:"IRadioButtonOption[]"},description:""},value:{required:!0,tsType:{name:"union",raw:"TStringOrNumber | IRadioButtonOption",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"IRadioButtonOption"}]},description:""},inline:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},small:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: ChangeEvent<HTMLInputElement>) => void",signature:{arguments:[{type:{name:"ChangeEvent",elements:[{name:"HTMLInputElement"}],raw:"ChangeEvent<HTMLInputElement>"},name:"evt"}],return:{name:"void"}}},description:""},noMargin:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},mainLabel:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},onClick:{required:!1,tsType:{name:"signature",type:"function",raw:"(target: HTMLInputElement) => void",signature:{arguments:[{type:{name:"HTMLInputElement"},name:"target"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},radioButtonsData:{required:!1,tsType:{name:"Array",elements:[{name:"IRadioButtonOption"}],raw:"IRadioButtonOption[]"},description:""},classForContainer:{required:!1,tsType:{name:"union",raw:"'grouped fields' | 'inline fields'",elements:[{name:"literal",value:"'grouped fields'"},{name:"literal",value:"'inline fields'"}]},description:"",defaultValue:{value:"'grouped fields'",computed:!1}}}};export{F as R};

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

@@ -1,40 +0,0 @@
-import{j as p}from"./jsx-runtime-eps93zm2.js";import{r as q,g as ze}from"./index-DhsZuJvc.js";import{c as U}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 We,m as Ue}from"./tooltip-1V7clEnw.js";import{p as Ge}from"./index-CEuq6vkz.js";import"./lodash-BHd_uQHh.js";import{a as $e,_ as Ve}from"./inheritsLoose-DP0QEDDI.js";import{_ as fe}from"./assertThisInitialized-B9jnkVVz.js";import{m as se}from"./memoize-one.esm-CcMeOnPo.js";import{M as ie}from"./types-BmbYqTX_.js";import{T as oe}from"./text-B3-TSWok.js";import{A as Ke}from"./actions-BhPnDYmS.js";import{I as ue}from"./icon-BSFY3vDO.js";import{s as Ye}from"./select.input-DIKP56UZ.js";const Be="_inputInTable_1nzfr_1",Ze="_error_1nzfr_7",Xe="_warning_1nzfr_7",Je="_inputHover_1nzfr_13",Qe="_inputFocus_1nzfr_18",en="_inputError_1nzfr_25",nn="_inputWarning_1nzfr_26",tn="_inputDisabled_1nzfr_61",rn="_hideScrollbars_1nzfr_67",an="_select_1nzfr_77",sn="_isInTable_1nzfr_121",ln="_unSelected_1nzfr_133",on="_small_1nzfr_174",un="_right_1nzfr_182",cn="_groupOrderFirst_1nzfr_193",dn="_groupOrderMiddle_1nzfr_194",mn="_groupOrderLast_1nzfr_198",z={inputInTable:Be,error:Ze,warning:Xe,inputHover:Je,inputFocus:Qe,inputError:en,inputWarning:nn,inputDisabled:tn,hideScrollbars:rn,select:an,isInTable:sn,unSelected:ln,small:on,right:un,groupOrderFirst:cn,groupOrderMiddle:dn,groupOrderLast:mn},Ie=({disabled:e=!1,error:n=null,warning:a=null,tooltip:d=null,options:c,onChange:v=()=>{},onFocus:f=()=>{},onBlur:s=()=>{},right:o=!1,small:g=!1,tabIndex:b=0,selectedOption:S,width:T=null,groupOrder:E=null,testId:_,isInTable:t=!1,clearable:l,placeholder:i,hasNonExistentValue:r,maxTooltipWidth:u,borderRadius:m})=>{const y=q.useContext(de),h=S===null||(S==null?void 0:S.value)===null?"unselected":S==null?void 0:S.value,I=h==="unselected",L=(h==="unselected"||l?[p.jsx("option",{value:"unselected",disabled:!l,hidden:!l,children:i||"Select..."},"unselected")]:[]).concat(r?[p.jsx("option",{value:S==null?void 0:S.value,disabled:e||y,children:S==null?void 0:S.label},"selectedNonExistentValue")]:[]).concat(c.map((x,w)=>p.jsx("option",{value:x.value,"data-testid":x.testId,children:x.label},w))),R=(()=>{if(E)switch(E){case ae.FIRST:return z.groupOrderFirst;case ae.LAST:return z.groupOrderLast;default:return z.groupOrderMiddle}return""})();return p.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:p.jsx("select",{className:U(z.select,I?z.unSelected:"",n?z.error:a?z.warning:"",o?z.right:"",g?z.small:"",t?z.isInTable:"",R),style:{width:T||"",borderRadius:m||""},onChange:x=>{const{value:w}=x.target;let M;w==="unselected"?M={value:null}:M=c.find(A=>String(A.value)===String(w))||{value:null},v(x,M)},onFocus:f,onBlur:s,tabIndex:b,value:h,disabled:e||y,"data-testid":_,children:L})})};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(q,Ge)})(window,function(a,d){return function(c){var v={};function f(s){if(v[s])return v[s].exports;var o=v[s]={i:s,l:!1,exports:{}};return c[s].call(o.exports,o,o.exports,f),o.l=!0,o.exports}return f.m=c,f.c=v,f.d=function(s,o,g){f.o(s,o)||Object.defineProperty(s,o,{enumerable:!0,get:g})},f.r=function(s){typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(s,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(s,"__esModule",{value:!0})},f.t=function(s,o){if(1&o&&(s=f(s)),8&o||4&o&&typeof s=="object"&&s&&s.__esModule)return s;var g=Object.create(null);if(f.r(g),Object.defineProperty(g,"default",{enumerable:!0,value:s}),2&o&&typeof s!="string")for(var b in s)f.d(g,b,(function(S){return s[S]}).bind(null,b));return g},f.n=function(s){var o=s&&s.__esModule?function(){return s.default}:function(){return s};return f.d(o,"a",o),o},f.o=function(s,o){return Object.prototype.hasOwnProperty.call(s,o)},f.p="",f(f.s=0)}([function(c,v,f){Object.defineProperty(v,"__esModule",{value:!0});var s=f(1);Object.defineProperty(v,"default",{enumerable:!0,get:function(){return function(o){return o&&o.__esModule?o:{default:o}}(s).default}}),c.exports=v.default},function(c,v,f){Object.defineProperty(v,"__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}}(),g=T(f(2)),b=T(f(3)),S=f(4);function T(t){return t&&t.__esModule?t:{default:t}}var E=[],_=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,g.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(),E.unshift(this)}},{key:"deregisterExclusiveHandler",value:function(){var i=this;E.includes(this)&&(E=E.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,I=r.children,L=r.handleFocusableElements;if(u||h!==i.type||E.length>0&&E[0]!==this)return!1;var R=i.target===document.body||L,x=this.childrenContainer&&this.childrenContainer.contains(i.target);if(!(I?x:R))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 I,L=Object.keys(l.propTypes)[Symbol.iterator]();!(m=(I=L.next()).done);m=!0)delete u[I.value]}catch(R){y=!0,h=R}finally{try{!m&&L.return&&L.return()}finally{if(y)throw h}}return r?g.default.createElement("span",s({ref:function(R){i.childrenContainer=R}},u),r):null}}]),l}();v.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=v.default},function(c,v){c.exports=a},function(c,v){c.exports=d},function(c,v,f){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(v,"__esModule",{value:!0}),v.matchKeyEvent=i,v.findMatchedKey=function(r,u){var m=u.map(function(y){var h=y.toLowerCase(),I=l[h];return I||[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]},g=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]))},{}),T="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]))},{}),E={control:"ctrl",ctrl:"ctrl",shift:"shift",meta:"meta",cmd:"meta",command:"meta",option:"alt",alt:"alt"},_=v.AllKeys=Object.assign({},o,g,b,S,T),t=Object.assign({},b,S),l={all:Object.keys(_),alphanumeric:Object.keys(t),numeric:Object.keys(b),alphabetic:Object.keys(S),function:Object.keys(T)};function i(r,u){var m=r.which||r.keyCode,y=r.type,h=Object.keys(E).filter(function(A){return r[A+"Key"]}).sort(),I=u.toLowerCase().trim(),L=I==="+"?["+"]:I.split(/\s?\+\s?/),R=L.pop(),x=_[R],w=L;if(y==="keypress")return u==String.fromCharCode(m).toLowerCase();if(w.length===0&&h.length===0)return x.indexOf(m)>=0;if(w.length>0&&h.length>0){var M=w.map(function(A){return E[A]}).sort(),F=M.length===h.length&&M.every(function(A,G){return h[G]===A});return x.indexOf(m)>=0&&F}return w.length==0&&h.length===1&&R===h[0]}}])})})(Oe);var pn=Oe.exports;const fn=ze(pn),we=()=>{const e=q.useRef(null);return[e,()=>{e.current&&e.current.focus()}]},Re=()=>{const[e,n]=q.useState(!1);return q.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 le=-1;function ye(e){if(e===void 0&&(e=!1),le===-1||e){var n=document.createElement("div"),a=n.style;a.width="50px",a.height="50px",a.overflow="scroll",document.body.appendChild(n),le=n.offsetWidth-n.clientWidth,document.body.removeChild(n)}return le}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,v=e.getOffsetForIndexAndAlignment,f=e.getStartIndexForOffset,s=e.getStopIndexForStartIndex,o=e.initInstanceProps,g=e.shouldResetStyleCacheOnItemSizeChange,b=e.validateProps;return n=function(S){$e(T,S);function T(_){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(g&&u,g&&m,g&&r),h;if(y.hasOwnProperty(l))h=y[l];else{var I=a(t.props,l,t._instanceProps),L=c(t.props,l,t._instanceProps),R=r==="horizontal"||m==="horizontal",x=r==="rtl",w=R?I:0;y[l]=h={position:"absolute",left:x?void 0:w,right:x?w:void 0,top:R?0:I,height:R?"100%":L,width:R?L:"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,I=u;if(h==="rtl")switch(he()){case"negative":I=-u;break;case"positive-descending":I=m-r-u;break}return I=Math.max(0,Math.min(I,m-r)),{isScrolling:!0,scrollDirection:y.scrollOffset<I?"forward":"backward",scrollOffset:I,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}T.getDerivedStateFromProps=function(t,l){return bn(t,l),b(t),null};var E=T.prototype;return E.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)},E.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(v(this.props,t,l,m,this._instanceProps,y))},E.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()},E.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,I=y.scrollWidth;y.scrollLeft=I-h-u;break}else y.scrollLeft=u;else y.scrollTop=u}this._callPropsCallbacks()},E.componentWillUnmount=function(){this._resetIsScrollingTimeoutId!==null&&ve(this._resetIsScrollingTimeoutId)},E.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,I=t.itemCount,L=t.itemData,R=t.itemKey,x=R===void 0?hn:R,w=t.layout,M=t.outerElementType,F=t.outerTagName,A=t.style,G=t.useIsScrolling,K=t.width,$=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(I>0)for(var k=te;k<=re;k++)X.push(q.createElement(l,{data:L,key:x(k,L),index:k,isScrolling:G?$:void 0,style:this._getItemStyle(k)}));var J=d(this.props,this._instanceProps);return q.createElement(M||F||"div",{className:i,onScroll:P,ref:this._outerRefSetter,style:Ve({position:"relative",height:u,width:K,overflow:"auto",WebkitOverflowScrolling:"touch",willChange:"transform",direction:r},A)},q.createElement(y||h||"div",{children:X,ref:m,style:{height:H?"100%":J,pointerEvents:$?"none":void 0,width:H?J:"100%"}}))},E._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,I=y.scrollOffset,L=y.scrollUpdateWasRequested;this._callOnScroll(h,I,L)}},E._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=f(this.props,y,this._instanceProps),I=s(this.props,h,y,this._instanceProps),L=!u||m==="backward"?Math.max(1,i):1,R=!u||m==="forward"?Math.max(1,i):1;return[Math.max(0,h-L),Math.max(0,Math.min(l-1,I+R)),h,I]},T}(q.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,v,f){var s=n.direction,o=n.height,g=n.itemCount,b=n.itemSize,S=n.layout,T=n.width,E=s==="horizontal"||S==="horizontal",_=E?T:o,t=Math.max(0,g*b-_),l=Math.min(t,a*b),i=Math.max(0,a*b-_+b+f);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,v=n.height,f=n.itemCount,s=n.itemSize,o=n.layout,g=n.width,b=c==="horizontal"||o==="horizontal",S=a*s,T=b?g:v,E=Math.ceil((T+d-S)/s);return Math.max(0,Math.min(f-1,a+E-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",Rn="_message_1lbvo_28",Ln="_focused_1lbvo_64",xn="_selected_1lbvo_68",Cn="_disabled_1lbvo_71",Mn="_check_1lbvo_75",Nn="_optionContent_1lbvo_92",qn="_label_1lbvo_97",An="_icon_1lbvo_104",Fn="_details_1lbvo_109",j={layerContainer:Tn,layer:En,small:In,heading:On,option:wn,message:Rn,focused:Ln,selected:xn,disabled:Cn,check:Mn,optionContent:Nn,label:qn,icon:An,details:Fn},Le=({label:e})=>p.jsx("div",{onClick:n=>n.stopPropagation(),className:j.heading,children:e});Le.__docgenInfo={description:"",methods:[],displayName:"Heading",props:{label:{required:!0,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""}}};const xe=({details:e,label:n,icon:a,disabled:d=!1,selected:c=!1,focused:v=!1,onSelectOption:f,actions:s,closeLayer:o,testId:g})=>p.jsxs("div",{className:U(j.option,d?j.disabled:"",c?j.selected:"",v?j.focused:""),onClick:!d&&f?f:void 0,"data-testid":g,children:[p.jsx("div",{className:j.optionContent,children:p.jsxs("span",{className:j.label,title:n,children:[n,a&&p.jsx("span",{className:j.icon,children:a})]})}),e&&p.jsx("div",{className:U(j.details),children:p.jsx(oe,{faint:!0,children:e})}),!!(s!=null&&s.length)&&p.jsx("div",{className:U(j.actions),children:p.jsx(Ke,{actions:s,closeLayer:o})}),p.jsx("span",{className:j.check,children:c?p.jsx(ue,{icon:Ee.CHECK}):null})]});xe.__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 Ce=({section:e,selected:n,focused:a,onSelectOption:d,closeLayer:c})=>{const v=q.useContext(de);switch(e.type){case ie.HEADING:return p.jsx(Le,{label:e.label});case ie.OPTION:default:return p.jsx(xe,{closeLayer:c,actions:e.actions,label:e.label,details:e.details,icon:e.icon,disabled:e.disabled||v,selected:n,focused:a,onSelectOption:d,testId:e.testId})}};Ce.__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},Me="13px",Ne="12px",jn="Roobert",Hn="sans-serif",Pn=12,Dn=8,kn=30,zn=24,Wn=5,Un=3,Gn=1,$n=2,Se=10,qe=(e=!1,n=!1)=>`${e?Ne:Me} ${n?jn:Hn}`,Vn=(e=!1,n=!1)=>(e?Dn:Pn)+(e?zn:kn)+(n?17:0),be=(e,n,a,d)=>{const c=qe(n,a),v=d?ce(d,c):0,f=Math.ceil(e.reduce((o,g)=>{var _;const b=(((_=g==null?void 0:g.actions)==null?void 0:_.length)??0)*24,S=g.icon?parseInt(n?Ne:Me)+7:0,T=`${g.label} ${g.details||""}`,E=ce(T,c)+b+S;return o=E>o?E:o,o},v)),s=Vn(n,!0);return f+s},Kn=(e,n,a)=>{const d=qe(!0,a),c=ce(e.label,d),v=(n?Un:Wn)*2+Gn*2+$n;return Math.ceil(c+v)},Ae=({listRef:e,isMulti:n,sections:a,selectedOptions:d,onSelectOption:c,focusedOptionIndex:v,width:f,small:s,firstSelectedOptionIndex:o,closeLayer:g,testId:b})=>{q.useEffect(()=>{o&&o!==null&&e.current!==null&&e.current.scrollToItem(o,"start")},[o,e]);const S=s?24:30;return p.jsx("div",{"data-testid":b,className:U(j.layer,s&&j.small),children:a.length?p.jsx(_n,{ref:e,height:a.length<Se?S*a.length:S*Se,itemCount:a.length,itemSize:S,width:f,children:({index:T,style:E})=>{var _;return p.jsx("div",{style:E,children:p.jsx(Ce,{closeLayer:g,section:a[T],selected:n&&a[T].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[T])==null?void 0:l.value)}):!Array.isArray(d)&&((_=a==null?void 0:a[T])==null?void 0:_.value)===(d==null?void 0:d.value),focused:v===T,onSelectOption:t=>c(t,a[T])})})}}):p.jsx("ul",{children:p.jsx("li",{children:p.jsx("div",{className:j.message,style:{width:f},children:"No matches"})})})})};Ae.__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_nec64_1",Bn="_error_nec64_7",Zn="_warning_nec64_7",Xn="_inputHover_nec64_13",Jn="_inputFocus_nec64_18",Qn="_inputError_nec64_25",et="_inputWarning_nec64_26",nt="_inputDisabled_nec64_61",tt="_hideScrollbars_nec64_67",rt="_trigger_nec64_77",at="_isInTable_nec64_93",it="_input_nec64_1",st="_isOpen_nec64_114",lt="_disabled_nec64_156",ot="_icons_nec64_162",ut="_clearAll_nec64_169",ct="_iconOpen_nec64_170",dt="_small_nec64_181",mt="_triggerInputContainer_nec64_189",pt="_right_nec64_198",ft="_multiOptions_nec64_211",gt="_multiOption_nec64_211",vt="_label_nec64_239",yt="_closeMultiOption_nec64_242",ht="_focus_nec64_253",St="_selectedSingleValue_nec64_257",bt="_placeHolder_nec64_258",_t="_groupOrderFirst_nec64_297",Tt="_groupOrderMiddle_nec64_298",Et="_groupOrderLast_nec64_302",It="_detailedLabel_nec64_307",N={inputInTable:Yn,error:Bn,warning:Zn,inputHover:Xn,inputFocus:Jn,inputError:Qn,inputWarning:et,inputDisabled:nt,hideScrollbars:tt,trigger:rt,isInTable:at,input:it,isOpen:st,disabled:lt,icons:ot,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},Fe=({selectedOptions:e,small:n,width:a,testId:d})=>{const c=Re(),[v,f]=q.useState([]),[s,o]=q.useState([]);return q.useEffect(()=>{let g=[],b=[],S=0;e.forEach((T,E)=>{S+=Kn(T,n,c),E===e.length-1&&S<a||S<a-24?g.push(T):b.push(T)}),f(g),o(b)},[e,c,a]),p.jsxs("div",{className:N.multiOptions,"data-testid":d&&`${d}-value`,children:[v.filter(g=>g&&g.label).map((g,b)=>p.jsx("span",{className:N.multiOption,onClick:S=>{S.stopPropagation()},children:g.label},b)),s.length>0&&p.jsx(me,{text:s.map((g,b)=>p.jsx("div",{children:g.label},b)),display:"inline-flex",children:p.jsx("span",{className:N.multiOption,children:v.length?`+${s.length}`:`${s.length} items`})})]})};Fe.__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:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const je=({selectedOptions:e,searchable:n=!1,searchValue:a,onChange:d=()=>{},inputRef:c,error:v,placeholder:f="Select...",small:s,testId:o})=>{const g=q.useRef(null),b=Array.isArray(e),S=b?e.length>0:!!e,T=a?a.length+1:1,E=()=>{var l,i;const _=((l=g.current)==null?void 0:l.offsetWidth)||0,t=((i=c.current)==null?void 0:i.offsetWidth)||0;return _-t};return p.jsxs("div",{className:N.triggerInputContainer,ref:g,children:[S?b?p.jsx(Fe,{selectedOptions:e,small:s,width:E(),testId:o}):p.jsx("span",{className:N.selectedSingleValue,"data-testid":o&&`${o}-value`,children:a!=null&&a.length?"":e==null?void 0:e.label}):p.jsx("span",{className:N.placeHolder,children:a!=null&&a.length?"":f}),n?p.jsx("input",{tabIndex:-1,ref:c,size:T,className:U(N.input,v?N.error:""),value:a,onChange:_=>d(_.target.value),"data-testid":o&&`${o}-input`}):null]})};je.__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:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const He=({selectedOptions:e,searchValue:n,searchable:a,clearable:d,onClickTrigger:c,element:v,error:f,warning:s,tooltip:o,small:g,isInTable:b,disabled:S,onChangeSearch:T,onClickDeselect:E,onClickClear:_,tabIndex:t,isOpen:l,triggerRef:i,clearAllIsFocused:r,focusedSelectedOptionIndex:u,onFocus:m,onBlur:y,groupOrder:h,maxTooltipWidth:I,placeholder:L,right:R,testId:x})=>{var H;const[w,M]=we(),F=Array.isArray(e)?e.length>0&&((H=e[0])==null?void 0:H.value):e==null?void 0:e.value,A=d&&F,G=(()=>{if(h)switch(h){case ae.FIRST:return N.groupOrderFirst;case ae.LAST:return N.groupOrderLast;default:return N.groupOrderMiddle}return""})(),K=!Array.isArray(e)&&(e!=null&&e.details)?{...e,label:p.jsxs("div",{className:U(N.detailedLabel),children:[p.jsx(oe,{children:e.label}),p.jsx(oe,{muted:!0,children:e.details})]})}:e,$=p.jsxs(p.Fragment,{children:[v,p.jsxs("div",{ref:i,tabIndex:t,className:U(N.trigger,l?N.isOpen:"",f?N.error:s?N.warning:"",S?N.disabled:"",g?N.small:"",b?N.isInTable:"",R?N.right:"",G),onClick:P=>{P.stopPropagation(),typeof M=="function"&&M(),c(P)},onFocus:m,onBlur:y,"data-testid":x,children:[p.jsx(je,{selectedOptions:K,placeholder:L,searchable:a,searchValue:n,inputRef:w,onChange:T,error:f,small:g,testId:x}),p.jsx("span",{className:N.icons,children:A?p.jsx("span",{className:U(N.clearAll,r?N.focus:""),onClick:P=>{P.stopPropagation(),_&&_(P)},"data-testid":x&&`${x}-clear`,children:p.jsx(ue,{icon:Ee.CLOSE})}):p.jsx("span",{className:U(N.iconOpen),children:p.jsx(ue,{icon:"chevron down"})})})]})]});return p.jsx(p.Fragment,{children:p.jsx(me,{error:!!f,warning:!!s,text:o||f||s,enabled:o&&ne(o)||f&&ne(f)||s&&ne(s)||!1,maxWidth:I,placement:"bottom-center",children:$})})};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 W=(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))(W||{});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,v)=>c.type!==ie.HEADING?v: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,v=n.options[c];return{...n,currentIndex:c,current:v}},Rt=(e,n,a)=>{const d=e==="left"?-1:1,c=n&&n.length?["none",...Array.from({length:n.length},(g,b)=>b),"clearAll"]:["none","clearAll"],v=a.currentIndex+d,f=(v<0?c.length-1:v)%c.length,s=c[f];return{options:c,currentIndex:f,currentOption:s,clearAll:s==="clearAll"}},_e=()=>Pe,Te=e=>({...e,currentIndex:0,current:"none"}),Lt=(e,n)=>{switch(n.type){case W.SET_VISIBLE_OPTIONS:return{...e,visibleOptions:n.options||[]};case W.RESET_LAYER_FOCUS:return{...e,layerFocus:De(n.options||[],n.firstSelectedOptionIndex||0)};case W.CLEAR_SEARCH:return{...e,visibleOptions:n.options||[],searchValue:""};case W.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 W.FOCUS_TRIGGER_INPUTS:return{...e,triggerFocus:Rt(n.direction||"right",n.selectedOptions||[],e.triggerFocus),layerFocus:Te(e.layerFocus)};case W.BLUR_TRIGGER_INPUTS:return{...e,triggerFocus:_e()};case W.FOCUS_LAYER_OPTIONS:return n.nextLayerFocus?{...e,layerFocus:n.nextLayerFocus,triggerFocus:_e()}:e;case W.OPEN_LAYER:return{...e,isLayerOpen:!0};case W.CLOSE_LAYER:return{...e,isLayerOpen:!1};default:return e}},xt={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||{}),V=(e=>(e.RIGHT="right",e.LEFT="left",e.UP="up",e.DOWN="down",e.ENTER="enter",e.ESC="esc",e.TAB="tab",e))(V||{});const Ct=({state:e,dispatch:n,options:a,setTriggerFocus:d,disabled:c,disabledContext:v,onCreate:f,onChange:s,selectedOptions:o,width:g,small:b,isFontLoaded:S,placeholder:T,firstSelectedOptionIndex:E,createAble:_,listRef:t,autoLayerWidth:l})=>{const i=()=>{e.isLayerOpen&&n({type:D.CLOSE_LAYER}),d()},r=()=>n({type:D.OPEN_LAYER}),u=q.useRef(!0);q.useEffect(()=>{u.current?u.current=!1:n({type:D.SET_VISIBLE_OPTIONS,options:a})},[a]);const m=(O,C,Q)=>{if(!(c||v)){if(Q&&Q(),C){if(C.createAble&&f)f(C.value);else if(!C.disabled)if(Array.isArray(o))if(o.some(B=>B.label===C.label)){const B=o.filter(pe=>pe.label!==C.label);s&&s(O,B)}else{const B=[...o,C];s&&s(O,B)}else s&&s(O,C)}n({type:D.CLEAR_SEARCH,options:a}),d()}},y=q.useCallback(()=>g?g!=="auto"?g:be(a,b,S,T):"100%",[a,S]),h=q.useCallback(O=>l?Math.max(be(a,b,S,T),O==null?void 0:O.width):O==null?void 0:O.width,[a,S]),{renderLayer:I,layerProps:L,triggerProps:R,triggerBounds:x}=We({isOpen:(e==null?void 0:e.isLayerOpen)??!1,overflowContainer:!0,...xt,ResizeObserver,onOutsideClick:i,onParentClose:i}),w=()=>{if(!(c||v)){if(e.isLayerOpen){i();return}n({type:D.RESET_LAYER_FOCUS,options:a,firstSelectedOptionIndex:E}),r()}},M=q.useRef(!0);q.useEffect(()=>{M.current?M.current=!1:e.isLayerOpen||n({type:D.CLEAR_SEARCH,options:a})},[e.isLayerOpen]);const F=(O,C)=>{const Q=o instanceof Array?o.filter(Y=>Y.value!==C.value):null;s&&s(O,Q)},A=O=>{const C=o instanceof Array?[]:{value:null};s&&s(O,C)},G=O=>n({type:D.ON_CHANGE_SEARCH,options:a,value:O,createAble:_}),K=()=>{r(),n({type:D.BLUR_TRIGGER_INPUTS})},$=O=>{t.current&&Number.isInteger(O)&&t.current.scrollToItem(O)},H=O=>{const C=wt(O,e.layerFocus);n({type:D.FOCUS_LAYER_OPTIONS,nextLayerFocus:C}),$(C.current)},P=O=>{n({type:D.FOCUS_TRIGGER_INPUTS,ICustomSelectDirection:O,selectedOptions:o})},Z=O=>A(O),te=o&&o[e.triggerFocus.currentOption],re=O=>{F(O,o[e.triggerFocus.currentOption])},X=O=>{var C;m(O,(C=e==null?void 0:e.visibleOptions)==null?void 0:C[e.layerFocus.current],i)},k=e.triggerFocus.clearAll;return{getTriggerWidth:y,onKeyEvent:(O,C)=>{switch(O){case V.UP:{H(O);break}case V.DOWN:{e.isLayerOpen?H(O):K();break}case V.LEFT:case V.RIGHT:{P(O);break}case V.ENTER:{k?Z(C):te?re(C):X(C);break}case V.ESC:{i();break}}},clearAllIsFocused:k,triggerProps:R,onClickTrigger:w,onChangeSearch:G,onClickDeselectOption:F,onClickClearAll:A,renderLayer:I,layerProps:L,closeLayer:i,onSelectOption:m,getLayerWidth:h,triggerBounds:x}},ke=e=>{const{multi:n=!1,disabled:a=!1,error:d=null,warning:c=null,tooltip:v=null,options:f,selectedOptions:s,onCreate:o=null,placeholder:g="",small:b=!1,tabIndex:S=0,onFocus:T=()=>{},onBlur:E=()=>{},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,I=q.useContext(de),L=o!==null,R=q.useRef(null),[x,w]=we(),M=Re(),[F,A]=q.useReducer(Lt,{options:f,firstSelectedOptionIndex:m},({options:Y})=>({searchValue:"",visibleOptions:Y,layerFocus:De(Y,m??0),triggerFocus:Pe,isLayerOpen:!1})),{getTriggerWidth:G,onKeyEvent:K,clearAllIsFocused:$,triggerProps:H,onClickTrigger:P,onChangeSearch:Z,onClickDeselectOption:te,onClickClearAll:re,renderLayer:X,layerProps:k,closeLayer:J,onSelectOption:O,getLayerWidth:C,triggerBounds:Q}=Ct({...e,state:F,dispatch:A,setTriggerFocus:w,disabledContext:I,isFontLoaded:M,createAble:L,listRef:R});return p.jsx("div",{style:{width:G()},children:p.jsxs(fn,{handleKeys:Object.values(V),onKeyEvent:K,children:[p.jsx(He,{selectedOptions:s,searchValue:F.searchValue,isOpen:F.isLayerOpen,focusedSelectedOptionIndex:F.triggerFocus.currentOption,clearAllIsFocused:$,searchable:_,triggerRef:Ue(x,H.ref),error:d,warning:c,tooltip:v,small:b,isInTable:r,disabled:a||I,clearable:t,tabIndex:S,onClickTrigger:P,onChangeSearch:Z,onClickDeselect:te,onClickClear:re,onFocus:T,onBlur:E,groupOrder:u,maxTooltipWidth:l,placeholder:g,right:y,testId:h}),F.isLayerOpen&&X(p.jsx("div",{...k,className:j.layerContainer,children:p.jsx(Ae,{listRef:R,isMulti:n,sections:F.visibleOptions,selectedOptions:s,onSelectOption:(Y,B)=>{O(Y,B,n?void 0:J)},closeLayer:()=>{i&&J()},width:C(Q),small:b,focusedOptionIndex:F.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 Mt=e=>{const{name:n="",options:a=[],value:d,native:c=!1,onChange:v=()=>{},deprecatedEventHandler:f=!1,autoScroll:s=!0,warning:o,error:g,checkNonExistentValues:b=!0,closeOnOptionActionClick:S=!0,testId:T,disabled:E}=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 I="Value no longer available for re-selection",L=m&&!E?o?p.jsxs("div",{children:[p.jsx("div",{children:I}),p.jsx("div",{children:o})]}):I:o,R=m&&g&&!E?p.jsxs("div",{children:[p.jsx("div",{children:I}),p.jsx("div",{children:g})]}):g,x=(w,M)=>{if(f){const F=t?M.map(A=>l?A.value:A):l?M.value:M;v(F)}else{const F=!(w instanceof Event),A=t?M:M.value;F?(w.target.name=n,w.target.value=A,t||(w.target.label=M.label),v(w)):v({...w,target:{...w.target,name:n,value:A,...!t&&{label:M.label}}})}};return h?p.jsx(Ie,{...e,options:i,selectedOption:r,onChange:x,hasNonExistentValue:m,warning:L,error:R,testId:T}):p.jsx(ke,{...e,options:i,selectedOptions:r,onChange:x,multi:t,firstSelectedOptionIndex:u,warning:L,error:R,testId:T,closeOnOptionActionClick:S})};Mt.__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{V as E,fn as K,Mt as S};

package/dist/storybook/assets/select.input-DIKP56UZ.js

@@ -1 +0,0 @@
-import{M as y}from"./types-BmbYqTX_.js";const o=r=>r instanceof Array,c=r=>r==null||r==="",v=(r,n)=>n&&Array.isArray(r)?r.map(t=>typeof t=="string"||typeof t=="number"?{label:t,value:t}:t):r,f=(r,n)=>{if(n!==null&&typeof n=="object"&&n.hasOwnProperty("label")&&n.hasOwnProperty("value"))return n;{const t=n!==null&&typeof n=="object"&&n.hasOwnProperty("value")?n.value:n;return(Array.isArray(r)?r.filter(e=>e.type!==y.HEADING).find(e=>e.value==t):void 0)||(c(t)?void 0:{value:t,label:t})}},p=(r,n)=>o(n)?n.map(u=>f(r,u)).filter(u=>u!==void 0):n===null?void 0:f(r,n),A=r=>Array.isArray(r)&&r.some(n=>typeof n=="string"||typeof n=="number"),b=(r,n)=>{const t=n instanceof Array?n.length?n[0]:null:n,u=t==null?null:typeof t=="string"||typeof t=="number"?t:t.value,e=r.filter(l=>l.type!==y.HEADING).findIndex(l=>typeof l=="string"||typeof l=="number"?l==u:l.value==u);return e===-1?null:e},S=(r,n)=>!(o(n)?n:c(n)?[]:[n]).every(e=>r.find(a=>a.value===e.value)!==void 0),I=(r,n,t,u)=>{const e=Array.isArray(r)?r:[],l=o(n),a=A(e),s=v(e,a),d=t?b(e,n):null,i=p(s,n),m=u&&i!==void 0?S(s,i):!1;return{options:s,selectedOptions:i,multi:l,simpleInputs:a,firstSelectedOptionIndex:d,hasNonExistentValue:m}};export{I as s};