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

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

@@ -0,0 +1,86 @@
+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-RYZsoWEN.js";import{t as n,d}from"./toaster-yPcd4ELJ.js";import{B as o}from"./button-MXXjI7Bb.js";import{S as a}from"./spacer-Yji9g2AW.js";import{a as m}from"./message-CRKuTfOl.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-8EQazuuW.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-8sb_A2v4.js";import"./index-4QtD-hFu.js";import"./tooltip-pjcB4ZxN.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."},ns={title:"Modals/Toaster",parameters:{docs:{story:{inline:!1,iframeHeight:400}}},source:{type:"code"},args:{id:void 0,message:O,autoClose:6e3,onClose:()=>{}}},G=()=>s.jsxs(s.Fragment,{children:[s.jsx(o,{label:"Info",onClick:()=>n({message:O,onClose:()=>console.log("toast closed")})}),s.jsx(a,{}),s.jsx(o,{label:"Error",onClick:()=>n({message:A,onClose:()=>console.log("toast closed")})}),s.jsx(a,{}),s.jsx(o,{label:"Warning",onClick:()=>n({message:F,onClose:()=>console.log("toast closed")})}),s.jsx(a,{}),s.jsx(o,{label:"Success",onClick:()=>n({message:_,onClose:()=>console.log("toast closed")})})]}),r=G.bind({}),t=()=>s.jsx(o,{label:"Show Toast",onClick:()=>{const e=Math.random()>=.5;n({message:{type:e?"Success":"Error",icon:!0,content:e?"Success":"Error"},onClose:()=>console.log("toast closed"),id:"uniqueId"})}});t.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:()=>n({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:()=>n({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:()=>n({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;t.parameters={...t.parameters,docs:{...(T=t.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=t.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 ts=["Default","PreventDuplicates","SessionExpiring","SessionExpiringSoon","SessionExtended"];export{r as Default,t as PreventDuplicates,i as SessionExpiring,l as SessionExpiringSoon,c as SessionExtended,ts as __namedExportsOrder,ns as default};

package/dist/storybook/assets/{toggle-BPI2y-lU.js → toggle-gxvny8zu.js}

@@ -1 +1 @@
-import{j as l}from"./jsx-runtime-FsUICBgo.js";import{r as b}from"./index-RfLt4OUa.js";import{c as x}from"./index-VW3EWkuE.js";import{b as C}from"./common-types-U65vzrrz.js";import{D as q}from"./disabled-context-urNQThQz.js";import{H as E}from"./help-icon--rUDxLUD.js";const V="_toggle_1mo1i_9",h="_small_1mo1i_25",I="_disabled_1mo1i_102",v="_noMargin_1mo1i_113",j="_helpIconEnabled_1mo1i_116",a={toggle:V,small:h,disabled:I,noMargin:v,helpIconEnabled:j},r=({name:t,label:d,checked:e=!1,disabled:u,display:m,small:p=!1,onChange:c,noMargin:g=!1,testId:f,helpText:i,onClickHelp:o})=>{const y=b.useContext(q),_=i||o,s=u||y;return l.jsxs("div",{className:x(a.toggle,s?a.disabled:null,p?a.small:null,g?a.noMargin:null),style:{display:m},onClick:n=>{s||(n.target.name=t,n.target.checked=!e,n.target.value=!e,c(n))},"data-testid":f,children:[l.jsx("input",{type:C.CHECKBOX,name:t,value:e==null?void 0:e.toString(),disabled:s,checked:e,onChange:()=>{}}),l.jsx("label",{children:d}),_&&l.jsx("div",{className:a.helpIconEnabled,onClick:o,children:l.jsx(E,{text:i})})]})};try{r.displayName="Toggle",r.__docgenInfo={description:"",displayName:"Toggle",props:{name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string | ReactElement<any, string | JSXElementConstructor<any>> | null"}},checked:{defaultValue:{value:"false"},description:"",name:"checked",required:!1,type:{name:"boolean"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},display:{defaultValue:null,description:"",name:"display",required:!1,type:{name:"string"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(evt: ChangeEvent<HTMLInputElement>) => void"}},noMargin:{defaultValue:{value:"false"},description:"",name:"noMargin",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},helpText:{defaultValue:null,description:"",name:"helpText",required:!1,type:{name:"string"}},onClickHelp:{defaultValue:null,description:"",name:"onClickHelp",required:!1,type:{name:"((evt: any) => void)"}}}}}catch{}export{r as T};
+import{j as l}from"./jsx-runtime-FsUICBgo.js";import{r as b}from"./index-RfLt4OUa.js";import{c as x}from"./index-VW3EWkuE.js";import{b as C}from"./common-types-U65vzrrz.js";import{D as q}from"./disabled-context-urNQThQz.js";import{H as E}from"./help-icon-DUhtRK0A.js";const V="_toggle_1mo1i_9",h="_small_1mo1i_25",I="_disabled_1mo1i_102",v="_noMargin_1mo1i_113",j="_helpIconEnabled_1mo1i_116",a={toggle:V,small:h,disabled:I,noMargin:v,helpIconEnabled:j},r=({name:t,label:d,checked:e=!1,disabled:u,display:m,small:p=!1,onChange:c,noMargin:g=!1,testId:f,helpText:i,onClickHelp:o})=>{const y=b.useContext(q),_=i||o,s=u||y;return l.jsxs("div",{className:x(a.toggle,s?a.disabled:null,p?a.small:null,g?a.noMargin:null),style:{display:m},onClick:n=>{s||(n.target.name=t,n.target.checked=!e,n.target.value=!e,c(n))},"data-testid":f,children:[l.jsx("input",{type:C.CHECKBOX,name:t,value:e==null?void 0:e.toString(),disabled:s,checked:e,onChange:()=>{}}),l.jsx("label",{children:d}),_&&l.jsx("div",{className:a.helpIconEnabled,onClick:o,children:l.jsx(E,{text:i})})]})};try{r.displayName="Toggle",r.__docgenInfo={description:"",displayName:"Toggle",props:{name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string | ReactElement<any, string | JSXElementConstructor<any>> | null"}},checked:{defaultValue:{value:"false"},description:"",name:"checked",required:!1,type:{name:"boolean"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},display:{defaultValue:null,description:"",name:"display",required:!1,type:{name:"string"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(evt: ChangeEvent<HTMLInputElement>) => void"}},noMargin:{defaultValue:{value:"false"},description:"",name:"noMargin",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},helpText:{defaultValue:null,description:"",name:"helpText",required:!1,type:{name:"string"}},onClickHelp:{defaultValue:null,description:"",name:"onClickHelp",required:!1,type:{name:"((evt: any) => void)"}}}}}catch{}export{r as T};

package/dist/storybook/assets/{toggle.stories-aVmjpons.js → toggle.stories-_Qd5Xk1K.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as X}from"./index-RfLt4OUa.js";import{F as C}from"./flex-RYZsoWEN.js";import{T as g}from"./text-6KQ6ntOV.js";import{T as d}from"./toggle-BPI2y-lU.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./help-icon--rUDxLUD.js";import"./tooltip-HEHiU__l.js";import"./index-miLrID2P.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";const{useArgs:Z}=__STORYBOOK_MODULE_ADDONS__,ue={title:"Forms/Toggle",component:d,args:{label:"Label"}},n=u=>{const[{checked:m},x]=Z(),b=()=>{x({checked:!m})};return e.jsx(d,{...u,onChange:b})},p=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 i=()=>e.jsxs(e.Fragment,{children:[e.jsx(d,{display:"block",label:e.jsxs(C,{justifyContent:"space-between",wrap:!1,gap:!0,children:[e.jsx(g,{bold:!0,children:"Label"}),e.jsx(g,{success:!0,children:"Released yesterday"})]}),onChange:()=>{}}),e.jsx(d,{label:e.jsxs(C,{justifyContent:"space-between",wrap:!1,gap:!0,children:[e.jsx(g,{bold:!0,children:"Label"}),e.jsx(g,{success:!0,children:"Released yesterday"})]}),onChange:()=>{}})]}),h=()=>{const[u,m]=X.useState(!1);return e.jsx(d,{name:"name",label:"Label",checked:u,onChange:x=>{const{name:b,value:V,checked:k}=x.target;m(k),console.log(b,V,k)}})},l=n.bind({});l.args={helpText:"Help text",disabled:!0};var T,A,j;p.parameters={...p.parameters,docs:{...(T=p.parameters)==null?void 0:T.docs,source:{originalSource:`args => {
+import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as X}from"./index-RfLt4OUa.js";import{F as C}from"./flex-RYZsoWEN.js";import{T as g}from"./text-6KQ6ntOV.js";import{T as d}from"./toggle-gxvny8zu.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./help-icon-DUhtRK0A.js";import"./tooltip-pjcB4ZxN.js";import"./index-miLrID2P.js";import"./icon-8EQazuuW.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-8sb_A2v4.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";const{useArgs:Z}=__STORYBOOK_MODULE_ADDONS__,me={title:"Forms/Toggle",component:d,args:{label:"Label"}},n=u=>{const[{checked:m},x]=Z(),b=()=>{x({checked:!m})};return e.jsx(d,{...u,onChange:b})},p=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 i=()=>e.jsxs(e.Fragment,{children:[e.jsx(d,{display:"block",label:e.jsxs(C,{justifyContent:"space-between",wrap:!1,gap:!0,children:[e.jsx(g,{bold:!0,children:"Label"}),e.jsx(g,{success:!0,children:"Released yesterday"})]}),onChange:()=>{}}),e.jsx(d,{label:e.jsxs(C,{justifyContent:"space-between",wrap:!1,gap:!0,children:[e.jsx(g,{bold:!0,children:"Label"}),e.jsx(g,{success:!0,children:"Released yesterday"})]}),onChange:()=>{}})]}),h=()=>{const[u,m]=X.useState(!1);return e.jsx(d,{name:"name",label:"Label",checked:u,onChange:x=>{const{name:b,value:V,checked:k}=x.target;m(k),console.log(b,V,k)}})},l=n.bind({});l.args={helpText:"Help text",disabled:!0};var T,A,j;p.parameters={...p.parameters,docs:{...(T=p.parameters)==null?void 0:T.docs,source:{originalSource:`args => {
   const [{
     checked
   }, updateArgs] = useArgs();
@@ -114,4 +114,4 @@ import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as X}from"./index-RfLt4OU
   return <Toggle
   // eslint-disable-next-line react/jsx-props-no-spreading
   {...args} onChange={handleChange} />;
-}`,...(Q=(P=l.parameters)==null?void 0:P.docs)==null?void 0:Q.source}}};const me=["Default","Disabled","DisabledChecked","Small","Standalone","HelpText","OnClickHelp","Display","TestClickevt","DisabledWithHelpText"];export{p as Default,s as Disabled,a as DisabledChecked,l as DisabledWithHelpText,i as Display,c as HelpText,o as OnClickHelp,r as Small,t as Standalone,h as TestClickevt,me as __namedExportsOrder,ue as default};
+}`,...(Q=(P=l.parameters)==null?void 0:P.docs)==null?void 0:Q.source}}};const xe=["Default","Disabled","DisabledChecked","Small","Standalone","HelpText","OnClickHelp","Display","TestClickevt","DisabledWithHelpText"];export{p as Default,s as Disabled,a as DisabledChecked,l as DisabledWithHelpText,i as Display,c as HelpText,o as OnClickHelp,r as Small,t as Standalone,h as TestClickevt,xe as __namedExportsOrder,me as default};

package/dist/storybook/assets/{tooltip-HEHiU__l.js → tooltip-pjcB4ZxN.js}

@@ -18,9 +18,9 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       right: undefined,
       position: 'absolute',
     },
-  }`},description:"",name:"arrowProps",required:!1,type:{name:"Partial<ArrowProps>"}}}}}catch{}const Ve=({children:e,text:r="",error:n=!1,placement:t="top-center",possiblePlacements:i=["top-center","left-center","bottom-center","right-center"],enabled:o=!0,warning:a=!1,maxWidth:s="none",triggerOffset:l=12,fontSize:u="inherit",padding:c="var(--padding-xxs) var(--padding-xs)",display:f="inline",flex:d="none",forceOpen:v=!1})=>{const p=o&&(g.isValidElement(r)||typeof r=="string"&&r.length>0),[h,m,y]=or({delayEnter:100,delayLeave:0}),b=p?v?!0:h:!1,{renderLayer:C,triggerProps:L,layerProps:O,arrowProps:_}=Kt({isOpen:b,overflowContainer:!0,ResizeObserver:Mt,auto:!0,triggerOffset:l,placement:t,possiblePlacements:i,onParentClose:y});return G.jsxs(G.Fragment,{children:[b&&C(G.jsx(Se,{text:r,error:n,warning:a,padding:c,maxWidth:s,fontSize:u,layerProps:O,arrowProps:_})),G.jsx("span",{...L,...m,style:{display:f,flex:d},children:e})]})};try{Ve.displayName="Tooltip",Ve.__docgenInfo={description:"",displayName:"Tooltip",props:{text:{defaultValue:{value:""},description:"",name:"text",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},error:{defaultValue:{value:"false"},description:"",name:"error",required:!1,type:{name:"boolean"}},warning:{defaultValue:{value:"false"},description:"",name:"warning",required:!1,type:{name:"boolean"}},placement:{defaultValue:{value:"top-center"},description:"",name:"placement",required:!1,type:{name:"enum",value:[{value:'"top-center"'},{value:'"bottom-center"'},{value:'"center"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"left-end"'},{value:'"left-center"'},{value:'"left-start"'},{value:'"right-end"'},{value:'"right-center"'},{value:'"right-start"'}]}},possiblePlacements:{defaultValue:{value:`[
+  }`},description:"",name:"arrowProps",required:!1,type:{name:"Partial<ArrowProps>"}}}}}catch{}const Ve=({children:e,text:r="",error:n=!1,placement:t="top-center",possiblePlacements:i=["top-center","left-center","bottom-center","right-center"],enabled:o=!0,warning:a=!1,maxWidth:s="40em",triggerOffset:l=12,fontSize:u="inherit",padding:c="var(--padding-xxs) var(--padding-xs)",display:f="inline",flex:d="none",forceOpen:v=!1})=>{const p=o&&(g.isValidElement(r)||typeof r=="string"&&r.length>0||typeof r=="number"),[h,m,y]=or({delayEnter:100,delayLeave:0}),b=p?v?!0:h:!1,{renderLayer:C,triggerProps:L,layerProps:O,arrowProps:_}=Kt({isOpen:b,overflowContainer:!0,ResizeObserver:Mt,auto:!0,triggerOffset:l,placement:t,possiblePlacements:i,onParentClose:y});return G.jsxs(G.Fragment,{children:[b&&C(G.jsx(Se,{text:r,error:n,warning:a,padding:c,maxWidth:s,fontSize:u,layerProps:O,arrowProps:_})),G.jsx("span",{...L,...m,style:{display:f,flex:d},children:e})]})};try{Ve.displayName="Tooltip",Ve.__docgenInfo={description:"",displayName:"Tooltip",props:{text:{defaultValue:{value:""},description:"",name:"text",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},error:{defaultValue:{value:"false"},description:"",name:"error",required:!1,type:{name:"boolean"}},warning:{defaultValue:{value:"false"},description:"",name:"warning",required:!1,type:{name:"boolean"}},placement:{defaultValue:{value:"top-center"},description:"",name:"placement",required:!1,type:{name:"enum",value:[{value:'"top-center"'},{value:'"bottom-center"'},{value:'"center"'},{value:'"right-start"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"left-end"'},{value:'"left-center"'},{value:'"left-start"'},{value:'"right-end"'},{value:'"right-center"'}]}},possiblePlacements:{defaultValue:{value:`[
     'top-center',
     'left-center',
     'bottom-center',
     'right-center',
-  ]`},description:"",name:"possiblePlacements",required:!1,type:{name:"PlacementType[]"}},enabled:{defaultValue:{value:"true"},description:"",name:"enabled",required:!1,type:{name:"boolean"}},maxWidth:{defaultValue:{value:"none"},description:"",name:"maxWidth",required:!1,type:{name:"TStringOrNumber"}},triggerOffset:{defaultValue:{value:"12"},description:"",name:"triggerOffset",required:!1,type:{name:"number"}},fontSize:{defaultValue:{value:"inherit"},description:"",name:"fontSize",required:!1,type:{name:"TStringOrNumber"}},padding:{defaultValue:{value:"var(--padding-xxs) var(--padding-xs)"},description:"",name:"padding",required:!1,type:{name:"TStringOrNumber"}},display:{defaultValue:{value:"inline"},description:"",name:"display",required:!1,type:{name:"string"}},flex:{defaultValue:{value:"none"},description:"",name:"flex",required:!1,type:{name:"string"}},forceOpen:{defaultValue:{value:"false"},description:"",name:"forceOpen",required:!1,type:{name:"boolean"}}}}}catch{}export{ir as A,Ve as T,vr as a,Se as b,Mt as i,ke as m,Kt as u};
+  ]`},description:"",name:"possiblePlacements",required:!1,type:{name:"PlacementType[]"}},enabled:{defaultValue:{value:"true"},description:"",name:"enabled",required:!1,type:{name:"boolean"}},maxWidth:{defaultValue:{value:"40em"},description:"",name:"maxWidth",required:!1,type:{name:"TStringOrNumber"}},triggerOffset:{defaultValue:{value:"12"},description:"",name:"triggerOffset",required:!1,type:{name:"number"}},fontSize:{defaultValue:{value:"inherit"},description:"",name:"fontSize",required:!1,type:{name:"TStringOrNumber"}},padding:{defaultValue:{value:"var(--padding-xxs) var(--padding-xs)"},description:"",name:"padding",required:!1,type:{name:"TStringOrNumber"}},display:{defaultValue:{value:"inline"},description:"",name:"display",required:!1,type:{name:"string"}},flex:{defaultValue:{value:"none"},description:"",name:"flex",required:!1,type:{name:"string"}},forceOpen:{defaultValue:{value:"false"},description:"",name:"forceOpen",required:!1,type:{name:"boolean"}}}}}catch{}export{ir as A,Ve as T,vr as a,Mt as i,ke as m,Kt as u};

package/dist/storybook/assets/{tooltip.stories-tiOgoWHH.js → tooltip.stories-YJfYxnb3.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-FsUICBgo.js";import{T as P}from"./tooltip-HEHiU__l.js";import"./index-RfLt4OUa.js";import"./index-miLrID2P.js";import"./index-VW3EWkuE.js";const A={title:"Basic/Tooltip",component:P,args:{text:"Tooltip text",error:!1,warning:!1,enabled:!0,placement:void 0,triggerOffset:void 0,fontSize:void 0,padding:void 0,maxWidth:void 0,display:void 0,children:e.jsx("span",{children:"Hover over me"})}},r=X=>e.jsx(P,{...X}),p=r.bind({}),a=r.bind({});a.args={error:!0};const o=r.bind({});o.args={warning:!0};const t=r.bind({});t.args={text:e.jsxs(e.Fragment,{children:["Select from options:",e.jsxs("ul",{children:[e.jsx("li",{children:"One"}),e.jsx("li",{children:"Two"})]})]})};const n=r.bind({});n.args={placement:"right-end"};const i=r.bind({});i.args={triggerOffset:30};const c=r.bind({});c.args={forceOpen:!0};const s=r.bind({});s.args={display:"block",children:e.jsx("div",{style:{background:"lightgray"},children:"Block element"})};s.parameters={docs:{source:{type:"code"},description:{story:"The `Tooltip` trigger wrapper defaults to `display: inline`. If you encounter layout issues, try changing this to match its content (i.e. `display: block` for `block` elements)"}}};var l,d,g;p.parameters={...p.parameters,docs:{...(l=p.parameters)==null?void 0:l.docs,source:{originalSource:`args => <Tooltip
+import{j as e}from"./jsx-runtime-FsUICBgo.js";import{T as P}from"./tooltip-pjcB4ZxN.js";import"./index-RfLt4OUa.js";import"./index-miLrID2P.js";import"./index-VW3EWkuE.js";const A={title:"Basic/Tooltip",component:P,args:{text:"Tooltip text",error:!1,warning:!1,enabled:!0,placement:void 0,triggerOffset:void 0,fontSize:void 0,padding:void 0,maxWidth:void 0,display:void 0,children:e.jsx("span",{children:"Hover over me"})}},r=X=>e.jsx(P,{...X}),p=r.bind({}),a=r.bind({});a.args={error:!0};const o=r.bind({});o.args={warning:!0};const t=r.bind({});t.args={text:e.jsxs(e.Fragment,{children:["Select from options:",e.jsxs("ul",{children:[e.jsx("li",{children:"One"}),e.jsx("li",{children:"Two"})]})]})};const n=r.bind({});n.args={placement:"right-end"};const i=r.bind({});i.args={triggerOffset:30};const c=r.bind({});c.args={forceOpen:!0};const s=r.bind({});s.args={display:"block",children:e.jsx("div",{style:{background:"lightgray"},children:"Block element"})};s.parameters={docs:{source:{type:"code"},description:{story:"The `Tooltip` trigger wrapper defaults to `display: inline`. If you encounter layout issues, try changing this to match its content (i.e. `display: block` for `block` elements)"}}};var l,d,g;p.parameters={...p.parameters,docs:{...(l=p.parameters)==null?void 0:l.docs,source:{originalSource:`args => <Tooltip
 // eslint-disable-next-line react/jsx-props-no-spreading
 {...args} />`,...(g=(d=p.parameters)==null?void 0:d.docs)==null?void 0:g.source}}};var m,u,x;a.parameters={...a.parameters,docs:{...(m=a.parameters)==null?void 0:m.docs,source:{originalSource:`args => <Tooltip
 // eslint-disable-next-line react/jsx-props-no-spreading

package/dist/storybook/assets/tooltip.test-case.stories-ZUrHDklJ.js

@@ -0,0 +1,5 @@
+import{j as o}from"./jsx-runtime-FsUICBgo.js";import{T as m}from"./tooltip-pjcB4ZxN.js";import{M as u}from"./actions-MkrpU3sl.js";import{m as d}from"./menu.stories-data-hEz8P1yK.js";import"./index-RfLt4OUa.js";import"./index-miLrID2P.js";import"./index-VW3EWkuE.js";import"./lodash-Bmg8FrMx.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./button-MXXjI7Bb.js";import"./spinner-R8Il4aRe.js";import"./icon-8EQazuuW.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-8sb_A2v4.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./flex-RYZsoWEN.js";const H={title:"Basic/Tooltip/Test Cases",component:m,args:{text:"Tooltip text"}},l=c=>o.jsx(m,{...c}),e=l.bind({});e.args={children:o.jsx(u,{menu:d}),placement:"bottom-end",display:"inline-block"};const s=l.bind({});s.args={children:o.jsx("span",{children:"Hover over me"}),text:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean pharetra tellus eu cursus suscipit. Maecenas leo sapien, convallis ac urna ullamcorper, tempus porttitor eros. Suspendisse pellentesque odio ac metus semper, nec sagittis nisi cursus. Aenean felis libero, bibendum id accumsan id, commodo suscipit ex. Pellentesque gravida rhoncus neque, ac tincidunt libero maximus vel. In lacus nisi, malesuada vitae velit vel, laoreet porta nisl."};var t,r,i;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`args => <Tooltip
+// eslint-disable-next-line react/jsx-props-no-spreading
+{...args} />`,...(i=(r=e.parameters)==null?void 0:r.docs)==null?void 0:i.source}}};var a,n,p;s.parameters={...s.parameters,docs:{...(a=s.parameters)==null?void 0:a.docs,source:{originalSource:`args => <Tooltip
+// eslint-disable-next-line react/jsx-props-no-spreading
+{...args} />`,...(p=(n=s.parameters)==null?void 0:n.docs)==null?void 0:p.source}}};const I=["CloseWhenMenuOpen","TestLongTooltip"];export{e as CloseWhenMenuOpen,s as TestLongTooltip,I as __namedExportsOrder,H as default};

package/dist/storybook/assets/top-bar--h98E6oo.js

@@ -0,0 +1 @@
+import{j as n}from"./jsx-runtime-FsUICBgo.js";import{c as u}from"./index-VW3EWkuE.js";import{I as x}from"./icon-8EQazuuW.js";import{T as v}from"./common-types-U65vzrrz.js";import{B as T}from"./button-MXXjI7Bb.js";import{M as j}from"./actions-MkrpU3sl.js";import{r as q}from"./index-RfLt4OUa.js";import{D as V}from"./disabled-context-urNQThQz.js";const C="_topbar_oyr59_11",k="_fixed_oyr59_21",E="_appSwitcher_oyr59_29",I="_title_oyr59_75",M="_logo_oyr59_91",B="_label_oyr59_94",w="_brand_oyr59_99",L="_version_oyr59_104",H="_left_oyr59_111",O="_right_oyr59_112",S="_item_oyr59_126",A="_link_oyr59_127",P="_button_oyr59_138",R="_menu_oyr59_139",D="_active_oyr59_168",U="_alert_oyr59_193",r={topbar:C,fixed:k,appSwitcher:E,title:I,logo:M,label:B,brand:w,version:L,left:H,right:O,item:S,link:A,button:P,menu:R,active:D,alert:U},f=({warning:e})=>n.jsx("div",{className:r.alert,children:e});try{f.displayName="Warning",f.__docgenInfo={description:"",displayName:"Warning",props:{warning:{defaultValue:null,description:"",name:"warning",required:!0,type:{name:"ReactNode"}}}}}catch{}const y=({icon:e,url:a,onClick:i})=>{const t=n.jsx(x,{icon:e});return a?n.jsx("a",{href:a,onClick:i,className:r.appSwitcher,children:t}):n.jsx("div",{onClick:i,className:r.appSwitcher,children:t})};try{y.displayName="AppSwitcher",y.__docgenInfo={description:"",displayName:"AppSwitcher",props:{icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactNode"}},url:{defaultValue:null,description:"",name:"url",required:!1,type:{name:"string"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler<HTMLDivElement | HTMLAnchorElement>"}}}}}catch{}const h=({label:e,logo:a,url:i,version:t,onClick:l})=>{const o=n.jsxs("div",{className:r.title,children:[a&&n.jsx("div",{className:r.logo,children:a}),e&&n.jsx("span",{className:r.label,children:e}),t&&n.jsx("div",{className:r.version,children:t})]});return n.jsx("div",{className:u(r.item,r.brand),children:i?n.jsx("a",{href:i,onClick:l,children:o}):n.jsx("div",{onClick:l,children:o})})};try{h.displayName="Title",h.__docgenInfo={description:"",displayName:"Title",props:{label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string | null"}},logo:{defaultValue:null,description:"",name:"logo",required:!1,type:{name:"ReactNode"}},url:{defaultValue:null,description:"",name:"url",required:!1,type:{name:"string"}},version:{defaultValue:null,description:"",name:"version",required:!1,type:{name:"TStringOrNumber"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler<HTMLDivElement | HTMLAnchorElement>"}}}}}catch{}var d=(e=>(e.LINK="Link",e.BUTTON="Button",e.MENU="Menu",e.COMPONENT="Component",e))(d||{});const p=({label:e,url:a,icon:i,onClick:t,active:l,disabled:o,testId:_,component:s="a"})=>{const c=q.useContext(V),b=g=>{(o||c)&&g.preventDefault(),t==null||t(g)};return n.jsxs(s,{className:u(r.link,l?r.active:""),href:a||"#",to:a,onClick:b,"aria-disabled":o||c,"data-testid":_,role:t&&!a?"button":void 0,children:[i,n.jsx("span",{className:r.label,children:e})]})};try{p.displayName="Link",p.__docgenInfo={description:"",displayName:"Link",props:{label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string | null"}},url:{defaultValue:null,description:"",name:"url",required:!1,type:{name:"string"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactNode"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler<HTMLAnchorElement>"}},active:{defaultValue:null,description:"",name:"active",required:!1,type:{name:"boolean"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},component:{defaultValue:null,description:"",name:"component",required:!1,type:{name:"ElementType<any>"}}}}}catch{}const m=({element:e})=>{switch(e.type){case d.LINK:return n.jsx("div",{className:r.item,children:n.jsx(p,{label:e.label,url:e.url,icon:e.icon,onClick:e.onClick,active:e.active,disabled:e.disabled,testId:e.testId,component:e.component})});case d.BUTTON:return n.jsx("div",{className:u(r.item,r.button),children:n.jsx(T,{label:e.label,colored:e.colored,pill:!0,disabled:e.disabled,onClick:e.onClick,icon:e.icon,testId:e.testId})});case d.MENU:return n.jsx("div",{className:u(r.item,r.menu),children:n.jsx(j,{maxHeight:"100%",menu:{trigger:v.COMPONENT,fullHeightTrigger:!0,placement:"bottom-start",component:n.jsx(p,{label:e.label,icon:e.icon,onClick:e.onClick}),sections:e.sections}})});case d.COMPONENT:return n.jsx("div",{className:r.item,children:e.component});default:return null}};try{m.displayName="Element",m.__docgenInfo={description:"",displayName:"Element",props:{element:{defaultValue:null,description:"",name:"element",required:!0,type:{name:"TLinkElement | TButtonElement | TMenuElement | TComponentElement"}}}}}catch{}const N=({title:e,appSwitcher:a,content:i=[],contentRight:t=[],warning:l="",height:o="var(--size-topbar)",fixedPosition:_=!0})=>n.jsxs("div",{children:[l&&n.jsx(f,{warning:l}),n.jsxs("div",{className:u(r.topbar,_?r.fixed:""),style:{height:o},children:[!!a&&n.jsx(y,{icon:a.icon,url:a.url,onClick:a.onClick}),n.jsxs("div",{className:r.left,children:[e&&n.jsx(h,{label:e.label,logo:e.logo,url:e.url,version:e.version,onClick:e.onClick}),i.map((s,c)=>s?n.jsx(m,{element:s},c):null)]}),n.jsx("div",{className:r.right,children:t.map((s,c)=>s?n.jsx(m,{element:s},c):null)})]})]});try{N.displayName="TopBar",N.__docgenInfo={description:"",displayName:"TopBar",props:{title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"ITopBarTitleProps"}},appSwitcher:{defaultValue:null,description:"",name:"appSwitcher",required:!1,type:{name:"ITopBarAppSwitcherProps"}},content:{defaultValue:{value:"[]"},description:"",name:"content",required:!1,type:{name:"TTopBarContent[]"}},contentRight:{defaultValue:{value:"[]"},description:"",name:"contentRight",required:!1,type:{name:"TTopBarContent[]"}},warning:{defaultValue:{value:""},description:"",name:"warning",required:!1,type:{name:"string"}},height:{defaultValue:{value:"var(--size-topbar)"},description:"",name:"height",required:!1,type:{name:"TStringOrNumber"}},fixedPosition:{defaultValue:{value:"true"},description:"",name:"fixedPosition",required:!1,type:{name:"boolean"}}}}}catch{}export{N as T};

package/dist/storybook/assets/top-bar-K-LdFikH.css

@@ -0,0 +1 @@
+:root{--size-topbar: var(--size-xl);--color-link-border-hover: var(--color-neutral-100);--shadow-topbar: var(--shadow-layer);--border-topbar: none}[data-theme=dark]{--color-link-border-hover: var(--color-neutral-600);--border-topbar: 1px solid var(--color-border)}._topbar_oyr59_11{top:0;left:0;z-index:var(--zindex-topbar);width:100%;box-shadow:var(--shadow-topbar);border-bottom:var(--border-topbar);background:var(--color-background-raised);display:flex}._topbar_oyr59_11._fixed_oyr59_21{position:fixed}@media print{._topbar_oyr59_11{display:none!important}}._appSwitcher_oyr59_29{color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:var(--color-neutral-700);height:var(--size-topbar);width:var(--size-topbar);font-size:var(--size);position:relative}._appSwitcher_oyr59_29:hover{background-color:var(--color-neutral-750)}._appSwitcher_oyr59_29:active{background-color:var(--color-neutral-800)}[data-theme=dark] ._appSwitcher_oyr59_29{background-color:var(--color-neutral-900)}[data-theme=dark] ._appSwitcher_oyr59_29:hover{background-color:var(--color-neutral-950)}[data-theme=dark] ._appSwitcher_oyr59_29:active{background-color:var(--color-neutral-1000)}._appSwitcher_oyr59_29>*{position:relative;z-index:1}._appSwitcher_oyr59_29:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(./bg-rock-_5KQNLMu.jpg);z-index:0;transition:opacity .2s;opacity:.75}._appSwitcher_oyr59_29:hover:after{opacity:.75}._appSwitcher_oyr59_29:active:after{opacity:.5}._title_oyr59_75{display:flex;align-items:center;justify-content:center;margin:0;padding:0;position:relative}._title_oyr59_75 img,._title_oyr59_75 svg{max-height:var(--size-lg);max-width:300px;height:auto;width:auto;color:var(--color-text)}._title_oyr59_75 ._logo_oyr59_91{display:flex}._title_oyr59_75 ._label_oyr59_94{color:var(--color-text);white-space:nowrap;font-weight:700}._brand_oyr59_99{padding:0;position:relative;flex-shrink:0}._version_oyr59_104{line-height:1;position:absolute;right:0;bottom:100%;font-size:var(--font-size-xs)}._left_oyr59_111,._right_oyr59_112{display:flex;min-width:0}._left_oyr59_111{gap:var(--padding);padding-left:var(--padding)}._right_oyr59_112{margin-left:auto;flex-shrink:0;padding-right:var(--padding-xs);gap:var(--padding-xs)}._item_oyr59_126,._link_oyr59_127{align-items:center;display:flex}._item_oyr59_126{position:relative;transition:background .1s ease,box-shadow .1s ease,color .1s ease;vertical-align:middle;min-width:0;max-width:50vw}._item_oyr59_126._button_oyr59_138,._item_oyr59_126._menu_oyr59_139{flex-shrink:0}._label_oyr59_94{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;max-width:100%;-webkit-user-select:none;user-select:none}._link_oyr59_127{text-decoration:none;color:var(--color-text-primary);cursor:pointer;max-width:100%;height:100%;font-size:var(--font-size-lg)}._link_oyr59_127 svg{margin-right:var(--padding-xxs);flex-shrink:0}._link_oyr59_127:hover{color:var(--color-text-primary-hover)}._link_oyr59_127:active{color:var(--color-text-primary-active)}._link_oyr59_127._active_oyr59_168{color:var(--color-text)}._link_oyr59_127:hover,._link_oyr59_127._active_oyr59_168{background-color:transparent}._link_oyr59_127:after{content:"";position:absolute;left:0;right:0;bottom:0;border-bottom:1px solid transparent}._link_oyr59_127:hover:after{border-color:var(--color-link-border-hover)}._link_oyr59_127._active_oyr59_168:after{border-color:var(--color-background-primary)}._link_oyr59_127[disabled]{pointer-events:none;color:var(--color-text-faint)}._alert_oyr59_193{background-color:var(--color-background-primary);color:#fff;text-align:center;position:fixed;top:var(--size-topbar);left:0;right:0;z-index:var(--zindex-topbar-alert);padding:var(--padding-sm)}

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

@@ -0,0 +1,21 @@
+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-EZH1n7K1.js";import{I as O,T as w}from"./common-types-U65vzrrz.js";import{T as p}from"./top-bar--h98E6oo.js";import{P as A}from"./page-9-f6BzS0.js";import{M as P}from"./actions-MkrpU3sl.js";import{B as m}from"./button-MXXjI7Bb.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-8sb_A2v4.js";import"./index-4QtD-hFu.js";import"./tiny-invariant-R4kOKlvx.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./index-VW3EWkuE.js";import"./icon-8EQazuuW.js";import"./tslib.es6-OIsz3r9a.js";import"./disabled-context-urNQThQz.js";import"./lodash-Bmg8FrMx.js";import"./tooltip-pjcB4ZxN.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:()=>{}}]}})}],le={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}),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 s=()=>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;n.parameters={...n.parameters,docs:{...(u=n.parameters)==null?void 0:u.docs,source:{originalSource:"args => <TopBar {...args} />",...(g=(d=n.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;s.parameters={...s.parameters,docs:{...(L=s.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=s.parameters)==null?void 0:B.docs)==null?void 0:j.source}}};const me=["Default","WithWarning","TextBranding","AppSwitcher","AsRouterLink"];export{o as AppSwitcher,s as AsRouterLink,n as Default,r as TextBranding,t as WithWarning,me as __namedExportsOrder,le as default};

package/dist/storybook/assets/top-bar.testcase.stories-AbbFHB0-.js

@@ -0,0 +1,30 @@
+import{j as o}from"./jsx-runtime-FsUICBgo.js";import{I as i}from"./common-types-U65vzrrz.js";import{T as l}from"./top-bar--h98E6oo.js";import{B as s}from"./button-MXXjI7Bb.js";import{B as m}from"./badge-23Ty_zBt.js";import{L as p}from"./logo-nHW4TqZt.js";import"./index-RfLt4OUa.js";import"./index-VW3EWkuE.js";import"./icon-8EQazuuW.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-8sb_A2v4.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./actions-MkrpU3sl.js";import"./lodash-Bmg8FrMx.js";import"./tooltip-pjcB4ZxN.js";import"./index-miLrID2P.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./spinner-R8Il4aRe.js";const V={title:"Navigation/TopBar/Test Cases",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},t=()=>o.jsx(l,{title:{logo:o.jsx("img",{src:p,alt:"logo"}),version:"V1.2.3",onClick:()=>{}},content:[{type:"Link",label:"Link",onClick:()=>{}},{type:"Link",label:"Lorem ipsum dolor est compendum lorem ipsum dolor est compendum lorem ipsum dolor est (cloned 2022-06-17 01:33:42)",active:!0,onClick:()=>{}},{type:"Link",label:"Disabled",disabled:!0,onClick:()=>{}},{type:"Button",label:"Save",colored:!0,onClick:()=>{},testId:"top-bar-button-save"}],contentRight:[{type:"Component",component:o.jsx(m,{title:"3",small:!0,margin:"5px",children:o.jsx(s,{icon:i.NOTIFICATION,round:!0,onClick:()=>{}})})}]});var e,n,r;t.parameters={...t.parameters,docs:{...(e=t.parameters)==null?void 0:e.docs,source:{originalSource:`() => <TopBar title={{
+  logo: <img src={LogoSVG} alt="logo" />,
+  version: 'V1.2.3',
+  onClick: () => {}
+}} content={[{
+  type: 'Link',
+  label: 'Link',
+  onClick: () => {}
+}, {
+  type: 'Link',
+  label: 'Lorem ipsum dolor est compendum lorem ipsum dolor est compendum lorem ipsum dolor est (cloned 2022-06-17 01:33:42)',
+  active: true,
+  onClick: () => {}
+}, {
+  type: 'Link',
+  label: 'Disabled',
+  disabled: true,
+  onClick: () => {}
+}, {
+  type: 'Button',
+  label: 'Save',
+  colored: true,
+  onClick: () => {},
+  testId: 'top-bar-button-save'
+}]} contentRight={[{
+  type: 'Component',
+  component: <Badge title="3" small margin="5px">
+            <Button icon={IconType.NOTIFICATION} round onClick={() => {}} />
+          </Badge>
+}]} />`,...(r=(n=t.parameters)==null?void 0:n.docs)==null?void 0:r.source}}};const _=["OverflowingLinks"];export{t as OverflowingLinks,_ as __namedExportsOrder,V as default};

package/dist/storybook/assets/tree-U4LtpVm9.css

@@ -0,0 +1 @@
+._tree_15yn1_1{position:relative}._toggle_15yn1_4{display:flex;margin-right:var(--padding-xs);margin-left:calc(var(--padding-xs) * -1);margin-top:calc((var(--line-height) - var(--size-sm)) / 2);margin-bottom:calc((var(--line-height) - var(--size-sm)) / 2)}._dropTarget_15yn1_11{position:relative}._dropTarget_15yn1_11:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid var(--color-background-primary);z-index:1;pointer-events:none;opacity:.5}._dropTarget_15yn1_11>div:first-child{background-color:var(--color-background-listitem-active)}._draggingSource_15yn1_26{opacity:.2}._placeholderContainer_15yn1_29{position:relative}._placeholder_15yn1_29{background-color:var(--color-background-primary);height:2px;border-radius:var(--border-radius-sm);position:absolute;right:0;top:0;transform:translateY(-50%);z-index:2}._placeholder_15yn1_29:after{position:absolute;content:"";left:0;top:50%;border-radius:50%;height:8px;width:8px;background-color:var(--color-background-primary);transform:translate(-50%,-50%)}