@oliasoft-open-source/react-ui-library 4.7.5 → 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 +20 -7
- package/dist/index.js.map +1 -1
- package/dist/storybook/assets/Color-KGDBMAHA-C0EpwEFf.js +1 -0
- package/dist/storybook/assets/DocsRenderer-PKQXORMH-CWe5JIRI.js +1 -0
- package/dist/storybook/assets/{accordion-BiuI_LCA.js → accordion-6ouB0WTt.js} +1 -1
- package/dist/storybook/assets/{accordion.stories-BWUwZ5cN.js → accordion.stories-YuQaNHcr.js} +2 -2
- package/dist/storybook/assets/{actions-CHgr8eL8.js → actions-CZK3mphC.js} +1 -1
- package/dist/storybook/assets/{actions.stories-CCDxFKFk.js → actions.stories-FOK1cLb3.js} +1 -1
- package/dist/storybook/assets/{afe.stories-CC785MgO.js → afe.stories-CT81gs6M.js} +2 -2
- package/dist/storybook/assets/{badge.stories-D5DA-vxC.js → badge.stories-D30jHm96.js} +1 -1
- package/dist/storybook/assets/{blowout.stories-ES-Fuaqn.js → blowout.stories-CJrNKpKP.js} +1 -1
- package/dist/storybook/assets/{button-VxhoNhrV.js → button-C1sV-0mR.js} +1 -1
- package/dist/storybook/assets/{button-group-CwJdFo2z.js → button-group-Ai4DXqNr.js} +1 -1
- package/dist/storybook/assets/{button-group.stories-DU5k5qCY.js → button-group.stories-incmyYJ-.js} +1 -1
- package/dist/storybook/assets/{button.stories-DVtec2Eo.js → button.stories-Bcy7mnLs.js} +2 -2
- package/dist/storybook/assets/{buttons-and-links-CfkgVoVA.js → buttons-and-links-CtOaPZlv.js} +2 -2
- package/dist/storybook/assets/{card.stories-CsTB0DuM.js → card.stories-Bn6LpucB.js} +1 -1
- package/dist/storybook/assets/{casing-loads.stories-BoG7UuIu.js → casing-loads.stories-DQy8gjj6.js} +2 -2
- package/dist/storybook/assets/{cell.stories-CfiPC1eE.js → cell.stories-ChfAWqCt.js} +2 -2
- package/dist/storybook/assets/{check-box-BtCGePRy.js → check-box-CaSrhzev.js} +1 -1
- package/dist/storybook/assets/check-box.stories-BAH78tMZ.js +126 -0
- package/dist/storybook/assets/{chunk-HLWAVYOI-CuMm7Qpv.js → chunk-HLWAVYOI-CkQdzq8g.js} +1 -1
- package/dist/storybook/assets/color-eaylxLAo.js +25 -0
- package/dist/storybook/assets/{column.stories-BxfR9Tla.js → column.stories-JMvj3_fr.js} +1 -1
- package/dist/storybook/assets/dialog-vClt2ahZ.js +1 -0
- package/dist/storybook/assets/{drawer-BhuWxI7V.js → drawer-DSS8yvvp.js} +1 -1
- package/dist/storybook/assets/drawer.stories-D6FBs1_r.js +113 -0
- package/dist/storybook/assets/{empty.stories-BVYXwvpa.js → empty.stories-G8jeIfLL.js} +1 -1
- package/dist/storybook/assets/extends-CF3RwP-h.js +1 -0
- package/dist/storybook/assets/{field-HrLaMLbx.js → field-C5_fLDpy.js} +1 -1
- package/dist/storybook/assets/{field.stories-B9p9nBgY.js → field.stories-D5Mej0Bt.js} +1 -1
- package/dist/storybook/assets/{file-button.stories-FOaiNPt-.js → file-button.stories-DePr8MKB.js} +1 -1
- package/dist/storybook/assets/{file-input-BpMtsZ2S.js → file-input-BZecnRBy.js} +1 -1
- package/dist/storybook/assets/{file-input.stories--ZoISXk0.js → file-input.stories-Br89AkVv.js} +1 -1
- package/dist/storybook/assets/{flex.stories-BEXf0VqI.js → flex.stories-sSdg0ChR.js} +1 -1
- package/dist/storybook/assets/footer.stories-BM5UBN62.js +3 -0
- package/dist/storybook/assets/form.stories-CYcggA-f.js +49 -0
- package/dist/storybook/assets/formation.stories-NDB_Sbor.js +74 -0
- package/dist/storybook/assets/{heading-CRNoBc7q.js → heading-NkLgQYoP.js} +1 -1
- package/dist/storybook/assets/{heading.stories-DahFxeiX.js → heading.stories-nI_cFnAN.js} +1 -1
- package/dist/storybook/assets/{help-icon-Buhx5nl6.js → help-icon-41R-Z9N1.js} +1 -1
- package/dist/storybook/assets/{help-icon.stories-DbmZ1fgP.js → help-icon.stories-DBYh0YX7.js} +1 -1
- package/dist/storybook/assets/icon-BP4BO6-k.js +8 -0
- package/dist/storybook/assets/{icon.stories-C1hZXIMX.js → icon.stories-B-tKaIKA.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-CXmS_Aty.js +1 -0
- package/dist/storybook/assets/{index-DCGYYCUT.js → index-Cf2IDQZ4.js} +8 -8
- package/dist/storybook/assets/{index.es-DazXb-ul.js → index.es-D2piFfFj.js} +4 -4
- package/dist/storybook/assets/inheritsLoose-DR8r8Ogv.js +1 -0
- package/dist/storybook/assets/{input-group.stories-BiReS545.js → input-group.stories-BmeUtBOK.js} +2 -2
- package/dist/storybook/assets/{input-validation-Bd_JP2WL.js → input-validation-U3o9_8IY.js} +2 -2
- package/dist/storybook/assets/{inputs-BsGUQTI3.js → inputs-gP7hGRtM.js} +4 -4
- package/dist/storybook/assets/{label-CqmyC9he.js → label-hiSz3I8H.js} +1 -1
- package/dist/storybook/assets/{label.stories-C0AO5F1a.js → label.stories-Cyv5jBAO.js} +1 -1
- package/dist/storybook/assets/layout-forms-r2wYyx-8.js +16 -0
- package/dist/storybook/assets/{layout-general-jp5QULaU.js → layout-general-Bw291PmI.js} +2 -2
- package/dist/storybook/assets/{list-yVTOdmpX.js → list-DYNKqvUR.js} +1 -1
- package/dist/storybook/assets/{list.stories-ChqQXY5M.js → list.stories-BX67BegD.js} +2 -2
- package/dist/storybook/assets/{list.stories-data-Iq66w9oH.js → list.stories-data-D_ZfzaxE.js} +1 -1
- package/dist/storybook/assets/{loader.stories-DM7ZJBgz.js → loader.stories-DjrwwZ15.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-Dmk-t8hM.js → message.stories-Czui5Ym7.js} +1 -1
- package/dist/storybook/assets/{meta-content-cbHGvPJ7.js → meta-content-BE7pulye.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/{option-dropdown.stories-CoLsSS95.js → option-dropdown.stories-ByLG631x.js} +1 -1
- package/dist/storybook/assets/{padding-and-spacing-D7O49YoW.js → padding-and-spacing-DLeCWmND.js} +2 -2
- package/dist/storybook/assets/{page.stories-Cse3cMsO.js → page.stories-br9ia4zp.js} +1 -1
- package/dist/storybook/assets/{pagination-DzpYFhAO.js → pagination-BtguPxeR.js} +1 -1
- package/dist/storybook/assets/{pagination.stories-CJwR-XAD.js → pagination.stories-CgG4wp8P.js} +2 -2
- package/dist/storybook/assets/{pop-confirm.stories-Hox7vJnl.js → pop-confirm.stories-CZpYmUBz.js} +1 -1
- package/dist/storybook/assets/{popover-CzZdWNnB.js → popover-DgUpTRMk.js} +1 -1
- package/dist/storybook/assets/popover.stories-CtaFGXR_.js +10 -0
- package/dist/storybook/assets/preview-BjyexbB3.js +2 -0
- package/dist/storybook/assets/preview-DLBQXbKW.js +1 -0
- package/dist/storybook/assets/{preview-DOYx8RvS.js → preview-Dml2wSQG.js} +2 -2
- package/dist/storybook/assets/projects.stories-BSAMs8RG.js +47 -0
- package/dist/storybook/assets/{radio-button-YBwYcMaM.js → radio-button-C_cV5TWA.js} +1 -1
- package/dist/storybook/assets/radio-button.stories-BNE-U9db.js +71 -0
- package/dist/storybook/assets/react-router-dom-CMITYWBH.js +8 -0
- package/dist/storybook/assets/{reservoirs.stories-WKT7gCnp.js → reservoirs.stories-ux3hZbkX.js} +2 -2
- package/dist/storybook/assets/{rich-text-input.stories-RjuY6LDo.js → rich-text-input.stories-savcIJ5B.js} +3 -3
- package/dist/storybook/assets/{row.stories-B6IcyamO.js → row.stories-CG6Eipay.js} +2 -2
- 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/{side-bar-CKbHPgIV.js → side-bar-ChOjPNLR.js} +1 -1
- package/dist/storybook/assets/{side-bar.stories-MUj_dj1F.js → side-bar.stories-BupidZk5.js} +1 -1
- package/dist/storybook/assets/{site.stories-Ci4g5W2A.js → site.stories-C1GnbK5P.js} +2 -2
- package/dist/storybook/assets/{slider-DAramr8j.js → slider-gZmYlxxz.js} +4 -4
- package/dist/storybook/assets/{slider.stories-Cd0rLfHP.js → slider.stories-CY4GxD4Y.js} +2 -2
- package/dist/storybook/assets/{smart-upload-modal.stories-OBY4Jc5w.js → smart-upload-modal.stories-BrsVuS4a.js} +1 -1
- package/dist/storybook/assets/{spacer.stories-CHEZdgDM.js → spacer.stories-D7Q45uBk.js} +1 -1
- package/dist/storybook/assets/{table-BOVkj1wL.js → table-CaaSoHex.js} +1 -1
- package/dist/storybook/assets/{table.stories-CdFHs6Xl.js → table.stories-BiBivAvh.js} +2 -2
- package/dist/storybook/assets/{table.stories-data-CR9VpXHs.js → table.stories-data-DwfKQW7P.js} +1 -1
- package/dist/storybook/assets/text-link.stories-BsuVBOWo.js +14 -0
- package/dist/storybook/assets/{title.stories-DT3HSIHi.js → title.stories-CfdJbgvT.js} +2 -2
- package/dist/storybook/assets/toaster-DJeREs3e.js +1 -0
- package/dist/storybook/assets/toaster.stories-QjvljKdT.js +89 -0
- package/dist/storybook/assets/{toggle-CBpNgTrm.js → toggle-Bo-JPbUP.js} +1 -1
- package/dist/storybook/assets/toggle.stories-BYrikgrA.js +141 -0
- package/dist/storybook/assets/{tooltip.test-case.stories-i9YQqba1.js → tooltip.test-case.stories-C74mKGrI.js} +1 -1
- package/dist/storybook/assets/{top-bar-C_tn2Pc5.js → top-bar-DG4ok0uF.js} +1 -1
- package/dist/storybook/assets/top-bar.stories-BI4a_ekv.js +21 -0
- package/dist/storybook/assets/{top-bar.testcase.stories-DoPEAMYc.js → top-bar.testcase.stories-DzsYUZIx.js} +1 -1
- package/dist/storybook/assets/{tree.stories-6UHASEZu.js → tree.stories-RtuZpYXn.js} +1 -1
- package/dist/storybook/assets/{unit-input.stories-DyeptPz2.js → unit-input.stories-BSWm9641.js} +1 -1
- package/dist/storybook/assets/unit-table.stories-CgF-UOP3.js +150 -0
- 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 +1 -1
- package/dist/storybook/assets/Color-KGDBMAHA-DHDKE9Re.js +0 -1
- package/dist/storybook/assets/DocsRenderer-PKQXORMH-BmaBzyAH.js +0 -1
- package/dist/storybook/assets/check-box.stories-L9T_i0RT.js +0 -102
- package/dist/storybook/assets/color-DJNturFf.js +0 -25
- package/dist/storybook/assets/dialog-IAPGkLet.js +0 -1
- package/dist/storybook/assets/drawer.stories-B-PsNJJ6.js +0 -113
- package/dist/storybook/assets/footer.stories-DdUzRiYm.js +0 -3
- package/dist/storybook/assets/form.stories-CDE7hTBL.js +0 -49
- package/dist/storybook/assets/formation.stories-vU3zoZ2c.js +0 -74
- package/dist/storybook/assets/icon-BSFY3vDO.js +0 -8
- package/dist/storybook/assets/iframe-CgUc-Ukp.js +0 -2
- package/dist/storybook/assets/index-CQKekHCo.js +0 -1
- package/dist/storybook/assets/inheritsLoose-DP0QEDDI.js +0 -1
- package/dist/storybook/assets/layout-forms-BH-i91Wg.js +0 -16
- package/dist/storybook/assets/menu.stories-CSSvL08X.js +0 -82
- package/dist/storybook/assets/message-ZenLdkrf.js +0 -1
- package/dist/storybook/assets/modal.stories-BVttWvlZ.js +0 -200
- package/dist/storybook/assets/number-input.stories-CVFfJvjY.js +0 -97
- package/dist/storybook/assets/popover.stories-L5z549ww.js +0 -10
- package/dist/storybook/assets/preview-Bq2bLcjv.js +0 -2
- package/dist/storybook/assets/projects.stories-DU-QlBa6.js +0 -47
- package/dist/storybook/assets/radio-button.stories-Bg5JVXpo.js +0 -61
- package/dist/storybook/assets/react-router-dom-Ck2Y_Fzc.js +0 -8
- package/dist/storybook/assets/select-D55JvDou.js +0 -40
- package/dist/storybook/assets/select.stories-2DiOP0OZ.js +0 -914
- package/dist/storybook/assets/text-link.stories-BQAkVO-W.js +0 -14
- package/dist/storybook/assets/toaster-B8A3xIYu.js +0 -1
- package/dist/storybook/assets/toaster.stories-B61l_zxQ.js +0 -86
- package/dist/storybook/assets/toggle.stories-D4c4fr5t.js +0 -117
- package/dist/storybook/assets/top-bar.stories-B2a-RgK-.js +0 -21
- package/dist/storybook/assets/unit-table.stories-BAVqAbfG.js +0 -150
- /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
package/dist/storybook/assets/{pop-confirm.stories-Hox7vJnl.js → pop-confirm.stories-CZpYmUBz.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as t}from"./jsx-runtime-eps93zm2.js";import{P as S}from"./popover-
|
|
1
|
+
import{j as t}from"./jsx-runtime-eps93zm2.js";import{P as S}from"./popover-DgUpTRMk.js";import{B as u}from"./button-C1sV-0mR.js";import{T as I}from"./text-B3-TSWok.js";import{t as A}from"./toaster-DJeREs3e.js";import"./index-DhsZuJvc.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./spinner-AWUe4xwQ.js";import"./icon-BP4BO6-k.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-CEuq6vkz.js";import"./toaster-7wnI6hqB.js";import"./message-B7G1ESkC.js";const R="_popConfirm_1x6ye_1",$="_content_1x6ye_7",W="_buttons_1x6ye_13",y={popConfirm:R,content:$,buttons:W},O=({title:e,okText:p,onClickOk:d,disableConfirmButton:m,cancelText:f,onClickCancel:g,close:a,testId:o})=>t.jsxs("div",{className:y.popConfirm,children:[e&&t.jsx("div",{className:y.content,children:t.jsx(I,{small:!0,children:e})}),t.jsxs("div",{className:y.buttons,children:[t.jsx(u,{small:!0,colored:!0,label:p,onClick:()=>d(a),disabled:m,testId:`${o}-ok-button`}),t.jsx(u,{small:!0,label:f,onClick:()=>g(a),testId:`${o}-cancel-button`})]})]});O.__docgenInfo={description:"",methods:[],displayName:"Content",props:{title:{required:!1,tsType:{name:"string"},description:""},okText:{required:!0,tsType:{name:"string"},description:""},onClickOk:{required:!0,tsType:{name:"signature",type:"function",raw:"(close?: TEmpty) => void",signature:{arguments:[{type:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},name:"close"}],return:{name:"void"}}},description:""},disableConfirmButton:{required:!1,tsType:{name:"boolean"},description:""},cancelText:{required:!0,tsType:{name:"string"},description:""},onClickCancel:{required:!0,tsType:{name:"signature",type:"function",raw:"(close?: TEmpty) => void",signature:{arguments:[{type:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},name:"close"}],return:{name:"void"}}},description:""},close:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const v=({children:e,placement:p="top-center",closeOnOutsideClick:d=!0,fullWidth:m=!1,title:f="",cancelText:g="Cancel",onClickCancel:a=i=>i&&i(),okText:o="Ok",onClickOk:D=()=>{},disableConfirmButton:E=!1,overflowContainer:N=!1,testId:C=void 0})=>{const i=t.jsx(O,{title:f,okText:o,onClickOk:D,disableConfirmButton:E,cancelText:g,onClickCancel:a,testId:C});return t.jsx(S,{content:i,placement:p,closeOnOutsideClick:d,fullWidth:m,overflowContainer:N,testId:C,children:e})};v.__docgenInfo={description:"",methods:[],displayName:"PopConfirm",props:{children:{required:!1,tsType:{name:"ReactNode"},description:""},placement:{required:!1,tsType:{name:"Placement"},description:"",defaultValue:{value:"'top-center'",computed:!1}},closeOnOutsideClick:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},fullWidth:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},title:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},cancelText:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'Cancel'",computed:!1}},onClickCancel:{required:!1,tsType:{name:"signature",type:"function",raw:"(close?: TEmpty) => void",signature:{arguments:[{type:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},name:"close"}],return:{name:"void"}}},description:"",defaultValue:{value:"(close) => close && close()",computed:!1}},disableConfirmButton:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},okText:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'Ok'",computed:!1}},onClickOk:{required:!1,tsType:{name:"signature",type:"function",raw:"(close?: TEmpty) => void",signature:{arguments:[{type:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},name:"close"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},overflowContainer:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},testId:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"undefined",computed:!0}}}};const Y=e=>{A({message:{type:"Success",content:"success!",details:"You successfully booked your cruise to Bahamas."}}),e()},oe={title:"Basic/PopConfirm",component:v,args:{title:"Do you want a free cruise to Bahamas?",onClickCancel:e=>e(),onClickOk:Y,children:t.jsx(u,{label:"Click me!"}),overflowContainer:!0,placement:"top-center"},decorators:[e=>t.jsx("div",{style:{display:"flex",justifyContent:"center"},children:e()})],parameters:{docs:{source:{excludeDecorators:!0}}}},c=e=>t.jsx(v,{...e}),l=c.bind({}),r=c.bind({});r.args={children:t.jsx(u,{small:!0,round:!0,basic:!0,colored:"muted",icon:"delete"})};const s=c.bind({});s.args={placement:"bottom-end"};const n=c.bind({});n.args={disableConfirmButton:!0};var x,b,T;l.parameters={...l.parameters,docs:{...(x=l.parameters)==null?void 0:x.docs,source:{originalSource:`args => <PopConfirm
|
|
2
2
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
3
3
|
{...args} />`,...(T=(b=l.parameters)==null?void 0:b.docs)==null?void 0:T.source}}};var k,q,j;r.parameters={...r.parameters,docs:{...(k=r.parameters)==null?void 0:k.docs,source:{originalSource:`args => <PopConfirm
|
|
4
4
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as n,R as u}from"./index-DhsZuJvc.js";import{u as _,A as j,i as B}from"./tooltip-1V7clEnw.js";import{c}from"./index-Bk2sglWO.js";import{I as P}from"./common-types-Sih75Sav.js";import{D as V}from"./disabled-context-rmpd7YJS.js";import{B as k}from"./button-
|
|
1
|
+
import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as n,R as u}from"./index-DhsZuJvc.js";import{u as _,A as j,i as B}from"./tooltip-1V7clEnw.js";import{c}from"./index-Bk2sglWO.js";import{I as P}from"./common-types-Sih75Sav.js";import{D as V}from"./disabled-context-rmpd7YJS.js";import{B as k}from"./button-C1sV-0mR.js";const E="_toggleBox_lhie5_1",R="_fullWidthStyleFix_lhie5_8",S="_dismiss_lhie5_13",a={toggleBox:E,fullWidthStyleFix:R,dismiss:S},W=({children:f,content:i,placement:p="top-center",closeOnOutsideClick:m=!0,fullWidth:g=!1,showCloseButton:x=!1,testId:y,disabled:s=!1,overflowContainer:v=!1,isOpen:d,onToggle:h})=>{const o=n.useContext(V),[l,t]=d!==void 0?[d,h]:n.useState(!1),r=()=>{!s&&!o&&t&&t(!1)},b=()=>{s||o||t&&t(!l)};n.useEffect(()=>{(s||o)&&r()},[s,o]);const{renderLayer:T,arrowProps:C,layerProps:q,triggerProps:O}=_({isOpen:l,placement:p,auto:!0,triggerOffset:6,onOutsideClick:m?r:void 0,ResizeObserver:B,overflowContainer:v});return e.jsxs(e.Fragment,{children:[e.jsx("div",{ref:O.ref,onClick:b,"data-testid":y,children:f}),l&&T(e.jsxs("div",{className:g?c(a.toggleBox,a.fullWidthStyleFix):c(a.toggleBox),...q,children:[e.jsxs("div",{children:[u.isValidElement(i)?u.cloneElement(i,{close:r}):i,x&&e.jsx("div",{className:a.dismiss,children:e.jsx(k,{small:!0,round:!0,onClick:r,icon:P.CLOSE})})]}),e.jsx(j,{...C,backgroundColor:"var(--color-background-layer)",borderColor:"var(--color-border)",borderWidth:1,size:6})]}))]})};W.__docgenInfo={description:"",methods:[],displayName:"Popover",props:{children:{required:!1,tsType:{name:"ReactNode"},description:""},content:{required:!1,tsType:{name:"ReactNode"},description:""},placement:{required:!1,tsType:{name:"Placement"},description:"",defaultValue:{value:"'top-center'",computed:!1}},closeOnOutsideClick:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},fullWidth:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},showCloseButton:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},testId:{required:!1,tsType:{name:"string"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},overflowContainer:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},isOpen:{required:!1,tsType:{name:"boolean"},description:""},onToggle:{required:!1,tsType:{name:"signature",type:"function",raw:"(isOpen: boolean) => void",signature:{arguments:[{type:{name:"boolean"},name:"isOpen"}],return:{name:"void"}}},description:""}}};export{W as P};
|
|
@@ -0,0 +1,10 @@
|
|
|
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-DgUpTRMk.js";import{I as c}from"./input-BW9trNAW.js";import{B as i}from"./button-C1sV-0mR.js";import{F as y}from"./flex-EllkLxgO.js";import{S as D}from"./select-Z-GCZ-pY.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-UmZ4Y_CR.js";import"./lodash-BHd_uQHh.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-CZK3mphC.js";import"./badge-CLQ59MDF.js";import"./select.input-DIKP56UZ.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})]}),lr={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 nr=["Default","InputTrigger","CloseButton","Disabled","ExternalControl"];export{s as CloseButton,p as Default,t as Disabled,a as ExternalControl,o as InputTrigger,nr as __namedExportsOrder,lr as default};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./DocsRenderer-PKQXORMH-CWe5JIRI.js","./chunk-HLWAVYOI-CkQdzq8g.js","./iframe-WLuE3PcW.js","./index-DhsZuJvc.js","./react-16-DXAfArL2.js","./index-CUZDtIZe.js","./index-Cf2IDQZ4.js","./extends-CF3RwP-h.js","./assertThisInitialized-B9jnkVVz.js","./inheritsLoose-DR8r8Ogv.js","./index-D6rZ4wEC.js"])))=>i.map(i=>d[i]);
|
|
2
|
+
import{_ as a}from"./iframe-WLuE3PcW.js";import"../sb-preview/runtime.js";const{global:s}=__STORYBOOK_MODULE_GLOBAL__;var _=Object.entries(s.TAGS_OPTIONS??{}).reduce((e,r)=>{let[t,o]=r;return o.excludeFromDocsStories&&(e[t]=!0),e},{}),d={docs:{renderer:async()=>{let{DocsRenderer:e}=await a(()=>import("./DocsRenderer-PKQXORMH-CWe5JIRI.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10]),import.meta.url);return new e},stories:{filter:e=>{var r;return(e.tags||[]).filter(t=>_[t]).length===0&&!((r=e.parameters.docs)!=null&&r.disable)}}}};export{d as parameters};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{i as r}from"./index-CF7H4eMJ.js";var{step:a}=r({step:(p,t,e)=>t(e)},{intercept:!0}),i={throwPlayFunctionExceptions:!1};export{i as parameters,a as runStep};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import{j as s}from"./jsx-runtime-eps93zm2.js";import{r as P,R as C}from"./index-DhsZuJvc.js";import{T as I}from"./toaster-7wnI6hqB.js";import"./message-
|
|
1
|
+
import{j as s}from"./jsx-runtime-eps93zm2.js";import{r as P,R as C}from"./index-DhsZuJvc.js";import{T as I}from"./toaster-7wnI6hqB.js";import"./message-B7G1ESkC.js";import{a4 as d,a5 as M}from"./index-Cf2IDQZ4.js";import{e as _}from"./index-DRSy5Ssd.js";import"./chunk-HLWAVYOI-CkQdzq8g.js";import"./index-CUZDtIZe.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./icon-BP4BO6-k.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./iframe-WLuE3PcW.js";import"../sb-preview/runtime.js";import"./extends-CF3RwP-h.js";import"./assertThisInitialized-B9jnkVVz.js";import"./index-D6rZ4wEC.js";import"./react-16-DXAfArL2.js";var v="DARK_MODE";function f(r){"@babel/helpers - typeof";return f=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},f(r)}var b;function k(r,t){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);t&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(r,a).enumerable})),e.push.apply(e,n)}return e}function A(r){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};t%2?k(Object(e),!0).forEach(function(n){R(r,n,e[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):k(Object(e)).forEach(function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(e,n))})}return r}function R(r,t,e){return t=x(t),t in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}function x(r){var t=K(r,"string");return f(t)==="symbol"?t:String(t)}function K(r,t){if(f(r)!=="object"||r===null)return r;var e=r[Symbol.toPrimitive];if(e!==void 0){var n=e.call(r,t||"default");if(f(n)!=="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(r)}function p(r){return B(r)||U(r)||N(r)||L()}function L(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
|
|
2
2
|
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function N(r,t){if(r){if(typeof r=="string")return h(r,t);var e=Object.prototype.toString.call(r).slice(8,-1);if(e==="Object"&&r.constructor&&(e=r.constructor.name),e==="Map"||e==="Set")return Array.from(r);if(e==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return h(r,t)}}function U(r){if(typeof Symbol<"u"&&r[Symbol.iterator]!=null||r["@@iterator"]!=null)return Array.from(r)}function B(r){if(Array.isArray(r))return h(r)}function h(r,t){(t==null||t>r.length)&&(t=r.length);for(var e=0,n=new Array(t);e<t;e++)n[e]=r[e];return n}const{global:Y}=__STORYBOOK_MODULE_GLOBAL__;__STORYBOOK_MODULE_CORE_EVENTS__;var T=Y,$=T.document,g=T.window,j="sb-addon-themes-3";(b=g.matchMedia)===null||b===void 0||b.call(g,"(prefers-color-scheme: dark)");var O={classTarget:"body",dark:d.dark,darkClass:["dark"],light:d.light,lightClass:["light"],stylePreview:!1,userHasExplicitlySetTheTheme:!1},E=function(t){g.localStorage.setItem(j,JSON.stringify(t))},H=function(t,e){var n=e.current,a=e.darkClass,l=a===void 0?O.darkClass:a,o=e.lightClass,i=o===void 0?O.lightClass:o;if(n==="dark"){var u,c;(u=t.classList).remove.apply(u,p(y(i))),(c=t.classList).add.apply(c,p(y(l)))}else{var m,S;(m=t.classList).remove.apply(m,p(y(l))),(S=t.classList).add.apply(S,p(y(i)))}},y=function(t){var e=[];return e.concat(t).map(function(n){return n})},V=function(t){var e=$.querySelector(t.classTarget);e&&H(e,t)},D=function(){var t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},e=g.localStorage.getItem(j);if(typeof e=="string"){var n=JSON.parse(e);return t&&(t.dark&&!_(n.dark,t.dark)&&(n.dark=t.dark,E(n)),t.light&&!_(n.light,t.light)&&(n.light=t.light,E(n))),n}return A(A({},O),t)};V(D());function W(r,t){return F(r)||J(r,t)||G(r,t)||q()}function q(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
|
|
3
|
-
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function G(r,t){if(r){if(typeof r=="string")return w(r,t);var e=Object.prototype.toString.call(r).slice(8,-1);if(e==="Object"&&r.constructor&&(e=r.constructor.name),e==="Map"||e==="Set")return Array.from(r);if(e==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return w(r,t)}}function w(r,t){(t==null||t>r.length)&&(t=r.length);for(var e=0,n=new Array(t);e<t;e++)n[e]=r[e];return n}function J(r,t){var e=r==null?null:typeof Symbol<"u"&&r[Symbol.iterator]||r["@@iterator"];if(e!=null){var n,a,l,o,i=[],u=!0,c=!1;try{if(l=(e=e.call(r)).next,t!==0)for(;!(u=(n=l.call(e)).done)&&(i.push(n.value),i.length!==t);u=!0);}catch(m){c=!0,a=m}finally{try{if(!u&&e.return!=null&&(o=e.return(),Object(o)!==o))return}finally{if(c)throw a}}return i}}function F(r){if(Array.isArray(r))return r}const{addons:z,useState:Q,useEffect:X}=__STORYBOOK_MODULE_PREVIEW_API__;function Z(){var r=Q(D().current==="dark"),t=W(r,2),e=t[0],n=t[1];return X(function(){var a=z.getChannel();return a.on(v,n),function(){return a.off(v,n)}},[]),e}const
|
|
3
|
+
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function G(r,t){if(r){if(typeof r=="string")return w(r,t);var e=Object.prototype.toString.call(r).slice(8,-1);if(e==="Object"&&r.constructor&&(e=r.constructor.name),e==="Map"||e==="Set")return Array.from(r);if(e==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return w(r,t)}}function w(r,t){(t==null||t>r.length)&&(t=r.length);for(var e=0,n=new Array(t);e<t;e++)n[e]=r[e];return n}function J(r,t){var e=r==null?null:typeof Symbol<"u"&&r[Symbol.iterator]||r["@@iterator"];if(e!=null){var n,a,l,o,i=[],u=!0,c=!1;try{if(l=(e=e.call(r)).next,t!==0)for(;!(u=(n=l.call(e)).done)&&(i.push(n.value),i.length!==t);u=!0);}catch(m){c=!0,a=m}finally{try{if(!u&&e.return!=null&&(o=e.return(),Object(o)!==o))return}finally{if(c)throw a}}return i}}function F(r){if(Array.isArray(r))return r}const{addons:z,useState:Q,useEffect:X}=__STORYBOOK_MODULE_PREVIEW_API__;function Z(){var r=Q(D().current==="dark"),t=W(r,2),e=t[0],n=t[1];return X(function(){var a=z.getChannel();return a.on(v,n),function(){return a.off(v,n)}},[]),e}const Sr=[r=>s.jsxs(s.Fragment,{children:[s.jsx(r,{}),s.jsx(I,{})]}),r=>{const t=Z();return P.useEffect(()=>document.documentElement.dataset.theme=t?"dark":"default",[t]),s.jsx(r,{})}],_r={docs:{container:r=>{const[t,e]=C.useState(!1);r.context.channel.on(v,a=>e(a));const n={...r};return n.theme=t?d.dark:d.light,s.jsx(M,{...n})}},darkMode:{current:"light",stylePreview:!0}},kr=["autodocs"];export{Sr as decorators,_r as parameters,kr as tags};
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime-eps93zm2.js";import"./index-DhsZuJvc.js";import{T as n}from"./top-bar-DG4ok0uF.js";import{L as r}from"./list-DYNKqvUR.js";import{P as p}from"./page-7SSpdYhb.js";import{R as c,C as o}from"./row-4iAGREkV.js";import{T as d}from"./tabs-CAZ_dHGK.js";import{S as u}from"./spacer-BWoNR27H.js";import"./index-Bk2sglWO.js";import"./icon-BP4BO6-k.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./common-types-Sih75Sav.js";import"./button-C1sV-0mR.js";import"./spinner-AWUe4xwQ.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./actions-CZK3mphC.js";import"./lodash-BHd_uQHh.js";import"./types-BmbYqTX_.js";import"./types-UmZ4Y_CR.js";import"./badge-CLQ59MDF.js";import"./index.es-D2piFfFj.js";import"./extends-CF3RwP-h.js";import"./redux-tRgGMjwY.js";import"./objectSpread2-DW4nTBoq.js";import"./tiny-invariant-DqLgxztJ.js";import"./memoize-one.esm-CcMeOnPo.js";import"./card-EcjmryU9.js";import"./meta-content-BE7pulye.js";import"./heading-NkLgQYoP.js";import"./help-icon-41R-Z9N1.js";import"./loader-XHoVniao.js";import"./styled-components.browser.esm-Bf0q9Yjk.js";import"./select.input-DIKP56UZ.js";const t=[{label:"Browse",value:"Browse"},{label:"Recent",value:"Recent"},{label:"My Projects",value:"My Projects"}],s=[{id:1,name:"Lorem",active:!0},{id:2,name:"Ipsum"},{id:3,name:"Dolor"},{id:4,name:"Long name goes here lorem ipsum"},{id:5,name:"Lorem"},{id:6,name:"Ipsum"},{id:7,name:"Dolor"},{id:8,name:"Long name goes here lorem ipsum"},{id:9,name:"Lorem"},{id:10,name:"Ipsum"},{id:11,name:"Dolor"},{id:12,name:"Long name goes here lorem ipsum"},{id:13,name:"Lorem"},{id:14,name:"Ipsum"},{id:15,name:"Dolor"},{id:16,name:"Long name goes here lorem ipsum"}],Y={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},l=()=>e.jsxs(e.Fragment,{children:[e.jsx(n,{}),e.jsxs(p,{padding:!1,left:0,scroll:!1,children:[e.jsx(u,{}),e.jsx(d,{margin:!1,padding:!0,options:t,value:t[0]}),e.jsxs(c,{spacing:0,flex:!0,height:"100%",children:[e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Country",items:s}})}),e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Field",items:s}})}),e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Site",items:s}})}),e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Well",items:s}})}),e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Wellbore",items:s}})}),e.jsx(o,{scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Design",items:s}})})]})]})]});l.__docgenInfo={description:"",methods:[],displayName:"Projects"};var i,m,a;l.parameters={...l.parameters,docs:{...(i=l.parameters)==null?void 0:i.docs,source:{originalSource:`() => {
|
|
2
|
+
return <>
|
|
3
|
+
<TopBar />
|
|
4
|
+
<Page padding={false} left={0} scroll={false}>
|
|
5
|
+
<Spacer />
|
|
6
|
+
<Tabs margin={false} padding options={tabs} value={tabs[0]} />
|
|
7
|
+
<Row spacing={0} flex height="100%">
|
|
8
|
+
<Column borderRight scroll showScrollbar={false}>
|
|
9
|
+
<List list={{
|
|
10
|
+
name: 'Country',
|
|
11
|
+
items
|
|
12
|
+
}} />
|
|
13
|
+
</Column>
|
|
14
|
+
<Column borderRight scroll showScrollbar={false}>
|
|
15
|
+
<List list={{
|
|
16
|
+
name: 'Field',
|
|
17
|
+
items
|
|
18
|
+
}} />
|
|
19
|
+
</Column>
|
|
20
|
+
<Column borderRight scroll showScrollbar={false}>
|
|
21
|
+
<List list={{
|
|
22
|
+
name: 'Site',
|
|
23
|
+
items
|
|
24
|
+
}} />
|
|
25
|
+
</Column>
|
|
26
|
+
<Column borderRight scroll showScrollbar={false}>
|
|
27
|
+
<List list={{
|
|
28
|
+
name: 'Well',
|
|
29
|
+
items
|
|
30
|
+
}} />
|
|
31
|
+
</Column>
|
|
32
|
+
<Column borderRight scroll showScrollbar={false}>
|
|
33
|
+
<List list={{
|
|
34
|
+
name: 'Wellbore',
|
|
35
|
+
items
|
|
36
|
+
}} />
|
|
37
|
+
</Column>
|
|
38
|
+
<Column scroll showScrollbar={false}>
|
|
39
|
+
<List list={{
|
|
40
|
+
name: 'Design',
|
|
41
|
+
items
|
|
42
|
+
}} />
|
|
43
|
+
</Column>
|
|
44
|
+
</Row>
|
|
45
|
+
</Page>
|
|
46
|
+
</>;
|
|
47
|
+
}`,...(a=(m=l.parameters)==null?void 0:m.docs)==null?void 0:a.source}}};const Z=["Projects"];export{l as Projects,Z as __namedExportsOrder,Y as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as a}from"./jsx-runtime-eps93zm2.js";import{r as k}from"./index-DhsZuJvc.js";import{c as y}from"./index-Bk2sglWO.js";import{D as R}from"./disabled-context-rmpd7YJS.js";import{s as C}from"./select.input-DIKP56UZ.js";import{b as H}from"./common-types-Sih75Sav.js";import{H as V}from"./help-icon-
|
|
1
|
+
import{j as a}from"./jsx-runtime-eps93zm2.js";import{r as k}from"./index-DhsZuJvc.js";import{c as y}from"./index-Bk2sglWO.js";import{D as R}from"./disabled-context-rmpd7YJS.js";import{s as C}from"./select.input-DIKP56UZ.js";import{b as H}from"./common-types-Sih75Sav.js";import{H as V}from"./help-icon-41R-Z9N1.js";const j="_wrapper_1fbik_1",O="_inline_1fbik_1",B="_radio_1fbik_5",L="_labelMargin_1fbik_8",D="_small_1fbik_27",N="_noMargin_1fbik_32",A="_disabled_1fbik_90",S="_isInTable_1fbik_106",z="_helpIconEnabled_1fbik_111",n={wrapper:j,inline:O,radio:B,labelMargin:L,small:D,noMargin:N,disabled:A,isInTable:S,helpIconEnabled:z},T=({name:m,label:p,value:r,selected:c,disabled:t=!1,small:f=!1,onChange:b,noMargin:g=!1,testId:v,helpText:s,onClickHelp:l})=>{const o=s||l;return a.jsxs("div",{className:y(n.radio,t?n.disabled:null,f?n.small:null,g?n.noMargin:null),onClick:b,"data-testid":v,children:[a.jsx("input",{type:H.RADIO,value:r,checked:c,onChange:()=>{},disabled:t}),a.jsx("label",{"data-name":m,"data-value":r,children:p}),o&&a.jsx("div",{className:n.helpIconEnabled,onClick:l,children:a.jsx(V,{text:s})})]})};T.__docgenInfo={description:"",methods:[],displayName:"RadioInput",props:{name:{required:!0,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},label:{required:!0,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},value:{required:!0,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},selected:{required:!0,tsType:{name:"boolean"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},small:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},onChange:{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:""},noMargin:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},testId:{required:!1,tsType:{name:"string"},description:""},helpText:{required:!1,tsType:{name:"string"},description:""},onClickHelp:{required:!1,tsType:{name:"signature",type:"function",raw:"(event?: any) => void",signature:{arguments:[{type:{name:"any"},name:"event"}],return:{name:"void"}}},description:""}}};const F=({name:m,label:p,options:r,value:c,onChange:t,disabled:f=!1,small:b=!1,noMargin:g=!1,onClick:v=()=>{},inline:s=!1,mainLabel:l="",radioButtonsData:o,classForContainer:I="grouped fields"})=>{const _=k.useContext(R),u=o!==void 0,{simpleInputs:q,options:M,selectedOptions:d}=u?{simpleInputs:!1,options:o,selectedOptions:void 0}:C(r,c),E=u||d===void 0||d===null?void 0:q?d:d.value,h=u?l:p;return a.jsxs("div",{className:y(n.wrapper,s?n.inline:null,I==="inline fields"?n.inline:null),children:[l&&a.jsx("label",{className:y(s&&n.labelMargin),children:h}),M.map((e,w)=>{const x=e.checked||e.value===E||!1;return a.jsx(T,{name:e.name||e.value,label:e.label,value:e.value,selected:x,disabled:f||e.disabled||_,small:b,noMargin:g,onChange:e.disabled?void 0:i=>{u?v(i.target):(i.target.name=m,i.target.value=e.value.toString(),i.target.label=e.label.toString(),t&&t(i))},testId:e.testId,helpText:e.helpText,onClickHelp:e.onClickHelp},w)})]})};F.__docgenInfo={description:"",methods:[],displayName:"RadioButton",props:{name:{required:!1,tsType:{name:"string"},description:""},label:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""},options:{required:!0,tsType:{name:"Array",elements:[{name:"IRadioButtonOption"}],raw:"IRadioButtonOption[]"},description:""},value:{required:!0,tsType:{name:"union",raw:"TStringOrNumber | IRadioButtonOption",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"IRadioButtonOption"}]},description:""},inline:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},small:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: ChangeEvent<HTMLInputElement>) => void",signature:{arguments:[{type:{name:"ChangeEvent",elements:[{name:"HTMLInputElement"}],raw:"ChangeEvent<HTMLInputElement>"},name:"evt"}],return:{name:"void"}}},description:""},noMargin:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},mainLabel:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},onClick:{required:!1,tsType:{name:"signature",type:"function",raw:"(target: HTMLInputElement) => void",signature:{arguments:[{type:{name:"HTMLInputElement"},name:"target"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},radioButtonsData:{required:!1,tsType:{name:"Array",elements:[{name:"IRadioButtonOption"}],raw:"IRadioButtonOption[]"},description:""},classForContainer:{required:!1,tsType:{name:"union",raw:"'grouped fields' | 'inline fields'",elements:[{name:"literal",value:"'grouped fields'"},{name:"literal",value:"'inline fields'"}]},description:"",defaultValue:{value:"'grouped fields'",computed:!1}}}};export{F as R};
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import{j as A}from"./jsx-runtime-eps93zm2.js";import{r as F}from"./index-DhsZuJvc.js";import{w as K,u as q,e as m}from"./index-Be0hXiyp.js";import{R as j}from"./radio-button-C_cV5TWA.js";import"./index-CF7H4eMJ.js";import"./index-Bk2sglWO.js";import"./disabled-context-rmpd7YJS.js";import"./select.input-DIKP56UZ.js";import"./types-BmbYqTX_.js";import"./common-types-Sih75Sav.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 s=[{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas",disabled:!0}],re={title:"Forms/RadioButton",component:j,args:{options:s,inline:!1,noMargin:!1,disabled:!1,small:!1}},a=t=>{const[e,u]=F.useState(s[0]),n=_=>{const $=_.target.value,g=s.find(W=>W.value===$);g&&u(g)};return A.jsx(j,{...t,value:e,onChange:n})},d=a.bind({}),o=a.bind({});o.args={small:!0};const l=a.bind({});l.args={options:s.map((t,e)=>({...t,helpText:`Help text #${e}`}))};const r=a.bind({});r.args={options:s.map((t,e)=>({...t,onClickHelp:()=>console.log(`Help #${e} clicked`)}))};const i=a.bind({});i.args={inline:!0};const c=a.bind({});c.args={options:s.map((t,e)=>({...t,helpText:`Help text #${e}`,disabled:!0}))};const p=a.bind({});p.play=async({canvasElement:t,step:e})=>{const u=K(t);await e("Clicking a radio should activate it",async()=>{const n=u.getByDisplayValue("grass");await q.click(n),await m(n).toBeChecked()}),await e("Clicking a disabled radio shouldn't activate it",async()=>{const n=u.getByDisplayValue("bananas");await n.click(),await m(n).not.toBeChecked()})};var v,h,C;d.parameters={...d.parameters,docs:{...(v=d.parameters)==null?void 0:v.docs,source:{originalSource:`args => {
|
|
2
|
+
const [value, setValue] = useState<OptionType>(options[0]);
|
|
3
|
+
const handleChange = (evt: React.ChangeEvent<HTMLInputElement>) => {
|
|
4
|
+
const selectedValue = evt.target.value;
|
|
5
|
+
const selectedOption = options.find(opt => opt.value === selectedValue);
|
|
6
|
+
if (selectedOption) {
|
|
7
|
+
setValue(selectedOption);
|
|
8
|
+
}
|
|
9
|
+
};
|
|
10
|
+
return <RadioButton {...args} value={value} onChange={handleChange} />;
|
|
11
|
+
}`,...(C=(h=d.parameters)==null?void 0:h.docs)==null?void 0:C.source}}};var O,V,f;o.parameters={...o.parameters,docs:{...(O=o.parameters)==null?void 0:O.docs,source:{originalSource:`args => {
|
|
12
|
+
const [value, setValue] = useState<OptionType>(options[0]);
|
|
13
|
+
const handleChange = (evt: React.ChangeEvent<HTMLInputElement>) => {
|
|
14
|
+
const selectedValue = evt.target.value;
|
|
15
|
+
const selectedOption = options.find(opt => opt.value === selectedValue);
|
|
16
|
+
if (selectedOption) {
|
|
17
|
+
setValue(selectedOption);
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
return <RadioButton {...args} value={value} onChange={handleChange} />;
|
|
21
|
+
}`,...(f=(V=o.parameters)==null?void 0:V.docs)==null?void 0:f.source}}};var T,b,E;l.parameters={...l.parameters,docs:{...(T=l.parameters)==null?void 0:T.docs,source:{originalSource:`args => {
|
|
22
|
+
const [value, setValue] = useState<OptionType>(options[0]);
|
|
23
|
+
const handleChange = (evt: React.ChangeEvent<HTMLInputElement>) => {
|
|
24
|
+
const selectedValue = evt.target.value;
|
|
25
|
+
const selectedOption = options.find(opt => opt.value === selectedValue);
|
|
26
|
+
if (selectedOption) {
|
|
27
|
+
setValue(selectedOption);
|
|
28
|
+
}
|
|
29
|
+
};
|
|
30
|
+
return <RadioButton {...args} value={value} onChange={handleChange} />;
|
|
31
|
+
}`,...(E=(b=l.parameters)==null?void 0:b.docs)==null?void 0:E.source}}};var R,H,S;r.parameters={...r.parameters,docs:{...(R=r.parameters)==null?void 0:R.docs,source:{originalSource:`args => {
|
|
32
|
+
const [value, setValue] = useState<OptionType>(options[0]);
|
|
33
|
+
const handleChange = (evt: React.ChangeEvent<HTMLInputElement>) => {
|
|
34
|
+
const selectedValue = evt.target.value;
|
|
35
|
+
const selectedOption = options.find(opt => opt.value === selectedValue);
|
|
36
|
+
if (selectedOption) {
|
|
37
|
+
setValue(selectedOption);
|
|
38
|
+
}
|
|
39
|
+
};
|
|
40
|
+
return <RadioButton {...args} value={value} onChange={handleChange} />;
|
|
41
|
+
}`,...(S=(H=r.parameters)==null?void 0:H.docs)==null?void 0:S.source}}};var y,x,B;i.parameters={...i.parameters,docs:{...(y=i.parameters)==null?void 0:y.docs,source:{originalSource:`args => {
|
|
42
|
+
const [value, setValue] = useState<OptionType>(options[0]);
|
|
43
|
+
const handleChange = (evt: React.ChangeEvent<HTMLInputElement>) => {
|
|
44
|
+
const selectedValue = evt.target.value;
|
|
45
|
+
const selectedOption = options.find(opt => opt.value === selectedValue);
|
|
46
|
+
if (selectedOption) {
|
|
47
|
+
setValue(selectedOption);
|
|
48
|
+
}
|
|
49
|
+
};
|
|
50
|
+
return <RadioButton {...args} value={value} onChange={handleChange} />;
|
|
51
|
+
}`,...(B=(x=i.parameters)==null?void 0:x.docs)==null?void 0:B.source}}};var k,I,M;c.parameters={...c.parameters,docs:{...(k=c.parameters)==null?void 0:k.docs,source:{originalSource:`args => {
|
|
52
|
+
const [value, setValue] = useState<OptionType>(options[0]);
|
|
53
|
+
const handleChange = (evt: React.ChangeEvent<HTMLInputElement>) => {
|
|
54
|
+
const selectedValue = evt.target.value;
|
|
55
|
+
const selectedOption = options.find(opt => opt.value === selectedValue);
|
|
56
|
+
if (selectedOption) {
|
|
57
|
+
setValue(selectedOption);
|
|
58
|
+
}
|
|
59
|
+
};
|
|
60
|
+
return <RadioButton {...args} value={value} onChange={handleChange} />;
|
|
61
|
+
}`,...(M=(I=c.parameters)==null?void 0:I.docs)==null?void 0:M.source}}};var w,L,D;p.parameters={...p.parameters,docs:{...(w=p.parameters)==null?void 0:w.docs,source:{originalSource:`args => {
|
|
62
|
+
const [value, setValue] = useState<OptionType>(options[0]);
|
|
63
|
+
const handleChange = (evt: React.ChangeEvent<HTMLInputElement>) => {
|
|
64
|
+
const selectedValue = evt.target.value;
|
|
65
|
+
const selectedOption = options.find(opt => opt.value === selectedValue);
|
|
66
|
+
if (selectedOption) {
|
|
67
|
+
setValue(selectedOption);
|
|
68
|
+
}
|
|
69
|
+
};
|
|
70
|
+
return <RadioButton {...args} value={value} onChange={handleChange} />;
|
|
71
|
+
}`,...(D=(L=p.parameters)==null?void 0:L.docs)==null?void 0:D.source}}};const ie=["Default","Small","HelpText","OnClickHelp","Inline","DisabledWithHelpText","Test"];export{d as Default,c as DisabledWithHelpText,l as HelpText,i as Inline,r as OnClickHelp,o as Small,p as Test,ie as __namedExportsOrder,re as default};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import{_ as V}from"./inheritsLoose-DR8r8Ogv.js";import{g as st,R as w}from"./index-DhsZuJvc.js";import{P as Be}from"./index-CEuq6vkz.js";import{_ as F}from"./extends-CF3RwP-h.js";import{i as Y}from"./tiny-invariant-DqLgxztJ.js";import{_ as ce}from"./objectWithoutPropertiesLoose-CAYKN5F1.js";function ie(e){return e.charAt(0)==="/"}function Pe(e,t){for(var i=t,r=i+1,n=e.length;r<n;i+=1,r+=1)e[i]=e[r];e.pop()}function ct(e,t){t===void 0&&(t="");var i=e&&e.split("/")||[],r=t&&t.split("/")||[],n=e&&ie(e),o=t&&ie(t),u=n||o;if(e&&ie(e)?r=i:i.length&&(r.pop(),r=r.concat(i)),!r.length)return"/";var c;if(r.length){var l=r[r.length-1];c=l==="."||l===".."||l===""}else c=!1;for(var a=0,s=r.length;s>=0;s--){var f=r[s];f==="."?Pe(r,s):f===".."?(Pe(r,s),a++):a&&(Pe(r,s),a--)}if(!u)for(;a--;a)r.unshift("..");u&&r[0]!==""&&(!r[0]||!ie(r[0]))&&r.unshift("");var h=r.join("/");return c&&h.substr(-1)!=="/"&&(h+="/"),h}function re(e){return e.charAt(0)==="/"?e:"/"+e}function Ne(e){return e.charAt(0)==="/"?e.substr(1):e}function ut(e,t){return e.toLowerCase().indexOf(t.toLowerCase())===0&&"/?#".indexOf(e.charAt(t.length))!==-1}function Qe(e,t){return ut(e,t)?e.substr(t.length):e}function Ye(e){return e.charAt(e.length-1)==="/"?e.slice(0,-1):e}function ft(e){var t=e||"/",i="",r="",n=t.indexOf("#");n!==-1&&(r=t.substr(n),t=t.substr(0,n));var o=t.indexOf("?");return o!==-1&&(i=t.substr(o),t=t.substr(0,o)),{pathname:t,search:i==="?"?"":i,hash:r==="#"?"":r}}function B(e){var t=e.pathname,i=e.search,r=e.hash,n=t||"/";return i&&i!=="?"&&(n+=i.charAt(0)==="?"?i:"?"+i),r&&r!=="#"&&(n+=r.charAt(0)==="#"?r:"#"+r),n}function W(e,t,i,r){var n;typeof e=="string"?(n=ft(e),n.state=t):(n=F({},e),n.pathname===void 0&&(n.pathname=""),n.search?n.search.charAt(0)!=="?"&&(n.search="?"+n.search):n.search="",n.hash?n.hash.charAt(0)!=="#"&&(n.hash="#"+n.hash):n.hash="",t!==void 0&&n.state===void 0&&(n.state=t));try{n.pathname=decodeURI(n.pathname)}catch(o){throw o instanceof URIError?new URIError('Pathname "'+n.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):o}return i&&(n.key=i),r?n.pathname?n.pathname.charAt(0)!=="/"&&(n.pathname=ct(n.pathname,r.pathname)):n.pathname=r.pathname:n.pathname||(n.pathname="/"),n}function Ae(){var e=null;function t(u){return e=u,function(){e===u&&(e=null)}}function i(u,c,l,a){if(e!=null){var s=typeof e=="function"?e(u,c):e;typeof s=="string"?typeof l=="function"?l(s,a):a(!0):a(s!==!1)}else a(!0)}var r=[];function n(u){var c=!0;function l(){c&&u.apply(void 0,arguments)}return r.push(l),function(){c=!1,r=r.filter(function(a){return a!==l})}}function o(){for(var u=arguments.length,c=new Array(u),l=0;l<u;l++)c[l]=arguments[l];r.forEach(function(a){return a.apply(void 0,c)})}return{setPrompt:t,confirmTransitionTo:i,appendListener:n,notifyListeners:o}}var Ze=!!(typeof window<"u"&&window.document&&window.document.createElement);function ke(e,t){t(window.confirm(e))}function lt(){var e=window.navigator.userAgent;return(e.indexOf("Android 2.")!==-1||e.indexOf("Android 4.0")!==-1)&&e.indexOf("Mobile Safari")!==-1&&e.indexOf("Chrome")===-1&&e.indexOf("Windows Phone")===-1?!1:window.history&&"pushState"in window.history}function ht(){return window.navigator.userAgent.indexOf("Trident")===-1}function pt(){return window.navigator.userAgent.indexOf("Firefox")===-1}function vt(e){return e.state===void 0&&navigator.userAgent.indexOf("CriOS")===-1}var je="popstate",We="hashchange";function Fe(){try{return window.history.state||{}}catch{return{}}}function dt(e){e===void 0&&(e={}),Ze||Y();var t=window.history,i=lt(),r=!ht(),n=e,o=n.forceRefresh,u=o===void 0?!1:o,c=n.getUserConfirmation,l=c===void 0?ke:c,a=n.keyLength,s=a===void 0?6:a,f=e.basename?Ye(re(e.basename)):"";function h(d){var p=d||{},x=p.key,m=p.state,C=window.location,U=C.pathname,j=C.search,G=C.hash,z=U+j+G;return f&&(z=Qe(z,f)),W(z,m,x)}function v(){return Math.random().toString(36).substr(2,s)}var g=Ae();function E(d){F(q,d),q.length=t.length,g.notifyListeners(q.location,q.action)}function S(d){vt(d)||_(h(d.state))}function A(){_(h(Fe()))}var O=!1;function _(d){if(O)O=!1,E();else{var p="POP";g.confirmTransitionTo(d,p,l,function(x){x?E({action:p,location:d}):D(d)})}}function D(d){var p=q.location,x=T.indexOf(p.key);x===-1&&(x=0);var m=T.indexOf(d.key);m===-1&&(m=0);var C=x-m;C&&(O=!0,R(C))}var H=h(Fe()),T=[H.key];function y(d){return f+B(d)}function P(d,p){var x="PUSH",m=W(d,p,v(),q.location);g.confirmTransitionTo(m,x,l,function(C){if(C){var U=y(m),j=m.key,G=m.state;if(i)if(t.pushState({key:j,state:G},null,U),u)window.location.href=U;else{var z=T.indexOf(q.location.key),Q=T.slice(0,z+1);Q.push(m.key),T=Q,E({action:x,location:m})}else window.location.href=U}})}function M(d,p){var x="REPLACE",m=W(d,p,v(),q.location);g.confirmTransitionTo(m,x,l,function(C){if(C){var U=y(m),j=m.key,G=m.state;if(i)if(t.replaceState({key:j,state:G},null,U),u)window.location.replace(U);else{var z=T.indexOf(q.location.key);z!==-1&&(T[z]=m.key),E({action:x,location:m})}else window.location.replace(U)}})}function R(d){t.go(d)}function L(){R(-1)}function J(){R(1)}var X=0;function N(d){X+=d,X===1&&d===1?(window.addEventListener(je,S),r&&window.addEventListener(We,A)):X===0&&(window.removeEventListener(je,S),r&&window.removeEventListener(We,A))}var I=!1;function Z(d){d===void 0&&(d=!1);var p=g.setPrompt(d);return I||(N(1),I=!0),function(){return I&&(I=!1,N(-1)),p()}}function we(d){var p=g.appendListener(d);return N(1),function(){N(-1),p()}}var q={length:t.length,action:"POP",location:H,createHref:y,push:P,replace:M,go:R,goBack:L,goForward:J,block:Z,listen:we};return q}var Ke="hashchange",mt={hashbang:{encodePath:function(t){return t.charAt(0)==="!"?t:"!/"+Ne(t)},decodePath:function(t){return t.charAt(0)==="!"?t.substr(1):t}},noslash:{encodePath:Ne,decodePath:re},slash:{encodePath:re,decodePath:re}};function et(e){var t=e.indexOf("#");return t===-1?e:e.slice(0,t)}function ne(){var e=window.location.href,t=e.indexOf("#");return t===-1?"":e.substring(t+1)}function gt(e){window.location.hash=e}function be(e){window.location.replace(et(window.location.href)+"#"+e)}function yt(e){e===void 0&&(e={}),Ze||Y();var t=window.history;pt();var i=e,r=i.getUserConfirmation,n=r===void 0?ke:r,o=i.hashType,u=o===void 0?"slash":o,c=e.basename?Ye(re(e.basename)):"",l=mt[u],a=l.encodePath,s=l.decodePath;function f(){var p=s(ne());return c&&(p=Qe(p,c)),W(p)}var h=Ae();function v(p){F(d,p),d.length=t.length,h.notifyListeners(d.location,d.action)}var g=!1,E=null;function S(p,x){return p.pathname===x.pathname&&p.search===x.search&&p.hash===x.hash}function A(){var p=ne(),x=a(p);if(p!==x)be(x);else{var m=f(),C=d.location;if(!g&&S(C,m)||E===B(m))return;E=null,O(m)}}function O(p){if(g)g=!1,v();else{var x="POP";h.confirmTransitionTo(p,x,n,function(m){m?v({action:x,location:p}):_(p)})}}function _(p){var x=d.location,m=y.lastIndexOf(B(x));m===-1&&(m=0);var C=y.lastIndexOf(B(p));C===-1&&(C=0);var U=m-C;U&&(g=!0,L(U))}var D=ne(),H=a(D);D!==H&&be(H);var T=f(),y=[B(T)];function P(p){var x=document.querySelector("base"),m="";return x&&x.getAttribute("href")&&(m=et(window.location.href)),m+"#"+a(c+B(p))}function M(p,x){var m="PUSH",C=W(p,void 0,void 0,d.location);h.confirmTransitionTo(C,m,n,function(U){if(U){var j=B(C),G=a(c+j),z=ne()!==G;if(z){E=j,gt(G);var Q=y.lastIndexOf(B(d.location)),De=y.slice(0,Q+1);De.push(j),y=De,v({action:m,location:C})}else v()}})}function R(p,x){var m="REPLACE",C=W(p,void 0,void 0,d.location);h.confirmTransitionTo(C,m,n,function(U){if(U){var j=B(C),G=a(c+j),z=ne()!==G;z&&(E=j,be(G));var Q=y.indexOf(B(d.location));Q!==-1&&(y[Q]=j),v({action:m,location:C})}})}function L(p){t.go(p)}function J(){L(-1)}function X(){L(1)}var N=0;function I(p){N+=p,N===1&&p===1?window.addEventListener(Ke,A):N===0&&window.removeEventListener(Ke,A)}var Z=!1;function we(p){p===void 0&&(p=!1);var x=h.setPrompt(p);return Z||(I(1),Z=!0),function(){return Z&&(Z=!1,I(-1)),x()}}function q(p){var x=h.appendListener(p);return I(1),function(){I(-1),x()}}var d={length:t.length,action:"POP",location:T,createHref:P,push:M,replace:R,go:L,goBack:J,goForward:X,block:we,listen:q};return d}function qe(e,t,i){return Math.min(Math.max(e,t),i)}function xt(e){e===void 0&&(e={});var t=e,i=t.getUserConfirmation,r=t.initialEntries,n=r===void 0?["/"]:r,o=t.initialIndex,u=o===void 0?0:o,c=t.keyLength,l=c===void 0?6:c,a=Ae();function s(P){F(y,P),y.length=y.entries.length,a.notifyListeners(y.location,y.action)}function f(){return Math.random().toString(36).substr(2,l)}var h=qe(u,0,n.length-1),v=n.map(function(P){return typeof P=="string"?W(P,void 0,f()):W(P,void 0,P.key||f())}),g=B;function E(P,M){var R="PUSH",L=W(P,M,f(),y.location);a.confirmTransitionTo(L,R,i,function(J){if(J){var X=y.index,N=X+1,I=y.entries.slice(0);I.length>N?I.splice(N,I.length-N,L):I.push(L),s({action:R,location:L,index:N,entries:I})}})}function S(P,M){var R="REPLACE",L=W(P,M,f(),y.location);a.confirmTransitionTo(L,R,i,function(J){J&&(y.entries[y.index]=L,s({action:R,location:L}))})}function A(P){var M=qe(y.index+P,0,y.entries.length-1),R="POP",L=y.entries[M];a.confirmTransitionTo(L,R,i,function(J){J?s({action:R,location:L,index:M}):s()})}function O(){A(-1)}function _(){A(1)}function D(P){var M=y.index+P;return M>=0&&M<y.entries.length}function H(P){return P===void 0&&(P=!1),a.setPrompt(P)}function T(P){return a.appendListener(P)}var y={length:v.length,action:"POP",location:v[h],index:h,entries:v,createHref:g,push:E,replace:S,go:A,goBack:O,goForward:_,canGo:D,block:H,listen:T};return y}var te={exports:{}},wt=Array.isArray||function(e){return Object.prototype.toString.call(e)=="[object Array]"},ae=wt;te.exports=rt;te.exports.parse=Re;te.exports.compile=bt;te.exports.tokensToFunction=tt;te.exports.tokensToRegExp=nt;var Pt=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");function Re(e,t){for(var i=[],r=0,n=0,o="",u=t&&t.delimiter||"/",c;(c=Pt.exec(e))!=null;){var l=c[0],a=c[1],s=c.index;if(o+=e.slice(n,s),n=s+l.length,a){o+=a[1];continue}var f=e[n],h=c[2],v=c[3],g=c[4],E=c[5],S=c[6],A=c[7];o&&(i.push(o),o="");var O=h!=null&&f!=null&&f!==h,_=S==="+"||S==="*",D=S==="?"||S==="*",H=c[2]||u,T=g||E;i.push({name:v||r++,prefix:h||"",delimiter:H,optional:D,repeat:_,partial:O,asterisk:!!A,pattern:T?St(T):A?".*":"[^"+oe(H)+"]+?"})}return n<e.length&&(o+=e.substr(n)),o&&i.push(o),i}function bt(e,t){return tt(Re(e,t),t)}function Ct(e){return encodeURI(e).replace(/[\/?#]/g,function(t){return"%"+t.charCodeAt(0).toString(16).toUpperCase()})}function Et(e){return encodeURI(e).replace(/[?#]/g,function(t){return"%"+t.charCodeAt(0).toString(16).toUpperCase()})}function tt(e,t){for(var i=new Array(e.length),r=0;r<e.length;r++)typeof e[r]=="object"&&(i[r]=new RegExp("^(?:"+e[r].pattern+")$",$e(t)));return function(n,o){for(var u="",c=n||{},l=o||{},a=l.pretty?Ct:encodeURIComponent,s=0;s<e.length;s++){var f=e[s];if(typeof f=="string"){u+=f;continue}var h=c[f.name],v;if(h==null)if(f.optional){f.partial&&(u+=f.prefix);continue}else throw new TypeError('Expected "'+f.name+'" to be defined');if(ae(h)){if(!f.repeat)throw new TypeError('Expected "'+f.name+'" to not repeat, but received `'+JSON.stringify(h)+"`");if(h.length===0){if(f.optional)continue;throw new TypeError('Expected "'+f.name+'" to not be empty')}for(var g=0;g<h.length;g++){if(v=a(h[g]),!i[s].test(v))throw new TypeError('Expected all "'+f.name+'" to match "'+f.pattern+'", but received `'+JSON.stringify(v)+"`");u+=(g===0?f.prefix:f.delimiter)+v}continue}if(v=f.asterisk?Et(h):a(h),!i[s].test(v))throw new TypeError('Expected "'+f.name+'" to match "'+f.pattern+'", but received "'+v+'"');u+=f.prefix+v}return u}}function oe(e){return e.replace(/([.+*?=^!:${}()[\]|\/\\])/g,"\\$1")}function St(e){return e.replace(/([=!:$\/()])/g,"\\$1")}function Le(e,t){return e.keys=t,e}function $e(e){return e&&e.sensitive?"":"i"}function Tt(e,t){var i=e.source.match(/\((?!\?)/g);if(i)for(var r=0;r<i.length;r++)t.push({name:r,prefix:null,delimiter:null,optional:!1,repeat:!1,partial:!1,asterisk:!1,pattern:null});return Le(e,t)}function At(e,t,i){for(var r=[],n=0;n<e.length;n++)r.push(rt(e[n],t,i).source);var o=new RegExp("(?:"+r.join("|")+")",$e(i));return Le(o,t)}function Rt(e,t,i){return nt(Re(e,i),t,i)}function nt(e,t,i){ae(t)||(i=t||i,t=[]),i=i||{};for(var r=i.strict,n=i.end!==!1,o="",u=0;u<e.length;u++){var c=e[u];if(typeof c=="string")o+=oe(c);else{var l=oe(c.prefix),a="(?:"+c.pattern+")";t.push(c),c.repeat&&(a+="(?:"+l+a+")*"),c.optional?c.partial?a=l+"("+a+")?":a="(?:"+l+"("+a+"))?":a=l+"("+a+")",o+=a}}var s=oe(i.delimiter||"/"),f=o.slice(-s.length)===s;return r||(o=(f?o.slice(0,-s.length):o)+"(?:"+s+"(?=$))?"),n?o+="$":o+=r&&f?"":"(?="+s+"|$)",Le(new RegExp("^"+o,$e(i)),t)}function rt(e,t,i){return ae(t)||(i=t||i,t=[]),i=i||{},e instanceof RegExp?Tt(e,t):ae(e)?At(e,t,i):Rt(e,t,i)}var Lt=te.exports;const $t=st(Lt);var b={};/** @license React v16.13.1
|
|
2
|
+
* react-is.production.min.js
|
|
3
|
+
*
|
|
4
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
5
|
+
*
|
|
6
|
+
* This source code is licensed under the MIT license found in the
|
|
7
|
+
* LICENSE file in the root directory of this source tree.
|
|
8
|
+
*/var $=typeof Symbol=="function"&&Symbol.for,Me=$?Symbol.for("react.element"):60103,Oe=$?Symbol.for("react.portal"):60106,ue=$?Symbol.for("react.fragment"):60107,fe=$?Symbol.for("react.strict_mode"):60108,le=$?Symbol.for("react.profiler"):60114,he=$?Symbol.for("react.provider"):60109,pe=$?Symbol.for("react.context"):60110,Ue=$?Symbol.for("react.async_mode"):60111,ve=$?Symbol.for("react.concurrent_mode"):60111,de=$?Symbol.for("react.forward_ref"):60112,me=$?Symbol.for("react.suspense"):60113,Mt=$?Symbol.for("react.suspense_list"):60120,ge=$?Symbol.for("react.memo"):60115,ye=$?Symbol.for("react.lazy"):60116,Ot=$?Symbol.for("react.block"):60121,Ut=$?Symbol.for("react.fundamental"):60117,Ht=$?Symbol.for("react.responder"):60118,It=$?Symbol.for("react.scope"):60119;function K(e){if(typeof e=="object"&&e!==null){var t=e.$$typeof;switch(t){case Me:switch(e=e.type,e){case Ue:case ve:case ue:case le:case fe:case me:return e;default:switch(e=e&&e.$$typeof,e){case pe:case de:case ye:case ge:case he:return e;default:return t}}case Oe:return t}}}function it(e){return K(e)===ve}b.AsyncMode=Ue;b.ConcurrentMode=ve;b.ContextConsumer=pe;b.ContextProvider=he;b.Element=Me;b.ForwardRef=de;b.Fragment=ue;b.Lazy=ye;b.Memo=ge;b.Portal=Oe;b.Profiler=le;b.StrictMode=fe;b.Suspense=me;b.isAsyncMode=function(e){return it(e)||K(e)===Ue};b.isConcurrentMode=it;b.isContextConsumer=function(e){return K(e)===pe};b.isContextProvider=function(e){return K(e)===he};b.isElement=function(e){return typeof e=="object"&&e!==null&&e.$$typeof===Me};b.isForwardRef=function(e){return K(e)===de};b.isFragment=function(e){return K(e)===ue};b.isLazy=function(e){return K(e)===ye};b.isMemo=function(e){return K(e)===ge};b.isPortal=function(e){return K(e)===Oe};b.isProfiler=function(e){return K(e)===le};b.isStrictMode=function(e){return K(e)===fe};b.isSuspense=function(e){return K(e)===me};b.isValidElementType=function(e){return typeof e=="string"||typeof e=="function"||e===ue||e===ve||e===le||e===fe||e===me||e===Mt||typeof e=="object"&&e!==null&&(e.$$typeof===ye||e.$$typeof===ge||e.$$typeof===he||e.$$typeof===pe||e.$$typeof===de||e.$$typeof===Ut||e.$$typeof===Ht||e.$$typeof===It||e.$$typeof===Ot)};b.typeOf=K;var Ce=1073741823,ze=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:{};function _t(){var e="__global_unique_id__";return ze[e]=(ze[e]||0)+1}function Dt(e,t){return e===t?e!==0||1/e===1/t:e!==e&&t!==t}function Bt(e){var t=[];return{on:function(r){t.push(r)},off:function(r){t=t.filter(function(n){return n!==r})},get:function(){return e},set:function(r,n){e=r,t.forEach(function(o){return o(e,n)})}}}function Nt(e){return Array.isArray(e)?e[0]:e}function jt(e,t){var i,r,n="__create-react-context-"+_t()+"__",o=function(c){V(l,c);function l(){for(var s,f=arguments.length,h=new Array(f),v=0;v<f;v++)h[v]=arguments[v];return s=c.call.apply(c,[this].concat(h))||this,s.emitter=Bt(s.props.value),s}var a=l.prototype;return a.getChildContext=function(){var f;return f={},f[n]=this.emitter,f},a.componentWillReceiveProps=function(f){if(this.props.value!==f.value){var h=this.props.value,v=f.value,g;Dt(h,v)?g=0:(g=typeof t=="function"?t(h,v):Ce,g|=0,g!==0&&this.emitter.set(f.value,g))}},a.render=function(){return this.props.children},l}(w.Component);o.childContextTypes=(i={},i[n]=Be.object.isRequired,i);var u=function(c){V(l,c);function l(){for(var s,f=arguments.length,h=new Array(f),v=0;v<f;v++)h[v]=arguments[v];return s=c.call.apply(c,[this].concat(h))||this,s.observedBits=void 0,s.state={value:s.getValue()},s.onUpdate=function(g,E){var S=s.observedBits|0;S&E&&s.setState({value:s.getValue()})},s}var a=l.prototype;return a.componentWillReceiveProps=function(f){var h=f.observedBits;this.observedBits=h??Ce},a.componentDidMount=function(){this.context[n]&&this.context[n].on(this.onUpdate);var f=this.props.observedBits;this.observedBits=f??Ce},a.componentWillUnmount=function(){this.context[n]&&this.context[n].off(this.onUpdate)},a.getValue=function(){return this.context[n]?this.context[n].get():e},a.render=function(){return Nt(this.props.children)(this.state.value)},l}(w.Component);return u.contextTypes=(r={},r[n]=Be.object,r),{Provider:o,Consumer:u}}var Wt=w.createContext||jt,ot=function(t){var i=Wt();return i.displayName=t,i},Ft=ot("Router-History"),k=ot("Router"),xe=function(e){V(t,e),t.computeRootMatch=function(n){return{path:"/",url:"/",params:{},isExact:n==="/"}};function t(r){var n;return n=e.call(this,r)||this,n.state={location:r.history.location},n._isMounted=!1,n._pendingLocation=null,r.staticContext||(n.unlisten=r.history.listen(function(o){n._pendingLocation=o})),n}var i=t.prototype;return i.componentDidMount=function(){var n=this;this._isMounted=!0,this.unlisten&&this.unlisten(),this.props.staticContext||(this.unlisten=this.props.history.listen(function(o){n._isMounted&&n.setState({location:o})})),this._pendingLocation&&this.setState({location:this._pendingLocation})},i.componentWillUnmount=function(){this.unlisten&&(this.unlisten(),this._isMounted=!1,this._pendingLocation=null)},i.render=function(){return w.createElement(k.Provider,{value:{history:this.props.history,location:this.state.location,match:t.computeRootMatch(this.state.location.pathname),staticContext:this.props.staticContext}},w.createElement(Ft.Provider,{children:this.props.children||null,value:this.props.history}))},t}(w.Component);w.Component;w.Component;var Ge={},Kt=1e4,Ve=0;function qt(e,t){var i=""+t.end+t.strict+t.sensitive,r=Ge[i]||(Ge[i]={});if(r[e])return r[e];var n=[],o=$t(e,n,t),u={regexp:o,keys:n};return Ve<Kt&&(r[e]=u,Ve++),u}function He(e,t){t===void 0&&(t={}),(typeof t=="string"||Array.isArray(t))&&(t={path:t});var i=t,r=i.path,n=i.exact,o=n===void 0?!1:n,u=i.strict,c=u===void 0?!1:u,l=i.sensitive,a=l===void 0?!1:l,s=[].concat(r);return s.reduce(function(f,h){if(!h&&h!=="")return null;if(f)return f;var v=qt(h,{end:o,strict:c,sensitive:a}),g=v.regexp,E=v.keys,S=g.exec(e);if(!S)return null;var A=S[0],O=S.slice(1),_=e===A;return o&&!_?null:{path:h,url:h==="/"&&A===""?"/":A,isExact:_,params:E.reduce(function(D,H,T){return D[H.name]=O[T],D},{})}},null)}function zt(e){return w.Children.count(e)===0}var on=function(e){V(t,e);function t(){return e.apply(this,arguments)||this}var i=t.prototype;return i.render=function(){var n=this;return w.createElement(k.Consumer,null,function(o){o||Y();var u=n.props.location||o.location,c=n.props.computedMatch?n.props.computedMatch:n.props.path?He(u.pathname,n.props):o.match,l=F({},o,{location:u,match:c}),a=n.props,s=a.children,f=a.component,h=a.render;return Array.isArray(s)&&zt(s)&&(s=null),w.createElement(k.Provider,{value:l},l.match?s?typeof s=="function"?s(l):s:f?w.createElement(f,l):h?h(l):null:typeof s=="function"?s(l):null)})},t}(w.Component);function Ie(e){return e.charAt(0)==="/"?e:"/"+e}function Gt(e,t){return e?F({},t,{pathname:Ie(e)+t.pathname}):t}function Vt(e,t){if(!e)return t;var i=Ie(e);return t.pathname.indexOf(i)!==0?t:F({},t,{pathname:t.pathname.substr(i.length)})}function Je(e){return typeof e=="string"?e:B(e)}function Ee(e){return function(){Y()}}function Xe(){}w.Component;var an=function(e){V(t,e);function t(){return e.apply(this,arguments)||this}var i=t.prototype;return i.render=function(){var n=this;return w.createElement(k.Consumer,null,function(o){o||Y();var u=n.props.location||o.location,c,l;return w.Children.forEach(n.props.children,function(a){if(l==null&&w.isValidElement(a)){c=a;var s=a.props.path||a.props.from;l=s?He(u.pathname,F({},a.props,{path:s})):o.match}}),l?w.cloneElement(c,{location:u,computedMatch:l}):null})},t}(w.Component);w.useContext;w.Component;var sn=function(e){V(t,e);function t(){for(var r,n=arguments.length,o=new Array(n),u=0;u<n;u++)o[u]=arguments[u];return r=e.call.apply(e,[this].concat(o))||this,r.history=yt(r.props),r}var i=t.prototype;return i.render=function(){return w.createElement(xe,{history:this.history,children:this.props.children})},t}(w.Component),Se=function(t,i){return typeof t=="function"?t(i):t},Te=function(t,i){return typeof t=="string"?W(t,null,null,i):t},_e=function(t){return t},ee=w.forwardRef;typeof ee>"u"&&(ee=_e);function Jt(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}var Xt=ee(function(e,t){var i=e.innerRef,r=e.navigate,n=e.onClick,o=ce(e,["innerRef","navigate","onClick"]),u=o.target,c=F({},o,{onClick:function(a){try{n&&n(a)}catch(s){throw a.preventDefault(),s}!a.defaultPrevented&&a.button===0&&(!u||u==="_self")&&!Jt(a)&&(a.preventDefault(),r())}});return _e!==ee?c.ref=t||i:c.ref=i,w.createElement("a",c)}),Qt=ee(function(e,t){var i=e.component,r=i===void 0?Xt:i,n=e.replace,o=e.to,u=e.innerRef,c=ce(e,["component","replace","to","innerRef"]);return w.createElement(k.Consumer,null,function(l){l||Y();var a=l.history,s=Te(Se(o,l.location),l.location),f=s?a.createHref(s):"",h=F({},c,{href:f,navigate:function(){var g=Se(o,l.location),E=B(l.location)===B(Te(g)),S=n||E?a.replace:a.push;S(g)}});return _e!==ee?h.ref=t||u:h.innerRef=u,w.createElement(r,h)})}),at=function(t){return t},se=w.forwardRef;typeof se>"u"&&(se=at);function Yt(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];return t.filter(function(r){return r}).join(" ")}se(function(e,t){var i=e["aria-current"],r=i===void 0?"page":i,n=e.activeClassName,o=n===void 0?"active":n,u=e.activeStyle,c=e.className,l=e.exact,a=e.isActive,s=e.location,f=e.sensitive,h=e.strict,v=e.style,g=e.to,E=e.innerRef,S=ce(e,["aria-current","activeClassName","activeStyle","className","exact","isActive","location","sensitive","strict","style","to","innerRef"]);return w.createElement(k.Consumer,null,function(A){A||Y();var O=s||A.location,_=Te(Se(g,O),O),D=_.pathname,H=D&&D.replace(/([.+*?=^!:${}()[\]|/\\])/g,"\\$1"),T=H?He(O.pathname,{path:H,exact:l,sensitive:f,strict:h}):null,y=!!(a?a(T,O):T),P=typeof c=="function"?c(y):c,M=typeof v=="function"?v(y):v;y&&(P=Yt(P,o),M=F({},M,u));var R=F({"aria-current":y&&r||null,className:P,style:M,to:_},S);return at!==se?R.ref=t||E:R.innerRef=E,w.createElement(Qt,R)})});export{sn as H,Qt as L,on as R,an as S};
|
package/dist/storybook/assets/{reservoirs.stories-WKT7gCnp.js → reservoirs.stories-ux3hZbkX.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as b}from"./index-DhsZuJvc.js";import{I as j}from"./common-types-Sih75Sav.js";import{T as w}from"./top-bar-
|
|
1
|
+
import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as b}from"./index-DhsZuJvc.js";import{I as j}from"./common-types-Sih75Sav.js";import{T as w}from"./top-bar-DG4ok0uF.js";import{S as L}from"./side-bar-ChOjPNLR.js";import{H as t}from"./heading-NkLgQYoP.js";import{B as m}from"./button-C1sV-0mR.js";import{D as v}from"./drawer-DSS8yvvp.js";import{L as C}from"./list-DYNKqvUR.js";import{F as l}from"./field-C5_fLDpy.js";import{I as i}from"./input-BW9trNAW.js";import{C as p}from"./check-box-CaSrhzev.js";import{R as h}from"./radio-button-C_cV5TWA.js";import{C as d}from"./card-EcjmryU9.js";import{F}from"./form-row-CM112EYF.js";import{P as g}from"./page-7SSpdYhb.js";import{R as a,C as r}from"./row-4iAGREkV.js";import{S as R}from"./select-Z-GCZ-pY.js";import{S as f}from"./spacer-BWoNR27H.js";import"./index-Bk2sglWO.js";import"./icon-BP4BO6-k.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./actions-CZK3mphC.js";import"./lodash-BHd_uQHh.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./types-BmbYqTX_.js";import"./types-UmZ4Y_CR.js";import"./badge-CLQ59MDF.js";import"./index-BI4_Bp97.js";import"./help-icon-41R-Z9N1.js";import"./spinner-AWUe4xwQ.js";import"./index.es-D2piFfFj.js";import"./extends-CF3RwP-h.js";import"./redux-tRgGMjwY.js";import"./objectSpread2-DW4nTBoq.js";import"./tiny-invariant-DqLgxztJ.js";import"./memoize-one.esm-CcMeOnPo.js";import"./meta-content-BE7pulye.js";import"./loader-XHoVniao.js";import"./label-hiSz3I8H.js";import"./select.input-DIKP56UZ.js";import"./styled-components.browser.esm-Bf0q9Yjk.js";import"./assertThisInitialized-B9jnkVVz.js";import"./text-B3-TSWok.js";const k=({width:o,height:n})=>e.jsx("div",{style:{background:"#ddd",width:o,height:n}}),Ce={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},s=()=>{const[o,n]=b.useState(!0);return e.jsxs(e.Fragment,{children:[e.jsx(w,{}),e.jsx(L,{options:{title:"",sections:[]}}),e.jsx(g,{padding:!1,scroll:!1,children:e.jsxs(a,{spacing:0,height:"100%",children:[e.jsx(v,{button:e.jsx(m,{onClick:()=>n(!o),round:!0,icon:j.CHEVRON_LEFT}),open:o,width:300,closedWidth:"var(--size-sidebar)",children:e.jsx(C,{drawer:!0,narrow:!o,list:{name:"Reservoirs",items:[{id:1,name:"Lorem",active:!0},{id:2,name:"Ipsum"}]}})}),e.jsxs(r,{scroll:!0,padding:!0,borderLeft:!0,children:[e.jsxs(a,{children:[e.jsxs(r,{children:[e.jsx(t,{top:!0,children:"Reservoir name here"}),e.jsxs(F,{children:[e.jsx(l,{label:"Name",children:e.jsx(i,{value:"Reservoir name here",width:"200px"})}),e.jsx(l,{label:"Lorem",children:e.jsx(h,{name:"example",options:[{label:"Aardvarks",value:"termites"},{label:"Monkeys",value:"bananas"}],value:{label:"Monkeys",value:"bananas"},inline:!0})}),e.jsx(l,{label:"Ipsum",children:e.jsx(R,{name:"example",options:[{label:"Monkeys",value:"bananas"},{label:"Possums",value:"slugs"}],value:{label:"Monkeys",value:"bananas"},native:!0})}),e.jsx(l,{children:e.jsx(p,{label:"Dolor"})})]})]}),e.jsx(r,{flex:!1,children:e.jsx(m,{onClick:()=>{},round:!0,icon:"question"})})]}),e.jsxs(a,{children:[e.jsx(r,{width:"50%",children:e.jsx(d,{heading:e.jsx(t,{onClickHelp:()=>console.log("help!"),children:"Reservoir Zone"}),children:e.jsxs(a,{children:[e.jsxs(r,{width:"50%",children:[e.jsxs(l,{label:"Label",helpText:"Lorem ipsum",children:[e.jsx(h,{options:[{label:"Aardvarks",value:"termites"},{label:"Monkeys",value:"bananas"}],value:{label:"Monkeys",value:"bananas"},inline:!0}),e.jsx(i,{width:"100%"})]}),e.jsxs(l,{label:"Label",helpText:"Lorem ipsum",children:[e.jsx(p,{label:"Lorem ipsum"}),e.jsx(i,{width:"100%",disabled:!0})]}),e.jsx(l,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(i,{width:"100%"})}),e.jsx(l,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(i,{width:"100%"})})]}),e.jsxs(r,{width:"50%",children:[e.jsx(l,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(i,{width:"100%"})}),e.jsx(l,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(i,{width:"100%"})}),e.jsx(l,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(i,{width:"100%"})}),e.jsx(l,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(i,{width:"100%"})})]})]})})}),e.jsxs(r,{width:"50%",children:[e.jsx(d,{heading:e.jsx(t,{children:"Reservoir Size"}),children:e.jsxs(a,{children:[e.jsxs(r,{width:"160px",children:[e.jsx(l,{label:"Length",children:e.jsx(i,{width:"100%"})}),e.jsx(l,{label:"Width",children:e.jsx(i,{width:"100%"})})]}),e.jsx(r,{children:e.jsx(k,{width:"100%",height:"100%"})})]})}),e.jsx(f,{}),e.jsx(d,{heading:e.jsx(t,{children:"Reservoir Properties"}),children:e.jsxs(a,{children:[e.jsx(r,{children:e.jsx(l,{label:"Label",children:e.jsx(i,{width:"100%"})})}),e.jsx(r,{children:e.jsx(l,{label:"Label",children:e.jsx(i,{width:"100%"})})}),e.jsx(r,{children:e.jsx(l,{label:"Label",children:e.jsx(i,{width:"100%"})})})]})})]})]})]})]})})]})};s.__docgenInfo={description:"",methods:[],displayName:"Reservoirs"};var u,x,c;s.parameters={...s.parameters,docs:{...(u=s.parameters)==null?void 0:u.docs,source:{originalSource:`() => {
|
|
2
2
|
const [open, setOpen] = useState(true);
|
|
3
3
|
return <>
|
|
4
4
|
<TopBar />
|
|
@@ -153,4 +153,4 @@ import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as b}from"./index-DhsZuJv
|
|
|
153
153
|
</Row>
|
|
154
154
|
</Page>
|
|
155
155
|
</>;
|
|
156
|
-
}`,...(c=(x=s.parameters)==null?void 0:x.docs)==null?void 0:c.source}}};const
|
|
156
|
+
}`,...(c=(x=s.parameters)==null?void 0:x.docs)==null?void 0:c.source}}};const Fe=["Reservoirs"];export{s as Reservoirs,Fe as __namedExportsOrder,Ce as default};
|