@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,173 +0,0 @@
1
- import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as G}from"./index-RfLt4OUa.js";import{T as Y}from"./common-types-U65vzrrz.js";import{M,D as R}from"./dialog-WKHRZcjc.js";import{B as o}from"./button-7V8oA22w.js";import{P as q}from"./popover-Y3FpGdUS.js";import{I as U}from"./input-u1He-wWs.js";import{I as z}from"./input-group-R8LoqKRn.js";import{F as v}from"./field-eknsj_Ll.js";import{M as J}from"./actions-Z9jDWreP.js";import{S as Q}from"./select-JjEPivho.js";import{S as X}from"./spacer-Yji9g2AW.js";import{T as Z}from"./tooltip-HEHiU__l.js";import{M as x}from"./types-VB5zD18b.js";import"./index-VW3EWkuE.js";import"./portal-zPiHHKoC.js";import"./index-miLrID2P.js";import"./lodash-Bmg8FrMx.js";import"./heading-Bk0bpNfe.js";import"./help-icon--rUDxLUD.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"./spinner-R8Il4aRe.js";import"./types-5uVBABF4.js";import"./label-0_Qf6I8t.js";import"./badge-23Ty_zBt.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./memoize-one.esm-hqe5SRxC.js";import"./text-6KQ6ntOV.js";import"./select.input-zP5tW20f.js";const{useArgs:$}=__STORYBOOK_MODULE_ADDONS__,Fe={title:"Modals/Modal",component:M,args:{visible:!0,centered:!0,width:"300px",heading:"Are you sure?",content:e.jsx(e.Fragment,{children:"This will complete the transaction"}),footer:e.jsxs(e.Fragment,{children:[e.jsx(o,{label:"Okay",colored:!0,onClick:()=>{}}),e.jsx(o,{label:"Cancel",onClick:()=>{}})]}),onClose:()=>{}},parameters:{docs:{story:{inline:!1,iframeHeight:400}}}},n=()=>{const[{visible:g,centered:p,...b},l]=$(),r=()=>{l({visible:!g})};return e.jsxs(e.Fragment,{children:[e.jsx(M,{visible:g,centered:p,children:e.jsx(R,{dialog:{...b,onClose:r}})}),e.jsx(o,{label:"Open Modal",onClick:r})]})},m=n.bind({}),s=n.bind({});s.args={centered:!0};const a=n.bind({});a.args={content:["This is a","new line!"]};const t=n.bind({});t.args={scroll:!0,content:e.jsx("div",{children:"Example modal content goes here lorem ipsum. ".repeat(100)})};const i=n.bind({});i.args={width:"100%",content:e.jsx("div",{children:"Example modal content goes here lorem ipsum. ".repeat(100)})};const d=n.bind({});d.args={contentPadding:0};const c=n.bind({});c.args={content:e.jsxs(e.Fragment,{children:[e.jsx(Z,{text:"Tooltip text",children:"Hover for tooltip"}),e.jsx(X,{}),e.jsx(v,{label:"Custom Select",helpText:"Select an animal",children:e.jsx(Q,{name:"example",options:["Aardvarks","Kangaroos","Monkeys","Possums","Gorilla","Puma","Patagonian Mara","Tarsier","Koala","Panda","Red Panda","Impala","Tiger","Crocodile","Bat"],onChange:()=>{},value:"Monkeys",error:"Bad value"})}),e.jsx(v,{label:"Nested Menu",children:e.jsx(J,{maxHeight:"240px",menu:{label:"Menu",trigger:Y.DROP_DOWN_BUTTON,sections:[{type:x.MENU,menu:{trigger:"Text",label:"Children",sections:[...Array(100).keys()].map(()=>({type:"Option",label:Math.random().toString(36).substring(7),onClick:()=>{}}))}},...[...Array(100).keys()].map(()=>({type:x.OPTION,label:Math.random().toString(36).substring(7),onClick:()=>{}}))]}})}),e.jsx(q,{content:e.jsxs(z,{small:!0,children:[e.jsx(U,{value:"Value",width:"150px",error:"Bad value"}),e.jsx(o,{colored:!0,label:"Save",onClick:()=>{}}),e.jsx(o,{label:"Cancel",onClick:()=>{}})]}),children:e.jsx(o,{colored:!0,label:"Toggle me",onClick:()=>{}})})]})};const u=()=>{const[g,p]=G.useState(!1),b=()=>{p(!0)},l=()=>{p(!1)},r=()=>{console.log("Submit action"),l()};return e.jsxs(e.Fragment,{children:[e.jsx(M,{visible:g,onEnter:()=>{console.log("Enter"),r()},onEscape:()=>{console.log("Escape"),l()},children:e.jsx(R,{dialog:{heading:"Test key handling",content:e.jsx(U,{}),footer:e.jsxs(e.Fragment,{children:[e.jsx(o,{label:"Done",colored:"red",onClick:r}),e.jsx(o,{label:"Cancel",onClick:l})]}),onClose:l}})}),e.jsx(o,{label:"Open Modal",onClick:b})]})};var C,h,j;m.parameters={...m.parameters,docs:{...(C=m.parameters)==null?void 0:C.docs,source:{originalSource:`() => {
2
- const [{
3
- visible,
4
- centered,
5
- ...dialogProps
6
- }, updateArgs] = useArgs();
7
- const toggleModal = () => {
8
- updateArgs({
9
- visible: !visible
10
- });
11
- };
12
- return <>
13
- <Modal visible={visible} centered={centered}>
14
- <Dialog dialog={{
15
- ...dialogProps,
16
- onClose: toggleModal
17
- }} />
18
- </Modal>
19
- <Button label="Open Modal" onClick={toggleModal} />
20
- </>;
21
- }`,...(j=(h=m.parameters)==null?void 0:h.docs)==null?void 0:j.source}}};var k,P,S;s.parameters={...s.parameters,docs:{...(k=s.parameters)==null?void 0:k.docs,source:{originalSource:`() => {
22
- const [{
23
- visible,
24
- centered,
25
- ...dialogProps
26
- }, updateArgs] = useArgs();
27
- const toggleModal = () => {
28
- updateArgs({
29
- visible: !visible
30
- });
31
- };
32
- return <>
33
- <Modal visible={visible} centered={centered}>
34
- <Dialog dialog={{
35
- ...dialogProps,
36
- onClose: toggleModal
37
- }} />
38
- </Modal>
39
- <Button label="Open Modal" onClick={toggleModal} />
40
- </>;
41
- }`,...(S=(P=s.parameters)==null?void 0:P.docs)==null?void 0:S.source}}};var A,f,O;a.parameters={...a.parameters,docs:{...(A=a.parameters)==null?void 0:A.docs,source:{originalSource:`() => {
42
- const [{
43
- visible,
44
- centered,
45
- ...dialogProps
46
- }, updateArgs] = useArgs();
47
- const toggleModal = () => {
48
- updateArgs({
49
- visible: !visible
50
- });
51
- };
52
- return <>
53
- <Modal visible={visible} centered={centered}>
54
- <Dialog dialog={{
55
- ...dialogProps,
56
- onClose: toggleModal
57
- }} />
58
- </Modal>
59
- <Button label="Open Modal" onClick={toggleModal} />
60
- </>;
61
- }`,...(O=(f=a.parameters)==null?void 0:f.docs)==null?void 0:O.source}}};var T,y,B;t.parameters={...t.parameters,docs:{...(T=t.parameters)==null?void 0:T.docs,source:{originalSource:`() => {
62
- const [{
63
- visible,
64
- centered,
65
- ...dialogProps
66
- }, updateArgs] = useArgs();
67
- const toggleModal = () => {
68
- updateArgs({
69
- visible: !visible
70
- });
71
- };
72
- return <>
73
- <Modal visible={visible} centered={centered}>
74
- <Dialog dialog={{
75
- ...dialogProps,
76
- onClose: toggleModal
77
- }} />
78
- </Modal>
79
- <Button label="Open Modal" onClick={toggleModal} />
80
- </>;
81
- }`,...(B=(y=t.parameters)==null?void 0:y.docs)==null?void 0:B.source}}};var D,E,_;i.parameters={...i.parameters,docs:{...(D=i.parameters)==null?void 0:D.docs,source:{originalSource:`() => {
82
- const [{
83
- visible,
84
- centered,
85
- ...dialogProps
86
- }, updateArgs] = useArgs();
87
- const toggleModal = () => {
88
- updateArgs({
89
- visible: !visible
90
- });
91
- };
92
- return <>
93
- <Modal visible={visible} centered={centered}>
94
- <Dialog dialog={{
95
- ...dialogProps,
96
- onClose: toggleModal
97
- }} />
98
- </Modal>
99
- <Button label="Open Modal" onClick={toggleModal} />
100
- </>;
101
- }`,...(_=(E=i.parameters)==null?void 0:E.docs)==null?void 0:_.source}}};var F,N,I;d.parameters={...d.parameters,docs:{...(F=d.parameters)==null?void 0:F.docs,source:{originalSource:`() => {
102
- const [{
103
- visible,
104
- centered,
105
- ...dialogProps
106
- }, updateArgs] = useArgs();
107
- const toggleModal = () => {
108
- updateArgs({
109
- visible: !visible
110
- });
111
- };
112
- return <>
113
- <Modal visible={visible} centered={centered}>
114
- <Dialog dialog={{
115
- ...dialogProps,
116
- onClose: toggleModal
117
- }} />
118
- </Modal>
119
- <Button label="Open Modal" onClick={toggleModal} />
120
- </>;
121
- }`,...(I=(N=d.parameters)==null?void 0:N.docs)==null?void 0:I.source}}};var w,H,K;c.parameters={...c.parameters,docs:{...(w=c.parameters)==null?void 0:w.docs,source:{originalSource:`() => {
122
- const [{
123
- visible,
124
- centered,
125
- ...dialogProps
126
- }, updateArgs] = useArgs();
127
- const toggleModal = () => {
128
- updateArgs({
129
- visible: !visible
130
- });
131
- };
132
- return <>
133
- <Modal visible={visible} centered={centered}>
134
- <Dialog dialog={{
135
- ...dialogProps,
136
- onClose: toggleModal
137
- }} />
138
- </Modal>
139
- <Button label="Open Modal" onClick={toggleModal} />
140
- </>;
141
- }`,...(K=(H=c.parameters)==null?void 0:H.docs)==null?void 0:K.source}}};var L,V,W;u.parameters={...u.parameters,docs:{...(L=u.parameters)==null?void 0:L.docs,source:{originalSource:`() => {
142
- const [visible, setVisible] = useState(false);
143
- const openModal = () => {
144
- setVisible(true);
145
- };
146
- const closeModal = () => {
147
- setVisible(false);
148
- };
149
- const handleSubmit = () => {
150
- console.log('Submit action');
151
- closeModal();
152
- };
153
- return <>
154
- <Modal visible={visible} onEnter={() => {
155
- console.log('Enter');
156
- handleSubmit();
157
- }} onEscape={() => {
158
- console.log('Escape');
159
- closeModal();
160
- }}>
161
- <Dialog dialog={{
162
- heading: 'Test key handling',
163
- content: <Input />,
164
- footer: <>
165
- <Button label="Done" colored="red" onClick={handleSubmit} />
166
- <Button label="Cancel" onClick={closeModal} />
167
- </>,
168
- onClose: closeModal
169
- }} />
170
- </Modal>
171
- <Button label="Open Modal" onClick={openModal} />
172
- </>;
173
- }`,...(W=(V=u.parameters)==null?void 0:V.docs)==null?void 0:W.source}}};const Ne=["Default","Centered","LineBreak","Scroll","FullWidth","NoContentPadding","WithPopoverLayers","KeyHandle"];export{s as Centered,m as Default,i as FullWidth,u as KeyHandle,a as LineBreak,d as NoContentPadding,t as Scroll,c as WithPopoverLayers,Ne as __namedExportsOrder,Fe as default};
@@ -1 +0,0 @@
1
- import{j as F}from"./jsx-runtime-FsUICBgo.js";import{r as m}from"./index-RfLt4OUa.js";import{d as g}from"./index-IQMsp8Ab.js";import{l as H}from"./lodash-Bmg8FrMx.js";import{I as L}from"./input-u1He-wWs.js";const M=e=>e?typeof e=="string"?e:H.isArray(e)?e[0]:e.fieldName:"",y=({name:e,placeholder:v="",disabled:V=!1,error:f=!1,left:b=!1,small:q=!1,width:E="100%",value:r="",onChange:I=()=>{},onFocus:N=()=>{},tabIndex:h=0,testId:x,tooltip:S=null,warning:_=!1,validationCallback:n=()=>{},allowEmpty:w=!1,isInTable:T,groupOrder:C})=>{const[O,d]=m.useState(r),[R,u]=m.useState(null),t=M(e),c=l=>{let a=g.validateNumber(l);return w&&l===""||a.valid?{...a,valid:!0,errors:void 0}:a};m.useEffect(()=>{const{valid:l,errors:a}=c(r);if(d(r),l)u(null),n(t,null);else{const i=a&&a.length?a[0]:null;u(i),n(t,i)}},[r,f]);const j=l=>{const a=l.target,{value:i}=a,s=g.cleanNumStr(i.replaceAll(" ","").replaceAll("|","")),{valid:A,errors:p}=c(s);if(A){const o={...l,target:{...l.target,value:s,name:t}};I(o),d(s),u(null),n(t,null)}else{d(s);const o=p&&p.length?p[0]:null;u(o),n(t,o)}};return F.jsx(L,{type:"text",name:t,testId:x,disabled:V,placeholder:v,value:O,onChange:j,onFocus:N,error:f||R,warning:_,right:!b,small:q,width:E,isInTable:T,groupOrder:C,tabIndex:h,tooltip:S},t)};try{y.displayName="NumberInput",y.__docgenInfo={description:"",displayName:"NumberInput",props:{name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string | { fieldName: string; }"}},placeholder:{defaultValue:{value:""},description:"",name:"placeholder",required:!1,type:{name:"string"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},error:{defaultValue:{value:"false"},description:"",name:"error",required:!1,type:{name:"string | boolean"}},left:{defaultValue:{value:"false"},description:"",name:"left",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},width:{defaultValue:{value:"100%"},description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},value:{defaultValue:{value:""},description:"",name:"value",required:!1,type:{name:"TStringOrNumber"}},onChange:{defaultValue:{value:"() => {}"},description:"",name:"onChange",required:!1,type:{name:"((evt: ChangeEvent<HTMLInputElement>) => void)"}},onFocus:{defaultValue:{value:"() => {}"},description:"",name:"onFocus",required:!1,type:{name:"((evt: FocusEvent<HTMLInputElement, Element>) => void)"}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},tooltip:{defaultValue:{value:"null"},description:"",name:"tooltip",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},warning:{defaultValue:{value:"false"},description:"",name:"warning",required:!1,type:{name:"string | boolean"}},validationCallback:{defaultValue:{value:"() => {}"},description:"",name:"validationCallback",required:!1,type:{name:"((name: string | { fieldName: string; }, error: string | null) => void)"}},allowEmpty:{defaultValue:{value:"false"},description:"",name:"allowEmpty",required:!1,type:{name:"boolean"}},isInTable:{defaultValue:null,description:"",name:"isInTable",required:!1,type:{name:"boolean"}},groupOrder:{defaultValue:null,description:"",name:"groupOrder",required:!1,type:{name:"any"}}}}}catch{}export{y as N};
@@ -1,81 +0,0 @@
1
- import{j as r}from"./jsx-runtime-FsUICBgo.js";import{N as c}from"./number-input-SvjJIGsW.js";import{I as J}from"./input-group-R8LoqKRn.js";import{I as P}from"./input-group-addon-BHVsW9mL.js";import{S as Q}from"./select-JjEPivho.js";import"./index-RfLt4OUa.js";import"./index-IQMsp8Ab.js";import"./index-cCpkwrS5.js";import"./lodash-Bmg8FrMx.js";import"./input-u1He-wWs.js";import"./index-VW3EWkuE.js";import"./disabled-context-urNQThQz.js";import"./types-5uVBABF4.js";import"./tooltip-HEHiU__l.js";import"./index-miLrID2P.js";import"./common-types-U65vzrrz.js";import"./index-4QtD-hFu.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./inheritsLoose-Y9jOMJLd.js";import"./memoize-one.esm-hqe5SRxC.js";import"./types-VB5zD18b.js";import"./text-6KQ6ntOV.js";import"./actions-Z9jDWreP.js";import"./button-7V8oA22w.js";import"./spinner-R8Il4aRe.js";import"./icon-y1a2N5SZ.js";import"./tslib.es6-OIsz3r9a.js";import"./badge-23Ty_zBt.js";import"./select.input-zP5tW20f.js";const{useArgs:V}=__STORYBOOK_MODULE_ADDONS__,xe={title:"Forms/NumberInput",component:c,parameters:{canvas:{page:null}},args:{label:"Label"}},e=Y=>{const[X,k]=V(),q=z=>{k({value:z.target.value})};return r.jsx(c,{onChange:q,value:123,...Y})},l=e.bind({}),a=e.bind({});a.args={small:!0};const n=e.bind({});n.args={width:"150px"};const t=e.bind({});t.args={left:!0};const s=e.bind({});s.args={disabled:!0};const u=e.bind({});u.args={allowEmpty:!0,value:""};const o=e.bind({});o.args={warning:"This input number is almost 100!",value:"99"};const p=e.bind({});p.args={error:"This is a error message"};const g=e.bind({});g.args={value:"123test"};const m=()=>r.jsxs(J,{small:!0,children:[r.jsx(c,{value:123}),r.jsx(P,{children:"to"}),r.jsx(c,{value:123}),r.jsx(Q,{options:[{value:"units",label:"units"}],width:"auto",value:"units"})]});var d,i,v;l.parameters={...l.parameters,docs:{...(d=l.parameters)==null?void 0:d.docs,source:{originalSource:`args => {
2
- const [_, updateArgs] = useArgs();
3
- const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
4
- updateArgs({
5
- value: evt.target.value
6
- });
7
- };
8
- return <NumberInput onChange={handleChange} value={123} {...args} />;
9
- }`,...(v=(i=l.parameters)==null?void 0:i.docs)==null?void 0:v.source}}};var h,C,A;a.parameters={...a.parameters,docs:{...(h=a.parameters)==null?void 0:h.docs,source:{originalSource:`args => {
10
- const [_, updateArgs] = useArgs();
11
- const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
12
- updateArgs({
13
- value: evt.target.value
14
- });
15
- };
16
- return <NumberInput onChange={handleChange} value={123} {...args} />;
17
- }`,...(A=(C=a.parameters)==null?void 0:C.docs)==null?void 0:A.source}}};var I,b,E;n.parameters={...n.parameters,docs:{...(I=n.parameters)==null?void 0:I.docs,source:{originalSource:`args => {
18
- const [_, updateArgs] = useArgs();
19
- const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
20
- updateArgs({
21
- value: evt.target.value
22
- });
23
- };
24
- return <NumberInput onChange={handleChange} value={123} {...args} />;
25
- }`,...(E=(b=n.parameters)==null?void 0:b.docs)==null?void 0:E.source}}};var _,S,N;t.parameters={...t.parameters,docs:{...(_=t.parameters)==null?void 0:_.docs,source:{originalSource:`args => {
26
- const [_, updateArgs] = useArgs();
27
- const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
28
- updateArgs({
29
- value: evt.target.value
30
- });
31
- };
32
- return <NumberInput onChange={handleChange} value={123} {...args} />;
33
- }`,...(N=(S=t.parameters)==null?void 0:S.docs)==null?void 0:N.source}}};var T,L,f;s.parameters={...s.parameters,docs:{...(T=s.parameters)==null?void 0:T.docs,source:{originalSource:`args => {
34
- const [_, updateArgs] = useArgs();
35
- const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
36
- updateArgs({
37
- value: evt.target.value
38
- });
39
- };
40
- return <NumberInput onChange={handleChange} value={123} {...args} />;
41
- }`,...(f=(L=s.parameters)==null?void 0:L.docs)==null?void 0:f.source}}};var x,M,H;u.parameters={...u.parameters,docs:{...(x=u.parameters)==null?void 0:x.docs,source:{originalSource:`args => {
42
- const [_, updateArgs] = useArgs();
43
- const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
44
- updateArgs({
45
- value: evt.target.value
46
- });
47
- };
48
- return <NumberInput onChange={handleChange} value={123} {...args} />;
49
- }`,...(H=(M=u.parameters)==null?void 0:M.docs)==null?void 0:H.source}}};var j,G,w;o.parameters={...o.parameters,docs:{...(j=o.parameters)==null?void 0:j.docs,source:{originalSource:`args => {
50
- const [_, updateArgs] = useArgs();
51
- const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
52
- updateArgs({
53
- value: evt.target.value
54
- });
55
- };
56
- return <NumberInput onChange={handleChange} value={123} {...args} />;
57
- }`,...(w=(G=o.parameters)==null?void 0:G.docs)==null?void 0:w.source}}};var D,O,W;p.parameters={...p.parameters,docs:{...(D=p.parameters)==null?void 0:D.docs,source:{originalSource:`args => {
58
- const [_, updateArgs] = useArgs();
59
- const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
60
- updateArgs({
61
- value: evt.target.value
62
- });
63
- };
64
- return <NumberInput onChange={handleChange} value={123} {...args} />;
65
- }`,...(W=(O=p.parameters)==null?void 0:O.docs)==null?void 0:W.source}}};var y,B,R;g.parameters={...g.parameters,docs:{...(y=g.parameters)==null?void 0:y.docs,source:{originalSource:`args => {
66
- const [_, updateArgs] = useArgs();
67
- const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
68
- updateArgs({
69
- value: evt.target.value
70
- });
71
- };
72
- return <NumberInput onChange={handleChange} value={123} {...args} />;
73
- }`,...(R=(B=g.parameters)==null?void 0:B.docs)==null?void 0:R.source}}};var F,K,U;m.parameters={...m.parameters,docs:{...(F=m.parameters)==null?void 0:F.docs,source:{originalSource:`() => <InputGroup small>
74
- <NumberInput value={123} />
75
- <InputGroupAddon>to</InputGroupAddon>
76
- <NumberInput value={123} />
77
- <Select options={[{
78
- value: 'units',
79
- label: 'units'
80
- }]} width="auto" value="units" />
81
- </InputGroup>`,...(U=(K=m.parameters)==null?void 0:K.docs)==null?void 0:U.source}}};const Me=["Default","Small","Width","Left","Disabled","AllowEmpty","Warning","Error","BadInput","TestInputGroup"];export{u as AllowEmpty,g as BadInput,l as Default,s as Disabled,p as Error,t as Left,a as Small,m as TestInputGroup,o as Warning,n as Width,Me as __namedExportsOrder,xe as default};
@@ -1,21 +0,0 @@
1
- import{j as n}from"./jsx-runtime-FsUICBgo.js";import{T as I}from"./common-types-U65vzrrz.js";import{M as N}from"./actions-Z9jDWreP.js";import{c as A}from"./index-VW3EWkuE.js";import{C as E}from"./check-box-LZdXXKhv.js";import{D as f}from"./divider-RwW2f_N0.js";import"./index-RfLt4OUa.js";import"./lodash-Bmg8FrMx.js";import"./disabled-context-urNQThQz.js";import"./button-7V8oA22w.js";import"./spinner-R8Il4aRe.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./tooltip-HEHiU__l.js";import"./index-miLrID2P.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./help-icon--rUDxLUD.js";import"./text-6KQ6ntOV.js";const V="_menu_12x4u_1",T="_header_12x4u_11",q="_item_12x4u_27",w="_heading_12x4u_32",u={menu:V,header:T,item:q,heading:w},g=({option:e,onChange:r})=>{const{key:o,label:i,selected:a}=e;return n.jsx("div",{className:u.item,children:n.jsx(E,{label:i,noMargin:!0,checked:a,onChange:r})},o)};try{g.displayName="Option",g.__docgenInfo={description:"",displayName:"Option",props:{option:{defaultValue:null,description:"",name:"option",required:!0,type:{name:"{ key?: string | undefined; label?: string | null | undefined; selected?: boolean | undefined; }"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(evt: ChangeEvent<HTMLInputElement>) => void"}}}}}catch{}const _=({label:e})=>n.jsx("div",{className:u.heading,children:e});try{_.displayName="Heading",_.__docgenInfo={description:"",displayName:"Heading",props:{label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}}}}}catch{}var h=(e=>(e.HEADING="Heading",e.DIVIDER="Divider",e.DEFAULT="Default",e))(h||{});const y=({options:e,onChangeOptions:r,showHeader:o,maxHeight:i})=>n.jsxs("div",{className:A("menu",u.menu),style:{maxHeight:i},children:[o&&n.jsxs(n.Fragment,{children:[n.jsxs("div",{className:u.header,children:[n.jsx("a",{onClick:a=>{const s=e.map(t=>({...t,selected:!0}));r(a,s)},children:"All"}),n.jsx("a",{onClick:a=>{const s=e.map(t=>({...t,selected:!1}));r(a,s)},children:"Clear"}),n.jsx("a",{onClick:a=>{const s=e.map(t=>({...t,selected:!t.selected}));r(a,s)},children:"Invert"})]}),n.jsx(f,{margin:0})]}),e.map((a,s)=>{switch(a.type){case h.HEADING:return n.jsx(_,{label:a.label},s);case h.DIVIDER:return n.jsx(f,{margin:0},s);default:return n.jsx(g,{option:a,onChange:t=>{const{value:m}=a,H=e.map(d=>d.value!==m?d:{...d,selected:!d.selected});r(t,H)}},s)}})]});try{y.displayName="Layer",y.__docgenInfo={description:"",displayName:"Layer",props:{options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"IOptionType[]"}},onChangeOptions:{defaultValue:null,description:"",name:"onChangeOptions",required:!0,type:{name:"(evt: MouseEvent<HTMLAnchorElement, MouseEvent>, options: IOptionType[]) => void"}},showHeader:{defaultValue:null,description:"",name:"showHeader",required:!1,type:{name:"boolean"}},maxHeight:{defaultValue:null,description:"",name:"maxHeight",required:!1,type:{name:"TStringOrNumber"}}}}}catch{}const c=({name:e,label:r,options:o,onChange:i,showHeader:a=!0,maxHeight:s="40vh"})=>n.jsx(N,{menu:{label:r,trigger:I.DROP_DOWN_BUTTON,possiblePlacements:["top-start","bottom-start"],sections:n.jsx(y,{options:o,onChangeOptions:(t,m)=>{t.stopPropagation(),t.target.name=e,t.target.value=m,i(t)},showHeader:a,maxHeight:s})}});try{c.displayName="OptionDropdown",c.__docgenInfo={description:"",displayName:"OptionDropdown",props:{name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}},options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"IOptionType[]"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(evt: ChangeEvent<HTMLInputElement & { name?: string | undefined; value: IOptionType[]; }>) => void"}},showHeader:{defaultValue:{value:"true"},description:"",name:"showHeader",required:!1,type:{name:"boolean"}},maxHeight:{defaultValue:{value:"40vh"},description:"",name:"maxHeight",required:!1,type:{name:"string"}}}}}catch{}const{useArgs:M}=__STORYBOOK_MODULE_ADDONS__,k=[{label:"Animals",type:"Heading"},{type:"Divider"},{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas"}],se={title:"Forms/OptionDropdown",component:c,args:{label:"Label",options:k}},j=e=>{const[r,o]=M(),i=a=>{o({options:a.target.value})};return n.jsx(c,{...e,onChange:i})},p=j.bind({}),l=j.bind({});l.args={options:[...Array(50)].map((e,r)=>({label:`Item #${r}`,value:r}))};var v,x,b;p.parameters={...p.parameters,docs:{...(v=p.parameters)==null?void 0:v.docs,source:{originalSource:`args => {
2
- const [_, updateArgs] = useArgs();
3
- const handleChange = (evt: any) => {
4
- updateArgs({
5
- options: evt.target.value
6
- });
7
- };
8
- return <OptionDropdown
9
- // eslint-disable-next-line react/jsx-props-no-spreading
10
- {...args} onChange={handleChange} />;
11
- }`,...(b=(x=p.parameters)==null?void 0:x.docs)==null?void 0:b.source}}};var O,D,C;l.parameters={...l.parameters,docs:{...(O=l.parameters)==null?void 0:O.docs,source:{originalSource:`args => {
12
- const [_, updateArgs] = useArgs();
13
- const handleChange = (evt: any) => {
14
- updateArgs({
15
- options: evt.target.value
16
- });
17
- };
18
- return <OptionDropdown
19
- // eslint-disable-next-line react/jsx-props-no-spreading
20
- {...args} onChange={handleChange} />;
21
- }`,...(C=(D=l.parameters)==null?void 0:D.docs)==null?void 0:C.source}}};const oe=["Default","ScrollOverflow"];export{p as Default,l as ScrollOverflow,oe as __namedExportsOrder,se as default};
@@ -1,57 +0,0 @@
1
- import{j as e}from"./jsx-runtime-FsUICBgo.js";import{P as i}from"./page-9-f6BzS0.js";import{T as a}from"./top-bar-9iOkm7Gq.js";import{S as r}from"./side-bar-Fjr2t9MT.js";import{H as t}from"./heading-Bk0bpNfe.js";import{L as D}from"./logo-nHW4TqZt.js";import"./index-RfLt4OUa.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-7V8oA22w.js";import"./spinner-R8Il4aRe.js";import"./tooltip-HEHiU__l.js";import"./index-miLrID2P.js";import"./actions-Z9jDWreP.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-WuErQ5Z8.js";import"./help-icon--rUDxLUD.js";const L="_printHeader_o7xxx_1",M={printHeader:L},m=({logo:p,alt:C,logoWidth:W="100px"})=>e.jsx("img",{src:p,alt:C,className:M.printHeader,style:{width:W}});try{m.displayName="PrintHeader",m.__docgenInfo={description:"",displayName:"PrintHeader",props:{logo:{defaultValue:null,description:"",name:"logo",required:!0,type:{name:"string"}},logoWidth:{defaultValue:{value:"100px"},description:"",name:"logoWidth",required:!1,type:{name:"TStringOrNumber"}},alt:{defaultValue:null,description:"",name:"alt",required:!0,type:{name:"string"}}}}}catch{}const s="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vestibulum velit vitae dolor eleifend, quis cursus tortor tempor. Etiam laoreet tempor turpis ut tristique. In hac habitasse platea dictumst. Ut viverra vestibulum facilisis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Curabitur commodo egestas magna, at molestie quam euismod ut. Aliquam suscipit at velit vel venenatis. Morbi rhoncus odio neque, volutpat finibus risus hendrerit quis. Sed vitae justo at elit dictum semper. Suspendisse non luctus nulla. Suspendisse condimentum tellus ac elit ornare porttitor. In dignissim libero erat, eget varius nisl tincidunt sed. Duis vel viverra dolor. Mauris nisl lorem, consectetur sed ullamcorper consequat, dictum eu diam. Fusce pretium velit vitae urna tempor, id luctus velit lacinia. Suspendisse lacinia, ante eget egestas mollis, magna magna imperdiet lacus, vitae molestie purus urna et ipsum. Nulla facilisi. Nam augue sapien, dapibus id nunc a, iaculis vulputate urna. Nullam sit amet rutrum tortor. Fusce vel augue vel orci porttitor auctor. Vivamus pulvinar urna quam, non posuere lorem mollis fringilla. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque porta odio quis urna pulvinar hendrerit. Nam eros sapien, cursus at maximus id, suscipit et erat. Praesent semper consectetur lacus eu suscipit. In mi ex, feugiat sagittis facilisis ut, fermentum quis mi. Nunc egestas tempor pharetra. Nulla condimentum massa non facilisis bibendum. Sed at justo eget massa lobortis ultricies sit amet eu ex. Nullam auctor ex ac elit laoreet, vitae convallis sem egestas. Maecenas gravida eros sit amet orci dapibus, rutrum gravida nisl finibus. Pellentesque vitae lorem vulputate, accumsan ligula quis, rhoncus urna. Vestibulum velit ex, venenatis ut sagittis id, malesuada vel diam. Suspendisse et turpis eu metus luctus fermentum at consectetur est. Suspendisse sit amet tincidunt dolor. Curabitur imperdiet congue urna in fringilla. Donec nec accumsan purus. Cras et blandit turpis. Curabitur sed libero nibh. Morbi scelerisque, metus vel cursus dapibus, quam lorem placerat odio, at rhoncus diam diam eget nisi. Nulla sagittis posuere ex, vel scelerisque justo egestas vel. Duis aliquam mollis est id tristique. Ut eros libero, faucibus sed ante sit amet, euismod condimentum dolor. Aenean feugiat augue tortor, id egestas tellus porta eu. Maecenas sed dui vitae erat fringilla lacinia. Etiam nisi felis, rhoncus nec vestibulum vel, mattis eget ligula. Cras sed quam sed nisi mollis eleifend. Nulla commodo, dolor nec bibendum finibus, lorem quam tincidunt lectus, sed volutpat lorem ligula vitae leo. Aliquam efficitur eu felis at dignissim. Fusce auctor eleifend justo, ut varius sapien ullamcorper mattis. Curabitur suscipit pellentesque augue sed bibendum.",le={title:"Layout/Page",component:i,parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}},argTypes:{top:{control:"text"},left:{control:"text"},padding:{control:{type:"boolean"}}}},o=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{}),e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]}),n=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{}),e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{padding:!1,children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]}),u=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{}),e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{scroll:!1,children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]}),l=()=>e.jsxs(e.Fragment,{children:[e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{top:0,children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]}),c=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{}),e.jsxs(i,{left:0,children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]}),d=()=>e.jsxs(e.Fragment,{children:[e.jsx(m,{logo:D,logoWidth:"60px",alt:"company logo"}),e.jsx(a,{}),e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]});var g,x,f;o.parameters={...o.parameters,docs:{...(g=o.parameters)==null?void 0:g.docs,source:{originalSource:`() => <>
2
- <TopBar />
3
- <SideBar options={{
4
- title: '',
5
- sections: []
6
- }} />
7
- <Page>
8
- <Heading top>Heading</Heading>
9
- {placeholder}
10
- </Page>
11
- </>`,...(f=(x=o.parameters)==null?void 0:x.docs)==null?void 0:f.source}}};var h,v,b;n.parameters={...n.parameters,docs:{...(h=n.parameters)==null?void 0:h.docs,source:{originalSource:`() => <>
12
- <TopBar />
13
- <SideBar options={{
14
- title: '',
15
- sections: []
16
- }} />
17
- <Page padding={false}>
18
- <Heading top>Heading</Heading>
19
- {placeholder}
20
- </Page>
21
- </>`,...(b=(v=n.parameters)==null?void 0:v.docs)==null?void 0:b.source}}};var H,j,q;u.parameters={...u.parameters,docs:{...(H=u.parameters)==null?void 0:H.docs,source:{originalSource:`() => <>
22
- <TopBar />
23
- <SideBar options={{
24
- title: '',
25
- sections: []
26
- }} />
27
- <Page scroll={false}>
28
- <Heading top>Heading</Heading>
29
- {placeholder}
30
- </Page>
31
- </>`,...(q=(j=u.parameters)==null?void 0:j.docs)==null?void 0:q.source}}};var S,P,N;l.parameters={...l.parameters,docs:{...(S=l.parameters)==null?void 0:S.docs,source:{originalSource:`() => <>
32
- <SideBar options={{
33
- title: '',
34
- sections: []
35
- }} />
36
- <Page top={0}>
37
- <Heading top>Heading</Heading>
38
- {placeholder}
39
- </Page>
40
- </>`,...(N=(P=l.parameters)==null?void 0:P.docs)==null?void 0:N.source}}};var y,B,_;c.parameters={...c.parameters,docs:{...(y=c.parameters)==null?void 0:y.docs,source:{originalSource:`() => <>
41
- <TopBar />
42
- <Page left={0}>
43
- <Heading top>Heading</Heading>
44
- {placeholder}
45
- </Page>
46
- </>`,...(_=(B=c.parameters)==null?void 0:B.docs)==null?void 0:_.source}}};var T,F,V;d.parameters={...d.parameters,docs:{...(T=d.parameters)==null?void 0:T.docs,source:{originalSource:`() => <>
47
- <PrintHeader logo={LogoSVG} logoWidth="60px" alt="company logo" />
48
- <TopBar />
49
- <SideBar options={{
50
- title: '',
51
- sections: []
52
- }} />
53
- <Page>
54
- <Heading top>Heading</Heading>
55
- {placeholder}
56
- </Page>
57
- </>`,...(V=(F=d.parameters)==null?void 0:F.docs)==null?void 0:V.source}}};const ce=["Default","NoPadding","NoScroll","NoTopBar","NoSideBar","WithPrintHeader"];export{o as Default,n as NoPadding,u as NoScroll,c as NoSideBar,l as NoTopBar,d as WithPrintHeader,ce as __namedExportsOrder,le as default};
@@ -1,9 +0,0 @@
1
- import{j as t}from"./jsx-runtime-FsUICBgo.js";import{P as S}from"./popover-Y3FpGdUS.js";import{B as c}from"./button-7V8oA22w.js";import{T as w}from"./text-6KQ6ntOV.js";import{t as A}from"./toaster-eOozfa7U.js";import"./index-RfLt4OUa.js";import"./tooltip-HEHiU__l.js";import"./index-miLrID2P.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"./message-uMHaTEXV.js";const W="_popConfirm_1x6ye_1",$="_content_1x6ye_7",R="_buttons_1x6ye_13",v={popConfirm:W,content:$,buttons:R},x=({title:e,okText:p,onClickOk:m,disableConfirmButton:f,cancelText:C,onClickCancel:y,close:o,testId:s})=>t.jsxs("div",{className:v.popConfirm,children:[e&&t.jsx("div",{className:v.content,children:t.jsx(w,{small:!0,children:e})}),t.jsxs("div",{className:v.buttons,children:[t.jsx(c,{small:!0,colored:!0,label:p,onClick:()=>m(o),disabled:f,testId:`${s}-ok-button`}),t.jsx(c,{small:!0,label:C,onClick:()=>y(o),testId:`${s}-cancel-button`})]})]});try{x.displayName="Content",x.__docgenInfo={description:"",displayName:"Content",props:{title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},okText:{defaultValue:null,description:"",name:"okText",required:!0,type:{name:"string"}},onClickOk:{defaultValue:null,description:"",name:"onClickOk",required:!0,type:{name:"(close?: TEmpty | undefined) => void"}},disableConfirmButton:{defaultValue:null,description:"",name:"disableConfirmButton",required:!1,type:{name:"boolean"}},cancelText:{defaultValue:null,description:"",name:"cancelText",required:!0,type:{name:"string"}},onClickCancel:{defaultValue:null,description:"",name:"onClickCancel",required:!0,type:{name:"(close?: TEmpty | undefined) => void"}},close:{defaultValue:null,description:"",name:"close",required:!1,type:{name:"TEmpty"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const u=({children:e,placement:p="top-center",closeOnOutsideClick:m=!0,fullWidth:f=!1,title:C="",cancelText:y="Cancel",onClickCancel:o=l=>l&&l(),okText:s="Ok",onClickOk:N=()=>{},disableConfirmButton:D=!1,overflowContainer:I=!1,testId:b=void 0})=>{const l=t.jsx(x,{title:C,okText:s,onClickOk:N,disableConfirmButton:D,cancelText:y,onClickCancel:o,testId:b});return t.jsx(S,{content:l,placement:p,closeOnOutsideClick:m,fullWidth:f,overflowContainer:I,testId:b,children:e})};try{u.displayName="PopConfirm",u.__docgenInfo={description:"",displayName:"PopConfirm",props:{placement:{defaultValue:{value:"top-center"},description:"",name:"placement",required:!1,type:{name:"enum",value:[{value:'"top-center"'},{value:'"bottom-center"'},{value:'"center"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"left-end"'},{value:'"left-center"'},{value:'"left-start"'},{value:'"right-end"'},{value:'"right-center"'},{value:'"right-start"'}]}},closeOnOutsideClick:{defaultValue:{value:"true"},description:"",name:"closeOnOutsideClick",required:!1,type:{name:"boolean"}},fullWidth:{defaultValue:{value:"false"},description:"",name:"fullWidth",required:!1,type:{name:"boolean"}},title:{defaultValue:{value:""},description:"",name:"title",required:!1,type:{name:"string"}},cancelText:{defaultValue:{value:"Cancel"},description:"",name:"cancelText",required:!1,type:{name:"string"}},onClickCancel:{defaultValue:{value:"(close) => close && close()"},description:"",name:"onClickCancel",required:!1,type:{name:"((close?: TEmpty) => void)"}},disableConfirmButton:{defaultValue:{value:"false"},description:"",name:"disableConfirmButton",required:!1,type:{name:"boolean"}},okText:{defaultValue:{value:"Ok"},description:"",name:"okText",required:!1,type:{name:"string"}},onClickOk:{defaultValue:{value:"() => {}"},description:"",name:"onClickOk",required:!1,type:{name:"((close?: TEmpty) => void)"}},overflowContainer:{defaultValue:{value:"false"},description:"",name:"overflowContainer",required:!1,type:{name:"boolean"}},testId:{defaultValue:{value:"undefined"},description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const Y=e=>{A({message:{type:"Success",content:"success!",details:"You successfully booked your cruise to Bahamas."}}),e()},oe={title:"Basic/PopConfirm",component:u,args:{title:"Do you want a free cruise to Bahamas?",onClickCancel:e=>e(),onClickOk:Y,children:t.jsx(c,{label:"Click me!"}),overflowContainer:!0,placement:"top-center"},decorators:[e=>t.jsx("div",{style:{display:"flex",justifyContent:"center"},children:e()})],parameters:{docs:{source:{excludeDecorators:!0}}}},d=e=>t.jsx(u,{...e}),i=d.bind({}),a=d.bind({});a.args={children:t.jsx(c,{small:!0,round:!0,basic:!0,colored:"muted",icon:"delete"})};const n=d.bind({});n.args={placement:"bottom-end"};const r=d.bind({});r.args={disableConfirmButton:!0};var g,k,_;i.parameters={...i.parameters,docs:{...(g=i.parameters)==null?void 0:g.docs,source:{originalSource:`args => <PopConfirm
2
- // eslint-disable-next-line react/jsx-props-no-spreading
3
- {...args} />`,...(_=(k=i.parameters)==null?void 0:k.docs)==null?void 0:_.source}}};var j,q,V;a.parameters={...a.parameters,docs:{...(j=a.parameters)==null?void 0:j.docs,source:{originalSource:`args => <PopConfirm
4
- // eslint-disable-next-line react/jsx-props-no-spreading
5
- {...args} />`,...(V=(q=a.parameters)==null?void 0:q.docs)==null?void 0:V.source}}};var h,T,O;n.parameters={...n.parameters,docs:{...(h=n.parameters)==null?void 0:h.docs,source:{originalSource:`args => <PopConfirm
6
- // eslint-disable-next-line react/jsx-props-no-spreading
7
- {...args} />`,...(O=(T=n.parameters)==null?void 0:T.docs)==null?void 0:O.source}}};var B,P,E;r.parameters={...r.parameters,docs:{...(B=r.parameters)==null?void 0:B.docs,source:{originalSource:`args => <PopConfirm
8
- // eslint-disable-next-line react/jsx-props-no-spreading
9
- {...args} />`,...(E=(P=r.parameters)==null?void 0:P.docs)==null?void 0:E.source}}};const se=["Default","Action","Placement","DisableConfirmButton"];export{a as Action,i as Default,r as DisableConfirmButton,n as Placement,se as __namedExportsOrder,oe as default};
@@ -1 +0,0 @@
1
- import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as i,R as d}from"./index-RfLt4OUa.js";import{u as j,A as B,i as V}from"./tooltip-HEHiU__l.js";import{c}from"./index-VW3EWkuE.js";import{I as q}from"./common-types-U65vzrrz.js";import{D as k}from"./disabled-context-urNQThQz.js";import{B as P}from"./button-7V8oA22w.js";const W="_toggleBox_lhie5_1",w="_fullWidthStyleFix_lhie5_8",E="_dismiss_lhie5_13",l={toggleBox:W,fullWidthStyleFix:w,dismiss:E},f=({children:n,content:o,placement:m="top-center",closeOnOutsideClick:p=!0,fullWidth:v=!1,showCloseButton:g=!1,testId:x,disabled:a=!1,overflowContainer:y=!1})=>{const r=i.useContext(k),[s,u]=i.useState(!1),t=()=>u(!1),h=()=>{a||r||u(!s)};i.useEffect(()=>{a||r||t()},[a,r]);const{renderLayer:_,arrowProps:b,layerProps:C,triggerProps:O}=j({isOpen:s,placement:m,auto:!0,triggerOffset:6,onOutsideClick:p?t:void 0,ResizeObserver:V,overflowContainer:y});return e.jsxs(e.Fragment,{children:[e.jsx("div",{ref:O.ref,onClick:h,"data-testid":x,children:n}),s&&_(e.jsxs("div",{className:v?c(l.toggleBox,l.fullWidthStyleFix):c(l.toggleBox),...C,children:[e.jsxs("div",{children:[d.isValidElement(o)?d.cloneElement(o,{close:t}):o,g&&e.jsx("div",{className:l.dismiss,children:e.jsx(P,{small:!0,round:!0,onClick:t,icon:q.CLOSE})})]}),e.jsx(B,{...b,backgroundColor:"var(--color-background-layer)",borderColor:"var(--color-border)",borderWidth:1,size:6})]}))]})};try{f.displayName="Popover",f.__docgenInfo={description:"",displayName:"Popover",props:{content:{defaultValue:null,description:"",name:"content",required:!1,type:{name:"ReactNode"}},placement:{defaultValue:{value:"top-center"},description:"",name:"placement",required:!1,type:{name:"enum",value:[{value:'"top-center"'},{value:'"bottom-center"'},{value:'"center"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"left-end"'},{value:'"left-center"'},{value:'"left-start"'},{value:'"right-end"'},{value:'"right-center"'},{value:'"right-start"'}]}},closeOnOutsideClick:{defaultValue:{value:"true"},description:"",name:"closeOnOutsideClick",required:!1,type:{name:"boolean"}},fullWidth:{defaultValue:{value:"false"},description:"",name:"fullWidth",required:!1,type:{name:"boolean"}},showCloseButton:{defaultValue:{value:"false"},description:"",name:"showCloseButton",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},overflowContainer:{defaultValue:{value:"false"},description:"",name:"overflowContainer",required:!1,type:{name:"boolean"}}}}}catch{}export{f as P};
@@ -1 +0,0 @@
1
- import{j as r}from"./jsx-runtime-FsUICBgo.js";import{P as C}from"./popover-Y3FpGdUS.js";import{I as S}from"./input-u1He-wWs.js";import{B as i}from"./button-7V8oA22w.js";import{F as P}from"./flex-RYZsoWEN.js";import{S as B}from"./select-JjEPivho.js";import"./index-RfLt4OUa.js";import"./tooltip-HEHiU__l.js";import"./index-miLrID2P.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./types-5uVBABF4.js";import"./lodash-Bmg8FrMx.js";import"./spinner-R8Il4aRe.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./memoize-one.esm-hqe5SRxC.js";import"./types-VB5zD18b.js";import"./text-6KQ6ntOV.js";import"./actions-Z9jDWreP.js";import"./badge-23Ty_zBt.js";import"./select.input-zP5tW20f.js";const l=[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"}],w=({close:e})=>r.jsxs(P,{gap:"var(--padding-xs)",children:[r.jsx(S,{value:"Value",width:"150px",small:!0}),r.jsx(B,{options:l,value:l[0],width:"auto",small:!0}),r.jsx(i,{colored:!0,label:"Save",onClick:()=>{},small:!0}),r.jsx(i,{label:"Cancel",onClick:e,small:!0})]}),$={title:"Basic/Popover",component:C,args:{overflowContainer:!0,content:r.jsx(w,{}),children:r.jsx(i,{label:"Toggle me"})},decorators:[e=>r.jsx("div",{style:{display:"flex"},children:e()})],parameters:{docs:{source:{excludeDecorators:!0}}}},p=e=>r.jsx(C,{...e}),a=p.bind({}),o=p.bind({});o.args={children:r.jsx(S,{value:"Value",width:"100%"})};const s=p.bind({});s.args={closeOnOutsideClick:!1,showCloseButton:!0};const t=p.bind({});t.args={disabled:!0};var m,c,n;a.parameters={...a.parameters,docs:{...(m=a.parameters)==null?void 0:m.docs,source:{originalSource:"args => <Popover {...args} />",...(n=(c=a.parameters)==null?void 0:c.docs)==null?void 0:n.source}}};var u,d,g;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:"args => <Popover {...args} />",...(g=(d=o.parameters)==null?void 0:d.docs)==null?void 0:g.source}}};var x,v,b;s.parameters={...s.parameters,docs:{...(x=s.parameters)==null?void 0:x.docs,source:{originalSource:"args => <Popover {...args} />",...(b=(v=s.parameters)==null?void 0:v.docs)==null?void 0:b.source}}};var f,j,h;t.parameters={...t.parameters,docs:{...(f=t.parameters)==null?void 0:f.docs,source:{originalSource:"args => <Popover {...args} />",...(h=(j=t.parameters)==null?void 0:j.docs)==null?void 0:h.source}}};const rr=["Default","InputTrigger","CloseButton","Disabled"];export{s as CloseButton,a as Default,t as Disabled,o as InputTrigger,rr as __namedExportsOrder,$ as default};
@@ -1,7 +0,0 @@
1
- import{_ as e}from"./iframe-NU_z28D3.js";import"../sb-preview/runtime.js";var a={docs:{renderer:async()=>{let{DocsRenderer:r}=await e(()=>import("./DocsRenderer-NNNQARDV-HIEKjKKN.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10]),import.meta.url);return new r}}};export{a as parameters};
2
- function __vite__mapDeps(indexes) {
3
- if (!__vite__mapDeps.viteFileDeps) {
4
- __vite__mapDeps.viteFileDeps = ["./DocsRenderer-NNNQARDV-HIEKjKKN.js","./chunk-HLWAVYOI-YF156CNQ.js","./iframe-NU_z28D3.js","./index-RfLt4OUa.js","./react-16-hgR7FrAp.js","./index-miLrID2P.js","./index-_waogfzH.js","./extends-dGVwEr9R.js","./assertThisInitialized-4q6YPdh3.js","./inheritsLoose-Y9jOMJLd.js","./index-gM75B7fB.js"]
5
- }
6
- return indexes.map((i) => __vite__mapDeps.viteFileDeps[i])
7
- }
@@ -1 +0,0 @@
1
- var h="storybook/actions",D=`${h}/action-event`;let a;const b=new Uint8Array(16);function v(){if(!a&&(a=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!a))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return a(b)}const o=[];for(let t=0;t<256;++t)o.push((t+256).toString(16).slice(1));function x(t,e=0){return o[t[e+0]]+o[t[e+1]]+o[t[e+2]]+o[t[e+3]]+"-"+o[t[e+4]]+o[t[e+5]]+"-"+o[t[e+6]]+o[t[e+7]]+"-"+o[t[e+8]]+o[t[e+9]]+"-"+o[t[e+10]]+o[t[e+11]]+o[t[e+12]]+o[t[e+13]]+o[t[e+14]]+o[t[e+15]]}const A=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),d={randomUUID:A};function R(t,e,r){if(d.randomUUID&&!e&&!t)return d.randomUUID();t=t||{};const n=t.random||(t.rng||v)();if(n[6]=n[6]&15|64,n[8]=n[8]&63|128,e){r=r||0;for(let i=0;i<16;++i)e[r+i]=n[i];return e}return x(n)}const{addons:U}=__STORYBOOK_MODULE_PREVIEW_API__;var j={depth:10,clearOnStoryChange:!0,limit:50},l=(t,e)=>{let r=Object.getPrototypeOf(t);return!r||e(r)?r:l(r,e)},E=t=>!!(typeof t=="object"&&t&&l(t,e=>/^Synthetic(?:Base)?Event$/.test(e.constructor.name))&&typeof t.persist=="function"),I=t=>{if(E(t)){let e=Object.create(t.constructor.prototype,Object.getOwnPropertyDescriptors(t));e.persist();let r=Object.getOwnPropertyDescriptor(e,"view"),n=r==null?void 0:r.value;return typeof n=="object"&&(n==null?void 0:n.constructor.name)==="Window"&&Object.defineProperty(e,"view",{...r,value:Object.create(n.constructor.prototype)}),e}return t};function y(t,e={}){let r={...j,...e},n=function(...i){let c=U.getChannel(),p=R(),s=5,u=i.map(I),m=i.length>1?u:u[0],O={id:p,count:0,data:{name:t,args:m},options:{...r,maxDepth:s+(r.depth||3),allowFunction:r.allowFunction||!1}};c.emit(D,O)};return n.isAction=!0,n}var g=(t,e)=>typeof e[t]>"u"&&!(t in e),T=t=>{let{initialArgs:e,argTypes:r,parameters:{actions:n}}=t;if(!n||n.disable||!n.argTypesRegex||!r)return{};let i=new RegExp(n.argTypesRegex);return Object.entries(r).filter(([c])=>!!i.test(c)).reduce((c,[p,s])=>(g(p,e)&&(c[p]=y(p)),c),{})},w=t=>{let{initialArgs:e,argTypes:r,parameters:{actions:n}}=t;return n!=null&&n.disable||!r?{}:Object.entries(r).filter(([i,c])=>!!c.action).reduce((i,[c,p])=>(g(c,e)&&(i[c]=y(typeof p.action=="string"?p.action:c)),i),{})},_=[w,T];export{_ as argsEnhancers};
@@ -1,47 +0,0 @@
1
- import{j as e}from"./jsx-runtime-FsUICBgo.js";import"./index-RfLt4OUa.js";import{T as n}from"./top-bar-9iOkm7Gq.js";import{L as r}from"./list-8l-RGDgw.js";import{P as p}from"./page-9-f6BzS0.js";import{R as c,C as o}from"./row-vFUhHoz5.js";import{T as d}from"./tabs-fcLbHC1n.js";import{S as u}from"./spacer-Yji9g2AW.js";import"./index-VW3EWkuE.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./common-types-U65vzrrz.js";import"./button-7V8oA22w.js";import"./spinner-R8Il4aRe.js";import"./tooltip-HEHiU__l.js";import"./index-miLrID2P.js";import"./actions-Z9jDWreP.js";import"./lodash-Bmg8FrMx.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.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"./heading-Bk0bpNfe.js";import"./help-icon--rUDxLUD.js";import"./loader-TGOJBZQG.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./select.input-zP5tW20f.js";const t=[{label:"Browse",value:"Browse"},{label:"Recent",value:"Recent"},{label:"My Projects",value:"My Projects"}],s=[{id:1,name:"Lorem",active:!0},{id:2,name:"Ipsum"},{id:3,name:"Dolor"},{id:4,name:"Long name goes here lorem ipsum"},{id:5,name:"Lorem"},{id:6,name:"Ipsum"},{id:7,name:"Dolor"},{id:8,name:"Long name goes here lorem ipsum"},{id:9,name:"Lorem"},{id:10,name:"Ipsum"},{id:11,name:"Dolor"},{id:12,name:"Long name goes here lorem ipsum"},{id:13,name:"Lorem"},{id:14,name:"Ipsum"},{id:15,name:"Dolor"},{id:16,name:"Long name goes here lorem ipsum"}],X={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},l=()=>e.jsxs(e.Fragment,{children:[e.jsx(n,{}),e.jsxs(p,{padding:!1,left:0,scroll:!1,children:[e.jsx(u,{}),e.jsx(d,{margin:!1,padding:!0,options:t,value:t[0]}),e.jsxs(c,{spacing:0,flex:!0,height:"100%",children:[e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Country",items:s}})}),e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Field",items:s}})}),e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Site",items:s}})}),e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Well",items:s}})}),e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Wellbore",items:s}})}),e.jsx(o,{scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Design",items:s}})})]})]})]});var i,m,a;l.parameters={...l.parameters,docs:{...(i=l.parameters)==null?void 0:i.docs,source:{originalSource:`() => {
2
- return <>
3
- <TopBar />
4
- <Page padding={false} left={0} scroll={false}>
5
- <Spacer />
6
- <Tabs margin={false} padding options={tabs} value={tabs[0]} />
7
- <Row spacing={0} flex height="100%">
8
- <Column borderRight scroll showScrollbar={false}>
9
- <List list={{
10
- name: 'Country',
11
- items
12
- }} />
13
- </Column>
14
- <Column borderRight scroll showScrollbar={false}>
15
- <List list={{
16
- name: 'Field',
17
- items
18
- }} />
19
- </Column>
20
- <Column borderRight scroll showScrollbar={false}>
21
- <List list={{
22
- name: 'Site',
23
- items
24
- }} />
25
- </Column>
26
- <Column borderRight scroll showScrollbar={false}>
27
- <List list={{
28
- name: 'Well',
29
- items
30
- }} />
31
- </Column>
32
- <Column borderRight scroll showScrollbar={false}>
33
- <List list={{
34
- name: 'Wellbore',
35
- items
36
- }} />
37
- </Column>
38
- <Column scroll showScrollbar={false}>
39
- <List list={{
40
- name: 'Design',
41
- items
42
- }} />
43
- </Column>
44
- </Row>
45
- </Page>
46
- </>;
47
- }`,...(a=(m=l.parameters)==null?void 0:m.docs)==null?void 0:a.source}}};l.__docgenInfo={description:"",methods:[],displayName:"Projects"};const Y=["Projects"];export{l as Projects,Y as __namedExportsOrder,X as default};
@@ -1,122 +0,0 @@
1
- import{j as o}from"./jsx-runtime-FsUICBgo.js";import{r as R}from"./index-RfLt4OUa.js";import{T as c}from"./table-i8WT9qpj.js";import{T as V}from"./text-6KQ6ntOV.js";import{t as g,i as W,q as B}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"./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"./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 Le={title:"Basic/Table/Row",component:c,args:{table:{...g}}},b=n=>o.jsx(c,{...n}),i=b.bind({});i.args={table:W};const p=b.bind({});p.args={table:B};const t=b.bind({});t.args={table:{...g,striped:!1}};t.parameters={docs:{description:{story:"`striped: false` removes tinted background on alternative rows."}}};const m=()=>{const[n,e]=R.useState(null),a=r=>e(n===r?null:r);return o.jsx(c,{table:{...g,striped:!1,rows:g.rows.map((r,d)=>({...r,onRowClick:()=>a(d),expandedContent:{content:n===d?o.jsx("div",{children:"Example expanded content"}):null}}))}})},w=()=>{const n={draggable:!0,headers:[{cells:[{value:"Name"},{value:"Weight (kg)"},{value:"Energy (kcal / 100g)"},{value:"Origin"}]}],rows:[{noDrag:!0,cells:[{value:"Undraggable"},{value:100},{value:361},{value:"Vietnam"}]},{cells:[{value:"Buckwheat"},{value:50},{value:358},{value:"Poland"}]},{cells:[{value:"Couscous"},{value:10},{value:368},{value:"France"}]}]},e=(s,u,l)=>{const x=[...s];return s[l].noDrag?s:(x.splice(l,0,x.splice(u,1)[0]),x)},[a,r]=R.useState(n.rows),d=s=>{const{to:u,from:l}=s;e(a,l,u),r(e(a,l,u))};return o.jsx(c,{table:{...n,rows:a},onListReorder:d})},v=()=>{const[n,e]=R.useState("Hover any row!"),a=[1,2,3,4,5].map(r=>({cells:[{value:`Row ${r}`},{value:`${r**2}`}],onRowMouseEnter:()=>e(`Hovering row ${r}`),onRowMouseLeave:()=>e("Not hovering any row...")}));return o.jsxs(o.Fragment,{children:[o.jsx(V,{children:n}),o.jsx(c,{table:{fixedWidth:"100%",headers:[{cells:[{value:"Description"},{value:"Value"}],onRowMouseEnter:()=>e("Hovering header row"),onRowMouseLeave:()=>e("Not hovering any row...")}],rows:a}})]})};var y,D,E;i.parameters={...i.parameters,docs:{...(y=i.parameters)==null?void 0:y.docs,source:{originalSource:`args => {
2
- return <Table
3
- // eslint-disable-next-line react/jsx-props-no-spreading
4
- {...args} />;
5
- }`,...(E=(D=i.parameters)==null?void 0:D.docs)==null?void 0:E.source}}};var h,T,f;p.parameters={...p.parameters,docs:{...(h=p.parameters)==null?void 0:h.docs,source:{originalSource:`args => {
6
- return <Table
7
- // eslint-disable-next-line react/jsx-props-no-spreading
8
- {...args} />;
9
- }`,...(f=(T=p.parameters)==null?void 0:T.docs)==null?void 0:f.source}}};var S,j,k;t.parameters={...t.parameters,docs:{...(S=t.parameters)==null?void 0:S.docs,source:{originalSource:`args => {
10
- return <Table
11
- // eslint-disable-next-line react/jsx-props-no-spreading
12
- {...args} />;
13
- }`,...(k=(j=t.parameters)==null?void 0:j.docs)==null?void 0:k.source}}};var A,L,M;m.parameters={...m.parameters,docs:{...(A=m.parameters)==null?void 0:A.docs,source:{originalSource:`() => {
14
- const [expandedRow, setExpandedRow] = useState<number | null>(null);
15
- const toggleExpandedRow = (rowIndex: number) => expandedRow === rowIndex ? setExpandedRow(null) : setExpandedRow(rowIndex);
16
- return <Table table={{
17
- ...storyData.table,
18
- striped: false,
19
- rows: storyData.table.rows.map((row, index) => ({
20
- ...row,
21
- onRowClick: () => toggleExpandedRow(index),
22
- expandedContent: {
23
- content: expandedRow === index ? <div>Example expanded content</div> : null
24
- }
25
- }))
26
- }} />;
27
- }`,...(M=(L=m.parameters)==null?void 0:L.docs)==null?void 0:M.source}}};var N,C,F;w.parameters={...w.parameters,docs:{...(N=w.parameters)==null?void 0:N.docs,source:{originalSource:`() => {
28
- const withDragAndDrop = {
29
- draggable: true,
30
- headers: [{
31
- cells: [{
32
- value: 'Name'
33
- }, {
34
- value: 'Weight (kg)'
35
- }, {
36
- value: 'Energy (kcal / 100g)'
37
- }, {
38
- value: 'Origin'
39
- }]
40
- }],
41
- rows: [{
42
- noDrag: true,
43
- cells: [{
44
- value: 'Undraggable'
45
- }, {
46
- value: 100
47
- }, {
48
- value: 361
49
- }, {
50
- value: 'Vietnam'
51
- }]
52
- }, {
53
- cells: [{
54
- value: 'Buckwheat'
55
- }, {
56
- value: 50
57
- }, {
58
- value: 358
59
- }, {
60
- value: 'Poland'
61
- }]
62
- }, {
63
- cells: [{
64
- value: 'Couscous'
65
- }, {
66
- value: 10
67
- }, {
68
- value: 368
69
- }, {
70
- value: 'France'
71
- }]
72
- }]
73
- };
74
- const arraymove = (arr: any, from: any, to: any) => {
75
- const copy = [...arr];
76
- if (arr[to].noDrag) {
77
- return arr;
78
- }
79
- copy.splice(to, 0, copy.splice(from, 1)[0]);
80
- return copy;
81
- };
82
- const [rows, setRows] = useState(withDragAndDrop.rows);
83
- const onListReorder = (reorderData: any) => {
84
- const {
85
- to,
86
- from
87
- } = reorderData;
88
- arraymove(rows, from, to);
89
- setRows(arraymove(rows, from, to));
90
- };
91
- return <Table table={{
92
- ...withDragAndDrop,
93
- rows
94
- }} onListReorder={onListReorder} />;
95
- }`,...(F=(C=w.parameters)==null?void 0:C.docs)==null?void 0:F.source}}};var H,$,O;v.parameters={...v.parameters,docs:{...(H=v.parameters)==null?void 0:H.docs,source:{originalSource:`() => {
96
- const [displayText, setDisplayText] = useState('Hover any row!');
97
- const rows = [1, 2, 3, 4, 5].map(val => ({
98
- cells: [{
99
- value: \`Row \${val}\`
100
- }, {
101
- value: \`\${val ** 2}\`
102
- }],
103
- onRowMouseEnter: () => setDisplayText(\`Hovering row \${val}\`),
104
- onRowMouseLeave: () => setDisplayText('Not hovering any row...')
105
- }));
106
- return <>
107
- <Text>{displayText}</Text>
108
- <Table table={{
109
- fixedWidth: '100%',
110
- headers: [{
111
- cells: [{
112
- value: 'Description'
113
- }, {
114
- value: 'Value'
115
- }],
116
- onRowMouseEnter: () => setDisplayText(\`Hovering header row\`),
117
- onRowMouseLeave: () => setDisplayText('Not hovering any row...')
118
- }],
119
- rows
120
- }} />
121
- </>;
122
- }`,...(O=($=v.parameters)==null?void 0:$.docs)==null?void 0:O.source}}};const Me=["ActiveRow","RowFocusEvent","NotStriped","Expandable","DragAndDrop","OnRowEnter"];export{i as ActiveRow,w as DragAndDrop,m as Expandable,t as NotStriped,v as OnRowEnter,p as RowFocusEvent,Me as __namedExportsOrder,Le as default};