@oliasoft-open-source/react-ui-library 4.11.0-beta-3 → 4.12.0-beta-1

package/dist/storybook/assets/select.stories-B9w9ONzj.js

@@ -1,579 +0,0 @@
-import{j as d}from"./jsx-runtime-eps93zm2.js";import{r as b}from"./index-DhsZuJvc.js";import{w as i,e as o,u as c}from"./index-DMAnyMX5.js";import{S as z}from"./select-DnRuRG_N.js";import{S as qa}from"./spacer-BWoNR27H.js";import{I as Z}from"./common-types-Sih75Sav.js";import{I as $}from"./icon-BSFY3vDO.js";import"./index-CF7H4eMJ.js";import"./lodash-c4VUpsOs.js";import"./index-Bk2sglWO.js";import"./disabled-context-rmpd7YJS.js";import"./types-Dx2TtIG9.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./index-CEuq6vkz.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";import"./memoize-one.esm-CcMeOnPo.js";import"./types-BmbYqTX_.js";import"./text-B3-TSWok.js";import"./actions-D-uVCDzk.js";import"./button-DHevvVBE.js";import"./spinner-AWUe4xwQ.js";import"./badge-CLQ59MDF.js";import"./select.input-D0UkAPd9.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";const _a=[{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Koalas",value:"leaves"},{label:"Monkeys",value:"bananas",disabled:!0},{label:"Wombats",value:"bark"}],Fa=[{label:"Kangaroos",value:"grass",details:"(grass)"},{label:"Monkeys",value:"bananas",details:"(bananas)"},{label:"Possums",value:"slugs",details:"(slugs)"}],Ga=[{type:"Heading",label:"Large"},{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas"},{type:"Heading",label:"Small"},{label:"Possums",value:"slugs"}],Ya=[{label:1,value:1},{label:2,value:2},{label:3,value:3},{label:4,value:4}],Za=[{label:"Yes",value:!0},{label:"No",value:!1}],$a=[{label:"Aardvarks",value:"termites"},{label:"Monkeys",value:"bananas"},{label:"Vampires",value:"blood",icon:d.jsx($,{icon:Z.WARNING,color:"var(--color-text-warning)"})},{label:"Zombies",value:"brains",icon:d.jsx($,{icon:Z.ERROR,color:"var(--color-text-error)"})}],y=[{label:"Delete",icon:"delete",onClick:()=>{}},{label:"Rename",icon:"rename",onClick:()=>{}}],za=[{label:"Kangaroos",value:"grass",actions:y},{label:"Monkeys",value:"bananas",actions:y},{label:"Possums",value:"slugs",actions:y,details:"(some details)"}],Ja=[{label:"Kangaroos",value:"grass",actions:y,icon:d.jsx($,{icon:Z.WARNING,color:"var(--color-text-warning)"}),details:"(grass)"},{label:"Monkeys",value:"bananas",actions:y,icon:d.jsx($,{icon:Z.WARNING,color:"var(--color-text-warning)"}),details:"(bananas)"},{label:"Possums",value:"slugs",actions:y,icon:d.jsx($,{icon:Z.WARNING,color:"var(--color-text-warning)"}),details:"(slugs)"}],Qa=[...Array(1e4).keys()].map((t,l)=>({label:Math.random().toString(36).substring(7),value:l})),Ua=["Aardvarks","Kangaroos","Monkeys","Possums"],Tn={title:"Forms/Select",component:z,args:{options:_a,native:!1,multi:!1,disabled:!1,autoLayerWidth:!1,clearable:!1,searchable:!0,right:!1}},a=t=>{const{multi:l,value:e}=t,[s,n]=b.useState(e||(l?[]:void 0)),u=r=>{const{value:g}=r.target;n(l?g:{value:g})};return d.jsx(z,{value:s,onChange:u,...t})},J=a.bind({}),C=a.bind({});C.args={small:!0};const x=a.bind({});x.args={width:"auto"};const I=a.bind({});I.args={width:"200px"};const w=a.bind({});w.args={native:!0};const f=a.bind({});f.args={multi:!0,clearable:!0};const T=a.bind({});T.args={options:[]};const B=a.bind({});B.args={clearable:!0};const j=a.bind({});j.args={value:{label:"Vampires",value:"blood"}};const k=a.bind({});k.args={placeholder:"Select the best animal..."};const W=a.bind({});W.args={options:Ga};const O=a.bind({});O.args={options:Fa};const D=a.bind({});D.args={options:$a};const N=a.bind({});N.args={options:za};const A=a.bind({});A.args={options:Ja};const E=a.bind({});E.args={searchable:!1};const M=a.bind({});M.args={right:!0};const v=a.bind({});v.parameters={docs:{description:{story:"Avoid autoLayerWidth for very long lists in custom selects (slow)"}}};v.args={width:"70px",autoLayerWidth:!0};const L=a.bind({});L.args={tooltip:"Some info"};const K=a.bind({});K.args={error:"Some info"};const R=a.bind({});R.args={warning:"Some info"};const P=a.bind({});P.args={disabled:!0};const H=a.bind({});H.args={options:Ya,placeholder:void 0};const _=a.bind({});_.args={options:Za};const q=a.bind({});q.args={options:Ua};const m=a.bind({});m.parameters={docs:{description:{story:"Avoid `width: auto` and autoLayerWidth for very long lists in custom selects (slow). Consider checkNonExistentValues={false}."}}};m.args={options:Qa};const F=a.bind({});F.args={deprecatedEventHandler:!0};const G=a.bind({});G.args={value:{label:"Vampires",value:"blood"},disabled:!0};const Y=()=>{const[t,l]=b.useState([{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas"},{label:"Possums",value:"slugs"}]),[e,s]=b.useState(void 0),[n,u]=b.useState([]);return d.jsxs(d.Fragment,{children:[d.jsx(z,{name:"example",options:t,onChange:r=>s({value:r.target.value}),onCreate:r=>{const g={label:r,value:r};l([...t,g]),s(g)},value:e,clearable:!0}),d.jsx(qa,{}),d.jsx(z,{name:"example",options:t,onChange:r=>u(r.target.value),onCreate:r=>{const g={label:r,value:r};l([...t,g]),console.log(r),u([...n,g])},value:n,multi:!0,clearable:!0})]})},h=a.bind({});h.args={testId:"testId",clearable:!0};h.play=async({canvasElement:t,step:l})=>{const e=t.parentElement?i(t.parentElement):null;await o(e).toBeTruthy(),e&&(await l("Select item with click",async()=>{const s=e.getByTestId("testId");await c.click(s);const n=e.getByTestId("testId-layer");await o(n).toBeInTheDocument();const u=i(n).getByText("Wombats");await c.click(u);const r=e.getByTestId("testId-value");await o(i(r).getByText("Wombats")).toBeInTheDocument()}),await l("Clear selected value",async()=>{const s=e.getByTestId("testId-clear");await c.click(s);const n=e.queryByTestId("testId-value");await o(n).not.toBeInTheDocument()}))};const S=a.bind({});S.args={testId:"testId",clearable:!0,multi:!0};S.play=async({canvasElement:t,step:l})=>{const e=t.parentElement?i(t.parentElement):null;await o(e).toBeTruthy(),e&&(await l("Select items with click",async()=>{const s=e.getByTestId("testId");await c.click(s);const n=e.getByTestId("testId-layer");await o(n).toBeInTheDocument();const u=i(n).getByText("Wombats");await c.click(u);const r=i(n).getByText("Kangaroos");await c.click(r),await c.click(t),await o(n).not.toBeInTheDocument();const g=e.getByTestId("testId-value");await o(i(g).getByText("Wombats")).toBeInTheDocument(),await o(i(g).getByText("Kangaroos")).toBeInTheDocument()}),await l("Deselect item with click",async()=>{const s=e.getByTestId("testId");await c.click(s);const n=e.getByTestId("testId-layer");await o(n).toBeInTheDocument();const u=i(n).getByText("Wombats");await c.click(u),await c.click(t),await o(n).not.toBeInTheDocument();const r=e.getByTestId("testId-value");await o(i(r).queryByText("Wombats")).not.toBeInTheDocument()}),await l("Clear selected values",async()=>{const s=e.getByTestId("testId-clear");await c.click(s);const n=e.queryByTestId("testId-value");await o(n).not.toBeInTheDocument()}))};const V=a.bind({});V.args={testId:"testId",disabled:!0};V.play=async({canvasElement:t,step:l})=>{const e=i(t);await l("Clicking disabled trigger should not show layer",async()=>{await e.getByTestId("testId").click();const n=e.queryByTestId("testId-layer");await o(n).toBeNull()})};const p=()=>{const[t,l]=b.useState(_a),[e,s]=b.useState(void 0);return d.jsx(z,{testId:"testId",name:"example",options:t,onChange:n=>s({value:n.target.value}),onCreate:n=>{const u={label:n,value:n};l([...t,u]),s(u)},value:e})};p.args={testId:"testId"};p.play=async({canvasElement:t,step:l})=>{const e=t.parentElement?i(t.parentElement):null;await o(e).toBeTruthy(),e&&await l("Create new item",async()=>{const s=e.getByTestId("testId-input");if(o(s).toBeInTheDocument(),!s)return;await c.type(s,"New value");const n=e.getByText('Create "New value"');await c.click(n);const u=e.getByTestId("testId-value");await o(i(u).getByText("New value")).toBeInTheDocument()})};Y.__docgenInfo={description:"",methods:[],displayName:"OnCreate"};p.__docgenInfo={description:"",methods:[{name:"play",docblock:null,modifiers:["static"],params:[{name:"{ canvasElement, step }",optional:!1,type:null}],returns:null}],displayName:"TestCreate"};var Q,U,X;J.parameters={...J.parameters,docs:{...(Q=J.parameters)==null?void 0:Q.docs,source:{originalSource:`(args: any) => {
-  const {
-    multi,
-    value
-  } = args;
-  const [selectedValue, setSelectedValue] = useState(value || (multi ? [] : undefined));
-  const handleChange = (evt: any) => {
-    const {
-      value
-    } = evt.target;
-    setSelectedValue(multi ? value : {
-      value
-    });
-  };
-  return <Select value={selectedValue} onChange={handleChange}
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(X=(U=J.parameters)==null?void 0:U.docs)==null?void 0:X.source}}};var ee,ae,ne;C.parameters={...C.parameters,docs:{...(ee=C.parameters)==null?void 0:ee.docs,source:{originalSource:`(args: any) => {
-  const {
-    multi,
-    value
-  } = args;
-  const [selectedValue, setSelectedValue] = useState(value || (multi ? [] : undefined));
-  const handleChange = (evt: any) => {
-    const {
-      value
-    } = evt.target;
-    setSelectedValue(multi ? value : {
-      value
-    });
-  };
-  return <Select value={selectedValue} onChange={handleChange}
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(ne=(ae=C.parameters)==null?void 0:ae.docs)==null?void 0:ne.source}}};var te,se,le;x.parameters={...x.parameters,docs:{...(te=x.parameters)==null?void 0:te.docs,source:{originalSource:`(args: any) => {
-  const {
-    multi,
-    value
-  } = args;
-  const [selectedValue, setSelectedValue] = useState(value || (multi ? [] : undefined));
-  const handleChange = (evt: any) => {
-    const {
-      value
-    } = evt.target;
-    setSelectedValue(multi ? value : {
-      value
-    });
-  };
-  return <Select value={selectedValue} onChange={handleChange}
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(le=(se=x.parameters)==null?void 0:se.docs)==null?void 0:le.source}}};var re,oe,ue;I.parameters={...I.parameters,docs:{...(re=I.parameters)==null?void 0:re.docs,source:{originalSource:`(args: any) => {
-  const {
-    multi,
-    value
-  } = args;
-  const [selectedValue, setSelectedValue] = useState(value || (multi ? [] : undefined));
-  const handleChange = (evt: any) => {
-    const {
-      value
-    } = evt.target;
-    setSelectedValue(multi ? value : {
-      value
-    });
-  };
-  return <Select value={selectedValue} onChange={handleChange}
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(ue=(oe=I.parameters)==null?void 0:oe.docs)==null?void 0:ue.source}}};var ce,ie,de;w.parameters={...w.parameters,docs:{...(ce=w.parameters)==null?void 0:ce.docs,source:{originalSource:`(args: any) => {
-  const {
-    multi,
-    value
-  } = args;
-  const [selectedValue, setSelectedValue] = useState(value || (multi ? [] : undefined));
-  const handleChange = (evt: any) => {
-    const {
-      value
-    } = evt.target;
-    setSelectedValue(multi ? value : {
-      value
-    });
-  };
-  return <Select value={selectedValue} onChange={handleChange}
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(de=(ie=w.parameters)==null?void 0:ie.docs)==null?void 0:de.source}}};var ge,pe,ve;f.parameters={...f.parameters,docs:{...(ge=f.parameters)==null?void 0:ge.docs,source:{originalSource:`(args: any) => {
-  const {
-    multi,
-    value
-  } = args;
-  const [selectedValue, setSelectedValue] = useState(value || (multi ? [] : undefined));
-  const handleChange = (evt: any) => {
-    const {
-      value
-    } = evt.target;
-    setSelectedValue(multi ? value : {
-      value
-    });
-  };
-  return <Select value={selectedValue} onChange={handleChange}
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(ve=(pe=f.parameters)==null?void 0:pe.docs)==null?void 0:ve.source}}};var me,he,Se;T.parameters={...T.parameters,docs:{...(me=T.parameters)==null?void 0:me.docs,source:{originalSource:`(args: any) => {
-  const {
-    multi,
-    value
-  } = args;
-  const [selectedValue, setSelectedValue] = useState(value || (multi ? [] : undefined));
-  const handleChange = (evt: any) => {
-    const {
-      value
-    } = evt.target;
-    setSelectedValue(multi ? value : {
-      value
-    });
-  };
-  return <Select value={selectedValue} onChange={handleChange}
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(Se=(he=T.parameters)==null?void 0:he.docs)==null?void 0:Se.source}}};var Ve,be,ye;B.parameters={...B.parameters,docs:{...(Ve=B.parameters)==null?void 0:Ve.docs,source:{originalSource:`(args: any) => {
-  const {
-    multi,
-    value
-  } = args;
-  const [selectedValue, setSelectedValue] = useState(value || (multi ? [] : undefined));
-  const handleChange = (evt: any) => {
-    const {
-      value
-    } = evt.target;
-    setSelectedValue(multi ? value : {
-      value
-    });
-  };
-  return <Select value={selectedValue} onChange={handleChange}
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(ye=(be=B.parameters)==null?void 0:be.docs)==null?void 0:ye.source}}};var Ce,xe,Ie;j.parameters={...j.parameters,docs:{...(Ce=j.parameters)==null?void 0:Ce.docs,source:{originalSource:`(args: any) => {
-  const {
-    multi,
-    value
-  } = args;
-  const [selectedValue, setSelectedValue] = useState(value || (multi ? [] : undefined));
-  const handleChange = (evt: any) => {
-    const {
-      value
-    } = evt.target;
-    setSelectedValue(multi ? value : {
-      value
-    });
-  };
-  return <Select value={selectedValue} onChange={handleChange}
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(Ie=(xe=j.parameters)==null?void 0:xe.docs)==null?void 0:Ie.source}}};var we,fe,Te;k.parameters={...k.parameters,docs:{...(we=k.parameters)==null?void 0:we.docs,source:{originalSource:`(args: any) => {
-  const {
-    multi,
-    value
-  } = args;
-  const [selectedValue, setSelectedValue] = useState(value || (multi ? [] : undefined));
-  const handleChange = (evt: any) => {
-    const {
-      value
-    } = evt.target;
-    setSelectedValue(multi ? value : {
-      value
-    });
-  };
-  return <Select value={selectedValue} onChange={handleChange}
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(Te=(fe=k.parameters)==null?void 0:fe.docs)==null?void 0:Te.source}}};var Be,je,ke;W.parameters={...W.parameters,docs:{...(Be=W.parameters)==null?void 0:Be.docs,source:{originalSource:`(args: any) => {
-  const {
-    multi,
-    value
-  } = args;
-  const [selectedValue, setSelectedValue] = useState(value || (multi ? [] : undefined));
-  const handleChange = (evt: any) => {
-    const {
-      value
-    } = evt.target;
-    setSelectedValue(multi ? value : {
-      value
-    });
-  };
-  return <Select value={selectedValue} onChange={handleChange}
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(ke=(je=W.parameters)==null?void 0:je.docs)==null?void 0:ke.source}}};var We,Oe,De;O.parameters={...O.parameters,docs:{...(We=O.parameters)==null?void 0:We.docs,source:{originalSource:`(args: any) => {
-  const {
-    multi,
-    value
-  } = args;
-  const [selectedValue, setSelectedValue] = useState(value || (multi ? [] : undefined));
-  const handleChange = (evt: any) => {
-    const {
-      value
-    } = evt.target;
-    setSelectedValue(multi ? value : {
-      value
-    });
-  };
-  return <Select value={selectedValue} onChange={handleChange}
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(De=(Oe=O.parameters)==null?void 0:Oe.docs)==null?void 0:De.source}}};var Ne,Ae,Ee;D.parameters={...D.parameters,docs:{...(Ne=D.parameters)==null?void 0:Ne.docs,source:{originalSource:`(args: any) => {
-  const {
-    multi,
-    value
-  } = args;
-  const [selectedValue, setSelectedValue] = useState(value || (multi ? [] : undefined));
-  const handleChange = (evt: any) => {
-    const {
-      value
-    } = evt.target;
-    setSelectedValue(multi ? value : {
-      value
-    });
-  };
-  return <Select value={selectedValue} onChange={handleChange}
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(Ee=(Ae=D.parameters)==null?void 0:Ae.docs)==null?void 0:Ee.source}}};var Me,Le,Ke;N.parameters={...N.parameters,docs:{...(Me=N.parameters)==null?void 0:Me.docs,source:{originalSource:`(args: any) => {
-  const {
-    multi,
-    value
-  } = args;
-  const [selectedValue, setSelectedValue] = useState(value || (multi ? [] : undefined));
-  const handleChange = (evt: any) => {
-    const {
-      value
-    } = evt.target;
-    setSelectedValue(multi ? value : {
-      value
-    });
-  };
-  return <Select value={selectedValue} onChange={handleChange}
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(Ke=(Le=N.parameters)==null?void 0:Le.docs)==null?void 0:Ke.source}}};var Re,Pe,He;A.parameters={...A.parameters,docs:{...(Re=A.parameters)==null?void 0:Re.docs,source:{originalSource:`(args: any) => {
-  const {
-    multi,
-    value
-  } = args;
-  const [selectedValue, setSelectedValue] = useState(value || (multi ? [] : undefined));
-  const handleChange = (evt: any) => {
-    const {
-      value
-    } = evt.target;
-    setSelectedValue(multi ? value : {
-      value
-    });
-  };
-  return <Select value={selectedValue} onChange={handleChange}
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(He=(Pe=A.parameters)==null?void 0:Pe.docs)==null?void 0:He.source}}};var _e,qe,Fe;E.parameters={...E.parameters,docs:{...(_e=E.parameters)==null?void 0:_e.docs,source:{originalSource:`(args: any) => {
-  const {
-    multi,
-    value
-  } = args;
-  const [selectedValue, setSelectedValue] = useState(value || (multi ? [] : undefined));
-  const handleChange = (evt: any) => {
-    const {
-      value
-    } = evt.target;
-    setSelectedValue(multi ? value : {
-      value
-    });
-  };
-  return <Select value={selectedValue} onChange={handleChange}
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(Fe=(qe=E.parameters)==null?void 0:qe.docs)==null?void 0:Fe.source}}};var Ge,Ye,Ze;M.parameters={...M.parameters,docs:{...(Ge=M.parameters)==null?void 0:Ge.docs,source:{originalSource:`(args: any) => {
-  const {
-    multi,
-    value
-  } = args;
-  const [selectedValue, setSelectedValue] = useState(value || (multi ? [] : undefined));
-  const handleChange = (evt: any) => {
-    const {
-      value
-    } = evt.target;
-    setSelectedValue(multi ? value : {
-      value
-    });
-  };
-  return <Select value={selectedValue} onChange={handleChange}
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(Ze=(Ye=M.parameters)==null?void 0:Ye.docs)==null?void 0:Ze.source}}};var $e,ze,Je;v.parameters={...v.parameters,docs:{...($e=v.parameters)==null?void 0:$e.docs,source:{originalSource:`(args: any) => {
-  const {
-    multi,
-    value
-  } = args;
-  const [selectedValue, setSelectedValue] = useState(value || (multi ? [] : undefined));
-  const handleChange = (evt: any) => {
-    const {
-      value
-    } = evt.target;
-    setSelectedValue(multi ? value : {
-      value
-    });
-  };
-  return <Select value={selectedValue} onChange={handleChange}
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(Je=(ze=v.parameters)==null?void 0:ze.docs)==null?void 0:Je.source}}};var Qe,Ue,Xe;L.parameters={...L.parameters,docs:{...(Qe=L.parameters)==null?void 0:Qe.docs,source:{originalSource:`(args: any) => {
-  const {
-    multi,
-    value
-  } = args;
-  const [selectedValue, setSelectedValue] = useState(value || (multi ? [] : undefined));
-  const handleChange = (evt: any) => {
-    const {
-      value
-    } = evt.target;
-    setSelectedValue(multi ? value : {
-      value
-    });
-  };
-  return <Select value={selectedValue} onChange={handleChange}
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(Xe=(Ue=L.parameters)==null?void 0:Ue.docs)==null?void 0:Xe.source}}};var ea,aa,na;K.parameters={...K.parameters,docs:{...(ea=K.parameters)==null?void 0:ea.docs,source:{originalSource:`(args: any) => {
-  const {
-    multi,
-    value
-  } = args;
-  const [selectedValue, setSelectedValue] = useState(value || (multi ? [] : undefined));
-  const handleChange = (evt: any) => {
-    const {
-      value
-    } = evt.target;
-    setSelectedValue(multi ? value : {
-      value
-    });
-  };
-  return <Select value={selectedValue} onChange={handleChange}
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(na=(aa=K.parameters)==null?void 0:aa.docs)==null?void 0:na.source}}};var ta,sa,la;R.parameters={...R.parameters,docs:{...(ta=R.parameters)==null?void 0:ta.docs,source:{originalSource:`(args: any) => {
-  const {
-    multi,
-    value
-  } = args;
-  const [selectedValue, setSelectedValue] = useState(value || (multi ? [] : undefined));
-  const handleChange = (evt: any) => {
-    const {
-      value
-    } = evt.target;
-    setSelectedValue(multi ? value : {
-      value
-    });
-  };
-  return <Select value={selectedValue} onChange={handleChange}
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(la=(sa=R.parameters)==null?void 0:sa.docs)==null?void 0:la.source}}};var ra,oa,ua;P.parameters={...P.parameters,docs:{...(ra=P.parameters)==null?void 0:ra.docs,source:{originalSource:`(args: any) => {
-  const {
-    multi,
-    value
-  } = args;
-  const [selectedValue, setSelectedValue] = useState(value || (multi ? [] : undefined));
-  const handleChange = (evt: any) => {
-    const {
-      value
-    } = evt.target;
-    setSelectedValue(multi ? value : {
-      value
-    });
-  };
-  return <Select value={selectedValue} onChange={handleChange}
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(ua=(oa=P.parameters)==null?void 0:oa.docs)==null?void 0:ua.source}}};var ca,ia,da;H.parameters={...H.parameters,docs:{...(ca=H.parameters)==null?void 0:ca.docs,source:{originalSource:`(args: any) => {
-  const {
-    multi,
-    value
-  } = args;
-  const [selectedValue, setSelectedValue] = useState(value || (multi ? [] : undefined));
-  const handleChange = (evt: any) => {
-    const {
-      value
-    } = evt.target;
-    setSelectedValue(multi ? value : {
-      value
-    });
-  };
-  return <Select value={selectedValue} onChange={handleChange}
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(da=(ia=H.parameters)==null?void 0:ia.docs)==null?void 0:da.source}}};var ga,pa,va;_.parameters={..._.parameters,docs:{...(ga=_.parameters)==null?void 0:ga.docs,source:{originalSource:`(args: any) => {
-  const {
-    multi,
-    value
-  } = args;
-  const [selectedValue, setSelectedValue] = useState(value || (multi ? [] : undefined));
-  const handleChange = (evt: any) => {
-    const {
-      value
-    } = evt.target;
-    setSelectedValue(multi ? value : {
-      value
-    });
-  };
-  return <Select value={selectedValue} onChange={handleChange}
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(va=(pa=_.parameters)==null?void 0:pa.docs)==null?void 0:va.source}}};var ma,ha,Sa;q.parameters={...q.parameters,docs:{...(ma=q.parameters)==null?void 0:ma.docs,source:{originalSource:`(args: any) => {
-  const {
-    multi,
-    value
-  } = args;
-  const [selectedValue, setSelectedValue] = useState(value || (multi ? [] : undefined));
-  const handleChange = (evt: any) => {
-    const {
-      value
-    } = evt.target;
-    setSelectedValue(multi ? value : {
-      value
-    });
-  };
-  return <Select value={selectedValue} onChange={handleChange}
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(Sa=(ha=q.parameters)==null?void 0:ha.docs)==null?void 0:Sa.source}}};var Va,ba,ya;m.parameters={...m.parameters,docs:{...(Va=m.parameters)==null?void 0:Va.docs,source:{originalSource:`(args: any) => {
-  const {
-    multi,
-    value
-  } = args;
-  const [selectedValue, setSelectedValue] = useState(value || (multi ? [] : undefined));
-  const handleChange = (evt: any) => {
-    const {
-      value
-    } = evt.target;
-    setSelectedValue(multi ? value : {
-      value
-    });
-  };
-  return <Select value={selectedValue} onChange={handleChange}
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(ya=(ba=m.parameters)==null?void 0:ba.docs)==null?void 0:ya.source}}};var Ca,xa,Ia;F.parameters={...F.parameters,docs:{...(Ca=F.parameters)==null?void 0:Ca.docs,source:{originalSource:`(args: any) => {
-  const {
-    multi,
-    value
-  } = args;
-  const [selectedValue, setSelectedValue] = useState(value || (multi ? [] : undefined));
-  const handleChange = (evt: any) => {
-    const {
-      value
-    } = evt.target;
-    setSelectedValue(multi ? value : {
-      value
-    });
-  };
-  return <Select value={selectedValue} onChange={handleChange}
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(Ia=(xa=F.parameters)==null?void 0:xa.docs)==null?void 0:Ia.source}}};var wa,fa,Ta;G.parameters={...G.parameters,docs:{...(wa=G.parameters)==null?void 0:wa.docs,source:{originalSource:`(args: any) => {
-  const {
-    multi,
-    value
-  } = args;
-  const [selectedValue, setSelectedValue] = useState(value || (multi ? [] : undefined));
-  const handleChange = (evt: any) => {
-    const {
-      value
-    } = evt.target;
-    setSelectedValue(multi ? value : {
-      value
-    });
-  };
-  return <Select value={selectedValue} onChange={handleChange}
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(Ta=(fa=G.parameters)==null?void 0:fa.docs)==null?void 0:Ta.source}}};var Ba,ja,ka;Y.parameters={...Y.parameters,docs:{...(Ba=Y.parameters)==null?void 0:Ba.docs,source:{originalSource:`() => {
-  const [options, setOptions] = useState([{
-    label: 'Aardvarks',
-    value: 'termites'
-  }, {
-    label: 'Kangaroos',
-    value: 'grass'
-  }, {
-    label: 'Monkeys',
-    value: 'bananas'
-  }, {
-    label: 'Possums',
-    value: 'slugs'
-  }]);
-  const [singleValue, setSingleValue] = useState<ISelectSelectedOption | undefined>(undefined);
-  const [multiValue, setMultiValue] = useState<ISelectSelectedOption[]>([]);
-  return <>
-      <Select name="example" options={options} onChange={evt => setSingleValue({
-      value: evt.target.value
-    })} onCreate={value => {
-      const newValue = {
-        label: value,
-        value
-      };
-      setOptions([...options, newValue]);
-      setSingleValue(newValue);
-    }} value={singleValue} clearable />
-      <Spacer />
-      <Select name="example" options={options} onChange={evt => setMultiValue(evt.target.value)} onCreate={value => {
-      const newValue = {
-        label: value,
-        value
-      };
-      setOptions([...options, newValue]);
-      console.log(value);
-      setMultiValue([...multiValue, newValue]);
-    }} value={multiValue} multi clearable />
-    </>;
-}`,...(ka=(ja=Y.parameters)==null?void 0:ja.docs)==null?void 0:ka.source}}};var Wa,Oa,Da;h.parameters={...h.parameters,docs:{...(Wa=h.parameters)==null?void 0:Wa.docs,source:{originalSource:`(args: any) => {
-  const {
-    multi,
-    value
-  } = args;
-  const [selectedValue, setSelectedValue] = useState(value || (multi ? [] : undefined));
-  const handleChange = (evt: any) => {
-    const {
-      value
-    } = evt.target;
-    setSelectedValue(multi ? value : {
-      value
-    });
-  };
-  return <Select value={selectedValue} onChange={handleChange}
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(Da=(Oa=h.parameters)==null?void 0:Oa.docs)==null?void 0:Da.source}}};var Na,Aa,Ea;S.parameters={...S.parameters,docs:{...(Na=S.parameters)==null?void 0:Na.docs,source:{originalSource:`(args: any) => {
-  const {
-    multi,
-    value
-  } = args;
-  const [selectedValue, setSelectedValue] = useState(value || (multi ? [] : undefined));
-  const handleChange = (evt: any) => {
-    const {
-      value
-    } = evt.target;
-    setSelectedValue(multi ? value : {
-      value
-    });
-  };
-  return <Select value={selectedValue} onChange={handleChange}
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(Ea=(Aa=S.parameters)==null?void 0:Aa.docs)==null?void 0:Ea.source}}};var Ma,La,Ka;V.parameters={...V.parameters,docs:{...(Ma=V.parameters)==null?void 0:Ma.docs,source:{originalSource:`(args: any) => {
-  const {
-    multi,
-    value
-  } = args;
-  const [selectedValue, setSelectedValue] = useState(value || (multi ? [] : undefined));
-  const handleChange = (evt: any) => {
-    const {
-      value
-    } = evt.target;
-    setSelectedValue(multi ? value : {
-      value
-    });
-  };
-  return <Select value={selectedValue} onChange={handleChange}
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(Ka=(La=V.parameters)==null?void 0:La.docs)==null?void 0:Ka.source}}};var Ra,Pa,Ha;p.parameters={...p.parameters,docs:{...(Ra=p.parameters)==null?void 0:Ra.docs,source:{originalSource:`() => {
-  const [options, setOptions] = useState(storyData.options);
-  const [singleValue, setSingleValue] = useState<ISelectSelectedOption | undefined>(undefined);
-  return <Select testId="testId" name="example" options={options} onChange={evt => setSingleValue({
-    value: evt.target.value
-  })} onCreate={value => {
-    const newValue = {
-      label: value,
-      value
-    };
-    setOptions([...options, newValue]);
-    setSingleValue(newValue);
-  }} value={singleValue} />;
-}`,...(Ha=(Pa=p.parameters)==null?void 0:Pa.docs)==null?void 0:Ha.source}}};const Bn=["Default","Small","AutoWidth","FixedWidth","Native","Multiselect","Empty","Clearable","NonExistentValue","CustomPlaceholder","OptionsWithHeadings","OptionsWithDetails","OptionsWithIcons","OptionsWithActions","OptionsWithEverything","NotSearchable","RightAligned","AutoLayerWidth","Tooltip","Error","Warning","Disabled","NumericOptions","BooleanOptions","SimpleOptions","VeryLongList","DeprecatedEventHandler","TestDisabledNonExistentValue","OnCreate","Test","TestMulti","TestDisabled","TestCreate"];export{v as AutoLayerWidth,x as AutoWidth,_ as BooleanOptions,B as Clearable,k as CustomPlaceholder,J as Default,F as DeprecatedEventHandler,P as Disabled,T as Empty,K as Error,I as FixedWidth,f as Multiselect,w as Native,j as NonExistentValue,E as NotSearchable,H as NumericOptions,Y as OnCreate,N as OptionsWithActions,O as OptionsWithDetails,A as OptionsWithEverything,W as OptionsWithHeadings,D as OptionsWithIcons,M as RightAligned,q as SimpleOptions,C as Small,h as Test,p as TestCreate,V as TestDisabled,G as TestDisabledNonExistentValue,S as TestMulti,L as Tooltip,m as VeryLongList,R as Warning,Bn as __namedExportsOrder,Tn as default};

package/dist/storybook/assets/side-bar-CSx5wI-k.js

@@ -1,24 +0,0 @@
-import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as u,R as M}from"./index-DhsZuJvc.js";import{c as d}from"./index-Bk2sglWO.js";import{i as v}from"./index-BI4_Bp97.js";import{B as h,I as T}from"./common-types-Sih75Sav.js";import{D as y}from"./drawer-DOWJp9T4.js";import{T as j}from"./tooltip-1V7clEnw.js";import{I as f}from"./icon-BSFY3vDO.js";import{B as x}from"./badge-CLQ59MDF.js";import{B as I}from"./button-DHevvVBE.js";const R="_inputInTable_16jgo_1",w="_error_16jgo_7",L="_warning_16jgo_7",A="_inputHover_16jgo_13",H="_inputFocus_16jgo_18",N="_inputError_16jgo_25",q="_inputWarning_16jgo_26",C="_inputDisabled_16jgo_61",S="_hideScrollbars_16jgo_67",k="_sidebar_16jgo_82",B="_inner_16jgo_93",O="_title_16jgo_103",F="_subtitle_16jgo_104",D="_label_16jgo_105",W="_collapsed_16jgo_109",P="_list_16jgo_134",z="_item_16jgo_140",V="_experimental_16jgo_155",$="_active_16jgo_159",K="_icon_16jgo_163",o={inputInTable:R,error:w,warning:L,inputHover:A,inputFocus:H,inputError:N,inputWarning:q,inputDisabled:C,hideScrollbars:S,sidebar:k,inner:B,title:O,subtitle:F,label:D,collapsed:W,list:P,item:z,experimental:V,active:$,icon:K},U=u.memo(({isOpen:n,label:t,icon:c,invalid:a})=>e.jsxs(e.Fragment,{children:[e.jsx(j,{text:t,enabled:!n,placement:"right-center",possiblePlacements:["right-center"],fontSize:16,padding:"var(--padding-sm)",display:"block",children:e.jsx("span",{className:o.icon,children:e.jsx(x,{small:!0,title:a?"!":void 0,margin:4,children:e.jsx(f,{icon:c})})})}),e.jsx("span",{className:o.label,children:t})]}),(n,t)=>v(n,t)),g=({isOpen:n,items:t,sectionIndex:c,onClick:a,testId:r})=>e.jsx("div",{className:o.list,children:t.map((s,m)=>{const l=`${c}_${m}`;return e.jsx("a",{href:s.value,className:d(o.item,s.isActive?o.active:"",s.isExperimental?o.experimental:""),onClick:i=>a(i,s.value,s.label,s.onClick),"data-testid":r,children:e.jsx(U,{label:s.label,icon:s.icon,invalid:s.invalid,isOpen:n},l)},l)})});g.__docgenInfo={description:"",methods:[],displayName:"Link",props:{isOpen:{required:!0,tsType:{name:"boolean"},description:""},items:{required:!0,tsType:{name:"Array",elements:[{name:"IOptionItem"}],raw:"IOptionItem[]"},description:""},sectionIndex:{required:!0,tsType:{name:"number"},description:""},onClick:{required:!0,tsType:{name:"signature",type:"function",raw:`(
-  evt: React.MouseEvent<HTMLAnchorElement, MouseEvent>,
-  value: string,
-  label: string | ReactNode,
-  onClickCallback?: (
-    evt: React.MouseEvent<HTMLAnchorElement, MouseEvent>,
-  ) => void,
-) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLAnchorElement, MouseEvent>",elements:[{name:"HTMLAnchorElement"},{name:"MouseEvent"}]},name:"evt"},{type:{name:"string"},name:"value"},{type:{name:"union",raw:"string | ReactNode",elements:[{name:"string"},{name:"ReactNode"}]},name:"label"},{type:{name:"signature",type:"function",raw:`(
-  evt: React.MouseEvent<HTMLAnchorElement, MouseEvent>,
-) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLAnchorElement, MouseEvent>",elements:[{name:"HTMLAnchorElement"},{name:"MouseEvent"}]},name:"evt"}],return:{name:"void"}}},name:"onClickCallback"}],return:{name:"void"}}},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const _=({isOpen:n,sections:t,onClick:c})=>e.jsx(e.Fragment,{children:t.map((a,r)=>e.jsxs(M.Fragment,{children:[e.jsx("h5",{className:o.subtitle,children:a.heading.toUpperCase()}),e.jsx(g,{isOpen:n,items:a.items,sectionIndex:r,onClick:c,testId:a.testId})]},r))});_.__docgenInfo={description:"",methods:[],displayName:"Sections",props:{isOpen:{required:!0,tsType:{name:"boolean"},description:""},sections:{required:!0,tsType:{name:"Array",elements:[{name:"ISection"}],raw:"ISection[]"},description:""},onClick:{required:!0,tsType:{name:"signature",type:"function",raw:`(
-  evt: React.MouseEvent<HTMLAnchorElement, MouseEvent>,
-  value: string,
-  label: string | ReactNode,
-  onClickCallback?: (
-    evt: React.MouseEvent<HTMLAnchorElement, MouseEvent>,
-  ) => void,
-) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLAnchorElement, MouseEvent>",elements:[{name:"HTMLAnchorElement"},{name:"MouseEvent"}]},name:"evt"},{type:{name:"string"},name:"value"},{type:{name:"union",raw:"string | ReactNode",elements:[{name:"string"},{name:"ReactNode"}]},name:"label"},{type:{name:"signature",type:"function",raw:`(
-  evt: React.MouseEvent<HTMLAnchorElement, MouseEvent>,
-) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLAnchorElement, MouseEvent>",elements:[{name:"HTMLAnchorElement"},{name:"MouseEvent"}]},name:"evt"}],return:{name:"void"}}},name:"onClickCallback"}],return:{name:"void"}}},description:""}}};const G=u.memo(({options:n,startOpen:t=!1,onShiftClickToggleOpen:c=()=>{},top:a})=>{const[r,s]=u.useState(t),m=(i,E,b,p)=>{i.preventDefault(),typeof p=="function"&&(i.currentTarget.value=E,i.currentTarget.label=b,p(i)),s(!1)},l=n.sections.length>0;return e.jsx(y,{fixed:!0,open:r,top:a,background:"var(--color-background-sidebar)",closedWidth:"var(--size-sidebar)",buttonPosition:h.BOTTOM,buttonAnimate:!0,button:l&&e.jsx(I,{onClick:i=>{i.shiftKey&&c&&c(i),s(!r)},colored:!0,round:!0,icon:T.LEFT}),children:e.jsx("div",{className:d(o.sidebar,r?"":o.collapsed),children:l&&e.jsxs("div",{className:o.inner,children:[e.jsx("h4",{className:o.title,children:n.title}),e.jsx(_,{isOpen:r,sections:n.sections,onClick:m})]})})})},(n,t)=>v(n,t));G.__docgenInfo={description:"",methods:[],displayName:"SideBar",props:{options:{required:!0,tsType:{name:"signature",type:"object",raw:`{
-  title: string;
-  sections: IOptionSection[];
-}`,signature:{properties:[{key:"title",value:{name:"string",required:!0}},{key:"sections",value:{name:"Array",elements:[{name:"IOptionSection"}],raw:"IOptionSection[]",required:!0}}]}},description:""},startOpen:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},onShiftClickToggleOpen:{required:!1,tsType:{name:"signature",type:"function",raw:`(
-  evt: MouseEvent<HTMLButtonElement, globalThis.MouseEvent>,
-) => void`,signature:{arguments:[{type:{name:"MouseEvent",elements:[{name:"HTMLButtonElement"},{name:"globalThis.MouseEvent"}],raw:"MouseEvent<HTMLButtonElement, globalThis.MouseEvent>"},name:"evt"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},top:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""}}};export{G as S};

package/dist/storybook/assets/side-bar-auov230-.css

@@ -1 +0,0 @@
-._inputInTable_16jgo_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_16jgo_1:not(:hover):not(._error_16jgo_7):not(._warning_16jgo_7){border-color:transparent}._inputInTable_16jgo_1:not(:focus){box-shadow:none}._inputHover_16jgo_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_16jgo_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_16jgo_25,._inputWarning_16jgo_26{position:relative}._inputError_16jgo_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._inputError_16jgo_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_16jgo_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_16jgo_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._inputWarning_16jgo_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_16jgo_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_16jgo_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_16jgo_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_16jgo_67::-webkit-scrollbar{display:none}:root{--size-sidebar: var(--size-xl);--size-sidebar-icon: var(--size);--color-background-sidebar: black}._sidebar_16jgo_82{background-color:var(--color-background-sidebar);color:#fff;position:relative;padding:var(--padding) 0}@media print{._sidebar_16jgo_82{display:none}}._inner_16jgo_93{scrollbar-width:none;-ms-overflow-style:none}._inner_16jgo_93::-webkit-scrollbar{display:none}._title_16jgo_103,._subtitle_16jgo_104,._label_16jgo_105{transition:opacity .2s,max-height .2s,margin .2s,color .2s;max-height:50px}._collapsed_16jgo_109 ._title_16jgo_103,._collapsed_16jgo_109 ._subtitle_16jgo_104,._collapsed_16jgo_109 ._label_16jgo_105{opacity:0;max-height:0;margin-bottom:0;margin-top:0}._title_16jgo_103{overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap;margin-top:0;font-size:var(--font-size-xl);padding:0 var(--padding)}._subtitle_16jgo_104{margin-bottom:var(--padding-xs);white-space:nowrap;font-size:var(--font-size);letter-spacing:var(--letter-spacing-wide);color:var(--color-neutral-700);padding:0 var(--padding)}._list_16jgo_134{margin-bottom:var(--padding-xl);margin-top:0;position:relative;z-index:1}._item_16jgo_140{transition:padding .2s,color .2s;font-size:var(--font-size-lg);font-weight:400;display:flex;padding:0 var(--padding-xxs);align-items:center;color:var(--color-neutral-500)}._collapsed_16jgo_109 ._item_16jgo_140{padding:0}._item_16jgo_140:hover{color:var(--color-neutral-200)}._item_16jgo_140._experimental_16jgo_155{background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.1) 8px,rgba(255,255,255,.1) 16px,transparent 16px,transparent 24px)}._item_16jgo_140:active,._item_16jgo_140._active_16jgo_159{color:var(--color-neutral-0);background-color:var(--color-primary-700)}._icon_16jgo_163{line-height:0;flex-shrink:0;display:flex;width:var(--size-sidebar);justify-content:center;font-size:var(--size-sidebar-icon);padding:var(--padding-xxs) 0}._icon_16jgo_163 svg{stroke-width:1}._label_16jgo_105{white-space:nowrap;overflow:hidden}