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

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 (146) hide show
  1. package/dist/404.html +1 -0
  2. package/dist/assets/{index-2d24bc5e.css → index-0d78a198.css} +55 -41
  3. package/dist/assets/{index-916a574f.js → index-26f804a8.js} +68 -64
  4. package/dist/global.css +55 -41
  5. package/dist/index.d.ts +2 -1
  6. package/dist/index.html +1 -1
  7. package/dist/index.js +90 -94
  8. package/dist/index.js.map +1 -1
  9. package/dist/storybook/assets/Color-6VNJS4EI-344c490f.js +1 -0
  10. package/dist/storybook/assets/DocsRenderer-NNNQARDV-e3d267ad.js +1 -0
  11. package/dist/storybook/assets/WithTooltip-4HIR6TLV-351e5b49.js +1 -0
  12. package/dist/storybook/assets/{accordion-168fa7c5.js → accordion-1b587708.js} +1 -1
  13. package/dist/storybook/assets/{accordion.stories-0f8af16e.js → accordion.stories-41aed20e.js} +2 -2
  14. package/dist/storybook/assets/{actions-2d4e1c8e.js → actions-83a2a04e.js} +1 -1
  15. package/dist/storybook/assets/{actions.stories-81a7cb7a.js → actions.stories-a38cd26e.js} +1 -1
  16. package/dist/storybook/assets/{afe.stories-afb9be07.js → afe.stories-a4fbd6ce.js} +2 -2
  17. package/dist/storybook/assets/{badge.stories-5ce7957f.js → badge.stories-1cbf35f9.js} +1 -1
  18. package/dist/storybook/assets/{blowout.stories-ee7f932b.js → blowout.stories-3d16e5ec.js} +1 -1
  19. package/dist/storybook/assets/{button-74c97e4a.js → button-050c998a.js} +1 -1
  20. package/dist/storybook/assets/{button-group-fa895d0c.js → button-group-0176fca3.js} +1 -1
  21. package/dist/storybook/assets/{button-group.stories-22f072b7.js → button-group.stories-7659a587.js} +1 -1
  22. package/dist/storybook/assets/{button.stories-9b954335.js → button.stories-5f73ddef.js} +1 -1
  23. package/dist/storybook/assets/{buttons-and-links-efbcacad.js → buttons-and-links-0ab68402.js} +1 -1
  24. package/dist/storybook/assets/{card.stories-537a1772.js → card.stories-0437a4e2.js} +1 -1
  25. package/dist/storybook/assets/{casing-loads.stories-cfbab702.js → casing-loads.stories-d5882170.js} +2 -2
  26. package/dist/storybook/assets/{cell.stories-524a7418.js → cell.stories-0ae4bf08.js} +2 -2
  27. package/dist/storybook/assets/{check-box-e21258d5.js → check-box-b38490e5.js} +1 -1
  28. package/dist/storybook/assets/{check-box.stories-5f7d06e0.js → check-box.stories-9bf1c260.js} +1 -1
  29. package/dist/storybook/assets/{chunk-HLWAVYOI-a6703799.js → chunk-HLWAVYOI-d2ee52b0.js} +1 -1
  30. package/dist/storybook/assets/color-992af239.js +25 -0
  31. package/dist/storybook/assets/{column.stories-ae7588c5.js → column.stories-d5ca2c42.js} +1 -1
  32. package/dist/storybook/assets/{dialog-cd58dd09.js → dialog-c036ff34.js} +1 -1
  33. package/dist/storybook/assets/{drawer-7f450988.js → drawer-308b0a03.js} +1 -1
  34. package/dist/storybook/assets/{drawer.stories-39625e91.js → drawer.stories-d76c0577.js} +2 -2
  35. package/dist/storybook/assets/{empty.stories-e0e3ac78.js → empty.stories-30fdd793.js} +1 -1
  36. package/dist/storybook/assets/extends-98964cd2.js +1 -0
  37. package/dist/storybook/assets/{field-a094cd72.js → field-248df38c.js} +1 -1
  38. package/dist/storybook/assets/{field.stories-f1318053.js → field.stories-60d1a82f.js} +1 -1
  39. package/dist/storybook/assets/file-input.stories-ec8a6eba.js +66 -0
  40. package/dist/storybook/assets/{flex.stories-09e9c602.js → flex.stories-6a278b40.js} +1 -1
  41. package/dist/storybook/assets/footer.stories-50a2e3db.js +3 -0
  42. package/dist/storybook/assets/form.stories-fb337772.js +49 -0
  43. package/dist/storybook/assets/formation.stories-3c9cd637.js +74 -0
  44. package/dist/storybook/assets/{formatter-SWP5E3XI-a96d02d8.js → formatter-SWP5E3XI-edf2ae3d.js} +2 -2
  45. package/dist/storybook/assets/{heading-d29eb744.js → heading-39e599c8.js} +1 -1
  46. package/dist/storybook/assets/{heading.stories-9689bddc.js → heading.stories-6ff7f5ed.js} +1 -1
  47. package/dist/storybook/assets/{help-icon-d4189b1b.js → help-icon-c0abd380.js} +1 -1
  48. package/dist/storybook/assets/{help-icon.stories-15d1620d.js → help-icon.stories-a30b7058.js} +1 -1
  49. package/dist/storybook/assets/icon-8acf9925.js +8 -0
  50. package/dist/storybook/assets/{icon.stories-8dae69e1.js → icon.stories-466d158f.js} +1 -1
  51. package/dist/storybook/assets/iframe-40056b2b.js +1 -0
  52. package/dist/storybook/assets/{index-a92f5849.js → index-6f0f8cb1.js} +4 -4
  53. package/dist/storybook/assets/{index.es-85cc7dfc.js → index.es-37e2ce0d.js} +4 -4
  54. package/dist/storybook/assets/inheritsLoose-c82a83d4.js +1 -0
  55. package/dist/storybook/assets/{input-d68625a5.js → input-05f21b51.js} +1 -1
  56. package/dist/storybook/assets/{input-group.stories-a2a3400e.js → input-group.stories-602e1e93.js} +2 -2
  57. package/dist/storybook/assets/{input-validation-c8eebd02.js → input-validation-93c703d7.js} +2 -2
  58. package/dist/storybook/assets/{input.stories-164d93ab.js → input.stories-bf58ba7c.js} +1 -1
  59. package/dist/storybook/assets/{inputs-2b586db3.js → inputs-a519380b.js} +1 -1
  60. package/dist/storybook/assets/{label-13d490a3.js → label-e6d15b59.js} +1 -1
  61. package/dist/storybook/assets/{label.stories-427ba162.js → label.stories-1c98204a.js} +1 -1
  62. package/dist/storybook/assets/layout-forms-b03e5d2b.js +16 -0
  63. package/dist/storybook/assets/{layout-general-1a8222ee.js → layout-general-f4cc4d7a.js} +2 -2
  64. package/dist/storybook/assets/{list-0dc3df85.js → list-bc0d9ad9.js} +1 -1
  65. package/dist/storybook/assets/{list-heading-88cc8a9b.js → list-heading-2215213f.js} +1 -1
  66. package/dist/storybook/assets/{list.stories-5715452e.js → list.stories-c8b4f325.js} +2 -2
  67. package/dist/storybook/assets/{list.stories-data-94f7c623.js → list.stories-data-ba40864f.js} +1 -1
  68. package/dist/storybook/assets/{loader.stories-6107832a.js → loader.stories-4e8e8df7.js} +1 -1
  69. package/dist/storybook/assets/{menu.stories-927adf3d.js → menu.stories-8d724757.js} +1 -1
  70. package/dist/storybook/assets/message-0b5ae3c5.js +1 -0
  71. package/dist/storybook/assets/message-b56c617e.css +1 -0
  72. package/dist/storybook/assets/{message.stories-11003e53.js → message.stories-9b9c40c4.js} +28 -28
  73. package/dist/storybook/assets/{modal.stories-0e068cc1.js → modal.stories-1b13be75.js} +2 -2
  74. package/dist/storybook/assets/{number-input-7d49b0b3.js → number-input-cfbd9eb7.js} +1 -1
  75. package/dist/storybook/assets/{number-input.stories-02528124.js → number-input.stories-8137782e.js} +2 -2
  76. package/dist/storybook/assets/{option-dropdown.stories-5030bdb8.js → option-dropdown.stories-4c391727.js} +1 -1
  77. package/dist/storybook/assets/{padding-and-spacing-747e4160.js → padding-and-spacing-4b7060cb.js} +2 -2
  78. package/dist/storybook/assets/{page.stories-7cb68fed.js → page.stories-8d0476d7.js} +1 -1
  79. package/dist/storybook/assets/{pagination-8aade846.js → pagination-443065a8.js} +1 -1
  80. package/dist/storybook/assets/{pagination.stories-423b4938.js → pagination.stories-985230f7.js} +2 -2
  81. package/dist/storybook/assets/pop-confirm.stories-3016f322.js +7 -0
  82. package/dist/storybook/assets/{popover-06e375a5.js → popover-c1234faa.js} +1 -1
  83. package/dist/storybook/assets/popover.stories-7542a367.js +1 -0
  84. package/dist/storybook/assets/preview-3b9b4290.js +1 -0
  85. package/dist/storybook/assets/{preview-989e50b7.js → preview-871d714f.js} +3 -3
  86. package/dist/storybook/assets/projects.stories-47d63f05.js +47 -0
  87. package/dist/storybook/assets/{radio-button-135a9615.js → radio-button-d69b72e4.js} +1 -1
  88. package/dist/storybook/assets/{radio-button.stories-0e8377ea.js → radio-button.stories-6ff0dc9b.js} +1 -1
  89. package/dist/storybook/assets/{reservoirs.stories-6b14a37f.js → reservoirs.stories-537002ca.js} +2 -2
  90. package/dist/storybook/assets/{rich-text-input.stories-661f34f1.js → rich-text-input.stories-383819b4.js} +3 -3
  91. package/dist/storybook/assets/{row.stories-d5b6b4a6.js → row.stories-c12a3e52.js} +2 -2
  92. package/dist/storybook/assets/select-d4593fc0.js +1 -0
  93. package/dist/storybook/assets/{select.stories-60f055e6.js → select.stories-6651d3f2.js} +2 -2
  94. package/dist/storybook/assets/{side-bar-88e8cf41.js → side-bar-10cceacd.js} +1 -1
  95. package/dist/storybook/assets/{side-bar.stories-2c06f8a6.js → side-bar.stories-02211e0d.js} +1 -1
  96. package/dist/storybook/assets/{site.stories-dee8ce1c.js → site.stories-9486039d.js} +2 -2
  97. package/dist/storybook/assets/slider-5d5442fe.js +7 -0
  98. package/dist/storybook/assets/{slider.stories-79ab0e97.js → slider.stories-a55df653.js} +2 -2
  99. package/dist/storybook/assets/{spacer.stories-38071af8.js → spacer.stories-a2798d47.js} +1 -1
  100. package/dist/storybook/assets/syntaxhighlighter-NMPM6SWI-5b24c77f.js +1 -0
  101. package/dist/storybook/assets/{table-da6f6045.js → table-134da40b.js} +1 -1
  102. package/dist/storybook/assets/{table.stories-67a3023a.js → table.stories-8dd2a568.js} +2 -2
  103. package/dist/storybook/assets/{table.stories-data-8a836b92.js → table.stories-data-ddbcf8c3.js} +1 -1
  104. package/dist/storybook/assets/text-link.stories-c1227c6f.js +1 -0
  105. package/dist/storybook/assets/{textarea-d48efea2.js → textarea-5ebdd171.js} +1 -1
  106. package/dist/storybook/assets/{textarea.stories-89c8afd7.js → textarea.stories-02879684.js} +1 -1
  107. package/dist/storybook/assets/{title.stories-5b4a226c.js → title.stories-2ba6aa87.js} +2 -2
  108. package/dist/storybook/assets/{toaster-2d3c8666.js → toaster-f096ba56.js} +1 -1
  109. package/dist/storybook/assets/{toaster.stories-d95451f5.js → toaster.stories-66162195.js} +2 -2
  110. package/dist/storybook/assets/{toggle-bb34b2a2.js → toggle-6f4d5797.js} +1 -1
  111. package/dist/storybook/assets/{toggle.stories-b771ed81.js → toggle.stories-a289f544.js} +1 -1
  112. package/dist/storybook/assets/{tooltip-23e84186.js → tooltip-856042a7.js} +1 -1
  113. package/dist/storybook/assets/{tooltip.stories-e8ba5fff.js → tooltip.stories-666868d0.js} +1 -1
  114. package/dist/storybook/assets/{tooltip.test-case.stories-9817078b.js → tooltip.test-case.stories-4c1ea273.js} +1 -1
  115. package/dist/storybook/assets/{top-bar-a84b9365.js → top-bar-2c70083e.js} +1 -1
  116. package/dist/storybook/assets/{top-bar.stories-e93330f0.js → top-bar.stories-bbfb7220.js} +1 -1
  117. package/dist/storybook/assets/{top-bar.testcase.stories-3a824a14.js → top-bar.testcase.stories-1d4c6e3a.js} +1 -1
  118. package/dist/storybook/assets/{tree.stories-590bdd69.js → tree.stories-729aebd7.js} +1 -1
  119. package/dist/storybook/assets/unit-input.stories-b1e6685e.js +273 -0
  120. package/dist/storybook/iframe.html +1 -1
  121. package/dist/storybook/project.json +1 -1
  122. package/package.json +1 -1
  123. package/dist/storybook/assets/Color-6VNJS4EI-13835166.js +0 -1
  124. package/dist/storybook/assets/DocsRenderer-NNNQARDV-4f588b61.js +0 -1
  125. package/dist/storybook/assets/WithTooltip-4HIR6TLV-b42c6128.js +0 -1
  126. package/dist/storybook/assets/color-d5f5459d.js +0 -25
  127. package/dist/storybook/assets/file-input.stories-34630c12.js +0 -66
  128. package/dist/storybook/assets/footer.stories-57f07ea2.js +0 -3
  129. package/dist/storybook/assets/form.stories-45c0cd59.js +0 -49
  130. package/dist/storybook/assets/formation.stories-5eeaa826.js +0 -74
  131. package/dist/storybook/assets/icon-e9cbb4d7.js +0 -8
  132. package/dist/storybook/assets/iframe-45fdf8ff.js +0 -1
  133. package/dist/storybook/assets/inheritsLoose-d4851ab8.js +0 -1
  134. package/dist/storybook/assets/layout-forms-3b068d31.js +0 -16
  135. package/dist/storybook/assets/message-a2b9aa31.css +0 -1
  136. package/dist/storybook/assets/message-d6c6821b.js +0 -1
  137. package/dist/storybook/assets/pop-confirm.stories-ea90fa3e.js +0 -7
  138. package/dist/storybook/assets/popover.stories-f651a81c.js +0 -1
  139. package/dist/storybook/assets/preview-64515bf5.js +0 -1
  140. package/dist/storybook/assets/projects.stories-3884a80c.js +0 -47
  141. package/dist/storybook/assets/select-205cd538.js +0 -1
  142. package/dist/storybook/assets/slider-160e2152.js +0 -7
  143. package/dist/storybook/assets/syntaxhighlighter-NMPM6SWI-91e5651b.js +0 -1
  144. package/dist/storybook/assets/text-link-f4589768.js +0 -1
  145. package/dist/storybook/assets/text-link.stories-6b7c8329.js +0 -1
  146. package/dist/storybook/assets/unit-input.stories-80d24aba.js +0 -273
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-f961835c.js";import{a,M as n}from"./message-d6c6821b.js";import{B as y}from"./button-74c97e4a.js";import{F as P}from"./flex-1d14d86c.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./text-link-f4589768.js";import"./text-ad1f5f1d.js";import"./icon-e9cbb4d7.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./spinner-a81ebe38.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";const{useArgs:Y}=__STORYBOOK_MODULE_ADDONS__,k={visible:!0,heading:void 0,content:"Here is some info",withDismiss:!1,icon:!1,details:void 0,maxHeight:void 0,type:n.INFO},me={title:"Basic/Message",component:a,args:{...k},argTypes:{heading:{control:{type:"text"}},details:{control:{type:"text"}}}},s=d=>{const[z,C]=Y(),c=()=>{C({visible:!1}),setTimeout(()=>{C({visible:!0})},1e3)};return e.jsxs(P,{direction:"column",alignItems:"flex-start",gap:!0,children:[e.jsx(a,{message:{...d,onClose:c,type:n.INFO}}),e.jsx(a,{message:{...d,onClose:c,type:n.ERROR}}),e.jsx(a,{message:{...d,onClose:c,type:n.WARNING}}),e.jsx(a,{message:{...d,onClose:c,type:n.SUCCESS}})]})},u=s.bind({}),t=s.bind({});t.args={heading:"Message Heading"};const o=s.bind({});o.args={icon:!0};const r=s.bind({});r.args={details:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque at mi ac quam condimentum blandit at sit amet lectus. Nullam volutpat erat maximus, venenatis nisl sed, aliquam libero."};const l=s.bind({});l.args={type:n.ERROR,icon:!0,content:"Unable to sync because connection settings are not set.",footer:e.jsxs(e.Fragment,{children:[e.jsx(y,{small:!0,label:"Edit connection settings",colored:"primary"},"edit-settings"),e.jsx(y,{small:!0,label:"Cancel sync"},"cancel-sync")]})};const g=s.bind({});g.args={width:"100%"};const i=s.bind({});i.args={width:"300px"};const p=s.bind({});p.args={maxHeight:"100px",content:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. ".repeat(20)};const m=s.bind({});m.args={withDismiss:!0,onClose:()=>{}};var M,h,x;u.parameters={...u.parameters,docs:{...(M=u.parameters)==null?void 0:M.docs,source:{originalSource:`args => {
1
+ import{j as e}from"./jsx-runtime-f961835c.js";import{a,M as n}from"./message-0b5ae3c5.js";import{B as y}from"./button-050c998a.js";import{G as P}from"./grid-3b729f81.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./icon-8acf9925.js";import"./inheritsLoose-c82a83d4.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./spinner-a81ebe38.js";import"./tooltip-856042a7.js";import"./index-3d476d02.js";import"./styled-components.browser.esm-416d73e5.js";const{useArgs:Y}=__STORYBOOK_MODULE_ADDONS__,k={visible:!0,heading:void 0,content:"Here is some info",withDismiss:!1,icon:!1,details:void 0,maxHeight:void 0,type:n.INFO},pe={title:"Basic/Message",component:a,args:{...k},argTypes:{heading:{control:{type:"text"}},details:{control:{type:"text"}}}},s=m=>{const[z,C]=Y(),c=()=>{C({visible:!1}),setTimeout(()=>{C({visible:!0})},1e3)};return e.jsxs(P,{gap:!0,children:[e.jsx(a,{message:{...m,onClose:c,type:n.INFO}}),e.jsx(a,{message:{...m,onClose:c,type:n.ERROR}}),e.jsx(a,{message:{...m,onClose:c,type:n.WARNING}}),e.jsx(a,{message:{...m,onClose:c,type:n.SUCCESS}})]})},u=s.bind({}),o=s.bind({});o.args={heading:"Message Heading"};const r=s.bind({});r.args={icon:!0};const t=s.bind({});t.args={details:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque at mi ac quam condimentum blandit at sit amet lectus. Nullam volutpat erat maximus, venenatis nisl sed, aliquam libero."};const g=s.bind({});g.args={type:n.ERROR,icon:!0,content:"Unable to sync because connection settings are not set.",footer:e.jsxs(e.Fragment,{children:[e.jsx(y,{small:!0,label:"Edit connection settings",colored:"primary"},"edit-settings"),e.jsx(y,{small:!0,label:"Cancel sync"},"cancel-sync"),","]})};const l=s.bind({});l.args={width:"100%"};const i=s.bind({});i.args={width:"300px"};const p=s.bind({});p.args={maxHeight:"100px",content:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. ".repeat(20)};const d=s.bind({});d.args={withDismiss:!0,onClose:()=>{}};var M,h,T;u.parameters={...u.parameters,docs:{...(M=u.parameters)==null?void 0:M.docs,source:{originalSource:`args => {
2
2
  const [_, updateArgs] = useArgs();
3
3
  const handleClose = () => {
4
4
  updateArgs({
@@ -10,7 +10,7 @@ import{j as e}from"./jsx-runtime-f961835c.js";import{a,M as n}from"./message-d6c
10
10
  });
11
11
  }, 1000);
12
12
  };
13
- return <Flex direction="column" alignItems="flex-start" gap>
13
+ return <Grid gap>
14
14
  <Message message={{
15
15
  ...args,
16
16
  onClose: handleClose,
@@ -31,8 +31,8 @@ import{j as e}from"./jsx-runtime-f961835c.js";import{a,M as n}from"./message-d6c
31
31
  onClose: handleClose,
32
32
  type: MessageType.SUCCESS
33
33
  }} />
34
- </Flex>;
35
- }`,...(x=(h=u.parameters)==null?void 0:h.docs)==null?void 0:x.source}}};var T,A,R;t.parameters={...t.parameters,docs:{...(T=t.parameters)==null?void 0:T.docs,source:{originalSource:`args => {
34
+ </Grid>;
35
+ }`,...(T=(h=u.parameters)==null?void 0:h.docs)==null?void 0:T.source}}};var A,R,S;o.parameters={...o.parameters,docs:{...(A=o.parameters)==null?void 0:A.docs,source:{originalSource:`args => {
36
36
  const [_, updateArgs] = useArgs();
37
37
  const handleClose = () => {
38
38
  updateArgs({
@@ -44,7 +44,7 @@ import{j as e}from"./jsx-runtime-f961835c.js";import{a,M as n}from"./message-d6c
44
44
  });
45
45
  }, 1000);
46
46
  };
47
- return <Flex direction="column" alignItems="flex-start" gap>
47
+ return <Grid gap>
48
48
  <Message message={{
49
49
  ...args,
50
50
  onClose: handleClose,
@@ -65,8 +65,8 @@ import{j as e}from"./jsx-runtime-f961835c.js";import{a,M as n}from"./message-d6c
65
65
  onClose: handleClose,
66
66
  type: MessageType.SUCCESS
67
67
  }} />
68
- </Flex>;
69
- }`,...(R=(A=t.parameters)==null?void 0:A.docs)==null?void 0:R.source}}};var S,F,b;o.parameters={...o.parameters,docs:{...(S=o.parameters)==null?void 0:S.docs,source:{originalSource:`args => {
68
+ </Grid>;
69
+ }`,...(S=(R=o.parameters)==null?void 0:R.docs)==null?void 0:S.source}}};var b,N,G;r.parameters={...r.parameters,docs:{...(b=r.parameters)==null?void 0:b.docs,source:{originalSource:`args => {
70
70
  const [_, updateArgs] = useArgs();
71
71
  const handleClose = () => {
72
72
  updateArgs({
@@ -78,7 +78,7 @@ import{j as e}from"./jsx-runtime-f961835c.js";import{a,M as n}from"./message-d6c
78
78
  });
79
79
  }, 1000);
80
80
  };
81
- return <Flex direction="column" alignItems="flex-start" gap>
81
+ return <Grid gap>
82
82
  <Message message={{
83
83
  ...args,
84
84
  onClose: handleClose,
@@ -99,8 +99,8 @@ import{j as e}from"./jsx-runtime-f961835c.js";import{a,M as n}from"./message-d6c
99
99
  onClose: handleClose,
100
100
  type: MessageType.SUCCESS
101
101
  }} />
102
- </Flex>;
103
- }`,...(b=(F=o.parameters)==null?void 0:F.docs)==null?void 0:b.source}}};var I,N,f;r.parameters={...r.parameters,docs:{...(I=r.parameters)==null?void 0:I.docs,source:{originalSource:`args => {
102
+ </Grid>;
103
+ }`,...(G=(N=r.parameters)==null?void 0:N.docs)==null?void 0:G.source}}};var O,v,E;t.parameters={...t.parameters,docs:{...(O=t.parameters)==null?void 0:O.docs,source:{originalSource:`args => {
104
104
  const [_, updateArgs] = useArgs();
105
105
  const handleClose = () => {
106
106
  updateArgs({
@@ -112,7 +112,7 @@ import{j as e}from"./jsx-runtime-f961835c.js";import{a,M as n}from"./message-d6c
112
112
  });
113
113
  }, 1000);
114
114
  };
115
- return <Flex direction="column" alignItems="flex-start" gap>
115
+ return <Grid gap>
116
116
  <Message message={{
117
117
  ...args,
118
118
  onClose: handleClose,
@@ -133,8 +133,8 @@ import{j as e}from"./jsx-runtime-f961835c.js";import{a,M as n}from"./message-d6c
133
133
  onClose: handleClose,
134
134
  type: MessageType.SUCCESS
135
135
  }} />
136
- </Flex>;
137
- }`,...(f=(N=r.parameters)==null?void 0:N.docs)==null?void 0:f.source}}};var O,v,E;l.parameters={...l.parameters,docs:{...(O=l.parameters)==null?void 0:O.docs,source:{originalSource:`args => {
136
+ </Grid>;
137
+ }`,...(E=(v=t.parameters)==null?void 0:v.docs)==null?void 0:E.source}}};var x,I,f;g.parameters={...g.parameters,docs:{...(x=g.parameters)==null?void 0:x.docs,source:{originalSource:`args => {
138
138
  const [_, updateArgs] = useArgs();
139
139
  const handleClose = () => {
140
140
  updateArgs({
@@ -146,7 +146,7 @@ import{j as e}from"./jsx-runtime-f961835c.js";import{a,M as n}from"./message-d6c
146
146
  });
147
147
  }, 1000);
148
148
  };
149
- return <Flex direction="column" alignItems="flex-start" gap>
149
+ return <Grid gap>
150
150
  <Message message={{
151
151
  ...args,
152
152
  onClose: handleClose,
@@ -167,8 +167,8 @@ import{j as e}from"./jsx-runtime-f961835c.js";import{a,M as n}from"./message-d6c
167
167
  onClose: handleClose,
168
168
  type: MessageType.SUCCESS
169
169
  }} />
170
- </Flex>;
171
- }`,...(E=(v=l.parameters)==null?void 0:v.docs)==null?void 0:E.source}}};var _,W,U;g.parameters={...g.parameters,docs:{...(_=g.parameters)==null?void 0:_.docs,source:{originalSource:`args => {
170
+ </Grid>;
171
+ }`,...(f=(I=g.parameters)==null?void 0:I.docs)==null?void 0:f.source}}};var _,F,W;l.parameters={...l.parameters,docs:{...(_=l.parameters)==null?void 0:_.docs,source:{originalSource:`args => {
172
172
  const [_, updateArgs] = useArgs();
173
173
  const handleClose = () => {
174
174
  updateArgs({
@@ -180,7 +180,7 @@ import{j as e}from"./jsx-runtime-f961835c.js";import{a,M as n}from"./message-d6c
180
180
  });
181
181
  }, 1000);
182
182
  };
183
- return <Flex direction="column" alignItems="flex-start" gap>
183
+ return <Grid gap>
184
184
  <Message message={{
185
185
  ...args,
186
186
  onClose: handleClose,
@@ -201,8 +201,8 @@ import{j as e}from"./jsx-runtime-f961835c.js";import{a,M as n}from"./message-d6c
201
201
  onClose: handleClose,
202
202
  type: MessageType.SUCCESS
203
203
  }} />
204
- </Flex>;
205
- }`,...(U=(W=g.parameters)==null?void 0:W.docs)==null?void 0:U.source}}};var D,j,G;i.parameters={...i.parameters,docs:{...(D=i.parameters)==null?void 0:D.docs,source:{originalSource:`args => {
204
+ </Grid>;
205
+ }`,...(W=(F=l.parameters)==null?void 0:F.docs)==null?void 0:W.source}}};var U,D,j;i.parameters={...i.parameters,docs:{...(U=i.parameters)==null?void 0:U.docs,source:{originalSource:`args => {
206
206
  const [_, updateArgs] = useArgs();
207
207
  const handleClose = () => {
208
208
  updateArgs({
@@ -214,7 +214,7 @@ import{j as e}from"./jsx-runtime-f961835c.js";import{a,M as n}from"./message-d6c
214
214
  });
215
215
  }, 1000);
216
216
  };
217
- return <Flex direction="column" alignItems="flex-start" gap>
217
+ return <Grid gap>
218
218
  <Message message={{
219
219
  ...args,
220
220
  onClose: handleClose,
@@ -235,8 +235,8 @@ import{j as e}from"./jsx-runtime-f961835c.js";import{a,M as n}from"./message-d6c
235
235
  onClose: handleClose,
236
236
  type: MessageType.SUCCESS
237
237
  }} />
238
- </Flex>;
239
- }`,...(G=(j=i.parameters)==null?void 0:j.docs)==null?void 0:G.source}}};var H,w,B;p.parameters={...p.parameters,docs:{...(H=p.parameters)==null?void 0:H.docs,source:{originalSource:`args => {
238
+ </Grid>;
239
+ }`,...(j=(D=i.parameters)==null?void 0:D.docs)==null?void 0:j.source}}};var H,w,B;p.parameters={...p.parameters,docs:{...(H=p.parameters)==null?void 0:H.docs,source:{originalSource:`args => {
240
240
  const [_, updateArgs] = useArgs();
241
241
  const handleClose = () => {
242
242
  updateArgs({
@@ -248,7 +248,7 @@ import{j as e}from"./jsx-runtime-f961835c.js";import{a,M as n}from"./message-d6c
248
248
  });
249
249
  }, 1000);
250
250
  };
251
- return <Flex direction="column" alignItems="flex-start" gap>
251
+ return <Grid gap>
252
252
  <Message message={{
253
253
  ...args,
254
254
  onClose: handleClose,
@@ -269,8 +269,8 @@ import{j as e}from"./jsx-runtime-f961835c.js";import{a,M as n}from"./message-d6c
269
269
  onClose: handleClose,
270
270
  type: MessageType.SUCCESS
271
271
  }} />
272
- </Flex>;
273
- }`,...(B=(w=p.parameters)==null?void 0:w.docs)==null?void 0:B.source}}};var q,L,K;m.parameters={...m.parameters,docs:{...(q=m.parameters)==null?void 0:q.docs,source:{originalSource:`args => {
272
+ </Grid>;
273
+ }`,...(B=(w=p.parameters)==null?void 0:w.docs)==null?void 0:B.source}}};var q,L,K;d.parameters={...d.parameters,docs:{...(q=d.parameters)==null?void 0:q.docs,source:{originalSource:`args => {
274
274
  const [_, updateArgs] = useArgs();
275
275
  const handleClose = () => {
276
276
  updateArgs({
@@ -282,7 +282,7 @@ import{j as e}from"./jsx-runtime-f961835c.js";import{a,M as n}from"./message-d6c
282
282
  });
283
283
  }, 1000);
284
284
  };
285
- return <Flex direction="column" alignItems="flex-start" gap>
285
+ return <Grid gap>
286
286
  <Message message={{
287
287
  ...args,
288
288
  onClose: handleClose,
@@ -303,5 +303,5 @@ import{j as e}from"./jsx-runtime-f961835c.js";import{a,M as n}from"./message-d6c
303
303
  onClose: handleClose,
304
304
  type: MessageType.SUCCESS
305
305
  }} />
306
- </Flex>;
307
- }`,...(K=(L=m.parameters)==null?void 0:L.docs)==null?void 0:K.source}}};const de=["Default","Heading","Icon","Details","Footer","FullWidth","FixedWidth","MaxHeight","Dismiss"];export{u as Default,r as Details,m as Dismiss,i as FixedWidth,l as Footer,g as FullWidth,t as Heading,o as Icon,p as MaxHeight,de as __namedExportsOrder,me as default};
306
+ </Grid>;
307
+ }`,...(K=(L=d.parameters)==null?void 0:L.docs)==null?void 0:K.source}}};const de=["Default","Heading","Icon","Details","Footer","FullWidth","FixedWidth","MaxHeight","Dismiss"];export{u as Default,t as Details,d as Dismiss,i as FixedWidth,g as Footer,l as FullWidth,o as Heading,r as Icon,p as MaxHeight,de as __namedExportsOrder,pe as default};
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-f961835c.js";import{r as G}from"./index-f80c8c95.js";import{T as Y}from"./common-types-2c81813f.js";import{M,D as R}from"./dialog-cd58dd09.js";import{B as o}from"./button-74c97e4a.js";import{P as q}from"./popover-06e375a5.js";import{I as U}from"./input-d68625a5.js";import{I as z}from"./input-group-20c3add3.js";import{F as v}from"./field-a094cd72.js";import{M as J}from"./actions-2d4e1c8e.js";import{S as Q}from"./select-205cd538.js";import{S as X}from"./spacer-54db0620.js";import{T as Z}from"./tooltip-23e84186.js";import{M as x}from"./types-cc224262.js";import"./index-a80ed1cf.js";import"./portal-03fe4689.js";import"./index-3d476d02.js";import"./lodash-75c70a11.js";import"./heading-d29eb744.js";import"./help-icon-d4189b1b.js";import"./icon-e9cbb4d7.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./spinner-a81ebe38.js";import"./types-332ceaf3.js";import"./label-13d490a3.js";import"./badge-20e7ee0b.js";import"./assertThisInitialized-081f9914.js";import"./memoize-one.esm-52518564.js";import"./text-ad1f5f1d.js";import"./select.input-88b6ebab.js";const{useArgs:$}=__STORYBOOK_MODULE_ADDONS__,_e={title:"Modals/Modal",component:M,args:{visible:!0,centered:!0,width:"300px",heading:"Are you sure?",content:e.jsx(e.Fragment,{children:"This will complete the transaction"}),footer:e.jsxs(e.Fragment,{children:[e.jsx(o,{label:"Okay",colored:!0,onClick:()=>{}}),e.jsx(o,{label:"Cancel",onClick:()=>{}})]}),onClose:()=>{}},parameters:{docs:{story:{inline:!1,iframeHeight:400}}}},n=()=>{const[{visible:g,centered:p,...b},l]=$(),r=()=>{l({visible:!g})};return e.jsxs(e.Fragment,{children:[e.jsx(M,{visible:g,centered:p,children:e.jsx(R,{dialog:{...b,onClose:r}})}),e.jsx(o,{label:"Open Modal",onClick:r})]})},m=n.bind({}),s=n.bind({});s.args={centered:!0};const a=n.bind({});a.args={content:["This is a","new line!"]};const t=n.bind({});t.args={scroll:!0,content:e.jsx("div",{children:"Example modal content goes here lorem ipsum. ".repeat(100)})};const i=n.bind({});i.args={width:"100%",content:e.jsx("div",{children:"Example modal content goes here lorem ipsum. ".repeat(100)})};const d=n.bind({});d.args={contentPadding:0};const c=n.bind({});c.args={content:e.jsxs(e.Fragment,{children:[e.jsx(Z,{text:"Tooltip text",children:"Hover for tooltip"}),e.jsx(X,{}),e.jsx(v,{label:"Custom Select",helpText:"Select an animal",children:e.jsx(Q,{name:"example",options:["Aardvarks","Kangaroos","Monkeys","Possums","Gorilla","Puma","Patagonian Mara","Tarsier","Koala","Panda","Red Panda","Impala","Tiger","Crocodile","Bat"],onChange:()=>{},value:"Monkeys",error:"Bad value"})}),e.jsx(v,{label:"Nested Menu",children:e.jsx(J,{maxHeight:"240px",menu:{label:"Menu",trigger:Y.DROP_DOWN_BUTTON,sections:[{type:x.MENU,menu:{trigger:"Text",label:"Children",sections:[...Array(100).keys()].map(()=>({type:"Option",label:Math.random().toString(36).substring(7),onClick:()=>{}}))}},...[...Array(100).keys()].map(()=>({type:x.OPTION,label:Math.random().toString(36).substring(7),onClick:()=>{}}))]}})}),e.jsx(q,{content:e.jsxs(z,{small:!0,children:[e.jsx(U,{value:"Value",width:"150px",error:"Bad value"}),e.jsx(o,{colored:!0,label:"Save",onClick:()=>{}}),e.jsx(o,{label:"Cancel",onClick:()=>{}})]}),children:e.jsx(o,{colored:!0,label:"Toggle me",onClick:()=>{}})})]})};const u=()=>{const[g,p]=G.useState(!1),b=()=>{p(!0)},l=()=>{p(!1)},r=()=>{console.log("Submit action"),l()};return e.jsxs(e.Fragment,{children:[e.jsx(M,{visible:g,onEnter:()=>{console.log("Enter"),r()},onEscape:()=>{console.log("Escape"),l()},children:e.jsx(R,{dialog:{heading:"Test key handling",content:e.jsx(U,{}),footer:e.jsxs(e.Fragment,{children:[e.jsx(o,{label:"Done",colored:"red",onClick:r}),e.jsx(o,{label:"Cancel",onClick:l})]}),onClose:l}})}),e.jsx(o,{label:"Open Modal",onClick:b})]})};var C,h,j;m.parameters={...m.parameters,docs:{...(C=m.parameters)==null?void 0:C.docs,source:{originalSource:`() => {
1
+ import{j as e}from"./jsx-runtime-f961835c.js";import{r as G}from"./index-f80c8c95.js";import{T as Y}from"./common-types-2c81813f.js";import{M,D as R}from"./dialog-c036ff34.js";import{B as o}from"./button-050c998a.js";import{P as q}from"./popover-c1234faa.js";import{I as U}from"./input-05f21b51.js";import{I as z}from"./input-group-20c3add3.js";import{F as v}from"./field-248df38c.js";import{M as J}from"./actions-83a2a04e.js";import{S as Q}from"./select-d4593fc0.js";import{S as X}from"./spacer-54db0620.js";import{T as Z}from"./tooltip-856042a7.js";import{M as x}from"./types-cc224262.js";import"./index-a80ed1cf.js";import"./portal-03fe4689.js";import"./index-3d476d02.js";import"./lodash-75c70a11.js";import"./heading-39e599c8.js";import"./help-icon-c0abd380.js";import"./icon-8acf9925.js";import"./inheritsLoose-c82a83d4.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./spinner-a81ebe38.js";import"./types-332ceaf3.js";import"./label-e6d15b59.js";import"./badge-20e7ee0b.js";import"./extends-98964cd2.js";import"./assertThisInitialized-081f9914.js";import"./memoize-one.esm-52518564.js";import"./text-ad1f5f1d.js";import"./select.input-88b6ebab.js";const{useArgs:$}=__STORYBOOK_MODULE_ADDONS__,Fe={title:"Modals/Modal",component:M,args:{visible:!0,centered:!0,width:"300px",heading:"Are you sure?",content:e.jsx(e.Fragment,{children:"This will complete the transaction"}),footer:e.jsxs(e.Fragment,{children:[e.jsx(o,{label:"Okay",colored:!0,onClick:()=>{}}),e.jsx(o,{label:"Cancel",onClick:()=>{}})]}),onClose:()=>{}},parameters:{docs:{story:{inline:!1,iframeHeight:400}}}},n=()=>{const[{visible:g,centered:p,...b},l]=$(),r=()=>{l({visible:!g})};return e.jsxs(e.Fragment,{children:[e.jsx(M,{visible:g,centered:p,children:e.jsx(R,{dialog:{...b,onClose:r}})}),e.jsx(o,{label:"Open Modal",onClick:r})]})},m=n.bind({}),s=n.bind({});s.args={centered:!0};const a=n.bind({});a.args={content:["This is a","new line!"]};const t=n.bind({});t.args={scroll:!0,content:e.jsx("div",{children:"Example modal content goes here lorem ipsum. ".repeat(100)})};const i=n.bind({});i.args={width:"100%",content:e.jsx("div",{children:"Example modal content goes here lorem ipsum. ".repeat(100)})};const d=n.bind({});d.args={contentPadding:0};const c=n.bind({});c.args={content:e.jsxs(e.Fragment,{children:[e.jsx(Z,{text:"Tooltip text",children:"Hover for tooltip"}),e.jsx(X,{}),e.jsx(v,{label:"Custom Select",helpText:"Select an animal",children:e.jsx(Q,{name:"example",options:["Aardvarks","Kangaroos","Monkeys","Possums","Gorilla","Puma","Patagonian Mara","Tarsier","Koala","Panda","Red Panda","Impala","Tiger","Crocodile","Bat"],onChange:()=>{},value:"Monkeys",error:"Bad value"})}),e.jsx(v,{label:"Nested Menu",children:e.jsx(J,{maxHeight:"240px",menu:{label:"Menu",trigger:Y.DROP_DOWN_BUTTON,sections:[{type:x.MENU,menu:{trigger:"Text",label:"Children",sections:[...Array(100).keys()].map(()=>({type:"Option",label:Math.random().toString(36).substring(7),onClick:()=>{}}))}},...[...Array(100).keys()].map(()=>({type:x.OPTION,label:Math.random().toString(36).substring(7),onClick:()=>{}}))]}})}),e.jsx(q,{content:e.jsxs(z,{small:!0,children:[e.jsx(U,{value:"Value",width:"150px",error:"Bad value"}),e.jsx(o,{colored:!0,label:"Save",onClick:()=>{}}),e.jsx(o,{label:"Cancel",onClick:()=>{}})]}),children:e.jsx(o,{colored:!0,label:"Toggle me",onClick:()=>{}})})]})};const u=()=>{const[g,p]=G.useState(!1),b=()=>{p(!0)},l=()=>{p(!1)},r=()=>{console.log("Submit action"),l()};return e.jsxs(e.Fragment,{children:[e.jsx(M,{visible:g,onEnter:()=>{console.log("Enter"),r()},onEscape:()=>{console.log("Escape"),l()},children:e.jsx(R,{dialog:{heading:"Test key handling",content:e.jsx(U,{}),footer:e.jsxs(e.Fragment,{children:[e.jsx(o,{label:"Done",colored:"red",onClick:r}),e.jsx(o,{label:"Cancel",onClick:l})]}),onClose:l}})}),e.jsx(o,{label:"Open Modal",onClick:b})]})};var C,h,j;m.parameters={...m.parameters,docs:{...(C=m.parameters)==null?void 0:C.docs,source:{originalSource:`() => {
2
2
  const [{
3
3
  visible,
4
4
  centered,
@@ -170,4 +170,4 @@ import{j as e}from"./jsx-runtime-f961835c.js";import{r as G}from"./index-f80c8c9
170
170
  </Modal>
171
171
  <Button label="Open Modal" onClick={openModal} />
172
172
  </>;
173
- }`,...(W=(V=u.parameters)==null?void 0:V.docs)==null?void 0:W.source}}};const Fe=["Default","Centered","LineBreak","Scroll","FullWidth","NoContentPadding","WithPopoverLayers","KeyHandle"];export{s as Centered,m as Default,i as FullWidth,u as KeyHandle,a as LineBreak,d as NoContentPadding,t as Scroll,c as WithPopoverLayers,Fe as __namedExportsOrder,_e as default};
173
+ }`,...(W=(V=u.parameters)==null?void 0:V.docs)==null?void 0:W.source}}};const Ne=["Default","Centered","LineBreak","Scroll","FullWidth","NoContentPadding","WithPopoverLayers","KeyHandle"];export{s as Centered,m as Default,i as FullWidth,u as KeyHandle,a as LineBreak,d as NoContentPadding,t as Scroll,c as WithPopoverLayers,Ne as __namedExportsOrder,Fe as default};
@@ -1 +1 @@
1
- import{j as F}from"./jsx-runtime-f961835c.js";import{r as m}from"./index-f80c8c95.js";import{d as g}from"./index-57d7693e.js";import{l as H}from"./lodash-75c70a11.js";import{I as L}from"./input-d68625a5.js";const M=e=>e?typeof e=="string"?e:H.isArray(e)?e[0]:e.fieldName:"",y=({name:e,placeholder:v="",disabled:V=!1,error:f=!1,left:b=!1,small:q=!1,width:E="100%",value:r="",onChange:I=()=>{},onFocus:N=()=>{},tabIndex:h=0,testId:x,tooltip:S=null,warning:_=!1,validationCallback:n=()=>{},allowEmpty:w=!1,isInTable:T,groupOrder:C})=>{const[O,d]=m.useState(r),[R,u]=m.useState(null),t=M(e),c=l=>{let a=g.validateNumber(l);return w&&l===""||a.valid?{...a,valid:!0,errors:void 0}:a};m.useEffect(()=>{const{valid:l,errors:a}=c(r);if(d(r),l)u(null),n(t,null);else{const i=a&&a.length?a[0]:null;u(i),n(t,i)}},[r,f]);const j=l=>{const a=l.target,{value:i}=a,s=g.cleanNumStr(i.replaceAll(" ","").replaceAll("|","")),{valid:A,errors:p}=c(s);if(A){const o={...l,target:{...l.target,value:s,name:t}};I(o),d(s),u(null),n(t,null)}else{d(s);const o=p&&p.length?p[0]:null;u(o),n(t,o)}};return F.jsx(L,{type:"text",name:t,testId:x,disabled:V,placeholder:v,value:O,onChange:j,onFocus:N,error:f||R,warning:_,right:!b,small:q,width:E,isInTable:T,groupOrder:C,tabIndex:h,tooltip:S},t)};try{y.displayName="NumberInput",y.__docgenInfo={description:"",displayName:"NumberInput",props:{name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string | { fieldName: string; }"}},placeholder:{defaultValue:{value:""},description:"",name:"placeholder",required:!1,type:{name:"string"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},error:{defaultValue:{value:"false"},description:"",name:"error",required:!1,type:{name:"string | boolean"}},left:{defaultValue:{value:"false"},description:"",name:"left",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},width:{defaultValue:{value:"100%"},description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},value:{defaultValue:{value:""},description:"",name:"value",required:!1,type:{name:"TStringOrNumber"}},onChange:{defaultValue:{value:"() => {}"},description:"",name:"onChange",required:!1,type:{name:"((evt: ChangeEvent<HTMLInputElement>) => void)"}},onFocus:{defaultValue:{value:"() => {}"},description:"",name:"onFocus",required:!1,type:{name:"((evt: FocusEvent<HTMLInputElement, Element>) => void)"}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},tooltip:{defaultValue:{value:"null"},description:"",name:"tooltip",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},warning:{defaultValue:{value:"false"},description:"",name:"warning",required:!1,type:{name:"string | boolean"}},validationCallback:{defaultValue:{value:"() => {}"},description:"",name:"validationCallback",required:!1,type:{name:"((name: string | { fieldName: string; }, error: string | null) => void)"}},allowEmpty:{defaultValue:{value:"false"},description:"",name:"allowEmpty",required:!1,type:{name:"boolean"}},isInTable:{defaultValue:null,description:"",name:"isInTable",required:!1,type:{name:"boolean"}},groupOrder:{defaultValue:null,description:"",name:"groupOrder",required:!1,type:{name:"any"}}}}}catch{}export{y as N};
1
+ import{j as F}from"./jsx-runtime-f961835c.js";import{r as m}from"./index-f80c8c95.js";import{d as g}from"./index-57d7693e.js";import{l as H}from"./lodash-75c70a11.js";import{I as L}from"./input-05f21b51.js";const M=e=>e?typeof e=="string"?e:H.isArray(e)?e[0]:e.fieldName:"",y=({name:e,placeholder:v="",disabled:V=!1,error:f=!1,left:b=!1,small:q=!1,width:E="100%",value:r="",onChange:I=()=>{},onFocus:N=()=>{},tabIndex:h=0,testId:x,tooltip:S=null,warning:_=!1,validationCallback:n=()=>{},allowEmpty:w=!1,isInTable:T,groupOrder:C})=>{const[O,d]=m.useState(r),[R,u]=m.useState(null),t=M(e),c=l=>{let a=g.validateNumber(l);return w&&l===""||a.valid?{...a,valid:!0,errors:void 0}:a};m.useEffect(()=>{const{valid:l,errors:a}=c(r);if(d(r),l)u(null),n(t,null);else{const i=a&&a.length?a[0]:null;u(i),n(t,i)}},[r,f]);const j=l=>{const a=l.target,{value:i}=a,s=g.cleanNumStr(i.replaceAll(" ","").replaceAll("|","")),{valid:A,errors:p}=c(s);if(A){const o={...l,target:{...l.target,value:s,name:t}};I(o),d(s),u(null),n(t,null)}else{d(s);const o=p&&p.length?p[0]:null;u(o),n(t,o)}};return F.jsx(L,{type:"text",name:t,testId:x,disabled:V,placeholder:v,value:O,onChange:j,onFocus:N,error:f||R,warning:_,right:!b,small:q,width:E,isInTable:T,groupOrder:C,tabIndex:h,tooltip:S},t)};try{y.displayName="NumberInput",y.__docgenInfo={description:"",displayName:"NumberInput",props:{name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string | { fieldName: string; }"}},placeholder:{defaultValue:{value:""},description:"",name:"placeholder",required:!1,type:{name:"string"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},error:{defaultValue:{value:"false"},description:"",name:"error",required:!1,type:{name:"string | boolean"}},left:{defaultValue:{value:"false"},description:"",name:"left",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},width:{defaultValue:{value:"100%"},description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},value:{defaultValue:{value:""},description:"",name:"value",required:!1,type:{name:"TStringOrNumber"}},onChange:{defaultValue:{value:"() => {}"},description:"",name:"onChange",required:!1,type:{name:"((evt: ChangeEvent<HTMLInputElement>) => void)"}},onFocus:{defaultValue:{value:"() => {}"},description:"",name:"onFocus",required:!1,type:{name:"((evt: FocusEvent<HTMLInputElement, Element>) => void)"}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},tooltip:{defaultValue:{value:"null"},description:"",name:"tooltip",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},warning:{defaultValue:{value:"false"},description:"",name:"warning",required:!1,type:{name:"string | boolean"}},validationCallback:{defaultValue:{value:"() => {}"},description:"",name:"validationCallback",required:!1,type:{name:"((name: string | { fieldName: string; }, error: string | null) => void)"}},allowEmpty:{defaultValue:{value:"false"},description:"",name:"allowEmpty",required:!1,type:{name:"boolean"}},isInTable:{defaultValue:null,description:"",name:"isInTable",required:!1,type:{name:"boolean"}},groupOrder:{defaultValue:null,description:"",name:"groupOrder",required:!1,type:{name:"any"}}}}}catch{}export{y as N};
@@ -1,4 +1,4 @@
1
- import{j as r}from"./jsx-runtime-f961835c.js";import{N as c}from"./number-input-7d49b0b3.js";import{I as J}from"./input-group-20c3add3.js";import{I as P}from"./input-group-addon-f8f6683a.js";import{S as Q}from"./select-205cd538.js";import"./index-f80c8c95.js";import"./index-57d7693e.js";import"./index-54f0d271.js";import"./lodash-75c70a11.js";import"./input-d68625a5.js";import"./index-a80ed1cf.js";import"./disabled-context-d654f6ff.js";import"./types-332ceaf3.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./common-types-2c81813f.js";import"./index-c89a1915.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./text-ad1f5f1d.js";import"./actions-2d4e1c8e.js";import"./button-74c97e4a.js";import"./spinner-a81ebe38.js";import"./icon-e9cbb4d7.js";import"./tslib.es6-dfef685f.js";import"./badge-20e7ee0b.js";import"./select.input-88b6ebab.js";const{useArgs:V}=__STORYBOOK_MODULE_ADDONS__,fe={title:"Forms/NumberInput",component:c,parameters:{canvas:{page:null}},args:{label:"Label"}},e=Y=>{const[X,k]=V(),q=z=>{k({value:z.target.value})};return r.jsx(c,{onChange:q,value:123,...Y})},l=e.bind({}),a=e.bind({});a.args={small:!0};const n=e.bind({});n.args={width:"150px"};const t=e.bind({});t.args={left:!0};const s=e.bind({});s.args={disabled:!0};const u=e.bind({});u.args={allowEmpty:!0,value:""};const o=e.bind({});o.args={warning:"This input number is almost 100!",value:"99"};const p=e.bind({});p.args={error:"This is a error message"};const g=e.bind({});g.args={value:"123test"};const m=()=>r.jsxs(J,{small:!0,children:[r.jsx(c,{value:123}),r.jsx(P,{children:"to"}),r.jsx(c,{value:123}),r.jsx(Q,{options:[{value:"units",label:"units"}],width:"auto",value:"units"})]});var d,i,v;l.parameters={...l.parameters,docs:{...(d=l.parameters)==null?void 0:d.docs,source:{originalSource:`args => {
1
+ import{j as r}from"./jsx-runtime-f961835c.js";import{N as c}from"./number-input-cfbd9eb7.js";import{I as J}from"./input-group-20c3add3.js";import{I as P}from"./input-group-addon-f8f6683a.js";import{S as Q}from"./select-d4593fc0.js";import"./index-f80c8c95.js";import"./index-57d7693e.js";import"./index-54f0d271.js";import"./lodash-75c70a11.js";import"./input-05f21b51.js";import"./index-a80ed1cf.js";import"./disabled-context-d654f6ff.js";import"./types-332ceaf3.js";import"./tooltip-856042a7.js";import"./index-3d476d02.js";import"./common-types-2c81813f.js";import"./index-c89a1915.js";import"./extends-98964cd2.js";import"./assertThisInitialized-081f9914.js";import"./inheritsLoose-c82a83d4.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./text-ad1f5f1d.js";import"./actions-83a2a04e.js";import"./button-050c998a.js";import"./spinner-a81ebe38.js";import"./icon-8acf9925.js";import"./tslib.es6-dfef685f.js";import"./badge-20e7ee0b.js";import"./select.input-88b6ebab.js";const{useArgs:V}=__STORYBOOK_MODULE_ADDONS__,xe={title:"Forms/NumberInput",component:c,parameters:{canvas:{page:null}},args:{label:"Label"}},e=Y=>{const[X,k]=V(),q=z=>{k({value:z.target.value})};return r.jsx(c,{onChange:q,value:123,...Y})},l=e.bind({}),a=e.bind({});a.args={small:!0};const n=e.bind({});n.args={width:"150px"};const t=e.bind({});t.args={left:!0};const s=e.bind({});s.args={disabled:!0};const u=e.bind({});u.args={allowEmpty:!0,value:""};const o=e.bind({});o.args={warning:"This input number is almost 100!",value:"99"};const p=e.bind({});p.args={error:"This is a error message"};const g=e.bind({});g.args={value:"123test"};const m=()=>r.jsxs(J,{small:!0,children:[r.jsx(c,{value:123}),r.jsx(P,{children:"to"}),r.jsx(c,{value:123}),r.jsx(Q,{options:[{value:"units",label:"units"}],width:"auto",value:"units"})]});var d,i,v;l.parameters={...l.parameters,docs:{...(d=l.parameters)==null?void 0:d.docs,source:{originalSource:`args => {
2
2
  const [_, updateArgs] = useArgs();
3
3
  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
4
4
  updateArgs({
@@ -78,4 +78,4 @@ import{j as r}from"./jsx-runtime-f961835c.js";import{N as c}from"./number-input-
78
78
  value: 'units',
79
79
  label: 'units'
80
80
  }]} width="auto" value="units" />
81
- </InputGroup>`,...(U=(K=m.parameters)==null?void 0:K.docs)==null?void 0:U.source}}};const xe=["Default","Small","Width","Left","Disabled","AllowEmpty","Warning","Error","BadInput","TestInputGroup"];export{u as AllowEmpty,g as BadInput,l as Default,s as Disabled,p as Error,t as Left,a as Small,m as TestInputGroup,o as Warning,n as Width,xe as __namedExportsOrder,fe as default};
81
+ </InputGroup>`,...(U=(K=m.parameters)==null?void 0:K.docs)==null?void 0:U.source}}};const Me=["Default","Small","Width","Left","Disabled","AllowEmpty","Warning","Error","BadInput","TestInputGroup"];export{u as AllowEmpty,g as BadInput,l as Default,s as Disabled,p as Error,t as Left,a as Small,m as TestInputGroup,o as Warning,n as Width,Me as __namedExportsOrder,xe as default};
@@ -1,4 +1,4 @@
1
- import{j as n}from"./jsx-runtime-f961835c.js";import{T as I}from"./common-types-2c81813f.js";import{M as N}from"./actions-2d4e1c8e.js";import{c as A}from"./index-a80ed1cf.js";import{C as E}from"./check-box-e21258d5.js";import{D as f}from"./divider-182aa58c.js";import"./index-f80c8c95.js";import"./lodash-75c70a11.js";import"./disabled-context-d654f6ff.js";import"./button-74c97e4a.js";import"./spinner-a81ebe38.js";import"./icon-e9cbb4d7.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-20e7ee0b.js";import"./help-icon-d4189b1b.js";import"./text-ad1f5f1d.js";const V="_menu_12x4u_1",T="_header_12x4u_11",q="_item_12x4u_27",w="_heading_12x4u_32",u={menu:V,header:T,item:q,heading:w},g=({option:e,onChange:r})=>{const{key:o,label:i,selected:a}=e;return n.jsx("div",{className:u.item,children:n.jsx(E,{label:i,noMargin:!0,checked:a,onChange:r})},o)};try{g.displayName="Option",g.__docgenInfo={description:"",displayName:"Option",props:{option:{defaultValue:null,description:"",name:"option",required:!0,type:{name:"{ key?: string | undefined; label?: string | null | undefined; selected?: boolean | undefined; }"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(evt: ChangeEvent<HTMLInputElement>) => void"}}}}}catch{}const _=({label:e})=>n.jsx("div",{className:u.heading,children:e});try{_.displayName="Heading",_.__docgenInfo={description:"",displayName:"Heading",props:{label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}}}}}catch{}var h=(e=>(e.HEADING="Heading",e.DIVIDER="Divider",e.DEFAULT="Default",e))(h||{});const y=({options:e,onChangeOptions:r,showHeader:o,maxHeight:i})=>n.jsxs("div",{className:A("menu",u.menu),style:{maxHeight:i},children:[o&&n.jsxs(n.Fragment,{children:[n.jsxs("div",{className:u.header,children:[n.jsx("a",{onClick:a=>{const s=e.map(t=>({...t,selected:!0}));r(a,s)},children:"All"}),n.jsx("a",{onClick:a=>{const s=e.map(t=>({...t,selected:!1}));r(a,s)},children:"Clear"}),n.jsx("a",{onClick:a=>{const s=e.map(t=>({...t,selected:!t.selected}));r(a,s)},children:"Invert"})]}),n.jsx(f,{margin:0})]}),e.map((a,s)=>{switch(a.type){case h.HEADING:return n.jsx(_,{label:a.label},s);case h.DIVIDER:return n.jsx(f,{margin:0},s);default:return n.jsx(g,{option:a,onChange:t=>{const{value:m}=a,H=e.map(d=>d.value!==m?d:{...d,selected:!d.selected});r(t,H)}},s)}})]});try{y.displayName="Layer",y.__docgenInfo={description:"",displayName:"Layer",props:{options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"IOptionType[]"}},onChangeOptions:{defaultValue:null,description:"",name:"onChangeOptions",required:!0,type:{name:"(evt: MouseEvent<HTMLAnchorElement, MouseEvent>, options: IOptionType[]) => void"}},showHeader:{defaultValue:null,description:"",name:"showHeader",required:!1,type:{name:"boolean"}},maxHeight:{defaultValue:null,description:"",name:"maxHeight",required:!1,type:{name:"TStringOrNumber"}}}}}catch{}const c=({name:e,label:r,options:o,onChange:i,showHeader:a=!0,maxHeight:s="40vh"})=>n.jsx(N,{menu:{label:r,trigger:I.DROP_DOWN_BUTTON,possiblePlacements:["top-start","bottom-start"],sections:n.jsx(y,{options:o,onChangeOptions:(t,m)=>{t.stopPropagation(),t.target.name=e,t.target.value=m,i(t)},showHeader:a,maxHeight:s})}});try{c.displayName="OptionDropdown",c.__docgenInfo={description:"",displayName:"OptionDropdown",props:{name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}},options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"IOptionType[]"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(evt: ChangeEvent<HTMLInputElement & { name?: string | undefined; value: IOptionType[]; }>) => void"}},showHeader:{defaultValue:{value:"true"},description:"",name:"showHeader",required:!1,type:{name:"boolean"}},maxHeight:{defaultValue:{value:"40vh"},description:"",name:"maxHeight",required:!1,type:{name:"string"}}}}}catch{}const{useArgs:M}=__STORYBOOK_MODULE_ADDONS__,k=[{label:"Animals",type:"Heading"},{type:"Divider"},{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas"}],se={title:"Forms/OptionDropdown",component:c,args:{label:"Label",options:k}},j=e=>{const[r,o]=M(),i=a=>{o({options:a.target.value})};return n.jsx(c,{...e,onChange:i})},p=j.bind({}),l=j.bind({});l.args={options:[...Array(50)].map((e,r)=>({label:`Item #${r}`,value:r}))};var v,x,b;p.parameters={...p.parameters,docs:{...(v=p.parameters)==null?void 0:v.docs,source:{originalSource:`args => {
1
+ import{j as n}from"./jsx-runtime-f961835c.js";import{T as I}from"./common-types-2c81813f.js";import{M as N}from"./actions-83a2a04e.js";import{c as A}from"./index-a80ed1cf.js";import{C as E}from"./check-box-b38490e5.js";import{D as f}from"./divider-182aa58c.js";import"./index-f80c8c95.js";import"./lodash-75c70a11.js";import"./disabled-context-d654f6ff.js";import"./button-050c998a.js";import"./spinner-a81ebe38.js";import"./icon-8acf9925.js";import"./inheritsLoose-c82a83d4.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./tooltip-856042a7.js";import"./index-3d476d02.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-20e7ee0b.js";import"./help-icon-c0abd380.js";import"./text-ad1f5f1d.js";const V="_menu_12x4u_1",T="_header_12x4u_11",q="_item_12x4u_27",w="_heading_12x4u_32",u={menu:V,header:T,item:q,heading:w},g=({option:e,onChange:r})=>{const{key:o,label:i,selected:a}=e;return n.jsx("div",{className:u.item,children:n.jsx(E,{label:i,noMargin:!0,checked:a,onChange:r})},o)};try{g.displayName="Option",g.__docgenInfo={description:"",displayName:"Option",props:{option:{defaultValue:null,description:"",name:"option",required:!0,type:{name:"{ key?: string | undefined; label?: string | null | undefined; selected?: boolean | undefined; }"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(evt: ChangeEvent<HTMLInputElement>) => void"}}}}}catch{}const _=({label:e})=>n.jsx("div",{className:u.heading,children:e});try{_.displayName="Heading",_.__docgenInfo={description:"",displayName:"Heading",props:{label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}}}}}catch{}var h=(e=>(e.HEADING="Heading",e.DIVIDER="Divider",e.DEFAULT="Default",e))(h||{});const y=({options:e,onChangeOptions:r,showHeader:o,maxHeight:i})=>n.jsxs("div",{className:A("menu",u.menu),style:{maxHeight:i},children:[o&&n.jsxs(n.Fragment,{children:[n.jsxs("div",{className:u.header,children:[n.jsx("a",{onClick:a=>{const s=e.map(t=>({...t,selected:!0}));r(a,s)},children:"All"}),n.jsx("a",{onClick:a=>{const s=e.map(t=>({...t,selected:!1}));r(a,s)},children:"Clear"}),n.jsx("a",{onClick:a=>{const s=e.map(t=>({...t,selected:!t.selected}));r(a,s)},children:"Invert"})]}),n.jsx(f,{margin:0})]}),e.map((a,s)=>{switch(a.type){case h.HEADING:return n.jsx(_,{label:a.label},s);case h.DIVIDER:return n.jsx(f,{margin:0},s);default:return n.jsx(g,{option:a,onChange:t=>{const{value:m}=a,H=e.map(d=>d.value!==m?d:{...d,selected:!d.selected});r(t,H)}},s)}})]});try{y.displayName="Layer",y.__docgenInfo={description:"",displayName:"Layer",props:{options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"IOptionType[]"}},onChangeOptions:{defaultValue:null,description:"",name:"onChangeOptions",required:!0,type:{name:"(evt: MouseEvent<HTMLAnchorElement, MouseEvent>, options: IOptionType[]) => void"}},showHeader:{defaultValue:null,description:"",name:"showHeader",required:!1,type:{name:"boolean"}},maxHeight:{defaultValue:null,description:"",name:"maxHeight",required:!1,type:{name:"TStringOrNumber"}}}}}catch{}const c=({name:e,label:r,options:o,onChange:i,showHeader:a=!0,maxHeight:s="40vh"})=>n.jsx(N,{menu:{label:r,trigger:I.DROP_DOWN_BUTTON,possiblePlacements:["top-start","bottom-start"],sections:n.jsx(y,{options:o,onChangeOptions:(t,m)=>{t.stopPropagation(),t.target.name=e,t.target.value=m,i(t)},showHeader:a,maxHeight:s})}});try{c.displayName="OptionDropdown",c.__docgenInfo={description:"",displayName:"OptionDropdown",props:{name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}},options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"IOptionType[]"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(evt: ChangeEvent<HTMLInputElement & { name?: string | undefined; value: IOptionType[]; }>) => void"}},showHeader:{defaultValue:{value:"true"},description:"",name:"showHeader",required:!1,type:{name:"boolean"}},maxHeight:{defaultValue:{value:"40vh"},description:"",name:"maxHeight",required:!1,type:{name:"string"}}}}}catch{}const{useArgs:M}=__STORYBOOK_MODULE_ADDONS__,k=[{label:"Animals",type:"Heading"},{type:"Divider"},{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas"}],se={title:"Forms/OptionDropdown",component:c,args:{label:"Label",options:k}},j=e=>{const[r,o]=M(),i=a=>{o({options:a.target.value})};return n.jsx(c,{...e,onChange:i})},p=j.bind({}),l=j.bind({});l.args={options:[...Array(50)].map((e,r)=>({label:`Item #${r}`,value:r}))};var v,x,b;p.parameters={...p.parameters,docs:{...(v=p.parameters)==null?void 0:v.docs,source:{originalSource:`args => {
2
2
  const [_, updateArgs] = useArgs();
3
3
  const handleChange = (evt: any) => {
4
4
  updateArgs({
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-f961835c.js";import{M as r}from"./index-a92f5849.js";import{u as t}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-45fdf8ff.js";import"../sb-preview/runtime.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-cf68f115.js";function i(n){const s=Object.assign({h1:"h1",h2:"h2",p:"p",ul:"ul",li:"li",strong:"strong",code:"code"},t(),n.components);return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Padding, Margin & Size"}),`
1
+ import{j as e}from"./jsx-runtime-f961835c.js";import{M as r}from"./index-6f0f8cb1.js";import{u as t}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-40056b2b.js";import"../sb-preview/runtime.js";import"./index-3d476d02.js";import"./extends-98964cd2.js";import"./assertThisInitialized-081f9914.js";import"./inheritsLoose-c82a83d4.js";import"./index-cf68f115.js";function i(n){const s=Object.assign({h1:"h1",h2:"h2",p:"p",ul:"ul",li:"li",strong:"strong",code:"code"},t(),n.components);return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Padding, Margin & Size"}),`
2
2
  `,e.jsx(s.h1,{id:"padding-margin--size",children:"Padding, Margin & Size"}),`
3
3
  `,e.jsx(s.h2,{id:"padding--margin",children:"Padding & Margin"}),`
4
4
  `,e.jsx(s.p,{children:"There are standard CSS spacing variables for padding and margin."}),`
@@ -16,4 +16,4 @@ import{j as e}from"./jsx-runtime-f961835c.js";import{M as r}from"./index-a92f584
16
16
  `,e.jsxs(s.li,{children:[e.jsx(s.code,{children:"var(--size)"})," is the default size for buttons & inputs."]}),`
17
17
  `,e.jsxs(s.li,{children:[e.jsx(s.code,{children:"var(--size-sm)"})," is for small buttons & inputs."]}),`
18
18
  `,e.jsxs(s.li,{children:[e.jsx(s.code,{children:"var(--size-xs)"})," is for checkboxes, toggles & radios."]}),`
19
- `]})]})}function u(n={}){const{wrapper:s}=Object.assign({},t(),n.components);return s?e.jsx(s,Object.assign({},n,{children:e.jsx(i,n)})):i(n)}export{u as default};
19
+ `]})]})}function j(n={}){const{wrapper:s}=Object.assign({},t(),n.components);return s?e.jsx(s,Object.assign({},n,{children:e.jsx(i,n)})):i(n)}export{j as default};
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-f961835c.js";import{P as i}from"./page-6d07f774.js";import{T as a}from"./top-bar-a84b9365.js";import{S as r}from"./side-bar-88e8cf41.js";import{H as t}from"./heading-d29eb744.js";import{L as D}from"./logo-8068ccfc.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./icon-e9cbb4d7.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./common-types-2c81813f.js";import"./button-74c97e4a.js";import"./spinner-a81ebe38.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./actions-2d4e1c8e.js";import"./lodash-75c70a11.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-20e7ee0b.js";import"./index-c7f280f6.js";import"./drawer-7f450988.js";import"./help-icon-d4189b1b.js";const L="_printHeader_o7xxx_1",M={printHeader:L},m=({logo:p,alt:C,logoWidth:W="100px"})=>e.jsx("img",{src:p,alt:C,className:M.printHeader,style:{width:W}});try{m.displayName="PrintHeader",m.__docgenInfo={description:"",displayName:"PrintHeader",props:{logo:{defaultValue:null,description:"",name:"logo",required:!0,type:{name:"string"}},logoWidth:{defaultValue:{value:"100px"},description:"",name:"logoWidth",required:!1,type:{name:"TStringOrNumber"}},alt:{defaultValue:null,description:"",name:"alt",required:!0,type:{name:"string"}}}}}catch{}const s="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vestibulum velit vitae dolor eleifend, quis cursus tortor tempor. Etiam laoreet tempor turpis ut tristique. In hac habitasse platea dictumst. Ut viverra vestibulum facilisis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Curabitur commodo egestas magna, at molestie quam euismod ut. Aliquam suscipit at velit vel venenatis. Morbi rhoncus odio neque, volutpat finibus risus hendrerit quis. Sed vitae justo at elit dictum semper. Suspendisse non luctus nulla. Suspendisse condimentum tellus ac elit ornare porttitor. In dignissim libero erat, eget varius nisl tincidunt sed. Duis vel viverra dolor. Mauris nisl lorem, consectetur sed ullamcorper consequat, dictum eu diam. Fusce pretium velit vitae urna tempor, id luctus velit lacinia. Suspendisse lacinia, ante eget egestas mollis, magna magna imperdiet lacus, vitae molestie purus urna et ipsum. Nulla facilisi. Nam augue sapien, dapibus id nunc a, iaculis vulputate urna. Nullam sit amet rutrum tortor. Fusce vel augue vel orci porttitor auctor. Vivamus pulvinar urna quam, non posuere lorem mollis fringilla. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque porta odio quis urna pulvinar hendrerit. Nam eros sapien, cursus at maximus id, suscipit et erat. Praesent semper consectetur lacus eu suscipit. In mi ex, feugiat sagittis facilisis ut, fermentum quis mi. Nunc egestas tempor pharetra. Nulla condimentum massa non facilisis bibendum. Sed at justo eget massa lobortis ultricies sit amet eu ex. Nullam auctor ex ac elit laoreet, vitae convallis sem egestas. Maecenas gravida eros sit amet orci dapibus, rutrum gravida nisl finibus. Pellentesque vitae lorem vulputate, accumsan ligula quis, rhoncus urna. Vestibulum velit ex, venenatis ut sagittis id, malesuada vel diam. Suspendisse et turpis eu metus luctus fermentum at consectetur est. Suspendisse sit amet tincidunt dolor. Curabitur imperdiet congue urna in fringilla. Donec nec accumsan purus. Cras et blandit turpis. Curabitur sed libero nibh. Morbi scelerisque, metus vel cursus dapibus, quam lorem placerat odio, at rhoncus diam diam eget nisi. Nulla sagittis posuere ex, vel scelerisque justo egestas vel. Duis aliquam mollis est id tristique. Ut eros libero, faucibus sed ante sit amet, euismod condimentum dolor. Aenean feugiat augue tortor, id egestas tellus porta eu. Maecenas sed dui vitae erat fringilla lacinia. Etiam nisi felis, rhoncus nec vestibulum vel, mattis eget ligula. Cras sed quam sed nisi mollis eleifend. Nulla commodo, dolor nec bibendum finibus, lorem quam tincidunt lectus, sed volutpat lorem ligula vitae leo. Aliquam efficitur eu felis at dignissim. Fusce auctor eleifend justo, ut varius sapien ullamcorper mattis. Curabitur suscipit pellentesque augue sed bibendum.",le={title:"Layout/Page",component:i,parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}},argTypes:{top:{control:"text"},left:{control:"text"},padding:{control:{type:"boolean"}}}},o=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{}),e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]}),n=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{}),e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{padding:!1,children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]}),u=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{}),e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{scroll:!1,children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]}),l=()=>e.jsxs(e.Fragment,{children:[e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{top:0,children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]}),c=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{}),e.jsxs(i,{left:0,children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]}),d=()=>e.jsxs(e.Fragment,{children:[e.jsx(m,{logo:D,logoWidth:"60px",alt:"company logo"}),e.jsx(a,{}),e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]});var g,x,f;o.parameters={...o.parameters,docs:{...(g=o.parameters)==null?void 0:g.docs,source:{originalSource:`() => <>
1
+ import{j as e}from"./jsx-runtime-f961835c.js";import{P as i}from"./page-6d07f774.js";import{T as a}from"./top-bar-2c70083e.js";import{S as r}from"./side-bar-10cceacd.js";import{H as t}from"./heading-39e599c8.js";import{L as D}from"./logo-8068ccfc.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./icon-8acf9925.js";import"./inheritsLoose-c82a83d4.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./common-types-2c81813f.js";import"./button-050c998a.js";import"./spinner-a81ebe38.js";import"./tooltip-856042a7.js";import"./index-3d476d02.js";import"./actions-83a2a04e.js";import"./lodash-75c70a11.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-20e7ee0b.js";import"./index-c7f280f6.js";import"./drawer-308b0a03.js";import"./help-icon-c0abd380.js";const L="_printHeader_o7xxx_1",M={printHeader:L},m=({logo:p,alt:C,logoWidth:W="100px"})=>e.jsx("img",{src:p,alt:C,className:M.printHeader,style:{width:W}});try{m.displayName="PrintHeader",m.__docgenInfo={description:"",displayName:"PrintHeader",props:{logo:{defaultValue:null,description:"",name:"logo",required:!0,type:{name:"string"}},logoWidth:{defaultValue:{value:"100px"},description:"",name:"logoWidth",required:!1,type:{name:"TStringOrNumber"}},alt:{defaultValue:null,description:"",name:"alt",required:!0,type:{name:"string"}}}}}catch{}const s="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vestibulum velit vitae dolor eleifend, quis cursus tortor tempor. Etiam laoreet tempor turpis ut tristique. In hac habitasse platea dictumst. Ut viverra vestibulum facilisis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Curabitur commodo egestas magna, at molestie quam euismod ut. Aliquam suscipit at velit vel venenatis. Morbi rhoncus odio neque, volutpat finibus risus hendrerit quis. Sed vitae justo at elit dictum semper. Suspendisse non luctus nulla. Suspendisse condimentum tellus ac elit ornare porttitor. In dignissim libero erat, eget varius nisl tincidunt sed. Duis vel viverra dolor. Mauris nisl lorem, consectetur sed ullamcorper consequat, dictum eu diam. Fusce pretium velit vitae urna tempor, id luctus velit lacinia. Suspendisse lacinia, ante eget egestas mollis, magna magna imperdiet lacus, vitae molestie purus urna et ipsum. Nulla facilisi. Nam augue sapien, dapibus id nunc a, iaculis vulputate urna. Nullam sit amet rutrum tortor. Fusce vel augue vel orci porttitor auctor. Vivamus pulvinar urna quam, non posuere lorem mollis fringilla. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque porta odio quis urna pulvinar hendrerit. Nam eros sapien, cursus at maximus id, suscipit et erat. Praesent semper consectetur lacus eu suscipit. In mi ex, feugiat sagittis facilisis ut, fermentum quis mi. Nunc egestas tempor pharetra. Nulla condimentum massa non facilisis bibendum. Sed at justo eget massa lobortis ultricies sit amet eu ex. Nullam auctor ex ac elit laoreet, vitae convallis sem egestas. Maecenas gravida eros sit amet orci dapibus, rutrum gravida nisl finibus. Pellentesque vitae lorem vulputate, accumsan ligula quis, rhoncus urna. Vestibulum velit ex, venenatis ut sagittis id, malesuada vel diam. Suspendisse et turpis eu metus luctus fermentum at consectetur est. Suspendisse sit amet tincidunt dolor. Curabitur imperdiet congue urna in fringilla. Donec nec accumsan purus. Cras et blandit turpis. Curabitur sed libero nibh. Morbi scelerisque, metus vel cursus dapibus, quam lorem placerat odio, at rhoncus diam diam eget nisi. Nulla sagittis posuere ex, vel scelerisque justo egestas vel. Duis aliquam mollis est id tristique. Ut eros libero, faucibus sed ante sit amet, euismod condimentum dolor. Aenean feugiat augue tortor, id egestas tellus porta eu. Maecenas sed dui vitae erat fringilla lacinia. Etiam nisi felis, rhoncus nec vestibulum vel, mattis eget ligula. Cras sed quam sed nisi mollis eleifend. Nulla commodo, dolor nec bibendum finibus, lorem quam tincidunt lectus, sed volutpat lorem ligula vitae leo. Aliquam efficitur eu felis at dignissim. Fusce auctor eleifend justo, ut varius sapien ullamcorper mattis. Curabitur suscipit pellentesque augue sed bibendum.",le={title:"Layout/Page",component:i,parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}},argTypes:{top:{control:"text"},left:{control:"text"},padding:{control:{type:"boolean"}}}},o=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{}),e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]}),n=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{}),e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{padding:!1,children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]}),u=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{}),e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{scroll:!1,children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]}),l=()=>e.jsxs(e.Fragment,{children:[e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{top:0,children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]}),c=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{}),e.jsxs(i,{left:0,children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]}),d=()=>e.jsxs(e.Fragment,{children:[e.jsx(m,{logo:D,logoWidth:"60px",alt:"company logo"}),e.jsx(a,{}),e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]});var g,x,f;o.parameters={...o.parameters,docs:{...(g=o.parameters)==null?void 0:g.docs,source:{originalSource:`() => <>
2
2
  <TopBar />
3
3
  <SideBar options={{
4
4
  title: '',
@@ -1 +1 @@
1
- import{j as o}from"./jsx-runtime-f961835c.js";import{r as b}from"./index-f80c8c95.js";import{I as d}from"./common-types-2c81813f.js";import{S as C}from"./select-205cd538.js";import{I}from"./input-d68625a5.js";import{B as p}from"./button-74c97e4a.js";import{I as N}from"./input-group-20c3add3.js";import{I as j}from"./input-group-addon-f8f6683a.js";const E=(t,i)=>i||t&&t.reduce((e,n)=>n.selected?Number(n.value):e,10)||10,P=(t,i)=>{if(!i||!t)return 10;const{options:e,value:n}=i,a=Number(n);return a===0?1:Math.ceil(t/E(e,a))},S=(t,i,e="Selected page must be a positive whole number between 1 and")=>{const n=`${e} ${i}`,a={valid:!0,error:null};return t===""?a:!t.match(/^\d+$/g)||parseInt(t)<=0||parseInt(t)>i?{valid:!1,error:n}:a},y="_paginationContainer_1tmz4_1",R={paginationContainer:y},_=({pagination:t})=>{const{rowCount:i,selectedPage:e,small:n,onSelectPage:a,rowsPerPage:r,errorMessageTemplate:g,testIds:m}=t,l=Number(r==null?void 0:r.value)===0,u=P(i,r),[f,h]=b.useState(String(e));b.useEffect(()=>{h(String(e))},[e]);const{error:v}=S(f,u,g),c=s=>{const{valid:x}=S(s,u,g);h(s),x&&s!==""&&a&&a(Number(s))};return o.jsxs("div",{className:R.paginationContainer,children:[r&&o.jsx("div",{style:{flexShrink:0},children:o.jsx(C,{onChange:s=>{r.onChange&&r.onChange(s),c(String(1))},options:r.options,native:!!r.options,small:n,width:"auto",value:r.value})}),o.jsx(p,{small:n,round:!0,basic:!0,icon:d.CHEVRON_DOUBLE_LEFT,onClick:()=>c(String(1)),disabled:l||e===1}),o.jsx(p,{small:n,round:!0,basic:!0,icon:d.CHEVRON_LEFT,onClick:()=>c(String(Number(e)-1)),disabled:l||e===1}),o.jsxs(N,{small:n,width:"auto",children:[o.jsx(I,{right:!0,value:f,placeholder:String(e),onChange:s=>c(s.target.value),width:"50px",disabled:l||u<=1,error:v}),o.jsxs(j,{children:["of ",u]})]}),o.jsx(p,{small:n,round:!0,basic:!0,icon:d.CHEVRON_RIGHT,onClick:()=>c(String(Number(e)+1)),disabled:l||e===u}),o.jsx(p,{small:n,round:!0,basic:!0,icon:d.CHEVRON_DOUBLE_RIGHT,onClick:()=>c(String(u)),disabled:l||e===u,testId:m==null?void 0:m.doubleRightBtn})]})};try{_.displayName="Pagination",_.__docgenInfo={description:"",displayName:"Pagination",props:{pagination:{defaultValue:null,description:"",name:"pagination",required:!0,type:{name:"IPagination"}}}}}catch{}export{_ as P};
1
+ import{j as o}from"./jsx-runtime-f961835c.js";import{r as b}from"./index-f80c8c95.js";import{I as d}from"./common-types-2c81813f.js";import{S as C}from"./select-d4593fc0.js";import{I}from"./input-05f21b51.js";import{B as p}from"./button-050c998a.js";import{I as N}from"./input-group-20c3add3.js";import{I as j}from"./input-group-addon-f8f6683a.js";const E=(t,i)=>i||t&&t.reduce((e,n)=>n.selected?Number(n.value):e,10)||10,P=(t,i)=>{if(!i||!t)return 10;const{options:e,value:n}=i,a=Number(n);return a===0?1:Math.ceil(t/E(e,a))},S=(t,i,e="Selected page must be a positive whole number between 1 and")=>{const n=`${e} ${i}`,a={valid:!0,error:null};return t===""?a:!t.match(/^\d+$/g)||parseInt(t)<=0||parseInt(t)>i?{valid:!1,error:n}:a},y="_paginationContainer_1tmz4_1",R={paginationContainer:y},_=({pagination:t})=>{const{rowCount:i,selectedPage:e,small:n,onSelectPage:a,rowsPerPage:r,errorMessageTemplate:g,testIds:m}=t,l=Number(r==null?void 0:r.value)===0,u=P(i,r),[f,h]=b.useState(String(e));b.useEffect(()=>{h(String(e))},[e]);const{error:v}=S(f,u,g),c=s=>{const{valid:x}=S(s,u,g);h(s),x&&s!==""&&a&&a(Number(s))};return o.jsxs("div",{className:R.paginationContainer,children:[r&&o.jsx("div",{style:{flexShrink:0},children:o.jsx(C,{onChange:s=>{r.onChange&&r.onChange(s),c(String(1))},options:r.options,native:!!r.options,small:n,width:"auto",value:r.value})}),o.jsx(p,{small:n,round:!0,basic:!0,icon:d.CHEVRON_DOUBLE_LEFT,onClick:()=>c(String(1)),disabled:l||e===1}),o.jsx(p,{small:n,round:!0,basic:!0,icon:d.CHEVRON_LEFT,onClick:()=>c(String(Number(e)-1)),disabled:l||e===1}),o.jsxs(N,{small:n,width:"auto",children:[o.jsx(I,{right:!0,value:f,placeholder:String(e),onChange:s=>c(s.target.value),width:"50px",disabled:l||u<=1,error:v}),o.jsxs(j,{children:["of ",u]})]}),o.jsx(p,{small:n,round:!0,basic:!0,icon:d.CHEVRON_RIGHT,onClick:()=>c(String(Number(e)+1)),disabled:l||e===u}),o.jsx(p,{small:n,round:!0,basic:!0,icon:d.CHEVRON_DOUBLE_RIGHT,onClick:()=>c(String(u)),disabled:l||e===u,testId:m==null?void 0:m.doubleRightBtn})]})};try{_.displayName="Pagination",_.__docgenInfo={description:"",displayName:"Pagination",props:{pagination:{defaultValue:null,description:"",name:"pagination",required:!0,type:{name:"IPagination"}}}}}catch{}export{_ as P};
@@ -1,4 +1,4 @@
1
- import{j as P}from"./jsx-runtime-f961835c.js";import{r as n}from"./index-f80c8c95.js";import{P as g}from"./pagination-8aade846.js";import"./common-types-2c81813f.js";import"./select-205cd538.js";import"./index-a80ed1cf.js";import"./disabled-context-d654f6ff.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./index-c89a1915.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./text-ad1f5f1d.js";import"./actions-2d4e1c8e.js";import"./button-74c97e4a.js";import"./spinner-a81ebe38.js";import"./icon-e9cbb4d7.js";import"./tslib.es6-dfef685f.js";import"./badge-20e7ee0b.js";import"./select.input-88b6ebab.js";import"./input-d68625a5.js";import"./input-group-20c3add3.js";import"./input-group-addon-f8f6683a.js";const C={rowCount:500,selectedPage:1,onSelectPage:()=>{}},V={title:"Basic/Pagination",component:g,args:{pagination:C}},r=()=>{const[a,t]=n.useState(1);return P.jsx(g,{pagination:{rowCount:500,selectedPage:a,onSelectPage:o=>t(o)}})},s=()=>{const[a,t]=n.useState(1),[o,p]=n.useState(20);return P.jsx(g,{pagination:{rowCount:500,selectedPage:a,rowsPerPage:{onChange:e=>p(Number(e.target.value)),options:[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],value:o},onSelectPage:e=>t(e)}})},l=()=>{const[a,t]=n.useState(1),[o,p]=n.useState(20);return P.jsx(g,{pagination:{small:!0,rowCount:500,selectedPage:a,rowsPerPage:{onChange:e=>p(Number(e.target.value)),options:[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],value:o},onSelectPage:e=>t(e)}})};var i,u,c;r.parameters={...r.parameters,docs:{...(i=r.parameters)==null?void 0:i.docs,source:{originalSource:`() => {
1
+ import{j as i}from"./jsx-runtime-f961835c.js";import{r as n}from"./index-f80c8c95.js";import{P as g}from"./pagination-443065a8.js";import"./common-types-2c81813f.js";import"./select-d4593fc0.js";import"./index-a80ed1cf.js";import"./disabled-context-d654f6ff.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./tooltip-856042a7.js";import"./index-3d476d02.js";import"./index-c89a1915.js";import"./extends-98964cd2.js";import"./assertThisInitialized-081f9914.js";import"./inheritsLoose-c82a83d4.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./text-ad1f5f1d.js";import"./actions-83a2a04e.js";import"./button-050c998a.js";import"./spinner-a81ebe38.js";import"./icon-8acf9925.js";import"./tslib.es6-dfef685f.js";import"./badge-20e7ee0b.js";import"./select.input-88b6ebab.js";import"./input-05f21b51.js";import"./input-group-20c3add3.js";import"./input-group-addon-f8f6683a.js";const C={rowCount:500,selectedPage:1,onSelectPage:()=>{}},W={title:"Basic/Pagination",component:g,args:{pagination:C}},r=()=>{const[a,t]=n.useState(1);return i.jsx(g,{pagination:{rowCount:500,selectedPage:a,onSelectPage:o=>t(o)}})},s=()=>{const[a,t]=n.useState(1),[o,p]=n.useState(20);return i.jsx(g,{pagination:{rowCount:500,selectedPage:a,rowsPerPage:{onChange:e=>p(Number(e.target.value)),options:[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],value:o},onSelectPage:e=>t(e)}})},l=()=>{const[a,t]=n.useState(1),[o,p]=n.useState(20);return i.jsx(g,{pagination:{small:!0,rowCount:500,selectedPage:a,rowsPerPage:{onChange:e=>p(Number(e.target.value)),options:[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],value:o},onSelectPage:e=>t(e)}})};var P,u,c;r.parameters={...r.parameters,docs:{...(P=r.parameters)==null?void 0:P.docs,source:{originalSource:`() => {
2
2
  const [selectedPage, setSelectedPage] = useState(1);
3
3
  return <Pagination pagination={{
4
4
  rowCount: 500,
@@ -56,4 +56,4 @@ import{j as P}from"./jsx-runtime-f961835c.js";import{r as n}from"./index-f80c8c9
56
56
  },
57
57
  onSelectPage: evt => setSelectedPage(evt)
58
58
  }} />;
59
- }`,...(b=(w=l.parameters)==null?void 0:w.docs)==null?void 0:b.source}}};const W=["Default","RowsPerPage","Small"];export{r as Default,s as RowsPerPage,l as Small,W as __namedExportsOrder,V as default};
59
+ }`,...(b=(w=l.parameters)==null?void 0:w.docs)==null?void 0:b.source}}};const X=["Default","RowsPerPage","Small"];export{r as Default,s as RowsPerPage,l as Small,X as __namedExportsOrder,W as default};
@@ -0,0 +1,7 @@
1
+ import{j as t}from"./jsx-runtime-f961835c.js";import{P as E}from"./popover-c1234faa.js";import{B as i}from"./button-050c998a.js";import{T as N}from"./text-ad1f5f1d.js";import{t as I}from"./toaster-f096ba56.js";import"./index-f80c8c95.js";import"./tooltip-856042a7.js";import"./index-3d476d02.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./spinner-a81ebe38.js";import"./icon-8acf9925.js";import"./inheritsLoose-c82a83d4.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./message-0b5ae3c5.js";const B="_popConfirm_1x6ye_1",w="_content_1x6ye_7",D="_buttons_1x6ye_13",f={popConfirm:B,content:w,buttons:D},y=({title:e,okText:u,onClickOk:d,cancelText:p,onClickCancel:m,close:r,testId:o})=>t.jsxs("div",{className:f.popConfirm,children:[e&&t.jsx("div",{className:f.content,children:t.jsx(N,{small:!0,children:e})}),t.jsxs("div",{className:f.buttons,children:[t.jsx(i,{small:!0,colored:!0,label:u,onClick:()=>d(r),testId:`${o}-ok-button`}),t.jsx(i,{small:!0,label:p,onClick:()=>m(r),testId:`${o}-cancel-button`})]})]});try{y.displayName="Content",y.__docgenInfo={description:"",displayName:"Content",props:{title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},okText:{defaultValue:null,description:"",name:"okText",required:!0,type:{name:"string"}},onClickOk:{defaultValue:null,description:"",name:"onClickOk",required:!0,type:{name:"(close?: TEmpty | undefined) => void"}},cancelText:{defaultValue:null,description:"",name:"cancelText",required:!0,type:{name:"string"}},onClickCancel:{defaultValue:null,description:"",name:"onClickCancel",required:!0,type:{name:"(close?: TEmpty | undefined) => void"}},close:{defaultValue:null,description:"",name:"close",required:!1,type:{name:"TEmpty"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const c=({children:e,placement:u="top-center",closeOnOutsideClick:d=!0,fullWidth:p=!1,title:m="",cancelText:r="Cancel",onClickCancel:o=l=>l&&l(),okText:T="Ok",onClickOk:O=()=>{},overflowContainer:P=!1,testId:v=void 0})=>{const l=t.jsx(y,{title:m,okText:T,onClickOk:O,cancelText:r,onClickCancel:o,testId:v});return t.jsx(E,{content:l,placement:u,closeOnOutsideClick:d,fullWidth:p,overflowContainer:P,testId:v,children:e})};try{c.displayName="PopConfirm",c.__docgenInfo={description:"",displayName:"PopConfirm",props:{placement:{defaultValue:{value:"top-center"},description:"",name:"placement",required:!1,type:{name:"enum",value:[{value:'"top-center"'},{value:'"bottom-center"'},{value:'"center"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"left-end"'},{value:'"left-center"'},{value:'"left-start"'},{value:'"right-end"'},{value:'"right-center"'},{value:'"right-start"'}]}},closeOnOutsideClick:{defaultValue:{value:"true"},description:"",name:"closeOnOutsideClick",required:!1,type:{name:"boolean"}},fullWidth:{defaultValue:{value:"false"},description:"",name:"fullWidth",required:!1,type:{name:"boolean"}},title:{defaultValue:{value:""},description:"",name:"title",required:!1,type:{name:"string"}},cancelText:{defaultValue:{value:"Cancel"},description:"",name:"cancelText",required:!1,type:{name:"string"}},onClickCancel:{defaultValue:{value:"(close) => close && close()"},description:"",name:"onClickCancel",required:!1,type:{name:"((close?: TEmpty) => void)"}},okText:{defaultValue:{value:"Ok"},description:"",name:"okText",required:!1,type:{name:"string"}},onClickOk:{defaultValue:{value:"() => {}"},description:"",name:"onClickOk",required:!1,type:{name:"((close?: TEmpty) => void)"}},overflowContainer:{defaultValue:{value:"false"},description:"",name:"overflowContainer",required:!1,type:{name:"boolean"}},testId:{defaultValue:{value:"undefined"},description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const S=e=>{I({message:{type:"Success",content:"success!",details:"You successfully booked your cruise to Bahamas."}}),e()},ee={title:"Basic/PopConfirm",component:c,args:{title:"Do you want a free cruise to Bahamas?",onClickCancel:e=>e(),onClickOk:S,children:t.jsx(i,{label:"Click me!"}),overflowContainer:!0,placement:"top-center"},decorators:[e=>t.jsx("div",{style:{display:"flex",justifyContent:"center"},children:e()})],parameters:{docs:{source:{excludeDecorators:!0}}}},C=e=>t.jsx(c,{...e}),s=C.bind({}),a=C.bind({});a.args={children:t.jsx(i,{small:!0,round:!0,basic:!0,colored:"muted",icon:"delete"})};const n=C.bind({});n.args={placement:"bottom-end"};var x,g,k;s.parameters={...s.parameters,docs:{...(x=s.parameters)==null?void 0:x.docs,source:{originalSource:`args => <PopConfirm
2
+ // eslint-disable-next-line react/jsx-props-no-spreading
3
+ {...args} />`,...(k=(g=s.parameters)==null?void 0:g.docs)==null?void 0:k.source}}};var _,b,j;a.parameters={...a.parameters,docs:{...(_=a.parameters)==null?void 0:_.docs,source:{originalSource:`args => <PopConfirm
4
+ // eslint-disable-next-line react/jsx-props-no-spreading
5
+ {...args} />`,...(j=(b=a.parameters)==null?void 0:b.docs)==null?void 0:j.source}}};var q,V,h;n.parameters={...n.parameters,docs:{...(q=n.parameters)==null?void 0:q.docs,source:{originalSource:`args => <PopConfirm
6
+ // eslint-disable-next-line react/jsx-props-no-spreading
7
+ {...args} />`,...(h=(V=n.parameters)==null?void 0:V.docs)==null?void 0:h.source}}};const te=["Default","Action","Placement"];export{a as Action,s as Default,n as Placement,te as __namedExportsOrder,ee as default};
@@ -1 +1 @@
1
- import{j as e}from"./jsx-runtime-f961835c.js";import{r as i,R as d}from"./index-f80c8c95.js";import{u as j,A as B,i as V}from"./tooltip-23e84186.js";import{c}from"./index-a80ed1cf.js";import{I as q}from"./common-types-2c81813f.js";import{D as k}from"./disabled-context-d654f6ff.js";import{B as P}from"./button-74c97e4a.js";const W="_toggleBox_lhie5_1",w="_fullWidthStyleFix_lhie5_8",E="_dismiss_lhie5_13",l={toggleBox:W,fullWidthStyleFix:w,dismiss:E},f=({children:n,content:o,placement:m="top-center",closeOnOutsideClick:p=!0,fullWidth:v=!1,showCloseButton:g=!1,testId:x,disabled:a=!1,overflowContainer:y=!1})=>{const r=i.useContext(k),[s,u]=i.useState(!1),t=()=>u(!1),h=()=>{a||r||u(!s)};i.useEffect(()=>{a||r||t()},[a,r]);const{renderLayer:_,arrowProps:b,layerProps:C,triggerProps:O}=j({isOpen:s,placement:m,auto:!0,triggerOffset:6,onOutsideClick:p?t:void 0,ResizeObserver:V,overflowContainer:y});return e.jsxs(e.Fragment,{children:[e.jsx("div",{ref:O.ref,onClick:h,"data-testid":x,children:n}),s&&_(e.jsxs("div",{className:v?c(l.toggleBox,l.fullWidthStyleFix):c(l.toggleBox),...C,children:[e.jsxs("div",{children:[d.isValidElement(o)?d.cloneElement(o,{close:t}):o,g&&e.jsx("div",{className:l.dismiss,children:e.jsx(P,{small:!0,round:!0,onClick:t,icon:q.CLOSE})})]}),e.jsx(B,{...b,backgroundColor:"var(--color-background-layer)",borderColor:"var(--color-border)",borderWidth:1,size:6})]}))]})};try{f.displayName="Popover",f.__docgenInfo={description:"",displayName:"Popover",props:{content:{defaultValue:null,description:"",name:"content",required:!1,type:{name:"ReactNode"}},placement:{defaultValue:{value:"top-center"},description:"",name:"placement",required:!1,type:{name:"enum",value:[{value:'"top-center"'},{value:'"bottom-center"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"left-end"'},{value:'"left-center"'},{value:'"left-start"'},{value:'"right-end"'},{value:'"right-center"'},{value:'"right-start"'},{value:'"center"'}]}},closeOnOutsideClick:{defaultValue:{value:"true"},description:"",name:"closeOnOutsideClick",required:!1,type:{name:"boolean"}},fullWidth:{defaultValue:{value:"false"},description:"",name:"fullWidth",required:!1,type:{name:"boolean"}},showCloseButton:{defaultValue:{value:"false"},description:"",name:"showCloseButton",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},overflowContainer:{defaultValue:{value:"false"},description:"",name:"overflowContainer",required:!1,type:{name:"boolean"}}}}}catch{}export{f as P};
1
+ import{j as e}from"./jsx-runtime-f961835c.js";import{r as i,R as d}from"./index-f80c8c95.js";import{u as j,A as B,i as V}from"./tooltip-856042a7.js";import{c}from"./index-a80ed1cf.js";import{I as q}from"./common-types-2c81813f.js";import{D as k}from"./disabled-context-d654f6ff.js";import{B as P}from"./button-050c998a.js";const W="_toggleBox_lhie5_1",w="_fullWidthStyleFix_lhie5_8",E="_dismiss_lhie5_13",l={toggleBox:W,fullWidthStyleFix:w,dismiss:E},f=({children:n,content:o,placement:m="top-center",closeOnOutsideClick:p=!0,fullWidth:v=!1,showCloseButton:g=!1,testId:x,disabled:a=!1,overflowContainer:y=!1})=>{const r=i.useContext(k),[s,u]=i.useState(!1),t=()=>u(!1),h=()=>{a||r||u(!s)};i.useEffect(()=>{a||r||t()},[a,r]);const{renderLayer:_,arrowProps:b,layerProps:C,triggerProps:O}=j({isOpen:s,placement:m,auto:!0,triggerOffset:6,onOutsideClick:p?t:void 0,ResizeObserver:V,overflowContainer:y});return e.jsxs(e.Fragment,{children:[e.jsx("div",{ref:O.ref,onClick:h,"data-testid":x,children:n}),s&&_(e.jsxs("div",{className:v?c(l.toggleBox,l.fullWidthStyleFix):c(l.toggleBox),...C,children:[e.jsxs("div",{children:[d.isValidElement(o)?d.cloneElement(o,{close:t}):o,g&&e.jsx("div",{className:l.dismiss,children:e.jsx(P,{small:!0,round:!0,onClick:t,icon:q.CLOSE})})]}),e.jsx(B,{...b,backgroundColor:"var(--color-background-layer)",borderColor:"var(--color-border)",borderWidth:1,size:6})]}))]})};try{f.displayName="Popover",f.__docgenInfo={description:"",displayName:"Popover",props:{content:{defaultValue:null,description:"",name:"content",required:!1,type:{name:"ReactNode"}},placement:{defaultValue:{value:"top-center"},description:"",name:"placement",required:!1,type:{name:"enum",value:[{value:'"top-center"'},{value:'"bottom-center"'},{value:'"center"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"left-end"'},{value:'"left-center"'},{value:'"left-start"'},{value:'"right-end"'},{value:'"right-center"'},{value:'"right-start"'}]}},closeOnOutsideClick:{defaultValue:{value:"true"},description:"",name:"closeOnOutsideClick",required:!1,type:{name:"boolean"}},fullWidth:{defaultValue:{value:"false"},description:"",name:"fullWidth",required:!1,type:{name:"boolean"}},showCloseButton:{defaultValue:{value:"false"},description:"",name:"showCloseButton",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},overflowContainer:{defaultValue:{value:"false"},description:"",name:"overflowContainer",required:!1,type:{name:"boolean"}}}}}catch{}export{f as P};
@@ -0,0 +1 @@
1
+ import{j as r}from"./jsx-runtime-f961835c.js";import{P as C}from"./popover-c1234faa.js";import{I as S}from"./input-05f21b51.js";import{B as i}from"./button-050c998a.js";import{F as P}from"./flex-1d14d86c.js";import{S as B}from"./select-d4593fc0.js";import"./index-f80c8c95.js";import"./tooltip-856042a7.js";import"./index-3d476d02.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./spinner-a81ebe38.js";import"./icon-8acf9925.js";import"./inheritsLoose-c82a83d4.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./extends-98964cd2.js";import"./assertThisInitialized-081f9914.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./text-ad1f5f1d.js";import"./actions-83a2a04e.js";import"./badge-20e7ee0b.js";import"./select.input-88b6ebab.js";const l=[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"}],w=({close:e})=>r.jsxs(P,{gap:"var(--padding-xs)",children:[r.jsx(S,{value:"Value",width:"150px",small:!0}),r.jsx(B,{options:l,value:l[0],width:"auto",small:!0}),r.jsx(i,{colored:!0,label:"Save",onClick:()=>{},small:!0}),r.jsx(i,{label:"Cancel",onClick:e,small:!0})]}),$={title:"Basic/Popover",component:C,args:{overflowContainer:!0,content:r.jsx(w,{}),children:r.jsx(i,{label:"Toggle me"})},decorators:[e=>r.jsx("div",{style:{display:"flex"},children:e()})],parameters:{docs:{source:{excludeDecorators:!0}}}},p=e=>r.jsx(C,{...e}),a=p.bind({}),o=p.bind({});o.args={children:r.jsx(S,{value:"Value",width:"100%"})};const s=p.bind({});s.args={closeOnOutsideClick:!1,showCloseButton:!0};const t=p.bind({});t.args={disabled:!0};var m,c,n;a.parameters={...a.parameters,docs:{...(m=a.parameters)==null?void 0:m.docs,source:{originalSource:"args => <Popover {...args} />",...(n=(c=a.parameters)==null?void 0:c.docs)==null?void 0:n.source}}};var u,d,g;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:"args => <Popover {...args} />",...(g=(d=o.parameters)==null?void 0:d.docs)==null?void 0:g.source}}};var x,v,b;s.parameters={...s.parameters,docs:{...(x=s.parameters)==null?void 0:x.docs,source:{originalSource:"args => <Popover {...args} />",...(b=(v=s.parameters)==null?void 0:v.docs)==null?void 0:b.source}}};var f,j,h;t.parameters={...t.parameters,docs:{...(f=t.parameters)==null?void 0:f.docs,source:{originalSource:"args => <Popover {...args} />",...(h=(j=t.parameters)==null?void 0:j.docs)==null?void 0:h.source}}};const rr=["Default","InputTrigger","CloseButton","Disabled"];export{s as CloseButton,a as Default,t as Disabled,o as InputTrigger,rr as __namedExportsOrder,$ as default};
@@ -0,0 +1 @@
1
+ import{_ as e}from"./iframe-40056b2b.js";import"../sb-preview/runtime.js";var a={docs:{renderer:async()=>{let{DocsRenderer:r}=await e(()=>import("./DocsRenderer-NNNQARDV-e3d267ad.js"),["./DocsRenderer-NNNQARDV-e3d267ad.js","./chunk-HLWAVYOI-d2ee52b0.js","./iframe-40056b2b.js","./index-f80c8c95.js","./react-16-147b12fd.js","./index-3d476d02.js","./index-6f0f8cb1.js","./extends-98964cd2.js","./assertThisInitialized-081f9914.js","./inheritsLoose-c82a83d4.js","./index-cf68f115.js"],import.meta.url);return new r}}};export{a as parameters};