@oliasoft-open-source/react-ui-library 4.0.0-beta-39 → 4.0.0-beta-41

package/dist/storybook/assets/button-9027cb35.js

@@ -0,0 +1 @@
+import{j as a}from"./jsx-runtime-f961835c.js";import{r as M}from"./index-f80c8c95.js";import{c as j}from"./index-a80ed1cf.js";import{C as t,G as f}from"./common-types-3a5f9d98.js";import{D as w}from"./disabled-context-d654f6ff.js";import{S as C}from"./spinner-cb92a546.js";import{I as F}from"./icon-6cfc6944.js";import{T as R}from"./tooltip-23e84186.js";const U="_inputInTable_15rbm_1",D="_inputHover_15rbm_13",L="_inputFocus_15rbm_18",G="_inputError_15rbm_25",H="_inputWarning_15rbm_26",W="_inputDisabled_15rbm_61",k="_hideScrollbars_15rbm_67",A="_button_15rbm_103",z="_active_15rbm_139",J="_green_15rbm_139",K="_red_15rbm_139",P="_orange_15rbm_139",Q="_icon_15rbm_151",X="_iconOnly_15rbm_157",Y="_basic_15rbm_167",Z="_muted_15rbm_173",$="_disabled_15rbm_192",ee="_small_15rbm_202",re="_pill_15rbm_207",ae="_round_15rbm_208",ne="_error_15rbm_275",te="_warning_15rbm_292",le="_inverted_15rbm_309",se="_groupOrderFirst_15rbm_339",ie="_groupOrderMiddle_15rbm_340",oe="_groupOrderLast_15rbm_341",e={inputInTable:U,inputHover:D,inputFocus:L,inputError:G,inputWarning:H,inputDisabled:W,hideScrollbars:k,button:A,active:z,green:J,red:K,orange:P,icon:Q,iconOnly:X,basic:Y,muted:Z,disabled:$,small:ee,pill:re,round:ae,error:ne,warning:te,inverted:le,groupOrderFirst:se,groupOrderMiddle:ie,groupOrderLast:oe};var l=(r=>(r.SUBMIT="submit",r.BUTTON="button",r.RESET="reset",r))(l||{});const ue=({children:r,tooltip:n=null})=>n?a.jsx(R,{text:n,display:"inline-flex",children:r}):a.jsx(a.Fragment,{children:r}),b=({active:r=!1,basic:n=!1,colored:s=!1,disabled:u=!1,groupOrder:d=null,icon:i=null,label:c="",loading:p=!1,name:g,pill:v=!1,round:y=!1,small:o=!1,styles:O="",width:q="",title:m="",type:T=l.BUTTON,onClick:V=()=>{},error:x,warning:E,testId:S,tooltip:N,inverted:B=!1})=>{const _=M.useContext(w),I=(()=>{if(s)switch(s){case t.DANGER:case t.RED:return e.red;case t.SUCCESS:case t.GREEN:return e.green;case t.MUTED:return e.muted;default:return e.orange}return""})(),h=(()=>{if(d)switch(d){case f.FIRST:return e.groupOrderFirst;case f.LAST:return e.groupOrderLast;default:return e.groupOrderMiddle}return""})();return a.jsx(ue,{tooltip:N,children:a.jsxs("button",{type:T===l.SUBMIT?l.SUBMIT:l.BUTTON,className:j(e.button,r?e.active:"",n?e.basic:"",I,u||_?e.disabled:"",(i||p)&&!c?e.iconOnly:"",B?e.inverted:"",h,v?e.pill:"",y?e.round:"",o?e.small:"",x?e.error:E?e.warning:"",O),disabled:u||_,name:g??"",onClick:V,...m?{title:m}:{},style:{width:q},"data-testid":S,children:[i&&a.jsx("span",{className:e.icon,children:a.jsx(F,{icon:i})}),p&&a.jsx("span",{className:e.icon,children:a.jsx(C,{small:!o,tiny:o,dark:!s&&!n,colored:n})}),c]})})};try{b.displayName="Button",b.__docgenInfo={description:"",displayName:"Button",props:{active:{defaultValue:{value:"false"},description:"",name:"active",required:!1,type:{name:"boolean"}},basic:{defaultValue:{value:"false"},description:"",name:"basic",required:!1,type:{name:"boolean"}},colored:{defaultValue:{value:"false"},description:"",name:"colored",required:!1,type:{name:"string | boolean"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},groupOrder:{defaultValue:{value:"null"},description:"",name:"groupOrder",required:!1,type:{name:"string | null"}},icon:{defaultValue:{value:"null"},description:"",name:"icon",required:!1,type:{name:"ReactNode"}},label:{defaultValue:{value:""},description:"",name:"label",required:!1,type:{name:"ReactNode"}},loading:{defaultValue:{value:"false"},description:"",name:"loading",required:!1,type:{name:"boolean"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string | null"}},onClick:{defaultValue:{value:"() => {}"},description:"",name:"onClick",required:!1,type:{name:"((evt: MouseEvent<HTMLButtonElement, MouseEvent>) => void)"}},pill:{defaultValue:{value:"false"},description:"",name:"pill",required:!1,type:{name:"boolean"}},round:{defaultValue:{value:"false"},description:"",name:"round",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},styles:{defaultValue:{value:""},description:"",name:"styles",required:!1,type:{name:"string"}},width:{defaultValue:{value:""},description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},title:{defaultValue:{value:""},description:"",name:"title",required:!1,type:{name:"string"}},type:{defaultValue:{value:"ButtonType.BUTTON"},description:"",name:"type",required:!1,type:{name:"string"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"string"}},warning:{defaultValue:null,description:"",name:"warning",required:!1,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},tooltip:{defaultValue:{value:"null"},description:"",name:"tooltip",required:!1,type:{name:"ReactNode"}},inverted:{defaultValue:{value:"false"},description:"",name:"inverted",required:!1,type:{name:"boolean"}}}}}catch{}export{b as B,l as a};

package/dist/storybook/assets/button-group-38c835a9.js

@@ -0,0 +1 @@
+import{j as n}from"./jsx-runtime-f961835c.js";import{r as H}from"./index-f80c8c95.js";import{G as u}from"./common-types-3a5f9d98.js";import{D as P}from"./disabled-context-d654f6ff.js";import{i as c,g as R}from"./types-332ceaf3.js";import{B as W}from"./button-9027cb35.js";import{T as K}from"./tooltip-23e84186.js";const M="_label_iu2wi_1",z="_buttonGroup_iu2wi_11",x={label:M,buttonGroup:z},h=p=>{const{basic:j=!1,items:m=[],header:f="",onSelected:_=()=>{},small:B=!1,value:g="",testId:T=void 0,disabled:b}=p,v=H.useContext(P),I=(e,t,r,s,a)=>{e.preventDefault(),e.stopPropagation(),!(b||a||v)&&_(t,r,s)},V=(e,t)=>t==="string"?e:t==="object"?e.label:t==="array"?e[1]:null,G=(e,t)=>t==="string"?e:t==="object"?e.value??"":t==="array"?e[0]??"":"",S=(e,t,r)=>t==="object"&&"key"in e?e.key:r,q=(e,t)=>t==="object"?e.hidden:!1,F=(e,t)=>t==="object"?e.icon:void 0,N=(e,t,r)=>e==="object"?String(t)===String(g):r===g,k=()=>{if(f)return n.jsx("label",{className:x.label,children:f})},C=()=>m.map((e,t)=>{const r=R(e),s=t===0?u.FIRST:t===m.length-1?u.LAST:u.MIDDLE,a=V(e,r),i=G(e,r),y=S(e,r,i),D=q(e,r),L=F(e,r),w=N(r,y,i),{error:l,maxTooltipWidth:O,testId:E,tooltip:d,warning:o}=e;return D?null:n.jsx(K,{error:!!l,warning:!!o,text:d||l||o,maxWidth:O,display:"block",enabled:d&&c(d)||l&&c(l)||o&&c(o)||!1,placement:"bottom-center",children:n.jsx(W,{active:w,basic:j,disabled:b||e.disabled,groupOrder:s,icon:L,label:a,onClick:A=>{I(A,y,i,typeof a=="string"?a:"",e.disabled||!1)},small:B,testId:E})},t)});return n.jsx("div",{children:n.jsxs("div",{children:[k(),n.jsx("div",{className:x.buttonGroup,"data-testid":T,children:C()})]})})};try{h.displayName="ButtonGroup",h.__docgenInfo={description:"",displayName:"ButtonGroup",props:{disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},basic:{defaultValue:null,description:"",name:"basic",required:!1,type:{name:"boolean"}},items:{defaultValue:null,description:"",name:"items",required:!1,type:{name:"string[] | (string[] | IBtnGroupItemProps)[]"}},header:{defaultValue:null,description:"",name:"header",required:!1,type:{name:"string"}},onSelected:{defaultValue:null,description:"",name:"onSelected",required:!1,type:{name:"TFunction"}},small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"TStringOrNumber"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}export{h as B};

package/dist/storybook/assets/button-group-ca0fb5b4.css

@@ -0,0 +1 @@
+._label_iu2wi_1{display:inline-block;width:auto;margin:0 .85714286em 0 0;vertical-align:baseline;font-size:var(--font-size);font-weight:700;color:var(--color-text);text-transform:none}._buttonGroup_iu2wi_11{display:inline-flex;flex-direction:row;vertical-align:baseline}._buttonGroup_iu2wi_11>*:not(:last-child){margin-right:-1px}

package/dist/storybook/assets/button-group.stories-974dac57.js

@@ -0,0 +1,61 @@
+import{j as f}from"./jsx-runtime-f961835c.js";import{B as T}from"./button-group-38c835a9.js";import"./index-f80c8c95.js";import"./common-types-3a5f9d98.js";import"./disabled-context-d654f6ff.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./button-9027cb35.js";import"./index-a80ed1cf.js";import"./spinner-cb92a546.js";import"./index-c89a1915.js";import"./icon-6cfc6944.js";import"./inheritsLoose-d4851ab8.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";const D=[{key:"0",label:"Aardvarks",value:"termites"},{key:"1",label:"Kangaroos",value:"grass"},{key:"2",label:"Monkeys",value:"bananas"},{key:"3",label:"Possums",value:"slugs",hidden:!0},{key:"4",label:"Pandas",value:"bamboo",disabled:!0}],N=[{key:"0",label:"Upload",value:"upload",icon:"upload"},{key:"1",label:"Delete",value:"delete",icon:"delete"},{key:"2",label:"Help",value:"help",icon:"help"}],E=["One","Two","Three"],w=[["first_item","One"],["second_item","Two"],["third_item","Three"]],I=[{key:"0",label:"Aardvarks",value:"termites",tooltip:"Eats 50k termites / night"},{key:"1",label:"Kangaroos",value:"grass",tooltip:f.jsx("span",{children:"Babies are called joeys"})},{key:"2",label:"Monkeys",value:"bananas",warning:"A bit cheeky"},{key:"3",label:"Pandas",value:"bamboo",disabled:!0,tooltip:"Extinct"}],{useArgs:K}=__STORYBOOK_MODULE_ADDONS__,$={title:"Forms/ButtonGroup",component:T,args:{disabled:!1,items:D,value:"0",small:!1,testId:void 0,onSelected:()=>{}}},s=C=>{const[M,j]=K(),B=G=>{j({value:G})};return f.jsx(T,{...C,onSelected:B})},o=s.bind({}),a=s.bind({});a.args={items:N};const t=s.bind({});t.args={items:I};const n=s.bind({});n.args={disabled:!0};const e=s.bind({});e.args={items:E};e.parameters={docs:{description:{story:"For simple cases when button key, label and value are the same."}}};const r=s.bind({});r.args={items:w};r.parameters={docs:{description:{story:"Avoid this deprecated legacy usage (still supported, but may be removed in future)."}}};var l,i,u;o.parameters={...o.parameters,docs:{...(l=o.parameters)==null?void 0:l.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: TStringOrNumber) => {
+    updateArgs({
+      value: evt
+    });
+  };
+  return <ButtonGroup
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} onSelected={handleChange} />;
+}`,...(u=(i=o.parameters)==null?void 0:i.docs)==null?void 0:u.source}}};var d,p,c;a.parameters={...a.parameters,docs:{...(d=a.parameters)==null?void 0:d.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: TStringOrNumber) => {
+    updateArgs({
+      value: evt
+    });
+  };
+  return <ButtonGroup
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} onSelected={handleChange} />;
+}`,...(c=(p=a.parameters)==null?void 0:p.docs)==null?void 0:c.source}}};var g,m,b;t.parameters={...t.parameters,docs:{...(g=t.parameters)==null?void 0:g.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: TStringOrNumber) => {
+    updateArgs({
+      value: evt
+    });
+  };
+  return <ButtonGroup
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} onSelected={handleChange} />;
+}`,...(b=(m=t.parameters)==null?void 0:m.docs)==null?void 0:b.source}}};var h,v,A;n.parameters={...n.parameters,docs:{...(h=n.parameters)==null?void 0:h.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: TStringOrNumber) => {
+    updateArgs({
+      value: evt
+    });
+  };
+  return <ButtonGroup
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} onSelected={handleChange} />;
+}`,...(A=(v=n.parameters)==null?void 0:v.docs)==null?void 0:A.source}}};var y,S,O;e.parameters={...e.parameters,docs:{...(y=e.parameters)==null?void 0:y.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: TStringOrNumber) => {
+    updateArgs({
+      value: evt
+    });
+  };
+  return <ButtonGroup
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} onSelected={handleChange} />;
+}`,...(O=(S=e.parameters)==null?void 0:S.docs)==null?void 0:O.source}}};var k,x,_;r.parameters={...r.parameters,docs:{...(k=r.parameters)==null?void 0:k.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: TStringOrNumber) => {
+    updateArgs({
+      value: evt
+    });
+  };
+  return <ButtonGroup
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} onSelected={handleChange} />;
+}`,...(_=(x=r.parameters)==null?void 0:x.docs)==null?void 0:_.source}}};const ee=["Default","Icons","Tooltips","Disabled","ArrayOfStrings","ArrayOfArrays"];export{r as ArrayOfArrays,e as ArrayOfStrings,o as Default,n as Disabled,a as Icons,t as Tooltips,ee as __namedExportsOrder,$ as default};

package/dist/storybook/assets/button.stories-16d12b0f.js

@@ -0,0 +1,61 @@
+import{j as o}from"./jsx-runtime-f961835c.js";import{F as Z}from"./flex-47732c42.js";import{B as e,a as $}from"./button-9027cb35.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./common-types-3a5f9d98.js";import"./disabled-context-d654f6ff.js";import"./spinner-cb92a546.js";import"./index-c89a1915.js";import"./icon-6cfc6944.js";import"./inheritsLoose-d4851ab8.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";const ir={title:"Forms/Button",component:e,parameters:{canvas:{page:null}},argTypes:{colored:{control:{type:"inline-radio"},options:{off:!1,primary:"primary",success:"success",danger:"danger",muted:"muted"}},icon:{control:{type:"inline-radio"},options:{off:void 0,on:"delete"}}},args:{label:"Label"}},r=m=>o.jsxs(Z,{gap:"var(--padding-sm)",children:[o.jsx(e,{...m}),o.jsx(e,{colored:!0,...m}),o.jsx(e,{colored:"success",...m}),o.jsx(e,{colored:"danger",...m})]}),B=r.bind({}),s=r.bind({});s.args={small:!0};const a=r.bind({});a.args={basic:!0};const t=r.bind({});t.args={active:!0};const n=r.bind({});n.args={disabled:!0};const c=r.bind({});c.args={icon:"delete"};const d=r.bind({});d.args={round:!0,icon:"delete",label:void 0};const u=r.bind({});u.args={round:!0,icon:"delete",label:void 0,colored:"muted",basic:!0};const l=r.bind({});l.args={width:"100%"};const g=r.bind({});g.args={type:$.SUBMIT};const p=r.bind({});p.args={label:"Lorem ipsum dolor est compendum",width:"100px",small:!0};const i=r.bind({});i.args={tooltip:"Tooltip goes here"};var x,F,b;B.parameters={...B.parameters,docs:{...(x=B.parameters)==null?void 0:x.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
+    <Button {...args} />
+    <Button colored {...args} />
+    <Button colored="success" {...args} />
+    <Button colored="danger" {...args} />
+  </Flex>`,...(b=(F=B.parameters)==null?void 0:F.docs)==null?void 0:b.source}}};var v,S,f;s.parameters={...s.parameters,docs:{...(v=s.parameters)==null?void 0:v.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
+    <Button {...args} />
+    <Button colored {...args} />
+    <Button colored="success" {...args} />
+    <Button colored="danger" {...args} />
+  </Flex>`,...(f=(S=s.parameters)==null?void 0:S.docs)==null?void 0:f.source}}};var T,h,j;a.parameters={...a.parameters,docs:{...(T=a.parameters)==null?void 0:T.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
+    <Button {...args} />
+    <Button colored {...args} />
+    <Button colored="success" {...args} />
+    <Button colored="danger" {...args} />
+  </Flex>`,...(j=(h=a.parameters)==null?void 0:h.docs)==null?void 0:j.source}}};var y,W,R;t.parameters={...t.parameters,docs:{...(y=t.parameters)==null?void 0:y.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
+    <Button {...args} />
+    <Button colored {...args} />
+    <Button colored="success" {...args} />
+    <Button colored="danger" {...args} />
+  </Flex>`,...(R=(W=t.parameters)==null?void 0:W.docs)==null?void 0:R.source}}};var D,I,M;n.parameters={...n.parameters,docs:{...(D=n.parameters)==null?void 0:D.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
+    <Button {...args} />
+    <Button colored {...args} />
+    <Button colored="success" {...args} />
+    <Button colored="danger" {...args} />
+  </Flex>`,...(M=(I=n.parameters)==null?void 0:I.docs)==null?void 0:M.source}}};var _,w,A;c.parameters={...c.parameters,docs:{...(_=c.parameters)==null?void 0:_.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
+    <Button {...args} />
+    <Button colored {...args} />
+    <Button colored="success" {...args} />
+    <Button colored="danger" {...args} />
+  </Flex>`,...(A=(w=c.parameters)==null?void 0:w.docs)==null?void 0:A.source}}};var E,L,O;d.parameters={...d.parameters,docs:{...(E=d.parameters)==null?void 0:E.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
+    <Button {...args} />
+    <Button colored {...args} />
+    <Button colored="success" {...args} />
+    <Button colored="danger" {...args} />
+  </Flex>`,...(O=(L=d.parameters)==null?void 0:L.docs)==null?void 0:O.source}}};var U,k,q;u.parameters={...u.parameters,docs:{...(U=u.parameters)==null?void 0:U.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
+    <Button {...args} />
+    <Button colored {...args} />
+    <Button colored="success" {...args} />
+    <Button colored="danger" {...args} />
+  </Flex>`,...(q=(k=u.parameters)==null?void 0:k.docs)==null?void 0:q.source}}};var z,C,G;l.parameters={...l.parameters,docs:{...(z=l.parameters)==null?void 0:z.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
+    <Button {...args} />
+    <Button colored {...args} />
+    <Button colored="success" {...args} />
+    <Button colored="danger" {...args} />
+  </Flex>`,...(G=(C=l.parameters)==null?void 0:C.docs)==null?void 0:G.source}}};var H,J,K;g.parameters={...g.parameters,docs:{...(H=g.parameters)==null?void 0:H.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
+    <Button {...args} />
+    <Button colored {...args} />
+    <Button colored="success" {...args} />
+    <Button colored="danger" {...args} />
+  </Flex>`,...(K=(J=g.parameters)==null?void 0:J.docs)==null?void 0:K.source}}};var N,P,Q;p.parameters={...p.parameters,docs:{...(N=p.parameters)==null?void 0:N.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
+    <Button {...args} />
+    <Button colored {...args} />
+    <Button colored="success" {...args} />
+    <Button colored="danger" {...args} />
+  </Flex>`,...(Q=(P=p.parameters)==null?void 0:P.docs)==null?void 0:Q.source}}};var V,X,Y;i.parameters={...i.parameters,docs:{...(V=i.parameters)==null?void 0:V.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
+    <Button {...args} />
+    <Button colored {...args} />
+    <Button colored="success" {...args} />
+    <Button colored="danger" {...args} />
+  </Flex>`,...(Y=(X=i.parameters)==null?void 0:X.docs)==null?void 0:Y.source}}};const mr=["Default","Small","Basic","Active","Disabled","WithIcon","Round","RoundMuted","FullWidth","Submit","TestSmallButtonWrapping","Tooltip"];export{t as Active,a as Basic,B as Default,n as Disabled,l as FullWidth,d as Round,u as RoundMuted,s as Small,g as Submit,p as TestSmallButtonWrapping,i as Tooltip,c as WithIcon,mr as __namedExportsOrder,ir as default};

package/dist/storybook/assets/buttons-and-links-df37bac0.js

@@ -0,0 +1,14 @@
+import{j as t}from"./jsx-runtime-f961835c.js";import{M as s,C as o}from"./index-bcb9aa42.js";import{Default as a,Basic as c}from"./button.stories-16d12b0f.js";import{Default as d}from"./text-link.stories-c1227c6f.js";import{u as r}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-e34c70f8.js";import"../sb-preview/runtime.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-97a99495.js";import"./flex-47732c42.js";import"./button-9027cb35.js";import"./index-a80ed1cf.js";import"./common-types-3a5f9d98.js";import"./disabled-context-d654f6ff.js";import"./spinner-cb92a546.js";import"./index-c89a1915.js";import"./icon-6cfc6944.js";import"./tooltip-23e84186.js";import"./text-ad1f5f1d.js";function i(e){const n=Object.assign({h1:"h1",h2:"h2",p:"p",code:"code"},r(),e.components);return t.jsxs(t.Fragment,{children:[t.jsx(s,{title:"Buttons & Links"}),`
+`,t.jsx(n.h1,{id:"buttons--links",children:"Buttons & Links"}),`
+`,t.jsx(o,{of:a}),`
+`,t.jsx(n.h2,{id:"a-single-primary-button",children:"A single primary button"}),`
+`,t.jsxs(n.p,{children:["Primary (",t.jsx(n.code,{children:"colored"}),") buttons help highlight the most important action, but not if there are too many of them. Try not to use more than one per view or section."]}),`
+`,t.jsx(n.h2,{id:"error--success-buttons",children:"Error & success buttons"}),`
+`,t.jsxs(n.p,{children:["Like primary buttons, these should be used sparingly for particularly risky actions (",t.jsx(n.code,{children:'colored="red"'}),") or particularly rewarding ones (",t.jsx(n.code,{children:'colored="green"'}),")."]}),`
+`,t.jsx(n.h2,{id:"basic-buttons",children:"Basic buttons"}),`
+`,t.jsx(o,{of:c}),`
+`,t.jsx(n.p,{children:"Same height as other buttons, but without a background. Use when a default button is too heavy, but you want to line up with other buttons or form elements."}),`
+`,t.jsxs(n.p,{children:["If you need a very unobtrusive button, combine ",t.jsx(n.code,{children:"basic"})," with ",t.jsx(n.code,{children:'colored="muted"'}),"."]}),`
+`,t.jsxs(n.h2,{id:"links-textlink",children:["Links (",t.jsx(n.code,{children:"TextLink"}),")"]}),`
+`,t.jsxs(n.p,{children:["Inline links without extra padding. Use when space is limited and/or extra padding would cause problems (e.g. for a link in a ",t.jsx(n.code,{children:"Table"})," or an inline link)."]}),`
+`,t.jsx(o,{of:d})]})}function E(e={}){const{wrapper:n}=Object.assign({},r(),e.components);return n?t.jsx(n,Object.assign({},e,{children:t.jsx(i,e)})):i(e)}export{E as default};

package/dist/storybook/assets/card-2de0de0b.js

@@ -0,0 +1 @@
+import{j as a}from"./jsx-runtime-f961835c.js";import{c as d}from"./index-a80ed1cf.js";const l="_card_puxzc_1",p="_bordered_puxzc_4",u="_raised_puxzc_10",_="_cardHeader_puxzc_13",m="_cardContentBorderTop_puxzc_19",f="_padding_puxzc_22",x="_cardContent_puxzc_19",e={card:l,bordered:p,raised:u,cardHeader:_,cardContentBorderTop:m,padding:f,cardContent:x},t=({bordered:n=!0,heading:r=null,children:o,margin:c="0",padding:s=!0,raised:i=!1})=>a.jsxs("div",{className:d(e.card,n?e.bordered:"",i?e.raised:""),style:{margin:c},children:[r?a.jsx("div",{className:d(e.cardHeader),children:r}):null,a.jsx("div",{className:d(e.cardContent,r?e.cardContentBorderTop:"",s?e.padding:""),children:o})]});try{t.displayName="Card",t.__docgenInfo={description:"",displayName:"Card",props:{bordered:{defaultValue:{value:"true"},description:"",name:"bordered",required:!1,type:{name:"boolean"}},heading:{defaultValue:{value:"null"},description:"",name:"heading",required:!1,type:{name:"ReactNode"}},margin:{defaultValue:{value:"0"},description:"",name:"margin",required:!1,type:{name:"string"}},padding:{defaultValue:{value:"true"},description:"",name:"padding",required:!1,type:{name:"boolean"}},raised:{defaultValue:{value:"false"},description:"",name:"raised",required:!1,type:{name:"boolean"}}}}}catch{}export{t as C};

package/dist/storybook/assets/card-66a55247.css

@@ -0,0 +1 @@
+._card_puxzc_1{color:var(--color-text)}._card_puxzc_1._bordered_puxzc_4{background:var(--color-background-raised);border:1px solid var(--color-border);box-shadow:var(--shadow-button);border-radius:var(--border-radius)}._card_puxzc_1._bordered_puxzc_4._raised_puxzc_10{box-shadow:var(--shadow-layer)}._card_puxzc_1._bordered_puxzc_4 ._cardHeader_puxzc_13{background:var(--color-background);padding:var(--padding-xxs) var(--padding-sm);border-top-left-radius:inherit;border-top-right-radius:inherit}._card_puxzc_1._bordered_puxzc_4 ._cardContentBorderTop_puxzc_19{border-top:1px solid var(--color-border)}._card_puxzc_1._bordered_puxzc_4 ._padding_puxzc_22{padding:var(--padding-sm)}._cardContent_puxzc_19:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}._cardContent_puxzc_19:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}._cardHeader_puxzc_13{display:flex;align-items:center;padding:var(--padding-sm) 0}

package/dist/storybook/assets/card.stories-33fbb14d.js

@@ -0,0 +1 @@
+import{j as d}from"./jsx-runtime-f961835c.js";import{C as S}from"./card-2de0de0b.js";import{H as N}from"./heading-5eb5ea78.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./common-types-3a5f9d98.js";import"./help-icon-6216ea0b.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./icon-6cfc6944.js";import"./inheritsLoose-d4851ab8.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";const w={title:"Layout/Card",component:S,args:{raised:!1,children:"Content goes here",padding:!0,bordered:!0}},o=W=>d.jsx(S,{...W}),t=o.bind({}),r=o.bind({});r.args={heading:d.jsx(N,{children:"Heading"})};const e=o.bind({});e.args={heading:d.jsx(N,{onClickHelp:()=>console.log("help!"),children:"Heading"})};const a=o.bind({});a.args={padding:!1};const s=o.bind({});s.args={bordered:!1};var i,c,p;t.parameters={...t.parameters,docs:{...(i=t.parameters)==null?void 0:i.docs,source:{originalSource:"args => <Card {...args} />",...(p=(c=t.parameters)==null?void 0:c.docs)==null?void 0:p.source}}};var n,m,g;r.parameters={...r.parameters,docs:{...(n=r.parameters)==null?void 0:n.docs,source:{originalSource:"args => <Card {...args} />",...(g=(m=r.parameters)==null?void 0:m.docs)==null?void 0:g.source}}};var l,u,h;e.parameters={...e.parameters,docs:{...(l=e.parameters)==null?void 0:l.docs,source:{originalSource:"args => <Card {...args} />",...(h=(u=e.parameters)==null?void 0:u.docs)==null?void 0:h.source}}};var H,C,f;a.parameters={...a.parameters,docs:{...(H=a.parameters)==null?void 0:H.docs,source:{originalSource:"args => <Card {...args} />",...(f=(C=a.parameters)==null?void 0:C.docs)==null?void 0:f.source}}};var b,x,j;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:"args => <Card {...args} />",...(j=(x=s.parameters)==null?void 0:x.docs)==null?void 0:j.source}}};const z=["Default","WithHeading","WithHelpHeading","NoPadding","NoBorder"];export{t as Default,s as NoBorder,a as NoPadding,r as WithHeading,e as WithHelpHeading,z as __namedExportsOrder,w as default};

package/dist/storybook/assets/casing-loads.stories-d67519eb.js

@@ -0,0 +1,209 @@
+import{j as e}from"./jsx-runtime-f961835c.js";import{r as u}from"./index-f80c8c95.js";import{I as f}from"./common-types-3a5f9d98.js";import{T}from"./top-bar-f614e2f6.js";import{S as I}from"./side-bar-f7047e4a.js";import{H as r}from"./heading-5eb5ea78.js";import{B as n}from"./button-9027cb35.js";import{D as g}from"./drawer-ec715a11.js";import{L as O}from"./list-1c815d64.js";import{F as a}from"./field-69d1c5f6.js";import{I as o}from"./input-8db939f4.js";import{M as D,D as E}from"./dialog-c478135c.js";import{C as H}from"./check-box-24c24273.js";import{F as p}from"./form-row-19dd7f6e.js";import{P as k}from"./page-6d07f774.js";import{R as y,C as R}from"./row-a31e8f1f.js";import{S as d}from"./select-b35e468b.js";import{S as l}from"./spacer-54db0620.js";import{T as B}from"./tabs-a69a771b.js";import{T as M}from"./table-43e92fcb.js";import"./index-a80ed1cf.js";import"./icon-6cfc6944.js";import"./inheritsLoose-d4851ab8.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./actions-3e8ee8ec.js";import"./lodash-75c70a11.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-1615fbe5.js";import"./index-c7f280f6.js";import"./help-icon-6216ea0b.js";import"./spinner-cb92a546.js";import"./index.es-2e8c1ff9.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./hoist-non-react-statics.cjs-cd4c875b.js";import"./memoize-one.esm-52518564.js";import"./card-2de0de0b.js";import"./list-heading-e884ff66.js";import"./loader-1947f6cd.js";import"./label-92aaba2c.js";import"./portal-03fe4689.js";import"./styled-components.browser.esm-a7da2f18.js";import"./assertThisInitialized-081f9914.js";import"./text-ad1f5f1d.js";import"./select.input-88b6ebab.js";import"./pagination-0755df3d.js";import"./input-group-9ddeb24a.js";import"./input-group-addon-63147930.js";import"./number-input-11543c86.js";import"./index-54f0d271.js";import"./slider-493c7d12.js";import"./popover-64e44a17.js";const Ne={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},s=()=>{const[v,i]=u.useState(!1),C=()=>e.jsx("div",{style:{color:"#aaa",display:"flex",alignItems:"center",justifyContent:"center",position:"absolute",overflow:"hidden",top:0,left:0,right:0,bottom:0},children:"SCHEMATIC"}),m=[{label:"Casing Loads",value:"casingloads"},{label:"Plot Charts",value:"charts"}],j={name:"Casing Loads",items:[{id:1,name:"Sections",type:"Heading"},{id:2,name:'30" Conductor Casing',active:!0},{id:3,name:"Ipsum"},{id:4,name:"Dolor"}]},L={columnWidths:["auto","auto","auto","auto","1%"],headers:[{cells:[{value:"Load case name"},{value:"Internal profile"},{value:"External profile"},{value:"Temperature profile"},{value:""}]}],rows:[{cells:[{value:"Load case 1"},{value:"Profile 1"},{value:"Profile 2"},{value:"Profile 3"},{value:"Edit",type:"Link",onClick:()=>i(!0)}]},{cells:[{value:"Load case 2"},{value:"Profile 1"},{value:"Profile 2"},{value:"Profile 3"},{value:"Edit",type:"Link",onClick:()=>i(!0)}]}]},F=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{label:"Name",children:e.jsx(o,{value:"Load case 1"})}),e.jsx(l,{}),e.jsx(r,{children:"Internal Profile"}),e.jsx(l,{}),e.jsxs(p,{children:[e.jsx(a,{label:"Profile",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Profile 1",value:"1"},{label:"Profile 2",value:"2"}]})}),e.jsx(a,{label:"Influx depth",children:e.jsx(o,{})}),e.jsx(a,{label:"Gas gradient",children:e.jsx(o,{})}),e.jsx(a,{label:"Mud weight",children:e.jsx(o,{})}),e.jsx(a,{label:"Input n",children:e.jsx(o,{})}),e.jsx(a,{children:e.jsx(H,{label:"Limit gas at shoe"})})]}),e.jsx(l,{}),e.jsx(r,{children:"External Profile"}),e.jsx(l,{}),e.jsxs(p,{children:[e.jsx(a,{label:"Profile",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Profile 1",value:"1"},{label:"Profile 2",value:"2"}]})}),e.jsx(a,{label:"FG above TOC",children:e.jsx(o,{})}),e.jsx(a,{label:"FG below TOC",children:e.jsx(o,{})})]}),e.jsx(l,{}),e.jsx(r,{children:"Temperature Profile"}),e.jsx(l,{}),e.jsxs(p,{children:[e.jsx(a,{label:"Profile",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Profile 1",value:"1"},{label:"Profile 2",value:"2"}]})}),e.jsx(a,{label:"Custome table",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Custome table 1",value:"1"},{label:"Custome table 2",value:"2"}]})})]})]}),P=()=>{const[t,c]=u.useState(!0);return e.jsx(g,{button:e.jsx(n,{onClick:()=>c(!t),round:!0,icon:f.CHEVRON_LEFT}),open:t,width:300,closedWidth:"var(--size-sidebar)",children:e.jsx(O,{drawer:!0,narrow:!t,list:j})})},w=()=>{const[t,c]=u.useState(!0);return e.jsx(g,{right:!0,background:"white",button:e.jsx(n,{onClick:()=>c(!t),round:!0,icon:f.CHEVRON_RIGHT}),open:t,width:300,closedWidth:"var(--size-sidebar)",children:e.jsx(C,{})})},S=()=>e.jsx(D,{visible:v,children:e.jsx(E,{dialog:{heading:"Load case 1",content:e.jsx(F,{}),footer:e.jsxs(e.Fragment,{children:[e.jsx(n,{label:"Save",colored:!0,onClick:()=>i(!1)}),e.jsx(n,{label:"Cancel",onClick:()=>i(!1)})]}),onClose:()=>i(!1)}})});return e.jsxs(e.Fragment,{children:[e.jsx(T,{}),e.jsx(I,{options:{title:"",sections:[]}}),e.jsx(k,{padding:!1,scroll:!1,children:e.jsxs(y,{spacing:0,flex:!0,children:[e.jsx(P,{}),e.jsxs(R,{borderLeft:!0,borderRight:!0,padding:!0,scroll:!0,children:[e.jsx(r,{top:!0,marginBottom:0,children:'30" Conductor Casing'}),e.jsx(B,{margin:!1,options:m,value:m[0]}),e.jsx(l,{}),e.jsx(M,{table:L})]}),e.jsx(w,{})]})}),e.jsx(S,{})]})};var b,h,x;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:`() => {
+  const [dialogOpen, setDialogOpen] = useState(false);
+  const SchematicPlaceholder = () => <div style={{
+    color: '#aaa',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    position: 'absolute',
+    overflow: 'hidden',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0
+  }}>
+      SCHEMATIC
+    </div>;
+  const casingTabs = [{
+    label: 'Casing Loads',
+    value: 'casingloads'
+  }, {
+    label: 'Plot Charts',
+    value: 'charts'
+  }];
+  const casingListData = {
+    name: 'Casing Loads',
+    items: [{
+      id: 1,
+      name: 'Sections',
+      type: 'Heading'
+    }, {
+      id: 2,
+      name: '30" Conductor Casing',
+      active: true
+    }, {
+      id: 3,
+      name: 'Ipsum'
+    }, {
+      id: 4,
+      name: 'Dolor'
+    }]
+  };
+  const loadsTableData = {
+    columnWidths: ['auto', 'auto', 'auto', 'auto', '1%'],
+    headers: [{
+      cells: [{
+        value: 'Load case name'
+      }, {
+        value: 'Internal profile'
+      }, {
+        value: 'External profile'
+      }, {
+        value: 'Temperature profile'
+      }, {
+        value: ''
+      }]
+    }],
+    rows: [{
+      cells: [{
+        value: 'Load case 1'
+      }, {
+        value: 'Profile 1'
+      }, {
+        value: 'Profile 2'
+      }, {
+        value: 'Profile 3'
+      }, {
+        value: 'Edit',
+        type: 'Link',
+        onClick: () => setDialogOpen(true)
+      }]
+    }, {
+      cells: [{
+        value: 'Load case 2'
+      }, {
+        value: 'Profile 1'
+      }, {
+        value: 'Profile 2'
+      }, {
+        value: 'Profile 3'
+      }, {
+        value: 'Edit',
+        type: 'Link',
+        onClick: () => setDialogOpen(true)
+      }]
+    }]
+  };
+  const LoadCaseForm = () => <>
+      <Field label="Name">
+        <Input value="Load case 1" />
+      </Field>
+      <Spacer />
+      <Heading>Internal Profile</Heading>
+      <Spacer />
+      <FormRow>
+        <Field label="Profile">
+          <Select native width="auto" options={[{
+          label: 'Profile 1',
+          value: '1'
+        }, {
+          label: 'Profile 2',
+          value: '2'
+        }]} />
+        </Field>
+        <Field label="Influx depth">
+          <Input />
+        </Field>
+        <Field label="Gas gradient">
+          <Input />
+        </Field>
+        <Field label="Mud weight">
+          <Input />
+        </Field>
+        <Field label="Input n">
+          <Input />
+        </Field>
+        <Field>
+          <CheckBox label="Limit gas at shoe" />
+        </Field>
+      </FormRow>
+      <Spacer />
+      <Heading>External Profile</Heading>
+      <Spacer />
+      <FormRow>
+        <Field label="Profile">
+          <Select native width="auto" options={[{
+          label: 'Profile 1',
+          value: '1'
+        }, {
+          label: 'Profile 2',
+          value: '2'
+        }]} />
+        </Field>
+        <Field label="FG above TOC">
+          <Input />
+        </Field>
+        <Field label="FG below TOC">
+          <Input />
+        </Field>
+      </FormRow>
+      <Spacer />
+      <Heading>Temperature Profile</Heading>
+      <Spacer />
+      <FormRow>
+        <Field label="Profile">
+          <Select native width="auto" options={[{
+          label: 'Profile 1',
+          value: '1'
+        }, {
+          label: 'Profile 2',
+          value: '2'
+        }]} />
+        </Field>
+        <Field label="Custome table">
+          <Select native width="auto" options={[{
+          label: 'Custome table 1',
+          value: '1'
+        }, {
+          label: 'Custome table 2',
+          value: '2'
+        }]} />
+        </Field>
+      </FormRow>
+    </>;
+  const CasingLoadsList = () => {
+    const [open, setOpen] = useState(true);
+    return <Drawer button={<Button onClick={() => setOpen(!open)} round icon={IconType.CHEVRON_LEFT} />} open={open} width={300} closedWidth="var(--size-sidebar)">
+        <List drawer narrow={!open} list={casingListData} />
+      </Drawer>;
+  };
+  const CasingLoadsSchematic = () => {
+    const [open, setOpen] = useState(true);
+    return <Drawer right background="white" button={<Button onClick={() => setOpen(!open)} round icon={IconType.CHEVRON_RIGHT} />} open={open} width={300} closedWidth="var(--size-sidebar)">
+        <SchematicPlaceholder />
+      </Drawer>;
+  };
+  const CasingLoadsEditModal = () => <Modal visible={dialogOpen}>
+      <Dialog dialog={{
+      heading: 'Load case 1',
+      content: <LoadCaseForm />,
+      footer: <>
+              <Button label="Save" colored onClick={() => setDialogOpen(false)} />
+              <Button label="Cancel" onClick={() => setDialogOpen(false)} />
+            </>,
+      onClose: () => setDialogOpen(false)
+    }} />
+    </Modal>;
+  return <>
+      <TopBar />
+      <SideBar options={{
+      title: '',
+      sections: []
+    }} />
+      <Page padding={false} scroll={false}>
+        <Row spacing={0} flex>
+          <CasingLoadsList />
+          <Column borderLeft borderRight padding scroll>
+            <Heading top marginBottom={0}>
+              30&quot; Conductor Casing
+            </Heading>
+            <Tabs margin={false} options={casingTabs} value={casingTabs[0]} />
+            <Spacer />
+            <Table table={loadsTableData} />
+          </Column>
+          <CasingLoadsSchematic />
+        </Row>
+      </Page>
+      <CasingLoadsEditModal />
+    </>;
+}`,...(x=(h=s.parameters)==null?void 0:h.docs)==null?void 0:x.source}}};s.__docgenInfo={description:"",methods:[],displayName:"CasingLoads"};const We=["CasingLoads"];export{s as CasingLoads,We as __namedExportsOrder,Ne as default};

package/dist/storybook/assets/cell.stories-73e26552.js

@@ -0,0 +1,208 @@
+import{j as e}from"./jsx-runtime-f961835c.js";import{r as U}from"./index-f80c8c95.js";import{T as I}from"./table-43e92fcb.js";import{F as De}from"./field-69d1c5f6.js";import{B as F}from"./button-9027cb35.js";import{I as Me}from"./input-8db939f4.js";import{F as Je}from"./flex-47732c42.js";import{t as ze,s as Xe,u as Ge,v as qe,w as Ke,x as Ne,y as Qe,z as Ve,A as Ye,B as Ze,C as $e,D as _e,E as er,F as rr,G as ar,H as sr,I as tr}from"./table.stories-data-c68bf7bd.js";import"./index-a80ed1cf.js";import"./index.es-2e8c1ff9.js";import"./inheritsLoose-d4851ab8.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./hoist-non-react-statics.cjs-cd4c875b.js";import"./index-3d476d02.js";import"./memoize-one.esm-52518564.js";import"./icon-6cfc6944.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./lodash-75c70a11.js";import"./actions-3e8ee8ec.js";import"./common-types-3a5f9d98.js";import"./tooltip-23e84186.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-1615fbe5.js";import"./heading-5eb5ea78.js";import"./help-icon-6216ea0b.js";import"./pagination-0755df3d.js";import"./select-b35e468b.js";import"./assertThisInitialized-081f9914.js";import"./text-ad1f5f1d.js";import"./select.input-88b6ebab.js";import"./input-group-9ddeb24a.js";import"./input-group-addon-63147930.js";import"./number-input-11543c86.js";import"./index-54f0d271.js";import"./check-box-24c24273.js";import"./slider-493c7d12.js";import"./index-c7f280f6.js";import"./popover-64e44a17.js";import"./label-92aaba2c.js";import"./spinner-cb92a546.js";const Nr={title:"Basic/Table/Cell",component:I,args:{table:{...ze}}},r=t=>e.jsx(I,{...t}),d=r.bind({});d.args={table:Xe};const m=r.bind({});m.args={table:Ge};const u=r.bind({});u.args={table:qe};const b=r.bind({});b.args={table:Ke};const g=r.bind({});g.args={table:Ne};const v=r.bind({});v.args={table:Qe};const x=r.bind({});x.args={table:Ve};const C=r.bind({});C.args={table:Ye};const h=r.bind({});h.args={table:Ze};const S=r.bind({});S.args={table:$e};const f=r.bind({});f.args={table:_e};const j=r.bind({});j.args={table:er};const y=r.bind({});y.args={table:rr};const T=r.bind({});T.args={table:ar};const n=r.bind({});n.args={table:sr};n.parameters={docs:{description:{story:"Setting `breakWord: true` on a cell will allow very long text strings to break"}}};const P=()=>{const t=["Section","Width","Height"];let p=["","m","m"],W=[...Array(10).keys()].map((l,a)=>[a,a*2,a*2]);const A=()=>{const l=({close:s,value:O})=>e.jsxs(e.Fragment,{children:[e.jsx(De,{label:"Input",children:e.jsx(Me,{value:O,width:"100%"})}),e.jsxs(Je,{gap:!0,children:[e.jsx(F,{colored:!0,label:"Save",onClick:()=>{}}),e.jsx(F,{label:"Cancel",onClick:s})]})]}),a={fixedWidth:"100%",headers:[{cells:t.map(s=>({value:s}))},{cells:[{},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:p[1],type:"Unit"},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:p[2],type:"Unit"}]}],rows:W.map((s,O)=>({cells:[...Array(3).keys()].map((o,c)=>({value:s[c],type:"Popover",content:e.jsx(l,{value:s[c]})}))}))};return e.jsx(I,{table:a})};return e.jsx(A,{})},w=()=>{const t=["Section","Width","Height"];let p=["","m","m"],W=[...Array(10).keys()].map((l,a)=>[a,a*2,a*2]);const A=()=>{const[l,a]=U.useState(!1),s=({close:o,value:c})=>{U.useEffect(()=>{l||a(!0)},[]);const B=()=>{a(!1),o()};return e.jsxs(e.Fragment,{children:[e.jsx(De,{label:"Input",children:e.jsx(Me,{value:c,width:"100%"})}),e.jsxs(Je,{gap:!0,children:[e.jsx(F,{colored:!0,label:"Save",onClick:B}),e.jsx(F,{label:"Cancel",onClick:B})]})]})},O={headers:[{cells:t.map(o=>({value:o}))},{cells:[{},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:p[1],type:"Unit"},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:p[2],type:"Unit"}]}],rows:W.map((o,c)=>({cells:[...Array(3).keys()].map((B,E)=>({value:o[E],type:"Popover",disabled:l,closeOnOutsideClick:!1,content:e.jsx(s,{value:o[E]})}))}))};return e.jsx(I,{table:O})};return e.jsx(A,{})},k=r.bind({});k.args={table:tr};const i=r.bind({});i.args={table:{..._e,name:"Food"}};i.decorators=[t=>e.jsx("div",{style:{width:180,height:180,overflow:"hidden",resize:"both"},children:e.jsx(t,{})})];var L,R,H;d.parameters={...d.parameters,docs:{...(L=d.parameters)==null?void 0:L.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(H=(R=d.parameters)==null?void 0:R.docs)==null?void 0:H.source}}};var D,M,J;m.parameters={...m.parameters,docs:{...(D=m.parameters)==null?void 0:D.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(J=(M=m.parameters)==null?void 0:M.docs)==null?void 0:J.source}}};var _,z,X;u.parameters={...u.parameters,docs:{...(_=u.parameters)==null?void 0:_.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(X=(z=u.parameters)==null?void 0:z.docs)==null?void 0:X.source}}};var G,q,K;b.parameters={...b.parameters,docs:{...(G=b.parameters)==null?void 0:G.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(K=(q=b.parameters)==null?void 0:q.docs)==null?void 0:K.source}}};var N,Q,V;g.parameters={...g.parameters,docs:{...(N=g.parameters)==null?void 0:N.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(V=(Q=g.parameters)==null?void 0:Q.docs)==null?void 0:V.source}}};var Y,Z,$;v.parameters={...v.parameters,docs:{...(Y=v.parameters)==null?void 0:Y.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...($=(Z=v.parameters)==null?void 0:Z.docs)==null?void 0:$.source}}};var ee,re,ae;x.parameters={...x.parameters,docs:{...(ee=x.parameters)==null?void 0:ee.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(ae=(re=x.parameters)==null?void 0:re.docs)==null?void 0:ae.source}}};var se,te,oe;C.parameters={...C.parameters,docs:{...(se=C.parameters)==null?void 0:se.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(oe=(te=C.parameters)==null?void 0:te.docs)==null?void 0:oe.source}}};var le,ne,ie;h.parameters={...h.parameters,docs:{...(le=h.parameters)==null?void 0:le.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(ie=(ne=h.parameters)==null?void 0:ne.docs)==null?void 0:ie.source}}};var pe,ce,de;S.parameters={...S.parameters,docs:{...(pe=S.parameters)==null?void 0:pe.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(de=(ce=S.parameters)==null?void 0:ce.docs)==null?void 0:de.source}}};var me,ue,be;f.parameters={...f.parameters,docs:{...(me=f.parameters)==null?void 0:me.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(be=(ue=f.parameters)==null?void 0:ue.docs)==null?void 0:be.source}}};var ge,ve,xe;j.parameters={...j.parameters,docs:{...(ge=j.parameters)==null?void 0:ge.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(xe=(ve=j.parameters)==null?void 0:ve.docs)==null?void 0:xe.source}}};var Ce,he,Se;y.parameters={...y.parameters,docs:{...(Ce=y.parameters)==null?void 0:Ce.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(Se=(he=y.parameters)==null?void 0:he.docs)==null?void 0:Se.source}}};var fe,je,ye;T.parameters={...T.parameters,docs:{...(fe=T.parameters)==null?void 0:fe.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(ye=(je=T.parameters)==null?void 0:je.docs)==null?void 0:ye.source}}};var Te,ke,Oe;n.parameters={...n.parameters,docs:{...(Te=n.parameters)==null?void 0:Te.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(Oe=(ke=n.parameters)==null?void 0:ke.docs)==null?void 0:Oe.source}}};var Pe,we,Fe;P.parameters={...P.parameters,docs:{...(Pe=P.parameters)==null?void 0:Pe.docs,source:{originalSource:`() => {
+  const headings = ['Section', 'Width', 'Height'];
+  let units = ['', 'm', 'm'];
+  let data = [...Array(10).keys()].map((c, i) => [i, i * 2, i * 2]);
+  /*
+      Mock table data store (real apps should use Redux or similar)
+    */
+  const PopoverTable = () => {
+    const CellInputForm = ({
+      close,
+      value
+    }: any) => <>
+        <Field label="Input">
+          <Input value={value} width="100%" />
+        </Field>
+        <Flex gap>
+          <Button colored label="Save" onClick={() => {}} />
+          <Button label="Cancel" onClick={close} />
+        </Flex>
+      </>;
+    const table = {
+      fixedWidth: '100%',
+      headers: [{
+        cells: headings.map(h => ({
+          value: h
+        }))
+      }, {
+        cells: [{}, {
+          menu: [{
+            label: 'm',
+            value: 'm'
+          }, {
+            label: 'ft',
+            value: 'ft'
+          }],
+          value: units[1],
+          type: 'Unit'
+        }, {
+          menu: [{
+            label: 'm',
+            value: 'm'
+          }, {
+            label: 'ft',
+            value: 'ft'
+          }],
+          value: units[2],
+          type: 'Unit'
+        }]
+      }],
+      rows: data.map((row, i) => {
+        return {
+          cells: [...Array(3).keys()].map((c, i) => ({
+            //https://stackoverflow.com/a/33352604
+            value: row[i],
+            type: 'Popover',
+            content: <CellInputForm value={row[i]} />
+          }))
+        };
+      })
+    };
+    return <Table table={(table as any)} />;
+  };
+  return <PopoverTable />;
+}`,...(Fe=(we=P.parameters)==null?void 0:we.docs)==null?void 0:Fe.source}}};var Ie,We,Ae;w.parameters={...w.parameters,docs:{...(Ie=w.parameters)==null?void 0:Ie.docs,source:{originalSource:`() => {
+  const headings = ['Section', 'Width', 'Height'];
+  let units = ['', 'm', 'm'];
+  let data = [...Array(10).keys()].map((c, i) => [i, i * 2, i * 2]);
+  /*
+    Mock table data store (real apps should use Redux or similar)
+  */
+  const SinglePopoverOpenedTable = () => {
+    const [isPopOverCellOpened, setIsPopOverCellOpened] = useState(false);
+    const CellInputForm = ({
+      close,
+      value
+    }: any) => {
+      useEffect(() => {
+        if (!isPopOverCellOpened) {
+          setIsPopOverCellOpened(true);
+        }
+      }, []);
+      const onClosePopOver = () => {
+        setIsPopOverCellOpened(false);
+        close();
+      };
+      return <>
+          <Field label="Input">
+            <Input value={value} width="100%" />
+          </Field>
+          <Flex gap>
+            <Button colored label="Save" onClick={onClosePopOver} />
+            <Button label="Cancel" onClick={onClosePopOver} />
+          </Flex>
+        </>;
+    };
+    const table = {
+      headers: [{
+        cells: headings.map(h => ({
+          value: h
+        }))
+      }, {
+        cells: [{}, {
+          menu: [{
+            label: 'm',
+            value: 'm'
+          }, {
+            label: 'ft',
+            value: 'ft'
+          }],
+          value: units[1],
+          type: 'Unit'
+        }, {
+          menu: [{
+            label: 'm',
+            value: 'm'
+          }, {
+            label: 'ft',
+            value: 'ft'
+          }],
+          value: units[2],
+          type: 'Unit'
+        }]
+      }],
+      rows: data.map((row, i) => {
+        return {
+          cells: [...Array(3).keys()].map((c, i) => ({
+            //https://stackoverflow.com/a/33352604
+            value: row[i],
+            type: 'Popover',
+            disabled: isPopOverCellOpened,
+            closeOnOutsideClick: false,
+            content: <CellInputForm value={row[i]} />
+          }))
+        };
+      })
+    };
+    return <Table table={(table as any)} />;
+  };
+  return <SinglePopoverOpenedTable />;
+}`,...(Ae=(We=w.parameters)==null?void 0:We.docs)==null?void 0:Ae.source}}};var Be,Ee,Ue;k.parameters={...k.parameters,docs:{...(Be=k.parameters)==null?void 0:Be.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(Ue=(Ee=k.parameters)==null?void 0:Ee.docs)==null?void 0:Ue.source}}};var Le,Re,He;i.parameters={...i.parameters,docs:{...(Le=i.parameters)==null?void 0:Le.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(He=(Re=i.parameters)==null?void 0:Re.docs)==null?void 0:He.source}}};const Qr=["Editable","Disabled","Colspan","ColspanWithWidths","CellWidths","CellStyleProp","Rowspan","Checkboxes","Icons","Links","Actions","Menus","JSXContent","StaticCellTooltips","WordbreakLongContent","Popover","SinglePopoverAtOnce","OverflowingCells","TestScrolling"];export{f as Actions,v as CellStyleProp,g as CellWidths,C as Checkboxes,u as Colspan,b as ColspanWithWidths,m as Disabled,d as Editable,h as Icons,y as JSXContent,S as Links,j as Menus,k as OverflowingCells,P as Popover,x as Rowspan,w as SinglePopoverAtOnce,T as StaticCellTooltips,i as TestScrolling,n as WordbreakLongContent,Qr as __namedExportsOrder,Nr as default};