@oliasoft-open-source/react-ui-library 4.6.0-beta-1 → 4.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (205) hide show
  1. package/dist/404.html +1 -0
  2. package/dist/assets/{index-AkeNwthw.css → index-2LJjuVRB.css} +145 -115
  3. package/dist/assets/{index-neKlYvgy.js → index-kDrJq_kq.js} +226 -102
  4. package/dist/global.css +145 -115
  5. package/dist/index.d.ts +74 -6
  6. package/dist/index.html +1 -1
  7. package/dist/index.js +345 -97
  8. package/dist/index.js.map +1 -1
  9. package/dist/storybook/assets/Color-6VNJS4EI-LkypNDYY.js +1 -0
  10. package/dist/storybook/assets/DocsRenderer-NNNQARDV-271EmMHR.js +1 -0
  11. package/dist/storybook/assets/WithTooltip-V3YHNWJZ-5odABDuO.js +1 -0
  12. package/dist/storybook/assets/{accordion-6_27SROY.js → accordion-M-sY23Hd.js} +1 -1
  13. package/dist/storybook/assets/{accordion.stories-DAmwlTmm.js → accordion.stories-nYKTmoeA.js} +2 -2
  14. package/dist/storybook/assets/actions-mOcj9IlF.js +1 -0
  15. package/dist/storybook/assets/actions.stories-ER0_rAT3.js +1 -0
  16. package/dist/storybook/assets/afe.stories-gufd9PH8.js +88 -0
  17. package/dist/storybook/assets/badge.stories-QAHZ0hGs.js +1 -0
  18. package/dist/storybook/assets/blowout.stories-TT3YZhxD.js +40 -0
  19. package/dist/storybook/assets/{button-group-KeeGgC4K.js → button-group-mNQThLQb.js} +1 -1
  20. package/dist/storybook/assets/{button-group.stories-DG3i2d7K.js → button-group.stories-hEWUnlpm.js} +2 -2
  21. package/dist/storybook/assets/button-shH4xakS.js +1 -0
  22. package/dist/storybook/assets/button.stories-5xHwBO1P.js +80 -0
  23. package/dist/storybook/assets/{buttons-and-links-e5muuefU.js → buttons-and-links-Sb4bneec.js} +2 -2
  24. package/dist/storybook/assets/card.stories-52XKdWMP.js +1 -0
  25. package/dist/storybook/assets/casing-loads.stories-58Yzw909.js +209 -0
  26. package/dist/storybook/assets/{cell.stories-nm3Q_0D8.js → cell.stories-dk65sciA.js} +9 -9
  27. package/dist/storybook/assets/{check-box-BX5dfQFk.js → check-box-2gxosI3y.js} +1 -1
  28. package/dist/storybook/assets/{check-box.stories-FNs72smP.js → check-box.stories-dct4BaKG.js} +2 -2
  29. package/dist/storybook/assets/{chunk-HLWAVYOI-IpxCdjQR.js → chunk-HLWAVYOI-C-Uqv-lv.js} +1 -1
  30. package/dist/storybook/assets/color-QEPOj0Ib.js +25 -0
  31. package/dist/storybook/assets/{column.stories-5pd3N4bE.js → column.stories-1Qq8awo0.js} +7 -7
  32. package/dist/storybook/assets/{dialog-dekS0lUR.js → dialog-roJ8Yns6.js} +1 -1
  33. package/dist/storybook/assets/{drawer-TM-jK3WR.js → drawer-GdbVQdWk.js} +1 -1
  34. package/dist/storybook/assets/{drawer.stories-OE24f2Y4.js → drawer.stories-XWMoCncm.js} +4 -4
  35. package/dist/storybook/assets/empty.stories-XVXKuuiT.js +1 -0
  36. package/dist/storybook/assets/entry-preview-TGgN7-T4.js +1 -0
  37. package/dist/storybook/assets/{config-b-_d5fwn.js → entry-preview-docs-KfUfHYQ7.js} +37 -37
  38. package/dist/storybook/assets/{field-kOZPBHf6.js → field-FZX0Z7IB.js} +1 -1
  39. package/dist/storybook/assets/{field.stories-aEccauPi.js → field.stories-Quu0snQm.js} +5 -5
  40. package/dist/storybook/assets/file-input.stories-qbEqmWyt.js +66 -0
  41. package/dist/storybook/assets/{flex-KzhjL9yc.js → flex-RYZsoWEN.js} +1 -1
  42. package/dist/storybook/assets/{flex.stories-rDfMJbP6.js → flex.stories-8HJIYv6E.js} +2 -2
  43. package/dist/storybook/assets/footer.stories-tB9ZiuYm.js +3 -0
  44. package/dist/storybook/assets/form.stories-7v6JzvJl.js +49 -0
  45. package/dist/storybook/assets/formation.stories-gIRSy7_9.js +74 -0
  46. package/dist/storybook/assets/{formatter-SWP5E3XI-8JJuES-v.js → formatter-SWP5E3XI-a7sBt194.js} +1 -1
  47. package/dist/storybook/assets/{heading-cUVItwKq.js → heading-jZsIIJF0.js} +1 -1
  48. package/dist/storybook/assets/{heading.stories-UJlMVVI-.js → heading.stories-lW_q2VjY.js} +2 -2
  49. package/dist/storybook/assets/{help-icon-nI9A506M.js → help-icon-SKky6KLV.js} +1 -1
  50. package/dist/storybook/assets/help-icon.stories-i7tX8eBl.js +4 -0
  51. package/dist/storybook/assets/icon-8EQazuuW.js +8 -0
  52. package/dist/storybook/assets/icon.stories-j-b_Exev.js +6 -0
  53. package/dist/storybook/assets/iframe-Z5bUT4O1.js +7 -0
  54. package/dist/storybook/assets/index-PPLHz8o0.js +6 -0
  55. package/dist/storybook/assets/index-R5dkQuFe.js +3 -0
  56. package/dist/storybook/assets/{index-txtTsAry.js → index-i2tVYo5N.js} +20 -20
  57. package/dist/storybook/assets/index-qZmQ7nA9.js +14 -0
  58. package/dist/storybook/assets/index.es-VXFRDikp.js +79 -0
  59. package/dist/storybook/assets/inheritsLoose-8sb_A2v4.js +1 -0
  60. package/dist/storybook/assets/{input-iDZqV-2m.js → input-2BhbKV-j.js} +1 -1
  61. package/dist/storybook/assets/{input-group.stories-EouZEW-v.js → input-group.stories-gJFYuvVb.js} +5 -5
  62. package/dist/storybook/assets/{input-validation-YadXYe7E.js → input-validation-FFXJoKSI.js} +2 -2
  63. package/dist/storybook/assets/{input.stories-iopguZKB.js → input.stories-74EIL_bF.js} +1 -1
  64. package/dist/storybook/assets/{inputs-YvlPtTke.js → inputs-DtKO2too.js} +14 -14
  65. package/dist/storybook/assets/{isPlainObject-4RuU_w9g.js → isPlainObject-OQlD0fAV.js} +1 -1
  66. package/dist/storybook/assets/{label-RpB4JmHX.js → label-uCFEME1p.js} +1 -1
  67. package/dist/storybook/assets/label.stories-LhXr4NuA.js +11 -0
  68. package/dist/storybook/assets/layout-forms-7ZIITxGs.js +16 -0
  69. package/dist/storybook/assets/{layout-general-ma7VihYF.js → layout-general-zuo7KumY.js} +2 -2
  70. package/dist/storybook/assets/list-PShi-3TE.js +8 -0
  71. package/dist/storybook/assets/list.stories-TLnvjaYU.js +478 -0
  72. package/dist/storybook/assets/{list.stories-data-8eswVWst.js → list.stories-data-Qc3oehAh.js} +1 -1
  73. package/dist/storybook/assets/{loader.stories-G8Q_Fm8u.js → loader.stories-xsnhGOV_.js} +5 -5
  74. package/dist/storybook/assets/{menu.stories-data-c8X93fYM.js → menu.stories-data-hEz8P1yK.js} +1 -1
  75. package/dist/storybook/assets/menu.stories-ppWN2JgO.js +82 -0
  76. package/dist/storybook/assets/{message-uMHaTEXV.js → message-CRKuTfOl.js} +1 -1
  77. package/dist/storybook/assets/{message.stories-BqM_-mrZ.js → message.stories-N8ZGvhv2.js} +2 -2
  78. package/dist/storybook/assets/meta-content-dR7AAq04.css +1 -0
  79. package/dist/storybook/assets/meta-content-lUynpOsR.js +1 -0
  80. package/dist/storybook/assets/{modal.stories-K4XxeWTp.js → modal.stories-dirXv4n_.js} +1 -1
  81. package/dist/storybook/assets/number-input-CMhEMmUd.js +1 -0
  82. package/dist/storybook/assets/number-input.stories-AU1jlL6D.js +97 -0
  83. package/dist/storybook/assets/objectWithoutPropertiesLoose-9Q1jwsKS.js +1 -0
  84. package/dist/storybook/assets/option-dropdown.stories-n7CDZevX.js +21 -0
  85. package/dist/storybook/assets/{padding-and-spacing-KtiMa5GK.js → padding-and-spacing-3Mlm9PiC.js} +1 -1
  86. package/dist/storybook/assets/page.stories-OXhmRr73.js +57 -0
  87. package/dist/storybook/assets/{pagination-Eaj_UOBW.js → pagination-tnyyuMkB.js} +1 -1
  88. package/dist/storybook/assets/{pagination.stories-sl2a8BMq.js → pagination.stories-c7jbEB_j.js} +1 -1
  89. package/dist/storybook/assets/pop-confirm.stories-kZScSFuk.js +9 -0
  90. package/dist/storybook/assets/{popover-uAo1e4-D.js → popover-cad2llTa.js} +1 -1
  91. package/dist/storybook/assets/popover.stories-1JvlWYFM.js +1 -0
  92. package/dist/storybook/assets/{portal.stories-UGkzdgVk.js → portal.stories-1Jnj3LXz.js} +1 -1
  93. package/dist/storybook/assets/{preview-f1_nby1-.js → preview-0LPoYPAJ.js} +13 -13
  94. package/dist/storybook/assets/preview-MDW-geT9.js +7 -0
  95. package/dist/storybook/assets/preview-OnO0tzRj.js +17 -0
  96. package/dist/storybook/assets/projects.stories-epAPUAg1.js +47 -0
  97. package/dist/storybook/assets/{radio-button-QcS9mLYi.js → radio-button-5n_38sFk.js} +1 -1
  98. package/dist/storybook/assets/{radio-button.stories-KCS981-F.js → radio-button.stories-Z_B_oHnZ.js} +5 -5
  99. package/dist/storybook/assets/react-router-dom-EZH1n7K1.js +8 -0
  100. package/dist/storybook/assets/{reservoirs.stories-Dg5QFAXV.js → reservoirs.stories-vxBxhmZh.js} +2 -2
  101. package/dist/storybook/assets/{rich-text-input.stories-D55Op5Gf.js → rich-text-input.stories-EbjoMb2s.js} +1 -1
  102. package/dist/storybook/assets/{row.stories-2iigGv-u.js → row.stories-p0ssjvtr.js} +2 -2
  103. package/dist/storybook/assets/select-DZdWUrCW.js +1 -0
  104. package/dist/storybook/assets/{select.stories-oUxeDUts.js → select.stories-QOxuHSmz.js} +1 -1
  105. package/dist/storybook/assets/side-bar-ZpHvA_KQ.js +1 -0
  106. package/dist/storybook/assets/side-bar.stories-GCjyz_UC.js +27 -0
  107. package/dist/storybook/assets/{site.stories-OEW6o2C_.js → site.stories-k6-tU36k.js} +2 -2
  108. package/dist/storybook/assets/slider-MN9iDCsS.js +7 -0
  109. package/dist/storybook/assets/{slider.stories-QyyBB_rz.js → slider.stories-hVrt3K9M.js} +1 -1
  110. package/dist/storybook/assets/spacer.stories-Tc3LfeOH.js +1 -0
  111. package/dist/storybook/assets/syntaxhighlighter-B5GMVT5T-jueltlMw.js +1 -0
  112. package/dist/storybook/assets/table-033R9jUC.js +1 -0
  113. package/dist/storybook/assets/{table.stories-data-w897tYMJ.js → table.stories-data-NfE_v-gH.js} +1 -1
  114. package/dist/storybook/assets/{table.stories-QupkMmra.js → table.stories-wdVWlpz1.js} +5 -5
  115. package/dist/storybook/assets/{tabs.stories-KtJc5Yci.js → tabs.stories-aps5NXFv.js} +2 -2
  116. package/dist/storybook/assets/text-link.stories-Mx9ojcOC.js +14 -0
  117. package/dist/storybook/assets/{textarea-2SpO5fge.js → textarea-ygEac3d2.js} +1 -1
  118. package/dist/storybook/assets/{textarea.stories-IgfK-23t.js → textarea.stories-vr_I38NI.js} +1 -1
  119. package/dist/storybook/assets/tiny-invariant-R4kOKlvx.js +8 -0
  120. package/dist/storybook/assets/title.stories-9QWP9XVr.js +37 -0
  121. package/dist/storybook/assets/{toaster-eOozfa7U.js → toaster-yPcd4ELJ.js} +1 -1
  122. package/dist/storybook/assets/toaster.stories-D_1FY8OT.js +86 -0
  123. package/dist/storybook/assets/{toggle-wk0GbVB8.js → toggle-M_66MP8X.js} +1 -1
  124. package/dist/storybook/assets/{toggle.stories-ItCMhW4M.js → toggle.stories-VfPLoUW1.js} +2 -2
  125. package/dist/storybook/assets/{tooltip-ZHdi6rl-.js → tooltip-HEHiU__l.js} +1 -1
  126. package/dist/storybook/assets/{tooltip.stories-gTfOeEzv.js → tooltip.stories-tiOgoWHH.js} +1 -1
  127. package/dist/storybook/assets/tooltip.test-case.stories-g9fe1-Ut.js +3 -0
  128. package/dist/storybook/assets/top-bar-K-LdFikH.css +1 -0
  129. package/dist/storybook/assets/top-bar-ywJJBf-H.js +1 -0
  130. package/dist/storybook/assets/top-bar.stories-KkBPu_h3.js +21 -0
  131. package/dist/storybook/assets/top-bar.testcase.stories-RJkl6c8Z.js +30 -0
  132. package/dist/storybook/assets/tree-U4LtpVm9.css +1 -0
  133. package/dist/storybook/assets/tree.stories-UiERA8eJ.js +182 -0
  134. package/dist/storybook/assets/unit-input.stories-NxlXJaPc.js +273 -0
  135. package/dist/storybook/assets/unit-table.stories-JkNu_Up6.js +103 -0
  136. package/dist/storybook/assets/use-previous-VKMmnaK7.js +1 -0
  137. package/dist/storybook/iframe.html +3 -1
  138. package/dist/storybook/index.json +1 -1
  139. package/dist/storybook/project.json +1 -1
  140. package/dist/storybook/sb-addons/actions-0/manager-bundle.js +1 -1
  141. package/dist/storybook/sb-preview/globals.js +1 -1
  142. package/dist/storybook/sb-preview/runtime.js +19 -19
  143. package/dist/storybook/stories.json +1 -1
  144. package/package.json +10 -9
  145. package/dist/storybook/assets/Color-6VNJS4EI-GxhKC8e4.js +0 -1
  146. package/dist/storybook/assets/DocsRenderer-NNNQARDV-qNtI0g6x.js +0 -1
  147. package/dist/storybook/assets/WithTooltip-4HIR6TLV-Oz_GUhfl.js +0 -1
  148. package/dist/storybook/assets/actions-SGexXf58.js +0 -1
  149. package/dist/storybook/assets/actions.stories-dDCC23QK.js +0 -1
  150. package/dist/storybook/assets/afe.stories-1YkAm2l2.js +0 -88
  151. package/dist/storybook/assets/badge.stories-nzXJ1qip.js +0 -1
  152. package/dist/storybook/assets/blowout.stories-ro9WCHli.js +0 -40
  153. package/dist/storybook/assets/button-IoNblLER.js +0 -1
  154. package/dist/storybook/assets/button.stories-vebimSi_.js +0 -71
  155. package/dist/storybook/assets/card.stories-OtRekExg.js +0 -1
  156. package/dist/storybook/assets/casing-loads.stories--oHbAVn4.js +0 -209
  157. package/dist/storybook/assets/color-HUGaUBn2.js +0 -25
  158. package/dist/storybook/assets/empty.stories-KIByp315.js +0 -1
  159. package/dist/storybook/assets/extends-dGVwEr9R.js +0 -1
  160. package/dist/storybook/assets/file-input.stories-rkAlSDHE.js +0 -66
  161. package/dist/storybook/assets/footer.stories-FmE2JKok.js +0 -3
  162. package/dist/storybook/assets/form.stories-LRkCBjZR.js +0 -49
  163. package/dist/storybook/assets/formation.stories-ZGzBQKt1.js +0 -74
  164. package/dist/storybook/assets/help-icon.stories-Qz7MKCnQ.js +0 -4
  165. package/dist/storybook/assets/icon-y1a2N5SZ.js +0 -8
  166. package/dist/storybook/assets/icon.stories-D_XEmSGG.js +0 -6
  167. package/dist/storybook/assets/iframe-yZ0ImE73.js +0 -7
  168. package/dist/storybook/assets/index-IQMsp8Ab.js +0 -14
  169. package/dist/storybook/assets/index-gM75B7fB.js +0 -8
  170. package/dist/storybook/assets/index.es-JXn3JM7k.js +0 -86
  171. package/dist/storybook/assets/inheritsLoose-Y9jOMJLd.js +0 -1
  172. package/dist/storybook/assets/label.stories-HcdQ1bEB.js +0 -11
  173. package/dist/storybook/assets/layout-forms-2UsPyZyz.js +0 -16
  174. package/dist/storybook/assets/list-ciYNlkVM.js +0 -8
  175. package/dist/storybook/assets/list-heading-XbqCJOHh.js +0 -1
  176. package/dist/storybook/assets/list-heading-Y8BAUuV6.css +0 -1
  177. package/dist/storybook/assets/list.stories-G1n5uCjl.js +0 -457
  178. package/dist/storybook/assets/menu.stories-GFJs09Wk.js +0 -60
  179. package/dist/storybook/assets/number-input-d7hXQldd.js +0 -1
  180. package/dist/storybook/assets/number-input.stories-SOsG2FLJ.js +0 -81
  181. package/dist/storybook/assets/option-dropdown.stories-1Y5JDaBF.js +0 -21
  182. package/dist/storybook/assets/page.stories-B5gzoAi8.js +0 -57
  183. package/dist/storybook/assets/pop-confirm.stories-94l3Xg8w.js +0 -9
  184. package/dist/storybook/assets/popover.stories-JVzzF0Jm.js +0 -1
  185. package/dist/storybook/assets/preview-Fi7DQdoQ.js +0 -1
  186. package/dist/storybook/assets/preview-lDu82Bod.js +0 -7
  187. package/dist/storybook/assets/projects.stories-ojOsn6HU.js +0 -47
  188. package/dist/storybook/assets/select-Z1HqJ5aU.js +0 -1
  189. package/dist/storybook/assets/side-bar-GJ2tcZYY.js +0 -1
  190. package/dist/storybook/assets/side-bar.stories-Ld0zOToQ.js +0 -1
  191. package/dist/storybook/assets/slider-_5NQKbM-.js +0 -7
  192. package/dist/storybook/assets/spacer.stories--ynGgvN4.js +0 -1
  193. package/dist/storybook/assets/syntaxhighlighter-NMPM6SWI-q0TZrkav.js +0 -1
  194. package/dist/storybook/assets/table-_jWgMFOi.js +0 -1
  195. package/dist/storybook/assets/text-link.stories-kjfUeFtk.js +0 -1
  196. package/dist/storybook/assets/title.stories-14d2lIxy.js +0 -37
  197. package/dist/storybook/assets/toaster.stories-XhUo3pbR.js +0 -86
  198. package/dist/storybook/assets/tooltip.test-case.stories-L2bW8Ijz.js +0 -3
  199. package/dist/storybook/assets/top-bar-0fDAFWyC.js +0 -1
  200. package/dist/storybook/assets/top-bar-cBtxm6yr.css +0 -1
  201. package/dist/storybook/assets/top-bar.stories-YKtteM_h.js +0 -1
  202. package/dist/storybook/assets/top-bar.testcase.stories-Z-6C5D2R.js +0 -30
  203. package/dist/storybook/assets/tree-zmq4MRb6.css +0 -1
  204. package/dist/storybook/assets/tree.stories-5fjCVN1S.js +0 -180
  205. package/dist/storybook/assets/unit-input.stories-ZdrR9JWT.js +0 -273
@@ -1,209 +0,0 @@
1
- import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as u}from"./index-RfLt4OUa.js";import{I as f}from"./common-types-U65vzrrz.js";import{T}from"./top-bar-0fDAFWyC.js";import{S as I}from"./side-bar-GJ2tcZYY.js";import{H as r}from"./heading-cUVItwKq.js";import{B as n}from"./button-IoNblLER.js";import{D as g}from"./drawer-TM-jK3WR.js";import{L as O}from"./list-ciYNlkVM.js";import{F as a}from"./field-kOZPBHf6.js";import{I as o}from"./input-iDZqV-2m.js";import{M as D,D as E}from"./dialog-dekS0lUR.js";import{C as H}from"./check-box-BX5dfQFk.js";import{F as p}from"./form-row-bwoDTUga.js";import{P as k}from"./page-9-f6BzS0.js";import{R as y,C as R}from"./row-vFUhHoz5.js";import{S as d}from"./select-Z1HqJ5aU.js";import{S as l}from"./spacer-Yji9g2AW.js";import{T as B}from"./tabs-fcLbHC1n.js";import{T as M}from"./table-_jWgMFOi.js";import"./index-VW3EWkuE.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./actions-SGexXf58.js";import"./lodash-Bmg8FrMx.js";import"./tooltip-ZHdi6rl-.js";import"./index-miLrID2P.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./index-ugi_ZH6T.js";import"./help-icon-nI9A506M.js";import"./spinner-R8Il4aRe.js";import"./index.es-JXn3JM7k.js";import"./extends-dGVwEr9R.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./memoize-one.esm-hqe5SRxC.js";import"./card-0r8RRVk-.js";import"./list-heading-XbqCJOHh.js";import"./loader-TGOJBZQG.js";import"./label-RpB4JmHX.js";import"./portal-zPiHHKoC.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./assertThisInitialized-4q6YPdh3.js";import"./text-6KQ6ntOV.js";import"./select.input-zP5tW20f.js";import"./pagination-Eaj_UOBW.js";import"./input-group-R8LoqKRn.js";import"./input-group-addon-BHVsW9mL.js";import"./number-input-d7hXQldd.js";import"./index-IQMsp8Ab.js";import"./index-cCpkwrS5.js";import"./slider-_5NQKbM-.js";import"./popover-uAo1e4-D.js";const ze={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},s=()=>{const[v,i]=u.useState(!1),C=()=>e.jsx("div",{style:{color:"#aaa",display:"flex",alignItems:"center",justifyContent:"center",position:"absolute",overflow:"hidden",top:0,left:0,right:0,bottom:0},children:"SCHEMATIC"}),m=[{label:"Casing Loads",value:"casingloads"},{label:"Plot Charts",value:"charts"}],j={name:"Casing Loads",items:[{id:1,name:"Sections",type:"Heading"},{id:2,name:'30" Conductor Casing',active:!0},{id:3,name:"Ipsum"},{id:4,name:"Dolor"}]},L={columnWidths:["auto","auto","auto","auto","1%"],headers:[{cells:[{value:"Load case name"},{value:"Internal profile"},{value:"External profile"},{value:"Temperature profile"},{value:""}]}],rows:[{cells:[{value:"Load case 1"},{value:"Profile 1"},{value:"Profile 2"},{value:"Profile 3"},{value:"Edit",type:"Link",onClick:()=>i(!0)}]},{cells:[{value:"Load case 2"},{value:"Profile 1"},{value:"Profile 2"},{value:"Profile 3"},{value:"Edit",type:"Link",onClick:()=>i(!0)}]}]},F=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{label:"Name",children:e.jsx(o,{value:"Load case 1"})}),e.jsx(l,{}),e.jsx(r,{children:"Internal Profile"}),e.jsx(l,{}),e.jsxs(p,{children:[e.jsx(a,{label:"Profile",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Profile 1",value:"1"},{label:"Profile 2",value:"2"}]})}),e.jsx(a,{label:"Influx depth",children:e.jsx(o,{})}),e.jsx(a,{label:"Gas gradient",children:e.jsx(o,{})}),e.jsx(a,{label:"Mud weight",children:e.jsx(o,{})}),e.jsx(a,{label:"Input n",children:e.jsx(o,{})}),e.jsx(a,{children:e.jsx(H,{label:"Limit gas at shoe"})})]}),e.jsx(l,{}),e.jsx(r,{children:"External Profile"}),e.jsx(l,{}),e.jsxs(p,{children:[e.jsx(a,{label:"Profile",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Profile 1",value:"1"},{label:"Profile 2",value:"2"}]})}),e.jsx(a,{label:"FG above TOC",children:e.jsx(o,{})}),e.jsx(a,{label:"FG below TOC",children:e.jsx(o,{})})]}),e.jsx(l,{}),e.jsx(r,{children:"Temperature Profile"}),e.jsx(l,{}),e.jsxs(p,{children:[e.jsx(a,{label:"Profile",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Profile 1",value:"1"},{label:"Profile 2",value:"2"}]})}),e.jsx(a,{label:"Custome table",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Custome table 1",value:"1"},{label:"Custome table 2",value:"2"}]})})]})]}),P=()=>{const[t,c]=u.useState(!0);return e.jsx(g,{button:e.jsx(n,{onClick:()=>c(!t),round:!0,icon:f.CHEVRON_LEFT}),open:t,width:300,closedWidth:"var(--size-sidebar)",children:e.jsx(O,{drawer:!0,narrow:!t,list:j})})},w=()=>{const[t,c]=u.useState(!0);return e.jsx(g,{right:!0,background:"white",button:e.jsx(n,{onClick:()=>c(!t),round:!0,icon:f.CHEVRON_RIGHT}),open:t,width:300,closedWidth:"var(--size-sidebar)",children:e.jsx(C,{})})},S=()=>e.jsx(D,{visible:v,children:e.jsx(E,{dialog:{heading:"Load case 1",content:e.jsx(F,{}),footer:e.jsxs(e.Fragment,{children:[e.jsx(n,{label:"Save",colored:!0,onClick:()=>i(!1)}),e.jsx(n,{label:"Cancel",onClick:()=>i(!1)})]}),onClose:()=>i(!1)}})});return e.jsxs(e.Fragment,{children:[e.jsx(T,{}),e.jsx(I,{options:{title:"",sections:[]}}),e.jsx(k,{padding:!1,scroll:!1,children:e.jsxs(y,{spacing:0,flex:!0,children:[e.jsx(P,{}),e.jsxs(R,{borderLeft:!0,borderRight:!0,padding:!0,scroll:!0,children:[e.jsx(r,{top:!0,marginBottom:0,children:'30" Conductor Casing'}),e.jsx(B,{margin:!1,options:m,value:m[0]}),e.jsx(l,{}),e.jsx(M,{table:L})]}),e.jsx(w,{})]})}),e.jsx(S,{})]})};var b,h,x;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:`() => {
2
- const [dialogOpen, setDialogOpen] = useState(false);
3
- const SchematicPlaceholder = () => <div style={{
4
- color: '#aaa',
5
- display: 'flex',
6
- alignItems: 'center',
7
- justifyContent: 'center',
8
- position: 'absolute',
9
- overflow: 'hidden',
10
- top: 0,
11
- left: 0,
12
- right: 0,
13
- bottom: 0
14
- }}>
15
- SCHEMATIC
16
- </div>;
17
- const casingTabs = [{
18
- label: 'Casing Loads',
19
- value: 'casingloads'
20
- }, {
21
- label: 'Plot Charts',
22
- value: 'charts'
23
- }];
24
- const casingListData = {
25
- name: 'Casing Loads',
26
- items: [{
27
- id: 1,
28
- name: 'Sections',
29
- type: 'Heading'
30
- }, {
31
- id: 2,
32
- name: '30" Conductor Casing',
33
- active: true
34
- }, {
35
- id: 3,
36
- name: 'Ipsum'
37
- }, {
38
- id: 4,
39
- name: 'Dolor'
40
- }]
41
- };
42
- const loadsTableData = {
43
- columnWidths: ['auto', 'auto', 'auto', 'auto', '1%'],
44
- headers: [{
45
- cells: [{
46
- value: 'Load case name'
47
- }, {
48
- value: 'Internal profile'
49
- }, {
50
- value: 'External profile'
51
- }, {
52
- value: 'Temperature profile'
53
- }, {
54
- value: ''
55
- }]
56
- }],
57
- rows: [{
58
- cells: [{
59
- value: 'Load case 1'
60
- }, {
61
- value: 'Profile 1'
62
- }, {
63
- value: 'Profile 2'
64
- }, {
65
- value: 'Profile 3'
66
- }, {
67
- value: 'Edit',
68
- type: 'Link',
69
- onClick: () => setDialogOpen(true)
70
- }]
71
- }, {
72
- cells: [{
73
- value: 'Load case 2'
74
- }, {
75
- value: 'Profile 1'
76
- }, {
77
- value: 'Profile 2'
78
- }, {
79
- value: 'Profile 3'
80
- }, {
81
- value: 'Edit',
82
- type: 'Link',
83
- onClick: () => setDialogOpen(true)
84
- }]
85
- }]
86
- };
87
- const LoadCaseForm = () => <>
88
- <Field label="Name">
89
- <Input value="Load case 1" />
90
- </Field>
91
- <Spacer />
92
- <Heading>Internal Profile</Heading>
93
- <Spacer />
94
- <FormRow>
95
- <Field label="Profile">
96
- <Select native width="auto" options={[{
97
- label: 'Profile 1',
98
- value: '1'
99
- }, {
100
- label: 'Profile 2',
101
- value: '2'
102
- }]} />
103
- </Field>
104
- <Field label="Influx depth">
105
- <Input />
106
- </Field>
107
- <Field label="Gas gradient">
108
- <Input />
109
- </Field>
110
- <Field label="Mud weight">
111
- <Input />
112
- </Field>
113
- <Field label="Input n">
114
- <Input />
115
- </Field>
116
- <Field>
117
- <CheckBox label="Limit gas at shoe" />
118
- </Field>
119
- </FormRow>
120
- <Spacer />
121
- <Heading>External Profile</Heading>
122
- <Spacer />
123
- <FormRow>
124
- <Field label="Profile">
125
- <Select native width="auto" options={[{
126
- label: 'Profile 1',
127
- value: '1'
128
- }, {
129
- label: 'Profile 2',
130
- value: '2'
131
- }]} />
132
- </Field>
133
- <Field label="FG above TOC">
134
- <Input />
135
- </Field>
136
- <Field label="FG below TOC">
137
- <Input />
138
- </Field>
139
- </FormRow>
140
- <Spacer />
141
- <Heading>Temperature Profile</Heading>
142
- <Spacer />
143
- <FormRow>
144
- <Field label="Profile">
145
- <Select native width="auto" options={[{
146
- label: 'Profile 1',
147
- value: '1'
148
- }, {
149
- label: 'Profile 2',
150
- value: '2'
151
- }]} />
152
- </Field>
153
- <Field label="Custome table">
154
- <Select native width="auto" options={[{
155
- label: 'Custome table 1',
156
- value: '1'
157
- }, {
158
- label: 'Custome table 2',
159
- value: '2'
160
- }]} />
161
- </Field>
162
- </FormRow>
163
- </>;
164
- const CasingLoadsList = () => {
165
- const [open, setOpen] = useState(true);
166
- return <Drawer button={<Button onClick={() => setOpen(!open)} round icon={IconType.CHEVRON_LEFT} />} open={open} width={300} closedWidth="var(--size-sidebar)">
167
- <List drawer narrow={!open} list={casingListData} />
168
- </Drawer>;
169
- };
170
- const CasingLoadsSchematic = () => {
171
- const [open, setOpen] = useState(true);
172
- return <Drawer right background="white" button={<Button onClick={() => setOpen(!open)} round icon={IconType.CHEVRON_RIGHT} />} open={open} width={300} closedWidth="var(--size-sidebar)">
173
- <SchematicPlaceholder />
174
- </Drawer>;
175
- };
176
- const CasingLoadsEditModal = () => <Modal visible={dialogOpen}>
177
- <Dialog dialog={{
178
- heading: 'Load case 1',
179
- content: <LoadCaseForm />,
180
- footer: <>
181
- <Button label="Save" colored onClick={() => setDialogOpen(false)} />
182
- <Button label="Cancel" onClick={() => setDialogOpen(false)} />
183
- </>,
184
- onClose: () => setDialogOpen(false)
185
- }} />
186
- </Modal>;
187
- return <>
188
- <TopBar />
189
- <SideBar options={{
190
- title: '',
191
- sections: []
192
- }} />
193
- <Page padding={false} scroll={false}>
194
- <Row spacing={0} flex>
195
- <CasingLoadsList />
196
- <Column borderLeft borderRight padding scroll>
197
- <Heading top marginBottom={0}>
198
- 30&quot; Conductor Casing
199
- </Heading>
200
- <Tabs margin={false} options={casingTabs} value={casingTabs[0]} />
201
- <Spacer />
202
- <Table table={loadsTableData} />
203
- </Column>
204
- <CasingLoadsSchematic />
205
- </Row>
206
- </Page>
207
- <CasingLoadsEditModal />
208
- </>;
209
- }`,...(x=(h=s.parameters)==null?void 0:h.docs)==null?void 0:x.source}}};s.__docgenInfo={description:"",methods:[],displayName:"CasingLoads"};const Ve=["CasingLoads"];export{s as CasingLoads,Ve as __namedExportsOrder,ze as default};
@@ -1,25 +0,0 @@
1
- import{j as o}from"./jsx-runtime-FsUICBgo.js";import"./chunk-HLWAVYOI-IpxCdjQR.js";import{M as d}from"./index-txtTsAry.js";import{r as p}from"./index-RfLt4OUa.js";import{t as m,T as x}from"./toaster-eOozfa7U.js";import{useMDXComponents as i}from"./index-4YXVTraW.js";import"./iframe-yZ0ImE73.js";import"../sb-preview/runtime.js";import"./react-16-hgR7FrAp.js";import"./index-miLrID2P.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./inheritsLoose-Y9jOMJLd.js";import"./index-gM75B7fB.js";import"./message-uMHaTEXV.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./icon-y1a2N5SZ.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";const h=["--color-text","--color-text-muted","--color-text-faint","--color-text-error","--color-text-warning","--color-text-success","--color-text-info","--color-text-primary","--color-text-primary-hover","--color-text-primary-active"],u=["--color-background","--color-background-raised","--color-background-primary","--color-background-info","--color-background-warning","--color-background-success","--color-background-error"],g=["--color-border","--color-border-error","--color-border-warning","--color-border-focus"],t=[50,100,150,200,250,300,350,400,450,500,550,600,650,700,750,800,850,900,950],j=t.map(r=>`--color-neutral-${r}`),b=t.map(r=>`--color-primary-${r}`),f=t.map(r=>`--color-error-${r}`),y=t.map(r=>`--color-warning-${r}`),C=t.map(r=>`--color-success-${r}`),k=t.map(r=>`--color-info-${r}`),c=({colors:r})=>o.jsx("div",{style:{display:"grid",gridTemplateColumns:"auto 1fr auto 1fr",gap:20,alignItems:"center"},children:r.map((n,a)=>{const e=`var(${n})`,s=()=>{navigator.clipboard.writeText(e),m({message:{type:"Success",content:"Copied to clipboard"}})};return o.jsxs(p.Fragment,{children:[o.jsx("div",{style:{padding:"var(--padding)",backgroundColor:e,border:"1px solid rgba(0,0,0,0.1)"},onClick:s}),o.jsx("code",{onClick:s,children:e})]},a)})});try{c.displayName="ColorPalette",c.__docgenInfo={description:"",displayName:"ColorPalette",props:{colors:{defaultValue:null,description:"",name:"colors",required:!0,type:{name:"string[]"}}}}}catch{}function l(r){const n=Object.assign({h1:"h1",p:"p",strong:"strong",h2:"h2",h3:"h3"},i(),r.components);return o.jsxs(o.Fragment,{children:[o.jsx(d,{title:"Colors"}),`
2
- `,o.jsx(n.h1,{id:"colors",children:"Colors"}),`
3
- `,o.jsx(n.p,{children:"When setting colors (either by component props or in custom styling), prefer named CSS variables to literal color values."}),`
4
- `,o.jsx(n.p,{children:o.jsx(n.strong,{children:"Click on a color below to copy the variable name to the clipboard."})}),`
5
- `,o.jsx(n.h2,{id:"named-colors",children:"Named colors"}),`
6
- `,o.jsx(n.h3,{id:"text",children:"Text"}),`
7
- `,o.jsx(c,{colors:h}),`
8
- `,o.jsx(n.h3,{id:"backgrounds",children:"Backgrounds"}),`
9
- `,o.jsx(c,{colors:u}),`
10
- `,o.jsx(n.h3,{id:"borders",children:"Borders"}),`
11
- `,o.jsx(c,{colors:g}),`
12
- `,o.jsx(n.h2,{id:"base-colors",children:"Base colors"}),`
13
- `,o.jsx(n.h3,{id:"neutral",children:"Neutral"}),`
14
- `,o.jsx(c,{colors:j}),`
15
- `,o.jsx(n.h3,{id:"primary",children:"Primary"}),`
16
- `,o.jsx(c,{colors:b}),`
17
- `,o.jsx(n.h3,{id:"error",children:"Error"}),`
18
- `,o.jsx(c,{colors:f}),`
19
- `,o.jsx(n.h3,{id:"warning",children:"Warning"}),`
20
- `,o.jsx(c,{colors:y}),`
21
- `,o.jsx(n.h3,{id:"success",children:"Success"}),`
22
- `,o.jsx(c,{colors:C}),`
23
- `,o.jsx(n.h3,{id:"info",children:"Info"}),`
24
- `,o.jsx(c,{colors:k}),`
25
- `,o.jsx(x,{})]})}function z(r={}){const{wrapper:n}=Object.assign({},i(),r.components);return n?o.jsx(n,Object.assign({},r,{children:o.jsx(l,r)})):l(r)}export{z as default};
@@ -1 +0,0 @@
1
- import{j as t}from"./jsx-runtime-FsUICBgo.js";import{T as f}from"./text-6KQ6ntOV.js";import{B as y}from"./button-IoNblLER.js";import"./index-RfLt4OUa.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./spinner-R8Il4aRe.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./tooltip-ZHdi6rl-.js";import"./index-miLrID2P.js";const _="_empty_fe425_1",v="_text_fe425_11",i={empty:_,text:v},s=({width:r="auto",height:h="auto",text:o="No data",children:g,testId:x})=>t.jsxs("div",{className:i.empty,style:{width:r,height:h},"data-testid":x,children:[t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"64",height:"41",children:t.jsxs("g",{transform:"translate(0 1)",fill:"none",fillRule:"evenodd",children:[t.jsx("ellipse",{cx:"32",cy:"33",rx:"32",ry:"7",fill:"rgba(0,0,0,0.1)"}),t.jsxs("g",{fillRule:"nonzero",stroke:"var(--color-text)",strokeOpacity:"0.2",children:[t.jsx("path",{d:"M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z",fill:"rgba(0,0,0,0.05)"}),t.jsx("path",{d:"M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z",fill:"var(--color-background-raised)"})]})]})}),o!==""&&t.jsx("div",{className:i.text,children:t.jsx(f,{faint:!0,children:o})}),g]});try{s.displayName="Empty",s.__docgenInfo={description:"",displayName:"Empty",props:{width:{defaultValue:{value:"auto"},description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},height:{defaultValue:{value:"auto"},description:"",name:"height",required:!1,type:{name:"TStringOrNumber"}},text:{defaultValue:{value:"No data"},description:"",name:"text",required:!1,type:{name:"ReactNode"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const z={title:"Progress/Empty",component:s,args:{text:"No data",width:"100%",height:"100%"}},u=r=>t.jsx(s,{...r}),a=u.bind({}),e=u.bind({});e.args={text:"Please apply at least one casing in Well Schematics to perform drilling mechanics",children:t.jsx(y,{colored:!0,label:"Add casing"}),testId:"empty-with-button"};var l,n,p;a.parameters={...a.parameters,docs:{...(l=a.parameters)==null?void 0:l.docs,source:{originalSource:"args => <Empty {...args} />",...(p=(n=a.parameters)==null?void 0:n.docs)==null?void 0:p.source}}};var c,d,m;e.parameters={...e.parameters,docs:{...(c=e.parameters)==null?void 0:c.docs,source:{originalSource:"args => <Empty {...args} />",...(m=(d=e.parameters)==null?void 0:d.docs)==null?void 0:m.source}}};const C=["Default","WithButton"];export{a as Default,e as WithButton,C as __namedExportsOrder,z as default};
@@ -1 +0,0 @@
1
- function e(){return e=Object.assign?Object.assign.bind():function(a){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(a[r]=t[r])}return a},e.apply(this,arguments)}export{e as _};
@@ -1,66 +0,0 @@
1
- import{j as t}from"./jsx-runtime-FsUICBgo.js";import{r as p}from"./index-RfLt4OUa.js";import{D as X}from"./disabled-context-urNQThQz.js";import{I as z}from"./input-group-R8LoqKRn.js";import{I as K}from"./input-iDZqV-2m.js";import{B as $}from"./button-IoNblLER.js";import{S as h}from"./spacer-Yji9g2AW.js";import{a as V,M as L}from"./message-uMHaTEXV.js";import{T as M}from"./textarea-2SpO5fge.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./types-5uVBABF4.js";import"./lodash-Bmg8FrMx.js";import"./tooltip-ZHdi6rl-.js";import"./index-miLrID2P.js";import"./spinner-R8Il4aRe.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";const Q="_fileInput_1elar_1",Z={fileInput:Q};var B=(e=>(e.READ_AS_TEXT="readAsText",e.READ_AS_ARRAY_BUFFER="readAsArrayBuffer",e.READ_AS_DATA_URL="readAsDataURL",e.READ_AS_BINARY_STRING="readAsBinaryString",e))(B||{});const ee=(e=new Blob,r=B.READ_AS_TEXT)=>{const a=new FileReader;return new Promise((s,l)=>{if(r in a)a[r](e);else{l(new Error("Invalid FileReader method"));return}a.onload=()=>{a.result!==null?s(a.result):l(new Error("File reading resulted in null"))},a.onerror=u=>l(u)})},te=(e,r)=>{var s;let a;return e?(r?a=`Selected - ${(s=Object.keys(e))==null?void 0:s.length} files`:a=e==null?void 0:e.name,a||null):null},o=({label:e="Select",loading:r=!1,placeholder:a="No file selected",disabled:s=!1,file:l,accept:u,multi:i,name:x,width:k,onChange:P=()=>{},testId:W})=>{const y=p.useContext(X),S=p.useRef(null),Y=te(l,i),G=()=>{var n;s||y||(n=S.current)==null||n.click()};return t.jsxs("div",{onClick:G,style:{width:k},children:[t.jsxs(z,{children:[t.jsx(K,{value:Y||"",placeholder:a,disabled:!0}),t.jsx($,{label:e,loading:r,disabled:r||s||y,groupOrder:"last"})]}),t.jsx("input",{name:x,ref:S,className:Z.fileInput,type:"file",accept:u,multiple:i,onChange:n=>{var v,F,j;P({...n,target:{...n.target,value:i?(v=n==null?void 0:n.target)==null?void 0:v.files:(j=(F=n==null?void 0:n.target)==null?void 0:F.files)==null?void 0:j[0]}})},"data-testid":W})]})};try{o.displayName="FileInput",o.__docgenInfo={description:"",displayName:"FileInput",props:{label:{defaultValue:{value:"Select"},description:"",name:"label",required:!1,type:{name:"string | null"}},loading:{defaultValue:{value:"false"},description:"",name:"loading",required:!1,type:{name:"boolean"}},placeholder:{defaultValue:{value:"No file selected"},description:"",name:"placeholder",required:!1,type:{name:"string"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},file:{defaultValue:null,description:"",name:"file",required:!1,type:{name:"File"}},accept:{defaultValue:null,description:"",name:"accept",required:!1,type:{name:"string"}},multi:{defaultValue:null,description:"",name:"multi",required:!1,type:{name:"boolean"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},onChange:{defaultValue:{value:"() => {}"},description:"",name:"onChange",required:!1,type:{name:"((evt: any) => void)"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const{useArgs:ae}=__STORYBOOK_MODULE_ADDONS__,_e={title:"Forms/FileInput",component:o,args:{file:null}},H=e=>{const[r,a]=ae(),s=l=>{a({file:l.target.value})};return t.jsx(o,{...e,onChange:s})},m=H.bind({}),c=H.bind({});c.args={accept:".json"};c.parameters={docs:{description:{story:"See [accept attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept) to restrict file type"}}};const d=()=>{const[e,r]=p.useState(),[a,s]=p.useState({});return t.jsxs(t.Fragment,{children:[t.jsx(o,{file:e,onChange:async l=>{const u=l.target.value;try{const i=await ee(u),x=JSON.parse(i);s(x)}catch(i){console.log(i)}r(u)},accept:".json"}),t.jsx(h,{}),e?t.jsx(M,{monospace:!0,value:JSON.stringify(a,null,2),rows:20}):t.jsx(V,{message:{visible:!0,content:"Upload a JSON file to see preview",type:L.INFO}})]})},g=()=>{const[e,r]=p.useState();return t.jsxs(t.Fragment,{children:[t.jsx(o,{file:e,onChange:a=>{r(a.target.value)},accept:"image/*"}),t.jsx(h,{}),e?t.jsx("img",{src:e?URL.createObjectURL(e):"",alt:"Preview",style:{maxHeight:"400px",maxWidth:"400px"}}):t.jsx(V,{message:{visible:!0,content:"Upload an image file to see preview",type:L.INFO}})]})},f=()=>{const[e,r]=p.useState(),a=e?Object.values(e).map(s=>s.name):[];return t.jsxs(t.Fragment,{children:[t.jsx(o,{file:e,onChange:({target:s})=>r(s.value),multi:!0}),t.jsx(h,{}),!!a.length&&t.jsx(M,{monospace:!0,value:a.join(`,
2
- `),rows:10})]})};var _,A,I;m.parameters={...m.parameters,docs:{...(_=m.parameters)==null?void 0:_.docs,source:{originalSource:`args => {
3
- const [_, updateArgs] = useArgs();
4
- const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
5
- updateArgs({
6
- file: evt.target.value
7
- });
8
- };
9
- return <FileInput {...args} onChange={handleChange} />;
10
- }`,...(I=(A=m.parameters)==null?void 0:A.docs)==null?void 0:I.source}}};var N,b,O;c.parameters={...c.parameters,docs:{...(N=c.parameters)==null?void 0:N.docs,source:{originalSource:`args => {
11
- const [_, updateArgs] = useArgs();
12
- const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
13
- updateArgs({
14
- file: evt.target.value
15
- });
16
- };
17
- return <FileInput {...args} onChange={handleChange} />;
18
- }`,...(O=(b=c.parameters)==null?void 0:b.docs)==null?void 0:O.source}}};var C,R,T;d.parameters={...d.parameters,docs:{...(C=d.parameters)==null?void 0:C.docs,source:{originalSource:`() => {
19
- const [file, setFile] = useState();
20
- const [json, setJson] = useState({});
21
- return <>
22
- <FileInput file={file} onChange={async evt => {
23
- const file = evt.target.value;
24
- try {
25
- const text = await readFile(file);
26
- const json = JSON.parse((text as string));
27
- setJson(json);
28
- } catch (error) {
29
- console.log(error);
30
- }
31
- setFile(file);
32
- }} accept=".json" />
33
- <Spacer />
34
- {file ? <TextArea monospace value={JSON.stringify(json, null, 2)} rows={20} /> : <Message message={{
35
- visible: true,
36
- content: 'Upload a JSON file to see preview',
37
- type: MessageType.INFO
38
- }} />}
39
- </>;
40
- }`,...(T=(R=d.parameters)==null?void 0:R.docs)==null?void 0:T.source}}};var w,E,D;g.parameters={...g.parameters,docs:{...(w=g.parameters)==null?void 0:w.docs,source:{originalSource:`() => {
41
- const [file, setFile] = useState();
42
- return <>
43
- <FileInput file={file} onChange={evt => {
44
- setFile(evt.target.value);
45
- }} accept="image/*" />
46
- <Spacer />
47
- {file ? <img src={file ? URL.createObjectURL(file) : ''} alt="Preview" style={{
48
- maxHeight: '400px',
49
- maxWidth: '400px'
50
- }} /> : <Message message={{
51
- visible: true,
52
- content: 'Upload an image file to see preview',
53
- type: MessageType.INFO
54
- }} />}
55
- </>;
56
- }`,...(D=(E=g.parameters)==null?void 0:E.docs)==null?void 0:D.source}}};var U,q,J;f.parameters={...f.parameters,docs:{...(U=f.parameters)==null?void 0:U.docs,source:{originalSource:`() => {
57
- const [files, setFiles] = useState();
58
- const fileNames = files ? Object.values(files).map((value: any) => value.name) : [];
59
- return <>
60
- <FileInput file={files} onChange={({
61
- target
62
- }) => setFiles(target.value)} multi />
63
- <Spacer />
64
- {!!fileNames.length && <TextArea monospace value={fileNames.join(', \\n')} rows={10} />}
65
- </>;
66
- }`,...(J=(q=f.parameters)==null?void 0:q.docs)==null?void 0:J.source}}};const Ae=["Default","RestrictFiletype","ReadJSONFile","Image","Multi"];export{m as Default,g as Image,f as Multi,d as ReadJSONFile,c as RestrictFiletype,Ae as __namedExportsOrder,_e as default};
@@ -1,3 +0,0 @@
1
- import{j as e}from"./jsx-runtime-FsUICBgo.js";import{T as p}from"./table-_jWgMFOi.js";import{t as a,r as s}from"./table.stories-data-w897tYMJ.js";import"./index-RfLt4OUa.js";import"./index-VW3EWkuE.js";import"./index.es-JXn3JM7k.js";import"./inheritsLoose-Y9jOMJLd.js";import"./extends-dGVwEr9R.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./index-miLrID2P.js";import"./memoize-one.esm-hqe5SRxC.js";import"./icon-y1a2N5SZ.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./lodash-Bmg8FrMx.js";import"./actions-SGexXf58.js";import"./common-types-U65vzrrz.js";import"./button-IoNblLER.js";import"./spinner-R8Il4aRe.js";import"./tooltip-ZHdi6rl-.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./heading-cUVItwKq.js";import"./help-icon-nI9A506M.js";import"./pagination-Eaj_UOBW.js";import"./select-Z1HqJ5aU.js";import"./assertThisInitialized-4q6YPdh3.js";import"./text-6KQ6ntOV.js";import"./select.input-zP5tW20f.js";import"./input-iDZqV-2m.js";import"./input-group-R8LoqKRn.js";import"./input-group-addon-BHVsW9mL.js";import"./number-input-d7hXQldd.js";import"./index-IQMsp8Ab.js";import"./index-cCpkwrS5.js";import"./check-box-BX5dfQFk.js";import"./slider-_5NQKbM-.js";import"./index-ugi_ZH6T.js";import"./popover-uAo1e4-D.js";import"./flex-KzhjL9yc.js";const $={title:"Basic/Table/Footer",component:p,args:{table:{...a}}},n=i=>e.jsx(p,{...i}),r=n.bind({});r.args={table:s};var o,t,m;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:`args => {
2
- return <Table {...args} />;
3
- }`,...(m=(t=r.parameters)==null?void 0:t.docs)==null?void 0:m.source}}};const rr=["Footer"];export{r as Footer,rr as __namedExportsOrder,$ as default};
@@ -1,49 +0,0 @@
1
- import{j as e}from"./jsx-runtime-FsUICBgo.js";import{T as W}from"./common-types-U65vzrrz.js";import{D as A}from"./disabled-context-urNQThQz.js";import{F as s}from"./field-kOZPBHf6.js";import{I as b}from"./input-iDZqV-2m.js";import{S as c}from"./select-Z1HqJ5aU.js";import{C as G}from"./check-box-BX5dfQFk.js";import{B as N}from"./button-group-KeeGgC4K.js";import{B as _}from"./button-IoNblLER.js";import{T as E}from"./toggle-wk0GbVB8.js";import{I as V}from"./input-group-R8LoqKRn.js";import{I as x}from"./input-group-addon-BHVsW9mL.js";import{S as U}from"./slider-_5NQKbM-.js";import{T as $}from"./textarea-2SpO5fge.js";import{R as q}from"./radio-button-QcS9mLYi.js";import{M as z}from"./actions-SGexXf58.js";import{F as H}from"./form-row-bwoDTUga.js";import{M as g}from"./types-VB5zD18b.js";import"./index-RfLt4OUa.js";import"./index-VW3EWkuE.js";import"./label-RpB4JmHX.js";import"./help-icon-nI9A506M.js";import"./tooltip-ZHdi6rl-.js";import"./index-miLrID2P.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./types-5uVBABF4.js";import"./lodash-Bmg8FrMx.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./memoize-one.esm-hqe5SRxC.js";import"./text-6KQ6ntOV.js";import"./select.input-zP5tW20f.js";import"./spinner-R8Il4aRe.js";import"./objectSpread2-93s0nBry.js";import"./index-ugi_ZH6T.js";import"./badge-23Ty_zBt.js";const Ie={title:"Forms/Layout",argTypes:{labelWidth:"text"},args:{small:!1,row:!1,labelLeft:!1,labelWidth:void 0,disabled:!1}},v=t=>{const{small:o,labelLeft:r,labelWidth:a}=t;return e.jsxs(e.Fragment,{children:[e.jsx(s,{label:"Input",helpText:"Some help text",labelLeft:r,labelWidth:a,children:e.jsx(b,{value:"Value",small:o})}),e.jsx(s,{label:"TextArea",helpText:"Some very long help text that needs to have its width constrained so it doesn't look silly",helpTextMaxWidth:200,labelLeft:r,labelWidth:a,children:e.jsx($,{value:"Value"})}),e.jsx(s,{label:"Select (native)",labelLeft:r,labelWidth:a,children:e.jsx(c,{options:[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"}],value:{label:"Option 2",value:"2"},native:!0,small:o,width:"auto"})}),e.jsx(s,{label:"Select (custom)",labelLeft:r,labelWidth:a,children:e.jsx(c,{options:[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"}],value:{label:"Option 2",value:"2"},small:o,width:"auto"})}),e.jsx(s,{label:"Select (multi)",labelLeft:r,labelWidth:a,children:e.jsx(c,{options:[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"}],value:[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"}],small:o})}),e.jsx(s,{label:"Slider",labelLeft:r,labelWidth:a,children:e.jsx(U,{width:"300px",name:"example",label:"Number of aardvarks",value:35,min:0,max:100,step:1,onChange:()=>{},showArrows:!0,showTooltip:!0,small:o})}),e.jsx(s,{label:"ButtonGroup",labelLeft:r,labelWidth:a,children:e.jsx(N,{items:[{key:"0",label:"Option 1",value:"1"},{key:"1",label:"Option 2",value:"2"}],value:0,small:o})}),e.jsx(s,{label:"InputGroup",labelLeft:r,labelWidth:a,children:e.jsxs(V,{small:o,children:[e.jsx(x,{children:"$"}),e.jsx(b,{name:"example",value:"123",onChange:()=>{}}),e.jsx(x,{children:"each"})]})}),e.jsx(s,{label:"Menu",labelLeft:r,labelWidth:a,children:e.jsx(z,{menu:{label:"Menu",trigger:W.DROP_DOWN_BUTTON,sections:[{type:g.OPTION,label:"Lorem"},{type:g.OPTION,label:"Ipsum"}],small:o}})}),e.jsx(s,{label:"CheckBox",labelLeft:r,labelWidth:a,children:e.jsx(G,{label:"CheckBox",checked:!0,small:o,onChange:()=>{}})}),e.jsx(s,{label:"RadioButton",labelLeft:r,labelWidth:a,children:e.jsx(q,{options:[{label:"Aardvarks",value:"termites"},{label:"Monkeys",value:"bananas"}],value:{label:"Monkeys",value:"bananas"},inline:!0,small:o})}),e.jsx(s,{label:"Toggle",labelLeft:r,labelWidth:a,children:e.jsx(E,{label:"Toggle",checked:!0,onChange:()=>{},small:o})}),e.jsx(s,{labelLeft:r,labelWidth:a,children:e.jsx(_,{colored:!0,label:"Button",onClick:()=>{},small:o})})]})},l=t=>{const{row:o,disabled:r}=t;return e.jsx(A.Provider,{value:r,children:o?e.jsx(H,{children:v(t)}):v(t)})},u=l.bind({}),n=l.bind({});n.args={small:!0};const i=l.bind({});i.args={labelLeft:!0,labelWidth:100};const d=l.bind({});d.args={row:!0};const m=l.bind({});m.args={row:!0,small:!0};const p=l.bind({});p.args={disabled:!0};var h,w,j;u.parameters={...u.parameters,docs:{...(h=u.parameters)==null?void 0:h.docs,source:{originalSource:`args => {
2
- const {
3
- row,
4
- disabled
5
- } = args;
6
- return <DisabledContext.Provider value={disabled}>
7
- {row ? <FormRow>{renderFields(args)}</FormRow> : renderFields(args)}
8
- </DisabledContext.Provider>;
9
- }`,...(j=(w=u.parameters)==null?void 0:w.docs)==null?void 0:j.source}}};var f,F,C;n.parameters={...n.parameters,docs:{...(f=n.parameters)==null?void 0:f.docs,source:{originalSource:`args => {
10
- const {
11
- row,
12
- disabled
13
- } = args;
14
- return <DisabledContext.Provider value={disabled}>
15
- {row ? <FormRow>{renderFields(args)}</FormRow> : renderFields(args)}
16
- </DisabledContext.Provider>;
17
- }`,...(C=(F=n.parameters)==null?void 0:F.docs)==null?void 0:C.source}}};var O,R,T;i.parameters={...i.parameters,docs:{...(O=i.parameters)==null?void 0:O.docs,source:{originalSource:`args => {
18
- const {
19
- row,
20
- disabled
21
- } = args;
22
- return <DisabledContext.Provider value={disabled}>
23
- {row ? <FormRow>{renderFields(args)}</FormRow> : renderFields(args)}
24
- </DisabledContext.Provider>;
25
- }`,...(T=(R=i.parameters)==null?void 0:R.docs)==null?void 0:T.source}}};var D,S,P;d.parameters={...d.parameters,docs:{...(D=d.parameters)==null?void 0:D.docs,source:{originalSource:`args => {
26
- const {
27
- row,
28
- disabled
29
- } = args;
30
- return <DisabledContext.Provider value={disabled}>
31
- {row ? <FormRow>{renderFields(args)}</FormRow> : renderFields(args)}
32
- </DisabledContext.Provider>;
33
- }`,...(P=(S=d.parameters)==null?void 0:S.docs)==null?void 0:P.source}}};var k,y,B;m.parameters={...m.parameters,docs:{...(k=m.parameters)==null?void 0:k.docs,source:{originalSource:`args => {
34
- const {
35
- row,
36
- disabled
37
- } = args;
38
- return <DisabledContext.Provider value={disabled}>
39
- {row ? <FormRow>{renderFields(args)}</FormRow> : renderFields(args)}
40
- </DisabledContext.Provider>;
41
- }`,...(B=(y=m.parameters)==null?void 0:y.docs)==null?void 0:B.source}}};var I,L,M;p.parameters={...p.parameters,docs:{...(I=p.parameters)==null?void 0:I.docs,source:{originalSource:`args => {
42
- const {
43
- row,
44
- disabled
45
- } = args;
46
- return <DisabledContext.Provider value={disabled}>
47
- {row ? <FormRow>{renderFields(args)}</FormRow> : renderFields(args)}
48
- </DisabledContext.Provider>;
49
- }`,...(M=(L=p.parameters)==null?void 0:L.docs)==null?void 0:M.source}}};const Le=["Default","Small","LabelsOnLeft","Row","SmallRow","DisabledWithContext"];export{u as Default,p as DisabledWithContext,i as LabelsOnLeft,d as Row,n as Small,m as SmallRow,Le as __namedExportsOrder,Ie as default};
@@ -1,74 +0,0 @@
1
- import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as c}from"./index-RfLt4OUa.js";import{T as d}from"./top-bar-0fDAFWyC.js";import{S as g}from"./side-bar-GJ2tcZYY.js";import{H as v}from"./heading-cUVItwKq.js";import{P as b}from"./page-9-f6BzS0.js";import{R as h,C as o}from"./row-vFUhHoz5.js";import{S as x}from"./spacer-Yji9g2AW.js";import{T as f}from"./tabs-fcLbHC1n.js";import{T as j}from"./table-_jWgMFOi.js";import"./index-VW3EWkuE.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./common-types-U65vzrrz.js";import"./button-IoNblLER.js";import"./spinner-R8Il4aRe.js";import"./tooltip-ZHdi6rl-.js";import"./index-miLrID2P.js";import"./actions-SGexXf58.js";import"./lodash-Bmg8FrMx.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./index-ugi_ZH6T.js";import"./drawer-TM-jK3WR.js";import"./help-icon-nI9A506M.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./select.input-zP5tW20f.js";import"./index.es-JXn3JM7k.js";import"./extends-dGVwEr9R.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./memoize-one.esm-hqe5SRxC.js";import"./pagination-Eaj_UOBW.js";import"./select-Z1HqJ5aU.js";import"./assertThisInitialized-4q6YPdh3.js";import"./text-6KQ6ntOV.js";import"./input-iDZqV-2m.js";import"./input-group-R8LoqKRn.js";import"./input-group-addon-BHVsW9mL.js";import"./number-input-d7hXQldd.js";import"./index-IQMsp8Ab.js";import"./index-cCpkwrS5.js";import"./check-box-BX5dfQFk.js";import"./slider-_5NQKbM-.js";import"./popover-uAo1e4-D.js";const T=()=>e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",background:"rgba(0,0,0,0.05)",height:"100%",minHeight:400,textAlign:"center"},children:["CHART ",e.jsx("br",{}),"(fills height, minHeight 400px)"]}),he={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},a=()=>{const t=[{label:"Monkeys",value:"monkeys"},{label:"Bananas",value:"bananas"},{label:"Squirrels",value:"squirrels"},{label:"Pomegranates",value:"pomegranates"}],[i,n]=c.useState(t[0]);return e.jsxs(e.Fragment,{children:[e.jsx(d,{}),e.jsx(g,{options:{title:"",sections:[]}}),e.jsxs(b,{padding:"var(--padding)",scroll:!0,children:[e.jsx(v,{top:!0,marginBottom:0,children:"Formation Inputs"}),e.jsx(f,{margin:!1,options:t,value:i,onChange:m=>{const{value:p,label:u}=m.target;n({value:p,label:u})}}),e.jsx(x,{}),e.jsxs(h,{flex:!0,children:[e.jsx(o,{width:400,children:e.jsx(j,{table:{headers:[{cells:[{value:"Name"},{value:"Origin"}]}],rows:[{cells:[{value:"Brown rice"},{value:"Vietnam"}]},{cells:[{value:"Buckwheat"},{value:"Poland"}]},{cells:[{value:"Couscous"},{value:"France"}]}]}})}),e.jsx(o,{children:e.jsx(T,{})})]})]})]})};var r,s,l;a.parameters={...a.parameters,docs:{...(r=a.parameters)==null?void 0:r.docs,source:{originalSource:`() => {
2
- const options = [{
3
- label: 'Monkeys',
4
- value: 'monkeys'
5
- }, {
6
- label: 'Bananas',
7
- value: 'bananas'
8
- }, {
9
- label: 'Squirrels',
10
- value: 'squirrels'
11
- }, {
12
- label: 'Pomegranates',
13
- value: 'pomegranates'
14
- }];
15
- const [selectedTab, setSelectedTab] = useState(options[0]);
16
- return <>
17
- <TopBar />
18
- <SideBar options={{
19
- title: '',
20
- sections: []
21
- }} />
22
- <Page padding="var(--padding)" scroll>
23
- <Heading top marginBottom={0}>
24
- Formation Inputs
25
- </Heading>
26
- <Tabs margin={false} options={options} value={selectedTab} onChange={evt => {
27
- const {
28
- value,
29
- label
30
- } = evt.target;
31
- setSelectedTab({
32
- value,
33
- label
34
- });
35
- }} />
36
- <Spacer />
37
- <Row flex>
38
- <Column width={400}>
39
- <Table table={{
40
- headers: [{
41
- cells: [{
42
- value: 'Name'
43
- }, {
44
- value: 'Origin'
45
- }]
46
- }],
47
- rows: [{
48
- cells: [{
49
- value: 'Brown rice'
50
- }, {
51
- value: 'Vietnam'
52
- }]
53
- }, {
54
- cells: [{
55
- value: 'Buckwheat'
56
- }, {
57
- value: 'Poland'
58
- }]
59
- }, {
60
- cells: [{
61
- value: 'Couscous'
62
- }, {
63
- value: 'France'
64
- }]
65
- }]
66
- }} />
67
- </Column>
68
- <Column>
69
- <ChartPlaceholder />
70
- </Column>
71
- </Row>
72
- </Page>
73
- </>;
74
- }`,...(l=(s=a.parameters)==null?void 0:s.docs)==null?void 0:l.source}}};a.__docgenInfo={description:"",methods:[],displayName:"Formation"};const xe=["Formation"];export{a as Formation,xe as __namedExportsOrder,he as default};
@@ -1,4 +0,0 @@
1
- import{j as n}from"./jsx-runtime-FsUICBgo.js";import{r as J}from"./index-RfLt4OUa.js";import{I as d}from"./common-types-U65vzrrz.js";import{H as l}from"./help-icon-nI9A506M.js";import"./index-VW3EWkuE.js";import"./tooltip-ZHdi6rl-.js";import"./index-miLrID2P.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";const P={title:"Basic/HelpIcon",component:l},e=r=>n.jsx(l,{...r}),p=e.bind({}),o=e.bind({});o.args={text:"Tooltip goes here"};const s=e.bind({});s.args={text:n.jsxs("div",{children:["Tooltip ",n.jsx("em",{children:"goes"})," ",n.jsx("strong",{children:"here"})]})};const a=e.bind({});a.args={onClick:()=>console.log("Help clicked")};const c=e.bind({});c.args={text:"Open in library",onClick:()=>console.log("Library clicked"),icon:"library",testId:"library"};const i=()=>{const[r,D]=J.useState(!1);return n.jsx(l,{onClick:()=>D(!r),icon:r?d.LOCK:d.UNLOCK,active:r,testId:"lock"})},t=e.bind({});t.args={testId:"help"};var m,g,u;p.parameters={...p.parameters,docs:{...(m=p.parameters)==null?void 0:m.docs,source:{originalSource:"args => <HelpIcon {...args} />",...(u=(g=p.parameters)==null?void 0:g.docs)==null?void 0:u.source}}};var k,I,x;o.parameters={...o.parameters,docs:{...(k=o.parameters)==null?void 0:k.docs,source:{originalSource:"args => <HelpIcon {...args} />",...(x=(I=o.parameters)==null?void 0:I.docs)==null?void 0:x.source}}};var b,L,T;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:"args => <HelpIcon {...args} />",...(T=(L=s.parameters)==null?void 0:L.docs)==null?void 0:T.source}}};var H,S,C;a.parameters={...a.parameters,docs:{...(H=a.parameters)==null?void 0:H.docs,source:{originalSource:"args => <HelpIcon {...args} />",...(C=(S=a.parameters)==null?void 0:S.docs)==null?void 0:C.source}}};var f,y,O;c.parameters={...c.parameters,docs:{...(f=c.parameters)==null?void 0:f.docs,source:{originalSource:"args => <HelpIcon {...args} />",...(O=(y=c.parameters)==null?void 0:y.docs)==null?void 0:O.source}}};var h,j,K;i.parameters={...i.parameters,docs:{...(h=i.parameters)==null?void 0:h.docs,source:{originalSource:`() => {
2
- const [locked, setLocked] = useState(false);
3
- return <HelpIcon onClick={() => setLocked(!locked)} icon={locked ? IconType.LOCK : IconType.UNLOCK} active={locked} testId="lock" />;
4
- }`,...(K=(j=i.parameters)==null?void 0:j.docs)==null?void 0:K.source}}};var v,E,_;t.parameters={...t.parameters,docs:{...(v=t.parameters)==null?void 0:v.docs,source:{originalSource:"args => <HelpIcon {...args} />",...(_=(E=t.parameters)==null?void 0:E.docs)==null?void 0:_.source}}};const Q=["Default","Text","JSXText","OnClick","Library","Lock","TestId"];export{p as Default,s as JSXText,c as Library,i as Lock,a as OnClick,t as TestId,o as Text,Q as __namedExportsOrder,P as default};