@oliasoft-open-source/react-ui-library 4.11.2-beta-2 → 4.11.2-beta-3

package/dist/storybook/assets/{toggle-C0zvrIOF.js → toggle-BbFVf61v.js}

@@ -1,4 +1,4 @@
-import{j as n}from"./jsx-runtime-eps93zm2.js";import{r as b}from"./index-DhsZuJvc.js";import{c as v}from"./index-Bk2sglWO.js";import{b as T}from"./common-types-Sih75Sav.js";import{D as q}from"./disabled-context-rmpd7YJS.js";import{H as _}from"./help-icon-41R-Z9N1.js";const x="_toggle_1mo1i_9",E="_small_1mo1i_25",w="_disabled_1mo1i_102",C="_noMargin_1mo1i_113",h="_helpIconEnabled_1mo1i_116",a={toggle:x,small:E,disabled:w,noMargin:C,helpIconEnabled:h},j=({name:l,label:o,checked:e=!1,disabled:m,display:u,small:d=!1,onChange:p,noMargin:g=!1,testId:y,helpText:r,onClickHelp:i})=>{const c=b.useContext(q),f=r||i,s=m||c;return n.jsxs("div",{className:v(a.toggle,s?a.disabled:null,d?a.small:null,g?a.noMargin:null),style:{display:u},onClick:t=>{s||(t.target.name=l,t.target.checked=!e,t.target.value=!e,p(t))},"data-testid":y,children:[n.jsx("input",{type:T.CHECKBOX,name:l,value:e==null?void 0:e.toString(),disabled:s,checked:e,onChange:()=>{}}),n.jsx("label",{children:o}),f&&n.jsx("div",{className:a.helpIconEnabled,onClick:i,children:n.jsx(_,{text:r})})]})};j.__docgenInfo={description:"",methods:[],displayName:"Toggle",props:{name:{required:!1,tsType:{name:"string"},description:""},label:{required:!1,tsType:{name:"union",raw:"string | React.ReactElement | null",elements:[{name:"string"},{name:"ReactReactElement",raw:"React.ReactElement"},{name:"null"}]},description:""},checked:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},disabled:{required:!1,tsType:{name:"boolean"},description:""},display:{required:!1,tsType:{name:"string"},description:""},small:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:`(
+import{j as n}from"./jsx-runtime-eps93zm2.js";import{r as b}from"./index-DhsZuJvc.js";import{c as v}from"./index-Bk2sglWO.js";import{b as T}from"./common-types-Sih75Sav.js";import{D as q}from"./disabled-context-rmpd7YJS.js";import{H as _}from"./help-icon-Buhx5nl6.js";const x="_toggle_1mo1i_9",E="_small_1mo1i_25",w="_disabled_1mo1i_102",C="_noMargin_1mo1i_113",h="_helpIconEnabled_1mo1i_116",a={toggle:x,small:E,disabled:w,noMargin:C,helpIconEnabled:h},j=({name:l,label:o,checked:e=!1,disabled:m,display:u,small:d=!1,onChange:p,noMargin:g=!1,testId:y,helpText:r,onClickHelp:i})=>{const c=b.useContext(q),f=r||i,s=m||c;return n.jsxs("div",{className:v(a.toggle,s?a.disabled:null,d?a.small:null,g?a.noMargin:null),style:{display:u},onClick:t=>{s||(t.target.name=l,t.target.checked=!e,t.target.value=!e,p(t))},"data-testid":y,children:[n.jsx("input",{type:T.CHECKBOX,name:l,value:e==null?void 0:e.toString(),disabled:s,checked:e,onChange:()=>{}}),n.jsx("label",{children:o}),f&&n.jsx("div",{className:a.helpIconEnabled,onClick:i,children:n.jsx(_,{text:r})})]})};j.__docgenInfo={description:"",methods:[],displayName:"Toggle",props:{name:{required:!1,tsType:{name:"string"},description:""},label:{required:!1,tsType:{name:"union",raw:"string | React.ReactElement | null",elements:[{name:"string"},{name:"ReactReactElement",raw:"React.ReactElement"},{name:"null"}]},description:""},checked:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},disabled:{required:!1,tsType:{name:"boolean"},description:""},display:{required:!1,tsType:{name:"string"},description:""},small:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:`(
   event: TChangeEvent<T>,
   ...additionalProps: { [key: string]: any }[]
 ) => void`,signature:{arguments:[{type:{name:"intersection",raw:`ChangeEvent<T> & {

package/dist/storybook/assets/{toggle.stories-HIP6dA5T.js → toggle.stories-BAislK3I.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-eps93zm2.js";import{F as h}from"./flex-EllkLxgO.js";import{T as g}from"./text-B3-TSWok.js";import{T as i}from"./toggle-C0zvrIOF.js";import"./index-DhsZuJvc.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./help-icon-41R-Z9N1.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./icon-BP4BO6-k.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-CEuq6vkz.js";const{useArgs:q}=__STORYBOOK_MODULE_PREVIEW_API__,ce={title:"Forms/Toggle",component:i,args:{label:"Label"}},n=N=>{const[{checked:U},V]=q(),Y=()=>{V({checked:!U})};return e.jsx(i,{...N,onChange:Y})},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 o=n.bind({});o.args={helpText:"Help text"};const c=n.bind({});c.args={onClickHelp:()=>console.log("Help clicked")};const d=()=>e.jsxs(e.Fragment,{children:[e.jsx(i,{display:"block",label:e.jsxs(h,{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(i,{label:e.jsxs(h,{justifyContent:"space-between",wrap:!1,gap:!0,children:[e.jsx(g,{bold:!0,children:"Label"}),e.jsx(g,{success:!0,children:"Released yesterday"})]}),onChange:()=>{}})]}),l=n.bind({});l.args={helpText:"Help text",disabled:!0};d.__docgenInfo={description:"",methods:[],displayName:"Display"};var u,m,x;p.parameters={...p.parameters,docs:{...(u=p.parameters)==null?void 0:u.docs,source:{originalSource:`args => {
+import{j as e}from"./jsx-runtime-eps93zm2.js";import{F as h}from"./flex-EllkLxgO.js";import{T as g}from"./text-B3-TSWok.js";import{T as i}from"./toggle-BbFVf61v.js";import"./index-DhsZuJvc.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:q}=__STORYBOOK_MODULE_PREVIEW_API__,ce={title:"Forms/Toggle",component:i,args:{label:"Label"}},n=N=>{const[{checked:U},V]=q(),Y=()=>{V({checked:!U})};return e.jsx(i,{...N,onChange:Y})},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 o=n.bind({});o.args={helpText:"Help text"};const c=n.bind({});c.args={onClickHelp:()=>console.log("Help clicked")};const d=()=>e.jsxs(e.Fragment,{children:[e.jsx(i,{display:"block",label:e.jsxs(h,{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(i,{label:e.jsxs(h,{justifyContent:"space-between",wrap:!1,gap:!0,children:[e.jsx(g,{bold:!0,children:"Label"}),e.jsx(g,{success:!0,children:"Released yesterday"})]}),onChange:()=>{}})]}),l=n.bind({});l.args={helpText:"Help text",disabled:!0};d.__docgenInfo={description:"",methods:[],displayName:"Display"};var u,m,x;p.parameters={...p.parameters,docs:{...(u=p.parameters)==null?void 0:u.docs,source:{originalSource:`args => {
   const [{
     checked
   }, updateArgs] = useArgs();

package/dist/storybook/assets/{toggle.test-case.stories-SLhE2A5P.js → toggle.test-case.stories-CeUwdhGD.js}

@@ -1,4 +1,4 @@
-import{j as _}from"./jsx-runtime-eps93zm2.js";import{r as I}from"./index-DhsZuJvc.js";import{w as v,u as g,e as d}from"./index-DMAnyMX5.js";import{T as i}from"./toggle-C0zvrIOF.js";import"./index-CF7H4eMJ.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./help-icon-41R-Z9N1.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./icon-BP4BO6-k.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-CEuq6vkz.js";const{useArgs:w}=__STORYBOOK_MODULE_PREVIEW_API__,N={title:"Forms/Toggle/Test Cases",component:i,args:{label:"Label"},tags:["!autodocs"]},y=t=>{const[{checked:s},n]=w(),e=()=>{n({checked:!s})};return _.jsx(i,{...t,onChange:e})},o=()=>{const[t,s]=I.useState(!1);return _.jsx(i,{name:"name",label:"Label",checked:t,onChange:n=>{const{name:e,value:r,checked:l}=n.target;s(l),console.log(e,r,l)}})},a=y.bind({});a.args={testId:"testId"};a.play=async({canvasElement:t,step:s})=>{const n=v(t);await s("Clicking checkbox should toggle it",async()=>{const e=n.getByTestId("testId"),r=e.querySelector("input");await g.click(e),await d(r).toBeChecked(),await g.click(e),await d(r).not.toBeChecked()})};const c=y.bind({});c.args={testId:"testId",disabled:!0};c.play=async({canvasElement:t,step:s})=>{const n=v(t);await s("Clicking disabled checkbox shouldn't toggle it",async()=>{const e=n.getByTestId("testId");await e.click(),await d(e.querySelector("input")).not.toBeChecked()})};o.__docgenInfo={description:"",methods:[],displayName:"TestClickevt"};var p,m,h;o.parameters={...o.parameters,docs:{...(p=o.parameters)==null?void 0:p.docs,source:{originalSource:`() => {
+import{j as _}from"./jsx-runtime-eps93zm2.js";import{r as I}from"./index-DhsZuJvc.js";import{w as v,u as g,e as d}from"./index-DMAnyMX5.js";import{T as i}from"./toggle-BbFVf61v.js";import"./index-CF7H4eMJ.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:w}=__STORYBOOK_MODULE_PREVIEW_API__,N={title:"Forms/Toggle/Test Cases",component:i,args:{label:"Label"},tags:["!autodocs"]},y=t=>{const[{checked:s},n]=w(),e=()=>{n({checked:!s})};return _.jsx(i,{...t,onChange:e})},o=()=>{const[t,s]=I.useState(!1);return _.jsx(i,{name:"name",label:"Label",checked:t,onChange:n=>{const{name:e,value:r,checked:l}=n.target;s(l),console.log(e,r,l)}})},a=y.bind({});a.args={testId:"testId"};a.play=async({canvasElement:t,step:s})=>{const n=v(t);await s("Clicking checkbox should toggle it",async()=>{const e=n.getByTestId("testId"),r=e.querySelector("input");await g.click(e),await d(r).toBeChecked(),await g.click(e),await d(r).not.toBeChecked()})};const c=y.bind({});c.args={testId:"testId",disabled:!0};c.play=async({canvasElement:t,step:s})=>{const n=v(t);await s("Clicking disabled checkbox shouldn't toggle it",async()=>{const e=n.getByTestId("testId");await e.click(),await d(e.querySelector("input")).not.toBeChecked()})};o.__docgenInfo={description:"",methods:[],displayName:"TestClickevt"};var p,m,h;o.parameters={...o.parameters,docs:{...(p=o.parameters)==null?void 0:p.docs,source:{originalSource:`() => {
   const [checked, setChecked] = useState(false);
   return <Toggle name="name" label="Label" checked={checked} onChange={evt => {
     const {

package/dist/storybook/assets/{tooltip.test-case.stories-B_zX5FCQ.js → tooltip.test-case.stories-De9h8ThH.js}

@@ -1,4 +1,4 @@
-import{j as o}from"./jsx-runtime-eps93zm2.js";import{T as m}from"./tooltip-1V7clEnw.js";import{M as u}from"./actions-KLRbmKRF.js";import{m as d}from"./menu.stories-data-CQ59XhzU.js";import"./index-DhsZuJvc.js";import"./index-CUZDtIZe.js";import"./index-Bk2sglWO.js";import"./lodash-c4VUpsOs.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./button-CjbZ5CrF.js";import"./spinner-AWUe4xwQ.js";import"./icon-BP4BO6-k.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-CEuq6vkz.js";import"./types-BmbYqTX_.js";import"./types-Dx2TtIG9.js";import"./badge-CLQ59MDF.js";import"./flex-EllkLxgO.js";const B={title:"Basic/Tooltip/Test Cases",component:m,args:{text:"Tooltip text"},tags:["!autodocs"]},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
+import{j as o}from"./jsx-runtime-eps93zm2.js";import{T as m}from"./tooltip-1V7clEnw.js";import{M as u}from"./actions-Bax0KeqM.js";import{m as d}from"./menu.stories-data-CQ59XhzU.js";import"./index-DhsZuJvc.js";import"./index-CUZDtIZe.js";import"./index-Bk2sglWO.js";import"./lodash-c4VUpsOs.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./button-Cbv7WK6k.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./types-BmbYqTX_.js";import"./types-Dx2TtIG9.js";import"./badge-CLQ59MDF.js";import"./flex-EllkLxgO.js";const B={title:"Basic/Tooltip/Test Cases",component:m,args:{text:"Tooltip text"},tags:["!autodocs"]},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

package/dist/storybook/assets/{top-bar-4AZm07Mc.js → top-bar-Bjf6PQE1.js}

@@ -1,4 +1,4 @@
-import{j as n}from"./jsx-runtime-eps93zm2.js";import{c as d}from"./index-Bk2sglWO.js";import{I as q}from"./icon-BP4BO6-k.js";import{T}from"./common-types-Sih75Sav.js";import{B as E}from"./button-CjbZ5CrF.js";import{M as w}from"./actions-KLRbmKRF.js";import{r as N}from"./index-DhsZuJvc.js";import{D as M}from"./disabled-context-rmpd7YJS.js";const R="_topbar_oyr59_11",_="_fixed_oyr59_21",j="_appSwitcher_oyr59_29",h="_title_oyr59_75",C="_logo_oyr59_91",x="_label_oyr59_94",I="_brand_oyr59_99",B="_version_oyr59_104",H="_left_oyr59_111",L="_right_oyr59_112",P="_item_oyr59_126",A="_link_oyr59_127",D="_button_oyr59_138",O="_menu_oyr59_139",S="_active_oyr59_168",V="_alert_oyr59_193",a={topbar:R,fixed:_,appSwitcher:j,title:h,logo:C,label:x,brand:I,version:B,left:H,right:L,item:P,link:A,button:D,menu:O,active:S,alert:V},g=({warning:e})=>n.jsx("div",{className:a.alert,children:e});g.__docgenInfo={description:"",methods:[],displayName:"Warning",props:{warning:{required:!0,tsType:{name:"ReactNode"},description:""}}};const f=({icon:e,url:t,onClick:s})=>{const r=n.jsx(q,{icon:e});return t?n.jsx("a",{href:t,onClick:s,className:a.appSwitcher,children:r}):n.jsx("div",{onClick:s,className:a.appSwitcher,children:r})};f.__docgenInfo={description:"",methods:[],displayName:"AppSwitcher",props:{icon:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},url:{required:!1,tsType:{name:"string"},description:""},onClick:{required:!1,tsType:{name:"MouseEventHandler",elements:[{name:"union",raw:"HTMLDivElement | HTMLAnchorElement",elements:[{name:"HTMLDivElement"},{name:"HTMLAnchorElement"}]}],raw:"MouseEventHandler<HTMLDivElement | HTMLAnchorElement>"},description:""}}};const b=({label:e,logo:t,url:s,version:r,onClick:i})=>{const l=n.jsxs("div",{className:a.title,children:[t&&n.jsx("div",{className:a.logo,children:t}),e&&n.jsx("span",{className:a.label,children:e}),r&&n.jsx("div",{className:a.version,children:r})]});return n.jsx("div",{className:d(a.item,a.brand),children:s?n.jsx("a",{href:s,onClick:i,children:l}):n.jsx("div",{onClick:i,children:l})})};b.__docgenInfo={description:"",methods:[],displayName:"Title",props:{label:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""},logo:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},url:{required:!1,tsType:{name:"string"},description:""},version:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},onClick:{required:!1,tsType:{name:"MouseEventHandler",elements:[{name:"union",raw:"HTMLDivElement | HTMLAnchorElement",elements:[{name:"HTMLDivElement"},{name:"HTMLAnchorElement"}]}],raw:"MouseEventHandler<HTMLDivElement | HTMLAnchorElement>"},description:""}}};var m=(e=>(e.LINK="Link",e.BUTTON="Button",e.MENU="Menu",e.COMPONENT="Component",e))(m||{});const p=({label:e,url:t,icon:s,onClick:r,active:i,disabled:l,testId:c,component:o="a"})=>{const u=N.useContext(M),k=v=>{(l||u)&&v.preventDefault(),r==null||r(v)};return n.jsxs(o,{className:d(a.link,i?a.active:""),href:t||"#",to:t,onClick:k,"aria-disabled":l||u,"data-testid":c,role:r&&!t?"button":void 0,children:[s,n.jsx("span",{className:a.label,children:e})]})};p.__docgenInfo={description:"",methods:[],displayName:"Link",props:{label:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""},url:{required:!1,tsType:{name:"string"},description:""},icon:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},onClick:{required:!1,tsType:{name:"MouseEventHandler",elements:[{name:"HTMLAnchorElement"}],raw:"MouseEventHandler<HTMLAnchorElement>"},description:""},active:{required:!1,tsType:{name:"boolean"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},testId:{required:!1,tsType:{name:"string"},description:""},component:{required:!1,tsType:{name:"ReactElementType",raw:"React.ElementType"},description:"",defaultValue:{value:"'a'",computed:!1}}}};const y=({element:e})=>{switch(e.type){case m.LINK:return n.jsx("div",{className:a.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 m.BUTTON:return n.jsx("div",{className:d(a.item,a.button),children:n.jsx(E,{label:e.label,colored:e.colored,pill:!0,disabled:e.disabled,onClick:e.onClick,icon:e.icon,testId:e.testId})});case m.MENU:return n.jsx("div",{className:d(a.item,a.menu),children:n.jsx(w,{maxHeight:"100%",menu:{trigger:T.COMPONENT,fullHeightTrigger:!0,placement:"bottom-start",component:n.jsx(p,{label:e.label,icon:e.icon,onClick:e.onClick}),sections:e.sections}})});case m.COMPONENT:return n.jsx("div",{className:a.item,children:e.component});default:return null}};y.__docgenInfo={description:"",methods:[],displayName:"Element",props:{element:{required:!0,tsType:{name:"union",raw:"TLinkElement | TButtonElement | TMenuElement | TComponentElement",elements:[{name:"intersection",raw:`TBaseElementProps & {
+import{j as n}from"./jsx-runtime-eps93zm2.js";import{c as d}from"./index-Bk2sglWO.js";import{I as q}from"./icon-BSFY3vDO.js";import{T}from"./common-types-Sih75Sav.js";import{B as E}from"./button-Cbv7WK6k.js";import{M as w}from"./actions-Bax0KeqM.js";import{r as N}from"./index-DhsZuJvc.js";import{D as M}from"./disabled-context-rmpd7YJS.js";const R="_topbar_oyr59_11",_="_fixed_oyr59_21",j="_appSwitcher_oyr59_29",h="_title_oyr59_75",C="_logo_oyr59_91",x="_label_oyr59_94",I="_brand_oyr59_99",B="_version_oyr59_104",H="_left_oyr59_111",L="_right_oyr59_112",P="_item_oyr59_126",A="_link_oyr59_127",D="_button_oyr59_138",O="_menu_oyr59_139",S="_active_oyr59_168",V="_alert_oyr59_193",a={topbar:R,fixed:_,appSwitcher:j,title:h,logo:C,label:x,brand:I,version:B,left:H,right:L,item:P,link:A,button:D,menu:O,active:S,alert:V},g=({warning:e})=>n.jsx("div",{className:a.alert,children:e});g.__docgenInfo={description:"",methods:[],displayName:"Warning",props:{warning:{required:!0,tsType:{name:"ReactNode"},description:""}}};const f=({icon:e,url:t,onClick:s})=>{const r=n.jsx(q,{icon:e});return t?n.jsx("a",{href:t,onClick:s,className:a.appSwitcher,children:r}):n.jsx("div",{onClick:s,className:a.appSwitcher,children:r})};f.__docgenInfo={description:"",methods:[],displayName:"AppSwitcher",props:{icon:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},url:{required:!1,tsType:{name:"string"},description:""},onClick:{required:!1,tsType:{name:"MouseEventHandler",elements:[{name:"union",raw:"HTMLDivElement | HTMLAnchorElement",elements:[{name:"HTMLDivElement"},{name:"HTMLAnchorElement"}]}],raw:"MouseEventHandler<HTMLDivElement | HTMLAnchorElement>"},description:""}}};const b=({label:e,logo:t,url:s,version:r,onClick:i})=>{const l=n.jsxs("div",{className:a.title,children:[t&&n.jsx("div",{className:a.logo,children:t}),e&&n.jsx("span",{className:a.label,children:e}),r&&n.jsx("div",{className:a.version,children:r})]});return n.jsx("div",{className:d(a.item,a.brand),children:s?n.jsx("a",{href:s,onClick:i,children:l}):n.jsx("div",{onClick:i,children:l})})};b.__docgenInfo={description:"",methods:[],displayName:"Title",props:{label:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""},logo:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},url:{required:!1,tsType:{name:"string"},description:""},version:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},onClick:{required:!1,tsType:{name:"MouseEventHandler",elements:[{name:"union",raw:"HTMLDivElement | HTMLAnchorElement",elements:[{name:"HTMLDivElement"},{name:"HTMLAnchorElement"}]}],raw:"MouseEventHandler<HTMLDivElement | HTMLAnchorElement>"},description:""}}};var m=(e=>(e.LINK="Link",e.BUTTON="Button",e.MENU="Menu",e.COMPONENT="Component",e))(m||{});const p=({label:e,url:t,icon:s,onClick:r,active:i,disabled:l,testId:c,component:o="a"})=>{const u=N.useContext(M),k=v=>{(l||u)&&v.preventDefault(),r==null||r(v)};return n.jsxs(o,{className:d(a.link,i?a.active:""),href:t||"#",to:t,onClick:k,"aria-disabled":l||u,"data-testid":c,role:r&&!t?"button":void 0,children:[s,n.jsx("span",{className:a.label,children:e})]})};p.__docgenInfo={description:"",methods:[],displayName:"Link",props:{label:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""},url:{required:!1,tsType:{name:"string"},description:""},icon:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},onClick:{required:!1,tsType:{name:"MouseEventHandler",elements:[{name:"HTMLAnchorElement"}],raw:"MouseEventHandler<HTMLAnchorElement>"},description:""},active:{required:!1,tsType:{name:"boolean"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},testId:{required:!1,tsType:{name:"string"},description:""},component:{required:!1,tsType:{name:"ReactElementType",raw:"React.ElementType"},description:"",defaultValue:{value:"'a'",computed:!1}}}};const y=({element:e})=>{switch(e.type){case m.LINK:return n.jsx("div",{className:a.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 m.BUTTON:return n.jsx("div",{className:d(a.item,a.button),children:n.jsx(E,{label:e.label,colored:e.colored,pill:!0,disabled:e.disabled,onClick:e.onClick,icon:e.icon,testId:e.testId})});case m.MENU:return n.jsx("div",{className:d(a.item,a.menu),children:n.jsx(w,{maxHeight:"100%",menu:{trigger:T.COMPONENT,fullHeightTrigger:!0,placement:"bottom-start",component:n.jsx(p,{label:e.label,icon:e.icon,onClick:e.onClick}),sections:e.sections}})});case m.COMPONENT:return n.jsx("div",{className:a.item,children:e.component});default:return null}};y.__docgenInfo={description:"",methods:[],displayName:"Element",props:{element:{required:!0,tsType:{name:"union",raw:"TLinkElement | TButtonElement | TMenuElement | TComponentElement",elements:[{name:"intersection",raw:`TBaseElementProps & {
   type: 'Link';
   url?: string;
   active?: boolean;

package/dist/storybook/assets/top-bar.stories-1hZmlzDT.js

@@ -0,0 +1,21 @@
+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-Bjf6PQE1.js";import{P as w}from"./page-7SSpdYhb.js";import{M as N}from"./actions-Bax0KeqM.js";import{B as m}from"./button-Cbv7WK6k.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-c4VUpsOs.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./types-Dx2TtIG9.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/{top-bar.testcase.stories-DN3MQDLk.js → top-bar.testcase.stories-BsFYqaw6.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-eps93zm2.js";import{I as n}from"./common-types-Sih75Sav.js";import{T as l}from"./top-bar-4AZm07Mc.js";import{B as s}from"./button-CjbZ5CrF.js";import{B as m}from"./badge-CLQ59MDF.js";import{L as p}from"./logo-BVP9045W.js";import"./index-DhsZuJvc.js";import"./index-Bk2sglWO.js";import"./icon-BP4BO6-k.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./actions-KLRbmKRF.js";import"./lodash-c4VUpsOs.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./types-BmbYqTX_.js";import"./types-Dx2TtIG9.js";import"./spinner-AWUe4xwQ.js";const h={title:"Navigation/TopBar/Test Cases",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},o=()=>e.jsx(l,{title:{logo:e.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:e.jsx(m,{title:"3",small:!0,margin:"5px",children:e.jsx(s,{icon:n.NOTIFICATION,round:!0,onClick:()=>{}})})}]});o.__docgenInfo={description:"",methods:[],displayName:"OverflowingLinks"};var t,r,i;o.parameters={...o.parameters,docs:{...(t=o.parameters)==null?void 0:t.docs,source:{originalSource:`() => <TopBar title={{
+import{j as e}from"./jsx-runtime-eps93zm2.js";import{I as n}from"./common-types-Sih75Sav.js";import{T as l}from"./top-bar-Bjf6PQE1.js";import{B as s}from"./button-Cbv7WK6k.js";import{B as m}from"./badge-CLQ59MDF.js";import{L as p}from"./logo-BVP9045W.js";import"./index-DhsZuJvc.js";import"./index-Bk2sglWO.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./actions-Bax0KeqM.js";import"./lodash-c4VUpsOs.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./types-BmbYqTX_.js";import"./types-Dx2TtIG9.js";import"./spinner-AWUe4xwQ.js";const h={title:"Navigation/TopBar/Test Cases",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},o=()=>e.jsx(l,{title:{logo:e.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:e.jsx(m,{title:"3",small:!0,margin:"5px",children:e.jsx(s,{icon:n.NOTIFICATION,round:!0,onClick:()=>{}})})}]});o.__docgenInfo={description:"",methods:[],displayName:"OverflowingLinks"};var t,r,i;o.parameters={...o.parameters,docs:{...(t=o.parameters)==null?void 0:t.docs,source:{originalSource:`() => <TopBar title={{
   logo: <img src={LogoSVG} alt="logo" />,
   version: 'V1.2.3',
   onClick: () => {}