@oliasoft-open-source/react-ui-library 4.6.11 → 4.6.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +22 -0
- package/dist/index.js +150 -1
- package/dist/index.js.map +1 -1
- package/dist/storybook/assets/Color-6VNJS4EI-0Es0Y_hf.js +1 -0
- package/dist/storybook/assets/DocsRenderer-NNNQARDV-8Agqr_1z.js +1 -0
- package/dist/storybook/assets/WithTooltip-V3YHNWJZ-VkPCPx4O.js +1 -0
- package/dist/storybook/assets/{accordion-M-sY23Hd.js → accordion-MRdNs3mQ.js} +1 -1
- package/dist/storybook/assets/{accordion.stories-Ckfdc3yE.js → accordion.stories-fQEMJlxQ.js} +2 -2
- package/dist/storybook/assets/{actions-eW7plDvv.js → actions-0lKGEXVi.js} +1 -1
- package/dist/storybook/assets/{actions.stories-v91cA8Aa.js → actions.stories-1G9apUqW.js} +1 -1
- package/dist/storybook/assets/{afe.stories-O_jbxAft.js → afe.stories-YtbvNBzx.js} +2 -2
- package/dist/storybook/assets/{badge.stories-AQYzIvli.js → badge.stories-YE5hHtSe.js} +1 -1
- package/dist/storybook/assets/{blowout.stories-Vff9htu-.js → blowout.stories-xSwBWe5T.js} +1 -1
- package/dist/storybook/assets/{button-group-rkjreZ1T.js → button-group-0RTzcUIP.js} +1 -1
- package/dist/storybook/assets/{button-group.stories-HnVY5ZDT.js → button-group.stories-eQ5h-50o.js} +1 -1
- package/dist/storybook/assets/{button-yLYf8aC9.js → button-pSDG6Ka2.js} +1 -1
- package/dist/storybook/assets/{button.stories-sp9SbrbR.js → button.stories-QDP0P6s7.js} +6 -6
- package/dist/storybook/assets/{buttons-and-links-05g5wWR_.js → buttons-and-links-dSpYF4I_.js} +2 -2
- package/dist/storybook/assets/{card.stories--XA-NPtn.js → card.stories-nEB15GEp.js} +1 -1
- package/dist/storybook/assets/{casing-loads.stories-qq7nVcz2.js → casing-loads.stories-uu-yK01O.js} +2 -2
- package/dist/storybook/assets/{cell.stories-7M24NqPM.js → cell.stories-jU_N8b9E.js} +2 -2
- package/dist/storybook/assets/{check-box-TRAFDvOc.js → check-box--ih7cmR1.js} +1 -1
- package/dist/storybook/assets/{check-box.stories-xj8y4pvN.js → check-box.stories-WFbOF7kK.js} +1 -1
- package/dist/storybook/assets/{chunk-HLWAVYOI-4ciTSFM-.js → chunk-HLWAVYOI-TfoHKvis.js} +1 -1
- package/dist/storybook/assets/color-LJZaNnUB.js +25 -0
- package/dist/storybook/assets/{column.stories-wGhSlroa.js → column.stories-uR7F6GLZ.js} +1 -1
- package/dist/storybook/assets/dialog-kardLd1s.js +1 -0
- package/dist/storybook/assets/{drawer-NuViVQqw.js → drawer-fq99yzU7.js} +1 -1
- package/dist/storybook/assets/{drawer.stories-mIhzICjZ.js → drawer.stories-zos7-Jef.js} +2 -2
- package/dist/storybook/assets/{empty.stories-3hs4gUgZ.js → empty.stories-V5nX7JMj.js} +1 -1
- package/dist/storybook/assets/extends-dGVwEr9R.js +1 -0
- package/dist/storybook/assets/{field-UZtORY6D.js → field-V2qkm8ON.js} +1 -1
- package/dist/storybook/assets/{field.stories-DPmPvDCm.js → field.stories-oQ-oKw9H.js} +1 -1
- package/dist/storybook/assets/file-input-ASEHnODl.js +1 -0
- package/dist/storybook/assets/file-input.stories-K1-X4A2h.js +66 -0
- package/dist/storybook/assets/{flex.stories-7GcqtV92.js → flex.stories-rUC8irnS.js} +1 -1
- package/dist/storybook/assets/footer.stories-6IYhl3Y9.js +3 -0
- package/dist/storybook/assets/form.stories-TfCufaed.js +49 -0
- package/dist/storybook/assets/formation.stories-arormd_z.js +74 -0
- package/dist/storybook/assets/{formatter-SWP5E3XI-zMN0v4F6.js → formatter-SWP5E3XI-E_AUyOmB.js} +2 -2
- package/dist/storybook/assets/{heading-AvGkZ8ae.js → heading-OSdaYHYE.js} +1 -1
- package/dist/storybook/assets/{heading.stories-aJs549tG.js → heading.stories-YhoAJ5xD.js} +1 -1
- package/dist/storybook/assets/{help-icon-4sFVvBkZ.js → help-icon-jdxRTcvs.js} +1 -1
- package/dist/storybook/assets/{help-icon.stories-9Apwwl_z.js → help-icon.stories-NKBYmv_o.js} +1 -1
- package/dist/storybook/assets/icon-_m67DAr0.js +8 -0
- package/dist/storybook/assets/{icon.stories-j-b_Exev.js → icon.stories-2aZia1VV.js} +1 -1
- package/dist/storybook/assets/iframe-XBWdLgXl.js +7 -0
- package/dist/storybook/assets/{index-ozIFb807.js → index-g34udPZo.js} +5 -5
- package/dist/storybook/assets/{index.es-VXFRDikp.js → index.es-HG2GUH9i.js} +4 -4
- package/dist/storybook/assets/inheritsLoose-Y9jOMJLd.js +1 -0
- package/dist/storybook/assets/{input-group.stories-wQfcKDtd.js → input-group.stories-HXoMZkHB.js} +2 -2
- package/dist/storybook/assets/{input-validation-K4-DmgHM.js → input-validation-EHlvLdps.js} +2 -2
- package/dist/storybook/assets/{inputs-erHcgGCK.js → inputs-UqnSQlzK.js} +2 -2
- package/dist/storybook/assets/{label-am612zWx.js → label-KLaw_y6R.js} +1 -1
- package/dist/storybook/assets/{label.stories-QPyTvO7T.js → label.stories-8KngvJd3.js} +1 -1
- package/dist/storybook/assets/layout-forms-n0KRZ2JT.js +16 -0
- package/dist/storybook/assets/{layout-general-nk8z6z9i.js → layout-general-4Z_dYwOs.js} +2 -2
- package/dist/storybook/assets/{list-LWmKQq1G.js → list-HBgplEUa.js} +1 -1
- package/dist/storybook/assets/{list.stories-fgw3Kx3W.js → list.stories-AC7IBnuA.js} +2 -2
- package/dist/storybook/assets/{list.stories-data-IWB082tu.js → list.stories-data-YuaX7eYb.js} +1 -1
- package/dist/storybook/assets/{loader.stories-NaDVDl7Z.js → loader.stories-A0lEe-_I.js} +1 -1
- package/dist/storybook/assets/{menu.stories-K4nBhFj_.js → menu.stories-wWr6qpLS.js} +6 -6
- package/dist/storybook/assets/{message-CRKuTfOl.js → message-bbAE2zjv.js} +1 -1
- package/dist/storybook/assets/{message.stories-CSw6ElMp.js → message.stories-rANJfalB.js} +1 -1
- package/dist/storybook/assets/{meta-content-70Z_mWPh.js → meta-content-xcMHnFul.js} +1 -1
- package/dist/storybook/assets/{modal.stories-10-XQKON.js → modal.stories-GY64tFtP.js} +2 -2
- package/dist/storybook/assets/{number-input.stories-59JRvVcf.js → number-input.stories-oaHrqqEo.js} +5 -5
- package/dist/storybook/assets/{option-dropdown.stories-ZCnTHpeT.js → option-dropdown.stories-IIXgJvpF.js} +1 -1
- package/dist/storybook/assets/{padding-and-spacing-uyBZRJ5c.js → padding-and-spacing-6Wmzdt8V.js} +2 -2
- package/dist/storybook/assets/{page.stories-GrhPKgmq.js → page.stories-jmoBCw29.js} +1 -1
- package/dist/storybook/assets/{pagination-yFWOmymz.js → pagination-LajpPl1E.js} +1 -1
- package/dist/storybook/assets/{pagination.stories-IahSsrYh.js → pagination.stories-QNaX-nfT.js} +2 -2
- package/dist/storybook/assets/{pop-confirm.stories-StkaY9mZ.js → pop-confirm.stories-qL_Z99O8.js} +1 -1
- package/dist/storybook/assets/{popover-YDVuwgEX.js → popover-dGHzPDyA.js} +1 -1
- package/dist/storybook/assets/popover.stories-4yXf4qke.js +1 -0
- package/dist/storybook/assets/{preview-mNdmFu2O.js → preview-izL99lIf.js} +3 -3
- package/dist/storybook/assets/preview-sTJNaY8B.js +7 -0
- package/dist/storybook/assets/projects.stories-gJiQXNLT.js +47 -0
- package/dist/storybook/assets/{radio-button-g10vtbgR.js → radio-button-YSXmxvG2.js} +1 -1
- package/dist/storybook/assets/{radio-button.stories-Lm3AgSPw.js → radio-button.stories-kcqjIFI9.js} +1 -1
- package/dist/storybook/assets/react-router-dom-4Z66xYqZ.js +8 -0
- package/dist/storybook/assets/{reservoirs.stories-UloVc7w8.js → reservoirs.stories-SK2d9Fio.js} +2 -2
- package/dist/storybook/assets/{rich-text-input.stories-g_yH3vr8.js → rich-text-input.stories-zaKtuZiu.js} +3 -3
- package/dist/storybook/assets/{row.stories-c7qJDc3O.js → row.stories-U-yrdTYI.js} +2 -2
- package/dist/storybook/assets/select-7lyQEtzA.js +1 -0
- package/dist/storybook/assets/{select.stories-XhlzQ7cL.js → select.stories-xDbB-kMM.js} +2 -2
- package/dist/storybook/assets/{side-bar-hJdv8LbH.js → side-bar-5P37lMUr.js} +1 -1
- package/dist/storybook/assets/{side-bar.stories-Yhz9jXs2.js → side-bar.stories-JTyeqg4a.js} +1 -1
- package/dist/storybook/assets/{site.stories-KJRfCDdv.js → site.stories-h1X4It52.js} +2 -2
- package/dist/storybook/assets/slider-bFd0qknB.js +7 -0
- package/dist/storybook/assets/{slider.stories-R5xGydpl.js → slider.stories-EBNa8dCL.js} +2 -2
- package/dist/storybook/assets/smart-upload-modal.stories--J7j_ykg.js +25 -0
- package/dist/storybook/assets/{spacer.stories-9tR72ZgH.js → spacer.stories-Bp11g7WY.js} +1 -1
- package/dist/storybook/assets/syntaxhighlighter-B5GMVT5T-ACJ3LFR3.js +1 -0
- package/dist/storybook/assets/{table-plX5wbPy.js → table-YO72eq6-.js} +1 -1
- package/dist/storybook/assets/{table.stories-w4weqjQS.js → table.stories-87uvXmuW.js} +2 -2
- package/dist/storybook/assets/{table.stories-data-9T_1BLo6.js → table.stories-data-hDQBe08f.js} +1 -1
- package/dist/storybook/assets/text-link.stories-Plmiu8NV.js +14 -0
- package/dist/storybook/assets/{textarea-dAYYNVTs.js → textarea-XY_iUfzV.js} +1 -1
- package/dist/storybook/assets/{textarea.stories-tvP01BwE.js → textarea.stories-tpIT4O3R.js} +1 -1
- package/dist/storybook/assets/{title.stories-o7fCo4X-.js → title.stories-mhWM-m41.js} +3 -3
- package/dist/storybook/assets/{toaster-yPcd4ELJ.js → toaster-IL_npIpU.js} +1 -1
- package/dist/storybook/assets/{toaster.stories-4aAkEVaa.js → toaster.stories-2399ErHt.js} +1 -1
- package/dist/storybook/assets/{toggle-m3EwNS6z.js → toggle-KddTHsTd.js} +1 -1
- package/dist/storybook/assets/{toggle.stories-jaduywRN.js → toggle.stories-ZPLKo1CO.js} +1 -1
- package/dist/storybook/assets/{tooltip.test-case.stories-Sq5qLreq.js → tooltip.test-case.stories-e7KXJ1zz.js} +1 -1
- package/dist/storybook/assets/{top-bar-8ASbRXqr.js → top-bar-xIrfLvE9.js} +1 -1
- package/dist/storybook/assets/top-bar.stories-OWyuBUT6.js +21 -0
- package/dist/storybook/assets/{top-bar.testcase.stories-Yjz8R3nX.js → top-bar.testcase.stories-uu_mJjq3.js} +1 -1
- package/dist/storybook/assets/{tree.stories-VhgtyM-i.js → tree.stories-KFifRduQ.js} +1 -1
- package/dist/storybook/assets/{unit-input.stories--JK_4hwn.js → unit-input.stories-EPjs0Jo3.js} +1 -1
- package/dist/storybook/assets/unit-table.stories-KSzMk2ae.js +142 -0
- package/dist/storybook/iframe.html +1 -1
- package/dist/storybook/index.json +1 -1
- package/dist/storybook/project.json +1 -1
- package/dist/storybook/stories.json +1 -1
- package/package.json +1 -1
- package/dist/storybook/assets/Color-6VNJS4EI-GQwgd_ld.js +0 -1
- package/dist/storybook/assets/DocsRenderer-NNNQARDV-A0C5N1_E.js +0 -1
- package/dist/storybook/assets/WithTooltip-V3YHNWJZ-_ZdSUz6-.js +0 -1
- package/dist/storybook/assets/color-Sklm1A7t.js +0 -25
- package/dist/storybook/assets/dialog--p0h3TPY.js +0 -1
- package/dist/storybook/assets/file-input.stories-Mcb6uqW7.js +0 -66
- package/dist/storybook/assets/footer.stories-rwoGk_OR.js +0 -3
- package/dist/storybook/assets/form.stories-56ONaO3q.js +0 -49
- package/dist/storybook/assets/formation.stories-DzFYQPb4.js +0 -74
- package/dist/storybook/assets/icon-8EQazuuW.js +0 -8
- package/dist/storybook/assets/iframe-SOjg2hBS.js +0 -7
- package/dist/storybook/assets/inheritsLoose-8sb_A2v4.js +0 -1
- package/dist/storybook/assets/layout-forms-Zo8OvCqi.js +0 -16
- package/dist/storybook/assets/popover.stories-QeTPelqE.js +0 -1
- package/dist/storybook/assets/preview-HCxJn5W4.js +0 -7
- package/dist/storybook/assets/projects.stories-HDwAJ2lH.js +0 -47
- package/dist/storybook/assets/react-router-dom-EZH1n7K1.js +0 -8
- package/dist/storybook/assets/select-xiPCWaz8.js +0 -1
- package/dist/storybook/assets/slider-at3_DXQg.js +0 -7
- package/dist/storybook/assets/syntaxhighlighter-B5GMVT5T-bjqZHg5d.js +0 -1
- package/dist/storybook/assets/text-link.stories-Mx9ojcOC.js +0 -14
- package/dist/storybook/assets/top-bar.stories-9LS979MG.js +0 -21
- package/dist/storybook/assets/unit-table.stories-fbIAsylx.js +0 -142
package/dist/storybook/assets/{casing-loads.stories-qq7nVcz2.js → casing-loads.stories-uu-yK01O.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as u}from"./index-RfLt4OUa.js";import{I as f}from"./common-types-U65vzrrz.js";import{T}from"./top-bar-
|
|
1
|
+
import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as u}from"./index-RfLt4OUa.js";import{I as f}from"./common-types-U65vzrrz.js";import{T}from"./top-bar-xIrfLvE9.js";import{S as I}from"./side-bar-5P37lMUr.js";import{H as s}from"./heading-OSdaYHYE.js";import{B as r}from"./button-pSDG6Ka2.js";import{D as g}from"./drawer-fq99yzU7.js";import{L as O}from"./list-HBgplEUa.js";import{F as n}from"./field-V2qkm8ON.js";import{I as a}from"./input-w-UScEUy.js";import{M as D,D as E}from"./dialog-kardLd1s.js";import{C as H}from"./check-box--ih7cmR1.js";import{F as p}from"./form-row-bwoDTUga.js";import{P as k}from"./page-9-f6BzS0.js";import{R as y,C as R}from"./row-vFUhHoz5.js";import{S as d}from"./select-7lyQEtzA.js";import{S as o}from"./spacer-Yji9g2AW.js";import{T as B}from"./tabs-fcLbHC1n.js";import{T as M}from"./table-YO72eq6-.js";import"./index-VW3EWkuE.js";import"./icon-_m67DAr0.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./actions-0lKGEXVi.js";import"./lodash-Bmg8FrMx.js";import"./tooltip-gljV_DQ0.js";import"./index-miLrID2P.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./index-ugi_ZH6T.js";import"./help-icon-jdxRTcvs.js";import"./spinner-R8Il4aRe.js";import"./index.es-HG2GUH9i.js";import"./extends-dGVwEr9R.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./tiny-invariant-R4kOKlvx.js";import"./memoize-one.esm-hqe5SRxC.js";import"./card-0r8RRVk-.js";import"./meta-content-xcMHnFul.js";import"./loader-TGOJBZQG.js";import"./label-KLaw_y6R.js";import"./portal-zPiHHKoC.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./assertThisInitialized-4q6YPdh3.js";import"./text-6KQ6ntOV.js";import"./select.input-zP5tW20f.js";import"./pagination-LajpPl1E.js";import"./input-group-R8LoqKRn.js";import"./input-group-addon-BHVsW9mL.js";import"./number-input-hrCn3Rag.js";import"./index-qZmQ7nA9.js";import"./index-cCpkwrS5.js";import"./slider-bFd0qknB.js";import"./popover-dGHzPDyA.js";const Ae={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},i=()=>{const[v,t]=u.useState(!1),C=()=>e.jsx("div",{style:{color:"#aaa",display:"flex",alignItems:"center",justifyContent:"center",position:"absolute",overflow:"hidden",top:0,left:0,right:0,bottom:0},children:"SCHEMATIC"}),m=[{label:"Casing Loads",value:"casingloads"},{label:"Plot Charts",value:"charts"}],j={name:"Casing Loads",items:[{id:1,name:"Sections",type:"Heading"},{id:2,name:'30" Conductor Casing',active:!0},{id:3,name:"Ipsum"},{id:4,name:"Dolor"}]},L={columnWidths:["auto","auto","auto","auto","1%"],headers:[{cells:[{value:"Load case name"},{value:"Internal profile"},{value:"External profile"},{value:"Temperature profile"},{value:""}]}],rows:[{cells:[{value:"Load case 1"},{value:"Profile 1"},{value:"Profile 2"},{value:"Profile 3"},{value:"Edit",type:"Link",onClick:()=>t(!0)}]},{cells:[{value:"Load case 2"},{value:"Profile 1"},{value:"Profile 2"},{value:"Profile 3"},{value:"Edit",type:"Link",onClick:()=>t(!0)}]}]},F=()=>e.jsxs(e.Fragment,{children:[e.jsx(n,{label:"Name",children:e.jsx(a,{value:"Load case 1"})}),e.jsx(o,{}),e.jsx(s,{children:"Internal Profile"}),e.jsx(o,{}),e.jsxs(p,{children:[e.jsx(n,{label:"Profile",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Profile 1",value:"1"},{label:"Profile 2",value:"2"}]})}),e.jsx(n,{label:"Influx depth",children:e.jsx(a,{})}),e.jsx(n,{label:"Gas gradient",children:e.jsx(a,{})}),e.jsx(n,{label:"Mud weight",children:e.jsx(a,{})}),e.jsx(n,{label:"Input n",children:e.jsx(a,{})}),e.jsx(n,{children:e.jsx(H,{label:"Limit gas at shoe"})})]}),e.jsx(o,{}),e.jsx(s,{children:"External Profile"}),e.jsx(o,{}),e.jsxs(p,{children:[e.jsx(n,{label:"Profile",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Profile 1",value:"1"},{label:"Profile 2",value:"2"}]})}),e.jsx(n,{label:"FG above TOC",children:e.jsx(a,{})}),e.jsx(n,{label:"FG below TOC",children:e.jsx(a,{})})]}),e.jsx(o,{}),e.jsx(s,{children:"Temperature Profile"}),e.jsx(o,{}),e.jsxs(p,{children:[e.jsx(n,{label:"Profile",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Profile 1",value:"1"},{label:"Profile 2",value:"2"}]})}),e.jsx(n,{label:"Custome table",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Custome table 1",value:"1"},{label:"Custome table 2",value:"2"}]})})]})]}),P=()=>{const[l,c]=u.useState(!0);return e.jsx(g,{button:e.jsx(r,{onClick:()=>c(!l),round:!0,icon:f.CHEVRON_LEFT}),open:l,width:300,closedWidth:"var(--size-sidebar)",children:e.jsx(O,{drawer:!0,narrow:!l,list:j})})},w=()=>{const[l,c]=u.useState(!0);return e.jsx(g,{right:!0,background:"white",button:e.jsx(r,{onClick:()=>c(!l),round:!0,icon:f.CHEVRON_RIGHT}),open:l,width:300,closedWidth:"var(--size-sidebar)",children:e.jsx(C,{})})},S=()=>e.jsx(D,{visible:v,children:e.jsx(E,{dialog:{heading:"Load case 1",content:e.jsx(F,{}),footer:e.jsxs(e.Fragment,{children:[e.jsx(r,{label:"Save",colored:!0,onClick:()=>t(!1)}),e.jsx(r,{label:"Cancel",onClick:()=>t(!1)})]}),onClose:()=>t(!1)}})});return e.jsxs(e.Fragment,{children:[e.jsx(T,{}),e.jsx(I,{options:{title:"",sections:[]}}),e.jsx(k,{padding:!1,scroll:!1,children:e.jsxs(y,{spacing:0,flex:!0,children:[e.jsx(P,{}),e.jsxs(R,{borderLeft:!0,borderRight:!0,padding:!0,scroll:!0,children:[e.jsx(s,{top:!0,marginBottom:0,children:'30" Conductor Casing'}),e.jsx(B,{margin:!1,options:m,value:m[0]}),e.jsx(o,{}),e.jsx(M,{table:L})]}),e.jsx(w,{})]})}),e.jsx(S,{})]})};i.__docgenInfo={description:"",methods:[],displayName:"CasingLoads"};var b,h,x;i.parameters={...i.parameters,docs:{...(b=i.parameters)==null?void 0:b.docs,source:{originalSource:`() => {
|
|
2
2
|
const [dialogOpen, setDialogOpen] = useState(false);
|
|
3
3
|
const SchematicPlaceholder = () => <div style={{
|
|
4
4
|
color: '#aaa',
|
|
@@ -206,4 +206,4 @@ import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as u}from"./index-RfLt4OU
|
|
|
206
206
|
</Page>
|
|
207
207
|
<CasingLoadsEditModal />
|
|
208
208
|
</>;
|
|
209
|
-
}`,...(x=(h=i.parameters)==null?void 0:h.docs)==null?void 0:x.source}}};const
|
|
209
|
+
}`,...(x=(h=i.parameters)==null?void 0:h.docs)==null?void 0:x.source}}};const qe=["CasingLoads"];export{i as CasingLoads,qe as __namedExportsOrder,Ae as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as V}from"./index-RfLt4OUa.js";import{T as F}from"./table-
|
|
1
|
+
import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as V}from"./index-RfLt4OUa.js";import{T as F}from"./table-YO72eq6-.js";import{F as ze}from"./field-V2qkm8ON.js";import{B}from"./button-pSDG6Ka2.js";import{I as Ge}from"./input-w-UScEUy.js";import{F as Ne}from"./flex-RYZsoWEN.js";import{t as Ye,a as Ze,b as $e,c as ea,d as aa,e as na,f as ra,g as sa,h as ta,i as la,j as oa,k as ia,l as Qe,m as pa,n as ca,o as da,p as ua,q as ma}from"./table.stories-data-hDQBe08f.js";import"./index-VW3EWkuE.js";import"./index.es-HG2GUH9i.js";import"./inheritsLoose-Y9jOMJLd.js";import"./extends-dGVwEr9R.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./tiny-invariant-R4kOKlvx.js";import"./index-miLrID2P.js";import"./memoize-one.esm-hqe5SRxC.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./lodash-Bmg8FrMx.js";import"./actions-0lKGEXVi.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./tooltip-gljV_DQ0.js";import"./icon-_m67DAr0.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./heading-OSdaYHYE.js";import"./help-icon-jdxRTcvs.js";import"./pagination-LajpPl1E.js";import"./select-7lyQEtzA.js";import"./assertThisInitialized-4q6YPdh3.js";import"./text-6KQ6ntOV.js";import"./select.input-zP5tW20f.js";import"./input-group-R8LoqKRn.js";import"./input-group-addon-BHVsW9mL.js";import"./number-input-hrCn3Rag.js";import"./index-qZmQ7nA9.js";import"./index-cCpkwrS5.js";import"./check-box--ih7cmR1.js";import"./slider-bFd0qknB.js";import"./index-ugi_ZH6T.js";import"./popover-dGHzPDyA.js";import"./label-KLaw_y6R.js";import"./spinner-R8Il4aRe.js";const on={title:"Basic/Table/Cell",component:F,args:{table:{...Ye}}},a=r=>e.jsx(F,{...r}),m=a.bind({});m.args={table:Ze};const b=a.bind({});b.args={table:$e};const g=a.bind({});g.args={table:ea};const v=a.bind({});v.args={table:aa};const x=a.bind({});x.args={table:na};const h=a.bind({});h.args={table:ra};const C=a.bind({});C.args={table:sa};const S=a.bind({});S.args={table:ta};const f=a.bind({});f.args={table:la};const j=a.bind({});j.args={table:oa};const y=a.bind({});y.args={table:ia};const T=a.bind({});T.args={table:Qe};const k=a.bind({});k.args={table:pa};const O=a.bind({});O.args={table:ca};const P=a.bind({});P.args={table:da};const i=a.bind({});i.args={table:ua};i.parameters={docs:{description:{story:"Setting `breakWord: true` on a cell will allow very long text strings to break"}}};const W=()=>{const r=["Section","Width","Height"];let t=["","m","m"],c=[...Array(10).keys()].map((o,n)=>[n,n*2,n*2]);const d=()=>{const o=({close:s,value:I})=>e.jsxs(e.Fragment,{children:[e.jsx(ze,{label:"Input",children:e.jsx(Ge,{value:I,width:"100%"})}),e.jsxs(Ne,{gap:!0,children:[e.jsx(B,{colored:!0,label:"Save",onClick:()=>{}}),e.jsx(B,{label:"Cancel",onClick:s})]})]}),n={fixedWidth:"100%",headers:[{cells:r.map(s=>({value:s}))},{cells:[{},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:t[1],type:"Unit"},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:t[2],type:"Unit"}]}],rows:c.map((s,I)=>({cells:[...Array(3).keys()].map((l,u)=>({value:s[u],type:"Popover",content:e.jsx(o,{value:s[u]})}))}))};return e.jsx(F,{table:n})};return e.jsx(d,{})},A=()=>{const r=["Section","Width","Height"];let t=["","m","m"],c=[...Array(10).keys()].map((o,n)=>[n,n*2,n*2]);const d=()=>{const[o,n]=V.useState(!1),s=({close:l,value:u})=>{V.useEffect(()=>{o||n(!0)},[]);const E=()=>{n(!1),l()};return e.jsxs(e.Fragment,{children:[e.jsx(ze,{label:"Input",children:e.jsx(Ge,{value:u,width:"100%"})}),e.jsxs(Ne,{gap:!0,children:[e.jsx(B,{colored:!0,label:"Save",onClick:E}),e.jsx(B,{label:"Cancel",onClick:E})]})]})},I={headers:[{cells:r.map(l=>({value:l}))},{cells:[{},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:t[1],type:"Unit"},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:t[2],type:"Unit"}]}],rows:c.map((l,u)=>({cells:[...Array(3).keys()].map((E,D)=>({value:l[D],type:"Popover",disabled:o,closeOnOutsideClick:!1,content:e.jsx(s,{value:l[D]})}))}))};return e.jsx(F,{table:I})};return e.jsx(d,{})},w=a.bind({});w.args={table:ma};const p=a.bind({});p.args={table:{...Qe,name:"Food"}};p.decorators=[r=>e.jsx("div",{style:{width:180,height:180,overflow:"hidden",resize:"both"},children:e.jsx(r,{})})];const U=()=>{const[r,t]=V.useState([]),c={fixedWidth:"auto",headers:[{cells:[{value:"Countries"}]}],rows:[{cells:[{type:"Select",width:"240px",multi:!0,options:[{label:"France",value:"France"},{label:"Poland",value:"Poland"},{label:"United Kingdom",value:"United Kingdom"},{label:"Vietnam",value:"Vietnam"}],value:r,onChange:d=>t(d.target.value)}]}]};return e.jsx(F,{table:c})};var L,M,R;m.parameters={...m.parameters,docs:{...(L=m.parameters)==null?void 0:L.docs,source:{originalSource:`args => {
|
|
2
2
|
return <Table
|
|
3
3
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
4
4
|
{...args} />;
|
|
@@ -242,4 +242,4 @@ import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as V}from"./index-RfLt4OU
|
|
|
242
242
|
}]
|
|
243
243
|
};
|
|
244
244
|
return <Table table={table} />;
|
|
245
|
-
}`,...(qe=(Xe=U.parameters)==null?void 0:Xe.docs)==null?void 0:qe.source}}};const
|
|
245
|
+
}`,...(qe=(Xe=U.parameters)==null?void 0:Xe.docs)==null?void 0:qe.source}}};const pn=["Editable","Disabled","DateInput","Colspan","ColspanWithWidths","CellWidths","CellStyleProp","Rowspan","Checkboxes","Icons","Links","Actions","Menus","JSXContent","StaticCellTooltips","WordbreakLongContent","Popover","SinglePopoverAtOnce","OverflowingCells","TestScrolling","Multiselect"];export{T as Actions,C as CellStyleProp,h as CellWidths,f as Checkboxes,v as Colspan,x as ColspanWithWidths,g as DateInput,b as Disabled,m as Editable,j as Icons,O as JSXContent,y as Links,k as Menus,U as Multiselect,w as OverflowingCells,W as Popover,S as Rowspan,A as SinglePopoverAtOnce,P as StaticCellTooltips,p as TestScrolling,i as WordbreakLongContent,pn as __namedExportsOrder,on as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as a}from"./jsx-runtime-FsUICBgo.js";import{r as k}from"./index-RfLt4OUa.js";import{c as g}from"./index-VW3EWkuE.js";import{I as v}from"./common-types-U65vzrrz.js";import{D as C}from"./disabled-context-urNQThQz.js";import{H as q}from"./help-icon-
|
|
1
|
+
import{j as a}from"./jsx-runtime-FsUICBgo.js";import{r as k}from"./index-RfLt4OUa.js";import{c as g}from"./index-VW3EWkuE.js";import{I as v}from"./common-types-U65vzrrz.js";import{D as C}from"./disabled-context-urNQThQz.js";import{H as q}from"./help-icon-jdxRTcvs.js";import{I as V}from"./icon-_m67DAr0.js";const E="_checkbox_1ybyr_1",T="_noLabel_1ybyr_17",j="_small_1ybyr_20",M="_checkmark_1ybyr_43",H="_disabled_1ybyr_67",L="_noMargin_1ybyr_81",N="_isInTable_1ybyr_84",B="_helpIconEnabled_1ybyr_87",e={checkbox:E,noLabel:T,small:j,checkmark:M,disabled:H,noMargin:L,isInTable:N,helpIconEnabled:B},u=({noMargin:r=!1,dataix:m=0,isInTable:p=!1,tabIndex:b=0,checked:l=!1,name:n,label:i="",disabled:f=!1,small:y=!1,onChange:_,testId:x,value:D,helpText:o,onClickHelp:d})=>{const h=k.useContext(C),I=o||d,s=f||h;return a.jsxs("div",{className:g(e.checkbox,r&&e.noMargin,p&&e.isInTable,s&&e.disabled,y&&e.small,!i&&e.noLabel),"data-ix":m,onClick:c=>{if(!s){const t=c.target;t.name=n,t.value=!l,t.checked=!l,_(c)}},"data-testid":x,children:[a.jsx("input",{type:"checkbox",tabIndex:b,checked:l,name:n,onChange:()=>{},disabled:s}),a.jsxs("label",{htmlFor:n,children:[a.jsx("span",{className:e.checkmark,children:a.jsx(V,{icon:v.CHECK})}),i]}),I&&a.jsx("div",{className:e.helpIconEnabled,onClick:d,children:a.jsx(q,{text:o})})]})};try{u.displayName="CheckBox",u.__docgenInfo={description:"",displayName:"CheckBox",props:{checked:{defaultValue:{value:"false"},description:"",name:"checked",required:!1,type:{name:"boolean"}},isInTable:{defaultValue:{value:"false"},description:"",name:"isInTable",required:!1,type:{name:"boolean"}},label:{defaultValue:{value:""},description:"",name:"label",required:!1,type:{name:"string | null"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},noMargin:{defaultValue:{value:"false"},description:"",name:"noMargin",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(evt: ChangeEvent<HTMLInputElement>) => void"}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},dataix:{defaultValue:{value:"0"},description:"",name:"dataix",required:!1,type:{name:"number"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"string"}},helpText:{defaultValue:null,description:"",name:"helpText",required:!1,type:{name:"string"}},onClickHelp:{defaultValue:null,description:"",name:"onClickHelp",required:!1,type:{name:"TEmpty"}}}}}catch{}export{u as C};
|
package/dist/storybook/assets/{check-box.stories-xj8y4pvN.js → check-box.stories-WFbOF7kK.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as Y}from"./jsx-runtime-FsUICBgo.js";import{R as w}from"./index-RfLt4OUa.js";import{C as u}from"./check-box
|
|
1
|
+
import{j as Y}from"./jsx-runtime-FsUICBgo.js";import{R as w}from"./index-RfLt4OUa.js";import{C as u}from"./check-box--ih7cmR1.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./help-icon-jdxRTcvs.js";import"./tooltip-gljV_DQ0.js";import"./index-miLrID2P.js";import"./icon-_m67DAr0.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";const{useArgs:z}=__STORYBOOK_MODULE_ADDONS__,te={title:"Forms/CheckBox",component:u,args:{disabled:!1,label:"Label"}},n=g=>{const[{checked:h},e]=z(),s=()=>{e({checked:!h})};return Y.jsx(u,{...g,onChange:s})},p=n.bind({}),r=n.bind({});r.args={small:!0};const a=n.bind({});a.args={disabled:!0};const c=n.bind({});c.args={checked:!0,disabled:!0};const t=n.bind({});t.args={label:null};const o=n.bind({});o.args={helpText:"Help text"};const d=n.bind({});d.args={onClickHelp:()=>console.log("Help clicked")};const l=n.bind({});l.args={helpText:"Help text",disabled:!0};const i=()=>{const[g,h]=w.useState([]);return["1","2","3","4"].map(e=>Y.jsx(u,{label:`Label ${e}`,checked:g.includes(e),onChange:()=>{h(s=>s.includes(e)?s.filter(q=>q!==e):[...s,e])}},e))};var m,k,C;p.parameters={...p.parameters,docs:{...(m=p.parameters)==null?void 0:m.docs,source:{originalSource:`args => {
|
|
2
2
|
const [{
|
|
3
3
|
checked
|
|
4
4
|
}, updateArgs] = useArgs();
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as i}from"./iframe-
|
|
1
|
+
import{_ as i}from"./iframe-XBWdLgXl.js";import{R as t,r as p}from"./index-RfLt4OUa.js";import{r as l,u}from"./react-16-hgR7FrAp.js";import{b as h,A as E,H as d,D as x}from"./index-g34udPZo.js";var D={code:h,a:E,...d},_=class extends p.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(r){let{showException:e}=this.props;e(r)}render(){let{hasError:r}=this.state,{children:e}=this.props;return r?null:t.createElement(t.Fragment,null,e)}},R=class{constructor(){this.render=async(r,e,o)=>{let n={...D,...e==null?void 0:e.components},s=x;return new Promise((a,m)=>{i(()=>import("./index-4YXVTraW.js"),__vite__mapDeps([0,1]),import.meta.url).then(({MDXProvider:c})=>l(t.createElement(_,{showException:m,key:Math.random()},t.createElement(c,{components:n},t.createElement(s,{context:r,docsParameter:e}))),o)).then(()=>a())})},this.unmount=r=>{u(r)}}};export{R as D,D as d};
|
|
2
2
|
function __vite__mapDeps(indexes) {
|
|
3
3
|
if (!__vite__mapDeps.viteFileDeps) {
|
|
4
4
|
__vite__mapDeps.viteFileDeps = ["./index-4YXVTraW.js","./index-RfLt4OUa.js"]
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import{j as o}from"./jsx-runtime-FsUICBgo.js";import"./chunk-HLWAVYOI-TfoHKvis.js";import{M as d}from"./index-g34udPZo.js";import{r as p}from"./index-RfLt4OUa.js";import{t as m,T as x}from"./toaster-IL_npIpU.js";import{useMDXComponents as l}from"./index-4YXVTraW.js";import"./iframe-XBWdLgXl.js";import"../sb-preview/runtime.js";import"./react-16-hgR7FrAp.js";import"./index-miLrID2P.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./inheritsLoose-Y9jOMJLd.js";import"./index-R5dkQuFe.js";import"./index-PPLHz8o0.js";import"./message-bbAE2zjv.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./icon-_m67DAr0.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.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"],c=[50,100,150,200,250,300,350,400,450,500,550,600,650,700,750,800,850,900,950],j=c.map(r=>`--color-neutral-${r}`),b=c.map(r=>`--color-primary-${r}`),f=c.map(r=>`--color-error-${r}`),y=c.map(r=>`--color-warning-${r}`),C=c.map(r=>`--color-success-${r}`),k=c.map(r=>`--color-info-${r}`),t=({colors:r})=>o.jsx("div",{style:{display:"grid",gridTemplateColumns:"auto 1fr auto 1fr",gap:20,alignItems:"center"},children:r.map((n,a)=>{const e=`var(${n})`,s=()=>{navigator.clipboard.writeText(e),m({message:{type:"Success",content:"Copied to clipboard"}})};return o.jsxs(p.Fragment,{children:[o.jsx("div",{style:{padding:"var(--padding)",backgroundColor:e,border:"1px solid rgba(0,0,0,0.1)"},onClick:s}),o.jsx("code",{onClick:s,children:e})]},a)})});try{t.displayName="ColorPalette",t.__docgenInfo={description:"",displayName:"ColorPalette",props:{colors:{defaultValue:null,description:"",name:"colors",required:!0,type:{name:"string[]"}}}}}catch{}function i(r){const n=Object.assign({h1:"h1",p:"p",strong:"strong",h2:"h2",h3:"h3"},l(),r.components);return o.jsxs(o.Fragment,{children:[o.jsx(d,{title:"Colors"}),`
|
|
2
|
+
`,o.jsx(n.h1,{id:"colors",children:"Colors"}),`
|
|
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
|
+
`,o.jsx(n.p,{children:o.jsx(n.strong,{children:"Click on a color below to copy the variable name to the clipboard."})}),`
|
|
5
|
+
`,o.jsx(n.h2,{id:"named-colors",children:"Named colors"}),`
|
|
6
|
+
`,o.jsx(n.h3,{id:"text",children:"Text"}),`
|
|
7
|
+
`,o.jsx(t,{colors:h}),`
|
|
8
|
+
`,o.jsx(n.h3,{id:"backgrounds",children:"Backgrounds"}),`
|
|
9
|
+
`,o.jsx(t,{colors:u}),`
|
|
10
|
+
`,o.jsx(n.h3,{id:"borders",children:"Borders"}),`
|
|
11
|
+
`,o.jsx(t,{colors:g}),`
|
|
12
|
+
`,o.jsx(n.h2,{id:"base-colors",children:"Base colors"}),`
|
|
13
|
+
`,o.jsx(n.h3,{id:"neutral",children:"Neutral"}),`
|
|
14
|
+
`,o.jsx(t,{colors:j}),`
|
|
15
|
+
`,o.jsx(n.h3,{id:"primary",children:"Primary"}),`
|
|
16
|
+
`,o.jsx(t,{colors:b}),`
|
|
17
|
+
`,o.jsx(n.h3,{id:"error",children:"Error"}),`
|
|
18
|
+
`,o.jsx(t,{colors:f}),`
|
|
19
|
+
`,o.jsx(n.h3,{id:"warning",children:"Warning"}),`
|
|
20
|
+
`,o.jsx(t,{colors:y}),`
|
|
21
|
+
`,o.jsx(n.h3,{id:"success",children:"Success"}),`
|
|
22
|
+
`,o.jsx(t,{colors:C}),`
|
|
23
|
+
`,o.jsx(n.h3,{id:"info",children:"Info"}),`
|
|
24
|
+
`,o.jsx(t,{colors:k}),`
|
|
25
|
+
`,o.jsx(x,{})]})}function G(r={}){const{wrapper:n}=Object.assign({},l(),r.components);return n?o.jsx(n,Object.assign({},r,{children:o.jsx(i,r)})):i(r)}export{G as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as r}from"./jsx-runtime-FsUICBgo.js";import{C as p,R as W}from"./row-vFUhHoz5.js";import{H as m}from"./heading-
|
|
1
|
+
import{j as r}from"./jsx-runtime-FsUICBgo.js";import{C as p,R as W}from"./row-vFUhHoz5.js";import{H as m}from"./heading-OSdaYHYE.js";import"./index-RfLt4OUa.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./tslib.es6-OIsz3r9a.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./help-icon-jdxRTcvs.js";import"./tooltip-gljV_DQ0.js";import"./index-miLrID2P.js";import"./icon-_m67DAr0.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-Y9jOMJLd.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";const $={title:"Layout/Columns & Rows",component:p,parameters:{layout:"fullscreen"},args:{width:"50%",padding:!0,borderRight:!0},argTypes:{width:{control:{type:"text"}},padding:{control:{type:"text"}},borderLeft:{control:{type:"boolean"}},borderRight:{control:{type:"boolean"}}}},e=_=>{const{height:D,wrap:F,...L}=_;return r.jsxs(W,{spacing:0,height:D,wrap:F,children:[r.jsxs(p,{...L,children:[r.jsx(m,{top:!0,children:"Column"}),"Example content goes here lorem ipsum. ".repeat(20)]}),r.jsx(p,{padding:!0,background:"var(--color-background)"})]})},i=e.bind({}),n=e.bind({});n.args={padding:!1};const o=e.bind({});o.args={width:"400px"};const a=e.bind({});a.args={scroll:!0,height:"200px"};const t=e.bind({});t.args={scroll:!0,showScrollbar:!1,height:"200px"};const s=e.bind({});s.args={wrap:!0,widthTablet:"50%",widthMobile:"100%",borderRight:!1};const c=()=>r.jsxs(W,{spacing:100,children:[r.jsxs(p,{children:[r.jsx(m,{top:!0,children:"Column"}),"Example content goes here lorem ipsum. ".repeat(20)]}),r.jsxs(p,{children:[r.jsx(m,{top:!0,children:"Column"}),"Example content goes here lorem ipsum. ".repeat(20)]})]});var g,l,u;i.parameters={...i.parameters,docs:{...(g=i.parameters)==null?void 0:g.docs,source:{originalSource:`args => {
|
|
2
2
|
const {
|
|
3
3
|
height,
|
|
4
4
|
wrap,
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as t}from"./jsx-runtime-FsUICBgo.js";import{r as u}from"./index-RfLt4OUa.js";import{c as p}from"./index-VW3EWkuE.js";import{P as y}from"./portal-zPiHHKoC.js";import{l as x}from"./lodash-Bmg8FrMx.js";import{I as v}from"./common-types-U65vzrrz.js";import{H as j}from"./heading-OSdaYHYE.js";import{B as w}from"./button-pSDG6Ka2.js";const _=(n,e,r=[])=>{u.useEffect(()=>{const i=o=>{o.key===n&&e()};return window.addEventListener("keydown",i),()=>{window.removeEventListener("keydown",i)}},r)},E="_wrapper_sb0hc_1",b="_contentContainer_sb0hc_15",N="_centered_sb0hc_24",C="_newLine_sb0hc_28",m={wrapper:E,contentContainer:b,centered:N,newLine:C},k=({children:n})=>{const e=u.useRef(null);return u.useEffect(()=>{if(e.current){const r=e.current.querySelector('[tabindex="0"]');r?r.focus():e.current.focus()}},[]),t.jsx("div",{ref:e,tabIndex:-1,className:p(m.wrapper),children:n})},I=({children:n,width:e,centered:r})=>t.jsx("div",{className:p(m.contentContainer,r?m.centered:""),style:{maxWidth:e},children:n}),g=({children:n,visible:e=!1,centered:r=!1,width:i="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(y,{id:d,children:e?t.jsx(k,{children:t.jsx(I,{width:i,centered:r,children:n})}):null})})};try{g.displayName="Modal",g.__docgenInfo={description:"",displayName:"Modal",props:{visible:{defaultValue:{value:"false"},description:"",name:"visible",required:!1,type:{name:"boolean"}},centered:{defaultValue:{value:"false"},description:"",name:"centered",required:!1,type:{name:"boolean"}},width:{defaultValue:{value:"100%"},description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},onEnter:{defaultValue:null,description:"",name:"onEnter",required:!1,type:{name:"(() => void)"}},onEscape:{defaultValue:null,description:"",name:"onEscape",required:!1,type:{name:"(() => void)"}}}}}catch{}const q="_dialog_18g0k_1",D="_inline_18g0k_18",L="_scroll_18g0k_21",V="_header_18g0k_24",B="_dismiss_18g0k_33",M="_content_18g0k_38",O="_footer_18g0k_47",a={dialog:q,inline:D,scroll:L,header:V,dismiss:B,content:M,footer:O},R=n=>x.isArray(n)?n.map((e,r)=>t.jsxs(u.Fragment,{children:[e," ",t.jsx("br",{})]},r)):n,h=({dialog:n})=>{const{heading:e,content:r,contentPadding:i="var(--padding)",footer:o,scroll:c,width:d,height:l,onClose:f,testId:s}=n;return t.jsxs("div",{className:p(a.dialog,d?a.inline:null,c?a.scroll:null),style:{width:d,height:l},"data-testid":s??null,children:[t.jsxs("div",{className:a.header,children:[t.jsx(j,{testId:s&&`${s}-heading`,top:!0,marginBottom:0,children:e}),f?t.jsx("div",{className:a.dismiss,children:t.jsx(w,{icon:v.CLOSE,round:!0,basic:!0,small:!0,colored:"muted",onClick:f})}):null]}),t.jsx("div",{"data-testid":s&&`${s}-content`,className:a.content,style:{padding:i},children:R(r)}),o&&t.jsx("div",{"data-testid":s&&`${s}-footer`,className:a.footer,children:o})]})};try{h.displayName="Dialog",h.__docgenInfo={description:"",displayName:"Dialog",props:{dialog:{defaultValue:null,description:"",name:"dialog",required:!0,type:{name:"IDialog"}}}}}catch{}export{h as D,g as M,_ as u};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import{j as y}from"./jsx-runtime-FsUICBgo.js";import{a as it,r as q}from"./index-RfLt4OUa.js";import{c as ie}from"./index-VW3EWkuE.js";import{I as we,B as st}from"./common-types-U65vzrrz.js";import{B as lt}from"./badge-23Ty_zBt.js";import{l as ut}from"./lodash-Bmg8FrMx.js";import{p as le}from"./index-4QtD-hFu.js";import{r as Ye}from"./index-miLrID2P.js";import{I as ct}from"./icon-
|
|
1
|
+
import{j as y}from"./jsx-runtime-FsUICBgo.js";import{a as it,r as q}from"./index-RfLt4OUa.js";import{c as ie}from"./index-VW3EWkuE.js";import{I as we,B as st}from"./common-types-U65vzrrz.js";import{B as lt}from"./badge-23Ty_zBt.js";import{l as ut}from"./lodash-Bmg8FrMx.js";import{p as le}from"./index-4QtD-hFu.js";import{r as Ye}from"./index-miLrID2P.js";import{I as ct}from"./icon-_m67DAr0.js";import{B as dt}from"./button-pSDG6Ka2.js";const ft="_inputInTable_khmhl_1",pt="_inputHover_khmhl_13",ht="_inputFocus_khmhl_18",mt="_inputError_khmhl_25",gt="_inputWarning_khmhl_26",vt="_inputDisabled_khmhl_61",yt="_hideScrollbars_khmhl_67",bt="_inline_khmhl_90",_t="_left_khmhl_93",St="_right_khmhl_96",wt="_fixed_khmhl_99",Ot="_border_khmhl_111",Dt="_shadow_khmhl_117",Pt="_drawerContent_khmhl_120",xt="_isResizing_khmhl_132",Rt="_toggleButton_khmhl_143",Tt="_top_khmhl_156",Ct="_bottom_khmhl_159",zt="_toggleButtonOpen_khmhl_162",Nt="_tabs_khmhl_165",Mt="_tab_khmhl_165",Et="_active_khmhl_197",Wt="_disabled_khmhl_222",Ht="_tabsContent_khmhl_229",qt="_resizeHandle_khmhl_235",w={inputInTable:ft,inputHover:pt,inputFocus:ht,inputError:mt,inputWarning:gt,inputDisabled:vt,hideScrollbars:yt,inline:bt,left:_t,right:St,fixed:wt,border:Ot,shadow:Dt,drawerContent:Pt,isResizing:xt,toggleButton:Rt,top:Tt,bottom:Ct,toggleButtonOpen:zt,tabs:Nt,tab:Mt,active:Et,disabled:Wt,tabsContent:Ht,resizeHandle:qt},$t=({badge:e,children:t})=>e?y.jsx(lt,{small:!0,margin:4,title:e.toString(),children:t}):y.jsx(y.Fragment,{children:t}),Oe=({tabs:e,activeTab:t,open:r,background:n,handleTabClick:a,width:o,testId:i})=>y.jsxs(y.Fragment,{children:[y.jsx("div",{className:w.tabs,children:e.map((s,l)=>y.jsx("div",{className:ie(w.tab,t===l&&r?w.active:"",s.disabled?w.disabled:""),style:{background:n},onClick:s.disabled?void 0:()=>a(l),"data-testid":i&&`${i}-icon-${l}`,children:y.jsx($t,{badge:s.badge,children:s.icon})},l))}),e.map((s,l)=>{const m=t===l;return y.jsx("div",{style:{width:typeof o=="number"?`${o}px`:o},className:w.tabsContent,"data-testid":i&&`${i}-content-${l}`,children:m&&r&&s.content},l)})]});try{Oe.displayName="DrawerTabs",Oe.__docgenInfo={description:"",displayName:"DrawerTabs",props:{tabs:{defaultValue:null,description:"",name:"tabs",required:!0,type:{name:"IDrawerTab[]"}},activeTab:{defaultValue:null,description:"",name:"activeTab",required:!0,type:{name:"number"}},open:{defaultValue:null,description:"",name:"open",required:!0,type:{name:"boolean"}},background:{defaultValue:null,description:"",name:"background",required:!0,type:{name:"string"}},handleTabClick:{defaultValue:null,description:"",name:"handleTabClick",required:!0,type:{name:"(index: number) => void"}},width:{defaultValue:null,description:"",name:"width",required:!0,type:{name:"string | number"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}var ze={exports:{}},ee={},ue={exports:{}},Fe={};function Ue(e){var t,r,n="";if(typeof e=="string"||typeof e=="number")n+=e;else if(typeof e=="object")if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(r=Ue(e[t]))&&(n&&(n+=" "),n+=r);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function Ve(){for(var e,t,r=0,n="";r<arguments.length;)(e=arguments[r++])&&(t=Ue(e))&&(n&&(n+=" "),n+=t);return n}const Vt=Object.freeze(Object.defineProperty({__proto__:null,clsx:Ve,default:Ve},Symbol.toStringTag,{value:"Module"})),At=it(Vt);var b={},$={};Object.defineProperty($,"__esModule",{value:!0});$.dontSetMe=kt;$.findInArray=It;$.int=Xt;$.isFunction=Bt;$.isNum=jt;function It(e,t){for(let r=0,n=e.length;r<n;r++)if(t.apply(t,[e[r],r,e]))return e[r]}function Bt(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Function]"}function jt(e){return typeof e=="number"&&!isNaN(e)}function Xt(e){return parseInt(e,10)}function kt(e,t,r){if(e[t])return new Error("Invalid prop ".concat(t," passed to ").concat(r," - do not set this, set it on the child."))}var Y={};Object.defineProperty(Y,"__esModule",{value:!0});Y.browserPrefixToKey=Ge;Y.browserPrefixToStyle=Yt;Y.default=void 0;Y.getPrefix=Le;const ve=["Moz","Webkit","O","ms"];function Le(){var e;let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:"transform";if(typeof window>"u")return"";const r=(e=window.document)===null||e===void 0||(e=e.documentElement)===null||e===void 0?void 0:e.style;if(!r||t in r)return"";for(let n=0;n<ve.length;n++)if(Ge(t,ve[n])in r)return ve[n];return""}function Ge(e,t){return t?"".concat(t).concat(Ft(e)):e}function Yt(e,t){return t?"-".concat(t.toLowerCase(),"-").concat(e):e}function Ft(e){let t="",r=!0;for(let n=0;n<e.length;n++)r?(t+=e[n].toUpperCase(),r=!1):e[n]==="-"?r=!0:t+=e[n];return t}Y.default=Le();Object.defineProperty(b,"__esModule",{value:!0});b.addClassName=Qe;b.addEvent=Gt;b.addUserSelectStyles=ir;b.createCSSTransform=rr;b.createSVGTransform=nr;b.getTouch=ar;b.getTouchIdentifier=or;b.getTranslation=Ne;b.innerHeight=Zt;b.innerWidth=er;b.matchesSelector=Je;b.matchesSelectorAndParentsTo=Lt;b.offsetXYFromParent=tr;b.outerHeight=Jt;b.outerWidth=Qt;b.removeClassName=Ze;b.removeEvent=Kt;b.removeUserSelectStyles=sr;var N=$,Ae=Ut(Y);function Ke(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(Ke=function(n){return n?r:t})(e)}function Ut(e,t){if(!t&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var r=Ke(t);if(r&&r.has(e))return r.get(e);var n={},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(n,o,i):n[o]=e[o]}return n.default=e,r&&r.set(e,n),n}let ae="";function Je(e,t){return ae||(ae=(0,N.findInArray)(["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"],function(r){return(0,N.isFunction)(e[r])})),(0,N.isFunction)(e[ae])?e[ae](t):!1}function Lt(e,t,r){let n=e;do{if(Je(n,t))return!0;if(n===r)return!1;n=n.parentNode}while(n);return!1}function Gt(e,t,r,n){if(!e)return;const a={capture:!0,...n};e.addEventListener?e.addEventListener(t,r,a):e.attachEvent?e.attachEvent("on"+t,r):e["on"+t]=r}function Kt(e,t,r,n){if(!e)return;const a={capture:!0,...n};e.removeEventListener?e.removeEventListener(t,r,a):e.detachEvent?e.detachEvent("on"+t,r):e["on"+t]=null}function Jt(e){let t=e.clientHeight;const r=e.ownerDocument.defaultView.getComputedStyle(e);return t+=(0,N.int)(r.borderTopWidth),t+=(0,N.int)(r.borderBottomWidth),t}function Qt(e){let t=e.clientWidth;const r=e.ownerDocument.defaultView.getComputedStyle(e);return t+=(0,N.int)(r.borderLeftWidth),t+=(0,N.int)(r.borderRightWidth),t}function Zt(e){let t=e.clientHeight;const r=e.ownerDocument.defaultView.getComputedStyle(e);return t-=(0,N.int)(r.paddingTop),t-=(0,N.int)(r.paddingBottom),t}function er(e){let t=e.clientWidth;const r=e.ownerDocument.defaultView.getComputedStyle(e);return t-=(0,N.int)(r.paddingLeft),t-=(0,N.int)(r.paddingRight),t}function tr(e,t,r){const a=t===t.ownerDocument.body?{left:0,top:0}:t.getBoundingClientRect(),o=(e.clientX+t.scrollLeft-a.left)/r,i=(e.clientY+t.scrollTop-a.top)/r;return{x:o,y:i}}function rr(e,t){const r=Ne(e,t,"px");return{[(0,Ae.browserPrefixToKey)("transform",Ae.default)]:r}}function nr(e,t){return Ne(e,t,"")}function Ne(e,t,r){let{x:n,y:a}=e,o="translate(".concat(n).concat(r,",").concat(a).concat(r,")");if(t){const i="".concat(typeof t.x=="string"?t.x:t.x+r),s="".concat(typeof t.y=="string"?t.y:t.y+r);o="translate(".concat(i,", ").concat(s,")")+o}return o}function ar(e,t){return e.targetTouches&&(0,N.findInArray)(e.targetTouches,r=>t===r.identifier)||e.changedTouches&&(0,N.findInArray)(e.changedTouches,r=>t===r.identifier)}function or(e){if(e.targetTouches&&e.targetTouches[0])return e.targetTouches[0].identifier;if(e.changedTouches&&e.changedTouches[0])return e.changedTouches[0].identifier}function ir(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&&Qe(e.body,"react-draggable-transparent-selection")}function sr(e){if(e)try{if(e.body&&Ze(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 Qe(e,t){e.classList?e.classList.add(t):e.className.match(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)")))||(e.className+=" ".concat(t))}function Ze(e,t){e.classList?e.classList.remove(t):e.className=e.className.replace(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)"),"g"),"")}var V={};Object.defineProperty(V,"__esModule",{value:!0});V.canDragX=cr;V.canDragY=dr;V.createCoreData=pr;V.createDraggableData=hr;V.getBoundPosition=lr;V.getControlPosition=fr;V.snapToGrid=ur;var z=$,G=b;function lr(e,t,r){if(!e.props.bounds)return[t,r];let{bounds:n}=e.props;n=typeof n=="string"?n:mr(n);const a=Me(e);if(typeof n=="string"){const{ownerDocument:o}=a,i=o.defaultView;let s;if(n==="parent"?s=a.parentNode:s=o.querySelector(n),!(s instanceof i.HTMLElement))throw new Error('Bounds selector "'+n+'" could not find an element.');const l=s,m=i.getComputedStyle(a),g=i.getComputedStyle(l);n={left:-a.offsetLeft+(0,z.int)(g.paddingLeft)+(0,z.int)(m.marginLeft),top:-a.offsetTop+(0,z.int)(g.paddingTop)+(0,z.int)(m.marginTop),right:(0,G.innerWidth)(l)-(0,G.outerWidth)(a)-a.offsetLeft+(0,z.int)(g.paddingRight)-(0,z.int)(m.marginRight),bottom:(0,G.innerHeight)(l)-(0,G.outerHeight)(a)-a.offsetTop+(0,z.int)(g.paddingBottom)-(0,z.int)(m.marginBottom)}}return(0,z.isNum)(n.right)&&(t=Math.min(t,n.right)),(0,z.isNum)(n.bottom)&&(r=Math.min(r,n.bottom)),(0,z.isNum)(n.left)&&(t=Math.max(t,n.left)),(0,z.isNum)(n.top)&&(r=Math.max(r,n.top)),[t,r]}function ur(e,t,r){const n=Math.round(t/e[0])*e[0],a=Math.round(r/e[1])*e[1];return[n,a]}function cr(e){return e.props.axis==="both"||e.props.axis==="x"}function dr(e){return e.props.axis==="both"||e.props.axis==="y"}function fr(e,t,r){const n=typeof t=="number"?(0,G.getTouch)(e,t):null;if(typeof t=="number"&&!n)return null;const a=Me(r),o=r.props.offsetParent||a.offsetParent||a.ownerDocument.body;return(0,G.offsetXYFromParent)(n||e,o,r.props.scale)}function pr(e,t,r){const n=!(0,z.isNum)(e.lastX),a=Me(e);return n?{node:a,deltaX:0,deltaY:0,lastX:t,lastY:r,x:t,y:r}:{node:a,deltaX:t-e.lastX,deltaY:r-e.lastY,lastX:e.lastX,lastY:e.lastY,x:t,y:r}}function hr(e,t){const r=e.props.scale;return{node:t.node,x:e.state.x+t.deltaX/r,y:e.state.y+t.deltaY/r,deltaX:t.deltaX/r,deltaY:t.deltaY/r,lastX:e.state.x,lastY:e.state.y}}function mr(e){return{left:e.left,top:e.top,right:e.right,bottom:e.bottom}}function Me(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=gr;function gr(){}Object.defineProperty(ce,"__esModule",{value:!0});ce.default=void 0;var ye=yr(q),T=Ee(le),vr=Ee(Ye),O=b,B=V,be=$,Q=Ee(de);function Ee(e){return e&&e.__esModule?e:{default:e}}function et(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(et=function(n){return n?r:t})(e)}function yr(e,t){if(!t&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var r=et(t);if(r&&r.has(e))return r.get(e);var n={},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(n,o,i):n[o]=e[o]}return n.default=e,r&&r.set(e,n),n}function x(e,t,r){return t=br(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function br(e){var t=_r(e,"string");return typeof t=="symbol"?t:String(t)}function _r(e,t){if(typeof e!="object"||e===null)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t||"default");if(typeof n!="object")return n;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 j=W.mouse,fe=class extends ye.Component{constructor(){super(...arguments),x(this,"dragging",!1),x(this,"lastX",NaN),x(this,"lastY",NaN),x(this,"touchIdentifier",null),x(this,"mounted",!1),x(this,"handleDragStart",t=>{if(this.props.onMouseDown(t),!this.props.allowAnyClick&&typeof t.button=="number"&&t.button!==0)return!1;const r=this.findDOMNode();if(!r||!r.ownerDocument||!r.ownerDocument.body)throw new Error("<DraggableCore> not mounted on DragStart!");const{ownerDocument:n}=r;if(this.props.disabled||!(t.target instanceof n.defaultView.Node)||this.props.handle&&!(0,O.matchesSelectorAndParentsTo)(t.target,this.props.handle,r)||this.props.cancel&&(0,O.matchesSelectorAndParentsTo)(t.target,this.props.cancel,r))return;t.type==="touchstart"&&t.preventDefault();const a=(0,O.getTouchIdentifier)(t);this.touchIdentifier=a;const o=(0,B.getControlPosition)(t,a,this);if(o==null)return;const{x:i,y:s}=o,l=(0,B.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,O.addUserSelectStyles)(n),this.dragging=!0,this.lastX=i,this.lastY=s,(0,O.addEvent)(n,j.move,this.handleDrag),(0,O.addEvent)(n,j.stop,this.handleDragStop))}),x(this,"handleDrag",t=>{const r=(0,B.getControlPosition)(t,this.touchIdentifier,this);if(r==null)return;let{x:n,y:a}=r;if(Array.isArray(this.props.grid)){let s=n-this.lastX,l=a-this.lastY;if([s,l]=(0,B.snapToGrid)(this.props.grid,s,l),!s&&!l)return;n=this.lastX+s,a=this.lastY+l}const o=(0,B.createCoreData)(this,n,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=n,this.lastY=a}),x(this,"handleDragStop",t=>{if(!this.dragging)return;const r=(0,B.getControlPosition)(t,this.touchIdentifier,this);if(r==null)return;let{x:n,y:a}=r;if(Array.isArray(this.props.grid)){let l=n-this.lastX||0,m=a-this.lastY||0;[l,m]=(0,B.snapToGrid)(this.props.grid,l,m),n=this.lastX+l,a=this.lastY+m}const o=(0,B.createCoreData)(this,n,a);if(this.props.onStop(t,o)===!1||this.mounted===!1)return!1;const s=this.findDOMNode();s&&this.props.enableUserSelectHack&&(0,O.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,O.removeEvent)(s.ownerDocument,j.move,this.handleDrag),(0,O.removeEvent)(s.ownerDocument,j.stop,this.handleDragStop))}),x(this,"onMouseDown",t=>(j=W.mouse,this.handleDragStart(t))),x(this,"onMouseUp",t=>(j=W.mouse,this.handleDragStop(t))),x(this,"onTouchStart",t=>(j=W.touch,this.handleDragStart(t))),x(this,"onTouchEnd",t=>(j=W.touch,this.handleDragStop(t)))}componentDidMount(){this.mounted=!0;const t=this.findDOMNode();t&&(0,O.addEvent)(t,W.touch.start,this.onTouchStart,{passive:!1})}componentWillUnmount(){this.mounted=!1;const t=this.findDOMNode();if(t){const{ownerDocument:r}=t;(0,O.removeEvent)(r,W.mouse.move,this.handleDrag),(0,O.removeEvent)(r,W.touch.move,this.handleDrag),(0,O.removeEvent)(r,W.mouse.stop,this.handleDragStop),(0,O.removeEvent)(r,W.touch.stop,this.handleDragStop),(0,O.removeEvent)(t,W.touch.start,this.onTouchStart,{passive:!1}),this.props.enableUserSelectHack&&(0,O.removeUserSelectStyles)(r)}}findDOMNode(){var t,r;return(t=this.props)!==null&&t!==void 0&&t.nodeRef?(r=this.props)===null||r===void 0||(r=r.nodeRef)===null||r===void 0?void 0:r.current:vr.default.findDOMNode(this)}render(){return ye.cloneElement(ye.Children.only(this.props.children),{onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}};ce.default=fe;x(fe,"displayName","DraggableCore");x(fe,"propTypes",{allowAnyClick:T.default.bool,children:T.default.node.isRequired,disabled:T.default.bool,enableUserSelectHack:T.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:T.default.arrayOf(T.default.number),handle:T.default.string,cancel:T.default.string,nodeRef:T.default.object,onStart:T.default.func,onDrag:T.default.func,onStop:T.default.func,onMouseDown:T.default.func,scale:T.default.number,className:be.dontSetMe,style:be.dontSetMe,transform:be.dontSetMe});x(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=D(q),r=g(le),n=g(Ye),a=g(At),o=b,i=V,s=$,l=g(ce),m=g(de);function g(c){return c&&c.__esModule?c:{default:c}}function _(c){if(typeof WeakMap!="function")return null;var u=new WeakMap,f=new WeakMap;return(_=function(p){return p?f:u})(c)}function D(c,u){if(!u&&c&&c.__esModule)return c;if(c===null||typeof c!="object"&&typeof c!="function")return{default:c};var f=_(u);if(f&&f.has(c))return f.get(c);var p={},v=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var h in c)if(h!=="default"&&Object.prototype.hasOwnProperty.call(c,h)){var C=v?Object.getOwnPropertyDescriptor(c,h):null;C&&(C.get||C.set)?Object.defineProperty(p,h,C):p[h]=c[h]}return p.default=c,f&&f.set(c,p),p}function P(){return P=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},P.apply(this,arguments)}function S(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 R extends t.Component{static getDerivedStateFromProps(u,f){let{position:p}=u,{prevPropsPosition:v}=f;return p&&(!v||p.x!==v.x||p.y!==v.y)?((0,m.default)("Draggable: getDerivedStateFromProps %j",{position:p,prevPropsPosition:v}),{x:p.x,y:p.y,prevPropsPosition:{...p}}):null}constructor(u){super(u),S(this,"onDragStart",(f,p)=>{if((0,m.default)("Draggable: onDragStart: %j",p),this.props.onStart(f,(0,i.createDraggableData)(this,p))===!1)return!1;this.setState({dragging:!0,dragged:!0})}),S(this,"onDrag",(f,p)=>{if(!this.state.dragging)return!1;(0,m.default)("Draggable: onDrag: %j",p);const v=(0,i.createDraggableData)(this,p),h={x:v.x,y:v.y,slackX:0,slackY:0};if(this.props.bounds){const{x:A,y:I}=h;h.x+=this.state.slackX,h.y+=this.state.slackY;const[F,re]=(0,i.getBoundPosition)(this,h.x,h.y);h.x=F,h.y=re,h.slackX=this.state.slackX+(A-h.x),h.slackY=this.state.slackY+(I-h.y),v.x=h.x,v.y=h.y,v.deltaX=h.x-this.state.x,v.deltaY=h.y-this.state.y}if(this.props.onDrag(f,v)===!1)return!1;this.setState(h)}),S(this,"onDragStop",(f,p)=>{if(!this.state.dragging||this.props.onStop(f,(0,i.createDraggableData)(this,p))===!1)return!1;(0,m.default)("Draggable: onDragStop: %j",p);const h={dragging:!1,slackX:0,slackY:0};if(!!this.props.position){const{x:A,y:I}=this.props.position;h.x=A,h.y=I}this.setState(h)}),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:n.default.findDOMNode(this)}render(){const{axis:u,bounds:f,children:p,defaultPosition:v,defaultClassName:h,defaultClassNameDragging:C,defaultClassNameDragged:A,position:I,positionOffset:F,scale:re,...X}=this.props;let H={},k=null;const U=!!!I||this.state.dragging,K=I||v,ne={x:(0,i.canDragX)(this)&&U?this.state.x:K.x,y:(0,i.canDragY)(this)&&U?this.state.y:K.y};this.state.isElementSVG?k=(0,o.createSVGTransform)(ne,F):H=(0,o.createCSSTransform)(ne,F);const J=(0,a.default)(p.props.className||"",h,{[C]:this.state.dragging,[A]:this.state.dragged});return t.createElement(l.default,P({},X,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),t.cloneElement(t.Children.only(p),{className:J,style:{...p.props.style,...H},transform:k}))}}e.default=R,S(R,"displayName","Draggable"),S(R,"propTypes",{...l.default.propTypes,axis:r.default.oneOf(["both","x","y","none"]),bounds:r.default.oneOfType([r.default.shape({left:r.default.number,right:r.default.number,top:r.default.number,bottom:r.default.number}),r.default.string,r.default.oneOf([!1])]),defaultClassName:r.default.string,defaultClassNameDragging:r.default.string,defaultClassNameDragged:r.default.string,defaultPosition:r.default.shape({x:r.default.number,y:r.default.number}),positionOffset:r.default.shape({x:r.default.oneOfType([r.default.number,r.default.string]),y:r.default.oneOfType([r.default.number,r.default.string])}),position:r.default.shape({x:r.default.number,y:r.default.number}),className:s.dontSetMe,style:s.dontSetMe,transform:s.dontSetMe}),S(R,"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})})(Fe);const{default:tt,DraggableCore:Sr}=Fe;ue.exports=tt;ue.exports.default=tt;ue.exports.DraggableCore=Sr;var wr=ue.exports,We={};We.__esModule=!0;We.cloneElement=Tr;var Or=Dr(q);function Dr(e){return e&&e.__esModule?e:{default:e}}function Ie(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,n)}return r}function Be(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?Ie(Object(r),!0).forEach(function(n){Pr(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Ie(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function Pr(e,t,r){return t=xr(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function xr(e){var t=Rr(e,"string");return typeof t=="symbol"?t:String(t)}function Rr(e,t){if(typeof e!="object"||e===null)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t||"default");if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Tr(e,t){return t.style&&e.props.style&&(t.style=Be(Be({},e.props.style),t.style)),t.className&&e.props.className&&(t.className=e.props.className+" "+t.className),Or.default.cloneElement(e,t)}var te={};te.__esModule=!0;te.resizableProps=void 0;var d=Cr(le);function Cr(e){return e&&e.__esModule?e:{default:e}}var zr={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,r=new Array(t),n=0;n<t;n++)r[n]=arguments[n];var a=r[0];if(a.axis==="both"||a.axis==="y"){var o;return(o=d.default.number).isRequired.apply(o,r)}return d.default.number.apply(d.default,r)},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,r=new Array(t),n=0;n<t;n++)r[n]=arguments[n];var a=r[0];if(a.axis==="both"||a.axis==="x"){var o;return(o=d.default.number).isRequired.apply(o,r)}return d.default.number.apply(d.default,r)}};te.resizableProps=zr;ee.__esModule=!0;ee.default=void 0;var Z=Hr(q),Nr=wr,Mr=We,Er=te,Wr=["children","className","draggableOpts","width","height","handle","handleSize","lockAspectRatio","axis","minConstraints","maxConstraints","onResize","onResizeStop","onResizeStart","resizeHandles","transformScale"];function rt(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(rt=function(a){return a?r:t})(e)}function Hr(e,t){if(!t&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var r=rt(t);if(r&&r.has(e))return r.get(e);var n={},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(n,o,i):n[o]=e[o]}return n.default=e,r&&r.set(e,n),n}function De(){return De=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},De.apply(this,arguments)}function qr(e,t){if(e==null)return{};var r={},n=Object.keys(e),a,o;for(o=0;o<n.length;o++)a=n[o],!(t.indexOf(a)>=0)&&(r[a]=e[a]);return r}function je(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,n)}return r}function _e(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?je(Object(r),!0).forEach(function(n){$r(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):je(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function $r(e,t,r){return t=Vr(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Vr(e){var t=Ar(e,"string");return typeof t=="symbol"?t:String(t)}function Ar(e,t){if(typeof e!="object"||e===null)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t||"default");if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Ir(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(n,a){return n.__proto__=a,n},Pe(e,t)}var He=function(e){Ir(t,e);function t(){for(var n,a=arguments.length,o=new Array(a),i=0;i<a;i++)o[i]=arguments[i];return n=e.call.apply(e,[this].concat(o))||this,n.handleRefs={},n.lastHandleRect=null,n.slack=null,n}var r=t.prototype;return r.componentWillUnmount=function(){this.resetData()},r.resetData=function(){this.lastHandleRect=this.slack=null},r.runConstraints=function(a,o){var i=this.props,s=i.minConstraints,l=i.maxConstraints,m=i.lockAspectRatio;if(!s&&!l&&!m)return[a,o];if(m){var g=this.props.width/this.props.height,_=a-this.props.width,D=o-this.props.height;Math.abs(_)>Math.abs(D*g)?o=a/g:a=o*g}var P=a,S=o,E=this.slack||[0,0],M=E[0],R=E[1];return a+=M,o+=R,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+(P-a),R+(S-o)],[a,o]},r.resizeHandler=function(a,o){var i=this;return function(s,l){var m=l.node,g=l.deltaX,_=l.deltaY;a==="onResizeStart"&&i.resetData();var D=(i.props.axis==="both"||i.props.axis==="x")&&o!=="n"&&o!=="s",P=(i.props.axis==="both"||i.props.axis==="y")&&o!=="e"&&o!=="w";if(!(!D&&!P)){var S=o[0],E=o[o.length-1],M=m.getBoundingClientRect();if(i.lastHandleRect!=null){if(E==="w"){var R=M.left-i.lastHandleRect.left;g+=R}if(S==="n"){var c=M.top-i.lastHandleRect.top;_+=c}}i.lastHandleRect=M,E==="w"&&(g=-g),S==="n"&&(_=-_);var u=i.props.width+(D?g/i.props.transformScale:0),f=i.props.height+(P?_/i.props.transformScale:0),p=i.runConstraints(u,f);u=p[0],f=p[1];var v=u!==i.props.width||f!==i.props.height,h=typeof i.props[a]=="function"?i.props[a]:null,C=a==="onResize"&&!v;h&&!C&&(s.persist==null||s.persist(),h(s,{node:m,size:{width:u,height:f},handle:o})),a==="onResizeStop"&&i.resetData()}}},r.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=_e({ref:o},s?{}:{handleAxis:a});return Z.cloneElement(i,l)},r.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 m=o.resizeHandles;o.transformScale;var g=qr(o,Wr);return(0,Mr.cloneElement)(i,_e(_e({},g),{},{className:(s?s+" ":"")+"react-resizable",children:[].concat(i.props.children,m.map(function(_){var D,P=(D=a.handleRefs[_])!=null?D:a.handleRefs[_]=Z.createRef();return Z.createElement(Nr.DraggableCore,De({},l,{nodeRef:P,key:"resizableHandle-"+_,onStop:a.resizeHandler("onResizeStop",_),onStart:a.resizeHandler("onResizeStart",_),onDrag:a.resizeHandler("onResize",_)}),a.renderResizeHandle(_,P))}))}))},t}(Z.Component);ee.default=He;He.propTypes=Er.resizableProps;He.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 Se=Yr(q),Br=nt(le),jr=nt(ee),Xr=te,kr=["handle","handleSize","onResize","onResizeStart","onResizeStop","draggableOpts","minConstraints","maxConstraints","lockAspectRatio","axis","width","height","resizeHandles","style","transformScale"];function nt(e){return e&&e.__esModule?e:{default:e}}function at(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(at=function(a){return a?r:t})(e)}function Yr(e,t){if(!t&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var r=at(t);if(r&&r.has(e))return r.get(e);var n={},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(n,o,i):n[o]=e[o]}return n.default=e,r&&r.set(e,n),n}function xe(){return xe=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},xe.apply(this,arguments)}function Xe(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,n)}return r}function se(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?Xe(Object(r),!0).forEach(function(n){Fr(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Xe(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function Fr(e,t,r){return t=Ur(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Ur(e){var t=Lr(e,"string");return typeof t=="symbol"?t:String(t)}function Lr(e,t){if(typeof e!="object"||e===null)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t||"default");if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Gr(e,t){if(e==null)return{};var r={},n=Object.keys(e),a,o;for(o=0;o<n.length;o++)a=n[o],!(t.indexOf(a)>=0)&&(r[a]=e[a]);return r}function Kr(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,Re(e,t)}function Re(e,t){return Re=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,a){return n.__proto__=a,n},Re(e,t)}var ot=function(e){Kr(t,e);function t(){for(var n,a=arguments.length,o=new Array(a),i=0;i<a;i++)o[i]=arguments[i];return n=e.call.apply(e,[this].concat(o))||this,n.state={width:n.props.width,height:n.props.height,propsWidth:n.props.width,propsHeight:n.props.height},n.onResize=function(s,l){var m=l.size;n.props.onResize?(s.persist==null||s.persist(),n.setState(m,function(){return n.props.onResize&&n.props.onResize(s,l)})):n.setState(m)},n}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 r=t.prototype;return r.render=function(){var a=this.props,o=a.handle,i=a.handleSize;a.onResize;var s=a.onResizeStart,l=a.onResizeStop,m=a.draggableOpts,g=a.minConstraints,_=a.maxConstraints,D=a.lockAspectRatio,P=a.axis;a.width,a.height;var S=a.resizeHandles,E=a.style,M=a.transformScale,R=Gr(a,kr);return Se.createElement(jr.default,{axis:P,draggableOpts:m,handle:o,handleSize:i,height:this.state.height,lockAspectRatio:D,maxConstraints:_,minConstraints:g,onResizeStart:s,onResize:this.onResize,onResizeStop:l,resizeHandles:S,transformScale:M,width:this.state.width},Se.createElement("div",xe({},R,{style:se(se({},E),{},{width:this.state.width+"px",height:this.state.height+"px"})})))},t}(Se.Component);pe.default=ot;ot.propTypes=se(se({},Xr.resizableProps),{},{children:Br.default.element});ze.exports=function(){throw new Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable")};var Jr=ze.exports.Resizable=ee.default;ze.exports.ResizableBox=pe.default;const Te=35,oe=240,Qr=q.forwardRef((e,t)=>{const{handleAxis:r,...n}=e;return y.jsx("div",{ref:t,className:w.resizeHandle,...n,children:y.jsx(ct,{icon:we.DRAG})})}),Ce=({children:e=null,width:t=400,right:r=!1,onResize:n,setOpen:a})=>{const[o,i]=q.useState(!1),s=window.innerWidth/2,l=(m,{size:g})=>{n&&n(g.width)};return n?y.jsx(Jr,{width:ut.toNumber(t),height:100,minConstraints:[Te,1/0],maxConstraints:[s,1/0],onResize:l,handle:y.jsx(Qr,{}),resizeHandles:r?["w"]:["e"],axis:"x",className:o?w.isResizing:"",onResizeStart:()=>{a&&a(!0),n&&n(t),i(!0)},onResizeStop:()=>{i(!1),typeof t=="number"&&t<Te+50&&a&&a(!1)},children:e}):y.jsx(y.Fragment,{children:e})};try{Ce.displayName="DrawerResizeWrapper",Ce.__docgenInfo={description:"",displayName:"DrawerResizeWrapper",props:{width:{defaultValue:{value:"400"},description:"",name:"width",required:!1,type:{name:"string | number"}},right:{defaultValue:{value:"false"},description:"",name:"right",required:!1,type:{name:"boolean"}},onResize:{defaultValue:null,description:"",name:"onResize",required:!1,type:{name:"TFunction"}},setOpen:{defaultValue:null,description:"",name:"setOpen",required:!1,type:{name:"((isOpen: boolean) => void) | null"}}}}}catch{}const ke=({background:e="var(--color-background-raised)",fixed:t=!1,open:r=!1,setOpen:n,right:a=!1,width:o=400,closedWidth:i=0,shadow:s=!1,top:l=0,button:m=null,buttonAnimate:g=!0,buttonPosition:_=st.BOTTOM,border:D=!1,children:P=null,tabs:S,defaultTabIndex:E=0,activeTab:M,setActiveTab:R,testId:c,onResize:u,getActiveTab:f,onClose:p,onOpen:v})=>{const h=m===!0,C=!h&&q.isValidElement(m),[A,I]=n?[r,n]:h||S?q.useState(r):[r,()=>{}],[F,re]=q.useState(E),X=n?r:A,H=n||I,k=R!==void 0?M:F,qe=R||re,U=Array.isArray(o)?o[k||0]:o,K=X?U:S?Te:i,ne=J=>{const he=me=>{S&&me&&me(S[J])};k===J&&X&&H?(he(p),H(!1)):!X&&H&&(he(v),H(!0),u&&(ge=>{let L;if(Array.isArray(ge)?L=ge[k||0]:L=ge,typeof L=="number"&&L<oe)u(oe);else if(typeof L=="string"){const $e=parseInt(L,10);!isNaN($e)&&$e<oe&&u(oe)}})(o)),qe(J),he(f)};return y.jsx(Ce,{width:K,onResize:u,setOpen:H,right:a,children:y.jsxs("div",{className:ie(w.drawer,s?w.shadow:"",t?w.fixed:w.inline,a?w.right:w.left),style:{top:l},children:[y.jsx("div",{className:ie(w.drawerContent,D&&w.border),style:{background:e,borderColor:typeof D=="string"?D:void 0,width:K},children:S?y.jsx(Oe,{width:U,testId:c,tabs:S,open:X,activeTab:k||0,background:e,handleTabClick:ne}):y.jsx("div",{style:{width:U},children:P})}),m&&y.jsx("span",{className:ie(w.toggleButton,A&&(h||C&&g)?w.toggleButtonOpen:"",_==="top"?w.top:w.bottom),children:C?m:y.jsx(dt,{onClick:H?()=>H(!X):void 0,round:!0,icon:a?we.CHEVRON_RIGHT:we.CHEVRON_LEFT})})]})})};try{ke.displayName="Drawer",ke.__docgenInfo={description:"",displayName:"Drawer",props:{background:{defaultValue:{value:"var(--color-background-raised)"},description:"",name:"background",required:!1,type:{name:"string"}},fixed:{defaultValue:{value:"false"},description:"",name:"fixed",required:!1,type:{name:"boolean"}},open:{defaultValue:null,description:"",name:"open",required:!1,type:{name:"boolean"}},setOpen:{defaultValue:null,description:"",name:"setOpen",required:!1,type:{name:"((openState: boolean) => void)"}},right:{defaultValue:{value:"false"},description:"",name:"right",required:!1,type:{name:"boolean"}},shadow:{defaultValue:{value:"false"},description:"",name:"shadow",required:!1,type:{name:"boolean"}},top:{defaultValue:{value:"0"},description:"",name:"top",required:!1,type:{name:"TStringOrNumber"}},width:{defaultValue:{value:"400"},description:"",name:"width",required:!1,type:{name:"TStringOrNumber | TStringOrNumber[]"}},closedWidth:{defaultValue:{value:"0"},description:"",name:"closedWidth",required:!1,type:{name:"TStringOrNumber"}},button:{defaultValue:{value:"null"},description:"",name:"button",required:!1,type:{name:"ReactNode"}},buttonAnimate:{defaultValue:{value:"true"},description:"",name:"buttonAnimate",required:!1,type:{name:"boolean"}},buttonPosition:{defaultValue:{value:"ButtonPosition.BOTTOM"},description:"",name:"buttonPosition",required:!1,type:{name:"string"}},border:{defaultValue:{value:"false"},description:"",name:"border",required:!1,type:{name:"string | boolean"}},tabs:{defaultValue:null,description:"",name:"tabs",required:!1,type:{name:"IDrawerTab[]"}},defaultTabIndex:{defaultValue:{value:"0"},description:"",name:"defaultTabIndex",required:!1,type:{name:"number"}},activeTab:{defaultValue:null,description:"",name:"activeTab",required:!1,type:{name:"number"}},setActiveTab:{defaultValue:null,description:"",name:"setActiveTab",required:!1,type:{name:"((index: number) => void)"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},onResize:{defaultValue:null,description:"",name:"onResize",required:!1,type:{name:"TFunction"}},getActiveTab:{defaultValue:null,description:"",name:"getActiveTab",required:!1,type:{name:"((tab: IDrawerTab) => void)"}},onClose:{defaultValue:null,description:"",name:"onClose",required:!1,type:{name:"((tab?: IDrawerTab) => any)"}},onOpen:{defaultValue:null,description:"",name:"onOpen",required:!1,type:{name:"((tab?: IDrawerTab) => any)"}}}}}catch{}export{ke as D};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as w}from"./index-RfLt4OUa.js";import{I as n}from"./common-types-U65vzrrz.js";import{D as a}from"./drawer-
|
|
1
|
+
import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as w}from"./index-RfLt4OUa.js";import{I as n}from"./common-types-U65vzrrz.js";import{D as a}from"./drawer-fq99yzU7.js";import{B as I}from"./button-pSDG6Ka2.js";import{L as y}from"./list-HBgplEUa.js";import{H as s}from"./heading-OSdaYHYE.js";import{F as ae}from"./flex-RYZsoWEN.js";import{l as f}from"./list.stories-data-YuaX7eYb.js";import{I as t}from"./icon-_m67DAr0.js";import"./index-VW3EWkuE.js";import"./badge-23Ty_zBt.js";import"./lodash-Bmg8FrMx.js";import"./index-4QtD-hFu.js";import"./index-miLrID2P.js";import"./disabled-context-urNQThQz.js";import"./spinner-R8Il4aRe.js";import"./tooltip-gljV_DQ0.js";import"./index.es-HG2GUH9i.js";import"./inheritsLoose-Y9jOMJLd.js";import"./extends-dGVwEr9R.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./tiny-invariant-R4kOKlvx.js";import"./memoize-one.esm-hqe5SRxC.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./card-0r8RRVk-.js";import"./meta-content-xcMHnFul.js";import"./actions-0lKGEXVi.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./loader-TGOJBZQG.js";import"./help-icon-jdxRTcvs.js";import"./tslib.es6-OIsz3r9a.js";const ke={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"}},c=r=>e.jsx(a,{...r}),T=c.bind({}),u=c.bind({});u.args={right:!0};const d=c.bind({});d.args={fixed:!0};d.parameters={docs:{story:{inline:!1,iframeHeight:400}}};const m=c.bind({});m.args={button:e.jsx(I,{colored:!0,round:!0,icon:n.LEFT}),buttonAnimate:!0};const g=c.bind({});g.args={shadow:!0};const b=()=>{const[r,o]=w.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(a,{button:e.jsx(I,{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(I,{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})})]})};b.parameters={docs:{description:{story:"To hide `List` headings when the `Drawer` is closed, set the `narrow` prop on the `List`."}}};const p=c.bind({});p.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)]})}]};p.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 h=()=>{const[r,o]=w.useState(!1),l=[{icon:e.jsx(t,{icon:n.HELP})},{icon:e.jsx(t,{icon:n.SETTINGS})}],E=i=>{i&&console.log("on close",i)},S=i=>{i&&console.log("on open",i)};return e.jsx(a,{border:!0,right:!0,tabs:l,open:r,setOpen:o,onClose:E,onOpen:S})};h.parameters={docs:{description:{story:"If a `setOpen` prop is set, the drawer will not manage its open state internally and can be controlled."}}};const x=()=>{const[r,o]=w.useState(0),l=[{icon:e.jsx(t,{icon:n.HELP})},{icon:e.jsx(t,{icon:n.SETTINGS})}];return e.jsx(a,{border:!0,right:!0,tabs:l,activeTab:r,setActiveTab:o})};x.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 j=()=>{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})]})},v=()=>{const[r,o]=w.useState(!0),[l,E]=w.useState(300),S=[{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:S,border:!0,open:r,setOpen:o,width:l,onResize:i=>{E(i)}})})};var D,H,L;T.parameters={...T.parameters,docs:{...(D=T.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} />;
|
|
@@ -110,4 +110,4 @@ import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as w}from"./index-RfLt4OU
|
|
|
110
110
|
setDrawerWidth((width as number));
|
|
111
111
|
}} />
|
|
112
112
|
</>;
|
|
113
|
-
}`,...(se=(oe=v.parameters)==null?void 0:oe.docs)==null?void 0:se.source}}};const
|
|
113
|
+
}`,...(se=(oe=v.parameters)==null?void 0:oe.docs)==null?void 0:se.source}}};const Ae=["Default","Right","Fixed","CustomButton","Shadow","WithList","Tabs","ControlledOpenClose","ControlledTabs","MultipleTabbedDrawers","Resizable"];export{h as ControlledOpenClose,x as ControlledTabs,m as CustomButton,T as Default,d as Fixed,j as MultipleTabbedDrawers,v as Resizable,u as Right,g as Shadow,p as Tabs,b as WithList,Ae as __namedExportsOrder,ke as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as t}from"./jsx-runtime-FsUICBgo.js";import{T as f}from"./text-6KQ6ntOV.js";import{B as y}from"./button-
|
|
1
|
+
import{j as t}from"./jsx-runtime-FsUICBgo.js";import{T as f}from"./text-6KQ6ntOV.js";import{B as y}from"./button-pSDG6Ka2.js";import"./index-RfLt4OUa.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./spinner-R8Il4aRe.js";import"./icon-_m67DAr0.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./tooltip-gljV_DQ0.js";import"./index-miLrID2P.js";const _="_empty_fe425_1",v="_text_fe425_11",i={empty:_,text:v},s=({width:r="auto",height:h="auto",text:o="No data",children:g,testId:x})=>t.jsxs("div",{className:i.empty,style:{width:r,height:h},"data-testid":x,children:[t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"64",height:"41",children:t.jsxs("g",{transform:"translate(0 1)",fill:"none",fillRule:"evenodd",children:[t.jsx("ellipse",{cx:"32",cy:"33",rx:"32",ry:"7",fill:"rgba(0,0,0,0.1)"}),t.jsxs("g",{fillRule:"nonzero",stroke:"var(--color-text)",strokeOpacity:"0.2",children:[t.jsx("path",{d:"M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z",fill:"rgba(0,0,0,0.05)"}),t.jsx("path",{d:"M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z",fill:"var(--color-background-raised)"})]})]})}),o!==""&&t.jsx("div",{className:i.text,children:t.jsx(f,{faint:!0,children:o})}),g]});try{s.displayName="Empty",s.__docgenInfo={description:"",displayName:"Empty",props:{width:{defaultValue:{value:"auto"},description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},height:{defaultValue:{value:"auto"},description:"",name:"height",required:!1,type:{name:"TStringOrNumber"}},text:{defaultValue:{value:"No data"},description:"",name:"text",required:!1,type:{name:"ReactNode"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const C={title:"Progress/Empty",component:s,args:{text:"No data",width:"100%",height:"100%"}},u=r=>t.jsx(s,{...r}),a=u.bind({}),e=u.bind({});e.args={text:"Please apply at least one casing in Well Schematics to perform drilling mechanics",children:t.jsx(y,{colored:!0,label:"Add casing"}),testId:"empty-with-button"};var l,n,p;a.parameters={...a.parameters,docs:{...(l=a.parameters)==null?void 0:l.docs,source:{originalSource:"args => <Empty {...args} />",...(p=(n=a.parameters)==null?void 0:n.docs)==null?void 0:p.source}}};var c,d,m;e.parameters={...e.parameters,docs:{...(c=e.parameters)==null?void 0:c.docs,source:{originalSource:"args => <Empty {...args} />",...(m=(d=e.parameters)==null?void 0:d.docs)==null?void 0:m.source}}};const W=["Default","WithButton"];export{a as Default,e as WithButton,W as __namedExportsOrder,C as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
function e(){return e=Object.assign?Object.assign.bind():function(a){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(a[r]=t[r])}return a},e.apply(this,arguments)}export{e as _};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as l}from"./jsx-runtime-FsUICBgo.js";import{c as m}from"./index-VW3EWkuE.js";import{L as b}from"./label-
|
|
1
|
+
import{j as l}from"./jsx-runtime-FsUICBgo.js";import{c as m}from"./index-VW3EWkuE.js";import{L as b}from"./label-KLaw_y6R.js";const _="_field_1xoss_1",x="_labelLeft_1xoss_5",y="_fieldInput_1xoss_9",v="_formRow_1xoss_12",I="_button_1xoss_22",a={field:_,labelLeft:x,fieldInput:y,formRow:v,"form-row":"_form-row_1xoss_13",button:I},n=({label:e,labelLeft:t=!1,labelWidth:o="auto",children:i,helpText:r,helpTextMaxWidth:s="300px",onClickHelp:d,lock:u={visible:!1,active:!1,onClick:()=>{},tooltip:"",testId:void 0},info:f,libraryIcon:c,testId:p})=>l.jsxs("div",{className:m(a.field,t?a.labelLeft:""),"data-testid":p,children:[(e||t)&&l.jsx(b,{label:e,width:o,helpText:r,helpTextMaxWidth:s,onClickHelp:d,lock:u,info:f,libraryIcon:c,labelLeft:t}),l.jsx("div",{className:a.fieldInput,children:i})]});try{n.displayName="Field",n.__docgenInfo={description:"",displayName:"Field",props:{label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},labelLeft:{defaultValue:{value:"false"},description:"",name:"labelLeft",required:!1,type:{name:"boolean"}},labelWidth:{defaultValue:{value:"auto"},description:"",name:"labelWidth",required:!1,type:{name:"TStringOrNumber"}},helpText:{defaultValue:null,description:"",name:"helpText",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},helpTextMaxWidth:{defaultValue:{value:"300px"},description:"",name:"helpTextMaxWidth",required:!1,type:{name:"TStringOrNumber"}},onClickHelp:{defaultValue:null,description:"",name:"onClickHelp",required:!1,type:{name:"((event?: MouseEvent<HTMLDivElement, MouseEvent>) => void)"}},lock:{defaultValue:{value:`{
|
|
2
2
|
visible: false,
|
|
3
3
|
active: false,
|
|
4
4
|
onClick: () => {},
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as P}from"./index-RfLt4OUa.js";import{F as s}from"./field-
|
|
1
|
+
import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as P}from"./index-RfLt4OUa.js";import{F as s}from"./field-V2qkm8ON.js";import{I as o}from"./input-w-UScEUy.js";import{T as x}from"./text-6KQ6ntOV.js";import"./index-VW3EWkuE.js";import"./label-KLaw_y6R.js";import"./common-types-U65vzrrz.js";import"./help-icon-jdxRTcvs.js";import"./tooltip-gljV_DQ0.js";import"./index-miLrID2P.js";import"./icon-_m67DAr0.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./types-5uVBABF4.js";import"./lodash-Bmg8FrMx.js";const ge={title:"Forms/Field",component:s,args:{label:"Label",labelLeft:!1}},t=r=>e.jsx(s,{...r,children:e.jsx(o,{})}),p=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 m=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"})]})]}),c=t.bind({});c.args={info:"Info goes here"};const u=()=>{const[r,M]=P.useState(!1),N=()=>M(!r);return e.jsx(s,{label:"Label",lock:{visible:!0,active:r,onClick:N,tooltip:r?"Unlock":"Lock",testId:"testId"},children:e.jsx(o,{disabled:r})})},d=t.bind({});d.args={libraryIcon:{onClick:()=>{},tooltip:"View in library"}};const g=()=>e.jsxs(s,{labelLeft:!0,label:"Label",children:[e.jsx(o,{}),e.jsx(o,{})]});var b,F,I;p.parameters={...p.parameters,docs:{...(b=p.parameters)==null?void 0:b.docs,source:{originalSource:`args => <Field {...args}>
|
|
2
2
|
<Input />
|
|
3
3
|
</Field>`,...(I=(F=p.parameters)==null?void 0:F.docs)==null?void 0:I.source}}};var L,h,f;a.parameters={...a.parameters,docs:{...(L=a.parameters)==null?void 0:L.docs,source:{originalSource:`args => <Field {...args}>
|
|
4
4
|
<Input />
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as i}from"./jsx-runtime-FsUICBgo.js";import{r as m}from"./index-RfLt4OUa.js";import{D as E}from"./disabled-context-urNQThQz.js";import{I as q}from"./input-group-R8LoqKRn.js";import{I as F}from"./input-w-UScEUy.js";import{B as S}from"./button-pSDG6Ka2.js";const V="_fileInput_1elar_1",N={fileInput:V};var y=(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))(y||{});const k=(e=new Blob,r=y.READ_AS_TEXT)=>{const l=new FileReader;return new Promise((n,t)=>{if(r in l)l[r](e);else{t(new Error("Invalid FileReader method"));return}l.onload=()=>{l.result!==null?n(l.result):t(new Error("File reading resulted in null"))},l.onerror=s=>t(s)})},h=(e,r)=>{var n;let l;return e?(r?l=`Selected - ${(n=Object.keys(e))==null?void 0:n.length} files`:l=e==null?void 0:e.name,l||null):null},_=({label:e="Select",loading:r=!1,placeholder:l="No file selected",disabled:n=!1,file:t,accept:s,multi:u,name:g,width:A,onChange:I=()=>{},testId:R})=>{const d=m.useContext(E),o=m.useRef(null),b=h(t,u),x=()=>{var a;n||d||(a=o.current)==null||a.click()};return i.jsxs("div",{onClick:x,style:{width:A},children:[i.jsxs(q,{children:[i.jsx(F,{value:b||"",placeholder:l,disabled:!0}),i.jsx(S,{label:e,loading:r,disabled:r||n||d,groupOrder:"last"})]}),i.jsx("input",{name:g,ref:o,className:N.fileInput,type:"file",accept:s,multiple:u,onChange:a=>{var p,f,c;I({...a,target:{...a.target,value:u?(p=a==null?void 0:a.target)==null?void 0:p.files:(c=(f=a==null?void 0:a.target)==null?void 0:f.files)==null?void 0:c[0]}})},"data-testid":R})]})};try{_.displayName="FileInput",_.__docgenInfo={description:"",displayName:"FileInput",props:{label:{defaultValue:{value:"Select"},description:"",name:"label",required:!1,type:{name:"string | null"}},loading:{defaultValue:{value:"false"},description:"",name:"loading",required:!1,type:{name:"boolean"}},placeholder:{defaultValue:{value:"No file selected"},description:"",name:"placeholder",required:!1,type:{name:"string"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},file:{defaultValue:null,description:"",name:"file",required:!1,type:{name:"File"}},accept:{defaultValue:null,description:"",name:"accept",required:!1,type:{name:"string"}},multi:{defaultValue:null,description:"",name:"multi",required:!1,type:{name:"boolean"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},onChange:{defaultValue:{value:"() => {}"},description:"",name:"onChange",required:!1,type:{name:"((evt: any) => void)"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}export{_ as F,k as r};
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as m}from"./index-RfLt4OUa.js";import{F as o,r as E}from"./file-input-ASEHnODl.js";import{S as f}from"./spacer-Yji9g2AW.js";import{M as T,a as _}from"./message-bbAE2zjv.js";import{T as J}from"./textarea-XY_iUfzV.js";import"./disabled-context-urNQThQz.js";import"./input-group-R8LoqKRn.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./input-w-UScEUy.js";import"./types-5uVBABF4.js";import"./lodash-Bmg8FrMx.js";import"./tooltip-gljV_DQ0.js";import"./index-miLrID2P.js";import"./button-pSDG6Ka2.js";import"./spinner-R8Il4aRe.js";import"./icon-_m67DAr0.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";const{useArgs:L}=__STORYBOOK_MODULE_ADDONS__,oe={title:"Forms/FileInput",component:o,args:{file:null}},R=t=>{const[a,s]=L(),n=u=>{s({file:u.target.value})};return e.jsx(o,{...t,onChange:n})},i=R.bind({}),r=R.bind({});r.args={accept:".json"};r.parameters={docs:{description:{story:"See [accept attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept) to restrict file type"}}};const l=()=>{const[t,a]=m.useState(),[s,n]=m.useState({});return e.jsxs(e.Fragment,{children:[e.jsx(o,{file:t,onChange:async u=>{const d=u.target.value;try{const g=await E(d),U=JSON.parse(g);n(U)}catch(g){console.log(g)}a(d)},accept:".json"}),e.jsx(f,{}),t?e.jsx(J,{monospace:!0,value:JSON.stringify(s,null,2),rows:20}):e.jsx(T,{message:{visible:!0,content:"Upload a JSON file to see preview",type:_.INFO}})]})},c=()=>{const[t,a]=m.useState();return e.jsxs(e.Fragment,{children:[e.jsx(o,{file:t,onChange:s=>{a(s.target.value)},accept:"image/*"}),e.jsx(f,{}),t?e.jsx("img",{src:t?URL.createObjectURL(t):"",alt:"Preview",style:{maxHeight:"400px",maxWidth:"400px"}}):e.jsx(T,{message:{visible:!0,content:"Upload an image file to see preview",type:_.INFO}})]})},p=()=>{const[t,a]=m.useState(),s=t?Object.values(t).map(n=>n.name):[];return e.jsxs(e.Fragment,{children:[e.jsx(o,{file:t,onChange:({target:n})=>a(n.value),multi:!0}),e.jsx(f,{}),!!s.length&&e.jsx(J,{monospace:!0,value:s.join(`,
|
|
2
|
+
`),rows:10})]})};var v,x,h;i.parameters={...i.parameters,docs:{...(v=i.parameters)==null?void 0:v.docs,source:{originalSource:`args => {
|
|
3
|
+
const [_, updateArgs] = useArgs();
|
|
4
|
+
const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
|
|
5
|
+
updateArgs({
|
|
6
|
+
file: evt.target.value
|
|
7
|
+
});
|
|
8
|
+
};
|
|
9
|
+
return <FileInput {...args} onChange={handleChange} />;
|
|
10
|
+
}`,...(h=(x=i.parameters)==null?void 0:x.docs)==null?void 0:h.source}}};var j,F,S;r.parameters={...r.parameters,docs:{...(j=r.parameters)==null?void 0:j.docs,source:{originalSource:`args => {
|
|
11
|
+
const [_, updateArgs] = useArgs();
|
|
12
|
+
const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
|
|
13
|
+
updateArgs({
|
|
14
|
+
file: evt.target.value
|
|
15
|
+
});
|
|
16
|
+
};
|
|
17
|
+
return <FileInput {...args} onChange={handleChange} />;
|
|
18
|
+
}`,...(S=(F=r.parameters)==null?void 0:F.docs)==null?void 0:S.source}}};var O,y,N;l.parameters={...l.parameters,docs:{...(O=l.parameters)==null?void 0:O.docs,source:{originalSource:`() => {
|
|
19
|
+
const [file, setFile] = useState();
|
|
20
|
+
const [json, setJson] = useState({});
|
|
21
|
+
return <>
|
|
22
|
+
<FileInput file={file} onChange={async evt => {
|
|
23
|
+
const file = evt.target.value;
|
|
24
|
+
try {
|
|
25
|
+
const text = await readFile(file);
|
|
26
|
+
const json = JSON.parse((text as string));
|
|
27
|
+
setJson(json);
|
|
28
|
+
} catch (error) {
|
|
29
|
+
console.log(error);
|
|
30
|
+
}
|
|
31
|
+
setFile(file);
|
|
32
|
+
}} accept=".json" />
|
|
33
|
+
<Spacer />
|
|
34
|
+
{file ? <TextArea monospace value={JSON.stringify(json, null, 2)} rows={20} /> : <Message message={{
|
|
35
|
+
visible: true,
|
|
36
|
+
content: 'Upload a JSON file to see preview',
|
|
37
|
+
type: MessageType.INFO
|
|
38
|
+
}} />}
|
|
39
|
+
</>;
|
|
40
|
+
}`,...(N=(y=l.parameters)==null?void 0:y.docs)==null?void 0:N.source}}};var C,I,b;c.parameters={...c.parameters,docs:{...(C=c.parameters)==null?void 0:C.docs,source:{originalSource:`() => {
|
|
41
|
+
const [file, setFile] = useState();
|
|
42
|
+
return <>
|
|
43
|
+
<FileInput file={file} onChange={evt => {
|
|
44
|
+
setFile(evt.target.value);
|
|
45
|
+
}} accept="image/*" />
|
|
46
|
+
<Spacer />
|
|
47
|
+
{file ? <img src={file ? URL.createObjectURL(file) : ''} alt="Preview" style={{
|
|
48
|
+
maxHeight: '400px',
|
|
49
|
+
maxWidth: '400px'
|
|
50
|
+
}} /> : <Message message={{
|
|
51
|
+
visible: true,
|
|
52
|
+
content: 'Upload an image file to see preview',
|
|
53
|
+
type: MessageType.INFO
|
|
54
|
+
}} />}
|
|
55
|
+
</>;
|
|
56
|
+
}`,...(b=(I=c.parameters)==null?void 0:I.docs)==null?void 0:b.source}}};var A,M,w;p.parameters={...p.parameters,docs:{...(A=p.parameters)==null?void 0:A.docs,source:{originalSource:`() => {
|
|
57
|
+
const [files, setFiles] = useState();
|
|
58
|
+
const fileNames = files ? Object.values(files).map((value: any) => value.name) : [];
|
|
59
|
+
return <>
|
|
60
|
+
<FileInput file={files} onChange={({
|
|
61
|
+
target
|
|
62
|
+
}) => setFiles(target.value)} multi />
|
|
63
|
+
<Spacer />
|
|
64
|
+
{!!fileNames.length && <TextArea monospace value={fileNames.join(', \\n')} rows={10} />}
|
|
65
|
+
</>;
|
|
66
|
+
}`,...(w=(M=p.parameters)==null?void 0:M.docs)==null?void 0:w.source}}};const ie=["Default","RestrictFiletype","ReadJSONFile","Image","Multi"];export{i as Default,c as Image,p as Multi,l as ReadJSONFile,r as RestrictFiletype,ie as __namedExportsOrder,oe as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as r}from"./jsx-runtime-FsUICBgo.js";import{F as I}from"./flex-RYZsoWEN.js";import{B as v}from"./button-
|
|
1
|
+
import{j as r}from"./jsx-runtime-FsUICBgo.js";import{F as I}from"./flex-RYZsoWEN.js";import{B as v}from"./button-pSDG6Ka2.js";import{T as J}from"./text-6KQ6ntOV.js";import"./index-RfLt4OUa.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./spinner-R8Il4aRe.js";import"./icon-_m67DAr0.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./tooltip-gljV_DQ0.js";import"./index-miLrID2P.js";const X={title:"Layout/Flex",component:I,argTypes:{alignItems:{control:{type:"inline-radio"},options:["flex-start","center","flex-end"]},justifyContent:{control:{type:"inline-radio"},options:["flex-start","center","flex-end","space-between"]},gap:{control:{type:"boolean"}}},args:{alignItems:void 0,justifyContent:void 0,children:r.jsxs(r.Fragment,{children:[r.jsx(v,{label:"Button"}),r.jsx(J,{children:"Text"})]})}},e=_=>r.jsx(I,{..._}),p=e.bind({}),s=e.bind({});s.args={gap:!0};const t=e.bind({});t.args={gap:"50px"};const a=e.bind({});a.args={height:"200px",alignItems:"center",justifyContent:"center"};const o=e.bind({});o.args={justifyContent:"space-between"};const n=e.bind({});n.args={justifyContent:"flex-end"};const i=e.bind({});i.args={direction:"column"};var c,l,m;p.parameters={...p.parameters,docs:{...(c=p.parameters)==null?void 0:c.docs,source:{originalSource:`args => <Flex
|
|
2
2
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
3
3
|
{...args} />`,...(m=(l=p.parameters)==null?void 0:l.docs)==null?void 0:m.source}}};var d,g,u;s.parameters={...s.parameters,docs:{...(d=s.parameters)==null?void 0:d.docs,source:{originalSource:`args => <Flex
|
|
4
4
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime-FsUICBgo.js";import{T as p}from"./table-YO72eq6-.js";import{t as a,r as s}from"./table.stories-data-hDQBe08f.js";import"./index-RfLt4OUa.js";import"./index-VW3EWkuE.js";import"./index.es-HG2GUH9i.js";import"./inheritsLoose-Y9jOMJLd.js";import"./extends-dGVwEr9R.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./tiny-invariant-R4kOKlvx.js";import"./index-miLrID2P.js";import"./memoize-one.esm-hqe5SRxC.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./lodash-Bmg8FrMx.js";import"./actions-0lKGEXVi.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./button-pSDG6Ka2.js";import"./spinner-R8Il4aRe.js";import"./icon-_m67DAr0.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./tooltip-gljV_DQ0.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./heading-OSdaYHYE.js";import"./help-icon-jdxRTcvs.js";import"./pagination-LajpPl1E.js";import"./select-7lyQEtzA.js";import"./assertThisInitialized-4q6YPdh3.js";import"./text-6KQ6ntOV.js";import"./select.input-zP5tW20f.js";import"./input-w-UScEUy.js";import"./input-group-R8LoqKRn.js";import"./input-group-addon-BHVsW9mL.js";import"./number-input-hrCn3Rag.js";import"./index-qZmQ7nA9.js";import"./index-cCpkwrS5.js";import"./check-box--ih7cmR1.js";import"./slider-bFd0qknB.js";import"./index-ugi_ZH6T.js";import"./popover-dGHzPDyA.js";import"./flex-RYZsoWEN.js";const or={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 tr=["Footer"];export{r as Footer,tr as __namedExportsOrder,or as default};
|