@oliasoft-open-source/react-ui-library 4.4.9-beta-1 → 4.4.9-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/dist/assets/{index-UlXF8M5L.js → index-neKlYvgy.js} +5 -21
- package/dist/index.d.ts +4 -8
- package/dist/index.html +1 -1
- package/dist/index.js +66 -31
- package/dist/index.js.map +1 -1
- package/dist/storybook/assets/{Color-6VNJS4EI-dBRov0iu.js → Color-6VNJS4EI-UR0GIGxc.js} +1 -1
- package/dist/storybook/assets/{DocsRenderer-NNNQARDV-XOipoxsx.js → DocsRenderer-NNNQARDV-xsk8IDEt.js} +1 -1
- package/dist/storybook/assets/{WithTooltip-4HIR6TLV-N9BTPjWv.js → WithTooltip-4HIR6TLV-pVgy1VPd.js} +1 -1
- package/dist/storybook/assets/{accordion-MRdNs3mQ.js → accordion-6_27SROY.js} +1 -1
- package/dist/storybook/assets/{accordion.stories-UmGPZpjJ.js → accordion.stories-DAmwlTmm.js} +2 -2
- package/dist/storybook/assets/{actions--jdeAagr.js → actions-SGexXf58.js} +1 -1
- package/dist/storybook/assets/actions.stories-dDCC23QK.js +1 -0
- package/dist/storybook/assets/afe.stories-1YkAm2l2.js +88 -0
- package/dist/storybook/assets/badge.stories-nzXJ1qip.js +1 -0
- package/dist/storybook/assets/blowout.stories-ro9WCHli.js +40 -0
- package/dist/storybook/assets/button-IoNblLER.js +1 -0
- package/dist/storybook/assets/{button-group-kcxXYkIJ.js → button-group-KeeGgC4K.js} +1 -1
- package/dist/storybook/assets/{button-group.stories-U6DjmSki.js → button-group.stories-DG3i2d7K.js} +2 -2
- package/dist/storybook/assets/button.stories-vebimSi_.js +71 -0
- package/dist/storybook/assets/{buttons-and-links-e6-ikhN9.js → buttons-and-links-dnIYywWP.js} +2 -2
- package/dist/storybook/assets/card.stories-OtRekExg.js +1 -0
- package/dist/storybook/assets/{casing-loads.stories-xqjG7_uN.js → casing-loads.stories--oHbAVn4.js} +2 -2
- package/dist/storybook/assets/{cell.stories-SsCpOpZw.js → cell.stories-nm3Q_0D8.js} +2 -2
- package/dist/storybook/assets/{check-box-7DccPNCs.js → check-box-BX5dfQFk.js} +1 -1
- package/dist/storybook/assets/{check-box.stories-QBPARD7M.js → check-box.stories-FNs72smP.js} +2 -2
- package/dist/storybook/assets/{chunk-HLWAVYOI-HfFAKSRB.js → chunk-HLWAVYOI-k6gf1d96.js} +1 -1
- package/dist/storybook/assets/color-Cy3ydp1T.js +25 -0
- package/dist/storybook/assets/{column.stories-FWqVDX5B.js → column.stories-5pd3N4bE.js} +4 -4
- package/dist/storybook/assets/{dialog-e8amLd6m.js → dialog-dekS0lUR.js} +1 -1
- package/dist/storybook/assets/{drawer-LFjap9lP.js → drawer-TM-jK3WR.js} +1 -1
- package/dist/storybook/assets/{drawer.stories-liH4UlvJ.js → drawer.stories-OE24f2Y4.js} +4 -4
- package/dist/storybook/assets/empty.stories-KIByp315.js +1 -0
- package/dist/storybook/assets/{field-9udMeZdr.js → field-kOZPBHf6.js} +1 -1
- package/dist/storybook/assets/{field.stories-H98nslNw.js → field.stories-aEccauPi.js} +2 -2
- package/dist/storybook/assets/file-input.stories-I6IPu7wX.js +66 -0
- package/dist/storybook/assets/{flex-ZVra76N-.js → flex-KzhjL9yc.js} +1 -1
- package/dist/storybook/assets/{flex.stories-JzmT6lSO.js → flex.stories-rDfMJbP6.js} +2 -2
- package/dist/storybook/assets/footer.stories-FmE2JKok.js +3 -0
- package/dist/storybook/assets/form.stories-rWTgqDNA.js +49 -0
- package/dist/storybook/assets/formation.stories-ZGzBQKt1.js +74 -0
- package/dist/storybook/assets/{formatter-SWP5E3XI-s19u3emO.js → formatter-SWP5E3XI-xxvke7zr.js} +1 -1
- package/dist/storybook/assets/{heading-sY0SLHoQ.js → heading-cUVItwKq.js} +1 -1
- package/dist/storybook/assets/{heading.stories-hnhUBXVe.js → heading.stories-UJlMVVI-.js} +2 -2
- package/dist/storybook/assets/{help-icon-yrJgkgdC.js → help-icon-nI9A506M.js} +1 -1
- package/dist/storybook/assets/help-icon.stories-Qz7MKCnQ.js +4 -0
- package/dist/storybook/assets/{icon-_m67DAr0.js → icon-y1a2N5SZ.js} +3 -3
- package/dist/storybook/assets/icon.stories-D_XEmSGG.js +6 -0
- package/dist/storybook/assets/iframe-OdUxEBCn.js +7 -0
- package/dist/storybook/assets/{index-oLFGkfb-.js → index-7-xF_Wf1.js} +5 -5
- package/dist/storybook/assets/index.es-JXn3JM7k.js +86 -0
- package/dist/storybook/assets/{input-group.stories-zQ6b9scC.js → input-group.stories-EouZEW-v.js} +2 -2
- package/dist/storybook/assets/{input-validation-lIx2JTiW.js → input-validation-aKeFulYg.js} +2 -2
- package/dist/storybook/assets/{inputs-ubhN8jR5.js → inputs--9ASkoLe.js} +14 -14
- package/dist/storybook/assets/{label-J7MI85wD.js → label-RpB4JmHX.js} +1 -1
- package/dist/storybook/assets/label.stories-HcdQ1bEB.js +11 -0
- package/dist/storybook/assets/{layout-forms-R_iC_SeZ.js → layout-forms-bs4G5L9b.js} +4 -4
- package/dist/storybook/assets/{layout-general-2sM6LsZn.js → layout-general-ZfCQGRaN.js} +2 -2
- package/dist/storybook/assets/list-ciYNlkVM.js +8 -0
- package/dist/storybook/assets/{list-heading-vbaXVA9N.js → list-heading-XbqCJOHh.js} +1 -1
- package/dist/storybook/assets/list.stories-G1n5uCjl.js +457 -0
- package/dist/storybook/assets/{list.stories-data-tBKSPg9P.js → list.stories-data-8eswVWst.js} +1 -1
- package/dist/storybook/assets/{loader.stories-9Tv8nlOO.js → loader.stories-G8Q_Fm8u.js} +2 -2
- package/dist/storybook/assets/{menu.stories-iE1tUnCd.js → menu.stories-GFJs09Wk.js} +2 -2
- package/dist/storybook/assets/{menu.stories-data-VCYkzuDD.js → menu.stories-data-c8X93fYM.js} +1 -1
- package/dist/storybook/assets/{message-p9VAXLNZ.js → message-uMHaTEXV.js} +1 -1
- package/dist/storybook/assets/{message.stories-34ul5gSz.js → message.stories-BqM_-mrZ.js} +2 -2
- package/dist/storybook/assets/{modal.stories-RMMVeIMK.js → modal.stories-K4XxeWTp.js} +2 -2
- package/dist/storybook/assets/{number-input.stories-477qVsQF.js → number-input.stories-SOsG2FLJ.js} +2 -2
- package/dist/storybook/assets/option-dropdown.stories-1Y5JDaBF.js +21 -0
- package/dist/storybook/assets/{padding-and-spacing-_thODzSW.js → padding-and-spacing-5Di4mATJ.js} +1 -1
- package/dist/storybook/assets/page.stories-B5gzoAi8.js +57 -0
- package/dist/storybook/assets/{pagination-qKZAUHlD.js → pagination-Eaj_UOBW.js} +1 -1
- package/dist/storybook/assets/{pagination.stories-tRiEpkH6.js → pagination.stories-sl2a8BMq.js} +2 -2
- package/dist/storybook/assets/pop-confirm.stories-94l3Xg8w.js +9 -0
- package/dist/storybook/assets/{popover-GnGIPc9x.js → popover-uAo1e4-D.js} +1 -1
- package/dist/storybook/assets/popover.stories-JVzzF0Jm.js +1 -0
- package/dist/storybook/assets/{preview-eDFlm4aX.js → preview-isirG_5x.js} +2 -2
- package/dist/storybook/assets/{preview-FRdqQg8W.js → preview-vxQ6dQWV.js} +3 -3
- package/dist/storybook/assets/projects.stories-ojOsn6HU.js +47 -0
- package/dist/storybook/assets/{radio-button-T38JdN-I.js → radio-button-QcS9mLYi.js} +1 -1
- package/dist/storybook/assets/{radio-button.stories-MbtUJQ4_.js → radio-button.stories-KCS981-F.js} +5 -5
- package/dist/storybook/assets/{reservoirs.stories-ttnZYnPz.js → reservoirs.stories-Dg5QFAXV.js} +2 -2
- package/dist/storybook/assets/{rich-text-input.stories-OiAxLAVQ.js → rich-text-input.stories-D55Op5Gf.js} +3 -3
- package/dist/storybook/assets/{row.stories-8AoB-Dlf.js → row.stories-2iigGv-u.js} +2 -2
- package/dist/storybook/assets/{select-0hek2Baz.js → select-Z1HqJ5aU.js} +1 -1
- package/dist/storybook/assets/{select.stories-tCGanTNP.js → select.stories-oUxeDUts.js} +2 -2
- package/dist/storybook/assets/{side-bar-0iIgujp4.js → side-bar-GJ2tcZYY.js} +1 -1
- package/dist/storybook/assets/side-bar.stories-Ld0zOToQ.js +1 -0
- package/dist/storybook/assets/{site.stories-2PTp7gw0.js → site.stories-OEW6o2C_.js} +2 -2
- package/dist/storybook/assets/{slider-t5EokN-o.js → slider-_5NQKbM-.js} +2 -2
- package/dist/storybook/assets/{slider.stories-Knk-d29_.js → slider.stories-QyyBB_rz.js} +4 -4
- package/dist/storybook/assets/spacer.stories--ynGgvN4.js +1 -0
- package/dist/storybook/assets/{syntaxhighlighter-NMPM6SWI-y1MAbcc6.js → syntaxhighlighter-NMPM6SWI-ex2bNHCn.js} +1 -1
- package/dist/storybook/assets/{table-o1Zuxe0v.js → table-_jWgMFOi.js} +1 -1
- package/dist/storybook/assets/{table.stories-K2LI80yY.js → table.stories-QupkMmra.js} +2 -2
- package/dist/storybook/assets/{table.stories-data-tHq-3JM9.js → table.stories-data-w897tYMJ.js} +1 -1
- package/dist/storybook/assets/text-link.stories-kjfUeFtk.js +1 -0
- package/dist/storybook/assets/{textarea-QFVBH_vb.js → textarea-mYEkEnUR.js} +1 -1
- package/dist/storybook/assets/{textarea.stories-HETiaNLn.js → textarea.stories-ARS3RM31.js} +1 -1
- package/dist/storybook/assets/{title.stories-waT6sG0P.js → title.stories-14d2lIxy.js} +3 -3
- package/dist/storybook/assets/{toaster-bqqWcltU.js → toaster-eOozfa7U.js} +1 -1
- package/dist/storybook/assets/{toaster.stories-oExX0THb.js → toaster.stories-XhUo3pbR.js} +2 -2
- package/dist/storybook/assets/{toggle-b0PkHQDl.js → toggle-wk0GbVB8.js} +1 -1
- package/dist/storybook/assets/{toggle.stories-wWcYddEt.js → toggle.stories-ItCMhW4M.js} +2 -2
- package/dist/storybook/assets/tooltip.test-case.stories-L2bW8Ijz.js +3 -0
- package/dist/storybook/assets/{top-bar-odjinr_b.js → top-bar-0fDAFWyC.js} +1 -1
- package/dist/storybook/assets/top-bar.stories-YKtteM_h.js +1 -0
- package/dist/storybook/assets/top-bar.testcase.stories-Z-6C5D2R.js +30 -0
- package/dist/storybook/assets/tree.stories-5fjCVN1S.js +180 -0
- package/dist/storybook/assets/unit-input.stories-ZdrR9JWT.js +273 -0
- package/dist/storybook/iframe.html +1 -1
- package/dist/storybook/index.json +1 -1
- package/dist/storybook/project.json +1 -1
- package/dist/storybook/stories.json +1 -1
- package/package.json +1 -2
- package/dist/storybook/assets/actions.stories-T8b1WLu9.js +0 -1
- package/dist/storybook/assets/afe.stories-Vw9r62sk.js +0 -88
- package/dist/storybook/assets/badge.stories-spKtjcPw.js +0 -1
- package/dist/storybook/assets/blowout.stories-U_cS_3Xs.js +0 -40
- package/dist/storybook/assets/button-qfybxFqE.js +0 -1
- package/dist/storybook/assets/button.stories-6GvGJMKF.js +0 -80
- package/dist/storybook/assets/card.stories-v_QIHoI3.js +0 -1
- package/dist/storybook/assets/color-RZTO_BH4.js +0 -25
- package/dist/storybook/assets/empty.stories-quAOsHNV.js +0 -1
- package/dist/storybook/assets/file-input.stories-WyK9TFKC.js +0 -66
- package/dist/storybook/assets/footer.stories-wPp58LMn.js +0 -3
- package/dist/storybook/assets/form.stories-RMbO5qjE.js +0 -49
- package/dist/storybook/assets/formation.stories-0fppcLax.js +0 -74
- package/dist/storybook/assets/help-icon.stories-gjzAU_pF.js +0 -4
- package/dist/storybook/assets/hoist-non-react-statics.cjs-pnyno-Dk.js +0 -8
- package/dist/storybook/assets/icon.stories-vAvCbxZP.js +0 -6
- package/dist/storybook/assets/iframe-uF49rd0M.js +0 -7
- package/dist/storybook/assets/index.es-LXZC0YVN.js +0 -79
- package/dist/storybook/assets/label.stories-kmvMrgz2.js +0 -11
- package/dist/storybook/assets/list-1fS-ZLaF.js +0 -8
- package/dist/storybook/assets/list.stories-maVHoPyy.js +0 -478
- package/dist/storybook/assets/objectWithoutPropertiesLoose-9Q1jwsKS.js +0 -1
- package/dist/storybook/assets/option-dropdown.stories-NRogMOtD.js +0 -21
- package/dist/storybook/assets/page.stories-qo9KEiWt.js +0 -57
- package/dist/storybook/assets/pop-confirm.stories-aFXfbsuI.js +0 -9
- package/dist/storybook/assets/popover.stories-zzxDYG13.js +0 -1
- package/dist/storybook/assets/projects.stories-mDHzd2Nc.js +0 -47
- package/dist/storybook/assets/react-router-dom-2JKSc1g5.js +0 -8
- package/dist/storybook/assets/side-bar.stories-v7wWMQcv.js +0 -1
- package/dist/storybook/assets/spacer.stories--6Lac6Fz.js +0 -1
- package/dist/storybook/assets/text-link.stories-sfurduAc.js +0 -14
- package/dist/storybook/assets/tooltip.test-case.stories-8mCQYXFD.js +0 -3
- package/dist/storybook/assets/top-bar.stories-Q3tcZHmc.js +0 -1
- package/dist/storybook/assets/top-bar.testcase.stories-85g2VfLi.js +0 -30
- package/dist/storybook/assets/tree.stories-vNmT3unc.js +0 -128
- package/dist/storybook/assets/unit-input.stories-OL_uzjER.js +0 -273
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@oliasoft-open-source/react-ui-library",
|
|
3
|
-
"version": "4.4.9-beta-
|
|
3
|
+
"version": "4.4.9-beta-2",
|
|
4
4
|
"description": "Reusable UI components for React projects",
|
|
5
5
|
"homepage": "https://oliasoft-open-source.gitlab.io/react-ui-library",
|
|
6
6
|
"bugs": {
|
|
@@ -93,7 +93,6 @@
|
|
|
93
93
|
"@types/react": "^18.2.21",
|
|
94
94
|
"@types/react-dom": "^18.2.13",
|
|
95
95
|
"@types/react-redux": "^7.1.18",
|
|
96
|
-
"@types/react-router-dom": "^5.3.3",
|
|
97
96
|
"@types/seamless-immutable": "^7.1.16",
|
|
98
97
|
"@typescript-eslint/eslint-plugin": "^6.5.0",
|
|
99
98
|
"@typescript-eslint/parser": "^6.5.0",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as p}from"./jsx-runtime-FsUICBgo.js";import{A as c}from"./actions--jdeAagr.js";import"./index-RfLt4OUa.js";import"./index-VW3EWkuE.js";import"./lodash-Bmg8FrMx.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./button-qfybxFqE.js";import"./spinner-R8Il4aRe.js";import"./icon-_m67DAr0.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./tooltip-ZHdi6rl-.js";import"./index-miLrID2P.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";const d=[{label:"Download",icon:"download",onClick:()=>{},testId:"download"},{label:"Help",icon:"help",onClick:()=>{},disabled:!0,testId:"help"},{label:"More",testId:"more",subActions:[{label:"Move Up",icon:"up",disabled:!0,onClick:()=>{},testId:"move-up"},{label:"Move Down",icon:"down",onClick:()=>{},testId:"move-down"},{type:"Menu",menu:{trigger:"Text",label:"Even more",sections:[{type:"Option",label:"Nested option 1",onClick:()=>{}},{type:"Option",label:"Another nested option",onClick:()=>{}}]}}]},{primary:!0,label:"Add",icon:"add",onClick:()=>{},testId:"add"}],_={title:"Basic/Actions",component:c,args:{actions:d,right:!1},decorators:[o=>p.jsx("div",{style:{display:"inline-flex"},children:o()})],parameters:{docs:{source:{excludeDecorators:!0}}}},m=o=>p.jsx(c,{...o}),t=m.bind({}),e=m.bind({});e.args={actions:d.map(o=>({...o,tooltip:o.label}))};var r,s,i;t.parameters={...t.parameters,docs:{...(r=t.parameters)==null?void 0:r.docs,source:{originalSource:"args => <Actions {...args} />",...(i=(s=t.parameters)==null?void 0:s.docs)==null?void 0:i.source}}};var a,l,n;e.parameters={...e.parameters,docs:{...(a=e.parameters)==null?void 0:a.docs,source:{originalSource:"args => <Actions {...args} />",...(n=(l=e.parameters)==null?void 0:l.docs)==null?void 0:n.source}}};const S=["Default","Tooltip"];export{t as Default,e as Tooltip,S as __namedExportsOrder,_ as default};
|
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as l}from"./index-RfLt4OUa.js";import{I as F}from"./common-types-U65vzrrz.js";import{T as w}from"./top-bar-odjinr_b.js";import{S as C}from"./side-bar-0iIgujp4.js";import{H as n}from"./heading-sY0SLHoQ.js";import{B as s}from"./button-qfybxFqE.js";import{D as I}from"./drawer-LFjap9lP.js";import{L as T}from"./list-1fS-ZLaF.js";import{F as i}from"./field-9udMeZdr.js";import{I as d}from"./input-iDZqV-2m.js";import{A as E}from"./accordion-MRdNs3mQ.js";import{C as a}from"./check-box-7DccPNCs.js";import{F as p}from"./form-row-bwoDTUga.js";import{P as R}from"./page-9-f6BzS0.js";import{R as A,C as B}from"./row-vFUhHoz5.js";import{S as m}from"./select-0hek2Baz.js";import{S as u}from"./spacer-Yji9g2AW.js";import{T as k}from"./tabs-fcLbHC1n.js";import{I as L}from"./input-group-R8LoqKRn.js";import{I as U}from"./input-group-addon-BHVsW9mL.js";import"./index-VW3EWkuE.js";import"./icon-_m67DAr0.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./actions--jdeAagr.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-yrJgkgdC.js";import"./spinner-R8Il4aRe.js";import"./index.es-LXZC0YVN.js";import"./extends-dGVwEr9R.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./hoist-non-react-statics.cjs-pnyno-Dk.js";import"./memoize-one.esm-hqe5SRxC.js";import"./card-0r8RRVk-.js";import"./list-heading-vbaXVA9N.js";import"./loader-TGOJBZQG.js";import"./label-J7MI85wD.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./assertThisInitialized-4q6YPdh3.js";import"./text-6KQ6ntOV.js";import"./select.input-zP5tW20f.js";const c=[{label:"Settings",value:"settings"},{label:"Simulation Results",value:"results"}],H=["30, Conductor, Casing","20, Surface, Casing","13 3/8, Intermediate, Casing","11 3/4, Surface, Casing","9 5/8, Production, Casing"],Ue={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},t=()=>{const[r,g]=l.useState(!0),[f,j]=l.useState(c[0]);return e.jsxs(e.Fragment,{children:[e.jsx(w,{}),e.jsx(C,{options:{title:"",sections:[]}}),e.jsx(R,{padding:!1,scroll:!1,children:e.jsxs(A,{spacing:0,height:"100%",children:[e.jsx(I,{button:e.jsx(s,{onClick:()=>g(!r),round:!0,icon:F.CHEVRON_LEFT}),open:r,width:300,closedWidth:"var(--size-sidebar)",children:e.jsx(T,{drawer:!0,narrow:!r,list:{name:"AFE Simulation",items:[{id:1,name:"Simulation name here",active:!0},{id:2,name:"Ipsum"}]}})}),e.jsxs(B,{scroll:!0,padding:!0,borderLeft:!0,children:[e.jsx(n,{top:!0,children:"Simulation name here"}),e.jsx(k,{options:c,value:f,onChange:o=>{const{value:v,label:S}=o.target;j({value:v,label:S})},margin:0}),e.jsx(u,{}),e.jsxs(p,{children:[e.jsx(i,{label:"Name",children:e.jsx(d,{value:"Simulation name here",width:"200px"})}),e.jsx(i,{label:"Initial condition",children:e.jsx(m,{options:[{label:"E3 - Circulation through drillpipe",value:"e3"}],value:{label:"E3 - Circulation through drillpipe",value:"e3"},native:!0})})]}),H.map(o=>e.jsxs("div",{children:[e.jsx(E,{heading:e.jsx(n,{children:o}),managed:!0,bordered:!0,children:e.jsxs(p,{children:[e.jsx(i,{label:"Leak off @TVD 425",children:e.jsx(a,{label:"Use formation data",checked:!0})}),e.jsx(i,{children:e.jsxs(L,{children:[e.jsx(d,{width:"200px",disabled:!0,value:"1.532142857142857"}),e.jsx(U,{children:"m"})]})}),e.jsx(i,{children:e.jsx(a,{label:"Gas cap"})}),e.jsx(i,{children:e.jsx(a,{label:"Max allowable pressure buildup"})})]})}),e.jsx(u,{})]},o)),e.jsx(i,{label:"Final condition",children:e.jsx(m,{options:[{label:"Undisturbed",value:"Undisturbed"}],value:{label:"Undisturbed",value:"Undisturbed"},native:!0,width:"auto"})}),e.jsx(s,{label:"Simulate",colored:!0})]})]})})]})};var h,b,x;t.parameters={...t.parameters,docs:{...(h=t.parameters)==null?void 0:h.docs,source:{originalSource:`() => {
|
|
2
|
-
const [open, setOpen] = useState(true);
|
|
3
|
-
const [selectedTab, setSelectedTab] = useState(options[0]);
|
|
4
|
-
return <>
|
|
5
|
-
<TopBar />
|
|
6
|
-
<SideBar options={{
|
|
7
|
-
title: '',
|
|
8
|
-
sections: []
|
|
9
|
-
}} />
|
|
10
|
-
<Page padding={false} scroll={false}>
|
|
11
|
-
<Row spacing={0} height="100%">
|
|
12
|
-
<Drawer button={<Button onClick={() => setOpen(!open)} round icon={IconType.CHEVRON_LEFT} />} open={open} width={300} closedWidth="var(--size-sidebar)">
|
|
13
|
-
<List drawer narrow={!open} list={{
|
|
14
|
-
name: 'AFE Simulation',
|
|
15
|
-
items: [{
|
|
16
|
-
id: 1,
|
|
17
|
-
name: 'Simulation name here',
|
|
18
|
-
active: true
|
|
19
|
-
}, {
|
|
20
|
-
id: 2,
|
|
21
|
-
name: 'Ipsum'
|
|
22
|
-
}]
|
|
23
|
-
}} />
|
|
24
|
-
</Drawer>
|
|
25
|
-
<Column scroll padding borderLeft>
|
|
26
|
-
<Heading top>Simulation name here</Heading>
|
|
27
|
-
<Tabs options={options} value={selectedTab} onChange={evt => {
|
|
28
|
-
const {
|
|
29
|
-
value,
|
|
30
|
-
label
|
|
31
|
-
} = evt.target;
|
|
32
|
-
setSelectedTab({
|
|
33
|
-
value,
|
|
34
|
-
label
|
|
35
|
-
});
|
|
36
|
-
}} margin={0} />
|
|
37
|
-
<Spacer />
|
|
38
|
-
<FormRow>
|
|
39
|
-
<Field label="Name">
|
|
40
|
-
<Input value="Simulation name here" width="200px" />
|
|
41
|
-
</Field>
|
|
42
|
-
<Field label="Initial condition">
|
|
43
|
-
<Select options={[{
|
|
44
|
-
label: 'E3 - Circulation through drillpipe',
|
|
45
|
-
value: 'e3'
|
|
46
|
-
}]} value={{
|
|
47
|
-
label: 'E3 - Circulation through drillpipe',
|
|
48
|
-
value: 'e3'
|
|
49
|
-
}} native />
|
|
50
|
-
</Field>
|
|
51
|
-
</FormRow>
|
|
52
|
-
{casingOptions.map(option => <div key={option}>
|
|
53
|
-
<Accordion heading={<Heading>{option}</Heading>} managed bordered>
|
|
54
|
-
<FormRow>
|
|
55
|
-
<Field label="Leak off @TVD 425">
|
|
56
|
-
<CheckBox label="Use formation data" checked />
|
|
57
|
-
</Field>
|
|
58
|
-
<Field>
|
|
59
|
-
<InputGroup>
|
|
60
|
-
<Input width="200px" disabled value="1.532142857142857" />
|
|
61
|
-
<InputGroupAddon>m</InputGroupAddon>
|
|
62
|
-
</InputGroup>
|
|
63
|
-
</Field>
|
|
64
|
-
<Field>
|
|
65
|
-
<CheckBox label="Gas cap" />
|
|
66
|
-
</Field>
|
|
67
|
-
<Field>
|
|
68
|
-
<CheckBox label="Max allowable pressure buildup" />
|
|
69
|
-
</Field>
|
|
70
|
-
</FormRow>
|
|
71
|
-
</Accordion>
|
|
72
|
-
<Spacer />
|
|
73
|
-
</div>)}
|
|
74
|
-
<Field label="Final condition">
|
|
75
|
-
<Select options={[{
|
|
76
|
-
label: 'Undisturbed',
|
|
77
|
-
value: 'Undisturbed'
|
|
78
|
-
}]} value={{
|
|
79
|
-
label: 'Undisturbed',
|
|
80
|
-
value: 'Undisturbed'
|
|
81
|
-
}} native width="auto" />
|
|
82
|
-
</Field>
|
|
83
|
-
<Button label="Simulate" colored />
|
|
84
|
-
</Column>
|
|
85
|
-
</Row>
|
|
86
|
-
</Page>
|
|
87
|
-
</>;
|
|
88
|
-
}`,...(x=(b=t.parameters)==null?void 0:b.docs)==null?void 0:x.source}}};t.__docgenInfo={description:"",methods:[],displayName:"AFESimulation"};const He=["AFESimulation"];export{t as AFESimulation,He as __namedExportsOrder,Ue as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as h}from"./jsx-runtime-FsUICBgo.js";import{B as v}from"./badge-23Ty_zBt.js";import{B as k}from"./button-qfybxFqE.js";import"./index-RfLt4OUa.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./spinner-R8Il4aRe.js";import"./icon-_m67DAr0.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./tooltip-ZHdi6rl-.js";import"./index-miLrID2P.js";const M={title:"Basic/Badge",component:v,args:{title:"3",color:"",small:!1,children:h.jsx(k,{name:"example",label:"Button",onClick:()=>{}})}},r=E=>h.jsx(v,{...E}),m=r.bind({}),e=r.bind({});e.args={small:!0};const a=r.bind({});a.args={dot:!0,title:void 0};const s=r.bind({});s.args={children:void 0};const o=r.bind({});o.args={title:null};const t=r.bind({});t.args={small:!0,title:null};var c,i,l;m.parameters={...m.parameters,docs:{...(c=m.parameters)==null?void 0:c.docs,source:{originalSource:"args => <Badge {...args} />",...(l=(i=m.parameters)==null?void 0:i.docs)==null?void 0:l.source}}};var p,d,n;e.parameters={...e.parameters,docs:{...(p=e.parameters)==null?void 0:p.docs,source:{originalSource:"args => <Badge {...args} />",...(n=(d=e.parameters)==null?void 0:d.docs)==null?void 0:n.source}}};var g,u,B;a.parameters={...a.parameters,docs:{...(g=a.parameters)==null?void 0:g.docs,source:{originalSource:"args => <Badge {...args} />",...(B=(u=a.parameters)==null?void 0:u.docs)==null?void 0:B.source}}};var S,T,b;s.parameters={...s.parameters,docs:{...(S=s.parameters)==null?void 0:S.docs,source:{originalSource:"args => <Badge {...args} />",...(b=(T=s.parameters)==null?void 0:T.docs)==null?void 0:b.source}}};var f,x,j;o.parameters={...o.parameters,docs:{...(f=o.parameters)==null?void 0:f.docs,source:{originalSource:"args => <Badge {...args} />",...(j=(x=o.parameters)==null?void 0:x.docs)==null?void 0:j.source}}};var D,N,_;t.parameters={...t.parameters,docs:{...(D=t.parameters)==null?void 0:D.docs,source:{originalSource:"args => <Badge {...args} />",...(_=(N=t.parameters)==null?void 0:N.docs)==null?void 0:_.source}}};const P=["Default","Small","Dot","Standalone","TestNoTitle","TestSmallNoTitle"];export{m as Default,a as Dot,e as Small,s as Standalone,o as TestNoTitle,t as TestSmallNoTitle,P as __namedExportsOrder,M as default};
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-FsUICBgo.js";import"./index-RfLt4OUa.js";import{I as u}from"./common-types-U65vzrrz.js";import{T as h}from"./top-bar-odjinr_b.js";import{S as g}from"./side-bar-0iIgujp4.js";import{H as o}from"./heading-sY0SLHoQ.js";import{B as a}from"./button-qfybxFqE.js";import{C as i}from"./card-0r8RRVk-.js";import{P as x}from"./page-9-f6BzS0.js";import{R as s,C as n}from"./row-vFUhHoz5.js";import{S as r}from"./spacer-Yji9g2AW.js";import"./index-VW3EWkuE.js";import"./icon-_m67DAr0.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./actions--jdeAagr.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"./drawer-LFjap9lP.js";import"./help-icon-yrJgkgdC.js";import"./spinner-R8Il4aRe.js";import"./styled-components.browser.esm-qIipjd6c.js";const C=({width:p,height:c})=>e.jsx("div",{style:{background:"#ddd",width:p,height:c}}),Q={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},t=()=>e.jsxs(e.Fragment,{children:[e.jsx(h,{}),e.jsx(g,{options:{title:"",sections:[]}}),e.jsxs(x,{padding:"var(--padding)",children:[e.jsxs(s,{children:[e.jsx(n,{width:"80px",children:e.jsx(C,{width:60,height:80})}),e.jsxs(n,{children:[e.jsx(o,{top:!0,children:"Blowout Simulation"}),e.jsx(a,{colored:!0,label:"Save & run simulation"})]}),e.jsx(n,{flex:!1,children:e.jsx(a,{onClick:()=>{},round:!0,icon:u.HELP})})]}),e.jsx(r,{}),e.jsxs(s,{children:[e.jsxs(n,{children:[e.jsx(i,{heading:e.jsx(o,{children:"Reservoir Zones"}),children:"Content"}),e.jsx(r,{}),e.jsx(i,{heading:e.jsx(o,{children:"Simulation Models"}),children:"Content"}),e.jsx(r,{}),e.jsx(i,{heading:e.jsx(o,{children:"Simulation Options"}),children:"Content"})]}),e.jsxs(n,{children:[e.jsx(i,{heading:e.jsx(o,{children:"Drill String"}),children:"Content"}),e.jsx(r,{}),e.jsx(i,{heading:e.jsx(o,{children:"Surface Roughness"}),children:"Content"}),e.jsx(r,{}),e.jsx(i,{heading:e.jsx(o,{children:"Weighted Rates"}),children:"Content"})]})]})]})]});var d,l,m;t.parameters={...t.parameters,docs:{...(d=t.parameters)==null?void 0:d.docs,source:{originalSource:`() => {
|
|
2
|
-
return <>
|
|
3
|
-
<TopBar />
|
|
4
|
-
<SideBar options={{
|
|
5
|
-
title: '',
|
|
6
|
-
sections: []
|
|
7
|
-
}} />
|
|
8
|
-
<Page padding="var(--padding)">
|
|
9
|
-
<Row>
|
|
10
|
-
<Column width="80px">
|
|
11
|
-
<ImagePlaceholder width={60} height={80} />
|
|
12
|
-
</Column>
|
|
13
|
-
<Column>
|
|
14
|
-
<Heading top>Blowout Simulation</Heading>
|
|
15
|
-
<Button colored label="Save & run simulation" />
|
|
16
|
-
</Column>
|
|
17
|
-
<Column flex={false}>
|
|
18
|
-
<Button onClick={() => {}} round icon={IconType.HELP} />
|
|
19
|
-
</Column>
|
|
20
|
-
</Row>
|
|
21
|
-
<Spacer />
|
|
22
|
-
<Row>
|
|
23
|
-
<Column>
|
|
24
|
-
<Card heading={<Heading>Reservoir Zones</Heading>}>Content</Card>
|
|
25
|
-
<Spacer />
|
|
26
|
-
<Card heading={<Heading>Simulation Models</Heading>}>Content</Card>
|
|
27
|
-
<Spacer />
|
|
28
|
-
<Card heading={<Heading>Simulation Options</Heading>}>Content</Card>
|
|
29
|
-
</Column>
|
|
30
|
-
<Column>
|
|
31
|
-
<Card heading={<Heading>Drill String</Heading>}>Content</Card>
|
|
32
|
-
<Spacer />
|
|
33
|
-
<Card heading={<Heading>Surface Roughness</Heading>}>Content</Card>
|
|
34
|
-
<Spacer />
|
|
35
|
-
<Card heading={<Heading>Weighted Rates</Heading>}>Content</Card>
|
|
36
|
-
</Column>
|
|
37
|
-
</Row>
|
|
38
|
-
</Page>
|
|
39
|
-
</>;
|
|
40
|
-
}`,...(m=(l=t.parameters)==null?void 0:l.docs)==null?void 0:m.source}}};t.__docgenInfo={description:"",methods:[],displayName:"Blowout"};const U=["Blowout"];export{t as Blowout,U as __namedExportsOrder,Q as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as n}from"./jsx-runtime-FsUICBgo.js";import{r as M}from"./index-RfLt4OUa.js";import{c as j}from"./index-VW3EWkuE.js";import{C as t,G as _}from"./common-types-U65vzrrz.js";import{D as w}from"./disabled-context-urNQThQz.js";import{S as C}from"./spinner-R8Il4aRe.js";import{I as F}from"./icon-_m67DAr0.js";import{T as R}from"./tooltip-ZHdi6rl-.js";const U="_inputInTable_1rzkf_1",D="_inputHover_1rzkf_13",L="_inputFocus_1rzkf_18",G="_inputError_1rzkf_25",H="_inputWarning_1rzkf_26",W="_inputDisabled_1rzkf_61",A="_hideScrollbars_1rzkf_67",J="_button_1rzkf_100",K="_active_1rzkf_135",P="_green_1rzkf_135",Q="_red_1rzkf_135",X="_orange_1rzkf_135",Y="_icon_1rzkf_147",Z="_iconOnly_1rzkf_153",$="_basic_1rzkf_163",ee="_muted_1rzkf_169",re="_disabled_1rzkf_188",ne="_small_1rzkf_198",ae="_pill_1rzkf_203",te="_round_1rzkf_204",le="_error_1rzkf_276",ie="_warning_1rzkf_293",se="_inverted_1rzkf_310",oe="_groupOrderFirst_1rzkf_340",ue="_groupOrderMiddle_1rzkf_341",de="_groupOrderLast_1rzkf_342",e={inputInTable:U,inputHover:D,inputFocus:L,inputError:G,inputWarning:H,inputDisabled:W,hideScrollbars:A,button:J,active:K,green:P,red:Q,orange:X,icon:Y,iconOnly:Z,basic:$,muted:ee,disabled:re,small:ne,pill:ae,round:te,error:le,warning:ie,inverted:se,groupOrderFirst:oe,groupOrderMiddle:ue,groupOrderLast:de};var l=(r=>(r.SUBMIT="submit",r.BUTTON="button",r.RESET="reset",r))(l||{});const pe=({children:r,tooltip:a=null})=>a?n.jsx(R,{text:a,display:"inline-flex",children:r}):n.jsx(n.Fragment,{children:r}),g=({active:r=!1,basic:a=!1,colored:i=!1,disabled:u=!1,groupOrder:d=null,icon:s=null,label:p="",loading:c=!1,name:y,pill:b=!1,round:v=!1,small:o=!1,styles:k="",width:z="",title:f="",type:q=l.BUTTON,onClick:V=()=>{},error:O,warning:T,testId:x,tooltip:E,inverted:S=!1,component:N="button",url:h})=>{const m=M.useContext(w),B=(()=>{if(i)switch(i){case t.DANGER:case t.RED:return e.red;case t.SUCCESS:case t.GREEN:return e.green;case t.MUTED:return e.muted;default:return e.orange}return""})(),I=(()=>{if(d)switch(d){case _.FIRST:return e.groupOrderFirst;case _.LAST:return e.groupOrderLast;default:return e.groupOrderMiddle}return""})();return n.jsx(pe,{tooltip:E,children:n.jsxs(N,{type:q===l.SUBMIT?l.SUBMIT:l.BUTTON,className:j(e.button,r?e.active:"",a?e.basic:"",B,u||m?e.disabled:"",(s||c)&&!p?e.iconOnly:"",S?e.inverted:"",I,b?e.pill:"",v?e.round:"",o?e.small:"",O?e.error:T?e.warning:"",k),disabled:u||m,name:y??"",onClick:V,...f?{title:f}:{},style:{width:z},"data-testid":x,to:h,children:[s&&n.jsx("span",{className:e.icon,children:n.jsx(F,{icon:s})}),c&&n.jsx("span",{className:e.icon,children:n.jsx(C,{small:!o,tiny:o,dark:!i&&!a,colored:a})}),p]})})};try{g.displayName="Button",g.__docgenInfo={description:"",displayName:"Button",props:{href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"string"}},active:{defaultValue:{value:"false"},description:"",name:"active",required:!1,type:{name:"boolean"}},basic:{defaultValue:{value:"false"},description:"",name:"basic",required:!1,type:{name:"boolean"}},colored:{defaultValue:{value:"false"},description:"",name:"colored",required:!1,type:{name:"string | boolean"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},groupOrder:{defaultValue:{value:"null"},description:"",name:"groupOrder",required:!1,type:{name:"string | null"}},icon:{defaultValue:{value:"null"},description:"",name:"icon",required:!1,type:{name:"ReactNode"}},label:{defaultValue:{value:""},description:"",name:"label",required:!1,type:{name:"ReactNode"}},loading:{defaultValue:{value:"false"},description:"",name:"loading",required:!1,type:{name:"boolean"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string | null"}},onClick:{defaultValue:{value:"() => {}"},description:"",name:"onClick",required:!1,type:{name:"((evt: MouseEvent<HTMLButtonElement, MouseEvent>) => void)"}},pill:{defaultValue:{value:"false"},description:"",name:"pill",required:!1,type:{name:"boolean"}},round:{defaultValue:{value:"false"},description:"",name:"round",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},styles:{defaultValue:{value:""},description:"",name:"styles",required:!1,type:{name:"string"}},width:{defaultValue:{value:""},description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},title:{defaultValue:{value:""},description:"",name:"title",required:!1,type:{name:"string"}},type:{defaultValue:{value:"ButtonType.BUTTON"},description:"",name:"type",required:!1,type:{name:"string"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"string"}},warning:{defaultValue:null,description:"",name:"warning",required:!1,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},tooltip:{defaultValue:{value:"null"},description:"",name:"tooltip",required:!1,type:{name:"ReactNode"}},inverted:{defaultValue:{value:"false"},description:"",name:"inverted",required:!1,type:{name:"boolean"}},component:{defaultValue:null,description:"",name:"component",required:!1,type:{name:"ElementType<any>"}},url:{defaultValue:null,description:"",name:"url",required:!1,type:{name:"string"}}}}}catch{}export{g as B,l as a};
|
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-FsUICBgo.js";import{H as ir,L as F,S as mr,R as S}from"./react-router-dom-2JKSc1g5.js";import{F as pr}from"./flex-ZVra76N-.js";import{B as o,a as Br}from"./button-qfybxFqE.js";import"./index-RfLt4OUa.js";import"./inheritsLoose-Y9jOMJLd.js";import"./index-4QtD-hFu.js";import"./extends-dGVwEr9R.js";import"./hoist-non-react-statics.cjs-pnyno-Dk.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./spinner-R8Il4aRe.js";import"./icon-_m67DAr0.js";import"./tslib.es6-OIsz3r9a.js";import"./tooltip-ZHdi6rl-.js";import"./index-miLrID2P.js";const Ir={title:"Forms/Button",component:o,parameters:{canvas:{page:null}},argTypes:{colored:{control:{type:"inline-radio"},options:{off:!1,primary:"primary",success:"success",danger:"danger",muted:"muted"}},icon:{control:{type:"inline-radio"},options:{off:void 0,on:"delete"}}},args:{label:"Label"}},r=x=>e.jsxs(pr,{gap:"var(--padding-sm)",children:[e.jsx(o,{...x}),e.jsx(o,{colored:!0,...x}),e.jsx(o,{colored:"success",...x}),e.jsx(o,{colored:"danger",...x})]}),b=r.bind({}),s=r.bind({});s.args={small:!0};const a=r.bind({});a.args={basic:!0};const t=r.bind({});t.args={active:!0};const n=r.bind({});n.args={disabled:!0};const c=r.bind({});c.args={icon:"delete"};const d=r.bind({});d.args={round:!0,icon:"delete",label:void 0};const l=r.bind({});l.args={round:!0,icon:"delete",label:void 0,colored:"muted",basic:!0};const u=r.bind({});u.args={width:"100%"};const g=r.bind({});g.args={type:Br.SUBMIT};const p=r.bind({});p.args={label:"Lorem ipsum dolor est compendum",width:"100px",small:!0};const i=r.bind({});i.args={tooltip:"Tooltip goes here"};const m=r.bind({});m.args={label:"Long label goes here lorem ipsum dolor est lorem ipsum",width:"200px"};const B=r.bind({});B.args={label:"Long label goes here lorem ipsum dolor est lorem ipsum",width:"200px",small:!0};const h=()=>e.jsxs(ir,{children:[e.jsxs(pr,{gap:!0,children:[e.jsx(o,{component:F,url:"/dashboard",label:"Dashboard"}),e.jsx(o,{component:F,url:"/settings",label:"Settings"})]}),e.jsxs(mr,{children:[e.jsx(S,{path:"/dashboard",children:"Dashboard"}),e.jsx(S,{path:"/settings",children:"Settings"})]})]});var v,R,j;b.parameters={...b.parameters,docs:{...(v=b.parameters)==null?void 0:v.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
|
|
2
|
-
<Button {...args} />
|
|
3
|
-
<Button colored {...args} />
|
|
4
|
-
<Button colored="success" {...args} />
|
|
5
|
-
<Button colored="danger" {...args} />
|
|
6
|
-
</Flex>`,...(j=(R=b.parameters)==null?void 0:R.docs)==null?void 0:j.source}}};var T,f,L;s.parameters={...s.parameters,docs:{...(T=s.parameters)==null?void 0:T.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
|
|
7
|
-
<Button {...args} />
|
|
8
|
-
<Button colored {...args} />
|
|
9
|
-
<Button colored="success" {...args} />
|
|
10
|
-
<Button colored="danger" {...args} />
|
|
11
|
-
</Flex>`,...(L=(f=s.parameters)==null?void 0:f.docs)==null?void 0:L.source}}};var W,D,w;a.parameters={...a.parameters,docs:{...(W=a.parameters)==null?void 0:W.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
|
|
12
|
-
<Button {...args} />
|
|
13
|
-
<Button colored {...args} />
|
|
14
|
-
<Button colored="success" {...args} />
|
|
15
|
-
<Button colored="danger" {...args} />
|
|
16
|
-
</Flex>`,...(w=(D=a.parameters)==null?void 0:D.docs)==null?void 0:w.source}}};var y,k,A;t.parameters={...t.parameters,docs:{...(y=t.parameters)==null?void 0:y.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
|
|
17
|
-
<Button {...args} />
|
|
18
|
-
<Button colored {...args} />
|
|
19
|
-
<Button colored="success" {...args} />
|
|
20
|
-
<Button colored="danger" {...args} />
|
|
21
|
-
</Flex>`,...(A=(k=t.parameters)==null?void 0:k.docs)==null?void 0:A.source}}};var H,I,M;n.parameters={...n.parameters,docs:{...(H=n.parameters)==null?void 0:H.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
|
|
22
|
-
<Button {...args} />
|
|
23
|
-
<Button colored {...args} />
|
|
24
|
-
<Button colored="success" {...args} />
|
|
25
|
-
<Button colored="danger" {...args} />
|
|
26
|
-
</Flex>`,...(M=(I=n.parameters)==null?void 0:I.docs)==null?void 0:M.source}}};var _,E,O;c.parameters={...c.parameters,docs:{...(_=c.parameters)==null?void 0:_.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
|
|
27
|
-
<Button {...args} />
|
|
28
|
-
<Button colored {...args} />
|
|
29
|
-
<Button colored="success" {...args} />
|
|
30
|
-
<Button colored="danger" {...args} />
|
|
31
|
-
</Flex>`,...(O=(E=c.parameters)==null?void 0:E.docs)==null?void 0:O.source}}};var U,q,z;d.parameters={...d.parameters,docs:{...(U=d.parameters)==null?void 0:U.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
|
|
32
|
-
<Button {...args} />
|
|
33
|
-
<Button colored {...args} />
|
|
34
|
-
<Button colored="success" {...args} />
|
|
35
|
-
<Button colored="danger" {...args} />
|
|
36
|
-
</Flex>`,...(z=(q=d.parameters)==null?void 0:q.docs)==null?void 0:z.source}}};var C,G,J;l.parameters={...l.parameters,docs:{...(C=l.parameters)==null?void 0:C.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
|
|
37
|
-
<Button {...args} />
|
|
38
|
-
<Button colored {...args} />
|
|
39
|
-
<Button colored="success" {...args} />
|
|
40
|
-
<Button colored="danger" {...args} />
|
|
41
|
-
</Flex>`,...(J=(G=l.parameters)==null?void 0:G.docs)==null?void 0:J.source}}};var K,N,P;u.parameters={...u.parameters,docs:{...(K=u.parameters)==null?void 0:K.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
|
|
42
|
-
<Button {...args} />
|
|
43
|
-
<Button colored {...args} />
|
|
44
|
-
<Button colored="success" {...args} />
|
|
45
|
-
<Button colored="danger" {...args} />
|
|
46
|
-
</Flex>`,...(P=(N=u.parameters)==null?void 0:N.docs)==null?void 0:P.source}}};var Q,V,X;g.parameters={...g.parameters,docs:{...(Q=g.parameters)==null?void 0:Q.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
|
|
47
|
-
<Button {...args} />
|
|
48
|
-
<Button colored {...args} />
|
|
49
|
-
<Button colored="success" {...args} />
|
|
50
|
-
<Button colored="danger" {...args} />
|
|
51
|
-
</Flex>`,...(X=(V=g.parameters)==null?void 0:V.docs)==null?void 0:X.source}}};var Y,Z,$;p.parameters={...p.parameters,docs:{...(Y=p.parameters)==null?void 0:Y.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
|
|
52
|
-
<Button {...args} />
|
|
53
|
-
<Button colored {...args} />
|
|
54
|
-
<Button colored="success" {...args} />
|
|
55
|
-
<Button colored="danger" {...args} />
|
|
56
|
-
</Flex>`,...($=(Z=p.parameters)==null?void 0:Z.docs)==null?void 0:$.source}}};var rr,er,or;i.parameters={...i.parameters,docs:{...(rr=i.parameters)==null?void 0:rr.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
|
|
57
|
-
<Button {...args} />
|
|
58
|
-
<Button colored {...args} />
|
|
59
|
-
<Button colored="success" {...args} />
|
|
60
|
-
<Button colored="danger" {...args} />
|
|
61
|
-
</Flex>`,...(or=(er=i.parameters)==null?void 0:er.docs)==null?void 0:or.source}}};var sr,ar,tr;m.parameters={...m.parameters,docs:{...(sr=m.parameters)==null?void 0:sr.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
|
|
62
|
-
<Button {...args} />
|
|
63
|
-
<Button colored {...args} />
|
|
64
|
-
<Button colored="success" {...args} />
|
|
65
|
-
<Button colored="danger" {...args} />
|
|
66
|
-
</Flex>`,...(tr=(ar=m.parameters)==null?void 0:ar.docs)==null?void 0:tr.source}}};var nr,cr,dr;B.parameters={...B.parameters,docs:{...(nr=B.parameters)==null?void 0:nr.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
|
|
67
|
-
<Button {...args} />
|
|
68
|
-
<Button colored {...args} />
|
|
69
|
-
<Button colored="success" {...args} />
|
|
70
|
-
<Button colored="danger" {...args} />
|
|
71
|
-
</Flex>`,...(dr=(cr=B.parameters)==null?void 0:cr.docs)==null?void 0:dr.source}}};var lr,ur,gr;h.parameters={...h.parameters,docs:{...(lr=h.parameters)==null?void 0:lr.docs,source:{originalSource:`() => <HashRouter>
|
|
72
|
-
<Flex gap>
|
|
73
|
-
<Button component={Link} url="/dashboard" label="Dashboard" />
|
|
74
|
-
<Button component={Link} url="/settings" label="Settings" />
|
|
75
|
-
</Flex>
|
|
76
|
-
<Switch>
|
|
77
|
-
<Route path="/dashboard">Dashboard</Route>
|
|
78
|
-
<Route path="/settings">Settings</Route>
|
|
79
|
-
</Switch>
|
|
80
|
-
</HashRouter>`,...(gr=(ur=h.parameters)==null?void 0:ur.docs)==null?void 0:gr.source}}};const Mr=["Default","Small","Basic","Active","Disabled","WithIcon","Round","RoundMuted","FullWidth","Submit","TestSmallButtonWrapping","Tooltip","TestWrapping","TestWrappingSmall","AsRouterLink"];export{t as Active,h as AsRouterLink,a as Basic,b as Default,n as Disabled,u as FullWidth,d as Round,l as RoundMuted,s as Small,g as Submit,p as TestSmallButtonWrapping,m as TestWrapping,B as TestWrappingSmall,i as Tooltip,c as WithIcon,Mr as __namedExportsOrder,Ir as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as d}from"./jsx-runtime-FsUICBgo.js";import{C as S}from"./card-0r8RRVk-.js";import{H as N}from"./heading-sY0SLHoQ.js";import"./index-RfLt4OUa.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./help-icon-yrJgkgdC.js";import"./tooltip-ZHdi6rl-.js";import"./index-miLrID2P.js";import"./icon-_m67DAr0.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";const A={title:"Layout/Card",component:S,args:{raised:!1,children:"Content goes here",padding:!0,bordered:!0}},o=W=>d.jsx(S,{...W}),t=o.bind({}),r=o.bind({});r.args={heading:d.jsx(N,{children:"Heading"})};const e=o.bind({});e.args={heading:d.jsx(N,{onClickHelp:()=>console.log("help!"),children:"Heading"})};const a=o.bind({});a.args={padding:!1};const s=o.bind({});s.args={bordered:!1};var i,p,c;t.parameters={...t.parameters,docs:{...(i=t.parameters)==null?void 0:i.docs,source:{originalSource:"args => <Card {...args} />",...(c=(p=t.parameters)==null?void 0:p.docs)==null?void 0:c.source}}};var m,n,g;r.parameters={...r.parameters,docs:{...(m=r.parameters)==null?void 0:m.docs,source:{originalSource:"args => <Card {...args} />",...(g=(n=r.parameters)==null?void 0:n.docs)==null?void 0:g.source}}};var l,u,h;e.parameters={...e.parameters,docs:{...(l=e.parameters)==null?void 0:l.docs,source:{originalSource:"args => <Card {...args} />",...(h=(u=e.parameters)==null?void 0:u.docs)==null?void 0:h.source}}};var H,C,f;a.parameters={...a.parameters,docs:{...(H=a.parameters)==null?void 0:H.docs,source:{originalSource:"args => <Card {...args} />",...(f=(C=a.parameters)==null?void 0:C.docs)==null?void 0:f.source}}};var b,x,j;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:"args => <Card {...args} />",...(j=(x=s.parameters)==null?void 0:x.docs)==null?void 0:j.source}}};const F=["Default","WithHeading","WithHelpHeading","NoPadding","NoBorder"];export{t as Default,s as NoBorder,a as NoPadding,r as WithHeading,e as WithHelpHeading,F as __namedExportsOrder,A as default};
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import{j as o}from"./jsx-runtime-FsUICBgo.js";import"./chunk-HLWAVYOI-HfFAKSRB.js";import{M as d}from"./index-oLFGkfb-.js";import{r as p}from"./index-RfLt4OUa.js";import{t as m,T as x}from"./toaster-bqqWcltU.js";import{useMDXComponents as l}from"./index-4YXVTraW.js";import"./iframe-uF49rd0M.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-p9VAXLNZ.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./icon-_m67DAr0.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";const h=["--color-text","--color-text-muted","--color-text-faint","--color-text-error","--color-text-warning","--color-text-success","--color-text-info","--color-text-primary","--color-text-primary-hover","--color-text-primary-active"],u=["--color-background","--color-background-raised","--color-background-primary","--color-background-info","--color-background-warning","--color-background-success","--color-background-error"],g=["--color-border","--color-border-error","--color-border-warning","--color-border-focus"],c=[50,100,150,200,250,300,350,400,450,500,550,600,650,700,750,800,850,900,950],j=c.map(r=>`--color-neutral-${r}`),b=c.map(r=>`--color-primary-${r}`),f=c.map(r=>`--color-error-${r}`),y=c.map(r=>`--color-warning-${r}`),C=c.map(r=>`--color-success-${r}`),k=c.map(r=>`--color-info-${r}`),t=({colors:r})=>o.jsx("div",{style:{display:"grid",gridTemplateColumns:"auto 1fr auto 1fr",gap:20,alignItems:"center"},children:r.map((n,a)=>{const e=`var(${n})`,s=()=>{navigator.clipboard.writeText(e),m({message:{type:"Success",content:"Copied to clipboard"}})};return o.jsxs(p.Fragment,{children:[o.jsx("div",{style:{padding:"var(--padding)",backgroundColor:e,border:"1px solid rgba(0,0,0,0.1)"},onClick:s}),o.jsx("code",{onClick:s,children:e})]},a)})});try{t.displayName="ColorPalette",t.__docgenInfo={description:"",displayName:"ColorPalette",props:{colors:{defaultValue:null,description:"",name:"colors",required:!0,type:{name:"string[]"}}}}}catch{}function i(r){const n=Object.assign({h1:"h1",p:"p",strong:"strong",h2:"h2",h3:"h3"},l(),r.components);return o.jsxs(o.Fragment,{children:[o.jsx(d,{title:"Colors"}),`
|
|
2
|
-
`,o.jsx(n.h1,{id:"colors",children:"Colors"}),`
|
|
3
|
-
`,o.jsx(n.p,{children:"When setting colors (either by component props or in custom styling), prefer named CSS variables to literal color values."}),`
|
|
4
|
-
`,o.jsx(n.p,{children:o.jsx(n.strong,{children:"Click on a color below to copy the variable name to the clipboard."})}),`
|
|
5
|
-
`,o.jsx(n.h2,{id:"named-colors",children:"Named colors"}),`
|
|
6
|
-
`,o.jsx(n.h3,{id:"text",children:"Text"}),`
|
|
7
|
-
`,o.jsx(t,{colors:h}),`
|
|
8
|
-
`,o.jsx(n.h3,{id:"backgrounds",children:"Backgrounds"}),`
|
|
9
|
-
`,o.jsx(t,{colors:u}),`
|
|
10
|
-
`,o.jsx(n.h3,{id:"borders",children:"Borders"}),`
|
|
11
|
-
`,o.jsx(t,{colors:g}),`
|
|
12
|
-
`,o.jsx(n.h2,{id:"base-colors",children:"Base colors"}),`
|
|
13
|
-
`,o.jsx(n.h3,{id:"neutral",children:"Neutral"}),`
|
|
14
|
-
`,o.jsx(t,{colors:j}),`
|
|
15
|
-
`,o.jsx(n.h3,{id:"primary",children:"Primary"}),`
|
|
16
|
-
`,o.jsx(t,{colors:b}),`
|
|
17
|
-
`,o.jsx(n.h3,{id:"error",children:"Error"}),`
|
|
18
|
-
`,o.jsx(t,{colors:f}),`
|
|
19
|
-
`,o.jsx(n.h3,{id:"warning",children:"Warning"}),`
|
|
20
|
-
`,o.jsx(t,{colors:y}),`
|
|
21
|
-
`,o.jsx(n.h3,{id:"success",children:"Success"}),`
|
|
22
|
-
`,o.jsx(t,{colors:C}),`
|
|
23
|
-
`,o.jsx(n.h3,{id:"info",children:"Info"}),`
|
|
24
|
-
`,o.jsx(t,{colors:k}),`
|
|
25
|
-
`,o.jsx(x,{})]})}function A(r={}){const{wrapper:n}=Object.assign({},l(),r.components);return n?o.jsx(n,Object.assign({},r,{children:o.jsx(i,r)})):i(r)}export{A 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-qfybxFqE.js";import"./index-RfLt4OUa.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./spinner-R8Il4aRe.js";import"./icon-_m67DAr0.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./tooltip-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 C={title:"Progress/Empty",component:s,args:{text:"No data",width:"100%",height:"100%"}},u=r=>t.jsx(s,{...r}),a=u.bind({}),e=u.bind({});e.args={text:"Please apply at least one casing in Well Schematics to perform drilling mechanics",children:t.jsx(y,{colored:!0,label:"Add casing"}),testId:"empty-with-button"};var l,n,p;a.parameters={...a.parameters,docs:{...(l=a.parameters)==null?void 0:l.docs,source:{originalSource:"args => <Empty {...args} />",...(p=(n=a.parameters)==null?void 0:n.docs)==null?void 0:p.source}}};var c,d,m;e.parameters={...e.parameters,docs:{...(c=e.parameters)==null?void 0:c.docs,source:{originalSource:"args => <Empty {...args} />",...(m=(d=e.parameters)==null?void 0:d.docs)==null?void 0:m.source}}};const W=["Default","WithButton"];export{a as Default,e as WithButton,W as __namedExportsOrder,C as default};
|
|
@@ -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-qfybxFqE.js";import{S as h}from"./spacer-Yji9g2AW.js";import{a as V,M as L}from"./message-p9VAXLNZ.js";import{T as M}from"./textarea-QFVBH_vb.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-_m67DAr0.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.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__,Ae={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 Ie=["Default","RestrictFiletype","ReadJSONFile","Image","Multi"];export{m as Default,g as Image,f as Multi,d as ReadJSONFile,c as RestrictFiletype,Ie as __namedExportsOrder,Ae as default};
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-FsUICBgo.js";import{T as p}from"./table-o1Zuxe0v.js";import{t as a,r as s}from"./table.stories-data-tHq-3JM9.js";import"./index-RfLt4OUa.js";import"./index-VW3EWkuE.js";import"./index.es-LXZC0YVN.js";import"./inheritsLoose-Y9jOMJLd.js";import"./extends-dGVwEr9R.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./hoist-non-react-statics.cjs-pnyno-Dk.js";import"./index-miLrID2P.js";import"./memoize-one.esm-hqe5SRxC.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./lodash-Bmg8FrMx.js";import"./actions--jdeAagr.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./button-qfybxFqE.js";import"./spinner-R8Il4aRe.js";import"./icon-_m67DAr0.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./tooltip-ZHdi6rl-.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./heading-sY0SLHoQ.js";import"./help-icon-yrJgkgdC.js";import"./pagination-qKZAUHlD.js";import"./select-0hek2Baz.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-7DccPNCs.js";import"./slider-t5EokN-o.js";import"./index-ugi_ZH6T.js";import"./popover-GnGIPc9x.js";import"./flex-ZVra76N-.js";const or={title:"Basic/Table/Footer",component:p,args:{table:{...a}}},n=i=>e.jsx(p,{...i}),r=n.bind({});r.args={table:s};var o,t,m;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:`args => {
|
|
2
|
-
return <Table {...args} />;
|
|
3
|
-
}`,...(m=(t=r.parameters)==null?void 0:t.docs)==null?void 0:m.source}}};const tr=["Footer"];export{r as Footer,tr as __namedExportsOrder,or as default};
|
|
@@ -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-9udMeZdr.js";import{I as b}from"./input-iDZqV-2m.js";import{S as c}from"./select-0hek2Baz.js";import{C as G}from"./check-box-7DccPNCs.js";import{B as N}from"./button-group-kcxXYkIJ.js";import{B as _}from"./button-qfybxFqE.js";import{T as E}from"./toggle-b0PkHQDl.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-t5EokN-o.js";import{T as $}from"./textarea-QFVBH_vb.js";import{R as q}from"./radio-button-T38JdN-I.js";import{M as z}from"./actions--jdeAagr.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-J7MI85wD.js";import"./help-icon-yrJgkgdC.js";import"./tooltip-ZHdi6rl-.js";import"./index-miLrID2P.js";import"./icon-_m67DAr0.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./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 Le={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 Me=["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,Me as __namedExportsOrder,Le 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-odjinr_b.js";import{S as g}from"./side-bar-0iIgujp4.js";import{H as v}from"./heading-sY0SLHoQ.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-o1Zuxe0v.js";import"./index-VW3EWkuE.js";import"./icon-_m67DAr0.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./common-types-U65vzrrz.js";import"./button-qfybxFqE.js";import"./spinner-R8Il4aRe.js";import"./tooltip-ZHdi6rl-.js";import"./index-miLrID2P.js";import"./actions--jdeAagr.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-LFjap9lP.js";import"./help-icon-yrJgkgdC.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./select.input-zP5tW20f.js";import"./index.es-LXZC0YVN.js";import"./extends-dGVwEr9R.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./hoist-non-react-statics.cjs-pnyno-Dk.js";import"./memoize-one.esm-hqe5SRxC.js";import"./pagination-qKZAUHlD.js";import"./select-0hek2Baz.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-7DccPNCs.js";import"./slider-t5EokN-o.js";import"./popover-GnGIPc9x.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)"]}),fe={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"}],[l,m]=c.useState(t[0]);return e.jsxs(e.Fragment,{children:[e.jsx(d,{}),e.jsx(g,{options:{title:"",sections:[]}}),e.jsxs(b,{padding:"var(--padding)",scroll:!0,children:[e.jsx(v,{top:!0,marginBottom:0,children:"Formation Inputs"}),e.jsx(f,{margin:!1,options:t,value:l,onChange:n=>{const{value:p,label:u}=n.target;m({value:p,label:u})}}),e.jsx(x,{}),e.jsxs(h,{flex:!0,children:[e.jsx(o,{width:400,children:e.jsx(j,{table:{headers:[{cells:[{value:"Name"},{value:"Origin"}]}],rows:[{cells:[{value:"Brown rice"},{value:"Vietnam"}]},{cells:[{value:"Buckwheat"},{value:"Poland"}]},{cells:[{value:"Couscous"},{value:"France"}]}]}})}),e.jsx(o,{children:e.jsx(T,{})})]})]})]})};var r,s,i;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
|
-
}`,...(i=(s=a.parameters)==null?void 0:s.docs)==null?void 0:i.source}}};a.__docgenInfo={description:"",methods:[],displayName:"Formation"};const je=["Formation"];export{a as Formation,je as __namedExportsOrder,fe as default};
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import{j as p}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-yrJgkgdC.js";import"./index-VW3EWkuE.js";import"./tooltip-ZHdi6rl-.js";import"./index-miLrID2P.js";import"./icon-_m67DAr0.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";const Q={title:"Basic/HelpIcon",component:l},e=r=>p.jsx(l,{...r}),n=e.bind({}),o=e.bind({});o.args={text:"Tooltip goes here"};const s=e.bind({});s.args={text:p.jsxs("div",{children:["Tooltip ",p.jsx("em",{children:"goes"})," ",p.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 p.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;n.parameters={...n.parameters,docs:{...(m=n.parameters)==null?void 0:m.docs,source:{originalSource:"args => <HelpIcon {...args} />",...(u=(g=n.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 V=["Default","Text","JSXText","OnClick","Library","Lock","TestId"];export{n as Default,s as JSXText,c as Library,i as Lock,a as OnClick,t as TestId,o as Text,V as __namedExportsOrder,Q as default};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import{g as R}from"./index-RfLt4OUa.js";var D="Invariant failed";function k(r,n){if(!r)throw new Error(D)}var E={exports:{}},e={};/** @license React v16.13.1
|
|
2
|
-
* react-is.production.min.js
|
|
3
|
-
*
|
|
4
|
-
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
5
|
-
*
|
|
6
|
-
* This source code is licensed under the MIT license found in the
|
|
7
|
-
* LICENSE file in the root directory of this source tree.
|
|
8
|
-
*/var t=typeof Symbol=="function"&&Symbol.for,P=t?Symbol.for("react.element"):60103,g=t?Symbol.for("react.portal"):60106,u=t?Symbol.for("react.fragment"):60107,s=t?Symbol.for("react.strict_mode"):60108,a=t?Symbol.for("react.profiler"):60114,i=t?Symbol.for("react.provider"):60109,p=t?Symbol.for("react.context"):60110,T=t?Symbol.for("react.async_mode"):60111,y=t?Symbol.for("react.concurrent_mode"):60111,l=t?Symbol.for("react.forward_ref"):60112,m=t?Symbol.for("react.suspense"):60113,C=t?Symbol.for("react.suspense_list"):60120,S=t?Symbol.for("react.memo"):60115,d=t?Symbol.for("react.lazy"):60116,z=t?Symbol.for("react.block"):60121,L=t?Symbol.for("react.fundamental"):60117,W=t?Symbol.for("react.responder"):60118,q=t?Symbol.for("react.scope"):60119;function o(r){if(typeof r=="object"&&r!==null){var n=r.$$typeof;switch(n){case P:switch(r=r.type,r){case T:case y:case u:case a:case s:case m:return r;default:switch(r=r&&r.$$typeof,r){case p:case l:case d:case S:case i:return r;default:return n}}case g:return n}}}function A(r){return o(r)===y}e.AsyncMode=T;e.ConcurrentMode=y;e.ContextConsumer=p;e.ContextProvider=i;e.Element=P;e.ForwardRef=l;e.Fragment=u;e.Lazy=d;e.Memo=S;e.Portal=g;e.Profiler=a;e.StrictMode=s;e.Suspense=m;e.isAsyncMode=function(r){return A(r)||o(r)===T};e.isConcurrentMode=A;e.isContextConsumer=function(r){return o(r)===p};e.isContextProvider=function(r){return o(r)===i};e.isElement=function(r){return typeof r=="object"&&r!==null&&r.$$typeof===P};e.isForwardRef=function(r){return o(r)===l};e.isFragment=function(r){return o(r)===u};e.isLazy=function(r){return o(r)===d};e.isMemo=function(r){return o(r)===S};e.isPortal=function(r){return o(r)===g};e.isProfiler=function(r){return o(r)===a};e.isStrictMode=function(r){return o(r)===s};e.isSuspense=function(r){return o(r)===m};e.isValidElementType=function(r){return typeof r=="string"||typeof r=="function"||r===u||r===y||r===a||r===s||r===m||r===C||typeof r=="object"&&r!==null&&(r.$$typeof===d||r.$$typeof===S||r.$$typeof===i||r.$$typeof===p||r.$$typeof===l||r.$$typeof===L||r.$$typeof===W||r.$$typeof===q||r.$$typeof===z)};e.typeOf=o;E.exports=e;var K=E.exports,O=K,V={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},Y={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},B={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},F={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},x={};x[O.ForwardRef]=B;x[O.Memo]=F;function j(r){return O.isMemo(r)?F:x[r.$$typeof]||V}var G=Object.defineProperty,H=Object.getOwnPropertyNames,M=Object.getOwnPropertySymbols,J=Object.getOwnPropertyDescriptor,Q=Object.getPrototypeOf,h=Object.prototype;function I(r,n,v){if(typeof n!="string"){if(h){var b=Q(n);b&&b!==h&&I(r,b,v)}var c=H(n);M&&(c=c.concat(M(n)));for(var w=j(r),_=j(n),$=0;$<c.length;++$){var f=c[$];if(!Y[f]&&!(v&&v[f])&&!(_&&_[f])&&!(w&&w[f])){var N=J(n,f);try{G(r,f,N)}catch{}}}}return r}var U=I;const rr=R(U);export{rr as h,k as i};
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import{j as o}from"./jsx-runtime-FsUICBgo.js";import{G as f,I as i,i as v}from"./icon-_m67DAr0.js";import{s as P}from"./icon-custom-PyWFQsS3.js";import{G as U}from"./grid-u1mZpaML.js";import{F as G}from"./flex-ZVra76N-.js";import{T as h}from"./text-6KQ6ntOV.js";import"./index-RfLt4OUa.js";import"./index-VW3EWkuE.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./styled-components.browser.esm-qIipjd6c.js";function H(r){return f({tag:"svg",attr:{viewBox:"0 0 448 512"},child:[{tag:"path",attr:{d:"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"}}]})(r)}const sr={title:"Basic/Icon",component:i,argTypes:{color:{control:"text"},size:{control:"text"}},args:{icon:"settings"}},M=r=>o.jsx(i,{...r}),D=M.bind({}),A=()=>o.jsx(U,{gap:!0,columns:"1fr 1fr 1fr",children:v.map(r=>o.jsxs(G,{gap:"var(--padding-xs)",children:[o.jsx(i,{icon:r}),o.jsx(h,{children:r})]},r))}),s=M.bind({});s.args={size:"var(--size-lg)"};const g=M.bind({});g.args={icon:o.jsx(H,{})};const a=M.bind({});a.args={color:"var(--color-text-primary)"};const I=M.bind({});I.args={icon:P,size:"var(--size-lg)",color:"var(--color-text-primary)"};const e=M.bind({});e.args={icon:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMzAgMzAiIHdpZHRoPSIzMHB4IiBoZWlnaHQ9IjMwcHgiPgogICAgPHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNIDUgNCBDIDQuNDQ4IDQgNCA0LjQ0OCA0IDUgTCA0IDkgQyA0IDkuMjU2IDQuMDk3OTY4NyA5LjUxMjAzMTIgNC4yOTI5Njg4IDkuNzA3MDMxMiBDIDQuNjgyOTY4NyAxMC4wOTgwMzEgNS4zMTYwMzEyIDEwLjA5ODAzMSA1LjcwNzAzMTIgOS43MDcwMzEyIEwgNyA4LjQxNDA2MjUgTCAxMS40MTQwNjIgMTIuODI4MTI1IEMgMTEuNzg5OTI0IDEzLjIwMzk4NyAxMiAxMy43MTA4NDQgMTIgMTQuMjQyMTg4IEwgMTIgMjAgQSAxLjAwMDEgMS4wMDAxIDAgMSAwIDE0IDIwIEwgMTQgMTQuMjQyMTg4IEMgMTQgMTMuMTgxNTMxIDEzLjU3ODI2MyAxMi4xNjQyMDIgMTIuODI4MTI1IDExLjQxNDA2MiBMIDguNDE0MDYyNSA3IEwgOS43MDcwMzEyIDUuNzA3MDMxMiBDIDEwLjA5ODAzMSA1LjMxNzAzMTMgMTAuMDk4MDMxIDQuNjgzOTY4OCA5LjcwNzAzMTIgNC4yOTI5Njg4IEMgOS41MTIwMzEyIDQuMDk3OTY4NyA5LjI1NiA0IDkgNCBMIDUgNCB6IE0gMjEgNCBDIDIwLjc0NCA0IDIwLjQ4Nzk2OSA0LjA5Nzk2ODcgMjAuMjkyOTY5IDQuMjkyOTY4OCBDIDE5LjkwMTk2OSA0LjY4Mzk2ODggMTkuOTAxOTY5IDUuMzE3MDMxMyAyMC4yOTI5NjkgNS43MDcwMzEyIEwgMjEuNTg1OTM4IDcgTCAxNy4xNzE4NzUgMTEuNDE0MDYyIEMgMTYuNDIxNzM3IDEyLjE2NDIwMiAxNiAxMy4xODE1MyAxNiAxNC4yNDIxODggTCAxNiAyMCBBIDEuMDAwMSAxLjAwMDEgMCAxIDAgMTggMjAgTCAxOCAxNC4yNDIxODggQyAxOCAxMy43MTA4NDMgMTguMjEwMDc2IDEzLjIwMzk4NyAxOC41ODU5MzggMTIuODI4MTI1IEwgMjMgOC40MTQwNjI1IEwgMjQuMjkyOTY5IDkuNzA3MDMxMiBDIDI0LjY4Mzk2OSAxMC4wOTgwMzEgMjUuMzE3MDMxIDEwLjA5ODAzMSAyNS43MDcwMzEgOS43MDcwMzEyIEMgMjUuOTAyMDMxIDkuNTEyMDMxMiAyNiA5LjI1NiAyNiA5IEwgMjYgNSBDIDI2IDQuNDQ4IDI1LjU1MiA0IDI1IDQgTCAyMSA0IHogTSA0Ljk4NDM3NSAxMi45ODYzMjggQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQgMTQgTCA0IDI0IEMgNCAyNS4wOTMwNjMgNC45MDY5MzcyIDI2IDYgMjYgTCAyNCAyNiBDIDI1LjA5MzA2MyAyNiAyNiAyNS4wOTMwNjMgMjYgMjQgTCAyNiAxNCBBIDEuMDAwMSAxLjAwMDEgMCAxIDAgMjQgMTQgTCAyNCAyNCBMIDYgMjQgTCA2IDE0IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCA0Ljk4NDM3NSAxMi45ODYzMjggeiIvPgo8L3N2Zz4K",size:"var(--size-lg)",color:"var(--color-text-primary)"};const c=M.bind({});c.args={onClick:()=>{}};var t,N,n;D.parameters={...D.parameters,docs:{...(t=D.parameters)==null?void 0:t.docs,source:{originalSource:"(args: IconProps) => <Icon {...args} />",...(n=(N=D.parameters)==null?void 0:N.docs)==null?void 0:n.source}}};var j,m,x;A.parameters={...A.parameters,docs:{...(j=A.parameters)==null?void 0:j.docs,source:{originalSource:`() => <Grid gap columns="1fr 1fr 1fr">
|
|
2
|
-
{iconNames.map(icon => <Flex gap="var(--padding-xs)" key={icon}>
|
|
3
|
-
<Icon icon={icon} />
|
|
4
|
-
<Text>{icon}</Text>
|
|
5
|
-
</Flex>)}
|
|
6
|
-
</Grid>`,...(x=(m=A.parameters)==null?void 0:m.docs)==null?void 0:x.source}}};var T,u,p;s.parameters={...s.parameters,docs:{...(T=s.parameters)==null?void 0:T.docs,source:{originalSource:"(args: IconProps) => <Icon {...args} />",...(p=(u=s.parameters)==null?void 0:u.docs)==null?void 0:p.source}}};var y,z,E;g.parameters={...g.parameters,docs:{...(y=g.parameters)==null?void 0:y.docs,source:{originalSource:"(args: IconProps) => <Icon {...args} />",...(E=(z=g.parameters)==null?void 0:z.docs)==null?void 0:E.source}}};var d,w,l;a.parameters={...a.parameters,docs:{...(d=a.parameters)==null?void 0:d.docs,source:{originalSource:"(args: IconProps) => <Icon {...args} />",...(l=(w=a.parameters)==null?void 0:w.docs)==null?void 0:l.source}}};var C,O,S;I.parameters={...I.parameters,docs:{...(C=I.parameters)==null?void 0:C.docs,source:{originalSource:"(args: IconProps) => <Icon {...args} />",...(S=(O=I.parameters)==null?void 0:O.docs)==null?void 0:S.source}}};var Q,L,k;e.parameters={...e.parameters,docs:{...(Q=e.parameters)==null?void 0:Q.docs,source:{originalSource:"(args: IconProps) => <Icon {...args} />",...(k=(L=e.parameters)==null?void 0:L.docs)==null?void 0:k.source}}};var B,Y,b;c.parameters={...c.parameters,docs:{...(B=c.parameters)==null?void 0:B.docs,source:{originalSource:"(args: IconProps) => <Icon {...args} />",...(b=(Y=c.parameters)==null?void 0:Y.docs)==null?void 0:b.source}}};const gr=["Default","NamedIcons","Size","ReactIcon","Color","CustomSVG","Base64SVG","Clickable"];export{e as Base64SVG,c as Clickable,a as Color,I as CustomSVG,D as Default,A as NamedIcons,g as ReactIcon,s as Size,gr as __namedExportsOrder,sr as default};
|