@oliasoft-open-source/react-ui-library 4.0.0-beta-65 → 4.0.0-beta-67
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/{index-77cc4a36.css → index-22dccc68.css} +269 -266
- package/dist/assets/{index-5e2cdba4.js → index-6c3715e0.js} +107 -107
- package/dist/global.css +269 -266
- package/dist/index.d.ts +9 -4
- package/dist/index.html +1 -1
- package/dist/index.js +114 -111
- package/dist/index.js.map +1 -1
- package/dist/storybook/assets/{Color-6VNJS4EI-1ff17dd7.js → Color-6VNJS4EI-a3c17fbd.js} +1 -1
- package/dist/storybook/assets/{DocsRenderer-NNNQARDV-6a805525.js → DocsRenderer-NNNQARDV-4c4dc5fb.js} +1 -1
- package/dist/storybook/assets/{WithTooltip-4HIR6TLV-d1de8aa8.js → WithTooltip-4HIR6TLV-7f624628.js} +1 -1
- package/dist/storybook/assets/{accordion-eeee6b86.js → accordion-168fa7c5.js} +1 -1
- package/dist/storybook/assets/{accordion.stories-2a4b4b1e.js → accordion.stories-2bdf67d7.js} +1 -1
- package/dist/storybook/assets/actions-53fa4699.js +1 -0
- package/dist/storybook/assets/{actions.stories-0109a1c2.js → actions.stories-bb18c924.js} +1 -1
- package/dist/storybook/assets/{afe.stories-a829946d.js → afe.stories-2216b4e1.js} +1 -1
- package/dist/storybook/assets/badge-20e7ee0b.js +1 -0
- package/dist/storybook/assets/{badge.stories-53475c15.js → badge.stories-a81600c7.js} +1 -1
- package/dist/storybook/assets/{blowout.stories-a2ec6a51.js → blowout.stories-8c2be2ab.js} +1 -1
- package/dist/storybook/assets/button-7c35ef6e.css +1 -0
- package/dist/storybook/assets/button-cb591f08.js +1 -0
- package/dist/storybook/assets/{button-group-5e40b8e3.js → button-group-a5fbadf9.js} +1 -1
- package/dist/storybook/assets/{button-group.stories-739cad82.js → button-group.stories-2afe392a.js} +1 -1
- package/dist/storybook/assets/{button.stories-1d54d8b8.js → button.stories-6b52b4cd.js} +1 -1
- package/dist/storybook/assets/{buttons-and-links-7030b30f.js → buttons-and-links-e8f23fe6.js} +1 -1
- package/dist/storybook/assets/{card.stories-d3a61780.js → card.stories-537a1772.js} +1 -1
- package/dist/storybook/assets/{casing-loads.stories-0aadb44f.js → casing-loads.stories-71a3ac30.js} +1 -1
- package/dist/storybook/assets/{cell.stories-11fff97a.js → cell.stories-86eba84e.js} +1 -1
- package/dist/storybook/assets/{check-box-aafd2a32.js → check-box-e21258d5.js} +1 -1
- package/dist/storybook/assets/{check-box.stories-c6f43998.js → check-box.stories-5f7d06e0.js} +1 -1
- package/dist/storybook/assets/{chunk-HLWAVYOI-b07d2cc3.js → chunk-HLWAVYOI-66006f50.js} +1 -1
- package/dist/storybook/assets/{color-ae03a27c.js → color-61b32e07.js} +1 -1
- package/dist/storybook/assets/{column.stories-a70f54bf.js → column.stories-350ea350.js} +1 -1
- package/dist/storybook/assets/{dialog-51ad998a.js → dialog-3a6cce13.js} +1 -1
- package/dist/storybook/assets/{drawer-8bee1ea4.js → drawer-0893e7f9.js} +1 -1
- package/dist/storybook/assets/drawer-21c7feed.css +1 -0
- package/dist/storybook/assets/{drawer.stories-14a65122.js → drawer.stories-6b4f9958.js} +1 -1
- package/dist/storybook/assets/{empty.stories-947c96f3.js → empty.stories-6bfc69b2.js} +1 -1
- package/dist/storybook/assets/{field-efabf62f.js → field-a094cd72.js} +1 -1
- package/dist/storybook/assets/{field.stories-99c661de.js → field.stories-f1318053.js} +1 -1
- package/dist/storybook/assets/{file-input.stories-1f9a2195.js → file-input.stories-39e066c7.js} +1 -1
- package/dist/storybook/assets/{flex.stories-14a4810e.js → flex.stories-25588964.js} +1 -1
- package/dist/storybook/assets/{footer.stories-9cb0c99e.js → footer.stories-3fff2df0.js} +1 -1
- package/dist/storybook/assets/{form.stories-2e64b9e6.js → form.stories-ffa46c50.js} +1 -1
- package/dist/storybook/assets/{formation.stories-a1760c34.js → formation.stories-2177f04f.js} +1 -1
- package/dist/storybook/assets/{formatter-SWP5E3XI-95759661.js → formatter-SWP5E3XI-ca475c18.js} +1 -1
- package/dist/storybook/assets/{heading-18a1d4cf.js → heading-d29eb744.js} +1 -1
- package/dist/storybook/assets/{heading.stories-0db4f7c5.js → heading.stories-869d41ea.js} +1 -1
- package/dist/storybook/assets/{help-icon-3265d994.js → help-icon-d4189b1b.js} +1 -1
- package/dist/storybook/assets/{help-icon.stories-3cbc21a1.js → help-icon.stories-15d1620d.js} +1 -1
- package/dist/storybook/assets/icon-e9cbb4d7.js +8 -0
- package/dist/storybook/assets/{icon.stories-bc2b8415.js → icon.stories-fca93dba.js} +1 -1
- package/dist/storybook/assets/iframe-31e58352.js +1 -0
- package/dist/storybook/assets/{index-070b1dda.js → index-b111bd62.js} +4 -4
- package/dist/storybook/assets/{index.es-648fc14e.js → index.es-85cc7dfc.js} +1 -1
- package/dist/storybook/assets/{input-group.stories-77f30f4e.js → input-group.stories-c0484ea3.js} +1 -1
- package/dist/storybook/assets/{input-validation-ba81b55a.js → input-validation-f7dec37f.js} +1 -1
- package/dist/storybook/assets/{inputs-f73878e0.js → inputs-187aed2b.js} +1 -1
- package/dist/storybook/assets/{label-633a77ac.js → label-13d490a3.js} +1 -1
- package/dist/storybook/assets/{label.stories-45af4055.js → label.stories-427ba162.js} +1 -1
- package/dist/storybook/assets/{layout-forms-6050cc70.js → layout-forms-f8afaf7f.js} +1 -1
- package/dist/storybook/assets/{layout-general-51612aa1.js → layout-general-5da45136.js} +1 -1
- package/dist/storybook/assets/list-e5f12e64.js +8 -0
- package/dist/storybook/assets/list-heading-0cb98ab2.css +1 -0
- package/dist/storybook/assets/{list-heading-5f9bef91.js → list-heading-845c290a.js} +1 -1
- package/dist/storybook/assets/list.stories-31209849.js +457 -0
- package/dist/storybook/assets/list.stories-data-4dcea08a.js +1 -0
- package/dist/storybook/assets/{loader.stories-ef783517.js → loader.stories-ad42acdb.js} +1 -1
- package/dist/storybook/assets/{menu.stories-data-50e9f9fe.js → menu.stories-data-38257c11.js} +1 -1
- package/dist/storybook/assets/{menu.stories-7de6a8e4.js → menu.stories-db02e5b1.js} +1 -1
- package/dist/storybook/assets/{message.stories-f29235af.js → message.stories-d17f4758.js} +1 -1
- package/dist/storybook/assets/{modal.stories-f1775371.js → modal.stories-ecbef0c9.js} +1 -1
- package/dist/storybook/assets/{number-input.stories-7709a9af.js → number-input.stories-1d84f9ce.js} +1 -1
- package/dist/storybook/assets/{option-dropdown.stories-9142662c.js → option-dropdown.stories-7591d25d.js} +1 -1
- package/dist/storybook/assets/{padding-and-spacing-b8cc6dd3.js → padding-and-spacing-b15d01ab.js} +1 -1
- package/dist/storybook/assets/{page.stories-6855bb94.js → page.stories-2d32941d.js} +1 -1
- package/dist/storybook/assets/{pagination-a399dc55.js → pagination-9bf8f6d8.js} +1 -1
- package/dist/storybook/assets/{pagination.stories-4966f7f9.js → pagination.stories-58ea6b5b.js} +1 -1
- package/dist/storybook/assets/{pop-confirm.stories-22163b04.js → pop-confirm.stories-8b29ae51.js} +1 -1
- package/dist/storybook/assets/{popover-117d8e6a.js → popover-8eb441fd.js} +1 -1
- package/dist/storybook/assets/{popover.stories-4b1a3705.js → popover.stories-ac47f128.js} +1 -1
- package/dist/storybook/assets/{preview-21914ec9.css → preview-1bb29835.css} +1 -1
- package/dist/storybook/assets/preview-dd2d0e7c.js +1 -0
- package/dist/storybook/assets/{preview-1d36f277.js → preview-fee88e72.js} +1 -1
- package/dist/storybook/assets/{projects.stories-6f5a36fa.js → projects.stories-0518d75c.js} +1 -1
- package/dist/storybook/assets/{radio-button-f3d67950.js → radio-button-135a9615.js} +1 -1
- package/dist/storybook/assets/{radio-button.stories-759b6817.js → radio-button.stories-0e8377ea.js} +1 -1
- package/dist/storybook/assets/{reservoirs.stories-87484e7c.js → reservoirs.stories-2616a82f.js} +1 -1
- package/dist/storybook/assets/{rich-text-input.stories-47e5cfaa.js → rich-text-input.stories-55c3086c.js} +1 -1
- package/dist/storybook/assets/{row.stories-77e423cc.js → row.stories-51068ee2.js} +1 -1
- package/dist/storybook/assets/{select-c02c4802.js → select-1b2bde07.js} +1 -1
- package/dist/storybook/assets/{select.stories-14574122.js → select.stories-35096b9f.js} +1 -1
- package/dist/storybook/assets/side-bar-5db596f8.js +1 -0
- package/dist/storybook/assets/side-bar-a3cae6a4.css +1 -0
- package/dist/storybook/assets/{side-bar.stories-c5fc8c4e.js → side-bar.stories-7d22760a.js} +1 -1
- package/dist/storybook/assets/{site.stories-e8f54abb.js → site.stories-f96d3d4f.js} +1 -1
- package/dist/storybook/assets/{slider-0bcc1397.js → slider-863e5ef6.js} +1 -1
- package/dist/storybook/assets/{slider.stories-05a59e61.js → slider.stories-0bfd89dd.js} +1 -1
- package/dist/storybook/assets/{spacer.stories-e904d0bb.js → spacer.stories-6ca38a60.js} +1 -1
- package/dist/storybook/assets/{syntaxhighlighter-NMPM6SWI-d67f2f46.js → syntaxhighlighter-NMPM6SWI-bb952ca3.js} +1 -1
- package/dist/storybook/assets/{table-7b61d76d.js → table-831dda54.js} +1 -1
- package/dist/storybook/assets/{table.stories-9378bb07.js → table.stories-454a620a.js} +1 -1
- package/dist/storybook/assets/{table.stories-data-8c031666.js → table.stories-data-082f441e.js} +1 -1
- package/dist/storybook/assets/{tabs-30a4710b.js → tabs-cdfc5225.js} +1 -1
- package/dist/storybook/assets/{tabs.stories-e6a95e67.js → tabs.stories-c962aeea.js} +1 -1
- package/dist/storybook/assets/{title.stories-21c9951e.js → title.stories-266c7253.js} +1 -1
- package/dist/storybook/assets/{toaster-79c473e6.js → toaster-13f753db.js} +1 -1
- package/dist/storybook/assets/{toaster.stories-53068c5b.js → toaster.stories-3115d596.js} +1 -1
- package/dist/storybook/assets/{toggle-577adc3a.js → toggle-fc36615a.js} +1 -1
- package/dist/storybook/assets/{toggle.stories-c613e78d.js → toggle.stories-7166588b.js} +1 -1
- package/dist/storybook/assets/{tooltip.test-case.stories-fe460452.js → tooltip.test-case.stories-864dec04.js} +1 -1
- package/dist/storybook/assets/{top-bar-04dfd953.js → top-bar-c1052c5e.js} +1 -1
- package/dist/storybook/assets/{top-bar.stories-72f494aa.js → top-bar.stories-7bac433c.js} +1 -1
- package/dist/storybook/assets/{top-bar.testcase.stories-63b48ebc.js → top-bar.testcase.stories-c3b85a10.js} +1 -1
- package/dist/storybook/assets/tree.stories-b22afcbb.js +128 -0
- package/dist/storybook/assets/{types-5985eb3b.js → types-6770f0e8.js} +1 -1
- package/dist/storybook/iframe.html +1 -1
- package/dist/storybook/index.json +1 -1
- package/dist/storybook/project.json +1 -1
- package/dist/storybook/stories.json +1 -1
- package/package.json +1 -1
- package/dist/storybook/assets/actions-6df5b8ae.js +0 -1
- package/dist/storybook/assets/badge-3abf067b.js +0 -1
- package/dist/storybook/assets/button-2ec2f2e9.css +0 -1
- package/dist/storybook/assets/button-2f702fe9.js +0 -1
- package/dist/storybook/assets/drawer-94f82136.css +0 -1
- package/dist/storybook/assets/icon-ba53aa84.js +0 -8
- package/dist/storybook/assets/iframe-d6ac09a5.js +0 -1
- package/dist/storybook/assets/list-cfb04cf7.js +0 -8
- package/dist/storybook/assets/list-heading-d81b63f6.css +0 -1
- package/dist/storybook/assets/list.stories-5241b862.js +0 -455
- package/dist/storybook/assets/list.stories-data-bd7a4bde.js +0 -1
- package/dist/storybook/assets/preview-12b53456.js +0 -1
- package/dist/storybook/assets/side-bar-752d1016.js +0 -1
- package/dist/storybook/assets/side-bar-eab946eb.css +0 -1
- package/dist/storybook/assets/tree.stories-08846b2a.js +0 -126
package/dist/storybook/assets/{input-group.stories-77f30f4e.js → input-group.stories-c0484ea3.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-f961835c.js";import{T as x}from"./common-types-2c81813f.js";import{I as s}from"./input-group-20c3add3.js";import{I as h}from"./input-group-addon-f8f6683a.js";import{I as M}from"./input-d68625a5.js";import{B as C}from"./button-
|
|
1
|
+
import{j as e}from"./jsx-runtime-f961835c.js";import{T as x}from"./common-types-2c81813f.js";import{I as s}from"./input-group-20c3add3.js";import{I as h}from"./input-group-addon-f8f6683a.js";import{I as M}from"./input-d68625a5.js";import{B as C}from"./button-cb591f08.js";import{M as f}from"./actions-53fa4699.js";import{S as I}from"./select-1b2bde07.js";import{T as P}from"./tooltip-23e84186.js";import{M as o}from"./types-cc224262.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./disabled-context-d654f6ff.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./spinner-cb92a546.js";import"./index-c89a1915.js";import"./icon-e9cbb4d7.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./badge-20e7ee0b.js";import"./assertThisInitialized-081f9914.js";import"./memoize-one.esm-52518564.js";import"./text-ad1f5f1d.js";import"./select.input-88b6ebab.js";import"./index-3d476d02.js";const ee={title:"Forms/InputGroup",component:s,args:{}},t=i=>e.jsxs(s,{...i,children:[e.jsx(h,{children:"$"}),e.jsx(M,{width:"100%",name:"example",value:"123",onChange:()=>{}}),e.jsx(I,{options:[{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas"},{label:"Possums",value:"slugs"}],onChange:()=>{},value:{label:"Monkeys",value:"bananas"},width:"auto",native:!0}),e.jsx(f,{menu:{label:"E-06/degC",trigger:x.DROP_DOWN_BUTTON,small:i.small,sections:[{type:o.OPTION,label:"403.5433",description:"ft",inline:!0,onClick:()=>{}},{type:o.OPTION,label:"0.123",description:"km",inline:!0,onClick:()=>{}},{type:o.OPTION,label:"4842.4608",description:"in",inline:!0,onClick:()=>{}}]}}),e.jsx(C,{name:"example",label:"Confirm",colored:!0,onClick:()=>{}})]}),n=t.bind({}),a=t.bind({});a.args={width:"480px"};const l=t.bind({});l.args={small:!0};const r=()=>e.jsxs(s,{children:[e.jsx(I,{options:[{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas"},{label:"Possums",value:"slugs"}],onChange:()=>{},value:{label:"Monkeys",value:"bananas"}}),e.jsx(P,{text:"This is a tooltip",children:e.jsx(C,{name:"example",label:"Confirm",colored:!0,onClick:()=>{},groupOrder:"last"})})]});var u,p,m;n.parameters={...n.parameters,docs:{...(u=n.parameters)==null?void 0:u.docs,source:{originalSource:`args => {
|
|
2
2
|
return <InputGroup
|
|
3
3
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
4
4
|
{...args}>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-f961835c.js";import{M as s,C as n}from"./index-
|
|
1
|
+
import{j as e}from"./jsx-runtime-f961835c.js";import{M as s,C as n}from"./index-b111bd62.js";import{NonExistentValue as a,Error as l}from"./select.stories-35096b9f.js";import{u as r}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-31e58352.js";import"../sb-preview/runtime.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-97a99495.js";import"./select-1b2bde07.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./tooltip-23e84186.js";import"./index-c89a1915.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./text-ad1f5f1d.js";import"./actions-53fa4699.js";import"./button-cb591f08.js";import"./spinner-cb92a546.js";import"./icon-e9cbb4d7.js";import"./tslib.es6-dfef685f.js";import"./badge-20e7ee0b.js";import"./select.input-88b6ebab.js";import"./spacer-54db0620.js";function o(t){const i=Object.assign({h1:"h1",h2:"h2",h3:"h3",p:"p",code:"code",strong:"strong"},r(),t.components);return e.jsxs(e.Fragment,{children:[e.jsx(s,{title:"Input Validation"}),`
|
|
2
2
|
`,e.jsx(i.h1,{id:"input-validation",children:"Input Validation"}),`
|
|
3
3
|
`,e.jsx(i.h2,{id:"select",children:"Select"}),`
|
|
4
4
|
`,e.jsx(i.h3,{id:"invalid-states",children:"Invalid states"}),`
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-f961835c.js";import{M as r,C as n}from"./index-
|
|
1
|
+
import{j as e}from"./jsx-runtime-f961835c.js";import{M as r,C as n}from"./index-b111bd62.js";import{Default as l}from"./button.stories-6b52b4cd.js";import{Default as a}from"./check-box.stories-5f7d06e0.js";import{Default as c}from"./file-input.stories-39e066c7.js";import{Default as d,Date as p}from"./input.stories-164d93ab.js";import{Default as h}from"./number-input.stories-1d84f9ce.js";import{Default as u}from"./option-dropdown.stories-7591d25d.js";import{Default as m}from"./radio-button.stories-0e8377ea.js";import{Native as f,Default as x}from"./select.stories-35096b9f.js";import{Default as j}from"./slider.stories-0bfd89dd.js";import{Default as b}from"./textarea.stories-4b85aa60.js";import{Default as g}from"./toggle.stories-7166588b.js";import{u as i}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-31e58352.js";import"../sb-preview/runtime.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-97a99495.js";import"./flex-47732c42.js";import"./button-cb591f08.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./spinner-cb92a546.js";import"./index-c89a1915.js";import"./icon-e9cbb4d7.js";import"./tslib.es6-dfef685f.js";import"./tooltip-23e84186.js";import"./check-box-e21258d5.js";import"./help-icon-d4189b1b.js";import"./input-group-20c3add3.js";import"./input-d68625a5.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./spacer-54db0620.js";import"./types-6770f0e8.js";import"./textarea-54dd1c9a.js";import"./number-input-42f50494.js";import"./index-54f0d271.js";import"./input-group-addon-f8f6683a.js";import"./select-1b2bde07.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./text-ad1f5f1d.js";import"./actions-53fa4699.js";import"./badge-20e7ee0b.js";import"./select.input-88b6ebab.js";import"./divider-182aa58c.js";import"./radio-button-135a9615.js";import"./slider-863e5ef6.js";import"./objectSpread2-fdee9b6d.js";import"./index-c7f280f6.js";import"./toggle-fc36615a.js";function s(o){const t=Object.assign({h1:"h1",p:"p",h2:"h2",strong:"strong",ul:"ul",li:"li",code:"code",h3:"h3",a:"a"},i(),o.components);return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Inputs"}),`
|
|
2
2
|
`,e.jsx(t.h1,{id:"inputs",children:"Inputs"}),`
|
|
3
3
|
`,e.jsx(t.p,{children:"React UI Library provides a comprehensive set of user input components."}),`
|
|
4
4
|
`,e.jsx(t.h2,{id:"button",children:"Button"}),`
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as t}from"./jsx-runtime-f961835c.js";import{c as m}from"./index-a80ed1cf.js";import{I as a}from"./common-types-2c81813f.js";import{H as n}from"./help-icon-
|
|
1
|
+
import{j as t}from"./jsx-runtime-f961835c.js";import{c as m}from"./index-a80ed1cf.js";import{I as a}from"./common-types-2c81813f.js";import{H as n}from"./help-icon-d4189b1b.js";const b="_label_18pfe_1",v="_labelLeft_18pfe_5",x="_icons_18pfe_13",i={label:b,labelLeft:v,icons:x},u=({label:s=null,width:c="auto",helpText:o="",helpTextMaxWidth:p="300px",onClickHelp:r=void 0,lock:e={visible:!1,active:!1,onClick:()=>{},tooltip:"",testId:void 0},info:d,libraryIcon:l,labelLeft:f=!1})=>t.jsx("div",{className:m(i.label,f?i.labelLeft:""),children:t.jsxs("label",{style:{width:c||""},children:[s,t.jsxs("div",{className:i.icons,children:[(o||r)&&t.jsx(n,{text:o,onClick:r,maxWidth:p}),d&&t.jsx(n,{text:d,icon:a.INFO}),e&&e.visible&&e.onClick&&t.jsx(n,{onClick:e.onClick,icon:e.active?a.LOCK:a.UNLOCK,active:e.active,testId:e.testId}),l&&t.jsx(n,{text:(l==null?void 0:l.tooltip)??"",onClick:l.onClick,icon:a.LIBRARY})]})]})});try{u.displayName="Label",u.__docgenInfo={description:"",displayName:"Label",props:{label:{defaultValue:{value:"null"},description:"",name:"label",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},helpText:{defaultValue:{value:""},description:"",name:"helpText",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},helpTextMaxWidth:{defaultValue:{value:"300px"},description:"",name:"helpTextMaxWidth",required:!1,type:{name:"TStringOrNumber"}},width:{defaultValue:{value:"auto"},description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},info:{defaultValue:null,description:"",name:"info",required:!1,type:{name:"string"}},onClickHelp:{defaultValue:{value:"undefined"},description:"",name:"onClickHelp",required:!1,type:{name:"((event?: MouseEvent<HTMLDivElement, MouseEvent>) => void)"}},lock:{defaultValue:{value:`{
|
|
2
2
|
visible: false,
|
|
3
3
|
active: false,
|
|
4
4
|
onClick: () => {},
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j}from"./jsx-runtime-f961835c.js";import{r as E}from"./index-f80c8c95.js";import{L as p}from"./label-
|
|
1
|
+
import{j}from"./jsx-runtime-f961835c.js";import{r as E}from"./index-f80c8c95.js";import{L as p}from"./label-13d490a3.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./help-icon-d4189b1b.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./icon-e9cbb4d7.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";const J={title:"Forms/Label",component:p,args:{label:"Label"}},t=e=>j.jsx(p,{...e}),c=t.bind({}),o=t.bind({});o.args={helpText:"Tooltip goes here"};const r=t.bind({});r.args={onClickHelp:()=>{}};const s=t.bind({});s.args={info:"Info goes here"};const l=()=>{const[e,v]=E.useState(!1),y=()=>v(!e);return j.jsx(p,{label:"Label",lock:{visible:!0,active:e,onClick:y,tooltip:e?"Unlock":"Lock",testId:"testId"}})},a=t.bind({});a.args={libraryIcon:{onClick:()=>{},tooltip:"View in library"}};var i,n,m;c.parameters={...c.parameters,docs:{...(i=c.parameters)==null?void 0:i.docs,source:{originalSource:"(args: ILabelProps) => <Label {...args} />",...(m=(n=c.parameters)==null?void 0:n.docs)==null?void 0:m.source}}};var d,b,g;o.parameters={...o.parameters,docs:{...(d=o.parameters)==null?void 0:d.docs,source:{originalSource:"(args: ILabelProps) => <Label {...args} />",...(g=(b=o.parameters)==null?void 0:b.docs)==null?void 0:g.source}}};var L,u,k;r.parameters={...r.parameters,docs:{...(L=r.parameters)==null?void 0:L.docs,source:{originalSource:"(args: ILabelProps) => <Label {...args} />",...(k=(u=r.parameters)==null?void 0:u.docs)==null?void 0:k.source}}};var I,f,x;s.parameters={...s.parameters,docs:{...(I=s.parameters)==null?void 0:I.docs,source:{originalSource:"(args: ILabelProps) => <Label {...args} />",...(x=(f=s.parameters)==null?void 0:f.docs)==null?void 0:x.source}}};var S,T,h;l.parameters={...l.parameters,docs:{...(S=l.parameters)==null?void 0:S.docs,source:{originalSource:`() => {
|
|
2
2
|
const [locked, setLocked] = useState(false);
|
|
3
3
|
const handleToggleLock = () => setLocked(!locked);
|
|
4
4
|
return <Label label="Label" lock={{
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as t}from"./jsx-runtime-f961835c.js";import{M as s,C as o}from"./index-
|
|
1
|
+
import{j as t}from"./jsx-runtime-f961835c.js";import{M as s,C as o}from"./index-b111bd62.js";import{Default as l,LabelOnLeft as p}from"./field.stories-f1318053.js";import{Default as m,LabelsOnLeft as a,Row as h}from"./form.stories-ffa46c50.js";import{u as n}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-31e58352.js";import"../sb-preview/runtime.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-97a99495.js";import"./field-a094cd72.js";import"./index-a80ed1cf.js";import"./label-13d490a3.js";import"./common-types-2c81813f.js";import"./help-icon-d4189b1b.js";import"./tooltip-23e84186.js";import"./icon-e9cbb4d7.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./input-d68625a5.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./text-ad1f5f1d.js";import"./select-1b2bde07.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./actions-53fa4699.js";import"./button-cb591f08.js";import"./spinner-cb92a546.js";import"./badge-20e7ee0b.js";import"./select.input-88b6ebab.js";import"./check-box-e21258d5.js";import"./button-group-a5fbadf9.js";import"./toggle-fc36615a.js";import"./input-group-20c3add3.js";import"./input-group-addon-f8f6683a.js";import"./slider-863e5ef6.js";import"./objectSpread2-fdee9b6d.js";import"./index-c7f280f6.js";import"./textarea-54dd1c9a.js";import"./radio-button-135a9615.js";import"./form-row-19dd7f6e.js";function r(i){const e=Object.assign({h1:"h1",h2:"h2",p:"p",code:"code"},n(),i.components);return t.jsxs(t.Fragment,{children:[t.jsx(s,{title:"Layout (Forms)"}),`
|
|
2
2
|
`,t.jsx(e.h1,{id:"layout-forms",children:"Layout (Forms)"}),`
|
|
3
3
|
`,t.jsx(e.h2,{id:"field",children:"Field"}),`
|
|
4
4
|
`,t.jsxs(e.p,{children:["This is a wrapper for any form element with default bottom margin, and props like ",t.jsx(e.code,{children:"label"})," for other default styling."]}),`
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-f961835c.js";import{M as r,C as n}from"./index-
|
|
1
|
+
import{j as e}from"./jsx-runtime-f961835c.js";import{M as r,C as n}from"./index-b111bd62.js";import{Center as d,SpaceBetween as a,JustifyEnd as c,Column as l}from"./flex.stories-25588964.js";import{Default as h,CustomColumnWidth as p,DefaultGap as x,CustomGap as m,Responsive as j}from"./grid.stories-bf68df4a.js";import{Default as u,FixedWidth as f,NoPadding as g,ResponsiveWidth as w}from"./column.stories-350ea350.js";import{u as t}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-31e58352.js";import"../sb-preview/runtime.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-97a99495.js";import"./flex-47732c42.js";import"./button-cb591f08.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./spinner-cb92a546.js";import"./index-c89a1915.js";import"./icon-e9cbb4d7.js";import"./tslib.es6-dfef685f.js";import"./tooltip-23e84186.js";import"./text-ad1f5f1d.js";import"./grid-3b729f81.js";import"./styled-components.browser.esm-416d73e5.js";import"./card-3847c251.js";import"./row-2f12e486.js";import"./heading-d29eb744.js";import"./help-icon-d4189b1b.js";function s(i){const o=Object.assign({h1:"h1",h2:"h2",p:"p",code:"code",h3:"h3"},t(),i.components);return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Layout (General)"}),`
|
|
2
2
|
`,e.jsx(o.h1,{id:"layout-general",children:"Layout (General)"}),`
|
|
3
3
|
`,e.jsx(o.h2,{id:"flex",children:"Flex"}),`
|
|
4
4
|
`,e.jsxs(o.p,{children:["The ",e.jsx(o.code,{children:"Flex"})," component is a basic flexbox wrapper with optional props for ",e.jsx(o.code,{children:"alignItems"}),", ",e.jsx(o.code,{children:"justifyContent"})," and ",e.jsx(o.code,{children:"flexDirection"}),". This is a conveninent way to center items vertically and/or horizontally, to align them to opposite edges, or align them to the far side."]}),`
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime-f961835c.js";import{r as o}from"./index-f80c8c95.js";import{c as C}from"./index-a80ed1cf.js";import{P as ne,D as re,C as te,I as le}from"./index.es-85cc7dfc.js";import{C as se}from"./card-3847c251.js";import{s as r,N as ie,M as oe,L as ce}from"./list-heading-845c290a.js";import{I as w}from"./common-types-2c81813f.js";import{D as B}from"./disabled-context-d654f6ff.js";import{A as G}from"./actions-53fa4699.js";import{B as F}from"./badge-20e7ee0b.js";import{I as T}from"./icon-e9cbb4d7.js";import{L as de}from"./loader-87ec8334.js";const E=({label:a})=>a?e.jsx("span",{className:r.label,children:e.jsx(F,{color:a.color,title:a.value,small:a.small})}):null;try{E.displayName="Label",E.__docgenInfo={description:"",displayName:"Label",props:{label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"ILabel"}}}}}catch{}const S=({item:a})=>a.metaCount!==void 0?e.jsx(F,{color:"rgba(0,0,0,0.25)",title:a.metaCount}):null;try{S.displayName="MetaCount",S.__docgenInfo={description:"",displayName:"MetaCount",props:{item:{defaultValue:null,description:"",name:"item",required:!0,type:{name:"{ metaCount?: number | undefined; }"}}}}}catch{}const R=({item:a,expanding:i})=>{const c=u=>{u.preventDefault(),u.stopPropagation()};return i&&a.active&&a.content?e.jsx("div",{className:r.itemContent,onClick:c,children:a.content}):null};try{R.displayName="ItemContent",R.__docgenInfo={description:"",displayName:"ItemContent",props:{item:{defaultValue:null,description:"",name:"item",required:!0,type:{name:"{ active?: boolean | undefined; content?: ReactNode; }"}},expanding:{defaultValue:null,description:"",name:"expanding",required:!1,type:{name:"boolean"}}}}}catch{}const A=o.forwardRef(({item:a,index:i},c)=>{const u=o.useContext(B),{actions:x,disabled:f,expanded:g,onClick:b,title:t,name:s,icon:n,testId:m}=a;return e.jsx("div",{ref:p=>{c&&"current"in c&&Array.isArray(c.current)&&i!==void 0&&(c.current[i]=p)},"data-testid":m??null,className:C(r.item,r.heading,f||u?r.disabled:"",b?r.action:""),onClick:p=>{b&&b(p)},title:t,children:e.jsx("div",{children:e.jsxs("div",{className:r.itemHeader,children:[typeof g=="boolean"&&e.jsx("div",{className:C(r.expandIcon,g&&r.expanded),children:e.jsx(T,{icon:w.CHEVRON_RIGHT})}),e.jsx(ie,{name:s,icon:n}),e.jsxs("div",{className:r.right,children:[e.jsx(S,{item:a}),!(f||u)&&x&&e.jsx("div",{className:r.actions,children:e.jsx(G,{actions:a.actions??[]})})]})]})})})});try{A.displayName="ListSubheading",A.__docgenInfo={description:"",displayName:"ListSubheading",props:{item:{defaultValue:null,description:"",name:"item",required:!0,type:{name:"IListSubheadingItem"}},index:{defaultValue:null,description:"",name:"index",required:!1,type:{name:"number"}}}}}catch{}const ue=(a,i)=>a?{cursor:i.cursor?i.cursor:"",...a.style}:null,H=o.forwardRef(({items:a,expanding:i,invokeEditOnRowClick:c,provided:u,draggable:x},f)=>{const g=o.useContext(B),b=(t,s,n,m,p,y)=>o.createElement("a",{href:n.url,ref:s==null?void 0:s.innerRef,...s.draggableProps,style:ue(s.draggableProps,n),className:C(r.item,n.active?r.active:"",n.disabled||g?r.disabled:"",p?r.action:""),onClick:d=>{if(c&&y&&y.onClick&&y.onClick(d,n.id),n.onClick)return n.onClick(d)},key:t,"data-id":t,title:n.title,"data-testid":n.testId},e.jsxs("div",{ref:d=>{f&&"current"in f&&Array.isArray(f.current)&&t!==void 0&&(f.current[t]=d)},style:{paddingLeft:m},children:[e.jsxs("div",{className:r.itemHeader,children:[x&&e.jsx("div",{className:r.drag,...s.dragHandleProps,children:e.jsx(T,{icon:w.DRAG})}),n.level&&n.level>0?e.jsx("div",{className:r.indentIcon,children:e.jsx(T,{icon:w.INDENT})}):null,e.jsx(E,{label:n.label}),e.jsx(oe,{item:n}),e.jsxs("div",{className:r.right,children:[e.jsx(S,{item:n}),!(n.disabled||g)&&n.actions&&e.jsx("div",{className:r.actions,children:e.jsx(G,{actions:n.actions})})]})]}),e.jsx(R,{item:n,expanding:i})]}));return e.jsxs(e.Fragment,{children:[a.map((t,s)=>{const n=t.type==="Heading",m=t.actions&&t.actions.find(d=>{var V;return d.label&&((V=String(d.label))==null?void 0:V.toLowerCase())==="edit"}),p=!!(m||t.url||t.onClick),y=t.level&&t.level>1?(t.level-1)*20:0;return n?e.jsx(A,{ref:f,item:t,index:s},s):x?e.jsx(ne,{draggableId:t.id+"",index:s,children:d=>b(s,d,t,y,p,m)},t.id):b(s,u,t,y,p,m)}),u.placeholder]})});try{H.displayName="ListRow",H.__docgenInfo={description:"",displayName:"ListRow",props:{draggable:{defaultValue:null,description:"",name:"draggable",required:!1,type:{name:"boolean"}},expanding:{defaultValue:null,description:"",name:"expanding",required:!1,type:{name:"boolean"}},invokeEditOnRowClick:{defaultValue:null,description:"",name:"invokeEditOnRowClick",required:!1,type:{name:"boolean"}},onListReorder:{defaultValue:null,description:"",name:"onListReorder",required:!1,type:{name:"((args: { from?: number; to?: number; }) => void) | undefined"}},items:{defaultValue:null,description:"",name:"items",required:!0,type:{name:"IListItem[]"}},provided:{defaultValue:null,description:"",name:"provided",required:!1,type:{name:"any"}},snapshot:{defaultValue:null,description:"",name:"snapshot",required:!1,type:{name:"DroppableStateSnapshot"}}}}}catch{}const P=({list:a,bordered:i=!1,expanding:c=!1,narrow:u=!1,toggleNarrow:x=!1,onToggleNarrow:f=()=>{},invokeEditOnRowClick:g=!0,noHeader:b=!1,stickyHeader:t,draggable:s=!1,onListReorder:n=()=>{},marginBottom:m=0,height:p,testId:y,scrollDetails:d={scrollable:!1,hideScrollbar:!1,triggerScrollToActiveItem:!1,infiniteScroll:!1,limit:10,infiniteScrollTarget:void 0}})=>{const{scrollable:V,hideScrollbar:z,triggerScrollToActiveItem:D,infiniteScroll:M,infiniteScrollTarget:J}=d,v=o.useRef(null),_=o.useRef([]),j=o.useRef(null),K=44,O=M?Math.ceil(window.innerHeight/K):a.items.length,[I,Q]=o.useState(O),[U,W]=o.useState(I<(a==null?void 0:a.items.length));o.useEffect(()=>{_.current=_.current.slice(0,a.items.length)},[a.items.length]);const X=()=>{if(I>=a.items.length){W(!1);return}const l=O+I;Q(l)},Y=l=>l.findIndex(h=>h.active===!0),Z=l=>{if(!j.current||!v.current)return;const h=1;if(D&&l>=0){const k=_.current.reduce((L,ee,ae)=>ae<l?L+ee.clientHeight+h:L,0),q=j.current.clientHeight/2-_.current[l].clientHeight/2,N=k-q;if(t){const L=v.current.clientHeight/2;j.current.scrollTop=N+L}const $=v.current.clientHeight;j.current.scrollTop=N+$}};return o.useEffect(()=>{if(D){const l=Y(a==null?void 0:a.items);Z(l)}},[j.current,v.current,D]),e.jsx(re,{onDragEnd:l=>{var q,N;const h=(q=l==null?void 0:l.source)==null?void 0:q.index,k=(N=l==null?void 0:l.destination)==null?void 0:N.index;n({from:h,to:k})},children:e.jsx(te,{droppableId:"droppable",children:(l,h)=>e.jsx("div",{className:C(u?r.narrow:"",V?r.scrollableList:"",z?r.hideScrollbar:""),"data-testid":y,id:"scrollableDiv",style:{height:p,marginBottom:m},ref:j,children:e.jsx("div",{ref:l.innerRef,...l.droppableProps,children:e.jsxs(se,{bordered:i,padding:!1,children:[!b&&e.jsx(ce,{name:a.name,actions:a.actions,toggleNarrow:x,onToggleNarrow:f,stickyHeader:t,ref:v}),e.jsx("div",{className:C(r.list,i?r.bordered:""),children:M?e.jsx(le,{dataLength:I,next:X,hasMore:U,scrollableTarget:J||"scrollableDiv",loader:e.jsx(de,{}),children:e.jsx(H,{draggable:s,items:a.items.slice(0,I),expanding:c,invokeEditOnRowClick:g,onListReorder:n,provided:l,snapshot:h,ref:_})}):e.jsx(H,{draggable:s,items:a.items,expanding:c,invokeEditOnRowClick:g,onListReorder:n,provided:l,snapshot:h,ref:_})})]})})})})})};try{P.displayName="List",P.__docgenInfo={description:"",displayName:"List",props:{drawer:{defaultValue:null,description:"",name:"drawer",required:!1,type:{name:"boolean"}},list:{defaultValue:null,description:"",name:"list",required:!0,type:{name:"IListData"}},bordered:{defaultValue:{value:"false"},description:"",name:"bordered",required:!1,type:{name:"boolean"}},expanding:{defaultValue:{value:"false"},description:"",name:"expanding",required:!1,type:{name:"boolean"}},narrow:{defaultValue:{value:"false"},description:"",name:"narrow",required:!1,type:{name:"boolean"}},toggleNarrow:{defaultValue:{value:"false"},description:"",name:"toggleNarrow",required:!1,type:{name:"boolean"}},onToggleNarrow:{defaultValue:{value:"() => {}"},description:"",name:"onToggleNarrow",required:!1,type:{name:"TEmpty"}},invokeEditOnRowClick:{defaultValue:{value:"true"},description:"",name:"invokeEditOnRowClick",required:!1,type:{name:"boolean"}},noHeader:{defaultValue:{value:"false"},description:"",name:"noHeader",required:!1,type:{name:"boolean"}},stickyHeader:{defaultValue:null,description:"",name:"stickyHeader",required:!1,type:{name:"boolean"}},draggable:{defaultValue:{value:"false"},description:"",name:"draggable",required:!1,type:{name:"boolean"}},onListReorder:{defaultValue:{value:"() => {}"},description:"",name:"onListReorder",required:!1,type:{name:"((args: IReorderData) => void)"}},marginBottom:{defaultValue:{value:"0"},description:"",name:"marginBottom",required:!1,type:{name:"string | number"}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"string | number"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},scrollDetails:{defaultValue:{value:`{
|
|
2
|
+
scrollable: false,
|
|
3
|
+
hideScrollbar: false,
|
|
4
|
+
triggerScrollToActiveItem: false,
|
|
5
|
+
infiniteScroll: false,
|
|
6
|
+
limit: 10,
|
|
7
|
+
infiniteScrollTarget: undefined,
|
|
8
|
+
}`},description:"",name:"scrollDetails",required:!1,type:{name:"IScrollDetails"}}}}}catch{}export{P as L,A as a};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._inputInTable_327v8_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_327v8_1:not(:hover){border-color:transparent}._inputInTable_327v8_1:not(:focus){box-shadow:none}._inputHover_327v8_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_327v8_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_327v8_25,._inputWarning_327v8_26{position:relative}._inputError_327v8_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._inputError_327v8_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_327v8_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_327v8_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._inputWarning_327v8_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_327v8_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_327v8_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_327v8_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_327v8_67::-webkit-scrollbar{display:none}._header_327v8_77 ._headerTitle_327v8_77,._heading_327v8_78 ._itemHeader_327v8_78{transition:opacity .3s}._narrow_327v8_81 ._header_327v8_77 ._headerTitle_327v8_77,._narrow_327v8_81 ._heading_327v8_78 ._itemHeader_327v8_78{opacity:0}._stickyHeader_327v8_85{position:sticky;top:0;background-color:var(--color-background);z-index:10}._itemHeader_327v8_78{padding:var(--padding-xs) var(--padding);display:flex;align-items:flex-start}._itemHeader_327v8_78 ._title_327v8_96{margin:0;padding:0;flex-grow:1;min-width:0}._itemHeader_327v8_78 ._name_327v8_102{font-weight:400}._itemHeader_327v8_78 ._iconTooltipMargin_327v8_105{margin-left:var(--padding-xs)}._itemHeader_327v8_78 ._bold_327v8_108{font-weight:700}._header_327v8_77{padding:var(--padding);display:flex;align-items:center;border-bottom:1px solid var(--color-border)}._toggleNarrow_327v8_117{margin-right:16px;margin-left:-5px;color:#c8c8c8;transition:all .4s;display:flex;width:22px;justify-content:center}._toggleNarrow_327v8_117:hover{color:var(--color-text-primary-hover)}._toggleNarrow_327v8_117:active{color:var(--color-text-primary-active)}._narrow_327v8_81 ._toggleNarrow_327v8_117{transform:scaleX(-1)}._drag_327v8_135{color:var(--color-text-faint);display:flex;align-items:center;justify-content:center;margin-right:var(--padding-xs);margin-left:-6px;cursor:move;height:19px;width:19px}._drag_327v8_135:hover{color:var(--color-text-primary-hover)}._drag_327v8_135:active{color:var(--color-text-primary-active)}._list_327v8_152{flex-shrink:0;background:var(--color-background)}._list_327v8_152._bordered_327v8_156:first-child,._list_327v8_152._bordered_327v8_156:first-child>:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}._list_327v8_152._bordered_327v8_156:last-child,._list_327v8_152._bordered_327v8_156:last-child>:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;border-bottom:0}._item_327v8_78{color:inherit;display:block;transition:background-color .2s;position:relative;border-bottom:1px solid var(--color-border);background-color:var(--color-background-raised);transition:background .3s;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}._item_327v8_78:not(._heading_327v8_78):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,width .3s}._item_327v8_78._action_327v8_189{cursor:pointer}._item_327v8_78._action_327v8_189:not(._active_327v8_192):hover{background:var(--color-background-listitem-hover)}._item_327v8_78._action_327v8_189:not(._active_327v8_192):hover:after{width:5px;background:rgba(0,0,0,.1)}._item_327v8_78._indented_327v8_199:after{width:3px;background:rgba(0,0,0,.1)}._item_327v8_78._active_327v8_192{cursor:default;position:relative;z-index:1;background:var(--color-background-listitem-active)}._item_327v8_78._active_327v8_192:after{background:var(--color-background-primary)!important}._item_327v8_78._disabled_327v8_212{color:var(--color-text-faint);pointer-events:none}._item_327v8_78._heading_327v8_78{color:var(--color-text-muted);background-color:var(--color-background-cardheader)}._item_327v8_78._heading_327v8_78._action_327v8_189:hover{color:var(--color-text-primary-hover)}._item_327v8_78 ._label_327v8_223{margin-right:var(--padding-xs);flex-shrink:0;width:var(--size-sm);height:var(--size-sm);margin-top:calc(var(--line-height) / 2 - var(--size-sm) / 2);margin-bottom:calc(var(--line-height) / 2 - var(--size-sm) / 2);display:flex;align-items:center;justify-content:center}._item_327v8_78 ._details_327v8_234,._item_327v8_78 ._metadata_327v8_235{display:block;width:100%;font-weight:400}._item_327v8_78 ._metadata_327v8_235{color:var(--color-text-muted)}._item_327v8_78 ._itemContent_327v8_243{padding:0 var(--padding) var(--padding-sm);cursor:auto}._item_327v8_78 ._itemContent_327v8_243:empty{padding:inherit}._indentIcon_327v8_250{color:var(--color-text-faint);flex-shrink:0;margin-right:var(--padding-xxs)}._expandIcon_327v8_255{flex-shrink:0;position:relative;display:flex;height:var(--line-height);margin-right:var(--padding-xs)}._expandIcon_327v8_255._expanded_327v8_262 svg{transform:rotate(90deg)}._right_327v8_265{margin-left:auto;display:flex;align-items:center;margin-top:calc((var(--line-height) - var(--size-sm)) / 2);margin-bottom:calc((var(--line-height) - var(--size-sm)) / 2);min-height:var(--size-sm)}._actions_327v8_273{margin-left:var(--padding-xs);display:flex;align-items:center}._scrollableList_327v8_278{height:100%;overflow-y:auto;scroll-behavior:smooth}._hideScrollbar_327v8_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbar_327v8_67::-webkit-scrollbar{display:none}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-f961835c.js";import{B as v}from"./badge-
|
|
1
|
+
import{j as e}from"./jsx-runtime-f961835c.js";import{B as v}from"./badge-20e7ee0b.js";import{c as u}from"./index-a80ed1cf.js";import{I as g}from"./icon-e9cbb4d7.js";import{T as N}from"./tooltip-23e84186.js";import{r as f}from"./index-f80c8c95.js";import{I as y}from"./common-types-2c81813f.js";import{H as h}from"./heading-d29eb744.js";import{A as x}from"./actions-53fa4699.js";const b="_inputInTable_327v8_1",I="_inputHover_327v8_13",T="_inputFocus_327v8_18",j="_inputError_327v8_25",w="_inputWarning_327v8_26",H="_inputDisabled_327v8_61",V="_hideScrollbars_327v8_67",q="_header_327v8_77",C="_headerTitle_327v8_77",R="_heading_327v8_78",E="_itemHeader_327v8_78",k="_narrow_327v8_81",M="_stickyHeader_327v8_85",L="_title_327v8_96",S="_name_327v8_102",F="_iconTooltipMargin_327v8_105",W="_bold_327v8_108",$="_toggleNarrow_327v8_117",B="_drag_327v8_135",D="_list_327v8_152",A="_bordered_327v8_156",J="_item_327v8_78",O="_action_327v8_189",P="_active_327v8_192",X="_indented_327v8_199",z="_disabled_327v8_212",G="_label_327v8_223",K="_details_327v8_234",Q="_metadata_327v8_235",U="_itemContent_327v8_243",Y="_indentIcon_327v8_250",Z="_expandIcon_327v8_255",ee="_expanded_327v8_262",te="_right_327v8_265",ae="_actions_327v8_273",ne="_scrollableList_327v8_278",oe="_hideScrollbar_327v8_67",n={inputInTable:b,inputHover:I,inputFocus:T,inputError:j,inputWarning:w,inputDisabled:H,hideScrollbars:V,header:q,headerTitle:C,heading:R,itemHeader:E,narrow:k,stickyHeader:M,title:L,name:S,iconTooltipMargin:F,bold:W,toggleNarrow:$,drag:B,list:D,bordered:A,item:J,action:O,active:P,indented:X,disabled:z,label:G,details:K,metadata:Q,itemContent:U,indentIcon:Y,expandIcon:Z,expanded:ee,right:te,actions:ae,scrollableList:ne,hideScrollbar:oe},c=({name:a,icon:t,testId:i})=>{const o=t&&e.jsx(g,{icon:t.icon,color:t.color||"#db2828"});return e.jsxs("span",{className:u(n.name,n.bold),"data-testid":i,children:[a,t&&t.tooltip&&t.tooltip.text?e.jsx("span",{className:n.iconTooltipMargin,children:e.jsx(N,{text:t.tooltip.text,maxWidth:"350px",children:o})}):t&&t.icon&&e.jsx("span",{className:n.iconTooltipMargin,children:o})]})};try{c.displayName="Name",c.__docgenInfo={description:"",displayName:"Name",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"ReactNode"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"{ icon: ReactNode; color?: string; tooltip?: { text: ReactNode; }; } | undefined"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}try{name.displayName="name",name.__docgenInfo={description:"",displayName:"name",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"ReactNode"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"{ icon: ReactNode; color?: string; tooltip?: { text: ReactNode; }; } | undefined"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const p=({item:a})=>{const{name:t,icon:i,details:o,metadata:s,invalid:l,testId:r}=a;let d=e.jsx(c,{name:t,icon:i,testId:r&&`${r}-name`});return l&&(d=e.jsx(v,{small:!0,margin:"-2px",title:"!",children:d})),e.jsxs("span",{className:n.title,children:[d,o&&e.jsx("span",{className:n.details,"data-testid":r&&`${r}-details`,children:o}),s&&e.jsx("span",{className:n.metadata,"data-testid":r&&`${r}-metadata`,children:s})]})};try{p.displayName="MetaContent",p.__docgenInfo={description:"",displayName:"MetaContent",props:{item:{defaultValue:null,description:"",name:"item",required:!0,type:{name:"IMetaContentItem"}}}}}catch{}const _=({toggleNarrow:a,onClickToggleNarrow:t})=>a?e.jsx("a",{className:n.toggleNarrow,onClick:t,children:e.jsx(g,{icon:y.CHEVRON_LEFT})}):null;try{_.displayName="ToggleNarrow",_.__docgenInfo={description:"",displayName:"ToggleNarrow",props:{toggleNarrow:{defaultValue:null,description:"",name:"toggleNarrow",required:!1,type:{name:"boolean"}},onClickToggleNarrow:{defaultValue:null,description:"",name:"onClickToggleNarrow",required:!1,type:{name:"TEmpty"}}}}}catch{}const m=f.forwardRef(({name:a,actions:t=[],toggleNarrow:i=!1,onToggleNarrow:o=()=>{},stickyHeader:s},l)=>e.jsxs("div",{ref:l,className:u(n.header,s?n.stickyHeader:""),children:[e.jsx(_,{toggleNarrow:i,onClickToggleNarrow:o}),a&&e.jsx("div",{className:n.headerTitle,children:e.jsx(h,{top:!0,marginBottom:0,children:a})}),e.jsx("div",{className:n.right,children:e.jsx("div",{className:n.actions,children:e.jsx(x,{actions:t})})})]}));try{m.displayName="ListHeading",m.__docgenInfo={description:"",displayName:"ListHeading",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null | undefined"}},actions:{defaultValue:{value:"[]"},description:"",name:"actions",required:!1,type:{name:"any[]"}},toggleNarrow:{defaultValue:{value:"false"},description:"",name:"toggleNarrow",required:!1,type:{name:"boolean"}},onToggleNarrow:{defaultValue:{value:"() => {}"},description:"",name:"onToggleNarrow",required:!1,type:{name:"TEmpty"}},stickyHeader:{defaultValue:null,description:"",name:"stickyHeader",required:!1,type:{name:"boolean"}}}}}catch{}export{m as L,p as M,c as N,n as s};
|