@oliasoft-open-source/react-ui-library 4.0.0-beta-44 → 4.0.0-beta-46

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 (136) hide show
  1. package/dist/assets/{index-e556125a.js → index-5272d4ae.js} +53 -54
  2. package/dist/assets/{index-8f561368.css → index-faa41922.css} +117 -114
  3. package/dist/global.css +117 -114
  4. package/dist/index.d.ts +1 -2
  5. package/dist/index.html +1 -1
  6. package/dist/index.js +53 -54
  7. package/dist/index.js.map +1 -1
  8. package/dist/storybook/assets/{Color-6VNJS4EI-e8890a7b.js → Color-6VNJS4EI-263bfcfc.js} +1 -1
  9. package/dist/storybook/assets/{DocsRenderer-NNNQARDV-6c172a4e.js → DocsRenderer-NNNQARDV-e0d68494.js} +1 -1
  10. package/dist/storybook/assets/{WithTooltip-4HIR6TLV-51673532.js → WithTooltip-4HIR6TLV-064924da.js} +1 -1
  11. package/dist/storybook/assets/{accordion-cd476d4f.js → accordion-9b92fc3c.js} +1 -1
  12. package/dist/storybook/assets/{accordion.stories-3d8fe903.js → accordion.stories-c97e44a8.js} +1 -1
  13. package/dist/storybook/assets/{actions-adb8a67c.js → actions-b2d6959f.js} +1 -1
  14. package/dist/storybook/assets/{actions.stories-b521d983.js → actions.stories-414448f9.js} +1 -1
  15. package/dist/storybook/assets/{afe.stories-77d69b5c.js → afe.stories-6c8bc34f.js} +1 -1
  16. package/dist/storybook/assets/badge-2476bcf1.css +1 -0
  17. package/dist/storybook/assets/badge-3abf067b.js +1 -0
  18. package/dist/storybook/assets/{badge.stories-d87d72ea.js → badge.stories-1968afde.js} +1 -1
  19. package/dist/storybook/assets/{blowout.stories-989f1589.js → blowout.stories-96106783.js} +1 -1
  20. package/dist/storybook/assets/{button-1a1d00ec.js → button-b407ca6a.js} +1 -1
  21. package/dist/storybook/assets/{button-group-7a580d77.js → button-group-2027a4d1.js} +1 -1
  22. package/dist/storybook/assets/{button-group.stories-2a0d261e.js → button-group.stories-cdc625c8.js} +1 -1
  23. package/dist/storybook/assets/{button.stories-b133b0a3.js → button.stories-240983d1.js} +1 -1
  24. package/dist/storybook/assets/{buttons-and-links-9fec1131.js → buttons-and-links-f8788607.js} +1 -1
  25. package/dist/storybook/assets/{card.stories-3b696865.js → card.stories-98fb95b1.js} +1 -1
  26. package/dist/storybook/assets/{casing-loads.stories-4e18afe0.js → casing-loads.stories-10468ae1.js} +1 -1
  27. package/dist/storybook/assets/{cell.stories-5cfa0539.js → cell.stories-94d3cc3b.js} +1 -1
  28. package/dist/storybook/assets/{check-box-283097fe.js → check-box-e3bb7b90.js} +1 -1
  29. package/dist/storybook/assets/{check-box.stories-0e963883.js → check-box.stories-cb1982b7.js} +1 -1
  30. package/dist/storybook/assets/{chunk-HLWAVYOI-64d4a962.js → chunk-HLWAVYOI-0bfeb9ee.js} +1 -1
  31. package/dist/storybook/assets/{color-0c44e581.js → color-8507a2a6.js} +1 -1
  32. package/dist/storybook/assets/{column.stories-c33c262e.js → column.stories-9c50f5c8.js} +1 -1
  33. package/dist/storybook/assets/common-types-2c81813f.js +1 -0
  34. package/dist/storybook/assets/{dialog-98261434.js → dialog-1ccf2445.js} +1 -1
  35. package/dist/storybook/assets/{divider-ad08aee5.js → divider-182aa58c.js} +1 -1
  36. package/dist/storybook/assets/{divider.stories-8cbd8396.js → divider.stories-60c6cd1d.js} +1 -1
  37. package/dist/storybook/assets/{drawer-7274f5d8.js → drawer-5e007e0c.js} +2 -2
  38. package/dist/storybook/assets/drawer-deaa7ee4.css +1 -0
  39. package/dist/storybook/assets/{drawer.stories-01e2660f.js → drawer.stories-d5e3e1b9.js} +16 -16
  40. package/dist/storybook/assets/{empty.stories-9982e61d.js → empty.stories-87dba277.js} +1 -1
  41. package/dist/storybook/assets/{field-8f023b56.js → field-27f1aa78.js} +1 -1
  42. package/dist/storybook/assets/{field.stories-b09e25e8.js → field.stories-43c5779d.js} +1 -1
  43. package/dist/storybook/assets/{file-input.stories-aeba5023.js → file-input.stories-092c7764.js} +1 -1
  44. package/dist/storybook/assets/{flex-47732c42.js → flex-1d14d86c.js} +1 -1
  45. package/dist/storybook/assets/{flex.stories-a3bc260d.js → flex.stories-b1d12530.js} +1 -1
  46. package/dist/storybook/assets/{footer.stories-f6d7d168.js → footer.stories-59571b23.js} +1 -1
  47. package/dist/storybook/assets/{form.stories-88027b07.js → form.stories-7833f6d5.js} +1 -1
  48. package/dist/storybook/assets/{formation.stories-8c606f5f.js → formation.stories-a568293d.js} +1 -1
  49. package/dist/storybook/assets/{formatter-SWP5E3XI-01eba09f.js → formatter-SWP5E3XI-19ada98d.js} +1 -1
  50. package/dist/storybook/assets/{heading-2919c91b.js → heading-b284588d.js} +1 -1
  51. package/dist/storybook/assets/{heading.stories-8f6abd00.js → heading.stories-4b0ae479.js} +1 -1
  52. package/dist/storybook/assets/{help-icon.stories-47951c13.js → help-icon.stories-ba9f65f5.js} +1 -1
  53. package/dist/storybook/assets/icon-custom-822ce507.js +1 -0
  54. package/dist/storybook/assets/icon-custom-e24cd2fb.svg +1 -0
  55. package/dist/storybook/assets/icon.stories-5a363e8e.js +6 -0
  56. package/dist/storybook/assets/iframe-a0fcf954.js +1 -0
  57. package/dist/storybook/assets/{index-76ba2ad7.js → index-cef2aefb.js} +4 -4
  58. package/dist/storybook/assets/{input-group-9ddeb24a.js → input-group-20c3add3.js} +1 -1
  59. package/dist/storybook/assets/{input-group-addon-63147930.js → input-group-addon-f8f6683a.js} +1 -1
  60. package/dist/storybook/assets/{input-group.stories-eb5a6391.js → input-group.stories-d5286183.js} +1 -1
  61. package/dist/storybook/assets/{input-validation-31c8f0c7.js → input-validation-f63215e0.js} +1 -1
  62. package/dist/storybook/assets/{inputs-488b0520.js → inputs-202a53a8.js} +1 -1
  63. package/dist/storybook/assets/{label-17fa7b23.js → label-886ad9c6.js} +1 -1
  64. package/dist/storybook/assets/{label.stories-aff645b4.js → label.stories-1b42ce4b.js} +1 -1
  65. package/dist/storybook/assets/{layout-forms-7250e404.js → layout-forms-dff0a968.js} +1 -1
  66. package/dist/storybook/assets/{layout-general-678a5e8c.js → layout-general-6fb45c33.js} +1 -1
  67. package/dist/storybook/assets/{list-697735f7.js → list-ef93e9d0.js} +1 -1
  68. package/dist/storybook/assets/{list-heading-125fdb52.js → list-heading-810086b0.js} +1 -1
  69. package/dist/storybook/assets/{list.stories-2527b94e.js → list.stories-2d68c096.js} +1 -1
  70. package/dist/storybook/assets/{list.stories-data-be8f33d5.js → list.stories-data-a8b57b74.js} +1 -1
  71. package/dist/storybook/assets/{loader-1947f6cd.js → loader-87ec8334.js} +1 -1
  72. package/dist/storybook/assets/{loader.stories-a05a2390.js → loader.stories-a451428c.js} +1 -1
  73. package/dist/storybook/assets/{menu.stories-c8dbcdd2.js → menu.stories-706d5a65.js} +1 -1
  74. package/dist/storybook/assets/{menu.stories-data-cad23633.js → menu.stories-data-0d3161d5.js} +1 -1
  75. package/dist/storybook/assets/{message.stories-78cd112a.js → message.stories-377b2733.js} +1 -1
  76. package/dist/storybook/assets/{modal.stories-2f816492.js → modal.stories-6090af5d.js} +1 -1
  77. package/dist/storybook/assets/{number-input.stories-282556af.js → number-input.stories-c86a655a.js} +1 -1
  78. package/dist/storybook/assets/{option-dropdown.stories-220ed20f.js → option-dropdown.stories-8a564b9d.js} +1 -1
  79. package/dist/storybook/assets/{padding-and-spacing-677183f0.js → padding-and-spacing-504bd718.js} +1 -1
  80. package/dist/storybook/assets/{page.stories-8b3d16a9.js → page.stories-e4b1a760.js} +1 -1
  81. package/dist/storybook/assets/{pagination-6b5d345a.js → pagination-234e2e67.js} +1 -1
  82. package/dist/storybook/assets/{pagination.stories-f170a87d.js → pagination.stories-b9811371.js} +1 -1
  83. package/dist/storybook/assets/{pop-confirm.stories-555827b9.js → pop-confirm.stories-8cacfb1d.js} +1 -1
  84. package/dist/storybook/assets/{popover-ee6860bd.js → popover-b4e25e01.js} +1 -1
  85. package/dist/storybook/assets/{popover.stories-8b826d9b.js → popover.stories-afacb1a9.js} +1 -1
  86. package/dist/storybook/assets/{preview-fb090899.js → preview-47324f75.js} +1 -1
  87. package/dist/storybook/assets/preview-d617f7b6.js +1 -0
  88. package/dist/storybook/assets/{projects.stories-37351a90.js → projects.stories-520eff7e.js} +1 -1
  89. package/dist/storybook/assets/{radio-button-ef3cb8a9.js → radio-button-2c367b7b.js} +1 -1
  90. package/dist/storybook/assets/{radio-button.stories-9f4c96ed.js → radio-button.stories-0e6fbf86.js} +1 -1
  91. package/dist/storybook/assets/{reservoirs.stories-7f154e80.js → reservoirs.stories-935d4e54.js} +1 -1
  92. package/dist/storybook/assets/{rich-text-input.stories-18966836.js → rich-text-input.stories-59f368cc.js} +1 -1
  93. package/dist/storybook/assets/{row.stories-f26dfa8a.js → row.stories-6c5dca19.js} +1 -1
  94. package/dist/storybook/assets/{select-ef19f734.js → select-5b49db3f.js} +1 -1
  95. package/dist/storybook/assets/{select.stories-5a102d99.js → select.stories-0332d65b.js} +1 -1
  96. package/dist/storybook/assets/side-bar-1ecf38a3.css +1 -0
  97. package/dist/storybook/assets/{side-bar-c79360e6.js → side-bar-7eacd9b4.js} +1 -1
  98. package/dist/storybook/assets/side-bar.stories-96f0d8e8.js +1 -0
  99. package/dist/storybook/assets/{site.stories-32940108.js → site.stories-75f102a3.js} +1 -1
  100. package/dist/storybook/assets/{slider-83f9ed96.js → slider-eb402216.js} +1 -1
  101. package/dist/storybook/assets/{slider.stories-12e9cebd.js → slider.stories-96e9846c.js} +1 -1
  102. package/dist/storybook/assets/{spacer.stories-bafb6527.js → spacer.stories-b11cb51d.js} +1 -1
  103. package/dist/storybook/assets/{syntaxhighlighter-NMPM6SWI-22ca1e3b.js → syntaxhighlighter-NMPM6SWI-cf83c077.js} +1 -1
  104. package/dist/storybook/assets/{table-a9374850.js → table-b4fefa75.js} +1 -1
  105. package/dist/storybook/assets/{table.stories-02a80d20.js → table.stories-4db01d05.js} +1 -1
  106. package/dist/storybook/assets/{table.stories-data-43aeb44a.js → table.stories-data-b614cc1a.js} +1 -1
  107. package/dist/storybook/assets/{tabs-e39dbe8d.js → tabs-087681cd.js} +1 -1
  108. package/dist/storybook/assets/{tabs.stories-15b33e7f.js → tabs.stories-2fa2ad5b.js} +1 -1
  109. package/dist/storybook/assets/{textarea-cd192287.js → textarea-c61660c1.js} +1 -1
  110. package/dist/storybook/assets/{textarea.stories-72c40473.js → textarea.stories-3bc6c951.js} +1 -1
  111. package/dist/storybook/assets/{title.stories-80f71529.js → title.stories-21e9dc99.js} +1 -1
  112. package/dist/storybook/assets/{toaster-80389476.js → toaster-ffb0b282.js} +1 -1
  113. package/dist/storybook/assets/{toaster.stories-344c0d51.js → toaster.stories-7d8b834f.js} +1 -1
  114. package/dist/storybook/assets/{toggle-7a716fc4.js → toggle-d0c78901.js} +1 -1
  115. package/dist/storybook/assets/{toggle.stories-12e2a6ff.js → toggle.stories-8d5f49ed.js} +1 -1
  116. package/dist/storybook/assets/{tooltip.test-case.stories-b8132ba2.js → tooltip.test-case.stories-f6de2661.js} +1 -1
  117. package/dist/storybook/assets/{top-bar-e6061315.js → top-bar-cccbfda7.js} +1 -1
  118. package/dist/storybook/assets/top-bar.stories-65688c70.js +1 -0
  119. package/dist/storybook/assets/{top-bar.testcase.stories-5c276f27.js → top-bar.testcase.stories-be404502.js} +1 -1
  120. package/dist/storybook/assets/{tree.stories-f4cf747d.js → tree.stories-7c8c5371.js} +1 -1
  121. package/dist/storybook/assets/{types-b4f47076.js → types-4029fe59.js} +1 -1
  122. package/dist/storybook/iframe.html +1 -1
  123. package/dist/storybook/project.json +1 -1
  124. package/package.json +1 -1
  125. package/dist/storybook/assets/badge-95dd889b.css +0 -1
  126. package/dist/storybook/assets/badge-a96e6194.js +0 -1
  127. package/dist/storybook/assets/common-types-3a5f9d98.js +0 -1
  128. package/dist/storybook/assets/drawer-1bb25061.css +0 -1
  129. package/dist/storybook/assets/icon.stories-4c9c6c48.js +0 -6
  130. package/dist/storybook/assets/icons8-junction-2d176da1.svg +0 -4
  131. package/dist/storybook/assets/icons8-junction-3a487c26.js +0 -1
  132. package/dist/storybook/assets/iframe-df87ffc8.js +0 -1
  133. package/dist/storybook/assets/preview-2ff6564b.js +0 -1
  134. package/dist/storybook/assets/side-bar-c6c351a4.css +0 -1
  135. package/dist/storybook/assets/side-bar.stories-ce13402e.js +0 -1
  136. package/dist/storybook/assets/top-bar.stories-f27f1345.js +0 -1
@@ -1 +1 @@
1
- import{j as e}from"./jsx-runtime-f961835c.js";import{r as i,R as u}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-3a5f9d98.js";import{D as k}from"./disabled-context-d654f6ff.js";import{B as P}from"./button-1a1d00ec.js";const W="_toggleBox_1hhl2_1",w="_fullWidthStyleFix_1hhl2_8",E="_dismiss_1hhl2_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:h=!1})=>{const r=i.useContext(k),[s,d]=i.useState(!1),t=()=>d(!1),y=()=>{a||r||d(!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:h});return e.jsxs(e.Fragment,{children:[e.jsx("div",{ref:O.ref,onClick:y,"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:[u.isValidElement(o)?u.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-raised)",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 u}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-b407ca6a.js";const W="_toggleBox_1hhl2_1",w="_fullWidthStyleFix_1hhl2_8",E="_dismiss_1hhl2_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:h=!1})=>{const r=i.useContext(k),[s,d]=i.useState(!1),t=()=>d(!1),y=()=>{a||r||d(!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:h});return e.jsxs(e.Fragment,{children:[e.jsx("div",{ref:O.ref,onClick:y,"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:[u.isValidElement(o)?u.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-raised)",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 +1 @@
1
- import{j as r}from"./jsx-runtime-f961835c.js";import{P as C}from"./popover-ee6860bd.js";import{I as S}from"./input-d116362c.js";import{B as i}from"./button-1a1d00ec.js";import{F as P}from"./flex-47732c42.js";import{S as B}from"./select-ef19f734.js";import"./index-f80c8c95.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./index-a80ed1cf.js";import"./common-types-3a5f9d98.js";import"./disabled-context-d654f6ff.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./spinner-cb92a546.js";import"./index-c89a1915.js";import"./icon-281c0950.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./assertThisInitialized-081f9914.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./text-ad1f5f1d.js";import"./actions-adb8a67c.js";import"./badge-a96e6194.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})]}),Z={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 $=["Default","InputTrigger","CloseButton","Disabled"];export{s as CloseButton,a as Default,t as Disabled,o as InputTrigger,$ as __namedExportsOrder,Z as default};
1
+ import{j as r}from"./jsx-runtime-f961835c.js";import{P as C}from"./popover-b4e25e01.js";import{I as S}from"./input-d116362c.js";import{B as i}from"./button-b407ca6a.js";import{F as P}from"./flex-1d14d86c.js";import{S as B}from"./select-5b49db3f.js";import"./index-f80c8c95.js";import"./tooltip-23e84186.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-cb92a546.js";import"./index-c89a1915.js";import"./icon-281c0950.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./assertThisInitialized-081f9914.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./text-ad1f5f1d.js";import"./actions-b2d6959f.js";import"./badge-3abf067b.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})]}),Z={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 $=["Default","InputTrigger","CloseButton","Disabled"];export{s as CloseButton,a as Default,t as Disabled,o as InputTrigger,$ as __namedExportsOrder,Z as default};
@@ -1,4 +1,4 @@
1
- import{j as S}from"./jsx-runtime-f961835c.js";import{R as M}from"./index-f80c8c95.js";import{T as pe}from"./toaster-80389476.js";import{e as G}from"./index-54f0d271.js";import"./chunk-HLWAVYOI-64d4a962.js";import{e as de,t as U}from"./index-76ba2ad7.js";import"./index-3d476d02.js";import"./types-b4f47076.js";import"./index-c89a1915.js";import"./index-a80ed1cf.js";import"./button-1a1d00ec.js";import"./common-types-3a5f9d98.js";import"./disabled-context-d654f6ff.js";import"./spinner-cb92a546.js";import"./icon-281c0950.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./tooltip-23e84186.js";import"./iframe-df87ffc8.js";import"../sb-preview/runtime.js";import"./react-16-147b12fd.js";import"./assertThisInitialized-081f9914.js";import"./index-97a99495.js";var W="DARK_MODE";const{global:ce}=__STORYBOOK_MODULE_GLOBAL__;__STORYBOOK_MODULE_CLIENT_LOGGER__;function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},b.apply(this,arguments)}function me(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function h(e,t){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,a){return r.__proto__=a,r},h(e,t)}function ge(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,h(e,t)}function z(e){return z=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},z(e)}function be(e){return Function.toString.call(e).indexOf("[native code]")!==-1}function he(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function C(e,t,r){return he()?C=Reflect.construct.bind():C=function(a,n,o){var i=[null];i.push.apply(i,n);var l=Function.bind.apply(a,i),s=new l;return o&&h(s,o.prototype),s},C.apply(null,arguments)}function H(e){var t=typeof Map=="function"?new Map:void 0;return H=function(r){if(r===null||!be(r))return r;if(typeof r!="function")throw new TypeError("Super expression must either be null or a function");if(typeof t<"u"){if(t.has(r))return t.get(r);t.set(r,a)}function a(){return C(r,arguments,z(this).constructor)}return a.prototype=Object.create(r.prototype,{constructor:{value:a,enumerable:!1,writable:!0,configurable:!0}}),h(a,r)},H(e)}var ye={1:`Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).
1
+ import{j as S}from"./jsx-runtime-f961835c.js";import{R as M}from"./index-f80c8c95.js";import{T as pe}from"./toaster-ffb0b282.js";import{e as G}from"./index-54f0d271.js";import"./chunk-HLWAVYOI-0bfeb9ee.js";import{e as de,t as U}from"./index-cef2aefb.js";import"./index-3d476d02.js";import"./types-4029fe59.js";import"./index-c89a1915.js";import"./index-a80ed1cf.js";import"./button-b407ca6a.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./spinner-cb92a546.js";import"./icon-281c0950.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./tooltip-23e84186.js";import"./iframe-a0fcf954.js";import"../sb-preview/runtime.js";import"./react-16-147b12fd.js";import"./assertThisInitialized-081f9914.js";import"./index-97a99495.js";var W="DARK_MODE";const{global:ce}=__STORYBOOK_MODULE_GLOBAL__;__STORYBOOK_MODULE_CLIENT_LOGGER__;function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},b.apply(this,arguments)}function me(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function h(e,t){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,a){return r.__proto__=a,r},h(e,t)}function ge(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,h(e,t)}function z(e){return z=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},z(e)}function be(e){return Function.toString.call(e).indexOf("[native code]")!==-1}function he(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function C(e,t,r){return he()?C=Reflect.construct.bind():C=function(a,n,o){var i=[null];i.push.apply(i,n);var l=Function.bind.apply(a,i),s=new l;return o&&h(s,o.prototype),s},C.apply(null,arguments)}function H(e){var t=typeof Map=="function"?new Map:void 0;return H=function(r){if(r===null||!be(r))return r;if(typeof r!="function")throw new TypeError("Super expression must either be null or a function");if(typeof t<"u"){if(t.has(r))return t.get(r);t.set(r,a)}function a(){return C(r,arguments,z(this).constructor)}return a.prototype=Object.create(r.prototype,{constructor:{value:a,enumerable:!1,writable:!0,configurable:!0}}),h(a,r)},H(e)}var ye={1:`Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).
2
2
 
3
3
  `,2:`Passed invalid arguments to hsla, please pass multiple numbers e.g. hsla(360, 0.75, 0.4, 0.7) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75, alpha: 0.7 }).
4
4
 
@@ -0,0 +1 @@
1
+ import{_ as e}from"./iframe-a0fcf954.js";import"../sb-preview/runtime.js";var a={docs:{renderer:async()=>{let{DocsRenderer:r}=await e(()=>import("./DocsRenderer-NNNQARDV-e0d68494.js"),["./DocsRenderer-NNNQARDV-e0d68494.js","./chunk-HLWAVYOI-0bfeb9ee.js","./iframe-a0fcf954.js","./index-f80c8c95.js","./react-16-147b12fd.js","./index-3d476d02.js","./index-cef2aefb.js","./inheritsLoose-d4851ab8.js","./assertThisInitialized-081f9914.js","./index-97a99495.js"],import.meta.url);return new r}}};export{a as parameters};
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-f961835c.js";import"./index-f80c8c95.js";import{T as n}from"./top-bar-e6061315.js";import{L as r}from"./list-697735f7.js";import{P as p}from"./page-6d07f774.js";import{R as c,C as o}from"./row-bd69aca9.js";import{T as d}from"./tabs-e39dbe8d.js";import{S as u}from"./spacer-54db0620.js";import"./index-a80ed1cf.js";import"./icon-281c0950.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./common-types-3a5f9d98.js";import"./button-1a1d00ec.js";import"./spinner-cb92a546.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./actions-adb8a67c.js";import"./lodash-75c70a11.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-a96e6194.js";import"./index.es-a10b54aa.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./memoize-one.esm-52518564.js";import"./card-2de0de0b.js";import"./list-heading-125fdb52.js";import"./heading-2919c91b.js";import"./help-icon-ca6c6ab6.js";import"./loader-1947f6cd.js";import"./styled-components.browser.esm-416d73e5.js";import"./select.input-88b6ebab.js";const t=[{label:"Browse",value:"Browse"},{label:"Recent",value:"Recent"},{label:"My Projects",value:"My Projects"}],s=[{id:1,name:"Lorem",active:!0},{id:2,name:"Ipsum"},{id:3,name:"Dolor"},{id:4,name:"Long name goes here lorem ipsum"},{id:5,name:"Lorem"},{id:6,name:"Ipsum"},{id:7,name:"Dolor"},{id:8,name:"Long name goes here lorem ipsum"},{id:9,name:"Lorem"},{id:10,name:"Ipsum"},{id:11,name:"Dolor"},{id:12,name:"Long name goes here lorem ipsum"},{id:13,name:"Lorem"},{id:14,name:"Ipsum"},{id:15,name:"Dolor"},{id:16,name:"Long name goes here lorem ipsum"}],V={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},l=()=>e.jsxs(e.Fragment,{children:[e.jsx(n,{}),e.jsxs(p,{padding:!1,left:0,scroll:!1,children:[e.jsx(u,{}),e.jsx(d,{margin:!1,padding:!0,options:t,value:t[0]}),e.jsxs(c,{spacing:0,flex:!0,height:"100%",children:[e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Country",items:s}})}),e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Field",items:s}})}),e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Site",items:s}})}),e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Well",items:s}})}),e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Wellbore",items:s}})}),e.jsx(o,{scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Design",items:s}})})]})]})]});var i,m,a;l.parameters={...l.parameters,docs:{...(i=l.parameters)==null?void 0:i.docs,source:{originalSource:`() => {
1
+ import{j as e}from"./jsx-runtime-f961835c.js";import"./index-f80c8c95.js";import{T as n}from"./top-bar-cccbfda7.js";import{L as r}from"./list-ef93e9d0.js";import{P as p}from"./page-6d07f774.js";import{R as c,C as o}from"./row-bd69aca9.js";import{T as d}from"./tabs-087681cd.js";import{S as u}from"./spacer-54db0620.js";import"./index-a80ed1cf.js";import"./icon-281c0950.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-b407ca6a.js";import"./spinner-cb92a546.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./actions-b2d6959f.js";import"./lodash-75c70a11.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-3abf067b.js";import"./index.es-a10b54aa.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./memoize-one.esm-52518564.js";import"./card-2de0de0b.js";import"./list-heading-810086b0.js";import"./heading-b284588d.js";import"./help-icon-ca6c6ab6.js";import"./loader-87ec8334.js";import"./styled-components.browser.esm-416d73e5.js";import"./select.input-88b6ebab.js";const t=[{label:"Browse",value:"Browse"},{label:"Recent",value:"Recent"},{label:"My Projects",value:"My Projects"}],s=[{id:1,name:"Lorem",active:!0},{id:2,name:"Ipsum"},{id:3,name:"Dolor"},{id:4,name:"Long name goes here lorem ipsum"},{id:5,name:"Lorem"},{id:6,name:"Ipsum"},{id:7,name:"Dolor"},{id:8,name:"Long name goes here lorem ipsum"},{id:9,name:"Lorem"},{id:10,name:"Ipsum"},{id:11,name:"Dolor"},{id:12,name:"Long name goes here lorem ipsum"},{id:13,name:"Lorem"},{id:14,name:"Ipsum"},{id:15,name:"Dolor"},{id:16,name:"Long name goes here lorem ipsum"}],V={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},l=()=>e.jsxs(e.Fragment,{children:[e.jsx(n,{}),e.jsxs(p,{padding:!1,left:0,scroll:!1,children:[e.jsx(u,{}),e.jsx(d,{margin:!1,padding:!0,options:t,value:t[0]}),e.jsxs(c,{spacing:0,flex:!0,height:"100%",children:[e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Country",items:s}})}),e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Field",items:s}})}),e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Site",items:s}})}),e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Well",items:s}})}),e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Wellbore",items:s}})}),e.jsx(o,{scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Design",items:s}})})]})]})]});var i,m,a;l.parameters={...l.parameters,docs:{...(i=l.parameters)==null?void 0:i.docs,source:{originalSource:`() => {
2
2
  return <>
3
3
  <TopBar />
4
4
  <Page padding={false} left={0} scroll={false}>
@@ -1 +1 @@
1
- import{j as l}from"./jsx-runtime-f961835c.js";import{r as N}from"./index-f80c8c95.js";import{c as _}from"./index-a80ed1cf.js";import{D as O}from"./disabled-context-d654f6ff.js";import{s as j}from"./select.input-88b6ebab.js";import{b as k}from"./common-types-3a5f9d98.js";import{H}from"./help-icon-ca6c6ab6.js";const E="_wrapper_1sue9_1",B="_inline_1sue9_1",D="_radio_1sue9_5",S="_labelMargin_1sue9_8",w="_small_1sue9_27",L="_noMargin_1sue9_32",F="_disabled_1sue9_90",z="_isInTable_1sue9_106",a={wrapper:E,inline:B,radio:D,labelMargin:S,small:w,noMargin:L,disabled:F,isInTable:z},y=({name:n,label:m,value:u,selected:c,disabled:t=!1,small:f=!1,onChange:b,noMargin:g=!1,testId:v,helpText:i,onClickHelp:s})=>{const d=i||s;return l.jsxs("div",{className:_(a.radio,t?a.disabled:null,f?a.small:null,g?a.noMargin:null),onClick:b,"data-testid":v,children:[l.jsx("input",{type:k.RADIO,value:u,checked:c,onChange:()=>{},disabled:t}),l.jsx("label",{"data-name":n,"data-value":u,children:m}),d&&l.jsx(H,{text:i,onClick:s})]})};try{y.displayName="RadioInput",y.__docgenInfo={description:"",displayName:"RadioInput",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"TStringOrNumber"}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"TStringOrNumber"}},value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"TStringOrNumber"}},selected:{defaultValue:null,description:"",name:"selected",required:!0,type:{name:"boolean"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((evt: MouseEvent<HTMLDivElement, MouseEvent>) => void)"}},noMargin:{defaultValue:{value:"false"},description:"",name:"noMargin",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},helpText:{defaultValue:null,description:"",name:"helpText",required:!1,type:{name:"string"}},onClickHelp:{defaultValue:null,description:"",name:"onClickHelp",required:!1,type:{name:"((event?: any) => void)"}}}}}catch{}const V=({name:n,label:m,options:u,value:c,onChange:t,disabled:f=!1,small:b=!1,noMargin:g=!1,onClick:v=()=>{},inline:i=!1,mainLabel:s="",radioButtonsData:d,classForContainer:q="grouped fields"})=>{const I=N.useContext(O),o=d!==void 0,{simpleInputs:x,options:h,selectedOptions:p}=o?{simpleInputs:!1,options:d,selectedOptions:void 0}:j(u,c),C=o||p===void 0||p===null?void 0:x?p:p.value,M=o?s:m;return l.jsxs("div",{className:_(a.wrapper,i?a.inline:null,q==="inline fields"?a.inline:null),children:[s&&l.jsx("label",{className:_(i&&a.labelMargin),children:M}),h.map((e,T)=>{const R=e.checked||e.value===C||!1;return l.jsx(y,{name:e.name||e.value,label:e.label,value:e.value,selected:R,disabled:f||e.disabled||I,small:b,noMargin:g,onChange:e.disabled?void 0:r=>{o?v(r.target):(r.target.name=n,r.target.value=e.value.toString(),r.target.label=e.label.toString(),t&&t(r))},testId:e.testId,helpText:e.helpText,onClickHelp:e.onClickHelp},T)})]})};try{V.displayName="RadioButton",V.__docgenInfo={description:"",displayName:"RadioButton",props:{name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string | null"}},options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"IRadioButtonOption[]"}},value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"TStringOrNumber | IRadioButtonOption"}},inline:{defaultValue:{value:"false"},description:"",name:"inline",required:!1,type:{name:"boolean"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((evt: ChangeEvent<HTMLInputElement>) => void)"}},noMargin:{defaultValue:{value:"false"},description:"",name:"noMargin",required:!1,type:{name:"boolean"}},mainLabel:{defaultValue:{value:""},description:"",name:"mainLabel",required:!1,type:{name:"string"}},onClick:{defaultValue:{value:"() => {}"},description:"",name:"onClick",required:!1,type:{name:"((target: HTMLInputElement) => void)"}},radioButtonsData:{defaultValue:null,description:"",name:"radioButtonsData",required:!1,type:{name:"IRadioButtonOption[]"}},classForContainer:{defaultValue:{value:"grouped fields"},description:"",name:"classForContainer",required:!1,type:{name:"enum",value:[{value:'"grouped fields"'},{value:'"inline fields"'}]}}}}}catch{}export{V as R};
1
+ import{j as l}from"./jsx-runtime-f961835c.js";import{r as N}from"./index-f80c8c95.js";import{c as _}from"./index-a80ed1cf.js";import{D as O}from"./disabled-context-d654f6ff.js";import{s as j}from"./select.input-88b6ebab.js";import{b as k}from"./common-types-2c81813f.js";import{H}from"./help-icon-ca6c6ab6.js";const E="_wrapper_1sue9_1",B="_inline_1sue9_1",D="_radio_1sue9_5",S="_labelMargin_1sue9_8",w="_small_1sue9_27",L="_noMargin_1sue9_32",F="_disabled_1sue9_90",z="_isInTable_1sue9_106",a={wrapper:E,inline:B,radio:D,labelMargin:S,small:w,noMargin:L,disabled:F,isInTable:z},y=({name:n,label:m,value:u,selected:c,disabled:t=!1,small:f=!1,onChange:b,noMargin:g=!1,testId:v,helpText:i,onClickHelp:s})=>{const d=i||s;return l.jsxs("div",{className:_(a.radio,t?a.disabled:null,f?a.small:null,g?a.noMargin:null),onClick:b,"data-testid":v,children:[l.jsx("input",{type:k.RADIO,value:u,checked:c,onChange:()=>{},disabled:t}),l.jsx("label",{"data-name":n,"data-value":u,children:m}),d&&l.jsx(H,{text:i,onClick:s})]})};try{y.displayName="RadioInput",y.__docgenInfo={description:"",displayName:"RadioInput",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"TStringOrNumber"}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"TStringOrNumber"}},value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"TStringOrNumber"}},selected:{defaultValue:null,description:"",name:"selected",required:!0,type:{name:"boolean"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((evt: MouseEvent<HTMLDivElement, MouseEvent>) => void)"}},noMargin:{defaultValue:{value:"false"},description:"",name:"noMargin",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},helpText:{defaultValue:null,description:"",name:"helpText",required:!1,type:{name:"string"}},onClickHelp:{defaultValue:null,description:"",name:"onClickHelp",required:!1,type:{name:"((event?: any) => void)"}}}}}catch{}const V=({name:n,label:m,options:u,value:c,onChange:t,disabled:f=!1,small:b=!1,noMargin:g=!1,onClick:v=()=>{},inline:i=!1,mainLabel:s="",radioButtonsData:d,classForContainer:q="grouped fields"})=>{const I=N.useContext(O),o=d!==void 0,{simpleInputs:x,options:h,selectedOptions:p}=o?{simpleInputs:!1,options:d,selectedOptions:void 0}:j(u,c),C=o||p===void 0||p===null?void 0:x?p:p.value,M=o?s:m;return l.jsxs("div",{className:_(a.wrapper,i?a.inline:null,q==="inline fields"?a.inline:null),children:[s&&l.jsx("label",{className:_(i&&a.labelMargin),children:M}),h.map((e,T)=>{const R=e.checked||e.value===C||!1;return l.jsx(y,{name:e.name||e.value,label:e.label,value:e.value,selected:R,disabled:f||e.disabled||I,small:b,noMargin:g,onChange:e.disabled?void 0:r=>{o?v(r.target):(r.target.name=n,r.target.value=e.value.toString(),r.target.label=e.label.toString(),t&&t(r))},testId:e.testId,helpText:e.helpText,onClickHelp:e.onClickHelp},T)})]})};try{V.displayName="RadioButton",V.__docgenInfo={description:"",displayName:"RadioButton",props:{name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string | null"}},options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"IRadioButtonOption[]"}},value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"TStringOrNumber | IRadioButtonOption"}},inline:{defaultValue:{value:"false"},description:"",name:"inline",required:!1,type:{name:"boolean"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((evt: ChangeEvent<HTMLInputElement>) => void)"}},noMargin:{defaultValue:{value:"false"},description:"",name:"noMargin",required:!1,type:{name:"boolean"}},mainLabel:{defaultValue:{value:""},description:"",name:"mainLabel",required:!1,type:{name:"string"}},onClick:{defaultValue:{value:"() => {}"},description:"",name:"onClick",required:!1,type:{name:"((target: HTMLInputElement) => void)"}},radioButtonsData:{defaultValue:null,description:"",name:"radioButtonsData",required:!1,type:{name:"IRadioButtonOption[]"}},classForContainer:{defaultValue:{value:"grouped fields"},description:"",name:"classForContainer",required:!1,type:{name:"enum",value:[{value:'"grouped fields"'},{value:'"inline fields"'}]}}}}}catch{}export{V as R};
@@ -1,4 +1,4 @@
1
- import{j as k}from"./jsx-runtime-f961835c.js";import{r as y}from"./index-f80c8c95.js";import{R as H}from"./radio-button-ef3cb8a9.js";import"./index-a80ed1cf.js";import"./disabled-context-d654f6ff.js";import"./select.input-88b6ebab.js";import"./types-cc224262.js";import"./common-types-3a5f9d98.js";import"./help-icon-ca6c6ab6.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./icon-281c0950.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";const l=[{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas",disabled:!0}],Q={title:"Forms/RadioButton",component:H,args:{options:l,inline:!1,noMargin:!1,disabled:!1,small:!1}},r=e=>{const[t,b]=y.useState(l[0]),x=B=>{const I=B.target.value,c=l.find(M=>M.value===I);c&&b(c)};return k.jsx(H,{...e,value:t,onChange:x})},p=r.bind({}),n=r.bind({});n.args={small:!0};const a=r.bind({});a.args={options:l.map((e,t)=>({...e,helpText:`Help text #${t}`}))};const o=r.bind({});o.args={options:l.map((e,t)=>({...e,onClickHelp:()=>console.log(`Help #${t} clicked`)}))};const s=r.bind({});s.args={inline:!0};var i,u,d;p.parameters={...p.parameters,docs:{...(i=p.parameters)==null?void 0:i.docs,source:{originalSource:`args => {
1
+ import{j as k}from"./jsx-runtime-f961835c.js";import{r as y}from"./index-f80c8c95.js";import{R as H}from"./radio-button-2c367b7b.js";import"./index-a80ed1cf.js";import"./disabled-context-d654f6ff.js";import"./select.input-88b6ebab.js";import"./types-cc224262.js";import"./common-types-2c81813f.js";import"./help-icon-ca6c6ab6.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./icon-281c0950.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";const l=[{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas",disabled:!0}],Q={title:"Forms/RadioButton",component:H,args:{options:l,inline:!1,noMargin:!1,disabled:!1,small:!1}},r=e=>{const[t,b]=y.useState(l[0]),x=B=>{const I=B.target.value,c=l.find(M=>M.value===I);c&&b(c)};return k.jsx(H,{...e,value:t,onChange:x})},p=r.bind({}),n=r.bind({});n.args={small:!0};const a=r.bind({});a.args={options:l.map((e,t)=>({...e,helpText:`Help text #${t}`}))};const o=r.bind({});o.args={options:l.map((e,t)=>({...e,onClickHelp:()=>console.log(`Help #${t} clicked`)}))};const s=r.bind({});s.args={inline:!0};var i,u,d;p.parameters={...p.parameters,docs:{...(i=p.parameters)==null?void 0:i.docs,source:{originalSource:`args => {
2
2
  const [value, setValue] = useState<OptionType>(options[0]);
3
3
  const handleChange = (evt: React.ChangeEvent<HTMLInputElement>) => {
4
4
  const selectedValue = evt.target.value;
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-f961835c.js";import{r as b}from"./index-f80c8c95.js";import{I as j}from"./common-types-3a5f9d98.js";import{T as w}from"./top-bar-e6061315.js";import{S as L}from"./side-bar-c79360e6.js";import{H as t}from"./heading-2919c91b.js";import{B as m}from"./button-1a1d00ec.js";import{D as v}from"./drawer-7274f5d8.js";import{L as C}from"./list-697735f7.js";import{F as l}from"./field-8f023b56.js";import{I as i}from"./input-d116362c.js";import{C as p}from"./check-box-283097fe.js";import{R as h}from"./radio-button-ef3cb8a9.js";import{C as d}from"./card-2de0de0b.js";import{F}from"./form-row-19dd7f6e.js";import{P as g}from"./page-6d07f774.js";import{R as a,C as r}from"./row-bd69aca9.js";import{S as R}from"./select-ef19f734.js";import{S as f}from"./spacer-54db0620.js";import"./index-a80ed1cf.js";import"./icon-281c0950.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./actions-adb8a67c.js";import"./lodash-75c70a11.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-a96e6194.js";import"./index-c7f280f6.js";import"./help-icon-ca6c6ab6.js";import"./spinner-cb92a546.js";import"./index.es-a10b54aa.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./memoize-one.esm-52518564.js";import"./list-heading-125fdb52.js";import"./loader-1947f6cd.js";import"./label-17fa7b23.js";import"./select.input-88b6ebab.js";import"./styled-components.browser.esm-416d73e5.js";import"./assertThisInitialized-081f9914.js";import"./text-ad1f5f1d.js";const k=({width:s,height:n})=>e.jsx("div",{style:{background:"#ddd",width:s,height:n}}),Le={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},o=()=>{const[s,n]=b.useState(!0);return e.jsxs(e.Fragment,{children:[e.jsx(w,{}),e.jsx(L,{options:{title:"",sections:[]}}),e.jsx(g,{padding:!1,scroll:!1,children:e.jsxs(a,{spacing:0,height:"100%",children:[e.jsx(v,{button:e.jsx(m,{onClick:()=>n(!s),round:!0,icon:j.CHEVRON_LEFT}),open:s,width:300,closedWidth:"var(--size-sidebar)",children:e.jsx(C,{drawer:!0,narrow:!s,list:{name:"Reservoirs",items:[{id:1,name:"Lorem",active:!0},{id:2,name:"Ipsum"}]}})}),e.jsxs(r,{scroll:!0,padding:!0,borderLeft:!0,children:[e.jsxs(a,{children:[e.jsxs(r,{children:[e.jsx(t,{top:!0,children:"Reservoir name here"}),e.jsxs(F,{children:[e.jsx(l,{label:"Name",children:e.jsx(i,{value:"Reservoir name here",width:"200px"})}),e.jsx(l,{label:"Lorem",children:e.jsx(h,{name:"example",options:[{label:"Aardvarks",value:"termites"},{label:"Monkeys",value:"bananas"}],value:{label:"Monkeys",value:"bananas"},inline:!0})}),e.jsx(l,{label:"Ipsum",children:e.jsx(R,{name:"example",options:[{label:"Monkeys",value:"bananas"},{label:"Possums",value:"slugs"}],value:{label:"Monkeys",value:"bananas"},native:!0})}),e.jsx(l,{children:e.jsx(p,{label:"Dolor"})})]})]}),e.jsx(r,{flex:!1,children:e.jsx(m,{onClick:()=>{},round:!0,icon:"question"})})]}),e.jsxs(a,{children:[e.jsx(r,{width:"50%",children:e.jsx(d,{heading:e.jsx(t,{onClickHelp:()=>console.log("help!"),children:"Reservoir Zone"}),children:e.jsxs(a,{children:[e.jsxs(r,{width:"50%",children:[e.jsxs(l,{label:"Label",helpText:"Lorem ipsum",children:[e.jsx(h,{options:[{label:"Aardvarks",value:"termites"},{label:"Monkeys",value:"bananas"}],value:{label:"Monkeys",value:"bananas"},inline:!0}),e.jsx(i,{width:"100%"})]}),e.jsxs(l,{label:"Label",helpText:"Lorem ipsum",children:[e.jsx(p,{label:"Lorem ipsum"}),e.jsx(i,{width:"100%",disabled:!0})]}),e.jsx(l,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(i,{width:"100%"})}),e.jsx(l,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(i,{width:"100%"})})]}),e.jsxs(r,{width:"50%",children:[e.jsx(l,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(i,{width:"100%"})}),e.jsx(l,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(i,{width:"100%"})}),e.jsx(l,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(i,{width:"100%"})}),e.jsx(l,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(i,{width:"100%"})})]})]})})}),e.jsxs(r,{width:"50%",children:[e.jsx(d,{heading:e.jsx(t,{children:"Reservoir Size"}),children:e.jsxs(a,{children:[e.jsxs(r,{width:"160px",children:[e.jsx(l,{label:"Length",children:e.jsx(i,{width:"100%"})}),e.jsx(l,{label:"Width",children:e.jsx(i,{width:"100%"})})]}),e.jsx(r,{children:e.jsx(k,{width:"100%",height:"100%"})})]})}),e.jsx(f,{}),e.jsx(d,{heading:e.jsx(t,{children:"Reservoir Properties"}),children:e.jsxs(a,{children:[e.jsx(r,{children:e.jsx(l,{label:"Label",children:e.jsx(i,{width:"100%"})})}),e.jsx(r,{children:e.jsx(l,{label:"Label",children:e.jsx(i,{width:"100%"})})}),e.jsx(r,{children:e.jsx(l,{label:"Label",children:e.jsx(i,{width:"100%"})})})]})})]})]})]})]})})]})};var u,x,c;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:`() => {
1
+ import{j as e}from"./jsx-runtime-f961835c.js";import{r as b}from"./index-f80c8c95.js";import{I as j}from"./common-types-2c81813f.js";import{T as w}from"./top-bar-cccbfda7.js";import{S as L}from"./side-bar-7eacd9b4.js";import{H as t}from"./heading-b284588d.js";import{B as m}from"./button-b407ca6a.js";import{D as v}from"./drawer-5e007e0c.js";import{L as C}from"./list-ef93e9d0.js";import{F as l}from"./field-27f1aa78.js";import{I as i}from"./input-d116362c.js";import{C as p}from"./check-box-e3bb7b90.js";import{R as h}from"./radio-button-2c367b7b.js";import{C as d}from"./card-2de0de0b.js";import{F}from"./form-row-19dd7f6e.js";import{P as g}from"./page-6d07f774.js";import{R as a,C as r}from"./row-bd69aca9.js";import{S as R}from"./select-5b49db3f.js";import{S as f}from"./spacer-54db0620.js";import"./index-a80ed1cf.js";import"./icon-281c0950.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./actions-b2d6959f.js";import"./lodash-75c70a11.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-3abf067b.js";import"./index-c7f280f6.js";import"./help-icon-ca6c6ab6.js";import"./spinner-cb92a546.js";import"./index.es-a10b54aa.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./memoize-one.esm-52518564.js";import"./list-heading-810086b0.js";import"./loader-87ec8334.js";import"./label-886ad9c6.js";import"./select.input-88b6ebab.js";import"./styled-components.browser.esm-416d73e5.js";import"./assertThisInitialized-081f9914.js";import"./text-ad1f5f1d.js";const k=({width:s,height:n})=>e.jsx("div",{style:{background:"#ddd",width:s,height:n}}),Le={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},o=()=>{const[s,n]=b.useState(!0);return e.jsxs(e.Fragment,{children:[e.jsx(w,{}),e.jsx(L,{options:{title:"",sections:[]}}),e.jsx(g,{padding:!1,scroll:!1,children:e.jsxs(a,{spacing:0,height:"100%",children:[e.jsx(v,{button:e.jsx(m,{onClick:()=>n(!s),round:!0,icon:j.CHEVRON_LEFT}),open:s,width:300,closedWidth:"var(--size-sidebar)",children:e.jsx(C,{drawer:!0,narrow:!s,list:{name:"Reservoirs",items:[{id:1,name:"Lorem",active:!0},{id:2,name:"Ipsum"}]}})}),e.jsxs(r,{scroll:!0,padding:!0,borderLeft:!0,children:[e.jsxs(a,{children:[e.jsxs(r,{children:[e.jsx(t,{top:!0,children:"Reservoir name here"}),e.jsxs(F,{children:[e.jsx(l,{label:"Name",children:e.jsx(i,{value:"Reservoir name here",width:"200px"})}),e.jsx(l,{label:"Lorem",children:e.jsx(h,{name:"example",options:[{label:"Aardvarks",value:"termites"},{label:"Monkeys",value:"bananas"}],value:{label:"Monkeys",value:"bananas"},inline:!0})}),e.jsx(l,{label:"Ipsum",children:e.jsx(R,{name:"example",options:[{label:"Monkeys",value:"bananas"},{label:"Possums",value:"slugs"}],value:{label:"Monkeys",value:"bananas"},native:!0})}),e.jsx(l,{children:e.jsx(p,{label:"Dolor"})})]})]}),e.jsx(r,{flex:!1,children:e.jsx(m,{onClick:()=>{},round:!0,icon:"question"})})]}),e.jsxs(a,{children:[e.jsx(r,{width:"50%",children:e.jsx(d,{heading:e.jsx(t,{onClickHelp:()=>console.log("help!"),children:"Reservoir Zone"}),children:e.jsxs(a,{children:[e.jsxs(r,{width:"50%",children:[e.jsxs(l,{label:"Label",helpText:"Lorem ipsum",children:[e.jsx(h,{options:[{label:"Aardvarks",value:"termites"},{label:"Monkeys",value:"bananas"}],value:{label:"Monkeys",value:"bananas"},inline:!0}),e.jsx(i,{width:"100%"})]}),e.jsxs(l,{label:"Label",helpText:"Lorem ipsum",children:[e.jsx(p,{label:"Lorem ipsum"}),e.jsx(i,{width:"100%",disabled:!0})]}),e.jsx(l,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(i,{width:"100%"})}),e.jsx(l,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(i,{width:"100%"})})]}),e.jsxs(r,{width:"50%",children:[e.jsx(l,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(i,{width:"100%"})}),e.jsx(l,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(i,{width:"100%"})}),e.jsx(l,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(i,{width:"100%"})}),e.jsx(l,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(i,{width:"100%"})})]})]})})}),e.jsxs(r,{width:"50%",children:[e.jsx(d,{heading:e.jsx(t,{children:"Reservoir Size"}),children:e.jsxs(a,{children:[e.jsxs(r,{width:"160px",children:[e.jsx(l,{label:"Length",children:e.jsx(i,{width:"100%"})}),e.jsx(l,{label:"Width",children:e.jsx(i,{width:"100%"})})]}),e.jsx(r,{children:e.jsx(k,{width:"100%",height:"100%"})})]})}),e.jsx(f,{}),e.jsx(d,{heading:e.jsx(t,{children:"Reservoir Properties"}),children:e.jsxs(a,{children:[e.jsx(r,{children:e.jsx(l,{label:"Label",children:e.jsx(i,{width:"100%"})})}),e.jsx(r,{children:e.jsx(l,{label:"Label",children:e.jsx(i,{width:"100%"})})}),e.jsx(r,{children:e.jsx(l,{label:"Label",children:e.jsx(i,{width:"100%"})})})]})})]})]})]})]})})]})};var u,x,c;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:`() => {
2
2
  const [open, setOpen] = useState(true);
3
3
  return <>
4
4
  <TopBar />
@@ -1,4 +1,4 @@
1
- var mf=Object.defineProperty;var gf=(t,e,n)=>e in t?mf(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n;var tl=(t,e,n)=>(gf(t,typeof e!="symbol"?e+"":e,n),n);import{j as ae}from"./jsx-runtime-f961835c.js";import{g as bs,R as Me,r as $}from"./index-f80c8c95.js";import{D as yf}from"./disabled-context-d654f6ff.js";import{C as xf}from"./common-types-3a5f9d98.js";import{B as xu}from"./button-1a1d00ec.js";import{r as bf}from"./index-3d476d02.js";import{S as kf}from"./select-ef19f734.js";import"./index-a80ed1cf.js";import"./spinner-cb92a546.js";import"./index-c89a1915.js";import"./icon-281c0950.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./tooltip-23e84186.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./assertThisInitialized-081f9914.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./text-ad1f5f1d.js";import"./actions-adb8a67c.js";import"./badge-a96e6194.js";import"./select.input-88b6ebab.js";var Eo={exports:{}};(function(t,e){var n=typeof Reflect<"u"?Reflect.construct:void 0,r=Object.defineProperty,s=Error.captureStackTrace;s===void 0&&(s=function(c){var u=new Error;r(c,"stack",{configurable:!0,get:function(){var h=u.stack;return r(this,"stack",{configurable:!0,value:h,writable:!0}),h},set:function(h){r(c,"stack",{configurable:!0,value:h,writable:!0})}})});function i(l){l!==void 0&&r(this,"message",{configurable:!0,value:l,writable:!0});var c=this.constructor.name;c!==void 0&&c!==this.name&&r(this,"name",{configurable:!0,value:c,writable:!0}),s(this,this.constructor)}i.prototype=Object.create(Error.prototype,{constructor:{configurable:!0,value:i,writable:!0}});var o=function(){function l(u,d){return r(u,"name",{configurable:!0,value:d})}try{var c=function(){};if(l(c,"foo"),c.name==="foo")return l}catch{}}();function a(l,c){if(c==null||c===Error)c=i;else if(typeof c!="function")throw new TypeError("super_ should be a function");var u;if(typeof l=="string")u=l,l=n!==void 0?function(){return n(c,arguments,this.constructor)}:function(){c.apply(this,arguments)},o!==void 0&&(o(l,u),u=void 0);else if(typeof l!="function")throw new TypeError("constructor should be either a string or a function");l.super_=l.super=c;var d={constructor:{configurable:!0,value:l,writable:!0}};return u!==void 0&&(d.name={configurable:!0,value:u,writable:!0}),l.prototype=Object.create(c.prototype,d),l}e=t.exports=a,e.BaseError=i})(Eo,Eo.exports);var bu=Eo.exports,nl="ProseMirror-selectednode",la="",Wt="\0",rl="__state_override__",Sf={LastNodeCompatible:"lastNodeCompatible",FormattingMark:"formattingMark",FormattingNode:"formattingNode",NodeCursor:"nodeCursor",FontStyle:"fontStyle",Link:"link",Color:"color",Alignment:"alignment",Indentation:"indentation",Behavior:"behavior",Code:"code",InlineNode:"inline",ListContainerNode:"listContainer",ListItemNode:"listItemNode",Block:"block",BlockNode:"block",TextBlock:"textBlock",ExcludeInputRules:"excludeFromInputRules",PreventExits:"preventsExits",Media:"media"},j=Sf,At=Symbol.for("__remirror__"),xe=(t=>(t.PlainExtension="RemirrorPlainExtension",t.NodeExtension="RemirrorNodeExtension",t.MarkExtension="RemirrorMarkExtension",t.PlainExtensionConstructor="RemirrorPlainExtensionConstructor",t.NodeExtensionConstructor="RemirrorNodeExtensionConstructor",t.MarkExtensionConstructor="RemirrorMarkExtensionConstructor",t.Manager="RemirrorManager",t.Preset="RemirrorPreset",t.PresetConstructor="RemirrorPresetConstructor",t))(xe||{}),X=(t=>(t[t.Critical=1e6]="Critical",t[t.Highest=1e5]="Highest",t[t.High=1e4]="High",t[t.Medium=1e3]="Medium",t[t.Default=100]="Default",t[t.Low=10]="Low",t[t.Lowest=0]="Lowest",t))(X||{}),Pe=(t=>(t[t.None=0]="None",t[t.Create=1]="Create",t[t.EditorView=2]="EditorView",t[t.Runtime=3]="Runtime",t[t.Destroy=4]="Destroy",t))(Pe||{}),w=(t=>(t.Undo="_|undo|_",t.Redo="_|redo|_",t.Bold="_|bold|_",t.Italic="_|italic|_",t.Underline="_|underline|_",t.Strike="_|strike|_",t.Code="_|code|_",t.Paragraph="_|paragraph|_",t.H1="_|h1|_",t.H2="_|h2|_",t.H3="_|h3|_",t.H4="_|h4|_",t.H5="_|h5|_",t.H6="_|h6|_",t.TaskList="_|task|_",t.BulletList="_|bullet|_",t.OrderedList="_|number|_",t.Quote="_|quote|_",t.Divider="_|divider|_",t.Codeblock="_|codeblock|_",t.ClearFormatting="_|clear|_",t.Superscript="_|sup|_",t.Subscript="_|sub|_",t.LeftAlignment="_|left-align|_",t.CenterAlignment="_|center-align|_",t.RightAlignment="_|right-align|_",t.JustifyAlignment="_|justify-align|_",t.InsertLink="_|link|_",t.Find="_|find|_",t.FindBackwards="_|find-backwards|_",t.FindReplace="_|find-replace|_",t.AddFootnote="_|footnote|_",t.AddComment="_|comment|_",t.ContextMenu="_|context-menu|_",t.IncreaseFontSize="_|inc-font-size|_",t.DecreaseFontSize="_|dec-font-size|_",t.IncreaseIndent="_|indent|_",t.DecreaseIndent="_|dedent|_",t.Shortcuts="_|shortcuts|_",t.Copy="_|copy|_",t.Cut="_|cut|_",t.Paste="_|paste|_",t.PastePlain="_|paste-plain|_",t.SelectAll="_|select-all|_",t.Format="_|format|_",t))(w||{}),b=(t=>(t.PROD="RMR0000",t.UNKNOWN="RMR0001",t.INVALID_COMMAND_ARGUMENTS="RMR0002",t.CUSTOM="RMR0003",t.CORE_HELPERS="RMR0004",t.MUTATION="RMR0005",t.INTERNAL="RMR0006",t.MISSING_REQUIRED_EXTENSION="RMR0007",t.MANAGER_PHASE_ERROR="RMR0008",t.INVALID_GET_EXTENSION="RMR0010",t.INVALID_MANAGER_ARGUMENTS="RMR0011",t.SCHEMA="RMR0012",t.HELPERS_CALLED_IN_OUTER_SCOPE="RMR0013",t.INVALID_MANAGER_EXTENSION="RMR0014",t.DUPLICATE_COMMAND_NAMES="RMR0016",t.DUPLICATE_HELPER_NAMES="RMR0017",t.NON_CHAINABLE_COMMAND="RMR0018",t.INVALID_EXTENSION="RMR0019",t.INVALID_CONTENT="RMR0021",t.INVALID_NAME="RMR0050",t.EXTENSION="RMR0100",t.EXTENSION_SPEC="RMR0101",t.EXTENSION_EXTRA_ATTRIBUTES="RMR0102",t.INVALID_SET_EXTENSION_OPTIONS="RMR0103",t.REACT_PROVIDER_CONTEXT="RMR0200",t.REACT_GET_ROOT_PROPS="RMR0201",t.REACT_EDITOR_VIEW="RMR0202",t.REACT_CONTROLLED="RMR0203",t.REACT_NODE_VIEW="RMR0204",t.REACT_GET_CONTEXT="RMR0205",t.REACT_COMPONENTS="RMR0206",t.REACT_HOOKS="RMR0207",t.I18N_CONTEXT="RMR0300",t))(b||{}),vf=function(e){return wf(e)&&!Ef(e)};function wf(t){return!!t&&typeof t=="object"}function Ef(t){var e=Object.prototype.toString.call(t);return e==="[object RegExp]"||e==="[object Date]"||Of(t)}var Cf=typeof Symbol=="function"&&Symbol.for,Tf=Cf?Symbol.for("react.element"):60103;function Of(t){return t.$$typeof===Tf}function Mf(t){return Array.isArray(t)?[]:{}}function Qr(t,e){return e.clone!==!1&&e.isMergeableObject(t)?er(Mf(t),t,e):t}function _f(t,e,n){return t.concat(e).map(function(r){return Qr(r,n)})}function Nf(t,e){if(!e.customMerge)return er;var n=e.customMerge(t);return typeof n=="function"?n:er}function Af(t){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(t).filter(function(e){return Object.propertyIsEnumerable.call(t,e)}):[]}function sl(t){return Object.keys(t).concat(Af(t))}function ku(t,e){try{return e in t}catch{return!1}}function Rf(t,e){return ku(t,e)&&!(Object.hasOwnProperty.call(t,e)&&Object.propertyIsEnumerable.call(t,e))}function If(t,e,n){var r={};return n.isMergeableObject(t)&&sl(t).forEach(function(s){r[s]=Qr(t[s],n)}),sl(e).forEach(function(s){Rf(t,s)||(ku(t,s)&&n.isMergeableObject(e[s])?r[s]=Nf(s,n)(t[s],e[s],n):r[s]=Qr(e[s],n))}),r}function er(t,e,n){n=n||{},n.arrayMerge=n.arrayMerge||_f,n.isMergeableObject=n.isMergeableObject||vf,n.cloneUnlessOtherwiseSpecified=Qr;var r=Array.isArray(e),s=Array.isArray(t),i=r===s;return i?r?n.arrayMerge(t,e,n):If(t,e,n):Qr(e,n)}er.all=function(e,n){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce(function(r,s){return er(r,s,n)},{})};var Df=er,Pf=Df;const Lf=bs(Pf);/*!
1
+ var mf=Object.defineProperty;var gf=(t,e,n)=>e in t?mf(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n;var tl=(t,e,n)=>(gf(t,typeof e!="symbol"?e+"":e,n),n);import{j as ae}from"./jsx-runtime-f961835c.js";import{g as bs,R as Me,r as $}from"./index-f80c8c95.js";import{D as yf}from"./disabled-context-d654f6ff.js";import{C as xf}from"./common-types-2c81813f.js";import{B as xu}from"./button-b407ca6a.js";import{r as bf}from"./index-3d476d02.js";import{S as kf}from"./select-5b49db3f.js";import"./index-a80ed1cf.js";import"./spinner-cb92a546.js";import"./index-c89a1915.js";import"./icon-281c0950.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./tooltip-23e84186.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./assertThisInitialized-081f9914.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./text-ad1f5f1d.js";import"./actions-b2d6959f.js";import"./badge-3abf067b.js";import"./select.input-88b6ebab.js";var Eo={exports:{}};(function(t,e){var n=typeof Reflect<"u"?Reflect.construct:void 0,r=Object.defineProperty,s=Error.captureStackTrace;s===void 0&&(s=function(c){var u=new Error;r(c,"stack",{configurable:!0,get:function(){var h=u.stack;return r(this,"stack",{configurable:!0,value:h,writable:!0}),h},set:function(h){r(c,"stack",{configurable:!0,value:h,writable:!0})}})});function i(l){l!==void 0&&r(this,"message",{configurable:!0,value:l,writable:!0});var c=this.constructor.name;c!==void 0&&c!==this.name&&r(this,"name",{configurable:!0,value:c,writable:!0}),s(this,this.constructor)}i.prototype=Object.create(Error.prototype,{constructor:{configurable:!0,value:i,writable:!0}});var o=function(){function l(u,d){return r(u,"name",{configurable:!0,value:d})}try{var c=function(){};if(l(c,"foo"),c.name==="foo")return l}catch{}}();function a(l,c){if(c==null||c===Error)c=i;else if(typeof c!="function")throw new TypeError("super_ should be a function");var u;if(typeof l=="string")u=l,l=n!==void 0?function(){return n(c,arguments,this.constructor)}:function(){c.apply(this,arguments)},o!==void 0&&(o(l,u),u=void 0);else if(typeof l!="function")throw new TypeError("constructor should be either a string or a function");l.super_=l.super=c;var d={constructor:{configurable:!0,value:l,writable:!0}};return u!==void 0&&(d.name={configurable:!0,value:u,writable:!0}),l.prototype=Object.create(c.prototype,d),l}e=t.exports=a,e.BaseError=i})(Eo,Eo.exports);var bu=Eo.exports,nl="ProseMirror-selectednode",la="",Wt="\0",rl="__state_override__",Sf={LastNodeCompatible:"lastNodeCompatible",FormattingMark:"formattingMark",FormattingNode:"formattingNode",NodeCursor:"nodeCursor",FontStyle:"fontStyle",Link:"link",Color:"color",Alignment:"alignment",Indentation:"indentation",Behavior:"behavior",Code:"code",InlineNode:"inline",ListContainerNode:"listContainer",ListItemNode:"listItemNode",Block:"block",BlockNode:"block",TextBlock:"textBlock",ExcludeInputRules:"excludeFromInputRules",PreventExits:"preventsExits",Media:"media"},j=Sf,At=Symbol.for("__remirror__"),xe=(t=>(t.PlainExtension="RemirrorPlainExtension",t.NodeExtension="RemirrorNodeExtension",t.MarkExtension="RemirrorMarkExtension",t.PlainExtensionConstructor="RemirrorPlainExtensionConstructor",t.NodeExtensionConstructor="RemirrorNodeExtensionConstructor",t.MarkExtensionConstructor="RemirrorMarkExtensionConstructor",t.Manager="RemirrorManager",t.Preset="RemirrorPreset",t.PresetConstructor="RemirrorPresetConstructor",t))(xe||{}),X=(t=>(t[t.Critical=1e6]="Critical",t[t.Highest=1e5]="Highest",t[t.High=1e4]="High",t[t.Medium=1e3]="Medium",t[t.Default=100]="Default",t[t.Low=10]="Low",t[t.Lowest=0]="Lowest",t))(X||{}),Pe=(t=>(t[t.None=0]="None",t[t.Create=1]="Create",t[t.EditorView=2]="EditorView",t[t.Runtime=3]="Runtime",t[t.Destroy=4]="Destroy",t))(Pe||{}),w=(t=>(t.Undo="_|undo|_",t.Redo="_|redo|_",t.Bold="_|bold|_",t.Italic="_|italic|_",t.Underline="_|underline|_",t.Strike="_|strike|_",t.Code="_|code|_",t.Paragraph="_|paragraph|_",t.H1="_|h1|_",t.H2="_|h2|_",t.H3="_|h3|_",t.H4="_|h4|_",t.H5="_|h5|_",t.H6="_|h6|_",t.TaskList="_|task|_",t.BulletList="_|bullet|_",t.OrderedList="_|number|_",t.Quote="_|quote|_",t.Divider="_|divider|_",t.Codeblock="_|codeblock|_",t.ClearFormatting="_|clear|_",t.Superscript="_|sup|_",t.Subscript="_|sub|_",t.LeftAlignment="_|left-align|_",t.CenterAlignment="_|center-align|_",t.RightAlignment="_|right-align|_",t.JustifyAlignment="_|justify-align|_",t.InsertLink="_|link|_",t.Find="_|find|_",t.FindBackwards="_|find-backwards|_",t.FindReplace="_|find-replace|_",t.AddFootnote="_|footnote|_",t.AddComment="_|comment|_",t.ContextMenu="_|context-menu|_",t.IncreaseFontSize="_|inc-font-size|_",t.DecreaseFontSize="_|dec-font-size|_",t.IncreaseIndent="_|indent|_",t.DecreaseIndent="_|dedent|_",t.Shortcuts="_|shortcuts|_",t.Copy="_|copy|_",t.Cut="_|cut|_",t.Paste="_|paste|_",t.PastePlain="_|paste-plain|_",t.SelectAll="_|select-all|_",t.Format="_|format|_",t))(w||{}),b=(t=>(t.PROD="RMR0000",t.UNKNOWN="RMR0001",t.INVALID_COMMAND_ARGUMENTS="RMR0002",t.CUSTOM="RMR0003",t.CORE_HELPERS="RMR0004",t.MUTATION="RMR0005",t.INTERNAL="RMR0006",t.MISSING_REQUIRED_EXTENSION="RMR0007",t.MANAGER_PHASE_ERROR="RMR0008",t.INVALID_GET_EXTENSION="RMR0010",t.INVALID_MANAGER_ARGUMENTS="RMR0011",t.SCHEMA="RMR0012",t.HELPERS_CALLED_IN_OUTER_SCOPE="RMR0013",t.INVALID_MANAGER_EXTENSION="RMR0014",t.DUPLICATE_COMMAND_NAMES="RMR0016",t.DUPLICATE_HELPER_NAMES="RMR0017",t.NON_CHAINABLE_COMMAND="RMR0018",t.INVALID_EXTENSION="RMR0019",t.INVALID_CONTENT="RMR0021",t.INVALID_NAME="RMR0050",t.EXTENSION="RMR0100",t.EXTENSION_SPEC="RMR0101",t.EXTENSION_EXTRA_ATTRIBUTES="RMR0102",t.INVALID_SET_EXTENSION_OPTIONS="RMR0103",t.REACT_PROVIDER_CONTEXT="RMR0200",t.REACT_GET_ROOT_PROPS="RMR0201",t.REACT_EDITOR_VIEW="RMR0202",t.REACT_CONTROLLED="RMR0203",t.REACT_NODE_VIEW="RMR0204",t.REACT_GET_CONTEXT="RMR0205",t.REACT_COMPONENTS="RMR0206",t.REACT_HOOKS="RMR0207",t.I18N_CONTEXT="RMR0300",t))(b||{}),vf=function(e){return wf(e)&&!Ef(e)};function wf(t){return!!t&&typeof t=="object"}function Ef(t){var e=Object.prototype.toString.call(t);return e==="[object RegExp]"||e==="[object Date]"||Of(t)}var Cf=typeof Symbol=="function"&&Symbol.for,Tf=Cf?Symbol.for("react.element"):60103;function Of(t){return t.$$typeof===Tf}function Mf(t){return Array.isArray(t)?[]:{}}function Qr(t,e){return e.clone!==!1&&e.isMergeableObject(t)?er(Mf(t),t,e):t}function _f(t,e,n){return t.concat(e).map(function(r){return Qr(r,n)})}function Nf(t,e){if(!e.customMerge)return er;var n=e.customMerge(t);return typeof n=="function"?n:er}function Af(t){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(t).filter(function(e){return Object.propertyIsEnumerable.call(t,e)}):[]}function sl(t){return Object.keys(t).concat(Af(t))}function ku(t,e){try{return e in t}catch{return!1}}function Rf(t,e){return ku(t,e)&&!(Object.hasOwnProperty.call(t,e)&&Object.propertyIsEnumerable.call(t,e))}function If(t,e,n){var r={};return n.isMergeableObject(t)&&sl(t).forEach(function(s){r[s]=Qr(t[s],n)}),sl(e).forEach(function(s){Rf(t,s)||(ku(t,s)&&n.isMergeableObject(e[s])?r[s]=Nf(s,n)(t[s],e[s],n):r[s]=Qr(e[s],n))}),r}function er(t,e,n){n=n||{},n.arrayMerge=n.arrayMerge||_f,n.isMergeableObject=n.isMergeableObject||vf,n.cloneUnlessOtherwiseSpecified=Qr;var r=Array.isArray(e),s=Array.isArray(t),i=r===s;return i?r?n.arrayMerge(t,e,n):If(t,e,n):Qr(e,n)}er.all=function(e,n){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce(function(r,s){return er(r,s,n)},{})};var Df=er,Pf=Df;const Lf=bs(Pf);/*!
2
2
  * isobject <https://github.com/jonschlinkert/isobject>
3
3
  *
4
4
  * Copyright (c) 2014-2017, Jon Schlinkert.
@@ -1,4 +1,4 @@
1
- import{j as o}from"./jsx-runtime-f961835c.js";import{r as R}from"./index-f80c8c95.js";import{T as c}from"./table-a9374850.js";import{T as V}from"./text-ad1f5f1d.js";import{t as g,i as W,q as B}from"./table.stories-data-43aeb44a.js";import"./index-a80ed1cf.js";import"./index.es-a10b54aa.js";import"./inheritsLoose-d4851ab8.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./index-3d476d02.js";import"./memoize-one.esm-52518564.js";import"./icon-281c0950.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./lodash-75c70a11.js";import"./actions-adb8a67c.js";import"./common-types-3a5f9d98.js";import"./button-1a1d00ec.js";import"./spinner-cb92a546.js";import"./tooltip-23e84186.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-a96e6194.js";import"./heading-2919c91b.js";import"./help-icon-ca6c6ab6.js";import"./pagination-6b5d345a.js";import"./select-ef19f734.js";import"./assertThisInitialized-081f9914.js";import"./select.input-88b6ebab.js";import"./input-d116362c.js";import"./input-group-9ddeb24a.js";import"./input-group-addon-63147930.js";import"./number-input-2867677b.js";import"./index-54f0d271.js";import"./check-box-283097fe.js";import"./slider-83f9ed96.js";import"./index-c7f280f6.js";import"./popover-ee6860bd.js";import"./flex-47732c42.js";const ke={title:"Basic/Table/Row",component:c,args:{table:{...g}}},b=n=>o.jsx(c,{...n}),i=b.bind({});i.args={table:W};const p=b.bind({});p.args={table:B};const t=b.bind({});t.args={table:{...g,striped:!1}};t.parameters={docs:{description:{story:"`striped: false` removes tinted background on alternative rows."}}};const m=()=>{const[n,e]=R.useState(null),a=r=>e(n===r?null:r);return o.jsx(c,{table:{...g,striped:!1,rows:g.rows.map((r,d)=>({...r,onRowClick:()=>a(d),expandedContent:{content:n===d?o.jsx("div",{children:"Example expanded content"}):null}}))}})},w=()=>{const n={draggable:!0,headers:[{cells:[{value:"Name"},{value:"Weight (kg)"},{value:"Energy (kcal / 100g)"},{value:"Origin"}]}],rows:[{noDrag:!0,cells:[{value:"Undraggable"},{value:100},{value:361},{value:"Vietnam"}]},{cells:[{value:"Buckwheat"},{value:50},{value:358},{value:"Poland"}]},{cells:[{value:"Couscous"},{value:10},{value:368},{value:"France"}]}]},e=(s,u,l)=>{const x=[...s];return s[l].noDrag?s:(x.splice(l,0,x.splice(u,1)[0]),x)},[a,r]=R.useState(n.rows),d=s=>{const{to:u,from:l}=s;e(a,l,u),r(e(a,l,u))};return o.jsx(c,{table:{...n,rows:a},onListReorder:d})},v=()=>{const[n,e]=R.useState("Hover any row!"),a=[1,2,3,4,5].map(r=>({cells:[{value:`Row ${r}`},{value:`${r**2}`}],onRowMouseEnter:()=>e(`Hovering row ${r}`),onRowMouseLeave:()=>e("Not hovering any row...")}));return o.jsxs(o.Fragment,{children:[o.jsx(V,{children:n}),o.jsx(c,{table:{fixedWidth:"100%",headers:[{cells:[{value:"Description"},{value:"Value"}],onRowMouseEnter:()=>e("Hovering header row"),onRowMouseLeave:()=>e("Not hovering any row...")}],rows:a}})]})};var y,D,E;i.parameters={...i.parameters,docs:{...(y=i.parameters)==null?void 0:y.docs,source:{originalSource:`args => {
1
+ import{j as o}from"./jsx-runtime-f961835c.js";import{r as R}from"./index-f80c8c95.js";import{T as c}from"./table-b4fefa75.js";import{T as V}from"./text-ad1f5f1d.js";import{t as g,i as W,r as B}from"./table.stories-data-b614cc1a.js";import"./index-a80ed1cf.js";import"./index.es-a10b54aa.js";import"./inheritsLoose-d4851ab8.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./index-3d476d02.js";import"./memoize-one.esm-52518564.js";import"./icon-281c0950.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./lodash-75c70a11.js";import"./actions-b2d6959f.js";import"./common-types-2c81813f.js";import"./button-b407ca6a.js";import"./spinner-cb92a546.js";import"./tooltip-23e84186.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-3abf067b.js";import"./heading-b284588d.js";import"./help-icon-ca6c6ab6.js";import"./pagination-234e2e67.js";import"./select-5b49db3f.js";import"./assertThisInitialized-081f9914.js";import"./select.input-88b6ebab.js";import"./input-d116362c.js";import"./input-group-20c3add3.js";import"./input-group-addon-f8f6683a.js";import"./number-input-2867677b.js";import"./index-54f0d271.js";import"./check-box-e3bb7b90.js";import"./slider-eb402216.js";import"./index-c7f280f6.js";import"./popover-b4e25e01.js";import"./flex-1d14d86c.js";const ke={title:"Basic/Table/Row",component:c,args:{table:{...g}}},b=n=>o.jsx(c,{...n}),i=b.bind({});i.args={table:W};const p=b.bind({});p.args={table:B};const t=b.bind({});t.args={table:{...g,striped:!1}};t.parameters={docs:{description:{story:"`striped: false` removes tinted background on alternative rows."}}};const m=()=>{const[n,e]=R.useState(null),a=r=>e(n===r?null:r);return o.jsx(c,{table:{...g,striped:!1,rows:g.rows.map((r,d)=>({...r,onRowClick:()=>a(d),expandedContent:{content:n===d?o.jsx("div",{children:"Example expanded content"}):null}}))}})},w=()=>{const n={draggable:!0,headers:[{cells:[{value:"Name"},{value:"Weight (kg)"},{value:"Energy (kcal / 100g)"},{value:"Origin"}]}],rows:[{noDrag:!0,cells:[{value:"Undraggable"},{value:100},{value:361},{value:"Vietnam"}]},{cells:[{value:"Buckwheat"},{value:50},{value:358},{value:"Poland"}]},{cells:[{value:"Couscous"},{value:10},{value:368},{value:"France"}]}]},e=(s,u,l)=>{const x=[...s];return s[l].noDrag?s:(x.splice(l,0,x.splice(u,1)[0]),x)},[a,r]=R.useState(n.rows),d=s=>{const{to:u,from:l}=s;e(a,l,u),r(e(a,l,u))};return o.jsx(c,{table:{...n,rows:a},onListReorder:d})},v=()=>{const[n,e]=R.useState("Hover any row!"),a=[1,2,3,4,5].map(r=>({cells:[{value:`Row ${r}`},{value:`${r**2}`}],onRowMouseEnter:()=>e(`Hovering row ${r}`),onRowMouseLeave:()=>e("Not hovering any row...")}));return o.jsxs(o.Fragment,{children:[o.jsx(V,{children:n}),o.jsx(c,{table:{fixedWidth:"100%",headers:[{cells:[{value:"Description"},{value:"Value"}],onRowMouseEnter:()=>e("Hovering header row"),onRowMouseLeave:()=>e("Not hovering any row...")}],rows:a}})]})};var y,D,E;i.parameters={...i.parameters,docs:{...(y=i.parameters)==null?void 0:y.docs,source:{originalSource:`args => {
2
2
  return <Table
3
3
  // eslint-disable-next-line react/jsx-props-no-spreading
4
4
  {...args} />;
@@ -1 +1 @@
1
- import{j as m}from"./jsx-runtime-f961835c.js";import{r as N,g as Ue}from"./index-f80c8c95.js";import{c as D}from"./index-a80ed1cf.js";import{G as re,I as Fe}from"./common-types-3a5f9d98.js";import{D as Se}from"./disabled-context-d654f6ff.js";import{i as ee}from"./types-332ceaf3.js";import{T as Ie,u as ze,m as Ge}from"./tooltip-23e84186.js";import{p as $e}from"./index-c89a1915.js";import"./lodash-75c70a11.js";import{_ as Ke,a as Ye}from"./inheritsLoose-d4851ab8.js";import{_ as Ee}from"./assertThisInitialized-081f9914.js";import{m as ie}from"./memoize-one.esm-52518564.js";import{M as ae}from"./types-cc224262.js";import{T as se}from"./text-ad1f5f1d.js";import{A as Be}from"./actions-adb8a67c.js";import{I as ue}from"./icon-281c0950.js";import{s as Xe}from"./select.input-88b6ebab.js";const Je="_inputInTable_m6lot_1",Ze="_inputHover_m6lot_13",Qe="_inputFocus_m6lot_18",et="_inputError_m6lot_25",tt="_inputWarning_m6lot_26",nt="_inputDisabled_m6lot_61",lt="_hideScrollbars_m6lot_67",rt="_select_m6lot_77",at="_isInTable_m6lot_121",it="_unSelected_m6lot_133",ot="_error_m6lot_140",st="_warning_m6lot_157",ut="_small_m6lot_174",ct="_right_m6lot_182",dt="_groupOrderFirst_m6lot_193",pt="_groupOrderMiddle_m6lot_194",ft="_groupOrderLast_m6lot_198",H={inputInTable:Je,inputHover:Ze,inputFocus:Qe,inputError:et,inputWarning:tt,inputDisabled:nt,hideScrollbars:lt,select:rt,isInTable:at,unSelected:it,error:ot,warning:st,small:ut,right:ct,groupOrderFirst:dt,groupOrderMiddle:pt,groupOrderLast:ft},ce=({disabled:e=!1,error:t=null,warning:r=null,tooltip:d=null,options:c,onChange:h=()=>{},onFocus:f=()=>{},onBlur:i=()=>{},right:o=!1,small:y=!1,tabIndex:v=0,selectedOption:b,width:O=null,groupOrder:I=null,testId:S,isInTable:n=!1,clearable:s,placeholder:a,hasNonExistentValue:l,maxTooltipWidth:u,borderRadius:p})=>{const _=N.useContext(Se),g=b===null||(b==null?void 0:b.value)===null?"unselected":b==null?void 0:b.value,E=g==="unselected",L=(g==="unselected"||s?[m.jsx("option",{value:"unselected",disabled:!s,hidden:!s,children:a||"Select..."},"unselected")]:[]).concat(l?[m.jsx("option",{value:b==null?void 0:b.value,disabled:e||_,children:b==null?void 0:b.label},"selectedNonExistentValue")]:[]).concat(c.map((q,T)=>m.jsx("option",{value:q.value,"data-testid":q.testId,children:q.label},T))),C=(()=>{if(I)switch(I){case re.FIRST:return H.groupOrderFirst;case re.LAST:return H.groupOrderLast;default:return H.groupOrderMiddle}return""})();return m.jsx(Ie,{error:!!t,warning:!!r,text:d||t||r,enabled:d&&ee(d)||t&&ee(t)||r&&ee(r)||!1,maxWidth:u,placement:"bottom-center",children:m.jsx("select",{className:D(H.select,E?H.unSelected:"",t?H.error:r?H.warning:"",o?H.right:"",y?H.small:"",n?H.isInTable:"",C),style:{width:O||"",borderRadius:p||""},onChange:q=>{const{value:T}=q.target;let F;T==="unselected"?F={value:null}:F=c.find(A=>String(A.value)===String(T))||{value:null},h(q,F)},onFocus:f,onBlur:i,tabIndex:v,value:g,disabled:e||_,"data-testid":S,children:L})})};try{ce.displayName="NativeSelect",ce.__docgenInfo={description:"",displayName:"NativeSelect",props:{borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"TStringOrNumber"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},error:{defaultValue:{value:"null"},description:"",name:"error",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},warning:{defaultValue:{value:"null"},description:"",name:"warning",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},tooltip:{defaultValue:{value:"null"},description:"",name:"tooltip",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"ISelectSelectedOption[]"}},onChange:{defaultValue:{value:"() => {}"},description:"",name:"onChange",required:!1,type:{name:"((evt: ChangeEvent<HTMLSelectElement>, value: ISelectSelectedOption | { value: null; }) => void)"}},onFocus:{defaultValue:{value:"() => {}"},description:"",name:"onFocus",required:!1,type:{name:"TEmpty"}},onBlur:{defaultValue:{value:"() => {}"},description:"",name:"onBlur",required:!1,type:{name:"TEmpty"}},right:{defaultValue:{value:"false"},description:"",name:"right",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},selectedOption:{defaultValue:null,description:"",name:"selectedOption",required:!1,type:{name:"ISelectSelectedOption"}},width:{defaultValue:{value:"null"},description:"",name:"width",required:!1,type:{name:"TStringOrNumber | null"}},groupOrder:{defaultValue:{value:"null"},description:"",name:"groupOrder",required:!1,type:{name:"string | null"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},isInTable:{defaultValue:{value:"false"},description:"",name:"isInTable",required:!1,type:{name:"boolean"}},clearable:{defaultValue:null,description:"",name:"clearable",required:!1,type:{name:"boolean"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string | null"}},hasNonExistentValue:{defaultValue:null,description:"",name:"hasNonExistentValue",required:!1,type:{name:"boolean"}},maxTooltipWidth:{defaultValue:null,description:"",name:"maxTooltipWidth",required:!1,type:{name:"TStringOrNumber"}}}}}catch{}var Ae={exports:{}};(function(e,t){(function(r,d){e.exports=d(N,$e)})(window,function(r,d){return function(c){var h={};function f(i){if(h[i])return h[i].exports;var o=h[i]={i,l:!1,exports:{}};return c[i].call(o.exports,o,o.exports,f),o.l=!0,o.exports}return f.m=c,f.c=h,f.d=function(i,o,y){f.o(i,o)||Object.defineProperty(i,o,{enumerable:!0,get:y})},f.r=function(i){typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(i,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(i,"__esModule",{value:!0})},f.t=function(i,o){if(1&o&&(i=f(i)),8&o||4&o&&typeof i=="object"&&i&&i.__esModule)return i;var y=Object.create(null);if(f.r(y),Object.defineProperty(y,"default",{enumerable:!0,value:i}),2&o&&typeof i!="string")for(var v in i)f.d(y,v,(function(b){return i[b]}).bind(null,v));return y},f.n=function(i){var o=i&&i.__esModule?function(){return i.default}:function(){return i};return f.d(o,"a",o),o},f.o=function(i,o){return Object.prototype.hasOwnProperty.call(i,o)},f.p="",f(f.s=0)}([function(c,h,f){Object.defineProperty(h,"__esModule",{value:!0});var i=f(1);Object.defineProperty(h,"default",{enumerable:!0,get:function(){return function(o){return o&&o.__esModule?o:{default:o}}(i).default}}),c.exports=h.default},function(c,h,f){Object.defineProperty(h,"__esModule",{value:!0});var i=Object.assign||function(n){for(var s=1;s<arguments.length;s++){var a=arguments[s];for(var l in a)Object.prototype.hasOwnProperty.call(a,l)&&(n[l]=a[l])}return n},o=function(){function n(s,a){for(var l=0;l<a.length;l++){var u=a[l];u.enumerable=u.enumerable||!1,u.configurable=!0,"value"in u&&(u.writable=!0),Object.defineProperty(s,u.key,u)}}return function(s,a,l){return a&&n(s.prototype,a),l&&n(s,l),s}}(),y=O(f(2)),v=O(f(3)),b=f(4);function O(n){return n&&n.__esModule?n:{default:n}}var I=[],S=function(n){function s(a){(function(u,p){if(!(u instanceof p))throw new TypeError("Cannot call a class as a function")})(this,s);var l=function(u,p){if(!u)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!p||typeof p!="object"&&typeof p!="function"?u:p}(this,(s.__proto__||Object.getPrototypeOf(s)).call(this,a));return l.handleKeyboardEvent=l.handleKeyboardEvent.bind(l),l.registerExclusiveHandler=l.registerExclusiveHandler.bind(l),l.deregisterExclusiveHandler=l.deregisterExclusiveHandler.bind(l),l}return function(a,l){if(typeof l!="function"&&l!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof l);a.prototype=Object.create(l&&l.prototype,{constructor:{value:a,enumerable:!1,writable:!0,configurable:!0}}),l&&(Object.setPrototypeOf?Object.setPrototypeOf(a,l):a.__proto__=l)}(s,y.default.Component),o(s,[{key:"componentDidMount",value:function(){document.addEventListener("keydown",this.handleKeyboardEvent,!1),document.addEventListener("keyup",this.handleKeyboardEvent,!1),document.addEventListener("keypress",this.handleKeyboardEvent,!1);var a=this.props,l=a.isExclusive,u=a.isDisabled;l&&!u&&this.registerExclusiveHandler()}},{key:"componentWillUnmount",value:function(){document.removeEventListener("keydown",this.handleKeyboardEvent,!1),document.removeEventListener("keyup",this.handleKeyboardEvent,!1),document.removeEventListener("keypress",this.handleKeyboardEvent,!1),this.deregisterExclusiveHandler()}},{key:"componentDidUpdate",value:function(a){var l=a.isExclusive,u=a.isDisabled;(this.props.isExclusive!==l||this.props.isDisabled!==u)&&(this.props.isExclusive&&!this.props.isDisabled?this.registerExclusiveHandler():this.deregisterExclusiveHandler())}},{key:"registerExclusiveHandler",value:function(){this.deregisterExclusiveHandler(),I.unshift(this)}},{key:"deregisterExclusiveHandler",value:function(){var a=this;I.includes(this)&&(I=I.filter(function(l){return l!==a}))}},{key:"handleKeyboardEvent",value:function(a){var l=this.props,u=l.isDisabled,p=l.handleKeys,_=l.onKeyEvent,g=l.handleEventType,E=l.children,L=l.handleFocusableElements;if(u||g!==a.type||I.length>0&&I[0]!==this)return!1;var C=a.target===document.body||L,q=this.childrenContainer&&this.childrenContainer.contains(a.target);if(!(E?q:C))return!1;var T=(0,b.findMatchedKey)(a,p);return!!T&&(_(T,a),!0)}},{key:"render",value:function(){var a=this,l=this.props.children,u=Object.assign({},this.props),p=!0,_=!1,g=void 0;try{for(var E,L=Object.keys(s.propTypes)[Symbol.iterator]();!(p=(E=L.next()).done);p=!0)delete u[E.value]}catch(C){_=!0,g=C}finally{try{!p&&L.return&&L.return()}finally{if(_)throw g}}return l?y.default.createElement("span",i({ref:function(C){a.childrenContainer=C}},u),l):null}}]),s}();h.default=S,S.propTypes={handleKeys:v.default.array,handleEventType:v.default.oneOf(["keydown","keyup","keypress"]),handleFocusableElements:v.default.bool,onKeyEvent:v.default.func,isDisabled:v.default.bool,isExclusive:v.default.bool,children:v.default.any},S.defaultProps={handleKeys:[],handleFocusableElements:!1,handleEventType:"keydown",onKeyEvent:function(){return null}},c.exports=h.default},function(c,h){c.exports=r},function(c,h){c.exports=d},function(c,h,f){function i(l,u,p){return u in l?Object.defineProperty(l,u,{value:p,enumerable:!0,configurable:!0,writable:!0}):l[u]=p,l}Object.defineProperty(h,"__esModule",{value:!0}),h.matchKeyEvent=a,h.findMatchedKey=function(l,u){var p=u.map(function(_){var g=_.toLowerCase(),E=s[g];return E||[_]}).reduce(function(_,g){return _.concat(g)},[]).find(function(_){return a(l,_)});return!p&&u.includes("all")&&(p="other"),p};var o={backspace:[8],del:[46],delete:[46],ins:[45],insert:[45],tab:[9],enter:[13],return:[13],esc:[27],space:[32],pageup:[33],pagedown:[34],end:[35],home:[36],left:[37],up:[38],right:[39],down:[40],shift:[16],ctrl:[17],alt:[18],cap:[20],num:[144],clear:[12],meta:[91],";":[186,59],"=":[187,61],",":[188,44],"-":[189,45,173,109],minus:[189,45,173,109],".":[190,110],"/":[191,111],"`":[192],"[":[219],"\\":[220],"]":[221],"*":[106],"+":[107],plus:[107],"'":[222],quote:[222]},y=Object.keys(o).reduce(function(l,u){return Object.assign(l,i({},u.toUpperCase(),o[u]))},{}),v="0123456789".split("").reduce(function(l,u,p){return Object.assign(l,i({},u,[p+48,p+96]))},{}),b="ABCDEFGHIJKLMNOPQRSTUVWXYZ".split("").reduce(function(l,u,p){return Object.assign(l,i({},u.toLowerCase(),[p+65]),i({},u,[p+65]))},{}),O="1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19".split(",").reduce(function(l,u,p){return Object.assign(l,i({},"f"+u,[p+112]))},{}),I={control:"ctrl",ctrl:"ctrl",shift:"shift",meta:"meta",cmd:"meta",command:"meta",option:"alt",alt:"alt"},S=h.AllKeys=Object.assign({},o,y,v,b,O),n=Object.assign({},v,b),s={all:Object.keys(S),alphanumeric:Object.keys(n),numeric:Object.keys(v),alphabetic:Object.keys(b),function:Object.keys(O)};function a(l,u){var p=l.which||l.keyCode,_=l.type,g=Object.keys(I).filter(function(A){return l[A+"Key"]}).sort(),E=u.toLowerCase().trim(),L=E==="+"?["+"]:E.split(/\s?\+\s?/),C=L.pop(),q=S[C],T=L;if(_==="keypress")return u==String.fromCharCode(p).toLowerCase();if(T.length===0&&g.length===0)return q.indexOf(p)>=0;if(T.length>0&&g.length>0){var F=T.map(function(A){return I[A]}).sort(),w=F.length===g.length&&F.every(function(A,U){return g[U]===A});return q.indexOf(p)>=0&&w}return T.length==0&&g.length===1&&C===g[0]}}])})})(Ae);var mt=Ae.exports;const ht=Ue(mt),je=()=>{const e=N.useRef(null);return[e,()=>{e.current&&e.current.focus()}]},Pe=()=>{const[e,t]=N.useState(!1);return N.useEffect(()=>{(async()=>{document.fonts&&await document.fonts.ready.then(()=>t(!0))})()},[]),e};var yt=typeof performance=="object"&&typeof performance.now=="function",xe=yt?function(){return performance.now()}:function(){return Date.now()};function Te(e){cancelAnimationFrame(e.id)}function gt(e,t){var r=xe();function d(){xe()-r>=t?e.call(null):c.id=requestAnimationFrame(d)}var c={id:requestAnimationFrame(d)};return c}var oe=-1;function Ce(e){if(e===void 0&&(e=!1),oe===-1||e){var t=document.createElement("div"),r=t.style;r.width="50px",r.height="50px",r.overflow="scroll",document.body.appendChild(t),oe=t.offsetWidth-t.clientWidth,document.body.removeChild(t)}return oe}var Q=null;function qe(e){if(e===void 0&&(e=!1),Q===null||e){var t=document.createElement("div"),r=t.style;r.width="50px",r.height="50px",r.overflow="scroll",r.direction="rtl";var d=document.createElement("div"),c=d.style;return c.width="100px",c.height="100px",t.appendChild(d),document.body.appendChild(t),t.scrollLeft>0?Q="positive-descending":(t.scrollLeft=1,t.scrollLeft===0?Q="negative":Q="positive-ascending"),document.body.removeChild(t),Q}return Q}var _t=150,bt=function(t,r){return t};function vt(e){var t,r=e.getItemOffset,d=e.getEstimatedTotalSize,c=e.getItemSize,h=e.getOffsetForIndexAndAlignment,f=e.getStartIndexForOffset,i=e.getStopIndexForStartIndex,o=e.initInstanceProps,y=e.shouldResetStyleCacheOnItemSizeChange,v=e.validateProps;return t=function(b){Ke(O,b);function O(S){var n;return n=b.call(this,S)||this,n._instanceProps=o(n.props,Ee(n)),n._outerRef=void 0,n._resetIsScrollingTimeoutId=null,n.state={instance:Ee(n),isScrolling:!1,scrollDirection:"forward",scrollOffset:typeof n.props.initialScrollOffset=="number"?n.props.initialScrollOffset:0,scrollUpdateWasRequested:!1},n._callOnItemsRendered=void 0,n._callOnItemsRendered=ie(function(s,a,l,u){return n.props.onItemsRendered({overscanStartIndex:s,overscanStopIndex:a,visibleStartIndex:l,visibleStopIndex:u})}),n._callOnScroll=void 0,n._callOnScroll=ie(function(s,a,l){return n.props.onScroll({scrollDirection:s,scrollOffset:a,scrollUpdateWasRequested:l})}),n._getItemStyle=void 0,n._getItemStyle=function(s){var a=n.props,l=a.direction,u=a.itemSize,p=a.layout,_=n._getItemStyleCache(y&&u,y&&p,y&&l),g;if(_.hasOwnProperty(s))g=_[s];else{var E=r(n.props,s,n._instanceProps),L=c(n.props,s,n._instanceProps),C=l==="horizontal"||p==="horizontal",q=l==="rtl",T=C?E:0;_[s]=g={position:"absolute",left:q?void 0:T,right:q?T:void 0,top:C?0:E,height:C?"100%":L,width:C?L:"100%"}}return g},n._getItemStyleCache=void 0,n._getItemStyleCache=ie(function(s,a,l){return{}}),n._onScrollHorizontal=function(s){var a=s.currentTarget,l=a.clientWidth,u=a.scrollLeft,p=a.scrollWidth;n.setState(function(_){if(_.scrollOffset===u)return null;var g=n.props.direction,E=u;if(g==="rtl")switch(qe()){case"negative":E=-u;break;case"positive-descending":E=p-l-u;break}return E=Math.max(0,Math.min(E,p-l)),{isScrolling:!0,scrollDirection:_.scrollOffset<u?"forward":"backward",scrollOffset:E,scrollUpdateWasRequested:!1}},n._resetIsScrollingDebounced)},n._onScrollVertical=function(s){var a=s.currentTarget,l=a.clientHeight,u=a.scrollHeight,p=a.scrollTop;n.setState(function(_){if(_.scrollOffset===p)return null;var g=Math.max(0,Math.min(p,u-l));return{isScrolling:!0,scrollDirection:_.scrollOffset<g?"forward":"backward",scrollOffset:g,scrollUpdateWasRequested:!1}},n._resetIsScrollingDebounced)},n._outerRefSetter=function(s){var a=n.props.outerRef;n._outerRef=s,typeof a=="function"?a(s):a!=null&&typeof a=="object"&&a.hasOwnProperty("current")&&(a.current=s)},n._resetIsScrollingDebounced=function(){n._resetIsScrollingTimeoutId!==null&&Te(n._resetIsScrollingTimeoutId),n._resetIsScrollingTimeoutId=gt(n._resetIsScrolling,_t)},n._resetIsScrolling=function(){n._resetIsScrollingTimeoutId=null,n.setState({isScrolling:!1},function(){n._getItemStyleCache(-1,null)})},n}O.getDerivedStateFromProps=function(n,s){return St(n,s),v(n),null};var I=O.prototype;return I.scrollTo=function(n){n=Math.max(0,n),this.setState(function(s){return s.scrollOffset===n?null:{scrollDirection:s.scrollOffset<n?"forward":"backward",scrollOffset:n,scrollUpdateWasRequested:!0}},this._resetIsScrollingDebounced)},I.scrollToItem=function(n,s){s===void 0&&(s="auto");var a=this.props,l=a.itemCount,u=a.layout,p=this.state.scrollOffset;n=Math.max(0,Math.min(n,l-1));var _=0;if(this._outerRef){var g=this._outerRef;u==="vertical"?_=g.scrollWidth>g.clientWidth?Ce():0:_=g.scrollHeight>g.clientHeight?Ce():0}this.scrollTo(h(this.props,n,s,p,this._instanceProps,_))},I.componentDidMount=function(){var n=this.props,s=n.direction,a=n.initialScrollOffset,l=n.layout;if(typeof a=="number"&&this._outerRef!=null){var u=this._outerRef;s==="horizontal"||l==="horizontal"?u.scrollLeft=a:u.scrollTop=a}this._callPropsCallbacks()},I.componentDidUpdate=function(){var n=this.props,s=n.direction,a=n.layout,l=this.state,u=l.scrollOffset,p=l.scrollUpdateWasRequested;if(p&&this._outerRef!=null){var _=this._outerRef;if(s==="horizontal"||a==="horizontal")if(s==="rtl")switch(qe()){case"negative":_.scrollLeft=-u;break;case"positive-ascending":_.scrollLeft=u;break;default:var g=_.clientWidth,E=_.scrollWidth;_.scrollLeft=E-g-u;break}else _.scrollLeft=u;else _.scrollTop=u}this._callPropsCallbacks()},I.componentWillUnmount=function(){this._resetIsScrollingTimeoutId!==null&&Te(this._resetIsScrollingTimeoutId)},I.render=function(){var n=this.props,s=n.children,a=n.className,l=n.direction,u=n.height,p=n.innerRef,_=n.innerElementType,g=n.innerTagName,E=n.itemCount,L=n.itemData,C=n.itemKey,q=C===void 0?bt:C,T=n.layout,F=n.outerElementType,w=n.outerTagName,A=n.style,U=n.useIsScrolling,$=n.width,P=this.state.isScrolling,z=l==="horizontal"||T==="horizontal",te=z?this._onScrollHorizontal:this._onScrollVertical,B=this._getRangeToRender(),ne=B[0],le=B[1],X=[];if(E>0)for(var k=ne;k<=le;k++)X.push(N.createElement(s,{data:L,key:q(k,L),index:k,isScrolling:U?P:void 0,style:this._getItemStyle(k)}));var J=d(this.props,this._instanceProps);return N.createElement(F||w||"div",{className:a,onScroll:te,ref:this._outerRefSetter,style:Ye({position:"relative",height:u,width:$,overflow:"auto",WebkitOverflowScrolling:"touch",willChange:"transform",direction:l},A)},N.createElement(_||g||"div",{children:X,ref:p,style:{height:z?"100%":J,pointerEvents:P?"none":void 0,width:z?J:"100%"}}))},I._callPropsCallbacks=function(){if(typeof this.props.onItemsRendered=="function"){var n=this.props.itemCount;if(n>0){var s=this._getRangeToRender(),a=s[0],l=s[1],u=s[2],p=s[3];this._callOnItemsRendered(a,l,u,p)}}if(typeof this.props.onScroll=="function"){var _=this.state,g=_.scrollDirection,E=_.scrollOffset,L=_.scrollUpdateWasRequested;this._callOnScroll(g,E,L)}},I._getRangeToRender=function(){var n=this.props,s=n.itemCount,a=n.overscanCount,l=this.state,u=l.isScrolling,p=l.scrollDirection,_=l.scrollOffset;if(s===0)return[0,0,0,0];var g=f(this.props,_,this._instanceProps),E=i(this.props,g,_,this._instanceProps),L=!u||p==="backward"?Math.max(1,a):1,C=!u||p==="forward"?Math.max(1,a):1;return[Math.max(0,g-L),Math.max(0,Math.min(s-1,E+C)),g,E]},O}(N.PureComponent),t.defaultProps={direction:"ltr",itemData:void 0,layout:"vertical",overscanCount:2,useIsScrolling:!1},t}var St=function(t,r){t.children,t.direction,t.height,t.layout,t.innerTagName,t.outerTagName,t.width,r.instance},It=vt({getItemOffset:function(t,r){var d=t.itemSize;return r*d},getItemSize:function(t,r){var d=t.itemSize;return d},getEstimatedTotalSize:function(t){var r=t.itemCount,d=t.itemSize;return d*r},getOffsetForIndexAndAlignment:function(t,r,d,c,h,f){var i=t.direction,o=t.height,y=t.itemCount,v=t.itemSize,b=t.layout,O=t.width,I=i==="horizontal"||b==="horizontal",S=I?O:o,n=Math.max(0,y*v-S),s=Math.min(n,r*v),a=Math.max(0,r*v-S+v+f);switch(d==="smart"&&(c>=a-S&&c<=s+S?d="auto":d="center"),d){case"start":return s;case"end":return a;case"center":{var l=Math.round(a+(s-a)/2);return l<Math.ceil(S/2)?0:l>n+Math.floor(S/2)?n:l}case"auto":default:return c>=a&&c<=s?c:c<a?a:s}},getStartIndexForOffset:function(t,r){var d=t.itemCount,c=t.itemSize;return Math.max(0,Math.min(d-1,Math.floor(r/c)))},getStopIndexForStartIndex:function(t,r,d){var c=t.direction,h=t.height,f=t.itemCount,i=t.itemSize,o=t.layout,y=t.width,v=c==="horizontal"||o==="horizontal",b=r*i,O=v?y:h,I=Math.ceil((O+d-b)/i);return Math.max(0,Math.min(f-1,r+I-1))},initInstanceProps:function(t){},shouldResetStyleCacheOnItemSizeChange:!0,validateProps:function(t){t.itemSize}});const Ot="_layerContainer_w5qft_1",Et="_layer_w5qft_1",xt="_small_w5qft_23",Tt="_heading_w5qft_26",Ct="_option_w5qft_27",qt="_message_w5qft_28",Lt="_focused_w5qft_64",Vt="_selected_w5qft_68",Rt="_disabled_w5qft_71",Nt="_check_w5qft_75",wt="_optionContent_w5qft_92",Ft="_label_w5qft_97",At="_icon_w5qft_104",jt="_details_w5qft_109",j={layerContainer:Ot,layer:Et,small:xt,heading:Tt,option:Ct,message:qt,focused:Lt,selected:Vt,disabled:Rt,check:Nt,optionContent:wt,label:Ft,icon:At,details:jt},de=({label:e})=>m.jsx("div",{onClick:t=>t.stopPropagation(),className:j.heading,children:e});try{de.displayName="Heading",de.__docgenInfo={description:"",displayName:"Heading",props:{label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"TStringOrNumber"}}}}}catch{}const pe=({details:e,label:t,icon:r,disabled:d=!1,selected:c=!1,focused:h=!1,onSelectOption:f,actions:i,closeLayer:o,testId:y})=>m.jsxs("div",{className:D(j.option,d?j.disabled:"",c?j.selected:"",h?j.focused:""),onClick:!d&&f?f:void 0,"data-testid":y,children:[m.jsx("div",{className:j.optionContent,children:m.jsxs("span",{className:j.label,title:t,children:[t,r&&m.jsx("span",{className:j.icon,children:r})]})}),e&&m.jsx("div",{className:D(j.details),children:m.jsx(se,{faint:!0,children:e})}),!!(i!=null&&i.length)&&m.jsx("div",{className:D(j.actions),children:m.jsx(Be,{actions:i,closeLayer:o})}),m.jsx("span",{className:j.check,children:c?m.jsx(ue,{icon:Fe.CHECK}):null})]});try{pe.displayName="Option",pe.__docgenInfo={description:"",displayName:"Option",props:{details:{defaultValue:null,description:"",name:"details",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactNode"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},selected:{defaultValue:{value:"false"},description:"",name:"selected",required:!1,type:{name:"boolean"}},focused:{defaultValue:{value:"false"},description:"",name:"focused",required:!1,type:{name:"boolean"}},onSelectOption:{defaultValue:null,description:"",name:"onSelectOption",required:!1,type:{name:"((event?: MouseEvent<HTMLDivElement, MouseEvent>, section?: ISelectSectionProps) => void) | undefined"}},actions:{defaultValue:null,description:"",name:"actions",required:!1,type:{name:"any[]"}},closeLayer:{defaultValue:null,description:"",name:"closeLayer",required:!1,type:{name:"TEmpty"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const fe=({section:e,selected:t,focused:r,onSelectOption:d,closeLayer:c})=>{const h=N.useContext(Se);switch(e.type){case ae.HEADING:return m.jsx(de,{label:e.label});case ae.OPTION:default:return m.jsx(pe,{closeLayer:c,actions:e.actions,label:e.label,details:e.details,icon:e.icon,disabled:e.disabled||h,selected:t,focused:r,onSelectOption:d,testId:e.testId})}};try{fe.displayName="Section",fe.__docgenInfo={description:"",displayName:"Section",props:{section:{defaultValue:null,description:"",name:"section",required:!0,type:{name:"ISelectSection"}},selected:{defaultValue:null,description:"",name:"selected",required:!1,type:{name:"boolean"}},focused:{defaultValue:null,description:"",name:"focused",required:!1,type:{name:"boolean"}},onSelectOption:{defaultValue:null,description:"",name:"onSelectOption",required:!1,type:{name:"((event?: MouseEvent<HTMLDivElement, MouseEvent>, section?: ISelectSectionProps) => void) | undefined"}},closeLayer:{defaultValue:null,description:"",name:"closeLayer",required:!1,type:{name:"TEmpty"}}}}}catch{}const me=(e,t)=>{const d=document.createElement("canvas").getContext("2d");return d?(d.font=t,d.measureText(e).width):0},Me="14px",ke="12px",Pt="Lato",Mt="sans-serif",kt=14,Ht=7,Wt=38,Dt=24,Ut=5,zt=3,Gt=1,$t=2,Le=10,He=(e=!1,t=!1)=>`${e?ke:Me} ${t?Pt:Mt}`,Kt=(e=!1,t=!1)=>(e?Ht:kt)+(e?Dt:Wt)+(t?17:0),Ve=(e,t,r,d)=>{const c=He(t,r),h=d?me(d,c):0,f=Math.ceil(e.reduce((o,y)=>{var S;const v=(((S=y==null?void 0:y.actions)==null?void 0:S.length)??0)*24,b=y.icon?parseInt(t?ke:Me)+7:0,O=`${y.label} ${y.details||""}`,I=me(O,c)+v+b;return o=I>o?I:o,o},h)),i=Kt(t,!0);return f+i},Yt=(e,t,r)=>{const d=He(!0,r),c=me(e.label,d),h=(t?zt:Ut)*2+Gt*2+$t;return Math.ceil(c+h)},he=({listRef:e,isMulti:t,sections:r,selectedOptions:d,onSelectOption:c,focusedOptionIndex:h,width:f,small:i,firstSelectedOptionIndex:o,closeLayer:y,testId:v})=>{N.useEffect(()=>{o&&o!==null&&e.current!==null&&e.current.scrollToItem(o,"start")},[o,e]);const b=i?24:30;return m.jsx("div",{"data-testid":v,className:D(j.layer,i&&j.small),children:r.length?m.jsx(It,{ref:e,height:r.length<Le?b*r.length:b*Le,itemCount:r.length,itemSize:b,width:f,children:({index:O,style:I})=>{var S;return m.jsx("div",{style:I,children:m.jsx(fe,{closeLayer:y,section:r[O],selected:t&&r[O].type!==ae.HEADING&&Array.isArray(d)?d.some(n=>{var s;return n&&(n==null?void 0:n.value)===((s=r==null?void 0:r[O])==null?void 0:s.value)}):!Array.isArray(d)&&((S=r==null?void 0:r[O])==null?void 0:S.value)===(d==null?void 0:d.value),focused:h===O,onSelectOption:n=>c(n,r[O])})})}}):m.jsx("ul",{children:m.jsx("li",{children:m.jsx("div",{className:j.message,style:{width:f},children:"No matches"})})})})};try{he.displayName="Layer",he.__docgenInfo={description:"",displayName:"Layer",props:{listRef:{defaultValue:null,description:"",name:"listRef",required:!0,type:{name:"RefObject<any>"}},isMulti:{defaultValue:null,description:"",name:"isMulti",required:!1,type:{name:"boolean"}},sections:{defaultValue:null,description:"",name:"sections",required:!0,type:{name:"ISelectSection[]"}},selectedOptions:{defaultValue:null,description:"",name:"selectedOptions",required:!0,type:{name:"ISelectSelectedOption | ISelectSelectedOption[]"}},onSelectOption:{defaultValue:null,description:"",name:"onSelectOption",required:!0,type:{name:"(event?: MouseEvent<HTMLDivElement, MouseEvent> | undefined, section?: ISelectSection | undefined) => void"}},focusedOptionIndex:{defaultValue:null,description:"",name:"focusedOptionIndex",required:!1,type:{name:"number"}},width:{defaultValue:null,description:"",name:"width",required:!0,type:{name:"number"}},small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean"}},firstSelectedOptionIndex:{defaultValue:null,description:"",name:"firstSelectedOptionIndex",required:!1,type:{name:"number"}},closeLayer:{defaultValue:null,description:"",name:"closeLayer",required:!0,type:{name:"TEmpty"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const Bt="_inputInTable_w9d9u_1",Xt="_inputHover_w9d9u_13",Jt="_inputFocus_w9d9u_18",Zt="_inputError_w9d9u_25",Qt="_inputWarning_w9d9u_26",en="_inputDisabled_w9d9u_61",tn="_hideScrollbars_w9d9u_67",nn="_trigger_w9d9u_77",ln="_isInTable_w9d9u_93",rn="_input_w9d9u_1",an="_isOpen_w9d9u_114",on="_error_w9d9u_122",sn="_warning_w9d9u_139",un="_disabled_w9d9u_156",cn="_icons_w9d9u_162",dn="_clearAll_w9d9u_169",pn="_iconOpen_w9d9u_170",fn="_small_w9d9u_181",mn="_triggerInputContainer_w9d9u_189",hn="_right_w9d9u_198",yn="_multiOptions_w9d9u_211",gn="_multiOption_w9d9u_211",_n="_label_w9d9u_239",bn="_closeMultiOption_w9d9u_242",vn="_focus_w9d9u_253",Sn="_selectedSingleValue_w9d9u_257",In="_placeHolder_w9d9u_258",On="_groupOrderFirst_w9d9u_297",En="_groupOrderMiddle_w9d9u_298",xn="_groupOrderLast_w9d9u_302",Tn="_detailedLabel_w9d9u_307",R={inputInTable:Bt,inputHover:Xt,inputFocus:Jt,inputError:Zt,inputWarning:Qt,inputDisabled:en,hideScrollbars:tn,trigger:nn,isInTable:ln,input:rn,isOpen:an,error:on,warning:sn,disabled:un,icons:cn,clearAll:dn,iconOpen:pn,small:fn,triggerInputContainer:mn,right:hn,multiOptions:yn,multiOption:gn,label:_n,closeMultiOption:bn,focus:vn,selectedSingleValue:Sn,placeHolder:In,groupOrderFirst:On,groupOrderMiddle:En,groupOrderLast:xn,detailedLabel:Tn},ye=({selectedOptions:e,small:t,width:r})=>{const d=Pe(),[c,h]=N.useState([]),[f,i]=N.useState([]);return N.useEffect(()=>{let o=[],y=[],v=0;e.forEach((b,O)=>{v+=Yt(b,t,d),O===e.length-1&&v<r||v<r-24?o.push(b):y.push(b)}),h(o),i(y)},[e,d,r]),m.jsxs("div",{className:R.multiOptions,children:[c.filter(o=>o&&o.label).map((o,y)=>m.jsx("span",{className:R.multiOption,onClick:v=>{v.stopPropagation()},children:o.label},y)),f.length>0&&m.jsx(Ie,{text:f.map((o,y)=>m.jsx("div",{children:o.label},y)),display:"inline-flex",children:m.jsx("span",{className:R.multiOption,children:c.length?`+${f.length}`:`${f.length} items`})})]})};try{ye.displayName="MultiSelectedOptions",ye.__docgenInfo={description:"",displayName:"MultiSelectedOptions",props:{selectedOptions:{defaultValue:null,description:"",name:"selectedOptions",required:!0,type:{name:"ISelectSelectedOption[]"}},small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean"}},width:{defaultValue:null,description:"",name:"width",required:!0,type:{name:"number"}}}}}catch{}const ge=({selectedOptions:e,searchable:t=!1,searchValue:r,onChange:d=()=>{},inputRef:c,error:h,placeholder:f="Select...",small:i})=>{const o=N.useRef(null),y=Array.isArray(e),v=y?e.length>0:!!e,b=r?r.length+1:1,O=()=>{var n,s;const I=((n=o.current)==null?void 0:n.offsetWidth)||0,S=((s=c.current)==null?void 0:s.offsetWidth)||0;return I-S};return m.jsxs("div",{className:R.triggerInputContainer,ref:o,children:[v?y?m.jsx(ye,{selectedOptions:e,small:i,width:O()}):m.jsx("span",{className:R.selectedSingleValue,children:r!=null&&r.length?"":e==null?void 0:e.label}):m.jsx("span",{className:R.placeHolder,children:r!=null&&r.length?"":f}),t?m.jsx("input",{tabIndex:-1,ref:c,size:b,className:D(R.input,h?R.error:""),value:r,onChange:I=>d(I.target.value)}):null]})};try{ge.displayName="Input",ge.__docgenInfo={description:"",displayName:"Input",props:{selectedOptions:{defaultValue:null,description:"",name:"selectedOptions",required:!1,type:{name:"ISelectSelectedOption | ISelectSelectedOption[]"}},searchable:{defaultValue:{value:"false"},description:"",name:"searchable",required:!1,type:{name:"boolean"}},searchValue:{defaultValue:null,description:"",name:"searchValue",required:!1,type:{name:"string"}},inputRef:{defaultValue:null,description:"",name:"inputRef",required:!0,type:{name:"MutableRefObject<HTMLInputElement | null>"}},onChange:{defaultValue:{value:"() => {}"},description:"",name:"onChange",required:!1,type:{name:"((value: string) => void)"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"ReactNode"}},placeholder:{defaultValue:{value:"Select..."},description:"",name:"placeholder",required:!1,type:{name:"string | null"}},small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean"}}}}}catch{}const _e=({selectedOptions:e,searchValue:t,searchable:r,clearable:d,onClickTrigger:c,element:h,error:f,warning:i,tooltip:o,small:y,isInTable:v,disabled:b,onChangeSearch:O,onClickDeselect:I,onClickClear:S,tabIndex:n,isOpen:s,triggerRef:a,clearAllIsFocused:l,focusedSelectedOptionIndex:u,onFocus:p,onBlur:_,groupOrder:g,maxTooltipWidth:E,placeholder:L,right:C,testId:q})=>{const[T,F]=je(),w=d&&e&&e.value,A=(()=>{if(g)switch(g){case re.FIRST:return R.groupOrderFirst;case re.LAST:return R.groupOrderLast;default:return R.groupOrderMiddle}return""})(),U=e!=null&&e.details?{...e,label:m.jsxs("div",{className:D(R.detailedLabel),children:[m.jsx(se,{children:e.label}),m.jsx(se,{muted:!0,children:e.details})]})}:e,$=m.jsxs(m.Fragment,{children:[h,m.jsxs("div",{ref:a,tabIndex:n,className:D(R.trigger,s?R.isOpen:"",f?R.error:i?R.warning:"",b?R.disabled:"",y?R.small:"",v?R.isInTable:"",C?R.right:"",A),onClick:P=>{P.stopPropagation(),typeof F=="function"&&F(),c(P)},onFocus:p,onBlur:_,"data-testid":q,children:[m.jsx(ge,{selectedOptions:U,placeholder:L,searchable:r,searchValue:t,inputRef:T,onChange:O,error:f,small:y}),m.jsx("span",{className:R.icons,children:w?m.jsx("span",{className:D(R.clearAll,l?R.focus:""),onClick:P=>{P.stopPropagation(),S&&S(P)},children:m.jsx(ue,{icon:Fe.CLOSE})}):m.jsx("span",{className:D(R.iconOpen),children:m.jsx(ue,{icon:"chevron down"})})})]})]});return m.jsx(m.Fragment,{children:m.jsx(Ie,{error:!!f,warning:!!i,text:o||f||i,enabled:o&&ee(o)||f&&ee(f)||i&&ee(i)||!1,maxWidth:E,placement:"bottom-center",children:$})})};try{_e.displayName="Trigger",_e.__docgenInfo={description:"",displayName:"Trigger",props:{selectedOptions:{defaultValue:null,description:"",name:"selectedOptions",required:!1,type:{name:"ISelectSelectedOption"}},searchValue:{defaultValue:null,description:"",name:"searchValue",required:!1,type:{name:"string"}},searchable:{defaultValue:null,description:"",name:"searchable",required:!1,type:{name:"boolean"}},clearable:{defaultValue:null,description:"",name:"clearable",required:!1,type:{name:"boolean"}},onClickTrigger:{defaultValue:null,description:"",name:"onClickTrigger",required:!0,type:{name:"(evt: MouseEvent<HTMLDivElement, MouseEvent>) => void"}},element:{defaultValue:null,description:"",name:"element",required:!1,type:{name:"ReactNode"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"ReactNode"}},warning:{defaultValue:null,description:"",name:"warning",required:!1,type:{name:"ReactNode"}},tooltip:{defaultValue:null,description:"",name:"tooltip",required:!1,type:{name:"ReactNode"}},small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean"}},isInTable:{defaultValue:null,description:"",name:"isInTable",required:!1,type:{name:"boolean"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},onChangeSearch:{defaultValue:null,description:"",name:"onChangeSearch",required:!1,type:{name:"((value: string) => void)"}},onClickDeselect:{defaultValue:null,description:"",name:"onClickDeselect",required:!1,type:{name:"((evt: MouseEvent<HTMLDivElement, MouseEvent>) => void)"}},onClickClear:{defaultValue:null,description:"",name:"onClickClear",required:!1,type:{name:"((evt: MouseEvent<HTMLSpanElement, MouseEvent>) => void)"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"number"}},isOpen:{defaultValue:null,description:"",name:"isOpen",required:!1,type:{name:"boolean"}},triggerRef:{defaultValue:null,description:"",name:"triggerRef",required:!1,type:{name:"RefObject<HTMLDivElement>"}},clearAllIsFocused:{defaultValue:null,description:"",name:"clearAllIsFocused",required:!1,type:{name:"boolean"}},focusedSelectedOptionIndex:{defaultValue:null,description:"",name:"focusedSelectedOptionIndex",required:!1,type:{name:"number"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"((evt: FocusEvent<HTMLDivElement, Element>) => void)"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"((evt: FocusEvent<HTMLDivElement, Element>) => void)"}},groupOrder:{defaultValue:null,description:"",name:"groupOrder",required:!1,type:{name:"string"}},maxTooltipWidth:{defaultValue:null,description:"",name:"maxTooltipWidth",required:!1,type:{name:"TStringOrNumber"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string | null"}},right:{defaultValue:null,description:"",name:"right",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}var W=(e=>(e.SET_VISIBLE_OPTIONS="SET_VISIBLE_OPTIONS",e.RESET_LAYER_FOCUS="RESET_LAYER_FOCUS",e.CLEAR_SEARCH="CLEAR_SEARCH",e.ON_CHANGE_SEARCH="ON_CHANGE_SEARCH",e.FOCUS_TRIGGER_INPUTS="FOCUS_TRIGGER_INPUTS",e.BLUR_TRIGGER_INPUTS="BLUR_TRIGGER_INPUTS",e.FOCUS_LAYER_OPTIONS="FOCUS_LAYER_OPTIONS",e.OPEN_LAYER="OPEN_LAYER",e.CLOSE_LAYER="CLOSE_LAYER",e))(W||{});const We={options:["none","clearAll"],currentIndex:0,currentOption:!1,clearAll:!1},Cn=e=>e!==null?e+1:0,De=(e,t)=>{const r=["none",...e.map((c,h)=>c.type!==ae.HEADING?h:null).filter(c=>c!==null)],d=Cn(t);return{options:r,currentIndex:d,current:r[d]}},qn=(e,t)=>{const r=e==="up"?-1:1,d=t.currentIndex+r,c=(d<0?t.options.length-1:d)%t.options.length,h=t.options[c];return{...t,currentIndex:c,current:h}},Ln=(e,t,r)=>{const d=e==="left"?-1:1,c=t&&t.length?["none",...Array.from({length:t.length},(y,v)=>v),"clearAll"]:["none","clearAll"],h=r.currentIndex+d,f=(h<0?c.length-1:h)%c.length,i=c[f];return{options:c,currentIndex:f,currentOption:i,clearAll:i==="clearAll"}},Re=()=>We,Ne=e=>({...e,currentIndex:0,current:"none"}),Vn=(e,t)=>{switch(t.type){case W.SET_VISIBLE_OPTIONS:return{...e,visibleOptions:t.options||[]};case W.RESET_LAYER_FOCUS:return{...e,layerFocus:De(t.options||[],t.firstSelectedOptionIndex||0)};case W.CLEAR_SEARCH:return{...e,visibleOptions:t.options||[],searchValue:""};case W.ON_CHANGE_SEARCH:{let d=[...(t.options||[]).filter(c=>(String(c.label)+(c.details?String(c.details):"")).toLowerCase().includes(String(t.value||"").toLowerCase()))];return t.createAble&&t.value&&t.value!==""&&d.push({label:`Create "${t.value}"`,value:t.value,createAble:!0}),{...e,searchValue:t.value,visibleOptions:d,layerFocus:Ne(e.layerFocus)}}case W.FOCUS_TRIGGER_INPUTS:return{...e,triggerFocus:Ln(t.direction||"right",t.selectedOptions||[],e.triggerFocus),layerFocus:Ne(e.layerFocus)};case W.BLUR_TRIGGER_INPUTS:return{...e,triggerFocus:Re()};case W.FOCUS_LAYER_OPTIONS:return t.nextLayerFocus?{...e,layerFocus:t.nextLayerFocus,triggerFocus:Re()}:e;case W.OPEN_LAYER:return{...e,isLayerOpen:!0};case W.CLOSE_LAYER:return{...e,isLayerOpen:!1};default:return e}},Rn={auto:!0,possiblePlacements:["bottom-start","top-start"],placement:"bottom-start",preferX:"right",preferY:"bottom"};var M=(e=>(e.CLOSE_LAYER="CLOSE_LAYER",e.OPEN_LAYER="OPEN_LAYER",e.SET_VISIBLE_OPTIONS="SET_VISIBLE_OPTIONS",e.CLEAR_SEARCH="CLEAR_SEARCH",e.RESET_LAYER_FOCUS="RESET_LAYER_FOCUS",e.FOCUS_LAYER_OPTIONS="FOCUS_LAYER_OPTIONS",e.BLUR_TRIGGER_INPUTS="BLUR_TRIGGER_INPUTS",e.FOCUS_TRIGGER_INPUTS="FOCUS_TRIGGER_INPUTS",e.ON_CHANGE_SEARCH="ON_CHANGE_SEARCH",e))(M||{}),G=(e=>(e.RIGHT="right",e.LEFT="left",e.UP="up",e.DOWN="down",e.ENTER="enter",e.ESC="esc",e.TAB="tab",e))(G||{});const be=({state:e,dispatch:t,options:r,setTriggerFocus:d,disabled:c,disabledContext:h,onCreate:f,onChange:i,selectedOptions:o,width:y,small:v,isFontLoaded:b,placeholder:O,firstSelectedOptionIndex:I,createAble:S,listRef:n,autoLayerWidth:s})=>{const a=()=>{e.isLayerOpen&&t({type:M.CLOSE_LAYER}),d()},l=()=>t({type:M.OPEN_LAYER}),u=N.useRef(!0);N.useEffect(()=>{u.current?u.current=!1:t({type:M.SET_VISIBLE_OPTIONS,options:r})},[r]);const p=(x,V,Z)=>{if(!(c||h)){if(Z&&Z(),V){if(V.createAble&&f)f(V.value);else if(!V.disabled)if(Array.isArray(o))if(o.some(Y=>Y.label===V.label)){const Y=o.filter(Oe=>Oe.label!==V.label);i&&i(x,Y)}else{const Y=[...o,V];i&&i(x,Y)}else i&&i(x,V)}t({type:M.CLEAR_SEARCH,options:r}),d()}},_=N.useCallback(()=>y?y!=="auto"?y:Ve(r,v,b,O):"100%",[r,b]),g=N.useCallback(x=>s?Math.max(Ve(r,v,b,O),x==null?void 0:x.width):x==null?void 0:x.width,[r,b]),{renderLayer:E,layerProps:L,triggerProps:C,triggerBounds:q}=ze({isOpen:(e==null?void 0:e.isLayerOpen)??!1,overflowContainer:!0,...Rn,ResizeObserver,onOutsideClick:a,onParentClose:a}),T=()=>{if(!(c||h)){if(e.isLayerOpen){a();return}t({type:M.RESET_LAYER_FOCUS,options:r,firstSelectedOptionIndex:I}),l()}},F=N.useRef(!0);N.useEffect(()=>{F.current?F.current=!1:e.isLayerOpen||t({type:M.CLEAR_SEARCH,options:r})},[e.isLayerOpen]);const w=(x,V)=>{const Z=o instanceof Array?o.filter(K=>K.value!==V.value):null;i&&i(x,Z)},A=x=>{const V=o instanceof Array?[]:{value:null};i&&i(x,V)},U=x=>t({type:M.ON_CHANGE_SEARCH,options:r,value:x,createAble:S}),$=()=>{l(),t({type:M.BLUR_TRIGGER_INPUTS})},P=x=>{n.current&&Number.isInteger(x)&&n.current.scrollToItem(x)},z=x=>{const V=qn(x,e.layerFocus);t({type:M.FOCUS_LAYER_OPTIONS,nextLayerFocus:V}),P(V.current)},te=x=>{t({type:M.FOCUS_TRIGGER_INPUTS,ICustomSelectDirection:x,selectedOptions:o})},B=x=>A(x),ne=o&&o[e.triggerFocus.currentOption],le=x=>{w(x,o[e.triggerFocus.currentOption])},X=x=>{var V;p(x,(V=e==null?void 0:e.visibleOptions)==null?void 0:V[e.layerFocus.current],a)},k=e.triggerFocus.clearAll;return{getTriggerWidth:_,onKeyEvent:(x,V)=>{switch(x){case G.UP:{z(x);break}case G.DOWN:{e.isLayerOpen?z(x):$();break}case G.LEFT:case G.RIGHT:{te(x);break}case G.ENTER:{k?B(V):ne?le(V):X(V);break}case G.ESC:{a();break}}},clearAllIsFocused:k,triggerProps:C,onClickTrigger:T,onChangeSearch:U,onClickDeselectOption:w,onClickClearAll:A,renderLayer:E,layerProps:L,closeLayer:a,onSelectOption:p,getLayerWidth:g,triggerBounds:q}};try{be.displayName="useCustomSelectLogic",be.__docgenInfo={description:"",displayName:"useCustomSelectLogic",props:{state:{defaultValue:null,description:"",name:"state",required:!0,type:{name:"ICustomSelectState"}},dispatch:{defaultValue:null,description:"",name:"dispatch",required:!0,type:{name:"(action: any) => void"}},options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"TCustomSelectSelectOption[]"}},setTriggerFocus:{defaultValue:null,description:"",name:"setTriggerFocus",required:!0,type:{name:"TEmpty"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!0,type:{name:"boolean"}},disabledContext:{defaultValue:null,description:"",name:"disabledContext",required:!0,type:{name:"boolean"}},onCreate:{defaultValue:null,description:"",name:"onCreate",required:!0,type:{name:"((value: string) => void) | null"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"((evt: any, selected: any) => void) | null"}},selectedOptions:{defaultValue:null,description:"",name:"selectedOptions",required:!0,type:{name:"ISelectSelectedOption | ISelectSelectedOption[]"}},width:{defaultValue:null,description:"",name:"width",required:!0,type:{name:"TStringOrNumber | null"}},small:{defaultValue:null,description:"",name:"small",required:!0,type:{name:"boolean"}},isFontLoaded:{defaultValue:null,description:"",name:"isFontLoaded",required:!0,type:{name:"boolean"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!0,type:{name:"string"}},firstSelectedOptionIndex:{defaultValue:null,description:"",name:"firstSelectedOptionIndex",required:!0,type:{name:"number"}},createAble:{defaultValue:null,description:"",name:"createAble",required:!0,type:{name:"boolean"}},listRef:{defaultValue:null,description:"",name:"listRef",required:!0,type:{name:"RefObject<any>"}},autoLayerWidth:{defaultValue:null,description:"",name:"autoLayerWidth",required:!0,type:{name:"boolean"}}}}}catch{}const ve=e=>{const{multi:t=!1,disabled:r=!1,error:d=null,warning:c=null,tooltip:h=null,options:f,selectedOptions:i,onCreate:o=null,placeholder:y="",small:v=!1,tabIndex:b=0,onFocus:O=()=>{},onBlur:I=()=>{},searchable:S=!0,clearable:n=!1,maxTooltipWidth:s,closeOnOptionActionClick:a,isInTable:l=!1,groupOrder:u,firstSelectedOptionIndex:p=0,right:_=!1,testId:g=void 0}=e,E=N.useContext(Se),L=o!==null,C=N.useRef(null),[q,T]=je(),F=Pe(),[w,A]=N.useReducer(Vn,{options:f,firstSelectedOptionIndex:p},({options:K})=>({searchValue:"",visibleOptions:K,layerFocus:De(K,p??0),triggerFocus:We,isLayerOpen:!1})),{getTriggerWidth:U,onKeyEvent:$,clearAllIsFocused:P,triggerProps:z,onClickTrigger:te,onChangeSearch:B,onClickDeselectOption:ne,onClickClearAll:le,renderLayer:X,layerProps:k,closeLayer:J,onSelectOption:x,getLayerWidth:V,triggerBounds:Z}=be({...e,state:w,dispatch:A,setTriggerFocus:T,disabledContext:E,isFontLoaded:F,createAble:L,listRef:C});return m.jsx("div",{style:{width:U()},children:m.jsxs(ht,{handleKeys:Object.values(G),onKeyEvent:$,children:[m.jsx(_e,{selectedOptions:i,searchValue:w.searchValue,isOpen:w.isLayerOpen,focusedSelectedOptionIndex:w.triggerFocus.currentOption,clearAllIsFocused:P,searchable:S,triggerRef:Ge(q,z.ref),error:d,warning:c,tooltip:h,small:v,isInTable:l,disabled:r||E,clearable:n,tabIndex:b,onClickTrigger:te,onChangeSearch:B,onClickDeselect:ne,onClickClear:le,onFocus:O,onBlur:I,groupOrder:u,maxTooltipWidth:s,placeholder:y,right:_,testId:g}),w.isLayerOpen&&X(m.jsx("div",{...k,className:j.layerContainer,children:m.jsx(he,{listRef:C,isMulti:t,sections:w.visibleOptions,selectedOptions:i,onSelectOption:(K,Y)=>{x(K,Y,t?void 0:J)},closeLayer:()=>{a&&J()},width:V(Z),small:v,focusedOptionIndex:w.layerFocus.current,firstSelectedOptionIndex:p??0,testId:g&&`${g}-layer`})}))]})})};try{ve.displayName="CustomSelect",ve.__docgenInfo={description:"",displayName:"CustomSelect",props:{multi:{defaultValue:null,description:"",name:"multi",required:!1,type:{name:"boolean"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},warning:{defaultValue:null,description:"",name:"warning",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},tooltip:{defaultValue:null,description:"",name:"tooltip",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"TCustomSelectSelectOption[]"}},selectedOptions:{defaultValue:null,description:"",name:"selectedOptions",required:!0,type:{name:"ISelectSelectedOption | ISelectSelectedOption[]"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((evt: ChangeEvent<HTMLInputElement>, newSelectedOptions: ISelectSelectedOption) => void)"}},onCreate:{defaultValue:null,description:"",name:"onCreate",required:!1,type:{name:"((value: string) => void)"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string | null"}},small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"number"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber | null"}},autoLayerWidth:{defaultValue:null,description:"",name:"autoLayerWidth",required:!1,type:{name:"boolean"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"TEmpty"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"TEmpty"}},searchable:{defaultValue:null,description:"",name:"searchable",required:!1,type:{name:"boolean"}},clearable:{defaultValue:null,description:"",name:"clearable",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:"string"}},firstSelectedOptionIndex:{defaultValue:null,description:"",name:"firstSelectedOptionIndex",required:!0,type:{name:"number | null"}},right:{defaultValue:null,description:"",name:"right",required:!1,type:{name:"boolean"}},maxTooltipWidth:{defaultValue:null,description:"",name:"maxTooltipWidth",required:!1,type:{name:"TStringOrNumber"}},closeOnOptionActionClick:{defaultValue:null,description:"",name:"closeOnOptionActionClick",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const we=e=>{const{name:t="",options:r=[],value:d,native:c=!1,onChange:h=()=>{},deprecatedEventHandler:f=!1,autoScroll:i=!0,warning:o,error:y,checkNonExistentValues:v=!0,closeOnOptionActionClick:b=!0,testId:O}=e,I=!c&&i===!0,{multi:S,simpleInputs:n,options:s,selectedOptions:a,firstSelectedOptionIndex:l,hasNonExistentValue:u}=Xe(r,d,I,v),p=!S,_=c&&p;c&&!p&&console.warn("Native select does not support provided props (see stories)");const g="Value no longer available for re-selection",E=u?o?m.jsxs("div",{children:[m.jsx("div",{children:g}),m.jsx("div",{children:o})]}):g:o,L=u&&y?m.jsxs("div",{children:[m.jsx("div",{children:g}),m.jsx("div",{children:y})]}):y,C=(q,T)=>{if(f){const F=S?T.map(w=>n?w.value:w):n?T.value:T;h(F)}else{const F=!(q instanceof Event),w=S?T:T.value;F?(q.target.name=t,q.target.value=w,S||(q.target.label=T.label),h(q)):h({...q,target:{...q.target,name:t,value:w,...!S&&{label:T.label}}})}};return _?m.jsx(ce,{...e,options:s,selectedOption:a,onChange:C,hasNonExistentValue:u,warning:E,error:L,testId:O}):m.jsx(ve,{...e,options:s,selectedOptions:a,onChange:C,multi:S,firstSelectedOptionIndex:l,warning:E,error:L,testId:O,closeOnOptionActionClick:b})};try{we.displayName="Select",we.__docgenInfo={description:"",displayName:"Select",props:{name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},multi:{defaultValue:null,description:"",name:"multi",required:!1,type:{name:"boolean"}},options:{defaultValue:null,description:"",name:"options",required:!1,type:{name:"ISelectSelectedOption[]"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"any"}},native:{defaultValue:null,description:"",name:"native",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((value: any) => void)"}},deprecatedEventHandler:{defaultValue:null,description:"",name:"deprecatedEventHandler",required:!1,type:{name:"boolean"}},autoScroll:{defaultValue:null,description:"",name:"autoScroll",required:!1,type:{name:"boolean"}},warning:{defaultValue:null,description:"",name:"warning",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},checkNonExistentValues:{defaultValue:null,description:"",name:"checkNonExistentValues",required:!1,type:{name:"boolean"}},closeOnOptionActionClick:{defaultValue:null,description:"",name:"closeOnOptionActionClick",required:!1,type:{name:"boolean"}},small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber | null"}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"TStringOrNumber"}},onCreate:{defaultValue:null,description:"",name:"onCreate",required:!1,type:{name:"((evt: any) => any)"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string | null"}},isInTable:{defaultValue:null,description:"",name:"isInTable",required:!1,type:{name:"boolean"}},clearable:{defaultValue:null,description:"",name:"clearable",required:!1,type:{name:"boolean"}},searchable:{defaultValue:null,description:"",name:"searchable",required:!1,type:{name:"boolean"}},maxTooltipWidth:{defaultValue:null,description:"",name:"maxTooltipWidth",required:!1,type:{name:"TStringOrNumber"}},autoLayerWidth:{defaultValue:null,description:"",name:"autoLayerWidth",required:!1,type:{name:"boolean"}},right:{defaultValue:null,description:"",name:"right",required:!1,type:{name:"boolean"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"number"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}export{we as S};
1
+ import{j as m}from"./jsx-runtime-f961835c.js";import{r as N,g as Ue}from"./index-f80c8c95.js";import{c as D}from"./index-a80ed1cf.js";import{G as re,I as Fe}from"./common-types-2c81813f.js";import{D as Se}from"./disabled-context-d654f6ff.js";import{i as ee}from"./types-332ceaf3.js";import{T as Ie,u as ze,m as Ge}from"./tooltip-23e84186.js";import{p as $e}from"./index-c89a1915.js";import"./lodash-75c70a11.js";import{_ as Ke,a as Ye}from"./inheritsLoose-d4851ab8.js";import{_ as Ee}from"./assertThisInitialized-081f9914.js";import{m as ie}from"./memoize-one.esm-52518564.js";import{M as ae}from"./types-cc224262.js";import{T as se}from"./text-ad1f5f1d.js";import{A as Be}from"./actions-b2d6959f.js";import{I as ue}from"./icon-281c0950.js";import{s as Xe}from"./select.input-88b6ebab.js";const Je="_inputInTable_m6lot_1",Ze="_inputHover_m6lot_13",Qe="_inputFocus_m6lot_18",et="_inputError_m6lot_25",tt="_inputWarning_m6lot_26",nt="_inputDisabled_m6lot_61",lt="_hideScrollbars_m6lot_67",rt="_select_m6lot_77",at="_isInTable_m6lot_121",it="_unSelected_m6lot_133",ot="_error_m6lot_140",st="_warning_m6lot_157",ut="_small_m6lot_174",ct="_right_m6lot_182",dt="_groupOrderFirst_m6lot_193",pt="_groupOrderMiddle_m6lot_194",ft="_groupOrderLast_m6lot_198",H={inputInTable:Je,inputHover:Ze,inputFocus:Qe,inputError:et,inputWarning:tt,inputDisabled:nt,hideScrollbars:lt,select:rt,isInTable:at,unSelected:it,error:ot,warning:st,small:ut,right:ct,groupOrderFirst:dt,groupOrderMiddle:pt,groupOrderLast:ft},ce=({disabled:e=!1,error:t=null,warning:r=null,tooltip:d=null,options:c,onChange:h=()=>{},onFocus:f=()=>{},onBlur:i=()=>{},right:o=!1,small:y=!1,tabIndex:v=0,selectedOption:b,width:O=null,groupOrder:I=null,testId:S,isInTable:n=!1,clearable:s,placeholder:a,hasNonExistentValue:l,maxTooltipWidth:u,borderRadius:p})=>{const _=N.useContext(Se),g=b===null||(b==null?void 0:b.value)===null?"unselected":b==null?void 0:b.value,E=g==="unselected",L=(g==="unselected"||s?[m.jsx("option",{value:"unselected",disabled:!s,hidden:!s,children:a||"Select..."},"unselected")]:[]).concat(l?[m.jsx("option",{value:b==null?void 0:b.value,disabled:e||_,children:b==null?void 0:b.label},"selectedNonExistentValue")]:[]).concat(c.map((q,T)=>m.jsx("option",{value:q.value,"data-testid":q.testId,children:q.label},T))),C=(()=>{if(I)switch(I){case re.FIRST:return H.groupOrderFirst;case re.LAST:return H.groupOrderLast;default:return H.groupOrderMiddle}return""})();return m.jsx(Ie,{error:!!t,warning:!!r,text:d||t||r,enabled:d&&ee(d)||t&&ee(t)||r&&ee(r)||!1,maxWidth:u,placement:"bottom-center",children:m.jsx("select",{className:D(H.select,E?H.unSelected:"",t?H.error:r?H.warning:"",o?H.right:"",y?H.small:"",n?H.isInTable:"",C),style:{width:O||"",borderRadius:p||""},onChange:q=>{const{value:T}=q.target;let F;T==="unselected"?F={value:null}:F=c.find(A=>String(A.value)===String(T))||{value:null},h(q,F)},onFocus:f,onBlur:i,tabIndex:v,value:g,disabled:e||_,"data-testid":S,children:L})})};try{ce.displayName="NativeSelect",ce.__docgenInfo={description:"",displayName:"NativeSelect",props:{borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"TStringOrNumber"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},error:{defaultValue:{value:"null"},description:"",name:"error",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},warning:{defaultValue:{value:"null"},description:"",name:"warning",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},tooltip:{defaultValue:{value:"null"},description:"",name:"tooltip",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"ISelectSelectedOption[]"}},onChange:{defaultValue:{value:"() => {}"},description:"",name:"onChange",required:!1,type:{name:"((evt: ChangeEvent<HTMLSelectElement>, value: ISelectSelectedOption | { value: null; }) => void)"}},onFocus:{defaultValue:{value:"() => {}"},description:"",name:"onFocus",required:!1,type:{name:"TEmpty"}},onBlur:{defaultValue:{value:"() => {}"},description:"",name:"onBlur",required:!1,type:{name:"TEmpty"}},right:{defaultValue:{value:"false"},description:"",name:"right",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},selectedOption:{defaultValue:null,description:"",name:"selectedOption",required:!1,type:{name:"ISelectSelectedOption"}},width:{defaultValue:{value:"null"},description:"",name:"width",required:!1,type:{name:"TStringOrNumber | null"}},groupOrder:{defaultValue:{value:"null"},description:"",name:"groupOrder",required:!1,type:{name:"string | null"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},isInTable:{defaultValue:{value:"false"},description:"",name:"isInTable",required:!1,type:{name:"boolean"}},clearable:{defaultValue:null,description:"",name:"clearable",required:!1,type:{name:"boolean"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string | null"}},hasNonExistentValue:{defaultValue:null,description:"",name:"hasNonExistentValue",required:!1,type:{name:"boolean"}},maxTooltipWidth:{defaultValue:null,description:"",name:"maxTooltipWidth",required:!1,type:{name:"TStringOrNumber"}}}}}catch{}var Ae={exports:{}};(function(e,t){(function(r,d){e.exports=d(N,$e)})(window,function(r,d){return function(c){var h={};function f(i){if(h[i])return h[i].exports;var o=h[i]={i,l:!1,exports:{}};return c[i].call(o.exports,o,o.exports,f),o.l=!0,o.exports}return f.m=c,f.c=h,f.d=function(i,o,y){f.o(i,o)||Object.defineProperty(i,o,{enumerable:!0,get:y})},f.r=function(i){typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(i,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(i,"__esModule",{value:!0})},f.t=function(i,o){if(1&o&&(i=f(i)),8&o||4&o&&typeof i=="object"&&i&&i.__esModule)return i;var y=Object.create(null);if(f.r(y),Object.defineProperty(y,"default",{enumerable:!0,value:i}),2&o&&typeof i!="string")for(var v in i)f.d(y,v,(function(b){return i[b]}).bind(null,v));return y},f.n=function(i){var o=i&&i.__esModule?function(){return i.default}:function(){return i};return f.d(o,"a",o),o},f.o=function(i,o){return Object.prototype.hasOwnProperty.call(i,o)},f.p="",f(f.s=0)}([function(c,h,f){Object.defineProperty(h,"__esModule",{value:!0});var i=f(1);Object.defineProperty(h,"default",{enumerable:!0,get:function(){return function(o){return o&&o.__esModule?o:{default:o}}(i).default}}),c.exports=h.default},function(c,h,f){Object.defineProperty(h,"__esModule",{value:!0});var i=Object.assign||function(n){for(var s=1;s<arguments.length;s++){var a=arguments[s];for(var l in a)Object.prototype.hasOwnProperty.call(a,l)&&(n[l]=a[l])}return n},o=function(){function n(s,a){for(var l=0;l<a.length;l++){var u=a[l];u.enumerable=u.enumerable||!1,u.configurable=!0,"value"in u&&(u.writable=!0),Object.defineProperty(s,u.key,u)}}return function(s,a,l){return a&&n(s.prototype,a),l&&n(s,l),s}}(),y=O(f(2)),v=O(f(3)),b=f(4);function O(n){return n&&n.__esModule?n:{default:n}}var I=[],S=function(n){function s(a){(function(u,p){if(!(u instanceof p))throw new TypeError("Cannot call a class as a function")})(this,s);var l=function(u,p){if(!u)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!p||typeof p!="object"&&typeof p!="function"?u:p}(this,(s.__proto__||Object.getPrototypeOf(s)).call(this,a));return l.handleKeyboardEvent=l.handleKeyboardEvent.bind(l),l.registerExclusiveHandler=l.registerExclusiveHandler.bind(l),l.deregisterExclusiveHandler=l.deregisterExclusiveHandler.bind(l),l}return function(a,l){if(typeof l!="function"&&l!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof l);a.prototype=Object.create(l&&l.prototype,{constructor:{value:a,enumerable:!1,writable:!0,configurable:!0}}),l&&(Object.setPrototypeOf?Object.setPrototypeOf(a,l):a.__proto__=l)}(s,y.default.Component),o(s,[{key:"componentDidMount",value:function(){document.addEventListener("keydown",this.handleKeyboardEvent,!1),document.addEventListener("keyup",this.handleKeyboardEvent,!1),document.addEventListener("keypress",this.handleKeyboardEvent,!1);var a=this.props,l=a.isExclusive,u=a.isDisabled;l&&!u&&this.registerExclusiveHandler()}},{key:"componentWillUnmount",value:function(){document.removeEventListener("keydown",this.handleKeyboardEvent,!1),document.removeEventListener("keyup",this.handleKeyboardEvent,!1),document.removeEventListener("keypress",this.handleKeyboardEvent,!1),this.deregisterExclusiveHandler()}},{key:"componentDidUpdate",value:function(a){var l=a.isExclusive,u=a.isDisabled;(this.props.isExclusive!==l||this.props.isDisabled!==u)&&(this.props.isExclusive&&!this.props.isDisabled?this.registerExclusiveHandler():this.deregisterExclusiveHandler())}},{key:"registerExclusiveHandler",value:function(){this.deregisterExclusiveHandler(),I.unshift(this)}},{key:"deregisterExclusiveHandler",value:function(){var a=this;I.includes(this)&&(I=I.filter(function(l){return l!==a}))}},{key:"handleKeyboardEvent",value:function(a){var l=this.props,u=l.isDisabled,p=l.handleKeys,_=l.onKeyEvent,g=l.handleEventType,E=l.children,L=l.handleFocusableElements;if(u||g!==a.type||I.length>0&&I[0]!==this)return!1;var C=a.target===document.body||L,q=this.childrenContainer&&this.childrenContainer.contains(a.target);if(!(E?q:C))return!1;var T=(0,b.findMatchedKey)(a,p);return!!T&&(_(T,a),!0)}},{key:"render",value:function(){var a=this,l=this.props.children,u=Object.assign({},this.props),p=!0,_=!1,g=void 0;try{for(var E,L=Object.keys(s.propTypes)[Symbol.iterator]();!(p=(E=L.next()).done);p=!0)delete u[E.value]}catch(C){_=!0,g=C}finally{try{!p&&L.return&&L.return()}finally{if(_)throw g}}return l?y.default.createElement("span",i({ref:function(C){a.childrenContainer=C}},u),l):null}}]),s}();h.default=S,S.propTypes={handleKeys:v.default.array,handleEventType:v.default.oneOf(["keydown","keyup","keypress"]),handleFocusableElements:v.default.bool,onKeyEvent:v.default.func,isDisabled:v.default.bool,isExclusive:v.default.bool,children:v.default.any},S.defaultProps={handleKeys:[],handleFocusableElements:!1,handleEventType:"keydown",onKeyEvent:function(){return null}},c.exports=h.default},function(c,h){c.exports=r},function(c,h){c.exports=d},function(c,h,f){function i(l,u,p){return u in l?Object.defineProperty(l,u,{value:p,enumerable:!0,configurable:!0,writable:!0}):l[u]=p,l}Object.defineProperty(h,"__esModule",{value:!0}),h.matchKeyEvent=a,h.findMatchedKey=function(l,u){var p=u.map(function(_){var g=_.toLowerCase(),E=s[g];return E||[_]}).reduce(function(_,g){return _.concat(g)},[]).find(function(_){return a(l,_)});return!p&&u.includes("all")&&(p="other"),p};var o={backspace:[8],del:[46],delete:[46],ins:[45],insert:[45],tab:[9],enter:[13],return:[13],esc:[27],space:[32],pageup:[33],pagedown:[34],end:[35],home:[36],left:[37],up:[38],right:[39],down:[40],shift:[16],ctrl:[17],alt:[18],cap:[20],num:[144],clear:[12],meta:[91],";":[186,59],"=":[187,61],",":[188,44],"-":[189,45,173,109],minus:[189,45,173,109],".":[190,110],"/":[191,111],"`":[192],"[":[219],"\\":[220],"]":[221],"*":[106],"+":[107],plus:[107],"'":[222],quote:[222]},y=Object.keys(o).reduce(function(l,u){return Object.assign(l,i({},u.toUpperCase(),o[u]))},{}),v="0123456789".split("").reduce(function(l,u,p){return Object.assign(l,i({},u,[p+48,p+96]))},{}),b="ABCDEFGHIJKLMNOPQRSTUVWXYZ".split("").reduce(function(l,u,p){return Object.assign(l,i({},u.toLowerCase(),[p+65]),i({},u,[p+65]))},{}),O="1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19".split(",").reduce(function(l,u,p){return Object.assign(l,i({},"f"+u,[p+112]))},{}),I={control:"ctrl",ctrl:"ctrl",shift:"shift",meta:"meta",cmd:"meta",command:"meta",option:"alt",alt:"alt"},S=h.AllKeys=Object.assign({},o,y,v,b,O),n=Object.assign({},v,b),s={all:Object.keys(S),alphanumeric:Object.keys(n),numeric:Object.keys(v),alphabetic:Object.keys(b),function:Object.keys(O)};function a(l,u){var p=l.which||l.keyCode,_=l.type,g=Object.keys(I).filter(function(A){return l[A+"Key"]}).sort(),E=u.toLowerCase().trim(),L=E==="+"?["+"]:E.split(/\s?\+\s?/),C=L.pop(),q=S[C],T=L;if(_==="keypress")return u==String.fromCharCode(p).toLowerCase();if(T.length===0&&g.length===0)return q.indexOf(p)>=0;if(T.length>0&&g.length>0){var F=T.map(function(A){return I[A]}).sort(),w=F.length===g.length&&F.every(function(A,U){return g[U]===A});return q.indexOf(p)>=0&&w}return T.length==0&&g.length===1&&C===g[0]}}])})})(Ae);var mt=Ae.exports;const ht=Ue(mt),je=()=>{const e=N.useRef(null);return[e,()=>{e.current&&e.current.focus()}]},Pe=()=>{const[e,t]=N.useState(!1);return N.useEffect(()=>{(async()=>{document.fonts&&await document.fonts.ready.then(()=>t(!0))})()},[]),e};var yt=typeof performance=="object"&&typeof performance.now=="function",xe=yt?function(){return performance.now()}:function(){return Date.now()};function Te(e){cancelAnimationFrame(e.id)}function gt(e,t){var r=xe();function d(){xe()-r>=t?e.call(null):c.id=requestAnimationFrame(d)}var c={id:requestAnimationFrame(d)};return c}var oe=-1;function Ce(e){if(e===void 0&&(e=!1),oe===-1||e){var t=document.createElement("div"),r=t.style;r.width="50px",r.height="50px",r.overflow="scroll",document.body.appendChild(t),oe=t.offsetWidth-t.clientWidth,document.body.removeChild(t)}return oe}var Q=null;function qe(e){if(e===void 0&&(e=!1),Q===null||e){var t=document.createElement("div"),r=t.style;r.width="50px",r.height="50px",r.overflow="scroll",r.direction="rtl";var d=document.createElement("div"),c=d.style;return c.width="100px",c.height="100px",t.appendChild(d),document.body.appendChild(t),t.scrollLeft>0?Q="positive-descending":(t.scrollLeft=1,t.scrollLeft===0?Q="negative":Q="positive-ascending"),document.body.removeChild(t),Q}return Q}var _t=150,bt=function(t,r){return t};function vt(e){var t,r=e.getItemOffset,d=e.getEstimatedTotalSize,c=e.getItemSize,h=e.getOffsetForIndexAndAlignment,f=e.getStartIndexForOffset,i=e.getStopIndexForStartIndex,o=e.initInstanceProps,y=e.shouldResetStyleCacheOnItemSizeChange,v=e.validateProps;return t=function(b){Ke(O,b);function O(S){var n;return n=b.call(this,S)||this,n._instanceProps=o(n.props,Ee(n)),n._outerRef=void 0,n._resetIsScrollingTimeoutId=null,n.state={instance:Ee(n),isScrolling:!1,scrollDirection:"forward",scrollOffset:typeof n.props.initialScrollOffset=="number"?n.props.initialScrollOffset:0,scrollUpdateWasRequested:!1},n._callOnItemsRendered=void 0,n._callOnItemsRendered=ie(function(s,a,l,u){return n.props.onItemsRendered({overscanStartIndex:s,overscanStopIndex:a,visibleStartIndex:l,visibleStopIndex:u})}),n._callOnScroll=void 0,n._callOnScroll=ie(function(s,a,l){return n.props.onScroll({scrollDirection:s,scrollOffset:a,scrollUpdateWasRequested:l})}),n._getItemStyle=void 0,n._getItemStyle=function(s){var a=n.props,l=a.direction,u=a.itemSize,p=a.layout,_=n._getItemStyleCache(y&&u,y&&p,y&&l),g;if(_.hasOwnProperty(s))g=_[s];else{var E=r(n.props,s,n._instanceProps),L=c(n.props,s,n._instanceProps),C=l==="horizontal"||p==="horizontal",q=l==="rtl",T=C?E:0;_[s]=g={position:"absolute",left:q?void 0:T,right:q?T:void 0,top:C?0:E,height:C?"100%":L,width:C?L:"100%"}}return g},n._getItemStyleCache=void 0,n._getItemStyleCache=ie(function(s,a,l){return{}}),n._onScrollHorizontal=function(s){var a=s.currentTarget,l=a.clientWidth,u=a.scrollLeft,p=a.scrollWidth;n.setState(function(_){if(_.scrollOffset===u)return null;var g=n.props.direction,E=u;if(g==="rtl")switch(qe()){case"negative":E=-u;break;case"positive-descending":E=p-l-u;break}return E=Math.max(0,Math.min(E,p-l)),{isScrolling:!0,scrollDirection:_.scrollOffset<u?"forward":"backward",scrollOffset:E,scrollUpdateWasRequested:!1}},n._resetIsScrollingDebounced)},n._onScrollVertical=function(s){var a=s.currentTarget,l=a.clientHeight,u=a.scrollHeight,p=a.scrollTop;n.setState(function(_){if(_.scrollOffset===p)return null;var g=Math.max(0,Math.min(p,u-l));return{isScrolling:!0,scrollDirection:_.scrollOffset<g?"forward":"backward",scrollOffset:g,scrollUpdateWasRequested:!1}},n._resetIsScrollingDebounced)},n._outerRefSetter=function(s){var a=n.props.outerRef;n._outerRef=s,typeof a=="function"?a(s):a!=null&&typeof a=="object"&&a.hasOwnProperty("current")&&(a.current=s)},n._resetIsScrollingDebounced=function(){n._resetIsScrollingTimeoutId!==null&&Te(n._resetIsScrollingTimeoutId),n._resetIsScrollingTimeoutId=gt(n._resetIsScrolling,_t)},n._resetIsScrolling=function(){n._resetIsScrollingTimeoutId=null,n.setState({isScrolling:!1},function(){n._getItemStyleCache(-1,null)})},n}O.getDerivedStateFromProps=function(n,s){return St(n,s),v(n),null};var I=O.prototype;return I.scrollTo=function(n){n=Math.max(0,n),this.setState(function(s){return s.scrollOffset===n?null:{scrollDirection:s.scrollOffset<n?"forward":"backward",scrollOffset:n,scrollUpdateWasRequested:!0}},this._resetIsScrollingDebounced)},I.scrollToItem=function(n,s){s===void 0&&(s="auto");var a=this.props,l=a.itemCount,u=a.layout,p=this.state.scrollOffset;n=Math.max(0,Math.min(n,l-1));var _=0;if(this._outerRef){var g=this._outerRef;u==="vertical"?_=g.scrollWidth>g.clientWidth?Ce():0:_=g.scrollHeight>g.clientHeight?Ce():0}this.scrollTo(h(this.props,n,s,p,this._instanceProps,_))},I.componentDidMount=function(){var n=this.props,s=n.direction,a=n.initialScrollOffset,l=n.layout;if(typeof a=="number"&&this._outerRef!=null){var u=this._outerRef;s==="horizontal"||l==="horizontal"?u.scrollLeft=a:u.scrollTop=a}this._callPropsCallbacks()},I.componentDidUpdate=function(){var n=this.props,s=n.direction,a=n.layout,l=this.state,u=l.scrollOffset,p=l.scrollUpdateWasRequested;if(p&&this._outerRef!=null){var _=this._outerRef;if(s==="horizontal"||a==="horizontal")if(s==="rtl")switch(qe()){case"negative":_.scrollLeft=-u;break;case"positive-ascending":_.scrollLeft=u;break;default:var g=_.clientWidth,E=_.scrollWidth;_.scrollLeft=E-g-u;break}else _.scrollLeft=u;else _.scrollTop=u}this._callPropsCallbacks()},I.componentWillUnmount=function(){this._resetIsScrollingTimeoutId!==null&&Te(this._resetIsScrollingTimeoutId)},I.render=function(){var n=this.props,s=n.children,a=n.className,l=n.direction,u=n.height,p=n.innerRef,_=n.innerElementType,g=n.innerTagName,E=n.itemCount,L=n.itemData,C=n.itemKey,q=C===void 0?bt:C,T=n.layout,F=n.outerElementType,w=n.outerTagName,A=n.style,U=n.useIsScrolling,$=n.width,P=this.state.isScrolling,z=l==="horizontal"||T==="horizontal",te=z?this._onScrollHorizontal:this._onScrollVertical,B=this._getRangeToRender(),ne=B[0],le=B[1],X=[];if(E>0)for(var k=ne;k<=le;k++)X.push(N.createElement(s,{data:L,key:q(k,L),index:k,isScrolling:U?P:void 0,style:this._getItemStyle(k)}));var J=d(this.props,this._instanceProps);return N.createElement(F||w||"div",{className:a,onScroll:te,ref:this._outerRefSetter,style:Ye({position:"relative",height:u,width:$,overflow:"auto",WebkitOverflowScrolling:"touch",willChange:"transform",direction:l},A)},N.createElement(_||g||"div",{children:X,ref:p,style:{height:z?"100%":J,pointerEvents:P?"none":void 0,width:z?J:"100%"}}))},I._callPropsCallbacks=function(){if(typeof this.props.onItemsRendered=="function"){var n=this.props.itemCount;if(n>0){var s=this._getRangeToRender(),a=s[0],l=s[1],u=s[2],p=s[3];this._callOnItemsRendered(a,l,u,p)}}if(typeof this.props.onScroll=="function"){var _=this.state,g=_.scrollDirection,E=_.scrollOffset,L=_.scrollUpdateWasRequested;this._callOnScroll(g,E,L)}},I._getRangeToRender=function(){var n=this.props,s=n.itemCount,a=n.overscanCount,l=this.state,u=l.isScrolling,p=l.scrollDirection,_=l.scrollOffset;if(s===0)return[0,0,0,0];var g=f(this.props,_,this._instanceProps),E=i(this.props,g,_,this._instanceProps),L=!u||p==="backward"?Math.max(1,a):1,C=!u||p==="forward"?Math.max(1,a):1;return[Math.max(0,g-L),Math.max(0,Math.min(s-1,E+C)),g,E]},O}(N.PureComponent),t.defaultProps={direction:"ltr",itemData:void 0,layout:"vertical",overscanCount:2,useIsScrolling:!1},t}var St=function(t,r){t.children,t.direction,t.height,t.layout,t.innerTagName,t.outerTagName,t.width,r.instance},It=vt({getItemOffset:function(t,r){var d=t.itemSize;return r*d},getItemSize:function(t,r){var d=t.itemSize;return d},getEstimatedTotalSize:function(t){var r=t.itemCount,d=t.itemSize;return d*r},getOffsetForIndexAndAlignment:function(t,r,d,c,h,f){var i=t.direction,o=t.height,y=t.itemCount,v=t.itemSize,b=t.layout,O=t.width,I=i==="horizontal"||b==="horizontal",S=I?O:o,n=Math.max(0,y*v-S),s=Math.min(n,r*v),a=Math.max(0,r*v-S+v+f);switch(d==="smart"&&(c>=a-S&&c<=s+S?d="auto":d="center"),d){case"start":return s;case"end":return a;case"center":{var l=Math.round(a+(s-a)/2);return l<Math.ceil(S/2)?0:l>n+Math.floor(S/2)?n:l}case"auto":default:return c>=a&&c<=s?c:c<a?a:s}},getStartIndexForOffset:function(t,r){var d=t.itemCount,c=t.itemSize;return Math.max(0,Math.min(d-1,Math.floor(r/c)))},getStopIndexForStartIndex:function(t,r,d){var c=t.direction,h=t.height,f=t.itemCount,i=t.itemSize,o=t.layout,y=t.width,v=c==="horizontal"||o==="horizontal",b=r*i,O=v?y:h,I=Math.ceil((O+d-b)/i);return Math.max(0,Math.min(f-1,r+I-1))},initInstanceProps:function(t){},shouldResetStyleCacheOnItemSizeChange:!0,validateProps:function(t){t.itemSize}});const Ot="_layerContainer_w5qft_1",Et="_layer_w5qft_1",xt="_small_w5qft_23",Tt="_heading_w5qft_26",Ct="_option_w5qft_27",qt="_message_w5qft_28",Lt="_focused_w5qft_64",Vt="_selected_w5qft_68",Rt="_disabled_w5qft_71",Nt="_check_w5qft_75",wt="_optionContent_w5qft_92",Ft="_label_w5qft_97",At="_icon_w5qft_104",jt="_details_w5qft_109",j={layerContainer:Ot,layer:Et,small:xt,heading:Tt,option:Ct,message:qt,focused:Lt,selected:Vt,disabled:Rt,check:Nt,optionContent:wt,label:Ft,icon:At,details:jt},de=({label:e})=>m.jsx("div",{onClick:t=>t.stopPropagation(),className:j.heading,children:e});try{de.displayName="Heading",de.__docgenInfo={description:"",displayName:"Heading",props:{label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"TStringOrNumber"}}}}}catch{}const pe=({details:e,label:t,icon:r,disabled:d=!1,selected:c=!1,focused:h=!1,onSelectOption:f,actions:i,closeLayer:o,testId:y})=>m.jsxs("div",{className:D(j.option,d?j.disabled:"",c?j.selected:"",h?j.focused:""),onClick:!d&&f?f:void 0,"data-testid":y,children:[m.jsx("div",{className:j.optionContent,children:m.jsxs("span",{className:j.label,title:t,children:[t,r&&m.jsx("span",{className:j.icon,children:r})]})}),e&&m.jsx("div",{className:D(j.details),children:m.jsx(se,{faint:!0,children:e})}),!!(i!=null&&i.length)&&m.jsx("div",{className:D(j.actions),children:m.jsx(Be,{actions:i,closeLayer:o})}),m.jsx("span",{className:j.check,children:c?m.jsx(ue,{icon:Fe.CHECK}):null})]});try{pe.displayName="Option",pe.__docgenInfo={description:"",displayName:"Option",props:{details:{defaultValue:null,description:"",name:"details",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactNode"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},selected:{defaultValue:{value:"false"},description:"",name:"selected",required:!1,type:{name:"boolean"}},focused:{defaultValue:{value:"false"},description:"",name:"focused",required:!1,type:{name:"boolean"}},onSelectOption:{defaultValue:null,description:"",name:"onSelectOption",required:!1,type:{name:"((event?: MouseEvent<HTMLDivElement, MouseEvent>, section?: ISelectSectionProps) => void) | undefined"}},actions:{defaultValue:null,description:"",name:"actions",required:!1,type:{name:"any[]"}},closeLayer:{defaultValue:null,description:"",name:"closeLayer",required:!1,type:{name:"TEmpty"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const fe=({section:e,selected:t,focused:r,onSelectOption:d,closeLayer:c})=>{const h=N.useContext(Se);switch(e.type){case ae.HEADING:return m.jsx(de,{label:e.label});case ae.OPTION:default:return m.jsx(pe,{closeLayer:c,actions:e.actions,label:e.label,details:e.details,icon:e.icon,disabled:e.disabled||h,selected:t,focused:r,onSelectOption:d,testId:e.testId})}};try{fe.displayName="Section",fe.__docgenInfo={description:"",displayName:"Section",props:{section:{defaultValue:null,description:"",name:"section",required:!0,type:{name:"ISelectSection"}},selected:{defaultValue:null,description:"",name:"selected",required:!1,type:{name:"boolean"}},focused:{defaultValue:null,description:"",name:"focused",required:!1,type:{name:"boolean"}},onSelectOption:{defaultValue:null,description:"",name:"onSelectOption",required:!1,type:{name:"((event?: MouseEvent<HTMLDivElement, MouseEvent>, section?: ISelectSectionProps) => void) | undefined"}},closeLayer:{defaultValue:null,description:"",name:"closeLayer",required:!1,type:{name:"TEmpty"}}}}}catch{}const me=(e,t)=>{const d=document.createElement("canvas").getContext("2d");return d?(d.font=t,d.measureText(e).width):0},Me="14px",ke="12px",Pt="Lato",Mt="sans-serif",kt=14,Ht=7,Wt=38,Dt=24,Ut=5,zt=3,Gt=1,$t=2,Le=10,He=(e=!1,t=!1)=>`${e?ke:Me} ${t?Pt:Mt}`,Kt=(e=!1,t=!1)=>(e?Ht:kt)+(e?Dt:Wt)+(t?17:0),Ve=(e,t,r,d)=>{const c=He(t,r),h=d?me(d,c):0,f=Math.ceil(e.reduce((o,y)=>{var S;const v=(((S=y==null?void 0:y.actions)==null?void 0:S.length)??0)*24,b=y.icon?parseInt(t?ke:Me)+7:0,O=`${y.label} ${y.details||""}`,I=me(O,c)+v+b;return o=I>o?I:o,o},h)),i=Kt(t,!0);return f+i},Yt=(e,t,r)=>{const d=He(!0,r),c=me(e.label,d),h=(t?zt:Ut)*2+Gt*2+$t;return Math.ceil(c+h)},he=({listRef:e,isMulti:t,sections:r,selectedOptions:d,onSelectOption:c,focusedOptionIndex:h,width:f,small:i,firstSelectedOptionIndex:o,closeLayer:y,testId:v})=>{N.useEffect(()=>{o&&o!==null&&e.current!==null&&e.current.scrollToItem(o,"start")},[o,e]);const b=i?24:30;return m.jsx("div",{"data-testid":v,className:D(j.layer,i&&j.small),children:r.length?m.jsx(It,{ref:e,height:r.length<Le?b*r.length:b*Le,itemCount:r.length,itemSize:b,width:f,children:({index:O,style:I})=>{var S;return m.jsx("div",{style:I,children:m.jsx(fe,{closeLayer:y,section:r[O],selected:t&&r[O].type!==ae.HEADING&&Array.isArray(d)?d.some(n=>{var s;return n&&(n==null?void 0:n.value)===((s=r==null?void 0:r[O])==null?void 0:s.value)}):!Array.isArray(d)&&((S=r==null?void 0:r[O])==null?void 0:S.value)===(d==null?void 0:d.value),focused:h===O,onSelectOption:n=>c(n,r[O])})})}}):m.jsx("ul",{children:m.jsx("li",{children:m.jsx("div",{className:j.message,style:{width:f},children:"No matches"})})})})};try{he.displayName="Layer",he.__docgenInfo={description:"",displayName:"Layer",props:{listRef:{defaultValue:null,description:"",name:"listRef",required:!0,type:{name:"RefObject<any>"}},isMulti:{defaultValue:null,description:"",name:"isMulti",required:!1,type:{name:"boolean"}},sections:{defaultValue:null,description:"",name:"sections",required:!0,type:{name:"ISelectSection[]"}},selectedOptions:{defaultValue:null,description:"",name:"selectedOptions",required:!0,type:{name:"ISelectSelectedOption | ISelectSelectedOption[]"}},onSelectOption:{defaultValue:null,description:"",name:"onSelectOption",required:!0,type:{name:"(event?: MouseEvent<HTMLDivElement, MouseEvent> | undefined, section?: ISelectSection | undefined) => void"}},focusedOptionIndex:{defaultValue:null,description:"",name:"focusedOptionIndex",required:!1,type:{name:"number"}},width:{defaultValue:null,description:"",name:"width",required:!0,type:{name:"number"}},small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean"}},firstSelectedOptionIndex:{defaultValue:null,description:"",name:"firstSelectedOptionIndex",required:!1,type:{name:"number"}},closeLayer:{defaultValue:null,description:"",name:"closeLayer",required:!0,type:{name:"TEmpty"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const Bt="_inputInTable_w9d9u_1",Xt="_inputHover_w9d9u_13",Jt="_inputFocus_w9d9u_18",Zt="_inputError_w9d9u_25",Qt="_inputWarning_w9d9u_26",en="_inputDisabled_w9d9u_61",tn="_hideScrollbars_w9d9u_67",nn="_trigger_w9d9u_77",ln="_isInTable_w9d9u_93",rn="_input_w9d9u_1",an="_isOpen_w9d9u_114",on="_error_w9d9u_122",sn="_warning_w9d9u_139",un="_disabled_w9d9u_156",cn="_icons_w9d9u_162",dn="_clearAll_w9d9u_169",pn="_iconOpen_w9d9u_170",fn="_small_w9d9u_181",mn="_triggerInputContainer_w9d9u_189",hn="_right_w9d9u_198",yn="_multiOptions_w9d9u_211",gn="_multiOption_w9d9u_211",_n="_label_w9d9u_239",bn="_closeMultiOption_w9d9u_242",vn="_focus_w9d9u_253",Sn="_selectedSingleValue_w9d9u_257",In="_placeHolder_w9d9u_258",On="_groupOrderFirst_w9d9u_297",En="_groupOrderMiddle_w9d9u_298",xn="_groupOrderLast_w9d9u_302",Tn="_detailedLabel_w9d9u_307",R={inputInTable:Bt,inputHover:Xt,inputFocus:Jt,inputError:Zt,inputWarning:Qt,inputDisabled:en,hideScrollbars:tn,trigger:nn,isInTable:ln,input:rn,isOpen:an,error:on,warning:sn,disabled:un,icons:cn,clearAll:dn,iconOpen:pn,small:fn,triggerInputContainer:mn,right:hn,multiOptions:yn,multiOption:gn,label:_n,closeMultiOption:bn,focus:vn,selectedSingleValue:Sn,placeHolder:In,groupOrderFirst:On,groupOrderMiddle:En,groupOrderLast:xn,detailedLabel:Tn},ye=({selectedOptions:e,small:t,width:r})=>{const d=Pe(),[c,h]=N.useState([]),[f,i]=N.useState([]);return N.useEffect(()=>{let o=[],y=[],v=0;e.forEach((b,O)=>{v+=Yt(b,t,d),O===e.length-1&&v<r||v<r-24?o.push(b):y.push(b)}),h(o),i(y)},[e,d,r]),m.jsxs("div",{className:R.multiOptions,children:[c.filter(o=>o&&o.label).map((o,y)=>m.jsx("span",{className:R.multiOption,onClick:v=>{v.stopPropagation()},children:o.label},y)),f.length>0&&m.jsx(Ie,{text:f.map((o,y)=>m.jsx("div",{children:o.label},y)),display:"inline-flex",children:m.jsx("span",{className:R.multiOption,children:c.length?`+${f.length}`:`${f.length} items`})})]})};try{ye.displayName="MultiSelectedOptions",ye.__docgenInfo={description:"",displayName:"MultiSelectedOptions",props:{selectedOptions:{defaultValue:null,description:"",name:"selectedOptions",required:!0,type:{name:"ISelectSelectedOption[]"}},small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean"}},width:{defaultValue:null,description:"",name:"width",required:!0,type:{name:"number"}}}}}catch{}const ge=({selectedOptions:e,searchable:t=!1,searchValue:r,onChange:d=()=>{},inputRef:c,error:h,placeholder:f="Select...",small:i})=>{const o=N.useRef(null),y=Array.isArray(e),v=y?e.length>0:!!e,b=r?r.length+1:1,O=()=>{var n,s;const I=((n=o.current)==null?void 0:n.offsetWidth)||0,S=((s=c.current)==null?void 0:s.offsetWidth)||0;return I-S};return m.jsxs("div",{className:R.triggerInputContainer,ref:o,children:[v?y?m.jsx(ye,{selectedOptions:e,small:i,width:O()}):m.jsx("span",{className:R.selectedSingleValue,children:r!=null&&r.length?"":e==null?void 0:e.label}):m.jsx("span",{className:R.placeHolder,children:r!=null&&r.length?"":f}),t?m.jsx("input",{tabIndex:-1,ref:c,size:b,className:D(R.input,h?R.error:""),value:r,onChange:I=>d(I.target.value)}):null]})};try{ge.displayName="Input",ge.__docgenInfo={description:"",displayName:"Input",props:{selectedOptions:{defaultValue:null,description:"",name:"selectedOptions",required:!1,type:{name:"ISelectSelectedOption | ISelectSelectedOption[]"}},searchable:{defaultValue:{value:"false"},description:"",name:"searchable",required:!1,type:{name:"boolean"}},searchValue:{defaultValue:null,description:"",name:"searchValue",required:!1,type:{name:"string"}},inputRef:{defaultValue:null,description:"",name:"inputRef",required:!0,type:{name:"MutableRefObject<HTMLInputElement | null>"}},onChange:{defaultValue:{value:"() => {}"},description:"",name:"onChange",required:!1,type:{name:"((value: string) => void)"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"ReactNode"}},placeholder:{defaultValue:{value:"Select..."},description:"",name:"placeholder",required:!1,type:{name:"string | null"}},small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean"}}}}}catch{}const _e=({selectedOptions:e,searchValue:t,searchable:r,clearable:d,onClickTrigger:c,element:h,error:f,warning:i,tooltip:o,small:y,isInTable:v,disabled:b,onChangeSearch:O,onClickDeselect:I,onClickClear:S,tabIndex:n,isOpen:s,triggerRef:a,clearAllIsFocused:l,focusedSelectedOptionIndex:u,onFocus:p,onBlur:_,groupOrder:g,maxTooltipWidth:E,placeholder:L,right:C,testId:q})=>{const[T,F]=je(),w=d&&e&&e.value,A=(()=>{if(g)switch(g){case re.FIRST:return R.groupOrderFirst;case re.LAST:return R.groupOrderLast;default:return R.groupOrderMiddle}return""})(),U=e!=null&&e.details?{...e,label:m.jsxs("div",{className:D(R.detailedLabel),children:[m.jsx(se,{children:e.label}),m.jsx(se,{muted:!0,children:e.details})]})}:e,$=m.jsxs(m.Fragment,{children:[h,m.jsxs("div",{ref:a,tabIndex:n,className:D(R.trigger,s?R.isOpen:"",f?R.error:i?R.warning:"",b?R.disabled:"",y?R.small:"",v?R.isInTable:"",C?R.right:"",A),onClick:P=>{P.stopPropagation(),typeof F=="function"&&F(),c(P)},onFocus:p,onBlur:_,"data-testid":q,children:[m.jsx(ge,{selectedOptions:U,placeholder:L,searchable:r,searchValue:t,inputRef:T,onChange:O,error:f,small:y}),m.jsx("span",{className:R.icons,children:w?m.jsx("span",{className:D(R.clearAll,l?R.focus:""),onClick:P=>{P.stopPropagation(),S&&S(P)},children:m.jsx(ue,{icon:Fe.CLOSE})}):m.jsx("span",{className:D(R.iconOpen),children:m.jsx(ue,{icon:"chevron down"})})})]})]});return m.jsx(m.Fragment,{children:m.jsx(Ie,{error:!!f,warning:!!i,text:o||f||i,enabled:o&&ee(o)||f&&ee(f)||i&&ee(i)||!1,maxWidth:E,placement:"bottom-center",children:$})})};try{_e.displayName="Trigger",_e.__docgenInfo={description:"",displayName:"Trigger",props:{selectedOptions:{defaultValue:null,description:"",name:"selectedOptions",required:!1,type:{name:"ISelectSelectedOption"}},searchValue:{defaultValue:null,description:"",name:"searchValue",required:!1,type:{name:"string"}},searchable:{defaultValue:null,description:"",name:"searchable",required:!1,type:{name:"boolean"}},clearable:{defaultValue:null,description:"",name:"clearable",required:!1,type:{name:"boolean"}},onClickTrigger:{defaultValue:null,description:"",name:"onClickTrigger",required:!0,type:{name:"(evt: MouseEvent<HTMLDivElement, MouseEvent>) => void"}},element:{defaultValue:null,description:"",name:"element",required:!1,type:{name:"ReactNode"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"ReactNode"}},warning:{defaultValue:null,description:"",name:"warning",required:!1,type:{name:"ReactNode"}},tooltip:{defaultValue:null,description:"",name:"tooltip",required:!1,type:{name:"ReactNode"}},small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean"}},isInTable:{defaultValue:null,description:"",name:"isInTable",required:!1,type:{name:"boolean"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},onChangeSearch:{defaultValue:null,description:"",name:"onChangeSearch",required:!1,type:{name:"((value: string) => void)"}},onClickDeselect:{defaultValue:null,description:"",name:"onClickDeselect",required:!1,type:{name:"((evt: MouseEvent<HTMLDivElement, MouseEvent>) => void)"}},onClickClear:{defaultValue:null,description:"",name:"onClickClear",required:!1,type:{name:"((evt: MouseEvent<HTMLSpanElement, MouseEvent>) => void)"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"number"}},isOpen:{defaultValue:null,description:"",name:"isOpen",required:!1,type:{name:"boolean"}},triggerRef:{defaultValue:null,description:"",name:"triggerRef",required:!1,type:{name:"RefObject<HTMLDivElement>"}},clearAllIsFocused:{defaultValue:null,description:"",name:"clearAllIsFocused",required:!1,type:{name:"boolean"}},focusedSelectedOptionIndex:{defaultValue:null,description:"",name:"focusedSelectedOptionIndex",required:!1,type:{name:"number"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"((evt: FocusEvent<HTMLDivElement, Element>) => void)"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"((evt: FocusEvent<HTMLDivElement, Element>) => void)"}},groupOrder:{defaultValue:null,description:"",name:"groupOrder",required:!1,type:{name:"string"}},maxTooltipWidth:{defaultValue:null,description:"",name:"maxTooltipWidth",required:!1,type:{name:"TStringOrNumber"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string | null"}},right:{defaultValue:null,description:"",name:"right",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}var W=(e=>(e.SET_VISIBLE_OPTIONS="SET_VISIBLE_OPTIONS",e.RESET_LAYER_FOCUS="RESET_LAYER_FOCUS",e.CLEAR_SEARCH="CLEAR_SEARCH",e.ON_CHANGE_SEARCH="ON_CHANGE_SEARCH",e.FOCUS_TRIGGER_INPUTS="FOCUS_TRIGGER_INPUTS",e.BLUR_TRIGGER_INPUTS="BLUR_TRIGGER_INPUTS",e.FOCUS_LAYER_OPTIONS="FOCUS_LAYER_OPTIONS",e.OPEN_LAYER="OPEN_LAYER",e.CLOSE_LAYER="CLOSE_LAYER",e))(W||{});const We={options:["none","clearAll"],currentIndex:0,currentOption:!1,clearAll:!1},Cn=e=>e!==null?e+1:0,De=(e,t)=>{const r=["none",...e.map((c,h)=>c.type!==ae.HEADING?h:null).filter(c=>c!==null)],d=Cn(t);return{options:r,currentIndex:d,current:r[d]}},qn=(e,t)=>{const r=e==="up"?-1:1,d=t.currentIndex+r,c=(d<0?t.options.length-1:d)%t.options.length,h=t.options[c];return{...t,currentIndex:c,current:h}},Ln=(e,t,r)=>{const d=e==="left"?-1:1,c=t&&t.length?["none",...Array.from({length:t.length},(y,v)=>v),"clearAll"]:["none","clearAll"],h=r.currentIndex+d,f=(h<0?c.length-1:h)%c.length,i=c[f];return{options:c,currentIndex:f,currentOption:i,clearAll:i==="clearAll"}},Re=()=>We,Ne=e=>({...e,currentIndex:0,current:"none"}),Vn=(e,t)=>{switch(t.type){case W.SET_VISIBLE_OPTIONS:return{...e,visibleOptions:t.options||[]};case W.RESET_LAYER_FOCUS:return{...e,layerFocus:De(t.options||[],t.firstSelectedOptionIndex||0)};case W.CLEAR_SEARCH:return{...e,visibleOptions:t.options||[],searchValue:""};case W.ON_CHANGE_SEARCH:{let d=[...(t.options||[]).filter(c=>(String(c.label)+(c.details?String(c.details):"")).toLowerCase().includes(String(t.value||"").toLowerCase()))];return t.createAble&&t.value&&t.value!==""&&d.push({label:`Create "${t.value}"`,value:t.value,createAble:!0}),{...e,searchValue:t.value,visibleOptions:d,layerFocus:Ne(e.layerFocus)}}case W.FOCUS_TRIGGER_INPUTS:return{...e,triggerFocus:Ln(t.direction||"right",t.selectedOptions||[],e.triggerFocus),layerFocus:Ne(e.layerFocus)};case W.BLUR_TRIGGER_INPUTS:return{...e,triggerFocus:Re()};case W.FOCUS_LAYER_OPTIONS:return t.nextLayerFocus?{...e,layerFocus:t.nextLayerFocus,triggerFocus:Re()}:e;case W.OPEN_LAYER:return{...e,isLayerOpen:!0};case W.CLOSE_LAYER:return{...e,isLayerOpen:!1};default:return e}},Rn={auto:!0,possiblePlacements:["bottom-start","top-start"],placement:"bottom-start",preferX:"right",preferY:"bottom"};var M=(e=>(e.CLOSE_LAYER="CLOSE_LAYER",e.OPEN_LAYER="OPEN_LAYER",e.SET_VISIBLE_OPTIONS="SET_VISIBLE_OPTIONS",e.CLEAR_SEARCH="CLEAR_SEARCH",e.RESET_LAYER_FOCUS="RESET_LAYER_FOCUS",e.FOCUS_LAYER_OPTIONS="FOCUS_LAYER_OPTIONS",e.BLUR_TRIGGER_INPUTS="BLUR_TRIGGER_INPUTS",e.FOCUS_TRIGGER_INPUTS="FOCUS_TRIGGER_INPUTS",e.ON_CHANGE_SEARCH="ON_CHANGE_SEARCH",e))(M||{}),G=(e=>(e.RIGHT="right",e.LEFT="left",e.UP="up",e.DOWN="down",e.ENTER="enter",e.ESC="esc",e.TAB="tab",e))(G||{});const be=({state:e,dispatch:t,options:r,setTriggerFocus:d,disabled:c,disabledContext:h,onCreate:f,onChange:i,selectedOptions:o,width:y,small:v,isFontLoaded:b,placeholder:O,firstSelectedOptionIndex:I,createAble:S,listRef:n,autoLayerWidth:s})=>{const a=()=>{e.isLayerOpen&&t({type:M.CLOSE_LAYER}),d()},l=()=>t({type:M.OPEN_LAYER}),u=N.useRef(!0);N.useEffect(()=>{u.current?u.current=!1:t({type:M.SET_VISIBLE_OPTIONS,options:r})},[r]);const p=(x,V,Z)=>{if(!(c||h)){if(Z&&Z(),V){if(V.createAble&&f)f(V.value);else if(!V.disabled)if(Array.isArray(o))if(o.some(Y=>Y.label===V.label)){const Y=o.filter(Oe=>Oe.label!==V.label);i&&i(x,Y)}else{const Y=[...o,V];i&&i(x,Y)}else i&&i(x,V)}t({type:M.CLEAR_SEARCH,options:r}),d()}},_=N.useCallback(()=>y?y!=="auto"?y:Ve(r,v,b,O):"100%",[r,b]),g=N.useCallback(x=>s?Math.max(Ve(r,v,b,O),x==null?void 0:x.width):x==null?void 0:x.width,[r,b]),{renderLayer:E,layerProps:L,triggerProps:C,triggerBounds:q}=ze({isOpen:(e==null?void 0:e.isLayerOpen)??!1,overflowContainer:!0,...Rn,ResizeObserver,onOutsideClick:a,onParentClose:a}),T=()=>{if(!(c||h)){if(e.isLayerOpen){a();return}t({type:M.RESET_LAYER_FOCUS,options:r,firstSelectedOptionIndex:I}),l()}},F=N.useRef(!0);N.useEffect(()=>{F.current?F.current=!1:e.isLayerOpen||t({type:M.CLEAR_SEARCH,options:r})},[e.isLayerOpen]);const w=(x,V)=>{const Z=o instanceof Array?o.filter(K=>K.value!==V.value):null;i&&i(x,Z)},A=x=>{const V=o instanceof Array?[]:{value:null};i&&i(x,V)},U=x=>t({type:M.ON_CHANGE_SEARCH,options:r,value:x,createAble:S}),$=()=>{l(),t({type:M.BLUR_TRIGGER_INPUTS})},P=x=>{n.current&&Number.isInteger(x)&&n.current.scrollToItem(x)},z=x=>{const V=qn(x,e.layerFocus);t({type:M.FOCUS_LAYER_OPTIONS,nextLayerFocus:V}),P(V.current)},te=x=>{t({type:M.FOCUS_TRIGGER_INPUTS,ICustomSelectDirection:x,selectedOptions:o})},B=x=>A(x),ne=o&&o[e.triggerFocus.currentOption],le=x=>{w(x,o[e.triggerFocus.currentOption])},X=x=>{var V;p(x,(V=e==null?void 0:e.visibleOptions)==null?void 0:V[e.layerFocus.current],a)},k=e.triggerFocus.clearAll;return{getTriggerWidth:_,onKeyEvent:(x,V)=>{switch(x){case G.UP:{z(x);break}case G.DOWN:{e.isLayerOpen?z(x):$();break}case G.LEFT:case G.RIGHT:{te(x);break}case G.ENTER:{k?B(V):ne?le(V):X(V);break}case G.ESC:{a();break}}},clearAllIsFocused:k,triggerProps:C,onClickTrigger:T,onChangeSearch:U,onClickDeselectOption:w,onClickClearAll:A,renderLayer:E,layerProps:L,closeLayer:a,onSelectOption:p,getLayerWidth:g,triggerBounds:q}};try{be.displayName="useCustomSelectLogic",be.__docgenInfo={description:"",displayName:"useCustomSelectLogic",props:{state:{defaultValue:null,description:"",name:"state",required:!0,type:{name:"ICustomSelectState"}},dispatch:{defaultValue:null,description:"",name:"dispatch",required:!0,type:{name:"(action: any) => void"}},options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"TCustomSelectSelectOption[]"}},setTriggerFocus:{defaultValue:null,description:"",name:"setTriggerFocus",required:!0,type:{name:"TEmpty"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!0,type:{name:"boolean"}},disabledContext:{defaultValue:null,description:"",name:"disabledContext",required:!0,type:{name:"boolean"}},onCreate:{defaultValue:null,description:"",name:"onCreate",required:!0,type:{name:"((value: string) => void) | null"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"((evt: any, selected: any) => void) | null"}},selectedOptions:{defaultValue:null,description:"",name:"selectedOptions",required:!0,type:{name:"ISelectSelectedOption | ISelectSelectedOption[]"}},width:{defaultValue:null,description:"",name:"width",required:!0,type:{name:"TStringOrNumber | null"}},small:{defaultValue:null,description:"",name:"small",required:!0,type:{name:"boolean"}},isFontLoaded:{defaultValue:null,description:"",name:"isFontLoaded",required:!0,type:{name:"boolean"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!0,type:{name:"string"}},firstSelectedOptionIndex:{defaultValue:null,description:"",name:"firstSelectedOptionIndex",required:!0,type:{name:"number"}},createAble:{defaultValue:null,description:"",name:"createAble",required:!0,type:{name:"boolean"}},listRef:{defaultValue:null,description:"",name:"listRef",required:!0,type:{name:"RefObject<any>"}},autoLayerWidth:{defaultValue:null,description:"",name:"autoLayerWidth",required:!0,type:{name:"boolean"}}}}}catch{}const ve=e=>{const{multi:t=!1,disabled:r=!1,error:d=null,warning:c=null,tooltip:h=null,options:f,selectedOptions:i,onCreate:o=null,placeholder:y="",small:v=!1,tabIndex:b=0,onFocus:O=()=>{},onBlur:I=()=>{},searchable:S=!0,clearable:n=!1,maxTooltipWidth:s,closeOnOptionActionClick:a,isInTable:l=!1,groupOrder:u,firstSelectedOptionIndex:p=0,right:_=!1,testId:g=void 0}=e,E=N.useContext(Se),L=o!==null,C=N.useRef(null),[q,T]=je(),F=Pe(),[w,A]=N.useReducer(Vn,{options:f,firstSelectedOptionIndex:p},({options:K})=>({searchValue:"",visibleOptions:K,layerFocus:De(K,p??0),triggerFocus:We,isLayerOpen:!1})),{getTriggerWidth:U,onKeyEvent:$,clearAllIsFocused:P,triggerProps:z,onClickTrigger:te,onChangeSearch:B,onClickDeselectOption:ne,onClickClearAll:le,renderLayer:X,layerProps:k,closeLayer:J,onSelectOption:x,getLayerWidth:V,triggerBounds:Z}=be({...e,state:w,dispatch:A,setTriggerFocus:T,disabledContext:E,isFontLoaded:F,createAble:L,listRef:C});return m.jsx("div",{style:{width:U()},children:m.jsxs(ht,{handleKeys:Object.values(G),onKeyEvent:$,children:[m.jsx(_e,{selectedOptions:i,searchValue:w.searchValue,isOpen:w.isLayerOpen,focusedSelectedOptionIndex:w.triggerFocus.currentOption,clearAllIsFocused:P,searchable:S,triggerRef:Ge(q,z.ref),error:d,warning:c,tooltip:h,small:v,isInTable:l,disabled:r||E,clearable:n,tabIndex:b,onClickTrigger:te,onChangeSearch:B,onClickDeselect:ne,onClickClear:le,onFocus:O,onBlur:I,groupOrder:u,maxTooltipWidth:s,placeholder:y,right:_,testId:g}),w.isLayerOpen&&X(m.jsx("div",{...k,className:j.layerContainer,children:m.jsx(he,{listRef:C,isMulti:t,sections:w.visibleOptions,selectedOptions:i,onSelectOption:(K,Y)=>{x(K,Y,t?void 0:J)},closeLayer:()=>{a&&J()},width:V(Z),small:v,focusedOptionIndex:w.layerFocus.current,firstSelectedOptionIndex:p??0,testId:g&&`${g}-layer`})}))]})})};try{ve.displayName="CustomSelect",ve.__docgenInfo={description:"",displayName:"CustomSelect",props:{multi:{defaultValue:null,description:"",name:"multi",required:!1,type:{name:"boolean"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},warning:{defaultValue:null,description:"",name:"warning",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},tooltip:{defaultValue:null,description:"",name:"tooltip",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"TCustomSelectSelectOption[]"}},selectedOptions:{defaultValue:null,description:"",name:"selectedOptions",required:!0,type:{name:"ISelectSelectedOption | ISelectSelectedOption[]"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((evt: ChangeEvent<HTMLInputElement>, newSelectedOptions: ISelectSelectedOption) => void)"}},onCreate:{defaultValue:null,description:"",name:"onCreate",required:!1,type:{name:"((value: string) => void)"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string | null"}},small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"number"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber | null"}},autoLayerWidth:{defaultValue:null,description:"",name:"autoLayerWidth",required:!1,type:{name:"boolean"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"TEmpty"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"TEmpty"}},searchable:{defaultValue:null,description:"",name:"searchable",required:!1,type:{name:"boolean"}},clearable:{defaultValue:null,description:"",name:"clearable",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:"string"}},firstSelectedOptionIndex:{defaultValue:null,description:"",name:"firstSelectedOptionIndex",required:!0,type:{name:"number | null"}},right:{defaultValue:null,description:"",name:"right",required:!1,type:{name:"boolean"}},maxTooltipWidth:{defaultValue:null,description:"",name:"maxTooltipWidth",required:!1,type:{name:"TStringOrNumber"}},closeOnOptionActionClick:{defaultValue:null,description:"",name:"closeOnOptionActionClick",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const we=e=>{const{name:t="",options:r=[],value:d,native:c=!1,onChange:h=()=>{},deprecatedEventHandler:f=!1,autoScroll:i=!0,warning:o,error:y,checkNonExistentValues:v=!0,closeOnOptionActionClick:b=!0,testId:O}=e,I=!c&&i===!0,{multi:S,simpleInputs:n,options:s,selectedOptions:a,firstSelectedOptionIndex:l,hasNonExistentValue:u}=Xe(r,d,I,v),p=!S,_=c&&p;c&&!p&&console.warn("Native select does not support provided props (see stories)");const g="Value no longer available for re-selection",E=u?o?m.jsxs("div",{children:[m.jsx("div",{children:g}),m.jsx("div",{children:o})]}):g:o,L=u&&y?m.jsxs("div",{children:[m.jsx("div",{children:g}),m.jsx("div",{children:y})]}):y,C=(q,T)=>{if(f){const F=S?T.map(w=>n?w.value:w):n?T.value:T;h(F)}else{const F=!(q instanceof Event),w=S?T:T.value;F?(q.target.name=t,q.target.value=w,S||(q.target.label=T.label),h(q)):h({...q,target:{...q.target,name:t,value:w,...!S&&{label:T.label}}})}};return _?m.jsx(ce,{...e,options:s,selectedOption:a,onChange:C,hasNonExistentValue:u,warning:E,error:L,testId:O}):m.jsx(ve,{...e,options:s,selectedOptions:a,onChange:C,multi:S,firstSelectedOptionIndex:l,warning:E,error:L,testId:O,closeOnOptionActionClick:b})};try{we.displayName="Select",we.__docgenInfo={description:"",displayName:"Select",props:{name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},multi:{defaultValue:null,description:"",name:"multi",required:!1,type:{name:"boolean"}},options:{defaultValue:null,description:"",name:"options",required:!1,type:{name:"ISelectSelectedOption[]"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"any"}},native:{defaultValue:null,description:"",name:"native",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((value: any) => void)"}},deprecatedEventHandler:{defaultValue:null,description:"",name:"deprecatedEventHandler",required:!1,type:{name:"boolean"}},autoScroll:{defaultValue:null,description:"",name:"autoScroll",required:!1,type:{name:"boolean"}},warning:{defaultValue:null,description:"",name:"warning",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},checkNonExistentValues:{defaultValue:null,description:"",name:"checkNonExistentValues",required:!1,type:{name:"boolean"}},closeOnOptionActionClick:{defaultValue:null,description:"",name:"closeOnOptionActionClick",required:!1,type:{name:"boolean"}},small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber | null"}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"TStringOrNumber"}},onCreate:{defaultValue:null,description:"",name:"onCreate",required:!1,type:{name:"((evt: any) => any)"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string | null"}},isInTable:{defaultValue:null,description:"",name:"isInTable",required:!1,type:{name:"boolean"}},clearable:{defaultValue:null,description:"",name:"clearable",required:!1,type:{name:"boolean"}},searchable:{defaultValue:null,description:"",name:"searchable",required:!1,type:{name:"boolean"}},maxTooltipWidth:{defaultValue:null,description:"",name:"maxTooltipWidth",required:!1,type:{name:"TStringOrNumber"}},autoLayerWidth:{defaultValue:null,description:"",name:"autoLayerWidth",required:!1,type:{name:"boolean"}},right:{defaultValue:null,description:"",name:"right",required:!1,type:{name:"boolean"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"number"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}export{we as S};
@@ -1,4 +1,4 @@
1
- import{j as n}from"./jsx-runtime-f961835c.js";import{r as ln}from"./index-f80c8c95.js";import{S as r}from"./select-ef19f734.js";import{S as k}from"./spacer-54db0620.js";import{I as F}from"./common-types-3a5f9d98.js";import{I as W}from"./icon-281c0950.js";import{T as tn}from"./text-ad1f5f1d.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"./actions-adb8a67c.js";import"./button-1a1d00ec.js";import"./spinner-cb92a546.js";import"./badge-a96e6194.js";import"./select.input-88b6ebab.js";import"./tslib.es6-dfef685f.js";const sn=[{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Koalas",value:"leaves"},{label:"Monkeys",value:"bananas",disabled:!0},{label:"Wombats",value:"bark"}],rn=[{label:"Kangaroos",value:"grass",details:"(grass)"},{label:"Monkeys",value:"bananas",details:"(bananas)"},{label:"Possums",value:"slugs",details:"(slugs)"}],on=[{type:"Heading",label:"Large"},{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas"},{type:"Heading",label:"Small"},{label:"Possums",value:"slugs"}],dn=[{label:1,value:1},{label:2,value:2},{label:3,value:3},{label:4,value:4}],cn=[{label:"Yes",value:!0},{label:"No",value:!1}],un=[{label:"Aardvarks",value:"termites"},{label:"Monkeys",value:"bananas"},{label:"Vampires",value:"blood",icon:n.jsx(W,{icon:F.WARNING,color:"var(--color-text-warning)"})},{label:"Zombies",value:"brains",icon:n.jsx(W,{icon:F.ERROR,color:"var(--color-text-error)"})}],s=[{label:"Delete",icon:"delete",onClick:()=>{}},{label:"Rename",icon:"rename",onClick:()=>{}}],pn=[{label:"Kangaroos",value:"grass",actions:s},{label:"Monkeys",value:"bananas",actions:s},{label:"Possums",value:"slugs",actions:s,details:"(some details)"}],hn=[{label:"Kangaroos",value:"grass",actions:s,icon:n.jsx(W,{icon:F.WARNING,color:"var(--color-text-warning)"}),details:"(grass)"},{label:"Monkeys",value:"bananas",actions:s,icon:n.jsx(W,{icon:F.WARNING,color:"var(--color-text-warning)"}),details:"(bananas)"},{label:"Possums",value:"slugs",actions:s,icon:n.jsx(W,{icon:F.WARNING,color:"var(--color-text-warning)"}),details:"(slugs)"}],gn=[...Array(1e4).keys()].map((a,N)=>({label:Math.random().toString(36).substring(7),value:N})),vn=["Aardvarks","Kangaroos","Monkeys","Possums"],Kn={title:"Forms/Select",component:r,args:{options:sn,native:!1,multi:!1,disabled:!1,autoLayerWidth:!1,clearable:!1,searchable:!0,right:!1}},e=a=>{const{multi:N,value:en}=a,[O,nn]=ln.useState(en||(N?[]:void 0)),E=an=>{const{value:I}=an.target;nn(N?I:{value:I})};return n.jsxs(n.Fragment,{children:[n.jsx(r,{value:O,onChange:E,placeholder:"Full width",...a}),n.jsx(k,{}),n.jsx(r,{value:O,onChange:E,width:"200px",placeholder:"Fixed width",...a}),n.jsx(k,{}),n.jsx(r,{value:O,onChange:E,width:"auto",placeholder:"Auto width",...a}),n.jsx(k,{}),n.jsx(r,{value:O,onChange:E,width:"auto",placeholder:"Small",small:!0,...a}),n.jsx(k,{}),n.jsx(tn,{small:!0,muted:!0,children:"Avoid auto width for very long lists."})]})},L=e.bind({}),o=e.bind({});o.args={native:!0};const d=e.bind({});d.args={multi:!0,clearable:!0};const i=e.bind({});i.args={options:[]};const c=e.bind({});c.args={clearable:!0};const u=e.bind({});u.args={value:{label:"Vampires",value:"blood"}};const p=e.bind({});p.args={placeholder:"Select the best animal..."};const h=e.bind({});h.args={options:on};const g=e.bind({});g.args={options:rn};const v=e.bind({});v.args={options:un};const m=e.bind({});m.args={options:pn};const S=e.bind({});S.args={options:hn};const x=e.bind({});x.args={searchable:!1};const C=e.bind({});C.args={right:!0};const l=e.bind({});l.parameters={docs:{description:{story:"Avoid autoLayerWidth for very long lists in custom selects (slow)"}}};l.args={width:"70px",autoLayerWidth:!0};const b=e.bind({});b.args={tooltip:"Some info"};const w=e.bind({});w.args={error:"Some info"};const V=e.bind({});V.args={warning:"Some info"};const j=e.bind({});j.args={disabled:!0};const y=e.bind({});y.args={options:dn,placeholder:void 0};const f=e.bind({});f.args={options:cn};const A=e.bind({});A.args={options:vn};const t=e.bind({});t.parameters={docs:{description:{story:"Avoid `width: auto` and autoLayerWidth for very long lists in custom selects (slow). Consider checkNonExistentValues={false}."}}};t.args={options:gn};const T=e.bind({});T.args={deprecatedEventHandler:!0};var R,D,M;L.parameters={...L.parameters,docs:{...(R=L.parameters)==null?void 0:R.docs,source:{originalSource:`(args: any) => {
1
+ import{j as n}from"./jsx-runtime-f961835c.js";import{r as ln}from"./index-f80c8c95.js";import{S as r}from"./select-5b49db3f.js";import{S as k}from"./spacer-54db0620.js";import{I as F}from"./common-types-2c81813f.js";import{I as W}from"./icon-281c0950.js";import{T as tn}from"./text-ad1f5f1d.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"./actions-b2d6959f.js";import"./button-b407ca6a.js";import"./spinner-cb92a546.js";import"./badge-3abf067b.js";import"./select.input-88b6ebab.js";import"./tslib.es6-dfef685f.js";const sn=[{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Koalas",value:"leaves"},{label:"Monkeys",value:"bananas",disabled:!0},{label:"Wombats",value:"bark"}],rn=[{label:"Kangaroos",value:"grass",details:"(grass)"},{label:"Monkeys",value:"bananas",details:"(bananas)"},{label:"Possums",value:"slugs",details:"(slugs)"}],on=[{type:"Heading",label:"Large"},{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas"},{type:"Heading",label:"Small"},{label:"Possums",value:"slugs"}],dn=[{label:1,value:1},{label:2,value:2},{label:3,value:3},{label:4,value:4}],cn=[{label:"Yes",value:!0},{label:"No",value:!1}],un=[{label:"Aardvarks",value:"termites"},{label:"Monkeys",value:"bananas"},{label:"Vampires",value:"blood",icon:n.jsx(W,{icon:F.WARNING,color:"var(--color-text-warning)"})},{label:"Zombies",value:"brains",icon:n.jsx(W,{icon:F.ERROR,color:"var(--color-text-error)"})}],s=[{label:"Delete",icon:"delete",onClick:()=>{}},{label:"Rename",icon:"rename",onClick:()=>{}}],pn=[{label:"Kangaroos",value:"grass",actions:s},{label:"Monkeys",value:"bananas",actions:s},{label:"Possums",value:"slugs",actions:s,details:"(some details)"}],hn=[{label:"Kangaroos",value:"grass",actions:s,icon:n.jsx(W,{icon:F.WARNING,color:"var(--color-text-warning)"}),details:"(grass)"},{label:"Monkeys",value:"bananas",actions:s,icon:n.jsx(W,{icon:F.WARNING,color:"var(--color-text-warning)"}),details:"(bananas)"},{label:"Possums",value:"slugs",actions:s,icon:n.jsx(W,{icon:F.WARNING,color:"var(--color-text-warning)"}),details:"(slugs)"}],gn=[...Array(1e4).keys()].map((a,N)=>({label:Math.random().toString(36).substring(7),value:N})),vn=["Aardvarks","Kangaroos","Monkeys","Possums"],Kn={title:"Forms/Select",component:r,args:{options:sn,native:!1,multi:!1,disabled:!1,autoLayerWidth:!1,clearable:!1,searchable:!0,right:!1}},e=a=>{const{multi:N,value:en}=a,[O,nn]=ln.useState(en||(N?[]:void 0)),E=an=>{const{value:I}=an.target;nn(N?I:{value:I})};return n.jsxs(n.Fragment,{children:[n.jsx(r,{value:O,onChange:E,placeholder:"Full width",...a}),n.jsx(k,{}),n.jsx(r,{value:O,onChange:E,width:"200px",placeholder:"Fixed width",...a}),n.jsx(k,{}),n.jsx(r,{value:O,onChange:E,width:"auto",placeholder:"Auto width",...a}),n.jsx(k,{}),n.jsx(r,{value:O,onChange:E,width:"auto",placeholder:"Small",small:!0,...a}),n.jsx(k,{}),n.jsx(tn,{small:!0,muted:!0,children:"Avoid auto width for very long lists."})]})},L=e.bind({}),o=e.bind({});o.args={native:!0};const d=e.bind({});d.args={multi:!0,clearable:!0};const i=e.bind({});i.args={options:[]};const c=e.bind({});c.args={clearable:!0};const u=e.bind({});u.args={value:{label:"Vampires",value:"blood"}};const p=e.bind({});p.args={placeholder:"Select the best animal..."};const h=e.bind({});h.args={options:on};const g=e.bind({});g.args={options:rn};const v=e.bind({});v.args={options:un};const m=e.bind({});m.args={options:pn};const S=e.bind({});S.args={options:hn};const x=e.bind({});x.args={searchable:!1};const C=e.bind({});C.args={right:!0};const l=e.bind({});l.parameters={docs:{description:{story:"Avoid autoLayerWidth for very long lists in custom selects (slow)"}}};l.args={width:"70px",autoLayerWidth:!0};const b=e.bind({});b.args={tooltip:"Some info"};const w=e.bind({});w.args={error:"Some info"};const V=e.bind({});V.args={warning:"Some info"};const j=e.bind({});j.args={disabled:!0};const y=e.bind({});y.args={options:dn,placeholder:void 0};const f=e.bind({});f.args={options:cn};const A=e.bind({});A.args={options:vn};const t=e.bind({});t.parameters={docs:{description:{story:"Avoid `width: auto` and autoLayerWidth for very long lists in custom selects (slow). Consider checkNonExistentValues={false}."}}};t.args={options:gn};const T=e.bind({});T.args={deprecatedEventHandler:!0};var R,D,M;L.parameters={...L.parameters,docs:{...(R=L.parameters)==null?void 0:R.docs,source:{originalSource:`(args: any) => {
2
2
  const {
3
3
  multi,
4
4
  value
@@ -0,0 +1 @@
1
+ ._inputInTable_3l173_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_3l173_1:not(:hover){border-color:transparent}._inputInTable_3l173_1:not(:focus){box-shadow:none}._inputHover_3l173_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_3l173_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_3l173_25,._inputWarning_3l173_26{position:relative}._inputError_3l173_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error)}._inputError_3l173_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_3l173_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_3l173_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning)}._inputWarning_3l173_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_3l173_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_3l173_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_3l173_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_3l173_67::-webkit-scrollbar{display:none}:root{--size-sidebar: var(--size-xl);--color-background-sidebar: var(--color-neutral-1000)}._sidebar_3l173_81{background-color:var(--color-background-sidebar);color:#fff;position:relative;padding:var(--padding) 0}@media print{._sidebar_3l173_81{display:none}}._inner_3l173_92{scrollbar-width:none;-ms-overflow-style:none}._inner_3l173_92::-webkit-scrollbar{display:none}._title_3l173_102,._subtitle_3l173_103,._label_3l173_104{transition:opacity .2s,max-height .2s,margin .2s,color .2s;max-height:50px}._collapsed_3l173_108 ._title_3l173_102,._collapsed_3l173_108 ._subtitle_3l173_103,._collapsed_3l173_108 ._label_3l173_104{opacity:0;max-height:0;margin-bottom:0;margin-top:0}._title_3l173_102{overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap;margin-top:0;font-size:var(--font-size-lg);padding:0 var(--padding)}._subtitle_3l173_103{margin-bottom:var(--padding-sm);white-space:nowrap;font-size:var(--font-size-sm);letter-spacing:.1em;opacity:.6;padding:0 var(--padding)}._list_3l173_133{margin-bottom:var(--padding-xl);margin-top:0}._item_3l173_137{min-height:var(--size-lg);transition:padding .2s;font-size:var(--font-size-lg);color:#fff;font-weight:400;display:flex;padding:0 var(--padding);align-items:center;margin-bottom:var(--padding-xxs)}._collapsed_3l173_108 ._item_3l173_137{padding:0 9px}._item_3l173_137:focus{outline:none}._item_3l173_137::-moz-focus-inner{border:0}._item_3l173_137:hover,._item_3l173_137:focus{color:var(--color-primary-400)}._item_3l173_137:active{color:var(--color-primary-300)}._item_3l173_137._active_3l173_164{color:#fff;background:black}._item_3l173_137._experimental_3l173_168{background:#40130b}._icon_3l173_171{margin-right:var(--padding-sm);line-height:0;flex-shrink:0;transition:opacity .2s;opacity:.5;display:block}._item_3l173_137:hover ._icon_3l173_171,._item_3l173_137:focus ._icon_3l173_171{opacity:.75}._item_3l173_137:active ._icon_3l173_171{opacity:1}._icon_3l173_171>*{opacity:1}._icon_3l173_171>span{display:block}._icon_3l173_171 svg{stroke-width:1}._label_3l173_104{white-space:nowrap;overflow:hidden}