@oliasoft-open-source/react-ui-library 4.0.0-beta-47 → 4.0.0-beta-48
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/bg-rock-164a1bdb.jpg +0 -0
- package/dist/assets/{index-efe65e74.js → index-3bad03d4.js} +46 -46
- package/dist/assets/{index-08b39fce.css → index-614d8b93.css} +132 -113
- package/dist/global.css +132 -113
- package/dist/index.html +1 -1
- package/dist/index.js +46 -46
- package/dist/storybook/assets/{Color-6VNJS4EI-889005b3.js → Color-6VNJS4EI-97a4f5b4.js} +1 -1
- package/dist/storybook/assets/{DocsRenderer-NNNQARDV-3dc9b0e8.js → DocsRenderer-NNNQARDV-119f4f6a.js} +1 -1
- package/dist/storybook/assets/{WithTooltip-4HIR6TLV-c3b75879.js → WithTooltip-4HIR6TLV-6951fbb0.js} +1 -1
- package/dist/storybook/assets/{accordion.stories-c97e44a8.js → accordion.stories-b8874ca5.js} +1 -1
- package/dist/storybook/assets/{afe.stories-6ecaaac7.js → afe.stories-a520477c.js} +1 -1
- package/dist/storybook/assets/bg-rock-164a1bdb.jpg +0 -0
- package/dist/storybook/assets/{blowout.stories-510a0dab.js → blowout.stories-fdd1ceff.js} +1 -1
- package/dist/storybook/assets/{buttons-and-links-fff08b1c.js → buttons-and-links-d3081089.js} +1 -1
- package/dist/storybook/assets/{casing-loads.stories-882fe09a.js → casing-loads.stories-c938245f.js} +1 -1
- package/dist/storybook/assets/{cell.stories-c6b5ff45.js → cell.stories-0f7a064f.js} +1 -1
- package/dist/storybook/assets/{chunk-HLWAVYOI-47d686d2.js → chunk-HLWAVYOI-729ccfb0.js} +1 -1
- package/dist/storybook/assets/{color-d0271597.js → color-7b18d7fd.js} +1 -1
- package/dist/storybook/assets/{footer.stories-9a81baaa.js → footer.stories-c9261b5c.js} +1 -1
- package/dist/storybook/assets/{formation.stories-197576ce.js → formation.stories-8cc4dcb2.js} +1 -1
- package/dist/storybook/assets/{formatter-SWP5E3XI-99feff7a.js → formatter-SWP5E3XI-61fdfffd.js} +1 -1
- package/dist/storybook/assets/{iframe-8a6d01d6.js → iframe-30d6ad9d.js} +1 -1
- package/dist/storybook/assets/{index-099b2823.js → index-2023d8cd.js} +4 -4
- package/dist/storybook/assets/{input-validation-656ccd18.js → input-validation-a012a021.js} +1 -1
- package/dist/storybook/assets/{inputs-d1d9fcd2.js → inputs-a94948e9.js} +1 -1
- package/dist/storybook/assets/{layout-forms-40ccad8d.js → layout-forms-9741c243.js} +1 -1
- package/dist/storybook/assets/{layout-general-be563f85.js → layout-general-91870caf.js} +1 -1
- package/dist/storybook/assets/{padding-and-spacing-4ec278f2.js → padding-and-spacing-e7f55610.js} +1 -1
- package/dist/storybook/assets/{page.stories-d9a2d39a.js → page.stories-112cee15.js} +1 -1
- package/dist/storybook/assets/{preview-e2eb5cd8.js → preview-86ec637f.js} +1 -1
- package/dist/storybook/assets/preview-91d1a885.js +1 -0
- package/dist/storybook/assets/{projects.stories-520eff7e.js → projects.stories-c38c446f.js} +1 -1
- package/dist/storybook/assets/{reservoirs.stories-be6cc615.js → reservoirs.stories-7b64c8bf.js} +1 -1
- package/dist/storybook/assets/{row.stories-331ee092.js → row.stories-a9d72009.js} +1 -1
- package/dist/storybook/assets/side-bar-88eea109.css +1 -0
- package/dist/storybook/assets/{side-bar-7787901d.js → side-bar-8c400ae0.js} +1 -1
- package/dist/storybook/assets/{side-bar.stories-1d63d0f2.js → side-bar.stories-a2f006d6.js} +1 -1
- package/dist/storybook/assets/{site.stories-7bfda478.js → site.stories-2c8af12e.js} +1 -1
- package/dist/storybook/assets/{syntaxhighlighter-NMPM6SWI-efbf2441.js → syntaxhighlighter-NMPM6SWI-f568cf57.js} +1 -1
- package/dist/storybook/assets/{table-42d55209.css → table-733b7508.css} +1 -1
- package/dist/storybook/assets/{table-b4fefa75.js → table-e581644d.js} +1 -1
- package/dist/storybook/assets/{table.stories-7d2ce4ae.js → table.stories-e2ac22ba.js} +1 -1
- package/dist/storybook/assets/{title.stories-b8e98201.js → title.stories-283bcb5b.js} +1 -1
- package/dist/storybook/assets/top-bar-06e29c00.js +1 -0
- package/dist/storybook/assets/top-bar-c8e022c8.css +1 -0
- package/dist/storybook/assets/{top-bar.stories-65688c70.js → top-bar.stories-cc6256bb.js} +1 -1
- package/dist/storybook/assets/{top-bar.testcase.stories-be404502.js → top-bar.testcase.stories-e845e01e.js} +1 -1
- package/dist/storybook/iframe.html +1 -1
- package/dist/storybook/project.json +1 -1
- package/package.json +1 -1
- package/dist/storybook/assets/preview-686abff9.js +0 -1
- package/dist/storybook/assets/side-bar-848e7181.css +0 -1
- package/dist/storybook/assets/top-bar-cccbfda7.js +0 -1
- package/dist/storybook/assets/top-bar-e3663cd3.css +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as a}from"./jsx-runtime-f961835c.js";import{I as t}from"./common-types-2c81813f.js";import{S as m}from"./side-bar-
|
|
1
|
+
import{j as a}from"./jsx-runtime-f961835c.js";import{I as t}from"./common-types-2c81813f.js";import{S as m}from"./side-bar-8c400ae0.js";import{F as g}from"./flex-47732c42.js";import{B as u}from"./badge-3abf067b.js";import{s as S}from"./icon-custom-822ce507.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./index-c7f280f6.js";import"./drawer-be080553.js";import"./lodash-75c70a11.js";import"./index-c89a1915.js";import"./index-3d476d02.js";import"./icon-281c0950.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./disabled-context-d654f6ff.js";import"./button-b407ca6a.js";import"./spinner-cb92a546.js";import"./tooltip-23e84186.js";const h=[{heading:"First Heading",items:[{label:"Section A",value:"/path/to/something",onClick:()=>{},icon:S},{label:a.jsxs(g,{alignItems:"center",gap:"var(--padding-xxs)",children:["Section B",a.jsx(u,{small:!0,title:"BETA"})]}),value:"/path/to/something",onClick:()=>{},icon:t.HELP,isActive:!0},{label:"Section C",value:"/path/to/something",onClick:()=>{},icon:t.EDIT},{label:"Experimental Section",value:"/path/to/something",onClick:()=>{},icon:t.LIBRARY,isExperimental:!0}]},{heading:"Second Heading",items:[{label:"Section 1",value:"/path/to/something",onClick:()=>{},icon:t.SETTINGS},{label:"Section 2",value:"/path/to/something",onClick:()=>{},icon:t.STAR},{label:"Invalid Section",value:"/path/to/something",onClick:()=>{},icon:t.NOTIFICATION,invalid:!0}]}],L={title:"Navigation/SideBar",component:m,parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}},args:{options:{title:"Title",sections:h},startOpen:!1},argTypes:{top:{control:{type:"text"}},startOpen:{control:{type:"boolean"}}}},c=d=>a.jsx(m,{...d}),o=c.bind({}),e=c.bind({});e.args={startOpen:!0};var i,r,s;o.parameters={...o.parameters,docs:{...(i=o.parameters)==null?void 0:i.docs,source:{originalSource:"args => <SideBar {...args} />",...(s=(r=o.parameters)==null?void 0:r.docs)==null?void 0:s.source}}};var n,l,p;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:"args => <SideBar {...args} />",...(p=(l=e.parameters)==null?void 0:l.docs)==null?void 0:p.source}}};const G=["Default","StartOpen"];export{o as Default,e as StartOpen,G as __namedExportsOrder,L as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-f961835c.js";import{r as x}from"./index-f80c8c95.js";import{I as j}from"./common-types-2c81813f.js";import{T as g}from"./top-bar-
|
|
1
|
+
import{j as e}from"./jsx-runtime-f961835c.js";import{r as x}from"./index-f80c8c95.js";import{I as j}from"./common-types-2c81813f.js";import{T as g}from"./top-bar-06e29c00.js";import{S as w}from"./side-bar-8c400ae0.js";import{H as t}from"./heading-b284588d.js";import{B as L}from"./button-b407ca6a.js";import{D as v}from"./drawer-be080553.js";import{L as d}from"./list-ef93e9d0.js";import{F as l}from"./field-27f1aa78.js";import{I as a}from"./input-d116362c.js";import{C as m}from"./check-box-e3bb7b90.js";import{P as f}from"./page-6d07f774.js";import{R as o,C as i}from"./row-bd69aca9.js";import{A as u}from"./accordion-9b92fc3c.js";import{S as s}from"./spacer-54db0620.js";import{T as F}from"./tabs-087681cd.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"./badge-3abf067b.js";import"./index-c7f280f6.js";import"./help-icon-ca6c6ab6.js";import"./spinner-cb92a546.js";import"./index.es-a10b54aa.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./memoize-one.esm-52518564.js";import"./card-2de0de0b.js";import"./list-heading-810086b0.js";import"./loader-87ec8334.js";import"./label-886ad9c6.js";import"./styled-components.browser.esm-416d73e5.js";import"./select.input-88b6ebab.js";const C=[{label:"Import",value:"import",right:!0},{label:"Settings",value:"settings",right:!0}],S=()=>e.jsx("div",{style:{background:"#AAD3DF",borderLeft:"1px solid #8AB3BF",display:"flex",alignItems:"center",justifyContent:"center",color:"white",height:"100%"},children:"MAP"}),be={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},n=()=>{const[r,b]=x.useState(!0);return e.jsxs(e.Fragment,{children:[e.jsx(g,{}),e.jsx(w,{options:{title:"",sections:[]},width:"250px"}),e.jsx(f,{padding:!1,scroll:!1,children:e.jsxs(o,{spacing:0,flex:!0,children:[e.jsxs(v,{button:e.jsx(L,{onClick:()=>b(!r),round:!0,icon:j.CHEVRON_LEFT}),open:r,width:300,closedWidth:"var(--size-sidebar)",children:[e.jsx(d,{drawer:!0,narrow:!r,list:{name:"Sites",items:[{id:1,name:"Main Site",type:"Heading"},{id:2,name:"Site name here",active:!0,label:{value:1,color:"#69779b"}},{id:3,name:"Locations",type:"Heading"},{id:4,name:"Ipsum",label:{value:2,color:"#69779b"}},{id:5,name:"Dolor",label:{value:3,color:"#69779b"}}]}}),e.jsx(d,{drawer:!0,narrow:!r,list:{name:"Wells",items:[{id:1,name:"Main Wellbore",type:"Heading"},{id:2,name:"Lorem",label:{value:1,color:"#77699b"}}]}}),e.jsx(d,{drawer:!0,narrow:!r,list:{name:"Targets",items:[{id:1,name:"Lorem",label:{value:1,color:"#9b6977"}}]}})]}),e.jsxs(i,{borderLeft:!0,flexbox:!0,children:[e.jsx(s,{}),e.jsx(F,{padding:!0,margin:!1,options:C}),e.jsxs(o,{spacing:0,flex:!0,children:[e.jsxs(i,{scroll:!0,padding:!0,width:550,children:[e.jsx(t,{top:!0,children:"Site name here"}),e.jsx(l,{label:"Name",children:e.jsx(a,{value:"Site name here",width:"200px"})}),e.jsxs(u,{heading:e.jsx(t,{children:"Coordinate Reference System"}),managed:!0,children:[e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{children:e.jsx(m,{label:"Dolor"})})]}),e.jsx(s,{}),e.jsx(t,{marginBottom:"var(--padding)",children:"Location"}),e.jsxs(o,{children:[e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})})]}),e.jsx(s,{}),e.jsx(t,{marginBottom:"var(--padding)",children:"Model"}),e.jsxs(o,{children:[e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})})]}),e.jsxs(u,{heading:e.jsx(t,{children:"Settings"}),managed:!0,children:[e.jsx(l,{children:e.jsx(m,{label:"Dolor"})}),e.jsxs(o,{children:[e.jsxs(i,{children:[e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})]}),e.jsxs(i,{children:[e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})]})]})]})]}),e.jsx(i,{children:e.jsx(S,{})})]})]})]})})]})};var p,c,h;n.parameters={...n.parameters,docs:{...(p=n.parameters)==null?void 0:p.docs,source:{originalSource:`() => {
|
|
2
2
|
const [open, setOpen] = useState(true);
|
|
3
3
|
return <>
|
|
4
4
|
<TopBar />
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{S as c,c as l,s as n}from"./index-
|
|
1
|
+
import{S as c,c as l,s as n}from"./index-2023d8cd.js";import"./iframe-30d6ad9d.js";import"../sb-preview/runtime.js";import"./index-f80c8c95.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-97a99495.js";export{c as SyntaxHighlighter,l as createCopyToClipboardFunction,n as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._inputInTable_1cgo3_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_1cgo3_1:not(:hover){border-color:transparent}._inputInTable_1cgo3_1:not(:focus){box-shadow:none}._inputHover_1cgo3_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_1cgo3_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_1cgo3_25,._inputWarning_1cgo3_26{position:relative}._inputError_1cgo3_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error)}._inputError_1cgo3_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_1cgo3_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_1cgo3_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning)}._inputWarning_1cgo3_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_1cgo3_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_1cgo3_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_1cgo3_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_1cgo3_67::-webkit-scrollbar{display:none}:root{--color-background-table-header: var(--color-neutral-150);--color-background-table-row-tinted: var(--color-neutral-50);--color-border-table: var(--color-neutral-200)}html[data-theme=dark]{--color-background-table-header: var(--color-neutral-800);--color-background-table-row-tinted: var(--color-neutral-850);--color-border-table: var(--color-neutral-700)}._wrapper_1cgo3_87{border-radius:inherit;max-height:100%;max-width:100%;display:flex;flex-direction:column;overflow:hidden}._wrapper_1cgo3_87._bordered_1cgo3_95{border-radius:var(--border-radius);border:1px solid var(--color-border-table)}._scroll_1cgo3_99{overflow-y:auto;border-radius:inherit;flex:1;min-height:0}._scroll_1cgo3_99:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}._table_1cgo3_109{background:var(--color-background-raised);color:var(--color-text);border-collapse:separate;border-spacing:0;border-radius:inherit;width:100%;font-variant-numeric:tabular-nums}._table_1cgo3_109>:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}._table_1cgo3_109>:first-child>:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}._table_1cgo3_109>:first-child>:first-child>:first-child{border-top-left-radius:inherit}._table_1cgo3_109>:first-child>:first-child>:last-child{border-top-right-radius:inherit}._table_1cgo3_109>:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}._table_1cgo3_109>:last-child>:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}._table_1cgo3_109>:last-child>:last-child>:first-child{border-bottom-left-radius:inherit}._table_1cgo3_109>:last-child>:last-child>:last-child{border-bottom-right-radius:inherit}th,td{padding:var(--padding-input)!important;height:var(--size);background:inherit;border-color:var(--color-border-table);border-style:solid;border-width:0}th:not(:first-child),td:not(:first-child){border-left-width:1px}._table_1cgo3_109>*:not(:last-child)>tr th,._table_1cgo3_109>*:not(:last-child)>tr td,._table_1cgo3_109>*:last-child>tr:not(:last-child) th,._table_1cgo3_109>*:last-child>tr:not(:last-child) td{border-bottom-width:1px}@-moz-document url-prefix(){tr{height:var(--size)}td,th{height:100%}}thead{position:sticky;top:0;overflow:hidden;z-index:5}thead tr{background-color:var(--color-background-table-header)}tbody{overflow:hidden}tbody tr{background-color:var(--color-background-raised)}._striped_1cgo3_189 tbody tr:nth-child(2n){background-color:var(--color-background-table-row-tinted)}._title_15m3r_1{background-color:var(--color-background);border-bottom:1px solid var(--color-border-table);padding:var(--padding-xxs) var(--padding-sm);display:flex;align-items:center;justify-content:space-between;gap:4px;width:100%;border-top-left-radius:inherit;border-top-right-radius:inherit}._footer_u47t6_1{background-color:var(--color-background-table-header);z-index:4;overflow:hidden;flex-shrink:0}._section_u47t6_7{padding:var(--padding-input);display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--color-border-table)}._clickableRow_11d5t_1{cursor:pointer}._hoverableRow_11d5t_4:not(._rowActive_11d5t_4):hover,._clickableRow_11d5t_1:not(._rowActive_11d5t_4):hover{background-color:var(--color-background-listitem-hover)!important}._expandableRow_11d5t_8._flush_11d5t_8{padding:0!important;height:auto!important}._rowActive_11d5t_4{position:relative;background-color:var(--color-background-listitem-active)!important}._rowActive_11d5t_4:after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;border-top-left-radius:inherit;border-bottom-left-radius:inherit;transition:background .3s;background:var(--color-background-primary)}._dragIconCell_11d5t_28{width:var(--size);min-width:var(--size);position:relative}._dragIcon_11d5t_28{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;bottom:0;left:0;color:var(--color-text-faint)}._dragIcon_11d5t_28:hover{color:var(--color-text-primary-hover)}._dragIcon_11d5t_28:active{color:var(--color-text-primary-active)}._inputInTable_c2ruy_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_c2ruy_1:not(:hover){border-color:transparent}._inputInTable_c2ruy_1:not(:focus){box-shadow:none}._inputHover_c2ruy_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_c2ruy_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_c2ruy_25,._inputWarning_c2ruy_26{position:relative}._inputError_c2ruy_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error)}._inputError_c2ruy_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_c2ruy_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_c2ruy_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning)}._inputWarning_c2ruy_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_c2ruy_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_c2ruy_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_c2ruy_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_c2ruy_67::-webkit-scrollbar{display:none}._cell_c2ruy_77 a{cursor:pointer;color:var(--color-text-primary)}._cell_c2ruy_77 a:hover{color:var(--color-text-primary-hover)}._cell_c2ruy_77 a:active{color:var(--color-text-primary-active)}._cell_c2ruy_77 a._disabledLink_c2ruy_87{color:var(--color-text-faint)!important;cursor:default!important}._inputWrapper_c2ruy_91{height:100%;border-radius:inherit}._inputWrapper_c2ruy_91>span,._inputWrapper_c2ruy_91>span>span,._inputWrapper_c2ruy_91>span>span>div{height:100%;border-radius:inherit}._inputWrapper_c2ruy_91>div,._inputWrapper_c2ruy_91>div>span{height:100%;border-radius:inherit}._breakWord_c2ruy_106{word-break:break-word}._inputCell_c2ruy_109{padding:0!important}._sliderCell_c2ruy_112{padding-top:0!important;padding-bottom:0!important}._staticCell_c2ruy_116{padding:0!important}._staticCell_c2ruy_116 ._staticCellContent_c2ruy_119{line-height:1.25;min-height:100%;padding:var(--padding-input);position:relative;border-radius:inherit;display:flex;align-items:center}tbody ._staticCell_c2ruy_116 ._staticCellContent_c2ruy_119{background-color:var(--color-background-disabled);color:var(--color-text-muted)}._staticCell_c2ruy_116 ._staticCellContent_c2ruy_119._error_c2ruy_132,._staticCell_c2ruy_116 ._staticCellContent_c2ruy_119._warning_c2ruy_133{border:1px solid transparent}._staticCell_c2ruy_116 ._staticCellContent_c2ruy_119._error_c2ruy_132{background-color:var(--color-background-error)}._staticCell_c2ruy_116 ._staticCellContent_c2ruy_119._warning_c2ruy_133{background-color:var(--color-background-warning)}._staticCell_c2ruy_116 ._staticCellContent_c2ruy_119._unit_c2ruy_142{font-weight:400}._sortingCell_c2ruy_145 ._staticCellContent_c2ruy_119{position:relative;padding-right:calc(var(--size) + var(--padding-xxs))!important;cursor:pointer!important}._sortingCell_c2ruy_145 ._staticCellContent_c2ruy_119:hover{background-color:#0000000d!important}[data-theme=dark] ._sortingCell_c2ruy_145 ._staticCellContent_c2ruy_119:hover{background-color:#ffffff1a!important}._sortingCell_c2ruy_145 ._sortingCellIcon_c2ruy_156{font-size:var(--size-xs);position:absolute;right:var(--padding-input-x);top:50%;transform:translateY(-50%);display:flex}._sortingCell_c2ruy_145 ._sortingCellIcon_c2ruy_156>*{display:flex}._icon_c2ruy_167{display:inline-flex;margin-left:var(--padding-xxs)}._checkBoxCell_c2ruy_171{padding-block:0!important;width:var(--size)}._iconCellWrapper_c2ruy_175{display:flex;justify-content:center}._actionsCell_c2ruy_179{width:var(--size-sm);padding:0 calc((var(--size) - var(--size-sm)) / 2)!important;position:sticky;right:0;background:inherit;z-index:4}._rightAligned_c2ruy_187{text-align:right!important}._rightAligned_c2ruy_187 ._staticCellContent_c2ruy_119{justify-content:flex-end}._centerAligned_c2ruy_193{text-align:center!important}._centerAligned_c2ruy_193 ._staticCellContent_c2ruy_119{justify-content:center}._leftAligned_c2ruy_199{text-align:left!important}._popover_c2ruy_202{padding:var(--padding-input)}._disabledPointerEvents_c2ruy_205{pointer-events:none}
|
|
1
|
+
._inputInTable_slixv_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_slixv_1:not(:hover){border-color:transparent}._inputInTable_slixv_1:not(:focus){box-shadow:none}._inputHover_slixv_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_slixv_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_slixv_25,._inputWarning_slixv_26{position:relative}._inputError_slixv_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error)}._inputError_slixv_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_slixv_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_slixv_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning)}._inputWarning_slixv_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_slixv_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_slixv_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_slixv_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_slixv_67::-webkit-scrollbar{display:none}:root{--color-background-table-header: var(--color-neutral-150);--color-background-table-row-tinted: var(--color-neutral-50);--color-border-table: var(--color-neutral-250)}html[data-theme=dark]{--color-background-table-header: var(--color-neutral-800);--color-background-table-row-tinted: var(--color-neutral-850);--color-border-table: var(--color-neutral-700)}._wrapper_slixv_87{border-radius:inherit;max-height:100%;max-width:100%;display:flex;flex-direction:column;overflow:hidden}._wrapper_slixv_87._bordered_slixv_95{border-radius:var(--border-radius);border:1px solid var(--color-border-table)}._scroll_slixv_99{overflow-y:auto;border-radius:inherit;flex:1;min-height:0}._scroll_slixv_99:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}._table_slixv_109{background:var(--color-background-raised);color:var(--color-text);border-collapse:separate;border-spacing:0;border-radius:inherit;width:100%;font-variant-numeric:tabular-nums}._table_slixv_109>:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}._table_slixv_109>:first-child>:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}._table_slixv_109>:first-child>:first-child>:first-child{border-top-left-radius:inherit}._table_slixv_109>:first-child>:first-child>:last-child{border-top-right-radius:inherit}._table_slixv_109>:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}._table_slixv_109>:last-child>:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}._table_slixv_109>:last-child>:last-child>:first-child{border-bottom-left-radius:inherit}._table_slixv_109>:last-child>:last-child>:last-child{border-bottom-right-radius:inherit}th,td{padding:var(--padding-input)!important;height:var(--size);background:inherit;border-color:var(--color-border-table);border-style:solid;border-width:0}th:not(:first-child),td:not(:first-child){border-left-width:1px}._table_slixv_109>*:not(:last-child)>tr th,._table_slixv_109>*:not(:last-child)>tr td,._table_slixv_109>*:last-child>tr:not(:last-child) th,._table_slixv_109>*:last-child>tr:not(:last-child) td{border-bottom-width:1px}@-moz-document url-prefix(){tr{height:var(--size)}td,th{height:100%}}thead{position:sticky;top:0;overflow:hidden;z-index:5}thead tr{background-color:var(--color-background-table-header)}tbody{overflow:hidden}tbody tr{background-color:var(--color-background-raised)}._striped_slixv_189 tbody tr:nth-child(2n){background-color:var(--color-background-table-row-tinted)}._title_15m3r_1{background-color:var(--color-background);border-bottom:1px solid var(--color-border-table);padding:var(--padding-xxs) var(--padding-sm);display:flex;align-items:center;justify-content:space-between;gap:4px;width:100%;border-top-left-radius:inherit;border-top-right-radius:inherit}._footer_u47t6_1{background-color:var(--color-background-table-header);z-index:4;overflow:hidden;flex-shrink:0}._section_u47t6_7{padding:var(--padding-input);display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--color-border-table)}._clickableRow_11d5t_1{cursor:pointer}._hoverableRow_11d5t_4:not(._rowActive_11d5t_4):hover,._clickableRow_11d5t_1:not(._rowActive_11d5t_4):hover{background-color:var(--color-background-listitem-hover)!important}._expandableRow_11d5t_8._flush_11d5t_8{padding:0!important;height:auto!important}._rowActive_11d5t_4{position:relative;background-color:var(--color-background-listitem-active)!important}._rowActive_11d5t_4:after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;border-top-left-radius:inherit;border-bottom-left-radius:inherit;transition:background .3s;background:var(--color-background-primary)}._dragIconCell_11d5t_28{width:var(--size);min-width:var(--size);position:relative}._dragIcon_11d5t_28{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;bottom:0;left:0;color:var(--color-text-faint)}._dragIcon_11d5t_28:hover{color:var(--color-text-primary-hover)}._dragIcon_11d5t_28:active{color:var(--color-text-primary-active)}._inputInTable_c2ruy_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_c2ruy_1:not(:hover){border-color:transparent}._inputInTable_c2ruy_1:not(:focus){box-shadow:none}._inputHover_c2ruy_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_c2ruy_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_c2ruy_25,._inputWarning_c2ruy_26{position:relative}._inputError_c2ruy_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error)}._inputError_c2ruy_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_c2ruy_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_c2ruy_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning)}._inputWarning_c2ruy_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_c2ruy_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_c2ruy_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_c2ruy_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_c2ruy_67::-webkit-scrollbar{display:none}._cell_c2ruy_77 a{cursor:pointer;color:var(--color-text-primary)}._cell_c2ruy_77 a:hover{color:var(--color-text-primary-hover)}._cell_c2ruy_77 a:active{color:var(--color-text-primary-active)}._cell_c2ruy_77 a._disabledLink_c2ruy_87{color:var(--color-text-faint)!important;cursor:default!important}._inputWrapper_c2ruy_91{height:100%;border-radius:inherit}._inputWrapper_c2ruy_91>span,._inputWrapper_c2ruy_91>span>span,._inputWrapper_c2ruy_91>span>span>div{height:100%;border-radius:inherit}._inputWrapper_c2ruy_91>div,._inputWrapper_c2ruy_91>div>span{height:100%;border-radius:inherit}._breakWord_c2ruy_106{word-break:break-word}._inputCell_c2ruy_109{padding:0!important}._sliderCell_c2ruy_112{padding-top:0!important;padding-bottom:0!important}._staticCell_c2ruy_116{padding:0!important}._staticCell_c2ruy_116 ._staticCellContent_c2ruy_119{line-height:1.25;min-height:100%;padding:var(--padding-input);position:relative;border-radius:inherit;display:flex;align-items:center}tbody ._staticCell_c2ruy_116 ._staticCellContent_c2ruy_119{background-color:var(--color-background-disabled);color:var(--color-text-muted)}._staticCell_c2ruy_116 ._staticCellContent_c2ruy_119._error_c2ruy_132,._staticCell_c2ruy_116 ._staticCellContent_c2ruy_119._warning_c2ruy_133{border:1px solid transparent}._staticCell_c2ruy_116 ._staticCellContent_c2ruy_119._error_c2ruy_132{background-color:var(--color-background-error)}._staticCell_c2ruy_116 ._staticCellContent_c2ruy_119._warning_c2ruy_133{background-color:var(--color-background-warning)}._staticCell_c2ruy_116 ._staticCellContent_c2ruy_119._unit_c2ruy_142{font-weight:400}._sortingCell_c2ruy_145 ._staticCellContent_c2ruy_119{position:relative;padding-right:calc(var(--size) + var(--padding-xxs))!important;cursor:pointer!important}._sortingCell_c2ruy_145 ._staticCellContent_c2ruy_119:hover{background-color:#0000000d!important}[data-theme=dark] ._sortingCell_c2ruy_145 ._staticCellContent_c2ruy_119:hover{background-color:#ffffff1a!important}._sortingCell_c2ruy_145 ._sortingCellIcon_c2ruy_156{font-size:var(--size-xs);position:absolute;right:var(--padding-input-x);top:50%;transform:translateY(-50%);display:flex}._sortingCell_c2ruy_145 ._sortingCellIcon_c2ruy_156>*{display:flex}._icon_c2ruy_167{display:inline-flex;margin-left:var(--padding-xxs)}._checkBoxCell_c2ruy_171{padding-block:0!important;width:var(--size)}._iconCellWrapper_c2ruy_175{display:flex;justify-content:center}._actionsCell_c2ruy_179{width:var(--size-sm);padding:0 calc((var(--size) - var(--size-sm)) / 2)!important;position:sticky;right:0;background:inherit;z-index:4}._rightAligned_c2ruy_187{text-align:right!important}._rightAligned_c2ruy_187 ._staticCellContent_c2ruy_119{justify-content:flex-end}._centerAligned_c2ruy_193{text-align:center!important}._centerAligned_c2ruy_193 ._staticCellContent_c2ruy_119{justify-content:center}._leftAligned_c2ruy_199{text-align:left!important}._popover_c2ruy_202{padding:var(--padding-input)}._disabledPointerEvents_c2ruy_205{pointer-events:none}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as n}from"./jsx-runtime-f961835c.js";import{r as V}from"./index-f80c8c95.js";import{c as j}from"./index-a80ed1cf.js";import{I as He,D as Pe,C as Le,P as Fe}from"./index.es-a10b54aa.js";import{l as De}from"./lodash-75c70a11.js";import{A as ye}from"./actions-b2d6959f.js";import{H as $e}from"./heading-b284588d.js";import{P as Oe}from"./pagination-234e2e67.js";import{A as b,I as $}from"./common-types-2c81813f.js";import{I as Be}from"./input-d116362c.js";import{N as Me}from"./number-input-2867677b.js";import{S as Ge}from"./select-5b49db3f.js";import{D as Ue}from"./disabled-context-d654f6ff.js";import{i as O}from"./types-332ceaf3.js";import{T as fe}from"./tooltip-23e84186.js";import{C as Xe}from"./check-box-e3bb7b90.js";import{S as Je}from"./slider-eb402216.js";import{I as B}from"./icon-281c0950.js";import{P as Ke}from"./popover-b4e25e01.js";import{H as Ee}from"./help-icon-ca6c6ab6.js";import{T as ee}from"./text-ad1f5f1d.js";const ze="_inputInTable_1cgo3_1",Ye="_inputHover_1cgo3_13",Qe="_inputFocus_1cgo3_18",Ze="_inputError_1cgo3_25",en="_inputWarning_1cgo3_26",nn="_inputDisabled_1cgo3_61",tn="_hideScrollbars_1cgo3_67",rn="_wrapper_1cgo3_87",an="_bordered_1cgo3_95",ln="_scroll_1cgo3_99",on="_table_1cgo3_109",sn="_striped_1cgo3_189",H={inputInTable:ze,inputHover:Ye,inputFocus:Qe,inputError:Ze,inputWarning:en,inputDisabled:nn,hideScrollbars:tn,wrapper:rn,bordered:an,scroll:ln,table:on,striped:sn},cn="_title_15m3r_1",dn={title:cn},U=({name:e=null,actions:t=null,actionsRight:a=!1,testId:l})=>{const r=e!==null,o=t!==null;if(!r&&!o)return null;const s=()=>{if(!o)return null;const u=n.jsx(ye,{actions:t});return a?u:n.jsx("div",{children:u})};return n.jsxs("div",{className:dn.title,children:[r?n.jsx($e,{children:n.jsx("span",{"data-testid":l,children:e})}):null,s()]})};try{U.displayName="Title",U.__docgenInfo={description:"",displayName:"Title",props:{name:{defaultValue:{value:"null"},description:"",name:"name",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},actions:{defaultValue:{value:"null"},description:"",name:"actions",required:!1,type:{name:"any"}},actionsRight:{defaultValue:{value:"false"},description:"",name:"actionsRight",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const un="_footer_u47t6_1",pn="_section_u47t6_7",ne={footer:un,section:pn},X=({colSpan:e,pagination:t,actions:a,content:l})=>{const r=a&&a.length,o=l!=null,s=()=>{var c,p;if(t){const{rowCount:d,rowsPerPage:y}=t,g=Number((p=(c=y==null?void 0:y.options)==null?void 0:c[0])==null?void 0:p.value);return d>g}return!1};return r||o||s()?n.jsxs("div",{className:ne.footer,children:[o?n.jsx("div",{className:ne.section,children:n.jsx("div",{children:l})}):null,r||s()?n.jsxs("div",{className:ne.section,children:[s()?n.jsx(Oe,{pagination:t}):n.jsx("div",{}),r&&n.jsx("div",{children:n.jsx(ye,{actions:a})})]}):null]}):null};try{X.displayName="Footer",X.__docgenInfo={description:"",displayName:"Footer",props:{colSpan:{defaultValue:null,description:"",name:"colSpan",required:!1,type:{name:"number"}},pagination:{defaultValue:null,description:"",name:"pagination",required:!0,type:{name:"IPagination"}},actions:{defaultValue:null,description:"",name:"actions",required:!1,type:{name:"IAction[]"}},content:{defaultValue:null,description:"",name:"content",required:!1,type:{name:"ReactNode"}}}}}catch{}const Se=e=>{const t=Math.max(...e.reduce((a,l)=>{const r=l.cells.map(o=>o.colSpan?o.colSpan:1).reduce((o,s)=>o+s,0);return a.concat(r)},[]));return isNaN(t)?0:t},mn=(e,t)=>{const a=[Se(t),Se(e)];return Math.max(...a)},Te=e=>e.reduce((t,a)=>a.actions&&a.actions.length>0?1:t,0),_n=(e,t)=>Te(t)>0||Te(e)>0,J=({table:e,children:t})=>{const{rows:a,infiniteScroll:l}=e,r=Math.ceil(window.innerHeight/30),[o,s]=l?V.useState(r):[a.length,null],[u,c]=l?V.useState(o<a.length):[!1,null],p=()=>{if(o>=a.length&&c){c(!1);return}s&&s(o+r)};return n.jsx("div",{id:"scrollWrapper",className:H.scroll,children:l?n.jsx(He,{dataLength:Math.min(a.length,o+r),next:p,hasMore:u,scrollableTarget:"scrollWrapper",style:{overflow:"initial"},loader:null,children:t({visibleRows:o})}):t({visibleRows:o})})};try{J.displayName="TableScrollWrapper",J.__docgenInfo={description:"",displayName:"TableScrollWrapper",props:{table:{defaultValue:null,description:"",name:"table",required:!0,type:{name:"ITableProps"}}}}}catch{}const gn="_clickableRow_11d5t_1",yn="_hoverableRow_11d5t_4",fn="_rowActive_11d5t_4",hn="_expandableRow_11d5t_8",bn="_flush_11d5t_8",Cn="_dragIconCell_11d5t_28",xn="_dragIcon_11d5t_28",R={clickableRow:gn,hoverableRow:yn,rowActive:fn,expandableRow:hn,flush:bn,dragIconCell:Cn,dragIcon:xn},K=({colSpan:e,children:t,flush:a})=>n.jsx("tr",{children:n.jsx("td",{colSpan:e,className:j(R.expandableRow,a?R.flush:""),children:t})});try{K.displayName="ExpandedContentRow",K.__docgenInfo={description:"",displayName:"ExpandedContentRow",props:{colSpan:{defaultValue:null,description:"",name:"colSpan",required:!0,type:{name:"number"}},flush:{defaultValue:null,description:"",name:"flush",required:!1,type:{name:"boolean"}}}}}catch{}const Ve=(e,t={leftAligned:"",rightAligned:"",centerAligned:""},a=!1)=>{if(!e)return null;const{bodyAlignment:l,headerAlignment:r,isHeader:o}=e;switch(o&&r?r:l){case b.LEFT:return a?b.LEFT:t.leftAligned;case b.RIGHT:return a?b.RIGHT:t.rightAligned;case b.CENTER:return a?b.CENTER:t.centerAligned;default:return a?b.LEFT:t.leftAligned}},In=(e,t=!1,a=0)=>{if(!e||e.length===0)return[];const l=e.every(o=>Array.isArray(o)),r=e.every(o=>typeof o=="string");return l&&t?e[a]||[]:r?e:(console.warn("getHeaderAlignment: alignments array contains a mix of strings and arrays, returning an empty array."),[])},Nn="_inputInTable_c2ruy_1",jn="_inputHover_c2ruy_13",wn="_inputFocus_c2ruy_18",An="_inputError_c2ruy_25",vn="_inputWarning_c2ruy_26",Rn="_inputDisabled_c2ruy_61",Sn="_hideScrollbars_c2ruy_67",Tn="_cell_c2ruy_77",Vn="_disabledLink_c2ruy_87",qn="_inputWrapper_c2ruy_91",En="_breakWord_c2ruy_106",kn="_inputCell_c2ruy_109",Wn="_sliderCell_c2ruy_112",Hn="_staticCell_c2ruy_116",Pn="_staticCellContent_c2ruy_119",Ln="_error_c2ruy_132",Fn="_warning_c2ruy_133",Dn="_unit_c2ruy_142",$n="_sortingCell_c2ruy_145",On="_sortingCellIcon_c2ruy_156",Bn="_icon_c2ruy_167",Mn="_checkBoxCell_c2ruy_171",Gn="_iconCellWrapper_c2ruy_175",Un="_actionsCell_c2ruy_179",Xn="_rightAligned_c2ruy_187",Jn="_centerAligned_c2ruy_193",Kn="_leftAligned_c2ruy_199",zn="_popover_c2ruy_202",Yn="_disabledPointerEvents_c2ruy_205",i={inputInTable:Nn,inputHover:jn,inputFocus:wn,inputError:An,inputWarning:vn,inputDisabled:Rn,hideScrollbars:Sn,cell:Tn,disabledLink:Vn,inputWrapper:qn,breakWord:En,inputCell:kn,sliderCell:Wn,staticCell:Hn,staticCellContent:Pn,error:Ln,warning:Fn,unit:Dn,sortingCell:$n,sortingCellIcon:On,icon:Bn,checkBoxCell:Mn,iconCellWrapper:Gn,actionsCell:Un,rightAligned:Xn,centerAligned:Jn,leftAligned:Kn,popover:zn,disabledPointerEvents:Yn},te=({cell:e,columnAlignment:t,testId:a})=>n.jsx(Be,{name:e.name,value:e.value,onChange:l=>{var r;return(r=e.onChange)==null?void 0:r.call(e,l)},onPaste:l=>{var r;return(r=e.onPaste)==null?void 0:r.call(e,l)},placeholder:e.placeholder,error:e.error,warning:e.warning,disabled:e.disabled,isInTable:!0,maxTooltipWidth:e.maxTooltipWidth,right:t===b.RIGHT,testId:a,tabIndex:e.disabled?-1:0,tooltip:e.tooltip});try{te.displayName="InputCell",te.__docgenInfo={description:"",displayName:"InputCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IInputCell"}},columnAlignment:{defaultValue:null,description:"",name:"columnAlignment",required:!1,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const re=({cell:e,testId:t})=>n.jsx(Me,{name:e.name,value:e.value,onChange:a=>{var l;return(l=e.onChange)==null?void 0:l.call(e,a)},placeholder:e.placeholder,error:e.error,warning:e.warning,disabled:e.disabled,isInTable:!0,left:e.left,tabIndex:e.disabled?-1:0,testId:t,tooltip:e.tooltip,validationCallback:e.validationCallback,allowEmpty:e.allowEmpty});try{re.displayName="NumberInputCell",re.__docgenInfo={description:"",displayName:"NumberInputCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"INumberInputCell"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const ae=({cell:e,columnAlignment:t,testId:a})=>n.jsx(Ge,{name:e.name,borderRadius:0,options:e.options,onChange:l=>{var r;return(r=e.onChange)==null?void 0:r.call(e,l)},onCreate:e.onCreate?l=>e.onCreate&&e.onCreate(l):void 0,error:e.error,warning:e.warning,disabled:e.disabled,placeholder:e.placeholder,isInTable:!0,value:e.value,native:e.native,clearable:e.clearable,searchable:e.searchable,deprecatedEventHandler:e.deprecatedEventHandler,maxTooltipWidth:e.maxTooltipWidth,width:"100%",autoLayerWidth:e.autoLayerWidth,right:t===b.RIGHT,testId:a,tabIndex:e.disabled?-1:0});try{ae.displayName="SelectCell",ae.__docgenInfo={description:"",displayName:"SelectCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ISelectCell"}},columnAlignment:{defaultValue:null,description:"",name:"columnAlignment",required:!1,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const le=({cell:e,columnAlignment:t,testId:a})=>n.jsx("div",{className:i.inputWrapper,children:e.type==="Input"?n.jsx(te,{cell:e,columnAlignment:t,testId:a}):e.type==="NumberInput"?n.jsx(re,{cell:e,testId:a}):e.type==="Select"?n.jsx(ae,{cell:e,columnAlignment:t,testId:a}):null});try{le.displayName="InputCellWrapper",le.__docgenInfo={description:"",displayName:"InputCellWrapper",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"any"}},columnAlignment:{defaultValue:null,description:"",name:"columnAlignment",required:!0,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const oe=({cell:e,testId:t})=>{const a=V.useContext(Ue),{error:l,warning:r,tooltip:o,maxTooltipWidth:s}=e,u=c=>O(c);return n.jsx("div",{className:i.inputWrapper,children:n.jsx(fe,{error:!!l,warning:!!r,text:o||l||r,enabled:u(o)||u(l)||u(r)||!1,maxWidth:s,placement:"bottom-center",children:n.jsx("div",{className:j(i.staticCellContent,l?i.error:r?i.warning:""),children:n.jsx("a",{className:j((e.disabled||a)&&i.disabledLink),onClick:e.disabled||a?void 0:c=>{var p;c.stopPropagation(),(p=e.onClick)==null||p.call(e,c)},"data-testid":t,children:e.value})})})})};try{oe.displayName="LinkCell",oe.__docgenInfo={description:"",displayName:"LinkCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ILinkCell"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const ie=({cell:e,testId:t})=>n.jsx(Xe,{label:e.label,checked:e.checked,isInTable:!0,disabled:e.disabled,onChange:a=>e.onChange(a),testId:t,tabIndex:e.disabled?-1:0});try{ie.displayName="CheckBoxCell",ie.__docgenInfo={description:"",displayName:"CheckBoxCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ICheckBoxCell"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const se=({cell:e})=>n.jsx("div",{className:i.inputWrapper,children:n.jsx(Je,{label:e.label,value:e.value,min:e.min,max:e.max,step:e.step,marks:e.marks,onChange:t=>e.onChange(t),showArrows:e.showArrows,showTooltip:e.showTooltip,tooltipFormatter:e.tooltipFormatter,disabled:e.disabled})});try{se.displayName="SliderCell",se.__docgenInfo={description:"",displayName:"SliderCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ISliderCell"}}}}}catch{}const ce=({cell:e})=>{const{tooltip:t,icon:a}=e;return n.jsx("div",{className:i.iconCellWrapper,children:n.jsx(fe,{text:t,enabled:!!t&&O(t),display:"flex",placement:"top-center",children:n.jsx(B,{icon:a})})})};try{ce.displayName="IconCell",ce.__docgenInfo={description:"",displayName:"IconCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IIconCell"}}}}}catch{}const de=({cell:e})=>n.jsx(ye,{actions:e.actions});try{de.displayName="ActionsCell",de.__docgenInfo={description:"",displayName:"ActionsCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IActionCell"}}}}}catch{}const ue=({cell:e})=>{const{helpIcon:t}=e;return t?n.jsx("div",{className:i.icon,children:n.jsx(Ee,{onClick:t.onClick,text:t.tooltip})}):null};try{ue.displayName="CellHelpIcon",ue.__docgenInfo={description:"",displayName:"CellHelpIcon",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IHelpIconCell"}}}}}catch{}const pe=({cell:e})=>{const{libraryIcon:t}=e;return t?n.jsx("div",{className:i.icon,children:n.jsx(Ee,{onClick:t.onClick,text:t.tooltip,icon:$.LIBRARY})}):null};try{pe.displayName="CellLibraryIcon",pe.__docgenInfo={description:"",displayName:"CellLibraryIcon",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ILibraryIconCell"}}}}}catch{}const me=({cell:e})=>{const{hasSort:t,sort:a,sortPriority:l}=e;return t?n.jsxs("span",{className:i.sortingCellIcon,children:[a==="down"?n.jsx(ee,{link:!0,children:n.jsx(B,{icon:$.SORT_ASCENDING})}):a==="up"?n.jsx(ee,{link:!0,children:n.jsx(B,{icon:$.SORT_DESCENDING})}):n.jsx(ee,{faint:!0,children:n.jsx(B,{icon:$.SORT_DESCENDING})}),l&&a?n.jsx("sup",{children:l}):null]}):null};try{me.displayName="Sort",me.__docgenInfo={description:"",displayName:"Sort",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ISortCell"}}}}}catch{}const z=({cell:e,isHeader:t,testId:a})=>{const{error:l,warning:r,tooltip:o,maxTooltipWidth:s,hasSort:u,onSort:c,type:p}=e,d=n.jsxs("div",{className:j(i.staticCellContent,p==="Unit"?i.unit:"",l?i.error:r?i.warning:""),onClick:u?y=>c&&c(y):()=>{},"data-testid":a,children:[e.value,t?n.jsxs(n.Fragment,{children:[n.jsx(ue,{cell:e}),n.jsx(pe,{cell:e}),n.jsx(me,{cell:e})]}):null]});return n.jsx("div",{className:i.inputWrapper,children:n.jsx(fe,{error:!!l,warning:!!r,text:o||l||r,enabled:o&&O(o)||l&&O(l)||r&&O(r)||!1,maxWidth:s,display:"block",placement:"bottom-center",children:d})})};try{z.displayName="StaticCell",z.__docgenInfo={description:"",displayName:"StaticCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IStaticCell"}},isHeader:{defaultValue:null,description:"",name:"isHeader",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const _e=({cell:e,testId:t})=>{const{content:a,fullWidth:l,closeOnOutsideClick:r,disabled:o}=e;return n.jsx(Ke,{content:a,fullWidth:l,closeOnOutsideClick:r,disabled:o,children:n.jsx("div",{className:i.popover,children:n.jsx(z,{cell:e,testId:t})})})};try{_e.displayName="PopoverCell",_e.__docgenInfo={description:"",displayName:"PopoverCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IPopoverCell"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const ge=({cell:e,isHeader:t,columnAlignment:a,testId:l})=>{if(!e)return null;switch(e.type){case"Input":case"NumberInput":case"Select":return n.jsx(le,{cell:e,columnAlignment:a,testId:l});case"Link":return n.jsx(oe,{cell:e,testId:l});case"CheckBox":return n.jsx(ie,{cell:e,testId:l});case"Slider":return n.jsx(se,{cell:e});case"Icon":return n.jsx(ce,{cell:e});case"Actions":return n.jsx(de,{cell:e});case"Popover":return n.jsx(_e,{cell:e});default:return n.jsx(z,{cell:e,isHeader:t,testId:l})}};try{ge.displayName="CellWrapper",ge.__docgenInfo={description:"",displayName:"CellWrapper",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"any"}},isHeader:{defaultValue:null,description:"",name:"isHeader",required:!0,type:{name:"boolean"}},columnAlignment:{defaultValue:null,description:"",name:"columnAlignment",required:!0,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}var S=(e=>(e.INPUT="Input",e.NUMBER_INPUT="NumberInput",e.SELECT="Select",e.POPOVER="Popover",e.SLIDER="Slider",e.CHECKBOX="CheckBox",e.ACTIONS="Actions",e))(S||{});const Y=({cell:e,isHeader:t,columnHeaderAlignment:a=b.LEFT,columnAlignment:l=b.LEFT,width:r,snapshot:o,testId:s})=>{if(!e)return null;const{style:u,colSpan:c,rowSpan:p,width:d}=e,y=V.useRef(null),g={bodyAlignment:l,headerAlignment:a,isHeader:t},P=Ve(g,i),C=Ve(g,i,!0),L=e.type===S.INPUT||e.type===S.NUMBER_INPUT||e.type===S.SELECT||e.type===S.POPOVER?i.inputCell:e.type===S.SLIDER?i.sliderCell:e.type===S.CHECKBOX?i.checkBoxCell:e.type===S.ACTIONS?i.actionsCell:i.staticCell,w=j(i.cell,L,e.hasSort?i.sortingCell:null,P,e.breakWord?i.breakWord:""),q=d??r??((o==null?void 0:o.isDragging)&&y.current&&y.current.offsetWidth)??void 0,x={width:q,minWidth:q,...u},A=t?"th":"td";return n.jsx(A,{ref:y,className:w,style:x,colSpan:c,rowSpan:p,children:n.jsx(ge,{cell:e,columnAlignment:C??b.RIGHT,isHeader:t,testId:s})})};try{Y.displayName="Cell",Y.__docgenInfo={description:"",displayName:"Cell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!1,type:{name:"TCellShape"}},isHeader:{defaultValue:null,description:"",name:"isHeader",required:!0,type:{name:"boolean"}},columnHeaderAlignment:{defaultValue:{value:"Align.LEFT"},description:"",name:"columnHeaderAlignment",required:!1,type:{name:"string"}},columnAlignment:{defaultValue:{value:"Align.LEFT"},description:"",name:"columnAlignment",required:!1,type:{name:"Align.LEFT | Align.RIGHT | null"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},snapshot:{defaultValue:null,description:"",name:"snapshot",required:!1,type:{name:"any"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const D=({row:e,rowIndex:t,isHeader:a=!1,columnCount:l,colSpan:r,columnHeaderAlignments:o=[],columnAlignment:s=[],hasRowActions:u,draggableTable:c=!1,snapshot:p=null,provided:d=null,width:y,columnWidths:g,testId:P})=>{const C=V.useRef(null),L=In(o,a,t),{onRowClick:w,onRowFocus:q,onRowMouseEnter:x,onRowMouseLeave:A,expandedContent:I,active:Q}=e,E=e.cells.map((h,v)=>{const he=`${a?0:1}_${t}_${v}`;return n.jsx(Y,{cell:h,isHeader:a,columnAlignment:s[v],columnHeaderAlignment:L[v],width:g?g[v]:void 0,snapshot:p,testId:h.testId},he)}),T=u&&n.jsx(Y,{cell:{type:S.ACTIONS,actions:e.actions},isHeader:a},l),k=(h,v)=>({minWidth:h&&`${y}px`,width:h&&"100%",display:h&&"table",background:h&&"var(--color-background-listitem-active)",border:h&&"var(--color-border)",borderTop:h&&0,opacity:h&&.1,...v}),W=()=>e.noDrag?n.jsx("td",{"aria-labelledby":"unique-label-id"}):n.jsx("td",{className:R.dragIconCell,children:n.jsx("div",{...d.dragHandleProps,className:R.dragIcon,children:n.jsx(B,{icon:$.DRAG})})});return a?n.jsxs(n.Fragment,{children:[n.jsxs("tr",{ref:C,onClick:w,onMouseEnter:x,onMouseLeave:A,onFocus:q,className:j(w?R.clickableRow:null,x?R.hoverableRow:null),children:[c?n.jsx("th",{}):null,E,T]},t),I&&I.content?n.jsx(K,{colSpan:r,flush:I.flush===!0,children:I.content},`${t}_expanded_content`):null]}):n.jsxs(n.Fragment,{children:[n.jsxs("tr",{onClick:w,onMouseEnter:x,onMouseLeave:A,onFocus:q,className:j(w&&!w.noStyle?R.clickableRow:null,x&&!x.noStyle?R.hoverableRow:null,Q?R.rowActive:null),ref:(d==null?void 0:d.innerRef)||null,...(d==null?void 0:d.draggableProps)||null,style:p&&d?k(p.isDragging,d.draggableProps.style):null,children:[c?W():null,E,T]},t),I&&I.content?n.jsx(K,{colSpan:r,flush:I.flush===!0,children:I.content},`${t}_expanded_content`):null]})};try{D.displayName="Row",D.__docgenInfo={description:"",displayName:"Row",props:{row:{defaultValue:null,description:"",name:"row",required:!0,type:{name:"TRowType"}},rowIndex:{defaultValue:null,description:"",name:"rowIndex",required:!0,type:{name:"number"}},isHeader:{defaultValue:{value:"false"},description:"",name:"isHeader",required:!1,type:{name:"boolean"}},columnCount:{defaultValue:null,description:"",name:"columnCount",required:!0,type:{name:"number"}},colSpan:{defaultValue:null,description:"",name:"colSpan",required:!0,type:{name:"number"}},columnHeaderAlignments:{defaultValue:{value:"[]"},description:"",name:"columnHeaderAlignments",required:!1,type:{name:"string[] | string[][]"}},columnAlignment:{defaultValue:{value:"[]"},description:"",name:"columnAlignment",required:!1,type:{name:"string[]"}},hasRowActions:{defaultValue:null,description:"",name:"hasRowActions",required:!0,type:{name:"boolean"}},draggableTable:{defaultValue:{value:"false"},description:"",name:"draggableTable",required:!1,type:{name:"boolean"}},snapshot:{defaultValue:{value:"null"},description:"",name:"snapshot",required:!1,type:{name:"any"}},provided:{defaultValue:{value:"null"},description:"",name:"provided",required:!1,type:{name:"any"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},columnWidths:{defaultValue:null,description:"",name:"columnWidths",required:!1,type:{name:"string[]"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const qe=e=>{var Ie,Ne,je,we,Ae,ve,Re;const{onListReorder:t=()=>{},table:a}=e,{columnWidths:l,footer:r,name:o,rows:s=[],actions:u,actionsRight:c,columnHeaderAlignments:p,columnAlignment:d,striped:y=!0,testId:g,draggable:P,defaultEmptyRow:C=null,onAddRow:L=null,bordered:w=!0,maxHeight:q,fixedWidth:x}=a,A=V.useRef(null),[I,Q]=V.useState({width:0,height:0});V.useEffect(()=>{A.current&&Q({width:A.current.offsetWidth,height:A.current.offsetHeight})},[]);const E=De.get(e,"table.headers",[]),T=mn(s,E),k=_n(s,E),W=T+(k?1:0),h=r?((Ne=(Ie=r==null?void 0:r.pagination)==null?void 0:Ie.rowsPerPage)==null?void 0:Ne.value)===0||Number((je=r==null?void 0:r.pagination)==null?void 0:je.selectedPage)>=Number((we=r==null?void 0:r.pagination)==null?void 0:we.rowCount)/Number((ve=(Ae=r==null?void 0:r.pagination)==null?void 0:Ae.rowsPerPage)==null?void 0:ve.value):!0,v=((Re=C==null?void 0:C.cells)==null?void 0:Re.length)&&L&&h,ke={cells:v?C.cells.map((m,N)=>(m==null?void 0:m.type)==="Input"?{...m,onChange:_=>{var M;const f=(M=_==null?void 0:_.target)==null?void 0:M.value,F={...C,cells:C.cells.map((G,We)=>({...G,value:We===N?f:G==null?void 0:G.value}))};L({newRow:F})}}:{...m,disabled:!0}):null,testId:g?`${g}-last-empty-row`:void 0},Z=v?s.concat(ke):s,be={...a,rows:Z},Ce=j(H.wrapper,w?H.bordered:""),xe={maxHeight:q,width:x,display:x==="auto"?"inline-flex":"flex"};return P?n.jsxs("div",{ref:A,className:Ce,style:xe,children:[n.jsx(U,{actions:u,actionsRight:c,name:o,testId:g&&`${g}-title`}),n.jsx(Pe,{onDragEnd:m=>{var f,F;const N=(f=m==null?void 0:m.source)==null?void 0:f.index,_=(F=m==null?void 0:m.destination)==null?void 0:F.index;typeof N=="number"&&typeof _=="number"&&t({from:N,to:_})},children:n.jsx(Le,{droppableId:"droppable",children:m=>n.jsx(J,{table:be,children:({visibleRows:N})=>n.jsxs("table",{className:j(H.table,y?H.striped:""),"data-testid":g,ref:m.innerRef,children:[n.jsx("thead",{children:E.map((_,f)=>n.jsx(D,{rowIndex:f,isHeader:!0,row:_,columnCount:T,columnWidths:l,colSpan:W,hasRowActions:k,columnAlignment:d,columnHeaderAlignments:p,draggableTable:P},`0_${f}`))}),n.jsxs("tbody",{children:[Z.slice(0,N).map((_,f)=>n.jsx(Fe,{draggableId:f+"",index:f,isDragDisabled:_.noDrag,children:(F,M)=>n.jsx(D,{rowIndex:f,row:_,columnCount:T,columnWidths:l,colSpan:W,hasRowActions:k,columnAlignment:d,provided:F,snapshot:M,draggableTable:P,width:I.width},`1_${f}`)},`index_${f}`)),m.placeholder]})]})})})}),r&&n.jsx(X,{pagination:r.pagination,actions:r.actions,content:r.content})]}):n.jsxs("div",{className:Ce,style:xe,children:[n.jsx(U,{actions:u,actionsRight:c,name:o,testId:g&&`${g}-title`}),n.jsx(J,{table:be,children:({visibleRows:m})=>n.jsxs("table",{className:j(H.table,y?H.striped:""),"data-testid":g,children:[n.jsx("thead",{children:E.map((N,_)=>n.jsx(D,{rowIndex:_,isHeader:!0,row:N,columnCount:T,columnWidths:l,colSpan:W,hasRowActions:k,columnAlignment:d,columnHeaderAlignments:p},`0_${_}`))}),n.jsx("tbody",{children:Z.slice(0,m).map((N,_)=>n.jsx(D,{rowIndex:_,row:N,columnCount:T,columnWidths:l,colSpan:W,hasRowActions:k,columnAlignment:d},`1_${_}`))})]})}),r&&n.jsx(X,{colSpan:W,pagination:r.pagination,actions:r.actions,content:r.content})]})};try{qe.displayName="Table",qe.__docgenInfo={description:"",displayName:"Table",props:{onListReorder:{defaultValue:null,description:"",name:"onListReorder",required:!1,type:{name:"((obj: { from: number; to: number; }) => void)"}},table:{defaultValue:null,description:"",name:"table",required:!0,type:{name:"{ name?: string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null | undefined; ... 18 more ...; actions?: any; }"}}}}}catch{}export{qe as T};
|
|
1
|
+
import{j as n}from"./jsx-runtime-f961835c.js";import{r as V}from"./index-f80c8c95.js";import{c as j}from"./index-a80ed1cf.js";import{I as He,D as Pe,C as Le,P as Fe}from"./index.es-a10b54aa.js";import{l as De}from"./lodash-75c70a11.js";import{A as ge}from"./actions-b2d6959f.js";import{H as $e}from"./heading-b284588d.js";import{P as Oe}from"./pagination-234e2e67.js";import{A as b,I as $}from"./common-types-2c81813f.js";import{I as Be}from"./input-d116362c.js";import{N as Me}from"./number-input-2867677b.js";import{S as Ge}from"./select-5b49db3f.js";import{D as Ue}from"./disabled-context-d654f6ff.js";import{i as O}from"./types-332ceaf3.js";import{T as fe}from"./tooltip-23e84186.js";import{C as Xe}from"./check-box-e3bb7b90.js";import{S as Je}from"./slider-eb402216.js";import{I as B}from"./icon-281c0950.js";import{P as Ke}from"./popover-b4e25e01.js";import{H as Ee}from"./help-icon-ca6c6ab6.js";import{T as ee}from"./text-ad1f5f1d.js";const ze="_inputInTable_slixv_1",Ye="_inputHover_slixv_13",Qe="_inputFocus_slixv_18",Ze="_inputError_slixv_25",en="_inputWarning_slixv_26",nn="_inputDisabled_slixv_61",tn="_hideScrollbars_slixv_67",rn="_wrapper_slixv_87",an="_bordered_slixv_95",ln="_scroll_slixv_99",on="_table_slixv_109",sn="_striped_slixv_189",H={inputInTable:ze,inputHover:Ye,inputFocus:Qe,inputError:Ze,inputWarning:en,inputDisabled:nn,hideScrollbars:tn,wrapper:rn,bordered:an,scroll:ln,table:on,striped:sn},cn="_title_15m3r_1",dn={title:cn},U=({name:e=null,actions:t=null,actionsRight:a=!1,testId:l})=>{const r=e!==null,o=t!==null;if(!r&&!o)return null;const s=()=>{if(!o)return null;const u=n.jsx(ge,{actions:t});return a?u:n.jsx("div",{children:u})};return n.jsxs("div",{className:dn.title,children:[r?n.jsx($e,{children:n.jsx("span",{"data-testid":l,children:e})}):null,s()]})};try{U.displayName="Title",U.__docgenInfo={description:"",displayName:"Title",props:{name:{defaultValue:{value:"null"},description:"",name:"name",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},actions:{defaultValue:{value:"null"},description:"",name:"actions",required:!1,type:{name:"any"}},actionsRight:{defaultValue:{value:"false"},description:"",name:"actionsRight",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const un="_footer_u47t6_1",pn="_section_u47t6_7",ne={footer:un,section:pn},X=({colSpan:e,pagination:t,actions:a,content:l})=>{const r=a&&a.length,o=l!=null,s=()=>{var c,p;if(t){const{rowCount:d,rowsPerPage:g}=t,y=Number((p=(c=g==null?void 0:g.options)==null?void 0:c[0])==null?void 0:p.value);return d>y}return!1};return r||o||s()?n.jsxs("div",{className:ne.footer,children:[o?n.jsx("div",{className:ne.section,children:n.jsx("div",{children:l})}):null,r||s()?n.jsxs("div",{className:ne.section,children:[s()?n.jsx(Oe,{pagination:t}):n.jsx("div",{}),r&&n.jsx("div",{children:n.jsx(ge,{actions:a})})]}):null]}):null};try{X.displayName="Footer",X.__docgenInfo={description:"",displayName:"Footer",props:{colSpan:{defaultValue:null,description:"",name:"colSpan",required:!1,type:{name:"number"}},pagination:{defaultValue:null,description:"",name:"pagination",required:!0,type:{name:"IPagination"}},actions:{defaultValue:null,description:"",name:"actions",required:!1,type:{name:"IAction[]"}},content:{defaultValue:null,description:"",name:"content",required:!1,type:{name:"ReactNode"}}}}}catch{}const Se=e=>{const t=Math.max(...e.reduce((a,l)=>{const r=l.cells.map(o=>o.colSpan?o.colSpan:1).reduce((o,s)=>o+s,0);return a.concat(r)},[]));return isNaN(t)?0:t},mn=(e,t)=>{const a=[Se(t),Se(e)];return Math.max(...a)},Te=e=>e.reduce((t,a)=>a.actions&&a.actions.length>0?1:t,0),_n=(e,t)=>Te(t)>0||Te(e)>0,J=({table:e,children:t})=>{const{rows:a,infiniteScroll:l}=e,r=Math.ceil(window.innerHeight/30),[o,s]=l?V.useState(r):[a.length,null],[u,c]=l?V.useState(o<a.length):[!1,null],p=()=>{if(o>=a.length&&c){c(!1);return}s&&s(o+r)};return n.jsx("div",{id:"scrollWrapper",className:H.scroll,children:l?n.jsx(He,{dataLength:Math.min(a.length,o+r),next:p,hasMore:u,scrollableTarget:"scrollWrapper",style:{overflow:"initial"},loader:null,children:t({visibleRows:o})}):t({visibleRows:o})})};try{J.displayName="TableScrollWrapper",J.__docgenInfo={description:"",displayName:"TableScrollWrapper",props:{table:{defaultValue:null,description:"",name:"table",required:!0,type:{name:"ITableProps"}}}}}catch{}const yn="_clickableRow_11d5t_1",gn="_hoverableRow_11d5t_4",fn="_rowActive_11d5t_4",hn="_expandableRow_11d5t_8",bn="_flush_11d5t_8",Cn="_dragIconCell_11d5t_28",xn="_dragIcon_11d5t_28",R={clickableRow:yn,hoverableRow:gn,rowActive:fn,expandableRow:hn,flush:bn,dragIconCell:Cn,dragIcon:xn},K=({colSpan:e,children:t,flush:a})=>n.jsx("tr",{children:n.jsx("td",{colSpan:e,className:j(R.expandableRow,a?R.flush:""),children:t})});try{K.displayName="ExpandedContentRow",K.__docgenInfo={description:"",displayName:"ExpandedContentRow",props:{colSpan:{defaultValue:null,description:"",name:"colSpan",required:!0,type:{name:"number"}},flush:{defaultValue:null,description:"",name:"flush",required:!1,type:{name:"boolean"}}}}}catch{}const Ve=(e,t={leftAligned:"",rightAligned:"",centerAligned:""},a=!1)=>{if(!e)return null;const{bodyAlignment:l,headerAlignment:r,isHeader:o}=e;switch(o&&r?r:l){case b.LEFT:return a?b.LEFT:t.leftAligned;case b.RIGHT:return a?b.RIGHT:t.rightAligned;case b.CENTER:return a?b.CENTER:t.centerAligned;default:return a?b.LEFT:t.leftAligned}},In=(e,t=!1,a=0)=>{if(!e||e.length===0)return[];const l=e.every(o=>Array.isArray(o)),r=e.every(o=>typeof o=="string");return l&&t?e[a]||[]:r?e:(console.warn("getHeaderAlignment: alignments array contains a mix of strings and arrays, returning an empty array."),[])},Nn="_inputInTable_c2ruy_1",jn="_inputHover_c2ruy_13",vn="_inputFocus_c2ruy_18",wn="_inputError_c2ruy_25",An="_inputWarning_c2ruy_26",Rn="_inputDisabled_c2ruy_61",Sn="_hideScrollbars_c2ruy_67",Tn="_cell_c2ruy_77",Vn="_disabledLink_c2ruy_87",qn="_inputWrapper_c2ruy_91",En="_breakWord_c2ruy_106",kn="_inputCell_c2ruy_109",Wn="_sliderCell_c2ruy_112",Hn="_staticCell_c2ruy_116",Pn="_staticCellContent_c2ruy_119",Ln="_error_c2ruy_132",Fn="_warning_c2ruy_133",Dn="_unit_c2ruy_142",$n="_sortingCell_c2ruy_145",On="_sortingCellIcon_c2ruy_156",Bn="_icon_c2ruy_167",Mn="_checkBoxCell_c2ruy_171",Gn="_iconCellWrapper_c2ruy_175",Un="_actionsCell_c2ruy_179",Xn="_rightAligned_c2ruy_187",Jn="_centerAligned_c2ruy_193",Kn="_leftAligned_c2ruy_199",zn="_popover_c2ruy_202",Yn="_disabledPointerEvents_c2ruy_205",i={inputInTable:Nn,inputHover:jn,inputFocus:vn,inputError:wn,inputWarning:An,inputDisabled:Rn,hideScrollbars:Sn,cell:Tn,disabledLink:Vn,inputWrapper:qn,breakWord:En,inputCell:kn,sliderCell:Wn,staticCell:Hn,staticCellContent:Pn,error:Ln,warning:Fn,unit:Dn,sortingCell:$n,sortingCellIcon:On,icon:Bn,checkBoxCell:Mn,iconCellWrapper:Gn,actionsCell:Un,rightAligned:Xn,centerAligned:Jn,leftAligned:Kn,popover:zn,disabledPointerEvents:Yn},te=({cell:e,columnAlignment:t,testId:a})=>n.jsx(Be,{name:e.name,value:e.value,onChange:l=>{var r;return(r=e.onChange)==null?void 0:r.call(e,l)},onPaste:l=>{var r;return(r=e.onPaste)==null?void 0:r.call(e,l)},placeholder:e.placeholder,error:e.error,warning:e.warning,disabled:e.disabled,isInTable:!0,maxTooltipWidth:e.maxTooltipWidth,right:t===b.RIGHT,testId:a,tabIndex:e.disabled?-1:0,tooltip:e.tooltip});try{te.displayName="InputCell",te.__docgenInfo={description:"",displayName:"InputCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IInputCell"}},columnAlignment:{defaultValue:null,description:"",name:"columnAlignment",required:!1,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const re=({cell:e,testId:t})=>n.jsx(Me,{name:e.name,value:e.value,onChange:a=>{var l;return(l=e.onChange)==null?void 0:l.call(e,a)},placeholder:e.placeholder,error:e.error,warning:e.warning,disabled:e.disabled,isInTable:!0,left:e.left,tabIndex:e.disabled?-1:0,testId:t,tooltip:e.tooltip,validationCallback:e.validationCallback,allowEmpty:e.allowEmpty});try{re.displayName="NumberInputCell",re.__docgenInfo={description:"",displayName:"NumberInputCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"INumberInputCell"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const ae=({cell:e,columnAlignment:t,testId:a})=>n.jsx(Ge,{name:e.name,borderRadius:0,options:e.options,onChange:l=>{var r;return(r=e.onChange)==null?void 0:r.call(e,l)},onCreate:e.onCreate?l=>e.onCreate&&e.onCreate(l):void 0,error:e.error,warning:e.warning,disabled:e.disabled,placeholder:e.placeholder,isInTable:!0,value:e.value,native:e.native,clearable:e.clearable,searchable:e.searchable,deprecatedEventHandler:e.deprecatedEventHandler,maxTooltipWidth:e.maxTooltipWidth,width:"100%",autoLayerWidth:e.autoLayerWidth,right:t===b.RIGHT,testId:a,tabIndex:e.disabled?-1:0});try{ae.displayName="SelectCell",ae.__docgenInfo={description:"",displayName:"SelectCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ISelectCell"}},columnAlignment:{defaultValue:null,description:"",name:"columnAlignment",required:!1,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const le=({cell:e,columnAlignment:t,testId:a})=>n.jsx("div",{className:i.inputWrapper,children:e.type==="Input"?n.jsx(te,{cell:e,columnAlignment:t,testId:a}):e.type==="NumberInput"?n.jsx(re,{cell:e,testId:a}):e.type==="Select"?n.jsx(ae,{cell:e,columnAlignment:t,testId:a}):null});try{le.displayName="InputCellWrapper",le.__docgenInfo={description:"",displayName:"InputCellWrapper",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"any"}},columnAlignment:{defaultValue:null,description:"",name:"columnAlignment",required:!0,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const oe=({cell:e,testId:t})=>{const a=V.useContext(Ue),{error:l,warning:r,tooltip:o,maxTooltipWidth:s}=e,u=c=>O(c);return n.jsx("div",{className:i.inputWrapper,children:n.jsx(fe,{error:!!l,warning:!!r,text:o||l||r,enabled:u(o)||u(l)||u(r)||!1,maxWidth:s,placement:"bottom-center",children:n.jsx("div",{className:j(i.staticCellContent,l?i.error:r?i.warning:""),children:n.jsx("a",{className:j((e.disabled||a)&&i.disabledLink),onClick:e.disabled||a?void 0:c=>{var p;c.stopPropagation(),(p=e.onClick)==null||p.call(e,c)},"data-testid":t,children:e.value})})})})};try{oe.displayName="LinkCell",oe.__docgenInfo={description:"",displayName:"LinkCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ILinkCell"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const ie=({cell:e,testId:t})=>n.jsx(Xe,{label:e.label,checked:e.checked,isInTable:!0,disabled:e.disabled,onChange:a=>e.onChange(a),testId:t,tabIndex:e.disabled?-1:0});try{ie.displayName="CheckBoxCell",ie.__docgenInfo={description:"",displayName:"CheckBoxCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ICheckBoxCell"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const se=({cell:e})=>n.jsx("div",{className:i.inputWrapper,children:n.jsx(Je,{label:e.label,value:e.value,min:e.min,max:e.max,step:e.step,marks:e.marks,onChange:t=>e.onChange(t),showArrows:e.showArrows,showTooltip:e.showTooltip,tooltipFormatter:e.tooltipFormatter,disabled:e.disabled})});try{se.displayName="SliderCell",se.__docgenInfo={description:"",displayName:"SliderCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ISliderCell"}}}}}catch{}const ce=({cell:e})=>{const{tooltip:t,icon:a}=e;return n.jsx("div",{className:i.iconCellWrapper,children:n.jsx(fe,{text:t,enabled:!!t&&O(t),display:"flex",placement:"top-center",children:n.jsx(B,{icon:a})})})};try{ce.displayName="IconCell",ce.__docgenInfo={description:"",displayName:"IconCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IIconCell"}}}}}catch{}const de=({cell:e})=>n.jsx(ge,{actions:e.actions});try{de.displayName="ActionsCell",de.__docgenInfo={description:"",displayName:"ActionsCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IActionCell"}}}}}catch{}const ue=({cell:e})=>{const{helpIcon:t}=e;return t?n.jsx("div",{className:i.icon,children:n.jsx(Ee,{onClick:t.onClick,text:t.tooltip})}):null};try{ue.displayName="CellHelpIcon",ue.__docgenInfo={description:"",displayName:"CellHelpIcon",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IHelpIconCell"}}}}}catch{}const pe=({cell:e})=>{const{libraryIcon:t}=e;return t?n.jsx("div",{className:i.icon,children:n.jsx(Ee,{onClick:t.onClick,text:t.tooltip,icon:$.LIBRARY})}):null};try{pe.displayName="CellLibraryIcon",pe.__docgenInfo={description:"",displayName:"CellLibraryIcon",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ILibraryIconCell"}}}}}catch{}const me=({cell:e})=>{const{hasSort:t,sort:a,sortPriority:l}=e;return t?n.jsxs("span",{className:i.sortingCellIcon,children:[a==="down"?n.jsx(ee,{link:!0,children:n.jsx(B,{icon:$.SORT_ASCENDING})}):a==="up"?n.jsx(ee,{link:!0,children:n.jsx(B,{icon:$.SORT_DESCENDING})}):n.jsx(ee,{faint:!0,children:n.jsx(B,{icon:$.SORT_DESCENDING})}),l&&a?n.jsx("sup",{children:l}):null]}):null};try{me.displayName="Sort",me.__docgenInfo={description:"",displayName:"Sort",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ISortCell"}}}}}catch{}const z=({cell:e,isHeader:t,testId:a})=>{const{error:l,warning:r,tooltip:o,maxTooltipWidth:s,hasSort:u,onSort:c,type:p}=e,d=n.jsxs("div",{className:j(i.staticCellContent,p==="Unit"?i.unit:"",l?i.error:r?i.warning:""),onClick:u?g=>c&&c(g):()=>{},"data-testid":a,children:[e.value,t?n.jsxs(n.Fragment,{children:[n.jsx(ue,{cell:e}),n.jsx(pe,{cell:e}),n.jsx(me,{cell:e})]}):null]});return n.jsx("div",{className:i.inputWrapper,children:n.jsx(fe,{error:!!l,warning:!!r,text:o||l||r,enabled:o&&O(o)||l&&O(l)||r&&O(r)||!1,maxWidth:s,display:"block",placement:"bottom-center",children:d})})};try{z.displayName="StaticCell",z.__docgenInfo={description:"",displayName:"StaticCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IStaticCell"}},isHeader:{defaultValue:null,description:"",name:"isHeader",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const _e=({cell:e,testId:t})=>{const{content:a,fullWidth:l,closeOnOutsideClick:r,disabled:o}=e;return n.jsx(Ke,{content:a,fullWidth:l,closeOnOutsideClick:r,disabled:o,children:n.jsx("div",{className:i.popover,children:n.jsx(z,{cell:e,testId:t})})})};try{_e.displayName="PopoverCell",_e.__docgenInfo={description:"",displayName:"PopoverCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IPopoverCell"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const ye=({cell:e,isHeader:t,columnAlignment:a,testId:l})=>{if(!e)return null;switch(e.type){case"Input":case"NumberInput":case"Select":return n.jsx(le,{cell:e,columnAlignment:a,testId:l});case"Link":return n.jsx(oe,{cell:e,testId:l});case"CheckBox":return n.jsx(ie,{cell:e,testId:l});case"Slider":return n.jsx(se,{cell:e});case"Icon":return n.jsx(ce,{cell:e});case"Actions":return n.jsx(de,{cell:e});case"Popover":return n.jsx(_e,{cell:e});default:return n.jsx(z,{cell:e,isHeader:t,testId:l})}};try{ye.displayName="CellWrapper",ye.__docgenInfo={description:"",displayName:"CellWrapper",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"any"}},isHeader:{defaultValue:null,description:"",name:"isHeader",required:!0,type:{name:"boolean"}},columnAlignment:{defaultValue:null,description:"",name:"columnAlignment",required:!0,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}var S=(e=>(e.INPUT="Input",e.NUMBER_INPUT="NumberInput",e.SELECT="Select",e.POPOVER="Popover",e.SLIDER="Slider",e.CHECKBOX="CheckBox",e.ACTIONS="Actions",e))(S||{});const Y=({cell:e,isHeader:t,columnHeaderAlignment:a=b.LEFT,columnAlignment:l=b.LEFT,width:r,snapshot:o,testId:s})=>{if(!e)return null;const{style:u,colSpan:c,rowSpan:p,width:d}=e,g=V.useRef(null),y={bodyAlignment:l,headerAlignment:a,isHeader:t},P=Ve(y,i),C=Ve(y,i,!0),L=e.type===S.INPUT||e.type===S.NUMBER_INPUT||e.type===S.SELECT||e.type===S.POPOVER?i.inputCell:e.type===S.SLIDER?i.sliderCell:e.type===S.CHECKBOX?i.checkBoxCell:e.type===S.ACTIONS?i.actionsCell:i.staticCell,v=j(i.cell,L,e.hasSort?i.sortingCell:null,P,e.breakWord?i.breakWord:""),q=d??r??((o==null?void 0:o.isDragging)&&g.current&&g.current.offsetWidth)??void 0,x={width:q,minWidth:q,...u},w=t?"th":"td";return n.jsx(w,{ref:g,className:v,style:x,colSpan:c,rowSpan:p,children:n.jsx(ye,{cell:e,columnAlignment:C??b.RIGHT,isHeader:t,testId:s})})};try{Y.displayName="Cell",Y.__docgenInfo={description:"",displayName:"Cell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!1,type:{name:"TCellShape"}},isHeader:{defaultValue:null,description:"",name:"isHeader",required:!0,type:{name:"boolean"}},columnHeaderAlignment:{defaultValue:{value:"Align.LEFT"},description:"",name:"columnHeaderAlignment",required:!1,type:{name:"string"}},columnAlignment:{defaultValue:{value:"Align.LEFT"},description:"",name:"columnAlignment",required:!1,type:{name:"Align.LEFT | Align.RIGHT | null"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},snapshot:{defaultValue:null,description:"",name:"snapshot",required:!1,type:{name:"any"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const D=({row:e,rowIndex:t,isHeader:a=!1,columnCount:l,colSpan:r,columnHeaderAlignments:o=[],columnAlignment:s=[],hasRowActions:u,draggableTable:c=!1,snapshot:p=null,provided:d=null,width:g,columnWidths:y,testId:P})=>{const C=V.useRef(null),L=In(o,a,t),{onRowClick:v,onRowFocus:q,onRowMouseEnter:x,onRowMouseLeave:w,expandedContent:I,active:Q}=e,E=e.cells.map((h,A)=>{const he=`${a?0:1}_${t}_${A}`;return n.jsx(Y,{cell:h,isHeader:a,columnAlignment:s[A],columnHeaderAlignment:L[A],width:y?y[A]:void 0,snapshot:p,testId:h.testId},he)}),T=u&&n.jsx(Y,{cell:{type:S.ACTIONS,actions:e.actions},isHeader:a},l),k=(h,A)=>({minWidth:h&&`${g}px`,width:h&&"100%",display:h&&"table",background:h&&"var(--color-background-listitem-active)",border:h&&"var(--color-border)",borderTop:h&&0,opacity:h&&.1,...A}),W=()=>e.noDrag?n.jsx("td",{"aria-labelledby":"unique-label-id"}):n.jsx("td",{className:R.dragIconCell,children:n.jsx("div",{...d.dragHandleProps,className:R.dragIcon,children:n.jsx(B,{icon:$.DRAG})})});return a?n.jsxs(n.Fragment,{children:[n.jsxs("tr",{ref:C,onClick:v,onMouseEnter:x,onMouseLeave:w,onFocus:q,className:j(v?R.clickableRow:null,x?R.hoverableRow:null),children:[c?n.jsx("th",{}):null,E,T]},t),I&&I.content?n.jsx(K,{colSpan:r,flush:I.flush===!0,children:I.content},`${t}_expanded_content`):null]}):n.jsxs(n.Fragment,{children:[n.jsxs("tr",{onClick:v,onMouseEnter:x,onMouseLeave:w,onFocus:q,className:j(v&&!v.noStyle?R.clickableRow:null,x&&!x.noStyle?R.hoverableRow:null,Q?R.rowActive:null),ref:(d==null?void 0:d.innerRef)||null,...(d==null?void 0:d.draggableProps)||null,style:p&&d?k(p.isDragging,d.draggableProps.style):null,children:[c?W():null,E,T]},t),I&&I.content?n.jsx(K,{colSpan:r,flush:I.flush===!0,children:I.content},`${t}_expanded_content`):null]})};try{D.displayName="Row",D.__docgenInfo={description:"",displayName:"Row",props:{row:{defaultValue:null,description:"",name:"row",required:!0,type:{name:"TRowType"}},rowIndex:{defaultValue:null,description:"",name:"rowIndex",required:!0,type:{name:"number"}},isHeader:{defaultValue:{value:"false"},description:"",name:"isHeader",required:!1,type:{name:"boolean"}},columnCount:{defaultValue:null,description:"",name:"columnCount",required:!0,type:{name:"number"}},colSpan:{defaultValue:null,description:"",name:"colSpan",required:!0,type:{name:"number"}},columnHeaderAlignments:{defaultValue:{value:"[]"},description:"",name:"columnHeaderAlignments",required:!1,type:{name:"string[] | string[][]"}},columnAlignment:{defaultValue:{value:"[]"},description:"",name:"columnAlignment",required:!1,type:{name:"string[]"}},hasRowActions:{defaultValue:null,description:"",name:"hasRowActions",required:!0,type:{name:"boolean"}},draggableTable:{defaultValue:{value:"false"},description:"",name:"draggableTable",required:!1,type:{name:"boolean"}},snapshot:{defaultValue:{value:"null"},description:"",name:"snapshot",required:!1,type:{name:"any"}},provided:{defaultValue:{value:"null"},description:"",name:"provided",required:!1,type:{name:"any"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},columnWidths:{defaultValue:null,description:"",name:"columnWidths",required:!1,type:{name:"string[]"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const qe=e=>{var Ie,Ne,je,ve,we,Ae,Re;const{onListReorder:t=()=>{},table:a}=e,{columnWidths:l,footer:r,name:o,rows:s=[],actions:u,actionsRight:c,columnHeaderAlignments:p,columnAlignment:d,striped:g=!0,testId:y,draggable:P,defaultEmptyRow:C=null,onAddRow:L=null,bordered:v=!0,maxHeight:q,fixedWidth:x}=a,w=V.useRef(null),[I,Q]=V.useState({width:0,height:0});V.useEffect(()=>{w.current&&Q({width:w.current.offsetWidth,height:w.current.offsetHeight})},[]);const E=De.get(e,"table.headers",[]),T=mn(s,E),k=_n(s,E),W=T+(k?1:0),h=r?((Ne=(Ie=r==null?void 0:r.pagination)==null?void 0:Ie.rowsPerPage)==null?void 0:Ne.value)===0||Number((je=r==null?void 0:r.pagination)==null?void 0:je.selectedPage)>=Number((ve=r==null?void 0:r.pagination)==null?void 0:ve.rowCount)/Number((Ae=(we=r==null?void 0:r.pagination)==null?void 0:we.rowsPerPage)==null?void 0:Ae.value):!0,A=((Re=C==null?void 0:C.cells)==null?void 0:Re.length)&&L&&h,ke={cells:A?C.cells.map((m,N)=>(m==null?void 0:m.type)==="Input"?{...m,onChange:_=>{var M;const f=(M=_==null?void 0:_.target)==null?void 0:M.value,F={...C,cells:C.cells.map((G,We)=>({...G,value:We===N?f:G==null?void 0:G.value}))};L({newRow:F})}}:{...m,disabled:!0}):null,testId:y?`${y}-last-empty-row`:void 0},Z=A?s.concat(ke):s,be={...a,rows:Z},Ce=j(H.wrapper,v?H.bordered:""),xe={maxHeight:q,width:x,display:x==="auto"?"inline-flex":"flex"};return P?n.jsxs("div",{ref:w,className:Ce,style:xe,children:[n.jsx(U,{actions:u,actionsRight:c,name:o,testId:y&&`${y}-title`}),n.jsx(Pe,{onDragEnd:m=>{var f,F;const N=(f=m==null?void 0:m.source)==null?void 0:f.index,_=(F=m==null?void 0:m.destination)==null?void 0:F.index;typeof N=="number"&&typeof _=="number"&&t({from:N,to:_})},children:n.jsx(Le,{droppableId:"droppable",children:m=>n.jsx(J,{table:be,children:({visibleRows:N})=>n.jsxs("table",{className:j(H.table,g?H.striped:""),"data-testid":y,ref:m.innerRef,children:[n.jsx("thead",{children:E.map((_,f)=>n.jsx(D,{rowIndex:f,isHeader:!0,row:_,columnCount:T,columnWidths:l,colSpan:W,hasRowActions:k,columnAlignment:d,columnHeaderAlignments:p,draggableTable:P},`0_${f}`))}),n.jsxs("tbody",{children:[Z.slice(0,N).map((_,f)=>n.jsx(Fe,{draggableId:f+"",index:f,isDragDisabled:_.noDrag,children:(F,M)=>n.jsx(D,{rowIndex:f,row:_,columnCount:T,columnWidths:l,colSpan:W,hasRowActions:k,columnAlignment:d,provided:F,snapshot:M,draggableTable:P,width:I.width},`1_${f}`)},`index_${f}`)),m.placeholder]})]})})})}),r&&n.jsx(X,{pagination:r.pagination,actions:r.actions,content:r.content})]}):n.jsxs("div",{className:Ce,style:xe,children:[n.jsx(U,{actions:u,actionsRight:c,name:o,testId:y&&`${y}-title`}),n.jsx(J,{table:be,children:({visibleRows:m})=>n.jsxs("table",{className:j(H.table,g?H.striped:""),"data-testid":y,children:[n.jsx("thead",{children:E.map((N,_)=>n.jsx(D,{rowIndex:_,isHeader:!0,row:N,columnCount:T,columnWidths:l,colSpan:W,hasRowActions:k,columnAlignment:d,columnHeaderAlignments:p},`0_${_}`))}),n.jsx("tbody",{children:Z.slice(0,m).map((N,_)=>n.jsx(D,{rowIndex:_,row:N,columnCount:T,columnWidths:l,colSpan:W,hasRowActions:k,columnAlignment:d},`1_${_}`))})]})}),r&&n.jsx(X,{colSpan:W,pagination:r.pagination,actions:r.actions,content:r.content})]})};try{qe.displayName="Table",qe.__docgenInfo={description:"",displayName:"Table",props:{onListReorder:{defaultValue:null,description:"",name:"onListReorder",required:!1,type:{name:"((obj: { from: number; to: number; }) => void)"}},table:{defaultValue:null,description:"",name:"table",required:!0,type:{name:"{ name?: string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null | undefined; ... 18 more ...; actions?: any; }"}}}}}catch{}export{qe as T};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as c}from"./jsx-runtime-f961835c.js";import{r as S}from"./index-f80c8c95.js";import{f as K}from"./immer.esm-5c06d4d0.js";import{l as ae}from"./lodash-75c70a11.js";import{T}from"./table-
|
|
1
|
+
import{j as c}from"./jsx-runtime-f961835c.js";import{r as S}from"./index-f80c8c95.js";import{f as K}from"./immer.esm-5c06d4d0.js";import{l as ae}from"./lodash-75c70a11.js";import{T}from"./table-e581644d.js";import{C as Ge}from"./card-2de0de0b.js";import{I as ee}from"./input-d116362c.js";import{F as ne}from"./field-27f1aa78.js";import{H as Je}from"./heading-b284588d.js";import{t as Y,a as Xe,b as Ye,c as Ze,d as en,e as nn,f as tn,g as an}from"./table.stories-data-c68d915b.js";import"./index-a80ed1cf.js";import"./index.es-a10b54aa.js";import"./inheritsLoose-d4851ab8.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./index-3d476d02.js";import"./memoize-one.esm-52518564.js";import"./icon-281c0950.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./actions-b2d6959f.js";import"./common-types-2c81813f.js";import"./button-b407ca6a.js";import"./spinner-cb92a546.js";import"./tooltip-23e84186.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-3abf067b.js";import"./pagination-234e2e67.js";import"./select-5b49db3f.js";import"./assertThisInitialized-081f9914.js";import"./text-ad1f5f1d.js";import"./select.input-88b6ebab.js";import"./input-group-20c3add3.js";import"./input-group-addon-f8f6683a.js";import"./number-input-2867677b.js";import"./index-54f0d271.js";import"./check-box-e3bb7b90.js";import"./help-icon-ca6c6ab6.js";import"./slider-eb402216.js";import"./index-c7f280f6.js";import"./popover-b4e25e01.js";import"./label-886ad9c6.js";import"./flex-47732c42.js";const Jn={title:"Basic/Table",component:T,args:{table:{...Y}}},I=h=>c.jsx(T,{...h}),B=I.bind({}),N=I.bind({});N.args={table:{...Y,fixedWidth:"400px"}};const M=I.bind({});M.args={table:{...Y,fixedWidth:"auto"}};const O=I.bind({});O.args={table:Xe};O.parameters={docs:{description:{story:"Use sparingly when certain columns cannot be below a certain width. Unless the Table is auto width, set one column to `auto` to use remaining space."}}};const Q=I.bind({});Q.args={table:Ye};const W=I.bind({});W.args={table:Ze};W.parameters={docs:{description:{story:"This is only required when you need to override `columnAlignment` in header cells (i.e. they have different alignment)"}}};const _=I.bind({});_.args={table:en};const U=I.bind({});U.args={table:nn};U.decorators=[h=>c.jsx("div",{style:{position:"absolute",inset:0,padding:"var(--padding)"},children:c.jsx(h,{})})];const E=I.bind({});E.args={table:tn};E.parameters={docs:{description:{story:"If a `maxHeight` is set, the table should only fill that height if it needs to."}}};const L=I.bind({});L.args={table:an};const q=()=>c.jsx(Ge,{heading:c.jsx(Je,{children:"Card heading"}),padding:!1,children:c.jsx(T,{table:{...Y,bordered:!1}})});q.parameters={docs:{source:{type:"dynamic"}}};const z=()=>{const h=["Section","Width","Height"];let m=["","m","m"],o=[...Array(175).keys()].map((a,n)=>[n,n*2,n*2]);const k=(a,n,s)=>a==="m"&&n==="ft"?s*3.28084:a==="ft"&&n==="m"?s/3.28084:s,l=(a,n,s,u)=>{o[n][s]=a.target.value,u()},C=a=>{o=o.concat([["","",""]]),a()},A=(a,n)=>{o=o.filter((s,u)=>u!==a),n()},d=(a,n,s)=>{const u=m[n],y=a.target.value;m=m.map((R,b)=>b===n?y:R),o=o.map(R=>R.map((b,g)=>g===n?k(u,y,b):b)),s()},p=()=>{const a=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],[n,s]=S.useState(10),[u,y]=S.useState(1),[R,b]=S.useState(!1),g=()=>{b(!R)},F=()=>{const e=Math.ceil(o.length/n);y(e)},D=(u-1)*n,t=n===0?o.length-1:D+n,i={headers:[{cells:h.map(e=>({value:e})),actions:[{primary:!0,label:"Add",icon:"add",onClick:()=>{C(g),F()}}]},{cells:[{},{options:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:m[1],type:"Select",native:!0,onChange:e=>d(e,1,g)},{options:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:m[2],type:"Select",native:!0,onChange:e=>d(e,2,g)}]}],rows:o.slice(D,t).map((e,r)=>{const x=D+r;return{cells:[...Array(3).keys()].map((f,w)=>({value:e[w],type:"Input",onChange:P=>l(P,x,w,g)})),actions:[{label:"Delete",icon:"minus",onClick:()=>A(x,g)}]}}),footer:{pagination:{rowCount:o.length,selectedPage:u,rowsPerPage:{onChange:e=>{const{value:r}=e.target;s(Number(r))},options:a,value:n},onSelectPage:e=>y(e),small:!0}}};return c.jsx(T,{table:i})};return c.jsx(p,{})},G=()=>{const h=["Section","Width","Height"];let m=[...Array(175).keys()].map((k,l)=>({Section:l,Width:l*2,Height:l*2}));const o=()=>{const k=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],[l,C]=S.useState(10),[A,d]=S.useState(1),[p,a]=S.useState({}),[n,s]=S.useState({});S.useEffect(()=>{d(1)},[p,n]);const u=(A-1)*l,y=l===0?m.length-1:u+l,R=(e,r,x)=>e.filter(f=>Object.keys(r).every(w=>r[w]===""?!0:f[w].toString().includes(r[w]))).sort((f,w)=>Object.entries(x).map(([P,j])=>{switch(j){case"up":return f[P]-w[P];case"down":return w[P]-f[P];default:return 0}}).reduce((P,j)=>P||j,0)),b=(e,r,x,f,w)=>{const P=e.map(v=>{const V=Object.keys(f).includes(v)?f[v]:"",H=`${v[0].toUpperCase()}${v.slice(1)}`;return{key:v,value:H,hasSort:!0,sort:V,onSort:()=>{const $=V===""?"up":V==="up"?"down":"";w({...f,[v]:$})}}}),j=e.map(v=>{const V=Object.keys(r).includes(v)?r[v]:"";return{key:v,value:V,type:"Input",placeholder:"Filter",onChange:H=>x({...r,[v]:H.target.value})}});return{dataSortCells:P,dataFilterCells:j}},{dataSortCells:g,dataFilterCells:F}=b(h,p,a,n,s),D=R(m,p,n),t=[...D.slice(u,y).map(e=>({cells:Object.entries(e).map(([x,f])=>({key:x,value:f,type:"Input",disabled:!0}))}))],i={headers:[{cells:g},{cells:F}],rows:t,footer:{pagination:{rowCount:D.length,selectedPage:A,rowsPerPage:{onChange:e=>{const{value:r}=e.target;C(Number(r))},options:k,value:l},onSelectPage:e=>d(e),small:!0}}};return c.jsx(T,{table:i})};return c.jsx(o,{})},J=()=>{const h={tea:3.6,coffee:3.2,orange:4.1},m=[{label:"Tea",value:"tea"},{label:"Coffee",value:"coffee"},{label:"Orange juice",value:"orange"}],o={cells:[{type:"Select",options:m,value:{value:"tea"}},{type:"Input"},{type:"Static"}]},k=[...Array(15).keys()].map((t,i)=>({cells:[{type:"Select",options:m,value:{value:"tea"}},{type:"Input",value:i+1},{type:"Static"}]})),[l,C]=S.useState(k),A=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],[d,p]=S.useState(10),[a,n]=S.useState(1),s=(a-1)*d,u=d===0?l.length-1:s+d,y=({newRow:t}={})=>{const i=K(l,e=>{e.push(t??o)});C(i)},R=({rowIndex:t})=>{const i=K(l,e=>{delete e[t]}).filter(e=>e);C(i)},b=({rowIndex:t,value:i})=>{const e=K(l,r=>{r[t].cells[0].value.value=i});C(e)},g=({rowIndex:t,value:i})=>{const e=K(l,r=>{r[t].cells[1].value=i});C(e)},F=({value:t})=>{const i=Number(t);return!ae.isNaN(i)&&ae.isInteger(i)&&i>0},D=l.slice(s,u).map((t,i)=>{const e=s+i;return l.length-1,{...t,cells:t==null?void 0:t.cells.map((r,x)=>{var v,V,H,$,te;const f=(H=(V=(v=t==null?void 0:t.cells)==null?void 0:v[0])==null?void 0:V.value)==null?void 0:H.value,w=Number((te=($=t==null?void 0:t.cells)==null?void 0:$[1])==null?void 0:te.value),P=h==null?void 0:h[f],j=P&&F({value:w})?(P*w).toFixed(2):null;if(x===0)return{...r,onChange:Z=>b({rowIndex:e,value:Z.target.value})};if(x===1)return{...r,onChange:Z=>g({rowIndex:e,value:Z.target.value}),error:F({value:r.value})?null:"Must be valid whole number"};if(x===2)return{...r,value:j}}),actions:[{label:"Delete",icon:"minus",onClick:()=>R({rowIndex:e})}]}});return c.jsx(T,{table:{defaultEmptyRow:o,onAddRow:y,columnAlignment:["left","right","right"],headers:[{cells:[{value:"Drink"},{value:"Quantity"},{value:"Total Price (£)"}],actions:[{primary:!0,icon:"plus",label:"Add",onClick:()=>y()}]}],rows:D,footer:{pagination:{rowCount:l.length,selectedPage:a,rowsPerPage:{onChange:t=>{const{value:i}=t.target;p(Number(i))},options:A,value:d},onSelectPage:t=>n(t),small:!0}}}})},X=()=>{const h=["Section","Width","Height"];let m=Array.from(Array(10),(d,p)=>[p,p*2,p*2]);const[o,k]=S.useState({pastedValues:"",rowIndex:0,cellIndex:0}),l=(d,p,a,n)=>{m[p][a]=Number(d.target.value),n()},C=(d,p,a,n)=>{var u;let s=((u=d==null?void 0:d.clipboardData)==null?void 0:u.getData("text"))??"";return k({rowIndex:p,cellIndex:a,pastedValues:s}),n(),{pastedData:o}},A=()=>{const[d,p]=S.useState(!1),a=()=>{p(!d)},n={headers:[{cells:h.map(s=>({value:s}))}],rows:m.map((s,u)=>{const y=u;return{cells:[...Array(3).keys()].map((R,b)=>({value:s[b],type:"Input",onChange:g=>l(g,y,b,a),onPaste:g=>C(g,y,b,a)}))}})};return c.jsxs(c.Fragment,{children:[c.jsx(T,{table:n}),c.jsx(ne,{label:"Pasted Data",children:c.jsx(ee,{value:o.pastedValues})}),c.jsx(ne,{label:"At Row",children:c.jsx(ee,{value:o.rowIndex})}),c.jsx(ne,{label:"At Cell Index",children:c.jsx(ee,{value:o.cellIndex})})]})};return c.jsx(A,{})};var re,se,oe;B.parameters={...B.parameters,docs:{...(re=B.parameters)==null?void 0:re.docs,source:{originalSource:`args => {
|
|
2
2
|
return <Table
|
|
3
3
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
4
4
|
{...args} />;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as B}from"./jsx-runtime-f961835c.js";import{T as X}from"./table-
|
|
1
|
+
import{j as B}from"./jsx-runtime-f961835c.js";import{T as X}from"./table-e581644d.js";import{t as O,h as W,i as q,j as z,k as D,l as G,m as K,n as M,o as P,p as Q}from"./table.stories-data-c68d915b.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./index.es-a10b54aa.js";import"./inheritsLoose-d4851ab8.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./index-3d476d02.js";import"./memoize-one.esm-52518564.js";import"./icon-281c0950.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./lodash-75c70a11.js";import"./actions-b2d6959f.js";import"./common-types-2c81813f.js";import"./button-b407ca6a.js";import"./spinner-cb92a546.js";import"./tooltip-23e84186.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-3abf067b.js";import"./heading-b284588d.js";import"./help-icon-ca6c6ab6.js";import"./pagination-234e2e67.js";import"./select-5b49db3f.js";import"./assertThisInitialized-081f9914.js";import"./text-ad1f5f1d.js";import"./select.input-88b6ebab.js";import"./input-d116362c.js";import"./input-group-20c3add3.js";import"./input-group-addon-f8f6683a.js";import"./number-input-2867677b.js";import"./index-54f0d271.js";import"./check-box-e3bb7b90.js";import"./slider-eb402216.js";import"./index-c7f280f6.js";import"./popover-b4e25e01.js";import"./flex-47732c42.js";const Xr={title:"Basic/Table/Title & Header",component:X,args:{table:{...O}}},r=k=>B.jsx(X,{...k}),e=r.bind({});e.args={table:W};const s=r.bind({});s.args={table:q};const a=r.bind({});a.args={table:z};const t=r.bind({});t.args={table:D};const o=r.bind({});o.args={table:G};const n=r.bind({});n.args={table:K};const i=r.bind({});i.args={table:M};const p=r.bind({});p.args={table:P};const l=r.bind({});l.args={table:Q};var m,c,d;e.parameters={...e.parameters,docs:{...(m=e.parameters)==null?void 0:m.docs,source:{originalSource:`args => {
|
|
2
2
|
return <Table
|
|
3
3
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
4
4
|
{...args} />;
|
|
@@ -0,0 +1 @@
|
|
|
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};
|
|
@@ -0,0 +1 @@
|
|
|
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)}
|
|
@@ -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-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};
|
|
@@ -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-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={{
|
|
2
2
|
logo: <img src={LogoSVG} alt="logo" />,
|
|
3
3
|
version: 'V1.2.3',
|
|
4
4
|
onClick: () => {}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"generatedAt":
|
|
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
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{_ as e}from"./iframe-8a6d01d6.js";import"../sb-preview/runtime.js";var a={docs:{renderer:async()=>{let{DocsRenderer:r}=await e(()=>import("./DocsRenderer-NNNQARDV-3dc9b0e8.js"),["./DocsRenderer-NNNQARDV-3dc9b0e8.js","./chunk-HLWAVYOI-47d686d2.js","./iframe-8a6d01d6.js","./index-f80c8c95.js","./react-16-147b12fd.js","./index-3d476d02.js","./index-099b2823.js","./inheritsLoose-d4851ab8.js","./assertThisInitialized-081f9914.js","./index-97a99495.js"],import.meta.url);return new r}}};export{a as parameters};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._inputInTable_1xhau_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_1xhau_1:not(:hover){border-color:transparent}._inputInTable_1xhau_1:not(:focus){box-shadow:none}._inputHover_1xhau_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_1xhau_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_1xhau_25,._inputWarning_1xhau_26{position:relative}._inputError_1xhau_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error)}._inputError_1xhau_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_1xhau_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_1xhau_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning)}._inputWarning_1xhau_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_1xhau_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_1xhau_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_1xhau_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_1xhau_67::-webkit-scrollbar{display:none}:root{--size-sidebar: var(--size-xl);--size-sidebar-icon: var(--size);--color-background-sidebar: var(--color-neutral-950)}._sidebar_1xhau_82{background-color:var(--color-background-sidebar);color:#fff;position:relative;padding:var(--padding) 0}@media print{._sidebar_1xhau_82{display:none}}._inner_1xhau_93{scrollbar-width:none;-ms-overflow-style:none}._inner_1xhau_93::-webkit-scrollbar{display:none}._title_1xhau_103,._subtitle_1xhau_104,._label_1xhau_105{transition:opacity .2s,max-height .2s,margin .2s,color .2s;max-height:50px}._collapsed_1xhau_109 ._title_1xhau_103,._collapsed_1xhau_109 ._subtitle_1xhau_104,._collapsed_1xhau_109 ._label_1xhau_105{opacity:0;max-height:0;margin-bottom:0;margin-top:0}._title_1xhau_103{overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap;margin-top:0;font-size:var(--font-size-xl);padding:0 var(--padding)}._subtitle_1xhau_104{margin-bottom:var(--padding-xs);white-space:nowrap;font-size:var(--font-size-sm);letter-spacing:.1em;color:var(--color-neutral-500);padding:0 var(--padding)}._list_1xhau_134{margin-bottom:var(--padding-xl);margin-top:0}._item_1xhau_138{transition:padding .2s,color .2s;font-size:var(--font-size-lg);font-weight:400;display:flex;padding:var(--padding-xxs) var(--padding);align-items:center;color:var(--color-neutral-300)}._collapsed_1xhau_109 ._item_1xhau_138{padding:var(--padding-xxs) calc((var(--size-sidebar) - var(--size-sidebar-icon)) / 2)}._item_1xhau_138:hover{color:var(--color-neutral-100)}._item_1xhau_138._experimental_1xhau_153{background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.1) 8px,rgba(255,255,255,.1) 16px,transparent 16px,transparent 24px)}._item_1xhau_138:active,._item_1xhau_138._active_1xhau_157{color:var(--color-neutral-0);background:var(--color-neutral-800)}._icon_1xhau_161{margin-right:var(--padding-sm);line-height:0;flex-shrink:0;display:block;font-size:var(--size-sidebar-icon)}._icon_1xhau_161>span{display:block}._icon_1xhau_161 svg{stroke-width:1}._label_1xhau_105{white-space:nowrap;overflow:hidden}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
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};
|
|
@@ -1 +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_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)}
|