@oliasoft-open-source/react-ui-library 4.0.0-beta-49 → 4.0.0-beta-51
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.
- package/dist/assets/{index-614d8b93.css → index-20a7a01e.css} +627 -616
- package/dist/assets/{index-a03d3e35.js → index-43280041.js} +247 -247
- package/dist/global.css +627 -616
- package/dist/index.html +1 -1
- package/dist/index.js +248 -248
- package/dist/index.js.map +1 -1
- package/dist/storybook/assets/Color-6VNJS4EI-851cae3f.js +1 -0
- package/dist/storybook/assets/DocsRenderer-NNNQARDV-e3c787ae.js +1 -0
- package/dist/storybook/assets/WithTooltip-4HIR6TLV-9d76bc16.js +1 -0
- package/dist/storybook/assets/accordion-83b19011.css +1 -0
- package/dist/storybook/assets/{accordion-7c1e285e.js → accordion-a0bcd3cf.js} +1 -1
- package/dist/storybook/assets/{accordion.stories-b0d2890d.js → accordion.stories-5b98ef98.js} +2 -2
- package/dist/storybook/assets/{actions-4a36854d.js → actions-2160f0b7.js} +1 -1
- package/dist/storybook/assets/actions-26858b6b.css +1 -0
- package/dist/storybook/assets/{actions.stories-df32052b.js → actions.stories-a6271172.js} +1 -1
- package/dist/storybook/assets/{afe.stories-4874b919.js → afe.stories-b5689301.js} +2 -2
- package/dist/storybook/assets/{badge.stories-27e4900e.js → badge.stories-c8ebb783.js} +1 -1
- package/dist/storybook/assets/{blowout.stories-3d46ce58.js → blowout.stories-704f4c8f.js} +1 -1
- package/dist/storybook/assets/button-848241fb.css +1 -0
- package/dist/storybook/assets/button-fa6a59b2.js +1 -0
- package/dist/storybook/assets/{button-group-be7752b8.js → button-group-40082468.js} +1 -1
- package/dist/storybook/assets/{button-group.stories-9c539e24.js → button-group.stories-3164c0f3.js} +1 -1
- package/dist/storybook/assets/{button.stories-cef4b1bc.js → button.stories-ea1f2227.js} +1 -1
- package/dist/storybook/assets/buttons-and-links-b0942c53.js +14 -0
- package/dist/storybook/assets/{card-2de0de0b.js → card-0e97f333.js} +1 -1
- package/dist/storybook/assets/card-c1c32f6b.css +1 -0
- package/dist/storybook/assets/{card.stories-e949bf69.js → card.stories-08f21001.js} +1 -1
- package/dist/storybook/assets/{casing-loads.stories-33de0b76.js → casing-loads.stories-7d831b44.js} +2 -2
- package/dist/storybook/assets/{cell.stories-b800f0cc.js → cell.stories-5aa4f5eb.js} +2 -2
- package/dist/storybook/assets/{check-box-991c094f.js → check-box-7706d069.js} +1 -1
- package/dist/storybook/assets/check-box-805d6047.css +1 -0
- package/dist/storybook/assets/check-box.stories-bbaf5ca8.js +85 -0
- package/dist/storybook/assets/{chunk-HLWAVYOI-a4260446.js → chunk-HLWAVYOI-d25a1669.js} +1 -1
- package/dist/storybook/assets/color-776794b4.js +25 -0
- package/dist/storybook/assets/{column.stories-991319a8.js → column.stories-dc850214.js} +1 -1
- package/dist/storybook/assets/{dialog-4dce86b0.js → dialog-8349cb3c.js} +1 -1
- package/dist/storybook/assets/dialog-94371237.css +1 -0
- package/dist/storybook/assets/{drawer-6b3644e5.js → drawer-affb9ac5.js} +1 -1
- package/dist/storybook/assets/{drawer.stories-c336d3df.js → drawer.stories-70f8d2f6.js} +2 -2
- package/dist/storybook/assets/{empty.stories-44e87e00.js → empty.stories-20e8d207.js} +1 -1
- package/dist/storybook/assets/{field-51d743eb.js → field-ea8dc7c8.js} +1 -1
- package/dist/storybook/assets/{field.stories-7017cc5f.js → field.stories-093ada6a.js} +1 -1
- package/dist/storybook/assets/{file-input.stories-72c5ce87.js → file-input.stories-d9806653.js} +1 -1
- package/dist/storybook/assets/{flex-1d14d86c.js → flex-47732c42.js} +1 -1
- package/dist/storybook/assets/{flex.stories-af7e1302.js → flex.stories-c30d29bf.js} +1 -1
- package/dist/storybook/assets/footer.stories-d54706d0.js +3 -0
- package/dist/storybook/assets/form.stories-e555f837.js +49 -0
- package/dist/storybook/assets/formation.stories-3a5dc942.js +74 -0
- package/dist/storybook/assets/{formatter-SWP5E3XI-2fffe509.js → formatter-SWP5E3XI-8de6e22c.js} +2 -2
- package/dist/storybook/assets/{grid.stories-40a81209.js → grid.stories-7c153c63.js} +1 -1
- package/dist/storybook/assets/{heading-5d1d2bfd.js → heading-e7d165ab.js} +1 -1
- package/dist/storybook/assets/{heading.stories-480b6273.js → heading.stories-0deaa288.js} +1 -1
- package/dist/storybook/assets/{help-icon-48633ef4.js → help-icon-45458fb1.js} +1 -1
- package/dist/storybook/assets/{help-icon.stories-d2bcc871.js → help-icon.stories-61d1960c.js} +1 -1
- package/dist/storybook/assets/icon-afbea088.js +8 -0
- package/dist/storybook/assets/{icon.stories-e4c5081e.js → icon.stories-738838fc.js} +1 -1
- package/dist/storybook/assets/iframe-36d77c8a.js +1 -0
- package/dist/storybook/assets/{index-5b11e23a.js → index-bcaf70cf.js} +8 -8
- package/dist/storybook/assets/{index.es-4496b27d.js → index.es-ddd8aaab.js} +4 -4
- package/dist/storybook/assets/inheritsLoose-d4851ab8.js +1 -0
- package/dist/storybook/assets/{input-8cbac50c.js → input-d116362c.js} +1 -1
- package/dist/storybook/assets/{input-group.stories-3ab7e8c9.js → input-group.stories-de127bd1.js} +2 -2
- package/dist/storybook/assets/{input-validation-c5004681.js → input-validation-fc7f532b.js} +2 -2
- package/dist/storybook/assets/{input.stories-cf8786ce.js → input.stories-45602b99.js} +1 -1
- package/dist/storybook/assets/{inputs-3c85a48b.js → inputs-05328b01.js} +2 -2
- package/dist/storybook/assets/{label-305bf982.js → label-87bf6474.js} +1 -1
- package/dist/storybook/assets/{label.stories-1af9861e.js → label.stories-f7085c22.js} +1 -1
- package/dist/storybook/assets/layout-forms-a2b8691f.js +16 -0
- package/dist/storybook/assets/{layout-general-02261727.js → layout-general-74f8f047.js} +2 -2
- package/dist/storybook/assets/{list-0cbaefdb.js → list-7acd93e5.js} +1 -1
- package/dist/storybook/assets/{list-heading-2a1f067d.js → list-heading-64854ce2.js} +1 -1
- package/dist/storybook/assets/{list.stories-aa177cf7.js → list.stories-b25817f0.js} +2 -2
- package/dist/storybook/assets/{list.stories-data-13fa74b9.js → list.stories-data-f7a0265a.js} +1 -1
- package/dist/storybook/assets/{loader.stories-eb694ade.js → loader.stories-7ae27e7f.js} +1 -1
- package/dist/storybook/assets/{menu.stories-428f9381.js → menu.stories-2c5bb21c.js} +1 -1
- package/dist/storybook/assets/{menu.stories-data-0d3161d5.js → menu.stories-data-50e9f9fe.js} +1 -1
- package/dist/storybook/assets/{message.stories-e00729bb.js → message.stories-d2135d73.js} +1 -1
- package/dist/storybook/assets/{modal.stories-9ac2cceb.js → modal.stories-4a74b5b4.js} +2 -2
- package/dist/storybook/assets/{number-input-8c96cda7.js → number-input-2867677b.js} +1 -1
- package/dist/storybook/assets/{number-input.stories-f2bd8c17.js → number-input.stories-3dd8bdd8.js} +2 -2
- package/dist/storybook/assets/{option-dropdown.stories-1f4c580c.js → option-dropdown.stories-b4bcf361.js} +1 -1
- package/dist/storybook/assets/option-dropdown.stories-eee9bc8d.css +1 -0
- package/dist/storybook/assets/{padding-and-spacing-ee87f839.js → padding-and-spacing-4cd6ad63.js} +2 -2
- package/dist/storybook/assets/{page.stories-50d5da7d.js → page.stories-ddb538ac.js} +1 -1
- package/dist/storybook/assets/{pagination-17b3e364.js → pagination-96898851.js} +1 -1
- package/dist/storybook/assets/{pagination.stories-7402365e.js → pagination.stories-84ce5ddb.js} +2 -2
- package/dist/storybook/assets/{pop-confirm.stories-878f0d96.js → pop-confirm.stories-46bbf17b.js} +1 -1
- package/dist/storybook/assets/popover-e0bfd3a6.css +1 -0
- package/dist/storybook/assets/popover-e167c2be.js +1 -0
- package/dist/storybook/assets/popover.stories-dfceb952.js +1 -0
- package/dist/storybook/assets/preview-be4289db.js +1 -0
- package/dist/storybook/assets/{preview-7c28d288.js → preview-c62fb805.js} +2 -2
- package/dist/storybook/assets/{preview-01a1e1ca.css → preview-dfed001c.css} +1 -1
- package/dist/storybook/assets/projects.stories-60c8e945.js +47 -0
- package/dist/storybook/assets/{radio-button-924b3f45.js → radio-button-b7f25f00.js} +1 -1
- package/dist/storybook/assets/radio-button-bd9936b8.css +1 -0
- package/dist/storybook/assets/{radio-button.stories-dd67853a.js → radio-button.stories-b5f9a271.js} +1 -1
- package/dist/storybook/assets/{reservoirs.stories-f44654d5.js → reservoirs.stories-47bc5500.js} +2 -2
- package/dist/storybook/assets/{rich-text-input.stories-902b9bd1.js → rich-text-input.stories-5c7396c9.js} +3 -3
- package/dist/storybook/assets/{row.stories-a08b7ce9.js → row.stories-b46f9e39.js} +2 -2
- package/dist/storybook/assets/select-4205655a.js +1 -0
- package/dist/storybook/assets/select-b6dc3cfe.css +1 -0
- package/dist/storybook/assets/{select.stories-81270366.js → select.stories-10c5ba09.js} +2 -2
- package/dist/storybook/assets/{side-bar-1719951f.js → side-bar-27e8274f.js} +1 -1
- package/dist/storybook/assets/side-bar-a560fd64.css +1 -0
- package/dist/storybook/assets/{side-bar.stories-d9f57157.js → side-bar.stories-8e95c7a0.js} +1 -1
- package/dist/storybook/assets/{site.stories-b86261ba.js → site.stories-cf305fd6.js} +2 -2
- package/dist/storybook/assets/slider-12b47db8.js +7 -0
- package/dist/storybook/assets/{slider.stories-4465a51d.js → slider.stories-e13e1826.js} +2 -2
- package/dist/storybook/assets/{spacer.stories-6b612945.js → spacer.stories-6e49f485.js} +1 -1
- package/dist/storybook/assets/syntaxhighlighter-NMPM6SWI-6440072d.js +1 -0
- package/dist/storybook/assets/table-80a2a138.css +1 -0
- package/dist/storybook/assets/{table-daf08883.js → table-ebbbb54b.js} +1 -1
- package/dist/storybook/assets/{table.stories-5024643c.js → table.stories-1da7ffea.js} +2 -2
- package/dist/storybook/assets/{table.stories-data-e85b995a.js → table.stories-data-2b6906fd.js} +1 -1
- package/dist/storybook/assets/{textarea-38aecd19.js → textarea-cd192287.js} +1 -1
- package/dist/storybook/assets/{textarea.stories-64c84295.js → textarea.stories-72c40473.js} +1 -1
- package/dist/storybook/assets/{title.stories-d2de0182.js → title.stories-5f27fef6.js} +2 -2
- package/dist/storybook/assets/{toaster-4ed82d87.js → toaster-15d794e1.js} +1 -1
- package/dist/storybook/assets/{toaster-4d5b5be9.css → toaster-ec06371b.css} +1 -1
- package/dist/storybook/assets/{toaster.stories-c465b796.js → toaster.stories-d0d61a71.js} +1 -1
- package/dist/storybook/assets/toggle-d9a0cd27.css +1 -0
- package/dist/storybook/assets/toggle-e8622d72.js +1 -0
- package/dist/storybook/assets/{toggle.stories-aa49ba9e.js → toggle.stories-f186fa2f.js} +1 -1
- package/dist/storybook/assets/{tooltip-856042a7.js → tooltip-23e84186.js} +1 -1
- package/dist/storybook/assets/{tooltip.stories-666868d0.js → tooltip.stories-e8ba5fff.js} +1 -1
- package/dist/storybook/assets/{tooltip.test-case.stories-9ce5cefd.js → tooltip.test-case.stories-1bd44124.js} +1 -1
- package/dist/storybook/assets/top-bar-0cd6dea8.js +1 -0
- package/dist/storybook/assets/top-bar-5c442795.css +1 -0
- package/dist/storybook/assets/{top-bar.stories-243c5b60.js → top-bar.stories-0bef8d8d.js} +1 -1
- package/dist/storybook/assets/{top-bar.testcase.stories-d4569970.js → top-bar.testcase.stories-cae6740f.js} +1 -1
- package/dist/storybook/assets/{tree.stories-8f8b5948.js → tree.stories-46fbfd8b.js} +1 -1
- package/dist/storybook/assets/types-780c6cba.js +1 -0
- package/dist/storybook/assets/types-d3488797.css +1 -0
- package/dist/storybook/iframe.html +1 -1
- package/dist/storybook/index.json +1 -1
- package/dist/storybook/project.json +1 -1
- package/dist/storybook/stories.json +1 -1
- package/package.json +1 -1
- package/dist/storybook/assets/Color-6VNJS4EI-1d4a159a.js +0 -1
- package/dist/storybook/assets/DocsRenderer-NNNQARDV-cf245524.js +0 -1
- package/dist/storybook/assets/WithTooltip-4HIR6TLV-885e2ce8.js +0 -1
- package/dist/storybook/assets/accordion-70848f58.css +0 -1
- package/dist/storybook/assets/actions-8d0b2ecf.css +0 -1
- package/dist/storybook/assets/button-b23dc30f.css +0 -1
- package/dist/storybook/assets/button-b9326f1b.js +0 -1
- package/dist/storybook/assets/buttons-and-links-c4d52011.js +0 -14
- package/dist/storybook/assets/card-66a55247.css +0 -1
- package/dist/storybook/assets/check-box-38d2a540.css +0 -1
- package/dist/storybook/assets/check-box.stories-cee6a007.js +0 -61
- package/dist/storybook/assets/color-7ae26d57.js +0 -25
- package/dist/storybook/assets/dialog-f5aebced.css +0 -1
- package/dist/storybook/assets/extends-98964cd2.js +0 -1
- package/dist/storybook/assets/footer.stories-63a1926c.js +0 -3
- package/dist/storybook/assets/form.stories-a799fe1a.js +0 -49
- package/dist/storybook/assets/formation.stories-100fdffe.js +0 -74
- package/dist/storybook/assets/icon-c9698f36.js +0 -8
- package/dist/storybook/assets/iframe-9d8570f1.js +0 -1
- package/dist/storybook/assets/inheritsLoose-c82a83d4.js +0 -1
- package/dist/storybook/assets/layout-forms-04e1d938.js +0 -16
- package/dist/storybook/assets/option-dropdown.stories-a6ab189e.css +0 -1
- package/dist/storybook/assets/popover-a815efe8.css +0 -1
- package/dist/storybook/assets/popover-e22f5305.js +0 -1
- package/dist/storybook/assets/popover.stories-6878f9b0.js +0 -1
- package/dist/storybook/assets/preview-d01d3f89.js +0 -1
- package/dist/storybook/assets/projects.stories-d2f8f083.js +0 -47
- package/dist/storybook/assets/radio-button-f8d9c1df.css +0 -1
- package/dist/storybook/assets/select-86b77797.js +0 -1
- package/dist/storybook/assets/select-e8982dde.css +0 -1
- package/dist/storybook/assets/side-bar-88eea109.css +0 -1
- package/dist/storybook/assets/slider-93c289b6.js +0 -7
- package/dist/storybook/assets/syntaxhighlighter-NMPM6SWI-20f82c7b.js +0 -1
- package/dist/storybook/assets/table-733b7508.css +0 -1
- package/dist/storybook/assets/toggle-0b0f6d22.js +0 -1
- package/dist/storybook/assets/toggle-d03dba0c.css +0 -1
- package/dist/storybook/assets/top-bar-4362d921.js +0 -1
- package/dist/storybook/assets/top-bar-c8e022c8.css +0 -1
- package/dist/storybook/assets/types-597568b1.css +0 -1
- package/dist/storybook/assets/types-798f9d45.js +0 -1
|
@@ -18,7 +18,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
|
18
18
|
right: undefined,
|
|
19
19
|
position: 'absolute',
|
|
20
20
|
},
|
|
21
|
-
}`},description:"",name:"arrowProps",required:!1,type:{name:"Partial<ArrowProps>"}}}}}catch{}const Ve=({children:e,text:r="",error:n=!1,placement:t="top-center",possiblePlacements:i=["top-center","left-center","bottom-center","right-center"],enabled:o=!0,warning:a=!1,maxWidth:s="none",triggerOffset:l=12,fontSize:u="inherit",padding:c="var(--padding-xxs) var(--padding-xs)",display:f="inline",flex:d="none",forceOpen:p=!1})=>{const v=o&&(g.isValidElement(r)||typeof r=="string"&&r.length>0),[h,m,y]=or({delayEnter:100,delayLeave:0}),b=v?p?!0:h:!1,{renderLayer:C,triggerProps:L,layerProps:O,arrowProps:P}=Kt({isOpen:b,overflowContainer:!0,ResizeObserver:Mt,auto:!0,triggerOffset:l,placement:t,possiblePlacements:i,onParentClose:y});return G.jsxs(G.Fragment,{children:[b&&C(G.jsx(Se,{text:r,error:n,warning:a,padding:c,maxWidth:s,fontSize:u,layerProps:O,arrowProps:P})),G.jsx("span",{...L,...m,style:{display:f,flex:d},children:e})]})};try{Ve.displayName="Tooltip",Ve.__docgenInfo={description:"",displayName:"Tooltip",props:{text:{defaultValue:{value:""},description:"",name:"text",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},error:{defaultValue:{value:"false"},description:"",name:"error",required:!1,type:{name:"boolean"}},warning:{defaultValue:{value:"false"},description:"",name:"warning",required:!1,type:{name:"boolean"}},placement:{defaultValue:{value:"top-center"},description:"",name:"placement",required:!1,type:{name:"enum",value:[{value:'"top-center"'},{value:'"bottom-center"'},{value:'"
|
|
21
|
+
}`},description:"",name:"arrowProps",required:!1,type:{name:"Partial<ArrowProps>"}}}}}catch{}const Ve=({children:e,text:r="",error:n=!1,placement:t="top-center",possiblePlacements:i=["top-center","left-center","bottom-center","right-center"],enabled:o=!0,warning:a=!1,maxWidth:s="none",triggerOffset:l=12,fontSize:u="inherit",padding:c="var(--padding-xxs) var(--padding-xs)",display:f="inline",flex:d="none",forceOpen:p=!1})=>{const v=o&&(g.isValidElement(r)||typeof r=="string"&&r.length>0),[h,m,y]=or({delayEnter:100,delayLeave:0}),b=v?p?!0:h:!1,{renderLayer:C,triggerProps:L,layerProps:O,arrowProps:P}=Kt({isOpen:b,overflowContainer:!0,ResizeObserver:Mt,auto:!0,triggerOffset:l,placement:t,possiblePlacements:i,onParentClose:y});return G.jsxs(G.Fragment,{children:[b&&C(G.jsx(Se,{text:r,error:n,warning:a,padding:c,maxWidth:s,fontSize:u,layerProps:O,arrowProps:P})),G.jsx("span",{...L,...m,style:{display:f,flex:d},children:e})]})};try{Ve.displayName="Tooltip",Ve.__docgenInfo={description:"",displayName:"Tooltip",props:{text:{defaultValue:{value:""},description:"",name:"text",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},error:{defaultValue:{value:"false"},description:"",name:"error",required:!1,type:{name:"boolean"}},warning:{defaultValue:{value:"false"},description:"",name:"warning",required:!1,type:{name:"boolean"}},placement:{defaultValue:{value:"top-center"},description:"",name:"placement",required:!1,type:{name:"enum",value:[{value:'"top-center"'},{value:'"bottom-center"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"left-end"'},{value:'"left-center"'},{value:'"left-start"'},{value:'"right-end"'},{value:'"right-center"'},{value:'"right-start"'},{value:'"center"'}]}},possiblePlacements:{defaultValue:{value:`[
|
|
22
22
|
'top-center',
|
|
23
23
|
'left-center',
|
|
24
24
|
'bottom-center',
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-f961835c.js";import{T as P}from"./tooltip-
|
|
1
|
+
import{j as e}from"./jsx-runtime-f961835c.js";import{T as P}from"./tooltip-23e84186.js";import"./index-f80c8c95.js";import"./index-3d476d02.js";import"./index-a80ed1cf.js";const A={title:"Basic/Tooltip",component:P,args:{text:"Tooltip text",error:!1,warning:!1,enabled:!0,placement:void 0,triggerOffset:void 0,fontSize:void 0,padding:void 0,maxWidth:void 0,display:void 0,children:e.jsx("span",{children:"Hover over me"})}},r=X=>e.jsx(P,{...X}),p=r.bind({}),a=r.bind({});a.args={error:!0};const o=r.bind({});o.args={warning:!0};const t=r.bind({});t.args={text:e.jsxs(e.Fragment,{children:["Select from options:",e.jsxs("ul",{children:[e.jsx("li",{children:"One"}),e.jsx("li",{children:"Two"})]})]})};const n=r.bind({});n.args={placement:"right-end"};const i=r.bind({});i.args={triggerOffset:30};const c=r.bind({});c.args={forceOpen:!0};const s=r.bind({});s.args={display:"block",children:e.jsx("div",{style:{background:"lightgray"},children:"Block element"})};s.parameters={docs:{source:{type:"code"},description:{story:"The `Tooltip` trigger wrapper defaults to `display: inline`. If you encounter layout issues, try changing this to match its content (i.e. `display: block` for `block` elements)"}}};var l,d,g;p.parameters={...p.parameters,docs:{...(l=p.parameters)==null?void 0:l.docs,source:{originalSource:`args => <Tooltip
|
|
2
2
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
3
3
|
{...args} />`,...(g=(d=p.parameters)==null?void 0:d.docs)==null?void 0:g.source}}};var m,u,x;a.parameters={...a.parameters,docs:{...(m=a.parameters)==null?void 0:m.docs,source:{originalSource:`args => <Tooltip
|
|
4
4
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import{j as s}from"./jsx-runtime-f961835c.js";import{T as p}from"./tooltip-
|
|
1
|
+
import{j as s}from"./jsx-runtime-f961835c.js";import{T as p}from"./tooltip-23e84186.js";import{M as m}from"./actions-2160f0b7.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-fa6a59b2.js";import"./spinner-cb92a546.js";import"./index-c89a1915.js";import"./icon-afbea088.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
|
|
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};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as t}from"./jsx-runtime-f961835c.js";import{c as u}from"./index-a80ed1cf.js";import{I as N}from"./icon-afbea088.js";import{T as b}from"./common-types-2c81813f.js";import{B as x}from"./button-fa6a59b2.js";import{M as v}from"./actions-2160f0b7.js";import{r as T}from"./index-f80c8c95.js";import{D as q}from"./disabled-context-d654f6ff.js";const V="_topbar_11jto_11",C="_fixed_11jto_21",k="_appSwitcher_11jto_29",E="_title_11jto_73",I="_logo_11jto_89",M="_label_11jto_92",B="_brand_11jto_97",w="_version_11jto_102",L="_left_11jto_109",H="_right_11jto_110",O="_item_11jto_124",S="_link_11jto_125",A="_button_11jto_137",P="_menu_11jto_138",R="_active_11jto_166",D="_alert_11jto_191",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})=>t.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 h=({icon:e,url:n,onClick:i})=>{const r=t.jsx(N,{icon:e});return n?t.jsx("a",{href:n,onClick:i,className:a.appSwitcher,children:r}):t.jsx("div",{onClick:i,className:a.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:o})=>{const s=t.jsxs("div",{className:a.title,children:[n&&t.jsx("div",{className:a.logo,children:n}),e&&t.jsx("span",{className:a.label,children:e}),r&&t.jsx("div",{className:a.version,children:r})]});return t.jsx("div",{className:u(a.item,a.brand),children:i?t.jsx("a",{href:i,onClick:o,children:s}):t.jsx("div",{onClick:o,children:s})})};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:o,disabled:s,testId:_})=>{const l=T.useContext(q),c=y=>{(s||l)&&y.preventDefault(),r==null||r(y)};return t.jsxs("a",{className:u(a.link,o?a.active:""),href:n||"#",onClick:c,"aria-disabled":s||l,"data-testid":_,role:r&&!n?"button":void 0,children:[i,t.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 t.jsx("div",{className:a.item,children:t.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 t.jsx("div",{className:u(a.item,a.button),children:t.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 t.jsx("div",{className:u(a.item,a.menu),children:t.jsx(v,{maxHeight:"100%",menu:{trigger:b.COMPONENT,fullHeightTrigger:!0,placement:"bottom-start",component:t.jsx(p,{label:e.label,icon:e.icon,onClick:e.onClick}),sections:e.sections}})});case d.COMPONENT:return t.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:n,content:i=[],contentRight:r=[],warning:o="",height:s="var(--size-topbar)",fixedPosition:_=!0})=>t.jsxs("div",{children:[o&&t.jsx(f,{warning:o}),t.jsxs("div",{className:u(a.topbar,_?a.fixed:""),style:{height:s},children:[!!n&&t.jsx(h,{icon:n.icon,url:n.url,onClick:n.onClick}),t.jsxs("div",{className:a.left,children:[e&&t.jsx(g,{label:e.label,logo:e.logo,url:e.url,version:e.version,onClick:e.onClick}),i.map((l,c)=>l?t.jsx(m,{element:l},c):null)]}),t.jsx("div",{className:a.right,children:r.map((l,c)=>l?t.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};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--size-topbar: var(--size-xl);--color-link-border-hover: var(--color-neutral-100);--shadow-topbar: var(--shadow-layer);--border-top-bar: none}[data-theme=dark]{--color-link-border-hover: var(--color-neutral-600);--border-topbar: 1px var(--color-border)}._topbar_11jto_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_11jto_11._fixed_11jto_21{position:fixed}@media print{._topbar_11jto_11{display:none!important}}._appSwitcher_11jto_29{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_11jto_29:hover{background-color:var(--color-neutral-750)}._appSwitcher_11jto_29:active{background-color:var(--color-neutral-800)}[data-theme=dark] ._appSwitcher_11jto_29{background-color:var(--color-neutral-900)}[data-theme=dark] ._appSwitcher_11jto_29:hover{background-color:var(--color-neutral-950)}[data-theme=dark] ._appSwitcher_11jto_29:active{background-color:var(--color-neutral-1000)}._appSwitcher_11jto_29>*{position:relative;z-index:1}._appSwitcher_11jto_29: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_11jto_29:hover:after{opacity:.75}._appSwitcher_11jto_29:active:after{opacity:.5}._title_11jto_73{display:flex;align-items:center;justify-content:center;margin:0;padding:0;position:relative}._title_11jto_73 img,._title_11jto_73 svg{max-height:var(--size-lg);max-width:300px;height:auto;width:auto;color:var(--color-text)}._title_11jto_73 ._logo_11jto_89{display:flex}._title_11jto_73 ._label_11jto_92{color:var(--color-text);white-space:nowrap;font-weight:700}._brand_11jto_97{padding:0;position:relative;flex-shrink:0}._version_11jto_102{line-height:1;position:absolute;right:0;bottom:100%;font-size:var(--font-size-xs)}._left_11jto_109,._right_11jto_110{display:flex;min-width:0}._left_11jto_109{gap:var(--padding);padding-left:var(--padding)}._right_11jto_110{margin-left:auto;flex-shrink:0;padding-right:var(--padding-xs);gap:var(--padding-xs)}._item_11jto_124,._link_11jto_125{align-items:center;display:flex}._item_11jto_124{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_11jto_124._button_11jto_137,._item_11jto_124._menu_11jto_138{flex-shrink:0}._label_11jto_92{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;max-width:100%}._link_11jto_125{text-decoration:none;color:var(--color-text-primary);cursor:pointer;max-width:100%;font-weight:700;height:100%}._link_11jto_125 svg{margin-right:var(--padding-xxs);flex-shrink:0}._link_11jto_125:hover{color:var(--color-text-primary-hover)}._link_11jto_125:active{color:var(--color-text-primary-active)}._link_11jto_125._active_11jto_166{color:var(--color-text)}._link_11jto_125:hover,._link_11jto_125._active_11jto_166{background-color:transparent}._link_11jto_125:after{content:"";position:absolute;left:0;right:0;bottom:0;border-bottom:1px solid transparent}._link_11jto_125:hover:after{border-color:var(--color-link-border-hover)}._link_11jto_125._active_11jto_166:after{border-color:var(--color-background-primary)}._link_11jto_125[disabled]{pointer-events:none;color:var(--color-text-faint)}._alert_11jto_191{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-f961835c.js";import{I as B,T as h}from"./common-types-2c81813f.js";import{T as C}from"./top-bar-
|
|
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-0cd6dea8.js";import{M as I}from"./actions-2160f0b7.js";import{B as n}from"./button-fa6a59b2.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-afbea088.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};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
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-
|
|
1
|
+
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-0cd6dea8.js";import{B as s}from"./button-fa6a59b2.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-afbea088.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./actions-2160f0b7.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={{
|
|
2
2
|
logo: <img src={LogoSVG} alt="logo" />,
|
|
3
3
|
version: 'V1.2.3',
|
|
4
4
|
onClick: () => {}
|