@oliasoft-open-source/react-ui-library 3.13.17-beta-1 → 3.13.17-beta-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 (106) hide show
  1. package/dist/storybook/assets/{Color-6VNJS4EI-d8884f91.js → Color-6VNJS4EI-8f08697c.js} +1 -1
  2. package/dist/storybook/assets/{DocsRenderer-NNNQARDV-a03b4503.js → DocsRenderer-NNNQARDV-0d4354fe.js} +1 -1
  3. package/dist/storybook/assets/{WithTooltip-V3YHNWJZ-0888e1ab.js → WithTooltip-V3YHNWJZ-61da2c11.js} +1 -1
  4. package/dist/storybook/assets/{accordion.stories-edbb8e85.js → accordion.stories-b71f5697.js} +1 -1
  5. package/dist/storybook/assets/{actions-d20e6c3a.js → actions-fc0e9454.js} +1 -1
  6. package/dist/storybook/assets/{actions.stories-0ae07ea4.js → actions.stories-0eb7ea69.js} +1 -1
  7. package/dist/storybook/assets/{afe.stories-e41eee34.js → afe.stories-e4efb86c.js} +1 -1
  8. package/dist/storybook/assets/{badge.stories-e7561f5d.js → badge.stories-1ca3e734.js} +1 -1
  9. package/dist/storybook/assets/{blowout.stories-47bb1abb.js → blowout.stories-b70b54b3.js} +1 -1
  10. package/dist/storybook/assets/{button-49d531e1.js → button-46f94914.js} +1 -1
  11. package/dist/storybook/assets/{button-group-add99eef.js → button-group-298b3524.js} +1 -1
  12. package/dist/storybook/assets/{button-group.stories-cddfe607.js → button-group.stories-e3b603c8.js} +1 -1
  13. package/dist/storybook/assets/{button.stories-2a204fa6.js → button.stories-d3d17e58.js} +1 -1
  14. package/dist/storybook/assets/{buttons-and-links-bcb220f4.js → buttons-and-links-4266c402.js} +1 -1
  15. package/dist/storybook/assets/{card.stories-bc666904.js → card.stories-5841707f.js} +1 -1
  16. package/dist/storybook/assets/{casing-loads.stories-878c2e6c.js → casing-loads.stories-4766c341.js} +1 -1
  17. package/dist/storybook/assets/{cell.stories-944774f6.js → cell.stories-5acdba82.js} +1 -1
  18. package/dist/storybook/assets/{check-box-cf38f0db.js → check-box-446bfd70.js} +1 -1
  19. package/dist/storybook/assets/{check-box.stories-528b3488.js → check-box.stories-7b2a9ca9.js} +1 -1
  20. package/dist/storybook/assets/{chunk-HLWAVYOI-ca0966c1.js → chunk-HLWAVYOI-a79c8157.js} +1 -1
  21. package/dist/storybook/assets/{color-d54dc0ad.js → color-02923237.js} +1 -1
  22. package/dist/storybook/assets/{column.stories-a4ba2c90.js → column.stories-e19cb01e.js} +1 -1
  23. package/dist/storybook/assets/{dialog-2209d794.js → dialog-cedce8fd.js} +1 -1
  24. package/dist/storybook/assets/{drawer-7fbc200a.js → drawer-baa1dad8.js} +1 -1
  25. package/dist/storybook/assets/{drawer.stories-a5e43273.js → drawer.stories-5e7e3344.js} +1 -1
  26. package/dist/storybook/assets/{empty.stories-d5816781.js → empty.stories-a9ec75a1.js} +1 -1
  27. package/dist/storybook/assets/{field-a89bd052.js → field-28058049.js} +1 -1
  28. package/dist/storybook/assets/{field.stories-5eecd96a.js → field.stories-654537f1.js} +1 -1
  29. package/dist/storybook/assets/{file-input.stories-9354b70c.js → file-input.stories-9a8227c1.js} +1 -1
  30. package/dist/storybook/assets/{flex-ab83d710.js → flex-d9f1518a.js} +1 -1
  31. package/dist/storybook/assets/{flex.stories-04f7021b.js → flex.stories-fc92f42b.js} +1 -1
  32. package/dist/storybook/assets/{footer.stories-66876a8d.js → footer.stories-31d4b609.js} +1 -1
  33. package/dist/storybook/assets/{form.stories-0d3959d5.js → form.stories-95f049ab.js} +1 -1
  34. package/dist/storybook/assets/{formation.stories-7e2df200.js → formation.stories-2395c402.js} +1 -1
  35. package/dist/storybook/assets/{formatter-SWP5E3XI-c31f6839.js → formatter-SWP5E3XI-04860820.js} +1 -1
  36. package/dist/storybook/assets/{heading-4684b11f.js → heading-1199f623.js} +1 -1
  37. package/dist/storybook/assets/{heading.stories-1e559b8b.js → heading.stories-c162b9f2.js} +1 -1
  38. package/dist/storybook/assets/{help-icon-9137eebe.js → help-icon-a2059927.js} +1 -1
  39. package/dist/storybook/assets/{help-icon.stories-33efad1e.js → help-icon.stories-2a24356d.js} +1 -1
  40. package/dist/storybook/assets/{icon.stories-610cf657.js → icon.stories-2ede1770.js} +1 -1
  41. package/dist/storybook/assets/{iframe-3a5a863a.js → iframe-f9fb6983.js} +1 -1
  42. package/dist/storybook/assets/{index-69433b45.js → index-85e52b59.js} +4 -4
  43. package/dist/storybook/assets/{input-0081e806.js → input-6acf2537.js} +1 -1
  44. package/dist/storybook/assets/{input-group.stories-af96f413.js → input-group.stories-bfa17a1e.js} +1 -1
  45. package/dist/storybook/assets/{input-validation-fc703ef4.js → input-validation-8b7627d7.js} +1 -1
  46. package/dist/storybook/assets/{input.stories-03464cb3.js → input.stories-e6cdbe54.js} +1 -1
  47. package/dist/storybook/assets/{inputs-0067b0e5.js → inputs-8d540c94.js} +1 -1
  48. package/dist/storybook/assets/{label-a4c85cd5.js → label-021ac57d.js} +1 -1
  49. package/dist/storybook/assets/{label.stories-46298c95.js → label.stories-9e4f4370.js} +1 -1
  50. package/dist/storybook/assets/{layout-forms-66dec394.js → layout-forms-2d54ea98.js} +1 -1
  51. package/dist/storybook/assets/{layout-general-6b54b276.js → layout-general-5ee7b723.js} +1 -1
  52. package/dist/storybook/assets/{list-acca49e6.js → list-c7161aca.js} +1 -1
  53. package/dist/storybook/assets/{list.stories-2200643b.js → list.stories-b5e5d2cb.js} +1 -1
  54. package/dist/storybook/assets/{list.stories-data-12307d69.js → list.stories-data-f9fe7a6c.js} +1 -1
  55. package/dist/storybook/assets/{loader.stories-7d1cfa08.js → loader.stories-b13f1939.js} +1 -1
  56. package/dist/storybook/assets/{menu.stories-data-f9641e58.js → menu.stories-data-d3a6dabe.js} +1 -1
  57. package/dist/storybook/assets/{menu.stories-feeb0624.js → menu.stories-dea31cad.js} +1 -1
  58. package/dist/storybook/assets/{message.stories-f74af2f1.js → message.stories-bb145cf5.js} +1 -1
  59. package/dist/storybook/assets/{meta-content-79cf3a28.js → meta-content-7402b418.js} +1 -1
  60. package/dist/storybook/assets/{modal.stories-77ebb732.js → modal.stories-40bf71c0.js} +1 -1
  61. package/dist/storybook/assets/{number-input-4fd041e5.js → number-input-6fd01714.js} +1 -1
  62. package/dist/storybook/assets/{number-input.stories-cfb9c64f.js → number-input.stories-8d4f04ec.js} +1 -1
  63. package/dist/storybook/assets/{option-dropdown.stories-ac129ace.js → option-dropdown.stories-b5d5ff84.js} +1 -1
  64. package/dist/storybook/assets/{page.stories-0e75da80.js → page.stories-a2b9b95b.js} +1 -1
  65. package/dist/storybook/assets/{pagination-1fe89e2b.js → pagination-0c60f7b3.js} +1 -1
  66. package/dist/storybook/assets/{pagination.stories-b05ad6b8.js → pagination.stories-4f38baf2.js} +1 -1
  67. package/dist/storybook/assets/{pop-confirm.stories-fee80e19.js → pop-confirm.stories-71b013fa.js} +1 -1
  68. package/dist/storybook/assets/{popover-2e8faa30.js → popover-2128fc1d.js} +1 -1
  69. package/dist/storybook/assets/{popover.stories-e77e67c9.js → popover.stories-1e4511e3.js} +1 -1
  70. package/dist/storybook/assets/preview-3814346f.js +1 -0
  71. package/dist/storybook/assets/{preview-bce47d16.js → preview-bf404d57.js} +1 -1
  72. package/dist/storybook/assets/{projects.stories-42643225.js → projects.stories-5e03b9cd.js} +1 -1
  73. package/dist/storybook/assets/{radio-button-ed704164.js → radio-button-566ecb52.js} +1 -1
  74. package/dist/storybook/assets/{radio-button.stories-19adb4c9.js → radio-button.stories-25593337.js} +1 -1
  75. package/dist/storybook/assets/{reservoirs.stories-723ae69b.js → reservoirs.stories-73713195.js} +1 -1
  76. package/dist/storybook/assets/{rich-text-input.stories-290e958f.js → rich-text-input.stories-8b881ae5.js} +1 -1
  77. package/dist/storybook/assets/{row.stories-7e3b6727.js → row.stories-a8fb4a7b.js} +1 -1
  78. package/dist/storybook/assets/{select-5dde762f.js → select-c9582823.js} +1 -1
  79. package/dist/storybook/assets/{select.stories-f5c39d13.js → select.stories-7f28f901.js} +1 -1
  80. package/dist/storybook/assets/{side-bar-c31acb43.js → side-bar-752645a6.js} +1 -1
  81. package/dist/storybook/assets/{side-bar.stories-75f6298f.js → side-bar.stories-8695cbd0.js} +1 -1
  82. package/dist/storybook/assets/{site.stories-17a2d006.js → site.stories-49b2e5cb.js} +1 -1
  83. package/dist/storybook/assets/{slider-1c36d68e.js → slider-3acb2ea6.js} +1 -1
  84. package/dist/storybook/assets/{slider.stories-f8e76f26.js → slider.stories-1809b68c.js} +1 -1
  85. package/dist/storybook/assets/{spacer.stories-e2e07ab1.js → spacer.stories-9f0d477a.js} +1 -1
  86. package/dist/storybook/assets/{syntaxhighlighter-V7JZZA35-12293ee9.js → syntaxhighlighter-V7JZZA35-fdc60a58.js} +1 -1
  87. package/dist/storybook/assets/{table-131ce763.js → table-aa527174.js} +1 -1
  88. package/dist/storybook/assets/{table.stories-280dd54a.js → table.stories-9114f250.js} +1 -1
  89. package/dist/storybook/assets/{table.stories-data-8a276cd9.js → table.stories-data-3af37c1b.js} +1 -1
  90. package/dist/storybook/assets/{textarea-e59c9314.js → textarea-fb303fff.js} +1 -1
  91. package/dist/storybook/assets/{textarea.stories-5dbede94.js → textarea.stories-9f0651ec.js} +1 -1
  92. package/dist/storybook/assets/{title.stories-e36ca926.js → title.stories-17f06815.js} +1 -1
  93. package/dist/storybook/assets/{toaster.stories-406f7791.js → toaster.stories-1e00c007.js} +1 -1
  94. package/dist/storybook/assets/{toggle-f32ea916.js → toggle-f9fc723b.js} +1 -1
  95. package/dist/storybook/assets/{toggle.stories-9e1c3b1d.js → toggle.stories-a7cf968d.js} +1 -1
  96. package/dist/storybook/assets/{tooltip-559179a7.js → tooltip-121d0a20.js} +1 -1
  97. package/dist/storybook/assets/{tooltip.stories-84b7fc63.js → tooltip.stories-dec59e0c.js} +1 -1
  98. package/dist/storybook/assets/{tooltip.test-case.stories-56d81615.js → tooltip.test-case.stories-52b14ad4.js} +1 -1
  99. package/dist/storybook/assets/{top-bar-98ca94c8.js → top-bar-e17760f3.js} +1 -1
  100. package/dist/storybook/assets/{top-bar.stories-22fe4874.js → top-bar.stories-f6437733.js} +1 -1
  101. package/dist/storybook/assets/{top-bar.testcase.stories-e4ad491f.js → top-bar.testcase.stories-78b88bf7.js} +1 -1
  102. package/dist/storybook/assets/{tree.stories-fca7d284.js → tree.stories-bb864afe.js} +1 -1
  103. package/dist/storybook/iframe.html +1 -1
  104. package/dist/storybook/project.json +1 -1
  105. package/package.json +5 -4
  106. package/dist/storybook/assets/preview-d67fe236.js +0 -1
@@ -1,4 +1,4 @@
1
- import{j as S}from"./jsx-runtime-f961835c.js";import{r as B}from"./index-f80c8c95.js";import{R as T}from"./radio-button-ed704164.js";import"./index-a80ed1cf.js";import"./disabled-context-d654f6ff.js";import"./select.input-88b6ebab.js";import"./types-cc224262.js";import"./common-types-3a5f9d98.js";import"./help-icon-9137eebe.js";import"./tooltip-559179a7.js";import"./index-64d4dcb8.js";import"./icon-7ec58de0.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";const n=[{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas",disabled:!0}],z={title:"Forms/RadioButton",component:T,args:{options:n,inline:!1,noMargin:!1,disabled:!1,small:!1}},r=e=>{const[t,x]=B.useState(n[0]),H=b=>{const R=b.target.value,p=n.find(E=>E.value===R);p&&x(p)};return S.jsx(T,{...e,value:t,onChange:H})},l=r.bind({}),a=r.bind({});a.args={options:n.map((e,t)=>({...e,helpText:`Help text #${t}`}))};const o=r.bind({});o.args={options:n.map((e,t)=>({...e,onClickHelp:()=>console.log(`Help #${t} clicked`)}))};const s=r.bind({});s.args={options:n.map((e,t)=>({...e,helpText:`Help text #${t}`,disabled:!0}))};var i,c,u;l.parameters={...l.parameters,docs:{...(i=l.parameters)==null?void 0:i.docs,source:{originalSource:`args => {
1
+ import{j as S}from"./jsx-runtime-f961835c.js";import{r as B}from"./index-f80c8c95.js";import{R as T}from"./radio-button-566ecb52.js";import"./index-a80ed1cf.js";import"./disabled-context-d654f6ff.js";import"./select.input-88b6ebab.js";import"./types-cc224262.js";import"./common-types-3a5f9d98.js";import"./help-icon-a2059927.js";import"./tooltip-121d0a20.js";import"./index-64d4dcb8.js";import"./icon-7ec58de0.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";const n=[{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas",disabled:!0}],z={title:"Forms/RadioButton",component:T,args:{options:n,inline:!1,noMargin:!1,disabled:!1,small:!1}},r=e=>{const[t,x]=B.useState(n[0]),H=b=>{const R=b.target.value,p=n.find(E=>E.value===R);p&&x(p)};return S.jsx(T,{...e,value:t,onChange:H})},l=r.bind({}),a=r.bind({});a.args={options:n.map((e,t)=>({...e,helpText:`Help text #${t}`}))};const o=r.bind({});o.args={options:n.map((e,t)=>({...e,onClickHelp:()=>console.log(`Help #${t} clicked`)}))};const s=r.bind({});s.args={options:n.map((e,t)=>({...e,helpText:`Help text #${t}`,disabled:!0}))};var i,c,u;l.parameters={...l.parameters,docs:{...(i=l.parameters)==null?void 0:i.docs,source:{originalSource:`args => {
2
2
  const [value, setValue] = useState<OptionType>(options[0]);
3
3
  const handleChange = (evt: React.ChangeEvent<HTMLInputElement>) => {
4
4
  const selectedValue = evt.target.value;
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-f961835c.js";import{r as j}from"./index-f80c8c95.js";import{I as w}from"./common-types-3a5f9d98.js";import{T as L}from"./top-bar-98ca94c8.js";import{S as v}from"./side-bar-c31acb43.js";import{H as t}from"./heading-4684b11f.js";import{B as m}from"./button-49d531e1.js";import{D as C}from"./drawer-7fbc200a.js";import{L as g}from"./list-acca49e6.js";import{F as l}from"./field-a89bd052.js";import{I as i}from"./input-0081e806.js";import{C as p}from"./check-box-cf38f0db.js";import{R as h}from"./radio-button-ed704164.js";import{C as d}from"./card-3e67b904.js";import{F}from"./form-row-e13cb51c.js";import{P as R}from"./page-1a36abc8.js";import{R as a,C as r}from"./row-f26d47b5.js";import{S as f}from"./select-5dde762f.js";import{S as u}from"./spacer-b33ecb12.js";import"./index-a80ed1cf.js";import"./actions-d20e6c3a.js";import"./lodash-75c70a11.js";import"./disabled-context-d654f6ff.js";import"./tooltip-559179a7.js";import"./index-64d4dcb8.js";import"./icon-7ec58de0.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-020047e3.js";import"./index-c7f280f6.js";import"./help-icon-9137eebe.js";import"./spinner-4948799e.js";import"./index.es-6cde229e.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./memoize-one.esm-52518564.js";import"./meta-content-79cf3a28.js";import"./loader-54efe57c.js";import"./label-a4c85cd5.js";import"./select.input-88b6ebab.js";import"./styled-components.browser.esm-416d73e5.js";import"./assertThisInitialized-081f9914.js";import"./text-78efb253.js";const k=({width:o,height:n})=>e.jsx("div",{style:{background:"#ddd",width:o,height:n}}),Le={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},s=()=>{const[o,n]=j.useState(!0);return e.jsxs(e.Fragment,{children:[e.jsx(L,{}),e.jsx(v,{options:{title:"",sections:[]}}),e.jsx(R,{padding:!1,scroll:!1,children:e.jsxs(a,{spacing:0,height:"100%",children:[e.jsx(C,{button:e.jsx(m,{onClick:()=>n(!o),round:!0,icon:w.CHEVRON_LEFT}),open:o,width:300,closedWidth:50,children:e.jsx(g,{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(f,{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:""})})]}),e.jsx(u,{height:10}),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(u,{}),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 x,c,b;s.parameters={...s.parameters,docs:{...(x=s.parameters)==null?void 0:x.docs,source:{originalSource:`() => {
1
+ import{j as e}from"./jsx-runtime-f961835c.js";import{r as j}from"./index-f80c8c95.js";import{I as w}from"./common-types-3a5f9d98.js";import{T as L}from"./top-bar-e17760f3.js";import{S as v}from"./side-bar-752645a6.js";import{H as t}from"./heading-1199f623.js";import{B as m}from"./button-46f94914.js";import{D as C}from"./drawer-baa1dad8.js";import{L as g}from"./list-c7161aca.js";import{F as l}from"./field-28058049.js";import{I as i}from"./input-6acf2537.js";import{C as p}from"./check-box-446bfd70.js";import{R as h}from"./radio-button-566ecb52.js";import{C as d}from"./card-3e67b904.js";import{F}from"./form-row-e13cb51c.js";import{P as R}from"./page-1a36abc8.js";import{R as a,C as r}from"./row-f26d47b5.js";import{S as f}from"./select-c9582823.js";import{S as u}from"./spacer-b33ecb12.js";import"./index-a80ed1cf.js";import"./actions-fc0e9454.js";import"./lodash-75c70a11.js";import"./disabled-context-d654f6ff.js";import"./tooltip-121d0a20.js";import"./index-64d4dcb8.js";import"./icon-7ec58de0.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-020047e3.js";import"./index-c7f280f6.js";import"./help-icon-a2059927.js";import"./spinner-4948799e.js";import"./index.es-6cde229e.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./memoize-one.esm-52518564.js";import"./meta-content-7402b418.js";import"./loader-54efe57c.js";import"./label-021ac57d.js";import"./select.input-88b6ebab.js";import"./styled-components.browser.esm-416d73e5.js";import"./assertThisInitialized-081f9914.js";import"./text-78efb253.js";const k=({width:o,height:n})=>e.jsx("div",{style:{background:"#ddd",width:o,height:n}}),Le={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},s=()=>{const[o,n]=j.useState(!0);return e.jsxs(e.Fragment,{children:[e.jsx(L,{}),e.jsx(v,{options:{title:"",sections:[]}}),e.jsx(R,{padding:!1,scroll:!1,children:e.jsxs(a,{spacing:0,height:"100%",children:[e.jsx(C,{button:e.jsx(m,{onClick:()=>n(!o),round:!0,icon:w.CHEVRON_LEFT}),open:o,width:300,closedWidth:50,children:e.jsx(g,{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(f,{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:""})})]}),e.jsx(u,{height:10}),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(u,{}),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 x,c,b;s.parameters={...s.parameters,docs:{...(x=s.parameters)==null?void 0:x.docs,source:{originalSource:`() => {
2
2
  const [open, setOpen] = useState(true);
3
3
  return <>
4
4
  <TopBar />
@@ -1,4 +1,4 @@
1
- var yf=Object.defineProperty;var xf=(t,e,n)=>e in t?yf(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n;var tl=(t,e,n)=>(xf(t,typeof e!="symbol"?e+"":e,n),n);import{j as ae}from"./jsx-runtime-f961835c.js";import{g as ks,R as Me,r as $}from"./index-f80c8c95.js";import{D as bf}from"./disabled-context-d654f6ff.js";import{C as kf}from"./common-types-3a5f9d98.js";import{B as bu}from"./button-49d531e1.js";import{r as Sf}from"./index-64d4dcb8.js";import{S as vf}from"./select-5dde762f.js";import"./index-a80ed1cf.js";import"./spinner-4948799e.js";import"./icon-7ec58de0.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./tooltip-559179a7.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./assertThisInitialized-081f9914.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./text-78efb253.js";import"./actions-d20e6c3a.js";import"./badge-020047e3.js";import"./select.input-88b6ebab.js";var Eo={exports:{}};(function(t,e){var n=typeof Reflect<"u"?Reflect.construct:void 0,r=Object.defineProperty,s=Error.captureStackTrace;s===void 0&&(s=function(c){var u=new Error;r(c,"stack",{configurable:!0,get:function(){var h=u.stack;return r(this,"stack",{configurable:!0,value:h,writable:!0}),h},set:function(h){r(c,"stack",{configurable:!0,value:h,writable:!0})}})});function i(l){l!==void 0&&r(this,"message",{configurable:!0,value:l,writable:!0});var c=this.constructor.name;c!==void 0&&c!==this.name&&r(this,"name",{configurable:!0,value:c,writable:!0}),s(this,this.constructor)}i.prototype=Object.create(Error.prototype,{constructor:{configurable:!0,value:i,writable:!0}});var o=function(){function l(u,d){return r(u,"name",{configurable:!0,value:d})}try{var c=function(){};if(l(c,"foo"),c.name==="foo")return l}catch{}}();function a(l,c){if(c==null||c===Error)c=i;else if(typeof c!="function")throw new TypeError("super_ should be a function");var u;if(typeof l=="string")u=l,l=n!==void 0?function(){return n(c,arguments,this.constructor)}:function(){c.apply(this,arguments)},o!==void 0&&(o(l,u),u=void 0);else if(typeof l!="function")throw new TypeError("constructor should be either a string or a function");l.super_=l.super=c;var d={constructor:{configurable:!0,value:l,writable:!0}};return u!==void 0&&(d.name={configurable:!0,value:u,writable:!0}),l.prototype=Object.create(c.prototype,d),l}e=t.exports=a,e.BaseError=i})(Eo,Eo.exports);var ku=Eo.exports,nl="ProseMirror-selectednode",la="",Kt="\0",rl="__state_override__",wf={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=wf,Rt=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||{}),Ef=function(e){return Cf(e)&&!Tf(e)};function Cf(t){return!!t&&typeof t=="object"}function Tf(t){var e=Object.prototype.toString.call(t);return e==="[object RegExp]"||e==="[object Date]"||_f(t)}var Of=typeof Symbol=="function"&&Symbol.for,Mf=Of?Symbol.for("react.element"):60103;function _f(t){return t.$$typeof===Mf}function Nf(t){return Array.isArray(t)?[]:{}}function es(t,e){return e.clone!==!1&&e.isMergeableObject(t)?tr(Nf(t),t,e):t}function Af(t,e,n){return t.concat(e).map(function(r){return es(r,n)})}function Rf(t,e){if(!e.customMerge)return tr;var n=e.customMerge(t);return typeof n=="function"?n:tr}function If(t){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(t).filter(function(e){return Object.propertyIsEnumerable.call(t,e)}):[]}function sl(t){return Object.keys(t).concat(If(t))}function Su(t,e){try{return e in t}catch{return!1}}function Df(t,e){return Su(t,e)&&!(Object.hasOwnProperty.call(t,e)&&Object.propertyIsEnumerable.call(t,e))}function Pf(t,e,n){var r={};return n.isMergeableObject(t)&&sl(t).forEach(function(s){r[s]=es(t[s],n)}),sl(e).forEach(function(s){Df(t,s)||(Su(t,s)&&n.isMergeableObject(e[s])?r[s]=Rf(s,n)(t[s],e[s],n):r[s]=es(e[s],n))}),r}function tr(t,e,n){n=n||{},n.arrayMerge=n.arrayMerge||Af,n.isMergeableObject=n.isMergeableObject||Ef,n.cloneUnlessOtherwiseSpecified=es;var r=Array.isArray(e),s=Array.isArray(t),i=r===s;return i?r?n.arrayMerge(t,e,n):Pf(t,e,n):es(e,n)}tr.all=function(e,n){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce(function(r,s){return tr(r,s,n)},{})};var Lf=tr,Bf=Lf;const zf=ks(Bf);/*!
1
+ var yf=Object.defineProperty;var xf=(t,e,n)=>e in t?yf(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n;var tl=(t,e,n)=>(xf(t,typeof e!="symbol"?e+"":e,n),n);import{j as ae}from"./jsx-runtime-f961835c.js";import{g as ks,R as Me,r as $}from"./index-f80c8c95.js";import{D as bf}from"./disabled-context-d654f6ff.js";import{C as kf}from"./common-types-3a5f9d98.js";import{B as bu}from"./button-46f94914.js";import{r as Sf}from"./index-64d4dcb8.js";import{S as vf}from"./select-c9582823.js";import"./index-a80ed1cf.js";import"./spinner-4948799e.js";import"./icon-7ec58de0.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./tooltip-121d0a20.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./assertThisInitialized-081f9914.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./text-78efb253.js";import"./actions-fc0e9454.js";import"./badge-020047e3.js";import"./select.input-88b6ebab.js";var Eo={exports:{}};(function(t,e){var n=typeof Reflect<"u"?Reflect.construct:void 0,r=Object.defineProperty,s=Error.captureStackTrace;s===void 0&&(s=function(c){var u=new Error;r(c,"stack",{configurable:!0,get:function(){var h=u.stack;return r(this,"stack",{configurable:!0,value:h,writable:!0}),h},set:function(h){r(c,"stack",{configurable:!0,value:h,writable:!0})}})});function i(l){l!==void 0&&r(this,"message",{configurable:!0,value:l,writable:!0});var c=this.constructor.name;c!==void 0&&c!==this.name&&r(this,"name",{configurable:!0,value:c,writable:!0}),s(this,this.constructor)}i.prototype=Object.create(Error.prototype,{constructor:{configurable:!0,value:i,writable:!0}});var o=function(){function l(u,d){return r(u,"name",{configurable:!0,value:d})}try{var c=function(){};if(l(c,"foo"),c.name==="foo")return l}catch{}}();function a(l,c){if(c==null||c===Error)c=i;else if(typeof c!="function")throw new TypeError("super_ should be a function");var u;if(typeof l=="string")u=l,l=n!==void 0?function(){return n(c,arguments,this.constructor)}:function(){c.apply(this,arguments)},o!==void 0&&(o(l,u),u=void 0);else if(typeof l!="function")throw new TypeError("constructor should be either a string or a function");l.super_=l.super=c;var d={constructor:{configurable:!0,value:l,writable:!0}};return u!==void 0&&(d.name={configurable:!0,value:u,writable:!0}),l.prototype=Object.create(c.prototype,d),l}e=t.exports=a,e.BaseError=i})(Eo,Eo.exports);var ku=Eo.exports,nl="ProseMirror-selectednode",la="",Kt="\0",rl="__state_override__",wf={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=wf,Rt=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||{}),Ef=function(e){return Cf(e)&&!Tf(e)};function Cf(t){return!!t&&typeof t=="object"}function Tf(t){var e=Object.prototype.toString.call(t);return e==="[object RegExp]"||e==="[object Date]"||_f(t)}var Of=typeof Symbol=="function"&&Symbol.for,Mf=Of?Symbol.for("react.element"):60103;function _f(t){return t.$$typeof===Mf}function Nf(t){return Array.isArray(t)?[]:{}}function es(t,e){return e.clone!==!1&&e.isMergeableObject(t)?tr(Nf(t),t,e):t}function Af(t,e,n){return t.concat(e).map(function(r){return es(r,n)})}function Rf(t,e){if(!e.customMerge)return tr;var n=e.customMerge(t);return typeof n=="function"?n:tr}function If(t){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(t).filter(function(e){return Object.propertyIsEnumerable.call(t,e)}):[]}function sl(t){return Object.keys(t).concat(If(t))}function Su(t,e){try{return e in t}catch{return!1}}function Df(t,e){return Su(t,e)&&!(Object.hasOwnProperty.call(t,e)&&Object.propertyIsEnumerable.call(t,e))}function Pf(t,e,n){var r={};return n.isMergeableObject(t)&&sl(t).forEach(function(s){r[s]=es(t[s],n)}),sl(e).forEach(function(s){Df(t,s)||(Su(t,s)&&n.isMergeableObject(e[s])?r[s]=Rf(s,n)(t[s],e[s],n):r[s]=es(e[s],n))}),r}function tr(t,e,n){n=n||{},n.arrayMerge=n.arrayMerge||Af,n.isMergeableObject=n.isMergeableObject||Ef,n.cloneUnlessOtherwiseSpecified=es;var r=Array.isArray(e),s=Array.isArray(t),i=r===s;return i?r?n.arrayMerge(t,e,n):Pf(t,e,n):es(e,n)}tr.all=function(e,n){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce(function(r,s){return tr(r,s,n)},{})};var Lf=tr,Bf=Lf;const zf=ks(Bf);/*!
2
2
  * isobject <https://github.com/jonschlinkert/isobject>
3
3
  *
4
4
  * Copyright (c) 2014-2017, Jon Schlinkert.
@@ -1,4 +1,4 @@
1
- import{j as o}from"./jsx-runtime-f961835c.js";import{r as R}from"./index-f80c8c95.js";import{T as c}from"./table-131ce763.js";import{T as V}from"./text-78efb253.js";import{t as g,r as W,s as B}from"./table.stories-data-8a276cd9.js";import"./index-a80ed1cf.js";import"./index.es-6cde229e.js";import"./inheritsLoose-d4851ab8.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./index-64d4dcb8.js";import"./memoize-one.esm-52518564.js";import"./icon-7ec58de0.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./lodash-75c70a11.js";import"./actions-d20e6c3a.js";import"./common-types-3a5f9d98.js";import"./button-49d531e1.js";import"./spinner-4948799e.js";import"./tooltip-559179a7.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-020047e3.js";import"./heading-4684b11f.js";import"./help-icon-9137eebe.js";import"./pagination-1fe89e2b.js";import"./select-5dde762f.js";import"./assertThisInitialized-081f9914.js";import"./select.input-88b6ebab.js";import"./input-0081e806.js";import"./input-group-0ccd8ab2.js";import"./input-group-addon-9c5ee64d.js";import"./number-input-4fd041e5.js";import"./index-54f0d271.js";import"./check-box-cf38f0db.js";import"./slider-1c36d68e.js";import"./index-c7f280f6.js";import"./popover-2e8faa30.js";import"./flex-ab83d710.js";const ke={title:"Basic/Table/Row",component:c,args:{table:{...g}}},b=n=>o.jsx(c,{...n}),i=b.bind({});i.args={table:W};const p=b.bind({});p.args={table:B};const t=b.bind({});t.args={table:{...g,striped:!1}};t.parameters={docs:{description:{story:"`striped: false` removes tinted background on alternative rows."}}};const m=()=>{const[n,e]=R.useState(null),a=r=>e(n===r?null:r);return o.jsx(c,{table:{...g,striped:!1,rows:g.rows.map((r,d)=>({...r,onRowClick:()=>a(d),expandedContent:{content:n===d?o.jsx("div",{children:"Example expanded content"}):null}}))}})},w=()=>{const n={draggable:!0,headers:[{cells:[{value:"Name"},{value:"Weight (kg)"},{value:"Energy (kcal / 100g)"},{value:"Origin"}]}],rows:[{noDrag:!0,cells:[{value:"Undraggable"},{value:100},{value:361},{value:"Vietnam"}]},{cells:[{value:"Buckwheat"},{value:50},{value:358},{value:"Poland"}]},{cells:[{value:"Couscous"},{value:10},{value:368},{value:"France"}]}]},e=(s,u,l)=>{const x=[...s];return s[l].noDrag?s:(x.splice(l,0,x.splice(u,1)[0]),x)},[a,r]=R.useState(n.rows),d=s=>{const{to:u,from:l}=s;e(a,l,u),r(e(a,l,u))};return o.jsx(c,{table:{...n,rows:a},onListReorder:d})},v=()=>{const[n,e]=R.useState("Hover any row!"),a=[1,2,3,4,5].map(r=>({cells:[{value:`Row ${r}`},{value:`${r**2}`}],onRowMouseEnter:()=>e(`Hovering row ${r}`),onRowMouseLeave:()=>e("Not hovering any row...")}));return o.jsxs(o.Fragment,{children:[o.jsx(V,{children:n}),o.jsx(c,{table:{fixedWidth:"100%",headers:[{cells:[{value:"Description"},{value:"Value"}],onRowMouseEnter:()=>e("Hovering header row"),onRowMouseLeave:()=>e("Not hovering any row...")}],rows:a}})]})};var y,D,E;i.parameters={...i.parameters,docs:{...(y=i.parameters)==null?void 0:y.docs,source:{originalSource:`args => {
1
+ import{j as o}from"./jsx-runtime-f961835c.js";import{r as R}from"./index-f80c8c95.js";import{T as c}from"./table-aa527174.js";import{T as V}from"./text-78efb253.js";import{t as g,r as W,s as B}from"./table.stories-data-3af37c1b.js";import"./index-a80ed1cf.js";import"./index.es-6cde229e.js";import"./inheritsLoose-d4851ab8.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./index-64d4dcb8.js";import"./memoize-one.esm-52518564.js";import"./icon-7ec58de0.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./lodash-75c70a11.js";import"./actions-fc0e9454.js";import"./common-types-3a5f9d98.js";import"./button-46f94914.js";import"./spinner-4948799e.js";import"./tooltip-121d0a20.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-020047e3.js";import"./heading-1199f623.js";import"./help-icon-a2059927.js";import"./pagination-0c60f7b3.js";import"./select-c9582823.js";import"./assertThisInitialized-081f9914.js";import"./select.input-88b6ebab.js";import"./input-6acf2537.js";import"./input-group-0ccd8ab2.js";import"./input-group-addon-9c5ee64d.js";import"./number-input-6fd01714.js";import"./index-54f0d271.js";import"./check-box-446bfd70.js";import"./slider-3acb2ea6.js";import"./index-c7f280f6.js";import"./popover-2128fc1d.js";import"./flex-d9f1518a.js";const ke={title:"Basic/Table/Row",component:c,args:{table:{...g}}},b=n=>o.jsx(c,{...n}),i=b.bind({});i.args={table:W};const p=b.bind({});p.args={table:B};const t=b.bind({});t.args={table:{...g,striped:!1}};t.parameters={docs:{description:{story:"`striped: false` removes tinted background on alternative rows."}}};const m=()=>{const[n,e]=R.useState(null),a=r=>e(n===r?null:r);return o.jsx(c,{table:{...g,striped:!1,rows:g.rows.map((r,d)=>({...r,onRowClick:()=>a(d),expandedContent:{content:n===d?o.jsx("div",{children:"Example expanded content"}):null}}))}})},w=()=>{const n={draggable:!0,headers:[{cells:[{value:"Name"},{value:"Weight (kg)"},{value:"Energy (kcal / 100g)"},{value:"Origin"}]}],rows:[{noDrag:!0,cells:[{value:"Undraggable"},{value:100},{value:361},{value:"Vietnam"}]},{cells:[{value:"Buckwheat"},{value:50},{value:358},{value:"Poland"}]},{cells:[{value:"Couscous"},{value:10},{value:368},{value:"France"}]}]},e=(s,u,l)=>{const x=[...s];return s[l].noDrag?s:(x.splice(l,0,x.splice(u,1)[0]),x)},[a,r]=R.useState(n.rows),d=s=>{const{to:u,from:l}=s;e(a,l,u),r(e(a,l,u))};return o.jsx(c,{table:{...n,rows:a},onListReorder:d})},v=()=>{const[n,e]=R.useState("Hover any row!"),a=[1,2,3,4,5].map(r=>({cells:[{value:`Row ${r}`},{value:`${r**2}`}],onRowMouseEnter:()=>e(`Hovering row ${r}`),onRowMouseLeave:()=>e("Not hovering any row...")}));return o.jsxs(o.Fragment,{children:[o.jsx(V,{children:n}),o.jsx(c,{table:{fixedWidth:"100%",headers:[{cells:[{value:"Description"},{value:"Value"}],onRowMouseEnter:()=>e("Hovering header row"),onRowMouseLeave:()=>e("Not hovering any row...")}],rows:a}})]})};var y,D,E;i.parameters={...i.parameters,docs:{...(y=i.parameters)==null?void 0:y.docs,source:{originalSource:`args => {
2
2
  return <Table
3
3
  // eslint-disable-next-line react/jsx-props-no-spreading
4
4
  {...args} />;
@@ -1 +1 @@
1
- import{j as m}from"./jsx-runtime-f961835c.js";import{r as N,g as De}from"./index-f80c8c95.js";import{c as D}from"./index-a80ed1cf.js";import{G as le,I as Ne}from"./common-types-3a5f9d98.js";import{D as ve}from"./disabled-context-d654f6ff.js";import{i as ee}from"./types-332ceaf3.js";import{T as Se,u as ze,m as Ue}from"./tooltip-559179a7.js";import{p as Ge}from"./index-c89a1915.js";import"./lodash-75c70a11.js";import{_ as $e,a as Ke}from"./inheritsLoose-d4851ab8.js";import{_ as Oe}from"./assertThisInitialized-081f9914.js";import{m as ie}from"./memoize-one.esm-52518564.js";import{M as ae}from"./types-cc224262.js";import{T as se}from"./text-78efb253.js";import{A as Ye}from"./actions-d20e6c3a.js";import{I as we}from"./icon-7ec58de0.js";import{s as Be}from"./select.input-88b6ebab.js";const Xe="_inputInTable_u2br6_341",Je="_inputHover_u2br6_350",Ze="_inputFocus_u2br6_355",Qe="_inputError_u2br6_362",et="_inputWarning_u2br6_363",tt="_inputDisabled_u2br6_398",nt="_hideScrollbars_u2br6_403",rt="_select_u2br6_413",lt="_isInTable_u2br6_454",at="_unSelected_u2br6_463",it="_error_u2br6_470",ot="_warning_u2br6_487",st="_small_u2br6_504",ut="_right_u2br6_511",ct="_groupOrderFirst_u2br6_522",dt="_groupOrderMiddle_u2br6_523",pt="_groupOrderLast_u2br6_527",H={inputInTable:Xe,inputHover:Je,inputFocus:Ze,inputError:Qe,inputWarning:et,inputDisabled:tt,hideScrollbars:nt,select:rt,isInTable:lt,unSelected:at,error:it,warning:ot,small:st,right:ut,groupOrderFirst:ct,groupOrderMiddle:dt,groupOrderLast:pt},ue=({disabled:e=!1,error:t=null,warning:l=null,tooltip:d=null,options:c,onChange:h=()=>{},onFocus:f=()=>{},onBlur:i=()=>{},right:o=!1,small:y=!1,tabIndex:v=0,selectedOption:b,width:E=null,groupOrder:I=null,testId:S,isInTable:n=!1,clearable:s,placeholder:a,hasNonExistentValue:r,maxTooltipWidth:u,borderRadius:p})=>{const _=N.useContext(ve),g=b===null||(b==null?void 0:b.value)===null?"unselected":b==null?void 0:b.value,O=g==="unselected",L=(g==="unselected"||s?[m.jsx("option",{value:"unselected",disabled:!s,hidden:!s,children:a||"Select..."},"unselected")]:[]).concat(r?[m.jsx("option",{value:b==null?void 0:b.value,disabled:e||_,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))),C=(()=>{if(I)switch(I){case le.FIRST:return H.groupOrderFirst;case le.LAST:return H.groupOrderLast;default:return H.groupOrderMiddle}return""})();return m.jsx(Se,{error:!!t,warning:!!l,text:d||t||l,enabled:d&&ee(d)||t&&ee(t)||l&&ee(l)||!1,maxWidth:u,placement:"bottom-center",children:m.jsx("select",{className:D(H.select,O?H.unSelected:"",t?H.error:l?H.warning:"",o?H.right:"",y?H.small:"",n?H.isInTable:"",C),style:{width:E||"",borderRadius:p||""},onChange:V=>{const{value:T}=V.target;let F;T==="unselected"?F={value:null}:F=c.find(A=>String(A.value)===String(T))||{value:null},h(V,F)},onFocus:f,onBlur:i,tabIndex:v,value:g,disabled:e||_,"data-testid":S,children:L})})};try{ue.displayName="NativeSelect",ue.__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 Fe={exports:{}};(function(e,t){(function(l,d){e.exports=d(N,Ge)})(window,function(l,d){return function(c){var h={};function f(i){if(h[i])return h[i].exports;var o=h[i]={i,l:!1,exports:{}};return c[i].call(o.exports,o,o.exports,f),o.l=!0,o.exports}return f.m=c,f.c=h,f.d=function(i,o,y){f.o(i,o)||Object.defineProperty(i,o,{enumerable:!0,get:y})},f.r=function(i){typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(i,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(i,"__esModule",{value:!0})},f.t=function(i,o){if(1&o&&(i=f(i)),8&o||4&o&&typeof i=="object"&&i&&i.__esModule)return i;var y=Object.create(null);if(f.r(y),Object.defineProperty(y,"default",{enumerable:!0,value:i}),2&o&&typeof i!="string")for(var v in i)f.d(y,v,(function(b){return i[b]}).bind(null,v));return y},f.n=function(i){var o=i&&i.__esModule?function(){return i.default}:function(){return i};return f.d(o,"a",o),o},f.o=function(i,o){return Object.prototype.hasOwnProperty.call(i,o)},f.p="",f(f.s=0)}([function(c,h,f){Object.defineProperty(h,"__esModule",{value:!0});var i=f(1);Object.defineProperty(h,"default",{enumerable:!0,get:function(){return function(o){return o&&o.__esModule?o:{default:o}}(i).default}}),c.exports=h.default},function(c,h,f){Object.defineProperty(h,"__esModule",{value:!0});var i=Object.assign||function(n){for(var s=1;s<arguments.length;s++){var a=arguments[s];for(var r in a)Object.prototype.hasOwnProperty.call(a,r)&&(n[r]=a[r])}return n},o=function(){function n(s,a){for(var r=0;r<a.length;r++){var u=a[r];u.enumerable=u.enumerable||!1,u.configurable=!0,"value"in u&&(u.writable=!0),Object.defineProperty(s,u.key,u)}}return function(s,a,r){return a&&n(s.prototype,a),r&&n(s,r),s}}(),y=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 r=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 r.handleKeyboardEvent=r.handleKeyboardEvent.bind(r),r.registerExclusiveHandler=r.registerExclusiveHandler.bind(r),r.deregisterExclusiveHandler=r.deregisterExclusiveHandler.bind(r),r}return function(a,r){if(typeof r!="function"&&r!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof r);a.prototype=Object.create(r&&r.prototype,{constructor:{value:a,enumerable:!1,writable:!0,configurable:!0}}),r&&(Object.setPrototypeOf?Object.setPrototypeOf(a,r):a.__proto__=r)}(s,y.default.Component),o(s,[{key:"componentDidMount",value:function(){document.addEventListener("keydown",this.handleKeyboardEvent,!1),document.addEventListener("keyup",this.handleKeyboardEvent,!1),document.addEventListener("keypress",this.handleKeyboardEvent,!1);var a=this.props,r=a.isExclusive,u=a.isDisabled;r&&!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 r=a.isExclusive,u=a.isDisabled;(this.props.isExclusive!==r||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(r){return r!==a}))}},{key:"handleKeyboardEvent",value:function(a){var r=this.props,u=r.isDisabled,p=r.handleKeys,_=r.onKeyEvent,g=r.handleEventType,O=r.children,L=r.handleFocusableElements;if(u||g!==a.type||I.length>0&&I[0]!==this)return!1;var C=a.target===document.body||L,V=this.childrenContainer&&this.childrenContainer.contains(a.target);if(!(O?V:C))return!1;var T=(0,b.findMatchedKey)(a,p);return!!T&&(_(T,a),!0)}},{key:"render",value:function(){var a=this,r=this.props.children,u=Object.assign({},this.props),p=!0,_=!1,g=void 0;try{for(var O,L=Object.keys(s.propTypes)[Symbol.iterator]();!(p=(O=L.next()).done);p=!0)delete u[O.value]}catch(C){_=!0,g=C}finally{try{!p&&L.return&&L.return()}finally{if(_)throw g}}return r?y.default.createElement("span",i({ref:function(C){a.childrenContainer=C}},u),r):null}}]),s}();h.default=S,S.propTypes={handleKeys:v.default.array,handleEventType:v.default.oneOf(["keydown","keyup","keypress"]),handleFocusableElements:v.default.bool,onKeyEvent:v.default.func,isDisabled:v.default.bool,isExclusive:v.default.bool,children:v.default.any},S.defaultProps={handleKeys:[],handleFocusableElements:!1,handleEventType:"keydown",onKeyEvent:function(){return null}},c.exports=h.default},function(c,h){c.exports=l},function(c,h){c.exports=d},function(c,h,f){function i(r,u,p){return u in r?Object.defineProperty(r,u,{value:p,enumerable:!0,configurable:!0,writable:!0}):r[u]=p,r}Object.defineProperty(h,"__esModule",{value:!0}),h.matchKeyEvent=a,h.findMatchedKey=function(r,u){var p=u.map(function(_){var g=_.toLowerCase(),O=s[g];return O||[_]}).reduce(function(_,g){return _.concat(g)},[]).find(function(_){return a(r,_)});return!p&&u.includes("all")&&(p="other"),p};var o={backspace:[8],del:[46],delete:[46],ins:[45],insert:[45],tab:[9],enter:[13],return:[13],esc:[27],space:[32],pageup:[33],pagedown:[34],end:[35],home:[36],left:[37],up:[38],right:[39],down:[40],shift:[16],ctrl:[17],alt:[18],cap:[20],num:[144],clear:[12],meta:[91],";":[186,59],"=":[187,61],",":[188,44],"-":[189,45,173,109],minus:[189,45,173,109],".":[190,110],"/":[191,111],"`":[192],"[":[219],"\\":[220],"]":[221],"*":[106],"+":[107],plus:[107],"'":[222],quote:[222]},y=Object.keys(o).reduce(function(r,u){return Object.assign(r,i({},u.toUpperCase(),o[u]))},{}),v="0123456789".split("").reduce(function(r,u,p){return Object.assign(r,i({},u,[p+48,p+96]))},{}),b="ABCDEFGHIJKLMNOPQRSTUVWXYZ".split("").reduce(function(r,u,p){return Object.assign(r,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(r,u,p){return Object.assign(r,i({},"f"+u,[p+112]))},{}),I={control:"ctrl",ctrl:"ctrl",shift:"shift",meta:"meta",cmd:"meta",command:"meta",option:"alt",alt:"alt"},S=h.AllKeys=Object.assign({},o,y,v,b,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(r,u){var p=r.which||r.keyCode,_=r.type,g=Object.keys(I).filter(function(A){return r[A+"Key"]}).sort(),O=u.toLowerCase().trim(),L=O==="+"?["+"]:O.split(/\s?\+\s?/),C=L.pop(),V=S[C],T=L;if(_==="keypress")return u==String.fromCharCode(p).toLowerCase();if(T.length===0&&g.length===0)return V.indexOf(p)>=0;if(T.length>0&&g.length>0){var F=T.map(function(A){return I[A]}).sort(),w=F.length===g.length&&F.every(function(A,z){return g[z]===A});return V.indexOf(p)>=0&&w}return T.length==0&&g.length===1&&C===g[0]}}])})})(Fe);var ft=Fe.exports;const mt=De(ft),Ae=()=>{const e=N.useRef(null);return[e,()=>{e.current&&e.current.focus()}]},je=()=>{const[e,t]=N.useState(!1);return N.useEffect(()=>{(async()=>{document.fonts&&await document.fonts.ready.then(()=>t(!0))})()},[]),e};var ht=typeof performance=="object"&&typeof performance.now=="function",Ee=ht?function(){return performance.now()}:function(){return Date.now()};function xe(e){cancelAnimationFrame(e.id)}function yt(e,t){var l=Ee();function d(){Ee()-l>=t?e.call(null):c.id=requestAnimationFrame(d)}var c={id:requestAnimationFrame(d)};return c}var oe=-1;function Te(e){if(e===void 0&&(e=!1),oe===-1||e){var t=document.createElement("div"),l=t.style;l.width="50px",l.height="50px",l.overflow="scroll",document.body.appendChild(t),oe=t.offsetWidth-t.clientWidth,document.body.removeChild(t)}return oe}var Q=null;function Ce(e){if(e===void 0&&(e=!1),Q===null||e){var t=document.createElement("div"),l=t.style;l.width="50px",l.height="50px",l.overflow="scroll",l.direction="rtl";var d=document.createElement("div"),c=d.style;return c.width="100px",c.height="100px",t.appendChild(d),document.body.appendChild(t),t.scrollLeft>0?Q="positive-descending":(t.scrollLeft=1,t.scrollLeft===0?Q="negative":Q="positive-ascending"),document.body.removeChild(t),Q}return Q}var gt=150,_t=function(t,l){return t};function bt(e){var t,l=e.getItemOffset,d=e.getEstimatedTotalSize,c=e.getItemSize,h=e.getOffsetForIndexAndAlignment,f=e.getStartIndexForOffset,i=e.getStopIndexForStartIndex,o=e.initInstanceProps,y=e.shouldResetStyleCacheOnItemSizeChange,v=e.validateProps;return t=function(b){$e(E,b);function E(S){var n;return n=b.call(this,S)||this,n._instanceProps=o(n.props,Oe(n)),n._outerRef=void 0,n._resetIsScrollingTimeoutId=null,n.state={instance:Oe(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,r,u){return n.props.onItemsRendered({overscanStartIndex:s,overscanStopIndex:a,visibleStartIndex:r,visibleStopIndex:u})}),n._callOnScroll=void 0,n._callOnScroll=ie(function(s,a,r){return n.props.onScroll({scrollDirection:s,scrollOffset:a,scrollUpdateWasRequested:r})}),n._getItemStyle=void 0,n._getItemStyle=function(s){var a=n.props,r=a.direction,u=a.itemSize,p=a.layout,_=n._getItemStyleCache(y&&u,y&&p,y&&r),g;if(_.hasOwnProperty(s))g=_[s];else{var O=l(n.props,s,n._instanceProps),L=c(n.props,s,n._instanceProps),C=r==="horizontal"||p==="horizontal",V=r==="rtl",T=C?O:0;_[s]=g={position:"absolute",left:V?void 0:T,right:V?T:void 0,top:C?0:O,height:C?"100%":L,width:C?L:"100%"}}return g},n._getItemStyleCache=void 0,n._getItemStyleCache=ie(function(s,a,r){return{}}),n._onScrollHorizontal=function(s){var a=s.currentTarget,r=a.clientWidth,u=a.scrollLeft,p=a.scrollWidth;n.setState(function(_){if(_.scrollOffset===u)return null;var g=n.props.direction,O=u;if(g==="rtl")switch(Ce()){case"negative":O=-u;break;case"positive-descending":O=p-r-u;break}return O=Math.max(0,Math.min(O,p-r)),{isScrolling:!0,scrollDirection:_.scrollOffset<O?"forward":"backward",scrollOffset:O,scrollUpdateWasRequested:!1}},n._resetIsScrollingDebounced)},n._onScrollVertical=function(s){var a=s.currentTarget,r=a.clientHeight,u=a.scrollHeight,p=a.scrollTop;n.setState(function(_){if(_.scrollOffset===p)return null;var g=Math.max(0,Math.min(p,u-r));return{isScrolling:!0,scrollDirection:_.scrollOffset<g?"forward":"backward",scrollOffset:g,scrollUpdateWasRequested:!1}},n._resetIsScrollingDebounced)},n._outerRefSetter=function(s){var a=n.props.outerRef;n._outerRef=s,typeof a=="function"?a(s):a!=null&&typeof a=="object"&&a.hasOwnProperty("current")&&(a.current=s)},n._resetIsScrollingDebounced=function(){n._resetIsScrollingTimeoutId!==null&&xe(n._resetIsScrollingTimeoutId),n._resetIsScrollingTimeoutId=yt(n._resetIsScrolling,gt)},n._resetIsScrolling=function(){n._resetIsScrollingTimeoutId=null,n.setState({isScrolling:!1},function(){n._getItemStyleCache(-1,null)})},n}E.getDerivedStateFromProps=function(n,s){return vt(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,r=a.itemCount,u=a.layout,p=this.state.scrollOffset;n=Math.max(0,Math.min(n,r-1));var _=0;if(this._outerRef){var g=this._outerRef;u==="vertical"?_=g.scrollWidth>g.clientWidth?Te():0:_=g.scrollHeight>g.clientHeight?Te():0}this.scrollTo(h(this.props,n,s,p,this._instanceProps,_))},I.componentDidMount=function(){var n=this.props,s=n.direction,a=n.initialScrollOffset,r=n.layout;if(typeof a=="number"&&this._outerRef!=null){var u=this._outerRef;s==="horizontal"||r==="horizontal"?u.scrollLeft=a:u.scrollTop=a}this._callPropsCallbacks()},I.componentDidUpdate=function(){var n=this.props,s=n.direction,a=n.layout,r=this.state,u=r.scrollOffset,p=r.scrollUpdateWasRequested;if(p&&this._outerRef!=null){var _=this._outerRef;if(s==="horizontal"||a==="horizontal")if(s==="rtl")switch(Ce()){case"negative":_.scrollLeft=-u;break;case"positive-ascending":_.scrollLeft=u;break;default:var g=_.clientWidth,O=_.scrollWidth;_.scrollLeft=O-g-u;break}else _.scrollLeft=u;else _.scrollTop=u}this._callPropsCallbacks()},I.componentWillUnmount=function(){this._resetIsScrollingTimeoutId!==null&&xe(this._resetIsScrollingTimeoutId)},I.render=function(){var n=this.props,s=n.children,a=n.className,r=n.direction,u=n.height,p=n.innerRef,_=n.innerElementType,g=n.innerTagName,O=n.itemCount,L=n.itemData,C=n.itemKey,V=C===void 0?_t:C,T=n.layout,F=n.outerElementType,w=n.outerTagName,A=n.style,z=n.useIsScrolling,$=n.width,P=this.state.isScrolling,U=r==="horizontal"||T==="horizontal",te=U?this._onScrollHorizontal:this._onScrollVertical,B=this._getRangeToRender(),ne=B[0],re=B[1],X=[];if(O>0)for(var k=ne;k<=re;k++)X.push(N.createElement(s,{data:L,key:V(k,L),index:k,isScrolling:z?P:void 0,style:this._getItemStyle(k)}));var J=d(this.props,this._instanceProps);return N.createElement(F||w||"div",{className:a,onScroll:te,ref:this._outerRefSetter,style:Ke({position:"relative",height:u,width:$,overflow:"auto",WebkitOverflowScrolling:"touch",willChange:"transform",direction:r},A)},N.createElement(_||g||"div",{children:X,ref:p,style:{height:U?"100%":J,pointerEvents:P?"none":void 0,width:U?J:"100%"}}))},I._callPropsCallbacks=function(){if(typeof this.props.onItemsRendered=="function"){var n=this.props.itemCount;if(n>0){var s=this._getRangeToRender(),a=s[0],r=s[1],u=s[2],p=s[3];this._callOnItemsRendered(a,r,u,p)}}if(typeof this.props.onScroll=="function"){var _=this.state,g=_.scrollDirection,O=_.scrollOffset,L=_.scrollUpdateWasRequested;this._callOnScroll(g,O,L)}},I._getRangeToRender=function(){var n=this.props,s=n.itemCount,a=n.overscanCount,r=this.state,u=r.isScrolling,p=r.scrollDirection,_=r.scrollOffset;if(s===0)return[0,0,0,0];var g=f(this.props,_,this._instanceProps),O=i(this.props,g,_,this._instanceProps),L=!u||p==="backward"?Math.max(1,a):1,C=!u||p==="forward"?Math.max(1,a):1;return[Math.max(0,g-L),Math.max(0,Math.min(s-1,O+C)),g,O]},E}(N.PureComponent),t.defaultProps={direction:"ltr",itemData:void 0,layout:"vertical",overscanCount:2,useIsScrolling:!1},t}var vt=function(t,l){t.children,t.direction,t.height,t.layout,t.innerTagName,t.outerTagName,t.width,l.instance},St=bt({getItemOffset:function(t,l){var d=t.itemSize;return l*d},getItemSize:function(t,l){var d=t.itemSize;return d},getEstimatedTotalSize:function(t){var l=t.itemCount,d=t.itemSize;return d*l},getOffsetForIndexAndAlignment:function(t,l,d,c,h,f){var i=t.direction,o=t.height,y=t.itemCount,v=t.itemSize,b=t.layout,E=t.width,I=i==="horizontal"||b==="horizontal",S=I?E:o,n=Math.max(0,y*v-S),s=Math.min(n,l*v),a=Math.max(0,l*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 r=Math.round(a+(s-a)/2);return r<Math.ceil(S/2)?0:r>n+Math.floor(S/2)?n:r}case"auto":default:return c>=a&&c<=s?c:c<a?a:s}},getStartIndexForOffset:function(t,l){var d=t.itemCount,c=t.itemSize;return Math.max(0,Math.min(d-1,Math.floor(l/c)))},getStopIndexForStartIndex:function(t,l,d){var c=t.direction,h=t.height,f=t.itemCount,i=t.itemSize,o=t.layout,y=t.width,v=c==="horizontal"||o==="horizontal",b=l*i,E=v?y:h,I=Math.ceil((E+d-b)/i);return Math.max(0,Math.min(f-1,l+I-1))},initInstanceProps:function(t){},shouldResetStyleCacheOnItemSizeChange:!0,validateProps:function(t){t.itemSize}});const It="_layerContainer_1iwwz_341",Ot="_layer_1iwwz_341",Et="_small_1iwwz_363",xt="_heading_1iwwz_366",Tt="_option_1iwwz_367",Ct="_message_1iwwz_368",Vt="_focused_1iwwz_404",Lt="_selected_1iwwz_408",Rt="_disabled_1iwwz_415",qt="_check_1iwwz_419",Nt="_optionContent_1iwwz_433",wt="_label_1iwwz_438",Ft="_icon_1iwwz_445",At="_details_1iwwz_449",j={layerContainer:It,layer:Ot,small:Et,heading:xt,option:Tt,message:Ct,focused:Vt,selected:Lt,disabled:Rt,check:qt,optionContent:Nt,label:wt,icon:Ft,details:At},ce=({label:e})=>m.jsx("div",{onClick:t=>t.stopPropagation(),className:j.heading,children:e});try{ce.displayName="Heading",ce.__docgenInfo={description:"",displayName:"Heading",props:{label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"TStringOrNumber"}}}}}catch{}const de=({details:e,label:t,icon:l,disabled:d=!1,selected:c=!1,focused:h=!1,onSelectOption:f,actions:i,closeLayer:o,testId:y})=>m.jsxs("div",{className:D(j.option,d?j.disabled:"",c?j.selected:"",h?j.focused:""),onClick:!d&&f?f:void 0,"data-testid":y,children:[m.jsx("div",{className:j.optionContent,children:m.jsxs("span",{className:j.label,title:t,children:[t,l&&m.jsx("span",{className:j.icon,children:l})]})}),e&&m.jsx("div",{className:D(j.details),children:m.jsx(se,{faint:!0,children:e})}),!!(i!=null&&i.length)&&m.jsx("div",{className:D(j.actions),children:m.jsx(Ye,{actions:i,closeLayer:o})}),m.jsx("span",{className:j.check,children:c?m.jsx(we,{icon:Ne.CHECK}):null})]});try{de.displayName="Option",de.__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 pe=({section:e,selected:t,focused:l,onSelectOption:d,closeLayer:c})=>{const h=N.useContext(ve);switch(e.type){case ae.HEADING:return m.jsx(ce,{label:e.label});case ae.OPTION:default:return m.jsx(de,{closeLayer:c,actions:e.actions,label:e.label,details:e.details,icon:e.icon,disabled:e.disabled||h,selected:t,focused:l,onSelectOption:d,testId:e.testId})}};try{pe.displayName="Section",pe.__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 fe=({listRef:e,isMulti:t,sections:l,selectedOptions:d,onSelectOption:c,focusedOptionIndex:h,width:f,small:i,firstSelectedOptionIndex:o,closeLayer:y,testId:v})=>{N.useEffect(()=>{o&&o!==null&&e.current!==null&&e.current.scrollToItem(o,"start")},[o,e]);const b=i?24:32;return m.jsx("div",{"data-testid":v,className:D(j.layer,i&&j.small),children:l.length?m.jsx(St,{ref:e,height:l.length<10?b*l.length:b*10,itemCount:l.length,itemSize:b,width:f,children:({index:E,style:I})=>{var S;return m.jsx("div",{style:I,children:m.jsx(pe,{closeLayer:y,section:l[E],selected:t&&l[E].type!==ae.HEADING&&Array.isArray(d)?d.some(n=>{var s;return n&&(n==null?void 0:n.value)===((s=l==null?void 0:l[E])==null?void 0:s.value)}):!Array.isArray(d)&&((S=l==null?void 0:l[E])==null?void 0:S.value)===(d==null?void 0:d.value),focused:h===E,onSelectOption:n=>c(n,l[E])})})}}):m.jsx("ul",{children:m.jsx("li",{children:m.jsx("div",{className:j.message,style:{width:f},children:"No matches"})})})})};try{fe.displayName="Layer",fe.__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 jt="_inputInTable_16b8a_341",Pt="_inputHover_16b8a_350",Mt="_inputFocus_16b8a_355",kt="_inputError_16b8a_362",Ht="_inputWarning_16b8a_363",Wt="_inputDisabled_16b8a_398",Dt="_hideScrollbars_16b8a_403",zt="_trigger_16b8a_417",Ut="_isInTable_16b8a_432",Gt="_input_16b8a_341",$t="_isOpen_16b8a_450",Kt="_error_16b8a_458",Yt="_warning_16b8a_475",Bt="_disabled_16b8a_492",Xt="_iconOpen_16b8a_497",Jt="_icons_16b8a_500",Zt="_clearAll_16b8a_508",Qt="_small_16b8a_517",en="_focus_16b8a_526",tn="_triggerInputContainer_16b8a_540",nn="_right_16b8a_549",rn="_multiOptions_16b8a_562",ln="_multiOption_16b8a_562",an="_label_16b8a_594",on="_closeMultiOption_16b8a_597",sn="_selectedSingleValue_16b8a_612",un="_placeHolder_16b8a_613",cn="_groupOrderFirst_16b8a_652",dn="_groupOrderMiddle_16b8a_653",pn="_groupOrderLast_16b8a_657",fn="_detailedLabel_16b8a_662",q={inputInTable:jt,inputHover:Pt,inputFocus:Mt,inputError:kt,inputWarning:Ht,inputDisabled:Wt,hideScrollbars:Dt,trigger:zt,isInTable:Ut,input:Gt,isOpen:$t,error:Kt,warning:Yt,disabled:Bt,iconOpen:Xt,icons:Jt,clearAll:Zt,small:Qt,focus:en,triggerInputContainer:tn,right:nn,multiOptions:rn,multiOption:ln,label:an,closeMultiOption:on,selectedSingleValue:sn,placeHolder:un,groupOrderFirst:cn,groupOrderMiddle:dn,groupOrderLast:pn,detailedLabel:fn},me=(e,t)=>{const d=document.createElement("canvas").getContext("2d");return d?(d.font=t,d.measureText(e).width):0},Pe="14px",Me="12px",mn="Lato",hn="sans-serif",yn=14,gn=7,_n=38,bn=24,vn=5,Sn=3,In=1,On=2,ke=(e=!1,t=!1)=>`${e?Me:Pe} ${t?mn:hn}`,En=(e=!1,t=!1)=>(e?gn:yn)+(e?bn:_n)+(t?17:0),Ve=(e,t,l,d)=>{const c=ke(t,l),h=d?me(d,c):0,f=Math.ceil(e.reduce((o,y)=>{var S;const v=(((S=y==null?void 0:y.actions)==null?void 0:S.length)??0)*24,b=y.icon?parseInt(t?Me:Pe)+7:0,E=`${y.label} ${y.details||""}`,I=me(E,c)+v+b;return o=I>o?I:o,o},h)),i=En(t,!0);return f+i},xn=(e,t,l)=>{const d=ke(!0,l),c=me(e.label,d),h=(t?Sn:vn)*2+In*2+On;return Math.ceil(c+h)},he=({selectedOptions:e,small:t,width:l})=>{const d=je(),[c,h]=N.useState([]),[f,i]=N.useState([]);return N.useEffect(()=>{let o=[],y=[],v=0;e.forEach((b,E)=>{v+=xn(b,t,d),E===e.length-1&&v<l||v<l-24?o.push(b):y.push(b)}),h(o),i(y)},[e,d,l]),m.jsxs("div",{className:q.multiOptions,children:[c.filter(o=>o&&o.label).map((o,y)=>m.jsx("span",{className:q.multiOption,onClick:v=>{v.stopPropagation()},children:o.label},y)),f.length>0&&m.jsx(Se,{text:f.map((o,y)=>m.jsx("div",{children:o.label},y)),display:"inline-flex",children:m.jsx("span",{className:q.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 ye=({selectedOptions:e,searchable:t=!1,searchValue:l,onChange:d=()=>{},inputRef:c,error:h,placeholder:f="Select...",small:i})=>{const o=N.useRef(null),y=Array.isArray(e),v=y?e.length>0:!!e,b=l?l.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:q.triggerInputContainer,ref:o,children:[v?y?m.jsx(he,{selectedOptions:e,small:i,width:E()}):m.jsx("span",{className:q.selectedSingleValue,children:l!=null&&l.length?"":e==null?void 0:e.label}):m.jsx("span",{className:q.placeHolder,children:l!=null&&l.length?"":f}),t?m.jsx("input",{tabIndex:-1,ref:c,size:b,className:D(q.input,h?q.error:""),value:l,onChange:I=>d(I.target.value)}):null]})};try{ye.displayName="Input",ye.__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 ge=({selectedOptions:e,searchValue:t,searchable:l,clearable:d,onClickTrigger:c,element:h,error:f,warning:i,tooltip:o,small:y,isInTable:v,disabled:b,onChangeSearch:E,onClickDeselect:I,onClickClear:S,tabIndex:n,isOpen:s,triggerRef:a,clearAllIsFocused:r,focusedSelectedOptionIndex:u,onFocus:p,onBlur:_,groupOrder:g,maxTooltipWidth:O,placeholder:L,right:C,testId:V})=>{const[T,F]=Ae(),w=d&&e&&e.value,A=(()=>{if(g)switch(g){case le.FIRST:return q.groupOrderFirst;case le.LAST:return q.groupOrderLast;default:return q.groupOrderMiddle}return""})(),z=e!=null&&e.details?{...e,label:m.jsxs("div",{className:D(q.detailedLabel),children:[m.jsx(se,{children:e.label}),m.jsx(se,{muted:!0,children:e.details})]})}:e,$=m.jsxs(m.Fragment,{children:[h,m.jsxs("div",{ref:a,tabIndex:n,className:D(q.trigger,s?q.isOpen:"",f?q.error:i?q.warning:"",b?q.disabled:"",y?q.small:"",v?q.isInTable:"",C?q.right:"",A),onClick:P=>{P.stopPropagation(),typeof F=="function"&&F(),c(P)},onFocus:p,onBlur:_,"data-testid":V,children:[m.jsx(ye,{selectedOptions:z,placeholder:L,searchable:l,searchValue:t,inputRef:T,onChange:E,error:f,small:y}),m.jsx("span",{className:q.icons,children:w?m.jsx("span",{className:D(q.clearAll,r?q.focus:""),onClick:P=>{P.stopPropagation(),S&&S(P)},children:m.jsx(we,{icon:Ne.CLOSE})}):m.jsx("span",{className:D(q.iconOpen)})})]})]});return m.jsx(m.Fragment,{children:m.jsx(Se,{error:!!f,warning:!!i,text:o||f||i,enabled:o&&ee(o)||f&&ee(f)||i&&ee(i)||!1,maxWidth:O,placement:"bottom-center",children:$})})};try{ge.displayName="Trigger",ge.__docgenInfo={description:"",displayName:"Trigger",props:{selectedOptions:{defaultValue:null,description:"",name:"selectedOptions",required:!1,type:{name:"ISelectSelectedOption"}},searchValue:{defaultValue:null,description:"",name:"searchValue",required:!1,type:{name:"string"}},searchable:{defaultValue:null,description:"",name:"searchable",required:!1,type:{name:"boolean"}},clearable:{defaultValue:null,description:"",name:"clearable",required:!1,type:{name:"boolean"}},onClickTrigger:{defaultValue:null,description:"",name:"onClickTrigger",required:!0,type:{name:"(evt: MouseEvent<HTMLDivElement, MouseEvent>) => void"}},element:{defaultValue:null,description:"",name:"element",required:!1,type:{name:"ReactNode"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"ReactNode"}},warning:{defaultValue:null,description:"",name:"warning",required:!1,type:{name:"ReactNode"}},tooltip:{defaultValue:null,description:"",name:"tooltip",required:!1,type:{name:"ReactNode"}},small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean"}},isInTable:{defaultValue:null,description:"",name:"isInTable",required:!1,type:{name:"boolean"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},onChangeSearch:{defaultValue:null,description:"",name:"onChangeSearch",required:!1,type:{name:"((value: string) => void)"}},onClickDeselect:{defaultValue:null,description:"",name:"onClickDeselect",required:!1,type:{name:"((evt: MouseEvent<HTMLDivElement, MouseEvent>) => void)"}},onClickClear:{defaultValue:null,description:"",name:"onClickClear",required:!1,type:{name:"((evt: MouseEvent<HTMLSpanElement, MouseEvent>) => void)"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"number"}},isOpen:{defaultValue:null,description:"",name:"isOpen",required:!1,type:{name:"boolean"}},triggerRef:{defaultValue:null,description:"",name:"triggerRef",required:!1,type:{name:"RefObject<HTMLDivElement>"}},clearAllIsFocused:{defaultValue:null,description:"",name:"clearAllIsFocused",required:!1,type:{name:"boolean"}},focusedSelectedOptionIndex:{defaultValue:null,description:"",name:"focusedSelectedOptionIndex",required:!1,type:{name:"number"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"((evt: FocusEvent<HTMLDivElement, Element>) => void)"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"((evt: FocusEvent<HTMLDivElement, Element>) => void)"}},groupOrder:{defaultValue:null,description:"",name:"groupOrder",required:!1,type:{name:"string"}},maxTooltipWidth:{defaultValue:null,description:"",name:"maxTooltipWidth",required:!1,type:{name:"TStringOrNumber"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string | null"}},right:{defaultValue:null,description:"",name:"right",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}var W=(e=>(e.SET_VISIBLE_OPTIONS="SET_VISIBLE_OPTIONS",e.RESET_LAYER_FOCUS="RESET_LAYER_FOCUS",e.CLEAR_SEARCH="CLEAR_SEARCH",e.ON_CHANGE_SEARCH="ON_CHANGE_SEARCH",e.FOCUS_TRIGGER_INPUTS="FOCUS_TRIGGER_INPUTS",e.BLUR_TRIGGER_INPUTS="BLUR_TRIGGER_INPUTS",e.FOCUS_LAYER_OPTIONS="FOCUS_LAYER_OPTIONS",e.OPEN_LAYER="OPEN_LAYER",e.CLOSE_LAYER="CLOSE_LAYER",e))(W||{});const He={options:["none","clearAll"],currentIndex:0,currentOption:!1,clearAll:!1},Tn=e=>e!==null?e+1:0,We=(e,t)=>{const l=["none",...e.map((c,h)=>c.type!==ae.HEADING?h:null).filter(c=>c!==null)],d=Tn(t);return{options:l,currentIndex:d,current:l[d]}},Cn=(e,t)=>{const l=e==="up"?-1:1,d=t.currentIndex+l,c=(d<0?t.options.length-1:d)%t.options.length,h=t.options[c];return{...t,currentIndex:c,current:h}},Vn=(e,t,l)=>{const d=e==="left"?-1:1,c=t&&t.length?["none",...Array.from({length:t.length},(y,v)=>v),"clearAll"]:["none","clearAll"],h=l.currentIndex+d,f=(h<0?c.length-1:h)%c.length,i=c[f];return{options:c,currentIndex:f,currentOption:i,clearAll:i==="clearAll"}},Le=()=>He,Re=e=>({...e,currentIndex:0,current:"none"}),Ln=(e,t)=>{switch(t.type){case W.SET_VISIBLE_OPTIONS:return{...e,visibleOptions:t.options||[]};case W.RESET_LAYER_FOCUS:return{...e,layerFocus:We(t.options||[],t.firstSelectedOptionIndex||0)};case W.CLEAR_SEARCH:return{...e,visibleOptions:t.options||[],searchValue:""};case W.ON_CHANGE_SEARCH:{let d=[...(t.options||[]).filter(c=>(String(c.label)+(c.details?String(c.details):"")).toLowerCase().includes(String(t.value||"").toLowerCase()))];return t.createAble&&t.value&&t.value!==""&&d.push({label:`Create "${t.value}"`,value:t.value,createAble:!0}),{...e,searchValue:t.value,visibleOptions:d,layerFocus:Re(e.layerFocus)}}case W.FOCUS_TRIGGER_INPUTS:return{...e,triggerFocus:Vn(t.direction||"right",t.selectedOptions||[],e.triggerFocus),layerFocus:Re(e.layerFocus)};case W.BLUR_TRIGGER_INPUTS:return{...e,triggerFocus:Le()};case W.FOCUS_LAYER_OPTIONS:return t.nextLayerFocus?{...e,layerFocus:t.nextLayerFocus,triggerFocus:Le()}:e;case W.OPEN_LAYER:return{...e,isLayerOpen:!0};case W.CLOSE_LAYER:return{...e,isLayerOpen:!1};default:return e}},Rn={auto:!0,possiblePlacements:["bottom-start","top-start"],placement:"bottom-start",preferX:"right",preferY:"bottom"};var M=(e=>(e.CLOSE_LAYER="CLOSE_LAYER",e.OPEN_LAYER="OPEN_LAYER",e.SET_VISIBLE_OPTIONS="SET_VISIBLE_OPTIONS",e.CLEAR_SEARCH="CLEAR_SEARCH",e.RESET_LAYER_FOCUS="RESET_LAYER_FOCUS",e.FOCUS_LAYER_OPTIONS="FOCUS_LAYER_OPTIONS",e.BLUR_TRIGGER_INPUTS="BLUR_TRIGGER_INPUTS",e.FOCUS_TRIGGER_INPUTS="FOCUS_TRIGGER_INPUTS",e.ON_CHANGE_SEARCH="ON_CHANGE_SEARCH",e))(M||{}),G=(e=>(e.RIGHT="right",e.LEFT="left",e.UP="up",e.DOWN="down",e.ENTER="enter",e.ESC="esc",e.TAB="tab",e))(G||{});const _e=({state:e,dispatch:t,options:l,setTriggerFocus:d,disabled:c,disabledContext:h,onCreate:f,onChange:i,selectedOptions:o,width:y,small:v,isFontLoaded:b,placeholder:E,firstSelectedOptionIndex:I,createAble:S,listRef:n,autoLayerWidth:s})=>{const a=()=>{e.isLayerOpen&&t({type:M.CLOSE_LAYER}),d()},r=()=>t({type:M.OPEN_LAYER}),u=N.useRef(!0);N.useEffect(()=>{u.current?u.current=!1:t({type:M.SET_VISIBLE_OPTIONS,options:l})},[l]);const p=(x,R,Z)=>{if(!(c||h)){if(Z&&Z(),R){if(R.createAble&&f)f(R.value);else if(!R.disabled)if(Array.isArray(o))if(o.some(Y=>Y.label===R.label)){const Y=o.filter(Ie=>Ie.label!==R.label);i&&i(x,Y)}else{const Y=[...o,R];i&&i(x,Y)}else i&&i(x,R)}t({type:M.CLEAR_SEARCH,options:l}),d()}},_=N.useCallback(()=>y?y!=="auto"?y:Ve(l,v,b,E):"100%",[l,b]),g=N.useCallback(x=>s?Math.max(Ve(l,v,b,E),x==null?void 0:x.width):x==null?void 0:x.width,[l,b]),{renderLayer:O,layerProps:L,triggerProps:C,triggerBounds:V}=ze({isOpen:(e==null?void 0:e.isLayerOpen)??!1,overflowContainer:!0,...Rn,ResizeObserver,onOutsideClick:a,onParentClose:a}),T=()=>{if(!(c||h)){if(e.isLayerOpen){a();return}t({type:M.RESET_LAYER_FOCUS,options:l,firstSelectedOptionIndex:I}),r()}},F=N.useRef(!0);N.useEffect(()=>{F.current?F.current=!1:e.isLayerOpen||t({type:M.CLEAR_SEARCH,options:l})},[e.isLayerOpen]);const w=(x,R)=>{const Z=o instanceof Array?o.filter(K=>K.value!==R.value):null;i&&i(x,Z)},A=x=>{const R=o instanceof Array?[]:{value:null};i&&i(x,R)},z=x=>t({type:M.ON_CHANGE_SEARCH,options:l,value:x,createAble:S}),$=()=>{r(),t({type:M.BLUR_TRIGGER_INPUTS})},P=x=>{n.current&&Number.isInteger(x)&&n.current.scrollToItem(x)},U=x=>{const R=Cn(x,e.layerFocus);t({type:M.FOCUS_LAYER_OPTIONS,nextLayerFocus:R}),P(R.current)},te=x=>{t({type:M.FOCUS_TRIGGER_INPUTS,ICustomSelectDirection:x,selectedOptions:o})},B=x=>A(x),ne=o&&o[e.triggerFocus.currentOption],re=x=>{w(x,o[e.triggerFocus.currentOption])},X=x=>{var R;p(x,(R=e==null?void 0:e.visibleOptions)==null?void 0:R[e.layerFocus.current],a)},k=e.triggerFocus.clearAll;return{getTriggerWidth:_,onKeyEvent:(x,R)=>{switch(x){case G.UP:{U(x);break}case G.DOWN:{e.isLayerOpen?U(x):$();break}case G.LEFT:case G.RIGHT:{te(x);break}case G.ENTER:{k?B(R):ne?re(R):X(R);break}case G.ESC:{a();break}}},clearAllIsFocused:k,triggerProps:C,onClickTrigger:T,onChangeSearch:z,onClickDeselectOption:w,onClickClearAll:A,renderLayer:O,layerProps:L,closeLayer:a,onSelectOption:p,getLayerWidth:g,triggerBounds:V}};try{_e.displayName="useCustomSelectLogic",_e.__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 be=e=>{const{multi:t=!1,disabled:l=!1,error:d=null,warning:c=null,tooltip:h=null,options:f,selectedOptions:i,onCreate:o=null,placeholder:y="",small:v=!1,tabIndex:b=0,onFocus:E=()=>{},onBlur:I=()=>{},searchable:S=!0,clearable:n=!1,maxTooltipWidth:s,closeOnOptionActionClick:a,isInTable:r=!1,groupOrder:u,firstSelectedOptionIndex:p=0,right:_=!1,testId:g=void 0}=e,O=N.useContext(ve),L=o!==null,C=N.useRef(null),[V,T]=Ae(),F=je(),[w,A]=N.useReducer(Ln,{options:f,firstSelectedOptionIndex:p},({options:K})=>({searchValue:"",visibleOptions:K,layerFocus:We(K,p??0),triggerFocus:He,isLayerOpen:!1})),{getTriggerWidth:z,onKeyEvent:$,clearAllIsFocused:P,triggerProps:U,onClickTrigger:te,onChangeSearch:B,onClickDeselectOption:ne,onClickClearAll:re,renderLayer:X,layerProps:k,closeLayer:J,onSelectOption:x,getLayerWidth:R,triggerBounds:Z}=_e({...e,state:w,dispatch:A,setTriggerFocus:T,disabledContext:O,isFontLoaded:F,createAble:L,listRef:C});return m.jsx("div",{style:{width:z()},children:m.jsxs(mt,{handleKeys:Object.values(G),onKeyEvent:$,children:[m.jsx(ge,{selectedOptions:i,searchValue:w.searchValue,isOpen:w.isLayerOpen,focusedSelectedOptionIndex:w.triggerFocus.currentOption,clearAllIsFocused:P,searchable:S,triggerRef:Ue(V,U.ref),error:d,warning:c,tooltip:h,small:v,isInTable:r,disabled:l||O,clearable:n,tabIndex:b,onClickTrigger:te,onChangeSearch:B,onClickDeselect:ne,onClickClear:re,onFocus:E,onBlur:I,groupOrder:u,maxTooltipWidth:s,placeholder:y,right:_,testId:g}),w.isLayerOpen&&X(m.jsx("div",{...k,className:j.layerContainer,children:m.jsx(fe,{listRef:C,isMulti:t,sections:w.visibleOptions,selectedOptions:i,onSelectOption:(K,Y)=>{x(K,Y,t?void 0:J)},closeLayer:()=>{a&&J()},width:R(Z),small:v,focusedOptionIndex:w.layerFocus.current,firstSelectedOptionIndex:p??0,testId:g&&`${g}-layer`})}))]})})};try{be.displayName="CustomSelect",be.__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 qe=e=>{const{name:t="",options:l=[],value:d,native:c=!1,onChange:h=()=>{},deprecatedEventHandler:f=!1,autoScroll:i=!0,warning:o,error:y,checkNonExistentValues:v=!0,closeOnOptionActionClick:b=!0,testId:E}=e,I=!c&&i===!0,{multi:S,simpleInputs:n,options:s,selectedOptions:a,firstSelectedOptionIndex:r,hasNonExistentValue:u}=Be(l,d,I,v),p=!S,_=c&&p;c&&!p&&console.warn("Native select does not support provided props (see stories)");const g="Value no longer available for re-selection",O=u?o?m.jsxs("div",{children:[m.jsx("div",{children:g}),m.jsx("div",{children:o})]}):g:o,L=u&&y?m.jsxs("div",{children:[m.jsx("div",{children:g}),m.jsx("div",{children:y})]}):y,C=(V,T)=>{if(f){const F=S?T.map(w=>n?w.value:w):n?T.value:T;h(F)}else{const F=!(V instanceof Event),w=S?T:T.value;F?(V.target.name=t,V.target.value=w,S||(V.target.label=T.label),h(V)):h({...V,target:{...V.target,name:t,value:w,...!S&&{label:T.label}}})}};return _?m.jsx(ue,{...e,options:s,selectedOption:a,onChange:C,hasNonExistentValue:u,warning:O,error:L,testId:E}):m.jsx(be,{...e,options:s,selectedOptions:a,onChange:C,multi:S,firstSelectedOptionIndex:r,warning:O,error:L,testId:E,closeOnOptionActionClick:b})};try{qe.displayName="Select",qe.__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{qe as S};
1
+ import{j as m}from"./jsx-runtime-f961835c.js";import{r as N,g as De}from"./index-f80c8c95.js";import{c as D}from"./index-a80ed1cf.js";import{G as le,I as Ne}from"./common-types-3a5f9d98.js";import{D as ve}from"./disabled-context-d654f6ff.js";import{i as ee}from"./types-332ceaf3.js";import{T as Se,u as ze,m as Ue}from"./tooltip-121d0a20.js";import{p as Ge}from"./index-c89a1915.js";import"./lodash-75c70a11.js";import{_ as $e,a as Ke}from"./inheritsLoose-d4851ab8.js";import{_ as Oe}from"./assertThisInitialized-081f9914.js";import{m as ie}from"./memoize-one.esm-52518564.js";import{M as ae}from"./types-cc224262.js";import{T as se}from"./text-78efb253.js";import{A as Ye}from"./actions-fc0e9454.js";import{I as we}from"./icon-7ec58de0.js";import{s as Be}from"./select.input-88b6ebab.js";const Xe="_inputInTable_u2br6_341",Je="_inputHover_u2br6_350",Ze="_inputFocus_u2br6_355",Qe="_inputError_u2br6_362",et="_inputWarning_u2br6_363",tt="_inputDisabled_u2br6_398",nt="_hideScrollbars_u2br6_403",rt="_select_u2br6_413",lt="_isInTable_u2br6_454",at="_unSelected_u2br6_463",it="_error_u2br6_470",ot="_warning_u2br6_487",st="_small_u2br6_504",ut="_right_u2br6_511",ct="_groupOrderFirst_u2br6_522",dt="_groupOrderMiddle_u2br6_523",pt="_groupOrderLast_u2br6_527",H={inputInTable:Xe,inputHover:Je,inputFocus:Ze,inputError:Qe,inputWarning:et,inputDisabled:tt,hideScrollbars:nt,select:rt,isInTable:lt,unSelected:at,error:it,warning:ot,small:st,right:ut,groupOrderFirst:ct,groupOrderMiddle:dt,groupOrderLast:pt},ue=({disabled:e=!1,error:t=null,warning:l=null,tooltip:d=null,options:c,onChange:h=()=>{},onFocus:f=()=>{},onBlur:i=()=>{},right:o=!1,small:y=!1,tabIndex:v=0,selectedOption:b,width:E=null,groupOrder:I=null,testId:S,isInTable:n=!1,clearable:s,placeholder:a,hasNonExistentValue:r,maxTooltipWidth:u,borderRadius:p})=>{const _=N.useContext(ve),g=b===null||(b==null?void 0:b.value)===null?"unselected":b==null?void 0:b.value,O=g==="unselected",L=(g==="unselected"||s?[m.jsx("option",{value:"unselected",disabled:!s,hidden:!s,children:a||"Select..."},"unselected")]:[]).concat(r?[m.jsx("option",{value:b==null?void 0:b.value,disabled:e||_,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))),C=(()=>{if(I)switch(I){case le.FIRST:return H.groupOrderFirst;case le.LAST:return H.groupOrderLast;default:return H.groupOrderMiddle}return""})();return m.jsx(Se,{error:!!t,warning:!!l,text:d||t||l,enabled:d&&ee(d)||t&&ee(t)||l&&ee(l)||!1,maxWidth:u,placement:"bottom-center",children:m.jsx("select",{className:D(H.select,O?H.unSelected:"",t?H.error:l?H.warning:"",o?H.right:"",y?H.small:"",n?H.isInTable:"",C),style:{width:E||"",borderRadius:p||""},onChange:V=>{const{value:T}=V.target;let F;T==="unselected"?F={value:null}:F=c.find(A=>String(A.value)===String(T))||{value:null},h(V,F)},onFocus:f,onBlur:i,tabIndex:v,value:g,disabled:e||_,"data-testid":S,children:L})})};try{ue.displayName="NativeSelect",ue.__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 Fe={exports:{}};(function(e,t){(function(l,d){e.exports=d(N,Ge)})(window,function(l,d){return function(c){var h={};function f(i){if(h[i])return h[i].exports;var o=h[i]={i,l:!1,exports:{}};return c[i].call(o.exports,o,o.exports,f),o.l=!0,o.exports}return f.m=c,f.c=h,f.d=function(i,o,y){f.o(i,o)||Object.defineProperty(i,o,{enumerable:!0,get:y})},f.r=function(i){typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(i,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(i,"__esModule",{value:!0})},f.t=function(i,o){if(1&o&&(i=f(i)),8&o||4&o&&typeof i=="object"&&i&&i.__esModule)return i;var y=Object.create(null);if(f.r(y),Object.defineProperty(y,"default",{enumerable:!0,value:i}),2&o&&typeof i!="string")for(var v in i)f.d(y,v,(function(b){return i[b]}).bind(null,v));return y},f.n=function(i){var o=i&&i.__esModule?function(){return i.default}:function(){return i};return f.d(o,"a",o),o},f.o=function(i,o){return Object.prototype.hasOwnProperty.call(i,o)},f.p="",f(f.s=0)}([function(c,h,f){Object.defineProperty(h,"__esModule",{value:!0});var i=f(1);Object.defineProperty(h,"default",{enumerable:!0,get:function(){return function(o){return o&&o.__esModule?o:{default:o}}(i).default}}),c.exports=h.default},function(c,h,f){Object.defineProperty(h,"__esModule",{value:!0});var i=Object.assign||function(n){for(var s=1;s<arguments.length;s++){var a=arguments[s];for(var r in a)Object.prototype.hasOwnProperty.call(a,r)&&(n[r]=a[r])}return n},o=function(){function n(s,a){for(var r=0;r<a.length;r++){var u=a[r];u.enumerable=u.enumerable||!1,u.configurable=!0,"value"in u&&(u.writable=!0),Object.defineProperty(s,u.key,u)}}return function(s,a,r){return a&&n(s.prototype,a),r&&n(s,r),s}}(),y=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 r=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 r.handleKeyboardEvent=r.handleKeyboardEvent.bind(r),r.registerExclusiveHandler=r.registerExclusiveHandler.bind(r),r.deregisterExclusiveHandler=r.deregisterExclusiveHandler.bind(r),r}return function(a,r){if(typeof r!="function"&&r!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof r);a.prototype=Object.create(r&&r.prototype,{constructor:{value:a,enumerable:!1,writable:!0,configurable:!0}}),r&&(Object.setPrototypeOf?Object.setPrototypeOf(a,r):a.__proto__=r)}(s,y.default.Component),o(s,[{key:"componentDidMount",value:function(){document.addEventListener("keydown",this.handleKeyboardEvent,!1),document.addEventListener("keyup",this.handleKeyboardEvent,!1),document.addEventListener("keypress",this.handleKeyboardEvent,!1);var a=this.props,r=a.isExclusive,u=a.isDisabled;r&&!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 r=a.isExclusive,u=a.isDisabled;(this.props.isExclusive!==r||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(r){return r!==a}))}},{key:"handleKeyboardEvent",value:function(a){var r=this.props,u=r.isDisabled,p=r.handleKeys,_=r.onKeyEvent,g=r.handleEventType,O=r.children,L=r.handleFocusableElements;if(u||g!==a.type||I.length>0&&I[0]!==this)return!1;var C=a.target===document.body||L,V=this.childrenContainer&&this.childrenContainer.contains(a.target);if(!(O?V:C))return!1;var T=(0,b.findMatchedKey)(a,p);return!!T&&(_(T,a),!0)}},{key:"render",value:function(){var a=this,r=this.props.children,u=Object.assign({},this.props),p=!0,_=!1,g=void 0;try{for(var O,L=Object.keys(s.propTypes)[Symbol.iterator]();!(p=(O=L.next()).done);p=!0)delete u[O.value]}catch(C){_=!0,g=C}finally{try{!p&&L.return&&L.return()}finally{if(_)throw g}}return r?y.default.createElement("span",i({ref:function(C){a.childrenContainer=C}},u),r):null}}]),s}();h.default=S,S.propTypes={handleKeys:v.default.array,handleEventType:v.default.oneOf(["keydown","keyup","keypress"]),handleFocusableElements:v.default.bool,onKeyEvent:v.default.func,isDisabled:v.default.bool,isExclusive:v.default.bool,children:v.default.any},S.defaultProps={handleKeys:[],handleFocusableElements:!1,handleEventType:"keydown",onKeyEvent:function(){return null}},c.exports=h.default},function(c,h){c.exports=l},function(c,h){c.exports=d},function(c,h,f){function i(r,u,p){return u in r?Object.defineProperty(r,u,{value:p,enumerable:!0,configurable:!0,writable:!0}):r[u]=p,r}Object.defineProperty(h,"__esModule",{value:!0}),h.matchKeyEvent=a,h.findMatchedKey=function(r,u){var p=u.map(function(_){var g=_.toLowerCase(),O=s[g];return O||[_]}).reduce(function(_,g){return _.concat(g)},[]).find(function(_){return a(r,_)});return!p&&u.includes("all")&&(p="other"),p};var o={backspace:[8],del:[46],delete:[46],ins:[45],insert:[45],tab:[9],enter:[13],return:[13],esc:[27],space:[32],pageup:[33],pagedown:[34],end:[35],home:[36],left:[37],up:[38],right:[39],down:[40],shift:[16],ctrl:[17],alt:[18],cap:[20],num:[144],clear:[12],meta:[91],";":[186,59],"=":[187,61],",":[188,44],"-":[189,45,173,109],minus:[189,45,173,109],".":[190,110],"/":[191,111],"`":[192],"[":[219],"\\":[220],"]":[221],"*":[106],"+":[107],plus:[107],"'":[222],quote:[222]},y=Object.keys(o).reduce(function(r,u){return Object.assign(r,i({},u.toUpperCase(),o[u]))},{}),v="0123456789".split("").reduce(function(r,u,p){return Object.assign(r,i({},u,[p+48,p+96]))},{}),b="ABCDEFGHIJKLMNOPQRSTUVWXYZ".split("").reduce(function(r,u,p){return Object.assign(r,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(r,u,p){return Object.assign(r,i({},"f"+u,[p+112]))},{}),I={control:"ctrl",ctrl:"ctrl",shift:"shift",meta:"meta",cmd:"meta",command:"meta",option:"alt",alt:"alt"},S=h.AllKeys=Object.assign({},o,y,v,b,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(r,u){var p=r.which||r.keyCode,_=r.type,g=Object.keys(I).filter(function(A){return r[A+"Key"]}).sort(),O=u.toLowerCase().trim(),L=O==="+"?["+"]:O.split(/\s?\+\s?/),C=L.pop(),V=S[C],T=L;if(_==="keypress")return u==String.fromCharCode(p).toLowerCase();if(T.length===0&&g.length===0)return V.indexOf(p)>=0;if(T.length>0&&g.length>0){var F=T.map(function(A){return I[A]}).sort(),w=F.length===g.length&&F.every(function(A,z){return g[z]===A});return V.indexOf(p)>=0&&w}return T.length==0&&g.length===1&&C===g[0]}}])})})(Fe);var ft=Fe.exports;const mt=De(ft),Ae=()=>{const e=N.useRef(null);return[e,()=>{e.current&&e.current.focus()}]},je=()=>{const[e,t]=N.useState(!1);return N.useEffect(()=>{(async()=>{document.fonts&&await document.fonts.ready.then(()=>t(!0))})()},[]),e};var ht=typeof performance=="object"&&typeof performance.now=="function",Ee=ht?function(){return performance.now()}:function(){return Date.now()};function xe(e){cancelAnimationFrame(e.id)}function yt(e,t){var l=Ee();function d(){Ee()-l>=t?e.call(null):c.id=requestAnimationFrame(d)}var c={id:requestAnimationFrame(d)};return c}var oe=-1;function Te(e){if(e===void 0&&(e=!1),oe===-1||e){var t=document.createElement("div"),l=t.style;l.width="50px",l.height="50px",l.overflow="scroll",document.body.appendChild(t),oe=t.offsetWidth-t.clientWidth,document.body.removeChild(t)}return oe}var Q=null;function Ce(e){if(e===void 0&&(e=!1),Q===null||e){var t=document.createElement("div"),l=t.style;l.width="50px",l.height="50px",l.overflow="scroll",l.direction="rtl";var d=document.createElement("div"),c=d.style;return c.width="100px",c.height="100px",t.appendChild(d),document.body.appendChild(t),t.scrollLeft>0?Q="positive-descending":(t.scrollLeft=1,t.scrollLeft===0?Q="negative":Q="positive-ascending"),document.body.removeChild(t),Q}return Q}var gt=150,_t=function(t,l){return t};function bt(e){var t,l=e.getItemOffset,d=e.getEstimatedTotalSize,c=e.getItemSize,h=e.getOffsetForIndexAndAlignment,f=e.getStartIndexForOffset,i=e.getStopIndexForStartIndex,o=e.initInstanceProps,y=e.shouldResetStyleCacheOnItemSizeChange,v=e.validateProps;return t=function(b){$e(E,b);function E(S){var n;return n=b.call(this,S)||this,n._instanceProps=o(n.props,Oe(n)),n._outerRef=void 0,n._resetIsScrollingTimeoutId=null,n.state={instance:Oe(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,r,u){return n.props.onItemsRendered({overscanStartIndex:s,overscanStopIndex:a,visibleStartIndex:r,visibleStopIndex:u})}),n._callOnScroll=void 0,n._callOnScroll=ie(function(s,a,r){return n.props.onScroll({scrollDirection:s,scrollOffset:a,scrollUpdateWasRequested:r})}),n._getItemStyle=void 0,n._getItemStyle=function(s){var a=n.props,r=a.direction,u=a.itemSize,p=a.layout,_=n._getItemStyleCache(y&&u,y&&p,y&&r),g;if(_.hasOwnProperty(s))g=_[s];else{var O=l(n.props,s,n._instanceProps),L=c(n.props,s,n._instanceProps),C=r==="horizontal"||p==="horizontal",V=r==="rtl",T=C?O:0;_[s]=g={position:"absolute",left:V?void 0:T,right:V?T:void 0,top:C?0:O,height:C?"100%":L,width:C?L:"100%"}}return g},n._getItemStyleCache=void 0,n._getItemStyleCache=ie(function(s,a,r){return{}}),n._onScrollHorizontal=function(s){var a=s.currentTarget,r=a.clientWidth,u=a.scrollLeft,p=a.scrollWidth;n.setState(function(_){if(_.scrollOffset===u)return null;var g=n.props.direction,O=u;if(g==="rtl")switch(Ce()){case"negative":O=-u;break;case"positive-descending":O=p-r-u;break}return O=Math.max(0,Math.min(O,p-r)),{isScrolling:!0,scrollDirection:_.scrollOffset<O?"forward":"backward",scrollOffset:O,scrollUpdateWasRequested:!1}},n._resetIsScrollingDebounced)},n._onScrollVertical=function(s){var a=s.currentTarget,r=a.clientHeight,u=a.scrollHeight,p=a.scrollTop;n.setState(function(_){if(_.scrollOffset===p)return null;var g=Math.max(0,Math.min(p,u-r));return{isScrolling:!0,scrollDirection:_.scrollOffset<g?"forward":"backward",scrollOffset:g,scrollUpdateWasRequested:!1}},n._resetIsScrollingDebounced)},n._outerRefSetter=function(s){var a=n.props.outerRef;n._outerRef=s,typeof a=="function"?a(s):a!=null&&typeof a=="object"&&a.hasOwnProperty("current")&&(a.current=s)},n._resetIsScrollingDebounced=function(){n._resetIsScrollingTimeoutId!==null&&xe(n._resetIsScrollingTimeoutId),n._resetIsScrollingTimeoutId=yt(n._resetIsScrolling,gt)},n._resetIsScrolling=function(){n._resetIsScrollingTimeoutId=null,n.setState({isScrolling:!1},function(){n._getItemStyleCache(-1,null)})},n}E.getDerivedStateFromProps=function(n,s){return vt(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,r=a.itemCount,u=a.layout,p=this.state.scrollOffset;n=Math.max(0,Math.min(n,r-1));var _=0;if(this._outerRef){var g=this._outerRef;u==="vertical"?_=g.scrollWidth>g.clientWidth?Te():0:_=g.scrollHeight>g.clientHeight?Te():0}this.scrollTo(h(this.props,n,s,p,this._instanceProps,_))},I.componentDidMount=function(){var n=this.props,s=n.direction,a=n.initialScrollOffset,r=n.layout;if(typeof a=="number"&&this._outerRef!=null){var u=this._outerRef;s==="horizontal"||r==="horizontal"?u.scrollLeft=a:u.scrollTop=a}this._callPropsCallbacks()},I.componentDidUpdate=function(){var n=this.props,s=n.direction,a=n.layout,r=this.state,u=r.scrollOffset,p=r.scrollUpdateWasRequested;if(p&&this._outerRef!=null){var _=this._outerRef;if(s==="horizontal"||a==="horizontal")if(s==="rtl")switch(Ce()){case"negative":_.scrollLeft=-u;break;case"positive-ascending":_.scrollLeft=u;break;default:var g=_.clientWidth,O=_.scrollWidth;_.scrollLeft=O-g-u;break}else _.scrollLeft=u;else _.scrollTop=u}this._callPropsCallbacks()},I.componentWillUnmount=function(){this._resetIsScrollingTimeoutId!==null&&xe(this._resetIsScrollingTimeoutId)},I.render=function(){var n=this.props,s=n.children,a=n.className,r=n.direction,u=n.height,p=n.innerRef,_=n.innerElementType,g=n.innerTagName,O=n.itemCount,L=n.itemData,C=n.itemKey,V=C===void 0?_t:C,T=n.layout,F=n.outerElementType,w=n.outerTagName,A=n.style,z=n.useIsScrolling,$=n.width,P=this.state.isScrolling,U=r==="horizontal"||T==="horizontal",te=U?this._onScrollHorizontal:this._onScrollVertical,B=this._getRangeToRender(),ne=B[0],re=B[1],X=[];if(O>0)for(var k=ne;k<=re;k++)X.push(N.createElement(s,{data:L,key:V(k,L),index:k,isScrolling:z?P:void 0,style:this._getItemStyle(k)}));var J=d(this.props,this._instanceProps);return N.createElement(F||w||"div",{className:a,onScroll:te,ref:this._outerRefSetter,style:Ke({position:"relative",height:u,width:$,overflow:"auto",WebkitOverflowScrolling:"touch",willChange:"transform",direction:r},A)},N.createElement(_||g||"div",{children:X,ref:p,style:{height:U?"100%":J,pointerEvents:P?"none":void 0,width:U?J:"100%"}}))},I._callPropsCallbacks=function(){if(typeof this.props.onItemsRendered=="function"){var n=this.props.itemCount;if(n>0){var s=this._getRangeToRender(),a=s[0],r=s[1],u=s[2],p=s[3];this._callOnItemsRendered(a,r,u,p)}}if(typeof this.props.onScroll=="function"){var _=this.state,g=_.scrollDirection,O=_.scrollOffset,L=_.scrollUpdateWasRequested;this._callOnScroll(g,O,L)}},I._getRangeToRender=function(){var n=this.props,s=n.itemCount,a=n.overscanCount,r=this.state,u=r.isScrolling,p=r.scrollDirection,_=r.scrollOffset;if(s===0)return[0,0,0,0];var g=f(this.props,_,this._instanceProps),O=i(this.props,g,_,this._instanceProps),L=!u||p==="backward"?Math.max(1,a):1,C=!u||p==="forward"?Math.max(1,a):1;return[Math.max(0,g-L),Math.max(0,Math.min(s-1,O+C)),g,O]},E}(N.PureComponent),t.defaultProps={direction:"ltr",itemData:void 0,layout:"vertical",overscanCount:2,useIsScrolling:!1},t}var vt=function(t,l){t.children,t.direction,t.height,t.layout,t.innerTagName,t.outerTagName,t.width,l.instance},St=bt({getItemOffset:function(t,l){var d=t.itemSize;return l*d},getItemSize:function(t,l){var d=t.itemSize;return d},getEstimatedTotalSize:function(t){var l=t.itemCount,d=t.itemSize;return d*l},getOffsetForIndexAndAlignment:function(t,l,d,c,h,f){var i=t.direction,o=t.height,y=t.itemCount,v=t.itemSize,b=t.layout,E=t.width,I=i==="horizontal"||b==="horizontal",S=I?E:o,n=Math.max(0,y*v-S),s=Math.min(n,l*v),a=Math.max(0,l*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 r=Math.round(a+(s-a)/2);return r<Math.ceil(S/2)?0:r>n+Math.floor(S/2)?n:r}case"auto":default:return c>=a&&c<=s?c:c<a?a:s}},getStartIndexForOffset:function(t,l){var d=t.itemCount,c=t.itemSize;return Math.max(0,Math.min(d-1,Math.floor(l/c)))},getStopIndexForStartIndex:function(t,l,d){var c=t.direction,h=t.height,f=t.itemCount,i=t.itemSize,o=t.layout,y=t.width,v=c==="horizontal"||o==="horizontal",b=l*i,E=v?y:h,I=Math.ceil((E+d-b)/i);return Math.max(0,Math.min(f-1,l+I-1))},initInstanceProps:function(t){},shouldResetStyleCacheOnItemSizeChange:!0,validateProps:function(t){t.itemSize}});const It="_layerContainer_1iwwz_341",Ot="_layer_1iwwz_341",Et="_small_1iwwz_363",xt="_heading_1iwwz_366",Tt="_option_1iwwz_367",Ct="_message_1iwwz_368",Vt="_focused_1iwwz_404",Lt="_selected_1iwwz_408",Rt="_disabled_1iwwz_415",qt="_check_1iwwz_419",Nt="_optionContent_1iwwz_433",wt="_label_1iwwz_438",Ft="_icon_1iwwz_445",At="_details_1iwwz_449",j={layerContainer:It,layer:Ot,small:Et,heading:xt,option:Tt,message:Ct,focused:Vt,selected:Lt,disabled:Rt,check:qt,optionContent:Nt,label:wt,icon:Ft,details:At},ce=({label:e})=>m.jsx("div",{onClick:t=>t.stopPropagation(),className:j.heading,children:e});try{ce.displayName="Heading",ce.__docgenInfo={description:"",displayName:"Heading",props:{label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"TStringOrNumber"}}}}}catch{}const de=({details:e,label:t,icon:l,disabled:d=!1,selected:c=!1,focused:h=!1,onSelectOption:f,actions:i,closeLayer:o,testId:y})=>m.jsxs("div",{className:D(j.option,d?j.disabled:"",c?j.selected:"",h?j.focused:""),onClick:!d&&f?f:void 0,"data-testid":y,children:[m.jsx("div",{className:j.optionContent,children:m.jsxs("span",{className:j.label,title:t,children:[t,l&&m.jsx("span",{className:j.icon,children:l})]})}),e&&m.jsx("div",{className:D(j.details),children:m.jsx(se,{faint:!0,children:e})}),!!(i!=null&&i.length)&&m.jsx("div",{className:D(j.actions),children:m.jsx(Ye,{actions:i,closeLayer:o})}),m.jsx("span",{className:j.check,children:c?m.jsx(we,{icon:Ne.CHECK}):null})]});try{de.displayName="Option",de.__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 pe=({section:e,selected:t,focused:l,onSelectOption:d,closeLayer:c})=>{const h=N.useContext(ve);switch(e.type){case ae.HEADING:return m.jsx(ce,{label:e.label});case ae.OPTION:default:return m.jsx(de,{closeLayer:c,actions:e.actions,label:e.label,details:e.details,icon:e.icon,disabled:e.disabled||h,selected:t,focused:l,onSelectOption:d,testId:e.testId})}};try{pe.displayName="Section",pe.__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 fe=({listRef:e,isMulti:t,sections:l,selectedOptions:d,onSelectOption:c,focusedOptionIndex:h,width:f,small:i,firstSelectedOptionIndex:o,closeLayer:y,testId:v})=>{N.useEffect(()=>{o&&o!==null&&e.current!==null&&e.current.scrollToItem(o,"start")},[o,e]);const b=i?24:32;return m.jsx("div",{"data-testid":v,className:D(j.layer,i&&j.small),children:l.length?m.jsx(St,{ref:e,height:l.length<10?b*l.length:b*10,itemCount:l.length,itemSize:b,width:f,children:({index:E,style:I})=>{var S;return m.jsx("div",{style:I,children:m.jsx(pe,{closeLayer:y,section:l[E],selected:t&&l[E].type!==ae.HEADING&&Array.isArray(d)?d.some(n=>{var s;return n&&(n==null?void 0:n.value)===((s=l==null?void 0:l[E])==null?void 0:s.value)}):!Array.isArray(d)&&((S=l==null?void 0:l[E])==null?void 0:S.value)===(d==null?void 0:d.value),focused:h===E,onSelectOption:n=>c(n,l[E])})})}}):m.jsx("ul",{children:m.jsx("li",{children:m.jsx("div",{className:j.message,style:{width:f},children:"No matches"})})})})};try{fe.displayName="Layer",fe.__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 jt="_inputInTable_16b8a_341",Pt="_inputHover_16b8a_350",Mt="_inputFocus_16b8a_355",kt="_inputError_16b8a_362",Ht="_inputWarning_16b8a_363",Wt="_inputDisabled_16b8a_398",Dt="_hideScrollbars_16b8a_403",zt="_trigger_16b8a_417",Ut="_isInTable_16b8a_432",Gt="_input_16b8a_341",$t="_isOpen_16b8a_450",Kt="_error_16b8a_458",Yt="_warning_16b8a_475",Bt="_disabled_16b8a_492",Xt="_iconOpen_16b8a_497",Jt="_icons_16b8a_500",Zt="_clearAll_16b8a_508",Qt="_small_16b8a_517",en="_focus_16b8a_526",tn="_triggerInputContainer_16b8a_540",nn="_right_16b8a_549",rn="_multiOptions_16b8a_562",ln="_multiOption_16b8a_562",an="_label_16b8a_594",on="_closeMultiOption_16b8a_597",sn="_selectedSingleValue_16b8a_612",un="_placeHolder_16b8a_613",cn="_groupOrderFirst_16b8a_652",dn="_groupOrderMiddle_16b8a_653",pn="_groupOrderLast_16b8a_657",fn="_detailedLabel_16b8a_662",q={inputInTable:jt,inputHover:Pt,inputFocus:Mt,inputError:kt,inputWarning:Ht,inputDisabled:Wt,hideScrollbars:Dt,trigger:zt,isInTable:Ut,input:Gt,isOpen:$t,error:Kt,warning:Yt,disabled:Bt,iconOpen:Xt,icons:Jt,clearAll:Zt,small:Qt,focus:en,triggerInputContainer:tn,right:nn,multiOptions:rn,multiOption:ln,label:an,closeMultiOption:on,selectedSingleValue:sn,placeHolder:un,groupOrderFirst:cn,groupOrderMiddle:dn,groupOrderLast:pn,detailedLabel:fn},me=(e,t)=>{const d=document.createElement("canvas").getContext("2d");return d?(d.font=t,d.measureText(e).width):0},Pe="14px",Me="12px",mn="Lato",hn="sans-serif",yn=14,gn=7,_n=38,bn=24,vn=5,Sn=3,In=1,On=2,ke=(e=!1,t=!1)=>`${e?Me:Pe} ${t?mn:hn}`,En=(e=!1,t=!1)=>(e?gn:yn)+(e?bn:_n)+(t?17:0),Ve=(e,t,l,d)=>{const c=ke(t,l),h=d?me(d,c):0,f=Math.ceil(e.reduce((o,y)=>{var S;const v=(((S=y==null?void 0:y.actions)==null?void 0:S.length)??0)*24,b=y.icon?parseInt(t?Me:Pe)+7:0,E=`${y.label} ${y.details||""}`,I=me(E,c)+v+b;return o=I>o?I:o,o},h)),i=En(t,!0);return f+i},xn=(e,t,l)=>{const d=ke(!0,l),c=me(e.label,d),h=(t?Sn:vn)*2+In*2+On;return Math.ceil(c+h)},he=({selectedOptions:e,small:t,width:l})=>{const d=je(),[c,h]=N.useState([]),[f,i]=N.useState([]);return N.useEffect(()=>{let o=[],y=[],v=0;e.forEach((b,E)=>{v+=xn(b,t,d),E===e.length-1&&v<l||v<l-24?o.push(b):y.push(b)}),h(o),i(y)},[e,d,l]),m.jsxs("div",{className:q.multiOptions,children:[c.filter(o=>o&&o.label).map((o,y)=>m.jsx("span",{className:q.multiOption,onClick:v=>{v.stopPropagation()},children:o.label},y)),f.length>0&&m.jsx(Se,{text:f.map((o,y)=>m.jsx("div",{children:o.label},y)),display:"inline-flex",children:m.jsx("span",{className:q.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 ye=({selectedOptions:e,searchable:t=!1,searchValue:l,onChange:d=()=>{},inputRef:c,error:h,placeholder:f="Select...",small:i})=>{const o=N.useRef(null),y=Array.isArray(e),v=y?e.length>0:!!e,b=l?l.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:q.triggerInputContainer,ref:o,children:[v?y?m.jsx(he,{selectedOptions:e,small:i,width:E()}):m.jsx("span",{className:q.selectedSingleValue,children:l!=null&&l.length?"":e==null?void 0:e.label}):m.jsx("span",{className:q.placeHolder,children:l!=null&&l.length?"":f}),t?m.jsx("input",{tabIndex:-1,ref:c,size:b,className:D(q.input,h?q.error:""),value:l,onChange:I=>d(I.target.value)}):null]})};try{ye.displayName="Input",ye.__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 ge=({selectedOptions:e,searchValue:t,searchable:l,clearable:d,onClickTrigger:c,element:h,error:f,warning:i,tooltip:o,small:y,isInTable:v,disabled:b,onChangeSearch:E,onClickDeselect:I,onClickClear:S,tabIndex:n,isOpen:s,triggerRef:a,clearAllIsFocused:r,focusedSelectedOptionIndex:u,onFocus:p,onBlur:_,groupOrder:g,maxTooltipWidth:O,placeholder:L,right:C,testId:V})=>{const[T,F]=Ae(),w=d&&e&&e.value,A=(()=>{if(g)switch(g){case le.FIRST:return q.groupOrderFirst;case le.LAST:return q.groupOrderLast;default:return q.groupOrderMiddle}return""})(),z=e!=null&&e.details?{...e,label:m.jsxs("div",{className:D(q.detailedLabel),children:[m.jsx(se,{children:e.label}),m.jsx(se,{muted:!0,children:e.details})]})}:e,$=m.jsxs(m.Fragment,{children:[h,m.jsxs("div",{ref:a,tabIndex:n,className:D(q.trigger,s?q.isOpen:"",f?q.error:i?q.warning:"",b?q.disabled:"",y?q.small:"",v?q.isInTable:"",C?q.right:"",A),onClick:P=>{P.stopPropagation(),typeof F=="function"&&F(),c(P)},onFocus:p,onBlur:_,"data-testid":V,children:[m.jsx(ye,{selectedOptions:z,placeholder:L,searchable:l,searchValue:t,inputRef:T,onChange:E,error:f,small:y}),m.jsx("span",{className:q.icons,children:w?m.jsx("span",{className:D(q.clearAll,r?q.focus:""),onClick:P=>{P.stopPropagation(),S&&S(P)},children:m.jsx(we,{icon:Ne.CLOSE})}):m.jsx("span",{className:D(q.iconOpen)})})]})]});return m.jsx(m.Fragment,{children:m.jsx(Se,{error:!!f,warning:!!i,text:o||f||i,enabled:o&&ee(o)||f&&ee(f)||i&&ee(i)||!1,maxWidth:O,placement:"bottom-center",children:$})})};try{ge.displayName="Trigger",ge.__docgenInfo={description:"",displayName:"Trigger",props:{selectedOptions:{defaultValue:null,description:"",name:"selectedOptions",required:!1,type:{name:"ISelectSelectedOption"}},searchValue:{defaultValue:null,description:"",name:"searchValue",required:!1,type:{name:"string"}},searchable:{defaultValue:null,description:"",name:"searchable",required:!1,type:{name:"boolean"}},clearable:{defaultValue:null,description:"",name:"clearable",required:!1,type:{name:"boolean"}},onClickTrigger:{defaultValue:null,description:"",name:"onClickTrigger",required:!0,type:{name:"(evt: MouseEvent<HTMLDivElement, MouseEvent>) => void"}},element:{defaultValue:null,description:"",name:"element",required:!1,type:{name:"ReactNode"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"ReactNode"}},warning:{defaultValue:null,description:"",name:"warning",required:!1,type:{name:"ReactNode"}},tooltip:{defaultValue:null,description:"",name:"tooltip",required:!1,type:{name:"ReactNode"}},small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean"}},isInTable:{defaultValue:null,description:"",name:"isInTable",required:!1,type:{name:"boolean"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},onChangeSearch:{defaultValue:null,description:"",name:"onChangeSearch",required:!1,type:{name:"((value: string) => void)"}},onClickDeselect:{defaultValue:null,description:"",name:"onClickDeselect",required:!1,type:{name:"((evt: MouseEvent<HTMLDivElement, MouseEvent>) => void)"}},onClickClear:{defaultValue:null,description:"",name:"onClickClear",required:!1,type:{name:"((evt: MouseEvent<HTMLSpanElement, MouseEvent>) => void)"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"number"}},isOpen:{defaultValue:null,description:"",name:"isOpen",required:!1,type:{name:"boolean"}},triggerRef:{defaultValue:null,description:"",name:"triggerRef",required:!1,type:{name:"RefObject<HTMLDivElement>"}},clearAllIsFocused:{defaultValue:null,description:"",name:"clearAllIsFocused",required:!1,type:{name:"boolean"}},focusedSelectedOptionIndex:{defaultValue:null,description:"",name:"focusedSelectedOptionIndex",required:!1,type:{name:"number"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"((evt: FocusEvent<HTMLDivElement, Element>) => void)"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"((evt: FocusEvent<HTMLDivElement, Element>) => void)"}},groupOrder:{defaultValue:null,description:"",name:"groupOrder",required:!1,type:{name:"string"}},maxTooltipWidth:{defaultValue:null,description:"",name:"maxTooltipWidth",required:!1,type:{name:"TStringOrNumber"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string | null"}},right:{defaultValue:null,description:"",name:"right",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}var W=(e=>(e.SET_VISIBLE_OPTIONS="SET_VISIBLE_OPTIONS",e.RESET_LAYER_FOCUS="RESET_LAYER_FOCUS",e.CLEAR_SEARCH="CLEAR_SEARCH",e.ON_CHANGE_SEARCH="ON_CHANGE_SEARCH",e.FOCUS_TRIGGER_INPUTS="FOCUS_TRIGGER_INPUTS",e.BLUR_TRIGGER_INPUTS="BLUR_TRIGGER_INPUTS",e.FOCUS_LAYER_OPTIONS="FOCUS_LAYER_OPTIONS",e.OPEN_LAYER="OPEN_LAYER",e.CLOSE_LAYER="CLOSE_LAYER",e))(W||{});const He={options:["none","clearAll"],currentIndex:0,currentOption:!1,clearAll:!1},Tn=e=>e!==null?e+1:0,We=(e,t)=>{const l=["none",...e.map((c,h)=>c.type!==ae.HEADING?h:null).filter(c=>c!==null)],d=Tn(t);return{options:l,currentIndex:d,current:l[d]}},Cn=(e,t)=>{const l=e==="up"?-1:1,d=t.currentIndex+l,c=(d<0?t.options.length-1:d)%t.options.length,h=t.options[c];return{...t,currentIndex:c,current:h}},Vn=(e,t,l)=>{const d=e==="left"?-1:1,c=t&&t.length?["none",...Array.from({length:t.length},(y,v)=>v),"clearAll"]:["none","clearAll"],h=l.currentIndex+d,f=(h<0?c.length-1:h)%c.length,i=c[f];return{options:c,currentIndex:f,currentOption:i,clearAll:i==="clearAll"}},Le=()=>He,Re=e=>({...e,currentIndex:0,current:"none"}),Ln=(e,t)=>{switch(t.type){case W.SET_VISIBLE_OPTIONS:return{...e,visibleOptions:t.options||[]};case W.RESET_LAYER_FOCUS:return{...e,layerFocus:We(t.options||[],t.firstSelectedOptionIndex||0)};case W.CLEAR_SEARCH:return{...e,visibleOptions:t.options||[],searchValue:""};case W.ON_CHANGE_SEARCH:{let d=[...(t.options||[]).filter(c=>(String(c.label)+(c.details?String(c.details):"")).toLowerCase().includes(String(t.value||"").toLowerCase()))];return t.createAble&&t.value&&t.value!==""&&d.push({label:`Create "${t.value}"`,value:t.value,createAble:!0}),{...e,searchValue:t.value,visibleOptions:d,layerFocus:Re(e.layerFocus)}}case W.FOCUS_TRIGGER_INPUTS:return{...e,triggerFocus:Vn(t.direction||"right",t.selectedOptions||[],e.triggerFocus),layerFocus:Re(e.layerFocus)};case W.BLUR_TRIGGER_INPUTS:return{...e,triggerFocus:Le()};case W.FOCUS_LAYER_OPTIONS:return t.nextLayerFocus?{...e,layerFocus:t.nextLayerFocus,triggerFocus:Le()}:e;case W.OPEN_LAYER:return{...e,isLayerOpen:!0};case W.CLOSE_LAYER:return{...e,isLayerOpen:!1};default:return e}},Rn={auto:!0,possiblePlacements:["bottom-start","top-start"],placement:"bottom-start",preferX:"right",preferY:"bottom"};var M=(e=>(e.CLOSE_LAYER="CLOSE_LAYER",e.OPEN_LAYER="OPEN_LAYER",e.SET_VISIBLE_OPTIONS="SET_VISIBLE_OPTIONS",e.CLEAR_SEARCH="CLEAR_SEARCH",e.RESET_LAYER_FOCUS="RESET_LAYER_FOCUS",e.FOCUS_LAYER_OPTIONS="FOCUS_LAYER_OPTIONS",e.BLUR_TRIGGER_INPUTS="BLUR_TRIGGER_INPUTS",e.FOCUS_TRIGGER_INPUTS="FOCUS_TRIGGER_INPUTS",e.ON_CHANGE_SEARCH="ON_CHANGE_SEARCH",e))(M||{}),G=(e=>(e.RIGHT="right",e.LEFT="left",e.UP="up",e.DOWN="down",e.ENTER="enter",e.ESC="esc",e.TAB="tab",e))(G||{});const _e=({state:e,dispatch:t,options:l,setTriggerFocus:d,disabled:c,disabledContext:h,onCreate:f,onChange:i,selectedOptions:o,width:y,small:v,isFontLoaded:b,placeholder:E,firstSelectedOptionIndex:I,createAble:S,listRef:n,autoLayerWidth:s})=>{const a=()=>{e.isLayerOpen&&t({type:M.CLOSE_LAYER}),d()},r=()=>t({type:M.OPEN_LAYER}),u=N.useRef(!0);N.useEffect(()=>{u.current?u.current=!1:t({type:M.SET_VISIBLE_OPTIONS,options:l})},[l]);const p=(x,R,Z)=>{if(!(c||h)){if(Z&&Z(),R){if(R.createAble&&f)f(R.value);else if(!R.disabled)if(Array.isArray(o))if(o.some(Y=>Y.label===R.label)){const Y=o.filter(Ie=>Ie.label!==R.label);i&&i(x,Y)}else{const Y=[...o,R];i&&i(x,Y)}else i&&i(x,R)}t({type:M.CLEAR_SEARCH,options:l}),d()}},_=N.useCallback(()=>y?y!=="auto"?y:Ve(l,v,b,E):"100%",[l,b]),g=N.useCallback(x=>s?Math.max(Ve(l,v,b,E),x==null?void 0:x.width):x==null?void 0:x.width,[l,b]),{renderLayer:O,layerProps:L,triggerProps:C,triggerBounds:V}=ze({isOpen:(e==null?void 0:e.isLayerOpen)??!1,overflowContainer:!0,...Rn,ResizeObserver,onOutsideClick:a,onParentClose:a}),T=()=>{if(!(c||h)){if(e.isLayerOpen){a();return}t({type:M.RESET_LAYER_FOCUS,options:l,firstSelectedOptionIndex:I}),r()}},F=N.useRef(!0);N.useEffect(()=>{F.current?F.current=!1:e.isLayerOpen||t({type:M.CLEAR_SEARCH,options:l})},[e.isLayerOpen]);const w=(x,R)=>{const Z=o instanceof Array?o.filter(K=>K.value!==R.value):null;i&&i(x,Z)},A=x=>{const R=o instanceof Array?[]:{value:null};i&&i(x,R)},z=x=>t({type:M.ON_CHANGE_SEARCH,options:l,value:x,createAble:S}),$=()=>{r(),t({type:M.BLUR_TRIGGER_INPUTS})},P=x=>{n.current&&Number.isInteger(x)&&n.current.scrollToItem(x)},U=x=>{const R=Cn(x,e.layerFocus);t({type:M.FOCUS_LAYER_OPTIONS,nextLayerFocus:R}),P(R.current)},te=x=>{t({type:M.FOCUS_TRIGGER_INPUTS,ICustomSelectDirection:x,selectedOptions:o})},B=x=>A(x),ne=o&&o[e.triggerFocus.currentOption],re=x=>{w(x,o[e.triggerFocus.currentOption])},X=x=>{var R;p(x,(R=e==null?void 0:e.visibleOptions)==null?void 0:R[e.layerFocus.current],a)},k=e.triggerFocus.clearAll;return{getTriggerWidth:_,onKeyEvent:(x,R)=>{switch(x){case G.UP:{U(x);break}case G.DOWN:{e.isLayerOpen?U(x):$();break}case G.LEFT:case G.RIGHT:{te(x);break}case G.ENTER:{k?B(R):ne?re(R):X(R);break}case G.ESC:{a();break}}},clearAllIsFocused:k,triggerProps:C,onClickTrigger:T,onChangeSearch:z,onClickDeselectOption:w,onClickClearAll:A,renderLayer:O,layerProps:L,closeLayer:a,onSelectOption:p,getLayerWidth:g,triggerBounds:V}};try{_e.displayName="useCustomSelectLogic",_e.__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 be=e=>{const{multi:t=!1,disabled:l=!1,error:d=null,warning:c=null,tooltip:h=null,options:f,selectedOptions:i,onCreate:o=null,placeholder:y="",small:v=!1,tabIndex:b=0,onFocus:E=()=>{},onBlur:I=()=>{},searchable:S=!0,clearable:n=!1,maxTooltipWidth:s,closeOnOptionActionClick:a,isInTable:r=!1,groupOrder:u,firstSelectedOptionIndex:p=0,right:_=!1,testId:g=void 0}=e,O=N.useContext(ve),L=o!==null,C=N.useRef(null),[V,T]=Ae(),F=je(),[w,A]=N.useReducer(Ln,{options:f,firstSelectedOptionIndex:p},({options:K})=>({searchValue:"",visibleOptions:K,layerFocus:We(K,p??0),triggerFocus:He,isLayerOpen:!1})),{getTriggerWidth:z,onKeyEvent:$,clearAllIsFocused:P,triggerProps:U,onClickTrigger:te,onChangeSearch:B,onClickDeselectOption:ne,onClickClearAll:re,renderLayer:X,layerProps:k,closeLayer:J,onSelectOption:x,getLayerWidth:R,triggerBounds:Z}=_e({...e,state:w,dispatch:A,setTriggerFocus:T,disabledContext:O,isFontLoaded:F,createAble:L,listRef:C});return m.jsx("div",{style:{width:z()},children:m.jsxs(mt,{handleKeys:Object.values(G),onKeyEvent:$,children:[m.jsx(ge,{selectedOptions:i,searchValue:w.searchValue,isOpen:w.isLayerOpen,focusedSelectedOptionIndex:w.triggerFocus.currentOption,clearAllIsFocused:P,searchable:S,triggerRef:Ue(V,U.ref),error:d,warning:c,tooltip:h,small:v,isInTable:r,disabled:l||O,clearable:n,tabIndex:b,onClickTrigger:te,onChangeSearch:B,onClickDeselect:ne,onClickClear:re,onFocus:E,onBlur:I,groupOrder:u,maxTooltipWidth:s,placeholder:y,right:_,testId:g}),w.isLayerOpen&&X(m.jsx("div",{...k,className:j.layerContainer,children:m.jsx(fe,{listRef:C,isMulti:t,sections:w.visibleOptions,selectedOptions:i,onSelectOption:(K,Y)=>{x(K,Y,t?void 0:J)},closeLayer:()=>{a&&J()},width:R(Z),small:v,focusedOptionIndex:w.layerFocus.current,firstSelectedOptionIndex:p??0,testId:g&&`${g}-layer`})}))]})})};try{be.displayName="CustomSelect",be.__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 qe=e=>{const{name:t="",options:l=[],value:d,native:c=!1,onChange:h=()=>{},deprecatedEventHandler:f=!1,autoScroll:i=!0,warning:o,error:y,checkNonExistentValues:v=!0,closeOnOptionActionClick:b=!0,testId:E}=e,I=!c&&i===!0,{multi:S,simpleInputs:n,options:s,selectedOptions:a,firstSelectedOptionIndex:r,hasNonExistentValue:u}=Be(l,d,I,v),p=!S,_=c&&p;c&&!p&&console.warn("Native select does not support provided props (see stories)");const g="Value no longer available for re-selection",O=u?o?m.jsxs("div",{children:[m.jsx("div",{children:g}),m.jsx("div",{children:o})]}):g:o,L=u&&y?m.jsxs("div",{children:[m.jsx("div",{children:g}),m.jsx("div",{children:y})]}):y,C=(V,T)=>{if(f){const F=S?T.map(w=>n?w.value:w):n?T.value:T;h(F)}else{const F=!(V instanceof Event),w=S?T:T.value;F?(V.target.name=t,V.target.value=w,S||(V.target.label=T.label),h(V)):h({...V,target:{...V.target,name:t,value:w,...!S&&{label:T.label}}})}};return _?m.jsx(ue,{...e,options:s,selectedOption:a,onChange:C,hasNonExistentValue:u,warning:O,error:L,testId:E}):m.jsx(be,{...e,options:s,selectedOptions:a,onChange:C,multi:S,firstSelectedOptionIndex:r,warning:O,error:L,testId:E,closeOnOptionActionClick:b})};try{qe.displayName="Select",qe.__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{qe as S};
@@ -1,4 +1,4 @@
1
- import{j as n}from"./jsx-runtime-f961835c.js";import{r as ln}from"./index-f80c8c95.js";import{S as r}from"./select-5dde762f.js";import{S as k}from"./spacer-b33ecb12.js";import{I as F}from"./common-types-3a5f9d98.js";import{I as W}from"./icon-7ec58de0.js";import{T as tn}from"./text-78efb253.js";import"./index-a80ed1cf.js";import"./disabled-context-d654f6ff.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./tooltip-559179a7.js";import"./index-64d4dcb8.js";import"./index-c89a1915.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./actions-d20e6c3a.js";import"./button-49d531e1.js";import"./spinner-4948799e.js";import"./badge-020047e3.js";import"./select.input-88b6ebab.js";import"./tslib.es6-dfef685f.js";const sn=[{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Koalas",value:"leaves"},{label:"Monkeys",value:"bananas",disabled:!0},{label:"Wombats",value:"bark"}],rn=[{label:"Kangaroos",value:"grass",details:"(grass)"},{label:"Monkeys",value:"bananas",details:"(bananas)"},{label:"Possums",value:"slugs",details:"(slugs)"}],on=[{type:"Heading",label:"Large"},{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas"},{type:"Heading",label:"Small"},{label:"Possums",value:"slugs"}],dn=[{label:1,value:1},{label:2,value:2},{label:3,value:3},{label:4,value:4}],cn=[{label:"Yes",value:!0},{label:"No",value:!1}],un=[{label:"Aardvarks",value:"termites"},{label:"Monkeys",value:"bananas"},{label:"Vampires",value:"blood",icon:n.jsx(W,{icon:F.WARNING,color:"var(--color-text-warning)"})},{label:"Zombies",value:"brains",icon:n.jsx(W,{icon:F.ERROR,color:"var(--color-text-error)"})}],s=[{label:"Delete",icon:"delete",onClick:()=>{}},{label:"Rename",icon:"rename",onClick:()=>{}}],pn=[{label:"Kangaroos",value:"grass",actions:s},{label:"Monkeys",value:"bananas",actions:s},{label:"Possums",value:"slugs",actions:s,details:"(some details)"}],hn=[{label:"Kangaroos",value:"grass",actions:s,icon:n.jsx(W,{icon:F.WARNING,color:"var(--color-text-warning)"}),details:"(grass)"},{label:"Monkeys",value:"bananas",actions:s,icon:n.jsx(W,{icon:F.WARNING,color:"var(--color-text-warning)"}),details:"(bananas)"},{label:"Possums",value:"slugs",actions:s,icon:n.jsx(W,{icon:F.WARNING,color:"var(--color-text-warning)"}),details:"(slugs)"}],gn=[...Array(1e4).keys()].map((a,N)=>({label:Math.random().toString(36).substring(7),value:N})),vn=["Aardvarks","Kangaroos","Monkeys","Possums"],Kn={title:"Forms/Select",component:r,args:{options:sn,native:!1,multi:!1,disabled:!1,autoLayerWidth:!1,clearable:!1,searchable:!0,right:!1}},e=a=>{const{multi:N,value:en}=a,[O,nn]=ln.useState(en||(N?[]:void 0)),E=an=>{const{value:I}=an.target;nn(N?I:{value:I})};return n.jsxs(n.Fragment,{children:[n.jsx(r,{value:O,onChange:E,placeholder:"Full width",...a}),n.jsx(k,{}),n.jsx(r,{value:O,onChange:E,width:"200px",placeholder:"Fixed width",...a}),n.jsx(k,{}),n.jsx(r,{value:O,onChange:E,width:"auto",placeholder:"Auto width",...a}),n.jsx(k,{}),n.jsx(r,{value:O,onChange:E,width:"auto",placeholder:"Small",small:!0,...a}),n.jsx(k,{}),n.jsx(tn,{small:!0,muted:!0,children:"Avoid auto width for very long lists."})]})},L=e.bind({}),o=e.bind({});o.args={native:!0};const d=e.bind({});d.args={multi:!0,clearable:!0};const i=e.bind({});i.args={options:[]};const c=e.bind({});c.args={clearable:!0};const u=e.bind({});u.args={value:{label:"Vampires",value:"blood"}};const p=e.bind({});p.args={placeholder:"Select the best animal..."};const h=e.bind({});h.args={options:on};const g=e.bind({});g.args={options:rn};const v=e.bind({});v.args={options:un};const m=e.bind({});m.args={options:pn};const S=e.bind({});S.args={options:hn};const x=e.bind({});x.args={searchable:!1};const C=e.bind({});C.args={right:!0};const l=e.bind({});l.parameters={docs:{description:{story:"Avoid autoLayerWidth for very long lists in custom selects (slow)"}}};l.args={width:"70px",autoLayerWidth:!0};const b=e.bind({});b.args={tooltip:"Some info"};const w=e.bind({});w.args={error:"Some info"};const V=e.bind({});V.args={warning:"Some info"};const j=e.bind({});j.args={disabled:!0};const y=e.bind({});y.args={options:dn,placeholder:void 0};const f=e.bind({});f.args={options:cn};const A=e.bind({});A.args={options:vn};const t=e.bind({});t.parameters={docs:{description:{story:"Avoid `width: auto` and autoLayerWidth for very long lists in custom selects (slow). Consider checkNonExistentValues={false}."}}};t.args={options:gn};const T=e.bind({});T.args={deprecatedEventHandler:!0};var R,D,M;L.parameters={...L.parameters,docs:{...(R=L.parameters)==null?void 0:R.docs,source:{originalSource:`(args: any) => {
1
+ import{j as n}from"./jsx-runtime-f961835c.js";import{r as ln}from"./index-f80c8c95.js";import{S as r}from"./select-c9582823.js";import{S as k}from"./spacer-b33ecb12.js";import{I as F}from"./common-types-3a5f9d98.js";import{I as W}from"./icon-7ec58de0.js";import{T as tn}from"./text-78efb253.js";import"./index-a80ed1cf.js";import"./disabled-context-d654f6ff.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./tooltip-121d0a20.js";import"./index-64d4dcb8.js";import"./index-c89a1915.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./actions-fc0e9454.js";import"./button-46f94914.js";import"./spinner-4948799e.js";import"./badge-020047e3.js";import"./select.input-88b6ebab.js";import"./tslib.es6-dfef685f.js";const sn=[{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Koalas",value:"leaves"},{label:"Monkeys",value:"bananas",disabled:!0},{label:"Wombats",value:"bark"}],rn=[{label:"Kangaroos",value:"grass",details:"(grass)"},{label:"Monkeys",value:"bananas",details:"(bananas)"},{label:"Possums",value:"slugs",details:"(slugs)"}],on=[{type:"Heading",label:"Large"},{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas"},{type:"Heading",label:"Small"},{label:"Possums",value:"slugs"}],dn=[{label:1,value:1},{label:2,value:2},{label:3,value:3},{label:4,value:4}],cn=[{label:"Yes",value:!0},{label:"No",value:!1}],un=[{label:"Aardvarks",value:"termites"},{label:"Monkeys",value:"bananas"},{label:"Vampires",value:"blood",icon:n.jsx(W,{icon:F.WARNING,color:"var(--color-text-warning)"})},{label:"Zombies",value:"brains",icon:n.jsx(W,{icon:F.ERROR,color:"var(--color-text-error)"})}],s=[{label:"Delete",icon:"delete",onClick:()=>{}},{label:"Rename",icon:"rename",onClick:()=>{}}],pn=[{label:"Kangaroos",value:"grass",actions:s},{label:"Monkeys",value:"bananas",actions:s},{label:"Possums",value:"slugs",actions:s,details:"(some details)"}],hn=[{label:"Kangaroos",value:"grass",actions:s,icon:n.jsx(W,{icon:F.WARNING,color:"var(--color-text-warning)"}),details:"(grass)"},{label:"Monkeys",value:"bananas",actions:s,icon:n.jsx(W,{icon:F.WARNING,color:"var(--color-text-warning)"}),details:"(bananas)"},{label:"Possums",value:"slugs",actions:s,icon:n.jsx(W,{icon:F.WARNING,color:"var(--color-text-warning)"}),details:"(slugs)"}],gn=[...Array(1e4).keys()].map((a,N)=>({label:Math.random().toString(36).substring(7),value:N})),vn=["Aardvarks","Kangaroos","Monkeys","Possums"],Kn={title:"Forms/Select",component:r,args:{options:sn,native:!1,multi:!1,disabled:!1,autoLayerWidth:!1,clearable:!1,searchable:!0,right:!1}},e=a=>{const{multi:N,value:en}=a,[O,nn]=ln.useState(en||(N?[]:void 0)),E=an=>{const{value:I}=an.target;nn(N?I:{value:I})};return n.jsxs(n.Fragment,{children:[n.jsx(r,{value:O,onChange:E,placeholder:"Full width",...a}),n.jsx(k,{}),n.jsx(r,{value:O,onChange:E,width:"200px",placeholder:"Fixed width",...a}),n.jsx(k,{}),n.jsx(r,{value:O,onChange:E,width:"auto",placeholder:"Auto width",...a}),n.jsx(k,{}),n.jsx(r,{value:O,onChange:E,width:"auto",placeholder:"Small",small:!0,...a}),n.jsx(k,{}),n.jsx(tn,{small:!0,muted:!0,children:"Avoid auto width for very long lists."})]})},L=e.bind({}),o=e.bind({});o.args={native:!0};const d=e.bind({});d.args={multi:!0,clearable:!0};const i=e.bind({});i.args={options:[]};const c=e.bind({});c.args={clearable:!0};const u=e.bind({});u.args={value:{label:"Vampires",value:"blood"}};const p=e.bind({});p.args={placeholder:"Select the best animal..."};const h=e.bind({});h.args={options:on};const g=e.bind({});g.args={options:rn};const v=e.bind({});v.args={options:un};const m=e.bind({});m.args={options:pn};const S=e.bind({});S.args={options:hn};const x=e.bind({});x.args={searchable:!1};const C=e.bind({});C.args={right:!0};const l=e.bind({});l.parameters={docs:{description:{story:"Avoid autoLayerWidth for very long lists in custom selects (slow)"}}};l.args={width:"70px",autoLayerWidth:!0};const b=e.bind({});b.args={tooltip:"Some info"};const w=e.bind({});w.args={error:"Some info"};const V=e.bind({});V.args={warning:"Some info"};const j=e.bind({});j.args={disabled:!0};const y=e.bind({});y.args={options:dn,placeholder:void 0};const f=e.bind({});f.args={options:cn};const A=e.bind({});A.args={options:vn};const t=e.bind({});t.parameters={docs:{description:{story:"Avoid `width: auto` and autoLayerWidth for very long lists in custom selects (slow). Consider checkNonExistentValues={false}."}}};t.args={options:gn};const T=e.bind({});T.args={deprecatedEventHandler:!0};var R,D,M;L.parameters={...L.parameters,docs:{...(R=L.parameters)==null?void 0:R.docs,source:{originalSource:`(args: any) => {
2
2
  const {
3
3
  multi,
4
4
  value
@@ -1 +1 @@
1
- import{j as e}from"./jsx-runtime-f961835c.js";import{r as u,R as h}from"./index-f80c8c95.js";import{c as f}from"./index-a80ed1cf.js";import{i as b}from"./index-c7f280f6.js";import{C as y,B as E,I as j}from"./common-types-3a5f9d98.js";import{D as I}from"./drawer-7fbc200a.js";import{T}from"./tooltip-559179a7.js";import{I as z}from"./icon-7ec58de0.js";import{B as M}from"./badge-020047e3.js";import{B as N}from"./button-49d531e1.js";const C="_inputInTable_4s1vz_341",S="_inputHover_4s1vz_350",O="_inputFocus_4s1vz_355",q="_inputError_4s1vz_362",k="_inputWarning_4s1vz_363",B="_inputDisabled_4s1vz_398",V="_hideScrollbars_4s1vz_403",L="_sidebar_4s1vz_416",H="_inner_4s1vz_426",A="_title_4s1vz_437",F="_subtitle_4s1vz_438",D="_label_4s1vz_439",R="_collapsed_4s1vz_443",W="_list_4s1vz_466",P="_item_4s1vz_472",U="_active_4s1vz_493",$="_experimental_4s1vz_497",w="_icon_4s1vz_500",o={inputInTable:C,inputHover:S,inputFocus:O,inputError:q,inputWarning:k,inputDisabled:B,hideScrollbars:V,sidebar:L,inner:H,title:A,subtitle:F,label:D,collapsed:R,list:W,item:P,active:U,experimental:$,icon:w},K=u.memo(({isOpen:t,label:i,icon:l,invalid:r})=>{const s=()=>e.jsx(T,{text:i,enabled:!t,placement:"right-center",possiblePlacements:["right-center"],triggerOffset:30,fontSize:16,padding:"10px 16px",display:"block",children:e.jsx(z,{icon:l,size:30,color:y.WHITE})}),n=()=>e.jsx(M,{small:!0,margin:"-2px",title:"!",children:e.jsx(s,{})});return e.jsxs(e.Fragment,{children:[e.jsx("span",{className:o.icon,children:r?e.jsx(n,{}):e.jsx(s,{})}),e.jsx("span",{className:o.label,children:i})]})},(t,i)=>b(t,i)),p=({isOpen:t,items:i,sectionIndex:l,onClick:r,testId:s})=>e.jsx("div",{className:o.list,children:i.map((n,d)=>{const c=`${l}_${d}`;return e.jsx("a",{href:n.value,className:f(o.item,n.isActive?o.active:"",n.isExperimental?o.experimental:""),onClick:a=>r(a,n.value,n.label,n.onClick),"data-testid":s,children:e.jsx(K,{label:n.label,icon:n.icon,invalid:n.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:i,onClick:l})=>e.jsx(e.Fragment,{children:i.map((r,s)=>e.jsxs(h.Fragment,{children:[e.jsx("h5",{className:o.subtitle,children:r.heading.toUpperCase()}),e.jsx(p,{isOpen:t,items:r.items,sectionIndex:s,onClick:l,testId:r.testId})]},s))});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 v=u.memo(({options:t,startOpen:i=!1,onShiftClickToggleOpen:l=()=>{},top:r})=>{const[s,n]=u.useState(i),d=(a,x,g,_)=>{a.preventDefault(),typeof _=="function"&&(a.currentTarget.value=x,a.currentTarget.label=g,_(a)),n(!1)},c=t.sections.length>0;return e.jsx(I,{fixed:!0,open:s,top:r,background:"var(--color-background-sidebar)",closedWidth:70,buttonPosition:E.BOTTOM,buttonAnimate:!0,button:c&&e.jsx(N,{onClick:a=>{a.shiftKey&&l&&l(a),n(!s)},colored:!0,round:!0,icon:j.LEFT}),children:e.jsx("div",{className:f(o.sidebar,s?"":o.collapsed),children:c&&e.jsxs("div",{className:o.inner,children:[e.jsx("h4",{className:o.title,children:t.title}),e.jsx(m,{isOpen:s,sections:t.sections,onClick:d})]})})})},(t,i)=>b(t,i));try{v.displayName="SideBar",v.__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{v as S};
1
+ import{j as e}from"./jsx-runtime-f961835c.js";import{r as u,R as h}from"./index-f80c8c95.js";import{c as f}from"./index-a80ed1cf.js";import{i as b}from"./index-c7f280f6.js";import{C as y,B as E,I as j}from"./common-types-3a5f9d98.js";import{D as I}from"./drawer-baa1dad8.js";import{T}from"./tooltip-121d0a20.js";import{I as z}from"./icon-7ec58de0.js";import{B as M}from"./badge-020047e3.js";import{B as N}from"./button-46f94914.js";const C="_inputInTable_4s1vz_341",S="_inputHover_4s1vz_350",O="_inputFocus_4s1vz_355",q="_inputError_4s1vz_362",k="_inputWarning_4s1vz_363",B="_inputDisabled_4s1vz_398",V="_hideScrollbars_4s1vz_403",L="_sidebar_4s1vz_416",H="_inner_4s1vz_426",A="_title_4s1vz_437",F="_subtitle_4s1vz_438",D="_label_4s1vz_439",R="_collapsed_4s1vz_443",W="_list_4s1vz_466",P="_item_4s1vz_472",U="_active_4s1vz_493",$="_experimental_4s1vz_497",w="_icon_4s1vz_500",o={inputInTable:C,inputHover:S,inputFocus:O,inputError:q,inputWarning:k,inputDisabled:B,hideScrollbars:V,sidebar:L,inner:H,title:A,subtitle:F,label:D,collapsed:R,list:W,item:P,active:U,experimental:$,icon:w},K=u.memo(({isOpen:t,label:i,icon:l,invalid:r})=>{const s=()=>e.jsx(T,{text:i,enabled:!t,placement:"right-center",possiblePlacements:["right-center"],triggerOffset:30,fontSize:16,padding:"10px 16px",display:"block",children:e.jsx(z,{icon:l,size:30,color:y.WHITE})}),n=()=>e.jsx(M,{small:!0,margin:"-2px",title:"!",children:e.jsx(s,{})});return e.jsxs(e.Fragment,{children:[e.jsx("span",{className:o.icon,children:r?e.jsx(n,{}):e.jsx(s,{})}),e.jsx("span",{className:o.label,children:i})]})},(t,i)=>b(t,i)),p=({isOpen:t,items:i,sectionIndex:l,onClick:r,testId:s})=>e.jsx("div",{className:o.list,children:i.map((n,d)=>{const c=`${l}_${d}`;return e.jsx("a",{href:n.value,className:f(o.item,n.isActive?o.active:"",n.isExperimental?o.experimental:""),onClick:a=>r(a,n.value,n.label,n.onClick),"data-testid":s,children:e.jsx(K,{label:n.label,icon:n.icon,invalid:n.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:i,onClick:l})=>e.jsx(e.Fragment,{children:i.map((r,s)=>e.jsxs(h.Fragment,{children:[e.jsx("h5",{className:o.subtitle,children:r.heading.toUpperCase()}),e.jsx(p,{isOpen:t,items:r.items,sectionIndex:s,onClick:l,testId:r.testId})]},s))});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 v=u.memo(({options:t,startOpen:i=!1,onShiftClickToggleOpen:l=()=>{},top:r})=>{const[s,n]=u.useState(i),d=(a,x,g,_)=>{a.preventDefault(),typeof _=="function"&&(a.currentTarget.value=x,a.currentTarget.label=g,_(a)),n(!1)},c=t.sections.length>0;return e.jsx(I,{fixed:!0,open:s,top:r,background:"var(--color-background-sidebar)",closedWidth:70,buttonPosition:E.BOTTOM,buttonAnimate:!0,button:c&&e.jsx(N,{onClick:a=>{a.shiftKey&&l&&l(a),n(!s)},colored:!0,round:!0,icon:j.LEFT}),children:e.jsx("div",{className:f(o.sidebar,s?"":o.collapsed),children:c&&e.jsxs("div",{className:o.inner,children:[e.jsx("h4",{className:o.title,children:t.title}),e.jsx(m,{isOpen:s,sections:t.sections,onClick:d})]})})})},(t,i)=>b(t,i));try{v.displayName="SideBar",v.__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{v as S};
@@ -1 +1 @@
1
- import{j as i}from"./jsx-runtime-f961835c.js";import{S as m}from"./side-bar-c31acb43.js";import{F as g}from"./flex-ab83d710.js";import{B as u}from"./badge-020047e3.js";import{s as t}from"./icons8-junction-3a487c26.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./index-c7f280f6.js";import"./common-types-3a5f9d98.js";import"./drawer-7fbc200a.js";import"./lodash-75c70a11.js";import"./index-c89a1915.js";import"./index-64d4dcb8.js";import"./icon-7ec58de0.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./disabled-context-d654f6ff.js";import"./button-49d531e1.js";import"./spinner-4948799e.js";import"./tooltip-559179a7.js";const h=[{heading:"First Heading",items:[{label:"Section A",value:"/path/to/something",onClick:()=>{},icon:t},{label:i.jsxs(g,{alignItems:"center",gap:"10px",children:["Section B",i.jsx(u,{small:!0,title:"BETA"})]}),value:"/path/to/something",onClick:()=>{},icon:t,isActive:!0},{label:"Section C",value:"/path/to/something",onClick:()=>{},icon:t},{label:"Experimental Section",value:"/path/to/something",onClick:()=>{},icon:t,isExperimental:!0}]},{heading:"Second Heading",items:[{label:"Section 1",value:"/path/to/something",onClick:()=>{},icon:t},{label:"Section 2",value:"/path/to/something",onClick:()=>{},icon:t},{label:"Invalid Section",value:"/path/to/something",onClick:()=>{},icon:t,invalid:!0}]}],R={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=>i.jsx(m,{...d}),o=c.bind({}),e=c.bind({});e.args={startOpen:!0};var r,a,s;o.parameters={...o.parameters,docs:{...(r=o.parameters)==null?void 0:r.docs,source:{originalSource:"args => <SideBar {...args} />",...(s=(a=o.parameters)==null?void 0:a.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 q=["Default","StartOpen"];export{o as Default,e as StartOpen,q as __namedExportsOrder,R as default};
1
+ import{j as i}from"./jsx-runtime-f961835c.js";import{S as m}from"./side-bar-752645a6.js";import{F as g}from"./flex-d9f1518a.js";import{B as u}from"./badge-020047e3.js";import{s as t}from"./icons8-junction-3a487c26.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./index-c7f280f6.js";import"./common-types-3a5f9d98.js";import"./drawer-baa1dad8.js";import"./lodash-75c70a11.js";import"./index-c89a1915.js";import"./index-64d4dcb8.js";import"./icon-7ec58de0.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./disabled-context-d654f6ff.js";import"./button-46f94914.js";import"./spinner-4948799e.js";import"./tooltip-121d0a20.js";const h=[{heading:"First Heading",items:[{label:"Section A",value:"/path/to/something",onClick:()=>{},icon:t},{label:i.jsxs(g,{alignItems:"center",gap:"10px",children:["Section B",i.jsx(u,{small:!0,title:"BETA"})]}),value:"/path/to/something",onClick:()=>{},icon:t,isActive:!0},{label:"Section C",value:"/path/to/something",onClick:()=>{},icon:t},{label:"Experimental Section",value:"/path/to/something",onClick:()=>{},icon:t,isExperimental:!0}]},{heading:"Second Heading",items:[{label:"Section 1",value:"/path/to/something",onClick:()=>{},icon:t},{label:"Section 2",value:"/path/to/something",onClick:()=>{},icon:t},{label:"Invalid Section",value:"/path/to/something",onClick:()=>{},icon:t,invalid:!0}]}],R={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=>i.jsx(m,{...d}),o=c.bind({}),e=c.bind({});e.args={startOpen:!0};var r,a,s;o.parameters={...o.parameters,docs:{...(r=o.parameters)==null?void 0:r.docs,source:{originalSource:"args => <SideBar {...args} />",...(s=(a=o.parameters)==null?void 0:a.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 q=["Default","StartOpen"];export{o as Default,e as StartOpen,q as __namedExportsOrder,R as default};
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-f961835c.js";import{r as x}from"./index-f80c8c95.js";import{I as j}from"./common-types-3a5f9d98.js";import{T as g}from"./top-bar-98ca94c8.js";import{S as w}from"./side-bar-c31acb43.js";import{H as r}from"./heading-4684b11f.js";import{B as L}from"./button-49d531e1.js";import{D as f}from"./drawer-7fbc200a.js";import{L as s}from"./list-acca49e6.js";import{F as l}from"./field-a89bd052.js";import{I as a}from"./input-0081e806.js";import{C as m}from"./check-box-cf38f0db.js";import{P as v}from"./page-1a36abc8.js";import{R as o,C as i}from"./row-f26d47b5.js";import{A as u}from"./accordion-ab70fce8.js";import{S as d}from"./spacer-b33ecb12.js";import{T as F}from"./tabs-5bf0dcb1.js";import"./index-a80ed1cf.js";import"./actions-d20e6c3a.js";import"./lodash-75c70a11.js";import"./disabled-context-d654f6ff.js";import"./tooltip-559179a7.js";import"./index-64d4dcb8.js";import"./icon-7ec58de0.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-020047e3.js";import"./index-c7f280f6.js";import"./help-icon-9137eebe.js";import"./spinner-4948799e.js";import"./index.es-6cde229e.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./memoize-one.esm-52518564.js";import"./card-3e67b904.js";import"./meta-content-79cf3a28.js";import"./loader-54efe57c.js";import"./label-a4c85cd5.js";import"./styled-components.browser.esm-416d73e5.js";import"./select.input-88b6ebab.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"}),be={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},n=()=>{const[t,b]=x.useState(!0);return e.jsxs(e.Fragment,{children:[e.jsx(g,{}),e.jsx(w,{options:{title:"",sections:[]},width:"250px"}),e.jsx(v,{padding:!1,scroll:!1,children:e.jsxs(o,{spacing:0,flex:!0,children:[e.jsxs(f,{button:e.jsx(L,{onClick:()=>b(!t),round:!0,icon:j.CHEVRON_LEFT}),open:t,width:300,closedWidth:50,children:[e.jsx(s,{drawer:!0,narrow:!t,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(s,{drawer:!0,narrow:!t,list:{name:"Wells",items:[{id:1,name:"Main Wellbore",type:"Heading"},{id:2,name:"Lorem",label:{value:1,color:"#77699b"}}]}}),e.jsx(s,{drawer:!0,narrow:!t,list:{name:"Targets",items:[{id:1,name:"Lorem",label:{value:1,color:"#9b6977"}}]}})]}),e.jsxs(i,{borderLeft:!0,flexbox:!0,children:[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(r,{top:!0,children:"Site name here"}),e.jsx(l,{label:"Name",children:e.jsx(a,{value:"Site name here",width:"200px"})}),e.jsx(d,{}),e.jsxs(u,{heading:e.jsx(r,{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(d,{}),e.jsx(r,{marginBottom:10,children:"Location"}),e.jsxs(o,{spacing:10,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(d,{}),e.jsx(r,{marginBottom:10,children:"Model"}),e.jsxs(o,{spacing:10,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(d,{}),e.jsxs(u,{heading:e.jsx(r,{children:"Settings"}),managed:!0,children:[e.jsx(l,{children:e.jsx(m,{label:"Dolor"})}),e.jsxs(o,{spacing:10,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-f961835c.js";import{r as x}from"./index-f80c8c95.js";import{I as j}from"./common-types-3a5f9d98.js";import{T as g}from"./top-bar-e17760f3.js";import{S as w}from"./side-bar-752645a6.js";import{H as r}from"./heading-1199f623.js";import{B as L}from"./button-46f94914.js";import{D as f}from"./drawer-baa1dad8.js";import{L as s}from"./list-c7161aca.js";import{F as l}from"./field-28058049.js";import{I as a}from"./input-6acf2537.js";import{C as m}from"./check-box-446bfd70.js";import{P as v}from"./page-1a36abc8.js";import{R as o,C as i}from"./row-f26d47b5.js";import{A as u}from"./accordion-ab70fce8.js";import{S as d}from"./spacer-b33ecb12.js";import{T as F}from"./tabs-5bf0dcb1.js";import"./index-a80ed1cf.js";import"./actions-fc0e9454.js";import"./lodash-75c70a11.js";import"./disabled-context-d654f6ff.js";import"./tooltip-121d0a20.js";import"./index-64d4dcb8.js";import"./icon-7ec58de0.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-020047e3.js";import"./index-c7f280f6.js";import"./help-icon-a2059927.js";import"./spinner-4948799e.js";import"./index.es-6cde229e.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./memoize-one.esm-52518564.js";import"./card-3e67b904.js";import"./meta-content-7402b418.js";import"./loader-54efe57c.js";import"./label-021ac57d.js";import"./styled-components.browser.esm-416d73e5.js";import"./select.input-88b6ebab.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"}),be={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},n=()=>{const[t,b]=x.useState(!0);return e.jsxs(e.Fragment,{children:[e.jsx(g,{}),e.jsx(w,{options:{title:"",sections:[]},width:"250px"}),e.jsx(v,{padding:!1,scroll:!1,children:e.jsxs(o,{spacing:0,flex:!0,children:[e.jsxs(f,{button:e.jsx(L,{onClick:()=>b(!t),round:!0,icon:j.CHEVRON_LEFT}),open:t,width:300,closedWidth:50,children:[e.jsx(s,{drawer:!0,narrow:!t,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(s,{drawer:!0,narrow:!t,list:{name:"Wells",items:[{id:1,name:"Main Wellbore",type:"Heading"},{id:2,name:"Lorem",label:{value:1,color:"#77699b"}}]}}),e.jsx(s,{drawer:!0,narrow:!t,list:{name:"Targets",items:[{id:1,name:"Lorem",label:{value:1,color:"#9b6977"}}]}})]}),e.jsxs(i,{borderLeft:!0,flexbox:!0,children:[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(r,{top:!0,children:"Site name here"}),e.jsx(l,{label:"Name",children:e.jsx(a,{value:"Site name here",width:"200px"})}),e.jsx(d,{}),e.jsxs(u,{heading:e.jsx(r,{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(d,{}),e.jsx(r,{marginBottom:10,children:"Location"}),e.jsxs(o,{spacing:10,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(d,{}),e.jsx(r,{marginBottom:10,children:"Model"}),e.jsxs(o,{spacing:10,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(d,{}),e.jsxs(u,{heading:e.jsx(r,{children:"Settings"}),managed:!0,children:[e.jsx(l,{children:e.jsx(m,{label:"Dolor"})}),e.jsxs(o,{spacing:10,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 />