@oliasoft-open-source/react-ui-library 4.7.0-beta-1 → 4.7.0-beta-2

package/dist/storybook/assets/slider.stories-CpY4L01U.js

@@ -0,0 +1,171 @@
+import{j as n}from"./jsx-runtime-FsUICBgo.js";import{S as b}from"./slider-jx0z5OyT.js";import{T as se}from"./text-6KQ6ntOV.js";import"./index-RfLt4OUa.js";import"./lodash-Bmg8FrMx.js";import"./objectSpread2-93s0nBry.js";import"./index-VW3EWkuE.js";import"./extends-dGVwEr9R.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./memoize-one.esm-hqe5SRxC.js";import"./index-ugi_ZH6T.js";import"./icon-_m67DAr0.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./common-types-U65vzrrz.js";import"./tooltip-dueTLnwA.js";import"./index-miLrID2P.js";import"./button-UQO14biP.js";import"./spinner-R8Il4aRe.js";const{useArgs:ae}=__STORYBOOK_MODULE_ADDONS__,re=[{label:"S1...",tooltip:"S1 Production",value:20},{label:"S2...",tooltip:"S2 Cementing",value:40},{label:"S3...",tooltip:n.jsxs("span",{children:[n.jsx("strong",{children:"S3"})," Drilling"]}),value:60},{label:"S4...",tooltip:"S4 Shut in",value:80},{label:"S5...",tooltip:"S5 Circulate",value:100}],we={title:"Forms/Slider",component:b,args:{value:50,min:0,max:100,step:1,showTooltip:!1,label:""}},e=r=>{const[m,v]=ae(),x=A=>{v({value:A.target.value})};return n.jsx("div",{style:{paddingTop:40},children:n.jsx(b,{...r,onChange:x})})},c=e.bind({}),s=e.bind({});s.args={range:!0,value:[10,40]};const t=e.bind({});t.args={label:"Number of aardvarks"};const o=e.bind({});o.args={range:!0,value:[10,40],showArrows:!0};const h=r=>{const[{value:m},v]=ae(),x=A=>{v({value:A.target.value})};return n.jsx(n.Fragment,{children:n.jsx(b,{...r,label:n.jsxs("span",{children:["Fixed width label: ",n.jsx("strong",{children:m*Math.random()})]}),labelWidth:"400px",value:m,onChange:x})})},l=e.bind({});l.args={showTooltip:!0};const d=e.bind({});d.args={showTooltip:!0,tooltipFormatter:r=>n.jsx(se,{warning:!0,children:`${r} extra info lorem ipsum`})};const i=e.bind({});i.args={showArrows:!0};const p=e.bind({});p.args={marks:re};const a=e.bind({});a.args={small:!0};a.parameters={docs:{description:{story:"Reduces the vertical height of the `Slider` container to align with other `small` elements."}}};const g=e.bind({});g.args={disabled:!0};const u=e.bind({});u.args={marks:re,vertical:{enabled:!0,width:"100px",height:"400px"}};var S,C,y;c.parameters={...c.parameters,docs:{...(S=c.parameters)==null?void 0:S.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: any) => {
+    updateArgs({
+      value: evt.target.value
+    });
+  };
+  return <div style={{
+    paddingTop: 40
+  }}>
+      <Slider
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    {...args} onChange={handleChange} />
+    </div>;
+}`,...(y=(C=c.parameters)==null?void 0:C.docs)==null?void 0:y.source}}};var j,T,_;s.parameters={...s.parameters,docs:{...(j=s.parameters)==null?void 0:j.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: any) => {
+    updateArgs({
+      value: evt.target.value
+    });
+  };
+  return <div style={{
+    paddingTop: 40
+  }}>
+      <Slider
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    {...args} onChange={handleChange} />
+    </div>;
+}`,...(_=(T=s.parameters)==null?void 0:T.docs)==null?void 0:_.source}}};var w,f,D;t.parameters={...t.parameters,docs:{...(w=t.parameters)==null?void 0:w.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: any) => {
+    updateArgs({
+      value: evt.target.value
+    });
+  };
+  return <div style={{
+    paddingTop: 40
+  }}>
+      <Slider
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    {...args} onChange={handleChange} />
+    </div>;
+}`,...(D=(f=t.parameters)==null?void 0:f.docs)==null?void 0:D.source}}};var F,R,O;o.parameters={...o.parameters,docs:{...(F=o.parameters)==null?void 0:F.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: any) => {
+    updateArgs({
+      value: evt.target.value
+    });
+  };
+  return <div style={{
+    paddingTop: 40
+  }}>
+      <Slider
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    {...args} onChange={handleChange} />
+    </div>;
+}`,...(O=(R=o.parameters)==null?void 0:R.docs)==null?void 0:O.source}}};var L,M,k;h.parameters={...h.parameters,docs:{...(L=h.parameters)==null?void 0:L.docs,source:{originalSource:`args => {
+  const [{
+    value
+  }, updateArgs] = useArgs();
+  const handleChange = (evt: any) => {
+    updateArgs({
+      value: evt.target.value
+    });
+  };
+  return <>
+      <Slider
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    {...args} label={<span>
+            Fixed width label: <strong>{value * Math.random()}</strong>
+          </span>} labelWidth="400px" value={value} onChange={handleChange} />
+    </>;
+}`,...(k=(M=h.parameters)==null?void 0:M.docs)==null?void 0:k.source}}};var W,E,J;l.parameters={...l.parameters,docs:{...(W=l.parameters)==null?void 0:W.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: any) => {
+    updateArgs({
+      value: evt.target.value
+    });
+  };
+  return <div style={{
+    paddingTop: 40
+  }}>
+      <Slider
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    {...args} onChange={handleChange} />
+    </div>;
+}`,...(J=(E=l.parameters)==null?void 0:E.docs)==null?void 0:J.source}}};var N,V,X;d.parameters={...d.parameters,docs:{...(N=d.parameters)==null?void 0:N.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: any) => {
+    updateArgs({
+      value: evt.target.value
+    });
+  };
+  return <div style={{
+    paddingTop: 40
+  }}>
+      <Slider
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    {...args} onChange={handleChange} />
+    </div>;
+}`,...(X=(V=d.parameters)==null?void 0:V.docs)==null?void 0:X.source}}};var B,K,P;i.parameters={...i.parameters,docs:{...(B=i.parameters)==null?void 0:B.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: any) => {
+    updateArgs({
+      value: evt.target.value
+    });
+  };
+  return <div style={{
+    paddingTop: 40
+  }}>
+      <Slider
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    {...args} onChange={handleChange} />
+    </div>;
+}`,...(P=(K=i.parameters)==null?void 0:K.docs)==null?void 0:P.source}}};var U,Y,$;p.parameters={...p.parameters,docs:{...(U=p.parameters)==null?void 0:U.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: any) => {
+    updateArgs({
+      value: evt.target.value
+    });
+  };
+  return <div style={{
+    paddingTop: 40
+  }}>
+      <Slider
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    {...args} onChange={handleChange} />
+    </div>;
+}`,...($=(Y=p.parameters)==null?void 0:Y.docs)==null?void 0:$.source}}};var q,z,G;a.parameters={...a.parameters,docs:{...(q=a.parameters)==null?void 0:q.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: any) => {
+    updateArgs({
+      value: evt.target.value
+    });
+  };
+  return <div style={{
+    paddingTop: 40
+  }}>
+      <Slider
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    {...args} onChange={handleChange} />
+    </div>;
+}`,...(G=(z=a.parameters)==null?void 0:z.docs)==null?void 0:G.source}}};var H,I,Q;g.parameters={...g.parameters,docs:{...(H=g.parameters)==null?void 0:H.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: any) => {
+    updateArgs({
+      value: evt.target.value
+    });
+  };
+  return <div style={{
+    paddingTop: 40
+  }}>
+      <Slider
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    {...args} onChange={handleChange} />
+    </div>;
+}`,...(Q=(I=g.parameters)==null?void 0:I.docs)==null?void 0:Q.source}}};var Z,ee,ne;u.parameters={...u.parameters,docs:{...(Z=u.parameters)==null?void 0:Z.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: any) => {
+    updateArgs({
+      value: evt.target.value
+    });
+  };
+  return <div style={{
+    paddingTop: 40
+  }}>
+      <Slider
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    {...args} onChange={handleChange} />
+    </div>;
+}`,...(ne=(ee=u.parameters)==null?void 0:ee.docs)==null?void 0:ne.source}}};const fe=["Default","Range","Label","RangeWithArrows","JSXLabel","Tooltip","FormattedTooltip","Arrows","Marks","Small","Disabled","Vertical"];export{i as Arrows,c as Default,g as Disabled,d as FormattedTooltip,h as JSXLabel,t as Label,p as Marks,s as Range,o as RangeWithArrows,a as Small,l as Tooltip,u as Vertical,fe as __namedExportsOrder,we as default};

package/dist/storybook/assets/smart-upload-modal.stories-hjd4L84J.js

@@ -0,0 +1,25 @@
+import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as s}from"./index-RfLt4OUa.js";import{B as M}from"./button-UQO14biP.js";import{u as Q,M as z,D as G}from"./dialog-hHTtMGls.js";import{F as J}from"./file-input-A0eGNEgX.js";import{S as U}from"./spacer-Yji9g2AW.js";import{T as W}from"./text-6KQ6ntOV.js";import{P as X}from"./progress-bar-NRjN2baY.js";import{d as Y}from"./index-VSx05S_2.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./spinner-R8Il4aRe.js";import"./icon-_m67DAr0.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./tooltip-dueTLnwA.js";import"./index-miLrID2P.js";import"./portal-zPiHHKoC.js";import"./lodash-Bmg8FrMx.js";import"./heading-FcNTpGhR.js";import"./help-icon-D6ZGAbgL.js";import"./input-group-R8LoqKRn.js";import"./input-fYKvBwPs.js";import"./types-5uVBABF4.js";import"./index-cCpkwrS5.js";const S=250,c=4e4,V=20,b=500,g=({visible:l,prompt:i,onCloseModal:x,onUpload:d,onComplete:T,onFailed:a,onError:r,width:_,heading:F,dialogText:E,fileInputText:w,fileInputPlaceholder:N,uploadText:P,cancelText:k,testId:p})=>{const[m,C]=s.useState(null),[I,u]=s.useState(!1),[B,h]=s.useState(0);let n=0;const R=()=>{n=n+S,h(n)},L=t=>{let o=n+t;o>=.99*c&&(o=c),n=o,h(n)};s.useEffect(()=>{C(null)},[l]);const A=t=>{t.target.value&&C(t.target.value)},H=async()=>{h(0);const t=setInterval(R,S);try{if(!m)return;u(!0);const o=await d(i,m);if(!l)return;if(o){clearInterval(t);const K=setInterval(L,b/V,(c-n)/(V-1));setTimeout(()=>{T(o),clearInterval(K),u(!1)},b)}else a==null||a(),u(!1)}catch(o){r==null||r(o),u(!1)}finally{clearInterval(t)}},O=()=>{H()},y=()=>{x()},$=e.jsxs(e.Fragment,{children:[e.jsx(W,{children:E||"Upload file and extract data using a LLM"}),e.jsx(U,{}),e.jsx(J,{placeholder:N||"No file",label:w||"Select",file:m||void 0,onChange:A,testId:`${p}-file-input`,accept:"image/*"}),I&&e.jsxs(e.Fragment,{children:[e.jsx(U,{}),e.jsx(X,{percentage:Y.roundByMagnitudeToFixed(100*B/c,3)})]})]}),D=e.jsxs(e.Fragment,{children:[e.jsx(M,{label:P||"Upload",colored:!0,onClick:O,disabled:!m||I,testId:`${p}-button-upload`}),e.jsx(M,{label:k||"Cancel",onClick:y,testId:`${p}-button-cancel`})]});return Q("Escape",()=>y()),e.jsx(z,{visible:l,centered:!0,children:e.jsx(G,{dialog:{scroll:!0,heading:F||"Smart Upload",content:$,footer:D,onClose:y,width:_||350,testId:p}})})};try{g.displayName="SmartUploadModal",g.__docgenInfo={description:"",displayName:"SmartUploadModal",props:{visible:{defaultValue:null,description:"",name:"visible",required:!0,type:{name:"boolean"}},prompt:{defaultValue:null,description:"",name:"prompt",required:!0,type:{name:"string"}},onCloseModal:{defaultValue:null,description:"",name:"onCloseModal",required:!0,type:{name:"() => void"}},onUpload:{defaultValue:null,description:"",name:"onUpload",required:!0,type:{name:"(prompt: string, file: File) => any"}},onComplete:{defaultValue:null,description:"",name:"onComplete",required:!0,type:{name:"(data: { [key: string]: string; }[]) => void"}},onFailed:{defaultValue:null,description:"",name:"onFailed",required:!1,type:{name:"(() => void)"}},onError:{defaultValue:null,description:"",name:"onError",required:!1,type:{name:"((error: any) => void)"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"number"}},heading:{defaultValue:null,description:"",name:"heading",required:!1,type:{name:"string"}},dialogText:{defaultValue:null,description:"",name:"dialogText",required:!1,type:{name:"string"}},fileInputText:{defaultValue:null,description:"",name:"fileInputText",required:!1,type:{name:"string"}},fileInputPlaceholder:{defaultValue:null,description:"",name:"fileInputPlaceholder",required:!1,type:{name:"string"}},uploadText:{defaultValue:null,description:"",name:"uploadText",required:!1,type:{name:"string"}},cancelText:{defaultValue:null,description:"",name:"cancelText",required:!1,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const ve={title:"Ai/SmartUploadModal",component:g,args:{visible:!0,prompt:"This is a prompt",onCloseModal:()=>{},onUpload:()=>{},onComplete:()=>{}},parameters:{docs:{story:{inline:!1,iframeHeight:400}}}},f=()=>{const[l,i]=s.useState(!0),x=()=>{i(!0)},d=()=>{i(!1)},T=()=>(console.log("Uploading"),new Promise(r=>{setTimeout(()=>{r([])},4e3)})),a=()=>{console.log("Completed"),d()};return e.jsxs(e.Fragment,{children:[e.jsx(g,{visible:l,prompt:"This is a prompt",onCloseModal:d,onUpload:T,onComplete:a}),e.jsx(M,{label:"Open Modal",onClick:x})]})};var v,j,q;f.parameters={...f.parameters,docs:{...(v=f.parameters)==null?void 0:v.docs,source:{originalSource:`() => {
+  const [visible, setVisible] = useState(true);
+  const openModal = () => {
+    setVisible(true);
+  };
+  const closeModal = () => {
+    setVisible(false);
+  };
+  const onUpload = () => {
+    console.log('Uploading');
+    return new Promise(resolve => {
+      setTimeout(() => {
+        resolve([]);
+      }, 4000);
+    });
+  };
+  const onComplete = () => {
+    console.log('Completed');
+    closeModal();
+  };
+  return <>
+      <SmartUploadModal visible={visible} prompt="This is a prompt" onCloseModal={closeModal} onUpload={onUpload} onComplete={onComplete} />
+      <Button label="Open Modal" onClick={openModal} />
+    </>;
+}`,...(q=(j=f.parameters)==null?void 0:j.docs)==null?void 0:q.source}}};const je=["SmartUpload"];export{f as SmartUpload,je as __namedExportsOrder,ve as default};

package/dist/storybook/assets/spacer.stories-FpDFoVWE.js

@@ -0,0 +1 @@
+import{j as r}from"./jsx-runtime-FsUICBgo.js";import{S as h}from"./spacer-Yji9g2AW.js";import{F as j}from"./flex-RYZsoWEN.js";import{B as s}from"./button-UQO14biP.js";import"./index-RfLt4OUa.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./spinner-R8Il4aRe.js";import"./icon-_m67DAr0.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./tooltip-dueTLnwA.js";import"./index-miLrID2P.js";const L={title:"Layout/Spacer",component:h,argTypes:{width:{control:"text"},height:{control:"text"}}},p=t=>r.jsx(h,{...t}),a=p.bind({});a.decorators=[t=>r.jsxs(r.Fragment,{children:[r.jsx(s,{label:"Button"}),t(),r.jsx(s,{label:"Button"})]})];const e=p.bind({});e.args={height:"var(--padding-xxs)"};e.decorators=[t=>r.jsxs(r.Fragment,{children:[r.jsx(s,{label:"Button"}),t(),r.jsx(s,{label:"Button"})]})];const o=p.bind({});o.args={width:"var(--padding)"};o.decorators=[t=>r.jsxs(j,{children:[r.jsx(s,{label:"Button"}),t(),r.jsx(s,{label:"Button"})]})];var c,i,m;a.parameters={...a.parameters,docs:{...(c=a.parameters)==null?void 0:c.docs,source:{originalSource:"(args: ISpacerProps) => <Spacer {...args} />",...(m=(i=a.parameters)==null?void 0:i.docs)==null?void 0:m.source}}};var n,d,l;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:"(args: ISpacerProps) => <Spacer {...args} />",...(l=(d=e.parameters)==null?void 0:d.docs)==null?void 0:l.source}}};var u,g,x;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:"(args: ISpacerProps) => <Spacer {...args} />",...(x=(g=o.parameters)==null?void 0:g.docs)==null?void 0:x.source}}};const O=["Default","Height","Width"];export{a as Default,e as Height,o as Width,O as __namedExportsOrder,L as default};

package/dist/storybook/assets/syntaxhighlighter-B5GMVT5T-1rrvKZrw.js

@@ -0,0 +1 @@
+import{S as n,c as d,s as f}from"./index-RhTUHV_k.js";import"./iframe-oMAlwWd9.js";import"../sb-preview/runtime.js";import"./index-RfLt4OUa.js";import"./index-miLrID2P.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./inheritsLoose-Y9jOMJLd.js";import"./index-R5dkQuFe.js";import"./index-PPLHz8o0.js";export{n as SyntaxHighlighter,d as createCopyToClipboardFunction,f as default};

package/dist/storybook/assets/table-4SISWUSt.js

@@ -0,0 +1 @@
+import{j as n}from"./jsx-runtime-FsUICBgo.js";import{r as q}from"./index-RfLt4OUa.js";import{c as w}from"./index-VW3EWkuE.js";import{I as He,D as Pe,C as Le,P as De}from"./index.es-HG2GUH9i.js";import{l as Fe}from"./lodash-Bmg8FrMx.js";import{A as he}from"./actions-Z1pyUd57.js";import{H as $e}from"./heading-FcNTpGhR.js";import{P as Be}from"./pagination-er5fRdi2.js";import{A as x,I as B}from"./common-types-U65vzrrz.js";import{I as Oe}from"./input-fYKvBwPs.js";import{N as Me}from"./number-input-xqup0wHW.js";import{S as Ue}from"./select-KWgree43.js";import{D as Ge}from"./disabled-context-urNQThQz.js";import{i as O}from"./types-5uVBABF4.js";import{T as be}from"./tooltip-dueTLnwA.js";import{C as Xe}from"./check-box-Q2GsbR79.js";import{S as ze}from"./slider-jx0z5OyT.js";import{I as M}from"./icon-_m67DAr0.js";import{P as Je}from"./popover-rJn7kxkX.js";import{H as Ee}from"./help-icon-D6ZGAbgL.js";import{T as re}from"./text-6KQ6ntOV.js";const Ke="_inputInTable_y9car_1",Ye="_inputHover_y9car_13",Qe="_inputFocus_y9car_18",Ze="_inputError_y9car_25",en="_inputWarning_y9car_26",nn="_inputDisabled_y9car_61",tn="_hideScrollbars_y9car_67",rn="_wrapper_y9car_85",an="_bordered_y9car_93",ln="_scroll_y9car_98",on="_table_y9car_108",sn="_striped_y9car_188",W={inputInTable:Ke,inputHover:Ye,inputFocus:Qe,inputError:Ze,inputWarning:en,inputDisabled:nn,hideScrollbars:tn,wrapper:rn,bordered:an,scroll:ln,table:on,striped:sn},dn="_title_zn5s7_1",cn={title:dn},z=({name:e=null,actions:t=null,actionsRight:r=!1,testId:l})=>{const a=e!==null,o=t!==null;if(!a&&!o)return null;const s=()=>{if(!o)return null;const u=n.jsx(he,{actions:t});return r?u:n.jsx("div",{children:u})};return n.jsxs("div",{className:cn.title,children:[a?n.jsx($e,{children:n.jsx("span",{"data-testid":l,children:e})}):null,s()]})};try{z.displayName="Title",z.__docgenInfo={description:"",displayName:"Title",props:{name:{defaultValue:{value:"null"},description:"",name:"name",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},actions:{defaultValue:{value:"null"},description:"",name:"actions",required:!1,type:{name:"any"}},actionsRight:{defaultValue:{value:"false"},description:"",name:"actionsRight",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const un="_footer_4sumy_1",pn="_section_4sumy_7",ae={footer:un,section:pn},J=({colSpan:e,pagination:t,actions:r,content:l})=>{const a=r&&r.length,o=l!=null,s=()=>{var d,p;if(t){const{rowCount:c,rowsPerPage:y}=t,g=Number((p=(d=y==null?void 0:y.options)==null?void 0:d[0])==null?void 0:p.value);return c>g}return!1};return a||o||s()?n.jsxs("div",{className:ae.footer,children:[o?n.jsx("div",{className:ae.section,children:n.jsx("div",{children:l})}):null,a||s()?n.jsxs("div",{className:ae.section,children:[s()?n.jsx(Be,{pagination:t}):n.jsx("div",{}),a&&n.jsx("div",{children:n.jsx(he,{actions:r})})]}):null]}):null};try{J.displayName="Footer",J.__docgenInfo={description:"",displayName:"Footer",props:{colSpan:{defaultValue:null,description:"",name:"colSpan",required:!1,type:{name:"number"}},pagination:{defaultValue:null,description:"",name:"pagination",required:!0,type:{name:"IPagination"}},actions:{defaultValue:null,description:"",name:"actions",required:!1,type:{name:"IAction[]"}},content:{defaultValue:null,description:"",name:"content",required:!1,type:{name:"ReactNode"}}}}}catch{}const Ve=e=>{const t=Math.max(...e.reduce((r,l)=>{const a=l.cells.map(o=>o.colSpan?o.colSpan:1).reduce((o,s)=>o+s,0);return r.concat(a)},[]));return isNaN(t)?0:t},mn=(e,t)=>{const r=[Ve(t),Ve(e)];return Math.max(...r)},Te=e=>e.reduce((t,r)=>r.actions&&r.actions.length>0?1:t,0),_n=(e,t)=>Te(t)>0||Te(e)>0,K=({table:e,children:t})=>{const{rows:r,infiniteScroll:l}=e,a=Math.ceil(window.innerHeight/30),[o,s]=l?q.useState(a):[r.length,null],[u,d]=l?q.useState(o<r.length):[!1,null],p=()=>{if(o>=r.length&&d){d(!1);return}s&&s(o+a)};return n.jsx("div",{id:"scrollWrapper",className:W.scroll,children:l?n.jsx(He,{dataLength:Math.min(r.length,o+a),next:p,hasMore:u,scrollableTarget:"scrollWrapper",style:{overflow:"initial"},loader:null,children:t({visibleRows:o})}):t({visibleRows:o})})};try{K.displayName="TableScrollWrapper",K.__docgenInfo={description:"",displayName:"TableScrollWrapper",props:{table:{defaultValue:null,description:"",name:"table",required:!0,type:{name:"ITableProps"}}}}}catch{}const gn="_clickableRow_1ki29_1",yn="_hoverableRow_1ki29_4",fn="_rowActive_1ki29_4",hn="_expandableRow_1ki29_8",bn="_flush_1ki29_8",xn="_errorRow_1ki29_12",Cn="_warningRow_1ki29_15",In="_dragIconCell_1ki29_34",jn="_dragIcon_1ki29_34",b={clickableRow:gn,hoverableRow:yn,rowActive:fn,expandableRow:hn,flush:bn,errorRow:xn,warningRow:Cn,dragIconCell:In,dragIcon:jn},Y=({colSpan:e,children:t,flush:r})=>n.jsx("tr",{children:n.jsx("td",{colSpan:e,className:w(b.expandableRow,r?b.flush:""),children:t})});try{Y.displayName="ExpandedContentRow",Y.__docgenInfo={description:"",displayName:"ExpandedContentRow",props:{colSpan:{defaultValue:null,description:"",name:"colSpan",required:!0,type:{name:"number"}},flush:{defaultValue:null,description:"",name:"flush",required:!1,type:{name:"boolean"}}}}}catch{}const qe=(e,t={leftAligned:"",rightAligned:"",centerAligned:""},r=!1)=>{if(!e)return null;const{bodyAlignment:l,headerAlignment:a,isHeader:o}=e;switch(o&&a?a:l){case x.LEFT:return r?x.LEFT:t.leftAligned;case x.RIGHT:return r?x.RIGHT:t.rightAligned;case x.CENTER:return r?x.CENTER:t.centerAligned;default:return r?x.LEFT:t.leftAligned}},Nn=(e,t=!1,r=0)=>{if(!e||e.length===0)return[];const l=e.every(o=>Array.isArray(o)),a=e.every(o=>typeof o=="string");return l&&t?e[r]||[]:a?e:(console.warn("getHeaderAlignment: alignments array contains a mix of strings and arrays, returning an empty array."),[])},wn="_inputInTable_u3xdj_1",Rn="_inputHover_u3xdj_13",An="_inputFocus_u3xdj_18",vn="_inputError_u3xdj_25",Sn="_inputWarning_u3xdj_26",Vn="_inputDisabled_u3xdj_61",Tn="_hideScrollbars_u3xdj_67",qn="_cell_u3xdj_77",kn="_disabledLink_u3xdj_87",En="_inputWrapper_u3xdj_91",Wn="_breakWord_u3xdj_106",Hn="_inputCell_u3xdj_109",Pn="_sliderCell_u3xdj_112",Ln="_staticCell_u3xdj_116",Dn="_staticCellContent_u3xdj_119",Fn="_error_u3xdj_131",$n="_warning_u3xdj_132",Bn="_unit_u3xdj_141",On="_sortingCell_u3xdj_144",Mn="_sortingCellIcon_u3xdj_155",Un="_icon_u3xdj_166",Gn="_checkBoxCell_u3xdj_170",Xn="_iconCellWrapper_u3xdj_174",zn="_actionsCell_u3xdj_178",Jn="_rightAligned_u3xdj_186",Kn="_centerAligned_u3xdj_192",Yn="_leftAligned_u3xdj_198",Qn="_popover_u3xdj_201",Zn="_disabledPointerEvents_u3xdj_204",i={inputInTable:wn,inputHover:Rn,inputFocus:An,inputError:vn,inputWarning:Sn,inputDisabled:Vn,hideScrollbars:Tn,cell:qn,disabledLink:kn,inputWrapper:En,breakWord:Wn,inputCell:Hn,sliderCell:Pn,staticCell:Ln,staticCellContent:Dn,error:Fn,warning:$n,unit:Bn,sortingCell:On,sortingCellIcon:Mn,icon:Un,checkBoxCell:Gn,iconCellWrapper:Xn,actionsCell:zn,rightAligned:Jn,centerAligned:Kn,leftAligned:Yn,popover:Qn,disabledPointerEvents:Zn},Q=({cell:e,columnAlignment:t,testId:r,type:l})=>n.jsx(Oe,{name:e.name,value:e.value,onChange:a=>{var o;return(o=e.onChange)==null?void 0:o.call(e,a)},onFocus:e.onFocus,onBlur:e.onBlur,onPaste:a=>{var o;return(o=e.onPaste)==null?void 0:o.call(e,a)},placeholder:e.placeholder,error:e.error,warning:e.warning,disabled:e.disabled,isInTable:!0,maxTooltipWidth:e.maxTooltipWidth,right:t===x.RIGHT,testId:r,tabIndex:e.disabled?-1:0,tooltip:e.tooltip,type:l});try{Q.displayName="InputCell",Q.__docgenInfo={description:"",displayName:"InputCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IInputCell"}},columnAlignment:{defaultValue:null,description:"",name:"columnAlignment",required:!1,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},type:{defaultValue:null,description:"",name:"type",required:!1,type:{name:"enum",value:[{value:'"text"'},{value:'"date"'}]}}}}}catch{}const le=({cell:e,testId:t})=>n.jsx(Me,{name:e.name,value:e.value,onChange:r=>{var l;return(l=e.onChange)==null?void 0:l.call(e,r)},onFocus:e.onFocus,onBlur:e.onBlur,placeholder:e.placeholder,error:e.error,warning:e.warning,disabled:e.disabled,isInTable:!0,left:e.left,tabIndex:e.disabled?-1:0,testId:t,tooltip:e.tooltip,validationCallback:e.validationCallback,allowEmpty:e.allowEmpty,enableCosmeticRounding:e.enableCosmeticRounding,enableDisplayRounding:e.enableDisplayRounding,roundDisplayValue:e.roundDisplayValue});try{le.displayName="NumberInputCell",le.__docgenInfo={description:"",displayName:"NumberInputCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"INumberInputCell"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const oe=({cell:e,columnAlignment:t,testId:r})=>n.jsx(Ue,{name:e.name,borderRadius:0,options:e.options,onChange:l=>{var a;return(a=e.onChange)==null?void 0:a.call(e,l)},onCreate:e.onCreate?l=>e.onCreate&&e.onCreate(l):void 0,error:e.error,warning:e.warning,disabled:e.disabled,placeholder:e.placeholder,isInTable:!0,value:e.value,native:e.native,clearable:e.clearable,searchable:e.searchable,deprecatedEventHandler:e.deprecatedEventHandler,maxTooltipWidth:e.maxTooltipWidth,width:"100%",autoLayerWidth:e.autoLayerWidth,multi:e.multi,right:t===x.RIGHT,testId:r,tabIndex:e.disabled?-1:0});try{oe.displayName="SelectCell",oe.__docgenInfo={description:"",displayName:"SelectCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ISelectCell"}},columnAlignment:{defaultValue:null,description:"",name:"columnAlignment",required:!1,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const ie=({cell:e,columnAlignment:t,testId:r})=>n.jsx("div",{className:i.inputWrapper,children:e.type==="Input"?n.jsx(Q,{cell:e,columnAlignment:t,testId:r}):e.type==="NumberInput"?n.jsx(le,{cell:e,testId:r}):e.type==="DateInput"?n.jsx(Q,{cell:e,testId:r,type:"date"}):e.type==="Select"?n.jsx(oe,{cell:e,columnAlignment:t,testId:r}):null});try{ie.displayName="InputCellWrapper",ie.__docgenInfo={description:"",displayName:"InputCellWrapper",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"any"}},columnAlignment:{defaultValue:null,description:"",name:"columnAlignment",required:!0,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const se=({cell:e,testId:t})=>{const r=q.useContext(Ge),{error:l,warning:a,tooltip:o,maxTooltipWidth:s}=e,u=d=>O(d);return n.jsx("div",{className:i.inputWrapper,children:n.jsx(be,{error:!!l,warning:!!a,text:o||l||a,enabled:u(o)||u(l)||u(a)||!1,maxWidth:s,placement:"bottom-center",children:n.jsx("div",{className:w(i.staticCellContent,l?i.error:a?i.warning:""),children:n.jsx("a",{className:w((e.disabled||r)&&i.disabledLink),onClick:e.disabled||r?void 0:d=>{var p;d.stopPropagation(),(p=e.onClick)==null||p.call(e,d)},"data-testid":t,children:e.value})})})})};try{se.displayName="LinkCell",se.__docgenInfo={description:"",displayName:"LinkCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ILinkCell"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const de=({cell:e,testId:t})=>n.jsx(Xe,{label:e.label,checked:e.checked,isInTable:!0,disabled:e.disabled,onChange:r=>e.onChange(r),testId:t,tabIndex:e.disabled?-1:0});try{de.displayName="CheckBoxCell",de.__docgenInfo={description:"",displayName:"CheckBoxCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ICheckBoxCell"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const ce=({cell:e})=>n.jsx("div",{className:i.inputWrapper,children:n.jsx(ze,{label:e.label,value:e.value,min:e.min,max:e.max,step:e.step,marks:e.marks,onChange:t=>e.onChange(t),showArrows:e.showArrows,showTooltip:e.showTooltip,tooltipFormatter:e.tooltipFormatter,disabled:e.disabled})});try{ce.displayName="SliderCell",ce.__docgenInfo={description:"",displayName:"SliderCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ISliderCell"}}}}}catch{}const ue=({cell:e})=>{const{tooltip:t,icon:r}=e;return n.jsx("div",{className:i.iconCellWrapper,children:n.jsx(be,{text:t,enabled:!!t&&O(t),display:"flex",placement:"top-center",children:n.jsx(M,{icon:r})})})};try{ue.displayName="IconCell",ue.__docgenInfo={description:"",displayName:"IconCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IIconCell"}}}}}catch{}const pe=({cell:e})=>n.jsx(he,{actions:e.actions});try{pe.displayName="ActionsCell",pe.__docgenInfo={description:"",displayName:"ActionsCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IActionCell"}}}}}catch{}const me=({cell:e})=>{const{helpIcon:t}=e;return t?n.jsx("div",{className:i.icon,children:n.jsx(Ee,{onClick:t.onClick,text:t.tooltip})}):null};try{me.displayName="CellHelpIcon",me.__docgenInfo={description:"",displayName:"CellHelpIcon",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IHelpIconCell"}}}}}catch{}const _e=({cell:e})=>{const{libraryIcon:t}=e;return t?n.jsx("div",{className:i.icon,children:n.jsx(Ee,{onClick:t.onClick,text:t.tooltip,icon:B.LIBRARY})}):null};try{_e.displayName="CellLibraryIcon",_e.__docgenInfo={description:"",displayName:"CellLibraryIcon",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ILibraryIconCell"}}}}}catch{}const ge=({cell:e})=>{const{hasSort:t,sort:r,sortPriority:l}=e;return t?n.jsxs("span",{className:i.sortingCellIcon,children:[r==="down"?n.jsx(re,{link:!0,children:n.jsx(M,{icon:B.SORT_ASCENDING})}):r==="up"?n.jsx(re,{link:!0,children:n.jsx(M,{icon:B.SORT_DESCENDING})}):n.jsx(re,{faint:!0,children:n.jsx(M,{icon:B.SORT_DESCENDING})}),l&&r?n.jsx("sup",{children:l}):null]}):null};try{ge.displayName="Sort",ge.__docgenInfo={description:"",displayName:"Sort",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ISortCell"}}}}}catch{}const Z=({cell:e,isHeader:t,testId:r})=>{const{error:l,warning:a,tooltip:o,maxTooltipWidth:s,hasSort:u,onSort:d,type:p}=e,c=n.jsxs("div",{className:w(i.staticCellContent,p==="Unit"?i.unit:"",l?i.error:a?i.warning:""),onClick:u?y=>d&&d(y):()=>{},"data-testid":r,children:[e.value,t?n.jsxs(n.Fragment,{children:[n.jsx(me,{cell:e}),n.jsx(_e,{cell:e}),n.jsx(ge,{cell:e})]}):null]});return n.jsx("div",{className:i.inputWrapper,children:n.jsx(be,{error:!!l,warning:!!a,text:o||l||a,enabled:o&&O(o)||l&&O(l)||a&&O(a)||!1,maxWidth:s,display:"block",placement:"bottom-center",children:c})})};try{Z.displayName="StaticCell",Z.__docgenInfo={description:"",displayName:"StaticCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IStaticCell"}},isHeader:{defaultValue:null,description:"",name:"isHeader",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const ye=({cell:e,testId:t})=>{const{content:r,fullWidth:l,closeOnOutsideClick:a,disabled:o}=e;return n.jsx(Je,{content:r,fullWidth:l,closeOnOutsideClick:a,disabled:o,children:n.jsx("div",{className:i.popover,children:n.jsx(Z,{cell:e,testId:t})})})};try{ye.displayName="PopoverCell",ye.__docgenInfo={description:"",displayName:"PopoverCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IPopoverCell"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const fe=({cell:e,isHeader:t,columnAlignment:r,testId:l})=>{if(!e)return null;switch(e.type){case"Input":case"NumberInput":case"DateInput":case"Select":return n.jsx(ie,{cell:e,columnAlignment:r,testId:l});case"Link":return n.jsx(se,{cell:e,testId:l});case"CheckBox":return n.jsx(de,{cell:e,testId:l});case"Slider":return n.jsx(ce,{cell:e});case"Icon":return n.jsx(ue,{cell:e});case"Actions":return n.jsx(pe,{cell:e});case"Popover":return n.jsx(ye,{cell:e});default:return n.jsx(Z,{cell:e,isHeader:t,testId:l})}};try{fe.displayName="CellWrapper",fe.__docgenInfo={description:"",displayName:"CellWrapper",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"any"}},isHeader:{defaultValue:null,description:"",name:"isHeader",required:!0,type:{name:"boolean"}},columnAlignment:{defaultValue:null,description:"",name:"columnAlignment",required:!0,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}var v=(e=>(e.INPUT="Input",e.NUMBER_INPUT="NumberInput",e.SELECT="Select",e.POPOVER="Popover",e.SLIDER="Slider",e.CHECKBOX="CheckBox",e.ACTIONS="Actions",e.AUTO_UNIT="AutoUnit",e))(v||{});const ee=({cell:e,isHeader:t,columnHeaderAlignment:r,columnAlignment:l=x.LEFT,width:a,snapshot:o,testId:s})=>{if(!e)return null;const{style:u,colSpan:d,rowSpan:p,width:c}=e,y=q.useRef(null),g={bodyAlignment:l,headerAlignment:r,isHeader:t},H=qe(g,i),C=qe(g,i,!0),P=e.type===v.INPUT||e.type===v.NUMBER_INPUT||e.type===v.SELECT||e.type===v.POPOVER?i.inputCell:e.type===v.SLIDER?i.sliderCell:e.type===v.CHECKBOX?i.checkBoxCell:e.type===v.ACTIONS?i.actionsCell:i.staticCell,R=w(i.cell,P,e.hasSort?i.sortingCell:null,H,e.breakWord?i.breakWord:""),k=c??a??((o==null?void 0:o.isDragging)&&y.current&&y.current.offsetWidth)??void 0,I={width:k,minWidth:k,...u},A=t?"th":"td";return n.jsx(A,{ref:y,className:R,style:I,colSpan:d,rowSpan:p,children:n.jsx(fe,{cell:e,columnAlignment:C??x.RIGHT,isHeader:t,testId:s})})};try{ee.displayName="Cell",ee.__docgenInfo={description:"",displayName:"Cell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!1,type:{name:"TCellShape"}},isHeader:{defaultValue:null,description:"",name:"isHeader",required:!0,type:{name:"boolean"}},columnHeaderAlignment:{defaultValue:null,description:"",name:"columnHeaderAlignment",required:!1,type:{name:"string"}},columnAlignment:{defaultValue:{value:"Align.LEFT"},description:"",name:"columnAlignment",required:!1,type:{name:"Align.LEFT | Align.RIGHT | null"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},snapshot:{defaultValue:null,description:"",name:"snapshot",required:!1,type:{name:"any"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const F=({row:e,rowIndex:t,isHeader:r=!1,columnCount:l,colSpan:a,columnHeaderAlignments:o=[],columnAlignment:s=[],hasRowActions:u,draggableTable:d=!1,snapshot:p=null,provided:c=null,width:y,columnWidths:g,testId:H})=>{const C=q.useRef(null),P=Nn(o,r,t),{onRowClick:R,onRowFocus:k,onRowMouseEnter:I,onRowMouseLeave:A,expandedContent:j,error:ne,warning:L,active:E}=e,S=e.cells.map((h,T)=>{const $=`${r?0:1}_${t}_${T}`;return n.jsx(ee,{cell:h,isHeader:r,columnAlignment:s[T],columnHeaderAlignment:P[T],width:g?g[T]:void 0,snapshot:p,testId:h.testId},$)}),V=u&&n.jsx(ee,{cell:{type:v.ACTIONS,actions:e.actions},isHeader:r},l),te=(h,T)=>({minWidth:h&&`${y}px`,width:h&&"100%",display:h&&"table",background:h&&"var(--color-background-listitem-active)",border:h&&"var(--color-border)",borderTop:h&&0,opacity:h&&.1,...T}),U=()=>e.noDrag?n.jsx("td",{"aria-labelledby":"unique-label-id"}):n.jsx("td",{className:b.dragIconCell,children:n.jsx("div",{...c.dragHandleProps,className:b.dragIcon,children:n.jsx(M,{icon:B.DRAG})})});return r?n.jsxs(n.Fragment,{children:[n.jsxs("tr",{ref:C,onClick:R,onMouseEnter:I,onMouseLeave:A,onFocus:k,className:w(R?b.clickableRow:null,I?b.hoverableRow:null),children:[d?n.jsx("th",{}):null,S,V]},t),j&&j.content?n.jsx(Y,{colSpan:a,flush:j.flush===!0,children:j.content},`${t}_expanded_content`):null]}):n.jsxs(n.Fragment,{children:[n.jsxs("tr",{onClick:R,onMouseEnter:I,onMouseLeave:A,onFocus:k,className:w(R&&!R.noStyle?b.clickableRow:null,I&&!I.noStyle?b.hoverableRow:null,E?b.rowActive:null,ne?b.errorRow:null,L?b.warningRow:null),ref:(c==null?void 0:c.innerRef)||null,...(c==null?void 0:c.draggableProps)||null,style:p&&c?te(p.isDragging,c.draggableProps.style):null,children:[d?U():null,S,V]},t),j&&j.content?n.jsx(Y,{colSpan:a,flush:j.flush===!0,children:j.content},`${t}_expanded_content`):null]})};try{F.displayName="Row",F.__docgenInfo={description:"",displayName:"Row",props:{row:{defaultValue:null,description:"",name:"row",required:!0,type:{name:"TRowType"}},rowIndex:{defaultValue:null,description:"",name:"rowIndex",required:!0,type:{name:"number"}},isHeader:{defaultValue:{value:"false"},description:"",name:"isHeader",required:!1,type:{name:"boolean"}},columnCount:{defaultValue:null,description:"",name:"columnCount",required:!0,type:{name:"number"}},colSpan:{defaultValue:null,description:"",name:"colSpan",required:!0,type:{name:"number"}},columnHeaderAlignments:{defaultValue:{value:"[]"},description:"",name:"columnHeaderAlignments",required:!1,type:{name:"string[] | string[][]"}},columnAlignment:{defaultValue:{value:"[]"},description:"",name:"columnAlignment",required:!1,type:{name:"string[]"}},hasRowActions:{defaultValue:null,description:"",name:"hasRowActions",required:!0,type:{name:"boolean"}},draggableTable:{defaultValue:{value:"false"},description:"",name:"draggableTable",required:!1,type:{name:"boolean"}},snapshot:{defaultValue:{value:"null"},description:"",name:"snapshot",required:!1,type:{name:"any"}},provided:{defaultValue:{value:"null"},description:"",name:"provided",required:!1,type:{name:"any"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},columnWidths:{defaultValue:null,description:"",name:"columnWidths",required:!1,type:{name:"string[]"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const ke=e=>{var je,Ne,we,Re,Ae,ve,Se;const{onListReorder:t=()=>{},table:r}=e,{columnWidths:l,footer:a,name:o,rows:s=[],actions:u,actionsRight:d,columnHeaderAlignments:p,columnAlignment:c,striped:y=!0,testId:g,draggable:H,defaultEmptyRow:C=null,onAddRow:P=null,bordered:R=!0,maxHeight:k,fixedWidth:I}=r,A=q.useRef(null),[j,ne]=q.useState({width:0,height:0});q.useEffect(()=>{A.current&&ne({width:A.current.offsetWidth,height:A.current.offsetHeight})},[]);const L=Fe.get(e,"table.headers",[]),E=mn(s,L),S=_n(s,L),V=E+(S?1:0),te=a?((Ne=(je=a==null?void 0:a.pagination)==null?void 0:je.rowsPerPage)==null?void 0:Ne.value)===0||Number((we=a==null?void 0:a.pagination)==null?void 0:we.selectedPage)>=Number((Re=a==null?void 0:a.pagination)==null?void 0:Re.rowCount)/Number((ve=(Ae=a==null?void 0:a.pagination)==null?void 0:Ae.rowsPerPage)==null?void 0:ve.value):!0,U=((Se=C==null?void 0:C.cells)==null?void 0:Se.length)&&P&&te,T={cells:U?C.cells.map((m,N)=>(m==null?void 0:m.type)==="Input"?{...m,onChange:_=>{var G;const f=(G=_==null?void 0:_.target)==null?void 0:G.value,D={...C,cells:C.cells.map((X,We)=>({...X,value:We===N?f:X==null?void 0:X.value}))};P({newRow:D})}}:{...m,disabled:!0}):null,testId:g?`${g}-last-empty-row`:void 0},$=U?s.concat(T):s,xe={...r,rows:$},Ce=w(W.wrapper,R?W.bordered:""),Ie={maxHeight:k,width:I,display:I==="auto"?"inline-flex":"flex"};return H?n.jsxs("div",{ref:A,className:Ce,style:Ie,children:[n.jsx(z,{actions:u,actionsRight:d,name:o,testId:g&&`${g}-title`}),n.jsx(Pe,{onDragEnd:m=>{var f,D;const N=(f=m==null?void 0:m.source)==null?void 0:f.index,_=(D=m==null?void 0:m.destination)==null?void 0:D.index;typeof N=="number"&&typeof _=="number"&&t({from:N,to:_})},children:n.jsx(Le,{droppableId:"droppable",children:m=>n.jsx(K,{table:xe,children:({visibleRows:N})=>n.jsxs("table",{className:w(W.table,y?W.striped:""),"data-testid":g,ref:m.innerRef,children:[n.jsx("thead",{children:L.map((_,f)=>n.jsx(F,{rowIndex:f,isHeader:!0,row:_,columnCount:E,columnWidths:l,colSpan:V,hasRowActions:S,columnAlignment:c,columnHeaderAlignments:p,draggableTable:H},`0_${f}`))}),n.jsxs("tbody",{children:[$.slice(0,N).map((_,f)=>n.jsx(De,{draggableId:f+"",index:f,isDragDisabled:_.noDrag,children:(D,G)=>n.jsx(F,{rowIndex:f,row:_,columnCount:E,columnWidths:l,colSpan:V,hasRowActions:S,columnAlignment:c,provided:D,snapshot:G,draggableTable:H,width:j.width},`1_${f}`)},`index_${f}`)),m.placeholder]})]})})})}),a&&n.jsx(J,{pagination:a.pagination,actions:a.actions,content:a.content})]}):n.jsxs("div",{className:Ce,style:Ie,children:[n.jsx(z,{actions:u,actionsRight:d,name:o,testId:g&&`${g}-title`}),n.jsx(K,{table:xe,children:({visibleRows:m})=>n.jsxs("table",{className:w(W.table,y?W.striped:""),"data-testid":g,children:[n.jsx("thead",{children:L.map((N,_)=>n.jsx(F,{rowIndex:_,isHeader:!0,row:N,columnCount:E,columnWidths:l,colSpan:V,hasRowActions:S,columnAlignment:c,columnHeaderAlignments:p},`0_${_}`))}),n.jsx("tbody",{children:$.slice(0,m).map((N,_)=>n.jsx(F,{rowIndex:_,row:N,columnCount:E,columnWidths:l,colSpan:V,hasRowActions:S,columnAlignment:c},`1_${_}`))})]})}),a&&n.jsx(J,{colSpan:V,pagination:a.pagination,actions:a.actions,content:a.content})]})};try{ke.displayName="Table",ke.__docgenInfo={description:"",displayName:"Table",props:{onListReorder:{defaultValue:null,description:"",name:"onListReorder",required:!1,type:{name:"((obj: { from: number; to: number; }) => void)"}},table:{defaultValue:null,description:"",name:"table",required:!0,type:{name:"{ name?: string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null | undefined; ... 18 more ...; actions?: any; }"}}}}}catch{}export{v as C,ke as T};

package/dist/storybook/assets/table-smKT-hbF.css

@@ -0,0 +1 @@
+._inputInTable_y9car_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_y9car_1:not(:hover){border-color:transparent}._inputInTable_y9car_1:not(:focus){box-shadow:none}._inputHover_y9car_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_y9car_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_y9car_25,._inputWarning_y9car_26{position:relative}._inputError_y9car_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._inputError_y9car_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_y9car_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_y9car_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._inputWarning_y9car_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_y9car_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_y9car_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_y9car_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_y9car_67::-webkit-scrollbar{display:none}:root{--color-background-table-header: var(--color-neutral-150);--color-background-table-row-tinted: var(--color-neutral-50)}html[data-theme=dark]{--color-background-table-header: var(--color-neutral-800);--color-background-table-row-tinted: var(--color-neutral-800)}._wrapper_y9car_85{border-radius:inherit;max-height:100%;max-width:100%;display:flex;flex-direction:column;overflow:hidden}._wrapper_y9car_85._bordered_y9car_93{border-radius:var(--border-radius);border:1px solid var(--color-border);box-shadow:var(--shadow-card)}._scroll_y9car_98{overflow-y:auto;border-radius:inherit;flex:1;min-height:0}._scroll_y9car_98:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}._table_y9car_108{background:var(--color-background-raised);color:var(--color-text);border-collapse:separate;border-spacing:0;border-radius:inherit;width:100%;font-variant-numeric:tabular-nums}._table_y9car_108>:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}._table_y9car_108>:first-child>:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}._table_y9car_108>:first-child>:first-child>:first-child{border-top-left-radius:inherit}._table_y9car_108>:first-child>:first-child>:last-child{border-top-right-radius:inherit}._table_y9car_108>:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}._table_y9car_108>:last-child>:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}._table_y9car_108>:last-child>:last-child>:first-child{border-bottom-left-radius:inherit}._table_y9car_108>:last-child>:last-child>:last-child{border-bottom-right-radius:inherit}th,td{padding:var(--padding-input)!important;height:var(--size);background:inherit;border-color:var(--color-border);border-style:solid;border-width:0}th:not(:first-child),td:not(:first-child){border-left-width:1px}._table_y9car_108>*:not(:last-child)>tr th,._table_y9car_108>*:not(:last-child)>tr td,._table_y9car_108>*:last-child>tr:not(:last-child) th,._table_y9car_108>*:last-child>tr:not(:last-child) td{border-bottom-width:1px}@-moz-document url-prefix(){tr{height:var(--size)}td,th{height:100%}}thead{position:sticky;top:0;overflow:hidden;z-index:5}thead tr{background-color:var(--color-background-table-header)}tbody{overflow:hidden}tbody tr{background-color:var(--color-background-raised)}._striped_y9car_188 tbody tr:nth-child(2n){background-color:var(--color-background-table-row-tinted)}._title_zn5s7_1{background-color:var(--color-background-cardheader);border-bottom:1px solid var(--color-border);padding:var(--padding-xxs) var(--padding-sm);display:flex;align-items:center;justify-content:space-between;gap:4px;width:100%;border-top-left-radius:inherit;border-top-right-radius:inherit;flex-shrink:0}._footer_4sumy_1{background-color:var(--color-background-table-header);z-index:4;overflow:hidden;flex-shrink:0}._section_4sumy_7{padding:var(--padding-input);display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--color-border)}._clickableRow_1ki29_1{cursor:pointer}._hoverableRow_1ki29_4:not(._rowActive_1ki29_4):hover,._clickableRow_1ki29_1:not(._rowActive_1ki29_4):hover{background-color:var(--color-background-listitem-hover)!important}._expandableRow_1ki29_8._flush_1ki29_8{padding:0!important;height:auto!important}._errorRow_1ki29_12{background-color:var(--color-background-error-muted)!important}._warningRow_1ki29_15{background-color:var(--color-background-warning-muted)!important}._rowActive_1ki29_4{position:relative;background-color:var(--color-background-listitem-active)!important}._rowActive_1ki29_4:after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;border-top-left-radius:inherit;border-bottom-left-radius:inherit;transition:background .3s;background:var(--color-background-primary)}._dragIconCell_1ki29_34{width:var(--size);min-width:var(--size);position:relative}._dragIcon_1ki29_34{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;bottom:0;left:0;color:var(--color-text-faint)}._dragIcon_1ki29_34:hover{color:var(--color-text-primary-hover)}._dragIcon_1ki29_34:active{color:var(--color-text-primary-active)}._inputInTable_u3xdj_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_u3xdj_1:not(:hover){border-color:transparent}._inputInTable_u3xdj_1:not(:focus){box-shadow:none}._inputHover_u3xdj_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_u3xdj_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_u3xdj_25,._inputWarning_u3xdj_26{position:relative}._inputError_u3xdj_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._inputError_u3xdj_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_u3xdj_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_u3xdj_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._inputWarning_u3xdj_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_u3xdj_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_u3xdj_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_u3xdj_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_u3xdj_67::-webkit-scrollbar{display:none}._cell_u3xdj_77 a{cursor:pointer;color:var(--color-text-primary)}._cell_u3xdj_77 a:hover{color:var(--color-text-primary-hover)}._cell_u3xdj_77 a:active{color:var(--color-text-primary-active)}._cell_u3xdj_77 a._disabledLink_u3xdj_87{color:var(--color-text-faint)!important;cursor:default!important}._inputWrapper_u3xdj_91{height:100%;border-radius:inherit}._inputWrapper_u3xdj_91>span,._inputWrapper_u3xdj_91>span>span,._inputWrapper_u3xdj_91>span>span>div{height:100%;border-radius:inherit}._inputWrapper_u3xdj_91>div,._inputWrapper_u3xdj_91>div>span{height:100%;border-radius:inherit}._breakWord_u3xdj_106{word-break:break-word}._inputCell_u3xdj_109{padding:0!important}._sliderCell_u3xdj_112{padding-top:0!important;padding-bottom:0!important}._staticCell_u3xdj_116{padding:0!important}._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119{line-height:1.25;min-height:100%;padding:var(--padding-input);position:relative;border-radius:inherit;display:flex;align-items:center}tbody ._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119{color:var(--color-text-muted)}._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119._error_u3xdj_131,._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119._warning_u3xdj_132{border:1px solid transparent}._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119._error_u3xdj_131{background-color:var(--color-background-error-muted)}._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119._warning_u3xdj_132{background-color:var(--color-background-warning-muted)}._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119._unit_u3xdj_141{font-weight:400}._sortingCell_u3xdj_144 ._staticCellContent_u3xdj_119{position:relative;padding-right:calc(var(--size) + var(--padding-xxs))!important;cursor:pointer!important}._sortingCell_u3xdj_144 ._staticCellContent_u3xdj_119:hover{background-color:#0000000d!important}[data-theme=dark] ._sortingCell_u3xdj_144 ._staticCellContent_u3xdj_119:hover{background-color:#ffffff1a!important}._sortingCell_u3xdj_144 ._sortingCellIcon_u3xdj_155{font-size:var(--size-xs);position:absolute;right:var(--padding-input-x);top:50%;transform:translateY(-50%);display:flex}._sortingCell_u3xdj_144 ._sortingCellIcon_u3xdj_155>*{display:flex}._icon_u3xdj_166{display:inline-flex;margin-left:var(--padding-xxs)}._checkBoxCell_u3xdj_170{padding-block:0!important;width:var(--size)}._iconCellWrapper_u3xdj_174{display:flex;justify-content:center}._actionsCell_u3xdj_178{width:var(--size-sm);padding:0 calc((var(--size) - var(--size-sm)) / 2)!important;position:sticky;right:0;background:inherit;z-index:4}._rightAligned_u3xdj_186{text-align:right!important}._rightAligned_u3xdj_186 ._staticCellContent_u3xdj_119{justify-content:flex-end}._centerAligned_u3xdj_192{text-align:center!important}._centerAligned_u3xdj_192 ._staticCellContent_u3xdj_119{justify-content:center}._leftAligned_u3xdj_198{text-align:left!important}._popover_u3xdj_201{padding:var(--padding-input)}._disabledPointerEvents_u3xdj_204{pointer-events:none}

package/dist/storybook/assets/table.stories-data-UqqhbXjA.js

@@ -0,0 +1 @@
+import{j as t}from"./jsx-runtime-FsUICBgo.js";import{I as o,T as c}from"./common-types-U65vzrrz.js";import{F as v}from"./flex-RYZsoWEN.js";import{M as p}from"./actions-Z1pyUd57.js";import{T as d}from"./text-6KQ6ntOV.js";import{I as n}from"./icon-_m67DAr0.js";import{M as r}from"./types-VB5zD18b.js";const e={headers:[{cells:[{value:"Name"},{value:"Weight"},{value:"Energy"},{value:"Origin"}]}],rows:[{cells:[{value:"Brown rice",testId:"table-tbody-cell-brown-rice"},{value:100,testId:"table-tbody-cell-100"},{value:361,testId:"table-tbody-cell-361"},{value:"Vietnam",testId:"table-tbody-cell-vietnam"}]},{cells:[{value:"Buckwheat",testId:"table-tbody-cell-buckwheat"},{value:50,testId:"table-tbody-cell-50"},{value:358,testId:"table-tbody-cell-358"},{value:"Poland",testId:"table-tbody-cell-poland"}]},{cells:[{value:"Couscous",testId:"table-tbody-cell-couscous"},{value:10,testId:"table-tbody-cell-10"},{value:368,testId:"table-tbody-cell-368"},{value:"France",testId:"table-tbody-cell-france"}]}]},S={...e,columnWidths:["200px","20%","100px","auto"]},x={...e,rows:e.rows.map(l=>({...l,cells:l.cells.map(a=>({...a,tooltip:"Tooltip"}))}))},f={...e,rows:e.rows.map(l=>({...l,cells:l.cells.map(a=>({...a,width:"200px"}))}))},W={...e,rows:e.rows.map(l=>({...l,cells:l.cells.map(a=>({...a,style:{width:"200px",background:"var(--color-background-table-header)",fontWeight:"bold"}}))}))},F={...e,rows:[{cells:[{breakWord:!0,value:"LoremipsumdolorsitametconsecteturadipiscingelitseddoeiusmodtemporincididuntutlaboreetdoloremagnaaliquaUtenimadminimveniamquisnostrudexercitationullamcolaborisnisiutaliquipexeacommodoconsequatDuisauteiruredolorinreprehenderitinvoluptatevelitessecillumdoloreeullamcolaborisnisiutaliquipexeacommodoconsequatDuisauteiruredolorinreprehenderitinvoluptatevelitessecillumdoloreeufugiatnullapariaturufugiatnullapariatur"},{value:100},{value:361},{value:"Vietnam"}]},...e.rows]},D={...e,headers:[...e.headers,{cells:[{},{options:[{label:"kg",value:"kg"},{label:"tonnes",value:"tonnes"}],type:"Select",searchable:!1,value:{label:"kg",value:"kg"},onChange:()=>{}},{type:"Unit",value:"kcal / 100g"},{}]}]},L={...e,rows:e.rows.map((l,a)=>({...l,active:a===0,onRowClick:()=>{}}))},E={...e,rows:e.rows.map((l,a)=>({...l,error:a===1}))},A={...e,rows:e.rows.map((l,a)=>({...l,warning:a===1}))},P={...e,name:"Food"},V={...e,name:t.jsxs(v,{gap:"var(--padding-xs)",alignItems:"center",children:["Food",t.jsx(n,{icon:o.STAR})]})},u=[{childComponent:t.jsx(p,{menu:{label:"Import food",trigger:c.DROP_DOWN_BUTTON,sections:[{type:r.HEADING,label:"Import options"},{type:r.OPTION,label:"Import from csv"},{type:r.OPTION,label:"Import from library"}],small:!0}})}],B={...e,name:"Food",actions:u,testId:"table-child-component"},N={...e,actions:u,actionsRight:!0},i={...e,headers:[...e.headers,{cells:[{},{options:[{label:"kg",value:"kg"},{label:"tonnes",value:"tonnes"}],type:"Select",native:!0,value:{label:"kg",value:"kg"},onChange:()=>{}},{type:"Unit",value:"kcal / 100g"},{}]}],bordered:!0,infiniteScroll:!0,maxHeight:"500px",stickyHeaders:!0,rows:Array.from({length:100},(l,a)=>({cells:[{type:"Input",value:`Strawberry Letter ${a+1}`},{type:"Input",value:100},{type:"Input",value:361},{type:"Input",value:"Vietnam"}]})),footer:{content:t.jsxs(t.Fragment,{children:[t.jsx("strong",{children:"Footer content:"})," goes here"]})}},O={...i,maxHeight:"100%"},j={...i,rows:Array.from({length:1},(l,a)=>({cells:[{type:"Input",value:`Strawberry Letter ${a+1}`},{type:"Input",value:100},{type:"Input",value:361},{type:"Input",value:"Vietnam"}]}))},T={...i,draggable:!0},H={...e,rows:e.rows.map(l=>({...l,onRowFocus:()=>{}}))},b=()=>t.jsxs("ul",{children:[t.jsx("li",{children:"Carrots"}),t.jsx("li",{children:"Chocolate"}),t.jsx("li",{children:"Chorizo"})]}),R={headers:[{cells:[{value:"Name"},{value:"Content"}]}],rows:[{cells:[{value:"Sub-component"},{value:b()}]},{cells:[{value:"JSX"},{value:t.jsxs("div",{children:["Some ",t.jsx(d,{bold:!0,children:"bold content"})]})}]}]},m={...e,headers:[{cells:[{value:""},{value:"Stats",colSpan:2},{value:""}]},...e.headers],rows:[...e.rows,{cells:[{value:"Total",colSpan:4}]}]},q={...e,headers:[{cells:[{value:"Name",colSpan:2},{value:"Origin",rowSpan:2}]},{cells:[{value:"English"},{value:"Chinese"}]}],rows:[{cells:[{type:"Input",value:"Brown rice"},{type:"Input",value:"糙米"},{type:"Select",options:[{label:"China",value:"China"},{label:"France",value:"France"},{label:"Poland",value:"Poland"}],value:{label:"China",value:"China"},rowSpan:2}]},{cells:[{type:"Input",value:"White rice"},{type:"Input",value:"白米"}]}]},M={...e,columnWidths:["auto","120px","120px","auto"],headers:[{cells:[{value:"Header"},{value:"Header",colSpan:2},{value:"Header"}]}]},U={...e,columnAlignment:["left","right","right","left"]},J={...m,columnAlignment:["left","right","right","left","right"],columnHeaderAlignments:[["","center",""],["","right","right",""]]},s={fixedWidth:"auto",headers:[{cells:[{value:"Input",testId:"with-editable-cells-cell-name",width:"140px"},{value:"Select (native)",width:"140px"},{value:"Number Input",width:"140px"},{value:"Select (custom)",width:"140px"},{value:"Slider",width:"140px"},{value:"Static"}]}],rows:[{cells:[{value:"Buckwheat",type:"Input",onChange:()=>{},testId:"table-tbody-cell-buckwheat"},{type:"Select",native:!0,options:[{label:50,value:50},{label:100,value:100}],value:{label:100,value:100},onChange:()=>{}},{value:361,type:"NumberInput",onChange:()=>{}},{type:"Select",options:[{label:"France",value:"France"},{label:"Poland",value:"Poland"},{label:"Vietnam",value:"Vietnam"}],value:{label:"Poland",value:"Poland"},onChange:()=>{}},{type:"Slider",value:50,min:0,max:100,onChange:()=>{}},{value:361}]},{cells:[{value:"Arborio rice",type:"Input",onChange:()=>{},testId:"table-tbody-cell-arborio",error:"Error"},{type:"Select",native:!0,options:[{label:50,value:50},{label:100,value:100}],value:{label:100,value:100},onChange:()=>{},error:"Error"},{value:361,type:"NumberInput",onChange:()=>{},error:"Error"},{type:"Select",options:[{label:"France",value:"France"},{label:"Italy",value:"Italy"},{label:"Vietnam",value:"Vietnam"}],value:{label:"Italy",value:"Italy"},onChange:()=>{},error:"Error"},{type:"Slider",value:50,min:0,max:100,onChange:()=>{},error:"Error"},{value:361,error:"Error"}]},{cells:[{value:"Couscous",type:"Input",onChange:()=>{},testId:"table-tbody-cell-couscous",warning:"Warning"},{type:"Select",native:!0,options:[{label:50,value:50},{label:100,value:100}],value:{label:100,value:100},onChange:()=>{},warning:"Warning"},{value:361,type:"NumberInput",onChange:()=>{},warning:"Warning"},{type:"Select",options:[{label:"France",value:"France"},{label:"Poland",value:"Poland"},{label:"Vietnam",value:"Vietnam"}],value:{label:"France",value:"France"},onChange:()=>{},warning:"Warning"},{type:"Slider",value:50,min:0,max:100,onChange:()=>{},warning:"Warning"},{value:361,warning:"Warning"}]}]},z={...e,headers:e.headers.map(l=>({...l,cells:[{type:"CheckBox",onChange:()=>{}},...l.cells]})),rows:e.rows.map(l=>({...l,cells:[{type:"CheckBox",onChange:()=>{}},...l.cells]}))},_={...s,rows:s.rows.map(l=>({...l,cells:l.cells.map(a=>({...a,disabled:!0}))}))},G={...e,headers:[...e.headers,{cells:[{value:"",type:"Input",placeholder:"Search",onChange:()=>{}},{value:"",type:"Input",placeholder:"Search",onChange:()=>{}},{value:"",type:"Input",placeholder:"Search",onChange:()=>{}},{value:"",type:"Input",placeholder:"Search",onChange:()=>{}}]}]},$={headers:[{cells:[{value:"Name"},{value:"Weight (kg)",hasSort:!0,sort:"up",sortPriority:1,onSort:()=>{}},{value:"Energy (kcal / 100g)",hasSort:!0,sort:"down",sortPriority:2,onSort:()=>{}},{value:"Origin",hasSort:!0,sort:"",sortPriority:1,onSort:()=>{}}]}],rows:[{cells:[{value:"Brown rice"},{value:100},{value:361},{value:"Vietnam"}]},{cells:[{value:"Buckwheat"},{value:50},{value:358},{value:"Poland"}]},{cells:[{value:"Couscous"},{value:10},{value:368},{value:"France"}]}]},K={headers:[{cells:[{},{value:"Name"},{value:"Weight (kg)"},{value:"Energy (kcal / 100g)"},{value:"Origin"}]}],rows:[{cells:[{type:"Icon",icon:t.jsx(n,{icon:o.SUCCESS,color:"var(--color-text-success)"}),tooltip:"Success tooltip here",width:"var(--size)"},{value:"Brown rice"},{value:100},{value:361},{value:"Vietnam"}]},{cells:[{type:"Icon",icon:t.jsx(n,{icon:o.WARNING,color:"var(--color-text-warning)"}),tooltip:"Warning tooltip here",width:"var(--size)"},{value:"Buckwheat"},{value:50},{value:358},{value:"Poland"}]},{cells:[{type:"Icon",icon:t.jsx(n,{icon:o.ERROR,color:"var(--color-text-error)"}),tooltip:"Error tooltip here",width:"var(--size)"},{value:"Couscous"},{value:10},{value:368},{value:"France"}]}]},X={headers:[{cells:[{value:"Lorem"},{value:"Ipsum"}]}],rows:[{cells:[{type:"Link",value:"Link text",onClick:()=>console.log("Link clicked")},{type:"Link",value:"Disabled link text",disabled:!0,onClick:()=>console.log("Link clicked")}]},{cells:[{type:"Link",value:"Static warning link",warning:"Warning message",onClick:()=>console.log("Link clicked")},{type:"Link",value:"Static error link",error:"Error message",onClick:()=>console.log("Link clicked")}]}]},Q={headers:[{cells:[{value:"Name"},{value:"Weight (kg)"},{value:"Energy (kcal / 100g)"},{value:"Origin"},{value:"Lorem"},{value:"Ipsum"},{value:"Dolor"}],actions:[{primary:!0,label:"Add",icon:"add",onClick:()=>{}}]}],rows:[{cells:[{value:"Brown rice"},{value:100},{value:361},{value:"Vietnam"},{value:"Lorem"},{value:"Ipsum"},{value:"Dolor"}],actions:[{label:"Delete",icon:"minus",onClick:()=>{}}]},{cells:[{value:"Buckwheat"},{value:50},{value:358},{value:"Poland"},{value:"Lorem"},{value:"Ipsum"},{value:"Dolor"}],actions:[{label:"Delete",icon:"minus",onClick:()=>{}}]},{cells:[{value:"Couscous"},{value:10},{value:368},{value:"France"},{value:"Lorem"},{value:"Ipsum"},{value:"Dolor"}],actions:[{label:"test",icon:"minus",onClick:()=>{},hidden:!0}]}]},Y={headers:[{cells:[{value:"Name"},{value:"Weight (kg)"},{value:"Energy (kcal / 100g)"},{value:"Origin"}],actions:[{primary:!0,label:"Add",icon:"add",onClick:()=>{}}]}],rows:[{cells:[{value:"Brown rice"},{value:100},{value:361},{value:"Vietnam"}],actions:[{label:"More",subActions:[{label:"Move Up",icon:"up",onClick:()=>{}},{label:"Move Down",icon:"down",onClick:()=>{}}]},{label:"Delete",icon:"minus",onClick:()=>{}}]},{cells:[{value:"Buckwheat"},{value:50},{value:358},{value:"Poland"}],actions:[{label:"More",subActions:[{label:"Move Up",icon:"up",onClick:()=>{}},{label:"Move Down",icon:"down",onClick:()=>{}}]},{label:"Delete",icon:"minus",onClick:()=>{}}]},{cells:[{value:"Couscous"},{value:10},{value:368},{value:"France"}],actions:[{label:"More",subActions:[{label:"Move Up",icon:"up",onClick:()=>{}},{label:"Move Down",icon:"down",onClick:()=>{}}]},{label:"Delete",icon:"minus",onClick:()=>{}}]}]},Z={...e,footer:{content:t.jsxs(t.Fragment,{children:[t.jsx("strong",{children:"Footer content:"})," goes here"]}),pagination:{rowCount:500,selectedPage:10,rowsPerPage:{onChange:()=>{},options:[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],value:20},goTo:{onChange:()=>{}},onSelectPage:()=>{},small:!0},actions:[{label:"Star",icon:"star",onClick:()=>{}}]}},ee={...e,headers:e.headers.map(l=>({...l,cells:l.cells.map(a=>({...a,helpIcon:{onClick:()=>console.log("Help clicked"),tooltip:"Help text goes here"},libraryIcon:{onClick:()=>console.log("Library clicked"),tooltip:"Edit in library"}}))}))},le={columnWidths:[void 0,"100px","100px","100px",void 0],columnAlignment:["left","right","left","left","left","right"],columnHeaderAlignments:[["left","right","left","left","left","right"]],headers:[{cells:[{value:"Lorem ipsum dolor sit amet consectetur adipiscing elit sed doeius mod tempor incididunt laboreet dolore magna aliqua"},{value:"Weight (kg)"},{value:"Energy (kcal / 100g)"},{value:"Origin"},{value:"Static"},{value:"Static Right"}]}],rows:[{cells:[{breakWord:!0,value:"LoremipsumdolorsitametconsecteturadipiscingelitseddoeiusmodtemporincididuntutlaboreetdoloremagnaaliquaUtenimadminimveniamquisnostrudexercitationullamcolaborisnisiutaliquipexeacommodoconsequatDuisauteiruredolorinreprehenderitinvoluptatevelitessecillumdoloreeullamcolaborisnisiutaliquipexeacommodoconsequatDuisauteiruredolorinreprehenderitinvoluptatevelitessecillumdoloreeufugiatnullapariaturufugiatnullapariatur"},{type:"Select",native:!0,options:[{label:50,value:50},{label:100,value:100}],value:{label:100,value:100},onChange:()=>{},disabled:!0},{type:"Select",options:[{label:"Vietnam",value:"Vietnam"},{label:"Other",value:"Other"}],value:{label:"Vietnam",value:"Vietnam"},onChange:()=>{},error:"Error"},{value:"Brown rice",type:"Input",onChange:()=>{},testId:"table-tbody-cell-brown-rice",warning:"Warning message"},{value:"Static warning",warning:"Warning message"},{value:"100"}]},{cells:[{value:"Buckwheat"},{type:"Select",native:!0,options:[{label:50,value:50},{label:100,value:100}],value:{label:100,value:100},onChange:()=>{}},{type:"Select",options:[{label:"Vietnam",value:"Vietnam"},{label:"Other",value:"Other"}],value:{label:"Vietnam",value:"Vietnam"},onChange:()=>{}},{value:"Brown rice",type:"Input",onChange:()=>{},testId:"table-tbody-cell-brown-rice"},{type:"Link",value:"Static error link",error:"Error message"},{value:"100"}]}]},ae={fixedWidth:"auto",headers:[{cells:[{value:"Name"},{value:"Date of birth"}]}],rows:[{cells:[{value:"John Smith",width:"140px"},{value:"1980-05-05",type:"DateInput",width:"110px"}]},{cells:[{value:"Jane Doe",width:"140px"},{value:"1984-12-12",type:"DateInput",width:"110px"}]}]};export{i as A,O as B,j as C,T as D,D as E,P as F,V as G,B as H,G as I,$ as J,N as K,ee as L,s as a,_ as b,ae as c,m as d,M as e,f,W as g,q as h,z as i,K as j,X as k,Q as l,Y as m,R as n,x as o,F as p,le as q,Z as r,L as s,e as t,E as u,A as v,H as w,S as x,U as y,J as z};

package/dist/storybook/assets/{table.stories-tEvulp9K.js → table.stories-rKzdxDA4.js}

@@ -1,49 +1,49 @@
-import{j as n}from"./jsx-runtime-FsUICBgo.js";import{r as S}from"./index-RfLt4OUa.js";import{f as K}from"./immer.esm-bD7SSJ7T.js";import{l as oe}from"./lodash-Bmg8FrMx.js";import{G as se}from"./grid-u1mZpaML.js";import{T as V}from"./text-6KQ6ntOV.js";import{T as A}from"./table-i8WT9qpj.js";import{C as sn}from"./card-0r8RRVk-.js";import{I as ae}from"./input-u1He-wWs.js";import{F as re}from"./field-eknsj_Ll.js";import{H as ln}from"./heading-Bk0bpNfe.js";import{t as ne,a as on,b as cn,c as dn,d as un,e as pn,f as gn,g as mn}from"./table.stories-data-4h6h0P0V.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./tslib.es6-OIsz3r9a.js";import"./index-VW3EWkuE.js";import"./index.es-JXn3JM7k.js";import"./inheritsLoose-Y9jOMJLd.js";import"./extends-dGVwEr9R.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./index-miLrID2P.js";import"./memoize-one.esm-hqe5SRxC.js";import"./icon-y1a2N5SZ.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./actions-Z9jDWreP.js";import"./common-types-U65vzrrz.js";import"./button-7V8oA22w.js";import"./spinner-R8Il4aRe.js";import"./tooltip-HEHiU__l.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./pagination-5n5spTRo.js";import"./select-JjEPivho.js";import"./assertThisInitialized-4q6YPdh3.js";import"./select.input-zP5tW20f.js";import"./input-group-R8LoqKRn.js";import"./input-group-addon-BHVsW9mL.js";import"./number-input-SvjJIGsW.js";import"./index-IQMsp8Ab.js";import"./index-cCpkwrS5.js";import"./check-box-LZdXXKhv.js";import"./help-icon--rUDxLUD.js";import"./slider-nl2rJ9LF.js";import"./index-ugi_ZH6T.js";import"./popover-Y3FpGdUS.js";import"./label-0_Qf6I8t.js";import"./flex-RYZsoWEN.js";const dt={title:"Basic/Table",component:A,args:{table:{...ne}}},I=g=>n.jsx(A,{...g}),B=I.bind({}),_=I.bind({});_.args={table:{...ne,fixedWidth:"400px"}};const M=I.bind({});M.args={table:{...ne,fixedWidth:"auto"}};const O=I.bind({});O.args={table:on};O.parameters={docs:{description:{story:"Use sparingly when certain columns cannot be below a certain width. Unless the Table is auto width, set one column to `auto` to use remaining space."}}};const L=I.bind({});L.args={table:cn};const U=I.bind({});U.args={table:dn};U.parameters={docs:{description:{story:"This is only required when you need to override `columnAlignment` in header cells (i.e. they have different alignment)"}}};const Q=I.bind({});Q.args={table:un};const E=I.bind({});E.args={table:pn};E.decorators=[g=>n.jsx("div",{style:{position:"absolute",inset:0,padding:"var(--padding)"},children:n.jsx(g,{})})];const N=I.bind({});N.args={table:gn};N.parameters={docs:{description:{story:"If a `maxHeight` is set, the table should only fill that height if it needs to."}}};const G=I.bind({});G.args={table:mn};const q=()=>n.jsx(sn,{heading:n.jsx(ln,{children:"Card heading"}),padding:!1,children:n.jsx(A,{table:{...ne,bordered:!1}})});q.parameters={docs:{source:{type:"dynamic"}}};const z=()=>{const g=["Section","Width","Height"];let u=["","m","m"],r=[...Array(175).keys()].map((s,t)=>[t,t*2,t*2]);const T=(s,t,i)=>s==="m"&&t==="ft"?i*3.28084:s==="ft"&&t==="m"?i/3.28084:i,o=(s,t,i,p)=>{r[t][i]=s.target.value,p()},C=s=>{r=r.concat([["","",""]]),s()},k=(s,t)=>{r=r.filter((i,p)=>p!==s),t()},d=(s,t,i)=>{const p=u[t],y=s.target.value;u=u.map((R,h)=>h===t?y:R),r=r.map(R=>R.map((h,b)=>b===t?T(p,y,h):h)),i()},m=()=>{const s=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],[t,i]=S.useState(10),[p,y]=S.useState(1),[R,h]=S.useState(!1),b=()=>{h(!R)},W=()=>{const e=Math.ceil(r.length/t);y(e)},D=(p-1)*t,a=t===0?r.length-1:D+t,c={headers:[{cells:g.map(e=>({value:e})),actions:[{primary:!0,label:"Add",icon:"add",onClick:()=>{C(b),W()}}]},{cells:[{},{options:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:u[1],type:"Select",native:!0,onChange:e=>d(e,1,b)},{options:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:u[2],type:"Select",native:!0,onChange:e=>d(e,2,b)}]}],rows:r.slice(D,a).map((e,l)=>{const P=D+l;return{cells:[...Array(3).keys()].map((f,w)=>({value:e[w],type:"Input",onChange:x=>o(x,P,w,b)})),actions:[{label:"Delete",icon:"minus",onClick:()=>k(P,b)}]}}),footer:{pagination:{rowCount:r.length,selectedPage:p,rowsPerPage:{onChange:e=>{const{value:l}=e.target;i(Number(l))},options:s,value:t},onSelectPage:e=>y(e),small:!0}}};return n.jsx(A,{table:c})};return n.jsx(m,{})},J=()=>{const g=["Section","Width","Height"];let u=[...Array(175).keys()].map((T,o)=>({Section:o,Width:o*2,Height:o*2}));const r=()=>{const T=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],[o,C]=S.useState(10),[k,d]=S.useState(1),[m,s]=S.useState({}),[t,i]=S.useState({});S.useEffect(()=>{d(1)},[m,t]);const p=(k-1)*o,y=o===0?u.length-1:p+o,R=(e,l,P)=>e.filter(f=>Object.keys(l).every(w=>l[w]===""?!0:f[w].toString().includes(l[w]))).sort((f,w)=>Object.entries(P).map(([x,F])=>{switch(F){case"up":return f[x]-w[x];case"down":return w[x]-f[x];default:return 0}}).reduce((x,F)=>x||F,0)),h=(e,l,P,f,w)=>{const x=e.map(v=>{const j=Object.keys(f).includes(v)?f[v]:"",H=`${v[0].toUpperCase()}${v.slice(1)}`;return{key:v,value:H,hasSort:!0,sort:j,onSort:()=>{const $=j===""?"up":j==="up"?"down":"";w({...f,[v]:$})}}}),F=e.map(v=>{const j=Object.keys(l).includes(v)?l[v]:"";return{key:v,value:j,type:"Input",placeholder:"Filter",onChange:H=>P({...l,[v]:H.target.value})}});return{dataSortCells:x,dataFilterCells:F}},{dataSortCells:b,dataFilterCells:W}=h(g,m,s,t,i),D=R(u,m,t),a=[...D.slice(p,y).map(e=>({cells:Object.entries(e).map(([P,f])=>({key:P,value:f,type:"Input",disabled:!0}))}))],c={headers:[{cells:b},{cells:W}],rows:a,footer:{pagination:{rowCount:D.length,selectedPage:k,rowsPerPage:{onChange:e=>{const{value:l}=e.target;C(Number(l))},options:T,value:o},onSelectPage:e=>d(e),small:!0}}};return n.jsx(A,{table:c})};return n.jsx(r,{})},X=()=>{const g={tea:3.6,coffee:3.2,orange:4.1},u=[{label:"Tea",value:"tea"},{label:"Coffee",value:"coffee"},{label:"Orange juice",value:"orange"}],r={cells:[{type:"Select",options:u,value:{value:"tea"}},{type:"Input"},{type:"Static"}]},T=[...Array(15).keys()].map((a,c)=>({cells:[{type:"Select",options:u,value:{value:"tea"}},{type:"Input",value:c+1},{type:"Static"}]})),[o,C]=S.useState(T),k=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],[d,m]=S.useState(10),[s,t]=S.useState(1),i=(s-1)*d,p=d===0?o.length-1:i+d,y=({newRow:a}={})=>{const c=K(o,e=>{e.push(a??r)});C(c)},R=({rowIndex:a})=>{const c=K(o,e=>{delete e[a]}).filter(e=>e);C(c)},h=({rowIndex:a,value:c})=>{const e=K(o,l=>{l[a].cells[0].value.value=c});C(e)},b=({rowIndex:a,value:c})=>{const e=K(o,l=>{l[a].cells[1].value=c});C(e)},W=({value:a})=>{const c=Number(a);return!oe.isNaN(c)&&oe.isInteger(c)&&c>0},D=o.slice(i,p).map((a,c)=>{const e=i+c;return o.length-1,{...a,cells:a==null?void 0:a.cells.map((l,P)=>{var v,j,H,$,le;const f=(H=(j=(v=a==null?void 0:a.cells)==null?void 0:v[0])==null?void 0:j.value)==null?void 0:H.value,w=Number((le=($=a==null?void 0:a.cells)==null?void 0:$[1])==null?void 0:le.value),x=g==null?void 0:g[f],F=x&&W({value:w})?(x*w).toFixed(2):null;if(P===0)return{...l,onChange:te=>h({rowIndex:e,value:te.target.value})};if(P===1)return{...l,onChange:te=>b({rowIndex:e,value:te.target.value}),error:W({value:l.value})?null:"Must be valid whole number"};if(P===2)return{...l,value:F}}),actions:[{label:"Delete",icon:"minus",onClick:()=>R({rowIndex:e})}]}});return n.jsx(A,{table:{defaultEmptyRow:r,onAddRow:y,columnAlignment:["left","right","right"],headers:[{cells:[{value:"Drink"},{value:"Quantity"},{value:"Total Price (£)"}],actions:[{primary:!0,icon:"plus",label:"Add",onClick:()=>y()}]}],rows:D,footer:{pagination:{rowCount:o.length,selectedPage:s,rowsPerPage:{onChange:a=>{const{value:c}=a.target;m(Number(c))},options:k,value:d},onSelectPage:a=>t(a),small:!0}}}})},Y=()=>{const g=["Section","Width","Height"];let u=Array.from(Array(10),(d,m)=>[m,m*2,m*2]);const[r,T]=S.useState({pastedValues:"",rowIndex:0,cellIndex:0}),o=(d,m,s,t)=>{u[m][s]=Number(d.target.value),t()},C=(d,m,s,t)=>{var p;let i=((p=d==null?void 0:d.clipboardData)==null?void 0:p.getData("text"))??"";return T({rowIndex:m,cellIndex:s,pastedValues:i}),t(),{pastedData:r}},k=()=>{const[d,m]=S.useState(!1),s=()=>{m(!d)},t={headers:[{cells:g.map(i=>({value:i}))}],rows:u.map((i,p)=>{const y=p;return{cells:[...Array(3).keys()].map((R,h)=>({value:i[h],type:"Input",onChange:b=>o(b,y,h,s),onPaste:b=>C(b,y,h,s)}))}})};return n.jsxs(n.Fragment,{children:[n.jsx(A,{table:t}),n.jsx(re,{label:"Pasted Data",children:n.jsx(ae,{value:r.pastedValues})}),n.jsx(re,{label:"At Row",children:n.jsx(ae,{value:r.rowIndex})}),n.jsx(re,{label:"At Cell Index",children:n.jsx(ae,{value:r.cellIndex})})]})};return n.jsx(k,{})},Z=()=>{const g={fixedWidth:"auto",name:"Table title",actions:[{icon:"download",tooltip:"Download"}],columnAlignment:[...Array(10)].map((u,r)=>"right"),headers:[{cells:[...Array(10)].map((u,r)=>({value:"Heading"}))},{cells:[...Array(10)].map((u,r)=>({options:[{label:"m",value:"m"},{label:"ft",value:"ft"}],type:"Select",searchable:!1,value:{label:"m",value:"m"},autoLayerWidth:!0}))}],rows:[...Array(10)].map((u,r)=>({cells:[...Array(10)].map((T,o)=>({value:123.45})),actions:[{icon:"help",tooltip:n.jsxs(se,{children:[n.jsx(V,{bold:!0,children:"Title goes here lorem ipsum"}),n.jsx(V,{children:"Label: 123.45m"}),n.jsx(V,{children:"Another label: 123.45m"}),n.jsx(V,{children:"Label: 123.45m"})]})}]}))};return n.jsx(A,{table:g})},ee=()=>{const g={fixedWidth:"auto",name:"Table title",actions:[{icon:"download",tooltip:"Download"}],headers:[{cells:[{value:"Label"},{value:"Value",colSpan:2}]}],rows:[{cells:[{value:"Country",style:{fontWeight:"bold"},width:"120px"},{value:"Norway",colSpan:2}],actions:[{icon:"help",tooltip:n.jsxs(se,{children:[n.jsx(V,{bold:!0,children:"Title goes here"}),n.jsx(V,{children:"Details go here"})]})}]},{cells:[{value:"Depth",style:{fontWeight:"bold"}},{value:123,width:"80px"},{options:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:{label:"m",value:"m"},type:"Select",width:"80px"}],actions:[{icon:"help",tooltip:n.jsxs(se,{children:[n.jsx(V,{bold:!0,children:"Title goes here"}),n.jsx(V,{children:"Details go here"})]})}]}]};return n.jsx(A,{table:g})};var ie,ce,de;B.parameters={...B.parameters,docs:{...(ie=B.parameters)==null?void 0:ie.docs,source:{originalSource:`args => {
+import{j as n}from"./jsx-runtime-FsUICBgo.js";import{r as S}from"./index-RfLt4OUa.js";import{f as B}from"./immer.esm-bD7SSJ7T.js";import{l as q}from"./lodash-Bmg8FrMx.js";import{G as le}from"./grid-u1mZpaML.js";import{T as W}from"./text-6KQ6ntOV.js";import{T as D}from"./table-4SISWUSt.js";import{C as dn}from"./card-0r8RRVk-.js";import{I as se}from"./input-fYKvBwPs.js";import{F as oe}from"./field-jD6TclDQ.js";import{H as un}from"./heading-FcNTpGhR.js";import{t as ae,x as pn,y as gn,z as mn,A as bn,B as hn,C as wn,D as vn}from"./table.stories-data-UqqhbXjA.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./tslib.es6-OIsz3r9a.js";import"./index-VW3EWkuE.js";import"./index.es-HG2GUH9i.js";import"./inheritsLoose-Y9jOMJLd.js";import"./extends-dGVwEr9R.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./tiny-invariant-R4kOKlvx.js";import"./index-miLrID2P.js";import"./memoize-one.esm-hqe5SRxC.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./actions-Z1pyUd57.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./button-UQO14biP.js";import"./spinner-R8Il4aRe.js";import"./icon-_m67DAr0.js";import"./index-4QtD-hFu.js";import"./tooltip-dueTLnwA.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./pagination-er5fRdi2.js";import"./select-KWgree43.js";import"./assertThisInitialized-4q6YPdh3.js";import"./select.input-zP5tW20f.js";import"./input-group-R8LoqKRn.js";import"./input-group-addon-BHVsW9mL.js";import"./number-input-xqup0wHW.js";import"./index-VSx05S_2.js";import"./index-cCpkwrS5.js";import"./check-box-Q2GsbR79.js";import"./help-icon-D6ZGAbgL.js";import"./slider-jx0z5OyT.js";import"./index-ugi_ZH6T.js";import"./popover-rJn7kxkX.js";import"./label-dla_bzHj.js";import"./flex-RYZsoWEN.js";const ht={title:"Basic/Table",component:D,args:{table:{...ae}}},A=h=>n.jsx(D,{...h}),z=A.bind({}),_=A.bind({});_.args={table:{...ae,fixedWidth:"400px"}};const N=A.bind({});N.args={table:{...ae,fixedWidth:"auto"}};const O=A.bind({});O.args={table:pn};O.parameters={docs:{description:{story:"Use sparingly when certain columns cannot be below a certain width. Unless the Table is auto width, set one column to `auto` to use remaining space."}}};const L=A.bind({});L.args={table:gn};const U=A.bind({});U.args={table:mn};U.parameters={docs:{description:{story:"This is only required when you need to override `columnAlignment` in header cells (i.e. they have different alignment)"}}};const Q=A.bind({});Q.args={table:bn};const E=A.bind({});E.args={table:hn};E.decorators=[h=>n.jsx("div",{style:{position:"absolute",inset:0,padding:"var(--padding)"},children:n.jsx(h,{})})];const M=A.bind({});M.args={table:wn};M.parameters={docs:{description:{story:"If a `maxHeight` is set, the table should only fill that height if it needs to."}}};const G=A.bind({});G.args={table:vn};const $=()=>n.jsx(dn,{heading:n.jsx(un,{children:"Card heading"}),padding:!1,children:n.jsx(D,{table:{...ae,bordered:!1}})});$.parameters={docs:{source:{type:"dynamic"}}};const J=()=>{const h=["Section","Width","Height"];let m=["","m","m"],o=[...Array(175).keys()].map((l,t)=>[t,t*2,t*2]);const x=(l,t,r)=>l==="m"&&t==="ft"?r*3.28084:l==="ft"&&t==="m"?r/3.28084:r,i=(l,t,r,c)=>{o[t][r]=l.target.value,c()},R=l=>{o=o.concat([["","",""]]),l()},k=(l,t)=>{o=o.filter((r,c)=>c!==l),t()},p=(l,t,r)=>{const c=m[t],b=l.target.value;m=m.map((v,s)=>s===t?b:v),o=o.map(v=>v.map((s,u)=>u===t?x(c,b,s):s)),r()},w=()=>{const l=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],[t,r]=S.useState(10),[c,b]=S.useState(1),[v,s]=S.useState(!1),u=()=>{s(!v)},j=()=>{const e=Math.ceil(o.length/t);b(e)},T=(c-1)*t,a=t===0?o.length-1:T+t,g={headers:[{cells:h.map(e=>({value:e})),actions:[{primary:!0,label:"Add",icon:"add",onClick:()=>{R(u),j()}}]},{cells:[{},{options:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:m[1],type:"Select",native:!0,onChange:e=>p(e,1,u)},{options:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:m[2],type:"Select",native:!0,onChange:e=>p(e,2,u)}]}],rows:o.slice(T,a).map((e,d)=>{const I=T+d;return{cells:[...Array(3).keys()].map((P,y)=>({value:e[y],type:"Input",onChange:C=>i(C,I,y,u)})),actions:[{label:"Delete",icon:"minus",onClick:()=>k(I,u)}]}}),footer:{pagination:{rowCount:o.length,selectedPage:c,rowsPerPage:{onChange:e=>{const{value:d}=e.target;r(Number(d))},options:l,value:t},onSelectPage:e=>b(e),small:!0}}};return n.jsx(D,{table:g})};return n.jsx(w,{})},X=()=>{const h=["Section","Width","Height"];let m=[...Array(20).keys()].map((x,i)=>({Section:q.random(0,100),Width:q.random(0,100),Height:q.random(0,100)}));const o=()=>{const[x,i]=S.useState({Section:"up"}),R=(r,c)=>r.sort((b,v)=>Object.entries(c).map(([s,u])=>{switch(u){case"up":return b[s]-v[s];case"down":return v[s]-b[s];default:return 0}}).reduce((s,u)=>s||u,0)),k=(r,c,b)=>({dataSortCells:r.map(s=>{const u=Object.keys(c).includes(s)?c[s]:"",j=`${s[0].toUpperCase()}${s.slice(1)}`;return{key:s,value:j,hasSort:!0,sort:u,onSort:()=>{const T=u==="up"?"down":"up";b({[s]:T})}}})}),{dataSortCells:p}=k(h,x,i),l=[...R(m,x).map(r=>({cells:Object.entries(r).map(([b,v])=>({key:b,value:v,type:"Input",disabled:!0}))}))],t={headers:[{cells:p}],rows:l};return n.jsx(D,{table:t})};return n.jsx(o,{})},Y=()=>{const h=["Section","Width","Height"];let m=[...Array(175).keys()].map((x,i)=>({Section:i,Width:i*2,Height:i*2}));const o=()=>{const x=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],[i,R]=S.useState(10),[k,p]=S.useState(1),[w,l]=S.useState({}),[t,r]=S.useState({});S.useEffect(()=>{p(1)},[w,t]);const c=(k-1)*i,b=i===0?m.length-1:c+i,v=(e,d,I)=>e.filter(P=>Object.keys(d).every(y=>d[y]===""?!0:P[y].toString().includes(d[y]))).sort((P,y)=>Object.entries(I).map(([C,H])=>{switch(H){case"up":return P[C]-y[C];case"down":return y[C]-P[C];default:return 0}}).reduce((C,H)=>C||H,0)),s=(e,d,I,P,y)=>{const C=e.map(f=>{const V=Object.keys(P).includes(f)?P[f]:"",F=`${f[0].toUpperCase()}${f.slice(1)}`;return{key:f,value:F,hasSort:!0,sort:V,onSort:()=>{const K=V===""?"up":V==="up"?"down":"";y({...P,[f]:K})}}}),H=e.map(f=>{const V=Object.keys(d).includes(f)?d[f]:"";return{key:f,value:V,type:"Input",placeholder:"Filter",onChange:F=>I({...d,[f]:F.target.value})}});return{dataSortCells:C,dataFilterCells:H}},{dataSortCells:u,dataFilterCells:j}=s(h,w,l,t,r),T=v(m,w,t),a=[...T.slice(c,b).map(e=>({cells:Object.entries(e).map(([I,P])=>({key:I,value:P,type:"Input",disabled:!0}))}))],g={headers:[{cells:u},{cells:j}],rows:a,footer:{pagination:{rowCount:T.length,selectedPage:k,rowsPerPage:{onChange:e=>{const{value:d}=e.target;R(Number(d))},options:x,value:i},onSelectPage:e=>p(e),small:!0}}};return n.jsx(D,{table:g})};return n.jsx(o,{})},Z=()=>{const h={tea:3.6,coffee:3.2,orange:4.1},m=[{label:"Tea",value:"tea"},{label:"Coffee",value:"coffee"},{label:"Orange juice",value:"orange"}],o={cells:[{type:"Select",options:m,value:{value:"tea"}},{type:"Input"},{type:"Static"}]},x=[...Array(15).keys()].map((a,g)=>({cells:[{type:"Select",options:m,value:{value:"tea"}},{type:"Input",value:g+1},{type:"Static"}]})),[i,R]=S.useState(x),k=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],[p,w]=S.useState(10),[l,t]=S.useState(1),r=(l-1)*p,c=p===0?i.length-1:r+p,b=({newRow:a}={})=>{const g=B(i,e=>{e.push(a??o)});R(g)},v=({rowIndex:a})=>{const g=B(i,e=>{delete e[a]}).filter(e=>e);R(g)},s=({rowIndex:a,value:g})=>{const e=B(i,d=>{d[a].cells[0].value.value=g});R(e)},u=({rowIndex:a,value:g})=>{const e=B(i,d=>{d[a].cells[1].value=g});R(e)},j=({value:a})=>{const g=Number(a);return!q.isNaN(g)&&q.isInteger(g)&&g>0},T=i.slice(r,c).map((a,g)=>{const e=r+g;return i.length-1,{...a,cells:a==null?void 0:a.cells.map((d,I)=>{var f,V,F,K,ie;const P=(F=(V=(f=a==null?void 0:a.cells)==null?void 0:f[0])==null?void 0:V.value)==null?void 0:F.value,y=Number((ie=(K=a==null?void 0:a.cells)==null?void 0:K[1])==null?void 0:ie.value),C=h==null?void 0:h[P],H=C&&j({value:y})?(C*y).toFixed(2):null;if(I===0)return{...d,onChange:re=>s({rowIndex:e,value:re.target.value})};if(I===1)return{...d,onChange:re=>u({rowIndex:e,value:re.target.value}),error:j({value:d.value})?null:"Must be valid whole number"};if(I===2)return{...d,value:H}}),actions:[{label:"Delete",icon:"minus",onClick:()=>v({rowIndex:e})}]}});return n.jsx(D,{table:{defaultEmptyRow:o,onAddRow:b,columnAlignment:["left","right","right"],headers:[{cells:[{value:"Drink"},{value:"Quantity"},{value:"Total Price (£)"}],actions:[{primary:!0,icon:"plus",label:"Add",onClick:()=>b()}]}],rows:T,footer:{pagination:{rowCount:i.length,selectedPage:l,rowsPerPage:{onChange:a=>{const{value:g}=a.target;w(Number(g))},options:k,value:p},onSelectPage:a=>t(a),small:!0}}}})},ee=()=>{const h=["Section","Width","Height"];let m=Array.from(Array(10),(p,w)=>[w,w*2,w*2]);const[o,x]=S.useState({pastedValues:"",rowIndex:0,cellIndex:0}),i=(p,w,l,t)=>{m[w][l]=Number(p.target.value),t()},R=(p,w,l,t)=>{var c;let r=((c=p==null?void 0:p.clipboardData)==null?void 0:c.getData("text"))??"";return x({rowIndex:w,cellIndex:l,pastedValues:r}),t(),{pastedData:o}},k=()=>{const[p,w]=S.useState(!1),l=()=>{w(!p)},t={headers:[{cells:h.map(r=>({value:r}))}],rows:m.map((r,c)=>{const b=c;return{cells:[...Array(3).keys()].map((v,s)=>({value:r[s],type:"Input",onChange:u=>i(u,b,s,l),onPaste:u=>R(u,b,s,l)}))}})};return n.jsxs(n.Fragment,{children:[n.jsx(D,{table:t}),n.jsx(oe,{label:"Pasted Data",children:n.jsx(se,{value:o.pastedValues})}),n.jsx(oe,{label:"At Row",children:n.jsx(se,{value:o.rowIndex})}),n.jsx(oe,{label:"At Cell Index",children:n.jsx(se,{value:o.cellIndex})})]})};return n.jsx(k,{})},ne=()=>{const h={fixedWidth:"auto",name:"Table title",actions:[{icon:"download",tooltip:"Download"}],columnAlignment:[...Array(10)].map((m,o)=>"right"),headers:[{cells:[...Array(10)].map((m,o)=>({value:"Heading"}))},{cells:[...Array(10)].map((m,o)=>({options:[{label:"m",value:"m"},{label:"ft",value:"ft"}],type:"Select",searchable:!1,value:{label:"m",value:"m"},autoLayerWidth:!0}))}],rows:[...Array(10)].map((m,o)=>({cells:[...Array(10)].map((x,i)=>({value:123.45})),actions:[{icon:"help",tooltip:n.jsxs(le,{children:[n.jsx(W,{bold:!0,children:"Title goes here lorem ipsum"}),n.jsx(W,{children:"Label: 123.45m"}),n.jsx(W,{children:"Another label: 123.45m"}),n.jsx(W,{children:"Label: 123.45m"})]})}]}))};return n.jsx(D,{table:h})},te=()=>{const h={fixedWidth:"auto",name:"Table title",actions:[{icon:"download",tooltip:"Download"}],headers:[{cells:[{value:"Label"},{value:"Value",colSpan:2}]}],rows:[{cells:[{value:"Country",style:{fontWeight:"bold"},width:"120px"},{value:"Norway",colSpan:2}],actions:[{icon:"help",tooltip:n.jsxs(le,{children:[n.jsx(W,{bold:!0,children:"Title goes here"}),n.jsx(W,{children:"Details go here"})]})}]},{cells:[{value:"Depth",style:{fontWeight:"bold"}},{value:123,width:"80px"},{options:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:{label:"m",value:"m"},type:"Select",width:"80px"}],actions:[{icon:"help",tooltip:n.jsxs(le,{children:[n.jsx(W,{bold:!0,children:"Title goes here"}),n.jsx(W,{children:"Details go here"})]})}]}]};return n.jsx(D,{table:h})};var ce,de,ue;z.parameters={...z.parameters,docs:{...(ce=z.parameters)==null?void 0:ce.docs,source:{originalSource:`args => {
   return <Table
   // eslint-disable-next-line react/jsx-props-no-spreading
   {...args} />;
-}`,...(de=(ce=B.parameters)==null?void 0:ce.docs)==null?void 0:de.source}}};var ue,pe,ge;_.parameters={..._.parameters,docs:{...(ue=_.parameters)==null?void 0:ue.docs,source:{originalSource:`args => {
+}`,...(ue=(de=z.parameters)==null?void 0:de.docs)==null?void 0:ue.source}}};var pe,ge,me;_.parameters={..._.parameters,docs:{...(pe=_.parameters)==null?void 0:pe.docs,source:{originalSource:`args => {
   return <Table
   // eslint-disable-next-line react/jsx-props-no-spreading
   {...args} />;
-}`,...(ge=(pe=_.parameters)==null?void 0:pe.docs)==null?void 0:ge.source}}};var me,be,he;M.parameters={...M.parameters,docs:{...(me=M.parameters)==null?void 0:me.docs,source:{originalSource:`args => {
+}`,...(me=(ge=_.parameters)==null?void 0:ge.docs)==null?void 0:me.source}}};var be,he,we;N.parameters={...N.parameters,docs:{...(be=N.parameters)==null?void 0:be.docs,source:{originalSource:`args => {
   return <Table
   // eslint-disable-next-line react/jsx-props-no-spreading
   {...args} />;
-}`,...(he=(be=M.parameters)==null?void 0:be.docs)==null?void 0:he.source}}};var we,ve,ye;O.parameters={...O.parameters,docs:{...(we=O.parameters)==null?void 0:we.docs,source:{originalSource:`args => {
+}`,...(we=(he=N.parameters)==null?void 0:he.docs)==null?void 0:we.source}}};var ve,ye,fe;O.parameters={...O.parameters,docs:{...(ve=O.parameters)==null?void 0:ve.docs,source:{originalSource:`args => {
   return <Table
   // eslint-disable-next-line react/jsx-props-no-spreading
   {...args} />;
-}`,...(ye=(ve=O.parameters)==null?void 0:ve.docs)==null?void 0:ye.source}}};var fe,xe,Se;L.parameters={...L.parameters,docs:{...(fe=L.parameters)==null?void 0:fe.docs,source:{originalSource:`args => {
+}`,...(fe=(ye=O.parameters)==null?void 0:ye.docs)==null?void 0:fe.source}}};var Se,xe,Pe;L.parameters={...L.parameters,docs:{...(Se=L.parameters)==null?void 0:Se.docs,source:{originalSource:`args => {
   return <Table
   // eslint-disable-next-line react/jsx-props-no-spreading
   {...args} />;
-}`,...(Se=(xe=L.parameters)==null?void 0:xe.docs)==null?void 0:Se.source}}};var Pe,Ce,Re;U.parameters={...U.parameters,docs:{...(Pe=U.parameters)==null?void 0:Pe.docs,source:{originalSource:`args => {
+}`,...(Pe=(xe=L.parameters)==null?void 0:xe.docs)==null?void 0:Pe.source}}};var Ce,Re,Ie;U.parameters={...U.parameters,docs:{...(Ce=U.parameters)==null?void 0:Ce.docs,source:{originalSource:`args => {
   return <Table
   // eslint-disable-next-line react/jsx-props-no-spreading
   {...args} />;
-}`,...(Re=(Ce=U.parameters)==null?void 0:Ce.docs)==null?void 0:Re.source}}};var Ie,Te,Ae;Q.parameters={...Q.parameters,docs:{...(Ie=Q.parameters)==null?void 0:Ie.docs,source:{originalSource:`args => {
+}`,...(Ie=(Re=U.parameters)==null?void 0:Re.docs)==null?void 0:Ie.source}}};var ke,Te,De;Q.parameters={...Q.parameters,docs:{...(ke=Q.parameters)==null?void 0:ke.docs,source:{originalSource:`args => {
   return <Table
   // eslint-disable-next-line react/jsx-props-no-spreading
   {...args} />;
-}`,...(Ae=(Te=Q.parameters)==null?void 0:Te.docs)==null?void 0:Ae.source}}};var ke,De,je;E.parameters={...E.parameters,docs:{...(ke=E.parameters)==null?void 0:ke.docs,source:{originalSource:`args => {
+}`,...(De=(Te=Q.parameters)==null?void 0:Te.docs)==null?void 0:De.source}}};var Ae,je,Ve;E.parameters={...E.parameters,docs:{...(Ae=E.parameters)==null?void 0:Ae.docs,source:{originalSource:`args => {
   return <Table
   // eslint-disable-next-line react/jsx-props-no-spreading
   {...args} />;
-}`,...(je=(De=E.parameters)==null?void 0:De.docs)==null?void 0:je.source}}};var Ve,Fe,We;N.parameters={...N.parameters,docs:{...(Ve=N.parameters)==null?void 0:Ve.docs,source:{originalSource:`args => {
+}`,...(Ve=(je=E.parameters)==null?void 0:je.docs)==null?void 0:Ve.source}}};var We,He,Fe;M.parameters={...M.parameters,docs:{...(We=M.parameters)==null?void 0:We.docs,source:{originalSource:`args => {
   return <Table
   // eslint-disable-next-line react/jsx-props-no-spreading
   {...args} />;
-}`,...(We=(Fe=N.parameters)==null?void 0:Fe.docs)==null?void 0:We.source}}};var He,Oe,Ue;G.parameters={...G.parameters,docs:{...(He=G.parameters)==null?void 0:He.docs,source:{originalSource:`args => {
+}`,...(Fe=(He=M.parameters)==null?void 0:He.docs)==null?void 0:Fe.source}}};var Oe,Ue,Ee;G.parameters={...G.parameters,docs:{...(Oe=G.parameters)==null?void 0:Oe.docs,source:{originalSource:`args => {
   return <Table
   // eslint-disable-next-line react/jsx-props-no-spreading
   {...args} />;
-}`,...(Ue=(Oe=G.parameters)==null?void 0:Oe.docs)==null?void 0:Ue.source}}};var Ee,Ne,_e;q.parameters={...q.parameters,docs:{...(Ee=q.parameters)==null?void 0:Ee.docs,source:{originalSource:`() => <Card heading={<Heading>Card heading</Heading>} padding={false}>
+}`,...(Ee=(Ue=G.parameters)==null?void 0:Ue.docs)==null?void 0:Ee.source}}};var Me,_e,Ne;$.parameters={...$.parameters,docs:{...(Me=$.parameters)==null?void 0:Me.docs,source:{originalSource:`() => <Card heading={<Heading>Card heading</Heading>} padding={false}>
     <Table table={({
     ...storyData.table,
     bordered: false
   } as any)} />
-  </Card>`,...(_e=(Ne=q.parameters)==null?void 0:Ne.docs)==null?void 0:_e.source}}};var Me,Le,Qe;z.parameters={...z.parameters,docs:{...(Me=z.parameters)==null?void 0:Me.docs,source:{originalSource:`() => {
+  </Card>`,...(Ne=(_e=$.parameters)==null?void 0:_e.docs)==null?void 0:Ne.source}}};var Le,Qe,Ge;J.parameters={...J.parameters,docs:{...(Le=J.parameters)==null?void 0:Le.docs,source:{originalSource:`() => {
   /*
     Mock table data store (real apps should use Redux or similar)
   */
@@ -185,7 +185,83 @@ import{j as n}from"./jsx-runtime-FsUICBgo.js";import{r as S}from"./index-RfLt4OU
     return <Table table={(table as any)} />;
   };
   return <ManagedTable />;
-}`,...(Qe=(Le=z.parameters)==null?void 0:Le.docs)==null?void 0:Qe.source}}};var Ge,qe,$e;J.parameters={...J.parameters,docs:{...(Ge=J.parameters)==null?void 0:Ge.docs,source:{originalSource:`() => {
+}`,...(Ge=(Qe=J.parameters)==null?void 0:Qe.docs)==null?void 0:Ge.source}}};var $e,qe,Ke;X.parameters={...X.parameters,docs:{...($e=X.parameters)==null?void 0:$e.docs,source:{originalSource:`() => {
+  /*
+    Mock table data store (real apps should use Redux or similar)
+  */
+  const headings = ['Section', 'Width', 'Height'];
+  let keyedData = [...Array(20).keys()].map((_c, i) => ({
+    Section: random(0, 100),
+    Width: random(0, 100),
+    Height: random(0, 100)
+  }));
+  /*
+    Container component manages state and configuration of table
+  */
+  const TableWithSort: StoryFn<any> = () => {
+    const [sort, setSort] = useState({
+      Section: 'up'
+    });
+    const sortDataRows = (dataRows: any, sort: any) => dataRows.sort((a: any, b: any) => Object.entries(sort).map(([key, value]) => {
+      switch (value) {
+        case 'up':
+          {
+            return a[key] - b[key];
+          }
+        case 'down':
+          {
+            return b[key] - a[key];
+          }
+        default:
+          return 0;
+      }
+    }).reduce((a, acc) => a || acc, 0));
+    const dataHeaders = (dataRowsKeys: any, sort: any, setSort: any) => {
+      const dataSortCells = dataRowsKeys.map((key: any) => {
+        const sortDirection = Object.keys(sort).includes(key) ? sort[key] : '';
+        const prettifyHeaderValue = \`\${key[0].toUpperCase()}\${key.slice(1)}\`;
+        return {
+          key,
+          value: prettifyHeaderValue,
+          hasSort: true,
+          sort: sortDirection,
+          onSort: () => {
+            const newSortDirection = sortDirection === 'up' ? 'down' : 'up';
+            setSort({
+              [key]: newSortDirection
+            });
+          }
+        };
+      });
+      return {
+        dataSortCells
+      };
+    };
+    const {
+      dataSortCells
+    } = dataHeaders(headings, sort, setSort);
+    const sortedData = sortDataRows(keyedData, sort);
+    const dataRows = [...sortedData.map((dataRow: any) => {
+      const rowsCells = Object.entries(dataRow).map(([key, value]) => ({
+        key,
+        value,
+        type: 'Input',
+        disabled: true
+      }));
+      return {
+        cells: rowsCells
+      };
+    })];
+    const table = {
+      headers: [{
+        cells: dataSortCells
+      }],
+      rows: dataRows
+    };
+    return <Table table={(table as any)} />;
+  };
+  return <TableWithSort />;
+}`,...(Ke=(qe=X.parameters)==null?void 0:qe.docs)==null?void 0:Ke.source}}};var Be,ze,Je;Y.parameters={...Y.parameters,docs:{...(Be=Y.parameters)==null?void 0:Be.docs,source:{originalSource:`() => {
   /*
     Mock table data store (real apps should use Redux or similar)
   */
@@ -318,7 +394,7 @@ import{j as n}from"./jsx-runtime-FsUICBgo.js";import{r as S}from"./index-RfLt4OU
     return <Table table={(table as any)} />;
   };
   return <TableWithSortAndFilter />;
-}`,...($e=(qe=J.parameters)==null?void 0:qe.docs)==null?void 0:$e.source}}};var Ke,Be,ze;X.parameters={...X.parameters,docs:{...(Ke=X.parameters)==null?void 0:Ke.docs,source:{originalSource:`() => {
+}`,...(Je=(ze=Y.parameters)==null?void 0:ze.docs)==null?void 0:Je.source}}};var Xe,Ye,Ze;Z.parameters={...Z.parameters,docs:{...(Xe=Z.parameters)==null?void 0:Xe.docs,source:{originalSource:`() => {
   const prices = {
     tea: 3.6,
     coffee: 3.2,
@@ -506,7 +582,7 @@ import{j as n}from"./jsx-runtime-FsUICBgo.js";import{r as S}from"./index-RfLt4OU
       }
     }
   } as any)} />;
-}`,...(ze=(Be=X.parameters)==null?void 0:Be.docs)==null?void 0:ze.source}}};var Je,Xe,Ye;Y.parameters={...Y.parameters,docs:{...(Je=Y.parameters)==null?void 0:Je.docs,source:{originalSource:`() => {
+}`,...(Ze=(Ye=Z.parameters)==null?void 0:Ye.docs)==null?void 0:Ze.source}}};var en,nn,tn;ee.parameters={...ee.parameters,docs:{...(en=ee.parameters)==null?void 0:en.docs,source:{originalSource:`() => {
   const headings = ['Section', 'Width', 'Height'];
   let data = Array.from(Array(10), (_, i) => [i, i * 2, i * 2]);
   const [pastedData, setpastedData] = useState<PastedData>({
@@ -578,7 +654,7 @@ import{j as n}from"./jsx-runtime-FsUICBgo.js";import{r as S}from"./index-RfLt4OU
       </>;
   };
   return <CallbackCellTable />;
-}`,...(Ye=(Xe=Y.parameters)==null?void 0:Xe.docs)==null?void 0:Ye.source}}};var Ze,en,nn;Z.parameters={...Z.parameters,docs:{...(Ze=Z.parameters)==null?void 0:Ze.docs,source:{originalSource:`() => {
+}`,...(tn=(nn=ee.parameters)==null?void 0:nn.docs)==null?void 0:tn.source}}};var an,rn,sn;ne.parameters={...ne.parameters,docs:{...(an=ne.parameters)==null?void 0:an.docs,source:{originalSource:`() => {
   const table = {
     fixedWidth: 'auto',
     name: 'Table title',
@@ -625,7 +701,7 @@ import{j as n}from"./jsx-runtime-FsUICBgo.js";import{r as S}from"./index-RfLt4OU
     }))
   };
   return <Table table={table} />;
-}`,...(nn=(en=Z.parameters)==null?void 0:en.docs)==null?void 0:nn.source}}};var tn,an,rn;ee.parameters={...ee.parameters,docs:{...(tn=ee.parameters)==null?void 0:tn.docs,source:{originalSource:`() => {
+}`,...(sn=(rn=ne.parameters)==null?void 0:rn.docs)==null?void 0:sn.source}}};var on,ln,cn;te.parameters={...te.parameters,docs:{...(on=te.parameters)==null?void 0:on.docs,source:{originalSource:`() => {
   const table = {
     fixedWidth: 'auto',
     name: 'Table title',
@@ -693,4 +769,4 @@ import{j as n}from"./jsx-runtime-FsUICBgo.js";import{r as S}from"./index-RfLt4OU
     }]
   };
   return <Table table={table} />;
-}`,...(rn=(an=ee.parameters)==null?void 0:an.docs)==null?void 0:rn.source}}};const ut=["Default","FixedWidth","AutoWidth","ColumnWidths","ColumnAlignment","ColumnHeaderAlignment","InfiniteScrollFixedHeight","InfiniteScrollFullHeight","InfiniteScrollShort","InfiniteScrollWithDragAndDrop","InCard","Managed","ManagedWithFilterAndSort","AutoAddNewRow","OnPasteCallback","ExampleTableWithInfoTooltips","ExampleTableWithInlineUnits"];export{X as AutoAddNewRow,M as AutoWidth,L as ColumnAlignment,U as ColumnHeaderAlignment,O as ColumnWidths,B as Default,Z as ExampleTableWithInfoTooltips,ee as ExampleTableWithInlineUnits,_ as FixedWidth,q as InCard,Q as InfiniteScrollFixedHeight,E as InfiniteScrollFullHeight,N as InfiniteScrollShort,G as InfiniteScrollWithDragAndDrop,z as Managed,J as ManagedWithFilterAndSort,Y as OnPasteCallback,ut as __namedExportsOrder,dt as default};
+}`,...(cn=(ln=te.parameters)==null?void 0:ln.docs)==null?void 0:cn.source}}};const wt=["Default","FixedWidth","AutoWidth","ColumnWidths","ColumnAlignment","ColumnHeaderAlignment","InfiniteScrollFixedHeight","InfiniteScrollFullHeight","InfiniteScrollShort","InfiniteScrollWithDragAndDrop","InCard","Managed","ManagedWithSort","ManagedWithFilterAndMultipleSort","AutoAddNewRow","OnPasteCallback","ExampleTableWithInfoTooltips","ExampleTableWithInlineUnits"];export{Z as AutoAddNewRow,N as AutoWidth,L as ColumnAlignment,U as ColumnHeaderAlignment,O as ColumnWidths,z as Default,ne as ExampleTableWithInfoTooltips,te as ExampleTableWithInlineUnits,_ as FixedWidth,$ as InCard,Q as InfiniteScrollFixedHeight,E as InfiniteScrollFullHeight,M as InfiniteScrollShort,G as InfiniteScrollWithDragAndDrop,J as Managed,Y as ManagedWithFilterAndMultipleSort,X as ManagedWithSort,ee as OnPasteCallback,wt as __namedExportsOrder,ht as default};