@oliasoft-open-source/react-ui-library 4.1.7 → 4.1.9

package/dist/storybook/assets/{site.stories-f06d77af.js → site.stories-dee8ce1c.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-f961835c.js";import{r as x}from"./index-f80c8c95.js";import{I as j}from"./common-types-2c81813f.js";import{T as g}from"./top-bar-a84b9365.js";import{S as w}from"./side-bar-f26ab0ce.js";import{H as t}from"./heading-d29eb744.js";import{B as L}from"./button-74c97e4a.js";import{D as v}from"./drawer-7f450988.js";import{L as d}from"./list-0dc3df85.js";import{F as l}from"./field-a094cd72.js";import{I as a}from"./input-d68625a5.js";import{C as m}from"./check-box-e21258d5.js";import{P as f}from"./page-6d07f774.js";import{R as o,C as i}from"./row-2299f0e7.js";import{A as u}from"./accordion-168fa7c5.js";import{S as s}from"./spacer-54db0620.js";import{T as F}from"./tabs-cf5ccede.js";import"./index-a80ed1cf.js";import"./icon-e9cbb4d7.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./actions-2d4e1c8e.js";import"./lodash-75c70a11.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-20e7ee0b.js";import"./index-c7f280f6.js";import"./help-icon-d4189b1b.js";import"./spinner-a81ebe38.js";import"./index.es-85cc7dfc.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./memoize-one.esm-52518564.js";import"./card-3847c251.js";import"./list-heading-88cc8a9b.js";import"./loader-87ec8334.js";import"./label-13d490a3.js";import"./styled-components.browser.esm-416d73e5.js";import"./select.input-88b6ebab.js";const C=[{label:"Import",value:"import",right:!0},{label:"Settings",value:"settings",right:!0}],S=()=>e.jsx("div",{style:{background:"#AAD3DF",borderLeft:"1px solid #8AB3BF",display:"flex",alignItems:"center",justifyContent:"center",color:"white",height:"100%"},children:"MAP"}),be={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},n=()=>{const[r,b]=x.useState(!0);return e.jsxs(e.Fragment,{children:[e.jsx(g,{}),e.jsx(w,{options:{title:"",sections:[]},width:"250px"}),e.jsx(f,{padding:!1,scroll:!1,children:e.jsxs(o,{spacing:0,flex:!0,children:[e.jsxs(v,{button:e.jsx(L,{onClick:()=>b(!r),round:!0,icon:j.CHEVRON_LEFT}),open:r,width:300,closedWidth:"var(--size-sidebar)",children:[e.jsx(d,{drawer:!0,narrow:!r,list:{name:"Sites",items:[{id:1,name:"Main Site",type:"Heading"},{id:2,name:"Site name here",active:!0,label:{value:1,color:"#69779b"}},{id:3,name:"Locations",type:"Heading"},{id:4,name:"Ipsum",label:{value:2,color:"#69779b"}},{id:5,name:"Dolor",label:{value:3,color:"#69779b"}}]}}),e.jsx(d,{drawer:!0,narrow:!r,list:{name:"Wells",items:[{id:1,name:"Main Wellbore",type:"Heading"},{id:2,name:"Lorem",label:{value:1,color:"#77699b"}}]}}),e.jsx(d,{drawer:!0,narrow:!r,list:{name:"Targets",items:[{id:1,name:"Lorem",label:{value:1,color:"#9b6977"}}]}})]}),e.jsxs(i,{borderLeft:!0,flexbox:!0,children:[e.jsx(s,{}),e.jsx(F,{padding:!0,margin:!1,options:C}),e.jsxs(o,{spacing:0,flex:!0,children:[e.jsxs(i,{scroll:!0,padding:!0,width:550,children:[e.jsx(t,{top:!0,children:"Site name here"}),e.jsx(l,{label:"Name",children:e.jsx(a,{value:"Site name here",width:"200px"})}),e.jsxs(u,{heading:e.jsx(t,{children:"Coordinate Reference System"}),managed:!0,children:[e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{children:e.jsx(m,{label:"Dolor"})})]}),e.jsx(s,{}),e.jsx(t,{marginBottom:"var(--padding)",children:"Location"}),e.jsxs(o,{children:[e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})})]}),e.jsx(s,{}),e.jsx(t,{marginBottom:"var(--padding)",children:"Model"}),e.jsxs(o,{children:[e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})})]}),e.jsxs(u,{heading:e.jsx(t,{children:"Settings"}),managed:!0,children:[e.jsx(l,{children:e.jsx(m,{label:"Dolor"})}),e.jsxs(o,{children:[e.jsxs(i,{children:[e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})]}),e.jsxs(i,{children:[e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})]})]})]})]}),e.jsx(i,{children:e.jsx(S,{})})]})]})]})})]})};var p,c,h;n.parameters={...n.parameters,docs:{...(p=n.parameters)==null?void 0:p.docs,source:{originalSource:`() => {
+import{j as e}from"./jsx-runtime-f961835c.js";import{r as x}from"./index-f80c8c95.js";import{I as j}from"./common-types-2c81813f.js";import{T as g}from"./top-bar-a84b9365.js";import{S as w}from"./side-bar-88e8cf41.js";import{H as t}from"./heading-d29eb744.js";import{B as L}from"./button-74c97e4a.js";import{D as v}from"./drawer-7f450988.js";import{L as d}from"./list-0dc3df85.js";import{F as l}from"./field-a094cd72.js";import{I as a}from"./input-d68625a5.js";import{C as m}from"./check-box-e21258d5.js";import{P as f}from"./page-6d07f774.js";import{R as o,C as i}from"./row-2299f0e7.js";import{A as u}from"./accordion-168fa7c5.js";import{S as s}from"./spacer-54db0620.js";import{T as F}from"./tabs-cf5ccede.js";import"./index-a80ed1cf.js";import"./icon-e9cbb4d7.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./actions-2d4e1c8e.js";import"./lodash-75c70a11.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-20e7ee0b.js";import"./index-c7f280f6.js";import"./help-icon-d4189b1b.js";import"./spinner-a81ebe38.js";import"./index.es-85cc7dfc.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./memoize-one.esm-52518564.js";import"./card-3847c251.js";import"./list-heading-88cc8a9b.js";import"./loader-87ec8334.js";import"./label-13d490a3.js";import"./styled-components.browser.esm-416d73e5.js";import"./select.input-88b6ebab.js";const C=[{label:"Import",value:"import",right:!0},{label:"Settings",value:"settings",right:!0}],S=()=>e.jsx("div",{style:{background:"#AAD3DF",borderLeft:"1px solid #8AB3BF",display:"flex",alignItems:"center",justifyContent:"center",color:"white",height:"100%"},children:"MAP"}),be={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},n=()=>{const[r,b]=x.useState(!0);return e.jsxs(e.Fragment,{children:[e.jsx(g,{}),e.jsx(w,{options:{title:"",sections:[]},width:"250px"}),e.jsx(f,{padding:!1,scroll:!1,children:e.jsxs(o,{spacing:0,flex:!0,children:[e.jsxs(v,{button:e.jsx(L,{onClick:()=>b(!r),round:!0,icon:j.CHEVRON_LEFT}),open:r,width:300,closedWidth:"var(--size-sidebar)",children:[e.jsx(d,{drawer:!0,narrow:!r,list:{name:"Sites",items:[{id:1,name:"Main Site",type:"Heading"},{id:2,name:"Site name here",active:!0,label:{value:1,color:"#69779b"}},{id:3,name:"Locations",type:"Heading"},{id:4,name:"Ipsum",label:{value:2,color:"#69779b"}},{id:5,name:"Dolor",label:{value:3,color:"#69779b"}}]}}),e.jsx(d,{drawer:!0,narrow:!r,list:{name:"Wells",items:[{id:1,name:"Main Wellbore",type:"Heading"},{id:2,name:"Lorem",label:{value:1,color:"#77699b"}}]}}),e.jsx(d,{drawer:!0,narrow:!r,list:{name:"Targets",items:[{id:1,name:"Lorem",label:{value:1,color:"#9b6977"}}]}})]}),e.jsxs(i,{borderLeft:!0,flexbox:!0,children:[e.jsx(s,{}),e.jsx(F,{padding:!0,margin:!1,options:C}),e.jsxs(o,{spacing:0,flex:!0,children:[e.jsxs(i,{scroll:!0,padding:!0,width:550,children:[e.jsx(t,{top:!0,children:"Site name here"}),e.jsx(l,{label:"Name",children:e.jsx(a,{value:"Site name here",width:"200px"})}),e.jsxs(u,{heading:e.jsx(t,{children:"Coordinate Reference System"}),managed:!0,children:[e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{children:e.jsx(m,{label:"Dolor"})})]}),e.jsx(s,{}),e.jsx(t,{marginBottom:"var(--padding)",children:"Location"}),e.jsxs(o,{children:[e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})})]}),e.jsx(s,{}),e.jsx(t,{marginBottom:"var(--padding)",children:"Model"}),e.jsxs(o,{children:[e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})})]}),e.jsxs(u,{heading:e.jsx(t,{children:"Settings"}),managed:!0,children:[e.jsx(l,{children:e.jsx(m,{label:"Dolor"})}),e.jsxs(o,{children:[e.jsxs(i,{children:[e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})]}),e.jsxs(i,{children:[e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})]})]})]})]}),e.jsx(i,{children:e.jsx(S,{})})]})]})]})})]})};var p,c,h;n.parameters={...n.parameters,docs:{...(p=n.parameters)==null?void 0:p.docs,source:{originalSource:`() => {
   const [open, setOpen] = useState(true);
   return <>
       <TopBar />

package/dist/storybook/assets/{syntaxhighlighter-NMPM6SWI-0b123533.js → syntaxhighlighter-NMPM6SWI-c8966e57.js}

@@ -1 +1 @@
-import{S as c,c as l,s as n}from"./index-4399968c.js";import"./iframe-4b9bc7c1.js";import"../sb-preview/runtime.js";import"./index-f80c8c95.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-cf68f115.js";export{c as SyntaxHighlighter,l as createCopyToClipboardFunction,n as default};
+import{S as c,c as l,s as n}from"./index-58a452a8.js";import"./iframe-fb9f1f0f.js";import"../sb-preview/runtime.js";import"./index-f80c8c95.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-cf68f115.js";export{c as SyntaxHighlighter,l as createCopyToClipboardFunction,n as default};

package/dist/storybook/assets/{table.stories-4b91e144.js → table.stories-fabc902c.js}

@@ -1,49 +1,49 @@
-import{j as a}from"./jsx-runtime-f961835c.js";import{r as P}from"./index-f80c8c95.js";import{f as $}from"./immer.esm-5c06d4d0.js";import{l as se}from"./lodash-75c70a11.js";import{G as en}from"./grid-3b729f81.js";import{T as K}from"./text-ad1f5f1d.js";import{T as j}from"./table-833837a1.js";import{C as nn}from"./card-3847c251.js";import{I as te}from"./input-d68625a5.js";import{F as ae}from"./field-a094cd72.js";import{H as tn}from"./heading-d29eb744.js";import{t as ee,a as an,b as rn,c as sn,d as on,e as ln,f as cn,g as dn}from"./table.stories-data-aefdf55f.js";import"./styled-components.browser.esm-416d73e5.js";import"./tslib.es6-dfef685f.js";import"./index-a80ed1cf.js";import"./index.es-85cc7dfc.js";import"./inheritsLoose-d4851ab8.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./index-3d476d02.js";import"./memoize-one.esm-52518564.js";import"./icon-e9cbb4d7.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./actions-2d4e1c8e.js";import"./common-types-2c81813f.js";import"./button-74c97e4a.js";import"./spinner-a81ebe38.js";import"./tooltip-23e84186.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-20e7ee0b.js";import"./pagination-e5a7b6d5.js";import"./select-62aa86c5.js";import"./assertThisInitialized-081f9914.js";import"./select.input-88b6ebab.js";import"./input-group-20c3add3.js";import"./input-group-addon-f8f6683a.js";import"./number-input-42f50494.js";import"./index-54f0d271.js";import"./check-box-e21258d5.js";import"./help-icon-d4189b1b.js";import"./slider-160e2152.js";import"./index-c7f280f6.js";import"./popover-06e375a5.js";import"./label-13d490a3.js";import"./flex-47732c42.js";const rt={title:"Basic/Table",component:j,args:{table:{...ee}}},I=m=>a.jsx(j,{...m}),B=I.bind({}),_=I.bind({});_.args={table:{...ee,fixedWidth:"400px"}};const N=I.bind({});N.args={table:{...ee,fixedWidth:"auto"}};const W=I.bind({});W.args={table:an};W.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 M=I.bind({});M.args={table:rn};const O=I.bind({});O.args={table:sn};O.parameters={docs:{description:{story:"This is only required when you need to override `columnAlignment` in header cells (i.e. they have different alignment)"}}};const L=I.bind({});L.args={table:on};const U=I.bind({});U.args={table:ln};U.decorators=[m=>a.jsx("div",{style:{position:"absolute",inset:0,padding:"var(--padding)"},children:a.jsx(m,{})})];const E=I.bind({});E.args={table:cn};E.parameters={docs:{description:{story:"If a `maxHeight` is set, the table should only fill that height if it needs to."}}};const Q=I.bind({});Q.args={table:dn};const q=()=>a.jsx(nn,{heading:a.jsx(tn,{children:"Card heading"}),padding:!1,children:a.jsx(j,{table:{...ee,bordered:!1}})});q.parameters={docs:{source:{type:"dynamic"}}};const z=()=>{const m=["Section","Width","Height"];let u=["","m","m"],r=[...Array(175).keys()].map((s,n)=>[n,n*2,n*2]);const A=(s,n,i)=>s==="m"&&n==="ft"?i*3.28084:s==="ft"&&n==="m"?i/3.28084:i,l=(s,n,i,p)=>{r[n][i]=s.target.value,p()},C=s=>{r=r.concat([["","",""]]),s()},k=(s,n)=>{r=r.filter((i,p)=>p!==s),n()},d=(s,n,i)=>{const p=u[n],y=s.target.value;u=u.map((R,w)=>w===n?y:R),r=r.map(R=>R.map((w,b)=>b===n?A(p,y,w):w)),i()},g=()=>{const s=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],[n,i]=P.useState(10),[p,y]=P.useState(1),[R,w]=P.useState(!1),b=()=>{w(!R)},F=()=>{const e=Math.ceil(r.length/n);y(e)},T=(p-1)*n,t=n===0?r.length-1:T+n,c={headers:[{cells:m.map(e=>({value:e})),actions:[{primary:!0,label:"Add",icon:"add",onClick:()=>{C(b),F()}}]},{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(T,t).map((e,o)=>{const S=T+o;return{cells:[...Array(3).keys()].map((f,v)=>({value:e[v],type:"Input",onChange:x=>l(x,S,v,b)})),actions:[{label:"Delete",icon:"minus",onClick:()=>k(S,b)}]}}),footer:{pagination:{rowCount:r.length,selectedPage:p,rowsPerPage:{onChange:e=>{const{value:o}=e.target;i(Number(o))},options:s,value:n},onSelectPage:e=>y(e),small:!0}}};return a.jsx(j,{table:c})};return a.jsx(g,{})},J=()=>{const m=["Section","Width","Height"];let u=[...Array(175).keys()].map((A,l)=>({Section:l,Width:l*2,Height:l*2}));const r=()=>{const A=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],[l,C]=P.useState(10),[k,d]=P.useState(1),[g,s]=P.useState({}),[n,i]=P.useState({});P.useEffect(()=>{d(1)},[g,n]);const p=(k-1)*l,y=l===0?u.length-1:p+l,R=(e,o,S)=>e.filter(f=>Object.keys(o).every(v=>o[v]===""?!0:f[v].toString().includes(o[v]))).sort((f,v)=>Object.entries(S).map(([x,V])=>{switch(V){case"up":return f[x]-v[x];case"down":return v[x]-f[x];default:return 0}}).reduce((x,V)=>x||V,0)),w=(e,o,S,f,v)=>{const x=e.map(h=>{const D=Object.keys(f).includes(h)?f[h]:"",H=`${h[0].toUpperCase()}${h.slice(1)}`;return{key:h,value:H,hasSort:!0,sort:D,onSort:()=>{const G=D===""?"up":D==="up"?"down":"";v({...f,[h]:G})}}}),V=e.map(h=>{const D=Object.keys(o).includes(h)?o[h]:"";return{key:h,value:D,type:"Input",placeholder:"Filter",onChange:H=>S({...o,[h]:H.target.value})}});return{dataSortCells:x,dataFilterCells:V}},{dataSortCells:b,dataFilterCells:F}=w(m,g,s,n,i),T=R(u,g,n),t=[...T.slice(p,y).map(e=>({cells:Object.entries(e).map(([S,f])=>({key:S,value:f,type:"Input",disabled:!0}))}))],c={headers:[{cells:b},{cells:F}],rows:t,footer:{pagination:{rowCount:T.length,selectedPage:k,rowsPerPage:{onChange:e=>{const{value:o}=e.target;C(Number(o))},options:A,value:l},onSelectPage:e=>d(e),small:!0}}};return a.jsx(j,{table:c})};return a.jsx(r,{})},X=()=>{const m={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"}]},A=[...Array(15).keys()].map((t,c)=>({cells:[{type:"Select",options:u,value:{value:"tea"}},{type:"Input",value:c+1},{type:"Static"}]})),[l,C]=P.useState(A),k=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],[d,g]=P.useState(10),[s,n]=P.useState(1),i=(s-1)*d,p=d===0?l.length-1:i+d,y=({newRow:t}={})=>{const c=$(l,e=>{e.push(t??r)});C(c)},R=({rowIndex:t})=>{const c=$(l,e=>{delete e[t]}).filter(e=>e);C(c)},w=({rowIndex:t,value:c})=>{const e=$(l,o=>{o[t].cells[0].value.value=c});C(e)},b=({rowIndex:t,value:c})=>{const e=$(l,o=>{o[t].cells[1].value=c});C(e)},F=({value:t})=>{const c=Number(t);return!se.isNaN(c)&&se.isInteger(c)&&c>0},T=l.slice(i,p).map((t,c)=>{const e=i+c;return l.length-1,{...t,cells:t==null?void 0:t.cells.map((o,S)=>{var h,D,H,G,re;const f=(H=(D=(h=t==null?void 0:t.cells)==null?void 0:h[0])==null?void 0:D.value)==null?void 0:H.value,v=Number((re=(G=t==null?void 0:t.cells)==null?void 0:G[1])==null?void 0:re.value),x=m==null?void 0:m[f],V=x&&F({value:v})?(x*v).toFixed(2):null;if(S===0)return{...o,onChange:ne=>w({rowIndex:e,value:ne.target.value})};if(S===1)return{...o,onChange:ne=>b({rowIndex:e,value:ne.target.value}),error:F({value:o.value})?null:"Must be valid whole number"};if(S===2)return{...o,value:V}}),actions:[{label:"Delete",icon:"minus",onClick:()=>R({rowIndex:e})}]}});return a.jsx(j,{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:T,footer:{pagination:{rowCount:l.length,selectedPage:s,rowsPerPage:{onChange:t=>{const{value:c}=t.target;g(Number(c))},options:k,value:d},onSelectPage:t=>n(t),small:!0}}}})},Y=()=>{const m=["Section","Width","Height"];let u=Array.from(Array(10),(d,g)=>[g,g*2,g*2]);const[r,A]=P.useState({pastedValues:"",rowIndex:0,cellIndex:0}),l=(d,g,s,n)=>{u[g][s]=Number(d.target.value),n()},C=(d,g,s,n)=>{var p;let i=((p=d==null?void 0:d.clipboardData)==null?void 0:p.getData("text"))??"";return A({rowIndex:g,cellIndex:s,pastedValues:i}),n(),{pastedData:r}},k=()=>{const[d,g]=P.useState(!1),s=()=>{g(!d)},n={headers:[{cells:m.map(i=>({value:i}))}],rows:u.map((i,p)=>{const y=p;return{cells:[...Array(3).keys()].map((R,w)=>({value:i[w],type:"Input",onChange:b=>l(b,y,w,s),onPaste:b=>C(b,y,w,s)}))}})};return a.jsxs(a.Fragment,{children:[a.jsx(j,{table:n}),a.jsx(ae,{label:"Pasted Data",children:a.jsx(te,{value:r.pastedValues})}),a.jsx(ae,{label:"At Row",children:a.jsx(te,{value:r.rowIndex})}),a.jsx(ae,{label:"At Cell Index",children:a.jsx(te,{value:r.cellIndex})})]})};return a.jsx(k,{})},Z=()=>{const m={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((A,l)=>({value:123.45})),actions:[{icon:"help",tooltip:a.jsxs(en,{children:[a.jsx(K,{bold:!0,children:"Title goes here lorem ipsum"}),a.jsx(K,{children:"Label: 123.45m"}),a.jsx(K,{children:"Another label: 123.45m"}),a.jsx(K,{children:"Label: 123.45m"})]})}]}))};return a.jsx(j,{table:m})};var oe,le,ie;B.parameters={...B.parameters,docs:{...(oe=B.parameters)==null?void 0:oe.docs,source:{originalSource:`args => {
+import{j as n}from"./jsx-runtime-f961835c.js";import{r as S}from"./index-f80c8c95.js";import{f as K}from"./immer.esm-5c06d4d0.js";import{l as oe}from"./lodash-75c70a11.js";import{G as se}from"./grid-3b729f81.js";import{T as V}from"./text-ad1f5f1d.js";import{T as A}from"./table-833837a1.js";import{C as sn}from"./card-3847c251.js";import{I as ae}from"./input-d68625a5.js";import{F as re}from"./field-a094cd72.js";import{H as ln}from"./heading-d29eb744.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-aefdf55f.js";import"./styled-components.browser.esm-416d73e5.js";import"./tslib.es6-dfef685f.js";import"./index-a80ed1cf.js";import"./index.es-85cc7dfc.js";import"./inheritsLoose-d4851ab8.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./index-3d476d02.js";import"./memoize-one.esm-52518564.js";import"./icon-e9cbb4d7.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./actions-2d4e1c8e.js";import"./common-types-2c81813f.js";import"./button-74c97e4a.js";import"./spinner-a81ebe38.js";import"./tooltip-23e84186.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-20e7ee0b.js";import"./pagination-e5a7b6d5.js";import"./select-62aa86c5.js";import"./assertThisInitialized-081f9914.js";import"./select.input-88b6ebab.js";import"./input-group-20c3add3.js";import"./input-group-addon-f8f6683a.js";import"./number-input-42f50494.js";import"./index-54f0d271.js";import"./check-box-e21258d5.js";import"./help-icon-d4189b1b.js";import"./slider-160e2152.js";import"./index-c7f280f6.js";import"./popover-06e375a5.js";import"./label-13d490a3.js";import"./flex-47732c42.js";const it={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 => {
   return <Table
   // eslint-disable-next-line react/jsx-props-no-spreading
   {...args} />;
-}`,...(ie=(le=B.parameters)==null?void 0:le.docs)==null?void 0:ie.source}}};var ce,de,ue;_.parameters={..._.parameters,docs:{...(ce=_.parameters)==null?void 0:ce.docs,source:{originalSource:`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 => {
   return <Table
   // eslint-disable-next-line react/jsx-props-no-spreading
   {...args} />;
-}`,...(ue=(de=_.parameters)==null?void 0:de.docs)==null?void 0:ue.source}}};var pe,ge,me;N.parameters={...N.parameters,docs:{...(pe=N.parameters)==null?void 0:pe.docs,source:{originalSource:`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 => {
   return <Table
   // eslint-disable-next-line react/jsx-props-no-spreading
   {...args} />;
-}`,...(me=(ge=N.parameters)==null?void 0:ge.docs)==null?void 0:me.source}}};var be,we,ve;W.parameters={...W.parameters,docs:{...(be=W.parameters)==null?void 0:be.docs,source:{originalSource:`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 => {
   return <Table
   // eslint-disable-next-line react/jsx-props-no-spreading
   {...args} />;
-}`,...(ve=(we=W.parameters)==null?void 0:we.docs)==null?void 0:ve.source}}};var he,ye,fe;M.parameters={...M.parameters,docs:{...(he=M.parameters)==null?void 0:he.docs,source:{originalSource:`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 => {
   return <Table
   // eslint-disable-next-line react/jsx-props-no-spreading
   {...args} />;
-}`,...(fe=(ye=M.parameters)==null?void 0:ye.docs)==null?void 0:fe.source}}};var xe,Pe,Se;O.parameters={...O.parameters,docs:{...(xe=O.parameters)==null?void 0:xe.docs,source:{originalSource:`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 => {
   return <Table
   // eslint-disable-next-line react/jsx-props-no-spreading
   {...args} />;
-}`,...(Se=(Pe=O.parameters)==null?void 0:Pe.docs)==null?void 0:Se.source}}};var Ce,Re,Ie;L.parameters={...L.parameters,docs:{...(Ce=L.parameters)==null?void 0:Ce.docs,source:{originalSource:`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 => {
   return <Table
   // eslint-disable-next-line react/jsx-props-no-spreading
   {...args} />;
-}`,...(Ie=(Re=L.parameters)==null?void 0:Re.docs)==null?void 0:Ie.source}}};var Ae,ke,Te;U.parameters={...U.parameters,docs:{...(Ae=U.parameters)==null?void 0:Ae.docs,source:{originalSource:`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 => {
   return <Table
   // eslint-disable-next-line react/jsx-props-no-spreading
   {...args} />;
-}`,...(Te=(ke=U.parameters)==null?void 0:ke.docs)==null?void 0:Te.source}}};var De,je,Ve;E.parameters={...E.parameters,docs:{...(De=E.parameters)==null?void 0:De.docs,source:{originalSource:`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 => {
   return <Table
   // eslint-disable-next-line react/jsx-props-no-spreading
   {...args} />;
-}`,...(Ve=(je=E.parameters)==null?void 0:je.docs)==null?void 0:Ve.source}}};var Fe,He,We;Q.parameters={...Q.parameters,docs:{...(Fe=Q.parameters)==null?void 0:Fe.docs,source:{originalSource:`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 => {
   return <Table
   // eslint-disable-next-line react/jsx-props-no-spreading
   {...args} />;
-}`,...(We=(He=Q.parameters)==null?void 0:He.docs)==null?void 0:We.source}}};var Oe,Ue,Ee;q.parameters={...q.parameters,docs:{...(Oe=q.parameters)==null?void 0:Oe.docs,source:{originalSource:`() => <Card heading={<Heading>Card heading</Heading>} padding={false}>
+}`,...(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}>
     <Table table={({
     ...storyData.table,
     bordered: false
   } as any)} />
-  </Card>`,...(Ee=(Ue=q.parameters)==null?void 0:Ue.docs)==null?void 0:Ee.source}}};var _e,Ne,Me;z.parameters={...z.parameters,docs:{...(_e=z.parameters)==null?void 0:_e.docs,source:{originalSource:`() => {
+  </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:`() => {
   /*
     Mock table data store (real apps should use Redux or similar)
   */
@@ -185,7 +185,7 @@ import{j as a}from"./jsx-runtime-f961835c.js";import{r as P}from"./index-f80c8c9
     return <Table table={(table as any)} />;
   };
   return <ManagedTable />;
-}`,...(Me=(Ne=z.parameters)==null?void 0:Ne.docs)==null?void 0:Me.source}}};var Le,Qe,qe;J.parameters={...J.parameters,docs:{...(Le=J.parameters)==null?void 0:Le.docs,source:{originalSource:`() => {
+}`,...(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:`() => {
   /*
     Mock table data store (real apps should use Redux or similar)
   */
@@ -318,7 +318,7 @@ import{j as a}from"./jsx-runtime-f961835c.js";import{r as P}from"./index-f80c8c9
     return <Table table={(table as any)} />;
   };
   return <TableWithSortAndFilter />;
-}`,...(qe=(Qe=J.parameters)==null?void 0:Qe.docs)==null?void 0:qe.source}}};var Ge,$e,Ke;X.parameters={...X.parameters,docs:{...(Ge=X.parameters)==null?void 0:Ge.docs,source:{originalSource:`() => {
+}`,...($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:`() => {
   const prices = {
     tea: 3.6,
     coffee: 3.2,
@@ -506,7 +506,7 @@ import{j as a}from"./jsx-runtime-f961835c.js";import{r as P}from"./index-f80c8c9
       }
     }
   } as any)} />;
-}`,...(Ke=($e=X.parameters)==null?void 0:$e.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:`() => {
+}`,...(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:`() => {
   const headings = ['Section', 'Width', 'Height'];
   let data = Array.from(Array(10), (_, i) => [i, i * 2, i * 2]);
   const [pastedData, setpastedData] = useState<PastedData>({
@@ -578,7 +578,7 @@ import{j as a}from"./jsx-runtime-f961835c.js";import{r as P}from"./index-f80c8c9
       </>;
   };
   return <CallbackCellTable />;
-}`,...(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:`() => {
+}`,...(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:`() => {
   const table = {
     fixedWidth: 'auto',
     name: 'Table title',
@@ -625,4 +625,72 @@ import{j as a}from"./jsx-runtime-f961835c.js";import{r as P}from"./index-f80c8c9
     }))
   };
   return <Table table={table} />;
-}`,...(Ze=(Ye=Z.parameters)==null?void 0:Ye.docs)==null?void 0:Ze.source}}};const st=["Default","FixedWidth","AutoWidth","ColumnWidths","ColumnAlignment","ColumnHeaderAlignment","InfiniteScrollFixedHeight","InfiniteScrollFullHeight","InfiniteScrollShort","InfiniteScrollWithDragAndDrop","InCard","Managed","ManagedWithFilterAndSort","AutoAddNewRow","OnPasteCallback","ExampleTableWithInfoTooltips"];export{X as AutoAddNewRow,N as AutoWidth,M as ColumnAlignment,O as ColumnHeaderAlignment,W as ColumnWidths,B as Default,Z as ExampleTableWithInfoTooltips,_ as FixedWidth,q as InCard,L as InfiniteScrollFixedHeight,U as InfiniteScrollFullHeight,E as InfiniteScrollShort,Q as InfiniteScrollWithDragAndDrop,z as Managed,J as ManagedWithFilterAndSort,Y as OnPasteCallback,st as __namedExportsOrder,rt as default};
+}`,...(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:`() => {
+  const table = {
+    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: <Grid>
+                <Text bold>Title goes here</Text>
+                <Text>Details go here</Text>
+              </Grid>
+      }]
+    }, {
+      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: <Grid>
+                <Text bold>Title goes here</Text>
+                <Text>Details go here</Text>
+              </Grid>
+      }]
+    }]
+  };
+  return <Table table={table} />;
+}`,...(rn=(an=ee.parameters)==null?void 0:an.docs)==null?void 0:rn.source}}};const ct=["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,ct as __namedExportsOrder,it as default};

package/dist/storybook/iframe.html

@@ -357,7 +357,7 @@
   }
 </script>
 
-  <script type="module" crossorigin src="./assets/iframe-4b9bc7c1.js"></script>
+  <script type="module" crossorigin src="./assets/iframe-fb9f1f0f.js"></script>
 </head>
 
 <body>