@oliasoft-open-source/react-ui-library 4.11.0 → 4.12.0-beta-1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (140) hide show
  1. package/dist/assets/{index-BpSdrNXy.css → index-BU9wzZv9.css} +336 -336
  2. package/dist/assets/{index-DoFa61ar.js → index-BVCFmQTa.js} +144 -164
  3. package/dist/index.d.ts +2 -6
  4. package/dist/index.html +1 -1
  5. package/dist/index.js +121 -132
  6. package/dist/index.js.map +1 -1
  7. package/dist/storybook/assets/{Color-KGDBMAHA-C4DMqLTk.js → Color-KGDBMAHA-CK3d59Om.js} +1 -1
  8. package/dist/storybook/assets/{DocsRenderer-PKQXORMH-4sK5I5fh.js → DocsRenderer-PKQXORMH-C_QE44cn.js} +1 -1
  9. package/dist/storybook/assets/{accordion.stories-BSRBp5Mg.js → accordion.stories-C3VY77Jy.js} +1 -1
  10. package/dist/storybook/assets/{actions-D-uVCDzk.js → actions-Bax0KeqM.js} +2 -2
  11. package/dist/storybook/assets/{actions.stories-gKfuiKQy.js → actions.stories-BnPZKqOJ.js} +1 -1
  12. package/dist/storybook/assets/{afe.stories-DM18uTAa.js → afe.stories-C9XjJj62.js} +1 -1
  13. package/dist/storybook/assets/{badge.stories-Dkq_XgEW.js → badge.stories-DA_eeQyi.js} +1 -1
  14. package/dist/storybook/assets/{blowout.stories-DHdofVc-.js → blowout.stories-DH-sYHgB.js} +1 -1
  15. package/dist/storybook/assets/button-Cbv7WK6k.js +1 -0
  16. package/dist/storybook/assets/button-DtgxLQCF.css +1 -0
  17. package/dist/storybook/assets/{button-group-1DEZPmxq.js → button-group-D2fGP_bX.js} +1 -1
  18. package/dist/storybook/assets/{button-group.stories-C4V1k0z_.js → button-group.stories-BETADGti.js} +1 -1
  19. package/dist/storybook/assets/{button.stories-DA9DGYD2.js → button.stories-C03VvX8K.js} +1 -1
  20. package/dist/storybook/assets/{buttons-and-links-BAJT7RF7.js → buttons-and-links-FQEbqz9H.js} +1 -1
  21. package/dist/storybook/assets/{casing-loads.stories-CE6GJ021.js → casing-loads.stories-B7JIoJVk.js} +1 -1
  22. package/dist/storybook/assets/{cell.stories-BkZwSf40.js → cell.stories-xZiHEc0P.js} +1 -1
  23. package/dist/storybook/assets/{chunk-HLWAVYOI-wyESLsMA.js → chunk-HLWAVYOI-EhWEisNT.js} +1 -1
  24. package/dist/storybook/assets/{color-CXm-Xks7.js → color-B3dajHjs.js} +1 -1
  25. package/dist/storybook/assets/{dialog-BelCA1mt.js → dialog-DkpQscuI.js} +1 -1
  26. package/dist/storybook/assets/drawer-BVc1xI9q.css +1 -0
  27. package/dist/storybook/assets/drawer-DaQ1xGjV.js +3 -0
  28. package/dist/storybook/assets/{drawer.stories-DcjyDHEs.js → drawer.stories-C08XBVTq.js} +1 -1
  29. package/dist/storybook/assets/{empty.stories-DcwF0pkK.js → empty.stories-L7LSMcLe.js} +1 -1
  30. package/dist/storybook/assets/{field.stories-DUGMwi1O.js → field.stories-CYpQ669-.js} +1 -1
  31. package/dist/storybook/assets/{file-button.stories-CU2pZcEO.js → file-button.stories-CRaTdLfv.js} +1 -1
  32. package/dist/storybook/assets/{file-input-B0-ERX66.js → file-input-yalPf7-m.js} +1 -1
  33. package/dist/storybook/assets/{file-input.stories-Cpd1NHbq.js → file-input.stories-DMTQqAF8.js} +1 -1
  34. package/dist/storybook/assets/{flex.stories-BhvJpHpN.js → flex.stories-CLwPyEMp.js} +1 -1
  35. package/dist/storybook/assets/{footer.stories-C1SojIiD.js → footer.stories-BxzKeFAK.js} +1 -1
  36. package/dist/storybook/assets/{form.stories-BLcmnfy8.js → form.stories-BNORsn6Z.js} +1 -1
  37. package/dist/storybook/assets/{formation.stories-DZ9-Ct5F.js → formation.stories-C5Hkb3iK.js} +1 -1
  38. package/dist/storybook/assets/{iframe-DGCZgYKU.js → iframe-DOUoMheZ.js} +2 -2
  39. package/dist/storybook/assets/{index-D-ApmKaY.js → index-AKsHS-dO.js} +88 -88
  40. package/dist/storybook/assets/{index-DHATsyTR.js → index-KVAIZqzA.js} +1 -1
  41. package/dist/storybook/assets/initialize-context-rEvM6bdZ.js +1 -0
  42. package/dist/storybook/assets/input-Db9WkmPP.js +1 -0
  43. package/dist/storybook/assets/input-Dz1ZZYN5.css +1 -0
  44. package/dist/storybook/assets/{input-group.stories-EhmORqH9.js → input-group.stories-BCajsqAk.js} +1 -1
  45. package/dist/storybook/assets/{input-validation-BdnKKR1J.js → input-validation-BNoUk3q6.js} +1 -1
  46. package/dist/storybook/assets/{input.stories-FKl0qVhm.js → input.stories-SJy3TKkD.js} +1 -1
  47. package/dist/storybook/assets/{inputs-Cpi6xZLB.js → inputs-Dql6Fq32.js} +1 -1
  48. package/dist/storybook/assets/{layout-forms-DxC0zO_Y.js → layout-forms-DuFo_rwV.js} +1 -1
  49. package/dist/storybook/assets/{layout-general-Be4RMwPl.js → layout-general-C-UddRr1.js} +1 -1
  50. package/dist/storybook/assets/{list-bKpz6I9Q.js → list-By3wp5Wa.js} +1 -1
  51. package/dist/storybook/assets/{list.stories-Cgmt29Wv.js → list.stories-BcDHHHYJ.js} +1 -1
  52. package/dist/storybook/assets/{list.stories-data-D_Aj3AN4.js → list.stories-data-Doo2Rqun.js} +1 -1
  53. package/dist/storybook/assets/{loader.stories-pS8zRM4u.js → loader.stories-Q0U2BqZX.js} +1 -1
  54. package/dist/storybook/assets/{menu.stories-DLJSzJa-.js → menu.stories-1I5AGGQx.js} +1 -1
  55. package/dist/storybook/assets/{menu.test-case.stories-DyrNbGBs.js → menu.test-case.stories-BFYhvtSH.js} +1 -1
  56. package/dist/storybook/assets/message-BRyKdRaX.js +1 -0
  57. package/dist/storybook/assets/message-C2ZCkHX6.css +1 -0
  58. package/dist/storybook/assets/{message.stories-r_UlbshI.js → message.stories-bCqCYIuN.js} +1 -1
  59. package/dist/storybook/assets/meta-content-ByVTG0hd.css +1 -0
  60. package/dist/storybook/assets/meta-content-DNgQbAW0.js +9 -0
  61. package/dist/storybook/assets/{modal.stories-DOgeTuHT.js → modal.stories-C2d-Em5V.js} +1 -1
  62. package/dist/storybook/assets/{modal.test-case.stories-DQ1Izuq6.js → modal.test-case.stories-H8AYyvAl.js} +1 -1
  63. package/dist/storybook/assets/{number-input-CJJvhIIv.js → number-input-CNnU6gOF.js} +2 -2
  64. package/dist/storybook/assets/{number-input.stories-CKVq60XH.js → number-input.stories-Bo26PJmJ.js} +1 -1
  65. package/dist/storybook/assets/number-input.test-case.stories-BBKpBWfA.js +92 -0
  66. package/dist/storybook/assets/{option-dropdown.stories-CIvqMhQ3.js → option-dropdown.stories-CznUbXVi.js} +1 -1
  67. package/dist/storybook/assets/{padding-and-spacing-BZdh5XRo.js → padding-and-spacing-B9ObVTUS.js} +1 -1
  68. package/dist/storybook/assets/{page.stories-DnCh8h8y.js → page.stories-DthnK8qb.js} +1 -1
  69. package/dist/storybook/assets/{pagination-DWc8zp3k.js → pagination-CR1nxnnq.js} +1 -1
  70. package/dist/storybook/assets/{pagination.stories-B5cOvzik.js → pagination.stories-qXmBYwYc.js} +1 -1
  71. package/dist/storybook/assets/{pop-confirm.stories-DCpooB2O.js → pop-confirm.stories-CHa0qUBe.js} +1 -1
  72. package/dist/storybook/assets/{popover-rq33c1W2.js → popover-C_2P8LFJ.js} +1 -1
  73. package/dist/storybook/assets/{popover.stories-p9_-pH_Q.js → popover.stories-DZTfimDf.js} +1 -1
  74. package/dist/storybook/assets/{preview-B3bzTGOp.js → preview-_21fnvwa.js} +2 -2
  75. package/dist/storybook/assets/{preview-NGnahGuq.js → preview-dBqj-M8_.js} +1 -1
  76. package/dist/storybook/assets/{projects.stories-Co_WnKSx.js → projects.stories-BPm6ucAe.js} +1 -1
  77. package/dist/storybook/assets/{reservoirs.stories-UW_8sofe.js → reservoirs.stories-r1Ip90kJ.js} +1 -1
  78. package/dist/storybook/assets/{rich-text-input-dDjxXFl-.css → rich-text-input-BJfL0Me_.css} +1 -1
  79. package/dist/storybook/assets/{rich-text-input.stories-CK_OTGiV.js → rich-text-input.stories-DwaseXZv.js} +4 -4
  80. package/dist/storybook/assets/{row.stories-D11wLSt6.js → row.stories-BrPMTnKK.js} +1 -1
  81. package/dist/storybook/assets/select-BmYXTl_0.css +1 -0
  82. package/dist/storybook/assets/select-Cwks-WA0.js +61 -0
  83. package/dist/storybook/assets/{select.stories-Bpffz9TF.js → select.stories-DjGSNDXK.js} +1 -1
  84. package/dist/storybook/assets/{select.test-case.stories-DwDNDHax.js → select.test-case.stories-B6On-PjA.js} +1 -1
  85. package/dist/storybook/assets/side-bar-fBbBqyAT.css +1 -0
  86. package/dist/storybook/assets/side-bar-wpFQ5NEE.js +24 -0
  87. package/dist/storybook/assets/{side-bar.stories-M6FsuCrQ.js → side-bar.stories-LjClxJcG.js} +1 -1
  88. package/dist/storybook/assets/{site.stories-ZGohyW6Z.js → site.stories-BnWmALGd.js} +1 -1
  89. package/dist/storybook/assets/{slider-C7vnj_3M.js → slider-CcpE4BLD.js} +1 -1
  90. package/dist/storybook/assets/{slider.stories-BzBb3PkP.js → slider.stories-BqlRLY_C.js} +1 -1
  91. package/dist/storybook/assets/{smart-upload-modal.stories-xqiXR6jV.js → smart-upload-modal.stories-BlTSF64K.js} +1 -1
  92. package/dist/storybook/assets/{spacer.stories-BBTt2LdE.js → spacer.stories-BT2S6B0R.js} +1 -1
  93. package/dist/storybook/assets/table-BtBtDwPu.css +1 -0
  94. package/dist/storybook/assets/table-iVsvoMpy.js +86 -0
  95. package/dist/storybook/assets/{table.stories-C1GgZCCR.js → table.stories-DmGMjcFw.js} +1 -1
  96. package/dist/storybook/assets/{table.stories-data-C3vJedB1.js → table.stories-data-C7mC5R8Q.js} +1 -1
  97. package/dist/storybook/assets/{textarea-D6ltcKhz.js → textarea-DflOOrxV.js} +2 -2
  98. package/dist/storybook/assets/textarea-TqxidmV4.css +1 -0
  99. package/dist/storybook/assets/{textarea.stories-CJ-Oqytp.js → textarea.stories-CzsqRVpC.js} +1 -1
  100. package/dist/storybook/assets/{title.stories-jatDyjoM.js → title.stories-D2LDNgbT.js} +1 -1
  101. package/dist/storybook/assets/{toaster-BoBcvmf9.js → toaster-O8ftrUAJ.js} +1 -1
  102. package/dist/storybook/assets/{toaster.stories-G6nKp3uV.js → toaster.stories-CdpwLBSo.js} +1 -1
  103. package/dist/storybook/assets/{toaster.test-case.stories-CCHTh_U1.js → toaster.test-case.stories-BhWnh4Cd.js} +1 -1
  104. package/dist/storybook/assets/{tooltip.test-case.stories-C0wxGvKJ.js → tooltip.test-case.stories-De9h8ThH.js} +1 -1
  105. package/dist/storybook/assets/{top-bar-DkXSzzqt.js → top-bar-Bjf6PQE1.js} +1 -1
  106. package/dist/storybook/assets/{top-bar.stories-HDmWT243.js → top-bar.stories-1hZmlzDT.js} +1 -1
  107. package/dist/storybook/assets/{top-bar.testcase.stories-DfmrkEpT.js → top-bar.testcase.stories-BsFYqaw6.js} +1 -1
  108. package/dist/storybook/assets/{tree.stories-feLUcTtm.js → tree.stories-NGZfmH_B.js} +1 -1
  109. package/dist/storybook/assets/unit-input-Byipu-z0.js +10 -0
  110. package/dist/storybook/assets/{unit-input.stories-zmSrl6iW.js → unit-input.stories-CChVbxmI.js} +1 -1
  111. package/dist/storybook/assets/unit-input.test-case.stories-BwKiucyc.js +220 -0
  112. package/dist/storybook/assets/unit-table.stories-B7rN0MF0.js +152 -0
  113. package/dist/storybook/assets/unit-table.test-case.stories-BIMbgiTz.js +1 -0
  114. package/dist/storybook/iframe.html +1 -1
  115. package/dist/storybook/project.json +1 -1
  116. package/package.json +1 -1
  117. package/dist/404.html +0 -1
  118. package/dist/storybook/assets/button-DHevvVBE.js +0 -1
  119. package/dist/storybook/assets/button-fAxt_G4d.css +0 -1
  120. package/dist/storybook/assets/drawer-DOWJp9T4.js +0 -3
  121. package/dist/storybook/assets/drawer-DhrjYsQu.css +0 -1
  122. package/dist/storybook/assets/input-DD7t4kHm.css +0 -1
  123. package/dist/storybook/assets/input-DTXbDJaL.js +0 -1
  124. package/dist/storybook/assets/message-Cl3kn7ZD.css +0 -1
  125. package/dist/storybook/assets/message-Y48EomV-.js +0 -1
  126. package/dist/storybook/assets/meta-content-DWZbURV2.js +0 -9
  127. package/dist/storybook/assets/meta-content-DnZPPeTF.css +0 -1
  128. package/dist/storybook/assets/number-input.test-case.stories-Dh1F7N8M.js +0 -92
  129. package/dist/storybook/assets/select-03uRbc4I.js +0 -61
  130. package/dist/storybook/assets/select-H-9tdhwc.css +0 -1
  131. package/dist/storybook/assets/side-bar-CSx5wI-k.js +0 -24
  132. package/dist/storybook/assets/side-bar-auov230-.css +0 -1
  133. package/dist/storybook/assets/table-B8ojy8Nj.css +0 -1
  134. package/dist/storybook/assets/table-DyOsClUv.js +0 -86
  135. package/dist/storybook/assets/textarea-H-YTEwr8.css +0 -1
  136. package/dist/storybook/assets/unit-input-CooRJQnF.js +0 -10
  137. package/dist/storybook/assets/unit-input.test-case.stories-C1xRJ1EZ.js +0 -220
  138. package/dist/storybook/assets/unit-table.stories-Bl2gHPKG.js +0 -152
  139. package/dist/storybook/assets/unit-table.test-case.stories-DpSewGv4.js +0 -1
  140. package/dist/storybook/assets/use-previous-D775JrO6.js +0 -1
@@ -1,3 +0,0 @@
1
- import{j as v}from"./jsx-runtime-eps93zm2.js";import{a as ot,r as q}from"./index-DhsZuJvc.js";import{c as ie}from"./index-Bk2sglWO.js";import{I as Se,B as it}from"./common-types-Sih75Sav.js";import{B as st}from"./badge-CLQ59MDF.js";import{l as lt}from"./lodash-c4VUpsOs.js";import{p as le}from"./index-CEuq6vkz.js";import{r as Xe}from"./index-CUZDtIZe.js";import{I as ut}from"./icon-BSFY3vDO.js";import{B as ct}from"./button-DHevvVBE.js";const dt="_inputInTable_13n8n_1",ft="_error_13n8n_7",pt="_warning_13n8n_7",mt="_inputHover_13n8n_13",ht="_inputFocus_13n8n_18",gt="_inputError_13n8n_25",yt="_inputWarning_13n8n_26",vt="_inputDisabled_13n8n_61",bt="_hideScrollbars_13n8n_67",wt="_inline_13n8n_90",_t="_left_13n8n_93",St="_right_13n8n_96",Dt="_fixed_13n8n_99",Ot="_border_13n8n_111",Tt="_shadow_13n8n_117",Pt="_drawerContent_13n8n_120",xt="_isResizing_13n8n_132",Rt="_toggleButton_13n8n_143",Ct="_top_13n8n_156",Nt="_bottom_13n8n_159",zt="_toggleButtonOpen_13n8n_162",Mt="_tabs_13n8n_165",Et="_tab_13n8n_165",Wt="_active_13n8n_197",Ht="_disabled_13n8n_222",qt="_tabsContent_13n8n_229",$t="_resizeHandle_13n8n_235",S={inputInTable:dt,error:ft,warning:pt,inputHover:mt,inputFocus:ht,inputError:gt,inputWarning:yt,inputDisabled:vt,hideScrollbars:bt,inline:wt,left:_t,right:St,fixed:Dt,border:Ot,shadow:Tt,drawerContent:Pt,isResizing:xt,toggleButton:Rt,top:Ct,bottom:Nt,toggleButtonOpen:zt,tabs:Mt,tab:Et,active:Wt,disabled:Ht,tabsContent:qt,resizeHandle:$t},It=({badge:e,children:t})=>e?v.jsx(st,{small:!0,margin:4,title:e.toString(),children:t}):v.jsx(v.Fragment,{children:t}),Ye=({tabs:e,activeTab:t,open:n,background:r,handleTabClick:a,width:o,testId:i})=>v.jsxs(v.Fragment,{children:[v.jsx("div",{className:S.tabs,children:e.map((s,l)=>v.jsx("div",{className:ie(S.tab,t===l&&n?S.active:"",s.disabled?S.disabled:""),style:{background:r},onClick:s.disabled?void 0:()=>a(l),"data-testid":i&&`${i}-icon-${l}`,children:v.jsx(It,{badge:s.badge,children:s.icon})},l))}),e.map((s,l)=>{const h=t===l;return v.jsx("div",{style:{width:typeof o=="number"?`${o}px`:o},className:S.tabsContent,"data-testid":i&&`${i}-content-${l}`,children:h&&n&&s.content},l)})]});Ye.__docgenInfo={description:"",methods:[],displayName:"DrawerTabs",props:{tabs:{required:!0,tsType:{name:"Array",elements:[{name:"IDrawerTab"}],raw:"IDrawerTab[]"},description:""},activeTab:{required:!0,tsType:{name:"number"},description:""},open:{required:!0,tsType:{name:"boolean"},description:""},background:{required:!0,tsType:{name:"string"},description:""},handleTabClick:{required:!0,tsType:{name:"signature",type:"function",raw:"(index: number) => void",signature:{arguments:[{type:{name:"number"},name:"index"}],return:{name:"void"}}},description:""},width:{required:!0,tsType:{name:"union",raw:"number | string",elements:[{name:"number"},{name:"string"}]},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};var Re={exports:{}},ee={},ue={exports:{}},Ve={};function Ue(e){var t,n,r="";if(typeof e=="string"||typeof e=="number")r+=e;else if(typeof e=="object")if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=Ue(e[t]))&&(r&&(r+=" "),r+=n);else for(t in e)e[t]&&(r&&(r+=" "),r+=t);return r}function qe(){for(var e,t,n=0,r="";n<arguments.length;)(e=arguments[n++])&&(t=Ue(e))&&(r&&(r+=" "),r+=t);return r}const At=Object.freeze(Object.defineProperty({__proto__:null,clsx:qe,default:qe},Symbol.toStringTag,{value:"Module"})),Bt=ot(At);var b={},$={};Object.defineProperty($,"__esModule",{value:!0});$.dontSetMe=Ut;$.findInArray=jt;$.int=Vt;$.isFunction=Xt;$.isNum=Yt;function jt(e,t){for(let n=0,r=e.length;n<r;n++)if(t.apply(t,[e[n],n,e]))return e[n]}function Xt(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Function]"}function Yt(e){return typeof e=="number"&&!isNaN(e)}function Vt(e){return parseInt(e,10)}function Ut(e,t,n){if(e[t])return new Error("Invalid prop ".concat(t," passed to ").concat(n," - do not set this, set it on the child."))}var U={};Object.defineProperty(U,"__esModule",{value:!0});U.browserPrefixToKey=Le;U.browserPrefixToStyle=Ft;U.default=void 0;U.getPrefix=Fe;const ye=["Moz","Webkit","O","ms"];function Fe(){var e;let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:"transform";if(typeof window>"u")return"";const n=(e=window.document)===null||e===void 0||(e=e.documentElement)===null||e===void 0?void 0:e.style;if(!n||t in n)return"";for(let r=0;r<ye.length;r++)if(Le(t,ye[r])in n)return ye[r];return""}function Le(e,t){return t?"".concat(t).concat(Lt(e)):e}function Ft(e,t){return t?"-".concat(t.toLowerCase(),"-").concat(e):e}function Lt(e){let t="",n=!0;for(let r=0;r<e.length;r++)n?(t+=e[r].toUpperCase(),n=!1):e[r]==="-"?n=!0:t+=e[r];return t}U.default=Fe();Object.defineProperty(b,"__esModule",{value:!0});b.addClassName=Ke;b.addEvent=Kt;b.addUserSelectStyles=ln;b.createCSSTransform=rn;b.createSVGTransform=an;b.getTouch=on;b.getTouchIdentifier=sn;b.getTranslation=Ce;b.innerHeight=en;b.innerWidth=tn;b.matchesSelector=ke;b.matchesSelectorAndParentsTo=kt;b.offsetXYFromParent=nn;b.outerHeight=Qt;b.outerWidth=Zt;b.removeClassName=Je;b.removeEvent=Jt;b.removeUserSelectStyles=un;var z=$,$e=Gt(U);function Ge(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,n=new WeakMap;return(Ge=function(r){return r?n:t})(e)}function Gt(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var n=Ge(t);if(n&&n.has(e))return n.get(e);var r={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(r,o,i):r[o]=e[o]}return r.default=e,n&&n.set(e,r),r}let ae="";function ke(e,t){return ae||(ae=(0,z.findInArray)(["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"],function(n){return(0,z.isFunction)(e[n])})),(0,z.isFunction)(e[ae])?e[ae](t):!1}function kt(e,t,n){let r=e;do{if(ke(r,t))return!0;if(r===n)return!1;r=r.parentNode}while(r);return!1}function Kt(e,t,n,r){if(!e)return;const a={capture:!0,...r};e.addEventListener?e.addEventListener(t,n,a):e.attachEvent?e.attachEvent("on"+t,n):e["on"+t]=n}function Jt(e,t,n,r){if(!e)return;const a={capture:!0,...r};e.removeEventListener?e.removeEventListener(t,n,a):e.detachEvent?e.detachEvent("on"+t,n):e["on"+t]=null}function Qt(e){let t=e.clientHeight;const n=e.ownerDocument.defaultView.getComputedStyle(e);return t+=(0,z.int)(n.borderTopWidth),t+=(0,z.int)(n.borderBottomWidth),t}function Zt(e){let t=e.clientWidth;const n=e.ownerDocument.defaultView.getComputedStyle(e);return t+=(0,z.int)(n.borderLeftWidth),t+=(0,z.int)(n.borderRightWidth),t}function en(e){let t=e.clientHeight;const n=e.ownerDocument.defaultView.getComputedStyle(e);return t-=(0,z.int)(n.paddingTop),t-=(0,z.int)(n.paddingBottom),t}function tn(e){let t=e.clientWidth;const n=e.ownerDocument.defaultView.getComputedStyle(e);return t-=(0,z.int)(n.paddingLeft),t-=(0,z.int)(n.paddingRight),t}function nn(e,t,n){const a=t===t.ownerDocument.body?{left:0,top:0}:t.getBoundingClientRect(),o=(e.clientX+t.scrollLeft-a.left)/n,i=(e.clientY+t.scrollTop-a.top)/n;return{x:o,y:i}}function rn(e,t){const n=Ce(e,t,"px");return{[(0,$e.browserPrefixToKey)("transform",$e.default)]:n}}function an(e,t){return Ce(e,t,"")}function Ce(e,t,n){let{x:r,y:a}=e,o="translate(".concat(r).concat(n,",").concat(a).concat(n,")");if(t){const i="".concat(typeof t.x=="string"?t.x:t.x+n),s="".concat(typeof t.y=="string"?t.y:t.y+n);o="translate(".concat(i,", ").concat(s,")")+o}return o}function on(e,t){return e.targetTouches&&(0,z.findInArray)(e.targetTouches,n=>t===n.identifier)||e.changedTouches&&(0,z.findInArray)(e.changedTouches,n=>t===n.identifier)}function sn(e){if(e.targetTouches&&e.targetTouches[0])return e.targetTouches[0].identifier;if(e.changedTouches&&e.changedTouches[0])return e.changedTouches[0].identifier}function ln(e){if(!e)return;let t=e.getElementById("react-draggable-style-el");t||(t=e.createElement("style"),t.type="text/css",t.id="react-draggable-style-el",t.innerHTML=`.react-draggable-transparent-selection *::-moz-selection {all: inherit;}
2
- `,t.innerHTML+=`.react-draggable-transparent-selection *::selection {all: inherit;}
3
- `,e.getElementsByTagName("head")[0].appendChild(t)),e.body&&Ke(e.body,"react-draggable-transparent-selection")}function un(e){if(e)try{if(e.body&&Je(e.body,"react-draggable-transparent-selection"),e.selection)e.selection.empty();else{const t=(e.defaultView||window).getSelection();t&&t.type!=="Caret"&&t.removeAllRanges()}}catch{}}function Ke(e,t){e.classList?e.classList.add(t):e.className.match(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)")))||(e.className+=" ".concat(t))}function Je(e,t){e.classList?e.classList.remove(t):e.className=e.className.replace(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)"),"g"),"")}var I={};Object.defineProperty(I,"__esModule",{value:!0});I.canDragX=fn;I.canDragY=pn;I.createCoreData=hn;I.createDraggableData=gn;I.getBoundPosition=cn;I.getControlPosition=mn;I.snapToGrid=dn;var N=$,k=b;function cn(e,t,n){if(!e.props.bounds)return[t,n];let{bounds:r}=e.props;r=typeof r=="string"?r:yn(r);const a=Ne(e);if(typeof r=="string"){const{ownerDocument:o}=a,i=o.defaultView;let s;if(r==="parent"?s=a.parentNode:s=o.querySelector(r),!(s instanceof i.HTMLElement))throw new Error('Bounds selector "'+r+'" could not find an element.');const l=s,h=i.getComputedStyle(a),g=i.getComputedStyle(l);r={left:-a.offsetLeft+(0,N.int)(g.paddingLeft)+(0,N.int)(h.marginLeft),top:-a.offsetTop+(0,N.int)(g.paddingTop)+(0,N.int)(h.marginTop),right:(0,k.innerWidth)(l)-(0,k.outerWidth)(a)-a.offsetLeft+(0,N.int)(g.paddingRight)-(0,N.int)(h.marginRight),bottom:(0,k.innerHeight)(l)-(0,k.outerHeight)(a)-a.offsetTop+(0,N.int)(g.paddingBottom)-(0,N.int)(h.marginBottom)}}return(0,N.isNum)(r.right)&&(t=Math.min(t,r.right)),(0,N.isNum)(r.bottom)&&(n=Math.min(n,r.bottom)),(0,N.isNum)(r.left)&&(t=Math.max(t,r.left)),(0,N.isNum)(r.top)&&(n=Math.max(n,r.top)),[t,n]}function dn(e,t,n){const r=Math.round(t/e[0])*e[0],a=Math.round(n/e[1])*e[1];return[r,a]}function fn(e){return e.props.axis==="both"||e.props.axis==="x"}function pn(e){return e.props.axis==="both"||e.props.axis==="y"}function mn(e,t,n){const r=typeof t=="number"?(0,k.getTouch)(e,t):null;if(typeof t=="number"&&!r)return null;const a=Ne(n),o=n.props.offsetParent||a.offsetParent||a.ownerDocument.body;return(0,k.offsetXYFromParent)(r||e,o,n.props.scale)}function hn(e,t,n){const r=!(0,N.isNum)(e.lastX),a=Ne(e);return r?{node:a,deltaX:0,deltaY:0,lastX:t,lastY:n,x:t,y:n}:{node:a,deltaX:t-e.lastX,deltaY:n-e.lastY,lastX:e.lastX,lastY:e.lastY,x:t,y:n}}function gn(e,t){const n=e.props.scale;return{node:t.node,x:e.state.x+t.deltaX/n,y:e.state.y+t.deltaY/n,deltaX:t.deltaX/n,deltaY:t.deltaY/n,lastX:e.state.x,lastY:e.state.y}}function yn(e){return{left:e.left,top:e.top,right:e.right,bottom:e.bottom}}function Ne(e){const t=e.findDOMNode();if(!t)throw new Error("<DraggableCore>: Unmounted during event!");return t}var ce={},de={};Object.defineProperty(de,"__esModule",{value:!0});de.default=vn;function vn(){}Object.defineProperty(ce,"__esModule",{value:!0});ce.default=void 0;var ve=wn(q),R=ze(le),bn=ze(Xe),D=b,j=I,be=$,Q=ze(de);function ze(e){return e&&e.__esModule?e:{default:e}}function Qe(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,n=new WeakMap;return(Qe=function(r){return r?n:t})(e)}function wn(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var n=Qe(t);if(n&&n.has(e))return n.get(e);var r={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(r,o,i):r[o]=e[o]}return r.default=e,n&&n.set(e,r),r}function P(e,t,n){return t=_n(t),t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _n(e){var t=Sn(e,"string");return typeof t=="symbol"?t:String(t)}function Sn(e,t){if(typeof e!="object"||e===null)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}const W={touch:{start:"touchstart",move:"touchmove",stop:"touchend"},mouse:{start:"mousedown",move:"mousemove",stop:"mouseup"}};let X=W.mouse,fe=class extends ve.Component{constructor(){super(...arguments),P(this,"dragging",!1),P(this,"lastX",NaN),P(this,"lastY",NaN),P(this,"touchIdentifier",null),P(this,"mounted",!1),P(this,"handleDragStart",t=>{if(this.props.onMouseDown(t),!this.props.allowAnyClick&&typeof t.button=="number"&&t.button!==0)return!1;const n=this.findDOMNode();if(!n||!n.ownerDocument||!n.ownerDocument.body)throw new Error("<DraggableCore> not mounted on DragStart!");const{ownerDocument:r}=n;if(this.props.disabled||!(t.target instanceof r.defaultView.Node)||this.props.handle&&!(0,D.matchesSelectorAndParentsTo)(t.target,this.props.handle,n)||this.props.cancel&&(0,D.matchesSelectorAndParentsTo)(t.target,this.props.cancel,n))return;t.type==="touchstart"&&t.preventDefault();const a=(0,D.getTouchIdentifier)(t);this.touchIdentifier=a;const o=(0,j.getControlPosition)(t,a,this);if(o==null)return;const{x:i,y:s}=o,l=(0,j.createCoreData)(this,i,s);(0,Q.default)("DraggableCore: handleDragStart: %j",l),(0,Q.default)("calling",this.props.onStart),!(this.props.onStart(t,l)===!1||this.mounted===!1)&&(this.props.enableUserSelectHack&&(0,D.addUserSelectStyles)(r),this.dragging=!0,this.lastX=i,this.lastY=s,(0,D.addEvent)(r,X.move,this.handleDrag),(0,D.addEvent)(r,X.stop,this.handleDragStop))}),P(this,"handleDrag",t=>{const n=(0,j.getControlPosition)(t,this.touchIdentifier,this);if(n==null)return;let{x:r,y:a}=n;if(Array.isArray(this.props.grid)){let s=r-this.lastX,l=a-this.lastY;if([s,l]=(0,j.snapToGrid)(this.props.grid,s,l),!s&&!l)return;r=this.lastX+s,a=this.lastY+l}const o=(0,j.createCoreData)(this,r,a);if((0,Q.default)("DraggableCore: handleDrag: %j",o),this.props.onDrag(t,o)===!1||this.mounted===!1){try{this.handleDragStop(new MouseEvent("mouseup"))}catch{const l=document.createEvent("MouseEvents");l.initMouseEvent("mouseup",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),this.handleDragStop(l)}return}this.lastX=r,this.lastY=a}),P(this,"handleDragStop",t=>{if(!this.dragging)return;const n=(0,j.getControlPosition)(t,this.touchIdentifier,this);if(n==null)return;let{x:r,y:a}=n;if(Array.isArray(this.props.grid)){let l=r-this.lastX||0,h=a-this.lastY||0;[l,h]=(0,j.snapToGrid)(this.props.grid,l,h),r=this.lastX+l,a=this.lastY+h}const o=(0,j.createCoreData)(this,r,a);if(this.props.onStop(t,o)===!1||this.mounted===!1)return!1;const s=this.findDOMNode();s&&this.props.enableUserSelectHack&&(0,D.removeUserSelectStyles)(s.ownerDocument),(0,Q.default)("DraggableCore: handleDragStop: %j",o),this.dragging=!1,this.lastX=NaN,this.lastY=NaN,s&&((0,Q.default)("DraggableCore: Removing handlers"),(0,D.removeEvent)(s.ownerDocument,X.move,this.handleDrag),(0,D.removeEvent)(s.ownerDocument,X.stop,this.handleDragStop))}),P(this,"onMouseDown",t=>(X=W.mouse,this.handleDragStart(t))),P(this,"onMouseUp",t=>(X=W.mouse,this.handleDragStop(t))),P(this,"onTouchStart",t=>(X=W.touch,this.handleDragStart(t))),P(this,"onTouchEnd",t=>(X=W.touch,this.handleDragStop(t)))}componentDidMount(){this.mounted=!0;const t=this.findDOMNode();t&&(0,D.addEvent)(t,W.touch.start,this.onTouchStart,{passive:!1})}componentWillUnmount(){this.mounted=!1;const t=this.findDOMNode();if(t){const{ownerDocument:n}=t;(0,D.removeEvent)(n,W.mouse.move,this.handleDrag),(0,D.removeEvent)(n,W.touch.move,this.handleDrag),(0,D.removeEvent)(n,W.mouse.stop,this.handleDragStop),(0,D.removeEvent)(n,W.touch.stop,this.handleDragStop),(0,D.removeEvent)(t,W.touch.start,this.onTouchStart,{passive:!1}),this.props.enableUserSelectHack&&(0,D.removeUserSelectStyles)(n)}}findDOMNode(){var t,n;return(t=this.props)!==null&&t!==void 0&&t.nodeRef?(n=this.props)===null||n===void 0||(n=n.nodeRef)===null||n===void 0?void 0:n.current:bn.default.findDOMNode(this)}render(){return ve.cloneElement(ve.Children.only(this.props.children),{onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}};ce.default=fe;P(fe,"displayName","DraggableCore");P(fe,"propTypes",{allowAnyClick:R.default.bool,children:R.default.node.isRequired,disabled:R.default.bool,enableUserSelectHack:R.default.bool,offsetParent:function(e,t){if(e[t]&&e[t].nodeType!==1)throw new Error("Draggable's offsetParent must be a DOM Node.")},grid:R.default.arrayOf(R.default.number),handle:R.default.string,cancel:R.default.string,nodeRef:R.default.object,onStart:R.default.func,onDrag:R.default.func,onStop:R.default.func,onMouseDown:R.default.func,scale:R.default.number,className:be.dontSetMe,style:be.dontSetMe,transform:be.dontSetMe});P(fe,"defaultProps",{allowAnyClick:!1,disabled:!1,enableUserSelectHack:!0,onStart:function(){},onDrag:function(){},onStop:function(){},onMouseDown:function(){},scale:1});(function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"DraggableCore",{enumerable:!0,get:function(){return l.default}}),e.default=void 0;var t=O(q),n=g(le),r=g(Xe),a=g(Bt),o=b,i=I,s=$,l=g(ce),h=g(de);function g(c){return c&&c.__esModule?c:{default:c}}function w(c){if(typeof WeakMap!="function")return null;var u=new WeakMap,f=new WeakMap;return(w=function(p){return p?f:u})(c)}function O(c,u){if(c&&c.__esModule)return c;if(c===null||typeof c!="object"&&typeof c!="function")return{default:c};var f=w(u);if(f&&f.has(c))return f.get(c);var p={},y=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var m in c)if(m!=="default"&&Object.prototype.hasOwnProperty.call(c,m)){var C=y?Object.getOwnPropertyDescriptor(c,m):null;C&&(C.get||C.set)?Object.defineProperty(p,m,C):p[m]=c[m]}return p.default=c,f&&f.set(c,p),p}function T(){return T=Object.assign?Object.assign.bind():function(c){for(var u=1;u<arguments.length;u++){var f=arguments[u];for(var p in f)Object.prototype.hasOwnProperty.call(f,p)&&(c[p]=f[p])}return c},T.apply(this,arguments)}function _(c,u,f){return u=E(u),u in c?Object.defineProperty(c,u,{value:f,enumerable:!0,configurable:!0,writable:!0}):c[u]=f,c}function E(c){var u=M(c,"string");return typeof u=="symbol"?u:String(u)}function M(c,u){if(typeof c!="object"||c===null)return c;var f=c[Symbol.toPrimitive];if(f!==void 0){var p=f.call(c,u||"default");if(typeof p!="object")return p;throw new TypeError("@@toPrimitive must return a primitive value.")}return(u==="string"?String:Number)(c)}class x extends t.Component{static getDerivedStateFromProps(u,f){let{position:p}=u,{prevPropsPosition:y}=f;return p&&(!y||p.x!==y.x||p.y!==y.y)?((0,h.default)("Draggable: getDerivedStateFromProps %j",{position:p,prevPropsPosition:y}),{x:p.x,y:p.y,prevPropsPosition:{...p}}):null}constructor(u){super(u),_(this,"onDragStart",(f,p)=>{if((0,h.default)("Draggable: onDragStart: %j",p),this.props.onStart(f,(0,i.createDraggableData)(this,p))===!1)return!1;this.setState({dragging:!0,dragged:!0})}),_(this,"onDrag",(f,p)=>{if(!this.state.dragging)return!1;(0,h.default)("Draggable: onDrag: %j",p);const y=(0,i.createDraggableData)(this,p),m={x:y.x,y:y.y,slackX:0,slackY:0};if(this.props.bounds){const{x:A,y:B}=m;m.x+=this.state.slackX,m.y+=this.state.slackY;const[F,ne]=(0,i.getBoundPosition)(this,m.x,m.y);m.x=F,m.y=ne,m.slackX=this.state.slackX+(A-m.x),m.slackY=this.state.slackY+(B-m.y),y.x=m.x,y.y=m.y,y.deltaX=m.x-this.state.x,y.deltaY=m.y-this.state.y}if(this.props.onDrag(f,y)===!1)return!1;this.setState(m)}),_(this,"onDragStop",(f,p)=>{if(!this.state.dragging||this.props.onStop(f,(0,i.createDraggableData)(this,p))===!1)return!1;(0,h.default)("Draggable: onDragStop: %j",p);const m={dragging:!1,slackX:0,slackY:0};if(!!this.props.position){const{x:A,y:B}=this.props.position;m.x=A,m.y=B}this.setState(m)}),this.state={dragging:!1,dragged:!1,x:u.position?u.position.x:u.defaultPosition.x,y:u.position?u.position.y:u.defaultPosition.y,prevPropsPosition:{...u.position},slackX:0,slackY:0,isElementSVG:!1},u.position&&!(u.onDrag||u.onStop)&&console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.")}componentDidMount(){typeof window.SVGElement<"u"&&this.findDOMNode()instanceof window.SVGElement&&this.setState({isElementSVG:!0})}componentWillUnmount(){this.setState({dragging:!1})}findDOMNode(){var u,f;return(u=(f=this.props)===null||f===void 0||(f=f.nodeRef)===null||f===void 0?void 0:f.current)!==null&&u!==void 0?u:r.default.findDOMNode(this)}render(){const{axis:u,bounds:f,children:p,defaultPosition:y,defaultClassName:m,defaultClassNameDragging:C,defaultClassNameDragged:A,position:B,positionOffset:F,scale:ne,...Y}=this.props;let H={},V=null;const L=!!!B||this.state.dragging,K=B||y,re={x:(0,i.canDragX)(this)&&L?this.state.x:K.x,y:(0,i.canDragY)(this)&&L?this.state.y:K.y};this.state.isElementSVG?V=(0,o.createSVGTransform)(re,F):H=(0,o.createCSSTransform)(re,F);const J=(0,a.default)(p.props.className||"",m,{[C]:this.state.dragging,[A]:this.state.dragged});return t.createElement(l.default,T({},Y,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),t.cloneElement(t.Children.only(p),{className:J,style:{...p.props.style,...H},transform:V}))}}e.default=x,_(x,"displayName","Draggable"),_(x,"propTypes",{...l.default.propTypes,axis:n.default.oneOf(["both","x","y","none"]),bounds:n.default.oneOfType([n.default.shape({left:n.default.number,right:n.default.number,top:n.default.number,bottom:n.default.number}),n.default.string,n.default.oneOf([!1])]),defaultClassName:n.default.string,defaultClassNameDragging:n.default.string,defaultClassNameDragged:n.default.string,defaultPosition:n.default.shape({x:n.default.number,y:n.default.number}),positionOffset:n.default.shape({x:n.default.oneOfType([n.default.number,n.default.string]),y:n.default.oneOfType([n.default.number,n.default.string])}),position:n.default.shape({x:n.default.number,y:n.default.number}),className:s.dontSetMe,style:s.dontSetMe,transform:s.dontSetMe}),_(x,"defaultProps",{...l.default.defaultProps,axis:"both",bounds:!1,defaultClassName:"react-draggable",defaultClassNameDragging:"react-draggable-dragging",defaultClassNameDragged:"react-draggable-dragged",defaultPosition:{x:0,y:0},scale:1})})(Ve);const{default:Ze,DraggableCore:Dn}=Ve;ue.exports=Ze;ue.exports.default=Ze;ue.exports.DraggableCore=Dn;var On=ue.exports,Me={};Me.__esModule=!0;Me.cloneElement=Nn;var Tn=Pn(q);function Pn(e){return e&&e.__esModule?e:{default:e}}function Ie(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),n.push.apply(n,r)}return n}function Ae(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?Ie(Object(n),!0).forEach(function(r){xn(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ie(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}function xn(e,t,n){return t=Rn(t),t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Rn(e){var t=Cn(e,"string");return typeof t=="symbol"?t:String(t)}function Cn(e,t){if(typeof e!="object"||e===null)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Nn(e,t){return t.style&&e.props.style&&(t.style=Ae(Ae({},e.props.style),t.style)),t.className&&e.props.className&&(t.className=e.props.className+" "+t.className),Tn.default.cloneElement(e,t)}var te={};te.__esModule=!0;te.resizableProps=void 0;var d=zn(le);function zn(e){return e&&e.__esModule?e:{default:e}}var Mn={axis:d.default.oneOf(["both","x","y","none"]),className:d.default.string,children:d.default.element.isRequired,draggableOpts:d.default.shape({allowAnyClick:d.default.bool,cancel:d.default.string,children:d.default.node,disabled:d.default.bool,enableUserSelectHack:d.default.bool,offsetParent:d.default.node,grid:d.default.arrayOf(d.default.number),handle:d.default.string,nodeRef:d.default.object,onStart:d.default.func,onDrag:d.default.func,onStop:d.default.func,onMouseDown:d.default.func,scale:d.default.number}),height:function(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];var a=n[0];if(a.axis==="both"||a.axis==="y"){var o;return(o=d.default.number).isRequired.apply(o,n)}return d.default.number.apply(d.default,n)},handle:d.default.oneOfType([d.default.node,d.default.func]),handleSize:d.default.arrayOf(d.default.number),lockAspectRatio:d.default.bool,maxConstraints:d.default.arrayOf(d.default.number),minConstraints:d.default.arrayOf(d.default.number),onResizeStop:d.default.func,onResizeStart:d.default.func,onResize:d.default.func,resizeHandles:d.default.arrayOf(d.default.oneOf(["s","w","e","n","sw","nw","se","ne"])),transformScale:d.default.number,width:function(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];var a=n[0];if(a.axis==="both"||a.axis==="x"){var o;return(o=d.default.number).isRequired.apply(o,n)}return d.default.number.apply(d.default,n)}};te.resizableProps=Mn;ee.__esModule=!0;ee.default=void 0;var Z=$n(q),En=On,Wn=Me,Hn=te,qn=["children","className","draggableOpts","width","height","handle","handleSize","lockAspectRatio","axis","minConstraints","maxConstraints","onResize","onResizeStop","onResizeStart","resizeHandles","transformScale"];function et(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,n=new WeakMap;return(et=function(a){return a?n:t})(e)}function $n(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var n=et(t);if(n&&n.has(e))return n.get(e);var r={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(r,o,i):r[o]=e[o]}return r.default=e,n&&n.set(e,r),r}function De(){return De=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},De.apply(this,arguments)}function In(e,t){if(e==null)return{};var n={},r=Object.keys(e),a,o;for(o=0;o<r.length;o++)a=r[o],!(t.indexOf(a)>=0)&&(n[a]=e[a]);return n}function Be(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),n.push.apply(n,r)}return n}function we(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?Be(Object(n),!0).forEach(function(r){An(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Be(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}function An(e,t,n){return t=Bn(t),t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Bn(e){var t=jn(e,"string");return typeof t=="symbol"?t:String(t)}function jn(e,t){if(typeof e!="object"||e===null)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Xn(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,Oe(e,t)}function Oe(e,t){return Oe=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,a){return r.__proto__=a,r},Oe(e,t)}var Ee=function(e){Xn(t,e);function t(){for(var r,a=arguments.length,o=new Array(a),i=0;i<a;i++)o[i]=arguments[i];return r=e.call.apply(e,[this].concat(o))||this,r.handleRefs={},r.lastHandleRect=null,r.slack=null,r}var n=t.prototype;return n.componentWillUnmount=function(){this.resetData()},n.resetData=function(){this.lastHandleRect=this.slack=null},n.runConstraints=function(a,o){var i=this.props,s=i.minConstraints,l=i.maxConstraints,h=i.lockAspectRatio;if(!s&&!l&&!h)return[a,o];if(h){var g=this.props.width/this.props.height,w=a-this.props.width,O=o-this.props.height;Math.abs(w)>Math.abs(O*g)?o=a/g:a=o*g}var T=a,_=o,E=this.slack||[0,0],M=E[0],x=E[1];return a+=M,o+=x,s&&(a=Math.max(s[0],a),o=Math.max(s[1],o)),l&&(a=Math.min(l[0],a),o=Math.min(l[1],o)),this.slack=[M+(T-a),x+(_-o)],[a,o]},n.resizeHandler=function(a,o){var i=this;return function(s,l){var h=l.node,g=l.deltaX,w=l.deltaY;a==="onResizeStart"&&i.resetData();var O=(i.props.axis==="both"||i.props.axis==="x")&&o!=="n"&&o!=="s",T=(i.props.axis==="both"||i.props.axis==="y")&&o!=="e"&&o!=="w";if(!(!O&&!T)){var _=o[0],E=o[o.length-1],M=h.getBoundingClientRect();if(i.lastHandleRect!=null){if(E==="w"){var x=M.left-i.lastHandleRect.left;g+=x}if(_==="n"){var c=M.top-i.lastHandleRect.top;w+=c}}i.lastHandleRect=M,E==="w"&&(g=-g),_==="n"&&(w=-w);var u=i.props.width+(O?g/i.props.transformScale:0),f=i.props.height+(T?w/i.props.transformScale:0),p=i.runConstraints(u,f);u=p[0],f=p[1];var y=u!==i.props.width||f!==i.props.height,m=typeof i.props[a]=="function"?i.props[a]:null,C=a==="onResize"&&!y;m&&!C&&(s.persist==null||s.persist(),m(s,{node:h,size:{width:u,height:f},handle:o})),a==="onResizeStop"&&i.resetData()}}},n.renderResizeHandle=function(a,o){var i=this.props.handle;if(!i)return Z.createElement("span",{className:"react-resizable-handle react-resizable-handle-"+a,ref:o});if(typeof i=="function")return i(a,o);var s=typeof i.type=="string",l=we({ref:o},s?{}:{handleAxis:a});return Z.cloneElement(i,l)},n.render=function(){var a=this,o=this.props,i=o.children,s=o.className,l=o.draggableOpts;o.width,o.height,o.handle,o.handleSize,o.lockAspectRatio,o.axis,o.minConstraints,o.maxConstraints,o.onResize,o.onResizeStop,o.onResizeStart;var h=o.resizeHandles;o.transformScale;var g=In(o,qn);return(0,Wn.cloneElement)(i,we(we({},g),{},{className:(s?s+" ":"")+"react-resizable",children:[].concat(i.props.children,h.map(function(w){var O,T=(O=a.handleRefs[w])!=null?O:a.handleRefs[w]=Z.createRef();return Z.createElement(En.DraggableCore,De({},l,{nodeRef:T,key:"resizableHandle-"+w,onStop:a.resizeHandler("onResizeStop",w),onStart:a.resizeHandler("onResizeStart",w),onDrag:a.resizeHandler("onResize",w)}),a.renderResizeHandle(w,T))}))}))},t}(Z.Component);ee.default=Ee;Ee.propTypes=Hn.resizableProps;Ee.defaultProps={axis:"both",handleSize:[20,20],lockAspectRatio:!1,minConstraints:[20,20],maxConstraints:[1/0,1/0],resizeHandles:["se"],transformScale:1};var pe={};pe.__esModule=!0;pe.default=void 0;var _e=Ln(q),Yn=tt(le),Vn=tt(ee),Un=te,Fn=["handle","handleSize","onResize","onResizeStart","onResizeStop","draggableOpts","minConstraints","maxConstraints","lockAspectRatio","axis","width","height","resizeHandles","style","transformScale"];function tt(e){return e&&e.__esModule?e:{default:e}}function nt(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,n=new WeakMap;return(nt=function(a){return a?n:t})(e)}function Ln(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var n=nt(t);if(n&&n.has(e))return n.get(e);var r={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(r,o,i):r[o]=e[o]}return r.default=e,n&&n.set(e,r),r}function Te(){return Te=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Te.apply(this,arguments)}function je(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),n.push.apply(n,r)}return n}function se(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?je(Object(n),!0).forEach(function(r){Gn(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):je(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}function Gn(e,t,n){return t=kn(t),t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function kn(e){var t=Kn(e,"string");return typeof t=="symbol"?t:String(t)}function Kn(e,t){if(typeof e!="object"||e===null)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Jn(e,t){if(e==null)return{};var n={},r=Object.keys(e),a,o;for(o=0;o<r.length;o++)a=r[o],!(t.indexOf(a)>=0)&&(n[a]=e[a]);return n}function Qn(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,Pe(e,t)}function Pe(e,t){return Pe=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,a){return r.__proto__=a,r},Pe(e,t)}var rt=function(e){Qn(t,e);function t(){for(var r,a=arguments.length,o=new Array(a),i=0;i<a;i++)o[i]=arguments[i];return r=e.call.apply(e,[this].concat(o))||this,r.state={width:r.props.width,height:r.props.height,propsWidth:r.props.width,propsHeight:r.props.height},r.onResize=function(s,l){var h=l.size;r.props.onResize?(s.persist==null||s.persist(),r.setState(h,function(){return r.props.onResize&&r.props.onResize(s,l)})):r.setState(h)},r}t.getDerivedStateFromProps=function(a,o){return o.propsWidth!==a.width||o.propsHeight!==a.height?{width:a.width,height:a.height,propsWidth:a.width,propsHeight:a.height}:null};var n=t.prototype;return n.render=function(){var a=this.props,o=a.handle,i=a.handleSize;a.onResize;var s=a.onResizeStart,l=a.onResizeStop,h=a.draggableOpts,g=a.minConstraints,w=a.maxConstraints,O=a.lockAspectRatio,T=a.axis;a.width,a.height;var _=a.resizeHandles,E=a.style,M=a.transformScale,x=Jn(a,Fn);return _e.createElement(Vn.default,{axis:T,draggableOpts:h,handle:o,handleSize:i,height:this.state.height,lockAspectRatio:O,maxConstraints:w,minConstraints:g,onResizeStart:s,onResize:this.onResize,onResizeStop:l,resizeHandles:_,transformScale:M,width:this.state.width},_e.createElement("div",Te({},x,{style:se(se({},E),{},{width:this.state.width+"px",height:this.state.height+"px"})})))},t}(_e.Component);pe.default=rt;rt.propTypes=se(se({},Un.resizableProps),{},{children:Yn.default.element});Re.exports=function(){throw new Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable")};var Zn=Re.exports.Resizable=ee.default;Re.exports.ResizableBox=pe.default;const xe=35,oe=240,er=q.forwardRef((e,t)=>{const{handleAxis:n,...r}=e;return v.jsx("div",{ref:t,className:S.resizeHandle,...r,children:v.jsx(ut,{icon:Se.DRAG})})}),at=({children:e=null,width:t=400,right:n=!1,onResize:r,setOpen:a})=>{const[o,i]=q.useState(!1),s=window.innerWidth/2,l=(h,{size:g})=>{r&&r(g.width)};return r?v.jsx(Zn,{width:lt.toNumber(t),height:100,minConstraints:[xe,1/0],maxConstraints:[s,1/0],onResize:l,handle:v.jsx(er,{}),resizeHandles:n?["w"]:["e"],axis:"x",className:o?S.isResizing:"",onResizeStart:()=>{a&&a(!0),r&&r(t),i(!0)},onResizeStop:()=>{i(!1),typeof t=="number"&&t<xe+50&&a&&a(!1)},children:e}):v.jsx(v.Fragment,{children:e})};at.__docgenInfo={description:"",methods:[],displayName:"DrawerResizeWrapper",props:{children:{required:!1,tsType:{name:"ReactNode"},description:"",defaultValue:{value:"null",computed:!1}},width:{required:!1,tsType:{name:"union",raw:"number | string",elements:[{name:"number"},{name:"string"}]},description:"",defaultValue:{value:"400",computed:!1}},right:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},onResize:{required:!1,tsType:{name:"signature",type:"function",raw:"(...args: any[]) => any",signature:{arguments:[{type:{name:"Array",elements:[{name:"any"}],raw:"any[]"},name:"args",rest:!0}],return:{name:"any"}}},description:""},setOpen:{required:!1,tsType:{name:"union",raw:"((isOpen: boolean) => void) | null",elements:[{name:"unknown"},{name:"null"}]},description:""}}};const tr=({background:e="var(--color-background-raised)",fixed:t=!1,open:n=!1,setOpen:r,right:a=!1,width:o=400,closedWidth:i=0,shadow:s=!1,top:l=0,button:h=null,buttonAnimate:g=!0,buttonPosition:w=it.BOTTOM,border:O=!1,children:T=null,tabs:_,defaultTabIndex:E=0,activeTab:M,setActiveTab:x,testId:c,onResize:u,getActiveTab:f,onClose:p,onOpen:y})=>{const m=h===!0,C=!m&&q.isValidElement(h),[A,B]=r?[n,r]:m||_?q.useState(n):[n,()=>{}],[F,ne]=q.useState(E),Y=r?n:A,H=r||B,V=x!==void 0?M:F,We=x||ne,L=Array.isArray(o)?o[V||0]:o,K=Y?L:_?xe:i,re=J=>{const me=he=>{_&&he&&he(_[J])};V===J&&Y&&H?(me(p),H(!1)):!Y&&H&&(me(y),H(!0),u&&(ge=>{let G;if(Array.isArray(ge)?G=ge[V||0]:G=ge,typeof G=="number"&&G<oe)u(oe);else if(typeof G=="string"){const He=parseInt(G,10);!isNaN(He)&&He<oe&&u(oe)}})(o)),We(J),me(f)};return v.jsx(at,{width:K,onResize:u,setOpen:H,right:a,children:v.jsxs("div",{className:ie(S.drawer,s?S.shadow:"",t?S.fixed:S.inline,a?S.right:S.left),style:{top:l},children:[v.jsx("div",{className:ie(S.drawerContent,O&&S.border),style:{background:e,borderColor:typeof O=="string"?O:void 0,width:K},children:_?v.jsx(Ye,{width:L,testId:c,tabs:_,open:Y,activeTab:V||0,background:e,handleTabClick:re}):v.jsx("div",{style:{width:L},children:T})}),h&&v.jsx("span",{className:ie(S.toggleButton,A&&(m||C&&g)?S.toggleButtonOpen:"",w==="top"?S.top:S.bottom),children:C?h:v.jsx(ct,{onClick:H?()=>H(!Y):void 0,round:!0,icon:a?Se.CHEVRON_RIGHT:Se.CHEVRON_LEFT})})]})})};tr.__docgenInfo={description:"",methods:[],displayName:"Drawer",props:{background:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'var(--color-background-raised)'",computed:!1}},children:{required:!1,tsType:{name:"ReactNode"},description:"",defaultValue:{value:"null",computed:!1}},fixed:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},open:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},setOpen:{required:!1,tsType:{name:"signature",type:"function",raw:"(openState: boolean) => void",signature:{arguments:[{type:{name:"boolean"},name:"openState"}],return:{name:"void"}}},description:""},right:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},shadow:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},top:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"0",computed:!1}},width:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | Array<TStringOrNumber>",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"Array",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]}],raw:"Array<TStringOrNumber>"}]},description:"",defaultValue:{value:"400",computed:!1}},closedWidth:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"0",computed:!1}},button:{required:!1,tsType:{name:"union",raw:"boolean | ReactNode",elements:[{name:"boolean"},{name:"ReactNode"}]},description:"",defaultValue:{value:"null",computed:!1}},buttonAnimate:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},buttonPosition:{required:!1,tsType:{name:"union",raw:"TButtonPosition | string",elements:[{name:"union",raw:"'top' | 'bottom'",elements:[{name:"literal",value:"'top'"},{name:"literal",value:"'bottom'"}]},{name:"string"}]},description:"",defaultValue:{value:"ButtonPosition.BOTTOM",computed:!0}},border:{required:!1,tsType:{name:"union",raw:"boolean | string",elements:[{name:"boolean"},{name:"string"}]},description:"",defaultValue:{value:"false",computed:!1}},tabs:{required:!1,tsType:{name:"Array",elements:[{name:"IDrawerTab"}],raw:"IDrawerTab[]"},description:""},defaultTabIndex:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"0",computed:!1}},activeTab:{required:!1,tsType:{name:"number"},description:""},setActiveTab:{required:!1,tsType:{name:"signature",type:"function",raw:"(index: number) => void",signature:{arguments:[{type:{name:"number"},name:"index"}],return:{name:"void"}}},description:""},testId:{required:!1,tsType:{name:"string"},description:""},onResize:{required:!1,tsType:{name:"signature",type:"function",raw:"(...args: any[]) => any",signature:{arguments:[{type:{name:"Array",elements:[{name:"any"}],raw:"any[]"},name:"args",rest:!0}],return:{name:"any"}}},description:""},getActiveTab:{required:!1,tsType:{name:"signature",type:"function",raw:"(tab: IDrawerTab) => void",signature:{arguments:[{type:{name:"IDrawerTab"},name:"tab"}],return:{name:"void"}}},description:""},onClose:{required:!1,tsType:{name:"signature",type:"function",raw:"(tab?: IDrawerTab) => any",signature:{arguments:[{type:{name:"IDrawerTab"},name:"tab"}],return:{name:"any"}}},description:""},onOpen:{required:!1,tsType:{name:"signature",type:"function",raw:"(tab?: IDrawerTab) => any",signature:{arguments:[{type:{name:"IDrawerTab"},name:"tab"}],return:{name:"any"}}},description:""}}};export{tr as D};
@@ -1 +0,0 @@
1
- ._inputInTable_13n8n_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_13n8n_1:not(:hover):not(._error_13n8n_7):not(._warning_13n8n_7){border-color:transparent}._inputInTable_13n8n_1:not(:focus){box-shadow:none}._inputHover_13n8n_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_13n8n_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_13n8n_25,._inputWarning_13n8n_26{position:relative}._inputError_13n8n_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._inputError_13n8n_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_13n8n_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_13n8n_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._inputWarning_13n8n_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_13n8n_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_13n8n_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_13n8n_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_13n8n_67::-webkit-scrollbar{display:none}:root{--size-drawer-tabs: var(--size-lg);--color-background-drawer-tab: var(--color-primary-100);--color-background-drawer-tab-hover: white;--color-border-drawer-tab: var(--color-primary-200);--color-background-drawer-handle-hover: rgba(0, 0, 0, .05)}html[data-theme=dark]{--color-background-drawer-tab: var(--color-primary-800);--color-background-drawer-tab-hover: var(--color-primary-700);--color-border-drawer-tab: black;--color-background-drawer-handle-hover: rgba(255, 255, 255, .1)}._inline_13n8n_90{position:relative}._inline_13n8n_90._left_13n8n_93{order:-1}._inline_13n8n_90._right_13n8n_96{order:9999}._fixed_13n8n_99{position:fixed;top:0;bottom:0;z-index:var(--zindex-drawer)}._fixed_13n8n_99._left_13n8n_93{left:0}._fixed_13n8n_99._right_13n8n_96{right:0}._left_13n8n_93 ._border_13n8n_111{border-right:1px solid var(--color-border)}._right_13n8n_96 ._border_13n8n_111{border-left:1px solid var(--color-border)}._shadow_13n8n_117{box-shadow:var(--shadow-layer)}._drawerContent_13n8n_120{overflow-x:hidden;overflow-y:auto;max-height:100%;min-height:100%;transition:width .2s;scrollbar-width:none;-ms-overflow-style:none}._isResizing_13n8n_132 ._drawerContent_13n8n_120{transition:none}@media print{._drawerContent_13n8n_120{background:transparent!important}}._drawerContent_13n8n_120::-webkit-scrollbar{display:none}._toggleButton_13n8n_143{transition:transform .2s;display:inline-block;transform:rotate(180deg);position:absolute;z-index:calc(var(--zindex-drawer) + 3)}._left_13n8n_93 ._toggleButton_13n8n_143{right:calc(var(--size) / -2)}._right_13n8n_96 ._toggleButton_13n8n_143{left:calc(var(--size) / -2)}._toggleButton_13n8n_143._top_13n8n_156{top:var(--padding)}._toggleButton_13n8n_143._bottom_13n8n_159{bottom:var(--padding)}._toggleButton_13n8n_143._toggleButtonOpen_13n8n_162{transform:rotate(0)}._tabs_13n8n_165{position:absolute;top:0;bottom:0;background-color:var(--color-background);padding-top:var(--padding);z-index:calc(var(--zindex-drawer) + 1);border-left:1px solid var(--color-border);border-right:1px solid var(--color-border)}._left_13n8n_93 ._tabs_13n8n_165{right:0}._right_13n8n_96 ._tabs_13n8n_165{left:0}._tabs_13n8n_165 ._tab_13n8n_165{font-size:var(--size-sm);height:var(--size-drawer-tabs);width:var(--size-drawer-tabs);display:flex;justify-content:center;align-items:center;cursor:pointer;margin:-1px;transition:color .2s,background-color .2s;border:1px solid var(--color-border-drawer-tab)}._left_13n8n_93 ._tabs_13n8n_165 ._tab_13n8n_165{border-top-left-radius:0;border-bottom-left-radius:0}._left_13n8n_93 ._tabs_13n8n_165 ._tab_13n8n_165._active_13n8n_197{border-left-color:transparent}._right_13n8n_96 ._tabs_13n8n_165 ._tab_13n8n_165{border-top-right-radius:0;border-bottom-right-radius:0}._right_13n8n_96 ._tabs_13n8n_165 ._tab_13n8n_165._active_13n8n_197{border-right-color:transparent}._tabs_13n8n_165 ._tab_13n8n_165:not(._active_13n8n_197){color:var(--color-text-primary);background-color:var(--color-background-drawer-tab)!important}._tabs_13n8n_165 ._tab_13n8n_165:not(._active_13n8n_197):hover{color:var(--color-text);background-color:var(--color-background-drawer-tab-hover)!important}._tabs_13n8n_165 ._tab_13n8n_165._active_13n8n_197{color:var(--color-text);border-color:var(--color-border)}._tabs_13n8n_165 ._tab_13n8n_165 svg{stroke-width:1.125}._tabs_13n8n_165 ._tab_13n8n_165._disabled_13n8n_222{cursor:default;pointer-events:none;color:var(--color-text-faint)!important;background-color:var(--color-background-disabled)!important;border-color:var(--color-border)!important}._left_13n8n_93 ._tabsContent_13n8n_229{padding-right:calc(var(--size-drawer-tabs) - 1px)}._right_13n8n_96 ._tabsContent_13n8n_229{padding-left:calc(var(--size-drawer-tabs) - 1px)}._resizeHandle_13n8n_235{--size-resize-handle: 10px;position:absolute;top:0;bottom:0;width:var(--size-resize-handle);z-index:calc(var(--zindex-drawer) + 2);cursor:ew-resize;display:flex;align-items:center;color:var(--color-text-faint);font-size:var(--size-resize-handle);transition:all .2s}._resizeHandle_13n8n_235:hover{background:var(--color-background-drawer-handle-hover);color:var(--color-text-primary)}._resizeHandle_13n8n_235:active{background:var(--color-text-primary);color:#fff}._left_13n8n_93 ._resizeHandle_13n8n_235{right:0}._right_13n8n_96 ._resizeHandle_13n8n_235{left:0}
@@ -1 +0,0 @@
1
- ._inputInTable_rhzw6_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_rhzw6_1:not(:hover):not(._error_rhzw6_7):not(._warning_rhzw6_7){border-color:transparent}._inputInTable_rhzw6_1:not(:focus){box-shadow:none}._inputHover_rhzw6_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_rhzw6_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_rhzw6_25,._inputWarning_rhzw6_26{position:relative}._inputError_rhzw6_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._inputError_rhzw6_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_rhzw6_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_rhzw6_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._inputWarning_rhzw6_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_rhzw6_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_rhzw6_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_rhzw6_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_rhzw6_67::-webkit-scrollbar{display:none}._input_rhzw6_1{margin:0;outline:0;text-align:left;font-family:var(--font-family);padding:var(--padding-input);background:var(--color-background-input);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--border-radius);transition:box-shadow .1s ease,border-color .1s ease;box-shadow:none;height:var(--size);line-height:var(--line-height);width:100%;font-weight:400;font-style:normal;position:relative;font-variant-numeric:tabular-nums}._input_rhzw6_1::placeholder{color:var(--color-text-placeholder)}._input_rhzw6_1._isInTable_rhzw6_100{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._input_rhzw6_1._isInTable_rhzw6_100:not(:hover):not(._error_rhzw6_7):not(._warning_rhzw6_7){border-color:transparent}._input_rhzw6_1._isInTable_rhzw6_100:not(:focus){box-shadow:none}._input_rhzw6_1:hover{position:relative;border-color:var(--color-border-hover);z-index:2}._input_rhzw6_1:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._input_rhzw6_1._small_rhzw6_124{font-size:var(--font-size-sm);height:var(--size-sm);padding:var(--padding-input-sm);line-height:var(--size-sm)}._input_rhzw6_1._error_rhzw6_7{position:relative;z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._input_rhzw6_1._error_rhzw6_7:hover{border-color:var(--color-border-error-hover)!important}._input_rhzw6_1._error_rhzw6_7:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._input_rhzw6_1._warning_rhzw6_7{position:relative;z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._input_rhzw6_1._warning_rhzw6_7:hover{border-color:var(--color-border-warning-hover)!important}._input_rhzw6_1._warning_rhzw6_7:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._input_rhzw6_1[disabled]{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._input_rhzw6_1._right_rhzw6_170{text-align:right}._groupOrderFirst_rhzw6_173,._groupOrderMiddle_rhzw6_174,._groupOrderLast_rhzw6_175{flex:1}._groupOrderFirst_rhzw6_173 ._input_rhzw6_1,._groupOrderMiddle_rhzw6_174 ._input_rhzw6_1{border-top-right-radius:0!important;border-bottom-right-radius:0!important}._groupOrderLast_rhzw6_175 ._input_rhzw6_1,._groupOrderMiddle_rhzw6_174 ._input_rhzw6_1{border-top-left-radius:0!important;border-bottom-left-radius:0!important}
@@ -1 +0,0 @@
1
- import{j as a}from"./jsx-runtime-eps93zm2.js";import{r as i}from"./index-DhsZuJvc.js";import{c as E}from"./index-Bk2sglWO.js";import{D as j}from"./disabled-context-rmpd7YJS.js";import{i as t}from"./types-Dx2TtIG9.js";import{l as C}from"./lodash-c4VUpsOs.js";import{T as D}from"./tooltip-1V7clEnw.js";const N="_inputInTable_rhzw6_1",W="_error_rhzw6_7",L="_warning_rhzw6_7",M="_inputHover_rhzw6_13",S="_inputFocus_rhzw6_18",H="_inputError_rhzw6_25",P="_inputWarning_rhzw6_26",R="_inputDisabled_rhzw6_61",k="_hideScrollbars_rhzw6_67",B="_input_rhzw6_1",K="_isInTable_rhzw6_100",A="_small_rhzw6_124",G="_right_rhzw6_170",J="_groupOrderFirst_rhzw6_173",Q="_groupOrderMiddle_rhzw6_174",U="_groupOrderLast_rhzw6_175",e={inputInTable:N,error:W,warning:L,inputHover:M,inputFocus:S,inputError:H,inputWarning:P,inputDisabled:R,hideScrollbars:k,input:B,isInTable:K,small:A,right:G,groupOrderFirst:J,groupOrderMiddle:Q,groupOrderLast:U},X=i.forwardRef(({error:l=null,tooltip:u=null,isInTable:n,width:f=void 0,small:p=!1,onChange:c=C.noop,placeholder:m="",value:_="",onKeyPress:h=()=>{},onFocus:v=()=>{},onBlur:g=()=>{},onPaste:w=()=>{},name:b=void 0,type:q="text",tabIndex:V=0,disabled:x=!1,right:z=!1,warning:r=null,groupOrder:s=null,maxTooltipWidth:I=void 0,testId:O=void 0,size:d=null},T)=>{const y=i.useContext(j),F=(()=>{if(s)switch(s){case"first":return e.groupOrderFirst;case"last":return e.groupOrderLast;default:return e.groupOrderMiddle}return""})(),o=f||(d?"auto":"100%");return a.jsx("div",{style:{width:o},className:F,children:a.jsx(D,{error:!!l,warning:!!r,text:u||l||r,enabled:u&&t(u)||l&&t(l)||r&&t(r)||!1,maxWidth:I,display:"block",placement:"bottom-center",children:a.jsx("input",{ref:T,type:q||"text",size:d||20,placeholder:m??"",value:_??"",onChange:c,onKeyPress:h,onFocus:v,onBlur:g,onPaste:w,name:b,tabIndex:V,autoComplete:"off",disabled:x||y,className:E(e.input,l?e.error:r?e.warning:"",z?e.right:"",p?e.small:"",n?e.isInTable:""),style:{width:o},"data-testid":O})})})});X.__docgenInfo={description:"",methods:[],displayName:"Input",props:{error:{defaultValue:{value:"null",computed:!1},required:!1},tooltip:{defaultValue:{value:"null",computed:!1},required:!1},width:{defaultValue:{value:"undefined",computed:!0},required:!1},small:{defaultValue:{value:"false",computed:!1},required:!1},onChange:{defaultValue:{value:"noop",computed:!0},required:!1},placeholder:{defaultValue:{value:"''",computed:!1},required:!1},value:{defaultValue:{value:"''",computed:!1},required:!1},onKeyPress:{defaultValue:{value:"() => {}",computed:!1},required:!1},onFocus:{defaultValue:{value:"() => {}",computed:!1},required:!1},onBlur:{defaultValue:{value:"() => {}",computed:!1},required:!1},onPaste:{defaultValue:{value:"() => {}",computed:!1},required:!1},name:{defaultValue:{value:"undefined",computed:!0},required:!1},type:{defaultValue:{value:"'text'",computed:!1},required:!1},tabIndex:{defaultValue:{value:"0",computed:!1},required:!1},disabled:{defaultValue:{value:"false",computed:!1},required:!1},right:{defaultValue:{value:"false",computed:!1},required:!1},warning:{defaultValue:{value:"null",computed:!1},required:!1},groupOrder:{defaultValue:{value:"null",computed:!1},required:!1},maxTooltipWidth:{defaultValue:{value:"undefined",computed:!0},required:!1},testId:{defaultValue:{value:"undefined",computed:!0},required:!1},size:{defaultValue:{value:"null",computed:!1},required:!1}}};export{X as I};
@@ -1 +0,0 @@
1
- ._inputInTable_1q2d1_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_1q2d1_1:not(:hover):not(._error_1q2d1_7):not(._warning_1q2d1_7){border-color:transparent}._inputInTable_1q2d1_1:not(:focus){box-shadow:none}._inputHover_1q2d1_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_1q2d1_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_1q2d1_25,._inputWarning_1q2d1_26{position:relative}._inputError_1q2d1_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._inputError_1q2d1_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_1q2d1_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_1q2d1_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._inputWarning_1q2d1_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_1q2d1_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_1q2d1_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_1q2d1_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_1q2d1_67::-webkit-scrollbar{display:none}:root{--color-border-message: rgba(0, 0, 0, .1)}html[data-theme=dark]{--color-border-message: rgba(255, 255, 255, .1)}._container_1q2d1_83{padding:var(--padding-sm);border-radius:var(--border-radius);display:inline-flex;align-items:flex-start;line-height:var(--line-height);flex-wrap:wrap;overflow-y:auto;border:1px solid var(--color-border-message);scrollbar-width:none;-ms-overflow-style:none}._container_1q2d1_83::-webkit-scrollbar{display:none}._container_1q2d1_83._block_1q2d1_101{display:flex}._container_1q2d1_83._info_1q2d1_104{color:var(--color-text-info);background-color:var(--color-background-info-muted)}._container_1q2d1_83._success_1q2d1_108{color:var(--color-text-success);background-color:var(--color-background-success-muted)}._container_1q2d1_83._warning_1q2d1_7{color:var(--color-text-warning);background-color:var(--color-background-warning-muted)}._container_1q2d1_83._error_1q2d1_7{color:var(--color-text-error);background-color:var(--color-background-error-muted)}._content_1q2d1_120{flex:1;min-width:0}._heading_1q2d1_124{font-weight:700;letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;font-size:var(--font-size-sm);line-height:var(--line-height)}._icon_1q2d1_131{display:flex;justify-content:center;align-items:center;height:var(--line-height);margin-right:var(--padding-xs);font-size:var(--size-xs)}._dismiss_1q2d1_139{margin-left:var(--padding);color:var(--color-text)}._dismiss_1q2d1_139._absolute_1q2d1_143{position:absolute;top:var(--padding-sm);right:var(--padding-sm)}._dismiss_1q2d1_139{--offset-message-dismiss: calc((var(--line-height) - var(--size-sm)) / 2);display:flex;margin-top:var(--offset-message-dismiss);margin-bottom:var(--offset-message-dismiss);margin-right:var(--offset-message-dismiss)}._legendToggle_1q2d1_155{opacity:.6}._legendToggle_1q2d1_155:hover{opacity:.8;cursor:pointer}._legendToggle_1q2d1_155:active{opacity:1}._detailsText_1q2d1_165{margin-top:var(--padding-xxs);word-break:break-word}._footer_1q2d1_169{display:flex;flex-wrap:wrap;gap:var(--padding-sm);margin-top:var(--padding-xxs)}
@@ -1 +0,0 @@
1
- import{j as s}from"./jsx-runtime-eps93zm2.js";import{r as N}from"./index-DhsZuJvc.js";import{c as l}from"./index-Bk2sglWO.js";import{I as o}from"./common-types-Sih75Sav.js";import{I as a}from"./icon-BSFY3vDO.js";const b="_inputInTable_1q2d1_1",j="_error_1q2d1_7",R="_warning_1q2d1_7",v="_inputHover_1q2d1_13",y="_inputFocus_1q2d1_18",C="_inputError_1q2d1_25",w="_inputWarning_1q2d1_26",O="_inputDisabled_1q2d1_61",D="_hideScrollbars_1q2d1_67",G="_container_1q2d1_83",W="_block_1q2d1_101",A="_info_1q2d1_104",L="_success_1q2d1_108",F="_content_1q2d1_120",k="_heading_1q2d1_124",z="_icon_1q2d1_131",H="_dismiss_1q2d1_139",U="_absolute_1q2d1_143",V="_legendToggle_1q2d1_155",M="_detailsText_1q2d1_165",B="_footer_1q2d1_169",n={inputInTable:b,error:j,warning:R,inputHover:v,inputFocus:y,inputError:C,inputWarning:w,inputDisabled:O,hideScrollbars:D,container:G,block:W,info:A,success:L,content:F,heading:k,icon:z,dismiss:H,absolute:U,legendToggle:V,detailsText:M,footer:B};var i=(e=>(e.INFO="Info",e.SUCCESS="Success",e.WARNING="Warning",e.ERROR="Error",e))(i||{}),d=(e=>(e.TOGGLE_DETAILS="TOGGLE_DETAILS",e))(d||{});const g=({type:e,onClose:t,isInToast:r,testId:c})=>s.jsx("div",{className:l(n.dismiss,r?n.absolute:"",e===i.INFO?n.info:e===i.SUCCESS?n.success:e===i.WARNING?n.warning:e===i.ERROR?n.error:null),children:s.jsx(a,{icon:o.CLOSE,onClick:t,testId:c})});g.__docgenInfo={description:"",methods:[],displayName:"Dismiss",props:{type:{required:!0,tsType:{name:"union",raw:"TMessageType | string",elements:[{name:"union",raw:"'Info' | 'Success' | 'Warning' | 'Error'",elements:[{name:"literal",value:"'Info'"},{name:"literal",value:"'Success'"},{name:"literal",value:"'Warning'"},{name:"literal",value:"'Error'"}]},{name:"string"}]},description:""},onClose:{required:!1,tsType:{name:"signature",type:"function",raw:"(...args: any[]) => any",signature:{arguments:[{type:{name:"Array",elements:[{name:"any"}],raw:"any[]"},name:"args",rest:!0}],return:{name:"any"}}},description:""},isInToast:{required:!1,tsType:{name:"boolean"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const J=(e,t)=>{switch(t.type){case d.TOGGLE_DETAILS:return{...e,detailsVisible:!e.detailsVisible};default:return e}},K=({details:e,visible:t,dispatch:r})=>s.jsxs("div",{children:[s.jsx("div",{className:l(n.legendToggle),onClick:r,children:t?"Hide details":"Show details"}),t?s.jsx("div",{className:n.detailsText,children:e}):null]}),P=({type:e})=>{switch(e){case i.SUCCESS:return s.jsx(a,{icon:o.SUCCESS,size:16});case i.WARNING:return s.jsx(a,{icon:o.WARNING,size:16});case i.ERROR:return s.jsx(a,{icon:o.ERROR,size:16});default:return s.jsx(a,{icon:o.INFO,size:16})}},Q=({message:e})=>{const{visible:t,type:r=i.INFO,icon:c,heading:u,content:h,details:_,detailsVisible:x=!1,footer:m,withDismiss:I,onClose:S,width:p,maxHeight:f}=e,E={detailsVisible:x},[q,T]=N.useReducer(J,E);return s.jsx(s.Fragment,{children:t?s.jsxs("div",{className:l(n.container,p?n.block:null,r===i.SUCCESS?n.success:r===i.WARNING?n.warning:r===i.ERROR?n.error:n.info),style:{width:p,maxHeight:f},children:[s.jsx("div",{children:c?s.jsx("div",{className:n.icon,children:s.jsx(P,{type:r})}):null}),s.jsxs("div",{className:n.content,children:[u?s.jsx("div",{className:n.heading,children:u}):null,s.jsx("div",{children:h}),_?s.jsx(K,{details:_,visible:q.detailsVisible,dispatch:()=>T({type:d.TOGGLE_DETAILS})}):null,!!m&&s.jsx("div",{className:n.footer,children:m})]}),I?s.jsx(g,{type:r,onClose:S}):null]}):null})};Q.__docgenInfo={description:"",methods:[],displayName:"Message",props:{message:{required:!0,tsType:{name:"IMessage"},description:""}}};export{g as D,Q as M,i as a};
@@ -1,9 +0,0 @@
1
- import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as x}from"./index-DhsZuJvc.js";import{c}from"./index-Bk2sglWO.js";import{I as u}from"./common-types-Sih75Sav.js";import{I as _}from"./icon-BSFY3vDO.js";import{H as g}from"./heading-CRNoBc7q.js";import{A as q}from"./actions-D-uVCDzk.js";import{B as h}from"./badge-CLQ59MDF.js";import{T as f}from"./tooltip-1V7clEnw.js";const N="_inputInTable_dlqxe_1",b="_error_dlqxe_7",T="_warning_dlqxe_7",j="_inputHover_dlqxe_13",v="_inputFocus_dlqxe_18",y="_inputError_dlqxe_25",I="_inputWarning_dlqxe_26",w="_inputDisabled_dlqxe_61",H="_hideScrollbars_dlqxe_67",C="_header_dlqxe_77",k="_headerTitle_dlqxe_77",E="_heading_dlqxe_78",S="_itemHeader_dlqxe_78",M="_narrow_dlqxe_81",R="_stickyHeader_dlqxe_85",L="_title_dlqxe_96",F="_name_dlqxe_102",V="_iconTooltipMargin_dlqxe_105",W="_bold_dlqxe_108",B="_toggleNarrow_dlqxe_117",D="_drag_dlqxe_135",P="_list_dlqxe_155",$="_bordered_dlqxe_159",A="_item_dlqxe_78",O="_action_dlqxe_192",z="_active_dlqxe_195",G="_indented_dlqxe_202",J="_disabled_dlqxe_215",K="_label_dlqxe_226",Q="_details_dlqxe_237",U="_metadata_dlqxe_238",X="_itemContent_dlqxe_246",Y="_indentIcon_dlqxe_253",Z="_expandIcon_dlqxe_258",ee="_expanded_dlqxe_265",te="_right_dlqxe_268",ne="_actions_dlqxe_276",ae="_scrollableList_dlqxe_281",oe="_infiniteScrollContainer_dlqxe_286",re="_hideScrollbar_dlqxe_67",ie="_noPointerEvents_dlqxe_303",n={inputInTable:N,error:b,warning:T,inputHover:j,inputFocus:v,inputError:y,inputWarning:I,inputDisabled:w,hideScrollbars:H,header:C,headerTitle:k,heading:E,itemHeader:S,narrow:M,stickyHeader:R,title:L,name:F,iconTooltipMargin:V,bold:W,toggleNarrow:B,drag:D,list:P,bordered:$,item:A,action:O,active:z,indented:G,disabled:J,label:K,details:Q,metadata:U,itemContent:X,indentIcon:Y,expandIcon:Z,expanded:ee,right:te,actions:ne,scrollableList:ae,infiniteScrollContainer:oe,hideScrollbar:re,noPointerEvents:ie},p=({toggleNarrow:a,onClickToggleNarrow:t})=>a?e.jsx("a",{className:n.toggleNarrow,onClick:t,children:e.jsx(_,{icon:u.CHEVRON_LEFT})}):null;p.__docgenInfo={description:"",methods:[],displayName:"ToggleNarrow",props:{toggleNarrow:{required:!1,tsType:{name:"boolean"},description:""},onClickToggleNarrow:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""}}};const se=x.forwardRef(({name:a,actions:t=[],toggleNarrow:i=!1,onToggleNarrow:o=()=>{},stickyHeader:s},d)=>e.jsxs("div",{ref:d,className:c(n.header,s?n.stickyHeader:""),children:[e.jsx(p,{toggleNarrow:i,onClickToggleNarrow:o}),a&&e.jsx("div",{className:n.headerTitle,children:e.jsx(g,{top:!0,marginBottom:0,children:a})}),e.jsx("div",{className:n.right,children:e.jsx("div",{className:n.actions,children:e.jsx(q,{actions:t})})})]}));se.__docgenInfo={description:"",methods:[],displayName:"ListHeading",props:{actions:{defaultValue:{value:"[]",computed:!1},required:!1},toggleNarrow:{defaultValue:{value:"false",computed:!1},required:!1},onToggleNarrow:{defaultValue:{value:"() => {}",computed:!1},required:!1}}};const m=({name:a,icon:t,testId:i})=>{const o=t&&e.jsx(_,{icon:t.icon,color:t.color||"#db2828"});return e.jsxs("span",{className:c(n.name,n.bold),"data-testid":i,children:[a,t&&t.tooltip&&t.tooltip.text?e.jsx("span",{className:n.iconTooltipMargin,children:e.jsx(f,{text:t.tooltip.text,maxWidth:"350px",children:o})}):t&&t.icon&&e.jsx("span",{className:n.iconTooltipMargin,children:o})]})};m.__docgenInfo={description:"",methods:[],displayName:"Name",props:{name:{required:!0,tsType:{name:"ReactNode"},description:""},icon:{required:!1,tsType:{name:"signature",type:"object",raw:`{
2
- icon: ReactNode;
3
- color?: string;
4
- tooltip?: {
5
- text: ReactNode;
6
- };
7
- }`,signature:{properties:[{key:"icon",value:{name:"ReactNode",required:!0}},{key:"color",value:{name:"string",required:!1}},{key:"tooltip",value:{name:"signature",type:"object",raw:`{
8
- text: ReactNode;
9
- }`,signature:{properties:[{key:"text",value:{name:"ReactNode",required:!0}}]},required:!1}}]}},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const de=({item:a})=>{const{name:t,icon:i,details:o,metadata:s,invalid:d,testId:r}=a;let l=e.jsx(m,{name:t,icon:i,testId:r&&`${r}-name`});return d&&(l=e.jsx(h,{small:!0,margin:"-2px",title:"!",children:l})),e.jsxs("span",{className:n.title,children:[l,o&&e.jsx("span",{className:n.details,"data-testid":r&&`${r}-details`,children:o}),s&&e.jsx("span",{className:n.metadata,"data-testid":r&&`${r}-metadata`,children:s})]})};de.__docgenInfo={description:"",methods:[],displayName:"MetaContent",props:{item:{required:!0,tsType:{name:"IMetaContentItem"},description:""}}};export{se as L,de as M,m as N,n as l};
@@ -1 +0,0 @@
1
- ._inputInTable_dlqxe_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_dlqxe_1:not(:hover):not(._error_dlqxe_7):not(._warning_dlqxe_7){border-color:transparent}._inputInTable_dlqxe_1:not(:focus){box-shadow:none}._inputHover_dlqxe_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_dlqxe_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_dlqxe_25,._inputWarning_dlqxe_26{position:relative}._inputError_dlqxe_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._inputError_dlqxe_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_dlqxe_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_dlqxe_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._inputWarning_dlqxe_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_dlqxe_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_dlqxe_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_dlqxe_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_dlqxe_67::-webkit-scrollbar{display:none}._header_dlqxe_77 ._headerTitle_dlqxe_77,._heading_dlqxe_78 ._itemHeader_dlqxe_78{transition:opacity .3s}._narrow_dlqxe_81 ._header_dlqxe_77 ._headerTitle_dlqxe_77,._narrow_dlqxe_81 ._heading_dlqxe_78 ._itemHeader_dlqxe_78{opacity:0}._stickyHeader_dlqxe_85{position:sticky;top:0;background-color:var(--color-background);z-index:10}._itemHeader_dlqxe_78{padding:var(--padding-xs) var(--padding);display:flex;align-items:flex-start}._itemHeader_dlqxe_78 ._title_dlqxe_96{margin:0;padding:0;flex-grow:1;min-width:0}._itemHeader_dlqxe_78 ._name_dlqxe_102{font-weight:400}._itemHeader_dlqxe_78 ._iconTooltipMargin_dlqxe_105{margin-left:var(--padding-xs)}._itemHeader_dlqxe_78 ._bold_dlqxe_108{font-weight:700}._header_dlqxe_77{padding:var(--padding);display:flex;align-items:center;border-bottom:1px solid var(--color-border)}._toggleNarrow_dlqxe_117{margin-right:16px;margin-left:-5px;color:#c8c8c8;transition:all .4s;display:flex;width:22px;justify-content:center}._toggleNarrow_dlqxe_117:hover{color:var(--color-text-primary-hover)}._toggleNarrow_dlqxe_117:active{color:var(--color-text-primary-active)}._narrow_dlqxe_81 ._toggleNarrow_dlqxe_117{transform:scaleX(-1)}._drag_dlqxe_135{color:var(--color-text-faint);display:flex;align-items:center;justify-content:center;margin-right:var(--padding-xs);margin-left:calc(var(--padding-xs) * -1);margin-top:calc((var(--line-height) - var(--size-sm)) / 2);margin-bottom:calc((var(--line-height) - var(--size-sm)) / 2);cursor:move;height:var(--size-sm);width:var(--size-sm);flex-shrink:0}._drag_dlqxe_135:hover{color:var(--color-text-primary-hover)}._drag_dlqxe_135:active{color:var(--color-text-primary-active)}._list_dlqxe_155{flex-shrink:0;background:var(--color-background)}._list_dlqxe_155._bordered_dlqxe_159:first-child,._list_dlqxe_155._bordered_dlqxe_159:first-child>:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}._list_dlqxe_155._bordered_dlqxe_159:last-child,._list_dlqxe_155._bordered_dlqxe_159:last-child>:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;border-bottom:0}._item_dlqxe_78{color:inherit;display:block;transition:background-color .2s;position:relative;border-bottom:1px solid var(--color-border);background-color:var(--color-background-raised);transition:background .3s;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}._item_dlqxe_78:not(._heading_dlqxe_78):after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;border-top-left-radius:inherit;border-bottom-left-radius:inherit;transition:background .3s,width .3s}._item_dlqxe_78._action_dlqxe_192{cursor:pointer}._item_dlqxe_78._action_dlqxe_192:not(._active_dlqxe_195):hover{background:var(--color-background-listitem-hover)}._item_dlqxe_78._action_dlqxe_192:not(._active_dlqxe_195):hover:after{width:5px;background:#0000001a}._item_dlqxe_78._indented_dlqxe_202:after{width:3px;background:#0000001a}._item_dlqxe_78._active_dlqxe_195{cursor:default;position:relative;z-index:1;background:var(--color-background-listitem-active)}._item_dlqxe_78._active_dlqxe_195:after{background:var(--color-background-primary)!important}._item_dlqxe_78._disabled_dlqxe_215{color:var(--color-text-faint);pointer-events:none}._item_dlqxe_78._heading_dlqxe_78{color:var(--color-text-muted);background-color:var(--color-background-cardheader)}._item_dlqxe_78._heading_dlqxe_78._action_dlqxe_192:hover{color:var(--color-text-primary-hover)}._item_dlqxe_78 ._label_dlqxe_226{margin-right:var(--padding-xs);flex-shrink:0;width:var(--size-sm);height:var(--size-sm);margin-top:calc(var(--line-height) / 2 - var(--size-sm) / 2);margin-bottom:calc(var(--line-height) / 2 - var(--size-sm) / 2);display:flex;align-items:center;justify-content:center}._item_dlqxe_78 ._details_dlqxe_237,._item_dlqxe_78 ._metadata_dlqxe_238{display:block;width:100%;font-weight:400}._item_dlqxe_78 ._metadata_dlqxe_238{color:var(--color-text-muted)}._item_dlqxe_78 ._itemContent_dlqxe_246{padding:0 var(--padding) var(--padding-sm);cursor:auto}._item_dlqxe_78 ._itemContent_dlqxe_246:empty{padding:inherit}._indentIcon_dlqxe_253{color:var(--color-text-faint);flex-shrink:0;margin-right:var(--padding-xxs)}._expandIcon_dlqxe_258{flex-shrink:0;position:relative;display:flex;height:var(--line-height);margin-right:var(--padding-xs)}._expandIcon_dlqxe_258._expanded_dlqxe_265 svg{transform:rotate(90deg)}._right_dlqxe_268{margin-left:auto;display:flex;align-items:center;margin-top:calc((var(--line-height) - var(--size-sm)) / 2);margin-bottom:calc((var(--line-height) - var(--size-sm)) / 2);min-height:var(--size-sm)}._actions_dlqxe_276{margin-left:var(--padding-xs);display:flex;align-items:center}._scrollableList_dlqxe_281{height:100%;overflow-y:auto;scroll-behavior:smooth}._infiniteScrollContainer_dlqxe_286{overflow:hidden!important}._hideScrollbar_dlqxe_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbar_dlqxe_67::-webkit-scrollbar{display:none}._bordered_dlqxe_159{box-shadow:inset 0 0 0 2px var(--color-background-primary);background:var(--color-background-listitem-active)}._noPointerEvents_dlqxe_303{pointer-events:none}
@@ -1,92 +0,0 @@
1
- import{j as a}from"./jsx-runtime-eps93zm2.js";import{r as l}from"./index-DhsZuJvc.js";import{w as c,u as n,e as o,f as B,a as C}from"./index-DMAnyMX5.js";import{S as x}from"./spacer-BWoNR27H.js";import{G as K}from"./grid-DRkC-bt8.js";import{C as m}from"./card-EcjmryU9.js";import{B as Q}from"./button-DHevvVBE.js";import{H as p}from"./heading-CRNoBc7q.js";import{I as ee}from"./input-group-addon-D68iUKV2.js";import{S as te}from"./select-03uRbc4I.js";import{I as ae}from"./input-group-BaRSJAEN.js";import{F as V}from"./field-HrLaMLbx.js";import{T as R}from"./toggle-BbFVf61v.js";import{T as ne}from"./text-B3-TSWok.js";import{M as se}from"./message-Y48EomV-.js";import{I as X}from"./icon-BSFY3vDO.js";import{N as u}from"./number-input-CJJvhIIv.js";import"./index-CF7H4eMJ.js";import"./styled-components.browser.esm-BQ9GQzDc.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./spinner-AWUe4xwQ.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./help-icon-Buhx5nl6.js";import"./lodash-c4VUpsOs.js";import"./types-Dx2TtIG9.js";import"./enum-Bnn40S8Q.js";import"./index-CEuq6vkz.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";import"./memoize-one.esm-CcMeOnPo.js";import"./types-BmbYqTX_.js";import"./actions-D-uVCDzk.js";import"./badge-CLQ59MDF.js";import"./select.input-CJed_LLR.js";import"./helpers-JJxzGegQ.js";import"./label-CqmyC9he.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./index-C0x1JmaP.js";import"./index-DRSy5Ssd.js";import"./input-DTXbDJaL.js";const Ke={title:"Forms/NumberInput/Test Cases",component:u,parameters:{canvas:{page:null}},args:{label:"Label"},tags:["!autodocs"]},v=()=>a.jsxs(ae,{small:!0,children:[a.jsx(u,{value:123}),a.jsx(ee,{children:"to"}),a.jsx(u,{value:123}),a.jsx(te,{options:[{value:"units",label:"units"}],width:"auto",value:"units"})]}),g=()=>{const[r,s]=l.useState("123|m");return a.jsx(u,{name:"example",onChange:t=>s(t.target.value),placeholder:"Type a value...",value:r,testId:"testId"})};g.play=async({canvasElement:r,step:s})=>{const t=c(r),i=c(r.ownerDocument.body);await s("Shows validation error for non-numeric input",async()=>{const e=t.getByTestId("testId");await n.clear(e),await n.type(e,"123x45s6"),await o(t.getByDisplayValue("123x45s6")).toBeInTheDocument(),await B.mouseOver(e),await C(()=>{o(i.getByText("Must be a numerical value")).toBeInTheDocument()})})};const y=()=>{const[r,s]=l.useState("123");return a.jsx(u,{value:r,onChange:t=>{s(t.target.value)},testId:"testId",enableDisplayRounding:!0})};y.play=async({canvasElement:r,step:s})=>{const t=c(r);await s("Value should be rounded on blur",async()=>{const i=t.getByTestId("testId");await n.clear(i),await n.type(i,"123.123456789"),await n.click(r),await o(t.getByDisplayValue("123.12")).toBeInTheDocument()}),await s("Full value shown on focus",async()=>{const i=t.getByTestId("testId");await n.click(i),await o(t.getByDisplayValue("123.123456789")).toBeInTheDocument()})};const w=()=>{const[r,s]=l.useState(!0),t=()=>{s(!1),setTimeout(()=>s(!0),0)},[i,e]=l.useState("123");return a.jsxs(K,{columns:"1fr 1fr",gap:!0,children:[a.jsxs(m,{heading:a.jsx(p,{children:"Storage State (Redux)"}),children:[i,a.jsx(x,{}),a.jsx(Q,{label:"Change value",onClick:()=>e(String(Math.floor(Math.random()*100)))})]}),a.jsx(m,{heading:a.jsx(p,{icon:a.jsx(X,{icon:"refresh"}),onIconClick:t,children:"NumberInput"}),children:r&&a.jsx(u,{value:i,onChange:b=>{e(b.target.value)},error:Number(i)>=0?"":"Value must be positive"})})]})},I=()=>{const[r,s]=l.useState(!0),t=()=>{s(!1),setTimeout(()=>s(!0),0)},[i,e]=l.useState(!1),[b,Y]=l.useState(!0),[f,D]=l.useState("0.6889763779527558"),[S,Z]=l.useState(""),$=Number(f)*.3048;return a.jsxs(K,{columns:"1fr 1fr",gap:!0,children:[a.jsxs(m,{heading:a.jsx(p,{children:"Settings"}),children:[a.jsx(V,{label:"Enable display rounding:",labelLeft:!0,labelWidth:200,children:a.jsx(R,{checked:i,onChange:d=>e(d.target.checked)})}),a.jsx(V,{label:"Enable cosmetic rounding:",labelLeft:!0,labelWidth:200,children:a.jsx(R,{checked:b,onChange:d=>Y(d.target.checked)})})]}),a.jsxs(m,{heading:a.jsx(p,{icon:a.jsx(X,{icon:"refresh",testId:"triggerRerenderTestId"}),onIconClick:t,children:"NumberInput (displayed in Meters)"}),children:[a.jsx(ne,{faint:!0,children:"Cosmetic Rounding Test Cases: type 0.21 then return (compare with enableCosmeticRounding on and off)"}),a.jsx(x,{}),r&&a.jsx(u,{name:"Example",value:$,onChange:d=>{const T=String(Number(d.target.value)/.3048);D(T)},enableDisplayRounding:i,enableCosmeticRounding:b,error:Number(f)>=0?"":"Value must be positive",validationCallback:(d,T)=>{Z(T??"")},testId:"testId"})]}),a.jsxs(m,{heading:a.jsx(p,{children:"Storage State / Redux (stored in Feet)"}),children:[f,a.jsx(x,{}),a.jsx(Q,{label:"Change value",onClick:()=>D(String(Math.floor(Math.random()*100)))})]}),a.jsx(m,{heading:a.jsx(p,{children:"Test Validation Callback"}),children:S&&a.jsx(se,{message:{content:S,icon:!0,type:"Error",visible:!0}})})]})};I.play=async({canvasElement:r,step:s})=>{const t=c(r),i=c(r.ownerDocument.body);await s("Can enter decimal values",async()=>{const e=t.getByTestId("testId");await n.clear(e),await n.type(e,"123.123456789"),await n.click(r),await o(t.getByDisplayValue("123.123456789")).toBeInTheDocument()}),await s("Can enter scientific notation when storage unit is different",async()=>{const e=t.getByTestId("testId");await n.clear(e),await n.type(e,"-1.12e-3"),await o(t.getByDisplayValue("-1.12e-3")).toBeInTheDocument(),await t.getByTestId("triggerRerenderTestId").click(),await C(()=>{o(t.getByDisplayValue(-.00112)).toBeInTheDocument()})}),await s("Can enter comma decimals (converts to dot)",async()=>{const e=t.getByTestId("testId");await n.clear(e),await n.type(e,"123,456"),await o(t.getByDisplayValue("123.456")).toBeInTheDocument()}),await s("Can enter small numbers",async()=>{const e=t.getByTestId("testId");await n.clear(e),await n.type(e,"0.0000000023"),await o(t.getByDisplayValue("0.0000000023")).toBeInTheDocument()}),await s("Can enter large numbers",async()=>{const e=t.getByTestId("testId");await n.clear(e),await n.type(e,"999999999999"),await o(t.getByDisplayValue("999999999999")).toBeInTheDocument()}),await s("Shows validation error for non-numeric input",async()=>{const e=t.getByTestId("testId");await n.clear(e),await n.type(e,"123x45s6"),await n.click(r),await o(t.getByDisplayValue("123x45s6")).toBeInTheDocument(),await B.mouseOver(e),await C(()=>{o(i.getAllByText("Must be a numerical value").length).toEqual(2)})})};const h=()=>{const[r,s]=l.useState("123");return a.jsx(u,{value:r,onChange:t=>{s(t.target.value)},testId:"testId"})};h.play=async({canvasElement:r,step:s})=>{const t=c(r),i=c(r.ownerDocument.body);await s("Can enter decimal values",async()=>{const e=t.getByTestId("testId");await n.clear(e),await n.type(e,"123.123456789"),await o(t.getByDisplayValue("123.123456789")).toBeInTheDocument()}),await s("Can enter scientific notation",async()=>{const e=t.getByTestId("testId");await n.clear(e),await n.type(e,"-1.12e3"),await o(t.getByDisplayValue("-1.12e3")).toBeInTheDocument()}),await s("Can enter comma decimals (converts to dot)",async()=>{const e=t.getByTestId("testId");await n.clear(e),await n.type(e,"123,456"),await o(t.getByDisplayValue("123.456")).toBeInTheDocument()}),await s("Can enter small numbers",async()=>{const e=t.getByTestId("testId");await n.clear(e),await n.type(e,"0.0000000023"),await o(t.getByDisplayValue("0.0000000023")).toBeInTheDocument()}),await s("Can enter large numbers",async()=>{const e=t.getByTestId("testId");await n.clear(e),await n.type(e,"999999999999"),await o(t.getByDisplayValue("999999999999")).toBeInTheDocument()}),await s("Shows validation error for non-numeric input",async()=>{const e=t.getByTestId("testId");await n.clear(e),await n.type(e,"123x45s6"),await o(t.getByDisplayValue("123x45s6")).toBeInTheDocument(),await B.mouseOver(e),await C(()=>{o(i.getByText("Must be a numerical value")).toBeInTheDocument()})})};v.__docgenInfo={description:"",methods:[],displayName:"TestInputGroup"};g.__docgenInfo={description:"",methods:[{name:"play",docblock:null,modifiers:["static"],params:[{name:"{ canvasElement, step }",optional:!1,type:null}],returns:null}],displayName:"Placeholder"};y.__docgenInfo={description:"",methods:[{name:"play",docblock:null,modifiers:["static"],params:[{name:"{ canvasElement, step }",optional:!1,type:null}],returns:null}],displayName:"TestDisplayRounding"};w.__docgenInfo={description:"",methods:[],displayName:"ManagedTestCase"};I.__docgenInfo={description:"",methods:[{name:"play",docblock:null,modifiers:["static"],params:[{name:"{ canvasElement, step }",optional:!1,type:null}],returns:null}],displayName:"DemoCosmeticRounding"};h.__docgenInfo={description:"",methods:[{name:"play",docblock:null,modifiers:["static"],params:[{name:"{ canvasElement, step }",optional:!1,type:null}],returns:null}],displayName:"TestUserInput"};var j,k,N;v.parameters={...v.parameters,docs:{...(j=v.parameters)==null?void 0:j.docs,source:{originalSource:`() => <InputGroup small>
2
- <NumberInput value={123} />
3
- <InputGroupAddon>to</InputGroupAddon>
4
- <NumberInput value={123} />
5
- <Select options={[{
6
- value: 'units',
7
- label: 'units'
8
- }]} width="auto" value="units" />
9
- </InputGroup>`,...(N=(k=v.parameters)==null?void 0:k.docs)==null?void 0:N.source}}};var E,F,M;g.parameters={...g.parameters,docs:{...(E=g.parameters)==null?void 0:E.docs,source:{originalSource:`() => {
10
- const [value, setValue] = useState('123|m');
11
- return <NumberInput name="example" onChange={evt => setValue(evt.target.value)} placeholder="Type a value..." value={value} testId="testId" />;
12
- }`,...(M=(F=g.parameters)==null?void 0:F.docs)==null?void 0:M.source}}};var _,G,H;y.parameters={...y.parameters,docs:{...(_=y.parameters)==null?void 0:_.docs,source:{originalSource:`() => {
13
- const [value, setValue] = useState('123');
14
- return <NumberInput value={value} onChange={evt => {
15
- setValue(evt.target.value);
16
- }} testId="testId" enableDisplayRounding />;
17
- }`,...(H=(G=y.parameters)==null?void 0:G.docs)==null?void 0:H.source}}};var L,A,O;w.parameters={...w.parameters,docs:{...(L=w.parameters)==null?void 0:L.docs,source:{originalSource:`() => {
18
- const [visible, setVisible] = useState(true);
19
- const triggerRerender = () => {
20
- setVisible(false);
21
- setTimeout(() => setVisible(true), 0);
22
- };
23
- const [value, setValue] = useState('123');
24
- return <Grid columns="1fr 1fr" gap>
25
- <Card heading={<Heading>Storage State (Redux)</Heading>}>
26
- {value}
27
- <Spacer />
28
- <Button label="Change value" onClick={() => setValue(String(Math.floor(Math.random() * 100)))} />
29
- </Card>
30
- <Card heading={<Heading icon={<Icon icon="refresh" />} onIconClick={triggerRerender}>
31
- NumberInput
32
- </Heading>}>
33
- {visible && <NumberInput value={value} onChange={evt => {
34
- setValue(evt.target.value);
35
- }} error={Number(value) >= 0 ? '' : 'Value must be positive'} />}
36
- </Card>
37
- </Grid>;
38
- }`,...(O=(A=w.parameters)==null?void 0:A.docs)==null?void 0:O.source}}};var W,P,U;I.parameters={...I.parameters,docs:{...(W=I.parameters)==null?void 0:W.docs,source:{originalSource:`() => {
39
- const [visible, setVisible] = useState(true);
40
- const triggerRerender = () => {
41
- setVisible(false);
42
- setTimeout(() => setVisible(true), 0);
43
- };
44
- const [enableDisplayRounding, setEnableDisplayRounding] = useState(false);
45
- const [enableCosmeticRounding, setEnableCosmeticRounding] = useState(true);
46
- const [valueInFeet, setValueInFeet] = useState('0.6889763779527558');
47
- const [callBackError, setCallBackError] = useState('');
48
- const valueInMeters = Number(valueInFeet) * 0.3048;
49
- return <Grid columns="1fr 1fr" gap>
50
- <Card heading={<Heading>Settings</Heading>}>
51
- <Field label="Enable display rounding:" labelLeft labelWidth={200}>
52
- <Toggle checked={enableDisplayRounding} onChange={evt => setEnableDisplayRounding(evt.target.checked)} />
53
- </Field>
54
- <Field label="Enable cosmetic rounding:" labelLeft labelWidth={200}>
55
- <Toggle checked={enableCosmeticRounding} onChange={evt => setEnableCosmeticRounding(evt.target.checked)} />
56
- </Field>
57
- </Card>
58
- <Card heading={<Heading icon={<Icon icon="refresh" testId="triggerRerenderTestId" />} onIconClick={triggerRerender}>
59
- NumberInput (displayed in Meters)
60
- </Heading>}>
61
- <Text faint>
62
- Cosmetic Rounding Test Cases: type 0.21 then return (compare with
63
- enableCosmeticRounding on and off)
64
- </Text>
65
- <Spacer />
66
- {visible && <NumberInput name="Example" value={valueInMeters} onChange={evt => {
67
- const nextValueInFeet = String(Number(evt.target.value) / 0.3048);
68
- setValueInFeet(nextValueInFeet); // convert back to ft
69
- }} enableDisplayRounding={enableDisplayRounding} enableCosmeticRounding={enableCosmeticRounding} error={Number(valueInFeet) >= 0 ? '' : 'Value must be positive'} validationCallback={(name, error) => {
70
- setCallBackError(error ?? '');
71
- }} testId="testId" />}
72
- </Card>
73
- <Card heading={<Heading>Storage State / Redux (stored in Feet)</Heading>}>
74
- {valueInFeet}
75
- <Spacer />
76
- <Button label="Change value" onClick={() => setValueInFeet(String(Math.floor(Math.random() * 100)))} />
77
- </Card>
78
- <Card heading={<Heading>Test Validation Callback</Heading>}>
79
- {callBackError && <Message message={{
80
- content: callBackError,
81
- icon: true,
82
- type: 'Error',
83
- visible: true
84
- }} />}
85
- </Card>
86
- </Grid>;
87
- }`,...(U=(P=I.parameters)==null?void 0:P.docs)==null?void 0:U.source}}};var q,z,J;h.parameters={...h.parameters,docs:{...(q=h.parameters)==null?void 0:q.docs,source:{originalSource:`() => {
88
- const [value, setValue] = useState('123');
89
- return <NumberInput value={value} onChange={evt => {
90
- setValue(evt.target.value);
91
- }} testId="testId" />;
92
- }`,...(J=(z=h.parameters)==null?void 0:z.docs)==null?void 0:J.source}}};const Qe=["TestInputGroup","Placeholder","TestDisplayRounding","ManagedTestCase","DemoCosmeticRounding","TestUserInput"];export{I as DemoCosmeticRounding,w as ManagedTestCase,g as Placeholder,y as TestDisplayRounding,v as TestInputGroup,h as TestUserInput,Qe as __namedExportsOrder,Ke as default};
@@ -1,61 +0,0 @@
1
- import{j as o}from"./jsx-runtime-eps93zm2.js";import{l as ae}from"./lodash-c4VUpsOs.js";import{r as x}from"./index-DhsZuJvc.js";import{c as G}from"./index-Bk2sglWO.js";import{G as ie,I as Ee}from"./common-types-Sih75Sav.js";import{D as me}from"./disabled-context-rmpd7YJS.js";import{i as ne}from"./types-Dx2TtIG9.js";import{T as pe,u as ze,m as We}from"./tooltip-1V7clEnw.js";import{A as P,E as B,K as Ge}from"./enum-Bnn40S8Q.js";import{a as $e,_ as Ue}from"./inheritsLoose-DP0QEDDI.js";import{_ as ge}from"./assertThisInitialized-B9jnkVVz.js";import{m as le}from"./memoize-one.esm-CcMeOnPo.js";import{M as se}from"./types-BmbYqTX_.js";import{T as ue}from"./text-B3-TSWok.js";import{A as Ve}from"./actions-D-uVCDzk.js";import{I as ce}from"./icon-BSFY3vDO.js";import{s as Ye}from"./select.input-CJed_LLR.js";const Ke="_inputInTable_1nzfr_1",Be="_error_1nzfr_7",Ze="_warning_1nzfr_7",Xe="_inputHover_1nzfr_13",Je="_inputFocus_1nzfr_18",Qe="_inputError_1nzfr_25",en="_inputWarning_1nzfr_26",nn="_inputDisabled_1nzfr_61",tn="_hideScrollbars_1nzfr_67",rn="_select_1nzfr_77",an="_isInTable_1nzfr_121",sn="_unSelected_1nzfr_133",ln="_small_1nzfr_174",on="_right_1nzfr_182",un="_groupOrderFirst_1nzfr_193",cn="_groupOrderMiddle_1nzfr_194",dn="_groupOrderLast_1nzfr_198",z={inputInTable:Ke,error:Be,warning:Ze,inputHover:Xe,inputFocus:Je,inputError:Qe,inputWarning:en,inputDisabled:nn,hideScrollbars:tn,select:rn,isInTable:an,unSelected:sn,small:ln,right:on,groupOrderFirst:un,groupOrderMiddle:cn,groupOrderLast:dn},Oe=({disabled:e=!1,error:n=null,warning:r=null,tooltip:a=null,options:s,onChange:g=ae.noop,onFocus:S=ae.noop,onBlur:u=ae.noop,right:c=!1,small:d=!1,tabIndex:T=0,selectedOption:m,width:_=null,groupOrder:E=null,testId:v,isInTable:t=!1,clearable:i,placeholder:l,hasNonExistentValue:p,maxTooltipWidth:y,borderRadius:I})=>{const f=x.useContext(me),h=m===null||(m==null?void 0:m.value)===null?"unselected":m==null?void 0:m.value,O=h==="unselected",N=(h==="unselected"||i?[o.jsx("option",{value:"unselected",disabled:!i,hidden:!i,children:l||"Select..."},"unselected")]:[]).concat(p?[o.jsx("option",{value:m==null?void 0:m.value,disabled:e||f,children:m==null?void 0:m.label},"selectedNonExistentValue")]:[]).concat(s.map((R,q)=>o.jsx("option",{value:R.value,"data-testid":R.testId,children:R.label},q))),C=(()=>{if(E)switch(E){case ie.FIRST:return z.groupOrderFirst;case ie.LAST:return z.groupOrderLast;default:return z.groupOrderMiddle}return""})();return o.jsx(pe,{error:!!n,warning:!!r,text:a||n||r,enabled:a&&ne(a)||n&&ne(n)||r&&ne(r)||!1,maxWidth:y,placement:"bottom-center",children:o.jsx("select",{className:G(z.select,O?z.unSelected:"",n?z.error:r?z.warning:"",c?z.right:"",d?z.small:"",t?z.isInTable:"",C),style:{width:_||"",borderRadius:I||""},onChange:R=>{const{value:q}=R.target;let M;q==="unselected"?M={value:null}:M=s.find(F=>String(F.value)===String(q))||{value:null},g(R,M)},onFocus:S,onBlur:u,tabIndex:T,value:h,disabled:e||f,"data-testid":v,children:N})})};Oe.__docgenInfo={description:"",methods:[],displayName:"NativeSelect",props:{borderRadius:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},error:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | React.ReactNode | null",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactReactNode",raw:"React.ReactNode"},{name:"null"}]},description:"",defaultValue:{value:"null",computed:!1}},warning:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | React.ReactNode | null",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactReactNode",raw:"React.ReactNode"},{name:"null"}]},description:"",defaultValue:{value:"null",computed:!1}},tooltip:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | React.ReactNode | null",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactReactNode",raw:"React.ReactNode"},{name:"null"}]},description:"",defaultValue:{value:"null",computed:!1}},options:{required:!0,tsType:{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"},description:""},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:`(
2
- evt: ChangeEvent<HTMLSelectElement>,
3
- value: ISelectSelectedOption | { value: null },
4
- ) => void`,signature:{arguments:[{type:{name:"ChangeEvent",elements:[{name:"HTMLSelectElement"}],raw:"ChangeEvent<HTMLSelectElement>"},name:"evt"},{type:{name:"union",raw:"ISelectSelectedOption | { value: null }",elements:[{name:"ISelectSelectedOption"},{name:"signature",type:"object",raw:"{ value: null }",signature:{properties:[{key:"value",value:{name:"null",required:!0}}]}}]},name:"value"}],return:{name:"void"}}},description:"",defaultValue:{value:"noop",computed:!0}},onFocus:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:"",defaultValue:{value:"noop",computed:!0}},onBlur:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:"",defaultValue:{value:"noop",computed:!0}},right:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},small:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},tabIndex:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"0",computed:!1}},selectedOption:{required:!1,tsType:{name:"ISelectSelectedOption"},description:""},width:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | null",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"null"}]},description:"",defaultValue:{value:"null",computed:!1}},groupOrder:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:"",defaultValue:{value:"null",computed:!1}},testId:{required:!1,tsType:{name:"union",raw:"string | undefined",elements:[{name:"string"},{name:"undefined"}]},description:""},isInTable:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},clearable:{required:!1,tsType:{name:"boolean"},description:""},placeholder:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""},hasNonExistentValue:{required:!1,tsType:{name:"boolean"},description:""},maxTooltipWidth:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""}}};const we=()=>{const e=x.useRef(null);return[e,()=>{e.current&&e.current.focus()}]},Le=()=>{const[e,n]=x.useState(!1);return x.useEffect(()=>{(async()=>{document.fonts&&await document.fonts.ready.then(()=>n(!0))})()},[]),e};var mn=typeof performance=="object"&&typeof performance.now=="function",ve=mn?function(){return performance.now()}:function(){return Date.now()};function ye(e){cancelAnimationFrame(e.id)}function pn(e,n){var r=ve();function a(){ve()-r>=n?e.call(null):s.id=requestAnimationFrame(a)}var s={id:requestAnimationFrame(a)};return s}var oe=-1;function he(e){if(e===void 0&&(e=!1),oe===-1||e){var n=document.createElement("div"),r=n.style;r.width="50px",r.height="50px",r.overflow="scroll",document.body.appendChild(n),oe=n.offsetWidth-n.clientWidth,document.body.removeChild(n)}return oe}var ee=null;function Se(e){if(e===void 0&&(e=!1),ee===null||e){var n=document.createElement("div"),r=n.style;r.width="50px",r.height="50px",r.overflow="scroll",r.direction="rtl";var a=document.createElement("div"),s=a.style;return s.width="100px",s.height="100px",n.appendChild(a),document.body.appendChild(n),n.scrollLeft>0?ee="positive-descending":(n.scrollLeft=1,n.scrollLeft===0?ee="negative":ee="positive-ascending"),document.body.removeChild(n),ee}return ee}var fn=150,gn=function(n,r){return n};function vn(e){var n,r=e.getItemOffset,a=e.getEstimatedTotalSize,s=e.getItemSize,g=e.getOffsetForIndexAndAlignment,S=e.getStartIndexForOffset,u=e.getStopIndexForStartIndex,c=e.initInstanceProps,d=e.shouldResetStyleCacheOnItemSizeChange,T=e.validateProps;return n=function(m){$e(_,m);function _(v){var t;return t=m.call(this,v)||this,t._instanceProps=c(t.props,ge(t)),t._outerRef=void 0,t._resetIsScrollingTimeoutId=null,t.state={instance:ge(t),isScrolling:!1,scrollDirection:"forward",scrollOffset:typeof t.props.initialScrollOffset=="number"?t.props.initialScrollOffset:0,scrollUpdateWasRequested:!1},t._callOnItemsRendered=void 0,t._callOnItemsRendered=le(function(i,l,p,y){return t.props.onItemsRendered({overscanStartIndex:i,overscanStopIndex:l,visibleStartIndex:p,visibleStopIndex:y})}),t._callOnScroll=void 0,t._callOnScroll=le(function(i,l,p){return t.props.onScroll({scrollDirection:i,scrollOffset:l,scrollUpdateWasRequested:p})}),t._getItemStyle=void 0,t._getItemStyle=function(i){var l=t.props,p=l.direction,y=l.itemSize,I=l.layout,f=t._getItemStyleCache(d&&y,d&&I,d&&p),h;if(f.hasOwnProperty(i))h=f[i];else{var O=r(t.props,i,t._instanceProps),N=s(t.props,i,t._instanceProps),C=p==="horizontal"||I==="horizontal",R=p==="rtl",q=C?O:0;f[i]=h={position:"absolute",left:R?void 0:q,right:R?q:void 0,top:C?0:O,height:C?"100%":N,width:C?N:"100%"}}return h},t._getItemStyleCache=void 0,t._getItemStyleCache=le(function(i,l,p){return{}}),t._onScrollHorizontal=function(i){var l=i.currentTarget,p=l.clientWidth,y=l.scrollLeft,I=l.scrollWidth;t.setState(function(f){if(f.scrollOffset===y)return null;var h=t.props.direction,O=y;if(h==="rtl")switch(Se()){case"negative":O=-y;break;case"positive-descending":O=I-p-y;break}return O=Math.max(0,Math.min(O,I-p)),{isScrolling:!0,scrollDirection:f.scrollOffset<O?"forward":"backward",scrollOffset:O,scrollUpdateWasRequested:!1}},t._resetIsScrollingDebounced)},t._onScrollVertical=function(i){var l=i.currentTarget,p=l.clientHeight,y=l.scrollHeight,I=l.scrollTop;t.setState(function(f){if(f.scrollOffset===I)return null;var h=Math.max(0,Math.min(I,y-p));return{isScrolling:!0,scrollDirection:f.scrollOffset<h?"forward":"backward",scrollOffset:h,scrollUpdateWasRequested:!1}},t._resetIsScrollingDebounced)},t._outerRefSetter=function(i){var l=t.props.outerRef;t._outerRef=i,typeof l=="function"?l(i):l!=null&&typeof l=="object"&&l.hasOwnProperty("current")&&(l.current=i)},t._resetIsScrollingDebounced=function(){t._resetIsScrollingTimeoutId!==null&&ye(t._resetIsScrollingTimeoutId),t._resetIsScrollingTimeoutId=pn(t._resetIsScrolling,fn)},t._resetIsScrolling=function(){t._resetIsScrollingTimeoutId=null,t.setState({isScrolling:!1},function(){t._getItemStyleCache(-1,null)})},t}_.getDerivedStateFromProps=function(t,i){return yn(t,i),T(t),null};var E=_.prototype;return E.scrollTo=function(t){t=Math.max(0,t),this.setState(function(i){return i.scrollOffset===t?null:{scrollDirection:i.scrollOffset<t?"forward":"backward",scrollOffset:t,scrollUpdateWasRequested:!0}},this._resetIsScrollingDebounced)},E.scrollToItem=function(t,i){i===void 0&&(i="auto");var l=this.props,p=l.itemCount,y=l.layout,I=this.state.scrollOffset;t=Math.max(0,Math.min(t,p-1));var f=0;if(this._outerRef){var h=this._outerRef;y==="vertical"?f=h.scrollWidth>h.clientWidth?he():0:f=h.scrollHeight>h.clientHeight?he():0}this.scrollTo(g(this.props,t,i,I,this._instanceProps,f))},E.componentDidMount=function(){var t=this.props,i=t.direction,l=t.initialScrollOffset,p=t.layout;if(typeof l=="number"&&this._outerRef!=null){var y=this._outerRef;i==="horizontal"||p==="horizontal"?y.scrollLeft=l:y.scrollTop=l}this._callPropsCallbacks()},E.componentDidUpdate=function(){var t=this.props,i=t.direction,l=t.layout,p=this.state,y=p.scrollOffset,I=p.scrollUpdateWasRequested;if(I&&this._outerRef!=null){var f=this._outerRef;if(i==="horizontal"||l==="horizontal")if(i==="rtl")switch(Se()){case"negative":f.scrollLeft=-y;break;case"positive-ascending":f.scrollLeft=y;break;default:var h=f.clientWidth,O=f.scrollWidth;f.scrollLeft=O-h-y;break}else f.scrollLeft=y;else f.scrollTop=y}this._callPropsCallbacks()},E.componentWillUnmount=function(){this._resetIsScrollingTimeoutId!==null&&ye(this._resetIsScrollingTimeoutId)},E.render=function(){var t=this.props,i=t.children,l=t.className,p=t.direction,y=t.height,I=t.innerRef,f=t.innerElementType,h=t.innerTagName,O=t.itemCount,N=t.itemData,C=t.itemKey,R=C===void 0?gn:C,q=t.layout,M=t.outerElementType,A=t.outerTagName,F=t.style,$=t.useIsScrolling,V=t.width,U=this.state.isScrolling,j=p==="horizontal"||q==="horizontal",D=j?this._onScrollHorizontal:this._onScrollVertical,Z=this._getRangeToRender(),te=Z[0],re=Z[1],X=[];if(O>0)for(var k=te;k<=re;k++)X.push(x.createElement(i,{data:N,key:R(k,N),index:k,isScrolling:$?U:void 0,style:this._getItemStyle(k)}));var J=a(this.props,this._instanceProps);return x.createElement(M||A||"div",{className:l,onScroll:D,ref:this._outerRefSetter,style:Ue({position:"relative",height:y,width:V,overflow:"auto",WebkitOverflowScrolling:"touch",willChange:"transform",direction:p},F)},x.createElement(f||h||"div",{children:X,ref:I,style:{height:j?"100%":J,pointerEvents:U?"none":void 0,width:j?J:"100%"}}))},E._callPropsCallbacks=function(){if(typeof this.props.onItemsRendered=="function"){var t=this.props.itemCount;if(t>0){var i=this._getRangeToRender(),l=i[0],p=i[1],y=i[2],I=i[3];this._callOnItemsRendered(l,p,y,I)}}if(typeof this.props.onScroll=="function"){var f=this.state,h=f.scrollDirection,O=f.scrollOffset,N=f.scrollUpdateWasRequested;this._callOnScroll(h,O,N)}},E._getRangeToRender=function(){var t=this.props,i=t.itemCount,l=t.overscanCount,p=this.state,y=p.isScrolling,I=p.scrollDirection,f=p.scrollOffset;if(i===0)return[0,0,0,0];var h=S(this.props,f,this._instanceProps),O=u(this.props,h,f,this._instanceProps),N=!y||I==="backward"?Math.max(1,l):1,C=!y||I==="forward"?Math.max(1,l):1;return[Math.max(0,h-N),Math.max(0,Math.min(i-1,O+C)),h,O]},_}(x.PureComponent),n.defaultProps={direction:"ltr",itemData:void 0,layout:"vertical",overscanCount:2,useIsScrolling:!1},n}var yn=function(n,r){n.children,n.direction,n.height,n.layout,n.innerTagName,n.outerTagName,n.width,r.instance},hn=vn({getItemOffset:function(n,r){var a=n.itemSize;return r*a},getItemSize:function(n,r){var a=n.itemSize;return a},getEstimatedTotalSize:function(n){var r=n.itemCount,a=n.itemSize;return a*r},getOffsetForIndexAndAlignment:function(n,r,a,s,g,S){var u=n.direction,c=n.height,d=n.itemCount,T=n.itemSize,m=n.layout,_=n.width,E=u==="horizontal"||m==="horizontal",v=E?_:c,t=Math.max(0,d*T-v),i=Math.min(t,r*T),l=Math.max(0,r*T-v+T+S);switch(a==="smart"&&(s>=l-v&&s<=i+v?a="auto":a="center"),a){case"start":return i;case"end":return l;case"center":{var p=Math.round(l+(i-l)/2);return p<Math.ceil(v/2)?0:p>t+Math.floor(v/2)?t:p}case"auto":default:return s>=l&&s<=i?s:s<l?l:i}},getStartIndexForOffset:function(n,r){var a=n.itemCount,s=n.itemSize;return Math.max(0,Math.min(a-1,Math.floor(r/s)))},getStopIndexForStartIndex:function(n,r,a){var s=n.direction,g=n.height,S=n.itemCount,u=n.itemSize,c=n.layout,d=n.width,T=s==="horizontal"||c==="horizontal",m=r*u,_=T?d:g,E=Math.ceil((_+a-m)/u);return Math.max(0,Math.min(S-1,r+E-1))},initInstanceProps:function(n){},shouldResetStyleCacheOnItemSizeChange:!0,validateProps:function(n){n.itemSize}});const Sn="_layerContainer_1lbvo_1",Tn="_layer_1lbvo_1",_n="_small_1lbvo_23",bn="_heading_1lbvo_26",In="_option_1lbvo_27",En="_message_1lbvo_28",On="_focused_1lbvo_64",wn="_selected_1lbvo_68",Ln="_disabled_1lbvo_71",Rn="_check_1lbvo_75",qn="_optionContent_1lbvo_92",xn="_label_1lbvo_97",Cn="_icon_1lbvo_104",Mn="_details_1lbvo_109",H={layerContainer:Sn,layer:Tn,small:_n,heading:bn,option:In,message:En,focused:On,selected:wn,disabled:Ln,check:Rn,optionContent:qn,label:xn,icon:Cn,details:Mn},Re=({label:e})=>o.jsx("div",{onClick:n=>n.stopPropagation(),className:H.heading,children:e});Re.__docgenInfo={description:"",methods:[],displayName:"Heading",props:{label:{required:!0,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""}}};const qe=({details:e,label:n,icon:r,disabled:a=!1,selected:s=!1,focused:g=!1,onSelectOption:S,actions:u,closeLayer:c,testId:d})=>o.jsxs("div",{className:G(H.option,a?H.disabled:"",s?H.selected:"",g?H.focused:""),onClick:!a&&S?S:void 0,"data-testid":d,children:[o.jsx("div",{className:H.optionContent,children:o.jsxs("span",{className:H.label,title:n,children:[n,r&&o.jsx("span",{className:H.icon,children:r})]})}),e&&o.jsx("div",{className:G(H.details),children:o.jsx(ue,{faint:!0,children:e})}),!!(u!=null&&u.length)&&o.jsx("div",{className:G(H.actions),children:o.jsx(Ve,{actions:u,closeLayer:c})}),o.jsx("span",{className:H.check,children:s?o.jsx(ce,{icon:Ee.CHECK}):null})]});qe.__docgenInfo={description:"",methods:[],displayName:"Option",props:{details:{required:!1,tsType:{name:"string"},description:""},label:{required:!0,tsType:{name:"string"},description:""},icon:{required:!1,tsType:{name:"ReactNode"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},selected:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},focused:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},onSelectOption:{required:!1,tsType:{name:"signature",type:"function",raw:`(
5
- event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
6
- section?: ISelectSectionProps,
7
- ) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"event"},{type:{name:"signature",type:"object",raw:`{
8
- section: ISelectSection;
9
- selected?: boolean;
10
- focused?: boolean;
11
- onSelectOption?: (
12
- event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
13
- section?: ISelectSectionProps,
14
- ) => void;
15
- closeLayer?: TEmpty;
16
- }`,signature:{properties:[{key:"section",value:{name:"ISelectSection",required:!0}},{key:"selected",value:{name:"boolean",required:!1}},{key:"focused",value:{name:"boolean",required:!1}},{key:"onSelectOption",value:{name:"signature",type:"function",raw:`(
17
- event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
18
- section?: ISelectSectionProps,
19
- ) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"event"},{type:{name:"ISelectSectionProps"},name:"section"}],return:{name:"void"}},required:!1}},{key:"closeLayer",value:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}},required:!1}}]}},name:"section"}],return:{name:"void"}}},description:""},actions:{required:!1,tsType:{name:"Array",elements:[{name:"any"}],raw:"any[]"},description:""},closeLayer:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const xe=({section:e,selected:n,focused:r,onSelectOption:a,closeLayer:s})=>{const g=x.useContext(me);switch(e.type){case se.HEADING:return o.jsx(Re,{label:e.label});case se.OPTION:default:return o.jsx(qe,{closeLayer:s,actions:e.actions,label:e.label,details:e.details,icon:e.icon,disabled:e.disabled||g,selected:n,focused:r,onSelectOption:a,testId:e.testId})}};xe.__docgenInfo={description:"",methods:[],displayName:"Section",props:{section:{required:!0,tsType:{name:"ISelectSection"},description:""},selected:{required:!1,tsType:{name:"boolean"},description:""},focused:{required:!1,tsType:{name:"boolean"},description:""},onSelectOption:{required:!1,tsType:{name:"signature",type:"function",raw:`(
20
- event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
21
- section?: ISelectSectionProps,
22
- ) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"event"},{type:{name:"signature",type:"object",raw:`{
23
- section: ISelectSection;
24
- selected?: boolean;
25
- focused?: boolean;
26
- onSelectOption?: (
27
- event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
28
- section?: ISelectSectionProps,
29
- ) => void;
30
- closeLayer?: TEmpty;
31
- }`,signature:{properties:[{key:"section",value:{name:"ISelectSection",required:!0}},{key:"selected",value:{name:"boolean",required:!1}},{key:"focused",value:{name:"boolean",required:!1}},{key:"onSelectOption",value:{name:"signature",type:"function",raw:`(
32
- event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
33
- section?: ISelectSectionProps,
34
- ) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"event"},{type:{name:"ISelectSectionProps"},name:"section"}],return:{name:"void"}},required:!1}},{key:"closeLayer",value:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}},required:!1}}]}},name:"section"}],return:{name:"void"}}},description:""},closeLayer:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""}}};const de=(e,n)=>{const a=document.createElement("canvas").getContext("2d");return a?(a.font=n,a.measureText(e).width):0},Ce="13px",Me="12px",Nn="Roobert",An="sans-serif",Fn=12,Hn=8,jn=30,Dn=24,kn=5,Pn=3,zn=1,Wn=2,Te=10,Ne=(e=!1,n=!1)=>`${e?Me:Ce} ${n?Nn:An}`,Gn=(e=!1,n=!1)=>(e?Hn:Fn)+(e?Dn:jn)+(n?17:0),_e=(e,n,r,a)=>{const s=Ne(n,r),g=a?de(a,s):0,S=Math.ceil(e.reduce((c,d)=>{var v;const T=(((v=d==null?void 0:d.actions)==null?void 0:v.length)??0)*24,m=d.icon?parseInt(n?Me:Ce)+7:0,_=`${d.label} ${d.details||""}`,E=de(_,s)+T+m;return c=E>c?E:c,c},g)),u=Gn(n,!0);return S+u},$n=(e,n,r)=>{const a=Ne(!0,r),s=de(e.label,a),g=(n?Pn:kn)*2+zn*2+Wn;return Math.ceil(s+g)},Ae=({listRef:e,isMulti:n,sections:r,selectedOptions:a,onSelectOption:s,focusedOptionIndex:g,width:S,small:u,firstSelectedOptionIndex:c,closeLayer:d,testId:T})=>{x.useEffect(()=>{c&&c!==null&&e.current!==null&&e.current.scrollToItem(c,"start")},[c,e]);const m=u?24:30;return o.jsx("div",{"data-testid":T,className:G(H.layer,u&&H.small),children:r.length?o.jsx(hn,{ref:e,height:r.length<Te?m*r.length:m*Te,itemCount:r.length,itemSize:m,width:S,children:({index:_,style:E})=>{var v;return o.jsx("div",{style:E,children:o.jsx(xe,{closeLayer:d,section:r[_],selected:n&&r[_].type!==se.HEADING&&Array.isArray(a)?a.some(t=>{var i;return t&&(t==null?void 0:t.value)===((i=r==null?void 0:r[_])==null?void 0:i.value)}):!Array.isArray(a)&&((v=r==null?void 0:r[_])==null?void 0:v.value)===(a==null?void 0:a.value),focused:g===_,onSelectOption:t=>s(t,r[_])})})}}):o.jsx("ul",{children:o.jsx("li",{children:o.jsx("div",{className:H.message,style:{width:S},children:"No matches"})})})})};Ae.__docgenInfo={description:"",methods:[],displayName:"Layer",props:{listRef:{required:!0,tsType:{name:"RefObject",elements:[{name:"any"}],raw:"RefObject<any>"},description:""},isMulti:{required:!1,tsType:{name:"boolean"},description:""},sections:{required:!0,tsType:{name:"Array",elements:[{name:"ISelectSection"}],raw:"ISelectSection[]"},description:""},selectedOptions:{required:!0,tsType:{name:"union",raw:"ISelectSelectedOption | ISelectSelectedOption[]",elements:[{name:"ISelectSelectedOption"},{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"}]},description:""},onSelectOption:{required:!0,tsType:{name:"signature",type:"function",raw:`(
35
- event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
36
- section?: ISelectSection,
37
- ) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"event"},{type:{name:"ISelectSection"},name:"section"}],return:{name:"void"}}},description:""},focusedOptionIndex:{required:!1,tsType:{name:"number"},description:""},width:{required:!0,tsType:{name:"number"},description:""},small:{required:!1,tsType:{name:"boolean"},description:""},firstSelectedOptionIndex:{required:!1,tsType:{name:"number"},description:""},closeLayer:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const Un="_inputInTable_nec64_1",Vn="_error_nec64_7",Yn="_warning_nec64_7",Kn="_inputHover_nec64_13",Bn="_inputFocus_nec64_18",Zn="_inputError_nec64_25",Xn="_inputWarning_nec64_26",Jn="_inputDisabled_nec64_61",Qn="_hideScrollbars_nec64_67",et="_trigger_nec64_77",nt="_isInTable_nec64_93",tt="_input_nec64_1",rt="_isOpen_nec64_114",at="_disabled_nec64_156",it="_icons_nec64_162",st="_clearAll_nec64_169",lt="_iconOpen_nec64_170",ot="_small_nec64_181",ut="_triggerInputContainer_nec64_189",ct="_right_nec64_198",dt="_multiOptions_nec64_211",mt="_multiOption_nec64_211",pt="_label_nec64_239",ft="_closeMultiOption_nec64_242",gt="_focus_nec64_253",vt="_selectedSingleValue_nec64_257",yt="_placeHolder_nec64_258",ht="_groupOrderFirst_nec64_297",St="_groupOrderMiddle_nec64_298",Tt="_groupOrderLast_nec64_302",_t="_detailedLabel_nec64_307",L={inputInTable:Un,error:Vn,warning:Yn,inputHover:Kn,inputFocus:Bn,inputError:Zn,inputWarning:Xn,inputDisabled:Jn,hideScrollbars:Qn,trigger:et,isInTable:nt,input:tt,isOpen:rt,disabled:at,icons:it,clearAll:st,iconOpen:lt,small:ot,triggerInputContainer:ut,right:ct,multiOptions:dt,multiOption:mt,label:pt,closeMultiOption:ft,focus:gt,selectedSingleValue:vt,placeHolder:yt,groupOrderFirst:ht,groupOrderMiddle:St,groupOrderLast:Tt,detailedLabel:_t},Fe=({selectedOptions:e,small:n,width:r,testId:a})=>{const s=Le(),[g,S]=x.useState([]),[u,c]=x.useState([]);return x.useEffect(()=>{let d=[],T=[],m=0;e.forEach((_,E)=>{m+=$n(_,n,s),E===e.length-1&&m<r||m<r-24?d.push(_):T.push(_)}),S(d),c(T)},[e,s,r]),o.jsxs("div",{className:L.multiOptions,"data-testid":a&&`${a}-value`,children:[g.filter(d=>d&&d.label).map((d,T)=>o.jsx("span",{className:L.multiOption,onClick:m=>{m.stopPropagation()},children:d.label},T)),u.length>0&&o.jsx(pe,{text:u.map((d,T)=>o.jsx("div",{children:d.label},T)),display:"inline-flex",children:o.jsx("span",{className:L.multiOption,children:g.length?`+${u.length}`:`${u.length} items`})})]})};Fe.__docgenInfo={description:"",methods:[],displayName:"MultiSelectedOptions",props:{selectedOptions:{required:!0,tsType:{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"},description:""},small:{required:!1,tsType:{name:"boolean"},description:""},width:{required:!0,tsType:{name:"number"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const He=({selectedOptions:e,searchable:n=!1,searchValue:r,onChange:a=ae.noop,inputRef:s,error:g,placeholder:S="Select...",small:u,testId:c})=>{const d=x.useRef(null),T=Array.isArray(e),m=T?e.length>0:!!e,_=r?r.length+1:1,E=()=>{var i,l;const v=((i=d.current)==null?void 0:i.offsetWidth)||0,t=((l=s.current)==null?void 0:l.offsetWidth)||0;return v-t};return o.jsxs("div",{className:L.triggerInputContainer,ref:d,children:[m?T?o.jsx(Fe,{selectedOptions:e,small:u,width:E(),testId:c}):o.jsx("span",{className:L.selectedSingleValue,"data-testid":c&&`${c}-value`,children:r!=null&&r.length?"":e==null?void 0:e.label}):o.jsx("span",{className:L.placeHolder,children:r!=null&&r.length?"":S}),n?o.jsx("input",{tabIndex:-1,ref:s,size:_,className:G(L.input,g?L.error:""),value:r,onChange:v=>a(v.target.value),"data-testid":c&&`${c}-input`}):null]})};He.__docgenInfo={description:"",methods:[],displayName:"Input",props:{selectedOptions:{required:!1,tsType:{name:"union",raw:"ISelectSelectedOption | ISelectSelectedOption[]",elements:[{name:"ISelectSelectedOption"},{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"}]},description:""},searchable:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},searchValue:{required:!1,tsType:{name:"string"},description:""},inputRef:{required:!0,tsType:{name:"MutableRefObject",elements:[{name:"union",raw:"HTMLInputElement | null",elements:[{name:"HTMLInputElement"},{name:"null"}]}],raw:"MutableRefObject<HTMLInputElement | null>"},description:""},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(value: string) => void",signature:{arguments:[{type:{name:"string"},name:"value"}],return:{name:"void"}}},description:"",defaultValue:{value:"noop",computed:!0}},error:{required:!1,tsType:{name:"union",raw:"string | ReactNode",elements:[{name:"string"},{name:"ReactNode"}]},description:""},placeholder:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:"",defaultValue:{value:"'Select...'",computed:!1}},small:{required:!1,tsType:{name:"boolean"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const je=({selectedOptions:e,searchValue:n,searchable:r,clearable:a,onClickTrigger:s,element:g,error:S,warning:u,tooltip:c,small:d,isInTable:T,disabled:m,onChangeSearch:_,onClickDeselect:E,onClickClear:v,tabIndex:t,isOpen:i,triggerRef:l,clearAllIsFocused:p,focusedSelectedOptionIndex:y,onFocus:I,onBlur:f,groupOrder:h,maxTooltipWidth:O,placeholder:N,right:C,testId:R})=>{var j;const[q,M]=we(),A=Array.isArray(e)?e.length>0&&((j=e[0])==null?void 0:j.value):e==null?void 0:e.value,F=a&&A,$=(()=>{if(h)switch(h){case ie.FIRST:return L.groupOrderFirst;case ie.LAST:return L.groupOrderLast;default:return L.groupOrderMiddle}return""})(),V=!Array.isArray(e)&&(e!=null&&e.details)?{...e,label:o.jsxs("div",{className:G(L.detailedLabel),children:[o.jsx(ue,{children:e.label}),o.jsx(ue,{muted:!0,children:e.details})]})}:e,U=o.jsxs(o.Fragment,{children:[g,o.jsxs("div",{ref:l,tabIndex:t,className:G(L.trigger,i?L.isOpen:"",S?L.error:u?L.warning:"",m?L.disabled:"",d?L.small:"",T?L.isInTable:"",C?L.right:"",$),onClick:D=>{D.stopPropagation(),typeof M=="function"&&M(),s(D)},onFocus:I,onBlur:f,"data-testid":R,children:[o.jsx(He,{selectedOptions:V,placeholder:N,searchable:r,searchValue:n,inputRef:q,onChange:_,error:S,small:d,testId:R}),o.jsx("span",{className:L.icons,children:F?o.jsx("span",{className:G(L.clearAll,p?L.focus:""),onClick:D=>{D.stopPropagation(),v&&v(D)},"data-testid":R&&`${R}-clear`,children:o.jsx(ce,{icon:Ee.CLOSE})}):o.jsx("span",{className:G(L.iconOpen),children:o.jsx(ce,{icon:"chevron down"})})})]})]});return o.jsx(o.Fragment,{children:o.jsx(pe,{error:!!S,warning:!!u,text:c||S||u,enabled:c&&ne(c)||S&&ne(S)||u&&ne(u)||!1,maxWidth:O,placement:"bottom-center",children:U})})};je.__docgenInfo={description:"",methods:[],displayName:"Trigger",props:{selectedOptions:{required:!1,tsType:{name:"union",raw:"ISelectSelectedOption | ISelectSelectedOption[]",elements:[{name:"ISelectSelectedOption"},{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"}]},description:""},searchValue:{required:!1,tsType:{name:"string"},description:""},searchable:{required:!1,tsType:{name:"boolean"},description:""},clearable:{required:!1,tsType:{name:"boolean"},description:""},onClickTrigger:{required:!0,tsType:{name:"signature",type:"function",raw:"(evt: React.MouseEvent<HTMLDivElement, MouseEvent>) => void",signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"evt"}],return:{name:"void"}}},description:""},element:{required:!1,tsType:{name:"ReactNode"},description:""},error:{required:!1,tsType:{name:"union",raw:"string | ReactNode",elements:[{name:"string"},{name:"ReactNode"}]},description:""},warning:{required:!1,tsType:{name:"union",raw:"string | ReactNode",elements:[{name:"string"},{name:"ReactNode"}]},description:""},tooltip:{required:!1,tsType:{name:"union",raw:"string | ReactNode",elements:[{name:"string"},{name:"ReactNode"}]},description:""},small:{required:!1,tsType:{name:"boolean"},description:""},isInTable:{required:!1,tsType:{name:"boolean"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},onChangeSearch:{required:!1,tsType:{name:"signature",type:"function",raw:"(value: string) => void",signature:{arguments:[{type:{name:"string"},name:"value"}],return:{name:"void"}}},description:""},onClickDeselect:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: React.MouseEvent<HTMLDivElement, MouseEvent>) => void",signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"evt"}],return:{name:"void"}}},description:""},onClickClear:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void",signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLSpanElement, MouseEvent>",elements:[{name:"HTMLSpanElement"},{name:"MouseEvent"}]},name:"evt"}],return:{name:"void"}}},description:""},tabIndex:{required:!1,tsType:{name:"number"},description:""},isOpen:{required:!1,tsType:{name:"boolean"},description:""},triggerRef:{required:!1,tsType:{name:"RefObject",elements:[{name:"HTMLDivElement"}],raw:"RefObject<HTMLDivElement>"},description:""},clearAllIsFocused:{required:!1,tsType:{name:"boolean"},description:""},focusedSelectedOptionIndex:{required:!1,tsType:{name:"number"},description:""},onFocus:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: React.FocusEvent<HTMLDivElement>) => void",signature:{arguments:[{type:{name:"ReactFocusEvent",raw:"React.FocusEvent<HTMLDivElement>",elements:[{name:"HTMLDivElement"}]},name:"evt"}],return:{name:"void"}}},description:""},onBlur:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: React.FocusEvent<HTMLDivElement>) => void",signature:{arguments:[{type:{name:"ReactFocusEvent",raw:"React.FocusEvent<HTMLDivElement>",elements:[{name:"HTMLDivElement"}]},name:"evt"}],return:{name:"void"}}},description:""},groupOrder:{required:!1,tsType:{name:"union",raw:"TGroupOrder | string",elements:[{name:"union",raw:"'first' | 'middle' | 'last'",elements:[{name:"literal",value:"'first'"},{name:"literal",value:"'middle'"},{name:"literal",value:"'last'"}]},{name:"string"}]},description:""},maxTooltipWidth:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},placeholder:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""},right:{required:!1,tsType:{name:"boolean"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};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 De={options:["none","clearAll"],currentIndex:0,currentOption:!1,clearAll:!1},bt=e=>e!==null?e+1:0,ke=(e,n)=>{const r=["none",...e.map((s,g)=>s.type!==se.HEADING?g:null).filter(s=>s!==null)],a=bt(n);return{options:r,currentIndex:a,current:r[a]}},It=(e,n)=>{const r=e==="up"?-1:1,a=n.currentIndex+r,s=(a<0?n.options.length-1:a)%n.options.length,g=n.options[s];return{...n,currentIndex:s,current:g}},Et=(e,n,r)=>{const a=e==="left"?-1:1,s=n&&n.length?["none",...Array.from({length:n.length},(d,T)=>T),"clearAll"]:["none","clearAll"],g=r.currentIndex+a,S=(g<0?s.length-1:g)%s.length,u=s[S];return{options:s,currentIndex:S,currentOption:u,clearAll:u==="clearAll"}},be=()=>De,Ie=e=>({...e,currentIndex:0,current:"none"}),Ot=(e,n)=>{switch(n.type){case W.SET_VISIBLE_OPTIONS:return{...e,visibleOptions:n.options||[]};case W.RESET_LAYER_FOCUS:return{...e,layerFocus:ke(n.options||[],n.firstSelectedOptionIndex||0)};case W.CLEAR_SEARCH:return{...e,visibleOptions:n.options||[],searchValue:""};case W.ON_CHANGE_SEARCH:{let a=[...(n.options||[]).filter(s=>(String(s.label)+(s.details?String(s.details):"")).toLowerCase().includes(String(n.value||"").toLowerCase()))];return n.createAble&&n.value&&n.value!==""&&a.push({label:`Create "${n.value}"`,value:n.value,createAble:!0}),{...e,searchValue:n.value,visibleOptions:a,layerFocus:Ie(e.layerFocus)}}case W.FOCUS_TRIGGER_INPUTS:return{...e,triggerFocus:Et(n.direction||"right",n.selectedOptions||[],e.triggerFocus),layerFocus:Ie(e.layerFocus)};case W.BLUR_TRIGGER_INPUTS:return{...e,triggerFocus:be()};case W.FOCUS_LAYER_OPTIONS:return n.nextLayerFocus?{...e,layerFocus:n.nextLayerFocus,triggerFocus:be()}:e;case W.OPEN_LAYER:return{...e,isLayerOpen:!0};case W.CLOSE_LAYER:return{...e,isLayerOpen:!1};default:return e}},wt={auto:!0,possiblePlacements:["bottom-start","top-start"],placement:"bottom-start",preferX:"right",preferY:"bottom"},Lt=({state:e,dispatch:n,options:r,setTriggerFocus:a,disabled:s,disabledContext:g,onCreate:S,onChange:u,selectedOptions:c,width:d,small:T,isFontLoaded:m,placeholder:_,firstSelectedOptionIndex:E,createAble:v,listRef:t,autoLayerWidth:i})=>{const l=()=>{e.isLayerOpen&&n({type:P.CLOSE_LAYER}),a()},p=()=>n({type:P.OPEN_LAYER}),y=x.useRef(!0);x.useEffect(()=>{y.current?y.current=!1:n({type:P.SET_VISIBLE_OPTIONS,options:r})},[r]);const I=(b,w,Q)=>{if(!(s||g)){if(Q&&Q(),w){if(w.createAble&&S)S(w.value);else if(!w.disabled)if(Array.isArray(c))if(c.some(K=>K.label===w.label)){const K=c.filter(fe=>fe.label!==w.label);u&&u(b,K)}else{const K=[...c,w];u&&u(b,K)}else u&&u(b,w)}n({type:P.CLEAR_SEARCH,options:r}),a()}},f=x.useCallback(()=>d?d!=="auto"?d:_e(r,T,m,_):"100%",[r,m]),h=x.useCallback(b=>i?Math.max(_e(r,T,m,_),b==null?void 0:b.width):b==null?void 0:b.width,[r,m]),{renderLayer:O,layerProps:N,triggerProps:C,triggerBounds:R}=ze({isOpen:(e==null?void 0:e.isLayerOpen)??!1,overflowContainer:!0,...wt,ResizeObserver,onOutsideClick:l,onParentClose:l}),q=()=>{if(!(s||g)){if(e.isLayerOpen){l();return}n({type:P.RESET_LAYER_FOCUS,options:r,firstSelectedOptionIndex:E}),p()}},M=x.useRef(!0);x.useEffect(()=>{M.current?M.current=!1:e.isLayerOpen||n({type:P.CLEAR_SEARCH,options:r})},[e.isLayerOpen]);const A=(b,w)=>{const Q=c instanceof Array?c.filter(Y=>Y.value!==w.value):null;u&&u(b,Q)},F=b=>{const w=c instanceof Array?[]:{value:null};u&&u(b,w)},$=b=>n({type:P.ON_CHANGE_SEARCH,options:r,value:b,createAble:v}),V=()=>{p(),n({type:P.BLUR_TRIGGER_INPUTS})},U=b=>{t.current&&Number.isInteger(b)&&t.current.scrollToItem(b)},j=b=>{const w=It(b,e.layerFocus);n({type:P.FOCUS_LAYER_OPTIONS,nextLayerFocus:w}),U(w.current)},D=b=>{n({type:P.FOCUS_TRIGGER_INPUTS,ICustomSelectDirection:b,selectedOptions:c})},Z=b=>F(b),te=c&&c[e.triggerFocus.currentOption],re=b=>{A(b,c[e.triggerFocus.currentOption])},X=b=>{var w;I(b,(w=e==null?void 0:e.visibleOptions)==null?void 0:w[e.layerFocus.current],l)},k=e.triggerFocus.clearAll;return{getTriggerWidth:f,onKeyEvent:(b,w)=>{switch(b){case B.UP:{j(b);break}case B.DOWN:{e.isLayerOpen?j(b):V();break}case B.LEFT:case B.RIGHT:{D(b);break}case B.ENTER:{k?Z(w):te?re(w):X(w);break}case B.ESC:{l();break}}},clearAllIsFocused:k,triggerProps:C,onClickTrigger:q,onChangeSearch:$,onClickDeselectOption:A,onClickClearAll:F,renderLayer:O,layerProps:N,closeLayer:l,onSelectOption:I,getLayerWidth:h,triggerBounds:R}},Pe=e=>{const{multi:n=!1,disabled:r=!1,error:a=null,warning:s=null,tooltip:g=null,options:S,selectedOptions:u,onCreate:c=null,placeholder:d="",small:T=!1,tabIndex:m=0,onFocus:_=()=>{},onBlur:E=()=>{},searchable:v=!0,clearable:t=!1,maxTooltipWidth:i,closeOnOptionActionClick:l,isInTable:p=!1,groupOrder:y,firstSelectedOptionIndex:I=0,right:f=!1,testId:h=void 0}=e,O=x.useContext(me),N=c!==null,C=x.useRef(null),[R,q]=we(),M=Le(),[A,F]=x.useReducer(Ot,{options:S,firstSelectedOptionIndex:I},({options:Y})=>({searchValue:"",visibleOptions:Y,layerFocus:ke(Y,I??0),triggerFocus:De,isLayerOpen:!1})),{getTriggerWidth:$,onKeyEvent:V,clearAllIsFocused:U,triggerProps:j,onClickTrigger:D,onChangeSearch:Z,onClickDeselectOption:te,onClickClearAll:re,renderLayer:X,layerProps:k,closeLayer:J,onSelectOption:b,getLayerWidth:w,triggerBounds:Q}=Lt({...e,state:A,dispatch:F,setTriggerFocus:q,disabledContext:O,isFontLoaded:M,createAble:N,listRef:C});return o.jsx("div",{style:{width:$()},children:o.jsxs(Ge,{handleKeys:Object.values(B),onKeyEvent:V,children:[o.jsx(je,{selectedOptions:u,searchValue:A.searchValue,isOpen:A.isLayerOpen,focusedSelectedOptionIndex:A.triggerFocus.currentOption,clearAllIsFocused:U,searchable:v,triggerRef:We(R,j.ref),error:a,warning:s,tooltip:g,small:T,isInTable:p,disabled:r||O,clearable:t,tabIndex:m,onClickTrigger:D,onChangeSearch:Z,onClickDeselect:te,onClickClear:re,onFocus:_,onBlur:E,groupOrder:y,maxTooltipWidth:i,placeholder:d,right:f,testId:h}),A.isLayerOpen&&X(o.jsx("div",{...k,className:H.layerContainer,children:o.jsx(Ae,{listRef:C,isMulti:n,sections:A.visibleOptions,selectedOptions:u,onSelectOption:(Y,K)=>{b(Y,K,n?void 0:J)},closeLayer:()=>{l&&J()},width:w(Q),small:T,focusedOptionIndex:A.layerFocus.current,firstSelectedOptionIndex:I??0,testId:h&&`${h}-layer`})}))]})})};Pe.__docgenInfo={description:"",methods:[],displayName:"CustomSelect",props:{multi:{required:!1,tsType:{name:"boolean"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},error:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactNode"}]},description:""},warning:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactNode"}]},description:""},tooltip:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactNode"}]},description:""},options:{required:!0,tsType:{name:"Array",elements:[{name:"union",raw:"ISelectSelectedOption | Heading",elements:[{name:"ISelectSelectedOption"},{name:"Heading"}]}],raw:"TCustomSelectSelectOption[]"},description:""},selectedOptions:{required:!0,tsType:{name:"union",raw:"ISelectSelectedOption | ISelectSelectedOption[]",elements:[{name:"ISelectSelectedOption"},{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"}]},description:""},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:`(
38
- event: TChangeEvent<T>,
39
- ...additionalProps: { [key: string]: any }[]
40
- ) => void`,signature:{arguments:[{type:{name:"intersection",raw:`ChangeEvent<T> & {
41
- target:
42
- | T
43
- | { name: string; value: any; label?: string; files?: FileList | null };
44
- }`,elements:[{name:"ChangeEvent",elements:[{name:"T"}],raw:"ChangeEvent<T>"},{name:"signature",type:"object",raw:`{
45
- target:
46
- | T
47
- | { name: string; value: any; label?: string; files?: FileList | null };
48
- }`,signature:{properties:[{key:"target",value:{name:"union",raw:`| T
49
- | { name: string; value: any; label?: string; files?: FileList | null }`,elements:[{name:"T"},{name:"signature",type:"object",raw:"{ name: string; value: any; label?: string; files?: FileList | null }",signature:{properties:[{key:"name",value:{name:"string",required:!0}},{key:"value",value:{name:"any",required:!0}},{key:"label",value:{name:"string",required:!1}},{key:"files",value:{name:"union",raw:"FileList | null",elements:[{name:"FileList"},{name:"null"}],required:!1}}]}}],required:!0}}]}}]},name:"event"},{type:{name:"Array",elements:[{name:"signature",type:"object",raw:"{ [key: string]: any }",signature:{properties:[{key:{name:"string"},value:{name:"any",required:!0}}]}}],raw:"{ [key: string]: any }[]"},name:"additionalProps",rest:!0}],return:{name:"void"}}},description:""},onCreate:{required:!1,tsType:{name:"signature",type:"function",raw:"(value: string) => void",signature:{arguments:[{type:{name:"string"},name:"value"}],return:{name:"void"}}},description:""},placeholder:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""},small:{required:!1,tsType:{name:"boolean"},description:""},tabIndex:{required:!1,tsType:{name:"number"},description:""},width:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | null",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"null"}]},description:""},autoLayerWidth:{required:!1,tsType:{name:"boolean"},description:""},onFocus:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},onBlur:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},searchable:{required:!1,tsType:{name:"boolean"},description:""},clearable:{required:!1,tsType:{name:"boolean"},description:""},isInTable:{required:!1,tsType:{name:"boolean"},description:""},groupOrder:{required:!1,tsType:{name:"union",raw:"TGroupOrder | string",elements:[{name:"union",raw:"'first' | 'middle' | 'last'",elements:[{name:"literal",value:"'first'"},{name:"literal",value:"'middle'"},{name:"literal",value:"'last'"}]},{name:"string"}]},description:""},firstSelectedOptionIndex:{required:!0,tsType:{name:"union",raw:"number | null",elements:[{name:"number"},{name:"null"}]},description:""},right:{required:!1,tsType:{name:"boolean"},description:""},maxTooltipWidth:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},closeOnOptionActionClick:{required:!1,tsType:{name:"boolean"},description:""},testId:{required:!1,tsType:{name:"union",raw:"string | undefined",elements:[{name:"string"},{name:"undefined"}]},description:""}}};const Rt=e=>{const{name:n="",options:r=[],value:a,native:s=!1,onChange:g=ae.noop,deprecatedEventHandler:S=!1,autoScroll:u=!0,warning:c,error:d,checkNonExistentValues:T=!0,closeOnOptionActionClick:m=!0,testId:_,disabled:E}=e,v=!s&&u===!0,{multi:t,simpleInputs:i,options:l,selectedOptions:p,firstSelectedOptionIndex:y,hasNonExistentValue:I}=Ye(r,a,v,T),f=!t,h=s&&f;s&&!f&&console.warn("Native select does not support provided props (see stories)");const O="Value no longer available for re-selection",N=I&&!E?c?o.jsxs("div",{children:[o.jsx("div",{children:O}),o.jsx("div",{children:c})]}):O:c,C=I&&d&&!E?o.jsxs("div",{children:[o.jsx("div",{children:O}),o.jsx("div",{children:d})]}):d,R=(q,M)=>{if(S){const A=t?M.map(F=>i?F.value:F):i?M.value:M;A&&g(A)}else{const A=!(q instanceof Event),F=t?M:M.value;if(A)q.target.name=n,q.target.value=F,t||(q.target.label=M.label),g(q);else{const $={...q,target:{...q.target,name:n,value:F,label:t?void 0:M.label}};g($)}}};return h?o.jsx(Oe,{...e,options:l,selectedOption:p,onChange:R,hasNonExistentValue:I,warning:N,error:C,testId:_}):o.jsx(Pe,{...e,options:l,selectedOptions:p,onChange:R,multi:t,firstSelectedOptionIndex:y,warning:N,error:C,testId:_,closeOnOptionActionClick:m})};Rt.__docgenInfo={description:"",methods:[],displayName:"Select",props:{name:{required:!1,tsType:{name:"string"},description:""},multi:{required:!1,tsType:{name:"boolean"},description:""},options:{required:!1,tsType:{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"},description:""},value:{required:!1,tsType:{name:"any"},description:""},native:{required:!1,tsType:{name:"boolean"},description:""},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:`(
50
- event: TChangeEvent<T>,
51
- ...additionalProps: { [key: string]: any }[]
52
- ) => void`,signature:{arguments:[{type:{name:"intersection",raw:`ChangeEvent<T> & {
53
- target:
54
- | T
55
- | { name: string; value: any; label?: string; files?: FileList | null };
56
- }`,elements:[{name:"ChangeEvent",elements:[{name:"T"}],raw:"ChangeEvent<T>"},{name:"signature",type:"object",raw:`{
57
- target:
58
- | T
59
- | { name: string; value: any; label?: string; files?: FileList | null };
60
- }`,signature:{properties:[{key:"target",value:{name:"union",raw:`| T
61
- | { name: string; value: any; label?: string; files?: FileList | null }`,elements:[{name:"T"},{name:"signature",type:"object",raw:"{ name: string; value: any; label?: string; files?: FileList | null }",signature:{properties:[{key:"name",value:{name:"string",required:!0}},{key:"value",value:{name:"any",required:!0}},{key:"label",value:{name:"string",required:!1}},{key:"files",value:{name:"union",raw:"FileList | null",elements:[{name:"FileList"},{name:"null"}],required:!1}}]}}],required:!0}}]}}]},name:"event"},{type:{name:"Array",elements:[{name:"signature",type:"object",raw:"{ [key: string]: any }",signature:{properties:[{key:{name:"string"},value:{name:"any",required:!0}}]}}],raw:"{ [key: string]: any }[]"},name:"additionalProps",rest:!0}],return:{name:"void"}}},description:""},deprecatedEventHandler:{required:!1,tsType:{name:"boolean"},description:""},autoScroll:{required:!1,tsType:{name:"boolean"},description:""},warning:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactNode"}]},description:""},error:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactNode"}]},description:""},checkNonExistentValues:{required:!1,tsType:{name:"boolean"},description:""},closeOnOptionActionClick:{required:!1,tsType:{name:"boolean"},description:""},small:{required:!1,tsType:{name:"boolean"},description:""},width:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | null",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"null"}]},description:""},borderRadius:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},onCreate:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: any) => any",signature:{arguments:[{type:{name:"any"},name:"evt"}],return:{name:"any"}}},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},placeholder:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""},isInTable:{required:!1,tsType:{name:"boolean"},description:""},clearable:{required:!1,tsType:{name:"boolean"},description:""},searchable:{required:!1,tsType:{name:"boolean"},description:""},maxTooltipWidth:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},autoLayerWidth:{required:!1,tsType:{name:"boolean"},description:""},right:{required:!1,tsType:{name:"boolean"},description:""},tabIndex:{required:!1,tsType:{name:"number"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};export{Rt as S};
@@ -1 +0,0 @@
1
- ._inputInTable_1nzfr_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_1nzfr_1:not(:hover):not(._error_1nzfr_7):not(._warning_1nzfr_7){border-color:transparent}._inputInTable_1nzfr_1:not(:focus){box-shadow:none}._inputHover_1nzfr_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_1nzfr_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_1nzfr_25,._inputWarning_1nzfr_26{position:relative}._inputError_1nzfr_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._inputError_1nzfr_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_1nzfr_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_1nzfr_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._inputWarning_1nzfr_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_1nzfr_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_1nzfr_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_1nzfr_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_1nzfr_67::-webkit-scrollbar{display:none}._select_1nzfr_77{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;display:inline-block;width:100%;padding:var(--padding-input);padding-right:calc(var(--padding-input-x) + var(--font-size) + var(--padding-xxs));color:var(--color-text);vertical-align:middle;background:var(--color-background-input) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.75' stroke='rgb(63, 63, 51)' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M6 9l6 6l6 -6' /%3E%3C/svg%3E") no-repeat right var(--padding-xs) center;background-size:var(--font-size);border:1px solid var(--color-border);border-radius:var(--border-radius);height:var(--size);box-shadow:var(--shadow-button)}[data-theme=dark] ._select_1nzfr_77{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.75' stroke='rgb(215, 215, 206)' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M6 9l6 6l6 -6' /%3E%3C/svg%3E")}._select_1nzfr_77 option{background:var(--color-background-layer);color:var(--color-text)}._select_1nzfr_77 option:focus{background-color:var(--color-background-listitem-active)}._select_1nzfr_77:-moz-focusring{color:transparent!important;text-shadow:0 0 0 #000!important}._select_1nzfr_77:hover{position:relative;border-color:var(--color-border-hover);z-index:2;cursor:pointer}._select_1nzfr_77:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._select_1nzfr_77._isInTable_1nzfr_121{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._select_1nzfr_77._isInTable_1nzfr_121:not(:hover):not(._error_1nzfr_7):not(._warning_1nzfr_7){border-color:transparent}._select_1nzfr_77._isInTable_1nzfr_121:not(:focus){box-shadow:none}._select_1nzfr_77._unSelected_1nzfr_133{color:var(--color-text-placeholder)!important}._select_1nzfr_77._unSelected_1nzfr_133:-moz-focusring{color:transparent!important;text-shadow:0 0 0 #000!important}._select_1nzfr_77._error_1nzfr_7{position:relative;z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._select_1nzfr_77._error_1nzfr_7:hover{border-color:var(--color-border-error-hover)!important}._select_1nzfr_77._error_1nzfr_7:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._select_1nzfr_77._warning_1nzfr_7{position:relative;z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._select_1nzfr_77._warning_1nzfr_7:hover{border-color:var(--color-border-warning-hover)!important}._select_1nzfr_77._warning_1nzfr_7:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._select_1nzfr_77._small_1nzfr_174{font-size:var(--font-size-sm);height:var(--size-sm);padding:var(--padding-input-sm);background-size:var(--font-size-sm);background-position:right var(--padding-xxs) center;padding-right:calc(var(--padding-input-sm-x) + var(--font-size-sm) + var(--padding-xxs))}._select_1nzfr_77._right_1nzfr_182{text-align:right;text-align-last:right}._select_1nzfr_77[disabled]{opacity:1;pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._groupOrderFirst_1nzfr_193,._groupOrderMiddle_1nzfr_194{border-top-right-radius:0!important;border-bottom-right-radius:0!important}._groupOrderLast_1nzfr_198,._groupOrderMiddle_1nzfr_194{border-top-left-radius:0!important;border-bottom-left-radius:0!important}._layerContainer_1lbvo_1{z-index:var(--zindex-dropdown)}._layer_1lbvo_1{border:1px solid var(--color-border);border-radius:var(--border-radius);overflow:hidden;margin:2px -1px 0;background:var(--color-background-layer);box-shadow:var(--shadow-layer);position:relative;font-size:var(--font-size)}._layer_1lbvo_1 ul{margin:0;padding:0;list-style-type:none}._layer_1lbvo_1 ul li{list-style:none;display:block}._layer_1lbvo_1._small_1lbvo_23{font-size:var(--font-size-sm)}._heading_1lbvo_26,._option_1lbvo_27,._message_1lbvo_28{padding:var(--padding-input);padding-right:0}._small_1lbvo_23 ._heading_1lbvo_26,._small_1lbvo_23 ._option_1lbvo_27,._small_1lbvo_23 ._message_1lbvo_28{padding:var(--padding-input-sm);padding-right:0}._heading_1lbvo_26{color:var(--color-text-muted);letter-spacing:var(--letter-spacing-wide);font-weight:700;text-transform:uppercase;max-width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._small_1lbvo_23 ._heading_1lbvo_26{font-size:var(--font-size-sm)}._message_1lbvo_28{color:var(--color-text-faint)}._option_1lbvo_27{line-height:var(--line-height);display:flex;align-items:center;padding-top:0;padding-bottom:0;height:100%;cursor:pointer}._option_1lbvo_27._focused_1lbvo_64,._option_1lbvo_27:hover{background-color:var(--color-background-listitem-hover)}._option_1lbvo_27._selected_1lbvo_68{background-color:var(--color-background-listitem-active)}._option_1lbvo_27._disabled_1lbvo_71{opacity:.2;cursor:inherit}._option_1lbvo_27 ._check_1lbvo_75{color:var(--color-text);font-size:var(--font-size);width:var(--size);height:var(--size);display:flex;justify-content:center;align-items:center;flex-shrink:0}._small_1lbvo_23 ._option_1lbvo_27 ._check_1lbvo_75{width:var(--size-sm);height:var(--size-sm)}._option_1lbvo_27 ._check_1lbvo_75 svg{display:block}._option_1lbvo_27 ._optionContent_1lbvo_92{flex-wrap:wrap;margin-right:auto;overflow:hidden}._option_1lbvo_27 ._optionContent_1lbvo_92 ._label_1lbvo_97{max-width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._option_1lbvo_27 ._optionContent_1lbvo_92 ._icon_1lbvo_104{display:inline-flex;margin-left:var(--padding-xxs);line-height:0}._details_1lbvo_109{float:right;display:inline;white-space:nowrap}._inputInTable_nec64_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_nec64_1:not(:hover):not(._error_nec64_7):not(._warning_nec64_7){border-color:transparent}._inputInTable_nec64_1:not(:focus){box-shadow:none}._inputHover_nec64_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_nec64_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_nec64_25,._inputWarning_nec64_26{position:relative}._inputError_nec64_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._inputError_nec64_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_nec64_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_nec64_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._inputWarning_nec64_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_nec64_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_nec64_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_nec64_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_nec64_67::-webkit-scrollbar{display:none}._trigger_nec64_77{font-weight:400;display:flex;align-items:center;border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-background-input);height:var(--size);position:relative;padding-left:var(--padding-input-x);box-shadow:var(--shadow-button)}._trigger_nec64_77 input{border:none!important;background:transparent!important}._trigger_nec64_77._isInTable_nec64_93{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._trigger_nec64_77._isInTable_nec64_93:not(:hover):not(._error_nec64_7):not(._warning_nec64_7){border-color:transparent}._trigger_nec64_77._isInTable_nec64_93:not(:focus){box-shadow:none}._trigger_nec64_77._isInTable_nec64_93 ._input_nec64_1{background:transparent!important}._trigger_nec64_77:hover{position:relative;border-color:var(--color-border-hover);z-index:2;cursor:pointer}._trigger_nec64_77._isOpen_nec64_114,._trigger_nec64_77:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._trigger_nec64_77._error_nec64_7{position:relative;z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._trigger_nec64_77._error_nec64_7:hover{border-color:var(--color-border-error-hover)!important}._trigger_nec64_77._error_nec64_7:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._trigger_nec64_77._warning_nec64_7{position:relative;z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._trigger_nec64_77._warning_nec64_7:hover{border-color:var(--color-border-warning-hover)!important}._trigger_nec64_77._warning_nec64_7:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._trigger_nec64_77._disabled_nec64_156{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._icons_nec64_162{display:flex;flex-wrap:nowrap;flex-shrink:0;position:relative;z-index:2}._icons_nec64_162 ._clearAll_nec64_169,._icons_nec64_162 ._iconOpen_nec64_170{width:calc((var(--size) + var(--font-size)) / 2);height:var(--size);display:flex;justify-content:flex-start;align-items:center}._disabled_nec64_156 ._icons_nec64_162 ._clearAll_nec64_169,._disabled_nec64_156 ._icons_nec64_162 ._iconOpen_nec64_170{color:var(--color-text-faint)}._small_nec64_181 ._icons_nec64_162 ._clearAll_nec64_169,._small_nec64_181 ._icons_nec64_162 ._iconOpen_nec64_170{width:calc((var(--size-sm) + var(--font-size-sm)) / 2);height:var(--size-sm)}._icons_nec64_162 ._clearAll_nec64_169:hover{color:var(--color-text-primary)}._triggerInputContainer_nec64_189{display:flex;align-items:center;position:relative;z-index:1;flex-grow:1;min-width:0;margin-right:4px}._right_nec64_198 ._triggerInputContainer_nec64_189{justify-content:flex-end;text-align:right}._right_nec64_198 ._triggerInputContainer_nec64_189 input{padding-right:0;padding-left:0;text-align:right;width:0}._right_nec64_198 ._triggerInputContainer_nec64_189 input:focus{width:auto}._multiOptions_nec64_211{display:flex;overflow:hidden;margin-left:calc((var(--padding-xxs) * -1) - 2px)}._multiOptions_nec64_211:empty{display:none!important}._multiOptions_nec64_211 ._multiOption_nec64_211{-webkit-user-select:none;user-select:none;pointer-events:none;display:inline-flex;align-items:center;border:1px solid var(--color-border);background-color:var(--color-background);padding:0 var(--padding-xxs);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);height:calc(var(--size) - 6px);color:var(--color-text-muted);max-width:100%;min-width:0;flex-shrink:0;margin-right:2px}._small_nec64_181 ._multiOptions_nec64_211 ._multiOption_nec64_211{height:calc(var(--size-sm) - 6px)}._multiOptions_nec64_211 ._multiOption_nec64_211 ._label_nec64_239{white-space:nowrap}._multiOptions_nec64_211 ._multiOption_nec64_211 ._closeMultiOption_nec64_242{flex-shrink:0;display:flex;align-items:center;justify-content:center;height:100%;width:var(--size-sm);opacity:.25;aspect-ratio:1}._multiOptions_nec64_211 ._multiOption_nec64_211 ._closeMultiOption_nec64_242:hover,._multiOptions_nec64_211 ._multiOption_nec64_211 ._closeMultiOption_nec64_242._focus_nec64_253{opacity:1;outline:0}._selectedSingleValue_nec64_257,._placeHolder_nec64_258{line-height:calc(var(--size) - 2px);right:0;left:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;position:absolute}._placeHolder_nec64_258{color:var(--color-text-placeholder)}._input_nec64_1{font-family:var(--font-family);background-color:transparent;border:none;color:var(--color-text);padding:0;width:0}._input_nec64_1._error_nec64_7{color:var(--color-text-error)!important}._input_nec64_1:focus{outline:none;width:auto}._small_nec64_181{height:var(--size-sm);font-size:var(--font-size-sm);padding-left:var(--padding-input-sm-x)}._small_nec64_181 ._selectedSingleValue_nec64_257,._small_nec64_181 ._placeHolder_nec64_258,._small_nec64_181 ._input_nec64_1{height:calc(var(--size-sm) - 2px);line-height:calc(var(--size-sm) - 2px)}._groupOrderFirst_nec64_297,._groupOrderMiddle_nec64_298{border-top-right-radius:0!important;border-bottom-right-radius:0!important}._groupOrderLast_nec64_302,._groupOrderMiddle_nec64_298{border-top-left-radius:0!important;border-bottom-left-radius:0!important}._detailedLabel_nec64_307{width:100%}._detailedLabel_nec64_307 :first-child{float:left;position:absolute;padding-right:var(--padding-xxs)}._detailedLabel_nec64_307 :last-child{float:right}