@oliasoft-open-source/react-ui-library 4.7.5 → 4.7.6

package/dist/storybook/assets/text-link.stories-BQAkVO-W.js

@@ -1,14 +0,0 @@
-import{j as e}from"./jsx-runtime-eps93zm2.js";import{H as E,L as i,S as j,R as c}from"./react-router-dom-Ck2Y_Fzc.js";import{F as y}from"./flex-EllkLxgO.js";import{T as S}from"./text-B3-TSWok.js";import"./index-DhsZuJvc.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./tiny-invariant-DqLgxztJ.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./index-Bk2sglWO.js";const r=({children:a,href:o=void 0,target:T=void 0,testId:R,onClick:L,component:v="a"})=>e.jsx(v,{href:o,to:o,target:T,onClick:L,"data-testid":R,children:e.jsx(S,{link:!0,children:a})});r.__docgenInfo={description:"",methods:[],displayName:"TextLink",props:{href:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"undefined",computed:!0}},target:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"undefined",computed:!0}},testId:{required:!1,tsType:{name:"string"},description:""},onClick:{required:!1,tsType:{name:"signature",type:"function",raw:"(e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void",signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLAnchorElement, MouseEvent>",elements:[{name:"HTMLAnchorElement"},{name:"MouseEvent"}]},name:"e"}],return:{name:"void"}}},description:""},children:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},component:{required:!1,tsType:{name:"ReactElementType",raw:"React.ElementType"},description:"",defaultValue:{value:"'a'",computed:!1}}}};const N={title:"Basic/TextLink",component:r,args:{children:"Link text goes here",href:"http://oliasoft.com"}},k=a=>e.jsx(r,{...a}),n=k.bind({}),t=k.bind({});t.args={href:void 0,onClick:()=>console.log("Clicked!")};const s=()=>e.jsxs(E,{children:[e.jsxs(y,{gap:!0,children:[e.jsx(r,{component:i,href:"/dashboard",children:"Dashboard"}),e.jsx(r,{component:i,href:"/settings",children:"Settings"})]}),e.jsxs(j,{children:[e.jsx(c,{path:"/dashboard",children:"Dashboard"}),e.jsx(c,{path:"/settings",children:"Settings"})]})]});s.__docgenInfo={description:"",methods:[],displayName:"AsRouterLink"};var d,p,m;n.parameters={...n.parameters,docs:{...(d=n.parameters)==null?void 0:d.docs,source:{originalSource:"args => <TextLink {...args} />",...(m=(p=n.parameters)==null?void 0:p.docs)==null?void 0:m.source}}};var u,l,h;t.parameters={...t.parameters,docs:{...(u=t.parameters)==null?void 0:u.docs,source:{originalSource:"args => <TextLink {...args} />",...(h=(l=t.parameters)==null?void 0:l.docs)==null?void 0:h.source}}};var g,f,x;s.parameters={...s.parameters,docs:{...(g=s.parameters)==null?void 0:g.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>`,...(x=(f=s.parameters)==null?void 0:f.docs)==null?void 0:x.source}}};const I=["Default","OnClick","AsRouterLink"];export{s as AsRouterLink,n as Default,t as OnClick,I as __namedExportsOrder,N as default};

package/dist/storybook/assets/toaster-B8A3xIYu.js

@@ -1 +0,0 @@
-import{j as c}from"./jsx-runtime-eps93zm2.js";import{t,S as f}from"./toaster-7wnI6hqB.js";import{a as r,M as d,D as E}from"./message-ZenLdkrf.js";const m=({id:s,message:e={type:r.INFO,content:""},autoClose:o=6e3,onClose:a})=>{const{type:p=r.INFO}=e??{},u=({closeToast:l})=>c.jsx(E,{type:p,onClose:l,isInToast:!0}),i=c.jsx(d,{message:{...e,visible:!0,width:"100%",maxHeight:"500px",withDismiss:!1}}),n=(()=>{switch(e==null?void 0:e.type){case r.SUCCESS:return t.TYPE.SUCCESS;case r.WARNING:return t.TYPE.WARNING;case r.ERROR:return t.TYPE.ERROR;default:return t.TYPE.INFO}})();return s!==void 0&&t.isActive(s)?t.update(s,{render:i,autoClose:o,onClose:a,type:n}):t(i,{toastId:s,autoClose:o,onClose:a,hideProgressBar:o===!1,icon:!1,closeOnClick:!1,pauseOnHover:!0,draggable:!1,closeButton:u,transition:f,type:n})},x=s=>{t.dismiss(s)};export{x as d,m as t};

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

@@ -1,86 +0,0 @@
-import{j as s}from"./jsx-runtime-eps93zm2.js";import{G as w}from"./grid-B6LFPf51.js";import{T as d}from"./text-B3-TSWok.js";import{F as v}from"./flex-EllkLxgO.js";import{t,d as u}from"./toaster-B8A3xIYu.js";import{B as o}from"./button-VxhoNhrV.js";import{S as l}from"./spacer-BWoNR27H.js";import{a as m}from"./message-ZenLdkrf.js";import"./index-DhsZuJvc.js";import"./styled-components.browser.esm-Bf0q9Yjk.js";import"./index-Bk2sglWO.js";import"./toaster-7wnI6hqB.js";import"./index-CUZDtIZe.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./tooltip-1V7clEnw.js";const O={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"},B={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:B,autoClose:6e3,onClose:()=>{}}},G=()=>s.jsxs(s.Fragment,{children:[s.jsx(o,{label:"Info",onClick:()=>t({message:B,onClose:()=>console.log("toast closed")})}),s.jsx(l,{}),s.jsx(o,{label:"Error",onClick:()=>t({message:A,onClose:()=>console.log("toast closed")})}),s.jsx(l,{}),s.jsx(o,{label:"Warning",onClick:()=>t({message:F,onClose:()=>console.log("toast closed")})}),s.jsx(l,{}),s.jsx(o,{label:"Success",onClick:()=>t({message:O,onClose:()=>console.log("toast closed")})})]}),c=G.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 a=()=>{const e="sessionExpiring",p={type:"Info",content:s.jsxs(w,{children:[s.jsx(d,{bold:!0,children:"You will be signed out soon"}),s.jsx(d,{children:"For your security, you will be automatically signed out in 30 minutes unless you extend your session."}),s.jsx(l,{height:"var(--padding-xxs)"}),s.jsxs(v,{gap:"var(--padding-xs)",children:[s.jsx(o,{label:"Extend session",small:!0,colored:"success",onClick:()=>u(e)}),s.jsx(o,{label:"Dismiss",small:!0,onClick:()=>u(e)})]})]})};return s.jsx(o,{label:"Show Toast",onClick:()=>t({message:p,autoClose:!1,id:e})})},r=()=>{const e="sessionExpiringSoon",p={type:"Error",content:s.jsxs(w,{children:[s.jsx(d,{bold:!0,children:"You will be signed out very soon"}),s.jsx(d,{children:"For your security, you will be automatically signed out in 30 minutes unless you extend your session."}),s.jsx(l,{height:"var(--padding-xxs)"}),s.jsxs(v,{gap:"var(--padding-xs)",children:[s.jsx(o,{label:"Extend session",small:!0,colored:"success",onClick:()=>u(e)}),s.jsx(o,{label:"Dismiss",small:!0,onClick:()=>u(e)})]})]})};return s.jsx(o,{label:"Show Toast",onClick:()=>t({message:p,autoClose:!1,id:e})})},i=()=>{const e={type:"Success",content:"Your session has been extended for 1 hour"};return s.jsx(o,{label:"Show Toast",onClick:()=>t({message:e})})};n.__docgenInfo={description:"",methods:[],displayName:"PreventDuplicates"};a.__docgenInfo={description:"",methods:[],displayName:"SessionExpiring"};r.__docgenInfo={description:"",methods:[],displayName:"SessionExpiringSoon"};i.__docgenInfo={description:"",methods:[],displayName:"SessionExtended"};var g,x,S;c.parameters={...c.parameters,docs:{...(g=c.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=c.parameters)==null?void 0:x.docs)==null?void 0:S.source}}};var y,T,h;n.parameters={...n.parameters,docs:{...(y=n.parameters)==null?void 0:y.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=(T=n.parameters)==null?void 0:T.docs)==null?void 0:h.source}}};var C,b,E;a.parameters={...a.parameters,docs:{...(C=a.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
-  })} />;
-}`,...(E=(b=a.parameters)==null?void 0:b.docs)==null?void 0:E.source}}};var f,j,I;r.parameters={...r.parameters,docs:{...(f=r.parameters)==null?void 0:f.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=(j=r.parameters)==null?void 0:j.docs)==null?void 0:I.source}}};var k,_,D;i.parameters={...i.parameters,docs:{...(k=i.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
-  })} />;
-}`,...(D=(_=i.parameters)==null?void 0:_.docs)==null?void 0:D.source}}};const ns=["Default","PreventDuplicates","SessionExpiring","SessionExpiringSoon","SessionExtended"];export{c as Default,n as PreventDuplicates,a as SessionExpiring,r as SessionExpiringSoon,i as SessionExtended,ns as __namedExportsOrder,ts as default};

package/dist/storybook/assets/toggle.stories-D4c4fr5t.js

@@ -1,117 +0,0 @@
-import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as X}from"./index-DhsZuJvc.js";import{F as C}from"./flex-EllkLxgO.js";import{T as i}from"./text-B3-TSWok.js";import{T as p}from"./toggle-CBpNgTrm.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./help-icon-Buhx5nl6.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";const{useArgs:Z}=__STORYBOOK_MODULE_PREVIEW_API__,ue={title:"Forms/Toggle",component:p,args:{label:"Label"}},n=u=>{const[{checked:m},x]=Z(),b=()=>{x({checked:!m})};return e.jsx(p,{...u,onChange:b})},h=n.bind({}),s=n.bind({});s.args={disabled:!0};const a=n.bind({});a.args={checked:!0,disabled:!0};const r=n.bind({});r.args={small:!0};const t=n.bind({});t.args={label:null};const c=n.bind({});c.args={helpText:"Help text"};const o=n.bind({});o.args={onClickHelp:()=>console.log("Help clicked")};const d=()=>e.jsxs(e.Fragment,{children:[e.jsx(p,{display:"block",label:e.jsxs(C,{justifyContent:"space-between",wrap:!1,gap:!0,children:[e.jsx(i,{bold:!0,children:"Label"}),e.jsx(i,{success:!0,children:"Released yesterday"})]}),onChange:()=>{}}),e.jsx(p,{label:e.jsxs(C,{justifyContent:"space-between",wrap:!1,gap:!0,children:[e.jsx(i,{bold:!0,children:"Label"}),e.jsx(i,{success:!0,children:"Released yesterday"})]}),onChange:()=>{}})]}),l=()=>{const[u,m]=X.useState(!1);return e.jsx(p,{name:"name",label:"Label",checked:u,onChange:x=>{const{name:b,value:Q,checked:k}=x.target;m(k),console.log(b,Q,k)}})},g=n.bind({});g.args={helpText:"Help text",disabled:!0};d.__docgenInfo={description:"",methods:[],displayName:"Display"};l.__docgenInfo={description:"",methods:[],displayName:"TestClickevt"};var T,A,j;h.parameters={...h.parameters,docs:{...(T=h.parameters)==null?void 0:T.docs,source:{originalSource:`args => {
-  const [{
-    checked
-  }, updateArgs] = useArgs();
-  const handleChange = () => {
-    updateArgs({
-      checked: !checked
-    });
-  };
-  return <Toggle
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onChange={handleChange} />;
-}`,...(j=(A=h.parameters)==null?void 0:A.docs)==null?void 0:j.source}}};var f,y,S;s.parameters={...s.parameters,docs:{...(f=s.parameters)==null?void 0:f.docs,source:{originalSource:`args => {
-  const [{
-    checked
-  }, updateArgs] = useArgs();
-  const handleChange = () => {
-    updateArgs({
-      checked: !checked
-    });
-  };
-  return <Toggle
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onChange={handleChange} />;
-}`,...(S=(y=s.parameters)==null?void 0:y.docs)==null?void 0:S.source}}};var _,D,H;a.parameters={...a.parameters,docs:{...(_=a.parameters)==null?void 0:_.docs,source:{originalSource:`args => {
-  const [{
-    checked
-  }, updateArgs] = useArgs();
-  const handleChange = () => {
-    updateArgs({
-      checked: !checked
-    });
-  };
-  return <Toggle
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onChange={handleChange} />;
-}`,...(H=(D=a.parameters)==null?void 0:D.docs)==null?void 0:H.source}}};var v,w,F;r.parameters={...r.parameters,docs:{...(v=r.parameters)==null?void 0:v.docs,source:{originalSource:`args => {
-  const [{
-    checked
-  }, updateArgs] = useArgs();
-  const handleChange = () => {
-    updateArgs({
-      checked: !checked
-    });
-  };
-  return <Toggle
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onChange={handleChange} />;
-}`,...(F=(w=r.parameters)==null?void 0:w.docs)==null?void 0:F.source}}};var L,O,R;t.parameters={...t.parameters,docs:{...(L=t.parameters)==null?void 0:L.docs,source:{originalSource:`args => {
-  const [{
-    checked
-  }, updateArgs] = useArgs();
-  const handleChange = () => {
-    updateArgs({
-      checked: !checked
-    });
-  };
-  return <Toggle
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onChange={handleChange} />;
-}`,...(R=(O=t.parameters)==null?void 0:O.docs)==null?void 0:R.source}}};var E,I,W;c.parameters={...c.parameters,docs:{...(E=c.parameters)==null?void 0:E.docs,source:{originalSource:`args => {
-  const [{
-    checked
-  }, updateArgs] = useArgs();
-  const handleChange = () => {
-    updateArgs({
-      checked: !checked
-    });
-  };
-  return <Toggle
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onChange={handleChange} />;
-}`,...(W=(I=c.parameters)==null?void 0:I.docs)==null?void 0:W.source}}};var N,P,B;o.parameters={...o.parameters,docs:{...(N=o.parameters)==null?void 0:N.docs,source:{originalSource:`args => {
-  const [{
-    checked
-  }, updateArgs] = useArgs();
-  const handleChange = () => {
-    updateArgs({
-      checked: !checked
-    });
-  };
-  return <Toggle
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onChange={handleChange} />;
-}`,...(B=(P=o.parameters)==null?void 0:P.docs)==null?void 0:B.source}}};var K,M,U;d.parameters={...d.parameters,docs:{...(K=d.parameters)==null?void 0:K.docs,source:{originalSource:`() => <>
-    <Toggle display="block" label={<Flex justifyContent="space-between" wrap={false} gap>
-          <Text bold>Label</Text>
-          <Text success>Released yesterday</Text>
-        </Flex>} onChange={() => {}} />
-    <Toggle label={<Flex justifyContent="space-between" wrap={false} gap>
-          <Text bold>Label</Text>
-          <Text success>Released yesterday</Text>
-        </Flex>} onChange={() => {}} />
-  </>`,...(U=(M=d.parameters)==null?void 0:M.docs)==null?void 0:U.source}}};var V,Y,q;l.parameters={...l.parameters,docs:{...(V=l.parameters)==null?void 0:V.docs,source:{originalSource:`() => {
-  const [checked, setChecked] = useState(false);
-  return <Toggle name="name" label="Label" checked={checked} onChange={evt => {
-    const {
-      name,
-      value,
-      checked
-    } = evt.target;
-    setChecked(checked);
-    console.log(name, value, checked);
-  }} />;
-}`,...(q=(Y=l.parameters)==null?void 0:Y.docs)==null?void 0:q.source}}};var z,G,J;g.parameters={...g.parameters,docs:{...(z=g.parameters)==null?void 0:z.docs,source:{originalSource:`args => {
-  const [{
-    checked
-  }, updateArgs] = useArgs();
-  const handleChange = () => {
-    updateArgs({
-      checked: !checked
-    });
-  };
-  return <Toggle
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onChange={handleChange} />;
-}`,...(J=(G=g.parameters)==null?void 0:G.docs)==null?void 0:J.source}}};const me=["Default","Disabled","DisabledChecked","Small","Standalone","HelpText","OnClickHelp","Display","TestClickevt","DisabledWithHelpText"];export{h as Default,s as Disabled,a as DisabledChecked,g as DisabledWithHelpText,d as Display,c as HelpText,o as OnClickHelp,r as Small,t as Standalone,l as TestClickevt,me as __namedExportsOrder,ue as default};

package/dist/storybook/assets/top-bar.stories-B2a-RgK-.js

@@ -1,21 +0,0 @@
-import{j as e}from"./jsx-runtime-eps93zm2.js";import{H as I,L as c,S as D,R as l}from"./react-router-dom-Ck2Y_Fzc.js";import{I as O,T as A}from"./common-types-Sih75Sav.js";import{T as p}from"./top-bar-C_tn2Pc5.js";import{P as w}from"./page-7SSpdYhb.js";import{M as N}from"./actions-CHgr8eL8.js";import{B as m}from"./button-VxhoNhrV.js";import{B as P}from"./badge-CLQ59MDF.js";import{L as v}from"./logo-BVP9045W.js";import{s as H}from"./icon-custom-Xcl4YkWP.js";import{M as s}from"./types-BmbYqTX_.js";import"./index-DhsZuJvc.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./tiny-invariant-DqLgxztJ.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./index-Bk2sglWO.js";import"./icon-BSFY3vDO.js";import"./disabled-context-rmpd7YJS.js";import"./lodash-BHd_uQHh.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./types-UmZ4Y_CR.js";import"./spinner-AWUe4xwQ.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(P,{title:"3",small:!0,margin:"5px",children:e.jsx(m,{icon:O.NOTIFICATION,round:!0,onClick:()=>{}})})},{type:"Component",component:e.jsx(N,{menu:{trigger:A.COMPONENT,fullHeightTrigger:!0,placement:"bottom-end",component:e.jsx(m,{label:"TU",round:!0,onClick:()=>{}}),sections:[{type:s.HEADING,label:"Test User"},{type:s.OPTION,label:"Profile",icon:"user",onClick:()=>{}},{type:s.DIVIDER},{type:s.OPTION,label:"Sign out",icon:"lock",onClick:()=>{}}]}})}],ce={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=j=>e.jsx(p,{...j}),n=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 a=()=>e.jsx(I,{children:e.jsxs(w,{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"})]})]})});a.__docgenInfo={description:"",methods:[],displayName:"AsRouterLink"};var d,u,g;n.parameters={...n.parameters,docs:{...(d=n.parameters)==null?void 0:d.docs,source:{originalSource:"args => <TopBar {...args} />",...(g=(u=n.parameters)==null?void 0:u.docs)==null?void 0:g.source}}};var h,b,k;t.parameters={...t.parameters,docs:{...(h=t.parameters)==null?void 0:h.docs,source:{originalSource:"args => <TopBar {...args} />",...(k=(b=t.parameters)==null?void 0:b.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,R;a.parameters={...a.parameters,docs:{...(L=a.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>;
-}`,...(R=(B=a.parameters)==null?void 0:B.docs)==null?void 0:R.source}}};const le=["Default","WithWarning","TextBranding","AppSwitcher","AsRouterLink"];export{o as AppSwitcher,a as AsRouterLink,n as Default,r as TextBranding,t as WithWarning,le as __namedExportsOrder,ce as default};

package/dist/storybook/assets/unit-table.stories-BAVqAbfG.js

@@ -1,150 +0,0 @@
-import{j as n}from"./jsx-runtime-eps93zm2.js";import{r as v}from"./index-DhsZuJvc.js";import{f as z}from"./immer.esm-BwVl9PS2.js";import{d as U}from"./index-CWz-hU-f.js";import{G as Z}from"./grid-B6LFPf51.js";import{S as ee}from"./spacer-BWoNR27H.js";import{C as F}from"./card-EcjmryU9.js";import{F as L}from"./field-HrLaMLbx.js";import{H as W}from"./heading-CRNoBc7q.js";import{S as P}from"./select-D55JvDou.js";import{T as I}from"./toggle-CBpNgTrm.js";import{l as te}from"./lodash-BHd_uQHh.js";import{u as ne}from"./use-previous-D775JrO6.js";import{T as ae,C as _}from"./table-BOVkj1wL.js";import"./index-DRSy5Ssd.js";import"./styled-components.browser.esm-Bf0q9Yjk.js";import"./index-Bk2sglWO.js";import"./label-CqmyC9he.js";import"./common-types-Sih75Sav.js";import"./help-icon-Buhx5nl6.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./types-UmZ4Y_CR.js";import"./assertThisInitialized-B9jnkVVz.js";import"./memoize-one.esm-CcMeOnPo.js";import"./types-BmbYqTX_.js";import"./text-B3-TSWok.js";import"./actions-CHgr8eL8.js";import"./button-VxhoNhrV.js";import"./spinner-AWUe4xwQ.js";import"./badge-CLQ59MDF.js";import"./select.input-DIKP56UZ.js";import"./index.es-DazXb-ul.js";import"./redux-tRgGMjwY.js";import"./objectSpread2-DW4nTBoq.js";import"./tiny-invariant-DqLgxztJ.js";import"./pagination-DzpYFhAO.js";import"./input-BW9trNAW.js";import"./input-group-BaRSJAEN.js";import"./input-group-addon-D68iUKV2.js";import"./number-input-uQOVHv2N.js";import"./check-box-BtCGePRy.js";import"./slider-DAramr8j.js";import"./index-BI4_Bp97.js";import"./popover-CzZdWNnB.js";const ie=l=>l.reduce(({preferredUnits:i,storageUnits:r},{unitKey:s,preferredUnit:a,storageUnit:h})=>(i[s]=a,r[s]=h,{preferredUnits:i,storageUnits:r}),{preferredUnits:{},storageUnits:{}}),re=({headers:l,rows:i,selectedUnits:r,storageUnits:s,onChangeUnit:a,convertBackToStorageUnit:h,enableCosmeticRounding:g,enableDisplayRounding:y})=>{const u=l?l.map(d=>({...d,cells:d.cells.map(c=>{var t;if(c.type===_.AUTO_UNIT){const{testId:C,unitKey:p}=c;return{value:r[p],type:_.SELECT,searchable:!1,options:(t=U.getUnitsForQuantity(p))==null?void 0:t.map(T=>({label:U.label(T),value:T})),native:c.native,onChange:T=>a({unitKey:p,value:T.target.value}),testId:C}}return c})})):[],o=i?i.map((d,c)=>({...d,cells:d.cells.map((t,C)=>{if("autoUnit"in t&&(t!=null&&t.autoUnit)&&(typeof(t==null?void 0:t.value)=="string"||typeof(t==null?void 0:t.value)=="number")){const{unitKey:p,value:T,formatDisplayValue:w}=t,j=y&&"roundDisplayValue"in t?t==null?void 0:t.roundDisplayValue:null,m=r[p],b=s[p],e=m!==b,f=e?U.convertAndGetValue(T,m,b):t.value,x=U.isScientificStringNum(T),D=g&&(e||!x)?U.roundToPrecision(f,14):f,R=w?w(D):D;return{...t,value:R,enableCosmeticRounding:g,enableDisplayRounding:y,roundDisplayValue:j,onChange:S=>{const{value:B}=S.target,A=s[p],E=r[p],N=E!==A,k=h?A:E,$=N?U.convertAndGetValue(B,k,E):B;if("onChange"in t){const{onChange:X}=t,Y={...S,target:{...S.target,value:String($),rowIndex:c,cellIndex:C,unit:k}};X(Y)}}}}return t})})):[];return{convertedHeaders:u,convertedRows:o}},M=({table:l,unitConfig:i,convertBackToStorageUnit:r=!0,enableCosmeticRounding:s=!0,enableDisplayRounding:a=!0})=>{const{rows:h,headers:g,...y}=l,{storageUnits:u,preferredUnits:o}=ie(i),d=ne(o),[c,t]=v.useState(o),C=({unitKey:m,value:b})=>{t({...c,[m]:b});const e=i.find(f=>f.unitKey===m);e&&typeof e.onChange=="function"&&e.onChange({oldUnit:c[m],newUnit:b,unitKey:m})},p=m=>re({headers:g,rows:h,selectedUnits:m,storageUnits:u,onChangeUnit:C,convertBackToStorageUnit:r,enableCosmeticRounding:s,enableDisplayRounding:a}),T=p(c),[w,j]=v.useState(T);return v.useEffect(()=>{!te.isEqual(o,d)&&(Object.keys(o).forEach(b=>{const e=d==null?void 0:d[b],f=o[b];e!==f&&C({unitKey:b,value:f})}),j(p(o)))},[i]),v.useEffect(()=>{j(p(c))},[l,c]),n.jsx(ae,{table:{...y,headers:w.convertedHeaders,rows:w.convertedRows}})};M.__docgenInfo={description:"",methods:[],displayName:"UnitTable",props:{table:{required:!0,tsType:{name:"IUnitTable"},description:""},unitConfig:{required:!0,tsType:{name:"Array",elements:[{name:"IUnitConfigItem"}],raw:"IUnitConfigItem[]"},description:""},convertBackToStorageUnit:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},enableCosmeticRounding:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},enableDisplayRounding:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}}},composes:["Omit"]};const ct={title:"Basic/UnitTable",args:{}},oe=!0,le=!0,se=!0,ue=!1,H="m",J="C",de=3,ce=(l,i,r)=>{const s=[i,i,r],a=[...Array(l)].map((h,g)=>{const y=g,u=g+1.25,o=4+g*.25;return[String(y),String(u),String(o)]});return[s,...a]},pe=ce(de,H,J),ge=({reduxTable:l,value:i,unit:r,rowIndex:s,cellIndex:a})=>z(l,h=>{const g=h[0][a],y=(u,o)=>o===0;return h.forEach((u,o)=>{if(y(u,o)){u[a]=r;return}if(o===s+1){u[a]=String(i);return}const d=U.convertAndGetValue(u[a],r,g);u[a]=String(d)}),h}),me=({reduxTable:l,value:i,rowIndex:r,cellIndex:s})=>z(l,a=>{a[r+1][s]=i}),V=()=>{var m,b;const[l,i]=v.useState(H),[r,s]=v.useState(J),[a,h]=v.useState(pe),[g,y]=v.useState(oe),[u,o]=v.useState(se),[d,c]=v.useState(le),[t,C]=v.useState(ue),[p,T]=v.useState(H),w=e=>{const{rowIndex:f,cellIndex:x,value:D,unit:R}=e.target,S=t?ge({reduxTable:a,value:D,unit:R,rowIndex:f,cellIndex:x}):me({reduxTable:a,value:D,rowIndex:f,cellIndex:x});h(S)},j=a.reduce((e,f,x)=>(x===0?e.headers=[{cells:[{value:"From"},{value:"To"},{value:"Temperature"}]},{cells:[{type:"AutoUnit",unitKey:"length"},{type:"AutoUnit",unitKey:"length"},{type:"AutoUnit",unitKey:"temperature",testId:"table-unit-selector-3"}]}]:e.rows=e.rows.concat({cells:f.map((D,R)=>{const S=x===1&&R===1;return{value:D,type:S?"Text":"NumberInput",unitKey:R===2?"temperature":"length",onChange:w,roundDisplayValue:x===3&&R===2?k=>U.roundByMagnitude(k,2):null,formatDisplayValue:S?k=>`T* ${k}`:null,autoUnit:!0}})}),e),{headers:[],rows:[]});return n.jsxs(Z,{columns:"1fr 1fr",gap:!0,children:[n.jsxs(F,{heading:n.jsx(W,{children:"Settings"}),children:[n.jsx(L,{label:"Convert back to storage unit:",labelLeft:!0,labelWidth:200,children:n.jsx(I,{checked:g,onChange:e=>y(e.target.checked)})}),n.jsx(L,{label:"Enable display rounding:",labelLeft:!0,labelWidth:200,children:n.jsx(I,{checked:u,onChange:e=>o(e.target.checked)})}),n.jsx(L,{label:"Enable cosmetic rounding:",labelLeft:!0,labelWidth:200,children:n.jsx(I,{checked:d,onChange:e=>c(e.target.checked)})}),n.jsx(L,{label:"Convert whole table:",labelLeft:!0,labelWidth:200,children:n.jsx(I,{checked:t,onChange:e=>C(e.target.checked)})})]}),n.jsxs(F,{heading:n.jsx(W,{children:"Unit template"}),children:[n.jsx(L,{label:"Length unit:",labelLeft:!0,labelWidth:120,children:n.jsx(P,{options:(m=U.getUnitsForQuantity("length"))==null?void 0:m.map(e=>({value:e,label:U.label(e)})),value:{value:l},onChange:e=>i(e.target.value),width:"100px"})}),n.jsx(L,{label:"Temperature unit:",labelLeft:!0,labelWidth:120,children:n.jsx(P,{options:(b=U.getUnitsForQuantity("temperature"))==null?void 0:b.map(e=>({value:e,label:U.label(e)})),value:{value:r},onChange:e=>s(e.target.value),width:"100px"})})]}),n.jsx(F,{heading:n.jsx(W,{children:"Storage State (Redux)"}),children:n.jsx("pre",{children:n.jsx("code",{children:JSON.stringify(a,null,2)})})}),n.jsxs(F,{heading:n.jsx(W,{children:"UnitTable"}),children:[n.jsx(M,{table:j,unitConfig:[{unitKey:"length",storageUnit:a[0][0],preferredUnit:l,onChange:({newUnit:e})=>T(e)},{unitKey:"temperature",storageUnit:a[0][2],preferredUnit:r}],convertBackToStorageUnit:g,enableDisplayRounding:u,enableCosmeticRounding:d}),n.jsx(ee,{height:20}),n.jsx(L,{label:"Displayed length unit:",labelLeft:!0,labelWidth:150,children:p})]})]})};V.__docgenInfo={description:"",methods:[],displayName:"UnitTablePrototype"};var K,G,O,q,Q;V.parameters={...V.parameters,docs:{...(K=V.parameters)==null?void 0:K.docs,source:{originalSource:`() => {
-  const [preferredLengthUnit, setPreferredLengthUnit] = useState(initialLengthUnit);
-  const [preferredTemperatureUnit, setPreferredTemperatureUnit] = useState(initialTemperatureUnit);
-  const [reduxTable, setReduxTable] = useState<TTable>(initialTable);
-  const [convertBackToStorageUnit, setConvertBackToStorageUnit] = useState(initialConvertBackToStorageUnit);
-  const [enableDisplayRounding, setEnableDisplayRounding] = useState(initialEnableDisplayRounding);
-  const [enableCosmeticRounding, setEnableCosmeticRounding] = useState(initialEnableCosmeticRounding);
-  const [convertWholeTable, setConvertWholeTable] = useState(initialConvertWholeTable);
-  const [displayedLengthUnit, setDisplayedLengthUnit] = useState(initialLengthUnit);
-
-  /*********************************************************************************************************************
-   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: 'Temperature'
-        }]
-      }, {
-        cells: [{
-          type: 'AutoUnit',
-          unitKey: 'length'
-        }, {
-          type: 'AutoUnit',
-          unitKey: 'length'
-        }, {
-          type: 'AutoUnit',
-          unitKey: 'temperature',
-          testId: 'table-unit-selector-3'
-        }]
-      }];
-    } 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 customDisplayRounding = rowIndex === 3 && cellIndex === 2 ? (value: TStringNumberNull) => roundByMagnitude(value, 2) : null;
-          const value = cell;
-          return {
-            value,
-            type,
-            unitKey: cellIndex === 2 ? 'temperature' : 'length',
-            onChange: onUpdateCell,
-            roundDisplayValue: customDisplayRounding,
-            // optionally customize the display rounding of specific columns/cells
-            formatDisplayValue,
-            // optionally extend/customize the display formatting of specific columns/cells
-            autoUnit: true
-          };
-        })
-      });
-    }
-    return acc;
-  }, {
-    headers: ([] as any[]),
-    rows: ([] as IUnitTableRow[])
-  });
-  return <Grid columns="1fr 1fr" gap>
-      <Card heading={<Heading>Settings</Heading>}>
-        <Field label="Convert back to storage unit:" labelLeft labelWidth={200}>
-          <Toggle checked={convertBackToStorageUnit} onChange={evt => setConvertBackToStorageUnit(evt.target.checked)} />
-        </Field>
-        <Field label="Enable display rounding:" labelLeft labelWidth={200}>
-          <Toggle checked={enableDisplayRounding} onChange={evt => setEnableDisplayRounding(evt.target.checked)} />
-        </Field>
-        <Field label="Enable cosmetic rounding:" labelLeft labelWidth={200}>
-          <Toggle checked={enableCosmeticRounding} onChange={evt => setEnableCosmeticRounding(evt.target.checked)} />
-        </Field>
-        <Field label="Convert whole table:" labelLeft labelWidth={200}>
-          <Toggle checked={convertWholeTable} onChange={evt => setConvertWholeTable(evt.target.checked)} />
-        </Field>
-      </Card>
-      <Card heading={<Heading>Unit template</Heading>}>
-        <Field label="Length unit:" labelLeft labelWidth={120}>
-          <Select options={getUnitsForQuantity('length')?.map(unit => ({
-          value: unit,
-          label: label(unit)
-        }))} value={{
-          value: preferredLengthUnit
-        }} onChange={evt => setPreferredLengthUnit(evt.target.value)} width="100px" />
-        </Field>
-        <Field label="Temperature unit:" labelLeft labelWidth={120}>
-          <Select options={getUnitsForQuantity('temperature')?.map(unit => ({
-          value: unit,
-          label: label(unit)
-        }))} value={{
-          value: preferredTemperatureUnit
-        }} onChange={evt => setPreferredTemperatureUnit(evt.target.value)} width="100px" />
-        </Field>
-      </Card>
-      <Card heading={<Heading>Storage State (Redux)</Heading>}>
-        <pre>
-          <code>{JSON.stringify(reduxTable, null, 2)}</code>
-        </pre>
-      </Card>
-      <Card heading={<Heading>UnitTable</Heading>}>
-        <UnitTable table={tableViewData}
-      //New props:
-      unitConfig={[{
-        unitKey: 'length',
-        storageUnit: reduxTable[0][0],
-        preferredUnit: preferredLengthUnit,
-        onChange: ({
-          newUnit
-        }) => setDisplayedLengthUnit(newUnit)
-      }, {
-        unitKey: 'temperature',
-        storageUnit: reduxTable[0][2],
-        preferredUnit: preferredTemperatureUnit
-      }]}
-      //Most tables should just use the default values here (true):
-      convertBackToStorageUnit={convertBackToStorageUnit} enableDisplayRounding={enableDisplayRounding} enableCosmeticRounding={enableCosmeticRounding} />
-        <Spacer height={20} />
-        <Field label="Displayed length unit:" labelLeft labelWidth={150}>
-          {displayedLengthUnit}
-        </Field>
-      </Card>
-    </Grid>;
-}`,...(O=(G=V.parameters)==null?void 0:G.docs)==null?void 0:O.source},description:{story:"Story",...(Q=(q=V.parameters)==null?void 0:q.docs)==null?void 0:Q.description}}};const pt=["UnitTablePrototype"];export{V as UnitTablePrototype,pt as __namedExportsOrder,ct as default};