@oliasoft-open-source/react-ui-library 4.4.0 → 4.4.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (108) hide show
  1. package/dist/index.d.ts +2 -0
  2. package/dist/storybook/assets/{Color-6VNJS4EI-fNEnxQ05.js → Color-6VNJS4EI-XlHNcRpH.js} +1 -1
  3. package/dist/storybook/assets/{DocsRenderer-NNNQARDV-KMTyUuTi.js → DocsRenderer-NNNQARDV-ELQm8KxB.js} +1 -1
  4. package/dist/storybook/assets/{WithTooltip-4HIR6TLV-29nNQIoq.js → WithTooltip-4HIR6TLV-lzsOqqar.js} +1 -1
  5. package/dist/storybook/assets/{accordion.stories-gltYKUzg.js → accordion.stories-0GRXa45r.js} +1 -1
  6. package/dist/storybook/assets/{actions-Z9jDWreP.js → actions-SGexXf58.js} +1 -1
  7. package/dist/storybook/assets/{actions.stories-Qrio9EMy.js → actions.stories-dDCC23QK.js} +1 -1
  8. package/dist/storybook/assets/{afe.stories-Vnsgz9Oy.js → afe.stories-1EF67Y8w.js} +1 -1
  9. package/dist/storybook/assets/{badge.stories-C0MXS15j.js → badge.stories-nzXJ1qip.js} +1 -1
  10. package/dist/storybook/assets/{blowout.stories-BXWf5R9h.js → blowout.stories-ro9WCHli.js} +1 -1
  11. package/dist/storybook/assets/{button-7V8oA22w.js → button-IoNblLER.js} +1 -1
  12. package/dist/storybook/assets/{button-group-q8QKkLVU.js → button-group-KeeGgC4K.js} +1 -1
  13. package/dist/storybook/assets/{button-group.stories-tLZpLTfD.js → button-group.stories-DG3i2d7K.js} +1 -1
  14. package/dist/storybook/assets/{button.stories-f6VcbEgi.js → button.stories-R9_1tl9l.js} +1 -1
  15. package/dist/storybook/assets/{buttons-and-links-veHns3Q1.js → buttons-and-links-jWrvEFHF.js} +1 -1
  16. package/dist/storybook/assets/{card.stories-HzHJW6ek.js → card.stories-OtRekExg.js} +1 -1
  17. package/dist/storybook/assets/{casing-loads.stories-ZzYedx2i.js → casing-loads.stories--R1CqEh7.js} +1 -1
  18. package/dist/storybook/assets/{cell.stories-AfSTiUk8.js → cell.stories-Byl89vdm.js} +1 -1
  19. package/dist/storybook/assets/{check-box-s9CvqRSD.js → check-box-ybJTs3K1.js} +1 -1
  20. package/dist/storybook/assets/{check-box.stories-nOztaYcw.js → check-box.stories--OzUU4pr.js} +1 -1
  21. package/dist/storybook/assets/{chunk-HLWAVYOI-mGXCf4xj.js → chunk-HLWAVYOI-szJd1vNZ.js} +1 -1
  22. package/dist/storybook/assets/{color-tLDnWSIG.js → color-S7fSaEt3.js} +1 -1
  23. package/dist/storybook/assets/{column.stories-6OLsjlcP.js → column.stories-5pd3N4bE.js} +1 -1
  24. package/dist/storybook/assets/{dialog-WKHRZcjc.js → dialog-dekS0lUR.js} +1 -1
  25. package/dist/storybook/assets/{drawer-WuErQ5Z8.js → drawer-TM-jK3WR.js} +1 -1
  26. package/dist/storybook/assets/{drawer.stories-ezk4vO0w.js → drawer.stories-K-pmYbOj.js} +1 -1
  27. package/dist/storybook/assets/{empty.stories-lva3DbfI.js → empty.stories-KIByp315.js} +1 -1
  28. package/dist/storybook/assets/{field-eknsj_Ll.js → field-kOZPBHf6.js} +1 -1
  29. package/dist/storybook/assets/{field.stories-RmhJ16HT.js → field.stories-aEccauPi.js} +1 -1
  30. package/dist/storybook/assets/{file-input.stories-UaDciacM.js → file-input.stories-S2GkuNTu.js} +1 -1
  31. package/dist/storybook/assets/{flex-3eLDDUyy.js → flex-ZVra76N-.js} +1 -1
  32. package/dist/storybook/assets/{flex.stories-_VBDAVzN.js → flex.stories-kjbyZMWP.js} +1 -1
  33. package/dist/storybook/assets/{footer.stories-bp50SxzB.js → footer.stories-Q0WYlDag.js} +1 -1
  34. package/dist/storybook/assets/{form.stories-XCXzg5lT.js → form.stories-ohSNdxeG.js} +1 -1
  35. package/dist/storybook/assets/{formation.stories-5x0HcI_o.js → formation.stories-k4GHTAjl.js} +1 -1
  36. package/dist/storybook/assets/{formatter-SWP5E3XI-6m6W7NB7.js → formatter-SWP5E3XI-FlR4TUjf.js} +1 -1
  37. package/dist/storybook/assets/{heading-Bk0bpNfe.js → heading-cUVItwKq.js} +1 -1
  38. package/dist/storybook/assets/{heading.stories-DmZLaZJb.js → heading.stories-K-Z0sIoo.js} +1 -1
  39. package/dist/storybook/assets/{help-icon--rUDxLUD.js → help-icon-nI9A506M.js} +1 -1
  40. package/dist/storybook/assets/{help-icon.stories-vifwJgNA.js → help-icon.stories-Qz7MKCnQ.js} +1 -1
  41. package/dist/storybook/assets/{icon.stories-h0hheUmg.js → icon.stories-icqUrCtQ.js} +1 -1
  42. package/dist/storybook/assets/{iframe-AtjhTGyx.js → iframe-b48CykjT.js} +2 -2
  43. package/dist/storybook/assets/{index-PqLI7NLX.js → index-bfKX6qW8.js} +5 -5
  44. package/dist/storybook/assets/{input-group.stories-WljyIQ0a.js → input-group.stories-EouZEW-v.js} +1 -1
  45. package/dist/storybook/assets/{input-u1He-wWs.js → input-iDZqV-2m.js} +1 -1
  46. package/dist/storybook/assets/{input-validation-DXz2wD-a.js → input-validation-GBoVTJgT.js} +1 -1
  47. package/dist/storybook/assets/{input.stories-rLdDRxtU.js → input.stories-iopguZKB.js} +1 -1
  48. package/dist/storybook/assets/{inputs-XRPZnL3K.js → inputs-77RnbPsm.js} +1 -1
  49. package/dist/storybook/assets/{label-0_Qf6I8t.js → label-RpB4JmHX.js} +1 -1
  50. package/dist/storybook/assets/{label.stories-aXdU5_Ql.js → label.stories-HcdQ1bEB.js} +1 -1
  51. package/dist/storybook/assets/{layout-forms-ZNGJC4ku.js → layout-forms-oRVBYsJy.js} +1 -1
  52. package/dist/storybook/assets/{layout-general-ZjVDSo7T.js → layout-general-jV5KZw8S.js} +1 -1
  53. package/dist/storybook/assets/{list-8l-RGDgw.js → list-ciYNlkVM.js} +1 -1
  54. package/dist/storybook/assets/{list-heading-Vd3hu5Pf.js → list-heading-XbqCJOHh.js} +1 -1
  55. package/dist/storybook/assets/{list.stories-data-9RrIjRci.js → list.stories-data-spFiMtCi.js} +1 -1
  56. package/dist/storybook/assets/{list.stories-uR6izjvO.js → list.stories-khlFbVFq.js} +1 -1
  57. package/dist/storybook/assets/{loader.stories-0OwmnNML.js → loader.stories-G8Q_Fm8u.js} +1 -1
  58. package/dist/storybook/assets/{menu.stories-data-l5rlcD9_.js → menu.stories-data-VCYkzuDD.js} +1 -1
  59. package/dist/storybook/assets/{menu.stories-5G4phywO.js → menu.stories-sot2Whii.js} +1 -1
  60. package/dist/storybook/assets/{message.stories-NeUh9ew0.js → message.stories-ZP0zR37Q.js} +1 -1
  61. package/dist/storybook/assets/{modal.stories-15sY1c5H.js → modal.stories-K4XxeWTp.js} +1 -1
  62. package/dist/storybook/assets/{number-input-SvjJIGsW.js → number-input-d7hXQldd.js} +1 -1
  63. package/dist/storybook/assets/{number-input.stories-BURENIFo.js → number-input.stories-SOsG2FLJ.js} +1 -1
  64. package/dist/storybook/assets/{option-dropdown.stories-M-9T9SPD.js → option-dropdown.stories-RE63Y_Uz.js} +1 -1
  65. package/dist/storybook/assets/{padding-and-spacing-jFhAKOb3.js → padding-and-spacing-XNqIrm7r.js} +1 -1
  66. package/dist/storybook/assets/{page.stories-9XUTUblI.js → page.stories-B5gzoAi8.js} +1 -1
  67. package/dist/storybook/assets/{pagination-5n5spTRo.js → pagination-Eaj_UOBW.js} +1 -1
  68. package/dist/storybook/assets/{pagination.stories-g4a-aSxq.js → pagination.stories-sl2a8BMq.js} +1 -1
  69. package/dist/storybook/assets/{pop-confirm.stories-1rgIFpIA.js → pop-confirm.stories-UxdzmHn2.js} +1 -1
  70. package/dist/storybook/assets/{popover-Y3FpGdUS.js → popover-uAo1e4-D.js} +1 -1
  71. package/dist/storybook/assets/{popover.stories-bWBLR9fB.js → popover.stories-XaqJOrng.js} +1 -1
  72. package/dist/storybook/assets/{preview--FJCNxDW.js → preview--KqQBoE-.js} +2 -2
  73. package/dist/storybook/assets/{preview-iJSm7cbB.js → preview-NkSI92vr.js} +1 -1
  74. package/dist/storybook/assets/{projects.stories-84p22lkF.js → projects.stories-ojOsn6HU.js} +1 -1
  75. package/dist/storybook/assets/{radio-button-jHcwHUA4.js → radio-button-QcS9mLYi.js} +1 -1
  76. package/dist/storybook/assets/{radio-button.stories-LkCJsp5P.js → radio-button.stories-KCS981-F.js} +1 -1
  77. package/dist/storybook/assets/{reservoirs.stories-lSGho6cn.js → reservoirs.stories-Q4daMyjv.js} +1 -1
  78. package/dist/storybook/assets/{rich-text-input.stories-7UzvJ-A1.js → rich-text-input.stories-D55Op5Gf.js} +1 -1
  79. package/dist/storybook/assets/{row.stories-PI3ZuTkd.js → row.stories-XUvqL2LO.js} +1 -1
  80. package/dist/storybook/assets/{select-JjEPivho.js → select-Z1HqJ5aU.js} +1 -1
  81. package/dist/storybook/assets/{select.stories-YmcYKg5S.js → select.stories-GJmtbfma.js} +1 -1
  82. package/dist/storybook/assets/{side-bar-Fjr2t9MT.js → side-bar-GJ2tcZYY.js} +1 -1
  83. package/dist/storybook/assets/{side-bar.stories-0_pud_bN.js → side-bar.stories-q_bRwHV_.js} +1 -1
  84. package/dist/storybook/assets/{site.stories-kQfgnXtd.js → site.stories-6hJhtRJ1.js} +1 -1
  85. package/dist/storybook/assets/{slider-nl2rJ9LF.js → slider-_5NQKbM-.js} +1 -1
  86. package/dist/storybook/assets/{slider.stories--aZa8kf-.js → slider.stories-QyyBB_rz.js} +1 -1
  87. package/dist/storybook/assets/{spacer.stories-bgTBb3VB.js → spacer.stories-CWSQp7tw.js} +1 -1
  88. package/dist/storybook/assets/{syntaxhighlighter-NMPM6SWI-_gbIaGwd.js → syntaxhighlighter-NMPM6SWI-7st5cgdJ.js} +1 -1
  89. package/dist/storybook/assets/{table-KQyoQ8Lr.js → table-Q7dy1Tgn.js} +1 -1
  90. package/dist/storybook/assets/{table.stories-data-9XfBJddg.js → table.stories-data-axCnwwQ4.js} +1 -1
  91. package/dist/storybook/assets/{table.stories-Fm6V6i5a.js → table.stories-fADp6znk.js} +1 -1
  92. package/dist/storybook/assets/{textarea-G-2zTY2v.js → textarea-QFVBH_vb.js} +1 -1
  93. package/dist/storybook/assets/{textarea.stories-Uc6PIiD1.js → textarea.stories-HETiaNLn.js} +1 -1
  94. package/dist/storybook/assets/{title.stories-txOeNeeh.js → title.stories-8IBIf1AY.js} +1 -1
  95. package/dist/storybook/assets/{toaster.stories-pt8KZ3ho.js → toaster.stories--QAivgvg.js} +1 -1
  96. package/dist/storybook/assets/{toggle-BPI2y-lU.js → toggle-wk0GbVB8.js} +1 -1
  97. package/dist/storybook/assets/{toggle.stories-HiGs6slZ.js → toggle.stories-LC6LSCD2.js} +1 -1
  98. package/dist/storybook/assets/{tooltip-HEHiU__l.js → tooltip-ZHdi6rl-.js} +1 -1
  99. package/dist/storybook/assets/{tooltip.stories-tiOgoWHH.js → tooltip.stories-gTfOeEzv.js} +1 -1
  100. package/dist/storybook/assets/{tooltip.test-case.stories-3T_tzhJs.js → tooltip.test-case.stories-y-bQOM0s.js} +1 -1
  101. package/dist/storybook/assets/{top-bar-3dxv0sp9.js → top-bar-0fDAFWyC.js} +1 -1
  102. package/dist/storybook/assets/{top-bar.stories-sMvXnmhR.js → top-bar.stories-YKtteM_h.js} +1 -1
  103. package/dist/storybook/assets/{top-bar.testcase.stories-Nb8fdPBS.js → top-bar.testcase.stories-Z-6C5D2R.js} +1 -1
  104. package/dist/storybook/assets/{tree.stories-_5t-Rrls.js → tree.stories-Fsb5fGEv.js} +1 -1
  105. package/dist/storybook/assets/{unit-input.stories-SeRH17v8.js → unit-input.stories-bHSFh46J.js} +1 -1
  106. package/dist/storybook/iframe.html +1 -1
  107. package/dist/storybook/project.json +1 -1
  108. package/package.json +1 -1
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as b}from"./index-RfLt4OUa.js";import{I as j}from"./common-types-U65vzrrz.js";import{T as w}from"./top-bar-3dxv0sp9.js";import{S as L}from"./side-bar-Fjr2t9MT.js";import{H as t}from"./heading-Bk0bpNfe.js";import{B as m}from"./button-7V8oA22w.js";import{D as v}from"./drawer-WuErQ5Z8.js";import{L as C}from"./list-8l-RGDgw.js";import{F as l}from"./field-eknsj_Ll.js";import{I as i}from"./input-u1He-wWs.js";import{C as p}from"./check-box-s9CvqRSD.js";import{R as h}from"./radio-button-jHcwHUA4.js";import{C as d}from"./card-0r8RRVk-.js";import{F}from"./form-row-bwoDTUga.js";import{P as g}from"./page-9-f6BzS0.js";import{R as a,C as r}from"./row-vFUhHoz5.js";import{S as R}from"./select-JjEPivho.js";import{S as f}from"./spacer-Yji9g2AW.js";import"./index-VW3EWkuE.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./actions-Z9jDWreP.js";import"./lodash-Bmg8FrMx.js";import"./tooltip-HEHiU__l.js";import"./index-miLrID2P.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./index-ugi_ZH6T.js";import"./help-icon--rUDxLUD.js";import"./spinner-R8Il4aRe.js";import"./index.es-JXn3JM7k.js";import"./extends-dGVwEr9R.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./memoize-one.esm-hqe5SRxC.js";import"./list-heading-Vd3hu5Pf.js";import"./loader-TGOJBZQG.js";import"./label-0_Qf6I8t.js";import"./select.input-zP5tW20f.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./assertThisInitialized-4q6YPdh3.js";import"./text-6KQ6ntOV.js";const k=({width:o,height:n})=>e.jsx("div",{style:{background:"#ddd",width:o,height:n}}),ve={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},s=()=>{const[o,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(!o),round:!0,icon:j.CHEVRON_LEFT}),open:o,width:300,closedWidth:"var(--size-sidebar)",children:e.jsx(C,{drawer:!0,narrow:!o,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;s.parameters={...s.parameters,docs:{...(u=s.parameters)==null?void 0:u.docs,source:{originalSource:`() => {
1
+ import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as b}from"./index-RfLt4OUa.js";import{I as j}from"./common-types-U65vzrrz.js";import{T as w}from"./top-bar-0fDAFWyC.js";import{S as L}from"./side-bar-GJ2tcZYY.js";import{H as t}from"./heading-cUVItwKq.js";import{B as m}from"./button-IoNblLER.js";import{D as v}from"./drawer-TM-jK3WR.js";import{L as C}from"./list-ciYNlkVM.js";import{F as l}from"./field-kOZPBHf6.js";import{I as i}from"./input-iDZqV-2m.js";import{C as p}from"./check-box-ybJTs3K1.js";import{R as h}from"./radio-button-QcS9mLYi.js";import{C as d}from"./card-0r8RRVk-.js";import{F}from"./form-row-bwoDTUga.js";import{P as g}from"./page-9-f6BzS0.js";import{R as a,C as r}from"./row-vFUhHoz5.js";import{S as R}from"./select-Z1HqJ5aU.js";import{S as f}from"./spacer-Yji9g2AW.js";import"./index-VW3EWkuE.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./actions-SGexXf58.js";import"./lodash-Bmg8FrMx.js";import"./tooltip-ZHdi6rl-.js";import"./index-miLrID2P.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./index-ugi_ZH6T.js";import"./help-icon-nI9A506M.js";import"./spinner-R8Il4aRe.js";import"./index.es-JXn3JM7k.js";import"./extends-dGVwEr9R.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./memoize-one.esm-hqe5SRxC.js";import"./list-heading-XbqCJOHh.js";import"./loader-TGOJBZQG.js";import"./label-RpB4JmHX.js";import"./select.input-zP5tW20f.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./assertThisInitialized-4q6YPdh3.js";import"./text-6KQ6ntOV.js";const k=({width:o,height:n})=>e.jsx("div",{style:{background:"#ddd",width:o,height:n}}),ve={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},s=()=>{const[o,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(!o),round:!0,icon:j.CHEVRON_LEFT}),open:o,width:300,closedWidth:"var(--size-sidebar)",children:e.jsx(C,{drawer:!0,narrow:!o,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;s.parameters={...s.parameters,docs:{...(u=s.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-FsUICBgo.js";import{g as bs,R as Me,r as $}from"./index-RfLt4OUa.js";import{D as yf}from"./disabled-context-urNQThQz.js";import{C as xf}from"./common-types-U65vzrrz.js";import{B as xu}from"./button-7V8oA22w.js";import{r as bf}from"./index-miLrID2P.js";import{S as kf}from"./select-JjEPivho.js";import"./index-VW3EWkuE.js";import"./spinner-R8Il4aRe.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./tooltip-HEHiU__l.js";import"./types-5uVBABF4.js";import"./lodash-Bmg8FrMx.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./memoize-one.esm-hqe5SRxC.js";import"./types-VB5zD18b.js";import"./text-6KQ6ntOV.js";import"./actions-Z9jDWreP.js";import"./badge-23Ty_zBt.js";import"./select.input-zP5tW20f.js";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-FsUICBgo.js";import{g as bs,R as Me,r as $}from"./index-RfLt4OUa.js";import{D as yf}from"./disabled-context-urNQThQz.js";import{C as xf}from"./common-types-U65vzrrz.js";import{B as xu}from"./button-IoNblLER.js";import{r as bf}from"./index-miLrID2P.js";import{S as kf}from"./select-Z1HqJ5aU.js";import"./index-VW3EWkuE.js";import"./spinner-R8Il4aRe.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./tooltip-ZHdi6rl-.js";import"./types-5uVBABF4.js";import"./lodash-Bmg8FrMx.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./memoize-one.esm-hqe5SRxC.js";import"./types-VB5zD18b.js";import"./text-6KQ6ntOV.js";import"./actions-SGexXf58.js";import"./badge-23Ty_zBt.js";import"./select.input-zP5tW20f.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-FsUICBgo.js";import{r as R}from"./index-RfLt4OUa.js";import{T as c}from"./table-KQyoQ8Lr.js";import{T as V}from"./text-6KQ6ntOV.js";import{t as g,i as W,q as B}from"./table.stories-data-9XfBJddg.js";import"./index-VW3EWkuE.js";import"./index.es-JXn3JM7k.js";import"./inheritsLoose-Y9jOMJLd.js";import"./extends-dGVwEr9R.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./index-miLrID2P.js";import"./memoize-one.esm-hqe5SRxC.js";import"./icon-y1a2N5SZ.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./lodash-Bmg8FrMx.js";import"./actions-Z9jDWreP.js";import"./common-types-U65vzrrz.js";import"./button-7V8oA22w.js";import"./spinner-R8Il4aRe.js";import"./tooltip-HEHiU__l.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./heading-Bk0bpNfe.js";import"./help-icon--rUDxLUD.js";import"./pagination-5n5spTRo.js";import"./select-JjEPivho.js";import"./assertThisInitialized-4q6YPdh3.js";import"./select.input-zP5tW20f.js";import"./input-u1He-wWs.js";import"./input-group-R8LoqKRn.js";import"./input-group-addon-BHVsW9mL.js";import"./number-input-SvjJIGsW.js";import"./index-IQMsp8Ab.js";import"./index-cCpkwrS5.js";import"./check-box-s9CvqRSD.js";import"./slider-nl2rJ9LF.js";import"./index-ugi_ZH6T.js";import"./popover-Y3FpGdUS.js";import"./flex-3eLDDUyy.js";const Le={title:"Basic/Table/Row",component:c,args:{table:{...g}}},b=n=>o.jsx(c,{...n}),i=b.bind({});i.args={table:W};const p=b.bind({});p.args={table:B};const t=b.bind({});t.args={table:{...g,striped:!1}};t.parameters={docs:{description:{story:"`striped: false` removes tinted background on alternative rows."}}};const m=()=>{const[n,e]=R.useState(null),a=r=>e(n===r?null:r);return o.jsx(c,{table:{...g,striped:!1,rows:g.rows.map((r,d)=>({...r,onRowClick:()=>a(d),expandedContent:{content:n===d?o.jsx("div",{children:"Example expanded content"}):null}}))}})},w=()=>{const n={draggable:!0,headers:[{cells:[{value:"Name"},{value:"Weight (kg)"},{value:"Energy (kcal / 100g)"},{value:"Origin"}]}],rows:[{noDrag:!0,cells:[{value:"Undraggable"},{value:100},{value:361},{value:"Vietnam"}]},{cells:[{value:"Buckwheat"},{value:50},{value:358},{value:"Poland"}]},{cells:[{value:"Couscous"},{value:10},{value:368},{value:"France"}]}]},e=(s,u,l)=>{const x=[...s];return s[l].noDrag?s:(x.splice(l,0,x.splice(u,1)[0]),x)},[a,r]=R.useState(n.rows),d=s=>{const{to:u,from:l}=s;e(a,l,u),r(e(a,l,u))};return o.jsx(c,{table:{...n,rows:a},onListReorder:d})},v=()=>{const[n,e]=R.useState("Hover any row!"),a=[1,2,3,4,5].map(r=>({cells:[{value:`Row ${r}`},{value:`${r**2}`}],onRowMouseEnter:()=>e(`Hovering row ${r}`),onRowMouseLeave:()=>e("Not hovering any row...")}));return o.jsxs(o.Fragment,{children:[o.jsx(V,{children:n}),o.jsx(c,{table:{fixedWidth:"100%",headers:[{cells:[{value:"Description"},{value:"Value"}],onRowMouseEnter:()=>e("Hovering header row"),onRowMouseLeave:()=>e("Not hovering any row...")}],rows:a}})]})};var y,D,E;i.parameters={...i.parameters,docs:{...(y=i.parameters)==null?void 0:y.docs,source:{originalSource:`args => {
1
+ import{j as o}from"./jsx-runtime-FsUICBgo.js";import{r as R}from"./index-RfLt4OUa.js";import{T as c}from"./table-Q7dy1Tgn.js";import{T as V}from"./text-6KQ6ntOV.js";import{t as g,i as W,q as B}from"./table.stories-data-axCnwwQ4.js";import"./index-VW3EWkuE.js";import"./index.es-JXn3JM7k.js";import"./inheritsLoose-Y9jOMJLd.js";import"./extends-dGVwEr9R.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./index-miLrID2P.js";import"./memoize-one.esm-hqe5SRxC.js";import"./icon-y1a2N5SZ.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./lodash-Bmg8FrMx.js";import"./actions-SGexXf58.js";import"./common-types-U65vzrrz.js";import"./button-IoNblLER.js";import"./spinner-R8Il4aRe.js";import"./tooltip-ZHdi6rl-.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./heading-cUVItwKq.js";import"./help-icon-nI9A506M.js";import"./pagination-Eaj_UOBW.js";import"./select-Z1HqJ5aU.js";import"./assertThisInitialized-4q6YPdh3.js";import"./select.input-zP5tW20f.js";import"./input-iDZqV-2m.js";import"./input-group-R8LoqKRn.js";import"./input-group-addon-BHVsW9mL.js";import"./number-input-d7hXQldd.js";import"./index-IQMsp8Ab.js";import"./index-cCpkwrS5.js";import"./check-box-ybJTs3K1.js";import"./slider-_5NQKbM-.js";import"./index-ugi_ZH6T.js";import"./popover-uAo1e4-D.js";import"./flex-ZVra76N-.js";const Le={title:"Basic/Table/Row",component:c,args:{table:{...g}}},b=n=>o.jsx(c,{...n}),i=b.bind({});i.args={table:W};const p=b.bind({});p.args={table:B};const t=b.bind({});t.args={table:{...g,striped:!1}};t.parameters={docs:{description:{story:"`striped: false` removes tinted background on alternative rows."}}};const m=()=>{const[n,e]=R.useState(null),a=r=>e(n===r?null:r);return o.jsx(c,{table:{...g,striped:!1,rows:g.rows.map((r,d)=>({...r,onRowClick:()=>a(d),expandedContent:{content:n===d?o.jsx("div",{children:"Example expanded content"}):null}}))}})},w=()=>{const n={draggable:!0,headers:[{cells:[{value:"Name"},{value:"Weight (kg)"},{value:"Energy (kcal / 100g)"},{value:"Origin"}]}],rows:[{noDrag:!0,cells:[{value:"Undraggable"},{value:100},{value:361},{value:"Vietnam"}]},{cells:[{value:"Buckwheat"},{value:50},{value:358},{value:"Poland"}]},{cells:[{value:"Couscous"},{value:10},{value:368},{value:"France"}]}]},e=(s,u,l)=>{const x=[...s];return s[l].noDrag?s:(x.splice(l,0,x.splice(u,1)[0]),x)},[a,r]=R.useState(n.rows),d=s=>{const{to:u,from:l}=s;e(a,l,u),r(e(a,l,u))};return o.jsx(c,{table:{...n,rows:a},onListReorder:d})},v=()=>{const[n,e]=R.useState("Hover any row!"),a=[1,2,3,4,5].map(r=>({cells:[{value:`Row ${r}`},{value:`${r**2}`}],onRowMouseEnter:()=>e(`Hovering row ${r}`),onRowMouseLeave:()=>e("Not hovering any row...")}));return o.jsxs(o.Fragment,{children:[o.jsx(V,{children:n}),o.jsx(c,{table:{fixedWidth:"100%",headers:[{cells:[{value:"Description"},{value:"Value"}],onRowMouseEnter:()=>e("Hovering header row"),onRowMouseLeave:()=>e("Not hovering any row...")}],rows:a}})]})};var y,D,E;i.parameters={...i.parameters,docs:{...(y=i.parameters)==null?void 0:y.docs,source:{originalSource:`args => {
2
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-FsUICBgo.js";import{r as j,g as Ue}from"./index-RfLt4OUa.js";import{c as U}from"./index-VW3EWkuE.js";import{G as re,I as Fe}from"./common-types-U65vzrrz.js";import{D as Se}from"./disabled-context-urNQThQz.js";import{i as te}from"./types-5uVBABF4.js";import{T as Ie,u as ze,m as Ge}from"./tooltip-HEHiU__l.js";import{p as $e}from"./index-4QtD-hFu.js";import"./lodash-Bmg8FrMx.js";import{_ as Ke}from"./extends-dGVwEr9R.js";import{_ as Ee}from"./assertThisInitialized-4q6YPdh3.js";import{_ as Ye}from"./inheritsLoose-Y9jOMJLd.js";import{m as ie}from"./memoize-one.esm-hqe5SRxC.js";import{M as ae}from"./types-VB5zD18b.js";import{T as se}from"./text-6KQ6ntOV.js";import{A as Be}from"./actions-Z9jDWreP.js";import{I as ue}from"./icon-y1a2N5SZ.js";import{s as Xe}from"./select.input-zP5tW20f.js";const Je="_inputInTable_2ynxq_1",Ze="_inputHover_2ynxq_13",Qe="_inputFocus_2ynxq_18",et="_inputError_2ynxq_25",tt="_inputWarning_2ynxq_26",nt="_inputDisabled_2ynxq_61",lt="_hideScrollbars_2ynxq_67",rt="_select_2ynxq_77",at="_isInTable_2ynxq_121",it="_unSelected_2ynxq_133",ot="_error_2ynxq_140",st="_warning_2ynxq_157",ut="_small_2ynxq_174",ct="_right_2ynxq_182",dt="_groupOrderFirst_2ynxq_193",pt="_groupOrderMiddle_2ynxq_194",ft="_groupOrderLast_2ynxq_198",W={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:y=()=>{},onFocus:f=()=>{},onBlur:i=()=>{},right:o=!1,small:h=!1,tabIndex:v=0,selectedOption:b,width:E=null,groupOrder:I=null,testId:S,isInTable:n=!1,clearable:s,placeholder:a,hasNonExistentValue:l,maxTooltipWidth:u,borderRadius:p})=>{const g=j.useContext(Se),_=b===null||(b==null?void 0:b.value)===null?"unselected":b==null?void 0:b.value,O=_==="unselected",C=(_==="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||g,children:b==null?void 0:b.label},"selectedNonExistentValue")]:[]).concat(c.map((V,T)=>m.jsx("option",{value:V.value,"data-testid":V.testId,children:V.label},T))),q=(()=>{if(I)switch(I){case re.FIRST:return W.groupOrderFirst;case re.LAST:return W.groupOrderLast;default:return W.groupOrderMiddle}return""})();return m.jsx(Ie,{error:!!t,warning:!!r,text:d||t||r,enabled:d&&te(d)||t&&te(t)||r&&te(r)||!1,maxWidth:u,placement:"bottom-center",children:m.jsx("select",{className:U(W.select,O?W.unSelected:"",t?W.error:r?W.warning:"",o?W.right:"",h?W.small:"",n?W.isInTable:"",q),style:{width:E||"",borderRadius:p||""},onChange:V=>{const{value:T}=V.target;let R;T==="unselected"?R={value:null}:R=c.find(F=>String(F.value)===String(T))||{value:null},y(V,R)},onFocus:f,onBlur:i,tabIndex:v,value:_,disabled:e||g,"data-testid":S,children:C})})};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(j,$e)})(window,function(r,d){return function(c){var y={};function f(i){if(y[i])return y[i].exports;var o=y[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=y,f.d=function(i,o,h){f.o(i,o)||Object.defineProperty(i,o,{enumerable:!0,get:h})},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 h=Object.create(null);if(f.r(h),Object.defineProperty(h,"default",{enumerable:!0,value:i}),2&o&&typeof i!="string")for(var v in i)f.d(h,v,(function(b){return i[b]}).bind(null,v));return h},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,y,f){Object.defineProperty(y,"__esModule",{value:!0});var i=f(1);Object.defineProperty(y,"default",{enumerable:!0,get:function(){return function(o){return o&&o.__esModule?o:{default:o}}(i).default}}),c.exports=y.default},function(c,y,f){Object.defineProperty(y,"__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}}(),h=E(f(2)),v=E(f(3)),b=f(4);function E(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,h.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,g=l.onKeyEvent,_=l.handleEventType,O=l.children,C=l.handleFocusableElements;if(u||_!==a.type||I.length>0&&I[0]!==this)return!1;var q=a.target===document.body||C,V=this.childrenContainer&&this.childrenContainer.contains(a.target);if(!(O?V:q))return!1;var T=(0,b.findMatchedKey)(a,p);return!!T&&(g(T,a),!0)}},{key:"render",value:function(){var a=this,l=this.props.children,u=Object.assign({},this.props),p=!0,g=!1,_=void 0;try{for(var O,C=Object.keys(s.propTypes)[Symbol.iterator]();!(p=(O=C.next()).done);p=!0)delete u[O.value]}catch(q){g=!0,_=q}finally{try{!p&&C.return&&C.return()}finally{if(g)throw _}}return l?h.default.createElement("span",i({ref:function(q){a.childrenContainer=q}},u),l):null}}]),s}();y.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=y.default},function(c,y){c.exports=r},function(c,y){c.exports=d},function(c,y,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(y,"__esModule",{value:!0}),y.matchKeyEvent=a,y.findMatchedKey=function(l,u){var p=u.map(function(g){var _=g.toLowerCase(),O=s[_];return O||[g]}).reduce(function(g,_){return g.concat(_)},[]).find(function(g){return a(l,g)});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]},h=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]))},{}),E="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=y.AllKeys=Object.assign({},o,h,v,b,E),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(E)};function a(l,u){var p=l.which||l.keyCode,g=l.type,_=Object.keys(I).filter(function(F){return l[F+"Key"]}).sort(),O=u.toLowerCase().trim(),C=O==="+"?["+"]:O.split(/\s?\+\s?/),q=C.pop(),V=S[q],T=C;if(g==="keypress")return u==String.fromCharCode(p).toLowerCase();if(T.length===0&&_.length===0)return V.indexOf(p)>=0;if(T.length>0&&_.length>0){var R=T.map(function(F){return I[F]}).sort(),A=R.length===_.length&&R.every(function(F,z){return _[z]===F});return V.indexOf(p)>=0&&A}return T.length==0&&_.length===1&&q===_[0]}}])})})(Ae);var mt=Ae.exports;const yt=Ue(mt),we=()=>{const e=j.useRef(null);return[e,()=>{e.current&&e.current.focus()}]},Pe=()=>{const[e,t]=j.useState(!1);return j.useEffect(()=>{(async()=>{document.fonts&&await document.fonts.ready.then(()=>t(!0))})()},[]),e};var ht=typeof performance=="object"&&typeof performance.now=="function",xe=ht?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 qe(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 ee=null;function Ce(e){if(e===void 0&&(e=!1),ee===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?ee="positive-descending":(t.scrollLeft=1,t.scrollLeft===0?ee="negative":ee="positive-ascending"),document.body.removeChild(t),ee}return ee}var _t=150,bt=function(t,r){return t};function vt(e){var t,r=e.getItemOffset,d=e.getEstimatedTotalSize,c=e.getItemSize,y=e.getOffsetForIndexAndAlignment,f=e.getStartIndexForOffset,i=e.getStopIndexForStartIndex,o=e.initInstanceProps,h=e.shouldResetStyleCacheOnItemSizeChange,v=e.validateProps;return t=function(b){Ye(E,b);function E(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,g=n._getItemStyleCache(h&&u,h&&p,h&&l),_;if(g.hasOwnProperty(s))_=g[s];else{var O=r(n.props,s,n._instanceProps),C=c(n.props,s,n._instanceProps),q=l==="horizontal"||p==="horizontal",V=l==="rtl",T=q?O:0;g[s]=_={position:"absolute",left:V?void 0:T,right:V?T:void 0,top:q?0:O,height:q?"100%":C,width:q?C:"100%"}}return _},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(g){if(g.scrollOffset===u)return null;var _=n.props.direction,O=u;if(_==="rtl")switch(Ce()){case"negative":O=-u;break;case"positive-descending":O=p-l-u;break}return O=Math.max(0,Math.min(O,p-l)),{isScrolling:!0,scrollDirection:g.scrollOffset<u?"forward":"backward",scrollOffset:O,scrollUpdateWasRequested:!1}},n._resetIsScrollingDebounced)},n._onScrollVertical=function(s){var a=s.currentTarget,l=a.clientHeight,u=a.scrollHeight,p=a.scrollTop;n.setState(function(g){if(g.scrollOffset===p)return null;var _=Math.max(0,Math.min(p,u-l));return{isScrolling:!0,scrollDirection:g.scrollOffset<_?"forward":"backward",scrollOffset:_,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}E.getDerivedStateFromProps=function(n,s){return St(n,s),v(n),null};var I=E.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 g=0;if(this._outerRef){var _=this._outerRef;u==="vertical"?g=_.scrollWidth>_.clientWidth?qe():0:g=_.scrollHeight>_.clientHeight?qe():0}this.scrollTo(y(this.props,n,s,p,this._instanceProps,g))},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 g=this._outerRef;if(s==="horizontal"||a==="horizontal")if(s==="rtl")switch(Ce()){case"negative":g.scrollLeft=-u;break;case"positive-ascending":g.scrollLeft=u;break;default:var _=g.clientWidth,O=g.scrollWidth;g.scrollLeft=O-_-u;break}else g.scrollLeft=u;else g.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,g=n.innerElementType,_=n.innerTagName,O=n.itemCount,C=n.itemData,q=n.itemKey,V=q===void 0?bt:q,T=n.layout,R=n.outerElementType,A=n.outerTagName,F=n.style,z=n.useIsScrolling,K=n.width,G=this.state.isScrolling,P=l==="horizontal"||T==="horizontal",M=P?this._onScrollHorizontal:this._onScrollVertical,X=this._getRangeToRender(),ne=X[0],le=X[1],J=[];if(O>0)for(var H=ne;H<=le;H++)J.push(j.createElement(s,{data:C,key:V(H,C),index:H,isScrolling:z?G:void 0,style:this._getItemStyle(H)}));var Z=d(this.props,this._instanceProps);return j.createElement(R||A||"div",{className:a,onScroll:M,ref:this._outerRefSetter,style:Ke({position:"relative",height:u,width:K,overflow:"auto",WebkitOverflowScrolling:"touch",willChange:"transform",direction:l},F)},j.createElement(g||_||"div",{children:J,ref:p,style:{height:P?"100%":Z,pointerEvents:G?"none":void 0,width:P?Z:"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 g=this.state,_=g.scrollDirection,O=g.scrollOffset,C=g.scrollUpdateWasRequested;this._callOnScroll(_,O,C)}},I._getRangeToRender=function(){var n=this.props,s=n.itemCount,a=n.overscanCount,l=this.state,u=l.isScrolling,p=l.scrollDirection,g=l.scrollOffset;if(s===0)return[0,0,0,0];var _=f(this.props,g,this._instanceProps),O=i(this.props,_,g,this._instanceProps),C=!u||p==="backward"?Math.max(1,a):1,q=!u||p==="forward"?Math.max(1,a):1;return[Math.max(0,_-C),Math.max(0,Math.min(s-1,O+q)),_,O]},E}(j.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,y,f){var i=t.direction,o=t.height,h=t.itemCount,v=t.itemSize,b=t.layout,E=t.width,I=i==="horizontal"||b==="horizontal",S=I?E:o,n=Math.max(0,h*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,y=t.height,f=t.itemCount,i=t.itemSize,o=t.layout,h=t.width,v=c==="horizontal"||o==="horizontal",b=r*i,E=v?h:y,I=Math.ceil((E+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_1lbvo_1",Et="_layer_1lbvo_1",xt="_small_1lbvo_23",Tt="_heading_1lbvo_26",qt="_option_1lbvo_27",Ct="_message_1lbvo_28",Vt="_focused_1lbvo_64",Lt="_selected_1lbvo_68",Rt="_disabled_1lbvo_71",Nt="_check_1lbvo_75",jt="_optionContent_1lbvo_92",Ft="_label_1lbvo_97",At="_icon_1lbvo_104",wt="_details_1lbvo_109",w={layerContainer:Ot,layer:Et,small:xt,heading:Tt,option:qt,message:Ct,focused:Vt,selected:Lt,disabled:Rt,check:Nt,optionContent:jt,label:Ft,icon:At,details:wt},de=({label:e})=>m.jsx("div",{onClick:t=>t.stopPropagation(),className:w.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:y=!1,onSelectOption:f,actions:i,closeLayer:o,testId:h})=>m.jsxs("div",{className:U(w.option,d?w.disabled:"",c?w.selected:"",y?w.focused:""),onClick:!d&&f?f:void 0,"data-testid":h,children:[m.jsx("div",{className:w.optionContent,children:m.jsxs("span",{className:w.label,title:t,children:[t,r&&m.jsx("span",{className:w.icon,children:r})]})}),e&&m.jsx("div",{className:U(w.details),children:m.jsx(se,{faint:!0,children:e})}),!!(i!=null&&i.length)&&m.jsx("div",{className:U(w.actions),children:m.jsx(Be,{actions:i,closeLayer:o})}),m.jsx("span",{className:w.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 y=j.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||y,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="13px",ke="12px",Pt="Roobert",Mt="sans-serif",kt=12,Ht=8,Wt=30,Dt=24,Ut=5,zt=3,Gt=1,$t=2,Ve=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),Le=(e,t,r,d)=>{const c=He(t,r),y=d?me(d,c):0,f=Math.ceil(e.reduce((o,h)=>{var S;const v=(((S=h==null?void 0:h.actions)==null?void 0:S.length)??0)*24,b=h.icon?parseInt(t?ke:Me)+7:0,E=`${h.label} ${h.details||""}`,I=me(E,c)+v+b;return o=I>o?I:o,o},y)),i=Kt(t,!0);return f+i},Yt=(e,t,r)=>{const d=He(!0,r),c=me(e.label,d),y=(t?zt:Ut)*2+Gt*2+$t;return Math.ceil(c+y)},ye=({listRef:e,isMulti:t,sections:r,selectedOptions:d,onSelectOption:c,focusedOptionIndex:y,width:f,small:i,firstSelectedOptionIndex:o,closeLayer:h,testId:v})=>{j.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:U(w.layer,i&&w.small),children:r.length?m.jsx(It,{ref:e,height:r.length<Ve?b*r.length:b*Ve,itemCount:r.length,itemSize:b,width:f,children:({index:E,style:I})=>{var S;return m.jsx("div",{style:I,children:m.jsx(fe,{closeLayer:h,section:r[E],selected:t&&r[E].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[E])==null?void 0:s.value)}):!Array.isArray(d)&&((S=r==null?void 0:r[E])==null?void 0:S.value)===(d==null?void 0:d.value),focused:y===E,onSelectOption:n=>c(n,r[E])})})}}):m.jsx("ul",{children:m.jsx("li",{children:m.jsx("div",{className:w.message,style:{width:f},children:"No matches"})})})})};try{ye.displayName="Layer",ye.__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_1qfoj_1",Xt="_inputHover_1qfoj_13",Jt="_inputFocus_1qfoj_18",Zt="_inputError_1qfoj_25",Qt="_inputWarning_1qfoj_26",en="_inputDisabled_1qfoj_61",tn="_hideScrollbars_1qfoj_67",nn="_trigger_1qfoj_77",ln="_isInTable_1qfoj_93",rn="_input_1qfoj_1",an="_isOpen_1qfoj_114",on="_error_1qfoj_122",sn="_warning_1qfoj_139",un="_disabled_1qfoj_156",cn="_icons_1qfoj_162",dn="_clearAll_1qfoj_169",pn="_iconOpen_1qfoj_170",fn="_small_1qfoj_181",mn="_triggerInputContainer_1qfoj_189",yn="_right_1qfoj_198",hn="_multiOptions_1qfoj_211",gn="_multiOption_1qfoj_211",_n="_label_1qfoj_239",bn="_closeMultiOption_1qfoj_242",vn="_focus_1qfoj_253",Sn="_selectedSingleValue_1qfoj_257",In="_placeHolder_1qfoj_258",On="_groupOrderFirst_1qfoj_297",En="_groupOrderMiddle_1qfoj_298",xn="_groupOrderLast_1qfoj_302",Tn="_detailedLabel_1qfoj_307",N={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:yn,multiOptions:hn,multiOption:gn,label:_n,closeMultiOption:bn,focus:vn,selectedSingleValue:Sn,placeHolder:In,groupOrderFirst:On,groupOrderMiddle:En,groupOrderLast:xn,detailedLabel:Tn},he=({selectedOptions:e,small:t,width:r})=>{const d=Pe(),[c,y]=j.useState([]),[f,i]=j.useState([]);return j.useEffect(()=>{let o=[],h=[],v=0;e.forEach((b,E)=>{v+=Yt(b,t,d),E===e.length-1&&v<r||v<r-24?o.push(b):h.push(b)}),y(o),i(h)},[e,d,r]),m.jsxs("div",{className:N.multiOptions,children:[c.filter(o=>o&&o.label).map((o,h)=>m.jsx("span",{className:N.multiOption,onClick:v=>{v.stopPropagation()},children:o.label},h)),f.length>0&&m.jsx(Ie,{text:f.map((o,h)=>m.jsx("div",{children:o.label},h)),display:"inline-flex",children:m.jsx("span",{className:N.multiOption,children:c.length?`+${f.length}`:`${f.length} items`})})]})};try{he.displayName="MultiSelectedOptions",he.__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:y,placeholder:f="Select...",small:i})=>{const o=j.useRef(null),h=Array.isArray(e),v=h?e.length>0:!!e,b=r?r.length+1:1,E=()=>{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:N.triggerInputContainer,ref:o,children:[v?h?m.jsx(he,{selectedOptions:e,small:i,width:E()}):m.jsx("span",{className:N.selectedSingleValue,children:r!=null&&r.length?"":e==null?void 0:e.label}):m.jsx("span",{className:N.placeHolder,children:r!=null&&r.length?"":f}),t?m.jsx("input",{tabIndex:-1,ref:c,size:b,className:U(N.input,y?N.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:y,error:f,warning:i,tooltip:o,small:h,isInTable:v,disabled:b,onChangeSearch:E,onClickDeselect:I,onClickClear:S,tabIndex:n,isOpen:s,triggerRef:a,clearAllIsFocused:l,focusedSelectedOptionIndex:u,onFocus:p,onBlur:g,groupOrder:_,maxTooltipWidth:O,placeholder:C,right:q,testId:V})=>{var P;const[T,R]=we(),A=Array.isArray(e)?e.length>0&&((P=e[0])==null?void 0:P.value):e==null?void 0:e.value,F=d&&A,z=(()=>{if(_)switch(_){case re.FIRST:return N.groupOrderFirst;case re.LAST:return N.groupOrderLast;default:return N.groupOrderMiddle}return""})(),K=!Array.isArray(e)&&(e!=null&&e.details)?{...e,label:m.jsxs("div",{className:U(N.detailedLabel),children:[m.jsx(se,{children:e.label}),m.jsx(se,{muted:!0,children:e.details})]})}:e,G=m.jsxs(m.Fragment,{children:[y,m.jsxs("div",{ref:a,tabIndex:n,className:U(N.trigger,s?N.isOpen:"",f?N.error:i?N.warning:"",b?N.disabled:"",h?N.small:"",v?N.isInTable:"",q?N.right:"",z),onClick:M=>{M.stopPropagation(),typeof R=="function"&&R(),c(M)},onFocus:p,onBlur:g,"data-testid":V,children:[m.jsx(ge,{selectedOptions:K,placeholder:C,searchable:r,searchValue:t,inputRef:T,onChange:E,error:f,small:h}),m.jsx("span",{className:N.icons,children:F?m.jsx("span",{className:U(N.clearAll,l?N.focus:""),onClick:M=>{M.stopPropagation(),S&&S(M)},children:m.jsx(ue,{icon:Fe.CLOSE})}):m.jsx("span",{className:U(N.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&&te(o)||f&&te(f)||i&&te(i)||!1,maxWidth:O,placement:"bottom-center",children:G})})};try{_e.displayName="Trigger",_e.__docgenInfo={description:"",displayName:"Trigger",props:{selectedOptions:{defaultValue:null,description:"",name:"selectedOptions",required:!1,type:{name:"ISelectSelectedOption | 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 D=(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))(D||{});const We={options:["none","clearAll"],currentIndex:0,currentOption:!1,clearAll:!1},qn=e=>e!==null?e+1:0,De=(e,t)=>{const r=["none",...e.map((c,y)=>c.type!==ae.HEADING?y:null).filter(c=>c!==null)],d=qn(t);return{options:r,currentIndex:d,current:r[d]}},Cn=(e,t)=>{const r=e==="up"?-1:1,d=t.currentIndex+r,c=(d<0?t.options.length-1:d)%t.options.length,y=t.options[c];return{...t,currentIndex:c,current:y}},Vn=(e,t,r)=>{const d=e==="left"?-1:1,c=t&&t.length?["none",...Array.from({length:t.length},(h,v)=>v),"clearAll"]:["none","clearAll"],y=r.currentIndex+d,f=(y<0?c.length-1:y)%c.length,i=c[f];return{options:c,currentIndex:f,currentOption:i,clearAll:i==="clearAll"}},Re=()=>We,Ne=e=>({...e,currentIndex:0,current:"none"}),Ln=(e,t)=>{switch(t.type){case D.SET_VISIBLE_OPTIONS:return{...e,visibleOptions:t.options||[]};case D.RESET_LAYER_FOCUS:return{...e,layerFocus:De(t.options||[],t.firstSelectedOptionIndex||0)};case D.CLEAR_SEARCH:return{...e,visibleOptions:t.options||[],searchValue:""};case D.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 D.FOCUS_TRIGGER_INPUTS:return{...e,triggerFocus:Vn(t.direction||"right",t.selectedOptions||[],e.triggerFocus),layerFocus:Ne(e.layerFocus)};case D.BLUR_TRIGGER_INPUTS:return{...e,triggerFocus:Re()};case D.FOCUS_LAYER_OPTIONS:return t.nextLayerFocus?{...e,layerFocus:t.nextLayerFocus,triggerFocus:Re()}:e;case D.OPEN_LAYER:return{...e,isLayerOpen:!0};case D.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 k=(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))(k||{}),$=(e=>(e.RIGHT="right",e.LEFT="left",e.UP="up",e.DOWN="down",e.ENTER="enter",e.ESC="esc",e.TAB="tab",e))($||{});const be=({state:e,dispatch:t,options:r,setTriggerFocus:d,disabled:c,disabledContext:y,onCreate:f,onChange:i,selectedOptions:o,width:h,small:v,isFontLoaded:b,placeholder:E,firstSelectedOptionIndex:I,createAble:S,listRef:n,autoLayerWidth:s})=>{const a=()=>{e.isLayerOpen&&t({type:k.CLOSE_LAYER}),d()},l=()=>t({type:k.OPEN_LAYER}),u=j.useRef(!0);j.useEffect(()=>{u.current?u.current=!1:t({type:k.SET_VISIBLE_OPTIONS,options:r})},[r]);const p=(x,L,Q)=>{if(!(c||y)){if(Q&&Q(),L){if(L.createAble&&f)f(L.value);else if(!L.disabled)if(Array.isArray(o))if(o.some(B=>B.label===L.label)){const B=o.filter(Oe=>Oe.label!==L.label);i&&i(x,B)}else{const B=[...o,L];i&&i(x,B)}else i&&i(x,L)}t({type:k.CLEAR_SEARCH,options:r}),d()}},g=j.useCallback(()=>h?h!=="auto"?h:Le(r,v,b,E):"100%",[r,b]),_=j.useCallback(x=>s?Math.max(Le(r,v,b,E),x==null?void 0:x.width):x==null?void 0:x.width,[r,b]),{renderLayer:O,layerProps:C,triggerProps:q,triggerBounds:V}=ze({isOpen:(e==null?void 0:e.isLayerOpen)??!1,overflowContainer:!0,...Rn,ResizeObserver,onOutsideClick:a,onParentClose:a}),T=()=>{if(!(c||y)){if(e.isLayerOpen){a();return}t({type:k.RESET_LAYER_FOCUS,options:r,firstSelectedOptionIndex:I}),l()}},R=j.useRef(!0);j.useEffect(()=>{R.current?R.current=!1:e.isLayerOpen||t({type:k.CLEAR_SEARCH,options:r})},[e.isLayerOpen]);const A=(x,L)=>{const Q=o instanceof Array?o.filter(Y=>Y.value!==L.value):null;i&&i(x,Q)},F=x=>{const L=o instanceof Array?[]:{value:null};i&&i(x,L)},z=x=>t({type:k.ON_CHANGE_SEARCH,options:r,value:x,createAble:S}),K=()=>{l(),t({type:k.BLUR_TRIGGER_INPUTS})},G=x=>{n.current&&Number.isInteger(x)&&n.current.scrollToItem(x)},P=x=>{const L=Cn(x,e.layerFocus);t({type:k.FOCUS_LAYER_OPTIONS,nextLayerFocus:L}),G(L.current)},M=x=>{t({type:k.FOCUS_TRIGGER_INPUTS,ICustomSelectDirection:x,selectedOptions:o})},X=x=>F(x),ne=o&&o[e.triggerFocus.currentOption],le=x=>{A(x,o[e.triggerFocus.currentOption])},J=x=>{var L;p(x,(L=e==null?void 0:e.visibleOptions)==null?void 0:L[e.layerFocus.current],a)},H=e.triggerFocus.clearAll;return{getTriggerWidth:g,onKeyEvent:(x,L)=>{switch(x){case $.UP:{P(x);break}case $.DOWN:{e.isLayerOpen?P(x):K();break}case $.LEFT:case $.RIGHT:{M(x);break}case $.ENTER:{H?X(L):ne?le(L):J(L);break}case $.ESC:{a();break}}},clearAllIsFocused:H,triggerProps:q,onClickTrigger:T,onChangeSearch:z,onClickDeselectOption:A,onClickClearAll:F,renderLayer:O,layerProps:C,closeLayer:a,onSelectOption:p,getLayerWidth:_,triggerBounds:V}};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:y=null,options:f,selectedOptions:i,onCreate:o=null,placeholder:h="",small:v=!1,tabIndex:b=0,onFocus:E=()=>{},onBlur:I=()=>{},searchable:S=!0,clearable:n=!1,maxTooltipWidth:s,closeOnOptionActionClick:a,isInTable:l=!1,groupOrder:u,firstSelectedOptionIndex:p=0,right:g=!1,testId:_=void 0}=e,O=j.useContext(Se),C=o!==null,q=j.useRef(null),[V,T]=we(),R=Pe(),[A,F]=j.useReducer(Ln,{options:f,firstSelectedOptionIndex:p},({options:Y})=>({searchValue:"",visibleOptions:Y,layerFocus:De(Y,p??0),triggerFocus:We,isLayerOpen:!1})),{getTriggerWidth:z,onKeyEvent:K,clearAllIsFocused:G,triggerProps:P,onClickTrigger:M,onChangeSearch:X,onClickDeselectOption:ne,onClickClearAll:le,renderLayer:J,layerProps:H,closeLayer:Z,onSelectOption:x,getLayerWidth:L,triggerBounds:Q}=be({...e,state:A,dispatch:F,setTriggerFocus:T,disabledContext:O,isFontLoaded:R,createAble:C,listRef:q});return m.jsx("div",{style:{width:z()},children:m.jsxs(yt,{handleKeys:Object.values($),onKeyEvent:K,children:[m.jsx(_e,{selectedOptions:i,searchValue:A.searchValue,isOpen:A.isLayerOpen,focusedSelectedOptionIndex:A.triggerFocus.currentOption,clearAllIsFocused:G,searchable:S,triggerRef:Ge(V,P.ref),error:d,warning:c,tooltip:y,small:v,isInTable:l,disabled:r||O,clearable:n,tabIndex:b,onClickTrigger:M,onChangeSearch:X,onClickDeselect:ne,onClickClear:le,onFocus:E,onBlur:I,groupOrder:u,maxTooltipWidth:s,placeholder:h,right:g,testId:_}),A.isLayerOpen&&J(m.jsx("div",{...H,className:w.layerContainer,children:m.jsx(ye,{listRef:q,isMulti:t,sections:A.visibleOptions,selectedOptions:i,onSelectOption:(Y,B)=>{x(Y,B,t?void 0:Z)},closeLayer:()=>{a&&Z()},width:L(Q),small:v,focusedOptionIndex:A.layerFocus.current,firstSelectedOptionIndex:p??0,testId:_&&`${_}-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 je=e=>{const{name:t="",options:r=[],value:d,native:c=!1,onChange:y=()=>{},deprecatedEventHandler:f=!1,autoScroll:i=!0,warning:o,error:h,checkNonExistentValues:v=!0,closeOnOptionActionClick:b=!0,testId:E,disabled:I}=e,S=!c&&i===!0,{multi:n,simpleInputs:s,options:a,selectedOptions:l,firstSelectedOptionIndex:u,hasNonExistentValue:p}=Xe(r,d,S,v),g=!n,_=c&&g;c&&!g&&console.warn("Native select does not support provided props (see stories)");const O="Value no longer available for re-selection",C=p&&!I?o?m.jsxs("div",{children:[m.jsx("div",{children:O}),m.jsx("div",{children:o})]}):O:o,q=p&&h&&!I?m.jsxs("div",{children:[m.jsx("div",{children:O}),m.jsx("div",{children:h})]}):h,V=(T,R)=>{if(f){const A=n?R.map(F=>s?F.value:F):s?R.value:R;y(A)}else{const A=!(T instanceof Event),F=n?R:R.value;A?(T.target.name=t,T.target.value=F,n||(T.target.label=R.label),y(T)):y({...T,target:{...T.target,name:t,value:F,...!n&&{label:R.label}}})}};return _?m.jsx(ce,{...e,options:a,selectedOption:l,onChange:V,hasNonExistentValue:p,warning:C,error:q,testId:E}):m.jsx(ve,{...e,options:a,selectedOptions:l,onChange:V,multi:n,firstSelectedOptionIndex:u,warning:C,error:q,testId:E,closeOnOptionActionClick:b})};try{je.displayName="Select",je.__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{je as S};
1
+ import{j as m}from"./jsx-runtime-FsUICBgo.js";import{r as j,g as Ue}from"./index-RfLt4OUa.js";import{c as U}from"./index-VW3EWkuE.js";import{G as re,I as Fe}from"./common-types-U65vzrrz.js";import{D as Se}from"./disabled-context-urNQThQz.js";import{i as te}from"./types-5uVBABF4.js";import{T as Ie,u as ze,m as Ge}from"./tooltip-ZHdi6rl-.js";import{p as $e}from"./index-4QtD-hFu.js";import"./lodash-Bmg8FrMx.js";import{_ as Ke}from"./extends-dGVwEr9R.js";import{_ as Ee}from"./assertThisInitialized-4q6YPdh3.js";import{_ as Ye}from"./inheritsLoose-Y9jOMJLd.js";import{m as ie}from"./memoize-one.esm-hqe5SRxC.js";import{M as ae}from"./types-VB5zD18b.js";import{T as se}from"./text-6KQ6ntOV.js";import{A as Be}from"./actions-SGexXf58.js";import{I as ue}from"./icon-y1a2N5SZ.js";import{s as Xe}from"./select.input-zP5tW20f.js";const Je="_inputInTable_2ynxq_1",Ze="_inputHover_2ynxq_13",Qe="_inputFocus_2ynxq_18",et="_inputError_2ynxq_25",tt="_inputWarning_2ynxq_26",nt="_inputDisabled_2ynxq_61",lt="_hideScrollbars_2ynxq_67",rt="_select_2ynxq_77",at="_isInTable_2ynxq_121",it="_unSelected_2ynxq_133",ot="_error_2ynxq_140",st="_warning_2ynxq_157",ut="_small_2ynxq_174",ct="_right_2ynxq_182",dt="_groupOrderFirst_2ynxq_193",pt="_groupOrderMiddle_2ynxq_194",ft="_groupOrderLast_2ynxq_198",W={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:y=()=>{},onFocus:f=()=>{},onBlur:i=()=>{},right:o=!1,small:h=!1,tabIndex:v=0,selectedOption:b,width:E=null,groupOrder:I=null,testId:S,isInTable:n=!1,clearable:s,placeholder:a,hasNonExistentValue:l,maxTooltipWidth:u,borderRadius:p})=>{const g=j.useContext(Se),_=b===null||(b==null?void 0:b.value)===null?"unselected":b==null?void 0:b.value,O=_==="unselected",C=(_==="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||g,children:b==null?void 0:b.label},"selectedNonExistentValue")]:[]).concat(c.map((V,T)=>m.jsx("option",{value:V.value,"data-testid":V.testId,children:V.label},T))),q=(()=>{if(I)switch(I){case re.FIRST:return W.groupOrderFirst;case re.LAST:return W.groupOrderLast;default:return W.groupOrderMiddle}return""})();return m.jsx(Ie,{error:!!t,warning:!!r,text:d||t||r,enabled:d&&te(d)||t&&te(t)||r&&te(r)||!1,maxWidth:u,placement:"bottom-center",children:m.jsx("select",{className:U(W.select,O?W.unSelected:"",t?W.error:r?W.warning:"",o?W.right:"",h?W.small:"",n?W.isInTable:"",q),style:{width:E||"",borderRadius:p||""},onChange:V=>{const{value:T}=V.target;let R;T==="unselected"?R={value:null}:R=c.find(F=>String(F.value)===String(T))||{value:null},y(V,R)},onFocus:f,onBlur:i,tabIndex:v,value:_,disabled:e||g,"data-testid":S,children:C})})};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(j,$e)})(window,function(r,d){return function(c){var y={};function f(i){if(y[i])return y[i].exports;var o=y[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=y,f.d=function(i,o,h){f.o(i,o)||Object.defineProperty(i,o,{enumerable:!0,get:h})},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 h=Object.create(null);if(f.r(h),Object.defineProperty(h,"default",{enumerable:!0,value:i}),2&o&&typeof i!="string")for(var v in i)f.d(h,v,(function(b){return i[b]}).bind(null,v));return h},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,y,f){Object.defineProperty(y,"__esModule",{value:!0});var i=f(1);Object.defineProperty(y,"default",{enumerable:!0,get:function(){return function(o){return o&&o.__esModule?o:{default:o}}(i).default}}),c.exports=y.default},function(c,y,f){Object.defineProperty(y,"__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}}(),h=E(f(2)),v=E(f(3)),b=f(4);function E(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,h.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,g=l.onKeyEvent,_=l.handleEventType,O=l.children,C=l.handleFocusableElements;if(u||_!==a.type||I.length>0&&I[0]!==this)return!1;var q=a.target===document.body||C,V=this.childrenContainer&&this.childrenContainer.contains(a.target);if(!(O?V:q))return!1;var T=(0,b.findMatchedKey)(a,p);return!!T&&(g(T,a),!0)}},{key:"render",value:function(){var a=this,l=this.props.children,u=Object.assign({},this.props),p=!0,g=!1,_=void 0;try{for(var O,C=Object.keys(s.propTypes)[Symbol.iterator]();!(p=(O=C.next()).done);p=!0)delete u[O.value]}catch(q){g=!0,_=q}finally{try{!p&&C.return&&C.return()}finally{if(g)throw _}}return l?h.default.createElement("span",i({ref:function(q){a.childrenContainer=q}},u),l):null}}]),s}();y.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=y.default},function(c,y){c.exports=r},function(c,y){c.exports=d},function(c,y,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(y,"__esModule",{value:!0}),y.matchKeyEvent=a,y.findMatchedKey=function(l,u){var p=u.map(function(g){var _=g.toLowerCase(),O=s[_];return O||[g]}).reduce(function(g,_){return g.concat(_)},[]).find(function(g){return a(l,g)});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]},h=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]))},{}),E="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=y.AllKeys=Object.assign({},o,h,v,b,E),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(E)};function a(l,u){var p=l.which||l.keyCode,g=l.type,_=Object.keys(I).filter(function(F){return l[F+"Key"]}).sort(),O=u.toLowerCase().trim(),C=O==="+"?["+"]:O.split(/\s?\+\s?/),q=C.pop(),V=S[q],T=C;if(g==="keypress")return u==String.fromCharCode(p).toLowerCase();if(T.length===0&&_.length===0)return V.indexOf(p)>=0;if(T.length>0&&_.length>0){var R=T.map(function(F){return I[F]}).sort(),A=R.length===_.length&&R.every(function(F,z){return _[z]===F});return V.indexOf(p)>=0&&A}return T.length==0&&_.length===1&&q===_[0]}}])})})(Ae);var mt=Ae.exports;const yt=Ue(mt),we=()=>{const e=j.useRef(null);return[e,()=>{e.current&&e.current.focus()}]},Pe=()=>{const[e,t]=j.useState(!1);return j.useEffect(()=>{(async()=>{document.fonts&&await document.fonts.ready.then(()=>t(!0))})()},[]),e};var ht=typeof performance=="object"&&typeof performance.now=="function",xe=ht?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 qe(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 ee=null;function Ce(e){if(e===void 0&&(e=!1),ee===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?ee="positive-descending":(t.scrollLeft=1,t.scrollLeft===0?ee="negative":ee="positive-ascending"),document.body.removeChild(t),ee}return ee}var _t=150,bt=function(t,r){return t};function vt(e){var t,r=e.getItemOffset,d=e.getEstimatedTotalSize,c=e.getItemSize,y=e.getOffsetForIndexAndAlignment,f=e.getStartIndexForOffset,i=e.getStopIndexForStartIndex,o=e.initInstanceProps,h=e.shouldResetStyleCacheOnItemSizeChange,v=e.validateProps;return t=function(b){Ye(E,b);function E(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,g=n._getItemStyleCache(h&&u,h&&p,h&&l),_;if(g.hasOwnProperty(s))_=g[s];else{var O=r(n.props,s,n._instanceProps),C=c(n.props,s,n._instanceProps),q=l==="horizontal"||p==="horizontal",V=l==="rtl",T=q?O:0;g[s]=_={position:"absolute",left:V?void 0:T,right:V?T:void 0,top:q?0:O,height:q?"100%":C,width:q?C:"100%"}}return _},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(g){if(g.scrollOffset===u)return null;var _=n.props.direction,O=u;if(_==="rtl")switch(Ce()){case"negative":O=-u;break;case"positive-descending":O=p-l-u;break}return O=Math.max(0,Math.min(O,p-l)),{isScrolling:!0,scrollDirection:g.scrollOffset<u?"forward":"backward",scrollOffset:O,scrollUpdateWasRequested:!1}},n._resetIsScrollingDebounced)},n._onScrollVertical=function(s){var a=s.currentTarget,l=a.clientHeight,u=a.scrollHeight,p=a.scrollTop;n.setState(function(g){if(g.scrollOffset===p)return null;var _=Math.max(0,Math.min(p,u-l));return{isScrolling:!0,scrollDirection:g.scrollOffset<_?"forward":"backward",scrollOffset:_,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}E.getDerivedStateFromProps=function(n,s){return St(n,s),v(n),null};var I=E.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 g=0;if(this._outerRef){var _=this._outerRef;u==="vertical"?g=_.scrollWidth>_.clientWidth?qe():0:g=_.scrollHeight>_.clientHeight?qe():0}this.scrollTo(y(this.props,n,s,p,this._instanceProps,g))},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 g=this._outerRef;if(s==="horizontal"||a==="horizontal")if(s==="rtl")switch(Ce()){case"negative":g.scrollLeft=-u;break;case"positive-ascending":g.scrollLeft=u;break;default:var _=g.clientWidth,O=g.scrollWidth;g.scrollLeft=O-_-u;break}else g.scrollLeft=u;else g.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,g=n.innerElementType,_=n.innerTagName,O=n.itemCount,C=n.itemData,q=n.itemKey,V=q===void 0?bt:q,T=n.layout,R=n.outerElementType,A=n.outerTagName,F=n.style,z=n.useIsScrolling,K=n.width,G=this.state.isScrolling,P=l==="horizontal"||T==="horizontal",M=P?this._onScrollHorizontal:this._onScrollVertical,X=this._getRangeToRender(),ne=X[0],le=X[1],J=[];if(O>0)for(var H=ne;H<=le;H++)J.push(j.createElement(s,{data:C,key:V(H,C),index:H,isScrolling:z?G:void 0,style:this._getItemStyle(H)}));var Z=d(this.props,this._instanceProps);return j.createElement(R||A||"div",{className:a,onScroll:M,ref:this._outerRefSetter,style:Ke({position:"relative",height:u,width:K,overflow:"auto",WebkitOverflowScrolling:"touch",willChange:"transform",direction:l},F)},j.createElement(g||_||"div",{children:J,ref:p,style:{height:P?"100%":Z,pointerEvents:G?"none":void 0,width:P?Z:"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 g=this.state,_=g.scrollDirection,O=g.scrollOffset,C=g.scrollUpdateWasRequested;this._callOnScroll(_,O,C)}},I._getRangeToRender=function(){var n=this.props,s=n.itemCount,a=n.overscanCount,l=this.state,u=l.isScrolling,p=l.scrollDirection,g=l.scrollOffset;if(s===0)return[0,0,0,0];var _=f(this.props,g,this._instanceProps),O=i(this.props,_,g,this._instanceProps),C=!u||p==="backward"?Math.max(1,a):1,q=!u||p==="forward"?Math.max(1,a):1;return[Math.max(0,_-C),Math.max(0,Math.min(s-1,O+q)),_,O]},E}(j.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,y,f){var i=t.direction,o=t.height,h=t.itemCount,v=t.itemSize,b=t.layout,E=t.width,I=i==="horizontal"||b==="horizontal",S=I?E:o,n=Math.max(0,h*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,y=t.height,f=t.itemCount,i=t.itemSize,o=t.layout,h=t.width,v=c==="horizontal"||o==="horizontal",b=r*i,E=v?h:y,I=Math.ceil((E+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_1lbvo_1",Et="_layer_1lbvo_1",xt="_small_1lbvo_23",Tt="_heading_1lbvo_26",qt="_option_1lbvo_27",Ct="_message_1lbvo_28",Vt="_focused_1lbvo_64",Lt="_selected_1lbvo_68",Rt="_disabled_1lbvo_71",Nt="_check_1lbvo_75",jt="_optionContent_1lbvo_92",Ft="_label_1lbvo_97",At="_icon_1lbvo_104",wt="_details_1lbvo_109",w={layerContainer:Ot,layer:Et,small:xt,heading:Tt,option:qt,message:Ct,focused:Vt,selected:Lt,disabled:Rt,check:Nt,optionContent:jt,label:Ft,icon:At,details:wt},de=({label:e})=>m.jsx("div",{onClick:t=>t.stopPropagation(),className:w.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:y=!1,onSelectOption:f,actions:i,closeLayer:o,testId:h})=>m.jsxs("div",{className:U(w.option,d?w.disabled:"",c?w.selected:"",y?w.focused:""),onClick:!d&&f?f:void 0,"data-testid":h,children:[m.jsx("div",{className:w.optionContent,children:m.jsxs("span",{className:w.label,title:t,children:[t,r&&m.jsx("span",{className:w.icon,children:r})]})}),e&&m.jsx("div",{className:U(w.details),children:m.jsx(se,{faint:!0,children:e})}),!!(i!=null&&i.length)&&m.jsx("div",{className:U(w.actions),children:m.jsx(Be,{actions:i,closeLayer:o})}),m.jsx("span",{className:w.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 y=j.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||y,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="13px",ke="12px",Pt="Roobert",Mt="sans-serif",kt=12,Ht=8,Wt=30,Dt=24,Ut=5,zt=3,Gt=1,$t=2,Ve=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),Le=(e,t,r,d)=>{const c=He(t,r),y=d?me(d,c):0,f=Math.ceil(e.reduce((o,h)=>{var S;const v=(((S=h==null?void 0:h.actions)==null?void 0:S.length)??0)*24,b=h.icon?parseInt(t?ke:Me)+7:0,E=`${h.label} ${h.details||""}`,I=me(E,c)+v+b;return o=I>o?I:o,o},y)),i=Kt(t,!0);return f+i},Yt=(e,t,r)=>{const d=He(!0,r),c=me(e.label,d),y=(t?zt:Ut)*2+Gt*2+$t;return Math.ceil(c+y)},ye=({listRef:e,isMulti:t,sections:r,selectedOptions:d,onSelectOption:c,focusedOptionIndex:y,width:f,small:i,firstSelectedOptionIndex:o,closeLayer:h,testId:v})=>{j.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:U(w.layer,i&&w.small),children:r.length?m.jsx(It,{ref:e,height:r.length<Ve?b*r.length:b*Ve,itemCount:r.length,itemSize:b,width:f,children:({index:E,style:I})=>{var S;return m.jsx("div",{style:I,children:m.jsx(fe,{closeLayer:h,section:r[E],selected:t&&r[E].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[E])==null?void 0:s.value)}):!Array.isArray(d)&&((S=r==null?void 0:r[E])==null?void 0:S.value)===(d==null?void 0:d.value),focused:y===E,onSelectOption:n=>c(n,r[E])})})}}):m.jsx("ul",{children:m.jsx("li",{children:m.jsx("div",{className:w.message,style:{width:f},children:"No matches"})})})})};try{ye.displayName="Layer",ye.__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_1qfoj_1",Xt="_inputHover_1qfoj_13",Jt="_inputFocus_1qfoj_18",Zt="_inputError_1qfoj_25",Qt="_inputWarning_1qfoj_26",en="_inputDisabled_1qfoj_61",tn="_hideScrollbars_1qfoj_67",nn="_trigger_1qfoj_77",ln="_isInTable_1qfoj_93",rn="_input_1qfoj_1",an="_isOpen_1qfoj_114",on="_error_1qfoj_122",sn="_warning_1qfoj_139",un="_disabled_1qfoj_156",cn="_icons_1qfoj_162",dn="_clearAll_1qfoj_169",pn="_iconOpen_1qfoj_170",fn="_small_1qfoj_181",mn="_triggerInputContainer_1qfoj_189",yn="_right_1qfoj_198",hn="_multiOptions_1qfoj_211",gn="_multiOption_1qfoj_211",_n="_label_1qfoj_239",bn="_closeMultiOption_1qfoj_242",vn="_focus_1qfoj_253",Sn="_selectedSingleValue_1qfoj_257",In="_placeHolder_1qfoj_258",On="_groupOrderFirst_1qfoj_297",En="_groupOrderMiddle_1qfoj_298",xn="_groupOrderLast_1qfoj_302",Tn="_detailedLabel_1qfoj_307",N={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:yn,multiOptions:hn,multiOption:gn,label:_n,closeMultiOption:bn,focus:vn,selectedSingleValue:Sn,placeHolder:In,groupOrderFirst:On,groupOrderMiddle:En,groupOrderLast:xn,detailedLabel:Tn},he=({selectedOptions:e,small:t,width:r})=>{const d=Pe(),[c,y]=j.useState([]),[f,i]=j.useState([]);return j.useEffect(()=>{let o=[],h=[],v=0;e.forEach((b,E)=>{v+=Yt(b,t,d),E===e.length-1&&v<r||v<r-24?o.push(b):h.push(b)}),y(o),i(h)},[e,d,r]),m.jsxs("div",{className:N.multiOptions,children:[c.filter(o=>o&&o.label).map((o,h)=>m.jsx("span",{className:N.multiOption,onClick:v=>{v.stopPropagation()},children:o.label},h)),f.length>0&&m.jsx(Ie,{text:f.map((o,h)=>m.jsx("div",{children:o.label},h)),display:"inline-flex",children:m.jsx("span",{className:N.multiOption,children:c.length?`+${f.length}`:`${f.length} items`})})]})};try{he.displayName="MultiSelectedOptions",he.__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:y,placeholder:f="Select...",small:i})=>{const o=j.useRef(null),h=Array.isArray(e),v=h?e.length>0:!!e,b=r?r.length+1:1,E=()=>{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:N.triggerInputContainer,ref:o,children:[v?h?m.jsx(he,{selectedOptions:e,small:i,width:E()}):m.jsx("span",{className:N.selectedSingleValue,children:r!=null&&r.length?"":e==null?void 0:e.label}):m.jsx("span",{className:N.placeHolder,children:r!=null&&r.length?"":f}),t?m.jsx("input",{tabIndex:-1,ref:c,size:b,className:U(N.input,y?N.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:y,error:f,warning:i,tooltip:o,small:h,isInTable:v,disabled:b,onChangeSearch:E,onClickDeselect:I,onClickClear:S,tabIndex:n,isOpen:s,triggerRef:a,clearAllIsFocused:l,focusedSelectedOptionIndex:u,onFocus:p,onBlur:g,groupOrder:_,maxTooltipWidth:O,placeholder:C,right:q,testId:V})=>{var P;const[T,R]=we(),A=Array.isArray(e)?e.length>0&&((P=e[0])==null?void 0:P.value):e==null?void 0:e.value,F=d&&A,z=(()=>{if(_)switch(_){case re.FIRST:return N.groupOrderFirst;case re.LAST:return N.groupOrderLast;default:return N.groupOrderMiddle}return""})(),K=!Array.isArray(e)&&(e!=null&&e.details)?{...e,label:m.jsxs("div",{className:U(N.detailedLabel),children:[m.jsx(se,{children:e.label}),m.jsx(se,{muted:!0,children:e.details})]})}:e,G=m.jsxs(m.Fragment,{children:[y,m.jsxs("div",{ref:a,tabIndex:n,className:U(N.trigger,s?N.isOpen:"",f?N.error:i?N.warning:"",b?N.disabled:"",h?N.small:"",v?N.isInTable:"",q?N.right:"",z),onClick:M=>{M.stopPropagation(),typeof R=="function"&&R(),c(M)},onFocus:p,onBlur:g,"data-testid":V,children:[m.jsx(ge,{selectedOptions:K,placeholder:C,searchable:r,searchValue:t,inputRef:T,onChange:E,error:f,small:h}),m.jsx("span",{className:N.icons,children:F?m.jsx("span",{className:U(N.clearAll,l?N.focus:""),onClick:M=>{M.stopPropagation(),S&&S(M)},children:m.jsx(ue,{icon:Fe.CLOSE})}):m.jsx("span",{className:U(N.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&&te(o)||f&&te(f)||i&&te(i)||!1,maxWidth:O,placement:"bottom-center",children:G})})};try{_e.displayName="Trigger",_e.__docgenInfo={description:"",displayName:"Trigger",props:{selectedOptions:{defaultValue:null,description:"",name:"selectedOptions",required:!1,type:{name:"ISelectSelectedOption | 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 D=(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))(D||{});const We={options:["none","clearAll"],currentIndex:0,currentOption:!1,clearAll:!1},qn=e=>e!==null?e+1:0,De=(e,t)=>{const r=["none",...e.map((c,y)=>c.type!==ae.HEADING?y:null).filter(c=>c!==null)],d=qn(t);return{options:r,currentIndex:d,current:r[d]}},Cn=(e,t)=>{const r=e==="up"?-1:1,d=t.currentIndex+r,c=(d<0?t.options.length-1:d)%t.options.length,y=t.options[c];return{...t,currentIndex:c,current:y}},Vn=(e,t,r)=>{const d=e==="left"?-1:1,c=t&&t.length?["none",...Array.from({length:t.length},(h,v)=>v),"clearAll"]:["none","clearAll"],y=r.currentIndex+d,f=(y<0?c.length-1:y)%c.length,i=c[f];return{options:c,currentIndex:f,currentOption:i,clearAll:i==="clearAll"}},Re=()=>We,Ne=e=>({...e,currentIndex:0,current:"none"}),Ln=(e,t)=>{switch(t.type){case D.SET_VISIBLE_OPTIONS:return{...e,visibleOptions:t.options||[]};case D.RESET_LAYER_FOCUS:return{...e,layerFocus:De(t.options||[],t.firstSelectedOptionIndex||0)};case D.CLEAR_SEARCH:return{...e,visibleOptions:t.options||[],searchValue:""};case D.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 D.FOCUS_TRIGGER_INPUTS:return{...e,triggerFocus:Vn(t.direction||"right",t.selectedOptions||[],e.triggerFocus),layerFocus:Ne(e.layerFocus)};case D.BLUR_TRIGGER_INPUTS:return{...e,triggerFocus:Re()};case D.FOCUS_LAYER_OPTIONS:return t.nextLayerFocus?{...e,layerFocus:t.nextLayerFocus,triggerFocus:Re()}:e;case D.OPEN_LAYER:return{...e,isLayerOpen:!0};case D.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 k=(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))(k||{}),$=(e=>(e.RIGHT="right",e.LEFT="left",e.UP="up",e.DOWN="down",e.ENTER="enter",e.ESC="esc",e.TAB="tab",e))($||{});const be=({state:e,dispatch:t,options:r,setTriggerFocus:d,disabled:c,disabledContext:y,onCreate:f,onChange:i,selectedOptions:o,width:h,small:v,isFontLoaded:b,placeholder:E,firstSelectedOptionIndex:I,createAble:S,listRef:n,autoLayerWidth:s})=>{const a=()=>{e.isLayerOpen&&t({type:k.CLOSE_LAYER}),d()},l=()=>t({type:k.OPEN_LAYER}),u=j.useRef(!0);j.useEffect(()=>{u.current?u.current=!1:t({type:k.SET_VISIBLE_OPTIONS,options:r})},[r]);const p=(x,L,Q)=>{if(!(c||y)){if(Q&&Q(),L){if(L.createAble&&f)f(L.value);else if(!L.disabled)if(Array.isArray(o))if(o.some(B=>B.label===L.label)){const B=o.filter(Oe=>Oe.label!==L.label);i&&i(x,B)}else{const B=[...o,L];i&&i(x,B)}else i&&i(x,L)}t({type:k.CLEAR_SEARCH,options:r}),d()}},g=j.useCallback(()=>h?h!=="auto"?h:Le(r,v,b,E):"100%",[r,b]),_=j.useCallback(x=>s?Math.max(Le(r,v,b,E),x==null?void 0:x.width):x==null?void 0:x.width,[r,b]),{renderLayer:O,layerProps:C,triggerProps:q,triggerBounds:V}=ze({isOpen:(e==null?void 0:e.isLayerOpen)??!1,overflowContainer:!0,...Rn,ResizeObserver,onOutsideClick:a,onParentClose:a}),T=()=>{if(!(c||y)){if(e.isLayerOpen){a();return}t({type:k.RESET_LAYER_FOCUS,options:r,firstSelectedOptionIndex:I}),l()}},R=j.useRef(!0);j.useEffect(()=>{R.current?R.current=!1:e.isLayerOpen||t({type:k.CLEAR_SEARCH,options:r})},[e.isLayerOpen]);const A=(x,L)=>{const Q=o instanceof Array?o.filter(Y=>Y.value!==L.value):null;i&&i(x,Q)},F=x=>{const L=o instanceof Array?[]:{value:null};i&&i(x,L)},z=x=>t({type:k.ON_CHANGE_SEARCH,options:r,value:x,createAble:S}),K=()=>{l(),t({type:k.BLUR_TRIGGER_INPUTS})},G=x=>{n.current&&Number.isInteger(x)&&n.current.scrollToItem(x)},P=x=>{const L=Cn(x,e.layerFocus);t({type:k.FOCUS_LAYER_OPTIONS,nextLayerFocus:L}),G(L.current)},M=x=>{t({type:k.FOCUS_TRIGGER_INPUTS,ICustomSelectDirection:x,selectedOptions:o})},X=x=>F(x),ne=o&&o[e.triggerFocus.currentOption],le=x=>{A(x,o[e.triggerFocus.currentOption])},J=x=>{var L;p(x,(L=e==null?void 0:e.visibleOptions)==null?void 0:L[e.layerFocus.current],a)},H=e.triggerFocus.clearAll;return{getTriggerWidth:g,onKeyEvent:(x,L)=>{switch(x){case $.UP:{P(x);break}case $.DOWN:{e.isLayerOpen?P(x):K();break}case $.LEFT:case $.RIGHT:{M(x);break}case $.ENTER:{H?X(L):ne?le(L):J(L);break}case $.ESC:{a();break}}},clearAllIsFocused:H,triggerProps:q,onClickTrigger:T,onChangeSearch:z,onClickDeselectOption:A,onClickClearAll:F,renderLayer:O,layerProps:C,closeLayer:a,onSelectOption:p,getLayerWidth:_,triggerBounds:V}};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:y=null,options:f,selectedOptions:i,onCreate:o=null,placeholder:h="",small:v=!1,tabIndex:b=0,onFocus:E=()=>{},onBlur:I=()=>{},searchable:S=!0,clearable:n=!1,maxTooltipWidth:s,closeOnOptionActionClick:a,isInTable:l=!1,groupOrder:u,firstSelectedOptionIndex:p=0,right:g=!1,testId:_=void 0}=e,O=j.useContext(Se),C=o!==null,q=j.useRef(null),[V,T]=we(),R=Pe(),[A,F]=j.useReducer(Ln,{options:f,firstSelectedOptionIndex:p},({options:Y})=>({searchValue:"",visibleOptions:Y,layerFocus:De(Y,p??0),triggerFocus:We,isLayerOpen:!1})),{getTriggerWidth:z,onKeyEvent:K,clearAllIsFocused:G,triggerProps:P,onClickTrigger:M,onChangeSearch:X,onClickDeselectOption:ne,onClickClearAll:le,renderLayer:J,layerProps:H,closeLayer:Z,onSelectOption:x,getLayerWidth:L,triggerBounds:Q}=be({...e,state:A,dispatch:F,setTriggerFocus:T,disabledContext:O,isFontLoaded:R,createAble:C,listRef:q});return m.jsx("div",{style:{width:z()},children:m.jsxs(yt,{handleKeys:Object.values($),onKeyEvent:K,children:[m.jsx(_e,{selectedOptions:i,searchValue:A.searchValue,isOpen:A.isLayerOpen,focusedSelectedOptionIndex:A.triggerFocus.currentOption,clearAllIsFocused:G,searchable:S,triggerRef:Ge(V,P.ref),error:d,warning:c,tooltip:y,small:v,isInTable:l,disabled:r||O,clearable:n,tabIndex:b,onClickTrigger:M,onChangeSearch:X,onClickDeselect:ne,onClickClear:le,onFocus:E,onBlur:I,groupOrder:u,maxTooltipWidth:s,placeholder:h,right:g,testId:_}),A.isLayerOpen&&J(m.jsx("div",{...H,className:w.layerContainer,children:m.jsx(ye,{listRef:q,isMulti:t,sections:A.visibleOptions,selectedOptions:i,onSelectOption:(Y,B)=>{x(Y,B,t?void 0:Z)},closeLayer:()=>{a&&Z()},width:L(Q),small:v,focusedOptionIndex:A.layerFocus.current,firstSelectedOptionIndex:p??0,testId:_&&`${_}-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 je=e=>{const{name:t="",options:r=[],value:d,native:c=!1,onChange:y=()=>{},deprecatedEventHandler:f=!1,autoScroll:i=!0,warning:o,error:h,checkNonExistentValues:v=!0,closeOnOptionActionClick:b=!0,testId:E,disabled:I}=e,S=!c&&i===!0,{multi:n,simpleInputs:s,options:a,selectedOptions:l,firstSelectedOptionIndex:u,hasNonExistentValue:p}=Xe(r,d,S,v),g=!n,_=c&&g;c&&!g&&console.warn("Native select does not support provided props (see stories)");const O="Value no longer available for re-selection",C=p&&!I?o?m.jsxs("div",{children:[m.jsx("div",{children:O}),m.jsx("div",{children:o})]}):O:o,q=p&&h&&!I?m.jsxs("div",{children:[m.jsx("div",{children:O}),m.jsx("div",{children:h})]}):h,V=(T,R)=>{if(f){const A=n?R.map(F=>s?F.value:F):s?R.value:R;y(A)}else{const A=!(T instanceof Event),F=n?R:R.value;A?(T.target.name=t,T.target.value=F,n||(T.target.label=R.label),y(T)):y({...T,target:{...T.target,name:t,value:F,...!n&&{label:R.label}}})}};return _?m.jsx(ce,{...e,options:a,selectedOption:l,onChange:V,hasNonExistentValue:p,warning:C,error:q,testId:E}):m.jsx(ve,{...e,options:a,selectedOptions:l,onChange:V,multi:n,firstSelectedOptionIndex:u,warning:C,error:q,testId:E,closeOnOptionActionClick:b})};try{je.displayName="Select",je.__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{je as S};
@@ -1,4 +1,4 @@
1
- import{j as n}from"./jsx-runtime-FsUICBgo.js";import{r as on}from"./index-RfLt4OUa.js";import{S as r}from"./select-JjEPivho.js";import{S as D}from"./spacer-Yji9g2AW.js";import{I as W}from"./common-types-U65vzrrz.js";import{I as N}from"./icon-y1a2N5SZ.js";import{T as dn}from"./text-6KQ6ntOV.js";import"./index-VW3EWkuE.js";import"./disabled-context-urNQThQz.js";import"./types-5uVBABF4.js";import"./lodash-Bmg8FrMx.js";import"./tooltip-HEHiU__l.js";import"./index-miLrID2P.js";import"./index-4QtD-hFu.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./inheritsLoose-Y9jOMJLd.js";import"./memoize-one.esm-hqe5SRxC.js";import"./types-VB5zD18b.js";import"./actions-Z9jDWreP.js";import"./button-7V8oA22w.js";import"./spinner-R8Il4aRe.js";import"./badge-23Ty_zBt.js";import"./select.input-zP5tW20f.js";import"./tslib.es6-OIsz3r9a.js";const cn=[{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Koalas",value:"leaves"},{label:"Monkeys",value:"bananas",disabled:!0},{label:"Wombats",value:"bark"}],un=[{label:"Kangaroos",value:"grass",details:"(grass)"},{label:"Monkeys",value:"bananas",details:"(bananas)"},{label:"Possums",value:"slugs",details:"(slugs)"}],pn=[{type:"Heading",label:"Large"},{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas"},{type:"Heading",label:"Small"},{label:"Possums",value:"slugs"}],hn=[{label:1,value:1},{label:2,value:2},{label:3,value:3},{label:4,value:4}],gn=[{label:"Yes",value:!0},{label:"No",value:!1}],vn=[{label:"Aardvarks",value:"termites"},{label:"Monkeys",value:"bananas"},{label:"Vampires",value:"blood",icon:n.jsx(N,{icon:W.WARNING,color:"var(--color-text-warning)"})},{label:"Zombies",value:"brains",icon:n.jsx(N,{icon:W.ERROR,color:"var(--color-text-error)"})}],s=[{label:"Delete",icon:"delete",onClick:()=>{}},{label:"Rename",icon:"rename",onClick:()=>{}}],mn=[{label:"Kangaroos",value:"grass",actions:s},{label:"Monkeys",value:"bananas",actions:s},{label:"Possums",value:"slugs",actions:s,details:"(some details)"}],Sn=[{label:"Kangaroos",value:"grass",actions:s,icon:n.jsx(N,{icon:W.WARNING,color:"var(--color-text-warning)"}),details:"(grass)"},{label:"Monkeys",value:"bananas",actions:s,icon:n.jsx(N,{icon:W.WARNING,color:"var(--color-text-warning)"}),details:"(bananas)"},{label:"Possums",value:"slugs",actions:s,icon:n.jsx(N,{icon:W.WARNING,color:"var(--color-text-warning)"}),details:"(slugs)"}],xn=[...Array(1e4).keys()].map((a,E)=>({label:Math.random().toString(36).substring(7),value:E})),Cn=["Aardvarks","Kangaroos","Monkeys","Possums"],Yn={title:"Forms/Select",component:r,args:{options:cn,native:!1,multi:!1,disabled:!1,autoLayerWidth:!1,clearable:!1,searchable:!0,right:!1}},e=a=>{const{multi:E,value:tn}=a,[O,sn]=on.useState(tn||(E?[]:void 0)),k=rn=>{const{value:I}=rn.target;sn(E?I:{value:I})};return n.jsxs(n.Fragment,{children:[n.jsx(r,{value:O,onChange:k,placeholder:"Full width",...a}),n.jsx(D,{}),n.jsx(r,{value:O,onChange:k,width:"200px",placeholder:"Fixed width",...a}),n.jsx(D,{}),n.jsx(r,{value:O,onChange:k,width:"auto",placeholder:"Auto width",...a}),n.jsx(D,{}),n.jsx(r,{value:O,onChange:k,width:"auto",placeholder:"Small",small:!0,...a}),n.jsx(D,{}),n.jsx(dn,{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:pn};const g=e.bind({});g.args={options:un};const v=e.bind({});v.args={options:vn};const m=e.bind({});m.args={options:mn};const S=e.bind({});S.args={options:Sn};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:hn,placeholder:void 0};const f=e.bind({});f.args={options:gn};const A=e.bind({});A.args={options:Cn};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:xn};const T=e.bind({});T.args={deprecatedEventHandler:!0};const F=e.bind({});F.args={value:{label:"Vampires",value:"blood"},disabled:!0};var R,M,H;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-FsUICBgo.js";import{r as on}from"./index-RfLt4OUa.js";import{S as r}from"./select-Z1HqJ5aU.js";import{S as D}from"./spacer-Yji9g2AW.js";import{I as W}from"./common-types-U65vzrrz.js";import{I as N}from"./icon-y1a2N5SZ.js";import{T as dn}from"./text-6KQ6ntOV.js";import"./index-VW3EWkuE.js";import"./disabled-context-urNQThQz.js";import"./types-5uVBABF4.js";import"./lodash-Bmg8FrMx.js";import"./tooltip-ZHdi6rl-.js";import"./index-miLrID2P.js";import"./index-4QtD-hFu.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./inheritsLoose-Y9jOMJLd.js";import"./memoize-one.esm-hqe5SRxC.js";import"./types-VB5zD18b.js";import"./actions-SGexXf58.js";import"./button-IoNblLER.js";import"./spinner-R8Il4aRe.js";import"./badge-23Ty_zBt.js";import"./select.input-zP5tW20f.js";import"./tslib.es6-OIsz3r9a.js";const cn=[{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Koalas",value:"leaves"},{label:"Monkeys",value:"bananas",disabled:!0},{label:"Wombats",value:"bark"}],un=[{label:"Kangaroos",value:"grass",details:"(grass)"},{label:"Monkeys",value:"bananas",details:"(bananas)"},{label:"Possums",value:"slugs",details:"(slugs)"}],pn=[{type:"Heading",label:"Large"},{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas"},{type:"Heading",label:"Small"},{label:"Possums",value:"slugs"}],hn=[{label:1,value:1},{label:2,value:2},{label:3,value:3},{label:4,value:4}],gn=[{label:"Yes",value:!0},{label:"No",value:!1}],vn=[{label:"Aardvarks",value:"termites"},{label:"Monkeys",value:"bananas"},{label:"Vampires",value:"blood",icon:n.jsx(N,{icon:W.WARNING,color:"var(--color-text-warning)"})},{label:"Zombies",value:"brains",icon:n.jsx(N,{icon:W.ERROR,color:"var(--color-text-error)"})}],s=[{label:"Delete",icon:"delete",onClick:()=>{}},{label:"Rename",icon:"rename",onClick:()=>{}}],mn=[{label:"Kangaroos",value:"grass",actions:s},{label:"Monkeys",value:"bananas",actions:s},{label:"Possums",value:"slugs",actions:s,details:"(some details)"}],Sn=[{label:"Kangaroos",value:"grass",actions:s,icon:n.jsx(N,{icon:W.WARNING,color:"var(--color-text-warning)"}),details:"(grass)"},{label:"Monkeys",value:"bananas",actions:s,icon:n.jsx(N,{icon:W.WARNING,color:"var(--color-text-warning)"}),details:"(bananas)"},{label:"Possums",value:"slugs",actions:s,icon:n.jsx(N,{icon:W.WARNING,color:"var(--color-text-warning)"}),details:"(slugs)"}],xn=[...Array(1e4).keys()].map((a,E)=>({label:Math.random().toString(36).substring(7),value:E})),Cn=["Aardvarks","Kangaroos","Monkeys","Possums"],Yn={title:"Forms/Select",component:r,args:{options:cn,native:!1,multi:!1,disabled:!1,autoLayerWidth:!1,clearable:!1,searchable:!0,right:!1}},e=a=>{const{multi:E,value:tn}=a,[O,sn]=on.useState(tn||(E?[]:void 0)),k=rn=>{const{value:I}=rn.target;sn(E?I:{value:I})};return n.jsxs(n.Fragment,{children:[n.jsx(r,{value:O,onChange:k,placeholder:"Full width",...a}),n.jsx(D,{}),n.jsx(r,{value:O,onChange:k,width:"200px",placeholder:"Fixed width",...a}),n.jsx(D,{}),n.jsx(r,{value:O,onChange:k,width:"auto",placeholder:"Auto width",...a}),n.jsx(D,{}),n.jsx(r,{value:O,onChange:k,width:"auto",placeholder:"Small",small:!0,...a}),n.jsx(D,{}),n.jsx(dn,{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:pn};const g=e.bind({});g.args={options:un};const v=e.bind({});v.args={options:vn};const m=e.bind({});m.args={options:mn};const S=e.bind({});S.args={options:Sn};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:hn,placeholder:void 0};const f=e.bind({});f.args={options:gn};const A=e.bind({});A.args={options:Cn};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:xn};const T=e.bind({});T.args={deprecatedEventHandler:!0};const F=e.bind({});F.args={value:{label:"Vampires",value:"blood"},disabled:!0};var R,M,H;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
@@ -1 +1 @@
1
- import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as d,R as g}from"./index-RfLt4OUa.js";import{c as f}from"./index-VW3EWkuE.js";import{i as v}from"./index-ugi_ZH6T.js";import{B as y,I as E}from"./common-types-U65vzrrz.js";import{D as j}from"./drawer-WuErQ5Z8.js";import{T as I}from"./tooltip-HEHiU__l.js";import{I as T}from"./icon-y1a2N5SZ.js";import{B as M}from"./badge-23Ty_zBt.js";import{B as N}from"./button-7V8oA22w.js";const S="_inputInTable_1ube5_1",C="_inputHover_1ube5_13",q="_inputFocus_1ube5_18",O="_inputError_1ube5_25",k="_inputWarning_1ube5_26",V="_inputDisabled_1ube5_61",B="_hideScrollbars_1ube5_67",L="_sidebar_1ube5_82",A="_inner_1ube5_93",H="_title_1ube5_103",F="_subtitle_1ube5_104",D="_label_1ube5_105",R="_collapsed_1ube5_109",W="_list_1ube5_134",P="_item_1ube5_140",z="_experimental_1ube5_155",$="_active_1ube5_159",w="_icon_1ube5_163",s={inputInTable:S,inputHover:C,inputFocus:q,inputError:O,inputWarning:k,inputDisabled:V,hideScrollbars:B,sidebar:L,inner:A,title:H,subtitle:F,label:D,collapsed:R,list:W,item:P,experimental:z,active:$,icon:w},K=d.memo(({isOpen:t,label:n,icon:l,invalid:a})=>e.jsxs(e.Fragment,{children:[e.jsx(I,{text:n,enabled:!t,placement:"right-center",possiblePlacements:["right-center"],fontSize:16,padding:"var(--padding-sm)",display:"block",children:e.jsx("span",{className:s.icon,children:e.jsx(M,{small:!0,title:a?"!":void 0,margin:4,children:e.jsx(T,{icon:l})})})}),e.jsx("span",{className:s.label,children:n})]}),(t,n)=>v(t,n)),p=({isOpen:t,items:n,sectionIndex:l,onClick:a,testId:o})=>e.jsx("div",{className:s.list,children:n.map((i,u)=>{const c=`${l}_${u}`;return e.jsx("a",{href:i.value,className:f(s.item,i.isActive?s.active:"",i.isExperimental?s.experimental:""),onClick:r=>a(r,i.value,i.label,i.onClick),"data-testid":o,children:e.jsx(K,{label:i.label,icon:i.icon,invalid:i.invalid,isOpen:t},c)},c)})});try{p.displayName="Link",p.__docgenInfo={description:"",displayName:"Link",props:{isOpen:{defaultValue:null,description:"",name:"isOpen",required:!0,type:{name:"boolean"}},items:{defaultValue:null,description:"",name:"items",required:!0,type:{name:"{ value: string; isActive?: boolean | undefined; isExperimental?: boolean | undefined; label: ReactNode; icon: any; invalid?: boolean | undefined; onClick?: ((evt: MouseEvent<HTMLAnchorElement, MouseEvent>) => void) | undefined; }[]"}},sectionIndex:{defaultValue:null,description:"",name:"sectionIndex",required:!0,type:{name:"number"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!0,type:{name:"(evt: MouseEvent<HTMLAnchorElement, MouseEvent>, value: string, label: ReactNode, onClickCallback?: ((evt: MouseEvent<HTMLAnchorElement, MouseEvent>) => void) | undefined) => void"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const m=({isOpen:t,sections:n,onClick:l})=>e.jsx(e.Fragment,{children:n.map((a,o)=>e.jsxs(g.Fragment,{children:[e.jsx("h5",{className:s.subtitle,children:a.heading.toUpperCase()}),e.jsx(p,{isOpen:t,items:a.items,sectionIndex:o,onClick:l,testId:a.testId})]},o))});try{m.displayName="Sections",m.__docgenInfo={description:"",displayName:"Sections",props:{isOpen:{defaultValue:null,description:"",name:"isOpen",required:!0,type:{name:"boolean"}},sections:{defaultValue:null,description:"",name:"sections",required:!0,type:{name:"ISection[]"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!0,type:{name:"(evt: MouseEvent<HTMLAnchorElement, MouseEvent>, value: string, label: ReactNode, onClickCallback?: ((evt: MouseEvent<HTMLAnchorElement, MouseEvent>) => void) | undefined) => void"}}}}}catch{}const b=d.memo(({options:t,startOpen:n=!1,onShiftClickToggleOpen:l=()=>{},top:a})=>{const[o,i]=d.useState(n),u=(r,h,x,_)=>{r.preventDefault(),typeof _=="function"&&(r.currentTarget.value=h,r.currentTarget.label=x,_(r)),i(!1)},c=t.sections.length>0;return e.jsx(j,{fixed:!0,open:o,top:a,background:"var(--color-background-sidebar)",closedWidth:"var(--size-sidebar)",buttonPosition:y.BOTTOM,buttonAnimate:!0,button:c&&e.jsx(N,{onClick:r=>{r.shiftKey&&l&&l(r),i(!o)},colored:!0,round:!0,icon:E.LEFT}),children:e.jsx("div",{className:f(s.sidebar,o?"":s.collapsed),children:c&&e.jsxs("div",{className:s.inner,children:[e.jsx("h4",{className:s.title,children:t.title}),e.jsx(m,{isOpen:o,sections:t.sections,onClick:u})]})})})},(t,n)=>v(t,n));try{b.displayName="SideBar",b.__docgenInfo={description:"",displayName:"SideBar",props:{options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"{ title: string; sections: IOptionSection[]; }"}},startOpen:{defaultValue:null,description:"",name:"startOpen",required:!1,type:{name:"boolean"}},onShiftClickToggleOpen:{defaultValue:null,description:"",name:"onShiftClickToggleOpen",required:!1,type:{name:"((evt: MouseEvent<HTMLButtonElement, MouseEvent>) => void)"}},top:{defaultValue:null,description:"",name:"top",required:!1,type:{name:"TStringOrNumber"}}}}}catch{}export{b as S};
1
+ import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as d,R as g}from"./index-RfLt4OUa.js";import{c as f}from"./index-VW3EWkuE.js";import{i as v}from"./index-ugi_ZH6T.js";import{B as y,I as E}from"./common-types-U65vzrrz.js";import{D as j}from"./drawer-TM-jK3WR.js";import{T as I}from"./tooltip-ZHdi6rl-.js";import{I as T}from"./icon-y1a2N5SZ.js";import{B as M}from"./badge-23Ty_zBt.js";import{B as N}from"./button-IoNblLER.js";const S="_inputInTable_1ube5_1",C="_inputHover_1ube5_13",q="_inputFocus_1ube5_18",O="_inputError_1ube5_25",k="_inputWarning_1ube5_26",V="_inputDisabled_1ube5_61",B="_hideScrollbars_1ube5_67",L="_sidebar_1ube5_82",A="_inner_1ube5_93",H="_title_1ube5_103",F="_subtitle_1ube5_104",D="_label_1ube5_105",R="_collapsed_1ube5_109",W="_list_1ube5_134",P="_item_1ube5_140",z="_experimental_1ube5_155",$="_active_1ube5_159",w="_icon_1ube5_163",s={inputInTable:S,inputHover:C,inputFocus:q,inputError:O,inputWarning:k,inputDisabled:V,hideScrollbars:B,sidebar:L,inner:A,title:H,subtitle:F,label:D,collapsed:R,list:W,item:P,experimental:z,active:$,icon:w},K=d.memo(({isOpen:t,label:n,icon:l,invalid:a})=>e.jsxs(e.Fragment,{children:[e.jsx(I,{text:n,enabled:!t,placement:"right-center",possiblePlacements:["right-center"],fontSize:16,padding:"var(--padding-sm)",display:"block",children:e.jsx("span",{className:s.icon,children:e.jsx(M,{small:!0,title:a?"!":void 0,margin:4,children:e.jsx(T,{icon:l})})})}),e.jsx("span",{className:s.label,children:n})]}),(t,n)=>v(t,n)),p=({isOpen:t,items:n,sectionIndex:l,onClick:a,testId:o})=>e.jsx("div",{className:s.list,children:n.map((i,u)=>{const c=`${l}_${u}`;return e.jsx("a",{href:i.value,className:f(s.item,i.isActive?s.active:"",i.isExperimental?s.experimental:""),onClick:r=>a(r,i.value,i.label,i.onClick),"data-testid":o,children:e.jsx(K,{label:i.label,icon:i.icon,invalid:i.invalid,isOpen:t},c)},c)})});try{p.displayName="Link",p.__docgenInfo={description:"",displayName:"Link",props:{isOpen:{defaultValue:null,description:"",name:"isOpen",required:!0,type:{name:"boolean"}},items:{defaultValue:null,description:"",name:"items",required:!0,type:{name:"{ value: string; isActive?: boolean | undefined; isExperimental?: boolean | undefined; label: ReactNode; icon: any; invalid?: boolean | undefined; onClick?: ((evt: MouseEvent<HTMLAnchorElement, MouseEvent>) => void) | undefined; }[]"}},sectionIndex:{defaultValue:null,description:"",name:"sectionIndex",required:!0,type:{name:"number"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!0,type:{name:"(evt: MouseEvent<HTMLAnchorElement, MouseEvent>, value: string, label: ReactNode, onClickCallback?: ((evt: MouseEvent<HTMLAnchorElement, MouseEvent>) => void) | undefined) => void"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const m=({isOpen:t,sections:n,onClick:l})=>e.jsx(e.Fragment,{children:n.map((a,o)=>e.jsxs(g.Fragment,{children:[e.jsx("h5",{className:s.subtitle,children:a.heading.toUpperCase()}),e.jsx(p,{isOpen:t,items:a.items,sectionIndex:o,onClick:l,testId:a.testId})]},o))});try{m.displayName="Sections",m.__docgenInfo={description:"",displayName:"Sections",props:{isOpen:{defaultValue:null,description:"",name:"isOpen",required:!0,type:{name:"boolean"}},sections:{defaultValue:null,description:"",name:"sections",required:!0,type:{name:"ISection[]"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!0,type:{name:"(evt: MouseEvent<HTMLAnchorElement, MouseEvent>, value: string, label: ReactNode, onClickCallback?: ((evt: MouseEvent<HTMLAnchorElement, MouseEvent>) => void) | undefined) => void"}}}}}catch{}const b=d.memo(({options:t,startOpen:n=!1,onShiftClickToggleOpen:l=()=>{},top:a})=>{const[o,i]=d.useState(n),u=(r,h,x,_)=>{r.preventDefault(),typeof _=="function"&&(r.currentTarget.value=h,r.currentTarget.label=x,_(r)),i(!1)},c=t.sections.length>0;return e.jsx(j,{fixed:!0,open:o,top:a,background:"var(--color-background-sidebar)",closedWidth:"var(--size-sidebar)",buttonPosition:y.BOTTOM,buttonAnimate:!0,button:c&&e.jsx(N,{onClick:r=>{r.shiftKey&&l&&l(r),i(!o)},colored:!0,round:!0,icon:E.LEFT}),children:e.jsx("div",{className:f(s.sidebar,o?"":s.collapsed),children:c&&e.jsxs("div",{className:s.inner,children:[e.jsx("h4",{className:s.title,children:t.title}),e.jsx(m,{isOpen:o,sections:t.sections,onClick:u})]})})})},(t,n)=>v(t,n));try{b.displayName="SideBar",b.__docgenInfo={description:"",displayName:"SideBar",props:{options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"{ title: string; sections: IOptionSection[]; }"}},startOpen:{defaultValue:null,description:"",name:"startOpen",required:!1,type:{name:"boolean"}},onShiftClickToggleOpen:{defaultValue:null,description:"",name:"onShiftClickToggleOpen",required:!1,type:{name:"((evt: MouseEvent<HTMLButtonElement, MouseEvent>) => void)"}},top:{defaultValue:null,description:"",name:"top",required:!1,type:{name:"TStringOrNumber"}}}}}catch{}export{b as S};
@@ -1 +1 @@
1
- import{j as a}from"./jsx-runtime-FsUICBgo.js";import{I as t}from"./common-types-U65vzrrz.js";import{S as m}from"./side-bar-Fjr2t9MT.js";import{F as g}from"./flex-3eLDDUyy.js";import{B as u}from"./badge-23Ty_zBt.js";import{s as S}from"./icon-custom-PyWFQsS3.js";import"./index-RfLt4OUa.js";import"./index-VW3EWkuE.js";import"./index-ugi_ZH6T.js";import"./drawer-WuErQ5Z8.js";import"./lodash-Bmg8FrMx.js";import"./index-4QtD-hFu.js";import"./index-miLrID2P.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./disabled-context-urNQThQz.js";import"./button-7V8oA22w.js";import"./spinner-R8Il4aRe.js";import"./tooltip-HEHiU__l.js";const h=[{heading:"First Heading",items:[{label:"Section A",value:"/path/to/something",onClick:()=>{},icon:S},{label:a.jsxs(g,{alignItems:"center",gap:"var(--padding-xxs)",children:["Section B",a.jsx(u,{small:!0,title:"BETA"})]}),value:"/path/to/something",onClick:()=>{},icon:t.HELP,isActive:!0},{label:"Section C",value:"/path/to/something",onClick:()=>{},icon:t.EDIT},{label:"Experimental Section",value:"/path/to/something",onClick:()=>{},icon:t.LIBRARY,isExperimental:!0}]},{heading:"Second Heading",items:[{label:"Section 1",value:"/path/to/something",onClick:()=>{},icon:t.SETTINGS},{label:"Section 2",value:"/path/to/something",onClick:()=>{},icon:t.STAR},{label:"Invalid Section",value:"/path/to/something",onClick:()=>{},icon:t.NOTIFICATION,invalid:!0}]}],L={title:"Navigation/SideBar",component:m,parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}},args:{options:{title:"Title",sections:h},startOpen:!1},argTypes:{top:{control:{type:"text"}},startOpen:{control:{type:"boolean"}}}},c=d=>a.jsx(m,{...d}),o=c.bind({}),e=c.bind({});e.args={startOpen:!0};var i,r,s;o.parameters={...o.parameters,docs:{...(i=o.parameters)==null?void 0:i.docs,source:{originalSource:"args => <SideBar {...args} />",...(s=(r=o.parameters)==null?void 0:r.docs)==null?void 0:s.source}}};var n,l,p;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:"args => <SideBar {...args} />",...(p=(l=e.parameters)==null?void 0:l.docs)==null?void 0:p.source}}};const G=["Default","StartOpen"];export{o as Default,e as StartOpen,G as __namedExportsOrder,L as default};
1
+ import{j as a}from"./jsx-runtime-FsUICBgo.js";import{I as t}from"./common-types-U65vzrrz.js";import{S as m}from"./side-bar-GJ2tcZYY.js";import{F as g}from"./flex-ZVra76N-.js";import{B as u}from"./badge-23Ty_zBt.js";import{s as S}from"./icon-custom-PyWFQsS3.js";import"./index-RfLt4OUa.js";import"./index-VW3EWkuE.js";import"./index-ugi_ZH6T.js";import"./drawer-TM-jK3WR.js";import"./lodash-Bmg8FrMx.js";import"./index-4QtD-hFu.js";import"./index-miLrID2P.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./disabled-context-urNQThQz.js";import"./button-IoNblLER.js";import"./spinner-R8Il4aRe.js";import"./tooltip-ZHdi6rl-.js";const h=[{heading:"First Heading",items:[{label:"Section A",value:"/path/to/something",onClick:()=>{},icon:S},{label:a.jsxs(g,{alignItems:"center",gap:"var(--padding-xxs)",children:["Section B",a.jsx(u,{small:!0,title:"BETA"})]}),value:"/path/to/something",onClick:()=>{},icon:t.HELP,isActive:!0},{label:"Section C",value:"/path/to/something",onClick:()=>{},icon:t.EDIT},{label:"Experimental Section",value:"/path/to/something",onClick:()=>{},icon:t.LIBRARY,isExperimental:!0}]},{heading:"Second Heading",items:[{label:"Section 1",value:"/path/to/something",onClick:()=>{},icon:t.SETTINGS},{label:"Section 2",value:"/path/to/something",onClick:()=>{},icon:t.STAR},{label:"Invalid Section",value:"/path/to/something",onClick:()=>{},icon:t.NOTIFICATION,invalid:!0}]}],L={title:"Navigation/SideBar",component:m,parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}},args:{options:{title:"Title",sections:h},startOpen:!1},argTypes:{top:{control:{type:"text"}},startOpen:{control:{type:"boolean"}}}},c=d=>a.jsx(m,{...d}),o=c.bind({}),e=c.bind({});e.args={startOpen:!0};var i,r,s;o.parameters={...o.parameters,docs:{...(i=o.parameters)==null?void 0:i.docs,source:{originalSource:"args => <SideBar {...args} />",...(s=(r=o.parameters)==null?void 0:r.docs)==null?void 0:s.source}}};var n,l,p;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:"args => <SideBar {...args} />",...(p=(l=e.parameters)==null?void 0:l.docs)==null?void 0:p.source}}};const G=["Default","StartOpen"];export{o as Default,e as StartOpen,G as __namedExportsOrder,L as default};
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as x}from"./index-RfLt4OUa.js";import{I as j}from"./common-types-U65vzrrz.js";import{T as g}from"./top-bar-3dxv0sp9.js";import{S as w}from"./side-bar-Fjr2t9MT.js";import{H as t}from"./heading-Bk0bpNfe.js";import{B as L}from"./button-7V8oA22w.js";import{D as v}from"./drawer-WuErQ5Z8.js";import{L as d}from"./list-8l-RGDgw.js";import{F as l}from"./field-eknsj_Ll.js";import{I as a}from"./input-u1He-wWs.js";import{C as m}from"./check-box-s9CvqRSD.js";import{P as f}from"./page-9-f6BzS0.js";import{R as o,C as i}from"./row-vFUhHoz5.js";import{A as u}from"./accordion-6_27SROY.js";import{S as s}from"./spacer-Yji9g2AW.js";import{T as F}from"./tabs-fcLbHC1n.js";import"./index-VW3EWkuE.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./actions-Z9jDWreP.js";import"./lodash-Bmg8FrMx.js";import"./tooltip-HEHiU__l.js";import"./index-miLrID2P.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./index-ugi_ZH6T.js";import"./help-icon--rUDxLUD.js";import"./spinner-R8Il4aRe.js";import"./index.es-JXn3JM7k.js";import"./extends-dGVwEr9R.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./memoize-one.esm-hqe5SRxC.js";import"./card-0r8RRVk-.js";import"./list-heading-Vd3hu5Pf.js";import"./loader-TGOJBZQG.js";import"./label-0_Qf6I8t.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./select.input-zP5tW20f.js";const C=[{label:"Import",value:"import",right:!0},{label:"Settings",value:"settings",right:!0}],S=()=>e.jsx("div",{style:{background:"#AAD3DF",borderLeft:"1px solid #8AB3BF",display:"flex",alignItems:"center",justifyContent:"center",color:"white",height:"100%"},children:"MAP"}),xe={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},n=()=>{const[r,b]=x.useState(!0);return e.jsxs(e.Fragment,{children:[e.jsx(g,{}),e.jsx(w,{options:{title:"",sections:[]},width:"250px"}),e.jsx(f,{padding:!1,scroll:!1,children:e.jsxs(o,{spacing:0,flex:!0,children:[e.jsxs(v,{button:e.jsx(L,{onClick:()=>b(!r),round:!0,icon:j.CHEVRON_LEFT}),open:r,width:300,closedWidth:"var(--size-sidebar)",children:[e.jsx(d,{drawer:!0,narrow:!r,list:{name:"Sites",items:[{id:1,name:"Main Site",type:"Heading"},{id:2,name:"Site name here",active:!0,label:{value:1,color:"#69779b"}},{id:3,name:"Locations",type:"Heading"},{id:4,name:"Ipsum",label:{value:2,color:"#69779b"}},{id:5,name:"Dolor",label:{value:3,color:"#69779b"}}]}}),e.jsx(d,{drawer:!0,narrow:!r,list:{name:"Wells",items:[{id:1,name:"Main Wellbore",type:"Heading"},{id:2,name:"Lorem",label:{value:1,color:"#77699b"}}]}}),e.jsx(d,{drawer:!0,narrow:!r,list:{name:"Targets",items:[{id:1,name:"Lorem",label:{value:1,color:"#9b6977"}}]}})]}),e.jsxs(i,{borderLeft:!0,flexbox:!0,children:[e.jsx(s,{}),e.jsx(F,{padding:!0,margin:!1,options:C}),e.jsxs(o,{spacing:0,flex:!0,children:[e.jsxs(i,{scroll:!0,padding:!0,width:550,children:[e.jsx(t,{top:!0,children:"Site name here"}),e.jsx(l,{label:"Name",children:e.jsx(a,{value:"Site name here",width:"200px"})}),e.jsxs(u,{heading:e.jsx(t,{children:"Coordinate Reference System"}),managed:!0,children:[e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{children:e.jsx(m,{label:"Dolor"})})]}),e.jsx(s,{}),e.jsx(t,{marginBottom:"var(--padding)",children:"Location"}),e.jsxs(o,{children:[e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})})]}),e.jsx(s,{}),e.jsx(t,{marginBottom:"var(--padding)",children:"Model"}),e.jsxs(o,{children:[e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})})]}),e.jsxs(u,{heading:e.jsx(t,{children:"Settings"}),managed:!0,children:[e.jsx(l,{children:e.jsx(m,{label:"Dolor"})}),e.jsxs(o,{children:[e.jsxs(i,{children:[e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})]}),e.jsxs(i,{children:[e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})]})]})]})]}),e.jsx(i,{children:e.jsx(S,{})})]})]})]})})]})};var p,c,h;n.parameters={...n.parameters,docs:{...(p=n.parameters)==null?void 0:p.docs,source:{originalSource:`() => {
1
+ import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as x}from"./index-RfLt4OUa.js";import{I as j}from"./common-types-U65vzrrz.js";import{T as g}from"./top-bar-0fDAFWyC.js";import{S as w}from"./side-bar-GJ2tcZYY.js";import{H as t}from"./heading-cUVItwKq.js";import{B as L}from"./button-IoNblLER.js";import{D as v}from"./drawer-TM-jK3WR.js";import{L as d}from"./list-ciYNlkVM.js";import{F as l}from"./field-kOZPBHf6.js";import{I as a}from"./input-iDZqV-2m.js";import{C as m}from"./check-box-ybJTs3K1.js";import{P as f}from"./page-9-f6BzS0.js";import{R as o,C as i}from"./row-vFUhHoz5.js";import{A as u}from"./accordion-6_27SROY.js";import{S as s}from"./spacer-Yji9g2AW.js";import{T as F}from"./tabs-fcLbHC1n.js";import"./index-VW3EWkuE.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./actions-SGexXf58.js";import"./lodash-Bmg8FrMx.js";import"./tooltip-ZHdi6rl-.js";import"./index-miLrID2P.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./index-ugi_ZH6T.js";import"./help-icon-nI9A506M.js";import"./spinner-R8Il4aRe.js";import"./index.es-JXn3JM7k.js";import"./extends-dGVwEr9R.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./memoize-one.esm-hqe5SRxC.js";import"./card-0r8RRVk-.js";import"./list-heading-XbqCJOHh.js";import"./loader-TGOJBZQG.js";import"./label-RpB4JmHX.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./select.input-zP5tW20f.js";const C=[{label:"Import",value:"import",right:!0},{label:"Settings",value:"settings",right:!0}],S=()=>e.jsx("div",{style:{background:"#AAD3DF",borderLeft:"1px solid #8AB3BF",display:"flex",alignItems:"center",justifyContent:"center",color:"white",height:"100%"},children:"MAP"}),xe={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},n=()=>{const[r,b]=x.useState(!0);return e.jsxs(e.Fragment,{children:[e.jsx(g,{}),e.jsx(w,{options:{title:"",sections:[]},width:"250px"}),e.jsx(f,{padding:!1,scroll:!1,children:e.jsxs(o,{spacing:0,flex:!0,children:[e.jsxs(v,{button:e.jsx(L,{onClick:()=>b(!r),round:!0,icon:j.CHEVRON_LEFT}),open:r,width:300,closedWidth:"var(--size-sidebar)",children:[e.jsx(d,{drawer:!0,narrow:!r,list:{name:"Sites",items:[{id:1,name:"Main Site",type:"Heading"},{id:2,name:"Site name here",active:!0,label:{value:1,color:"#69779b"}},{id:3,name:"Locations",type:"Heading"},{id:4,name:"Ipsum",label:{value:2,color:"#69779b"}},{id:5,name:"Dolor",label:{value:3,color:"#69779b"}}]}}),e.jsx(d,{drawer:!0,narrow:!r,list:{name:"Wells",items:[{id:1,name:"Main Wellbore",type:"Heading"},{id:2,name:"Lorem",label:{value:1,color:"#77699b"}}]}}),e.jsx(d,{drawer:!0,narrow:!r,list:{name:"Targets",items:[{id:1,name:"Lorem",label:{value:1,color:"#9b6977"}}]}})]}),e.jsxs(i,{borderLeft:!0,flexbox:!0,children:[e.jsx(s,{}),e.jsx(F,{padding:!0,margin:!1,options:C}),e.jsxs(o,{spacing:0,flex:!0,children:[e.jsxs(i,{scroll:!0,padding:!0,width:550,children:[e.jsx(t,{top:!0,children:"Site name here"}),e.jsx(l,{label:"Name",children:e.jsx(a,{value:"Site name here",width:"200px"})}),e.jsxs(u,{heading:e.jsx(t,{children:"Coordinate Reference System"}),managed:!0,children:[e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{children:e.jsx(m,{label:"Dolor"})})]}),e.jsx(s,{}),e.jsx(t,{marginBottom:"var(--padding)",children:"Location"}),e.jsxs(o,{children:[e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})})]}),e.jsx(s,{}),e.jsx(t,{marginBottom:"var(--padding)",children:"Model"}),e.jsxs(o,{children:[e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})})]}),e.jsxs(u,{heading:e.jsx(t,{children:"Settings"}),managed:!0,children:[e.jsx(l,{children:e.jsx(m,{label:"Dolor"})}),e.jsxs(o,{children:[e.jsxs(i,{children:[e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})]}),e.jsxs(i,{children:[e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})]})]})]})]}),e.jsx(i,{children:e.jsx(S,{})})]})]})]})})]})};var p,c,h;n.parameters={...n.parameters,docs:{...(p=n.parameters)==null?void 0:p.docs,source:{originalSource:`() => {
2
2
  const [open, setOpen] = useState(true);
3
3
  return <>
4
4
  <TopBar />