@oliasoft-open-source/react-ui-library 4.7.7 → 4.7.8-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-DCeIsyRy.js → index-B2uOOxtJ.js} +1125 -999
  2. package/dist/assets/{index-Oe0PlEED.css → index-BpSdrNXy.css} +316 -316
  3. package/dist/index.html +1 -1
  4. package/dist/index.js +7 -0
  5. package/dist/index.js.map +1 -1
  6. package/dist/storybook/assets/{Color-KGDBMAHA-B09ajdpG.js → Color-KGDBMAHA-DpR5uFO5.js} +1 -1
  7. package/dist/storybook/assets/{DocsRenderer-PKQXORMH-B1FePHEE.js → DocsRenderer-PKQXORMH-B6MH61AH.js} +1 -1
  8. package/dist/storybook/assets/{accordion.stories-wRr6K6oi.js → accordion.stories-CQnBN3c-.js} +1 -1
  9. package/dist/storybook/assets/{actions-CHgr8eL8.js → actions-B-KaMy86.js} +1 -1
  10. package/dist/storybook/assets/{actions.stories-CCDxFKFk.js → actions.stories-0QucBdvR.js} +1 -1
  11. package/dist/storybook/assets/{afe.stories-80-X2oCf.js → afe.stories-BLazOV5O.js} +1 -1
  12. package/dist/storybook/assets/{badge.stories-D5DA-vxC.js → badge.stories-BfzclMwL.js} +1 -1
  13. package/dist/storybook/assets/{blowout.stories-ES-Fuaqn.js → blowout.stories-BzyDpAFh.js} +1 -1
  14. package/dist/storybook/assets/button-fAxt_G4d.css +1 -0
  15. package/dist/storybook/assets/{button-group-CwJdFo2z.js → button-group-BWm0fImX.js} +1 -1
  16. package/dist/storybook/assets/{button-group.stories-DU5k5qCY.js → button-group.stories-UzL8Rsdd.js} +1 -1
  17. package/dist/storybook/assets/button-kgPRviUL.js +1 -0
  18. package/dist/storybook/assets/{button.stories-DVtec2Eo.js → button.stories-C7sh19Zp.js} +1 -1
  19. package/dist/storybook/assets/{buttons-and-links-DrDYbdOk.js → buttons-and-links-DYIhOGVX.js} +2 -2
  20. package/dist/storybook/assets/{casing-loads.stories-BXcv0FiI.js → casing-loads.stories-Dm_vS7PB.js} +1 -1
  21. package/dist/storybook/assets/{cell.stories-MhANINNu.js → cell.stories-C5Y7g7zh.js} +1 -1
  22. package/dist/storybook/assets/{chunk-HLWAVYOI-3IbBqp3W.js → chunk-HLWAVYOI-BNSvDNcU.js} +1 -1
  23. package/dist/storybook/assets/{color-DqVXeBjc.js → color-7xFSipNl.js} +2 -2
  24. package/dist/storybook/assets/{column.stories-BxfR9Tla.js → column.stories-DDTHFELF.js} +1 -1
  25. package/dist/storybook/assets/{dialog-Di8hNunM.js → dialog-OKqVW3Np.js} +1 -1
  26. package/dist/storybook/assets/drawer-BJ2m_mJk.js +3 -0
  27. package/dist/storybook/assets/drawer-DhrjYsQu.css +1 -0
  28. package/dist/storybook/assets/{drawer.stories-B-PsNJJ6.js → drawer.stories-mFNpjCH9.js} +1 -1
  29. package/dist/storybook/assets/{empty.stories-BVYXwvpa.js → empty.stories-DDYvxBwV.js} +1 -1
  30. package/dist/storybook/assets/{field.stories-B9p9nBgY.js → field.stories-BBqJzdkf.js} +1 -1
  31. package/dist/storybook/assets/{file-button.stories-FOaiNPt-.js → file-button.stories-Bs2Pxt4H.js} +1 -1
  32. package/dist/storybook/assets/{file-input-BpMtsZ2S.js → file-input-DF5MV4Ht.js} +1 -1
  33. package/dist/storybook/assets/{file-input.stories-Jrdw5k-s.js → file-input.stories-TDwXvcE0.js} +1 -1
  34. package/dist/storybook/assets/{flex.stories-BEXf0VqI.js → flex.stories-DBeXsenx.js} +1 -1
  35. package/dist/storybook/assets/{footer.stories-CGHFDUfT.js → footer.stories-DWHZZjiM.js} +1 -1
  36. package/dist/storybook/assets/{form.stories-C1Qx3M_1.js → form.stories-DJOs_h5K.js} +1 -1
  37. package/dist/storybook/assets/{formation.stories-BEowxQZ-.js → formation.stories-C4fb2S1i.js} +1 -1
  38. package/dist/storybook/assets/{grid-B6LFPf51.js → grid-DRkC-bt8.js} +1 -1
  39. package/dist/storybook/assets/{grid.stories-BhjMGl59.js → grid.stories-DqjhHHwX.js} +1 -1
  40. package/dist/storybook/assets/{icon.stories-C1hZXIMX.js → icon.stories-fnZUR-LK.js} +1 -1
  41. package/dist/storybook/assets/{iframe-0oHxQxyh.js → iframe-BU_I1db1.js} +2 -2
  42. package/dist/storybook/assets/{index-iPmJVpyV.js → index-CM4hTxj3.js} +1 -1
  43. package/dist/storybook/assets/{index-Dx_aqqZM.js → index-CsM3zQRV.js} +95 -95
  44. package/dist/storybook/assets/index-DaLCDjg_.js +14 -0
  45. package/dist/storybook/assets/input-DD7t4kHm.css +1 -0
  46. package/dist/storybook/assets/input-DFNY9YDm.js +1 -0
  47. package/dist/storybook/assets/{input-group.stories-44quIZTV.js → input-group.stories-bmCjov4W.js} +1 -1
  48. package/dist/storybook/assets/{input-validation-CregAhZZ.js → input-validation-BB4l8snm.js} +1 -1
  49. package/dist/storybook/assets/{input.stories-BruLeJ44.js → input.stories-EZ7qJt4K.js} +1 -1
  50. package/dist/storybook/assets/{inputs-DZn0C_9Y.js → inputs-80PxcbVR.js} +1 -1
  51. package/dist/storybook/assets/{layout-forms-zjNDNCOQ.js → layout-forms-BCe8BOb4.js} +1 -1
  52. package/dist/storybook/assets/{layout-general-_85zGG_p.js → layout-general-5Un7lfT-.js} +1 -1
  53. package/dist/storybook/assets/{list-yVTOdmpX.js → list-B44UGuAn.js} +1 -1
  54. package/dist/storybook/assets/{list.stories-ChqQXY5M.js → list.stories-C2CqtSs9.js} +1 -1
  55. package/dist/storybook/assets/{list.stories-data-Iq66w9oH.js → list.stories-data-ltVdQHBq.js} +1 -1
  56. package/dist/storybook/assets/{loader.stories-DM7ZJBgz.js → loader.stories-UXvpup_C.js} +1 -1
  57. package/dist/storybook/assets/{menu.stories-mt3LwVCk.js → menu.stories-DlIqr_2d.js} +1 -1
  58. package/dist/storybook/assets/message-Cl3kn7ZD.css +1 -0
  59. package/dist/storybook/assets/message-Y48EomV-.js +1 -0
  60. package/dist/storybook/assets/{message.stories-K3bQ-5bJ.js → message.stories-B26-7Hy3.js} +1 -1
  61. package/dist/storybook/assets/meta-content-B6Hd3SEO.js +9 -0
  62. package/dist/storybook/assets/meta-content-DnZPPeTF.css +1 -0
  63. package/dist/storybook/assets/{modal.stories-Cct1SMOP.js → modal.stories-BCr3l8ig.js} +1 -1
  64. package/dist/storybook/assets/{number-input-uQOVHv2N.js → number-input-B6I6KkcP.js} +1 -1
  65. package/dist/storybook/assets/number-input.stories-DbHM32XI.js +107 -0
  66. package/dist/storybook/assets/{option-dropdown.stories-CoLsSS95.js → option-dropdown.stories-D084pZKJ.js} +1 -1
  67. package/dist/storybook/assets/{padding-and-spacing-CPgb4ZMT.js → padding-and-spacing-Cl2UXS7W.js} +1 -1
  68. package/dist/storybook/assets/{page.stories-Cse3cMsO.js → page.stories-6eeuJkzD.js} +1 -1
  69. package/dist/storybook/assets/{pagination-iSMIbR33.js → pagination-C_0Lfz0Y.js} +1 -1
  70. package/dist/storybook/assets/{pagination.stories-BUPaZD5R.js → pagination.stories-DvMkTj1z.js} +1 -1
  71. package/dist/storybook/assets/{pop-confirm.stories-Dhid1FK8.js → pop-confirm.stories-Do64y_r4.js} +1 -1
  72. package/dist/storybook/assets/{popover-CzZdWNnB.js → popover-IH58FliU.js} +1 -1
  73. package/dist/storybook/assets/{popover.stories-Duemqiqp.js → popover.stories-BzD7x3ao.js} +1 -1
  74. package/dist/storybook/assets/{preview-Bay6IiqP.js → preview-BEG33Q1N.js} +1 -1
  75. package/dist/storybook/assets/{preview-DrVrew0c.js → preview-Cj6YVsXb.js} +2 -2
  76. package/dist/storybook/assets/{projects.stories-DU-QlBa6.js → projects.stories-D4s4oX-e.js} +1 -1
  77. package/dist/storybook/assets/{reservoirs.stories-aSZ9r1Pu.js → reservoirs.stories-C_ygapwp.js} +1 -1
  78. package/dist/storybook/assets/{rich-text-input-DPMWElGY.css → rich-text-input-dDjxXFl-.css} +1 -1
  79. package/dist/storybook/assets/rich-text-input.stories-KYizJ77A.js +256 -0
  80. package/dist/storybook/assets/{row-4iAGREkV.js → row-Bmiy2Lh0.js} +1 -1
  81. package/dist/storybook/assets/{row.stories-DL2h5FzP.js → row.stories-BlGnjdju.js} +1 -1
  82. package/dist/storybook/assets/select-BFv5KuOX.js +40 -0
  83. package/dist/storybook/assets/select-H-9tdhwc.css +1 -0
  84. package/dist/storybook/assets/{select.stories-BZFdXGPs.js → select.stories-Bwd7kuF0.js} +1 -1
  85. package/dist/storybook/assets/{side-bar-CKbHPgIV.js → side-bar-BimJX1XV.js} +4 -4
  86. package/dist/storybook/assets/side-bar-auov230-.css +1 -0
  87. package/dist/storybook/assets/{side-bar.stories-MUj_dj1F.js → side-bar.stories-CgYaKEGJ.js} +1 -1
  88. package/dist/storybook/assets/{site.stories-Ci4g5W2A.js → site.stories-Dg8J08Ee.js} +1 -1
  89. package/dist/storybook/assets/{slider-DAramr8j.js → slider-BeJzxarD.js} +1 -1
  90. package/dist/storybook/assets/{slider.stories-Cd0rLfHP.js → slider.stories-Szx4exmO.js} +1 -1
  91. package/dist/storybook/assets/{smart-upload-modal.stories-BmrhOtOG.js → smart-upload-modal.stories-nGBYTYDh.js} +1 -1
  92. package/dist/storybook/assets/{spacer.stories-CHEZdgDM.js → spacer.stories-bYMCDQ_z.js} +1 -1
  93. package/dist/storybook/assets/styled-components.browser.esm-BQ9GQzDc.js +2 -0
  94. package/dist/storybook/assets/table-BFgZ2w5W.js +86 -0
  95. package/dist/storybook/assets/table-C9uAiJu6.css +1 -0
  96. package/dist/storybook/assets/{table.stories-YV04PKkU.js → table.stories-D6NToWT4.js} +1 -1
  97. package/dist/storybook/assets/table.stories-data-DcBBxO_k.js +1 -0
  98. package/dist/storybook/assets/textarea-D-R3vavM.js +1 -0
  99. package/dist/storybook/assets/textarea-H-YTEwr8.css +1 -0
  100. package/dist/storybook/assets/{textarea.stories-aRLEoDHg.js → textarea.stories-CrZgmMxl.js} +1 -1
  101. package/dist/storybook/assets/{title.stories-CuiMnOil.js → title.stories-7ZXTmMf-.js} +1 -1
  102. package/dist/storybook/assets/{toaster-BNO0suPv.js → toaster-BoBcvmf9.js} +1 -1
  103. package/dist/storybook/assets/{toaster.stories-zcWIPp_X.js → toaster.stories-LvqSpnTb.js} +1 -1
  104. package/dist/storybook/assets/{tooltip.test-case.stories-i9YQqba1.js → tooltip.test-case.stories-COOtdxxm.js} +1 -1
  105. package/dist/storybook/assets/{top-bar-C_tn2Pc5.js → top-bar-kBVQ5xF2.js} +1 -1
  106. package/dist/storybook/assets/{top-bar.stories-B2a-RgK-.js → top-bar.stories-BCX6zjmD.js} +1 -1
  107. package/dist/storybook/assets/{top-bar.testcase.stories-DoPEAMYc.js → top-bar.testcase.stories-DiRFCAQn.js} +1 -1
  108. package/dist/storybook/assets/{tree.stories-6UHASEZu.js → tree.stories-D48X6p9d.js} +1 -1
  109. package/dist/storybook/assets/{unit-input.stories-B3VwXCO8.js → unit-input.stories-BuWI2HbG.js} +1 -1
  110. package/dist/storybook/assets/{unit-table.stories-DQrTQd6a.js → unit-table.stories-B6Y5A-a5.js} +1 -1
  111. package/dist/storybook/iframe.html +1 -1
  112. package/dist/storybook/project.json +1 -1
  113. package/dist/storybook/sb-addons/interactions-2/manager-bundle.js +1 -0
  114. package/dist/storybook/sb-manager/globals-runtime.js +1 -1
  115. package/dist/storybook/sb-manager/globals.js +48 -0
  116. package/dist/storybook/sb-preview/runtime.js +1 -0
  117. package/package.json +1 -1
  118. package/dist/404.html +0 -1
  119. package/dist/storybook/assets/button-BpFIj2Vw.css +0 -1
  120. package/dist/storybook/assets/button-VxhoNhrV.js +0 -1
  121. package/dist/storybook/assets/drawer-BhuWxI7V.js +0 -3
  122. package/dist/storybook/assets/drawer-v-B4gIC0.css +0 -1
  123. package/dist/storybook/assets/index-CWz-hU-f.js +0 -14
  124. package/dist/storybook/assets/input-BW9trNAW.js +0 -1
  125. package/dist/storybook/assets/input-WN7SK0fa.css +0 -1
  126. package/dist/storybook/assets/message-BYzRg8Ae.js +0 -1
  127. package/dist/storybook/assets/message-nw5WQq6S.css +0 -1
  128. package/dist/storybook/assets/meta-content-B1HsACrT.css +0 -1
  129. package/dist/storybook/assets/meta-content-cbHGvPJ7.js +0 -9
  130. package/dist/storybook/assets/number-input.stories-C2QTTzzN.js +0 -110
  131. package/dist/storybook/assets/rich-text-input.stories-CsFyrKRA.js +0 -256
  132. package/dist/storybook/assets/select-Byh1FIvP.css +0 -1
  133. package/dist/storybook/assets/select-C8iu4-uz.js +0 -40
  134. package/dist/storybook/assets/side-bar-DvwMCSK0.css +0 -1
  135. package/dist/storybook/assets/styled-components.browser.esm-Bf0q9Yjk.js +0 -2
  136. package/dist/storybook/assets/table-BNMxYhsu.js +0 -86
  137. package/dist/storybook/assets/table-CyYpP6Fs.css +0 -1
  138. package/dist/storybook/assets/table.stories-data-CR9VpXHs.js +0 -1
  139. package/dist/storybook/assets/textarea-BV7xWEdt.js +0 -1
  140. package/dist/storybook/assets/textarea-DapBtyYV.css +0 -1
@@ -1,4 +1,4 @@
1
- import{j as o}from"./jsx-runtime-eps93zm2.js";import{c as x,p as y}from"./styled-components.browser.esm-Bf0q9Yjk.js";import{r as h,R as $}from"./index-DhsZuJvc.js";import{c as v}from"./index-Bk2sglWO.js";const T=x`
1
+ import{j as o}from"./jsx-runtime-eps93zm2.js";import{l as x,d as y}from"./styled-components.browser.esm-BQ9GQzDc.js";import{r as h,R as $}from"./index-DhsZuJvc.js";import{c as v}from"./index-Bk2sglWO.js";const T=x`
2
2
  scrollbar-width: none;
3
3
  -ms-overflow-style: none;
4
4
  &::-webkit-scrollbar {
@@ -1,4 +1,4 @@
1
- import{j as o}from"./jsx-runtime-eps93zm2.js";import{r as D}from"./index-DhsZuJvc.js";import{T as g}from"./table-BNMxYhsu.js";import{T as z}from"./text-B3-TSWok.js";import{t as R,s as G,u as J,v as K,w as Q}from"./table.stories-data-CR9VpXHs.js";import"./index-Bk2sglWO.js";import"./index.es-DazXb-ul.js";import"./inheritsLoose-DP0QEDDI.js";import"./redux-tRgGMjwY.js";import"./objectSpread2-DW4nTBoq.js";import"./tiny-invariant-DqLgxztJ.js";import"./index-CUZDtIZe.js";import"./memoize-one.esm-CcMeOnPo.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./lodash-BHd_uQHh.js";import"./actions-CHgr8eL8.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./button-VxhoNhrV.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./index-CEuq6vkz.js";import"./tooltip-1V7clEnw.js";import"./types-BmbYqTX_.js";import"./types-UmZ4Y_CR.js";import"./badge-CLQ59MDF.js";import"./heading-CRNoBc7q.js";import"./help-icon-Buhx5nl6.js";import"./pagination-iSMIbR33.js";import"./select-C8iu4-uz.js";import"./assertThisInitialized-B9jnkVVz.js";import"./select.input-DIKP56UZ.js";import"./input-BW9trNAW.js";import"./input-group-BaRSJAEN.js";import"./input-group-addon-D68iUKV2.js";import"./number-input-uQOVHv2N.js";import"./index-CWz-hU-f.js";import"./index-DRSy5Ssd.js";import"./check-box-BtCGePRy.js";import"./slider-DAramr8j.js";import"./index-BI4_Bp97.js";import"./popover-CzZdWNnB.js";import"./flex-EllkLxgO.js";const Ie={title:"Basic/Table/Row",component:g,args:{table:{...R}}},v=n=>o.jsx(g,{...n}),i=v.bind({});i.args={table:G};const p=v.bind({});p.args={table:J};const c=v.bind({});c.args={table:K};const d=v.bind({});d.args={table:Q};const t=v.bind({});t.args={table:{...R,striped:!1}};t.parameters={docs:{description:{story:"`striped: false` removes tinted background on alternative rows."}}};const u=()=>{const[n,e]=D.useState(null),a=r=>e(n===r?null:r);return o.jsx(g,{table:{...R,striped:!1,rows:R.rows.map((r,x)=>({...r,onRowClick:()=>a(x),expandedContent:{content:n===x?o.jsx("div",{children:"Example expanded content"}):null}}))}})},m=()=>{const n={draggable:!0,headers:[{cells:[{value:"Name"},{value:"Weight (kg)"},{value:"Energy (kcal / 100g)"},{value:"Origin"}]}],rows:[{noDrag:!0,cells:[{value:"Undraggable"},{value:100},{value:361},{value:"Vietnam"}]},{cells:[{value:"Buckwheat"},{value:50},{value:358},{value:"Poland"}]},{cells:[{value:"Couscous"},{value:10},{value:368},{value:"France"}]}]},e=(s,b,l)=>{const y=[...s];return s[l].noDrag?s:(y.splice(l,0,y.splice(b,1)[0]),y)},[a,r]=D.useState(n.rows),x=s=>{const{to:b,from:l}=s;e(a,l,b),r(e(a,l,b))};return o.jsx(g,{table:{...n,rows:a},onListReorder:x})},w=()=>{const[n,e]=D.useState("Hover any row!"),a=[1,2,3,4,5].map(r=>({cells:[{value:`Row ${r}`},{value:`${r**2}`}],onRowMouseEnter:()=>e(`Hovering row ${r}`),onRowMouseLeave:()=>e("Not hovering any row...")}));return o.jsxs(o.Fragment,{children:[o.jsx(z,{children:n}),o.jsx(g,{table:{fixedWidth:"100%",headers:[{cells:[{value:"Description"},{value:"Value"}],onRowMouseEnter:()=>e("Hovering header row"),onRowMouseLeave:()=>e("Not hovering any row...")}],rows:a}})]})};u.__docgenInfo={description:"",methods:[],displayName:"Expandable"};m.__docgenInfo={description:"",methods:[],displayName:"DragAndDrop"};w.__docgenInfo={description:"",methods:[],displayName:"OnRowEnter"};var E,h,T;i.parameters={...i.parameters,docs:{...(E=i.parameters)==null?void 0:E.docs,source:{originalSource:`args => {
1
+ import{j as o}from"./jsx-runtime-eps93zm2.js";import{r as D}from"./index-DhsZuJvc.js";import{T as g}from"./table-BFgZ2w5W.js";import{T as z}from"./text-B3-TSWok.js";import{t as R,s as G,u as J,v as K,w as Q}from"./table.stories-data-DcBBxO_k.js";import"./index-Bk2sglWO.js";import"./index.es-DazXb-ul.js";import"./inheritsLoose-DP0QEDDI.js";import"./redux-tRgGMjwY.js";import"./objectSpread2-DW4nTBoq.js";import"./tiny-invariant-DqLgxztJ.js";import"./index-CUZDtIZe.js";import"./memoize-one.esm-CcMeOnPo.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./lodash-BHd_uQHh.js";import"./actions-B-KaMy86.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./button-kgPRviUL.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./index-CEuq6vkz.js";import"./tooltip-1V7clEnw.js";import"./types-BmbYqTX_.js";import"./types-UmZ4Y_CR.js";import"./badge-CLQ59MDF.js";import"./heading-CRNoBc7q.js";import"./help-icon-Buhx5nl6.js";import"./pagination-C_0Lfz0Y.js";import"./select-BFv5KuOX.js";import"./assertThisInitialized-B9jnkVVz.js";import"./select.input-DIKP56UZ.js";import"./input-DFNY9YDm.js";import"./input-group-BaRSJAEN.js";import"./input-group-addon-D68iUKV2.js";import"./number-input-B6I6KkcP.js";import"./index-DaLCDjg_.js";import"./index-DRSy5Ssd.js";import"./check-box-BtCGePRy.js";import"./slider-BeJzxarD.js";import"./index-BI4_Bp97.js";import"./popover-IH58FliU.js";import"./flex-EllkLxgO.js";const Ie={title:"Basic/Table/Row",component:g,args:{table:{...R}}},v=n=>o.jsx(g,{...n}),i=v.bind({});i.args={table:G};const p=v.bind({});p.args={table:J};const c=v.bind({});c.args={table:K};const d=v.bind({});d.args={table:Q};const t=v.bind({});t.args={table:{...R,striped:!1}};t.parameters={docs:{description:{story:"`striped: false` removes tinted background on alternative rows."}}};const u=()=>{const[n,e]=D.useState(null),a=r=>e(n===r?null:r);return o.jsx(g,{table:{...R,striped:!1,rows:R.rows.map((r,x)=>({...r,onRowClick:()=>a(x),expandedContent:{content:n===x?o.jsx("div",{children:"Example expanded content"}):null}}))}})},m=()=>{const n={draggable:!0,headers:[{cells:[{value:"Name"},{value:"Weight (kg)"},{value:"Energy (kcal / 100g)"},{value:"Origin"}]}],rows:[{noDrag:!0,cells:[{value:"Undraggable"},{value:100},{value:361},{value:"Vietnam"}]},{cells:[{value:"Buckwheat"},{value:50},{value:358},{value:"Poland"}]},{cells:[{value:"Couscous"},{value:10},{value:368},{value:"France"}]}]},e=(s,b,l)=>{const y=[...s];return s[l].noDrag?s:(y.splice(l,0,y.splice(b,1)[0]),y)},[a,r]=D.useState(n.rows),x=s=>{const{to:b,from:l}=s;e(a,l,b),r(e(a,l,b))};return o.jsx(g,{table:{...n,rows:a},onListReorder:x})},w=()=>{const[n,e]=D.useState("Hover any row!"),a=[1,2,3,4,5].map(r=>({cells:[{value:`Row ${r}`},{value:`${r**2}`}],onRowMouseEnter:()=>e(`Hovering row ${r}`),onRowMouseLeave:()=>e("Not hovering any row...")}));return o.jsxs(o.Fragment,{children:[o.jsx(z,{children:n}),o.jsx(g,{table:{fixedWidth:"100%",headers:[{cells:[{value:"Description"},{value:"Value"}],onRowMouseEnter:()=>e("Hovering header row"),onRowMouseLeave:()=>e("Not hovering any row...")}],rows:a}})]})};u.__docgenInfo={description:"",methods:[],displayName:"Expandable"};m.__docgenInfo={description:"",methods:[],displayName:"DragAndDrop"};w.__docgenInfo={description:"",methods:[],displayName:"OnRowEnter"};var E,h,T;i.parameters={...i.parameters,docs:{...(E=i.parameters)==null?void 0:E.docs,source:{originalSource:`args => {
2
2
  return <Table
3
3
  // eslint-disable-next-line react/jsx-props-no-spreading
4
4
  {...args} />;
@@ -0,0 +1,40 @@
1
+ import{j as p}from"./jsx-runtime-eps93zm2.js";import{r as q,g as ze}from"./index-DhsZuJvc.js";import{c as U}from"./index-Bk2sglWO.js";import{G as ae,I as Ee}from"./common-types-Sih75Sav.js";import{D as de}from"./disabled-context-rmpd7YJS.js";import{i as ne}from"./types-UmZ4Y_CR.js";import{T as me,u as We,m as Ue}from"./tooltip-1V7clEnw.js";import{p as Ge}from"./index-CEuq6vkz.js";import"./lodash-BHd_uQHh.js";import{a as $e,_ as Ve}from"./inheritsLoose-DP0QEDDI.js";import{_ as fe}from"./assertThisInitialized-B9jnkVVz.js";import{m as se}from"./memoize-one.esm-CcMeOnPo.js";import{M as ie}from"./types-BmbYqTX_.js";import{T as oe}from"./text-B3-TSWok.js";import{A as Ke}from"./actions-B-KaMy86.js";import{I as ue}from"./icon-BSFY3vDO.js";import{s as Ye}from"./select.input-DIKP56UZ.js";const Be="_inputInTable_1nzfr_1",Ze="_error_1nzfr_7",Xe="_warning_1nzfr_7",Je="_inputHover_1nzfr_13",Qe="_inputFocus_1nzfr_18",en="_inputError_1nzfr_25",nn="_inputWarning_1nzfr_26",tn="_inputDisabled_1nzfr_61",rn="_hideScrollbars_1nzfr_67",an="_select_1nzfr_77",sn="_isInTable_1nzfr_121",ln="_unSelected_1nzfr_133",on="_small_1nzfr_174",un="_right_1nzfr_182",cn="_groupOrderFirst_1nzfr_193",dn="_groupOrderMiddle_1nzfr_194",mn="_groupOrderLast_1nzfr_198",z={inputInTable:Be,error:Ze,warning:Xe,inputHover:Je,inputFocus:Qe,inputError:en,inputWarning:nn,inputDisabled:tn,hideScrollbars:rn,select:an,isInTable:sn,unSelected:ln,small:on,right:un,groupOrderFirst:cn,groupOrderMiddle:dn,groupOrderLast:mn},Ie=({disabled:e=!1,error:n=null,warning:a=null,tooltip:d=null,options:c,onChange:v=()=>{},onFocus:f=()=>{},onBlur:s=()=>{},right:o=!1,small:g=!1,tabIndex:b=0,selectedOption:S,width:T=null,groupOrder:E=null,testId:_,isInTable:t=!1,clearable:l,placeholder:i,hasNonExistentValue:r,maxTooltipWidth:u,borderRadius:m})=>{const y=q.useContext(de),h=S===null||(S==null?void 0:S.value)===null?"unselected":S==null?void 0:S.value,I=h==="unselected",L=(h==="unselected"||l?[p.jsx("option",{value:"unselected",disabled:!l,hidden:!l,children:i||"Select..."},"unselected")]:[]).concat(r?[p.jsx("option",{value:S==null?void 0:S.value,disabled:e||y,children:S==null?void 0:S.label},"selectedNonExistentValue")]:[]).concat(c.map((x,w)=>p.jsx("option",{value:x.value,"data-testid":x.testId,children:x.label},w))),R=(()=>{if(E)switch(E){case ae.FIRST:return z.groupOrderFirst;case ae.LAST:return z.groupOrderLast;default:return z.groupOrderMiddle}return""})();return p.jsx(me,{error:!!n,warning:!!a,text:d||n||a,enabled:d&&ne(d)||n&&ne(n)||a&&ne(a)||!1,maxWidth:u,placement:"bottom-center",children:p.jsx("select",{className:U(z.select,I?z.unSelected:"",n?z.error:a?z.warning:"",o?z.right:"",g?z.small:"",t?z.isInTable:"",R),style:{width:T||"",borderRadius:m||""},onChange:x=>{const{value:w}=x.target;let M;w==="unselected"?M={value:null}:M=c.find(A=>String(A.value)===String(w))||{value:null},v(x,M)},onFocus:f,onBlur:s,tabIndex:b,value:h,disabled:e||y,"data-testid":_,children:L})})};Ie.__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:"() => {}",computed:!1}},onFocus:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},onBlur:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},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:""}}};var Oe={exports:{}};(function(e,n){(function(a,d){e.exports=d(q,Ge)})(window,function(a,d){return function(c){var v={};function f(s){if(v[s])return v[s].exports;var o=v[s]={i:s,l:!1,exports:{}};return c[s].call(o.exports,o,o.exports,f),o.l=!0,o.exports}return f.m=c,f.c=v,f.d=function(s,o,g){f.o(s,o)||Object.defineProperty(s,o,{enumerable:!0,get:g})},f.r=function(s){typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(s,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(s,"__esModule",{value:!0})},f.t=function(s,o){if(1&o&&(s=f(s)),8&o||4&o&&typeof s=="object"&&s&&s.__esModule)return s;var g=Object.create(null);if(f.r(g),Object.defineProperty(g,"default",{enumerable:!0,value:s}),2&o&&typeof s!="string")for(var b in s)f.d(g,b,(function(S){return s[S]}).bind(null,b));return g},f.n=function(s){var o=s&&s.__esModule?function(){return s.default}:function(){return s};return f.d(o,"a",o),o},f.o=function(s,o){return Object.prototype.hasOwnProperty.call(s,o)},f.p="",f(f.s=0)}([function(c,v,f){Object.defineProperty(v,"__esModule",{value:!0});var s=f(1);Object.defineProperty(v,"default",{enumerable:!0,get:function(){return function(o){return o&&o.__esModule?o:{default:o}}(s).default}}),c.exports=v.default},function(c,v,f){Object.defineProperty(v,"__esModule",{value:!0});var s=Object.assign||function(t){for(var l=1;l<arguments.length;l++){var i=arguments[l];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(t[r]=i[r])}return t},o=function(){function t(l,i){for(var r=0;r<i.length;r++){var u=i[r];u.enumerable=u.enumerable||!1,u.configurable=!0,"value"in u&&(u.writable=!0),Object.defineProperty(l,u.key,u)}}return function(l,i,r){return i&&t(l.prototype,i),r&&t(l,r),l}}(),g=T(f(2)),b=T(f(3)),S=f(4);function T(t){return t&&t.__esModule?t:{default:t}}var E=[],_=function(t){function l(i){(function(u,m){if(!(u instanceof m))throw new TypeError("Cannot call a class as a function")})(this,l);var r=function(u,m){if(!u)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!m||typeof m!="object"&&typeof m!="function"?u:m}(this,(l.__proto__||Object.getPrototypeOf(l)).call(this,i));return r.handleKeyboardEvent=r.handleKeyboardEvent.bind(r),r.registerExclusiveHandler=r.registerExclusiveHandler.bind(r),r.deregisterExclusiveHandler=r.deregisterExclusiveHandler.bind(r),r}return function(i,r){if(typeof r!="function"&&r!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof r);i.prototype=Object.create(r&&r.prototype,{constructor:{value:i,enumerable:!1,writable:!0,configurable:!0}}),r&&(Object.setPrototypeOf?Object.setPrototypeOf(i,r):i.__proto__=r)}(l,g.default.Component),o(l,[{key:"componentDidMount",value:function(){document.addEventListener("keydown",this.handleKeyboardEvent,!1),document.addEventListener("keyup",this.handleKeyboardEvent,!1),document.addEventListener("keypress",this.handleKeyboardEvent,!1);var i=this.props,r=i.isExclusive,u=i.isDisabled;r&&!u&&this.registerExclusiveHandler()}},{key:"componentWillUnmount",value:function(){document.removeEventListener("keydown",this.handleKeyboardEvent,!1),document.removeEventListener("keyup",this.handleKeyboardEvent,!1),document.removeEventListener("keypress",this.handleKeyboardEvent,!1),this.deregisterExclusiveHandler()}},{key:"componentDidUpdate",value:function(i){var r=i.isExclusive,u=i.isDisabled;(this.props.isExclusive!==r||this.props.isDisabled!==u)&&(this.props.isExclusive&&!this.props.isDisabled?this.registerExclusiveHandler():this.deregisterExclusiveHandler())}},{key:"registerExclusiveHandler",value:function(){this.deregisterExclusiveHandler(),E.unshift(this)}},{key:"deregisterExclusiveHandler",value:function(){var i=this;E.includes(this)&&(E=E.filter(function(r){return r!==i}))}},{key:"handleKeyboardEvent",value:function(i){var r=this.props,u=r.isDisabled,m=r.handleKeys,y=r.onKeyEvent,h=r.handleEventType,I=r.children,L=r.handleFocusableElements;if(u||h!==i.type||E.length>0&&E[0]!==this)return!1;var R=i.target===document.body||L,x=this.childrenContainer&&this.childrenContainer.contains(i.target);if(!(I?x:R))return!1;var w=(0,S.findMatchedKey)(i,m);return!!w&&(y(w,i),!0)}},{key:"render",value:function(){var i=this,r=this.props.children,u=Object.assign({},this.props),m=!0,y=!1,h=void 0;try{for(var I,L=Object.keys(l.propTypes)[Symbol.iterator]();!(m=(I=L.next()).done);m=!0)delete u[I.value]}catch(R){y=!0,h=R}finally{try{!m&&L.return&&L.return()}finally{if(y)throw h}}return r?g.default.createElement("span",s({ref:function(R){i.childrenContainer=R}},u),r):null}}]),l}();v.default=_,_.propTypes={handleKeys:b.default.array,handleEventType:b.default.oneOf(["keydown","keyup","keypress"]),handleFocusableElements:b.default.bool,onKeyEvent:b.default.func,isDisabled:b.default.bool,isExclusive:b.default.bool,children:b.default.any},_.defaultProps={handleKeys:[],handleFocusableElements:!1,handleEventType:"keydown",onKeyEvent:function(){return null}},c.exports=v.default},function(c,v){c.exports=a},function(c,v){c.exports=d},function(c,v,f){function s(r,u,m){return u in r?Object.defineProperty(r,u,{value:m,enumerable:!0,configurable:!0,writable:!0}):r[u]=m,r}Object.defineProperty(v,"__esModule",{value:!0}),v.matchKeyEvent=i,v.findMatchedKey=function(r,u){var m=u.map(function(y){var h=y.toLowerCase(),I=l[h];return I||[y]}).reduce(function(y,h){return y.concat(h)},[]).find(function(y){return i(r,y)});return!m&&u.includes("all")&&(m="other"),m};var o={backspace:[8],del:[46],delete:[46],ins:[45],insert:[45],tab:[9],enter:[13],return:[13],esc:[27],space:[32],pageup:[33],pagedown:[34],end:[35],home:[36],left:[37],up:[38],right:[39],down:[40],shift:[16],ctrl:[17],alt:[18],cap:[20],num:[144],clear:[12],meta:[91],";":[186,59],"=":[187,61],",":[188,44],"-":[189,45,173,109],minus:[189,45,173,109],".":[190,110],"/":[191,111],"`":[192],"[":[219],"\\":[220],"]":[221],"*":[106],"+":[107],plus:[107],"'":[222],quote:[222]},g=Object.keys(o).reduce(function(r,u){return Object.assign(r,s({},u.toUpperCase(),o[u]))},{}),b="0123456789".split("").reduce(function(r,u,m){return Object.assign(r,s({},u,[m+48,m+96]))},{}),S="ABCDEFGHIJKLMNOPQRSTUVWXYZ".split("").reduce(function(r,u,m){return Object.assign(r,s({},u.toLowerCase(),[m+65]),s({},u,[m+65]))},{}),T="1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19".split(",").reduce(function(r,u,m){return Object.assign(r,s({},"f"+u,[m+112]))},{}),E={control:"ctrl",ctrl:"ctrl",shift:"shift",meta:"meta",cmd:"meta",command:"meta",option:"alt",alt:"alt"},_=v.AllKeys=Object.assign({},o,g,b,S,T),t=Object.assign({},b,S),l={all:Object.keys(_),alphanumeric:Object.keys(t),numeric:Object.keys(b),alphabetic:Object.keys(S),function:Object.keys(T)};function i(r,u){var m=r.which||r.keyCode,y=r.type,h=Object.keys(E).filter(function(A){return r[A+"Key"]}).sort(),I=u.toLowerCase().trim(),L=I==="+"?["+"]:I.split(/\s?\+\s?/),R=L.pop(),x=_[R],w=L;if(y==="keypress")return u==String.fromCharCode(m).toLowerCase();if(w.length===0&&h.length===0)return x.indexOf(m)>=0;if(w.length>0&&h.length>0){var M=w.map(function(A){return E[A]}).sort(),F=M.length===h.length&&M.every(function(A,G){return h[G]===A});return x.indexOf(m)>=0&&F}return w.length==0&&h.length===1&&R===h[0]}}])})})(Oe);var pn=Oe.exports;const fn=ze(pn),we=()=>{const e=q.useRef(null);return[e,()=>{e.current&&e.current.focus()}]},Re=()=>{const[e,n]=q.useState(!1);return q.useEffect(()=>{(async()=>{document.fonts&&await document.fonts.ready.then(()=>n(!0))})()},[]),e};var gn=typeof performance=="object"&&typeof performance.now=="function",ge=gn?function(){return performance.now()}:function(){return Date.now()};function ve(e){cancelAnimationFrame(e.id)}function vn(e,n){var a=ge();function d(){ge()-a>=n?e.call(null):c.id=requestAnimationFrame(d)}var c={id:requestAnimationFrame(d)};return c}var le=-1;function ye(e){if(e===void 0&&(e=!1),le===-1||e){var n=document.createElement("div"),a=n.style;a.width="50px",a.height="50px",a.overflow="scroll",document.body.appendChild(n),le=n.offsetWidth-n.clientWidth,document.body.removeChild(n)}return le}var ee=null;function he(e){if(e===void 0&&(e=!1),ee===null||e){var n=document.createElement("div"),a=n.style;a.width="50px",a.height="50px",a.overflow="scroll",a.direction="rtl";var d=document.createElement("div"),c=d.style;return c.width="100px",c.height="100px",n.appendChild(d),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 yn=150,hn=function(n,a){return n};function Sn(e){var n,a=e.getItemOffset,d=e.getEstimatedTotalSize,c=e.getItemSize,v=e.getOffsetForIndexAndAlignment,f=e.getStartIndexForOffset,s=e.getStopIndexForStartIndex,o=e.initInstanceProps,g=e.shouldResetStyleCacheOnItemSizeChange,b=e.validateProps;return n=function(S){$e(T,S);function T(_){var t;return t=S.call(this,_)||this,t._instanceProps=o(t.props,fe(t)),t._outerRef=void 0,t._resetIsScrollingTimeoutId=null,t.state={instance:fe(t),isScrolling:!1,scrollDirection:"forward",scrollOffset:typeof t.props.initialScrollOffset=="number"?t.props.initialScrollOffset:0,scrollUpdateWasRequested:!1},t._callOnItemsRendered=void 0,t._callOnItemsRendered=se(function(l,i,r,u){return t.props.onItemsRendered({overscanStartIndex:l,overscanStopIndex:i,visibleStartIndex:r,visibleStopIndex:u})}),t._callOnScroll=void 0,t._callOnScroll=se(function(l,i,r){return t.props.onScroll({scrollDirection:l,scrollOffset:i,scrollUpdateWasRequested:r})}),t._getItemStyle=void 0,t._getItemStyle=function(l){var i=t.props,r=i.direction,u=i.itemSize,m=i.layout,y=t._getItemStyleCache(g&&u,g&&m,g&&r),h;if(y.hasOwnProperty(l))h=y[l];else{var I=a(t.props,l,t._instanceProps),L=c(t.props,l,t._instanceProps),R=r==="horizontal"||m==="horizontal",x=r==="rtl",w=R?I:0;y[l]=h={position:"absolute",left:x?void 0:w,right:x?w:void 0,top:R?0:I,height:R?"100%":L,width:R?L:"100%"}}return h},t._getItemStyleCache=void 0,t._getItemStyleCache=se(function(l,i,r){return{}}),t._onScrollHorizontal=function(l){var i=l.currentTarget,r=i.clientWidth,u=i.scrollLeft,m=i.scrollWidth;t.setState(function(y){if(y.scrollOffset===u)return null;var h=t.props.direction,I=u;if(h==="rtl")switch(he()){case"negative":I=-u;break;case"positive-descending":I=m-r-u;break}return I=Math.max(0,Math.min(I,m-r)),{isScrolling:!0,scrollDirection:y.scrollOffset<I?"forward":"backward",scrollOffset:I,scrollUpdateWasRequested:!1}},t._resetIsScrollingDebounced)},t._onScrollVertical=function(l){var i=l.currentTarget,r=i.clientHeight,u=i.scrollHeight,m=i.scrollTop;t.setState(function(y){if(y.scrollOffset===m)return null;var h=Math.max(0,Math.min(m,u-r));return{isScrolling:!0,scrollDirection:y.scrollOffset<h?"forward":"backward",scrollOffset:h,scrollUpdateWasRequested:!1}},t._resetIsScrollingDebounced)},t._outerRefSetter=function(l){var i=t.props.outerRef;t._outerRef=l,typeof i=="function"?i(l):i!=null&&typeof i=="object"&&i.hasOwnProperty("current")&&(i.current=l)},t._resetIsScrollingDebounced=function(){t._resetIsScrollingTimeoutId!==null&&ve(t._resetIsScrollingTimeoutId),t._resetIsScrollingTimeoutId=vn(t._resetIsScrolling,yn)},t._resetIsScrolling=function(){t._resetIsScrollingTimeoutId=null,t.setState({isScrolling:!1},function(){t._getItemStyleCache(-1,null)})},t}T.getDerivedStateFromProps=function(t,l){return bn(t,l),b(t),null};var E=T.prototype;return E.scrollTo=function(t){t=Math.max(0,t),this.setState(function(l){return l.scrollOffset===t?null:{scrollDirection:l.scrollOffset<t?"forward":"backward",scrollOffset:t,scrollUpdateWasRequested:!0}},this._resetIsScrollingDebounced)},E.scrollToItem=function(t,l){l===void 0&&(l="auto");var i=this.props,r=i.itemCount,u=i.layout,m=this.state.scrollOffset;t=Math.max(0,Math.min(t,r-1));var y=0;if(this._outerRef){var h=this._outerRef;u==="vertical"?y=h.scrollWidth>h.clientWidth?ye():0:y=h.scrollHeight>h.clientHeight?ye():0}this.scrollTo(v(this.props,t,l,m,this._instanceProps,y))},E.componentDidMount=function(){var t=this.props,l=t.direction,i=t.initialScrollOffset,r=t.layout;if(typeof i=="number"&&this._outerRef!=null){var u=this._outerRef;l==="horizontal"||r==="horizontal"?u.scrollLeft=i:u.scrollTop=i}this._callPropsCallbacks()},E.componentDidUpdate=function(){var t=this.props,l=t.direction,i=t.layout,r=this.state,u=r.scrollOffset,m=r.scrollUpdateWasRequested;if(m&&this._outerRef!=null){var y=this._outerRef;if(l==="horizontal"||i==="horizontal")if(l==="rtl")switch(he()){case"negative":y.scrollLeft=-u;break;case"positive-ascending":y.scrollLeft=u;break;default:var h=y.clientWidth,I=y.scrollWidth;y.scrollLeft=I-h-u;break}else y.scrollLeft=u;else y.scrollTop=u}this._callPropsCallbacks()},E.componentWillUnmount=function(){this._resetIsScrollingTimeoutId!==null&&ve(this._resetIsScrollingTimeoutId)},E.render=function(){var t=this.props,l=t.children,i=t.className,r=t.direction,u=t.height,m=t.innerRef,y=t.innerElementType,h=t.innerTagName,I=t.itemCount,L=t.itemData,R=t.itemKey,x=R===void 0?hn:R,w=t.layout,M=t.outerElementType,F=t.outerTagName,A=t.style,G=t.useIsScrolling,K=t.width,$=this.state.isScrolling,H=r==="horizontal"||w==="horizontal",P=H?this._onScrollHorizontal:this._onScrollVertical,Z=this._getRangeToRender(),te=Z[0],re=Z[1],X=[];if(I>0)for(var k=te;k<=re;k++)X.push(q.createElement(l,{data:L,key:x(k,L),index:k,isScrolling:G?$:void 0,style:this._getItemStyle(k)}));var J=d(this.props,this._instanceProps);return q.createElement(M||F||"div",{className:i,onScroll:P,ref:this._outerRefSetter,style:Ve({position:"relative",height:u,width:K,overflow:"auto",WebkitOverflowScrolling:"touch",willChange:"transform",direction:r},A)},q.createElement(y||h||"div",{children:X,ref:m,style:{height:H?"100%":J,pointerEvents:$?"none":void 0,width:H?J:"100%"}}))},E._callPropsCallbacks=function(){if(typeof this.props.onItemsRendered=="function"){var t=this.props.itemCount;if(t>0){var l=this._getRangeToRender(),i=l[0],r=l[1],u=l[2],m=l[3];this._callOnItemsRendered(i,r,u,m)}}if(typeof this.props.onScroll=="function"){var y=this.state,h=y.scrollDirection,I=y.scrollOffset,L=y.scrollUpdateWasRequested;this._callOnScroll(h,I,L)}},E._getRangeToRender=function(){var t=this.props,l=t.itemCount,i=t.overscanCount,r=this.state,u=r.isScrolling,m=r.scrollDirection,y=r.scrollOffset;if(l===0)return[0,0,0,0];var h=f(this.props,y,this._instanceProps),I=s(this.props,h,y,this._instanceProps),L=!u||m==="backward"?Math.max(1,i):1,R=!u||m==="forward"?Math.max(1,i):1;return[Math.max(0,h-L),Math.max(0,Math.min(l-1,I+R)),h,I]},T}(q.PureComponent),n.defaultProps={direction:"ltr",itemData:void 0,layout:"vertical",overscanCount:2,useIsScrolling:!1},n}var bn=function(n,a){n.children,n.direction,n.height,n.layout,n.innerTagName,n.outerTagName,n.width,a.instance},_n=Sn({getItemOffset:function(n,a){var d=n.itemSize;return a*d},getItemSize:function(n,a){var d=n.itemSize;return d},getEstimatedTotalSize:function(n){var a=n.itemCount,d=n.itemSize;return d*a},getOffsetForIndexAndAlignment:function(n,a,d,c,v,f){var s=n.direction,o=n.height,g=n.itemCount,b=n.itemSize,S=n.layout,T=n.width,E=s==="horizontal"||S==="horizontal",_=E?T:o,t=Math.max(0,g*b-_),l=Math.min(t,a*b),i=Math.max(0,a*b-_+b+f);switch(d==="smart"&&(c>=i-_&&c<=l+_?d="auto":d="center"),d){case"start":return l;case"end":return i;case"center":{var r=Math.round(i+(l-i)/2);return r<Math.ceil(_/2)?0:r>t+Math.floor(_/2)?t:r}case"auto":default:return c>=i&&c<=l?c:c<i?i:l}},getStartIndexForOffset:function(n,a){var d=n.itemCount,c=n.itemSize;return Math.max(0,Math.min(d-1,Math.floor(a/c)))},getStopIndexForStartIndex:function(n,a,d){var c=n.direction,v=n.height,f=n.itemCount,s=n.itemSize,o=n.layout,g=n.width,b=c==="horizontal"||o==="horizontal",S=a*s,T=b?g:v,E=Math.ceil((T+d-S)/s);return Math.max(0,Math.min(f-1,a+E-1))},initInstanceProps:function(n){},shouldResetStyleCacheOnItemSizeChange:!0,validateProps:function(n){n.itemSize}});const Tn="_layerContainer_1lbvo_1",En="_layer_1lbvo_1",In="_small_1lbvo_23",On="_heading_1lbvo_26",wn="_option_1lbvo_27",Rn="_message_1lbvo_28",Ln="_focused_1lbvo_64",xn="_selected_1lbvo_68",Cn="_disabled_1lbvo_71",Mn="_check_1lbvo_75",Nn="_optionContent_1lbvo_92",qn="_label_1lbvo_97",An="_icon_1lbvo_104",Fn="_details_1lbvo_109",j={layerContainer:Tn,layer:En,small:In,heading:On,option:wn,message:Rn,focused:Ln,selected:xn,disabled:Cn,check:Mn,optionContent:Nn,label:qn,icon:An,details:Fn},Le=({label:e})=>p.jsx("div",{onClick:n=>n.stopPropagation(),className:j.heading,children:e});Le.__docgenInfo={description:"",methods:[],displayName:"Heading",props:{label:{required:!0,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""}}};const xe=({details:e,label:n,icon:a,disabled:d=!1,selected:c=!1,focused:v=!1,onSelectOption:f,actions:s,closeLayer:o,testId:g})=>p.jsxs("div",{className:U(j.option,d?j.disabled:"",c?j.selected:"",v?j.focused:""),onClick:!d&&f?f:void 0,"data-testid":g,children:[p.jsx("div",{className:j.optionContent,children:p.jsxs("span",{className:j.label,title:n,children:[n,a&&p.jsx("span",{className:j.icon,children:a})]})}),e&&p.jsx("div",{className:U(j.details),children:p.jsx(oe,{faint:!0,children:e})}),!!(s!=null&&s.length)&&p.jsx("div",{className:U(j.actions),children:p.jsx(Ke,{actions:s,closeLayer:o})}),p.jsx("span",{className:j.check,children:c?p.jsx(ue,{icon:Ee.CHECK}):null})]});xe.__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 Ce=({section:e,selected:n,focused:a,onSelectOption:d,closeLayer:c})=>{const v=q.useContext(de);switch(e.type){case ie.HEADING:return p.jsx(Le,{label:e.label});case ie.OPTION:default:return p.jsx(xe,{closeLayer:c,actions:e.actions,label:e.label,details:e.details,icon:e.icon,disabled:e.disabled||v,selected:n,focused:a,onSelectOption:d,testId:e.testId})}};Ce.__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 ce=(e,n)=>{const d=document.createElement("canvas").getContext("2d");return d?(d.font=n,d.measureText(e).width):0},Me="13px",Ne="12px",jn="Roobert",Hn="sans-serif",Pn=12,Dn=8,kn=30,zn=24,Wn=5,Un=3,Gn=1,$n=2,Se=10,qe=(e=!1,n=!1)=>`${e?Ne:Me} ${n?jn:Hn}`,Vn=(e=!1,n=!1)=>(e?Dn:Pn)+(e?zn:kn)+(n?17:0),be=(e,n,a,d)=>{const c=qe(n,a),v=d?ce(d,c):0,f=Math.ceil(e.reduce((o,g)=>{var _;const b=(((_=g==null?void 0:g.actions)==null?void 0:_.length)??0)*24,S=g.icon?parseInt(n?Ne:Me)+7:0,T=`${g.label} ${g.details||""}`,E=ce(T,c)+b+S;return o=E>o?E:o,o},v)),s=Vn(n,!0);return f+s},Kn=(e,n,a)=>{const d=qe(!0,a),c=ce(e.label,d),v=(n?Un:Wn)*2+Gn*2+$n;return Math.ceil(c+v)},Ae=({listRef:e,isMulti:n,sections:a,selectedOptions:d,onSelectOption:c,focusedOptionIndex:v,width:f,small:s,firstSelectedOptionIndex:o,closeLayer:g,testId:b})=>{q.useEffect(()=>{o&&o!==null&&e.current!==null&&e.current.scrollToItem(o,"start")},[o,e]);const S=s?24:30;return p.jsx("div",{"data-testid":b,className:U(j.layer,s&&j.small),children:a.length?p.jsx(_n,{ref:e,height:a.length<Se?S*a.length:S*Se,itemCount:a.length,itemSize:S,width:f,children:({index:T,style:E})=>{var _;return p.jsx("div",{style:E,children:p.jsx(Ce,{closeLayer:g,section:a[T],selected:n&&a[T].type!==ie.HEADING&&Array.isArray(d)?d.some(t=>{var l;return t&&(t==null?void 0:t.value)===((l=a==null?void 0:a[T])==null?void 0:l.value)}):!Array.isArray(d)&&((_=a==null?void 0:a[T])==null?void 0:_.value)===(d==null?void 0:d.value),focused:v===T,onSelectOption:t=>c(t,a[T])})})}}):p.jsx("ul",{children:p.jsx("li",{children:p.jsx("div",{className:j.message,style:{width:f},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 Yn="_inputInTable_nec64_1",Bn="_error_nec64_7",Zn="_warning_nec64_7",Xn="_inputHover_nec64_13",Jn="_inputFocus_nec64_18",Qn="_inputError_nec64_25",et="_inputWarning_nec64_26",nt="_inputDisabled_nec64_61",tt="_hideScrollbars_nec64_67",rt="_trigger_nec64_77",at="_isInTable_nec64_93",it="_input_nec64_1",st="_isOpen_nec64_114",lt="_disabled_nec64_156",ot="_icons_nec64_162",ut="_clearAll_nec64_169",ct="_iconOpen_nec64_170",dt="_small_nec64_181",mt="_triggerInputContainer_nec64_189",pt="_right_nec64_198",ft="_multiOptions_nec64_211",gt="_multiOption_nec64_211",vt="_label_nec64_239",yt="_closeMultiOption_nec64_242",ht="_focus_nec64_253",St="_selectedSingleValue_nec64_257",bt="_placeHolder_nec64_258",_t="_groupOrderFirst_nec64_297",Tt="_groupOrderMiddle_nec64_298",Et="_groupOrderLast_nec64_302",It="_detailedLabel_nec64_307",N={inputInTable:Yn,error:Bn,warning:Zn,inputHover:Xn,inputFocus:Jn,inputError:Qn,inputWarning:et,inputDisabled:nt,hideScrollbars:tt,trigger:rt,isInTable:at,input:it,isOpen:st,disabled:lt,icons:ot,clearAll:ut,iconOpen:ct,small:dt,triggerInputContainer:mt,right:pt,multiOptions:ft,multiOption:gt,label:vt,closeMultiOption:yt,focus:ht,selectedSingleValue:St,placeHolder:bt,groupOrderFirst:_t,groupOrderMiddle:Tt,groupOrderLast:Et,detailedLabel:It},Fe=({selectedOptions:e,small:n,width:a,testId:d})=>{const c=Re(),[v,f]=q.useState([]),[s,o]=q.useState([]);return q.useEffect(()=>{let g=[],b=[],S=0;e.forEach((T,E)=>{S+=Kn(T,n,c),E===e.length-1&&S<a||S<a-24?g.push(T):b.push(T)}),f(g),o(b)},[e,c,a]),p.jsxs("div",{className:N.multiOptions,"data-testid":d&&`${d}-value`,children:[v.filter(g=>g&&g.label).map((g,b)=>p.jsx("span",{className:N.multiOption,onClick:S=>{S.stopPropagation()},children:g.label},b)),s.length>0&&p.jsx(me,{text:s.map((g,b)=>p.jsx("div",{children:g.label},b)),display:"inline-flex",children:p.jsx("span",{className:N.multiOption,children:v.length?`+${s.length}`:`${s.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 je=({selectedOptions:e,searchable:n=!1,searchValue:a,onChange:d=()=>{},inputRef:c,error:v,placeholder:f="Select...",small:s,testId:o})=>{const g=q.useRef(null),b=Array.isArray(e),S=b?e.length>0:!!e,T=a?a.length+1:1,E=()=>{var l,i;const _=((l=g.current)==null?void 0:l.offsetWidth)||0,t=((i=c.current)==null?void 0:i.offsetWidth)||0;return _-t};return p.jsxs("div",{className:N.triggerInputContainer,ref:g,children:[S?b?p.jsx(Fe,{selectedOptions:e,small:s,width:E(),testId:o}):p.jsx("span",{className:N.selectedSingleValue,"data-testid":o&&`${o}-value`,children:a!=null&&a.length?"":e==null?void 0:e.label}):p.jsx("span",{className:N.placeHolder,children:a!=null&&a.length?"":f}),n?p.jsx("input",{tabIndex:-1,ref:c,size:T,className:U(N.input,v?N.error:""),value:a,onChange:_=>d(_.target.value),"data-testid":o&&`${o}-input`}):null]})};je.__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:"() => {}",computed:!1}},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 He=({selectedOptions:e,searchValue:n,searchable:a,clearable:d,onClickTrigger:c,element:v,error:f,warning:s,tooltip:o,small:g,isInTable:b,disabled:S,onChangeSearch:T,onClickDeselect:E,onClickClear:_,tabIndex:t,isOpen:l,triggerRef:i,clearAllIsFocused:r,focusedSelectedOptionIndex:u,onFocus:m,onBlur:y,groupOrder:h,maxTooltipWidth:I,placeholder:L,right:R,testId:x})=>{var H;const[w,M]=we(),F=Array.isArray(e)?e.length>0&&((H=e[0])==null?void 0:H.value):e==null?void 0:e.value,A=d&&F,G=(()=>{if(h)switch(h){case ae.FIRST:return N.groupOrderFirst;case ae.LAST:return N.groupOrderLast;default:return N.groupOrderMiddle}return""})(),K=!Array.isArray(e)&&(e!=null&&e.details)?{...e,label:p.jsxs("div",{className:U(N.detailedLabel),children:[p.jsx(oe,{children:e.label}),p.jsx(oe,{muted:!0,children:e.details})]})}:e,$=p.jsxs(p.Fragment,{children:[v,p.jsxs("div",{ref:i,tabIndex:t,className:U(N.trigger,l?N.isOpen:"",f?N.error:s?N.warning:"",S?N.disabled:"",g?N.small:"",b?N.isInTable:"",R?N.right:"",G),onClick:P=>{P.stopPropagation(),typeof M=="function"&&M(),c(P)},onFocus:m,onBlur:y,"data-testid":x,children:[p.jsx(je,{selectedOptions:K,placeholder:L,searchable:a,searchValue:n,inputRef:w,onChange:T,error:f,small:g,testId:x}),p.jsx("span",{className:N.icons,children:A?p.jsx("span",{className:U(N.clearAll,r?N.focus:""),onClick:P=>{P.stopPropagation(),_&&_(P)},"data-testid":x&&`${x}-clear`,children:p.jsx(ue,{icon:Ee.CLOSE})}):p.jsx("span",{className:U(N.iconOpen),children:p.jsx(ue,{icon:"chevron down"})})})]})]});return p.jsx(p.Fragment,{children:p.jsx(me,{error:!!f,warning:!!s,text:o||f||s,enabled:o&&ne(o)||f&&ne(f)||s&&ne(s)||!1,maxWidth:I,placement:"bottom-center",children:$})})};He.__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 Pe={options:["none","clearAll"],currentIndex:0,currentOption:!1,clearAll:!1},Ot=e=>e!==null?e+1:0,De=(e,n)=>{const a=["none",...e.map((c,v)=>c.type!==ie.HEADING?v:null).filter(c=>c!==null)],d=Ot(n);return{options:a,currentIndex:d,current:a[d]}},wt=(e,n)=>{const a=e==="up"?-1:1,d=n.currentIndex+a,c=(d<0?n.options.length-1:d)%n.options.length,v=n.options[c];return{...n,currentIndex:c,current:v}},Rt=(e,n,a)=>{const d=e==="left"?-1:1,c=n&&n.length?["none",...Array.from({length:n.length},(g,b)=>b),"clearAll"]:["none","clearAll"],v=a.currentIndex+d,f=(v<0?c.length-1:v)%c.length,s=c[f];return{options:c,currentIndex:f,currentOption:s,clearAll:s==="clearAll"}},_e=()=>Pe,Te=e=>({...e,currentIndex:0,current:"none"}),Lt=(e,n)=>{switch(n.type){case W.SET_VISIBLE_OPTIONS:return{...e,visibleOptions:n.options||[]};case W.RESET_LAYER_FOCUS:return{...e,layerFocus:De(n.options||[],n.firstSelectedOptionIndex||0)};case W.CLEAR_SEARCH:return{...e,visibleOptions:n.options||[],searchValue:""};case W.ON_CHANGE_SEARCH:{let d=[...(n.options||[]).filter(c=>(String(c.label)+(c.details?String(c.details):"")).toLowerCase().includes(String(n.value||"").toLowerCase()))];return n.createAble&&n.value&&n.value!==""&&d.push({label:`Create "${n.value}"`,value:n.value,createAble:!0}),{...e,searchValue:n.value,visibleOptions:d,layerFocus:Te(e.layerFocus)}}case W.FOCUS_TRIGGER_INPUTS:return{...e,triggerFocus:Rt(n.direction||"right",n.selectedOptions||[],e.triggerFocus),layerFocus:Te(e.layerFocus)};case W.BLUR_TRIGGER_INPUTS:return{...e,triggerFocus:_e()};case W.FOCUS_LAYER_OPTIONS:return n.nextLayerFocus?{...e,layerFocus:n.nextLayerFocus,triggerFocus:_e()}:e;case W.OPEN_LAYER:return{...e,isLayerOpen:!0};case W.CLOSE_LAYER:return{...e,isLayerOpen:!1};default:return e}},xt={auto:!0,possiblePlacements:["bottom-start","top-start"],placement:"bottom-start",preferX:"right",preferY:"bottom"};var D=(e=>(e.CLOSE_LAYER="CLOSE_LAYER",e.OPEN_LAYER="OPEN_LAYER",e.SET_VISIBLE_OPTIONS="SET_VISIBLE_OPTIONS",e.CLEAR_SEARCH="CLEAR_SEARCH",e.RESET_LAYER_FOCUS="RESET_LAYER_FOCUS",e.FOCUS_LAYER_OPTIONS="FOCUS_LAYER_OPTIONS",e.BLUR_TRIGGER_INPUTS="BLUR_TRIGGER_INPUTS",e.FOCUS_TRIGGER_INPUTS="FOCUS_TRIGGER_INPUTS",e.ON_CHANGE_SEARCH="ON_CHANGE_SEARCH",e))(D||{}),V=(e=>(e.RIGHT="right",e.LEFT="left",e.UP="up",e.DOWN="down",e.ENTER="enter",e.ESC="esc",e.TAB="tab",e))(V||{});const Ct=({state:e,dispatch:n,options:a,setTriggerFocus:d,disabled:c,disabledContext:v,onCreate:f,onChange:s,selectedOptions:o,width:g,small:b,isFontLoaded:S,placeholder:T,firstSelectedOptionIndex:E,createAble:_,listRef:t,autoLayerWidth:l})=>{const i=()=>{e.isLayerOpen&&n({type:D.CLOSE_LAYER}),d()},r=()=>n({type:D.OPEN_LAYER}),u=q.useRef(!0);q.useEffect(()=>{u.current?u.current=!1:n({type:D.SET_VISIBLE_OPTIONS,options:a})},[a]);const m=(O,C,Q)=>{if(!(c||v)){if(Q&&Q(),C){if(C.createAble&&f)f(C.value);else if(!C.disabled)if(Array.isArray(o))if(o.some(B=>B.label===C.label)){const B=o.filter(pe=>pe.label!==C.label);s&&s(O,B)}else{const B=[...o,C];s&&s(O,B)}else s&&s(O,C)}n({type:D.CLEAR_SEARCH,options:a}),d()}},y=q.useCallback(()=>g?g!=="auto"?g:be(a,b,S,T):"100%",[a,S]),h=q.useCallback(O=>l?Math.max(be(a,b,S,T),O==null?void 0:O.width):O==null?void 0:O.width,[a,S]),{renderLayer:I,layerProps:L,triggerProps:R,triggerBounds:x}=We({isOpen:(e==null?void 0:e.isLayerOpen)??!1,overflowContainer:!0,...xt,ResizeObserver,onOutsideClick:i,onParentClose:i}),w=()=>{if(!(c||v)){if(e.isLayerOpen){i();return}n({type:D.RESET_LAYER_FOCUS,options:a,firstSelectedOptionIndex:E}),r()}},M=q.useRef(!0);q.useEffect(()=>{M.current?M.current=!1:e.isLayerOpen||n({type:D.CLEAR_SEARCH,options:a})},[e.isLayerOpen]);const F=(O,C)=>{const Q=o instanceof Array?o.filter(Y=>Y.value!==C.value):null;s&&s(O,Q)},A=O=>{const C=o instanceof Array?[]:{value:null};s&&s(O,C)},G=O=>n({type:D.ON_CHANGE_SEARCH,options:a,value:O,createAble:_}),K=()=>{r(),n({type:D.BLUR_TRIGGER_INPUTS})},$=O=>{t.current&&Number.isInteger(O)&&t.current.scrollToItem(O)},H=O=>{const C=wt(O,e.layerFocus);n({type:D.FOCUS_LAYER_OPTIONS,nextLayerFocus:C}),$(C.current)},P=O=>{n({type:D.FOCUS_TRIGGER_INPUTS,ICustomSelectDirection:O,selectedOptions:o})},Z=O=>A(O),te=o&&o[e.triggerFocus.currentOption],re=O=>{F(O,o[e.triggerFocus.currentOption])},X=O=>{var C;m(O,(C=e==null?void 0:e.visibleOptions)==null?void 0:C[e.layerFocus.current],i)},k=e.triggerFocus.clearAll;return{getTriggerWidth:y,onKeyEvent:(O,C)=>{switch(O){case V.UP:{H(O);break}case V.DOWN:{e.isLayerOpen?H(O):K();break}case V.LEFT:case V.RIGHT:{P(O);break}case V.ENTER:{k?Z(C):te?re(C):X(C);break}case V.ESC:{i();break}}},clearAllIsFocused:k,triggerProps:R,onClickTrigger:w,onChangeSearch:G,onClickDeselectOption:F,onClickClearAll:A,renderLayer:I,layerProps:L,closeLayer:i,onSelectOption:m,getLayerWidth:h,triggerBounds:x}},ke=e=>{const{multi:n=!1,disabled:a=!1,error:d=null,warning:c=null,tooltip:v=null,options:f,selectedOptions:s,onCreate:o=null,placeholder:g="",small:b=!1,tabIndex:S=0,onFocus:T=()=>{},onBlur:E=()=>{},searchable:_=!0,clearable:t=!1,maxTooltipWidth:l,closeOnOptionActionClick:i,isInTable:r=!1,groupOrder:u,firstSelectedOptionIndex:m=0,right:y=!1,testId:h=void 0}=e,I=q.useContext(de),L=o!==null,R=q.useRef(null),[x,w]=we(),M=Re(),[F,A]=q.useReducer(Lt,{options:f,firstSelectedOptionIndex:m},({options:Y})=>({searchValue:"",visibleOptions:Y,layerFocus:De(Y,m??0),triggerFocus:Pe,isLayerOpen:!1})),{getTriggerWidth:G,onKeyEvent:K,clearAllIsFocused:$,triggerProps:H,onClickTrigger:P,onChangeSearch:Z,onClickDeselectOption:te,onClickClearAll:re,renderLayer:X,layerProps:k,closeLayer:J,onSelectOption:O,getLayerWidth:C,triggerBounds:Q}=Ct({...e,state:F,dispatch:A,setTriggerFocus:w,disabledContext:I,isFontLoaded:M,createAble:L,listRef:R});return p.jsx("div",{style:{width:G()},children:p.jsxs(fn,{handleKeys:Object.values(V),onKeyEvent:K,children:[p.jsx(He,{selectedOptions:s,searchValue:F.searchValue,isOpen:F.isLayerOpen,focusedSelectedOptionIndex:F.triggerFocus.currentOption,clearAllIsFocused:$,searchable:_,triggerRef:Ue(x,H.ref),error:d,warning:c,tooltip:v,small:b,isInTable:r,disabled:a||I,clearable:t,tabIndex:S,onClickTrigger:P,onChangeSearch:Z,onClickDeselect:te,onClickClear:re,onFocus:T,onBlur:E,groupOrder:u,maxTooltipWidth:l,placeholder:g,right:y,testId:h}),F.isLayerOpen&&X(p.jsx("div",{...k,className:j.layerContainer,children:p.jsx(Ae,{listRef:R,isMulti:n,sections:F.visibleOptions,selectedOptions:s,onSelectOption:(Y,B)=>{O(Y,B,n?void 0:J)},closeLayer:()=>{i&&J()},width:C(Q),small:b,focusedOptionIndex:F.layerFocus.current,firstSelectedOptionIndex:m??0,testId:h&&`${h}-layer`})}))]})})};ke.__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
+ evt: ChangeEvent<HTMLInputElement>,
39
+ newSelectedOptions: ISelectSelectedOption,
40
+ ) => void`,signature:{arguments:[{type:{name:"ChangeEvent",elements:[{name:"HTMLInputElement"}],raw:"ChangeEvent<HTMLInputElement>"},name:"evt"},{type:{name:"ISelectSelectedOption"},name:"newSelectedOptions"}],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 Mt=e=>{const{name:n="",options:a=[],value:d,native:c=!1,onChange:v=()=>{},deprecatedEventHandler:f=!1,autoScroll:s=!0,warning:o,error:g,checkNonExistentValues:b=!0,closeOnOptionActionClick:S=!0,testId:T,disabled:E}=e,_=!c&&s===!0,{multi:t,simpleInputs:l,options:i,selectedOptions:r,firstSelectedOptionIndex:u,hasNonExistentValue:m}=Ye(a,d,_,b),y=!t,h=c&&y;c&&!y&&console.warn("Native select does not support provided props (see stories)");const I="Value no longer available for re-selection",L=m&&!E?o?p.jsxs("div",{children:[p.jsx("div",{children:I}),p.jsx("div",{children:o})]}):I:o,R=m&&g&&!E?p.jsxs("div",{children:[p.jsx("div",{children:I}),p.jsx("div",{children:g})]}):g,x=(w,M)=>{if(f){const F=t?M.map(A=>l?A.value:A):l?M.value:M;v(F)}else{const F=!(w instanceof Event),A=t?M:M.value;F?(w.target.name=n,w.target.value=A,t||(w.target.label=M.label),v(w)):v({...w,target:{...w.target,name:n,value:A,...!t&&{label:M.label}}})}};return h?p.jsx(Ie,{...e,options:i,selectedOption:r,onChange:x,hasNonExistentValue:m,warning:L,error:R,testId:T}):p.jsx(ke,{...e,options:i,selectedOptions:r,onChange:x,multi:t,firstSelectedOptionIndex:u,warning:L,error:R,testId:T,closeOnOptionActionClick:S})};Mt.__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:"(value: any) => void",signature:{arguments:[{type:{name:"any"},name:"value"}],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{Mt as S};
@@ -0,0 +1 @@
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}
@@ -1,4 +1,4 @@
1
- import{j as d}from"./jsx-runtime-eps93zm2.js";import{r as b}from"./index-DhsZuJvc.js";import{w as i,e as o,u as c}from"./index-DMAnyMX5.js";import{S as z}from"./select-C8iu4-uz.js";import{S as qa}from"./spacer-BWoNR27H.js";import{I as Z}from"./common-types-Sih75Sav.js";import{I as $}from"./icon-BSFY3vDO.js";import"./index-CF7H4eMJ.js";import"./index-Bk2sglWO.js";import"./disabled-context-rmpd7YJS.js";import"./types-UmZ4Y_CR.js";import"./lodash-BHd_uQHh.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./index-CEuq6vkz.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";import"./memoize-one.esm-CcMeOnPo.js";import"./types-BmbYqTX_.js";import"./text-B3-TSWok.js";import"./actions-CHgr8eL8.js";import"./button-VxhoNhrV.js";import"./spinner-AWUe4xwQ.js";import"./badge-CLQ59MDF.js";import"./select.input-DIKP56UZ.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";const _a=[{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Koalas",value:"leaves"},{label:"Monkeys",value:"bananas",disabled:!0},{label:"Wombats",value:"bark"}],Fa=[{label:"Kangaroos",value:"grass",details:"(grass)"},{label:"Monkeys",value:"bananas",details:"(bananas)"},{label:"Possums",value:"slugs",details:"(slugs)"}],Ga=[{type:"Heading",label:"Large"},{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas"},{type:"Heading",label:"Small"},{label:"Possums",value:"slugs"}],Ya=[{label:1,value:1},{label:2,value:2},{label:3,value:3},{label:4,value:4}],Za=[{label:"Yes",value:!0},{label:"No",value:!1}],$a=[{label:"Aardvarks",value:"termites"},{label:"Monkeys",value:"bananas"},{label:"Vampires",value:"blood",icon:d.jsx($,{icon:Z.WARNING,color:"var(--color-text-warning)"})},{label:"Zombies",value:"brains",icon:d.jsx($,{icon:Z.ERROR,color:"var(--color-text-error)"})}],y=[{label:"Delete",icon:"delete",onClick:()=>{}},{label:"Rename",icon:"rename",onClick:()=>{}}],za=[{label:"Kangaroos",value:"grass",actions:y},{label:"Monkeys",value:"bananas",actions:y},{label:"Possums",value:"slugs",actions:y,details:"(some details)"}],Ja=[{label:"Kangaroos",value:"grass",actions:y,icon:d.jsx($,{icon:Z.WARNING,color:"var(--color-text-warning)"}),details:"(grass)"},{label:"Monkeys",value:"bananas",actions:y,icon:d.jsx($,{icon:Z.WARNING,color:"var(--color-text-warning)"}),details:"(bananas)"},{label:"Possums",value:"slugs",actions:y,icon:d.jsx($,{icon:Z.WARNING,color:"var(--color-text-warning)"}),details:"(slugs)"}],Qa=[...Array(1e4).keys()].map((t,l)=>({label:Math.random().toString(36).substring(7),value:l})),Ua=["Aardvarks","Kangaroos","Monkeys","Possums"],Tn={title:"Forms/Select",component:z,args:{options:_a,native:!1,multi:!1,disabled:!1,autoLayerWidth:!1,clearable:!1,searchable:!0,right:!1}},a=t=>{const{multi:l,value:e}=t,[s,n]=b.useState(e||(l?[]:void 0)),u=r=>{const{value:g}=r.target;n(l?g:{value:g})};return d.jsx(z,{value:s,onChange:u,...t})},J=a.bind({}),C=a.bind({});C.args={small:!0};const x=a.bind({});x.args={width:"auto"};const I=a.bind({});I.args={width:"200px"};const w=a.bind({});w.args={native:!0};const f=a.bind({});f.args={multi:!0,clearable:!0};const T=a.bind({});T.args={options:[]};const B=a.bind({});B.args={clearable:!0};const j=a.bind({});j.args={value:{label:"Vampires",value:"blood"}};const k=a.bind({});k.args={placeholder:"Select the best animal..."};const W=a.bind({});W.args={options:Ga};const O=a.bind({});O.args={options:Fa};const D=a.bind({});D.args={options:$a};const N=a.bind({});N.args={options:za};const A=a.bind({});A.args={options:Ja};const E=a.bind({});E.args={searchable:!1};const M=a.bind({});M.args={right:!0};const v=a.bind({});v.parameters={docs:{description:{story:"Avoid autoLayerWidth for very long lists in custom selects (slow)"}}};v.args={width:"70px",autoLayerWidth:!0};const L=a.bind({});L.args={tooltip:"Some info"};const K=a.bind({});K.args={error:"Some info"};const R=a.bind({});R.args={warning:"Some info"};const P=a.bind({});P.args={disabled:!0};const H=a.bind({});H.args={options:Ya,placeholder:void 0};const _=a.bind({});_.args={options:Za};const q=a.bind({});q.args={options:Ua};const m=a.bind({});m.parameters={docs:{description:{story:"Avoid `width: auto` and autoLayerWidth for very long lists in custom selects (slow). Consider checkNonExistentValues={false}."}}};m.args={options:Qa};const F=a.bind({});F.args={deprecatedEventHandler:!0};const G=a.bind({});G.args={value:{label:"Vampires",value:"blood"},disabled:!0};const Y=()=>{const[t,l]=b.useState([{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas"},{label:"Possums",value:"slugs"}]),[e,s]=b.useState(void 0),[n,u]=b.useState([]);return d.jsxs(d.Fragment,{children:[d.jsx(z,{name:"example",options:t,onChange:r=>s({value:r.target.value}),onCreate:r=>{const g={label:r,value:r};l([...t,g]),s(g)},value:e,clearable:!0}),d.jsx(qa,{}),d.jsx(z,{name:"example",options:t,onChange:r=>u(r.target.value),onCreate:r=>{const g={label:r,value:r};l([...t,g]),console.log(r),u([...n,g])},value:n,multi:!0,clearable:!0})]})},h=a.bind({});h.args={testId:"testId",clearable:!0};h.play=async({canvasElement:t,step:l})=>{const e=t.parentElement?i(t.parentElement):null;await o(e).toBeTruthy(),e&&(await l("Select item with click",async()=>{const s=e.getByTestId("testId");await c.click(s);const n=e.getByTestId("testId-layer");await o(n).toBeInTheDocument();const u=i(n).getByText("Wombats");await c.click(u);const r=e.getByTestId("testId-value");await o(i(r).getByText("Wombats")).toBeInTheDocument()}),await l("Clear selected value",async()=>{const s=e.getByTestId("testId-clear");await c.click(s);const n=e.queryByTestId("testId-value");await o(n).not.toBeInTheDocument()}))};const S=a.bind({});S.args={testId:"testId",clearable:!0,multi:!0};S.play=async({canvasElement:t,step:l})=>{const e=t.parentElement?i(t.parentElement):null;await o(e).toBeTruthy(),e&&(await l("Select items with click",async()=>{const s=e.getByTestId("testId");await c.click(s);const n=e.getByTestId("testId-layer");await o(n).toBeInTheDocument();const u=i(n).getByText("Wombats");await c.click(u);const r=i(n).getByText("Kangaroos");await c.click(r),await c.click(t),await o(n).not.toBeInTheDocument();const g=e.getByTestId("testId-value");await o(i(g).getByText("Wombats")).toBeInTheDocument(),await o(i(g).getByText("Kangaroos")).toBeInTheDocument()}),await l("Deselect item with click",async()=>{const s=e.getByTestId("testId");await c.click(s);const n=e.getByTestId("testId-layer");await o(n).toBeInTheDocument();const u=i(n).getByText("Wombats");await c.click(u),await c.click(t),await o(n).not.toBeInTheDocument();const r=e.getByTestId("testId-value");await o(i(r).queryByText("Wombats")).not.toBeInTheDocument()}),await l("Clear selected values",async()=>{const s=e.getByTestId("testId-clear");await c.click(s);const n=e.queryByTestId("testId-value");await o(n).not.toBeInTheDocument()}))};const V=a.bind({});V.args={testId:"testId",disabled:!0};V.play=async({canvasElement:t,step:l})=>{const e=i(t);await l("Clicking disabled trigger should not show layer",async()=>{await e.getByTestId("testId").click();const n=e.queryByTestId("testId-layer");await o(n).toBeNull()})};const p=()=>{const[t,l]=b.useState(_a),[e,s]=b.useState(void 0);return d.jsx(z,{testId:"testId",name:"example",options:t,onChange:n=>s({value:n.target.value}),onCreate:n=>{const u={label:n,value:n};l([...t,u]),s(u)},value:e})};p.args={testId:"testId"};p.play=async({canvasElement:t,step:l})=>{const e=t.parentElement?i(t.parentElement):null;await o(e).toBeTruthy(),e&&await l("Create new item",async()=>{const s=e.getByTestId("testId-input");if(o(s).toBeInTheDocument(),!s)return;await c.type(s,"New value");const n=e.getByText('Create "New value"');await c.click(n);const u=e.getByTestId("testId-value");await o(i(u).getByText("New value")).toBeInTheDocument()})};Y.__docgenInfo={description:"",methods:[],displayName:"OnCreate"};p.__docgenInfo={description:"",methods:[{name:"play",docblock:null,modifiers:["static"],params:[{name:"{ canvasElement, step }",optional:!1,type:null}],returns:null}],displayName:"TestCreate"};var Q,U,X;J.parameters={...J.parameters,docs:{...(Q=J.parameters)==null?void 0:Q.docs,source:{originalSource:`(args: any) => {
1
+ import{j as d}from"./jsx-runtime-eps93zm2.js";import{r as b}from"./index-DhsZuJvc.js";import{w as i,e as o,u as c}from"./index-DMAnyMX5.js";import{S as z}from"./select-BFv5KuOX.js";import{S as qa}from"./spacer-BWoNR27H.js";import{I as Z}from"./common-types-Sih75Sav.js";import{I as $}from"./icon-BSFY3vDO.js";import"./index-CF7H4eMJ.js";import"./index-Bk2sglWO.js";import"./disabled-context-rmpd7YJS.js";import"./types-UmZ4Y_CR.js";import"./lodash-BHd_uQHh.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./index-CEuq6vkz.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";import"./memoize-one.esm-CcMeOnPo.js";import"./types-BmbYqTX_.js";import"./text-B3-TSWok.js";import"./actions-B-KaMy86.js";import"./button-kgPRviUL.js";import"./spinner-AWUe4xwQ.js";import"./badge-CLQ59MDF.js";import"./select.input-DIKP56UZ.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";const _a=[{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Koalas",value:"leaves"},{label:"Monkeys",value:"bananas",disabled:!0},{label:"Wombats",value:"bark"}],Fa=[{label:"Kangaroos",value:"grass",details:"(grass)"},{label:"Monkeys",value:"bananas",details:"(bananas)"},{label:"Possums",value:"slugs",details:"(slugs)"}],Ga=[{type:"Heading",label:"Large"},{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas"},{type:"Heading",label:"Small"},{label:"Possums",value:"slugs"}],Ya=[{label:1,value:1},{label:2,value:2},{label:3,value:3},{label:4,value:4}],Za=[{label:"Yes",value:!0},{label:"No",value:!1}],$a=[{label:"Aardvarks",value:"termites"},{label:"Monkeys",value:"bananas"},{label:"Vampires",value:"blood",icon:d.jsx($,{icon:Z.WARNING,color:"var(--color-text-warning)"})},{label:"Zombies",value:"brains",icon:d.jsx($,{icon:Z.ERROR,color:"var(--color-text-error)"})}],y=[{label:"Delete",icon:"delete",onClick:()=>{}},{label:"Rename",icon:"rename",onClick:()=>{}}],za=[{label:"Kangaroos",value:"grass",actions:y},{label:"Monkeys",value:"bananas",actions:y},{label:"Possums",value:"slugs",actions:y,details:"(some details)"}],Ja=[{label:"Kangaroos",value:"grass",actions:y,icon:d.jsx($,{icon:Z.WARNING,color:"var(--color-text-warning)"}),details:"(grass)"},{label:"Monkeys",value:"bananas",actions:y,icon:d.jsx($,{icon:Z.WARNING,color:"var(--color-text-warning)"}),details:"(bananas)"},{label:"Possums",value:"slugs",actions:y,icon:d.jsx($,{icon:Z.WARNING,color:"var(--color-text-warning)"}),details:"(slugs)"}],Qa=[...Array(1e4).keys()].map((t,l)=>({label:Math.random().toString(36).substring(7),value:l})),Ua=["Aardvarks","Kangaroos","Monkeys","Possums"],Tn={title:"Forms/Select",component:z,args:{options:_a,native:!1,multi:!1,disabled:!1,autoLayerWidth:!1,clearable:!1,searchable:!0,right:!1}},a=t=>{const{multi:l,value:e}=t,[s,n]=b.useState(e||(l?[]:void 0)),u=r=>{const{value:g}=r.target;n(l?g:{value:g})};return d.jsx(z,{value:s,onChange:u,...t})},J=a.bind({}),C=a.bind({});C.args={small:!0};const x=a.bind({});x.args={width:"auto"};const I=a.bind({});I.args={width:"200px"};const w=a.bind({});w.args={native:!0};const f=a.bind({});f.args={multi:!0,clearable:!0};const T=a.bind({});T.args={options:[]};const B=a.bind({});B.args={clearable:!0};const j=a.bind({});j.args={value:{label:"Vampires",value:"blood"}};const k=a.bind({});k.args={placeholder:"Select the best animal..."};const W=a.bind({});W.args={options:Ga};const O=a.bind({});O.args={options:Fa};const D=a.bind({});D.args={options:$a};const N=a.bind({});N.args={options:za};const A=a.bind({});A.args={options:Ja};const E=a.bind({});E.args={searchable:!1};const M=a.bind({});M.args={right:!0};const v=a.bind({});v.parameters={docs:{description:{story:"Avoid autoLayerWidth for very long lists in custom selects (slow)"}}};v.args={width:"70px",autoLayerWidth:!0};const L=a.bind({});L.args={tooltip:"Some info"};const K=a.bind({});K.args={error:"Some info"};const R=a.bind({});R.args={warning:"Some info"};const P=a.bind({});P.args={disabled:!0};const H=a.bind({});H.args={options:Ya,placeholder:void 0};const _=a.bind({});_.args={options:Za};const q=a.bind({});q.args={options:Ua};const m=a.bind({});m.parameters={docs:{description:{story:"Avoid `width: auto` and autoLayerWidth for very long lists in custom selects (slow). Consider checkNonExistentValues={false}."}}};m.args={options:Qa};const F=a.bind({});F.args={deprecatedEventHandler:!0};const G=a.bind({});G.args={value:{label:"Vampires",value:"blood"},disabled:!0};const Y=()=>{const[t,l]=b.useState([{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas"},{label:"Possums",value:"slugs"}]),[e,s]=b.useState(void 0),[n,u]=b.useState([]);return d.jsxs(d.Fragment,{children:[d.jsx(z,{name:"example",options:t,onChange:r=>s({value:r.target.value}),onCreate:r=>{const g={label:r,value:r};l([...t,g]),s(g)},value:e,clearable:!0}),d.jsx(qa,{}),d.jsx(z,{name:"example",options:t,onChange:r=>u(r.target.value),onCreate:r=>{const g={label:r,value:r};l([...t,g]),console.log(r),u([...n,g])},value:n,multi:!0,clearable:!0})]})},h=a.bind({});h.args={testId:"testId",clearable:!0};h.play=async({canvasElement:t,step:l})=>{const e=t.parentElement?i(t.parentElement):null;await o(e).toBeTruthy(),e&&(await l("Select item with click",async()=>{const s=e.getByTestId("testId");await c.click(s);const n=e.getByTestId("testId-layer");await o(n).toBeInTheDocument();const u=i(n).getByText("Wombats");await c.click(u);const r=e.getByTestId("testId-value");await o(i(r).getByText("Wombats")).toBeInTheDocument()}),await l("Clear selected value",async()=>{const s=e.getByTestId("testId-clear");await c.click(s);const n=e.queryByTestId("testId-value");await o(n).not.toBeInTheDocument()}))};const S=a.bind({});S.args={testId:"testId",clearable:!0,multi:!0};S.play=async({canvasElement:t,step:l})=>{const e=t.parentElement?i(t.parentElement):null;await o(e).toBeTruthy(),e&&(await l("Select items with click",async()=>{const s=e.getByTestId("testId");await c.click(s);const n=e.getByTestId("testId-layer");await o(n).toBeInTheDocument();const u=i(n).getByText("Wombats");await c.click(u);const r=i(n).getByText("Kangaroos");await c.click(r),await c.click(t),await o(n).not.toBeInTheDocument();const g=e.getByTestId("testId-value");await o(i(g).getByText("Wombats")).toBeInTheDocument(),await o(i(g).getByText("Kangaroos")).toBeInTheDocument()}),await l("Deselect item with click",async()=>{const s=e.getByTestId("testId");await c.click(s);const n=e.getByTestId("testId-layer");await o(n).toBeInTheDocument();const u=i(n).getByText("Wombats");await c.click(u),await c.click(t),await o(n).not.toBeInTheDocument();const r=e.getByTestId("testId-value");await o(i(r).queryByText("Wombats")).not.toBeInTheDocument()}),await l("Clear selected values",async()=>{const s=e.getByTestId("testId-clear");await c.click(s);const n=e.queryByTestId("testId-value");await o(n).not.toBeInTheDocument()}))};const V=a.bind({});V.args={testId:"testId",disabled:!0};V.play=async({canvasElement:t,step:l})=>{const e=i(t);await l("Clicking disabled trigger should not show layer",async()=>{await e.getByTestId("testId").click();const n=e.queryByTestId("testId-layer");await o(n).toBeNull()})};const p=()=>{const[t,l]=b.useState(_a),[e,s]=b.useState(void 0);return d.jsx(z,{testId:"testId",name:"example",options:t,onChange:n=>s({value:n.target.value}),onCreate:n=>{const u={label:n,value:n};l([...t,u]),s(u)},value:e})};p.args={testId:"testId"};p.play=async({canvasElement:t,step:l})=>{const e=t.parentElement?i(t.parentElement):null;await o(e).toBeTruthy(),e&&await l("Create new item",async()=>{const s=e.getByTestId("testId-input");if(o(s).toBeInTheDocument(),!s)return;await c.type(s,"New value");const n=e.getByText('Create "New value"');await c.click(n);const u=e.getByTestId("testId-value");await o(i(u).getByText("New value")).toBeInTheDocument()})};Y.__docgenInfo={description:"",methods:[],displayName:"OnCreate"};p.__docgenInfo={description:"",methods:[{name:"play",docblock:null,modifiers:["static"],params:[{name:"{ canvasElement, step }",optional:!1,type:null}],returns:null}],displayName:"TestCreate"};var Q,U,X;J.parameters={...J.parameters,docs:{...(Q=J.parameters)==null?void 0:Q.docs,source:{originalSource:`(args: any) => {
2
2
  const {
3
3
  multi,
4
4
  value
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as m,R as M}from"./index-DhsZuJvc.js";import{c as d}from"./index-Bk2sglWO.js";import{i as v}from"./index-BI4_Bp97.js";import{B as h,I as T}from"./common-types-Sih75Sav.js";import{D as y}from"./drawer-BhuWxI7V.js";import{T as f}from"./tooltip-1V7clEnw.js";import{I as x}from"./icon-BSFY3vDO.js";import{B as I}from"./badge-CLQ59MDF.js";import{B as R}from"./button-VxhoNhrV.js";const j="_inputInTable_1ube5_1",L="_inputHover_1ube5_13",A="_inputFocus_1ube5_18",H="_inputError_1ube5_25",w="_inputWarning_1ube5_26",N="_inputDisabled_1ube5_61",q="_hideScrollbars_1ube5_67",C="_sidebar_1ube5_82",S="_inner_1ube5_93",k="_title_1ube5_103",B="_subtitle_1ube5_104",O="_label_1ube5_105",F="_collapsed_1ube5_109",D="_list_1ube5_134",W="_item_1ube5_140",P="_experimental_1ube5_155",z="_active_1ube5_159",V="_icon_1ube5_163",a={inputInTable:j,inputHover:L,inputFocus:A,inputError:H,inputWarning:w,inputDisabled:N,hideScrollbars:q,sidebar:C,inner:S,title:k,subtitle:B,label:O,collapsed:F,list:D,item:W,experimental:P,active:z,icon:V},$=m.memo(({isOpen:n,label:t,icon:u,invalid:i})=>e.jsxs(e.Fragment,{children:[e.jsx(f,{text:t,enabled:!n,placement:"right-center",possiblePlacements:["right-center"],fontSize:16,padding:"var(--padding-sm)",display:"block",children:e.jsx("span",{className:a.icon,children:e.jsx(I,{small:!0,title:i?"!":void 0,margin:4,children:e.jsx(x,{icon:u})})})}),e.jsx("span",{className:a.label,children:t})]}),(n,t)=>v(n,t)),b=({isOpen:n,items:t,sectionIndex:u,onClick:i,testId:r})=>e.jsx("div",{className:a.list,children:t.map((s,c)=>{const l=`${u}_${c}`;return e.jsx("a",{href:s.value,className:d(a.item,s.isActive?a.active:"",s.isExperimental?a.experimental:""),onClick:o=>i(o,s.value,s.label,s.onClick),"data-testid":r,children:e.jsx($,{label:s.label,icon:s.icon,invalid:s.invalid,isOpen:n},l)},l)})});b.__docgenInfo={description:"",methods:[],displayName:"Link",props:{isOpen:{required:!0,tsType:{name:"boolean"},description:""},items:{required:!0,tsType:{name:"Array",elements:[{name:"IOptionItem"}],raw:"IOptionItem[]"},description:""},sectionIndex:{required:!0,tsType:{name:"number"},description:""},onClick:{required:!0,tsType:{name:"signature",type:"function",raw:`(
1
+ import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as u,R as M}from"./index-DhsZuJvc.js";import{c as d}from"./index-Bk2sglWO.js";import{i as v}from"./index-BI4_Bp97.js";import{B as h,I as T}from"./common-types-Sih75Sav.js";import{D as y}from"./drawer-BJ2m_mJk.js";import{T as j}from"./tooltip-1V7clEnw.js";import{I as f}from"./icon-BSFY3vDO.js";import{B as x}from"./badge-CLQ59MDF.js";import{B as I}from"./button-kgPRviUL.js";const R="_inputInTable_16jgo_1",w="_error_16jgo_7",L="_warning_16jgo_7",A="_inputHover_16jgo_13",H="_inputFocus_16jgo_18",N="_inputError_16jgo_25",q="_inputWarning_16jgo_26",C="_inputDisabled_16jgo_61",S="_hideScrollbars_16jgo_67",k="_sidebar_16jgo_82",B="_inner_16jgo_93",O="_title_16jgo_103",F="_subtitle_16jgo_104",D="_label_16jgo_105",W="_collapsed_16jgo_109",P="_list_16jgo_134",z="_item_16jgo_140",V="_experimental_16jgo_155",$="_active_16jgo_159",K="_icon_16jgo_163",o={inputInTable:R,error:w,warning:L,inputHover:A,inputFocus:H,inputError:N,inputWarning:q,inputDisabled:C,hideScrollbars:S,sidebar:k,inner:B,title:O,subtitle:F,label:D,collapsed:W,list:P,item:z,experimental:V,active:$,icon:K},U=u.memo(({isOpen:n,label:t,icon:c,invalid:a})=>e.jsxs(e.Fragment,{children:[e.jsx(j,{text:t,enabled:!n,placement:"right-center",possiblePlacements:["right-center"],fontSize:16,padding:"var(--padding-sm)",display:"block",children:e.jsx("span",{className:o.icon,children:e.jsx(x,{small:!0,title:a?"!":void 0,margin:4,children:e.jsx(f,{icon:c})})})}),e.jsx("span",{className:o.label,children:t})]}),(n,t)=>v(n,t)),g=({isOpen:n,items:t,sectionIndex:c,onClick:a,testId:r})=>e.jsx("div",{className:o.list,children:t.map((s,m)=>{const l=`${c}_${m}`;return e.jsx("a",{href:s.value,className:d(o.item,s.isActive?o.active:"",s.isExperimental?o.experimental:""),onClick:i=>a(i,s.value,s.label,s.onClick),"data-testid":r,children:e.jsx(U,{label:s.label,icon:s.icon,invalid:s.invalid,isOpen:n},l)},l)})});g.__docgenInfo={description:"",methods:[],displayName:"Link",props:{isOpen:{required:!0,tsType:{name:"boolean"},description:""},items:{required:!0,tsType:{name:"Array",elements:[{name:"IOptionItem"}],raw:"IOptionItem[]"},description:""},sectionIndex:{required:!0,tsType:{name:"number"},description:""},onClick:{required:!0,tsType:{name:"signature",type:"function",raw:`(
2
2
  evt: React.MouseEvent<HTMLAnchorElement, MouseEvent>,
3
3
  value: string,
4
4
  label: string | ReactNode,
@@ -7,7 +7,7 @@ import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as m,R as M}from"./index-
7
7
  ) => void,
8
8
  ) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLAnchorElement, MouseEvent>",elements:[{name:"HTMLAnchorElement"},{name:"MouseEvent"}]},name:"evt"},{type:{name:"string"},name:"value"},{type:{name:"union",raw:"string | ReactNode",elements:[{name:"string"},{name:"ReactNode"}]},name:"label"},{type:{name:"signature",type:"function",raw:`(
9
9
  evt: React.MouseEvent<HTMLAnchorElement, MouseEvent>,
10
- ) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLAnchorElement, MouseEvent>",elements:[{name:"HTMLAnchorElement"},{name:"MouseEvent"}]},name:"evt"}],return:{name:"void"}}},name:"onClickCallback"}],return:{name:"void"}}},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const _=({isOpen:n,sections:t,onClick:u})=>e.jsx(e.Fragment,{children:t.map((i,r)=>e.jsxs(M.Fragment,{children:[e.jsx("h5",{className:a.subtitle,children:i.heading.toUpperCase()}),e.jsx(b,{isOpen:n,items:i.items,sectionIndex:r,onClick:u,testId:i.testId})]},r))});_.__docgenInfo={description:"",methods:[],displayName:"Sections",props:{isOpen:{required:!0,tsType:{name:"boolean"},description:""},sections:{required:!0,tsType:{name:"Array",elements:[{name:"ISection"}],raw:"ISection[]"},description:""},onClick:{required:!0,tsType:{name:"signature",type:"function",raw:`(
10
+ ) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLAnchorElement, MouseEvent>",elements:[{name:"HTMLAnchorElement"},{name:"MouseEvent"}]},name:"evt"}],return:{name:"void"}}},name:"onClickCallback"}],return:{name:"void"}}},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const _=({isOpen:n,sections:t,onClick:c})=>e.jsx(e.Fragment,{children:t.map((a,r)=>e.jsxs(M.Fragment,{children:[e.jsx("h5",{className:o.subtitle,children:a.heading.toUpperCase()}),e.jsx(g,{isOpen:n,items:a.items,sectionIndex:r,onClick:c,testId:a.testId})]},r))});_.__docgenInfo={description:"",methods:[],displayName:"Sections",props:{isOpen:{required:!0,tsType:{name:"boolean"},description:""},sections:{required:!0,tsType:{name:"Array",elements:[{name:"ISection"}],raw:"ISection[]"},description:""},onClick:{required:!0,tsType:{name:"signature",type:"function",raw:`(
11
11
  evt: React.MouseEvent<HTMLAnchorElement, MouseEvent>,
12
12
  value: string,
13
13
  label: string | ReactNode,
@@ -16,9 +16,9 @@ import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as m,R as M}from"./index-
16
16
  ) => void,
17
17
  ) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLAnchorElement, MouseEvent>",elements:[{name:"HTMLAnchorElement"},{name:"MouseEvent"}]},name:"evt"},{type:{name:"string"},name:"value"},{type:{name:"union",raw:"string | ReactNode",elements:[{name:"string"},{name:"ReactNode"}]},name:"label"},{type:{name:"signature",type:"function",raw:`(
18
18
  evt: React.MouseEvent<HTMLAnchorElement, MouseEvent>,
19
- ) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLAnchorElement, MouseEvent>",elements:[{name:"HTMLAnchorElement"},{name:"MouseEvent"}]},name:"evt"}],return:{name:"void"}}},name:"onClickCallback"}],return:{name:"void"}}},description:""}}};const K=m.memo(({options:n,startOpen:t=!1,onShiftClickToggleOpen:u=()=>{},top:i})=>{const[r,s]=m.useState(t),c=(o,E,g,p)=>{o.preventDefault(),typeof p=="function"&&(o.currentTarget.value=E,o.currentTarget.label=g,p(o)),s(!1)},l=n.sections.length>0;return e.jsx(y,{fixed:!0,open:r,top:i,background:"var(--color-background-sidebar)",closedWidth:"var(--size-sidebar)",buttonPosition:h.BOTTOM,buttonAnimate:!0,button:l&&e.jsx(R,{onClick:o=>{o.shiftKey&&u&&u(o),s(!r)},colored:!0,round:!0,icon:T.LEFT}),children:e.jsx("div",{className:d(a.sidebar,r?"":a.collapsed),children:l&&e.jsxs("div",{className:a.inner,children:[e.jsx("h4",{className:a.title,children:n.title}),e.jsx(_,{isOpen:r,sections:n.sections,onClick:c})]})})})},(n,t)=>v(n,t));K.__docgenInfo={description:"",methods:[],displayName:"SideBar",props:{options:{required:!0,tsType:{name:"signature",type:"object",raw:`{
19
+ ) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLAnchorElement, MouseEvent>",elements:[{name:"HTMLAnchorElement"},{name:"MouseEvent"}]},name:"evt"}],return:{name:"void"}}},name:"onClickCallback"}],return:{name:"void"}}},description:""}}};const G=u.memo(({options:n,startOpen:t=!1,onShiftClickToggleOpen:c=()=>{},top:a})=>{const[r,s]=u.useState(t),m=(i,E,b,p)=>{i.preventDefault(),typeof p=="function"&&(i.currentTarget.value=E,i.currentTarget.label=b,p(i)),s(!1)},l=n.sections.length>0;return e.jsx(y,{fixed:!0,open:r,top:a,background:"var(--color-background-sidebar)",closedWidth:"var(--size-sidebar)",buttonPosition:h.BOTTOM,buttonAnimate:!0,button:l&&e.jsx(I,{onClick:i=>{i.shiftKey&&c&&c(i),s(!r)},colored:!0,round:!0,icon:T.LEFT}),children:e.jsx("div",{className:d(o.sidebar,r?"":o.collapsed),children:l&&e.jsxs("div",{className:o.inner,children:[e.jsx("h4",{className:o.title,children:n.title}),e.jsx(_,{isOpen:r,sections:n.sections,onClick:m})]})})})},(n,t)=>v(n,t));G.__docgenInfo={description:"",methods:[],displayName:"SideBar",props:{options:{required:!0,tsType:{name:"signature",type:"object",raw:`{
20
20
  title: string;
21
21
  sections: IOptionSection[];
22
22
  }`,signature:{properties:[{key:"title",value:{name:"string",required:!0}},{key:"sections",value:{name:"Array",elements:[{name:"IOptionSection"}],raw:"IOptionSection[]",required:!0}}]}},description:""},startOpen:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},onShiftClickToggleOpen:{required:!1,tsType:{name:"signature",type:"function",raw:`(
23
23
  evt: MouseEvent<HTMLButtonElement, globalThis.MouseEvent>,
24
- ) => void`,signature:{arguments:[{type:{name:"MouseEvent",elements:[{name:"HTMLButtonElement"},{name:"globalThis.MouseEvent"}],raw:"MouseEvent<HTMLButtonElement, globalThis.MouseEvent>"},name:"evt"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},top:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""}}};export{K as S};
24
+ ) => void`,signature:{arguments:[{type:{name:"MouseEvent",elements:[{name:"HTMLButtonElement"},{name:"globalThis.MouseEvent"}],raw:"MouseEvent<HTMLButtonElement, globalThis.MouseEvent>"},name:"evt"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},top:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""}}};export{G as S};
@@ -0,0 +1 @@
1
+ ._inputInTable_16jgo_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_16jgo_1:not(:hover):not(._error_16jgo_7):not(._warning_16jgo_7){border-color:transparent}._inputInTable_16jgo_1:not(:focus){box-shadow:none}._inputHover_16jgo_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_16jgo_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_16jgo_25,._inputWarning_16jgo_26{position:relative}._inputError_16jgo_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._inputError_16jgo_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_16jgo_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_16jgo_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._inputWarning_16jgo_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_16jgo_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_16jgo_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_16jgo_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_16jgo_67::-webkit-scrollbar{display:none}:root{--size-sidebar: var(--size-xl);--size-sidebar-icon: var(--size);--color-background-sidebar: black}._sidebar_16jgo_82{background-color:var(--color-background-sidebar);color:#fff;position:relative;padding:var(--padding) 0}@media print{._sidebar_16jgo_82{display:none}}._inner_16jgo_93{scrollbar-width:none;-ms-overflow-style:none}._inner_16jgo_93::-webkit-scrollbar{display:none}._title_16jgo_103,._subtitle_16jgo_104,._label_16jgo_105{transition:opacity .2s,max-height .2s,margin .2s,color .2s;max-height:50px}._collapsed_16jgo_109 ._title_16jgo_103,._collapsed_16jgo_109 ._subtitle_16jgo_104,._collapsed_16jgo_109 ._label_16jgo_105{opacity:0;max-height:0;margin-bottom:0;margin-top:0}._title_16jgo_103{overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap;margin-top:0;font-size:var(--font-size-xl);padding:0 var(--padding)}._subtitle_16jgo_104{margin-bottom:var(--padding-xs);white-space:nowrap;font-size:var(--font-size);letter-spacing:var(--letter-spacing-wide);color:var(--color-neutral-700);padding:0 var(--padding)}._list_16jgo_134{margin-bottom:var(--padding-xl);margin-top:0;position:relative;z-index:1}._item_16jgo_140{transition:padding .2s,color .2s;font-size:var(--font-size-lg);font-weight:400;display:flex;padding:0 var(--padding-xxs);align-items:center;color:var(--color-neutral-500)}._collapsed_16jgo_109 ._item_16jgo_140{padding:0}._item_16jgo_140:hover{color:var(--color-neutral-200)}._item_16jgo_140._experimental_16jgo_155{background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.1) 8px,rgba(255,255,255,.1) 16px,transparent 16px,transparent 24px)}._item_16jgo_140:active,._item_16jgo_140._active_16jgo_159{color:var(--color-neutral-0);background-color:var(--color-primary-700)}._icon_16jgo_163{line-height:0;flex-shrink:0;display:flex;width:var(--size-sidebar);justify-content:center;font-size:var(--size-sidebar-icon);padding:var(--padding-xxs) 0}._icon_16jgo_163 svg{stroke-width:1}._label_16jgo_105{white-space:nowrap;overflow:hidden}
@@ -1 +1 @@
1
- import{j as a}from"./jsx-runtime-eps93zm2.js";import{I as t}from"./common-types-Sih75Sav.js";import{S as m}from"./side-bar-CKbHPgIV.js";import{F as g}from"./flex-EllkLxgO.js";import{B as u}from"./badge-CLQ59MDF.js";import{s as S}from"./icon-custom-Xcl4YkWP.js";import"./index-DhsZuJvc.js";import"./index-Bk2sglWO.js";import"./index-BI4_Bp97.js";import"./drawer-BhuWxI7V.js";import"./lodash-BHd_uQHh.js";import"./index-CEuq6vkz.js";import"./index-CUZDtIZe.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./disabled-context-rmpd7YJS.js";import"./button-VxhoNhrV.js";import"./spinner-AWUe4xwQ.js";import"./tooltip-1V7clEnw.js";const h=[{heading:"First Heading",items:[{label:"Section A",value:"/path/to/something",onClick:()=>{},icon:S},{label:a.jsxs(g,{alignItems:"center",gap:"var(--padding-xxs)",children:["Section B",a.jsx(u,{small:!0,title:"BETA"})]}),value:"/path/to/something",onClick:()=>{},icon:t.HELP,isActive:!0},{label:"Section C",value:"/path/to/something",onClick:()=>{},icon:t.EDIT},{label:"Experimental Section",value:"/path/to/something",onClick:()=>{},icon:t.LIBRARY,isExperimental:!0}]},{heading:"Second Heading",items:[{label:"Section 1",value:"/path/to/something",onClick:()=>{},icon:t.SETTINGS},{label:"Section 2",value:"/path/to/something",onClick:()=>{},icon:t.STAR},{label:"Invalid Section",value:"/path/to/something",onClick:()=>{},icon:t.NOTIFICATION,invalid:!0}]}],L={title:"Navigation/SideBar",component:m,parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}},args:{options:{title:"Title",sections:h},startOpen:!1},argTypes:{top:{control:{type:"text"}},startOpen:{control:{type:"boolean"}}}},c=d=>a.jsx(m,{...d}),o=c.bind({}),e=c.bind({});e.args={startOpen:!0};var i,r,s;o.parameters={...o.parameters,docs:{...(i=o.parameters)==null?void 0:i.docs,source:{originalSource:"args => <SideBar {...args} />",...(s=(r=o.parameters)==null?void 0:r.docs)==null?void 0:s.source}}};var n,l,p;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:"args => <SideBar {...args} />",...(p=(l=e.parameters)==null?void 0:l.docs)==null?void 0:p.source}}};const G=["Default","StartOpen"];export{o as Default,e as StartOpen,G as __namedExportsOrder,L as default};
1
+ import{j as a}from"./jsx-runtime-eps93zm2.js";import{I as t}from"./common-types-Sih75Sav.js";import{S as m}from"./side-bar-BimJX1XV.js";import{F as g}from"./flex-EllkLxgO.js";import{B as u}from"./badge-CLQ59MDF.js";import{s as S}from"./icon-custom-Xcl4YkWP.js";import"./index-DhsZuJvc.js";import"./index-Bk2sglWO.js";import"./index-BI4_Bp97.js";import"./drawer-BJ2m_mJk.js";import"./lodash-BHd_uQHh.js";import"./index-CEuq6vkz.js";import"./index-CUZDtIZe.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./disabled-context-rmpd7YJS.js";import"./button-kgPRviUL.js";import"./spinner-AWUe4xwQ.js";import"./tooltip-1V7clEnw.js";const h=[{heading:"First Heading",items:[{label:"Section A",value:"/path/to/something",onClick:()=>{},icon:S},{label:a.jsxs(g,{alignItems:"center",gap:"var(--padding-xxs)",children:["Section B",a.jsx(u,{small:!0,title:"BETA"})]}),value:"/path/to/something",onClick:()=>{},icon:t.HELP,isActive:!0},{label:"Section C",value:"/path/to/something",onClick:()=>{},icon:t.EDIT},{label:"Experimental Section",value:"/path/to/something",onClick:()=>{},icon:t.LIBRARY,isExperimental:!0}]},{heading:"Second Heading",items:[{label:"Section 1",value:"/path/to/something",onClick:()=>{},icon:t.SETTINGS},{label:"Section 2",value:"/path/to/something",onClick:()=>{},icon:t.STAR},{label:"Invalid Section",value:"/path/to/something",onClick:()=>{},icon:t.NOTIFICATION,invalid:!0}]}],L={title:"Navigation/SideBar",component:m,parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}},args:{options:{title:"Title",sections:h},startOpen:!1},argTypes:{top:{control:{type:"text"}},startOpen:{control:{type:"boolean"}}}},c=d=>a.jsx(m,{...d}),o=c.bind({}),e=c.bind({});e.args={startOpen:!0};var i,r,s;o.parameters={...o.parameters,docs:{...(i=o.parameters)==null?void 0:i.docs,source:{originalSource:"args => <SideBar {...args} />",...(s=(r=o.parameters)==null?void 0:r.docs)==null?void 0:s.source}}};var n,l,p;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:"args => <SideBar {...args} />",...(p=(l=e.parameters)==null?void 0:l.docs)==null?void 0:p.source}}};const G=["Default","StartOpen"];export{o as Default,e as StartOpen,G as __namedExportsOrder,L as default};
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as x}from"./index-DhsZuJvc.js";import{I as j}from"./common-types-Sih75Sav.js";import{T as g}from"./top-bar-C_tn2Pc5.js";import{S as w}from"./side-bar-CKbHPgIV.js";import{H as t}from"./heading-CRNoBc7q.js";import{B as L}from"./button-VxhoNhrV.js";import{D as v}from"./drawer-BhuWxI7V.js";import{L as d}from"./list-yVTOdmpX.js";import{F as l}from"./field-HrLaMLbx.js";import{I as a}from"./input-BW9trNAW.js";import{C as m}from"./check-box-BtCGePRy.js";import{P as f}from"./page-7SSpdYhb.js";import{R as o,C as i}from"./row-4iAGREkV.js";import{A as u}from"./accordion-BiuI_LCA.js";import{S as s}from"./spacer-BWoNR27H.js";import{T as F}from"./tabs-CAZ_dHGK.js";import"./index-Bk2sglWO.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./actions-CHgr8eL8.js";import"./lodash-BHd_uQHh.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./types-BmbYqTX_.js";import"./types-UmZ4Y_CR.js";import"./badge-CLQ59MDF.js";import"./index-BI4_Bp97.js";import"./help-icon-Buhx5nl6.js";import"./spinner-AWUe4xwQ.js";import"./index.es-DazXb-ul.js";import"./redux-tRgGMjwY.js";import"./objectSpread2-DW4nTBoq.js";import"./tiny-invariant-DqLgxztJ.js";import"./memoize-one.esm-CcMeOnPo.js";import"./card-EcjmryU9.js";import"./meta-content-cbHGvPJ7.js";import"./loader-XHoVniao.js";import"./label-CqmyC9he.js";import"./styled-components.browser.esm-Bf0q9Yjk.js";import"./select.input-DIKP56UZ.js";const C=[{label:"Import",value:"import",right:!0},{label:"Settings",value:"settings",right:!0}],S=()=>e.jsx("div",{style:{background:"#AAD3DF",borderLeft:"1px solid #8AB3BF",display:"flex",alignItems:"center",justifyContent:"center",color:"white",height:"100%"},children:"MAP"}),xe={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},n=()=>{const[r,b]=x.useState(!0);return e.jsxs(e.Fragment,{children:[e.jsx(g,{}),e.jsx(w,{options:{title:"",sections:[]},width:"250px"}),e.jsx(f,{padding:!1,scroll:!1,children:e.jsxs(o,{spacing:0,flex:!0,children:[e.jsxs(v,{button:e.jsx(L,{onClick:()=>b(!r),round:!0,icon:j.CHEVRON_LEFT}),open:r,width:300,closedWidth:"var(--size-sidebar)",children:[e.jsx(d,{drawer:!0,narrow:!r,list:{name:"Sites",items:[{id:1,name:"Main Site",type:"Heading"},{id:2,name:"Site name here",active:!0,label:{value:1,color:"#69779b"}},{id:3,name:"Locations",type:"Heading"},{id:4,name:"Ipsum",label:{value:2,color:"#69779b"}},{id:5,name:"Dolor",label:{value:3,color:"#69779b"}}]}}),e.jsx(d,{drawer:!0,narrow:!r,list:{name:"Wells",items:[{id:1,name:"Main Wellbore",type:"Heading"},{id:2,name:"Lorem",label:{value:1,color:"#77699b"}}]}}),e.jsx(d,{drawer:!0,narrow:!r,list:{name:"Targets",items:[{id:1,name:"Lorem",label:{value:1,color:"#9b6977"}}]}})]}),e.jsxs(i,{borderLeft:!0,flexbox:!0,children:[e.jsx(s,{}),e.jsx(F,{padding:!0,margin:!1,options:C}),e.jsxs(o,{spacing:0,flex:!0,children:[e.jsxs(i,{scroll:!0,padding:!0,width:550,children:[e.jsx(t,{top:!0,children:"Site name here"}),e.jsx(l,{label:"Name",children:e.jsx(a,{value:"Site name here",width:"200px"})}),e.jsxs(u,{heading:e.jsx(t,{children:"Coordinate Reference System"}),managed:!0,children:[e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{children:e.jsx(m,{label:"Dolor"})})]}),e.jsx(s,{}),e.jsx(t,{marginBottom:"var(--padding)",children:"Location"}),e.jsxs(o,{children:[e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})})]}),e.jsx(s,{}),e.jsx(t,{marginBottom:"var(--padding)",children:"Model"}),e.jsxs(o,{children:[e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})})]}),e.jsxs(u,{heading:e.jsx(t,{children:"Settings"}),managed:!0,children:[e.jsx(l,{children:e.jsx(m,{label:"Dolor"})}),e.jsxs(o,{children:[e.jsxs(i,{children:[e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})]}),e.jsxs(i,{children:[e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})]})]})]})]}),e.jsx(i,{children:e.jsx(S,{})})]})]})]})})]})};n.__docgenInfo={description:"",methods:[],displayName:"Site"};var p,c,h;n.parameters={...n.parameters,docs:{...(p=n.parameters)==null?void 0:p.docs,source:{originalSource:`() => {
1
+ import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as x}from"./index-DhsZuJvc.js";import{I as j}from"./common-types-Sih75Sav.js";import{T as g}from"./top-bar-kBVQ5xF2.js";import{S as w}from"./side-bar-BimJX1XV.js";import{H as t}from"./heading-CRNoBc7q.js";import{B as L}from"./button-kgPRviUL.js";import{D as v}from"./drawer-BJ2m_mJk.js";import{L as d}from"./list-B44UGuAn.js";import{F as l}from"./field-HrLaMLbx.js";import{I as a}from"./input-DFNY9YDm.js";import{C as m}from"./check-box-BtCGePRy.js";import{P as f}from"./page-7SSpdYhb.js";import{R as o,C as i}from"./row-Bmiy2Lh0.js";import{A as u}from"./accordion-BiuI_LCA.js";import{S as s}from"./spacer-BWoNR27H.js";import{T as F}from"./tabs-CAZ_dHGK.js";import"./index-Bk2sglWO.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./actions-B-KaMy86.js";import"./lodash-BHd_uQHh.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./types-BmbYqTX_.js";import"./types-UmZ4Y_CR.js";import"./badge-CLQ59MDF.js";import"./index-BI4_Bp97.js";import"./help-icon-Buhx5nl6.js";import"./spinner-AWUe4xwQ.js";import"./index.es-DazXb-ul.js";import"./redux-tRgGMjwY.js";import"./objectSpread2-DW4nTBoq.js";import"./tiny-invariant-DqLgxztJ.js";import"./memoize-one.esm-CcMeOnPo.js";import"./card-EcjmryU9.js";import"./meta-content-B6Hd3SEO.js";import"./loader-XHoVniao.js";import"./label-CqmyC9he.js";import"./styled-components.browser.esm-BQ9GQzDc.js";import"./select.input-DIKP56UZ.js";const C=[{label:"Import",value:"import",right:!0},{label:"Settings",value:"settings",right:!0}],S=()=>e.jsx("div",{style:{background:"#AAD3DF",borderLeft:"1px solid #8AB3BF",display:"flex",alignItems:"center",justifyContent:"center",color:"white",height:"100%"},children:"MAP"}),xe={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},n=()=>{const[r,b]=x.useState(!0);return e.jsxs(e.Fragment,{children:[e.jsx(g,{}),e.jsx(w,{options:{title:"",sections:[]},width:"250px"}),e.jsx(f,{padding:!1,scroll:!1,children:e.jsxs(o,{spacing:0,flex:!0,children:[e.jsxs(v,{button:e.jsx(L,{onClick:()=>b(!r),round:!0,icon:j.CHEVRON_LEFT}),open:r,width:300,closedWidth:"var(--size-sidebar)",children:[e.jsx(d,{drawer:!0,narrow:!r,list:{name:"Sites",items:[{id:1,name:"Main Site",type:"Heading"},{id:2,name:"Site name here",active:!0,label:{value:1,color:"#69779b"}},{id:3,name:"Locations",type:"Heading"},{id:4,name:"Ipsum",label:{value:2,color:"#69779b"}},{id:5,name:"Dolor",label:{value:3,color:"#69779b"}}]}}),e.jsx(d,{drawer:!0,narrow:!r,list:{name:"Wells",items:[{id:1,name:"Main Wellbore",type:"Heading"},{id:2,name:"Lorem",label:{value:1,color:"#77699b"}}]}}),e.jsx(d,{drawer:!0,narrow:!r,list:{name:"Targets",items:[{id:1,name:"Lorem",label:{value:1,color:"#9b6977"}}]}})]}),e.jsxs(i,{borderLeft:!0,flexbox:!0,children:[e.jsx(s,{}),e.jsx(F,{padding:!0,margin:!1,options:C}),e.jsxs(o,{spacing:0,flex:!0,children:[e.jsxs(i,{scroll:!0,padding:!0,width:550,children:[e.jsx(t,{top:!0,children:"Site name here"}),e.jsx(l,{label:"Name",children:e.jsx(a,{value:"Site name here",width:"200px"})}),e.jsxs(u,{heading:e.jsx(t,{children:"Coordinate Reference System"}),managed:!0,children:[e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{children:e.jsx(m,{label:"Dolor"})})]}),e.jsx(s,{}),e.jsx(t,{marginBottom:"var(--padding)",children:"Location"}),e.jsxs(o,{children:[e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})})]}),e.jsx(s,{}),e.jsx(t,{marginBottom:"var(--padding)",children:"Model"}),e.jsxs(o,{children:[e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})})]}),e.jsxs(u,{heading:e.jsx(t,{children:"Settings"}),managed:!0,children:[e.jsx(l,{children:e.jsx(m,{label:"Dolor"})}),e.jsxs(o,{children:[e.jsxs(i,{children:[e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})]}),e.jsxs(i,{children:[e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})]})]})]})]}),e.jsx(i,{children:e.jsx(S,{})})]})]})]})})]})};n.__docgenInfo={description:"",methods:[],displayName:"Site"};var p,c,h;n.parameters={...n.parameters,docs:{...(p=n.parameters)==null?void 0:p.docs,source:{originalSource:`() => {
2
2
  const [open, setOpen] = useState(true);
3
3
  return <>
4
4
  <TopBar />
@@ -1,4 +1,4 @@
1
- import{j as q}from"./jsx-runtime-eps93zm2.js";import{_ as rr}from"./lodash-BHd_uQHh.js";import{r as o,a as ar}from"./index-DhsZuJvc.js";import{a as Xe,b as Q,_ as Z}from"./objectSpread2-DW4nTBoq.js";import{c as fe,a as nr}from"./index-Bk2sglWO.js";import{_ as It,b as ur}from"./inheritsLoose-DP0QEDDI.js";import{_ as ir}from"./objectWithoutPropertiesLoose-CAYKN5F1.js";import{m as or}from"./memoize-one.esm-CcMeOnPo.js";import{i as sr}from"./index-BI4_Bp97.js";import{I as mt}from"./common-types-Sih75Sav.js";import{D as lr}from"./disabled-context-rmpd7YJS.js";import{T as wt}from"./tooltip-1V7clEnw.js";import{B as gt}from"./button-VxhoNhrV.js";function Qe(e,a){(a==null||a>e.length)&&(a=e.length);for(var t=0,r=Array(a);t<a;t++)r[t]=e[t];return r}function cr(e){if(Array.isArray(e))return Qe(e)}function fr(e){if(typeof Symbol<"u"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function Ut(e,a){if(e){if(typeof e=="string")return Qe(e,a);var t={}.toString.call(e).slice(8,-1);return t==="Object"&&e.constructor&&(t=e.constructor.name),t==="Map"||t==="Set"?Array.from(e):t==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?Qe(e,a):void 0}}function dr(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
1
+ import{j as q}from"./jsx-runtime-eps93zm2.js";import{_ as rr}from"./lodash-BHd_uQHh.js";import{r as o,a as ar}from"./index-DhsZuJvc.js";import{a as Xe,b as Q,_ as Z}from"./objectSpread2-DW4nTBoq.js";import{c as fe,a as nr}from"./index-Bk2sglWO.js";import{_ as It,b as ur}from"./inheritsLoose-DP0QEDDI.js";import{_ as ir}from"./objectWithoutPropertiesLoose-CAYKN5F1.js";import{m as or}from"./memoize-one.esm-CcMeOnPo.js";import{i as sr}from"./index-BI4_Bp97.js";import{I as mt}from"./common-types-Sih75Sav.js";import{D as lr}from"./disabled-context-rmpd7YJS.js";import{T as wt}from"./tooltip-1V7clEnw.js";import{B as gt}from"./button-kgPRviUL.js";function Qe(e,a){(a==null||a>e.length)&&(a=e.length);for(var t=0,r=Array(a);t<a;t++)r[t]=e[t];return r}function cr(e){if(Array.isArray(e))return Qe(e)}function fr(e){if(typeof Symbol<"u"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function Ut(e,a){if(e){if(typeof e=="string")return Qe(e,a);var t={}.toString.call(e).slice(8,-1);return t==="Object"&&e.constructor&&(t=e.constructor.name),t==="Map"||t==="Set"?Array.from(e):t==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?Qe(e,a):void 0}}function dr(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
2
2
  In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function ne(e){return cr(e)||fr(e)||Ut(e)||dr()}function vr(e){if(Array.isArray(e))return e}function mr(e,a){var t=e==null?null:typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(t!=null){var r,n,u,i,c=[],l=!0,E=!1;try{if(u=(t=t.call(e)).next,a===0){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=u.call(t)).done)&&(c.push(r.value),c.length!==a);l=!0);}catch(h){E=!0,n=h}finally{try{if(!l&&t.return!=null&&(i=t.return(),Object(i)!==i))return}finally{if(E)throw n}}return c}}function gr(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
3
3
  In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function W(e,a){return vr(e)||mr(e,a)||Ut(e,a)||gr()}function br(e,a){var t=arguments.length>2&&arguments[2]!==void 0?arguments[2]:!1,r=new Set;function n(u,i){var c=arguments.length>2&&arguments[2]!==void 0?arguments[2]:1,l=r.has(u);if(l)return!1;if(u===i)return!0;if(t&&c>1)return!1;r.add(u);var E=c+1;if(Array.isArray(u)){if(!Array.isArray(i)||u.length!==i.length)return!1;for(var h=0;h<u.length;h++)if(!n(u[h],i[h],E))return!1;return!0}if(u&&i&&Xe(u)==="object"&&Xe(i)==="object"){var b=Object.keys(u);return b.length!==Object.keys(i).length?!1:b.every(function(y){return n(u[y],i[y],E)})}return!1}return n(e,a)}function bt(e){var a=o.useRef();a.current=e;var t=o.useCallback(function(){for(var r,n=arguments.length,u=new Array(n),i=0;i<n;i++)u[i]=arguments[i];return(r=a.current)===null||r===void 0?void 0:r.call.apply(r,[a].concat(u))},[]);return t}function yr(){return!!(typeof window<"u"&&window.document&&window.document.createElement)}var yt=yr()?o.useLayoutEffect:o.useEffect,Er=function(a,t){var r=o.useRef(!0);yt(function(){return a(r.current)},t),yt(function(){return r.current=!1,function(){r.current=!0}},[])},Et=function(a,t){Er(function(r){if(!r)return a()},t)};function ht(e){var a=o.useRef(!1),t=o.useState(e),r=W(t,2),n=r[0],u=r[1];o.useEffect(function(){return a.current=!1,function(){a.current=!0}},[]);function i(c,l){l&&a.current||u(c)}return[n,i]}function je(e){return e!==void 0}function hr(e,a){var t=a||{},r=t.defaultValue,n=t.value,u=t.onChange,i=t.postState,c=ht(function(){return je(n)?n:je(r)?typeof r=="function"?r():r:typeof e=="function"?e():e}),l=W(c,2),E=l[0],h=l[1],b=n!==void 0?n:E,y=i?i(b):b,d=bt(u),g=ht([b]),v=W(g,2),f=v[0],_=v[1];Et(function(){var p=f[0];E!==p&&d(E,p)},[f]),Et(function(){je(n)||h(n)},[n]);var s=bt(function(p,I){h(p,I),_([b],I)});return[y,s]}function Lt(e,a){if(e==null)return{};var t,r,n=ir(e,a);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(e);for(r=0;r<u.length;r++)t=u[r],a.includes(t)||{}.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}var m={MAC_ENTER:3,BACKSPACE:8,TAB:9,NUM_CENTER:12,ENTER:13,SHIFT:16,CTRL:17,ALT:18,PAUSE:19,CAPS_LOCK:20,ESC:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40,PRINT_SCREEN:44,INSERT:45,DELETE:46,ZERO:48,ONE:49,TWO:50,THREE:51,FOUR:52,FIVE:53,SIX:54,SEVEN:55,EIGHT:56,NINE:57,QUESTION_MARK:63,A:65,B:66,C:67,D:68,E:69,F:70,G:71,H:72,I:73,J:74,K:75,L:76,M:77,N:78,O:79,P:80,Q:81,R:82,S:83,T:84,U:85,V:86,W:87,X:88,Y:89,Z:90,META:91,WIN_KEY_RIGHT:92,CONTEXT_MENU:93,NUM_ZERO:96,NUM_ONE:97,NUM_TWO:98,NUM_THREE:99,NUM_FOUR:100,NUM_FIVE:101,NUM_SIX:102,NUM_SEVEN:103,NUM_EIGHT:104,NUM_NINE:105,NUM_MULTIPLY:106,NUM_PLUS:107,NUM_MINUS:109,NUM_PERIOD:110,NUM_DIVISION:111,F1:112,F2:113,F3:114,F4:115,F5:116,F6:117,F7:118,F8:119,F9:120,F10:121,F11:122,F12:123,NUMLOCK:144,SEMICOLON:186,DASH:189,EQUALS:187,COMMA:188,PERIOD:190,SLASH:191,APOSTROPHE:192,SINGLE_QUOTE:222,OPEN_SQUARE_BRACKET:219,BACKSLASH:220,CLOSE_SQUARE_BRACKET:221,WIN_KEY:224,MAC_FF_META:224,WIN_IME:229,isTextModifyingKeyEvent:function(a){var t=a.keyCode;if(a.altKey&&!a.ctrlKey||a.metaKey||t>=m.F1&&t<=m.F12)return!1;switch(t){case m.ALT:case m.CAPS_LOCK:case m.CONTEXT_MENU:case m.CTRL:case m.DOWN:case m.END:case m.ESC:case m.HOME:case m.INSERT:case m.LEFT:case m.MAC_FF_META:case m.META:case m.NUMLOCK:case m.NUM_CENTER:case m.PAGE_DOWN:case m.PAGE_UP:case m.PAUSE:case m.PRINT_SCREEN:case m.RIGHT:case m.SHIFT:case m.UP:case m.WIN_KEY:case m.WIN_KEY_RIGHT:return!1;default:return!0}},isCharacterKey:function(a){if(a>=m.ZERO&&a<=m.NINE||a>=m.NUM_ZERO&&a<=m.NUM_MULTIPLY||a>=m.A&&a<=m.Z||window.navigator.userAgent.indexOf("WebKit")!==-1&&a===0)return!0;switch(a){case m.SPACE:case m.QUESTION_MARK:case m.NUM_PLUS:case m.NUM_MINUS:case m.NUM_PERIOD:case m.NUM_DIVISION:case m.SEMICOLON:case m.DASH:case m.EQUALS:case m.COMMA:case m.PERIOD:case m.SLASH:case m.APOSTROPHE:case m.SINGLE_QUOTE:case m.OPEN_SQUARE_BRACKET:case m.BACKSLASH:case m.CLOSE_SQUARE_BRACKET:return!0;default:return!1}}},de=o.createContext({min:0,max:0,direction:"ltr",step:1,includedStart:0,includedEnd:0,tabIndex:0,keyboard:!0});function Ze(e,a,t){return(e-a)/(t-a)}function ze(e,a,t,r){var n=Ze(a,t,r),u={};switch(e){case"rtl":u.right="".concat(n*100,"%"),u.transform="translateX(50%)";break;case"btt":u.bottom="".concat(n*100,"%"),u.transform="translateY(50%)";break;case"ttb":u.top="".concat(n*100,"%"),u.transform="translateY(-50%)";break;default:u.left="".concat(n*100,"%"),u.transform="translateX(-50%)";break}return u}function _e(e,a){return Array.isArray(e)?e[a]:e}var _r=["prefixCls","value","valueIndex","onStartMove","style","render","dragging","onOffsetChange"],pr=o.forwardRef(function(e,a){var t,r,n=e.prefixCls,u=e.value,i=e.valueIndex,c=e.onStartMove,l=e.style,E=e.render,h=e.dragging,b=e.onOffsetChange,y=Lt(e,_r),d=o.useContext(de),g=d.min,v=d.max,f=d.direction,_=d.disabled,s=d.keyboard,p=d.range,I=d.tabIndex,T=d.ariaLabelForHandle,R=d.ariaLabelledByForHandle,x=d.ariaValueTextFormatterForHandle,w="".concat(n,"-handle"),C=function(P){_||c(P,i)},N=function(P){if(!_&&s){var M=null;switch(P.which||P.keyCode){case m.LEFT:M=f==="ltr"||f==="btt"?-1:1;break;case m.RIGHT:M=f==="ltr"||f==="btt"?1:-1;break;case m.UP:M=f!=="ttb"?1:-1;break;case m.DOWN:M=f!=="ttb"?-1:1;break;case m.HOME:M="min";break;case m.END:M="max";break;case m.PAGE_UP:M=2;break;case m.PAGE_DOWN:M=-2;break}M!==null&&(P.preventDefault(),b(M,i))}},K=ze(f,u,g,v),F=o.createElement("div",It({ref:a,className:fe(w,(t={},Q(t,"".concat(w,"-").concat(i+1),p),Q(t,"".concat(w,"-dragging"),h),t)),style:Z(Z({},K),l),onMouseDown:C,onTouchStart:C,onKeyDown:N,tabIndex:_?null:_e(I,i),role:"slider","aria-valuemin":g,"aria-valuemax":v,"aria-valuenow":u,"aria-disabled":_,"aria-label":_e(T,i),"aria-labelledby":_e(R,i),"aria-valuetext":(r=_e(x,i))===null||r===void 0?void 0:r(u),"aria-orientation":f==="ltr"||f==="rtl"?"horizontal":"vertical"},y));return E&&(F=E(F,{index:i,prefixCls:n,value:u,dragging:h})),F}),Sr=["prefixCls","style","onStartMove","onOffsetChange","values","handleRender","draggingIndex"],Mr=o.forwardRef(function(e,a){var t=e.prefixCls,r=e.style,n=e.onStartMove,u=e.onOffsetChange,i=e.values,c=e.handleRender,l=e.draggingIndex,E=Lt(e,Sr),h=o.useRef({});return o.useImperativeHandle(a,function(){return{focus:function(y){var d;(d=h.current[y])===null||d===void 0||d.focus()}}}),o.createElement(o.Fragment,null,i.map(function(b,y){return o.createElement(pr,It({ref:function(g){g?h.current[y]=g:delete h.current[y]},dragging:l===y,prefixCls:t,style:_e(r,y),key:y,value:b,valueIndex:y,onStartMove:n,onOffsetChange:u,render:c},E))}))});function _t(e){var a="touches"in e?e.touches[0]:e;return{pageX:a.pageX,pageY:a.pageY}}function Nr(e,a,t,r,n,u,i,c,l){var E=o.useState(null),h=W(E,2),b=h[0],y=h[1],d=o.useState(-1),g=W(d,2),v=g[0],f=g[1],_=o.useState(t),s=W(_,2),p=s[0],I=s[1],T=o.useState(t),R=W(T,2),x=R[0],w=R[1],C=o.useRef(null),N=o.useRef(null);o.useEffect(function(){v===-1&&I(t)},[t,v]),o.useEffect(function(){return function(){document.removeEventListener("mousemove",C.current),document.removeEventListener("mouseup",N.current),document.removeEventListener("touchmove",C.current),document.removeEventListener("touchend",N.current)}},[]);var K=function(U,k){p.some(function(H,J){return H!==U[J]})&&(k!==void 0&&y(k),I(U),i(U))},F=function(U,k){if(U===-1){var H=x[0],J=x[x.length-1],pe=r-H,Se=n-J,j=k*(n-r);j=Math.max(j,pe),j=Math.min(j,Se);var ue=u(H+j);j=ue-H;var ie=x.map(function(ge){return ge+j});K(ie)}else{var G=(n-r)*k,oe=ne(p);oe[U]=x[U];var me=l(oe,G,U,"dist");K(me.values,me.value)}},$=o.useRef(F);$.current=F;var P=function(U,k){U.stopPropagation();var H=t[k];f(k),y(H),w(t);var J=_t(U),pe=J.pageX,Se=J.pageY,j=function(G){G.preventDefault();var oe=_t(G),me=oe.pageX,ge=oe.pageY,Me=me-pe,Ne=ge-Se,Ce=e.current.getBoundingClientRect(),Oe=Ce.width,ee=Ce.height,Y;switch(a){case"btt":Y=-Ne/ee;break;case"ttb":Y=Ne/ee;break;case"rtl":Y=-Me/Oe;break;default:Y=Me/Oe}$.current(k,Y)},ue=function ie(G){G.preventDefault(),document.removeEventListener("mouseup",ie),document.removeEventListener("mousemove",j),document.removeEventListener("touchend",ie),document.removeEventListener("touchmove",j),C.current=null,N.current=null,f(-1),c()};document.addEventListener("mouseup",ue),document.addEventListener("mousemove",j),document.addEventListener("touchend",ue),document.addEventListener("touchmove",j),C.current=j,N.current=ue},M=o.useMemo(function(){var V=ne(t).sort(function(k,H){return k-H}),U=ne(p).sort(function(k,H){return k-H});return V.every(function(k,H){return k===U[H]})?p:t},[t,p]);return[v,b,M,P]}function Cr(e){var a,t=e.prefixCls,r=e.style,n=e.start,u=e.end,i=e.index,c=e.onStartMove,l=o.useContext(de),E=l.direction,h=l.min,b=l.max,y=l.disabled,d=l.range,g="".concat(t,"-track"),v=Ze(n,h,b),f=Ze(u,h,b),_=function(I){!y&&c&&c(I,-1)},s={};switch(E){case"rtl":s.right="".concat(v*100,"%"),s.width="".concat(f*100-v*100,"%");break;case"btt":s.bottom="".concat(v*100,"%"),s.height="".concat(f*100-v*100,"%");break;case"ttb":s.top="".concat(v*100,"%"),s.height="".concat(f*100-v*100,"%");break;default:s.left="".concat(v*100,"%"),s.width="".concat(f*100-v*100,"%")}return o.createElement("div",{className:fe(g,(a={},Q(a,"".concat(g,"-").concat(i+1),d),Q(a,"".concat(t,"-track-draggable"),c),a)),style:Z(Z({},s),r),onMouseDown:_,onTouchStart:_})}function Or(e){var a=e.prefixCls,t=e.style,r=e.values,n=e.startPoint,u=e.onStartMove,i=o.useContext(de),c=i.included,l=i.range,E=i.min,h=o.useMemo(function(){if(!l){if(r.length===0)return[];var b=n??E,y=r[0];return[{start:Math.min(b,y),end:Math.max(b,y)}]}for(var d=[],g=0;g<r.length-1;g+=1)d.push({start:r[g],end:r[g+1]});return d},[r,l,n,E]);return c?h.map(function(b,y){var d=b.start,g=b.end;return o.createElement(Cr,{index:y,prefixCls:a,style:_e(t,y),start:d,end:g,key:y,onStartMove:u})}):null}function Rr(e){var a=e.prefixCls,t=e.style,r=e.children,n=e.value,u=e.onClick,i=o.useContext(de),c=i.min,l=i.max,E=i.direction,h=i.includedStart,b=i.includedEnd,y=i.included,d="".concat(a,"-text"),g=ze(E,n,c,l);return o.createElement("span",{className:fe(d,Q({},"".concat(d,"-active"),y&&h<=n&&n<=b)),style:Z(Z({},g),t),onMouseDown:function(f){f.stopPropagation()},onClick:function(){u(n)}},r)}function xr(e){var a=e.prefixCls,t=e.marks,r=e.onClick,n="".concat(a,"-mark");return t.length?o.createElement("div",{className:n},t.map(function(u){var i=u.value,c=u.style,l=u.label;return o.createElement(Rr,{key:i,prefixCls:n,style:c,value:i,onClick:r},l)})):null}function Tr(e){var a=e.prefixCls,t=e.value,r=e.style,n=e.activeStyle,u=o.useContext(de),i=u.min,c=u.max,l=u.direction,E=u.included,h=u.includedStart,b=u.includedEnd,y="".concat(a,"-dot"),d=E&&h<=t&&t<=b,g=Z(Z({},ze(l,t,i,c)),typeof r=="function"?r(t):r);return d&&(g=Z(Z({},g),typeof n=="function"?n(t):n)),o.createElement("span",{className:fe(y,Q({},"".concat(y,"-active"),d)),style:g})}function Pr(e){var a=e.prefixCls,t=e.marks,r=e.dots,n=e.style,u=e.activeStyle,i=o.useContext(de),c=i.min,l=i.max,E=i.step,h=o.useMemo(function(){var b=new Set;if(t.forEach(function(d){b.add(d.value)}),r&&E!==null)for(var y=c;y<=l;)b.add(y),y+=E;return Array.from(b)},[c,l,E,r,t]);return o.createElement("div",{className:"".concat(a,"-step")},h.map(function(b){return o.createElement(Tr,{prefixCls:a,key:b,value:b,style:n,activeStyle:u})}))}function Ar(e,a,t,r,n,u){var i=o.useCallback(function(d){var g=isFinite(d)?d:e;return g=Math.min(a,d),g=Math.max(e,g),g},[e,a]),c=o.useCallback(function(d){if(t!==null){var g=e+Math.round((i(d)-e)/t)*t,v=function(p){return(String(p).split(".")[1]||"").length},f=Math.max(v(t),v(a),v(e)),_=Number(g.toFixed(f));return e<=_&&_<=a?_:null}return null},[t,e,a,i]),l=o.useCallback(function(d){var g=i(d),v=r.map(function(s){return s.value});t!==null&&v.push(c(d)),v.push(e,a);var f=v[0],_=a-e;return v.forEach(function(s){var p=Math.abs(g-s);p<=_&&(f=s,_=p)}),f},[e,a,r,t,i,c]),E=function d(g,v,f){var _=arguments.length>3&&arguments[3]!==void 0?arguments[3]:"unit";if(typeof v=="number"){var s,p=g[f],I=p+v,T=[];r.forEach(function(N){T.push(N.value)}),T.push(e,a),T.push(c(p));var R=v>0?1:-1;_==="unit"?T.push(c(p+R*t)):T.push(c(I)),T=T.filter(function(N){return N!==null}).filter(function(N){return v<0?N<=p:N>=p}),_==="unit"&&(T=T.filter(function(N){return N!==p}));var x=_==="unit"?p:I;s=T[0];var w=Math.abs(s-x);if(T.forEach(function(N){var K=Math.abs(N-x);K<w&&(s=N,w=K)}),s===void 0)return v<0?e:a;if(_==="dist")return s;if(Math.abs(v)>1){var C=ne(g);return C[f]=s,d(C,v-R,f,_)}return s}else{if(v==="min")return e;if(v==="max")return a}},h=function(g,v,f){var _=arguments.length>3&&arguments[3]!==void 0?arguments[3]:"unit",s=g[f],p=E(g,v,f,_);return{value:p,changed:p!==s}},b=function(g){return u===null&&g===0||typeof u=="number"&&g<u},y=function(g,v,f){var _=arguments.length>3&&arguments[3]!==void 0?arguments[3]:"unit",s=g.map(l),p=s[f],I=E(s,v,f,_);if(s[f]=I,n===!1){var T=u||0;f>0&&s[f-1]!==p&&(s[f]=Math.max(s[f],s[f-1]+T)),f<s.length-1&&s[f+1]!==p&&(s[f]=Math.min(s[f],s[f+1]-T))}else if(typeof u=="number"||u===null){for(var R=f+1;R<s.length;R+=1)for(var x=!0;b(s[R]-s[R-1])&&x;){var w=h(s,1,R);s[R]=w.value,x=w.changed}for(var C=f;C>0;C-=1)for(var N=!0;b(s[C]-s[C-1])&&N;){var K=h(s,-1,C-1);s[C-1]=K.value,N=K.changed}for(var F=s.length-1;F>0;F-=1)for(var $=!0;b(s[F]-s[F-1])&&$;){var P=h(s,-1,F-1);s[F-1]=P.value,$=P.changed}for(var M=0;M<s.length-1;M+=1)for(var V=!0;b(s[M+1]-s[M])&&V;){var U=h(s,1,M+1);s[M+1]=U.value,V=U.changed}}return{value:s[f],values:s}};return[l,y]}var Ir=o.forwardRef(function(e,a){var t,r=e.prefixCls,n=r===void 0?"rc-slider":r,u=e.className,i=e.style,c=e.disabled,l=c===void 0?!1:c,E=e.keyboard,h=E===void 0?!0:E,b=e.autoFocus,y=e.onFocus,d=e.onBlur,g=e.min,v=g===void 0?0:g,f=e.max,_=f===void 0?100:f,s=e.step,p=s===void 0?1:s,I=e.value,T=e.defaultValue,R=e.range,x=e.count,w=e.onChange,C=e.onBeforeChange,N=e.onAfterChange,K=e.allowCross,F=K===void 0?!0:K,$=e.pushable,P=$===void 0?!1:$,M=e.draggableTrack,V=e.reverse,U=e.vertical,k=e.included,H=k===void 0?!0:k,J=e.startPoint,pe=e.trackStyle,Se=e.handleStyle,j=e.railStyle,ue=e.dotStyle,ie=e.activeDotStyle,G=e.marks,oe=e.dots,me=e.handleRender,ge=e.tabIndex,Me=ge===void 0?0:ge,Ne=e.ariaLabelForHandle,Ce=e.ariaLabelledByForHandle,Oe=e.ariaValueTextFormatterForHandle,ee=o.useRef(),Y=o.useRef(),Ie=o.useMemo(function(){return U?V?"ttb":"btt":V?"rtl":"ltr"},[V,U]),B=o.useMemo(function(){return isFinite(v)?v:0},[v]),be=o.useMemo(function(){return isFinite(_)?_:100},[_]),se=o.useMemo(function(){return p!==null&&p<=0?1:p},[p]),jt=o.useMemo(function(){return typeof P=="boolean"?P?se:!1:P>=0?P:!1},[P,se]),we=o.useMemo(function(){var L=Object.keys(G||{});return L.map(function(O){var S=G[O],D={value:Number(O)};return S&&Xe(S)==="object"&&!o.isValidElement(S)&&("label"in S||"style"in S)?(D.style=S.style,D.label=S.label):D.label=S,D}).filter(function(O){var S=O.label;return S||typeof S=="number"}).sort(function(O,S){return O.value-S.value})},[G]),qt=Ar(B,be,se,we,F,jt),et=W(qt,2),Ue=et[0],tt=et[1],Wt=hr(T,{value:I}),rt=W(Wt,2),te=rt[0],$t=rt[1],X=o.useMemo(function(){var L=te==null?[]:Array.isArray(te)?te:[te],O=W(L,1),S=O[0],D=S===void 0?B:S,A=te===null?[]:[D];if(R){if(A=ne(L),x||te===void 0){var Ee=x>=0?x+1:2;for(A=A.slice(0,Ee);A.length<Ee;){var ce;A.push((ce=A[A.length-1])!==null&&ce!==void 0?ce:B)}}A.sort(function(re,Re){return re-Re})}return A.forEach(function(re,Re){A[Re]=Ue(re)}),A},[te,R,B,x,Ue]),Le=o.useRef(X);Le.current=X;var le=function(O){return R?O:O[0]},De=function(O){var S=ne(O).sort(function(D,A){return D-A});w&&!br(S,Le.current,!0)&&w(le(S)),$t(S)},at=function(O){if(!l){var S=0,D=be-B;X.forEach(function(Ee,ce){var re=Math.abs(O-Ee);re<=D&&(D=re,S=ce)});var A=ne(X);A[S]=O,R&&!X.length&&x===void 0&&A.push(O),C==null||C(le(A)),De(A),N==null||N(le(A))}},Bt=function(O){O.preventDefault();var S=Y.current.getBoundingClientRect(),D=S.width,A=S.height,Ee=S.left,ce=S.top,re=S.bottom,Re=S.right,dt=O.clientX,vt=O.clientY,xe;switch(Ie){case"btt":xe=(re-vt)/A;break;case"ttb":xe=(vt-ce)/A;break;case"rtl":xe=(Re-dt)/D;break;default:xe=(dt-Ee)/D}var tr=B+xe*(be-B);at(Ue(tr))},Vt=o.useState(null),nt=W(Vt,2),He=nt[0],ut=nt[1],Gt=function(O,S){if(!l){var D=tt(X,O,S);C==null||C(le(X)),De(D.values),N==null||N(le(D.values)),ut(D.value)}};o.useEffect(function(){if(He!==null){var L=X.indexOf(He);L>=0&&ee.current.focus(L)}ut(null)},[He]);var Yt=o.useMemo(function(){return M&&se===null?!1:M},[M,se]),Xt=function(){N==null||N(le(Le.current))},Qt=Nr(Y,Ie,X,B,be,Ue,De,Xt,tt),Fe=W(Qt,4),it=Fe[0],Zt=Fe[1],Ke=Fe[2],zt=Fe[3],ot=function(O,S){zt(O,S),C==null||C(le(Le.current))},st=it!==-1;o.useEffect(function(){if(!st){var L=X.lastIndexOf(Zt);ee.current.focus(L)}},[st]);var ye=o.useMemo(function(){return ne(Ke).sort(function(L,O){return L-O})},[Ke]),Jt=o.useMemo(function(){return R?[ye[0],ye[ye.length-1]]:[B,ye[0]]},[ye,R,B]),lt=W(Jt,2),ct=lt[0],ft=lt[1];o.useImperativeHandle(a,function(){return{focus:function(){ee.current.focus(0)},blur:function(){var O=document,S=O.activeElement;Y.current.contains(S)&&(S==null||S.blur())}}}),o.useEffect(function(){b&&ee.current.focus(0)},[]);var er=o.useMemo(function(){return{min:B,max:be,direction:Ie,disabled:l,keyboard:h,step:se,included:H,includedStart:ct,includedEnd:ft,range:R,tabIndex:Me,ariaLabelForHandle:Ne,ariaLabelledByForHandle:Ce,ariaValueTextFormatterForHandle:Oe}},[B,be,Ie,l,h,se,H,ct,ft,R,Me,Ne,Ce,Oe]);return o.createElement(de.Provider,{value:er},o.createElement("div",{ref:Y,className:fe(n,u,(t={},Q(t,"".concat(n,"-disabled"),l),Q(t,"".concat(n,"-vertical"),U),Q(t,"".concat(n,"-horizontal"),!U),Q(t,"".concat(n,"-with-marks"),we.length),t)),style:i,onMouseDown:Bt},o.createElement("div",{className:"".concat(n,"-rail"),style:j}),o.createElement(Or,{prefixCls:n,style:pe,values:ye,startPoint:J,onStartMove:Yt?ot:null}),o.createElement(Pr,{prefixCls:n,marks:we,dots:oe,style:ue,activeStyle:ie}),o.createElement(Mr,{ref:ee,prefixCls:n,style:Se,values:Ke,draggingIndex:it,onStartMove:ot,onOffsetChange:Gt,onFocus:y,onBlur:d,handleRender:me}),o.createElement(xr,{prefixCls:n,marks:we,onClick:at})))}),Je={},Ft={exports:{}};(function(e){function a(t){return t&&t.__esModule?t:{default:t}}e.exports=a,e.exports.__esModule=!0,e.exports.default=e.exports})(Ft);var wr=Ft.exports,kt={exports:{}};(function(e){function a(t){"@babel/helpers - typeof";return e.exports=a=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(r){return typeof r}:function(r){return r&&typeof Symbol=="function"&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},e.exports.__esModule=!0,e.exports.default=e.exports,a(t)}e.exports=a,e.exports.__esModule=!0,e.exports.default=e.exports})(kt);var ke=kt.exports;const Ur=ar(ur);var qe={exports:{}},We={exports:{}},$e={exports:{}},Be={exports:{}},pt;function Lr(){return pt||(pt=1,function(e){var a=ke.default;function t(r,n){if(a(r)!="object"||!r)return r;var u=r[Symbol.toPrimitive];if(u!==void 0){var i=u.call(r,n||"default");if(a(i)!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(n==="string"?String:Number)(r)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports}(Be)),Be.exports}var St;function Fr(){return St||(St=1,function(e){var a=ke.default,t=Lr();function r(n){var u=t(n,"string");return a(u)=="symbol"?u:u+""}e.exports=r,e.exports.__esModule=!0,e.exports.default=e.exports}($e)),$e.exports}var Mt;function Dt(){return Mt||(Mt=1,function(e){var a=Fr();function t(r,n,u){return(n=a(n))in r?Object.defineProperty(r,n,{value:u,enumerable:!0,configurable:!0,writable:!0}):r[n]=u,r}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports}(We)),We.exports}var Nt;function kr(){return Nt||(Nt=1,function(e){var a=Dt();function t(n,u){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(n);u&&(c=c.filter(function(l){return Object.getOwnPropertyDescriptor(n,l).enumerable})),i.push.apply(i,c)}return i}function r(n){for(var u=1;u<arguments.length;u++){var i=arguments[u]!=null?arguments[u]:{};u%2?t(Object(i),!0).forEach(function(c){a(n,c,i[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):t(Object(i)).forEach(function(c){Object.defineProperty(n,c,Object.getOwnPropertyDescriptor(i,c))})}return n}e.exports=r,e.exports.__esModule=!0,e.exports.default=e.exports}(qe)),qe.exports}var Ve={exports:{}},Ge={exports:{}},Ct;function Dr(){return Ct||(Ct=1,function(e){function a(t,r){if(t==null)return{};var n={};for(var u in t)if({}.hasOwnProperty.call(t,u)){if(r.includes(u))continue;n[u]=t[u]}return n}e.exports=a,e.exports.__esModule=!0,e.exports.default=e.exports}(Ge)),Ge.exports}var Ot;function Hr(){return Ot||(Ot=1,function(e){var a=Dr();function t(r,n){if(r==null)return{};var u,i,c=a(r,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(r);for(i=0;i<l.length;i++)u=l[i],n.includes(u)||{}.propertyIsEnumerable.call(r,u)&&(c[u]=r[u])}return c}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports}(Ve)),Ve.exports}var Te={},Rt;function Kr(){if(Rt)return Te;Rt=1,Object.defineProperty(Te,"__esModule",{value:!0}),Te.default=void 0;var e={MAC_ENTER:3,BACKSPACE:8,TAB:9,NUM_CENTER:12,ENTER:13,SHIFT:16,CTRL:17,ALT:18,PAUSE:19,CAPS_LOCK:20,ESC:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40,PRINT_SCREEN:44,INSERT:45,DELETE:46,ZERO:48,ONE:49,TWO:50,THREE:51,FOUR:52,FIVE:53,SIX:54,SEVEN:55,EIGHT:56,NINE:57,QUESTION_MARK:63,A:65,B:66,C:67,D:68,E:69,F:70,G:71,H:72,I:73,J:74,K:75,L:76,M:77,N:78,O:79,P:80,Q:81,R:82,S:83,T:84,U:85,V:86,W:87,X:88,Y:89,Z:90,META:91,WIN_KEY_RIGHT:92,CONTEXT_MENU:93,NUM_ZERO:96,NUM_ONE:97,NUM_TWO:98,NUM_THREE:99,NUM_FOUR:100,NUM_FIVE:101,NUM_SIX:102,NUM_SEVEN:103,NUM_EIGHT:104,NUM_NINE:105,NUM_MULTIPLY:106,NUM_PLUS:107,NUM_MINUS:109,NUM_PERIOD:110,NUM_DIVISION:111,F1:112,F2:113,F3:114,F4:115,F5:116,F6:117,F7:118,F8:119,F9:120,F10:121,F11:122,F12:123,NUMLOCK:144,SEMICOLON:186,DASH:189,EQUALS:187,COMMA:188,PERIOD:190,SLASH:191,APOSTROPHE:192,SINGLE_QUOTE:222,OPEN_SQUARE_BRACKET:219,BACKSLASH:220,CLOSE_SQUARE_BRACKET:221,WIN_KEY:224,MAC_FF_META:224,WIN_IME:229,isTextModifyingKeyEvent:function(t){var r=t.keyCode;if(t.altKey&&!t.ctrlKey||t.metaKey||r>=e.F1&&r<=e.F12)return!1;switch(r){case e.ALT:case e.CAPS_LOCK:case e.CONTEXT_MENU:case e.CTRL:case e.DOWN:case e.END:case e.ESC:case e.HOME:case e.INSERT:case e.LEFT:case e.MAC_FF_META:case e.META:case e.NUMLOCK:case e.NUM_CENTER:case e.PAGE_DOWN:case e.PAGE_UP:case e.PAUSE:case e.PRINT_SCREEN:case e.RIGHT:case e.SHIFT:case e.UP:case e.WIN_KEY:case e.WIN_KEY_RIGHT:return!1;default:return!0}},isCharacterKey:function(t){if(t>=e.ZERO&&t<=e.NINE||t>=e.NUM_ZERO&&t<=e.NUM_MULTIPLY||t>=e.A&&t<=e.Z||window.navigator.userAgent.indexOf("WebKit")!==-1&&t===0)return!0;switch(t){case e.SPACE:case e.QUESTION_MARK:case e.NUM_PLUS:case e.NUM_MINUS:case e.NUM_PERIOD:case e.NUM_DIVISION:case e.SEMICOLON:case e.DASH:case e.EQUALS:case e.COMMA:case e.PERIOD:case e.SLASH:case e.APOSTROPHE:case e.SINGLE_QUOTE:case e.OPEN_SQUARE_BRACKET:case e.BACKSLASH:case e.CLOSE_SQUARE_BRACKET:return!0;default:return!1}}};return Te.default=e,Te}var Pe={},xt;function jr(){if(xt)return Pe;xt=1;var e=ke;Object.defineProperty(Pe,"__esModule",{value:!0}),Pe.default=void 0;var a=r(o);function t(i){if(typeof WeakMap!="function")return null;var c=new WeakMap,l=new WeakMap;return(t=function(h){return h?l:c})(i)}function r(i,c){if(i&&i.__esModule)return i;if(i===null||e(i)!=="object"&&typeof i!="function")return{default:i};var l=t(c);if(l&&l.has(i))return l.get(i);var E={},h=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var b in i)if(b!=="default"&&Object.prototype.hasOwnProperty.call(i,b)){var y=h?Object.getOwnPropertyDescriptor(i,b):null;y&&(y.get||y.set)?Object.defineProperty(E,b,y):E[b]=i[b]}return E.default=i,l&&l.set(i,E),E}var n=a.createContext({min:0,max:0,direction:"ltr",step:1,includedStart:0,includedEnd:0,tabIndex:0,keyboard:!0}),u=n;return Pe.default=u,Pe}var he={},Tt;function qr(){if(Tt)return he;Tt=1,Object.defineProperty(he,"__esModule",{value:!0}),he.getDirectionStyle=a,he.getIndex=t,he.getOffset=e;function e(r,n,u){return(r-n)/(u-n)}function a(r,n,u,i){var c=e(n,u,i),l={};switch(r){case"rtl":l.right="".concat(c*100,"%"),l.transform="translateX(50%)";break;case"btt":l.bottom="".concat(c*100,"%"),l.transform="translateY(50%)";break;case"ttb":l.top="".concat(c*100,"%"),l.transform="translateY(-50%)";break;default:l.left="".concat(c*100,"%"),l.transform="translateX(-50%)";break}return l}function t(r,n){return Array.isArray(r)?r[n]:r}return he}var ve=wr,Wr=ke;Object.defineProperty(Je,"__esModule",{value:!0});var Ht=Je.default=void 0,$r=ve(Ur),Pt=ve(kr()),At=ve(Dt()),Br=ve(Hr()),Ye=Xr(o),Vr=ve(nr),ae=ve(Kr()),Gr=ve(jr()),Ae=qr(),Yr=["prefixCls","value","valueIndex","onStartMove","style","render","dragging","onOffsetChange"];function Kt(e){if(typeof WeakMap!="function")return null;var a=new WeakMap,t=new WeakMap;return(Kt=function(n){return n?t:a})(e)}function Xr(e,a){if(e&&e.__esModule)return e;if(e===null||Wr(e)!=="object"&&typeof e!="function")return{default:e};var t=Kt(a);if(t&&t.has(e))return t.get(e);var r={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(u!=="default"&&Object.prototype.hasOwnProperty.call(e,u)){var i=n?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(r,u,i):r[u]=e[u]}return r.default=e,t&&t.set(e,r),r}var Qr=Ye.forwardRef(function(e,a){var t,r,n=e.prefixCls,u=e.value,i=e.valueIndex,c=e.onStartMove,l=e.style,E=e.render,h=e.dragging,b=e.onOffsetChange,y=(0,Br.default)(e,Yr),d=Ye.useContext(Gr.default),g=d.min,v=d.max,f=d.direction,_=d.disabled,s=d.keyboard,p=d.range,I=d.tabIndex,T=d.ariaLabelForHandle,R=d.ariaLabelledByForHandle,x=d.ariaValueTextFormatterForHandle,w="".concat(n,"-handle"),C=function(P){_||c(P,i)},N=function(P){if(!_&&s){var M=null;switch(P.which||P.keyCode){case ae.default.LEFT:M=f==="ltr"||f==="btt"?-1:1;break;case ae.default.RIGHT:M=f==="ltr"||f==="btt"?1:-1;break;case ae.default.UP:M=f!=="ttb"?1:-1;break;case ae.default.DOWN:M=f!=="ttb"?-1:1;break;case ae.default.HOME:M="min";break;case ae.default.END:M="max";break;case ae.default.PAGE_UP:M=2;break;case ae.default.PAGE_DOWN:M=-2;break}M!==null&&(P.preventDefault(),b(M,i))}},K=(0,Ae.getDirectionStyle)(f,u,g,v),F=Ye.createElement("div",(0,$r.default)({ref:a,className:(0,Vr.default)(w,(t={},(0,At.default)(t,"".concat(w,"-").concat(i+1),p),(0,At.default)(t,"".concat(w,"-dragging"),h),t)),style:(0,Pt.default)((0,Pt.default)({},K),l),onMouseDown:C,onTouchStart:C,onKeyDown:N,tabIndex:_?null:(0,Ae.getIndex)(I,i),role:"slider","aria-valuemin":g,"aria-valuemax":v,"aria-valuenow":u,"aria-disabled":_,"aria-label":(0,Ae.getIndex)(T,i),"aria-labelledby":(0,Ae.getIndex)(R,i),"aria-valuetext":(r=(0,Ae.getIndex)(x,i))===null||r===void 0?void 0:r(u),"aria-orientation":f==="ltr"||f==="rtl"?"horizontal":"vertical"},y));return E&&(F=E(F,{index:i,prefixCls:n,value:u,dragging:h})),F}),Zr=Qr;Ht=Je.default=Zr;const zr="_container_1a936_1",Jr="_small_1a936_7",ea="_hasMarks_1a936_10",ta="_vertical_1a936_13",ra="_hasArrows_1a936_17",aa="_button_1a936_21",na="_label_1a936_24",z={container:zr,small:Jr,hasMarks:ea,vertical:ta,hasArrows:ra,button:aa,label:na},ua=e=>e.reduce((a,{label:t,tooltip:r,value:n})=>{const i=r!==void 0?q.jsx(wt,{text:r,children:t}):t||n;return a[n]=i,a},{}),ia=or(ua,sr),oa=({name:e,label:a,width:t="100%",labelWidth:r="auto",value:n,min:u,max:i,step:c=1,marks:l=[],showArrows:E=!1,showTooltip:h=!1,tooltipFormatter:b=_=>_,disabled:y=!1,range:d=!1,small:g=!1,vertical:v={enabled:!1,width:"100px",height:"400px"},onChange:f})=>{const _=o.useContext(lr),s=ia(l),p=x=>{f({target:{name:e,value:x,label:a}})},I=()=>q.jsx("div",{className:z.button,children:q.jsx(gt,{basic:!0,small:!0,round:!0,onClick:()=>p(d?[u,n==null?void 0:n[1]]:u),disabled:y||n===u||_,icon:mt.FAST_BACKWARD})}),T=()=>q.jsx("div",{className:z.button,children:q.jsx(gt,{basic:!0,small:!0,round:!0,onClick:()=>p(d?[n==null?void 0:n[0],i]:i),disabled:y||n===i||_,icon:mt.FAST_FORWARD})}),R=(x,w)=>{const C=h&&w.dragging;return q.jsx(Ht,{...x.props,...w,children:C&&q.jsx(wt,{display:"block",text:b(n),forceOpen:!0,children:q.jsx("div",{style:{position:"absolute",inset:0}})})})};return q.jsxs("div",{className:fe(z.container,g?z.small:"",v.enabled?z.vertical:"",rr.isEmpty(l)?"":z.hasMarks),style:v.enabled?{width:v.width,height:v.height}:{width:t},children:[E&&(v.enabled?q.jsx(T,{}):q.jsx(I,{})),q.jsx(Ir,{range:d,allowCross:!1,className:fe((y||_)&&z.rcSliderDisabled,E&&z.hasArrows),value:n,max:i,min:u,step:c,marks:s,onChange:x=>p(x),disabled:y||_,vertical:v.enabled,handleRender:R}),E&&(v.enabled?q.jsx(I,{}):q.jsx(T,{})),a&&q.jsx("label",{className:z.label,style:{width:r},children:a})]})};oa.__docgenInfo={description:"",methods:[],displayName:"Slider",props:{name:{required:!1,tsType:{name:"string"},description:""},label:{required:!1,tsType:{name:"union",raw:"TStringNumberNull | ReactNode",elements:[{name:"union",raw:"string | number | null",elements:[{name:"string"},{name:"number"},{name:"null"}]},{name:"ReactNode"}]},description:""},width:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"'100%'",computed:!1}},labelWidth:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"'auto'",computed:!1}},value:{required:!0,tsType:{name:"union",raw:"number | number[]",elements:[{name:"number"},{name:"Array",elements:[{name:"number"}],raw:"number[]"}]},description:""},min:{required:!0,tsType:{name:"number"},description:""},max:{required:!0,tsType:{name:"number"},description:""},step:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"1",computed:!1}},marks:{required:!1,tsType:{name:"Array",elements:[{name:"signature",type:"object",raw:`{
4
4
  value: number | string;
@@ -1,4 +1,4 @@
1
- import{j as n}from"./jsx-runtime-eps93zm2.js";import{S as A}from"./slider-DAramr8j.js";import{T as se}from"./text-B3-TSWok.js";import"./index-DhsZuJvc.js";import"./lodash-BHd_uQHh.js";import"./objectSpread2-DW4nTBoq.js";import"./index-Bk2sglWO.js";import"./inheritsLoose-DP0QEDDI.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./memoize-one.esm-CcMeOnPo.js";import"./index-BI4_Bp97.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./button-VxhoNhrV.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./index-CEuq6vkz.js";const{useArgs:ae}=__STORYBOOK_MODULE_PREVIEW_API__,re=[{label:"S1...",tooltip:"S1 Production",value:20},{label:"S2...",tooltip:"S2 Cementing",value:40},{label:"S3...",tooltip:n.jsxs("span",{children:[n.jsx("strong",{children:"S3"})," Drilling"]}),value:60},{label:"S4...",tooltip:"S4 Shut in",value:80},{label:"S5...",tooltip:"S5 Circulate",value:100}],je={title:"Forms/Slider",component:A,args:{value:50,min:0,max:100,step:1,showTooltip:!1,label:""}},e=r=>{const[m,v]=ae(),b=x=>{v({value:x.target.value})};return n.jsx("div",{style:{paddingTop:40},children:n.jsx(A,{...r,onChange:b})})},h=e.bind({}),s=e.bind({});s.args={range:!0,value:[10,40]};const t=e.bind({});t.args={label:"Number of aardvarks"};const o=e.bind({});o.args={range:!0,value:[10,40],showArrows:!0};const l=r=>{const[{value:m},v]=ae(),b=x=>{v({value:x.target.value})};return n.jsx(n.Fragment,{children:n.jsx(A,{...r,label:n.jsxs("span",{children:["Fixed width label: ",n.jsx("strong",{children:m*Math.random()})]}),labelWidth:"400px",value:m,onChange:b})})},d=e.bind({});d.args={showTooltip:!0};const i=e.bind({});i.args={showTooltip:!0,tooltipFormatter:r=>n.jsx(se,{warning:!0,children:`${r} extra info lorem ipsum`})};const p=e.bind({});p.args={showArrows:!0};const g=e.bind({});g.args={marks:re};const a=e.bind({});a.args={small:!0};a.parameters={docs:{description:{story:"Reduces the vertical height of the `Slider` container to align with other `small` elements."}}};const u=e.bind({});u.args={disabled:!0};const c=e.bind({});c.args={marks:re,vertical:{enabled:!0,width:"100px",height:"400px"}};l.__docgenInfo={description:"",methods:[],displayName:"JSXLabel"};var S,C,y;h.parameters={...h.parameters,docs:{...(S=h.parameters)==null?void 0:S.docs,source:{originalSource:`args => {
1
+ import{j as n}from"./jsx-runtime-eps93zm2.js";import{S as A}from"./slider-BeJzxarD.js";import{T as se}from"./text-B3-TSWok.js";import"./index-DhsZuJvc.js";import"./lodash-BHd_uQHh.js";import"./objectSpread2-DW4nTBoq.js";import"./index-Bk2sglWO.js";import"./inheritsLoose-DP0QEDDI.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./memoize-one.esm-CcMeOnPo.js";import"./index-BI4_Bp97.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./button-kgPRviUL.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./index-CEuq6vkz.js";const{useArgs:ae}=__STORYBOOK_MODULE_PREVIEW_API__,re=[{label:"S1...",tooltip:"S1 Production",value:20},{label:"S2...",tooltip:"S2 Cementing",value:40},{label:"S3...",tooltip:n.jsxs("span",{children:[n.jsx("strong",{children:"S3"})," Drilling"]}),value:60},{label:"S4...",tooltip:"S4 Shut in",value:80},{label:"S5...",tooltip:"S5 Circulate",value:100}],je={title:"Forms/Slider",component:A,args:{value:50,min:0,max:100,step:1,showTooltip:!1,label:""}},e=r=>{const[m,v]=ae(),b=x=>{v({value:x.target.value})};return n.jsx("div",{style:{paddingTop:40},children:n.jsx(A,{...r,onChange:b})})},h=e.bind({}),s=e.bind({});s.args={range:!0,value:[10,40]};const t=e.bind({});t.args={label:"Number of aardvarks"};const o=e.bind({});o.args={range:!0,value:[10,40],showArrows:!0};const l=r=>{const[{value:m},v]=ae(),b=x=>{v({value:x.target.value})};return n.jsx(n.Fragment,{children:n.jsx(A,{...r,label:n.jsxs("span",{children:["Fixed width label: ",n.jsx("strong",{children:m*Math.random()})]}),labelWidth:"400px",value:m,onChange:b})})},d=e.bind({});d.args={showTooltip:!0};const i=e.bind({});i.args={showTooltip:!0,tooltipFormatter:r=>n.jsx(se,{warning:!0,children:`${r} extra info lorem ipsum`})};const p=e.bind({});p.args={showArrows:!0};const g=e.bind({});g.args={marks:re};const a=e.bind({});a.args={small:!0};a.parameters={docs:{description:{story:"Reduces the vertical height of the `Slider` container to align with other `small` elements."}}};const u=e.bind({});u.args={disabled:!0};const c=e.bind({});c.args={marks:re,vertical:{enabled:!0,width:"100px",height:"400px"}};l.__docgenInfo={description:"",methods:[],displayName:"JSXLabel"};var S,C,y;h.parameters={...h.parameters,docs:{...(S=h.parameters)==null?void 0:S.docs,source:{originalSource:`args => {
2
2
  const [_, updateArgs] = useArgs();
3
3
  const handleChange = (evt: any) => {
4
4
  updateArgs({
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as i}from"./index-DhsZuJvc.js";import{B as h}from"./button-VxhoNhrV.js";import{u as Q,M as z,D as G}from"./dialog-Di8hNunM.js";import{F as J}from"./file-input-BpMtsZ2S.js";import{S}from"./spacer-BWoNR27H.js";import{T as W}from"./text-B3-TSWok.js";import{P as X}from"./progress-bar-C_kV6r0Q.js";import{d as Y}from"./index-CWz-hU-f.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./portal-GQ0_cLB6.js";import"./lodash-BHd_uQHh.js";import"./heading-CRNoBc7q.js";import"./help-icon-Buhx5nl6.js";import"./input-group-BaRSJAEN.js";import"./input-BW9trNAW.js";import"./types-UmZ4Y_CR.js";import"./index-DRSy5Ssd.js";const U=250,g=4e4,b=20,I=500,M=({visible:s,prompt:p,onCloseModal:f,onUpload:m,onComplete:y,onFailed:n,onError:a,width:F,heading:_,dialogText:E,fileInputText:k,fileInputPlaceholder:N,uploadText:V,cancelText:B,testId:d})=>{const[c,v]=i.useState(null),[C,u]=i.useState(!1),[P,T]=i.useState(0);let o=0;const R=()=>{o=o+U,T(o)},A=t=>{let r=o+t;r>=.99*g&&(r=g),o=r,T(o)};i.useEffect(()=>{v(null)},[s]);const L=t=>{t.target.value&&v(t.target.value)},H=async()=>{T(0);const t=setInterval(R,U);try{if(!c)return;u(!0);const r=await m(p,c);if(!s)return;if(r){clearInterval(t);const K=setInterval(A,I/b,(g-o)/(b-1));setTimeout(()=>{y(r),clearInterval(K),u(!1)},I)}else n==null||n(),u(!1)}catch(r){a==null||a(r),u(!1)}finally{clearInterval(t)}},O=()=>{H()},x=()=>{f()},$=e.jsxs(e.Fragment,{children:[e.jsx(W,{children:E||"Upload file and extract data using a LLM"}),e.jsx(S,{}),e.jsx(J,{placeholder:N||"No file",label:k||"Select",file:c||void 0,onChange:L,testId:`${d}-file-input`,accept:"image/*"}),C&&e.jsxs(e.Fragment,{children:[e.jsx(S,{}),e.jsx(X,{percentage:Y.roundByMagnitudeToFixed(100*P/g,3)})]})]}),D=e.jsxs(e.Fragment,{children:[e.jsx(h,{label:V||"Upload",colored:!0,onClick:O,disabled:!c||C,testId:`${d}-button-upload`}),e.jsx(h,{label:B||"Cancel",onClick:x,testId:`${d}-button-cancel`})]});return Q("Escape",()=>x()),e.jsx(z,{visible:s,centered:!0,children:e.jsx(G,{dialog:{scroll:!0,heading:_||"Smart Upload",content:$,footer:D,onClose:x,width:F||350,testId:d}})})};M.__docgenInfo={description:"",methods:[],displayName:"SmartUploadModal",props:{visible:{required:!0,tsType:{name:"boolean"},description:""},prompt:{required:!0,tsType:{name:"string"},description:""},onCloseModal:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},onUpload:{required:!0,tsType:{name:"signature",type:"function",raw:"(prompt: string, file: File) => any",signature:{arguments:[{type:{name:"string"},name:"prompt"},{type:{name:"File"},name:"file"}],return:{name:"any"}}},description:""},onComplete:{required:!0,tsType:{name:"signature",type:"function",raw:"(data: { [key: string]: string }[]) => void",signature:{arguments:[{type:{name:"Array",elements:[{name:"signature",type:"object",raw:"{ [key: string]: string }",signature:{properties:[{key:{name:"string"},value:{name:"string",required:!0}}]}}],raw:"{ [key: string]: string }[]"},name:"data"}],return:{name:"void"}}},description:""},onFailed:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},onError:{required:!1,tsType:{name:"signature",type:"function",raw:"(error: any) => void",signature:{arguments:[{type:{name:"any"},name:"error"}],return:{name:"void"}}},description:""},width:{required:!1,tsType:{name:"number"},description:""},heading:{required:!1,tsType:{name:"string"},description:""},dialogText:{required:!1,tsType:{name:"string"},description:""},fileInputText:{required:!1,tsType:{name:"string"},description:""},fileInputPlaceholder:{required:!1,tsType:{name:"string"},description:""},uploadText:{required:!1,tsType:{name:"string"},description:""},cancelText:{required:!1,tsType:{name:"string"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const Ie={title:"Ai/SmartUploadModal",component:M,args:{visible:!0,prompt:"This is a prompt",onCloseModal:()=>{},onUpload:()=>{},onComplete:()=>{}},parameters:{docs:{story:{inline:!1,iframeHeight:400}}}},l=()=>{const[s,p]=i.useState(!0),f=()=>{p(!0)},m=()=>{p(!1)},y=()=>(console.log("Uploading"),new Promise(a=>{setTimeout(()=>{a([])},4e3)})),n=()=>{console.log("Completed"),m()};return e.jsxs(e.Fragment,{children:[e.jsx(M,{visible:s,prompt:"This is a prompt",onCloseModal:m,onUpload:y,onComplete:n}),e.jsx(h,{label:"Open Modal",onClick:f})]})};l.__docgenInfo={description:"",methods:[],displayName:"SmartUpload"};var j,q,w;l.parameters={...l.parameters,docs:{...(j=l.parameters)==null?void 0:j.docs,source:{originalSource:`() => {
1
+ import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as i}from"./index-DhsZuJvc.js";import{B as h}from"./button-kgPRviUL.js";import{u as Q,M as z,D as G}from"./dialog-OKqVW3Np.js";import{F as J}from"./file-input-DF5MV4Ht.js";import{S}from"./spacer-BWoNR27H.js";import{T as W}from"./text-B3-TSWok.js";import{P as X}from"./progress-bar-C_kV6r0Q.js";import{d as Y}from"./index-DaLCDjg_.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./portal-GQ0_cLB6.js";import"./lodash-BHd_uQHh.js";import"./heading-CRNoBc7q.js";import"./help-icon-Buhx5nl6.js";import"./input-group-BaRSJAEN.js";import"./input-DFNY9YDm.js";import"./types-UmZ4Y_CR.js";import"./index-DRSy5Ssd.js";const U=250,g=4e4,b=20,I=500,M=({visible:s,prompt:p,onCloseModal:f,onUpload:m,onComplete:y,onFailed:n,onError:a,width:F,heading:_,dialogText:E,fileInputText:k,fileInputPlaceholder:N,uploadText:V,cancelText:B,testId:d})=>{const[c,v]=i.useState(null),[C,u]=i.useState(!1),[P,T]=i.useState(0);let o=0;const R=()=>{o=o+U,T(o)},A=t=>{let r=o+t;r>=.99*g&&(r=g),o=r,T(o)};i.useEffect(()=>{v(null)},[s]);const L=t=>{t.target.value&&v(t.target.value)},H=async()=>{T(0);const t=setInterval(R,U);try{if(!c)return;u(!0);const r=await m(p,c);if(!s)return;if(r){clearInterval(t);const K=setInterval(A,I/b,(g-o)/(b-1));setTimeout(()=>{y(r),clearInterval(K),u(!1)},I)}else n==null||n(),u(!1)}catch(r){a==null||a(r),u(!1)}finally{clearInterval(t)}},O=()=>{H()},x=()=>{f()},$=e.jsxs(e.Fragment,{children:[e.jsx(W,{children:E||"Upload file and extract data using a LLM"}),e.jsx(S,{}),e.jsx(J,{placeholder:N||"No file",label:k||"Select",file:c||void 0,onChange:L,testId:`${d}-file-input`,accept:"image/*"}),C&&e.jsxs(e.Fragment,{children:[e.jsx(S,{}),e.jsx(X,{percentage:Y.roundByMagnitudeToFixed(100*P/g,3)})]})]}),D=e.jsxs(e.Fragment,{children:[e.jsx(h,{label:V||"Upload",colored:!0,onClick:O,disabled:!c||C,testId:`${d}-button-upload`}),e.jsx(h,{label:B||"Cancel",onClick:x,testId:`${d}-button-cancel`})]});return Q("Escape",()=>x()),e.jsx(z,{visible:s,centered:!0,children:e.jsx(G,{dialog:{scroll:!0,heading:_||"Smart Upload",content:$,footer:D,onClose:x,width:F||350,testId:d}})})};M.__docgenInfo={description:"",methods:[],displayName:"SmartUploadModal",props:{visible:{required:!0,tsType:{name:"boolean"},description:""},prompt:{required:!0,tsType:{name:"string"},description:""},onCloseModal:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},onUpload:{required:!0,tsType:{name:"signature",type:"function",raw:"(prompt: string, file: File) => any",signature:{arguments:[{type:{name:"string"},name:"prompt"},{type:{name:"File"},name:"file"}],return:{name:"any"}}},description:""},onComplete:{required:!0,tsType:{name:"signature",type:"function",raw:"(data: { [key: string]: string }[]) => void",signature:{arguments:[{type:{name:"Array",elements:[{name:"signature",type:"object",raw:"{ [key: string]: string }",signature:{properties:[{key:{name:"string"},value:{name:"string",required:!0}}]}}],raw:"{ [key: string]: string }[]"},name:"data"}],return:{name:"void"}}},description:""},onFailed:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},onError:{required:!1,tsType:{name:"signature",type:"function",raw:"(error: any) => void",signature:{arguments:[{type:{name:"any"},name:"error"}],return:{name:"void"}}},description:""},width:{required:!1,tsType:{name:"number"},description:""},heading:{required:!1,tsType:{name:"string"},description:""},dialogText:{required:!1,tsType:{name:"string"},description:""},fileInputText:{required:!1,tsType:{name:"string"},description:""},fileInputPlaceholder:{required:!1,tsType:{name:"string"},description:""},uploadText:{required:!1,tsType:{name:"string"},description:""},cancelText:{required:!1,tsType:{name:"string"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const Ie={title:"Ai/SmartUploadModal",component:M,args:{visible:!0,prompt:"This is a prompt",onCloseModal:()=>{},onUpload:()=>{},onComplete:()=>{}},parameters:{docs:{story:{inline:!1,iframeHeight:400}}}},l=()=>{const[s,p]=i.useState(!0),f=()=>{p(!0)},m=()=>{p(!1)},y=()=>(console.log("Uploading"),new Promise(a=>{setTimeout(()=>{a([])},4e3)})),n=()=>{console.log("Completed"),m()};return e.jsxs(e.Fragment,{children:[e.jsx(M,{visible:s,prompt:"This is a prompt",onCloseModal:m,onUpload:y,onComplete:n}),e.jsx(h,{label:"Open Modal",onClick:f})]})};l.__docgenInfo={description:"",methods:[],displayName:"SmartUpload"};var j,q,w;l.parameters={...l.parameters,docs:{...(j=l.parameters)==null?void 0:j.docs,source:{originalSource:`() => {
2
2
  const [visible, setVisible] = useState(true);
3
3
  const openModal = () => {
4
4
  setVisible(true);