@oliasoft-open-source/react-ui-library 4.0.0-beta-41 → 4.0.0-beta-43
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-8ef3e3e3.css → index-43ff55cc.css} +224 -226
- package/dist/assets/{index-a2cb184d.js → index-678883cb.js} +3933 -3983
- package/dist/global.css +224 -226
- package/dist/index.d.ts +1 -1
- package/dist/index.html +1 -1
- package/dist/{index.js.js → index.js} +4173 -4415
- package/dist/{index.js.js.map → index.js.map} +1 -1
- package/dist/storybook/assets/{Color-6VNJS4EI-951af3ca.js → Color-6VNJS4EI-3eb92fb2.js} +1 -1
- package/dist/storybook/assets/{DocsRenderer-NNNQARDV-5762b18d.js → DocsRenderer-NNNQARDV-e58a3c3e.js} +1 -1
- package/dist/storybook/assets/{WithTooltip-4HIR6TLV-77adcdcf.js → WithTooltip-4HIR6TLV-4fcef8c9.js} +1 -1
- package/dist/storybook/assets/accordion-cd476d4f.js +1 -0
- package/dist/storybook/assets/{accordion.stories-cab091d5.js → accordion.stories-3d8fe903.js} +1 -1
- package/dist/storybook/assets/{actions-3e8ee8ec.js → actions-adb8a67c.js} +1 -1
- package/dist/storybook/assets/actions.stories-b521d983.js +1 -0
- package/dist/storybook/assets/afe.stories-685199e5.js +88 -0
- package/dist/storybook/assets/badge-a96e6194.js +1 -0
- package/dist/storybook/assets/badge.stories-d87d72ea.js +1 -0
- package/dist/storybook/assets/blowout.stories-6fd053d3.js +40 -0
- package/dist/storybook/assets/{button-9027cb35.js → button-1a1d00ec.js} +1 -1
- package/dist/storybook/assets/button-b23dc30f.css +1 -0
- package/dist/storybook/assets/{button-group-38c835a9.js → button-group-7a580d77.js} +1 -1
- package/dist/storybook/assets/{button-group.stories-974dac57.js → button-group.stories-2a0d261e.js} +2 -2
- package/dist/storybook/assets/{button.stories-16d12b0f.js → button.stories-b133b0a3.js} +2 -2
- package/dist/storybook/assets/{buttons-and-links-df37bac0.js → buttons-and-links-127afb84.js} +4 -4
- package/dist/storybook/assets/card.stories-3b696865.js +1 -0
- package/dist/storybook/assets/{casing-loads.stories-d67519eb.js → casing-loads.stories-1ceb198b.js} +1 -1
- package/dist/storybook/assets/{cell.stories-73e26552.js → cell.stories-5cfa0539.js} +1 -1
- package/dist/storybook/assets/{check-box-24c24273.js → check-box-283097fe.js} +1 -1
- package/dist/storybook/assets/{check-box.stories-3d6634c8.js → check-box.stories-0e963883.js} +2 -2
- package/dist/storybook/assets/{chunk-HLWAVYOI-fe0f6432.js → chunk-HLWAVYOI-381d26f4.js} +1 -1
- package/dist/storybook/assets/color-6644948d.js +25 -0
- package/dist/storybook/assets/{column.stories-af59d0d2.js → column.stories-c33c262e.js} +1 -1
- package/dist/storybook/assets/{dialog-c478135c.js → dialog-98261434.js} +1 -1
- package/dist/storybook/assets/{drawer-ec715a11.js → drawer-7274f5d8.js} +1 -1
- package/dist/storybook/assets/{drawer.stories-65a01d92.js → drawer.stories-01e2660f.js} +1 -1
- package/dist/storybook/assets/empty.stories-9982e61d.js +1 -0
- package/dist/storybook/assets/{field-69d1c5f6.js → field-8f023b56.js} +1 -1
- package/dist/storybook/assets/{field.stories-5e6decce.js → field.stories-b09e25e8.js} +6 -6
- package/dist/storybook/assets/file-input.stories-aeba5023.js +55 -0
- package/dist/storybook/assets/{flex.stories-14abf186.js → flex.stories-a3bc260d.js} +2 -2
- package/dist/storybook/assets/footer.stories-f6d7d168.js +3 -0
- package/dist/storybook/assets/form.stories-88027b07.js +49 -0
- package/dist/storybook/assets/formation.stories-80b682c7.js +74 -0
- package/dist/storybook/assets/{formatter-SWP5E3XI-e38adbdd.js → formatter-SWP5E3XI-419fba13.js} +1 -1
- package/dist/storybook/assets/{grid-355afb53.js → grid-78d1b29a.js} +1 -1
- package/dist/storybook/assets/{grid.stories-0436fc1f.js → grid.stories-40a81209.js} +1 -1
- package/dist/storybook/assets/{heading-5eb5ea78.js → heading-2919c91b.js} +1 -1
- package/dist/storybook/assets/{heading.stories-de807b21.js → heading.stories-8f6abd00.js} +4 -4
- package/dist/storybook/assets/{help-icon-6216ea0b.js → help-icon-ca6c6ab6.js} +1 -1
- package/dist/storybook/assets/help-icon.stories-47951c13.js +4 -0
- package/dist/storybook/assets/{icon-6cfc6944.js → icon-281c0950.js} +3 -3
- package/dist/storybook/assets/icon.stories-4c9c6c48.js +6 -0
- package/dist/storybook/assets/iframe-7eb9dcc5.js +1 -0
- package/dist/storybook/assets/{index-bcb9aa42.js → index-11458b7d.js} +4 -4
- package/dist/storybook/assets/index.es-a10b54aa.js +86 -0
- package/dist/storybook/assets/input-411da348.css +1 -0
- package/dist/storybook/assets/input-d116362c.js +1 -0
- package/dist/storybook/assets/{input-group.stories-14403f67.js → input-group.stories-eb5a6391.js} +2 -2
- package/dist/storybook/assets/{input-validation-48b4ad26.js → input-validation-fef56578.js} +2 -2
- package/dist/storybook/assets/{input.stories-aae510d1.js → input.stories-45602b99.js} +1 -1
- package/dist/storybook/assets/{inputs-aca1126b.js → inputs-4fe21352.js} +2 -2
- package/dist/storybook/assets/{label-92aaba2c.js → label-17fa7b23.js} +1 -1
- package/dist/storybook/assets/label.stories-aff645b4.js +11 -0
- package/dist/storybook/assets/{layout-forms-15e6be14.js → layout-forms-954eeb0e.js} +2 -2
- package/dist/storybook/assets/{layout-general-185a710d.js → layout-general-33eea987.js} +1 -1
- package/dist/storybook/assets/{list-1c815d64.js → list-697735f7.js} +1 -1
- package/dist/storybook/assets/{list-heading-e884ff66.js → list-heading-125fdb52.js} +1 -1
- package/dist/storybook/assets/{list.stories-5ed17982.js → list.stories-2527b94e.js} +1 -1
- package/dist/storybook/assets/{list.stories-data-8d368568.js → list.stories-data-be8f33d5.js} +1 -1
- package/dist/storybook/assets/{loader.stories-770a461c.js → loader.stories-a05a2390.js} +2 -2
- package/dist/storybook/assets/{menu.stories-75e3d93b.js → menu.stories-c8dbcdd2.js} +6 -6
- package/dist/storybook/assets/{menu.stories-data-e1dec633.js → menu.stories-data-cad23633.js} +1 -1
- package/dist/storybook/assets/{message.stories-bd3f7d97.js → message.stories-78cd112a.js} +1 -1
- package/dist/storybook/assets/{modal.stories-5de5b5eb.js → modal.stories-2f816492.js} +2 -2
- package/dist/storybook/assets/{number-input-11543c86.js → number-input-2867677b.js} +1 -1
- package/dist/storybook/assets/{number-input.stories-52849ddb.js → number-input.stories-282556af.js} +2 -2
- package/dist/storybook/assets/option-dropdown.stories-220ed20f.js +21 -0
- package/dist/storybook/assets/{padding-and-spacing-cee5abee.js → padding-and-spacing-42821b75.js} +1 -1
- package/dist/storybook/assets/page.stories-4d620716.js +57 -0
- package/dist/storybook/assets/{pagination-0755df3d.js → pagination-6b5d345a.js} +1 -1
- package/dist/storybook/assets/{pagination.stories-e048c82b.js → pagination.stories-f170a87d.js} +2 -2
- package/dist/storybook/assets/pop-confirm.stories-555827b9.js +7 -0
- package/dist/storybook/assets/{popover-64e44a17.js → popover-ee6860bd.js} +1 -1
- package/dist/storybook/assets/popover.stories-8b826d9b.js +1 -0
- package/dist/storybook/assets/{preview-f4c82e21.css → preview-01a1e1ca.css} +1 -1
- package/dist/storybook/assets/preview-2602fdd8.js +1 -0
- package/dist/storybook/assets/{preview-2de17a18.js → preview-47d9589f.js} +2 -2
- package/dist/storybook/assets/projects.stories-37351a90.js +47 -0
- package/dist/storybook/assets/{radio-button-48d276bb.js → radio-button-ef3cb8a9.js} +1 -1
- package/dist/storybook/assets/{radio-button.stories-12d5087d.js → radio-button.stories-9f4c96ed.js} +2 -2
- package/dist/storybook/assets/{reservoirs.stories-ee78a747.js → reservoirs.stories-04c2fb61.js} +1 -1
- package/dist/storybook/assets/{rich-text-input.stories-5bef8462.js → rich-text-input.stories-18966836.js} +3 -3
- package/dist/storybook/assets/{row-a31e8f1f.js → row-bd69aca9.js} +1 -1
- package/dist/storybook/assets/{row.stories-43534072.js → row.stories-f26dfa8a.js} +1 -1
- package/dist/storybook/assets/{select-b35e468b.js → select-ef19f734.js} +1 -1
- package/dist/storybook/assets/{select.stories-7b041f6d.js → select.stories-5a102d99.js} +2 -2
- package/dist/storybook/assets/{side-bar-f7047e4a.js → side-bar-0105b295.js} +1 -1
- package/dist/storybook/assets/side-bar.stories-5271a083.js +1 -0
- package/dist/storybook/assets/{site.stories-ff7b789f.js → site.stories-534d6b5f.js} +1 -1
- package/dist/storybook/assets/{slider-493c7d12.js → slider-83f9ed96.js} +1 -1
- package/dist/storybook/assets/{slider.stories-54172443.js → slider.stories-12e9cebd.js} +2 -2
- package/dist/storybook/assets/spacer.stories-bafb6527.js +1 -0
- package/dist/storybook/assets/styled-components.browser.esm-416d73e5.js +4 -0
- package/dist/storybook/assets/{syntaxhighlighter-NMPM6SWI-006bed17.js → syntaxhighlighter-NMPM6SWI-c3e90e3e.js} +1 -1
- package/dist/storybook/assets/table-42d55209.css +1 -0
- package/dist/storybook/assets/{table-43e92fcb.js → table-a9374850.js} +1 -1
- package/dist/storybook/assets/{table.stories-e859a65a.js → table.stories-02a80d20.js} +1 -1
- package/dist/storybook/assets/{table.stories-data-c68bf7bd.js → table.stories-data-43aeb44a.js} +1 -1
- package/dist/storybook/assets/tabs-6053b056.css +1 -0
- package/dist/storybook/assets/{tabs-a69a771b.js → tabs-e39dbe8d.js} +1 -1
- package/dist/storybook/assets/{tabs.stories-39aacb2e.js → tabs.stories-15b33e7f.js} +1 -1
- package/dist/storybook/assets/{title.stories-31452681.js → title.stories-80f71529.js} +1 -1
- package/dist/storybook/assets/{toaster-62f4d5bd.js → toaster-80389476.js} +1 -1
- package/dist/storybook/assets/toaster.stories-344c0d51.js +34 -0
- package/dist/storybook/assets/{toggle-9e46b635.js → toggle-7a716fc4.js} +1 -1
- package/dist/storybook/assets/{toggle.stories-72b688b0.js → toggle.stories-12e2a6ff.js} +2 -2
- package/dist/storybook/assets/tooltip.test-case.stories-b8132ba2.js +3 -0
- package/dist/storybook/assets/top-bar-e3663cd3.css +1 -0
- package/dist/storybook/assets/{top-bar-f614e2f6.js → top-bar-e6061315.js} +1 -1
- package/dist/storybook/assets/top-bar.stories-f27f1345.js +1 -0
- package/dist/storybook/assets/top-bar.testcase.stories-5c276f27.js +30 -0
- package/dist/storybook/assets/{tree.stories-887f7c08.js → tree.stories-f4cf747d.js} +4 -4
- package/dist/storybook/assets/tslib.es6-dfef685f.js +1 -0
- package/dist/storybook/assets/{types-a6c4038c.js → types-b4f47076.js} +1 -1
- package/dist/storybook/iframe.html +1 -1
- package/dist/storybook/index.json +1 -1
- package/dist/storybook/project.json +1 -1
- package/dist/storybook/stories.json +1 -1
- package/package.json +2 -2
- package/dist/storybook/assets/accordion-ffc5bcef.js +0 -1
- package/dist/storybook/assets/actions.stories-fa38fc2d.js +0 -1
- package/dist/storybook/assets/afe.stories-e4c3a2d0.js +0 -88
- package/dist/storybook/assets/badge-1615fbe5.js +0 -1
- package/dist/storybook/assets/badge.stories-581da238.js +0 -1
- package/dist/storybook/assets/blowout.stories-1b6ac7cc.js +0 -40
- package/dist/storybook/assets/button-23ebbabd.css +0 -1
- package/dist/storybook/assets/card.stories-33fbb14d.js +0 -1
- package/dist/storybook/assets/color-2f3b0b7d.js +0 -25
- package/dist/storybook/assets/empty.stories-7a6127c5.js +0 -1
- package/dist/storybook/assets/file-input.stories-186cffd9.js +0 -55
- package/dist/storybook/assets/footer.stories-c063ed97.js +0 -3
- package/dist/storybook/assets/form.stories-29e73d6d.js +0 -49
- package/dist/storybook/assets/formation.stories-b3b6eeb2.js +0 -74
- package/dist/storybook/assets/help-icon.stories-c7bbeb0c.js +0 -4
- package/dist/storybook/assets/hoist-non-react-statics.cjs-cd4c875b.js +0 -8
- package/dist/storybook/assets/icon.stories-edafcd5a.js +0 -6
- package/dist/storybook/assets/iframe-e34c70f8.js +0 -1
- package/dist/storybook/assets/index.es-2e8c1ff9.js +0 -79
- package/dist/storybook/assets/input-8db939f4.js +0 -1
- package/dist/storybook/assets/input-ed7729c0.css +0 -1
- package/dist/storybook/assets/label.stories-c9408d24.js +0 -11
- package/dist/storybook/assets/option-dropdown.stories-755f2035.js +0 -21
- package/dist/storybook/assets/page.stories-0e0d1f65.js +0 -57
- package/dist/storybook/assets/pop-confirm.stories-51b3d542.js +0 -7
- package/dist/storybook/assets/popover.stories-60bc60d8.js +0 -1
- package/dist/storybook/assets/preview-4ecbbed2.js +0 -1
- package/dist/storybook/assets/projects.stories-937be5b9.js +0 -47
- package/dist/storybook/assets/side-bar.stories-2cd02530.js +0 -1
- package/dist/storybook/assets/spacer.stories-bab9979c.js +0 -1
- package/dist/storybook/assets/styled-components.browser.esm-a7da2f18.js +0 -12
- package/dist/storybook/assets/table-913500ad.css +0 -1
- package/dist/storybook/assets/tabs-f0f2a36b.css +0 -1
- package/dist/storybook/assets/toaster.stories-25f1869f.js +0 -34
- package/dist/storybook/assets/tooltip.test-case.stories-775f5401.js +0 -3
- package/dist/storybook/assets/top-bar-9e9ae6f8.css +0 -1
- package/dist/storybook/assets/top-bar.stories-b26a255b.js +0 -1
- package/dist/storybook/assets/top-bar.testcase.stories-0d34ca43.js +0 -30
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@oliasoft-open-source/react-ui-library",
|
|
3
|
-
"version": "4.0.0-beta-
|
|
3
|
+
"version": "4.0.0-beta-43",
|
|
4
4
|
"description": "Reusable UI components for React projects",
|
|
5
5
|
"homepage": "https://oliasoft-open-source.gitlab.io/react-ui-library",
|
|
6
6
|
"bugs": {
|
|
@@ -76,7 +76,7 @@
|
|
|
76
76
|
"react-window": "^1.8.6",
|
|
77
77
|
"remirror": "^2.0.31",
|
|
78
78
|
"resize-observer-polyfill": "^1.5.1",
|
|
79
|
-
"styled-components": "^
|
|
79
|
+
"styled-components": "^6.1.1",
|
|
80
80
|
"vite-tsconfig-paths": "^4.2.1"
|
|
81
81
|
},
|
|
82
82
|
"devDependencies": {
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as a}from"./jsx-runtime-f961835c.js";import{R as b}from"./index-f80c8c95.js";import{c}from"./index-a80ed1cf.js";import{I as g}from"./common-types-3a5f9d98.js";import{I as q}from"./icon-6cfc6944.js";const x="_chevron_z2anz_1",v="_expanded_z2anz_9",_={chevron:x,expanded:v},p=({expanded:e})=>a.jsx("span",{className:c(_.chevron,e?_.expanded:""),children:a.jsx(q,{icon:g.CHEVRON_RIGHT})});try{p.displayName="Chevron",p.__docgenInfo={description:"",displayName:"Chevron",props:{expanded:{defaultValue:null,description:"",name:"expanded",required:!0,type:{name:"boolean"}}}}}catch{}const V="_accordion_tjobd_1",h="_accordionHeader_tjobd_5",j="_heading_tjobd_9",N="_clickable_tjobd_12",I="_bordered_tjobd_18",C="_accordionContent_tjobd_18",B="_expanded_tjobd_31",A="_padding_tjobd_40",k="_squareBottom_tjobd_43",n={accordion:V,accordionHeader:h,heading:j,clickable:N,bordered:I,accordionContent:C,expanded:B,padding:A,squareBottom:k},u=({heading:e,expanded:d=!1,bordered:r=!1,padding:l=!0,children:t,squareBottom:i=!1,onClick:o,testId:s})=>a.jsxs("div",{className:c(n.accordion,r?n.bordered:"",d?n.expanded:"",i?n.squareBottom:""),children:[a.jsxs("div",{className:c(n.accordionHeader,o?n.clickable:""),onClick:o,"data-testid":s,children:[a.jsx(p,{expanded:d}),a.jsx("div",{className:n.heading,children:e})]}),d&&t&&a.jsx("div",{className:c(n.accordionContent,r&&l?n.padding:""),children:t})]}),m=({heading:e,bordered:d,padding:r,initialExpanded:l=!1,children:t,testId:i})=>{const[o,s]=b.useState(l);return a.jsx(u,{heading:e,bordered:d,padding:r,expanded:o,onClick:()=>{s(!o)},testId:i,children:t})},y=({heading:e,expanded:d=!1,managed:r=!1,bordered:l=!1,padding:t=!0,children:i,onClick:o,squareBottom:s=!1,testId:f})=>r?a.jsx(m,{heading:e,expanded:d,bordered:l,padding:t,squareBottom:s,onClick:o,testId:f,children:i}):a.jsx(u,{heading:e,expanded:d,bordered:l,padding:t,squareBottom:s,onClick:o,testId:f,children:i});try{u.displayName="AccordionBase",u.__docgenInfo={description:"",displayName:"AccordionBase",props:{heading:{defaultValue:null,description:"",name:"heading",required:!0,type:{name:"ReactNode"}},expanded:{defaultValue:{value:"false"},description:"",name:"expanded",required:!1,type:{name:"boolean"}},bordered:{defaultValue:{value:"false"},description:"",name:"bordered",required:!1,type:{name:"boolean"}},padding:{defaultValue:{value:"true"},description:"",name:"padding",required:!1,type:{name:"boolean"}},squareBottom:{defaultValue:{value:"false"},description:"",name:"squareBottom",required:!1,type:{name:"boolean"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"TEmpty"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}try{m.displayName="AccordionManaged",m.__docgenInfo={description:"",displayName:"AccordionManaged",props:{initialExpanded:{defaultValue:{value:"false"},description:"",name:"initialExpanded",required:!1,type:{name:"boolean"}},heading:{defaultValue:null,description:"",name:"heading",required:!0,type:{name:"ReactNode"}},expanded:{defaultValue:{value:"false"},description:"",name:"expanded",required:!1,type:{name:"boolean"}},bordered:{defaultValue:{value:"false"},description:"",name:"bordered",required:!1,type:{name:"boolean"}},padding:{defaultValue:{value:"true"},description:"",name:"padding",required:!1,type:{name:"boolean"}},squareBottom:{defaultValue:{value:"false"},description:"",name:"squareBottom",required:!1,type:{name:"boolean"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"TEmpty"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}try{y.displayName="Accordion",y.__docgenInfo={description:"",displayName:"Accordion",props:{managed:{defaultValue:{value:"false"},description:"",name:"managed",required:!1,type:{name:"boolean"}},heading:{defaultValue:null,description:"",name:"heading",required:!0,type:{name:"ReactNode"}},expanded:{defaultValue:{value:"false"},description:"",name:"expanded",required:!1,type:{name:"boolean"}},bordered:{defaultValue:{value:"false"},description:"",name:"bordered",required:!1,type:{name:"boolean"}},padding:{defaultValue:{value:"true"},description:"",name:"padding",required:!1,type:{name:"boolean"}},squareBottom:{defaultValue:{value:"false"},description:"",name:"squareBottom",required:!1,type:{name:"boolean"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"TEmpty"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}export{y as A};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as p}from"./jsx-runtime-f961835c.js";import{A as d}from"./actions-3e8ee8ec.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./lodash-75c70a11.js";import"./common-types-3a5f9d98.js";import"./disabled-context-d654f6ff.js";import"./button-9027cb35.js";import"./spinner-cb92a546.js";import"./index-c89a1915.js";import"./icon-6cfc6944.js";import"./inheritsLoose-d4851ab8.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-1615fbe5.js";const n=[{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"}]},{primary:!0,label:"Add",icon:"add",onClick:()=>{},testId:"add"}],_={title:"Basic/Actions",component:d,args:{actions:n,right:!1},decorators:[o=>p.jsx("div",{style:{display:"inline-flex"},children:o()})],parameters:{docs:{source:{excludeDecorators:!0}}}},m=o=>p.jsx(d,{...o}),e=m.bind({}),t=m.bind({});t.args={actions:n.map(o=>({...o,tooltip:o.label}))};var r,s,a;e.parameters={...e.parameters,docs:{...(r=e.parameters)==null?void 0:r.docs,source:{originalSource:"args => <Actions {...args} />",...(a=(s=e.parameters)==null?void 0:s.docs)==null?void 0:a.source}}};var i,l,c;t.parameters={...t.parameters,docs:{...(i=t.parameters)==null?void 0:i.docs,source:{originalSource:"args => <Actions {...args} />",...(c=(l=t.parameters)==null?void 0:l.docs)==null?void 0:c.source}}};const E=["Default","Tooltip"];export{e as Default,t as Tooltip,E as __namedExportsOrder,_ as default};
|
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-f961835c.js";import{r as l}from"./index-f80c8c95.js";import{I as F}from"./common-types-3a5f9d98.js";import{T as w}from"./top-bar-f614e2f6.js";import{S as C}from"./side-bar-f7047e4a.js";import{H as n}from"./heading-5eb5ea78.js";import{B as s}from"./button-9027cb35.js";import{D as I}from"./drawer-ec715a11.js";import{L as T}from"./list-1c815d64.js";import{F as i}from"./field-69d1c5f6.js";import{I as d}from"./input-8db939f4.js";import{A as E}from"./accordion-ffc5bcef.js";import{C as a}from"./check-box-24c24273.js";import{F as p}from"./form-row-19dd7f6e.js";import{P as R}from"./page-6d07f774.js";import{R as A,C as B}from"./row-a31e8f1f.js";import{S as m}from"./select-b35e468b.js";import{S as u}from"./spacer-54db0620.js";import{T as k}from"./tabs-a69a771b.js";import{I as L}from"./input-group-9ddeb24a.js";import{I as U}from"./input-group-addon-63147930.js";import"./index-a80ed1cf.js";import"./icon-6cfc6944.js";import"./inheritsLoose-d4851ab8.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./actions-3e8ee8ec.js";import"./lodash-75c70a11.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-1615fbe5.js";import"./index-c7f280f6.js";import"./help-icon-6216ea0b.js";import"./spinner-cb92a546.js";import"./index.es-2e8c1ff9.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./hoist-non-react-statics.cjs-cd4c875b.js";import"./memoize-one.esm-52518564.js";import"./card-2de0de0b.js";import"./list-heading-e884ff66.js";import"./loader-1947f6cd.js";import"./label-92aaba2c.js";import"./styled-components.browser.esm-a7da2f18.js";import"./assertThisInitialized-081f9914.js";import"./text-ad1f5f1d.js";import"./select.input-88b6ebab.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"],Be={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 ke=["AFESimulation"];export{t as AFESimulation,ke as __namedExportsOrder,Be as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as d}from"./jsx-runtime-f961835c.js";import{c as i}from"./index-a80ed1cf.js";const u="_wrapper_19hcn_1",m="_badge_19hcn_5",_="_label_19hcn_11",p="_dark_19hcn_23",g="_light_19hcn_26",h="_small_19hcn_29",b="_dot_19hcn_33",f="_hasChildren_19hcn_39",e={wrapper:u,badge:m,label:_,dark:p,light:g,small:h,dot:b,hasChildren:f},y=l=>{const n=l.substring(1),a=parseInt(n,16),r=a>>16&255,s=a>>8&255,t=a>>0&255;return .2126*r+.7152*s+.0722*t<128},c=({children:l,color:n="",title:a=null,dot:r,margin:s=null,small:t=!1})=>{const o=!(a===null&&r===null);return d.jsxs("div",{className:e.wrapper,children:[o&&d.jsx("sup",{className:i(e.badge,y(n)?e.dark:e.light,a!==null?e.label:e.dot,t?e.small:"",l?e.hasChildren:""),style:{background:n||void 0,margin:s||void 0},children:a}),l]})};try{c.displayName="Badge",c.__docgenInfo={description:"",displayName:"Badge",props:{color:{defaultValue:{value:""},description:"",name:"color",required:!1,type:{name:"string"}},title:{defaultValue:{value:"null"},description:"",name:"title",required:!1,type:{name:"TStringOrNumber | null"}},dot:{defaultValue:null,description:"",name:"dot",required:!1,type:{name:"boolean"}},margin:{defaultValue:{value:"null"},description:"",name:"margin",required:!1,type:{name:"TStringOrNumber | null"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}}}}}catch{}export{c as B};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as f}from"./jsx-runtime-f961835c.js";import{B as x}from"./badge-1615fbe5.js";import{B as j}from"./button-9027cb35.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./common-types-3a5f9d98.js";import"./disabled-context-d654f6ff.js";import"./spinner-cb92a546.js";import"./index-c89a1915.js";import"./icon-6cfc6944.js";import"./inheritsLoose-d4851ab8.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";const z={title:"Basic/Badge",component:x,args:{title:"3",color:"",small:!1,children:f.jsx(j,{name:"example",label:"Button",onClick:()=>{}})}},o=b=>f.jsx(x,{...b}),s=o.bind({}),r=o.bind({});r.args={small:!0};const a=o.bind({});a.args={dot:!0,title:void 0};const e=o.bind({});e.args={children:void 0};var t,m,c;s.parameters={...s.parameters,docs:{...(t=s.parameters)==null?void 0:t.docs,source:{originalSource:"args => <Badge {...args} />",...(c=(m=s.parameters)==null?void 0:m.docs)==null?void 0:c.source}}};var i,p,d;r.parameters={...r.parameters,docs:{...(i=r.parameters)==null?void 0:i.docs,source:{originalSource:"args => <Badge {...args} />",...(d=(p=r.parameters)==null?void 0:p.docs)==null?void 0:d.source}}};var l,n,g;a.parameters={...a.parameters,docs:{...(l=a.parameters)==null?void 0:l.docs,source:{originalSource:"args => <Badge {...args} />",...(g=(n=a.parameters)==null?void 0:n.docs)==null?void 0:g.source}}};var u,B,S;e.parameters={...e.parameters,docs:{...(u=e.parameters)==null?void 0:u.docs,source:{originalSource:"args => <Badge {...args} />",...(S=(B=e.parameters)==null?void 0:B.docs)==null?void 0:S.source}}};const A=["Default","Small","Dot","Standalone"];export{s as Default,a as Dot,r as Small,e as Standalone,A as __namedExportsOrder,z as default};
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-f961835c.js";import"./index-f80c8c95.js";import{I as u}from"./common-types-3a5f9d98.js";import{T as h}from"./top-bar-f614e2f6.js";import{S as g}from"./side-bar-f7047e4a.js";import{H as o}from"./heading-5eb5ea78.js";import{B as a}from"./button-9027cb35.js";import{C as i}from"./card-2de0de0b.js";import{P as x}from"./page-6d07f774.js";import{R as s,C as n}from"./row-a31e8f1f.js";import{S as r}from"./spacer-54db0620.js";import"./index-a80ed1cf.js";import"./icon-6cfc6944.js";import"./inheritsLoose-d4851ab8.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./actions-3e8ee8ec.js";import"./lodash-75c70a11.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-1615fbe5.js";import"./index-c7f280f6.js";import"./drawer-ec715a11.js";import"./help-icon-6216ea0b.js";import"./spinner-cb92a546.js";import"./styled-components.browser.esm-a7da2f18.js";import"./hoist-non-react-statics.cjs-cd4c875b.js";const C=({width:p,height:c})=>e.jsx("div",{style:{background:"#ddd",width:p,height:c}}),K={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},t=()=>e.jsxs(e.Fragment,{children:[e.jsx(h,{}),e.jsx(g,{options:{title:"",sections:[]}}),e.jsxs(x,{padding:"var(--padding)",children:[e.jsxs(s,{children:[e.jsx(n,{width:"80px",children:e.jsx(C,{width:60,height:80})}),e.jsxs(n,{children:[e.jsx(o,{top:!0,children:"Blowout Simulation"}),e.jsx(a,{colored:!0,label:"Save & run simulation"})]}),e.jsx(n,{flex:!1,children:e.jsx(a,{onClick:()=>{},round:!0,icon:u.HELP})})]}),e.jsx(r,{}),e.jsxs(s,{children:[e.jsxs(n,{children:[e.jsx(i,{heading:e.jsx(o,{children:"Reservoir Zones"}),children:"Content"}),e.jsx(r,{}),e.jsx(i,{heading:e.jsx(o,{children:"Simulation Models"}),children:"Content"}),e.jsx(r,{}),e.jsx(i,{heading:e.jsx(o,{children:"Simulation Options"}),children:"Content"})]}),e.jsxs(n,{children:[e.jsx(i,{heading:e.jsx(o,{children:"Drill String"}),children:"Content"}),e.jsx(r,{}),e.jsx(i,{heading:e.jsx(o,{children:"Surface Roughness"}),children:"Content"}),e.jsx(r,{}),e.jsx(i,{heading:e.jsx(o,{children:"Weighted Rates"}),children:"Content"})]})]})]})]});var d,l,m;t.parameters={...t.parameters,docs:{...(d=t.parameters)==null?void 0:d.docs,source:{originalSource:`() => {
|
|
2
|
-
return <>
|
|
3
|
-
<TopBar />
|
|
4
|
-
<SideBar options={{
|
|
5
|
-
title: '',
|
|
6
|
-
sections: []
|
|
7
|
-
}} />
|
|
8
|
-
<Page padding="var(--padding)">
|
|
9
|
-
<Row>
|
|
10
|
-
<Column width="80px">
|
|
11
|
-
<ImagePlaceholder width={60} height={80} />
|
|
12
|
-
</Column>
|
|
13
|
-
<Column>
|
|
14
|
-
<Heading top>Blowout Simulation</Heading>
|
|
15
|
-
<Button colored label="Save & run simulation" />
|
|
16
|
-
</Column>
|
|
17
|
-
<Column flex={false}>
|
|
18
|
-
<Button onClick={() => {}} round icon={IconType.HELP} />
|
|
19
|
-
</Column>
|
|
20
|
-
</Row>
|
|
21
|
-
<Spacer />
|
|
22
|
-
<Row>
|
|
23
|
-
<Column>
|
|
24
|
-
<Card heading={<Heading>Reservoir Zones</Heading>}>Content</Card>
|
|
25
|
-
<Spacer />
|
|
26
|
-
<Card heading={<Heading>Simulation Models</Heading>}>Content</Card>
|
|
27
|
-
<Spacer />
|
|
28
|
-
<Card heading={<Heading>Simulation Options</Heading>}>Content</Card>
|
|
29
|
-
</Column>
|
|
30
|
-
<Column>
|
|
31
|
-
<Card heading={<Heading>Drill String</Heading>}>Content</Card>
|
|
32
|
-
<Spacer />
|
|
33
|
-
<Card heading={<Heading>Surface Roughness</Heading>}>Content</Card>
|
|
34
|
-
<Spacer />
|
|
35
|
-
<Card heading={<Heading>Weighted Rates</Heading>}>Content</Card>
|
|
36
|
-
</Column>
|
|
37
|
-
</Row>
|
|
38
|
-
</Page>
|
|
39
|
-
</>;
|
|
40
|
-
}`,...(m=(l=t.parameters)==null?void 0:l.docs)==null?void 0:m.source}}};t.__docgenInfo={description:"",methods:[],displayName:"Blowout"};const Q=["Blowout"];export{t as Blowout,Q as __namedExportsOrder,K as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._inputInTable_15rbm_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_15rbm_1:not(:hover){border-color:transparent}._inputInTable_15rbm_1:not(:focus){box-shadow:none}._inputHover_15rbm_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_15rbm_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_15rbm_25,._inputWarning_15rbm_26{position:relative}._inputError_15rbm_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error)}._inputError_15rbm_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_15rbm_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_15rbm_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning)}._inputWarning_15rbm_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_15rbm_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_15rbm_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_15rbm_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_15rbm_67::-webkit-scrollbar{display:none}:root{--color-background-button-default: var(--color-neutral-0);--color-background-button-default-hover: var(--color-neutral-50);--color-background-button-default-active: var(--color-neutral-100);--color-border-button-default-active: var(--color-primary-500);--color-text-button-default-active: var(--color-primary-500);--color-background-button-primary: var(--color-primary-500);--color-background-button-primary-hover: var(--color-primary-550);--color-background-button-primary-active: var(--color-primary-600);--color-background-button-success: var(--color-success-500);--color-background-button-success-hover: var(--color-success-550);--color-background-button-success-active: var(--color-success-600);--color-background-button-error: var(--color-error-500);--color-background-button-error-hover: var(--color-error-550);--color-background-button-error-active: var(--color-error-600);--color-border-button: rgba(0, 0, 0, .15);--color-border-button-hover: rgba(0, 0, 0, .2)}html[data-theme=dark]{--color-background-button-default: var(--color-neutral-700);--color-background-button-default-hover: var(--color-neutral-650);--color-background-button-default-active: var(--color-neutral-600);--color-text-button-default-active: white;--color-border-button: rgba(255, 255, 255, .1);--color-border-button-hover: rgba(255, 255, 255, .15)}._button_15rbm_103{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;outline:0;border:1px solid var(--color-border-button);vertical-align:baseline;background:var(--color-background-button-default);color:var(--color-text);font-family:var(--font-family);padding:var(--padding-input);text-transform:none;text-shadow:none;line-height:var(--line-height);font-style:normal;text-align:center;text-decoration:none;border-radius:var(--border-radius);-webkit-user-select:none;user-select:none;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;max-width:100%;min-height:var(--size);box-shadow:var(--shadow-button)}._button_15rbm_103:hover{background:var(--color-background-button-default-hover);border-color:var(--color-border-button-hover)}._button_15rbm_103:focus{box-shadow:var(--shadow-focus)!important}._button_15rbm_103:active{background:var(--color-background-button-default-active);box-shadow:none}._button_15rbm_103._active_15rbm_139:not(._green_15rbm_139):not(._red_15rbm_139):not(._orange_15rbm_139){border-color:var(--color-border-button-default-active);color:var(--color-text-button-default-active);position:relative;z-index:2}._button_15rbm_103:hover,._button_15rbm_103:focus,._button_15rbm_103:active{position:relative;z-index:1}._button_15rbm_103 ._icon_15rbm_151{margin:-2px;margin-right:var(--padding-xxs);font-size:var(--size-xs);display:flex}._iconOnly_15rbm_157{width:var(--size);display:inline-flex;align-items:center;justify-content:center}._iconOnly_15rbm_157 ._icon_15rbm_151{margin:0;line-height:0}._basic_15rbm_167{color:var(--color-text-primary);background:transparent;box-shadow:none!important;border:none!important}._basic_15rbm_167._muted_15rbm_173{color:var(--color-text-muted)}._basic_15rbm_167:hover{color:var(--color-text-primary-hover);background:rgba(0,0,0,.05)}[data-theme=dark] ._basic_15rbm_167:hover{background:rgba(255,255,255,.1)}._basic_15rbm_167:active,._basic_15rbm_167._active_15rbm_139{color:var(--color-text-primary-active);background:rgba(0,0,0,.1)}[data-theme=dark] ._basic_15rbm_167:active,[data-theme=dark] ._basic_15rbm_167._active_15rbm_139{background:rgba(255,255,255,.2)}._disabled_15rbm_192{cursor:default;pointer-events:none!important;color:var(--color-text-faint)!important;box-shadow:none!important}._disabled_15rbm_192:not(._active_15rbm_139):not(._basic_15rbm_167){background:var(--color-background-disabled)!important;border:1px solid var(--color-border)!important}._small_15rbm_202{font-size:var(--font-size-sm);min-height:var(--size-sm);padding:var(--padding-input-sm)}._pill_15rbm_207,._round_15rbm_208{border-radius:19px;display:inline-flex;align-items:center}._round_15rbm_208{padding:0;width:var(--size);line-height:1}._round_15rbm_208._small_15rbm_202{width:var(--size-sm)}._orange_15rbm_139:not(._basic_15rbm_167){background-color:var(--color-background-button-primary)}._orange_15rbm_139:not(._basic_15rbm_167):hover{background-color:var(--color-background-button-primary-hover)}._orange_15rbm_139:not(._basic_15rbm_167):active,._orange_15rbm_139:not(._basic_15rbm_167)._active_15rbm_139{background-color:var(--color-background-button-primary-active)}._red_15rbm_139:not(._basic_15rbm_167){background-color:var(--color-background-button-error)}._red_15rbm_139:not(._basic_15rbm_167):hover{background-color:var(--color-background-button-error-hover)}._red_15rbm_139:not(._basic_15rbm_167):active,._red_15rbm_139:not(._basic_15rbm_167)._active_15rbm_139{background-color:var(--color-background-button-error-active)}._red_15rbm_139._basic_15rbm_167{color:var(--color-text-error)}._green_15rbm_139:not(._basic_15rbm_167){background-color:var(--color-background-button-success)}._green_15rbm_139:not(._basic_15rbm_167):hover{background-color:var(--color-background-button-success-hover)}._green_15rbm_139:not(._basic_15rbm_167):active,._green_15rbm_139:not(._basic_15rbm_167)._active_15rbm_139{background-color:var(--color-background-button-success-active)}._green_15rbm_139._basic_15rbm_167{color:var(--color-text-success)}._orange_15rbm_139:not(._basic_15rbm_167),._red_15rbm_139:not(._basic_15rbm_167),._green_15rbm_139:not(._basic_15rbm_167){color:#fff}._orange_15rbm_139:not(._basic_15rbm_167):hover,._red_15rbm_139:not(._basic_15rbm_167):hover,._green_15rbm_139:not(._basic_15rbm_167):hover{color:#fff}._orange_15rbm_139:not(._basic_15rbm_167):active,._red_15rbm_139:not(._basic_15rbm_167):active,._green_15rbm_139:not(._basic_15rbm_167):active,._orange_15rbm_139:not(._basic_15rbm_167)._active_15rbm_139,._red_15rbm_139:not(._basic_15rbm_167)._active_15rbm_139,._green_15rbm_139:not(._basic_15rbm_167)._active_15rbm_139{color:#fff}._error_15rbm_275{position:relative;z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error)}._error_15rbm_275:hover{border-color:var(--color-border-error-hover)!important}._error_15rbm_275:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._warning_15rbm_292{position:relative;z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning)}._warning_15rbm_292:hover{border-color:var(--color-border-warning-hover)!important}._warning_15rbm_292:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inverted_15rbm_309{background-color:transparent;border-color:var(--color-text);box-shadow:none}._inverted_15rbm_309:hover,._inverted_15rbm_309:active{box-shadow:none}._inverted_15rbm_309._orange_15rbm_139{color:var(--color-background-button-primary);border-color:var(--color-background-button-primary)}._inverted_15rbm_309._red_15rbm_139{color:var(--color-background-button-error);border-color:var(--color-background-button-error)}._inverted_15rbm_309._green_15rbm_139{color:var(--color-background-button-success);border-color:var(--color-background-button-success)}._inverted_15rbm_309._orange_15rbm_139:hover,._inverted_15rbm_309._red_15rbm_139:hover,._inverted_15rbm_309._green_15rbm_139:hover,._inverted_15rbm_309._orange_15rbm_139:active,._inverted_15rbm_309._red_15rbm_139:active,._inverted_15rbm_309._green_15rbm_139:active{color:#fff;box-shadow:none}._groupOrderFirst_15rbm_339,._groupOrderMiddle_15rbm_340,._groupOrderLast_15rbm_341{margin-right:0}._groupOrderFirst_15rbm_339,._groupOrderMiddle_15rbm_340{border-top-right-radius:0!important;border-bottom-right-radius:0!important}._groupOrderLast_15rbm_341,._groupOrderMiddle_15rbm_340{border-top-left-radius:0!important;border-bottom-left-radius:0!important}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as d}from"./jsx-runtime-f961835c.js";import{C as S}from"./card-2de0de0b.js";import{H as N}from"./heading-5eb5ea78.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./common-types-3a5f9d98.js";import"./help-icon-6216ea0b.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./icon-6cfc6944.js";import"./inheritsLoose-d4851ab8.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";const w={title:"Layout/Card",component:S,args:{raised:!1,children:"Content goes here",padding:!0,bordered:!0}},o=W=>d.jsx(S,{...W}),t=o.bind({}),r=o.bind({});r.args={heading:d.jsx(N,{children:"Heading"})};const e=o.bind({});e.args={heading:d.jsx(N,{onClickHelp:()=>console.log("help!"),children:"Heading"})};const a=o.bind({});a.args={padding:!1};const s=o.bind({});s.args={bordered:!1};var i,c,p;t.parameters={...t.parameters,docs:{...(i=t.parameters)==null?void 0:i.docs,source:{originalSource:"args => <Card {...args} />",...(p=(c=t.parameters)==null?void 0:c.docs)==null?void 0:p.source}}};var n,m,g;r.parameters={...r.parameters,docs:{...(n=r.parameters)==null?void 0:n.docs,source:{originalSource:"args => <Card {...args} />",...(g=(m=r.parameters)==null?void 0:m.docs)==null?void 0:g.source}}};var l,u,h;e.parameters={...e.parameters,docs:{...(l=e.parameters)==null?void 0:l.docs,source:{originalSource:"args => <Card {...args} />",...(h=(u=e.parameters)==null?void 0:u.docs)==null?void 0:h.source}}};var H,C,f;a.parameters={...a.parameters,docs:{...(H=a.parameters)==null?void 0:H.docs,source:{originalSource:"args => <Card {...args} />",...(f=(C=a.parameters)==null?void 0:C.docs)==null?void 0:f.source}}};var b,x,j;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:"args => <Card {...args} />",...(j=(x=s.parameters)==null?void 0:x.docs)==null?void 0:j.source}}};const z=["Default","WithHeading","WithHelpHeading","NoPadding","NoBorder"];export{t as Default,s as NoBorder,a as NoPadding,r as WithHeading,e as WithHelpHeading,z as __namedExportsOrder,w as default};
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import{j as o}from"./jsx-runtime-f961835c.js";import"./chunk-HLWAVYOI-fe0f6432.js";import{M as d}from"./index-bcb9aa42.js";import{r as p}from"./index-f80c8c95.js";import{t as m,T as x}from"./toaster-62f4d5bd.js";import{u as l}from"./index-5cdc9468.js";import"./iframe-e34c70f8.js";import"../sb-preview/runtime.js";import"./react-16-147b12fd.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-97a99495.js";import"./types-a6c4038c.js";import"./index-c89a1915.js";import"./index-a80ed1cf.js";import"./button-9027cb35.js";import"./common-types-3a5f9d98.js";import"./disabled-context-d654f6ff.js";import"./spinner-cb92a546.js";import"./icon-6cfc6944.js";import"./tooltip-23e84186.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 s=`var(${n})`,e=()=>{navigator.clipboard.writeText(s),m({message:{type:"Success",content:"Copied to clipboard"}})};return o.jsxs(p.Fragment,{children:[o.jsx("div",{style:{padding:"var(--padding)",backgroundColor:s,border:"1px solid rgba(0,0,0,0.1)"},onClick:e}),o.jsx("code",{onClick:e,children:s})]},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 e}from"./jsx-runtime-f961835c.js";import{T as f}from"./text-ad1f5f1d.js";import{B as y}from"./button-9027cb35.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./common-types-3a5f9d98.js";import"./disabled-context-d654f6ff.js";import"./spinner-cb92a546.js";import"./index-c89a1915.js";import"./icon-6cfc6944.js";import"./inheritsLoose-d4851ab8.js";import"./tooltip-23e84186.js";import"./index-3d476d02.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})=>e.jsxs("div",{className:i.empty,style:{width:r,height:h},"data-testid":x,children:[e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"64",height:"41",children:e.jsxs("g",{transform:"translate(0 1)",fill:"none",fillRule:"evenodd",children:[e.jsx("ellipse",{cx:"32",cy:"33",rx:"32",ry:"7",fill:"rgba(0,0,0,0.1)"}),e.jsxs("g",{fillRule:"nonzero",stroke:"var(--color-text)",strokeOpacity:"0.2",children:[e.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)"}),e.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!==""&&e.jsx("div",{className:i.text,children:e.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 k={title:"Progress/Empty",component:s,args:{text:"No data",width:"100%",height:"100%"}},u=r=>e.jsx(s,{...r}),a=u.bind({}),t=u.bind({});t.args={text:"Please apply at least one casing in Well Schematics to perform drilling mechanics",children:e.jsx(y,{colored:!0,label:"Add casing"}),testId:"empty-with-button"};var l,n,c;a.parameters={...a.parameters,docs:{...(l=a.parameters)==null?void 0:l.docs,source:{originalSource:"args => <Empty {...args} />",...(c=(n=a.parameters)==null?void 0:n.docs)==null?void 0:c.source}}};var d,p,m;t.parameters={...t.parameters,docs:{...(d=t.parameters)==null?void 0:d.docs,source:{originalSource:"args => <Empty {...args} />",...(m=(p=t.parameters)==null?void 0:p.docs)==null?void 0:m.source}}};const z=["Default","WithButton"];export{a as Default,t as WithButton,z as __namedExportsOrder,k as default};
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import{j as t}from"./jsx-runtime-f961835c.js";import{r as p}from"./index-f80c8c95.js";import{D as k}from"./disabled-context-d654f6ff.js";import{I as P}from"./input-group-9ddeb24a.js";import{I as W}from"./input-8db939f4.js";import{B as Y}from"./button-9027cb35.js";import{S as w}from"./spacer-54db0620.js";import{a as D,M as U}from"./types-a6c4038c.js";import{T as G}from"./textarea-cd192287.js";import"./index-a80ed1cf.js";import"./common-types-3a5f9d98.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./spinner-cb92a546.js";import"./index-c89a1915.js";import"./icon-6cfc6944.js";import"./inheritsLoose-d4851ab8.js";const X="_fileInput_1elar_1",z={fileInput:X};var q=(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))(q||{});const K=(e=new Blob,n=q.READ_AS_TEXT)=>{const a=new FileReader;return new Promise((l,r)=>{if(n in a)a[n](e);else{r(new Error("Invalid FileReader method"));return}a.onload=()=>{a.result!==null?l(a.result):r(new Error("File reading resulted in null"))},a.onerror=i=>r(i)})},u=({label:e="Select",loading:n=!1,placeholder:a="No file selected",disabled:l=!1,file:r,accept:i,multi:c,name:f,width:V,onChange:L=()=>{},testId:B})=>{const y=p.useContext(k),x=p.useRef(null),M=(r==null?void 0:r.name)||null,H=()=>{var s;l||y||(s=x.current)==null||s.click()};return t.jsxs("div",{onClick:H,style:{width:V},children:[t.jsxs(P,{children:[t.jsx(W,{value:M||"",placeholder:a,disabled:!0}),t.jsx(Y,{label:e,loading:n,disabled:n||l||y,groupOrder:"last"})]}),t.jsx("input",{name:f,ref:x,className:z.fileInput,type:"file",accept:i,onChange:s=>{var h,S,_;L({...s,target:{...s.target,value:c?(h=s==null?void 0:s.target)==null?void 0:h.files:(_=(S=s==null?void 0:s.target)==null?void 0:S.files)==null?void 0:_[0]}})},"data-testid":B})]})};try{u.displayName="FileInput",u.__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:Q}=__STORYBOOK_MODULE_ADDONS__,xe={title:"Forms/FileInput",component:u,args:{file:null}},J=e=>{const[n,a]=Q(),l=r=>{a({file:r.target.value})};return t.jsx(u,{...e,onChange:l})},d=J.bind({}),o=J.bind({});o.args={accept:".json"};o.parameters={docs:{description:{story:"See [accept attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept) to restrict file type"}}};const m=()=>{const[e,n]=p.useState(),[a,l]=p.useState({});return t.jsxs(t.Fragment,{children:[t.jsx(u,{file:e,onChange:async r=>{const i=r.target.value;try{const c=await K(i),f=JSON.parse(c);l(f)}catch(c){console.log(c)}n(i)},accept:".json"}),t.jsx(w,{}),e?t.jsx(G,{monospace:!0,value:JSON.stringify(a,null,2),rows:20}):t.jsx(D,{message:{visible:!0,content:"Upload a JSON file to see preview",type:U.INFO}})]})},g=()=>{const[e,n]=p.useState();return t.jsxs(t.Fragment,{children:[t.jsx(u,{file:e,onChange:a=>{n(a.target.value)},accept:"image/*"}),t.jsx(w,{}),e?t.jsx("img",{src:e?URL.createObjectURL(e):"",alt:"Preview",style:{maxHeight:"400px",maxWidth:"400px"}}):t.jsx(D,{message:{visible:!0,content:"Upload an image file to see preview",type:U.INFO}})]})};var F,A,v;d.parameters={...d.parameters,docs:{...(F=d.parameters)==null?void 0:F.docs,source:{originalSource:`args => {
|
|
2
|
-
const [_, updateArgs] = useArgs();
|
|
3
|
-
const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
|
|
4
|
-
updateArgs({
|
|
5
|
-
file: evt.target.value
|
|
6
|
-
});
|
|
7
|
-
};
|
|
8
|
-
return <FileInput {...args} onChange={handleChange} />;
|
|
9
|
-
}`,...(v=(A=d.parameters)==null?void 0:A.docs)==null?void 0:v.source}}};var I,j,b;o.parameters={...o.parameters,docs:{...(I=o.parameters)==null?void 0:I.docs,source:{originalSource:`args => {
|
|
10
|
-
const [_, updateArgs] = useArgs();
|
|
11
|
-
const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
|
|
12
|
-
updateArgs({
|
|
13
|
-
file: evt.target.value
|
|
14
|
-
});
|
|
15
|
-
};
|
|
16
|
-
return <FileInput {...args} onChange={handleChange} />;
|
|
17
|
-
}`,...(b=(j=o.parameters)==null?void 0:j.docs)==null?void 0:b.source}}};var R,C,N;m.parameters={...m.parameters,docs:{...(R=m.parameters)==null?void 0:R.docs,source:{originalSource:`() => {
|
|
18
|
-
const [file, setFile] = useState();
|
|
19
|
-
const [json, setJson] = useState({});
|
|
20
|
-
return <>
|
|
21
|
-
<FileInput file={file} onChange={async evt => {
|
|
22
|
-
const file = evt.target.value;
|
|
23
|
-
try {
|
|
24
|
-
const text = await readFile(file);
|
|
25
|
-
const json = JSON.parse((text as string));
|
|
26
|
-
setJson(json);
|
|
27
|
-
} catch (error) {
|
|
28
|
-
console.log(error);
|
|
29
|
-
}
|
|
30
|
-
setFile(file);
|
|
31
|
-
}} accept=".json" />
|
|
32
|
-
<Spacer />
|
|
33
|
-
{file ? <TextArea monospace value={JSON.stringify(json, null, 2)} rows={20} /> : <Message message={{
|
|
34
|
-
visible: true,
|
|
35
|
-
content: 'Upload a JSON file to see preview',
|
|
36
|
-
type: MessageType.INFO
|
|
37
|
-
}} />}
|
|
38
|
-
</>;
|
|
39
|
-
}`,...(N=(C=m.parameters)==null?void 0:C.docs)==null?void 0:N.source}}};var O,T,E;g.parameters={...g.parameters,docs:{...(O=g.parameters)==null?void 0:O.docs,source:{originalSource:`() => {
|
|
40
|
-
const [file, setFile] = useState();
|
|
41
|
-
return <>
|
|
42
|
-
<FileInput file={file} onChange={evt => {
|
|
43
|
-
setFile(evt.target.value);
|
|
44
|
-
}} accept="image/*" />
|
|
45
|
-
<Spacer />
|
|
46
|
-
{file ? <img src={file ? URL.createObjectURL(file) : ''} alt="Preview" style={{
|
|
47
|
-
maxHeight: '400px',
|
|
48
|
-
maxWidth: '400px'
|
|
49
|
-
}} /> : <Message message={{
|
|
50
|
-
visible: true,
|
|
51
|
-
content: 'Upload an image file to see preview',
|
|
52
|
-
type: MessageType.INFO
|
|
53
|
-
}} />}
|
|
54
|
-
</>;
|
|
55
|
-
}`,...(E=(T=g.parameters)==null?void 0:T.docs)==null?void 0:E.source}}};const he=["Default","RestrictFiletype","ReadJSONFile","Image"];export{d as Default,g as Image,m as ReadJSONFile,o as RestrictFiletype,he as __namedExportsOrder,xe as default};
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-f961835c.js";import{T as p}from"./table-43e92fcb.js";import{t as a,r as s}from"./table.stories-data-c68bf7bd.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./index.es-2e8c1ff9.js";import"./inheritsLoose-d4851ab8.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./hoist-non-react-statics.cjs-cd4c875b.js";import"./index-3d476d02.js";import"./memoize-one.esm-52518564.js";import"./icon-6cfc6944.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./lodash-75c70a11.js";import"./actions-3e8ee8ec.js";import"./common-types-3a5f9d98.js";import"./button-9027cb35.js";import"./spinner-cb92a546.js";import"./tooltip-23e84186.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-1615fbe5.js";import"./heading-5eb5ea78.js";import"./help-icon-6216ea0b.js";import"./pagination-0755df3d.js";import"./select-b35e468b.js";import"./assertThisInitialized-081f9914.js";import"./text-ad1f5f1d.js";import"./select.input-88b6ebab.js";import"./input-8db939f4.js";import"./input-group-9ddeb24a.js";import"./input-group-addon-63147930.js";import"./number-input-11543c86.js";import"./index-54f0d271.js";import"./check-box-24c24273.js";import"./slider-493c7d12.js";import"./index-c7f280f6.js";import"./popover-64e44a17.js";import"./flex-47732c42.js";const Y={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 Z=["Footer"];export{r as Footer,Z as __namedExportsOrder,Y as default};
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-f961835c.js";import{T as W}from"./common-types-3a5f9d98.js";import{D as A}from"./disabled-context-d654f6ff.js";import{F as s}from"./field-69d1c5f6.js";import{I as b}from"./input-8db939f4.js";import{S as c}from"./select-b35e468b.js";import{C as G}from"./check-box-24c24273.js";import{B as N}from"./button-group-38c835a9.js";import{B as _}from"./button-9027cb35.js";import{T as E}from"./toggle-9e46b635.js";import{I as V}from"./input-group-9ddeb24a.js";import{I as x}from"./input-group-addon-63147930.js";import{S as U}from"./slider-493c7d12.js";import{T as $}from"./textarea-cd192287.js";import{R as q}from"./radio-button-48d276bb.js";import{M as z}from"./actions-3e8ee8ec.js";import{F as H}from"./form-row-19dd7f6e.js";import{M as g}from"./types-cc224262.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./label-92aaba2c.js";import"./help-icon-6216ea0b.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./icon-6cfc6944.js";import"./inheritsLoose-d4851ab8.js";import"./index-c89a1915.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./assertThisInitialized-081f9914.js";import"./memoize-one.esm-52518564.js";import"./text-ad1f5f1d.js";import"./select.input-88b6ebab.js";import"./spinner-cb92a546.js";import"./objectSpread2-fdee9b6d.js";import"./index-c7f280f6.js";import"./badge-1615fbe5.js";const ye={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 Be=["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,Be as __namedExportsOrder,ye as default};
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-f961835c.js";import{r as c}from"./index-f80c8c95.js";import{T as d}from"./top-bar-f614e2f6.js";import{S as g}from"./side-bar-f7047e4a.js";import{H as v}from"./heading-5eb5ea78.js";import{P as b}from"./page-6d07f774.js";import{R as h,C as o}from"./row-a31e8f1f.js";import{S as x}from"./spacer-54db0620.js";import{T as f}from"./tabs-a69a771b.js";import{T as j}from"./table-43e92fcb.js";import"./index-a80ed1cf.js";import"./icon-6cfc6944.js";import"./inheritsLoose-d4851ab8.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./common-types-3a5f9d98.js";import"./button-9027cb35.js";import"./spinner-cb92a546.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./actions-3e8ee8ec.js";import"./lodash-75c70a11.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-1615fbe5.js";import"./index-c7f280f6.js";import"./drawer-ec715a11.js";import"./help-icon-6216ea0b.js";import"./styled-components.browser.esm-a7da2f18.js";import"./hoist-non-react-statics.cjs-cd4c875b.js";import"./select.input-88b6ebab.js";import"./index.es-2e8c1ff9.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./memoize-one.esm-52518564.js";import"./pagination-0755df3d.js";import"./select-b35e468b.js";import"./assertThisInitialized-081f9914.js";import"./text-ad1f5f1d.js";import"./input-8db939f4.js";import"./input-group-9ddeb24a.js";import"./input-group-addon-63147930.js";import"./number-input-11543c86.js";import"./index-54f0d271.js";import"./check-box-24c24273.js";import"./slider-493c7d12.js";import"./popover-64e44a17.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)"]}),ve={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 be=["Formation"];export{a as Formation,be as __namedExportsOrder,ve as default};
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import{j as n}from"./jsx-runtime-f961835c.js";import{r as J}from"./index-f80c8c95.js";import{I as d}from"./common-types-3a5f9d98.js";import{H as l}from"./help-icon-6216ea0b.js";import"./index-a80ed1cf.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./icon-6cfc6944.js";import"./inheritsLoose-d4851ab8.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";const M={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 P=["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,P as __namedExportsOrder,M as default};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import{g as I}from"./index-f80c8c95.js";var A={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,p=t?Symbol.for("react.profiler"):60114,y=t?Symbol.for("react.provider"):60109,a=t?Symbol.for("react.context"):60110,T=t?Symbol.for("react.async_mode"):60111,i=t?Symbol.for("react.concurrent_mode"):60111,l=t?Symbol.for("react.forward_ref"):60112,m=t?Symbol.for("react.suspense"):60113,D=t?Symbol.for("react.suspense_list"):60120,S=t?Symbol.for("react.memo"):60115,d=t?Symbol.for("react.lazy"):60116,C=t?Symbol.for("react.block"):60121,z=t?Symbol.for("react.fundamental"):60117,L=t?Symbol.for("react.responder"):60118,W=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 i:case u:case p:case s:case m:return r;default:switch(r=r&&r.$$typeof,r){case a:case l:case d:case S:case y:return r;default:return n}}case g:return n}}}function E(r){return o(r)===i}e.AsyncMode=T;e.ConcurrentMode=i;e.ContextConsumer=a;e.ContextProvider=y;e.Element=P;e.ForwardRef=l;e.Fragment=u;e.Lazy=d;e.Memo=S;e.Portal=g;e.Profiler=p;e.StrictMode=s;e.Suspense=m;e.isAsyncMode=function(r){return E(r)||o(r)===T};e.isConcurrentMode=E;e.isContextConsumer=function(r){return o(r)===a};e.isContextProvider=function(r){return o(r)===y};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)===p};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===i||r===p||r===s||r===m||r===D||typeof r=="object"&&r!==null&&(r.$$typeof===d||r.$$typeof===S||r.$$typeof===y||r.$$typeof===a||r.$$typeof===l||r.$$typeof===z||r.$$typeof===L||r.$$typeof===W||r.$$typeof===C)};e.typeOf=o;A.exports=e;var q=A.exports,O=q,K={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},V={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},Y={$$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]=Y;x[O.Memo]=F;function j(r){return O.isMemo(r)?F:x[r.$$typeof]||K}var B=Object.defineProperty,G=Object.getOwnPropertyNames,M=Object.getOwnPropertySymbols,H=Object.getOwnPropertyDescriptor,J=Object.getPrototypeOf,h=Object.prototype;function N(r,n,b){if(typeof n!="string"){if(h){var $=J(n);$&&$!==h&&N(r,$,b)}var f=G(n);M&&(f=f.concat(M(n)));for(var w=j(r),_=j(n),v=0;v<f.length;++v){var c=f[v];if(!V[c]&&!(b&&b[c])&&!(_&&_[c])&&!(w&&w[c])){var R=H(n,c);try{B(r,c,R)}catch{}}}}return r}var Q=N;const Z=I(Q);export{Z as h};
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import{j as o}from"./jsx-runtime-f961835c.js";import{G as f,I as i,i as P}from"./icon-6cfc6944.js";import{s as U}from"./icons8-junction-3a487c26.js";import{G}from"./grid-355afb53.js";import{F as v}from"./flex-47732c42.js";import{T as h}from"./text-ad1f5f1d.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./inheritsLoose-d4851ab8.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./styled-components.browser.esm-a7da2f18.js";import"./hoist-non-react-statics.cjs-cd4c875b.js";function H(M){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"}}]})(M)}const oM={title:"Basic/Icon",component:i,argTypes:{color:{control:"text"},size:{control:"text"}},args:{icon:"settings"}},r=M=>o.jsx(i,{...M}),D=r.bind({}),A=()=>o.jsx(G,{gap:!0,columns:"1fr 1fr 1fr",children:P.map(M=>o.jsxs(v,{gap:"var(--padding-xs)",children:[o.jsx(i,{icon:M}),o.jsx(h,{children:M})]},M))}),s=r.bind({});s.args={size:"100px"};const g=r.bind({});g.args={icon:o.jsx(H,{})};const I=r.bind({});I.args={color:"var(--color-text-primary)"};const a=r.bind({});a.args={icon:U};const c=r.bind({});c.args={icon:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMzAgMzAiIHdpZHRoPSIzMHB4IiBoZWlnaHQ9IjMwcHgiPgogICAgPHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNIDUgNCBDIDQuNDQ4IDQgNCA0LjQ0OCA0IDUgTCA0IDkgQyA0IDkuMjU2IDQuMDk3OTY4NyA5LjUxMjAzMTIgNC4yOTI5Njg4IDkuNzA3MDMxMiBDIDQuNjgyOTY4NyAxMC4wOTgwMzEgNS4zMTYwMzEyIDEwLjA5ODAzMSA1LjcwNzAzMTIgOS43MDcwMzEyIEwgNyA4LjQxNDA2MjUgTCAxMS40MTQwNjIgMTIuODI4MTI1IEMgMTEuNzg5OTI0IDEzLjIwMzk4NyAxMiAxMy43MTA4NDQgMTIgMTQuMjQyMTg4IEwgMTIgMjAgQSAxLjAwMDEgMS4wMDAxIDAgMSAwIDE0IDIwIEwgMTQgMTQuMjQyMTg4IEMgMTQgMTMuMTgxNTMxIDEzLjU3ODI2MyAxMi4xNjQyMDIgMTIuODI4MTI1IDExLjQxNDA2MiBMIDguNDE0MDYyNSA3IEwgOS43MDcwMzEyIDUuNzA3MDMxMiBDIDEwLjA5ODAzMSA1LjMxNzAzMTMgMTAuMDk4MDMxIDQuNjgzOTY4OCA5LjcwNzAzMTIgNC4yOTI5Njg4IEMgOS41MTIwMzEyIDQuMDk3OTY4NyA5LjI1NiA0IDkgNCBMIDUgNCB6IE0gMjEgNCBDIDIwLjc0NCA0IDIwLjQ4Nzk2OSA0LjA5Nzk2ODcgMjAuMjkyOTY5IDQuMjkyOTY4OCBDIDE5LjkwMTk2OSA0LjY4Mzk2ODggMTkuOTAxOTY5IDUuMzE3MDMxMyAyMC4yOTI5NjkgNS43MDcwMzEyIEwgMjEuNTg1OTM4IDcgTCAxNy4xNzE4NzUgMTEuNDE0MDYyIEMgMTYuNDIxNzM3IDEyLjE2NDIwMiAxNiAxMy4xODE1MyAxNiAxNC4yNDIxODggTCAxNiAyMCBBIDEuMDAwMSAxLjAwMDEgMCAxIDAgMTggMjAgTCAxOCAxNC4yNDIxODggQyAxOCAxMy43MTA4NDMgMTguMjEwMDc2IDEzLjIwMzk4NyAxOC41ODU5MzggMTIuODI4MTI1IEwgMjMgOC40MTQwNjI1IEwgMjQuMjkyOTY5IDkuNzA3MDMxMiBDIDI0LjY4Mzk2OSAxMC4wOTgwMzEgMjUuMzE3MDMxIDEwLjA5ODAzMSAyNS43MDcwMzEgOS43MDcwMzEyIEMgMjUuOTAyMDMxIDkuNTEyMDMxMiAyNiA5LjI1NiAyNiA5IEwgMjYgNSBDIDI2IDQuNDQ4IDI1LjU1MiA0IDI1IDQgTCAyMSA0IHogTSA0Ljk4NDM3NSAxMi45ODYzMjggQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQgMTQgTCA0IDI0IEMgNCAyNS4wOTMwNjMgNC45MDY5MzcyIDI2IDYgMjYgTCAyNCAyNiBDIDI1LjA5MzA2MyAyNiAyNiAyNS4wOTMwNjMgMjYgMjQgTCAyNiAxNCBBIDEuMDAwMSAxLjAwMDEgMCAxIDAgMjQgMTQgTCAyNCAyNCBMIDYgMjQgTCA2IDE0IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCA0Ljk4NDM3NSAxMi45ODYzMjggeiIvPgo8L3N2Zz4K"};const e=r.bind({});e.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,x,T;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>`,...(T=(x=A.parameters)==null?void 0:x.docs)==null?void 0:T.source}}};var m,u,p;s.parameters={...s.parameters,docs:{...(m=s.parameters)==null?void 0:m.docs,source:{originalSource:"(args: IconProps) => <Icon {...args} />",...(p=(u=s.parameters)==null?void 0:u.docs)==null?void 0:p.source}}};var y,E,d;g.parameters={...g.parameters,docs:{...(y=g.parameters)==null?void 0:y.docs,source:{originalSource:"(args: IconProps) => <Icon {...args} />",...(d=(E=g.parameters)==null?void 0:E.docs)==null?void 0:d.source}}};var w,z,C;I.parameters={...I.parameters,docs:{...(w=I.parameters)==null?void 0:w.docs,source:{originalSource:"(args: IconProps) => <Icon {...args} />",...(C=(z=I.parameters)==null?void 0:z.docs)==null?void 0:C.source}}};var l,O,S;a.parameters={...a.parameters,docs:{...(l=a.parameters)==null?void 0:l.docs,source:{originalSource:"(args: IconProps) => <Icon {...args} />",...(S=(O=a.parameters)==null?void 0:O.docs)==null?void 0:S.source}}};var Q,L,k;c.parameters={...c.parameters,docs:{...(Q=c.parameters)==null?void 0:Q.docs,source:{originalSource:"(args: IconProps) => <Icon {...args} />",...(k=(L=c.parameters)==null?void 0:L.docs)==null?void 0:k.source}}};var B,Y,b;e.parameters={...e.parameters,docs:{...(B=e.parameters)==null?void 0:B.docs,source:{originalSource:"(args: IconProps) => <Icon {...args} />",...(b=(Y=e.parameters)==null?void 0:Y.docs)==null?void 0:b.source}}};const sM=["Default","NamedIcons","Size","ReactIcon","Color","CustomSVG","Base64SVG","Clickable"];export{c as Base64SVG,e as Clickable,I as Color,a as CustomSVG,D as Default,A as NamedIcons,g as ReactIcon,s as Size,sM as __namedExportsOrder,oM as default};
|