@oliasoft-open-source/react-ui-library 4.12.3 → 4.12.4-beta-1

package/dist/storybook/assets/casing-loads.stories-Buy0-e_n.js

@@ -1,209 +0,0 @@
-import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as u}from"./index-DhsZuJvc.js";import{I as f}from"./common-types-Sih75Sav.js";import{T}from"./top-bar-Bjf6PQE1.js";import{S as I}from"./side-bar-wpFQ5NEE.js";import{H as r}from"./heading-CRNoBc7q.js";import{B as n}from"./button-Cbv7WK6k.js";import{D as g}from"./drawer-DaQ1xGjV.js";import{L as O}from"./list-By3wp5Wa.js";import{F as a}from"./field-HrLaMLbx.js";import{I as o}from"./input-Db9WkmPP.js";import{M as D,D as E}from"./dialog-DkpQscuI.js";import{C as H}from"./check-box-DPLaOkRR.js";import{F as p}from"./form-row-CM112EYF.js";import{P as k}from"./page-7SSpdYhb.js";import{R as y,C as R}from"./row-Bmiy2Lh0.js";import{S as d}from"./select-Cwks-WA0.js";import{S as l}from"./spacer-BWoNR27H.js";import{T as B}from"./tabs-BoToLVEP.js";import{T as M}from"./table-BSABGfWm.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"./actions-Bax0KeqM.js";import"./lodash-c4VUpsOs.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./types-BmbYqTX_.js";import"./types-Dx2TtIG9.js";import"./badge-CLQ59MDF.js";import"./index-BI4_Bp97.js";import"./help-icon-Buhx5nl6.js";import"./spinner-AWUe4xwQ.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-DNgQbAW0.js";import"./loader-XHoVniao.js";import"./label-CqmyC9he.js";import"./portal-GQ0_cLB6.js";import"./styled-components.browser.esm-BQ9GQzDc.js";import"./enum-Bnn40S8Q.js";import"./assertThisInitialized-B9jnkVVz.js";import"./text-B3-TSWok.js";import"./select.input-CJed_LLR.js";import"./helpers-JJxzGegQ.js";import"./pagination-CR1nxnnq.js";import"./input-group-BaRSJAEN.js";import"./input-group-addon-D68iUKV2.js";import"./number-input-B3_gmeWr.js";import"./index-C0x1JmaP.js";import"./index-DRSy5Ssd.js";import"./slider-DxaD8LU4.js";import"./popover-C_2P8LFJ.js";const Ae={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},s=()=>{const[v,i]=u.useState(!1),C=()=>e.jsx("div",{style:{color:"#aaa",display:"flex",alignItems:"center",justifyContent:"center",position:"absolute",overflow:"hidden",top:0,left:0,right:0,bottom:0},children:"SCHEMATIC"}),m=[{label:"Casing Loads",value:"casingloads"},{label:"Plot Charts",value:"charts"}],j={name:"Casing Loads",items:[{id:1,name:"Sections",type:"Heading"},{id:2,name:'30" Conductor Casing',active:!0},{id:3,name:"Ipsum"},{id:4,name:"Dolor"}]},L={columnWidths:["auto","auto","auto","auto","1%"],headers:[{cells:[{value:"Load case name"},{value:"Internal profile"},{value:"External profile"},{value:"Temperature profile"},{value:""}]}],rows:[{cells:[{value:"Load case 1"},{value:"Profile 1"},{value:"Profile 2"},{value:"Profile 3"},{value:"Edit",type:"Link",onClick:()=>i(!0)}]},{cells:[{value:"Load case 2"},{value:"Profile 1"},{value:"Profile 2"},{value:"Profile 3"},{value:"Edit",type:"Link",onClick:()=>i(!0)}]}]},F=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{label:"Name",children:e.jsx(o,{value:"Load case 1"})}),e.jsx(l,{}),e.jsx(r,{children:"Internal Profile"}),e.jsx(l,{}),e.jsxs(p,{children:[e.jsx(a,{label:"Profile",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Profile 1",value:"1"},{label:"Profile 2",value:"2"}]})}),e.jsx(a,{label:"Influx depth",children:e.jsx(o,{})}),e.jsx(a,{label:"Gas gradient",children:e.jsx(o,{})}),e.jsx(a,{label:"Mud weight",children:e.jsx(o,{})}),e.jsx(a,{label:"Input n",children:e.jsx(o,{})}),e.jsx(a,{children:e.jsx(H,{label:"Limit gas at shoe"})})]}),e.jsx(l,{}),e.jsx(r,{children:"External Profile"}),e.jsx(l,{}),e.jsxs(p,{children:[e.jsx(a,{label:"Profile",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Profile 1",value:"1"},{label:"Profile 2",value:"2"}]})}),e.jsx(a,{label:"FG above TOC",children:e.jsx(o,{})}),e.jsx(a,{label:"FG below TOC",children:e.jsx(o,{})})]}),e.jsx(l,{}),e.jsx(r,{children:"Temperature Profile"}),e.jsx(l,{}),e.jsxs(p,{children:[e.jsx(a,{label:"Profile",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Profile 1",value:"1"},{label:"Profile 2",value:"2"}]})}),e.jsx(a,{label:"Custome table",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Custome table 1",value:"1"},{label:"Custome table 2",value:"2"}]})})]})]}),P=()=>{const[t,c]=u.useState(!0);return e.jsx(g,{button:e.jsx(n,{onClick:()=>c(!t),round:!0,icon:f.CHEVRON_LEFT}),open:t,width:300,closedWidth:"var(--size-sidebar)",children:e.jsx(O,{drawer:!0,narrow:!t,list:j})})},w=()=>{const[t,c]=u.useState(!0);return e.jsx(g,{right:!0,background:"white",button:e.jsx(n,{onClick:()=>c(!t),round:!0,icon:f.CHEVRON_RIGHT}),open:t,width:300,closedWidth:"var(--size-sidebar)",children:e.jsx(C,{})})},S=()=>e.jsx(D,{visible:v,children:e.jsx(E,{dialog:{heading:"Load case 1",content:e.jsx(F,{}),footer:e.jsxs(e.Fragment,{children:[e.jsx(n,{label:"Save",colored:!0,onClick:()=>i(!1)}),e.jsx(n,{label:"Cancel",onClick:()=>i(!1)})]}),onClose:()=>i(!1)}})});return e.jsxs(e.Fragment,{children:[e.jsx(T,{}),e.jsx(I,{options:{title:"",sections:[]}}),e.jsx(k,{padding:!1,scroll:!1,children:e.jsxs(y,{spacing:0,flex:!0,children:[e.jsx(P,{}),e.jsxs(R,{borderLeft:!0,borderRight:!0,padding:!0,scroll:!0,children:[e.jsx(r,{top:!0,marginBottom:0,children:'30" Conductor Casing'}),e.jsx(B,{margin:!1,options:m,value:m[0]}),e.jsx(l,{}),e.jsx(M,{table:L})]}),e.jsx(w,{})]})}),e.jsx(S,{})]})};s.__docgenInfo={description:"",methods:[],displayName:"CasingLoads"};var b,h,x;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:`() => {
-  const [dialogOpen, setDialogOpen] = useState(false);
-  const SchematicPlaceholder = () => <div style={{
-    color: '#aaa',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    position: 'absolute',
-    overflow: 'hidden',
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0
-  }}>
-      SCHEMATIC
-    </div>;
-  const casingTabs = [{
-    label: 'Casing Loads',
-    value: 'casingloads'
-  }, {
-    label: 'Plot Charts',
-    value: 'charts'
-  }];
-  const casingListData = {
-    name: 'Casing Loads',
-    items: [{
-      id: 1,
-      name: 'Sections',
-      type: 'Heading'
-    }, {
-      id: 2,
-      name: '30" Conductor Casing',
-      active: true
-    }, {
-      id: 3,
-      name: 'Ipsum'
-    }, {
-      id: 4,
-      name: 'Dolor'
-    }]
-  };
-  const loadsTableData = {
-    columnWidths: ['auto', 'auto', 'auto', 'auto', '1%'],
-    headers: [{
-      cells: [{
-        value: 'Load case name'
-      }, {
-        value: 'Internal profile'
-      }, {
-        value: 'External profile'
-      }, {
-        value: 'Temperature profile'
-      }, {
-        value: ''
-      }]
-    }],
-    rows: [{
-      cells: [{
-        value: 'Load case 1'
-      }, {
-        value: 'Profile 1'
-      }, {
-        value: 'Profile 2'
-      }, {
-        value: 'Profile 3'
-      }, {
-        value: 'Edit',
-        type: 'Link',
-        onClick: () => setDialogOpen(true)
-      }]
-    }, {
-      cells: [{
-        value: 'Load case 2'
-      }, {
-        value: 'Profile 1'
-      }, {
-        value: 'Profile 2'
-      }, {
-        value: 'Profile 3'
-      }, {
-        value: 'Edit',
-        type: 'Link',
-        onClick: () => setDialogOpen(true)
-      }]
-    }]
-  };
-  const LoadCaseForm = () => <>
-      <Field label="Name">
-        <Input value="Load case 1" />
-      </Field>
-      <Spacer />
-      <Heading>Internal Profile</Heading>
-      <Spacer />
-      <FormRow>
-        <Field label="Profile">
-          <Select native width="auto" options={[{
-          label: 'Profile 1',
-          value: '1'
-        }, {
-          label: 'Profile 2',
-          value: '2'
-        }]} />
-        </Field>
-        <Field label="Influx depth">
-          <Input />
-        </Field>
-        <Field label="Gas gradient">
-          <Input />
-        </Field>
-        <Field label="Mud weight">
-          <Input />
-        </Field>
-        <Field label="Input n">
-          <Input />
-        </Field>
-        <Field>
-          <CheckBox label="Limit gas at shoe" />
-        </Field>
-      </FormRow>
-      <Spacer />
-      <Heading>External Profile</Heading>
-      <Spacer />
-      <FormRow>
-        <Field label="Profile">
-          <Select native width="auto" options={[{
-          label: 'Profile 1',
-          value: '1'
-        }, {
-          label: 'Profile 2',
-          value: '2'
-        }]} />
-        </Field>
-        <Field label="FG above TOC">
-          <Input />
-        </Field>
-        <Field label="FG below TOC">
-          <Input />
-        </Field>
-      </FormRow>
-      <Spacer />
-      <Heading>Temperature Profile</Heading>
-      <Spacer />
-      <FormRow>
-        <Field label="Profile">
-          <Select native width="auto" options={[{
-          label: 'Profile 1',
-          value: '1'
-        }, {
-          label: 'Profile 2',
-          value: '2'
-        }]} />
-        </Field>
-        <Field label="Custome table">
-          <Select native width="auto" options={[{
-          label: 'Custome table 1',
-          value: '1'
-        }, {
-          label: 'Custome table 2',
-          value: '2'
-        }]} />
-        </Field>
-      </FormRow>
-    </>;
-  const CasingLoadsList = () => {
-    const [open, setOpen] = useState(true);
-    return <Drawer button={<Button onClick={() => setOpen(!open)} round icon={IconType.CHEVRON_LEFT} />} open={open} width={300} closedWidth="var(--size-sidebar)">
-        <List drawer narrow={!open} list={casingListData} />
-      </Drawer>;
-  };
-  const CasingLoadsSchematic = () => {
-    const [open, setOpen] = useState(true);
-    return <Drawer right background="white" button={<Button onClick={() => setOpen(!open)} round icon={IconType.CHEVRON_RIGHT} />} open={open} width={300} closedWidth="var(--size-sidebar)">
-        <SchematicPlaceholder />
-      </Drawer>;
-  };
-  const CasingLoadsEditModal = () => <Modal visible={dialogOpen}>
-      <Dialog dialog={{
-      heading: 'Load case 1',
-      content: <LoadCaseForm />,
-      footer: <>
-              <Button label="Save" colored onClick={() => setDialogOpen(false)} />
-              <Button label="Cancel" onClick={() => setDialogOpen(false)} />
-            </>,
-      onClose: () => setDialogOpen(false)
-    }} />
-    </Modal>;
-  return <>
-      <TopBar />
-      <SideBar options={{
-      title: '',
-      sections: []
-    }} />
-      <Page padding={false} scroll={false}>
-        <Row spacing={0} flex>
-          <CasingLoadsList />
-          <Column borderLeft borderRight padding scroll>
-            <Heading top marginBottom={0}>
-              30&quot; Conductor Casing
-            </Heading>
-            <Tabs margin={false} options={casingTabs} value={casingTabs[0]} />
-            <Spacer />
-            <Table table={loadsTableData} />
-          </Column>
-          <CasingLoadsSchematic />
-        </Row>
-      </Page>
-      <CasingLoadsEditModal />
-    </>;
-}`,...(x=(h=s.parameters)==null?void 0:h.docs)==null?void 0:x.source}}};const qe=["CasingLoads"];export{s as CasingLoads,qe as __namedExportsOrder,Ae as default};

package/dist/storybook/assets/cell.stories-CPNfDo9l.js

@@ -1,245 +0,0 @@
-import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as E}from"./index-DhsZuJvc.js";import{T as A}from"./table-BSABGfWm.js";import{F as qe}from"./field-HrLaMLbx.js";import{B as _}from"./button-Cbv7WK6k.js";import{I as ze}from"./input-Db9WkmPP.js";import{F as Ge}from"./flex-EllkLxgO.js";import{t as Ye,a as Ze,b as $e,c as ea,d as aa,e as ra,f as sa,g as ta,h as na,i as la,j as oa,k as ia,l as Qe,m as pa,n as ca,o as da,p as ua,q as ma}from"./table.stories-data-C7mC5R8Q.js";import"./index-Bk2sglWO.js";import"./index.es-DazXb-ul.js";import"./inheritsLoose-DP0QEDDI.js";import"./redux-tRgGMjwY.js";import"./objectSpread2-DW4nTBoq.js";import"./tiny-invariant-DqLgxztJ.js";import"./index-CUZDtIZe.js";import"./memoize-one.esm-CcMeOnPo.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./lodash-c4VUpsOs.js";import"./actions-Bax0KeqM.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./tooltip-1V7clEnw.js";import"./icon-BSFY3vDO.js";import"./index-CEuq6vkz.js";import"./types-BmbYqTX_.js";import"./types-Dx2TtIG9.js";import"./badge-CLQ59MDF.js";import"./heading-CRNoBc7q.js";import"./help-icon-Buhx5nl6.js";import"./pagination-CR1nxnnq.js";import"./select-Cwks-WA0.js";import"./enum-Bnn40S8Q.js";import"./assertThisInitialized-B9jnkVVz.js";import"./text-B3-TSWok.js";import"./select.input-CJed_LLR.js";import"./helpers-JJxzGegQ.js";import"./input-group-BaRSJAEN.js";import"./input-group-addon-D68iUKV2.js";import"./number-input-B3_gmeWr.js";import"./index-C0x1JmaP.js";import"./index-DRSy5Ssd.js";import"./check-box-DPLaOkRR.js";import"./slider-DxaD8LU4.js";import"./index-BI4_Bp97.js";import"./popover-C_2P8LFJ.js";import"./label-CqmyC9he.js";import"./spinner-AWUe4xwQ.js";const or={title:"Basic/Table/Cell",component:A,args:{table:{...Ye}}},a=s=>e.jsx(A,{...s}),m=a.bind({});m.args={table:Ze};const b=a.bind({});b.args={table:$e};const g=a.bind({});g.args={table:ea};const v=a.bind({});v.args={table:aa};const x=a.bind({});x.args={table:ra};const h=a.bind({});h.args={table:sa};const C=a.bind({});C.args={table:ta};const S=a.bind({});S.args={table:na};const f=a.bind({});f.args={table:la};const y=a.bind({});y.args={table:oa};const j=a.bind({});j.args={table:ia};const T=a.bind({});T.args={table:Qe};const P=a.bind({});P.args={table:pa};const k=a.bind({});k.args={table:ca};const O=a.bind({});O.args={table:da};const i=a.bind({});i.args={table:ua};i.parameters={docs:{description:{story:"Setting `breakWord: true` on a cell will allow very long text strings to break"}}};const w=()=>{const s=["Section","Width","Height"];let n=["","m","m"],c=[...Array(10).keys()].map((o,r)=>[r,r*2,r*2]);const d=()=>{const o=({close:t,value:U})=>e.jsxs(e.Fragment,{children:[e.jsx(qe,{label:"Input",children:e.jsx(ze,{value:U,width:"100%"})}),e.jsxs(Ge,{gap:!0,children:[e.jsx(_,{colored:!0,label:"Save",onClick:()=>{}}),e.jsx(_,{label:"Cancel",onClick:t})]})]}),r={fixedWidth:"100%",headers:[{cells:s.map(t=>({value:t}))},{cells:[{},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:n[1],type:"Unit"},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:n[2],type:"Unit"}]}],rows:c.map((t,U)=>({cells:[...Array(3).keys()].map((l,u)=>({value:t[u],type:"Popover",content:e.jsx(o,{value:t[u]})}))}))};return e.jsx(A,{table:r})};return e.jsx(d,{})},I=()=>{const s=["Section","Width","Height"];let n=["","m","m"],c=[...Array(10).keys()].map((o,r)=>[r,r*2,r*2]);const d=()=>{const[o,r]=E.useState(!1),t=({close:l,value:u})=>{E.useEffect(()=>{o||r(!0)},[]);const B=()=>{r(!1),l()};return e.jsxs(e.Fragment,{children:[e.jsx(qe,{label:"Input",children:e.jsx(ze,{value:u,width:"100%"})}),e.jsxs(Ge,{gap:!0,children:[e.jsx(_,{colored:!0,label:"Save",onClick:B}),e.jsx(_,{label:"Cancel",onClick:B})]})]})},U={headers:[{cells:s.map(l=>({value:l}))},{cells:[{},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:n[1],type:"Unit"},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:n[2],type:"Unit"}]}],rows:c.map((l,u)=>({cells:[...Array(3).keys()].map((B,M)=>({value:l[M],type:"Popover",disabled:o,closeOnOutsideClick:!1,content:e.jsx(t,{value:l[M]})}))}))};return e.jsx(A,{table:U})};return e.jsx(d,{})},F=a.bind({});F.args={table:ma};const p=a.bind({});p.args={table:{...Qe,name:"Food"}};p.decorators=[s=>e.jsx("div",{style:{width:180,height:180,overflow:"hidden",resize:"both"},children:e.jsx(s,{})})];const W=()=>{const[s,n]=E.useState([]),c={fixedWidth:"auto",headers:[{cells:[{value:"Countries"}]}],rows:[{cells:[{type:"Select",width:"240px",multi:!0,options:[{label:"France",value:"France"},{label:"Poland",value:"Poland"},{label:"United Kingdom",value:"United Kingdom"},{label:"Vietnam",value:"Vietnam"}],value:s,onChange:d=>n(d.target.value)}]}]};return e.jsx(A,{table:c})};w.__docgenInfo={description:"",methods:[],displayName:"Popover"};I.__docgenInfo={description:"",methods:[],displayName:"SinglePopoverAtOnce"};W.__docgenInfo={description:"",methods:[],displayName:"Multiselect"};var V,D,L;m.parameters={...m.parameters,docs:{...(V=m.parameters)==null?void 0:V.docs,source:{originalSource:`args => {
-  return <Table
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(L=(D=m.parameters)==null?void 0:D.docs)==null?void 0:L.source}}};var R,H,K;b.parameters={...b.parameters,docs:{...(R=b.parameters)==null?void 0:R.docs,source:{originalSource:`args => {
-  return <Table
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(K=(H=b.parameters)==null?void 0:H.docs)==null?void 0:K.source}}};var J,N,X;g.parameters={...g.parameters,docs:{...(J=g.parameters)==null?void 0:J.docs,source:{originalSource:`args => {
-  return <Table
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(X=(N=g.parameters)==null?void 0:N.docs)==null?void 0:X.source}}};var q,z,G;v.parameters={...v.parameters,docs:{...(q=v.parameters)==null?void 0:q.docs,source:{originalSource:`args => {
-  return <Table
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(G=(z=v.parameters)==null?void 0:z.docs)==null?void 0:G.source}}};var Q,Y,Z;x.parameters={...x.parameters,docs:{...(Q=x.parameters)==null?void 0:Q.docs,source:{originalSource:`args => {
-  return <Table
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(Z=(Y=x.parameters)==null?void 0:Y.docs)==null?void 0:Z.source}}};var $,ee,ae;h.parameters={...h.parameters,docs:{...($=h.parameters)==null?void 0:$.docs,source:{originalSource:`args => {
-  return <Table
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(ae=(ee=h.parameters)==null?void 0:ee.docs)==null?void 0:ae.source}}};var re,se,te;C.parameters={...C.parameters,docs:{...(re=C.parameters)==null?void 0:re.docs,source:{originalSource:`args => {
-  return <Table
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(te=(se=C.parameters)==null?void 0:se.docs)==null?void 0:te.source}}};var ne,le,oe;S.parameters={...S.parameters,docs:{...(ne=S.parameters)==null?void 0:ne.docs,source:{originalSource:`args => {
-  return <Table
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(oe=(le=S.parameters)==null?void 0:le.docs)==null?void 0:oe.source}}};var ie,pe,ce;f.parameters={...f.parameters,docs:{...(ie=f.parameters)==null?void 0:ie.docs,source:{originalSource:`args => {
-  return <Table
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(ce=(pe=f.parameters)==null?void 0:pe.docs)==null?void 0:ce.source}}};var de,ue,me;y.parameters={...y.parameters,docs:{...(de=y.parameters)==null?void 0:de.docs,source:{originalSource:`args => {
-  return <Table
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(me=(ue=y.parameters)==null?void 0:ue.docs)==null?void 0:me.source}}};var be,ge,ve;j.parameters={...j.parameters,docs:{...(be=j.parameters)==null?void 0:be.docs,source:{originalSource:`args => {
-  return <Table
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(ve=(ge=j.parameters)==null?void 0:ge.docs)==null?void 0:ve.source}}};var xe,he,Ce;T.parameters={...T.parameters,docs:{...(xe=T.parameters)==null?void 0:xe.docs,source:{originalSource:`args => {
-  return <Table
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(Ce=(he=T.parameters)==null?void 0:he.docs)==null?void 0:Ce.source}}};var Se,fe,ye;P.parameters={...P.parameters,docs:{...(Se=P.parameters)==null?void 0:Se.docs,source:{originalSource:`args => {
-  return <Table
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(ye=(fe=P.parameters)==null?void 0:fe.docs)==null?void 0:ye.source}}};var je,Te,Pe;k.parameters={...k.parameters,docs:{...(je=k.parameters)==null?void 0:je.docs,source:{originalSource:`args => {
-  return <Table
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(Pe=(Te=k.parameters)==null?void 0:Te.docs)==null?void 0:Pe.source}}};var ke,Oe,we;O.parameters={...O.parameters,docs:{...(ke=O.parameters)==null?void 0:ke.docs,source:{originalSource:`args => {
-  return <Table
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(we=(Oe=O.parameters)==null?void 0:Oe.docs)==null?void 0:we.source}}};var Ie,Fe,We;i.parameters={...i.parameters,docs:{...(Ie=i.parameters)==null?void 0:Ie.docs,source:{originalSource:`args => {
-  return <Table
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(We=(Fe=i.parameters)==null?void 0:Fe.docs)==null?void 0:We.source}}};var Ae,Ue,_e;w.parameters={...w.parameters,docs:{...(Ae=w.parameters)==null?void 0:Ae.docs,source:{originalSource:`() => {
-  const headings = ['Section', 'Width', 'Height'];
-  let units = ['', 'm', 'm'];
-  let data = [...Array(10).keys()].map((c, i) => [i, i * 2, i * 2]);
-  /*
-      Mock table data store (real apps should use Redux or similar)
-    */
-  const PopoverTable = () => {
-    const CellInputForm = ({
-      close,
-      value
-    }: any) => <>
-        <Field label="Input">
-          <Input value={value} width="100%" />
-        </Field>
-        <Flex gap>
-          <Button colored label="Save" onClick={() => {}} />
-          <Button label="Cancel" onClick={close} />
-        </Flex>
-      </>;
-    const table = {
-      fixedWidth: '100%',
-      headers: [{
-        cells: headings.map(h => ({
-          value: h
-        }))
-      }, {
-        cells: [{}, {
-          menu: [{
-            label: 'm',
-            value: 'm'
-          }, {
-            label: 'ft',
-            value: 'ft'
-          }],
-          value: units[1],
-          type: 'Unit'
-        }, {
-          menu: [{
-            label: 'm',
-            value: 'm'
-          }, {
-            label: 'ft',
-            value: 'ft'
-          }],
-          value: units[2],
-          type: 'Unit'
-        }]
-      }],
-      rows: data.map((row, i) => {
-        return {
-          cells: [...Array(3).keys()].map((c, i) => ({
-            //https://stackoverflow.com/a/33352604
-            value: row[i],
-            type: 'Popover',
-            content: <CellInputForm value={row[i]} />
-          }))
-        };
-      })
-    };
-    return <Table table={(table as any)} />;
-  };
-  return <PopoverTable />;
-}`,...(_e=(Ue=w.parameters)==null?void 0:Ue.docs)==null?void 0:_e.source}}};var Be,Ee,Me;I.parameters={...I.parameters,docs:{...(Be=I.parameters)==null?void 0:Be.docs,source:{originalSource:`() => {
-  const headings = ['Section', 'Width', 'Height'];
-  let units = ['', 'm', 'm'];
-  let data = [...Array(10).keys()].map((c, i) => [i, i * 2, i * 2]);
-  /*
-    Mock table data store (real apps should use Redux or similar)
-  */
-  const SinglePopoverOpenedTable = () => {
-    const [isPopOverCellOpened, setIsPopOverCellOpened] = useState(false);
-    const CellInputForm = ({
-      close,
-      value
-    }: any) => {
-      useEffect(() => {
-        if (!isPopOverCellOpened) {
-          setIsPopOverCellOpened(true);
-        }
-      }, []);
-      const onClosePopOver = () => {
-        setIsPopOverCellOpened(false);
-        close();
-      };
-      return <>
-          <Field label="Input">
-            <Input value={value} width="100%" />
-          </Field>
-          <Flex gap>
-            <Button colored label="Save" onClick={onClosePopOver} />
-            <Button label="Cancel" onClick={onClosePopOver} />
-          </Flex>
-        </>;
-    };
-    const table = {
-      headers: [{
-        cells: headings.map(h => ({
-          value: h
-        }))
-      }, {
-        cells: [{}, {
-          menu: [{
-            label: 'm',
-            value: 'm'
-          }, {
-            label: 'ft',
-            value: 'ft'
-          }],
-          value: units[1],
-          type: 'Unit'
-        }, {
-          menu: [{
-            label: 'm',
-            value: 'm'
-          }, {
-            label: 'ft',
-            value: 'ft'
-          }],
-          value: units[2],
-          type: 'Unit'
-        }]
-      }],
-      rows: data.map((row, i) => {
-        return {
-          cells: [...Array(3).keys()].map((c, i) => ({
-            //https://stackoverflow.com/a/33352604
-            value: row[i],
-            type: 'Popover',
-            disabled: isPopOverCellOpened,
-            closeOnOutsideClick: false,
-            content: <CellInputForm value={row[i]} />
-          }))
-        };
-      })
-    };
-    return <Table table={(table as any)} />;
-  };
-  return <SinglePopoverOpenedTable />;
-}`,...(Me=(Ee=I.parameters)==null?void 0:Ee.docs)==null?void 0:Me.source}}};var Ve,De,Le;F.parameters={...F.parameters,docs:{...(Ve=F.parameters)==null?void 0:Ve.docs,source:{originalSource:`args => {
-  return <Table
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(Le=(De=F.parameters)==null?void 0:De.docs)==null?void 0:Le.source}}};var Re,He,Ke;p.parameters={...p.parameters,docs:{...(Re=p.parameters)==null?void 0:Re.docs,source:{originalSource:`args => {
-  return <Table
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(Ke=(He=p.parameters)==null?void 0:He.docs)==null?void 0:Ke.source}}};var Je,Ne,Xe;W.parameters={...W.parameters,docs:{...(Je=W.parameters)==null?void 0:Je.docs,source:{originalSource:`() => {
-  const [value, setValue] = useState([]);
-  const table = {
-    fixedWidth: 'auto',
-    headers: [{
-      cells: [{
-        value: 'Countries'
-      }]
-    }],
-    rows: [{
-      cells: [{
-        type: 'Select',
-        width: '240px',
-        multi: true,
-        options: [{
-          label: 'France',
-          value: 'France'
-        }, {
-          label: 'Poland',
-          value: 'Poland'
-        }, {
-          label: 'United Kingdom',
-          value: 'United Kingdom'
-        }, {
-          label: 'Vietnam',
-          value: 'Vietnam'
-        }],
-        value,
-        onChange: (event: any) => setValue(event.target.value)
-      }]
-    }]
-  };
-  return <Table table={table} />;
-}`,...(Xe=(Ne=W.parameters)==null?void 0:Ne.docs)==null?void 0:Xe.source}}};const ir=["Editable","Disabled","DateInput","Colspan","ColspanWithWidths","CellWidths","CellStyleProp","Rowspan","Checkboxes","Icons","Links","Actions","Menus","JSXContent","StaticCellTooltips","WordbreakLongContent","Popover","SinglePopoverAtOnce","OverflowingCells","TestScrolling","Multiselect"];export{T as Actions,C as CellStyleProp,h as CellWidths,f as Checkboxes,v as Colspan,x as ColspanWithWidths,g as DateInput,b as Disabled,m as Editable,y as Icons,k as JSXContent,j as Links,P as Menus,W as Multiselect,F as OverflowingCells,w as Popover,S as Rowspan,I as SinglePopoverAtOnce,O as StaticCellTooltips,p as TestScrolling,i as WordbreakLongContent,ir as __namedExportsOrder,or as default};

package/dist/storybook/assets/check-box-CV-zd_I_.css

@@ -1 +0,0 @@
-._checkbox_1ybyr_1{--size-checkbox: var(--size-xs);margin:calc((var(--size) - var(--size-checkbox)) / 2) 0;position:relative;display:flex;align-items:center;gap:var(--padding-xxs);backface-visibility:hidden;vertical-align:baseline;font-style:normal;min-height:var(--size-checkbox);font-size:inherit;line-height:var(--size-checkbox);min-width:var(--size-checkbox);outline:0px}._checkbox_1ybyr_1._noLabel_1ybyr_17{width:var(--size-checkbox)}._checkbox_1ybyr_1._small_1ybyr_20{--size-checkbox: calc(var(--size-xs) - 4px);margin:calc((var(--size-sm) - var(--size-checkbox)) / 2) 0;font-size:var(--font-size-sm)}._checkbox_1ybyr_1 input{cursor:pointer;position:absolute;top:0;left:0;opacity:0!important;outline:0px;z-index:-1}._checkbox_1ybyr_1 label{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--color-text);transition:color .1s ease 0s;display:block;padding-left:calc(var(--size-checkbox) + var(--padding-xs));outline:0px}._checkbox_1ybyr_1 label ._checkmark_1ybyr_43{position:absolute;top:0;left:0;width:var(--size-checkbox);height:var(--size-checkbox);font-size:var(--size-checkbox);display:inline-flex;align-items:center;justify-content:center;background:var(--color-background-button-default);border-radius:var(--border-radius-sm);transition:border .1s ease 0s,opacity .1s ease 0s,transform .1s ease 0s,box-shadow .1s ease 0s;border:1px solid var(--color-border-checkbox);color:transparent}._checkbox_1ybyr_1 label ._checkmark_1ybyr_43:hover{border-color:var(--color-border-hover)}._checkbox_1ybyr_1 input:checked~label ._checkmark_1ybyr_43{background:var(--color-background-primary);border-color:transparent;color:#fff}._checkbox_1ybyr_1._disabled_1ybyr_67{cursor:default;pointer-events:none}._checkbox_1ybyr_1._disabled_1ybyr_67 label{color:var(--color-text-faint)}._checkbox_1ybyr_1._disabled_1ybyr_67 ._checkmark_1ybyr_43{background:var(--color-background-disabled)!important;border-color:var(--color-border-checkbox)!important}._checkbox_1ybyr_1._disabled_1ybyr_67 input:checked~label ._checkmark_1ybyr_43{color:var(--color-text-faint)}._noMargin_1ybyr_81,._isInTable_1ybyr_84{margin:0}._helpIconEnabled_1ybyr_87{pointer-events:auto}

package/dist/storybook/assets/check-box-DPLaOkRR.js

@@ -1,13 +0,0 @@
-import{j as a}from"./jsx-runtime-eps93zm2.js";import{r as h}from"./index-DhsZuJvc.js";import{c as k}from"./index-Bk2sglWO.js";import{I as x}from"./common-types-Sih75Sav.js";import{D as _}from"./disabled-context-rmpd7YJS.js";import{H as q}from"./help-icon-Buhx5nl6.js";import{I}from"./icon-BSFY3vDO.js";const C="_checkbox_1ybyr_1",j="_noLabel_1ybyr_17",w="_small_1ybyr_20",E="_checkmark_1ybyr_43",L="_disabled_1ybyr_67",V="_noMargin_1ybyr_81",F="_isInTable_1ybyr_84",M="_helpIconEnabled_1ybyr_87",e={checkbox:C,noLabel:j,small:w,checkmark:E,disabled:L,noMargin:V,isInTable:F,helpIconEnabled:M},H=({noMargin:d=!1,dataix:m=0,isInTable:c=!1,tabIndex:p=0,checked:n=!1,name:s,label:r="",disabled:y=!1,small:f=!1,onChange:b,testId:g,value:N,helpText:i,onClickHelp:o})=>{const v=h.useContext(_),T=i||o,t=y||v;return a.jsxs("div",{className:k(e.checkbox,d&&e.noMargin,c&&e.isInTable,t&&e.disabled,f&&e.small,!r&&e.noLabel),"data-ix":m,onClick:u=>{if(!t){const l=u.target;l.name=s,l.value=!n,l.checked=!n,b(u)}},"data-testid":g,children:[a.jsx("input",{type:"checkbox",tabIndex:p,checked:n,name:s,onChange:()=>{},disabled:t}),a.jsxs("label",{htmlFor:s,children:[a.jsx("span",{className:e.checkmark,children:a.jsx(I,{icon:x.CHECK})}),r]}),T&&a.jsx("div",{className:e.helpIconEnabled,onClick:o,children:a.jsx(q,{text:i})})]})};H.__docgenInfo={description:"",methods:[],displayName:"CheckBox",props:{checked:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},isInTable:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},label:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:"",defaultValue:{value:"''",computed:!1}},name:{required:!1,tsType:{name:"string"},description:""},noMargin:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:`(
-  event: TChangeEvent<T>,
-  ...additionalProps: { [key: string]: any }[]
-) => void`,signature:{arguments:[{type:{name:"intersection",raw:`ChangeEvent<T> & {
-  target:
-    | T
-    | { name: string; value: any; label?: string; files?: FileList | null };
-}`,elements:[{name:"ChangeEvent",elements:[{name:"T"}],raw:"ChangeEvent<T>"},{name:"signature",type:"object",raw:`{
-  target:
-    | T
-    | { name: string; value: any; label?: string; files?: FileList | null };
-}`,signature:{properties:[{key:"target",value:{name:"union",raw:`| T
-| { name: string; value: any; label?: string; files?: FileList | null }`,elements:[{name:"T"},{name:"signature",type:"object",raw:"{ name: string; value: any; label?: string; files?: FileList | null }",signature:{properties:[{key:"name",value:{name:"string",required:!0}},{key:"value",value:{name:"any",required:!0}},{key:"label",value:{name:"string",required:!1}},{key:"files",value:{name:"union",raw:"FileList | null",elements:[{name:"FileList"},{name:"null"}],required:!1}}]}}],required:!0}}]}}]},name:"event"},{type:{name:"Array",elements:[{name:"signature",type:"object",raw:"{ [key: string]: any }",signature:{properties:[{key:{name:"string"},value:{name:"any",required:!0}}]}}],raw:"{ [key: string]: any }[]"},name:"additionalProps",rest:!0}],return:{name:"void"}}},description:""},tabIndex:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"0",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}},testId:{required:!1,tsType:{name:"string"},description:""},dataix:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"0",computed:!1}},value:{required:!1,tsType:{name:"string"},description:""},helpText:{required:!1,tsType:{name:"string"},description:""},onClickHelp:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""}}};export{H as C};

package/dist/storybook/assets/check-box.stories-BJ0ShmeC.js

@@ -1,97 +0,0 @@
-import{j as M}from"./jsx-runtime-eps93zm2.js";import{C as I}from"./check-box-DPLaOkRR.js";import"./index-DhsZuJvc.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.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";const{useArgs:U}=__STORYBOOK_MODULE_PREVIEW_API__,$={title:"Forms/CheckBox",component:I,args:{disabled:!1,label:"Label"}},e=L=>{const[{checked:P},F]=U(),K=()=>{F({checked:!P})};return M.jsx(I,{...L,onChange:K})},d=e.bind({}),n=e.bind({});n.args={small:!0};const s=e.bind({});s.args={disabled:!0};const r=e.bind({});r.args={checked:!0,disabled:!0};const a=e.bind({});a.args={label:null};const c=e.bind({});c.args={helpText:"Help text"};const t=e.bind({});t.args={onClickHelp:()=>console.log("Help clicked")};const o=e.bind({});o.args={helpText:"Help text",disabled:!0};var p,l,g;d.parameters={...d.parameters,docs:{...(p=d.parameters)==null?void 0:p.docs,source:{originalSource:`args => {
-  const [{
-    checked
-  }, updateArgs] = useArgs();
-  const handleChange = () => {
-    updateArgs({
-      checked: !checked
-    });
-  };
-  return <CheckBox
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onChange={handleChange} />;
-}`,...(g=(l=d.parameters)==null?void 0:l.docs)==null?void 0:g.source}}};var i,h,u;n.parameters={...n.parameters,docs:{...(i=n.parameters)==null?void 0:i.docs,source:{originalSource:`args => {
-  const [{
-    checked
-  }, updateArgs] = useArgs();
-  const handleChange = () => {
-    updateArgs({
-      checked: !checked
-    });
-  };
-  return <CheckBox
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onChange={handleChange} />;
-}`,...(u=(h=n.parameters)==null?void 0:h.docs)==null?void 0:u.source}}};var m,k,C;s.parameters={...s.parameters,docs:{...(m=s.parameters)==null?void 0:m.docs,source:{originalSource:`args => {
-  const [{
-    checked
-  }, updateArgs] = useArgs();
-  const handleChange = () => {
-    updateArgs({
-      checked: !checked
-    });
-  };
-  return <CheckBox
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onChange={handleChange} />;
-}`,...(C=(k=s.parameters)==null?void 0:k.docs)==null?void 0:C.source}}};var x,b,A;r.parameters={...r.parameters,docs:{...(x=r.parameters)==null?void 0:x.docs,source:{originalSource:`args => {
-  const [{
-    checked
-  }, updateArgs] = useArgs();
-  const handleChange = () => {
-    updateArgs({
-      checked: !checked
-    });
-  };
-  return <CheckBox
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onChange={handleChange} />;
-}`,...(A=(b=r.parameters)==null?void 0:b.docs)==null?void 0:A.source}}};var S,B,j;a.parameters={...a.parameters,docs:{...(S=a.parameters)==null?void 0:S.docs,source:{originalSource:`args => {
-  const [{
-    checked
-  }, updateArgs] = useArgs();
-  const handleChange = () => {
-    updateArgs({
-      checked: !checked
-    });
-  };
-  return <CheckBox
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onChange={handleChange} />;
-}`,...(j=(B=a.parameters)==null?void 0:B.docs)==null?void 0:j.source}}};var H,_,D;c.parameters={...c.parameters,docs:{...(H=c.parameters)==null?void 0:H.docs,source:{originalSource:`args => {
-  const [{
-    checked
-  }, updateArgs] = useArgs();
-  const handleChange = () => {
-    updateArgs({
-      checked: !checked
-    });
-  };
-  return <CheckBox
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onChange={handleChange} />;
-}`,...(D=(_=c.parameters)==null?void 0:_.docs)==null?void 0:D.source}}};var T,O,f;t.parameters={...t.parameters,docs:{...(T=t.parameters)==null?void 0:T.docs,source:{originalSource:`args => {
-  const [{
-    checked
-  }, updateArgs] = useArgs();
-  const handleChange = () => {
-    updateArgs({
-      checked: !checked
-    });
-  };
-  return <CheckBox
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onChange={handleChange} />;
-}`,...(f=(O=t.parameters)==null?void 0:O.docs)==null?void 0:f.source}}};var E,R,W;o.parameters={...o.parameters,docs:{...(E=o.parameters)==null?void 0:E.docs,source:{originalSource:`args => {
-  const [{
-    checked
-  }, updateArgs] = useArgs();
-  const handleChange = () => {
-    updateArgs({
-      checked: !checked
-    });
-  };
-  return <CheckBox
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onChange={handleChange} />;
-}`,...(W=(R=o.parameters)==null?void 0:R.docs)==null?void 0:W.source}}};const ee=["Default","Small","Disabled","DisabledChecked","Standalone","HelpText","OnClickHelp","DisabledWithHelpText"];export{d as Default,s as Disabled,r as DisabledChecked,o as DisabledWithHelpText,c as HelpText,t as OnClickHelp,n as Small,a as Standalone,ee as __namedExportsOrder,$ as default};

package/dist/storybook/assets/check-box.test-case.stories-CzuYZkUh.js

@@ -1,30 +0,0 @@
-import{j as y}from"./jsx-runtime-eps93zm2.js";import{R as T}from"./index-DhsZuJvc.js";import{w as B,u as l,e as d}from"./index-DMAnyMX5.js";import{C as i}from"./check-box-DPLaOkRR.js";import"./index-CF7H4eMJ.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.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";const{useArgs:_}=__STORYBOOK_MODULE_PREVIEW_API__,F={title:"Forms/CheckBox/Test Cases",component:i,args:{disabled:!1,label:"Label"},tags:["!autodocs"]},S=s=>{const[{checked:a},e]=_(),t=()=>{e({checked:!a})};return y.jsx(i,{...s,onChange:t})},o=()=>{const[s,a]=T.useState([]);return["1","2","3","4"].map(e=>y.jsx(i,{label:`Label ${e}`,checked:s.includes(e),onChange:()=>{a(t=>t.includes(e)?t.filter(r=>r!==e):[...t,e])}},e))},n=S.bind({});n.args={testId:"testId"};n.play=async({canvasElement:s,step:a})=>{const e=B(s);await a("Clicking checkbox should toggle it",async()=>{const t=e.getByTestId("testId"),r=t.querySelector("input");await l.click(t),await d(r).toBeChecked(),await l.click(t),await d(r).not.toBeChecked()})};const c=S.bind({});c.args={testId:"testId",disabled:!0};c.play=async({canvasElement:s,step:a})=>{const e=B(s);await a("Clicking disabled checkbox shouldn't toggle it",async()=>{const t=e.getByTestId("testId");await t.click(),await d(t.querySelector("input")).not.toBeChecked()})};var p,u,g;o.parameters={...o.parameters,docs:{...(p=o.parameters)==null?void 0:p.docs,source:{originalSource:`() => {
-  const [selected, setSelected] = React.useState<string[]>([]);
-  return ['1', '2', '3', '4'].map(i => <CheckBox key={i} label={\`Label \${i}\`} checked={selected.includes(i)} onChange={() => {
-    setSelected(prev => prev.includes(i) ? prev.filter(x => x !== i) : [...prev, i]);
-  }} />);
-}`,...(g=(u=o.parameters)==null?void 0:u.docs)==null?void 0:g.source}}};var m,h,k;n.parameters={...n.parameters,docs:{...(m=n.parameters)==null?void 0:m.docs,source:{originalSource:`args => {
-  const [{
-    checked
-  }, updateArgs] = useArgs();
-  const handleChange = () => {
-    updateArgs({
-      checked: !checked
-    });
-  };
-  return <CheckBox
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onChange={handleChange} />;
-}`,...(k=(h=n.parameters)==null?void 0:h.docs)==null?void 0:k.source}}};var C,x,b;c.parameters={...c.parameters,docs:{...(C=c.parameters)==null?void 0:C.docs,source:{originalSource:`args => {
-  const [{
-    checked
-  }, updateArgs] = useArgs();
-  const handleChange = () => {
-    updateArgs({
-      checked: !checked
-    });
-  };
-  return <CheckBox
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onChange={handleChange} />;
-}`,...(b=(x=c.parameters)==null?void 0:x.docs)==null?void 0:b.source}}};const M=["TestKeys","Test","TestDisabled"];export{n as Test,c as TestDisabled,o as TestKeys,M as __namedExportsOrder,F as default};

package/dist/storybook/assets/chunk-HLWAVYOI-C49c1Yvv.js

@@ -1,2 +0,0 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-BcNHZKhG.js","./index-DhsZuJvc.js"])))=>i.map(i=>d[i]);
-import{_ as i}from"./iframe-BN-sM7va.js";import{R as t,r as p}from"./index-DhsZuJvc.js";import{r as u,u as l}from"./react-16-DXAfArL2.js";import{a0 as h,a1 as d,a2 as E,a3 as x}from"./index-dlFP5Vuh.js";var D={code:h,a:d,...E},_=class extends p.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e){let{showException:r}=this.props;r(e)}render(){let{hasError:e}=this.state,{children:r}=this.props;return e?null:t.createElement(t.Fragment,null,r)}},y=class{constructor(){this.render=async(e,r,n)=>{let s={...D,...r==null?void 0:r.components},a=x;return new Promise((c,m)=>{i(async()=>{const{MDXProvider:o}=await import("./index-BcNHZKhG.js");return{MDXProvider:o}},__vite__mapDeps([0,1]),import.meta.url).then(({MDXProvider:o})=>u(t.createElement(_,{showException:m,key:Math.random()},t.createElement(o,{components:s},t.createElement(a,{context:e,docsParameter:r}))),n)).then(()=>c())})},this.unmount=e=>{l(e)}}};export{y as D,D as d};