@oliasoft-open-source/react-ui-library 4.7.4 → 4.7.6
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.d.ts +5 -0
- package/dist/index.js +85 -38
- package/dist/index.js.map +1 -1
- package/dist/storybook/assets/{Color-KGDBMAHA-fBkbFrxl.js → Color-KGDBMAHA-C0EpwEFf.js} +1 -1
- package/dist/storybook/assets/{DocsRenderer-PKQXORMH-BCXpse5g.js → DocsRenderer-PKQXORMH-CWe5JIRI.js} +1 -1
- package/dist/storybook/assets/{accordion.stories-MGPZF2zs.js → accordion.stories-YuQaNHcr.js} +1 -1
- package/dist/storybook/assets/{afe.stories-Zs5w8AL0.js → afe.stories-CT81gs6M.js} +1 -1
- package/dist/storybook/assets/{buttons-and-links-DGEwyzdQ.js → buttons-and-links-CtOaPZlv.js} +1 -1
- package/dist/storybook/assets/{casing-loads.stories-BZZ4ps89.js → casing-loads.stories-DQy8gjj6.js} +1 -1
- package/dist/storybook/assets/{cell.stories-DtPT5vsK.js → cell.stories-ChfAWqCt.js} +1 -1
- package/dist/storybook/assets/check-box.stories-BAH78tMZ.js +126 -0
- package/dist/storybook/assets/{chunk-HLWAVYOI-B_e8hbrU.js → chunk-HLWAVYOI-CkQdzq8g.js} +1 -1
- package/dist/storybook/assets/{color-BWuYLPlh.js → color-eaylxLAo.js} +1 -1
- package/dist/storybook/assets/dialog-vClt2ahZ.js +1 -0
- package/dist/storybook/assets/{file-input.stories-BH_glmEk.js → file-input.stories-Br89AkVv.js} +1 -1
- package/dist/storybook/assets/{footer.stories-CsvsDr1-.js → footer.stories-BM5UBN62.js} +1 -1
- package/dist/storybook/assets/{form.stories-BwzDZgen.js → form.stories-CYcggA-f.js} +1 -1
- package/dist/storybook/assets/{formation.stories-2ZjWA25v.js → formation.stories-NDB_Sbor.js} +1 -1
- package/dist/storybook/assets/iframe-WLuE3PcW.js +2 -0
- package/dist/storybook/assets/index-Be0hXiyp.js +179 -0
- package/dist/storybook/assets/index-CF7H4eMJ.js +28 -0
- package/dist/storybook/assets/{index-BrCAgVdx.js → index-CXmS_Aty.js} +1 -1
- package/dist/storybook/assets/{index-tzHbUYOM.js → index-Cf2IDQZ4.js} +4 -4
- package/dist/storybook/assets/{input-group.stories-D1i3gaZ1.js → input-group.stories-BmeUtBOK.js} +1 -1
- package/dist/storybook/assets/{input-validation-BcgNUeij.js → input-validation-U3o9_8IY.js} +2 -2
- package/dist/storybook/assets/{inputs-gN3bum_f.js → inputs-gP7hGRtM.js} +2 -2
- package/dist/storybook/assets/{layout-forms-DXG6Da8u.js → layout-forms-r2wYyx-8.js} +1 -1
- package/dist/storybook/assets/{layout-general-CEpJsTnH.js → layout-general-Bw291PmI.js} +1 -1
- package/dist/storybook/assets/menu.stories-QTzp0Z7C.js +84 -0
- package/dist/storybook/assets/message-B7G1ESkC.js +1 -0
- package/dist/storybook/assets/{message.stories-o5jcKCK_.js → message.stories-Czui5Ym7.js} +1 -1
- package/dist/storybook/assets/modal.stories-DAxDpo0A.js +220 -0
- package/dist/storybook/assets/number-input.stories-CFTNLnHw.js +105 -0
- package/dist/storybook/assets/{padding-and-spacing-By28ROLj.js → padding-and-spacing-DLeCWmND.js} +1 -1
- package/dist/storybook/assets/{pagination-CqvxiZHR.js → pagination-BtguPxeR.js} +1 -1
- package/dist/storybook/assets/{pagination.stories-BzMlcLsN.js → pagination.stories-CgG4wp8P.js} +1 -1
- package/dist/storybook/assets/{pop-confirm.stories-MFDc3UAq.js → pop-confirm.stories-CZpYmUBz.js} +1 -1
- package/dist/storybook/assets/{popover.stories-CPW_LGAh.js → popover.stories-CtaFGXR_.js} +1 -1
- package/dist/storybook/assets/{preview-eMMARKcW.js → preview-BjyexbB3.js} +2 -2
- package/dist/storybook/assets/preview-DLBQXbKW.js +1 -0
- package/dist/storybook/assets/{preview-CO5-Yrmk.js → preview-Dml2wSQG.js} +1 -1
- package/dist/storybook/assets/radio-button.stories-BNE-U9db.js +71 -0
- package/dist/storybook/assets/{reservoirs.stories-Cql_9W4F.js → reservoirs.stories-ux3hZbkX.js} +1 -1
- package/dist/storybook/assets/{rich-text-input.stories-BuDUgUsz.js → rich-text-input.stories-savcIJ5B.js} +1 -1
- package/dist/storybook/assets/{row.stories-C-bEP9pE.js → row.stories-CG6Eipay.js} +1 -1
- package/dist/storybook/assets/select-Z-GCZ-pY.js +40 -0
- package/dist/storybook/assets/select.stories-CX_B6BvR.js +579 -0
- package/dist/storybook/assets/{smart-upload-modal.stories-DGIErcSu.js → smart-upload-modal.stories-BrsVuS4a.js} +1 -1
- package/dist/storybook/assets/{table-CXUwJOBt.js → table-CaaSoHex.js} +1 -1
- package/dist/storybook/assets/{table.stories-Cp0UIPUQ.js → table.stories-BiBivAvh.js} +1 -1
- package/dist/storybook/assets/{title.stories-hn5F8-2J.js → title.stories-CfdJbgvT.js} +1 -1
- package/dist/storybook/assets/toaster-DJeREs3e.js +1 -0
- package/dist/storybook/assets/toaster.stories-QjvljKdT.js +89 -0
- package/dist/storybook/assets/toggle.stories-BYrikgrA.js +141 -0
- package/dist/storybook/assets/{unit-input.stories-DGvDLll8.js → unit-input.stories-BSWm9641.js} +1 -1
- package/dist/storybook/assets/{unit-table.stories-D0q58B-1.js → unit-table.stories-CgF-UOP3.js} +1 -1
- package/dist/storybook/iframe.html +1 -1
- package/dist/storybook/index.html +6 -2
- package/dist/storybook/index.json +1 -1
- package/dist/storybook/project.json +1 -1
- package/dist/storybook/sb-addons/interactions-2/manager-bundle.js +233 -0
- package/dist/storybook/sb-addons/storybook-dark-mode-esm-preset-3/manager-bundle.js.LEGAL.txt +0 -0
- package/package.json +6 -2
- package/dist/storybook/assets/check-box.stories-J1keUUs0.js +0 -102
- package/dist/storybook/assets/dialog-lhPZkAI2.js +0 -1
- package/dist/storybook/assets/iframe-DLWAAiXM.js +0 -2
- package/dist/storybook/assets/menu.stories-BE0AzXUY.js +0 -82
- package/dist/storybook/assets/message-ttrR1AaP.js +0 -1
- package/dist/storybook/assets/modal.stories-Ns1ikKLR.js +0 -200
- package/dist/storybook/assets/number-input.stories-BfRW8wgL.js +0 -97
- package/dist/storybook/assets/radio-button.stories-D7uvMLbK.js +0 -61
- package/dist/storybook/assets/select-tIEV7vnw.js +0 -40
- package/dist/storybook/assets/select.stories-BuW6SmRZ.js +0 -914
- package/dist/storybook/assets/toaster-DPbde9Mi.js +0 -1
- package/dist/storybook/assets/toaster.stories-DtRx7MDa.js +0 -86
- package/dist/storybook/assets/toggle.stories-CBkCAQh6.js +0 -117
- /package/dist/storybook/sb-addons/{storybook-dark-mode-esm-preset-2 → interactions-2}/manager-bundle.js.LEGAL.txt +0 -0
- /package/dist/storybook/sb-addons/{storybook-dark-mode-esm-preset-2 → storybook-dark-mode-esm-preset-3}/manager-bundle.js +0 -0
|
File without changes
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@oliasoft-open-source/react-ui-library",
|
|
3
|
-
"version": "4.7.
|
|
3
|
+
"version": "4.7.6",
|
|
4
4
|
"description": "Reusable UI components for React projects",
|
|
5
5
|
"homepage": "https://oliasoft-open-source.gitlab.io/react-ui-library",
|
|
6
6
|
"bugs": {
|
|
@@ -37,7 +37,8 @@
|
|
|
37
37
|
"preview:storybook": "yarn run http-server ./public/storybook -o -p 9003 -c-1",
|
|
38
38
|
"test": "yarn run prettier:check && yarn run lint:check && yarn run test:unit",
|
|
39
39
|
"test:unit": "vitest run",
|
|
40
|
-
"test:unit:coverage": "vitest run --coverage"
|
|
40
|
+
"test:unit:coverage": "vitest run --coverage",
|
|
41
|
+
"test:storybook": "test-storybook"
|
|
41
42
|
},
|
|
42
43
|
"lint-staged": {
|
|
43
44
|
"*.{js,jsx,ts,tsx}": "eslint --cache --fix",
|
|
@@ -83,10 +84,13 @@
|
|
|
83
84
|
"@oliasoft-open-source/eslint-config-oliasoft": "^1.0.4",
|
|
84
85
|
"@oliasoft-open-source/units": "^3.12.4",
|
|
85
86
|
"@storybook/addon-essentials": "^8.2.4",
|
|
87
|
+
"@storybook/addon-interactions": "^8.2.4",
|
|
86
88
|
"@storybook/addon-links": "^8.2.4",
|
|
87
89
|
"@storybook/preview-api": "^8.2.4",
|
|
88
90
|
"@storybook/react": "^8.2.4",
|
|
89
91
|
"@storybook/react-vite": "^8.2.4",
|
|
92
|
+
"@storybook/test": "^8.2.4",
|
|
93
|
+
"@storybook/test-runner": "^0.19.1",
|
|
90
94
|
"@types/jest": "^29.5.5",
|
|
91
95
|
"@types/lodash": "^4.14.197",
|
|
92
96
|
"@types/react": "^18.2.21",
|
|
@@ -1,102 +0,0 @@
|
|
|
1
|
-
import{j as U}from"./jsx-runtime-eps93zm2.js";import{R as Y}from"./index-DhsZuJvc.js";import{C as u}from"./check-box-CaSrhzev.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.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";const{useArgs:q}=__STORYBOOK_MODULE_PREVIEW_API__,ce={title:"Forms/CheckBox",component:u,args:{disabled:!1,label:"Label"}},n=g=>{const[{checked:h},e]=q(),s=()=>{e({checked:!h})};return U.jsx(u,{...g,onChange:s})},p=n.bind({}),r=n.bind({});r.args={small:!0};const a=n.bind({});a.args={disabled:!0};const c=n.bind({});c.args={checked:!0,disabled:!0};const t=n.bind({});t.args={label:null};const o=n.bind({});o.args={helpText:"Help text"};const d=n.bind({});d.args={onClickHelp:()=>console.log("Help clicked")};const l=n.bind({});l.args={helpText:"Help text",disabled:!0};const i=()=>{const[g,h]=Y.useState([]);return["1","2","3","4"].map(e=>U.jsx(u,{label:`Label ${e}`,checked:g.includes(e),onChange:()=>{h(s=>s.includes(e)?s.filter(V=>V!==e):[...s,e])}},e))};var m,k,C;p.parameters={...p.parameters,docs:{...(m=p.parameters)==null?void 0:m.docs,source:{originalSource:`args => {
|
|
2
|
-
const [{
|
|
3
|
-
checked
|
|
4
|
-
}, updateArgs] = useArgs();
|
|
5
|
-
const handleChange = () => {
|
|
6
|
-
updateArgs({
|
|
7
|
-
checked: !checked
|
|
8
|
-
});
|
|
9
|
-
};
|
|
10
|
-
return <CheckBox
|
|
11
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
12
|
-
{...args} onChange={handleChange} />;
|
|
13
|
-
}`,...(C=(k=p.parameters)==null?void 0:k.docs)==null?void 0:C.source}}};var x,b,A;r.parameters={...r.parameters,docs:{...(x=r.parameters)==null?void 0:x.docs,source:{originalSource:`args => {
|
|
14
|
-
const [{
|
|
15
|
-
checked
|
|
16
|
-
}, updateArgs] = useArgs();
|
|
17
|
-
const handleChange = () => {
|
|
18
|
-
updateArgs({
|
|
19
|
-
checked: !checked
|
|
20
|
-
});
|
|
21
|
-
};
|
|
22
|
-
return <CheckBox
|
|
23
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
24
|
-
{...args} onChange={handleChange} />;
|
|
25
|
-
}`,...(A=(b=r.parameters)==null?void 0:b.docs)==null?void 0:A.source}}};var S,B,j;a.parameters={...a.parameters,docs:{...(S=a.parameters)==null?void 0:S.docs,source:{originalSource:`args => {
|
|
26
|
-
const [{
|
|
27
|
-
checked
|
|
28
|
-
}, updateArgs] = useArgs();
|
|
29
|
-
const handleChange = () => {
|
|
30
|
-
updateArgs({
|
|
31
|
-
checked: !checked
|
|
32
|
-
});
|
|
33
|
-
};
|
|
34
|
-
return <CheckBox
|
|
35
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
36
|
-
{...args} onChange={handleChange} />;
|
|
37
|
-
}`,...(j=(B=a.parameters)==null?void 0:B.docs)==null?void 0:j.source}}};var H,T,_;c.parameters={...c.parameters,docs:{...(H=c.parameters)==null?void 0:H.docs,source:{originalSource:`args => {
|
|
38
|
-
const [{
|
|
39
|
-
checked
|
|
40
|
-
}, updateArgs] = useArgs();
|
|
41
|
-
const handleChange = () => {
|
|
42
|
-
updateArgs({
|
|
43
|
-
checked: !checked
|
|
44
|
-
});
|
|
45
|
-
};
|
|
46
|
-
return <CheckBox
|
|
47
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
48
|
-
{...args} onChange={handleChange} />;
|
|
49
|
-
}`,...(_=(T=c.parameters)==null?void 0:T.docs)==null?void 0:_.source}}};var f,D,O;t.parameters={...t.parameters,docs:{...(f=t.parameters)==null?void 0:f.docs,source:{originalSource:`args => {
|
|
50
|
-
const [{
|
|
51
|
-
checked
|
|
52
|
-
}, updateArgs] = useArgs();
|
|
53
|
-
const handleChange = () => {
|
|
54
|
-
updateArgs({
|
|
55
|
-
checked: !checked
|
|
56
|
-
});
|
|
57
|
-
};
|
|
58
|
-
return <CheckBox
|
|
59
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
60
|
-
{...args} onChange={handleChange} />;
|
|
61
|
-
}`,...(O=(D=t.parameters)==null?void 0:D.docs)==null?void 0:O.source}}};var R,E,L;o.parameters={...o.parameters,docs:{...(R=o.parameters)==null?void 0:R.docs,source:{originalSource:`args => {
|
|
62
|
-
const [{
|
|
63
|
-
checked
|
|
64
|
-
}, updateArgs] = useArgs();
|
|
65
|
-
const handleChange = () => {
|
|
66
|
-
updateArgs({
|
|
67
|
-
checked: !checked
|
|
68
|
-
});
|
|
69
|
-
};
|
|
70
|
-
return <CheckBox
|
|
71
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
72
|
-
{...args} onChange={handleChange} />;
|
|
73
|
-
}`,...(L=(E=o.parameters)==null?void 0:E.docs)==null?void 0:L.source}}};var y,K,W;d.parameters={...d.parameters,docs:{...(y=d.parameters)==null?void 0:y.docs,source:{originalSource:`args => {
|
|
74
|
-
const [{
|
|
75
|
-
checked
|
|
76
|
-
}, updateArgs] = useArgs();
|
|
77
|
-
const handleChange = () => {
|
|
78
|
-
updateArgs({
|
|
79
|
-
checked: !checked
|
|
80
|
-
});
|
|
81
|
-
};
|
|
82
|
-
return <CheckBox
|
|
83
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
84
|
-
{...args} onChange={handleChange} />;
|
|
85
|
-
}`,...(W=(K=d.parameters)==null?void 0:K.docs)==null?void 0:W.source}}};var v,I,P;l.parameters={...l.parameters,docs:{...(v=l.parameters)==null?void 0:v.docs,source:{originalSource:`args => {
|
|
86
|
-
const [{
|
|
87
|
-
checked
|
|
88
|
-
}, updateArgs] = useArgs();
|
|
89
|
-
const handleChange = () => {
|
|
90
|
-
updateArgs({
|
|
91
|
-
checked: !checked
|
|
92
|
-
});
|
|
93
|
-
};
|
|
94
|
-
return <CheckBox
|
|
95
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
96
|
-
{...args} onChange={handleChange} />;
|
|
97
|
-
}`,...(P=(I=l.parameters)==null?void 0:I.docs)==null?void 0:P.source}}};var $,F,M;i.parameters={...i.parameters,docs:{...($=i.parameters)==null?void 0:$.docs,source:{originalSource:`() => {
|
|
98
|
-
const [selected, setSelected] = React.useState<string[]>([]);
|
|
99
|
-
return ['1', '2', '3', '4'].map(i => <CheckBox key={i} label={\`Label \${i}\`} checked={selected.includes(i)} onChange={() => {
|
|
100
|
-
setSelected(prev => prev.includes(i) ? prev.filter(x => x !== i) : [...prev, i]);
|
|
101
|
-
}} />);
|
|
102
|
-
}`,...(M=(F=i.parameters)==null?void 0:F.docs)==null?void 0:M.source}}};const te=["Default","Small","Disabled","DisabledChecked","Standalone","HelpText","OnClickHelp","DisabledWithHelpText","TestKeys"];export{p as Default,a as Disabled,c as DisabledChecked,l as DisabledWithHelpText,o as HelpText,d as OnClickHelp,r as Small,t as Standalone,i as TestKeys,te as __namedExportsOrder,ce as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as t}from"./jsx-runtime-eps93zm2.js";import{r as u}from"./index-DhsZuJvc.js";import{c as p}from"./index-Bk2sglWO.js";import{P as g}from"./portal-GQ0_cLB6.js";import{l as h}from"./lodash-BHd_uQHh.js";import{I as y}from"./common-types-Sih75Sav.js";import{H as x}from"./heading-NkLgQYoP.js";import{B as v}from"./button-C1sV-0mR.js";const _=(n,e,r=[])=>{u.useEffect(()=>{const i=s=>{s.key===n&&e()};return window.addEventListener("keydown",i),()=>{window.removeEventListener("keydown",i)}},r)},w="_wrapper_sb0hc_1",j="_contentContainer_sb0hc_15",b="_centered_sb0hc_24",E="_newLine_sb0hc_28",m={wrapper:w,contentContainer:j,centered:b,newLine:E},C=({children:n})=>{const e=u.useRef(null);return u.useEffect(()=>{if(e.current){const r=e.current.querySelector('[tabindex="0"]');r?r.focus():e.current.focus()}},[]),t.jsx("div",{ref:e,tabIndex:-1,className:p(m.wrapper),children:n})},N=({children:n,width:e,centered:r})=>t.jsx("div",{className:p(m.contentContainer,r?m.centered:""),style:{maxWidth:e},children:n}),k=({children:n,visible:e=!1,centered:r=!1,width:i="100%",onEnter:s,onEscape:c})=>{const d="modalContainer";return u.useEffect(()=>{if(document.getElementById(d))return;const l=document.createElement("div");return l.id=d,document.body.insertBefore(l,document.body.firstChild),()=>{document.body.removeChild(l)}},[]),_("Enter",()=>{e&&s&&s()},[e,s]),_("Escape",()=>{e&&c&&c()},[e,c]),t.jsx(t.Fragment,{children:t.jsx(g,{id:d,children:e?t.jsx(C,{children:t.jsx(N,{width:i,centered:r,children:n})}):null})})};k.__docgenInfo={description:"",methods:[],displayName:"Modal",props:{children:{required:!0,tsType:{name:"ReactNode"},description:""},visible:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},centered:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},width:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"'100%'",computed:!1}},onEnter:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},onEscape:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""}}};const I="_dialog_18g0k_1",T="_inline_18g0k_18",q="_scroll_18g0k_21",L="_header_18g0k_24",D="_dismiss_18g0k_33",B="_content_18g0k_38",R="_footer_18g0k_47",a={dialog:I,inline:T,scroll:q,header:L,dismiss:D,content:B,footer:R},M=n=>h.isArray(n)?n.map((e,r)=>t.jsxs(u.Fragment,{children:[e," ",t.jsx("br",{})]},r)):n,$=({dialog:n})=>{const{heading:e,content:r,contentPadding:i="var(--padding)",footer:s,scroll:c,width:d,height:l,onClose:f,testId:o}=n;return t.jsxs("div",{className:p(a.dialog,d?a.inline:null,c?a.scroll:null),style:{width:d,height:l},"data-testid":o??null,children:[t.jsxs("div",{className:a.header,children:[t.jsx(x,{testId:o&&`${o}-heading`,top:!0,marginBottom:0,children:e}),f?t.jsx("div",{className:a.dismiss,children:t.jsx(v,{icon:y.CLOSE,round:!0,basic:!0,small:!0,colored:"muted",onClick:f})}):null]}),t.jsx("div",{"data-testid":o&&`${o}-content`,className:a.content,style:{padding:i},children:M(r)}),s&&t.jsx("div",{"data-testid":o&&`${o}-footer`,className:a.footer,children:s})]})};$.__docgenInfo={description:"",methods:[],displayName:"Dialog",props:{dialog:{required:!0,tsType:{name:"IDialog"},description:""}}};export{$ as D,k as M,_ as u};
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./accordion.stories-MGPZF2zs.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-CaSrhzev.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-CXUwJOBt.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-BHd_uQHh.js","./actions-CZK3mphC.js","./button-C1sV-0mR.js","./spinner-AWUe4xwQ.js","./spinner-C07x-KQu.css","./button-BpFIj2Vw.css","./types-BmbYqTX_.js","./types-UmZ4Y_CR.js","./badge-CLQ59MDF.js","./badge-BiaoqO6w.css","./actions-D8UgHts6.css","./pagination-CqvxiZHR.js","./select-tIEV7vnw.js","./assertThisInitialized-B9jnkVVz.js","./select.input-DIKP56UZ.js","./select-Byh1FIvP.css","./input-BW9trNAW.js","./input-WN7SK0fa.css","./input-group-BaRSJAEN.js","./input-group-C4Ph05Zr.css","./input-group-addon-D68iUKV2.js","./input-group-addon-CKbTwfkc.css","./pagination-Dv2vKYwQ.css","./number-input-uQOVHv2N.js","./index-CWz-hU-f.js","./index-DRSy5Ssd.js","./slider-gZmYlxxz.js","./index-BI4_Bp97.js","./slider-DnRddBCy.css","./popover-DgUpTRMk.js","./popover-CSc-8-Dh.css","./table-CyYpP6Fs.css","./accordion-C3DU7hG7.css","./actions.stories-FOK1cLb3.js","./badge.stories-D30jHm96.js","./breadcrumb.stories-CJArS18Q.js","./breadcrumb-DMx-Mu4J.css","./button-group.stories-incmyYJ-.js","./button-group-Ai4DXqNr.js","./button-group-0hjBV4tw.css","./button.stories-Bcy7mnLs.js","./react-router-dom-CMITYWBH.js","./flex-EllkLxgO.js","./buttons-and-links-DGEwyzdQ.js","./index-BcNHZKhG.js","./index-tzHbUYOM.js","./index-D6rZ4wEC.js","./text-link.stories-BsuVBOWo.js","./card.stories-Bn6LpucB.js","./card-EcjmryU9.js","./card-VFDFIKp2.css","./check-box.stories-J1keUUs0.js","./color-BWuYLPlh.js","./chunk-HLWAVYOI-B_e8hbrU.js","./react-16-DXAfArL2.js","./toaster-7wnI6hqB.js","./toaster-DwLvOY18.css","./message-ttrR1AaP.js","./message-nw5WQq6S.css","./toaster-DPbde9Mi.js","./divider.stories-Dd-yyGrX.js","./drawer.stories-D6FBs1_r.js","./drawer-DSS8yvvp.js","./drawer-v-B4gIC0.css","./list-DYNKqvUR.js","./meta-content-BE7pulye.js","./meta-content-B1HsACrT.css","./loader-XHoVniao.js","./loader-B4-2F7c_.css","./list.stories-data-D_ZfzaxE.js","./empty.stories-G8jeIfLL.js","./empty-L0EXybeR.css","./file-button.stories-DePr8MKB.js","./file-input.stories-BH_glmEk.js","./file-input-BZecnRBy.js","./file-input-b95Ui6h6.css","./spacer-BWoNR27H.js","./textarea-BV7xWEdt.js","./textarea-DapBtyYV.css","./field.stories-D5Mej0Bt.js","./field-C5_fLDpy.js","./label-hiSz3I8H.js","./label-BmwKJ2Mn.css","./field-CNDCZ5UR.css","./form.stories-BwzDZgen.js","./toggle-Bo-JPbUP.js","./toggle-yD7j1VSk.css","./radio-button-C_cV5TWA.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-B-tKaIKA.js","./icon-custom-Xcl4YkWP.js","./grid-B6LFPf51.js","./styled-components.browser.esm-Bf0q9Yjk.js","./input-group.stories-D1i3gaZ1.js","./input-validation-BcgNUeij.js","./select.stories-BuW6SmRZ.js","./input.stories-BruLeJ44.js","./inputs-gN3bum_f.js","./number-input.stories-BfRW8wgL.js","./option-dropdown.stories-ByLG631x.js","./option-dropdown-CqPYsFHP.css","./radio-button.stories-D7uvMLbK.js","./slider.stories-CY4GxD4Y.js","./textarea.stories-aRLEoDHg.js","./toggle.stories-CBkCAQh6.js","./label.stories-Cyv5jBAO.js","./layout-forms-DXG6Da8u.js","./layout-general-CEpJsTnH.js","./flex.stories-sSdg0ChR.js","./grid.stories-BhjMGl59.js","./column.stories-JMvj3_fr.js","./row-4iAGREkV.js","./row-D-EMWFT6.css","./afe.stories-Zs5w8AL0.js","./top-bar-DG4ok0uF.js","./top-bar-u7j8EgRd.css","./side-bar-ChOjPNLR.js","./side-bar-DvwMCSK0.css","./page-7SSpdYhb.js","./page-BnAFjzxf.css","./tabs-CAZ_dHGK.js","./tabs-DnWs2PtA.css","./blowout.stories-CJrNKpKP.js","./casing-loads.stories-BZZ4ps89.js","./dialog-lhPZkAI2.js","./portal-GQ0_cLB6.js","./dialog-CBMZnjYb.css","./formation.stories-2ZjWA25v.js","./projects.stories-BSAMs8RG.js","./reservoirs.stories-Cql_9W4F.js","./site.stories-C1GnbK5P.js","./page.stories-br9ia4zp.js","./logo-BVP9045W.js","./page-DqJqTfkP.css","./spacer.stories-D7Q45uBk.js","./list.stories-BX67BegD.js","./immer.esm-BwVl9PS2.js","./loader.stories-DjrwwZ15.js","./progress-bar-C_kV6r0Q.js","./progress-bar-ztYhwUbl.css","./menu.stories-BE0AzXUY.js","./menu.stories-data-DeDnsKpk.js","./message.stories-o5jcKCK_.js","./modal.stories-Ns1ikKLR.js","./padding-and-spacing-By28ROLj.js","./pagination.stories-BzMlcLsN.js","./pop-confirm.stories-MFDc3UAq.js","./pop-confirm-DX_o_X81.css","./popover.stories-CPW_LGAh.js","./portal.stories-BvRfNPz3.js","./progress-bar.stories-CpbgT43D.js","./rich-text-input.stories-BuDUgUsz.js","./rich-text-input-DPMWElGY.css","./side-bar.stories-BupidZk5.js","./smart-upload-modal.stories-DGIErcSu.js","./spinner.stories-DuQNhl1V.js","./cell.stories-DtPT5vsK.js","./table.stories-data-DwfKQW7P.js","./footer.stories-CsvsDr1-.js","./row.stories-C-bEP9pE.js","./table.stories-Cp0UIPUQ.js","./title.stories-hn5F8-2J.js","./tabs.stories-DXcDAqB2.js","./text.stories-B8L4FWPt.js","./toaster.stories-DtRx7MDa.js","./tooltip.stories-1YexWg6N.js","./tooltip.test-case.stories-C74mKGrI.js","./top-bar.stories-BI4a_ekv.js","./top-bar.testcase.stories-DzsYUZIx.js","./tree.stories-RtuZpYXn.js","./tree-BTgu2lWb.css","./unit-input.stories-DGvDLll8.js","./use-previous-D775JrO6.js","./unit-input-CoFS2qhN.css","./unit-table.stories-D0q58B-1.js","./entry-preview-CHonU0lQ.js","./entry-preview-docs-DUYczTxA.js","./preview-CO5-Yrmk.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:P}=__STORYBOOK_MODULE_CHANNELS__,{addons:T}=__STORYBOOK_MODULE_PREVIEW_API__,l=P({page:"preview"});T.setChannel(l);window.__STORYBOOK_ADDONS_CHANNEL__=l;window.CONFIG_TYPE==="DEVELOPMENT"&&(window.__STORYBOOK_SERVER_CHANNEL__=l);const v={"./src/components/accordion/accordion.stories.tsx":async()=>t(()=>import("./accordion.stories-MGPZF2zs.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]),import.meta.url),"./src/components/actions/actions.stories.tsx":async()=>t(()=>import("./actions.stories-FOK1cLb3.js"),__vite__mapDeps([66,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-D30jHm96.js"),__vite__mapDeps([67,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([68,1,2,4,10,69]),import.meta.url),"./src/components/button-group/button-group.stories.tsx":async()=>t(()=>import("./button-group.stories-incmyYJ-.js"),__vite__mapDeps([70,1,2,71,3,10,40,33,35,4,36,37,6,7,8,9,11,15,16,17,38,72]),import.meta.url),"./src/components/button/button.stories.tsx":async()=>t(()=>import("./button.stories-Bcy7mnLs.js"),__vite__mapDeps([73,1,2,74,8,9,28,31,7,75,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-DGEwyzdQ.js"),__vite__mapDeps([76,1,2,77,78,16,28,46,8,79,73,74,9,31,7,75,35,4,3,10,36,37,6,11,15,17,38,80,23,24]),import.meta.url),"./src/components/card/card.stories.tsx":async()=>t(()=>import("./card.stories-Bn6LpucB.js"),__vite__mapDeps([81,1,2,82,4,83,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-J1keUUs0.js"),__vite__mapDeps([84,1,2,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-BWuYLPlh.js"),__vite__mapDeps([85,1,2,77,86,87,16,78,28,46,8,79,88,89,90,4,3,6,7,9,10,11,91,92]),import.meta.url),"./src/components/divider/divider.stories.tsx":async()=>t(()=>import("./divider.stories-Dd-yyGrX.js"),__vite__mapDeps([93,1,2,3,23,4,24,22,25]),import.meta.url),"./src/components/drawer/drawer.stories.tsx":async()=>t(()=>import("./drawer.stories-D6FBs1_r.js"),__vite__mapDeps([94,1,2,3,95,4,41,42,33,9,16,6,7,8,10,11,35,36,37,15,17,38,96,97,27,28,29,30,31,32,82,83,98,20,14,18,21,34,39,40,43,99,100,101,75,102]),import.meta.url),"./src/components/empty/empty.stories.tsx":async()=>t(()=>import("./empty.stories-G8jeIfLL.js"),__vite__mapDeps([103,1,2,23,4,24,35,3,10,36,37,6,7,8,9,11,15,16,17,38,104]),import.meta.url),"./src/components/file-button/file-button.stories.tsx":async()=>t(()=>import("./file-button.stories-DePr8MKB.js"),__vite__mapDeps([105,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-BH_glmEk.js"),__vite__mapDeps([106,1,2,107,10,51,4,3,52,49,40,33,15,16,17,50,35,36,37,6,7,8,9,11,38,108,109,90,91,110,111]),import.meta.url),"./src/components/form/field.stories.tsx":async()=>t(()=>import("./field.stories-D5Mej0Bt.js"),__vite__mapDeps([112,1,2,113,4,114,3,14,15,16,17,6,7,8,9,10,11,18,115,116,49,40,33,50,23,24]),import.meta.url),"./src/components/form/form.stories.tsx":async()=>t(()=>import("./form.stories-BwzDZgen.js"),__vite__mapDeps([117,1,2,3,10,113,4,114,14,15,16,17,6,7,8,9,11,18,115,116,49,40,33,50,45,28,46,32,39,23,24,34,35,36,37,38,41,42,43,47,48,13,19,71,72,118,119,51,52,53,54,59,30,60,61,110,111,120,121,122,123]),import.meta.url),"./src/components/heading/heading.stories.tsx":async()=>t(()=>import("./heading.stories-nI_cFnAN.js"),__vite__mapDeps([124,1,2,3,20,4,14,15,16,17,6,7,8,9,10,11,18,21,75]),import.meta.url),"./src/components/help-icon/help-icon.stories.tsx":async()=>t(()=>import("./help-icon.stories-DBYh0YX7.js"),__vite__mapDeps([125,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-B-tKaIKA.js"),__vite__mapDeps([126,1,2,6,4,7,8,9,10,11,127,128,129,75,23,24]),import.meta.url),"./src/components/input-group/input-group.stories.tsx":async()=>t(()=>import("./input-group.stories-D1i3gaZ1.js"),__vite__mapDeps([130,1,2,3,51,4,52,53,54,49,10,40,33,15,16,17,50,35,36,37,6,7,8,9,11,38,34,39,41,42,43,45,28,46,32,23,24,47,48]),import.meta.url),"./src/components/input-validation.mdx":async()=>t(()=>import("./input-validation-BcgNUeij.js"),__vite__mapDeps([131,1,2,77,78,16,28,46,8,79,132,45,4,3,10,40,33,15,17,9,32,39,23,24,34,35,36,37,6,7,11,38,41,42,43,47,48,109]),import.meta.url),"./src/components/input/input.stories.tsx":async()=>t(()=>import("./input.stories-BruLeJ44.js"),__vite__mapDeps([133,1,2,49,4,10,40,33,15,16,17,50]),import.meta.url),"./src/components/inputs.mdx":async()=>t(()=>import("./inputs-gN3bum_f.js"),__vite__mapDeps([134,1,2,77,78,16,28,46,8,79,73,74,9,31,7,75,35,4,3,10,36,37,6,11,15,17,38,84,13,14,18,19,106,107,51,52,49,40,33,50,108,109,90,91,110,111,133,135,57,58,56,53,54,45,32,39,23,24,34,41,42,43,47,48,136,22,25,137,138,120,121,132,139,59,30,60,61,140,141,118,119]),import.meta.url),"./src/components/label/label.stories.tsx":async()=>t(()=>import("./label.stories-Cyv5jBAO.js"),__vite__mapDeps([142,1,2,114,4,3,14,15,16,17,6,7,8,9,10,11,18,115]),import.meta.url),"./src/components/layout-forms.mdx":async()=>t(()=>import("./layout-forms-DXG6Da8u.js"),__vite__mapDeps([143,1,2,77,78,16,28,46,8,79,112,113,4,114,3,14,15,17,6,7,9,10,11,18,115,116,49,40,33,50,23,24,117,45,32,39,34,35,36,37,38,41,42,43,47,48,13,19,71,72,118,119,51,52,53,54,59,30,60,61,110,111,120,121,122,123]),import.meta.url),"./src/components/layout-general.mdx":async()=>t(()=>import("./layout-general-CEpJsTnH.js"),__vite__mapDeps([144,1,2,77,78,16,28,46,8,79,145,75,35,4,3,10,36,37,6,7,9,11,15,17,38,23,24,146,128,129,82,83,147,148,149,20,14,18,21]),import.meta.url),"./src/components/layout/column.stories.tsx":async()=>t(()=>import("./column.stories-JMvj3_fr.js"),__vite__mapDeps([147,1,2,148,129,4,149,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-Zs5w8AL0.js"),__vite__mapDeps([150,1,2,3,151,4,6,7,8,9,10,11,35,36,37,15,16,17,38,34,33,39,40,41,42,43,152,153,60,95,96,154,20,14,18,21,97,27,28,29,30,31,32,82,83,98,99,100,101,113,114,115,116,49,50,5,12,13,19,122,123,155,156,148,129,149,45,46,23,24,47,48,109,157,158,51,52,53,54]),import.meta.url),"./src/components/layout/examples/blowout.stories.jsx":async()=>t(()=>import("./blowout.stories-CJrNKpKP.js"),__vite__mapDeps([159,1,2,3,151,4,6,7,8,9,10,11,35,36,37,15,16,17,38,34,33,39,40,41,42,43,152,153,60,95,96,154,20,14,18,21,82,83,155,156,148,129,149,109]),import.meta.url),"./src/components/layout/examples/casing-loads.stories.jsx":async()=>t(()=>import("./casing-loads.stories-BZZ4ps89.js"),__vite__mapDeps([160,1,2,3,151,4,6,7,8,9,10,11,35,36,37,15,16,17,38,34,33,39,40,41,42,43,152,153,60,95,96,154,20,14,18,21,97,27,28,29,30,31,32,82,83,98,99,100,101,113,114,115,116,49,50,161,162,163,13,19,122,123,155,156,148,129,149,45,46,23,24,47,48,109,157,158,26,44,51,52,53,54,55,56,57,58,59,61,62,63,64]),import.meta.url),"./src/components/layout/examples/formation.stories.jsx":async()=>t(()=>import("./formation.stories-2ZjWA25v.js"),__vite__mapDeps([164,1,2,151,4,6,7,8,9,10,11,3,35,36,37,15,16,17,38,34,33,39,40,41,42,43,152,153,60,95,96,154,20,14,18,21,155,156,148,129,149,109,157,47,158,26,27,28,29,30,31,32,44,45,46,23,24,48,49,50,51,52,53,54,55,56,57,58,13,19,59,61,62,63,64]),import.meta.url),"./src/components/layout/examples/projects.stories.jsx":async()=>t(()=>import("./projects.stories-BSAMs8RG.js"),__vite__mapDeps([165,1,2,151,4,6,7,8,9,10,11,3,35,36,37,15,16,17,38,34,33,39,40,41,42,43,152,97,27,28,29,30,31,32,82,83,98,20,14,18,21,99,100,101,155,156,148,129,149,157,47,158,109]),import.meta.url),"./src/components/layout/examples/reservoirs.stories.jsx":async()=>t(()=>import("./reservoirs.stories-Cql_9W4F.js"),__vite__mapDeps([166,1,2,3,151,4,6,7,8,9,10,11,35,36,37,15,16,17,38,34,33,39,40,41,42,43,152,153,60,95,96,154,20,14,18,21,97,27,28,29,30,31,32,82,83,98,99,100,101,113,114,115,116,49,50,13,19,120,47,121,122,123,155,156,148,129,149,45,46,23,24,48,109]),import.meta.url),"./src/components/layout/examples/site.stories.jsx":async()=>t(()=>import("./site.stories-C1GnbK5P.js"),__vite__mapDeps([167,1,2,3,151,4,6,7,8,9,10,11,35,36,37,15,16,17,38,34,33,39,40,41,42,43,152,153,60,95,96,154,20,14,18,21,97,27,28,29,30,31,32,82,83,98,99,100,101,113,114,115,116,49,50,13,19,155,156,148,129,149,5,12,109,157,47,158]),import.meta.url),"./src/components/layout/flex/flex.stories.tsx":async()=>t(()=>import("./flex.stories-sSdg0ChR.js"),__vite__mapDeps([145,1,2,75,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-BhjMGl59.js"),__vite__mapDeps([146,1,2,128,129,82,4,83]),import.meta.url),"./src/components/layout/page.stories.tsx":async()=>t(()=>import("./page.stories-br9ia4zp.js"),__vite__mapDeps([168,1,2,155,4,156,151,6,7,8,9,10,11,3,35,36,37,15,16,17,38,34,33,39,40,41,42,43,152,153,60,95,96,154,20,14,18,21,169,170]),import.meta.url),"./src/components/layout/spacer/spacer.stories.tsx":async()=>t(()=>import("./spacer.stories-D7Q45uBk.js"),__vite__mapDeps([171,1,2,109,75,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-BX67BegD.js"),__vite__mapDeps([172,1,2,173,74,8,9,28,31,7,97,4,27,29,30,16,32,82,83,98,3,6,10,11,20,14,15,17,18,21,34,33,35,36,37,38,39,40,41,42,43,99,100,101,75,102]),import.meta.url),"./src/components/loader/loader.stories.tsx":async()=>t(()=>import("./loader.stories-DjrwwZ15.js"),__vite__mapDeps([174,1,2,3,100,4,101,175,176,36,37,109,35,10,6,7,8,9,11,15,16,17,38,82,83]),import.meta.url),"./src/components/menu/menu.stories.tsx":async()=>t(()=>import("./menu.stories-BE0AzXUY.js"),__vite__mapDeps([177,1,2,74,8,9,28,31,7,3,34,4,33,10,35,36,37,6,11,15,16,17,38,39,40,41,42,43,75,178]),import.meta.url),"./src/components/message/message.stories.tsx":async()=>t(()=>import("./message.stories-o5jcKCK_.js"),__vite__mapDeps([179,1,2,90,4,3,6,7,8,9,10,11,91,35,36,37,15,16,17,38,128,129]),import.meta.url),"./src/components/modal/modal.stories.tsx":async()=>t(()=>import("./modal.stories-Ns1ikKLR.js"),__vite__mapDeps([180,1,2,3,161,4,162,16,33,20,14,15,17,6,7,8,9,10,11,18,21,35,36,37,38,163,62,63,49,40,50,51,52,113,114,115,116,34,39,41,42,43,45,28,46,32,23,24,47,48,109]),import.meta.url),"./src/components/number-input/number-input.stories.tsx":async()=>t(()=>import("./number-input.stories-BfRW8wgL.js"),__vite__mapDeps([135,1,2,57,58,56,33,49,4,10,40,15,16,17,50,51,3,52,53,54,45,9,28,46,8,32,39,23,24,34,35,36,37,6,7,11,38,41,42,43,47,48]),import.meta.url),"./src/components/option-dropdown/option-dropdown.stories.tsx":async()=>t(()=>import("./option-dropdown.stories-ByLG631x.js"),__vite__mapDeps([136,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,137]),import.meta.url),"./src/components/padding-and-spacing.mdx":async()=>t(()=>import("./padding-and-spacing-By28ROLj.js"),__vite__mapDeps([181,1,2,77,78,16,28,46,8,79]),import.meta.url),"./src/components/pagination/pagination.stories.tsx":async()=>t(()=>import("./pagination.stories-BzMlcLsN.js"),__vite__mapDeps([182,1,2,44,3,45,4,10,40,33,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]),import.meta.url),"./src/components/pop-confirm/pop-confirm.stories.tsx":async()=>t(()=>import("./pop-confirm.stories-MFDc3UAq.js"),__vite__mapDeps([183,1,2,62,15,16,4,17,3,10,35,36,37,6,7,8,9,11,38,63,23,24,92,88,89,90,91,184]),import.meta.url),"./src/components/popover/popover.stories.tsx":async()=>t(()=>import("./popover.stories-CPW_LGAh.js"),__vite__mapDeps([185,1,2,109,62,15,16,4,17,3,10,35,36,37,6,7,8,9,11,38,63,49,40,33,50,75,45,28,46,32,39,23,24,34,41,42,43,47,48]),import.meta.url),"./src/components/portal/portal.stories.tsx":async()=>t(()=>import("./portal.stories-BvRfNPz3.js"),__vite__mapDeps([186,1,2,16,162]),import.meta.url),"./src/components/progress-bar/progress-bar.stories.tsx":async()=>t(()=>import("./progress-bar.stories-CpbgT43D.js"),__vite__mapDeps([187,1,2,175,4,176]),import.meta.url),"./src/components/radio-button/radio-button.stories.tsx":async()=>t(()=>import("./radio-button.stories-D7uvMLbK.js"),__vite__mapDeps([138,1,2,120,4,10,47,39,3,14,15,16,17,6,7,8,9,11,18,121]),import.meta.url),"./src/components/rich-text-input/rich-text-input.stories.tsx":async()=>t(()=>import("./rich-text-input.stories-BuDUgUsz.js"),__vite__mapDeps([188,1,2,10,3,35,4,36,37,6,7,8,9,11,15,16,17,38,45,40,33,28,46,32,39,23,24,34,41,42,43,47,48,189]),import.meta.url),"./src/components/select/select.stories.tsx":async()=>t(()=>import("./select.stories-BuW6SmRZ.js"),__vite__mapDeps([132,1,2,45,4,3,10,40,33,15,16,17,9,28,46,8,32,39,23,24,34,35,36,37,6,7,11,38,41,42,43,47,48,109]),import.meta.url),"./src/components/side-bar/side-bar.stories.tsx":async()=>t(()=>import("./side-bar.stories-BupidZk5.js"),__vite__mapDeps([190,1,2,3,153,4,60,95,41,42,33,9,16,6,7,8,10,11,35,36,37,15,17,38,96,154,75,127]),import.meta.url),"./src/components/slider/slider.stories.tsx":async()=>t(()=>import("./slider.stories-CY4GxD4Y.js"),__vite__mapDeps([139,1,2,59,33,30,4,28,7,32,60,6,8,9,10,11,3,15,16,17,35,36,37,38,61,23,24]),import.meta.url),"./src/components/smart-upload-modal/smart-upload-modal.stories.tsx":async()=>t(()=>import("./smart-upload-modal.stories-DGIErcSu.js"),__vite__mapDeps([191,1,2,35,4,3,10,36,37,6,7,8,9,11,15,16,17,38,161,162,33,20,14,18,21,163,107,51,52,49,40,50,108,109,23,24,175,176,57,58]),import.meta.url),"./src/components/spinner/spinner.stories.tsx":async()=>t(()=>import("./spinner.stories-DuQNhl1V.js"),__vite__mapDeps([192,1,2,36,37]),import.meta.url),"./src/components/table/cell/cell.stories.tsx":async()=>t(()=>import("./cell.stories-DtPT5vsK.js"),__vite__mapDeps([193,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,13,19,59,60,61,62,63,64,113,114,115,116,75,194]),import.meta.url),"./src/components/table/footer/footer.stories.tsx":async()=>t(()=>import("./footer.stories-CsvsDr1-.js"),__vite__mapDeps([195,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,13,19,59,60,61,62,63,64,194,75]),import.meta.url),"./src/components/table/row/row.stories.tsx":async()=>t(()=>import("./row.stories-C-bEP9pE.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,13,19,59,60,61,62,63,64,194,75]),import.meta.url),"./src/components/table/table.stories.tsx":async()=>t(()=>import("./table.stories-Cp0UIPUQ.js"),__vite__mapDeps([197,1,2,173,33,128,129,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,13,19,59,60,61,62,63,64,82,83,113,114,115,116,194,75]),import.meta.url),"./src/components/table/title/title.stories.tsx":async()=>t(()=>import("./title.stories-hn5F8-2J.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,13,19,59,60,61,62,63,64,194,75]),import.meta.url),"./src/components/tabs/tabs.stories.tsx":async()=>t(()=>import("./tabs.stories-DXcDAqB2.js"),__vite__mapDeps([199,1,2,157,4,10,41,42,47,39,158]),import.meta.url),"./src/components/text-link/text-link.stories.tsx":async()=>t(()=>import("./text-link.stories-BsuVBOWo.js"),__vite__mapDeps([80,1,2,74,8,9,28,31,7,75,23,4,24]),import.meta.url),"./src/components/text/text.stories.tsx":async()=>t(()=>import("./text.stories-B8L4FWPt.js"),__vite__mapDeps([200,1,2,23,4,24]),import.meta.url),"./src/components/textarea/textarea.stories.tsx":async()=>t(()=>import("./textarea.stories-aRLEoDHg.js"),__vite__mapDeps([140,1,2,110,4,40,33,10,15,16,17,111]),import.meta.url),"./src/components/toaster/toaster.stories.tsx":async()=>t(()=>import("./toaster.stories-DtRx7MDa.js"),__vite__mapDeps([201,1,2,128,129,23,4,24,75,92,88,16,89,90,3,6,7,8,9,10,11,91,35,36,37,15,17,38,109]),import.meta.url),"./src/components/toggle/toggle.stories.tsx":async()=>t(()=>import("./toggle.stories-CBkCAQh6.js"),__vite__mapDeps([141,1,2,75,23,4,24,118,3,10,14,15,16,17,6,7,8,9,11,18,119]),import.meta.url),"./src/components/tooltip/tooltip.stories.tsx":async()=>t(()=>import("./tooltip.stories-1YexWg6N.js"),__vite__mapDeps([202,1,2,15,16,4,17]),import.meta.url),"./src/components/tooltip/tooltip.test-case.stories.tsx":async()=>t(()=>import("./tooltip.test-case.stories-C74mKGrI.js"),__vite__mapDeps([203,1,2,15,16,4,17,34,33,3,10,35,36,37,6,7,8,9,11,38,39,40,41,42,43,178,75]),import.meta.url),"./src/components/top-bar/top-bar.stories.tsx":async()=>t(()=>import("./top-bar.stories-BI4a_ekv.js"),__vite__mapDeps([204,1,2,74,8,9,28,31,7,3,151,4,6,10,11,35,36,37,15,16,17,38,34,33,39,40,41,42,43,152,155,156,169,127]),import.meta.url),"./src/components/top-bar/top-bar.testcase.stories.tsx":async()=>t(()=>import("./top-bar.testcase.stories-DzsYUZIx.js"),__vite__mapDeps([205,1,2,3,151,4,6,7,8,9,10,11,35,36,37,15,16,17,38,34,33,39,40,41,42,43,152,169]),import.meta.url),"./src/components/tree/tree.stories.tsx":async()=>t(()=>import("./tree.stories-RtuZpYXn.js"),__vite__mapDeps([206,1,2,6,4,7,8,9,10,11,58,3,98,20,14,15,16,17,18,21,34,33,35,36,37,38,39,40,41,42,43,99,29,30,23,24,207]),import.meta.url),"./src/components/unit-input/unit-input.stories.tsx":async()=>t(()=>import("./unit-input.stories-DGvDLll8.js"),__vite__mapDeps([208,1,2,57,58,4,209,34,33,3,10,35,36,37,6,7,8,9,11,15,16,17,38,39,40,41,42,43,53,54,51,52,109,23,24,49,50,22,25,148,129,149,113,114,14,18,115,116,90,91,210]),import.meta.url),"./src/components/unit-table/unit-table.stories.tsx":async()=>t(()=>import("./unit-table.stories-D0q58B-1.js"),__vite__mapDeps([211,1,2,173,57,58,128,129,109,82,4,83,113,114,3,14,15,16,17,6,7,8,9,10,11,18,115,116,20,21,45,40,33,28,46,32,39,23,24,34,35,36,37,38,41,42,43,47,48,118,119,209,26,27,29,30,31,44,49,50,51,52,53,54,55,56,13,19,59,60,61,62,63,64]),import.meta.url)};async function L(s){return v[s]()}const{composeConfigs:x,PreviewWeb:I,ClientApi:f}=__STORYBOOK_MODULE_PREVIEW_API__,A=async(s=[])=>{const i=await Promise.all([s.at(0)??t(()=>import("./entry-preview-CHonU0lQ.js"),__vite__mapDeps([212,2,87,16]),import.meta.url),s.at(1)??t(()=>import("./entry-preview-docs-DUYczTxA.js"),__vite__mapDeps([213,79,2,9]),import.meta.url),s.at(2)??t(()=>import("./preview-Ct5NkTJf.js"),[],import.meta.url),s.at(3)??t(()=>import("./preview-eMMARKcW.js"),[],import.meta.url),s.at(4)??t(()=>import("./preview-CO5-Yrmk.js"),__vite__mapDeps([214,1,2,88,16,89,90,4,3,6,7,8,9,10,11,91,78,28,46,79,58,86,87,215]),import.meta.url)]);return x(i)};window.__STORYBOOK_PREVIEW__=window.__STORYBOOK_PREVIEW__||new I(L,A);window.__STORYBOOK_STORY_STORE__=window.__STORYBOOK_STORY_STORE__||window.__STORYBOOK_PREVIEW__.storyStore;export{t as _};
|
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
import{j as r}from"./jsx-runtime-eps93zm2.js";import{r as br}from"./index-DhsZuJvc.js";import{H as xr,L as A,S as Sr,R as B}from"./react-router-dom-CMITYWBH.js";import{T as F,I as hr}from"./common-types-Sih75Sav.js";import{M as L}from"./actions-CZK3mphC.js";import{B as _}from"./button-C1sV-0mR.js";import{F as jr}from"./flex-EllkLxgO.js";import{m as s,a as Tr,b as Mr,c as Or,d as Cr,e as Dr,f as Rr,g as fr,h as yr,i as kr}from"./menu.stories-data-DeDnsKpk.js";import{M as W}from"./types-BmbYqTX_.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-CEuq6vkz.js";import"./extends-CF3RwP-h.js";import"./tiny-invariant-DqLgxztJ.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./index-Bk2sglWO.js";import"./lodash-BHd_uQHh.js";import"./disabled-context-rmpd7YJS.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./icon-BP4BO6-k.js";import"./types-UmZ4Y_CR.js";import"./badge-CLQ59MDF.js";import"./spinner-AWUe4xwQ.js";const Zr={title:"Basic/Menu",component:L,args:{menu:s}},e=a=>r.jsx(L,{...a}),N=e.bind({}),n=e.bind({});n.args={menu:{...s,colored:!0}};const o=e.bind({});o.args={menu:{...s,label:"Delete",colored:"danger"}};const t=e.bind({});t.args={menu:{...s,trigger:F.TEXT}};const i=e.bind({});i.args={menu:{...s,trigger:F.COMPONENT,component:r.jsx(_,{small:!0,colored:!0,round:!0,icon:hr.SETTINGS})}};const c=e.bind({});c.args={menu:Tr};const p=e.bind({});p.args={menu:Mr};const d=e.bind({});d.args={menu:Or};const l=e.bind({});l.args={menu:Cr};const m=e.bind({});m.args={disabled:!0};const u=e.bind({});u.args={tooltip:"Tooltip goes here"};const g=e.bind({});g.args={error:"Error goes here"};const b=e.bind({});b.args={warning:"Warning goes here"};const x=e.bind({});x.args={loading:!0,disabled:!0};const S=e.bind({});S.args={badgeTitle:"3"};const h=e.bind({});h.args={badgeDot:!0};const j=e.bind({});j.args={menu:Dr};const T=e.bind({});T.args={menu:Rr};const M=e.bind({});M.args={closeOnOptionClick:!1};const O=e.bind({});O.args={contextMenu:!0,menu:{...s,trigger:F.TEXT,label:"Right-click me"}};const C=e.bind({});C.args={width:"100%"};const D=e.bind({});D.args={menu:{...s,small:!0}};const R=e.bind({});R.args={menu:fr};const f=e.bind({});f.args={menu:{...s,sections:r.jsx("div",{children:"Testing"})}};const y=e.bind({});y.args={menu:yr};const k=e.bind({});k.args={menu:kr};const I=()=>{const[a,P]=br.useState(!1);return r.jsxs(jr,{gap:!0,children:[r.jsx(L,{menu:s,open:a,setOpen:P}),r.jsx(_,{label:"Open",onClick:()=>P(!0),disabled:a}),r.jsx(_,{label:"Close",onClick:()=>P(!1),disabled:!a})]})},E=()=>r.jsxs(xr,{children:[r.jsx(L,{menu:{label:"Go to",trigger:F.DROP_DOWN_BUTTON,sections:[{type:W.OPTION,label:"Dashboard",url:"/dashboard",component:A},{type:W.OPTION,label:"Settings",url:"/settings",component:A}]}}),r.jsxs(Sr,{children:[r.jsx(B,{path:"/dashboard",children:"Dashboard"}),r.jsx(B,{path:"/settings",children:"Settings"})]})]});I.__docgenInfo={description:"",methods:[],displayName:"ControlOpenStateFromParent"};E.__docgenInfo={description:"",methods:[],displayName:"AsRouterLink"};var w,X,J;N.parameters={...N.parameters,docs:{...(w=N.parameters)==null?void 0:w.docs,source:{originalSource:`args => <Menu
|
|
2
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
3
|
-
{...args} />`,...(J=(X=N.parameters)==null?void 0:X.docs)==null?void 0:J.source}}};var U,H,v;n.parameters={...n.parameters,docs:{...(U=n.parameters)==null?void 0:U.docs,source:{originalSource:`args => <Menu
|
|
4
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
5
|
-
{...args} />`,...(v=(H=n.parameters)==null?void 0:H.docs)==null?void 0:v.source}}};var G,q,z;o.parameters={...o.parameters,docs:{...(G=o.parameters)==null?void 0:G.docs,source:{originalSource:`args => <Menu
|
|
6
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
7
|
-
{...args} />`,...(z=(q=o.parameters)==null?void 0:q.docs)==null?void 0:z.source}}};var K,Q,V;t.parameters={...t.parameters,docs:{...(K=t.parameters)==null?void 0:K.docs,source:{originalSource:`args => <Menu
|
|
8
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
9
|
-
{...args} />`,...(V=(Q=t.parameters)==null?void 0:Q.docs)==null?void 0:V.source}}};var Y,Z,$;i.parameters={...i.parameters,docs:{...(Y=i.parameters)==null?void 0:Y.docs,source:{originalSource:`args => <Menu
|
|
10
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
11
|
-
{...args} />`,...($=(Z=i.parameters)==null?void 0:Z.docs)==null?void 0:$.source}}};var ee,re,se;c.parameters={...c.parameters,docs:{...(ee=c.parameters)==null?void 0:ee.docs,source:{originalSource:`args => <Menu
|
|
12
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
13
|
-
{...args} />`,...(se=(re=c.parameters)==null?void 0:re.docs)==null?void 0:se.source}}};var ae,ne,oe;p.parameters={...p.parameters,docs:{...(ae=p.parameters)==null?void 0:ae.docs,source:{originalSource:`args => <Menu
|
|
14
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
15
|
-
{...args} />`,...(oe=(ne=p.parameters)==null?void 0:ne.docs)==null?void 0:oe.source}}};var te,ie,ce;d.parameters={...d.parameters,docs:{...(te=d.parameters)==null?void 0:te.docs,source:{originalSource:`args => <Menu
|
|
16
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
17
|
-
{...args} />`,...(ce=(ie=d.parameters)==null?void 0:ie.docs)==null?void 0:ce.source}}};var pe,de,le;l.parameters={...l.parameters,docs:{...(pe=l.parameters)==null?void 0:pe.docs,source:{originalSource:`args => <Menu
|
|
18
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
19
|
-
{...args} />`,...(le=(de=l.parameters)==null?void 0:de.docs)==null?void 0:le.source}}};var me,ue,ge;m.parameters={...m.parameters,docs:{...(me=m.parameters)==null?void 0:me.docs,source:{originalSource:`args => <Menu
|
|
20
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
21
|
-
{...args} />`,...(ge=(ue=m.parameters)==null?void 0:ue.docs)==null?void 0:ge.source}}};var be,xe,Se;u.parameters={...u.parameters,docs:{...(be=u.parameters)==null?void 0:be.docs,source:{originalSource:`args => <Menu
|
|
22
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
23
|
-
{...args} />`,...(Se=(xe=u.parameters)==null?void 0:xe.docs)==null?void 0:Se.source}}};var he,je,Te;g.parameters={...g.parameters,docs:{...(he=g.parameters)==null?void 0:he.docs,source:{originalSource:`args => <Menu
|
|
24
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
25
|
-
{...args} />`,...(Te=(je=g.parameters)==null?void 0:je.docs)==null?void 0:Te.source}}};var Me,Oe,Ce;b.parameters={...b.parameters,docs:{...(Me=b.parameters)==null?void 0:Me.docs,source:{originalSource:`args => <Menu
|
|
26
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
27
|
-
{...args} />`,...(Ce=(Oe=b.parameters)==null?void 0:Oe.docs)==null?void 0:Ce.source}}};var De,Re,fe;x.parameters={...x.parameters,docs:{...(De=x.parameters)==null?void 0:De.docs,source:{originalSource:`args => <Menu
|
|
28
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
29
|
-
{...args} />`,...(fe=(Re=x.parameters)==null?void 0:Re.docs)==null?void 0:fe.source}}};var ye,ke,Ie;S.parameters={...S.parameters,docs:{...(ye=S.parameters)==null?void 0:ye.docs,source:{originalSource:`args => <Menu
|
|
30
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
31
|
-
{...args} />`,...(Ie=(ke=S.parameters)==null?void 0:ke.docs)==null?void 0:Ie.source}}};var Ee,Ne,Fe;h.parameters={...h.parameters,docs:{...(Ee=h.parameters)==null?void 0:Ee.docs,source:{originalSource:`args => <Menu
|
|
32
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
33
|
-
{...args} />`,...(Fe=(Ne=h.parameters)==null?void 0:Ne.docs)==null?void 0:Fe.source}}};var Le,Pe,_e;j.parameters={...j.parameters,docs:{...(Le=j.parameters)==null?void 0:Le.docs,source:{originalSource:`args => <Menu
|
|
34
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
35
|
-
{...args} />`,...(_e=(Pe=j.parameters)==null?void 0:Pe.docs)==null?void 0:_e.source}}};var Ae,Be,We;T.parameters={...T.parameters,docs:{...(Ae=T.parameters)==null?void 0:Ae.docs,source:{originalSource:`args => <Menu
|
|
36
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
37
|
-
{...args} />`,...(We=(Be=T.parameters)==null?void 0:Be.docs)==null?void 0:We.source}}};var we,Xe,Je;M.parameters={...M.parameters,docs:{...(we=M.parameters)==null?void 0:we.docs,source:{originalSource:`args => <Menu
|
|
38
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
39
|
-
{...args} />`,...(Je=(Xe=M.parameters)==null?void 0:Xe.docs)==null?void 0:Je.source}}};var Ue,He,ve;O.parameters={...O.parameters,docs:{...(Ue=O.parameters)==null?void 0:Ue.docs,source:{originalSource:`args => <Menu
|
|
40
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
41
|
-
{...args} />`,...(ve=(He=O.parameters)==null?void 0:He.docs)==null?void 0:ve.source}}};var Ge,qe,ze;C.parameters={...C.parameters,docs:{...(Ge=C.parameters)==null?void 0:Ge.docs,source:{originalSource:`args => <Menu
|
|
42
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
43
|
-
{...args} />`,...(ze=(qe=C.parameters)==null?void 0:qe.docs)==null?void 0:ze.source}}};var Ke,Qe,Ve;D.parameters={...D.parameters,docs:{...(Ke=D.parameters)==null?void 0:Ke.docs,source:{originalSource:`args => <Menu
|
|
44
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
45
|
-
{...args} />`,...(Ve=(Qe=D.parameters)==null?void 0:Qe.docs)==null?void 0:Ve.source}}};var Ye,Ze,$e;R.parameters={...R.parameters,docs:{...(Ye=R.parameters)==null?void 0:Ye.docs,source:{originalSource:`args => <Menu
|
|
46
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
47
|
-
{...args} />`,...($e=(Ze=R.parameters)==null?void 0:Ze.docs)==null?void 0:$e.source}}};var er,rr,sr;f.parameters={...f.parameters,docs:{...(er=f.parameters)==null?void 0:er.docs,source:{originalSource:`args => <Menu
|
|
48
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
49
|
-
{...args} />`,...(sr=(rr=f.parameters)==null?void 0:rr.docs)==null?void 0:sr.source}}};var ar,nr,or;y.parameters={...y.parameters,docs:{...(ar=y.parameters)==null?void 0:ar.docs,source:{originalSource:`args => <Menu
|
|
50
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
51
|
-
{...args} />`,...(or=(nr=y.parameters)==null?void 0:nr.docs)==null?void 0:or.source}}};var tr,ir,cr;k.parameters={...k.parameters,docs:{...(tr=k.parameters)==null?void 0:tr.docs,source:{originalSource:`args => <Menu
|
|
52
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
53
|
-
{...args} />`,...(cr=(ir=k.parameters)==null?void 0:ir.docs)==null?void 0:cr.source}}};var pr,dr,lr;I.parameters={...I.parameters,docs:{...(pr=I.parameters)==null?void 0:pr.docs,source:{originalSource:`() => {
|
|
54
|
-
const [open, setOpen] = useState(false);
|
|
55
|
-
return <Flex gap>
|
|
56
|
-
<Menu menu={storyData.menu} open={open} setOpen={setOpen} />
|
|
57
|
-
<Button label="Open" onClick={() => setOpen(true)} disabled={open} />
|
|
58
|
-
<Button label="Close" onClick={() => setOpen(false)} disabled={!open} />
|
|
59
|
-
</Flex>;
|
|
60
|
-
}`,...(lr=(dr=I.parameters)==null?void 0:dr.docs)==null?void 0:lr.source}}};var mr,ur,gr;E.parameters={...E.parameters,docs:{...(mr=E.parameters)==null?void 0:mr.docs,source:{originalSource:`() => {
|
|
61
|
-
return <HashRouter>
|
|
62
|
-
<Menu menu={{
|
|
63
|
-
label: 'Go to',
|
|
64
|
-
trigger: TriggerType.DROP_DOWN_BUTTON,
|
|
65
|
-
sections: [{
|
|
66
|
-
type: MenuType.OPTION,
|
|
67
|
-
label: 'Dashboard',
|
|
68
|
-
url: '/dashboard',
|
|
69
|
-
component: Link
|
|
70
|
-
}, {
|
|
71
|
-
type: MenuType.OPTION,
|
|
72
|
-
label: 'Settings',
|
|
73
|
-
url: '/settings',
|
|
74
|
-
component: Link
|
|
75
|
-
}]
|
|
76
|
-
}} />
|
|
77
|
-
<Switch>
|
|
78
|
-
<Route path="/dashboard">Dashboard</Route>
|
|
79
|
-
<Route path="/settings">Settings</Route>
|
|
80
|
-
</Switch>
|
|
81
|
-
</HashRouter>;
|
|
82
|
-
}`,...(gr=(ur=E.parameters)==null?void 0:ur.docs)==null?void 0:gr.source}}};const $r=["Default","PrimaryTrigger","DestructiveTrigger","TextTrigger","CustomTrigger","FileUpload","DescriptionOnRight","Actions","Icons","Disabled","Tooltip","Error","Warning","Loading","Badge","Dot","Empty","Submenus","WithoutCloseOnOptionClick","RightClickContextMenu","FullWidth","Small","JSXItems","JSXContent","ShowAll","Long","ControlOpenStateFromParent","AsRouterLink"];export{d as Actions,E as AsRouterLink,S as Badge,I as ControlOpenStateFromParent,i as CustomTrigger,N as Default,p as DescriptionOnRight,o as DestructiveTrigger,m as Disabled,h as Dot,j as Empty,g as Error,c as FileUpload,C as FullWidth,l as Icons,f as JSXContent,R as JSXItems,x as Loading,k as Long,n as PrimaryTrigger,O as RightClickContextMenu,y as ShowAll,D as Small,T as Submenus,t as TextTrigger,u as Tooltip,b as Warning,M as WithoutCloseOnOptionClick,$r as __namedExportsOrder,Zr as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as N}from"./index-DhsZuJvc.js";import{c}from"./index-Bk2sglWO.js";import{I as o}from"./common-types-Sih75Sav.js";import{I as a}from"./icon-BP4BO6-k.js";const T="_inputInTable_s49vk_1",b="_inputHover_s49vk_13",j="_inputFocus_s49vk_18",R="_inputError_s49vk_25",y="_inputWarning_s49vk_26",C="_inputDisabled_s49vk_61",w="_hideScrollbars_s49vk_67",O="_container_s49vk_83",D="_block_s49vk_101",G="_info_s49vk_104",W="_success_s49vk_108",A="_warning_s49vk_112",L="_error_s49vk_116",F="_content_s49vk_120",z="_heading_s49vk_124",H="_icon_s49vk_131",U="_dismiss_s49vk_139",q="_absolute_s49vk_143",V="_legendToggle_s49vk_155",M="_detailsText_s49vk_165",B="_footer_s49vk_169",n={inputInTable:T,inputHover:b,inputFocus:j,inputError:R,inputWarning:y,inputDisabled:C,hideScrollbars:w,container:O,block:D,info:G,success:W,warning:A,error:L,content:F,heading:z,icon:H,dismiss:U,absolute:q,legendToggle:V,detailsText:M,footer:B};var i=(s=>(s.INFO="Info",s.SUCCESS="Success",s.WARNING="Warning",s.ERROR="Error",s))(i||{}),l=(s=>(s.TOGGLE_DETAILS="TOGGLE_DETAILS",s))(l||{});const p=({type:s,onClose:r,isInToast:t})=>e.jsx("div",{className:c(n.dismiss,t?n.absolute:"",s===i.INFO?n.info:s===i.SUCCESS?n.success:s===i.WARNING?n.warning:s===i.ERROR?n.error:null),children:e.jsx(a,{icon:o.CLOSE,onClick:r})});p.__docgenInfo={description:"",methods:[],displayName:"Dismiss",props:{type:{required:!0,tsType:{name:"union",raw:"TMessageType | string",elements:[{name:"union",raw:"'Info' | 'Success' | 'Warning' | 'Error'",elements:[{name:"literal",value:"'Info'"},{name:"literal",value:"'Success'"},{name:"literal",value:"'Warning'"},{name:"literal",value:"'Error'"}]},{name:"string"}]},description:""},onClose:{required:!1,tsType:{name:"signature",type:"function",raw:"(...args: any[]) => any",signature:{arguments:[{type:{name:"Array",elements:[{name:"any"}],raw:"any[]"},name:"args",rest:!0}],return:{name:"any"}}},description:""},isInToast:{required:!1,tsType:{name:"boolean"},description:""}}};const J=(s,r)=>{switch(r.type){case l.TOGGLE_DETAILS:return{...s,detailsVisible:!s.detailsVisible};default:return s}},K=({details:s,visible:r,dispatch:t})=>e.jsxs("div",{children:[e.jsx("div",{className:c(n.legendToggle),onClick:t,children:r?"Hide details":"Show details"}),r?e.jsx("div",{className:n.detailsText,children:s}):null]}),P=({type:s})=>{switch(s){case i.SUCCESS:return e.jsx(a,{icon:o.SUCCESS,size:16});case i.WARNING:return e.jsx(a,{icon:o.WARNING,size:16});case i.ERROR:return e.jsx(a,{icon:o.ERROR,size:16});default:return e.jsx(a,{icon:o.INFO,size:16})}},Q=({message:s})=>{const{visible:r,type:t=i.INFO,icon:g,heading:d,content:v,details:u,detailsVisible:h=!1,footer:_,withDismiss:x,onClose:I,width:m,maxHeight:S}=s,k={detailsVisible:h},[E,f]=N.useReducer(J,k);return e.jsx(e.Fragment,{children:r?e.jsxs("div",{className:c(n.container,m?n.block:null,t===i.SUCCESS?n.success:t===i.WARNING?n.warning:t===i.ERROR?n.error:n.info),style:{width:m,maxHeight:S},children:[e.jsx("div",{children:g?e.jsx("div",{className:n.icon,children:e.jsx(P,{type:t})}):null}),e.jsxs("div",{className:n.content,children:[d?e.jsx("div",{className:n.heading,children:d}):null,e.jsx("div",{children:v}),u?e.jsx(K,{details:u,visible:E.detailsVisible,dispatch:()=>f({type:l.TOGGLE_DETAILS})}):null,!!_&&e.jsx("div",{className:n.footer,children:_})]}),x?e.jsx(p,{type:t,onClose:I}):null]}):null})};Q.__docgenInfo={description:"",methods:[],displayName:"Message",props:{message:{required:!0,tsType:{name:"IMessage"},description:""}}};export{p as D,Q as M,i as a};
|
|
@@ -1,200 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as h}from"./index-DhsZuJvc.js";import{T as X}from"./common-types-Sih75Sav.js";import{M,D as C}from"./dialog-lhPZkAI2.js";import{B as o}from"./button-C1sV-0mR.js";import{P as Z}from"./popover-DgUpTRMk.js";import{I as Q}from"./input-BW9trNAW.js";import{I as $}from"./input-group-BaRSJAEN.js";import{F as j}from"./field-C5_fLDpy.js";import{M as ee}from"./actions-CZK3mphC.js";import{S as oe}from"./select-tIEV7vnw.js";import{S as le}from"./spacer-BWoNR27H.js";import{T as ne}from"./tooltip-1V7clEnw.js";import{M as k}from"./types-BmbYqTX_.js";import"./index-Bk2sglWO.js";import"./portal-GQ0_cLB6.js";import"./index-CUZDtIZe.js";import"./lodash-BHd_uQHh.js";import"./heading-NkLgQYoP.js";import"./help-icon-41R-Z9N1.js";import"./icon-BP4BO6-k.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./spinner-AWUe4xwQ.js";import"./types-UmZ4Y_CR.js";import"./label-hiSz3I8H.js";import"./badge-CLQ59MDF.js";import"./extends-CF3RwP-h.js";import"./assertThisInitialized-B9jnkVVz.js";import"./memoize-one.esm-CcMeOnPo.js";import"./text-B3-TSWok.js";import"./select.input-DIKP56UZ.js";const{useArgs:se}=__STORYBOOK_MODULE_PREVIEW_API__,He={title:"Modals/Modal",component:M,args:{visible:!0,centered:!0,width:"300px",heading:"Are you sure?",content:e.jsx(e.Fragment,{children:"This will complete the transaction"}),footer:e.jsxs(e.Fragment,{children:[e.jsx(o,{label:"Okay",colored:!0,onClick:()=>{}}),e.jsx(o,{label:"Cancel",onClick:()=>{}})]}),onClose:()=>{}},parameters:{docs:{story:{inline:!1,iframeHeight:400}}}},a=()=>{const[{visible:n,centered:r,...s},l]=se(),t=()=>{l({visible:!n})};return e.jsxs(e.Fragment,{children:[e.jsx(M,{visible:n,centered:r,children:e.jsx(C,{dialog:{...s,onClose:t}})}),e.jsx(o,{label:"Open Modal",onClick:t})]})},v=a.bind({}),i=a.bind({});i.args={centered:!0};const d=a.bind({});d.args={content:["This is a","new line!"]};const c=a.bind({});c.args={scroll:!0,content:e.jsx("div",{children:"Example modal content goes here lorem ipsum. ".repeat(100)})};const g=a.bind({});g.args={width:"100%",content:e.jsx("div",{children:"Example modal content goes here lorem ipsum. ".repeat(100)})};const p=a.bind({});p.args={contentPadding:0};const m=a.bind({});m.args={content:e.jsxs(e.Fragment,{children:[e.jsx(ne,{text:"Tooltip text",children:"Hover for tooltip"}),e.jsx(le,{}),e.jsx(j,{label:"Custom Select",helpText:"Select an animal",children:e.jsx(oe,{name:"example",options:["Aardvarks","Kangaroos","Monkeys","Possums","Gorilla","Puma","Patagonian Mara","Tarsier","Koala","Panda","Red Panda","Impala","Tiger","Crocodile","Bat"],onChange:()=>{},value:"Monkeys",error:"Bad value"})}),e.jsx(j,{label:"Nested Menu",children:e.jsx(ee,{maxHeight:"240px",menu:{label:"Menu",trigger:X.DROP_DOWN_BUTTON,sections:[{type:k.MENU,menu:{trigger:"Text",label:"Children",sections:[...Array(100).keys()].map(()=>({type:"Option",label:Math.random().toString(36).substring(7),onClick:()=>{}}))}},...[...Array(100).keys()].map(()=>({type:k.OPTION,label:Math.random().toString(36).substring(7),onClick:()=>{}}))]}})}),e.jsx(Z,{content:e.jsxs($,{small:!0,children:[e.jsx(Q,{value:"Value",width:"150px",error:"Bad value"}),e.jsx(o,{colored:!0,label:"Save",onClick:()=>{}}),e.jsx(o,{label:"Cancel",onClick:()=>{}})]}),children:e.jsx(o,{colored:!0,label:"Toggle me",onClick:()=>{}})})]})};const u=()=>{const[n,r]=h.useState(!1),s=()=>{r(!0)},l=()=>{r(!1)},t=()=>{console.log("Submit action"),l()};return e.jsxs(e.Fragment,{children:[e.jsx(M,{visible:n,onEnter:()=>{console.log("Enter"),t()},onEscape:()=>{console.log("Escape"),l()},children:e.jsx(C,{dialog:{heading:"Test key handling",content:e.jsx(Q,{}),footer:e.jsxs(e.Fragment,{children:[e.jsx(o,{label:"Done",colored:"red",onClick:t}),e.jsx(o,{label:"Cancel",onClick:l})]}),onClose:l}})}),e.jsx(o,{label:"Open Modal",onClick:s})]})},b=()=>{const[n,r]=h.useState(!1),s=()=>r(!n),[l,t]=h.useState(!1),x=()=>t(!l);return e.jsxs(e.Fragment,{children:[e.jsx(M,{visible:n,children:e.jsx(C,{dialog:{heading:"Modal 1",content:"Lorem ipsum dolor sit amet",footer:e.jsxs(e.Fragment,{children:[e.jsx(o,{label:"Open modal 2",colored:!0,onClick:x}),e.jsx(M,{visible:l,children:e.jsx(C,{dialog:{heading:"Modal 2",content:"Lorem ipsum dolor sit amet",footer:e.jsx(o,{label:"Close",onClick:x}),onClose:x}})}),e.jsx(o,{label:"Close",onClick:s})]}),onClose:s}})}),e.jsx(o,{label:"Open modal 1",onClick:s})]})};u.__docgenInfo={description:"",methods:[],displayName:"KeyHandle"};b.__docgenInfo={description:"",methods:[],displayName:"MultipleModals"};var f,S,P;v.parameters={...v.parameters,docs:{...(f=v.parameters)==null?void 0:f.docs,source:{originalSource:`() => {
|
|
2
|
-
const [{
|
|
3
|
-
visible,
|
|
4
|
-
centered,
|
|
5
|
-
...dialogProps
|
|
6
|
-
}, updateArgs] = useArgs();
|
|
7
|
-
const toggleModal = () => {
|
|
8
|
-
updateArgs({
|
|
9
|
-
visible: !visible
|
|
10
|
-
});
|
|
11
|
-
};
|
|
12
|
-
return <>
|
|
13
|
-
<Modal visible={visible} centered={centered}>
|
|
14
|
-
<Dialog dialog={{
|
|
15
|
-
...dialogProps,
|
|
16
|
-
onClose: toggleModal
|
|
17
|
-
}} />
|
|
18
|
-
</Modal>
|
|
19
|
-
<Button label="Open Modal" onClick={toggleModal} />
|
|
20
|
-
</>;
|
|
21
|
-
}`,...(P=(S=v.parameters)==null?void 0:S.docs)==null?void 0:P.source}}};var A,O,y;i.parameters={...i.parameters,docs:{...(A=i.parameters)==null?void 0:A.docs,source:{originalSource:`() => {
|
|
22
|
-
const [{
|
|
23
|
-
visible,
|
|
24
|
-
centered,
|
|
25
|
-
...dialogProps
|
|
26
|
-
}, updateArgs] = useArgs();
|
|
27
|
-
const toggleModal = () => {
|
|
28
|
-
updateArgs({
|
|
29
|
-
visible: !visible
|
|
30
|
-
});
|
|
31
|
-
};
|
|
32
|
-
return <>
|
|
33
|
-
<Modal visible={visible} centered={centered}>
|
|
34
|
-
<Dialog dialog={{
|
|
35
|
-
...dialogProps,
|
|
36
|
-
onClose: toggleModal
|
|
37
|
-
}} />
|
|
38
|
-
</Modal>
|
|
39
|
-
<Button label="Open Modal" onClick={toggleModal} />
|
|
40
|
-
</>;
|
|
41
|
-
}`,...(y=(O=i.parameters)==null?void 0:O.docs)==null?void 0:y.source}}};var B,V,T;d.parameters={...d.parameters,docs:{...(B=d.parameters)==null?void 0:B.docs,source:{originalSource:`() => {
|
|
42
|
-
const [{
|
|
43
|
-
visible,
|
|
44
|
-
centered,
|
|
45
|
-
...dialogProps
|
|
46
|
-
}, updateArgs] = useArgs();
|
|
47
|
-
const toggleModal = () => {
|
|
48
|
-
updateArgs({
|
|
49
|
-
visible: !visible
|
|
50
|
-
});
|
|
51
|
-
};
|
|
52
|
-
return <>
|
|
53
|
-
<Modal visible={visible} centered={centered}>
|
|
54
|
-
<Dialog dialog={{
|
|
55
|
-
...dialogProps,
|
|
56
|
-
onClose: toggleModal
|
|
57
|
-
}} />
|
|
58
|
-
</Modal>
|
|
59
|
-
<Button label="Open Modal" onClick={toggleModal} />
|
|
60
|
-
</>;
|
|
61
|
-
}`,...(T=(V=d.parameters)==null?void 0:V.docs)==null?void 0:T.source}}};var D,E,_;c.parameters={...c.parameters,docs:{...(D=c.parameters)==null?void 0:D.docs,source:{originalSource:`() => {
|
|
62
|
-
const [{
|
|
63
|
-
visible,
|
|
64
|
-
centered,
|
|
65
|
-
...dialogProps
|
|
66
|
-
}, updateArgs] = useArgs();
|
|
67
|
-
const toggleModal = () => {
|
|
68
|
-
updateArgs({
|
|
69
|
-
visible: !visible
|
|
70
|
-
});
|
|
71
|
-
};
|
|
72
|
-
return <>
|
|
73
|
-
<Modal visible={visible} centered={centered}>
|
|
74
|
-
<Dialog dialog={{
|
|
75
|
-
...dialogProps,
|
|
76
|
-
onClose: toggleModal
|
|
77
|
-
}} />
|
|
78
|
-
</Modal>
|
|
79
|
-
<Button label="Open Modal" onClick={toggleModal} />
|
|
80
|
-
</>;
|
|
81
|
-
}`,...(_=(E=c.parameters)==null?void 0:E.docs)==null?void 0:_.source}}};var F,I,L;g.parameters={...g.parameters,docs:{...(F=g.parameters)==null?void 0:F.docs,source:{originalSource:`() => {
|
|
82
|
-
const [{
|
|
83
|
-
visible,
|
|
84
|
-
centered,
|
|
85
|
-
...dialogProps
|
|
86
|
-
}, updateArgs] = useArgs();
|
|
87
|
-
const toggleModal = () => {
|
|
88
|
-
updateArgs({
|
|
89
|
-
visible: !visible
|
|
90
|
-
});
|
|
91
|
-
};
|
|
92
|
-
return <>
|
|
93
|
-
<Modal visible={visible} centered={centered}>
|
|
94
|
-
<Dialog dialog={{
|
|
95
|
-
...dialogProps,
|
|
96
|
-
onClose: toggleModal
|
|
97
|
-
}} />
|
|
98
|
-
</Modal>
|
|
99
|
-
<Button label="Open Modal" onClick={toggleModal} />
|
|
100
|
-
</>;
|
|
101
|
-
}`,...(L=(I=g.parameters)==null?void 0:I.docs)==null?void 0:L.source}}};var N,H,K;p.parameters={...p.parameters,docs:{...(N=p.parameters)==null?void 0:N.docs,source:{originalSource:`() => {
|
|
102
|
-
const [{
|
|
103
|
-
visible,
|
|
104
|
-
centered,
|
|
105
|
-
...dialogProps
|
|
106
|
-
}, updateArgs] = useArgs();
|
|
107
|
-
const toggleModal = () => {
|
|
108
|
-
updateArgs({
|
|
109
|
-
visible: !visible
|
|
110
|
-
});
|
|
111
|
-
};
|
|
112
|
-
return <>
|
|
113
|
-
<Modal visible={visible} centered={centered}>
|
|
114
|
-
<Dialog dialog={{
|
|
115
|
-
...dialogProps,
|
|
116
|
-
onClose: toggleModal
|
|
117
|
-
}} />
|
|
118
|
-
</Modal>
|
|
119
|
-
<Button label="Open Modal" onClick={toggleModal} />
|
|
120
|
-
</>;
|
|
121
|
-
}`,...(K=(H=p.parameters)==null?void 0:H.docs)==null?void 0:K.source}}};var W,w,R;m.parameters={...m.parameters,docs:{...(W=m.parameters)==null?void 0:W.docs,source:{originalSource:`() => {
|
|
122
|
-
const [{
|
|
123
|
-
visible,
|
|
124
|
-
centered,
|
|
125
|
-
...dialogProps
|
|
126
|
-
}, updateArgs] = useArgs();
|
|
127
|
-
const toggleModal = () => {
|
|
128
|
-
updateArgs({
|
|
129
|
-
visible: !visible
|
|
130
|
-
});
|
|
131
|
-
};
|
|
132
|
-
return <>
|
|
133
|
-
<Modal visible={visible} centered={centered}>
|
|
134
|
-
<Dialog dialog={{
|
|
135
|
-
...dialogProps,
|
|
136
|
-
onClose: toggleModal
|
|
137
|
-
}} />
|
|
138
|
-
</Modal>
|
|
139
|
-
<Button label="Open Modal" onClick={toggleModal} />
|
|
140
|
-
</>;
|
|
141
|
-
}`,...(R=(w=m.parameters)==null?void 0:w.docs)==null?void 0:R.source}}};var U,G,Y;u.parameters={...u.parameters,docs:{...(U=u.parameters)==null?void 0:U.docs,source:{originalSource:`() => {
|
|
142
|
-
const [visible, setVisible] = useState(false);
|
|
143
|
-
const openModal = () => {
|
|
144
|
-
setVisible(true);
|
|
145
|
-
};
|
|
146
|
-
const closeModal = () => {
|
|
147
|
-
setVisible(false);
|
|
148
|
-
};
|
|
149
|
-
const handleSubmit = () => {
|
|
150
|
-
console.log('Submit action');
|
|
151
|
-
closeModal();
|
|
152
|
-
};
|
|
153
|
-
return <>
|
|
154
|
-
<Modal visible={visible} onEnter={() => {
|
|
155
|
-
console.log('Enter');
|
|
156
|
-
handleSubmit();
|
|
157
|
-
}} onEscape={() => {
|
|
158
|
-
console.log('Escape');
|
|
159
|
-
closeModal();
|
|
160
|
-
}}>
|
|
161
|
-
<Dialog dialog={{
|
|
162
|
-
heading: 'Test key handling',
|
|
163
|
-
content: <Input />,
|
|
164
|
-
footer: <>
|
|
165
|
-
<Button label="Done" colored="red" onClick={handleSubmit} />
|
|
166
|
-
<Button label="Cancel" onClick={closeModal} />
|
|
167
|
-
</>,
|
|
168
|
-
onClose: closeModal
|
|
169
|
-
}} />
|
|
170
|
-
</Modal>
|
|
171
|
-
<Button label="Open Modal" onClick={openModal} />
|
|
172
|
-
</>;
|
|
173
|
-
}`,...(Y=(G=u.parameters)==null?void 0:G.docs)==null?void 0:Y.source}}};var q,z,J;b.parameters={...b.parameters,docs:{...(q=b.parameters)==null?void 0:q.docs,source:{originalSource:`() => {
|
|
174
|
-
const [visible1, setVisible1] = useState(false);
|
|
175
|
-
const toggleVisible1 = () => setVisible1(!visible1);
|
|
176
|
-
const [visible2, setVisible2] = useState(false);
|
|
177
|
-
const toggleVisible2 = () => setVisible2(!visible2);
|
|
178
|
-
return <>
|
|
179
|
-
<Modal visible={visible1}>
|
|
180
|
-
<Dialog dialog={{
|
|
181
|
-
heading: 'Modal 1',
|
|
182
|
-
content: 'Lorem ipsum dolor sit amet',
|
|
183
|
-
footer: <>
|
|
184
|
-
<Button label="Open modal 2" colored onClick={toggleVisible2} />
|
|
185
|
-
<Modal visible={visible2}>
|
|
186
|
-
<Dialog dialog={{
|
|
187
|
-
heading: 'Modal 2',
|
|
188
|
-
content: 'Lorem ipsum dolor sit amet',
|
|
189
|
-
footer: <Button label="Close" onClick={toggleVisible2} />,
|
|
190
|
-
onClose: toggleVisible2
|
|
191
|
-
}} />
|
|
192
|
-
</Modal>
|
|
193
|
-
<Button label="Close" onClick={toggleVisible1} />
|
|
194
|
-
</>,
|
|
195
|
-
onClose: toggleVisible1
|
|
196
|
-
}} />
|
|
197
|
-
</Modal>
|
|
198
|
-
<Button label="Open modal 1" onClick={toggleVisible1} />
|
|
199
|
-
</>;
|
|
200
|
-
}`,...(J=(z=b.parameters)==null?void 0:z.docs)==null?void 0:J.source}}};const Ke=["Default","Centered","LineBreak","Scroll","FullWidth","NoContentPadding","WithPopoverLayers","KeyHandle","MultipleModals"];export{i as Centered,v as Default,g as FullWidth,u as KeyHandle,d as LineBreak,b as MultipleModals,p as NoContentPadding,c as Scroll,m as WithPopoverLayers,Ke as __namedExportsOrder,He as default};
|