@oliasoft-open-source/react-ui-library 4.8.0-beta-5 → 4.8.0

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 (127) hide show
  1. package/dist/404.html +1 -0
  2. package/dist/assets/{index-Oe0PlEED.css → index-BpSdrNXy.css} +316 -316
  3. package/dist/assets/{index-GTFdS-JF.js → index-CvGLlWUJ.js} +182 -153
  4. package/dist/index.d.ts +39 -39
  5. package/dist/index.html +1 -1
  6. package/dist/index.js +316 -286
  7. package/dist/index.js.map +1 -1
  8. package/dist/storybook/assets/{Color-KGDBMAHA-Bz9U70BD.js → Color-KGDBMAHA-BLtMCq8G.js} +1 -1
  9. package/dist/storybook/assets/{DocsRenderer-PKQXORMH-pSX8_0Nr.js → DocsRenderer-PKQXORMH-Cq_uPi34.js} +1 -1
  10. package/dist/storybook/assets/{accordion.stories-vgiXrB4-.js → accordion.stories-CNjaOE6j.js} +2 -2
  11. package/dist/storybook/assets/actions-D-uVCDzk.js +39 -0
  12. package/dist/storybook/assets/{actions.stories-CUAkvJjE.js → actions.stories-gKfuiKQy.js} +1 -1
  13. package/dist/storybook/assets/{afe.stories-CBoaZ-5U.js → afe.stories-Be4Zi8Qk.js} +2 -2
  14. package/dist/storybook/assets/{blowout.stories-CF976Bad.js → blowout.stories-DHdofVc-.js} +1 -1
  15. package/dist/storybook/assets/{button-group-DCx4Z6vk.js → button-group-1DEZPmxq.js} +1 -1
  16. package/dist/storybook/assets/{button-group.stories-DvSsGv_D.js → button-group.stories-C4V1k0z_.js} +1 -1
  17. package/dist/storybook/assets/{buttons-and-links-B0beM0KB.js → buttons-and-links-CGf2fkq-.js} +1 -1
  18. package/dist/storybook/assets/{casing-loads.stories-W4rWa3bH.js → casing-loads.stories-9Iu4v1Y5.js} +2 -2
  19. package/dist/storybook/assets/{cell.stories-pVmyCUQN.js → cell.stories-OWJtpzu1.js} +2 -2
  20. package/dist/storybook/assets/check-box-DPLaOkRR.js +13 -0
  21. package/dist/storybook/assets/{check-box.stories-C_7Z7Ss6.js → check-box.stories-DfbWw6mD.js} +1 -1
  22. package/dist/storybook/assets/{chunk-HLWAVYOI-CuHfCuSg.js → chunk-HLWAVYOI-DQmzN82L.js} +1 -1
  23. package/dist/storybook/assets/{color-ReYZ4m5V.js → color-CUmK6HaC.js} +1 -1
  24. package/dist/storybook/assets/{dialog-BtnEK12u.js → dialog-BelCA1mt.js} +1 -1
  25. package/dist/storybook/assets/{drawer-BqojbwAS.js → drawer-DOWJp9T4.js} +1 -1
  26. package/dist/storybook/assets/{drawer.stories-fxIBm3g1.js → drawer.stories-DcjyDHEs.js} +1 -1
  27. package/dist/storybook/assets/{field.stories-BBqJzdkf.js → field.stories-DUGMwi1O.js} +1 -1
  28. package/dist/storybook/assets/file-button.stories-CU2pZcEO.js +22 -0
  29. package/dist/storybook/assets/file-input-X3BnZaHk.js +13 -0
  30. package/dist/storybook/assets/{file-input.stories-BW--e4ZG.js → file-input.stories-CWD5XYE9.js} +1 -1
  31. package/dist/storybook/assets/footer.stories-CCaqnn-t.js +3 -0
  32. package/dist/storybook/assets/form.stories-CX1WxUVL.js +49 -0
  33. package/dist/storybook/assets/formation.stories-BwshNr5I.js +74 -0
  34. package/dist/storybook/assets/helpers-JJxzGegQ.js +1 -0
  35. package/dist/storybook/assets/iframe-aT7NCuic.js +2 -0
  36. package/dist/storybook/assets/{index-BCGvwS4L.js → index-CDuLcH5d.js} +1 -1
  37. package/dist/storybook/assets/{index-RIOk8k9q.js → index-DLsIgQne.js} +88 -88
  38. package/dist/storybook/assets/{index-C0x1JmaP.js → index-DaLCDjg_.js} +1 -1
  39. package/dist/storybook/assets/input-DTXbDJaL.js +1 -0
  40. package/dist/storybook/assets/{input-group.stories-CY5ksLqR.js → input-group.stories-Bqx8op1f.js} +2 -2
  41. package/dist/storybook/assets/{input-validation-DyFpZQsn.js → input-validation-CRDfoI4h.js} +2 -2
  42. package/dist/storybook/assets/{input.stories-EZ7qJt4K.js → input.stories-FKl0qVhm.js} +1 -1
  43. package/dist/storybook/assets/{inputs-0dwI7OeZ.js → inputs-D3qEs1Q4.js} +2 -2
  44. package/dist/storybook/assets/{layout-forms-BApBtPld.js → layout-forms-CDGrrwBl.js} +4 -4
  45. package/dist/storybook/assets/{layout-general-9f8QN3PD.js → layout-general-D9kS22a0.js} +1 -1
  46. package/dist/storybook/assets/{list-DhcQLzoC.js → list-bKpz6I9Q.js} +1 -1
  47. package/dist/storybook/assets/{list.stories-IFLT_P7d.js → list.stories-Cgmt29Wv.js} +1 -1
  48. package/dist/storybook/assets/{list.stories-data-tIuoGcNV.js → list.stories-data-D_Aj3AN4.js} +1 -1
  49. package/dist/storybook/assets/{lodash-BHd_uQHh.js → lodash-c4VUpsOs.js} +2 -2
  50. package/dist/storybook/assets/menu.stories-data-CQ59XhzU.js +1 -0
  51. package/dist/storybook/assets/{menu.stories-CXq2Fiuq.js → menu.stories-xWX80Eh2.js} +1 -1
  52. package/dist/storybook/assets/{meta-content-CvnoQB7n.js → meta-content-DWZbURV2.js} +1 -1
  53. package/dist/storybook/assets/{modal.stories-5y8dh1sC.js → modal.stories-BcqAhYEy.js} +2 -2
  54. package/dist/storybook/assets/number-input-Ct8VwJX0.js +16 -0
  55. package/dist/storybook/assets/number-input.stories-lRKm6_tZ.js +110 -0
  56. package/dist/storybook/assets/option-dropdown.stories-CIvqMhQ3.js +52 -0
  57. package/dist/storybook/assets/{padding-and-spacing-CCiHHnai.js → padding-and-spacing-Cr5c7WxM.js} +1 -1
  58. package/dist/storybook/assets/{page.stories-B_x_6shq.js → page.stories-DnCh8h8y.js} +1 -1
  59. package/dist/storybook/assets/{pagination-DayOrCL5.js → pagination-D6pYWeQM.js} +1 -1
  60. package/dist/storybook/assets/{pagination.stories-DqzdrU74.js → pagination.stories-ItfGvzb-.js} +2 -2
  61. package/dist/storybook/assets/popover.stories-B4sQDryP.js +10 -0
  62. package/dist/storybook/assets/{preview-C2ZSBCEy.js → preview-B_VD4s7b.js} +1 -1
  63. package/dist/storybook/assets/{preview-C3DVwYVR.js → preview-t_Zs3gQw.js} +2 -2
  64. package/dist/storybook/assets/projects.stories-Co_WnKSx.js +47 -0
  65. package/dist/storybook/assets/radio-button-C4ljBRED.js +13 -0
  66. package/dist/storybook/assets/{radio-button.stories-CGJnfCk-.js → radio-button.stories-BzyW2CtK.js} +2 -2
  67. package/dist/storybook/assets/{reservoirs.stories-SrSPvn3J.js → reservoirs.stories-FQuUA3DK.js} +2 -2
  68. package/dist/storybook/assets/{rich-text-input.stories-C7X6120m.js → rich-text-input.stories-CmFzKTb-.js} +3 -3
  69. package/dist/storybook/assets/{row.stories-BuWQsbpc.js → row.stories-xvzQuDF0.js} +2 -2
  70. package/dist/storybook/assets/select-V2ZNp3Pv.js +61 -0
  71. package/dist/storybook/assets/select.input-CJed_LLR.js +1 -0
  72. package/dist/storybook/assets/{select.stories-Bvug9LhH.js → select.stories-CV9h5z0E.js} +2 -2
  73. package/dist/storybook/assets/{side-bar-BhPNjZba.js → side-bar-CSx5wI-k.js} +1 -1
  74. package/dist/storybook/assets/{side-bar.stories-BsFhqiB3.js → side-bar.stories-M6FsuCrQ.js} +1 -1
  75. package/dist/storybook/assets/{site.stories-zUoOcZmf.js → site.stories-ZGohyW6Z.js} +2 -2
  76. package/dist/storybook/assets/slider-C7vnj_3M.js +27 -0
  77. package/dist/storybook/assets/{slider.stories-BJOTup9W.js → slider.stories-BzBb3PkP.js} +1 -1
  78. package/dist/storybook/assets/{smart-upload-modal.stories-BWQlNSV5.js → smart-upload-modal.stories-BKNxg_3y.js} +1 -1
  79. package/dist/storybook/assets/{table-DNN_2kqQ.js → table-D9JJ68Tx.js} +1 -1
  80. package/dist/storybook/assets/{table.stories-data-CG4FwGG3.js → table.stories-data-D52aKMY1.js} +1 -1
  81. package/dist/storybook/assets/{table.stories-BL9nAubQ.js → table.stories-f-cNU-ed.js} +2 -2
  82. package/dist/storybook/assets/tabs-BoToLVEP.js +13 -0
  83. package/dist/storybook/assets/tabs.stories-B52iEaHf.js +30 -0
  84. package/dist/storybook/assets/textarea-D6ltcKhz.js +13 -0
  85. package/dist/storybook/assets/{textarea.stories-CrZgmMxl.js → textarea.stories-CJ-Oqytp.js} +1 -1
  86. package/dist/storybook/assets/{title.stories-BrxyGKY2.js → title.stories-5TyZBiBD.js} +2 -2
  87. package/dist/storybook/assets/toggle-BbFVf61v.js +13 -0
  88. package/dist/storybook/assets/{toggle.stories-mjk0JIle.js → toggle.stories-qTHFTXxI.js} +1 -1
  89. package/dist/storybook/assets/{tooltip.test-case.stories-joo9YReN.js → tooltip.test-case.stories-CHibN8rC.js} +1 -1
  90. package/dist/storybook/assets/{top-bar-BlwEXx7O.js → top-bar-DkXSzzqt.js} +1 -1
  91. package/dist/storybook/assets/{top-bar.stories-Bxk6q5go.js → top-bar.stories-HDmWT243.js} +1 -1
  92. package/dist/storybook/assets/{top-bar.testcase.stories-BUBXpPJs.js → top-bar.testcase.stories-DfmrkEpT.js} +1 -1
  93. package/dist/storybook/assets/{tree.stories-CTPqyCKs.js → tree.stories-feLUcTtm.js} +1 -1
  94. package/dist/storybook/assets/{types-UmZ4Y_CR.js → types-Dx2TtIG9.js} +1 -1
  95. package/dist/storybook/assets/unit-input-CoFS2qhN.css +1 -0
  96. package/dist/storybook/assets/unit-input.stories-tjEyowge.js +318 -0
  97. package/dist/storybook/assets/unit-table.stories-BDYxeHSM.js +152 -0
  98. package/dist/storybook/iframe.html +1 -1
  99. package/dist/storybook/index.json +1 -1
  100. package/dist/storybook/project.json +1 -1
  101. package/package.json +3 -3
  102. package/dist/storybook/assets/actions-BhPnDYmS.js +0 -27
  103. package/dist/storybook/assets/check-box-BtCGePRy.js +0 -1
  104. package/dist/storybook/assets/file-button.stories-DQxp1MPV.js +0 -10
  105. package/dist/storybook/assets/file-input-DlOuEoMf.js +0 -1
  106. package/dist/storybook/assets/footer.stories-Biows6FL.js +0 -3
  107. package/dist/storybook/assets/form.stories-CaUuJTP-.js +0 -49
  108. package/dist/storybook/assets/formation.stories-CXNu3N_u.js +0 -74
  109. package/dist/storybook/assets/iframe-Ds9MEeRD.js +0 -2
  110. package/dist/storybook/assets/input-DFNY9YDm.js +0 -1
  111. package/dist/storybook/assets/menu.stories-data-DeDnsKpk.js +0 -1
  112. package/dist/storybook/assets/number-input-hqsQsKER.js +0 -4
  113. package/dist/storybook/assets/number-input.stories-DZ3eM89y.js +0 -163
  114. package/dist/storybook/assets/option-dropdown.stories-DVA8-yqU.js +0 -34
  115. package/dist/storybook/assets/popover.stories-BcPmknc4.js +0 -10
  116. package/dist/storybook/assets/projects.stories-Clez6c2x.js +0 -47
  117. package/dist/storybook/assets/radio-button-YBwYcMaM.js +0 -1
  118. package/dist/storybook/assets/select-DAXADfWF.js +0 -40
  119. package/dist/storybook/assets/select.input-DIKP56UZ.js +0 -1
  120. package/dist/storybook/assets/slider-DckvIvC7.js +0 -31
  121. package/dist/storybook/assets/tabs-CAZ_dHGK.js +0 -1
  122. package/dist/storybook/assets/tabs.stories-DXcDAqB2.js +0 -30
  123. package/dist/storybook/assets/textarea-D-R3vavM.js +0 -1
  124. package/dist/storybook/assets/toggle-CBpNgTrm.js +0 -1
  125. package/dist/storybook/assets/unit-input-5P4Cogho.css +0 -1
  126. package/dist/storybook/assets/unit-input.stories-3plFgvQq.js +0 -353
  127. package/dist/storybook/assets/unit-table.stories-DR17ZD2i.js +0 -152
@@ -1,10 +1,10 @@
1
- import{j as t}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as n}from"./index-BcNHZKhG.js";import{Y as s,Z as o}from"./index-RIOk8k9q.js";import{Default as l,LabelOnLeft as p}from"./field.stories-BBqJzdkf.js";import{Default as m,LabelsOnLeft as a,Row as h}from"./form.stories-CaUuJTP-.js";import"./index-DhsZuJvc.js";import"./iframe-Ds9MEeRD.js";import"../sb-preview/runtime.js";import"./index-CUZDtIZe.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";import"./index-D6rZ4wEC.js";import"./field-HrLaMLbx.js";import"./index-Bk2sglWO.js";import"./label-CqmyC9he.js";import"./common-types-Sih75Sav.js";import"./help-icon-Buhx5nl6.js";import"./tooltip-1V7clEnw.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./input-DFNY9YDm.js";import"./types-UmZ4Y_CR.js";import"./lodash-BHd_uQHh.js";import"./text-B3-TSWok.js";import"./select-DAXADfWF.js";import"./memoize-one.esm-CcMeOnPo.js";import"./types-BmbYqTX_.js";import"./actions-BhPnDYmS.js";import"./button-DHevvVBE.js";import"./spinner-AWUe4xwQ.js";import"./badge-CLQ59MDF.js";import"./select.input-DIKP56UZ.js";import"./check-box-BtCGePRy.js";import"./button-group-DCx4Z6vk.js";import"./toggle-CBpNgTrm.js";import"./input-group-BaRSJAEN.js";import"./input-group-addon-D68iUKV2.js";import"./slider-DckvIvC7.js";import"./objectSpread2-DW4nTBoq.js";import"./index-BI4_Bp97.js";import"./textarea-D-R3vavM.js";import"./radio-button-YBwYcMaM.js";import"./form-row-CM112EYF.js";function r(i){const e={code:"code",h1:"h1",h2:"h2",p:"p",...n(),...i.components};return t.jsxs(t.Fragment,{children:[t.jsx(s,{title:"Layout (Forms)"}),`
1
+ import{j as t}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as n}from"./index-BcNHZKhG.js";import{Y as s,Z as o}from"./index-DLsIgQne.js";import{Default as p,LabelOnLeft as l}from"./field.stories-DUGMwi1O.js";import{Default as m,LabelsOnLeft as a,Row as h}from"./form.stories-CX1WxUVL.js";import"./index-DhsZuJvc.js";import"./iframe-aT7NCuic.js";import"../sb-preview/runtime.js";import"./index-CUZDtIZe.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";import"./index-D6rZ4wEC.js";import"./field-HrLaMLbx.js";import"./index-Bk2sglWO.js";import"./label-CqmyC9he.js";import"./common-types-Sih75Sav.js";import"./help-icon-Buhx5nl6.js";import"./tooltip-1V7clEnw.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./input-DTXbDJaL.js";import"./types-Dx2TtIG9.js";import"./lodash-c4VUpsOs.js";import"./text-B3-TSWok.js";import"./select-V2ZNp3Pv.js";import"./memoize-one.esm-CcMeOnPo.js";import"./types-BmbYqTX_.js";import"./actions-D-uVCDzk.js";import"./button-DHevvVBE.js";import"./spinner-AWUe4xwQ.js";import"./badge-CLQ59MDF.js";import"./select.input-CJed_LLR.js";import"./helpers-JJxzGegQ.js";import"./check-box-DPLaOkRR.js";import"./button-group-1DEZPmxq.js";import"./toggle-BbFVf61v.js";import"./input-group-BaRSJAEN.js";import"./input-group-addon-D68iUKV2.js";import"./slider-C7vnj_3M.js";import"./objectSpread2-DW4nTBoq.js";import"./index-BI4_Bp97.js";import"./textarea-D6ltcKhz.js";import"./radio-button-C4ljBRED.js";import"./form-row-CM112EYF.js";function r(i){const e={code:"code",h1:"h1",h2:"h2",p:"p",...n(),...i.components};return t.jsxs(t.Fragment,{children:[t.jsx(s,{title:"Layout (Forms)"}),`
2
2
  `,t.jsx(e.h1,{id:"layout-forms",children:"Layout (Forms)"}),`
3
3
  `,t.jsx(e.h2,{id:"field",children:"Field"}),`
4
4
  `,t.jsxs(e.p,{children:["This is a wrapper for any form element with default bottom margin, and props like ",t.jsx(e.code,{children:"label"})," for other default styling."]}),`
5
- `,t.jsx(o,{of:l}),`
6
- `,t.jsxs(e.p,{children:["For inline labels, use the ",t.jsx(e.code,{children:"labelLeft"})," prop (and the optional ",t.jsx(e.code,{children:"labelWidth"}),")."]}),`
7
5
  `,t.jsx(o,{of:p}),`
6
+ `,t.jsxs(e.p,{children:["For inline labels, use the ",t.jsx(e.code,{children:"labelLeft"})," prop (and the optional ",t.jsx(e.code,{children:"labelWidth"}),")."]}),`
7
+ `,t.jsx(o,{of:l}),`
8
8
  `,t.jsx(e.h2,{id:"stacked",children:"Stacked"}),`
9
9
  `,t.jsxs(e.p,{children:["This is the simplest form layout, and works well when horizontal space is limited, or inputs vary in height (e.g. ",t.jsx(e.code,{children:"TextArea"}),")."]}),`
10
10
  `,t.jsx(o,{of:m}),`
@@ -13,4 +13,4 @@ import{j as t}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as n}from"
13
13
  `,t.jsx(o,{of:a}),`
14
14
  `,t.jsx(e.h2,{id:"row",children:"Row"}),`
15
15
  `,t.jsxs(e.p,{children:["Wrapping a group of form controls in ",t.jsx(e.code,{children:"FormRow"})," arranges them horizontally, and applies default spacing between each item. This works well when vertical space is limited, because inputs will only wrap onto the next line when they need to."]}),`
16
- `,t.jsx(o,{of:h})]})}function ot(i={}){const{wrapper:e}={...n(),...i.components};return e?t.jsx(e,{...i,children:t.jsx(r,{...i})}):r(i)}export{ot as default};
16
+ `,t.jsx(o,{of:h})]})}function rt(i={}){const{wrapper:e}={...n(),...i.components};return e?t.jsx(e,{...i,children:t.jsx(r,{...i})}):r(i)}export{rt as default};
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as s}from"./index-BcNHZKhG.js";import{Y as r,Z as n}from"./index-RIOk8k9q.js";import{Center as d,SpaceBetween as l,JustifyEnd as a,Column as c}from"./flex.stories-BhvJpHpN.js";import{Default as h,CustomColumnWidth as p,DefaultGap as x,CustomGap as m,Responsive as u}from"./grid.stories-DqjhHHwX.js";import{Default as j,FixedWidth as f,NoPadding as w,ResponsiveWidth as g}from"./column.stories-DDTHFELF.js";import"./index-DhsZuJvc.js";import"./iframe-Ds9MEeRD.js";import"../sb-preview/runtime.js";import"./index-CUZDtIZe.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";import"./index-D6rZ4wEC.js";import"./flex-EllkLxgO.js";import"./button-DHevvVBE.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./index-CEuq6vkz.js";import"./tooltip-1V7clEnw.js";import"./text-B3-TSWok.js";import"./grid-DRkC-bt8.js";import"./styled-components.browser.esm-BQ9GQzDc.js";import"./card-EcjmryU9.js";import"./row-Bmiy2Lh0.js";import"./heading-CRNoBc7q.js";import"./help-icon-Buhx5nl6.js";function t(i){const o={code:"code",h1:"h1",h2:"h2",h3:"h3",p:"p",...s(),...i.components};return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Layout (General)"}),`
1
+ import{j as e}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as s}from"./index-BcNHZKhG.js";import{Y as r,Z as n}from"./index-DLsIgQne.js";import{Center as d,SpaceBetween as l,JustifyEnd as a,Column as c}from"./flex.stories-BhvJpHpN.js";import{Default as h,CustomColumnWidth as p,DefaultGap as x,CustomGap as m,Responsive as u}from"./grid.stories-DqjhHHwX.js";import{Default as j,FixedWidth as f,NoPadding as w,ResponsiveWidth as g}from"./column.stories-DDTHFELF.js";import"./index-DhsZuJvc.js";import"./iframe-aT7NCuic.js";import"../sb-preview/runtime.js";import"./index-CUZDtIZe.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";import"./index-D6rZ4wEC.js";import"./flex-EllkLxgO.js";import"./button-DHevvVBE.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./index-CEuq6vkz.js";import"./tooltip-1V7clEnw.js";import"./text-B3-TSWok.js";import"./grid-DRkC-bt8.js";import"./styled-components.browser.esm-BQ9GQzDc.js";import"./card-EcjmryU9.js";import"./row-Bmiy2Lh0.js";import"./heading-CRNoBc7q.js";import"./help-icon-Buhx5nl6.js";function t(i){const o={code:"code",h1:"h1",h2:"h2",h3:"h3",p:"p",...s(),...i.components};return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Layout (General)"}),`
2
2
  `,e.jsx(o.h1,{id:"layout-general",children:"Layout (General)"}),`
3
3
  `,e.jsx(o.h2,{id:"flex",children:"Flex"}),`
4
4
  `,e.jsxs(o.p,{children:["The ",e.jsx(o.code,{children:"Flex"})," component is a basic flexbox wrapper with optional props for ",e.jsx(o.code,{children:"alignItems"}),", ",e.jsx(o.code,{children:"justifyContent"})," and ",e.jsx(o.code,{children:"flexDirection"}),". This is a conveninent way to center items vertically and/or horizontally, to align them to opposite edges, or align them to the far side."]}),`
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as i}from"./index-DhsZuJvc.js";import{c as S}from"./index-Bk2sglWO.js";import{P as ee,D as ne,C as ae,I as te}from"./index.es-DazXb-ul.js";import{C as re}from"./card-EcjmryU9.js";import{l as t,N as se,M as le,L as oe}from"./meta-content-CvnoQB7n.js";import{I as _}from"./common-types-Sih75Sav.js";import{D as M}from"./disabled-context-rmpd7YJS.js";import{A as R}from"./actions-BhPnDYmS.js";import{B as O}from"./badge-CLQ59MDF.js";import{I as w}from"./icon-BSFY3vDO.js";import{L as ie}from"./loader-XHoVniao.js";const P=({label:n})=>n?e.jsx("span",{className:t.label,children:e.jsx(O,{color:n.color,title:n.value,small:n.small})}):null;P.__docgenInfo={description:"",methods:[],displayName:"Label",props:{label:{required:!1,tsType:{name:"ILabel"},description:""}}};const k=({item:n})=>n.metaCount!==void 0?e.jsx(O,{color:"rgba(0,0,0,0.25)",title:n.metaCount}):null;k.__docgenInfo={description:"",methods:[],displayName:"MetaCount",props:{item:{required:!0,tsType:{name:"signature",type:"object",raw:`{
1
+ import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as i}from"./index-DhsZuJvc.js";import{c as S}from"./index-Bk2sglWO.js";import{P as ee,D as ne,C as ae,I as te}from"./index.es-DazXb-ul.js";import{C as re}from"./card-EcjmryU9.js";import{l as t,N as se,M as le,L as oe}from"./meta-content-DWZbURV2.js";import{I as _}from"./common-types-Sih75Sav.js";import{D as M}from"./disabled-context-rmpd7YJS.js";import{A as R}from"./actions-D-uVCDzk.js";import{B as O}from"./badge-CLQ59MDF.js";import{I as w}from"./icon-BSFY3vDO.js";import{L as ie}from"./loader-XHoVniao.js";const P=({label:n})=>n?e.jsx("span",{className:t.label,children:e.jsx(O,{color:n.color,title:n.value,small:n.small})}):null;P.__docgenInfo={description:"",methods:[],displayName:"Label",props:{label:{required:!1,tsType:{name:"ILabel"},description:""}}};const k=({item:n})=>n.metaCount!==void 0?e.jsx(O,{color:"rgba(0,0,0,0.25)",title:n.metaCount}):null;k.__docgenInfo={description:"",methods:[],displayName:"MetaCount",props:{item:{required:!0,tsType:{name:"signature",type:"object",raw:`{
2
2
  metaCount?: number;
3
3
  }`,signature:{properties:[{key:"metaCount",value:{name:"number",required:!1}}]}},description:""}}};const B=({item:n,expanding:o})=>{const c=d=>{d.preventDefault(),d.stopPropagation()};return o&&n.active&&n.content?e.jsx("div",{className:t.itemContent,onClick:c,children:n.content}):null};B.__docgenInfo={description:"",methods:[],displayName:"ItemContent",props:{item:{required:!0,tsType:{name:"signature",type:"object",raw:`{
4
4
  active?: boolean;
@@ -1,4 +1,4 @@
1
- import{j as r}from"./jsx-runtime-eps93zm2.js";import{r as W}from"./index-DhsZuJvc.js";import{f}from"./immer.esm-BwVl9PS2.js";import{H as on,S as dn,R as z,L as G}from"./react-router-dom-Ck2Y_Fzc.js";import{L as y,a as P}from"./list-DhcQLzoC.js";import{L as mn}from"./meta-content-CvnoQB7n.js";import{F as ln}from"./flex-EllkLxgO.js";import{a as cn,b as pn,c as un,d as gn,e as hn,f as yn,g as bn,h as kn,i as fn,j as xn,k as Sn,m as In,n as Cn,o as sn}from"./list.stories-data-tIuoGcNV.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./tiny-invariant-DqLgxztJ.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./index-Bk2sglWO.js";import"./index.es-DazXb-ul.js";import"./redux-tRgGMjwY.js";import"./objectSpread2-DW4nTBoq.js";import"./index-CUZDtIZe.js";import"./memoize-one.esm-CcMeOnPo.js";import"./card-EcjmryU9.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./actions-BhPnDYmS.js";import"./lodash-BHd_uQHh.js";import"./button-DHevvVBE.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./tooltip-1V7clEnw.js";import"./types-BmbYqTX_.js";import"./types-UmZ4Y_CR.js";import"./badge-CLQ59MDF.js";import"./loader-XHoVniao.js";import"./heading-CRNoBc7q.js";import"./help-icon-Buhx5nl6.js";const ta={title:"Basic/List",component:y,args:{list:cn,noHeader:!0},parameters:{layout:"fullscreen"}},o=d=>r.jsx(y,{...d}),q=o.bind({}),L=o.bind({});L.args={list:pn};const D=o.bind({});D.args={list:un};const v=o.bind({});v.args={list:gn};const K=o.bind({});K.args={list:hn,expanding:!0};const H=o.bind({});H.args={list:yn,noHeader:!1};const M=o.bind({});M.args={list:bn};const R=o.bind({});R.args={list:kn};const j=o.bind({});j.args={list:fn};const T=o.bind({});T.args={list:xn};const N=o.bind({});N.args={list:Sn,noHeader:!1};const E=o.bind({});E.args={bordered:!0};const w=o.bind({});w.args={list:In};const _=o.bind({});_.args={list:Cn};const S=o.bind({});S.args={list:sn,noHeader:!1,stickyHeader:!0};S.parameters={docs:{story:{inline:!1,iframeHeight:200}}};const x=o.bind({});x.args={list:sn,scrollDetails:{scrollable:!0}};x.parameters={docs:{description:{story:"Adds an internal scrollbar to the `List`, which will fill its parent height unless a `height` is set. The scrollbar can be toggled using `hideScrollbar`."}}};x.decorators=[d=>r.jsx("div",{style:{height:200,overflow:"hidden"},children:d()})];const $=()=>{const[d,b]=W.useState(0),k={name:"Animals",items:[...Array(50)].map((m,l)=>({id:l,name:`Aardvark #${l+1}`,active:l===d,onClick:()=>b(l)}))};return r.jsx("div",{style:{height:200,overflow:"auto"},children:r.jsx(y,{list:k,scrollDetails:{infiniteScroll:!0,scrollable:!0,limit:10}})})},B=()=>{const d=(e,a)=>{switch(a.type){case"headingClicked":{const{headingKey:t}=a.payload;return f(e,s=>{const i=s[t];i.expanded=!i.expanded})}case"itemClicked":{const{headingKey:t,itemIndex:s}=a.payload;return f(e,i=>{Object.keys(i).forEach(h=>{i[h].items.forEach((A,rn)=>{A.active=h===t&&rn===s})})})}case"addClicked":{const{headingKey:t}=a.payload;return f(e,s=>{const i=s[t];i.expanded=!0,i.items.push({name:`${i.label} #${i.items.length+1}`})})}case"deleteClicked":{const{headingKey:t,itemIndex:s}=a.payload;return f(e,i=>{let{items:h}=i[t];delete h[s],i[t].items=h.filter(A=>A)})}default:return e}},b=()=>({mammals:{draggable:!0,name:"Mammals",key:"mammals",label:"Mammals",expanded:!0,items:[{name:"Click item to scroll",type:"Heading"},{name:"Mammal #1",active:!0},{name:"Mammal #2"},{name:"Mammal #3"},{name:"Mammal #4"},{name:"Mammal #5"},{name:"Mammal #6"},{name:"Mammal #7"},{name:"Mammal #8"},{name:"Mammal #9"},{name:"Mammal #10"}]},amphibians:{name:"Amphibians (sticky header)",key:"amphibians",label:"Amphibians",expanded:!0,items:[{name:"Click item to scroll",type:"Heading"},{name:"Amphibian #1",active:!0},{name:"Amphibian #2"},{name:"Amphibian #3"},{name:"Amphibian #4"},{name:"Amphibian #5"},{name:"Amphibian #6"},{name:"Amphibian #7"},{name:"Amphibian #8"},{name:"Amphibian #9"},{name:"Amphibian #10"}]}}),[k,m]=W.useReducer(d,{},()=>b()),[l,u]=W.useState(!1),c=(e,a)=>{u(!0),m({type:"itemClicked",payload:{headingKey:e,itemIndex:a}}),setTimeout(()=>u(!1),0)},p=e=>{m({type:"addClicked",payload:{headingKey:e}})},g=(e,a)=>m({type:"deleteClicked",payload:{headingKey:e,itemIndex:a}}),{mammals:I,amphibians:X}=k,C=e=>({...e,actions:[{label:"Add",primary:!0,icon:"add",onClick:()=>p(e.key)}],items:e.items.map((a,t)=>a.type=="Heading"?{...a,id:t}:{...a,id:t,onClick:()=>c(e.key,t),actions:[{label:"Delete",icon:"delete",onClick:()=>g(e.key,t)}]})}),n=300;return r.jsxs(ln,{gap:!0,children:[r.jsx(y,{list:C(I),bordered:!0,height:n,scrollDetails:{scrollable:!0,hideScrollbar:!1,triggerScrollToActiveItem:l}}),r.jsx(y,{list:C(X),bordered:!0,stickyHeader:!0,height:n,scrollDetails:{scrollable:!0,hideScrollbar:!1,triggerScrollToActiveItem:l}})]})},F=()=>{const d=(n,e)=>{switch(e.type){case"headingClicked":{const{headingKey:a}=e.payload;return f(n,t=>{const s=t[a];s.expanded=!s.expanded})}case"itemClicked":{const{headingKey:a,itemIndex:t}=e.payload;return f(n,s=>{Object.keys(s).forEach(i=>{s[i].items.forEach((h,A)=>{h.active=i===a&&A===t})})})}case"addClicked":{const{headingKey:a}=e.payload;return f(n,t=>{const s=t[a];s.expanded=!0,s.items.push({name:`${s.label} #${s.items.length+1}`})})}case"deleteClicked":{const{headingKey:a,itemIndex:t}=e.payload;return f(n,s=>{let{items:i}=s[a];delete i[t],s[a].items=i.filter(h=>h)})}default:return n}},b=()=>({mammals:{key:"mammals",label:"Mammals",expanded:!0,items:[{name:"Aardvark",active:!0},{name:"Kangaroo"}]},amphibians:{key:"amphibians",label:"Amphibians",expanded:!0,items:[{name:"Frog"}]}}),[k,m]=W.useReducer(d,b()),l=n=>m({type:"headingClicked",payload:{headingKey:n}}),u=(n,e)=>m({type:"itemClicked",payload:{headingKey:n,itemIndex:e}}),c=n=>m({type:"addClicked",payload:{headingKey:n}}),p=(n,e)=>m({type:"deleteClicked",payload:{headingKey:n,itemIndex:e}}),{mammals:g,amphibians:I}=k,X=n=>({name:n.label,metaCount:n.items.length,expanded:n.expanded,onClick:()=>l(n.key),actions:[{label:"Add",primary:!0,icon:"add",onClick:()=>c(n.key)}]}),C=n=>({...n,items:n.items.map((e,a)=>({...e,id:a,onClick:()=>u(n.key,a),actions:[{label:"Delete",icon:"delete",onClick:()=>p(n.key,a)}]}))});return r.jsxs(r.Fragment,{children:[r.jsx(mn,{name:"Animals"}),r.jsx(P,{item:X(g)}),g.expanded&&r.jsx(y,{noHeader:!0,list:C(g)}),r.jsx(P,{item:X(I)}),I.expanded&&r.jsx(y,{noHeader:!0,list:C(I)})]})},O=()=>{const d=(u,c,p)=>{if(c&&isNaN(c)||p&&isNaN(p)||c===p)return u;const g=[...u];return typeof p=="number"&&typeof c=="number"&&g.splice(p,0,g.splice(c,1)[0]),g},b={name:"List Name",draggable:!0,items:[{id:1,name:"element 1",actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]},{id:2,name:"Long element name goes here lorem ipsum dolor lorem ipsum dolor",actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]},{id:3,name:"element 3"},{id:4,name:"element 4",actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]},{id:5,name:"element 5",actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]}]},[k,m]=W.useState(b.items),l=u=>{const{to:c,from:p}=u;m(d(k,p,c))};return r.jsx(y,{list:{...b,items:k},draggable:!0,onListReorder:l})},J=()=>{const d={items:[{id:1,name:"Dashboard",component:G,url:"/dashboard"},{id:2,name:"Settings",component:G,url:"/settings"}]};return r.jsxs(on,{children:[r.jsx(y,{list:d,noHeader:!0}),r.jsxs(dn,{children:[r.jsx(z,{path:"/dashboard",children:"Dashboard"}),r.jsx(z,{path:"/settings",children:"Settings"})]})]})};$.__docgenInfo={description:"",methods:[],displayName:"InfiniteScroll"};B.__docgenInfo={description:"",methods:[],displayName:"ScrollToActiveItem"};F.__docgenInfo={description:"",methods:[],displayName:"HeadingsManaged"};O.__docgenInfo={description:"",methods:[],displayName:"ManagedDragAndDrop"};J.__docgenInfo={description:"",methods:[],displayName:"AsRouterLink"};var Q,U,V;q.parameters={...q.parameters,docs:{...(Q=q.parameters)==null?void 0:Q.docs,source:{originalSource:`args => {
1
+ import{j as r}from"./jsx-runtime-eps93zm2.js";import{r as W}from"./index-DhsZuJvc.js";import{f}from"./immer.esm-BwVl9PS2.js";import{H as on,S as dn,R as z,L as G}from"./react-router-dom-Ck2Y_Fzc.js";import{L as y,a as P}from"./list-bKpz6I9Q.js";import{L as mn}from"./meta-content-DWZbURV2.js";import{F as ln}from"./flex-EllkLxgO.js";import{a as cn,b as pn,c as un,d as gn,e as hn,f as yn,g as bn,h as kn,i as fn,j as xn,k as Sn,m as In,n as Cn,o as sn}from"./list.stories-data-D_Aj3AN4.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./tiny-invariant-DqLgxztJ.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./index-Bk2sglWO.js";import"./index.es-DazXb-ul.js";import"./redux-tRgGMjwY.js";import"./objectSpread2-DW4nTBoq.js";import"./index-CUZDtIZe.js";import"./memoize-one.esm-CcMeOnPo.js";import"./card-EcjmryU9.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./actions-D-uVCDzk.js";import"./lodash-c4VUpsOs.js";import"./button-DHevvVBE.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./tooltip-1V7clEnw.js";import"./types-BmbYqTX_.js";import"./types-Dx2TtIG9.js";import"./badge-CLQ59MDF.js";import"./loader-XHoVniao.js";import"./heading-CRNoBc7q.js";import"./help-icon-Buhx5nl6.js";const ta={title:"Basic/List",component:y,args:{list:cn,noHeader:!0},parameters:{layout:"fullscreen"}},o=d=>r.jsx(y,{...d}),q=o.bind({}),L=o.bind({});L.args={list:pn};const D=o.bind({});D.args={list:un};const v=o.bind({});v.args={list:gn};const K=o.bind({});K.args={list:hn,expanding:!0};const H=o.bind({});H.args={list:yn,noHeader:!1};const M=o.bind({});M.args={list:bn};const R=o.bind({});R.args={list:kn};const j=o.bind({});j.args={list:fn};const T=o.bind({});T.args={list:xn};const N=o.bind({});N.args={list:Sn,noHeader:!1};const E=o.bind({});E.args={bordered:!0};const w=o.bind({});w.args={list:In};const _=o.bind({});_.args={list:Cn};const S=o.bind({});S.args={list:sn,noHeader:!1,stickyHeader:!0};S.parameters={docs:{story:{inline:!1,iframeHeight:200}}};const x=o.bind({});x.args={list:sn,scrollDetails:{scrollable:!0}};x.parameters={docs:{description:{story:"Adds an internal scrollbar to the `List`, which will fill its parent height unless a `height` is set. The scrollbar can be toggled using `hideScrollbar`."}}};x.decorators=[d=>r.jsx("div",{style:{height:200,overflow:"hidden"},children:d()})];const $=()=>{const[d,b]=W.useState(0),k={name:"Animals",items:[...Array(50)].map((m,l)=>({id:l,name:`Aardvark #${l+1}`,active:l===d,onClick:()=>b(l)}))};return r.jsx("div",{style:{height:200,overflow:"auto"},children:r.jsx(y,{list:k,scrollDetails:{infiniteScroll:!0,scrollable:!0,limit:10}})})},B=()=>{const d=(e,a)=>{switch(a.type){case"headingClicked":{const{headingKey:t}=a.payload;return f(e,s=>{const i=s[t];i.expanded=!i.expanded})}case"itemClicked":{const{headingKey:t,itemIndex:s}=a.payload;return f(e,i=>{Object.keys(i).forEach(h=>{i[h].items.forEach((A,rn)=>{A.active=h===t&&rn===s})})})}case"addClicked":{const{headingKey:t}=a.payload;return f(e,s=>{const i=s[t];i.expanded=!0,i.items.push({name:`${i.label} #${i.items.length+1}`})})}case"deleteClicked":{const{headingKey:t,itemIndex:s}=a.payload;return f(e,i=>{let{items:h}=i[t];delete h[s],i[t].items=h.filter(A=>A)})}default:return e}},b=()=>({mammals:{draggable:!0,name:"Mammals",key:"mammals",label:"Mammals",expanded:!0,items:[{name:"Click item to scroll",type:"Heading"},{name:"Mammal #1",active:!0},{name:"Mammal #2"},{name:"Mammal #3"},{name:"Mammal #4"},{name:"Mammal #5"},{name:"Mammal #6"},{name:"Mammal #7"},{name:"Mammal #8"},{name:"Mammal #9"},{name:"Mammal #10"}]},amphibians:{name:"Amphibians (sticky header)",key:"amphibians",label:"Amphibians",expanded:!0,items:[{name:"Click item to scroll",type:"Heading"},{name:"Amphibian #1",active:!0},{name:"Amphibian #2"},{name:"Amphibian #3"},{name:"Amphibian #4"},{name:"Amphibian #5"},{name:"Amphibian #6"},{name:"Amphibian #7"},{name:"Amphibian #8"},{name:"Amphibian #9"},{name:"Amphibian #10"}]}}),[k,m]=W.useReducer(d,{},()=>b()),[l,u]=W.useState(!1),c=(e,a)=>{u(!0),m({type:"itemClicked",payload:{headingKey:e,itemIndex:a}}),setTimeout(()=>u(!1),0)},p=e=>{m({type:"addClicked",payload:{headingKey:e}})},g=(e,a)=>m({type:"deleteClicked",payload:{headingKey:e,itemIndex:a}}),{mammals:I,amphibians:X}=k,C=e=>({...e,actions:[{label:"Add",primary:!0,icon:"add",onClick:()=>p(e.key)}],items:e.items.map((a,t)=>a.type=="Heading"?{...a,id:t}:{...a,id:t,onClick:()=>c(e.key,t),actions:[{label:"Delete",icon:"delete",onClick:()=>g(e.key,t)}]})}),n=300;return r.jsxs(ln,{gap:!0,children:[r.jsx(y,{list:C(I),bordered:!0,height:n,scrollDetails:{scrollable:!0,hideScrollbar:!1,triggerScrollToActiveItem:l}}),r.jsx(y,{list:C(X),bordered:!0,stickyHeader:!0,height:n,scrollDetails:{scrollable:!0,hideScrollbar:!1,triggerScrollToActiveItem:l}})]})},F=()=>{const d=(n,e)=>{switch(e.type){case"headingClicked":{const{headingKey:a}=e.payload;return f(n,t=>{const s=t[a];s.expanded=!s.expanded})}case"itemClicked":{const{headingKey:a,itemIndex:t}=e.payload;return f(n,s=>{Object.keys(s).forEach(i=>{s[i].items.forEach((h,A)=>{h.active=i===a&&A===t})})})}case"addClicked":{const{headingKey:a}=e.payload;return f(n,t=>{const s=t[a];s.expanded=!0,s.items.push({name:`${s.label} #${s.items.length+1}`})})}case"deleteClicked":{const{headingKey:a,itemIndex:t}=e.payload;return f(n,s=>{let{items:i}=s[a];delete i[t],s[a].items=i.filter(h=>h)})}default:return n}},b=()=>({mammals:{key:"mammals",label:"Mammals",expanded:!0,items:[{name:"Aardvark",active:!0},{name:"Kangaroo"}]},amphibians:{key:"amphibians",label:"Amphibians",expanded:!0,items:[{name:"Frog"}]}}),[k,m]=W.useReducer(d,b()),l=n=>m({type:"headingClicked",payload:{headingKey:n}}),u=(n,e)=>m({type:"itemClicked",payload:{headingKey:n,itemIndex:e}}),c=n=>m({type:"addClicked",payload:{headingKey:n}}),p=(n,e)=>m({type:"deleteClicked",payload:{headingKey:n,itemIndex:e}}),{mammals:g,amphibians:I}=k,X=n=>({name:n.label,metaCount:n.items.length,expanded:n.expanded,onClick:()=>l(n.key),actions:[{label:"Add",primary:!0,icon:"add",onClick:()=>c(n.key)}]}),C=n=>({...n,items:n.items.map((e,a)=>({...e,id:a,onClick:()=>u(n.key,a),actions:[{label:"Delete",icon:"delete",onClick:()=>p(n.key,a)}]}))});return r.jsxs(r.Fragment,{children:[r.jsx(mn,{name:"Animals"}),r.jsx(P,{item:X(g)}),g.expanded&&r.jsx(y,{noHeader:!0,list:C(g)}),r.jsx(P,{item:X(I)}),I.expanded&&r.jsx(y,{noHeader:!0,list:C(I)})]})},O=()=>{const d=(u,c,p)=>{if(c&&isNaN(c)||p&&isNaN(p)||c===p)return u;const g=[...u];return typeof p=="number"&&typeof c=="number"&&g.splice(p,0,g.splice(c,1)[0]),g},b={name:"List Name",draggable:!0,items:[{id:1,name:"element 1",actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]},{id:2,name:"Long element name goes here lorem ipsum dolor lorem ipsum dolor",actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]},{id:3,name:"element 3"},{id:4,name:"element 4",actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]},{id:5,name:"element 5",actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]}]},[k,m]=W.useState(b.items),l=u=>{const{to:c,from:p}=u;m(d(k,p,c))};return r.jsx(y,{list:{...b,items:k},draggable:!0,onListReorder:l})},J=()=>{const d={items:[{id:1,name:"Dashboard",component:G,url:"/dashboard"},{id:2,name:"Settings",component:G,url:"/settings"}]};return r.jsxs(on,{children:[r.jsx(y,{list:d,noHeader:!0}),r.jsxs(dn,{children:[r.jsx(z,{path:"/dashboard",children:"Dashboard"}),r.jsx(z,{path:"/settings",children:"Settings"})]})]})};$.__docgenInfo={description:"",methods:[],displayName:"InfiniteScroll"};B.__docgenInfo={description:"",methods:[],displayName:"ScrollToActiveItem"};F.__docgenInfo={description:"",methods:[],displayName:"HeadingsManaged"};O.__docgenInfo={description:"",methods:[],displayName:"ManagedDragAndDrop"};J.__docgenInfo={description:"",methods:[],displayName:"AsRouterLink"};var Q,U,V;q.parameters={...q.parameters,docs:{...(Q=q.parameters)==null?void 0:Q.docs,source:{originalSource:`args => {
2
2
  return <List {...args} />;
3
3
  }`,...(V=(U=q.parameters)==null?void 0:U.docs)==null?void 0:V.source}}};var Y,Z,ee;L.parameters={...L.parameters,docs:{...(Y=L.parameters)==null?void 0:Y.docs,source:{originalSource:`args => {
4
4
  return <List {...args} />;
@@ -1 +1 @@
1
- import{j as t}from"./jsx-runtime-eps93zm2.js";import{I as i,T as c}from"./common-types-Sih75Sav.js";import{F as o}from"./flex-EllkLxgO.js";import{M as d}from"./actions-BhPnDYmS.js";import{I as n}from"./icon-BSFY3vDO.js";import{M as l}from"./types-BmbYqTX_.js";const a=[{id:1,name:"Aardvark"},{id:2,name:"Kangaroo",active:!0},{id:3,name:"Jaguar",disabled:!0}],p=[{id:1,name:"Marsupials",type:"Heading",metaCount:1},{id:2,name:"Aardvark"},{id:3,name:"Kangaroo",active:!0},{id:4,name:"Mammals",type:"Heading",metaCount:1},{id:5,name:"Jaguar"}],g=[{id:1,name:"Aardvark"},{id:2,name:"Kangaroo",active:!0},{id:3,name:"Grey",level:1},{id:4,name:"Eastern",level:2},{id:5,name:"Macropus giganteus giganteus",title:"Macropus giganteus giganteus",level:3},{id:6,name:"Macropus giganteus tasmaniensis",title:"Macropus giganteus tasmaniensis",level:3},{id:7,name:"Western",level:2},{id:8,name:"Red",level:1},{id:9,name:"Jaguar"}],h={items:a},r={name:"Animals",actions:[{label:"More",subActions:[{label:"Item",icon:"up",onClick:()=>{}},{label:"Item",icon:"down",onClick:()=>{}}]},{label:"Add",primary:!0,icon:"add",onClick:()=>{}}],items:a},m={...r,items:p},A={...r,name:t.jsxs(o,{gap:"var(--padding-xs)",alignItems:"center",children:["Animals",t.jsx(n,{icon:i.STAR})]}),items:a.map(e=>({...e,name:t.jsxs(o,{gap:"var(--padding-xs)",alignItems:"center",children:[e.name,t.jsx(n,{icon:i.STAR})]})}))};a.map(e=>({...e,actions:[{childComponent:t.jsx(d,{menu:{trigger:c.COMPONENT,component:t.jsx(n,{icon:i.MENU}),placement:"bottom-end",sections:[{type:l.OPTION,label:"Item",onClick:()=>{}},{type:l.OPTION,label:"Item",onClick:()=>{}}]}})}]}));const C={items:a.map(e=>({...e,actions:[{label:"More",subActions:[{label:"Move Up",icon:"up",onClick:()=>{}},{label:"Move Down",icon:"down",onClick:()=>{}}]}]}))},k={items:a.map((e,s)=>({...e,label:{value:String(s+1),color:"var(--color-text-info)"}}))},j={items:a.map(e=>({...e,label:{value:t.jsx(t.Fragment,{children:" "}),color:"var(--color-text-info)",small:!0}}))},T={...m,items:m.items.map((e,s)=>({...e,label:{value:String(s+1),color:"var(--color-text-info)"}}))},f={items:a.map(e=>({...e,actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]}))},y={items:a.map((e,s)=>({...e,details:"Description goes here",metadata:"2019-05-03 09:03:51",testId:`story-list-item-${s}`}))},S={items:a.map(e=>({...e,content:t.jsx("div",{children:"Example content element (for show/hide)."})}))},N={items:g},E={items:[...a,{id:4,name:"Dodo",invalid:!0}]},O={items:a.map(e=>({...e,icon:{icon:"success",color:"var(--color-text-success)",tooltip:{text:t.jsx(t.Fragment,{children:"Tooltip goes here"})}}}))},D={items:a.map(e=>({...e,metaCount:3}))},w={name:"Animals",items:[...Array(50)].map((e,s)=>({id:s,name:`Aardvark #${s+1}`}))};export{h as a,f as b,C as c,y as d,S as e,r as f,k as g,j as h,N as i,E as j,A as k,T as l,O as m,D as n,w as o};
1
+ import{j as t}from"./jsx-runtime-eps93zm2.js";import{I as i,T as c}from"./common-types-Sih75Sav.js";import{F as o}from"./flex-EllkLxgO.js";import{M as d}from"./actions-D-uVCDzk.js";import{I as n}from"./icon-BSFY3vDO.js";import{M as l}from"./types-BmbYqTX_.js";const a=[{id:1,name:"Aardvark"},{id:2,name:"Kangaroo",active:!0},{id:3,name:"Jaguar",disabled:!0}],p=[{id:1,name:"Marsupials",type:"Heading",metaCount:1},{id:2,name:"Aardvark"},{id:3,name:"Kangaroo",active:!0},{id:4,name:"Mammals",type:"Heading",metaCount:1},{id:5,name:"Jaguar"}],g=[{id:1,name:"Aardvark"},{id:2,name:"Kangaroo",active:!0},{id:3,name:"Grey",level:1},{id:4,name:"Eastern",level:2},{id:5,name:"Macropus giganteus giganteus",title:"Macropus giganteus giganteus",level:3},{id:6,name:"Macropus giganteus tasmaniensis",title:"Macropus giganteus tasmaniensis",level:3},{id:7,name:"Western",level:2},{id:8,name:"Red",level:1},{id:9,name:"Jaguar"}],h={items:a},r={name:"Animals",actions:[{label:"More",subActions:[{label:"Item",icon:"up",onClick:()=>{}},{label:"Item",icon:"down",onClick:()=>{}}]},{label:"Add",primary:!0,icon:"add",onClick:()=>{}}],items:a},m={...r,items:p},A={...r,name:t.jsxs(o,{gap:"var(--padding-xs)",alignItems:"center",children:["Animals",t.jsx(n,{icon:i.STAR})]}),items:a.map(e=>({...e,name:t.jsxs(o,{gap:"var(--padding-xs)",alignItems:"center",children:[e.name,t.jsx(n,{icon:i.STAR})]})}))};a.map(e=>({...e,actions:[{childComponent:t.jsx(d,{menu:{trigger:c.COMPONENT,component:t.jsx(n,{icon:i.MENU}),placement:"bottom-end",sections:[{type:l.OPTION,label:"Item",onClick:()=>{}},{type:l.OPTION,label:"Item",onClick:()=>{}}]}})}]}));const C={items:a.map(e=>({...e,actions:[{label:"More",subActions:[{label:"Move Up",icon:"up",onClick:()=>{}},{label:"Move Down",icon:"down",onClick:()=>{}}]}]}))},k={items:a.map((e,s)=>({...e,label:{value:String(s+1),color:"var(--color-text-info)"}}))},j={items:a.map(e=>({...e,label:{value:t.jsx(t.Fragment,{children:" "}),color:"var(--color-text-info)",small:!0}}))},T={...m,items:m.items.map((e,s)=>({...e,label:{value:String(s+1),color:"var(--color-text-info)"}}))},f={items:a.map(e=>({...e,actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]}))},y={items:a.map((e,s)=>({...e,details:"Description goes here",metadata:"2019-05-03 09:03:51",testId:`story-list-item-${s}`}))},S={items:a.map(e=>({...e,content:t.jsx("div",{children:"Example content element (for show/hide)."})}))},N={items:g},E={items:[...a,{id:4,name:"Dodo",invalid:!0}]},O={items:a.map(e=>({...e,icon:{icon:"success",color:"var(--color-text-success)",tooltip:{text:t.jsx(t.Fragment,{children:"Tooltip goes here"})}}}))},D={items:a.map(e=>({...e,metaCount:3}))},w={name:"Animals",items:[...Array(50)].map((e,s)=>({id:s,name:`Aardvark #${s+1}`}))};export{h as a,f as b,C as c,y as d,S as e,r as f,k as g,j as h,N as i,E as j,A as k,T as l,O as m,D as n,w as o};
@@ -1,4 +1,4 @@
1
- import{c as jt,g as rp}from"./index-DhsZuJvc.js";var Je={exports:{}};/**
1
+ import{c as jt}from"./index-DhsZuJvc.js";var Je={exports:{}};/**
2
2
  * @license
3
3
  * Lodash <https://lodash.com/>
4
4
  * Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
@@ -24,4 +24,4 @@ __p += '`),O&&(v+=`' +
24
24
  function print() { __p += __j.call(arguments, '') }
25
25
  `:`;
26
26
  `)+v+`return __p
27
- }`;var L=nl(function(){return W(f,x+"return "+v).apply(o,l)});if(L.source=v,ci(L))throw L;return L}function a_(n){return P(n).toLowerCase()}function c_(n){return P(n).toUpperCase()}function h_(n,t,e){if(n=P(n),n&&(e||t===o))return ou(n);if(!n||!(t=un(t)))return n;var r=Rn(n),i=Rn(t),f=su(r,i),l=au(r,i)+1;return Vn(r,f,l).join("")}function g_(n,t,e){if(n=P(n),n&&(e||t===o))return n.slice(0,hu(n)+1);if(!n||!(t=un(t)))return n;var r=Rn(n),i=au(r,Rn(t))+1;return Vn(r,0,i).join("")}function __(n,t,e){if(n=P(n),n&&(e||t===o))return n.replace(cr,"");if(!n||!(t=un(t)))return n;var r=Rn(n),i=su(r,Rn(t));return Vn(r,i).join("")}function p_(n,t){var e=ll,r=ol;if(D(t)){var i="separator"in t?t.separator:i;e="length"in t?T(t.length):e,r="omission"in t?un(t.omission):r}n=P(n);var f=n.length;if(wt(n)){var l=Rn(n);f=l.length}if(e>=f)return n;var s=e-xt(r);if(s<1)return r;var c=l?Vn(l,0,s).join(""):n.slice(0,s);if(i===o)return c+r;if(l&&(s+=c.length-s),hi(i)){if(n.slice(s).search(i)){var _,p=c;for(i.global||(i=Cr(i.source,P(Oi.exec(i))+"g")),i.lastIndex=0;_=i.exec(p);)var v=_.index;c=c.slice(0,v===o?s:v)}}else if(n.indexOf(un(i),s)!=s){var d=c.lastIndexOf(i);d>-1&&(c=c.slice(0,d))}return c+r}function v_(n){return n=P(n),n&&Ll.test(n)?n.replace(yi,zo):n}var d_=Lt(function(n,t,e){return n+(e?" ":"")+t.toUpperCase()}),pi=nf("toUpperCase");function jf(n,t,e){return n=P(n),t=e?o:t,t===o?Go(n)?Xo(n):Wo(n):n.match(t)||[]}var nl=y(function(n,t){try{return en(n,o,t)}catch(e){return ci(e)?e:new S(e)}}),w_=Un(function(n,t){return hn(t,function(e){e=On(e),Fn(n,e,si(n[e],n))}),n});function x_(n){var t=n==null?0:n.length,e=A();return n=t?U(n,function(r){if(typeof r[1]!="function")throw new gn(sn);return[e(r[0]),r[1]]}):[],y(function(r){for(var i=-1;++i<t;){var f=n[i];if(en(f[0],this,r))return en(f[1],this,r)}})}function A_(n){return zs(pn(n,qn))}function vi(n){return function(){return n}}function R_(n,t){return n==null||n!==n?t:n}var I_=ef(),S_=ef(!0);function tn(n){return n}function di(n){return Pu(typeof n=="function"?n:pn(n,qn))}function E_(n){return bu(pn(n,qn))}function T_(n,t){return Fu(n,pn(t,qn))}var L_=y(function(n,t){return function(e){return Zt(e,n,t)}}),y_=y(function(n,t){return function(e){return Zt(n,e,t)}});function wi(n,t,e){var r=$(t),i=me(t,r);e==null&&!(D(t)&&(i.length||!r.length))&&(e=t,t=n,n=this,i=me(t,$(t)));var f=!(D(e)&&"chain"in e)||!!e.chain,l=Nn(n);return hn(i,function(s){var c=t[s];n[s]=c,l&&(n.prototype[s]=function(){var _=this.__chain__;if(f||_){var p=n(this.__wrapped__),v=p.__actions__=k(this.__actions__);return v.push({func:c,args:arguments,thisArg:n}),p.__chain__=_,p}return c.apply(n,zn([this.value()],arguments))})}),n}function C_(){return z._===this&&(z._=ns),this}function xi(){}function m_(n){return n=T(n),y(function(t){return Mu(t,n)})}var O_=Qr(U),W_=Qr(ru),P_=Qr(Rr);function tl(n){return ri(n)?Ir(On(n)):oa(n)}function B_(n){return function(t){return n==null?o:ft(n,t)}}var b_=uf(),F_=uf(!0);function Ai(){return[]}function Ri(){return!1}function M_(){return{}}function U_(){return""}function D_(){return!0}function N_(n,t){if(n=T(n),n<1||n>Kn)return[];var e=yn,r=Y(n,yn);t=A(t),n-=yn;for(var i=Tr(r,t);++e<n;)t(e);return i}function G_(n){return E(n)?U(n,On):fn(n)?[n]:k(Rf(P(n)))}function H_(n){var t=++ko;return P(n)+t}var q_=Fe(function(n,t){return n+t},0),K_=Vr("ceil"),$_=Fe(function(n,t){return n/t},1),z_=Vr("floor");function Z_(n){return n&&n.length?Ce(n,tn,Mr):o}function Y_(n,t){return n&&n.length?Ce(n,A(t,2),Mr):o}function X_(n){return fu(n,tn)}function J_(n,t){return fu(n,A(t,2))}function Q_(n){return n&&n.length?Ce(n,tn,Gr):o}function V_(n,t){return n&&n.length?Ce(n,A(t,2),Gr):o}var k_=Fe(function(n,t){return n*t},1),j_=Vr("round"),np=Fe(function(n,t){return n-t},0);function tp(n){return n&&n.length?Er(n,tn):0}function ep(n,t){return n&&n.length?Er(n,A(t,2)):0}return u.after=Eh,u.ary=Pf,u.assign=cg,u.assignIn=Zf,u.assignInWith=Xe,u.assignWith=hg,u.at=gg,u.before=Bf,u.bind=si,u.bindAll=w_,u.bindKey=bf,u.castArray=Mh,u.chain=mf,u.chunk=za,u.compact=Za,u.concat=Ya,u.cond=x_,u.conforms=A_,u.constant=vi,u.countBy=th,u.create=_g,u.curry=Ff,u.curryRight=Mf,u.debounce=Uf,u.defaults=pg,u.defaultsDeep=vg,u.defer=Th,u.delay=Lh,u.difference=Xa,u.differenceBy=Ja,u.differenceWith=Qa,u.drop=Va,u.dropRight=ka,u.dropRightWhile=ja,u.dropWhile=nc,u.fill=tc,u.filter=rh,u.flatMap=fh,u.flatMapDeep=lh,u.flatMapDepth=oh,u.flatten=Tf,u.flattenDeep=ec,u.flattenDepth=rc,u.flip=yh,u.flow=I_,u.flowRight=S_,u.fromPairs=ic,u.functions=Sg,u.functionsIn=Eg,u.groupBy=sh,u.initial=fc,u.intersection=lc,u.intersectionBy=oc,u.intersectionWith=sc,u.invert=Lg,u.invertBy=yg,u.invokeMap=ch,u.iteratee=di,u.keyBy=hh,u.keys=$,u.keysIn=nn,u.map=qe,u.mapKeys=mg,u.mapValues=Og,u.matches=E_,u.matchesProperty=T_,u.memoize=$e,u.merge=Wg,u.mergeWith=Yf,u.method=L_,u.methodOf=y_,u.mixin=wi,u.negate=ze,u.nthArg=m_,u.omit=Pg,u.omitBy=Bg,u.once=Ch,u.orderBy=gh,u.over=O_,u.overArgs=mh,u.overEvery=W_,u.overSome=P_,u.partial=ai,u.partialRight=Df,u.partition=_h,u.pick=bg,u.pickBy=Xf,u.property=tl,u.propertyOf=B_,u.pull=gc,u.pullAll=yf,u.pullAllBy=_c,u.pullAllWith=pc,u.pullAt=vc,u.range=b_,u.rangeRight=F_,u.rearg=Oh,u.reject=dh,u.remove=dc,u.rest=Wh,u.reverse=li,u.sampleSize=xh,u.set=Mg,u.setWith=Ug,u.shuffle=Ah,u.slice=wc,u.sortBy=Sh,u.sortedUniq=Tc,u.sortedUniqBy=Lc,u.split=f_,u.spread=Ph,u.tail=yc,u.take=Cc,u.takeRight=mc,u.takeRightWhile=Oc,u.takeWhile=Wc,u.tap=Zc,u.throttle=Bh,u.thru=He,u.toArray=Kf,u.toPairs=Jf,u.toPairsIn=Qf,u.toPath=G_,u.toPlainObject=zf,u.transform=Dg,u.unary=bh,u.union=Pc,u.unionBy=Bc,u.unionWith=bc,u.uniq=Fc,u.uniqBy=Mc,u.uniqWith=Uc,u.unset=Ng,u.unzip=oi,u.unzipWith=Cf,u.update=Gg,u.updateWith=Hg,u.values=mt,u.valuesIn=qg,u.without=Dc,u.words=jf,u.wrap=Fh,u.xor=Nc,u.xorBy=Gc,u.xorWith=Hc,u.zip=qc,u.zipObject=Kc,u.zipObjectDeep=$c,u.zipWith=zc,u.entries=Jf,u.entriesIn=Qf,u.extend=Zf,u.extendWith=Xe,wi(u,u),u.add=q_,u.attempt=nl,u.camelCase=Zg,u.capitalize=Vf,u.ceil=K_,u.clamp=Kg,u.clone=Uh,u.cloneDeep=Nh,u.cloneDeepWith=Gh,u.cloneWith=Dh,u.conformsTo=Hh,u.deburr=kf,u.defaultTo=R_,u.divide=$_,u.endsWith=Yg,u.eq=Sn,u.escape=Xg,u.escapeRegExp=Jg,u.every=eh,u.find=ih,u.findIndex=Sf,u.findKey=dg,u.findLast=uh,u.findLastIndex=Ef,u.findLastKey=wg,u.floor=z_,u.forEach=Of,u.forEachRight=Wf,u.forIn=xg,u.forInRight=Ag,u.forOwn=Rg,u.forOwnRight=Ig,u.get=gi,u.gt=qh,u.gte=Kh,u.has=Tg,u.hasIn=_i,u.head=Lf,u.identity=tn,u.includes=ah,u.indexOf=uc,u.inRange=$g,u.invoke=Cg,u.isArguments=st,u.isArray=E,u.isArrayBuffer=$h,u.isArrayLike=j,u.isArrayLikeObject=G,u.isBoolean=zh,u.isBuffer=kn,u.isDate=Zh,u.isElement=Yh,u.isEmpty=Xh,u.isEqual=Jh,u.isEqualWith=Qh,u.isError=ci,u.isFinite=Vh,u.isFunction=Nn,u.isInteger=Nf,u.isLength=Ze,u.isMap=Gf,u.isMatch=kh,u.isMatchWith=jh,u.isNaN=ng,u.isNative=tg,u.isNil=rg,u.isNull=eg,u.isNumber=Hf,u.isObject=D,u.isObjectLike=N,u.isPlainObject=kt,u.isRegExp=hi,u.isSafeInteger=ig,u.isSet=qf,u.isString=Ye,u.isSymbol=fn,u.isTypedArray=Ct,u.isUndefined=ug,u.isWeakMap=fg,u.isWeakSet=lg,u.join=ac,u.kebabCase=Qg,u.last=dn,u.lastIndexOf=cc,u.lowerCase=Vg,u.lowerFirst=kg,u.lt=og,u.lte=sg,u.max=Z_,u.maxBy=Y_,u.mean=X_,u.meanBy=J_,u.min=Q_,u.minBy=V_,u.stubArray=Ai,u.stubFalse=Ri,u.stubObject=M_,u.stubString=U_,u.stubTrue=D_,u.multiply=k_,u.nth=hc,u.noConflict=C_,u.noop=xi,u.now=Ke,u.pad=jg,u.padEnd=n_,u.padStart=t_,u.parseInt=e_,u.random=zg,u.reduce=ph,u.reduceRight=vh,u.repeat=r_,u.replace=i_,u.result=Fg,u.round=j_,u.runInContext=a,u.sample=wh,u.size=Rh,u.snakeCase=u_,u.some=Ih,u.sortedIndex=xc,u.sortedIndexBy=Ac,u.sortedIndexOf=Rc,u.sortedLastIndex=Ic,u.sortedLastIndexBy=Sc,u.sortedLastIndexOf=Ec,u.startCase=l_,u.startsWith=o_,u.subtract=np,u.sum=tp,u.sumBy=ep,u.template=s_,u.times=N_,u.toFinite=Gn,u.toInteger=T,u.toLength=$f,u.toLower=a_,u.toNumber=wn,u.toSafeInteger=ag,u.toString=P,u.toUpper=c_,u.trim=h_,u.trimEnd=g_,u.trimStart=__,u.truncate=p_,u.unescape=v_,u.uniqueId=H_,u.upperCase=d_,u.upperFirst=pi,u.each=Of,u.eachRight=Wf,u.first=Lf,wi(u,function(){var n={};return Cn(u,function(t,e){B.call(u.prototype,e)||(n[e]=t)}),n}(),{chain:!1}),u.VERSION=rl,hn(["bind","bindKey","curry","curryRight","partial","partialRight"],function(n){u[n].placeholder=u}),hn(["drop","take"],function(n,t){m.prototype[n]=function(e){e=e===o?1:K(T(e),0);var r=this.__filtered__&&!t?new m(this):this.clone();return r.__filtered__?r.__takeCount__=Y(e,r.__takeCount__):r.__views__.push({size:Y(e,yn),type:n+(r.__dir__<0?"Right":"")}),r},m.prototype[n+"Right"]=function(e){return this.reverse()[n](e).reverse()}}),hn(["filter","map","takeWhile"],function(n,t){var e=t+1,r=e==Ei||e==hl;m.prototype[n]=function(i){var f=this.clone();return f.__iteratees__.push({iteratee:A(i,3),type:e}),f.__filtered__=f.__filtered__||r,f}}),hn(["head","last"],function(n,t){var e="take"+(t?"Right":"");m.prototype[n]=function(){return this[e](1).value()[0]}}),hn(["initial","tail"],function(n,t){var e="drop"+(t?"":"Right");m.prototype[n]=function(){return this.__filtered__?new m(this):this[e](1)}}),m.prototype.compact=function(){return this.filter(tn)},m.prototype.find=function(n){return this.filter(n).head()},m.prototype.findLast=function(n){return this.reverse().find(n)},m.prototype.invokeMap=y(function(n,t){return typeof n=="function"?new m(this):this.map(function(e){return Zt(e,n,t)})}),m.prototype.reject=function(n){return this.filter(ze(A(n)))},m.prototype.slice=function(n,t){n=T(n);var e=this;return e.__filtered__&&(n>0||t<0)?new m(e):(n<0?e=e.takeRight(-n):n&&(e=e.drop(n)),t!==o&&(t=T(t),e=t<0?e.dropRight(-t):e.take(t-n)),e)},m.prototype.takeRightWhile=function(n){return this.reverse().takeWhile(n).reverse()},m.prototype.toArray=function(){return this.take(yn)},Cn(m.prototype,function(n,t){var e=/^(?:filter|find|map|reject)|While$/.test(t),r=/^(?:head|last)$/.test(t),i=u[r?"take"+(t=="last"?"Right":""):t],f=r||/^find/.test(t);i&&(u.prototype[t]=function(){var l=this.__wrapped__,s=r?[1]:arguments,c=l instanceof m,_=s[0],p=c||E(l),v=function(C){var O=i.apply(u,zn([C],s));return r&&d?O[0]:O};p&&e&&typeof _=="function"&&_.length!=1&&(c=p=!1);var d=this.__chain__,x=!!this.__actions__.length,R=f&&!d,L=c&&!x;if(!f&&p){l=L?l:new m(this);var I=n.apply(l,s);return I.__actions__.push({func:He,args:[v],thisArg:o}),new _n(I,d)}return R&&L?n.apply(this,s):(I=this.thru(v),R?r?I.value()[0]:I.value():I)})}),hn(["pop","push","shift","sort","splice","unshift"],function(n){var t=ge[n],e=/^(?:push|sort|unshift)$/.test(n)?"tap":"thru",r=/^(?:pop|shift)$/.test(n);u.prototype[n]=function(){var i=arguments;if(r&&!this.__chain__){var f=this.value();return t.apply(E(f)?f:[],i)}return this[e](function(l){return t.apply(E(l)?l:[],i)})}}),Cn(m.prototype,function(n,t){var e=u[t];if(e){var r=e.name+"";B.call(St,r)||(St[r]=[]),St[r].push({name:t,func:e})}}),St[be(o,jn).name]=[{name:"wrapper",func:o}],m.prototype.clone=vs,m.prototype.reverse=ds,m.prototype.value=ws,u.prototype.at=Yc,u.prototype.chain=Xc,u.prototype.commit=Jc,u.prototype.next=Qc,u.prototype.plant=kc,u.prototype.reverse=jc,u.prototype.toJSON=u.prototype.valueOf=u.prototype.value=nh,u.prototype.first=u.prototype.head,Nt&&(u.prototype[Nt]=Vc),u},At=Jo();tt?((tt.exports=At)._=At,dr._=At):z._=At}).call(jt)})(Je,Je.exports);var ip=Je.exports;const fp=rp(ip);export{fp as _,ip as l};
27
+ }`;var L=nl(function(){return W(f,x+"return "+v).apply(o,l)});if(L.source=v,ci(L))throw L;return L}function a_(n){return P(n).toLowerCase()}function c_(n){return P(n).toUpperCase()}function h_(n,t,e){if(n=P(n),n&&(e||t===o))return ou(n);if(!n||!(t=un(t)))return n;var r=Rn(n),i=Rn(t),f=su(r,i),l=au(r,i)+1;return Vn(r,f,l).join("")}function g_(n,t,e){if(n=P(n),n&&(e||t===o))return n.slice(0,hu(n)+1);if(!n||!(t=un(t)))return n;var r=Rn(n),i=au(r,Rn(t))+1;return Vn(r,0,i).join("")}function __(n,t,e){if(n=P(n),n&&(e||t===o))return n.replace(cr,"");if(!n||!(t=un(t)))return n;var r=Rn(n),i=su(r,Rn(t));return Vn(r,i).join("")}function p_(n,t){var e=ll,r=ol;if(D(t)){var i="separator"in t?t.separator:i;e="length"in t?T(t.length):e,r="omission"in t?un(t.omission):r}n=P(n);var f=n.length;if(wt(n)){var l=Rn(n);f=l.length}if(e>=f)return n;var s=e-xt(r);if(s<1)return r;var c=l?Vn(l,0,s).join(""):n.slice(0,s);if(i===o)return c+r;if(l&&(s+=c.length-s),hi(i)){if(n.slice(s).search(i)){var _,p=c;for(i.global||(i=Cr(i.source,P(Oi.exec(i))+"g")),i.lastIndex=0;_=i.exec(p);)var v=_.index;c=c.slice(0,v===o?s:v)}}else if(n.indexOf(un(i),s)!=s){var d=c.lastIndexOf(i);d>-1&&(c=c.slice(0,d))}return c+r}function v_(n){return n=P(n),n&&Ll.test(n)?n.replace(yi,zo):n}var d_=Lt(function(n,t,e){return n+(e?" ":"")+t.toUpperCase()}),pi=nf("toUpperCase");function jf(n,t,e){return n=P(n),t=e?o:t,t===o?Go(n)?Xo(n):Wo(n):n.match(t)||[]}var nl=y(function(n,t){try{return en(n,o,t)}catch(e){return ci(e)?e:new S(e)}}),w_=Un(function(n,t){return hn(t,function(e){e=On(e),Fn(n,e,si(n[e],n))}),n});function x_(n){var t=n==null?0:n.length,e=A();return n=t?U(n,function(r){if(typeof r[1]!="function")throw new gn(sn);return[e(r[0]),r[1]]}):[],y(function(r){for(var i=-1;++i<t;){var f=n[i];if(en(f[0],this,r))return en(f[1],this,r)}})}function A_(n){return zs(pn(n,qn))}function vi(n){return function(){return n}}function R_(n,t){return n==null||n!==n?t:n}var I_=ef(),S_=ef(!0);function tn(n){return n}function di(n){return Pu(typeof n=="function"?n:pn(n,qn))}function E_(n){return bu(pn(n,qn))}function T_(n,t){return Fu(n,pn(t,qn))}var L_=y(function(n,t){return function(e){return Zt(e,n,t)}}),y_=y(function(n,t){return function(e){return Zt(n,e,t)}});function wi(n,t,e){var r=$(t),i=me(t,r);e==null&&!(D(t)&&(i.length||!r.length))&&(e=t,t=n,n=this,i=me(t,$(t)));var f=!(D(e)&&"chain"in e)||!!e.chain,l=Nn(n);return hn(i,function(s){var c=t[s];n[s]=c,l&&(n.prototype[s]=function(){var _=this.__chain__;if(f||_){var p=n(this.__wrapped__),v=p.__actions__=k(this.__actions__);return v.push({func:c,args:arguments,thisArg:n}),p.__chain__=_,p}return c.apply(n,zn([this.value()],arguments))})}),n}function C_(){return z._===this&&(z._=ns),this}function xi(){}function m_(n){return n=T(n),y(function(t){return Mu(t,n)})}var O_=Qr(U),W_=Qr(ru),P_=Qr(Rr);function tl(n){return ri(n)?Ir(On(n)):oa(n)}function B_(n){return function(t){return n==null?o:ft(n,t)}}var b_=uf(),F_=uf(!0);function Ai(){return[]}function Ri(){return!1}function M_(){return{}}function U_(){return""}function D_(){return!0}function N_(n,t){if(n=T(n),n<1||n>Kn)return[];var e=yn,r=Y(n,yn);t=A(t),n-=yn;for(var i=Tr(r,t);++e<n;)t(e);return i}function G_(n){return E(n)?U(n,On):fn(n)?[n]:k(Rf(P(n)))}function H_(n){var t=++ko;return P(n)+t}var q_=Fe(function(n,t){return n+t},0),K_=Vr("ceil"),$_=Fe(function(n,t){return n/t},1),z_=Vr("floor");function Z_(n){return n&&n.length?Ce(n,tn,Mr):o}function Y_(n,t){return n&&n.length?Ce(n,A(t,2),Mr):o}function X_(n){return fu(n,tn)}function J_(n,t){return fu(n,A(t,2))}function Q_(n){return n&&n.length?Ce(n,tn,Gr):o}function V_(n,t){return n&&n.length?Ce(n,A(t,2),Gr):o}var k_=Fe(function(n,t){return n*t},1),j_=Vr("round"),np=Fe(function(n,t){return n-t},0);function tp(n){return n&&n.length?Er(n,tn):0}function ep(n,t){return n&&n.length?Er(n,A(t,2)):0}return u.after=Eh,u.ary=Pf,u.assign=cg,u.assignIn=Zf,u.assignInWith=Xe,u.assignWith=hg,u.at=gg,u.before=Bf,u.bind=si,u.bindAll=w_,u.bindKey=bf,u.castArray=Mh,u.chain=mf,u.chunk=za,u.compact=Za,u.concat=Ya,u.cond=x_,u.conforms=A_,u.constant=vi,u.countBy=th,u.create=_g,u.curry=Ff,u.curryRight=Mf,u.debounce=Uf,u.defaults=pg,u.defaultsDeep=vg,u.defer=Th,u.delay=Lh,u.difference=Xa,u.differenceBy=Ja,u.differenceWith=Qa,u.drop=Va,u.dropRight=ka,u.dropRightWhile=ja,u.dropWhile=nc,u.fill=tc,u.filter=rh,u.flatMap=fh,u.flatMapDeep=lh,u.flatMapDepth=oh,u.flatten=Tf,u.flattenDeep=ec,u.flattenDepth=rc,u.flip=yh,u.flow=I_,u.flowRight=S_,u.fromPairs=ic,u.functions=Sg,u.functionsIn=Eg,u.groupBy=sh,u.initial=fc,u.intersection=lc,u.intersectionBy=oc,u.intersectionWith=sc,u.invert=Lg,u.invertBy=yg,u.invokeMap=ch,u.iteratee=di,u.keyBy=hh,u.keys=$,u.keysIn=nn,u.map=qe,u.mapKeys=mg,u.mapValues=Og,u.matches=E_,u.matchesProperty=T_,u.memoize=$e,u.merge=Wg,u.mergeWith=Yf,u.method=L_,u.methodOf=y_,u.mixin=wi,u.negate=ze,u.nthArg=m_,u.omit=Pg,u.omitBy=Bg,u.once=Ch,u.orderBy=gh,u.over=O_,u.overArgs=mh,u.overEvery=W_,u.overSome=P_,u.partial=ai,u.partialRight=Df,u.partition=_h,u.pick=bg,u.pickBy=Xf,u.property=tl,u.propertyOf=B_,u.pull=gc,u.pullAll=yf,u.pullAllBy=_c,u.pullAllWith=pc,u.pullAt=vc,u.range=b_,u.rangeRight=F_,u.rearg=Oh,u.reject=dh,u.remove=dc,u.rest=Wh,u.reverse=li,u.sampleSize=xh,u.set=Mg,u.setWith=Ug,u.shuffle=Ah,u.slice=wc,u.sortBy=Sh,u.sortedUniq=Tc,u.sortedUniqBy=Lc,u.split=f_,u.spread=Ph,u.tail=yc,u.take=Cc,u.takeRight=mc,u.takeRightWhile=Oc,u.takeWhile=Wc,u.tap=Zc,u.throttle=Bh,u.thru=He,u.toArray=Kf,u.toPairs=Jf,u.toPairsIn=Qf,u.toPath=G_,u.toPlainObject=zf,u.transform=Dg,u.unary=bh,u.union=Pc,u.unionBy=Bc,u.unionWith=bc,u.uniq=Fc,u.uniqBy=Mc,u.uniqWith=Uc,u.unset=Ng,u.unzip=oi,u.unzipWith=Cf,u.update=Gg,u.updateWith=Hg,u.values=mt,u.valuesIn=qg,u.without=Dc,u.words=jf,u.wrap=Fh,u.xor=Nc,u.xorBy=Gc,u.xorWith=Hc,u.zip=qc,u.zipObject=Kc,u.zipObjectDeep=$c,u.zipWith=zc,u.entries=Jf,u.entriesIn=Qf,u.extend=Zf,u.extendWith=Xe,wi(u,u),u.add=q_,u.attempt=nl,u.camelCase=Zg,u.capitalize=Vf,u.ceil=K_,u.clamp=Kg,u.clone=Uh,u.cloneDeep=Nh,u.cloneDeepWith=Gh,u.cloneWith=Dh,u.conformsTo=Hh,u.deburr=kf,u.defaultTo=R_,u.divide=$_,u.endsWith=Yg,u.eq=Sn,u.escape=Xg,u.escapeRegExp=Jg,u.every=eh,u.find=ih,u.findIndex=Sf,u.findKey=dg,u.findLast=uh,u.findLastIndex=Ef,u.findLastKey=wg,u.floor=z_,u.forEach=Of,u.forEachRight=Wf,u.forIn=xg,u.forInRight=Ag,u.forOwn=Rg,u.forOwnRight=Ig,u.get=gi,u.gt=qh,u.gte=Kh,u.has=Tg,u.hasIn=_i,u.head=Lf,u.identity=tn,u.includes=ah,u.indexOf=uc,u.inRange=$g,u.invoke=Cg,u.isArguments=st,u.isArray=E,u.isArrayBuffer=$h,u.isArrayLike=j,u.isArrayLikeObject=G,u.isBoolean=zh,u.isBuffer=kn,u.isDate=Zh,u.isElement=Yh,u.isEmpty=Xh,u.isEqual=Jh,u.isEqualWith=Qh,u.isError=ci,u.isFinite=Vh,u.isFunction=Nn,u.isInteger=Nf,u.isLength=Ze,u.isMap=Gf,u.isMatch=kh,u.isMatchWith=jh,u.isNaN=ng,u.isNative=tg,u.isNil=rg,u.isNull=eg,u.isNumber=Hf,u.isObject=D,u.isObjectLike=N,u.isPlainObject=kt,u.isRegExp=hi,u.isSafeInteger=ig,u.isSet=qf,u.isString=Ye,u.isSymbol=fn,u.isTypedArray=Ct,u.isUndefined=ug,u.isWeakMap=fg,u.isWeakSet=lg,u.join=ac,u.kebabCase=Qg,u.last=dn,u.lastIndexOf=cc,u.lowerCase=Vg,u.lowerFirst=kg,u.lt=og,u.lte=sg,u.max=Z_,u.maxBy=Y_,u.mean=X_,u.meanBy=J_,u.min=Q_,u.minBy=V_,u.stubArray=Ai,u.stubFalse=Ri,u.stubObject=M_,u.stubString=U_,u.stubTrue=D_,u.multiply=k_,u.nth=hc,u.noConflict=C_,u.noop=xi,u.now=Ke,u.pad=jg,u.padEnd=n_,u.padStart=t_,u.parseInt=e_,u.random=zg,u.reduce=ph,u.reduceRight=vh,u.repeat=r_,u.replace=i_,u.result=Fg,u.round=j_,u.runInContext=a,u.sample=wh,u.size=Rh,u.snakeCase=u_,u.some=Ih,u.sortedIndex=xc,u.sortedIndexBy=Ac,u.sortedIndexOf=Rc,u.sortedLastIndex=Ic,u.sortedLastIndexBy=Sc,u.sortedLastIndexOf=Ec,u.startCase=l_,u.startsWith=o_,u.subtract=np,u.sum=tp,u.sumBy=ep,u.template=s_,u.times=N_,u.toFinite=Gn,u.toInteger=T,u.toLength=$f,u.toLower=a_,u.toNumber=wn,u.toSafeInteger=ag,u.toString=P,u.toUpper=c_,u.trim=h_,u.trimEnd=g_,u.trimStart=__,u.truncate=p_,u.unescape=v_,u.uniqueId=H_,u.upperCase=d_,u.upperFirst=pi,u.each=Of,u.eachRight=Wf,u.first=Lf,wi(u,function(){var n={};return Cn(u,function(t,e){B.call(u.prototype,e)||(n[e]=t)}),n}(),{chain:!1}),u.VERSION=rl,hn(["bind","bindKey","curry","curryRight","partial","partialRight"],function(n){u[n].placeholder=u}),hn(["drop","take"],function(n,t){m.prototype[n]=function(e){e=e===o?1:K(T(e),0);var r=this.__filtered__&&!t?new m(this):this.clone();return r.__filtered__?r.__takeCount__=Y(e,r.__takeCount__):r.__views__.push({size:Y(e,yn),type:n+(r.__dir__<0?"Right":"")}),r},m.prototype[n+"Right"]=function(e){return this.reverse()[n](e).reverse()}}),hn(["filter","map","takeWhile"],function(n,t){var e=t+1,r=e==Ei||e==hl;m.prototype[n]=function(i){var f=this.clone();return f.__iteratees__.push({iteratee:A(i,3),type:e}),f.__filtered__=f.__filtered__||r,f}}),hn(["head","last"],function(n,t){var e="take"+(t?"Right":"");m.prototype[n]=function(){return this[e](1).value()[0]}}),hn(["initial","tail"],function(n,t){var e="drop"+(t?"":"Right");m.prototype[n]=function(){return this.__filtered__?new m(this):this[e](1)}}),m.prototype.compact=function(){return this.filter(tn)},m.prototype.find=function(n){return this.filter(n).head()},m.prototype.findLast=function(n){return this.reverse().find(n)},m.prototype.invokeMap=y(function(n,t){return typeof n=="function"?new m(this):this.map(function(e){return Zt(e,n,t)})}),m.prototype.reject=function(n){return this.filter(ze(A(n)))},m.prototype.slice=function(n,t){n=T(n);var e=this;return e.__filtered__&&(n>0||t<0)?new m(e):(n<0?e=e.takeRight(-n):n&&(e=e.drop(n)),t!==o&&(t=T(t),e=t<0?e.dropRight(-t):e.take(t-n)),e)},m.prototype.takeRightWhile=function(n){return this.reverse().takeWhile(n).reverse()},m.prototype.toArray=function(){return this.take(yn)},Cn(m.prototype,function(n,t){var e=/^(?:filter|find|map|reject)|While$/.test(t),r=/^(?:head|last)$/.test(t),i=u[r?"take"+(t=="last"?"Right":""):t],f=r||/^find/.test(t);i&&(u.prototype[t]=function(){var l=this.__wrapped__,s=r?[1]:arguments,c=l instanceof m,_=s[0],p=c||E(l),v=function(C){var O=i.apply(u,zn([C],s));return r&&d?O[0]:O};p&&e&&typeof _=="function"&&_.length!=1&&(c=p=!1);var d=this.__chain__,x=!!this.__actions__.length,R=f&&!d,L=c&&!x;if(!f&&p){l=L?l:new m(this);var I=n.apply(l,s);return I.__actions__.push({func:He,args:[v],thisArg:o}),new _n(I,d)}return R&&L?n.apply(this,s):(I=this.thru(v),R?r?I.value()[0]:I.value():I)})}),hn(["pop","push","shift","sort","splice","unshift"],function(n){var t=ge[n],e=/^(?:push|sort|unshift)$/.test(n)?"tap":"thru",r=/^(?:pop|shift)$/.test(n);u.prototype[n]=function(){var i=arguments;if(r&&!this.__chain__){var f=this.value();return t.apply(E(f)?f:[],i)}return this[e](function(l){return t.apply(E(l)?l:[],i)})}}),Cn(m.prototype,function(n,t){var e=u[t];if(e){var r=e.name+"";B.call(St,r)||(St[r]=[]),St[r].push({name:t,func:e})}}),St[be(o,jn).name]=[{name:"wrapper",func:o}],m.prototype.clone=vs,m.prototype.reverse=ds,m.prototype.value=ws,u.prototype.at=Yc,u.prototype.chain=Xc,u.prototype.commit=Jc,u.prototype.next=Qc,u.prototype.plant=kc,u.prototype.reverse=jc,u.prototype.toJSON=u.prototype.valueOf=u.prototype.value=nh,u.prototype.first=u.prototype.head,Nt&&(u.prototype[Nt]=Vc),u},At=Jo();tt?((tt.exports=At)._=At,dr._=At):z._=At}).call(jt)})(Je,Je.exports);var ip=Je.exports;export{ip as l};
@@ -0,0 +1 @@
1
+ import{j as n}from"./jsx-runtime-eps93zm2.js";import{T as a}from"./common-types-Sih75Sav.js";import{F as i}from"./flex-EllkLxgO.js";import{B as s}from"./badge-CLQ59MDF.js";import{M as l}from"./types-BmbYqTX_.js";const r=async e=>{const{files:o}=(e==null?void 0:e.target)??{};o&&console.log("onFileChange",o)},t={label:"Select",trigger:a.DROP_DOWN_BUTTON,sections:[{type:l.HEADING,label:"Heading"},{type:l.OPTION,label:"King",onClick:()=>{}},{type:l.OPTION,label:"Queen",selected:!0,onClick:()=>{}},{type:l.DIVIDER},{type:l.OPTION,label:"Knight",disabled:!0,onClick:()=>{}},{type:l.OPTION,label:"Bishop",onClick:()=>{}}]},b={...t,sections:t.sections.map(e=>e.type===l.OPTION?{...e,onClick:void 0,onChange:r,upload:!0}:e)},d={...t,label:n.jsxs(i,{alignItems:"center",gap:"4px",children:["Select",n.jsx(s,{small:!0,title:"BETA"})]}),sections:Array(3).fill({type:"Menu",trigger:"Text",menu:{trigger:"Text",placement:"right-start",label:n.jsxs(i,{alignItems:"center",gap:"4px",children:["Parent",n.jsx(s,{small:!0,title:"BETA"})]}),title:"Parent",sections:Array(3).fill({type:"Option",label:n.jsxs(i,{alignItems:"center",gap:"4px",children:["Child",n.jsx(s,{small:!0,title:"BETA"})]}),title:"Child"})}})},O={label:"123 m",trigger:"DropDownButton",sections:[{type:"Option",label:"403.5433",description:"ft",inline:!0,onClick:()=>{}},{type:"Option",label:"123",description:"m",inline:!0,onClick:()=>{},selected:!0},{type:"Option",label:"0.123",description:"km",inline:!0,onClick:()=>{}}]},c=[{label:"Delete",icon:"delete",onClick:()=>{}},{label:"Rename",icon:"rename",onClick:()=>{}}],h={...t,sections:t.sections.map(e=>e.type==="Option"?{...e,inline:!0,actions:c}:e)},C={...t,sections:t.sections.map(e=>e.type==="Option"||e.type==="Heading"?{...e,icon:"star",onClick:()=>{}}:e)},T={...t,sections:Array(3).fill({type:"Menu",trigger:"Text",menu:{trigger:"Text",placement:"right-start",label:"Parent",sections:Array(3).fill({type:"Option",label:"Child",onClick:()=>{}})}})},x={...t,sections:Array(100).fill({type:"Option",label:"Item",onClick:()=>{}})},k={label:"No sections",trigger:"DropDownButton",sections:[]},f={label:"Select",trigger:"DropDownButton",showAllButton:{visible:!0,showAllTitle:"Show all...",showLessTitle:"Show less...",additionalSections:[{type:"Divider"},{type:"Option",label:"This item is always shown",onClick:()=>{}}]},sections:Array(8).fill({type:"Option",label:"Item",onClick:()=>{}})};export{b as a,O as b,h as c,C as d,k as e,T as f,d as g,f as h,x as i,t as m};
@@ -1,4 +1,4 @@
1
- import{j as r}from"./jsx-runtime-eps93zm2.js";import{r as Ir}from"./index-DhsZuJvc.js";import{H as Cr,L as J,S as Dr,R as U}from"./react-router-dom-Ck2Y_Fzc.js";import{T as A,I as fr}from"./common-types-Sih75Sav.js";import{w as kr,e as P,u as v}from"./index-DMAnyMX5.js";import{M as W}from"./actions-BhPnDYmS.js";import{B as X}from"./button-DHevvVBE.js";import{F as Rr}from"./flex-EllkLxgO.js";import{m as s,a as wr,b as Br,c as Er,d as Nr,e as Fr,f as Lr,g as Pr,h as _r,i as Ar}from"./menu.stories-data-DeDnsKpk.js";import{M as H}from"./types-BmbYqTX_.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./tiny-invariant-DqLgxztJ.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./index-CF7H4eMJ.js";import"./index-Bk2sglWO.js";import"./lodash-BHd_uQHh.js";import"./disabled-context-rmpd7YJS.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./icon-BSFY3vDO.js";import"./types-UmZ4Y_CR.js";import"./badge-CLQ59MDF.js";import"./spinner-AWUe4xwQ.js";const ps={title:"Basic/Menu",component:W,args:{menu:s}},e=a=>r.jsx(W,{...a}),_=e.bind({}),c=e.bind({});c.args={menu:{...s,colored:!0}};const p=e.bind({});p.args={menu:{...s,label:"Delete",colored:"danger"}};const d=e.bind({});d.args={menu:{...s,trigger:A.TEXT}};const l=e.bind({});l.args={menu:{...s,trigger:A.COMPONENT,component:r.jsx(X,{small:!0,colored:!0,round:!0,icon:fr.SETTINGS})}};const m=e.bind({});m.args={menu:wr};const u=e.bind({});u.args={menu:Br};const g=e.bind({});g.args={menu:Er};const b=e.bind({});b.args={menu:Nr};const x=e.bind({});x.args={disabled:!0};const S=e.bind({});S.args={tooltip:"Tooltip goes here"};const h=e.bind({});h.args={error:"Error goes here"};const T=e.bind({});T.args={warning:"Warning goes here"};const j=e.bind({});j.args={loading:!0,disabled:!0};const M=e.bind({});M.args={badgeTitle:"3"};const y=e.bind({});y.args={badgeDot:!0};const O=e.bind({});O.args={menu:Fr};const I=e.bind({});I.args={menu:Lr};const C=e.bind({});C.args={closeOnOptionClick:!1};const D=e.bind({});D.args={contextMenu:!0,menu:{...s,trigger:A.TEXT,label:"Right-click me"}};const f=e.bind({});f.args={width:"100%"};const k=e.bind({});k.args={menu:{...s,small:!0}};const R=e.bind({});R.args={menu:Pr};const w=e.bind({});w.args={menu:{...s,sections:r.jsx("div",{children:"Testing"})}};const B=e.bind({});B.args={menu:_r};const E=e.bind({});E.args={menu:Ar};const N=()=>{const[a,t]=Ir.useState(!1);return r.jsxs(Rr,{gap:!0,children:[r.jsx(W,{menu:s,open:a,setOpen:t}),r.jsx(X,{label:"Open",onClick:()=>t(!0),disabled:a}),r.jsx(X,{label:"Close",onClick:()=>t(!1),disabled:!a})]})},F=()=>r.jsxs(Cr,{children:[r.jsx(W,{menu:{label:"Go to",trigger:A.DROP_DOWN_BUTTON,sections:[{type:H.OPTION,label:"Dashboard",url:"/dashboard",component:J},{type:H.OPTION,label:"Settings",url:"/settings",component:J}]}}),r.jsxs(Dr,{children:[r.jsx(U,{path:"/dashboard",children:"Dashboard"}),r.jsx(U,{path:"/settings",children:"Settings"})]})]}),o=e.bind({});o.args={testId:"testId"};o.play=async({canvasElement:a,step:t})=>{const n=a.parentElement?kr(a.parentElement):null;await P(n).toBeTruthy(),n&&(await t("Clicking trigger should open menu",async()=>{const L=n.getByTestId("testId");await v.click(L);const i=n.getByTestId("testId-layer");await P(i).toBeInTheDocument()}),await t("Clicking disabled item should do nothing",async()=>{await n.getByText("Knight").click();const i=n.getByTestId("testId-layer");await P(i).toBeInTheDocument()}),await t("Clicking item should close menu",async()=>{const L=n.getByText("King");await v.click(L);const i=n.queryByTestId("testId-layer");await P(i).not.toBeInTheDocument()}))};N.__docgenInfo={description:"",methods:[],displayName:"ControlOpenStateFromParent"};F.__docgenInfo={description:"",methods:[],displayName:"AsRouterLink"};var G,K,q;_.parameters={..._.parameters,docs:{...(G=_.parameters)==null?void 0:G.docs,source:{originalSource:`args => <Menu
1
+ import{j as r}from"./jsx-runtime-eps93zm2.js";import{r as Ir}from"./index-DhsZuJvc.js";import{H as Cr,L as J,S as Dr,R as U}from"./react-router-dom-Ck2Y_Fzc.js";import{T as A,I as fr}from"./common-types-Sih75Sav.js";import{w as kr,e as P,u as v}from"./index-DMAnyMX5.js";import{M as W}from"./actions-D-uVCDzk.js";import{B as X}from"./button-DHevvVBE.js";import{F as Rr}from"./flex-EllkLxgO.js";import{m as s,a as wr,b as Br,c as Er,d as Nr,e as Fr,f as Lr,g as Pr,h as _r,i as Ar}from"./menu.stories-data-CQ59XhzU.js";import{M as H}from"./types-BmbYqTX_.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./tiny-invariant-DqLgxztJ.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./index-CF7H4eMJ.js";import"./index-Bk2sglWO.js";import"./lodash-c4VUpsOs.js";import"./disabled-context-rmpd7YJS.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./icon-BSFY3vDO.js";import"./types-Dx2TtIG9.js";import"./badge-CLQ59MDF.js";import"./spinner-AWUe4xwQ.js";const ps={title:"Basic/Menu",component:W,args:{menu:s}},e=a=>r.jsx(W,{...a}),_=e.bind({}),c=e.bind({});c.args={menu:{...s,colored:!0}};const p=e.bind({});p.args={menu:{...s,label:"Delete",colored:"danger"}};const d=e.bind({});d.args={menu:{...s,trigger:A.TEXT}};const l=e.bind({});l.args={menu:{...s,trigger:A.COMPONENT,component:r.jsx(X,{small:!0,colored:!0,round:!0,icon:fr.SETTINGS})}};const m=e.bind({});m.args={menu:wr};const u=e.bind({});u.args={menu:Br};const g=e.bind({});g.args={menu:Er};const b=e.bind({});b.args={menu:Nr};const x=e.bind({});x.args={disabled:!0};const S=e.bind({});S.args={tooltip:"Tooltip goes here"};const h=e.bind({});h.args={error:"Error goes here"};const T=e.bind({});T.args={warning:"Warning goes here"};const j=e.bind({});j.args={loading:!0,disabled:!0};const M=e.bind({});M.args={badgeTitle:"3"};const y=e.bind({});y.args={badgeDot:!0};const O=e.bind({});O.args={menu:Fr};const I=e.bind({});I.args={menu:Lr};const C=e.bind({});C.args={closeOnOptionClick:!1};const D=e.bind({});D.args={contextMenu:!0,menu:{...s,trigger:A.TEXT,label:"Right-click me"}};const f=e.bind({});f.args={width:"100%"};const k=e.bind({});k.args={menu:{...s,small:!0}};const R=e.bind({});R.args={menu:Pr};const w=e.bind({});w.args={menu:{...s,sections:r.jsx("div",{children:"Testing"})}};const B=e.bind({});B.args={menu:_r};const E=e.bind({});E.args={menu:Ar};const N=()=>{const[a,t]=Ir.useState(!1);return r.jsxs(Rr,{gap:!0,children:[r.jsx(W,{menu:s,open:a,setOpen:t}),r.jsx(X,{label:"Open",onClick:()=>t(!0),disabled:a}),r.jsx(X,{label:"Close",onClick:()=>t(!1),disabled:!a})]})},F=()=>r.jsxs(Cr,{children:[r.jsx(W,{menu:{label:"Go to",trigger:A.DROP_DOWN_BUTTON,sections:[{type:H.OPTION,label:"Dashboard",url:"/dashboard",component:J},{type:H.OPTION,label:"Settings",url:"/settings",component:J}]}}),r.jsxs(Dr,{children:[r.jsx(U,{path:"/dashboard",children:"Dashboard"}),r.jsx(U,{path:"/settings",children:"Settings"})]})]}),o=e.bind({});o.args={testId:"testId"};o.play=async({canvasElement:a,step:t})=>{const n=a.parentElement?kr(a.parentElement):null;await P(n).toBeTruthy(),n&&(await t("Clicking trigger should open menu",async()=>{const L=n.getByTestId("testId");await v.click(L);const i=n.getByTestId("testId-layer");await P(i).toBeInTheDocument()}),await t("Clicking disabled item should do nothing",async()=>{await n.getByText("Knight").click();const i=n.getByTestId("testId-layer");await P(i).toBeInTheDocument()}),await t("Clicking item should close menu",async()=>{const L=n.getByText("King");await v.click(L);const i=n.queryByTestId("testId-layer");await P(i).not.toBeInTheDocument()}))};N.__docgenInfo={description:"",methods:[],displayName:"ControlOpenStateFromParent"};F.__docgenInfo={description:"",methods:[],displayName:"AsRouterLink"};var G,K,q;_.parameters={..._.parameters,docs:{...(G=_.parameters)==null?void 0:G.docs,source:{originalSource:`args => <Menu
2
2
  // eslint-disable-next-line react/jsx-props-no-spreading
3
3
  {...args} />`,...(q=(K=_.parameters)==null?void 0:K.docs)==null?void 0:q.source}}};var z,Q,V;c.parameters={...c.parameters,docs:{...(z=c.parameters)==null?void 0:z.docs,source:{originalSource:`args => <Menu
4
4
  // eslint-disable-next-line react/jsx-props-no-spreading
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as x}from"./index-DhsZuJvc.js";import{c}from"./index-Bk2sglWO.js";import{I as u}from"./common-types-Sih75Sav.js";import{I as _}from"./icon-BSFY3vDO.js";import{H as g}from"./heading-CRNoBc7q.js";import{A as q}from"./actions-BhPnDYmS.js";import{B as h}from"./badge-CLQ59MDF.js";import{T as f}from"./tooltip-1V7clEnw.js";const N="_inputInTable_dlqxe_1",b="_error_dlqxe_7",T="_warning_dlqxe_7",j="_inputHover_dlqxe_13",v="_inputFocus_dlqxe_18",y="_inputError_dlqxe_25",I="_inputWarning_dlqxe_26",w="_inputDisabled_dlqxe_61",H="_hideScrollbars_dlqxe_67",C="_header_dlqxe_77",k="_headerTitle_dlqxe_77",E="_heading_dlqxe_78",S="_itemHeader_dlqxe_78",M="_narrow_dlqxe_81",R="_stickyHeader_dlqxe_85",L="_title_dlqxe_96",F="_name_dlqxe_102",V="_iconTooltipMargin_dlqxe_105",W="_bold_dlqxe_108",B="_toggleNarrow_dlqxe_117",D="_drag_dlqxe_135",P="_list_dlqxe_155",$="_bordered_dlqxe_159",A="_item_dlqxe_78",O="_action_dlqxe_192",z="_active_dlqxe_195",G="_indented_dlqxe_202",J="_disabled_dlqxe_215",K="_label_dlqxe_226",Q="_details_dlqxe_237",U="_metadata_dlqxe_238",X="_itemContent_dlqxe_246",Y="_indentIcon_dlqxe_253",Z="_expandIcon_dlqxe_258",ee="_expanded_dlqxe_265",te="_right_dlqxe_268",ne="_actions_dlqxe_276",ae="_scrollableList_dlqxe_281",oe="_infiniteScrollContainer_dlqxe_286",re="_hideScrollbar_dlqxe_67",ie="_noPointerEvents_dlqxe_303",n={inputInTable:N,error:b,warning:T,inputHover:j,inputFocus:v,inputError:y,inputWarning:I,inputDisabled:w,hideScrollbars:H,header:C,headerTitle:k,heading:E,itemHeader:S,narrow:M,stickyHeader:R,title:L,name:F,iconTooltipMargin:V,bold:W,toggleNarrow:B,drag:D,list:P,bordered:$,item:A,action:O,active:z,indented:G,disabled:J,label:K,details:Q,metadata:U,itemContent:X,indentIcon:Y,expandIcon:Z,expanded:ee,right:te,actions:ne,scrollableList:ae,infiniteScrollContainer:oe,hideScrollbar:re,noPointerEvents:ie},p=({toggleNarrow:a,onClickToggleNarrow:t})=>a?e.jsx("a",{className:n.toggleNarrow,onClick:t,children:e.jsx(_,{icon:u.CHEVRON_LEFT})}):null;p.__docgenInfo={description:"",methods:[],displayName:"ToggleNarrow",props:{toggleNarrow:{required:!1,tsType:{name:"boolean"},description:""},onClickToggleNarrow:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""}}};const se=x.forwardRef(({name:a,actions:t=[],toggleNarrow:i=!1,onToggleNarrow:o=()=>{},stickyHeader:s},d)=>e.jsxs("div",{ref:d,className:c(n.header,s?n.stickyHeader:""),children:[e.jsx(p,{toggleNarrow:i,onClickToggleNarrow:o}),a&&e.jsx("div",{className:n.headerTitle,children:e.jsx(g,{top:!0,marginBottom:0,children:a})}),e.jsx("div",{className:n.right,children:e.jsx("div",{className:n.actions,children:e.jsx(q,{actions:t})})})]}));se.__docgenInfo={description:"",methods:[],displayName:"ListHeading",props:{actions:{defaultValue:{value:"[]",computed:!1},required:!1},toggleNarrow:{defaultValue:{value:"false",computed:!1},required:!1},onToggleNarrow:{defaultValue:{value:"() => {}",computed:!1},required:!1}}};const m=({name:a,icon:t,testId:i})=>{const o=t&&e.jsx(_,{icon:t.icon,color:t.color||"#db2828"});return e.jsxs("span",{className:c(n.name,n.bold),"data-testid":i,children:[a,t&&t.tooltip&&t.tooltip.text?e.jsx("span",{className:n.iconTooltipMargin,children:e.jsx(f,{text:t.tooltip.text,maxWidth:"350px",children:o})}):t&&t.icon&&e.jsx("span",{className:n.iconTooltipMargin,children:o})]})};m.__docgenInfo={description:"",methods:[],displayName:"Name",props:{name:{required:!0,tsType:{name:"ReactNode"},description:""},icon:{required:!1,tsType:{name:"signature",type:"object",raw:`{
1
+ import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as x}from"./index-DhsZuJvc.js";import{c}from"./index-Bk2sglWO.js";import{I as u}from"./common-types-Sih75Sav.js";import{I as _}from"./icon-BSFY3vDO.js";import{H as g}from"./heading-CRNoBc7q.js";import{A as q}from"./actions-D-uVCDzk.js";import{B as h}from"./badge-CLQ59MDF.js";import{T as f}from"./tooltip-1V7clEnw.js";const N="_inputInTable_dlqxe_1",b="_error_dlqxe_7",T="_warning_dlqxe_7",j="_inputHover_dlqxe_13",v="_inputFocus_dlqxe_18",y="_inputError_dlqxe_25",I="_inputWarning_dlqxe_26",w="_inputDisabled_dlqxe_61",H="_hideScrollbars_dlqxe_67",C="_header_dlqxe_77",k="_headerTitle_dlqxe_77",E="_heading_dlqxe_78",S="_itemHeader_dlqxe_78",M="_narrow_dlqxe_81",R="_stickyHeader_dlqxe_85",L="_title_dlqxe_96",F="_name_dlqxe_102",V="_iconTooltipMargin_dlqxe_105",W="_bold_dlqxe_108",B="_toggleNarrow_dlqxe_117",D="_drag_dlqxe_135",P="_list_dlqxe_155",$="_bordered_dlqxe_159",A="_item_dlqxe_78",O="_action_dlqxe_192",z="_active_dlqxe_195",G="_indented_dlqxe_202",J="_disabled_dlqxe_215",K="_label_dlqxe_226",Q="_details_dlqxe_237",U="_metadata_dlqxe_238",X="_itemContent_dlqxe_246",Y="_indentIcon_dlqxe_253",Z="_expandIcon_dlqxe_258",ee="_expanded_dlqxe_265",te="_right_dlqxe_268",ne="_actions_dlqxe_276",ae="_scrollableList_dlqxe_281",oe="_infiniteScrollContainer_dlqxe_286",re="_hideScrollbar_dlqxe_67",ie="_noPointerEvents_dlqxe_303",n={inputInTable:N,error:b,warning:T,inputHover:j,inputFocus:v,inputError:y,inputWarning:I,inputDisabled:w,hideScrollbars:H,header:C,headerTitle:k,heading:E,itemHeader:S,narrow:M,stickyHeader:R,title:L,name:F,iconTooltipMargin:V,bold:W,toggleNarrow:B,drag:D,list:P,bordered:$,item:A,action:O,active:z,indented:G,disabled:J,label:K,details:Q,metadata:U,itemContent:X,indentIcon:Y,expandIcon:Z,expanded:ee,right:te,actions:ne,scrollableList:ae,infiniteScrollContainer:oe,hideScrollbar:re,noPointerEvents:ie},p=({toggleNarrow:a,onClickToggleNarrow:t})=>a?e.jsx("a",{className:n.toggleNarrow,onClick:t,children:e.jsx(_,{icon:u.CHEVRON_LEFT})}):null;p.__docgenInfo={description:"",methods:[],displayName:"ToggleNarrow",props:{toggleNarrow:{required:!1,tsType:{name:"boolean"},description:""},onClickToggleNarrow:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""}}};const se=x.forwardRef(({name:a,actions:t=[],toggleNarrow:i=!1,onToggleNarrow:o=()=>{},stickyHeader:s},d)=>e.jsxs("div",{ref:d,className:c(n.header,s?n.stickyHeader:""),children:[e.jsx(p,{toggleNarrow:i,onClickToggleNarrow:o}),a&&e.jsx("div",{className:n.headerTitle,children:e.jsx(g,{top:!0,marginBottom:0,children:a})}),e.jsx("div",{className:n.right,children:e.jsx("div",{className:n.actions,children:e.jsx(q,{actions:t})})})]}));se.__docgenInfo={description:"",methods:[],displayName:"ListHeading",props:{actions:{defaultValue:{value:"[]",computed:!1},required:!1},toggleNarrow:{defaultValue:{value:"false",computed:!1},required:!1},onToggleNarrow:{defaultValue:{value:"() => {}",computed:!1},required:!1}}};const m=({name:a,icon:t,testId:i})=>{const o=t&&e.jsx(_,{icon:t.icon,color:t.color||"#db2828"});return e.jsxs("span",{className:c(n.name,n.bold),"data-testid":i,children:[a,t&&t.tooltip&&t.tooltip.text?e.jsx("span",{className:n.iconTooltipMargin,children:e.jsx(f,{text:t.tooltip.text,maxWidth:"350px",children:o})}):t&&t.icon&&e.jsx("span",{className:n.iconTooltipMargin,children:o})]})};m.__docgenInfo={description:"",methods:[],displayName:"Name",props:{name:{required:!0,tsType:{name:"ReactNode"},description:""},icon:{required:!1,tsType:{name:"signature",type:"object",raw:`{
2
2
  icon: ReactNode;
3
3
  color?: string;
4
4
  tooltip?: {
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as k}from"./index-DhsZuJvc.js";import{w as le,e as j,u as f}from"./index-DMAnyMX5.js";import{T as se}from"./common-types-Sih75Sav.js";import{M as v,D as h}from"./dialog-BtnEK12u.js";import{B as l}from"./button-DHevvVBE.js";import{P as te}from"./popover-rq33c1W2.js";import{I as ne}from"./input-DFNY9YDm.js";import{I as ae}from"./input-group-BaRSJAEN.js";import{F as S}from"./field-HrLaMLbx.js";import{M as re}from"./actions-BhPnDYmS.js";import{S as ie}from"./select-DAXADfWF.js";import{S as de}from"./spacer-BWoNR27H.js";import{T as ce}from"./tooltip-1V7clEnw.js";import{M as P}from"./types-BmbYqTX_.js";import"./index-CF7H4eMJ.js";import"./index-Bk2sglWO.js";import"./portal-GQ0_cLB6.js";import"./index-CUZDtIZe.js";import"./lodash-BHd_uQHh.js";import"./heading-CRNoBc7q.js";import"./help-icon-Buhx5nl6.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./spinner-AWUe4xwQ.js";import"./types-UmZ4Y_CR.js";import"./label-CqmyC9he.js";import"./badge-CLQ59MDF.js";import"./assertThisInitialized-B9jnkVVz.js";import"./memoize-one.esm-CcMeOnPo.js";import"./text-B3-TSWok.js";import"./select.input-DIKP56UZ.js";const{useArgs:ge}=__STORYBOOK_MODULE_PREVIEW_API__,qe={title:"Modals/Modal",component:v,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(l,{label:"Okay",colored:!0,onClick:()=>{}}),e.jsx(l,{label:"Cancel",onClick:()=>{}})]}),onClose:()=>{}},parameters:{docs:{story:{inline:!1,iframeHeight:400}}}},r=()=>{const[{visible:t,centered:a,...o},n]=ge(),s=()=>{n({visible:!t})};return e.jsxs(e.Fragment,{children:[e.jsx(v,{visible:t,centered:a,children:e.jsx(h,{dialog:{...o,onClose:s}})}),e.jsx(l,{label:"Open Modal",onClick:s})]})},C=r.bind({}),d=r.bind({});d.args={centered:!0};const c=r.bind({});c.args={content:["This is a","new line!"]};const g=r.bind({});g.args={scroll:!0,content:e.jsx("div",{children:"Example modal content goes here lorem ipsum. ".repeat(100)})};const p=r.bind({});p.args={width:"100%",content:e.jsx("div",{children:"Example modal content goes here lorem ipsum. ".repeat(100)})};const m=r.bind({});m.args={contentPadding:0};const u=r.bind({});u.args={content:e.jsxs(e.Fragment,{children:[e.jsx(ce,{text:"Tooltip text",children:"Hover for tooltip"}),e.jsx(de,{}),e.jsx(S,{label:"Custom Select",helpText:"Select an animal",children:e.jsx(ie,{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(S,{label:"Nested Menu",children:e.jsx(re,{maxHeight:"240px",menu:{label:"Menu",trigger:se.DROP_DOWN_BUTTON,sections:[{type:P.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:P.OPTION,label:Math.random().toString(36).substring(7),onClick:()=>{}}))]}})}),e.jsx(te,{content:e.jsxs(ae,{small:!0,children:[e.jsx(ne,{value:"Value",width:"150px",error:"Bad value"}),e.jsx(l,{colored:!0,label:"Save",onClick:()=>{}}),e.jsx(l,{label:"Cancel",onClick:()=>{}})]}),children:e.jsx(l,{colored:!0,label:"Toggle me",onClick:()=>{}})})]})};const b=()=>{const[t,a]=k.useState(!1),o=()=>{a(!0)},n=()=>{a(!1)},s=()=>{console.log("Submit action"),n()};return e.jsxs(e.Fragment,{children:[e.jsx(v,{visible:t,onEnter:()=>{console.log("Enter"),s()},onEscape:()=>{console.log("Escape"),n()},children:e.jsx(h,{dialog:{heading:"Test key handling",content:e.jsx(ne,{}),footer:e.jsxs(e.Fragment,{children:[e.jsx(l,{label:"Done",colored:"red",onClick:s}),e.jsx(l,{label:"Cancel",onClick:n})]}),onClose:n}})}),e.jsx(l,{label:"Open Modal",onClick:o})]})},M=()=>{const[t,a]=k.useState(!1),o=()=>a(!t),[n,s]=k.useState(!1),x=()=>s(!n);return e.jsxs(e.Fragment,{children:[e.jsx(v,{visible:t,children:e.jsx(h,{dialog:{heading:"Modal 1",content:"Lorem ipsum dolor sit amet",footer:e.jsxs(e.Fragment,{children:[e.jsx(l,{label:"Open modal 2",colored:!0,onClick:x}),e.jsx(v,{visible:n,children:e.jsx(h,{dialog:{heading:"Modal 2",content:"Lorem ipsum dolor sit amet",footer:e.jsx(l,{label:"Close",onClick:x}),onClose:x}})}),e.jsx(l,{label:"Close",onClick:o})]}),onClose:o}})}),e.jsx(l,{label:"Open modal 1",onClick:o})]})},i=r.bind({});i.args={testId:"testId"};i.play=async({canvasElement:t,step:a})=>{const o=t.parentElement?le(t.parentElement):null;await j(o).toBeTruthy(),o&&(await a("Modal should appear when triggered",async()=>{const n=o.getByText("Open Modal");await f.click(n);const s=o.getByTestId("testId");await j(s).toBeInTheDocument()}),await a("Modal should disappear when close button pressed",async()=>{const n=o.getByTestId("testId"),s=o.getByTestId("testId-dismiss");await f.click(s),await j(n).not.toBeInTheDocument()}))};b.__docgenInfo={description:"",methods:[],displayName:"KeyHandle"};M.__docgenInfo={description:"",methods:[],displayName:"MultipleModals"};var y,A,B;C.parameters={...C.parameters,docs:{...(y=C.parameters)==null?void 0:y.docs,source:{originalSource:`() => {
1
+ import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as k}from"./index-DhsZuJvc.js";import{w as le,e as j,u as f}from"./index-DMAnyMX5.js";import{T as se}from"./common-types-Sih75Sav.js";import{M as v,D as h}from"./dialog-BelCA1mt.js";import{B as l}from"./button-DHevvVBE.js";import{P as te}from"./popover-rq33c1W2.js";import{I as ne}from"./input-DTXbDJaL.js";import{I as ae}from"./input-group-BaRSJAEN.js";import{F as S}from"./field-HrLaMLbx.js";import{M as re}from"./actions-D-uVCDzk.js";import{S as ie}from"./select-V2ZNp3Pv.js";import{S as de}from"./spacer-BWoNR27H.js";import{T as ce}from"./tooltip-1V7clEnw.js";import{M as P}from"./types-BmbYqTX_.js";import"./index-CF7H4eMJ.js";import"./index-Bk2sglWO.js";import"./portal-GQ0_cLB6.js";import"./index-CUZDtIZe.js";import"./lodash-c4VUpsOs.js";import"./heading-CRNoBc7q.js";import"./help-icon-Buhx5nl6.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./spinner-AWUe4xwQ.js";import"./types-Dx2TtIG9.js";import"./label-CqmyC9he.js";import"./badge-CLQ59MDF.js";import"./assertThisInitialized-B9jnkVVz.js";import"./memoize-one.esm-CcMeOnPo.js";import"./text-B3-TSWok.js";import"./select.input-CJed_LLR.js";import"./helpers-JJxzGegQ.js";const{useArgs:ge}=__STORYBOOK_MODULE_PREVIEW_API__,ze={title:"Modals/Modal",component:v,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(l,{label:"Okay",colored:!0,onClick:()=>{}}),e.jsx(l,{label:"Cancel",onClick:()=>{}})]}),onClose:()=>{}},parameters:{docs:{story:{inline:!1,iframeHeight:400}}}},r=()=>{const[{visible:t,centered:a,...o},n]=ge(),s=()=>{n({visible:!t})};return e.jsxs(e.Fragment,{children:[e.jsx(v,{visible:t,centered:a,children:e.jsx(h,{dialog:{...o,onClose:s}})}),e.jsx(l,{label:"Open Modal",onClick:s})]})},C=r.bind({}),d=r.bind({});d.args={centered:!0};const c=r.bind({});c.args={content:["This is a","new line!"]};const g=r.bind({});g.args={scroll:!0,content:e.jsx("div",{children:"Example modal content goes here lorem ipsum. ".repeat(100)})};const p=r.bind({});p.args={width:"100%",content:e.jsx("div",{children:"Example modal content goes here lorem ipsum. ".repeat(100)})};const m=r.bind({});m.args={contentPadding:0};const u=r.bind({});u.args={content:e.jsxs(e.Fragment,{children:[e.jsx(ce,{text:"Tooltip text",children:"Hover for tooltip"}),e.jsx(de,{}),e.jsx(S,{label:"Custom Select",helpText:"Select an animal",children:e.jsx(ie,{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(S,{label:"Nested Menu",children:e.jsx(re,{maxHeight:"240px",menu:{label:"Menu",trigger:se.DROP_DOWN_BUTTON,sections:[{type:P.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:P.OPTION,label:Math.random().toString(36).substring(7),onClick:()=>{}}))]}})}),e.jsx(te,{content:e.jsxs(ae,{small:!0,children:[e.jsx(ne,{value:"Value",width:"150px",error:"Bad value"}),e.jsx(l,{colored:!0,label:"Save",onClick:()=>{}}),e.jsx(l,{label:"Cancel",onClick:()=>{}})]}),children:e.jsx(l,{colored:!0,label:"Toggle me",onClick:()=>{}})})]})};const b=()=>{const[t,a]=k.useState(!1),o=()=>{a(!0)},n=()=>{a(!1)},s=()=>{console.log("Submit action"),n()};return e.jsxs(e.Fragment,{children:[e.jsx(v,{visible:t,onEnter:()=>{console.log("Enter"),s()},onEscape:()=>{console.log("Escape"),n()},children:e.jsx(h,{dialog:{heading:"Test key handling",content:e.jsx(ne,{}),footer:e.jsxs(e.Fragment,{children:[e.jsx(l,{label:"Done",colored:"red",onClick:s}),e.jsx(l,{label:"Cancel",onClick:n})]}),onClose:n}})}),e.jsx(l,{label:"Open Modal",onClick:o})]})},M=()=>{const[t,a]=k.useState(!1),o=()=>a(!t),[n,s]=k.useState(!1),x=()=>s(!n);return e.jsxs(e.Fragment,{children:[e.jsx(v,{visible:t,children:e.jsx(h,{dialog:{heading:"Modal 1",content:"Lorem ipsum dolor sit amet",footer:e.jsxs(e.Fragment,{children:[e.jsx(l,{label:"Open modal 2",colored:!0,onClick:x}),e.jsx(v,{visible:n,children:e.jsx(h,{dialog:{heading:"Modal 2",content:"Lorem ipsum dolor sit amet",footer:e.jsx(l,{label:"Close",onClick:x}),onClose:x}})}),e.jsx(l,{label:"Close",onClick:o})]}),onClose:o}})}),e.jsx(l,{label:"Open modal 1",onClick:o})]})},i=r.bind({});i.args={testId:"testId"};i.play=async({canvasElement:t,step:a})=>{const o=t.parentElement?le(t.parentElement):null;await j(o).toBeTruthy(),o&&(await a("Modal should appear when triggered",async()=>{const n=o.getByText("Open Modal");await f.click(n);const s=o.getByTestId("testId");await j(s).toBeInTheDocument()}),await a("Modal should disappear when close button pressed",async()=>{const n=o.getByTestId("testId"),s=o.getByTestId("testId-dismiss");await f.click(s),await j(n).not.toBeInTheDocument()}))};b.__docgenInfo={description:"",methods:[],displayName:"KeyHandle"};M.__docgenInfo={description:"",methods:[],displayName:"MultipleModals"};var y,A,B;C.parameters={...C.parameters,docs:{...(y=C.parameters)==null?void 0:y.docs,source:{originalSource:`() => {
2
2
  const [{
3
3
  visible,
4
4
  centered,
@@ -217,4 +217,4 @@ import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as k}from"./index-DhsZuJv
217
217
  </Modal>
218
218
  <Button label="Open Modal" onClick={toggleModal} />
219
219
  </>;
220
- }`,...(oe=(ee=i.parameters)==null?void 0:ee.docs)==null?void 0:oe.source}}};const ze=["Default","Centered","LineBreak","Scroll","FullWidth","NoContentPadding","WithPopoverLayers","KeyHandle","MultipleModals","Test"];export{d as Centered,C as Default,p as FullWidth,b as KeyHandle,c as LineBreak,M as MultipleModals,m as NoContentPadding,g as Scroll,i as Test,u as WithPopoverLayers,ze as __namedExportsOrder,qe as default};
220
+ }`,...(oe=(ee=i.parameters)==null?void 0:ee.docs)==null?void 0:oe.source}}};const Je=["Default","Centered","LineBreak","Scroll","FullWidth","NoContentPadding","WithPopoverLayers","KeyHandle","MultipleModals","Test"];export{d as Centered,C as Default,p as FullWidth,b as KeyHandle,c as LineBreak,M as MultipleModals,m as NoContentPadding,g as Scroll,i as Test,u as WithPopoverLayers,Je as __namedExportsOrder,ze as default};
@@ -0,0 +1,16 @@
1
+ import{j as z}from"./jsx-runtime-eps93zm2.js";import{r as s}from"./index-DhsZuJvc.js";import{d as y}from"./index-DaLCDjg_.js";import{l as G}from"./lodash-c4VUpsOs.js";import{I as J}from"./input-DTXbDJaL.js";const K=t=>t?typeof t=="string"?t:G.isArray(t)?t[0]:t.fieldName:"",Q=({name:t,placeholder:E="",disabled:N=!1,error:v=!1,left:V=!1,small:I=!1,width:F="100%",value:l="",onChange:h=()=>{},onFocus:L=()=>{},onBlur:S=()=>{},tabIndex:x=0,testId:k,tooltip:j=null,warning:R=!1,validationCallback:u=()=>{},allowEmpty:H=!1,isInTable:M,groupOrder:A,enableDisplayRounding:T=!1,roundDisplayValue:b})=>{const r=s.useRef(null),[i,f]=s.useState(l),[C,o]=s.useState(null),[g,w]=s.useState(!1),a=K(t),q=e=>{let n=y.validateNumber(e);return H&&e===""||n.valid?{...n,valid:!0,errors:void 0}:n};s.useEffect(()=>{const{valid:e,errors:n}=q(l);if(f(l),e)o(null),u(a,null);else{const m=n&&n.length?n[0]:null;o(m),u(a,m)}},[l,v]);const B=e=>{const n=e.target,{value:m}=n,d=y.cleanNumStr(m.replaceAll(" ","").replaceAll("|","")),{valid:_,errors:c}=q(d);if(_){const p={...e,target:{...e.target,value:d,name:a}};h(p),f(d),o(null),u(a,null)}else{f(d);const p=c&&c.length?c[0]:null;o(p),u(a,p)}};s.useEffect(()=>{if(r&&(r!=null&&r.current)&&T&&g){const e=r.current;e&&setTimeout(()=>{const{length:n}=String(i);e.setSelectionRange(n,n)},0)}},[g]);const D=e=>{w(!0),L(e)},O=e=>{w(!1),S(e)},P=!g&&T?b?b(i):y.roundToFixed(i,2):i;return z.jsx(J,{type:"text",name:a,testId:k,disabled:N,placeholder:E,value:P,onChange:B,onFocus:D,onBlur:O,error:v||C,warning:R,right:!V,small:I,width:F,isInTable:M,groupOrder:A,tabIndex:x,tooltip:j,ref:r},a)};Q.__docgenInfo={description:"",methods:[],displayName:"NumberInput",props:{name:{required:!1,tsType:{name:"union",raw:"string | { fieldName: string }",elements:[{name:"string"},{name:"signature",type:"object",raw:"{ fieldName: string }",signature:{properties:[{key:"fieldName",value:{name:"string",required:!0}}]}}]},description:""},placeholder:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},error:{required:!1,tsType:{name:"union",raw:"string | boolean",elements:[{name:"string"},{name:"boolean"}]},description:"",defaultValue:{value:"false",computed:!1}},left:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},small:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},width:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"'100%'",computed:!1}},value:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"''",computed:!1}},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:`(
2
+ event: TChangeEvent<T>,
3
+ ...additionalProps: { [key: string]: any }[]
4
+ ) => void`,signature:{arguments:[{type:{name:"intersection",raw:`ChangeEvent<T> & {
5
+ target:
6
+ | T
7
+ | { name: string; value: any; label?: string; files?: FileList | null };
8
+ }`,elements:[{name:"ChangeEvent",elements:[{name:"T"}],raw:"ChangeEvent<T>"},{name:"signature",type:"object",raw:`{
9
+ target:
10
+ | T
11
+ | { name: string; value: any; label?: string; files?: FileList | null };
12
+ }`,signature:{properties:[{key:"target",value:{name:"union",raw:`| T
13
+ | { name: string; value: any; label?: string; files?: FileList | null }`,elements:[{name:"T"},{name:"signature",type:"object",raw:"{ name: string; value: any; label?: string; files?: FileList | null }",signature:{properties:[{key:"name",value:{name:"string",required:!0}},{key:"value",value:{name:"any",required:!0}},{key:"label",value:{name:"string",required:!1}},{key:"files",value:{name:"union",raw:"FileList | null",elements:[{name:"FileList"},{name:"null"}],required:!1}}]}}],required:!0}}]}}]},name:"event"},{type:{name:"Array",elements:[{name:"signature",type:"object",raw:"{ [key: string]: any }",signature:{properties:[{key:{name:"string"},value:{name:"any",required:!0}}]}}],raw:"{ [key: string]: any }[]"},name:"additionalProps",rest:!0}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},onFocus:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: FocusEvent<HTMLInputElement>) => void",signature:{arguments:[{type:{name:"FocusEvent",elements:[{name:"HTMLInputElement"}],raw:"FocusEvent<HTMLInputElement>"},name:"evt"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},onBlur:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: FocusEvent<HTMLInputElement>) => void",signature:{arguments:[{type:{name:"FocusEvent",elements:[{name:"HTMLInputElement"}],raw:"FocusEvent<HTMLInputElement>"},name:"evt"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},tabIndex:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"0",computed:!1}},testId:{required:!1,tsType:{name:"string"},description:""},tooltip:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | React.ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactReactNode",raw:"React.ReactNode"}]},description:"",defaultValue:{value:"null",computed:!1}},warning:{required:!1,tsType:{name:"union",raw:"string | boolean",elements:[{name:"string"},{name:"boolean"}]},description:"",defaultValue:{value:"false",computed:!1}},validationCallback:{required:!1,tsType:{name:"signature",type:"function",raw:`(
14
+ name: string | { fieldName: string },
15
+ error: string | null,
16
+ ) => void`,signature:{arguments:[{type:{name:"union",raw:"string | { fieldName: string }",elements:[{name:"string"},{name:"signature",type:"object",raw:"{ fieldName: string }",signature:{properties:[{key:"fieldName",value:{name:"string",required:!0}}]}}]},name:"name"},{type:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},name:"error"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},allowEmpty:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},isInTable:{required:!1,tsType:{name:"boolean"},description:""},groupOrder:{required:!1,tsType:{name:"any"},description:""},enableDisplayRounding:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},roundDisplayValue:{required:!1,tsType:{name:"signature",type:"function",raw:"(args: TStringNumberNull) => TStringNumberNull",signature:{arguments:[{type:{name:"union",raw:"string | number | null",elements:[{name:"string"},{name:"number"},{name:"null"}]},name:"args"}],return:{name:"union",raw:"string | number | null",elements:[{name:"string"},{name:"number"},{name:"null"}]}}},description:""}}};export{Q as N};
@@ -0,0 +1,110 @@
1
+ import{j as l}from"./jsx-runtime-eps93zm2.js";import{r as f}from"./index-DhsZuJvc.js";import{w as D,u as t,e as s,f as ye,a as we}from"./index-DMAnyMX5.js";import{d as Ce}from"./index-DaLCDjg_.js";import{N as p}from"./number-input-Ct8VwJX0.js";import{I as be}from"./input-group-BaRSJAEN.js";import{I as Te}from"./input-group-addon-D68iUKV2.js";import{S as Ae}from"./select-V2ZNp3Pv.js";import"./index-CF7H4eMJ.js";import"./index-DRSy5Ssd.js";import"./lodash-c4VUpsOs.js";import"./input-DTXbDJaL.js";import"./index-Bk2sglWO.js";import"./disabled-context-rmpd7YJS.js";import"./types-Dx2TtIG9.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./common-types-Sih75Sav.js";import"./index-CEuq6vkz.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";import"./memoize-one.esm-CcMeOnPo.js";import"./types-BmbYqTX_.js";import"./text-B3-TSWok.js";import"./actions-D-uVCDzk.js";import"./button-DHevvVBE.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./badge-CLQ59MDF.js";import"./select.input-CJed_LLR.js";import"./helpers-JJxzGegQ.js";const{useArgs:De}=__STORYBOOK_MODULE_PREVIEW_API__,na={title:"Forms/NumberInput",component:p,parameters:{canvas:{page:null}},args:{label:"Label"}},o=a=>{const[r,e]=De(),u=n=>{e({value:n.target.value})};return l.jsx(p,{onChange:u,value:123,...a})},B=o.bind({}),g=o.bind({});g.args={small:!0};const m=o.bind({});m.args={width:"150px"};const v=o.bind({});v.args={left:!0};const h=o.bind({});h.args={disabled:!0};const I=o.bind({});I.args={allowEmpty:!0,value:""};const i=()=>{const[a,r]=f.useState("123|m");return l.jsx(p,{name:"example",onChange:e=>r(e.target.value),placeholder:"Type a value...",value:a,testId:"testId"})};i.play=async({canvasElement:a,step:r})=>{const e=D(a),u=D(a.ownerDocument.body);await r("Shows validation error for non-numeric input",async()=>{const n=e.getByTestId("testId");await t.clear(n),await t.type(n,"123x45s6"),await t.click(a),await s(e.getByDisplayValue("123x45s6")).toBeInTheDocument(),await ye.mouseOver(n),await we(()=>{s(u.getByText("Must be a numerical value")).toBeInTheDocument()})})};const y=o.bind({});y.args={warning:"This input number is almost 100!",value:"99"};const w=o.bind({});w.args={error:"This is a error message"};const C=o.bind({});C.args={value:"123test"};const b=o.bind({});b.args={value:"123.123456789",enableDisplayRounding:!0};const T=o.bind({});T.args={value:"123.123456789",enableDisplayRounding:!0,roundDisplayValue:a=>Ce.roundToFixed(a,4)};const A=()=>l.jsxs(be,{small:!0,children:[l.jsx(p,{value:123}),l.jsx(Te,{children:"to"}),l.jsx(p,{value:123}),l.jsx(Ae,{options:[{value:"units",label:"units"}],width:"auto",value:"units"})]}),c=()=>{const[a,r]=f.useState("123");return l.jsx(p,{value:a,onChange:e=>{r(e.target.value)},testId:"testId",enableDisplayRounding:!0})};c.play=async({canvasElement:a,step:r})=>{const e=D(a);await r("Value should be rounded on blur",async()=>{const u=e.getByTestId("testId");await t.clear(u),await t.type(u,"123.123456789"),await t.click(a),await s(e.getByDisplayValue("123.12")).toBeInTheDocument()}),await r("Full value shown on focus",async()=>{const u=e.getByTestId("testId");await t.click(u),await s(e.getByDisplayValue("123.123456789")).toBeInTheDocument()})};const d=()=>{const[a,r]=f.useState("123");return l.jsx(p,{value:a,onChange:e=>{r(e.target.value)},testId:"testId"})};d.play=async({canvasElement:a,step:r})=>{const e=D(a),u=D(a.ownerDocument.body);await r("Can enter decimal values",async()=>{const n=e.getByTestId("testId");await t.clear(n),await t.type(n,"123.123456789"),await t.click(a),await s(e.getByDisplayValue("123.123456789")).toBeInTheDocument()}),await r("Can enter scientific notation",async()=>{const n=e.getByTestId("testId");await t.clear(n),await t.type(n,"-1.12e3"),await t.click(a),await s(e.getByDisplayValue("-1.12e3")).toBeInTheDocument()}),await r("Can enter comma decimals (converts to dot)",async()=>{const n=e.getByTestId("testId");await t.clear(n),await t.type(n,"123,456"),await t.click(a),await s(e.getByDisplayValue("123.456")).toBeInTheDocument()}),await r("Can enter small numbers",async()=>{const n=e.getByTestId("testId");await t.clear(n),await t.type(n,"0.0000000023"),await t.click(a),await s(e.getByDisplayValue("0.0000000023")).toBeInTheDocument()}),await r("Can enter large numbers",async()=>{const n=e.getByTestId("testId");await t.clear(n),await t.type(n,"999999999999"),await t.click(a),await s(e.getByDisplayValue("999999999999")).toBeInTheDocument()}),await r("Shows validation error for non-numeric input",async()=>{const n=e.getByTestId("testId");await t.clear(n),await t.type(n,"123x45s6"),await t.click(a),await s(e.getByDisplayValue("123x45s6")).toBeInTheDocument(),await ye.mouseOver(n),await we(()=>{s(u.getByText("Must be a numerical value")).toBeInTheDocument()})})};i.__docgenInfo={description:"",methods:[{name:"play",docblock:null,modifiers:["static"],params:[{name:"{ canvasElement, step }",optional:!1,type:null}],returns:null}],displayName:"Placeholder"};A.__docgenInfo={description:"",methods:[],displayName:"TestInputGroup"};c.__docgenInfo={description:"",methods:[{name:"play",docblock:null,modifiers:["static"],params:[{name:"{ canvasElement, step }",optional:!1,type:null}],returns:null}],displayName:"TestDisplayRounding"};d.__docgenInfo={description:"",methods:[{name:"play",docblock:null,modifiers:["static"],params:[{name:"{ canvasElement, step }",optional:!1,type:null}],returns:null}],displayName:"TestUserInput"};var _,S,E;B.parameters={...B.parameters,docs:{...(_=B.parameters)==null?void 0:_.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
+ }`,...(E=(S=B.parameters)==null?void 0:S.docs)==null?void 0:E.source}}};var x,N,V;g.parameters={...g.parameters,docs:{...(x=g.parameters)==null?void 0:x.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
+ }`,...(V=(N=g.parameters)==null?void 0:N.docs)==null?void 0:V.source}}};var L,M,R;m.parameters={...m.parameters,docs:{...(L=m.parameters)==null?void 0:L.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
+ }`,...(R=(M=m.parameters)==null?void 0:M.docs)==null?void 0:R.source}}};var k,j,H;v.parameters={...v.parameters,docs:{...(k=v.parameters)==null?void 0:k.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
+ }`,...(H=(j=v.parameters)==null?void 0:j.docs)==null?void 0:H.source}}};var G,W,O;h.parameters={...h.parameters,docs:{...(G=h.parameters)==null?void 0:G.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
+ }`,...(O=(W=h.parameters)==null?void 0:W.docs)==null?void 0:O.source}}};var P,F,U;I.parameters={...I.parameters,docs:{...(P=I.parameters)==null?void 0:P.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
+ }`,...(U=(F=I.parameters)==null?void 0:F.docs)==null?void 0:U.source}}};var K,Y,q;i.parameters={...i.parameters,docs:{...(K=i.parameters)==null?void 0:K.docs,source:{originalSource:`() => {
50
+ const [value, setValue] = useState('123|m');
51
+ return <NumberInput name="example" onChange={evt => setValue(evt.target.value)} placeholder="Type a value..." value={value} testId="testId" />;
52
+ }`,...(q=(Y=i.parameters)==null?void 0:Y.docs)==null?void 0:q.source}}};var z,J,Q;y.parameters={...y.parameters,docs:{...(z=y.parameters)==null?void 0:z.docs,source:{originalSource:`args => {
53
+ const [_, updateArgs] = useArgs();
54
+ const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
55
+ updateArgs({
56
+ value: evt.target.value
57
+ });
58
+ };
59
+ return <NumberInput onChange={handleChange} value={123} {...args} />;
60
+ }`,...(Q=(J=y.parameters)==null?void 0:J.docs)==null?void 0:Q.source}}};var X,Z,$;w.parameters={...w.parameters,docs:{...(X=w.parameters)==null?void 0:X.docs,source:{originalSource:`args => {
61
+ const [_, updateArgs] = useArgs();
62
+ const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
63
+ updateArgs({
64
+ value: evt.target.value
65
+ });
66
+ };
67
+ return <NumberInput onChange={handleChange} value={123} {...args} />;
68
+ }`,...($=(Z=w.parameters)==null?void 0:Z.docs)==null?void 0:$.source}}};var ee,ae,te;C.parameters={...C.parameters,docs:{...(ee=C.parameters)==null?void 0:ee.docs,source:{originalSource:`args => {
69
+ const [_, updateArgs] = useArgs();
70
+ const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
71
+ updateArgs({
72
+ value: evt.target.value
73
+ });
74
+ };
75
+ return <NumberInput onChange={handleChange} value={123} {...args} />;
76
+ }`,...(te=(ae=C.parameters)==null?void 0:ae.docs)==null?void 0:te.source}}};var ne,re,se;b.parameters={...b.parameters,docs:{...(ne=b.parameters)==null?void 0:ne.docs,source:{originalSource:`args => {
77
+ const [_, updateArgs] = useArgs();
78
+ const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
79
+ updateArgs({
80
+ value: evt.target.value
81
+ });
82
+ };
83
+ return <NumberInput onChange={handleChange} value={123} {...args} />;
84
+ }`,...(se=(re=b.parameters)==null?void 0:re.docs)==null?void 0:se.source}}};var oe,ue,le;T.parameters={...T.parameters,docs:{...(oe=T.parameters)==null?void 0:oe.docs,source:{originalSource:`args => {
85
+ const [_, updateArgs] = useArgs();
86
+ const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
87
+ updateArgs({
88
+ value: evt.target.value
89
+ });
90
+ };
91
+ return <NumberInput onChange={handleChange} value={123} {...args} />;
92
+ }`,...(le=(ue=T.parameters)==null?void 0:ue.docs)==null?void 0:le.source}}};var pe,ie,ce;A.parameters={...A.parameters,docs:{...(pe=A.parameters)==null?void 0:pe.docs,source:{originalSource:`() => <InputGroup small>
93
+ <NumberInput value={123} />
94
+ <InputGroupAddon>to</InputGroupAddon>
95
+ <NumberInput value={123} />
96
+ <Select options={[{
97
+ value: 'units',
98
+ label: 'units'
99
+ }]} width="auto" value="units" />
100
+ </InputGroup>`,...(ce=(ie=A.parameters)==null?void 0:ie.docs)==null?void 0:ce.source}}};var de,ge,me;c.parameters={...c.parameters,docs:{...(de=c.parameters)==null?void 0:de.docs,source:{originalSource:`() => {
101
+ const [value, setValue] = useState('123');
102
+ return <NumberInput value={value} onChange={evt => {
103
+ setValue(evt.target.value);
104
+ }} testId="testId" enableDisplayRounding />;
105
+ }`,...(me=(ge=c.parameters)==null?void 0:ge.docs)==null?void 0:me.source}}};var ve,he,Ie;d.parameters={...d.parameters,docs:{...(ve=d.parameters)==null?void 0:ve.docs,source:{originalSource:`() => {
106
+ const [value, setValue] = useState('123');
107
+ return <NumberInput value={value} onChange={evt => {
108
+ setValue(evt.target.value);
109
+ }} testId="testId" />;
110
+ }`,...(Ie=(he=d.parameters)==null?void 0:he.docs)==null?void 0:Ie.source}}};const ra=["Default","Small","Width","Left","Disabled","AllowEmpty","Placeholder","Warning","Error","BadInput","WithDisplayRounding","WithCustomDisplayRounding","TestInputGroup","TestDisplayRounding","TestUserInput"];export{I as AllowEmpty,C as BadInput,B as Default,h as Disabled,w as Error,v as Left,i as Placeholder,g as Small,c as TestDisplayRounding,A as TestInputGroup,d as TestUserInput,y as Warning,m as Width,T as WithCustomDisplayRounding,b as WithDisplayRounding,ra as __namedExportsOrder,na as default};
@@ -0,0 +1,52 @@
1
+ import{j as n}from"./jsx-runtime-eps93zm2.js";import{T as A}from"./common-types-Sih75Sav.js";import{M as C}from"./actions-D-uVCDzk.js";import{c as E}from"./index-Bk2sglWO.js";import{C as O}from"./check-box-DPLaOkRR.js";import{D as y}from"./divider-DY9nJ_7N.js";import"./index-DhsZuJvc.js";import"./lodash-c4VUpsOs.js";import"./disabled-context-rmpd7YJS.js";import"./button-DHevvVBE.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./types-BmbYqTX_.js";import"./types-Dx2TtIG9.js";import"./badge-CLQ59MDF.js";import"./help-icon-Buhx5nl6.js";import"./text-B3-TSWok.js";const D="_menu_12x4u_1",I="_header_12x4u_11",L="_item_12x4u_27",F="_heading_12x4u_32",p={menu:D,header:I,item:L,heading:F},w=({option:e,onChange:r})=>{const{key:i,label:l,selected:a}=e;return n.jsx("div",{className:p.item,children:n.jsx(O,{label:l,noMargin:!0,checked:a,onChange:r})},i)};w.__docgenInfo={description:"",methods:[],displayName:"Option",props:{option:{required:!0,tsType:{name:"signature",type:"object",raw:`{
2
+ key?: string;
3
+ label?: string | null;
4
+ selected?: boolean;
5
+ }`,signature:{properties:[{key:"key",value:{name:"string",required:!1}},{key:"label",value:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}],required:!1}},{key:"selected",value:{name:"boolean",required:!1}}]}},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:`(
6
+ event: TChangeEvent<T>,
7
+ ...additionalProps: { [key: string]: any }[]
8
+ ) => void`,signature:{arguments:[{type:{name:"intersection",raw:`ChangeEvent<T> & {
9
+ target:
10
+ | T
11
+ | { name: string; value: any; label?: string; files?: FileList | null };
12
+ }`,elements:[{name:"ChangeEvent",elements:[{name:"T"}],raw:"ChangeEvent<T>"},{name:"signature",type:"object",raw:`{
13
+ target:
14
+ | T
15
+ | { name: string; value: any; label?: string; files?: FileList | null };
16
+ }`,signature:{properties:[{key:"target",value:{name:"union",raw:`| T
17
+ | { name: string; value: any; label?: string; files?: FileList | null }`,elements:[{name:"T"},{name:"signature",type:"object",raw:"{ name: string; value: any; label?: string; files?: FileList | null }",signature:{properties:[{key:"name",value:{name:"string",required:!0}},{key:"value",value:{name:"any",required:!0}},{key:"label",value:{name:"string",required:!1}},{key:"files",value:{name:"union",raw:"FileList | null",elements:[{name:"FileList"},{name:"null"}],required:!1}}]}}],required:!0}}]}}]},name:"event"},{type:{name:"Array",elements:[{name:"signature",type:"object",raw:"{ [key: string]: any }",signature:{properties:[{key:{name:"string"},value:{name:"any",required:!0}}]}}],raw:"{ [key: string]: any }[]"},name:"additionalProps",rest:!0}],return:{name:"void"}}},description:""}}};const x=({label:e})=>n.jsx("div",{className:p.heading,children:e});x.__docgenInfo={description:"",methods:[],displayName:"Heading",props:{label:{required:!0,tsType:{name:"string"},description:""}}};var g=(e=>(e.HEADING="Heading",e.DIVIDER="Divider",e.DEFAULT="Default",e))(g||{});const k=({options:e,onChangeOptions:r,showHeader:i,maxHeight:l})=>n.jsxs("div",{className:E("menu",p.menu),style:{maxHeight:l},children:[i&&n.jsxs(n.Fragment,{children:[n.jsxs("div",{className:p.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(y,{margin:0})]}),e.map((a,s)=>{switch(a.type){case g.HEADING:return n.jsx(x,{label:a.label},s);case g.DIVIDER:return n.jsx(y,{margin:0},s);default:return n.jsx(w,{option:a,onChange:t=>{const{value:d}=a,j=e.map(u=>u.value!==d?u:{...u,selected:!u.selected});r(t,j)}},s)}})]});k.__docgenInfo={description:"",methods:[],displayName:"Layer",props:{options:{required:!0,tsType:{name:"Array",elements:[{name:"IOptionType"}],raw:"IOptionType[]"},description:""},onChangeOptions:{required:!0,tsType:{name:"signature",type:"function",raw:`(
18
+ evt: React.MouseEvent<HTMLAnchorElement>,
19
+ options: IOptionType[],
20
+ ) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLAnchorElement>",elements:[{name:"HTMLAnchorElement"}]},name:"evt"},{type:{name:"Array",elements:[{name:"IOptionType"}],raw:"IOptionType[]"},name:"options"}],return:{name:"void"}}},description:""},showHeader:{required:!1,tsType:{name:"boolean"},description:""},maxHeight:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""}}};const c=({name:e,label:r,options:i,onChange:l,showHeader:a=!0,maxHeight:s="40vh"})=>n.jsx(C,{menu:{label:r,trigger:A.DROP_DOWN_BUTTON,possiblePlacements:["top-start","bottom-start"],sections:n.jsx(k,{options:i,onChangeOptions:(t,d)=>{t.stopPropagation(),t.target.name=e,t.target.value=d,l(t)},showHeader:a,maxHeight:s})}});c.__docgenInfo={description:"",methods:[],displayName:"OptionDropdown",props:{name:{required:!1,tsType:{name:"string"},description:""},label:{required:!0,tsType:{name:"string"},description:""},options:{required:!0,tsType:{name:"Array",elements:[{name:"IOptionType"}],raw:"IOptionType[]"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:`(
21
+ event: TChangeEvent<T>,
22
+ ...additionalProps: { [key: string]: any }[]
23
+ ) => void`,signature:{arguments:[{type:{name:"intersection",raw:`ChangeEvent<T> & {
24
+ target:
25
+ | T
26
+ | { name: string; value: any; label?: string; files?: FileList | null };
27
+ }`,elements:[{name:"ChangeEvent",elements:[{name:"T"}],raw:"ChangeEvent<T>"},{name:"signature",type:"object",raw:`{
28
+ target:
29
+ | T
30
+ | { name: string; value: any; label?: string; files?: FileList | null };
31
+ }`,signature:{properties:[{key:"target",value:{name:"union",raw:`| T
32
+ | { name: string; value: any; label?: string; files?: FileList | null }`,elements:[{name:"T"},{name:"signature",type:"object",raw:"{ name: string; value: any; label?: string; files?: FileList | null }",signature:{properties:[{key:"name",value:{name:"string",required:!0}},{key:"value",value:{name:"any",required:!0}},{key:"label",value:{name:"string",required:!1}},{key:"files",value:{name:"union",raw:"FileList | null",elements:[{name:"FileList"},{name:"null"}],required:!1}}]}}],required:!0}}]}}]},name:"event"},{type:{name:"Array",elements:[{name:"signature",type:"object",raw:"{ [key: string]: any }",signature:{properties:[{key:{name:"string"},value:{name:"any",required:!0}}]}}],raw:"{ [key: string]: any }[]"},name:"additionalProps",rest:!0}],return:{name:"void"}}},description:""},showHeader:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},maxHeight:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'40vh'",computed:!1}}}};const{useArgs:H}=__STORYBOOK_MODULE_PREVIEW_API__,N=[{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:N}},q=e=>{const[r,i]=H(),l=a=>{i({options:a.target.value})};return n.jsx(c,{...e,onChange:l})},m=q.bind({}),o=q.bind({});o.args={options:[...Array(50)].map((e,r)=>({label:`Item #${r}`,value:r}))};var v,h,f;m.parameters={...m.parameters,docs:{...(v=m.parameters)==null?void 0:v.docs,source:{originalSource:`args => {
33
+ const [_, updateArgs] = useArgs();
34
+ const handleChange = (evt: any) => {
35
+ updateArgs({
36
+ options: evt.target.value
37
+ });
38
+ };
39
+ return <OptionDropdown
40
+ // eslint-disable-next-line react/jsx-props-no-spreading
41
+ {...args} onChange={handleChange} />;
42
+ }`,...(f=(h=m.parameters)==null?void 0:h.docs)==null?void 0:f.source}}};var T,b,_;o.parameters={...o.parameters,docs:{...(T=o.parameters)==null?void 0:T.docs,source:{originalSource:`args => {
43
+ const [_, updateArgs] = useArgs();
44
+ const handleChange = (evt: any) => {
45
+ updateArgs({
46
+ options: evt.target.value
47
+ });
48
+ };
49
+ return <OptionDropdown
50
+ // eslint-disable-next-line react/jsx-props-no-spreading
51
+ {...args} onChange={handleChange} />;
52
+ }`,...(_=(b=o.parameters)==null?void 0:b.docs)==null?void 0:_.source}}};const ie=["Default","ScrollOverflow"];export{m as Default,o as ScrollOverflow,ie as __namedExportsOrder,se as default};
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as r}from"./index-BcNHZKhG.js";import{Y as t}from"./index-RIOk8k9q.js";import"./index-DhsZuJvc.js";import"./iframe-Ds9MEeRD.js";import"../sb-preview/runtime.js";import"./index-CUZDtIZe.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";import"./index-D6rZ4wEC.js";function i(s){const n={code:"code",h1:"h1",h2:"h2",li:"li",p:"p",strong:"strong",ul:"ul",...r(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(t,{title:"Padding, Margin & Size"}),`
1
+ import{j as e}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as r}from"./index-BcNHZKhG.js";import{Y as t}from"./index-DLsIgQne.js";import"./index-DhsZuJvc.js";import"./iframe-aT7NCuic.js";import"../sb-preview/runtime.js";import"./index-CUZDtIZe.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";import"./index-D6rZ4wEC.js";function i(s){const n={code:"code",h1:"h1",h2:"h2",li:"li",p:"p",strong:"strong",ul:"ul",...r(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(t,{title:"Padding, Margin & Size"}),`
2
2
  `,e.jsx(n.h1,{id:"padding-margin--size",children:"Padding, Margin & Size"}),`
3
3
  `,e.jsx(n.h2,{id:"padding--margin",children:"Padding & Margin"}),`
4
4
  `,e.jsx(n.p,{children:"There are standard CSS spacing variables for padding and margin."}),`
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-eps93zm2.js";import{P as i}from"./page-7SSpdYhb.js";import{T as d}from"./top-bar-BlwEXx7O.js";import{S as c}from"./side-bar-BhPNjZba.js";import{H as s}from"./heading-CRNoBc7q.js";import{L as D}from"./logo-BVP9045W.js";import"./index-DhsZuJvc.js";import"./index-Bk2sglWO.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./common-types-Sih75Sav.js";import"./button-DHevvVBE.js";import"./spinner-AWUe4xwQ.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./actions-BhPnDYmS.js";import"./lodash-BHd_uQHh.js";import"./types-BmbYqTX_.js";import"./types-UmZ4Y_CR.js";import"./badge-CLQ59MDF.js";import"./index-BI4_Bp97.js";import"./drawer-BqojbwAS.js";import"./help-icon-Buhx5nl6.js";const W="_printHeader_o7xxx_1",L={printHeader:W},I=({logo:F,alt:V,logoWidth:C="100px"})=>e.jsx("img",{src:F,alt:V,className:L.printHeader,style:{width:C}});I.__docgenInfo={description:"",methods:[],displayName:"PrintHeader",props:{logo:{required:!0,tsType:{name:"string"},description:""},logoWidth:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"'100px'",computed:!1}},alt:{required:!0,tsType:{name:"string"},description:""}}};const t="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"}}}},a=()=>e.jsxs(e.Fragment,{children:[e.jsx(d,{}),e.jsx(c,{options:{title:"",sections:[]}}),e.jsxs(i,{children:[e.jsx(s,{top:!0,children:"Heading"}),t]})]}),r=()=>e.jsxs(e.Fragment,{children:[e.jsx(d,{}),e.jsx(c,{options:{title:"",sections:[]}}),e.jsxs(i,{padding:!1,children:[e.jsx(s,{top:!0,children:"Heading"}),t]})]}),o=()=>e.jsxs(e.Fragment,{children:[e.jsx(d,{}),e.jsx(c,{options:{title:"",sections:[]}}),e.jsxs(i,{scroll:!1,children:[e.jsx(s,{top:!0,children:"Heading"}),t]})]}),n=()=>e.jsxs(e.Fragment,{children:[e.jsx(c,{options:{title:"",sections:[]}}),e.jsxs(i,{top:0,children:[e.jsx(s,{top:!0,children:"Heading"}),t]})]}),u=()=>e.jsxs(e.Fragment,{children:[e.jsx(d,{}),e.jsxs(i,{left:0,children:[e.jsx(s,{top:!0,children:"Heading"}),t]})]}),l=()=>e.jsxs(e.Fragment,{children:[e.jsx(I,{logo:D,logoWidth:"60px",alt:"company logo"}),e.jsx(d,{}),e.jsx(c,{options:{title:"",sections:[]}}),e.jsxs(i,{children:[e.jsx(s,{top:!0,children:"Heading"}),t]})]});a.__docgenInfo={description:"",methods:[],displayName:"Default"};r.__docgenInfo={description:"",methods:[],displayName:"NoPadding"};o.__docgenInfo={description:"",methods:[],displayName:"NoScroll"};n.__docgenInfo={description:"",methods:[],displayName:"NoTopBar"};u.__docgenInfo={description:"",methods:[],displayName:"NoSideBar"};l.__docgenInfo={description:"",methods:[],displayName:"WithPrintHeader"};var m,p,g;a.parameters={...a.parameters,docs:{...(m=a.parameters)==null?void 0:m.docs,source:{originalSource:`() => <>
1
+ import{j as e}from"./jsx-runtime-eps93zm2.js";import{P as i}from"./page-7SSpdYhb.js";import{T as d}from"./top-bar-DkXSzzqt.js";import{S as c}from"./side-bar-CSx5wI-k.js";import{H as s}from"./heading-CRNoBc7q.js";import{L as D}from"./logo-BVP9045W.js";import"./index-DhsZuJvc.js";import"./index-Bk2sglWO.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./common-types-Sih75Sav.js";import"./button-DHevvVBE.js";import"./spinner-AWUe4xwQ.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./actions-D-uVCDzk.js";import"./lodash-c4VUpsOs.js";import"./types-BmbYqTX_.js";import"./types-Dx2TtIG9.js";import"./badge-CLQ59MDF.js";import"./index-BI4_Bp97.js";import"./drawer-DOWJp9T4.js";import"./help-icon-Buhx5nl6.js";const W="_printHeader_o7xxx_1",L={printHeader:W},I=({logo:F,alt:V,logoWidth:C="100px"})=>e.jsx("img",{src:F,alt:V,className:L.printHeader,style:{width:C}});I.__docgenInfo={description:"",methods:[],displayName:"PrintHeader",props:{logo:{required:!0,tsType:{name:"string"},description:""},logoWidth:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"'100px'",computed:!1}},alt:{required:!0,tsType:{name:"string"},description:""}}};const t="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"}}}},a=()=>e.jsxs(e.Fragment,{children:[e.jsx(d,{}),e.jsx(c,{options:{title:"",sections:[]}}),e.jsxs(i,{children:[e.jsx(s,{top:!0,children:"Heading"}),t]})]}),r=()=>e.jsxs(e.Fragment,{children:[e.jsx(d,{}),e.jsx(c,{options:{title:"",sections:[]}}),e.jsxs(i,{padding:!1,children:[e.jsx(s,{top:!0,children:"Heading"}),t]})]}),o=()=>e.jsxs(e.Fragment,{children:[e.jsx(d,{}),e.jsx(c,{options:{title:"",sections:[]}}),e.jsxs(i,{scroll:!1,children:[e.jsx(s,{top:!0,children:"Heading"}),t]})]}),n=()=>e.jsxs(e.Fragment,{children:[e.jsx(c,{options:{title:"",sections:[]}}),e.jsxs(i,{top:0,children:[e.jsx(s,{top:!0,children:"Heading"}),t]})]}),u=()=>e.jsxs(e.Fragment,{children:[e.jsx(d,{}),e.jsxs(i,{left:0,children:[e.jsx(s,{top:!0,children:"Heading"}),t]})]}),l=()=>e.jsxs(e.Fragment,{children:[e.jsx(I,{logo:D,logoWidth:"60px",alt:"company logo"}),e.jsx(d,{}),e.jsx(c,{options:{title:"",sections:[]}}),e.jsxs(i,{children:[e.jsx(s,{top:!0,children:"Heading"}),t]})]});a.__docgenInfo={description:"",methods:[],displayName:"Default"};r.__docgenInfo={description:"",methods:[],displayName:"NoPadding"};o.__docgenInfo={description:"",methods:[],displayName:"NoScroll"};n.__docgenInfo={description:"",methods:[],displayName:"NoTopBar"};u.__docgenInfo={description:"",methods:[],displayName:"NoSideBar"};l.__docgenInfo={description:"",methods:[],displayName:"WithPrintHeader"};var m,p,g;a.parameters={...a.parameters,docs:{...(m=a.parameters)==null?void 0:m.docs,source:{originalSource:`() => <>
2
2
  <TopBar />
3
3
  <SideBar options={{
4
4
  title: '',