@oliasoft-open-source/react-ui-library 4.4.8 → 4.4.9-beta-1
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/assets/{index-neKlYvgy.js → index-UlXF8M5L.js} +21 -5
- package/dist/index.d.ts +7 -2
- package/dist/index.html +1 -1
- package/dist/index.js +21 -5
- package/dist/index.js.map +1 -1
- package/dist/storybook/assets/{Color-6VNJS4EI-mlGeGy0N.js → Color-6VNJS4EI-dBRov0iu.js} +1 -1
- package/dist/storybook/assets/{DocsRenderer-NNNQARDV-FLE8MQVp.js → DocsRenderer-NNNQARDV-XOipoxsx.js} +1 -1
- package/dist/storybook/assets/{WithTooltip-4HIR6TLV-gwf45DIV.js → WithTooltip-4HIR6TLV-N9BTPjWv.js} +1 -1
- package/dist/storybook/assets/{accordion-6_27SROY.js → accordion-MRdNs3mQ.js} +1 -1
- package/dist/storybook/assets/{accordion.stories-yWtLkrNK.js → accordion.stories-UmGPZpjJ.js} +2 -2
- package/dist/storybook/assets/{actions-Z9jDWreP.js → actions--jdeAagr.js} +1 -1
- package/dist/storybook/assets/actions.stories-T8b1WLu9.js +1 -0
- package/dist/storybook/assets/afe.stories-Vw9r62sk.js +88 -0
- package/dist/storybook/assets/badge.stories-spKtjcPw.js +1 -0
- package/dist/storybook/assets/blowout.stories-U_cS_3Xs.js +40 -0
- package/dist/storybook/assets/{button-group-q8QKkLVU.js → button-group-kcxXYkIJ.js} +1 -1
- package/dist/storybook/assets/{button-group.stories-tLZpLTfD.js → button-group.stories-U6DjmSki.js} +2 -2
- package/dist/storybook/assets/button-qfybxFqE.js +1 -0
- package/dist/storybook/assets/button.stories-6GvGJMKF.js +80 -0
- package/dist/storybook/assets/{buttons-and-links-t1EEC4gc.js → buttons-and-links-e6-ikhN9.js} +2 -2
- package/dist/storybook/assets/card.stories-v_QIHoI3.js +1 -0
- package/dist/storybook/assets/{casing-loads.stories-ee6r2j2Q.js → casing-loads.stories-xqjG7_uN.js} +2 -2
- package/dist/storybook/assets/cell.stories-SsCpOpZw.js +212 -0
- package/dist/storybook/assets/{check-box-LZdXXKhv.js → check-box-7DccPNCs.js} +1 -1
- package/dist/storybook/assets/{check-box.stories-0XCykxnz.js → check-box.stories-QBPARD7M.js} +2 -2
- package/dist/storybook/assets/{chunk-HLWAVYOI-53hWDdvc.js → chunk-HLWAVYOI-HfFAKSRB.js} +1 -1
- package/dist/storybook/assets/color-RZTO_BH4.js +25 -0
- package/dist/storybook/assets/{column.stories-6OLsjlcP.js → column.stories-FWqVDX5B.js} +4 -4
- package/dist/storybook/assets/{dialog-WKHRZcjc.js → dialog-e8amLd6m.js} +1 -1
- package/dist/storybook/assets/{drawer-WuErQ5Z8.js → drawer-LFjap9lP.js} +1 -1
- package/dist/storybook/assets/{drawer.stories-ezk4vO0w.js → drawer.stories-liH4UlvJ.js} +4 -4
- package/dist/storybook/assets/empty.stories-quAOsHNV.js +1 -0
- package/dist/storybook/assets/{field-eknsj_Ll.js → field-9udMeZdr.js} +1 -1
- package/dist/storybook/assets/{field.stories-RmhJ16HT.js → field.stories-H98nslNw.js} +2 -2
- package/dist/storybook/assets/file-input.stories-WyK9TFKC.js +66 -0
- package/dist/storybook/assets/{flex-3eLDDUyy.js → flex-ZVra76N-.js} +1 -1
- package/dist/storybook/assets/{flex.stories-_VBDAVzN.js → flex.stories-JzmT6lSO.js} +2 -2
- package/dist/storybook/assets/footer.stories-wPp58LMn.js +3 -0
- package/dist/storybook/assets/form.stories-RMbO5qjE.js +49 -0
- package/dist/storybook/assets/formation.stories-0fppcLax.js +74 -0
- package/dist/storybook/assets/{formatter-SWP5E3XI-TLomX0jS.js → formatter-SWP5E3XI-s19u3emO.js} +1 -1
- package/dist/storybook/assets/{heading-Bk0bpNfe.js → heading-sY0SLHoQ.js} +1 -1
- package/dist/storybook/assets/{heading.stories-DmZLaZJb.js → heading.stories-hnhUBXVe.js} +2 -2
- package/dist/storybook/assets/{help-icon--rUDxLUD.js → help-icon-yrJgkgdC.js} +1 -1
- package/dist/storybook/assets/help-icon.stories-gjzAU_pF.js +4 -0
- package/dist/storybook/assets/hoist-non-react-statics.cjs-pnyno-Dk.js +8 -0
- package/dist/storybook/assets/{icon-y1a2N5SZ.js → icon-_m67DAr0.js} +3 -3
- package/dist/storybook/assets/icon.stories-vAvCbxZP.js +6 -0
- package/dist/storybook/assets/iframe-uF49rd0M.js +7 -0
- package/dist/storybook/assets/{index-0dxTfrBP.js → index-oLFGkfb-.js} +5 -5
- package/dist/storybook/assets/index.es-LXZC0YVN.js +79 -0
- package/dist/storybook/assets/{input-group.stories-WljyIQ0a.js → input-group.stories-zQ6b9scC.js} +2 -2
- package/dist/storybook/assets/{input-u1He-wWs.js → input-iDZqV-2m.js} +1 -1
- package/dist/storybook/assets/{input-validation-jCRmk_jl.js → input-validation-lIx2JTiW.js} +2 -2
- package/dist/storybook/assets/{input.stories-rLdDRxtU.js → input.stories-iopguZKB.js} +1 -1
- package/dist/storybook/assets/{inputs-ZpY3-Ny4.js → inputs-ubhN8jR5.js} +14 -14
- package/dist/storybook/assets/{label-0_Qf6I8t.js → label-J7MI85wD.js} +1 -1
- package/dist/storybook/assets/label.stories-kmvMrgz2.js +11 -0
- package/dist/storybook/assets/{layout-forms-tcQfdK2L.js → layout-forms-R_iC_SeZ.js} +4 -4
- package/dist/storybook/assets/{layout-general-bz1oHjNF.js → layout-general-2sM6LsZn.js} +2 -2
- package/dist/storybook/assets/list-1fS-ZLaF.js +8 -0
- package/dist/storybook/assets/{list-heading-Vd3hu5Pf.js → list-heading-vbaXVA9N.js} +1 -1
- package/dist/storybook/assets/{list.stories-data-9RrIjRci.js → list.stories-data-tBKSPg9P.js} +1 -1
- package/dist/storybook/assets/list.stories-maVHoPyy.js +478 -0
- package/dist/storybook/assets/{loader.stories-0OwmnNML.js → loader.stories-9Tv8nlOO.js} +2 -2
- package/dist/storybook/assets/{menu.stories-data-l5rlcD9_.js → menu.stories-data-VCYkzuDD.js} +1 -1
- package/dist/storybook/assets/{menu.stories-5G4phywO.js → menu.stories-iE1tUnCd.js} +2 -2
- package/dist/storybook/assets/{message-uMHaTEXV.js → message-p9VAXLNZ.js} +1 -1
- package/dist/storybook/assets/{message.stories-CDgUaLZP.js → message.stories-34ul5gSz.js} +2 -2
- package/dist/storybook/assets/{modal.stories-15sY1c5H.js → modal.stories-RMMVeIMK.js} +2 -2
- package/dist/storybook/assets/{number-input-SvjJIGsW.js → number-input-d7hXQldd.js} +1 -1
- package/dist/storybook/assets/{number-input.stories-BURENIFo.js → number-input.stories-477qVsQF.js} +2 -2
- package/dist/storybook/assets/objectWithoutPropertiesLoose-9Q1jwsKS.js +1 -0
- package/dist/storybook/assets/option-dropdown.stories-NRogMOtD.js +21 -0
- package/dist/storybook/assets/{padding-and-spacing-dSuzf2dz.js → padding-and-spacing-_thODzSW.js} +1 -1
- package/dist/storybook/assets/page.stories-qo9KEiWt.js +57 -0
- package/dist/storybook/assets/{pagination-5n5spTRo.js → pagination-qKZAUHlD.js} +1 -1
- package/dist/storybook/assets/{pagination.stories-g4a-aSxq.js → pagination.stories-tRiEpkH6.js} +2 -2
- package/dist/storybook/assets/pop-confirm.stories-aFXfbsuI.js +9 -0
- package/dist/storybook/assets/{popover-Y3FpGdUS.js → popover-GnGIPc9x.js} +1 -1
- package/dist/storybook/assets/popover.stories-zzxDYG13.js +1 -0
- package/dist/storybook/assets/{preview-xbxc--KY.js → preview-FRdqQg8W.js} +3 -3
- package/dist/storybook/assets/{preview-8q_cpMjL.js → preview-eDFlm4aX.js} +2 -2
- package/dist/storybook/assets/projects.stories-mDHzd2Nc.js +47 -0
- package/dist/storybook/assets/{radio-button-jHcwHUA4.js → radio-button-T38JdN-I.js} +1 -1
- package/dist/storybook/assets/{radio-button.stories-LkCJsp5P.js → radio-button.stories-MbtUJQ4_.js} +5 -5
- package/dist/storybook/assets/react-router-dom-2JKSc1g5.js +8 -0
- package/dist/storybook/assets/{reservoirs.stories-CtIlcj-X.js → reservoirs.stories-ttnZYnPz.js} +2 -2
- package/dist/storybook/assets/{rich-text-input.stories-7UzvJ-A1.js → rich-text-input.stories-OiAxLAVQ.js} +3 -3
- package/dist/storybook/assets/{row.stories-uPD-qTX2.js → row.stories-8AoB-Dlf.js} +2 -2
- package/dist/storybook/assets/{select-JjEPivho.js → select-0hek2Baz.js} +1 -1
- package/dist/storybook/assets/{select.stories-qFDyxRFm.js → select.stories-tCGanTNP.js} +2 -2
- package/dist/storybook/assets/{side-bar-Fjr2t9MT.js → side-bar-0iIgujp4.js} +1 -1
- package/dist/storybook/assets/side-bar.stories-v7wWMQcv.js +1 -0
- package/dist/storybook/assets/{site.stories-UH3PK5eu.js → site.stories-2PTp7gw0.js} +2 -2
- package/dist/storybook/assets/{slider-nl2rJ9LF.js → slider-t5EokN-o.js} +2 -2
- package/dist/storybook/assets/{slider.stories--aZa8kf-.js → slider.stories-Knk-d29_.js} +4 -4
- package/dist/storybook/assets/spacer.stories--6Lac6Fz.js +1 -0
- package/dist/storybook/assets/{syntaxhighlighter-NMPM6SWI-1xSal2rv.js → syntaxhighlighter-NMPM6SWI-y1MAbcc6.js} +1 -1
- package/dist/storybook/assets/table-o1Zuxe0v.js +1 -0
- package/dist/storybook/assets/{table.stories-GrJ75DyI.js → table.stories-K2LI80yY.js} +2 -2
- package/dist/storybook/assets/{table.stories-data-9XfBJddg.js → table.stories-data-tHq-3JM9.js} +1 -1
- package/dist/storybook/assets/text-link.stories-sfurduAc.js +14 -0
- package/dist/storybook/assets/{textarea-u-nirfI6.js → textarea-QFVBH_vb.js} +1 -1
- package/dist/storybook/assets/{textarea.stories-Hl-oeUWU.js → textarea.stories-HETiaNLn.js} +1 -1
- package/dist/storybook/assets/{title.stories-RyQ9x-ug.js → title.stories-waT6sG0P.js} +3 -3
- package/dist/storybook/assets/{toaster-eOozfa7U.js → toaster-bqqWcltU.js} +1 -1
- package/dist/storybook/assets/{toaster.stories--z_U2gRN.js → toaster.stories-oExX0THb.js} +2 -2
- package/dist/storybook/assets/{toggle-BPI2y-lU.js → toggle-b0PkHQDl.js} +1 -1
- package/dist/storybook/assets/{toggle.stories-HiGs6slZ.js → toggle.stories-wWcYddEt.js} +2 -2
- package/dist/storybook/assets/{tooltip-HEHiU__l.js → tooltip-ZHdi6rl-.js} +1 -1
- package/dist/storybook/assets/{tooltip.stories-tiOgoWHH.js → tooltip.stories-gTfOeEzv.js} +1 -1
- package/dist/storybook/assets/tooltip.test-case.stories-8mCQYXFD.js +3 -0
- package/dist/storybook/assets/{top-bar-3dxv0sp9.js → top-bar-odjinr_b.js} +1 -1
- package/dist/storybook/assets/top-bar.stories-Q3tcZHmc.js +1 -0
- package/dist/storybook/assets/top-bar.testcase.stories-85g2VfLi.js +30 -0
- package/dist/storybook/assets/{tree.stories-_5t-Rrls.js → tree.stories-vNmT3unc.js} +3 -3
- package/dist/storybook/assets/unit-input.stories-OL_uzjER.js +273 -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 +2 -1
- package/dist/404.html +0 -1
- package/dist/storybook/assets/actions.stories-Qrio9EMy.js +0 -1
- package/dist/storybook/assets/afe.stories-u2K3NwaR.js +0 -88
- package/dist/storybook/assets/badge.stories-C0MXS15j.js +0 -1
- package/dist/storybook/assets/blowout.stories-BXWf5R9h.js +0 -40
- package/dist/storybook/assets/button-7V8oA22w.js +0 -1
- package/dist/storybook/assets/button.stories-f6VcbEgi.js +0 -71
- package/dist/storybook/assets/card.stories-HzHJW6ek.js +0 -1
- package/dist/storybook/assets/cell.stories-y081eSUk.js +0 -208
- package/dist/storybook/assets/color-LlgCLGE5.js +0 -25
- package/dist/storybook/assets/empty.stories-lva3DbfI.js +0 -1
- package/dist/storybook/assets/file-input.stories-6NjWeNyC.js +0 -66
- package/dist/storybook/assets/footer.stories-m5VFK6Bo.js +0 -3
- package/dist/storybook/assets/form.stories-z3f6tVdU.js +0 -49
- package/dist/storybook/assets/formation.stories-KUe50fTQ.js +0 -74
- package/dist/storybook/assets/help-icon.stories-vifwJgNA.js +0 -4
- package/dist/storybook/assets/icon.stories-h0hheUmg.js +0 -6
- package/dist/storybook/assets/iframe-ujjJUTtn.js +0 -7
- package/dist/storybook/assets/index.es-JXn3JM7k.js +0 -86
- package/dist/storybook/assets/label.stories-aXdU5_Ql.js +0 -11
- package/dist/storybook/assets/list-8l-RGDgw.js +0 -8
- package/dist/storybook/assets/list.stories-uR6izjvO.js +0 -457
- package/dist/storybook/assets/option-dropdown.stories-Q2zd2AcS.js +0 -21
- package/dist/storybook/assets/page.stories-9XUTUblI.js +0 -57
- package/dist/storybook/assets/pop-confirm.stories-_agvSFJd.js +0 -9
- package/dist/storybook/assets/popover.stories-bWBLR9fB.js +0 -1
- package/dist/storybook/assets/projects.stories-84p22lkF.js +0 -47
- package/dist/storybook/assets/side-bar.stories-0_pud_bN.js +0 -1
- package/dist/storybook/assets/spacer.stories-bgTBb3VB.js +0 -1
- package/dist/storybook/assets/table-lfeSnryj.js +0 -1
- package/dist/storybook/assets/text-link.stories-kjfUeFtk.js +0 -1
- package/dist/storybook/assets/tooltip.test-case.stories-3T_tzhJs.js +0 -3
- package/dist/storybook/assets/top-bar.stories-sMvXnmhR.js +0 -1
- package/dist/storybook/assets/top-bar.testcase.stories-Nb8fdPBS.js +0 -30
- package/dist/storybook/assets/unit-input.stories-u823izRm.js +0 -273
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@oliasoft-open-source/react-ui-library",
|
|
3
|
-
"version": "4.4.
|
|
3
|
+
"version": "4.4.9-beta-1",
|
|
4
4
|
"description": "Reusable UI components for React projects",
|
|
5
5
|
"homepage": "https://oliasoft-open-source.gitlab.io/react-ui-library",
|
|
6
6
|
"bugs": {
|
|
@@ -93,6 +93,7 @@
|
|
|
93
93
|
"@types/react": "^18.2.21",
|
|
94
94
|
"@types/react-dom": "^18.2.13",
|
|
95
95
|
"@types/react-redux": "^7.1.18",
|
|
96
|
+
"@types/react-router-dom": "^5.3.3",
|
|
96
97
|
"@types/seamless-immutable": "^7.1.16",
|
|
97
98
|
"@typescript-eslint/eslint-plugin": "^6.5.0",
|
|
98
99
|
"@typescript-eslint/parser": "^6.5.0",
|
package/dist/404.html
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<!doctype html><head><title>React UI Library</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1" user-scalable="no"><meta name="apple-mobile-web-app-capable" content="yes"><script type="module" crossorigin src="/react-ui-library/assets/index-neKlYvgy.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-AkeNwthw.css"></head><body><div id="content"></div></body>
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as p}from"./jsx-runtime-FsUICBgo.js";import{A as c}from"./actions-Z9jDWreP.js";import"./index-RfLt4OUa.js";import"./index-VW3EWkuE.js";import"./lodash-Bmg8FrMx.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./button-7V8oA22w.js";import"./spinner-R8Il4aRe.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./tooltip-HEHiU__l.js";import"./index-miLrID2P.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";const d=[{label:"Download",icon:"download",onClick:()=>{},testId:"download"},{label:"Help",icon:"help",onClick:()=>{},disabled:!0,testId:"help"},{label:"More",testId:"more",subActions:[{label:"Move Up",icon:"up",disabled:!0,onClick:()=>{},testId:"move-up"},{label:"Move Down",icon:"down",onClick:()=>{},testId:"move-down"},{type:"Menu",menu:{trigger:"Text",label:"Even more",sections:[{type:"Option",label:"Nested option 1",onClick:()=>{}},{type:"Option",label:"Another nested option",onClick:()=>{}}]}}]},{primary:!0,label:"Add",icon:"add",onClick:()=>{},testId:"add"}],O={title:"Basic/Actions",component:c,args:{actions:d,right:!1},decorators:[o=>p.jsx("div",{style:{display:"inline-flex"},children:o()})],parameters:{docs:{source:{excludeDecorators:!0}}}},m=o=>p.jsx(c,{...o}),t=m.bind({}),e=m.bind({});e.args={actions:d.map(o=>({...o,tooltip:o.label}))};var r,s,i;t.parameters={...t.parameters,docs:{...(r=t.parameters)==null?void 0:r.docs,source:{originalSource:"args => <Actions {...args} />",...(i=(s=t.parameters)==null?void 0:s.docs)==null?void 0:i.source}}};var a,l,n;e.parameters={...e.parameters,docs:{...(a=e.parameters)==null?void 0:a.docs,source:{originalSource:"args => <Actions {...args} />",...(n=(l=e.parameters)==null?void 0:l.docs)==null?void 0:n.source}}};const _=["Default","Tooltip"];export{t as Default,e as Tooltip,_ as __namedExportsOrder,O as default};
|
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as l}from"./index-RfLt4OUa.js";import{I as F}from"./common-types-U65vzrrz.js";import{T as w}from"./top-bar-3dxv0sp9.js";import{S as C}from"./side-bar-Fjr2t9MT.js";import{H as n}from"./heading-Bk0bpNfe.js";import{B as s}from"./button-7V8oA22w.js";import{D as I}from"./drawer-WuErQ5Z8.js";import{L as T}from"./list-8l-RGDgw.js";import{F as i}from"./field-eknsj_Ll.js";import{I as d}from"./input-u1He-wWs.js";import{A as E}from"./accordion-6_27SROY.js";import{C as a}from"./check-box-LZdXXKhv.js";import{F as p}from"./form-row-bwoDTUga.js";import{P as R}from"./page-9-f6BzS0.js";import{R as A,C as B}from"./row-vFUhHoz5.js";import{S as m}from"./select-JjEPivho.js";import{S as u}from"./spacer-Yji9g2AW.js";import{T as k}from"./tabs-fcLbHC1n.js";import{I as L}from"./input-group-R8LoqKRn.js";import{I as U}from"./input-group-addon-BHVsW9mL.js";import"./index-VW3EWkuE.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./actions-Z9jDWreP.js";import"./lodash-Bmg8FrMx.js";import"./tooltip-HEHiU__l.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--rUDxLUD.js";import"./spinner-R8Il4aRe.js";import"./index.es-JXn3JM7k.js";import"./extends-dGVwEr9R.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./memoize-one.esm-hqe5SRxC.js";import"./card-0r8RRVk-.js";import"./list-heading-Vd3hu5Pf.js";import"./loader-TGOJBZQG.js";import"./label-0_Qf6I8t.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./assertThisInitialized-4q6YPdh3.js";import"./text-6KQ6ntOV.js";import"./select.input-zP5tW20f.js";const c=[{label:"Settings",value:"settings"},{label:"Simulation Results",value:"results"}],H=["30, Conductor, Casing","20, Surface, Casing","13 3/8, Intermediate, Casing","11 3/4, Surface, Casing","9 5/8, Production, Casing"],ke={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},t=()=>{const[r,g]=l.useState(!0),[f,j]=l.useState(c[0]);return e.jsxs(e.Fragment,{children:[e.jsx(w,{}),e.jsx(C,{options:{title:"",sections:[]}}),e.jsx(R,{padding:!1,scroll:!1,children:e.jsxs(A,{spacing:0,height:"100%",children:[e.jsx(I,{button:e.jsx(s,{onClick:()=>g(!r),round:!0,icon:F.CHEVRON_LEFT}),open:r,width:300,closedWidth:"var(--size-sidebar)",children:e.jsx(T,{drawer:!0,narrow:!r,list:{name:"AFE Simulation",items:[{id:1,name:"Simulation name here",active:!0},{id:2,name:"Ipsum"}]}})}),e.jsxs(B,{scroll:!0,padding:!0,borderLeft:!0,children:[e.jsx(n,{top:!0,children:"Simulation name here"}),e.jsx(k,{options:c,value:f,onChange:o=>{const{value:v,label:S}=o.target;j({value:v,label:S})},margin:0}),e.jsx(u,{}),e.jsxs(p,{children:[e.jsx(i,{label:"Name",children:e.jsx(d,{value:"Simulation name here",width:"200px"})}),e.jsx(i,{label:"Initial condition",children:e.jsx(m,{options:[{label:"E3 - Circulation through drillpipe",value:"e3"}],value:{label:"E3 - Circulation through drillpipe",value:"e3"},native:!0})})]}),H.map(o=>e.jsxs("div",{children:[e.jsx(E,{heading:e.jsx(n,{children:o}),managed:!0,bordered:!0,children:e.jsxs(p,{children:[e.jsx(i,{label:"Leak off @TVD 425",children:e.jsx(a,{label:"Use formation data",checked:!0})}),e.jsx(i,{children:e.jsxs(L,{children:[e.jsx(d,{width:"200px",disabled:!0,value:"1.532142857142857"}),e.jsx(U,{children:"m"})]})}),e.jsx(i,{children:e.jsx(a,{label:"Gas cap"})}),e.jsx(i,{children:e.jsx(a,{label:"Max allowable pressure buildup"})})]})}),e.jsx(u,{})]},o)),e.jsx(i,{label:"Final condition",children:e.jsx(m,{options:[{label:"Undisturbed",value:"Undisturbed"}],value:{label:"Undisturbed",value:"Undisturbed"},native:!0,width:"auto"})}),e.jsx(s,{label:"Simulate",colored:!0})]})]})})]})};var h,b,x;t.parameters={...t.parameters,docs:{...(h=t.parameters)==null?void 0:h.docs,source:{originalSource:`() => {
|
|
2
|
-
const [open, setOpen] = useState(true);
|
|
3
|
-
const [selectedTab, setSelectedTab] = useState(options[0]);
|
|
4
|
-
return <>
|
|
5
|
-
<TopBar />
|
|
6
|
-
<SideBar options={{
|
|
7
|
-
title: '',
|
|
8
|
-
sections: []
|
|
9
|
-
}} />
|
|
10
|
-
<Page padding={false} scroll={false}>
|
|
11
|
-
<Row spacing={0} height="100%">
|
|
12
|
-
<Drawer button={<Button onClick={() => setOpen(!open)} round icon={IconType.CHEVRON_LEFT} />} open={open} width={300} closedWidth="var(--size-sidebar)">
|
|
13
|
-
<List drawer narrow={!open} list={{
|
|
14
|
-
name: 'AFE Simulation',
|
|
15
|
-
items: [{
|
|
16
|
-
id: 1,
|
|
17
|
-
name: 'Simulation name here',
|
|
18
|
-
active: true
|
|
19
|
-
}, {
|
|
20
|
-
id: 2,
|
|
21
|
-
name: 'Ipsum'
|
|
22
|
-
}]
|
|
23
|
-
}} />
|
|
24
|
-
</Drawer>
|
|
25
|
-
<Column scroll padding borderLeft>
|
|
26
|
-
<Heading top>Simulation name here</Heading>
|
|
27
|
-
<Tabs options={options} value={selectedTab} onChange={evt => {
|
|
28
|
-
const {
|
|
29
|
-
value,
|
|
30
|
-
label
|
|
31
|
-
} = evt.target;
|
|
32
|
-
setSelectedTab({
|
|
33
|
-
value,
|
|
34
|
-
label
|
|
35
|
-
});
|
|
36
|
-
}} margin={0} />
|
|
37
|
-
<Spacer />
|
|
38
|
-
<FormRow>
|
|
39
|
-
<Field label="Name">
|
|
40
|
-
<Input value="Simulation name here" width="200px" />
|
|
41
|
-
</Field>
|
|
42
|
-
<Field label="Initial condition">
|
|
43
|
-
<Select options={[{
|
|
44
|
-
label: 'E3 - Circulation through drillpipe',
|
|
45
|
-
value: 'e3'
|
|
46
|
-
}]} value={{
|
|
47
|
-
label: 'E3 - Circulation through drillpipe',
|
|
48
|
-
value: 'e3'
|
|
49
|
-
}} native />
|
|
50
|
-
</Field>
|
|
51
|
-
</FormRow>
|
|
52
|
-
{casingOptions.map(option => <div key={option}>
|
|
53
|
-
<Accordion heading={<Heading>{option}</Heading>} managed bordered>
|
|
54
|
-
<FormRow>
|
|
55
|
-
<Field label="Leak off @TVD 425">
|
|
56
|
-
<CheckBox label="Use formation data" checked />
|
|
57
|
-
</Field>
|
|
58
|
-
<Field>
|
|
59
|
-
<InputGroup>
|
|
60
|
-
<Input width="200px" disabled value="1.532142857142857" />
|
|
61
|
-
<InputGroupAddon>m</InputGroupAddon>
|
|
62
|
-
</InputGroup>
|
|
63
|
-
</Field>
|
|
64
|
-
<Field>
|
|
65
|
-
<CheckBox label="Gas cap" />
|
|
66
|
-
</Field>
|
|
67
|
-
<Field>
|
|
68
|
-
<CheckBox label="Max allowable pressure buildup" />
|
|
69
|
-
</Field>
|
|
70
|
-
</FormRow>
|
|
71
|
-
</Accordion>
|
|
72
|
-
<Spacer />
|
|
73
|
-
</div>)}
|
|
74
|
-
<Field label="Final condition">
|
|
75
|
-
<Select options={[{
|
|
76
|
-
label: 'Undisturbed',
|
|
77
|
-
value: 'Undisturbed'
|
|
78
|
-
}]} value={{
|
|
79
|
-
label: 'Undisturbed',
|
|
80
|
-
value: 'Undisturbed'
|
|
81
|
-
}} native width="auto" />
|
|
82
|
-
</Field>
|
|
83
|
-
<Button label="Simulate" colored />
|
|
84
|
-
</Column>
|
|
85
|
-
</Row>
|
|
86
|
-
</Page>
|
|
87
|
-
</>;
|
|
88
|
-
}`,...(x=(b=t.parameters)==null?void 0:b.docs)==null?void 0:x.source}}};t.__docgenInfo={description:"",methods:[],displayName:"AFESimulation"};const Le=["AFESimulation"];export{t as AFESimulation,Le as __namedExportsOrder,ke as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as h}from"./jsx-runtime-FsUICBgo.js";import{B as v}from"./badge-23Ty_zBt.js";import{B as k}from"./button-7V8oA22w.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-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./tooltip-HEHiU__l.js";import"./index-miLrID2P.js";const L={title:"Basic/Badge",component:v,args:{title:"3",color:"",small:!1,children:h.jsx(k,{name:"example",label:"Button",onClick:()=>{}})}},r=E=>h.jsx(v,{...E}),m=r.bind({}),e=r.bind({});e.args={small:!0};const a=r.bind({});a.args={dot:!0,title:void 0};const s=r.bind({});s.args={children:void 0};const o=r.bind({});o.args={title:null};const t=r.bind({});t.args={small:!0,title:null};var c,i,l;m.parameters={...m.parameters,docs:{...(c=m.parameters)==null?void 0:c.docs,source:{originalSource:"args => <Badge {...args} />",...(l=(i=m.parameters)==null?void 0:i.docs)==null?void 0:l.source}}};var p,d,n;e.parameters={...e.parameters,docs:{...(p=e.parameters)==null?void 0:p.docs,source:{originalSource:"args => <Badge {...args} />",...(n=(d=e.parameters)==null?void 0:d.docs)==null?void 0:n.source}}};var g,u,B;a.parameters={...a.parameters,docs:{...(g=a.parameters)==null?void 0:g.docs,source:{originalSource:"args => <Badge {...args} />",...(B=(u=a.parameters)==null?void 0:u.docs)==null?void 0:B.source}}};var S,T,b;s.parameters={...s.parameters,docs:{...(S=s.parameters)==null?void 0:S.docs,source:{originalSource:"args => <Badge {...args} />",...(b=(T=s.parameters)==null?void 0:T.docs)==null?void 0:b.source}}};var f,x,j;o.parameters={...o.parameters,docs:{...(f=o.parameters)==null?void 0:f.docs,source:{originalSource:"args => <Badge {...args} />",...(j=(x=o.parameters)==null?void 0:x.docs)==null?void 0:j.source}}};var D,N,_;t.parameters={...t.parameters,docs:{...(D=t.parameters)==null?void 0:D.docs,source:{originalSource:"args => <Badge {...args} />",...(_=(N=t.parameters)==null?void 0:N.docs)==null?void 0:_.source}}};const M=["Default","Small","Dot","Standalone","TestNoTitle","TestSmallNoTitle"];export{m as Default,a as Dot,e as Small,s as Standalone,o as TestNoTitle,t as TestSmallNoTitle,M as __namedExportsOrder,L as default};
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-FsUICBgo.js";import"./index-RfLt4OUa.js";import{I as u}from"./common-types-U65vzrrz.js";import{T as h}from"./top-bar-3dxv0sp9.js";import{S as g}from"./side-bar-Fjr2t9MT.js";import{H as o}from"./heading-Bk0bpNfe.js";import{B as a}from"./button-7V8oA22w.js";import{C as i}from"./card-0r8RRVk-.js";import{P as x}from"./page-9-f6BzS0.js";import{R as s,C as n}from"./row-vFUhHoz5.js";import{S as r}from"./spacer-Yji9g2AW.js";import"./index-VW3EWkuE.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./actions-Z9jDWreP.js";import"./lodash-Bmg8FrMx.js";import"./tooltip-HEHiU__l.js";import"./index-miLrID2P.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./index-ugi_ZH6T.js";import"./drawer-WuErQ5Z8.js";import"./help-icon--rUDxLUD.js";import"./spinner-R8Il4aRe.js";import"./styled-components.browser.esm-qIipjd6c.js";const C=({width:p,height:c})=>e.jsx("div",{style:{background:"#ddd",width:p,height:c}}),K={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},t=()=>e.jsxs(e.Fragment,{children:[e.jsx(h,{}),e.jsx(g,{options:{title:"",sections:[]}}),e.jsxs(x,{padding:"var(--padding)",children:[e.jsxs(s,{children:[e.jsx(n,{width:"80px",children:e.jsx(C,{width:60,height:80})}),e.jsxs(n,{children:[e.jsx(o,{top:!0,children:"Blowout Simulation"}),e.jsx(a,{colored:!0,label:"Save & run simulation"})]}),e.jsx(n,{flex:!1,children:e.jsx(a,{onClick:()=>{},round:!0,icon:u.HELP})})]}),e.jsx(r,{}),e.jsxs(s,{children:[e.jsxs(n,{children:[e.jsx(i,{heading:e.jsx(o,{children:"Reservoir Zones"}),children:"Content"}),e.jsx(r,{}),e.jsx(i,{heading:e.jsx(o,{children:"Simulation Models"}),children:"Content"}),e.jsx(r,{}),e.jsx(i,{heading:e.jsx(o,{children:"Simulation Options"}),children:"Content"})]}),e.jsxs(n,{children:[e.jsx(i,{heading:e.jsx(o,{children:"Drill String"}),children:"Content"}),e.jsx(r,{}),e.jsx(i,{heading:e.jsx(o,{children:"Surface Roughness"}),children:"Content"}),e.jsx(r,{}),e.jsx(i,{heading:e.jsx(o,{children:"Weighted Rates"}),children:"Content"})]})]})]})]});var d,l,m;t.parameters={...t.parameters,docs:{...(d=t.parameters)==null?void 0:d.docs,source:{originalSource:`() => {
|
|
2
|
-
return <>
|
|
3
|
-
<TopBar />
|
|
4
|
-
<SideBar options={{
|
|
5
|
-
title: '',
|
|
6
|
-
sections: []
|
|
7
|
-
}} />
|
|
8
|
-
<Page padding="var(--padding)">
|
|
9
|
-
<Row>
|
|
10
|
-
<Column width="80px">
|
|
11
|
-
<ImagePlaceholder width={60} height={80} />
|
|
12
|
-
</Column>
|
|
13
|
-
<Column>
|
|
14
|
-
<Heading top>Blowout Simulation</Heading>
|
|
15
|
-
<Button colored label="Save & run simulation" />
|
|
16
|
-
</Column>
|
|
17
|
-
<Column flex={false}>
|
|
18
|
-
<Button onClick={() => {}} round icon={IconType.HELP} />
|
|
19
|
-
</Column>
|
|
20
|
-
</Row>
|
|
21
|
-
<Spacer />
|
|
22
|
-
<Row>
|
|
23
|
-
<Column>
|
|
24
|
-
<Card heading={<Heading>Reservoir Zones</Heading>}>Content</Card>
|
|
25
|
-
<Spacer />
|
|
26
|
-
<Card heading={<Heading>Simulation Models</Heading>}>Content</Card>
|
|
27
|
-
<Spacer />
|
|
28
|
-
<Card heading={<Heading>Simulation Options</Heading>}>Content</Card>
|
|
29
|
-
</Column>
|
|
30
|
-
<Column>
|
|
31
|
-
<Card heading={<Heading>Drill String</Heading>}>Content</Card>
|
|
32
|
-
<Spacer />
|
|
33
|
-
<Card heading={<Heading>Surface Roughness</Heading>}>Content</Card>
|
|
34
|
-
<Spacer />
|
|
35
|
-
<Card heading={<Heading>Weighted Rates</Heading>}>Content</Card>
|
|
36
|
-
</Column>
|
|
37
|
-
</Row>
|
|
38
|
-
</Page>
|
|
39
|
-
</>;
|
|
40
|
-
}`,...(m=(l=t.parameters)==null?void 0:l.docs)==null?void 0:m.source}}};t.__docgenInfo={description:"",methods:[],displayName:"Blowout"};const Q=["Blowout"];export{t as Blowout,Q as __namedExportsOrder,K as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as a}from"./jsx-runtime-FsUICBgo.js";import{r as I}from"./index-RfLt4OUa.js";import{c as h}from"./index-VW3EWkuE.js";import{C as t,G as m}from"./common-types-U65vzrrz.js";import{D as M}from"./disabled-context-urNQThQz.js";import{S as j}from"./spinner-R8Il4aRe.js";import{I as w}from"./icon-y1a2N5SZ.js";import{T as C}from"./tooltip-HEHiU__l.js";const F="_inputInTable_1rzkf_1",R="_inputHover_1rzkf_13",U="_inputFocus_1rzkf_18",D="_inputError_1rzkf_25",L="_inputWarning_1rzkf_26",G="_inputDisabled_1rzkf_61",H="_hideScrollbars_1rzkf_67",W="_button_1rzkf_100",A="_active_1rzkf_135",J="_green_1rzkf_135",K="_red_1rzkf_135",P="_orange_1rzkf_135",Q="_icon_1rzkf_147",X="_iconOnly_1rzkf_153",Y="_basic_1rzkf_163",Z="_muted_1rzkf_169",$="_disabled_1rzkf_188",ee="_small_1rzkf_198",re="_pill_1rzkf_203",ae="_round_1rzkf_204",ne="_error_1rzkf_276",te="_warning_1rzkf_293",le="_inverted_1rzkf_310",se="_groupOrderFirst_1rzkf_340",ie="_groupOrderMiddle_1rzkf_341",oe="_groupOrderLast_1rzkf_342",e={inputInTable:F,inputHover:R,inputFocus:U,inputError:D,inputWarning:L,inputDisabled:G,hideScrollbars:H,button:W,active:A,green:J,red:K,orange:P,icon:Q,iconOnly:X,basic:Y,muted:Z,disabled:$,small:ee,pill:re,round:ae,error:ne,warning:te,inverted:le,groupOrderFirst:se,groupOrderMiddle:ie,groupOrderLast:oe};var l=(r=>(r.SUBMIT="submit",r.BUTTON="button",r.RESET="reset",r))(l||{});const ue=({children:r,tooltip:n=null})=>n?a.jsx(C,{text:n,display:"inline-flex",children:r}):a.jsx(a.Fragment,{children:r}),g=({active:r=!1,basic:n=!1,colored:s=!1,disabled:u=!1,groupOrder:d=null,icon:i=null,label:c="",loading:p=!1,name:b,pill:v=!1,round:y=!1,small:o=!1,styles:k="",width:z="",title:f="",type:O=l.BUTTON,onClick:q=()=>{},error:T,warning:V,testId:x,tooltip:E,inverted:S=!1})=>{const _=I.useContext(M),N=(()=>{if(s)switch(s){case t.DANGER:case t.RED:return e.red;case t.SUCCESS:case t.GREEN:return e.green;case t.MUTED:return e.muted;default:return e.orange}return""})(),B=(()=>{if(d)switch(d){case m.FIRST:return e.groupOrderFirst;case m.LAST:return e.groupOrderLast;default:return e.groupOrderMiddle}return""})();return a.jsx(ue,{tooltip:E,children:a.jsxs("button",{type:O===l.SUBMIT?l.SUBMIT:l.BUTTON,className:h(e.button,r?e.active:"",n?e.basic:"",N,u||_?e.disabled:"",(i||p)&&!c?e.iconOnly:"",S?e.inverted:"",B,v?e.pill:"",y?e.round:"",o?e.small:"",T?e.error:V?e.warning:"",k),disabled:u||_,name:b??"",onClick:q,...f?{title:f}:{},style:{width:z},"data-testid":x,children:[i&&a.jsx("span",{className:e.icon,children:a.jsx(w,{icon:i})}),p&&a.jsx("span",{className:e.icon,children:a.jsx(j,{small:!o,tiny:o,dark:!s&&!n,colored:n})}),c]})})};try{g.displayName="Button",g.__docgenInfo={description:"",displayName:"Button",props:{active:{defaultValue:{value:"false"},description:"",name:"active",required:!1,type:{name:"boolean"}},basic:{defaultValue:{value:"false"},description:"",name:"basic",required:!1,type:{name:"boolean"}},colored:{defaultValue:{value:"false"},description:"",name:"colored",required:!1,type:{name:"string | boolean"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},groupOrder:{defaultValue:{value:"null"},description:"",name:"groupOrder",required:!1,type:{name:"string | null"}},icon:{defaultValue:{value:"null"},description:"",name:"icon",required:!1,type:{name:"ReactNode"}},label:{defaultValue:{value:""},description:"",name:"label",required:!1,type:{name:"ReactNode"}},loading:{defaultValue:{value:"false"},description:"",name:"loading",required:!1,type:{name:"boolean"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string | null"}},onClick:{defaultValue:{value:"() => {}"},description:"",name:"onClick",required:!1,type:{name:"((evt: MouseEvent<HTMLButtonElement, MouseEvent>) => void)"}},pill:{defaultValue:{value:"false"},description:"",name:"pill",required:!1,type:{name:"boolean"}},round:{defaultValue:{value:"false"},description:"",name:"round",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},styles:{defaultValue:{value:""},description:"",name:"styles",required:!1,type:{name:"string"}},width:{defaultValue:{value:""},description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},title:{defaultValue:{value:""},description:"",name:"title",required:!1,type:{name:"string"}},type:{defaultValue:{value:"ButtonType.BUTTON"},description:"",name:"type",required:!1,type:{name:"string"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"string"}},warning:{defaultValue:null,description:"",name:"warning",required:!1,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},tooltip:{defaultValue:{value:"null"},description:"",name:"tooltip",required:!1,type:{name:"ReactNode"}},inverted:{defaultValue:{value:"false"},description:"",name:"inverted",required:!1,type:{name:"boolean"}}}}}catch{}export{g as B,l as a};
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-FsUICBgo.js";import{F as nr}from"./flex-3eLDDUyy.js";import{B as o,a as cr}from"./button-7V8oA22w.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-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./tooltip-HEHiU__l.js";import"./index-miLrID2P.js";const hr={title:"Forms/Button",component:o,parameters:{canvas:{page:null}},argTypes:{colored:{control:{type:"inline-radio"},options:{off:!1,primary:"primary",success:"success",danger:"danger",muted:"muted"}},icon:{control:{type:"inline-radio"},options:{off:void 0,on:"delete"}}},args:{label:"Label"}},r=x=>e.jsxs(nr,{gap:"var(--padding-sm)",children:[e.jsx(o,{...x}),e.jsx(o,{colored:!0,...x}),e.jsx(o,{colored:"success",...x}),e.jsx(o,{colored:"danger",...x})]}),F=r.bind({}),s=r.bind({});s.args={small:!0};const a=r.bind({});a.args={basic:!0};const t=r.bind({});t.args={active:!0};const n=r.bind({});n.args={disabled:!0};const c=r.bind({});c.args={icon:"delete"};const d=r.bind({});d.args={round:!0,icon:"delete",label:void 0};const l=r.bind({});l.args={round:!0,icon:"delete",label:void 0,colored:"muted",basic:!0};const u=r.bind({});u.args={width:"100%"};const g=r.bind({});g.args={type:cr.SUBMIT};const p=r.bind({});p.args={label:"Lorem ipsum dolor est compendum",width:"100px",small:!0};const i=r.bind({});i.args={tooltip:"Tooltip goes here"};const m=r.bind({});m.args={label:"Long label goes here lorem ipsum dolor est lorem ipsum",width:"200px"};const B=r.bind({});B.args={label:"Long label goes here lorem ipsum dolor est lorem ipsum",width:"200px",small:!0};var b,S,v;F.parameters={...F.parameters,docs:{...(b=F.parameters)==null?void 0:b.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
|
|
2
|
-
<Button {...args} />
|
|
3
|
-
<Button colored {...args} />
|
|
4
|
-
<Button colored="success" {...args} />
|
|
5
|
-
<Button colored="danger" {...args} />
|
|
6
|
-
</Flex>`,...(v=(S=F.parameters)==null?void 0:S.docs)==null?void 0:v.source}}};var T,h,f;s.parameters={...s.parameters,docs:{...(T=s.parameters)==null?void 0:T.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
|
|
7
|
-
<Button {...args} />
|
|
8
|
-
<Button colored {...args} />
|
|
9
|
-
<Button colored="success" {...args} />
|
|
10
|
-
<Button colored="danger" {...args} />
|
|
11
|
-
</Flex>`,...(f=(h=s.parameters)==null?void 0:h.docs)==null?void 0:f.source}}};var W,j,y;a.parameters={...a.parameters,docs:{...(W=a.parameters)==null?void 0:W.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
|
|
12
|
-
<Button {...args} />
|
|
13
|
-
<Button colored {...args} />
|
|
14
|
-
<Button colored="success" {...args} />
|
|
15
|
-
<Button colored="danger" {...args} />
|
|
16
|
-
</Flex>`,...(y=(j=a.parameters)==null?void 0:j.docs)==null?void 0:y.source}}};var R,w,D;t.parameters={...t.parameters,docs:{...(R=t.parameters)==null?void 0:R.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
|
|
17
|
-
<Button {...args} />
|
|
18
|
-
<Button colored {...args} />
|
|
19
|
-
<Button colored="success" {...args} />
|
|
20
|
-
<Button colored="danger" {...args} />
|
|
21
|
-
</Flex>`,...(D=(w=t.parameters)==null?void 0:w.docs)==null?void 0:D.source}}};var L,I,M;n.parameters={...n.parameters,docs:{...(L=n.parameters)==null?void 0:L.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
|
|
22
|
-
<Button {...args} />
|
|
23
|
-
<Button colored {...args} />
|
|
24
|
-
<Button colored="success" {...args} />
|
|
25
|
-
<Button colored="danger" {...args} />
|
|
26
|
-
</Flex>`,...(M=(I=n.parameters)==null?void 0:I.docs)==null?void 0:M.source}}};var _,A,E;c.parameters={...c.parameters,docs:{...(_=c.parameters)==null?void 0:_.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
|
|
27
|
-
<Button {...args} />
|
|
28
|
-
<Button colored {...args} />
|
|
29
|
-
<Button colored="success" {...args} />
|
|
30
|
-
<Button colored="danger" {...args} />
|
|
31
|
-
</Flex>`,...(E=(A=c.parameters)==null?void 0:A.docs)==null?void 0:E.source}}};var O,U,k;d.parameters={...d.parameters,docs:{...(O=d.parameters)==null?void 0:O.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
|
|
32
|
-
<Button {...args} />
|
|
33
|
-
<Button colored {...args} />
|
|
34
|
-
<Button colored="success" {...args} />
|
|
35
|
-
<Button colored="danger" {...args} />
|
|
36
|
-
</Flex>`,...(k=(U=d.parameters)==null?void 0:U.docs)==null?void 0:k.source}}};var q,z,C;l.parameters={...l.parameters,docs:{...(q=l.parameters)==null?void 0:q.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
|
|
37
|
-
<Button {...args} />
|
|
38
|
-
<Button colored {...args} />
|
|
39
|
-
<Button colored="success" {...args} />
|
|
40
|
-
<Button colored="danger" {...args} />
|
|
41
|
-
</Flex>`,...(C=(z=l.parameters)==null?void 0:z.docs)==null?void 0:C.source}}};var G,H,J;u.parameters={...u.parameters,docs:{...(G=u.parameters)==null?void 0:G.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
|
|
42
|
-
<Button {...args} />
|
|
43
|
-
<Button colored {...args} />
|
|
44
|
-
<Button colored="success" {...args} />
|
|
45
|
-
<Button colored="danger" {...args} />
|
|
46
|
-
</Flex>`,...(J=(H=u.parameters)==null?void 0:H.docs)==null?void 0:J.source}}};var K,N,P;g.parameters={...g.parameters,docs:{...(K=g.parameters)==null?void 0:K.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
|
|
47
|
-
<Button {...args} />
|
|
48
|
-
<Button colored {...args} />
|
|
49
|
-
<Button colored="success" {...args} />
|
|
50
|
-
<Button colored="danger" {...args} />
|
|
51
|
-
</Flex>`,...(P=(N=g.parameters)==null?void 0:N.docs)==null?void 0:P.source}}};var Q,V,X;p.parameters={...p.parameters,docs:{...(Q=p.parameters)==null?void 0:Q.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
|
|
52
|
-
<Button {...args} />
|
|
53
|
-
<Button colored {...args} />
|
|
54
|
-
<Button colored="success" {...args} />
|
|
55
|
-
<Button colored="danger" {...args} />
|
|
56
|
-
</Flex>`,...(X=(V=p.parameters)==null?void 0:V.docs)==null?void 0:X.source}}};var Y,Z,$;i.parameters={...i.parameters,docs:{...(Y=i.parameters)==null?void 0:Y.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
|
|
57
|
-
<Button {...args} />
|
|
58
|
-
<Button colored {...args} />
|
|
59
|
-
<Button colored="success" {...args} />
|
|
60
|
-
<Button colored="danger" {...args} />
|
|
61
|
-
</Flex>`,...($=(Z=i.parameters)==null?void 0:Z.docs)==null?void 0:$.source}}};var rr,er,or;m.parameters={...m.parameters,docs:{...(rr=m.parameters)==null?void 0:rr.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
|
|
62
|
-
<Button {...args} />
|
|
63
|
-
<Button colored {...args} />
|
|
64
|
-
<Button colored="success" {...args} />
|
|
65
|
-
<Button colored="danger" {...args} />
|
|
66
|
-
</Flex>`,...(or=(er=m.parameters)==null?void 0:er.docs)==null?void 0:or.source}}};var sr,ar,tr;B.parameters={...B.parameters,docs:{...(sr=B.parameters)==null?void 0:sr.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
|
|
67
|
-
<Button {...args} />
|
|
68
|
-
<Button colored {...args} />
|
|
69
|
-
<Button colored="success" {...args} />
|
|
70
|
-
<Button colored="danger" {...args} />
|
|
71
|
-
</Flex>`,...(tr=(ar=B.parameters)==null?void 0:ar.docs)==null?void 0:tr.source}}};const fr=["Default","Small","Basic","Active","Disabled","WithIcon","Round","RoundMuted","FullWidth","Submit","TestSmallButtonWrapping","Tooltip","TestWrapping","TestWrappingSmall"];export{t as Active,a as Basic,F as Default,n as Disabled,u as FullWidth,d as Round,l as RoundMuted,s as Small,g as Submit,p as TestSmallButtonWrapping,m as TestWrapping,B as TestWrappingSmall,i as Tooltip,c as WithIcon,fr as __namedExportsOrder,hr as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as d}from"./jsx-runtime-FsUICBgo.js";import{C as S}from"./card-0r8RRVk-.js";import{H as N}from"./heading-Bk0bpNfe.js";import"./index-RfLt4OUa.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./help-icon--rUDxLUD.js";import"./tooltip-HEHiU__l.js";import"./index-miLrID2P.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";const z={title:"Layout/Card",component:S,args:{raised:!1,children:"Content goes here",padding:!0,bordered:!0}},o=W=>d.jsx(S,{...W}),t=o.bind({}),r=o.bind({});r.args={heading:d.jsx(N,{children:"Heading"})};const e=o.bind({});e.args={heading:d.jsx(N,{onClickHelp:()=>console.log("help!"),children:"Heading"})};const a=o.bind({});a.args={padding:!1};const s=o.bind({});s.args={bordered:!1};var i,c,p;t.parameters={...t.parameters,docs:{...(i=t.parameters)==null?void 0:i.docs,source:{originalSource:"args => <Card {...args} />",...(p=(c=t.parameters)==null?void 0:c.docs)==null?void 0:p.source}}};var n,m,g;r.parameters={...r.parameters,docs:{...(n=r.parameters)==null?void 0:n.docs,source:{originalSource:"args => <Card {...args} />",...(g=(m=r.parameters)==null?void 0:m.docs)==null?void 0:g.source}}};var l,u,h;e.parameters={...e.parameters,docs:{...(l=e.parameters)==null?void 0:l.docs,source:{originalSource:"args => <Card {...args} />",...(h=(u=e.parameters)==null?void 0:u.docs)==null?void 0:h.source}}};var H,C,f;a.parameters={...a.parameters,docs:{...(H=a.parameters)==null?void 0:H.docs,source:{originalSource:"args => <Card {...args} />",...(f=(C=a.parameters)==null?void 0:C.docs)==null?void 0:f.source}}};var b,x,j;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:"args => <Card {...args} />",...(j=(x=s.parameters)==null?void 0:x.docs)==null?void 0:j.source}}};const A=["Default","WithHeading","WithHelpHeading","NoPadding","NoBorder"];export{t as Default,s as NoBorder,a as NoPadding,r as WithHeading,e as WithHelpHeading,A as __namedExportsOrder,z as default};
|
|
@@ -1,208 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as U}from"./index-RfLt4OUa.js";import{T as I}from"./table-lfeSnryj.js";import{F as De}from"./field-eknsj_Ll.js";import{B as F}from"./button-7V8oA22w.js";import{I as Me}from"./input-u1He-wWs.js";import{F as Je}from"./flex-3eLDDUyy.js";import{t as ze,s as Xe,u as Ge,v as qe,w as Ke,x as Ne,y as Qe,z as Ve,A as Ye,B as Ze,C as $e,D as _e,E as er,F as rr,G as ar,H as sr,I as tr}from"./table.stories-data-9XfBJddg.js";import"./index-VW3EWkuE.js";import"./index.es-JXn3JM7k.js";import"./inheritsLoose-Y9jOMJLd.js";import"./extends-dGVwEr9R.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./index-miLrID2P.js";import"./memoize-one.esm-hqe5SRxC.js";import"./icon-y1a2N5SZ.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./lodash-Bmg8FrMx.js";import"./actions-Z9jDWreP.js";import"./common-types-U65vzrrz.js";import"./tooltip-HEHiU__l.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./heading-Bk0bpNfe.js";import"./help-icon--rUDxLUD.js";import"./pagination-5n5spTRo.js";import"./select-JjEPivho.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-SvjJIGsW.js";import"./index-IQMsp8Ab.js";import"./index-cCpkwrS5.js";import"./check-box-LZdXXKhv.js";import"./slider-nl2rJ9LF.js";import"./index-ugi_ZH6T.js";import"./popover-Y3FpGdUS.js";import"./label-0_Qf6I8t.js";import"./spinner-R8Il4aRe.js";const Vr={title:"Basic/Table/Cell",component:I,args:{table:{...ze}}},r=t=>e.jsx(I,{...t}),d=r.bind({});d.args={table:Xe};const m=r.bind({});m.args={table:Ge};const u=r.bind({});u.args={table:qe};const b=r.bind({});b.args={table:Ke};const g=r.bind({});g.args={table:Ne};const v=r.bind({});v.args={table:Qe};const x=r.bind({});x.args={table:Ve};const C=r.bind({});C.args={table:Ye};const h=r.bind({});h.args={table:Ze};const S=r.bind({});S.args={table:$e};const f=r.bind({});f.args={table:_e};const j=r.bind({});j.args={table:er};const y=r.bind({});y.args={table:rr};const T=r.bind({});T.args={table:ar};const n=r.bind({});n.args={table:sr};n.parameters={docs:{description:{story:"Setting `breakWord: true` on a cell will allow very long text strings to break"}}};const P=()=>{const t=["Section","Width","Height"];let p=["","m","m"],W=[...Array(10).keys()].map((l,a)=>[a,a*2,a*2]);const A=()=>{const l=({close:s,value:O})=>e.jsxs(e.Fragment,{children:[e.jsx(De,{label:"Input",children:e.jsx(Me,{value:O,width:"100%"})}),e.jsxs(Je,{gap:!0,children:[e.jsx(F,{colored:!0,label:"Save",onClick:()=>{}}),e.jsx(F,{label:"Cancel",onClick:s})]})]}),a={fixedWidth:"100%",headers:[{cells:t.map(s=>({value:s}))},{cells:[{},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:p[1],type:"Unit"},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:p[2],type:"Unit"}]}],rows:W.map((s,O)=>({cells:[...Array(3).keys()].map((o,c)=>({value:s[c],type:"Popover",content:e.jsx(l,{value:s[c]})}))}))};return e.jsx(I,{table:a})};return e.jsx(A,{})},w=()=>{const t=["Section","Width","Height"];let p=["","m","m"],W=[...Array(10).keys()].map((l,a)=>[a,a*2,a*2]);const A=()=>{const[l,a]=U.useState(!1),s=({close:o,value:c})=>{U.useEffect(()=>{l||a(!0)},[]);const B=()=>{a(!1),o()};return e.jsxs(e.Fragment,{children:[e.jsx(De,{label:"Input",children:e.jsx(Me,{value:c,width:"100%"})}),e.jsxs(Je,{gap:!0,children:[e.jsx(F,{colored:!0,label:"Save",onClick:B}),e.jsx(F,{label:"Cancel",onClick:B})]})]})},O={headers:[{cells:t.map(o=>({value:o}))},{cells:[{},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:p[1],type:"Unit"},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:p[2],type:"Unit"}]}],rows:W.map((o,c)=>({cells:[...Array(3).keys()].map((B,E)=>({value:o[E],type:"Popover",disabled:l,closeOnOutsideClick:!1,content:e.jsx(s,{value:o[E]})}))}))};return e.jsx(I,{table:O})};return e.jsx(A,{})},k=r.bind({});k.args={table:tr};const i=r.bind({});i.args={table:{..._e,name:"Food"}};i.decorators=[t=>e.jsx("div",{style:{width:180,height:180,overflow:"hidden",resize:"both"},children:e.jsx(t,{})})];var L,R,H;d.parameters={...d.parameters,docs:{...(L=d.parameters)==null?void 0:L.docs,source:{originalSource:`args => {
|
|
2
|
-
return <Table
|
|
3
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
4
|
-
{...args} />;
|
|
5
|
-
}`,...(H=(R=d.parameters)==null?void 0:R.docs)==null?void 0:H.source}}};var D,M,J;m.parameters={...m.parameters,docs:{...(D=m.parameters)==null?void 0:D.docs,source:{originalSource:`args => {
|
|
6
|
-
return <Table
|
|
7
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
8
|
-
{...args} />;
|
|
9
|
-
}`,...(J=(M=m.parameters)==null?void 0:M.docs)==null?void 0:J.source}}};var _,z,X;u.parameters={...u.parameters,docs:{...(_=u.parameters)==null?void 0:_.docs,source:{originalSource:`args => {
|
|
10
|
-
return <Table
|
|
11
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
12
|
-
{...args} />;
|
|
13
|
-
}`,...(X=(z=u.parameters)==null?void 0:z.docs)==null?void 0:X.source}}};var G,q,K;b.parameters={...b.parameters,docs:{...(G=b.parameters)==null?void 0:G.docs,source:{originalSource:`args => {
|
|
14
|
-
return <Table
|
|
15
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
16
|
-
{...args} />;
|
|
17
|
-
}`,...(K=(q=b.parameters)==null?void 0:q.docs)==null?void 0:K.source}}};var N,Q,V;g.parameters={...g.parameters,docs:{...(N=g.parameters)==null?void 0:N.docs,source:{originalSource:`args => {
|
|
18
|
-
return <Table
|
|
19
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
20
|
-
{...args} />;
|
|
21
|
-
}`,...(V=(Q=g.parameters)==null?void 0:Q.docs)==null?void 0:V.source}}};var Y,Z,$;v.parameters={...v.parameters,docs:{...(Y=v.parameters)==null?void 0:Y.docs,source:{originalSource:`args => {
|
|
22
|
-
return <Table
|
|
23
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
24
|
-
{...args} />;
|
|
25
|
-
}`,...($=(Z=v.parameters)==null?void 0:Z.docs)==null?void 0:$.source}}};var ee,re,ae;x.parameters={...x.parameters,docs:{...(ee=x.parameters)==null?void 0:ee.docs,source:{originalSource:`args => {
|
|
26
|
-
return <Table
|
|
27
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
28
|
-
{...args} />;
|
|
29
|
-
}`,...(ae=(re=x.parameters)==null?void 0:re.docs)==null?void 0:ae.source}}};var se,te,oe;C.parameters={...C.parameters,docs:{...(se=C.parameters)==null?void 0:se.docs,source:{originalSource:`args => {
|
|
30
|
-
return <Table
|
|
31
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
32
|
-
{...args} />;
|
|
33
|
-
}`,...(oe=(te=C.parameters)==null?void 0:te.docs)==null?void 0:oe.source}}};var le,ne,ie;h.parameters={...h.parameters,docs:{...(le=h.parameters)==null?void 0:le.docs,source:{originalSource:`args => {
|
|
34
|
-
return <Table
|
|
35
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
36
|
-
{...args} />;
|
|
37
|
-
}`,...(ie=(ne=h.parameters)==null?void 0:ne.docs)==null?void 0:ie.source}}};var pe,ce,de;S.parameters={...S.parameters,docs:{...(pe=S.parameters)==null?void 0:pe.docs,source:{originalSource:`args => {
|
|
38
|
-
return <Table
|
|
39
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
40
|
-
{...args} />;
|
|
41
|
-
}`,...(de=(ce=S.parameters)==null?void 0:ce.docs)==null?void 0:de.source}}};var me,ue,be;f.parameters={...f.parameters,docs:{...(me=f.parameters)==null?void 0:me.docs,source:{originalSource:`args => {
|
|
42
|
-
return <Table
|
|
43
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
44
|
-
{...args} />;
|
|
45
|
-
}`,...(be=(ue=f.parameters)==null?void 0:ue.docs)==null?void 0:be.source}}};var ge,ve,xe;j.parameters={...j.parameters,docs:{...(ge=j.parameters)==null?void 0:ge.docs,source:{originalSource:`args => {
|
|
46
|
-
return <Table
|
|
47
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
48
|
-
{...args} />;
|
|
49
|
-
}`,...(xe=(ve=j.parameters)==null?void 0:ve.docs)==null?void 0:xe.source}}};var Ce,he,Se;y.parameters={...y.parameters,docs:{...(Ce=y.parameters)==null?void 0:Ce.docs,source:{originalSource:`args => {
|
|
50
|
-
return <Table
|
|
51
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
52
|
-
{...args} />;
|
|
53
|
-
}`,...(Se=(he=y.parameters)==null?void 0:he.docs)==null?void 0:Se.source}}};var fe,je,ye;T.parameters={...T.parameters,docs:{...(fe=T.parameters)==null?void 0:fe.docs,source:{originalSource:`args => {
|
|
54
|
-
return <Table
|
|
55
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
56
|
-
{...args} />;
|
|
57
|
-
}`,...(ye=(je=T.parameters)==null?void 0:je.docs)==null?void 0:ye.source}}};var Te,ke,Oe;n.parameters={...n.parameters,docs:{...(Te=n.parameters)==null?void 0:Te.docs,source:{originalSource:`args => {
|
|
58
|
-
return <Table
|
|
59
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
60
|
-
{...args} />;
|
|
61
|
-
}`,...(Oe=(ke=n.parameters)==null?void 0:ke.docs)==null?void 0:Oe.source}}};var Pe,we,Fe;P.parameters={...P.parameters,docs:{...(Pe=P.parameters)==null?void 0:Pe.docs,source:{originalSource:`() => {
|
|
62
|
-
const headings = ['Section', 'Width', 'Height'];
|
|
63
|
-
let units = ['', 'm', 'm'];
|
|
64
|
-
let data = [...Array(10).keys()].map((c, i) => [i, i * 2, i * 2]);
|
|
65
|
-
/*
|
|
66
|
-
Mock table data store (real apps should use Redux or similar)
|
|
67
|
-
*/
|
|
68
|
-
const PopoverTable = () => {
|
|
69
|
-
const CellInputForm = ({
|
|
70
|
-
close,
|
|
71
|
-
value
|
|
72
|
-
}: any) => <>
|
|
73
|
-
<Field label="Input">
|
|
74
|
-
<Input value={value} width="100%" />
|
|
75
|
-
</Field>
|
|
76
|
-
<Flex gap>
|
|
77
|
-
<Button colored label="Save" onClick={() => {}} />
|
|
78
|
-
<Button label="Cancel" onClick={close} />
|
|
79
|
-
</Flex>
|
|
80
|
-
</>;
|
|
81
|
-
const table = {
|
|
82
|
-
fixedWidth: '100%',
|
|
83
|
-
headers: [{
|
|
84
|
-
cells: headings.map(h => ({
|
|
85
|
-
value: h
|
|
86
|
-
}))
|
|
87
|
-
}, {
|
|
88
|
-
cells: [{}, {
|
|
89
|
-
menu: [{
|
|
90
|
-
label: 'm',
|
|
91
|
-
value: 'm'
|
|
92
|
-
}, {
|
|
93
|
-
label: 'ft',
|
|
94
|
-
value: 'ft'
|
|
95
|
-
}],
|
|
96
|
-
value: units[1],
|
|
97
|
-
type: 'Unit'
|
|
98
|
-
}, {
|
|
99
|
-
menu: [{
|
|
100
|
-
label: 'm',
|
|
101
|
-
value: 'm'
|
|
102
|
-
}, {
|
|
103
|
-
label: 'ft',
|
|
104
|
-
value: 'ft'
|
|
105
|
-
}],
|
|
106
|
-
value: units[2],
|
|
107
|
-
type: 'Unit'
|
|
108
|
-
}]
|
|
109
|
-
}],
|
|
110
|
-
rows: data.map((row, i) => {
|
|
111
|
-
return {
|
|
112
|
-
cells: [...Array(3).keys()].map((c, i) => ({
|
|
113
|
-
//https://stackoverflow.com/a/33352604
|
|
114
|
-
value: row[i],
|
|
115
|
-
type: 'Popover',
|
|
116
|
-
content: <CellInputForm value={row[i]} />
|
|
117
|
-
}))
|
|
118
|
-
};
|
|
119
|
-
})
|
|
120
|
-
};
|
|
121
|
-
return <Table table={(table as any)} />;
|
|
122
|
-
};
|
|
123
|
-
return <PopoverTable />;
|
|
124
|
-
}`,...(Fe=(we=P.parameters)==null?void 0:we.docs)==null?void 0:Fe.source}}};var Ie,We,Ae;w.parameters={...w.parameters,docs:{...(Ie=w.parameters)==null?void 0:Ie.docs,source:{originalSource:`() => {
|
|
125
|
-
const headings = ['Section', 'Width', 'Height'];
|
|
126
|
-
let units = ['', 'm', 'm'];
|
|
127
|
-
let data = [...Array(10).keys()].map((c, i) => [i, i * 2, i * 2]);
|
|
128
|
-
/*
|
|
129
|
-
Mock table data store (real apps should use Redux or similar)
|
|
130
|
-
*/
|
|
131
|
-
const SinglePopoverOpenedTable = () => {
|
|
132
|
-
const [isPopOverCellOpened, setIsPopOverCellOpened] = useState(false);
|
|
133
|
-
const CellInputForm = ({
|
|
134
|
-
close,
|
|
135
|
-
value
|
|
136
|
-
}: any) => {
|
|
137
|
-
useEffect(() => {
|
|
138
|
-
if (!isPopOverCellOpened) {
|
|
139
|
-
setIsPopOverCellOpened(true);
|
|
140
|
-
}
|
|
141
|
-
}, []);
|
|
142
|
-
const onClosePopOver = () => {
|
|
143
|
-
setIsPopOverCellOpened(false);
|
|
144
|
-
close();
|
|
145
|
-
};
|
|
146
|
-
return <>
|
|
147
|
-
<Field label="Input">
|
|
148
|
-
<Input value={value} width="100%" />
|
|
149
|
-
</Field>
|
|
150
|
-
<Flex gap>
|
|
151
|
-
<Button colored label="Save" onClick={onClosePopOver} />
|
|
152
|
-
<Button label="Cancel" onClick={onClosePopOver} />
|
|
153
|
-
</Flex>
|
|
154
|
-
</>;
|
|
155
|
-
};
|
|
156
|
-
const table = {
|
|
157
|
-
headers: [{
|
|
158
|
-
cells: headings.map(h => ({
|
|
159
|
-
value: h
|
|
160
|
-
}))
|
|
161
|
-
}, {
|
|
162
|
-
cells: [{}, {
|
|
163
|
-
menu: [{
|
|
164
|
-
label: 'm',
|
|
165
|
-
value: 'm'
|
|
166
|
-
}, {
|
|
167
|
-
label: 'ft',
|
|
168
|
-
value: 'ft'
|
|
169
|
-
}],
|
|
170
|
-
value: units[1],
|
|
171
|
-
type: 'Unit'
|
|
172
|
-
}, {
|
|
173
|
-
menu: [{
|
|
174
|
-
label: 'm',
|
|
175
|
-
value: 'm'
|
|
176
|
-
}, {
|
|
177
|
-
label: 'ft',
|
|
178
|
-
value: 'ft'
|
|
179
|
-
}],
|
|
180
|
-
value: units[2],
|
|
181
|
-
type: 'Unit'
|
|
182
|
-
}]
|
|
183
|
-
}],
|
|
184
|
-
rows: data.map((row, i) => {
|
|
185
|
-
return {
|
|
186
|
-
cells: [...Array(3).keys()].map((c, i) => ({
|
|
187
|
-
//https://stackoverflow.com/a/33352604
|
|
188
|
-
value: row[i],
|
|
189
|
-
type: 'Popover',
|
|
190
|
-
disabled: isPopOverCellOpened,
|
|
191
|
-
closeOnOutsideClick: false,
|
|
192
|
-
content: <CellInputForm value={row[i]} />
|
|
193
|
-
}))
|
|
194
|
-
};
|
|
195
|
-
})
|
|
196
|
-
};
|
|
197
|
-
return <Table table={(table as any)} />;
|
|
198
|
-
};
|
|
199
|
-
return <SinglePopoverOpenedTable />;
|
|
200
|
-
}`,...(Ae=(We=w.parameters)==null?void 0:We.docs)==null?void 0:Ae.source}}};var Be,Ee,Ue;k.parameters={...k.parameters,docs:{...(Be=k.parameters)==null?void 0:Be.docs,source:{originalSource:`args => {
|
|
201
|
-
return <Table
|
|
202
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
203
|
-
{...args} />;
|
|
204
|
-
}`,...(Ue=(Ee=k.parameters)==null?void 0:Ee.docs)==null?void 0:Ue.source}}};var Le,Re,He;i.parameters={...i.parameters,docs:{...(Le=i.parameters)==null?void 0:Le.docs,source:{originalSource:`args => {
|
|
205
|
-
return <Table
|
|
206
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
207
|
-
{...args} />;
|
|
208
|
-
}`,...(He=(Re=i.parameters)==null?void 0:Re.docs)==null?void 0:He.source}}};const Yr=["Editable","Disabled","Colspan","ColspanWithWidths","CellWidths","CellStyleProp","Rowspan","Checkboxes","Icons","Links","Actions","Menus","JSXContent","StaticCellTooltips","WordbreakLongContent","Popover","SinglePopoverAtOnce","OverflowingCells","TestScrolling"];export{f as Actions,v as CellStyleProp,g as CellWidths,C as Checkboxes,u as Colspan,b as ColspanWithWidths,m as Disabled,d as Editable,h as Icons,y as JSXContent,S as Links,j as Menus,k as OverflowingCells,P as Popover,x as Rowspan,w as SinglePopoverAtOnce,T as StaticCellTooltips,i as TestScrolling,n as WordbreakLongContent,Yr as __namedExportsOrder,Vr as default};
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import{j as o}from"./jsx-runtime-FsUICBgo.js";import"./chunk-HLWAVYOI-53hWDdvc.js";import{M as d}from"./index-0dxTfrBP.js";import{r as p}from"./index-RfLt4OUa.js";import{t as m,T as x}from"./toaster-eOozfa7U.js";import{useMDXComponents as i}from"./index-4YXVTraW.js";import"./iframe-ujjJUTtn.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-gM75B7fB.js";import"./message-uMHaTEXV.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./icon-y1a2N5SZ.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"],t=[50,100,150,200,250,300,350,400,450,500,550,600,650,700,750,800,850,900,950],j=t.map(r=>`--color-neutral-${r}`),b=t.map(r=>`--color-primary-${r}`),f=t.map(r=>`--color-error-${r}`),y=t.map(r=>`--color-warning-${r}`),C=t.map(r=>`--color-success-${r}`),k=t.map(r=>`--color-info-${r}`),c=({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{c.displayName="ColorPalette",c.__docgenInfo={description:"",displayName:"ColorPalette",props:{colors:{defaultValue:null,description:"",name:"colors",required:!0,type:{name:"string[]"}}}}}catch{}function l(r){const n=Object.assign({h1:"h1",p:"p",strong:"strong",h2:"h2",h3:"h3"},i(),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(c,{colors:h}),`
|
|
8
|
-
`,o.jsx(n.h3,{id:"backgrounds",children:"Backgrounds"}),`
|
|
9
|
-
`,o.jsx(c,{colors:u}),`
|
|
10
|
-
`,o.jsx(n.h3,{id:"borders",children:"Borders"}),`
|
|
11
|
-
`,o.jsx(c,{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(c,{colors:j}),`
|
|
15
|
-
`,o.jsx(n.h3,{id:"primary",children:"Primary"}),`
|
|
16
|
-
`,o.jsx(c,{colors:b}),`
|
|
17
|
-
`,o.jsx(n.h3,{id:"error",children:"Error"}),`
|
|
18
|
-
`,o.jsx(c,{colors:f}),`
|
|
19
|
-
`,o.jsx(n.h3,{id:"warning",children:"Warning"}),`
|
|
20
|
-
`,o.jsx(c,{colors:y}),`
|
|
21
|
-
`,o.jsx(n.h3,{id:"success",children:"Success"}),`
|
|
22
|
-
`,o.jsx(c,{colors:C}),`
|
|
23
|
-
`,o.jsx(n.h3,{id:"info",children:"Info"}),`
|
|
24
|
-
`,o.jsx(c,{colors:k}),`
|
|
25
|
-
`,o.jsx(x,{})]})}function z(r={}){const{wrapper:n}=Object.assign({},i(),r.components);return n?o.jsx(n,Object.assign({},r,{children:o.jsx(l,r)})):l(r)}export{z as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as t}from"./jsx-runtime-FsUICBgo.js";import{T as f}from"./text-6KQ6ntOV.js";import{B as y}from"./button-7V8oA22w.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-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./tooltip-HEHiU__l.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 z={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 C=["Default","WithButton"];export{a as Default,e as WithButton,C as __namedExportsOrder,z as default};
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
import{j as t}from"./jsx-runtime-FsUICBgo.js";import{r as p}from"./index-RfLt4OUa.js";import{D as X}from"./disabled-context-urNQThQz.js";import{I as z}from"./input-group-R8LoqKRn.js";import{I as K}from"./input-u1He-wWs.js";import{B as $}from"./button-7V8oA22w.js";import{S as h}from"./spacer-Yji9g2AW.js";import{a as V,M as L}from"./message-uMHaTEXV.js";import{T as M}from"./textarea-u-nirfI6.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./types-5uVBABF4.js";import"./lodash-Bmg8FrMx.js";import"./tooltip-HEHiU__l.js";import"./index-miLrID2P.js";import"./spinner-R8Il4aRe.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";const Q="_fileInput_1elar_1",Z={fileInput:Q};var B=(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))(B||{});const ee=(e=new Blob,r=B.READ_AS_TEXT)=>{const a=new FileReader;return new Promise((s,l)=>{if(r in a)a[r](e);else{l(new Error("Invalid FileReader method"));return}a.onload=()=>{a.result!==null?s(a.result):l(new Error("File reading resulted in null"))},a.onerror=u=>l(u)})},te=(e,r)=>{var s;let a;return e?(r?a=`Selected - ${(s=Object.keys(e))==null?void 0:s.length} files`:a=e==null?void 0:e.name,a||null):null},o=({label:e="Select",loading:r=!1,placeholder:a="No file selected",disabled:s=!1,file:l,accept:u,multi:i,name:x,width:k,onChange:P=()=>{},testId:W})=>{const y=p.useContext(X),S=p.useRef(null),Y=te(l,i),G=()=>{var n;s||y||(n=S.current)==null||n.click()};return t.jsxs("div",{onClick:G,style:{width:k},children:[t.jsxs(z,{children:[t.jsx(K,{value:Y||"",placeholder:a,disabled:!0}),t.jsx($,{label:e,loading:r,disabled:r||s||y,groupOrder:"last"})]}),t.jsx("input",{name:x,ref:S,className:Z.fileInput,type:"file",accept:u,multiple:i,onChange:n=>{var v,F,j;P({...n,target:{...n.target,value:i?(v=n==null?void 0:n.target)==null?void 0:v.files:(j=(F=n==null?void 0:n.target)==null?void 0:F.files)==null?void 0:j[0]}})},"data-testid":W})]})};try{o.displayName="FileInput",o.__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{}const{useArgs:ae}=__STORYBOOK_MODULE_ADDONS__,_e={title:"Forms/FileInput",component:o,args:{file:null}},H=e=>{const[r,a]=ae(),s=l=>{a({file:l.target.value})};return t.jsx(o,{...e,onChange:s})},m=H.bind({}),c=H.bind({});c.args={accept:".json"};c.parameters={docs:{description:{story:"See [accept attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept) to restrict file type"}}};const d=()=>{const[e,r]=p.useState(),[a,s]=p.useState({});return t.jsxs(t.Fragment,{children:[t.jsx(o,{file:e,onChange:async l=>{const u=l.target.value;try{const i=await ee(u),x=JSON.parse(i);s(x)}catch(i){console.log(i)}r(u)},accept:".json"}),t.jsx(h,{}),e?t.jsx(M,{monospace:!0,value:JSON.stringify(a,null,2),rows:20}):t.jsx(V,{message:{visible:!0,content:"Upload a JSON file to see preview",type:L.INFO}})]})},g=()=>{const[e,r]=p.useState();return t.jsxs(t.Fragment,{children:[t.jsx(o,{file:e,onChange:a=>{r(a.target.value)},accept:"image/*"}),t.jsx(h,{}),e?t.jsx("img",{src:e?URL.createObjectURL(e):"",alt:"Preview",style:{maxHeight:"400px",maxWidth:"400px"}}):t.jsx(V,{message:{visible:!0,content:"Upload an image file to see preview",type:L.INFO}})]})},f=()=>{const[e,r]=p.useState(),a=e?Object.values(e).map(s=>s.name):[];return t.jsxs(t.Fragment,{children:[t.jsx(o,{file:e,onChange:({target:s})=>r(s.value),multi:!0}),t.jsx(h,{}),!!a.length&&t.jsx(M,{monospace:!0,value:a.join(`,
|
|
2
|
-
`),rows:10})]})};var _,A,I;m.parameters={...m.parameters,docs:{...(_=m.parameters)==null?void 0:_.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
|
-
}`,...(I=(A=m.parameters)==null?void 0:A.docs)==null?void 0:I.source}}};var N,b,O;c.parameters={...c.parameters,docs:{...(N=c.parameters)==null?void 0:N.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
|
-
}`,...(O=(b=c.parameters)==null?void 0:b.docs)==null?void 0:O.source}}};var C,R,T;d.parameters={...d.parameters,docs:{...(C=d.parameters)==null?void 0:C.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
|
-
}`,...(T=(R=d.parameters)==null?void 0:R.docs)==null?void 0:T.source}}};var w,E,D;g.parameters={...g.parameters,docs:{...(w=g.parameters)==null?void 0:w.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
|
-
}`,...(D=(E=g.parameters)==null?void 0:E.docs)==null?void 0:D.source}}};var U,q,J;f.parameters={...f.parameters,docs:{...(U=f.parameters)==null?void 0:U.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
|
-
}`,...(J=(q=f.parameters)==null?void 0:q.docs)==null?void 0:J.source}}};const Ae=["Default","RestrictFiletype","ReadJSONFile","Image","Multi"];export{m as Default,g as Image,f as Multi,d as ReadJSONFile,c as RestrictFiletype,Ae as __namedExportsOrder,_e as default};
|