@oliasoft-open-source/react-ui-library 4.8.1 → 4.8.2
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/index.js +1 -4
- package/dist/index.js.map +1 -1
- package/dist/storybook/assets/{Color-KGDBMAHA-2ftDGfRC.js → Color-KGDBMAHA-CLI1j7TM.js} +1 -1
- package/dist/storybook/assets/{DocsRenderer-PKQXORMH-G3VSiFLs.js → DocsRenderer-PKQXORMH-C-VGLian.js} +1 -1
- package/dist/storybook/assets/{accordion.stories-B3eUVB9V.js → accordion.stories-CjdOndbq.js} +2 -2
- package/dist/storybook/assets/{afe.stories-CSYzQy-o.js → afe.stories-D-uQj_IO.js} +2 -2
- package/dist/storybook/assets/{buttons-and-links-DgWk5FQt.js → buttons-and-links-DLCyz4fu.js} +1 -1
- package/dist/storybook/assets/{casing-loads.stories-CTf1cpS3.js → casing-loads.stories-Cb2t61c-.js} +2 -2
- package/dist/storybook/assets/{cell.stories-DXApMBee.js → cell.stories-B6XrqnOz.js} +2 -2
- package/dist/storybook/assets/{chunk-HLWAVYOI-CGp4-QUE.js → chunk-HLWAVYOI-B-NqvPla.js} +1 -1
- package/dist/storybook/assets/{color-JX8P2xFz.js → color-DFh0-vFc.js} +1 -1
- package/dist/storybook/assets/enum-Bnn40S8Q.js +1 -0
- package/dist/storybook/assets/{footer.stories-BobRokDb.js → footer.stories-BxFhNGsz.js} +2 -2
- package/dist/storybook/assets/form.stories-C_zflIAj.js +49 -0
- package/dist/storybook/assets/{formation.stories-xm22XGgs.js → formation.stories-r9JrQX7d.js} +2 -2
- package/dist/storybook/assets/iframe-DOgYbEjR.js +2 -0
- package/dist/storybook/assets/{index-D-0J5wOk.js → index-BIH3zom3.js} +1 -1
- package/dist/storybook/assets/{index-Bh4hgpyc.js → index-MQZw3-wz.js} +4 -4
- package/dist/storybook/assets/{input-group.stories-M4a8AYtB.js → input-group.stories-dQnx3QX0.js} +2 -2
- package/dist/storybook/assets/{input-validation-CRY9hASh.js → input-validation-BhTmzA8C.js} +2 -2
- package/dist/storybook/assets/{inputs-PulLFmNE.js → inputs-BZwMYCXB.js} +2 -2
- package/dist/storybook/assets/layout-forms-j_hFXArR.js +16 -0
- package/dist/storybook/assets/{layout-general-BS3o8j_a.js → layout-general-hZ1fwnpl.js} +1 -1
- package/dist/storybook/assets/{modal.stories-PZXXHpu9.js → modal.stories-B-4WKtnM.js} +2 -2
- package/dist/storybook/assets/{number-input-CEoWDcRg.js → number-input-C8O0lnql.js} +2 -2
- package/dist/storybook/assets/number-input.stories-e-MRb-7_.js +124 -0
- package/dist/storybook/assets/{padding-and-spacing-B4zeG787.js → padding-and-spacing-DZHdCzCJ.js} +1 -1
- package/dist/storybook/assets/{pagination-T__Mixkr.js → pagination-bLx5-m9c.js} +1 -1
- package/dist/storybook/assets/{pagination.stories-C_oRnFX_.js → pagination.stories-BHPRfynZ.js} +2 -2
- package/dist/storybook/assets/popover.stories-DyTPnA5y.js +10 -0
- package/dist/storybook/assets/{preview-_xr6Jbjy.js → preview-_veCKVNG.js} +2 -2
- package/dist/storybook/assets/{preview-D_pdGeyT.js → preview-nWTzJqHS.js} +1 -1
- package/dist/storybook/assets/{reservoirs.stories-zzDr9Zir.js → reservoirs.stories-C98Z9kS0.js} +2 -2
- package/dist/storybook/assets/{rich-text-input.stories-be871WZn.js → rich-text-input.stories-B2p90wTh.js} +3 -3
- package/dist/storybook/assets/{row.stories-DmNKaTP6.js → row.stories-BRVnImTl.js} +2 -2
- package/dist/storybook/assets/select-BpALjE__.js +61 -0
- package/dist/storybook/assets/{select.stories-CtbKVF6A.js → select.stories-B0d_sE6g.js} +2 -2
- package/dist/storybook/assets/{table-C0QH08M6.js → table-DWBe_npR.js} +1 -1
- package/dist/storybook/assets/{table.stories-safUrF3C.js → table.stories-Cb7lE3nF.js} +2 -2
- package/dist/storybook/assets/{title.stories-By9nz9a2.js → title.stories-TUTSNdwJ.js} +2 -2
- package/dist/storybook/assets/{unit-input.stories-DTP4sTwo.js → unit-input.stories-CRAsgJro.js} +10 -10
- package/dist/storybook/assets/unit-table.stories-BdTJv4W-.js +152 -0
- package/dist/storybook/iframe.html +1 -1
- package/dist/storybook/index.json +1 -1
- package/dist/storybook/project.json +1 -1
- package/package.json +1 -1
- package/dist/storybook/assets/form.stories-BCg9rFVI.js +0 -49
- package/dist/storybook/assets/iframe-EHZbBy3L.js +0 -2
- package/dist/storybook/assets/layout-forms-Dhgne9wj.js +0 -16
- package/dist/storybook/assets/number-input.stories-DqfU8Xdg.js +0 -110
- package/dist/storybook/assets/popover.stories-B9slHpqQ.js +0 -10
- package/dist/storybook/assets/select-BW0IihoR.js +0 -61
- package/dist/storybook/assets/unit-table.stories-CnyzGe3D.js +0 -152
|
@@ -1 +1 @@
|
|
|
1
|
-
{"generatedAt":
|
|
1
|
+
{"generatedAt":1722590938465,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@types/jest":"29.5.12","@vitest/coverage-c8":"0.31.4","eslint-plugin-vitest":null,"eslint-plugin-vitest-globals":"1.5.0","vitest":"1.6.0"},"packageManager":{"type":"yarn","version":"1.22.19"},"typescriptOptions":{"reactDocgen":"react-docgen"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","storybookVersion":"8.2.7","storybookVersionSpecifier":"^8.2.4","language":"typescript","storybookPackages":{"@storybook/addon-essentials":{"version":"8.2.7"},"@storybook/addon-links":{"version":"8.2.7"},"@storybook/preview-api":{"version":"8.2.7"},"@storybook/react":{"version":"8.2.7"},"@storybook/react-vite":{"version":"8.2.7"},"@storybook/test":{"version":"8.2.7"},"@storybook/test-runner":{"version":"0.19.1"},"eslint-plugin-storybook":{"version":"0.6.15"},"storybook":{"version":"8.2.7"}},"addons":{"@storybook/addon-actions":{"version":"8.2.7"},"@storybook/addon-docs":{"version":"8.2.7"},"@storybook/addon-interactions":{"version":"8.2.7"},"storybook-dark-mode":{"version":"4.0.2"}}}
|
package/package.json
CHANGED
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-eps93zm2.js";import{T as W}from"./common-types-Sih75Sav.js";import{D as A}from"./disabled-context-rmpd7YJS.js";import{F as s}from"./field-C5_fLDpy.js";import{I as b}from"./input-DTXbDJaL.js";import{S as c}from"./select-BW0IihoR.js";import{C as G}from"./check-box-wCvXxtCz.js";import{B as N}from"./button-group-C1PqMW-H.js";import{B as _}from"./button-CzvLc2io.js";import{T as E}from"./toggle-C0zvrIOF.js";import{I as V}from"./input-group-BaRSJAEN.js";import{I as x}from"./input-group-addon-D68iUKV2.js";import{S as U}from"./slider-CBE03NwD.js";import{T as $}from"./textarea-D6ltcKhz.js";import{R as q}from"./radio-button-C3RuBqEf.js";import{M as z}from"./actions-Tr0wIZve.js";import{F as H}from"./form-row-CM112EYF.js";import{M as g}from"./types-BmbYqTX_.js";import"./index-DhsZuJvc.js";import"./index-Bk2sglWO.js";import"./label-hiSz3I8H.js";import"./help-icon-41R-Z9N1.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./icon-BP4BO6-k.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-CEuq6vkz.js";import"./types-Dx2TtIG9.js";import"./lodash-c4VUpsOs.js";import"./extends-CF3RwP-h.js";import"./assertThisInitialized-B9jnkVVz.js";import"./memoize-one.esm-CcMeOnPo.js";import"./text-B3-TSWok.js";import"./select.input-CJed_LLR.js";import"./helpers-JJxzGegQ.js";import"./spinner-AWUe4xwQ.js";import"./objectSpread2-DW4nTBoq.js";import"./index-BI4_Bp97.js";import"./badge-CLQ59MDF.js";const Le={title:"Forms/Layout",argTypes:{labelWidth:"text"},args:{small:!1,row:!1,labelLeft:!1,labelWidth:void 0,disabled:!1}},v=t=>{const{small:o,labelLeft:r,labelWidth:a}=t;return e.jsxs(e.Fragment,{children:[e.jsx(s,{label:"Input",helpText:"Some help text",labelLeft:r,labelWidth:a,children:e.jsx(b,{value:"Value",small:o})}),e.jsx(s,{label:"TextArea",helpText:"Some very long help text that needs to have its width constrained so it doesn't look silly",helpTextMaxWidth:200,labelLeft:r,labelWidth:a,children:e.jsx($,{value:"Value"})}),e.jsx(s,{label:"Select (native)",labelLeft:r,labelWidth:a,children:e.jsx(c,{options:[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"}],value:{label:"Option 2",value:"2"},native:!0,small:o,width:"auto"})}),e.jsx(s,{label:"Select (custom)",labelLeft:r,labelWidth:a,children:e.jsx(c,{options:[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"}],value:{label:"Option 2",value:"2"},small:o,width:"auto"})}),e.jsx(s,{label:"Select (multi)",labelLeft:r,labelWidth:a,children:e.jsx(c,{options:[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"}],value:[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"}],small:o})}),e.jsx(s,{label:"Slider",labelLeft:r,labelWidth:a,children:e.jsx(U,{width:"300px",name:"example",label:"Number of aardvarks",value:35,min:0,max:100,step:1,onChange:()=>{},showArrows:!0,showTooltip:!0,small:o})}),e.jsx(s,{label:"ButtonGroup",labelLeft:r,labelWidth:a,children:e.jsx(N,{items:[{key:"0",label:"Option 1",value:"1"},{key:"1",label:"Option 2",value:"2"}],value:0,small:o})}),e.jsx(s,{label:"InputGroup",labelLeft:r,labelWidth:a,children:e.jsxs(V,{small:o,children:[e.jsx(x,{children:"$"}),e.jsx(b,{name:"example",value:"123",onChange:()=>{}}),e.jsx(x,{children:"each"})]})}),e.jsx(s,{label:"Menu",labelLeft:r,labelWidth:a,children:e.jsx(z,{menu:{label:"Menu",trigger:W.DROP_DOWN_BUTTON,sections:[{type:g.OPTION,label:"Lorem"},{type:g.OPTION,label:"Ipsum"}],small:o}})}),e.jsx(s,{label:"CheckBox",labelLeft:r,labelWidth:a,children:e.jsx(G,{label:"CheckBox",checked:!0,small:o,onChange:()=>{}})}),e.jsx(s,{label:"RadioButton",labelLeft:r,labelWidth:a,children:e.jsx(q,{options:[{label:"Aardvarks",value:"termites"},{label:"Monkeys",value:"bananas"}],value:{label:"Monkeys",value:"bananas"},inline:!0,small:o})}),e.jsx(s,{label:"Toggle",labelLeft:r,labelWidth:a,children:e.jsx(E,{label:"Toggle",checked:!0,onChange:()=>{},small:o})}),e.jsx(s,{labelLeft:r,labelWidth:a,children:e.jsx(_,{colored:!0,label:"Button",onClick:()=>{},small:o})})]})},l=t=>{const{row:o,disabled:r}=t;return e.jsx(A.Provider,{value:r,children:o?e.jsx(H,{children:v(t)}):v(t)})},u=l.bind({}),n=l.bind({});n.args={small:!0};const i=l.bind({});i.args={labelLeft:!0,labelWidth:100};const d=l.bind({});d.args={row:!0};const m=l.bind({});m.args={row:!0,small:!0};const p=l.bind({});p.args={disabled:!0};var h,w,j;u.parameters={...u.parameters,docs:{...(h=u.parameters)==null?void 0:h.docs,source:{originalSource:`args => {
|
|
2
|
-
const {
|
|
3
|
-
row,
|
|
4
|
-
disabled
|
|
5
|
-
} = args;
|
|
6
|
-
return <DisabledContext.Provider value={disabled}>
|
|
7
|
-
{row ? <FormRow>{renderFields(args)}</FormRow> : renderFields(args)}
|
|
8
|
-
</DisabledContext.Provider>;
|
|
9
|
-
}`,...(j=(w=u.parameters)==null?void 0:w.docs)==null?void 0:j.source}}};var f,F,C;n.parameters={...n.parameters,docs:{...(f=n.parameters)==null?void 0:f.docs,source:{originalSource:`args => {
|
|
10
|
-
const {
|
|
11
|
-
row,
|
|
12
|
-
disabled
|
|
13
|
-
} = args;
|
|
14
|
-
return <DisabledContext.Provider value={disabled}>
|
|
15
|
-
{row ? <FormRow>{renderFields(args)}</FormRow> : renderFields(args)}
|
|
16
|
-
</DisabledContext.Provider>;
|
|
17
|
-
}`,...(C=(F=n.parameters)==null?void 0:F.docs)==null?void 0:C.source}}};var O,R,T;i.parameters={...i.parameters,docs:{...(O=i.parameters)==null?void 0:O.docs,source:{originalSource:`args => {
|
|
18
|
-
const {
|
|
19
|
-
row,
|
|
20
|
-
disabled
|
|
21
|
-
} = args;
|
|
22
|
-
return <DisabledContext.Provider value={disabled}>
|
|
23
|
-
{row ? <FormRow>{renderFields(args)}</FormRow> : renderFields(args)}
|
|
24
|
-
</DisabledContext.Provider>;
|
|
25
|
-
}`,...(T=(R=i.parameters)==null?void 0:R.docs)==null?void 0:T.source}}};var D,S,P;d.parameters={...d.parameters,docs:{...(D=d.parameters)==null?void 0:D.docs,source:{originalSource:`args => {
|
|
26
|
-
const {
|
|
27
|
-
row,
|
|
28
|
-
disabled
|
|
29
|
-
} = args;
|
|
30
|
-
return <DisabledContext.Provider value={disabled}>
|
|
31
|
-
{row ? <FormRow>{renderFields(args)}</FormRow> : renderFields(args)}
|
|
32
|
-
</DisabledContext.Provider>;
|
|
33
|
-
}`,...(P=(S=d.parameters)==null?void 0:S.docs)==null?void 0:P.source}}};var k,y,B;m.parameters={...m.parameters,docs:{...(k=m.parameters)==null?void 0:k.docs,source:{originalSource:`args => {
|
|
34
|
-
const {
|
|
35
|
-
row,
|
|
36
|
-
disabled
|
|
37
|
-
} = args;
|
|
38
|
-
return <DisabledContext.Provider value={disabled}>
|
|
39
|
-
{row ? <FormRow>{renderFields(args)}</FormRow> : renderFields(args)}
|
|
40
|
-
</DisabledContext.Provider>;
|
|
41
|
-
}`,...(B=(y=m.parameters)==null?void 0:y.docs)==null?void 0:B.source}}};var I,L,M;p.parameters={...p.parameters,docs:{...(I=p.parameters)==null?void 0:I.docs,source:{originalSource:`args => {
|
|
42
|
-
const {
|
|
43
|
-
row,
|
|
44
|
-
disabled
|
|
45
|
-
} = args;
|
|
46
|
-
return <DisabledContext.Provider value={disabled}>
|
|
47
|
-
{row ? <FormRow>{renderFields(args)}</FormRow> : renderFields(args)}
|
|
48
|
-
</DisabledContext.Provider>;
|
|
49
|
-
}`,...(M=(L=p.parameters)==null?void 0:L.docs)==null?void 0:M.source}}};const Me=["Default","Small","LabelsOnLeft","Row","SmallRow","DisabledWithContext"];export{u as Default,p as DisabledWithContext,i as LabelsOnLeft,d as Row,n as Small,m as SmallRow,Me as __namedExportsOrder,Le as default};
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./accordion.stories-B3eUVB9V.js","./jsx-runtime-eps93zm2.js","./index-DhsZuJvc.js","./common-types-Sih75Sav.js","./index-Bk2sglWO.js","./accordion-6ouB0WTt.js","./icon-BP4BO6-k.js","./objectWithoutPropertiesLoose-CAYKN5F1.js","./inheritsLoose-DR8r8Ogv.js","./index-CEuq6vkz.js","./disabled-context-rmpd7YJS.js","./icon-CXtHvr8n.css","./accordion-DhEg2ksb.css","./check-box-wCvXxtCz.js","./help-icon-41R-Z9N1.js","./tooltip-1V7clEnw.js","./index-CUZDtIZe.js","./tooltip-COvcX6J7.css","./help-icon-DeweQs4N.css","./check-box-CV-zd_I_.css","./heading-NkLgQYoP.js","./heading-DMYPCDVj.css","./divider-DY9nJ_7N.js","./text-B3-TSWok.js","./text-2O-HSG8g.css","./divider-wQx_bznd.css","./table-C0QH08M6.js","./index.es-D2piFfFj.js","./extends-CF3RwP-h.js","./redux-tRgGMjwY.js","./objectSpread2-DW4nTBoq.js","./tiny-invariant-DqLgxztJ.js","./memoize-one.esm-CcMeOnPo.js","./lodash-c4VUpsOs.js","./actions-Tr0wIZve.js","./button-CzvLc2io.js","./spinner-AWUe4xwQ.js","./spinner-C07x-KQu.css","./button-fAxt_G4d.css","./types-BmbYqTX_.js","./types-Dx2TtIG9.js","./badge-CLQ59MDF.js","./badge-BiaoqO6w.css","./actions-D8UgHts6.css","./pagination-T__Mixkr.js","./select-BW0IihoR.js","./assertThisInitialized-B9jnkVVz.js","./select.input-CJed_LLR.js","./helpers-JJxzGegQ.js","./select-H-9tdhwc.css","./input-DTXbDJaL.js","./input-DD7t4kHm.css","./input-group-BaRSJAEN.js","./input-group-C4Ph05Zr.css","./input-group-addon-D68iUKV2.js","./input-group-addon-CKbTwfkc.css","./pagination-Dv2vKYwQ.css","./number-input-CEoWDcRg.js","./index-C0x1JmaP.js","./index-DRSy5Ssd.js","./slider-CBE03NwD.js","./index-BI4_Bp97.js","./slider-DnRddBCy.css","./popover-9ZnEm5Hy.js","./popover-CSc-8-Dh.css","./table-C9uAiJu6.css","./accordion-C3DU7hG7.css","./actions.stories-CQK6PyBH.js","./badge.stories-Blb5k20_.js","./breadcrumb.stories-CJArS18Q.js","./breadcrumb-DMx-Mu4J.css","./button-group.stories-QlYbfeJS.js","./button-group-C1PqMW-H.js","./button-group-0hjBV4tw.css","./button.stories-tM18j4A3.js","./react-router-dom-CMITYWBH.js","./flex-EllkLxgO.js","./buttons-and-links-DgWk5FQt.js","./index-BcNHZKhG.js","./index-Bh4hgpyc.js","./index-D6rZ4wEC.js","./text-link.stories-BsuVBOWo.js","./card.stories-Bn6LpucB.js","./card-EcjmryU9.js","./card-VFDFIKp2.css","./check-box.stories-Q_WICJ_2.js","./index-DMAnyMX5.js","./index-CF7H4eMJ.js","./color-JX8P2xFz.js","./chunk-HLWAVYOI-CGp4-QUE.js","./react-16-DXAfArL2.js","./toaster-7wnI6hqB.js","./toaster-DwLvOY18.css","./message-DQ3q8XF9.js","./message-Cl3kn7ZD.css","./toaster-CDSt-Toh.js","./divider.stories-Dd-yyGrX.js","./drawer.stories-BzVj2VTf.js","./drawer-CNKfMbq9.js","./drawer-DhrjYsQu.css","./list-DhjHm8bz.js","./meta-content-DCllGQX6.js","./meta-content-DnZPPeTF.css","./loader-XHoVniao.js","./loader-B4-2F7c_.css","./list.stories-data-DqFECKJF.js","./empty.stories-CVaJlnv1.js","./empty-L0EXybeR.css","./file-button.stories-oe6HKMH2.js","./file-input.stories-DTRWZyqS.js","./file-input-CMP44wlr.js","./file-input-b95Ui6h6.css","./spacer-BWoNR27H.js","./textarea-D6ltcKhz.js","./textarea-H-YTEwr8.css","./field.stories-DhiTcelS.js","./field-C5_fLDpy.js","./label-hiSz3I8H.js","./label-BmwKJ2Mn.css","./field-CNDCZ5UR.css","./form.stories-BCg9rFVI.js","./toggle-C0zvrIOF.js","./toggle-yD7j1VSk.css","./radio-button-C3RuBqEf.js","./radio-button-DvubT0Gg.css","./form-row-CM112EYF.js","./form-row-BYz5u-Vr.css","./heading.stories-nI_cFnAN.js","./help-icon.stories-DBYh0YX7.js","./icon.stories-C4pR7xky.js","./icon-custom-Xcl4YkWP.js","./grid-DRkC-bt8.js","./styled-components.browser.esm-BQ9GQzDc.js","./input-group.stories-M4a8AYtB.js","./input-validation-CRY9hASh.js","./select.stories-CtbKVF6A.js","./input.stories-FKl0qVhm.js","./inputs-PulLFmNE.js","./number-input.stories-DqfU8Xdg.js","./option-dropdown.stories-ntKLWycS.js","./option-dropdown-CqPYsFHP.css","./radio-button.stories-CAHs1mr6.js","./slider.stories-7oMw2PCp.js","./textarea.stories-CJ-Oqytp.js","./toggle.stories-DOc7uN93.js","./label.stories-Cyv5jBAO.js","./layout-forms-Dhgne9wj.js","./layout-general-BS3o8j_a.js","./flex.stories-DtDxXdHB.js","./grid.stories-DqjhHHwX.js","./column.stories-DATtbLrP.js","./row-Bmiy2Lh0.js","./row-D-EMWFT6.css","./afe.stories-CSYzQy-o.js","./top-bar-BQzmL0IU.js","./top-bar-u7j8EgRd.css","./side-bar-BApSkmiM.js","./side-bar-auov230-.css","./page-7SSpdYhb.js","./page-BnAFjzxf.css","./tabs-BoToLVEP.js","./tabs-DnWs2PtA.css","./blowout.stories-hdxkqScp.js","./casing-loads.stories-CTf1cpS3.js","./dialog-B55T_62Q.js","./portal-GQ0_cLB6.js","./dialog-CBMZnjYb.css","./formation.stories-xm22XGgs.js","./projects.stories-CdvyNFKw.js","./reservoirs.stories-zzDr9Zir.js","./site.stories-lIyAWOdt.js","./page.stories-Dp_z8s1a.js","./logo-BVP9045W.js","./page-DqJqTfkP.css","./spacer.stories-BC7lirqi.js","./list.stories-2F-UkS1E.js","./immer.esm-BwVl9PS2.js","./loader.stories-BMe1zhEL.js","./progress-bar-C_kV6r0Q.js","./progress-bar-ztYhwUbl.css","./menu.stories-B_1YsebS.js","./menu.stories-data-CQ59XhzU.js","./message.stories-QYFwbrO0.js","./modal.stories-PZXXHpu9.js","./padding-and-spacing-B4zeG787.js","./pagination.stories-C_oRnFX_.js","./pop-confirm.stories-D-iQo6s7.js","./pop-confirm-DX_o_X81.css","./popover.stories-B9slHpqQ.js","./portal.stories-BvRfNPz3.js","./progress-bar.stories-CpbgT43D.js","./rich-text-input.stories-be871WZn.js","./rich-text-input-dDjxXFl-.css","./side-bar.stories-BuAIJ8NV.js","./smart-upload-modal.stories-CdgsGLvm.js","./spinner.stories-DuQNhl1V.js","./cell.stories-DXApMBee.js","./table.stories-data-CYppbCAy.js","./footer.stories-BobRokDb.js","./row.stories-DmNKaTP6.js","./table.stories-safUrF3C.js","./title.stories-By9nz9a2.js","./tabs.stories-B52iEaHf.js","./text.stories-B8L4FWPt.js","./toaster.stories-D1XTcQR_.js","./tooltip.stories-1YexWg6N.js","./tooltip.test-case.stories-D2SX9mkM.js","./top-bar.stories-Czza1RvB.js","./top-bar.testcase.stories-DpV-QqfZ.js","./tree.stories-CsmZwDmr.js","./tree-BTgu2lWb.css","./unit-input.stories-DTP4sTwo.js","./use-previous-D775JrO6.js","./unit-input-5P4Cogho.css","./unit-table.stories-CnyzGe3D.js","./entry-preview-CHonU0lQ.js","./entry-preview-docs-DUYczTxA.js","./preview-DLBQXbKW.js","./preview-D_pdGeyT.js","./preview-DeFlgNaS.css"])))=>i.map(i=>d[i]);
|
|
2
|
-
import"../sb-preview/runtime.js";(function(){const i=document.createElement("link").relList;if(i&&i.supports&&i.supports("modulepreload"))return;for(const o of document.querySelectorAll('link[rel="modulepreload"]'))c(o);new MutationObserver(o=>{for(const r of o)if(r.type==="childList")for(const e of r.addedNodes)e.tagName==="LINK"&&e.rel==="modulepreload"&&c(e)}).observe(document,{childList:!0,subtree:!0});function m(o){const r={};return o.integrity&&(r.integrity=o.integrity),o.referrerPolicy&&(r.referrerPolicy=o.referrerPolicy),o.crossOrigin==="use-credentials"?r.credentials="include":o.crossOrigin==="anonymous"?r.credentials="omit":r.credentials="same-origin",r}function c(o){if(o.ep)return;o.ep=!0;const r=m(o);fetch(o.href,r)}})();const y="modulepreload",R=function(s,i){return new URL(s,i).href},d={},t=function(i,m,c){let o=Promise.resolve();if(m&&m.length>0){const r=document.getElementsByTagName("link"),e=document.querySelector("meta[property=csp-nonce]"),E=(e==null?void 0:e.nonce)||(e==null?void 0:e.getAttribute("nonce"));o=Promise.all(m.map(_=>{if(_=R(_,c),_ in d)return;d[_]=!0;const p=_.endsWith(".css"),O=p?'[rel="stylesheet"]':"";if(!!c)for(let a=r.length-1;a>=0;a--){const u=r[a];if(u.href===_&&(!p||u.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${_}"]${O}`))return;const n=document.createElement("link");if(n.rel=p?"stylesheet":y,p||(n.as="script",n.crossOrigin=""),n.href=_,E&&n.setAttribute("nonce",E),document.head.appendChild(n),p)return new Promise((a,u)=>{n.addEventListener("load",a),n.addEventListener("error",()=>u(new Error(`Unable to preload CSS for ${_}`)))})}))}return o.then(()=>i()).catch(r=>{const e=new Event("vite:preloadError",{cancelable:!0});if(e.payload=r,window.dispatchEvent(e),!e.defaultPrevented)throw r})},{createBrowserChannel:T}=__STORYBOOK_MODULE_CHANNELS__,{addons:L}=__STORYBOOK_MODULE_PREVIEW_API__,l=T({page:"preview"});L.setChannel(l);window.__STORYBOOK_ADDONS_CHANNEL__=l;window.CONFIG_TYPE==="DEVELOPMENT"&&(window.__STORYBOOK_SERVER_CHANNEL__=l);const P={"./src/components/accordion/accordion.stories.tsx":async()=>t(()=>import("./accordion.stories-B3eUVB9V.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66]),import.meta.url),"./src/components/actions/actions.stories.tsx":async()=>t(()=>import("./actions.stories-CQK6PyBH.js"),__vite__mapDeps([67,1,2,34,4,33,3,10,35,36,37,6,7,8,9,11,15,16,17,38,39,40,41,42,43]),import.meta.url),"./src/components/badge/badge.stories.tsx":async()=>t(()=>import("./badge.stories-Blb5k20_.js"),__vite__mapDeps([68,1,2,41,4,42,35,3,10,36,37,6,7,8,9,11,15,16,17,38]),import.meta.url),"./src/components/breadcrumb/breadcrumb.stories.tsx":async()=>t(()=>import("./breadcrumb.stories-CJArS18Q.js"),__vite__mapDeps([69,1,2,4,10,70]),import.meta.url),"./src/components/button-group/button-group.stories.tsx":async()=>t(()=>import("./button-group.stories-QlYbfeJS.js"),__vite__mapDeps([71,1,2,72,3,10,40,33,35,4,36,37,6,7,8,9,11,15,16,17,38,73]),import.meta.url),"./src/components/button/button.stories.tsx":async()=>t(()=>import("./button.stories-tM18j4A3.js"),__vite__mapDeps([74,1,2,75,8,9,28,31,7,76,35,4,3,10,36,37,6,11,15,16,17,38]),import.meta.url),"./src/components/buttons-and-links.mdx":async()=>t(()=>import("./buttons-and-links-DgWk5FQt.js"),__vite__mapDeps([77,1,2,78,79,16,28,46,8,80,74,75,9,31,7,76,35,4,3,10,36,37,6,11,15,17,38,81,23,24]),import.meta.url),"./src/components/card/card.stories.tsx":async()=>t(()=>import("./card.stories-Bn6LpucB.js"),__vite__mapDeps([82,1,2,83,4,84,20,3,14,15,16,17,6,7,8,9,10,11,18,21]),import.meta.url),"./src/components/check-box/check-box.stories.tsx":async()=>t(()=>import("./check-box.stories-Q_WICJ_2.js"),__vite__mapDeps([85,1,2,86,87,13,4,3,10,14,15,16,17,6,7,8,9,11,18,19]),import.meta.url),"./src/components/color/color.mdx":async()=>t(()=>import("./color-JX8P2xFz.js"),__vite__mapDeps([88,1,2,78,89,90,16,79,28,46,8,80,91,92,93,4,3,6,7,9,10,11,94,95]),import.meta.url),"./src/components/divider/divider.stories.tsx":async()=>t(()=>import("./divider.stories-Dd-yyGrX.js"),__vite__mapDeps([96,1,2,3,23,4,24,22,25]),import.meta.url),"./src/components/drawer/drawer.stories.tsx":async()=>t(()=>import("./drawer.stories-BzVj2VTf.js"),__vite__mapDeps([97,1,2,3,98,4,41,42,33,9,16,6,7,8,10,11,35,36,37,15,17,38,99,100,27,28,29,30,31,32,83,84,101,20,14,18,21,34,39,40,43,102,103,104,76,105]),import.meta.url),"./src/components/empty/empty.stories.tsx":async()=>t(()=>import("./empty.stories-CVaJlnv1.js"),__vite__mapDeps([106,1,2,23,4,24,35,3,10,36,37,6,7,8,9,11,15,16,17,38,107]),import.meta.url),"./src/components/file-button/file-button.stories.tsx":async()=>t(()=>import("./file-button.stories-oe6HKMH2.js"),__vite__mapDeps([108,1,2,34,4,33,3,10,35,36,37,6,7,8,9,11,15,16,17,38,39,40,41,42,43]),import.meta.url),"./src/components/file-input/file-input.stories.tsx":async()=>t(()=>import("./file-input.stories-DTRWZyqS.js"),__vite__mapDeps([109,1,2,110,10,33,52,4,3,53,50,40,15,16,17,51,35,36,37,6,7,8,9,11,38,111,112,93,94,113,114]),import.meta.url),"./src/components/form/field.stories.tsx":async()=>t(()=>import("./field.stories-DhiTcelS.js"),__vite__mapDeps([115,1,2,116,4,117,3,14,15,16,17,6,7,8,9,10,11,18,118,119,50,40,33,51,23,24]),import.meta.url),"./src/components/form/form.stories.tsx":async()=>t(()=>import("./form.stories-BCg9rFVI.js"),__vite__mapDeps([120,1,2,3,10,116,4,117,14,15,16,17,6,7,8,9,11,18,118,119,50,40,33,51,45,28,46,32,39,23,24,34,35,36,37,38,41,42,43,47,48,49,13,19,72,73,121,122,52,53,54,55,60,30,61,62,113,114,123,124,125,126]),import.meta.url),"./src/components/heading/heading.stories.tsx":async()=>t(()=>import("./heading.stories-nI_cFnAN.js"),__vite__mapDeps([127,1,2,3,20,4,14,15,16,17,6,7,8,9,10,11,18,21,76]),import.meta.url),"./src/components/help-icon/help-icon.stories.tsx":async()=>t(()=>import("./help-icon.stories-DBYh0YX7.js"),__vite__mapDeps([128,1,2,3,14,4,15,16,17,6,7,8,9,10,11,18]),import.meta.url),"./src/components/icon/icon.stories.tsx":async()=>t(()=>import("./icon.stories-C4pR7xky.js"),__vite__mapDeps([129,1,2,6,4,7,8,9,10,11,130,131,132,76,23,24]),import.meta.url),"./src/components/input-group/input-group.stories.tsx":async()=>t(()=>import("./input-group.stories-M4a8AYtB.js"),__vite__mapDeps([133,1,2,3,52,4,53,54,55,50,10,40,33,15,16,17,51,35,36,37,6,7,8,9,11,38,34,39,41,42,43,45,28,46,32,23,24,47,48,49]),import.meta.url),"./src/components/input-validation.mdx":async()=>t(()=>import("./input-validation-CRY9hASh.js"),__vite__mapDeps([134,1,2,78,79,16,28,46,8,80,135,86,87,45,33,4,3,10,40,15,17,9,32,39,23,24,34,35,36,37,6,7,11,38,41,42,43,47,48,49,112]),import.meta.url),"./src/components/input/input.stories.tsx":async()=>t(()=>import("./input.stories-FKl0qVhm.js"),__vite__mapDeps([136,1,2,50,4,10,40,33,15,16,17,51]),import.meta.url),"./src/components/inputs.mdx":async()=>t(()=>import("./inputs-PulLFmNE.js"),__vite__mapDeps([137,1,2,78,79,16,28,46,8,80,74,75,9,31,7,76,35,4,3,10,36,37,6,11,15,17,38,85,86,87,13,14,18,19,109,110,33,52,53,50,40,51,111,112,93,94,113,114,136,138,58,59,57,54,55,45,32,39,23,24,34,41,42,43,47,48,49,139,22,25,140,141,123,124,135,142,60,30,61,62,143,144,121,122]),import.meta.url),"./src/components/label/label.stories.tsx":async()=>t(()=>import("./label.stories-Cyv5jBAO.js"),__vite__mapDeps([145,1,2,117,4,3,14,15,16,17,6,7,8,9,10,11,18,118]),import.meta.url),"./src/components/layout-forms.mdx":async()=>t(()=>import("./layout-forms-Dhgne9wj.js"),__vite__mapDeps([146,1,2,78,79,16,28,46,8,80,115,116,4,117,3,14,15,17,6,7,9,10,11,18,118,119,50,40,33,51,23,24,120,45,32,39,34,35,36,37,38,41,42,43,47,48,49,13,19,72,73,121,122,52,53,54,55,60,30,61,62,113,114,123,124,125,126]),import.meta.url),"./src/components/layout-general.mdx":async()=>t(()=>import("./layout-general-BS3o8j_a.js"),__vite__mapDeps([147,1,2,78,79,16,28,46,8,80,148,76,35,4,3,10,36,37,6,7,9,11,15,17,38,23,24,149,131,132,83,84,150,151,152,20,14,18,21]),import.meta.url),"./src/components/layout/column.stories.tsx":async()=>t(()=>import("./column.stories-DATtbLrP.js"),__vite__mapDeps([150,1,2,151,132,4,152,20,3,14,15,16,17,6,7,8,9,10,11,18,21]),import.meta.url),"./src/components/layout/examples/afe.stories.jsx":async()=>t(()=>import("./afe.stories-CSYzQy-o.js"),__vite__mapDeps([153,1,2,3,154,4,6,7,8,9,10,11,35,36,37,15,16,17,38,34,33,39,40,41,42,43,155,156,61,98,99,157,20,14,18,21,100,27,28,29,30,31,32,83,84,101,102,103,104,116,117,118,119,50,51,5,12,13,19,125,126,158,159,151,132,152,45,46,23,24,47,48,49,112,160,161,52,53,54,55]),import.meta.url),"./src/components/layout/examples/blowout.stories.jsx":async()=>t(()=>import("./blowout.stories-hdxkqScp.js"),__vite__mapDeps([162,1,2,3,154,4,6,7,8,9,10,11,35,36,37,15,16,17,38,34,33,39,40,41,42,43,155,156,61,98,99,157,20,14,18,21,83,84,158,159,151,132,152,112]),import.meta.url),"./src/components/layout/examples/casing-loads.stories.jsx":async()=>t(()=>import("./casing-loads.stories-CTf1cpS3.js"),__vite__mapDeps([163,1,2,3,154,4,6,7,8,9,10,11,35,36,37,15,16,17,38,34,33,39,40,41,42,43,155,156,61,98,99,157,20,14,18,21,100,27,28,29,30,31,32,83,84,101,102,103,104,116,117,118,119,50,51,164,165,166,13,19,125,126,158,159,151,132,152,45,46,23,24,47,48,49,112,160,161,26,44,52,53,54,55,56,57,58,59,60,62,63,64,65]),import.meta.url),"./src/components/layout/examples/formation.stories.jsx":async()=>t(()=>import("./formation.stories-xm22XGgs.js"),__vite__mapDeps([167,1,2,154,4,6,7,8,9,10,11,3,35,36,37,15,16,17,38,34,33,39,40,41,42,43,155,156,61,98,99,157,20,14,18,21,158,159,151,132,152,112,160,47,48,161,26,27,28,29,30,31,32,44,45,46,23,24,49,50,51,52,53,54,55,56,57,58,59,13,19,60,62,63,64,65]),import.meta.url),"./src/components/layout/examples/projects.stories.jsx":async()=>t(()=>import("./projects.stories-CdvyNFKw.js"),__vite__mapDeps([168,1,2,154,4,6,7,8,9,10,11,3,35,36,37,15,16,17,38,34,33,39,40,41,42,43,155,100,27,28,29,30,31,32,83,84,101,20,14,18,21,102,103,104,158,159,151,132,152,160,47,48,161,112]),import.meta.url),"./src/components/layout/examples/reservoirs.stories.jsx":async()=>t(()=>import("./reservoirs.stories-zzDr9Zir.js"),__vite__mapDeps([169,1,2,3,154,4,6,7,8,9,10,11,35,36,37,15,16,17,38,34,33,39,40,41,42,43,155,156,61,98,99,157,20,14,18,21,100,27,28,29,30,31,32,83,84,101,102,103,104,116,117,118,119,50,51,13,19,123,47,48,124,125,126,158,159,151,132,152,45,46,23,24,49,112]),import.meta.url),"./src/components/layout/examples/site.stories.jsx":async()=>t(()=>import("./site.stories-lIyAWOdt.js"),__vite__mapDeps([170,1,2,3,154,4,6,7,8,9,10,11,35,36,37,15,16,17,38,34,33,39,40,41,42,43,155,156,61,98,99,157,20,14,18,21,100,27,28,29,30,31,32,83,84,101,102,103,104,116,117,118,119,50,51,13,19,158,159,151,132,152,5,12,112,160,47,48,161]),import.meta.url),"./src/components/layout/flex/flex.stories.tsx":async()=>t(()=>import("./flex.stories-DtDxXdHB.js"),__vite__mapDeps([148,1,2,76,35,4,3,10,36,37,6,7,8,9,11,15,16,17,38,23,24]),import.meta.url),"./src/components/layout/grid/grid.stories.tsx":async()=>t(()=>import("./grid.stories-DqjhHHwX.js"),__vite__mapDeps([149,1,2,131,132,83,4,84]),import.meta.url),"./src/components/layout/page.stories.tsx":async()=>t(()=>import("./page.stories-Dp_z8s1a.js"),__vite__mapDeps([171,1,2,158,4,159,154,6,7,8,9,10,11,3,35,36,37,15,16,17,38,34,33,39,40,41,42,43,155,156,61,98,99,157,20,14,18,21,172,173]),import.meta.url),"./src/components/layout/spacer/spacer.stories.tsx":async()=>t(()=>import("./spacer.stories-BC7lirqi.js"),__vite__mapDeps([174,1,2,112,76,35,4,3,10,36,37,6,7,8,9,11,15,16,17,38]),import.meta.url),"./src/components/list/list.stories.tsx":async()=>t(()=>import("./list.stories-2F-UkS1E.js"),__vite__mapDeps([175,1,2,176,75,8,9,28,31,7,100,4,27,29,30,16,32,83,84,101,3,6,10,11,20,14,15,17,18,21,34,33,35,36,37,38,39,40,41,42,43,102,103,104,76,105]),import.meta.url),"./src/components/loader/loader.stories.tsx":async()=>t(()=>import("./loader.stories-BMe1zhEL.js"),__vite__mapDeps([177,1,2,3,103,4,104,178,179,36,37,112,35,10,6,7,8,9,11,15,16,17,38,83,84]),import.meta.url),"./src/components/menu/menu.stories.tsx":async()=>t(()=>import("./menu.stories-B_1YsebS.js"),__vite__mapDeps([180,1,2,75,8,9,28,31,7,3,86,87,34,4,33,10,35,36,37,6,11,15,16,17,38,39,40,41,42,43,76,181]),import.meta.url),"./src/components/message/message.stories.tsx":async()=>t(()=>import("./message.stories-QYFwbrO0.js"),__vite__mapDeps([182,1,2,93,4,3,6,7,8,9,10,11,94,35,36,37,15,16,17,38,131,132]),import.meta.url),"./src/components/modal/modal.stories.tsx":async()=>t(()=>import("./modal.stories-PZXXHpu9.js"),__vite__mapDeps([183,1,2,86,87,3,164,4,165,16,33,20,14,15,17,6,7,8,9,10,11,18,21,35,36,37,38,166,63,64,50,40,51,52,53,116,117,118,119,34,39,41,42,43,45,28,46,32,23,24,47,48,49,112]),import.meta.url),"./src/components/number-input/number-input.stories.tsx":async()=>t(()=>import("./number-input.stories-DqfU8Xdg.js"),__vite__mapDeps([138,1,2,86,87,58,59,57,33,50,4,10,40,15,16,17,51,52,3,53,54,55,45,9,28,46,8,32,39,23,24,34,35,36,37,6,7,11,38,41,42,43,47,48,49]),import.meta.url),"./src/components/option-dropdown/option-dropdown.stories.tsx":async()=>t(()=>import("./option-dropdown.stories-ntKLWycS.js"),__vite__mapDeps([139,1,2,3,34,4,33,10,35,36,37,6,7,8,9,11,15,16,17,38,39,40,41,42,43,13,14,18,19,22,23,24,25,140]),import.meta.url),"./src/components/padding-and-spacing.mdx":async()=>t(()=>import("./padding-and-spacing-B4zeG787.js"),__vite__mapDeps([184,1,2,78,79,16,28,46,8,80]),import.meta.url),"./src/components/pagination/pagination.stories.tsx":async()=>t(()=>import("./pagination.stories-C_oRnFX_.js"),__vite__mapDeps([185,1,2,44,3,45,33,4,10,40,15,16,17,9,28,46,8,32,39,23,24,34,35,36,37,6,7,11,38,41,42,43,47,48,49,50,51,52,53,54,55,56]),import.meta.url),"./src/components/pop-confirm/pop-confirm.stories.tsx":async()=>t(()=>import("./pop-confirm.stories-D-iQo6s7.js"),__vite__mapDeps([186,1,2,63,15,16,4,17,3,10,35,36,37,6,7,8,9,11,38,64,23,24,95,91,92,93,94,187]),import.meta.url),"./src/components/popover/popover.stories.tsx":async()=>t(()=>import("./popover.stories-B9slHpqQ.js"),__vite__mapDeps([188,1,2,112,63,15,16,4,17,3,10,35,36,37,6,7,8,9,11,38,64,50,40,33,51,76,45,28,46,32,39,23,24,34,41,42,43,47,48,49]),import.meta.url),"./src/components/portal/portal.stories.tsx":async()=>t(()=>import("./portal.stories-BvRfNPz3.js"),__vite__mapDeps([189,1,2,16,165]),import.meta.url),"./src/components/progress-bar/progress-bar.stories.tsx":async()=>t(()=>import("./progress-bar.stories-CpbgT43D.js"),__vite__mapDeps([190,1,2,178,4,179]),import.meta.url),"./src/components/radio-button/radio-button.stories.tsx":async()=>t(()=>import("./radio-button.stories-CAHs1mr6.js"),__vite__mapDeps([141,1,2,86,87,123,4,10,47,48,39,3,14,15,16,17,6,7,8,9,11,18,124]),import.meta.url),"./src/components/rich-text-input/rich-text-input.stories.tsx":async()=>t(()=>import("./rich-text-input.stories-be871WZn.js"),__vite__mapDeps([191,1,2,10,3,35,4,36,37,6,7,8,9,11,15,16,17,38,45,33,40,28,46,32,39,23,24,34,41,42,43,47,48,49,192]),import.meta.url),"./src/components/select/select.stories.tsx":async()=>t(()=>import("./select.stories-CtbKVF6A.js"),__vite__mapDeps([135,1,2,86,87,45,33,4,3,10,40,15,16,17,9,28,46,8,32,39,23,24,34,35,36,37,6,7,11,38,41,42,43,47,48,49,112]),import.meta.url),"./src/components/side-bar/side-bar.stories.tsx":async()=>t(()=>import("./side-bar.stories-BuAIJ8NV.js"),__vite__mapDeps([193,1,2,3,156,4,61,98,41,42,33,9,16,6,7,8,10,11,35,36,37,15,17,38,99,157,76,130]),import.meta.url),"./src/components/slider/slider.stories.tsx":async()=>t(()=>import("./slider.stories-7oMw2PCp.js"),__vite__mapDeps([142,1,2,60,33,30,4,28,7,32,61,6,8,9,10,11,3,15,16,17,35,36,37,38,62,23,24]),import.meta.url),"./src/components/smart-upload-modal/smart-upload-modal.stories.tsx":async()=>t(()=>import("./smart-upload-modal.stories-CdgsGLvm.js"),__vite__mapDeps([194,1,2,35,4,3,10,36,37,6,7,8,9,11,15,16,17,38,164,165,33,20,14,18,21,166,110,52,53,50,40,51,111,112,23,24,178,179,58,59]),import.meta.url),"./src/components/spinner/spinner.stories.tsx":async()=>t(()=>import("./spinner.stories-DuQNhl1V.js"),__vite__mapDeps([195,1,2,36,37]),import.meta.url),"./src/components/table/cell/cell.stories.tsx":async()=>t(()=>import("./cell.stories-DXApMBee.js"),__vite__mapDeps([196,1,2,26,4,27,8,28,29,30,31,16,32,7,33,34,3,10,35,36,37,6,9,11,15,17,38,39,40,41,42,43,20,14,18,21,44,45,46,23,24,47,48,49,50,51,52,53,54,55,56,57,58,59,13,19,60,61,62,63,64,65,116,117,118,119,76,197]),import.meta.url),"./src/components/table/footer/footer.stories.tsx":async()=>t(()=>import("./footer.stories-BobRokDb.js"),__vite__mapDeps([198,1,2,26,4,27,8,28,29,30,31,16,32,7,33,34,3,10,35,36,37,6,9,11,15,17,38,39,40,41,42,43,20,14,18,21,44,45,46,23,24,47,48,49,50,51,52,53,54,55,56,57,58,59,13,19,60,61,62,63,64,65,197,76]),import.meta.url),"./src/components/table/row/row.stories.tsx":async()=>t(()=>import("./row.stories-DmNKaTP6.js"),__vite__mapDeps([199,1,2,26,4,27,8,28,29,30,31,16,32,7,33,34,3,10,35,36,37,6,9,11,15,17,38,39,40,41,42,43,20,14,18,21,44,45,46,23,24,47,48,49,50,51,52,53,54,55,56,57,58,59,13,19,60,61,62,63,64,65,197,76]),import.meta.url),"./src/components/table/table.stories.tsx":async()=>t(()=>import("./table.stories-safUrF3C.js"),__vite__mapDeps([200,1,2,176,33,131,132,23,4,24,26,27,8,28,29,30,31,16,32,7,34,3,10,35,36,37,6,9,11,15,17,38,39,40,41,42,43,20,14,18,21,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,13,19,60,61,62,63,64,65,83,84,116,117,118,119,197,76]),import.meta.url),"./src/components/table/title/title.stories.tsx":async()=>t(()=>import("./title.stories-By9nz9a2.js"),__vite__mapDeps([201,1,2,26,4,27,8,28,29,30,31,16,32,7,33,34,3,10,35,36,37,6,9,11,15,17,38,39,40,41,42,43,20,14,18,21,44,45,46,23,24,47,48,49,50,51,52,53,54,55,56,57,58,59,13,19,60,61,62,63,64,65,197,76]),import.meta.url),"./src/components/tabs/tabs.stories.tsx":async()=>t(()=>import("./tabs.stories-B52iEaHf.js"),__vite__mapDeps([202,1,2,160,4,10,33,41,42,47,48,39,161]),import.meta.url),"./src/components/text-link/text-link.stories.tsx":async()=>t(()=>import("./text-link.stories-BsuVBOWo.js"),__vite__mapDeps([81,1,2,75,8,9,28,31,7,76,23,4,24]),import.meta.url),"./src/components/text/text.stories.tsx":async()=>t(()=>import("./text.stories-B8L4FWPt.js"),__vite__mapDeps([203,1,2,23,4,24]),import.meta.url),"./src/components/textarea/textarea.stories.tsx":async()=>t(()=>import("./textarea.stories-CJ-Oqytp.js"),__vite__mapDeps([143,1,2,113,4,40,33,10,15,16,17,114]),import.meta.url),"./src/components/toaster/toaster.stories.tsx":async()=>t(()=>import("./toaster.stories-D1XTcQR_.js"),__vite__mapDeps([204,1,2,86,87,131,132,23,4,24,76,95,91,16,92,93,3,6,7,8,9,10,11,94,35,36,37,15,17,38,112]),import.meta.url),"./src/components/toggle/toggle.stories.tsx":async()=>t(()=>import("./toggle.stories-DOc7uN93.js"),__vite__mapDeps([144,1,2,86,87,76,23,4,24,121,3,10,14,15,16,17,6,7,8,9,11,18,122]),import.meta.url),"./src/components/tooltip/tooltip.stories.tsx":async()=>t(()=>import("./tooltip.stories-1YexWg6N.js"),__vite__mapDeps([205,1,2,15,16,4,17]),import.meta.url),"./src/components/tooltip/tooltip.test-case.stories.tsx":async()=>t(()=>import("./tooltip.test-case.stories-D2SX9mkM.js"),__vite__mapDeps([206,1,2,15,16,4,17,34,33,3,10,35,36,37,6,7,8,9,11,38,39,40,41,42,43,181,76]),import.meta.url),"./src/components/top-bar/top-bar.stories.tsx":async()=>t(()=>import("./top-bar.stories-Czza1RvB.js"),__vite__mapDeps([207,1,2,75,8,9,28,31,7,3,154,4,6,10,11,35,36,37,15,16,17,38,34,33,39,40,41,42,43,155,158,159,172,130]),import.meta.url),"./src/components/top-bar/top-bar.testcase.stories.tsx":async()=>t(()=>import("./top-bar.testcase.stories-DpV-QqfZ.js"),__vite__mapDeps([208,1,2,3,154,4,6,7,8,9,10,11,35,36,37,15,16,17,38,34,33,39,40,41,42,43,155,172]),import.meta.url),"./src/components/tree/tree.stories.tsx":async()=>t(()=>import("./tree.stories-CsmZwDmr.js"),__vite__mapDeps([209,1,2,6,4,7,8,9,10,11,59,3,101,20,14,15,16,17,18,21,34,33,35,36,37,38,39,40,41,42,43,102,29,30,23,24,210]),import.meta.url),"./src/components/unit-input/unit-input.stories.tsx":async()=>t(()=>import("./unit-input.stories-DTP4sTwo.js"),__vite__mapDeps([211,1,2,58,59,4,212,34,33,3,10,35,36,37,6,7,8,9,11,15,16,17,38,39,40,41,42,43,54,55,52,53,112,23,24,48,57,50,51,22,25,151,132,152,116,117,14,18,118,119,93,94,86,87,213]),import.meta.url),"./src/components/unit-table/unit-table.stories.tsx":async()=>t(()=>import("./unit-table.stories-CnyzGe3D.js"),__vite__mapDeps([214,1,2,176,58,59,131,132,112,86,87,83,4,84,116,117,3,14,15,16,17,6,7,8,9,10,11,18,118,119,20,21,45,33,40,28,46,32,39,23,24,34,35,36,37,38,41,42,43,47,48,49,121,122,212,26,27,29,30,31,44,50,51,52,53,54,55,56,57,13,19,60,61,62,63,64,65]),import.meta.url)};async function v(s){return P[s]()}const{composeConfigs:x,PreviewWeb:I,ClientApi:f}=__STORYBOOK_MODULE_PREVIEW_API__,V=async(s=[])=>{const i=await Promise.all([s.at(0)??t(()=>import("./entry-preview-CHonU0lQ.js"),__vite__mapDeps([215,2,90,16]),import.meta.url),s.at(1)??t(()=>import("./entry-preview-docs-DUYczTxA.js"),__vite__mapDeps([216,80,2,9]),import.meta.url),s.at(2)??t(()=>import("./preview-Ct5NkTJf.js"),[],import.meta.url),s.at(3)??t(()=>import("./preview-_xr6Jbjy.js"),[],import.meta.url),s.at(4)??t(()=>import("./preview-DLBQXbKW.js"),__vite__mapDeps([217,87]),import.meta.url),s.at(5)??t(()=>import("./preview-D_pdGeyT.js"),__vite__mapDeps([218,1,2,91,16,92,93,4,3,6,7,8,9,10,11,94,79,28,46,80,59,89,90,219]),import.meta.url)]);return x(i)};window.__STORYBOOK_PREVIEW__=window.__STORYBOOK_PREVIEW__||new I(v,V);window.__STORYBOOK_STORY_STORE__=window.__STORYBOOK_STORY_STORE__||window.__STORYBOOK_PREVIEW__.storyStore;export{t as _};
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import{j as t}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as n}from"./index-BcNHZKhG.js";import{Z as s,$ as o}from"./index-Bh4hgpyc.js";import{Default as p,LabelOnLeft as m}from"./field.stories-DhiTcelS.js";import{Default as l,LabelsOnLeft as a,Row as h}from"./form.stories-BCg9rFVI.js";import"./index-DhsZuJvc.js";import"./iframe-EHZbBy3L.js";import"../sb-preview/runtime.js";import"./index-CUZDtIZe.js";import"./extends-CF3RwP-h.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-D6rZ4wEC.js";import"./field-C5_fLDpy.js";import"./index-Bk2sglWO.js";import"./label-hiSz3I8H.js";import"./common-types-Sih75Sav.js";import"./help-icon-41R-Z9N1.js";import"./tooltip-1V7clEnw.js";import"./icon-BP4BO6-k.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./input-DTXbDJaL.js";import"./types-Dx2TtIG9.js";import"./lodash-c4VUpsOs.js";import"./text-B3-TSWok.js";import"./select-BW0IihoR.js";import"./memoize-one.esm-CcMeOnPo.js";import"./types-BmbYqTX_.js";import"./actions-Tr0wIZve.js";import"./button-CzvLc2io.js";import"./spinner-AWUe4xwQ.js";import"./badge-CLQ59MDF.js";import"./select.input-CJed_LLR.js";import"./helpers-JJxzGegQ.js";import"./check-box-wCvXxtCz.js";import"./button-group-C1PqMW-H.js";import"./toggle-C0zvrIOF.js";import"./input-group-BaRSJAEN.js";import"./input-group-addon-D68iUKV2.js";import"./slider-CBE03NwD.js";import"./objectSpread2-DW4nTBoq.js";import"./index-BI4_Bp97.js";import"./textarea-D6ltcKhz.js";import"./radio-button-C3RuBqEf.js";import"./form-row-CM112EYF.js";function r(i){const e={code:"code",h1:"h1",h2:"h2",p:"p",...n(),...i.components};return t.jsxs(t.Fragment,{children:[t.jsx(s,{title:"Layout (Forms)"}),`
|
|
2
|
-
`,t.jsx(e.h1,{id:"layout-forms",children:"Layout (Forms)"}),`
|
|
3
|
-
`,t.jsx(e.h2,{id:"field",children:"Field"}),`
|
|
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."]}),`
|
|
5
|
-
`,t.jsx(o,{of:p}),`
|
|
6
|
-
`,t.jsxs(e.p,{children:["For inline labels, use the ",t.jsx(e.code,{children:"labelLeft"})," prop (and the optional ",t.jsx(e.code,{children:"labelWidth"}),")."]}),`
|
|
7
|
-
`,t.jsx(o,{of:m}),`
|
|
8
|
-
`,t.jsx(e.h2,{id:"stacked",children:"Stacked"}),`
|
|
9
|
-
`,t.jsxs(e.p,{children:["This is the simplest form layout, and works well when horizontal space is limited, or inputs vary in height (e.g. ",t.jsx(e.code,{children:"TextArea"}),")."]}),`
|
|
10
|
-
`,t.jsx(o,{of:l}),`
|
|
11
|
-
`,t.jsx(e.h2,{id:"stacked-with-inline-labels",children:"Stacked with inline labels"}),`
|
|
12
|
-
`,t.jsxs(e.p,{children:["This has the same markup, but with ",t.jsx(e.code,{children:"labelLeft"})," and ",t.jsx(e.code,{children:"labelWidth"})," set on each field."]}),`
|
|
13
|
-
`,t.jsx(o,{of:a}),`
|
|
14
|
-
`,t.jsx(e.h2,{id:"row",children:"Row"}),`
|
|
15
|
-
`,t.jsxs(e.p,{children:["Wrapping a group of form controls in ",t.jsx(e.code,{children:"FormRow"})," arranges them horizontally, and applies default spacing between each item. This works well when vertical space is limited, because inputs will only wrap onto the next line when they need to."]}),`
|
|
16
|
-
`,t.jsx(o,{of:h})]})}function nt(i={}){const{wrapper:e}={...n(),...i.components};return e?t.jsx(e,{...i,children:t.jsx(r,{...i})}):r(i)}export{nt as default};
|
|
@@ -1,110 +0,0 @@
|
|
|
1
|
-
import{j as l}from"./jsx-runtime-eps93zm2.js";import{r as f}from"./index-DhsZuJvc.js";import{w as D,u as t,e as s,f as ye,a as we}from"./index-DMAnyMX5.js";import{d as Ce}from"./index-C0x1JmaP.js";import{N as p}from"./number-input-CEoWDcRg.js";import{I as be}from"./input-group-BaRSJAEN.js";import{I as Te}from"./input-group-addon-D68iUKV2.js";import{S as Ae}from"./select-BW0IihoR.js";import"./index-CF7H4eMJ.js";import"./index-DRSy5Ssd.js";import"./lodash-c4VUpsOs.js";import"./input-DTXbDJaL.js";import"./index-Bk2sglWO.js";import"./disabled-context-rmpd7YJS.js";import"./types-Dx2TtIG9.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./common-types-Sih75Sav.js";import"./index-CEuq6vkz.js";import"./extends-CF3RwP-h.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-DR8r8Ogv.js";import"./memoize-one.esm-CcMeOnPo.js";import"./types-BmbYqTX_.js";import"./text-B3-TSWok.js";import"./actions-Tr0wIZve.js";import"./button-CzvLc2io.js";import"./spinner-AWUe4xwQ.js";import"./icon-BP4BO6-k.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./badge-CLQ59MDF.js";import"./select.input-CJed_LLR.js";import"./helpers-JJxzGegQ.js";const{useArgs:De}=__STORYBOOK_MODULE_PREVIEW_API__,ra={title:"Forms/NumberInput",component:p,parameters:{canvas:{page:null}},args:{label:"Label"}},o=a=>{const[r,e]=De(),u=n=>{e({value:n.target.value})};return l.jsx(p,{onChange:u,value:123,...a})},B=o.bind({}),m=o.bind({});m.args={small:!0};const g=o.bind({});g.args={width:"150px"};const v=o.bind({});v.args={left:!0};const h=o.bind({});h.args={disabled:!0};const I=o.bind({});I.args={allowEmpty:!0,value:""};const i=()=>{const[a,r]=f.useState("123|m");return l.jsx(p,{name:"example",onChange:e=>r(e.target.value),placeholder:"Type a value...",value:a,testId:"testId"})};i.play=async({canvasElement:a,step:r})=>{const e=D(a),u=D(a.ownerDocument.body);await r("Shows validation error for non-numeric input",async()=>{const n=e.getByTestId("testId");await t.clear(n),await t.type(n,"123x45s6"),await t.click(a),await s(e.getByDisplayValue("123x45s6")).toBeInTheDocument(),await ye.mouseOver(n),await we(()=>{s(u.getByText("Must be a numerical value")).toBeInTheDocument()})})};const y=o.bind({});y.args={warning:"This input number is almost 100!",value:"99"};const w=o.bind({});w.args={error:"This is a error message"};const C=o.bind({});C.args={value:"123test"};const b=o.bind({});b.args={value:"123.123456789",enableDisplayRounding:!0};const T=o.bind({});T.args={value:"123.123456789",enableDisplayRounding:!0,roundDisplayValue:a=>Ce.roundToFixed(a,4)};const A=()=>l.jsxs(be,{small:!0,children:[l.jsx(p,{value:123}),l.jsx(Te,{children:"to"}),l.jsx(p,{value:123}),l.jsx(Ae,{options:[{value:"units",label:"units"}],width:"auto",value:"units"})]}),c=()=>{const[a,r]=f.useState("123");return l.jsx(p,{value:a,onChange:e=>{r(e.target.value)},testId:"testId",enableDisplayRounding:!0})};c.play=async({canvasElement:a,step:r})=>{const e=D(a);await r("Value should be rounded on blur",async()=>{const u=e.getByTestId("testId");await t.clear(u),await t.type(u,"123.123456789"),await t.click(a),await s(e.getByDisplayValue("123.12")).toBeInTheDocument()}),await r("Full value shown on focus",async()=>{const u=e.getByTestId("testId");await t.click(u),await s(e.getByDisplayValue("123.123456789")).toBeInTheDocument()})};const d=()=>{const[a,r]=f.useState("123");return l.jsx(p,{value:a,onChange:e=>{r(e.target.value)},testId:"testId"})};d.play=async({canvasElement:a,step:r})=>{const e=D(a),u=D(a.ownerDocument.body);await r("Can enter decimal values",async()=>{const n=e.getByTestId("testId");await t.clear(n),await t.type(n,"123.123456789"),await t.click(a),await s(e.getByDisplayValue("123.123456789")).toBeInTheDocument()}),await r("Can enter scientific notation",async()=>{const n=e.getByTestId("testId");await t.clear(n),await t.type(n,"-1.12e3"),await t.click(a),await s(e.getByDisplayValue("-1.12e3")).toBeInTheDocument()}),await r("Can enter comma decimals (converts to dot)",async()=>{const n=e.getByTestId("testId");await t.clear(n),await t.type(n,"123,456"),await t.click(a),await s(e.getByDisplayValue("123.456")).toBeInTheDocument()}),await r("Can enter small numbers",async()=>{const n=e.getByTestId("testId");await t.clear(n),await t.type(n,"0.0000000023"),await t.click(a),await s(e.getByDisplayValue("0.0000000023")).toBeInTheDocument()}),await r("Can enter large numbers",async()=>{const n=e.getByTestId("testId");await t.clear(n),await t.type(n,"999999999999"),await t.click(a),await s(e.getByDisplayValue("999999999999")).toBeInTheDocument()}),await r("Shows validation error for non-numeric input",async()=>{const n=e.getByTestId("testId");await t.clear(n),await t.type(n,"123x45s6"),await t.click(a),await s(e.getByDisplayValue("123x45s6")).toBeInTheDocument(),await ye.mouseOver(n),await we(()=>{s(u.getByText("Must be a numerical value")).toBeInTheDocument()})})};i.__docgenInfo={description:"",methods:[{name:"play",docblock:null,modifiers:["static"],params:[{name:"{ canvasElement, step }",optional:!1,type:null}],returns:null}],displayName:"Placeholder"};A.__docgenInfo={description:"",methods:[],displayName:"TestInputGroup"};c.__docgenInfo={description:"",methods:[{name:"play",docblock:null,modifiers:["static"],params:[{name:"{ canvasElement, step }",optional:!1,type:null}],returns:null}],displayName:"TestDisplayRounding"};d.__docgenInfo={description:"",methods:[{name:"play",docblock:null,modifiers:["static"],params:[{name:"{ canvasElement, step }",optional:!1,type:null}],returns:null}],displayName:"TestUserInput"};var _,S,E;B.parameters={...B.parameters,docs:{...(_=B.parameters)==null?void 0:_.docs,source:{originalSource:`args => {
|
|
2
|
-
const [_, updateArgs] = useArgs();
|
|
3
|
-
const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
|
|
4
|
-
updateArgs({
|
|
5
|
-
value: evt.target.value
|
|
6
|
-
});
|
|
7
|
-
};
|
|
8
|
-
return <NumberInput onChange={handleChange} value={123} {...args} />;
|
|
9
|
-
}`,...(E=(S=B.parameters)==null?void 0:S.docs)==null?void 0:E.source}}};var x,N,V;m.parameters={...m.parameters,docs:{...(x=m.parameters)==null?void 0:x.docs,source:{originalSource:`args => {
|
|
10
|
-
const [_, updateArgs] = useArgs();
|
|
11
|
-
const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
|
|
12
|
-
updateArgs({
|
|
13
|
-
value: evt.target.value
|
|
14
|
-
});
|
|
15
|
-
};
|
|
16
|
-
return <NumberInput onChange={handleChange} value={123} {...args} />;
|
|
17
|
-
}`,...(V=(N=m.parameters)==null?void 0:N.docs)==null?void 0:V.source}}};var L,M,R;g.parameters={...g.parameters,docs:{...(L=g.parameters)==null?void 0:L.docs,source:{originalSource:`args => {
|
|
18
|
-
const [_, updateArgs] = useArgs();
|
|
19
|
-
const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
|
|
20
|
-
updateArgs({
|
|
21
|
-
value: evt.target.value
|
|
22
|
-
});
|
|
23
|
-
};
|
|
24
|
-
return <NumberInput onChange={handleChange} value={123} {...args} />;
|
|
25
|
-
}`,...(R=(M=g.parameters)==null?void 0:M.docs)==null?void 0:R.source}}};var k,j,H;v.parameters={...v.parameters,docs:{...(k=v.parameters)==null?void 0:k.docs,source:{originalSource:`args => {
|
|
26
|
-
const [_, updateArgs] = useArgs();
|
|
27
|
-
const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
|
|
28
|
-
updateArgs({
|
|
29
|
-
value: evt.target.value
|
|
30
|
-
});
|
|
31
|
-
};
|
|
32
|
-
return <NumberInput onChange={handleChange} value={123} {...args} />;
|
|
33
|
-
}`,...(H=(j=v.parameters)==null?void 0:j.docs)==null?void 0:H.source}}};var G,W,O;h.parameters={...h.parameters,docs:{...(G=h.parameters)==null?void 0:G.docs,source:{originalSource:`args => {
|
|
34
|
-
const [_, updateArgs] = useArgs();
|
|
35
|
-
const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
|
|
36
|
-
updateArgs({
|
|
37
|
-
value: evt.target.value
|
|
38
|
-
});
|
|
39
|
-
};
|
|
40
|
-
return <NumberInput onChange={handleChange} value={123} {...args} />;
|
|
41
|
-
}`,...(O=(W=h.parameters)==null?void 0:W.docs)==null?void 0:O.source}}};var P,F,U;I.parameters={...I.parameters,docs:{...(P=I.parameters)==null?void 0:P.docs,source:{originalSource:`args => {
|
|
42
|
-
const [_, updateArgs] = useArgs();
|
|
43
|
-
const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
|
|
44
|
-
updateArgs({
|
|
45
|
-
value: evt.target.value
|
|
46
|
-
});
|
|
47
|
-
};
|
|
48
|
-
return <NumberInput onChange={handleChange} value={123} {...args} />;
|
|
49
|
-
}`,...(U=(F=I.parameters)==null?void 0:F.docs)==null?void 0:U.source}}};var K,Y,q;i.parameters={...i.parameters,docs:{...(K=i.parameters)==null?void 0:K.docs,source:{originalSource:`() => {
|
|
50
|
-
const [value, setValue] = useState('123|m');
|
|
51
|
-
return <NumberInput name="example" onChange={evt => setValue(evt.target.value)} placeholder="Type a value..." value={value} testId="testId" />;
|
|
52
|
-
}`,...(q=(Y=i.parameters)==null?void 0:Y.docs)==null?void 0:q.source}}};var z,J,Q;y.parameters={...y.parameters,docs:{...(z=y.parameters)==null?void 0:z.docs,source:{originalSource:`args => {
|
|
53
|
-
const [_, updateArgs] = useArgs();
|
|
54
|
-
const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
|
|
55
|
-
updateArgs({
|
|
56
|
-
value: evt.target.value
|
|
57
|
-
});
|
|
58
|
-
};
|
|
59
|
-
return <NumberInput onChange={handleChange} value={123} {...args} />;
|
|
60
|
-
}`,...(Q=(J=y.parameters)==null?void 0:J.docs)==null?void 0:Q.source}}};var X,Z,$;w.parameters={...w.parameters,docs:{...(X=w.parameters)==null?void 0:X.docs,source:{originalSource:`args => {
|
|
61
|
-
const [_, updateArgs] = useArgs();
|
|
62
|
-
const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
|
|
63
|
-
updateArgs({
|
|
64
|
-
value: evt.target.value
|
|
65
|
-
});
|
|
66
|
-
};
|
|
67
|
-
return <NumberInput onChange={handleChange} value={123} {...args} />;
|
|
68
|
-
}`,...($=(Z=w.parameters)==null?void 0:Z.docs)==null?void 0:$.source}}};var ee,ae,te;C.parameters={...C.parameters,docs:{...(ee=C.parameters)==null?void 0:ee.docs,source:{originalSource:`args => {
|
|
69
|
-
const [_, updateArgs] = useArgs();
|
|
70
|
-
const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
|
|
71
|
-
updateArgs({
|
|
72
|
-
value: evt.target.value
|
|
73
|
-
});
|
|
74
|
-
};
|
|
75
|
-
return <NumberInput onChange={handleChange} value={123} {...args} />;
|
|
76
|
-
}`,...(te=(ae=C.parameters)==null?void 0:ae.docs)==null?void 0:te.source}}};var ne,re,se;b.parameters={...b.parameters,docs:{...(ne=b.parameters)==null?void 0:ne.docs,source:{originalSource:`args => {
|
|
77
|
-
const [_, updateArgs] = useArgs();
|
|
78
|
-
const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
|
|
79
|
-
updateArgs({
|
|
80
|
-
value: evt.target.value
|
|
81
|
-
});
|
|
82
|
-
};
|
|
83
|
-
return <NumberInput onChange={handleChange} value={123} {...args} />;
|
|
84
|
-
}`,...(se=(re=b.parameters)==null?void 0:re.docs)==null?void 0:se.source}}};var oe,ue,le;T.parameters={...T.parameters,docs:{...(oe=T.parameters)==null?void 0:oe.docs,source:{originalSource:`args => {
|
|
85
|
-
const [_, updateArgs] = useArgs();
|
|
86
|
-
const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
|
|
87
|
-
updateArgs({
|
|
88
|
-
value: evt.target.value
|
|
89
|
-
});
|
|
90
|
-
};
|
|
91
|
-
return <NumberInput onChange={handleChange} value={123} {...args} />;
|
|
92
|
-
}`,...(le=(ue=T.parameters)==null?void 0:ue.docs)==null?void 0:le.source}}};var pe,ie,ce;A.parameters={...A.parameters,docs:{...(pe=A.parameters)==null?void 0:pe.docs,source:{originalSource:`() => <InputGroup small>
|
|
93
|
-
<NumberInput value={123} />
|
|
94
|
-
<InputGroupAddon>to</InputGroupAddon>
|
|
95
|
-
<NumberInput value={123} />
|
|
96
|
-
<Select options={[{
|
|
97
|
-
value: 'units',
|
|
98
|
-
label: 'units'
|
|
99
|
-
}]} width="auto" value="units" />
|
|
100
|
-
</InputGroup>`,...(ce=(ie=A.parameters)==null?void 0:ie.docs)==null?void 0:ce.source}}};var de,me,ge;c.parameters={...c.parameters,docs:{...(de=c.parameters)==null?void 0:de.docs,source:{originalSource:`() => {
|
|
101
|
-
const [value, setValue] = useState('123');
|
|
102
|
-
return <NumberInput value={value} onChange={evt => {
|
|
103
|
-
setValue(evt.target.value);
|
|
104
|
-
}} testId="testId" enableDisplayRounding />;
|
|
105
|
-
}`,...(ge=(me=c.parameters)==null?void 0:me.docs)==null?void 0:ge.source}}};var ve,he,Ie;d.parameters={...d.parameters,docs:{...(ve=d.parameters)==null?void 0:ve.docs,source:{originalSource:`() => {
|
|
106
|
-
const [value, setValue] = useState('123');
|
|
107
|
-
return <NumberInput value={value} onChange={evt => {
|
|
108
|
-
setValue(evt.target.value);
|
|
109
|
-
}} testId="testId" />;
|
|
110
|
-
}`,...(Ie=(he=d.parameters)==null?void 0:he.docs)==null?void 0:Ie.source}}};const sa=["Default","Small","Width","Left","Disabled","AllowEmpty","Placeholder","Warning","Error","BadInput","WithDisplayRounding","WithCustomDisplayRounding","TestInputGroup","TestDisplayRounding","TestUserInput"];export{I as AllowEmpty,C as BadInput,B as Default,h as Disabled,w as Error,v as Left,i as Placeholder,m as Small,c as TestDisplayRounding,A as TestInputGroup,d as TestUserInput,y as Warning,g as Width,T as WithCustomDisplayRounding,b as WithDisplayRounding,sa as __namedExportsOrder,ra as default};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import{j as r}from"./jsx-runtime-eps93zm2.js";import{r as k}from"./index-DhsZuJvc.js";import{S as w}from"./spacer-BWoNR27H.js";import{P as n}from"./popover-9ZnEm5Hy.js";import{I as c}from"./input-DTXbDJaL.js";import{B as i}from"./button-CzvLc2io.js";import{F as y}from"./flex-EllkLxgO.js";import{S as D}from"./select-BW0IihoR.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./types-Dx2TtIG9.js";import"./lodash-c4VUpsOs.js";import"./spinner-AWUe4xwQ.js";import"./icon-BP4BO6-k.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-CEuq6vkz.js";import"./extends-CF3RwP-h.js";import"./assertThisInitialized-B9jnkVVz.js";import"./memoize-one.esm-CcMeOnPo.js";import"./types-BmbYqTX_.js";import"./text-B3-TSWok.js";import"./actions-Tr0wIZve.js";import"./badge-CLQ59MDF.js";import"./select.input-CJed_LLR.js";import"./helpers-JJxzGegQ.js";const u=[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"}],_=({close:e})=>r.jsxs(y,{gap:"var(--padding-xs)",children:[r.jsx(c,{value:"Value",width:"150px",small:!0}),r.jsx(D,{options:u,value:u[0],width:"auto",small:!0}),r.jsx(i,{colored:!0,label:"Save",onClick:()=>{},small:!0}),r.jsx(i,{label:"Cancel",onClick:e,small:!0})]}),nr={title:"Basic/Popover",component:n,args:{overflowContainer:!0,content:r.jsx(_,{}),children:r.jsx(i,{label:"Toggle me"})},decorators:[e=>r.jsx("div",{style:{display:"flex"},children:e()})],parameters:{docs:{source:{excludeDecorators:!0}}}},l=e=>r.jsx(n,{...e}),p=l.bind({}),o=l.bind({});o.args={children:r.jsx(c,{value:"Value",width:"100%"})};const s=l.bind({});s.args={closeOnOutsideClick:!1,showCloseButton:!0};const t=l.bind({});t.args={disabled:!0};const a=e=>{const[m,T]=k.useState(!1);return r.jsxs("div",{children:[r.jsx(i,{onClick:()=>T(!m),label:"Toggle Popover Externally"}),r.jsx(w,{}),r.jsx(n,{...e,isOpen:m,children:r.jsx(c,{})})]})};a.__docgenInfo={description:"",methods:[],displayName:"ExternalControl"};var d,g,x;p.parameters={...p.parameters,docs:{...(d=p.parameters)==null?void 0:d.docs,source:{originalSource:"args => <Popover {...args} />",...(x=(g=p.parameters)==null?void 0:g.docs)==null?void 0:x.source}}};var v,f,j;o.parameters={...o.parameters,docs:{...(v=o.parameters)==null?void 0:v.docs,source:{originalSource:"args => <Popover {...args} />",...(j=(f=o.parameters)==null?void 0:f.docs)==null?void 0:j.source}}};var b,S,C;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:"args => <Popover {...args} />",...(C=(S=s.parameters)==null?void 0:S.docs)==null?void 0:C.source}}};var O,h,P;t.parameters={...t.parameters,docs:{...(O=t.parameters)==null?void 0:O.docs,source:{originalSource:"args => <Popover {...args} />",...(P=(h=t.parameters)==null?void 0:h.docs)==null?void 0:P.source}}};var I,E,B;a.parameters={...a.parameters,docs:{...(I=a.parameters)==null?void 0:I.docs,source:{originalSource:`args => {
|
|
2
|
-
const [isOpen, setIsOpen] = useState(false);
|
|
3
|
-
return <div>
|
|
4
|
-
<Button onClick={() => setIsOpen(!isOpen)} label="Toggle Popover Externally" />
|
|
5
|
-
<Spacer />
|
|
6
|
-
<Popover {...args} isOpen={isOpen}>
|
|
7
|
-
<Input />
|
|
8
|
-
</Popover>
|
|
9
|
-
</div>;
|
|
10
|
-
}`,...(B=(E=a.parameters)==null?void 0:E.docs)==null?void 0:B.source}}};const cr=["Default","InputTrigger","CloseButton","Disabled","ExternalControl"];export{s as CloseButton,p as Default,t as Disabled,a as ExternalControl,o as InputTrigger,cr as __namedExportsOrder,nr as default};
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
import{j as p}from"./jsx-runtime-eps93zm2.js";import{l as ae}from"./lodash-c4VUpsOs.js";import{r as N,g as We}from"./index-DhsZuJvc.js";import{c as G}from"./index-Bk2sglWO.js";import{G as ie,I as Ie}from"./common-types-Sih75Sav.js";import{D as me}from"./disabled-context-rmpd7YJS.js";import{i as ne}from"./types-Dx2TtIG9.js";import{T as pe,u as Ue,m as Ge}from"./tooltip-1V7clEnw.js";import{p as $e}from"./index-CEuq6vkz.js";import{_ as Ve}from"./extends-CF3RwP-h.js";import{_ as ge}from"./assertThisInitialized-B9jnkVVz.js";import{_ as Ke}from"./inheritsLoose-DR8r8Ogv.js";import{m as le}from"./memoize-one.esm-CcMeOnPo.js";import{M as se}from"./types-BmbYqTX_.js";import{T as ue}from"./text-B3-TSWok.js";import{A as Ye}from"./actions-Tr0wIZve.js";import{I as ce}from"./icon-BP4BO6-k.js";import{s as Be}from"./select.input-CJed_LLR.js";const Ze="_inputInTable_1nzfr_1",Xe="_error_1nzfr_7",Je="_warning_1nzfr_7",Qe="_inputHover_1nzfr_13",en="_inputFocus_1nzfr_18",nn="_inputError_1nzfr_25",tn="_inputWarning_1nzfr_26",rn="_inputDisabled_1nzfr_61",an="_hideScrollbars_1nzfr_67",sn="_select_1nzfr_77",ln="_isInTable_1nzfr_121",on="_unSelected_1nzfr_133",un="_small_1nzfr_174",cn="_right_1nzfr_182",dn="_groupOrderFirst_1nzfr_193",mn="_groupOrderMiddle_1nzfr_194",pn="_groupOrderLast_1nzfr_198",W={inputInTable:Ze,error:Xe,warning:Je,inputHover:Qe,inputFocus:en,inputError:nn,inputWarning:tn,inputDisabled:rn,hideScrollbars:an,select:sn,isInTable:ln,unSelected:on,small:un,right:cn,groupOrderFirst:dn,groupOrderMiddle:mn,groupOrderLast:pn},Oe=({disabled:e=!1,error:n=null,warning:a=null,tooltip:d=null,options:c,onChange:v=ae.noop,onFocus:f=ae.noop,onBlur:s=ae.noop,right:o=!1,small:g=!1,tabIndex:S=0,selectedOption:b,width:T=null,groupOrder:E=null,testId:_,isInTable:t=!1,clearable:l,placeholder:i,hasNonExistentValue:r,maxTooltipWidth:u,borderRadius:m})=>{const y=N.useContext(me),h=b===null||(b==null?void 0:b.value)===null?"unselected":b==null?void 0:b.value,I=h==="unselected",L=(h==="unselected"||l?[p.jsx("option",{value:"unselected",disabled:!l,hidden:!l,children:i||"Select..."},"unselected")]:[]).concat(r?[p.jsx("option",{value:b==null?void 0:b.value,disabled:e||y,children:b==null?void 0:b.label},"selectedNonExistentValue")]:[]).concat(c.map((x,w)=>p.jsx("option",{value:x.value,"data-testid":x.testId,children:x.label},w))),R=(()=>{if(E)switch(E){case ie.FIRST:return W.groupOrderFirst;case ie.LAST:return W.groupOrderLast;default:return W.groupOrderMiddle}return""})();return p.jsx(pe,{error:!!n,warning:!!a,text:d||n||a,enabled:d&&ne(d)||n&&ne(n)||a&&ne(a)||!1,maxWidth:u,placement:"bottom-center",children:p.jsx("select",{className:G(W.select,I?W.unSelected:"",n?W.error:a?W.warning:"",o?W.right:"",g?W.small:"",t?W.isInTable:"",R),style:{width:T||"",borderRadius:m||""},onChange:x=>{const{value:w}=x.target;let q;w==="unselected"?q={value:null}:q=c.find(A=>String(A.value)===String(w))||{value:null},v(x,q)},onFocus:f,onBlur:s,tabIndex:S,value:h,disabled:e||y,"data-testid":_,children:L})})};Oe.__docgenInfo={description:"",methods:[],displayName:"NativeSelect",props:{borderRadius:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},error:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | React.ReactNode | null",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactReactNode",raw:"React.ReactNode"},{name:"null"}]},description:"",defaultValue:{value:"null",computed:!1}},warning:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | React.ReactNode | null",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactReactNode",raw:"React.ReactNode"},{name:"null"}]},description:"",defaultValue:{value:"null",computed:!1}},tooltip:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | React.ReactNode | null",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactReactNode",raw:"React.ReactNode"},{name:"null"}]},description:"",defaultValue:{value:"null",computed:!1}},options:{required:!0,tsType:{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"},description:""},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:`(
|
|
2
|
-
evt: ChangeEvent<HTMLSelectElement>,
|
|
3
|
-
value: ISelectSelectedOption | { value: null },
|
|
4
|
-
) => void`,signature:{arguments:[{type:{name:"ChangeEvent",elements:[{name:"HTMLSelectElement"}],raw:"ChangeEvent<HTMLSelectElement>"},name:"evt"},{type:{name:"union",raw:"ISelectSelectedOption | { value: null }",elements:[{name:"ISelectSelectedOption"},{name:"signature",type:"object",raw:"{ value: null }",signature:{properties:[{key:"value",value:{name:"null",required:!0}}]}}]},name:"value"}],return:{name:"void"}}},description:"",defaultValue:{value:"noop",computed:!0}},onFocus:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:"",defaultValue:{value:"noop",computed:!0}},onBlur:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:"",defaultValue:{value:"noop",computed:!0}},right:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},small:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},tabIndex:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"0",computed:!1}},selectedOption:{required:!1,tsType:{name:"ISelectSelectedOption"},description:""},width:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | null",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"null"}]},description:"",defaultValue:{value:"null",computed:!1}},groupOrder:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:"",defaultValue:{value:"null",computed:!1}},testId:{required:!1,tsType:{name:"union",raw:"string | undefined",elements:[{name:"string"},{name:"undefined"}]},description:""},isInTable:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},clearable:{required:!1,tsType:{name:"boolean"},description:""},placeholder:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""},hasNonExistentValue:{required:!1,tsType:{name:"boolean"},description:""},maxTooltipWidth:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""}}};var we={exports:{}};(function(e,n){(function(a,d){e.exports=d(N,$e)})(window,function(a,d){return function(c){var v={};function f(s){if(v[s])return v[s].exports;var o=v[s]={i:s,l:!1,exports:{}};return c[s].call(o.exports,o,o.exports,f),o.l=!0,o.exports}return f.m=c,f.c=v,f.d=function(s,o,g){f.o(s,o)||Object.defineProperty(s,o,{enumerable:!0,get:g})},f.r=function(s){typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(s,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(s,"__esModule",{value:!0})},f.t=function(s,o){if(1&o&&(s=f(s)),8&o||4&o&&typeof s=="object"&&s&&s.__esModule)return s;var g=Object.create(null);if(f.r(g),Object.defineProperty(g,"default",{enumerable:!0,value:s}),2&o&&typeof s!="string")for(var S in s)f.d(g,S,(function(b){return s[b]}).bind(null,S));return g},f.n=function(s){var o=s&&s.__esModule?function(){return s.default}:function(){return s};return f.d(o,"a",o),o},f.o=function(s,o){return Object.prototype.hasOwnProperty.call(s,o)},f.p="",f(f.s=0)}([function(c,v,f){Object.defineProperty(v,"__esModule",{value:!0});var s=f(1);Object.defineProperty(v,"default",{enumerable:!0,get:function(){return function(o){return o&&o.__esModule?o:{default:o}}(s).default}}),c.exports=v.default},function(c,v,f){Object.defineProperty(v,"__esModule",{value:!0});var s=Object.assign||function(t){for(var l=1;l<arguments.length;l++){var i=arguments[l];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(t[r]=i[r])}return t},o=function(){function t(l,i){for(var r=0;r<i.length;r++){var u=i[r];u.enumerable=u.enumerable||!1,u.configurable=!0,"value"in u&&(u.writable=!0),Object.defineProperty(l,u.key,u)}}return function(l,i,r){return i&&t(l.prototype,i),r&&t(l,r),l}}(),g=T(f(2)),S=T(f(3)),b=f(4);function T(t){return t&&t.__esModule?t:{default:t}}var E=[],_=function(t){function l(i){(function(u,m){if(!(u instanceof m))throw new TypeError("Cannot call a class as a function")})(this,l);var r=function(u,m){if(!u)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!m||typeof m!="object"&&typeof m!="function"?u:m}(this,(l.__proto__||Object.getPrototypeOf(l)).call(this,i));return r.handleKeyboardEvent=r.handleKeyboardEvent.bind(r),r.registerExclusiveHandler=r.registerExclusiveHandler.bind(r),r.deregisterExclusiveHandler=r.deregisterExclusiveHandler.bind(r),r}return function(i,r){if(typeof r!="function"&&r!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof r);i.prototype=Object.create(r&&r.prototype,{constructor:{value:i,enumerable:!1,writable:!0,configurable:!0}}),r&&(Object.setPrototypeOf?Object.setPrototypeOf(i,r):i.__proto__=r)}(l,g.default.Component),o(l,[{key:"componentDidMount",value:function(){document.addEventListener("keydown",this.handleKeyboardEvent,!1),document.addEventListener("keyup",this.handleKeyboardEvent,!1),document.addEventListener("keypress",this.handleKeyboardEvent,!1);var i=this.props,r=i.isExclusive,u=i.isDisabled;r&&!u&&this.registerExclusiveHandler()}},{key:"componentWillUnmount",value:function(){document.removeEventListener("keydown",this.handleKeyboardEvent,!1),document.removeEventListener("keyup",this.handleKeyboardEvent,!1),document.removeEventListener("keypress",this.handleKeyboardEvent,!1),this.deregisterExclusiveHandler()}},{key:"componentDidUpdate",value:function(i){var r=i.isExclusive,u=i.isDisabled;(this.props.isExclusive!==r||this.props.isDisabled!==u)&&(this.props.isExclusive&&!this.props.isDisabled?this.registerExclusiveHandler():this.deregisterExclusiveHandler())}},{key:"registerExclusiveHandler",value:function(){this.deregisterExclusiveHandler(),E.unshift(this)}},{key:"deregisterExclusiveHandler",value:function(){var i=this;E.includes(this)&&(E=E.filter(function(r){return r!==i}))}},{key:"handleKeyboardEvent",value:function(i){var r=this.props,u=r.isDisabled,m=r.handleKeys,y=r.onKeyEvent,h=r.handleEventType,I=r.children,L=r.handleFocusableElements;if(u||h!==i.type||E.length>0&&E[0]!==this)return!1;var R=i.target===document.body||L,x=this.childrenContainer&&this.childrenContainer.contains(i.target);if(!(I?x:R))return!1;var w=(0,b.findMatchedKey)(i,m);return!!w&&(y(w,i),!0)}},{key:"render",value:function(){var i=this,r=this.props.children,u=Object.assign({},this.props),m=!0,y=!1,h=void 0;try{for(var I,L=Object.keys(l.propTypes)[Symbol.iterator]();!(m=(I=L.next()).done);m=!0)delete u[I.value]}catch(R){y=!0,h=R}finally{try{!m&&L.return&&L.return()}finally{if(y)throw h}}return r?g.default.createElement("span",s({ref:function(R){i.childrenContainer=R}},u),r):null}}]),l}();v.default=_,_.propTypes={handleKeys:S.default.array,handleEventType:S.default.oneOf(["keydown","keyup","keypress"]),handleFocusableElements:S.default.bool,onKeyEvent:S.default.func,isDisabled:S.default.bool,isExclusive:S.default.bool,children:S.default.any},_.defaultProps={handleKeys:[],handleFocusableElements:!1,handleEventType:"keydown",onKeyEvent:function(){return null}},c.exports=v.default},function(c,v){c.exports=a},function(c,v){c.exports=d},function(c,v,f){function s(r,u,m){return u in r?Object.defineProperty(r,u,{value:m,enumerable:!0,configurable:!0,writable:!0}):r[u]=m,r}Object.defineProperty(v,"__esModule",{value:!0}),v.matchKeyEvent=i,v.findMatchedKey=function(r,u){var m=u.map(function(y){var h=y.toLowerCase(),I=l[h];return I||[y]}).reduce(function(y,h){return y.concat(h)},[]).find(function(y){return i(r,y)});return!m&&u.includes("all")&&(m="other"),m};var o={backspace:[8],del:[46],delete:[46],ins:[45],insert:[45],tab:[9],enter:[13],return:[13],esc:[27],space:[32],pageup:[33],pagedown:[34],end:[35],home:[36],left:[37],up:[38],right:[39],down:[40],shift:[16],ctrl:[17],alt:[18],cap:[20],num:[144],clear:[12],meta:[91],";":[186,59],"=":[187,61],",":[188,44],"-":[189,45,173,109],minus:[189,45,173,109],".":[190,110],"/":[191,111],"`":[192],"[":[219],"\\":[220],"]":[221],"*":[106],"+":[107],plus:[107],"'":[222],quote:[222]},g=Object.keys(o).reduce(function(r,u){return Object.assign(r,s({},u.toUpperCase(),o[u]))},{}),S="0123456789".split("").reduce(function(r,u,m){return Object.assign(r,s({},u,[m+48,m+96]))},{}),b="ABCDEFGHIJKLMNOPQRSTUVWXYZ".split("").reduce(function(r,u,m){return Object.assign(r,s({},u.toLowerCase(),[m+65]),s({},u,[m+65]))},{}),T="1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19".split(",").reduce(function(r,u,m){return Object.assign(r,s({},"f"+u,[m+112]))},{}),E={control:"ctrl",ctrl:"ctrl",shift:"shift",meta:"meta",cmd:"meta",command:"meta",option:"alt",alt:"alt"},_=v.AllKeys=Object.assign({},o,g,S,b,T),t=Object.assign({},S,b),l={all:Object.keys(_),alphanumeric:Object.keys(t),numeric:Object.keys(S),alphabetic:Object.keys(b),function:Object.keys(T)};function i(r,u){var m=r.which||r.keyCode,y=r.type,h=Object.keys(E).filter(function(A){return r[A+"Key"]}).sort(),I=u.toLowerCase().trim(),L=I==="+"?["+"]:I.split(/\s?\+\s?/),R=L.pop(),x=_[R],w=L;if(y==="keypress")return u==String.fromCharCode(m).toLowerCase();if(w.length===0&&h.length===0)return x.indexOf(m)>=0;if(w.length>0&&h.length>0){var q=w.map(function(A){return E[A]}).sort(),F=q.length===h.length&&q.every(function(A,H){return h[H]===A});return x.indexOf(m)>=0&&F}return w.length==0&&h.length===1&&R===h[0]}}])})})(we);var fn=we.exports;const gn=We(fn),Re=()=>{const e=N.useRef(null);return[e,()=>{e.current&&e.current.focus()}]},Le=()=>{const[e,n]=N.useState(!1);return N.useEffect(()=>{(async()=>{document.fonts&&await document.fonts.ready.then(()=>n(!0))})()},[]),e};var vn=typeof performance=="object"&&typeof performance.now=="function",ve=vn?function(){return performance.now()}:function(){return Date.now()};function ye(e){cancelAnimationFrame(e.id)}function yn(e,n){var a=ve();function d(){ve()-a>=n?e.call(null):c.id=requestAnimationFrame(d)}var c={id:requestAnimationFrame(d)};return c}var oe=-1;function he(e){if(e===void 0&&(e=!1),oe===-1||e){var n=document.createElement("div"),a=n.style;a.width="50px",a.height="50px",a.overflow="scroll",document.body.appendChild(n),oe=n.offsetWidth-n.clientWidth,document.body.removeChild(n)}return oe}var ee=null;function be(e){if(e===void 0&&(e=!1),ee===null||e){var n=document.createElement("div"),a=n.style;a.width="50px",a.height="50px",a.overflow="scroll",a.direction="rtl";var d=document.createElement("div"),c=d.style;return c.width="100px",c.height="100px",n.appendChild(d),document.body.appendChild(n),n.scrollLeft>0?ee="positive-descending":(n.scrollLeft=1,n.scrollLeft===0?ee="negative":ee="positive-ascending"),document.body.removeChild(n),ee}return ee}var hn=150,bn=function(n,a){return n};function Sn(e){var n,a=e.getItemOffset,d=e.getEstimatedTotalSize,c=e.getItemSize,v=e.getOffsetForIndexAndAlignment,f=e.getStartIndexForOffset,s=e.getStopIndexForStartIndex,o=e.initInstanceProps,g=e.shouldResetStyleCacheOnItemSizeChange,S=e.validateProps;return n=function(b){Ke(T,b);function T(_){var t;return t=b.call(this,_)||this,t._instanceProps=o(t.props,ge(t)),t._outerRef=void 0,t._resetIsScrollingTimeoutId=null,t.state={instance:ge(t),isScrolling:!1,scrollDirection:"forward",scrollOffset:typeof t.props.initialScrollOffset=="number"?t.props.initialScrollOffset:0,scrollUpdateWasRequested:!1},t._callOnItemsRendered=void 0,t._callOnItemsRendered=le(function(l,i,r,u){return t.props.onItemsRendered({overscanStartIndex:l,overscanStopIndex:i,visibleStartIndex:r,visibleStopIndex:u})}),t._callOnScroll=void 0,t._callOnScroll=le(function(l,i,r){return t.props.onScroll({scrollDirection:l,scrollOffset:i,scrollUpdateWasRequested:r})}),t._getItemStyle=void 0,t._getItemStyle=function(l){var i=t.props,r=i.direction,u=i.itemSize,m=i.layout,y=t._getItemStyleCache(g&&u,g&&m,g&&r),h;if(y.hasOwnProperty(l))h=y[l];else{var I=a(t.props,l,t._instanceProps),L=c(t.props,l,t._instanceProps),R=r==="horizontal"||m==="horizontal",x=r==="rtl",w=R?I:0;y[l]=h={position:"absolute",left:x?void 0:w,right:x?w:void 0,top:R?0:I,height:R?"100%":L,width:R?L:"100%"}}return h},t._getItemStyleCache=void 0,t._getItemStyleCache=le(function(l,i,r){return{}}),t._onScrollHorizontal=function(l){var i=l.currentTarget,r=i.clientWidth,u=i.scrollLeft,m=i.scrollWidth;t.setState(function(y){if(y.scrollOffset===u)return null;var h=t.props.direction,I=u;if(h==="rtl")switch(be()){case"negative":I=-u;break;case"positive-descending":I=m-r-u;break}return I=Math.max(0,Math.min(I,m-r)),{isScrolling:!0,scrollDirection:y.scrollOffset<I?"forward":"backward",scrollOffset:I,scrollUpdateWasRequested:!1}},t._resetIsScrollingDebounced)},t._onScrollVertical=function(l){var i=l.currentTarget,r=i.clientHeight,u=i.scrollHeight,m=i.scrollTop;t.setState(function(y){if(y.scrollOffset===m)return null;var h=Math.max(0,Math.min(m,u-r));return{isScrolling:!0,scrollDirection:y.scrollOffset<h?"forward":"backward",scrollOffset:h,scrollUpdateWasRequested:!1}},t._resetIsScrollingDebounced)},t._outerRefSetter=function(l){var i=t.props.outerRef;t._outerRef=l,typeof i=="function"?i(l):i!=null&&typeof i=="object"&&i.hasOwnProperty("current")&&(i.current=l)},t._resetIsScrollingDebounced=function(){t._resetIsScrollingTimeoutId!==null&&ye(t._resetIsScrollingTimeoutId),t._resetIsScrollingTimeoutId=yn(t._resetIsScrolling,hn)},t._resetIsScrolling=function(){t._resetIsScrollingTimeoutId=null,t.setState({isScrolling:!1},function(){t._getItemStyleCache(-1,null)})},t}T.getDerivedStateFromProps=function(t,l){return _n(t,l),S(t),null};var E=T.prototype;return E.scrollTo=function(t){t=Math.max(0,t),this.setState(function(l){return l.scrollOffset===t?null:{scrollDirection:l.scrollOffset<t?"forward":"backward",scrollOffset:t,scrollUpdateWasRequested:!0}},this._resetIsScrollingDebounced)},E.scrollToItem=function(t,l){l===void 0&&(l="auto");var i=this.props,r=i.itemCount,u=i.layout,m=this.state.scrollOffset;t=Math.max(0,Math.min(t,r-1));var y=0;if(this._outerRef){var h=this._outerRef;u==="vertical"?y=h.scrollWidth>h.clientWidth?he():0:y=h.scrollHeight>h.clientHeight?he():0}this.scrollTo(v(this.props,t,l,m,this._instanceProps,y))},E.componentDidMount=function(){var t=this.props,l=t.direction,i=t.initialScrollOffset,r=t.layout;if(typeof i=="number"&&this._outerRef!=null){var u=this._outerRef;l==="horizontal"||r==="horizontal"?u.scrollLeft=i:u.scrollTop=i}this._callPropsCallbacks()},E.componentDidUpdate=function(){var t=this.props,l=t.direction,i=t.layout,r=this.state,u=r.scrollOffset,m=r.scrollUpdateWasRequested;if(m&&this._outerRef!=null){var y=this._outerRef;if(l==="horizontal"||i==="horizontal")if(l==="rtl")switch(be()){case"negative":y.scrollLeft=-u;break;case"positive-ascending":y.scrollLeft=u;break;default:var h=y.clientWidth,I=y.scrollWidth;y.scrollLeft=I-h-u;break}else y.scrollLeft=u;else y.scrollTop=u}this._callPropsCallbacks()},E.componentWillUnmount=function(){this._resetIsScrollingTimeoutId!==null&&ye(this._resetIsScrollingTimeoutId)},E.render=function(){var t=this.props,l=t.children,i=t.className,r=t.direction,u=t.height,m=t.innerRef,y=t.innerElementType,h=t.innerTagName,I=t.itemCount,L=t.itemData,R=t.itemKey,x=R===void 0?bn:R,w=t.layout,q=t.outerElementType,F=t.outerTagName,A=t.style,H=t.useIsScrolling,K=t.width,$=this.state.isScrolling,k=r==="horizontal"||w==="horizontal",P=k?this._onScrollHorizontal:this._onScrollVertical,Z=this._getRangeToRender(),te=Z[0],re=Z[1],X=[];if(I>0)for(var z=te;z<=re;z++)X.push(N.createElement(l,{data:L,key:x(z,L),index:z,isScrolling:H?$:void 0,style:this._getItemStyle(z)}));var J=d(this.props,this._instanceProps);return N.createElement(q||F||"div",{className:i,onScroll:P,ref:this._outerRefSetter,style:Ve({position:"relative",height:u,width:K,overflow:"auto",WebkitOverflowScrolling:"touch",willChange:"transform",direction:r},A)},N.createElement(y||h||"div",{children:X,ref:m,style:{height:k?"100%":J,pointerEvents:$?"none":void 0,width:k?J:"100%"}}))},E._callPropsCallbacks=function(){if(typeof this.props.onItemsRendered=="function"){var t=this.props.itemCount;if(t>0){var l=this._getRangeToRender(),i=l[0],r=l[1],u=l[2],m=l[3];this._callOnItemsRendered(i,r,u,m)}}if(typeof this.props.onScroll=="function"){var y=this.state,h=y.scrollDirection,I=y.scrollOffset,L=y.scrollUpdateWasRequested;this._callOnScroll(h,I,L)}},E._getRangeToRender=function(){var t=this.props,l=t.itemCount,i=t.overscanCount,r=this.state,u=r.isScrolling,m=r.scrollDirection,y=r.scrollOffset;if(l===0)return[0,0,0,0];var h=f(this.props,y,this._instanceProps),I=s(this.props,h,y,this._instanceProps),L=!u||m==="backward"?Math.max(1,i):1,R=!u||m==="forward"?Math.max(1,i):1;return[Math.max(0,h-L),Math.max(0,Math.min(l-1,I+R)),h,I]},T}(N.PureComponent),n.defaultProps={direction:"ltr",itemData:void 0,layout:"vertical",overscanCount:2,useIsScrolling:!1},n}var _n=function(n,a){n.children,n.direction,n.height,n.layout,n.innerTagName,n.outerTagName,n.width,a.instance},Tn=Sn({getItemOffset:function(n,a){var d=n.itemSize;return a*d},getItemSize:function(n,a){var d=n.itemSize;return d},getEstimatedTotalSize:function(n){var a=n.itemCount,d=n.itemSize;return d*a},getOffsetForIndexAndAlignment:function(n,a,d,c,v,f){var s=n.direction,o=n.height,g=n.itemCount,S=n.itemSize,b=n.layout,T=n.width,E=s==="horizontal"||b==="horizontal",_=E?T:o,t=Math.max(0,g*S-_),l=Math.min(t,a*S),i=Math.max(0,a*S-_+S+f);switch(d==="smart"&&(c>=i-_&&c<=l+_?d="auto":d="center"),d){case"start":return l;case"end":return i;case"center":{var r=Math.round(i+(l-i)/2);return r<Math.ceil(_/2)?0:r>t+Math.floor(_/2)?t:r}case"auto":default:return c>=i&&c<=l?c:c<i?i:l}},getStartIndexForOffset:function(n,a){var d=n.itemCount,c=n.itemSize;return Math.max(0,Math.min(d-1,Math.floor(a/c)))},getStopIndexForStartIndex:function(n,a,d){var c=n.direction,v=n.height,f=n.itemCount,s=n.itemSize,o=n.layout,g=n.width,S=c==="horizontal"||o==="horizontal",b=a*s,T=S?g:v,E=Math.ceil((T+d-b)/s);return Math.max(0,Math.min(f-1,a+E-1))},initInstanceProps:function(n){},shouldResetStyleCacheOnItemSizeChange:!0,validateProps:function(n){n.itemSize}});const En="_layerContainer_1lbvo_1",In="_layer_1lbvo_1",On="_small_1lbvo_23",wn="_heading_1lbvo_26",Rn="_option_1lbvo_27",Ln="_message_1lbvo_28",xn="_focused_1lbvo_64",Cn="_selected_1lbvo_68",qn="_disabled_1lbvo_71",Mn="_check_1lbvo_75",Nn="_optionContent_1lbvo_92",Fn="_label_1lbvo_97",An="_icon_1lbvo_104",jn="_details_1lbvo_109",j={layerContainer:En,layer:In,small:On,heading:wn,option:Rn,message:Ln,focused:xn,selected:Cn,disabled:qn,check:Mn,optionContent:Nn,label:Fn,icon:An,details:jn},xe=({label:e})=>p.jsx("div",{onClick:n=>n.stopPropagation(),className:j.heading,children:e});xe.__docgenInfo={description:"",methods:[],displayName:"Heading",props:{label:{required:!0,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""}}};const Ce=({details:e,label:n,icon:a,disabled:d=!1,selected:c=!1,focused:v=!1,onSelectOption:f,actions:s,closeLayer:o,testId:g})=>p.jsxs("div",{className:G(j.option,d?j.disabled:"",c?j.selected:"",v?j.focused:""),onClick:!d&&f?f:void 0,"data-testid":g,children:[p.jsx("div",{className:j.optionContent,children:p.jsxs("span",{className:j.label,title:n,children:[n,a&&p.jsx("span",{className:j.icon,children:a})]})}),e&&p.jsx("div",{className:G(j.details),children:p.jsx(ue,{faint:!0,children:e})}),!!(s!=null&&s.length)&&p.jsx("div",{className:G(j.actions),children:p.jsx(Ye,{actions:s,closeLayer:o})}),p.jsx("span",{className:j.check,children:c?p.jsx(ce,{icon:Ie.CHECK}):null})]});Ce.__docgenInfo={description:"",methods:[],displayName:"Option",props:{details:{required:!1,tsType:{name:"string"},description:""},label:{required:!0,tsType:{name:"string"},description:""},icon:{required:!1,tsType:{name:"ReactNode"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},selected:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},focused:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},onSelectOption:{required:!1,tsType:{name:"signature",type:"function",raw:`(
|
|
5
|
-
event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
|
|
6
|
-
section?: ISelectSectionProps,
|
|
7
|
-
) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"event"},{type:{name:"signature",type:"object",raw:`{
|
|
8
|
-
section: ISelectSection;
|
|
9
|
-
selected?: boolean;
|
|
10
|
-
focused?: boolean;
|
|
11
|
-
onSelectOption?: (
|
|
12
|
-
event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
|
|
13
|
-
section?: ISelectSectionProps,
|
|
14
|
-
) => void;
|
|
15
|
-
closeLayer?: TEmpty;
|
|
16
|
-
}`,signature:{properties:[{key:"section",value:{name:"ISelectSection",required:!0}},{key:"selected",value:{name:"boolean",required:!1}},{key:"focused",value:{name:"boolean",required:!1}},{key:"onSelectOption",value:{name:"signature",type:"function",raw:`(
|
|
17
|
-
event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
|
|
18
|
-
section?: ISelectSectionProps,
|
|
19
|
-
) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"event"},{type:{name:"ISelectSectionProps"},name:"section"}],return:{name:"void"}},required:!1}},{key:"closeLayer",value:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}},required:!1}}]}},name:"section"}],return:{name:"void"}}},description:""},actions:{required:!1,tsType:{name:"Array",elements:[{name:"any"}],raw:"any[]"},description:""},closeLayer:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const qe=({section:e,selected:n,focused:a,onSelectOption:d,closeLayer:c})=>{const v=N.useContext(me);switch(e.type){case se.HEADING:return p.jsx(xe,{label:e.label});case se.OPTION:default:return p.jsx(Ce,{closeLayer:c,actions:e.actions,label:e.label,details:e.details,icon:e.icon,disabled:e.disabled||v,selected:n,focused:a,onSelectOption:d,testId:e.testId})}};qe.__docgenInfo={description:"",methods:[],displayName:"Section",props:{section:{required:!0,tsType:{name:"ISelectSection"},description:""},selected:{required:!1,tsType:{name:"boolean"},description:""},focused:{required:!1,tsType:{name:"boolean"},description:""},onSelectOption:{required:!1,tsType:{name:"signature",type:"function",raw:`(
|
|
20
|
-
event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
|
|
21
|
-
section?: ISelectSectionProps,
|
|
22
|
-
) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"event"},{type:{name:"signature",type:"object",raw:`{
|
|
23
|
-
section: ISelectSection;
|
|
24
|
-
selected?: boolean;
|
|
25
|
-
focused?: boolean;
|
|
26
|
-
onSelectOption?: (
|
|
27
|
-
event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
|
|
28
|
-
section?: ISelectSectionProps,
|
|
29
|
-
) => void;
|
|
30
|
-
closeLayer?: TEmpty;
|
|
31
|
-
}`,signature:{properties:[{key:"section",value:{name:"ISelectSection",required:!0}},{key:"selected",value:{name:"boolean",required:!1}},{key:"focused",value:{name:"boolean",required:!1}},{key:"onSelectOption",value:{name:"signature",type:"function",raw:`(
|
|
32
|
-
event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
|
|
33
|
-
section?: ISelectSectionProps,
|
|
34
|
-
) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"event"},{type:{name:"ISelectSectionProps"},name:"section"}],return:{name:"void"}},required:!1}},{key:"closeLayer",value:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}},required:!1}}]}},name:"section"}],return:{name:"void"}}},description:""},closeLayer:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""}}};const de=(e,n)=>{const d=document.createElement("canvas").getContext("2d");return d?(d.font=n,d.measureText(e).width):0},Me="13px",Ne="12px",Hn="Roobert",kn="sans-serif",Pn=12,Dn=8,zn=30,Wn=24,Un=5,Gn=3,$n=1,Vn=2,Se=10,Fe=(e=!1,n=!1)=>`${e?Ne:Me} ${n?Hn:kn}`,Kn=(e=!1,n=!1)=>(e?Dn:Pn)+(e?Wn:zn)+(n?17:0),_e=(e,n,a,d)=>{const c=Fe(n,a),v=d?de(d,c):0,f=Math.ceil(e.reduce((o,g)=>{var _;const S=(((_=g==null?void 0:g.actions)==null?void 0:_.length)??0)*24,b=g.icon?parseInt(n?Ne:Me)+7:0,T=`${g.label} ${g.details||""}`,E=de(T,c)+S+b;return o=E>o?E:o,o},v)),s=Kn(n,!0);return f+s},Yn=(e,n,a)=>{const d=Fe(!0,a),c=de(e.label,d),v=(n?Gn:Un)*2+$n*2+Vn;return Math.ceil(c+v)},Ae=({listRef:e,isMulti:n,sections:a,selectedOptions:d,onSelectOption:c,focusedOptionIndex:v,width:f,small:s,firstSelectedOptionIndex:o,closeLayer:g,testId:S})=>{N.useEffect(()=>{o&&o!==null&&e.current!==null&&e.current.scrollToItem(o,"start")},[o,e]);const b=s?24:30;return p.jsx("div",{"data-testid":S,className:G(j.layer,s&&j.small),children:a.length?p.jsx(Tn,{ref:e,height:a.length<Se?b*a.length:b*Se,itemCount:a.length,itemSize:b,width:f,children:({index:T,style:E})=>{var _;return p.jsx("div",{style:E,children:p.jsx(qe,{closeLayer:g,section:a[T],selected:n&&a[T].type!==se.HEADING&&Array.isArray(d)?d.some(t=>{var l;return t&&(t==null?void 0:t.value)===((l=a==null?void 0:a[T])==null?void 0:l.value)}):!Array.isArray(d)&&((_=a==null?void 0:a[T])==null?void 0:_.value)===(d==null?void 0:d.value),focused:v===T,onSelectOption:t=>c(t,a[T])})})}}):p.jsx("ul",{children:p.jsx("li",{children:p.jsx("div",{className:j.message,style:{width:f},children:"No matches"})})})})};Ae.__docgenInfo={description:"",methods:[],displayName:"Layer",props:{listRef:{required:!0,tsType:{name:"RefObject",elements:[{name:"any"}],raw:"RefObject<any>"},description:""},isMulti:{required:!1,tsType:{name:"boolean"},description:""},sections:{required:!0,tsType:{name:"Array",elements:[{name:"ISelectSection"}],raw:"ISelectSection[]"},description:""},selectedOptions:{required:!0,tsType:{name:"union",raw:"ISelectSelectedOption | ISelectSelectedOption[]",elements:[{name:"ISelectSelectedOption"},{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"}]},description:""},onSelectOption:{required:!0,tsType:{name:"signature",type:"function",raw:`(
|
|
35
|
-
event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
|
|
36
|
-
section?: ISelectSection,
|
|
37
|
-
) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"event"},{type:{name:"ISelectSection"},name:"section"}],return:{name:"void"}}},description:""},focusedOptionIndex:{required:!1,tsType:{name:"number"},description:""},width:{required:!0,tsType:{name:"number"},description:""},small:{required:!1,tsType:{name:"boolean"},description:""},firstSelectedOptionIndex:{required:!1,tsType:{name:"number"},description:""},closeLayer:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const Bn="_inputInTable_nec64_1",Zn="_error_nec64_7",Xn="_warning_nec64_7",Jn="_inputHover_nec64_13",Qn="_inputFocus_nec64_18",et="_inputError_nec64_25",nt="_inputWarning_nec64_26",tt="_inputDisabled_nec64_61",rt="_hideScrollbars_nec64_67",at="_trigger_nec64_77",it="_isInTable_nec64_93",st="_input_nec64_1",lt="_isOpen_nec64_114",ot="_disabled_nec64_156",ut="_icons_nec64_162",ct="_clearAll_nec64_169",dt="_iconOpen_nec64_170",mt="_small_nec64_181",pt="_triggerInputContainer_nec64_189",ft="_right_nec64_198",gt="_multiOptions_nec64_211",vt="_multiOption_nec64_211",yt="_label_nec64_239",ht="_closeMultiOption_nec64_242",bt="_focus_nec64_253",St="_selectedSingleValue_nec64_257",_t="_placeHolder_nec64_258",Tt="_groupOrderFirst_nec64_297",Et="_groupOrderMiddle_nec64_298",It="_groupOrderLast_nec64_302",Ot="_detailedLabel_nec64_307",M={inputInTable:Bn,error:Zn,warning:Xn,inputHover:Jn,inputFocus:Qn,inputError:et,inputWarning:nt,inputDisabled:tt,hideScrollbars:rt,trigger:at,isInTable:it,input:st,isOpen:lt,disabled:ot,icons:ut,clearAll:ct,iconOpen:dt,small:mt,triggerInputContainer:pt,right:ft,multiOptions:gt,multiOption:vt,label:yt,closeMultiOption:ht,focus:bt,selectedSingleValue:St,placeHolder:_t,groupOrderFirst:Tt,groupOrderMiddle:Et,groupOrderLast:It,detailedLabel:Ot},je=({selectedOptions:e,small:n,width:a,testId:d})=>{const c=Le(),[v,f]=N.useState([]),[s,o]=N.useState([]);return N.useEffect(()=>{let g=[],S=[],b=0;e.forEach((T,E)=>{b+=Yn(T,n,c),E===e.length-1&&b<a||b<a-24?g.push(T):S.push(T)}),f(g),o(S)},[e,c,a]),p.jsxs("div",{className:M.multiOptions,"data-testid":d&&`${d}-value`,children:[v.filter(g=>g&&g.label).map((g,S)=>p.jsx("span",{className:M.multiOption,onClick:b=>{b.stopPropagation()},children:g.label},S)),s.length>0&&p.jsx(pe,{text:s.map((g,S)=>p.jsx("div",{children:g.label},S)),display:"inline-flex",children:p.jsx("span",{className:M.multiOption,children:v.length?`+${s.length}`:`${s.length} items`})})]})};je.__docgenInfo={description:"",methods:[],displayName:"MultiSelectedOptions",props:{selectedOptions:{required:!0,tsType:{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"},description:""},small:{required:!1,tsType:{name:"boolean"},description:""},width:{required:!0,tsType:{name:"number"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const He=({selectedOptions:e,searchable:n=!1,searchValue:a,onChange:d=ae.noop,inputRef:c,error:v,placeholder:f="Select...",small:s,testId:o})=>{const g=N.useRef(null),S=Array.isArray(e),b=S?e.length>0:!!e,T=a?a.length+1:1,E=()=>{var l,i;const _=((l=g.current)==null?void 0:l.offsetWidth)||0,t=((i=c.current)==null?void 0:i.offsetWidth)||0;return _-t};return p.jsxs("div",{className:M.triggerInputContainer,ref:g,children:[b?S?p.jsx(je,{selectedOptions:e,small:s,width:E(),testId:o}):p.jsx("span",{className:M.selectedSingleValue,"data-testid":o&&`${o}-value`,children:a!=null&&a.length?"":e==null?void 0:e.label}):p.jsx("span",{className:M.placeHolder,children:a!=null&&a.length?"":f}),n?p.jsx("input",{tabIndex:-1,ref:c,size:T,className:G(M.input,v?M.error:""),value:a,onChange:_=>d(_.target.value),"data-testid":o&&`${o}-input`}):null]})};He.__docgenInfo={description:"",methods:[],displayName:"Input",props:{selectedOptions:{required:!1,tsType:{name:"union",raw:"ISelectSelectedOption | ISelectSelectedOption[]",elements:[{name:"ISelectSelectedOption"},{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"}]},description:""},searchable:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},searchValue:{required:!1,tsType:{name:"string"},description:""},inputRef:{required:!0,tsType:{name:"MutableRefObject",elements:[{name:"union",raw:"HTMLInputElement | null",elements:[{name:"HTMLInputElement"},{name:"null"}]}],raw:"MutableRefObject<HTMLInputElement | null>"},description:""},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(value: string) => void",signature:{arguments:[{type:{name:"string"},name:"value"}],return:{name:"void"}}},description:"",defaultValue:{value:"noop",computed:!0}},error:{required:!1,tsType:{name:"union",raw:"string | ReactNode",elements:[{name:"string"},{name:"ReactNode"}]},description:""},placeholder:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:"",defaultValue:{value:"'Select...'",computed:!1}},small:{required:!1,tsType:{name:"boolean"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const ke=({selectedOptions:e,searchValue:n,searchable:a,clearable:d,onClickTrigger:c,element:v,error:f,warning:s,tooltip:o,small:g,isInTable:S,disabled:b,onChangeSearch:T,onClickDeselect:E,onClickClear:_,tabIndex:t,isOpen:l,triggerRef:i,clearAllIsFocused:r,focusedSelectedOptionIndex:u,onFocus:m,onBlur:y,groupOrder:h,maxTooltipWidth:I,placeholder:L,right:R,testId:x})=>{var k;const[w,q]=Re(),F=Array.isArray(e)?e.length>0&&((k=e[0])==null?void 0:k.value):e==null?void 0:e.value,A=d&&F,H=(()=>{if(h)switch(h){case ie.FIRST:return M.groupOrderFirst;case ie.LAST:return M.groupOrderLast;default:return M.groupOrderMiddle}return""})(),K=!Array.isArray(e)&&(e!=null&&e.details)?{...e,label:p.jsxs("div",{className:G(M.detailedLabel),children:[p.jsx(ue,{children:e.label}),p.jsx(ue,{muted:!0,children:e.details})]})}:e,$=p.jsxs(p.Fragment,{children:[v,p.jsxs("div",{ref:i,tabIndex:t,className:G(M.trigger,l?M.isOpen:"",f?M.error:s?M.warning:"",b?M.disabled:"",g?M.small:"",S?M.isInTable:"",R?M.right:"",H),onClick:P=>{P.stopPropagation(),typeof q=="function"&&q(),c(P)},onFocus:m,onBlur:y,"data-testid":x,children:[p.jsx(He,{selectedOptions:K,placeholder:L,searchable:a,searchValue:n,inputRef:w,onChange:T,error:f,small:g,testId:x}),p.jsx("span",{className:M.icons,children:A?p.jsx("span",{className:G(M.clearAll,r?M.focus:""),onClick:P=>{P.stopPropagation(),_&&_(P)},"data-testid":x&&`${x}-clear`,children:p.jsx(ce,{icon:Ie.CLOSE})}):p.jsx("span",{className:G(M.iconOpen),children:p.jsx(ce,{icon:"chevron down"})})})]})]});return p.jsx(p.Fragment,{children:p.jsx(pe,{error:!!f,warning:!!s,text:o||f||s,enabled:o&&ne(o)||f&&ne(f)||s&&ne(s)||!1,maxWidth:I,placement:"bottom-center",children:$})})};ke.__docgenInfo={description:"",methods:[],displayName:"Trigger",props:{selectedOptions:{required:!1,tsType:{name:"union",raw:"ISelectSelectedOption | ISelectSelectedOption[]",elements:[{name:"ISelectSelectedOption"},{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"}]},description:""},searchValue:{required:!1,tsType:{name:"string"},description:""},searchable:{required:!1,tsType:{name:"boolean"},description:""},clearable:{required:!1,tsType:{name:"boolean"},description:""},onClickTrigger:{required:!0,tsType:{name:"signature",type:"function",raw:"(evt: React.MouseEvent<HTMLDivElement, MouseEvent>) => void",signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"evt"}],return:{name:"void"}}},description:""},element:{required:!1,tsType:{name:"ReactNode"},description:""},error:{required:!1,tsType:{name:"union",raw:"string | ReactNode",elements:[{name:"string"},{name:"ReactNode"}]},description:""},warning:{required:!1,tsType:{name:"union",raw:"string | ReactNode",elements:[{name:"string"},{name:"ReactNode"}]},description:""},tooltip:{required:!1,tsType:{name:"union",raw:"string | ReactNode",elements:[{name:"string"},{name:"ReactNode"}]},description:""},small:{required:!1,tsType:{name:"boolean"},description:""},isInTable:{required:!1,tsType:{name:"boolean"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},onChangeSearch:{required:!1,tsType:{name:"signature",type:"function",raw:"(value: string) => void",signature:{arguments:[{type:{name:"string"},name:"value"}],return:{name:"void"}}},description:""},onClickDeselect:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: React.MouseEvent<HTMLDivElement, MouseEvent>) => void",signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"evt"}],return:{name:"void"}}},description:""},onClickClear:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void",signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLSpanElement, MouseEvent>",elements:[{name:"HTMLSpanElement"},{name:"MouseEvent"}]},name:"evt"}],return:{name:"void"}}},description:""},tabIndex:{required:!1,tsType:{name:"number"},description:""},isOpen:{required:!1,tsType:{name:"boolean"},description:""},triggerRef:{required:!1,tsType:{name:"RefObject",elements:[{name:"HTMLDivElement"}],raw:"RefObject<HTMLDivElement>"},description:""},clearAllIsFocused:{required:!1,tsType:{name:"boolean"},description:""},focusedSelectedOptionIndex:{required:!1,tsType:{name:"number"},description:""},onFocus:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: React.FocusEvent<HTMLDivElement>) => void",signature:{arguments:[{type:{name:"ReactFocusEvent",raw:"React.FocusEvent<HTMLDivElement>",elements:[{name:"HTMLDivElement"}]},name:"evt"}],return:{name:"void"}}},description:""},onBlur:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: React.FocusEvent<HTMLDivElement>) => void",signature:{arguments:[{type:{name:"ReactFocusEvent",raw:"React.FocusEvent<HTMLDivElement>",elements:[{name:"HTMLDivElement"}]},name:"evt"}],return:{name:"void"}}},description:""},groupOrder:{required:!1,tsType:{name:"union",raw:"TGroupOrder | string",elements:[{name:"union",raw:"'first' | 'middle' | 'last'",elements:[{name:"literal",value:"'first'"},{name:"literal",value:"'middle'"},{name:"literal",value:"'last'"}]},{name:"string"}]},description:""},maxTooltipWidth:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},placeholder:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""},right:{required:!1,tsType:{name:"boolean"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};var U=(e=>(e.SET_VISIBLE_OPTIONS="SET_VISIBLE_OPTIONS",e.RESET_LAYER_FOCUS="RESET_LAYER_FOCUS",e.CLEAR_SEARCH="CLEAR_SEARCH",e.ON_CHANGE_SEARCH="ON_CHANGE_SEARCH",e.FOCUS_TRIGGER_INPUTS="FOCUS_TRIGGER_INPUTS",e.BLUR_TRIGGER_INPUTS="BLUR_TRIGGER_INPUTS",e.FOCUS_LAYER_OPTIONS="FOCUS_LAYER_OPTIONS",e.OPEN_LAYER="OPEN_LAYER",e.CLOSE_LAYER="CLOSE_LAYER",e))(U||{});const Pe={options:["none","clearAll"],currentIndex:0,currentOption:!1,clearAll:!1},wt=e=>e!==null?e+1:0,De=(e,n)=>{const a=["none",...e.map((c,v)=>c.type!==se.HEADING?v:null).filter(c=>c!==null)],d=wt(n);return{options:a,currentIndex:d,current:a[d]}},Rt=(e,n)=>{const a=e==="up"?-1:1,d=n.currentIndex+a,c=(d<0?n.options.length-1:d)%n.options.length,v=n.options[c];return{...n,currentIndex:c,current:v}},Lt=(e,n,a)=>{const d=e==="left"?-1:1,c=n&&n.length?["none",...Array.from({length:n.length},(g,S)=>S),"clearAll"]:["none","clearAll"],v=a.currentIndex+d,f=(v<0?c.length-1:v)%c.length,s=c[f];return{options:c,currentIndex:f,currentOption:s,clearAll:s==="clearAll"}},Te=()=>Pe,Ee=e=>({...e,currentIndex:0,current:"none"}),xt=(e,n)=>{switch(n.type){case U.SET_VISIBLE_OPTIONS:return{...e,visibleOptions:n.options||[]};case U.RESET_LAYER_FOCUS:return{...e,layerFocus:De(n.options||[],n.firstSelectedOptionIndex||0)};case U.CLEAR_SEARCH:return{...e,visibleOptions:n.options||[],searchValue:""};case U.ON_CHANGE_SEARCH:{let d=[...(n.options||[]).filter(c=>(String(c.label)+(c.details?String(c.details):"")).toLowerCase().includes(String(n.value||"").toLowerCase()))];return n.createAble&&n.value&&n.value!==""&&d.push({label:`Create "${n.value}"`,value:n.value,createAble:!0}),{...e,searchValue:n.value,visibleOptions:d,layerFocus:Ee(e.layerFocus)}}case U.FOCUS_TRIGGER_INPUTS:return{...e,triggerFocus:Lt(n.direction||"right",n.selectedOptions||[],e.triggerFocus),layerFocus:Ee(e.layerFocus)};case U.BLUR_TRIGGER_INPUTS:return{...e,triggerFocus:Te()};case U.FOCUS_LAYER_OPTIONS:return n.nextLayerFocus?{...e,layerFocus:n.nextLayerFocus,triggerFocus:Te()}:e;case U.OPEN_LAYER:return{...e,isLayerOpen:!0};case U.CLOSE_LAYER:return{...e,isLayerOpen:!1};default:return e}},Ct={auto:!0,possiblePlacements:["bottom-start","top-start"],placement:"bottom-start",preferX:"right",preferY:"bottom"};var D=(e=>(e.CLOSE_LAYER="CLOSE_LAYER",e.OPEN_LAYER="OPEN_LAYER",e.SET_VISIBLE_OPTIONS="SET_VISIBLE_OPTIONS",e.CLEAR_SEARCH="CLEAR_SEARCH",e.RESET_LAYER_FOCUS="RESET_LAYER_FOCUS",e.FOCUS_LAYER_OPTIONS="FOCUS_LAYER_OPTIONS",e.BLUR_TRIGGER_INPUTS="BLUR_TRIGGER_INPUTS",e.FOCUS_TRIGGER_INPUTS="FOCUS_TRIGGER_INPUTS",e.ON_CHANGE_SEARCH="ON_CHANGE_SEARCH",e))(D||{}),V=(e=>(e.RIGHT="right",e.LEFT="left",e.UP="up",e.DOWN="down",e.ENTER="enter",e.ESC="esc",e.TAB="tab",e))(V||{});const qt=({state:e,dispatch:n,options:a,setTriggerFocus:d,disabled:c,disabledContext:v,onCreate:f,onChange:s,selectedOptions:o,width:g,small:S,isFontLoaded:b,placeholder:T,firstSelectedOptionIndex:E,createAble:_,listRef:t,autoLayerWidth:l})=>{const i=()=>{e.isLayerOpen&&n({type:D.CLOSE_LAYER}),d()},r=()=>n({type:D.OPEN_LAYER}),u=N.useRef(!0);N.useEffect(()=>{u.current?u.current=!1:n({type:D.SET_VISIBLE_OPTIONS,options:a})},[a]);const m=(O,C,Q)=>{if(!(c||v)){if(Q&&Q(),C){if(C.createAble&&f)f(C.value);else if(!C.disabled)if(Array.isArray(o))if(o.some(B=>B.label===C.label)){const B=o.filter(fe=>fe.label!==C.label);s&&s(O,B)}else{const B=[...o,C];s&&s(O,B)}else s&&s(O,C)}n({type:D.CLEAR_SEARCH,options:a}),d()}},y=N.useCallback(()=>g?g!=="auto"?g:_e(a,S,b,T):"100%",[a,b]),h=N.useCallback(O=>l?Math.max(_e(a,S,b,T),O==null?void 0:O.width):O==null?void 0:O.width,[a,b]),{renderLayer:I,layerProps:L,triggerProps:R,triggerBounds:x}=Ue({isOpen:(e==null?void 0:e.isLayerOpen)??!1,overflowContainer:!0,...Ct,ResizeObserver,onOutsideClick:i,onParentClose:i}),w=()=>{if(!(c||v)){if(e.isLayerOpen){i();return}n({type:D.RESET_LAYER_FOCUS,options:a,firstSelectedOptionIndex:E}),r()}},q=N.useRef(!0);N.useEffect(()=>{q.current?q.current=!1:e.isLayerOpen||n({type:D.CLEAR_SEARCH,options:a})},[e.isLayerOpen]);const F=(O,C)=>{const Q=o instanceof Array?o.filter(Y=>Y.value!==C.value):null;s&&s(O,Q)},A=O=>{const C=o instanceof Array?[]:{value:null};s&&s(O,C)},H=O=>n({type:D.ON_CHANGE_SEARCH,options:a,value:O,createAble:_}),K=()=>{r(),n({type:D.BLUR_TRIGGER_INPUTS})},$=O=>{t.current&&Number.isInteger(O)&&t.current.scrollToItem(O)},k=O=>{const C=Rt(O,e.layerFocus);n({type:D.FOCUS_LAYER_OPTIONS,nextLayerFocus:C}),$(C.current)},P=O=>{n({type:D.FOCUS_TRIGGER_INPUTS,ICustomSelectDirection:O,selectedOptions:o})},Z=O=>A(O),te=o&&o[e.triggerFocus.currentOption],re=O=>{F(O,o[e.triggerFocus.currentOption])},X=O=>{var C;m(O,(C=e==null?void 0:e.visibleOptions)==null?void 0:C[e.layerFocus.current],i)},z=e.triggerFocus.clearAll;return{getTriggerWidth:y,onKeyEvent:(O,C)=>{switch(O){case V.UP:{k(O);break}case V.DOWN:{e.isLayerOpen?k(O):K();break}case V.LEFT:case V.RIGHT:{P(O);break}case V.ENTER:{z?Z(C):te?re(C):X(C);break}case V.ESC:{i();break}}},clearAllIsFocused:z,triggerProps:R,onClickTrigger:w,onChangeSearch:H,onClickDeselectOption:F,onClickClearAll:A,renderLayer:I,layerProps:L,closeLayer:i,onSelectOption:m,getLayerWidth:h,triggerBounds:x}},ze=e=>{const{multi:n=!1,disabled:a=!1,error:d=null,warning:c=null,tooltip:v=null,options:f,selectedOptions:s,onCreate:o=null,placeholder:g="",small:S=!1,tabIndex:b=0,onFocus:T=()=>{},onBlur:E=()=>{},searchable:_=!0,clearable:t=!1,maxTooltipWidth:l,closeOnOptionActionClick:i,isInTable:r=!1,groupOrder:u,firstSelectedOptionIndex:m=0,right:y=!1,testId:h=void 0}=e,I=N.useContext(me),L=o!==null,R=N.useRef(null),[x,w]=Re(),q=Le(),[F,A]=N.useReducer(xt,{options:f,firstSelectedOptionIndex:m},({options:Y})=>({searchValue:"",visibleOptions:Y,layerFocus:De(Y,m??0),triggerFocus:Pe,isLayerOpen:!1})),{getTriggerWidth:H,onKeyEvent:K,clearAllIsFocused:$,triggerProps:k,onClickTrigger:P,onChangeSearch:Z,onClickDeselectOption:te,onClickClearAll:re,renderLayer:X,layerProps:z,closeLayer:J,onSelectOption:O,getLayerWidth:C,triggerBounds:Q}=qt({...e,state:F,dispatch:A,setTriggerFocus:w,disabledContext:I,isFontLoaded:q,createAble:L,listRef:R});return p.jsx("div",{style:{width:H()},children:p.jsxs(gn,{handleKeys:Object.values(V),onKeyEvent:K,children:[p.jsx(ke,{selectedOptions:s,searchValue:F.searchValue,isOpen:F.isLayerOpen,focusedSelectedOptionIndex:F.triggerFocus.currentOption,clearAllIsFocused:$,searchable:_,triggerRef:Ge(x,k.ref),error:d,warning:c,tooltip:v,small:S,isInTable:r,disabled:a||I,clearable:t,tabIndex:b,onClickTrigger:P,onChangeSearch:Z,onClickDeselect:te,onClickClear:re,onFocus:T,onBlur:E,groupOrder:u,maxTooltipWidth:l,placeholder:g,right:y,testId:h}),F.isLayerOpen&&X(p.jsx("div",{...z,className:j.layerContainer,children:p.jsx(Ae,{listRef:R,isMulti:n,sections:F.visibleOptions,selectedOptions:s,onSelectOption:(Y,B)=>{O(Y,B,n?void 0:J)},closeLayer:()=>{i&&J()},width:C(Q),small:S,focusedOptionIndex:F.layerFocus.current,firstSelectedOptionIndex:m??0,testId:h&&`${h}-layer`})}))]})})};ze.__docgenInfo={description:"",methods:[],displayName:"CustomSelect",props:{multi:{required:!1,tsType:{name:"boolean"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},error:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactNode"}]},description:""},warning:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactNode"}]},description:""},tooltip:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactNode"}]},description:""},options:{required:!0,tsType:{name:"Array",elements:[{name:"union",raw:"ISelectSelectedOption | Heading",elements:[{name:"ISelectSelectedOption"},{name:"Heading"}]}],raw:"TCustomSelectSelectOption[]"},description:""},selectedOptions:{required:!0,tsType:{name:"union",raw:"ISelectSelectedOption | ISelectSelectedOption[]",elements:[{name:"ISelectSelectedOption"},{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"}]},description:""},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:`(
|
|
38
|
-
event: TChangeEvent<T>,
|
|
39
|
-
...additionalProps: { [key: string]: any }[]
|
|
40
|
-
) => void`,signature:{arguments:[{type:{name:"intersection",raw:`ChangeEvent<T> & {
|
|
41
|
-
target:
|
|
42
|
-
| T
|
|
43
|
-
| { name: string; value: any; label?: string; files?: FileList | null };
|
|
44
|
-
}`,elements:[{name:"ChangeEvent",elements:[{name:"T"}],raw:"ChangeEvent<T>"},{name:"signature",type:"object",raw:`{
|
|
45
|
-
target:
|
|
46
|
-
| T
|
|
47
|
-
| { name: string; value: any; label?: string; files?: FileList | null };
|
|
48
|
-
}`,signature:{properties:[{key:"target",value:{name:"union",raw:`| T
|
|
49
|
-
| { name: string; value: any; label?: string; files?: FileList | null }`,elements:[{name:"T"},{name:"signature",type:"object",raw:"{ name: string; value: any; label?: string; files?: FileList | null }",signature:{properties:[{key:"name",value:{name:"string",required:!0}},{key:"value",value:{name:"any",required:!0}},{key:"label",value:{name:"string",required:!1}},{key:"files",value:{name:"union",raw:"FileList | null",elements:[{name:"FileList"},{name:"null"}],required:!1}}]}}],required:!0}}]}}]},name:"event"},{type:{name:"Array",elements:[{name:"signature",type:"object",raw:"{ [key: string]: any }",signature:{properties:[{key:{name:"string"},value:{name:"any",required:!0}}]}}],raw:"{ [key: string]: any }[]"},name:"additionalProps",rest:!0}],return:{name:"void"}}},description:""},onCreate:{required:!1,tsType:{name:"signature",type:"function",raw:"(value: string) => void",signature:{arguments:[{type:{name:"string"},name:"value"}],return:{name:"void"}}},description:""},placeholder:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""},small:{required:!1,tsType:{name:"boolean"},description:""},tabIndex:{required:!1,tsType:{name:"number"},description:""},width:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | null",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"null"}]},description:""},autoLayerWidth:{required:!1,tsType:{name:"boolean"},description:""},onFocus:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},onBlur:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},searchable:{required:!1,tsType:{name:"boolean"},description:""},clearable:{required:!1,tsType:{name:"boolean"},description:""},isInTable:{required:!1,tsType:{name:"boolean"},description:""},groupOrder:{required:!1,tsType:{name:"union",raw:"TGroupOrder | string",elements:[{name:"union",raw:"'first' | 'middle' | 'last'",elements:[{name:"literal",value:"'first'"},{name:"literal",value:"'middle'"},{name:"literal",value:"'last'"}]},{name:"string"}]},description:""},firstSelectedOptionIndex:{required:!0,tsType:{name:"union",raw:"number | null",elements:[{name:"number"},{name:"null"}]},description:""},right:{required:!1,tsType:{name:"boolean"},description:""},maxTooltipWidth:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},closeOnOptionActionClick:{required:!1,tsType:{name:"boolean"},description:""},testId:{required:!1,tsType:{name:"union",raw:"string | undefined",elements:[{name:"string"},{name:"undefined"}]},description:""}}};const Mt=e=>{const{name:n="",options:a=[],value:d,native:c=!1,onChange:v=ae.noop,deprecatedEventHandler:f=!1,autoScroll:s=!0,warning:o,error:g,checkNonExistentValues:S=!0,closeOnOptionActionClick:b=!0,testId:T,disabled:E}=e,_=!c&&s===!0,{multi:t,simpleInputs:l,options:i,selectedOptions:r,firstSelectedOptionIndex:u,hasNonExistentValue:m}=Be(a,d,_,S),y=!t,h=c&&y;c&&!y&&console.warn("Native select does not support provided props (see stories)");const I="Value no longer available for re-selection",L=m&&!E?o?p.jsxs("div",{children:[p.jsx("div",{children:I}),p.jsx("div",{children:o})]}):I:o,R=m&&g&&!E?p.jsxs("div",{children:[p.jsx("div",{children:I}),p.jsx("div",{children:g})]}):g,x=(w,q)=>{if(f){const F=t?q.map(A=>l?A.value:A):l?q.value:q;F&&v(F)}else{const F=!(w instanceof Event),A=t?q:q.value;if(F)w.target.name=n,w.target.value=A,t||(w.target.label=q.label),v(w);else{const H={...w,target:{...w.target,name:n,value:A,label:t?void 0:q.label}};v(H)}}};return h?p.jsx(Oe,{...e,options:i,selectedOption:r,onChange:x,hasNonExistentValue:m,warning:L,error:R,testId:T}):p.jsx(ze,{...e,options:i,selectedOptions:r,onChange:x,multi:t,firstSelectedOptionIndex:u,warning:L,error:R,testId:T,closeOnOptionActionClick:b})};Mt.__docgenInfo={description:"",methods:[],displayName:"Select",props:{name:{required:!1,tsType:{name:"string"},description:""},multi:{required:!1,tsType:{name:"boolean"},description:""},options:{required:!1,tsType:{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"},description:""},value:{required:!1,tsType:{name:"any"},description:""},native:{required:!1,tsType:{name:"boolean"},description:""},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:`(
|
|
50
|
-
event: TChangeEvent<T>,
|
|
51
|
-
...additionalProps: { [key: string]: any }[]
|
|
52
|
-
) => void`,signature:{arguments:[{type:{name:"intersection",raw:`ChangeEvent<T> & {
|
|
53
|
-
target:
|
|
54
|
-
| T
|
|
55
|
-
| { name: string; value: any; label?: string; files?: FileList | null };
|
|
56
|
-
}`,elements:[{name:"ChangeEvent",elements:[{name:"T"}],raw:"ChangeEvent<T>"},{name:"signature",type:"object",raw:`{
|
|
57
|
-
target:
|
|
58
|
-
| T
|
|
59
|
-
| { name: string; value: any; label?: string; files?: FileList | null };
|
|
60
|
-
}`,signature:{properties:[{key:"target",value:{name:"union",raw:`| T
|
|
61
|
-
| { name: string; value: any; label?: string; files?: FileList | null }`,elements:[{name:"T"},{name:"signature",type:"object",raw:"{ name: string; value: any; label?: string; files?: FileList | null }",signature:{properties:[{key:"name",value:{name:"string",required:!0}},{key:"value",value:{name:"any",required:!0}},{key:"label",value:{name:"string",required:!1}},{key:"files",value:{name:"union",raw:"FileList | null",elements:[{name:"FileList"},{name:"null"}],required:!1}}]}}],required:!0}}]}}]},name:"event"},{type:{name:"Array",elements:[{name:"signature",type:"object",raw:"{ [key: string]: any }",signature:{properties:[{key:{name:"string"},value:{name:"any",required:!0}}]}}],raw:"{ [key: string]: any }[]"},name:"additionalProps",rest:!0}],return:{name:"void"}}},description:""},deprecatedEventHandler:{required:!1,tsType:{name:"boolean"},description:""},autoScroll:{required:!1,tsType:{name:"boolean"},description:""},warning:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactNode"}]},description:""},error:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactNode"}]},description:""},checkNonExistentValues:{required:!1,tsType:{name:"boolean"},description:""},closeOnOptionActionClick:{required:!1,tsType:{name:"boolean"},description:""},small:{required:!1,tsType:{name:"boolean"},description:""},width:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | null",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"null"}]},description:""},borderRadius:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},onCreate:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: any) => any",signature:{arguments:[{type:{name:"any"},name:"evt"}],return:{name:"any"}}},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},placeholder:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""},isInTable:{required:!1,tsType:{name:"boolean"},description:""},clearable:{required:!1,tsType:{name:"boolean"},description:""},searchable:{required:!1,tsType:{name:"boolean"},description:""},maxTooltipWidth:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},autoLayerWidth:{required:!1,tsType:{name:"boolean"},description:""},right:{required:!1,tsType:{name:"boolean"},description:""},tabIndex:{required:!1,tsType:{name:"number"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};export{Mt as S};
|