@oliasoft-open-source/react-ui-library 4.0.0-beta-63 → 4.0.0-beta-64

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 (111) hide show
  1. package/dist/assets/{index-a82e6f39.js → index-12a483f9.js} +8 -8
  2. package/dist/index.html +1 -1
  3. package/dist/index.js +8 -8
  4. package/dist/index.js.map +1 -1
  5. package/dist/storybook/assets/{Color-6VNJS4EI-7e423849.js → Color-6VNJS4EI-785c625c.js} +1 -1
  6. package/dist/storybook/assets/{DocsRenderer-NNNQARDV-2dd46d9d.js → DocsRenderer-NNNQARDV-fa29ee40.js} +1 -1
  7. package/dist/storybook/assets/{WithTooltip-4HIR6TLV-35e2fc27.js → WithTooltip-4HIR6TLV-a9b52d42.js} +1 -1
  8. package/dist/storybook/assets/{accordion-18132dea.js → accordion-eeee6b86.js} +1 -1
  9. package/dist/storybook/assets/{accordion.stories-21c14f23.js → accordion.stories-2a4b4b1e.js} +1 -1
  10. package/dist/storybook/assets/{actions-46447905.js → actions-6df5b8ae.js} +1 -1
  11. package/dist/storybook/assets/{actions.stories-60c130e1.js → actions.stories-0109a1c2.js} +1 -1
  12. package/dist/storybook/assets/{afe.stories-37c20b62.js → afe.stories-370f98b1.js} +1 -1
  13. package/dist/storybook/assets/{badge.stories-ade5a50f.js → badge.stories-53475c15.js} +1 -1
  14. package/dist/storybook/assets/{blowout.stories-dbab5cba.js → blowout.stories-89f2bb0b.js} +1 -1
  15. package/dist/storybook/assets/{button-e6a6c574.js → button-2f702fe9.js} +1 -1
  16. package/dist/storybook/assets/{button-group-3d4e2165.js → button-group-5e40b8e3.js} +1 -1
  17. package/dist/storybook/assets/{button-group.stories-06ab007d.js → button-group.stories-739cad82.js} +1 -1
  18. package/dist/storybook/assets/{button.stories-f616a5a7.js → button.stories-1d54d8b8.js} +1 -1
  19. package/dist/storybook/assets/{buttons-and-links-13fe0e25.js → buttons-and-links-04af55d9.js} +1 -1
  20. package/dist/storybook/assets/{card.stories-b990d736.js → card.stories-d3a61780.js} +1 -1
  21. package/dist/storybook/assets/{casing-loads.stories-78ef3b53.js → casing-loads.stories-a9b8d89e.js} +1 -1
  22. package/dist/storybook/assets/{cell.stories-9adb8aa5.js → cell.stories-11fff97a.js} +1 -1
  23. package/dist/storybook/assets/{check-box-73be452f.js → check-box-aafd2a32.js} +1 -1
  24. package/dist/storybook/assets/{check-box.stories-73c79421.js → check-box.stories-c6f43998.js} +1 -1
  25. package/dist/storybook/assets/{chunk-HLWAVYOI-6467e5e7.js → chunk-HLWAVYOI-fb22f09e.js} +1 -1
  26. package/dist/storybook/assets/{color-dd9acffc.js → color-f9df157c.js} +1 -1
  27. package/dist/storybook/assets/{column.stories-7237f286.js → column.stories-a70f54bf.js} +1 -1
  28. package/dist/storybook/assets/{dialog-f267d884.js → dialog-51ad998a.js} +1 -1
  29. package/dist/storybook/assets/{drawer-2407de69.js → drawer-7c124013.js} +1 -1
  30. package/dist/storybook/assets/{drawer.stories-423386fd.js → drawer.stories-f9823556.js} +1 -1
  31. package/dist/storybook/assets/{empty.stories-5b0d3568.js → empty.stories-947c96f3.js} +1 -1
  32. package/dist/storybook/assets/{field-2424dd3c.js → field-efabf62f.js} +1 -1
  33. package/dist/storybook/assets/{field.stories-e16591f8.js → field.stories-99c661de.js} +1 -1
  34. package/dist/storybook/assets/{file-input.stories-fdaa75a4.js → file-input.stories-1f9a2195.js} +1 -1
  35. package/dist/storybook/assets/{flex-89b67483.js → flex-47732c42.js} +1 -1
  36. package/dist/storybook/assets/{flex.stories-a3bf4830.js → flex.stories-14a4810e.js} +1 -1
  37. package/dist/storybook/assets/{footer.stories-8c9428ca.js → footer.stories-9cb0c99e.js} +1 -1
  38. package/dist/storybook/assets/{form.stories-efbb43c3.js → form.stories-2e64b9e6.js} +1 -1
  39. package/dist/storybook/assets/{formation.stories-c630ccee.js → formation.stories-44b38b38.js} +1 -1
  40. package/dist/storybook/assets/{formatter-SWP5E3XI-d279610b.js → formatter-SWP5E3XI-c091659a.js} +1 -1
  41. package/dist/storybook/assets/{heading-61bdbf94.js → heading-18a1d4cf.js} +1 -1
  42. package/dist/storybook/assets/{heading.stories-b7a1ea58.js → heading.stories-0db4f7c5.js} +1 -1
  43. package/dist/storybook/assets/{help-icon-5be78589.js → help-icon-3265d994.js} +1 -1
  44. package/dist/storybook/assets/{help-icon.stories-e7465eb6.js → help-icon.stories-3cbc21a1.js} +1 -1
  45. package/dist/storybook/assets/{icon-c5e1f218.js → icon-ba53aa84.js} +2 -2
  46. package/dist/storybook/assets/{icon.stories-7c2ff97c.js → icon.stories-bc2b8415.js} +1 -1
  47. package/dist/storybook/assets/{iframe-4747ce8b.js → iframe-a6c416b9.js} +1 -1
  48. package/dist/storybook/assets/{index-2c7fdfcb.js → index-ccbd9483.js} +4 -4
  49. package/dist/storybook/assets/{index.es-ed1d81bc.js → index.es-648fc14e.js} +1 -1
  50. package/dist/storybook/assets/{input-group.stories-f1639317.js → input-group.stories-77f30f4e.js} +1 -1
  51. package/dist/storybook/assets/{input-validation-c3bcbb50.js → input-validation-8fcc7825.js} +1 -1
  52. package/dist/storybook/assets/{inputs-5a06878b.js → inputs-e75d4b65.js} +1 -1
  53. package/dist/storybook/assets/{label-0958ef3a.js → label-633a77ac.js} +1 -1
  54. package/dist/storybook/assets/{label.stories-2bb345fe.js → label.stories-45af4055.js} +1 -1
  55. package/dist/storybook/assets/{layout-forms-c9e86a8f.js → layout-forms-f21211ff.js} +1 -1
  56. package/dist/storybook/assets/{layout-general-a4a824bb.js → layout-general-52d72908.js} +1 -1
  57. package/dist/storybook/assets/{list-5907161b.js → list-cfb04cf7.js} +1 -1
  58. package/dist/storybook/assets/{list-heading-f1ceab8b.js → list-heading-5f9bef91.js} +1 -1
  59. package/dist/storybook/assets/{list.stories-73e94d67.js → list.stories-5241b862.js} +1 -1
  60. package/dist/storybook/assets/{list.stories-data-42b1569e.js → list.stories-data-bd7a4bde.js} +1 -1
  61. package/dist/storybook/assets/{loader.stories-e877b38e.js → loader.stories-ef783517.js} +1 -1
  62. package/dist/storybook/assets/{menu.stories-d8ebc8ba.js → menu.stories-7de6a8e4.js} +1 -1
  63. package/dist/storybook/assets/{menu.stories-data-01af235b.js → menu.stories-data-50e9f9fe.js} +1 -1
  64. package/dist/storybook/assets/{message.stories-48adad88.js → message.stories-f29235af.js} +1 -1
  65. package/dist/storybook/assets/{modal.stories-873195bc.js → modal.stories-f1775371.js} +1 -1
  66. package/dist/storybook/assets/{number-input.stories-b4db5a5c.js → number-input.stories-7709a9af.js} +1 -1
  67. package/dist/storybook/assets/{option-dropdown.stories-4d10db5b.js → option-dropdown.stories-9142662c.js} +1 -1
  68. package/dist/storybook/assets/{padding-and-spacing-b3477264.js → padding-and-spacing-a5a07fd8.js} +1 -1
  69. package/dist/storybook/assets/{page.stories-6df2616a.js → page.stories-fbbfb88a.js} +1 -1
  70. package/dist/storybook/assets/{pagination-8a1d097c.js → pagination-a399dc55.js} +1 -1
  71. package/dist/storybook/assets/{pagination.stories-58f4f478.js → pagination.stories-4966f7f9.js} +1 -1
  72. package/dist/storybook/assets/{pop-confirm.stories-665c2d2f.js → pop-confirm.stories-22163b04.js} +1 -1
  73. package/dist/storybook/assets/{popover-e20a61fe.js → popover-117d8e6a.js} +1 -1
  74. package/dist/storybook/assets/{popover.stories-9df99470.js → popover.stories-4b1a3705.js} +1 -1
  75. package/dist/storybook/assets/preview-5bd30faa.js +1 -0
  76. package/dist/storybook/assets/{preview-17593db1.js → preview-e1464eca.js} +1 -1
  77. package/dist/storybook/assets/{projects.stories-a5ac5dbd.js → projects.stories-ed73df8a.js} +1 -1
  78. package/dist/storybook/assets/{radio-button-266c81ed.js → radio-button-f3d67950.js} +1 -1
  79. package/dist/storybook/assets/{radio-button.stories-d74ed901.js → radio-button.stories-759b6817.js} +1 -1
  80. package/dist/storybook/assets/{reservoirs.stories-098985fb.js → reservoirs.stories-2400b591.js} +1 -1
  81. package/dist/storybook/assets/{rich-text-input.stories-6622d4ee.js → rich-text-input.stories-47e5cfaa.js} +1 -1
  82. package/dist/storybook/assets/{row.stories-60809f8e.js → row.stories-77e423cc.js} +1 -1
  83. package/dist/storybook/assets/{select-6b6d28f7.js → select-c02c4802.js} +1 -1
  84. package/dist/storybook/assets/{select.stories-0a40fa24.js → select.stories-14574122.js} +1 -1
  85. package/dist/storybook/assets/{side-bar-bc0bfe9c.js → side-bar-27990e4e.js} +1 -1
  86. package/dist/storybook/assets/{side-bar.stories-133b27a4.js → side-bar.stories-dfa96f1f.js} +1 -1
  87. package/dist/storybook/assets/{site.stories-aa5eda50.js → site.stories-67b90bc5.js} +1 -1
  88. package/dist/storybook/assets/{slider-cf2db7b4.js → slider-0bcc1397.js} +1 -1
  89. package/dist/storybook/assets/{slider.stories-818bdffe.js → slider.stories-05a59e61.js} +1 -1
  90. package/dist/storybook/assets/{spacer.stories-0e5baa13.js → spacer.stories-e904d0bb.js} +1 -1
  91. package/dist/storybook/assets/{syntaxhighlighter-NMPM6SWI-e46f153f.js → syntaxhighlighter-NMPM6SWI-76fb27a6.js} +1 -1
  92. package/dist/storybook/assets/{table-1b9ec776.js → table-7b61d76d.js} +1 -1
  93. package/dist/storybook/assets/{table.stories-25e52ed5.js → table.stories-9378bb07.js} +1 -1
  94. package/dist/storybook/assets/{table.stories-data-05cc0578.js → table.stories-data-8c031666.js} +1 -1
  95. package/dist/storybook/assets/{textarea-51869bed.js → textarea-54dd1c9a.js} +1 -1
  96. package/dist/storybook/assets/{textarea.stories-08906cd1.js → textarea.stories-4b85aa60.js} +1 -1
  97. package/dist/storybook/assets/{title.stories-758b20eb.js → title.stories-21c9951e.js} +1 -1
  98. package/dist/storybook/assets/{toaster-7efa1564.js → toaster-79c473e6.js} +1 -1
  99. package/dist/storybook/assets/{toaster.stories-622a1d5e.js → toaster.stories-53068c5b.js} +1 -1
  100. package/dist/storybook/assets/{toggle-de8e437a.js → toggle-577adc3a.js} +1 -1
  101. package/dist/storybook/assets/{toggle.stories-05bf43ff.js → toggle.stories-c613e78d.js} +1 -1
  102. package/dist/storybook/assets/{tooltip.test-case.stories-a67f9e22.js → tooltip.test-case.stories-fe460452.js} +1 -1
  103. package/dist/storybook/assets/{top-bar-cbdcbd32.js → top-bar-14412c5b.js} +1 -1
  104. package/dist/storybook/assets/{top-bar.stories-2b02134d.js → top-bar.stories-2bbdac9c.js} +1 -1
  105. package/dist/storybook/assets/{top-bar.testcase.stories-36b77cf7.js → top-bar.testcase.stories-6779e453.js} +1 -1
  106. package/dist/storybook/assets/{tree.stories-0521665b.js → tree.stories-08846b2a.js} +1 -1
  107. package/dist/storybook/assets/{types-fe05eeca.js → types-5985eb3b.js} +1 -1
  108. package/dist/storybook/iframe.html +1 -1
  109. package/dist/storybook/project.json +1 -1
  110. package/package.json +1 -1
  111. package/dist/storybook/assets/preview-c182026f.js +0 -1
@@ -1 +1 @@
1
- import{j as m}from"./jsx-runtime-f961835c.js";import{r as N,g as Ue}from"./index-f80c8c95.js";import{c as D}from"./index-a80ed1cf.js";import{G as re,I as Fe}from"./common-types-2c81813f.js";import{D as Se}from"./disabled-context-d654f6ff.js";import{i as ee}from"./types-332ceaf3.js";import{T as Ie,u as ze,m as Ge}from"./tooltip-23e84186.js";import{p as $e}from"./index-c89a1915.js";import"./lodash-75c70a11.js";import{_ as Ke,a as Ye}from"./inheritsLoose-d4851ab8.js";import{_ as Ee}from"./assertThisInitialized-081f9914.js";import{m as ie}from"./memoize-one.esm-52518564.js";import{M as ae}from"./types-cc224262.js";import{T as se}from"./text-ad1f5f1d.js";import{A as Be}from"./actions-46447905.js";import{I as ue}from"./icon-c5e1f218.js";import{s as Xe}from"./select.input-88b6ebab.js";const Je="_inputInTable_7891e_1",Ze="_inputHover_7891e_13",Qe="_inputFocus_7891e_18",et="_inputError_7891e_25",tt="_inputWarning_7891e_26",nt="_inputDisabled_7891e_61",lt="_hideScrollbars_7891e_67",rt="_select_7891e_77",at="_isInTable_7891e_121",it="_unSelected_7891e_133",ot="_error_7891e_140",st="_warning_7891e_157",ut="_small_7891e_174",ct="_right_7891e_182",dt="_groupOrderFirst_7891e_193",pt="_groupOrderMiddle_7891e_194",ft="_groupOrderLast_7891e_198",H={inputInTable:Je,inputHover:Ze,inputFocus:Qe,inputError:et,inputWarning:tt,inputDisabled:nt,hideScrollbars:lt,select:rt,isInTable:at,unSelected:it,error:ot,warning:st,small:ut,right:ct,groupOrderFirst:dt,groupOrderMiddle:pt,groupOrderLast:ft},ce=({disabled:e=!1,error:t=null,warning:r=null,tooltip:d=null,options:c,onChange:h=()=>{},onFocus:f=()=>{},onBlur:i=()=>{},right:o=!1,small:y=!1,tabIndex:v=0,selectedOption:b,width:O=null,groupOrder:I=null,testId:S,isInTable:n=!1,clearable:s,placeholder:a,hasNonExistentValue:l,maxTooltipWidth:u,borderRadius:p})=>{const _=N.useContext(Se),g=b===null||(b==null?void 0:b.value)===null?"unselected":b==null?void 0:b.value,E=g==="unselected",L=(g==="unselected"||s?[m.jsx("option",{value:"unselected",disabled:!s,hidden:!s,children:a||"Select..."},"unselected")]:[]).concat(l?[m.jsx("option",{value:b==null?void 0:b.value,disabled:e||_,children:b==null?void 0:b.label},"selectedNonExistentValue")]:[]).concat(c.map((q,T)=>m.jsx("option",{value:q.value,"data-testid":q.testId,children:q.label},T))),C=(()=>{if(I)switch(I){case re.FIRST:return H.groupOrderFirst;case re.LAST:return H.groupOrderLast;default:return H.groupOrderMiddle}return""})();return m.jsx(Ie,{error:!!t,warning:!!r,text:d||t||r,enabled:d&&ee(d)||t&&ee(t)||r&&ee(r)||!1,maxWidth:u,placement:"bottom-center",children:m.jsx("select",{className:D(H.select,E?H.unSelected:"",t?H.error:r?H.warning:"",o?H.right:"",y?H.small:"",n?H.isInTable:"",C),style:{width:O||"",borderRadius:p||""},onChange:q=>{const{value:T}=q.target;let F;T==="unselected"?F={value:null}:F=c.find(A=>String(A.value)===String(T))||{value:null},h(q,F)},onFocus:f,onBlur:i,tabIndex:v,value:g,disabled:e||_,"data-testid":S,children:L})})};try{ce.displayName="NativeSelect",ce.__docgenInfo={description:"",displayName:"NativeSelect",props:{borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"TStringOrNumber"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},error:{defaultValue:{value:"null"},description:"",name:"error",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},warning:{defaultValue:{value:"null"},description:"",name:"warning",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},tooltip:{defaultValue:{value:"null"},description:"",name:"tooltip",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"ISelectSelectedOption[]"}},onChange:{defaultValue:{value:"() => {}"},description:"",name:"onChange",required:!1,type:{name:"((evt: ChangeEvent<HTMLSelectElement>, value: ISelectSelectedOption | { value: null; }) => void)"}},onFocus:{defaultValue:{value:"() => {}"},description:"",name:"onFocus",required:!1,type:{name:"TEmpty"}},onBlur:{defaultValue:{value:"() => {}"},description:"",name:"onBlur",required:!1,type:{name:"TEmpty"}},right:{defaultValue:{value:"false"},description:"",name:"right",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},selectedOption:{defaultValue:null,description:"",name:"selectedOption",required:!1,type:{name:"ISelectSelectedOption"}},width:{defaultValue:{value:"null"},description:"",name:"width",required:!1,type:{name:"TStringOrNumber | null"}},groupOrder:{defaultValue:{value:"null"},description:"",name:"groupOrder",required:!1,type:{name:"string | null"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},isInTable:{defaultValue:{value:"false"},description:"",name:"isInTable",required:!1,type:{name:"boolean"}},clearable:{defaultValue:null,description:"",name:"clearable",required:!1,type:{name:"boolean"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string | null"}},hasNonExistentValue:{defaultValue:null,description:"",name:"hasNonExistentValue",required:!1,type:{name:"boolean"}},maxTooltipWidth:{defaultValue:null,description:"",name:"maxTooltipWidth",required:!1,type:{name:"TStringOrNumber"}}}}}catch{}var Ae={exports:{}};(function(e,t){(function(r,d){e.exports=d(N,$e)})(window,function(r,d){return function(c){var h={};function f(i){if(h[i])return h[i].exports;var o=h[i]={i,l:!1,exports:{}};return c[i].call(o.exports,o,o.exports,f),o.l=!0,o.exports}return f.m=c,f.c=h,f.d=function(i,o,y){f.o(i,o)||Object.defineProperty(i,o,{enumerable:!0,get:y})},f.r=function(i){typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(i,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(i,"__esModule",{value:!0})},f.t=function(i,o){if(1&o&&(i=f(i)),8&o||4&o&&typeof i=="object"&&i&&i.__esModule)return i;var y=Object.create(null);if(f.r(y),Object.defineProperty(y,"default",{enumerable:!0,value:i}),2&o&&typeof i!="string")for(var v in i)f.d(y,v,(function(b){return i[b]}).bind(null,v));return y},f.n=function(i){var o=i&&i.__esModule?function(){return i.default}:function(){return i};return f.d(o,"a",o),o},f.o=function(i,o){return Object.prototype.hasOwnProperty.call(i,o)},f.p="",f(f.s=0)}([function(c,h,f){Object.defineProperty(h,"__esModule",{value:!0});var i=f(1);Object.defineProperty(h,"default",{enumerable:!0,get:function(){return function(o){return o&&o.__esModule?o:{default:o}}(i).default}}),c.exports=h.default},function(c,h,f){Object.defineProperty(h,"__esModule",{value:!0});var i=Object.assign||function(n){for(var s=1;s<arguments.length;s++){var a=arguments[s];for(var l in a)Object.prototype.hasOwnProperty.call(a,l)&&(n[l]=a[l])}return n},o=function(){function n(s,a){for(var l=0;l<a.length;l++){var u=a[l];u.enumerable=u.enumerable||!1,u.configurable=!0,"value"in u&&(u.writable=!0),Object.defineProperty(s,u.key,u)}}return function(s,a,l){return a&&n(s.prototype,a),l&&n(s,l),s}}(),y=O(f(2)),v=O(f(3)),b=f(4);function O(n){return n&&n.__esModule?n:{default:n}}var I=[],S=function(n){function s(a){(function(u,p){if(!(u instanceof p))throw new TypeError("Cannot call a class as a function")})(this,s);var l=function(u,p){if(!u)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!p||typeof p!="object"&&typeof p!="function"?u:p}(this,(s.__proto__||Object.getPrototypeOf(s)).call(this,a));return l.handleKeyboardEvent=l.handleKeyboardEvent.bind(l),l.registerExclusiveHandler=l.registerExclusiveHandler.bind(l),l.deregisterExclusiveHandler=l.deregisterExclusiveHandler.bind(l),l}return function(a,l){if(typeof l!="function"&&l!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof l);a.prototype=Object.create(l&&l.prototype,{constructor:{value:a,enumerable:!1,writable:!0,configurable:!0}}),l&&(Object.setPrototypeOf?Object.setPrototypeOf(a,l):a.__proto__=l)}(s,y.default.Component),o(s,[{key:"componentDidMount",value:function(){document.addEventListener("keydown",this.handleKeyboardEvent,!1),document.addEventListener("keyup",this.handleKeyboardEvent,!1),document.addEventListener("keypress",this.handleKeyboardEvent,!1);var a=this.props,l=a.isExclusive,u=a.isDisabled;l&&!u&&this.registerExclusiveHandler()}},{key:"componentWillUnmount",value:function(){document.removeEventListener("keydown",this.handleKeyboardEvent,!1),document.removeEventListener("keyup",this.handleKeyboardEvent,!1),document.removeEventListener("keypress",this.handleKeyboardEvent,!1),this.deregisterExclusiveHandler()}},{key:"componentDidUpdate",value:function(a){var l=a.isExclusive,u=a.isDisabled;(this.props.isExclusive!==l||this.props.isDisabled!==u)&&(this.props.isExclusive&&!this.props.isDisabled?this.registerExclusiveHandler():this.deregisterExclusiveHandler())}},{key:"registerExclusiveHandler",value:function(){this.deregisterExclusiveHandler(),I.unshift(this)}},{key:"deregisterExclusiveHandler",value:function(){var a=this;I.includes(this)&&(I=I.filter(function(l){return l!==a}))}},{key:"handleKeyboardEvent",value:function(a){var l=this.props,u=l.isDisabled,p=l.handleKeys,_=l.onKeyEvent,g=l.handleEventType,E=l.children,L=l.handleFocusableElements;if(u||g!==a.type||I.length>0&&I[0]!==this)return!1;var C=a.target===document.body||L,q=this.childrenContainer&&this.childrenContainer.contains(a.target);if(!(E?q:C))return!1;var T=(0,b.findMatchedKey)(a,p);return!!T&&(_(T,a),!0)}},{key:"render",value:function(){var a=this,l=this.props.children,u=Object.assign({},this.props),p=!0,_=!1,g=void 0;try{for(var E,L=Object.keys(s.propTypes)[Symbol.iterator]();!(p=(E=L.next()).done);p=!0)delete u[E.value]}catch(C){_=!0,g=C}finally{try{!p&&L.return&&L.return()}finally{if(_)throw g}}return l?y.default.createElement("span",i({ref:function(C){a.childrenContainer=C}},u),l):null}}]),s}();h.default=S,S.propTypes={handleKeys:v.default.array,handleEventType:v.default.oneOf(["keydown","keyup","keypress"]),handleFocusableElements:v.default.bool,onKeyEvent:v.default.func,isDisabled:v.default.bool,isExclusive:v.default.bool,children:v.default.any},S.defaultProps={handleKeys:[],handleFocusableElements:!1,handleEventType:"keydown",onKeyEvent:function(){return null}},c.exports=h.default},function(c,h){c.exports=r},function(c,h){c.exports=d},function(c,h,f){function i(l,u,p){return u in l?Object.defineProperty(l,u,{value:p,enumerable:!0,configurable:!0,writable:!0}):l[u]=p,l}Object.defineProperty(h,"__esModule",{value:!0}),h.matchKeyEvent=a,h.findMatchedKey=function(l,u){var p=u.map(function(_){var g=_.toLowerCase(),E=s[g];return E||[_]}).reduce(function(_,g){return _.concat(g)},[]).find(function(_){return a(l,_)});return!p&&u.includes("all")&&(p="other"),p};var o={backspace:[8],del:[46],delete:[46],ins:[45],insert:[45],tab:[9],enter:[13],return:[13],esc:[27],space:[32],pageup:[33],pagedown:[34],end:[35],home:[36],left:[37],up:[38],right:[39],down:[40],shift:[16],ctrl:[17],alt:[18],cap:[20],num:[144],clear:[12],meta:[91],";":[186,59],"=":[187,61],",":[188,44],"-":[189,45,173,109],minus:[189,45,173,109],".":[190,110],"/":[191,111],"`":[192],"[":[219],"\\":[220],"]":[221],"*":[106],"+":[107],plus:[107],"'":[222],quote:[222]},y=Object.keys(o).reduce(function(l,u){return Object.assign(l,i({},u.toUpperCase(),o[u]))},{}),v="0123456789".split("").reduce(function(l,u,p){return Object.assign(l,i({},u,[p+48,p+96]))},{}),b="ABCDEFGHIJKLMNOPQRSTUVWXYZ".split("").reduce(function(l,u,p){return Object.assign(l,i({},u.toLowerCase(),[p+65]),i({},u,[p+65]))},{}),O="1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19".split(",").reduce(function(l,u,p){return Object.assign(l,i({},"f"+u,[p+112]))},{}),I={control:"ctrl",ctrl:"ctrl",shift:"shift",meta:"meta",cmd:"meta",command:"meta",option:"alt",alt:"alt"},S=h.AllKeys=Object.assign({},o,y,v,b,O),n=Object.assign({},v,b),s={all:Object.keys(S),alphanumeric:Object.keys(n),numeric:Object.keys(v),alphabetic:Object.keys(b),function:Object.keys(O)};function a(l,u){var p=l.which||l.keyCode,_=l.type,g=Object.keys(I).filter(function(A){return l[A+"Key"]}).sort(),E=u.toLowerCase().trim(),L=E==="+"?["+"]:E.split(/\s?\+\s?/),C=L.pop(),q=S[C],T=L;if(_==="keypress")return u==String.fromCharCode(p).toLowerCase();if(T.length===0&&g.length===0)return q.indexOf(p)>=0;if(T.length>0&&g.length>0){var F=T.map(function(A){return I[A]}).sort(),j=F.length===g.length&&F.every(function(A,U){return g[U]===A});return q.indexOf(p)>=0&&j}return T.length==0&&g.length===1&&C===g[0]}}])})})(Ae);var mt=Ae.exports;const ht=Ue(mt),we=()=>{const e=N.useRef(null);return[e,()=>{e.current&&e.current.focus()}]},Pe=()=>{const[e,t]=N.useState(!1);return N.useEffect(()=>{(async()=>{document.fonts&&await document.fonts.ready.then(()=>t(!0))})()},[]),e};var yt=typeof performance=="object"&&typeof performance.now=="function",xe=yt?function(){return performance.now()}:function(){return Date.now()};function Te(e){cancelAnimationFrame(e.id)}function gt(e,t){var r=xe();function d(){xe()-r>=t?e.call(null):c.id=requestAnimationFrame(d)}var c={id:requestAnimationFrame(d)};return c}var oe=-1;function Ce(e){if(e===void 0&&(e=!1),oe===-1||e){var t=document.createElement("div"),r=t.style;r.width="50px",r.height="50px",r.overflow="scroll",document.body.appendChild(t),oe=t.offsetWidth-t.clientWidth,document.body.removeChild(t)}return oe}var Q=null;function qe(e){if(e===void 0&&(e=!1),Q===null||e){var t=document.createElement("div"),r=t.style;r.width="50px",r.height="50px",r.overflow="scroll",r.direction="rtl";var d=document.createElement("div"),c=d.style;return c.width="100px",c.height="100px",t.appendChild(d),document.body.appendChild(t),t.scrollLeft>0?Q="positive-descending":(t.scrollLeft=1,t.scrollLeft===0?Q="negative":Q="positive-ascending"),document.body.removeChild(t),Q}return Q}var _t=150,bt=function(t,r){return t};function vt(e){var t,r=e.getItemOffset,d=e.getEstimatedTotalSize,c=e.getItemSize,h=e.getOffsetForIndexAndAlignment,f=e.getStartIndexForOffset,i=e.getStopIndexForStartIndex,o=e.initInstanceProps,y=e.shouldResetStyleCacheOnItemSizeChange,v=e.validateProps;return t=function(b){Ke(O,b);function O(S){var n;return n=b.call(this,S)||this,n._instanceProps=o(n.props,Ee(n)),n._outerRef=void 0,n._resetIsScrollingTimeoutId=null,n.state={instance:Ee(n),isScrolling:!1,scrollDirection:"forward",scrollOffset:typeof n.props.initialScrollOffset=="number"?n.props.initialScrollOffset:0,scrollUpdateWasRequested:!1},n._callOnItemsRendered=void 0,n._callOnItemsRendered=ie(function(s,a,l,u){return n.props.onItemsRendered({overscanStartIndex:s,overscanStopIndex:a,visibleStartIndex:l,visibleStopIndex:u})}),n._callOnScroll=void 0,n._callOnScroll=ie(function(s,a,l){return n.props.onScroll({scrollDirection:s,scrollOffset:a,scrollUpdateWasRequested:l})}),n._getItemStyle=void 0,n._getItemStyle=function(s){var a=n.props,l=a.direction,u=a.itemSize,p=a.layout,_=n._getItemStyleCache(y&&u,y&&p,y&&l),g;if(_.hasOwnProperty(s))g=_[s];else{var E=r(n.props,s,n._instanceProps),L=c(n.props,s,n._instanceProps),C=l==="horizontal"||p==="horizontal",q=l==="rtl",T=C?E:0;_[s]=g={position:"absolute",left:q?void 0:T,right:q?T:void 0,top:C?0:E,height:C?"100%":L,width:C?L:"100%"}}return g},n._getItemStyleCache=void 0,n._getItemStyleCache=ie(function(s,a,l){return{}}),n._onScrollHorizontal=function(s){var a=s.currentTarget,l=a.clientWidth,u=a.scrollLeft,p=a.scrollWidth;n.setState(function(_){if(_.scrollOffset===u)return null;var g=n.props.direction,E=u;if(g==="rtl")switch(qe()){case"negative":E=-u;break;case"positive-descending":E=p-l-u;break}return E=Math.max(0,Math.min(E,p-l)),{isScrolling:!0,scrollDirection:_.scrollOffset<u?"forward":"backward",scrollOffset:E,scrollUpdateWasRequested:!1}},n._resetIsScrollingDebounced)},n._onScrollVertical=function(s){var a=s.currentTarget,l=a.clientHeight,u=a.scrollHeight,p=a.scrollTop;n.setState(function(_){if(_.scrollOffset===p)return null;var g=Math.max(0,Math.min(p,u-l));return{isScrolling:!0,scrollDirection:_.scrollOffset<g?"forward":"backward",scrollOffset:g,scrollUpdateWasRequested:!1}},n._resetIsScrollingDebounced)},n._outerRefSetter=function(s){var a=n.props.outerRef;n._outerRef=s,typeof a=="function"?a(s):a!=null&&typeof a=="object"&&a.hasOwnProperty("current")&&(a.current=s)},n._resetIsScrollingDebounced=function(){n._resetIsScrollingTimeoutId!==null&&Te(n._resetIsScrollingTimeoutId),n._resetIsScrollingTimeoutId=gt(n._resetIsScrolling,_t)},n._resetIsScrolling=function(){n._resetIsScrollingTimeoutId=null,n.setState({isScrolling:!1},function(){n._getItemStyleCache(-1,null)})},n}O.getDerivedStateFromProps=function(n,s){return St(n,s),v(n),null};var I=O.prototype;return I.scrollTo=function(n){n=Math.max(0,n),this.setState(function(s){return s.scrollOffset===n?null:{scrollDirection:s.scrollOffset<n?"forward":"backward",scrollOffset:n,scrollUpdateWasRequested:!0}},this._resetIsScrollingDebounced)},I.scrollToItem=function(n,s){s===void 0&&(s="auto");var a=this.props,l=a.itemCount,u=a.layout,p=this.state.scrollOffset;n=Math.max(0,Math.min(n,l-1));var _=0;if(this._outerRef){var g=this._outerRef;u==="vertical"?_=g.scrollWidth>g.clientWidth?Ce():0:_=g.scrollHeight>g.clientHeight?Ce():0}this.scrollTo(h(this.props,n,s,p,this._instanceProps,_))},I.componentDidMount=function(){var n=this.props,s=n.direction,a=n.initialScrollOffset,l=n.layout;if(typeof a=="number"&&this._outerRef!=null){var u=this._outerRef;s==="horizontal"||l==="horizontal"?u.scrollLeft=a:u.scrollTop=a}this._callPropsCallbacks()},I.componentDidUpdate=function(){var n=this.props,s=n.direction,a=n.layout,l=this.state,u=l.scrollOffset,p=l.scrollUpdateWasRequested;if(p&&this._outerRef!=null){var _=this._outerRef;if(s==="horizontal"||a==="horizontal")if(s==="rtl")switch(qe()){case"negative":_.scrollLeft=-u;break;case"positive-ascending":_.scrollLeft=u;break;default:var g=_.clientWidth,E=_.scrollWidth;_.scrollLeft=E-g-u;break}else _.scrollLeft=u;else _.scrollTop=u}this._callPropsCallbacks()},I.componentWillUnmount=function(){this._resetIsScrollingTimeoutId!==null&&Te(this._resetIsScrollingTimeoutId)},I.render=function(){var n=this.props,s=n.children,a=n.className,l=n.direction,u=n.height,p=n.innerRef,_=n.innerElementType,g=n.innerTagName,E=n.itemCount,L=n.itemData,C=n.itemKey,q=C===void 0?bt:C,T=n.layout,F=n.outerElementType,j=n.outerTagName,A=n.style,U=n.useIsScrolling,$=n.width,P=this.state.isScrolling,z=l==="horizontal"||T==="horizontal",te=z?this._onScrollHorizontal:this._onScrollVertical,B=this._getRangeToRender(),ne=B[0],le=B[1],X=[];if(E>0)for(var k=ne;k<=le;k++)X.push(N.createElement(s,{data:L,key:q(k,L),index:k,isScrolling:U?P:void 0,style:this._getItemStyle(k)}));var J=d(this.props,this._instanceProps);return N.createElement(F||j||"div",{className:a,onScroll:te,ref:this._outerRefSetter,style:Ye({position:"relative",height:u,width:$,overflow:"auto",WebkitOverflowScrolling:"touch",willChange:"transform",direction:l},A)},N.createElement(_||g||"div",{children:X,ref:p,style:{height:z?"100%":J,pointerEvents:P?"none":void 0,width:z?J:"100%"}}))},I._callPropsCallbacks=function(){if(typeof this.props.onItemsRendered=="function"){var n=this.props.itemCount;if(n>0){var s=this._getRangeToRender(),a=s[0],l=s[1],u=s[2],p=s[3];this._callOnItemsRendered(a,l,u,p)}}if(typeof this.props.onScroll=="function"){var _=this.state,g=_.scrollDirection,E=_.scrollOffset,L=_.scrollUpdateWasRequested;this._callOnScroll(g,E,L)}},I._getRangeToRender=function(){var n=this.props,s=n.itemCount,a=n.overscanCount,l=this.state,u=l.isScrolling,p=l.scrollDirection,_=l.scrollOffset;if(s===0)return[0,0,0,0];var g=f(this.props,_,this._instanceProps),E=i(this.props,g,_,this._instanceProps),L=!u||p==="backward"?Math.max(1,a):1,C=!u||p==="forward"?Math.max(1,a):1;return[Math.max(0,g-L),Math.max(0,Math.min(s-1,E+C)),g,E]},O}(N.PureComponent),t.defaultProps={direction:"ltr",itemData:void 0,layout:"vertical",overscanCount:2,useIsScrolling:!1},t}var St=function(t,r){t.children,t.direction,t.height,t.layout,t.innerTagName,t.outerTagName,t.width,r.instance},It=vt({getItemOffset:function(t,r){var d=t.itemSize;return r*d},getItemSize:function(t,r){var d=t.itemSize;return d},getEstimatedTotalSize:function(t){var r=t.itemCount,d=t.itemSize;return d*r},getOffsetForIndexAndAlignment:function(t,r,d,c,h,f){var i=t.direction,o=t.height,y=t.itemCount,v=t.itemSize,b=t.layout,O=t.width,I=i==="horizontal"||b==="horizontal",S=I?O:o,n=Math.max(0,y*v-S),s=Math.min(n,r*v),a=Math.max(0,r*v-S+v+f);switch(d==="smart"&&(c>=a-S&&c<=s+S?d="auto":d="center"),d){case"start":return s;case"end":return a;case"center":{var l=Math.round(a+(s-a)/2);return l<Math.ceil(S/2)?0:l>n+Math.floor(S/2)?n:l}case"auto":default:return c>=a&&c<=s?c:c<a?a:s}},getStartIndexForOffset:function(t,r){var d=t.itemCount,c=t.itemSize;return Math.max(0,Math.min(d-1,Math.floor(r/c)))},getStopIndexForStartIndex:function(t,r,d){var c=t.direction,h=t.height,f=t.itemCount,i=t.itemSize,o=t.layout,y=t.width,v=c==="horizontal"||o==="horizontal",b=r*i,O=v?y:h,I=Math.ceil((O+d-b)/i);return Math.max(0,Math.min(f-1,r+I-1))},initInstanceProps:function(t){},shouldResetStyleCacheOnItemSizeChange:!0,validateProps:function(t){t.itemSize}});const Ot="_layerContainer_1lbvo_1",Et="_layer_1lbvo_1",xt="_small_1lbvo_23",Tt="_heading_1lbvo_26",Ct="_option_1lbvo_27",qt="_message_1lbvo_28",Lt="_focused_1lbvo_64",Vt="_selected_1lbvo_68",Rt="_disabled_1lbvo_71",Nt="_check_1lbvo_75",jt="_optionContent_1lbvo_92",Ft="_label_1lbvo_97",At="_icon_1lbvo_104",wt="_details_1lbvo_109",w={layerContainer:Ot,layer:Et,small:xt,heading:Tt,option:Ct,message:qt,focused:Lt,selected:Vt,disabled:Rt,check:Nt,optionContent:jt,label:Ft,icon:At,details:wt},de=({label:e})=>m.jsx("div",{onClick:t=>t.stopPropagation(),className:w.heading,children:e});try{de.displayName="Heading",de.__docgenInfo={description:"",displayName:"Heading",props:{label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"TStringOrNumber"}}}}}catch{}const pe=({details:e,label:t,icon:r,disabled:d=!1,selected:c=!1,focused:h=!1,onSelectOption:f,actions:i,closeLayer:o,testId:y})=>m.jsxs("div",{className:D(w.option,d?w.disabled:"",c?w.selected:"",h?w.focused:""),onClick:!d&&f?f:void 0,"data-testid":y,children:[m.jsx("div",{className:w.optionContent,children:m.jsxs("span",{className:w.label,title:t,children:[t,r&&m.jsx("span",{className:w.icon,children:r})]})}),e&&m.jsx("div",{className:D(w.details),children:m.jsx(se,{faint:!0,children:e})}),!!(i!=null&&i.length)&&m.jsx("div",{className:D(w.actions),children:m.jsx(Be,{actions:i,closeLayer:o})}),m.jsx("span",{className:w.check,children:c?m.jsx(ue,{icon:Fe.CHECK}):null})]});try{pe.displayName="Option",pe.__docgenInfo={description:"",displayName:"Option",props:{details:{defaultValue:null,description:"",name:"details",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactNode"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},selected:{defaultValue:{value:"false"},description:"",name:"selected",required:!1,type:{name:"boolean"}},focused:{defaultValue:{value:"false"},description:"",name:"focused",required:!1,type:{name:"boolean"}},onSelectOption:{defaultValue:null,description:"",name:"onSelectOption",required:!1,type:{name:"((event?: MouseEvent<HTMLDivElement, MouseEvent>, section?: ISelectSectionProps) => void) | undefined"}},actions:{defaultValue:null,description:"",name:"actions",required:!1,type:{name:"any[]"}},closeLayer:{defaultValue:null,description:"",name:"closeLayer",required:!1,type:{name:"TEmpty"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const fe=({section:e,selected:t,focused:r,onSelectOption:d,closeLayer:c})=>{const h=N.useContext(Se);switch(e.type){case ae.HEADING:return m.jsx(de,{label:e.label});case ae.OPTION:default:return m.jsx(pe,{closeLayer:c,actions:e.actions,label:e.label,details:e.details,icon:e.icon,disabled:e.disabled||h,selected:t,focused:r,onSelectOption:d,testId:e.testId})}};try{fe.displayName="Section",fe.__docgenInfo={description:"",displayName:"Section",props:{section:{defaultValue:null,description:"",name:"section",required:!0,type:{name:"ISelectSection"}},selected:{defaultValue:null,description:"",name:"selected",required:!1,type:{name:"boolean"}},focused:{defaultValue:null,description:"",name:"focused",required:!1,type:{name:"boolean"}},onSelectOption:{defaultValue:null,description:"",name:"onSelectOption",required:!1,type:{name:"((event?: MouseEvent<HTMLDivElement, MouseEvent>, section?: ISelectSectionProps) => void) | undefined"}},closeLayer:{defaultValue:null,description:"",name:"closeLayer",required:!1,type:{name:"TEmpty"}}}}}catch{}const me=(e,t)=>{const d=document.createElement("canvas").getContext("2d");return d?(d.font=t,d.measureText(e).width):0},Me="14px",ke="12px",Pt="Lato",Mt="sans-serif",kt=14,Ht=7,Wt=38,Dt=24,Ut=5,zt=3,Gt=1,$t=2,Le=10,He=(e=!1,t=!1)=>`${e?ke:Me} ${t?Pt:Mt}`,Kt=(e=!1,t=!1)=>(e?Ht:kt)+(e?Dt:Wt)+(t?17:0),Ve=(e,t,r,d)=>{const c=He(t,r),h=d?me(d,c):0,f=Math.ceil(e.reduce((o,y)=>{var S;const v=(((S=y==null?void 0:y.actions)==null?void 0:S.length)??0)*24,b=y.icon?parseInt(t?ke:Me)+7:0,O=`${y.label} ${y.details||""}`,I=me(O,c)+v+b;return o=I>o?I:o,o},h)),i=Kt(t,!0);return f+i},Yt=(e,t,r)=>{const d=He(!0,r),c=me(e.label,d),h=(t?zt:Ut)*2+Gt*2+$t;return Math.ceil(c+h)},he=({listRef:e,isMulti:t,sections:r,selectedOptions:d,onSelectOption:c,focusedOptionIndex:h,width:f,small:i,firstSelectedOptionIndex:o,closeLayer:y,testId:v})=>{N.useEffect(()=>{o&&o!==null&&e.current!==null&&e.current.scrollToItem(o,"start")},[o,e]);const b=i?24:30;return m.jsx("div",{"data-testid":v,className:D(w.layer,i&&w.small),children:r.length?m.jsx(It,{ref:e,height:r.length<Le?b*r.length:b*Le,itemCount:r.length,itemSize:b,width:f,children:({index:O,style:I})=>{var S;return m.jsx("div",{style:I,children:m.jsx(fe,{closeLayer:y,section:r[O],selected:t&&r[O].type!==ae.HEADING&&Array.isArray(d)?d.some(n=>{var s;return n&&(n==null?void 0:n.value)===((s=r==null?void 0:r[O])==null?void 0:s.value)}):!Array.isArray(d)&&((S=r==null?void 0:r[O])==null?void 0:S.value)===(d==null?void 0:d.value),focused:h===O,onSelectOption:n=>c(n,r[O])})})}}):m.jsx("ul",{children:m.jsx("li",{children:m.jsx("div",{className:w.message,style:{width:f},children:"No matches"})})})})};try{he.displayName="Layer",he.__docgenInfo={description:"",displayName:"Layer",props:{listRef:{defaultValue:null,description:"",name:"listRef",required:!0,type:{name:"RefObject<any>"}},isMulti:{defaultValue:null,description:"",name:"isMulti",required:!1,type:{name:"boolean"}},sections:{defaultValue:null,description:"",name:"sections",required:!0,type:{name:"ISelectSection[]"}},selectedOptions:{defaultValue:null,description:"",name:"selectedOptions",required:!0,type:{name:"ISelectSelectedOption | ISelectSelectedOption[]"}},onSelectOption:{defaultValue:null,description:"",name:"onSelectOption",required:!0,type:{name:"(event?: MouseEvent<HTMLDivElement, MouseEvent> | undefined, section?: ISelectSection | undefined) => void"}},focusedOptionIndex:{defaultValue:null,description:"",name:"focusedOptionIndex",required:!1,type:{name:"number"}},width:{defaultValue:null,description:"",name:"width",required:!0,type:{name:"number"}},small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean"}},firstSelectedOptionIndex:{defaultValue:null,description:"",name:"firstSelectedOptionIndex",required:!1,type:{name:"number"}},closeLayer:{defaultValue:null,description:"",name:"closeLayer",required:!0,type:{name:"TEmpty"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const Bt="_inputInTable_1qfoj_1",Xt="_inputHover_1qfoj_13",Jt="_inputFocus_1qfoj_18",Zt="_inputError_1qfoj_25",Qt="_inputWarning_1qfoj_26",en="_inputDisabled_1qfoj_61",tn="_hideScrollbars_1qfoj_67",nn="_trigger_1qfoj_77",ln="_isInTable_1qfoj_93",rn="_input_1qfoj_1",an="_isOpen_1qfoj_114",on="_error_1qfoj_122",sn="_warning_1qfoj_139",un="_disabled_1qfoj_156",cn="_icons_1qfoj_162",dn="_clearAll_1qfoj_169",pn="_iconOpen_1qfoj_170",fn="_small_1qfoj_181",mn="_triggerInputContainer_1qfoj_189",hn="_right_1qfoj_198",yn="_multiOptions_1qfoj_211",gn="_multiOption_1qfoj_211",_n="_label_1qfoj_239",bn="_closeMultiOption_1qfoj_242",vn="_focus_1qfoj_253",Sn="_selectedSingleValue_1qfoj_257",In="_placeHolder_1qfoj_258",On="_groupOrderFirst_1qfoj_297",En="_groupOrderMiddle_1qfoj_298",xn="_groupOrderLast_1qfoj_302",Tn="_detailedLabel_1qfoj_307",R={inputInTable:Bt,inputHover:Xt,inputFocus:Jt,inputError:Zt,inputWarning:Qt,inputDisabled:en,hideScrollbars:tn,trigger:nn,isInTable:ln,input:rn,isOpen:an,error:on,warning:sn,disabled:un,icons:cn,clearAll:dn,iconOpen:pn,small:fn,triggerInputContainer:mn,right:hn,multiOptions:yn,multiOption:gn,label:_n,closeMultiOption:bn,focus:vn,selectedSingleValue:Sn,placeHolder:In,groupOrderFirst:On,groupOrderMiddle:En,groupOrderLast:xn,detailedLabel:Tn},ye=({selectedOptions:e,small:t,width:r})=>{const d=Pe(),[c,h]=N.useState([]),[f,i]=N.useState([]);return N.useEffect(()=>{let o=[],y=[],v=0;e.forEach((b,O)=>{v+=Yt(b,t,d),O===e.length-1&&v<r||v<r-24?o.push(b):y.push(b)}),h(o),i(y)},[e,d,r]),m.jsxs("div",{className:R.multiOptions,children:[c.filter(o=>o&&o.label).map((o,y)=>m.jsx("span",{className:R.multiOption,onClick:v=>{v.stopPropagation()},children:o.label},y)),f.length>0&&m.jsx(Ie,{text:f.map((o,y)=>m.jsx("div",{children:o.label},y)),display:"inline-flex",children:m.jsx("span",{className:R.multiOption,children:c.length?`+${f.length}`:`${f.length} items`})})]})};try{ye.displayName="MultiSelectedOptions",ye.__docgenInfo={description:"",displayName:"MultiSelectedOptions",props:{selectedOptions:{defaultValue:null,description:"",name:"selectedOptions",required:!0,type:{name:"ISelectSelectedOption[]"}},small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean"}},width:{defaultValue:null,description:"",name:"width",required:!0,type:{name:"number"}}}}}catch{}const ge=({selectedOptions:e,searchable:t=!1,searchValue:r,onChange:d=()=>{},inputRef:c,error:h,placeholder:f="Select...",small:i})=>{const o=N.useRef(null),y=Array.isArray(e),v=y?e.length>0:!!e,b=r?r.length+1:1,O=()=>{var n,s;const I=((n=o.current)==null?void 0:n.offsetWidth)||0,S=((s=c.current)==null?void 0:s.offsetWidth)||0;return I-S};return m.jsxs("div",{className:R.triggerInputContainer,ref:o,children:[v?y?m.jsx(ye,{selectedOptions:e,small:i,width:O()}):m.jsx("span",{className:R.selectedSingleValue,children:r!=null&&r.length?"":e==null?void 0:e.label}):m.jsx("span",{className:R.placeHolder,children:r!=null&&r.length?"":f}),t?m.jsx("input",{tabIndex:-1,ref:c,size:b,className:D(R.input,h?R.error:""),value:r,onChange:I=>d(I.target.value)}):null]})};try{ge.displayName="Input",ge.__docgenInfo={description:"",displayName:"Input",props:{selectedOptions:{defaultValue:null,description:"",name:"selectedOptions",required:!1,type:{name:"ISelectSelectedOption | ISelectSelectedOption[]"}},searchable:{defaultValue:{value:"false"},description:"",name:"searchable",required:!1,type:{name:"boolean"}},searchValue:{defaultValue:null,description:"",name:"searchValue",required:!1,type:{name:"string"}},inputRef:{defaultValue:null,description:"",name:"inputRef",required:!0,type:{name:"MutableRefObject<HTMLInputElement | null>"}},onChange:{defaultValue:{value:"() => {}"},description:"",name:"onChange",required:!1,type:{name:"((value: string) => void)"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"ReactNode"}},placeholder:{defaultValue:{value:"Select..."},description:"",name:"placeholder",required:!1,type:{name:"string | null"}},small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean"}}}}}catch{}const _e=({selectedOptions:e,searchValue:t,searchable:r,clearable:d,onClickTrigger:c,element:h,error:f,warning:i,tooltip:o,small:y,isInTable:v,disabled:b,onChangeSearch:O,onClickDeselect:I,onClickClear:S,tabIndex:n,isOpen:s,triggerRef:a,clearAllIsFocused:l,focusedSelectedOptionIndex:u,onFocus:p,onBlur:_,groupOrder:g,maxTooltipWidth:E,placeholder:L,right:C,testId:q})=>{const[T,F]=we(),j=d&&e&&e.value,A=(()=>{if(g)switch(g){case re.FIRST:return R.groupOrderFirst;case re.LAST:return R.groupOrderLast;default:return R.groupOrderMiddle}return""})(),U=e!=null&&e.details?{...e,label:m.jsxs("div",{className:D(R.detailedLabel),children:[m.jsx(se,{children:e.label}),m.jsx(se,{muted:!0,children:e.details})]})}:e,$=m.jsxs(m.Fragment,{children:[h,m.jsxs("div",{ref:a,tabIndex:n,className:D(R.trigger,s?R.isOpen:"",f?R.error:i?R.warning:"",b?R.disabled:"",y?R.small:"",v?R.isInTable:"",C?R.right:"",A),onClick:P=>{P.stopPropagation(),typeof F=="function"&&F(),c(P)},onFocus:p,onBlur:_,"data-testid":q,children:[m.jsx(ge,{selectedOptions:U,placeholder:L,searchable:r,searchValue:t,inputRef:T,onChange:O,error:f,small:y}),m.jsx("span",{className:R.icons,children:j?m.jsx("span",{className:D(R.clearAll,l?R.focus:""),onClick:P=>{P.stopPropagation(),S&&S(P)},children:m.jsx(ue,{icon:Fe.CLOSE})}):m.jsx("span",{className:D(R.iconOpen),children:m.jsx(ue,{icon:"chevron down"})})})]})]});return m.jsx(m.Fragment,{children:m.jsx(Ie,{error:!!f,warning:!!i,text:o||f||i,enabled:o&&ee(o)||f&&ee(f)||i&&ee(i)||!1,maxWidth:E,placement:"bottom-center",children:$})})};try{_e.displayName="Trigger",_e.__docgenInfo={description:"",displayName:"Trigger",props:{selectedOptions:{defaultValue:null,description:"",name:"selectedOptions",required:!1,type:{name:"ISelectSelectedOption"}},searchValue:{defaultValue:null,description:"",name:"searchValue",required:!1,type:{name:"string"}},searchable:{defaultValue:null,description:"",name:"searchable",required:!1,type:{name:"boolean"}},clearable:{defaultValue:null,description:"",name:"clearable",required:!1,type:{name:"boolean"}},onClickTrigger:{defaultValue:null,description:"",name:"onClickTrigger",required:!0,type:{name:"(evt: MouseEvent<HTMLDivElement, MouseEvent>) => void"}},element:{defaultValue:null,description:"",name:"element",required:!1,type:{name:"ReactNode"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"ReactNode"}},warning:{defaultValue:null,description:"",name:"warning",required:!1,type:{name:"ReactNode"}},tooltip:{defaultValue:null,description:"",name:"tooltip",required:!1,type:{name:"ReactNode"}},small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean"}},isInTable:{defaultValue:null,description:"",name:"isInTable",required:!1,type:{name:"boolean"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},onChangeSearch:{defaultValue:null,description:"",name:"onChangeSearch",required:!1,type:{name:"((value: string) => void)"}},onClickDeselect:{defaultValue:null,description:"",name:"onClickDeselect",required:!1,type:{name:"((evt: MouseEvent<HTMLDivElement, MouseEvent>) => void)"}},onClickClear:{defaultValue:null,description:"",name:"onClickClear",required:!1,type:{name:"((evt: MouseEvent<HTMLSpanElement, MouseEvent>) => void)"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"number"}},isOpen:{defaultValue:null,description:"",name:"isOpen",required:!1,type:{name:"boolean"}},triggerRef:{defaultValue:null,description:"",name:"triggerRef",required:!1,type:{name:"RefObject<HTMLDivElement>"}},clearAllIsFocused:{defaultValue:null,description:"",name:"clearAllIsFocused",required:!1,type:{name:"boolean"}},focusedSelectedOptionIndex:{defaultValue:null,description:"",name:"focusedSelectedOptionIndex",required:!1,type:{name:"number"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"((evt: FocusEvent<HTMLDivElement, Element>) => void)"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"((evt: FocusEvent<HTMLDivElement, Element>) => void)"}},groupOrder:{defaultValue:null,description:"",name:"groupOrder",required:!1,type:{name:"string"}},maxTooltipWidth:{defaultValue:null,description:"",name:"maxTooltipWidth",required:!1,type:{name:"TStringOrNumber"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string | null"}},right:{defaultValue:null,description:"",name:"right",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}var W=(e=>(e.SET_VISIBLE_OPTIONS="SET_VISIBLE_OPTIONS",e.RESET_LAYER_FOCUS="RESET_LAYER_FOCUS",e.CLEAR_SEARCH="CLEAR_SEARCH",e.ON_CHANGE_SEARCH="ON_CHANGE_SEARCH",e.FOCUS_TRIGGER_INPUTS="FOCUS_TRIGGER_INPUTS",e.BLUR_TRIGGER_INPUTS="BLUR_TRIGGER_INPUTS",e.FOCUS_LAYER_OPTIONS="FOCUS_LAYER_OPTIONS",e.OPEN_LAYER="OPEN_LAYER",e.CLOSE_LAYER="CLOSE_LAYER",e))(W||{});const We={options:["none","clearAll"],currentIndex:0,currentOption:!1,clearAll:!1},Cn=e=>e!==null?e+1:0,De=(e,t)=>{const r=["none",...e.map((c,h)=>c.type!==ae.HEADING?h:null).filter(c=>c!==null)],d=Cn(t);return{options:r,currentIndex:d,current:r[d]}},qn=(e,t)=>{const r=e==="up"?-1:1,d=t.currentIndex+r,c=(d<0?t.options.length-1:d)%t.options.length,h=t.options[c];return{...t,currentIndex:c,current:h}},Ln=(e,t,r)=>{const d=e==="left"?-1:1,c=t&&t.length?["none",...Array.from({length:t.length},(y,v)=>v),"clearAll"]:["none","clearAll"],h=r.currentIndex+d,f=(h<0?c.length-1:h)%c.length,i=c[f];return{options:c,currentIndex:f,currentOption:i,clearAll:i==="clearAll"}},Re=()=>We,Ne=e=>({...e,currentIndex:0,current:"none"}),Vn=(e,t)=>{switch(t.type){case W.SET_VISIBLE_OPTIONS:return{...e,visibleOptions:t.options||[]};case W.RESET_LAYER_FOCUS:return{...e,layerFocus:De(t.options||[],t.firstSelectedOptionIndex||0)};case W.CLEAR_SEARCH:return{...e,visibleOptions:t.options||[],searchValue:""};case W.ON_CHANGE_SEARCH:{let d=[...(t.options||[]).filter(c=>(String(c.label)+(c.details?String(c.details):"")).toLowerCase().includes(String(t.value||"").toLowerCase()))];return t.createAble&&t.value&&t.value!==""&&d.push({label:`Create "${t.value}"`,value:t.value,createAble:!0}),{...e,searchValue:t.value,visibleOptions:d,layerFocus:Ne(e.layerFocus)}}case W.FOCUS_TRIGGER_INPUTS:return{...e,triggerFocus:Ln(t.direction||"right",t.selectedOptions||[],e.triggerFocus),layerFocus:Ne(e.layerFocus)};case W.BLUR_TRIGGER_INPUTS:return{...e,triggerFocus:Re()};case W.FOCUS_LAYER_OPTIONS:return t.nextLayerFocus?{...e,layerFocus:t.nextLayerFocus,triggerFocus:Re()}:e;case W.OPEN_LAYER:return{...e,isLayerOpen:!0};case W.CLOSE_LAYER:return{...e,isLayerOpen:!1};default:return e}},Rn={auto:!0,possiblePlacements:["bottom-start","top-start"],placement:"bottom-start",preferX:"right",preferY:"bottom"};var M=(e=>(e.CLOSE_LAYER="CLOSE_LAYER",e.OPEN_LAYER="OPEN_LAYER",e.SET_VISIBLE_OPTIONS="SET_VISIBLE_OPTIONS",e.CLEAR_SEARCH="CLEAR_SEARCH",e.RESET_LAYER_FOCUS="RESET_LAYER_FOCUS",e.FOCUS_LAYER_OPTIONS="FOCUS_LAYER_OPTIONS",e.BLUR_TRIGGER_INPUTS="BLUR_TRIGGER_INPUTS",e.FOCUS_TRIGGER_INPUTS="FOCUS_TRIGGER_INPUTS",e.ON_CHANGE_SEARCH="ON_CHANGE_SEARCH",e))(M||{}),G=(e=>(e.RIGHT="right",e.LEFT="left",e.UP="up",e.DOWN="down",e.ENTER="enter",e.ESC="esc",e.TAB="tab",e))(G||{});const be=({state:e,dispatch:t,options:r,setTriggerFocus:d,disabled:c,disabledContext:h,onCreate:f,onChange:i,selectedOptions:o,width:y,small:v,isFontLoaded:b,placeholder:O,firstSelectedOptionIndex:I,createAble:S,listRef:n,autoLayerWidth:s})=>{const a=()=>{e.isLayerOpen&&t({type:M.CLOSE_LAYER}),d()},l=()=>t({type:M.OPEN_LAYER}),u=N.useRef(!0);N.useEffect(()=>{u.current?u.current=!1:t({type:M.SET_VISIBLE_OPTIONS,options:r})},[r]);const p=(x,V,Z)=>{if(!(c||h)){if(Z&&Z(),V){if(V.createAble&&f)f(V.value);else if(!V.disabled)if(Array.isArray(o))if(o.some(Y=>Y.label===V.label)){const Y=o.filter(Oe=>Oe.label!==V.label);i&&i(x,Y)}else{const Y=[...o,V];i&&i(x,Y)}else i&&i(x,V)}t({type:M.CLEAR_SEARCH,options:r}),d()}},_=N.useCallback(()=>y?y!=="auto"?y:Ve(r,v,b,O):"100%",[r,b]),g=N.useCallback(x=>s?Math.max(Ve(r,v,b,O),x==null?void 0:x.width):x==null?void 0:x.width,[r,b]),{renderLayer:E,layerProps:L,triggerProps:C,triggerBounds:q}=ze({isOpen:(e==null?void 0:e.isLayerOpen)??!1,overflowContainer:!0,...Rn,ResizeObserver,onOutsideClick:a,onParentClose:a}),T=()=>{if(!(c||h)){if(e.isLayerOpen){a();return}t({type:M.RESET_LAYER_FOCUS,options:r,firstSelectedOptionIndex:I}),l()}},F=N.useRef(!0);N.useEffect(()=>{F.current?F.current=!1:e.isLayerOpen||t({type:M.CLEAR_SEARCH,options:r})},[e.isLayerOpen]);const j=(x,V)=>{const Z=o instanceof Array?o.filter(K=>K.value!==V.value):null;i&&i(x,Z)},A=x=>{const V=o instanceof Array?[]:{value:null};i&&i(x,V)},U=x=>t({type:M.ON_CHANGE_SEARCH,options:r,value:x,createAble:S}),$=()=>{l(),t({type:M.BLUR_TRIGGER_INPUTS})},P=x=>{n.current&&Number.isInteger(x)&&n.current.scrollToItem(x)},z=x=>{const V=qn(x,e.layerFocus);t({type:M.FOCUS_LAYER_OPTIONS,nextLayerFocus:V}),P(V.current)},te=x=>{t({type:M.FOCUS_TRIGGER_INPUTS,ICustomSelectDirection:x,selectedOptions:o})},B=x=>A(x),ne=o&&o[e.triggerFocus.currentOption],le=x=>{j(x,o[e.triggerFocus.currentOption])},X=x=>{var V;p(x,(V=e==null?void 0:e.visibleOptions)==null?void 0:V[e.layerFocus.current],a)},k=e.triggerFocus.clearAll;return{getTriggerWidth:_,onKeyEvent:(x,V)=>{switch(x){case G.UP:{z(x);break}case G.DOWN:{e.isLayerOpen?z(x):$();break}case G.LEFT:case G.RIGHT:{te(x);break}case G.ENTER:{k?B(V):ne?le(V):X(V);break}case G.ESC:{a();break}}},clearAllIsFocused:k,triggerProps:C,onClickTrigger:T,onChangeSearch:U,onClickDeselectOption:j,onClickClearAll:A,renderLayer:E,layerProps:L,closeLayer:a,onSelectOption:p,getLayerWidth:g,triggerBounds:q}};try{be.displayName="useCustomSelectLogic",be.__docgenInfo={description:"",displayName:"useCustomSelectLogic",props:{state:{defaultValue:null,description:"",name:"state",required:!0,type:{name:"ICustomSelectState"}},dispatch:{defaultValue:null,description:"",name:"dispatch",required:!0,type:{name:"(action: any) => void"}},options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"TCustomSelectSelectOption[]"}},setTriggerFocus:{defaultValue:null,description:"",name:"setTriggerFocus",required:!0,type:{name:"TEmpty"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!0,type:{name:"boolean"}},disabledContext:{defaultValue:null,description:"",name:"disabledContext",required:!0,type:{name:"boolean"}},onCreate:{defaultValue:null,description:"",name:"onCreate",required:!0,type:{name:"((value: string) => void) | null"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"((evt: any, selected: any) => void) | null"}},selectedOptions:{defaultValue:null,description:"",name:"selectedOptions",required:!0,type:{name:"ISelectSelectedOption | ISelectSelectedOption[]"}},width:{defaultValue:null,description:"",name:"width",required:!0,type:{name:"TStringOrNumber | null"}},small:{defaultValue:null,description:"",name:"small",required:!0,type:{name:"boolean"}},isFontLoaded:{defaultValue:null,description:"",name:"isFontLoaded",required:!0,type:{name:"boolean"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!0,type:{name:"string"}},firstSelectedOptionIndex:{defaultValue:null,description:"",name:"firstSelectedOptionIndex",required:!0,type:{name:"number"}},createAble:{defaultValue:null,description:"",name:"createAble",required:!0,type:{name:"boolean"}},listRef:{defaultValue:null,description:"",name:"listRef",required:!0,type:{name:"RefObject<any>"}},autoLayerWidth:{defaultValue:null,description:"",name:"autoLayerWidth",required:!0,type:{name:"boolean"}}}}}catch{}const ve=e=>{const{multi:t=!1,disabled:r=!1,error:d=null,warning:c=null,tooltip:h=null,options:f,selectedOptions:i,onCreate:o=null,placeholder:y="",small:v=!1,tabIndex:b=0,onFocus:O=()=>{},onBlur:I=()=>{},searchable:S=!0,clearable:n=!1,maxTooltipWidth:s,closeOnOptionActionClick:a,isInTable:l=!1,groupOrder:u,firstSelectedOptionIndex:p=0,right:_=!1,testId:g=void 0}=e,E=N.useContext(Se),L=o!==null,C=N.useRef(null),[q,T]=we(),F=Pe(),[j,A]=N.useReducer(Vn,{options:f,firstSelectedOptionIndex:p},({options:K})=>({searchValue:"",visibleOptions:K,layerFocus:De(K,p??0),triggerFocus:We,isLayerOpen:!1})),{getTriggerWidth:U,onKeyEvent:$,clearAllIsFocused:P,triggerProps:z,onClickTrigger:te,onChangeSearch:B,onClickDeselectOption:ne,onClickClearAll:le,renderLayer:X,layerProps:k,closeLayer:J,onSelectOption:x,getLayerWidth:V,triggerBounds:Z}=be({...e,state:j,dispatch:A,setTriggerFocus:T,disabledContext:E,isFontLoaded:F,createAble:L,listRef:C});return m.jsx("div",{style:{width:U()},children:m.jsxs(ht,{handleKeys:Object.values(G),onKeyEvent:$,children:[m.jsx(_e,{selectedOptions:i,searchValue:j.searchValue,isOpen:j.isLayerOpen,focusedSelectedOptionIndex:j.triggerFocus.currentOption,clearAllIsFocused:P,searchable:S,triggerRef:Ge(q,z.ref),error:d,warning:c,tooltip:h,small:v,isInTable:l,disabled:r||E,clearable:n,tabIndex:b,onClickTrigger:te,onChangeSearch:B,onClickDeselect:ne,onClickClear:le,onFocus:O,onBlur:I,groupOrder:u,maxTooltipWidth:s,placeholder:y,right:_,testId:g}),j.isLayerOpen&&X(m.jsx("div",{...k,className:w.layerContainer,children:m.jsx(he,{listRef:C,isMulti:t,sections:j.visibleOptions,selectedOptions:i,onSelectOption:(K,Y)=>{x(K,Y,t?void 0:J)},closeLayer:()=>{a&&J()},width:V(Z),small:v,focusedOptionIndex:j.layerFocus.current,firstSelectedOptionIndex:p??0,testId:g&&`${g}-layer`})}))]})})};try{ve.displayName="CustomSelect",ve.__docgenInfo={description:"",displayName:"CustomSelect",props:{multi:{defaultValue:null,description:"",name:"multi",required:!1,type:{name:"boolean"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},warning:{defaultValue:null,description:"",name:"warning",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},tooltip:{defaultValue:null,description:"",name:"tooltip",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"TCustomSelectSelectOption[]"}},selectedOptions:{defaultValue:null,description:"",name:"selectedOptions",required:!0,type:{name:"ISelectSelectedOption | ISelectSelectedOption[]"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((evt: ChangeEvent<HTMLInputElement>, newSelectedOptions: ISelectSelectedOption) => void)"}},onCreate:{defaultValue:null,description:"",name:"onCreate",required:!1,type:{name:"((value: string) => void)"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string | null"}},small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"number"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber | null"}},autoLayerWidth:{defaultValue:null,description:"",name:"autoLayerWidth",required:!1,type:{name:"boolean"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"TEmpty"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"TEmpty"}},searchable:{defaultValue:null,description:"",name:"searchable",required:!1,type:{name:"boolean"}},clearable:{defaultValue:null,description:"",name:"clearable",required:!1,type:{name:"boolean"}},isInTable:{defaultValue:null,description:"",name:"isInTable",required:!1,type:{name:"boolean"}},groupOrder:{defaultValue:null,description:"",name:"groupOrder",required:!1,type:{name:"string"}},firstSelectedOptionIndex:{defaultValue:null,description:"",name:"firstSelectedOptionIndex",required:!0,type:{name:"number | null"}},right:{defaultValue:null,description:"",name:"right",required:!1,type:{name:"boolean"}},maxTooltipWidth:{defaultValue:null,description:"",name:"maxTooltipWidth",required:!1,type:{name:"TStringOrNumber"}},closeOnOptionActionClick:{defaultValue:null,description:"",name:"closeOnOptionActionClick",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const je=e=>{const{name:t="",options:r=[],value:d,native:c=!1,onChange:h=()=>{},deprecatedEventHandler:f=!1,autoScroll:i=!0,warning:o,error:y,checkNonExistentValues:v=!0,closeOnOptionActionClick:b=!0,testId:O}=e,I=!c&&i===!0,{multi:S,simpleInputs:n,options:s,selectedOptions:a,firstSelectedOptionIndex:l,hasNonExistentValue:u}=Xe(r,d,I,v),p=!S,_=c&&p;c&&!p&&console.warn("Native select does not support provided props (see stories)");const g="Value no longer available for re-selection",E=u?o?m.jsxs("div",{children:[m.jsx("div",{children:g}),m.jsx("div",{children:o})]}):g:o,L=u&&y?m.jsxs("div",{children:[m.jsx("div",{children:g}),m.jsx("div",{children:y})]}):y,C=(q,T)=>{if(f){const F=S?T.map(j=>n?j.value:j):n?T.value:T;h(F)}else{const F=!(q instanceof Event),j=S?T:T.value;F?(q.target.name=t,q.target.value=j,S||(q.target.label=T.label),h(q)):h({...q,target:{...q.target,name:t,value:j,...!S&&{label:T.label}}})}};return _?m.jsx(ce,{...e,options:s,selectedOption:a,onChange:C,hasNonExistentValue:u,warning:E,error:L,testId:O}):m.jsx(ve,{...e,options:s,selectedOptions:a,onChange:C,multi:S,firstSelectedOptionIndex:l,warning:E,error:L,testId:O,closeOnOptionActionClick:b})};try{je.displayName="Select",je.__docgenInfo={description:"",displayName:"Select",props:{name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},multi:{defaultValue:null,description:"",name:"multi",required:!1,type:{name:"boolean"}},options:{defaultValue:null,description:"",name:"options",required:!1,type:{name:"ISelectSelectedOption[]"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"any"}},native:{defaultValue:null,description:"",name:"native",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((value: any) => void)"}},deprecatedEventHandler:{defaultValue:null,description:"",name:"deprecatedEventHandler",required:!1,type:{name:"boolean"}},autoScroll:{defaultValue:null,description:"",name:"autoScroll",required:!1,type:{name:"boolean"}},warning:{defaultValue:null,description:"",name:"warning",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},checkNonExistentValues:{defaultValue:null,description:"",name:"checkNonExistentValues",required:!1,type:{name:"boolean"}},closeOnOptionActionClick:{defaultValue:null,description:"",name:"closeOnOptionActionClick",required:!1,type:{name:"boolean"}},small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber | null"}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"TStringOrNumber"}},onCreate:{defaultValue:null,description:"",name:"onCreate",required:!1,type:{name:"((evt: any) => any)"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string | null"}},isInTable:{defaultValue:null,description:"",name:"isInTable",required:!1,type:{name:"boolean"}},clearable:{defaultValue:null,description:"",name:"clearable",required:!1,type:{name:"boolean"}},searchable:{defaultValue:null,description:"",name:"searchable",required:!1,type:{name:"boolean"}},maxTooltipWidth:{defaultValue:null,description:"",name:"maxTooltipWidth",required:!1,type:{name:"TStringOrNumber"}},autoLayerWidth:{defaultValue:null,description:"",name:"autoLayerWidth",required:!1,type:{name:"boolean"}},right:{defaultValue:null,description:"",name:"right",required:!1,type:{name:"boolean"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"number"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}export{je as S};
1
+ import{j as m}from"./jsx-runtime-f961835c.js";import{r as N,g as Ue}from"./index-f80c8c95.js";import{c as D}from"./index-a80ed1cf.js";import{G as re,I as Fe}from"./common-types-2c81813f.js";import{D as Se}from"./disabled-context-d654f6ff.js";import{i as ee}from"./types-332ceaf3.js";import{T as Ie,u as ze,m as Ge}from"./tooltip-23e84186.js";import{p as $e}from"./index-c89a1915.js";import"./lodash-75c70a11.js";import{_ as Ke,a as Ye}from"./inheritsLoose-d4851ab8.js";import{_ as Ee}from"./assertThisInitialized-081f9914.js";import{m as ie}from"./memoize-one.esm-52518564.js";import{M as ae}from"./types-cc224262.js";import{T as se}from"./text-ad1f5f1d.js";import{A as Be}from"./actions-6df5b8ae.js";import{I as ue}from"./icon-ba53aa84.js";import{s as Xe}from"./select.input-88b6ebab.js";const Je="_inputInTable_7891e_1",Ze="_inputHover_7891e_13",Qe="_inputFocus_7891e_18",et="_inputError_7891e_25",tt="_inputWarning_7891e_26",nt="_inputDisabled_7891e_61",lt="_hideScrollbars_7891e_67",rt="_select_7891e_77",at="_isInTable_7891e_121",it="_unSelected_7891e_133",ot="_error_7891e_140",st="_warning_7891e_157",ut="_small_7891e_174",ct="_right_7891e_182",dt="_groupOrderFirst_7891e_193",pt="_groupOrderMiddle_7891e_194",ft="_groupOrderLast_7891e_198",H={inputInTable:Je,inputHover:Ze,inputFocus:Qe,inputError:et,inputWarning:tt,inputDisabled:nt,hideScrollbars:lt,select:rt,isInTable:at,unSelected:it,error:ot,warning:st,small:ut,right:ct,groupOrderFirst:dt,groupOrderMiddle:pt,groupOrderLast:ft},ce=({disabled:e=!1,error:t=null,warning:r=null,tooltip:d=null,options:c,onChange:h=()=>{},onFocus:f=()=>{},onBlur:i=()=>{},right:o=!1,small:y=!1,tabIndex:v=0,selectedOption:b,width:O=null,groupOrder:I=null,testId:S,isInTable:n=!1,clearable:s,placeholder:a,hasNonExistentValue:l,maxTooltipWidth:u,borderRadius:p})=>{const _=N.useContext(Se),g=b===null||(b==null?void 0:b.value)===null?"unselected":b==null?void 0:b.value,E=g==="unselected",L=(g==="unselected"||s?[m.jsx("option",{value:"unselected",disabled:!s,hidden:!s,children:a||"Select..."},"unselected")]:[]).concat(l?[m.jsx("option",{value:b==null?void 0:b.value,disabled:e||_,children:b==null?void 0:b.label},"selectedNonExistentValue")]:[]).concat(c.map((q,T)=>m.jsx("option",{value:q.value,"data-testid":q.testId,children:q.label},T))),C=(()=>{if(I)switch(I){case re.FIRST:return H.groupOrderFirst;case re.LAST:return H.groupOrderLast;default:return H.groupOrderMiddle}return""})();return m.jsx(Ie,{error:!!t,warning:!!r,text:d||t||r,enabled:d&&ee(d)||t&&ee(t)||r&&ee(r)||!1,maxWidth:u,placement:"bottom-center",children:m.jsx("select",{className:D(H.select,E?H.unSelected:"",t?H.error:r?H.warning:"",o?H.right:"",y?H.small:"",n?H.isInTable:"",C),style:{width:O||"",borderRadius:p||""},onChange:q=>{const{value:T}=q.target;let F;T==="unselected"?F={value:null}:F=c.find(A=>String(A.value)===String(T))||{value:null},h(q,F)},onFocus:f,onBlur:i,tabIndex:v,value:g,disabled:e||_,"data-testid":S,children:L})})};try{ce.displayName="NativeSelect",ce.__docgenInfo={description:"",displayName:"NativeSelect",props:{borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"TStringOrNumber"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},error:{defaultValue:{value:"null"},description:"",name:"error",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},warning:{defaultValue:{value:"null"},description:"",name:"warning",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},tooltip:{defaultValue:{value:"null"},description:"",name:"tooltip",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"ISelectSelectedOption[]"}},onChange:{defaultValue:{value:"() => {}"},description:"",name:"onChange",required:!1,type:{name:"((evt: ChangeEvent<HTMLSelectElement>, value: ISelectSelectedOption | { value: null; }) => void)"}},onFocus:{defaultValue:{value:"() => {}"},description:"",name:"onFocus",required:!1,type:{name:"TEmpty"}},onBlur:{defaultValue:{value:"() => {}"},description:"",name:"onBlur",required:!1,type:{name:"TEmpty"}},right:{defaultValue:{value:"false"},description:"",name:"right",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},selectedOption:{defaultValue:null,description:"",name:"selectedOption",required:!1,type:{name:"ISelectSelectedOption"}},width:{defaultValue:{value:"null"},description:"",name:"width",required:!1,type:{name:"TStringOrNumber | null"}},groupOrder:{defaultValue:{value:"null"},description:"",name:"groupOrder",required:!1,type:{name:"string | null"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},isInTable:{defaultValue:{value:"false"},description:"",name:"isInTable",required:!1,type:{name:"boolean"}},clearable:{defaultValue:null,description:"",name:"clearable",required:!1,type:{name:"boolean"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string | null"}},hasNonExistentValue:{defaultValue:null,description:"",name:"hasNonExistentValue",required:!1,type:{name:"boolean"}},maxTooltipWidth:{defaultValue:null,description:"",name:"maxTooltipWidth",required:!1,type:{name:"TStringOrNumber"}}}}}catch{}var Ae={exports:{}};(function(e,t){(function(r,d){e.exports=d(N,$e)})(window,function(r,d){return function(c){var h={};function f(i){if(h[i])return h[i].exports;var o=h[i]={i,l:!1,exports:{}};return c[i].call(o.exports,o,o.exports,f),o.l=!0,o.exports}return f.m=c,f.c=h,f.d=function(i,o,y){f.o(i,o)||Object.defineProperty(i,o,{enumerable:!0,get:y})},f.r=function(i){typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(i,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(i,"__esModule",{value:!0})},f.t=function(i,o){if(1&o&&(i=f(i)),8&o||4&o&&typeof i=="object"&&i&&i.__esModule)return i;var y=Object.create(null);if(f.r(y),Object.defineProperty(y,"default",{enumerable:!0,value:i}),2&o&&typeof i!="string")for(var v in i)f.d(y,v,(function(b){return i[b]}).bind(null,v));return y},f.n=function(i){var o=i&&i.__esModule?function(){return i.default}:function(){return i};return f.d(o,"a",o),o},f.o=function(i,o){return Object.prototype.hasOwnProperty.call(i,o)},f.p="",f(f.s=0)}([function(c,h,f){Object.defineProperty(h,"__esModule",{value:!0});var i=f(1);Object.defineProperty(h,"default",{enumerable:!0,get:function(){return function(o){return o&&o.__esModule?o:{default:o}}(i).default}}),c.exports=h.default},function(c,h,f){Object.defineProperty(h,"__esModule",{value:!0});var i=Object.assign||function(n){for(var s=1;s<arguments.length;s++){var a=arguments[s];for(var l in a)Object.prototype.hasOwnProperty.call(a,l)&&(n[l]=a[l])}return n},o=function(){function n(s,a){for(var l=0;l<a.length;l++){var u=a[l];u.enumerable=u.enumerable||!1,u.configurable=!0,"value"in u&&(u.writable=!0),Object.defineProperty(s,u.key,u)}}return function(s,a,l){return a&&n(s.prototype,a),l&&n(s,l),s}}(),y=O(f(2)),v=O(f(3)),b=f(4);function O(n){return n&&n.__esModule?n:{default:n}}var I=[],S=function(n){function s(a){(function(u,p){if(!(u instanceof p))throw new TypeError("Cannot call a class as a function")})(this,s);var l=function(u,p){if(!u)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!p||typeof p!="object"&&typeof p!="function"?u:p}(this,(s.__proto__||Object.getPrototypeOf(s)).call(this,a));return l.handleKeyboardEvent=l.handleKeyboardEvent.bind(l),l.registerExclusiveHandler=l.registerExclusiveHandler.bind(l),l.deregisterExclusiveHandler=l.deregisterExclusiveHandler.bind(l),l}return function(a,l){if(typeof l!="function"&&l!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof l);a.prototype=Object.create(l&&l.prototype,{constructor:{value:a,enumerable:!1,writable:!0,configurable:!0}}),l&&(Object.setPrototypeOf?Object.setPrototypeOf(a,l):a.__proto__=l)}(s,y.default.Component),o(s,[{key:"componentDidMount",value:function(){document.addEventListener("keydown",this.handleKeyboardEvent,!1),document.addEventListener("keyup",this.handleKeyboardEvent,!1),document.addEventListener("keypress",this.handleKeyboardEvent,!1);var a=this.props,l=a.isExclusive,u=a.isDisabled;l&&!u&&this.registerExclusiveHandler()}},{key:"componentWillUnmount",value:function(){document.removeEventListener("keydown",this.handleKeyboardEvent,!1),document.removeEventListener("keyup",this.handleKeyboardEvent,!1),document.removeEventListener("keypress",this.handleKeyboardEvent,!1),this.deregisterExclusiveHandler()}},{key:"componentDidUpdate",value:function(a){var l=a.isExclusive,u=a.isDisabled;(this.props.isExclusive!==l||this.props.isDisabled!==u)&&(this.props.isExclusive&&!this.props.isDisabled?this.registerExclusiveHandler():this.deregisterExclusiveHandler())}},{key:"registerExclusiveHandler",value:function(){this.deregisterExclusiveHandler(),I.unshift(this)}},{key:"deregisterExclusiveHandler",value:function(){var a=this;I.includes(this)&&(I=I.filter(function(l){return l!==a}))}},{key:"handleKeyboardEvent",value:function(a){var l=this.props,u=l.isDisabled,p=l.handleKeys,_=l.onKeyEvent,g=l.handleEventType,E=l.children,L=l.handleFocusableElements;if(u||g!==a.type||I.length>0&&I[0]!==this)return!1;var C=a.target===document.body||L,q=this.childrenContainer&&this.childrenContainer.contains(a.target);if(!(E?q:C))return!1;var T=(0,b.findMatchedKey)(a,p);return!!T&&(_(T,a),!0)}},{key:"render",value:function(){var a=this,l=this.props.children,u=Object.assign({},this.props),p=!0,_=!1,g=void 0;try{for(var E,L=Object.keys(s.propTypes)[Symbol.iterator]();!(p=(E=L.next()).done);p=!0)delete u[E.value]}catch(C){_=!0,g=C}finally{try{!p&&L.return&&L.return()}finally{if(_)throw g}}return l?y.default.createElement("span",i({ref:function(C){a.childrenContainer=C}},u),l):null}}]),s}();h.default=S,S.propTypes={handleKeys:v.default.array,handleEventType:v.default.oneOf(["keydown","keyup","keypress"]),handleFocusableElements:v.default.bool,onKeyEvent:v.default.func,isDisabled:v.default.bool,isExclusive:v.default.bool,children:v.default.any},S.defaultProps={handleKeys:[],handleFocusableElements:!1,handleEventType:"keydown",onKeyEvent:function(){return null}},c.exports=h.default},function(c,h){c.exports=r},function(c,h){c.exports=d},function(c,h,f){function i(l,u,p){return u in l?Object.defineProperty(l,u,{value:p,enumerable:!0,configurable:!0,writable:!0}):l[u]=p,l}Object.defineProperty(h,"__esModule",{value:!0}),h.matchKeyEvent=a,h.findMatchedKey=function(l,u){var p=u.map(function(_){var g=_.toLowerCase(),E=s[g];return E||[_]}).reduce(function(_,g){return _.concat(g)},[]).find(function(_){return a(l,_)});return!p&&u.includes("all")&&(p="other"),p};var o={backspace:[8],del:[46],delete:[46],ins:[45],insert:[45],tab:[9],enter:[13],return:[13],esc:[27],space:[32],pageup:[33],pagedown:[34],end:[35],home:[36],left:[37],up:[38],right:[39],down:[40],shift:[16],ctrl:[17],alt:[18],cap:[20],num:[144],clear:[12],meta:[91],";":[186,59],"=":[187,61],",":[188,44],"-":[189,45,173,109],minus:[189,45,173,109],".":[190,110],"/":[191,111],"`":[192],"[":[219],"\\":[220],"]":[221],"*":[106],"+":[107],plus:[107],"'":[222],quote:[222]},y=Object.keys(o).reduce(function(l,u){return Object.assign(l,i({},u.toUpperCase(),o[u]))},{}),v="0123456789".split("").reduce(function(l,u,p){return Object.assign(l,i({},u,[p+48,p+96]))},{}),b="ABCDEFGHIJKLMNOPQRSTUVWXYZ".split("").reduce(function(l,u,p){return Object.assign(l,i({},u.toLowerCase(),[p+65]),i({},u,[p+65]))},{}),O="1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19".split(",").reduce(function(l,u,p){return Object.assign(l,i({},"f"+u,[p+112]))},{}),I={control:"ctrl",ctrl:"ctrl",shift:"shift",meta:"meta",cmd:"meta",command:"meta",option:"alt",alt:"alt"},S=h.AllKeys=Object.assign({},o,y,v,b,O),n=Object.assign({},v,b),s={all:Object.keys(S),alphanumeric:Object.keys(n),numeric:Object.keys(v),alphabetic:Object.keys(b),function:Object.keys(O)};function a(l,u){var p=l.which||l.keyCode,_=l.type,g=Object.keys(I).filter(function(A){return l[A+"Key"]}).sort(),E=u.toLowerCase().trim(),L=E==="+"?["+"]:E.split(/\s?\+\s?/),C=L.pop(),q=S[C],T=L;if(_==="keypress")return u==String.fromCharCode(p).toLowerCase();if(T.length===0&&g.length===0)return q.indexOf(p)>=0;if(T.length>0&&g.length>0){var F=T.map(function(A){return I[A]}).sort(),j=F.length===g.length&&F.every(function(A,U){return g[U]===A});return q.indexOf(p)>=0&&j}return T.length==0&&g.length===1&&C===g[0]}}])})})(Ae);var mt=Ae.exports;const ht=Ue(mt),we=()=>{const e=N.useRef(null);return[e,()=>{e.current&&e.current.focus()}]},Pe=()=>{const[e,t]=N.useState(!1);return N.useEffect(()=>{(async()=>{document.fonts&&await document.fonts.ready.then(()=>t(!0))})()},[]),e};var yt=typeof performance=="object"&&typeof performance.now=="function",xe=yt?function(){return performance.now()}:function(){return Date.now()};function Te(e){cancelAnimationFrame(e.id)}function gt(e,t){var r=xe();function d(){xe()-r>=t?e.call(null):c.id=requestAnimationFrame(d)}var c={id:requestAnimationFrame(d)};return c}var oe=-1;function Ce(e){if(e===void 0&&(e=!1),oe===-1||e){var t=document.createElement("div"),r=t.style;r.width="50px",r.height="50px",r.overflow="scroll",document.body.appendChild(t),oe=t.offsetWidth-t.clientWidth,document.body.removeChild(t)}return oe}var Q=null;function qe(e){if(e===void 0&&(e=!1),Q===null||e){var t=document.createElement("div"),r=t.style;r.width="50px",r.height="50px",r.overflow="scroll",r.direction="rtl";var d=document.createElement("div"),c=d.style;return c.width="100px",c.height="100px",t.appendChild(d),document.body.appendChild(t),t.scrollLeft>0?Q="positive-descending":(t.scrollLeft=1,t.scrollLeft===0?Q="negative":Q="positive-ascending"),document.body.removeChild(t),Q}return Q}var _t=150,bt=function(t,r){return t};function vt(e){var t,r=e.getItemOffset,d=e.getEstimatedTotalSize,c=e.getItemSize,h=e.getOffsetForIndexAndAlignment,f=e.getStartIndexForOffset,i=e.getStopIndexForStartIndex,o=e.initInstanceProps,y=e.shouldResetStyleCacheOnItemSizeChange,v=e.validateProps;return t=function(b){Ke(O,b);function O(S){var n;return n=b.call(this,S)||this,n._instanceProps=o(n.props,Ee(n)),n._outerRef=void 0,n._resetIsScrollingTimeoutId=null,n.state={instance:Ee(n),isScrolling:!1,scrollDirection:"forward",scrollOffset:typeof n.props.initialScrollOffset=="number"?n.props.initialScrollOffset:0,scrollUpdateWasRequested:!1},n._callOnItemsRendered=void 0,n._callOnItemsRendered=ie(function(s,a,l,u){return n.props.onItemsRendered({overscanStartIndex:s,overscanStopIndex:a,visibleStartIndex:l,visibleStopIndex:u})}),n._callOnScroll=void 0,n._callOnScroll=ie(function(s,a,l){return n.props.onScroll({scrollDirection:s,scrollOffset:a,scrollUpdateWasRequested:l})}),n._getItemStyle=void 0,n._getItemStyle=function(s){var a=n.props,l=a.direction,u=a.itemSize,p=a.layout,_=n._getItemStyleCache(y&&u,y&&p,y&&l),g;if(_.hasOwnProperty(s))g=_[s];else{var E=r(n.props,s,n._instanceProps),L=c(n.props,s,n._instanceProps),C=l==="horizontal"||p==="horizontal",q=l==="rtl",T=C?E:0;_[s]=g={position:"absolute",left:q?void 0:T,right:q?T:void 0,top:C?0:E,height:C?"100%":L,width:C?L:"100%"}}return g},n._getItemStyleCache=void 0,n._getItemStyleCache=ie(function(s,a,l){return{}}),n._onScrollHorizontal=function(s){var a=s.currentTarget,l=a.clientWidth,u=a.scrollLeft,p=a.scrollWidth;n.setState(function(_){if(_.scrollOffset===u)return null;var g=n.props.direction,E=u;if(g==="rtl")switch(qe()){case"negative":E=-u;break;case"positive-descending":E=p-l-u;break}return E=Math.max(0,Math.min(E,p-l)),{isScrolling:!0,scrollDirection:_.scrollOffset<u?"forward":"backward",scrollOffset:E,scrollUpdateWasRequested:!1}},n._resetIsScrollingDebounced)},n._onScrollVertical=function(s){var a=s.currentTarget,l=a.clientHeight,u=a.scrollHeight,p=a.scrollTop;n.setState(function(_){if(_.scrollOffset===p)return null;var g=Math.max(0,Math.min(p,u-l));return{isScrolling:!0,scrollDirection:_.scrollOffset<g?"forward":"backward",scrollOffset:g,scrollUpdateWasRequested:!1}},n._resetIsScrollingDebounced)},n._outerRefSetter=function(s){var a=n.props.outerRef;n._outerRef=s,typeof a=="function"?a(s):a!=null&&typeof a=="object"&&a.hasOwnProperty("current")&&(a.current=s)},n._resetIsScrollingDebounced=function(){n._resetIsScrollingTimeoutId!==null&&Te(n._resetIsScrollingTimeoutId),n._resetIsScrollingTimeoutId=gt(n._resetIsScrolling,_t)},n._resetIsScrolling=function(){n._resetIsScrollingTimeoutId=null,n.setState({isScrolling:!1},function(){n._getItemStyleCache(-1,null)})},n}O.getDerivedStateFromProps=function(n,s){return St(n,s),v(n),null};var I=O.prototype;return I.scrollTo=function(n){n=Math.max(0,n),this.setState(function(s){return s.scrollOffset===n?null:{scrollDirection:s.scrollOffset<n?"forward":"backward",scrollOffset:n,scrollUpdateWasRequested:!0}},this._resetIsScrollingDebounced)},I.scrollToItem=function(n,s){s===void 0&&(s="auto");var a=this.props,l=a.itemCount,u=a.layout,p=this.state.scrollOffset;n=Math.max(0,Math.min(n,l-1));var _=0;if(this._outerRef){var g=this._outerRef;u==="vertical"?_=g.scrollWidth>g.clientWidth?Ce():0:_=g.scrollHeight>g.clientHeight?Ce():0}this.scrollTo(h(this.props,n,s,p,this._instanceProps,_))},I.componentDidMount=function(){var n=this.props,s=n.direction,a=n.initialScrollOffset,l=n.layout;if(typeof a=="number"&&this._outerRef!=null){var u=this._outerRef;s==="horizontal"||l==="horizontal"?u.scrollLeft=a:u.scrollTop=a}this._callPropsCallbacks()},I.componentDidUpdate=function(){var n=this.props,s=n.direction,a=n.layout,l=this.state,u=l.scrollOffset,p=l.scrollUpdateWasRequested;if(p&&this._outerRef!=null){var _=this._outerRef;if(s==="horizontal"||a==="horizontal")if(s==="rtl")switch(qe()){case"negative":_.scrollLeft=-u;break;case"positive-ascending":_.scrollLeft=u;break;default:var g=_.clientWidth,E=_.scrollWidth;_.scrollLeft=E-g-u;break}else _.scrollLeft=u;else _.scrollTop=u}this._callPropsCallbacks()},I.componentWillUnmount=function(){this._resetIsScrollingTimeoutId!==null&&Te(this._resetIsScrollingTimeoutId)},I.render=function(){var n=this.props,s=n.children,a=n.className,l=n.direction,u=n.height,p=n.innerRef,_=n.innerElementType,g=n.innerTagName,E=n.itemCount,L=n.itemData,C=n.itemKey,q=C===void 0?bt:C,T=n.layout,F=n.outerElementType,j=n.outerTagName,A=n.style,U=n.useIsScrolling,$=n.width,P=this.state.isScrolling,z=l==="horizontal"||T==="horizontal",te=z?this._onScrollHorizontal:this._onScrollVertical,B=this._getRangeToRender(),ne=B[0],le=B[1],X=[];if(E>0)for(var k=ne;k<=le;k++)X.push(N.createElement(s,{data:L,key:q(k,L),index:k,isScrolling:U?P:void 0,style:this._getItemStyle(k)}));var J=d(this.props,this._instanceProps);return N.createElement(F||j||"div",{className:a,onScroll:te,ref:this._outerRefSetter,style:Ye({position:"relative",height:u,width:$,overflow:"auto",WebkitOverflowScrolling:"touch",willChange:"transform",direction:l},A)},N.createElement(_||g||"div",{children:X,ref:p,style:{height:z?"100%":J,pointerEvents:P?"none":void 0,width:z?J:"100%"}}))},I._callPropsCallbacks=function(){if(typeof this.props.onItemsRendered=="function"){var n=this.props.itemCount;if(n>0){var s=this._getRangeToRender(),a=s[0],l=s[1],u=s[2],p=s[3];this._callOnItemsRendered(a,l,u,p)}}if(typeof this.props.onScroll=="function"){var _=this.state,g=_.scrollDirection,E=_.scrollOffset,L=_.scrollUpdateWasRequested;this._callOnScroll(g,E,L)}},I._getRangeToRender=function(){var n=this.props,s=n.itemCount,a=n.overscanCount,l=this.state,u=l.isScrolling,p=l.scrollDirection,_=l.scrollOffset;if(s===0)return[0,0,0,0];var g=f(this.props,_,this._instanceProps),E=i(this.props,g,_,this._instanceProps),L=!u||p==="backward"?Math.max(1,a):1,C=!u||p==="forward"?Math.max(1,a):1;return[Math.max(0,g-L),Math.max(0,Math.min(s-1,E+C)),g,E]},O}(N.PureComponent),t.defaultProps={direction:"ltr",itemData:void 0,layout:"vertical",overscanCount:2,useIsScrolling:!1},t}var St=function(t,r){t.children,t.direction,t.height,t.layout,t.innerTagName,t.outerTagName,t.width,r.instance},It=vt({getItemOffset:function(t,r){var d=t.itemSize;return r*d},getItemSize:function(t,r){var d=t.itemSize;return d},getEstimatedTotalSize:function(t){var r=t.itemCount,d=t.itemSize;return d*r},getOffsetForIndexAndAlignment:function(t,r,d,c,h,f){var i=t.direction,o=t.height,y=t.itemCount,v=t.itemSize,b=t.layout,O=t.width,I=i==="horizontal"||b==="horizontal",S=I?O:o,n=Math.max(0,y*v-S),s=Math.min(n,r*v),a=Math.max(0,r*v-S+v+f);switch(d==="smart"&&(c>=a-S&&c<=s+S?d="auto":d="center"),d){case"start":return s;case"end":return a;case"center":{var l=Math.round(a+(s-a)/2);return l<Math.ceil(S/2)?0:l>n+Math.floor(S/2)?n:l}case"auto":default:return c>=a&&c<=s?c:c<a?a:s}},getStartIndexForOffset:function(t,r){var d=t.itemCount,c=t.itemSize;return Math.max(0,Math.min(d-1,Math.floor(r/c)))},getStopIndexForStartIndex:function(t,r,d){var c=t.direction,h=t.height,f=t.itemCount,i=t.itemSize,o=t.layout,y=t.width,v=c==="horizontal"||o==="horizontal",b=r*i,O=v?y:h,I=Math.ceil((O+d-b)/i);return Math.max(0,Math.min(f-1,r+I-1))},initInstanceProps:function(t){},shouldResetStyleCacheOnItemSizeChange:!0,validateProps:function(t){t.itemSize}});const Ot="_layerContainer_1lbvo_1",Et="_layer_1lbvo_1",xt="_small_1lbvo_23",Tt="_heading_1lbvo_26",Ct="_option_1lbvo_27",qt="_message_1lbvo_28",Lt="_focused_1lbvo_64",Vt="_selected_1lbvo_68",Rt="_disabled_1lbvo_71",Nt="_check_1lbvo_75",jt="_optionContent_1lbvo_92",Ft="_label_1lbvo_97",At="_icon_1lbvo_104",wt="_details_1lbvo_109",w={layerContainer:Ot,layer:Et,small:xt,heading:Tt,option:Ct,message:qt,focused:Lt,selected:Vt,disabled:Rt,check:Nt,optionContent:jt,label:Ft,icon:At,details:wt},de=({label:e})=>m.jsx("div",{onClick:t=>t.stopPropagation(),className:w.heading,children:e});try{de.displayName="Heading",de.__docgenInfo={description:"",displayName:"Heading",props:{label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"TStringOrNumber"}}}}}catch{}const pe=({details:e,label:t,icon:r,disabled:d=!1,selected:c=!1,focused:h=!1,onSelectOption:f,actions:i,closeLayer:o,testId:y})=>m.jsxs("div",{className:D(w.option,d?w.disabled:"",c?w.selected:"",h?w.focused:""),onClick:!d&&f?f:void 0,"data-testid":y,children:[m.jsx("div",{className:w.optionContent,children:m.jsxs("span",{className:w.label,title:t,children:[t,r&&m.jsx("span",{className:w.icon,children:r})]})}),e&&m.jsx("div",{className:D(w.details),children:m.jsx(se,{faint:!0,children:e})}),!!(i!=null&&i.length)&&m.jsx("div",{className:D(w.actions),children:m.jsx(Be,{actions:i,closeLayer:o})}),m.jsx("span",{className:w.check,children:c?m.jsx(ue,{icon:Fe.CHECK}):null})]});try{pe.displayName="Option",pe.__docgenInfo={description:"",displayName:"Option",props:{details:{defaultValue:null,description:"",name:"details",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactNode"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},selected:{defaultValue:{value:"false"},description:"",name:"selected",required:!1,type:{name:"boolean"}},focused:{defaultValue:{value:"false"},description:"",name:"focused",required:!1,type:{name:"boolean"}},onSelectOption:{defaultValue:null,description:"",name:"onSelectOption",required:!1,type:{name:"((event?: MouseEvent<HTMLDivElement, MouseEvent>, section?: ISelectSectionProps) => void) | undefined"}},actions:{defaultValue:null,description:"",name:"actions",required:!1,type:{name:"any[]"}},closeLayer:{defaultValue:null,description:"",name:"closeLayer",required:!1,type:{name:"TEmpty"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const fe=({section:e,selected:t,focused:r,onSelectOption:d,closeLayer:c})=>{const h=N.useContext(Se);switch(e.type){case ae.HEADING:return m.jsx(de,{label:e.label});case ae.OPTION:default:return m.jsx(pe,{closeLayer:c,actions:e.actions,label:e.label,details:e.details,icon:e.icon,disabled:e.disabled||h,selected:t,focused:r,onSelectOption:d,testId:e.testId})}};try{fe.displayName="Section",fe.__docgenInfo={description:"",displayName:"Section",props:{section:{defaultValue:null,description:"",name:"section",required:!0,type:{name:"ISelectSection"}},selected:{defaultValue:null,description:"",name:"selected",required:!1,type:{name:"boolean"}},focused:{defaultValue:null,description:"",name:"focused",required:!1,type:{name:"boolean"}},onSelectOption:{defaultValue:null,description:"",name:"onSelectOption",required:!1,type:{name:"((event?: MouseEvent<HTMLDivElement, MouseEvent>, section?: ISelectSectionProps) => void) | undefined"}},closeLayer:{defaultValue:null,description:"",name:"closeLayer",required:!1,type:{name:"TEmpty"}}}}}catch{}const me=(e,t)=>{const d=document.createElement("canvas").getContext("2d");return d?(d.font=t,d.measureText(e).width):0},Me="14px",ke="12px",Pt="Lato",Mt="sans-serif",kt=14,Ht=7,Wt=38,Dt=24,Ut=5,zt=3,Gt=1,$t=2,Le=10,He=(e=!1,t=!1)=>`${e?ke:Me} ${t?Pt:Mt}`,Kt=(e=!1,t=!1)=>(e?Ht:kt)+(e?Dt:Wt)+(t?17:0),Ve=(e,t,r,d)=>{const c=He(t,r),h=d?me(d,c):0,f=Math.ceil(e.reduce((o,y)=>{var S;const v=(((S=y==null?void 0:y.actions)==null?void 0:S.length)??0)*24,b=y.icon?parseInt(t?ke:Me)+7:0,O=`${y.label} ${y.details||""}`,I=me(O,c)+v+b;return o=I>o?I:o,o},h)),i=Kt(t,!0);return f+i},Yt=(e,t,r)=>{const d=He(!0,r),c=me(e.label,d),h=(t?zt:Ut)*2+Gt*2+$t;return Math.ceil(c+h)},he=({listRef:e,isMulti:t,sections:r,selectedOptions:d,onSelectOption:c,focusedOptionIndex:h,width:f,small:i,firstSelectedOptionIndex:o,closeLayer:y,testId:v})=>{N.useEffect(()=>{o&&o!==null&&e.current!==null&&e.current.scrollToItem(o,"start")},[o,e]);const b=i?24:30;return m.jsx("div",{"data-testid":v,className:D(w.layer,i&&w.small),children:r.length?m.jsx(It,{ref:e,height:r.length<Le?b*r.length:b*Le,itemCount:r.length,itemSize:b,width:f,children:({index:O,style:I})=>{var S;return m.jsx("div",{style:I,children:m.jsx(fe,{closeLayer:y,section:r[O],selected:t&&r[O].type!==ae.HEADING&&Array.isArray(d)?d.some(n=>{var s;return n&&(n==null?void 0:n.value)===((s=r==null?void 0:r[O])==null?void 0:s.value)}):!Array.isArray(d)&&((S=r==null?void 0:r[O])==null?void 0:S.value)===(d==null?void 0:d.value),focused:h===O,onSelectOption:n=>c(n,r[O])})})}}):m.jsx("ul",{children:m.jsx("li",{children:m.jsx("div",{className:w.message,style:{width:f},children:"No matches"})})})})};try{he.displayName="Layer",he.__docgenInfo={description:"",displayName:"Layer",props:{listRef:{defaultValue:null,description:"",name:"listRef",required:!0,type:{name:"RefObject<any>"}},isMulti:{defaultValue:null,description:"",name:"isMulti",required:!1,type:{name:"boolean"}},sections:{defaultValue:null,description:"",name:"sections",required:!0,type:{name:"ISelectSection[]"}},selectedOptions:{defaultValue:null,description:"",name:"selectedOptions",required:!0,type:{name:"ISelectSelectedOption | ISelectSelectedOption[]"}},onSelectOption:{defaultValue:null,description:"",name:"onSelectOption",required:!0,type:{name:"(event?: MouseEvent<HTMLDivElement, MouseEvent> | undefined, section?: ISelectSection | undefined) => void"}},focusedOptionIndex:{defaultValue:null,description:"",name:"focusedOptionIndex",required:!1,type:{name:"number"}},width:{defaultValue:null,description:"",name:"width",required:!0,type:{name:"number"}},small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean"}},firstSelectedOptionIndex:{defaultValue:null,description:"",name:"firstSelectedOptionIndex",required:!1,type:{name:"number"}},closeLayer:{defaultValue:null,description:"",name:"closeLayer",required:!0,type:{name:"TEmpty"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const Bt="_inputInTable_1qfoj_1",Xt="_inputHover_1qfoj_13",Jt="_inputFocus_1qfoj_18",Zt="_inputError_1qfoj_25",Qt="_inputWarning_1qfoj_26",en="_inputDisabled_1qfoj_61",tn="_hideScrollbars_1qfoj_67",nn="_trigger_1qfoj_77",ln="_isInTable_1qfoj_93",rn="_input_1qfoj_1",an="_isOpen_1qfoj_114",on="_error_1qfoj_122",sn="_warning_1qfoj_139",un="_disabled_1qfoj_156",cn="_icons_1qfoj_162",dn="_clearAll_1qfoj_169",pn="_iconOpen_1qfoj_170",fn="_small_1qfoj_181",mn="_triggerInputContainer_1qfoj_189",hn="_right_1qfoj_198",yn="_multiOptions_1qfoj_211",gn="_multiOption_1qfoj_211",_n="_label_1qfoj_239",bn="_closeMultiOption_1qfoj_242",vn="_focus_1qfoj_253",Sn="_selectedSingleValue_1qfoj_257",In="_placeHolder_1qfoj_258",On="_groupOrderFirst_1qfoj_297",En="_groupOrderMiddle_1qfoj_298",xn="_groupOrderLast_1qfoj_302",Tn="_detailedLabel_1qfoj_307",R={inputInTable:Bt,inputHover:Xt,inputFocus:Jt,inputError:Zt,inputWarning:Qt,inputDisabled:en,hideScrollbars:tn,trigger:nn,isInTable:ln,input:rn,isOpen:an,error:on,warning:sn,disabled:un,icons:cn,clearAll:dn,iconOpen:pn,small:fn,triggerInputContainer:mn,right:hn,multiOptions:yn,multiOption:gn,label:_n,closeMultiOption:bn,focus:vn,selectedSingleValue:Sn,placeHolder:In,groupOrderFirst:On,groupOrderMiddle:En,groupOrderLast:xn,detailedLabel:Tn},ye=({selectedOptions:e,small:t,width:r})=>{const d=Pe(),[c,h]=N.useState([]),[f,i]=N.useState([]);return N.useEffect(()=>{let o=[],y=[],v=0;e.forEach((b,O)=>{v+=Yt(b,t,d),O===e.length-1&&v<r||v<r-24?o.push(b):y.push(b)}),h(o),i(y)},[e,d,r]),m.jsxs("div",{className:R.multiOptions,children:[c.filter(o=>o&&o.label).map((o,y)=>m.jsx("span",{className:R.multiOption,onClick:v=>{v.stopPropagation()},children:o.label},y)),f.length>0&&m.jsx(Ie,{text:f.map((o,y)=>m.jsx("div",{children:o.label},y)),display:"inline-flex",children:m.jsx("span",{className:R.multiOption,children:c.length?`+${f.length}`:`${f.length} items`})})]})};try{ye.displayName="MultiSelectedOptions",ye.__docgenInfo={description:"",displayName:"MultiSelectedOptions",props:{selectedOptions:{defaultValue:null,description:"",name:"selectedOptions",required:!0,type:{name:"ISelectSelectedOption[]"}},small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean"}},width:{defaultValue:null,description:"",name:"width",required:!0,type:{name:"number"}}}}}catch{}const ge=({selectedOptions:e,searchable:t=!1,searchValue:r,onChange:d=()=>{},inputRef:c,error:h,placeholder:f="Select...",small:i})=>{const o=N.useRef(null),y=Array.isArray(e),v=y?e.length>0:!!e,b=r?r.length+1:1,O=()=>{var n,s;const I=((n=o.current)==null?void 0:n.offsetWidth)||0,S=((s=c.current)==null?void 0:s.offsetWidth)||0;return I-S};return m.jsxs("div",{className:R.triggerInputContainer,ref:o,children:[v?y?m.jsx(ye,{selectedOptions:e,small:i,width:O()}):m.jsx("span",{className:R.selectedSingleValue,children:r!=null&&r.length?"":e==null?void 0:e.label}):m.jsx("span",{className:R.placeHolder,children:r!=null&&r.length?"":f}),t?m.jsx("input",{tabIndex:-1,ref:c,size:b,className:D(R.input,h?R.error:""),value:r,onChange:I=>d(I.target.value)}):null]})};try{ge.displayName="Input",ge.__docgenInfo={description:"",displayName:"Input",props:{selectedOptions:{defaultValue:null,description:"",name:"selectedOptions",required:!1,type:{name:"ISelectSelectedOption | ISelectSelectedOption[]"}},searchable:{defaultValue:{value:"false"},description:"",name:"searchable",required:!1,type:{name:"boolean"}},searchValue:{defaultValue:null,description:"",name:"searchValue",required:!1,type:{name:"string"}},inputRef:{defaultValue:null,description:"",name:"inputRef",required:!0,type:{name:"MutableRefObject<HTMLInputElement | null>"}},onChange:{defaultValue:{value:"() => {}"},description:"",name:"onChange",required:!1,type:{name:"((value: string) => void)"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"ReactNode"}},placeholder:{defaultValue:{value:"Select..."},description:"",name:"placeholder",required:!1,type:{name:"string | null"}},small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean"}}}}}catch{}const _e=({selectedOptions:e,searchValue:t,searchable:r,clearable:d,onClickTrigger:c,element:h,error:f,warning:i,tooltip:o,small:y,isInTable:v,disabled:b,onChangeSearch:O,onClickDeselect:I,onClickClear:S,tabIndex:n,isOpen:s,triggerRef:a,clearAllIsFocused:l,focusedSelectedOptionIndex:u,onFocus:p,onBlur:_,groupOrder:g,maxTooltipWidth:E,placeholder:L,right:C,testId:q})=>{const[T,F]=we(),j=d&&e&&e.value,A=(()=>{if(g)switch(g){case re.FIRST:return R.groupOrderFirst;case re.LAST:return R.groupOrderLast;default:return R.groupOrderMiddle}return""})(),U=e!=null&&e.details?{...e,label:m.jsxs("div",{className:D(R.detailedLabel),children:[m.jsx(se,{children:e.label}),m.jsx(se,{muted:!0,children:e.details})]})}:e,$=m.jsxs(m.Fragment,{children:[h,m.jsxs("div",{ref:a,tabIndex:n,className:D(R.trigger,s?R.isOpen:"",f?R.error:i?R.warning:"",b?R.disabled:"",y?R.small:"",v?R.isInTable:"",C?R.right:"",A),onClick:P=>{P.stopPropagation(),typeof F=="function"&&F(),c(P)},onFocus:p,onBlur:_,"data-testid":q,children:[m.jsx(ge,{selectedOptions:U,placeholder:L,searchable:r,searchValue:t,inputRef:T,onChange:O,error:f,small:y}),m.jsx("span",{className:R.icons,children:j?m.jsx("span",{className:D(R.clearAll,l?R.focus:""),onClick:P=>{P.stopPropagation(),S&&S(P)},children:m.jsx(ue,{icon:Fe.CLOSE})}):m.jsx("span",{className:D(R.iconOpen),children:m.jsx(ue,{icon:"chevron down"})})})]})]});return m.jsx(m.Fragment,{children:m.jsx(Ie,{error:!!f,warning:!!i,text:o||f||i,enabled:o&&ee(o)||f&&ee(f)||i&&ee(i)||!1,maxWidth:E,placement:"bottom-center",children:$})})};try{_e.displayName="Trigger",_e.__docgenInfo={description:"",displayName:"Trigger",props:{selectedOptions:{defaultValue:null,description:"",name:"selectedOptions",required:!1,type:{name:"ISelectSelectedOption"}},searchValue:{defaultValue:null,description:"",name:"searchValue",required:!1,type:{name:"string"}},searchable:{defaultValue:null,description:"",name:"searchable",required:!1,type:{name:"boolean"}},clearable:{defaultValue:null,description:"",name:"clearable",required:!1,type:{name:"boolean"}},onClickTrigger:{defaultValue:null,description:"",name:"onClickTrigger",required:!0,type:{name:"(evt: MouseEvent<HTMLDivElement, MouseEvent>) => void"}},element:{defaultValue:null,description:"",name:"element",required:!1,type:{name:"ReactNode"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"ReactNode"}},warning:{defaultValue:null,description:"",name:"warning",required:!1,type:{name:"ReactNode"}},tooltip:{defaultValue:null,description:"",name:"tooltip",required:!1,type:{name:"ReactNode"}},small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean"}},isInTable:{defaultValue:null,description:"",name:"isInTable",required:!1,type:{name:"boolean"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},onChangeSearch:{defaultValue:null,description:"",name:"onChangeSearch",required:!1,type:{name:"((value: string) => void)"}},onClickDeselect:{defaultValue:null,description:"",name:"onClickDeselect",required:!1,type:{name:"((evt: MouseEvent<HTMLDivElement, MouseEvent>) => void)"}},onClickClear:{defaultValue:null,description:"",name:"onClickClear",required:!1,type:{name:"((evt: MouseEvent<HTMLSpanElement, MouseEvent>) => void)"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"number"}},isOpen:{defaultValue:null,description:"",name:"isOpen",required:!1,type:{name:"boolean"}},triggerRef:{defaultValue:null,description:"",name:"triggerRef",required:!1,type:{name:"RefObject<HTMLDivElement>"}},clearAllIsFocused:{defaultValue:null,description:"",name:"clearAllIsFocused",required:!1,type:{name:"boolean"}},focusedSelectedOptionIndex:{defaultValue:null,description:"",name:"focusedSelectedOptionIndex",required:!1,type:{name:"number"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"((evt: FocusEvent<HTMLDivElement, Element>) => void)"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"((evt: FocusEvent<HTMLDivElement, Element>) => void)"}},groupOrder:{defaultValue:null,description:"",name:"groupOrder",required:!1,type:{name:"string"}},maxTooltipWidth:{defaultValue:null,description:"",name:"maxTooltipWidth",required:!1,type:{name:"TStringOrNumber"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string | null"}},right:{defaultValue:null,description:"",name:"right",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}var W=(e=>(e.SET_VISIBLE_OPTIONS="SET_VISIBLE_OPTIONS",e.RESET_LAYER_FOCUS="RESET_LAYER_FOCUS",e.CLEAR_SEARCH="CLEAR_SEARCH",e.ON_CHANGE_SEARCH="ON_CHANGE_SEARCH",e.FOCUS_TRIGGER_INPUTS="FOCUS_TRIGGER_INPUTS",e.BLUR_TRIGGER_INPUTS="BLUR_TRIGGER_INPUTS",e.FOCUS_LAYER_OPTIONS="FOCUS_LAYER_OPTIONS",e.OPEN_LAYER="OPEN_LAYER",e.CLOSE_LAYER="CLOSE_LAYER",e))(W||{});const We={options:["none","clearAll"],currentIndex:0,currentOption:!1,clearAll:!1},Cn=e=>e!==null?e+1:0,De=(e,t)=>{const r=["none",...e.map((c,h)=>c.type!==ae.HEADING?h:null).filter(c=>c!==null)],d=Cn(t);return{options:r,currentIndex:d,current:r[d]}},qn=(e,t)=>{const r=e==="up"?-1:1,d=t.currentIndex+r,c=(d<0?t.options.length-1:d)%t.options.length,h=t.options[c];return{...t,currentIndex:c,current:h}},Ln=(e,t,r)=>{const d=e==="left"?-1:1,c=t&&t.length?["none",...Array.from({length:t.length},(y,v)=>v),"clearAll"]:["none","clearAll"],h=r.currentIndex+d,f=(h<0?c.length-1:h)%c.length,i=c[f];return{options:c,currentIndex:f,currentOption:i,clearAll:i==="clearAll"}},Re=()=>We,Ne=e=>({...e,currentIndex:0,current:"none"}),Vn=(e,t)=>{switch(t.type){case W.SET_VISIBLE_OPTIONS:return{...e,visibleOptions:t.options||[]};case W.RESET_LAYER_FOCUS:return{...e,layerFocus:De(t.options||[],t.firstSelectedOptionIndex||0)};case W.CLEAR_SEARCH:return{...e,visibleOptions:t.options||[],searchValue:""};case W.ON_CHANGE_SEARCH:{let d=[...(t.options||[]).filter(c=>(String(c.label)+(c.details?String(c.details):"")).toLowerCase().includes(String(t.value||"").toLowerCase()))];return t.createAble&&t.value&&t.value!==""&&d.push({label:`Create "${t.value}"`,value:t.value,createAble:!0}),{...e,searchValue:t.value,visibleOptions:d,layerFocus:Ne(e.layerFocus)}}case W.FOCUS_TRIGGER_INPUTS:return{...e,triggerFocus:Ln(t.direction||"right",t.selectedOptions||[],e.triggerFocus),layerFocus:Ne(e.layerFocus)};case W.BLUR_TRIGGER_INPUTS:return{...e,triggerFocus:Re()};case W.FOCUS_LAYER_OPTIONS:return t.nextLayerFocus?{...e,layerFocus:t.nextLayerFocus,triggerFocus:Re()}:e;case W.OPEN_LAYER:return{...e,isLayerOpen:!0};case W.CLOSE_LAYER:return{...e,isLayerOpen:!1};default:return e}},Rn={auto:!0,possiblePlacements:["bottom-start","top-start"],placement:"bottom-start",preferX:"right",preferY:"bottom"};var M=(e=>(e.CLOSE_LAYER="CLOSE_LAYER",e.OPEN_LAYER="OPEN_LAYER",e.SET_VISIBLE_OPTIONS="SET_VISIBLE_OPTIONS",e.CLEAR_SEARCH="CLEAR_SEARCH",e.RESET_LAYER_FOCUS="RESET_LAYER_FOCUS",e.FOCUS_LAYER_OPTIONS="FOCUS_LAYER_OPTIONS",e.BLUR_TRIGGER_INPUTS="BLUR_TRIGGER_INPUTS",e.FOCUS_TRIGGER_INPUTS="FOCUS_TRIGGER_INPUTS",e.ON_CHANGE_SEARCH="ON_CHANGE_SEARCH",e))(M||{}),G=(e=>(e.RIGHT="right",e.LEFT="left",e.UP="up",e.DOWN="down",e.ENTER="enter",e.ESC="esc",e.TAB="tab",e))(G||{});const be=({state:e,dispatch:t,options:r,setTriggerFocus:d,disabled:c,disabledContext:h,onCreate:f,onChange:i,selectedOptions:o,width:y,small:v,isFontLoaded:b,placeholder:O,firstSelectedOptionIndex:I,createAble:S,listRef:n,autoLayerWidth:s})=>{const a=()=>{e.isLayerOpen&&t({type:M.CLOSE_LAYER}),d()},l=()=>t({type:M.OPEN_LAYER}),u=N.useRef(!0);N.useEffect(()=>{u.current?u.current=!1:t({type:M.SET_VISIBLE_OPTIONS,options:r})},[r]);const p=(x,V,Z)=>{if(!(c||h)){if(Z&&Z(),V){if(V.createAble&&f)f(V.value);else if(!V.disabled)if(Array.isArray(o))if(o.some(Y=>Y.label===V.label)){const Y=o.filter(Oe=>Oe.label!==V.label);i&&i(x,Y)}else{const Y=[...o,V];i&&i(x,Y)}else i&&i(x,V)}t({type:M.CLEAR_SEARCH,options:r}),d()}},_=N.useCallback(()=>y?y!=="auto"?y:Ve(r,v,b,O):"100%",[r,b]),g=N.useCallback(x=>s?Math.max(Ve(r,v,b,O),x==null?void 0:x.width):x==null?void 0:x.width,[r,b]),{renderLayer:E,layerProps:L,triggerProps:C,triggerBounds:q}=ze({isOpen:(e==null?void 0:e.isLayerOpen)??!1,overflowContainer:!0,...Rn,ResizeObserver,onOutsideClick:a,onParentClose:a}),T=()=>{if(!(c||h)){if(e.isLayerOpen){a();return}t({type:M.RESET_LAYER_FOCUS,options:r,firstSelectedOptionIndex:I}),l()}},F=N.useRef(!0);N.useEffect(()=>{F.current?F.current=!1:e.isLayerOpen||t({type:M.CLEAR_SEARCH,options:r})},[e.isLayerOpen]);const j=(x,V)=>{const Z=o instanceof Array?o.filter(K=>K.value!==V.value):null;i&&i(x,Z)},A=x=>{const V=o instanceof Array?[]:{value:null};i&&i(x,V)},U=x=>t({type:M.ON_CHANGE_SEARCH,options:r,value:x,createAble:S}),$=()=>{l(),t({type:M.BLUR_TRIGGER_INPUTS})},P=x=>{n.current&&Number.isInteger(x)&&n.current.scrollToItem(x)},z=x=>{const V=qn(x,e.layerFocus);t({type:M.FOCUS_LAYER_OPTIONS,nextLayerFocus:V}),P(V.current)},te=x=>{t({type:M.FOCUS_TRIGGER_INPUTS,ICustomSelectDirection:x,selectedOptions:o})},B=x=>A(x),ne=o&&o[e.triggerFocus.currentOption],le=x=>{j(x,o[e.triggerFocus.currentOption])},X=x=>{var V;p(x,(V=e==null?void 0:e.visibleOptions)==null?void 0:V[e.layerFocus.current],a)},k=e.triggerFocus.clearAll;return{getTriggerWidth:_,onKeyEvent:(x,V)=>{switch(x){case G.UP:{z(x);break}case G.DOWN:{e.isLayerOpen?z(x):$();break}case G.LEFT:case G.RIGHT:{te(x);break}case G.ENTER:{k?B(V):ne?le(V):X(V);break}case G.ESC:{a();break}}},clearAllIsFocused:k,triggerProps:C,onClickTrigger:T,onChangeSearch:U,onClickDeselectOption:j,onClickClearAll:A,renderLayer:E,layerProps:L,closeLayer:a,onSelectOption:p,getLayerWidth:g,triggerBounds:q}};try{be.displayName="useCustomSelectLogic",be.__docgenInfo={description:"",displayName:"useCustomSelectLogic",props:{state:{defaultValue:null,description:"",name:"state",required:!0,type:{name:"ICustomSelectState"}},dispatch:{defaultValue:null,description:"",name:"dispatch",required:!0,type:{name:"(action: any) => void"}},options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"TCustomSelectSelectOption[]"}},setTriggerFocus:{defaultValue:null,description:"",name:"setTriggerFocus",required:!0,type:{name:"TEmpty"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!0,type:{name:"boolean"}},disabledContext:{defaultValue:null,description:"",name:"disabledContext",required:!0,type:{name:"boolean"}},onCreate:{defaultValue:null,description:"",name:"onCreate",required:!0,type:{name:"((value: string) => void) | null"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"((evt: any, selected: any) => void) | null"}},selectedOptions:{defaultValue:null,description:"",name:"selectedOptions",required:!0,type:{name:"ISelectSelectedOption | ISelectSelectedOption[]"}},width:{defaultValue:null,description:"",name:"width",required:!0,type:{name:"TStringOrNumber | null"}},small:{defaultValue:null,description:"",name:"small",required:!0,type:{name:"boolean"}},isFontLoaded:{defaultValue:null,description:"",name:"isFontLoaded",required:!0,type:{name:"boolean"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!0,type:{name:"string"}},firstSelectedOptionIndex:{defaultValue:null,description:"",name:"firstSelectedOptionIndex",required:!0,type:{name:"number"}},createAble:{defaultValue:null,description:"",name:"createAble",required:!0,type:{name:"boolean"}},listRef:{defaultValue:null,description:"",name:"listRef",required:!0,type:{name:"RefObject<any>"}},autoLayerWidth:{defaultValue:null,description:"",name:"autoLayerWidth",required:!0,type:{name:"boolean"}}}}}catch{}const ve=e=>{const{multi:t=!1,disabled:r=!1,error:d=null,warning:c=null,tooltip:h=null,options:f,selectedOptions:i,onCreate:o=null,placeholder:y="",small:v=!1,tabIndex:b=0,onFocus:O=()=>{},onBlur:I=()=>{},searchable:S=!0,clearable:n=!1,maxTooltipWidth:s,closeOnOptionActionClick:a,isInTable:l=!1,groupOrder:u,firstSelectedOptionIndex:p=0,right:_=!1,testId:g=void 0}=e,E=N.useContext(Se),L=o!==null,C=N.useRef(null),[q,T]=we(),F=Pe(),[j,A]=N.useReducer(Vn,{options:f,firstSelectedOptionIndex:p},({options:K})=>({searchValue:"",visibleOptions:K,layerFocus:De(K,p??0),triggerFocus:We,isLayerOpen:!1})),{getTriggerWidth:U,onKeyEvent:$,clearAllIsFocused:P,triggerProps:z,onClickTrigger:te,onChangeSearch:B,onClickDeselectOption:ne,onClickClearAll:le,renderLayer:X,layerProps:k,closeLayer:J,onSelectOption:x,getLayerWidth:V,triggerBounds:Z}=be({...e,state:j,dispatch:A,setTriggerFocus:T,disabledContext:E,isFontLoaded:F,createAble:L,listRef:C});return m.jsx("div",{style:{width:U()},children:m.jsxs(ht,{handleKeys:Object.values(G),onKeyEvent:$,children:[m.jsx(_e,{selectedOptions:i,searchValue:j.searchValue,isOpen:j.isLayerOpen,focusedSelectedOptionIndex:j.triggerFocus.currentOption,clearAllIsFocused:P,searchable:S,triggerRef:Ge(q,z.ref),error:d,warning:c,tooltip:h,small:v,isInTable:l,disabled:r||E,clearable:n,tabIndex:b,onClickTrigger:te,onChangeSearch:B,onClickDeselect:ne,onClickClear:le,onFocus:O,onBlur:I,groupOrder:u,maxTooltipWidth:s,placeholder:y,right:_,testId:g}),j.isLayerOpen&&X(m.jsx("div",{...k,className:w.layerContainer,children:m.jsx(he,{listRef:C,isMulti:t,sections:j.visibleOptions,selectedOptions:i,onSelectOption:(K,Y)=>{x(K,Y,t?void 0:J)},closeLayer:()=>{a&&J()},width:V(Z),small:v,focusedOptionIndex:j.layerFocus.current,firstSelectedOptionIndex:p??0,testId:g&&`${g}-layer`})}))]})})};try{ve.displayName="CustomSelect",ve.__docgenInfo={description:"",displayName:"CustomSelect",props:{multi:{defaultValue:null,description:"",name:"multi",required:!1,type:{name:"boolean"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},warning:{defaultValue:null,description:"",name:"warning",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},tooltip:{defaultValue:null,description:"",name:"tooltip",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"TCustomSelectSelectOption[]"}},selectedOptions:{defaultValue:null,description:"",name:"selectedOptions",required:!0,type:{name:"ISelectSelectedOption | ISelectSelectedOption[]"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((evt: ChangeEvent<HTMLInputElement>, newSelectedOptions: ISelectSelectedOption) => void)"}},onCreate:{defaultValue:null,description:"",name:"onCreate",required:!1,type:{name:"((value: string) => void)"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string | null"}},small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"number"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber | null"}},autoLayerWidth:{defaultValue:null,description:"",name:"autoLayerWidth",required:!1,type:{name:"boolean"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"TEmpty"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"TEmpty"}},searchable:{defaultValue:null,description:"",name:"searchable",required:!1,type:{name:"boolean"}},clearable:{defaultValue:null,description:"",name:"clearable",required:!1,type:{name:"boolean"}},isInTable:{defaultValue:null,description:"",name:"isInTable",required:!1,type:{name:"boolean"}},groupOrder:{defaultValue:null,description:"",name:"groupOrder",required:!1,type:{name:"string"}},firstSelectedOptionIndex:{defaultValue:null,description:"",name:"firstSelectedOptionIndex",required:!0,type:{name:"number | null"}},right:{defaultValue:null,description:"",name:"right",required:!1,type:{name:"boolean"}},maxTooltipWidth:{defaultValue:null,description:"",name:"maxTooltipWidth",required:!1,type:{name:"TStringOrNumber"}},closeOnOptionActionClick:{defaultValue:null,description:"",name:"closeOnOptionActionClick",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const je=e=>{const{name:t="",options:r=[],value:d,native:c=!1,onChange:h=()=>{},deprecatedEventHandler:f=!1,autoScroll:i=!0,warning:o,error:y,checkNonExistentValues:v=!0,closeOnOptionActionClick:b=!0,testId:O}=e,I=!c&&i===!0,{multi:S,simpleInputs:n,options:s,selectedOptions:a,firstSelectedOptionIndex:l,hasNonExistentValue:u}=Xe(r,d,I,v),p=!S,_=c&&p;c&&!p&&console.warn("Native select does not support provided props (see stories)");const g="Value no longer available for re-selection",E=u?o?m.jsxs("div",{children:[m.jsx("div",{children:g}),m.jsx("div",{children:o})]}):g:o,L=u&&y?m.jsxs("div",{children:[m.jsx("div",{children:g}),m.jsx("div",{children:y})]}):y,C=(q,T)=>{if(f){const F=S?T.map(j=>n?j.value:j):n?T.value:T;h(F)}else{const F=!(q instanceof Event),j=S?T:T.value;F?(q.target.name=t,q.target.value=j,S||(q.target.label=T.label),h(q)):h({...q,target:{...q.target,name:t,value:j,...!S&&{label:T.label}}})}};return _?m.jsx(ce,{...e,options:s,selectedOption:a,onChange:C,hasNonExistentValue:u,warning:E,error:L,testId:O}):m.jsx(ve,{...e,options:s,selectedOptions:a,onChange:C,multi:S,firstSelectedOptionIndex:l,warning:E,error:L,testId:O,closeOnOptionActionClick:b})};try{je.displayName="Select",je.__docgenInfo={description:"",displayName:"Select",props:{name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},multi:{defaultValue:null,description:"",name:"multi",required:!1,type:{name:"boolean"}},options:{defaultValue:null,description:"",name:"options",required:!1,type:{name:"ISelectSelectedOption[]"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"any"}},native:{defaultValue:null,description:"",name:"native",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((value: any) => void)"}},deprecatedEventHandler:{defaultValue:null,description:"",name:"deprecatedEventHandler",required:!1,type:{name:"boolean"}},autoScroll:{defaultValue:null,description:"",name:"autoScroll",required:!1,type:{name:"boolean"}},warning:{defaultValue:null,description:"",name:"warning",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},checkNonExistentValues:{defaultValue:null,description:"",name:"checkNonExistentValues",required:!1,type:{name:"boolean"}},closeOnOptionActionClick:{defaultValue:null,description:"",name:"closeOnOptionActionClick",required:!1,type:{name:"boolean"}},small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber | null"}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"TStringOrNumber"}},onCreate:{defaultValue:null,description:"",name:"onCreate",required:!1,type:{name:"((evt: any) => any)"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string | null"}},isInTable:{defaultValue:null,description:"",name:"isInTable",required:!1,type:{name:"boolean"}},clearable:{defaultValue:null,description:"",name:"clearable",required:!1,type:{name:"boolean"}},searchable:{defaultValue:null,description:"",name:"searchable",required:!1,type:{name:"boolean"}},maxTooltipWidth:{defaultValue:null,description:"",name:"maxTooltipWidth",required:!1,type:{name:"TStringOrNumber"}},autoLayerWidth:{defaultValue:null,description:"",name:"autoLayerWidth",required:!1,type:{name:"boolean"}},right:{defaultValue:null,description:"",name:"right",required:!1,type:{name:"boolean"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"number"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}export{je as S};
@@ -1,4 +1,4 @@
1
- import{j as n}from"./jsx-runtime-f961835c.js";import{r as ln}from"./index-f80c8c95.js";import{S as r}from"./select-6b6d28f7.js";import{S as k}from"./spacer-54db0620.js";import{I as F}from"./common-types-2c81813f.js";import{I as W}from"./icon-c5e1f218.js";import{T as tn}from"./text-ad1f5f1d.js";import"./index-a80ed1cf.js";import"./disabled-context-d654f6ff.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./index-c89a1915.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./actions-46447905.js";import"./button-e6a6c574.js";import"./spinner-cb92a546.js";import"./badge-3abf067b.js";import"./select.input-88b6ebab.js";import"./tslib.es6-dfef685f.js";const sn=[{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Koalas",value:"leaves"},{label:"Monkeys",value:"bananas",disabled:!0},{label:"Wombats",value:"bark"}],rn=[{label:"Kangaroos",value:"grass",details:"(grass)"},{label:"Monkeys",value:"bananas",details:"(bananas)"},{label:"Possums",value:"slugs",details:"(slugs)"}],on=[{type:"Heading",label:"Large"},{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas"},{type:"Heading",label:"Small"},{label:"Possums",value:"slugs"}],dn=[{label:1,value:1},{label:2,value:2},{label:3,value:3},{label:4,value:4}],cn=[{label:"Yes",value:!0},{label:"No",value:!1}],un=[{label:"Aardvarks",value:"termites"},{label:"Monkeys",value:"bananas"},{label:"Vampires",value:"blood",icon:n.jsx(W,{icon:F.WARNING,color:"var(--color-text-warning)"})},{label:"Zombies",value:"brains",icon:n.jsx(W,{icon:F.ERROR,color:"var(--color-text-error)"})}],s=[{label:"Delete",icon:"delete",onClick:()=>{}},{label:"Rename",icon:"rename",onClick:()=>{}}],pn=[{label:"Kangaroos",value:"grass",actions:s},{label:"Monkeys",value:"bananas",actions:s},{label:"Possums",value:"slugs",actions:s,details:"(some details)"}],hn=[{label:"Kangaroos",value:"grass",actions:s,icon:n.jsx(W,{icon:F.WARNING,color:"var(--color-text-warning)"}),details:"(grass)"},{label:"Monkeys",value:"bananas",actions:s,icon:n.jsx(W,{icon:F.WARNING,color:"var(--color-text-warning)"}),details:"(bananas)"},{label:"Possums",value:"slugs",actions:s,icon:n.jsx(W,{icon:F.WARNING,color:"var(--color-text-warning)"}),details:"(slugs)"}],gn=[...Array(1e4).keys()].map((a,N)=>({label:Math.random().toString(36).substring(7),value:N})),vn=["Aardvarks","Kangaroos","Monkeys","Possums"],Kn={title:"Forms/Select",component:r,args:{options:sn,native:!1,multi:!1,disabled:!1,autoLayerWidth:!1,clearable:!1,searchable:!0,right:!1}},e=a=>{const{multi:N,value:en}=a,[O,nn]=ln.useState(en||(N?[]:void 0)),E=an=>{const{value:I}=an.target;nn(N?I:{value:I})};return n.jsxs(n.Fragment,{children:[n.jsx(r,{value:O,onChange:E,placeholder:"Full width",...a}),n.jsx(k,{}),n.jsx(r,{value:O,onChange:E,width:"200px",placeholder:"Fixed width",...a}),n.jsx(k,{}),n.jsx(r,{value:O,onChange:E,width:"auto",placeholder:"Auto width",...a}),n.jsx(k,{}),n.jsx(r,{value:O,onChange:E,width:"auto",placeholder:"Small",small:!0,...a}),n.jsx(k,{}),n.jsx(tn,{small:!0,muted:!0,children:"Avoid auto width for very long lists."})]})},L=e.bind({}),o=e.bind({});o.args={native:!0};const d=e.bind({});d.args={multi:!0,clearable:!0};const i=e.bind({});i.args={options:[]};const c=e.bind({});c.args={clearable:!0};const u=e.bind({});u.args={value:{label:"Vampires",value:"blood"}};const p=e.bind({});p.args={placeholder:"Select the best animal..."};const h=e.bind({});h.args={options:on};const g=e.bind({});g.args={options:rn};const v=e.bind({});v.args={options:un};const m=e.bind({});m.args={options:pn};const S=e.bind({});S.args={options:hn};const x=e.bind({});x.args={searchable:!1};const C=e.bind({});C.args={right:!0};const l=e.bind({});l.parameters={docs:{description:{story:"Avoid autoLayerWidth for very long lists in custom selects (slow)"}}};l.args={width:"70px",autoLayerWidth:!0};const b=e.bind({});b.args={tooltip:"Some info"};const w=e.bind({});w.args={error:"Some info"};const V=e.bind({});V.args={warning:"Some info"};const j=e.bind({});j.args={disabled:!0};const y=e.bind({});y.args={options:dn,placeholder:void 0};const f=e.bind({});f.args={options:cn};const A=e.bind({});A.args={options:vn};const t=e.bind({});t.parameters={docs:{description:{story:"Avoid `width: auto` and autoLayerWidth for very long lists in custom selects (slow). Consider checkNonExistentValues={false}."}}};t.args={options:gn};const T=e.bind({});T.args={deprecatedEventHandler:!0};var R,D,M;L.parameters={...L.parameters,docs:{...(R=L.parameters)==null?void 0:R.docs,source:{originalSource:`(args: any) => {
1
+ import{j as n}from"./jsx-runtime-f961835c.js";import{r as ln}from"./index-f80c8c95.js";import{S as r}from"./select-c02c4802.js";import{S as k}from"./spacer-54db0620.js";import{I as F}from"./common-types-2c81813f.js";import{I as W}from"./icon-ba53aa84.js";import{T as tn}from"./text-ad1f5f1d.js";import"./index-a80ed1cf.js";import"./disabled-context-d654f6ff.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./index-c89a1915.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./actions-6df5b8ae.js";import"./button-2f702fe9.js";import"./spinner-cb92a546.js";import"./badge-3abf067b.js";import"./select.input-88b6ebab.js";import"./tslib.es6-dfef685f.js";const sn=[{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Koalas",value:"leaves"},{label:"Monkeys",value:"bananas",disabled:!0},{label:"Wombats",value:"bark"}],rn=[{label:"Kangaroos",value:"grass",details:"(grass)"},{label:"Monkeys",value:"bananas",details:"(bananas)"},{label:"Possums",value:"slugs",details:"(slugs)"}],on=[{type:"Heading",label:"Large"},{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas"},{type:"Heading",label:"Small"},{label:"Possums",value:"slugs"}],dn=[{label:1,value:1},{label:2,value:2},{label:3,value:3},{label:4,value:4}],cn=[{label:"Yes",value:!0},{label:"No",value:!1}],un=[{label:"Aardvarks",value:"termites"},{label:"Monkeys",value:"bananas"},{label:"Vampires",value:"blood",icon:n.jsx(W,{icon:F.WARNING,color:"var(--color-text-warning)"})},{label:"Zombies",value:"brains",icon:n.jsx(W,{icon:F.ERROR,color:"var(--color-text-error)"})}],s=[{label:"Delete",icon:"delete",onClick:()=>{}},{label:"Rename",icon:"rename",onClick:()=>{}}],pn=[{label:"Kangaroos",value:"grass",actions:s},{label:"Monkeys",value:"bananas",actions:s},{label:"Possums",value:"slugs",actions:s,details:"(some details)"}],hn=[{label:"Kangaroos",value:"grass",actions:s,icon:n.jsx(W,{icon:F.WARNING,color:"var(--color-text-warning)"}),details:"(grass)"},{label:"Monkeys",value:"bananas",actions:s,icon:n.jsx(W,{icon:F.WARNING,color:"var(--color-text-warning)"}),details:"(bananas)"},{label:"Possums",value:"slugs",actions:s,icon:n.jsx(W,{icon:F.WARNING,color:"var(--color-text-warning)"}),details:"(slugs)"}],gn=[...Array(1e4).keys()].map((a,N)=>({label:Math.random().toString(36).substring(7),value:N})),vn=["Aardvarks","Kangaroos","Monkeys","Possums"],Kn={title:"Forms/Select",component:r,args:{options:sn,native:!1,multi:!1,disabled:!1,autoLayerWidth:!1,clearable:!1,searchable:!0,right:!1}},e=a=>{const{multi:N,value:en}=a,[O,nn]=ln.useState(en||(N?[]:void 0)),E=an=>{const{value:I}=an.target;nn(N?I:{value:I})};return n.jsxs(n.Fragment,{children:[n.jsx(r,{value:O,onChange:E,placeholder:"Full width",...a}),n.jsx(k,{}),n.jsx(r,{value:O,onChange:E,width:"200px",placeholder:"Fixed width",...a}),n.jsx(k,{}),n.jsx(r,{value:O,onChange:E,width:"auto",placeholder:"Auto width",...a}),n.jsx(k,{}),n.jsx(r,{value:O,onChange:E,width:"auto",placeholder:"Small",small:!0,...a}),n.jsx(k,{}),n.jsx(tn,{small:!0,muted:!0,children:"Avoid auto width for very long lists."})]})},L=e.bind({}),o=e.bind({});o.args={native:!0};const d=e.bind({});d.args={multi:!0,clearable:!0};const i=e.bind({});i.args={options:[]};const c=e.bind({});c.args={clearable:!0};const u=e.bind({});u.args={value:{label:"Vampires",value:"blood"}};const p=e.bind({});p.args={placeholder:"Select the best animal..."};const h=e.bind({});h.args={options:on};const g=e.bind({});g.args={options:rn};const v=e.bind({});v.args={options:un};const m=e.bind({});m.args={options:pn};const S=e.bind({});S.args={options:hn};const x=e.bind({});x.args={searchable:!1};const C=e.bind({});C.args={right:!0};const l=e.bind({});l.parameters={docs:{description:{story:"Avoid autoLayerWidth for very long lists in custom selects (slow)"}}};l.args={width:"70px",autoLayerWidth:!0};const b=e.bind({});b.args={tooltip:"Some info"};const w=e.bind({});w.args={error:"Some info"};const V=e.bind({});V.args={warning:"Some info"};const j=e.bind({});j.args={disabled:!0};const y=e.bind({});y.args={options:dn,placeholder:void 0};const f=e.bind({});f.args={options:cn};const A=e.bind({});A.args={options:vn};const t=e.bind({});t.parameters={docs:{description:{story:"Avoid `width: auto` and autoLayerWidth for very long lists in custom selects (slow). Consider checkNonExistentValues={false}."}}};t.args={options:gn};const T=e.bind({});T.args={deprecatedEventHandler:!0};var R,D,M;L.parameters={...L.parameters,docs:{...(R=L.parameters)==null?void 0:R.docs,source:{originalSource:`(args: any) => {
2
2
  const {
3
3
  multi,
4
4
  value
@@ -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 b}from"./index-a80ed1cf.js";import{i as f}from"./index-c7f280f6.js";import{B as y,I as E}from"./common-types-2c81813f.js";import{D as j}from"./drawer-2407de69.js";import{T as I}from"./tooltip-23e84186.js";import{I as T}from"./icon-c5e1f218.js";import{B as M}from"./badge-3abf067b.js";import{B as N}from"./button-e6a6c574.js";const S="_inputInTable_9gmrd_1",C="_inputHover_9gmrd_13",O="_inputFocus_9gmrd_18",q="_inputError_9gmrd_25",k="_inputWarning_9gmrd_26",B="_inputDisabled_9gmrd_61",V="_hideScrollbars_9gmrd_67",L="_sidebar_9gmrd_82",A="_inner_9gmrd_93",H="_title_9gmrd_103",F="_subtitle_9gmrd_104",D="_label_9gmrd_105",R="_collapsed_9gmrd_109",W="_list_9gmrd_134",P="_item_9gmrd_138",z="_experimental_9gmrd_153",U="_active_9gmrd_157",$="_icon_9gmrd_161",s={inputInTable:S,inputHover:C,inputFocus:O,inputError:q,inputWarning:k,inputDisabled:B,hideScrollbars:V,sidebar:L,inner:A,title:H,subtitle:F,label:D,collapsed:R,list:W,item:P,experimental:z,active:U,icon:$},w=u.memo(({isOpen:t,label:i,icon:l,invalid:a})=>{const r=()=>e.jsx(I,{text:i,enabled:!t,placement:"right-center",possiblePlacements:["right-center"],triggerOffset:24,fontSize:16,padding:"var(--padding-sm)",display:"block",children:e.jsx(T,{icon:l})}),n=()=>e.jsx(M,{small:!0,title:"!",margin:4,children:e.jsx(r,{})});return e.jsxs(e.Fragment,{children:[e.jsx("span",{className:s.icon,children:a?e.jsx(n,{}):e.jsx(r,{})}),e.jsx("span",{className:s.label,children:i})]})},(t,i)=>f(t,i)),p=({isOpen:t,items:i,sectionIndex:l,onClick:a,testId:r})=>e.jsx("div",{className:s.list,children:i.map((n,d)=>{const c=`${l}_${d}`;return e.jsx("a",{href:n.value,className:b(s.item,n.isActive?s.active:"",n.isExperimental?s.experimental:""),onClick:o=>a(o,n.value,n.label,n.onClick),"data-testid":r,children:e.jsx(w,{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((a,r)=>e.jsxs(h.Fragment,{children:[e.jsx("h5",{className:s.subtitle,children:a.heading.toUpperCase()}),e.jsx(p,{isOpen:t,items:a.items,sectionIndex:r,onClick:l,testId:a.testId})]},r))});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 g=u.memo(({options:t,startOpen:i=!1,onShiftClickToggleOpen:l=()=>{},top:a})=>{const[r,n]=u.useState(i),d=(o,v,x,_)=>{o.preventDefault(),typeof _=="function"&&(o.currentTarget.value=v,o.currentTarget.label=x,_(o)),n(!1)},c=t.sections.length>0;return e.jsx(j,{fixed:!0,open:r,top:a,background:"var(--color-background-sidebar)",closedWidth:"var(--size-sidebar)",buttonPosition:y.BOTTOM,buttonAnimate:!0,button:c&&e.jsx(N,{onClick:o=>{o.shiftKey&&l&&l(o),n(!r)},colored:!0,round:!0,icon:E.LEFT}),children:e.jsx("div",{className:b(s.sidebar,r?"":s.collapsed),children:c&&e.jsxs("div",{className:s.inner,children:[e.jsx("h4",{className:s.title,children:t.title}),e.jsx(m,{isOpen:r,sections:t.sections,onClick:d})]})})})},(t,i)=>f(t,i));try{g.displayName="SideBar",g.__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{g 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 b}from"./index-a80ed1cf.js";import{i as f}from"./index-c7f280f6.js";import{B as y,I as E}from"./common-types-2c81813f.js";import{D as j}from"./drawer-7c124013.js";import{T as I}from"./tooltip-23e84186.js";import{I as T}from"./icon-ba53aa84.js";import{B as M}from"./badge-3abf067b.js";import{B as N}from"./button-2f702fe9.js";const S="_inputInTable_9gmrd_1",C="_inputHover_9gmrd_13",O="_inputFocus_9gmrd_18",q="_inputError_9gmrd_25",k="_inputWarning_9gmrd_26",B="_inputDisabled_9gmrd_61",V="_hideScrollbars_9gmrd_67",L="_sidebar_9gmrd_82",A="_inner_9gmrd_93",H="_title_9gmrd_103",F="_subtitle_9gmrd_104",D="_label_9gmrd_105",R="_collapsed_9gmrd_109",W="_list_9gmrd_134",P="_item_9gmrd_138",z="_experimental_9gmrd_153",U="_active_9gmrd_157",$="_icon_9gmrd_161",s={inputInTable:S,inputHover:C,inputFocus:O,inputError:q,inputWarning:k,inputDisabled:B,hideScrollbars:V,sidebar:L,inner:A,title:H,subtitle:F,label:D,collapsed:R,list:W,item:P,experimental:z,active:U,icon:$},w=u.memo(({isOpen:t,label:i,icon:l,invalid:a})=>{const r=()=>e.jsx(I,{text:i,enabled:!t,placement:"right-center",possiblePlacements:["right-center"],triggerOffset:24,fontSize:16,padding:"var(--padding-sm)",display:"block",children:e.jsx(T,{icon:l})}),n=()=>e.jsx(M,{small:!0,title:"!",margin:4,children:e.jsx(r,{})});return e.jsxs(e.Fragment,{children:[e.jsx("span",{className:s.icon,children:a?e.jsx(n,{}):e.jsx(r,{})}),e.jsx("span",{className:s.label,children:i})]})},(t,i)=>f(t,i)),p=({isOpen:t,items:i,sectionIndex:l,onClick:a,testId:r})=>e.jsx("div",{className:s.list,children:i.map((n,d)=>{const c=`${l}_${d}`;return e.jsx("a",{href:n.value,className:b(s.item,n.isActive?s.active:"",n.isExperimental?s.experimental:""),onClick:o=>a(o,n.value,n.label,n.onClick),"data-testid":r,children:e.jsx(w,{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((a,r)=>e.jsxs(h.Fragment,{children:[e.jsx("h5",{className:s.subtitle,children:a.heading.toUpperCase()}),e.jsx(p,{isOpen:t,items:a.items,sectionIndex:r,onClick:l,testId:a.testId})]},r))});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 g=u.memo(({options:t,startOpen:i=!1,onShiftClickToggleOpen:l=()=>{},top:a})=>{const[r,n]=u.useState(i),d=(o,v,x,_)=>{o.preventDefault(),typeof _=="function"&&(o.currentTarget.value=v,o.currentTarget.label=x,_(o)),n(!1)},c=t.sections.length>0;return e.jsx(j,{fixed:!0,open:r,top:a,background:"var(--color-background-sidebar)",closedWidth:"var(--size-sidebar)",buttonPosition:y.BOTTOM,buttonAnimate:!0,button:c&&e.jsx(N,{onClick:o=>{o.shiftKey&&l&&l(o),n(!r)},colored:!0,round:!0,icon:E.LEFT}),children:e.jsx("div",{className:b(s.sidebar,r?"":s.collapsed),children:c&&e.jsxs("div",{className:s.inner,children:[e.jsx("h4",{className:s.title,children:t.title}),e.jsx(m,{isOpen:r,sections:t.sections,onClick:d})]})})})},(t,i)=>f(t,i));try{g.displayName="SideBar",g.__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{g as S};
@@ -1 +1 @@
1
- import{j as a}from"./jsx-runtime-f961835c.js";import{I as t}from"./common-types-2c81813f.js";import{S as m}from"./side-bar-bc0bfe9c.js";import{F as g}from"./flex-89b67483.js";import{B as u}from"./badge-3abf067b.js";import{s as S}from"./icon-custom-822ce507.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./index-c7f280f6.js";import"./drawer-2407de69.js";import"./lodash-75c70a11.js";import"./index-c89a1915.js";import"./index-3d476d02.js";import"./icon-c5e1f218.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./disabled-context-d654f6ff.js";import"./button-e6a6c574.js";import"./spinner-cb92a546.js";import"./tooltip-23e84186.js";const h=[{heading:"First Heading",items:[{label:"Section A",value:"/path/to/something",onClick:()=>{},icon:S},{label:a.jsxs(g,{alignItems:"center",gap:"var(--padding-xxs)",children:["Section B",a.jsx(u,{small:!0,title:"BETA"})]}),value:"/path/to/something",onClick:()=>{},icon:t.HELP,isActive:!0},{label:"Section C",value:"/path/to/something",onClick:()=>{},icon:t.EDIT},{label:"Experimental Section",value:"/path/to/something",onClick:()=>{},icon:t.LIBRARY,isExperimental:!0}]},{heading:"Second Heading",items:[{label:"Section 1",value:"/path/to/something",onClick:()=>{},icon:t.SETTINGS},{label:"Section 2",value:"/path/to/something",onClick:()=>{},icon:t.STAR},{label:"Invalid Section",value:"/path/to/something",onClick:()=>{},icon:t.NOTIFICATION,invalid:!0}]}],L={title:"Navigation/SideBar",component:m,parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}},args:{options:{title:"Title",sections:h},startOpen:!1},argTypes:{top:{control:{type:"text"}},startOpen:{control:{type:"boolean"}}}},c=d=>a.jsx(m,{...d}),o=c.bind({}),e=c.bind({});e.args={startOpen:!0};var i,r,s;o.parameters={...o.parameters,docs:{...(i=o.parameters)==null?void 0:i.docs,source:{originalSource:"args => <SideBar {...args} />",...(s=(r=o.parameters)==null?void 0:r.docs)==null?void 0:s.source}}};var n,l,p;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:"args => <SideBar {...args} />",...(p=(l=e.parameters)==null?void 0:l.docs)==null?void 0:p.source}}};const G=["Default","StartOpen"];export{o as Default,e as StartOpen,G as __namedExportsOrder,L as default};
1
+ import{j as a}from"./jsx-runtime-f961835c.js";import{I as t}from"./common-types-2c81813f.js";import{S as m}from"./side-bar-27990e4e.js";import{F as g}from"./flex-47732c42.js";import{B as u}from"./badge-3abf067b.js";import{s as S}from"./icon-custom-822ce507.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./index-c7f280f6.js";import"./drawer-7c124013.js";import"./lodash-75c70a11.js";import"./index-c89a1915.js";import"./index-3d476d02.js";import"./icon-ba53aa84.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./disabled-context-d654f6ff.js";import"./button-2f702fe9.js";import"./spinner-cb92a546.js";import"./tooltip-23e84186.js";const h=[{heading:"First Heading",items:[{label:"Section A",value:"/path/to/something",onClick:()=>{},icon:S},{label:a.jsxs(g,{alignItems:"center",gap:"var(--padding-xxs)",children:["Section B",a.jsx(u,{small:!0,title:"BETA"})]}),value:"/path/to/something",onClick:()=>{},icon:t.HELP,isActive:!0},{label:"Section C",value:"/path/to/something",onClick:()=>{},icon:t.EDIT},{label:"Experimental Section",value:"/path/to/something",onClick:()=>{},icon:t.LIBRARY,isExperimental:!0}]},{heading:"Second Heading",items:[{label:"Section 1",value:"/path/to/something",onClick:()=>{},icon:t.SETTINGS},{label:"Section 2",value:"/path/to/something",onClick:()=>{},icon:t.STAR},{label:"Invalid Section",value:"/path/to/something",onClick:()=>{},icon:t.NOTIFICATION,invalid:!0}]}],L={title:"Navigation/SideBar",component:m,parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}},args:{options:{title:"Title",sections:h},startOpen:!1},argTypes:{top:{control:{type:"text"}},startOpen:{control:{type:"boolean"}}}},c=d=>a.jsx(m,{...d}),o=c.bind({}),e=c.bind({});e.args={startOpen:!0};var i,r,s;o.parameters={...o.parameters,docs:{...(i=o.parameters)==null?void 0:i.docs,source:{originalSource:"args => <SideBar {...args} />",...(s=(r=o.parameters)==null?void 0:r.docs)==null?void 0:s.source}}};var n,l,p;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:"args => <SideBar {...args} />",...(p=(l=e.parameters)==null?void 0:l.docs)==null?void 0:p.source}}};const G=["Default","StartOpen"];export{o as Default,e as StartOpen,G as __namedExportsOrder,L as default};
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-f961835c.js";import{r as x}from"./index-f80c8c95.js";import{I as j}from"./common-types-2c81813f.js";import{T as g}from"./top-bar-cbdcbd32.js";import{S as w}from"./side-bar-bc0bfe9c.js";import{H as t}from"./heading-61bdbf94.js";import{B as L}from"./button-e6a6c574.js";import{D as v}from"./drawer-2407de69.js";import{L as d}from"./list-5907161b.js";import{F as l}from"./field-2424dd3c.js";import{I as a}from"./input-d68625a5.js";import{C as m}from"./check-box-73be452f.js";import{P as f}from"./page-6d07f774.js";import{R as o,C as i}from"./row-2f12e486.js";import{A as u}from"./accordion-18132dea.js";import{S as s}from"./spacer-54db0620.js";import{T as F}from"./tabs-e616ae83.js";import"./index-a80ed1cf.js";import"./icon-c5e1f218.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./actions-46447905.js";import"./lodash-75c70a11.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-3abf067b.js";import"./index-c7f280f6.js";import"./help-icon-5be78589.js";import"./spinner-cb92a546.js";import"./index.es-ed1d81bc.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./memoize-one.esm-52518564.js";import"./card-3847c251.js";import"./list-heading-f1ceab8b.js";import"./loader-87ec8334.js";import"./label-0958ef3a.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[r,b]=x.useState(!0);return e.jsxs(e.Fragment,{children:[e.jsx(g,{}),e.jsx(w,{options:{title:"",sections:[]},width:"250px"}),e.jsx(f,{padding:!1,scroll:!1,children:e.jsxs(o,{spacing:0,flex:!0,children:[e.jsxs(v,{button:e.jsx(L,{onClick:()=>b(!r),round:!0,icon:j.CHEVRON_LEFT}),open:r,width:300,closedWidth:"var(--size-sidebar)",children:[e.jsx(d,{drawer:!0,narrow:!r,list:{name:"Sites",items:[{id:1,name:"Main Site",type:"Heading"},{id:2,name:"Site name here",active:!0,label:{value:1,color:"#69779b"}},{id:3,name:"Locations",type:"Heading"},{id:4,name:"Ipsum",label:{value:2,color:"#69779b"}},{id:5,name:"Dolor",label:{value:3,color:"#69779b"}}]}}),e.jsx(d,{drawer:!0,narrow:!r,list:{name:"Wells",items:[{id:1,name:"Main Wellbore",type:"Heading"},{id:2,name:"Lorem",label:{value:1,color:"#77699b"}}]}}),e.jsx(d,{drawer:!0,narrow:!r,list:{name:"Targets",items:[{id:1,name:"Lorem",label:{value:1,color:"#9b6977"}}]}})]}),e.jsxs(i,{borderLeft:!0,flexbox:!0,children:[e.jsx(s,{}),e.jsx(F,{padding:!0,margin:!1,options:C}),e.jsxs(o,{spacing:0,flex:!0,children:[e.jsxs(i,{scroll:!0,padding:!0,width:550,children:[e.jsx(t,{top:!0,children:"Site name here"}),e.jsx(l,{label:"Name",children:e.jsx(a,{value:"Site name here",width:"200px"})}),e.jsxs(u,{heading:e.jsx(t,{children:"Coordinate Reference System"}),managed:!0,children:[e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{children:e.jsx(m,{label:"Dolor"})})]}),e.jsx(s,{}),e.jsx(t,{marginBottom:"var(--padding)",children:"Location"}),e.jsxs(o,{children:[e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})})]}),e.jsx(s,{}),e.jsx(t,{marginBottom:"var(--padding)",children:"Model"}),e.jsxs(o,{children:[e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})})]}),e.jsxs(u,{heading:e.jsx(t,{children:"Settings"}),managed:!0,children:[e.jsx(l,{children:e.jsx(m,{label:"Dolor"})}),e.jsxs(o,{children:[e.jsxs(i,{children:[e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})]}),e.jsxs(i,{children:[e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})]})]})]})]}),e.jsx(i,{children:e.jsx(S,{})})]})]})]})})]})};var p,c,h;n.parameters={...n.parameters,docs:{...(p=n.parameters)==null?void 0:p.docs,source:{originalSource:`() => {
1
+ import{j as e}from"./jsx-runtime-f961835c.js";import{r as x}from"./index-f80c8c95.js";import{I as j}from"./common-types-2c81813f.js";import{T as g}from"./top-bar-14412c5b.js";import{S as w}from"./side-bar-27990e4e.js";import{H as t}from"./heading-18a1d4cf.js";import{B as L}from"./button-2f702fe9.js";import{D as v}from"./drawer-7c124013.js";import{L as d}from"./list-cfb04cf7.js";import{F as l}from"./field-efabf62f.js";import{I as a}from"./input-d68625a5.js";import{C as m}from"./check-box-aafd2a32.js";import{P as f}from"./page-6d07f774.js";import{R as o,C as i}from"./row-2f12e486.js";import{A as u}from"./accordion-eeee6b86.js";import{S as s}from"./spacer-54db0620.js";import{T as F}from"./tabs-e616ae83.js";import"./index-a80ed1cf.js";import"./icon-ba53aa84.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./actions-6df5b8ae.js";import"./lodash-75c70a11.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-3abf067b.js";import"./index-c7f280f6.js";import"./help-icon-3265d994.js";import"./spinner-cb92a546.js";import"./index.es-648fc14e.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./memoize-one.esm-52518564.js";import"./card-3847c251.js";import"./list-heading-5f9bef91.js";import"./loader-87ec8334.js";import"./label-633a77ac.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[r,b]=x.useState(!0);return e.jsxs(e.Fragment,{children:[e.jsx(g,{}),e.jsx(w,{options:{title:"",sections:[]},width:"250px"}),e.jsx(f,{padding:!1,scroll:!1,children:e.jsxs(o,{spacing:0,flex:!0,children:[e.jsxs(v,{button:e.jsx(L,{onClick:()=>b(!r),round:!0,icon:j.CHEVRON_LEFT}),open:r,width:300,closedWidth:"var(--size-sidebar)",children:[e.jsx(d,{drawer:!0,narrow:!r,list:{name:"Sites",items:[{id:1,name:"Main Site",type:"Heading"},{id:2,name:"Site name here",active:!0,label:{value:1,color:"#69779b"}},{id:3,name:"Locations",type:"Heading"},{id:4,name:"Ipsum",label:{value:2,color:"#69779b"}},{id:5,name:"Dolor",label:{value:3,color:"#69779b"}}]}}),e.jsx(d,{drawer:!0,narrow:!r,list:{name:"Wells",items:[{id:1,name:"Main Wellbore",type:"Heading"},{id:2,name:"Lorem",label:{value:1,color:"#77699b"}}]}}),e.jsx(d,{drawer:!0,narrow:!r,list:{name:"Targets",items:[{id:1,name:"Lorem",label:{value:1,color:"#9b6977"}}]}})]}),e.jsxs(i,{borderLeft:!0,flexbox:!0,children:[e.jsx(s,{}),e.jsx(F,{padding:!0,margin:!1,options:C}),e.jsxs(o,{spacing:0,flex:!0,children:[e.jsxs(i,{scroll:!0,padding:!0,width:550,children:[e.jsx(t,{top:!0,children:"Site name here"}),e.jsx(l,{label:"Name",children:e.jsx(a,{value:"Site name here",width:"200px"})}),e.jsxs(u,{heading:e.jsx(t,{children:"Coordinate Reference System"}),managed:!0,children:[e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{children:e.jsx(m,{label:"Dolor"})})]}),e.jsx(s,{}),e.jsx(t,{marginBottom:"var(--padding)",children:"Location"}),e.jsxs(o,{children:[e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})})]}),e.jsx(s,{}),e.jsx(t,{marginBottom:"var(--padding)",children:"Model"}),e.jsxs(o,{children:[e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})})]}),e.jsxs(u,{heading:e.jsx(t,{children:"Settings"}),managed:!0,children:[e.jsx(l,{children:e.jsx(m,{label:"Dolor"})}),e.jsxs(o,{children:[e.jsxs(i,{children:[e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})]}),e.jsxs(i,{children:[e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})]})]})]})]}),e.jsx(i,{children:e.jsx(S,{})})]})]})]})})]})};var p,c,h;n.parameters={...n.parameters,docs:{...(p=n.parameters)==null?void 0:p.docs,source:{originalSource:`() => {
2
2
  const [open, setOpen] = useState(true);
3
3
  return <>
4
4
  <TopBar />
@@ -1,4 +1,4 @@
1
- import{j as H}from"./jsx-runtime-f961835c.js";import{_ as or}from"./lodash-75c70a11.js";import{r as o,a as lr}from"./index-f80c8c95.js";import{a as Ze,b as Z,_ as J}from"./objectSpread2-fdee9b6d.js";import{c as ie,a as sr}from"./index-a80ed1cf.js";import{a as kt,b as cr}from"./inheritsLoose-d4851ab8.js";import{_ as fr}from"./icon-c5e1f218.js";import{m as dr}from"./memoize-one.esm-52518564.js";import{i as vr}from"./index-c7f280f6.js";import{I as ht}from"./common-types-2c81813f.js";import{D as mr}from"./disabled-context-d654f6ff.js";import{b as gr,T as yr}from"./tooltip-23e84186.js";import{B as bt}from"./button-e6a6c574.js";function Je(e,a){(a==null||a>e.length)&&(a=e.length);for(var t=0,r=new Array(a);t<a;t++)r[t]=e[t];return r}function Er(e){if(Array.isArray(e))return Je(e)}function hr(e){if(typeof Symbol<"u"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function Ht(e,a){if(e){if(typeof e=="string")return Je(e,a);var t=Object.prototype.toString.call(e).slice(8,-1);if(t==="Object"&&e.constructor&&(t=e.constructor.name),t==="Map"||t==="Set")return Array.from(e);if(t==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return Je(e,a)}}function br(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
1
+ import{j as H}from"./jsx-runtime-f961835c.js";import{_ as or}from"./lodash-75c70a11.js";import{r as o,a as lr}from"./index-f80c8c95.js";import{a as Ze,b as Z,_ as J}from"./objectSpread2-fdee9b6d.js";import{c as ie,a as sr}from"./index-a80ed1cf.js";import{a as kt,b as cr}from"./inheritsLoose-d4851ab8.js";import{_ as fr}from"./icon-ba53aa84.js";import{m as dr}from"./memoize-one.esm-52518564.js";import{i as vr}from"./index-c7f280f6.js";import{I as ht}from"./common-types-2c81813f.js";import{D as mr}from"./disabled-context-d654f6ff.js";import{b as gr,T as yr}from"./tooltip-23e84186.js";import{B as bt}from"./button-2f702fe9.js";function Je(e,a){(a==null||a>e.length)&&(a=e.length);for(var t=0,r=new Array(a);t<a;t++)r[t]=e[t];return r}function Er(e){if(Array.isArray(e))return Je(e)}function hr(e){if(typeof Symbol<"u"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function Ht(e,a){if(e){if(typeof e=="string")return Je(e,a);var t=Object.prototype.toString.call(e).slice(8,-1);if(t==="Object"&&e.constructor&&(t=e.constructor.name),t==="Map"||t==="Set")return Array.from(e);if(t==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return Je(e,a)}}function br(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
2
2
  In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function ne(e){return Er(e)||hr(e)||Ht(e)||br()}function _r(e){if(Array.isArray(e))return e}function Sr(e,a){var t=e==null?null:typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(t!=null){var r,n,u,i,l=[],c=!0,h=!1;try{if(u=(t=t.call(e)).next,a===0){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=u.call(t)).done)&&(l.push(r.value),l.length!==a);c=!0);}catch(b){h=!0,n=b}finally{try{if(!c&&t.return!=null&&(i=t.return(),Object(i)!==i))return}finally{if(h)throw n}}return l}}function pr(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
3
3
  In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function $(e,a){return _r(e)||Sr(e,a)||Ht(e,a)||pr()}var ze={},Mr=function(a){};function Cr(e,a){}function xr(e,a){}function Or(){ze={}}function Kt(e,a,t){!a&&!ze[t]&&(e(!1,t),ze[t]=!0)}function ke(e,a){Kt(Cr,e,a)}function Nr(e,a){Kt(xr,e,a)}ke.preMessage=Mr;ke.resetWarned=Or;ke.noteOnce=Nr;function Rr(e,a){var t=arguments.length>2&&arguments[2]!==void 0?arguments[2]:!1,r=new Set;function n(u,i){var l=arguments.length>2&&arguments[2]!==void 0?arguments[2]:1,c=r.has(u);if(ke(!c,"Warning: There may be circular references"),c)return!1;if(u===i)return!0;if(t&&l>1)return!1;r.add(u);var h=l+1;if(Array.isArray(u)){if(!Array.isArray(i)||u.length!==i.length)return!1;for(var b=0;b<u.length;b++)if(!n(u[b],i[b],h))return!1;return!0}if(u&&i&&Ze(u)==="object"&&Ze(i)==="object"){var E=Object.keys(u);return E.length!==Object.keys(i).length?!1:E.every(function(g){return n(u[g],i[g],h)})}return!1}return n(e,a)}function _t(e){var a=o.useRef();a.current=e;var t=o.useCallback(function(){for(var r,n=arguments.length,u=new Array(n),i=0;i<n;i++)u[i]=arguments[i];return(r=a.current)===null||r===void 0?void 0:r.call.apply(r,[a].concat(u))},[]);return t}function Pr(){return!!(typeof window<"u"&&window.document&&window.document.createElement)}var St=Pr()?o.useLayoutEffect:o.useEffect,Tr=function(a,t){var r=o.useRef(!0);St(function(){return a(r.current)},t),St(function(){return r.current=!1,function(){r.current=!0}},[])},pt=function(a,t){Tr(function(r){if(!r)return a()},t)};function Mt(e){var a=o.useRef(!1),t=o.useState(e),r=$(t,2),n=r[0],u=r[1];o.useEffect(function(){return a.current=!1,function(){a.current=!0}},[]);function i(l,c){c&&a.current||u(l)}return[n,i]}function $e(e){return e!==void 0}function Ar(e,a){var t=a||{},r=t.defaultValue,n=t.value,u=t.onChange,i=t.postState,l=Mt(function(){return $e(n)?n:$e(r)?typeof r=="function"?r():r:typeof e=="function"?e():e}),c=$(l,2),h=c[0],b=c[1],E=n!==void 0?n:h,g=i?i(E):E,d=_t(u),y=Mt([E]),v=$(y,2),f=v[0],_=v[1];pt(function(){var S=f[0];h!==S&&d(h,S)},[f]),pt(function(){$e(n)||b(n)},[n]);var s=_t(function(S,U){b(S,U),_([E],U)});return[g,s]}function Wt(e,a){if(e==null)return{};var t=fr(e,a),r,n;if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(e);for(n=0;n<u.length;n++)r=u[n],!(a.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(e,r)&&(t[r]=e[r])}return t}var m={MAC_ENTER:3,BACKSPACE:8,TAB:9,NUM_CENTER:12,ENTER:13,SHIFT:16,CTRL:17,ALT:18,PAUSE:19,CAPS_LOCK:20,ESC:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40,PRINT_SCREEN:44,INSERT:45,DELETE:46,ZERO:48,ONE:49,TWO:50,THREE:51,FOUR:52,FIVE:53,SIX:54,SEVEN:55,EIGHT:56,NINE:57,QUESTION_MARK:63,A:65,B:66,C:67,D:68,E:69,F:70,G:71,H:72,I:73,J:74,K:75,L:76,M:77,N:78,O:79,P:80,Q:81,R:82,S:83,T:84,U:85,V:86,W:87,X:88,Y:89,Z:90,META:91,WIN_KEY_RIGHT:92,CONTEXT_MENU:93,NUM_ZERO:96,NUM_ONE:97,NUM_TWO:98,NUM_THREE:99,NUM_FOUR:100,NUM_FIVE:101,NUM_SIX:102,NUM_SEVEN:103,NUM_EIGHT:104,NUM_NINE:105,NUM_MULTIPLY:106,NUM_PLUS:107,NUM_MINUS:109,NUM_PERIOD:110,NUM_DIVISION:111,F1:112,F2:113,F3:114,F4:115,F5:116,F6:117,F7:118,F8:119,F9:120,F10:121,F11:122,F12:123,NUMLOCK:144,SEMICOLON:186,DASH:189,EQUALS:187,COMMA:188,PERIOD:190,SLASH:191,APOSTROPHE:192,SINGLE_QUOTE:222,OPEN_SQUARE_BRACKET:219,BACKSLASH:220,CLOSE_SQUARE_BRACKET:221,WIN_KEY:224,MAC_FF_META:224,WIN_IME:229,isTextModifyingKeyEvent:function(a){var t=a.keyCode;if(a.altKey&&!a.ctrlKey||a.metaKey||t>=m.F1&&t<=m.F12)return!1;switch(t){case m.ALT:case m.CAPS_LOCK:case m.CONTEXT_MENU:case m.CTRL:case m.DOWN:case m.END:case m.ESC:case m.HOME:case m.INSERT:case m.LEFT:case m.MAC_FF_META:case m.META:case m.NUMLOCK:case m.NUM_CENTER:case m.PAGE_DOWN:case m.PAGE_UP:case m.PAUSE:case m.PRINT_SCREEN:case m.RIGHT:case m.SHIFT:case m.UP:case m.WIN_KEY:case m.WIN_KEY_RIGHT:return!1;default:return!0}},isCharacterKey:function(a){if(a>=m.ZERO&&a<=m.NINE||a>=m.NUM_ZERO&&a<=m.NUM_MULTIPLY||a>=m.A&&a<=m.Z||window.navigator.userAgent.indexOf("WebKit")!==-1&&a===0)return!0;switch(a){case m.SPACE:case m.QUESTION_MARK:case m.NUM_PLUS:case m.NUM_MINUS:case m.NUM_PERIOD:case m.NUM_DIVISION:case m.SEMICOLON:case m.DASH:case m.EQUALS:case m.COMMA:case m.PERIOD:case m.SLASH:case m.APOSTROPHE:case m.SINGLE_QUOTE:case m.OPEN_SQUARE_BRACKET:case m.BACKSLASH:case m.CLOSE_SQUARE_BRACKET:return!0;default:return!1}}},de=o.createContext({min:0,max:0,direction:"ltr",step:1,includedStart:0,includedEnd:0,tabIndex:0,keyboard:!0});function et(e,a,t){return(e-a)/(t-a)}function rt(e,a,t,r){var n=et(a,t,r),u={};switch(e){case"rtl":u.right="".concat(n*100,"%"),u.transform="translateX(50%)";break;case"btt":u.bottom="".concat(n*100,"%"),u.transform="translateY(50%)";break;case"ttb":u.top="".concat(n*100,"%"),u.transform="translateY(-50%)";break;default:u.left="".concat(n*100,"%"),u.transform="translateX(-50%)";break}return u}function _e(e,a){return Array.isArray(e)?e[a]:e}var Ir=["prefixCls","value","valueIndex","onStartMove","style","render","dragging","onOffsetChange"],Ur=o.forwardRef(function(e,a){var t,r,n=e.prefixCls,u=e.value,i=e.valueIndex,l=e.onStartMove,c=e.style,h=e.render,b=e.dragging,E=e.onOffsetChange,g=Wt(e,Ir),d=o.useContext(de),y=d.min,v=d.max,f=d.direction,_=d.disabled,s=d.keyboard,S=d.range,U=d.tabIndex,P=d.ariaLabelForHandle,M=d.ariaLabelledByForHandle,R=d.ariaValueTextFormatterForHandle,T="".concat(n,"-handle"),C=function(A){_||l(A,i)},O=function(A){if(!_&&s){var x=null;switch(A.which||A.keyCode){case m.LEFT:x=f==="ltr"||f==="btt"?-1:1;break;case m.RIGHT:x=f==="ltr"||f==="btt"?1:-1;break;case m.UP:x=f!=="ttb"?1:-1;break;case m.DOWN:x=f!=="ttb"?-1:1;break;case m.HOME:x="min";break;case m.END:x="max";break;case m.PAGE_UP:x=2;break;case m.PAGE_DOWN:x=-2;break}x!==null&&(A.preventDefault(),E(x,i))}},W=rt(f,u,y,v),F=o.createElement("div",kt({ref:a,className:ie(T,(t={},Z(t,"".concat(T,"-").concat(i+1),S),Z(t,"".concat(T,"-dragging"),b),t)),style:J(J({},W),c),onMouseDown:C,onTouchStart:C,onKeyDown:O,tabIndex:_?null:_e(U,i),role:"slider","aria-valuemin":y,"aria-valuemax":v,"aria-valuenow":u,"aria-disabled":_,"aria-label":_e(P,i),"aria-labelledby":_e(M,i),"aria-valuetext":(r=_e(R,i))===null||r===void 0?void 0:r(u),"aria-orientation":f==="ltr"||f==="rtl"?"horizontal":"vertical"},g));return h&&(F=h(F,{index:i,prefixCls:n,value:u,dragging:b})),F}),Lr=["prefixCls","style","onStartMove","onOffsetChange","values","handleRender","draggingIndex"],wr=o.forwardRef(function(e,a){var t=e.prefixCls,r=e.style,n=e.onStartMove,u=e.onOffsetChange,i=e.values,l=e.handleRender,c=e.draggingIndex,h=Wt(e,Lr),b=o.useRef({});return o.useImperativeHandle(a,function(){return{focus:function(g){var d;(d=b.current[g])===null||d===void 0||d.focus()}}}),o.createElement(o.Fragment,null,i.map(function(E,g){return o.createElement(Ur,kt({ref:function(y){y?b.current[g]=y:delete b.current[g]},dragging:c===g,prefixCls:t,style:_e(r,g),key:g,value:E,valueIndex:g,onStartMove:n,onOffsetChange:u,render:l},h))}))});function Ct(e){var a="touches"in e?e.touches[0]:e;return{pageX:a.pageX,pageY:a.pageY}}function Fr(e,a,t,r,n,u,i,l,c){var h=o.useState(null),b=$(h,2),E=b[0],g=b[1],d=o.useState(-1),y=$(d,2),v=y[0],f=y[1],_=o.useState(t),s=$(_,2),S=s[0],U=s[1],P=o.useState(t),M=$(P,2),R=M[0],T=M[1],C=o.useRef(null),O=o.useRef(null);o.useEffect(function(){v===-1&&U(t)},[t,v]),o.useEffect(function(){return function(){document.removeEventListener("mousemove",C.current),document.removeEventListener("mouseup",O.current),document.removeEventListener("touchmove",C.current),document.removeEventListener("touchend",O.current)}},[]);var W=function(L,D){S.some(function(K,z){return K!==L[z]})&&(D!==void 0&&g(D),U(L),i(L))},F=function(L,D){if(L===-1){var K=R[0],z=R[R.length-1],Se=r-K,pe=n-z,j=D*(n-r);j=Math.max(j,Se),j=Math.min(j,pe);var ue=u(K+j);j=ue-K;var oe=R.map(function(ge){return ge+j});W(oe)}else{var X=(n-r)*D,le=ne(S);le[L]=R[L];var me=c(le,X,L,"dist");W(me.values,me.value)}},q=o.useRef(F);q.current=F;var A=function(L,D){L.stopPropagation();var K=t[D];f(D),g(K),T(t);var z=Ct(L),Se=z.pageX,pe=z.pageY,j=function(X){X.preventDefault();var le=Ct(X),me=le.pageX,ge=le.pageY,Me=me-Se,Ce=ge-pe,xe=e.current.getBoundingClientRect(),Oe=xe.width,ee=xe.height,Y;switch(a){case"btt":Y=-Ce/ee;break;case"ttb":Y=Ce/ee;break;case"rtl":Y=-Me/Oe;break;default:Y=Me/Oe}q.current(D,Y)},ue=function oe(X){X.preventDefault(),document.removeEventListener("mouseup",oe),document.removeEventListener("mousemove",j),document.removeEventListener("touchend",oe),document.removeEventListener("touchmove",j),C.current=null,O.current=null,f(-1),l()};document.addEventListener("mouseup",ue),document.addEventListener("mousemove",j),document.addEventListener("touchend",ue),document.addEventListener("touchmove",j),C.current=j,O.current=ue},x=o.useMemo(function(){var B=ne(t).sort(function(D,K){return D-K}),L=ne(S).sort(function(D,K){return D-K});return B.every(function(D,K){return D===L[K]})?S:t},[t,S]);return[v,E,x,A]}function Dr(e){var a,t=e.prefixCls,r=e.style,n=e.start,u=e.end,i=e.index,l=e.onStartMove,c=o.useContext(de),h=c.direction,b=c.min,E=c.max,g=c.disabled,d=c.range,y="".concat(t,"-track"),v=et(n,b,E),f=et(u,b,E),_=function(U){!g&&l&&l(U,-1)},s={};switch(h){case"rtl":s.right="".concat(v*100,"%"),s.width="".concat(f*100-v*100,"%");break;case"btt":s.bottom="".concat(v*100,"%"),s.height="".concat(f*100-v*100,"%");break;case"ttb":s.top="".concat(v*100,"%"),s.height="".concat(f*100-v*100,"%");break;default:s.left="".concat(v*100,"%"),s.width="".concat(f*100-v*100,"%")}return o.createElement("div",{className:ie(y,(a={},Z(a,"".concat(y,"-").concat(i+1),d),Z(a,"".concat(t,"-track-draggable"),l),a)),style:J(J({},s),r),onMouseDown:_,onTouchStart:_})}function kr(e){var a=e.prefixCls,t=e.style,r=e.values,n=e.startPoint,u=e.onStartMove,i=o.useContext(de),l=i.included,c=i.range,h=i.min,b=o.useMemo(function(){if(!c){if(r.length===0)return[];var E=n??h,g=r[0];return[{start:Math.min(E,g),end:Math.max(E,g)}]}for(var d=[],y=0;y<r.length-1;y+=1)d.push({start:r[y],end:r[y+1]});return d},[r,c,n,h]);return l?b.map(function(E,g){var d=E.start,y=E.end;return o.createElement(Dr,{index:g,prefixCls:a,style:_e(t,g),start:d,end:y,key:g,onStartMove:u})}):null}function Hr(e){var a=e.prefixCls,t=e.style,r=e.children,n=e.value,u=e.onClick,i=o.useContext(de),l=i.min,c=i.max,h=i.direction,b=i.includedStart,E=i.includedEnd,g=i.included,d="".concat(a,"-text"),y=rt(h,n,l,c);return o.createElement("span",{className:ie(d,Z({},"".concat(d,"-active"),g&&b<=n&&n<=E)),style:J(J({},y),t),onMouseDown:function(f){f.stopPropagation()},onClick:function(){u(n)}},r)}function Kr(e){var a=e.prefixCls,t=e.marks,r=e.onClick,n="".concat(a,"-mark");return t.length?o.createElement("div",{className:n},t.map(function(u){var i=u.value,l=u.style,c=u.label;return o.createElement(Hr,{key:i,prefixCls:n,style:l,value:i,onClick:r},c)})):null}function Wr(e){var a=e.prefixCls,t=e.value,r=e.style,n=e.activeStyle,u=o.useContext(de),i=u.min,l=u.max,c=u.direction,h=u.included,b=u.includedStart,E=u.includedEnd,g="".concat(a,"-dot"),d=h&&b<=t&&t<=E,y=J(J({},rt(c,t,i,l)),typeof r=="function"?r(t):r);return d&&(y=J(J({},y),typeof n=="function"?n(t):n)),o.createElement("span",{className:ie(g,Z({},"".concat(g,"-active"),d)),style:y})}function jr(e){var a=e.prefixCls,t=e.marks,r=e.dots,n=e.style,u=e.activeStyle,i=o.useContext(de),l=i.min,c=i.max,h=i.step,b=o.useMemo(function(){var E=new Set;if(t.forEach(function(d){E.add(d.value)}),r&&h!==null)for(var g=l;g<=c;)E.add(g),g+=h;return Array.from(E)},[l,c,h,r,t]);return o.createElement("div",{className:"".concat(a,"-step")},b.map(function(E){return o.createElement(Wr,{prefixCls:a,key:E,value:E,style:n,activeStyle:u})}))}function $r(e,a,t,r,n,u){var i=o.useCallback(function(d){var y=isFinite(d)?d:e;return y=Math.min(a,d),y=Math.max(e,y),y},[e,a]),l=o.useCallback(function(d){if(t!==null){var y=e+Math.round((i(d)-e)/t)*t,v=function(S){return(String(S).split(".")[1]||"").length},f=Math.max(v(t),v(a),v(e)),_=Number(y.toFixed(f));return e<=_&&_<=a?_:null}return null},[t,e,a,i]),c=o.useCallback(function(d){var y=i(d),v=r.map(function(s){return s.value});t!==null&&v.push(l(d)),v.push(e,a);var f=v[0],_=a-e;return v.forEach(function(s){var S=Math.abs(y-s);S<=_&&(f=s,_=S)}),f},[e,a,r,t,i,l]),h=function d(y,v,f){var _=arguments.length>3&&arguments[3]!==void 0?arguments[3]:"unit";if(typeof v=="number"){var s,S=y[f],U=S+v,P=[];r.forEach(function(O){P.push(O.value)}),P.push(e,a),P.push(l(S));var M=v>0?1:-1;_==="unit"?P.push(l(S+M*t)):P.push(l(U)),P=P.filter(function(O){return O!==null}).filter(function(O){return v<0?O<=S:O>=S}),_==="unit"&&(P=P.filter(function(O){return O!==S}));var R=_==="unit"?S:U;s=P[0];var T=Math.abs(s-R);if(P.forEach(function(O){var W=Math.abs(O-R);W<T&&(s=O,T=W)}),s===void 0)return v<0?e:a;if(_==="dist")return s;if(Math.abs(v)>1){var C=ne(y);return C[f]=s,d(C,v-M,f,_)}return s}else{if(v==="min")return e;if(v==="max")return a}},b=function(y,v,f){var _=arguments.length>3&&arguments[3]!==void 0?arguments[3]:"unit",s=y[f],S=h(y,v,f,_);return{value:S,changed:S!==s}},E=function(y){return u===null&&y===0||typeof u=="number"&&y<u},g=function(y,v,f){var _=arguments.length>3&&arguments[3]!==void 0?arguments[3]:"unit",s=y.map(c),S=s[f],U=h(s,v,f,_);if(s[f]=U,n===!1){var P=u||0;f>0&&s[f-1]!==S&&(s[f]=Math.max(s[f],s[f-1]+P)),f<s.length-1&&s[f+1]!==S&&(s[f]=Math.min(s[f],s[f+1]-P))}else if(typeof u=="number"||u===null){for(var M=f+1;M<s.length;M+=1)for(var R=!0;E(s[M]-s[M-1])&&R;){var T=b(s,1,M);s[M]=T.value,R=T.changed}for(var C=f;C>0;C-=1)for(var O=!0;E(s[C]-s[C-1])&&O;){var W=b(s,-1,C-1);s[C-1]=W.value,O=W.changed}for(var F=s.length-1;F>0;F-=1)for(var q=!0;E(s[F]-s[F-1])&&q;){var A=b(s,-1,F-1);s[F-1]=A.value,q=A.changed}for(var x=0;x<s.length-1;x+=1)for(var B=!0;E(s[x+1]-s[x])&&B;){var L=b(s,1,x+1);s[x+1]=L.value,B=L.changed}}return{value:s[f],values:s}};return[c,g]}var xt=o.forwardRef(function(e,a){var t,r=e.prefixCls,n=r===void 0?"rc-slider":r,u=e.className,i=e.style,l=e.disabled,c=l===void 0?!1:l,h=e.keyboard,b=h===void 0?!0:h,E=e.autoFocus,g=e.onFocus,d=e.onBlur,y=e.min,v=y===void 0?0:y,f=e.max,_=f===void 0?100:f,s=e.step,S=s===void 0?1:s,U=e.value,P=e.defaultValue,M=e.range,R=e.count,T=e.onChange,C=e.onBeforeChange,O=e.onAfterChange,W=e.allowCross,F=W===void 0?!0:W,q=e.pushable,A=q===void 0?!1:q,x=e.draggableTrack,B=e.reverse,L=e.vertical,D=e.included,K=D===void 0?!0:D,z=e.startPoint,Se=e.trackStyle,pe=e.handleStyle,j=e.railStyle,ue=e.dotStyle,oe=e.activeDotStyle,X=e.marks,le=e.dots,me=e.handleRender,ge=e.tabIndex,Me=ge===void 0?0:ge,Ce=e.ariaLabelForHandle,xe=e.ariaLabelledByForHandle,Oe=e.ariaValueTextFormatterForHandle,ee=o.useRef(),Y=o.useRef(),Ie=o.useMemo(function(){return L?B?"ttb":"btt":B?"rtl":"ltr"},[B,L]),V=o.useMemo(function(){return isFinite(v)?v:0},[v]),ye=o.useMemo(function(){return isFinite(_)?_:100},[_]),se=o.useMemo(function(){return S!==null&&S<=0?1:S},[S]),Bt=o.useMemo(function(){return typeof A=="boolean"?A?se:!1:A>=0?A:!1},[A,se]),Ue=o.useMemo(function(){var w=Object.keys(X||{});return w.map(function(N){var p=X[N],k={value:Number(N)};return p&&Ze(p)==="object"&&!o.isValidElement(p)&&("label"in p||"style"in p)?(k.style=p.style,k.label=p.label):k.label=p,k}).filter(function(N){var p=N.label;return p||typeof p=="number"}).sort(function(N,p){return N.value-p.value})},[X]),Gt=$r(V,ye,se,Ue,F,Bt),nt=$(Gt,2),Le=nt[0],it=nt[1],Xt=Ar(P,{value:U}),ut=$(Xt,2),te=ut[0],Yt=ut[1],Q=o.useMemo(function(){var w=te==null?[]:Array.isArray(te)?te:[te],N=$(w,1),p=N[0],k=p===void 0?V:p,I=te===null?[]:[k];if(M){if(I=ne(w),R||te===void 0){var he=R>=0?R+1:2;for(I=I.slice(0,he);I.length<he;){var fe;I.push((fe=I[I.length-1])!==null&&fe!==void 0?fe:V)}}I.sort(function(re,Ne){return re-Ne})}return I.forEach(function(re,Ne){I[Ne]=Le(re)}),I},[te,M,V,R,Le]),we=o.useRef(Q);we.current=Q;var ce=function(N){return M?N:N[0]},Ke=function(N){var p=ne(N).sort(function(k,I){return k-I});T&&!Rr(p,we.current,!0)&&T(ce(p)),Yt(p)},ot=function(N){if(!c){var p=0,k=ye-V;Q.forEach(function(he,fe){var re=Math.abs(N-he);re<=k&&(k=re,p=fe)});var I=ne(Q);I[p]=N,M&&!Q.length&&R===void 0&&I.push(N),C==null||C(ce(I)),Ke(I),O==null||O(ce(I))}},Qt=function(N){N.preventDefault();var p=Y.current.getBoundingClientRect(),k=p.width,I=p.height,he=p.left,fe=p.top,re=p.bottom,Ne=p.right,yt=N.clientX,Et=N.clientY,Re;switch(Ie){case"btt":Re=(re-Et)/I;break;case"ttb":Re=(Et-fe)/I;break;case"rtl":Re=(Ne-yt)/k;break;default:Re=(yt-he)/k}var ur=V+Re*(ye-V);ot(Le(ur))},Zt=o.useState(null),lt=$(Zt,2),We=lt[0],st=lt[1],Jt=function(N,p){if(!c){var k=it(Q,N,p);C==null||C(ce(Q)),Ke(k.values),O==null||O(ce(k.values)),st(k.value)}};o.useEffect(function(){if(We!==null){var w=Q.indexOf(We);w>=0&&ee.current.focus(w)}st(null)},[We]);var zt=o.useMemo(function(){return x&&se===null?!1:x},[x,se]),er=function(){O==null||O(ce(we.current))},tr=Fr(Y,Ie,Q,V,ye,Le,Ke,er,it),Fe=$(tr,4),ct=Fe[0],rr=Fe[1],je=Fe[2],ar=Fe[3],ft=function(N,p){ar(N,p),C==null||C(ce(we.current))},dt=ct!==-1;o.useEffect(function(){if(!dt){var w=Q.lastIndexOf(rr);ee.current.focus(w)}},[dt]);var Ee=o.useMemo(function(){return ne(je).sort(function(w,N){return w-N})},[je]),nr=o.useMemo(function(){return M?[Ee[0],Ee[Ee.length-1]]:[V,Ee[0]]},[Ee,M,V]),vt=$(nr,2),mt=vt[0],gt=vt[1];o.useImperativeHandle(a,function(){return{focus:function(){ee.current.focus(0)},blur:function(){var N=document,p=N.activeElement;Y.current.contains(p)&&(p==null||p.blur())}}}),o.useEffect(function(){E&&ee.current.focus(0)},[]);var ir=o.useMemo(function(){return{min:V,max:ye,direction:Ie,disabled:c,keyboard:b,step:se,included:K,includedStart:mt,includedEnd:gt,range:M,tabIndex:Me,ariaLabelForHandle:Ce,ariaLabelledByForHandle:xe,ariaValueTextFormatterForHandle:Oe}},[V,ye,Ie,c,b,se,K,mt,gt,M,Me,Ce,xe,Oe]);return o.createElement(de.Provider,{value:ir},o.createElement("div",{ref:Y,className:ie(n,u,(t={},Z(t,"".concat(n,"-disabled"),c),Z(t,"".concat(n,"-vertical"),L),Z(t,"".concat(n,"-horizontal"),!L),Z(t,"".concat(n,"-with-marks"),Ue.length),t)),style:i,onMouseDown:Qt},o.createElement("div",{className:"".concat(n,"-rail"),style:j}),o.createElement(kr,{prefixCls:n,style:Se,values:Ee,startPoint:z,onStartMove:zt?ft:null}),o.createElement(jr,{prefixCls:n,marks:Ue,dots:le,style:ue,activeStyle:oe}),o.createElement(wr,{ref:ee,prefixCls:n,style:pe,values:je,draggingIndex:ct,onStartMove:ft,onOffsetChange:Jt,onFocus:g,onBlur:d,handleRender:me}),o.createElement(Kr,{prefixCls:n,marks:Ue,onClick:ot})))}),at={},jt={exports:{}};(function(e){function a(t){return t&&t.__esModule?t:{default:t}}e.exports=a,e.exports.__esModule=!0,e.exports.default=e.exports})(jt);var qr=jt.exports,$t={exports:{}};(function(e){function a(t){"@babel/helpers - typeof";return e.exports=a=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(r){return typeof r}:function(r){return r&&typeof Symbol=="function"&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},e.exports.__esModule=!0,e.exports.default=e.exports,a(t)}e.exports=a,e.exports.__esModule=!0,e.exports.default=e.exports})($t);var He=$t.exports;const Vr=lr(cr);var qe={exports:{}},Ve={exports:{}},Be={exports:{}},Ge={exports:{}},Ot;function Br(){return Ot||(Ot=1,function(e){var a=He.default;function t(r,n){if(a(r)!=="object"||r===null)return r;var u=r[Symbol.toPrimitive];if(u!==void 0){var i=u.call(r,n||"default");if(a(i)!=="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(n==="string"?String:Number)(r)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports}(Ge)),Ge.exports}var Nt;function Gr(){return Nt||(Nt=1,function(e){var a=He.default,t=Br();function r(n){var u=t(n,"string");return a(u)==="symbol"?u:String(u)}e.exports=r,e.exports.__esModule=!0,e.exports.default=e.exports}(Be)),Be.exports}var Rt;function qt(){return Rt||(Rt=1,function(e){var a=Gr();function t(r,n,u){return n=a(n),n in r?Object.defineProperty(r,n,{value:u,enumerable:!0,configurable:!0,writable:!0}):r[n]=u,r}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports}(Ve)),Ve.exports}var Pt;function Xr(){return Pt||(Pt=1,function(e){var a=qt();function t(n,u){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(n);u&&(l=l.filter(function(c){return Object.getOwnPropertyDescriptor(n,c).enumerable})),i.push.apply(i,l)}return i}function r(n){for(var u=1;u<arguments.length;u++){var i=arguments[u]!=null?arguments[u]:{};u%2?t(Object(i),!0).forEach(function(l){a(n,l,i[l])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):t(Object(i)).forEach(function(l){Object.defineProperty(n,l,Object.getOwnPropertyDescriptor(i,l))})}return n}e.exports=r,e.exports.__esModule=!0,e.exports.default=e.exports}(qe)),qe.exports}var Xe={exports:{}},Ye={exports:{}},Tt;function Yr(){return Tt||(Tt=1,function(e){function a(t,r){if(t==null)return{};var n={},u=Object.keys(t),i,l;for(l=0;l<u.length;l++)i=u[l],!(r.indexOf(i)>=0)&&(n[i]=t[i]);return n}e.exports=a,e.exports.__esModule=!0,e.exports.default=e.exports}(Ye)),Ye.exports}var At;function Qr(){return At||(At=1,function(e){var a=Yr();function t(r,n){if(r==null)return{};var u=a(r,n),i,l;if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(r);for(l=0;l<c.length;l++)i=c[l],!(n.indexOf(i)>=0)&&Object.prototype.propertyIsEnumerable.call(r,i)&&(u[i]=r[i])}return u}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports}(Xe)),Xe.exports}var Pe={},It;function Zr(){if(It)return Pe;It=1,Object.defineProperty(Pe,"__esModule",{value:!0}),Pe.default=void 0;var e={MAC_ENTER:3,BACKSPACE:8,TAB:9,NUM_CENTER:12,ENTER:13,SHIFT:16,CTRL:17,ALT:18,PAUSE:19,CAPS_LOCK:20,ESC:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40,PRINT_SCREEN:44,INSERT:45,DELETE:46,ZERO:48,ONE:49,TWO:50,THREE:51,FOUR:52,FIVE:53,SIX:54,SEVEN:55,EIGHT:56,NINE:57,QUESTION_MARK:63,A:65,B:66,C:67,D:68,E:69,F:70,G:71,H:72,I:73,J:74,K:75,L:76,M:77,N:78,O:79,P:80,Q:81,R:82,S:83,T:84,U:85,V:86,W:87,X:88,Y:89,Z:90,META:91,WIN_KEY_RIGHT:92,CONTEXT_MENU:93,NUM_ZERO:96,NUM_ONE:97,NUM_TWO:98,NUM_THREE:99,NUM_FOUR:100,NUM_FIVE:101,NUM_SIX:102,NUM_SEVEN:103,NUM_EIGHT:104,NUM_NINE:105,NUM_MULTIPLY:106,NUM_PLUS:107,NUM_MINUS:109,NUM_PERIOD:110,NUM_DIVISION:111,F1:112,F2:113,F3:114,F4:115,F5:116,F6:117,F7:118,F8:119,F9:120,F10:121,F11:122,F12:123,NUMLOCK:144,SEMICOLON:186,DASH:189,EQUALS:187,COMMA:188,PERIOD:190,SLASH:191,APOSTROPHE:192,SINGLE_QUOTE:222,OPEN_SQUARE_BRACKET:219,BACKSLASH:220,CLOSE_SQUARE_BRACKET:221,WIN_KEY:224,MAC_FF_META:224,WIN_IME:229,isTextModifyingKeyEvent:function(r){var n=r.keyCode;if(r.altKey&&!r.ctrlKey||r.metaKey||n>=e.F1&&n<=e.F12)return!1;switch(n){case e.ALT:case e.CAPS_LOCK:case e.CONTEXT_MENU:case e.CTRL:case e.DOWN:case e.END:case e.ESC:case e.HOME:case e.INSERT:case e.LEFT:case e.MAC_FF_META:case e.META:case e.NUMLOCK:case e.NUM_CENTER:case e.PAGE_DOWN:case e.PAGE_UP:case e.PAUSE:case e.PRINT_SCREEN:case e.RIGHT:case e.SHIFT:case e.UP:case e.WIN_KEY:case e.WIN_KEY_RIGHT:return!1;default:return!0}},isCharacterKey:function(r){if(r>=e.ZERO&&r<=e.NINE||r>=e.NUM_ZERO&&r<=e.NUM_MULTIPLY||r>=e.A&&r<=e.Z||window.navigator.userAgent.indexOf("WebKit")!==-1&&r===0)return!0;switch(r){case e.SPACE:case e.QUESTION_MARK:case e.NUM_PLUS:case e.NUM_MINUS:case e.NUM_PERIOD:case e.NUM_DIVISION:case e.SEMICOLON:case e.DASH:case e.EQUALS:case e.COMMA:case e.PERIOD:case e.SLASH:case e.APOSTROPHE:case e.SINGLE_QUOTE:case e.OPEN_SQUARE_BRACKET:case e.BACKSLASH:case e.CLOSE_SQUARE_BRACKET:return!0;default:return!1}}},a=e;return Pe.default=a,Pe}var Te={},Ut;function Jr(){if(Ut)return Te;Ut=1;var e=He;Object.defineProperty(Te,"__esModule",{value:!0}),Te.default=void 0;var a=r(o);function t(i){if(typeof WeakMap!="function")return null;var l=new WeakMap,c=new WeakMap;return(t=function(b){return b?c:l})(i)}function r(i,l){if(!l&&i&&i.__esModule)return i;if(i===null||e(i)!=="object"&&typeof i!="function")return{default:i};var c=t(l);if(c&&c.has(i))return c.get(i);var h={},b=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var E in i)if(E!=="default"&&Object.prototype.hasOwnProperty.call(i,E)){var g=b?Object.getOwnPropertyDescriptor(i,E):null;g&&(g.get||g.set)?Object.defineProperty(h,E,g):h[E]=i[E]}return h.default=i,c&&c.set(i,h),h}var n=a.createContext({min:0,max:0,direction:"ltr",step:1,includedStart:0,includedEnd:0,tabIndex:0,keyboard:!0}),u=n;return Te.default=u,Te}var be={},Lt;function zr(){if(Lt)return be;Lt=1,Object.defineProperty(be,"__esModule",{value:!0}),be.getDirectionStyle=a,be.getIndex=t,be.getOffset=e;function e(r,n,u){return(r-n)/(u-n)}function a(r,n,u,i){var l=e(n,u,i),c={};switch(r){case"rtl":c.right="".concat(l*100,"%"),c.transform="translateX(50%)";break;case"btt":c.bottom="".concat(l*100,"%"),c.transform="translateY(50%)";break;case"ttb":c.top="".concat(l*100,"%"),c.transform="translateY(-50%)";break;default:c.left="".concat(l*100,"%"),c.transform="translateX(-50%)";break}return c}function t(r,n){return Array.isArray(r)?r[n]:r}return be}var ve=qr,ea=He;Object.defineProperty(at,"__esModule",{value:!0});var tt=at.default=void 0,ta=ve(Vr),wt=ve(Xr()),Ft=ve(qt()),ra=ve(Qr()),Qe=ua(o),aa=ve(sr),ae=ve(Zr()),na=ve(Jr()),Ae=zr(),ia=["prefixCls","value","valueIndex","onStartMove","style","render","dragging","onOffsetChange"];function Vt(e){if(typeof WeakMap!="function")return null;var a=new WeakMap,t=new WeakMap;return(Vt=function(n){return n?t:a})(e)}function ua(e,a){if(!a&&e&&e.__esModule)return e;if(e===null||ea(e)!=="object"&&typeof e!="function")return{default:e};var t=Vt(a);if(t&&t.has(e))return t.get(e);var r={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(u!=="default"&&Object.prototype.hasOwnProperty.call(e,u)){var i=n?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(r,u,i):r[u]=e[u]}return r.default=e,t&&t.set(e,r),r}var oa=Qe.forwardRef(function(e,a){var t,r,n=e.prefixCls,u=e.value,i=e.valueIndex,l=e.onStartMove,c=e.style,h=e.render,b=e.dragging,E=e.onOffsetChange,g=(0,ra.default)(e,ia),d=Qe.useContext(na.default),y=d.min,v=d.max,f=d.direction,_=d.disabled,s=d.keyboard,S=d.range,U=d.tabIndex,P=d.ariaLabelForHandle,M=d.ariaLabelledByForHandle,R=d.ariaValueTextFormatterForHandle,T="".concat(n,"-handle"),C=function(A){_||l(A,i)},O=function(A){if(!_&&s){var x=null;switch(A.which||A.keyCode){case ae.default.LEFT:x=f==="ltr"||f==="btt"?-1:1;break;case ae.default.RIGHT:x=f==="ltr"||f==="btt"?1:-1;break;case ae.default.UP:x=f!=="ttb"?1:-1;break;case ae.default.DOWN:x=f!=="ttb"?-1:1;break;case ae.default.HOME:x="min";break;case ae.default.END:x="max";break;case ae.default.PAGE_UP:x=2;break;case ae.default.PAGE_DOWN:x=-2;break}x!==null&&(A.preventDefault(),E(x,i))}},W=(0,Ae.getDirectionStyle)(f,u,y,v),F=Qe.createElement("div",(0,ta.default)({ref:a,className:(0,aa.default)(T,(t={},(0,Ft.default)(t,"".concat(T,"-").concat(i+1),S),(0,Ft.default)(t,"".concat(T,"-dragging"),b),t)),style:(0,wt.default)((0,wt.default)({},W),c),onMouseDown:C,onTouchStart:C,onKeyDown:O,tabIndex:_?null:(0,Ae.getIndex)(U,i),role:"slider","aria-valuemin":y,"aria-valuemax":v,"aria-valuenow":u,"aria-disabled":_,"aria-label":(0,Ae.getIndex)(P,i),"aria-labelledby":(0,Ae.getIndex)(M,i),"aria-valuetext":(r=(0,Ae.getIndex)(R,i))===null||r===void 0?void 0:r(u),"aria-orientation":f==="ltr"||f==="rtl"?"horizontal":"vertical"},g));return h&&(F=h(F,{index:i,prefixCls:n,value:u,dragging:b})),F}),la=oa;tt=at.default=la;const De=({text:e})=>H.jsx(gr,{text:e,layerProps:{style:{whiteSpace:"nowrap",position:"fixed",transform:"translate(-50%, -100%)",marginTop:-15,marginLeft:5}}});try{De.displayName="SliderTooltip",De.__docgenInfo={description:"",displayName:"SliderTooltip",props:{text:{defaultValue:null,description:"",name:"text",required:!0,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null | undefined"}}}}}catch{}const sa="_container_1a936_1",ca="_small_1a936_7",fa="_hasMarks_1a936_10",da="_vertical_1a936_13",va="_hasArrows_1a936_17",ma="_button_1a936_21",ga="_label_1a936_24",G={container:sa,small:ca,hasMarks:fa,vertical:da,hasArrows:va,button:ma,label:ga},ya=e=>e.reduce((a,{label:t,tooltip:r,value:n})=>{const i=r!==void 0?H.jsx(yr,{text:r,children:t}):t||n;return a[n]=i,a},{}),Ea=dr(ya,vr),Dt=({name:e,label:a,width:t="100%",labelWidth:r="auto",value:n,min:u,max:i,step:l=1,marks:c=[],showArrows:h=!1,showTooltip:b=!1,tooltipFormatter:E=_=>_,disabled:g=!1,range:d=!1,small:y=!1,vertical:v={enabled:!1,width:"100px",height:"400px"},onChange:f})=>{const _=o.useContext(mr),s=Ea(c),S=M=>{f({target:{name:e,value:M,label:a}})},U=()=>H.jsx("div",{className:G.button,children:H.jsx(bt,{basic:!0,small:!0,round:!0,onClick:()=>S(d?[u,n==null?void 0:n[1]]:u),disabled:g||n===u||_,icon:ht.FAST_BACKWARD})}),P=()=>H.jsx("div",{className:G.button,children:H.jsx(bt,{basic:!0,small:!0,round:!0,onClick:()=>S(d?[n==null?void 0:n[0],i]:i),disabled:g||n===i||_,icon:ht.FAST_FORWARD})});return H.jsxs("div",{className:ie(G.container,y?G.small:"",v.enabled?G.vertical:"",or.isEmpty(c)?"":G.hasMarks),style:v.enabled?{width:v.width,height:v.height}:{width:t},children:[h&&(v.enabled?H.jsx(P,{}):H.jsx(U,{})),d?H.jsx(xt,{range:!0,allowCross:!1,className:ie((g||_)&&G.rcSliderDisabled,h&&G.hasArrows),value:n,max:i,min:u,step:l,marks:s,onChange:M=>S(M),disabled:g||_,vertical:v.enabled,handle:b?({index:M,value:R,dragging:T,...C})=>H.jsx(tt,{value:R,...C,children:T&&H.jsx(De,{text:E(R)})},M):void 0}):H.jsx(xt,{className:ie((g||_)&&G.rcSliderDisabled,h&&G.hasArrows),value:n,max:i,min:u,step:l,marks:s,onChange:M=>S(M),disabled:g||_,vertical:v.enabled,handle:b?({index:M,value:R,dragging:T,...C})=>H.jsx(tt,{value:R,...C,children:T&&H.jsx(De,{text:E(R)})},M):void 0}),h&&(v.enabled?H.jsx(U,{}):H.jsx(P,{})),a&&H.jsx("label",{className:G.label,style:{width:r},children:a})]})};try{Dt.displayName="Slider",Dt.__docgenInfo={description:"",displayName:"Slider",props:{name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},width:{defaultValue:{value:"100%"},description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},labelWidth:{defaultValue:{value:"auto"},description:"",name:"labelWidth",required:!1,type:{name:"TStringOrNumber"}},value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"number | number[]"}},min:{defaultValue:null,description:"",name:"min",required:!0,type:{name:"number"}},max:{defaultValue:null,description:"",name:"max",required:!0,type:{name:"number"}},step:{defaultValue:{value:"1"},description:"",name:"step",required:!1,type:{name:"number"}},marks:{defaultValue:{value:"[]"},description:"",name:"marks",required:!1,type:{name:"TSliderMark[]"}},showArrows:{defaultValue:{value:"false"},description:"",name:"showArrows",required:!1,type:{name:"boolean"}},showTooltip:{defaultValue:{value:"false"},description:"",name:"showTooltip",required:!1,type:{name:"boolean"}},tooltipFormatter:{defaultValue:{value:"(v) => v"},description:"",name:"tooltipFormatter",required:!1,type:{name:"((value: number | number[]) => string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null)"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},range:{defaultValue:{value:"false"},description:"",name:"range",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},vertical:{defaultValue:{value:`{
4
4
  enabled: false,
@@ -1,4 +1,4 @@
1
- import{j as a}from"./jsx-runtime-f961835c.js";import{S as x}from"./slider-cf2db7b4.js";import{T as se}from"./text-ad1f5f1d.js";import"./index-f80c8c95.js";import"./lodash-75c70a11.js";import"./objectSpread2-fdee9b6d.js";import"./index-a80ed1cf.js";import"./inheritsLoose-d4851ab8.js";import"./icon-c5e1f218.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./memoize-one.esm-52518564.js";import"./index-c7f280f6.js";import"./common-types-2c81813f.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./button-e6a6c574.js";import"./spinner-cb92a546.js";const{useArgs:re}=__STORYBOOK_MODULE_ADDONS__,ne=[{label:"S1...",tooltip:"S1 Production",value:20},{label:"S2...",tooltip:"S2 Cementing",value:40},{label:"S3...",tooltip:a.jsxs("span",{children:[a.jsx("strong",{children:"S3"})," Drilling"]}),value:60},{label:"S4...",tooltip:"S4 Shut in",value:80},{label:"S5...",tooltip:"S5 Circulate",value:100}],we={title:"Forms/Slider",component:x,args:{value:50,min:0,max:100,step:1,showTooltip:!1,label:""}},e=n=>{const[m,v]=re(),A=b=>{v({value:b.target.value})};return a.jsx(x,{...n,onChange:A})},c=e.bind({}),s=e.bind({});s.args={range:!0,value:[10,40]};const t=e.bind({});t.args={label:"Number of aardvarks"};const o=e.bind({});o.args={range:!0,value:[10,40],showArrows:!0};const h=n=>{const[{value:m},v]=re(),A=b=>{v({value:b.target.value})};return a.jsx(a.Fragment,{children:a.jsx(x,{...n,label:a.jsxs("span",{children:["Fixed width label: ",a.jsx("strong",{children:m*Math.random()})]}),labelWidth:"400px",value:m,onChange:A})})},l=e.bind({});l.args={showTooltip:!0};const i=e.bind({});i.args={showTooltip:!0,tooltipFormatter:n=>a.jsx(se,{warning:!0,children:`${n} extra info lorem ipsum`})};const d=e.bind({});d.args={showArrows:!0};const g=e.bind({});g.args={marks:ne};const r=e.bind({});r.args={small:!0};r.parameters={docs:{description:{story:"Reduces the vertical height of the `Slider` container to align with other `small` elements."}}};const p=e.bind({});p.args={disabled:!0};const u=e.bind({});u.args={marks:ne,vertical:{enabled:!0,width:"100px",height:"400px"}};var S,C,j;c.parameters={...c.parameters,docs:{...(S=c.parameters)==null?void 0:S.docs,source:{originalSource:`args => {
1
+ import{j as a}from"./jsx-runtime-f961835c.js";import{S as x}from"./slider-0bcc1397.js";import{T as se}from"./text-ad1f5f1d.js";import"./index-f80c8c95.js";import"./lodash-75c70a11.js";import"./objectSpread2-fdee9b6d.js";import"./index-a80ed1cf.js";import"./inheritsLoose-d4851ab8.js";import"./icon-ba53aa84.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./memoize-one.esm-52518564.js";import"./index-c7f280f6.js";import"./common-types-2c81813f.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./button-2f702fe9.js";import"./spinner-cb92a546.js";const{useArgs:re}=__STORYBOOK_MODULE_ADDONS__,ne=[{label:"S1...",tooltip:"S1 Production",value:20},{label:"S2...",tooltip:"S2 Cementing",value:40},{label:"S3...",tooltip:a.jsxs("span",{children:[a.jsx("strong",{children:"S3"})," Drilling"]}),value:60},{label:"S4...",tooltip:"S4 Shut in",value:80},{label:"S5...",tooltip:"S5 Circulate",value:100}],we={title:"Forms/Slider",component:x,args:{value:50,min:0,max:100,step:1,showTooltip:!1,label:""}},e=n=>{const[m,v]=re(),A=b=>{v({value:b.target.value})};return a.jsx(x,{...n,onChange:A})},c=e.bind({}),s=e.bind({});s.args={range:!0,value:[10,40]};const t=e.bind({});t.args={label:"Number of aardvarks"};const o=e.bind({});o.args={range:!0,value:[10,40],showArrows:!0};const h=n=>{const[{value:m},v]=re(),A=b=>{v({value:b.target.value})};return a.jsx(a.Fragment,{children:a.jsx(x,{...n,label:a.jsxs("span",{children:["Fixed width label: ",a.jsx("strong",{children:m*Math.random()})]}),labelWidth:"400px",value:m,onChange:A})})},l=e.bind({});l.args={showTooltip:!0};const i=e.bind({});i.args={showTooltip:!0,tooltipFormatter:n=>a.jsx(se,{warning:!0,children:`${n} extra info lorem ipsum`})};const d=e.bind({});d.args={showArrows:!0};const g=e.bind({});g.args={marks:ne};const r=e.bind({});r.args={small:!0};r.parameters={docs:{description:{story:"Reduces the vertical height of the `Slider` container to align with other `small` elements."}}};const p=e.bind({});p.args={disabled:!0};const u=e.bind({});u.args={marks:ne,vertical:{enabled:!0,width:"100px",height:"400px"}};var S,C,j;c.parameters={...c.parameters,docs:{...(S=c.parameters)==null?void 0:S.docs,source:{originalSource:`args => {
2
2
  const [_, updateArgs] = useArgs();
3
3
  const handleChange = (evt: any) => {
4
4
  updateArgs({
@@ -1 +1 @@
1
- import{j as r}from"./jsx-runtime-f961835c.js";import{S as h}from"./spacer-54db0620.js";import{F as j}from"./flex-89b67483.js";import{B as s}from"./button-e6a6c574.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./spinner-cb92a546.js";import"./index-c89a1915.js";import"./icon-c5e1f218.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";const W={title:"Layout/Spacer",component:h,argTypes:{width:{control:"text"},height:{control:"text"}}},p=t=>r.jsx(h,{...t}),a=p.bind({});a.decorators=[t=>r.jsxs(r.Fragment,{children:[r.jsx(s,{label:"Button"}),t(),r.jsx(s,{label:"Button"})]})];const e=p.bind({});e.args={height:"var(--padding-xxs)"};e.decorators=[t=>r.jsxs(r.Fragment,{children:[r.jsx(s,{label:"Button"}),t(),r.jsx(s,{label:"Button"})]})];const o=p.bind({});o.args={width:"var(--padding)"};o.decorators=[t=>r.jsxs(j,{children:[r.jsx(s,{label:"Button"}),t(),r.jsx(s,{label:"Button"})]})];var c,i,m;a.parameters={...a.parameters,docs:{...(c=a.parameters)==null?void 0:c.docs,source:{originalSource:"(args: ISpacerProps) => <Spacer {...args} />",...(m=(i=a.parameters)==null?void 0:i.docs)==null?void 0:m.source}}};var n,d,l;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:"(args: ISpacerProps) => <Spacer {...args} />",...(l=(d=e.parameters)==null?void 0:d.docs)==null?void 0:l.source}}};var u,g,x;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:"(args: ISpacerProps) => <Spacer {...args} />",...(x=(g=o.parameters)==null?void 0:g.docs)==null?void 0:x.source}}};const L=["Default","Height","Width"];export{a as Default,e as Height,o as Width,L as __namedExportsOrder,W as default};
1
+ import{j as r}from"./jsx-runtime-f961835c.js";import{S as h}from"./spacer-54db0620.js";import{F as j}from"./flex-47732c42.js";import{B as s}from"./button-2f702fe9.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./spinner-cb92a546.js";import"./index-c89a1915.js";import"./icon-ba53aa84.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";const W={title:"Layout/Spacer",component:h,argTypes:{width:{control:"text"},height:{control:"text"}}},p=t=>r.jsx(h,{...t}),a=p.bind({});a.decorators=[t=>r.jsxs(r.Fragment,{children:[r.jsx(s,{label:"Button"}),t(),r.jsx(s,{label:"Button"})]})];const e=p.bind({});e.args={height:"var(--padding-xxs)"};e.decorators=[t=>r.jsxs(r.Fragment,{children:[r.jsx(s,{label:"Button"}),t(),r.jsx(s,{label:"Button"})]})];const o=p.bind({});o.args={width:"var(--padding)"};o.decorators=[t=>r.jsxs(j,{children:[r.jsx(s,{label:"Button"}),t(),r.jsx(s,{label:"Button"})]})];var c,i,m;a.parameters={...a.parameters,docs:{...(c=a.parameters)==null?void 0:c.docs,source:{originalSource:"(args: ISpacerProps) => <Spacer {...args} />",...(m=(i=a.parameters)==null?void 0:i.docs)==null?void 0:m.source}}};var n,d,l;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:"(args: ISpacerProps) => <Spacer {...args} />",...(l=(d=e.parameters)==null?void 0:d.docs)==null?void 0:l.source}}};var u,g,x;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:"(args: ISpacerProps) => <Spacer {...args} />",...(x=(g=o.parameters)==null?void 0:g.docs)==null?void 0:x.source}}};const L=["Default","Height","Width"];export{a as Default,e as Height,o as Width,L as __namedExportsOrder,W as default};
@@ -1 +1 @@
1
- import{S as c,c as l,s as n}from"./index-2c7fdfcb.js";import"./iframe-4747ce8b.js";import"../sb-preview/runtime.js";import"./index-f80c8c95.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-97a99495.js";export{c as SyntaxHighlighter,l as createCopyToClipboardFunction,n as default};
1
+ import{S as c,c as l,s as n}from"./index-ccbd9483.js";import"./iframe-a6c416b9.js";import"../sb-preview/runtime.js";import"./index-f80c8c95.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-97a99495.js";export{c as SyntaxHighlighter,l as createCopyToClipboardFunction,n as default};