@oliasoft-open-source/react-ui-library 4.5.3 → 4.5.4-beta-1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (160) hide show
  1. package/dist/assets/{index-qXNVhovK.css → index-2LJjuVRB.css} +43 -43
  2. package/dist/assets/{index-LV8D_yOA.js → index-kDrJq_kq.js} +52 -29
  3. package/dist/index.d.ts +10 -3
  4. package/dist/index.html +1 -1
  5. package/dist/index.js +36 -13
  6. package/dist/index.js.map +1 -1
  7. package/dist/storybook/assets/{Color-6VNJS4EI-e-7IVjYF.js → Color-6VNJS4EI-rQiUZxpq.js} +1 -1
  8. package/dist/storybook/assets/{DocsRenderer-NNNQARDV-znpQtgbM.js → DocsRenderer-NNNQARDV-kSwu_3Lc.js} +1 -1
  9. package/dist/storybook/assets/{WithTooltip-4HIR6TLV-X2fcxccp.js → WithTooltip-4HIR6TLV-Y448Fj3p.js} +1 -1
  10. package/dist/storybook/assets/{accordion-6_27SROY.js → accordion-MRdNs3mQ.js} +1 -1
  11. package/dist/storybook/assets/{accordion.stories-SpNX_U-2.js → accordion.stories-vZNZ07D4.js} +2 -2
  12. package/dist/storybook/assets/actions-fDogfeOj.js +1 -0
  13. package/dist/storybook/assets/actions.stories-Ij02T6Zm.js +1 -0
  14. package/dist/storybook/assets/afe.stories-KeUBIL0V.js +88 -0
  15. package/dist/storybook/assets/badge.stories-1SnkCuWB.js +1 -0
  16. package/dist/storybook/assets/blowout.stories-A4gIeaGJ.js +40 -0
  17. package/dist/storybook/assets/{button-group-q8QKkLVU.js → button-group-7WkfMawh.js} +1 -1
  18. package/dist/storybook/assets/{button-group.stories-tLZpLTfD.js → button-group.stories-WF6kt2QA.js} +2 -2
  19. package/dist/storybook/assets/button-pzaoiJWP.js +1 -0
  20. package/dist/storybook/assets/button.stories-MCz4fPXe.js +80 -0
  21. package/dist/storybook/assets/{buttons-and-links-CPHN2f_R.js → buttons-and-links-Ox8IMq-O.js} +2 -2
  22. package/dist/storybook/assets/card.stories-Ic_vrrzC.js +1 -0
  23. package/dist/storybook/assets/{casing-loads.stories-leLrg-rI.js → casing-loads.stories-fvIqVBy1.js} +2 -2
  24. package/dist/storybook/assets/{cell.stories-sSV8Bvno.js → cell.stories-mk3pDhQ_.js} +2 -2
  25. package/dist/storybook/assets/{check-box-LZdXXKhv.js → check-box-NJDiZVo7.js} +1 -1
  26. package/dist/storybook/assets/{check-box.stories-0XCykxnz.js → check-box.stories-kKAtDTQt.js} +2 -2
  27. package/dist/storybook/assets/{chunk-HLWAVYOI-2SmvXyKU.js → chunk-HLWAVYOI-pIZozOzt.js} +1 -1
  28. package/dist/storybook/assets/color-6v135_Ey.js +25 -0
  29. package/dist/storybook/assets/{column.stories-6OLsjlcP.js → column.stories-1F6_xksk.js} +4 -4
  30. package/dist/storybook/assets/{dialog-WKHRZcjc.js → dialog-ufJfp3xq.js} +1 -1
  31. package/dist/storybook/assets/{drawer-WuErQ5Z8.js → drawer-gMi20QKY.js} +1 -1
  32. package/dist/storybook/assets/{drawer.stories-zEOolOrO.js → drawer.stories-OmZGeSat.js} +4 -4
  33. package/dist/storybook/assets/empty.stories-hiT2fx9j.js +1 -0
  34. package/dist/storybook/assets/{field-eknsj_Ll.js → field-7aita7RD.js} +1 -1
  35. package/dist/storybook/assets/{field.stories-RmhJ16HT.js → field.stories-nvlhqjmT.js} +2 -2
  36. package/dist/storybook/assets/file-input.stories-SEUqqpQC.js +66 -0
  37. package/dist/storybook/assets/{flex-3eLDDUyy.js → flex-RYZsoWEN.js} +1 -1
  38. package/dist/storybook/assets/{flex.stories-_VBDAVzN.js → flex.stories-rW-o5Rcj.js} +2 -2
  39. package/dist/storybook/assets/footer.stories-rxluoOq3.js +3 -0
  40. package/dist/storybook/assets/form.stories-xfAtnSsF.js +49 -0
  41. package/dist/storybook/assets/formation.stories-gDKRbofH.js +74 -0
  42. package/dist/storybook/assets/{formatter-SWP5E3XI-o0EHYkG7.js → formatter-SWP5E3XI-3HSIJbx3.js} +1 -1
  43. package/dist/storybook/assets/{heading-Bk0bpNfe.js → heading-3kLSpr0S.js} +1 -1
  44. package/dist/storybook/assets/{heading.stories-DmZLaZJb.js → heading.stories-NFtxisSU.js} +2 -2
  45. package/dist/storybook/assets/{help-icon--rUDxLUD.js → help-icon-3XYXeKEh.js} +1 -1
  46. package/dist/storybook/assets/help-icon.stories-0K6YtLSE.js +4 -0
  47. package/dist/storybook/assets/hoist-non-react-statics.cjs-pnyno-Dk.js +8 -0
  48. package/dist/storybook/assets/{icon-y1a2N5SZ.js → icon-_m67DAr0.js} +3 -3
  49. package/dist/storybook/assets/icon.stories-2aZia1VV.js +6 -0
  50. package/dist/storybook/assets/iframe-z94q88g5.js +7 -0
  51. package/dist/storybook/assets/{index-YJcqKE3A.js → index-vLY1fJwJ.js} +5 -5
  52. package/dist/storybook/assets/index.es-LXZC0YVN.js +79 -0
  53. package/dist/storybook/assets/{input-group.stories-WljyIQ0a.js → input-group.stories-i41ZA07R.js} +2 -2
  54. package/dist/storybook/assets/{input-validation-Oq5NBD62.js → input-validation-U0oK0Jst.js} +2 -2
  55. package/dist/storybook/assets/{inputs-IDQSQH2K.js → inputs-wYAuT7vY.js} +14 -14
  56. package/dist/storybook/assets/{label-0_Qf6I8t.js → label-6FmD_czQ.js} +1 -1
  57. package/dist/storybook/assets/label.stories-hwXemXYg.js +11 -0
  58. package/dist/storybook/assets/{layout-forms-OEX6EIZI.js → layout-forms-Ljnylv7C.js} +4 -4
  59. package/dist/storybook/assets/{layout-general-5JsyiN0y.js → layout-general-yfxEV6ZF.js} +2 -2
  60. package/dist/storybook/assets/list--TQyTDCz.js +8 -0
  61. package/dist/storybook/assets/{list-heading-30-lMSi6.js → list-heading-RqmfZzgf.js} +1 -1
  62. package/dist/storybook/assets/{list.stories-data-9RrIjRci.js → list.stories-data-VFsKGd62.js} +1 -1
  63. package/dist/storybook/assets/list.stories-gD8etOPs.js +478 -0
  64. package/dist/storybook/assets/{loader.stories-0OwmnNML.js → loader.stories-N6kyCm0I.js} +2 -2
  65. package/dist/storybook/assets/menu.stories-AKZwu88D.js +82 -0
  66. package/dist/storybook/assets/{menu.stories-data-l5rlcD9_.js → menu.stories-data-hEz8P1yK.js} +1 -1
  67. package/dist/storybook/assets/{message-uMHaTEXV.js → message-p9VAXLNZ.js} +1 -1
  68. package/dist/storybook/assets/{message.stories-CDgUaLZP.js → message.stories-IyXCvUbH.js} +2 -2
  69. package/dist/storybook/assets/{modal.stories-15sY1c5H.js → modal.stories-CcesUU3J.js} +2 -2
  70. package/dist/storybook/assets/{number-input.stories-Gx_MOzG1.js → number-input.stories-l4aGuwWz.js} +2 -2
  71. package/dist/storybook/assets/objectWithoutPropertiesLoose-9Q1jwsKS.js +1 -0
  72. package/dist/storybook/assets/option-dropdown.stories-XAe4RN6O.js +21 -0
  73. package/dist/storybook/assets/{padding-and-spacing-WRoDncrO.js → padding-and-spacing-7Qxmx5Ei.js} +1 -1
  74. package/dist/storybook/assets/page.stories-P14526e_.js +57 -0
  75. package/dist/storybook/assets/{pagination-5n5spTRo.js → pagination-8YSU8CJU.js} +1 -1
  76. package/dist/storybook/assets/{pagination.stories-g4a-aSxq.js → pagination.stories-biHrcbYP.js} +2 -2
  77. package/dist/storybook/assets/pop-confirm.stories-KNi8IwfV.js +9 -0
  78. package/dist/storybook/assets/{popover-Y3FpGdUS.js → popover-N2COrkjb.js} +1 -1
  79. package/dist/storybook/assets/popover.stories--2HSoP_A.js +1 -0
  80. package/dist/storybook/assets/{preview-qy-SmvMW.js → preview-9pspT3kP.js} +3 -3
  81. package/dist/storybook/assets/{preview-cs0LWnJ3.js → preview-T6G3KVVR.js} +2 -2
  82. package/dist/storybook/assets/projects.stories-SakJh31R.js +47 -0
  83. package/dist/storybook/assets/{radio-button-jHcwHUA4.js → radio-button-EerSOxRw.js} +1 -1
  84. package/dist/storybook/assets/{radio-button.stories-LkCJsp5P.js → radio-button.stories-etd-hnJG.js} +5 -5
  85. package/dist/storybook/assets/react-router-dom-2JKSc1g5.js +8 -0
  86. package/dist/storybook/assets/{reservoirs.stories-Mn2wh9hb.js → reservoirs.stories-27B6VDTU.js} +2 -2
  87. package/dist/storybook/assets/{rich-text-input.stories-7UzvJ-A1.js → rich-text-input.stories-dT7BoCuX.js} +3 -3
  88. package/dist/storybook/assets/{row.stories-3sV-GlPJ.js → row.stories-L501435h.js} +2 -2
  89. package/dist/storybook/assets/{select-JjEPivho.js → select-dsCIcV9L.js} +1 -1
  90. package/dist/storybook/assets/{select.stories-qFDyxRFm.js → select.stories-b4nKRzxr.js} +2 -2
  91. package/dist/storybook/assets/side-bar-tCAlGu_n.js +1 -0
  92. package/dist/storybook/assets/side-bar.stories-2-_c92ZA.js +27 -0
  93. package/dist/storybook/assets/{site.stories-mnufwLhH.js → site.stories-0pIZTNdV.js} +2 -2
  94. package/dist/storybook/assets/{slider-nl2rJ9LF.js → slider-t3xH-fl7.js} +2 -2
  95. package/dist/storybook/assets/{slider.stories--aZa8kf-.js → slider.stories-D8pQfYVa.js} +4 -4
  96. package/dist/storybook/assets/spacer.stories-UdEBpD2c.js +1 -0
  97. package/dist/storybook/assets/{syntaxhighlighter-NMPM6SWI-C3knRen1.js → syntaxhighlighter-NMPM6SWI-ze0_BG2G.js} +1 -1
  98. package/dist/storybook/assets/{table-kE2ngWkK.js → table-HKQHSgFU.js} +1 -1
  99. package/dist/storybook/assets/{table.stories-data-hOI1RqVt.js → table.stories-data-aRWOp_dx.js} +1 -1
  100. package/dist/storybook/assets/{table.stories-ehvxS8n7.js → table.stories-okh_8bCK.js} +2 -2
  101. package/dist/storybook/assets/text-link.stories-sufQloZ5.js +14 -0
  102. package/dist/storybook/assets/{textarea-u-nirfI6.js → textarea-8bcldTyf.js} +1 -1
  103. package/dist/storybook/assets/{textarea.stories-Hl-oeUWU.js → textarea.stories-D9SctTMD.js} +1 -1
  104. package/dist/storybook/assets/{title.stories-zKdbYdoc.js → title.stories-VuCG2SkA.js} +3 -3
  105. package/dist/storybook/assets/{toaster-eOozfa7U.js → toaster-bqqWcltU.js} +1 -1
  106. package/dist/storybook/assets/{toaster.stories--z_U2gRN.js → toaster.stories-yJFBNIyS.js} +2 -2
  107. package/dist/storybook/assets/{toggle-BPI2y-lU.js → toggle-Eh66Nfd8.js} +1 -1
  108. package/dist/storybook/assets/{toggle.stories-HiGs6slZ.js → toggle.stories-Oq6meHwx.js} +2 -2
  109. package/dist/storybook/assets/tooltip.test-case.stories-b7Y7bdNN.js +3 -0
  110. package/dist/storybook/assets/top-bar-9ZpEs04T.js +1 -0
  111. package/dist/storybook/assets/top-bar-K-LdFikH.css +1 -0
  112. package/dist/storybook/assets/top-bar.stories-nxSiETnz.js +21 -0
  113. package/dist/storybook/assets/top-bar.testcase.stories-tDCM8UJz.js +30 -0
  114. package/dist/storybook/assets/{tree.stories-STQJGKS2.js → tree.stories-QOSioSKm.js} +3 -3
  115. package/dist/storybook/assets/unit-input.stories-CmuAouY6.js +273 -0
  116. package/dist/storybook/assets/unit-table.stories-CO-X3zC7.js +103 -0
  117. package/dist/storybook/iframe.html +1 -1
  118. package/dist/storybook/index.json +1 -1
  119. package/dist/storybook/project.json +1 -1
  120. package/dist/storybook/stories.json +1 -1
  121. package/package.json +2 -1
  122. package/dist/404.html +0 -1
  123. package/dist/storybook/assets/actions-Z9jDWreP.js +0 -1
  124. package/dist/storybook/assets/actions.stories-Qrio9EMy.js +0 -1
  125. package/dist/storybook/assets/afe.stories-KoSyhC2z.js +0 -88
  126. package/dist/storybook/assets/badge.stories-C0MXS15j.js +0 -1
  127. package/dist/storybook/assets/blowout.stories-i7Ii3760.js +0 -40
  128. package/dist/storybook/assets/button-7V8oA22w.js +0 -1
  129. package/dist/storybook/assets/button.stories-f6VcbEgi.js +0 -71
  130. package/dist/storybook/assets/card.stories-HzHJW6ek.js +0 -1
  131. package/dist/storybook/assets/color-peuTfev0.js +0 -25
  132. package/dist/storybook/assets/empty.stories-lva3DbfI.js +0 -1
  133. package/dist/storybook/assets/file-input.stories-6NjWeNyC.js +0 -66
  134. package/dist/storybook/assets/footer.stories-Bb7DXjX3.js +0 -3
  135. package/dist/storybook/assets/form.stories-z3f6tVdU.js +0 -49
  136. package/dist/storybook/assets/formation.stories-O-5GfuPp.js +0 -74
  137. package/dist/storybook/assets/help-icon.stories-vifwJgNA.js +0 -4
  138. package/dist/storybook/assets/icon.stories-h0hheUmg.js +0 -6
  139. package/dist/storybook/assets/iframe-_9SeMvPT.js +0 -7
  140. package/dist/storybook/assets/index.es-JXn3JM7k.js +0 -86
  141. package/dist/storybook/assets/label.stories-aXdU5_Ql.js +0 -11
  142. package/dist/storybook/assets/list-A59m58hj.js +0 -8
  143. package/dist/storybook/assets/list.stories-KEz-9qK4.js +0 -457
  144. package/dist/storybook/assets/menu.stories-5G4phywO.js +0 -60
  145. package/dist/storybook/assets/option-dropdown.stories-Q2zd2AcS.js +0 -21
  146. package/dist/storybook/assets/page.stories-pa-9WU0e.js +0 -57
  147. package/dist/storybook/assets/pop-confirm.stories-_agvSFJd.js +0 -9
  148. package/dist/storybook/assets/popover.stories-bWBLR9fB.js +0 -1
  149. package/dist/storybook/assets/projects.stories-KKoY-_Zm.js +0 -47
  150. package/dist/storybook/assets/side-bar-Fjr2t9MT.js +0 -1
  151. package/dist/storybook/assets/side-bar.stories-0_pud_bN.js +0 -1
  152. package/dist/storybook/assets/spacer.stories-bgTBb3VB.js +0 -1
  153. package/dist/storybook/assets/text-link.stories-kjfUeFtk.js +0 -1
  154. package/dist/storybook/assets/tooltip.test-case.stories-3T_tzhJs.js +0 -3
  155. package/dist/storybook/assets/top-bar-9iOkm7Gq.js +0 -1
  156. package/dist/storybook/assets/top-bar-cBtxm6yr.css +0 -1
  157. package/dist/storybook/assets/top-bar.stories-5jcHi3Q_.js +0 -1
  158. package/dist/storybook/assets/top-bar.testcase.stories-7acJvLc_.js +0 -30
  159. package/dist/storybook/assets/unit-input.stories-SBuO5rdv.js +0 -273
  160. package/dist/storybook/assets/unit-table.stories-SngS0-ch.js +0 -103
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oliasoft-open-source/react-ui-library",
3
- "version": "4.5.3",
3
+ "version": "4.5.4-beta-1",
4
4
  "description": "Reusable UI components for React projects",
5
5
  "homepage": "https://oliasoft-open-source.gitlab.io/react-ui-library",
6
6
  "bugs": {
@@ -93,6 +93,7 @@
93
93
  "@types/react": "^18.2.21",
94
94
  "@types/react-dom": "^18.2.13",
95
95
  "@types/react-redux": "^7.1.18",
96
+ "@types/react-router-dom": "^5.3.3",
96
97
  "@types/seamless-immutable": "^7.1.16",
97
98
  "@typescript-eslint/eslint-plugin": "^6.5.0",
98
99
  "@typescript-eslint/parser": "^6.5.0",
package/dist/404.html DELETED
@@ -1 +0,0 @@
1
- <!doctype html><head><title>React UI Library</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1" user-scalable="no"><meta name="apple-mobile-web-app-capable" content="yes"><script type="module" crossorigin src="/react-ui-library/assets/index-LV8D_yOA.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-qXNVhovK.css"></head><body><div id="content"></div></body>
@@ -1 +0,0 @@
1
- import{j as n}from"./jsx-runtime-FsUICBgo.js";import{r as x,R as ne}from"./index-RfLt4OUa.js";import{c as I}from"./index-VW3EWkuE.js";import{l as C}from"./lodash-Bmg8FrMx.js";import{T as N,I as R,C as _e}from"./common-types-U65vzrrz.js";import{D as j}from"./disabled-context-urNQThQz.js";import{B as Q}from"./button-7V8oA22w.js";import{T as be,u as te,i as ae,a as qe}from"./tooltip-HEHiU__l.js";import{I as H}from"./icon-y1a2N5SZ.js";import{M as v,a as D}from"./types-VB5zD18b.js";import{i as U}from"./types-5uVBABF4.js";import{B as Ve}from"./badge-23Ty_zBt.js";const xe="_actions_1nid8_1",he="_actionComponentContainer_1nid8_11",Ne="_active_1nid8_33",Ce={actions:xe,actionComponentContainer:he,active:Ne},Oe="_wrapper_uioq1_1",Ie="_layer_uioq1_5",Te="_layerContainer_uioq1_8",ve="_nested_uioq1_23",je="_fileInput_uioq1_35",Me="_trigger_uioq1_40",ke="_middleAlignedInline_uioq1_49",Ee="_heading_uioq1_55",Se="_headingIcon_uioq1_61",Re="_option_uioq1_73",He="_active_uioq1_92",De="_selected_uioq1_97",Pe="_optionContent_uioq1_103",we="_inline_uioq1_107",Le="_icon_uioq1_112",$e="_check_uioq1_113",Fe="_text_uioq1_135",Ue="_label_uioq1_140",We="_description_uioq1_151",Ae="_arrow_uioq1_155",Ge="_divider_uioq1_159",Xe="_deprecatedSemanticIcon_uioq1_163",ze="_disabled_uioq1_167",Je="_buttonLabel_uioq1_172",Ye="_buttonCaret_uioq1_178",Ke="_component_uioq1_182",Qe="_right_uioq1_188",Ze="_actions_uioq1_193",o={wrapper:Oe,layer:Ie,layerContainer:Te,nested:ve,fileInput:je,trigger:Me,middleAlignedInline:ke,heading:Ee,headingIcon:Se,option:Re,active:He,selected:De,optionContent:Pe,inline:we,icon:Le,check:$e,text:Fe,label:Ue,description:We,arrow:Ae,divider:Ge,deprecatedSemanticIcon:Xe,disabled:ze,buttonLabel:Je,buttonCaret:Ye,component:Ke,right:Qe,actions:Ze},W=({label:e,onClick:a,icon:i,testId:r})=>n.jsxs("div",{onClick:t=>t.stopPropagation(),className:o.heading,"data-testid":r,children:[e,n.jsx("span",{className:o.headingIcon,onClick:a,children:i})]});try{W.displayName="Heading",W.__docgenInfo={description:"",displayName:"Heading",props:{label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"ReactNode"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"((evt: MouseEvent<HTMLSpanElement, MouseEvent>) => void)"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactNode"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const Be=()=>n.jsx("hr",{className:o.divider}),A=({actions:e,label:a,url:i,onClick:r,description:t,icon:s,selected:u,closeOnOptionClick:c,close:l,disabled:p,inline:f,title:g,upload:y,onChange:_,testId:b})=>{const V=m=>{if(m.stopPropagation(),p){m.preventDefault();return}y||(c&&(l==null||l()),r==null||r(m))};return n.jsxs("a",{href:i,className:I(o.option,p?o.disabled:"",f?o.inline:"",u?o.selected:""),onClick:V,"data-testid":b,children:[s?n.jsx("span",{className:o.icon,children:n.jsx(H,{icon:s})}):null,n.jsxs("div",{className:o.optionContent,children:[y&&n.jsx("input",{type:"file",className:o.fileInput,onChange:m=>{_==null||_(m.target.files),l==null||l()}}),n.jsx("span",{className:o.label,title:`${g||a}`,children:a}),n.jsxs("div",{className:o.right,children:[n.jsx("span",{className:o.description,children:t}),!!(e!=null&&e.length)&&n.jsx("div",{className:o.actions,children:n.jsx(K,{actions:e})})]})]})]})};try{A.displayName="Option",A.__docgenInfo={description:"",displayName:"Option",props:{actions:{defaultValue:null,description:"",name:"actions",required:!1,type:{name:"any[]"}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"ReactNode"}},url:{defaultValue:null,description:"",name:"url",required:!1,type:{name:"string"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"((evt: MouseEvent<HTMLAnchorElement, MouseEvent>) => void)"}},description:{defaultValue:null,description:"",name:"description",required:!1,type:{name:"string"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"any"}},selected:{defaultValue:null,description:"",name:"selected",required:!1,type:{name:"boolean"}},closeOnOptionClick:{defaultValue:null,description:"",name:"closeOnOptionClick",required:!1,type:{name:"boolean"}},close:{defaultValue:null,description:"",name:"close",required:!1,type:{name:"TEmpty"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},inline:{defaultValue:null,description:"",name:"inline",required:!1,type:{name:"boolean"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},upload:{defaultValue:null,description:"",name:"upload",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((files: FileList | null) => void)"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const G=({section:e,closeOnOptionClick:a,close:i,tree:r,path:t,maxHeight:s})=>{const u=x.useContext(j);switch(e.type){case v.HEADING:return n.jsx(W,{label:(e==null?void 0:e.label)??"",onClick:e.onClick,icon:e.icon,testId:e.testId});case v.DIVIDER:return n.jsx(Be,{});case v.OPTION:return n.jsx(A,{actions:e.actions,label:(e==null?void 0:e.label)??"",url:e.url,onClick:e.onClick,description:e.description,icon:e.icon,selected:e.selected,closeOnOptionClick:a,close:i,disabled:e.disabled||u,inline:e.inline,title:e.title,upload:e.upload,onChange:e.onChange,testId:e.testId});case v.MENU:return n.jsx(L,{menu:e.menu,title:e.title,closeOnOptionClick:a,isNested:!0,closeParent:i,tree:r,path:t,maxHeight:s,testId:e.testId});default:return null}};try{G.displayName="Section",G.__docgenInfo={description:"",displayName:"Section",props:{section:{defaultValue:null,description:"",name:"section",required:!0,type:{name:"IMenuSection"}},closeOnOptionClick:{defaultValue:null,description:"",name:"closeOnOptionClick",required:!1,type:{name:"boolean"}},close:{defaultValue:null,description:"",name:"close",required:!0,type:{name:"TEmpty"}},tree:{defaultValue:null,description:"",name:"tree",required:!0,type:{name:"any"}},path:{defaultValue:null,description:"",name:"path",required:!0,type:{name:"string"}},maxHeight:{defaultValue:null,description:"",name:"maxHeight",required:!1,type:{name:"TStringOrNumber"}}}}}catch{}const en=e=>e.includes("[")?e.substr(0,e.lastIndexOf("[")):e,nn=(e,a)=>`${e}.sections[${a}]`.replace(/^\./,""),tn=e=>`${e}.close`.replace(/^\./,""),an=(e,a)=>C.get(e,en(a),[]),ln=(e,a,i)=>C.set(e,tn(a),i),P=({sections:e,isNested:a,width:i,closeOnOptionClick:r,close:t=()=>{},tree:s,path:u,maxHeight:c,showAllButton:l,testId:p})=>{var m;if(x.isValidElement(e))return n.jsx(n.Fragment,{children:e});const[f,g]=x.useState(!(l!=null&&l.visible)),y=e,_=((m=l==null?void 0:l.additionalSections)==null?void 0:m.map(d=>({...d,closeOnOptionClick:r,visible:!0})))??[],b=y.length>4?[{type:v.OPTION,label:f?(l==null?void 0:l.showLessTitle)||"Show less":(l==null?void 0:l.showAllTitle)||"Show all",onClick:()=>g(!f),visible:!0,closeOnOptionClick:!1}]:[],V=l!=null&&l.visible?y.map((d,q)=>f||q<=3?{...d,visible:!0,closeOnOptionClick:r}:d).concat(b,_).filter(d=>d==null?void 0:d.visible):y.map(d=>({...d,closeOnOptionClick:r}));return n.jsx("div",{className:I(o.layer,a?o.nested:null),style:{maxWidth:i,maxHeight:c},"data-testid":p,children:n.jsx("ul",{children:V.map((d,q)=>n.jsx("li",{children:n.jsx(G,{section:d,closeOnOptionClick:d.closeOnOptionClick,close:t,tree:s,path:nn(u,q),maxHeight:c})},q))})})};try{P.displayName="Layer",P.__docgenInfo={description:"",displayName:"Layer",props:{sections:{defaultValue:null,description:"",name:"sections",required:!0,type:{name:"ReactNode | IMenuSection[]"}},isNested:{defaultValue:null,description:"",name:"isNested",required:!1,type:{name:"boolean"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},closeOnOptionClick:{defaultValue:null,description:"",name:"closeOnOptionClick",required:!1,type:{name:"boolean"}},close:{defaultValue:{value:"() => {}"},description:"",name:"close",required:!1,type:{name:"TEmpty"}},tree:{defaultValue:null,description:"",name:"tree",required:!1,type:{name:"any"}},path:{defaultValue:null,description:"",name:"path",required:!1,type:{name:"any"}},maxHeight:{defaultValue:null,description:"",name:"maxHeight",required:!1,type:{name:"TStringOrNumber"}},showAllButton:{defaultValue:null,description:"",name:"showAllButton",required:!1,type:{name:"IMenuShowAllButton"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const le=(e,a=!1)=>({auto:!0,preferX:"right",preferY:"bottom",placement:e||(a?"right-start":"bottom-start")}),X=({trigger:e,label:a,colored:i,small:r,width:t,disabled:s,groupOrder:u,loading:c,error:l,warning:p,active:f})=>{const g=x.useContext(j),y=e===N.BUTTON?a:e===N.DROP_DOWN_BUTTON?n.jsxs("span",{className:o.middleAlignedInline,children:[n.jsx("span",{className:o.buttonLabel,children:a}),n.jsx("span",{className:o.buttonCaret,children:n.jsx(H,{icon:R.CHEVRON_DOWN})})]}):null;return n.jsx("div",{className:I(o.trigger,s||g?o.disabled:null),style:{width:t},children:n.jsx(Q,{label:y,colored:i,small:r,width:t,groupOrder:u,onClick:()=>{},loading:c,disabled:s,error:l,warning:p,active:f})})};try{X.displayName="Button",X.__docgenInfo={description:"",displayName:"Button",props:{trigger:{defaultValue:null,description:"",name:"trigger",required:!0,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"ReactNode"}},colored:{defaultValue:null,description:"",name:"colored",required:!1,type:{name:"string | boolean"}},small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},groupOrder:{defaultValue:null,description:"",name:"groupOrder",required:!1,type:{name:"string"}},loading:{defaultValue:null,description:"",name:"loading",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"string"}},warning:{defaultValue:null,description:"",name:"warning",required:!1,type:{name:"string"}},active:{defaultValue:null,description:"",name:"active",required:!1,type:{name:"boolean"}}}}}catch{}const z=({label:e,title:a,carat:i,disabled:r,isOpen:t})=>{let s;return a?s=a:(typeof e=="string"||typeof e=="number")&&(s=String(e)),n.jsxs("div",{className:I(o.trigger,r?o.disabled:null,t?o.active:null),children:[n.jsx("span",{className:o.label,title:s,children:e}),i&&i===D.RIGHT?n.jsx("span",{className:o.arrow,children:n.jsx(H,{icon:R.CHEVRON_RIGHT})}):i&&i===D.DOWN?n.jsx("span",{className:o.arrow,children:n.jsx(H,{icon:R.CHEVRON_DOWN})}):null]})};try{z.displayName="Text",z.__docgenInfo={description:"",displayName:"Text",props:{label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"ReactNode"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},carat:{defaultValue:null,description:"",name:"carat",required:!1,type:{name:"string"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},isOpen:{defaultValue:null,description:"",name:"isOpen",required:!1,type:{name:"boolean"}}}}}catch{}const J=({component:e,disabled:a,testId:i})=>n.jsx("div",{className:I(o.component,a?o.disabled:null),"data-testid":i,children:e});try{J.displayName="Component",J.__docgenInfo={description:"",displayName:"Component",props:{component:{defaultValue:null,description:"",name:"component",required:!0,type:{name:"ReactNode"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const rn=({tooltip:e,error:a,warning:i,children:r})=>!U(e)&&!U(a)&&!U(i)?n.jsx(n.Fragment,{children:r}):n.jsx(be,{error:!!a,warning:!!i,text:e||a||i,display:"inline-block",children:r}),w=ne.forwardRef(({isDisabled:e,badgeTitle:a,badgeDot:i,loading:r,width:t,trigger:s,label:u,title:c,onClickTrigger:l,colored:p,small:f,isNested:g,contextMenu:y,component:_,groupOrder:b,fullHeight:V,isOpen:m,error:d,warning:q,tooltip:h,testId:O,...Z},$)=>{const M=s===N.BUTTON||s===N.DROP_DOWN_BUTTON?n.jsx(X,{trigger:s,label:u??"",colored:p,small:f,width:t,disabled:e,groupOrder:b,loading:r,error:d,warning:q,active:m}):s===N.TEXT?n.jsx(z,{label:u??"",title:c,disabled:e,carat:y?void 0:g?D.RIGHT:D.DOWN,isOpen:m}):s===N.COMPONENT?n.jsx(J,{component:_,disabled:e}):null,F=!g&&(a||i)?n.jsx(Ve,{title:a,dot:i,small:!i,children:M}):M;return n.jsx("div",{ref:$,className:o.wrapper,style:t?{width:t}:{...V&&{height:"100%",display:"flex"}},onClick:k=>{k.stopPropagation(),k.preventDefault(),l()},"data-testid":O,children:n.jsx(rn,{tooltip:h,error:d,warning:q,children:F})})});try{w.displayName="Trigger",w.__docgenInfo={description:"",displayName:"Trigger",props:{isDisabled:{defaultValue:null,description:"",name:"isDisabled",required:!1,type:{name:"boolean"}},badgeTitle:{defaultValue:null,description:"",name:"badgeTitle",required:!1,type:{name:"string"}},badgeDot:{defaultValue:null,description:"",name:"badgeDot",required:!1,type:{name:"boolean"}},loading:{defaultValue:null,description:"",name:"loading",required:!1,type:{name:"boolean"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},trigger:{defaultValue:null,description:"",name:"trigger",required:!0,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"ReactNode"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},onClickTrigger:{defaultValue:null,description:"",name:"onClickTrigger",required:!0,type:{name:"TEmpty"}},colored:{defaultValue:null,description:"",name:"colored",required:!1,type:{name:"string | boolean"}},small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean"}},isNested:{defaultValue:null,description:"",name:"isNested",required:!1,type:{name:"boolean"}},contextMenu:{defaultValue:null,description:"",name:"contextMenu",required:!1,type:{name:"boolean"}},component:{defaultValue:null,description:"",name:"component",required:!1,type:{name:"ReactNode"}},groupOrder:{defaultValue:null,description:"",name:"groupOrder",required:!1,type:{name:"string"}},fullHeight:{defaultValue:null,description:"",name:"fullHeight",required:!1,type:{name:"boolean"}},isOpen:{defaultValue:null,description:"",name:"isOpen",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"string"}},warning:{defaultValue:null,description:"",name:"warning",required:!1,type:{name:"string"}},tooltip:{defaultValue:null,description:"",name:"tooltip",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const ie=e=>{const{sections:a}=e;return!x.isValidElement(a)&&(!Array.isArray(a)||a.every(i=>C.isEmpty(i)))},sn=({sections:e,width:a,placement:i,possiblePlacements:r,closeOnOptionClick:t,closeParent:s,tree:u,path:c,groupOrder:l,overflowContainer:p,maxHeight:f,testId:g})=>{const{hasMousePosition:y,resetMousePosition:_,handleMouseEvent:b,trigger:V}=qe(),m=_,d=y,{layerProps:q,renderLayer:h}=te({isOpen:d,trigger:V,...le(i),possiblePlacements:r,ResizeObserver:ae,onOutsideClick:m,overflowContainer:p});return[d&&h(n.jsx("div",{...q,children:n.jsx(P,{isNested:!1,width:a,sections:e,closeOnOptionClick:t,close:s||m,tree:u,path:c,maxHeight:f,testId:g&&`${g}-layer`})})),b]},on=({menu:e,width:a,disabled:i=!1,closeOnOptionClick:r=!0,closeParent:t,tree:s,path:u,groupOrder:c,testId:l})=>{const p=x.useContext(j),{label:f,trigger:g,fullHeightTrigger:y,colored:_,small:b,component:V,placement:m,possiblePlacements:d=["bottom-start","top-start"]}=e,[q,h]=sn({sections:e.sections,width:a,placement:m,possiblePlacements:d,closeOnOptionClick:r,closeParent:t,tree:s,path:u,groupOrder:c,overflowContainer:!0,maxHeight:"40vh",testId:l}),O=i||ie(e)||p;return n.jsxs("div",{onContextMenu:h,"data-testid":l,children:[n.jsx(w,{width:a,fullHeight:y,isDisabled:O,trigger:g,label:f,onClickTrigger:()=>{},colored:_,small:b,isNested:!0,component:V,contextMenu:!0,groupOrder:c}),q]})},L=({menu:e,width:a,disabled:i=!1,badgeTitle:r,badgeDot:t=!1,loading:s=!1,isNested:u=!1,closeOnOptionClick:c=!0,closeParent:l,tree:p,path:f,groupOrder:g,overflowContainer:y=!0,maxHeight:_,testId:b,open:V,setOpen:m,tooltip:d,error:q,warning:h})=>{const O=x.useContext(j),{label:Z,title:$,trigger:M,fullHeightTrigger:F,colored:k,small:re,sections:se,component:oe,placement:de,showAllButton:ue,possiblePlacements:ce=["bottom-start","top-start"]}=e,[E,B]=C.isBoolean(V)&&C.isFunction(m)?[V,m]:x.useState(!1),T=()=>B(!1),pe=()=>B(!0),{triggerProps:me,layerProps:fe,renderLayer:ye}=te({isOpen:E,...le(de,u),possiblePlacements:ce,ResizeObserver:ae,onOutsideClick:T,overflowContainer:y,onParentClose:T}),ee=i||ie(e)||O;ln(p,f,T);const ge=()=>{if(!ee){if(E){T();return}an(p,f).forEach(S=>{S.close&&S.close()}),pe()}};return n.jsxs(n.Fragment,{children:[n.jsx(w,{ref:me.ref,isDisabled:ee,badgeTitle:r,badgeDot:t,loading:s,width:a,fullHeight:F,trigger:M,label:Z,title:$,onClickTrigger:ge,colored:k,small:re,isNested:u,component:oe,groupOrder:g,isOpen:E,tooltip:d,error:q,warning:h,testId:b}),E&&ye(n.jsx("div",{...fe,className:o.layerContainer,"data-testid":e.testId,onClick:S=>S.stopPropagation(),children:n.jsx(P,{sections:se,isNested:u,width:a,closeOnOptionClick:c,close:l||T,tree:p,path:f,maxHeight:_,showAllButton:ue,testId:b&&`${b}-layer`})}))]})},Y=e=>e.contextMenu?n.jsx(on,{...e,tree:{},path:"",testId:e.testId}):n.jsx(L,{...e,tree:{},path:"",testId:e.testId});try{L.displayName="DropDownMenu",L.__docgenInfo={description:"",displayName:"DropDownMenu",props:{menu:{defaultValue:null,description:"",name:"menu",required:!0,type:{name:"{ trigger: string; title?: string | undefined; colored?: string | boolean | undefined; small?: boolean | undefined; label?: ReactNode; component?: ReactNode; sections?: ReactNode | IMenuSection[]; ... 4 more ...; fullHeightTrigger?: boolean | undefined; }"}},contextMenu:{defaultValue:null,description:"",name:"contextMenu",required:!1,type:{name:"boolean"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},badgeTitle:{defaultValue:null,description:"",name:"badgeTitle",required:!1,type:{name:"string"}},badgeDot:{defaultValue:{value:"false"},description:"",name:"badgeDot",required:!1,type:{name:"boolean"}},loading:{defaultValue:{value:"false"},description:"",name:"loading",required:!1,type:{name:"boolean"}},fullHeightTrigger:{defaultValue:null,description:"",name:"fullHeightTrigger",required:!1,type:{name:"boolean"}},closeOnOptionClick:{defaultValue:{value:"true"},description:"",name:"closeOnOptionClick",required:!1,type:{name:"boolean"}},groupOrder:{defaultValue:null,description:"",name:"groupOrder",required:!1,type:{name:"string"}},overflowContainer:{defaultValue:{value:"true"},description:"",name:"overflowContainer",required:!1,type:{name:"boolean"}},maxHeight:{defaultValue:null,description:"",name:"maxHeight",required:!1,type:{name:"TStringOrNumber"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},open:{defaultValue:null,description:"",name:"open",required:!1,type:{name:"boolean"}},setOpen:{defaultValue:null,description:"",name:"setOpen",required:!1,type:{name:"((state: boolean) => void)"}},closeParent:{defaultValue:null,description:"",name:"closeParent",required:!1,type:{name:"TEmpty"}},tree:{defaultValue:null,description:"",name:"tree",required:!1,type:{name:"any"}},path:{defaultValue:null,description:"",name:"path",required:!1,type:{name:"any"}},isNested:{defaultValue:{value:"false"},description:"",name:"isNested",required:!1,type:{name:"boolean"}},tooltip:{defaultValue:null,description:"",name:"tooltip",required:!1,type:{name:"any"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"any"}},warning:{defaultValue:null,description:"",name:"warning",required:!1,type:{name:"any"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}}}}}catch{}try{Y.displayName="Menu",Y.__docgenInfo={description:"",displayName:"Menu",props:{menu:{defaultValue:null,description:"",name:"menu",required:!0,type:{name:"{ trigger: string; title?: string | undefined; colored?: string | boolean | undefined; small?: boolean | undefined; label?: ReactNode; component?: ReactNode; sections?: ReactNode | IMenuSection[]; ... 4 more ...; fullHeightTrigger?: boolean | undefined; }"}},contextMenu:{defaultValue:null,description:"",name:"contextMenu",required:!1,type:{name:"boolean"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},badgeTitle:{defaultValue:null,description:"",name:"badgeTitle",required:!1,type:{name:"string"}},badgeDot:{defaultValue:{value:"false"},description:"",name:"badgeDot",required:!1,type:{name:"boolean"}},loading:{defaultValue:{value:"false"},description:"",name:"loading",required:!1,type:{name:"boolean"}},fullHeightTrigger:{defaultValue:null,description:"",name:"fullHeightTrigger",required:!1,type:{name:"boolean"}},closeOnOptionClick:{defaultValue:{value:"true"},description:"",name:"closeOnOptionClick",required:!1,type:{name:"boolean"}},groupOrder:{defaultValue:null,description:"",name:"groupOrder",required:!1,type:{name:"string"}},overflowContainer:{defaultValue:{value:"true"},description:"",name:"overflowContainer",required:!1,type:{name:"boolean"}},maxHeight:{defaultValue:null,description:"",name:"maxHeight",required:!1,type:{name:"TStringOrNumber"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},open:{defaultValue:null,description:"",name:"open",required:!1,type:{name:"boolean"}},setOpen:{defaultValue:null,description:"",name:"setOpen",required:!1,type:{name:"((state: boolean) => void)"}},closeParent:{defaultValue:null,description:"",name:"closeParent",required:!1,type:{name:"TEmpty"}},tree:{defaultValue:null,description:"",name:"tree",required:!1,type:{name:"any"}},path:{defaultValue:null,description:"",name:"path",required:!1,type:{name:"any"}},isNested:{defaultValue:{value:"false"},description:"",name:"isNested",required:!1,type:{name:"boolean"}},tooltip:{defaultValue:null,description:"",name:"tooltip",required:!1,type:{name:"any"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"any"}},warning:{defaultValue:null,description:"",name:"warning",required:!1,type:{name:"any"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}}}}}catch{}const dn=e=>{const{subActions:a,subMenuIcon:i,primary:r,testId:t,tooltip:s}=e,u=n.jsx(Q,{colored:r?!0:_e.MUTED,basic:!r,round:!0,small:!0,icon:i||R.MENU,testId:t,tooltip:s});if(a.length){const c={trigger:N.COMPONENT,component:u,sections:a.map(l=>({type:l.type??"Option",label:l.label,icon:l.icon,testId:l.testId,disabled:l.disabled,menu:l.menu,onClick:p=>{p.stopPropagation(),p.preventDefault(),C.isFunction(l.onClick)&&l.onClick(p)}}))};return n.jsx(Y,{menu:c})}return null},K=e=>{const a=x.useContext(j),{actions:i=[],closeLayer:r}=e;return n.jsx("div",{className:I(Ce.actions),children:i.map((t,s)=>{if(!((t==null?void 0:t.hidden)||!t||!Object.keys(t).length))return t.childComponent&&ne.isValidElement(t.childComponent)?n.jsx("div",{"data-testid":t.testId,children:t.childComponent},s):t.subActions?n.jsx(dn,{subActions:t.subActions,primary:t.primary,subMenuIcon:t.icon,testId:t.testId,tooltip:t.tooltip},s):n.jsx(Q,{colored:t.primary?!0:"muted",round:!0,basic:!t.primary,disabled:t.disabled,small:!0,name:String(t.label),icon:t.icon?t.icon:null,onClick:c=>{r&&r(),c.stopPropagation(),c.preventDefault(),!(t.disabled||a)&&C.isFunction(t.onClick)&&t.onClick(c)},testId:t.testId,tooltip:t.tooltip},s)})})};try{K.displayName="Actions",K.__docgenInfo={description:"",displayName:"Actions",props:{actions:{defaultValue:null,description:"",name:"actions",required:!0,type:{name:"IAction[]"}},closeLayer:{defaultValue:null,description:"",name:"closeLayer",required:!1,type:{name:"TEmpty"}}}}}catch{}export{K as A,Y as M};
@@ -1 +0,0 @@
1
- import{j as p}from"./jsx-runtime-FsUICBgo.js";import{A as c}from"./actions-Z9jDWreP.js";import"./index-RfLt4OUa.js";import"./index-VW3EWkuE.js";import"./lodash-Bmg8FrMx.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./button-7V8oA22w.js";import"./spinner-R8Il4aRe.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./tooltip-HEHiU__l.js";import"./index-miLrID2P.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";const d=[{label:"Download",icon:"download",onClick:()=>{},testId:"download"},{label:"Help",icon:"help",onClick:()=>{},disabled:!0,testId:"help"},{label:"More",testId:"more",subActions:[{label:"Move Up",icon:"up",disabled:!0,onClick:()=>{},testId:"move-up"},{label:"Move Down",icon:"down",onClick:()=>{},testId:"move-down"},{type:"Menu",menu:{trigger:"Text",label:"Even more",sections:[{type:"Option",label:"Nested option 1",onClick:()=>{}},{type:"Option",label:"Another nested option",onClick:()=>{}}]}}]},{primary:!0,label:"Add",icon:"add",onClick:()=>{},testId:"add"}],O={title:"Basic/Actions",component:c,args:{actions:d,right:!1},decorators:[o=>p.jsx("div",{style:{display:"inline-flex"},children:o()})],parameters:{docs:{source:{excludeDecorators:!0}}}},m=o=>p.jsx(c,{...o}),t=m.bind({}),e=m.bind({});e.args={actions:d.map(o=>({...o,tooltip:o.label}))};var r,s,i;t.parameters={...t.parameters,docs:{...(r=t.parameters)==null?void 0:r.docs,source:{originalSource:"args => <Actions {...args} />",...(i=(s=t.parameters)==null?void 0:s.docs)==null?void 0:i.source}}};var a,l,n;e.parameters={...e.parameters,docs:{...(a=e.parameters)==null?void 0:a.docs,source:{originalSource:"args => <Actions {...args} />",...(n=(l=e.parameters)==null?void 0:l.docs)==null?void 0:n.source}}};const _=["Default","Tooltip"];export{t as Default,e as Tooltip,_ as __namedExportsOrder,O as default};
@@ -1,88 +0,0 @@
1
- import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as l}from"./index-RfLt4OUa.js";import{I as F}from"./common-types-U65vzrrz.js";import{T as w}from"./top-bar-9iOkm7Gq.js";import{S as C}from"./side-bar-Fjr2t9MT.js";import{H as n}from"./heading-Bk0bpNfe.js";import{B as s}from"./button-7V8oA22w.js";import{D as I}from"./drawer-WuErQ5Z8.js";import{L as T}from"./list-A59m58hj.js";import{F as i}from"./field-eknsj_Ll.js";import{I as d}from"./input-u1He-wWs.js";import{A as E}from"./accordion-6_27SROY.js";import{C as a}from"./check-box-LZdXXKhv.js";import{F as p}from"./form-row-bwoDTUga.js";import{P as R}from"./page-9-f6BzS0.js";import{R as A,C as B}from"./row-vFUhHoz5.js";import{S as m}from"./select-JjEPivho.js";import{S as u}from"./spacer-Yji9g2AW.js";import{T as k}from"./tabs-fcLbHC1n.js";import{I as L}from"./input-group-R8LoqKRn.js";import{I as U}from"./input-group-addon-BHVsW9mL.js";import"./index-VW3EWkuE.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./actions-Z9jDWreP.js";import"./lodash-Bmg8FrMx.js";import"./tooltip-HEHiU__l.js";import"./index-miLrID2P.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./index-ugi_ZH6T.js";import"./help-icon--rUDxLUD.js";import"./spinner-R8Il4aRe.js";import"./index.es-JXn3JM7k.js";import"./extends-dGVwEr9R.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./memoize-one.esm-hqe5SRxC.js";import"./card-0r8RRVk-.js";import"./list-heading-30-lMSi6.js";import"./loader-TGOJBZQG.js";import"./label-0_Qf6I8t.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./assertThisInitialized-4q6YPdh3.js";import"./text-6KQ6ntOV.js";import"./select.input-zP5tW20f.js";const c=[{label:"Settings",value:"settings"},{label:"Simulation Results",value:"results"}],H=["30, Conductor, Casing","20, Surface, Casing","13 3/8, Intermediate, Casing","11 3/4, Surface, Casing","9 5/8, Production, Casing"],ke={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},t=()=>{const[r,g]=l.useState(!0),[f,j]=l.useState(c[0]);return e.jsxs(e.Fragment,{children:[e.jsx(w,{}),e.jsx(C,{options:{title:"",sections:[]}}),e.jsx(R,{padding:!1,scroll:!1,children:e.jsxs(A,{spacing:0,height:"100%",children:[e.jsx(I,{button:e.jsx(s,{onClick:()=>g(!r),round:!0,icon:F.CHEVRON_LEFT}),open:r,width:300,closedWidth:"var(--size-sidebar)",children:e.jsx(T,{drawer:!0,narrow:!r,list:{name:"AFE Simulation",items:[{id:1,name:"Simulation name here",active:!0},{id:2,name:"Ipsum"}]}})}),e.jsxs(B,{scroll:!0,padding:!0,borderLeft:!0,children:[e.jsx(n,{top:!0,children:"Simulation name here"}),e.jsx(k,{options:c,value:f,onChange:o=>{const{value:v,label:S}=o.target;j({value:v,label:S})},margin:0}),e.jsx(u,{}),e.jsxs(p,{children:[e.jsx(i,{label:"Name",children:e.jsx(d,{value:"Simulation name here",width:"200px"})}),e.jsx(i,{label:"Initial condition",children:e.jsx(m,{options:[{label:"E3 - Circulation through drillpipe",value:"e3"}],value:{label:"E3 - Circulation through drillpipe",value:"e3"},native:!0})})]}),H.map(o=>e.jsxs("div",{children:[e.jsx(E,{heading:e.jsx(n,{children:o}),managed:!0,bordered:!0,children:e.jsxs(p,{children:[e.jsx(i,{label:"Leak off @TVD 425",children:e.jsx(a,{label:"Use formation data",checked:!0})}),e.jsx(i,{children:e.jsxs(L,{children:[e.jsx(d,{width:"200px",disabled:!0,value:"1.532142857142857"}),e.jsx(U,{children:"m"})]})}),e.jsx(i,{children:e.jsx(a,{label:"Gas cap"})}),e.jsx(i,{children:e.jsx(a,{label:"Max allowable pressure buildup"})})]})}),e.jsx(u,{})]},o)),e.jsx(i,{label:"Final condition",children:e.jsx(m,{options:[{label:"Undisturbed",value:"Undisturbed"}],value:{label:"Undisturbed",value:"Undisturbed"},native:!0,width:"auto"})}),e.jsx(s,{label:"Simulate",colored:!0})]})]})})]})};var h,b,x;t.parameters={...t.parameters,docs:{...(h=t.parameters)==null?void 0:h.docs,source:{originalSource:`() => {
2
- const [open, setOpen] = useState(true);
3
- const [selectedTab, setSelectedTab] = useState(options[0]);
4
- return <>
5
- <TopBar />
6
- <SideBar options={{
7
- title: '',
8
- sections: []
9
- }} />
10
- <Page padding={false} scroll={false}>
11
- <Row spacing={0} height="100%">
12
- <Drawer button={<Button onClick={() => setOpen(!open)} round icon={IconType.CHEVRON_LEFT} />} open={open} width={300} closedWidth="var(--size-sidebar)">
13
- <List drawer narrow={!open} list={{
14
- name: 'AFE Simulation',
15
- items: [{
16
- id: 1,
17
- name: 'Simulation name here',
18
- active: true
19
- }, {
20
- id: 2,
21
- name: 'Ipsum'
22
- }]
23
- }} />
24
- </Drawer>
25
- <Column scroll padding borderLeft>
26
- <Heading top>Simulation name here</Heading>
27
- <Tabs options={options} value={selectedTab} onChange={evt => {
28
- const {
29
- value,
30
- label
31
- } = evt.target;
32
- setSelectedTab({
33
- value,
34
- label
35
- });
36
- }} margin={0} />
37
- <Spacer />
38
- <FormRow>
39
- <Field label="Name">
40
- <Input value="Simulation name here" width="200px" />
41
- </Field>
42
- <Field label="Initial condition">
43
- <Select options={[{
44
- label: 'E3 - Circulation through drillpipe',
45
- value: 'e3'
46
- }]} value={{
47
- label: 'E3 - Circulation through drillpipe',
48
- value: 'e3'
49
- }} native />
50
- </Field>
51
- </FormRow>
52
- {casingOptions.map(option => <div key={option}>
53
- <Accordion heading={<Heading>{option}</Heading>} managed bordered>
54
- <FormRow>
55
- <Field label="Leak off @TVD 425">
56
- <CheckBox label="Use formation data" checked />
57
- </Field>
58
- <Field>
59
- <InputGroup>
60
- <Input width="200px" disabled value="1.532142857142857" />
61
- <InputGroupAddon>m</InputGroupAddon>
62
- </InputGroup>
63
- </Field>
64
- <Field>
65
- <CheckBox label="Gas cap" />
66
- </Field>
67
- <Field>
68
- <CheckBox label="Max allowable pressure buildup" />
69
- </Field>
70
- </FormRow>
71
- </Accordion>
72
- <Spacer />
73
- </div>)}
74
- <Field label="Final condition">
75
- <Select options={[{
76
- label: 'Undisturbed',
77
- value: 'Undisturbed'
78
- }]} value={{
79
- label: 'Undisturbed',
80
- value: 'Undisturbed'
81
- }} native width="auto" />
82
- </Field>
83
- <Button label="Simulate" colored />
84
- </Column>
85
- </Row>
86
- </Page>
87
- </>;
88
- }`,...(x=(b=t.parameters)==null?void 0:b.docs)==null?void 0:x.source}}};t.__docgenInfo={description:"",methods:[],displayName:"AFESimulation"};const Le=["AFESimulation"];export{t as AFESimulation,Le as __namedExportsOrder,ke as default};
@@ -1 +0,0 @@
1
- import{j as h}from"./jsx-runtime-FsUICBgo.js";import{B as v}from"./badge-23Ty_zBt.js";import{B as k}from"./button-7V8oA22w.js";import"./index-RfLt4OUa.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./spinner-R8Il4aRe.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./tooltip-HEHiU__l.js";import"./index-miLrID2P.js";const L={title:"Basic/Badge",component:v,args:{title:"3",color:"",small:!1,children:h.jsx(k,{name:"example",label:"Button",onClick:()=>{}})}},r=E=>h.jsx(v,{...E}),m=r.bind({}),e=r.bind({});e.args={small:!0};const a=r.bind({});a.args={dot:!0,title:void 0};const s=r.bind({});s.args={children:void 0};const o=r.bind({});o.args={title:null};const t=r.bind({});t.args={small:!0,title:null};var c,i,l;m.parameters={...m.parameters,docs:{...(c=m.parameters)==null?void 0:c.docs,source:{originalSource:"args => <Badge {...args} />",...(l=(i=m.parameters)==null?void 0:i.docs)==null?void 0:l.source}}};var p,d,n;e.parameters={...e.parameters,docs:{...(p=e.parameters)==null?void 0:p.docs,source:{originalSource:"args => <Badge {...args} />",...(n=(d=e.parameters)==null?void 0:d.docs)==null?void 0:n.source}}};var g,u,B;a.parameters={...a.parameters,docs:{...(g=a.parameters)==null?void 0:g.docs,source:{originalSource:"args => <Badge {...args} />",...(B=(u=a.parameters)==null?void 0:u.docs)==null?void 0:B.source}}};var S,T,b;s.parameters={...s.parameters,docs:{...(S=s.parameters)==null?void 0:S.docs,source:{originalSource:"args => <Badge {...args} />",...(b=(T=s.parameters)==null?void 0:T.docs)==null?void 0:b.source}}};var f,x,j;o.parameters={...o.parameters,docs:{...(f=o.parameters)==null?void 0:f.docs,source:{originalSource:"args => <Badge {...args} />",...(j=(x=o.parameters)==null?void 0:x.docs)==null?void 0:j.source}}};var D,N,_;t.parameters={...t.parameters,docs:{...(D=t.parameters)==null?void 0:D.docs,source:{originalSource:"args => <Badge {...args} />",...(_=(N=t.parameters)==null?void 0:N.docs)==null?void 0:_.source}}};const M=["Default","Small","Dot","Standalone","TestNoTitle","TestSmallNoTitle"];export{m as Default,a as Dot,e as Small,s as Standalone,o as TestNoTitle,t as TestSmallNoTitle,M as __namedExportsOrder,L as default};
@@ -1,40 +0,0 @@
1
- import{j as e}from"./jsx-runtime-FsUICBgo.js";import"./index-RfLt4OUa.js";import{I as u}from"./common-types-U65vzrrz.js";import{T as h}from"./top-bar-9iOkm7Gq.js";import{S as g}from"./side-bar-Fjr2t9MT.js";import{H as o}from"./heading-Bk0bpNfe.js";import{B as a}from"./button-7V8oA22w.js";import{C as i}from"./card-0r8RRVk-.js";import{P as x}from"./page-9-f6BzS0.js";import{R as s,C as n}from"./row-vFUhHoz5.js";import{S as r}from"./spacer-Yji9g2AW.js";import"./index-VW3EWkuE.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./actions-Z9jDWreP.js";import"./lodash-Bmg8FrMx.js";import"./tooltip-HEHiU__l.js";import"./index-miLrID2P.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./index-ugi_ZH6T.js";import"./drawer-WuErQ5Z8.js";import"./help-icon--rUDxLUD.js";import"./spinner-R8Il4aRe.js";import"./styled-components.browser.esm-qIipjd6c.js";const C=({width:p,height:c})=>e.jsx("div",{style:{background:"#ddd",width:p,height:c}}),K={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},t=()=>e.jsxs(e.Fragment,{children:[e.jsx(h,{}),e.jsx(g,{options:{title:"",sections:[]}}),e.jsxs(x,{padding:"var(--padding)",children:[e.jsxs(s,{children:[e.jsx(n,{width:"80px",children:e.jsx(C,{width:60,height:80})}),e.jsxs(n,{children:[e.jsx(o,{top:!0,children:"Blowout Simulation"}),e.jsx(a,{colored:!0,label:"Save & run simulation"})]}),e.jsx(n,{flex:!1,children:e.jsx(a,{onClick:()=>{},round:!0,icon:u.HELP})})]}),e.jsx(r,{}),e.jsxs(s,{children:[e.jsxs(n,{children:[e.jsx(i,{heading:e.jsx(o,{children:"Reservoir Zones"}),children:"Content"}),e.jsx(r,{}),e.jsx(i,{heading:e.jsx(o,{children:"Simulation Models"}),children:"Content"}),e.jsx(r,{}),e.jsx(i,{heading:e.jsx(o,{children:"Simulation Options"}),children:"Content"})]}),e.jsxs(n,{children:[e.jsx(i,{heading:e.jsx(o,{children:"Drill String"}),children:"Content"}),e.jsx(r,{}),e.jsx(i,{heading:e.jsx(o,{children:"Surface Roughness"}),children:"Content"}),e.jsx(r,{}),e.jsx(i,{heading:e.jsx(o,{children:"Weighted Rates"}),children:"Content"})]})]})]})]});var d,l,m;t.parameters={...t.parameters,docs:{...(d=t.parameters)==null?void 0:d.docs,source:{originalSource:`() => {
2
- return <>
3
- <TopBar />
4
- <SideBar options={{
5
- title: '',
6
- sections: []
7
- }} />
8
- <Page padding="var(--padding)">
9
- <Row>
10
- <Column width="80px">
11
- <ImagePlaceholder width={60} height={80} />
12
- </Column>
13
- <Column>
14
- <Heading top>Blowout Simulation</Heading>
15
- <Button colored label="Save & run simulation" />
16
- </Column>
17
- <Column flex={false}>
18
- <Button onClick={() => {}} round icon={IconType.HELP} />
19
- </Column>
20
- </Row>
21
- <Spacer />
22
- <Row>
23
- <Column>
24
- <Card heading={<Heading>Reservoir Zones</Heading>}>Content</Card>
25
- <Spacer />
26
- <Card heading={<Heading>Simulation Models</Heading>}>Content</Card>
27
- <Spacer />
28
- <Card heading={<Heading>Simulation Options</Heading>}>Content</Card>
29
- </Column>
30
- <Column>
31
- <Card heading={<Heading>Drill String</Heading>}>Content</Card>
32
- <Spacer />
33
- <Card heading={<Heading>Surface Roughness</Heading>}>Content</Card>
34
- <Spacer />
35
- <Card heading={<Heading>Weighted Rates</Heading>}>Content</Card>
36
- </Column>
37
- </Row>
38
- </Page>
39
- </>;
40
- }`,...(m=(l=t.parameters)==null?void 0:l.docs)==null?void 0:m.source}}};t.__docgenInfo={description:"",methods:[],displayName:"Blowout"};const Q=["Blowout"];export{t as Blowout,Q as __namedExportsOrder,K as default};
@@ -1 +0,0 @@
1
- import{j as a}from"./jsx-runtime-FsUICBgo.js";import{r as I}from"./index-RfLt4OUa.js";import{c as h}from"./index-VW3EWkuE.js";import{C as t,G as m}from"./common-types-U65vzrrz.js";import{D as M}from"./disabled-context-urNQThQz.js";import{S as j}from"./spinner-R8Il4aRe.js";import{I as w}from"./icon-y1a2N5SZ.js";import{T as C}from"./tooltip-HEHiU__l.js";const F="_inputInTable_1rzkf_1",R="_inputHover_1rzkf_13",U="_inputFocus_1rzkf_18",D="_inputError_1rzkf_25",L="_inputWarning_1rzkf_26",G="_inputDisabled_1rzkf_61",H="_hideScrollbars_1rzkf_67",W="_button_1rzkf_100",A="_active_1rzkf_135",J="_green_1rzkf_135",K="_red_1rzkf_135",P="_orange_1rzkf_135",Q="_icon_1rzkf_147",X="_iconOnly_1rzkf_153",Y="_basic_1rzkf_163",Z="_muted_1rzkf_169",$="_disabled_1rzkf_188",ee="_small_1rzkf_198",re="_pill_1rzkf_203",ae="_round_1rzkf_204",ne="_error_1rzkf_276",te="_warning_1rzkf_293",le="_inverted_1rzkf_310",se="_groupOrderFirst_1rzkf_340",ie="_groupOrderMiddle_1rzkf_341",oe="_groupOrderLast_1rzkf_342",e={inputInTable:F,inputHover:R,inputFocus:U,inputError:D,inputWarning:L,inputDisabled:G,hideScrollbars:H,button:W,active:A,green:J,red:K,orange:P,icon:Q,iconOnly:X,basic:Y,muted:Z,disabled:$,small:ee,pill:re,round:ae,error:ne,warning:te,inverted:le,groupOrderFirst:se,groupOrderMiddle:ie,groupOrderLast:oe};var l=(r=>(r.SUBMIT="submit",r.BUTTON="button",r.RESET="reset",r))(l||{});const ue=({children:r,tooltip:n=null})=>n?a.jsx(C,{text:n,display:"inline-flex",children:r}):a.jsx(a.Fragment,{children:r}),g=({active:r=!1,basic:n=!1,colored:s=!1,disabled:u=!1,groupOrder:d=null,icon:i=null,label:c="",loading:p=!1,name:b,pill:v=!1,round:y=!1,small:o=!1,styles:k="",width:z="",title:f="",type:O=l.BUTTON,onClick:q=()=>{},error:T,warning:V,testId:x,tooltip:E,inverted:S=!1})=>{const _=I.useContext(M),N=(()=>{if(s)switch(s){case t.DANGER:case t.RED:return e.red;case t.SUCCESS:case t.GREEN:return e.green;case t.MUTED:return e.muted;default:return e.orange}return""})(),B=(()=>{if(d)switch(d){case m.FIRST:return e.groupOrderFirst;case m.LAST:return e.groupOrderLast;default:return e.groupOrderMiddle}return""})();return a.jsx(ue,{tooltip:E,children:a.jsxs("button",{type:O===l.SUBMIT?l.SUBMIT:l.BUTTON,className:h(e.button,r?e.active:"",n?e.basic:"",N,u||_?e.disabled:"",(i||p)&&!c?e.iconOnly:"",S?e.inverted:"",B,v?e.pill:"",y?e.round:"",o?e.small:"",T?e.error:V?e.warning:"",k),disabled:u||_,name:b??"",onClick:q,...f?{title:f}:{},style:{width:z},"data-testid":x,children:[i&&a.jsx("span",{className:e.icon,children:a.jsx(w,{icon:i})}),p&&a.jsx("span",{className:e.icon,children:a.jsx(j,{small:!o,tiny:o,dark:!s&&!n,colored:n})}),c]})})};try{g.displayName="Button",g.__docgenInfo={description:"",displayName:"Button",props:{active:{defaultValue:{value:"false"},description:"",name:"active",required:!1,type:{name:"boolean"}},basic:{defaultValue:{value:"false"},description:"",name:"basic",required:!1,type:{name:"boolean"}},colored:{defaultValue:{value:"false"},description:"",name:"colored",required:!1,type:{name:"string | boolean"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},groupOrder:{defaultValue:{value:"null"},description:"",name:"groupOrder",required:!1,type:{name:"string | null"}},icon:{defaultValue:{value:"null"},description:"",name:"icon",required:!1,type:{name:"ReactNode"}},label:{defaultValue:{value:""},description:"",name:"label",required:!1,type:{name:"ReactNode"}},loading:{defaultValue:{value:"false"},description:"",name:"loading",required:!1,type:{name:"boolean"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string | null"}},onClick:{defaultValue:{value:"() => {}"},description:"",name:"onClick",required:!1,type:{name:"((evt: MouseEvent<HTMLButtonElement, MouseEvent>) => void)"}},pill:{defaultValue:{value:"false"},description:"",name:"pill",required:!1,type:{name:"boolean"}},round:{defaultValue:{value:"false"},description:"",name:"round",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},styles:{defaultValue:{value:""},description:"",name:"styles",required:!1,type:{name:"string"}},width:{defaultValue:{value:""},description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},title:{defaultValue:{value:""},description:"",name:"title",required:!1,type:{name:"string"}},type:{defaultValue:{value:"ButtonType.BUTTON"},description:"",name:"type",required:!1,type:{name:"string"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"string"}},warning:{defaultValue:null,description:"",name:"warning",required:!1,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},tooltip:{defaultValue:{value:"null"},description:"",name:"tooltip",required:!1,type:{name:"ReactNode"}},inverted:{defaultValue:{value:"false"},description:"",name:"inverted",required:!1,type:{name:"boolean"}}}}}catch{}export{g as B,l as a};
@@ -1,71 +0,0 @@
1
- import{j as e}from"./jsx-runtime-FsUICBgo.js";import{F as nr}from"./flex-3eLDDUyy.js";import{B as o,a as cr}from"./button-7V8oA22w.js";import"./index-RfLt4OUa.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./spinner-R8Il4aRe.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./tooltip-HEHiU__l.js";import"./index-miLrID2P.js";const hr={title:"Forms/Button",component:o,parameters:{canvas:{page:null}},argTypes:{colored:{control:{type:"inline-radio"},options:{off:!1,primary:"primary",success:"success",danger:"danger",muted:"muted"}},icon:{control:{type:"inline-radio"},options:{off:void 0,on:"delete"}}},args:{label:"Label"}},r=x=>e.jsxs(nr,{gap:"var(--padding-sm)",children:[e.jsx(o,{...x}),e.jsx(o,{colored:!0,...x}),e.jsx(o,{colored:"success",...x}),e.jsx(o,{colored:"danger",...x})]}),F=r.bind({}),s=r.bind({});s.args={small:!0};const a=r.bind({});a.args={basic:!0};const t=r.bind({});t.args={active:!0};const n=r.bind({});n.args={disabled:!0};const c=r.bind({});c.args={icon:"delete"};const d=r.bind({});d.args={round:!0,icon:"delete",label:void 0};const l=r.bind({});l.args={round:!0,icon:"delete",label:void 0,colored:"muted",basic:!0};const u=r.bind({});u.args={width:"100%"};const g=r.bind({});g.args={type:cr.SUBMIT};const p=r.bind({});p.args={label:"Lorem ipsum dolor est compendum",width:"100px",small:!0};const i=r.bind({});i.args={tooltip:"Tooltip goes here"};const m=r.bind({});m.args={label:"Long label goes here lorem ipsum dolor est lorem ipsum",width:"200px"};const B=r.bind({});B.args={label:"Long label goes here lorem ipsum dolor est lorem ipsum",width:"200px",small:!0};var b,S,v;F.parameters={...F.parameters,docs:{...(b=F.parameters)==null?void 0:b.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
2
- <Button {...args} />
3
- <Button colored {...args} />
4
- <Button colored="success" {...args} />
5
- <Button colored="danger" {...args} />
6
- </Flex>`,...(v=(S=F.parameters)==null?void 0:S.docs)==null?void 0:v.source}}};var T,h,f;s.parameters={...s.parameters,docs:{...(T=s.parameters)==null?void 0:T.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
7
- <Button {...args} />
8
- <Button colored {...args} />
9
- <Button colored="success" {...args} />
10
- <Button colored="danger" {...args} />
11
- </Flex>`,...(f=(h=s.parameters)==null?void 0:h.docs)==null?void 0:f.source}}};var W,j,y;a.parameters={...a.parameters,docs:{...(W=a.parameters)==null?void 0:W.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
12
- <Button {...args} />
13
- <Button colored {...args} />
14
- <Button colored="success" {...args} />
15
- <Button colored="danger" {...args} />
16
- </Flex>`,...(y=(j=a.parameters)==null?void 0:j.docs)==null?void 0:y.source}}};var R,w,D;t.parameters={...t.parameters,docs:{...(R=t.parameters)==null?void 0:R.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
17
- <Button {...args} />
18
- <Button colored {...args} />
19
- <Button colored="success" {...args} />
20
- <Button colored="danger" {...args} />
21
- </Flex>`,...(D=(w=t.parameters)==null?void 0:w.docs)==null?void 0:D.source}}};var L,I,M;n.parameters={...n.parameters,docs:{...(L=n.parameters)==null?void 0:L.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
22
- <Button {...args} />
23
- <Button colored {...args} />
24
- <Button colored="success" {...args} />
25
- <Button colored="danger" {...args} />
26
- </Flex>`,...(M=(I=n.parameters)==null?void 0:I.docs)==null?void 0:M.source}}};var _,A,E;c.parameters={...c.parameters,docs:{...(_=c.parameters)==null?void 0:_.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
27
- <Button {...args} />
28
- <Button colored {...args} />
29
- <Button colored="success" {...args} />
30
- <Button colored="danger" {...args} />
31
- </Flex>`,...(E=(A=c.parameters)==null?void 0:A.docs)==null?void 0:E.source}}};var O,U,k;d.parameters={...d.parameters,docs:{...(O=d.parameters)==null?void 0:O.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
32
- <Button {...args} />
33
- <Button colored {...args} />
34
- <Button colored="success" {...args} />
35
- <Button colored="danger" {...args} />
36
- </Flex>`,...(k=(U=d.parameters)==null?void 0:U.docs)==null?void 0:k.source}}};var q,z,C;l.parameters={...l.parameters,docs:{...(q=l.parameters)==null?void 0:q.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
37
- <Button {...args} />
38
- <Button colored {...args} />
39
- <Button colored="success" {...args} />
40
- <Button colored="danger" {...args} />
41
- </Flex>`,...(C=(z=l.parameters)==null?void 0:z.docs)==null?void 0:C.source}}};var G,H,J;u.parameters={...u.parameters,docs:{...(G=u.parameters)==null?void 0:G.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
42
- <Button {...args} />
43
- <Button colored {...args} />
44
- <Button colored="success" {...args} />
45
- <Button colored="danger" {...args} />
46
- </Flex>`,...(J=(H=u.parameters)==null?void 0:H.docs)==null?void 0:J.source}}};var K,N,P;g.parameters={...g.parameters,docs:{...(K=g.parameters)==null?void 0:K.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
47
- <Button {...args} />
48
- <Button colored {...args} />
49
- <Button colored="success" {...args} />
50
- <Button colored="danger" {...args} />
51
- </Flex>`,...(P=(N=g.parameters)==null?void 0:N.docs)==null?void 0:P.source}}};var Q,V,X;p.parameters={...p.parameters,docs:{...(Q=p.parameters)==null?void 0:Q.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
52
- <Button {...args} />
53
- <Button colored {...args} />
54
- <Button colored="success" {...args} />
55
- <Button colored="danger" {...args} />
56
- </Flex>`,...(X=(V=p.parameters)==null?void 0:V.docs)==null?void 0:X.source}}};var Y,Z,$;i.parameters={...i.parameters,docs:{...(Y=i.parameters)==null?void 0:Y.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
57
- <Button {...args} />
58
- <Button colored {...args} />
59
- <Button colored="success" {...args} />
60
- <Button colored="danger" {...args} />
61
- </Flex>`,...($=(Z=i.parameters)==null?void 0:Z.docs)==null?void 0:$.source}}};var rr,er,or;m.parameters={...m.parameters,docs:{...(rr=m.parameters)==null?void 0:rr.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
62
- <Button {...args} />
63
- <Button colored {...args} />
64
- <Button colored="success" {...args} />
65
- <Button colored="danger" {...args} />
66
- </Flex>`,...(or=(er=m.parameters)==null?void 0:er.docs)==null?void 0:or.source}}};var sr,ar,tr;B.parameters={...B.parameters,docs:{...(sr=B.parameters)==null?void 0:sr.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
67
- <Button {...args} />
68
- <Button colored {...args} />
69
- <Button colored="success" {...args} />
70
- <Button colored="danger" {...args} />
71
- </Flex>`,...(tr=(ar=B.parameters)==null?void 0:ar.docs)==null?void 0:tr.source}}};const fr=["Default","Small","Basic","Active","Disabled","WithIcon","Round","RoundMuted","FullWidth","Submit","TestSmallButtonWrapping","Tooltip","TestWrapping","TestWrappingSmall"];export{t as Active,a as Basic,F as Default,n as Disabled,u as FullWidth,d as Round,l as RoundMuted,s as Small,g as Submit,p as TestSmallButtonWrapping,m as TestWrapping,B as TestWrappingSmall,i as Tooltip,c as WithIcon,fr as __namedExportsOrder,hr as default};
@@ -1 +0,0 @@
1
- import{j as d}from"./jsx-runtime-FsUICBgo.js";import{C as S}from"./card-0r8RRVk-.js";import{H as N}from"./heading-Bk0bpNfe.js";import"./index-RfLt4OUa.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./help-icon--rUDxLUD.js";import"./tooltip-HEHiU__l.js";import"./index-miLrID2P.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";const z={title:"Layout/Card",component:S,args:{raised:!1,children:"Content goes here",padding:!0,bordered:!0}},o=W=>d.jsx(S,{...W}),t=o.bind({}),r=o.bind({});r.args={heading:d.jsx(N,{children:"Heading"})};const e=o.bind({});e.args={heading:d.jsx(N,{onClickHelp:()=>console.log("help!"),children:"Heading"})};const a=o.bind({});a.args={padding:!1};const s=o.bind({});s.args={bordered:!1};var i,c,p;t.parameters={...t.parameters,docs:{...(i=t.parameters)==null?void 0:i.docs,source:{originalSource:"args => <Card {...args} />",...(p=(c=t.parameters)==null?void 0:c.docs)==null?void 0:p.source}}};var n,m,g;r.parameters={...r.parameters,docs:{...(n=r.parameters)==null?void 0:n.docs,source:{originalSource:"args => <Card {...args} />",...(g=(m=r.parameters)==null?void 0:m.docs)==null?void 0:g.source}}};var l,u,h;e.parameters={...e.parameters,docs:{...(l=e.parameters)==null?void 0:l.docs,source:{originalSource:"args => <Card {...args} />",...(h=(u=e.parameters)==null?void 0:u.docs)==null?void 0:h.source}}};var H,C,f;a.parameters={...a.parameters,docs:{...(H=a.parameters)==null?void 0:H.docs,source:{originalSource:"args => <Card {...args} />",...(f=(C=a.parameters)==null?void 0:C.docs)==null?void 0:f.source}}};var b,x,j;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:"args => <Card {...args} />",...(j=(x=s.parameters)==null?void 0:x.docs)==null?void 0:j.source}}};const A=["Default","WithHeading","WithHelpHeading","NoPadding","NoBorder"];export{t as Default,s as NoBorder,a as NoPadding,r as WithHeading,e as WithHelpHeading,A as __namedExportsOrder,z as default};
@@ -1,25 +0,0 @@
1
- import{j as o}from"./jsx-runtime-FsUICBgo.js";import"./chunk-HLWAVYOI-2SmvXyKU.js";import{M as d}from"./index-YJcqKE3A.js";import{r as p}from"./index-RfLt4OUa.js";import{t as m,T as x}from"./toaster-eOozfa7U.js";import{useMDXComponents as i}from"./index-4YXVTraW.js";import"./iframe-_9SeMvPT.js";import"../sb-preview/runtime.js";import"./react-16-hgR7FrAp.js";import"./index-miLrID2P.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./inheritsLoose-Y9jOMJLd.js";import"./index-gM75B7fB.js";import"./message-uMHaTEXV.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./icon-y1a2N5SZ.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";const h=["--color-text","--color-text-muted","--color-text-faint","--color-text-error","--color-text-warning","--color-text-success","--color-text-info","--color-text-primary","--color-text-primary-hover","--color-text-primary-active"],u=["--color-background","--color-background-raised","--color-background-primary","--color-background-info","--color-background-warning","--color-background-success","--color-background-error"],g=["--color-border","--color-border-error","--color-border-warning","--color-border-focus"],t=[50,100,150,200,250,300,350,400,450,500,550,600,650,700,750,800,850,900,950],j=t.map(r=>`--color-neutral-${r}`),b=t.map(r=>`--color-primary-${r}`),f=t.map(r=>`--color-error-${r}`),y=t.map(r=>`--color-warning-${r}`),C=t.map(r=>`--color-success-${r}`),k=t.map(r=>`--color-info-${r}`),c=({colors:r})=>o.jsx("div",{style:{display:"grid",gridTemplateColumns:"auto 1fr auto 1fr",gap:20,alignItems:"center"},children:r.map((n,a)=>{const e=`var(${n})`,s=()=>{navigator.clipboard.writeText(e),m({message:{type:"Success",content:"Copied to clipboard"}})};return o.jsxs(p.Fragment,{children:[o.jsx("div",{style:{padding:"var(--padding)",backgroundColor:e,border:"1px solid rgba(0,0,0,0.1)"},onClick:s}),o.jsx("code",{onClick:s,children:e})]},a)})});try{c.displayName="ColorPalette",c.__docgenInfo={description:"",displayName:"ColorPalette",props:{colors:{defaultValue:null,description:"",name:"colors",required:!0,type:{name:"string[]"}}}}}catch{}function l(r){const n=Object.assign({h1:"h1",p:"p",strong:"strong",h2:"h2",h3:"h3"},i(),r.components);return o.jsxs(o.Fragment,{children:[o.jsx(d,{title:"Colors"}),`
2
- `,o.jsx(n.h1,{id:"colors",children:"Colors"}),`
3
- `,o.jsx(n.p,{children:"When setting colors (either by component props or in custom styling), prefer named CSS variables to literal color values."}),`
4
- `,o.jsx(n.p,{children:o.jsx(n.strong,{children:"Click on a color below to copy the variable name to the clipboard."})}),`
5
- `,o.jsx(n.h2,{id:"named-colors",children:"Named colors"}),`
6
- `,o.jsx(n.h3,{id:"text",children:"Text"}),`
7
- `,o.jsx(c,{colors:h}),`
8
- `,o.jsx(n.h3,{id:"backgrounds",children:"Backgrounds"}),`
9
- `,o.jsx(c,{colors:u}),`
10
- `,o.jsx(n.h3,{id:"borders",children:"Borders"}),`
11
- `,o.jsx(c,{colors:g}),`
12
- `,o.jsx(n.h2,{id:"base-colors",children:"Base colors"}),`
13
- `,o.jsx(n.h3,{id:"neutral",children:"Neutral"}),`
14
- `,o.jsx(c,{colors:j}),`
15
- `,o.jsx(n.h3,{id:"primary",children:"Primary"}),`
16
- `,o.jsx(c,{colors:b}),`
17
- `,o.jsx(n.h3,{id:"error",children:"Error"}),`
18
- `,o.jsx(c,{colors:f}),`
19
- `,o.jsx(n.h3,{id:"warning",children:"Warning"}),`
20
- `,o.jsx(c,{colors:y}),`
21
- `,o.jsx(n.h3,{id:"success",children:"Success"}),`
22
- `,o.jsx(c,{colors:C}),`
23
- `,o.jsx(n.h3,{id:"info",children:"Info"}),`
24
- `,o.jsx(c,{colors:k}),`
25
- `,o.jsx(x,{})]})}function z(r={}){const{wrapper:n}=Object.assign({},i(),r.components);return n?o.jsx(n,Object.assign({},r,{children:o.jsx(l,r)})):l(r)}export{z as default};
@@ -1 +0,0 @@
1
- import{j as t}from"./jsx-runtime-FsUICBgo.js";import{T as f}from"./text-6KQ6ntOV.js";import{B as y}from"./button-7V8oA22w.js";import"./index-RfLt4OUa.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./spinner-R8Il4aRe.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./tooltip-HEHiU__l.js";import"./index-miLrID2P.js";const _="_empty_fe425_1",v="_text_fe425_11",i={empty:_,text:v},s=({width:r="auto",height:h="auto",text:o="No data",children:g,testId:x})=>t.jsxs("div",{className:i.empty,style:{width:r,height:h},"data-testid":x,children:[t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"64",height:"41",children:t.jsxs("g",{transform:"translate(0 1)",fill:"none",fillRule:"evenodd",children:[t.jsx("ellipse",{cx:"32",cy:"33",rx:"32",ry:"7",fill:"rgba(0,0,0,0.1)"}),t.jsxs("g",{fillRule:"nonzero",stroke:"var(--color-text)",strokeOpacity:"0.2",children:[t.jsx("path",{d:"M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z",fill:"rgba(0,0,0,0.05)"}),t.jsx("path",{d:"M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z",fill:"var(--color-background-raised)"})]})]})}),o!==""&&t.jsx("div",{className:i.text,children:t.jsx(f,{faint:!0,children:o})}),g]});try{s.displayName="Empty",s.__docgenInfo={description:"",displayName:"Empty",props:{width:{defaultValue:{value:"auto"},description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},height:{defaultValue:{value:"auto"},description:"",name:"height",required:!1,type:{name:"TStringOrNumber"}},text:{defaultValue:{value:"No data"},description:"",name:"text",required:!1,type:{name:"ReactNode"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const z={title:"Progress/Empty",component:s,args:{text:"No data",width:"100%",height:"100%"}},u=r=>t.jsx(s,{...r}),a=u.bind({}),e=u.bind({});e.args={text:"Please apply at least one casing in Well Schematics to perform drilling mechanics",children:t.jsx(y,{colored:!0,label:"Add casing"}),testId:"empty-with-button"};var l,n,p;a.parameters={...a.parameters,docs:{...(l=a.parameters)==null?void 0:l.docs,source:{originalSource:"args => <Empty {...args} />",...(p=(n=a.parameters)==null?void 0:n.docs)==null?void 0:p.source}}};var c,d,m;e.parameters={...e.parameters,docs:{...(c=e.parameters)==null?void 0:c.docs,source:{originalSource:"args => <Empty {...args} />",...(m=(d=e.parameters)==null?void 0:d.docs)==null?void 0:m.source}}};const C=["Default","WithButton"];export{a as Default,e as WithButton,C as __namedExportsOrder,z as default};
@@ -1,66 +0,0 @@
1
- import{j as t}from"./jsx-runtime-FsUICBgo.js";import{r as p}from"./index-RfLt4OUa.js";import{D as X}from"./disabled-context-urNQThQz.js";import{I as z}from"./input-group-R8LoqKRn.js";import{I as K}from"./input-u1He-wWs.js";import{B as $}from"./button-7V8oA22w.js";import{S as h}from"./spacer-Yji9g2AW.js";import{a as V,M as L}from"./message-uMHaTEXV.js";import{T as M}from"./textarea-u-nirfI6.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./types-5uVBABF4.js";import"./lodash-Bmg8FrMx.js";import"./tooltip-HEHiU__l.js";import"./index-miLrID2P.js";import"./spinner-R8Il4aRe.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";const Q="_fileInput_1elar_1",Z={fileInput:Q};var B=(e=>(e.READ_AS_TEXT="readAsText",e.READ_AS_ARRAY_BUFFER="readAsArrayBuffer",e.READ_AS_DATA_URL="readAsDataURL",e.READ_AS_BINARY_STRING="readAsBinaryString",e))(B||{});const ee=(e=new Blob,r=B.READ_AS_TEXT)=>{const a=new FileReader;return new Promise((s,l)=>{if(r in a)a[r](e);else{l(new Error("Invalid FileReader method"));return}a.onload=()=>{a.result!==null?s(a.result):l(new Error("File reading resulted in null"))},a.onerror=u=>l(u)})},te=(e,r)=>{var s;let a;return e?(r?a=`Selected - ${(s=Object.keys(e))==null?void 0:s.length} files`:a=e==null?void 0:e.name,a||null):null},o=({label:e="Select",loading:r=!1,placeholder:a="No file selected",disabled:s=!1,file:l,accept:u,multi:i,name:x,width:k,onChange:P=()=>{},testId:W})=>{const y=p.useContext(X),S=p.useRef(null),Y=te(l,i),G=()=>{var n;s||y||(n=S.current)==null||n.click()};return t.jsxs("div",{onClick:G,style:{width:k},children:[t.jsxs(z,{children:[t.jsx(K,{value:Y||"",placeholder:a,disabled:!0}),t.jsx($,{label:e,loading:r,disabled:r||s||y,groupOrder:"last"})]}),t.jsx("input",{name:x,ref:S,className:Z.fileInput,type:"file",accept:u,multiple:i,onChange:n=>{var v,F,j;P({...n,target:{...n.target,value:i?(v=n==null?void 0:n.target)==null?void 0:v.files:(j=(F=n==null?void 0:n.target)==null?void 0:F.files)==null?void 0:j[0]}})},"data-testid":W})]})};try{o.displayName="FileInput",o.__docgenInfo={description:"",displayName:"FileInput",props:{label:{defaultValue:{value:"Select"},description:"",name:"label",required:!1,type:{name:"string | null"}},loading:{defaultValue:{value:"false"},description:"",name:"loading",required:!1,type:{name:"boolean"}},placeholder:{defaultValue:{value:"No file selected"},description:"",name:"placeholder",required:!1,type:{name:"string"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},file:{defaultValue:null,description:"",name:"file",required:!1,type:{name:"File"}},accept:{defaultValue:null,description:"",name:"accept",required:!1,type:{name:"string"}},multi:{defaultValue:null,description:"",name:"multi",required:!1,type:{name:"boolean"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},onChange:{defaultValue:{value:"() => {}"},description:"",name:"onChange",required:!1,type:{name:"((evt: any) => void)"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const{useArgs:ae}=__STORYBOOK_MODULE_ADDONS__,_e={title:"Forms/FileInput",component:o,args:{file:null}},H=e=>{const[r,a]=ae(),s=l=>{a({file:l.target.value})};return t.jsx(o,{...e,onChange:s})},m=H.bind({}),c=H.bind({});c.args={accept:".json"};c.parameters={docs:{description:{story:"See [accept attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept) to restrict file type"}}};const d=()=>{const[e,r]=p.useState(),[a,s]=p.useState({});return t.jsxs(t.Fragment,{children:[t.jsx(o,{file:e,onChange:async l=>{const u=l.target.value;try{const i=await ee(u),x=JSON.parse(i);s(x)}catch(i){console.log(i)}r(u)},accept:".json"}),t.jsx(h,{}),e?t.jsx(M,{monospace:!0,value:JSON.stringify(a,null,2),rows:20}):t.jsx(V,{message:{visible:!0,content:"Upload a JSON file to see preview",type:L.INFO}})]})},g=()=>{const[e,r]=p.useState();return t.jsxs(t.Fragment,{children:[t.jsx(o,{file:e,onChange:a=>{r(a.target.value)},accept:"image/*"}),t.jsx(h,{}),e?t.jsx("img",{src:e?URL.createObjectURL(e):"",alt:"Preview",style:{maxHeight:"400px",maxWidth:"400px"}}):t.jsx(V,{message:{visible:!0,content:"Upload an image file to see preview",type:L.INFO}})]})},f=()=>{const[e,r]=p.useState(),a=e?Object.values(e).map(s=>s.name):[];return t.jsxs(t.Fragment,{children:[t.jsx(o,{file:e,onChange:({target:s})=>r(s.value),multi:!0}),t.jsx(h,{}),!!a.length&&t.jsx(M,{monospace:!0,value:a.join(`,
2
- `),rows:10})]})};var _,A,I;m.parameters={...m.parameters,docs:{...(_=m.parameters)==null?void 0:_.docs,source:{originalSource:`args => {
3
- const [_, updateArgs] = useArgs();
4
- const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
5
- updateArgs({
6
- file: evt.target.value
7
- });
8
- };
9
- return <FileInput {...args} onChange={handleChange} />;
10
- }`,...(I=(A=m.parameters)==null?void 0:A.docs)==null?void 0:I.source}}};var N,b,O;c.parameters={...c.parameters,docs:{...(N=c.parameters)==null?void 0:N.docs,source:{originalSource:`args => {
11
- const [_, updateArgs] = useArgs();
12
- const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
13
- updateArgs({
14
- file: evt.target.value
15
- });
16
- };
17
- return <FileInput {...args} onChange={handleChange} />;
18
- }`,...(O=(b=c.parameters)==null?void 0:b.docs)==null?void 0:O.source}}};var C,R,T;d.parameters={...d.parameters,docs:{...(C=d.parameters)==null?void 0:C.docs,source:{originalSource:`() => {
19
- const [file, setFile] = useState();
20
- const [json, setJson] = useState({});
21
- return <>
22
- <FileInput file={file} onChange={async evt => {
23
- const file = evt.target.value;
24
- try {
25
- const text = await readFile(file);
26
- const json = JSON.parse((text as string));
27
- setJson(json);
28
- } catch (error) {
29
- console.log(error);
30
- }
31
- setFile(file);
32
- }} accept=".json" />
33
- <Spacer />
34
- {file ? <TextArea monospace value={JSON.stringify(json, null, 2)} rows={20} /> : <Message message={{
35
- visible: true,
36
- content: 'Upload a JSON file to see preview',
37
- type: MessageType.INFO
38
- }} />}
39
- </>;
40
- }`,...(T=(R=d.parameters)==null?void 0:R.docs)==null?void 0:T.source}}};var w,E,D;g.parameters={...g.parameters,docs:{...(w=g.parameters)==null?void 0:w.docs,source:{originalSource:`() => {
41
- const [file, setFile] = useState();
42
- return <>
43
- <FileInput file={file} onChange={evt => {
44
- setFile(evt.target.value);
45
- }} accept="image/*" />
46
- <Spacer />
47
- {file ? <img src={file ? URL.createObjectURL(file) : ''} alt="Preview" style={{
48
- maxHeight: '400px',
49
- maxWidth: '400px'
50
- }} /> : <Message message={{
51
- visible: true,
52
- content: 'Upload an image file to see preview',
53
- type: MessageType.INFO
54
- }} />}
55
- </>;
56
- }`,...(D=(E=g.parameters)==null?void 0:E.docs)==null?void 0:D.source}}};var U,q,J;f.parameters={...f.parameters,docs:{...(U=f.parameters)==null?void 0:U.docs,source:{originalSource:`() => {
57
- const [files, setFiles] = useState();
58
- const fileNames = files ? Object.values(files).map((value: any) => value.name) : [];
59
- return <>
60
- <FileInput file={files} onChange={({
61
- target
62
- }) => setFiles(target.value)} multi />
63
- <Spacer />
64
- {!!fileNames.length && <TextArea monospace value={fileNames.join(', \\n')} rows={10} />}
65
- </>;
66
- }`,...(J=(q=f.parameters)==null?void 0:q.docs)==null?void 0:J.source}}};const Ae=["Default","RestrictFiletype","ReadJSONFile","Image","Multi"];export{m as Default,g as Image,f as Multi,d as ReadJSONFile,c as RestrictFiletype,Ae as __namedExportsOrder,_e as default};
@@ -1,3 +0,0 @@
1
- import{j as e}from"./jsx-runtime-FsUICBgo.js";import{T as p}from"./table-kE2ngWkK.js";import{t as a,r as s}from"./table.stories-data-hOI1RqVt.js";import"./index-RfLt4OUa.js";import"./index-VW3EWkuE.js";import"./index.es-JXn3JM7k.js";import"./inheritsLoose-Y9jOMJLd.js";import"./extends-dGVwEr9R.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./index-miLrID2P.js";import"./memoize-one.esm-hqe5SRxC.js";import"./icon-y1a2N5SZ.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./lodash-Bmg8FrMx.js";import"./actions-Z9jDWreP.js";import"./common-types-U65vzrrz.js";import"./button-7V8oA22w.js";import"./spinner-R8Il4aRe.js";import"./tooltip-HEHiU__l.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./heading-Bk0bpNfe.js";import"./help-icon--rUDxLUD.js";import"./pagination-5n5spTRo.js";import"./select-JjEPivho.js";import"./assertThisInitialized-4q6YPdh3.js";import"./text-6KQ6ntOV.js";import"./select.input-zP5tW20f.js";import"./input-u1He-wWs.js";import"./input-group-R8LoqKRn.js";import"./input-group-addon-BHVsW9mL.js";import"./number-input-ToRtRoDB.js";import"./index-qZmQ7nA9.js";import"./index-cCpkwrS5.js";import"./check-box-LZdXXKhv.js";import"./slider-nl2rJ9LF.js";import"./index-ugi_ZH6T.js";import"./popover-Y3FpGdUS.js";import"./flex-3eLDDUyy.js";const $={title:"Basic/Table/Footer",component:p,args:{table:{...a}}},n=i=>e.jsx(p,{...i}),r=n.bind({});r.args={table:s};var o,t,m;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:`args => {
2
- return <Table {...args} />;
3
- }`,...(m=(t=r.parameters)==null?void 0:t.docs)==null?void 0:m.source}}};const rr=["Footer"];export{r as Footer,rr as __namedExportsOrder,$ as default};
@@ -1,49 +0,0 @@
1
- import{j as e}from"./jsx-runtime-FsUICBgo.js";import{T as W}from"./common-types-U65vzrrz.js";import{D as A}from"./disabled-context-urNQThQz.js";import{F as s}from"./field-eknsj_Ll.js";import{I as b}from"./input-u1He-wWs.js";import{S as c}from"./select-JjEPivho.js";import{C as G}from"./check-box-LZdXXKhv.js";import{B as N}from"./button-group-q8QKkLVU.js";import{B as _}from"./button-7V8oA22w.js";import{T as E}from"./toggle-BPI2y-lU.js";import{I as V}from"./input-group-R8LoqKRn.js";import{I as x}from"./input-group-addon-BHVsW9mL.js";import{S as U}from"./slider-nl2rJ9LF.js";import{T as $}from"./textarea-u-nirfI6.js";import{R as q}from"./radio-button-jHcwHUA4.js";import{M as z}from"./actions-Z9jDWreP.js";import{F as H}from"./form-row-bwoDTUga.js";import{M as g}from"./types-VB5zD18b.js";import"./index-RfLt4OUa.js";import"./index-VW3EWkuE.js";import"./label-0_Qf6I8t.js";import"./help-icon--rUDxLUD.js";import"./tooltip-HEHiU__l.js";import"./index-miLrID2P.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./types-5uVBABF4.js";import"./lodash-Bmg8FrMx.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./memoize-one.esm-hqe5SRxC.js";import"./text-6KQ6ntOV.js";import"./select.input-zP5tW20f.js";import"./spinner-R8Il4aRe.js";import"./objectSpread2-93s0nBry.js";import"./index-ugi_ZH6T.js";import"./badge-23Ty_zBt.js";const Ie={title:"Forms/Layout",argTypes:{labelWidth:"text"},args:{small:!1,row:!1,labelLeft:!1,labelWidth:void 0,disabled:!1}},v=t=>{const{small:o,labelLeft:r,labelWidth:a}=t;return e.jsxs(e.Fragment,{children:[e.jsx(s,{label:"Input",helpText:"Some help text",labelLeft:r,labelWidth:a,children:e.jsx(b,{value:"Value",small:o})}),e.jsx(s,{label:"TextArea",helpText:"Some very long help text that needs to have its width constrained so it doesn't look silly",helpTextMaxWidth:200,labelLeft:r,labelWidth:a,children:e.jsx($,{value:"Value"})}),e.jsx(s,{label:"Select (native)",labelLeft:r,labelWidth:a,children:e.jsx(c,{options:[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"}],value:{label:"Option 2",value:"2"},native:!0,small:o,width:"auto"})}),e.jsx(s,{label:"Select (custom)",labelLeft:r,labelWidth:a,children:e.jsx(c,{options:[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"}],value:{label:"Option 2",value:"2"},small:o,width:"auto"})}),e.jsx(s,{label:"Select (multi)",labelLeft:r,labelWidth:a,children:e.jsx(c,{options:[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"}],value:[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"}],small:o})}),e.jsx(s,{label:"Slider",labelLeft:r,labelWidth:a,children:e.jsx(U,{width:"300px",name:"example",label:"Number of aardvarks",value:35,min:0,max:100,step:1,onChange:()=>{},showArrows:!0,showTooltip:!0,small:o})}),e.jsx(s,{label:"ButtonGroup",labelLeft:r,labelWidth:a,children:e.jsx(N,{items:[{key:"0",label:"Option 1",value:"1"},{key:"1",label:"Option 2",value:"2"}],value:0,small:o})}),e.jsx(s,{label:"InputGroup",labelLeft:r,labelWidth:a,children:e.jsxs(V,{small:o,children:[e.jsx(x,{children:"$"}),e.jsx(b,{name:"example",value:"123",onChange:()=>{}}),e.jsx(x,{children:"each"})]})}),e.jsx(s,{label:"Menu",labelLeft:r,labelWidth:a,children:e.jsx(z,{menu:{label:"Menu",trigger:W.DROP_DOWN_BUTTON,sections:[{type:g.OPTION,label:"Lorem"},{type:g.OPTION,label:"Ipsum"}],small:o}})}),e.jsx(s,{label:"CheckBox",labelLeft:r,labelWidth:a,children:e.jsx(G,{label:"CheckBox",checked:!0,small:o,onChange:()=>{}})}),e.jsx(s,{label:"RadioButton",labelLeft:r,labelWidth:a,children:e.jsx(q,{options:[{label:"Aardvarks",value:"termites"},{label:"Monkeys",value:"bananas"}],value:{label:"Monkeys",value:"bananas"},inline:!0,small:o})}),e.jsx(s,{label:"Toggle",labelLeft:r,labelWidth:a,children:e.jsx(E,{label:"Toggle",checked:!0,onChange:()=>{},small:o})}),e.jsx(s,{labelLeft:r,labelWidth:a,children:e.jsx(_,{colored:!0,label:"Button",onClick:()=>{},small:o})})]})},l=t=>{const{row:o,disabled:r}=t;return e.jsx(A.Provider,{value:r,children:o?e.jsx(H,{children:v(t)}):v(t)})},u=l.bind({}),n=l.bind({});n.args={small:!0};const i=l.bind({});i.args={labelLeft:!0,labelWidth:100};const d=l.bind({});d.args={row:!0};const m=l.bind({});m.args={row:!0,small:!0};const p=l.bind({});p.args={disabled:!0};var h,w,j;u.parameters={...u.parameters,docs:{...(h=u.parameters)==null?void 0:h.docs,source:{originalSource:`args => {
2
- const {
3
- row,
4
- disabled
5
- } = args;
6
- return <DisabledContext.Provider value={disabled}>
7
- {row ? <FormRow>{renderFields(args)}</FormRow> : renderFields(args)}
8
- </DisabledContext.Provider>;
9
- }`,...(j=(w=u.parameters)==null?void 0:w.docs)==null?void 0:j.source}}};var f,F,C;n.parameters={...n.parameters,docs:{...(f=n.parameters)==null?void 0:f.docs,source:{originalSource:`args => {
10
- const {
11
- row,
12
- disabled
13
- } = args;
14
- return <DisabledContext.Provider value={disabled}>
15
- {row ? <FormRow>{renderFields(args)}</FormRow> : renderFields(args)}
16
- </DisabledContext.Provider>;
17
- }`,...(C=(F=n.parameters)==null?void 0:F.docs)==null?void 0:C.source}}};var O,R,T;i.parameters={...i.parameters,docs:{...(O=i.parameters)==null?void 0:O.docs,source:{originalSource:`args => {
18
- const {
19
- row,
20
- disabled
21
- } = args;
22
- return <DisabledContext.Provider value={disabled}>
23
- {row ? <FormRow>{renderFields(args)}</FormRow> : renderFields(args)}
24
- </DisabledContext.Provider>;
25
- }`,...(T=(R=i.parameters)==null?void 0:R.docs)==null?void 0:T.source}}};var D,S,P;d.parameters={...d.parameters,docs:{...(D=d.parameters)==null?void 0:D.docs,source:{originalSource:`args => {
26
- const {
27
- row,
28
- disabled
29
- } = args;
30
- return <DisabledContext.Provider value={disabled}>
31
- {row ? <FormRow>{renderFields(args)}</FormRow> : renderFields(args)}
32
- </DisabledContext.Provider>;
33
- }`,...(P=(S=d.parameters)==null?void 0:S.docs)==null?void 0:P.source}}};var k,y,B;m.parameters={...m.parameters,docs:{...(k=m.parameters)==null?void 0:k.docs,source:{originalSource:`args => {
34
- const {
35
- row,
36
- disabled
37
- } = args;
38
- return <DisabledContext.Provider value={disabled}>
39
- {row ? <FormRow>{renderFields(args)}</FormRow> : renderFields(args)}
40
- </DisabledContext.Provider>;
41
- }`,...(B=(y=m.parameters)==null?void 0:y.docs)==null?void 0:B.source}}};var I,L,M;p.parameters={...p.parameters,docs:{...(I=p.parameters)==null?void 0:I.docs,source:{originalSource:`args => {
42
- const {
43
- row,
44
- disabled
45
- } = args;
46
- return <DisabledContext.Provider value={disabled}>
47
- {row ? <FormRow>{renderFields(args)}</FormRow> : renderFields(args)}
48
- </DisabledContext.Provider>;
49
- }`,...(M=(L=p.parameters)==null?void 0:L.docs)==null?void 0:M.source}}};const Le=["Default","Small","LabelsOnLeft","Row","SmallRow","DisabledWithContext"];export{u as Default,p as DisabledWithContext,i as LabelsOnLeft,d as Row,n as Small,m as SmallRow,Le as __namedExportsOrder,Ie as default};