@oliasoft-open-source/react-ui-library 4.0.0-beta-46 → 4.0.0-beta-48

package/dist/storybook/assets/{tooltip.test-case.stories-f6de2661.js → tooltip.test-case.stories-e11cffeb.js}

@@ -1,3 +1,3 @@
-import{j as s}from"./jsx-runtime-f961835c.js";import{T as p}from"./tooltip-23e84186.js";import{M as m}from"./actions-b2d6959f.js";import{m as n}from"./menu.stories-data-0d3161d5.js";import"./index-f80c8c95.js";import"./index-3d476d02.js";import"./index-a80ed1cf.js";import"./lodash-75c70a11.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./button-b407ca6a.js";import"./spinner-cb92a546.js";import"./index-c89a1915.js";import"./icon-281c0950.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-3abf067b.js";import"./flex-1d14d86c.js";const R={title:"Basic/Tooltip/Test Cases",component:p,args:{text:"Tooltip text"}},a=i=>s.jsx(p,{...i}),o=a.bind({});o.args={children:s.jsx(m,{menu:n}),placement:"bottom-end",display:"inline-block"};var t,r,e;o.parameters={...o.parameters,docs:{...(t=o.parameters)==null?void 0:t.docs,source:{originalSource:`args => <Tooltip
+import{j as s}from"./jsx-runtime-f961835c.js";import{T as p}from"./tooltip-23e84186.js";import{M as m}from"./actions-b2d6959f.js";import{m as n}from"./menu.stories-data-50e9f9fe.js";import"./index-f80c8c95.js";import"./index-3d476d02.js";import"./index-a80ed1cf.js";import"./lodash-75c70a11.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./button-b407ca6a.js";import"./spinner-cb92a546.js";import"./index-c89a1915.js";import"./icon-281c0950.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-3abf067b.js";import"./flex-47732c42.js";const R={title:"Basic/Tooltip/Test Cases",component:p,args:{text:"Tooltip text"}},a=i=>s.jsx(p,{...i}),o=a.bind({});o.args={children:s.jsx(m,{menu:n}),placement:"bottom-end",display:"inline-block"};var t,r,e;o.parameters={...o.parameters,docs:{...(t=o.parameters)==null?void 0:t.docs,source:{originalSource:`args => <Tooltip
 // eslint-disable-next-line react/jsx-props-no-spreading
 {...args} />`,...(e=(r=o.parameters)==null?void 0:r.docs)==null?void 0:e.source}}};const S=["CloseWhenMenuOpen"];export{o as CloseWhenMenuOpen,S as __namedExportsOrder,R as default};

package/dist/storybook/assets/top-bar-06e29c00.js

@@ -0,0 +1 @@
+import{j as a}from"./jsx-runtime-f961835c.js";import{c as p}from"./index-a80ed1cf.js";import{I as b}from"./icon-281c0950.js";import{T as x}from"./common-types-2c81813f.js";import{B as v}from"./button-b407ca6a.js";import{M as q}from"./actions-b2d6959f.js";import{r as T}from"./index-f80c8c95.js";import{D as j}from"./disabled-context-d654f6ff.js";const V="_topbar_16paq_8",C="_fixed_16paq_17",k="_appSwitcher_16paq_25",E="_title_16paq_69",I="_logo_16paq_85",M="_label_16paq_88",B="_brand_16paq_93",w="_version_16paq_98",L="_left_16paq_105",H="_right_16paq_106",O="_item_16paq_120",S="_link_16paq_121",A="_button_16paq_133",P="_menu_16paq_134",R="_active_16paq_162",D="_alert_16paq_187",t={topbar:V,fixed:C,appSwitcher:k,title:E,logo:I,label:M,brand:B,version:w,left:L,right:H,item:O,link:S,button:A,menu:P,active:R,alert:D},f=({warning:e})=>a.jsx("div",{className:t.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 h=({icon:e,url:n,onClick:i})=>{const r=a.jsx(b,{icon:e});return n?a.jsx("a",{href:n,onClick:i,className:t.appSwitcher,children:r}):a.jsx("div",{onClick:i,className:t.appSwitcher,children:r})};try{h.displayName="AppSwitcher",h.__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 g=({label:e,logo:n,url:i,version:r,onClick:s})=>{const o=a.jsxs("div",{className:t.title,children:[n&&a.jsx("div",{className:t.logo,children:n}),e&&a.jsx("span",{className:t.label,children:e}),r&&a.jsx("div",{className:t.version,children:r})]});return a.jsx("div",{className:p(t.item,t.brand),children:i?a.jsx("a",{href:i,onClick:s,children:o}):a.jsx("div",{onClick:s,children:o})})};try{g.displayName="Title",g.__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 u=({label:e,url:n,icon:i,onClick:r,active:s,disabled:o,testId:_})=>{const l=T.useContext(j),c=y=>{(o||l)&&y.preventDefault(),r==null||r(y)};return a.jsxs("a",{className:p(t.link,s?t.active:""),href:n||"#",onClick:c,"aria-disabled":o||l,"data-testid":_,role:r&&!n?"button":void 0,children:[i,a.jsx("span",{className:t.label,children:e})]})};try{u.displayName="Link",u.__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"}}}}}catch{}const m=({element:e})=>{switch(e.type){case d.LINK:return a.jsx("div",{className:t.item,children:a.jsx(u,{label:e.label,url:e.url,icon:e.icon,onClick:e.onClick,active:e.active,disabled:e.disabled,testId:e.testId})});case d.BUTTON:return a.jsx("div",{className:p(t.item,t.button),children:a.jsx(v,{label:e.label,colored:e.colored,pill:!0,disabled:e.disabled,onClick:e.onClick,icon:e.icon,testId:e.testId})});case d.MENU:return a.jsx("div",{className:p(t.item,t.menu),children:a.jsx(q,{maxHeight:"100%",menu:{trigger:x.COMPONENT,fullHeightTrigger:!0,placement:"bottom-start",component:a.jsx(u,{label:e.label,icon:e.icon,onClick:e.onClick}),sections:e.sections}})});case d.COMPONENT:return a.jsx("div",{className:t.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:n,content:i=[],contentRight:r=[],warning:s="",height:o="var(--size-topbar)",fixedPosition:_=!0})=>a.jsxs("div",{children:[s&&a.jsx(f,{warning:s}),a.jsxs("div",{className:p(t.topbar,_?t.fixed:""),style:{height:o},children:[!!n&&a.jsx(h,{icon:n.icon,url:n.url,onClick:n.onClick}),a.jsxs("div",{className:t.left,children:[e&&a.jsx(g,{label:e.label,logo:e.logo,url:e.url,version:e.version,onClick:e.onClick}),i.map((l,c)=>l?a.jsx(m,{element:l},c):null)]}),a.jsx("div",{className:t.right,children:r.map((l,c)=>l?a.jsx(m,{element:l},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-c8e022c8.css

@@ -0,0 +1 @@
+:root{--size-topbar: var(--size-xl);--color-link-border-hover: var(--color-neutral-100)}[data-theme=dark]{--color-link-border-hover: var(--color-neutral-600)}._topbar_16paq_8{top:0;left:0;z-index:var(--zindex-topbar);width:100%;box-shadow:var(--shadow-layer);background:var(--color-background-raised);display:flex}._topbar_16paq_8._fixed_16paq_17{position:fixed}@media print{._topbar_16paq_8{display:none!important}}._appSwitcher_16paq_25{color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:var(--color-neutral-700);aspect-ratio:1;font-size:var(--size);position:relative}._appSwitcher_16paq_25:hover{background-color:var(--color-neutral-750)}._appSwitcher_16paq_25:active{background-color:var(--color-neutral-800)}[data-theme=dark] ._appSwitcher_16paq_25{background-color:var(--color-neutral-900)}[data-theme=dark] ._appSwitcher_16paq_25:hover{background-color:var(--color-neutral-950)}[data-theme=dark] ._appSwitcher_16paq_25:active{background-color:var(--color-neutral-1000)}._appSwitcher_16paq_25>*{position:relative;z-index:1}._appSwitcher_16paq_25:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(./bg-rock-164a1bdb.jpg);z-index:0;transition:opacity .2s}._appSwitcher_16paq_25:hover:after{opacity:.75}._appSwitcher_16paq_25:active:after{opacity:.5}._title_16paq_69{display:flex;align-items:center;justify-content:center;margin:0;padding:0;position:relative}._title_16paq_69 img,._title_16paq_69 svg{max-height:var(--size-lg);max-width:300px;height:auto;width:auto;color:var(--color-text)}._title_16paq_69 ._logo_16paq_85{display:flex}._title_16paq_69 ._label_16paq_88{color:var(--color-text);white-space:nowrap;font-weight:700}._brand_16paq_93{padding:0;position:relative;flex-shrink:0}._version_16paq_98{line-height:1;position:absolute;right:0;bottom:100%;font-size:var(--font-size-xs)}._left_16paq_105,._right_16paq_106{display:flex;min-width:0}._left_16paq_105{gap:var(--padding);padding-left:var(--padding)}._right_16paq_106{margin-left:auto;flex-shrink:0;padding-right:var(--padding-xs);gap:var(--padding-xs)}._item_16paq_120,._link_16paq_121{align-items:center;display:flex}._item_16paq_120{position:relative;transition:background .1s ease,box-shadow .1s ease,color .1s ease;-webkit-user-select:none;user-select:none;vertical-align:middle;min-width:0;max-width:50vw}._item_16paq_120._button_16paq_133,._item_16paq_120._menu_16paq_134{flex-shrink:0}._label_16paq_88{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;max-width:100%}._link_16paq_121{text-decoration:none;color:var(--color-text-primary);cursor:pointer;max-width:100%;font-weight:700;height:100%}._link_16paq_121 svg{margin-right:var(--padding-xxs);flex-shrink:0}._link_16paq_121:hover{color:var(--color-text-primary-hover)}._link_16paq_121:active{color:var(--color-text-primary-active)}._link_16paq_121._active_16paq_162{color:var(--color-text)}._link_16paq_121:hover,._link_16paq_121._active_16paq_162{background-color:transparent}._link_16paq_121:after{content:"";position:absolute;left:0;right:0;bottom:0;border-bottom:1px solid transparent}._link_16paq_121:hover:after{border-color:var(--color-link-border-hover)}._link_16paq_121._active_16paq_162:after{border-color:var(--color-background-primary)}._link_16paq_121[disabled]{pointer-events:none;color:var(--color-text-faint)}._alert_16paq_187{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-65688c70.js → top-bar.stories-cc6256bb.js}

@@ -1 +1 @@
-import{j as e}from"./jsx-runtime-f961835c.js";import{I as B,T as h}from"./common-types-2c81813f.js";import{T as C}from"./top-bar-cccbfda7.js";import{M as I}from"./actions-b2d6959f.js";import{B as n}from"./button-b407ca6a.js";import{B as O}from"./badge-3abf067b.js";import{L as S}from"./logo-8068ccfc.js";import{s as j}from"./icon-custom-822ce507.js";import{M as a}from"./types-cc224262.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./icon-281c0950.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./lodash-75c70a11.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./types-332ceaf3.js";import"./spinner-cb92a546.js";const N=[{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"}],v=[{type:"Component",component:e.jsx(O,{title:"3",small:!0,margin:"5px",children:e.jsx(n,{icon:B.NOTIFICATION,round:!0,onClick:()=>{}})})},{type:"Component",component:e.jsx(I,{menu:{trigger:h.COMPONENT,fullHeightTrigger:!0,placement:"bottom-end",component:e.jsx(n,{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:()=>{}}]}})}],Y={title:"Navigation/TopBar",component:C,parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}},argTypes:{height:{control:"text"}},args:{title:{logo:e.jsx("img",{src:S,alt:"logo"}),onClick:()=>{}},content:N,contentRight:v}},i=x=>e.jsx(C,{...x}),s=i.bind({}),r=i.bind({});r.args={warning:"Application update available. Please refresh your browser."};const o=i.bind({});o.args={title:{label:"Text Branding",onClick:()=>{}}};const t=i.bind({});t.args={appSwitcher:{icon:j,onClick:()=>{}}};var p,c,l;s.parameters={...s.parameters,docs:{...(p=s.parameters)==null?void 0:p.docs,source:{originalSource:"args => <TopBar {...args} />",...(l=(c=s.parameters)==null?void 0:c.docs)==null?void 0:l.source}}};var m,g,u;r.parameters={...r.parameters,docs:{...(m=r.parameters)==null?void 0:m.docs,source:{originalSource:"args => <TopBar {...args} />",...(u=(g=r.parameters)==null?void 0:g.docs)==null?void 0:u.source}}};var d,T,b;o.parameters={...o.parameters,docs:{...(d=o.parameters)==null?void 0:d.docs,source:{originalSource:"args => <TopBar {...args} />",...(b=(T=o.parameters)==null?void 0:T.docs)==null?void 0:b.source}}};var y,k,f;t.parameters={...t.parameters,docs:{...(y=t.parameters)==null?void 0:y.docs,source:{originalSource:"args => <TopBar {...args} />",...(f=(k=t.parameters)==null?void 0:k.docs)==null?void 0:f.source}}};const Z=["Default","WithWarning","TextBranding","AppSwitcher"];export{t as AppSwitcher,s as Default,o as TextBranding,r as WithWarning,Z as __namedExportsOrder,Y as default};
+import{j as e}from"./jsx-runtime-f961835c.js";import{I as B,T as h}from"./common-types-2c81813f.js";import{T as C}from"./top-bar-06e29c00.js";import{M as I}from"./actions-b2d6959f.js";import{B as n}from"./button-b407ca6a.js";import{B as O}from"./badge-3abf067b.js";import{L as S}from"./logo-8068ccfc.js";import{s as j}from"./icon-custom-822ce507.js";import{M as a}from"./types-cc224262.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./icon-281c0950.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./lodash-75c70a11.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./types-332ceaf3.js";import"./spinner-cb92a546.js";const N=[{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"}],v=[{type:"Component",component:e.jsx(O,{title:"3",small:!0,margin:"5px",children:e.jsx(n,{icon:B.NOTIFICATION,round:!0,onClick:()=>{}})})},{type:"Component",component:e.jsx(I,{menu:{trigger:h.COMPONENT,fullHeightTrigger:!0,placement:"bottom-end",component:e.jsx(n,{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:()=>{}}]}})}],Y={title:"Navigation/TopBar",component:C,parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}},argTypes:{height:{control:"text"}},args:{title:{logo:e.jsx("img",{src:S,alt:"logo"}),onClick:()=>{}},content:N,contentRight:v}},i=x=>e.jsx(C,{...x}),s=i.bind({}),r=i.bind({});r.args={warning:"Application update available. Please refresh your browser."};const o=i.bind({});o.args={title:{label:"Text Branding",onClick:()=>{}}};const t=i.bind({});t.args={appSwitcher:{icon:j,onClick:()=>{}}};var p,c,l;s.parameters={...s.parameters,docs:{...(p=s.parameters)==null?void 0:p.docs,source:{originalSource:"args => <TopBar {...args} />",...(l=(c=s.parameters)==null?void 0:c.docs)==null?void 0:l.source}}};var m,g,u;r.parameters={...r.parameters,docs:{...(m=r.parameters)==null?void 0:m.docs,source:{originalSource:"args => <TopBar {...args} />",...(u=(g=r.parameters)==null?void 0:g.docs)==null?void 0:u.source}}};var d,T,b;o.parameters={...o.parameters,docs:{...(d=o.parameters)==null?void 0:d.docs,source:{originalSource:"args => <TopBar {...args} />",...(b=(T=o.parameters)==null?void 0:T.docs)==null?void 0:b.source}}};var y,k,f;t.parameters={...t.parameters,docs:{...(y=t.parameters)==null?void 0:y.docs,source:{originalSource:"args => <TopBar {...args} />",...(f=(k=t.parameters)==null?void 0:k.docs)==null?void 0:f.source}}};const Z=["Default","WithWarning","TextBranding","AppSwitcher"];export{t as AppSwitcher,s as Default,o as TextBranding,r as WithWarning,Z as __namedExportsOrder,Y as default};

package/dist/storybook/assets/{top-bar.testcase.stories-be404502.js → top-bar.testcase.stories-e845e01e.js}

@@ -1,4 +1,4 @@
-import{j as o}from"./jsx-runtime-f961835c.js";import{I as n}from"./common-types-2c81813f.js";import{T as l}from"./top-bar-cccbfda7.js";import{B as s}from"./button-b407ca6a.js";import{B as m}from"./badge-3abf067b.js";import{L as p}from"./logo-8068ccfc.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./icon-281c0950.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./actions-b2d6959f.js";import"./lodash-75c70a11.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./spinner-cb92a546.js";const h={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:n.NOTIFICATION,round:!0,onClick:()=>{}})})}]});var e,r,i;t.parameters={...t.parameters,docs:{...(e=t.parameters)==null?void 0:e.docs,source:{originalSource:`() => <TopBar title={{
+import{j as o}from"./jsx-runtime-f961835c.js";import{I as n}from"./common-types-2c81813f.js";import{T as l}from"./top-bar-06e29c00.js";import{B as s}from"./button-b407ca6a.js";import{B as m}from"./badge-3abf067b.js";import{L as p}from"./logo-8068ccfc.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./icon-281c0950.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./actions-b2d6959f.js";import"./lodash-75c70a11.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./spinner-cb92a546.js";const h={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:n.NOTIFICATION,round:!0,onClick:()=>{}})})}]});var e,r,i;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: () => {}

package/dist/storybook/iframe.html

@@ -357,7 +357,7 @@
   }
 </script>
 
-  <script type="module" crossorigin src="./assets/iframe-a0fcf954.js"></script>
+  <script type="module" crossorigin src="./assets/iframe-30d6ad9d.js"></script>
 </head>
 
 <body>

package/dist/storybook/project.json

@@ -1 +1 @@
-{"generatedAt":1700133548688,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"packageManager":{"type":"yarn","version":"1.22.19"},"features":{"storyStoreV7":true},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","storybookVersion":"7.5.3","storybookVersionSpecifier":"^7.5.3","language":"typescript","storybookPackages":{"@storybook/addon-essentials":{"version":"7.5.3"},"@storybook/addon-links":{"version":"7.5.3"},"@storybook/addons":{"version":"7.5.3"},"@storybook/react":{"version":"7.5.3"},"@storybook/react-vite":{"version":"7.5.3"},"eslint-plugin-storybook":{"version":"0.6.15"},"storybook":{"version":"7.5.3"}},"addons":{"@storybook/addon-actions":{"version":"7.5.3"},"@storybook/addon-docs":{"version":"7.5.3"},"storybook-dark-mode":{"version":"3.0.1"}}}
+{"generatedAt":1700144592386,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"packageManager":{"type":"yarn","version":"1.22.19"},"features":{"storyStoreV7":true},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","storybookVersion":"7.5.3","storybookVersionSpecifier":"^7.5.3","language":"typescript","storybookPackages":{"@storybook/addon-essentials":{"version":"7.5.3"},"@storybook/addon-links":{"version":"7.5.3"},"@storybook/addons":{"version":"7.5.3"},"@storybook/react":{"version":"7.5.3"},"@storybook/react-vite":{"version":"7.5.3"},"eslint-plugin-storybook":{"version":"0.6.15"},"storybook":{"version":"7.5.3"}},"addons":{"@storybook/addon-actions":{"version":"7.5.3"},"@storybook/addon-docs":{"version":"7.5.3"},"storybook-dark-mode":{"version":"3.0.1"}}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/react-ui-library",
-  "version": "4.0.0-beta-46",
+  "version": "4.0.0-beta-48",
   "description": "Reusable UI components for React projects",
   "homepage": "https://oliasoft-open-source.gitlab.io/react-ui-library",
   "bugs": {

package/dist/storybook/assets/drawer-deaa7ee4.css

@@ -1 +0,0 @@
-._inputInTable_11j5h_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_11j5h_1:not(:hover){border-color:transparent}._inputInTable_11j5h_1:not(:focus){box-shadow:none}._inputHover_11j5h_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_11j5h_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_11j5h_25,._inputWarning_11j5h_26{position:relative}._inputError_11j5h_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error)}._inputError_11j5h_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_11j5h_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_11j5h_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning)}._inputWarning_11j5h_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_11j5h_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_11j5h_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_11j5h_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_11j5h_67::-webkit-scrollbar{display:none}:root{--size-drawer-tabs: var(--size-lg);--color-background-drawer-tabs: var(--color-neutral-50);--color-background-drawer-tab: var(--color-primary-50);--color-background-drawer-tab-hover: white;--color-border-drawer-tab: var(--color-primary-200);--color-background-drawer-handle-hover: rgba(0, 0, 0, .05)}html[data-theme=dark]{--color-background-drawer-tabs: var(--color-neutral-900);--color-background-drawer-tab: var(--color-primary-850);--color-background-drawer-tab-hover: var(--color-primary-800);--color-border-drawer-tab: var(--color-primary-750);--color-background-drawer-handle-hover: rgba(255, 255, 255, .1)}._inline_11j5h_92{position:relative}._inline_11j5h_92._left_11j5h_95{order:-1}._inline_11j5h_92._right_11j5h_98{order:9999}._fixed_11j5h_101{position:fixed;top:0;bottom:0;z-index:var(--zindex-drawer)}._fixed_11j5h_101._left_11j5h_95{left:0}._fixed_11j5h_101._right_11j5h_98{right:0}._left_11j5h_95 ._border_11j5h_113{border-right:1px solid var(--color-border)}._right_11j5h_98 ._border_11j5h_113{border-left:1px solid var(--color-border)}._shadow_11j5h_119{box-shadow:var(--shadow-layer)}._drawerContent_11j5h_122{overflow-x:hidden;overflow-y:auto;max-height:100%;min-height:100%;transition:width .2s;scrollbar-width:none;-ms-overflow-style:none}._isResizing_11j5h_134 ._drawerContent_11j5h_122{transition:none}@media print{._drawerContent_11j5h_122{background:transparent!important}}._drawerContent_11j5h_122::-webkit-scrollbar{display:none}._toggleButton_11j5h_145{transition:transform .4s;display:inline-block;transform:rotate(180deg);position:absolute;z-index:calc(var(--zindex-drawer) + 3)}._left_11j5h_95 ._toggleButton_11j5h_145{right:calc(var(--size) / -2)}._right_11j5h_98 ._toggleButton_11j5h_145{left:calc(var(--size) / -2)}._toggleButton_11j5h_145._top_11j5h_158{top:var(--padding)}._toggleButton_11j5h_145._bottom_11j5h_161{bottom:var(--padding)}._toggleButton_11j5h_145._toggleButtonOpen_11j5h_164{transform:rotate(0)}._tabs_11j5h_167{position:absolute;top:0;bottom:0;background-color:var(--color-background-drawer-tabs);padding-top:var(--padding);z-index:calc(var(--zindex-drawer) + 1);border-left:1px solid var(--color-border);border-right:1px solid var(--color-border)}._left_11j5h_95 ._tabs_11j5h_167{right:0}._right_11j5h_98 ._tabs_11j5h_167{left:0}._tabs_11j5h_167 ._tab_11j5h_167{font-size:var(--size-sm);height:var(--size-drawer-tabs);width:var(--size-drawer-tabs);display:flex;justify-content:center;align-items:center;cursor:pointer;margin:-1px;transition:color .3s,background-color .3s;border:1px solid var(--color-border-drawer-tab)}._left_11j5h_95 ._tabs_11j5h_167 ._tab_11j5h_167{border-top-left-radius:0;border-bottom-left-radius:0}._left_11j5h_95 ._tabs_11j5h_167 ._tab_11j5h_167._active_11j5h_199{border-left-color:transparent}._right_11j5h_98 ._tabs_11j5h_167 ._tab_11j5h_167{border-top-right-radius:0;border-bottom-right-radius:0}._right_11j5h_98 ._tabs_11j5h_167 ._tab_11j5h_167._active_11j5h_199{border-right-color:transparent}._tabs_11j5h_167 ._tab_11j5h_167:not(._active_11j5h_199){color:var(--color-text-primary);background-color:var(--color-background-drawer-tab)!important}._tabs_11j5h_167 ._tab_11j5h_167:not(._active_11j5h_199):hover{color:var(--color-text);background-color:var(--color-background-drawer-tab-hover)!important}._tabs_11j5h_167 ._tab_11j5h_167._active_11j5h_199{color:var(--color-text);border-color:var(--color-border)}._tabs_11j5h_167 ._tab_11j5h_167 svg{stroke-width:1.125}._left_11j5h_95 ._tabsContent_11j5h_224{padding-right:calc(var(--size-drawer-tabs) - 1px)}._right_11j5h_98 ._tabsContent_11j5h_224{padding-left:calc(var(--size-drawer-tabs) - 1px)}._resizeHandle_11j5h_230{position:absolute;top:0;bottom:0;width:12px;z-index:calc(var(--zindex-drawer) + 2);cursor:ew-resize;display:flex;align-items:center;color:var(--color-text-faint);font-size:var(--font-size-sm);transition:all .2s}._resizeHandle_11j5h_230:hover{background:var(--color-background-drawer-handle-hover);color:var(--color-text-primary)}._resizeHandle_11j5h_230:active{background:var(--color-text-primary);color:#fff}._left_11j5h_95 ._resizeHandle_11j5h_230{right:0}._right_11j5h_98 ._resizeHandle_11j5h_230{left:0}

package/dist/storybook/assets/preview-d617f7b6.js

@@ -1 +0,0 @@
-import{_ as e}from"./iframe-a0fcf954.js";import"../sb-preview/runtime.js";var a={docs:{renderer:async()=>{let{DocsRenderer:r}=await e(()=>import("./DocsRenderer-NNNQARDV-e0d68494.js"),["./DocsRenderer-NNNQARDV-e0d68494.js","./chunk-HLWAVYOI-0bfeb9ee.js","./iframe-a0fcf954.js","./index-f80c8c95.js","./react-16-147b12fd.js","./index-3d476d02.js","./index-cef2aefb.js","./inheritsLoose-d4851ab8.js","./assertThisInitialized-081f9914.js","./index-97a99495.js"],import.meta.url);return new r}}};export{a as parameters};

package/dist/storybook/assets/side-bar-1ecf38a3.css

@@ -1 +0,0 @@
-._inputInTable_3l173_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_3l173_1:not(:hover){border-color:transparent}._inputInTable_3l173_1:not(:focus){box-shadow:none}._inputHover_3l173_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_3l173_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_3l173_25,._inputWarning_3l173_26{position:relative}._inputError_3l173_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error)}._inputError_3l173_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_3l173_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_3l173_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning)}._inputWarning_3l173_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_3l173_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_3l173_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_3l173_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_3l173_67::-webkit-scrollbar{display:none}:root{--size-sidebar: var(--size-xl);--color-background-sidebar: var(--color-neutral-1000)}._sidebar_3l173_81{background-color:var(--color-background-sidebar);color:#fff;position:relative;padding:var(--padding) 0}@media print{._sidebar_3l173_81{display:none}}._inner_3l173_92{scrollbar-width:none;-ms-overflow-style:none}._inner_3l173_92::-webkit-scrollbar{display:none}._title_3l173_102,._subtitle_3l173_103,._label_3l173_104{transition:opacity .2s,max-height .2s,margin .2s,color .2s;max-height:50px}._collapsed_3l173_108 ._title_3l173_102,._collapsed_3l173_108 ._subtitle_3l173_103,._collapsed_3l173_108 ._label_3l173_104{opacity:0;max-height:0;margin-bottom:0;margin-top:0}._title_3l173_102{overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap;margin-top:0;font-size:var(--font-size-lg);padding:0 var(--padding)}._subtitle_3l173_103{margin-bottom:var(--padding-sm);white-space:nowrap;font-size:var(--font-size-sm);letter-spacing:.1em;opacity:.6;padding:0 var(--padding)}._list_3l173_133{margin-bottom:var(--padding-xl);margin-top:0}._item_3l173_137{min-height:var(--size-lg);transition:padding .2s;font-size:var(--font-size-lg);color:#fff;font-weight:400;display:flex;padding:0 var(--padding);align-items:center;margin-bottom:var(--padding-xxs)}._collapsed_3l173_108 ._item_3l173_137{padding:0 9px}._item_3l173_137:focus{outline:none}._item_3l173_137::-moz-focus-inner{border:0}._item_3l173_137:hover,._item_3l173_137:focus{color:var(--color-primary-400)}._item_3l173_137:active{color:var(--color-primary-300)}._item_3l173_137._active_3l173_164{color:#fff;background:black}._item_3l173_137._experimental_3l173_168{background:#40130b}._icon_3l173_171{margin-right:var(--padding-sm);line-height:0;flex-shrink:0;transition:opacity .2s;opacity:.5;display:block}._item_3l173_137:hover ._icon_3l173_171,._item_3l173_137:focus ._icon_3l173_171{opacity:.75}._item_3l173_137:active ._icon_3l173_171{opacity:1}._icon_3l173_171>*{opacity:1}._icon_3l173_171>span{display:block}._icon_3l173_171 svg{stroke-width:1}._label_3l173_104{white-space:nowrap;overflow:hidden}

package/dist/storybook/assets/side-bar-7eacd9b4.js

@@ -1 +0,0 @@
-import{j as e}from"./jsx-runtime-f961835c.js";import{r as u,R as h}from"./index-f80c8c95.js";import{c as f}from"./index-a80ed1cf.js";import{i as v}from"./index-c7f280f6.js";import{C as y,B as E,I as j}from"./common-types-2c81813f.js";import{D as I}from"./drawer-5e007e0c.js";import{T}from"./tooltip-23e84186.js";import{I as M}from"./icon-281c0950.js";import{B as N}from"./badge-3abf067b.js";import{B as C}from"./button-b407ca6a.js";const S="_inputInTable_3l173_1",O="_inputHover_3l173_13",q="_inputFocus_3l173_18",k="_inputError_3l173_25",B="_inputWarning_3l173_26",V="_inputDisabled_3l173_61",L="_hideScrollbars_3l173_67",H="_sidebar_3l173_81",A="_inner_3l173_92",F="_title_3l173_102",D="_subtitle_3l173_103",R="_label_3l173_104",W="_collapsed_3l173_108",z="_list_3l173_133",P="_item_3l173_137",U="_active_3l173_164",$="_experimental_3l173_168",w="_icon_3l173_171",o={inputInTable:S,inputHover:O,inputFocus:q,inputError:k,inputWarning:B,inputDisabled:V,hideScrollbars:L,sidebar:H,inner:A,title:F,subtitle:D,label:R,collapsed:W,list:z,item:P,active:U,experimental:$,icon:w},K=u.memo(({isOpen:t,label:i,icon:r,invalid:l})=>{const s=()=>e.jsx(T,{text:i,enabled:!t,placement:"right-center",possiblePlacements:["right-center"],triggerOffset:24,fontSize:16,padding:"var(--padding-sm)",display:"block",children:e.jsx(M,{icon:r,size:"var(--size)",color:y.WHITE})}),n=()=>e.jsx(N,{small:!0,title:"!",children:e.jsx(s,{})});return e.jsxs(e.Fragment,{children:[e.jsx("span",{className:o.icon,children:l?e.jsx(n,{}):e.jsx(s,{})}),e.jsx("span",{className:o.label,children:i})]})},(t,i)=>v(t,i)),p=({isOpen:t,items:i,sectionIndex:r,onClick:l,testId:s})=>e.jsx("div",{className:o.list,children:i.map((n,d)=>{const c=`${r}_${d}`;return e.jsx("a",{href:n.value,className:f(o.item,n.isActive?o.active:"",n.isExperimental?o.experimental:""),onClick:a=>l(a,n.value,n.label,n.onClick),"data-testid":s,children:e.jsx(K,{label:n.label,icon:n.icon,invalid:n.invalid,isOpen:t},c)},c)})});try{p.displayName="Link",p.__docgenInfo={description:"",displayName:"Link",props:{isOpen:{defaultValue:null,description:"",name:"isOpen",required:!0,type:{name:"boolean"}},items:{defaultValue:null,description:"",name:"items",required:!0,type:{name:"{ value: string; isActive?: boolean | undefined; isExperimental?: boolean | undefined; label: ReactNode; icon: any; invalid?: boolean | undefined; onClick?: ((evt: MouseEvent<HTMLAnchorElement, MouseEvent>) => void) | undefined; }[]"}},sectionIndex:{defaultValue:null,description:"",name:"sectionIndex",required:!0,type:{name:"number"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!0,type:{name:"(evt: MouseEvent<HTMLAnchorElement, MouseEvent>, value: string, label: ReactNode, onClickCallback?: ((evt: MouseEvent<HTMLAnchorElement, MouseEvent>) => void) | undefined) => void"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const m=({isOpen:t,sections:i,onClick:r})=>e.jsx(e.Fragment,{children:i.map((l,s)=>e.jsxs(h.Fragment,{children:[e.jsx("h5",{className:o.subtitle,children:l.heading.toUpperCase()}),e.jsx(p,{isOpen:t,items:l.items,sectionIndex:s,onClick:r,testId:l.testId})]},s))});try{m.displayName="Sections",m.__docgenInfo={description:"",displayName:"Sections",props:{isOpen:{defaultValue:null,description:"",name:"isOpen",required:!0,type:{name:"boolean"}},sections:{defaultValue:null,description:"",name:"sections",required:!0,type:{name:"ISection[]"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!0,type:{name:"(evt: MouseEvent<HTMLAnchorElement, MouseEvent>, value: string, label: ReactNode, onClickCallback?: ((evt: MouseEvent<HTMLAnchorElement, MouseEvent>) => void) | undefined) => void"}}}}}catch{}const b=u.memo(({options:t,startOpen:i=!1,onShiftClickToggleOpen:r=()=>{},top:l})=>{const[s,n]=u.useState(i),d=(a,x,g,_)=>{a.preventDefault(),typeof _=="function"&&(a.currentTarget.value=x,a.currentTarget.label=g,_(a)),n(!1)},c=t.sections.length>0;return e.jsx(I,{fixed:!0,open:s,top:l,background:"var(--color-background-sidebar)",closedWidth:"var(--size-sidebar)",buttonPosition:E.BOTTOM,buttonAnimate:!0,button:c&&e.jsx(C,{onClick:a=>{a.shiftKey&&r&&r(a),n(!s)},colored:!0,round:!0,icon:j.LEFT}),children:e.jsx("div",{className:f(o.sidebar,s?"":o.collapsed),children:c&&e.jsxs("div",{className:o.inner,children:[e.jsx("h4",{className:o.title,children:t.title}),e.jsx(m,{isOpen:s,sections:t.sections,onClick:d})]})})})},(t,i)=>v(t,i));try{b.displayName="SideBar",b.__docgenInfo={description:"",displayName:"SideBar",props:{options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"{ title: string; sections: IOptionSection[]; }"}},startOpen:{defaultValue:null,description:"",name:"startOpen",required:!1,type:{name:"boolean"}},onShiftClickToggleOpen:{defaultValue:null,description:"",name:"onShiftClickToggleOpen",required:!1,type:{name:"((evt: MouseEvent<HTMLButtonElement, MouseEvent>) => void)"}},top:{defaultValue:null,description:"",name:"top",required:!1,type:{name:"TStringOrNumber"}}}}}catch{}export{b as S};

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

@@ -1 +0,0 @@
-import{j as a}from"./jsx-runtime-f961835c.js";import{c as u}from"./index-a80ed1cf.js";import{I as b}from"./icon-281c0950.js";import{T as x}from"./common-types-2c81813f.js";import{B as v}from"./button-b407ca6a.js";import{M as T}from"./actions-b2d6959f.js";import{r as j}from"./index-f80c8c95.js";import{D as q}from"./disabled-context-d654f6ff.js";const V="_topbar_11fiu_8",C="_fixed_11fiu_17",k="_appSwitcher_11fiu_25",E="_title_11fiu_50",I="_logo_11fiu_66",M="_label_11fiu_69",B="_brand_11fiu_74",w="_version_11fiu_79",L="_left_11fiu_86",H="_right_11fiu_87",O="_item_11fiu_101",S="_link_11fiu_102",A="_button_11fiu_114",P="_menu_11fiu_115",R="_active_11fiu_143",D="_alert_11fiu_168",t={topbar:V,fixed:C,appSwitcher:k,title:E,logo:I,label:M,brand:B,version:w,left:L,right:H,item:O,link:S,button:A,menu:P,active:R,alert:D},f=({warning:e})=>a.jsx("div",{className:t.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 h=({icon:e,url:n,onClick:i})=>{const r=a.jsx(b,{icon:e});return n?a.jsx("a",{href:n,onClick:i,className:t.appSwitcher,children:r}):a.jsx("div",{onClick:i,className:t.appSwitcher,children:r})};try{h.displayName="AppSwitcher",h.__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 g=({label:e,logo:n,url:i,version:r,onClick:s})=>{const o=a.jsxs("div",{className:t.title,children:[n&&a.jsx("div",{className:t.logo,children:n}),e&&a.jsx("span",{className:t.label,children:e}),r&&a.jsx("div",{className:t.version,children:r})]});return a.jsx("div",{className:u(t.item,t.brand),children:i?a.jsx("a",{href:i,onClick:s,children:o}):a.jsx("div",{onClick:s,children:o})})};try{g.displayName="Title",g.__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:n,icon:i,onClick:r,active:s,disabled:o,testId:_})=>{const l=j.useContext(q),c=y=>{(o||l)&&y.preventDefault(),r==null||r(y)};return a.jsxs("a",{className:u(t.link,s?t.active:""),href:n||"#",onClick:c,"aria-disabled":o||l,"data-testid":_,role:r&&!n?"button":void 0,children:[i,a.jsx("span",{className:t.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"}}}}}catch{}const m=({element:e})=>{switch(e.type){case d.LINK:return a.jsx("div",{className:t.item,children:a.jsx(p,{label:e.label,url:e.url,icon:e.icon,onClick:e.onClick,active:e.active,disabled:e.disabled,testId:e.testId})});case d.BUTTON:return a.jsx("div",{className:u(t.item,t.button),children:a.jsx(v,{label:e.label,colored:e.colored,pill:!0,disabled:e.disabled,onClick:e.onClick,icon:e.icon,testId:e.testId})});case d.MENU:return a.jsx("div",{className:u(t.item,t.menu),children:a.jsx(T,{maxHeight:"100%",menu:{trigger:x.COMPONENT,fullHeightTrigger:!0,placement:"bottom-start",component:a.jsx(p,{label:e.label,icon:e.icon,onClick:e.onClick}),sections:e.sections}})});case d.COMPONENT:return a.jsx("div",{className:t.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:n,content:i=[],contentRight:r=[],warning:s="",height:o="var(--size-topbar)",fixedPosition:_=!0})=>a.jsxs("div",{children:[s&&a.jsx(f,{warning:s}),a.jsxs("div",{className:u(t.topbar,_?t.fixed:""),style:{height:o},children:[!!n&&a.jsx(h,{icon:n.icon,url:n.url,onClick:n.onClick}),a.jsxs("div",{className:t.left,children:[e&&a.jsx(g,{label:e.label,logo:e.logo,url:e.url,version:e.version,onClick:e.onClick}),i.map((l,c)=>l?a.jsx(m,{element:l},c):null)]}),a.jsx("div",{className:t.right,children:r.map((l,c)=>l?a.jsx(m,{element:l},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-e3663cd3.css

@@ -1 +0,0 @@
-:root{--size-topbar: var(--size-xl);--color-link-border-hover: var(--color-neutral-100)}[data-theme=dark]{--color-link-border-hover: var(--color-neutral-600)}._topbar_11fiu_8{top:0;left:0;z-index:var(--zindex-topbar);width:100%;box-shadow:var(--shadow-layer);background:var(--color-background-raised);display:flex}._topbar_11fiu_8._fixed_11fiu_17{position:fixed}@media print{._topbar_11fiu_8{display:none!important}}._appSwitcher_11fiu_25{color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:var(--color-neutral-700);aspect-ratio:1;font-size:var(--size)}._appSwitcher_11fiu_25:hover{background-color:var(--color-neutral-750)}._appSwitcher_11fiu_25:active{background-color:var(--color-neutral-800)}[data-theme=dark] ._appSwitcher_11fiu_25{background-color:var(--color-neutral-900)}[data-theme=dark] ._appSwitcher_11fiu_25:hover{background-color:var(--color-neutral-950)}[data-theme=dark] ._appSwitcher_11fiu_25:active{background-color:var(--color-neutral-1000)}._title_11fiu_50{display:flex;align-items:center;justify-content:center;margin:0;padding:0;position:relative}._title_11fiu_50 img,._title_11fiu_50 svg{max-height:var(--size-lg);max-width:300px;height:auto;width:auto;color:var(--color-text)}._title_11fiu_50 ._logo_11fiu_66{display:flex}._title_11fiu_50 ._label_11fiu_69{color:var(--color-text);white-space:nowrap;font-weight:700}._brand_11fiu_74{padding:0;position:relative;flex-shrink:0}._version_11fiu_79{line-height:1;position:absolute;right:0;bottom:100%;font-size:var(--font-size-xs)}._left_11fiu_86,._right_11fiu_87{display:flex;min-width:0}._left_11fiu_86{gap:var(--padding);padding-left:var(--padding)}._right_11fiu_87{margin-left:auto;flex-shrink:0;padding-right:var(--padding-xs);gap:var(--padding-xs)}._item_11fiu_101,._link_11fiu_102{align-items:center;display:flex}._item_11fiu_101{position:relative;transition:background .1s ease,box-shadow .1s ease,color .1s ease;-webkit-user-select:none;user-select:none;vertical-align:middle;min-width:0;max-width:50vw}._item_11fiu_101._button_11fiu_114,._item_11fiu_101._menu_11fiu_115{flex-shrink:0}._label_11fiu_69{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;max-width:100%}._link_11fiu_102{text-decoration:none;color:var(--color-text-primary);cursor:pointer;max-width:100%;font-weight:700;height:100%}._link_11fiu_102 svg{margin-right:var(--padding-xxs);flex-shrink:0}._link_11fiu_102:hover{color:var(--color-text-primary-hover)}._link_11fiu_102:active{color:var(--color-text-primary-active)}._link_11fiu_102._active_11fiu_143{color:var(--color-text)}._link_11fiu_102:hover,._link_11fiu_102._active_11fiu_143{background-color:transparent}._link_11fiu_102:after{content:"";position:absolute;left:0;right:0;bottom:0;border-bottom:1px solid transparent}._link_11fiu_102:hover:after{border-color:var(--color-link-border-hover)}._link_11fiu_102._active_11fiu_143:after{border-color:var(--color-background-primary)}._link_11fiu_102[disabled]{pointer-events:none;color:var(--color-text-faint)}._alert_11fiu_168{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)}