@oliasoft-open-source/react-ui-library 4.6.0-beta-1 → 4.6.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/404.html +1 -0
- package/dist/assets/{index-AkeNwthw.css → index-2LJjuVRB.css} +145 -115
- package/dist/assets/{index-neKlYvgy.js → index-kDrJq_kq.js} +226 -102
- package/dist/global.css +145 -115
- package/dist/index.d.ts +74 -6
- package/dist/index.html +1 -1
- package/dist/index.js +345 -97
- package/dist/index.js.map +1 -1
- package/dist/storybook/assets/Color-6VNJS4EI-LkypNDYY.js +1 -0
- package/dist/storybook/assets/DocsRenderer-NNNQARDV-271EmMHR.js +1 -0
- package/dist/storybook/assets/WithTooltip-V3YHNWJZ-5odABDuO.js +1 -0
- package/dist/storybook/assets/{accordion-6_27SROY.js → accordion-M-sY23Hd.js} +1 -1
- package/dist/storybook/assets/{accordion.stories-DAmwlTmm.js → accordion.stories-nYKTmoeA.js} +2 -2
- package/dist/storybook/assets/actions-mOcj9IlF.js +1 -0
- package/dist/storybook/assets/actions.stories-ER0_rAT3.js +1 -0
- package/dist/storybook/assets/afe.stories-gufd9PH8.js +88 -0
- package/dist/storybook/assets/badge.stories-QAHZ0hGs.js +1 -0
- package/dist/storybook/assets/blowout.stories-TT3YZhxD.js +40 -0
- package/dist/storybook/assets/{button-group-KeeGgC4K.js → button-group-mNQThLQb.js} +1 -1
- package/dist/storybook/assets/{button-group.stories-DG3i2d7K.js → button-group.stories-hEWUnlpm.js} +2 -2
- package/dist/storybook/assets/button-shH4xakS.js +1 -0
- package/dist/storybook/assets/button.stories-5xHwBO1P.js +80 -0
- package/dist/storybook/assets/{buttons-and-links-e5muuefU.js → buttons-and-links-Sb4bneec.js} +2 -2
- package/dist/storybook/assets/card.stories-52XKdWMP.js +1 -0
- package/dist/storybook/assets/casing-loads.stories-58Yzw909.js +209 -0
- package/dist/storybook/assets/{cell.stories-nm3Q_0D8.js → cell.stories-dk65sciA.js} +9 -9
- package/dist/storybook/assets/{check-box-BX5dfQFk.js → check-box-2gxosI3y.js} +1 -1
- package/dist/storybook/assets/{check-box.stories-FNs72smP.js → check-box.stories-dct4BaKG.js} +2 -2
- package/dist/storybook/assets/{chunk-HLWAVYOI-IpxCdjQR.js → chunk-HLWAVYOI-C-Uqv-lv.js} +1 -1
- package/dist/storybook/assets/color-QEPOj0Ib.js +25 -0
- package/dist/storybook/assets/{column.stories-5pd3N4bE.js → column.stories-1Qq8awo0.js} +7 -7
- package/dist/storybook/assets/{dialog-dekS0lUR.js → dialog-roJ8Yns6.js} +1 -1
- package/dist/storybook/assets/{drawer-TM-jK3WR.js → drawer-GdbVQdWk.js} +1 -1
- package/dist/storybook/assets/{drawer.stories-OE24f2Y4.js → drawer.stories-XWMoCncm.js} +4 -4
- package/dist/storybook/assets/empty.stories-XVXKuuiT.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-kOZPBHf6.js → field-FZX0Z7IB.js} +1 -1
- package/dist/storybook/assets/{field.stories-aEccauPi.js → field.stories-Quu0snQm.js} +5 -5
- package/dist/storybook/assets/file-input.stories-qbEqmWyt.js +66 -0
- package/dist/storybook/assets/{flex-KzhjL9yc.js → flex-RYZsoWEN.js} +1 -1
- package/dist/storybook/assets/{flex.stories-rDfMJbP6.js → flex.stories-8HJIYv6E.js} +2 -2
- package/dist/storybook/assets/footer.stories-tB9ZiuYm.js +3 -0
- package/dist/storybook/assets/form.stories-7v6JzvJl.js +49 -0
- package/dist/storybook/assets/formation.stories-gIRSy7_9.js +74 -0
- package/dist/storybook/assets/{formatter-SWP5E3XI-8JJuES-v.js → formatter-SWP5E3XI-a7sBt194.js} +1 -1
- package/dist/storybook/assets/{heading-cUVItwKq.js → heading-jZsIIJF0.js} +1 -1
- package/dist/storybook/assets/{heading.stories-UJlMVVI-.js → heading.stories-lW_q2VjY.js} +2 -2
- package/dist/storybook/assets/{help-icon-nI9A506M.js → help-icon-SKky6KLV.js} +1 -1
- package/dist/storybook/assets/help-icon.stories-i7tX8eBl.js +4 -0
- package/dist/storybook/assets/icon-8EQazuuW.js +8 -0
- package/dist/storybook/assets/icon.stories-j-b_Exev.js +6 -0
- package/dist/storybook/assets/iframe-Z5bUT4O1.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-txtTsAry.js → index-i2tVYo5N.js} +20 -20
- package/dist/storybook/assets/index-qZmQ7nA9.js +14 -0
- package/dist/storybook/assets/index.es-VXFRDikp.js +79 -0
- package/dist/storybook/assets/inheritsLoose-8sb_A2v4.js +1 -0
- package/dist/storybook/assets/{input-iDZqV-2m.js → input-2BhbKV-j.js} +1 -1
- package/dist/storybook/assets/{input-group.stories-EouZEW-v.js → input-group.stories-gJFYuvVb.js} +5 -5
- package/dist/storybook/assets/{input-validation-YadXYe7E.js → input-validation-FFXJoKSI.js} +2 -2
- package/dist/storybook/assets/{input.stories-iopguZKB.js → input.stories-74EIL_bF.js} +1 -1
- package/dist/storybook/assets/{inputs-YvlPtTke.js → inputs-DtKO2too.js} +14 -14
- package/dist/storybook/assets/{isPlainObject-4RuU_w9g.js → isPlainObject-OQlD0fAV.js} +1 -1
- package/dist/storybook/assets/{label-RpB4JmHX.js → label-uCFEME1p.js} +1 -1
- package/dist/storybook/assets/label.stories-LhXr4NuA.js +11 -0
- package/dist/storybook/assets/layout-forms-7ZIITxGs.js +16 -0
- package/dist/storybook/assets/{layout-general-ma7VihYF.js → layout-general-zuo7KumY.js} +2 -2
- package/dist/storybook/assets/list-PShi-3TE.js +8 -0
- package/dist/storybook/assets/list.stories-TLnvjaYU.js +478 -0
- package/dist/storybook/assets/{list.stories-data-8eswVWst.js → list.stories-data-Qc3oehAh.js} +1 -1
- package/dist/storybook/assets/{loader.stories-G8Q_Fm8u.js → loader.stories-xsnhGOV_.js} +5 -5
- package/dist/storybook/assets/{menu.stories-data-c8X93fYM.js → menu.stories-data-hEz8P1yK.js} +1 -1
- package/dist/storybook/assets/menu.stories-ppWN2JgO.js +82 -0
- package/dist/storybook/assets/{message-uMHaTEXV.js → message-CRKuTfOl.js} +1 -1
- package/dist/storybook/assets/{message.stories-BqM_-mrZ.js → message.stories-N8ZGvhv2.js} +2 -2
- package/dist/storybook/assets/meta-content-dR7AAq04.css +1 -0
- package/dist/storybook/assets/meta-content-lUynpOsR.js +1 -0
- package/dist/storybook/assets/{modal.stories-K4XxeWTp.js → modal.stories-dirXv4n_.js} +1 -1
- package/dist/storybook/assets/number-input-CMhEMmUd.js +1 -0
- package/dist/storybook/assets/number-input.stories-AU1jlL6D.js +97 -0
- package/dist/storybook/assets/objectWithoutPropertiesLoose-9Q1jwsKS.js +1 -0
- package/dist/storybook/assets/option-dropdown.stories-n7CDZevX.js +21 -0
- package/dist/storybook/assets/{padding-and-spacing-KtiMa5GK.js → padding-and-spacing-3Mlm9PiC.js} +1 -1
- package/dist/storybook/assets/page.stories-OXhmRr73.js +57 -0
- package/dist/storybook/assets/{pagination-Eaj_UOBW.js → pagination-tnyyuMkB.js} +1 -1
- package/dist/storybook/assets/{pagination.stories-sl2a8BMq.js → pagination.stories-c7jbEB_j.js} +1 -1
- package/dist/storybook/assets/pop-confirm.stories-kZScSFuk.js +9 -0
- package/dist/storybook/assets/{popover-uAo1e4-D.js → popover-cad2llTa.js} +1 -1
- package/dist/storybook/assets/popover.stories-1JvlWYFM.js +1 -0
- package/dist/storybook/assets/{portal.stories-UGkzdgVk.js → portal.stories-1Jnj3LXz.js} +1 -1
- package/dist/storybook/assets/{preview-f1_nby1-.js → preview-0LPoYPAJ.js} +13 -13
- package/dist/storybook/assets/preview-MDW-geT9.js +7 -0
- package/dist/storybook/assets/preview-OnO0tzRj.js +17 -0
- package/dist/storybook/assets/projects.stories-epAPUAg1.js +47 -0
- package/dist/storybook/assets/{radio-button-QcS9mLYi.js → radio-button-5n_38sFk.js} +1 -1
- package/dist/storybook/assets/{radio-button.stories-KCS981-F.js → radio-button.stories-Z_B_oHnZ.js} +5 -5
- package/dist/storybook/assets/react-router-dom-EZH1n7K1.js +8 -0
- package/dist/storybook/assets/{reservoirs.stories-Dg5QFAXV.js → reservoirs.stories-vxBxhmZh.js} +2 -2
- package/dist/storybook/assets/{rich-text-input.stories-D55Op5Gf.js → rich-text-input.stories-EbjoMb2s.js} +1 -1
- package/dist/storybook/assets/{row.stories-2iigGv-u.js → row.stories-p0ssjvtr.js} +2 -2
- package/dist/storybook/assets/select-DZdWUrCW.js +1 -0
- package/dist/storybook/assets/{select.stories-oUxeDUts.js → select.stories-QOxuHSmz.js} +1 -1
- package/dist/storybook/assets/side-bar-ZpHvA_KQ.js +1 -0
- package/dist/storybook/assets/side-bar.stories-GCjyz_UC.js +27 -0
- package/dist/storybook/assets/{site.stories-OEW6o2C_.js → site.stories-k6-tU36k.js} +2 -2
- package/dist/storybook/assets/slider-MN9iDCsS.js +7 -0
- package/dist/storybook/assets/{slider.stories-QyyBB_rz.js → slider.stories-hVrt3K9M.js} +1 -1
- package/dist/storybook/assets/spacer.stories-Tc3LfeOH.js +1 -0
- package/dist/storybook/assets/syntaxhighlighter-B5GMVT5T-jueltlMw.js +1 -0
- package/dist/storybook/assets/table-033R9jUC.js +1 -0
- package/dist/storybook/assets/{table.stories-data-w897tYMJ.js → table.stories-data-NfE_v-gH.js} +1 -1
- package/dist/storybook/assets/{table.stories-QupkMmra.js → table.stories-wdVWlpz1.js} +5 -5
- package/dist/storybook/assets/{tabs.stories-KtJc5Yci.js → tabs.stories-aps5NXFv.js} +2 -2
- package/dist/storybook/assets/text-link.stories-Mx9ojcOC.js +14 -0
- package/dist/storybook/assets/{textarea-2SpO5fge.js → textarea-ygEac3d2.js} +1 -1
- package/dist/storybook/assets/{textarea.stories-IgfK-23t.js → textarea.stories-vr_I38NI.js} +1 -1
- package/dist/storybook/assets/tiny-invariant-R4kOKlvx.js +8 -0
- package/dist/storybook/assets/title.stories-9QWP9XVr.js +37 -0
- package/dist/storybook/assets/{toaster-eOozfa7U.js → toaster-yPcd4ELJ.js} +1 -1
- package/dist/storybook/assets/toaster.stories-D_1FY8OT.js +86 -0
- package/dist/storybook/assets/{toggle-wk0GbVB8.js → toggle-M_66MP8X.js} +1 -1
- package/dist/storybook/assets/{toggle.stories-ItCMhW4M.js → toggle.stories-VfPLoUW1.js} +2 -2
- package/dist/storybook/assets/{tooltip-ZHdi6rl-.js → tooltip-HEHiU__l.js} +1 -1
- package/dist/storybook/assets/{tooltip.stories-gTfOeEzv.js → tooltip.stories-tiOgoWHH.js} +1 -1
- package/dist/storybook/assets/tooltip.test-case.stories-g9fe1-Ut.js +3 -0
- package/dist/storybook/assets/top-bar-K-LdFikH.css +1 -0
- package/dist/storybook/assets/top-bar-ywJJBf-H.js +1 -0
- package/dist/storybook/assets/top-bar.stories-KkBPu_h3.js +21 -0
- package/dist/storybook/assets/top-bar.testcase.stories-RJkl6c8Z.js +30 -0
- package/dist/storybook/assets/tree-U4LtpVm9.css +1 -0
- package/dist/storybook/assets/tree.stories-UiERA8eJ.js +182 -0
- package/dist/storybook/assets/unit-input.stories-NxlXJaPc.js +273 -0
- package/dist/storybook/assets/unit-table.stories-JkNu_Up6.js +103 -0
- package/dist/storybook/assets/use-previous-VKMmnaK7.js +1 -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-GxhKC8e4.js +0 -1
- package/dist/storybook/assets/DocsRenderer-NNNQARDV-qNtI0g6x.js +0 -1
- package/dist/storybook/assets/WithTooltip-4HIR6TLV-Oz_GUhfl.js +0 -1
- package/dist/storybook/assets/actions-SGexXf58.js +0 -1
- package/dist/storybook/assets/actions.stories-dDCC23QK.js +0 -1
- package/dist/storybook/assets/afe.stories-1YkAm2l2.js +0 -88
- package/dist/storybook/assets/badge.stories-nzXJ1qip.js +0 -1
- package/dist/storybook/assets/blowout.stories-ro9WCHli.js +0 -40
- package/dist/storybook/assets/button-IoNblLER.js +0 -1
- package/dist/storybook/assets/button.stories-vebimSi_.js +0 -71
- package/dist/storybook/assets/card.stories-OtRekExg.js +0 -1
- package/dist/storybook/assets/casing-loads.stories--oHbAVn4.js +0 -209
- package/dist/storybook/assets/color-HUGaUBn2.js +0 -25
- package/dist/storybook/assets/empty.stories-KIByp315.js +0 -1
- package/dist/storybook/assets/extends-dGVwEr9R.js +0 -1
- package/dist/storybook/assets/file-input.stories-rkAlSDHE.js +0 -66
- package/dist/storybook/assets/footer.stories-FmE2JKok.js +0 -3
- package/dist/storybook/assets/form.stories-LRkCBjZR.js +0 -49
- package/dist/storybook/assets/formation.stories-ZGzBQKt1.js +0 -74
- package/dist/storybook/assets/help-icon.stories-Qz7MKCnQ.js +0 -4
- package/dist/storybook/assets/icon-y1a2N5SZ.js +0 -8
- package/dist/storybook/assets/icon.stories-D_XEmSGG.js +0 -6
- package/dist/storybook/assets/iframe-yZ0ImE73.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/inheritsLoose-Y9jOMJLd.js +0 -1
- package/dist/storybook/assets/label.stories-HcdQ1bEB.js +0 -11
- package/dist/storybook/assets/layout-forms-2UsPyZyz.js +0 -16
- package/dist/storybook/assets/list-ciYNlkVM.js +0 -8
- package/dist/storybook/assets/list-heading-XbqCJOHh.js +0 -1
- package/dist/storybook/assets/list-heading-Y8BAUuV6.css +0 -1
- package/dist/storybook/assets/list.stories-G1n5uCjl.js +0 -457
- package/dist/storybook/assets/menu.stories-GFJs09Wk.js +0 -60
- package/dist/storybook/assets/number-input-d7hXQldd.js +0 -1
- package/dist/storybook/assets/number-input.stories-SOsG2FLJ.js +0 -81
- package/dist/storybook/assets/option-dropdown.stories-1Y5JDaBF.js +0 -21
- package/dist/storybook/assets/page.stories-B5gzoAi8.js +0 -57
- package/dist/storybook/assets/pop-confirm.stories-94l3Xg8w.js +0 -9
- package/dist/storybook/assets/popover.stories-JVzzF0Jm.js +0 -1
- package/dist/storybook/assets/preview-Fi7DQdoQ.js +0 -1
- package/dist/storybook/assets/preview-lDu82Bod.js +0 -7
- package/dist/storybook/assets/projects.stories-ojOsn6HU.js +0 -47
- package/dist/storybook/assets/select-Z1HqJ5aU.js +0 -1
- package/dist/storybook/assets/side-bar-GJ2tcZYY.js +0 -1
- package/dist/storybook/assets/side-bar.stories-Ld0zOToQ.js +0 -1
- package/dist/storybook/assets/slider-_5NQKbM-.js +0 -7
- package/dist/storybook/assets/spacer.stories--ynGgvN4.js +0 -1
- package/dist/storybook/assets/syntaxhighlighter-NMPM6SWI-q0TZrkav.js +0 -1
- package/dist/storybook/assets/table-_jWgMFOi.js +0 -1
- package/dist/storybook/assets/text-link.stories-kjfUeFtk.js +0 -1
- package/dist/storybook/assets/title.stories-14d2lIxy.js +0 -37
- package/dist/storybook/assets/toaster.stories-XhUo3pbR.js +0 -86
- package/dist/storybook/assets/tooltip.test-case.stories-L2bW8Ijz.js +0 -3
- package/dist/storybook/assets/top-bar-0fDAFWyC.js +0 -1
- package/dist/storybook/assets/top-bar-cBtxm6yr.css +0 -1
- package/dist/storybook/assets/top-bar.stories-YKtteM_h.js +0 -1
- package/dist/storybook/assets/top-bar.testcase.stories-Z-6C5D2R.js +0 -30
- package/dist/storybook/assets/tree-zmq4MRb6.css +0 -1
- package/dist/storybook/assets/tree.stories-5fjCVN1S.js +0 -180
- package/dist/storybook/assets/unit-input.stories-ZdrR9JWT.js +0 -273
|
@@ -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-0fDAFWyC.js";import{S as I}from"./side-bar-GJ2tcZYY.js";import{H as r}from"./heading-cUVItwKq.js";import{B as n}from"./button-IoNblLER.js";import{D as g}from"./drawer-TM-jK3WR.js";import{L as O}from"./list-ciYNlkVM.js";import{F as a}from"./field-kOZPBHf6.js";import{I as o}from"./input-iDZqV-2m.js";import{M as D,D as E}from"./dialog-dekS0lUR.js";import{C as H}from"./check-box-BX5dfQFk.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-Z1HqJ5aU.js";import{S as l}from"./spacer-Yji9g2AW.js";import{T as B}from"./tabs-fcLbHC1n.js";import{T as M}from"./table-_jWgMFOi.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-SGexXf58.js";import"./lodash-Bmg8FrMx.js";import"./tooltip-ZHdi6rl-.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-nI9A506M.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-XbqCJOHh.js";import"./loader-TGOJBZQG.js";import"./label-RpB4JmHX.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-Eaj_UOBW.js";import"./input-group-R8LoqKRn.js";import"./input-group-addon-BHVsW9mL.js";import"./number-input-d7hXQldd.js";import"./index-IQMsp8Ab.js";import"./index-cCpkwrS5.js";import"./slider-_5NQKbM-.js";import"./popover-uAo1e4-D.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,25 +0,0 @@
|
|
|
1
|
-
import{j as o}from"./jsx-runtime-FsUICBgo.js";import"./chunk-HLWAVYOI-IpxCdjQR.js";import{M as d}from"./index-txtTsAry.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-yZ0ImE73.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-IoNblLER.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-ZHdi6rl-.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 +0,0 @@
|
|
|
1
|
-
function e(){return e=Object.assign?Object.assign.bind():function(a){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(a[r]=t[r])}return a},e.apply(this,arguments)}export{e as _};
|
|
@@ -1,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-iDZqV-2m.js";import{B as $}from"./button-IoNblLER.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-2SpO5fge.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./types-5uVBABF4.js";import"./lodash-Bmg8FrMx.js";import"./tooltip-ZHdi6rl-.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-_jWgMFOi.js";import{t as a,r as s}from"./table.stories-data-w897tYMJ.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-SGexXf58.js";import"./common-types-U65vzrrz.js";import"./button-IoNblLER.js";import"./spinner-R8Il4aRe.js";import"./tooltip-ZHdi6rl-.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./heading-cUVItwKq.js";import"./help-icon-nI9A506M.js";import"./pagination-Eaj_UOBW.js";import"./select-Z1HqJ5aU.js";import"./assertThisInitialized-4q6YPdh3.js";import"./text-6KQ6ntOV.js";import"./select.input-zP5tW20f.js";import"./input-iDZqV-2m.js";import"./input-group-R8LoqKRn.js";import"./input-group-addon-BHVsW9mL.js";import"./number-input-d7hXQldd.js";import"./index-IQMsp8Ab.js";import"./index-cCpkwrS5.js";import"./check-box-BX5dfQFk.js";import"./slider-_5NQKbM-.js";import"./index-ugi_ZH6T.js";import"./popover-uAo1e4-D.js";import"./flex-KzhjL9yc.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-kOZPBHf6.js";import{I as b}from"./input-iDZqV-2m.js";import{S as c}from"./select-Z1HqJ5aU.js";import{C as G}from"./check-box-BX5dfQFk.js";import{B as N}from"./button-group-KeeGgC4K.js";import{B as _}from"./button-IoNblLER.js";import{T as E}from"./toggle-wk0GbVB8.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-_5NQKbM-.js";import{T as $}from"./textarea-2SpO5fge.js";import{R as q}from"./radio-button-QcS9mLYi.js";import{M as z}from"./actions-SGexXf58.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-RpB4JmHX.js";import"./help-icon-nI9A506M.js";import"./tooltip-ZHdi6rl-.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};
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as c}from"./index-RfLt4OUa.js";import{T as d}from"./top-bar-0fDAFWyC.js";import{S as g}from"./side-bar-GJ2tcZYY.js";import{H as v}from"./heading-cUVItwKq.js";import{P as b}from"./page-9-f6BzS0.js";import{R as h,C as o}from"./row-vFUhHoz5.js";import{S as x}from"./spacer-Yji9g2AW.js";import{T as f}from"./tabs-fcLbHC1n.js";import{T as j}from"./table-_jWgMFOi.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"./common-types-U65vzrrz.js";import"./button-IoNblLER.js";import"./spinner-R8Il4aRe.js";import"./tooltip-ZHdi6rl-.js";import"./index-miLrID2P.js";import"./actions-SGexXf58.js";import"./lodash-Bmg8FrMx.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./index-ugi_ZH6T.js";import"./drawer-TM-jK3WR.js";import"./help-icon-nI9A506M.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./select.input-zP5tW20f.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"./pagination-Eaj_UOBW.js";import"./select-Z1HqJ5aU.js";import"./assertThisInitialized-4q6YPdh3.js";import"./text-6KQ6ntOV.js";import"./input-iDZqV-2m.js";import"./input-group-R8LoqKRn.js";import"./input-group-addon-BHVsW9mL.js";import"./number-input-d7hXQldd.js";import"./index-IQMsp8Ab.js";import"./index-cCpkwrS5.js";import"./check-box-BX5dfQFk.js";import"./slider-_5NQKbM-.js";import"./popover-uAo1e4-D.js";const T=()=>e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",background:"rgba(0,0,0,0.05)",height:"100%",minHeight:400,textAlign:"center"},children:["CHART ",e.jsx("br",{}),"(fills height, minHeight 400px)"]}),he={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},a=()=>{const t=[{label:"Monkeys",value:"monkeys"},{label:"Bananas",value:"bananas"},{label:"Squirrels",value:"squirrels"},{label:"Pomegranates",value:"pomegranates"}],[i,n]=c.useState(t[0]);return e.jsxs(e.Fragment,{children:[e.jsx(d,{}),e.jsx(g,{options:{title:"",sections:[]}}),e.jsxs(b,{padding:"var(--padding)",scroll:!0,children:[e.jsx(v,{top:!0,marginBottom:0,children:"Formation Inputs"}),e.jsx(f,{margin:!1,options:t,value:i,onChange:m=>{const{value:p,label:u}=m.target;n({value:p,label:u})}}),e.jsx(x,{}),e.jsxs(h,{flex:!0,children:[e.jsx(o,{width:400,children:e.jsx(j,{table:{headers:[{cells:[{value:"Name"},{value:"Origin"}]}],rows:[{cells:[{value:"Brown rice"},{value:"Vietnam"}]},{cells:[{value:"Buckwheat"},{value:"Poland"}]},{cells:[{value:"Couscous"},{value:"France"}]}]}})}),e.jsx(o,{children:e.jsx(T,{})})]})]})]})};var r,s,l;a.parameters={...a.parameters,docs:{...(r=a.parameters)==null?void 0:r.docs,source:{originalSource:`() => {
|
|
2
|
-
const options = [{
|
|
3
|
-
label: 'Monkeys',
|
|
4
|
-
value: 'monkeys'
|
|
5
|
-
}, {
|
|
6
|
-
label: 'Bananas',
|
|
7
|
-
value: 'bananas'
|
|
8
|
-
}, {
|
|
9
|
-
label: 'Squirrels',
|
|
10
|
-
value: 'squirrels'
|
|
11
|
-
}, {
|
|
12
|
-
label: 'Pomegranates',
|
|
13
|
-
value: 'pomegranates'
|
|
14
|
-
}];
|
|
15
|
-
const [selectedTab, setSelectedTab] = useState(options[0]);
|
|
16
|
-
return <>
|
|
17
|
-
<TopBar />
|
|
18
|
-
<SideBar options={{
|
|
19
|
-
title: '',
|
|
20
|
-
sections: []
|
|
21
|
-
}} />
|
|
22
|
-
<Page padding="var(--padding)" scroll>
|
|
23
|
-
<Heading top marginBottom={0}>
|
|
24
|
-
Formation Inputs
|
|
25
|
-
</Heading>
|
|
26
|
-
<Tabs margin={false} options={options} value={selectedTab} onChange={evt => {
|
|
27
|
-
const {
|
|
28
|
-
value,
|
|
29
|
-
label
|
|
30
|
-
} = evt.target;
|
|
31
|
-
setSelectedTab({
|
|
32
|
-
value,
|
|
33
|
-
label
|
|
34
|
-
});
|
|
35
|
-
}} />
|
|
36
|
-
<Spacer />
|
|
37
|
-
<Row flex>
|
|
38
|
-
<Column width={400}>
|
|
39
|
-
<Table table={{
|
|
40
|
-
headers: [{
|
|
41
|
-
cells: [{
|
|
42
|
-
value: 'Name'
|
|
43
|
-
}, {
|
|
44
|
-
value: 'Origin'
|
|
45
|
-
}]
|
|
46
|
-
}],
|
|
47
|
-
rows: [{
|
|
48
|
-
cells: [{
|
|
49
|
-
value: 'Brown rice'
|
|
50
|
-
}, {
|
|
51
|
-
value: 'Vietnam'
|
|
52
|
-
}]
|
|
53
|
-
}, {
|
|
54
|
-
cells: [{
|
|
55
|
-
value: 'Buckwheat'
|
|
56
|
-
}, {
|
|
57
|
-
value: 'Poland'
|
|
58
|
-
}]
|
|
59
|
-
}, {
|
|
60
|
-
cells: [{
|
|
61
|
-
value: 'Couscous'
|
|
62
|
-
}, {
|
|
63
|
-
value: 'France'
|
|
64
|
-
}]
|
|
65
|
-
}]
|
|
66
|
-
}} />
|
|
67
|
-
</Column>
|
|
68
|
-
<Column>
|
|
69
|
-
<ChartPlaceholder />
|
|
70
|
-
</Column>
|
|
71
|
-
</Row>
|
|
72
|
-
</Page>
|
|
73
|
-
</>;
|
|
74
|
-
}`,...(l=(s=a.parameters)==null?void 0:s.docs)==null?void 0:l.source}}};a.__docgenInfo={description:"",methods:[],displayName:"Formation"};const xe=["Formation"];export{a as Formation,xe as __namedExportsOrder,he as default};
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import{j as n}from"./jsx-runtime-FsUICBgo.js";import{r as J}from"./index-RfLt4OUa.js";import{I as d}from"./common-types-U65vzrrz.js";import{H as l}from"./help-icon-nI9A506M.js";import"./index-VW3EWkuE.js";import"./tooltip-ZHdi6rl-.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 P={title:"Basic/HelpIcon",component:l},e=r=>n.jsx(l,{...r}),p=e.bind({}),o=e.bind({});o.args={text:"Tooltip goes here"};const s=e.bind({});s.args={text:n.jsxs("div",{children:["Tooltip ",n.jsx("em",{children:"goes"})," ",n.jsx("strong",{children:"here"})]})};const a=e.bind({});a.args={onClick:()=>console.log("Help clicked")};const c=e.bind({});c.args={text:"Open in library",onClick:()=>console.log("Library clicked"),icon:"library",testId:"library"};const i=()=>{const[r,D]=J.useState(!1);return n.jsx(l,{onClick:()=>D(!r),icon:r?d.LOCK:d.UNLOCK,active:r,testId:"lock"})},t=e.bind({});t.args={testId:"help"};var m,g,u;p.parameters={...p.parameters,docs:{...(m=p.parameters)==null?void 0:m.docs,source:{originalSource:"args => <HelpIcon {...args} />",...(u=(g=p.parameters)==null?void 0:g.docs)==null?void 0:u.source}}};var k,I,x;o.parameters={...o.parameters,docs:{...(k=o.parameters)==null?void 0:k.docs,source:{originalSource:"args => <HelpIcon {...args} />",...(x=(I=o.parameters)==null?void 0:I.docs)==null?void 0:x.source}}};var b,L,T;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:"args => <HelpIcon {...args} />",...(T=(L=s.parameters)==null?void 0:L.docs)==null?void 0:T.source}}};var H,S,C;a.parameters={...a.parameters,docs:{...(H=a.parameters)==null?void 0:H.docs,source:{originalSource:"args => <HelpIcon {...args} />",...(C=(S=a.parameters)==null?void 0:S.docs)==null?void 0:C.source}}};var f,y,O;c.parameters={...c.parameters,docs:{...(f=c.parameters)==null?void 0:f.docs,source:{originalSource:"args => <HelpIcon {...args} />",...(O=(y=c.parameters)==null?void 0:y.docs)==null?void 0:O.source}}};var h,j,K;i.parameters={...i.parameters,docs:{...(h=i.parameters)==null?void 0:h.docs,source:{originalSource:`() => {
|
|
2
|
-
const [locked, setLocked] = useState(false);
|
|
3
|
-
return <HelpIcon onClick={() => setLocked(!locked)} icon={locked ? IconType.LOCK : IconType.UNLOCK} active={locked} testId="lock" />;
|
|
4
|
-
}`,...(K=(j=i.parameters)==null?void 0:j.docs)==null?void 0:K.source}}};var v,E,_;t.parameters={...t.parameters,docs:{...(v=t.parameters)==null?void 0:v.docs,source:{originalSource:"args => <HelpIcon {...args} />",...(_=(E=t.parameters)==null?void 0:E.docs)==null?void 0:_.source}}};const Q=["Default","Text","JSXText","OnClick","Library","Lock","TestId"];export{p as Default,s as JSXText,c as Library,i as Lock,a as OnClick,t as TestId,o as Text,Q as __namedExportsOrder,P as default};
|