@oliasoft-open-source/react-ui-library 4.6.0 → 4.6.1

package/dist/storybook/assets/text-link.stories-_A7eKI_2.js

@@ -1,14 +0,0 @@
-import{j as e}from"./jsx-runtime-FsUICBgo.js";import{H as y,L as i,S,R as d}from"./react-router-dom-2JKSc1g5.js";import{F as _}from"./flex-KzhjL9yc.js";import{T as b}from"./text-6KQ6ntOV.js";import"./index-RfLt4OUa.js";import"./inheritsLoose-Y9jOMJLd.js";import"./index-4QtD-hFu.js";import"./extends-dGVwEr9R.js";import"./hoist-non-react-statics.cjs-pnyno-Dk.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./index-VW3EWkuE.js";const t=({children:n,href:o=void 0,target:L=void 0,testId:T,onClick:j,component:R="a"})=>e.jsx(R,{href:o,to:o,target:L,onClick:j,"data-testid":T,children:e.jsx(b,{link:!0,children:n})});try{t.displayName="TextLink",t.__docgenInfo={description:"",displayName:"TextLink",props:{href:{defaultValue:{value:"undefined"},description:"",name:"href",required:!1,type:{name:"string"}},target:{defaultValue:{value:"undefined"},description:"",name:"target",required:!1,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"((e: MouseEvent<HTMLAnchorElement, MouseEvent>) => void)"}},component:{defaultValue:null,description:"",name:"component",required:!1,type:{name:"ElementType<any>"}}}}}catch{}const M={title:"Basic/TextLink",component:t,args:{children:"Link text goes here",href:"http://oliasoft.com"}},k=n=>e.jsx(t,{...n}),s=k.bind({}),r=k.bind({});r.args={href:void 0,onClick:()=>console.log("Clicked!")};const a=()=>e.jsxs(y,{children:[e.jsxs(_,{gap:!0,children:[e.jsx(t,{component:i,href:"/dashboard",children:"Dashboard"}),e.jsx(t,{component:i,href:"/settings",children:"Settings"})]}),e.jsxs(S,{children:[e.jsx(d,{path:"/dashboard",children:"Dashboard"}),e.jsx(d,{path:"/settings",children:"Settings"})]})]});var c,p,l;s.parameters={...s.parameters,docs:{...(c=s.parameters)==null?void 0:c.docs,source:{originalSource:"args => <TextLink {...args} />",...(l=(p=s.parameters)==null?void 0:p.docs)==null?void 0:l.source}}};var m,u,h;r.parameters={...r.parameters,docs:{...(m=r.parameters)==null?void 0:m.docs,source:{originalSource:"args => <TextLink {...args} />",...(h=(u=r.parameters)==null?void 0:u.docs)==null?void 0:h.source}}};var x,f,g;a.parameters={...a.parameters,docs:{...(x=a.parameters)==null?void 0:x.docs,source:{originalSource:`() => <HashRouter>
-    <Flex gap>
-      <TextLink component={Link} href="/dashboard">
-        Dashboard
-      </TextLink>
-      <TextLink component={Link} href="/settings">
-        Settings
-      </TextLink>
-    </Flex>
-    <Switch>
-      <Route path="/dashboard">Dashboard</Route>
-      <Route path="/settings">Settings</Route>
-    </Switch>
-  </HashRouter>`,...(g=(f=a.parameters)==null?void 0:f.docs)==null?void 0:g.source}}};const O=["Default","OnClick","AsRouterLink"];export{a as AsRouterLink,s as Default,r as OnClick,O as __namedExportsOrder,M as default};

package/dist/storybook/assets/title.stories-0uqbMXQe.js

@@ -1,37 +0,0 @@
-import{j as B}from"./jsx-runtime-FsUICBgo.js";import{T as X}from"./table-geCXJ5Oo.js";import{t as O,h as W,i as q,j as z,k as D,l as G,m as K,n as M,o as P,p as Q}from"./table.stories-data-ehBuODKA.js";import"./index-RfLt4OUa.js";import"./index-VW3EWkuE.js";import"./index.es-LXZC0YVN.js";import"./inheritsLoose-Y9jOMJLd.js";import"./extends-dGVwEr9R.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./hoist-non-react-statics.cjs-pnyno-Dk.js";import"./index-miLrID2P.js";import"./memoize-one.esm-hqe5SRxC.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./lodash-Bmg8FrMx.js";import"./actions-AZ9fI-GM.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./button-rm22C2wf.js";import"./spinner-R8Il4aRe.js";import"./icon-_m67DAr0.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./tooltip-ZHdi6rl-.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./heading-sY0SLHoQ.js";import"./help-icon-yrJgkgdC.js";import"./pagination-WmRtOUjO.js";import"./select-kE9fK8N9.js";import"./assertThisInitialized-4q6YPdh3.js";import"./text-6KQ6ntOV.js";import"./select.input-zP5tW20f.js";import"./input-iDZqV-2m.js";import"./input-group-R8LoqKRn.js";import"./input-group-addon-BHVsW9mL.js";import"./number-input-wURqWy_O.js";import"./index-qZmQ7nA9.js";import"./index-cCpkwrS5.js";import"./check-box-7DccPNCs.js";import"./slider-XJwLz14m.js";import"./index-ugi_ZH6T.js";import"./popover-ZT5lBU-W.js";import"./flex-KzhjL9yc.js";const Wr={title:"Basic/Table/Title & Header",component:X,args:{table:{...O}}},r=k=>B.jsx(X,{...k}),e=r.bind({});e.args={table:W};const s=r.bind({});s.args={table:q};const a=r.bind({});a.args={table:z};const t=r.bind({});t.args={table:D};const o=r.bind({});o.args={table:G};const n=r.bind({});n.args={table:K};const i=r.bind({});i.args={table:M};const p=r.bind({});p.args={table:P};const m=r.bind({});m.args={table:Q};var l,c,d;e.parameters={...e.parameters,docs:{...(l=e.parameters)==null?void 0:l.docs,source:{originalSource:`args => {
-  return <Table
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(d=(c=e.parameters)==null?void 0:c.docs)==null?void 0:d.source}}};var b,g,u;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:`args => {
-  return <Table
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(u=(g=s.parameters)==null?void 0:g.docs)==null?void 0:u.source}}};var x,T,S;a.parameters={...a.parameters,docs:{...(x=a.parameters)==null?void 0:x.docs,source:{originalSource:`args => {
-  return <Table
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(S=(T=a.parameters)==null?void 0:T.docs)==null?void 0:S.source}}};var j,A,H;t.parameters={...t.parameters,docs:{...(j=t.parameters)==null?void 0:j.docs,source:{originalSource:`args => {
-  return <Table
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(H=(A=t.parameters)==null?void 0:A.docs)==null?void 0:H.source}}};var C,L,h;o.parameters={...o.parameters,docs:{...(C=o.parameters)==null?void 0:C.docs,source:{originalSource:`args => {
-  return <Table
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(h=(L=o.parameters)==null?void 0:L.docs)==null?void 0:h.source}}};var f,R,v;n.parameters={...n.parameters,docs:{...(f=n.parameters)==null?void 0:f.docs,source:{originalSource:`args => {
-  return <Table
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(v=(R=n.parameters)==null?void 0:R.docs)==null?void 0:v.source}}};var w,y,F;i.parameters={...i.parameters,docs:{...(w=i.parameters)==null?void 0:w.docs,source:{originalSource:`args => {
-  return <Table
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(F=(y=i.parameters)==null?void 0:y.docs)==null?void 0:F.source}}};var I,J,N;p.parameters={...p.parameters,docs:{...(I=p.parameters)==null?void 0:I.docs,source:{originalSource:`args => {
-  return <Table
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(N=(J=p.parameters)==null?void 0:J.docs)==null?void 0:N.source}}};var U,_,E;m.parameters={...m.parameters,docs:{...(U=m.parameters)==null?void 0:U.docs,source:{originalSource:`args => {
-  return <Table
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(E=(_=m.parameters)==null?void 0:_.docs)==null?void 0:E.source}}};const qr=["Units","ActiveRow","Title","TitleJSX","ChildComponent","Filter","Sort","HeaderActionsNoLabel","HelpAndLibraryIcons"];export{s as ActiveRow,o as ChildComponent,n as Filter,p as HeaderActionsNoLabel,m as HelpAndLibraryIcons,i as Sort,a as Title,t as TitleJSX,e as Units,qr as __namedExportsOrder,Wr as default};

package/dist/storybook/assets/toaster.stories-j_yWcF95.js

@@ -1,86 +0,0 @@
-import{j as s}from"./jsx-runtime-FsUICBgo.js";import{G as v}from"./grid-u1mZpaML.js";import{T as u}from"./text-6KQ6ntOV.js";import{F as B}from"./flex-KzhjL9yc.js";import{t,d}from"./toaster-bqqWcltU.js";import{B as o}from"./button-rm22C2wf.js";import{S as a}from"./spacer-Yji9g2AW.js";import{M as m}from"./message-p9VAXLNZ.js";import"./index-RfLt4OUa.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./tslib.es6-OIsz3r9a.js";import"./index-VW3EWkuE.js";import"./index-miLrID2P.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./spinner-R8Il4aRe.js";import"./icon-_m67DAr0.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-Y9jOMJLd.js";import"./index-4QtD-hFu.js";import"./tooltip-ZHdi6rl-.js";const _={type:m.SUCCESS,icon:!0,heading:"Heading",content:"Great results"},A={type:m.ERROR,icon:!0,heading:"Heading",content:"An error has happened",details:"Bad input data lorem ipsum dolor est compendum lorem ipsum."},F={type:m.WARNING,icon:!0,heading:"Heading",content:"Warning message"},O={type:m.INFO,icon:!0,heading:"Heading",content:"Long content lorem ipsum dolor est compendum lorem ipsum."},ts={title:"Modals/Toaster",parameters:{docs:{story:{inline:!1,iframeHeight:400}}},source:{type:"code"},args:{id:void 0,message:O,autoClose:6e3,onClose:()=>{}}},M=()=>s.jsxs(s.Fragment,{children:[s.jsx(o,{label:"Info",onClick:()=>t({message:O,onClose:()=>console.log("toast closed")})}),s.jsx(a,{}),s.jsx(o,{label:"Error",onClick:()=>t({message:A,onClose:()=>console.log("toast closed")})}),s.jsx(a,{}),s.jsx(o,{label:"Warning",onClick:()=>t({message:F,onClose:()=>console.log("toast closed")})}),s.jsx(a,{}),s.jsx(o,{label:"Success",onClick:()=>t({message:_,onClose:()=>console.log("toast closed")})})]}),r=M.bind({}),n=()=>s.jsx(o,{label:"Show Toast",onClick:()=>{const e=Math.random()>=.5;t({message:{type:e?"Success":"Error",icon:!0,content:e?"Success":"Error"},onClose:()=>console.log("toast closed"),id:"uniqueId"})}});n.parameters={docs:{iframeHeight:200,description:{story:"Pass a unique `id` in the `toast` object to prevent duplicates. Successive toasts with the same ID will update the existing toast."}}};const i=()=>{const e="sessionExpiring",p={type:"Info",content:s.jsxs(v,{children:[s.jsx(u,{bold:!0,children:"You will be signed out soon"}),s.jsx(u,{children:"For your security, you will be automatically signed out in 30 minutes unless you extend your session."}),s.jsx(a,{height:"var(--padding-xxs)"}),s.jsxs(B,{gap:"var(--padding-xs)",children:[s.jsx(o,{label:"Extend session",small:!0,colored:"success",onClick:()=>d(e)}),s.jsx(o,{label:"Dismiss",small:!0,onClick:()=>d(e)})]})]})};return s.jsx(o,{label:"Show Toast",onClick:()=>t({message:p,autoClose:!1,id:e})})},l=()=>{const e="sessionExpiringSoon",p={type:"Error",content:s.jsxs(v,{children:[s.jsx(u,{bold:!0,children:"You will be signed out very soon"}),s.jsx(u,{children:"For your security, you will be automatically signed out in 30 minutes unless you extend your session."}),s.jsx(a,{height:"var(--padding-xxs)"}),s.jsxs(B,{gap:"var(--padding-xs)",children:[s.jsx(o,{label:"Extend session",small:!0,colored:"success",onClick:()=>d(e)}),s.jsx(o,{label:"Dismiss",small:!0,onClick:()=>d(e)})]})]})};return s.jsx(o,{label:"Show Toast",onClick:()=>t({message:p,autoClose:!1,id:e})})},c=()=>{const e={type:"Success",content:"Your session has been extended for 1 hour"};return s.jsx(o,{label:"Show Toast",onClick:()=>t({message:e})})};var g,x,S;r.parameters={...r.parameters,docs:{...(g=r.parameters)==null?void 0:g.docs,source:{originalSource:`() => {
-  return <>
-      <Button label="Info" onClick={() => toast({
-      message: messageInfo,
-      onClose: () => console.log('toast closed')
-    })} />
-      <Spacer />
-      <Button label="Error" onClick={() => toast({
-      message: messageError,
-      onClose: () => console.log('toast closed')
-    })} />
-      <Spacer />
-      <Button label="Warning" onClick={() => toast({
-      message: messageWarning,
-      onClose: () => console.log('toast closed')
-    })} />
-      <Spacer />
-      <Button label="Success" onClick={() => toast({
-      message: messageSuccess,
-      onClose: () => console.log('toast closed')
-    })} />
-    </>;
-}`,...(S=(x=r.parameters)==null?void 0:x.docs)==null?void 0:S.source}}};var T,y,h;n.parameters={...n.parameters,docs:{...(T=n.parameters)==null?void 0:T.docs,source:{originalSource:`() => <Button label="Show Toast" onClick={() => {
-  const isSuccess = Math.random() >= 0.5;
-  toast({
-    message: ({
-      type: isSuccess ? 'Success' : 'Error',
-      icon: true,
-      content: isSuccess ? 'Success' : 'Error'
-    } as IMessageType),
-    onClose: () => console.log('toast closed'),
-    id: 'uniqueId'
-  });
-}} />`,...(h=(y=n.parameters)==null?void 0:y.docs)==null?void 0:h.source}}};var C,b,j;i.parameters={...i.parameters,docs:{...(C=i.parameters)==null?void 0:C.docs,source:{originalSource:`() => {
-  const TOAST_ID = 'sessionExpiring';
-  const message = ({
-    type: 'Info',
-    content: <Grid>
-        <Text bold>You will be signed out soon</Text>
-        <Text>
-          For your security, you will be automatically signed out in 30 minutes
-          unless you extend your session.
-        </Text>
-        <Spacer height="var(--padding-xxs)" />
-        <Flex gap="var(--padding-xs)">
-          <Button label="Extend session" small colored="success" onClick={() => dismissToast(TOAST_ID)} />
-          <Button label="Dismiss" small onClick={() => dismissToast(TOAST_ID)} />
-        </Flex>
-      </Grid>
-  } as IMessageType);
-  return <Button label="Show Toast" onClick={() => toast({
-    message,
-    autoClose: false,
-    id: TOAST_ID
-  })} />;
-}`,...(j=(b=i.parameters)==null?void 0:b.docs)==null?void 0:j.source}}};var E,f,I;l.parameters={...l.parameters,docs:{...(E=l.parameters)==null?void 0:E.docs,source:{originalSource:`() => {
-  const TOAST_ID = 'sessionExpiringSoon';
-  const message = ({
-    type: 'Error',
-    content: <Grid>
-        <Text bold>You will be signed out very soon</Text>
-        <Text>
-          For your security, you will be automatically signed out in 30 minutes
-          unless you extend your session.
-        </Text>
-        <Spacer height="var(--padding-xxs)" />
-        <Flex gap="var(--padding-xs)">
-          <Button label="Extend session" small colored="success" onClick={() => dismissToast(TOAST_ID)} />
-          <Button label="Dismiss" small onClick={() => dismissToast(TOAST_ID)} />
-        </Flex>
-      </Grid>
-  } as IMessageType);
-  return <Button label="Show Toast" onClick={() => toast({
-    message,
-    autoClose: false,
-    id: TOAST_ID
-  })} />;
-}`,...(I=(f=l.parameters)==null?void 0:f.docs)==null?void 0:I.source}}};var k,D,w;c.parameters={...c.parameters,docs:{...(k=c.parameters)==null?void 0:k.docs,source:{originalSource:`() => {
-  const message = ({
-    type: 'Success',
-    content: 'Your session has been extended for 1 hour'
-  } as IMessageType);
-  return <Button label="Show Toast" onClick={() => toast({
-    message
-  })} />;
-}`,...(w=(D=c.parameters)==null?void 0:D.docs)==null?void 0:w.source}}};const ns=["Default","PreventDuplicates","SessionExpiring","SessionExpiringSoon","SessionExtended"];export{r as Default,n as PreventDuplicates,i as SessionExpiring,l as SessionExpiringSoon,c as SessionExtended,ns as __namedExportsOrder,ts as default};

package/dist/storybook/assets/top-bar.stories-Dz8tdKm4.js

@@ -1,21 +0,0 @@
-import{j as e}from"./jsx-runtime-FsUICBgo.js";import{H as I,L as c,S as D,R as l}from"./react-router-dom-2JKSc1g5.js";import{I as O,T as w}from"./common-types-U65vzrrz.js";import{T as p}from"./top-bar-e2jItFw6.js";import{P as A}from"./page-9-f6BzS0.js";import{M as P}from"./actions-AZ9fI-GM.js";import{B as m}from"./button-rm22C2wf.js";import{B as N}from"./badge-23Ty_zBt.js";import{L as v}from"./logo-nHW4TqZt.js";import{s as H}from"./icon-custom-PyWFQsS3.js";import{M as a}from"./types-VB5zD18b.js";import"./index-RfLt4OUa.js";import"./inheritsLoose-Y9jOMJLd.js";import"./index-4QtD-hFu.js";import"./extends-dGVwEr9R.js";import"./hoist-non-react-statics.cjs-pnyno-Dk.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./index-VW3EWkuE.js";import"./icon-_m67DAr0.js";import"./tslib.es6-OIsz3r9a.js";import"./disabled-context-urNQThQz.js";import"./lodash-Bmg8FrMx.js";import"./tooltip-ZHdi6rl-.js";import"./index-miLrID2P.js";import"./types-5uVBABF4.js";import"./spinner-R8Il4aRe.js";const M=[{type:"Link",label:"Link",onClick:()=>{}},{type:"Link",label:"Active",active:!0,onClick:()=>{}},{type:"Link",label:"Disabled",disabled:!0,onClick:()=>{}},{type:"Menu",label:"Dropdown",onClick:()=>{},sections:[{type:"Option",label:"Alpacas",onClick:()=>{}},{type:"Option",label:"Llamas",onClick:()=>{}}]},{type:"Button",label:"Save",colored:!0,onClick:()=>{},testId:"top-bar-button-save"}],E=[{type:"Component",component:e.jsx(N,{title:"3",small:!0,margin:"5px",children:e.jsx(m,{icon:O.NOTIFICATION,round:!0,onClick:()=>{}})})},{type:"Component",component:e.jsx(P,{menu:{trigger:w.COMPONENT,fullHeightTrigger:!0,placement:"bottom-end",component:e.jsx(m,{label:"TU",round:!0,onClick:()=>{}}),sections:[{type:a.HEADING,label:"Test User"},{type:a.OPTION,label:"Profile",icon:"user",onClick:()=>{}},{type:a.DIVIDER},{type:a.OPTION,label:"Sign out",icon:"lock",onClick:()=>{}}]}})}],me={title:"Navigation/TopBar",component:p,parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}},argTypes:{height:{control:"text"}},args:{title:{logo:e.jsx("img",{src:v,alt:"logo"}),onClick:()=>{}},content:M,contentRight:E}},i=R=>e.jsx(p,{...R}),s=i.bind({}),t=i.bind({});t.args={warning:"Application update available. Please refresh your browser."};const r=i.bind({});r.args={title:{label:"Text Branding",onClick:()=>{}}};const o=i.bind({});o.args={appSwitcher:{icon:H,onClick:()=>{}}};const n=()=>e.jsx(I,{children:e.jsxs(A,{left:0,children:[e.jsx(p,{content:[{type:"Link",label:"Dashboard",component:c,url:"/dashboard"},{type:"Link",label:"Settings",component:c,url:"/settings"}]}),e.jsxs(D,{children:[e.jsx(l,{path:"/dashboard",children:"Dashboard"}),e.jsx(l,{path:"/settings",children:"Settings"})]})]})});var u,d,g;s.parameters={...s.parameters,docs:{...(u=s.parameters)==null?void 0:u.docs,source:{originalSource:"args => <TopBar {...args} />",...(g=(d=s.parameters)==null?void 0:d.docs)==null?void 0:g.source}}};var b,h,k;t.parameters={...t.parameters,docs:{...(b=t.parameters)==null?void 0:b.docs,source:{originalSource:"args => <TopBar {...args} />",...(k=(h=t.parameters)==null?void 0:h.docs)==null?void 0:k.source}}};var T,y,f;r.parameters={...r.parameters,docs:{...(T=r.parameters)==null?void 0:T.docs,source:{originalSource:"args => <TopBar {...args} />",...(f=(y=r.parameters)==null?void 0:y.docs)==null?void 0:f.source}}};var x,S,C;o.parameters={...o.parameters,docs:{...(x=o.parameters)==null?void 0:x.docs,source:{originalSource:"args => <TopBar {...args} />",...(C=(S=o.parameters)==null?void 0:S.docs)==null?void 0:C.source}}};var L,B,j;n.parameters={...n.parameters,docs:{...(L=n.parameters)==null?void 0:L.docs,source:{originalSource:`() => {
-  return <HashRouter>
-      <Page left={0}>
-        <TopBar content={[{
-        type: 'Link',
-        label: 'Dashboard',
-        component: Link,
-        url: '/dashboard'
-      }, {
-        type: 'Link',
-        label: 'Settings',
-        component: Link,
-        url: '/settings'
-      }]} />
-        <Switch>
-          <Route path="/dashboard">Dashboard</Route>
-          <Route path="/settings">Settings</Route>
-        </Switch>
-      </Page>
-    </HashRouter>;
-}`,...(j=(B=n.parameters)==null?void 0:B.docs)==null?void 0:j.source}}};const ue=["Default","WithWarning","TextBranding","AppSwitcher","AsRouterLink"];export{o as AppSwitcher,n as AsRouterLink,s as Default,r as TextBranding,t as WithWarning,ue as __namedExportsOrder,me as default};

package/dist/storybook/assets/unit-table.stories-8hLAgPN9.js

@@ -1,103 +0,0 @@
-import{j as l}from"./jsx-runtime-FsUICBgo.js";import{r as h}from"./index-RfLt4OUa.js";import{f as Q}from"./immer.esm-bD7SSJ7T.js";import{d as U}from"./index-qZmQ7nA9.js";import{G as J}from"./grid-u1mZpaML.js";import{C as V}from"./card-0r8RRVk-.js";import{F as $}from"./field-9udMeZdr.js";import{H as I}from"./heading-sY0SLHoQ.js";import{S as z}from"./select-kE9fK8N9.js";import{l as M}from"./lodash-Bmg8FrMx.js";import{u as W}from"./use-previous-VKMmnaK7.js";import{T as X,C as _}from"./table-geCXJ5Oo.js";import"./index-cCpkwrS5.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./tslib.es6-OIsz3r9a.js";import"./index-VW3EWkuE.js";import"./label-J7MI85wD.js";import"./common-types-U65vzrrz.js";import"./help-icon-yrJgkgdC.js";import"./tooltip-ZHdi6rl-.js";import"./index-miLrID2P.js";import"./icon-_m67DAr0.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-Y9jOMJLd.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./types-5uVBABF4.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./memoize-one.esm-hqe5SRxC.js";import"./types-VB5zD18b.js";import"./text-6KQ6ntOV.js";import"./actions-AZ9fI-GM.js";import"./button-rm22C2wf.js";import"./spinner-R8Il4aRe.js";import"./badge-23Ty_zBt.js";import"./select.input-zP5tW20f.js";import"./index.es-LXZC0YVN.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./hoist-non-react-statics.cjs-pnyno-Dk.js";import"./pagination-WmRtOUjO.js";import"./input-iDZqV-2m.js";import"./input-group-R8LoqKRn.js";import"./input-group-addon-BHVsW9mL.js";import"./number-input-wURqWy_O.js";import"./check-box-7DccPNCs.js";import"./slider-XJwLz14m.js";import"./index-ugi_ZH6T.js";import"./popover-ZT5lBU-W.js";const Y=r=>r.reduce(({preferredUnits:n,storageUnits:t},{unitKey:i,preferredUnit:c,storageUnit:d})=>(n[i]=c,t[i]=d,{preferredUnits:n,storageUnits:t}),{preferredUnits:{},storageUnits:{}}),Z=({headers:r,rows:n,selectedUnits:t,storageUnits:i,onChangeUnit:c,convertBackToStorageUnit:d,enableCosmeticRounding:a})=>{const p=r?r.map(u=>({...u,cells:u.cells.map(s=>{if(s.type===_.AUTO_UNIT){const{unitKey:e}=s;return{value:t[e],type:_.SELECT,options:U.getUnitsForQuantity(e),native:!0,onChange:b=>c({unitKey:e,value:b.target.value})}}return s})})):[],o=n?n.map((u,s)=>({...u,cells:u.cells.map((e,b)=>{if("autoUnit"in e&&(e!=null&&e.autoUnit)&&(typeof(e==null?void 0:e.value)=="string"||typeof(e==null?void 0:e.value)=="number")){const{formatDisplayValue:m,unitKey:g,value:f}=e,y=t[g],v=i[g],T=y!==v,R=T?U.convertAndGetValue(f,y,v):e.value,G=U.isScientificStringNum(f),D=a&&(T||!G)?U.roundToPrecision(R,14):R,q=m?m(D):D;return{...e,value:q,onChange:C=>{const{value:A}=C.target,w=i[g],S=t[g],B=S!==w?U.convertAndGetValue(A,w,S):A,k=d?w:S;if("onChange"in e){const{onChange:O}=e,L={...C,target:{...C.target,value:String(B),rowIndex:s,cellIndex:b,unit:k}};O(L)}}}}return e})})):[];return{convertedHeaders:p,convertedRows:o}},j=({table:r,unitConfig:n,convertBackToStorageUnit:t=!0,enableCosmeticRounding:i=!0})=>{const{rows:c,headers:d,...a}=r,{storageUnits:p,preferredUnits:o}=Y(n),u=W(o),[s,e]=h.useState(o),b=({unitKey:v,value:T})=>e({...s,[v]:T}),m=v=>Z({headers:d,rows:c,selectedUnits:v,storageUnits:p,onChangeUnit:b,convertBackToStorageUnit:t,enableCosmeticRounding:i}),g=m(s),[f,y]=h.useState(g);return h.useEffect(()=>{!M.isEqual(o,u)&&(e(o),y(m(o)))},[n]),h.useEffect(()=>{y(m(s))},[r,s]),l.jsx(X,{table:{...a,headers:f.convertedHeaders,rows:f.convertedRows}})};try{j.displayName="UnitTable",j.__docgenInfo={description:"",displayName:"UnitTable",props:{table:{defaultValue:null,description:"",name:"table",required:!0,type:{name:"IUnitTable"}},unitConfig:{defaultValue:null,description:"",name:"unitConfig",required:!0,type:{name:"IUnitConfigItem[]"}},convertBackToStorageUnit:{defaultValue:{value:"true"},description:"",name:"convertBackToStorageUnit",required:!1,type:{name:"boolean"}},enableCosmeticRounding:{defaultValue:{value:"true"},description:"",name:"enableCosmeticRounding",required:!1,type:{name:"boolean"}},onListReorder:{defaultValue:null,description:"",name:"onListReorder",required:!1,type:{name:"((obj: { from: number; to: number; }) => void)"}}}}}catch{}const rt={title:"Basic/UnitTable",args:{}},ee=!0,te=!0,P="m",ne=3,re=(r,n)=>{const t=[n,n,n],i=[...Array(Number(r))].map((c,d)=>{const a=d,p=d+1.25,o=p-a;return[String(a),String(p),String(o)]});return[t].concat(i)},ae=re(ne,P),oe=({reduxTable:r,value:n,rowIndex:t,cellIndex:i})=>Q(r,c=>{c[t+1][i]=n}),x=()=>{const[r,n]=h.useState(P),[t,i]=h.useState(ae),c=a=>{const{rowIndex:p,cellIndex:o,value:u,unit:s}=a.target,e=oe({reduxTable:t,value:u,rowIndex:p,cellIndex:o});i(e)},d=t.reduce((a,p,o)=>(o===0?a.headers=[{cells:[{value:"From"},{value:"To"},{value:"Delta"}]},{cells:[{type:"AutoUnit",unitKey:"length"},{type:"AutoUnit",unitKey:"length"},{type:"AutoUnit",unitKey:"length"}]}]:a.rows=a.rows.concat({cells:p.map((u,s)=>{const e=o===1&&s===1;return{value:u,type:e?"Text":"NumberInput",unitKey:"length",onChange:c,formatDisplayValue:e?f=>`T* ${f}`:null,autoUnit:!0}})}),a),{headers:[],rows:[]});return l.jsxs(J,{columns:"1fr 1fr",gap:!0,children:[l.jsx(V,{heading:l.jsx(I,{children:"Global View Settings"}),children:l.jsx($,{label:"Active Unit Template",children:l.jsx(z,{options:U.getUnitsForQuantity("length"),value:{value:r},onChange:a=>n(a.target.value),width:"100px"})})}),l.jsx(V,{heading:l.jsx(I,{children:"UnitTable"}),children:l.jsx(j,{table:d,unitConfig:[{unitKey:"length",storageUnit:t[0][0],preferredUnit:r}],convertBackToStorageUnit:ee,enableCosmeticRounding:te})}),l.jsx(V,{heading:l.jsx(I,{children:"Storage State (Redux)"}),children:l.jsx("pre",{children:l.jsx("code",{children:JSON.stringify(t,null,2)})})})]})};var K,E,H,N,F;x.parameters={...x.parameters,docs:{...(K=x.parameters)==null?void 0:K.docs,source:{originalSource:`() => {
-  const [preferredUnit, setPreferredUnit] = useState(initialUnit);
-  const [reduxTable, setReduxTable] = useState(initialTable);
-
-  /*********************************************************************************************************************
-   Cell onChange handler
-  *********************************************************************************************************************/
-  const onUpdateCell = (evt: IUnitTableOnChangeEvent) => {
-    const {
-      rowIndex,
-      cellIndex,
-      value,
-      unit
-    } = evt.target;
-    const nextTable = convertWholeTable ? convertStorageTable({
-      reduxTable,
-      value,
-      unit,
-      rowIndex,
-      cellIndex
-    }) : updateCell({
-      reduxTable,
-      value,
-      rowIndex,
-      cellIndex
-    });
-    setReduxTable(nextTable);
-  };
-
-  /*********************************************************************************************************************
-   Construct table view data (same as old Table component, with a new props)
-  *********************************************************************************************************************/
-  const tableViewData = reduxTable.reduce((acc, row, rowIndex) => {
-    if (rowIndex === 0) {
-      acc.headers = [{
-        cells: [{
-          value: 'From'
-        }, {
-          value: 'To'
-        }, {
-          value: 'Delta'
-        }]
-      }, {
-        cells: [{
-          type: 'AutoUnit',
-          unitKey: 'length'
-        }, {
-          type: 'AutoUnit',
-          unitKey: 'length'
-        }, {
-          type: 'AutoUnit',
-          unitKey: 'length'
-        }]
-      }];
-    } else {
-      acc.rows = acc.rows.concat({
-        cells: row.map((cell, cellIndex) => {
-          const specialCell = rowIndex === 1 && cellIndex === 1;
-          const type = specialCell ? 'Text' : 'NumberInput';
-          const formatDisplayValue = specialCell ? (value: number | string) => \`T* \${value}\` : null;
-          const value = cell;
-          return {
-            value,
-            type,
-            unitKey: 'length',
-            onChange: onUpdateCell,
-            formatDisplayValue,
-            autoUnit: true
-          };
-        })
-      });
-    }
-    return acc;
-  }, {
-    headers: ([] as any[]),
-    rows: ([] as IUnitTableRow[])
-  });
-  return <Grid columns="1fr 1fr" gap>
-      <Card heading={<Heading>Global View Settings</Heading>}>
-        <Field label="Active Unit Template">
-          <Select options={getUnitsForQuantity('length')} value={{
-          value: preferredUnit
-        }} onChange={evt => setPreferredUnit(evt.target.value)} width="100px" />
-        </Field>
-      </Card>
-      <Card heading={<Heading>UnitTable</Heading>}>
-        <UnitTable table={tableViewData}
-      //New props:
-      unitConfig={[{
-        unitKey: 'length',
-        storageUnit: reduxTable[0][0],
-        preferredUnit
-      }]}
-      //Most tables should just use the default values here (true):
-      convertBackToStorageUnit={convertBackToStorageUnit} enableCosmeticRounding={enableCosmeticRounding} />
-      </Card>
-      <Card heading={<Heading>Storage State (Redux)</Heading>}>
-        <pre>
-          <code>{JSON.stringify(reduxTable, null, 2)}</code>
-        </pre>
-      </Card>
-    </Grid>;
-}`,...(H=(E=x.parameters)==null?void 0:E.docs)==null?void 0:H.source},description:{story:"Story",...(F=(N=x.parameters)==null?void 0:N.docs)==null?void 0:F.description}}};const at=["UnitTablePrototype"];export{x as UnitTablePrototype,at as __namedExportsOrder,rt as default};