@oliasoft-open-source/react-ui-library 4.7.0-beta-1 → 4.7.0-beta-2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (214) hide show
  1. package/README.md +12 -11
  2. package/dist/assets/{index-AkeNwthw.css → index-dOfLgtRX.css} +226 -183
  3. package/dist/assets/{index-neKlYvgy.js → index-ffnttoim.js} +285 -147
  4. package/dist/global.css +226 -183
  5. package/dist/index.d.ts +131 -22
  6. package/dist/index.html +1 -1
  7. package/dist/index.js +751 -391
  8. package/dist/index.js.map +1 -1
  9. package/dist/storybook/assets/Color-6VNJS4EI-9rJemzwR.js +1 -0
  10. package/dist/storybook/assets/DocsRenderer-NNNQARDV-DP7bJ7AB.js +1 -0
  11. package/dist/storybook/assets/WithTooltip-V3YHNWJZ-eL_Uxnix.js +1 -0
  12. package/dist/storybook/assets/{accordion-6_27SROY.js → accordion-MRdNs3mQ.js} +1 -1
  13. package/dist/storybook/assets/{accordion.stories-Uipdifbl.js → accordion.stories-Ytyr6tn2.js} +2 -2
  14. package/dist/storybook/assets/actions-Z1pyUd57.js +1 -0
  15. package/dist/storybook/assets/actions-_FIB7bOt.css +1 -0
  16. package/dist/storybook/assets/actions.stories-JWaU0QAA.js +1 -0
  17. package/dist/storybook/assets/afe.stories-Ad1-l25x.js +88 -0
  18. package/dist/storybook/assets/badge.stories-2BykvoFl.js +1 -0
  19. package/dist/storybook/assets/blowout.stories--vPM-KpE.js +40 -0
  20. package/dist/storybook/assets/button-UQO14biP.js +1 -0
  21. package/dist/storybook/assets/{button-group-q8QKkLVU.js → button-group-g7HxxHTn.js} +1 -1
  22. package/dist/storybook/assets/{button-group.stories-tLZpLTfD.js → button-group.stories-hJ9V_va5.js} +2 -2
  23. package/dist/storybook/assets/button.stories-ihIU7iUf.js +80 -0
  24. package/dist/storybook/assets/{buttons-and-links-gkg6hOs-.js → buttons-and-links-fv_xHVqw.js} +2 -2
  25. package/dist/storybook/assets/card.stories-5YbTAbLy.js +1 -0
  26. package/dist/storybook/assets/casing-loads.stories-WfK3k-mh.js +209 -0
  27. package/dist/storybook/assets/cell.stories-Xy61z8ka.js +245 -0
  28. package/dist/storybook/assets/{check-box-LZdXXKhv.js → check-box-Q2GsbR79.js} +1 -1
  29. package/dist/storybook/assets/{check-box.stories-0XCykxnz.js → check-box.stories-iQby_Dan.js} +2 -2
  30. package/dist/storybook/assets/{chunk-HLWAVYOI-YF156CNQ.js → chunk-HLWAVYOI-RXldIcZr.js} +1 -1
  31. package/dist/storybook/assets/color-5ySMclFt.js +25 -0
  32. package/dist/storybook/assets/{column.stories-6OLsjlcP.js → column.stories-NnQNzY18.js} +7 -7
  33. package/dist/storybook/assets/dialog-hHTtMGls.js +1 -0
  34. package/dist/storybook/assets/{drawer-WuErQ5Z8.js → drawer-ChY55ghN.js} +1 -1
  35. package/dist/storybook/assets/{drawer.stories-RFRPs_pQ.js → drawer.stories-xv50_UKt.js} +4 -4
  36. package/dist/storybook/assets/empty.stories-dFjUCZln.js +1 -0
  37. package/dist/storybook/assets/entry-preview-TGgN7-T4.js +1 -0
  38. package/dist/storybook/assets/{config-b-_d5fwn.js → entry-preview-docs-KfUfHYQ7.js} +37 -37
  39. package/dist/storybook/assets/{field-eknsj_Ll.js → field-jD6TclDQ.js} +1 -1
  40. package/dist/storybook/assets/{field.stories-RmhJ16HT.js → field.stories-CeHr9rXs.js} +5 -5
  41. package/dist/storybook/assets/file-button.stories-XxMjOBfe.js +10 -0
  42. package/dist/storybook/assets/file-input-A0eGNEgX.js +1 -0
  43. package/dist/storybook/assets/file-input.stories-dM7UFPVo.js +66 -0
  44. package/dist/storybook/assets/{flex.stories-lLz0Xrt_.js → flex.stories-6qFQFEL7.js} +2 -2
  45. package/dist/storybook/assets/footer.stories-4cSc0hBz.js +3 -0
  46. package/dist/storybook/assets/form.stories--Sgi1gUF.js +49 -0
  47. package/dist/storybook/assets/formation.stories-VUtbgcsq.js +74 -0
  48. package/dist/storybook/assets/{formatter-SWP5E3XI-uJi-Y6Jy.js → formatter-SWP5E3XI-qYj9Quey.js} +2 -2
  49. package/dist/storybook/assets/{heading-Bk0bpNfe.js → heading-FcNTpGhR.js} +1 -1
  50. package/dist/storybook/assets/{heading.stories-HLMPkIPo.js → heading.stories-0MJHBHcQ.js} +2 -2
  51. package/dist/storybook/assets/{help-icon--rUDxLUD.js → help-icon-D6ZGAbgL.js} +1 -1
  52. package/dist/storybook/assets/help-icon.stories-YZw5pFQt.js +4 -0
  53. package/dist/storybook/assets/{icon-y1a2N5SZ.js → icon-_m67DAr0.js} +3 -3
  54. package/dist/storybook/assets/icon.stories-2aZia1VV.js +6 -0
  55. package/dist/storybook/assets/iframe-oMAlwWd9.js +7 -0
  56. package/dist/storybook/assets/index-PPLHz8o0.js +6 -0
  57. package/dist/storybook/assets/index-R5dkQuFe.js +3 -0
  58. package/dist/storybook/assets/{index-_waogfzH.js → index-RhTUHV_k.js} +20 -20
  59. package/dist/storybook/assets/index-VSx05S_2.js +14 -0
  60. package/dist/storybook/assets/index.es-HG2GUH9i.js +79 -0
  61. package/dist/storybook/assets/{input-u1He-wWs.js → input-fYKvBwPs.js} +1 -1
  62. package/dist/storybook/assets/{input-group.stories-WljyIQ0a.js → input-group.stories-ZBffPltv.js} +5 -5
  63. package/dist/storybook/assets/{input-validation-XFS-LWhH.js → input-validation-bb_81fGi.js} +2 -2
  64. package/dist/storybook/assets/{input.stories-rLdDRxtU.js → input.stories-Y5X-JFWU.js} +1 -1
  65. package/dist/storybook/assets/{inputs-vo_nTpyh.js → inputs-MxyGbJ9Y.js} +14 -14
  66. package/dist/storybook/assets/{isPlainObject-4RuU_w9g.js → isPlainObject-OQlD0fAV.js} +1 -1
  67. package/dist/storybook/assets/{label-0_Qf6I8t.js → label-dla_bzHj.js} +1 -1
  68. package/dist/storybook/assets/label.stories-t-e2pWHW.js +11 -0
  69. package/dist/storybook/assets/layout-forms-_uf7qzAu.js +16 -0
  70. package/dist/storybook/assets/{layout-general-QgIJDQ4H.js → layout-general-rHEcWCrx.js} +2 -2
  71. package/dist/storybook/assets/list-Nr0UfaUw.js +8 -0
  72. package/dist/storybook/assets/list.stories-K1nFEsjX.js +478 -0
  73. package/dist/storybook/assets/{list.stories-data-IcFu6vvd.js → list.stories-data-WlepbhE1.js} +1 -1
  74. package/dist/storybook/assets/{loader.stories-0OwmnNML.js → loader.stories-eEBGjVSN.js} +5 -5
  75. package/dist/storybook/assets/menu.stories-nx6w59Nv.js +82 -0
  76. package/dist/storybook/assets/{message-uMHaTEXV.js → message-bbAE2zjv.js} +1 -1
  77. package/dist/storybook/assets/{message.stories-CDgUaLZP.js → message.stories-RJI8haIH.js} +2 -2
  78. package/dist/storybook/assets/meta-content-073TGkSN.js +1 -0
  79. package/dist/storybook/assets/meta-content-dR7AAq04.css +1 -0
  80. package/dist/storybook/assets/modal.stories-rjCFe4Mn.js +200 -0
  81. package/dist/storybook/assets/number-input-xqup0wHW.js +1 -0
  82. package/dist/storybook/assets/number-input.stories-Kzl7Diug.js +153 -0
  83. package/dist/storybook/assets/objectWithoutPropertiesLoose-9Q1jwsKS.js +1 -0
  84. package/dist/storybook/assets/option-dropdown.stories-M9-IYc-K.js +21 -0
  85. package/dist/storybook/assets/{padding-and-spacing-J_Zb8SJm.js → padding-and-spacing-dUA1CCP8.js} +2 -2
  86. package/dist/storybook/assets/page.stories-x7QRBnZm.js +57 -0
  87. package/dist/storybook/assets/{pagination-5n5spTRo.js → pagination-er5fRdi2.js} +1 -1
  88. package/dist/storybook/assets/{pagination.stories-g4a-aSxq.js → pagination.stories-9_uskT8r.js} +2 -2
  89. package/dist/storybook/assets/pop-confirm.stories-QyBm5ZAb.js +9 -0
  90. package/dist/storybook/assets/popover-rJn7kxkX.js +1 -0
  91. package/dist/storybook/assets/popover.stories-5aZN8AoC.js +10 -0
  92. package/dist/storybook/assets/{portal.stories-UGkzdgVk.js → portal.stories-1Jnj3LXz.js} +1 -1
  93. package/dist/storybook/assets/{preview-WIFbPoA-.js → preview-3kPhKzar.js} +13 -13
  94. package/dist/storybook/assets/preview-64tDm6Er.js +7 -0
  95. package/dist/storybook/assets/preview-OnO0tzRj.js +17 -0
  96. package/dist/storybook/assets/projects.stories-wnXCxuJE.js +47 -0
  97. package/dist/storybook/assets/{radio-button-jHcwHUA4.js → radio-button-7TJh5k-h.js} +1 -1
  98. package/dist/storybook/assets/{radio-button.stories-LkCJsp5P.js → radio-button.stories-9mvBu2BH.js} +5 -5
  99. package/dist/storybook/assets/react-router-dom-4Z66xYqZ.js +8 -0
  100. package/dist/storybook/assets/{reservoirs.stories-hhPblhmv.js → reservoirs.stories-XGU7s6pI.js} +2 -2
  101. package/dist/storybook/assets/{rich-text-input.stories-7UzvJ-A1.js → rich-text-input.stories-3Xaavdx_.js} +3 -3
  102. package/dist/storybook/assets/row.stories-Ph7Ckyfn.js +130 -0
  103. package/dist/storybook/assets/{select-JjEPivho.js → select-KWgree43.js} +1 -1
  104. package/dist/storybook/assets/{select.stories-qFDyxRFm.js → select.stories-3D2KkC3_.js} +2 -2
  105. package/dist/storybook/assets/side-bar-kr46QLwI.js +1 -0
  106. package/dist/storybook/assets/side-bar.stories-bJoVvzG5.js +1 -0
  107. package/dist/storybook/assets/{site.stories-QHCzFOnt.js → site.stories-VpsCjYty.js} +2 -2
  108. package/dist/storybook/assets/slider-jx0z5OyT.js +7 -0
  109. package/dist/storybook/assets/slider.stories-CpY4L01U.js +171 -0
  110. package/dist/storybook/assets/smart-upload-modal.stories-hjd4L84J.js +25 -0
  111. package/dist/storybook/assets/spacer.stories-FpDFoVWE.js +1 -0
  112. package/dist/storybook/assets/syntaxhighlighter-B5GMVT5T-1rrvKZrw.js +1 -0
  113. package/dist/storybook/assets/table-4SISWUSt.js +1 -0
  114. package/dist/storybook/assets/table-smKT-hbF.css +1 -0
  115. package/dist/storybook/assets/table.stories-data-UqqhbXjA.js +1 -0
  116. package/dist/storybook/assets/{table.stories-tEvulp9K.js → table.stories-rKzdxDA4.js} +94 -18
  117. package/dist/storybook/assets/{tabs.stories-KtJc5Yci.js → tabs.stories-aps5NXFv.js} +2 -2
  118. package/dist/storybook/assets/text-link.stories-Plmiu8NV.js +14 -0
  119. package/dist/storybook/assets/{textarea-gxvxVBdC.js → textarea-JE26Eekm.js} +1 -1
  120. package/dist/storybook/assets/{textarea.stories-MZHVAwSx.js → textarea.stories-c1mkQU4s.js} +1 -1
  121. package/dist/storybook/assets/tiny-invariant-R4kOKlvx.js +8 -0
  122. package/dist/storybook/assets/title.stories-6AjYBLcL.js +37 -0
  123. package/dist/storybook/assets/{toaster-eOozfa7U.js → toaster-IL_npIpU.js} +1 -1
  124. package/dist/storybook/assets/toaster.stories-QL3_PKZL.js +86 -0
  125. package/dist/storybook/assets/{toggle-BPI2y-lU.js → toggle-vKuY4G3w.js} +1 -1
  126. package/dist/storybook/assets/{toggle.stories-aVmjpons.js → toggle.stories-fJ5QYzcQ.js} +2 -2
  127. package/dist/storybook/assets/{tooltip-HEHiU__l.js → tooltip-dueTLnwA.js} +2 -2
  128. package/dist/storybook/assets/{tooltip.stories-tiOgoWHH.js → tooltip.stories-a_gd0XYu.js} +1 -1
  129. package/dist/storybook/assets/tooltip.test-case.stories-0HiezXaS.js +5 -0
  130. package/dist/storybook/assets/top-bar-K-LdFikH.css +1 -0
  131. package/dist/storybook/assets/top-bar-pptAo2LU.js +1 -0
  132. package/dist/storybook/assets/top-bar.stories-H1OeyQS_.js +21 -0
  133. package/dist/storybook/assets/top-bar.testcase.stories-uJCoeG_m.js +30 -0
  134. package/dist/storybook/assets/tree-U4LtpVm9.css +1 -0
  135. package/dist/storybook/assets/tree.stories-a-UG4OFf.js +182 -0
  136. package/dist/storybook/assets/unit-input-OT-AqIIa.css +1 -0
  137. package/dist/storybook/assets/unit-input.stories--qvPjZnZ.js +349 -0
  138. package/dist/storybook/assets/unit-table.stories-4HlhxSjf.js +150 -0
  139. package/dist/storybook/iframe.html +3 -1
  140. package/dist/storybook/index.json +1 -1
  141. package/dist/storybook/project.json +1 -1
  142. package/dist/storybook/sb-addons/actions-0/manager-bundle.js +1 -1
  143. package/dist/storybook/sb-preview/globals.js +1 -1
  144. package/dist/storybook/sb-preview/runtime.js +19 -19
  145. package/dist/storybook/stories.json +1 -1
  146. package/package.json +10 -9
  147. package/dist/storybook/assets/Color-6VNJS4EI-NPUHt_3q.js +0 -1
  148. package/dist/storybook/assets/DocsRenderer-NNNQARDV-HIEKjKKN.js +0 -1
  149. package/dist/storybook/assets/WithTooltip-4HIR6TLV-XVy3Qn7b.js +0 -1
  150. package/dist/storybook/assets/actions-W12osUP0.css +0 -1
  151. package/dist/storybook/assets/actions-Z9jDWreP.js +0 -1
  152. package/dist/storybook/assets/actions.stories-Qrio9EMy.js +0 -1
  153. package/dist/storybook/assets/afe.stories-mangk6LB.js +0 -88
  154. package/dist/storybook/assets/badge.stories-C0MXS15j.js +0 -1
  155. package/dist/storybook/assets/blowout.stories-i7Ii3760.js +0 -40
  156. package/dist/storybook/assets/button-7V8oA22w.js +0 -1
  157. package/dist/storybook/assets/button.stories-PhWmZXOu.js +0 -71
  158. package/dist/storybook/assets/card.stories-HzHJW6ek.js +0 -1
  159. package/dist/storybook/assets/casing-loads.stories-4eIPrrhL.js +0 -209
  160. package/dist/storybook/assets/cell.stories-X4sboJCw.js +0 -212
  161. package/dist/storybook/assets/color-PIYd2VAw.js +0 -25
  162. package/dist/storybook/assets/dialog-WKHRZcjc.js +0 -1
  163. package/dist/storybook/assets/empty.stories-lva3DbfI.js +0 -1
  164. package/dist/storybook/assets/file-input.stories-SF8BeFpu.js +0 -66
  165. package/dist/storybook/assets/footer.stories-L0qQuABW.js +0 -3
  166. package/dist/storybook/assets/form.stories-qQsjBbOk.js +0 -49
  167. package/dist/storybook/assets/formation.stories-E8DV_cIY.js +0 -74
  168. package/dist/storybook/assets/help-icon.stories-vifwJgNA.js +0 -4
  169. package/dist/storybook/assets/icon.stories-W-UgTWyK.js +0 -6
  170. package/dist/storybook/assets/iframe-NU_z28D3.js +0 -7
  171. package/dist/storybook/assets/index-IQMsp8Ab.js +0 -14
  172. package/dist/storybook/assets/index-gM75B7fB.js +0 -8
  173. package/dist/storybook/assets/index.es-JXn3JM7k.js +0 -86
  174. package/dist/storybook/assets/label.stories-aXdU5_Ql.js +0 -11
  175. package/dist/storybook/assets/layout-forms-w8JJQQqh.js +0 -16
  176. package/dist/storybook/assets/list-8l-RGDgw.js +0 -8
  177. package/dist/storybook/assets/list-heading-Vd3hu5Pf.js +0 -1
  178. package/dist/storybook/assets/list-heading-Y8BAUuV6.css +0 -1
  179. package/dist/storybook/assets/list.stories-Vp0Dm7UU.js +0 -457
  180. package/dist/storybook/assets/menu.stories-VwRF_Pbx.js +0 -60
  181. package/dist/storybook/assets/modal.stories-15sY1c5H.js +0 -173
  182. package/dist/storybook/assets/number-input-SvjJIGsW.js +0 -1
  183. package/dist/storybook/assets/number-input.stories-BURENIFo.js +0 -81
  184. package/dist/storybook/assets/option-dropdown.stories-Q2zd2AcS.js +0 -21
  185. package/dist/storybook/assets/page.stories-pa-9WU0e.js +0 -57
  186. package/dist/storybook/assets/pop-confirm.stories-_agvSFJd.js +0 -9
  187. package/dist/storybook/assets/popover-Y3FpGdUS.js +0 -1
  188. package/dist/storybook/assets/popover.stories-b7Tt4S0j.js +0 -1
  189. package/dist/storybook/assets/preview-D7BEK6_6.js +0 -7
  190. package/dist/storybook/assets/preview-Fi7DQdoQ.js +0 -1
  191. package/dist/storybook/assets/projects.stories-YPlCLdRE.js +0 -47
  192. package/dist/storybook/assets/row.stories-juQv80h3.js +0 -122
  193. package/dist/storybook/assets/side-bar-Fjr2t9MT.js +0 -1
  194. package/dist/storybook/assets/side-bar.stories-sxBJCVnV.js +0 -1
  195. package/dist/storybook/assets/slider-nl2rJ9LF.js +0 -7
  196. package/dist/storybook/assets/slider.stories--aZa8kf-.js +0 -127
  197. package/dist/storybook/assets/spacer.stories-eCrKj4b3.js +0 -1
  198. package/dist/storybook/assets/syntaxhighlighter-NMPM6SWI--OA96ou_.js +0 -1
  199. package/dist/storybook/assets/table-PWodWi0p.css +0 -1
  200. package/dist/storybook/assets/table-i8WT9qpj.js +0 -1
  201. package/dist/storybook/assets/table.stories-data-4h6h0P0V.js +0 -1
  202. package/dist/storybook/assets/text-link.stories-kjfUeFtk.js +0 -1
  203. package/dist/storybook/assets/title.stories-cmteB9lx.js +0 -37
  204. package/dist/storybook/assets/toaster.stories-S25S4g_F.js +0 -86
  205. package/dist/storybook/assets/tooltip.test-case.stories-kIeZayHw.js +0 -3
  206. package/dist/storybook/assets/top-bar-9iOkm7Gq.js +0 -1
  207. package/dist/storybook/assets/top-bar-cBtxm6yr.css +0 -1
  208. package/dist/storybook/assets/top-bar.stories-5jcHi3Q_.js +0 -1
  209. package/dist/storybook/assets/top-bar.testcase.stories-7acJvLc_.js +0 -30
  210. package/dist/storybook/assets/tree-zmq4MRb6.css +0 -1
  211. package/dist/storybook/assets/tree.stories-_5t-Rrls.js +0 -128
  212. package/dist/storybook/assets/unit-input-qBUtqoTb.css +0 -1
  213. package/dist/storybook/assets/unit-input.stories-j3Ykteob.js +0 -273
  214. package/dist/storybook/assets/unit-table.stories-4XYwgJwY.js +0 -100
@@ -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-9iOkm7Gq.js";import{S as I}from"./side-bar-Fjr2t9MT.js";import{H as r}from"./heading-Bk0bpNfe.js";import{B as n}from"./button-7V8oA22w.js";import{D as g}from"./drawer-WuErQ5Z8.js";import{L as O}from"./list-8l-RGDgw.js";import{F as a}from"./field-eknsj_Ll.js";import{I as o}from"./input-u1He-wWs.js";import{M as D,D as E}from"./dialog-WKHRZcjc.js";import{C as H}from"./check-box-LZdXXKhv.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-JjEPivho.js";import{S as l}from"./spacer-Yji9g2AW.js";import{T as B}from"./tabs-fcLbHC1n.js";import{T as M}from"./table-i8WT9qpj.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-Vd3hu5Pf.js";import"./loader-TGOJBZQG.js";import"./label-0_Qf6I8t.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-5n5spTRo.js";import"./input-group-R8LoqKRn.js";import"./input-group-addon-BHVsW9mL.js";import"./number-input-SvjJIGsW.js";import"./index-IQMsp8Ab.js";import"./index-cCpkwrS5.js";import"./slider-nl2rJ9LF.js";import"./popover-Y3FpGdUS.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,212 +0,0 @@
1
- import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as D}from"./index-RfLt4OUa.js";import{T as W}from"./table-i8WT9qpj.js";import{F as ze}from"./field-eknsj_Ll.js";import{B as F}from"./button-7V8oA22w.js";import{I as Xe}from"./input-u1He-wWs.js";import{F as Ge}from"./flex-RYZsoWEN.js";import{t as Ke,s as Ne,u as Qe,v as Ve,w as Ye,x as Ze,y as $e,z as er,A as rr,B as ar,C as sr,D as tr,E as qe,F as or,G as nr,H as lr,I as ir,J as pr}from"./table.stories-data-4h6h0P0V.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"./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-group-R8LoqKRn.js";import"./input-group-addon-BHVsW9mL.js";import"./number-input-SvjJIGsW.js";import"./index-IQMsp8Ab.js";import"./index-cCpkwrS5.js";import"./check-box-LZdXXKhv.js";import"./slider-nl2rJ9LF.js";import"./index-ugi_ZH6T.js";import"./popover-Y3FpGdUS.js";import"./label-0_Qf6I8t.js";import"./spinner-R8Il4aRe.js";const ra={title:"Basic/Table/Cell",component:W,args:{table:{...Ke}}},r=t=>e.jsx(W,{...t}),d=r.bind({});d.args={table:Ne};const m=r.bind({});m.args={table:Qe};const u=r.bind({});u.args={table:Ve};const b=r.bind({});b.args={table:Ye};const g=r.bind({});g.args={table:Ze};const v=r.bind({});v.args={table:$e};const x=r.bind({});x.args={table:er};const C=r.bind({});C.args={table:rr};const h=r.bind({});h.args={table:ar};const S=r.bind({});S.args={table:sr};const f=r.bind({});f.args={table:tr};const j=r.bind({});j.args={table:qe};const y=r.bind({});y.args={table:or};const T=r.bind({});T.args={table:nr};const k=r.bind({});k.args={table:lr};const l=r.bind({});l.args={table:ir};l.parameters={docs:{description:{story:"Setting `breakWord: true` on a cell will allow very long text strings to break"}}};const w=()=>{const t=["Section","Width","Height"];let p=["","m","m"],A=[...Array(10).keys()].map((n,a)=>[a,a*2,a*2]);const B=()=>{const n=({close:s,value:P})=>e.jsxs(e.Fragment,{children:[e.jsx(ze,{label:"Input",children:e.jsx(Xe,{value:P,width:"100%"})}),e.jsxs(Ge,{gap:!0,children:[e.jsx(F,{colored:!0,label:"Save",onClick:()=>{}}),e.jsx(F,{label:"Cancel",onClick:s})]})]}),a={fixedWidth:"100%",headers:[{cells:t.map(s=>({value:s}))},{cells:[{},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:p[1],type:"Unit"},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:p[2],type:"Unit"}]}],rows:A.map((s,P)=>({cells:[...Array(3).keys()].map((o,c)=>({value:s[c],type:"Popover",content:e.jsx(n,{value:s[c]})}))}))};return e.jsx(W,{table:a})};return e.jsx(B,{})},I=()=>{const t=["Section","Width","Height"];let p=["","m","m"],A=[...Array(10).keys()].map((n,a)=>[a,a*2,a*2]);const B=()=>{const[n,a]=D.useState(!1),s=({close:o,value:c})=>{D.useEffect(()=>{n||a(!0)},[]);const E=()=>{a(!1),o()};return e.jsxs(e.Fragment,{children:[e.jsx(ze,{label:"Input",children:e.jsx(Xe,{value:c,width:"100%"})}),e.jsxs(Ge,{gap:!0,children:[e.jsx(F,{colored:!0,label:"Save",onClick:E}),e.jsx(F,{label:"Cancel",onClick:E})]})]})},P={headers:[{cells:t.map(o=>({value:o}))},{cells:[{},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:p[1],type:"Unit"},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:p[2],type:"Unit"}]}],rows:A.map((o,c)=>({cells:[...Array(3).keys()].map((E,U)=>({value:o[U],type:"Popover",disabled:n,closeOnOutsideClick:!1,content:e.jsx(s,{value:o[U]})}))}))};return e.jsx(W,{table:P})};return e.jsx(B,{})},O=r.bind({});O.args={table:pr};const i=r.bind({});i.args={table:{...qe,name:"Food"}};i.decorators=[t=>e.jsx("div",{style:{width:180,height:180,overflow:"hidden",resize:"both"},children:e.jsx(t,{})})];var L,R,H;d.parameters={...d.parameters,docs:{...(L=d.parameters)==null?void 0:L.docs,source:{originalSource:`args => {
2
- return <Table
3
- // eslint-disable-next-line react/jsx-props-no-spreading
4
- {...args} />;
5
- }`,...(H=(R=d.parameters)==null?void 0:R.docs)==null?void 0:H.source}}};var J,M,_;m.parameters={...m.parameters,docs:{...(J=m.parameters)==null?void 0:J.docs,source:{originalSource:`args => {
6
- return <Table
7
- // eslint-disable-next-line react/jsx-props-no-spreading
8
- {...args} />;
9
- }`,...(_=(M=m.parameters)==null?void 0:M.docs)==null?void 0:_.source}}};var z,X,G;u.parameters={...u.parameters,docs:{...(z=u.parameters)==null?void 0:z.docs,source:{originalSource:`args => {
10
- return <Table
11
- // eslint-disable-next-line react/jsx-props-no-spreading
12
- {...args} />;
13
- }`,...(G=(X=u.parameters)==null?void 0:X.docs)==null?void 0:G.source}}};var q,K,N;b.parameters={...b.parameters,docs:{...(q=b.parameters)==null?void 0:q.docs,source:{originalSource:`args => {
14
- return <Table
15
- // eslint-disable-next-line react/jsx-props-no-spreading
16
- {...args} />;
17
- }`,...(N=(K=b.parameters)==null?void 0:K.docs)==null?void 0:N.source}}};var Q,V,Y;g.parameters={...g.parameters,docs:{...(Q=g.parameters)==null?void 0:Q.docs,source:{originalSource:`args => {
18
- return <Table
19
- // eslint-disable-next-line react/jsx-props-no-spreading
20
- {...args} />;
21
- }`,...(Y=(V=g.parameters)==null?void 0:V.docs)==null?void 0:Y.source}}};var Z,$,ee;v.parameters={...v.parameters,docs:{...(Z=v.parameters)==null?void 0:Z.docs,source:{originalSource:`args => {
22
- return <Table
23
- // eslint-disable-next-line react/jsx-props-no-spreading
24
- {...args} />;
25
- }`,...(ee=($=v.parameters)==null?void 0:$.docs)==null?void 0:ee.source}}};var re,ae,se;x.parameters={...x.parameters,docs:{...(re=x.parameters)==null?void 0:re.docs,source:{originalSource:`args => {
26
- return <Table
27
- // eslint-disable-next-line react/jsx-props-no-spreading
28
- {...args} />;
29
- }`,...(se=(ae=x.parameters)==null?void 0:ae.docs)==null?void 0:se.source}}};var te,oe,ne;C.parameters={...C.parameters,docs:{...(te=C.parameters)==null?void 0:te.docs,source:{originalSource:`args => {
30
- return <Table
31
- // eslint-disable-next-line react/jsx-props-no-spreading
32
- {...args} />;
33
- }`,...(ne=(oe=C.parameters)==null?void 0:oe.docs)==null?void 0:ne.source}}};var le,ie,pe;h.parameters={...h.parameters,docs:{...(le=h.parameters)==null?void 0:le.docs,source:{originalSource:`args => {
34
- return <Table
35
- // eslint-disable-next-line react/jsx-props-no-spreading
36
- {...args} />;
37
- }`,...(pe=(ie=h.parameters)==null?void 0:ie.docs)==null?void 0:pe.source}}};var ce,de,me;S.parameters={...S.parameters,docs:{...(ce=S.parameters)==null?void 0:ce.docs,source:{originalSource:`args => {
38
- return <Table
39
- // eslint-disable-next-line react/jsx-props-no-spreading
40
- {...args} />;
41
- }`,...(me=(de=S.parameters)==null?void 0:de.docs)==null?void 0:me.source}}};var ue,be,ge;f.parameters={...f.parameters,docs:{...(ue=f.parameters)==null?void 0:ue.docs,source:{originalSource:`args => {
42
- return <Table
43
- // eslint-disable-next-line react/jsx-props-no-spreading
44
- {...args} />;
45
- }`,...(ge=(be=f.parameters)==null?void 0:be.docs)==null?void 0:ge.source}}};var ve,xe,Ce;j.parameters={...j.parameters,docs:{...(ve=j.parameters)==null?void 0:ve.docs,source:{originalSource:`args => {
46
- return <Table
47
- // eslint-disable-next-line react/jsx-props-no-spreading
48
- {...args} />;
49
- }`,...(Ce=(xe=j.parameters)==null?void 0:xe.docs)==null?void 0:Ce.source}}};var he,Se,fe;y.parameters={...y.parameters,docs:{...(he=y.parameters)==null?void 0:he.docs,source:{originalSource:`args => {
50
- return <Table
51
- // eslint-disable-next-line react/jsx-props-no-spreading
52
- {...args} />;
53
- }`,...(fe=(Se=y.parameters)==null?void 0:Se.docs)==null?void 0:fe.source}}};var je,ye,Te;T.parameters={...T.parameters,docs:{...(je=T.parameters)==null?void 0:je.docs,source:{originalSource:`args => {
54
- return <Table
55
- // eslint-disable-next-line react/jsx-props-no-spreading
56
- {...args} />;
57
- }`,...(Te=(ye=T.parameters)==null?void 0:ye.docs)==null?void 0:Te.source}}};var ke,Oe,Pe;k.parameters={...k.parameters,docs:{...(ke=k.parameters)==null?void 0:ke.docs,source:{originalSource:`args => {
58
- return <Table
59
- // eslint-disable-next-line react/jsx-props-no-spreading
60
- {...args} />;
61
- }`,...(Pe=(Oe=k.parameters)==null?void 0:Oe.docs)==null?void 0:Pe.source}}};var we,Ie,Fe;l.parameters={...l.parameters,docs:{...(we=l.parameters)==null?void 0:we.docs,source:{originalSource:`args => {
62
- return <Table
63
- // eslint-disable-next-line react/jsx-props-no-spreading
64
- {...args} />;
65
- }`,...(Fe=(Ie=l.parameters)==null?void 0:Ie.docs)==null?void 0:Fe.source}}};var We,Ae,Be;w.parameters={...w.parameters,docs:{...(We=w.parameters)==null?void 0:We.docs,source:{originalSource:`() => {
66
- const headings = ['Section', 'Width', 'Height'];
67
- let units = ['', 'm', 'm'];
68
- let data = [...Array(10).keys()].map((c, i) => [i, i * 2, i * 2]);
69
- /*
70
- Mock table data store (real apps should use Redux or similar)
71
- */
72
- const PopoverTable = () => {
73
- const CellInputForm = ({
74
- close,
75
- value
76
- }: any) => <>
77
- <Field label="Input">
78
- <Input value={value} width="100%" />
79
- </Field>
80
- <Flex gap>
81
- <Button colored label="Save" onClick={() => {}} />
82
- <Button label="Cancel" onClick={close} />
83
- </Flex>
84
- </>;
85
- const table = {
86
- fixedWidth: '100%',
87
- headers: [{
88
- cells: headings.map(h => ({
89
- value: h
90
- }))
91
- }, {
92
- cells: [{}, {
93
- menu: [{
94
- label: 'm',
95
- value: 'm'
96
- }, {
97
- label: 'ft',
98
- value: 'ft'
99
- }],
100
- value: units[1],
101
- type: 'Unit'
102
- }, {
103
- menu: [{
104
- label: 'm',
105
- value: 'm'
106
- }, {
107
- label: 'ft',
108
- value: 'ft'
109
- }],
110
- value: units[2],
111
- type: 'Unit'
112
- }]
113
- }],
114
- rows: data.map((row, i) => {
115
- return {
116
- cells: [...Array(3).keys()].map((c, i) => ({
117
- //https://stackoverflow.com/a/33352604
118
- value: row[i],
119
- type: 'Popover',
120
- content: <CellInputForm value={row[i]} />
121
- }))
122
- };
123
- })
124
- };
125
- return <Table table={(table as any)} />;
126
- };
127
- return <PopoverTable />;
128
- }`,...(Be=(Ae=w.parameters)==null?void 0:Ae.docs)==null?void 0:Be.source}}};var Ee,Ue,De;I.parameters={...I.parameters,docs:{...(Ee=I.parameters)==null?void 0:Ee.docs,source:{originalSource:`() => {
129
- const headings = ['Section', 'Width', 'Height'];
130
- let units = ['', 'm', 'm'];
131
- let data = [...Array(10).keys()].map((c, i) => [i, i * 2, i * 2]);
132
- /*
133
- Mock table data store (real apps should use Redux or similar)
134
- */
135
- const SinglePopoverOpenedTable = () => {
136
- const [isPopOverCellOpened, setIsPopOverCellOpened] = useState(false);
137
- const CellInputForm = ({
138
- close,
139
- value
140
- }: any) => {
141
- useEffect(() => {
142
- if (!isPopOverCellOpened) {
143
- setIsPopOverCellOpened(true);
144
- }
145
- }, []);
146
- const onClosePopOver = () => {
147
- setIsPopOverCellOpened(false);
148
- close();
149
- };
150
- return <>
151
- <Field label="Input">
152
- <Input value={value} width="100%" />
153
- </Field>
154
- <Flex gap>
155
- <Button colored label="Save" onClick={onClosePopOver} />
156
- <Button label="Cancel" onClick={onClosePopOver} />
157
- </Flex>
158
- </>;
159
- };
160
- const table = {
161
- headers: [{
162
- cells: headings.map(h => ({
163
- value: h
164
- }))
165
- }, {
166
- cells: [{}, {
167
- menu: [{
168
- label: 'm',
169
- value: 'm'
170
- }, {
171
- label: 'ft',
172
- value: 'ft'
173
- }],
174
- value: units[1],
175
- type: 'Unit'
176
- }, {
177
- menu: [{
178
- label: 'm',
179
- value: 'm'
180
- }, {
181
- label: 'ft',
182
- value: 'ft'
183
- }],
184
- value: units[2],
185
- type: 'Unit'
186
- }]
187
- }],
188
- rows: data.map((row, i) => {
189
- return {
190
- cells: [...Array(3).keys()].map((c, i) => ({
191
- //https://stackoverflow.com/a/33352604
192
- value: row[i],
193
- type: 'Popover',
194
- disabled: isPopOverCellOpened,
195
- closeOnOutsideClick: false,
196
- content: <CellInputForm value={row[i]} />
197
- }))
198
- };
199
- })
200
- };
201
- return <Table table={(table as any)} />;
202
- };
203
- return <SinglePopoverOpenedTable />;
204
- }`,...(De=(Ue=I.parameters)==null?void 0:Ue.docs)==null?void 0:De.source}}};var Le,Re,He;O.parameters={...O.parameters,docs:{...(Le=O.parameters)==null?void 0:Le.docs,source:{originalSource:`args => {
205
- return <Table
206
- // eslint-disable-next-line react/jsx-props-no-spreading
207
- {...args} />;
208
- }`,...(He=(Re=O.parameters)==null?void 0:Re.docs)==null?void 0:He.source}}};var Je,Me,_e;i.parameters={...i.parameters,docs:{...(Je=i.parameters)==null?void 0:Je.docs,source:{originalSource:`args => {
209
- return <Table
210
- // eslint-disable-next-line react/jsx-props-no-spreading
211
- {...args} />;
212
- }`,...(_e=(Me=i.parameters)==null?void 0:Me.docs)==null?void 0:_e.source}}};const aa=["Editable","Disabled","DateInput","Colspan","ColspanWithWidths","CellWidths","CellStyleProp","Rowspan","Checkboxes","Icons","Links","Actions","Menus","JSXContent","StaticCellTooltips","WordbreakLongContent","Popover","SinglePopoverAtOnce","OverflowingCells","TestScrolling"];export{j as Actions,x as CellStyleProp,v as CellWidths,h as Checkboxes,b as Colspan,g as ColspanWithWidths,u as DateInput,m as Disabled,d as Editable,S as Icons,T as JSXContent,f as Links,y as Menus,O as OverflowingCells,w as Popover,C as Rowspan,I as SinglePopoverAtOnce,k as StaticCellTooltips,i as TestScrolling,l as WordbreakLongContent,aa as __namedExportsOrder,ra as default};
@@ -1,25 +0,0 @@
1
- import{j as o}from"./jsx-runtime-FsUICBgo.js";import"./chunk-HLWAVYOI-YF156CNQ.js";import{M as d}from"./index-_waogfzH.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-NU_z28D3.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{r as l}from"./index-RfLt4OUa.js";import{c as m}from"./index-VW3EWkuE.js";import{P as x}from"./portal-zPiHHKoC.js";import{l as y}from"./lodash-Bmg8FrMx.js";import{I as j}from"./common-types-U65vzrrz.js";import{H as v}from"./heading-Bk0bpNfe.js";import{B as w}from"./button-7V8oA22w.js";const _=(n,e,r=[])=>{l.useEffect(()=>{const i=o=>{o.key===n&&e()};return window.addEventListener("keydown",i),()=>{window.removeEventListener("keydown",i)}},r)},E="_wrapper_sb0hc_1",N="_contentContainer_sb0hc_15",b="_centered_sb0hc_24",k="_newLine_sb0hc_28",c={wrapper:E,contentContainer:N,centered:b,newLine:k},C=({children:n})=>{const e=l.useRef(null);return l.useEffect(()=>{if(e.current){const r=e.current.querySelector('[tabindex="0"]');r?r.focus():e.current.focus()}},[]),t.jsx("div",{ref:e,tabIndex:-1,className:m(c.wrapper),children:n})},I=({children:n,width:e,centered:r})=>t.jsx("div",{className:m(c.contentContainer,r?c.centered:""),style:{maxWidth:e},children:n}),f=({children:n,visible:e=!1,centered:r=!1,width:i="100%",onEnter:o,onEscape:d})=>(_("Enter",()=>{e&&o&&o()},[e,o]),_("Escape",()=>{e&&d&&d()},[e,d]),t.jsxs(t.Fragment,{children:[t.jsx(x,{id:"modalContainer",children:e?t.jsx(C,{children:t.jsx(I,{width:i,centered:r,children:n})}):null}),t.jsx("div",{id:"modalContainer"})]}));try{f.displayName="Modal",f.__docgenInfo={description:"",displayName:"Modal",props:{visible:{defaultValue:{value:"false"},description:"",name:"visible",required:!1,type:{name:"boolean"}},centered:{defaultValue:{value:"false"},description:"",name:"centered",required:!1,type:{name:"boolean"}},width:{defaultValue:{value:"100%"},description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},onEnter:{defaultValue:null,description:"",name:"onEnter",required:!1,type:{name:"(() => void)"}},onEscape:{defaultValue:null,description:"",name:"onEscape",required:!1,type:{name:"(() => void)"}}}}}catch{}const q="_dialog_18g0k_1",L="_inline_18g0k_18",V="_scroll_18g0k_21",D="_header_18g0k_24",M="_dismiss_18g0k_33",S="_content_18g0k_38",$="_footer_18g0k_47",a={dialog:q,inline:L,scroll:V,header:D,dismiss:M,content:S,footer:$},B=n=>y.isArray(n)?n.map((e,r)=>t.jsxs(l.Fragment,{children:[e," ",t.jsx("br",{})]},r)):n,g=({dialog:n})=>{const{heading:e,content:r,contentPadding:i="var(--padding)",footer:o,scroll:d,width:u,height:h,onClose:p,testId:s}=n;return t.jsxs("div",{className:m(a.dialog,u?a.inline:null,d?a.scroll:null),style:{width:u,height:h},"data-testid":s??null,children:[t.jsxs("div",{className:a.header,children:[t.jsx(v,{testId:s&&`${s}-heading`,top:!0,marginBottom:0,children:e}),p?t.jsx("div",{className:a.dismiss,children:t.jsx(w,{icon:j.CLOSE,round:!0,basic:!0,small:!0,colored:"muted",onClick:p})}):null]}),t.jsx("div",{"data-testid":s&&`${s}-content`,className:a.content,style:{padding:i},children:B(r)}),o&&t.jsx("div",{"data-testid":s&&`${s}-footer`,className:a.footer,children:o})]})};try{g.displayName="Dialog",g.__docgenInfo={description:"",displayName:"Dialog",props:{dialog:{defaultValue:null,description:"",name:"dialog",required:!0,type:{name:"IDialog"}}}}}catch{}export{g as D,f as M};
@@ -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-gxvxVBdC.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-i8WT9qpj.js";import{t as a,r as s}from"./table.stories-data-4h6h0P0V.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-SvjJIGsW.js";import"./index-IQMsp8Ab.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-RYZsoWEN.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-gxvxVBdC.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};