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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (158) hide show
  1. package/dist/assets/{index-neKlYvgy.js → index-UlXF8M5L.js} +21 -5
  2. package/dist/index.d.ts +7 -2
  3. package/dist/index.html +1 -1
  4. package/dist/index.js +21 -5
  5. package/dist/index.js.map +1 -1
  6. package/dist/storybook/assets/{Color-6VNJS4EI-mlGeGy0N.js → Color-6VNJS4EI-dBRov0iu.js} +1 -1
  7. package/dist/storybook/assets/{DocsRenderer-NNNQARDV-FLE8MQVp.js → DocsRenderer-NNNQARDV-XOipoxsx.js} +1 -1
  8. package/dist/storybook/assets/{WithTooltip-4HIR6TLV-gwf45DIV.js → WithTooltip-4HIR6TLV-N9BTPjWv.js} +1 -1
  9. package/dist/storybook/assets/{accordion-6_27SROY.js → accordion-MRdNs3mQ.js} +1 -1
  10. package/dist/storybook/assets/{accordion.stories-yWtLkrNK.js → accordion.stories-UmGPZpjJ.js} +2 -2
  11. package/dist/storybook/assets/{actions-Z9jDWreP.js → actions--jdeAagr.js} +1 -1
  12. package/dist/storybook/assets/actions.stories-T8b1WLu9.js +1 -0
  13. package/dist/storybook/assets/afe.stories-Vw9r62sk.js +88 -0
  14. package/dist/storybook/assets/badge.stories-spKtjcPw.js +1 -0
  15. package/dist/storybook/assets/blowout.stories-U_cS_3Xs.js +40 -0
  16. package/dist/storybook/assets/{button-group-q8QKkLVU.js → button-group-kcxXYkIJ.js} +1 -1
  17. package/dist/storybook/assets/{button-group.stories-tLZpLTfD.js → button-group.stories-U6DjmSki.js} +2 -2
  18. package/dist/storybook/assets/button-qfybxFqE.js +1 -0
  19. package/dist/storybook/assets/button.stories-6GvGJMKF.js +80 -0
  20. package/dist/storybook/assets/{buttons-and-links-t1EEC4gc.js → buttons-and-links-e6-ikhN9.js} +2 -2
  21. package/dist/storybook/assets/card.stories-v_QIHoI3.js +1 -0
  22. package/dist/storybook/assets/{casing-loads.stories-ee6r2j2Q.js → casing-loads.stories-xqjG7_uN.js} +2 -2
  23. package/dist/storybook/assets/cell.stories-SsCpOpZw.js +212 -0
  24. package/dist/storybook/assets/{check-box-LZdXXKhv.js → check-box-7DccPNCs.js} +1 -1
  25. package/dist/storybook/assets/{check-box.stories-0XCykxnz.js → check-box.stories-QBPARD7M.js} +2 -2
  26. package/dist/storybook/assets/{chunk-HLWAVYOI-53hWDdvc.js → chunk-HLWAVYOI-HfFAKSRB.js} +1 -1
  27. package/dist/storybook/assets/color-RZTO_BH4.js +25 -0
  28. package/dist/storybook/assets/{column.stories-6OLsjlcP.js → column.stories-FWqVDX5B.js} +4 -4
  29. package/dist/storybook/assets/{dialog-WKHRZcjc.js → dialog-e8amLd6m.js} +1 -1
  30. package/dist/storybook/assets/{drawer-WuErQ5Z8.js → drawer-LFjap9lP.js} +1 -1
  31. package/dist/storybook/assets/{drawer.stories-ezk4vO0w.js → drawer.stories-liH4UlvJ.js} +4 -4
  32. package/dist/storybook/assets/empty.stories-quAOsHNV.js +1 -0
  33. package/dist/storybook/assets/{field-eknsj_Ll.js → field-9udMeZdr.js} +1 -1
  34. package/dist/storybook/assets/{field.stories-RmhJ16HT.js → field.stories-H98nslNw.js} +2 -2
  35. package/dist/storybook/assets/file-input.stories-WyK9TFKC.js +66 -0
  36. package/dist/storybook/assets/{flex-3eLDDUyy.js → flex-ZVra76N-.js} +1 -1
  37. package/dist/storybook/assets/{flex.stories-_VBDAVzN.js → flex.stories-JzmT6lSO.js} +2 -2
  38. package/dist/storybook/assets/footer.stories-wPp58LMn.js +3 -0
  39. package/dist/storybook/assets/form.stories-RMbO5qjE.js +49 -0
  40. package/dist/storybook/assets/formation.stories-0fppcLax.js +74 -0
  41. package/dist/storybook/assets/{formatter-SWP5E3XI-TLomX0jS.js → formatter-SWP5E3XI-s19u3emO.js} +1 -1
  42. package/dist/storybook/assets/{heading-Bk0bpNfe.js → heading-sY0SLHoQ.js} +1 -1
  43. package/dist/storybook/assets/{heading.stories-DmZLaZJb.js → heading.stories-hnhUBXVe.js} +2 -2
  44. package/dist/storybook/assets/{help-icon--rUDxLUD.js → help-icon-yrJgkgdC.js} +1 -1
  45. package/dist/storybook/assets/help-icon.stories-gjzAU_pF.js +4 -0
  46. package/dist/storybook/assets/hoist-non-react-statics.cjs-pnyno-Dk.js +8 -0
  47. package/dist/storybook/assets/{icon-y1a2N5SZ.js → icon-_m67DAr0.js} +3 -3
  48. package/dist/storybook/assets/icon.stories-vAvCbxZP.js +6 -0
  49. package/dist/storybook/assets/iframe-uF49rd0M.js +7 -0
  50. package/dist/storybook/assets/{index-0dxTfrBP.js → index-oLFGkfb-.js} +5 -5
  51. package/dist/storybook/assets/index.es-LXZC0YVN.js +79 -0
  52. package/dist/storybook/assets/{input-group.stories-WljyIQ0a.js → input-group.stories-zQ6b9scC.js} +2 -2
  53. package/dist/storybook/assets/{input-u1He-wWs.js → input-iDZqV-2m.js} +1 -1
  54. package/dist/storybook/assets/{input-validation-jCRmk_jl.js → input-validation-lIx2JTiW.js} +2 -2
  55. package/dist/storybook/assets/{input.stories-rLdDRxtU.js → input.stories-iopguZKB.js} +1 -1
  56. package/dist/storybook/assets/{inputs-ZpY3-Ny4.js → inputs-ubhN8jR5.js} +14 -14
  57. package/dist/storybook/assets/{label-0_Qf6I8t.js → label-J7MI85wD.js} +1 -1
  58. package/dist/storybook/assets/label.stories-kmvMrgz2.js +11 -0
  59. package/dist/storybook/assets/{layout-forms-tcQfdK2L.js → layout-forms-R_iC_SeZ.js} +4 -4
  60. package/dist/storybook/assets/{layout-general-bz1oHjNF.js → layout-general-2sM6LsZn.js} +2 -2
  61. package/dist/storybook/assets/list-1fS-ZLaF.js +8 -0
  62. package/dist/storybook/assets/{list-heading-Vd3hu5Pf.js → list-heading-vbaXVA9N.js} +1 -1
  63. package/dist/storybook/assets/{list.stories-data-9RrIjRci.js → list.stories-data-tBKSPg9P.js} +1 -1
  64. package/dist/storybook/assets/list.stories-maVHoPyy.js +478 -0
  65. package/dist/storybook/assets/{loader.stories-0OwmnNML.js → loader.stories-9Tv8nlOO.js} +2 -2
  66. package/dist/storybook/assets/{menu.stories-data-l5rlcD9_.js → menu.stories-data-VCYkzuDD.js} +1 -1
  67. package/dist/storybook/assets/{menu.stories-5G4phywO.js → menu.stories-iE1tUnCd.js} +2 -2
  68. package/dist/storybook/assets/{message-uMHaTEXV.js → message-p9VAXLNZ.js} +1 -1
  69. package/dist/storybook/assets/{message.stories-CDgUaLZP.js → message.stories-34ul5gSz.js} +2 -2
  70. package/dist/storybook/assets/{modal.stories-15sY1c5H.js → modal.stories-RMMVeIMK.js} +2 -2
  71. package/dist/storybook/assets/{number-input-SvjJIGsW.js → number-input-d7hXQldd.js} +1 -1
  72. package/dist/storybook/assets/{number-input.stories-BURENIFo.js → number-input.stories-477qVsQF.js} +2 -2
  73. package/dist/storybook/assets/objectWithoutPropertiesLoose-9Q1jwsKS.js +1 -0
  74. package/dist/storybook/assets/option-dropdown.stories-NRogMOtD.js +21 -0
  75. package/dist/storybook/assets/{padding-and-spacing-dSuzf2dz.js → padding-and-spacing-_thODzSW.js} +1 -1
  76. package/dist/storybook/assets/page.stories-qo9KEiWt.js +57 -0
  77. package/dist/storybook/assets/{pagination-5n5spTRo.js → pagination-qKZAUHlD.js} +1 -1
  78. package/dist/storybook/assets/{pagination.stories-g4a-aSxq.js → pagination.stories-tRiEpkH6.js} +2 -2
  79. package/dist/storybook/assets/pop-confirm.stories-aFXfbsuI.js +9 -0
  80. package/dist/storybook/assets/{popover-Y3FpGdUS.js → popover-GnGIPc9x.js} +1 -1
  81. package/dist/storybook/assets/popover.stories-zzxDYG13.js +1 -0
  82. package/dist/storybook/assets/{preview-xbxc--KY.js → preview-FRdqQg8W.js} +3 -3
  83. package/dist/storybook/assets/{preview-8q_cpMjL.js → preview-eDFlm4aX.js} +2 -2
  84. package/dist/storybook/assets/projects.stories-mDHzd2Nc.js +47 -0
  85. package/dist/storybook/assets/{radio-button-jHcwHUA4.js → radio-button-T38JdN-I.js} +1 -1
  86. package/dist/storybook/assets/{radio-button.stories-LkCJsp5P.js → radio-button.stories-MbtUJQ4_.js} +5 -5
  87. package/dist/storybook/assets/react-router-dom-2JKSc1g5.js +8 -0
  88. package/dist/storybook/assets/{reservoirs.stories-CtIlcj-X.js → reservoirs.stories-ttnZYnPz.js} +2 -2
  89. package/dist/storybook/assets/{rich-text-input.stories-7UzvJ-A1.js → rich-text-input.stories-OiAxLAVQ.js} +3 -3
  90. package/dist/storybook/assets/{row.stories-uPD-qTX2.js → row.stories-8AoB-Dlf.js} +2 -2
  91. package/dist/storybook/assets/{select-JjEPivho.js → select-0hek2Baz.js} +1 -1
  92. package/dist/storybook/assets/{select.stories-qFDyxRFm.js → select.stories-tCGanTNP.js} +2 -2
  93. package/dist/storybook/assets/{side-bar-Fjr2t9MT.js → side-bar-0iIgujp4.js} +1 -1
  94. package/dist/storybook/assets/side-bar.stories-v7wWMQcv.js +1 -0
  95. package/dist/storybook/assets/{site.stories-UH3PK5eu.js → site.stories-2PTp7gw0.js} +2 -2
  96. package/dist/storybook/assets/{slider-nl2rJ9LF.js → slider-t5EokN-o.js} +2 -2
  97. package/dist/storybook/assets/{slider.stories--aZa8kf-.js → slider.stories-Knk-d29_.js} +4 -4
  98. package/dist/storybook/assets/spacer.stories--6Lac6Fz.js +1 -0
  99. package/dist/storybook/assets/{syntaxhighlighter-NMPM6SWI-1xSal2rv.js → syntaxhighlighter-NMPM6SWI-y1MAbcc6.js} +1 -1
  100. package/dist/storybook/assets/table-o1Zuxe0v.js +1 -0
  101. package/dist/storybook/assets/{table.stories-GrJ75DyI.js → table.stories-K2LI80yY.js} +2 -2
  102. package/dist/storybook/assets/{table.stories-data-9XfBJddg.js → table.stories-data-tHq-3JM9.js} +1 -1
  103. package/dist/storybook/assets/text-link.stories-sfurduAc.js +14 -0
  104. package/dist/storybook/assets/{textarea-u-nirfI6.js → textarea-QFVBH_vb.js} +1 -1
  105. package/dist/storybook/assets/{textarea.stories-Hl-oeUWU.js → textarea.stories-HETiaNLn.js} +1 -1
  106. package/dist/storybook/assets/{title.stories-RyQ9x-ug.js → title.stories-waT6sG0P.js} +3 -3
  107. package/dist/storybook/assets/{toaster-eOozfa7U.js → toaster-bqqWcltU.js} +1 -1
  108. package/dist/storybook/assets/{toaster.stories--z_U2gRN.js → toaster.stories-oExX0THb.js} +2 -2
  109. package/dist/storybook/assets/{toggle-BPI2y-lU.js → toggle-b0PkHQDl.js} +1 -1
  110. package/dist/storybook/assets/{toggle.stories-HiGs6slZ.js → toggle.stories-wWcYddEt.js} +2 -2
  111. package/dist/storybook/assets/{tooltip-HEHiU__l.js → tooltip-ZHdi6rl-.js} +1 -1
  112. package/dist/storybook/assets/{tooltip.stories-tiOgoWHH.js → tooltip.stories-gTfOeEzv.js} +1 -1
  113. package/dist/storybook/assets/tooltip.test-case.stories-8mCQYXFD.js +3 -0
  114. package/dist/storybook/assets/{top-bar-3dxv0sp9.js → top-bar-odjinr_b.js} +1 -1
  115. package/dist/storybook/assets/top-bar.stories-Q3tcZHmc.js +1 -0
  116. package/dist/storybook/assets/top-bar.testcase.stories-85g2VfLi.js +30 -0
  117. package/dist/storybook/assets/{tree.stories-_5t-Rrls.js → tree.stories-vNmT3unc.js} +3 -3
  118. package/dist/storybook/assets/unit-input.stories-OL_uzjER.js +273 -0
  119. package/dist/storybook/iframe.html +1 -1
  120. package/dist/storybook/index.json +1 -1
  121. package/dist/storybook/project.json +1 -1
  122. package/dist/storybook/stories.json +1 -1
  123. package/package.json +2 -1
  124. package/dist/404.html +0 -1
  125. package/dist/storybook/assets/actions.stories-Qrio9EMy.js +0 -1
  126. package/dist/storybook/assets/afe.stories-u2K3NwaR.js +0 -88
  127. package/dist/storybook/assets/badge.stories-C0MXS15j.js +0 -1
  128. package/dist/storybook/assets/blowout.stories-BXWf5R9h.js +0 -40
  129. package/dist/storybook/assets/button-7V8oA22w.js +0 -1
  130. package/dist/storybook/assets/button.stories-f6VcbEgi.js +0 -71
  131. package/dist/storybook/assets/card.stories-HzHJW6ek.js +0 -1
  132. package/dist/storybook/assets/cell.stories-y081eSUk.js +0 -208
  133. package/dist/storybook/assets/color-LlgCLGE5.js +0 -25
  134. package/dist/storybook/assets/empty.stories-lva3DbfI.js +0 -1
  135. package/dist/storybook/assets/file-input.stories-6NjWeNyC.js +0 -66
  136. package/dist/storybook/assets/footer.stories-m5VFK6Bo.js +0 -3
  137. package/dist/storybook/assets/form.stories-z3f6tVdU.js +0 -49
  138. package/dist/storybook/assets/formation.stories-KUe50fTQ.js +0 -74
  139. package/dist/storybook/assets/help-icon.stories-vifwJgNA.js +0 -4
  140. package/dist/storybook/assets/icon.stories-h0hheUmg.js +0 -6
  141. package/dist/storybook/assets/iframe-ujjJUTtn.js +0 -7
  142. package/dist/storybook/assets/index.es-JXn3JM7k.js +0 -86
  143. package/dist/storybook/assets/label.stories-aXdU5_Ql.js +0 -11
  144. package/dist/storybook/assets/list-8l-RGDgw.js +0 -8
  145. package/dist/storybook/assets/list.stories-uR6izjvO.js +0 -457
  146. package/dist/storybook/assets/option-dropdown.stories-Q2zd2AcS.js +0 -21
  147. package/dist/storybook/assets/page.stories-9XUTUblI.js +0 -57
  148. package/dist/storybook/assets/pop-confirm.stories-_agvSFJd.js +0 -9
  149. package/dist/storybook/assets/popover.stories-bWBLR9fB.js +0 -1
  150. package/dist/storybook/assets/projects.stories-84p22lkF.js +0 -47
  151. package/dist/storybook/assets/side-bar.stories-0_pud_bN.js +0 -1
  152. package/dist/storybook/assets/spacer.stories-bgTBb3VB.js +0 -1
  153. package/dist/storybook/assets/table-lfeSnryj.js +0 -1
  154. package/dist/storybook/assets/text-link.stories-kjfUeFtk.js +0 -1
  155. package/dist/storybook/assets/tooltip.test-case.stories-3T_tzhJs.js +0 -3
  156. package/dist/storybook/assets/top-bar.stories-sMvXnmhR.js +0 -1
  157. package/dist/storybook/assets/top-bar.testcase.stories-Nb8fdPBS.js +0 -30
  158. package/dist/storybook/assets/unit-input.stories-u823izRm.js +0 -273
@@ -1 +0,0 @@
1
- import{j as a}from"./jsx-runtime-FsUICBgo.js";import{I as t}from"./common-types-U65vzrrz.js";import{S as m}from"./side-bar-Fjr2t9MT.js";import{F as g}from"./flex-3eLDDUyy.js";import{B as u}from"./badge-23Ty_zBt.js";import{s as S}from"./icon-custom-PyWFQsS3.js";import"./index-RfLt4OUa.js";import"./index-VW3EWkuE.js";import"./index-ugi_ZH6T.js";import"./drawer-WuErQ5Z8.js";import"./lodash-Bmg8FrMx.js";import"./index-4QtD-hFu.js";import"./index-miLrID2P.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./disabled-context-urNQThQz.js";import"./button-7V8oA22w.js";import"./spinner-R8Il4aRe.js";import"./tooltip-HEHiU__l.js";const h=[{heading:"First Heading",items:[{label:"Section A",value:"/path/to/something",onClick:()=>{},icon:S},{label:a.jsxs(g,{alignItems:"center",gap:"var(--padding-xxs)",children:["Section B",a.jsx(u,{small:!0,title:"BETA"})]}),value:"/path/to/something",onClick:()=>{},icon:t.HELP,isActive:!0},{label:"Section C",value:"/path/to/something",onClick:()=>{},icon:t.EDIT},{label:"Experimental Section",value:"/path/to/something",onClick:()=>{},icon:t.LIBRARY,isExperimental:!0}]},{heading:"Second Heading",items:[{label:"Section 1",value:"/path/to/something",onClick:()=>{},icon:t.SETTINGS},{label:"Section 2",value:"/path/to/something",onClick:()=>{},icon:t.STAR},{label:"Invalid Section",value:"/path/to/something",onClick:()=>{},icon:t.NOTIFICATION,invalid:!0}]}],L={title:"Navigation/SideBar",component:m,parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}},args:{options:{title:"Title",sections:h},startOpen:!1},argTypes:{top:{control:{type:"text"}},startOpen:{control:{type:"boolean"}}}},c=d=>a.jsx(m,{...d}),o=c.bind({}),e=c.bind({});e.args={startOpen:!0};var i,r,s;o.parameters={...o.parameters,docs:{...(i=o.parameters)==null?void 0:i.docs,source:{originalSource:"args => <SideBar {...args} />",...(s=(r=o.parameters)==null?void 0:r.docs)==null?void 0:s.source}}};var n,l,p;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:"args => <SideBar {...args} />",...(p=(l=e.parameters)==null?void 0:l.docs)==null?void 0:p.source}}};const G=["Default","StartOpen"];export{o as Default,e as StartOpen,G as __namedExportsOrder,L as default};
@@ -1 +0,0 @@
1
- import{j as r}from"./jsx-runtime-FsUICBgo.js";import{S as h}from"./spacer-Yji9g2AW.js";import{F as j}from"./flex-3eLDDUyy.js";import{B as s}from"./button-7V8oA22w.js";import"./index-RfLt4OUa.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./spinner-R8Il4aRe.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./tooltip-HEHiU__l.js";import"./index-miLrID2P.js";const W={title:"Layout/Spacer",component:h,argTypes:{width:{control:"text"},height:{control:"text"}}},p=t=>r.jsx(h,{...t}),a=p.bind({});a.decorators=[t=>r.jsxs(r.Fragment,{children:[r.jsx(s,{label:"Button"}),t(),r.jsx(s,{label:"Button"})]})];const e=p.bind({});e.args={height:"var(--padding-xxs)"};e.decorators=[t=>r.jsxs(r.Fragment,{children:[r.jsx(s,{label:"Button"}),t(),r.jsx(s,{label:"Button"})]})];const o=p.bind({});o.args={width:"var(--padding)"};o.decorators=[t=>r.jsxs(j,{children:[r.jsx(s,{label:"Button"}),t(),r.jsx(s,{label:"Button"})]})];var c,i,m;a.parameters={...a.parameters,docs:{...(c=a.parameters)==null?void 0:c.docs,source:{originalSource:"(args: ISpacerProps) => <Spacer {...args} />",...(m=(i=a.parameters)==null?void 0:i.docs)==null?void 0:m.source}}};var n,d,l;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:"(args: ISpacerProps) => <Spacer {...args} />",...(l=(d=e.parameters)==null?void 0:d.docs)==null?void 0:l.source}}};var u,g,x;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:"(args: ISpacerProps) => <Spacer {...args} />",...(x=(g=o.parameters)==null?void 0:g.docs)==null?void 0:x.source}}};const L=["Default","Height","Width"];export{a as Default,e as Height,o as Width,L as __namedExportsOrder,W as default};
@@ -1 +0,0 @@
1
- import{j as n}from"./jsx-runtime-FsUICBgo.js";import{r as T}from"./index-RfLt4OUa.js";import{c as N}from"./index-VW3EWkuE.js";import{I as He,D as Pe,C as Le,P as De}from"./index.es-JXn3JM7k.js";import{l as Fe}from"./lodash-Bmg8FrMx.js";import{A as ye}from"./actions-Z9jDWreP.js";import{H as $e}from"./heading-Bk0bpNfe.js";import{P as Oe}from"./pagination-5n5spTRo.js";import{A as b,I as $}from"./common-types-U65vzrrz.js";import{I as Be}from"./input-u1He-wWs.js";import{N as Me}from"./number-input-SvjJIGsW.js";import{S as Ge}from"./select-JjEPivho.js";import{D as Ue}from"./disabled-context-urNQThQz.js";import{i as O}from"./types-5uVBABF4.js";import{T as fe}from"./tooltip-HEHiU__l.js";import{C as Xe}from"./check-box-LZdXXKhv.js";import{S as ze}from"./slider-nl2rJ9LF.js";import{I as B}from"./icon-y1a2N5SZ.js";import{P as Je}from"./popover-Y3FpGdUS.js";import{H as Ee}from"./help-icon--rUDxLUD.js";import{T as ee}from"./text-6KQ6ntOV.js";const Ke="_inputInTable_y9car_1",Ye="_inputHover_y9car_13",Qe="_inputFocus_y9car_18",Ze="_inputError_y9car_25",en="_inputWarning_y9car_26",nn="_inputDisabled_y9car_61",tn="_hideScrollbars_y9car_67",rn="_wrapper_y9car_85",an="_bordered_y9car_93",ln="_scroll_y9car_98",on="_table_y9car_108",sn="_striped_y9car_188",H={inputInTable:Ke,inputHover:Ye,inputFocus:Qe,inputError:Ze,inputWarning:en,inputDisabled:nn,hideScrollbars:tn,wrapper:rn,bordered:an,scroll:ln,table:on,striped:sn},dn="_title_zn5s7_1",cn={title:dn},U=({name:e=null,actions:t=null,actionsRight:a=!1,testId:l})=>{const r=e!==null,o=t!==null;if(!r&&!o)return null;const s=()=>{if(!o)return null;const u=n.jsx(ye,{actions:t});return a?u:n.jsx("div",{children:u})};return n.jsxs("div",{className:cn.title,children:[r?n.jsx($e,{children:n.jsx("span",{"data-testid":l,children:e})}):null,s()]})};try{U.displayName="Title",U.__docgenInfo={description:"",displayName:"Title",props:{name:{defaultValue:{value:"null"},description:"",name:"name",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},actions:{defaultValue:{value:"null"},description:"",name:"actions",required:!1,type:{name:"any"}},actionsRight:{defaultValue:{value:"false"},description:"",name:"actionsRight",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const un="_footer_4sumy_1",pn="_section_4sumy_7",ne={footer:un,section:pn},X=({colSpan:e,pagination:t,actions:a,content:l})=>{const r=a&&a.length,o=l!=null,s=()=>{var d,p;if(t){const{rowCount:c,rowsPerPage:y}=t,g=Number((p=(d=y==null?void 0:y.options)==null?void 0:d[0])==null?void 0:p.value);return c>g}return!1};return r||o||s()?n.jsxs("div",{className:ne.footer,children:[o?n.jsx("div",{className:ne.section,children:n.jsx("div",{children:l})}):null,r||s()?n.jsxs("div",{className:ne.section,children:[s()?n.jsx(Oe,{pagination:t}):n.jsx("div",{}),r&&n.jsx("div",{children:n.jsx(ye,{actions:a})})]}):null]}):null};try{X.displayName="Footer",X.__docgenInfo={description:"",displayName:"Footer",props:{colSpan:{defaultValue:null,description:"",name:"colSpan",required:!1,type:{name:"number"}},pagination:{defaultValue:null,description:"",name:"pagination",required:!0,type:{name:"IPagination"}},actions:{defaultValue:null,description:"",name:"actions",required:!1,type:{name:"IAction[]"}},content:{defaultValue:null,description:"",name:"content",required:!1,type:{name:"ReactNode"}}}}}catch{}const Se=e=>{const t=Math.max(...e.reduce((a,l)=>{const r=l.cells.map(o=>o.colSpan?o.colSpan:1).reduce((o,s)=>o+s,0);return a.concat(r)},[]));return isNaN(t)?0:t},mn=(e,t)=>{const a=[Se(t),Se(e)];return Math.max(...a)},Ve=e=>e.reduce((t,a)=>a.actions&&a.actions.length>0?1:t,0),_n=(e,t)=>Ve(t)>0||Ve(e)>0,z=({table:e,children:t})=>{const{rows:a,infiniteScroll:l}=e,r=Math.ceil(window.innerHeight/30),[o,s]=l?T.useState(r):[a.length,null],[u,d]=l?T.useState(o<a.length):[!1,null],p=()=>{if(o>=a.length&&d){d(!1);return}s&&s(o+r)};return n.jsx("div",{id:"scrollWrapper",className:H.scroll,children:l?n.jsx(He,{dataLength:Math.min(a.length,o+r),next:p,hasMore:u,scrollableTarget:"scrollWrapper",style:{overflow:"initial"},loader:null,children:t({visibleRows:o})}):t({visibleRows:o})})};try{z.displayName="TableScrollWrapper",z.__docgenInfo={description:"",displayName:"TableScrollWrapper",props:{table:{defaultValue:null,description:"",name:"table",required:!0,type:{name:"ITableProps"}}}}}catch{}const gn="_clickableRow_11d5t_1",yn="_hoverableRow_11d5t_4",fn="_rowActive_11d5t_4",hn="_expandableRow_11d5t_8",bn="_flush_11d5t_8",xn="_dragIconCell_11d5t_28",Cn="_dragIcon_11d5t_28",R={clickableRow:gn,hoverableRow:yn,rowActive:fn,expandableRow:hn,flush:bn,dragIconCell:xn,dragIcon:Cn},J=({colSpan:e,children:t,flush:a})=>n.jsx("tr",{children:n.jsx("td",{colSpan:e,className:N(R.expandableRow,a?R.flush:""),children:t})});try{J.displayName="ExpandedContentRow",J.__docgenInfo={description:"",displayName:"ExpandedContentRow",props:{colSpan:{defaultValue:null,description:"",name:"colSpan",required:!0,type:{name:"number"}},flush:{defaultValue:null,description:"",name:"flush",required:!1,type:{name:"boolean"}}}}}catch{}const Te=(e,t={leftAligned:"",rightAligned:"",centerAligned:""},a=!1)=>{if(!e)return null;const{bodyAlignment:l,headerAlignment:r,isHeader:o}=e;switch(o&&r?r:l){case b.LEFT:return a?b.LEFT:t.leftAligned;case b.RIGHT:return a?b.RIGHT:t.rightAligned;case b.CENTER:return a?b.CENTER:t.centerAligned;default:return a?b.LEFT:t.leftAligned}},In=(e,t=!1,a=0)=>{if(!e||e.length===0)return[];const l=e.every(o=>Array.isArray(o)),r=e.every(o=>typeof o=="string");return l&&t?e[a]||[]:r?e:(console.warn("getHeaderAlignment: alignments array contains a mix of strings and arrays, returning an empty array."),[])},jn="_inputInTable_u3xdj_1",Nn="_inputHover_u3xdj_13",wn="_inputFocus_u3xdj_18",An="_inputError_u3xdj_25",vn="_inputWarning_u3xdj_26",Rn="_inputDisabled_u3xdj_61",Sn="_hideScrollbars_u3xdj_67",Vn="_cell_u3xdj_77",Tn="_disabledLink_u3xdj_87",qn="_inputWrapper_u3xdj_91",En="_breakWord_u3xdj_106",kn="_inputCell_u3xdj_109",Wn="_sliderCell_u3xdj_112",Hn="_staticCell_u3xdj_116",Pn="_staticCellContent_u3xdj_119",Ln="_error_u3xdj_131",Dn="_warning_u3xdj_132",Fn="_unit_u3xdj_141",$n="_sortingCell_u3xdj_144",On="_sortingCellIcon_u3xdj_155",Bn="_icon_u3xdj_166",Mn="_checkBoxCell_u3xdj_170",Gn="_iconCellWrapper_u3xdj_174",Un="_actionsCell_u3xdj_178",Xn="_rightAligned_u3xdj_186",zn="_centerAligned_u3xdj_192",Jn="_leftAligned_u3xdj_198",Kn="_popover_u3xdj_201",Yn="_disabledPointerEvents_u3xdj_204",i={inputInTable:jn,inputHover:Nn,inputFocus:wn,inputError:An,inputWarning:vn,inputDisabled:Rn,hideScrollbars:Sn,cell:Vn,disabledLink:Tn,inputWrapper:qn,breakWord:En,inputCell:kn,sliderCell:Wn,staticCell:Hn,staticCellContent:Pn,error:Ln,warning:Dn,unit:Fn,sortingCell:$n,sortingCellIcon:On,icon:Bn,checkBoxCell:Mn,iconCellWrapper:Gn,actionsCell:Un,rightAligned:Xn,centerAligned:zn,leftAligned:Jn,popover:Kn,disabledPointerEvents:Yn},te=({cell:e,columnAlignment:t,testId:a})=>n.jsx(Be,{name:e.name,value:e.value,onChange:l=>{var r;return(r=e.onChange)==null?void 0:r.call(e,l)},onPaste:l=>{var r;return(r=e.onPaste)==null?void 0:r.call(e,l)},placeholder:e.placeholder,error:e.error,warning:e.warning,disabled:e.disabled,isInTable:!0,maxTooltipWidth:e.maxTooltipWidth,right:t===b.RIGHT,testId:a,tabIndex:e.disabled?-1:0,tooltip:e.tooltip});try{te.displayName="InputCell",te.__docgenInfo={description:"",displayName:"InputCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IInputCell"}},columnAlignment:{defaultValue:null,description:"",name:"columnAlignment",required:!1,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const re=({cell:e,testId:t})=>n.jsx(Me,{name:e.name,value:e.value,onChange:a=>{var l;return(l=e.onChange)==null?void 0:l.call(e,a)},placeholder:e.placeholder,error:e.error,warning:e.warning,disabled:e.disabled,isInTable:!0,left:e.left,tabIndex:e.disabled?-1:0,testId:t,tooltip:e.tooltip,validationCallback:e.validationCallback,allowEmpty:e.allowEmpty});try{re.displayName="NumberInputCell",re.__docgenInfo={description:"",displayName:"NumberInputCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"INumberInputCell"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const ae=({cell:e,columnAlignment:t,testId:a})=>n.jsx(Ge,{name:e.name,borderRadius:0,options:e.options,onChange:l=>{var r;return(r=e.onChange)==null?void 0:r.call(e,l)},onCreate:e.onCreate?l=>e.onCreate&&e.onCreate(l):void 0,error:e.error,warning:e.warning,disabled:e.disabled,placeholder:e.placeholder,isInTable:!0,value:e.value,native:e.native,clearable:e.clearable,searchable:e.searchable,deprecatedEventHandler:e.deprecatedEventHandler,maxTooltipWidth:e.maxTooltipWidth,width:"100%",autoLayerWidth:e.autoLayerWidth,right:t===b.RIGHT,testId:a,tabIndex:e.disabled?-1:0});try{ae.displayName="SelectCell",ae.__docgenInfo={description:"",displayName:"SelectCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ISelectCell"}},columnAlignment:{defaultValue:null,description:"",name:"columnAlignment",required:!1,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const le=({cell:e,columnAlignment:t,testId:a})=>n.jsx("div",{className:i.inputWrapper,children:e.type==="Input"?n.jsx(te,{cell:e,columnAlignment:t,testId:a}):e.type==="NumberInput"?n.jsx(re,{cell:e,testId:a}):e.type==="Select"?n.jsx(ae,{cell:e,columnAlignment:t,testId:a}):null});try{le.displayName="InputCellWrapper",le.__docgenInfo={description:"",displayName:"InputCellWrapper",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"any"}},columnAlignment:{defaultValue:null,description:"",name:"columnAlignment",required:!0,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const oe=({cell:e,testId:t})=>{const a=T.useContext(Ue),{error:l,warning:r,tooltip:o,maxTooltipWidth:s}=e,u=d=>O(d);return n.jsx("div",{className:i.inputWrapper,children:n.jsx(fe,{error:!!l,warning:!!r,text:o||l||r,enabled:u(o)||u(l)||u(r)||!1,maxWidth:s,placement:"bottom-center",children:n.jsx("div",{className:N(i.staticCellContent,l?i.error:r?i.warning:""),children:n.jsx("a",{className:N((e.disabled||a)&&i.disabledLink),onClick:e.disabled||a?void 0:d=>{var p;d.stopPropagation(),(p=e.onClick)==null||p.call(e,d)},"data-testid":t,children:e.value})})})})};try{oe.displayName="LinkCell",oe.__docgenInfo={description:"",displayName:"LinkCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ILinkCell"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const ie=({cell:e,testId:t})=>n.jsx(Xe,{label:e.label,checked:e.checked,isInTable:!0,disabled:e.disabled,onChange:a=>e.onChange(a),testId:t,tabIndex:e.disabled?-1:0});try{ie.displayName="CheckBoxCell",ie.__docgenInfo={description:"",displayName:"CheckBoxCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ICheckBoxCell"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const se=({cell:e})=>n.jsx("div",{className:i.inputWrapper,children:n.jsx(ze,{label:e.label,value:e.value,min:e.min,max:e.max,step:e.step,marks:e.marks,onChange:t=>e.onChange(t),showArrows:e.showArrows,showTooltip:e.showTooltip,tooltipFormatter:e.tooltipFormatter,disabled:e.disabled})});try{se.displayName="SliderCell",se.__docgenInfo={description:"",displayName:"SliderCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ISliderCell"}}}}}catch{}const de=({cell:e})=>{const{tooltip:t,icon:a}=e;return n.jsx("div",{className:i.iconCellWrapper,children:n.jsx(fe,{text:t,enabled:!!t&&O(t),display:"flex",placement:"top-center",children:n.jsx(B,{icon:a})})})};try{de.displayName="IconCell",de.__docgenInfo={description:"",displayName:"IconCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IIconCell"}}}}}catch{}const ce=({cell:e})=>n.jsx(ye,{actions:e.actions});try{ce.displayName="ActionsCell",ce.__docgenInfo={description:"",displayName:"ActionsCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IActionCell"}}}}}catch{}const ue=({cell:e})=>{const{helpIcon:t}=e;return t?n.jsx("div",{className:i.icon,children:n.jsx(Ee,{onClick:t.onClick,text:t.tooltip})}):null};try{ue.displayName="CellHelpIcon",ue.__docgenInfo={description:"",displayName:"CellHelpIcon",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IHelpIconCell"}}}}}catch{}const pe=({cell:e})=>{const{libraryIcon:t}=e;return t?n.jsx("div",{className:i.icon,children:n.jsx(Ee,{onClick:t.onClick,text:t.tooltip,icon:$.LIBRARY})}):null};try{pe.displayName="CellLibraryIcon",pe.__docgenInfo={description:"",displayName:"CellLibraryIcon",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ILibraryIconCell"}}}}}catch{}const me=({cell:e})=>{const{hasSort:t,sort:a,sortPriority:l}=e;return t?n.jsxs("span",{className:i.sortingCellIcon,children:[a==="down"?n.jsx(ee,{link:!0,children:n.jsx(B,{icon:$.SORT_ASCENDING})}):a==="up"?n.jsx(ee,{link:!0,children:n.jsx(B,{icon:$.SORT_DESCENDING})}):n.jsx(ee,{faint:!0,children:n.jsx(B,{icon:$.SORT_DESCENDING})}),l&&a?n.jsx("sup",{children:l}):null]}):null};try{me.displayName="Sort",me.__docgenInfo={description:"",displayName:"Sort",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ISortCell"}}}}}catch{}const K=({cell:e,isHeader:t,testId:a})=>{const{error:l,warning:r,tooltip:o,maxTooltipWidth:s,hasSort:u,onSort:d,type:p}=e,c=n.jsxs("div",{className:N(i.staticCellContent,p==="Unit"?i.unit:"",l?i.error:r?i.warning:""),onClick:u?y=>d&&d(y):()=>{},"data-testid":a,children:[e.value,t?n.jsxs(n.Fragment,{children:[n.jsx(ue,{cell:e}),n.jsx(pe,{cell:e}),n.jsx(me,{cell:e})]}):null]});return n.jsx("div",{className:i.inputWrapper,children:n.jsx(fe,{error:!!l,warning:!!r,text:o||l||r,enabled:o&&O(o)||l&&O(l)||r&&O(r)||!1,maxWidth:s,display:"block",placement:"bottom-center",children:c})})};try{K.displayName="StaticCell",K.__docgenInfo={description:"",displayName:"StaticCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IStaticCell"}},isHeader:{defaultValue:null,description:"",name:"isHeader",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const _e=({cell:e,testId:t})=>{const{content:a,fullWidth:l,closeOnOutsideClick:r,disabled:o}=e;return n.jsx(Je,{content:a,fullWidth:l,closeOnOutsideClick:r,disabled:o,children:n.jsx("div",{className:i.popover,children:n.jsx(K,{cell:e,testId:t})})})};try{_e.displayName="PopoverCell",_e.__docgenInfo={description:"",displayName:"PopoverCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IPopoverCell"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const ge=({cell:e,isHeader:t,columnAlignment:a,testId:l})=>{if(!e)return null;switch(e.type){case"Input":case"NumberInput":case"Select":return n.jsx(le,{cell:e,columnAlignment:a,testId:l});case"Link":return n.jsx(oe,{cell:e,testId:l});case"CheckBox":return n.jsx(ie,{cell:e,testId:l});case"Slider":return n.jsx(se,{cell:e});case"Icon":return n.jsx(de,{cell:e});case"Actions":return n.jsx(ce,{cell:e});case"Popover":return n.jsx(_e,{cell:e});default:return n.jsx(K,{cell:e,isHeader:t,testId:l})}};try{ge.displayName="CellWrapper",ge.__docgenInfo={description:"",displayName:"CellWrapper",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"any"}},isHeader:{defaultValue:null,description:"",name:"isHeader",required:!0,type:{name:"boolean"}},columnAlignment:{defaultValue:null,description:"",name:"columnAlignment",required:!0,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}var S=(e=>(e.INPUT="Input",e.NUMBER_INPUT="NumberInput",e.SELECT="Select",e.POPOVER="Popover",e.SLIDER="Slider",e.CHECKBOX="CheckBox",e.ACTIONS="Actions",e))(S||{});const Y=({cell:e,isHeader:t,columnHeaderAlignment:a,columnAlignment:l=b.LEFT,width:r,snapshot:o,testId:s})=>{if(!e)return null;const{style:u,colSpan:d,rowSpan:p,width:c}=e,y=T.useRef(null),g={bodyAlignment:l,headerAlignment:a,isHeader:t},P=Te(g,i),x=Te(g,i,!0),L=e.type===S.INPUT||e.type===S.NUMBER_INPUT||e.type===S.SELECT||e.type===S.POPOVER?i.inputCell:e.type===S.SLIDER?i.sliderCell:e.type===S.CHECKBOX?i.checkBoxCell:e.type===S.ACTIONS?i.actionsCell:i.staticCell,w=N(i.cell,L,e.hasSort?i.sortingCell:null,P,e.breakWord?i.breakWord:""),q=c??r??((o==null?void 0:o.isDragging)&&y.current&&y.current.offsetWidth)??void 0,C={width:q,minWidth:q,...u},A=t?"th":"td";return n.jsx(A,{ref:y,className:w,style:C,colSpan:d,rowSpan:p,children:n.jsx(ge,{cell:e,columnAlignment:x??b.RIGHT,isHeader:t,testId:s})})};try{Y.displayName="Cell",Y.__docgenInfo={description:"",displayName:"Cell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!1,type:{name:"TCellShape"}},isHeader:{defaultValue:null,description:"",name:"isHeader",required:!0,type:{name:"boolean"}},columnHeaderAlignment:{defaultValue:null,description:"",name:"columnHeaderAlignment",required:!1,type:{name:"string"}},columnAlignment:{defaultValue:{value:"Align.LEFT"},description:"",name:"columnAlignment",required:!1,type:{name:"Align.LEFT | Align.RIGHT | null"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},snapshot:{defaultValue:null,description:"",name:"snapshot",required:!1,type:{name:"any"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const F=({row:e,rowIndex:t,isHeader:a=!1,columnCount:l,colSpan:r,columnHeaderAlignments:o=[],columnAlignment:s=[],hasRowActions:u,draggableTable:d=!1,snapshot:p=null,provided:c=null,width:y,columnWidths:g,testId:P})=>{const x=T.useRef(null),L=In(o,a,t),{onRowClick:w,onRowFocus:q,onRowMouseEnter:C,onRowMouseLeave:A,expandedContent:I,active:Q}=e,E=e.cells.map((h,v)=>{const he=`${a?0:1}_${t}_${v}`;return n.jsx(Y,{cell:h,isHeader:a,columnAlignment:s[v],columnHeaderAlignment:L[v],width:g?g[v]:void 0,snapshot:p,testId:h.testId},he)}),V=u&&n.jsx(Y,{cell:{type:S.ACTIONS,actions:e.actions},isHeader:a},l),k=(h,v)=>({minWidth:h&&`${y}px`,width:h&&"100%",display:h&&"table",background:h&&"var(--color-background-listitem-active)",border:h&&"var(--color-border)",borderTop:h&&0,opacity:h&&.1,...v}),W=()=>e.noDrag?n.jsx("td",{"aria-labelledby":"unique-label-id"}):n.jsx("td",{className:R.dragIconCell,children:n.jsx("div",{...c.dragHandleProps,className:R.dragIcon,children:n.jsx(B,{icon:$.DRAG})})});return a?n.jsxs(n.Fragment,{children:[n.jsxs("tr",{ref:x,onClick:w,onMouseEnter:C,onMouseLeave:A,onFocus:q,className:N(w?R.clickableRow:null,C?R.hoverableRow:null),children:[d?n.jsx("th",{}):null,E,V]},t),I&&I.content?n.jsx(J,{colSpan:r,flush:I.flush===!0,children:I.content},`${t}_expanded_content`):null]}):n.jsxs(n.Fragment,{children:[n.jsxs("tr",{onClick:w,onMouseEnter:C,onMouseLeave:A,onFocus:q,className:N(w&&!w.noStyle?R.clickableRow:null,C&&!C.noStyle?R.hoverableRow:null,Q?R.rowActive:null),ref:(c==null?void 0:c.innerRef)||null,...(c==null?void 0:c.draggableProps)||null,style:p&&c?k(p.isDragging,c.draggableProps.style):null,children:[d?W():null,E,V]},t),I&&I.content?n.jsx(J,{colSpan:r,flush:I.flush===!0,children:I.content},`${t}_expanded_content`):null]})};try{F.displayName="Row",F.__docgenInfo={description:"",displayName:"Row",props:{row:{defaultValue:null,description:"",name:"row",required:!0,type:{name:"TRowType"}},rowIndex:{defaultValue:null,description:"",name:"rowIndex",required:!0,type:{name:"number"}},isHeader:{defaultValue:{value:"false"},description:"",name:"isHeader",required:!1,type:{name:"boolean"}},columnCount:{defaultValue:null,description:"",name:"columnCount",required:!0,type:{name:"number"}},colSpan:{defaultValue:null,description:"",name:"colSpan",required:!0,type:{name:"number"}},columnHeaderAlignments:{defaultValue:{value:"[]"},description:"",name:"columnHeaderAlignments",required:!1,type:{name:"string[] | string[][]"}},columnAlignment:{defaultValue:{value:"[]"},description:"",name:"columnAlignment",required:!1,type:{name:"string[]"}},hasRowActions:{defaultValue:null,description:"",name:"hasRowActions",required:!0,type:{name:"boolean"}},draggableTable:{defaultValue:{value:"false"},description:"",name:"draggableTable",required:!1,type:{name:"boolean"}},snapshot:{defaultValue:{value:"null"},description:"",name:"snapshot",required:!1,type:{name:"any"}},provided:{defaultValue:{value:"null"},description:"",name:"provided",required:!1,type:{name:"any"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},columnWidths:{defaultValue:null,description:"",name:"columnWidths",required:!1,type:{name:"string[]"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const qe=e=>{var Ie,je,Ne,we,Ae,ve,Re;const{onListReorder:t=()=>{},table:a}=e,{columnWidths:l,footer:r,name:o,rows:s=[],actions:u,actionsRight:d,columnHeaderAlignments:p,columnAlignment:c,striped:y=!0,testId:g,draggable:P,defaultEmptyRow:x=null,onAddRow:L=null,bordered:w=!0,maxHeight:q,fixedWidth:C}=a,A=T.useRef(null),[I,Q]=T.useState({width:0,height:0});T.useEffect(()=>{A.current&&Q({width:A.current.offsetWidth,height:A.current.offsetHeight})},[]);const E=Fe.get(e,"table.headers",[]),V=mn(s,E),k=_n(s,E),W=V+(k?1:0),h=r?((je=(Ie=r==null?void 0:r.pagination)==null?void 0:Ie.rowsPerPage)==null?void 0:je.value)===0||Number((Ne=r==null?void 0:r.pagination)==null?void 0:Ne.selectedPage)>=Number((we=r==null?void 0:r.pagination)==null?void 0:we.rowCount)/Number((ve=(Ae=r==null?void 0:r.pagination)==null?void 0:Ae.rowsPerPage)==null?void 0:ve.value):!0,v=((Re=x==null?void 0:x.cells)==null?void 0:Re.length)&&L&&h,ke={cells:v?x.cells.map((m,j)=>(m==null?void 0:m.type)==="Input"?{...m,onChange:_=>{var M;const f=(M=_==null?void 0:_.target)==null?void 0:M.value,D={...x,cells:x.cells.map((G,We)=>({...G,value:We===j?f:G==null?void 0:G.value}))};L({newRow:D})}}:{...m,disabled:!0}):null,testId:g?`${g}-last-empty-row`:void 0},Z=v?s.concat(ke):s,be={...a,rows:Z},xe=N(H.wrapper,w?H.bordered:""),Ce={maxHeight:q,width:C,display:C==="auto"?"inline-flex":"flex"};return P?n.jsxs("div",{ref:A,className:xe,style:Ce,children:[n.jsx(U,{actions:u,actionsRight:d,name:o,testId:g&&`${g}-title`}),n.jsx(Pe,{onDragEnd:m=>{var f,D;const j=(f=m==null?void 0:m.source)==null?void 0:f.index,_=(D=m==null?void 0:m.destination)==null?void 0:D.index;typeof j=="number"&&typeof _=="number"&&t({from:j,to:_})},children:n.jsx(Le,{droppableId:"droppable",children:m=>n.jsx(z,{table:be,children:({visibleRows:j})=>n.jsxs("table",{className:N(H.table,y?H.striped:""),"data-testid":g,ref:m.innerRef,children:[n.jsx("thead",{children:E.map((_,f)=>n.jsx(F,{rowIndex:f,isHeader:!0,row:_,columnCount:V,columnWidths:l,colSpan:W,hasRowActions:k,columnAlignment:c,columnHeaderAlignments:p,draggableTable:P},`0_${f}`))}),n.jsxs("tbody",{children:[Z.slice(0,j).map((_,f)=>n.jsx(De,{draggableId:f+"",index:f,isDragDisabled:_.noDrag,children:(D,M)=>n.jsx(F,{rowIndex:f,row:_,columnCount:V,columnWidths:l,colSpan:W,hasRowActions:k,columnAlignment:c,provided:D,snapshot:M,draggableTable:P,width:I.width},`1_${f}`)},`index_${f}`)),m.placeholder]})]})})})}),r&&n.jsx(X,{pagination:r.pagination,actions:r.actions,content:r.content})]}):n.jsxs("div",{className:xe,style:Ce,children:[n.jsx(U,{actions:u,actionsRight:d,name:o,testId:g&&`${g}-title`}),n.jsx(z,{table:be,children:({visibleRows:m})=>n.jsxs("table",{className:N(H.table,y?H.striped:""),"data-testid":g,children:[n.jsx("thead",{children:E.map((j,_)=>n.jsx(F,{rowIndex:_,isHeader:!0,row:j,columnCount:V,columnWidths:l,colSpan:W,hasRowActions:k,columnAlignment:c,columnHeaderAlignments:p},`0_${_}`))}),n.jsx("tbody",{children:Z.slice(0,m).map((j,_)=>n.jsx(F,{rowIndex:_,row:j,columnCount:V,columnWidths:l,colSpan:W,hasRowActions:k,columnAlignment:c},`1_${_}`))})]})}),r&&n.jsx(X,{colSpan:W,pagination:r.pagination,actions:r.actions,content:r.content})]})};try{qe.displayName="Table",qe.__docgenInfo={description:"",displayName:"Table",props:{onListReorder:{defaultValue:null,description:"",name:"onListReorder",required:!1,type:{name:"((obj: { from: number; to: number; }) => void)"}},table:{defaultValue:null,description:"",name:"table",required:!0,type:{name:"{ name?: string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null | undefined; ... 18 more ...; actions?: any; }"}}}}}catch{}export{qe as T};
@@ -1 +0,0 @@
1
- import{j as s}from"./jsx-runtime-FsUICBgo.js";import{T as x}from"./text-6KQ6ntOV.js";import"./index-RfLt4OUa.js";import"./index-VW3EWkuE.js";const a=({children:t,href:u=void 0,target:m=void 0,testId:f,onClick:g})=>s.jsx("a",{href:u,target:m,onClick:g,"data-testid":f,children:s.jsx(x,{link:!0,children:t})});try{a.displayName="TextLink",a.__docgenInfo={description:"",displayName:"TextLink",props:{href:{defaultValue:{value:"undefined"},description:"",name:"href",required:!1,type:{name:"string"}},target:{defaultValue:{value:"undefined"},description:"",name:"target",required:!1,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"((e: MouseEvent<HTMLAnchorElement, MouseEvent>) => void)"}}}}}catch{}const L={title:"Basic/TextLink",component:a,args:{children:"Link text goes here",href:"http://oliasoft.com"}},p=t=>s.jsx(a,{...t}),r=p.bind({}),e=p.bind({});e.args={href:void 0,onClick:()=>console.log("Clicked!")};var n,o,i;r.parameters={...r.parameters,docs:{...(n=r.parameters)==null?void 0:n.docs,source:{originalSource:"args => <TextLink {...args} />",...(i=(o=r.parameters)==null?void 0:o.docs)==null?void 0:i.source}}};var d,c,l;e.parameters={...e.parameters,docs:{...(d=e.parameters)==null?void 0:d.docs,source:{originalSource:"args => <TextLink {...args} />",...(l=(c=e.parameters)==null?void 0:c.docs)==null?void 0:l.source}}};const v=["Default","OnClick"];export{r as Default,e as OnClick,v as __namedExportsOrder,L as default};
@@ -1,3 +0,0 @@
1
- import{j as s}from"./jsx-runtime-FsUICBgo.js";import{T as p}from"./tooltip-HEHiU__l.js";import{M as m}from"./actions-Z9jDWreP.js";import{m as n}from"./menu.stories-data-l5rlcD9_.js";import"./index-RfLt4OUa.js";import"./index-miLrID2P.js";import"./index-VW3EWkuE.js";import"./lodash-Bmg8FrMx.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./button-7V8oA22w.js";import"./spinner-R8Il4aRe.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./flex-3eLDDUyy.js";const R={title:"Basic/Tooltip/Test Cases",component:p,args:{text:"Tooltip text"}},a=i=>s.jsx(p,{...i}),o=a.bind({});o.args={children:s.jsx(m,{menu:n}),placement:"bottom-end",display:"inline-block"};var t,r,e;o.parameters={...o.parameters,docs:{...(t=o.parameters)==null?void 0:t.docs,source:{originalSource:`args => <Tooltip
2
- // eslint-disable-next-line react/jsx-props-no-spreading
3
- {...args} />`,...(e=(r=o.parameters)==null?void 0:r.docs)==null?void 0:e.source}}};const S=["CloseWhenMenuOpen"];export{o as CloseWhenMenuOpen,S as __namedExportsOrder,R as default};
@@ -1 +0,0 @@
1
- import{j as e}from"./jsx-runtime-FsUICBgo.js";import{I as B,T as h}from"./common-types-U65vzrrz.js";import{T as C}from"./top-bar-3dxv0sp9.js";import{M as I}from"./actions-Z9jDWreP.js";import{B as n}from"./button-7V8oA22w.js";import{B as O}from"./badge-23Ty_zBt.js";import{L as S}from"./logo-nHW4TqZt.js";import{s as j}from"./icon-custom-PyWFQsS3.js";import{M as a}from"./types-VB5zD18b.js";import"./index-RfLt4OUa.js";import"./index-VW3EWkuE.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./lodash-Bmg8FrMx.js";import"./tooltip-HEHiU__l.js";import"./index-miLrID2P.js";import"./types-5uVBABF4.js";import"./spinner-R8Il4aRe.js";const N=[{type:"Link",label:"Link",onClick:()=>{}},{type:"Link",label:"Active",active:!0,onClick:()=>{}},{type:"Link",label:"Disabled",disabled:!0,onClick:()=>{}},{type:"Menu",label:"Dropdown",onClick:()=>{},sections:[{type:"Option",label:"Alpacas",onClick:()=>{}},{type:"Option",label:"Llamas",onClick:()=>{}}]},{type:"Button",label:"Save",colored:!0,onClick:()=>{},testId:"top-bar-button-save"}],v=[{type:"Component",component:e.jsx(O,{title:"3",small:!0,margin:"5px",children:e.jsx(n,{icon:B.NOTIFICATION,round:!0,onClick:()=>{}})})},{type:"Component",component:e.jsx(I,{menu:{trigger:h.COMPONENT,fullHeightTrigger:!0,placement:"bottom-end",component:e.jsx(n,{label:"TU",round:!0,onClick:()=>{}}),sections:[{type:a.HEADING,label:"Test User"},{type:a.OPTION,label:"Profile",icon:"user",onClick:()=>{}},{type:a.DIVIDER},{type:a.OPTION,label:"Sign out",icon:"lock",onClick:()=>{}}]}})}],Y={title:"Navigation/TopBar",component:C,parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}},argTypes:{height:{control:"text"}},args:{title:{logo:e.jsx("img",{src:S,alt:"logo"}),onClick:()=>{}},content:N,contentRight:v}},i=x=>e.jsx(C,{...x}),s=i.bind({}),r=i.bind({});r.args={warning:"Application update available. Please refresh your browser."};const o=i.bind({});o.args={title:{label:"Text Branding",onClick:()=>{}}};const t=i.bind({});t.args={appSwitcher:{icon:j,onClick:()=>{}}};var p,c,l;s.parameters={...s.parameters,docs:{...(p=s.parameters)==null?void 0:p.docs,source:{originalSource:"args => <TopBar {...args} />",...(l=(c=s.parameters)==null?void 0:c.docs)==null?void 0:l.source}}};var m,g,u;r.parameters={...r.parameters,docs:{...(m=r.parameters)==null?void 0:m.docs,source:{originalSource:"args => <TopBar {...args} />",...(u=(g=r.parameters)==null?void 0:g.docs)==null?void 0:u.source}}};var d,T,b;o.parameters={...o.parameters,docs:{...(d=o.parameters)==null?void 0:d.docs,source:{originalSource:"args => <TopBar {...args} />",...(b=(T=o.parameters)==null?void 0:T.docs)==null?void 0:b.source}}};var y,k,f;t.parameters={...t.parameters,docs:{...(y=t.parameters)==null?void 0:y.docs,source:{originalSource:"args => <TopBar {...args} />",...(f=(k=t.parameters)==null?void 0:k.docs)==null?void 0:f.source}}};const Z=["Default","WithWarning","TextBranding","AppSwitcher"];export{t as AppSwitcher,s as Default,o as TextBranding,r as WithWarning,Z as __namedExportsOrder,Y as default};
@@ -1,30 +0,0 @@
1
- import{j as o}from"./jsx-runtime-FsUICBgo.js";import{I as n}from"./common-types-U65vzrrz.js";import{T as l}from"./top-bar-3dxv0sp9.js";import{B as s}from"./button-7V8oA22w.js";import{B as m}from"./badge-23Ty_zBt.js";import{L as p}from"./logo-nHW4TqZt.js";import"./index-RfLt4OUa.js";import"./index-VW3EWkuE.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./actions-Z9jDWreP.js";import"./lodash-Bmg8FrMx.js";import"./tooltip-HEHiU__l.js";import"./index-miLrID2P.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./spinner-R8Il4aRe.js";const h={title:"Navigation/TopBar/Test Cases",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},t=()=>o.jsx(l,{title:{logo:o.jsx("img",{src:p,alt:"logo"}),version:"V1.2.3",onClick:()=>{}},content:[{type:"Link",label:"Link",onClick:()=>{}},{type:"Link",label:"Lorem ipsum dolor est compendum lorem ipsum dolor est compendum lorem ipsum dolor est (cloned 2022-06-17 01:33:42)",active:!0,onClick:()=>{}},{type:"Link",label:"Disabled",disabled:!0,onClick:()=>{}},{type:"Button",label:"Save",colored:!0,onClick:()=>{},testId:"top-bar-button-save"}],contentRight:[{type:"Component",component:o.jsx(m,{title:"3",small:!0,margin:"5px",children:o.jsx(s,{icon:n.NOTIFICATION,round:!0,onClick:()=>{}})})}]});var e,r,i;t.parameters={...t.parameters,docs:{...(e=t.parameters)==null?void 0:e.docs,source:{originalSource:`() => <TopBar title={{
2
- logo: <img src={LogoSVG} alt="logo" />,
3
- version: 'V1.2.3',
4
- onClick: () => {}
5
- }} content={[{
6
- type: 'Link',
7
- label: 'Link',
8
- onClick: () => {}
9
- }, {
10
- type: 'Link',
11
- label: 'Lorem ipsum dolor est compendum lorem ipsum dolor est compendum lorem ipsum dolor est (cloned 2022-06-17 01:33:42)',
12
- active: true,
13
- onClick: () => {}
14
- }, {
15
- type: 'Link',
16
- label: 'Disabled',
17
- disabled: true,
18
- onClick: () => {}
19
- }, {
20
- type: 'Button',
21
- label: 'Save',
22
- colored: true,
23
- onClick: () => {},
24
- testId: 'top-bar-button-save'
25
- }]} contentRight={[{
26
- type: 'Component',
27
- component: <Badge title="3" small margin="5px">
28
- <Button icon={IconType.NOTIFICATION} round onClick={() => {}} />
29
- </Badge>
30
- }]} />`,...(i=(r=t.parameters)==null?void 0:r.docs)==null?void 0:i.source}}};const V=["OverflowingLinks"];export{t as OverflowingLinks,V as __namedExportsOrder,h as default};
@@ -1,273 +0,0 @@
1
- import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as o}from"./index-RfLt4OUa.js";import{d as r,r as rn}from"./index-IQMsp8Ab.js";import{c as sn}from"./index-VW3EWkuE.js";import{M as we}from"./actions-Z9jDWreP.js";import{I as un}from"./input-group-addon-BHVsW9mL.js";import{B as m}from"./button-7V8oA22w.js";import{T as on}from"./tooltip-HEHiU__l.js";import{I as dn}from"./input-group-R8LoqKRn.js";import{S}from"./spacer-Yji9g2AW.js";import{T as cn}from"./text-6KQ6ntOV.js";import{I as mn}from"./input-u1He-wWs.js";import{M as Ee}from"./types-VB5zD18b.js";import{l as E}from"./lodash-Bmg8FrMx.js";import{D as pn}from"./divider-RwW2f_N0.js";import{R as qt,C as pe}from"./row-vFUhHoz5.js";import{F as I}from"./field-eknsj_Ll.js";import{a as ge}from"./message-uMHaTEXV.js";import"./index-cCpkwrS5.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./spinner-R8Il4aRe.js";import"./index-miLrID2P.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./label-0_Qf6I8t.js";import"./help-icon--rUDxLUD.js";const gn=()=>{const t=o.useRef(null);return o.useLayoutEffect(()=>{t.current&&(t.current(),t.current=null)}),n=>{t.current=n}},hn=t=>{const a=o.useRef();return o.useEffect(()=>{a.current=t},[t]),a.current},vn=(t,a)=>{const n=a==null?void 0:a[t];return n||(console.log(`Warning: 'unitTemplate' does not define a preferred unit for '${t}'. Defaulting to standard unit.`),r.unitFromQuantity(t)??"")};var b=(t=>(t.CUSTOM="custom",t.PREDEFINED="predefined",t))(b||{});const Wt=t=>t==="undefined"||t===void 0||t===""||t==="null"||t===null||t==="NaN"||isNaN(t),Rt=(t="",a,n="",i=!1)=>{if(i)return t;if(a&&!Wt(t))try{const u=r.isValueWithUnit(t)?t:r.withUnit(t,n),d=r.convertSamePrecision(u,a);return r.getValue(d)}catch{}return t},fn=t=>t?!!r.getUnit(t):!1,F=(t="",a,n,i)=>{if(i)return t;const u=fn(t)||r.isValueWithUnit(t),d=r.getValue(t);return Wt(d)?d:u?Rt(d,a,n,i):t},Ne=t=>E.isObject(t)&&!E.isArray(t)&&!E.isFunction(t)?E.get(t,"fieldName",""):typeof t=="string"?t:"",Cn=t=>E.isObjectLike(t)&&E.has(t,"message"),bn=t=>typeof t=="string"?t:Cn(t)?t.message:null;var Un=rn();const yn=t=>t.search(RegExp(/(^0{2}\.)|(^0+[1-9])/g))===0,Ae=(t,a)=>{var j;const{allowEmpty:n=!1,autoValue:i,placeholder:u,disabledValidation:d=!1}=a||{},s=String(t);if(d||i||u)return null;const g=Un.isValueWithUnit(s)?r.getValue(s):s;if(n&&g==="")return null;if(yn(g))return"Invalid number format due to leading zeroes";const h=r.validateNumber(g);if(!h.valid){const re=((j=h==null?void 0:h.errors)==null?void 0:j[0])??null;return bn(re)}return null},Pe=(t="")=>{var a;return(a=r.KNOWN_UNITS)==null?void 0:a.includes(t)},xn=(t,a)=>{const n=r.getUnit(t||"");return Pe(a)&&Pe(n)},Vn="_predefinedMenuActive_1yvt4_1",In={predefinedMenuActive:Vn},p=({name:t,placeholder:a="",disabled:n=!1,disabledUnit:i=!1,error:u=null,left:d=!1,small:s=!1,width:g="100%",value:h,unitkey:j="",initUnit:re,noConversion:Tt=!1,onChange:se=()=>{},onClick:kn=()=>{},onFocus:Lt=()=>{},onSwitchUnit:he=()=>{},unitTemplate:ve,doNotConvertValue:A=!1,testId:w,warning:Kt=null,predefinedOptions:x,initialPredefinedOption:$t=!1,shouldLinkAutomaticly:fe=!0,selectedPredefinedOptionKey:Ce,validationCallback:be=()=>({name:"",error:null}),disabledValidation:Ue=!1,allowEmpty:ye=!1,autoValue:V})=>{typeof h=="number"&&(h=`${h}`);const Ht=gn(),[ie="",P=""]=h!==void 0?r.split(h):[],xe=V?r.getUnit(V):"",Ve=o.useMemo(()=>vn(j,ve),[j,ve]),zt=xn(h,Ve),U=re||Ve||P,Jt=hn(U),Ie=F(h,U,P,A),je=F(V,U,xe,A),Yt=Ie!==""?{value:Ie,unit:U}:je!==""?{value:je,unit:U}:{value:ie,unit:P},[v,Y]=o.useState(Yt),[Zt,ue]=o.useState(null),[k,oe]=o.useState($t?b.PREDEFINED:b.CUSTOM),de=ie===""&&V,D=x&&x.find(l=>{if(Ce)return Ce===l.valueKey;const c=r.isValueWithUnit(l.value)?r.getUnit(l.value):"";return r.withUnit(Rt(h,c),c)===l.value}),Gt=()=>{if(j)try{const l=de?V:h??"";let c=r.altUnitsList(l,j);return r.getValue(l)===""?c.map(f=>["",f[1]]):c}catch{return null}},Qt=l=>{const c=Ne(t),f=l.target,{value:y,selectionStart:X}=f,Se=r.cleanNumStr(y.replaceAll(" ","").replaceAll("|","")),ce=r.withUnit(Se,(v==null?void 0:v.unit)||""),nn=r.getValue(ce),me=Ae(nn,{allowEmpty:ye,autoValue:V,placeholder:a,disabledValidation:Ue});if(me===null){se({target:{value:ce,name:c}});const[an,ln]=r.split(ce);Y({value:an,unit:ln}),ue(null),be(c,null)}else Y({value:Se,unit:v.unit}),ue(me),be(c,me);Ht(()=>{f.selectionStart=X,f.selectionEnd=X})},Xt=(l,c)=>{c===v.unit||isNaN(Number(l))||(Y({value:l,unit:c}),he&&he(c))};o.useEffect(()=>{if(U){let f,y="";Jt!==U?(f=F(h,U,P,A),y=U):r.withUnit(v.value,v.unit)!==h&&(f=F(h,v.unit,P,A),y=v.unit),f!==void 0&&Y({value:f,unit:y}),x&&oe(D&&fe?b.PREDEFINED:b.CUSTOM)}const l=r.checkAndCleanDecimalComma(ie),c=Ae(l,{allowEmpty:ye,autoValue:V,placeholder:a,disabledValidation:Ue});ue(c)},[U,h,u,fe]);const Z=Gt(),G=r.label(v.unit)||v.unit||"",en=Tt||!Z||Z&&Z.length===1,ke=Ne(t);let Q;const tn=l=>{const[c,f=""]=r.isValueWithUnit(l.value)?r.split(l.value):[l.value];return{type:Ee.OPTION,inline:!0,onClick:()=>{r.validateNumber(c).valid&&!n&&(oe(b.PREDEFINED),se({target:{value:l.value,name:typeof t=="string"?t:(t==null?void 0:t.fieldName)||"",predefinedSelected:!0,predefinedOption:l}}))},label:e.jsxs(e.Fragment,{children:[e.jsx(cn,{children:l.label}),e.jsx(S,{width:"20px",height:"0"})]}),description:r.isValueWithUnit(l.value)?`${c} ${f}`:l.value,selected:D===l&&k===b.PREDEFINED}};if(Q=[{type:Ee.OPTION,inline:!0,onClick:()=>{k!==b.CUSTOM&&!n&&se({target:{value:r.withUnit(v.value,v.unit),name:typeof t=="string"?t:(t==null?void 0:t.fieldName)||""}})},label:"Custom",selected:k===b.CUSTOM}],x!=null&&x.length){const l=x.map(tn);Q=[...Q,...l]}return e.jsx("div",{className:k===b.PREDEFINED?sn(In.predefinedMenuActive):"",children:e.jsxs(dn,{small:s,width:g,children:[x&&e.jsx(on,{text:k===b.PREDEFINED?D==null?void 0:D.label:"",children:e.jsx(we,{maxHeight:380,groupOrder:"first",testId:w&&`${w}-predefined-menu`,disabled:n,menu:{colored:!0,trigger:"Component",component:e.jsx(m,{groupOrder:"first",active:k===b.PREDEFINED,icon:k===b.PREDEFINED?"link":"unlink"}),small:s,sections:Q}})}),e.jsx(mn,{type:"text",name:ke,testId:w,disabled:n,placeholder:de?F(V,v.unit,xe,A):a,value:v.value,onChange:Qt,onFocus:Lt,error:u||Zt,warning:Kt,right:!d},ke),G&&(en||!zt?e.jsx(un,{groupOrder:"last",children:G}):e.jsx(we,{maxHeight:380,groupOrder:"last",disabled:i,testId:w&&`${w}-menu`,menu:{label:G,trigger:"DropDownButton",small:s,sections:Z.map(([l,c,f])=>{const y=f||c||"";return{type:"Option",label:isNaN(Number(l))?"":l,inline:!0,onClick:X=>{X.stopPropagation(),Xt(de?"":l,c)},description:y,selected:y===G,testId:`${w}-unit-${y}`}})}}))]})})};try{p.displayName="UnitInput",p.__docgenInfo={description:"",displayName:"UnitInput",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string | { fieldName?: string | undefined; }"}},placeholder:{defaultValue:{value:""},description:"",name:"placeholder",required:!1,type:{name:"string"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},disabledUnit:{defaultValue:{value:"false"},description:"",name:"disabledUnit",required:!1,type:{name:"boolean"}},error:{defaultValue:{value:"null"},description:"",name:"error",required:!1,type:{name:"string | boolean | null"}},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:"string | number"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"string"}},unitkey:{defaultValue:{value:""},description:"",name:"unitkey",required:!1,type:{name:"string"}},initUnit:{defaultValue:null,description:"",name:"initUnit",required:!1,type:{name:"string"}},noConversion:{defaultValue:{value:"false"},description:"",name:"noConversion",required:!1,type:{name:"boolean"}},doNotConvertValue:{defaultValue:{value:"false"},description:"",name:"doNotConvertValue",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},warning:{defaultValue:{value:"null"},description:"",name:"warning",required:!1,type:{name:"string | null"}},predefinedOptions:{defaultValue:null,description:"",name:"predefinedOptions",required:!1,type:{name:"IPredefinedOption[]"}},initialPredefinedOption:{defaultValue:{value:"false"},description:"",name:"initialPredefinedOption",required:!1,type:{name:"boolean"}},shouldLinkAutomaticly:{defaultValue:{value:"true"},description:"",name:"shouldLinkAutomaticly",required:!1,type:{name:"boolean"}},selectedPredefinedOptionKey:{defaultValue:null,description:"",name:"selectedPredefinedOptionKey",required:!1,type:{name:"string"}},validationCallback:{defaultValue:{value:"() => ({ name: '', error: null })"},description:"",name:"validationCallback",required:!1,type:{name:"((name: string, message: string | null) => { name: string; error: string | null; })"}},disabledValidation:{defaultValue:{value:"false"},description:"",name:"disabledValidation",required:!1,type:{name:"boolean"}},allowEmpty:{defaultValue:{value:"false"},description:"",name:"allowEmpty",required:!1,type:{name:"boolean"}},autoValue:{defaultValue:null,description:"",name:"autoValue",required:!1,type:{name:"string"}},onChange:{defaultValue:{value:"() => {}"},description:"",name:"onChange",required:!1,type:{name:"(event: ChangeEvent<HTMLInputElement> | ICustomChangeEvent) => void"}},onSwitchUnit:{defaultValue:{value:"() => {}"},description:"",name:"onSwitchUnit",required:!1,type:{name:"((unit: string) => void)"}},onClick:{defaultValue:{value:"() => {}"},description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler<HTMLInputElement>"}},onFocus:{defaultValue:{value:"() => {}"},description:"",name:"onFocus",required:!1,type:{name:"FocusEventHandler<HTMLInputElement>"}},unitTemplate:{defaultValue:null,description:"",name:"unitTemplate",required:!1,type:{name:"Record<string, any>"}}}}}catch{}const{useArgs:jn}=__STORYBOOK_MODULE_ADDONS__,ra={title:"Basic/UnitInput",component:p,args:{name:"example",unitkey:"length",value:"123|m"}},C=t=>{const[a,n]=jn(),i=u=>{n({value:u.target.value})};return e.jsx(p,{...t,onChange:i})},ee=C.bind({}),M=C.bind({});M.args={initUnit:"ft",unitTemplate:{length:"ft"}};const _=C.bind({});_.args={value:'123|"',unitkey:'"'};const O=C.bind({});O.args={width:"180px"};const B=C.bind({});B.args={noConversion:!0};const q=C.bind({});q.args={small:!0};const W=C.bind({});W.args={error:"Error message goes here"};const R=C.bind({});R.args={value:"asas123asd|%"};const N=C.bind({});N.args={disabled:!0,disabledUnit:!0};N.parameters={docs:{description:{story:"Each part of UnitInput can be disabled separately. `disabled` disables only the main text input, `disabledUnit` disables only the unit menu. **Needs review (comes from Reservoir input requirements)**"}}};const T=C.bind({});T.args={disabled:!0,disabledUnit:!0,noConversion:!0};const L=C.bind({});L.args={disabledUnit:!0,unitkey:void 0};const K=C.bind({});K.args={disabledUnit:!0,unitkey:"length"};const $=C.bind({});$.args={disabledUnit:!1,disabled:!0};const H=t=>{const[a,n]=o.useState("123|m"),[i,u]=o.useState("223|m"),[d,s]=o.useState("ft");return e.jsxs(e.Fragment,{children:[e.jsx(m,{label:"Change initUnit",onClick:()=>s(d==="m"?"ft":"m")}),e.jsx(S,{}),e.jsx(m,{label:"Change value",onClick:()=>n(a==="123|m"?"456|m":"123|m")}),e.jsx(S,{}),e.jsx(p,{name:"example",onChange:g=>{n(g.target.value)},unitkey:"length",value:a,initUnit:d,onSwitchUnit:s}),e.jsx(S,{}),e.jsx(p,{name:"example2",onChange:g=>{u(g.target.value)},unitkey:"length",value:i,initUnit:d,onSwitchUnit:s}),e.jsx(pn,{}),e.jsx("h4",{children:"Without initUnit property (taken from the redux store)"}),e.jsx(p,{name:"example",onChange:g=>{n(g.target.value)},unitkey:"length",value:a,onSwitchUnit:s}),e.jsx(p,{name:"example2",onChange:g=>{u(g.target.value)},unitkey:"length",value:i,onSwitchUnit:s})]})};H.parameters={docs:{description:{story:"[OW-4380](https://oliasoft.atlassian.net/browse/OW-4380?atlOrigin=eyJpIjoiMmM1N2RkNWU3Mjk5NDYxY2E0YzhkMzk5ZTVmZTJhMjciLCJwIjoiaiJ9)"}}};const z=C.bind({});z.args={predefinedOptions:[{label:"bottom of casing",value:"12|km"},{label:"mud weight at shoe depth",value:"8|mm"}]};const J=()=>{const t="500px",[a,n]=o.useState(void 0);return e.jsxs(e.Fragment,{children:[e.jsx("h4",{children:"Different edge cases such as +/- infinity, undefined, NaN, null:"}),e.jsxs(qt,{children:[e.jsxs(pe,{width:"25%",children:[e.jsx(m,{label:"Change value infinity",onClick:()=>n(1/0)}),e.jsx("br",{}),e.jsx(m,{label:"Change value -infinity",onClick:()=>n(-1/0)}),e.jsx("br",{}),e.jsx(m,{label:"Change value null",onClick:()=>n(null)}),e.jsx("br",{}),e.jsx(m,{label:"Change value - undefined",onClick:()=>n(void 0)}),e.jsx("br",{}),e.jsx(m,{label:"Change value - NaN",onClick:()=>n(NaN)}),e.jsx("br",{}),e.jsx(m,{label:"Change value - nothing (empty)",onClick:()=>n(void 0)}),e.jsx("br",{}),e.jsx(m,{label:"Change value - empty string",onClick:()=>n("")})]}),e.jsxs(pe,{width:"25%",children:[e.jsx(m,{label:"Change value infinity|m",onClick:()=>n("Infinity|m")}),e.jsx("br",{}),e.jsx(m,{label:"Change value -infinity|m",onClick:()=>n("-Infinity|m")}),e.jsx("br",{}),e.jsx(m,{label:"Change value null|m",onClick:()=>n("null|m")}),e.jsx("br",{}),e.jsx(m,{label:"Change value - undefined|m",onClick:()=>n("undefined|m")}),e.jsx("br",{}),e.jsx(m,{label:"Change value - NaN|m",onClick:()=>n("NaN|m")}),e.jsx("br",{}),e.jsx(m,{label:"Change value - nothing (empty)|m",onClick:()=>n("|m")})]})]}),e.jsx("br",{}),e.jsx(I,{label:"Normal PUI",children:e.jsx(p,{name:"example1",onChange:i=>n(i.target.value),value:a,unitkey:"length",width:t,placeholder:"value|unit"})}),e.jsx(I,{label:"Disabled validation",children:e.jsx(p,{name:"example2",onChange:i=>n(i.target.value),value:a,unitkey:"length",disabledValidation:!0,width:t})}),e.jsx(I,{label:"Disabled validation and manual error",children:e.jsx(p,{name:"example3",onChange:i=>n(i.target.value),value:a,unitkey:"length",error:"test",disabledValidation:!0,width:t})}),e.jsx(ge,{message:{heading:"Current value inside PUI: "+a,visible:!0}})]})},te=()=>{const t="500px",[a,n]=o.useState("1|m"),[i,u]=o.useState("|m"),d="123|km";return e.jsxs(e.Fragment,{children:[e.jsx("h4",{children:"Different cases for automatic (placeholder) values:"}),e.jsx(qt,{children:e.jsxs(pe,{width:"25%",children:[e.jsx(m,{label:"Change value to ''",onClick:()=>n("")}),e.jsx("br",{}),e.jsx(m,{label:"Change value to 1",onClick:()=>n("1")}),e.jsx("br",{}),e.jsx(m,{label:"Change value to 1|m",onClick:()=>n("1|m")}),e.jsx("br",{}),e.jsx(m,{label:"Change value to |m - empty value",onClick:()=>n("|m")})]})}),e.jsx("br",{}),e.jsx(I,{label:"Normal PUI (placeholder + auto)",children:e.jsx(p,{name:"example1",onChange:s=>n(s.target.value),value:a,unitkey:"length",width:t,placeholder:"value|unit",autoValue:d})}),e.jsx(I,{label:"Normal PUI (only auto)",children:e.jsx(p,{name:"example1",onChange:s=>n(s.target.value),value:a,unitkey:"length",width:t,autoValue:d})}),e.jsx(I,{label:"Empty PUI with autoValue",children:e.jsx(p,{name:"example1",onChange:s=>u(s.target.value),value:i,unitkey:"length",width:t,autoValue:d})}),e.jsx(I,{label:"Normal PUI (only placeholder)",children:e.jsx(p,{name:"example1",onChange:s=>n(s.target.value),value:a,unitkey:"length",width:t,placeholder:"Placeholder test"})}),e.jsx(I,{label:"Normal PUI (placeholder + allowEmpty)",children:e.jsx(p,{name:"example1",onChange:s=>n(s.target.value),value:a,unitkey:"length",width:t,placeholder:"Placeholder test",allowEmpty:!0})}),e.jsx(ge,{message:{heading:"Current value inside PUI: "+a,visible:!0}})]})};J.parameters={docs:{description:{story:"[OW-8884](https://oliasoft.atlassian.net/browse/OW-8884)"}}};const ne=()=>{const[t,a]=o.useState("123|%"),[n,i]=o.useState(null),u="This should be visible when an error appears",d=(s,g)=>(i(g),{name:s,error:g});return e.jsxs(e.Fragment,{children:[e.jsx("h4",{children:"3rd party validation message when inputting invalid value:"}),e.jsx(p,{name:"example",onChange:s=>a(s.target.value),error:!n||u,validationCallback:d,value:t}),e.jsx("br",{}),e.jsx(S,{}),e.jsx("h4",{children:"Original validation message: "}),e.jsx(ge,{message:{heading:n,visible:!0}})]})},ae=()=>{const[t,a]=o.useState("123|m"),[n,i]=o.useState(""),[u,d]=o.useState("km"),s=()=>{d("ft"),i("placeholder"),a("|m")};return e.jsxs(e.Fragment,{children:[e.jsx("h4",{children:"Empty value case:"}),e.jsx(p,{name:"example",onChange:g=>a(g.target.value),value:t,allowEmpty:!0,placeholder:n,initUnit:u,unitkey:"length"}),e.jsx("br",{}),e.jsx(S,{}),e.jsx(m,{label:"Change value |m and unit ft",onClick:()=>s()})]})},le=()=>{const[t,a]=o.useState("123|m"),[n,i]=o.useState("m");return e.jsxs(e.Fragment,{children:[e.jsx(p,{name:"example",onChange:u=>a(u.target.value),value:t,initUnit:n,unitkey:"length",onSwitchUnit:i}),e.jsx(S,{}),e.jsx(p,{name:"example",onChange:u=>a(u.target.value),value:t,initUnit:n,unitkey:"length",onSwitchUnit:i})]})};var De,Fe,Me;ee.parameters={...ee.parameters,docs:{...(De=ee.parameters)==null?void 0:De.docs,source:{originalSource:`args => {
2
- const [_, updateArgs] = useArgs();
3
- const handleChange = (evt: any) => {
4
- updateArgs({
5
- value: evt.target.value
6
- });
7
- };
8
- return <UnitInput {...args} onChange={handleChange} />;
9
- }`,...(Me=(Fe=ee.parameters)==null?void 0:Fe.docs)==null?void 0:Me.source}}};var _e,Oe,Be;M.parameters={...M.parameters,docs:{...(_e=M.parameters)==null?void 0:_e.docs,source:{originalSource:`args => {
10
- const [_, updateArgs] = useArgs();
11
- const handleChange = (evt: any) => {
12
- updateArgs({
13
- value: evt.target.value
14
- });
15
- };
16
- return <UnitInput {...args} onChange={handleChange} />;
17
- }`,...(Be=(Oe=M.parameters)==null?void 0:Oe.docs)==null?void 0:Be.source}}};var qe,We,Re;_.parameters={..._.parameters,docs:{...(qe=_.parameters)==null?void 0:qe.docs,source:{originalSource:`args => {
18
- const [_, updateArgs] = useArgs();
19
- const handleChange = (evt: any) => {
20
- updateArgs({
21
- value: evt.target.value
22
- });
23
- };
24
- return <UnitInput {...args} onChange={handleChange} />;
25
- }`,...(Re=(We=_.parameters)==null?void 0:We.docs)==null?void 0:Re.source}}};var Te,Le,Ke;O.parameters={...O.parameters,docs:{...(Te=O.parameters)==null?void 0:Te.docs,source:{originalSource:`args => {
26
- const [_, updateArgs] = useArgs();
27
- const handleChange = (evt: any) => {
28
- updateArgs({
29
- value: evt.target.value
30
- });
31
- };
32
- return <UnitInput {...args} onChange={handleChange} />;
33
- }`,...(Ke=(Le=O.parameters)==null?void 0:Le.docs)==null?void 0:Ke.source}}};var $e,He,ze;B.parameters={...B.parameters,docs:{...($e=B.parameters)==null?void 0:$e.docs,source:{originalSource:`args => {
34
- const [_, updateArgs] = useArgs();
35
- const handleChange = (evt: any) => {
36
- updateArgs({
37
- value: evt.target.value
38
- });
39
- };
40
- return <UnitInput {...args} onChange={handleChange} />;
41
- }`,...(ze=(He=B.parameters)==null?void 0:He.docs)==null?void 0:ze.source}}};var Je,Ye,Ze;q.parameters={...q.parameters,docs:{...(Je=q.parameters)==null?void 0:Je.docs,source:{originalSource:`args => {
42
- const [_, updateArgs] = useArgs();
43
- const handleChange = (evt: any) => {
44
- updateArgs({
45
- value: evt.target.value
46
- });
47
- };
48
- return <UnitInput {...args} onChange={handleChange} />;
49
- }`,...(Ze=(Ye=q.parameters)==null?void 0:Ye.docs)==null?void 0:Ze.source}}};var Ge,Qe,Xe;W.parameters={...W.parameters,docs:{...(Ge=W.parameters)==null?void 0:Ge.docs,source:{originalSource:`args => {
50
- const [_, updateArgs] = useArgs();
51
- const handleChange = (evt: any) => {
52
- updateArgs({
53
- value: evt.target.value
54
- });
55
- };
56
- return <UnitInput {...args} onChange={handleChange} />;
57
- }`,...(Xe=(Qe=W.parameters)==null?void 0:Qe.docs)==null?void 0:Xe.source}}};var et,tt,nt;R.parameters={...R.parameters,docs:{...(et=R.parameters)==null?void 0:et.docs,source:{originalSource:`args => {
58
- const [_, updateArgs] = useArgs();
59
- const handleChange = (evt: any) => {
60
- updateArgs({
61
- value: evt.target.value
62
- });
63
- };
64
- return <UnitInput {...args} onChange={handleChange} />;
65
- }`,...(nt=(tt=R.parameters)==null?void 0:tt.docs)==null?void 0:nt.source}}};var at,lt,rt;N.parameters={...N.parameters,docs:{...(at=N.parameters)==null?void 0:at.docs,source:{originalSource:`args => {
66
- const [_, updateArgs] = useArgs();
67
- const handleChange = (evt: any) => {
68
- updateArgs({
69
- value: evt.target.value
70
- });
71
- };
72
- return <UnitInput {...args} onChange={handleChange} />;
73
- }`,...(rt=(lt=N.parameters)==null?void 0:lt.docs)==null?void 0:rt.source}}};var st,it,ut;T.parameters={...T.parameters,docs:{...(st=T.parameters)==null?void 0:st.docs,source:{originalSource:`args => {
74
- const [_, updateArgs] = useArgs();
75
- const handleChange = (evt: any) => {
76
- updateArgs({
77
- value: evt.target.value
78
- });
79
- };
80
- return <UnitInput {...args} onChange={handleChange} />;
81
- }`,...(ut=(it=T.parameters)==null?void 0:it.docs)==null?void 0:ut.source}}};var ot,dt,ct;L.parameters={...L.parameters,docs:{...(ot=L.parameters)==null?void 0:ot.docs,source:{originalSource:`args => {
82
- const [_, updateArgs] = useArgs();
83
- const handleChange = (evt: any) => {
84
- updateArgs({
85
- value: evt.target.value
86
- });
87
- };
88
- return <UnitInput {...args} onChange={handleChange} />;
89
- }`,...(ct=(dt=L.parameters)==null?void 0:dt.docs)==null?void 0:ct.source}}};var mt,pt,gt;K.parameters={...K.parameters,docs:{...(mt=K.parameters)==null?void 0:mt.docs,source:{originalSource:`args => {
90
- const [_, updateArgs] = useArgs();
91
- const handleChange = (evt: any) => {
92
- updateArgs({
93
- value: evt.target.value
94
- });
95
- };
96
- return <UnitInput {...args} onChange={handleChange} />;
97
- }`,...(gt=(pt=K.parameters)==null?void 0:pt.docs)==null?void 0:gt.source}}};var ht,vt,ft;$.parameters={...$.parameters,docs:{...(ht=$.parameters)==null?void 0:ht.docs,source:{originalSource:`args => {
98
- const [_, updateArgs] = useArgs();
99
- const handleChange = (evt: any) => {
100
- updateArgs({
101
- value: evt.target.value
102
- });
103
- };
104
- return <UnitInput {...args} onChange={handleChange} />;
105
- }`,...(ft=(vt=$.parameters)==null?void 0:vt.docs)==null?void 0:ft.source}}};var Ct,bt,Ut;H.parameters={...H.parameters,docs:{...(Ct=H.parameters)==null?void 0:Ct.docs,source:{originalSource:`(args: IUnitInputProps) => {
106
- const [value, setValue] = useState('123|m');
107
- const [value2, setValue2] = useState('223|m');
108
- const [initUnit, setInitUnit] = useState('ft');
109
- return <>
110
- <Button label="Change initUnit" onClick={() => setInitUnit(initUnit === 'm' ? 'ft' : 'm')} />
111
- <Spacer />
112
- <Button label="Change value" onClick={() => setValue(value === '123|m' ? '456|m' : '123|m')} />
113
- <Spacer />
114
- <UnitInput name="example" onChange={evt => {
115
- setValue(evt.target.value);
116
- }} unitkey="length" value={value} initUnit={initUnit} onSwitchUnit={setInitUnit} />
117
- <Spacer />
118
- <UnitInput name="example2" onChange={evt => {
119
- setValue2(evt.target.value);
120
- }} unitkey="length" value={value2} initUnit={initUnit} onSwitchUnit={setInitUnit} />
121
- <Divider />
122
- <h4>Without initUnit property (taken from the redux store)</h4>
123
- <UnitInput name="example" onChange={evt => {
124
- setValue(evt.target.value);
125
- }} unitkey="length" value={value} onSwitchUnit={setInitUnit} />
126
- <UnitInput name="example2" onChange={evt => {
127
- setValue2(evt.target.value);
128
- }} unitkey="length" value={value2} onSwitchUnit={setInitUnit} />
129
- </>;
130
- }`,...(Ut=(bt=H.parameters)==null?void 0:bt.docs)==null?void 0:Ut.source}}};var yt,xt,Vt;z.parameters={...z.parameters,docs:{...(yt=z.parameters)==null?void 0:yt.docs,source:{originalSource:`args => {
131
- const [_, updateArgs] = useArgs();
132
- const handleChange = (evt: any) => {
133
- updateArgs({
134
- value: evt.target.value
135
- });
136
- };
137
- return <UnitInput {...args} onChange={handleChange} />;
138
- }`,...(Vt=(xt=z.parameters)==null?void 0:xt.docs)==null?void 0:Vt.source}}};var It,jt,kt;J.parameters={...J.parameters,docs:{...(It=J.parameters)==null?void 0:It.docs,source:{originalSource:`() => {
139
- const width = '500px';
140
- const [value, setValue] = useState<any>(undefined);
141
- return <>
142
- <h4>Different edge cases such as +/- infinity, undefined, NaN, null:</h4>
143
- <Row>
144
- <Column width="25%">
145
- <Button label="Change value infinity" onClick={() => setValue(Infinity)} />
146
- <br />
147
- <Button label="Change value -infinity" onClick={() => setValue(-Infinity)} />
148
- <br />
149
- <Button label="Change value null" onClick={() => setValue(null)} />
150
- <br />
151
- <Button label="Change value - undefined" onClick={() => setValue(undefined)} />
152
- <br />
153
- <Button label="Change value - NaN" onClick={() => setValue(NaN)} />
154
- <br />
155
- <Button label="Change value - nothing (empty)" onClick={() => setValue(undefined)} />
156
- <br />
157
- <Button label="Change value - empty string" onClick={() => setValue('')} />
158
- </Column>
159
- <Column width="25%">
160
- <Button label="Change value infinity|m" onClick={() => setValue(Infinity + '|m')} />
161
- <br />
162
- <Button label="Change value -infinity|m" onClick={() => setValue(-Infinity + '|m')} />
163
- <br />
164
- <Button label="Change value null|m" onClick={() => setValue(null + '|m')} />
165
- <br />
166
- <Button label="Change value - undefined|m" onClick={() => setValue(undefined + '|m')} />
167
- <br />
168
- <Button label="Change value - NaN|m" onClick={() => setValue(NaN + '|m')} />
169
- <br />
170
- <Button label="Change value - nothing (empty)|m" onClick={() => setValue('|m')} />
171
- </Column>
172
- </Row>
173
- <br />
174
- <Field label="Normal PUI">
175
- <UnitInput name="example1" onChange={evt => setValue(evt.target.value)} value={value} unitkey="length" width={width} placeholder="value|unit" />
176
- </Field>
177
- <Field label="Disabled validation">
178
- <UnitInput name="example2" onChange={evt => setValue(evt.target.value)} value={value} unitkey="length" disabledValidation width={width} />
179
- </Field>
180
- <Field label="Disabled validation and manual error">
181
- <UnitInput name="example3" onChange={evt => setValue(evt.target.value)} value={value} unitkey="length" error="test" disabledValidation width={width} />
182
- </Field>
183
- <Message message={{
184
- heading: 'Current value inside PUI: ' + value,
185
- visible: true
186
- }} />
187
- </>;
188
- }`,...(kt=(jt=J.parameters)==null?void 0:jt.docs)==null?void 0:kt.source}}};var St,wt,Et;te.parameters={...te.parameters,docs:{...(St=te.parameters)==null?void 0:St.docs,source:{originalSource:`() => {
189
- const width = '500px';
190
- const [value, setValue] = useState<string>('1|m');
191
- const [valueB, setValueB] = useState('|m');
192
- const automaticValue = '123|km';
193
- return <>
194
- <h4>Different cases for automatic (placeholder) values:</h4>
195
- <Row>
196
- <Column width="25%">
197
- <Button label="Change value to ''" onClick={() => setValue('')} />
198
- <br />
199
- <Button label="Change value to 1" onClick={() => setValue('1')} />
200
- <br />
201
- <Button label="Change value to 1|m" onClick={() => setValue('1|m')} />
202
- <br />
203
- <Button label="Change value to |m - empty value" onClick={() => setValue('|m')} />
204
- </Column>
205
- </Row>
206
- <br />
207
- <Field label="Normal PUI (placeholder + auto)">
208
- <UnitInput name="example1" onChange={evt => setValue(evt.target.value)} value={value} unitkey="length" width={width} placeholder="value|unit" autoValue={automaticValue} />
209
- </Field>
210
- <Field label="Normal PUI (only auto)">
211
- <UnitInput name="example1" onChange={evt => setValue(evt.target.value)} value={value} unitkey="length" width={width} autoValue={automaticValue} />
212
- </Field>
213
- <Field label="Empty PUI with autoValue">
214
- <UnitInput name="example1" onChange={evt => setValueB(evt.target.value)} value={valueB} unitkey="length" width={width} autoValue={automaticValue} />
215
- </Field>
216
- <Field label="Normal PUI (only placeholder)">
217
- <UnitInput name="example1" onChange={evt => setValue(evt.target.value)} value={value} unitkey="length" width={width} placeholder="Placeholder test" />
218
- </Field>
219
- <Field label="Normal PUI (placeholder + allowEmpty)">
220
- <UnitInput name="example1" onChange={evt => setValue(evt.target.value)} value={value} unitkey="length" width={width} placeholder="Placeholder test" allowEmpty />
221
- </Field>
222
- <Message message={{
223
- heading: 'Current value inside PUI: ' + value,
224
- visible: true
225
- }} />
226
- </>;
227
- }`,...(Et=(wt=te.parameters)==null?void 0:wt.docs)==null?void 0:Et.source}}};var Nt,At,Pt;ne.parameters={...ne.parameters,docs:{...(Nt=ne.parameters)==null?void 0:Nt.docs,source:{originalSource:`() => {
228
- const [value, setValue] = useState('123|%');
229
- const [validation, setValidation] = useState<string | null>(null);
230
- const predictedMessage = 'This should be visible when an error appears';
231
- const handleValidation = (name: string, message: string | null) => {
232
- setValidation(message);
233
- return {
234
- name,
235
- error: message
236
- };
237
- };
238
- return <>
239
- <h4>3rd party validation message when inputting invalid value:</h4>
240
- <UnitInput name="example" onChange={evt => setValue(evt.target.value)} error={!validation || predictedMessage} validationCallback={handleValidation} value={value} />
241
- <br />
242
- <Spacer />
243
- <h4>Original validation message: </h4>
244
- <Message message={{
245
- heading: validation,
246
- visible: true
247
- }} />
248
- </>;
249
- }`,...(Pt=(At=ne.parameters)==null?void 0:At.docs)==null?void 0:Pt.source}}};var Dt,Ft,Mt;ae.parameters={...ae.parameters,docs:{...(Dt=ae.parameters)==null?void 0:Dt.docs,source:{originalSource:`() => {
250
- const [value, setValue] = useState('123|m');
251
- const [placeholder, setPlaceholder] = useState('');
252
- const [initUnit, setInitUnit] = useState('km');
253
- const setPlaceholderValue = () => {
254
- setInitUnit('ft');
255
- setPlaceholder('placeholder');
256
- setValue('|m');
257
- };
258
- return <>
259
- <h4>Empty value case:</h4>
260
- <UnitInput name="example" onChange={evt => setValue(evt.target.value)} value={value} allowEmpty placeholder={placeholder} initUnit={initUnit} unitkey="length" />
261
- <br />
262
- <Spacer />
263
- <Button label="Change value |m and unit ft" onClick={() => setPlaceholderValue()} />
264
- </>;
265
- }`,...(Mt=(Ft=ae.parameters)==null?void 0:Ft.docs)==null?void 0:Mt.source}}};var _t,Ot,Bt;le.parameters={...le.parameters,docs:{...(_t=le.parameters)==null?void 0:_t.docs,source:{originalSource:`() => {
266
- const [value, setValue] = useState('123|m');
267
- const [unit, setUnit] = useState('m');
268
- return <>
269
- <UnitInput name="example" onChange={evt => setValue(evt.target.value)} value={value} initUnit={unit} unitkey="length" onSwitchUnit={setUnit} />
270
- <Spacer />
271
- <UnitInput name="example" onChange={evt => setValue(evt.target.value)} value={value} initUnit={unit} unitkey="length" onSwitchUnit={setUnit} />
272
- </>;
273
- }`,...(Bt=(Ot=le.parameters)==null?void 0:Ot.docs)==null?void 0:Bt.source}}};const sa=["Default","InitUnit","notKnownUnit","Width","NoConversion","Small","Error","InternalValidationError","Disabled","DisabledNoConversion","DisabledUnitWithoutUnitKey","DisabledUnitWithUnitKey","DisabledWithEnabledUnitMenu","TestExternalStateChangeWithSynchronizedUnits","PredefinedOptionsMenu","TestEdgeCases","AutomaticValues","ValidationCallback","AllowEmptyPUI","onSwitchUnit"];export{ae as AllowEmptyPUI,te as AutomaticValues,ee as Default,N as Disabled,T as DisabledNoConversion,K as DisabledUnitWithUnitKey,L as DisabledUnitWithoutUnitKey,$ as DisabledWithEnabledUnitMenu,W as Error,M as InitUnit,R as InternalValidationError,B as NoConversion,z as PredefinedOptionsMenu,q as Small,J as TestEdgeCases,H as TestExternalStateChangeWithSynchronizedUnits,ne as ValidationCallback,O as Width,sa as __namedExportsOrder,ra as default,_ as notKnownUnit,le as onSwitchUnit};