@oliasoft-open-source/react-ui-library 4.7.0-beta-1 → 4.7.0-beta-2
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/README.md +12 -11
- package/dist/assets/{index-AkeNwthw.css → index-dOfLgtRX.css} +226 -183
- package/dist/assets/{index-neKlYvgy.js → index-ffnttoim.js} +285 -147
- package/dist/global.css +226 -183
- package/dist/index.d.ts +131 -22
- package/dist/index.html +1 -1
- package/dist/index.js +751 -391
- package/dist/index.js.map +1 -1
- package/dist/storybook/assets/Color-6VNJS4EI-9rJemzwR.js +1 -0
- package/dist/storybook/assets/DocsRenderer-NNNQARDV-DP7bJ7AB.js +1 -0
- package/dist/storybook/assets/WithTooltip-V3YHNWJZ-eL_Uxnix.js +1 -0
- package/dist/storybook/assets/{accordion-6_27SROY.js → accordion-MRdNs3mQ.js} +1 -1
- package/dist/storybook/assets/{accordion.stories-Uipdifbl.js → accordion.stories-Ytyr6tn2.js} +2 -2
- package/dist/storybook/assets/actions-Z1pyUd57.js +1 -0
- package/dist/storybook/assets/actions-_FIB7bOt.css +1 -0
- package/dist/storybook/assets/actions.stories-JWaU0QAA.js +1 -0
- package/dist/storybook/assets/afe.stories-Ad1-l25x.js +88 -0
- package/dist/storybook/assets/badge.stories-2BykvoFl.js +1 -0
- package/dist/storybook/assets/blowout.stories--vPM-KpE.js +40 -0
- package/dist/storybook/assets/button-UQO14biP.js +1 -0
- package/dist/storybook/assets/{button-group-q8QKkLVU.js → button-group-g7HxxHTn.js} +1 -1
- package/dist/storybook/assets/{button-group.stories-tLZpLTfD.js → button-group.stories-hJ9V_va5.js} +2 -2
- package/dist/storybook/assets/button.stories-ihIU7iUf.js +80 -0
- package/dist/storybook/assets/{buttons-and-links-gkg6hOs-.js → buttons-and-links-fv_xHVqw.js} +2 -2
- package/dist/storybook/assets/card.stories-5YbTAbLy.js +1 -0
- package/dist/storybook/assets/casing-loads.stories-WfK3k-mh.js +209 -0
- package/dist/storybook/assets/cell.stories-Xy61z8ka.js +245 -0
- package/dist/storybook/assets/{check-box-LZdXXKhv.js → check-box-Q2GsbR79.js} +1 -1
- package/dist/storybook/assets/{check-box.stories-0XCykxnz.js → check-box.stories-iQby_Dan.js} +2 -2
- package/dist/storybook/assets/{chunk-HLWAVYOI-YF156CNQ.js → chunk-HLWAVYOI-RXldIcZr.js} +1 -1
- package/dist/storybook/assets/color-5ySMclFt.js +25 -0
- package/dist/storybook/assets/{column.stories-6OLsjlcP.js → column.stories-NnQNzY18.js} +7 -7
- package/dist/storybook/assets/dialog-hHTtMGls.js +1 -0
- package/dist/storybook/assets/{drawer-WuErQ5Z8.js → drawer-ChY55ghN.js} +1 -1
- package/dist/storybook/assets/{drawer.stories-RFRPs_pQ.js → drawer.stories-xv50_UKt.js} +4 -4
- package/dist/storybook/assets/empty.stories-dFjUCZln.js +1 -0
- package/dist/storybook/assets/entry-preview-TGgN7-T4.js +1 -0
- package/dist/storybook/assets/{config-b-_d5fwn.js → entry-preview-docs-KfUfHYQ7.js} +37 -37
- package/dist/storybook/assets/{field-eknsj_Ll.js → field-jD6TclDQ.js} +1 -1
- package/dist/storybook/assets/{field.stories-RmhJ16HT.js → field.stories-CeHr9rXs.js} +5 -5
- package/dist/storybook/assets/file-button.stories-XxMjOBfe.js +10 -0
- package/dist/storybook/assets/file-input-A0eGNEgX.js +1 -0
- package/dist/storybook/assets/file-input.stories-dM7UFPVo.js +66 -0
- package/dist/storybook/assets/{flex.stories-lLz0Xrt_.js → flex.stories-6qFQFEL7.js} +2 -2
- package/dist/storybook/assets/footer.stories-4cSc0hBz.js +3 -0
- package/dist/storybook/assets/form.stories--Sgi1gUF.js +49 -0
- package/dist/storybook/assets/formation.stories-VUtbgcsq.js +74 -0
- package/dist/storybook/assets/{formatter-SWP5E3XI-uJi-Y6Jy.js → formatter-SWP5E3XI-qYj9Quey.js} +2 -2
- package/dist/storybook/assets/{heading-Bk0bpNfe.js → heading-FcNTpGhR.js} +1 -1
- package/dist/storybook/assets/{heading.stories-HLMPkIPo.js → heading.stories-0MJHBHcQ.js} +2 -2
- package/dist/storybook/assets/{help-icon--rUDxLUD.js → help-icon-D6ZGAbgL.js} +1 -1
- package/dist/storybook/assets/help-icon.stories-YZw5pFQt.js +4 -0
- package/dist/storybook/assets/{icon-y1a2N5SZ.js → icon-_m67DAr0.js} +3 -3
- package/dist/storybook/assets/icon.stories-2aZia1VV.js +6 -0
- package/dist/storybook/assets/iframe-oMAlwWd9.js +7 -0
- package/dist/storybook/assets/index-PPLHz8o0.js +6 -0
- package/dist/storybook/assets/index-R5dkQuFe.js +3 -0
- package/dist/storybook/assets/{index-_waogfzH.js → index-RhTUHV_k.js} +20 -20
- package/dist/storybook/assets/index-VSx05S_2.js +14 -0
- package/dist/storybook/assets/index.es-HG2GUH9i.js +79 -0
- package/dist/storybook/assets/{input-u1He-wWs.js → input-fYKvBwPs.js} +1 -1
- package/dist/storybook/assets/{input-group.stories-WljyIQ0a.js → input-group.stories-ZBffPltv.js} +5 -5
- package/dist/storybook/assets/{input-validation-XFS-LWhH.js → input-validation-bb_81fGi.js} +2 -2
- package/dist/storybook/assets/{input.stories-rLdDRxtU.js → input.stories-Y5X-JFWU.js} +1 -1
- package/dist/storybook/assets/{inputs-vo_nTpyh.js → inputs-MxyGbJ9Y.js} +14 -14
- package/dist/storybook/assets/{isPlainObject-4RuU_w9g.js → isPlainObject-OQlD0fAV.js} +1 -1
- package/dist/storybook/assets/{label-0_Qf6I8t.js → label-dla_bzHj.js} +1 -1
- package/dist/storybook/assets/label.stories-t-e2pWHW.js +11 -0
- package/dist/storybook/assets/layout-forms-_uf7qzAu.js +16 -0
- package/dist/storybook/assets/{layout-general-QgIJDQ4H.js → layout-general-rHEcWCrx.js} +2 -2
- package/dist/storybook/assets/list-Nr0UfaUw.js +8 -0
- package/dist/storybook/assets/list.stories-K1nFEsjX.js +478 -0
- package/dist/storybook/assets/{list.stories-data-IcFu6vvd.js → list.stories-data-WlepbhE1.js} +1 -1
- package/dist/storybook/assets/{loader.stories-0OwmnNML.js → loader.stories-eEBGjVSN.js} +5 -5
- package/dist/storybook/assets/menu.stories-nx6w59Nv.js +82 -0
- package/dist/storybook/assets/{message-uMHaTEXV.js → message-bbAE2zjv.js} +1 -1
- package/dist/storybook/assets/{message.stories-CDgUaLZP.js → message.stories-RJI8haIH.js} +2 -2
- package/dist/storybook/assets/meta-content-073TGkSN.js +1 -0
- package/dist/storybook/assets/meta-content-dR7AAq04.css +1 -0
- package/dist/storybook/assets/modal.stories-rjCFe4Mn.js +200 -0
- package/dist/storybook/assets/number-input-xqup0wHW.js +1 -0
- package/dist/storybook/assets/number-input.stories-Kzl7Diug.js +153 -0
- package/dist/storybook/assets/objectWithoutPropertiesLoose-9Q1jwsKS.js +1 -0
- package/dist/storybook/assets/option-dropdown.stories-M9-IYc-K.js +21 -0
- package/dist/storybook/assets/{padding-and-spacing-J_Zb8SJm.js → padding-and-spacing-dUA1CCP8.js} +2 -2
- package/dist/storybook/assets/page.stories-x7QRBnZm.js +57 -0
- package/dist/storybook/assets/{pagination-5n5spTRo.js → pagination-er5fRdi2.js} +1 -1
- package/dist/storybook/assets/{pagination.stories-g4a-aSxq.js → pagination.stories-9_uskT8r.js} +2 -2
- package/dist/storybook/assets/pop-confirm.stories-QyBm5ZAb.js +9 -0
- package/dist/storybook/assets/popover-rJn7kxkX.js +1 -0
- package/dist/storybook/assets/popover.stories-5aZN8AoC.js +10 -0
- package/dist/storybook/assets/{portal.stories-UGkzdgVk.js → portal.stories-1Jnj3LXz.js} +1 -1
- package/dist/storybook/assets/{preview-WIFbPoA-.js → preview-3kPhKzar.js} +13 -13
- package/dist/storybook/assets/preview-64tDm6Er.js +7 -0
- package/dist/storybook/assets/preview-OnO0tzRj.js +17 -0
- package/dist/storybook/assets/projects.stories-wnXCxuJE.js +47 -0
- package/dist/storybook/assets/{radio-button-jHcwHUA4.js → radio-button-7TJh5k-h.js} +1 -1
- package/dist/storybook/assets/{radio-button.stories-LkCJsp5P.js → radio-button.stories-9mvBu2BH.js} +5 -5
- package/dist/storybook/assets/react-router-dom-4Z66xYqZ.js +8 -0
- package/dist/storybook/assets/{reservoirs.stories-hhPblhmv.js → reservoirs.stories-XGU7s6pI.js} +2 -2
- package/dist/storybook/assets/{rich-text-input.stories-7UzvJ-A1.js → rich-text-input.stories-3Xaavdx_.js} +3 -3
- package/dist/storybook/assets/row.stories-Ph7Ckyfn.js +130 -0
- package/dist/storybook/assets/{select-JjEPivho.js → select-KWgree43.js} +1 -1
- package/dist/storybook/assets/{select.stories-qFDyxRFm.js → select.stories-3D2KkC3_.js} +2 -2
- package/dist/storybook/assets/side-bar-kr46QLwI.js +1 -0
- package/dist/storybook/assets/side-bar.stories-bJoVvzG5.js +1 -0
- package/dist/storybook/assets/{site.stories-QHCzFOnt.js → site.stories-VpsCjYty.js} +2 -2
- package/dist/storybook/assets/slider-jx0z5OyT.js +7 -0
- package/dist/storybook/assets/slider.stories-CpY4L01U.js +171 -0
- package/dist/storybook/assets/smart-upload-modal.stories-hjd4L84J.js +25 -0
- package/dist/storybook/assets/spacer.stories-FpDFoVWE.js +1 -0
- package/dist/storybook/assets/syntaxhighlighter-B5GMVT5T-1rrvKZrw.js +1 -0
- package/dist/storybook/assets/table-4SISWUSt.js +1 -0
- package/dist/storybook/assets/table-smKT-hbF.css +1 -0
- package/dist/storybook/assets/table.stories-data-UqqhbXjA.js +1 -0
- package/dist/storybook/assets/{table.stories-tEvulp9K.js → table.stories-rKzdxDA4.js} +94 -18
- package/dist/storybook/assets/{tabs.stories-KtJc5Yci.js → tabs.stories-aps5NXFv.js} +2 -2
- package/dist/storybook/assets/text-link.stories-Plmiu8NV.js +14 -0
- package/dist/storybook/assets/{textarea-gxvxVBdC.js → textarea-JE26Eekm.js} +1 -1
- package/dist/storybook/assets/{textarea.stories-MZHVAwSx.js → textarea.stories-c1mkQU4s.js} +1 -1
- package/dist/storybook/assets/tiny-invariant-R4kOKlvx.js +8 -0
- package/dist/storybook/assets/title.stories-6AjYBLcL.js +37 -0
- package/dist/storybook/assets/{toaster-eOozfa7U.js → toaster-IL_npIpU.js} +1 -1
- package/dist/storybook/assets/toaster.stories-QL3_PKZL.js +86 -0
- package/dist/storybook/assets/{toggle-BPI2y-lU.js → toggle-vKuY4G3w.js} +1 -1
- package/dist/storybook/assets/{toggle.stories-aVmjpons.js → toggle.stories-fJ5QYzcQ.js} +2 -2
- package/dist/storybook/assets/{tooltip-HEHiU__l.js → tooltip-dueTLnwA.js} +2 -2
- package/dist/storybook/assets/{tooltip.stories-tiOgoWHH.js → tooltip.stories-a_gd0XYu.js} +1 -1
- package/dist/storybook/assets/tooltip.test-case.stories-0HiezXaS.js +5 -0
- package/dist/storybook/assets/top-bar-K-LdFikH.css +1 -0
- package/dist/storybook/assets/top-bar-pptAo2LU.js +1 -0
- package/dist/storybook/assets/top-bar.stories-H1OeyQS_.js +21 -0
- package/dist/storybook/assets/top-bar.testcase.stories-uJCoeG_m.js +30 -0
- package/dist/storybook/assets/tree-U4LtpVm9.css +1 -0
- package/dist/storybook/assets/tree.stories-a-UG4OFf.js +182 -0
- package/dist/storybook/assets/unit-input-OT-AqIIa.css +1 -0
- package/dist/storybook/assets/unit-input.stories--qvPjZnZ.js +349 -0
- package/dist/storybook/assets/unit-table.stories-4HlhxSjf.js +150 -0
- package/dist/storybook/iframe.html +3 -1
- package/dist/storybook/index.json +1 -1
- package/dist/storybook/project.json +1 -1
- package/dist/storybook/sb-addons/actions-0/manager-bundle.js +1 -1
- package/dist/storybook/sb-preview/globals.js +1 -1
- package/dist/storybook/sb-preview/runtime.js +19 -19
- package/dist/storybook/stories.json +1 -1
- package/package.json +10 -9
- package/dist/storybook/assets/Color-6VNJS4EI-NPUHt_3q.js +0 -1
- package/dist/storybook/assets/DocsRenderer-NNNQARDV-HIEKjKKN.js +0 -1
- package/dist/storybook/assets/WithTooltip-4HIR6TLV-XVy3Qn7b.js +0 -1
- package/dist/storybook/assets/actions-W12osUP0.css +0 -1
- package/dist/storybook/assets/actions-Z9jDWreP.js +0 -1
- package/dist/storybook/assets/actions.stories-Qrio9EMy.js +0 -1
- package/dist/storybook/assets/afe.stories-mangk6LB.js +0 -88
- package/dist/storybook/assets/badge.stories-C0MXS15j.js +0 -1
- package/dist/storybook/assets/blowout.stories-i7Ii3760.js +0 -40
- package/dist/storybook/assets/button-7V8oA22w.js +0 -1
- package/dist/storybook/assets/button.stories-PhWmZXOu.js +0 -71
- package/dist/storybook/assets/card.stories-HzHJW6ek.js +0 -1
- package/dist/storybook/assets/casing-loads.stories-4eIPrrhL.js +0 -209
- package/dist/storybook/assets/cell.stories-X4sboJCw.js +0 -212
- package/dist/storybook/assets/color-PIYd2VAw.js +0 -25
- package/dist/storybook/assets/dialog-WKHRZcjc.js +0 -1
- package/dist/storybook/assets/empty.stories-lva3DbfI.js +0 -1
- package/dist/storybook/assets/file-input.stories-SF8BeFpu.js +0 -66
- package/dist/storybook/assets/footer.stories-L0qQuABW.js +0 -3
- package/dist/storybook/assets/form.stories-qQsjBbOk.js +0 -49
- package/dist/storybook/assets/formation.stories-E8DV_cIY.js +0 -74
- package/dist/storybook/assets/help-icon.stories-vifwJgNA.js +0 -4
- package/dist/storybook/assets/icon.stories-W-UgTWyK.js +0 -6
- package/dist/storybook/assets/iframe-NU_z28D3.js +0 -7
- package/dist/storybook/assets/index-IQMsp8Ab.js +0 -14
- package/dist/storybook/assets/index-gM75B7fB.js +0 -8
- 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/layout-forms-w8JJQQqh.js +0 -16
- package/dist/storybook/assets/list-8l-RGDgw.js +0 -8
- package/dist/storybook/assets/list-heading-Vd3hu5Pf.js +0 -1
- package/dist/storybook/assets/list-heading-Y8BAUuV6.css +0 -1
- package/dist/storybook/assets/list.stories-Vp0Dm7UU.js +0 -457
- package/dist/storybook/assets/menu.stories-VwRF_Pbx.js +0 -60
- package/dist/storybook/assets/modal.stories-15sY1c5H.js +0 -173
- package/dist/storybook/assets/number-input-SvjJIGsW.js +0 -1
- package/dist/storybook/assets/number-input.stories-BURENIFo.js +0 -81
- package/dist/storybook/assets/option-dropdown.stories-Q2zd2AcS.js +0 -21
- package/dist/storybook/assets/page.stories-pa-9WU0e.js +0 -57
- package/dist/storybook/assets/pop-confirm.stories-_agvSFJd.js +0 -9
- package/dist/storybook/assets/popover-Y3FpGdUS.js +0 -1
- package/dist/storybook/assets/popover.stories-b7Tt4S0j.js +0 -1
- package/dist/storybook/assets/preview-D7BEK6_6.js +0 -7
- package/dist/storybook/assets/preview-Fi7DQdoQ.js +0 -1
- package/dist/storybook/assets/projects.stories-YPlCLdRE.js +0 -47
- package/dist/storybook/assets/row.stories-juQv80h3.js +0 -122
- package/dist/storybook/assets/side-bar-Fjr2t9MT.js +0 -1
- package/dist/storybook/assets/side-bar.stories-sxBJCVnV.js +0 -1
- package/dist/storybook/assets/slider-nl2rJ9LF.js +0 -7
- package/dist/storybook/assets/slider.stories--aZa8kf-.js +0 -127
- package/dist/storybook/assets/spacer.stories-eCrKj4b3.js +0 -1
- package/dist/storybook/assets/syntaxhighlighter-NMPM6SWI--OA96ou_.js +0 -1
- package/dist/storybook/assets/table-PWodWi0p.css +0 -1
- package/dist/storybook/assets/table-i8WT9qpj.js +0 -1
- package/dist/storybook/assets/table.stories-data-4h6h0P0V.js +0 -1
- package/dist/storybook/assets/text-link.stories-kjfUeFtk.js +0 -1
- package/dist/storybook/assets/title.stories-cmteB9lx.js +0 -37
- package/dist/storybook/assets/toaster.stories-S25S4g_F.js +0 -86
- package/dist/storybook/assets/tooltip.test-case.stories-kIeZayHw.js +0 -3
- package/dist/storybook/assets/top-bar-9iOkm7Gq.js +0 -1
- package/dist/storybook/assets/top-bar-cBtxm6yr.css +0 -1
- package/dist/storybook/assets/top-bar.stories-5jcHi3Q_.js +0 -1
- package/dist/storybook/assets/top-bar.testcase.stories-7acJvLc_.js +0 -30
- package/dist/storybook/assets/tree-zmq4MRb6.css +0 -1
- package/dist/storybook/assets/tree.stories-_5t-Rrls.js +0 -128
- package/dist/storybook/assets/unit-input-qBUtqoTb.css +0 -1
- package/dist/storybook/assets/unit-input.stories-j3Ykteob.js +0 -273
- package/dist/storybook/assets/unit-table.stories-4XYwgJwY.js +0 -100
|
@@ -1,209 +0,0 @@
|
|
|
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-9iOkm7Gq.js";import{S as I}from"./side-bar-Fjr2t9MT.js";import{H as r}from"./heading-Bk0bpNfe.js";import{B as n}from"./button-7V8oA22w.js";import{D as g}from"./drawer-WuErQ5Z8.js";import{L as O}from"./list-8l-RGDgw.js";import{F as a}from"./field-eknsj_Ll.js";import{I as o}from"./input-u1He-wWs.js";import{M as D,D as E}from"./dialog-WKHRZcjc.js";import{C as H}from"./check-box-LZdXXKhv.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-JjEPivho.js";import{S as l}from"./spacer-Yji9g2AW.js";import{T as B}from"./tabs-fcLbHC1n.js";import{T as M}from"./table-i8WT9qpj.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"./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-5n5spTRo.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"./slider-nl2rJ9LF.js";import"./popover-Y3FpGdUS.js";const ze={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},s=()=>{const[v,i]=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:()=>i(!0)}]},{cells:[{value:"Load case 2"},{value:"Profile 1"},{value:"Profile 2"},{value:"Profile 3"},{value:"Edit",type:"Link",onClick:()=>i(!0)}]}]},F=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{label:"Name",children:e.jsx(o,{value:"Load case 1"})}),e.jsx(l,{}),e.jsx(r,{children:"Internal Profile"}),e.jsx(l,{}),e.jsxs(p,{children:[e.jsx(a,{label:"Profile",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Profile 1",value:"1"},{label:"Profile 2",value:"2"}]})}),e.jsx(a,{label:"Influx depth",children:e.jsx(o,{})}),e.jsx(a,{label:"Gas gradient",children:e.jsx(o,{})}),e.jsx(a,{label:"Mud weight",children:e.jsx(o,{})}),e.jsx(a,{label:"Input n",children:e.jsx(o,{})}),e.jsx(a,{children:e.jsx(H,{label:"Limit gas at shoe"})})]}),e.jsx(l,{}),e.jsx(r,{children:"External Profile"}),e.jsx(l,{}),e.jsxs(p,{children:[e.jsx(a,{label:"Profile",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Profile 1",value:"1"},{label:"Profile 2",value:"2"}]})}),e.jsx(a,{label:"FG above TOC",children:e.jsx(o,{})}),e.jsx(a,{label:"FG below TOC",children:e.jsx(o,{})})]}),e.jsx(l,{}),e.jsx(r,{children:"Temperature Profile"}),e.jsx(l,{}),e.jsxs(p,{children:[e.jsx(a,{label:"Profile",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Profile 1",value:"1"},{label:"Profile 2",value:"2"}]})}),e.jsx(a,{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[t,c]=u.useState(!0);return e.jsx(g,{button:e.jsx(n,{onClick:()=>c(!t),round:!0,icon:f.CHEVRON_LEFT}),open:t,width:300,closedWidth:"var(--size-sidebar)",children:e.jsx(O,{drawer:!0,narrow:!t,list:j})})},w=()=>{const[t,c]=u.useState(!0);return e.jsx(g,{right:!0,background:"white",button:e.jsx(n,{onClick:()=>c(!t),round:!0,icon:f.CHEVRON_RIGHT}),open:t,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(n,{label:"Save",colored:!0,onClick:()=>i(!1)}),e.jsx(n,{label:"Cancel",onClick:()=>i(!1)})]}),onClose:()=>i(!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(r,{top:!0,marginBottom:0,children:'30" Conductor Casing'}),e.jsx(B,{margin:!1,options:m,value:m[0]}),e.jsx(l,{}),e.jsx(M,{table:L})]}),e.jsx(w,{})]})}),e.jsx(S,{})]})};var b,h,x;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:`() => {
|
|
2
|
-
const [dialogOpen, setDialogOpen] = useState(false);
|
|
3
|
-
const SchematicPlaceholder = () => <div style={{
|
|
4
|
-
color: '#aaa',
|
|
5
|
-
display: 'flex',
|
|
6
|
-
alignItems: 'center',
|
|
7
|
-
justifyContent: 'center',
|
|
8
|
-
position: 'absolute',
|
|
9
|
-
overflow: 'hidden',
|
|
10
|
-
top: 0,
|
|
11
|
-
left: 0,
|
|
12
|
-
right: 0,
|
|
13
|
-
bottom: 0
|
|
14
|
-
}}>
|
|
15
|
-
SCHEMATIC
|
|
16
|
-
</div>;
|
|
17
|
-
const casingTabs = [{
|
|
18
|
-
label: 'Casing Loads',
|
|
19
|
-
value: 'casingloads'
|
|
20
|
-
}, {
|
|
21
|
-
label: 'Plot Charts',
|
|
22
|
-
value: 'charts'
|
|
23
|
-
}];
|
|
24
|
-
const casingListData = {
|
|
25
|
-
name: 'Casing Loads',
|
|
26
|
-
items: [{
|
|
27
|
-
id: 1,
|
|
28
|
-
name: 'Sections',
|
|
29
|
-
type: 'Heading'
|
|
30
|
-
}, {
|
|
31
|
-
id: 2,
|
|
32
|
-
name: '30" Conductor Casing',
|
|
33
|
-
active: true
|
|
34
|
-
}, {
|
|
35
|
-
id: 3,
|
|
36
|
-
name: 'Ipsum'
|
|
37
|
-
}, {
|
|
38
|
-
id: 4,
|
|
39
|
-
name: 'Dolor'
|
|
40
|
-
}]
|
|
41
|
-
};
|
|
42
|
-
const loadsTableData = {
|
|
43
|
-
columnWidths: ['auto', 'auto', 'auto', 'auto', '1%'],
|
|
44
|
-
headers: [{
|
|
45
|
-
cells: [{
|
|
46
|
-
value: 'Load case name'
|
|
47
|
-
}, {
|
|
48
|
-
value: 'Internal profile'
|
|
49
|
-
}, {
|
|
50
|
-
value: 'External profile'
|
|
51
|
-
}, {
|
|
52
|
-
value: 'Temperature profile'
|
|
53
|
-
}, {
|
|
54
|
-
value: ''
|
|
55
|
-
}]
|
|
56
|
-
}],
|
|
57
|
-
rows: [{
|
|
58
|
-
cells: [{
|
|
59
|
-
value: 'Load case 1'
|
|
60
|
-
}, {
|
|
61
|
-
value: 'Profile 1'
|
|
62
|
-
}, {
|
|
63
|
-
value: 'Profile 2'
|
|
64
|
-
}, {
|
|
65
|
-
value: 'Profile 3'
|
|
66
|
-
}, {
|
|
67
|
-
value: 'Edit',
|
|
68
|
-
type: 'Link',
|
|
69
|
-
onClick: () => setDialogOpen(true)
|
|
70
|
-
}]
|
|
71
|
-
}, {
|
|
72
|
-
cells: [{
|
|
73
|
-
value: 'Load case 2'
|
|
74
|
-
}, {
|
|
75
|
-
value: 'Profile 1'
|
|
76
|
-
}, {
|
|
77
|
-
value: 'Profile 2'
|
|
78
|
-
}, {
|
|
79
|
-
value: 'Profile 3'
|
|
80
|
-
}, {
|
|
81
|
-
value: 'Edit',
|
|
82
|
-
type: 'Link',
|
|
83
|
-
onClick: () => setDialogOpen(true)
|
|
84
|
-
}]
|
|
85
|
-
}]
|
|
86
|
-
};
|
|
87
|
-
const LoadCaseForm = () => <>
|
|
88
|
-
<Field label="Name">
|
|
89
|
-
<Input value="Load case 1" />
|
|
90
|
-
</Field>
|
|
91
|
-
<Spacer />
|
|
92
|
-
<Heading>Internal Profile</Heading>
|
|
93
|
-
<Spacer />
|
|
94
|
-
<FormRow>
|
|
95
|
-
<Field label="Profile">
|
|
96
|
-
<Select native width="auto" options={[{
|
|
97
|
-
label: 'Profile 1',
|
|
98
|
-
value: '1'
|
|
99
|
-
}, {
|
|
100
|
-
label: 'Profile 2',
|
|
101
|
-
value: '2'
|
|
102
|
-
}]} />
|
|
103
|
-
</Field>
|
|
104
|
-
<Field label="Influx depth">
|
|
105
|
-
<Input />
|
|
106
|
-
</Field>
|
|
107
|
-
<Field label="Gas gradient">
|
|
108
|
-
<Input />
|
|
109
|
-
</Field>
|
|
110
|
-
<Field label="Mud weight">
|
|
111
|
-
<Input />
|
|
112
|
-
</Field>
|
|
113
|
-
<Field label="Input n">
|
|
114
|
-
<Input />
|
|
115
|
-
</Field>
|
|
116
|
-
<Field>
|
|
117
|
-
<CheckBox label="Limit gas at shoe" />
|
|
118
|
-
</Field>
|
|
119
|
-
</FormRow>
|
|
120
|
-
<Spacer />
|
|
121
|
-
<Heading>External Profile</Heading>
|
|
122
|
-
<Spacer />
|
|
123
|
-
<FormRow>
|
|
124
|
-
<Field label="Profile">
|
|
125
|
-
<Select native width="auto" options={[{
|
|
126
|
-
label: 'Profile 1',
|
|
127
|
-
value: '1'
|
|
128
|
-
}, {
|
|
129
|
-
label: 'Profile 2',
|
|
130
|
-
value: '2'
|
|
131
|
-
}]} />
|
|
132
|
-
</Field>
|
|
133
|
-
<Field label="FG above TOC">
|
|
134
|
-
<Input />
|
|
135
|
-
</Field>
|
|
136
|
-
<Field label="FG below TOC">
|
|
137
|
-
<Input />
|
|
138
|
-
</Field>
|
|
139
|
-
</FormRow>
|
|
140
|
-
<Spacer />
|
|
141
|
-
<Heading>Temperature Profile</Heading>
|
|
142
|
-
<Spacer />
|
|
143
|
-
<FormRow>
|
|
144
|
-
<Field label="Profile">
|
|
145
|
-
<Select native width="auto" options={[{
|
|
146
|
-
label: 'Profile 1',
|
|
147
|
-
value: '1'
|
|
148
|
-
}, {
|
|
149
|
-
label: 'Profile 2',
|
|
150
|
-
value: '2'
|
|
151
|
-
}]} />
|
|
152
|
-
</Field>
|
|
153
|
-
<Field label="Custome table">
|
|
154
|
-
<Select native width="auto" options={[{
|
|
155
|
-
label: 'Custome table 1',
|
|
156
|
-
value: '1'
|
|
157
|
-
}, {
|
|
158
|
-
label: 'Custome table 2',
|
|
159
|
-
value: '2'
|
|
160
|
-
}]} />
|
|
161
|
-
</Field>
|
|
162
|
-
</FormRow>
|
|
163
|
-
</>;
|
|
164
|
-
const CasingLoadsList = () => {
|
|
165
|
-
const [open, setOpen] = useState(true);
|
|
166
|
-
return <Drawer button={<Button onClick={() => setOpen(!open)} round icon={IconType.CHEVRON_LEFT} />} open={open} width={300} closedWidth="var(--size-sidebar)">
|
|
167
|
-
<List drawer narrow={!open} list={casingListData} />
|
|
168
|
-
</Drawer>;
|
|
169
|
-
};
|
|
170
|
-
const CasingLoadsSchematic = () => {
|
|
171
|
-
const [open, setOpen] = useState(true);
|
|
172
|
-
return <Drawer right background="white" button={<Button onClick={() => setOpen(!open)} round icon={IconType.CHEVRON_RIGHT} />} open={open} width={300} closedWidth="var(--size-sidebar)">
|
|
173
|
-
<SchematicPlaceholder />
|
|
174
|
-
</Drawer>;
|
|
175
|
-
};
|
|
176
|
-
const CasingLoadsEditModal = () => <Modal visible={dialogOpen}>
|
|
177
|
-
<Dialog dialog={{
|
|
178
|
-
heading: 'Load case 1',
|
|
179
|
-
content: <LoadCaseForm />,
|
|
180
|
-
footer: <>
|
|
181
|
-
<Button label="Save" colored onClick={() => setDialogOpen(false)} />
|
|
182
|
-
<Button label="Cancel" onClick={() => setDialogOpen(false)} />
|
|
183
|
-
</>,
|
|
184
|
-
onClose: () => setDialogOpen(false)
|
|
185
|
-
}} />
|
|
186
|
-
</Modal>;
|
|
187
|
-
return <>
|
|
188
|
-
<TopBar />
|
|
189
|
-
<SideBar options={{
|
|
190
|
-
title: '',
|
|
191
|
-
sections: []
|
|
192
|
-
}} />
|
|
193
|
-
<Page padding={false} scroll={false}>
|
|
194
|
-
<Row spacing={0} flex>
|
|
195
|
-
<CasingLoadsList />
|
|
196
|
-
<Column borderLeft borderRight padding scroll>
|
|
197
|
-
<Heading top marginBottom={0}>
|
|
198
|
-
30" Conductor Casing
|
|
199
|
-
</Heading>
|
|
200
|
-
<Tabs margin={false} options={casingTabs} value={casingTabs[0]} />
|
|
201
|
-
<Spacer />
|
|
202
|
-
<Table table={loadsTableData} />
|
|
203
|
-
</Column>
|
|
204
|
-
<CasingLoadsSchematic />
|
|
205
|
-
</Row>
|
|
206
|
-
</Page>
|
|
207
|
-
<CasingLoadsEditModal />
|
|
208
|
-
</>;
|
|
209
|
-
}`,...(x=(h=s.parameters)==null?void 0:h.docs)==null?void 0:x.source}}};s.__docgenInfo={description:"",methods:[],displayName:"CasingLoads"};const Ve=["CasingLoads"];export{s as CasingLoads,Ve as __namedExportsOrder,ze as default};
|
|
@@ -1,212 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as D}from"./index-RfLt4OUa.js";import{T as W}from"./table-i8WT9qpj.js";import{F as ze}from"./field-eknsj_Ll.js";import{B as F}from"./button-7V8oA22w.js";import{I as Xe}from"./input-u1He-wWs.js";import{F as Ge}from"./flex-RYZsoWEN.js";import{t as Ke,s as Ne,u as Qe,v as Ve,w as Ye,x as Ze,y as $e,z as er,A as rr,B as ar,C as sr,D as tr,E as qe,F as or,G as nr,H as lr,I as ir,J as pr}from"./table.stories-data-4h6h0P0V.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 ra={title:"Basic/Table/Cell",component:W,args:{table:{...Ke}}},r=t=>e.jsx(W,{...t}),d=r.bind({});d.args={table:Ne};const m=r.bind({});m.args={table:Qe};const u=r.bind({});u.args={table:Ve};const b=r.bind({});b.args={table:Ye};const g=r.bind({});g.args={table:Ze};const v=r.bind({});v.args={table:$e};const x=r.bind({});x.args={table:er};const C=r.bind({});C.args={table:rr};const h=r.bind({});h.args={table:ar};const S=r.bind({});S.args={table:sr};const f=r.bind({});f.args={table:tr};const j=r.bind({});j.args={table:qe};const y=r.bind({});y.args={table:or};const T=r.bind({});T.args={table:nr};const k=r.bind({});k.args={table:lr};const l=r.bind({});l.args={table:ir};l.parameters={docs:{description:{story:"Setting `breakWord: true` on a cell will allow very long text strings to break"}}};const w=()=>{const t=["Section","Width","Height"];let p=["","m","m"],A=[...Array(10).keys()].map((n,a)=>[a,a*2,a*2]);const B=()=>{const n=({close:s,value:P})=>e.jsxs(e.Fragment,{children:[e.jsx(ze,{label:"Input",children:e.jsx(Xe,{value:P,width:"100%"})}),e.jsxs(Ge,{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:A.map((s,P)=>({cells:[...Array(3).keys()].map((o,c)=>({value:s[c],type:"Popover",content:e.jsx(n,{value:s[c]})}))}))};return e.jsx(W,{table:a})};return e.jsx(B,{})},I=()=>{const t=["Section","Width","Height"];let p=["","m","m"],A=[...Array(10).keys()].map((n,a)=>[a,a*2,a*2]);const B=()=>{const[n,a]=D.useState(!1),s=({close:o,value:c})=>{D.useEffect(()=>{n||a(!0)},[]);const E=()=>{a(!1),o()};return e.jsxs(e.Fragment,{children:[e.jsx(ze,{label:"Input",children:e.jsx(Xe,{value:c,width:"100%"})}),e.jsxs(Ge,{gap:!0,children:[e.jsx(F,{colored:!0,label:"Save",onClick:E}),e.jsx(F,{label:"Cancel",onClick:E})]})]})},P={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:A.map((o,c)=>({cells:[...Array(3).keys()].map((E,U)=>({value:o[U],type:"Popover",disabled:n,closeOnOutsideClick:!1,content:e.jsx(s,{value:o[U]})}))}))};return e.jsx(W,{table:P})};return e.jsx(B,{})},O=r.bind({});O.args={table:pr};const i=r.bind({});i.args={table:{...qe,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 J,M,_;m.parameters={...m.parameters,docs:{...(J=m.parameters)==null?void 0:J.docs,source:{originalSource:`args => {
|
|
6
|
-
return <Table
|
|
7
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
8
|
-
{...args} />;
|
|
9
|
-
}`,...(_=(M=m.parameters)==null?void 0:M.docs)==null?void 0:_.source}}};var z,X,G;u.parameters={...u.parameters,docs:{...(z=u.parameters)==null?void 0:z.docs,source:{originalSource:`args => {
|
|
10
|
-
return <Table
|
|
11
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
12
|
-
{...args} />;
|
|
13
|
-
}`,...(G=(X=u.parameters)==null?void 0:X.docs)==null?void 0:G.source}}};var q,K,N;b.parameters={...b.parameters,docs:{...(q=b.parameters)==null?void 0:q.docs,source:{originalSource:`args => {
|
|
14
|
-
return <Table
|
|
15
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
16
|
-
{...args} />;
|
|
17
|
-
}`,...(N=(K=b.parameters)==null?void 0:K.docs)==null?void 0:N.source}}};var Q,V,Y;g.parameters={...g.parameters,docs:{...(Q=g.parameters)==null?void 0:Q.docs,source:{originalSource:`args => {
|
|
18
|
-
return <Table
|
|
19
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
20
|
-
{...args} />;
|
|
21
|
-
}`,...(Y=(V=g.parameters)==null?void 0:V.docs)==null?void 0:Y.source}}};var Z,$,ee;v.parameters={...v.parameters,docs:{...(Z=v.parameters)==null?void 0:Z.docs,source:{originalSource:`args => {
|
|
22
|
-
return <Table
|
|
23
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
24
|
-
{...args} />;
|
|
25
|
-
}`,...(ee=($=v.parameters)==null?void 0:$.docs)==null?void 0:ee.source}}};var re,ae,se;x.parameters={...x.parameters,docs:{...(re=x.parameters)==null?void 0:re.docs,source:{originalSource:`args => {
|
|
26
|
-
return <Table
|
|
27
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
28
|
-
{...args} />;
|
|
29
|
-
}`,...(se=(ae=x.parameters)==null?void 0:ae.docs)==null?void 0:se.source}}};var te,oe,ne;C.parameters={...C.parameters,docs:{...(te=C.parameters)==null?void 0:te.docs,source:{originalSource:`args => {
|
|
30
|
-
return <Table
|
|
31
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
32
|
-
{...args} />;
|
|
33
|
-
}`,...(ne=(oe=C.parameters)==null?void 0:oe.docs)==null?void 0:ne.source}}};var le,ie,pe;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
|
-
}`,...(pe=(ie=h.parameters)==null?void 0:ie.docs)==null?void 0:pe.source}}};var ce,de,me;S.parameters={...S.parameters,docs:{...(ce=S.parameters)==null?void 0:ce.docs,source:{originalSource:`args => {
|
|
38
|
-
return <Table
|
|
39
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
40
|
-
{...args} />;
|
|
41
|
-
}`,...(me=(de=S.parameters)==null?void 0:de.docs)==null?void 0:me.source}}};var ue,be,ge;f.parameters={...f.parameters,docs:{...(ue=f.parameters)==null?void 0:ue.docs,source:{originalSource:`args => {
|
|
42
|
-
return <Table
|
|
43
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
44
|
-
{...args} />;
|
|
45
|
-
}`,...(ge=(be=f.parameters)==null?void 0:be.docs)==null?void 0:ge.source}}};var ve,xe,Ce;j.parameters={...j.parameters,docs:{...(ve=j.parameters)==null?void 0:ve.docs,source:{originalSource:`args => {
|
|
46
|
-
return <Table
|
|
47
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
48
|
-
{...args} />;
|
|
49
|
-
}`,...(Ce=(xe=j.parameters)==null?void 0:xe.docs)==null?void 0:Ce.source}}};var he,Se,fe;y.parameters={...y.parameters,docs:{...(he=y.parameters)==null?void 0:he.docs,source:{originalSource:`args => {
|
|
50
|
-
return <Table
|
|
51
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
52
|
-
{...args} />;
|
|
53
|
-
}`,...(fe=(Se=y.parameters)==null?void 0:Se.docs)==null?void 0:fe.source}}};var je,ye,Te;T.parameters={...T.parameters,docs:{...(je=T.parameters)==null?void 0:je.docs,source:{originalSource:`args => {
|
|
54
|
-
return <Table
|
|
55
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
56
|
-
{...args} />;
|
|
57
|
-
}`,...(Te=(ye=T.parameters)==null?void 0:ye.docs)==null?void 0:Te.source}}};var ke,Oe,Pe;k.parameters={...k.parameters,docs:{...(ke=k.parameters)==null?void 0:ke.docs,source:{originalSource:`args => {
|
|
58
|
-
return <Table
|
|
59
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
60
|
-
{...args} />;
|
|
61
|
-
}`,...(Pe=(Oe=k.parameters)==null?void 0:Oe.docs)==null?void 0:Pe.source}}};var we,Ie,Fe;l.parameters={...l.parameters,docs:{...(we=l.parameters)==null?void 0:we.docs,source:{originalSource:`args => {
|
|
62
|
-
return <Table
|
|
63
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
64
|
-
{...args} />;
|
|
65
|
-
}`,...(Fe=(Ie=l.parameters)==null?void 0:Ie.docs)==null?void 0:Fe.source}}};var We,Ae,Be;w.parameters={...w.parameters,docs:{...(We=w.parameters)==null?void 0:We.docs,source:{originalSource:`() => {
|
|
66
|
-
const headings = ['Section', 'Width', 'Height'];
|
|
67
|
-
let units = ['', 'm', 'm'];
|
|
68
|
-
let data = [...Array(10).keys()].map((c, i) => [i, i * 2, i * 2]);
|
|
69
|
-
/*
|
|
70
|
-
Mock table data store (real apps should use Redux or similar)
|
|
71
|
-
*/
|
|
72
|
-
const PopoverTable = () => {
|
|
73
|
-
const CellInputForm = ({
|
|
74
|
-
close,
|
|
75
|
-
value
|
|
76
|
-
}: any) => <>
|
|
77
|
-
<Field label="Input">
|
|
78
|
-
<Input value={value} width="100%" />
|
|
79
|
-
</Field>
|
|
80
|
-
<Flex gap>
|
|
81
|
-
<Button colored label="Save" onClick={() => {}} />
|
|
82
|
-
<Button label="Cancel" onClick={close} />
|
|
83
|
-
</Flex>
|
|
84
|
-
</>;
|
|
85
|
-
const table = {
|
|
86
|
-
fixedWidth: '100%',
|
|
87
|
-
headers: [{
|
|
88
|
-
cells: headings.map(h => ({
|
|
89
|
-
value: h
|
|
90
|
-
}))
|
|
91
|
-
}, {
|
|
92
|
-
cells: [{}, {
|
|
93
|
-
menu: [{
|
|
94
|
-
label: 'm',
|
|
95
|
-
value: 'm'
|
|
96
|
-
}, {
|
|
97
|
-
label: 'ft',
|
|
98
|
-
value: 'ft'
|
|
99
|
-
}],
|
|
100
|
-
value: units[1],
|
|
101
|
-
type: 'Unit'
|
|
102
|
-
}, {
|
|
103
|
-
menu: [{
|
|
104
|
-
label: 'm',
|
|
105
|
-
value: 'm'
|
|
106
|
-
}, {
|
|
107
|
-
label: 'ft',
|
|
108
|
-
value: 'ft'
|
|
109
|
-
}],
|
|
110
|
-
value: units[2],
|
|
111
|
-
type: 'Unit'
|
|
112
|
-
}]
|
|
113
|
-
}],
|
|
114
|
-
rows: data.map((row, i) => {
|
|
115
|
-
return {
|
|
116
|
-
cells: [...Array(3).keys()].map((c, i) => ({
|
|
117
|
-
//https://stackoverflow.com/a/33352604
|
|
118
|
-
value: row[i],
|
|
119
|
-
type: 'Popover',
|
|
120
|
-
content: <CellInputForm value={row[i]} />
|
|
121
|
-
}))
|
|
122
|
-
};
|
|
123
|
-
})
|
|
124
|
-
};
|
|
125
|
-
return <Table table={(table as any)} />;
|
|
126
|
-
};
|
|
127
|
-
return <PopoverTable />;
|
|
128
|
-
}`,...(Be=(Ae=w.parameters)==null?void 0:Ae.docs)==null?void 0:Be.source}}};var Ee,Ue,De;I.parameters={...I.parameters,docs:{...(Ee=I.parameters)==null?void 0:Ee.docs,source:{originalSource:`() => {
|
|
129
|
-
const headings = ['Section', 'Width', 'Height'];
|
|
130
|
-
let units = ['', 'm', 'm'];
|
|
131
|
-
let data = [...Array(10).keys()].map((c, i) => [i, i * 2, i * 2]);
|
|
132
|
-
/*
|
|
133
|
-
Mock table data store (real apps should use Redux or similar)
|
|
134
|
-
*/
|
|
135
|
-
const SinglePopoverOpenedTable = () => {
|
|
136
|
-
const [isPopOverCellOpened, setIsPopOverCellOpened] = useState(false);
|
|
137
|
-
const CellInputForm = ({
|
|
138
|
-
close,
|
|
139
|
-
value
|
|
140
|
-
}: any) => {
|
|
141
|
-
useEffect(() => {
|
|
142
|
-
if (!isPopOverCellOpened) {
|
|
143
|
-
setIsPopOverCellOpened(true);
|
|
144
|
-
}
|
|
145
|
-
}, []);
|
|
146
|
-
const onClosePopOver = () => {
|
|
147
|
-
setIsPopOverCellOpened(false);
|
|
148
|
-
close();
|
|
149
|
-
};
|
|
150
|
-
return <>
|
|
151
|
-
<Field label="Input">
|
|
152
|
-
<Input value={value} width="100%" />
|
|
153
|
-
</Field>
|
|
154
|
-
<Flex gap>
|
|
155
|
-
<Button colored label="Save" onClick={onClosePopOver} />
|
|
156
|
-
<Button label="Cancel" onClick={onClosePopOver} />
|
|
157
|
-
</Flex>
|
|
158
|
-
</>;
|
|
159
|
-
};
|
|
160
|
-
const table = {
|
|
161
|
-
headers: [{
|
|
162
|
-
cells: headings.map(h => ({
|
|
163
|
-
value: h
|
|
164
|
-
}))
|
|
165
|
-
}, {
|
|
166
|
-
cells: [{}, {
|
|
167
|
-
menu: [{
|
|
168
|
-
label: 'm',
|
|
169
|
-
value: 'm'
|
|
170
|
-
}, {
|
|
171
|
-
label: 'ft',
|
|
172
|
-
value: 'ft'
|
|
173
|
-
}],
|
|
174
|
-
value: units[1],
|
|
175
|
-
type: 'Unit'
|
|
176
|
-
}, {
|
|
177
|
-
menu: [{
|
|
178
|
-
label: 'm',
|
|
179
|
-
value: 'm'
|
|
180
|
-
}, {
|
|
181
|
-
label: 'ft',
|
|
182
|
-
value: 'ft'
|
|
183
|
-
}],
|
|
184
|
-
value: units[2],
|
|
185
|
-
type: 'Unit'
|
|
186
|
-
}]
|
|
187
|
-
}],
|
|
188
|
-
rows: data.map((row, i) => {
|
|
189
|
-
return {
|
|
190
|
-
cells: [...Array(3).keys()].map((c, i) => ({
|
|
191
|
-
//https://stackoverflow.com/a/33352604
|
|
192
|
-
value: row[i],
|
|
193
|
-
type: 'Popover',
|
|
194
|
-
disabled: isPopOverCellOpened,
|
|
195
|
-
closeOnOutsideClick: false,
|
|
196
|
-
content: <CellInputForm value={row[i]} />
|
|
197
|
-
}))
|
|
198
|
-
};
|
|
199
|
-
})
|
|
200
|
-
};
|
|
201
|
-
return <Table table={(table as any)} />;
|
|
202
|
-
};
|
|
203
|
-
return <SinglePopoverOpenedTable />;
|
|
204
|
-
}`,...(De=(Ue=I.parameters)==null?void 0:Ue.docs)==null?void 0:De.source}}};var Le,Re,He;O.parameters={...O.parameters,docs:{...(Le=O.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=O.parameters)==null?void 0:Re.docs)==null?void 0:He.source}}};var Je,Me,_e;i.parameters={...i.parameters,docs:{...(Je=i.parameters)==null?void 0:Je.docs,source:{originalSource:`args => {
|
|
209
|
-
return <Table
|
|
210
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
211
|
-
{...args} />;
|
|
212
|
-
}`,...(_e=(Me=i.parameters)==null?void 0:Me.docs)==null?void 0:_e.source}}};const aa=["Editable","Disabled","DateInput","Colspan","ColspanWithWidths","CellWidths","CellStyleProp","Rowspan","Checkboxes","Icons","Links","Actions","Menus","JSXContent","StaticCellTooltips","WordbreakLongContent","Popover","SinglePopoverAtOnce","OverflowingCells","TestScrolling"];export{j as Actions,x as CellStyleProp,v as CellWidths,h as Checkboxes,b as Colspan,g as ColspanWithWidths,u as DateInput,m as Disabled,d as Editable,S as Icons,T as JSXContent,f as Links,y as Menus,O as OverflowingCells,w as Popover,C as Rowspan,I as SinglePopoverAtOnce,k as StaticCellTooltips,i as TestScrolling,l as WordbreakLongContent,aa as __namedExportsOrder,ra as default};
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import{j as o}from"./jsx-runtime-FsUICBgo.js";import"./chunk-HLWAVYOI-YF156CNQ.js";import{M as d}from"./index-_waogfzH.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-NU_z28D3.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{r as l}from"./index-RfLt4OUa.js";import{c as m}from"./index-VW3EWkuE.js";import{P as x}from"./portal-zPiHHKoC.js";import{l as y}from"./lodash-Bmg8FrMx.js";import{I as j}from"./common-types-U65vzrrz.js";import{H as v}from"./heading-Bk0bpNfe.js";import{B as w}from"./button-7V8oA22w.js";const _=(n,e,r=[])=>{l.useEffect(()=>{const i=o=>{o.key===n&&e()};return window.addEventListener("keydown",i),()=>{window.removeEventListener("keydown",i)}},r)},E="_wrapper_sb0hc_1",N="_contentContainer_sb0hc_15",b="_centered_sb0hc_24",k="_newLine_sb0hc_28",c={wrapper:E,contentContainer:N,centered:b,newLine:k},C=({children:n})=>{const e=l.useRef(null);return l.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:m(c.wrapper),children:n})},I=({children:n,width:e,centered:r})=>t.jsx("div",{className:m(c.contentContainer,r?c.centered:""),style:{maxWidth:e},children:n}),f=({children:n,visible:e=!1,centered:r=!1,width:i="100%",onEnter:o,onEscape:d})=>(_("Enter",()=>{e&&o&&o()},[e,o]),_("Escape",()=>{e&&d&&d()},[e,d]),t.jsxs(t.Fragment,{children:[t.jsx(x,{id:"modalContainer",children:e?t.jsx(C,{children:t.jsx(I,{width:i,centered:r,children:n})}):null}),t.jsx("div",{id:"modalContainer"})]}));try{f.displayName="Modal",f.__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",L="_inline_18g0k_18",V="_scroll_18g0k_21",D="_header_18g0k_24",M="_dismiss_18g0k_33",S="_content_18g0k_38",$="_footer_18g0k_47",a={dialog:q,inline:L,scroll:V,header:D,dismiss:M,content:S,footer:$},B=n=>y.isArray(n)?n.map((e,r)=>t.jsxs(l.Fragment,{children:[e," ",t.jsx("br",{})]},r)):n,g=({dialog:n})=>{const{heading:e,content:r,contentPadding:i="var(--padding)",footer:o,scroll:d,width:u,height:h,onClose:p,testId:s}=n;return t.jsxs("div",{className:m(a.dialog,u?a.inline:null,d?a.scroll:null),style:{width:u,height:h},"data-testid":s??null,children:[t.jsxs("div",{className:a.header,children:[t.jsx(v,{testId:s&&`${s}-heading`,top:!0,marginBottom:0,children:e}),p?t.jsx("div",{className:a.dismiss,children:t.jsx(w,{icon:j.CLOSE,round:!0,basic:!0,small:!0,colored:"muted",onClick:p})}):null]}),t.jsx("div",{"data-testid":s&&`${s}-content`,className:a.content,style:{padding:i},children:B(r)}),o&&t.jsx("div",{"data-testid":s&&`${s}-footer`,className:a.footer,children:o})]})};try{g.displayName="Dialog",g.__docgenInfo={description:"",displayName:"Dialog",props:{dialog:{defaultValue:null,description:"",name:"dialog",required:!0,type:{name:"IDialog"}}}}}catch{}export{g as D,f as M};
|
|
@@ -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-gxvxVBdC.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};
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-FsUICBgo.js";import{T as p}from"./table-i8WT9qpj.js";import{t as a,r as s}from"./table.stories-data-4h6h0P0V.js";import"./index-RfLt4OUa.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"./button-7V8oA22w.js";import"./spinner-R8Il4aRe.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-u1He-wWs.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"./flex-RYZsoWEN.js";const $={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 rr=["Footer"];export{r as Footer,rr as __namedExportsOrder,$ as default};
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-FsUICBgo.js";import{T as W}from"./common-types-U65vzrrz.js";import{D as A}from"./disabled-context-urNQThQz.js";import{F as s}from"./field-eknsj_Ll.js";import{I as b}from"./input-u1He-wWs.js";import{S as c}from"./select-JjEPivho.js";import{C as G}from"./check-box-LZdXXKhv.js";import{B as N}from"./button-group-q8QKkLVU.js";import{B as _}from"./button-7V8oA22w.js";import{T as E}from"./toggle-BPI2y-lU.js";import{I as V}from"./input-group-R8LoqKRn.js";import{I as x}from"./input-group-addon-BHVsW9mL.js";import{S as U}from"./slider-nl2rJ9LF.js";import{T as $}from"./textarea-gxvxVBdC.js";import{R as q}from"./radio-button-jHcwHUA4.js";import{M as z}from"./actions-Z9jDWreP.js";import{F as H}from"./form-row-bwoDTUga.js";import{M as g}from"./types-VB5zD18b.js";import"./index-RfLt4OUa.js";import"./index-VW3EWkuE.js";import"./label-0_Qf6I8t.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"./types-5uVBABF4.js";import"./lodash-Bmg8FrMx.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./memoize-one.esm-hqe5SRxC.js";import"./text-6KQ6ntOV.js";import"./select.input-zP5tW20f.js";import"./spinner-R8Il4aRe.js";import"./objectSpread2-93s0nBry.js";import"./index-ugi_ZH6T.js";import"./badge-23Ty_zBt.js";const Ie={title:"Forms/Layout",argTypes:{labelWidth:"text"},args:{small:!1,row:!1,labelLeft:!1,labelWidth:void 0,disabled:!1}},v=t=>{const{small:o,labelLeft:r,labelWidth:a}=t;return e.jsxs(e.Fragment,{children:[e.jsx(s,{label:"Input",helpText:"Some help text",labelLeft:r,labelWidth:a,children:e.jsx(b,{value:"Value",small:o})}),e.jsx(s,{label:"TextArea",helpText:"Some very long help text that needs to have its width constrained so it doesn't look silly",helpTextMaxWidth:200,labelLeft:r,labelWidth:a,children:e.jsx($,{value:"Value"})}),e.jsx(s,{label:"Select (native)",labelLeft:r,labelWidth:a,children:e.jsx(c,{options:[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"}],value:{label:"Option 2",value:"2"},native:!0,small:o,width:"auto"})}),e.jsx(s,{label:"Select (custom)",labelLeft:r,labelWidth:a,children:e.jsx(c,{options:[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"}],value:{label:"Option 2",value:"2"},small:o,width:"auto"})}),e.jsx(s,{label:"Select (multi)",labelLeft:r,labelWidth:a,children:e.jsx(c,{options:[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"}],value:[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"}],small:o})}),e.jsx(s,{label:"Slider",labelLeft:r,labelWidth:a,children:e.jsx(U,{width:"300px",name:"example",label:"Number of aardvarks",value:35,min:0,max:100,step:1,onChange:()=>{},showArrows:!0,showTooltip:!0,small:o})}),e.jsx(s,{label:"ButtonGroup",labelLeft:r,labelWidth:a,children:e.jsx(N,{items:[{key:"0",label:"Option 1",value:"1"},{key:"1",label:"Option 2",value:"2"}],value:0,small:o})}),e.jsx(s,{label:"InputGroup",labelLeft:r,labelWidth:a,children:e.jsxs(V,{small:o,children:[e.jsx(x,{children:"$"}),e.jsx(b,{name:"example",value:"123",onChange:()=>{}}),e.jsx(x,{children:"each"})]})}),e.jsx(s,{label:"Menu",labelLeft:r,labelWidth:a,children:e.jsx(z,{menu:{label:"Menu",trigger:W.DROP_DOWN_BUTTON,sections:[{type:g.OPTION,label:"Lorem"},{type:g.OPTION,label:"Ipsum"}],small:o}})}),e.jsx(s,{label:"CheckBox",labelLeft:r,labelWidth:a,children:e.jsx(G,{label:"CheckBox",checked:!0,small:o,onChange:()=>{}})}),e.jsx(s,{label:"RadioButton",labelLeft:r,labelWidth:a,children:e.jsx(q,{options:[{label:"Aardvarks",value:"termites"},{label:"Monkeys",value:"bananas"}],value:{label:"Monkeys",value:"bananas"},inline:!0,small:o})}),e.jsx(s,{label:"Toggle",labelLeft:r,labelWidth:a,children:e.jsx(E,{label:"Toggle",checked:!0,onChange:()=>{},small:o})}),e.jsx(s,{labelLeft:r,labelWidth:a,children:e.jsx(_,{colored:!0,label:"Button",onClick:()=>{},small:o})})]})},l=t=>{const{row:o,disabled:r}=t;return e.jsx(A.Provider,{value:r,children:o?e.jsx(H,{children:v(t)}):v(t)})},u=l.bind({}),n=l.bind({});n.args={small:!0};const i=l.bind({});i.args={labelLeft:!0,labelWidth:100};const d=l.bind({});d.args={row:!0};const m=l.bind({});m.args={row:!0,small:!0};const p=l.bind({});p.args={disabled:!0};var h,w,j;u.parameters={...u.parameters,docs:{...(h=u.parameters)==null?void 0:h.docs,source:{originalSource:`args => {
|
|
2
|
-
const {
|
|
3
|
-
row,
|
|
4
|
-
disabled
|
|
5
|
-
} = args;
|
|
6
|
-
return <DisabledContext.Provider value={disabled}>
|
|
7
|
-
{row ? <FormRow>{renderFields(args)}</FormRow> : renderFields(args)}
|
|
8
|
-
</DisabledContext.Provider>;
|
|
9
|
-
}`,...(j=(w=u.parameters)==null?void 0:w.docs)==null?void 0:j.source}}};var f,F,C;n.parameters={...n.parameters,docs:{...(f=n.parameters)==null?void 0:f.docs,source:{originalSource:`args => {
|
|
10
|
-
const {
|
|
11
|
-
row,
|
|
12
|
-
disabled
|
|
13
|
-
} = args;
|
|
14
|
-
return <DisabledContext.Provider value={disabled}>
|
|
15
|
-
{row ? <FormRow>{renderFields(args)}</FormRow> : renderFields(args)}
|
|
16
|
-
</DisabledContext.Provider>;
|
|
17
|
-
}`,...(C=(F=n.parameters)==null?void 0:F.docs)==null?void 0:C.source}}};var O,R,T;i.parameters={...i.parameters,docs:{...(O=i.parameters)==null?void 0:O.docs,source:{originalSource:`args => {
|
|
18
|
-
const {
|
|
19
|
-
row,
|
|
20
|
-
disabled
|
|
21
|
-
} = args;
|
|
22
|
-
return <DisabledContext.Provider value={disabled}>
|
|
23
|
-
{row ? <FormRow>{renderFields(args)}</FormRow> : renderFields(args)}
|
|
24
|
-
</DisabledContext.Provider>;
|
|
25
|
-
}`,...(T=(R=i.parameters)==null?void 0:R.docs)==null?void 0:T.source}}};var D,S,P;d.parameters={...d.parameters,docs:{...(D=d.parameters)==null?void 0:D.docs,source:{originalSource:`args => {
|
|
26
|
-
const {
|
|
27
|
-
row,
|
|
28
|
-
disabled
|
|
29
|
-
} = args;
|
|
30
|
-
return <DisabledContext.Provider value={disabled}>
|
|
31
|
-
{row ? <FormRow>{renderFields(args)}</FormRow> : renderFields(args)}
|
|
32
|
-
</DisabledContext.Provider>;
|
|
33
|
-
}`,...(P=(S=d.parameters)==null?void 0:S.docs)==null?void 0:P.source}}};var k,y,B;m.parameters={...m.parameters,docs:{...(k=m.parameters)==null?void 0:k.docs,source:{originalSource:`args => {
|
|
34
|
-
const {
|
|
35
|
-
row,
|
|
36
|
-
disabled
|
|
37
|
-
} = args;
|
|
38
|
-
return <DisabledContext.Provider value={disabled}>
|
|
39
|
-
{row ? <FormRow>{renderFields(args)}</FormRow> : renderFields(args)}
|
|
40
|
-
</DisabledContext.Provider>;
|
|
41
|
-
}`,...(B=(y=m.parameters)==null?void 0:y.docs)==null?void 0:B.source}}};var I,L,M;p.parameters={...p.parameters,docs:{...(I=p.parameters)==null?void 0:I.docs,source:{originalSource:`args => {
|
|
42
|
-
const {
|
|
43
|
-
row,
|
|
44
|
-
disabled
|
|
45
|
-
} = args;
|
|
46
|
-
return <DisabledContext.Provider value={disabled}>
|
|
47
|
-
{row ? <FormRow>{renderFields(args)}</FormRow> : renderFields(args)}
|
|
48
|
-
</DisabledContext.Provider>;
|
|
49
|
-
}`,...(M=(L=p.parameters)==null?void 0:L.docs)==null?void 0:M.source}}};const Le=["Default","Small","LabelsOnLeft","Row","SmallRow","DisabledWithContext"];export{u as Default,p as DisabledWithContext,i as LabelsOnLeft,d as Row,n as Small,m as SmallRow,Le as __namedExportsOrder,Ie as default};
|