@oliasoft-open-source/react-ui-library 4.8.0-beta-5 → 4.8.0
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/404.html +1 -0
- package/dist/assets/{index-Oe0PlEED.css → index-BpSdrNXy.css} +316 -316
- package/dist/assets/{index-GTFdS-JF.js → index-CvGLlWUJ.js} +182 -153
- package/dist/index.d.ts +39 -39
- package/dist/index.html +1 -1
- package/dist/index.js +316 -286
- package/dist/index.js.map +1 -1
- package/dist/storybook/assets/{Color-KGDBMAHA-Bz9U70BD.js → Color-KGDBMAHA-BLtMCq8G.js} +1 -1
- package/dist/storybook/assets/{DocsRenderer-PKQXORMH-pSX8_0Nr.js → DocsRenderer-PKQXORMH-Cq_uPi34.js} +1 -1
- package/dist/storybook/assets/{accordion.stories-vgiXrB4-.js → accordion.stories-CNjaOE6j.js} +2 -2
- package/dist/storybook/assets/actions-D-uVCDzk.js +39 -0
- package/dist/storybook/assets/{actions.stories-CUAkvJjE.js → actions.stories-gKfuiKQy.js} +1 -1
- package/dist/storybook/assets/{afe.stories-CBoaZ-5U.js → afe.stories-Be4Zi8Qk.js} +2 -2
- package/dist/storybook/assets/{blowout.stories-CF976Bad.js → blowout.stories-DHdofVc-.js} +1 -1
- package/dist/storybook/assets/{button-group-DCx4Z6vk.js → button-group-1DEZPmxq.js} +1 -1
- package/dist/storybook/assets/{button-group.stories-DvSsGv_D.js → button-group.stories-C4V1k0z_.js} +1 -1
- package/dist/storybook/assets/{buttons-and-links-B0beM0KB.js → buttons-and-links-CGf2fkq-.js} +1 -1
- package/dist/storybook/assets/{casing-loads.stories-W4rWa3bH.js → casing-loads.stories-9Iu4v1Y5.js} +2 -2
- package/dist/storybook/assets/{cell.stories-pVmyCUQN.js → cell.stories-OWJtpzu1.js} +2 -2
- package/dist/storybook/assets/check-box-DPLaOkRR.js +13 -0
- package/dist/storybook/assets/{check-box.stories-C_7Z7Ss6.js → check-box.stories-DfbWw6mD.js} +1 -1
- package/dist/storybook/assets/{chunk-HLWAVYOI-CuHfCuSg.js → chunk-HLWAVYOI-DQmzN82L.js} +1 -1
- package/dist/storybook/assets/{color-ReYZ4m5V.js → color-CUmK6HaC.js} +1 -1
- package/dist/storybook/assets/{dialog-BtnEK12u.js → dialog-BelCA1mt.js} +1 -1
- package/dist/storybook/assets/{drawer-BqojbwAS.js → drawer-DOWJp9T4.js} +1 -1
- package/dist/storybook/assets/{drawer.stories-fxIBm3g1.js → drawer.stories-DcjyDHEs.js} +1 -1
- package/dist/storybook/assets/{field.stories-BBqJzdkf.js → field.stories-DUGMwi1O.js} +1 -1
- package/dist/storybook/assets/file-button.stories-CU2pZcEO.js +22 -0
- package/dist/storybook/assets/file-input-X3BnZaHk.js +13 -0
- package/dist/storybook/assets/{file-input.stories-BW--e4ZG.js → file-input.stories-CWD5XYE9.js} +1 -1
- package/dist/storybook/assets/footer.stories-CCaqnn-t.js +3 -0
- package/dist/storybook/assets/form.stories-CX1WxUVL.js +49 -0
- package/dist/storybook/assets/formation.stories-BwshNr5I.js +74 -0
- package/dist/storybook/assets/helpers-JJxzGegQ.js +1 -0
- package/dist/storybook/assets/iframe-aT7NCuic.js +2 -0
- package/dist/storybook/assets/{index-BCGvwS4L.js → index-CDuLcH5d.js} +1 -1
- package/dist/storybook/assets/{index-RIOk8k9q.js → index-DLsIgQne.js} +88 -88
- package/dist/storybook/assets/{index-C0x1JmaP.js → index-DaLCDjg_.js} +1 -1
- package/dist/storybook/assets/input-DTXbDJaL.js +1 -0
- package/dist/storybook/assets/{input-group.stories-CY5ksLqR.js → input-group.stories-Bqx8op1f.js} +2 -2
- package/dist/storybook/assets/{input-validation-DyFpZQsn.js → input-validation-CRDfoI4h.js} +2 -2
- package/dist/storybook/assets/{input.stories-EZ7qJt4K.js → input.stories-FKl0qVhm.js} +1 -1
- package/dist/storybook/assets/{inputs-0dwI7OeZ.js → inputs-D3qEs1Q4.js} +2 -2
- package/dist/storybook/assets/{layout-forms-BApBtPld.js → layout-forms-CDGrrwBl.js} +4 -4
- package/dist/storybook/assets/{layout-general-9f8QN3PD.js → layout-general-D9kS22a0.js} +1 -1
- package/dist/storybook/assets/{list-DhcQLzoC.js → list-bKpz6I9Q.js} +1 -1
- package/dist/storybook/assets/{list.stories-IFLT_P7d.js → list.stories-Cgmt29Wv.js} +1 -1
- package/dist/storybook/assets/{list.stories-data-tIuoGcNV.js → list.stories-data-D_Aj3AN4.js} +1 -1
- package/dist/storybook/assets/{lodash-BHd_uQHh.js → lodash-c4VUpsOs.js} +2 -2
- package/dist/storybook/assets/menu.stories-data-CQ59XhzU.js +1 -0
- package/dist/storybook/assets/{menu.stories-CXq2Fiuq.js → menu.stories-xWX80Eh2.js} +1 -1
- package/dist/storybook/assets/{meta-content-CvnoQB7n.js → meta-content-DWZbURV2.js} +1 -1
- package/dist/storybook/assets/{modal.stories-5y8dh1sC.js → modal.stories-BcqAhYEy.js} +2 -2
- package/dist/storybook/assets/number-input-Ct8VwJX0.js +16 -0
- package/dist/storybook/assets/number-input.stories-lRKm6_tZ.js +110 -0
- package/dist/storybook/assets/option-dropdown.stories-CIvqMhQ3.js +52 -0
- package/dist/storybook/assets/{padding-and-spacing-CCiHHnai.js → padding-and-spacing-Cr5c7WxM.js} +1 -1
- package/dist/storybook/assets/{page.stories-B_x_6shq.js → page.stories-DnCh8h8y.js} +1 -1
- package/dist/storybook/assets/{pagination-DayOrCL5.js → pagination-D6pYWeQM.js} +1 -1
- package/dist/storybook/assets/{pagination.stories-DqzdrU74.js → pagination.stories-ItfGvzb-.js} +2 -2
- package/dist/storybook/assets/popover.stories-B4sQDryP.js +10 -0
- package/dist/storybook/assets/{preview-C2ZSBCEy.js → preview-B_VD4s7b.js} +1 -1
- package/dist/storybook/assets/{preview-C3DVwYVR.js → preview-t_Zs3gQw.js} +2 -2
- package/dist/storybook/assets/projects.stories-Co_WnKSx.js +47 -0
- package/dist/storybook/assets/radio-button-C4ljBRED.js +13 -0
- package/dist/storybook/assets/{radio-button.stories-CGJnfCk-.js → radio-button.stories-BzyW2CtK.js} +2 -2
- package/dist/storybook/assets/{reservoirs.stories-SrSPvn3J.js → reservoirs.stories-FQuUA3DK.js} +2 -2
- package/dist/storybook/assets/{rich-text-input.stories-C7X6120m.js → rich-text-input.stories-CmFzKTb-.js} +3 -3
- package/dist/storybook/assets/{row.stories-BuWQsbpc.js → row.stories-xvzQuDF0.js} +2 -2
- package/dist/storybook/assets/select-V2ZNp3Pv.js +61 -0
- package/dist/storybook/assets/select.input-CJed_LLR.js +1 -0
- package/dist/storybook/assets/{select.stories-Bvug9LhH.js → select.stories-CV9h5z0E.js} +2 -2
- package/dist/storybook/assets/{side-bar-BhPNjZba.js → side-bar-CSx5wI-k.js} +1 -1
- package/dist/storybook/assets/{side-bar.stories-BsFhqiB3.js → side-bar.stories-M6FsuCrQ.js} +1 -1
- package/dist/storybook/assets/{site.stories-zUoOcZmf.js → site.stories-ZGohyW6Z.js} +2 -2
- package/dist/storybook/assets/slider-C7vnj_3M.js +27 -0
- package/dist/storybook/assets/{slider.stories-BJOTup9W.js → slider.stories-BzBb3PkP.js} +1 -1
- package/dist/storybook/assets/{smart-upload-modal.stories-BWQlNSV5.js → smart-upload-modal.stories-BKNxg_3y.js} +1 -1
- package/dist/storybook/assets/{table-DNN_2kqQ.js → table-D9JJ68Tx.js} +1 -1
- package/dist/storybook/assets/{table.stories-data-CG4FwGG3.js → table.stories-data-D52aKMY1.js} +1 -1
- package/dist/storybook/assets/{table.stories-BL9nAubQ.js → table.stories-f-cNU-ed.js} +2 -2
- package/dist/storybook/assets/tabs-BoToLVEP.js +13 -0
- package/dist/storybook/assets/tabs.stories-B52iEaHf.js +30 -0
- package/dist/storybook/assets/textarea-D6ltcKhz.js +13 -0
- package/dist/storybook/assets/{textarea.stories-CrZgmMxl.js → textarea.stories-CJ-Oqytp.js} +1 -1
- package/dist/storybook/assets/{title.stories-BrxyGKY2.js → title.stories-5TyZBiBD.js} +2 -2
- package/dist/storybook/assets/toggle-BbFVf61v.js +13 -0
- package/dist/storybook/assets/{toggle.stories-mjk0JIle.js → toggle.stories-qTHFTXxI.js} +1 -1
- package/dist/storybook/assets/{tooltip.test-case.stories-joo9YReN.js → tooltip.test-case.stories-CHibN8rC.js} +1 -1
- package/dist/storybook/assets/{top-bar-BlwEXx7O.js → top-bar-DkXSzzqt.js} +1 -1
- package/dist/storybook/assets/{top-bar.stories-Bxk6q5go.js → top-bar.stories-HDmWT243.js} +1 -1
- package/dist/storybook/assets/{top-bar.testcase.stories-BUBXpPJs.js → top-bar.testcase.stories-DfmrkEpT.js} +1 -1
- package/dist/storybook/assets/{tree.stories-CTPqyCKs.js → tree.stories-feLUcTtm.js} +1 -1
- package/dist/storybook/assets/{types-UmZ4Y_CR.js → types-Dx2TtIG9.js} +1 -1
- package/dist/storybook/assets/unit-input-CoFS2qhN.css +1 -0
- package/dist/storybook/assets/unit-input.stories-tjEyowge.js +318 -0
- package/dist/storybook/assets/unit-table.stories-BDYxeHSM.js +152 -0
- package/dist/storybook/iframe.html +1 -1
- package/dist/storybook/index.json +1 -1
- package/dist/storybook/project.json +1 -1
- package/package.json +3 -3
- package/dist/storybook/assets/actions-BhPnDYmS.js +0 -27
- package/dist/storybook/assets/check-box-BtCGePRy.js +0 -1
- package/dist/storybook/assets/file-button.stories-DQxp1MPV.js +0 -10
- package/dist/storybook/assets/file-input-DlOuEoMf.js +0 -1
- package/dist/storybook/assets/footer.stories-Biows6FL.js +0 -3
- package/dist/storybook/assets/form.stories-CaUuJTP-.js +0 -49
- package/dist/storybook/assets/formation.stories-CXNu3N_u.js +0 -74
- package/dist/storybook/assets/iframe-Ds9MEeRD.js +0 -2
- package/dist/storybook/assets/input-DFNY9YDm.js +0 -1
- package/dist/storybook/assets/menu.stories-data-DeDnsKpk.js +0 -1
- package/dist/storybook/assets/number-input-hqsQsKER.js +0 -4
- package/dist/storybook/assets/number-input.stories-DZ3eM89y.js +0 -163
- package/dist/storybook/assets/option-dropdown.stories-DVA8-yqU.js +0 -34
- package/dist/storybook/assets/popover.stories-BcPmknc4.js +0 -10
- package/dist/storybook/assets/projects.stories-Clez6c2x.js +0 -47
- package/dist/storybook/assets/radio-button-YBwYcMaM.js +0 -1
- package/dist/storybook/assets/select-DAXADfWF.js +0 -40
- package/dist/storybook/assets/select.input-DIKP56UZ.js +0 -1
- package/dist/storybook/assets/slider-DckvIvC7.js +0 -31
- package/dist/storybook/assets/tabs-CAZ_dHGK.js +0 -1
- package/dist/storybook/assets/tabs.stories-DXcDAqB2.js +0 -30
- package/dist/storybook/assets/textarea-D-R3vavM.js +0 -1
- package/dist/storybook/assets/toggle-CBpNgTrm.js +0 -1
- package/dist/storybook/assets/unit-input-5P4Cogho.css +0 -1
- package/dist/storybook/assets/unit-input.stories-3plFgvQq.js +0 -353
- package/dist/storybook/assets/unit-table.stories-DR17ZD2i.js +0 -152
package/dist/storybook/assets/{check-box.stories-C_7Z7Ss6.js → check-box.stories-DfbWw6mD.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as Z}from"./jsx-runtime-eps93zm2.js";import{R as ne}from"./index-DhsZuJvc.js";import{w as ee,u as b,e as C}from"./index-DMAnyMX5.js";import{C as x}from"./check-box-
|
|
1
|
+
import{j as Z}from"./jsx-runtime-eps93zm2.js";import{R as ne}from"./index-DhsZuJvc.js";import{w as ee,u as b,e as C}from"./index-DMAnyMX5.js";import{C as x}from"./check-box-DPLaOkRR.js";import"./index-CF7H4eMJ.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./help-icon-Buhx5nl6.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";const{useArgs:se}=__STORYBOOK_MODULE_PREVIEW_API__,xe={title:"Forms/CheckBox",component:x,args:{disabled:!1,label:"Label"}},s=a=>{const[{checked:r},e]=se(),n=()=>{e({checked:!r})};return Z.jsx(x,{...a,onChange:n})},m=s.bind({}),o=s.bind({});o.args={small:!0};const d=s.bind({});d.args={disabled:!0};const l=s.bind({});l.args={checked:!0,disabled:!0};const i=s.bind({});i.args={label:null};const p=s.bind({});p.args={helpText:"Help text"};const g=s.bind({});g.args={onClickHelp:()=>console.log("Help clicked")};const h=s.bind({});h.args={helpText:"Help text",disabled:!0};const k=()=>{const[a,r]=ne.useState([]);return["1","2","3","4"].map(e=>Z.jsx(x,{label:`Label ${e}`,checked:a.includes(e),onChange:()=>{r(n=>n.includes(e)?n.filter(u=>u!==e):[...n,e])}},e))},t=s.bind({});t.args={testId:"testId"};t.play=async({canvasElement:a,step:r})=>{const e=ee(a);await r("Clicking checkbox should toggle it",async()=>{const n=e.getByTestId("testId"),u=n.querySelector("input");await b.click(n),await C(u).toBeChecked(),await b.click(n),await C(u).not.toBeChecked()})};const c=s.bind({});c.args={testId:"testId",disabled:!0};c.play=async({canvasElement:a,step:r})=>{const e=ee(a);await r("Clicking disabled checkbox shouldn't toggle it",async()=>{const n=e.getByTestId("testId");await n.click(),await C(n.querySelector("input")).not.toBeChecked()})};var A,S,B;m.parameters={...m.parameters,docs:{...(A=m.parameters)==null?void 0:A.docs,source:{originalSource:`args => {
|
|
2
2
|
const [{
|
|
3
3
|
checked
|
|
4
4
|
}, updateArgs] = useArgs();
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-BcNHZKhG.js","./index-DhsZuJvc.js"])))=>i.map(i=>d[i]);
|
|
2
|
-
import{_ as i}from"./iframe-
|
|
2
|
+
import{_ as i}from"./iframe-aT7NCuic.js";import{R as t,r as p}from"./index-DhsZuJvc.js";import{r as u,u as l}from"./react-16-DXAfArL2.js";import{a0 as h,a1 as d,a2 as E,a3 as x}from"./index-DLsIgQne.js";var D={code:h,a:d,...E},_=class extends p.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e){let{showException:r}=this.props;r(e)}render(){let{hasError:e}=this.state,{children:r}=this.props;return e?null:t.createElement(t.Fragment,null,r)}},y=class{constructor(){this.render=async(e,r,n)=>{let s={...D,...r==null?void 0:r.components},a=x;return new Promise((c,m)=>{i(async()=>{const{MDXProvider:o}=await import("./index-BcNHZKhG.js");return{MDXProvider:o}},__vite__mapDeps([0,1]),import.meta.url).then(({MDXProvider:o})=>u(t.createElement(_,{showException:m,key:Math.random()},t.createElement(o,{components:s},t.createElement(a,{context:e,docsParameter:r}))),n)).then(()=>c())})},this.unmount=e=>{l(e)}}};export{y as D,D as d};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as o}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as l}from"./index-BcNHZKhG.js";import"./chunk-HLWAVYOI-
|
|
1
|
+
import{j as o}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as l}from"./index-BcNHZKhG.js";import"./chunk-HLWAVYOI-DQmzN82L.js";import{Y as d}from"./index-DLsIgQne.js";import{r as m}from"./index-DhsZuJvc.js";import{T as p}from"./toaster-7wnI6hqB.js";import"./message-Y48EomV-.js";import{t as x}from"./toaster-BoBcvmf9.js";import"./iframe-aT7NCuic.js";import"../sb-preview/runtime.js";import"./react-16-DXAfArL2.js";import"./index-CUZDtIZe.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";import"./index-D6rZ4wEC.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";const h=["--color-text","--color-text-muted","--color-text-faint","--color-text-error","--color-text-warning","--color-text-success","--color-text-info","--color-text-primary","--color-text-primary-hover","--color-text-primary-active"],u=["--color-background","--color-background-raised","--color-background-primary","--color-background-info","--color-background-warning","--color-background-success","--color-background-error"],g=["--color-border","--color-border-error","--color-border-warning","--color-border-focus"],t=[50,100,150,200,250,300,350,400,450,500,550,600,650,700,750,800,850,900,950],j=t.map(r=>`--color-neutral-${r}`),b=t.map(r=>`--color-primary-${r}`),f=t.map(r=>`--color-error-${r}`),y=t.map(r=>`--color-warning-${r}`),C=t.map(r=>`--color-success-${r}`),k=t.map(r=>`--color-info-${r}`),s=({colors:r})=>o.jsx("div",{style:{display:"grid",gridTemplateColumns:"auto 1fr auto 1fr",gap:20,alignItems:"center"},children:r.map((n,a)=>{const c=`var(${n})`,e=()=>{navigator.clipboard.writeText(c),x({message:{type:"Success",content:"Copied to clipboard"}})};return o.jsxs(m.Fragment,{children:[o.jsx("div",{style:{padding:"var(--padding)",backgroundColor:c,border:"1px solid rgba(0,0,0,0.1)"},onClick:e}),o.jsx("code",{onClick:e,children:c})]},a)})});s.__docgenInfo={description:"",methods:[],displayName:"ColorPalette",props:{colors:{required:!0,tsType:{name:"Array",elements:[{name:"string"}],raw:"string[]"},description:""}}};function i(r){const n={h1:"h1",h2:"h2",h3:"h3",p:"p",strong:"strong",...l(),...r.components};return o.jsxs(o.Fragment,{children:[o.jsx(d,{title:"Colors"}),`
|
|
2
2
|
`,o.jsx(n.h1,{id:"colors",children:"Colors"}),`
|
|
3
3
|
`,o.jsx(n.p,{children:"When setting colors (either by component props or in custom styling), prefer named CSS variables to literal color values."}),`
|
|
4
4
|
`,o.jsx(n.p,{children:o.jsx(n.strong,{children:"Click on a color below to copy the variable name to the clipboard."})}),`
|
|
@@ -1 +1 @@
|
|
|
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-
|
|
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-c4VUpsOs.js";import{I as y}from"./common-types-Sih75Sav.js";import{H as x}from"./heading-CRNoBc7q.js";import{B as v}from"./button-DHevvVBE.js";const _=(n,e,s=[])=>{u.useEffect(()=>{const a=o=>{o.key===n&&e()};return window.addEventListener("keydown",a),()=>{window.removeEventListener("keydown",a)}},s)},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 s=e.current.querySelector('[tabindex="0"]');s?s.focus():e.current.focus()}},[]),t.jsx("div",{ref:e,tabIndex:-1,className:p(m.wrapper),children:n})},I=({children:n,width:e,centered:s})=>t.jsx("div",{className:p(m.contentContainer,s?m.centered:""),style:{maxWidth:e},children:n}),N=({children:n,visible:e=!1,centered:s=!1,width:a="100%",onEnter:o,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&&o&&o()},[e,o]),_("Escape",()=>{e&&c&&c()},[e,c]),t.jsx(t.Fragment,{children:t.jsx(g,{id:d,children:e?t.jsx(C,{children:t.jsx(I,{width:a,centered:s,children:n})}):null})})};N.__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 k="_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",i={dialog:k,inline:T,scroll:q,header:L,dismiss:D,content:B,footer:R},$=n=>h.isArray(n)?n.map((e,s)=>t.jsxs(u.Fragment,{children:[e," ",t.jsx("br",{})]},s)):n,M=({dialog:n})=>{const{heading:e,content:s,contentPadding:a="var(--padding)",footer:o,scroll:c,width:d,height:l,onClose:f,testId:r}=n;return t.jsxs("div",{className:p(i.dialog,d?i.inline:null,c?i.scroll:null),style:{width:d,height:l},"data-testid":r??null,children:[t.jsxs("div",{className:i.header,children:[t.jsx(x,{testId:r&&`${r}-heading`,top:!0,marginBottom:0,children:e}),f?t.jsx("div",{className:i.dismiss,children:t.jsx(v,{icon:y.CLOSE,round:!0,basic:!0,small:!0,colored:"muted",onClick:f,testId:r&&`${r}-dismiss`})}):null]}),t.jsx("div",{"data-testid":r&&`${r}-content`,className:i.content,style:{padding:a},children:$(s)}),o&&t.jsx("div",{"data-testid":r&&`${r}-footer`,className:i.footer,children:o})]})};M.__docgenInfo={description:"",methods:[],displayName:"Dialog",props:{dialog:{required:!0,tsType:{name:"IDialog"},description:""}}};export{M as D,N as M,_ as u};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import{j as v}from"./jsx-runtime-eps93zm2.js";import{a as ot,r as q}from"./index-DhsZuJvc.js";import{c as ie}from"./index-Bk2sglWO.js";import{I as Se,B as it}from"./common-types-Sih75Sav.js";import{B as st}from"./badge-CLQ59MDF.js";import{l as lt}from"./lodash-
|
|
1
|
+
import{j as v}from"./jsx-runtime-eps93zm2.js";import{a as ot,r as q}from"./index-DhsZuJvc.js";import{c as ie}from"./index-Bk2sglWO.js";import{I as Se,B as it}from"./common-types-Sih75Sav.js";import{B as st}from"./badge-CLQ59MDF.js";import{l as lt}from"./lodash-c4VUpsOs.js";import{p as le}from"./index-CEuq6vkz.js";import{r as Xe}from"./index-CUZDtIZe.js";import{I as ut}from"./icon-BSFY3vDO.js";import{B as ct}from"./button-DHevvVBE.js";const dt="_inputInTable_13n8n_1",ft="_error_13n8n_7",pt="_warning_13n8n_7",mt="_inputHover_13n8n_13",ht="_inputFocus_13n8n_18",gt="_inputError_13n8n_25",yt="_inputWarning_13n8n_26",vt="_inputDisabled_13n8n_61",bt="_hideScrollbars_13n8n_67",wt="_inline_13n8n_90",_t="_left_13n8n_93",St="_right_13n8n_96",Dt="_fixed_13n8n_99",Ot="_border_13n8n_111",Tt="_shadow_13n8n_117",Pt="_drawerContent_13n8n_120",xt="_isResizing_13n8n_132",Rt="_toggleButton_13n8n_143",Ct="_top_13n8n_156",Nt="_bottom_13n8n_159",zt="_toggleButtonOpen_13n8n_162",Mt="_tabs_13n8n_165",Et="_tab_13n8n_165",Wt="_active_13n8n_197",Ht="_disabled_13n8n_222",qt="_tabsContent_13n8n_229",$t="_resizeHandle_13n8n_235",S={inputInTable:dt,error:ft,warning:pt,inputHover:mt,inputFocus:ht,inputError:gt,inputWarning:yt,inputDisabled:vt,hideScrollbars:bt,inline:wt,left:_t,right:St,fixed:Dt,border:Ot,shadow:Tt,drawerContent:Pt,isResizing:xt,toggleButton:Rt,top:Ct,bottom:Nt,toggleButtonOpen:zt,tabs:Mt,tab:Et,active:Wt,disabled:Ht,tabsContent:qt,resizeHandle:$t},It=({badge:e,children:t})=>e?v.jsx(st,{small:!0,margin:4,title:e.toString(),children:t}):v.jsx(v.Fragment,{children:t}),Ye=({tabs:e,activeTab:t,open:n,background:r,handleTabClick:a,width:o,testId:i})=>v.jsxs(v.Fragment,{children:[v.jsx("div",{className:S.tabs,children:e.map((s,l)=>v.jsx("div",{className:ie(S.tab,t===l&&n?S.active:"",s.disabled?S.disabled:""),style:{background:r},onClick:s.disabled?void 0:()=>a(l),"data-testid":i&&`${i}-icon-${l}`,children:v.jsx(It,{badge:s.badge,children:s.icon})},l))}),e.map((s,l)=>{const h=t===l;return v.jsx("div",{style:{width:typeof o=="number"?`${o}px`:o},className:S.tabsContent,"data-testid":i&&`${i}-content-${l}`,children:h&&n&&s.content},l)})]});Ye.__docgenInfo={description:"",methods:[],displayName:"DrawerTabs",props:{tabs:{required:!0,tsType:{name:"Array",elements:[{name:"IDrawerTab"}],raw:"IDrawerTab[]"},description:""},activeTab:{required:!0,tsType:{name:"number"},description:""},open:{required:!0,tsType:{name:"boolean"},description:""},background:{required:!0,tsType:{name:"string"},description:""},handleTabClick:{required:!0,tsType:{name:"signature",type:"function",raw:"(index: number) => void",signature:{arguments:[{type:{name:"number"},name:"index"}],return:{name:"void"}}},description:""},width:{required:!0,tsType:{name:"union",raw:"number | string",elements:[{name:"number"},{name:"string"}]},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};var Re={exports:{}},ee={},ue={exports:{}},Ve={};function Ue(e){var t,n,r="";if(typeof e=="string"||typeof e=="number")r+=e;else if(typeof e=="object")if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=Ue(e[t]))&&(r&&(r+=" "),r+=n);else for(t in e)e[t]&&(r&&(r+=" "),r+=t);return r}function qe(){for(var e,t,n=0,r="";n<arguments.length;)(e=arguments[n++])&&(t=Ue(e))&&(r&&(r+=" "),r+=t);return r}const At=Object.freeze(Object.defineProperty({__proto__:null,clsx:qe,default:qe},Symbol.toStringTag,{value:"Module"})),Bt=ot(At);var b={},$={};Object.defineProperty($,"__esModule",{value:!0});$.dontSetMe=Ut;$.findInArray=jt;$.int=Vt;$.isFunction=Xt;$.isNum=Yt;function jt(e,t){for(let n=0,r=e.length;n<r;n++)if(t.apply(t,[e[n],n,e]))return e[n]}function Xt(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Function]"}function Yt(e){return typeof e=="number"&&!isNaN(e)}function Vt(e){return parseInt(e,10)}function Ut(e,t,n){if(e[t])return new Error("Invalid prop ".concat(t," passed to ").concat(n," - do not set this, set it on the child."))}var U={};Object.defineProperty(U,"__esModule",{value:!0});U.browserPrefixToKey=Le;U.browserPrefixToStyle=Ft;U.default=void 0;U.getPrefix=Fe;const ye=["Moz","Webkit","O","ms"];function Fe(){var e;let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:"transform";if(typeof window>"u")return"";const n=(e=window.document)===null||e===void 0||(e=e.documentElement)===null||e===void 0?void 0:e.style;if(!n||t in n)return"";for(let r=0;r<ye.length;r++)if(Le(t,ye[r])in n)return ye[r];return""}function Le(e,t){return t?"".concat(t).concat(Lt(e)):e}function Ft(e,t){return t?"-".concat(t.toLowerCase(),"-").concat(e):e}function Lt(e){let t="",n=!0;for(let r=0;r<e.length;r++)n?(t+=e[r].toUpperCase(),n=!1):e[r]==="-"?n=!0:t+=e[r];return t}U.default=Fe();Object.defineProperty(b,"__esModule",{value:!0});b.addClassName=Ke;b.addEvent=Kt;b.addUserSelectStyles=ln;b.createCSSTransform=rn;b.createSVGTransform=an;b.getTouch=on;b.getTouchIdentifier=sn;b.getTranslation=Ce;b.innerHeight=en;b.innerWidth=tn;b.matchesSelector=ke;b.matchesSelectorAndParentsTo=kt;b.offsetXYFromParent=nn;b.outerHeight=Qt;b.outerWidth=Zt;b.removeClassName=Je;b.removeEvent=Jt;b.removeUserSelectStyles=un;var z=$,$e=Gt(U);function Ge(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,n=new WeakMap;return(Ge=function(r){return r?n:t})(e)}function Gt(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var n=Ge(t);if(n&&n.has(e))return n.get(e);var r={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(r,o,i):r[o]=e[o]}return r.default=e,n&&n.set(e,r),r}let ae="";function ke(e,t){return ae||(ae=(0,z.findInArray)(["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"],function(n){return(0,z.isFunction)(e[n])})),(0,z.isFunction)(e[ae])?e[ae](t):!1}function kt(e,t,n){let r=e;do{if(ke(r,t))return!0;if(r===n)return!1;r=r.parentNode}while(r);return!1}function Kt(e,t,n,r){if(!e)return;const a={capture:!0,...r};e.addEventListener?e.addEventListener(t,n,a):e.attachEvent?e.attachEvent("on"+t,n):e["on"+t]=n}function Jt(e,t,n,r){if(!e)return;const a={capture:!0,...r};e.removeEventListener?e.removeEventListener(t,n,a):e.detachEvent?e.detachEvent("on"+t,n):e["on"+t]=null}function Qt(e){let t=e.clientHeight;const n=e.ownerDocument.defaultView.getComputedStyle(e);return t+=(0,z.int)(n.borderTopWidth),t+=(0,z.int)(n.borderBottomWidth),t}function Zt(e){let t=e.clientWidth;const n=e.ownerDocument.defaultView.getComputedStyle(e);return t+=(0,z.int)(n.borderLeftWidth),t+=(0,z.int)(n.borderRightWidth),t}function en(e){let t=e.clientHeight;const n=e.ownerDocument.defaultView.getComputedStyle(e);return t-=(0,z.int)(n.paddingTop),t-=(0,z.int)(n.paddingBottom),t}function tn(e){let t=e.clientWidth;const n=e.ownerDocument.defaultView.getComputedStyle(e);return t-=(0,z.int)(n.paddingLeft),t-=(0,z.int)(n.paddingRight),t}function nn(e,t,n){const a=t===t.ownerDocument.body?{left:0,top:0}:t.getBoundingClientRect(),o=(e.clientX+t.scrollLeft-a.left)/n,i=(e.clientY+t.scrollTop-a.top)/n;return{x:o,y:i}}function rn(e,t){const n=Ce(e,t,"px");return{[(0,$e.browserPrefixToKey)("transform",$e.default)]:n}}function an(e,t){return Ce(e,t,"")}function Ce(e,t,n){let{x:r,y:a}=e,o="translate(".concat(r).concat(n,",").concat(a).concat(n,")");if(t){const i="".concat(typeof t.x=="string"?t.x:t.x+n),s="".concat(typeof t.y=="string"?t.y:t.y+n);o="translate(".concat(i,", ").concat(s,")")+o}return o}function on(e,t){return e.targetTouches&&(0,z.findInArray)(e.targetTouches,n=>t===n.identifier)||e.changedTouches&&(0,z.findInArray)(e.changedTouches,n=>t===n.identifier)}function sn(e){if(e.targetTouches&&e.targetTouches[0])return e.targetTouches[0].identifier;if(e.changedTouches&&e.changedTouches[0])return e.changedTouches[0].identifier}function ln(e){if(!e)return;let t=e.getElementById("react-draggable-style-el");t||(t=e.createElement("style"),t.type="text/css",t.id="react-draggable-style-el",t.innerHTML=`.react-draggable-transparent-selection *::-moz-selection {all: inherit;}
|
|
2
2
|
`,t.innerHTML+=`.react-draggable-transparent-selection *::selection {all: inherit;}
|
|
3
3
|
`,e.getElementsByTagName("head")[0].appendChild(t)),e.body&&Ke(e.body,"react-draggable-transparent-selection")}function un(e){if(e)try{if(e.body&&Je(e.body,"react-draggable-transparent-selection"),e.selection)e.selection.empty();else{const t=(e.defaultView||window).getSelection();t&&t.type!=="Caret"&&t.removeAllRanges()}}catch{}}function Ke(e,t){e.classList?e.classList.add(t):e.className.match(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)")))||(e.className+=" ".concat(t))}function Je(e,t){e.classList?e.classList.remove(t):e.className=e.className.replace(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)"),"g"),"")}var I={};Object.defineProperty(I,"__esModule",{value:!0});I.canDragX=fn;I.canDragY=pn;I.createCoreData=hn;I.createDraggableData=gn;I.getBoundPosition=cn;I.getControlPosition=mn;I.snapToGrid=dn;var N=$,k=b;function cn(e,t,n){if(!e.props.bounds)return[t,n];let{bounds:r}=e.props;r=typeof r=="string"?r:yn(r);const a=Ne(e);if(typeof r=="string"){const{ownerDocument:o}=a,i=o.defaultView;let s;if(r==="parent"?s=a.parentNode:s=o.querySelector(r),!(s instanceof i.HTMLElement))throw new Error('Bounds selector "'+r+'" could not find an element.');const l=s,h=i.getComputedStyle(a),g=i.getComputedStyle(l);r={left:-a.offsetLeft+(0,N.int)(g.paddingLeft)+(0,N.int)(h.marginLeft),top:-a.offsetTop+(0,N.int)(g.paddingTop)+(0,N.int)(h.marginTop),right:(0,k.innerWidth)(l)-(0,k.outerWidth)(a)-a.offsetLeft+(0,N.int)(g.paddingRight)-(0,N.int)(h.marginRight),bottom:(0,k.innerHeight)(l)-(0,k.outerHeight)(a)-a.offsetTop+(0,N.int)(g.paddingBottom)-(0,N.int)(h.marginBottom)}}return(0,N.isNum)(r.right)&&(t=Math.min(t,r.right)),(0,N.isNum)(r.bottom)&&(n=Math.min(n,r.bottom)),(0,N.isNum)(r.left)&&(t=Math.max(t,r.left)),(0,N.isNum)(r.top)&&(n=Math.max(n,r.top)),[t,n]}function dn(e,t,n){const r=Math.round(t/e[0])*e[0],a=Math.round(n/e[1])*e[1];return[r,a]}function fn(e){return e.props.axis==="both"||e.props.axis==="x"}function pn(e){return e.props.axis==="both"||e.props.axis==="y"}function mn(e,t,n){const r=typeof t=="number"?(0,k.getTouch)(e,t):null;if(typeof t=="number"&&!r)return null;const a=Ne(n),o=n.props.offsetParent||a.offsetParent||a.ownerDocument.body;return(0,k.offsetXYFromParent)(r||e,o,n.props.scale)}function hn(e,t,n){const r=!(0,N.isNum)(e.lastX),a=Ne(e);return r?{node:a,deltaX:0,deltaY:0,lastX:t,lastY:n,x:t,y:n}:{node:a,deltaX:t-e.lastX,deltaY:n-e.lastY,lastX:e.lastX,lastY:e.lastY,x:t,y:n}}function gn(e,t){const n=e.props.scale;return{node:t.node,x:e.state.x+t.deltaX/n,y:e.state.y+t.deltaY/n,deltaX:t.deltaX/n,deltaY:t.deltaY/n,lastX:e.state.x,lastY:e.state.y}}function yn(e){return{left:e.left,top:e.top,right:e.right,bottom:e.bottom}}function Ne(e){const t=e.findDOMNode();if(!t)throw new Error("<DraggableCore>: Unmounted during event!");return t}var ce={},de={};Object.defineProperty(de,"__esModule",{value:!0});de.default=vn;function vn(){}Object.defineProperty(ce,"__esModule",{value:!0});ce.default=void 0;var ve=wn(q),R=ze(le),bn=ze(Xe),D=b,j=I,be=$,Q=ze(de);function ze(e){return e&&e.__esModule?e:{default:e}}function Qe(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,n=new WeakMap;return(Qe=function(r){return r?n:t})(e)}function wn(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var n=Qe(t);if(n&&n.has(e))return n.get(e);var r={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(r,o,i):r[o]=e[o]}return r.default=e,n&&n.set(e,r),r}function P(e,t,n){return t=_n(t),t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _n(e){var t=Sn(e,"string");return typeof t=="symbol"?t:String(t)}function Sn(e,t){if(typeof e!="object"||e===null)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}const W={touch:{start:"touchstart",move:"touchmove",stop:"touchend"},mouse:{start:"mousedown",move:"mousemove",stop:"mouseup"}};let X=W.mouse,fe=class extends ve.Component{constructor(){super(...arguments),P(this,"dragging",!1),P(this,"lastX",NaN),P(this,"lastY",NaN),P(this,"touchIdentifier",null),P(this,"mounted",!1),P(this,"handleDragStart",t=>{if(this.props.onMouseDown(t),!this.props.allowAnyClick&&typeof t.button=="number"&&t.button!==0)return!1;const n=this.findDOMNode();if(!n||!n.ownerDocument||!n.ownerDocument.body)throw new Error("<DraggableCore> not mounted on DragStart!");const{ownerDocument:r}=n;if(this.props.disabled||!(t.target instanceof r.defaultView.Node)||this.props.handle&&!(0,D.matchesSelectorAndParentsTo)(t.target,this.props.handle,n)||this.props.cancel&&(0,D.matchesSelectorAndParentsTo)(t.target,this.props.cancel,n))return;t.type==="touchstart"&&t.preventDefault();const a=(0,D.getTouchIdentifier)(t);this.touchIdentifier=a;const o=(0,j.getControlPosition)(t,a,this);if(o==null)return;const{x:i,y:s}=o,l=(0,j.createCoreData)(this,i,s);(0,Q.default)("DraggableCore: handleDragStart: %j",l),(0,Q.default)("calling",this.props.onStart),!(this.props.onStart(t,l)===!1||this.mounted===!1)&&(this.props.enableUserSelectHack&&(0,D.addUserSelectStyles)(r),this.dragging=!0,this.lastX=i,this.lastY=s,(0,D.addEvent)(r,X.move,this.handleDrag),(0,D.addEvent)(r,X.stop,this.handleDragStop))}),P(this,"handleDrag",t=>{const n=(0,j.getControlPosition)(t,this.touchIdentifier,this);if(n==null)return;let{x:r,y:a}=n;if(Array.isArray(this.props.grid)){let s=r-this.lastX,l=a-this.lastY;if([s,l]=(0,j.snapToGrid)(this.props.grid,s,l),!s&&!l)return;r=this.lastX+s,a=this.lastY+l}const o=(0,j.createCoreData)(this,r,a);if((0,Q.default)("DraggableCore: handleDrag: %j",o),this.props.onDrag(t,o)===!1||this.mounted===!1){try{this.handleDragStop(new MouseEvent("mouseup"))}catch{const l=document.createEvent("MouseEvents");l.initMouseEvent("mouseup",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),this.handleDragStop(l)}return}this.lastX=r,this.lastY=a}),P(this,"handleDragStop",t=>{if(!this.dragging)return;const n=(0,j.getControlPosition)(t,this.touchIdentifier,this);if(n==null)return;let{x:r,y:a}=n;if(Array.isArray(this.props.grid)){let l=r-this.lastX||0,h=a-this.lastY||0;[l,h]=(0,j.snapToGrid)(this.props.grid,l,h),r=this.lastX+l,a=this.lastY+h}const o=(0,j.createCoreData)(this,r,a);if(this.props.onStop(t,o)===!1||this.mounted===!1)return!1;const s=this.findDOMNode();s&&this.props.enableUserSelectHack&&(0,D.removeUserSelectStyles)(s.ownerDocument),(0,Q.default)("DraggableCore: handleDragStop: %j",o),this.dragging=!1,this.lastX=NaN,this.lastY=NaN,s&&((0,Q.default)("DraggableCore: Removing handlers"),(0,D.removeEvent)(s.ownerDocument,X.move,this.handleDrag),(0,D.removeEvent)(s.ownerDocument,X.stop,this.handleDragStop))}),P(this,"onMouseDown",t=>(X=W.mouse,this.handleDragStart(t))),P(this,"onMouseUp",t=>(X=W.mouse,this.handleDragStop(t))),P(this,"onTouchStart",t=>(X=W.touch,this.handleDragStart(t))),P(this,"onTouchEnd",t=>(X=W.touch,this.handleDragStop(t)))}componentDidMount(){this.mounted=!0;const t=this.findDOMNode();t&&(0,D.addEvent)(t,W.touch.start,this.onTouchStart,{passive:!1})}componentWillUnmount(){this.mounted=!1;const t=this.findDOMNode();if(t){const{ownerDocument:n}=t;(0,D.removeEvent)(n,W.mouse.move,this.handleDrag),(0,D.removeEvent)(n,W.touch.move,this.handleDrag),(0,D.removeEvent)(n,W.mouse.stop,this.handleDragStop),(0,D.removeEvent)(n,W.touch.stop,this.handleDragStop),(0,D.removeEvent)(t,W.touch.start,this.onTouchStart,{passive:!1}),this.props.enableUserSelectHack&&(0,D.removeUserSelectStyles)(n)}}findDOMNode(){var t,n;return(t=this.props)!==null&&t!==void 0&&t.nodeRef?(n=this.props)===null||n===void 0||(n=n.nodeRef)===null||n===void 0?void 0:n.current:bn.default.findDOMNode(this)}render(){return ve.cloneElement(ve.Children.only(this.props.children),{onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}};ce.default=fe;P(fe,"displayName","DraggableCore");P(fe,"propTypes",{allowAnyClick:R.default.bool,children:R.default.node.isRequired,disabled:R.default.bool,enableUserSelectHack:R.default.bool,offsetParent:function(e,t){if(e[t]&&e[t].nodeType!==1)throw new Error("Draggable's offsetParent must be a DOM Node.")},grid:R.default.arrayOf(R.default.number),handle:R.default.string,cancel:R.default.string,nodeRef:R.default.object,onStart:R.default.func,onDrag:R.default.func,onStop:R.default.func,onMouseDown:R.default.func,scale:R.default.number,className:be.dontSetMe,style:be.dontSetMe,transform:be.dontSetMe});P(fe,"defaultProps",{allowAnyClick:!1,disabled:!1,enableUserSelectHack:!0,onStart:function(){},onDrag:function(){},onStop:function(){},onMouseDown:function(){},scale:1});(function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"DraggableCore",{enumerable:!0,get:function(){return l.default}}),e.default=void 0;var t=O(q),n=g(le),r=g(Xe),a=g(Bt),o=b,i=I,s=$,l=g(ce),h=g(de);function g(c){return c&&c.__esModule?c:{default:c}}function w(c){if(typeof WeakMap!="function")return null;var u=new WeakMap,f=new WeakMap;return(w=function(p){return p?f:u})(c)}function O(c,u){if(c&&c.__esModule)return c;if(c===null||typeof c!="object"&&typeof c!="function")return{default:c};var f=w(u);if(f&&f.has(c))return f.get(c);var p={},y=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var m in c)if(m!=="default"&&Object.prototype.hasOwnProperty.call(c,m)){var C=y?Object.getOwnPropertyDescriptor(c,m):null;C&&(C.get||C.set)?Object.defineProperty(p,m,C):p[m]=c[m]}return p.default=c,f&&f.set(c,p),p}function T(){return T=Object.assign?Object.assign.bind():function(c){for(var u=1;u<arguments.length;u++){var f=arguments[u];for(var p in f)Object.prototype.hasOwnProperty.call(f,p)&&(c[p]=f[p])}return c},T.apply(this,arguments)}function _(c,u,f){return u=E(u),u in c?Object.defineProperty(c,u,{value:f,enumerable:!0,configurable:!0,writable:!0}):c[u]=f,c}function E(c){var u=M(c,"string");return typeof u=="symbol"?u:String(u)}function M(c,u){if(typeof c!="object"||c===null)return c;var f=c[Symbol.toPrimitive];if(f!==void 0){var p=f.call(c,u||"default");if(typeof p!="object")return p;throw new TypeError("@@toPrimitive must return a primitive value.")}return(u==="string"?String:Number)(c)}class x extends t.Component{static getDerivedStateFromProps(u,f){let{position:p}=u,{prevPropsPosition:y}=f;return p&&(!y||p.x!==y.x||p.y!==y.y)?((0,h.default)("Draggable: getDerivedStateFromProps %j",{position:p,prevPropsPosition:y}),{x:p.x,y:p.y,prevPropsPosition:{...p}}):null}constructor(u){super(u),_(this,"onDragStart",(f,p)=>{if((0,h.default)("Draggable: onDragStart: %j",p),this.props.onStart(f,(0,i.createDraggableData)(this,p))===!1)return!1;this.setState({dragging:!0,dragged:!0})}),_(this,"onDrag",(f,p)=>{if(!this.state.dragging)return!1;(0,h.default)("Draggable: onDrag: %j",p);const y=(0,i.createDraggableData)(this,p),m={x:y.x,y:y.y,slackX:0,slackY:0};if(this.props.bounds){const{x:A,y:B}=m;m.x+=this.state.slackX,m.y+=this.state.slackY;const[F,ne]=(0,i.getBoundPosition)(this,m.x,m.y);m.x=F,m.y=ne,m.slackX=this.state.slackX+(A-m.x),m.slackY=this.state.slackY+(B-m.y),y.x=m.x,y.y=m.y,y.deltaX=m.x-this.state.x,y.deltaY=m.y-this.state.y}if(this.props.onDrag(f,y)===!1)return!1;this.setState(m)}),_(this,"onDragStop",(f,p)=>{if(!this.state.dragging||this.props.onStop(f,(0,i.createDraggableData)(this,p))===!1)return!1;(0,h.default)("Draggable: onDragStop: %j",p);const m={dragging:!1,slackX:0,slackY:0};if(!!this.props.position){const{x:A,y:B}=this.props.position;m.x=A,m.y=B}this.setState(m)}),this.state={dragging:!1,dragged:!1,x:u.position?u.position.x:u.defaultPosition.x,y:u.position?u.position.y:u.defaultPosition.y,prevPropsPosition:{...u.position},slackX:0,slackY:0,isElementSVG:!1},u.position&&!(u.onDrag||u.onStop)&&console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.")}componentDidMount(){typeof window.SVGElement<"u"&&this.findDOMNode()instanceof window.SVGElement&&this.setState({isElementSVG:!0})}componentWillUnmount(){this.setState({dragging:!1})}findDOMNode(){var u,f;return(u=(f=this.props)===null||f===void 0||(f=f.nodeRef)===null||f===void 0?void 0:f.current)!==null&&u!==void 0?u:r.default.findDOMNode(this)}render(){const{axis:u,bounds:f,children:p,defaultPosition:y,defaultClassName:m,defaultClassNameDragging:C,defaultClassNameDragged:A,position:B,positionOffset:F,scale:ne,...Y}=this.props;let H={},V=null;const L=!!!B||this.state.dragging,K=B||y,re={x:(0,i.canDragX)(this)&&L?this.state.x:K.x,y:(0,i.canDragY)(this)&&L?this.state.y:K.y};this.state.isElementSVG?V=(0,o.createSVGTransform)(re,F):H=(0,o.createCSSTransform)(re,F);const J=(0,a.default)(p.props.className||"",m,{[C]:this.state.dragging,[A]:this.state.dragged});return t.createElement(l.default,T({},Y,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),t.cloneElement(t.Children.only(p),{className:J,style:{...p.props.style,...H},transform:V}))}}e.default=x,_(x,"displayName","Draggable"),_(x,"propTypes",{...l.default.propTypes,axis:n.default.oneOf(["both","x","y","none"]),bounds:n.default.oneOfType([n.default.shape({left:n.default.number,right:n.default.number,top:n.default.number,bottom:n.default.number}),n.default.string,n.default.oneOf([!1])]),defaultClassName:n.default.string,defaultClassNameDragging:n.default.string,defaultClassNameDragged:n.default.string,defaultPosition:n.default.shape({x:n.default.number,y:n.default.number}),positionOffset:n.default.shape({x:n.default.oneOfType([n.default.number,n.default.string]),y:n.default.oneOfType([n.default.number,n.default.string])}),position:n.default.shape({x:n.default.number,y:n.default.number}),className:s.dontSetMe,style:s.dontSetMe,transform:s.dontSetMe}),_(x,"defaultProps",{...l.default.defaultProps,axis:"both",bounds:!1,defaultClassName:"react-draggable",defaultClassNameDragging:"react-draggable-dragging",defaultClassNameDragged:"react-draggable-dragged",defaultPosition:{x:0,y:0},scale:1})})(Ve);const{default:Ze,DraggableCore:Dn}=Ve;ue.exports=Ze;ue.exports.default=Ze;ue.exports.DraggableCore=Dn;var On=ue.exports,Me={};Me.__esModule=!0;Me.cloneElement=Nn;var Tn=Pn(q);function Pn(e){return e&&e.__esModule?e:{default:e}}function Ie(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),n.push.apply(n,r)}return n}function Ae(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?Ie(Object(n),!0).forEach(function(r){xn(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ie(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}function xn(e,t,n){return t=Rn(t),t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Rn(e){var t=Cn(e,"string");return typeof t=="symbol"?t:String(t)}function Cn(e,t){if(typeof e!="object"||e===null)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Nn(e,t){return t.style&&e.props.style&&(t.style=Ae(Ae({},e.props.style),t.style)),t.className&&e.props.className&&(t.className=e.props.className+" "+t.className),Tn.default.cloneElement(e,t)}var te={};te.__esModule=!0;te.resizableProps=void 0;var d=zn(le);function zn(e){return e&&e.__esModule?e:{default:e}}var Mn={axis:d.default.oneOf(["both","x","y","none"]),className:d.default.string,children:d.default.element.isRequired,draggableOpts:d.default.shape({allowAnyClick:d.default.bool,cancel:d.default.string,children:d.default.node,disabled:d.default.bool,enableUserSelectHack:d.default.bool,offsetParent:d.default.node,grid:d.default.arrayOf(d.default.number),handle:d.default.string,nodeRef:d.default.object,onStart:d.default.func,onDrag:d.default.func,onStop:d.default.func,onMouseDown:d.default.func,scale:d.default.number}),height:function(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];var a=n[0];if(a.axis==="both"||a.axis==="y"){var o;return(o=d.default.number).isRequired.apply(o,n)}return d.default.number.apply(d.default,n)},handle:d.default.oneOfType([d.default.node,d.default.func]),handleSize:d.default.arrayOf(d.default.number),lockAspectRatio:d.default.bool,maxConstraints:d.default.arrayOf(d.default.number),minConstraints:d.default.arrayOf(d.default.number),onResizeStop:d.default.func,onResizeStart:d.default.func,onResize:d.default.func,resizeHandles:d.default.arrayOf(d.default.oneOf(["s","w","e","n","sw","nw","se","ne"])),transformScale:d.default.number,width:function(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];var a=n[0];if(a.axis==="both"||a.axis==="x"){var o;return(o=d.default.number).isRequired.apply(o,n)}return d.default.number.apply(d.default,n)}};te.resizableProps=Mn;ee.__esModule=!0;ee.default=void 0;var Z=$n(q),En=On,Wn=Me,Hn=te,qn=["children","className","draggableOpts","width","height","handle","handleSize","lockAspectRatio","axis","minConstraints","maxConstraints","onResize","onResizeStop","onResizeStart","resizeHandles","transformScale"];function et(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,n=new WeakMap;return(et=function(a){return a?n:t})(e)}function $n(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var n=et(t);if(n&&n.has(e))return n.get(e);var r={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(r,o,i):r[o]=e[o]}return r.default=e,n&&n.set(e,r),r}function De(){return De=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},De.apply(this,arguments)}function In(e,t){if(e==null)return{};var n={},r=Object.keys(e),a,o;for(o=0;o<r.length;o++)a=r[o],!(t.indexOf(a)>=0)&&(n[a]=e[a]);return n}function Be(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),n.push.apply(n,r)}return n}function we(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?Be(Object(n),!0).forEach(function(r){An(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Be(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}function An(e,t,n){return t=Bn(t),t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Bn(e){var t=jn(e,"string");return typeof t=="symbol"?t:String(t)}function jn(e,t){if(typeof e!="object"||e===null)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Xn(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,Oe(e,t)}function Oe(e,t){return Oe=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,a){return r.__proto__=a,r},Oe(e,t)}var Ee=function(e){Xn(t,e);function t(){for(var r,a=arguments.length,o=new Array(a),i=0;i<a;i++)o[i]=arguments[i];return r=e.call.apply(e,[this].concat(o))||this,r.handleRefs={},r.lastHandleRect=null,r.slack=null,r}var n=t.prototype;return n.componentWillUnmount=function(){this.resetData()},n.resetData=function(){this.lastHandleRect=this.slack=null},n.runConstraints=function(a,o){var i=this.props,s=i.minConstraints,l=i.maxConstraints,h=i.lockAspectRatio;if(!s&&!l&&!h)return[a,o];if(h){var g=this.props.width/this.props.height,w=a-this.props.width,O=o-this.props.height;Math.abs(w)>Math.abs(O*g)?o=a/g:a=o*g}var T=a,_=o,E=this.slack||[0,0],M=E[0],x=E[1];return a+=M,o+=x,s&&(a=Math.max(s[0],a),o=Math.max(s[1],o)),l&&(a=Math.min(l[0],a),o=Math.min(l[1],o)),this.slack=[M+(T-a),x+(_-o)],[a,o]},n.resizeHandler=function(a,o){var i=this;return function(s,l){var h=l.node,g=l.deltaX,w=l.deltaY;a==="onResizeStart"&&i.resetData();var O=(i.props.axis==="both"||i.props.axis==="x")&&o!=="n"&&o!=="s",T=(i.props.axis==="both"||i.props.axis==="y")&&o!=="e"&&o!=="w";if(!(!O&&!T)){var _=o[0],E=o[o.length-1],M=h.getBoundingClientRect();if(i.lastHandleRect!=null){if(E==="w"){var x=M.left-i.lastHandleRect.left;g+=x}if(_==="n"){var c=M.top-i.lastHandleRect.top;w+=c}}i.lastHandleRect=M,E==="w"&&(g=-g),_==="n"&&(w=-w);var u=i.props.width+(O?g/i.props.transformScale:0),f=i.props.height+(T?w/i.props.transformScale:0),p=i.runConstraints(u,f);u=p[0],f=p[1];var y=u!==i.props.width||f!==i.props.height,m=typeof i.props[a]=="function"?i.props[a]:null,C=a==="onResize"&&!y;m&&!C&&(s.persist==null||s.persist(),m(s,{node:h,size:{width:u,height:f},handle:o})),a==="onResizeStop"&&i.resetData()}}},n.renderResizeHandle=function(a,o){var i=this.props.handle;if(!i)return Z.createElement("span",{className:"react-resizable-handle react-resizable-handle-"+a,ref:o});if(typeof i=="function")return i(a,o);var s=typeof i.type=="string",l=we({ref:o},s?{}:{handleAxis:a});return Z.cloneElement(i,l)},n.render=function(){var a=this,o=this.props,i=o.children,s=o.className,l=o.draggableOpts;o.width,o.height,o.handle,o.handleSize,o.lockAspectRatio,o.axis,o.minConstraints,o.maxConstraints,o.onResize,o.onResizeStop,o.onResizeStart;var h=o.resizeHandles;o.transformScale;var g=In(o,qn);return(0,Wn.cloneElement)(i,we(we({},g),{},{className:(s?s+" ":"")+"react-resizable",children:[].concat(i.props.children,h.map(function(w){var O,T=(O=a.handleRefs[w])!=null?O:a.handleRefs[w]=Z.createRef();return Z.createElement(En.DraggableCore,De({},l,{nodeRef:T,key:"resizableHandle-"+w,onStop:a.resizeHandler("onResizeStop",w),onStart:a.resizeHandler("onResizeStart",w),onDrag:a.resizeHandler("onResize",w)}),a.renderResizeHandle(w,T))}))}))},t}(Z.Component);ee.default=Ee;Ee.propTypes=Hn.resizableProps;Ee.defaultProps={axis:"both",handleSize:[20,20],lockAspectRatio:!1,minConstraints:[20,20],maxConstraints:[1/0,1/0],resizeHandles:["se"],transformScale:1};var pe={};pe.__esModule=!0;pe.default=void 0;var _e=Ln(q),Yn=tt(le),Vn=tt(ee),Un=te,Fn=["handle","handleSize","onResize","onResizeStart","onResizeStop","draggableOpts","minConstraints","maxConstraints","lockAspectRatio","axis","width","height","resizeHandles","style","transformScale"];function tt(e){return e&&e.__esModule?e:{default:e}}function nt(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,n=new WeakMap;return(nt=function(a){return a?n:t})(e)}function Ln(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var n=nt(t);if(n&&n.has(e))return n.get(e);var r={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(r,o,i):r[o]=e[o]}return r.default=e,n&&n.set(e,r),r}function Te(){return Te=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Te.apply(this,arguments)}function je(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),n.push.apply(n,r)}return n}function se(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?je(Object(n),!0).forEach(function(r){Gn(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):je(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}function Gn(e,t,n){return t=kn(t),t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function kn(e){var t=Kn(e,"string");return typeof t=="symbol"?t:String(t)}function Kn(e,t){if(typeof e!="object"||e===null)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Jn(e,t){if(e==null)return{};var n={},r=Object.keys(e),a,o;for(o=0;o<r.length;o++)a=r[o],!(t.indexOf(a)>=0)&&(n[a]=e[a]);return n}function Qn(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,Pe(e,t)}function Pe(e,t){return Pe=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,a){return r.__proto__=a,r},Pe(e,t)}var rt=function(e){Qn(t,e);function t(){for(var r,a=arguments.length,o=new Array(a),i=0;i<a;i++)o[i]=arguments[i];return r=e.call.apply(e,[this].concat(o))||this,r.state={width:r.props.width,height:r.props.height,propsWidth:r.props.width,propsHeight:r.props.height},r.onResize=function(s,l){var h=l.size;r.props.onResize?(s.persist==null||s.persist(),r.setState(h,function(){return r.props.onResize&&r.props.onResize(s,l)})):r.setState(h)},r}t.getDerivedStateFromProps=function(a,o){return o.propsWidth!==a.width||o.propsHeight!==a.height?{width:a.width,height:a.height,propsWidth:a.width,propsHeight:a.height}:null};var n=t.prototype;return n.render=function(){var a=this.props,o=a.handle,i=a.handleSize;a.onResize;var s=a.onResizeStart,l=a.onResizeStop,h=a.draggableOpts,g=a.minConstraints,w=a.maxConstraints,O=a.lockAspectRatio,T=a.axis;a.width,a.height;var _=a.resizeHandles,E=a.style,M=a.transformScale,x=Jn(a,Fn);return _e.createElement(Vn.default,{axis:T,draggableOpts:h,handle:o,handleSize:i,height:this.state.height,lockAspectRatio:O,maxConstraints:w,minConstraints:g,onResizeStart:s,onResize:this.onResize,onResizeStop:l,resizeHandles:_,transformScale:M,width:this.state.width},_e.createElement("div",Te({},x,{style:se(se({},E),{},{width:this.state.width+"px",height:this.state.height+"px"})})))},t}(_e.Component);pe.default=rt;rt.propTypes=se(se({},Un.resizableProps),{},{children:Yn.default.element});Re.exports=function(){throw new Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable")};var Zn=Re.exports.Resizable=ee.default;Re.exports.ResizableBox=pe.default;const xe=35,oe=240,er=q.forwardRef((e,t)=>{const{handleAxis:n,...r}=e;return v.jsx("div",{ref:t,className:S.resizeHandle,...r,children:v.jsx(ut,{icon:Se.DRAG})})}),at=({children:e=null,width:t=400,right:n=!1,onResize:r,setOpen:a})=>{const[o,i]=q.useState(!1),s=window.innerWidth/2,l=(h,{size:g})=>{r&&r(g.width)};return r?v.jsx(Zn,{width:lt.toNumber(t),height:100,minConstraints:[xe,1/0],maxConstraints:[s,1/0],onResize:l,handle:v.jsx(er,{}),resizeHandles:n?["w"]:["e"],axis:"x",className:o?S.isResizing:"",onResizeStart:()=>{a&&a(!0),r&&r(t),i(!0)},onResizeStop:()=>{i(!1),typeof t=="number"&&t<xe+50&&a&&a(!1)},children:e}):v.jsx(v.Fragment,{children:e})};at.__docgenInfo={description:"",methods:[],displayName:"DrawerResizeWrapper",props:{children:{required:!1,tsType:{name:"ReactNode"},description:"",defaultValue:{value:"null",computed:!1}},width:{required:!1,tsType:{name:"union",raw:"number | string",elements:[{name:"number"},{name:"string"}]},description:"",defaultValue:{value:"400",computed:!1}},right:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},onResize:{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:""},setOpen:{required:!1,tsType:{name:"union",raw:"((isOpen: boolean) => void) | null",elements:[{name:"unknown"},{name:"null"}]},description:""}}};const tr=({background:e="var(--color-background-raised)",fixed:t=!1,open:n=!1,setOpen:r,right:a=!1,width:o=400,closedWidth:i=0,shadow:s=!1,top:l=0,button:h=null,buttonAnimate:g=!0,buttonPosition:w=it.BOTTOM,border:O=!1,children:T=null,tabs:_,defaultTabIndex:E=0,activeTab:M,setActiveTab:x,testId:c,onResize:u,getActiveTab:f,onClose:p,onOpen:y})=>{const m=h===!0,C=!m&&q.isValidElement(h),[A,B]=r?[n,r]:m||_?q.useState(n):[n,()=>{}],[F,ne]=q.useState(E),Y=r?n:A,H=r||B,V=x!==void 0?M:F,We=x||ne,L=Array.isArray(o)?o[V||0]:o,K=Y?L:_?xe:i,re=J=>{const me=he=>{_&&he&&he(_[J])};V===J&&Y&&H?(me(p),H(!1)):!Y&&H&&(me(y),H(!0),u&&(ge=>{let G;if(Array.isArray(ge)?G=ge[V||0]:G=ge,typeof G=="number"&&G<oe)u(oe);else if(typeof G=="string"){const He=parseInt(G,10);!isNaN(He)&&He<oe&&u(oe)}})(o)),We(J),me(f)};return v.jsx(at,{width:K,onResize:u,setOpen:H,right:a,children:v.jsxs("div",{className:ie(S.drawer,s?S.shadow:"",t?S.fixed:S.inline,a?S.right:S.left),style:{top:l},children:[v.jsx("div",{className:ie(S.drawerContent,O&&S.border),style:{background:e,borderColor:typeof O=="string"?O:void 0,width:K},children:_?v.jsx(Ye,{width:L,testId:c,tabs:_,open:Y,activeTab:V||0,background:e,handleTabClick:re}):v.jsx("div",{style:{width:L},children:T})}),h&&v.jsx("span",{className:ie(S.toggleButton,A&&(m||C&&g)?S.toggleButtonOpen:"",w==="top"?S.top:S.bottom),children:C?h:v.jsx(ct,{onClick:H?()=>H(!Y):void 0,round:!0,icon:a?Se.CHEVRON_RIGHT:Se.CHEVRON_LEFT})})]})})};tr.__docgenInfo={description:"",methods:[],displayName:"Drawer",props:{background:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'var(--color-background-raised)'",computed:!1}},children:{required:!1,tsType:{name:"ReactNode"},description:"",defaultValue:{value:"null",computed:!1}},fixed:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},open:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},setOpen:{required:!1,tsType:{name:"signature",type:"function",raw:"(openState: boolean) => void",signature:{arguments:[{type:{name:"boolean"},name:"openState"}],return:{name:"void"}}},description:""},right:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},shadow:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},top:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"0",computed:!1}},width:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | Array<TStringOrNumber>",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"Array",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]}],raw:"Array<TStringOrNumber>"}]},description:"",defaultValue:{value:"400",computed:!1}},closedWidth:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"0",computed:!1}},button:{required:!1,tsType:{name:"union",raw:"boolean | ReactNode",elements:[{name:"boolean"},{name:"ReactNode"}]},description:"",defaultValue:{value:"null",computed:!1}},buttonAnimate:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},buttonPosition:{required:!1,tsType:{name:"union",raw:"TButtonPosition | string",elements:[{name:"union",raw:"'top' | 'bottom'",elements:[{name:"literal",value:"'top'"},{name:"literal",value:"'bottom'"}]},{name:"string"}]},description:"",defaultValue:{value:"ButtonPosition.BOTTOM",computed:!0}},border:{required:!1,tsType:{name:"union",raw:"boolean | string",elements:[{name:"boolean"},{name:"string"}]},description:"",defaultValue:{value:"false",computed:!1}},tabs:{required:!1,tsType:{name:"Array",elements:[{name:"IDrawerTab"}],raw:"IDrawerTab[]"},description:""},defaultTabIndex:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"0",computed:!1}},activeTab:{required:!1,tsType:{name:"number"},description:""},setActiveTab:{required:!1,tsType:{name:"signature",type:"function",raw:"(index: number) => void",signature:{arguments:[{type:{name:"number"},name:"index"}],return:{name:"void"}}},description:""},testId:{required:!1,tsType:{name:"string"},description:""},onResize:{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:""},getActiveTab:{required:!1,tsType:{name:"signature",type:"function",raw:"(tab: IDrawerTab) => void",signature:{arguments:[{type:{name:"IDrawerTab"},name:"tab"}],return:{name:"void"}}},description:""},onClose:{required:!1,tsType:{name:"signature",type:"function",raw:"(tab?: IDrawerTab) => any",signature:{arguments:[{type:{name:"IDrawerTab"},name:"tab"}],return:{name:"any"}}},description:""},onOpen:{required:!1,tsType:{name:"signature",type:"function",raw:"(tab?: IDrawerTab) => any",signature:{arguments:[{type:{name:"IDrawerTab"},name:"tab"}],return:{name:"any"}}},description:""}}};export{tr as D};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as j}from"./index-DhsZuJvc.js";import{I as n}from"./common-types-Sih75Sav.js";import{D as a}from"./drawer-
|
|
1
|
+
import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as j}from"./index-DhsZuJvc.js";import{I as n}from"./common-types-Sih75Sav.js";import{D as a}from"./drawer-DOWJp9T4.js";import{B as S}from"./button-DHevvVBE.js";import{L as y}from"./list-bKpz6I9Q.js";import{H as s}from"./heading-CRNoBc7q.js";import{F as ae}from"./flex-EllkLxgO.js";import{l as f}from"./list.stories-data-D_Aj3AN4.js";import{I as t}from"./icon-BSFY3vDO.js";import"./index-Bk2sglWO.js";import"./badge-CLQ59MDF.js";import"./lodash-c4VUpsOs.js";import"./index-CEuq6vkz.js";import"./index-CUZDtIZe.js";import"./disabled-context-rmpd7YJS.js";import"./spinner-AWUe4xwQ.js";import"./tooltip-1V7clEnw.js";import"./index.es-DazXb-ul.js";import"./inheritsLoose-DP0QEDDI.js";import"./redux-tRgGMjwY.js";import"./objectSpread2-DW4nTBoq.js";import"./tiny-invariant-DqLgxztJ.js";import"./memoize-one.esm-CcMeOnPo.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./card-EcjmryU9.js";import"./meta-content-DWZbURV2.js";import"./actions-D-uVCDzk.js";import"./types-BmbYqTX_.js";import"./types-Dx2TtIG9.js";import"./loader-XHoVniao.js";import"./help-icon-Buhx5nl6.js";const Pe={title:"Layout/Drawer",component:a,args:{button:!0,open:!0,right:!1,border:!0,shadow:!1,width:"300px",closedWidth:"var(--size-sidebar)",top:void 0,children:e.jsx("div",{style:{padding:"var(--padding)"},children:"Drawer content"})},argTypes:{button:{table:{disable:!0}}},decorators:[r=>e.jsxs(ae,{height:"400px",wrap:!1,children:[e.jsx("div",{style:{flexGrow:1,padding:"var(--padding)",background:"var(--color-background)"},children:"Page content"}),r()]})],parameters:{layout:"fullscreen"}},m=r=>e.jsx(a,{...r}),v=m.bind({}),b=m.bind({});b.args={right:!0};const d=m.bind({});d.args={fixed:!0};d.parameters={docs:{story:{inline:!1,iframeHeight:400}}};const h=m.bind({});h.args={button:e.jsx(S,{colored:!0,round:!0,icon:n.LEFT}),buttonAnimate:!0};const x=m.bind({});x.args={shadow:!0};const p=()=>{const[r,o]=j.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(a,{button:e.jsx(S,{onClick:()=>o(!r),round:!0,icon:n.CHEVRON_LEFT}),width:"300px",closedWidth:"var(--size-sidebar)",border:!0,open:r,children:e.jsx(y,{drawer:!0,list:f,narrow:!r})}),e.jsx(a,{button:e.jsx(S,{onClick:()=>o(!r),round:!0,icon:n.CHEVRON_LEFT}),width:"300px",closedWidth:"var(--size-sidebar)",border:!0,open:r,children:e.jsx(y,{drawer:!0,list:f,narrow:!r})})]})};p.parameters={docs:{description:{story:"To hide `List` headings when the `Drawer` is closed, set the `narrow` prop on the `List`."}}};const c=m.bind({});c.args={right:!0,button:!1,closedWidth:0,width:["200px","300px","400px","400px"],defaultTabIndex:1,tabs:[{icon:e.jsx(t,{icon:n.HELP}),content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"Help"}),"Example content goes here lorem ipsum. ".repeat(500)]})},{icon:e.jsx(t,{icon:n.SETTINGS}),content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"Settings"}),"Example content goes here lorem ipsum. ".repeat(500)]})},{icon:e.jsx(t,{icon:n.LIST}),badge:"2",content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"List"}),"Example content goes here lorem ipsum. ".repeat(500)]})},{icon:e.jsx(t,{icon:n.EDIT}),disabled:!0,content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"Edit"}),"Example content goes here lorem ipsum. ".repeat(500)]})}]};c.parameters={docs:{description:{story:"The top tab will be open by default, but you can set `defaultTabIndex` if you need a different tab open. If you need different widths per tab, pass an array of widths to `width`."}}};const l=()=>{const[r,o]=j.useState(!1),g=[{icon:e.jsx(t,{icon:n.HELP})},{icon:e.jsx(t,{icon:n.SETTINGS})}],E=i=>{i&&console.log("on close",i)},I=i=>{i&&console.log("on open",i)};return e.jsx(a,{border:!0,right:!0,tabs:g,open:r,setOpen:o,onClose:E,onOpen:I})};l.parameters={docs:{description:{story:"If a `setOpen` prop is set, the drawer will not manage its open state internally and can be controlled."}}};const u=()=>{const[r,o]=j.useState(0),g=[{icon:e.jsx(t,{icon:n.HELP})},{icon:e.jsx(t,{icon:n.SETTINGS})}];return e.jsx(a,{border:!0,right:!0,tabs:g,activeTab:r,setActiveTab:o})};u.parameters={docs:{description:{story:"If `activeTab` and `setActiveTab` props are set, the drawer will not manage the tab state internally and can be controlled."}}};const w=()=>{const r=[{icon:e.jsx(t,{icon:n.HELP}),content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"Help"}),"Example content goes here lorem ipsum. ".repeat(500)]})},{icon:e.jsx(t,{icon:n.SETTINGS}),content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"Settings"}),"Example content goes here lorem ipsum. ".repeat(500)]})}],o=[{icon:e.jsx(t,{icon:n.EDIT}),content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"Edit"}),"Example content goes here lorem ipsum. ".repeat(500)]})}];return e.jsxs(e.Fragment,{children:[e.jsx(a,{right:!0,tabs:r,border:!0,open:!0}),e.jsx(a,{right:!0,tabs:o,border:!0,open:!0})]})},T=()=>{const[r,o]=j.useState(!0),[g,E]=j.useState(300),I=[{icon:e.jsx(t,{icon:n.HELP}),content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"Help"}),"Example content goes here lorem ipsum. ".repeat(500)]})},{icon:e.jsx(t,{icon:n.SETTINGS}),content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"Settings"}),"Example content goes here lorem ipsum dolor. ".repeat(500)]})}];return e.jsx(e.Fragment,{children:e.jsx(a,{right:!0,tabs:I,border:!0,open:r,setOpen:o,width:g,onResize:i=>{E(i)}})})};p.__docgenInfo={description:"",methods:[],displayName:"WithList"};l.__docgenInfo={description:"",methods:[],displayName:"ControlledOpenClose"};u.__docgenInfo={description:"",methods:[],displayName:"ControlledTabs"};w.__docgenInfo={description:"",methods:[],displayName:"MultipleTabbedDrawers"};T.__docgenInfo={description:"",methods:[],displayName:"Resizable"};var D,H,L;v.parameters={...v.parameters,docs:{...(D=v.parameters)==null?void 0:D.docs,source:{originalSource:`args => {
|
|
2
2
|
return <Drawer
|
|
3
3
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
4
4
|
{...args} />;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as P}from"./index-DhsZuJvc.js";import{F as s}from"./field-HrLaMLbx.js";import{I as o}from"./input-
|
|
1
|
+
import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as P}from"./index-DhsZuJvc.js";import{F as s}from"./field-HrLaMLbx.js";import{I as o}from"./input-DTXbDJaL.js";import{T as x}from"./text-B3-TSWok.js";import"./index-Bk2sglWO.js";import"./label-CqmyC9he.js";import"./common-types-Sih75Sav.js";import"./help-icon-Buhx5nl6.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./types-Dx2TtIG9.js";import"./lodash-c4VUpsOs.js";const ge={title:"Forms/Field",component:s,args:{label:"Label",labelLeft:!1}},t=r=>e.jsx(s,{...r,children:e.jsx(o,{})}),u=t.bind({}),a=t.bind({});a.args={labelLeft:!0};const n=t.bind({});n.args={labelLeft:!0,labelWidth:"80px"};const l=t.bind({});l.args={helpText:"Tooltip goes here"};const i=t.bind({});i.args={onClickHelp:()=>{}};const c=r=>e.jsxs(e.Fragment,{children:[e.jsxs(s,{...r,children:[e.jsx(o,{}),e.jsx(x,{small:!0,faint:!0,children:"Help text goes here"})]}),e.jsxs(s,{...r,children:[e.jsx(o,{error:"Error text goes here"}),e.jsx(x,{small:!0,error:!0,children:"Error text goes here"})]}),e.jsxs(s,{...r,children:[e.jsx(o,{warning:"Error text goes here"}),e.jsx(x,{small:!0,warning:!0,children:"Warning text goes here"})]})]}),d=t.bind({});d.args={info:"Info goes here"};const p=()=>{const[r,K]=P.useState(!1),M=()=>K(!r);return e.jsx(s,{label:"Label",lock:{visible:!0,active:r,onClick:M,tooltip:r?"Unlock":"Lock",testId:"testId"},children:e.jsx(o,{disabled:r})})},m=t.bind({});m.args={libraryIcon:{onClick:()=>{},tooltip:"View in library"}};const g=()=>e.jsxs(s,{labelLeft:!0,label:"Label",children:[e.jsx(o,{}),e.jsx(o,{})]});c.__docgenInfo={description:"",methods:[],displayName:"HelpTextBelow"};p.__docgenInfo={description:"",methods:[],displayName:"LockIcon"};g.__docgenInfo={description:"",methods:[],displayName:"TestWrappingFields"};var b,I,F;u.parameters={...u.parameters,docs:{...(b=u.parameters)==null?void 0:b.docs,source:{originalSource:`args => <Field {...args}>
|
|
2
2
|
<Input />
|
|
3
3
|
</Field>`,...(F=(I=u.parameters)==null?void 0:I.docs)==null?void 0:F.source}}};var h,L,f;a.parameters={...a.parameters,docs:{...(h=a.parameters)==null?void 0:h.docs,source:{originalSource:`args => <Field {...args}>
|
|
4
4
|
<Input />
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import{j as n}from"./jsx-runtime-eps93zm2.js";import{A as I}from"./actions-D-uVCDzk.js";import{r as u}from"./index-DhsZuJvc.js";import{B as L}from"./button-DHevvVBE.js";import{D as N}from"./disabled-context-rmpd7YJS.js";import{l as A}from"./lodash-c4VUpsOs.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./types-BmbYqTX_.js";import"./types-Dx2TtIG9.js";import"./badge-CLQ59MDF.js";import"./spinner-AWUe4xwQ.js";const s=({file:o,accept:w,multi:l,name:C,disabled:k,onChange:x=A.noop,...E})=>{const h=u.useContext(N),i=u.useRef(null),F=()=>{var e;k||h||(e=i.current)==null||e.click()},B=e=>{var m;const j=l?e.target.files:(m=e.target.files)==null?void 0:m[0],R={...e,target:{...e.target,value:j,name:e.target.name}};x(R),i.current&&(i.current.value="")};return n.jsxs(n.Fragment,{children:[n.jsx(L,{...E,onClick:F}),n.jsx("input",{name:C,ref:i,style:{display:"none"},type:"file",accept:w,multiple:l,onChange:B})]})};s.__docgenInfo={description:"",methods:[],displayName:"FileButton",props:{active:{required:!1,tsType:{name:"boolean"},description:""},basic:{required:!1,tsType:{name:"boolean"},description:""},colored:{required:!1,tsType:{name:"union",raw:"boolean | string",elements:[{name:"boolean"},{name:"string"}]},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},groupOrder:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""},icon:{required:!1,tsType:{name:"union",raw:"ReactNode | string",elements:[{name:"ReactNode"},{name:"string"}]},description:""},label:{required:!1,tsType:{name:"union",raw:"ReactNode | string | null",elements:[{name:"ReactNode"},{name:"string"},{name:"null"}]},description:""},loading:{required:!1,tsType:{name:"boolean"},description:""},name:{required:!1,tsType:{name:"string"},description:""},onClick:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: MouseEvent<HTMLButtonElement>) => void",signature:{arguments:[{type:{name:"MouseEvent",elements:[{name:"HTMLButtonElement"}],raw:"MouseEvent<HTMLButtonElement>"},name:"evt"}],return:{name:"void"}}},description:""},pill:{required:!1,tsType:{name:"boolean"},description:""},round:{required:!1,tsType:{name:"boolean"},description:""},small:{required:!1,tsType:{name:"boolean"},description:""},styles:{required:!1,tsType:{name:"string"},description:""},width:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},title:{required:!1,tsType:{name:"string"},description:""},type:{required:!1,tsType:{name:"union",raw:"TButtonType | string",elements:[{name:"union",raw:"'submit' | 'button' | 'reset'",elements:[{name:"literal",value:"'submit'"},{name:"literal",value:"'button'"},{name:"literal",value:"'reset'"}]},{name:"string"}]},description:""},error:{required:!1,tsType:{name:"string"},description:""},warning:{required:!1,tsType:{name:"string"},description:""},testId:{required:!1,tsType:{name:"string"},description:""},tooltip:{required:!1,tsType:{name:"union",raw:"ReactNode | string",elements:[{name:"ReactNode"},{name:"string"}]},description:""},inverted:{required:!1,tsType:{name:"boolean"},description:""},component:{required:!1,tsType:{name:"ReactElementType",raw:"React.ElementType"},description:""},url:{required:!1,tsType:{name:"string"},description:""},file:{required:!1,tsType:{name:"File"},description:""},accept:{required:!1,tsType:{name:"string"},description:""},multi:{required:!1,tsType:{name:"boolean"},description:""},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:`(
|
|
2
|
+
event: TChangeEvent<T>,
|
|
3
|
+
...additionalProps: { [key: string]: any }[]
|
|
4
|
+
) => void`,signature:{arguments:[{type:{name:"intersection",raw:`ChangeEvent<T> & {
|
|
5
|
+
target:
|
|
6
|
+
| T
|
|
7
|
+
| { name: string; value: any; label?: string; files?: FileList | null };
|
|
8
|
+
}`,elements:[{name:"ChangeEvent",elements:[{name:"T"}],raw:"ChangeEvent<T>"},{name:"signature",type:"object",raw:`{
|
|
9
|
+
target:
|
|
10
|
+
| T
|
|
11
|
+
| { name: string; value: any; label?: string; files?: FileList | null };
|
|
12
|
+
}`,signature:{properties:[{key:"target",value:{name:"union",raw:`| T
|
|
13
|
+
| { name: string; value: any; label?: string; files?: FileList | null }`,elements:[{name:"T"},{name:"signature",type:"object",raw:"{ name: string; value: any; label?: string; files?: FileList | null }",signature:{properties:[{key:"name",value:{name:"string",required:!0}},{key:"value",value:{name:"any",required:!0}},{key:"label",value:{name:"string",required:!1}},{key:"files",value:{name:"union",raw:"FileList | null",elements:[{name:"FileList"},{name:"null"}],required:!1}}]}}],required:!0}}]}}]},name:"event"},{type:{name:"Array",elements:[{name:"signature",type:"object",raw:"{ [key: string]: any }",signature:{properties:[{key:{name:"string"},value:{name:"any",required:!0}}]}}],raw:"{ [key: string]: any }[]"},name:"additionalProps",rest:!0}],return:{name:"void"}}},description:"",defaultValue:{value:"noop",computed:!0}}}};const $={title:"Forms/FileButton",component:s},v=o=>n.jsx(s,{...o}),t=v.bind({});t.args={label:"Import"};const r=v.bind({});r.args={icon:"upload",round:!0,colored:"muted",basic:!0,small:!0};const a=()=>n.jsx(I,{actions:[{childComponent:n.jsx(s,{icon:"upload",round:!0,small:!0,basic:!0,colored:"muted"})},{icon:"download",onClick:()=>{}},{icon:"add",primary:!0,onClick:()=>{}}]});a.__docgenInfo={description:"",methods:[],displayName:"InActions"};var p,d,c;t.parameters={...t.parameters,docs:{...(p=t.parameters)==null?void 0:p.docs,source:{originalSource:"args => <FileButton {...args} />",...(c=(d=t.parameters)==null?void 0:d.docs)==null?void 0:c.source}}};var g,y,f;r.parameters={...r.parameters,docs:{...(g=r.parameters)==null?void 0:g.docs,source:{originalSource:"args => <FileButton {...args} />",...(f=(y=r.parameters)==null?void 0:y.docs)==null?void 0:f.source}}};var T,b,q;a.parameters={...a.parameters,docs:{...(T=a.parameters)==null?void 0:T.docs,source:{originalSource:`() => <Actions actions={[{
|
|
14
|
+
childComponent: <FileButton icon="upload" round small basic colored="muted" />
|
|
15
|
+
}, {
|
|
16
|
+
icon: 'download',
|
|
17
|
+
onClick: () => {}
|
|
18
|
+
}, {
|
|
19
|
+
icon: 'add',
|
|
20
|
+
primary: true,
|
|
21
|
+
onClick: () => {}
|
|
22
|
+
}]} />`,...(q=(b=a.parameters)==null?void 0:b.docs)==null?void 0:q.source}}};const ee=["Text","Icon","InActions"];export{r as Icon,a as InActions,t as Text,ee as __namedExportsOrder,$ as default};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import{j as l}from"./jsx-runtime-eps93zm2.js";import{r as c}from"./index-DhsZuJvc.js";import{D as F}from"./disabled-context-rmpd7YJS.js";import{l as x}from"./lodash-c4VUpsOs.js";import{I as R}from"./input-group-BaRSJAEN.js";import{I as h}from"./input-DTXbDJaL.js";import{B as k}from"./button-DHevvVBE.js";const C="_fileInput_1elar_1",I={fileInput:C};var g=(e=>(e.READ_AS_TEXT="readAsText",e.READ_AS_ARRAY_BUFFER="readAsArrayBuffer",e.READ_AS_DATA_URL="readAsDataURL",e.READ_AS_BINARY_STRING="readAsBinaryString",e))(g||{});const G=(e=new Blob,r=g.READ_AS_TEXT)=>{const n=new FileReader;return new Promise((t,s)=>{if(r in n)n[r](e);else{s(new Error("Invalid FileReader method"));return}n.onload=()=>{n.result!==null?t(n.result):s(new Error("File reading resulted in null"))},n.onerror=u=>s(u)})},S=(e,r)=>{var t;let n;return e?(r?n=`Selected - ${(t=Object.keys(e))==null?void 0:t.length} files`:n=e==null?void 0:e.name,n||null):null},j=({label:e="Select",loading:r=!1,placeholder:n="No file selected",disabled:t=!1,file:s,accept:u,multi:o,name:y,width:T,onChange:A=x.noop,testId:b})=>{const m=c.useContext(F),i=c.useRef(null),v=S(s,o),E=()=>{var a;t||m||(a=i.current)==null||a.click()},_=a=>{var d,p,f;const q=o?(d=a==null?void 0:a.target)==null?void 0:d.files:(f=(p=a==null?void 0:a.target)==null?void 0:p.files)==null?void 0:f[0],w={...a,target:{...a.target,value:q,name:a.target.name}};A(w),i.current&&(i.current.value="")};return l.jsxs("div",{onClick:E,style:{width:T},children:[l.jsxs(R,{children:[l.jsx(h,{value:v||"",placeholder:n,disabled:!0}),l.jsx(k,{label:e,loading:r,disabled:r||t||m,groupOrder:"last"})]}),l.jsx("input",{name:y,ref:i,className:I.fileInput,type:"file",accept:u,multiple:o,onChange:_,"data-testid":b})]})};j.__docgenInfo={description:"",methods:[],displayName:"FileInput",props:{label:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:"",defaultValue:{value:"'Select'",computed:!1}},loading:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},placeholder:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'No file selected'",computed:!1}},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},file:{required:!1,tsType:{name:"File"},description:""},accept:{required:!1,tsType:{name:"string"},description:""},multi:{required:!1,tsType:{name:"boolean"},description:""},name:{required:!1,tsType:{name:"string"},description:""},width:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:`(
|
|
2
|
+
event: TChangeEvent<T>,
|
|
3
|
+
...additionalProps: { [key: string]: any }[]
|
|
4
|
+
) => void`,signature:{arguments:[{type:{name:"intersection",raw:`ChangeEvent<T> & {
|
|
5
|
+
target:
|
|
6
|
+
| T
|
|
7
|
+
| { name: string; value: any; label?: string; files?: FileList | null };
|
|
8
|
+
}`,elements:[{name:"ChangeEvent",elements:[{name:"T"}],raw:"ChangeEvent<T>"},{name:"signature",type:"object",raw:`{
|
|
9
|
+
target:
|
|
10
|
+
| T
|
|
11
|
+
| { name: string; value: any; label?: string; files?: FileList | null };
|
|
12
|
+
}`,signature:{properties:[{key:"target",value:{name:"union",raw:`| T
|
|
13
|
+
| { name: string; value: any; label?: string; files?: FileList | null }`,elements:[{name:"T"},{name:"signature",type:"object",raw:"{ name: string; value: any; label?: string; files?: FileList | null }",signature:{properties:[{key:"name",value:{name:"string",required:!0}},{key:"value",value:{name:"any",required:!0}},{key:"label",value:{name:"string",required:!1}},{key:"files",value:{name:"union",raw:"FileList | null",elements:[{name:"FileList"},{name:"null"}],required:!1}}]}}],required:!0}}]}}]},name:"event"},{type:{name:"Array",elements:[{name:"signature",type:"object",raw:"{ [key: string]: any }",signature:{properties:[{key:{name:"string"},value:{name:"any",required:!0}}]}}],raw:"{ [key: string]: any }[]"},name:"additionalProps",rest:!0}],return:{name:"void"}}},description:"",defaultValue:{value:"noop",computed:!0}},testId:{required:!1,tsType:{name:"string"},description:""}}};export{j as F,G as r};
|
package/dist/storybook/assets/{file-input.stories-BW--e4ZG.js → file-input.stories-CWD5XYE9.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as m}from"./index-DhsZuJvc.js";import{F as c,r as U}from"./file-input-
|
|
1
|
+
import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as m}from"./index-DhsZuJvc.js";import{F as c,r as U}from"./file-input-X3BnZaHk.js";import{S as d}from"./spacer-BWoNR27H.js";import{M as w,a as J}from"./message-Y48EomV-.js";import{T as R}from"./textarea-D6ltcKhz.js";import"./disabled-context-rmpd7YJS.js";import"./lodash-c4VUpsOs.js";import"./input-group-BaRSJAEN.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./input-DTXbDJaL.js";import"./types-Dx2TtIG9.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./button-DHevvVBE.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";const{useArgs:L}=__STORYBOOK_MODULE_PREVIEW_API__,ne={title:"Forms/FileInput",component:c,args:{file:null}},T=t=>{const[r,s]=L(),a=u=>{s({file:u.target.value})};return e.jsx(c,{...t,onChange:a})},p=T.bind({}),n=T.bind({});n.args={accept:".json"};n.parameters={docs:{description:{story:"See [accept attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept) to restrict file type"}}};const o=()=>{const[t,r]=m.useState(),[s,a]=m.useState({});return e.jsxs(e.Fragment,{children:[e.jsx(c,{file:t,onChange:async u=>{const f=u.target.value;try{const g=await U(f),E=JSON.parse(g);a(E)}catch(g){console.log(g)}r(f)},accept:".json"}),e.jsx(d,{}),t?e.jsx(R,{monospace:!0,value:JSON.stringify(s,null,2),rows:20}):e.jsx(w,{message:{visible:!0,content:"Upload a JSON file to see preview",type:J.INFO}})]})},i=()=>{const[t,r]=m.useState();return e.jsxs(e.Fragment,{children:[e.jsx(c,{file:t,onChange:s=>{r(s.target.value)},accept:"image/*"}),e.jsx(d,{}),t?e.jsx("img",{src:t?URL.createObjectURL(t):"",alt:"Preview",style:{maxHeight:"400px",maxWidth:"400px"}}):e.jsx(w,{message:{visible:!0,content:"Upload an image file to see preview",type:J.INFO}})]})},l=()=>{const[t,r]=m.useState(),s=t?Object.values(t).map(a=>a.name):[];return e.jsxs(e.Fragment,{children:[e.jsx(c,{file:t,onChange:({target:a})=>r(a.value),multi:!0}),e.jsx(d,{}),!!s.length&&e.jsx(R,{monospace:!0,value:s.join(`,
|
|
2
2
|
`),rows:10})]})};o.__docgenInfo={description:"",methods:[],displayName:"ReadJSONFile"};i.__docgenInfo={description:"",methods:[],displayName:"Image"};l.__docgenInfo={description:"",methods:[],displayName:"Multi"};var v,h,x;p.parameters={...p.parameters,docs:{...(v=p.parameters)==null?void 0:v.docs,source:{originalSource:`args => {
|
|
3
3
|
const [_, updateArgs] = useArgs();
|
|
4
4
|
const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime-eps93zm2.js";import{T as p}from"./table-D9JJ68Tx.js";import{t as a,r as s}from"./table.stories-data-D52aKMY1.js";import"./index-DhsZuJvc.js";import"./index-Bk2sglWO.js";import"./index.es-DazXb-ul.js";import"./inheritsLoose-DP0QEDDI.js";import"./redux-tRgGMjwY.js";import"./objectSpread2-DW4nTBoq.js";import"./tiny-invariant-DqLgxztJ.js";import"./index-CUZDtIZe.js";import"./memoize-one.esm-CcMeOnPo.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./lodash-c4VUpsOs.js";import"./actions-D-uVCDzk.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./button-DHevvVBE.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./index-CEuq6vkz.js";import"./tooltip-1V7clEnw.js";import"./types-BmbYqTX_.js";import"./types-Dx2TtIG9.js";import"./badge-CLQ59MDF.js";import"./heading-CRNoBc7q.js";import"./help-icon-Buhx5nl6.js";import"./pagination-D6pYWeQM.js";import"./select-V2ZNp3Pv.js";import"./assertThisInitialized-B9jnkVVz.js";import"./text-B3-TSWok.js";import"./select.input-CJed_LLR.js";import"./helpers-JJxzGegQ.js";import"./input-DTXbDJaL.js";import"./input-group-BaRSJAEN.js";import"./input-group-addon-D68iUKV2.js";import"./number-input-Ct8VwJX0.js";import"./index-DaLCDjg_.js";import"./index-DRSy5Ssd.js";import"./check-box-DPLaOkRR.js";import"./slider-C7vnj_3M.js";import"./index-BI4_Bp97.js";import"./popover-rq33c1W2.js";import"./flex-EllkLxgO.js";const rr={title:"Basic/Table/Footer",component:p,args:{table:{...a}}},n=i=>e.jsx(p,{...i}),r=n.bind({});r.args={table:s};var o,t,m;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:`args => {
|
|
2
|
+
return <Table {...args} />;
|
|
3
|
+
}`,...(m=(t=r.parameters)==null?void 0:t.docs)==null?void 0:m.source}}};const or=["Footer"];export{r as Footer,or as __namedExportsOrder,rr as default};
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime-eps93zm2.js";import{T as W}from"./common-types-Sih75Sav.js";import{D as A}from"./disabled-context-rmpd7YJS.js";import{F as s}from"./field-HrLaMLbx.js";import{I as b}from"./input-DTXbDJaL.js";import{S as c}from"./select-V2ZNp3Pv.js";import{C as G}from"./check-box-DPLaOkRR.js";import{B as N}from"./button-group-1DEZPmxq.js";import{B as _}from"./button-DHevvVBE.js";import{T as E}from"./toggle-BbFVf61v.js";import{I as V}from"./input-group-BaRSJAEN.js";import{I as x}from"./input-group-addon-D68iUKV2.js";import{S as U}from"./slider-C7vnj_3M.js";import{T as $}from"./textarea-D6ltcKhz.js";import{R as q}from"./radio-button-C4ljBRED.js";import{M as z}from"./actions-D-uVCDzk.js";import{F as H}from"./form-row-CM112EYF.js";import{M as g}from"./types-BmbYqTX_.js";import"./index-DhsZuJvc.js";import"./index-Bk2sglWO.js";import"./label-CqmyC9he.js";import"./help-icon-Buhx5nl6.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./types-Dx2TtIG9.js";import"./lodash-c4VUpsOs.js";import"./assertThisInitialized-B9jnkVVz.js";import"./memoize-one.esm-CcMeOnPo.js";import"./text-B3-TSWok.js";import"./select.input-CJed_LLR.js";import"./helpers-JJxzGegQ.js";import"./spinner-AWUe4xwQ.js";import"./objectSpread2-DW4nTBoq.js";import"./index-BI4_Bp97.js";import"./badge-CLQ59MDF.js";const Ie={title:"Forms/Layout",argTypes:{labelWidth:"text"},args:{small:!1,row:!1,labelLeft:!1,labelWidth:void 0,disabled:!1}},v=t=>{const{small:o,labelLeft:r,labelWidth:a}=t;return e.jsxs(e.Fragment,{children:[e.jsx(s,{label:"Input",helpText:"Some help text",labelLeft:r,labelWidth:a,children:e.jsx(b,{value:"Value",small:o})}),e.jsx(s,{label:"TextArea",helpText:"Some very long help text that needs to have its width constrained so it doesn't look silly",helpTextMaxWidth:200,labelLeft:r,labelWidth:a,children:e.jsx($,{value:"Value"})}),e.jsx(s,{label:"Select (native)",labelLeft:r,labelWidth:a,children:e.jsx(c,{options:[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"}],value:{label:"Option 2",value:"2"},native:!0,small:o,width:"auto"})}),e.jsx(s,{label:"Select (custom)",labelLeft:r,labelWidth:a,children:e.jsx(c,{options:[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"}],value:{label:"Option 2",value:"2"},small:o,width:"auto"})}),e.jsx(s,{label:"Select (multi)",labelLeft:r,labelWidth:a,children:e.jsx(c,{options:[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"}],value:[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"}],small:o})}),e.jsx(s,{label:"Slider",labelLeft:r,labelWidth:a,children:e.jsx(U,{width:"300px",name:"example",label:"Number of aardvarks",value:35,min:0,max:100,step:1,onChange:()=>{},showArrows:!0,showTooltip:!0,small:o})}),e.jsx(s,{label:"ButtonGroup",labelLeft:r,labelWidth:a,children:e.jsx(N,{items:[{key:"0",label:"Option 1",value:"1"},{key:"1",label:"Option 2",value:"2"}],value:0,small:o})}),e.jsx(s,{label:"InputGroup",labelLeft:r,labelWidth:a,children:e.jsxs(V,{small:o,children:[e.jsx(x,{children:"$"}),e.jsx(b,{name:"example",value:"123",onChange:()=>{}}),e.jsx(x,{children:"each"})]})}),e.jsx(s,{label:"Menu",labelLeft:r,labelWidth:a,children:e.jsx(z,{menu:{label:"Menu",trigger:W.DROP_DOWN_BUTTON,sections:[{type:g.OPTION,label:"Lorem"},{type:g.OPTION,label:"Ipsum"}],small:o}})}),e.jsx(s,{label:"CheckBox",labelLeft:r,labelWidth:a,children:e.jsx(G,{label:"CheckBox",checked:!0,small:o,onChange:()=>{}})}),e.jsx(s,{label:"RadioButton",labelLeft:r,labelWidth:a,children:e.jsx(q,{options:[{label:"Aardvarks",value:"termites"},{label:"Monkeys",value:"bananas"}],value:{label:"Monkeys",value:"bananas"},inline:!0,small:o})}),e.jsx(s,{label:"Toggle",labelLeft:r,labelWidth:a,children:e.jsx(E,{label:"Toggle",checked:!0,onChange:()=>{},small:o})}),e.jsx(s,{labelLeft:r,labelWidth:a,children:e.jsx(_,{colored:!0,label:"Button",onClick:()=>{},small:o})})]})},l=t=>{const{row:o,disabled:r}=t;return e.jsx(A.Provider,{value:r,children:o?e.jsx(H,{children:v(t)}):v(t)})},u=l.bind({}),n=l.bind({});n.args={small:!0};const i=l.bind({});i.args={labelLeft:!0,labelWidth:100};const d=l.bind({});d.args={row:!0};const m=l.bind({});m.args={row:!0,small:!0};const p=l.bind({});p.args={disabled:!0};var h,w,j;u.parameters={...u.parameters,docs:{...(h=u.parameters)==null?void 0:h.docs,source:{originalSource:`args => {
|
|
2
|
+
const {
|
|
3
|
+
row,
|
|
4
|
+
disabled
|
|
5
|
+
} = args;
|
|
6
|
+
return <DisabledContext.Provider value={disabled}>
|
|
7
|
+
{row ? <FormRow>{renderFields(args)}</FormRow> : renderFields(args)}
|
|
8
|
+
</DisabledContext.Provider>;
|
|
9
|
+
}`,...(j=(w=u.parameters)==null?void 0:w.docs)==null?void 0:j.source}}};var f,F,C;n.parameters={...n.parameters,docs:{...(f=n.parameters)==null?void 0:f.docs,source:{originalSource:`args => {
|
|
10
|
+
const {
|
|
11
|
+
row,
|
|
12
|
+
disabled
|
|
13
|
+
} = args;
|
|
14
|
+
return <DisabledContext.Provider value={disabled}>
|
|
15
|
+
{row ? <FormRow>{renderFields(args)}</FormRow> : renderFields(args)}
|
|
16
|
+
</DisabledContext.Provider>;
|
|
17
|
+
}`,...(C=(F=n.parameters)==null?void 0:F.docs)==null?void 0:C.source}}};var O,R,T;i.parameters={...i.parameters,docs:{...(O=i.parameters)==null?void 0:O.docs,source:{originalSource:`args => {
|
|
18
|
+
const {
|
|
19
|
+
row,
|
|
20
|
+
disabled
|
|
21
|
+
} = args;
|
|
22
|
+
return <DisabledContext.Provider value={disabled}>
|
|
23
|
+
{row ? <FormRow>{renderFields(args)}</FormRow> : renderFields(args)}
|
|
24
|
+
</DisabledContext.Provider>;
|
|
25
|
+
}`,...(T=(R=i.parameters)==null?void 0:R.docs)==null?void 0:T.source}}};var D,S,P;d.parameters={...d.parameters,docs:{...(D=d.parameters)==null?void 0:D.docs,source:{originalSource:`args => {
|
|
26
|
+
const {
|
|
27
|
+
row,
|
|
28
|
+
disabled
|
|
29
|
+
} = args;
|
|
30
|
+
return <DisabledContext.Provider value={disabled}>
|
|
31
|
+
{row ? <FormRow>{renderFields(args)}</FormRow> : renderFields(args)}
|
|
32
|
+
</DisabledContext.Provider>;
|
|
33
|
+
}`,...(P=(S=d.parameters)==null?void 0:S.docs)==null?void 0:P.source}}};var k,y,B;m.parameters={...m.parameters,docs:{...(k=m.parameters)==null?void 0:k.docs,source:{originalSource:`args => {
|
|
34
|
+
const {
|
|
35
|
+
row,
|
|
36
|
+
disabled
|
|
37
|
+
} = args;
|
|
38
|
+
return <DisabledContext.Provider value={disabled}>
|
|
39
|
+
{row ? <FormRow>{renderFields(args)}</FormRow> : renderFields(args)}
|
|
40
|
+
</DisabledContext.Provider>;
|
|
41
|
+
}`,...(B=(y=m.parameters)==null?void 0:y.docs)==null?void 0:B.source}}};var I,L,M;p.parameters={...p.parameters,docs:{...(I=p.parameters)==null?void 0:I.docs,source:{originalSource:`args => {
|
|
42
|
+
const {
|
|
43
|
+
row,
|
|
44
|
+
disabled
|
|
45
|
+
} = args;
|
|
46
|
+
return <DisabledContext.Provider value={disabled}>
|
|
47
|
+
{row ? <FormRow>{renderFields(args)}</FormRow> : renderFields(args)}
|
|
48
|
+
</DisabledContext.Provider>;
|
|
49
|
+
}`,...(M=(L=p.parameters)==null?void 0:L.docs)==null?void 0:M.source}}};const Le=["Default","Small","LabelsOnLeft","Row","SmallRow","DisabledWithContext"];export{u as Default,p as DisabledWithContext,i as LabelsOnLeft,d as Row,n as Small,m as SmallRow,Le as __namedExportsOrder,Ie as default};
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as c}from"./index-DhsZuJvc.js";import{T as d}from"./top-bar-DkXSzzqt.js";import{S as g}from"./side-bar-CSx5wI-k.js";import{H as v}from"./heading-CRNoBc7q.js";import{P as b}from"./page-7SSpdYhb.js";import{R as h,C as o}from"./row-Bmiy2Lh0.js";import{S as x}from"./spacer-BWoNR27H.js";import{T as f}from"./tabs-BoToLVEP.js";import{T as j}from"./table-D9JJ68Tx.js";import"./index-Bk2sglWO.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./common-types-Sih75Sav.js";import"./button-DHevvVBE.js";import"./spinner-AWUe4xwQ.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./actions-D-uVCDzk.js";import"./lodash-c4VUpsOs.js";import"./types-BmbYqTX_.js";import"./types-Dx2TtIG9.js";import"./badge-CLQ59MDF.js";import"./index-BI4_Bp97.js";import"./drawer-DOWJp9T4.js";import"./help-icon-Buhx5nl6.js";import"./styled-components.browser.esm-BQ9GQzDc.js";import"./select.input-CJed_LLR.js";import"./helpers-JJxzGegQ.js";import"./index.es-DazXb-ul.js";import"./redux-tRgGMjwY.js";import"./objectSpread2-DW4nTBoq.js";import"./tiny-invariant-DqLgxztJ.js";import"./memoize-one.esm-CcMeOnPo.js";import"./pagination-D6pYWeQM.js";import"./select-V2ZNp3Pv.js";import"./assertThisInitialized-B9jnkVVz.js";import"./text-B3-TSWok.js";import"./input-DTXbDJaL.js";import"./input-group-BaRSJAEN.js";import"./input-group-addon-D68iUKV2.js";import"./number-input-Ct8VwJX0.js";import"./index-DaLCDjg_.js";import"./index-DRSy5Ssd.js";import"./check-box-DPLaOkRR.js";import"./slider-C7vnj_3M.js";import"./popover-rq33c1W2.js";const T=()=>e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",background:"rgba(0,0,0,0.05)",height:"100%",minHeight:400,textAlign:"center"},children:["CHART ",e.jsx("br",{}),"(fills height, minHeight 400px)"]}),xe={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},a=()=>{const t=[{label:"Monkeys",value:"monkeys"},{label:"Bananas",value:"bananas"},{label:"Squirrels",value:"squirrels"},{label:"Pomegranates",value:"pomegranates"}],[i,m]=c.useState(t[0]);return e.jsxs(e.Fragment,{children:[e.jsx(d,{}),e.jsx(g,{options:{title:"",sections:[]}}),e.jsxs(b,{padding:"var(--padding)",scroll:!0,children:[e.jsx(v,{top:!0,marginBottom:0,children:"Formation Inputs"}),e.jsx(f,{margin:!1,options:t,value:i,onChange:n=>{const{value:p,label:u}=n.target;m({value:p,label:u})}}),e.jsx(x,{}),e.jsxs(h,{flex:!0,children:[e.jsx(o,{width:400,children:e.jsx(j,{table:{headers:[{cells:[{value:"Name"},{value:"Origin"}]}],rows:[{cells:[{value:"Brown rice"},{value:"Vietnam"}]},{cells:[{value:"Buckwheat"},{value:"Poland"}]},{cells:[{value:"Couscous"},{value:"France"}]}]}})}),e.jsx(o,{children:e.jsx(T,{})})]})]})]})};a.__docgenInfo={description:"",methods:[],displayName:"Formation"};var r,s,l;a.parameters={...a.parameters,docs:{...(r=a.parameters)==null?void 0:r.docs,source:{originalSource:`() => {
|
|
2
|
+
const options = [{
|
|
3
|
+
label: 'Monkeys',
|
|
4
|
+
value: 'monkeys'
|
|
5
|
+
}, {
|
|
6
|
+
label: 'Bananas',
|
|
7
|
+
value: 'bananas'
|
|
8
|
+
}, {
|
|
9
|
+
label: 'Squirrels',
|
|
10
|
+
value: 'squirrels'
|
|
11
|
+
}, {
|
|
12
|
+
label: 'Pomegranates',
|
|
13
|
+
value: 'pomegranates'
|
|
14
|
+
}];
|
|
15
|
+
const [selectedTab, setSelectedTab] = useState(options[0]);
|
|
16
|
+
return <>
|
|
17
|
+
<TopBar />
|
|
18
|
+
<SideBar options={{
|
|
19
|
+
title: '',
|
|
20
|
+
sections: []
|
|
21
|
+
}} />
|
|
22
|
+
<Page padding="var(--padding)" scroll>
|
|
23
|
+
<Heading top marginBottom={0}>
|
|
24
|
+
Formation Inputs
|
|
25
|
+
</Heading>
|
|
26
|
+
<Tabs margin={false} options={options} value={selectedTab} onChange={evt => {
|
|
27
|
+
const {
|
|
28
|
+
value,
|
|
29
|
+
label
|
|
30
|
+
} = evt.target;
|
|
31
|
+
setSelectedTab({
|
|
32
|
+
value,
|
|
33
|
+
label
|
|
34
|
+
});
|
|
35
|
+
}} />
|
|
36
|
+
<Spacer />
|
|
37
|
+
<Row flex>
|
|
38
|
+
<Column width={400}>
|
|
39
|
+
<Table table={{
|
|
40
|
+
headers: [{
|
|
41
|
+
cells: [{
|
|
42
|
+
value: 'Name'
|
|
43
|
+
}, {
|
|
44
|
+
value: 'Origin'
|
|
45
|
+
}]
|
|
46
|
+
}],
|
|
47
|
+
rows: [{
|
|
48
|
+
cells: [{
|
|
49
|
+
value: 'Brown rice'
|
|
50
|
+
}, {
|
|
51
|
+
value: 'Vietnam'
|
|
52
|
+
}]
|
|
53
|
+
}, {
|
|
54
|
+
cells: [{
|
|
55
|
+
value: 'Buckwheat'
|
|
56
|
+
}, {
|
|
57
|
+
value: 'Poland'
|
|
58
|
+
}]
|
|
59
|
+
}, {
|
|
60
|
+
cells: [{
|
|
61
|
+
value: 'Couscous'
|
|
62
|
+
}, {
|
|
63
|
+
value: 'France'
|
|
64
|
+
}]
|
|
65
|
+
}]
|
|
66
|
+
}} />
|
|
67
|
+
</Column>
|
|
68
|
+
<Column>
|
|
69
|
+
<ChartPlaceholder />
|
|
70
|
+
</Column>
|
|
71
|
+
</Row>
|
|
72
|
+
</Page>
|
|
73
|
+
</>;
|
|
74
|
+
}`,...(l=(s=a.parameters)==null?void 0:s.docs)==null?void 0:l.source}}};const fe=["Formation"];export{a as Formation,fe as __namedExportsOrder,xe as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const n=i=>i==null||i==="";export{n as i};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./accordion.stories-CNjaOE6j.js","./jsx-runtime-eps93zm2.js","./index-DhsZuJvc.js","./common-types-Sih75Sav.js","./index-Bk2sglWO.js","./accordion-BiuI_LCA.js","./icon-BSFY3vDO.js","./objectWithoutPropertiesLoose-CAYKN5F1.js","./inheritsLoose-DP0QEDDI.js","./index-CEuq6vkz.js","./disabled-context-rmpd7YJS.js","./icon-CXtHvr8n.css","./accordion-DhEg2ksb.css","./check-box-DPLaOkRR.js","./help-icon-Buhx5nl6.js","./tooltip-1V7clEnw.js","./index-CUZDtIZe.js","./tooltip-COvcX6J7.css","./help-icon-DeweQs4N.css","./check-box-CV-zd_I_.css","./heading-CRNoBc7q.js","./heading-DMYPCDVj.css","./divider-DY9nJ_7N.js","./text-B3-TSWok.js","./text-2O-HSG8g.css","./divider-wQx_bznd.css","./table-D9JJ68Tx.js","./index.es-DazXb-ul.js","./redux-tRgGMjwY.js","./objectSpread2-DW4nTBoq.js","./tiny-invariant-DqLgxztJ.js","./memoize-one.esm-CcMeOnPo.js","./lodash-c4VUpsOs.js","./actions-D-uVCDzk.js","./button-DHevvVBE.js","./spinner-AWUe4xwQ.js","./spinner-C07x-KQu.css","./button-fAxt_G4d.css","./types-BmbYqTX_.js","./types-Dx2TtIG9.js","./badge-CLQ59MDF.js","./badge-BiaoqO6w.css","./actions-D8UgHts6.css","./pagination-D6pYWeQM.js","./select-V2ZNp3Pv.js","./assertThisInitialized-B9jnkVVz.js","./select.input-CJed_LLR.js","./helpers-JJxzGegQ.js","./select-H-9tdhwc.css","./input-DTXbDJaL.js","./input-DD7t4kHm.css","./input-group-BaRSJAEN.js","./input-group-C4Ph05Zr.css","./input-group-addon-D68iUKV2.js","./input-group-addon-CKbTwfkc.css","./pagination-Dv2vKYwQ.css","./number-input-Ct8VwJX0.js","./index-DaLCDjg_.js","./index-DRSy5Ssd.js","./slider-C7vnj_3M.js","./index-BI4_Bp97.js","./slider-DnRddBCy.css","./popover-rq33c1W2.js","./popover-CSc-8-Dh.css","./table-C9uAiJu6.css","./accordion-C3DU7hG7.css","./actions.stories-gKfuiKQy.js","./badge.stories-Dkq_XgEW.js","./breadcrumb.stories-CJArS18Q.js","./breadcrumb-DMx-Mu4J.css","./button-group.stories-C4V1k0z_.js","./button-group-1DEZPmxq.js","./button-group-0hjBV4tw.css","./button.stories-DA9DGYD2.js","./react-router-dom-Ck2Y_Fzc.js","./flex-EllkLxgO.js","./buttons-and-links-CGf2fkq-.js","./index-BcNHZKhG.js","./index-DLsIgQne.js","./index-D6rZ4wEC.js","./text-link.stories-BQAkVO-W.js","./card.stories-CsTB0DuM.js","./card-EcjmryU9.js","./card-VFDFIKp2.css","./check-box.stories-DfbWw6mD.js","./index-DMAnyMX5.js","./index-CF7H4eMJ.js","./color-CUmK6HaC.js","./chunk-HLWAVYOI-DQmzN82L.js","./react-16-DXAfArL2.js","./toaster-7wnI6hqB.js","./toaster-DwLvOY18.css","./message-Y48EomV-.js","./message-Cl3kn7ZD.css","./toaster-BoBcvmf9.js","./divider.stories-Dd-yyGrX.js","./drawer.stories-DcjyDHEs.js","./drawer-DOWJp9T4.js","./drawer-DhrjYsQu.css","./list-bKpz6I9Q.js","./meta-content-DWZbURV2.js","./meta-content-DnZPPeTF.css","./loader-XHoVniao.js","./loader-B4-2F7c_.css","./list.stories-data-D_Aj3AN4.js","./empty.stories-DcwF0pkK.js","./empty-L0EXybeR.css","./file-button.stories-CU2pZcEO.js","./file-input.stories-CWD5XYE9.js","./file-input-X3BnZaHk.js","./file-input-b95Ui6h6.css","./spacer-BWoNR27H.js","./textarea-D6ltcKhz.js","./textarea-H-YTEwr8.css","./field.stories-DUGMwi1O.js","./field-HrLaMLbx.js","./label-CqmyC9he.js","./label-BmwKJ2Mn.css","./field-CNDCZ5UR.css","./form.stories-CX1WxUVL.js","./toggle-BbFVf61v.js","./toggle-yD7j1VSk.css","./radio-button-C4ljBRED.js","./radio-button-DvubT0Gg.css","./form-row-CM112EYF.js","./form-row-BYz5u-Vr.css","./heading.stories-DahFxeiX.js","./help-icon.stories-DbmZ1fgP.js","./icon.stories-fnZUR-LK.js","./icon-custom-Xcl4YkWP.js","./grid-DRkC-bt8.js","./styled-components.browser.esm-BQ9GQzDc.js","./input-group.stories-Bqx8op1f.js","./input-validation-CRDfoI4h.js","./select.stories-CV9h5z0E.js","./input.stories-FKl0qVhm.js","./inputs-D3qEs1Q4.js","./number-input.stories-lRKm6_tZ.js","./option-dropdown.stories-CIvqMhQ3.js","./option-dropdown-CqPYsFHP.css","./radio-button.stories-BzyW2CtK.js","./slider.stories-BzBb3PkP.js","./textarea.stories-CJ-Oqytp.js","./toggle.stories-qTHFTXxI.js","./label.stories-C0AO5F1a.js","./layout-forms-CDGrrwBl.js","./layout-general-D9kS22a0.js","./flex.stories-BhvJpHpN.js","./grid.stories-DqjhHHwX.js","./column.stories-DDTHFELF.js","./row-Bmiy2Lh0.js","./row-D-EMWFT6.css","./afe.stories-Be4Zi8Qk.js","./top-bar-DkXSzzqt.js","./top-bar-u7j8EgRd.css","./side-bar-CSx5wI-k.js","./side-bar-auov230-.css","./page-7SSpdYhb.js","./page-BnAFjzxf.css","./tabs-BoToLVEP.js","./tabs-DnWs2PtA.css","./blowout.stories-DHdofVc-.js","./casing-loads.stories-9Iu4v1Y5.js","./dialog-BelCA1mt.js","./portal-GQ0_cLB6.js","./dialog-CBMZnjYb.css","./formation.stories-BwshNr5I.js","./projects.stories-Co_WnKSx.js","./reservoirs.stories-FQuUA3DK.js","./site.stories-ZGohyW6Z.js","./page.stories-DnCh8h8y.js","./logo-BVP9045W.js","./page-DqJqTfkP.css","./spacer.stories-BBTt2LdE.js","./list.stories-Cgmt29Wv.js","./immer.esm-BwVl9PS2.js","./loader.stories-pS8zRM4u.js","./progress-bar-C_kV6r0Q.js","./progress-bar-ztYhwUbl.css","./menu.stories-xWX80Eh2.js","./menu.stories-data-CQ59XhzU.js","./message.stories-r_UlbshI.js","./modal.stories-BcqAhYEy.js","./padding-and-spacing-Cr5c7WxM.js","./pagination.stories-ItfGvzb-.js","./pop-confirm.stories-DCpooB2O.js","./pop-confirm-DX_o_X81.css","./popover.stories-B4sQDryP.js","./portal.stories-BvRfNPz3.js","./progress-bar.stories-CpbgT43D.js","./rich-text-input.stories-CmFzKTb-.js","./rich-text-input-dDjxXFl-.css","./side-bar.stories-M6FsuCrQ.js","./smart-upload-modal.stories-BKNxg_3y.js","./spinner.stories-DuQNhl1V.js","./cell.stories-OWJtpzu1.js","./table.stories-data-D52aKMY1.js","./footer.stories-CCaqnn-t.js","./row.stories-xvzQuDF0.js","./table.stories-f-cNU-ed.js","./title.stories-5TyZBiBD.js","./tabs.stories-B52iEaHf.js","./text.stories-B8L4FWPt.js","./toaster.stories-HO4VBTy-.js","./tooltip.stories-1YexWg6N.js","./tooltip.test-case.stories-CHibN8rC.js","./top-bar.stories-HDmWT243.js","./top-bar.testcase.stories-DfmrkEpT.js","./tree.stories-feLUcTtm.js","./tree-BTgu2lWb.css","./unit-input.stories-tjEyowge.js","./use-previous-D775JrO6.js","./unit-input-CoFS2qhN.css","./unit-table.stories-BDYxeHSM.js","./entry-preview-CHonU0lQ.js","./entry-preview-docs-DUYczTxA.js","./preview-DLBQXbKW.js","./preview-B_VD4s7b.js","./preview-DeFlgNaS.css"])))=>i.map(i=>d[i]);
|
|
2
|
+
import"../sb-preview/runtime.js";(function(){const i=document.createElement("link").relList;if(i&&i.supports&&i.supports("modulepreload"))return;for(const o of document.querySelectorAll('link[rel="modulepreload"]'))c(o);new MutationObserver(o=>{for(const r of o)if(r.type==="childList")for(const e of r.addedNodes)e.tagName==="LINK"&&e.rel==="modulepreload"&&c(e)}).observe(document,{childList:!0,subtree:!0});function m(o){const r={};return o.integrity&&(r.integrity=o.integrity),o.referrerPolicy&&(r.referrerPolicy=o.referrerPolicy),o.crossOrigin==="use-credentials"?r.credentials="include":o.crossOrigin==="anonymous"?r.credentials="omit":r.credentials="same-origin",r}function c(o){if(o.ep)return;o.ep=!0;const r=m(o);fetch(o.href,r)}})();const y="modulepreload",R=function(s,i){return new URL(s,i).href},d={},t=function(i,m,c){let o=Promise.resolve();if(m&&m.length>0){const r=document.getElementsByTagName("link"),e=document.querySelector("meta[property=csp-nonce]"),E=(e==null?void 0:e.nonce)||(e==null?void 0:e.getAttribute("nonce"));o=Promise.all(m.map(_=>{if(_=R(_,c),_ in d)return;d[_]=!0;const p=_.endsWith(".css"),O=p?'[rel="stylesheet"]':"";if(!!c)for(let a=r.length-1;a>=0;a--){const u=r[a];if(u.href===_&&(!p||u.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${_}"]${O}`))return;const n=document.createElement("link");if(n.rel=p?"stylesheet":y,p||(n.as="script",n.crossOrigin=""),n.href=_,E&&n.setAttribute("nonce",E),document.head.appendChild(n),p)return new Promise((a,u)=>{n.addEventListener("load",a),n.addEventListener("error",()=>u(new Error(`Unable to preload CSS for ${_}`)))})}))}return o.then(()=>i()).catch(r=>{const e=new Event("vite:preloadError",{cancelable:!0});if(e.payload=r,window.dispatchEvent(e),!e.defaultPrevented)throw r})},{createBrowserChannel:T}=__STORYBOOK_MODULE_CHANNELS__,{addons:L}=__STORYBOOK_MODULE_PREVIEW_API__,l=T({page:"preview"});L.setChannel(l);window.__STORYBOOK_ADDONS_CHANNEL__=l;window.CONFIG_TYPE==="DEVELOPMENT"&&(window.__STORYBOOK_SERVER_CHANNEL__=l);const P={"./src/components/accordion/accordion.stories.tsx":async()=>t(()=>import("./accordion.stories-CNjaOE6j.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-gKfuiKQy.js"),__vite__mapDeps([66,1,2,33,4,32,3,10,34,35,36,6,7,8,9,11,15,16,17,37,38,39,40,41,42]),import.meta.url),"./src/components/badge/badge.stories.tsx":async()=>t(()=>import("./badge.stories-Dkq_XgEW.js"),__vite__mapDeps([67,1,2,40,4,41,34,3,10,35,36,6,7,8,9,11,15,16,17,37]),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-C4V1k0z_.js"),__vite__mapDeps([70,1,2,71,3,10,39,32,34,4,35,36,6,7,8,9,11,15,16,17,37,72]),import.meta.url),"./src/components/button/button.stories.tsx":async()=>t(()=>import("./button.stories-DA9DGYD2.js"),__vite__mapDeps([73,1,2,74,8,9,30,7,75,34,4,3,10,35,36,6,11,15,16,17,37]),import.meta.url),"./src/components/buttons-and-links.mdx":async()=>t(()=>import("./buttons-and-links-CGf2fkq-.js"),__vite__mapDeps([76,1,2,77,78,16,8,45,79,73,74,9,30,7,75,34,4,3,10,35,36,6,11,15,17,37,80,23,24]),import.meta.url),"./src/components/card/card.stories.tsx":async()=>t(()=>import("./card.stories-CsTB0DuM.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-DfbWw6mD.js"),__vite__mapDeps([84,1,2,85,86,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-CUmK6HaC.js"),__vite__mapDeps([87,1,2,77,88,89,16,78,8,45,79,90,91,92,4,3,6,7,9,10,11,93,94]),import.meta.url),"./src/components/divider/divider.stories.tsx":async()=>t(()=>import("./divider.stories-Dd-yyGrX.js"),__vite__mapDeps([95,1,2,3,23,4,24,22,25]),import.meta.url),"./src/components/drawer/drawer.stories.tsx":async()=>t(()=>import("./drawer.stories-DcjyDHEs.js"),__vite__mapDeps([96,1,2,3,97,4,40,41,32,9,16,6,7,8,10,11,34,35,36,15,17,37,98,99,27,28,29,30,31,82,83,100,20,14,18,21,33,38,39,42,101,102,103,75,104]),import.meta.url),"./src/components/empty/empty.stories.tsx":async()=>t(()=>import("./empty.stories-DcwF0pkK.js"),__vite__mapDeps([105,1,2,23,4,24,34,3,10,35,36,6,7,8,9,11,15,16,17,37,106]),import.meta.url),"./src/components/file-button/file-button.stories.tsx":async()=>t(()=>import("./file-button.stories-CU2pZcEO.js"),__vite__mapDeps([107,1,2,33,4,32,3,10,34,35,36,6,7,8,9,11,15,16,17,37,38,39,40,41,42]),import.meta.url),"./src/components/file-input/file-input.stories.tsx":async()=>t(()=>import("./file-input.stories-CWD5XYE9.js"),__vite__mapDeps([108,1,2,109,10,32,51,4,3,52,49,39,15,16,17,50,34,35,36,6,7,8,9,11,37,110,111,92,93,112,113]),import.meta.url),"./src/components/form/field.stories.tsx":async()=>t(()=>import("./field.stories-DUGMwi1O.js"),__vite__mapDeps([114,1,2,115,4,116,3,14,15,16,17,6,7,8,9,10,11,18,117,118,49,39,32,50,23,24]),import.meta.url),"./src/components/form/form.stories.tsx":async()=>t(()=>import("./form.stories-CX1WxUVL.js"),__vite__mapDeps([119,1,2,3,10,115,4,116,14,15,16,17,6,7,8,9,11,18,117,118,49,39,32,50,44,45,31,38,23,24,33,34,35,36,37,40,41,42,46,47,48,13,19,71,72,120,121,51,52,53,54,59,29,60,61,112,113,122,123,124,125]),import.meta.url),"./src/components/heading/heading.stories.tsx":async()=>t(()=>import("./heading.stories-DahFxeiX.js"),__vite__mapDeps([126,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-DbmZ1fgP.js"),__vite__mapDeps([127,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-fnZUR-LK.js"),__vite__mapDeps([128,1,2,6,4,7,8,9,10,11,129,130,131,75,23,24]),import.meta.url),"./src/components/input-group/input-group.stories.tsx":async()=>t(()=>import("./input-group.stories-Bqx8op1f.js"),__vite__mapDeps([132,1,2,3,51,4,52,53,54,49,10,39,32,15,16,17,50,34,35,36,6,7,8,9,11,37,33,38,40,41,42,44,45,31,23,24,46,47,48]),import.meta.url),"./src/components/input-validation.mdx":async()=>t(()=>import("./input-validation-CRDfoI4h.js"),__vite__mapDeps([133,1,2,77,78,16,8,45,79,134,85,86,44,32,4,3,10,39,15,17,9,31,38,23,24,33,34,35,36,6,7,11,37,40,41,42,46,47,48,111]),import.meta.url),"./src/components/input/input.stories.tsx":async()=>t(()=>import("./input.stories-FKl0qVhm.js"),__vite__mapDeps([135,1,2,49,4,10,39,32,15,16,17,50]),import.meta.url),"./src/components/inputs.mdx":async()=>t(()=>import("./inputs-D3qEs1Q4.js"),__vite__mapDeps([136,1,2,77,78,16,8,45,79,73,74,9,30,7,75,34,4,3,10,35,36,6,11,15,17,37,84,85,86,13,14,18,19,108,109,32,51,52,49,39,50,110,111,92,93,112,113,135,137,57,58,56,53,54,44,31,38,23,24,33,40,41,42,46,47,48,138,22,25,139,140,122,123,134,141,59,29,60,61,142,143,120,121]),import.meta.url),"./src/components/label/label.stories.tsx":async()=>t(()=>import("./label.stories-C0AO5F1a.js"),__vite__mapDeps([144,1,2,116,4,3,14,15,16,17,6,7,8,9,10,11,18,117]),import.meta.url),"./src/components/layout-forms.mdx":async()=>t(()=>import("./layout-forms-CDGrrwBl.js"),__vite__mapDeps([145,1,2,77,78,16,8,45,79,114,115,4,116,3,14,15,17,6,7,9,10,11,18,117,118,49,39,32,50,23,24,119,44,31,38,33,34,35,36,37,40,41,42,46,47,48,13,19,71,72,120,121,51,52,53,54,59,29,60,61,112,113,122,123,124,125]),import.meta.url),"./src/components/layout-general.mdx":async()=>t(()=>import("./layout-general-D9kS22a0.js"),__vite__mapDeps([146,1,2,77,78,16,8,45,79,147,75,34,4,3,10,35,36,6,7,9,11,15,17,37,23,24,148,130,131,82,83,149,150,151,20,14,18,21]),import.meta.url),"./src/components/layout/column.stories.tsx":async()=>t(()=>import("./column.stories-DDTHFELF.js"),__vite__mapDeps([149,1,2,150,131,4,151,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-Be4Zi8Qk.js"),__vite__mapDeps([152,1,2,3,153,4,6,7,8,9,10,11,34,35,36,15,16,17,37,33,32,38,39,40,41,42,154,155,60,97,98,156,20,14,18,21,99,27,28,29,30,31,82,83,100,101,102,103,115,116,117,118,49,50,5,12,13,19,124,125,157,158,150,131,151,44,45,23,24,46,47,48,111,159,160,51,52,53,54]),import.meta.url),"./src/components/layout/examples/blowout.stories.jsx":async()=>t(()=>import("./blowout.stories-DHdofVc-.js"),__vite__mapDeps([161,1,2,3,153,4,6,7,8,9,10,11,34,35,36,15,16,17,37,33,32,38,39,40,41,42,154,155,60,97,98,156,20,14,18,21,82,83,157,158,150,131,151,111]),import.meta.url),"./src/components/layout/examples/casing-loads.stories.jsx":async()=>t(()=>import("./casing-loads.stories-9Iu4v1Y5.js"),__vite__mapDeps([162,1,2,3,153,4,6,7,8,9,10,11,34,35,36,15,16,17,37,33,32,38,39,40,41,42,154,155,60,97,98,156,20,14,18,21,99,27,28,29,30,31,82,83,100,101,102,103,115,116,117,118,49,50,163,164,165,13,19,124,125,157,158,150,131,151,44,45,23,24,46,47,48,111,159,160,26,43,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-BwshNr5I.js"),__vite__mapDeps([166,1,2,153,4,6,7,8,9,10,11,3,34,35,36,15,16,17,37,33,32,38,39,40,41,42,154,155,60,97,98,156,20,14,18,21,157,158,150,131,151,111,159,46,47,160,26,27,28,29,30,31,43,44,45,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-Co_WnKSx.js"),__vite__mapDeps([167,1,2,153,4,6,7,8,9,10,11,3,34,35,36,15,16,17,37,33,32,38,39,40,41,42,154,99,27,28,29,30,31,82,83,100,20,14,18,21,101,102,103,157,158,150,131,151,159,46,47,160,111]),import.meta.url),"./src/components/layout/examples/reservoirs.stories.jsx":async()=>t(()=>import("./reservoirs.stories-FQuUA3DK.js"),__vite__mapDeps([168,1,2,3,153,4,6,7,8,9,10,11,34,35,36,15,16,17,37,33,32,38,39,40,41,42,154,155,60,97,98,156,20,14,18,21,99,27,28,29,30,31,82,83,100,101,102,103,115,116,117,118,49,50,13,19,122,46,47,123,124,125,157,158,150,131,151,44,45,23,24,48,111]),import.meta.url),"./src/components/layout/examples/site.stories.jsx":async()=>t(()=>import("./site.stories-ZGohyW6Z.js"),__vite__mapDeps([169,1,2,3,153,4,6,7,8,9,10,11,34,35,36,15,16,17,37,33,32,38,39,40,41,42,154,155,60,97,98,156,20,14,18,21,99,27,28,29,30,31,82,83,100,101,102,103,115,116,117,118,49,50,13,19,157,158,150,131,151,5,12,111,159,46,47,160]),import.meta.url),"./src/components/layout/flex/flex.stories.tsx":async()=>t(()=>import("./flex.stories-BhvJpHpN.js"),__vite__mapDeps([147,1,2,75,34,4,3,10,35,36,6,7,8,9,11,15,16,17,37,23,24]),import.meta.url),"./src/components/layout/grid/grid.stories.tsx":async()=>t(()=>import("./grid.stories-DqjhHHwX.js"),__vite__mapDeps([148,1,2,130,131,82,4,83]),import.meta.url),"./src/components/layout/page.stories.tsx":async()=>t(()=>import("./page.stories-DnCh8h8y.js"),__vite__mapDeps([170,1,2,157,4,158,153,6,7,8,9,10,11,3,34,35,36,15,16,17,37,33,32,38,39,40,41,42,154,155,60,97,98,156,20,14,18,21,171,172]),import.meta.url),"./src/components/layout/spacer/spacer.stories.tsx":async()=>t(()=>import("./spacer.stories-BBTt2LdE.js"),__vite__mapDeps([173,1,2,111,75,34,4,3,10,35,36,6,7,8,9,11,15,16,17,37]),import.meta.url),"./src/components/list/list.stories.tsx":async()=>t(()=>import("./list.stories-Cgmt29Wv.js"),__vite__mapDeps([174,1,2,175,74,8,9,30,7,99,4,27,28,29,16,31,82,83,100,3,6,10,11,20,14,15,17,18,21,33,32,34,35,36,37,38,39,40,41,42,101,102,103,75,104]),import.meta.url),"./src/components/loader/loader.stories.tsx":async()=>t(()=>import("./loader.stories-pS8zRM4u.js"),__vite__mapDeps([176,1,2,3,102,4,103,177,178,35,36,111,34,10,6,7,8,9,11,15,16,17,37,82,83]),import.meta.url),"./src/components/menu/menu.stories.tsx":async()=>t(()=>import("./menu.stories-xWX80Eh2.js"),__vite__mapDeps([179,1,2,74,8,9,30,7,3,85,86,33,4,32,10,34,35,36,6,11,15,16,17,37,38,39,40,41,42,75,180]),import.meta.url),"./src/components/message/message.stories.tsx":async()=>t(()=>import("./message.stories-r_UlbshI.js"),__vite__mapDeps([181,1,2,92,4,3,6,7,8,9,10,11,93,34,35,36,15,16,17,37,130,131]),import.meta.url),"./src/components/modal/modal.stories.tsx":async()=>t(()=>import("./modal.stories-BcqAhYEy.js"),__vite__mapDeps([182,1,2,85,86,3,163,4,164,16,32,20,14,15,17,6,7,8,9,10,11,18,21,34,35,36,37,165,62,63,49,39,50,51,52,115,116,117,118,33,38,40,41,42,44,45,31,23,24,46,47,48,111]),import.meta.url),"./src/components/number-input/number-input.stories.tsx":async()=>t(()=>import("./number-input.stories-lRKm6_tZ.js"),__vite__mapDeps([137,1,2,85,86,57,58,56,32,49,4,10,39,15,16,17,50,51,3,52,53,54,44,9,8,45,31,38,23,24,33,34,35,36,6,7,11,37,40,41,42,46,47,48]),import.meta.url),"./src/components/option-dropdown/option-dropdown.stories.tsx":async()=>t(()=>import("./option-dropdown.stories-CIvqMhQ3.js"),__vite__mapDeps([138,1,2,3,33,4,32,10,34,35,36,6,7,8,9,11,15,16,17,37,38,39,40,41,42,13,14,18,19,22,23,24,25,139]),import.meta.url),"./src/components/padding-and-spacing.mdx":async()=>t(()=>import("./padding-and-spacing-Cr5c7WxM.js"),__vite__mapDeps([183,1,2,77,78,16,8,45,79]),import.meta.url),"./src/components/pagination/pagination.stories.tsx":async()=>t(()=>import("./pagination.stories-ItfGvzb-.js"),__vite__mapDeps([184,1,2,43,3,44,32,4,10,39,15,16,17,9,8,45,31,38,23,24,33,34,35,36,6,7,11,37,40,41,42,46,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-DCpooB2O.js"),__vite__mapDeps([185,1,2,62,15,16,4,17,3,10,34,35,36,6,7,8,9,11,37,63,23,24,94,90,91,92,93,186]),import.meta.url),"./src/components/popover/popover.stories.tsx":async()=>t(()=>import("./popover.stories-B4sQDryP.js"),__vite__mapDeps([187,1,2,111,62,15,16,4,17,3,10,34,35,36,6,7,8,9,11,37,63,49,39,32,50,75,44,45,31,38,23,24,33,40,41,42,46,47,48]),import.meta.url),"./src/components/portal/portal.stories.tsx":async()=>t(()=>import("./portal.stories-BvRfNPz3.js"),__vite__mapDeps([188,1,2,16,164]),import.meta.url),"./src/components/progress-bar/progress-bar.stories.tsx":async()=>t(()=>import("./progress-bar.stories-CpbgT43D.js"),__vite__mapDeps([189,1,2,177,4,178]),import.meta.url),"./src/components/radio-button/radio-button.stories.tsx":async()=>t(()=>import("./radio-button.stories-BzyW2CtK.js"),__vite__mapDeps([140,1,2,85,86,122,4,10,46,47,38,3,14,15,16,17,6,7,8,9,11,18,123]),import.meta.url),"./src/components/rich-text-input/rich-text-input.stories.tsx":async()=>t(()=>import("./rich-text-input.stories-CmFzKTb-.js"),__vite__mapDeps([190,1,2,10,3,34,4,35,36,6,7,8,9,11,15,16,17,37,44,32,39,45,31,38,23,24,33,40,41,42,46,47,48,191]),import.meta.url),"./src/components/select/select.stories.tsx":async()=>t(()=>import("./select.stories-CV9h5z0E.js"),__vite__mapDeps([134,1,2,85,86,44,32,4,3,10,39,15,16,17,9,8,45,31,38,23,24,33,34,35,36,6,7,11,37,40,41,42,46,47,48,111]),import.meta.url),"./src/components/side-bar/side-bar.stories.tsx":async()=>t(()=>import("./side-bar.stories-M6FsuCrQ.js"),__vite__mapDeps([192,1,2,3,155,4,60,97,40,41,32,9,16,6,7,8,10,11,34,35,36,15,17,37,98,156,75,129]),import.meta.url),"./src/components/slider/slider.stories.tsx":async()=>t(()=>import("./slider.stories-BzBb3PkP.js"),__vite__mapDeps([141,1,2,59,32,29,4,8,7,31,60,3,10,15,16,17,34,35,36,6,9,11,37,61,23,24]),import.meta.url),"./src/components/smart-upload-modal/smart-upload-modal.stories.tsx":async()=>t(()=>import("./smart-upload-modal.stories-BKNxg_3y.js"),__vite__mapDeps([193,1,2,34,4,3,10,35,36,6,7,8,9,11,15,16,17,37,163,164,32,20,14,18,21,165,109,51,52,49,39,50,110,111,23,24,177,178,57,58]),import.meta.url),"./src/components/spinner/spinner.stories.tsx":async()=>t(()=>import("./spinner.stories-DuQNhl1V.js"),__vite__mapDeps([194,1,2,35,36]),import.meta.url),"./src/components/table/cell/cell.stories.tsx":async()=>t(()=>import("./cell.stories-OWJtpzu1.js"),__vite__mapDeps([195,1,2,26,4,27,8,28,29,30,16,31,7,32,33,3,10,34,35,36,6,9,11,15,17,37,38,39,40,41,42,20,14,18,21,43,44,45,23,24,46,47,48,49,50,51,52,53,54,55,56,57,58,13,19,59,60,61,62,63,64,115,116,117,118,75,196]),import.meta.url),"./src/components/table/footer/footer.stories.tsx":async()=>t(()=>import("./footer.stories-CCaqnn-t.js"),__vite__mapDeps([197,1,2,26,4,27,8,28,29,30,16,31,7,32,33,3,10,34,35,36,6,9,11,15,17,37,38,39,40,41,42,20,14,18,21,43,44,45,23,24,46,47,48,49,50,51,52,53,54,55,56,57,58,13,19,59,60,61,62,63,64,196,75]),import.meta.url),"./src/components/table/row/row.stories.tsx":async()=>t(()=>import("./row.stories-xvzQuDF0.js"),__vite__mapDeps([198,1,2,26,4,27,8,28,29,30,16,31,7,32,33,3,10,34,35,36,6,9,11,15,17,37,38,39,40,41,42,20,14,18,21,43,44,45,23,24,46,47,48,49,50,51,52,53,54,55,56,57,58,13,19,59,60,61,62,63,64,196,75]),import.meta.url),"./src/components/table/table.stories.tsx":async()=>t(()=>import("./table.stories-f-cNU-ed.js"),__vite__mapDeps([199,1,2,175,32,130,131,23,4,24,26,27,8,28,29,30,16,31,7,33,3,10,34,35,36,6,9,11,15,17,37,38,39,40,41,42,20,14,18,21,43,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,115,116,117,118,196,75]),import.meta.url),"./src/components/table/title/title.stories.tsx":async()=>t(()=>import("./title.stories-5TyZBiBD.js"),__vite__mapDeps([200,1,2,26,4,27,8,28,29,30,16,31,7,32,33,3,10,34,35,36,6,9,11,15,17,37,38,39,40,41,42,20,14,18,21,43,44,45,23,24,46,47,48,49,50,51,52,53,54,55,56,57,58,13,19,59,60,61,62,63,64,196,75]),import.meta.url),"./src/components/tabs/tabs.stories.tsx":async()=>t(()=>import("./tabs.stories-B52iEaHf.js"),__vite__mapDeps([201,1,2,159,4,10,32,40,41,46,47,38,160]),import.meta.url),"./src/components/text-link/text-link.stories.tsx":async()=>t(()=>import("./text-link.stories-BQAkVO-W.js"),__vite__mapDeps([80,1,2,74,8,9,30,7,75,23,4,24]),import.meta.url),"./src/components/text/text.stories.tsx":async()=>t(()=>import("./text.stories-B8L4FWPt.js"),__vite__mapDeps([202,1,2,23,4,24]),import.meta.url),"./src/components/textarea/textarea.stories.tsx":async()=>t(()=>import("./textarea.stories-CJ-Oqytp.js"),__vite__mapDeps([142,1,2,112,4,39,32,10,15,16,17,113]),import.meta.url),"./src/components/toaster/toaster.stories.tsx":async()=>t(()=>import("./toaster.stories-HO4VBTy-.js"),__vite__mapDeps([203,1,2,85,86,130,131,23,4,24,75,94,90,16,91,92,3,6,7,8,9,10,11,93,34,35,36,15,17,37,111]),import.meta.url),"./src/components/toggle/toggle.stories.tsx":async()=>t(()=>import("./toggle.stories-qTHFTXxI.js"),__vite__mapDeps([143,1,2,85,86,75,23,4,24,120,3,10,14,15,16,17,6,7,8,9,11,18,121]),import.meta.url),"./src/components/tooltip/tooltip.stories.tsx":async()=>t(()=>import("./tooltip.stories-1YexWg6N.js"),__vite__mapDeps([204,1,2,15,16,4,17]),import.meta.url),"./src/components/tooltip/tooltip.test-case.stories.tsx":async()=>t(()=>import("./tooltip.test-case.stories-CHibN8rC.js"),__vite__mapDeps([205,1,2,15,16,4,17,33,32,3,10,34,35,36,6,7,8,9,11,37,38,39,40,41,42,180,75]),import.meta.url),"./src/components/top-bar/top-bar.stories.tsx":async()=>t(()=>import("./top-bar.stories-HDmWT243.js"),__vite__mapDeps([206,1,2,74,8,9,30,7,3,153,4,6,10,11,34,35,36,15,16,17,37,33,32,38,39,40,41,42,154,157,158,171,129]),import.meta.url),"./src/components/top-bar/top-bar.testcase.stories.tsx":async()=>t(()=>import("./top-bar.testcase.stories-DfmrkEpT.js"),__vite__mapDeps([207,1,2,3,153,4,6,7,8,9,10,11,34,35,36,15,16,17,37,33,32,38,39,40,41,42,154,171]),import.meta.url),"./src/components/tree/tree.stories.tsx":async()=>t(()=>import("./tree.stories-feLUcTtm.js"),__vite__mapDeps([208,1,2,6,4,7,8,9,10,11,58,3,100,20,14,15,16,17,18,21,33,32,34,35,36,37,38,39,40,41,42,101,28,29,23,24,209]),import.meta.url),"./src/components/unit-input/unit-input.stories.tsx":async()=>t(()=>import("./unit-input.stories-tjEyowge.js"),__vite__mapDeps([210,1,2,57,58,4,211,33,32,3,10,34,35,36,6,7,8,9,11,15,16,17,37,38,39,40,41,42,53,54,51,52,111,23,24,49,50,47,22,25,150,131,151,115,116,14,18,117,118,92,93,85,86,212]),import.meta.url),"./src/components/unit-table/unit-table.stories.tsx":async()=>t(()=>import("./unit-table.stories-BDYxeHSM.js"),__vite__mapDeps([213,1,2,175,57,58,130,131,111,85,86,82,4,83,115,116,3,14,15,16,17,6,7,8,9,10,11,18,117,118,20,21,44,32,39,45,31,38,23,24,33,34,35,36,37,40,41,42,46,47,48,120,121,211,26,27,28,29,30,43,49,50,51,52,53,54,55,56,13,19,59,60,61,62,63,64]),import.meta.url)};async function v(s){return P[s]()}const{composeConfigs:x,PreviewWeb:I,ClientApi:f}=__STORYBOOK_MODULE_PREVIEW_API__,V=async(s=[])=>{const i=await Promise.all([s.at(0)??t(()=>import("./entry-preview-CHonU0lQ.js"),__vite__mapDeps([214,2,89,16]),import.meta.url),s.at(1)??t(()=>import("./entry-preview-docs-DUYczTxA.js"),__vite__mapDeps([215,79,2,9]),import.meta.url),s.at(2)??t(()=>import("./preview-Ct5NkTJf.js"),[],import.meta.url),s.at(3)??t(()=>import("./preview-t_Zs3gQw.js"),[],import.meta.url),s.at(4)??t(()=>import("./preview-DLBQXbKW.js"),__vite__mapDeps([216,86]),import.meta.url),s.at(5)??t(()=>import("./preview-B_VD4s7b.js"),__vite__mapDeps([217,1,2,90,16,91,92,4,3,6,7,8,9,10,11,93,78,45,79,58,88,89,218]),import.meta.url)]);return x(i)};window.__STORYBOOK_PREVIEW__=window.__STORYBOOK_PREVIEW__||new I(v,V);window.__STORYBOOK_STORY_STORE__=window.__STORYBOOK_STORY_STORE__||window.__STORYBOOK_PREVIEW__.storyStore;export{t as _};
|