@oliasoft-open-source/react-ui-library 4.5.3 → 4.5.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (117) hide show
  1. package/dist/404.html +1 -1
  2. package/dist/assets/{index-qXNVhovK.css → index-2LJjuVRB.css} +43 -43
  3. package/dist/assets/{index-LV8D_yOA.js → index-RERH5Zwo.js} +16 -16
  4. package/dist/index.d.ts +10 -3
  5. package/dist/index.html +1 -1
  6. package/dist/index.js +36 -13
  7. package/dist/index.js.map +1 -1
  8. package/dist/storybook/assets/{Color-6VNJS4EI-e-7IVjYF.js → Color-6VNJS4EI-A6pH3AsJ.js} +1 -1
  9. package/dist/storybook/assets/{DocsRenderer-NNNQARDV-znpQtgbM.js → DocsRenderer-NNNQARDV-w_stP-2D.js} +1 -1
  10. package/dist/storybook/assets/{WithTooltip-4HIR6TLV-X2fcxccp.js → WithTooltip-4HIR6TLV-4dxk_bLb.js} +1 -1
  11. package/dist/storybook/assets/{accordion.stories-SpNX_U-2.js → accordion.stories-gYUPcGk5.js} +1 -1
  12. package/dist/storybook/assets/{actions-Z9jDWreP.js → actions-SGexXf58.js} +1 -1
  13. package/dist/storybook/assets/{actions.stories-Qrio9EMy.js → actions.stories-dDCC23QK.js} +1 -1
  14. package/dist/storybook/assets/{afe.stories-KoSyhC2z.js → afe.stories-awmxy4Ku.js} +1 -1
  15. package/dist/storybook/assets/{badge.stories-C0MXS15j.js → badge.stories-nzXJ1qip.js} +1 -1
  16. package/dist/storybook/assets/{blowout.stories-i7Ii3760.js → blowout.stories-Qn3Pnbgt.js} +1 -1
  17. package/dist/storybook/assets/{button-7V8oA22w.js → button-IoNblLER.js} +1 -1
  18. package/dist/storybook/assets/{button-group-q8QKkLVU.js → button-group-KeeGgC4K.js} +1 -1
  19. package/dist/storybook/assets/{button-group.stories-tLZpLTfD.js → button-group.stories-DG3i2d7K.js} +1 -1
  20. package/dist/storybook/assets/{button.stories-f6VcbEgi.js → button.stories-vebimSi_.js} +1 -1
  21. package/dist/storybook/assets/{buttons-and-links-CPHN2f_R.js → buttons-and-links-wpM9-AtS.js} +1 -1
  22. package/dist/storybook/assets/{card.stories-HzHJW6ek.js → card.stories-OtRekExg.js} +1 -1
  23. package/dist/storybook/assets/{casing-loads.stories-leLrg-rI.js → casing-loads.stories-jzL98UMc.js} +1 -1
  24. package/dist/storybook/assets/{cell.stories-sSV8Bvno.js → cell.stories-_Kt-HAu4.js} +1 -1
  25. package/dist/storybook/assets/{check-box-LZdXXKhv.js → check-box-BX5dfQFk.js} +1 -1
  26. package/dist/storybook/assets/{check-box.stories-0XCykxnz.js → check-box.stories-FNs72smP.js} +1 -1
  27. package/dist/storybook/assets/{chunk-HLWAVYOI-2SmvXyKU.js → chunk-HLWAVYOI-678FUkGE.js} +1 -1
  28. package/dist/storybook/assets/{color-peuTfev0.js → color-gRoAIAGG.js} +1 -1
  29. package/dist/storybook/assets/{column.stories-6OLsjlcP.js → column.stories-5pd3N4bE.js} +1 -1
  30. package/dist/storybook/assets/{dialog-WKHRZcjc.js → dialog-dekS0lUR.js} +1 -1
  31. package/dist/storybook/assets/{drawer-WuErQ5Z8.js → drawer-TM-jK3WR.js} +1 -1
  32. package/dist/storybook/assets/{drawer.stories-zEOolOrO.js → drawer.stories-lbpSBHlW.js} +1 -1
  33. package/dist/storybook/assets/{empty.stories-lva3DbfI.js → empty.stories-KIByp315.js} +1 -1
  34. package/dist/storybook/assets/{field-eknsj_Ll.js → field-kOZPBHf6.js} +1 -1
  35. package/dist/storybook/assets/{field.stories-RmhJ16HT.js → field.stories-aEccauPi.js} +1 -1
  36. package/dist/storybook/assets/{file-input.stories-6NjWeNyC.js → file-input.stories-I6IPu7wX.js} +1 -1
  37. package/dist/storybook/assets/{flex-3eLDDUyy.js → flex-KzhjL9yc.js} +1 -1
  38. package/dist/storybook/assets/{flex.stories-_VBDAVzN.js → flex.stories-rDfMJbP6.js} +1 -1
  39. package/dist/storybook/assets/{footer.stories-Bb7DXjX3.js → footer.stories-TyCc6hrI.js} +1 -1
  40. package/dist/storybook/assets/{form.stories-z3f6tVdU.js → form.stories-rWTgqDNA.js} +1 -1
  41. package/dist/storybook/assets/{formation.stories-O-5GfuPp.js → formation.stories-MlmT5LOD.js} +1 -1
  42. package/dist/storybook/assets/{formatter-SWP5E3XI-o0EHYkG7.js → formatter-SWP5E3XI-twdXU4s1.js} +1 -1
  43. package/dist/storybook/assets/{heading-Bk0bpNfe.js → heading-cUVItwKq.js} +1 -1
  44. package/dist/storybook/assets/{heading.stories-DmZLaZJb.js → heading.stories-UJlMVVI-.js} +1 -1
  45. package/dist/storybook/assets/{help-icon--rUDxLUD.js → help-icon-nI9A506M.js} +1 -1
  46. package/dist/storybook/assets/{help-icon.stories-vifwJgNA.js → help-icon.stories-Qz7MKCnQ.js} +1 -1
  47. package/dist/storybook/assets/{icon.stories-h0hheUmg.js → icon.stories-D_XEmSGG.js} +1 -1
  48. package/dist/storybook/assets/{iframe-_9SeMvPT.js → iframe-9ExQylgn.js} +2 -2
  49. package/dist/storybook/assets/{index-YJcqKE3A.js → index-PmhUI3dl.js} +5 -5
  50. package/dist/storybook/assets/{input-group.stories-WljyIQ0a.js → input-group.stories-EouZEW-v.js} +1 -1
  51. package/dist/storybook/assets/{input-u1He-wWs.js → input-iDZqV-2m.js} +1 -1
  52. package/dist/storybook/assets/{input-validation-Oq5NBD62.js → input-validation-xVLPMXZ9.js} +1 -1
  53. package/dist/storybook/assets/{input.stories-rLdDRxtU.js → input.stories-iopguZKB.js} +1 -1
  54. package/dist/storybook/assets/{inputs-IDQSQH2K.js → inputs-RYBg_Bv_.js} +1 -1
  55. package/dist/storybook/assets/{label-0_Qf6I8t.js → label-RpB4JmHX.js} +1 -1
  56. package/dist/storybook/assets/{label.stories-aXdU5_Ql.js → label.stories-HcdQ1bEB.js} +1 -1
  57. package/dist/storybook/assets/{layout-forms-OEX6EIZI.js → layout-forms-5SX0A6bC.js} +1 -1
  58. package/dist/storybook/assets/{layout-general-5JsyiN0y.js → layout-general-OqiiU3zg.js} +1 -1
  59. package/dist/storybook/assets/{list-A59m58hj.js → list-cuCpWKZi.js} +1 -1
  60. package/dist/storybook/assets/{list-heading-30-lMSi6.js → list-heading-vjZIRKZb.js} +1 -1
  61. package/dist/storybook/assets/{list.stories-KEz-9qK4.js → list.stories-aMLQz0qS.js} +1 -1
  62. package/dist/storybook/assets/{list.stories-data-9RrIjRci.js → list.stories-data-8eswVWst.js} +1 -1
  63. package/dist/storybook/assets/{loader.stories-0OwmnNML.js → loader.stories-G8Q_Fm8u.js} +1 -1
  64. package/dist/storybook/assets/{menu.stories-5G4phywO.js → menu.stories-GFJs09Wk.js} +1 -1
  65. package/dist/storybook/assets/{menu.stories-data-l5rlcD9_.js → menu.stories-data-c8X93fYM.js} +1 -1
  66. package/dist/storybook/assets/{message.stories-CDgUaLZP.js → message.stories-BqM_-mrZ.js} +1 -1
  67. package/dist/storybook/assets/{modal.stories-15sY1c5H.js → modal.stories-K4XxeWTp.js} +1 -1
  68. package/dist/storybook/assets/{number-input-ToRtRoDB.js → number-input-wURqWy_O.js} +1 -1
  69. package/dist/storybook/assets/{number-input.stories-Gx_MOzG1.js → number-input.stories-BUeHRFyX.js} +1 -1
  70. package/dist/storybook/assets/{option-dropdown.stories-Q2zd2AcS.js → option-dropdown.stories-1Y5JDaBF.js} +1 -1
  71. package/dist/storybook/assets/{padding-and-spacing-WRoDncrO.js → padding-and-spacing-CPorgeLy.js} +1 -1
  72. package/dist/storybook/assets/{page.stories-pa-9WU0e.js → page.stories-UWV6w4-Y.js} +1 -1
  73. package/dist/storybook/assets/{pagination-5n5spTRo.js → pagination-Eaj_UOBW.js} +1 -1
  74. package/dist/storybook/assets/{pagination.stories-g4a-aSxq.js → pagination.stories-sl2a8BMq.js} +1 -1
  75. package/dist/storybook/assets/{pop-confirm.stories-_agvSFJd.js → pop-confirm.stories-94l3Xg8w.js} +1 -1
  76. package/dist/storybook/assets/{popover-Y3FpGdUS.js → popover-uAo1e4-D.js} +1 -1
  77. package/dist/storybook/assets/{popover.stories-bWBLR9fB.js → popover.stories-JVzzF0Jm.js} +1 -1
  78. package/dist/storybook/assets/{preview-qy-SmvMW.js → preview-XyKhgV_L.js} +1 -1
  79. package/dist/storybook/assets/{preview-cs0LWnJ3.js → preview-koR_7MvJ.js} +2 -2
  80. package/dist/storybook/assets/{projects.stories-KKoY-_Zm.js → projects.stories-QVNU5Mk8.js} +1 -1
  81. package/dist/storybook/assets/{radio-button-jHcwHUA4.js → radio-button-QcS9mLYi.js} +1 -1
  82. package/dist/storybook/assets/{radio-button.stories-LkCJsp5P.js → radio-button.stories-KCS981-F.js} +1 -1
  83. package/dist/storybook/assets/{reservoirs.stories-Mn2wh9hb.js → reservoirs.stories-Sr6EffSD.js} +1 -1
  84. package/dist/storybook/assets/{rich-text-input.stories-7UzvJ-A1.js → rich-text-input.stories-D55Op5Gf.js} +1 -1
  85. package/dist/storybook/assets/{row.stories-3sV-GlPJ.js → row.stories-ame-_GtI.js} +1 -1
  86. package/dist/storybook/assets/{select-JjEPivho.js → select-Z1HqJ5aU.js} +1 -1
  87. package/dist/storybook/assets/{select.stories-qFDyxRFm.js → select.stories-oUxeDUts.js} +1 -1
  88. package/dist/storybook/assets/{side-bar-Fjr2t9MT.js → side-bar-GJ2tcZYY.js} +1 -1
  89. package/dist/storybook/assets/{side-bar.stories-0_pud_bN.js → side-bar.stories-Ld0zOToQ.js} +1 -1
  90. package/dist/storybook/assets/{site.stories-mnufwLhH.js → site.stories-Cq2dkrws.js} +1 -1
  91. package/dist/storybook/assets/{slider-nl2rJ9LF.js → slider-_5NQKbM-.js} +1 -1
  92. package/dist/storybook/assets/{slider.stories--aZa8kf-.js → slider.stories-QyyBB_rz.js} +1 -1
  93. package/dist/storybook/assets/{spacer.stories-bgTBb3VB.js → spacer.stories--ynGgvN4.js} +1 -1
  94. package/dist/storybook/assets/{syntaxhighlighter-NMPM6SWI-C3knRen1.js → syntaxhighlighter-NMPM6SWI-FjXUkfdW.js} +1 -1
  95. package/dist/storybook/assets/{table-kE2ngWkK.js → table-KrWSzq7G.js} +1 -1
  96. package/dist/storybook/assets/{table.stories-ehvxS8n7.js → table.stories-7_SeCJGK.js} +1 -1
  97. package/dist/storybook/assets/{table.stories-data-hOI1RqVt.js → table.stories-data-w897tYMJ.js} +1 -1
  98. package/dist/storybook/assets/{textarea-u-nirfI6.js → textarea-mYEkEnUR.js} +1 -1
  99. package/dist/storybook/assets/{textarea.stories-Hl-oeUWU.js → textarea.stories-ARS3RM31.js} +1 -1
  100. package/dist/storybook/assets/{title.stories-zKdbYdoc.js → title.stories-n1PHeROR.js} +1 -1
  101. package/dist/storybook/assets/{toaster.stories--z_U2gRN.js → toaster.stories-XhUo3pbR.js} +1 -1
  102. package/dist/storybook/assets/{toggle-BPI2y-lU.js → toggle-wk0GbVB8.js} +1 -1
  103. package/dist/storybook/assets/{toggle.stories-HiGs6slZ.js → toggle.stories-ItCMhW4M.js} +1 -1
  104. package/dist/storybook/assets/{tooltip-HEHiU__l.js → tooltip-ZHdi6rl-.js} +1 -1
  105. package/dist/storybook/assets/{tooltip.stories-tiOgoWHH.js → tooltip.stories-gTfOeEzv.js} +1 -1
  106. package/dist/storybook/assets/{tooltip.test-case.stories-3T_tzhJs.js → tooltip.test-case.stories-L2bW8Ijz.js} +1 -1
  107. package/dist/storybook/assets/{top-bar-9iOkm7Gq.js → top-bar-EnQ1Jkle.js} +1 -1
  108. package/dist/storybook/assets/top-bar-K-LdFikH.css +1 -0
  109. package/dist/storybook/assets/{top-bar.stories-5jcHi3Q_.js → top-bar.stories-xeIkUDYw.js} +1 -1
  110. package/dist/storybook/assets/{top-bar.testcase.stories-7acJvLc_.js → top-bar.testcase.stories-AJRFp29t.js} +1 -1
  111. package/dist/storybook/assets/{tree.stories-STQJGKS2.js → tree.stories-lgED7Ld-.js} +1 -1
  112. package/dist/storybook/assets/{unit-input.stories-SBuO5rdv.js → unit-input.stories-JRJyUGWk.js} +1 -1
  113. package/dist/storybook/assets/{unit-table.stories-SngS0-ch.js → unit-table.stories-Q9-nAxW6.js} +1 -1
  114. package/dist/storybook/iframe.html +1 -1
  115. package/dist/storybook/project.json +1 -1
  116. package/package.json +2 -1
  117. package/dist/storybook/assets/top-bar-cBtxm6yr.css +0 -1
@@ -1,3 +1,3 @@
1
- import{j as s}from"./jsx-runtime-FsUICBgo.js";import{T as p}from"./tooltip-HEHiU__l.js";import{M as m}from"./actions-Z9jDWreP.js";import{m as n}from"./menu.stories-data-l5rlcD9_.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-7V8oA22w.js";import"./spinner-R8Il4aRe.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.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-3eLDDUyy.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
1
+ import{j as s}from"./jsx-runtime-FsUICBgo.js";import{T as p}from"./tooltip-ZHdi6rl-.js";import{M as m}from"./actions-SGexXf58.js";import{m as n}from"./menu.stories-data-c8X93fYM.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-IoNblLER.js";import"./spinner-R8Il4aRe.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.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-KzhjL9yc.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
2
2
  // eslint-disable-next-line react/jsx-props-no-spreading
3
3
  {...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};
@@ -1 +1 @@
1
- import{j as n}from"./jsx-runtime-FsUICBgo.js";import{c as u}from"./index-VW3EWkuE.js";import{I as N}from"./icon-y1a2N5SZ.js";import{T as b}from"./common-types-U65vzrrz.js";import{B as x}from"./button-7V8oA22w.js";import{M as v}from"./actions-Z9jDWreP.js";import{r as T}from"./index-RfLt4OUa.js";import{D as q}from"./disabled-context-urNQThQz.js";const V="_topbar_gmfjn_11",C="_fixed_gmfjn_21",k="_appSwitcher_gmfjn_29",E="_title_gmfjn_75",I="_logo_gmfjn_91",M="_label_gmfjn_94",B="_brand_gmfjn_99",w="_version_gmfjn_104",L="_left_gmfjn_111",H="_right_gmfjn_112",O="_item_gmfjn_126",S="_link_gmfjn_127",A="_button_gmfjn_139",P="_menu_gmfjn_140",R="_active_gmfjn_168",D="_alert_gmfjn_193",a={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})=>n.jsx("div",{className:a.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 g=({icon:e,url:t,onClick:i})=>{const r=n.jsx(N,{icon:e});return t?n.jsx("a",{href:t,onClick:i,className:a.appSwitcher,children:r}):n.jsx("div",{onClick:i,className:a.appSwitcher,children:r})};try{g.displayName="AppSwitcher",g.__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:t,url:i,version:r,onClick:s})=>{const o=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:u(a.item,a.brand),children:i?n.jsx("a",{href:i,onClick:s,children:o}):n.jsx("div",{onClick:s,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:t,icon:i,onClick:r,active:s,disabled:o,testId:_})=>{const l=T.useContext(q),c=y=>{(o||l)&&y.preventDefault(),r==null||r(y)};return n.jsxs("a",{className:u(a.link,s?a.active:""),href:t||"#",onClick:c,"aria-disabled":o||l,"data-testid":_,role:r&&!t?"button":void 0,children:[i,n.jsx("span",{className:a.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 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})});case d.BUTTON:return n.jsx("div",{className:u(a.item,a.button),children:n.jsx(x,{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(a.item,a.menu),children:n.jsx(v,{maxHeight:"100%",menu:{trigger:b.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:a.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 j=({title:e,appSwitcher:t,content:i=[],contentRight:r=[],warning:s="",height:o="var(--size-topbar)",fixedPosition:_=!0})=>n.jsxs("div",{children:[s&&n.jsx(f,{warning:s}),n.jsxs("div",{className:u(a.topbar,_?a.fixed:""),style:{height:o},children:[!!t&&n.jsx(g,{icon:t.icon,url:t.url,onClick:t.onClick}),n.jsxs("div",{className:a.left,children:[e&&n.jsx(h,{label:e.label,logo:e.logo,url:e.url,version:e.version,onClick:e.onClick}),i.map((l,c)=>l?n.jsx(m,{element:l},c):null)]}),n.jsx("div",{className:a.right,children:r.map((l,c)=>l?n.jsx(m,{element:l},c):null)})]})]});try{j.displayName="TopBar",j.__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{j as T};
1
+ import{j as r}from"./jsx-runtime-FsUICBgo.js";import{c as u}from"./index-VW3EWkuE.js";import{I as b}from"./icon-y1a2N5SZ.js";import{T as x}from"./common-types-U65vzrrz.js";import{B as v}from"./button-IoNblLER.js";import{M as T}from"./actions-SGexXf58.js";import{r as j}from"./index-RfLt4OUa.js";import{D as q}from"./disabled-context-urNQThQz.js";const V="_topbar_oyr59_11",C="_fixed_oyr59_21",k="_appSwitcher_oyr59_29",E="_title_oyr59_75",I="_logo_oyr59_91",M="_label_oyr59_94",B="_brand_oyr59_99",w="_version_oyr59_104",L="_left_oyr59_111",H="_right_oyr59_112",O="_item_oyr59_126",S="_link_oyr59_127",A="_button_oyr59_138",P="_menu_oyr59_139",R="_active_oyr59_168",D="_alert_oyr59_193",a={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})=>r.jsx("div",{className:a.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:t,onClick:i})=>{const n=r.jsx(b,{icon:e});return t?r.jsx("a",{href:t,onClick:i,className:a.appSwitcher,children:n}):r.jsx("div",{onClick:i,className:a.appSwitcher,children:n})};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<HTMLAnchorElement | HTMLDivElement>"}}}}}catch{}const h=({label:e,logo:t,url:i,version:n,onClick:o})=>{const s=r.jsxs("div",{className:a.title,children:[t&&r.jsx("div",{className:a.logo,children:t}),e&&r.jsx("span",{className:a.label,children:e}),n&&r.jsx("div",{className:a.version,children:n})]});return r.jsx("div",{className:u(a.item,a.brand),children:i?r.jsx("a",{href:i,onClick:o,children:s}):r.jsx("div",{onClick:o,children:s})})};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<HTMLAnchorElement | HTMLDivElement>"}}}}}catch{}var d=(e=>(e.LINK="Link",e.BUTTON="Button",e.MENU="Menu",e.COMPONENT="Component",e))(d||{});const p=({label:e,url:t,icon:i,onClick:n,active:o,disabled:s,testId:_})=>{const l=j.useContext(q),c=g=>{(s||l)&&g.preventDefault(),n==null||n(g)};return r.jsxs("a",{className:u(a.link,o?a.active:""),href:t||"#",onClick:c,"aria-disabled":s||l,"data-testid":_,role:n&&!t?"button":void 0,children:[i,r.jsx("span",{className:a.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 r.jsx("div",{className:a.item,children:r.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 r.jsx("div",{className:u(a.item,a.button),children:r.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 r.jsx("div",{className:u(a.item,a.menu),children:r.jsx(T,{maxHeight:"100%",menu:{trigger:x.COMPONENT,fullHeightTrigger:!0,placement:"bottom-start",component:r.jsx(p,{label:e.label,icon:e.icon,onClick:e.onClick}),sections:e.sections}})});case d.COMPONENT:return r.jsx("div",{className:a.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:t,content:i=[],contentRight:n=[],warning:o="",height:s="var(--size-topbar)",fixedPosition:_=!0})=>r.jsxs("div",{children:[o&&r.jsx(f,{warning:o}),r.jsxs("div",{className:u(a.topbar,_?a.fixed:""),style:{height:s},children:[!!t&&r.jsx(y,{icon:t.icon,url:t.url,onClick:t.onClick}),r.jsxs("div",{className:a.left,children:[e&&r.jsx(h,{label:e.label,logo:e.logo,url:e.url,version:e.version,onClick:e.onClick}),i.map((l,c)=>l?r.jsx(m,{element:l},c):null)]}),r.jsx("div",{className:a.right,children:n.map((l,c)=>l?r.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};
@@ -0,0 +1 @@
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)}
@@ -1 +1 @@
1
- import{j as e}from"./jsx-runtime-FsUICBgo.js";import{I as B,T as h}from"./common-types-U65vzrrz.js";import{T as C}from"./top-bar-9iOkm7Gq.js";import{M as I}from"./actions-Z9jDWreP.js";import{B as n}from"./button-7V8oA22w.js";import{B as O}from"./badge-23Ty_zBt.js";import{L as S}from"./logo-nHW4TqZt.js";import{s as j}from"./icon-custom-PyWFQsS3.js";import{M as a}from"./types-VB5zD18b.js";import"./index-RfLt4OUa.js";import"./index-VW3EWkuE.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./lodash-Bmg8FrMx.js";import"./tooltip-HEHiU__l.js";import"./index-miLrID2P.js";import"./types-5uVBABF4.js";import"./spinner-R8Il4aRe.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};
1
+ import{j as e}from"./jsx-runtime-FsUICBgo.js";import{I as B,T as h}from"./common-types-U65vzrrz.js";import{T as C}from"./top-bar-EnQ1Jkle.js";import{M as I}from"./actions-SGexXf58.js";import{B as n}from"./button-IoNblLER.js";import{B as O}from"./badge-23Ty_zBt.js";import{L as S}from"./logo-nHW4TqZt.js";import{s as j}from"./icon-custom-PyWFQsS3.js";import{M as a}from"./types-VB5zD18b.js";import"./index-RfLt4OUa.js";import"./index-VW3EWkuE.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./lodash-Bmg8FrMx.js";import"./tooltip-ZHdi6rl-.js";import"./index-miLrID2P.js";import"./types-5uVBABF4.js";import"./spinner-R8Il4aRe.js";const 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};
@@ -1,4 +1,4 @@
1
- import{j as o}from"./jsx-runtime-FsUICBgo.js";import{I as n}from"./common-types-U65vzrrz.js";import{T as l}from"./top-bar-9iOkm7Gq.js";import{B as s}from"./button-7V8oA22w.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-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./actions-Z9jDWreP.js";import"./lodash-Bmg8FrMx.js";import"./tooltip-HEHiU__l.js";import"./index-miLrID2P.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./spinner-R8Il4aRe.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={{
1
+ import{j as o}from"./jsx-runtime-FsUICBgo.js";import{I as n}from"./common-types-U65vzrrz.js";import{T as l}from"./top-bar-EnQ1Jkle.js";import{B as s}from"./button-IoNblLER.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-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./actions-SGexXf58.js";import"./lodash-Bmg8FrMx.js";import"./tooltip-ZHdi6rl-.js";import"./index-miLrID2P.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./spinner-R8Il4aRe.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={{
2
2
  logo: <img src={LogoSVG} alt="logo" />,
3
3
  version: 'V1.2.3',
4
4
  onClick: () => {}