@oliasoft-open-source/react-ui-library 4.7.3-beta-2 → 4.7.3-beta-4

package/dist/storybook/assets/select.stories-DgC9Agq6.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,u as c,e as u}from"./index-Be0hXiyp.js";import{S as z}from"./select-BeEJzL_0.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"./index-Bk2sglWO.js";import"./disabled-context-rmpd7YJS.js";import"./types-UmZ4Y_CR.js";import"./lodash-BHd_uQHh.js";import"./tooltip-C_E_6ym5.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-4w-EOz3m.js";import"./button-CdEIDAx8.js";import"./spinner-AWUe4xwQ.js";import"./badge-CLQ59MDF.js";import"./select.input-DIKP56UZ.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}},e=t=>{const{multi:l,value:a}=t,[s,n]=b.useState(a||(l?[]:void 0)),o=r=>{const{value:g}=r.target;n(l?g:{value:g})};return d.jsx(z,{value:s,onChange:o,...t})},J=e.bind({}),C=e.bind({});C.args={small:!0};const x=e.bind({});x.args={width:"auto"};const I=e.bind({});I.args={width:"200px"};const f=e.bind({});f.args={native:!0};const w=e.bind({});w.args={multi:!0,clearable:!0};const T=e.bind({});T.args={options:[]};const j=e.bind({});j.args={clearable:!0};const B=e.bind({});B.args={value:{label:"Vampires",value:"blood"}};const k=e.bind({});k.args={placeholder:"Select the best animal..."};const W=e.bind({});W.args={options:Ga};const O=e.bind({});O.args={options:Fa};const D=e.bind({});D.args={options:$a};const N=e.bind({});N.args={options:za};const A=e.bind({});A.args={options:Ja};const E=e.bind({});E.args={searchable:!1};const M=e.bind({});M.args={right:!0};const v=e.bind({});v.parameters={docs:{description:{story:"Avoid autoLayerWidth for very long lists in custom selects (slow)"}}};v.args={width:"70px",autoLayerWidth:!0};const L=e.bind({});L.args={tooltip:"Some info"};const K=e.bind({});K.args={error:"Some info"};const R=e.bind({});R.args={warning:"Some info"};const P=e.bind({});P.args={disabled:!0};const H=e.bind({});H.args={options:Ya,placeholder:void 0};const _=e.bind({});_.args={options:Za};const q=e.bind({});q.args={options:Ua};const m=e.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=e.bind({});F.args={deprecatedEventHandler:!0};const G=e.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"}]),[a,s]=b.useState(void 0),[n,o]=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:a,clearable:!0}),d.jsx(qa,{}),d.jsx(z,{name:"example",options:t,onChange:r=>o(r.target.value),onCreate:r=>{const g={label:r,value:r};l([...t,g]),console.log(r),o([...n,g])},value:n,multi:!0,clearable:!0})]})},h=e.bind({});h.args={testId:"testId",clearable:!0};h.play=async({canvasElement:t,step:l})=>{const a=t.parentElement?i(t.parentElement):null;a&&(await l("Select item with click",async()=>{const s=a.getByTestId("testId");await c.click(s);const n=a.getByTestId("testId-layer");await u(n).toBeInTheDocument();const o=i(n).getByText("Wombats");await c.click(o);const r=a.getByTestId("testId-value");await u(i(r).getByText("Wombats")).toBeInTheDocument()}),await l("Clear selected value",async()=>{const s=a.getByTestId("testId-clear");await c.click(s);const n=a.queryByTestId("testId-value");await u(n).not.toBeInTheDocument()}))};const S=e.bind({});S.args={testId:"testId",clearable:!0,multi:!0};S.play=async({canvasElement:t,step:l})=>{const a=t.parentElement?i(t.parentElement):null;a&&(await l("Select items with click",async()=>{const s=a.getByTestId("testId");await c.click(s);const n=a.getByTestId("testId-layer");await u(n).toBeInTheDocument();const o=i(n).getByText("Wombats");await c.click(o);const r=i(n).getByText("Kangaroos");await c.click(r),await c.click(t),await u(n).not.toBeInTheDocument();const g=a.getByTestId("testId-value");await u(i(g).getByText("Wombats")).toBeInTheDocument(),await u(i(g).getByText("Kangaroos")).toBeInTheDocument()}),await l("Deselect item with click",async()=>{const s=a.getByTestId("testId");await c.click(s);const n=a.getByTestId("testId-layer");await u(n).toBeInTheDocument();const o=i(n).getByText("Wombats");await c.click(o),await c.click(t),await u(n).not.toBeInTheDocument();const r=a.getByTestId("testId-value");await u(i(r).queryByText("Wombats")).not.toBeInTheDocument()}),await l("Clear selected values",async()=>{const s=a.getByTestId("testId-clear");await c.click(s);const n=a.queryByTestId("testId-value");await u(n).not.toBeInTheDocument()}))};const V=e.bind({});V.args={testId:"testId",disabled:!0};V.play=async({canvasElement:t,step:l})=>{const a=i(t);await l("Clicking disabled trigger should not show layer",async()=>{await a.getByTestId("testId").click();const n=a.queryByTestId("testId-layer");await u(n).toBeNull()})};const p=()=>{const[t,l]=b.useState(_a),[a,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 o={label:n,value:n};l([...t,o]),s(o)},value:a})};p.args={testId:"testId"};p.play=async({canvasElement:t,step:l})=>{const a=t.parentElement?i(t.parentElement):null;a&&await l("Create new item",async()=>{const s=a.getByTestId("testId-input");if(u(s).toBeInTheDocument(),!s)return;await c.type(s,"New value");const n=a.getByText('Create "New value"');await c.click(n);const o=a.getByTestId("testId-value");await u(i(o).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;f.parameters={...f.parameters,docs:{...(ce=f.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=f.parameters)==null?void 0:ie.docs)==null?void 0:de.source}}};var ge,pe,ve;w.parameters={...w.parameters,docs:{...(ge=w.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=w.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;j.parameters={...j.parameters,docs:{...(Ve=j.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=j.parameters)==null?void 0:be.docs)==null?void 0:ye.source}}};var Ce,xe,Ie;B.parameters={...B.parameters,docs:{...(Ce=B.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=B.parameters)==null?void 0:xe.docs)==null?void 0:Ie.source}}};var fe,we,Te;k.parameters={...k.parameters,docs:{...(fe=k.parameters)==null?void 0:fe.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=(we=k.parameters)==null?void 0:we.docs)==null?void 0:Te.source}}};var je,Be,ke;W.parameters={...W.parameters,docs:{...(je=W.parameters)==null?void 0:je.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=(Be=W.parameters)==null?void 0:Be.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 fa,wa,Ta;G.parameters={...G.parameters,docs:{...(fa=G.parameters)==null?void 0:fa.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=(wa=G.parameters)==null?void 0:wa.docs)==null?void 0:Ta.source}}};var ja,Ba,ka;Y.parameters={...Y.parameters,docs:{...(ja=Y.parameters)==null?void 0:ja.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=(Ba=Y.parameters)==null?void 0:Ba.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 jn=["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,j as Clearable,k as CustomPlaceholder,J as Default,F as DeprecatedEventHandler,P as Disabled,T as Empty,K as Error,I as FixedWidth,w as Multiselect,f as Native,B 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,jn as __namedExportsOrder,Tn as default};

package/dist/storybook/assets/text-link.stories-BQAkVO-W.js

@@ -1,14 +0,0 @@
-import{j as e}from"./jsx-runtime-eps93zm2.js";import{H as E,L as i,S as j,R as c}from"./react-router-dom-Ck2Y_Fzc.js";import{F as y}from"./flex-EllkLxgO.js";import{T as S}from"./text-B3-TSWok.js";import"./index-DhsZuJvc.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./tiny-invariant-DqLgxztJ.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./index-Bk2sglWO.js";const r=({children:a,href:o=void 0,target:T=void 0,testId:R,onClick:L,component:v="a"})=>e.jsx(v,{href:o,to:o,target:T,onClick:L,"data-testid":R,children:e.jsx(S,{link:!0,children:a})});r.__docgenInfo={description:"",methods:[],displayName:"TextLink",props:{href:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"undefined",computed:!0}},target:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"undefined",computed:!0}},testId:{required:!1,tsType:{name:"string"},description:""},onClick:{required:!1,tsType:{name:"signature",type:"function",raw:"(e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void",signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLAnchorElement, MouseEvent>",elements:[{name:"HTMLAnchorElement"},{name:"MouseEvent"}]},name:"e"}],return:{name:"void"}}},description:""},children:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},component:{required:!1,tsType:{name:"ReactElementType",raw:"React.ElementType"},description:"",defaultValue:{value:"'a'",computed:!1}}}};const N={title:"Basic/TextLink",component:r,args:{children:"Link text goes here",href:"http://oliasoft.com"}},k=a=>e.jsx(r,{...a}),n=k.bind({}),t=k.bind({});t.args={href:void 0,onClick:()=>console.log("Clicked!")};const s=()=>e.jsxs(E,{children:[e.jsxs(y,{gap:!0,children:[e.jsx(r,{component:i,href:"/dashboard",children:"Dashboard"}),e.jsx(r,{component:i,href:"/settings",children:"Settings"})]}),e.jsxs(j,{children:[e.jsx(c,{path:"/dashboard",children:"Dashboard"}),e.jsx(c,{path:"/settings",children:"Settings"})]})]});s.__docgenInfo={description:"",methods:[],displayName:"AsRouterLink"};var d,p,m;n.parameters={...n.parameters,docs:{...(d=n.parameters)==null?void 0:d.docs,source:{originalSource:"args => <TextLink {...args} />",...(m=(p=n.parameters)==null?void 0:p.docs)==null?void 0:m.source}}};var u,l,h;t.parameters={...t.parameters,docs:{...(u=t.parameters)==null?void 0:u.docs,source:{originalSource:"args => <TextLink {...args} />",...(h=(l=t.parameters)==null?void 0:l.docs)==null?void 0:h.source}}};var g,f,x;s.parameters={...s.parameters,docs:{...(g=s.parameters)==null?void 0:g.docs,source:{originalSource:`() => <HashRouter>
-    <Flex gap>
-      <TextLink component={Link} href="/dashboard">
-        Dashboard
-      </TextLink>
-      <TextLink component={Link} href="/settings">
-        Settings
-      </TextLink>
-    </Flex>
-    <Switch>
-      <Route path="/dashboard">Dashboard</Route>
-      <Route path="/settings">Settings</Route>
-    </Switch>
-  </HashRouter>`,...(x=(f=s.parameters)==null?void 0:f.docs)==null?void 0:x.source}}};const I=["Default","OnClick","AsRouterLink"];export{s as AsRouterLink,n as Default,t as OnClick,I as __namedExportsOrder,N as default};

package/dist/storybook/assets/toaster-BNO0suPv.js

@@ -1 +0,0 @@
-import{j as c}from"./jsx-runtime-eps93zm2.js";import{t as s,S as l}from"./toaster-7wnI6hqB.js";import{a as r,M as f,D as E}from"./message-BYzRg8Ae.js";const I=({id:t,message:e={type:r.INFO,content:""},autoClose:o=6e3,onClose:i})=>{const{type:p=r.INFO}=e??{},u=({closeToast:d})=>c.jsx(E,{type:p,onClose:d,isInToast:!0,testId:t!==void 0?t.toString()+"-dismiss":void 0}),n=c.jsx(f,{message:{...e,visible:!0,width:"100%",maxHeight:"500px",withDismiss:!1}}),a=(()=>{switch(e==null?void 0:e.type){case r.SUCCESS:return s.TYPE.SUCCESS;case r.WARNING:return s.TYPE.WARNING;case r.ERROR:return s.TYPE.ERROR;default:return s.TYPE.INFO}})();return t!==void 0&&s.isActive(t)?s.update(t,{render:n,autoClose:o,onClose:i,type:a}):s(n,{toastId:t,autoClose:o,onClose:i,hideProgressBar:o===!1,icon:!1,closeOnClick:!1,pauseOnHover:!0,draggable:!1,closeButton:u,transition:l,type:a})},T=t=>{s.dismiss(t)};export{T as d,I as t};