@ryuzaki13/react-foundation-ui 1.11.0 → 1.11.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 (290) hide show
  1. package/dist/advanced-search/index.js +4 -4
  2. package/dist/base-table/index.js +1 -1
  3. package/dist/button/index.js +1 -1
  4. package/dist/chunks/{CalendarView-BK-Q6GVc.js → CalendarView-Bhaov_XE.js} +2 -2
  5. package/dist/chunks/{CalendarView-BK-Q6GVc.js.map → CalendarView-Bhaov_XE.js.map} +1 -1
  6. package/dist/chunks/{TextEditorLexicalClient-C8jKCbsp.js → TextEditorLexicalClient-CqPOrgcQ.js} +3 -3
  7. package/dist/chunks/{TextEditorLexicalClient-C8jKCbsp.js.map → TextEditorLexicalClient-CqPOrgcQ.js.map} +1 -1
  8. package/dist/chunks/{base-table-CClQop2i.js → base-table-DswaYoH-.js} +2 -2
  9. package/dist/chunks/{base-table-CClQop2i.js.map → base-table-DswaYoH-.js.map} +1 -1
  10. package/dist/chunks/{button-BYWHD2TV.js → button-BaUlN-nt.js} +2 -2
  11. package/dist/chunks/{button-BYWHD2TV.js.map → button-BaUlN-nt.js.map} +1 -1
  12. package/dist/chunks/{date-input-DXXKeLcq.js → date-input-DkLfO3Ng.js} +3 -3
  13. package/dist/chunks/{date-input-DXXKeLcq.js.map → date-input-DkLfO3Ng.js.map} +1 -1
  14. package/dist/chunks/{misc-CV0XwJf3.js → misc-DeGboAt-.js} +2 -2
  15. package/dist/chunks/{misc-CV0XwJf3.js.map → misc-DeGboAt-.js.map} +1 -1
  16. package/dist/chunks/{modal-Bmd9iBw1.js → modal-BGAi96zR.js} +3 -3
  17. package/dist/chunks/{modal-Bmd9iBw1.js.map → modal-BGAi96zR.js.map} +1 -1
  18. package/dist/chunks/{popover-BMboZXoQ.js → popover-Bne-Ljbs.js} +62 -61
  19. package/dist/chunks/{popover-BMboZXoQ.js.map → popover-Bne-Ljbs.js.map} +1 -1
  20. package/dist/chunks/{table-ZPWbKoR-.js → table-aozLLSJk.js} +2 -2
  21. package/dist/chunks/{table-ZPWbKoR-.js.map → table-aozLLSJk.js.map} +1 -1
  22. package/dist/date-input/index.js +2 -2
  23. package/dist/date-time-input/index.js +2 -2
  24. package/dist/expandable-action-panel/index.js +2 -2
  25. package/dist/image/index.js +2 -2
  26. package/dist/list/index.js +1 -1
  27. package/dist/misc/index.js +1 -1
  28. package/dist/modal/index.js +1 -1
  29. package/dist/notifications/index.js +1 -1
  30. package/dist/popover/FloatingPopover.d.ts.map +1 -1
  31. package/dist/popover/index.js +1 -1
  32. package/dist/preset-range-date-input/index.js +1 -1
  33. package/dist/simple-table/index.js +1 -1
  34. package/dist/slider/index.js +1 -1
  35. package/dist/table/index.js +1 -1
  36. package/dist/tabs/index.js +1 -1
  37. package/dist/text/index.js +1 -1
  38. package/dist/text-editor/index.js +2 -2
  39. package/dist/tree-table/index.js +1 -1
  40. package/package.json +1 -1
  41. package/storybook-static/assets/{Badge-Bmocdlmq.js → Badge-B0pMNo6u.js} +1 -1
  42. package/storybook-static/assets/{Badge.stories-Dq22iAGc.js → Badge.stories-DmJySgC9.js} +1 -1
  43. package/storybook-static/assets/{BadgeList-Cf2yUv1u.js → BadgeList-CPMgBZNy.js} +1 -1
  44. package/storybook-static/assets/{Button-DQHgQZCq.js → Button-BQCqsOSh.js} +1 -1
  45. package/storybook-static/assets/{Button-BUk07f_S.js → Button-DdP87Kjo.js} +1 -1
  46. package/storybook-static/assets/{Button.stories-4tFPDHfK.js → Button.stories-B95Gfrv6.js} +1 -1
  47. package/storybook-static/assets/{CalendarView-DQYsbm4g.js → CalendarView-Dkx103Eo.js} +1 -1
  48. package/storybook-static/assets/{CheckBox-CLhfwAlH.js → CheckBox-6jhHJHNx.js} +1 -1
  49. package/storybook-static/assets/{CheckBox-CwRh9b03.js → CheckBox-CEiyvt0g.js} +1 -1
  50. package/storybook-static/assets/{CheckBox.stories-m5AGRWTh.js → CheckBox.stories-C-ry0F3S.js} +1 -1
  51. package/storybook-static/assets/{Color-6AOWCN3U-BT97ThGN.js → Color-6AOWCN3U-C7ZBfvPD.js} +1 -1
  52. package/storybook-static/assets/{ContextMenu-1Qwp2Dk8.js → ContextMenu-B7zzWFcl.js} +1 -1
  53. package/storybook-static/assets/ContextMenu-BXr3AZy_.js +1 -0
  54. package/storybook-static/assets/{ContextMenu.stories-DTDQ8JRw.js → ContextMenu.stories-BixTxzOj.js} +1 -1
  55. package/storybook-static/assets/{CustomOptionButton-DRSpQRg_.js → CustomOptionButton-B4TQxEG7.js} +1 -1
  56. package/storybook-static/assets/{DateInput-BggMfSmA.js → DateInput-CiNA_ASr.js} +1 -1
  57. package/storybook-static/assets/{DateInput-Cp6xhtI3.js → DateInput-Dd18xSEj.js} +1 -1
  58. package/storybook-static/assets/{DateInput.stories-B-N5Y0hy.js → DateInput.stories-BEsG3vsL.js} +1 -1
  59. package/storybook-static/assets/{DateRangePresetSelect-DWPqA3yb.js → DateRangePresetSelect-CPYFDKex.js} +1 -1
  60. package/storybook-static/assets/{DateRangePresetSelect-BIXgqhm3.js → DateRangePresetSelect-Ccz7NfDd.js} +1 -1
  61. package/storybook-static/assets/{DateRangePresetSelect.stories-BWLmoEKH.js → DateRangePresetSelect.stories-opQhou6g.js} +1 -1
  62. package/storybook-static/assets/{Detail-BjruCzcN.js → Detail-iNp-Y0oX.js} +1 -1
  63. package/storybook-static/assets/{Detail.stories-DwJ3aW8_.js → Detail.stories-wMP_UVa0.js} +1 -1
  64. package/storybook-static/assets/{Dialog-0MGsluCV.js → Dialog-C61I39GX.js} +1 -1
  65. package/storybook-static/assets/{Dialog-BvAqe0gX.js → Dialog-DvJy6JL7.js} +1 -1
  66. package/storybook-static/assets/{Dialog.stories-B5Lx37As.js → Dialog.stories-BA49irYS.js} +1 -1
  67. package/storybook-static/assets/{Disclosure-D4q6GuUV.js → Disclosure-CuKVlkDs.js} +1 -1
  68. package/storybook-static/assets/{Disclosure.stories-DlzUmJUQ.js → Disclosure.stories-DGEYHdsF.js} +1 -1
  69. package/storybook-static/assets/{DisclosureGroup-DKik623a.js → DisclosureGroup-DhU1dNC8.js} +1 -1
  70. package/storybook-static/assets/{DocsRenderer-JROSPFPF-CWcb1DRR.js → DocsRenderer-JROSPFPF-BkpUvEnq.js} +1 -1
  71. package/storybook-static/assets/{DropZone-XGiHG9SW.js → DropZone-7ceW1dn3.js} +1 -1
  72. package/storybook-static/assets/{DropZone-anfzi8dm.js → DropZone-C78CmTpa.js} +1 -1
  73. package/storybook-static/assets/{DropZone.stories-DJJ60MOp.js → DropZone.stories-ufjhh7h-.js} +1 -1
  74. package/storybook-static/assets/{DropdownMenu-JcsvtCfI.js → DropdownMenu-n6JW93BD.js} +1 -1
  75. package/storybook-static/assets/{ExpandableActionPanel-Bs10HN-A.js → ExpandableActionPanel-Hr0krU6W.js} +1 -1
  76. package/storybook-static/assets/{ExpandableActionPanel.stories-jdXKbV2C.js → ExpandableActionPanel.stories-DhvuWFNv.js} +1 -1
  77. package/storybook-static/assets/{Flex-VTK7hPbc.js → Flex-B94m_qyY.js} +1 -1
  78. package/storybook-static/assets/{Flex.stories-Dk-dArHA.js → Flex.stories-B8AaUI7D.js} +1 -1
  79. package/storybook-static/assets/FloatingPopover-DJiX84PM.js +1 -0
  80. package/storybook-static/assets/{FormattedTableCell-Do9NiavS.js → FormattedTableCell-_E06deOh.js} +1 -1
  81. package/storybook-static/assets/{Grid-Dd2vYRwB.js → Grid-kT9nG3ti.js} +1 -1
  82. package/storybook-static/assets/{Grid.stories-C46OA4mX.js → Grid.stories-CIpqBZEV.js} +1 -1
  83. package/storybook-static/assets/{ImageCropper.stories-CMi9hgfG.js → ImageCropper.stories-lLmE-m8y.js} +1 -1
  84. package/storybook-static/assets/{ImageRenderer-CTSioI7M.js → ImageRenderer-CumAPDzJ.js} +1 -1
  85. package/storybook-static/assets/{ImageRenderer.stories-DBBOQIIJ.js → ImageRenderer.stories-DRBkO7a5.js} +1 -1
  86. package/storybook-static/assets/{ImageView.stories-CIevFKkS.js → ImageView.stories-CJPbRo4F.js} +1 -1
  87. package/storybook-static/assets/{ImageViewer.stories-YNYWn4Bm.js → ImageViewer.stories-Dga7I4WU.js} +2 -2
  88. package/storybook-static/assets/{ImageViewerRuntime-BOhXjUiB.js → ImageViewerRuntime-B2Mqo_WZ.js} +1 -1
  89. package/storybook-static/assets/{Input-NQpoWTtN.js → Input-C1R3JI6C.js} +1 -1
  90. package/storybook-static/assets/{Input-DMnIZD0A.js → Input-aN_k-nwG.js} +1 -1
  91. package/storybook-static/assets/{Input.stories-DL4OuLQq.js → Input.stories-CamuqrIq.js} +1 -1
  92. package/storybook-static/assets/{InputDateTime-BkrwE0eN.js → InputDateTime-DLGntd6J.js} +1 -1
  93. package/storybook-static/assets/{InputDateTime.stories-cfzBkOug.js → InputDateTime.stories-DKS2OEea.js} +1 -1
  94. package/storybook-static/assets/{InputFile-C0GfBgah.js → InputFile-Co7tvxPX.js} +1 -1
  95. package/storybook-static/assets/{InputFile-BH8z42gA.js → InputFile-VpaVOpAd.js} +1 -1
  96. package/storybook-static/assets/{InputFile.stories-DnIX3AC1.js → InputFile.stories-DXdlBxEU.js} +1 -1
  97. package/storybook-static/assets/{InputFiles-BYkZJb9A.js → InputFiles-BTCuD668.js} +1 -1
  98. package/storybook-static/assets/{InputFiles-Bf5645s-.js → InputFiles-DvkMwKO7.js} +1 -1
  99. package/storybook-static/assets/{InputFiles.stories-DVIHMGIP.js → InputFiles.stories-DrTZMej-.js} +1 -1
  100. package/storybook-static/assets/{InputFilesList-qpPFSFtG.js → InputFilesList-CGjnqnzc.js} +1 -1
  101. package/storybook-static/assets/{InputImage-_gvKkzWD.js → InputImage-DiEO91jk.js} +1 -1
  102. package/storybook-static/assets/{InputImage-CC3lb8gi.js → InputImage-Ipb-FcJa.js} +1 -1
  103. package/storybook-static/assets/{InputImage.stories-BgN8VFFS.js → InputImage.stories-ttixjbus.js} +1 -1
  104. package/storybook-static/assets/{InteractiveComponents-CgGBx8l1.js → InteractiveComponents-B4gMe903.js} +1 -1
  105. package/storybook-static/assets/{InteractiveComponents.stories-D7Wep_1W.js → InteractiveComponents.stories-Bao1bjuz.js} +1 -1
  106. package/storybook-static/assets/{LayoutPicker-CTD5g0Wu.js → LayoutPicker-CbOMOuPf.js} +1 -1
  107. package/storybook-static/assets/{LayoutPicker-DR5y1Myb.js → LayoutPicker-CuHY0iUU.js} +1 -1
  108. package/storybook-static/assets/{LayoutPicker.stories-Dt7yQp6w.js → LayoutPicker.stories-DYrG4wtT.js} +1 -1
  109. package/storybook-static/assets/{Listbox-CRXdkzAx.js → Listbox-BL0ioHxs.js} +1 -1
  110. package/storybook-static/assets/{Listbox-C2RgETsr.js → Listbox-BxHmY5ET.js} +1 -1
  111. package/storybook-static/assets/{Listbox.stories-45YthQmO.js → Listbox.stories-DJyYFh1U.js} +1 -1
  112. package/storybook-static/assets/{Modal-BpcQFiJm.js → Modal-Q7o1iqet.js} +1 -1
  113. package/storybook-static/assets/{Modal.stories-Il0VwPqg.js → Modal.stories-DwIrHxPr.js} +1 -1
  114. package/storybook-static/assets/{ModalManagerProvider-DLXe4U3x.js → ModalManagerProvider-41HvR5kw.js} +1 -1
  115. package/storybook-static/assets/{MultiSelect-Dxz8DA8o.js → MultiSelect-CJesPVwA.js} +1 -1
  116. package/storybook-static/assets/{MultiSelect-BD6mJ2vx.js → MultiSelect-HPQ3mNkL.js} +1 -1
  117. package/storybook-static/assets/{MultiSelect.stories-gkbGwBpe.js → MultiSelect.stories-Bb2GHyNF.js} +1 -1
  118. package/storybook-static/assets/{NoData-Cl4UXZP6.js → NoData-CGqnBZTW.js} +1 -1
  119. package/storybook-static/assets/{NotificationsHost-B2vgz-sQ.js → NotificationsHost-CwzaWa75.js} +1 -1
  120. package/storybook-static/assets/{NotificationsHost.stories-7Fw9T4s4.js → NotificationsHost.stories-CcPBctyV.js} +1 -1
  121. package/storybook-static/assets/{ODataMultiSelect-CGXrGRDW.js → ODataMultiSelect-C_M7IJ-E.js} +1 -1
  122. package/storybook-static/assets/{ODataMultiSelect.stories-ppuz3Ivh.js → ODataMultiSelect.stories-CEWZoIYN.js} +1 -1
  123. package/storybook-static/assets/{ODataSelect-xKIjMIAt.js → ODataSelect-CeQ91U4i.js} +1 -1
  124. package/storybook-static/assets/{ODataSelect.stories-laNLY7vk.js → ODataSelect.stories-OpbcMtd0.js} +1 -1
  125. package/storybook-static/assets/{ODataTreeMultiSelect-DFUONEUd.js → ODataTreeMultiSelect-By-iwUlb.js} +1 -1
  126. package/storybook-static/assets/{ODataTreeMultiSelect.stories-DKTkUiBW.js → ODataTreeMultiSelect.stories-DjediQp3.js} +1 -1
  127. package/storybook-static/assets/{ODataTreeSelect-J4u4Wsfe.js → ODataTreeSelect-C4fBiCfR.js} +1 -1
  128. package/storybook-static/assets/{ODataTreeSelect.stories-Drgf1o53.js → ODataTreeSelect.stories-BRVIyV0K.js} +1 -1
  129. package/storybook-static/assets/{OneStepScroller-hE3u2cmJ.js → OneStepScroller-BeOhzxOb.js} +1 -1
  130. package/storybook-static/assets/{Option-DhjNWSm2.js → Option-BALI2Izw.js} +1 -1
  131. package/storybook-static/assets/{OptionButton-pWyuhK8d.js → OptionButton-Cu_hyVYx.js} +1 -1
  132. package/storybook-static/assets/{PeriodSelect-DKRTbhor.js → PeriodSelect-C0tZpOZ2.js} +1 -1
  133. package/storybook-static/assets/{PeriodSelect-Clv23FEy.js → PeriodSelect-D7ZyNQQj.js} +1 -1
  134. package/storybook-static/assets/{PeriodSelect.stories-BmMj08to.js → PeriodSelect.stories-CaKpWoBI.js} +1 -1
  135. package/storybook-static/assets/{PickerTriggerActions-l0pz64kI.js → PickerTriggerActions-CouIkvlG.js} +1 -1
  136. package/storybook-static/assets/Popover-BNl3GC6I.js +2 -0
  137. package/storybook-static/assets/{Popover-C6ma37U9.js → Popover-VojsocpB.js} +1 -1
  138. package/storybook-static/assets/{Popover.stories-pYPdoCie.js → Popover.stories-voeYCJAG.js} +1 -1
  139. package/storybook-static/assets/{PresetRangeDateInput-BOz7K4tq.js → PresetRangeDateInput-BAsiw0m9.js} +1 -1
  140. package/storybook-static/assets/{PresetRangeDateInput-BBTaxl7U.js → PresetRangeDateInput-DTFvAuEG.js} +1 -1
  141. package/storybook-static/assets/{PresetRangeDateInput.stories-DLm_xsNg.js → PresetRangeDateInput.stories-BpytrxVn.js} +1 -1
  142. package/storybook-static/assets/{PresetSelect-DVJNVQ0Y.js → PresetSelect-DqsBg04y.js} +1 -1
  143. package/storybook-static/assets/{README-CGRGUCj5.js → README-6evrAby4.js} +1 -1
  144. package/storybook-static/assets/{README-zlCSWis-.js → README-822aEKM9.js} +1 -1
  145. package/storybook-static/assets/{README-CjvdkRtH.js → README-B2JDHSDg.js} +1 -1
  146. package/storybook-static/assets/{README-CaQ_tDiK.js → README-B4L4Qms9.js} +1 -1
  147. package/storybook-static/assets/{README-qhDVrEux.js → README-BH_ofrva.js} +1 -1
  148. package/storybook-static/assets/{README-Bmto4mN8.js → README-BIY0CXzT.js} +1 -1
  149. package/storybook-static/assets/{README-BXKptrTk.js → README-BRJb1GLe.js} +1 -1
  150. package/storybook-static/assets/{README-CuS7_hvi.js → README-BV9yMaZH.js} +1 -1
  151. package/storybook-static/assets/{README-BECvJlYF.js → README-BVJkWNdT.js} +1 -1
  152. package/storybook-static/assets/{README-Dprsyjb3.js → README-BVZEvH2e.js} +1 -1
  153. package/storybook-static/assets/{README-rV7rsInW.js → README-BuA3_CmY.js} +1 -1
  154. package/storybook-static/assets/{README-DsKMlp5D.js → README-BvWWZXkg.js} +1 -1
  155. package/storybook-static/assets/{README-EbWehfGJ.js → README-BvwvQC0S.js} +1 -1
  156. package/storybook-static/assets/{README-UeQ6P9dU.js → README-Bwn32UEx.js} +1 -1
  157. package/storybook-static/assets/{README-d4RlrI_M.js → README-C-Pfk84O.js} +1 -1
  158. package/storybook-static/assets/{README-BDdVg3By.js → README-C78L4rcb.js} +1 -1
  159. package/storybook-static/assets/{README-uRH_sJT9.js → README-C9NwfMMB.js} +1 -1
  160. package/storybook-static/assets/{README-ClaZhzyO.js → README-CBcr-aZ-.js} +1 -1
  161. package/storybook-static/assets/{README-D_shHX2g.js → README-CFx77m4x.js} +1 -1
  162. package/storybook-static/assets/{README-D09eq_kv.js → README-CGU1FPkG.js} +1 -1
  163. package/storybook-static/assets/{README-CgV2GMjt.js → README-CNGBJoj9.js} +1 -1
  164. package/storybook-static/assets/{README-DcN57PQO.js → README-CNwWDpPA.js} +1 -1
  165. package/storybook-static/assets/{README-Dy8QkJy5.js → README-CP8A3pUx.js} +1 -1
  166. package/storybook-static/assets/{README-CsE00A8j.js → README-CRPSrjud.js} +1 -1
  167. package/storybook-static/assets/{README-DO_EutNH.js → README-CSnzw2D-.js} +1 -1
  168. package/storybook-static/assets/{README-DuSlk_Zw.js → README-CZrtJjG5.js} +1 -1
  169. package/storybook-static/assets/{README-PECG8BRh.js → README-CshGb2DJ.js} +1 -1
  170. package/storybook-static/assets/{README-MPTR3r1B.js → README-CxvHN56L.js} +1 -1
  171. package/storybook-static/assets/{README-CNkhkjA3.js → README-D01CDD_h.js} +1 -1
  172. package/storybook-static/assets/{README-emZYwvTg.js → README-D0tDmHet.js} +1 -1
  173. package/storybook-static/assets/{README-DNyQ5dAL.js → README-D1eYEpJo.js} +1 -1
  174. package/storybook-static/assets/{README-CPbiCM44.js → README-D2ulcVfy.js} +1 -1
  175. package/storybook-static/assets/{README-p7SV8llU.js → README-D5JHlt8a.js} +1 -1
  176. package/storybook-static/assets/{README-B4Xr-JsN.js → README-D6Vv7boA.js} +1 -1
  177. package/storybook-static/assets/{README-DFI_0Xa-.js → README-D95b9s0-.js} +1 -1
  178. package/storybook-static/assets/{README-Cj1-wuG7.js → README-DLMl2PNQ.js} +1 -1
  179. package/storybook-static/assets/{README-DPhYvx9a.js → README-DPWMkaF9.js} +1 -1
  180. package/storybook-static/assets/{README-CDlwnugz.js → README-DTdq97bt.js} +1 -1
  181. package/storybook-static/assets/{README-CsZEzBJP.js → README-DaTftOiF.js} +1 -1
  182. package/storybook-static/assets/{README-BEjUSrTw.js → README-DlSdPLoj.js} +1 -1
  183. package/storybook-static/assets/{README-9jx1x6qi.js → README-DpbDg5ce.js} +1 -1
  184. package/storybook-static/assets/{README-DwJSX6TF.js → README-Dt7VgalJ.js} +1 -1
  185. package/storybook-static/assets/{README-B_wGX6sN.js → README-JfTIbTxa.js} +1 -1
  186. package/storybook-static/assets/{README-B5rZ3QLJ.js → README-KslesuPp.js} +1 -1
  187. package/storybook-static/assets/{README-CaYMYOLi.js → README-RqmpGW_K.js} +1 -1
  188. package/storybook-static/assets/{README-Bgf6v4CI.js → README-SmqCd027.js} +1 -1
  189. package/storybook-static/assets/{README-gKvDIeCq.js → README-V9-IwPwN.js} +1 -1
  190. package/storybook-static/assets/{README-BfIVJh3-.js → README-eGS9MpcY.js} +1 -1
  191. package/storybook-static/assets/{README-Cs2RDVgN.js → README-pEhV0D6Q.js} +1 -1
  192. package/storybook-static/assets/{README-EYy5nk_J.js → README-qYd4IxwX.js} +1 -1
  193. package/storybook-static/assets/{README-DDNwItD0.js → README-y2sdEYQd.js} +1 -1
  194. package/storybook-static/assets/{README-bUo0Smq-.js → README-ymNGc5K0.js} +1 -1
  195. package/storybook-static/assets/{RadioButton-C6rZp79x.js → RadioButton-Ba9QfrAy.js} +1 -1
  196. package/storybook-static/assets/{RadioButton-PzYp1sbh.js → RadioButton-CnpzlpUJ.js} +1 -1
  197. package/storybook-static/assets/{RadioButton.stories-DlBlaipI.js → RadioButton.stories-BnN4pgGe.js} +1 -1
  198. package/storybook-static/assets/{RadioGroup-BZ6jpcRK.js → RadioGroup-BykHY9bQ.js} +1 -1
  199. package/storybook-static/assets/{RadioGroup-CUTPaFXh.js → RadioGroup-Snp96mXk.js} +1 -1
  200. package/storybook-static/assets/{RadioGroup.stories-BmA8DAEX.js → RadioGroup.stories-ElfRHSzd.js} +1 -1
  201. package/storybook-static/assets/{Scrollable-CxrPKShA.js → Scrollable-CZQNMT37.js} +1 -1
  202. package/storybook-static/assets/{Select-B3FoE2zw.js → Select-7gK0WOKA.js} +1 -1
  203. package/storybook-static/assets/{Select-CRnpjYGa.js → Select-DB19StkW.js} +1 -1
  204. package/storybook-static/assets/{Select.stories-DxhEaTHD.js → Select.stories-B-x2u4Ka.js} +1 -1
  205. package/storybook-static/assets/{SerializableSelect-JfVyMsfo.js → SerializableSelect-RdiASBU7.js} +1 -1
  206. package/storybook-static/assets/{SerializableSelect.stories-DIHqxl-P.js → SerializableSelect.stories-D3oi1vVq.js} +1 -1
  207. package/storybook-static/assets/{SingleDateTimeInput-BHrmqVUi.js → SingleDateTimeInput-ekp5dih9.js} +1 -1
  208. package/storybook-static/assets/{SingleDateTimeInput-DYi2W5-T.js → SingleDateTimeInput-lU6cGbfx.js} +1 -1
  209. package/storybook-static/assets/{SingleDateTimeInput.stories-SJfUXQ27.js → SingleDateTimeInput.stories-CL-wJh62.js} +1 -1
  210. package/storybook-static/assets/{Slider-DAsAVPS3.js → Slider-BaGjYkeA.js} +1 -1
  211. package/storybook-static/assets/{Slider-DhdKtsT1.js → Slider-TYTl3yDT.js} +1 -1
  212. package/storybook-static/assets/{Slider.stories-BpMfeLzl.js → Slider.stories-B1Q15yer.js} +1 -1
  213. package/storybook-static/assets/{SliderInput-H9TKoqbL.js → SliderInput-D7HC0Qy7.js} +1 -1
  214. package/storybook-static/assets/{SliderInput-B63Rq_wR.js → SliderInput-DQCecLsI.js} +1 -1
  215. package/storybook-static/assets/{SliderInput.stories-Cn7GhuHt.js → SliderInput.stories-Dks-x9HE.js} +1 -1
  216. package/storybook-static/assets/{Sortable-CAjeg1_l.js → Sortable-BNy1ZMbQ.js} +1 -1
  217. package/storybook-static/assets/{Sortable.stories-8lzpL0Lt.js → Sortable.stories-Cb6IiB1t.js} +1 -1
  218. package/storybook-static/assets/{Splitter-D54uXac9.js → Splitter-DIgl2n1Z.js} +1 -1
  219. package/storybook-static/assets/{Splitter.stories-qqnOp0Be.js → Splitter.stories-BIjaaFzl.js} +1 -1
  220. package/storybook-static/assets/{StateSelect-UC8bRpDR.js → StateSelect-B6gJ8hJa.js} +1 -1
  221. package/storybook-static/assets/{StateSelect-CIwqD4QX.js → StateSelect-zOqdyaQn.js} +1 -1
  222. package/storybook-static/assets/{StateSelect.stories-CeWB2shZ.js → StateSelect.stories-BO-IgbhM.js} +1 -1
  223. package/storybook-static/assets/{StringToggle.stories-CId-fhHG.js → StringToggle.stories-D4f7Fbw8.js} +1 -1
  224. package/storybook-static/assets/{Switch-CVtJtLtK.js → Switch-CJrR8E7p.js} +1 -1
  225. package/storybook-static/assets/{Switch-CRVzhG2B.js → Switch-D5xdNKsi.js} +1 -1
  226. package/storybook-static/assets/{Switch.stories-QTri2bfY.js → Switch.stories-9rHvE9GC.js} +1 -1
  227. package/storybook-static/assets/{Table-BXvnFfUe.js → Table-BndDbNw8.js} +1 -1
  228. package/storybook-static/assets/{Table.stories-BcDC_lz-.js → Table.stories-CJCfJUjh.js} +1 -1
  229. package/storybook-static/assets/{Tabs-D0eZ9Cgh.js → Tabs-CP10ZNq4.js} +1 -1
  230. package/storybook-static/assets/{Tabs.stories-Co4DPEfD.js → Tabs.stories-C9yRAUoL.js} +1 -1
  231. package/storybook-static/assets/{TabsBox-DbflFmuw.js → TabsBox-CF6lsJX9.js} +1 -1
  232. package/storybook-static/assets/{TagInput-DB7FGBMX.js → TagInput-CNuIR1Js.js} +1 -1
  233. package/storybook-static/assets/{TagInput.stories-DUFf2b0k.js → TagInput.stories-EHAVYqjD.js} +1 -1
  234. package/storybook-static/assets/{Text-B2YuarGk.js → Text-Dk57_ZbR.js} +1 -1
  235. package/storybook-static/assets/{Textarea-DTqLlnko.js → Textarea-BE9dNCqI.js} +1 -1
  236. package/storybook-static/assets/{Textarea-CKEIyyZn.js → Textarea-C62-_iti.js} +1 -1
  237. package/storybook-static/assets/{Textarea.stories-BgIIz2G-.js → Textarea.stories-DKvABJTj.js} +1 -1
  238. package/storybook-static/assets/{TimePanel-B0OHydPr.js → TimePanel-x3TlepfZ.js} +1 -1
  239. package/storybook-static/assets/{TimePanel.stories-VwoN28G5.js → TimePanel.stories-DaZB0D5G.js} +1 -1
  240. package/storybook-static/assets/{Toggle-Cs4DVygF.js → Toggle-BC4e-JyH.js} +1 -1
  241. package/storybook-static/assets/{Toggle-BCL50yyX.js → Toggle-FZ3jr9eC.js} +1 -1
  242. package/storybook-static/assets/{Toggle.stories-CpXAf4PL.js → Toggle.stories-bBbcFQPg.js} +1 -1
  243. package/storybook-static/assets/{TreeMultiSelect-B_XsAJp-.js → TreeMultiSelect-BY0kKT3J.js} +1 -1
  244. package/storybook-static/assets/{TreeMultiSelect-DK2Y3CsI.js → TreeMultiSelect-BsA8SRFS.js} +1 -1
  245. package/storybook-static/assets/{TreeMultiSelect.stories-BgPTdk2V.js → TreeMultiSelect.stories-CuYZx8Ye.js} +1 -1
  246. package/storybook-static/assets/{TreePickerBase-BEH20lQJ.js → TreePickerBase-Cy2h0kPW.js} +1 -1
  247. package/storybook-static/assets/{TreeSelect-B3sF0Kdg.js → TreeSelect-CurHAVQd.js} +1 -1
  248. package/storybook-static/assets/{TreeSelect-Vx2Lkr0D.js → TreeSelect-DFQ3bXsn.js} +1 -1
  249. package/storybook-static/assets/{TreeSelect.stories-t3hHAqnv.js → TreeSelect.stories-CWIRI6gz.js} +1 -1
  250. package/storybook-static/assets/{TreeTable-C_wS4KRn.js → TreeTable-cuDoXkMK.js} +1 -1
  251. package/storybook-static/assets/{TreeTable.stories-DqhjGEev.js → TreeTable.stories-C2QEYgml.js} +1 -1
  252. package/storybook-static/assets/{blocks-Cyh_k-EZ.js → blocks-Bc4j9MF9.js} +3 -3
  253. package/storybook-static/assets/{check-C2TxO0vM.js → check-BgL33jfp.js} +1 -1
  254. package/storybook-static/assets/{chevron-down-D-NHGmtk.js → chevron-down-R3Jdqzrn.js} +1 -1
  255. package/storybook-static/assets/{chevron-left-CM7EAsdD.js → chevron-left-mLWJvyEZ.js} +1 -1
  256. package/storybook-static/assets/{chevron-right-CfuaKuy2.js → chevron-right-CPZF-d1L.js} +1 -1
  257. package/storybook-static/assets/{chunk-W22LQPXL-B7RoPLDL.js → chunk-W22LQPXL-C62lx28p.js} +1 -1
  258. package/storybook-static/assets/{circle-alert-DOSGRi-t.js → circle-alert-F3LNsip3.js} +1 -1
  259. package/storybook-static/assets/{circle-check-BkRw3adn.js → circle-check-B-PCEcP6.js} +1 -1
  260. package/storybook-static/assets/{components-znwoLfgu.js → components-EKvM9m9t.js} +3 -3
  261. package/storybook-static/assets/{contextMenu-8DDN0Php.js → contextMenu-DXU_cSyO.js} +1 -1
  262. package/storybook-static/assets/{download-vwxw-yX8.js → download-_gpfOcUw.js} +1 -1
  263. package/storybook-static/assets/floating-ui.react-DWG5_l50.js +1 -0
  264. package/storybook-static/assets/{foundationApi-BxPdFkTS.js → foundationApi-Bf1RvCy6.js} +1 -1
  265. package/storybook-static/assets/{foundationLib-rTXFCRH-.js → foundationLib-BqFATCRV.js} +1 -1
  266. package/storybook-static/assets/{hooks-D9hEAXzf.js → hooks-CVQS96HT.js} +2 -2
  267. package/storybook-static/assets/iframe-C-PXkEVa.js +1 -0
  268. package/storybook-static/assets/{iframe-Ctjgxy8H.js → iframe-DB62bexO.js} +3 -3
  269. package/storybook-static/assets/{info-Dl61zQfI.js → info-_jHhDMxQ.js} +1 -1
  270. package/storybook-static/assets/{odata-BDsYgYEZ.js → odata-CSE2o56k.js} +1 -1
  271. package/storybook-static/assets/{odataStoryFixtures-CokWXYCf.js → odataStoryFixtures-CnD5g3U7.js} +1 -1
  272. package/storybook-static/assets/{react-0DwxKZMs.js → react-CKPG354p.js} +1 -1
  273. package/storybook-static/assets/{refresh-cw-B8DNzoOe.js → refresh-cw-gwn6yl4E.js} +1 -1
  274. package/storybook-static/assets/{settings-2-DckqP9jM.js → settings-2-CI-uItnb.js} +1 -1
  275. package/storybook-static/assets/{sortable-DREBv4GG.js → sortable-D9YLnSq2.js} +1 -1
  276. package/storybook-static/assets/{syntaxhighlighter-QEQV7K2Y-BBaSxtnH.js → syntaxhighlighter-QEQV7K2Y-D1Qwwr3j.js} +1 -1
  277. package/storybook-static/assets/{trash-2-CSbUpfo-.js → trash-2-C8HzUkes.js} +1 -1
  278. package/storybook-static/assets/{triangle-alert-BRLCqBPU.js → triangle-alert-CiqmLtau.js} +1 -1
  279. package/storybook-static/assets/{useODataSelectBase-oNEeP0OC.js → useODataSelectBase-CIQ0s0Kh.js} +1 -1
  280. package/storybook-static/assets/{useODataTreeData-Blp3jPg9.js → useODataTreeData-DrVyNvfl.js} +1 -1
  281. package/storybook-static/assets/{usePickerQuery-DbaNcz3d.js → usePickerQuery-DgtD9ozg.js} +1 -1
  282. package/storybook-static/assets/{usePickerTriggerController-8HqdXbS9.js → usePickerTriggerController-CeQZVvq6.js} +1 -1
  283. package/storybook-static/assets/{x-4Az7SNSv.js → x-fspKtNh2.js} +1 -1
  284. package/storybook-static/iframe.html +2 -2
  285. package/storybook-static/project.json +1 -1
  286. package/storybook-static/assets/ContextMenu-BgDahw7W.js +0 -1
  287. package/storybook-static/assets/FloatingPopover-Bdkmabj9.js +0 -1
  288. package/storybook-static/assets/Popover-CgImrEnF.js +0 -2
  289. package/storybook-static/assets/floating-ui.react-YRjL1BGe.js +0 -1
  290. package/storybook-static/assets/iframe-CBbpuUos.js +0 -1
@@ -1,23 +1,23 @@
1
1
  import { t as e } from "./floating-arrow-DPKwJfww.js";
2
2
  import { cloneElement as t, createContext as n, useCallback as r, useContext as i, useEffect as a, useLayoutEffect as o, useRef as s, useState as c } from "react";
3
3
  import { cn as l } from "@ryuzaki13/react-foundation-lib/utils";
4
- import { FloatingPortal as u, arrow as d, autoUpdate as f, flip as p, offset as m, shift as h, size as g, useDismiss as _, useFloating as v, useHover as y, useInteractions as b, useRole as x } from "@floating-ui/react";
5
- import { useClickOutside as S, useEscapeDismiss as C, useOverlayFocus as w } from "@ryuzaki13/react-foundation-lib/dom";
6
- import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
7
- import { createMissingContextError as O } from "@ryuzaki13/react-foundation-lib/error";
8
- import { createPortal as k } from "react-dom";
4
+ import { FloatingPortal as u, arrow as d, autoUpdate as f, flip as p, offset as m, shift as h, size as g, useDismiss as _, useFloating as v, useFocus as y, useHover as b, useInteractions as x, useRole as S } from "@floating-ui/react";
5
+ import { useClickOutside as C, useEscapeDismiss as w, useOverlayFocus as T } from "@ryuzaki13/react-foundation-lib/dom";
6
+ import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
7
+ import { createMissingContextError as k } from "@ryuzaki13/react-foundation-lib/error";
8
+ import { createPortal as A } from "react-dom";
9
9
  //#region src/popover/lib/applyPopoverAvailableSize.ts
10
- function A({ availableWidth: e, availableHeight: t, floating: n }) {
10
+ function j({ availableWidth: e, availableHeight: t, floating: n }) {
11
11
  n.style.setProperty("--popover-available-width", `${Math.max(0, e)}px`), n.style.setProperty("--popover-available-height", `${Math.max(0, t)}px`);
12
12
  }
13
- var j = {
13
+ var M = {
14
14
  popover: "JK2Y7t",
15
15
  primary: "_5QtpCJ",
16
16
  secondary: "hZuysP"
17
- }, M = n(null);
18
- function N() {
19
- let e = i(M);
20
- if (!e) throw O({
17
+ }, N = n(null);
18
+ function P() {
19
+ let e = i(N);
20
+ if (!e) throw k({
21
21
  hookName: "usePopoverContext",
22
22
  providerName: "Popover"
23
23
  });
@@ -25,10 +25,10 @@ function N() {
25
25
  }
26
26
  //#endregion
27
27
  //#region src/popover/components/PopoverContent.tsx
28
- var P = ({ children: t, onClose: n, closeOnOutside: i = !0, closeOnEscape: a = !0, disableOutsideClick: o = !1, background: c = "secondary" }) => {
29
- let { open: d, setOpen: f, refs: p, floatingStyles: m, middlewareData: h, placement: g, arrowRef: _ } = N(), v = s(null), y = r((e) => {
28
+ var F = ({ children: t, onClose: n, closeOnOutside: i = !0, closeOnEscape: a = !0, disableOutsideClick: o = !1, background: c = "secondary" }) => {
29
+ let { open: d, setOpen: f, refs: p, floatingStyles: m, middlewareData: h, placement: g, arrowRef: _ } = P(), v = s(null), y = r((e) => {
30
30
  v.current = e, p.setFloating(e);
31
- }, [p]), b = w({
31
+ }, [p]), b = T({
32
32
  active: d,
33
33
  initialFocus: "container",
34
34
  restoreFocus: !0,
@@ -40,13 +40,13 @@ var P = ({ children: t, onClose: n, closeOnOutside: i = !0, closeOnEscape: a = !
40
40
  n,
41
41
  d
42
42
  ]);
43
- C({
43
+ w({
44
44
  active: d,
45
45
  enabled: a,
46
46
  onDismiss: x,
47
47
  containerRef: b
48
48
  });
49
- let T = r(() => {
49
+ let S = r(() => {
50
50
  !d || o || i && x();
51
51
  }, [
52
52
  d,
@@ -54,21 +54,21 @@ var P = ({ children: t, onClose: n, closeOnOutside: i = !0, closeOnEscape: a = !
54
54
  i,
55
55
  x
56
56
  ]);
57
- return S([p.floating, p.reference], T), d ? /* @__PURE__ */ E(u, { children: /* @__PURE__ */ D("div", {
57
+ return C([p.floating, p.reference], S), d ? /* @__PURE__ */ D(u, { children: /* @__PURE__ */ O("div", {
58
58
  ref: y,
59
59
  style: m,
60
- className: l(j.popover, j[c]),
60
+ className: l(M.popover, M[c]),
61
61
  role: "dialog",
62
62
  "aria-modal": "true",
63
63
  tabIndex: -1,
64
- children: [typeof t == "function" ? t({ setClose: x }) : t, /* @__PURE__ */ E(e, {
64
+ children: [typeof t == "function" ? t({ setClose: x }) : t, /* @__PURE__ */ D(e, {
65
65
  ref: _,
66
66
  placement: g,
67
67
  middlewareData: h
68
68
  })]
69
69
  }) }) : null;
70
- }, F = ({ passive: e, children: n }) => {
71
- let { open: i, setOpen: a, refs: o } = N(), s = r((t) => {
70
+ }, I = ({ passive: e, children: n }) => {
71
+ let { open: i, setOpen: a, refs: o } = P(), s = r((t) => {
72
72
  n.props.onClick && n.props.onClick(t), !t.defaultPrevented && (t.preventDefault(), t.stopPropagation(), !e && a((e) => !e));
73
73
  }, [
74
74
  n,
@@ -80,7 +80,7 @@ var P = ({ children: t, onClose: n, closeOnOutside: i = !0, closeOnEscape: a = !
80
80
  "aria-expanded": i,
81
81
  onClick: s
82
82
  });
83
- }, I = 16, L = Object.assign(({ children: e, open: t, defaultOpen: n, onOpenChange: i, placement: a = "bottom" }) => {
83
+ }, L = 16, R = Object.assign(({ children: e, open: t, defaultOpen: n, onOpenChange: i, placement: a = "bottom" }) => {
84
84
  let [o, l] = c(n ?? !1), u = t !== void 0, _ = u ? t : o, y = r((e) => {
85
85
  let t = typeof e == "function" ? e(_) : e;
86
86
  u || l(t), i?.(t);
@@ -94,12 +94,12 @@ var P = ({ children: t, onClose: n, closeOnOutside: i = !0, closeOnEscape: a = !
94
94
  placement: a,
95
95
  middleware: [
96
96
  m(8),
97
- p({ padding: I }),
98
- h({ padding: I }),
97
+ p({ padding: L }),
98
+ h({ padding: L }),
99
99
  g({
100
- padding: I,
100
+ padding: L,
101
101
  apply({ availableWidth: e, availableHeight: t, elements: n }) {
102
- A({
102
+ j({
103
103
  availableWidth: e,
104
104
  availableHeight: t,
105
105
  floating: n.floating
@@ -110,7 +110,7 @@ var P = ({ children: t, onClose: n, closeOnOutside: i = !0, closeOnEscape: a = !
110
110
  ],
111
111
  whileElementsMounted: f
112
112
  });
113
- return /* @__PURE__ */ E(M.Provider, {
113
+ return /* @__PURE__ */ D(N.Provider, {
114
114
  value: {
115
115
  open: _,
116
116
  setOpen: y,
@@ -123,9 +123,9 @@ var P = ({ children: t, onClose: n, closeOnOutside: i = !0, closeOnEscape: a = !
123
123
  children: e
124
124
  });
125
125
  }, {
126
- Trigger: F,
127
- Content: P
128
- }), R = {
126
+ Trigger: I,
127
+ Content: F
128
+ }), z = {
129
129
  tooltipPanel: "sZ0x6w",
130
130
  tooltip: "_538Ejd",
131
131
  negative: "fqciCO",
@@ -133,10 +133,10 @@ var P = ({ children: t, onClose: n, closeOnOutside: i = !0, closeOnEscape: a = !
133
133
  error: "bpGNoX",
134
134
  warning: "tYnRg-",
135
135
  success: "_8lflEh"
136
- }, z = ({ content: t, children: n, openOnHover: r = !0, placement: i = "bottom", openDelay: a = 200, closeDelay: u = 100, maxWidth: g, state: S, tooltip: C, positionUpdateKey: w }) => {
137
- let [O, A] = c(!1), j = s(null), { refs: M, floatingStyles: N, middlewareData: P, context: F, placement: I, update: L } = v({
138
- open: O,
139
- onOpenChange: A,
136
+ }, B = ({ content: t, children: n, openOnHover: r = !0, placement: i = "bottom", openDelay: a = 200, closeDelay: u = 100, maxWidth: g, state: C, tooltip: w, positionUpdateKey: T }) => {
137
+ let [k, j] = c(!1), M = s(null), { refs: N, floatingStyles: P, middlewareData: F, context: I, placement: L, update: R } = v({
138
+ open: k,
139
+ onOpenChange: j,
140
140
  placement: i,
141
141
  middleware: [
142
142
  m(8),
@@ -150,53 +150,54 @@ var P = ({ children: t, onClose: n, closeOnOutside: i = !0, closeOnEscape: a = !
150
150
  }),
151
151
  h({ padding: 8 }),
152
152
  d({
153
- element: j,
153
+ element: M,
154
154
  padding: 8
155
155
  })
156
156
  ],
157
157
  whileElementsMounted: f
158
158
  });
159
159
  o(() => {
160
- O && L();
160
+ k && R();
161
161
  }, [
162
- O,
163
- w,
164
- L
162
+ k,
163
+ T,
164
+ R
165
165
  ]);
166
- let z = y(F, {
166
+ let B = b(I, {
167
167
  enabled: r,
168
168
  move: !1,
169
169
  delay: {
170
170
  open: a,
171
171
  close: u
172
172
  }
173
- }), B = _(F), V = x(F), { getReferenceProps: H, getFloatingProps: U } = b([
174
- z,
173
+ }), V = y(I, { enabled: r }), H = _(I), U = S(I), { getReferenceProps: W, getFloatingProps: G } = x([
175
174
  B,
176
- V
175
+ V,
176
+ H,
177
+ U
177
178
  ]);
178
- return /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E("span", {
179
- ref: M.setReference,
180
- ...H(),
179
+ return /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D("span", {
180
+ ref: N.setReference,
181
+ ...W(),
181
182
  style: { lineHeight: 1 },
182
183
  children: n
183
- }), O && k(/* @__PURE__ */ D("div", {
184
- ref: M.setFloating,
184
+ }), k && A(/* @__PURE__ */ O("div", {
185
+ ref: N.setFloating,
185
186
  style: {
186
- ...N,
187
+ ...P,
187
188
  zIndex: "var(--z-tooltip)",
188
189
  maxWidth: g ? `${g}em` : void 0
189
190
  },
190
- ...U(),
191
+ ...G(),
191
192
  role: "tooltip",
192
- className: l(R.tooltipPanel, C && R.tooltip, S && R[S]),
193
- children: [t, /* @__PURE__ */ E(e, {
194
- ref: j,
195
- placement: I,
196
- middlewareData: P
193
+ className: l(z.tooltipPanel, w && z.tooltip, C && z[C]),
194
+ children: [t, /* @__PURE__ */ D(e, {
195
+ ref: M,
196
+ placement: L,
197
+ middlewareData: F
197
198
  })]
198
199
  }), document.body)] });
199
- }, B = ({ x: t, y: n, children: r }) => {
200
+ }, V = ({ x: t, y: n, children: r }) => {
200
201
  let i = s(null), { refs: o, floatingStyles: c, middlewareData: l, placement: u } = v({
201
202
  strategy: "absolute",
202
203
  placement: "top",
@@ -223,15 +224,15 @@ var P = ({ children: t, onClose: n, closeOnOutside: i = !0, closeOnEscape: a = !
223
224
  t,
224
225
  n,
225
226
  o
226
- ]), /* @__PURE__ */ D("div", {
227
+ ]), /* @__PURE__ */ O("div", {
227
228
  ref: o.setFloating,
228
229
  style: {
229
230
  ...c,
230
231
  position: "absolute",
231
232
  pointerEvents: "none"
232
233
  },
233
- className: R.tooltip,
234
- children: [r, /* @__PURE__ */ E(e, {
234
+ className: z.tooltip,
235
+ children: [r, /* @__PURE__ */ D(e, {
235
236
  ref: i,
236
237
  placement: u,
237
238
  middlewareData: l
@@ -239,6 +240,6 @@ var P = ({ children: t, onClose: n, closeOnOutside: i = !0, closeOnEscape: a = !
239
240
  });
240
241
  };
241
242
  //#endregion
242
- export { P as a, F as i, z as n, N as o, L as r, B as t };
243
+ export { F as a, I as i, B as n, P as o, R as r, V as t };
243
244
 
244
- //# sourceMappingURL=popover-BMboZXoQ.js.map
245
+ //# sourceMappingURL=popover-Bne-Ljbs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"popover-BMboZXoQ.js","names":[],"sources":["../../src/popover/lib/applyPopoverAvailableSize.ts","../../src/popover/components/Popover.module.scss","../../src/popover/components/PopoverContext.tsx","../../src/popover/components/PopoverContent.tsx","../../src/popover/components/PopoverTrigger.tsx","../../src/popover/components/Popover.tsx","../../src/popover/Popover.module.scss","../../src/popover/FloatingPopover.tsx","../../src/popover/FloatingTooltip.tsx"],"sourcesContent":["type ApplyPopoverAvailableSizeOptions = {\n\treadonly availableWidth: number;\n\treadonly availableHeight: number;\n\treadonly floating: HTMLElement;\n};\n\n/**\n * Передаёт вычисленную Floating UI доступную область самому popover через CSS-переменные.\n * Потребитель может совместить эти границы со своим размером и режимом прокрутки,\n * не дублируя `size()` middleware и правила clipping context.\n */\nexport function applyPopoverAvailableSize({ availableWidth, availableHeight, floating }: ApplyPopoverAvailableSizeOptions) {\n\tfloating.style.setProperty(\"--popover-available-width\", `${Math.max(0, availableWidth)}px`);\n\tfloating.style.setProperty(\"--popover-available-height\", `${Math.max(0, availableHeight)}px`);\n}\n",".popover {\n\tpadding: var(--space-sm);\n\t// background-image: radial-gradient(var(--surface-0) 50%, var(--surface-1) 100%);\n\n\tborder: var(--border-width) solid var(--border-1);\n\tborder-radius: var(--radius-sm);\n\tcolor: var(--content-0);\n\n\tfilter: drop-shadow(var(--shadow-md));\n\n\tz-index: var(--z-popover);\n\n\t&.primary {\n\t\tbackground-color: var(--surface-0);\n\t}\n\n\t&.secondary {\n\t\tbackground-color: var(--surface-1);\n\t}\n}\n","import React, { createContext, useContext } from \"react\";\n\nimport { Placement, useFloating } from \"@floating-ui/react\";\nimport { createMissingContextError } from \"@ryuzaki13/react-foundation-lib/error\";\n\ninterface PopoverContextValue {\n\topen: boolean;\n\tsetOpen: React.Dispatch<React.SetStateAction<boolean>>;\n\trefs: ReturnType<typeof useFloating>[\"refs\"];\n\tfloatingStyles: React.CSSProperties;\n\tplacement: Placement;\n\tmiddlewareData: ReturnType<typeof useFloating>[\"middlewareData\"];\n\tarrowRef: React.RefObject<HTMLDivElement | null>;\n}\n\nexport const PopoverContext = createContext<PopoverContextValue | null>(null);\n\nexport function usePopoverContext() {\n\tconst context = useContext(PopoverContext);\n\tif (!context) {\n\t\tthrow createMissingContextError({\n\t\t\thookName: \"usePopoverContext\",\n\t\t\tproviderName: \"Popover\"\n\t\t});\n\t}\n\treturn context;\n}\n","import React, { useCallback, useRef } from \"react\";\n\nimport { FloatingPortal } from \"@floating-ui/react\";\nimport { useClickOutside, useEscapeDismiss, useOverlayFocus } from \"@ryuzaki13/react-foundation-lib/dom\";\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport { TooltipArrow } from \"../../floating-arrow\";\n\nimport styles from \"./Popover.module.scss\";\nimport { usePopoverContext } from \"./PopoverContext\";\n\nexport interface PopoverContentProps {\n\tchildren: React.ReactNode | ((ctx: { setClose: () => void }) => React.ReactNode);\n\tonClose?: () => void;\n\tcloseOnOutside?: boolean;\n\tcloseOnEscape?: boolean;\n\tdisableOutsideClick?: boolean;\n\tbackground?: \"primary\" | \"secondary\";\n}\n\n/**\n * Содержимое Popover, отображаемое в портале.\n */\nexport const PopoverContent: React.FC<PopoverContentProps> = ({\n\tchildren,\n\tonClose,\n\tcloseOnOutside = true,\n\tcloseOnEscape = true,\n\tdisableOutsideClick = false,\n\tbackground = \"secondary\"\n}) => {\n\tconst { open, setOpen, refs, floatingStyles, middlewareData, placement, arrowRef } = usePopoverContext();\n\tconst floatingElementRef = useRef<HTMLDivElement | null>(null);\n\tconst setFloating = useCallback(\n\t\t(node: HTMLDivElement | null) => {\n\t\t\tfloatingElementRef.current = node;\n\t\t\trefs.setFloating(node);\n\t\t},\n\t\t[refs]\n\t);\n\n\tconst floatingRef = useOverlayFocus<HTMLDivElement>({\n\t\tactive: open,\n\t\tinitialFocus: \"container\",\n\t\trestoreFocus: true,\n\t\tcontainerRef: floatingElementRef\n\t});\n\n\tconst setClose = useCallback(() => {\n\t\tif (!open) return;\n\t\tsetOpen(false);\n\t\tonClose?.();\n\t}, [setOpen, onClose, open]);\n\n\tuseEscapeDismiss({\n\t\tactive: open,\n\t\tenabled: closeOnEscape,\n\t\tonDismiss: setClose,\n\t\tcontainerRef: floatingRef as React.RefObject<HTMLElement | null>\n\t});\n\n\tconst outsideClose = useCallback(() => {\n\t\tif (!open || disableOutsideClick) return;\n\t\tif (closeOnOutside) setClose();\n\t}, [open, disableOutsideClick, closeOnOutside, setClose]);\n\n\tuseClickOutside([refs.floating as React.RefObject<HTMLElement>, refs.reference as React.RefObject<HTMLElement>], outsideClose);\n\n\tif (!open) return null;\n\n\treturn (\n\t\t<FloatingPortal>\n\t\t\t<div\n\t\t\t\tref={setFloating}\n\t\t\t\tstyle={floatingStyles}\n\t\t\t\tclassName={cn(styles.popover, styles[background])}\n\t\t\t\trole=\"dialog\"\n\t\t\t\taria-modal=\"true\"\n\t\t\t\ttabIndex={-1}>\n\t\t\t\t{typeof children === \"function\" ? children({ setClose }) : children}\n\t\t\t\t<TooltipArrow ref={arrowRef} placement={placement} middlewareData={middlewareData} />\n\t\t\t</div>\n\t\t</FloatingPortal>\n\t);\n};\n","import React, { cloneElement, useCallback } from \"react\";\n\nimport { usePopoverContext } from \"./PopoverContext\";\n\nexport interface PopoverTriggerProps {\n\tpassive?: true;\n\tchildren: React.ReactElement<React.HTMLAttributes<Element> & { ref?: React.Ref<Element> }>;\n}\n\nexport const PopoverTrigger: React.FC<PopoverTriggerProps> = ({ passive, children }) => {\n\tconst { open, setOpen, refs } = usePopoverContext();\n\n\tconst handleClick = useCallback(\n\t\t(e: React.MouseEvent) => {\n\t\t\tif (children.props.onClick) {\n\t\t\t\tchildren.props.onClick(e);\n\t\t\t}\n\t\t\tif (e.defaultPrevented) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\te.preventDefault();\n\t\t\te.stopPropagation();\n\n\t\t\tif (passive) return;\n\n\t\t\tsetOpen((v) => !v);\n\t\t},\n\t\t[children, setOpen, passive]\n\t);\n\n\treturn cloneElement(children as React.JSX.Element, {\n\t\tref: refs.setReference,\n\t\t\"aria-expanded\": open,\n\t\tonClick: handleClick\n\t});\n};\n","/* eslint-disable react-refresh/only-export-components */\nimport React, { useCallback, useRef, useState } from \"react\";\n\nimport { arrow, autoUpdate, flip, offset, Placement, shift, size as floatingSize, useFloating } from \"@floating-ui/react\";\n\nimport { applyPopoverAvailableSize } from \"../lib/applyPopoverAvailableSize\";\n\nimport { PopoverContent } from \"./PopoverContent\";\nimport { PopoverContext } from \"./PopoverContext\";\nimport { PopoverTrigger } from \"./PopoverTrigger\";\n\nconst POPOVER_VIEWPORT_PADDING = 16;\n\nexport interface PopoverProps {\n\tchildren: React.ReactNode;\n\tplacement?: Placement;\n\topen?: boolean;\n\tdefaultOpen?: boolean;\n\tonOpenChange?: (open: boolean) => void;\n}\n\n/**\n * Контролируемый Popover.\n * Используется в связке с Popover.Trigger и Popover.Content.\n */\nconst PopoverRoot: React.FC<PopoverProps> = ({ children, open: controlledOpen, defaultOpen, onOpenChange, placement = \"bottom\" }) => {\n\tconst [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen ?? false);\n\n\tconst isControlled = controlledOpen !== undefined;\n\tconst open = isControlled ? controlledOpen : uncontrolledOpen;\n\tconst setOpen = useCallback<React.Dispatch<React.SetStateAction<boolean>>>(\n\t\t(value) => {\n\t\t\tconst next = typeof value === \"function\" ? value(open) : value;\n\t\t\tif (!isControlled) setUncontrolledOpen(next);\n\t\t\tonOpenChange?.(next);\n\t\t},\n\t\t[isControlled, onOpenChange, open]\n\t);\n\n\tconst arrowRef = useRef<HTMLDivElement | null>(null);\n\n\tconst {\n\t\trefs,\n\t\tfloatingStyles,\n\t\tmiddlewareData,\n\t\tplacement: actualPlacement\n\t} = useFloating({\n\t\topen,\n\t\tonOpenChange: setOpen,\n\t\tplacement,\n\t\tmiddleware: [\n\t\t\toffset(8),\n\t\t\tflip({ padding: POPOVER_VIEWPORT_PADDING }),\n\t\t\tshift({ padding: POPOVER_VIEWPORT_PADDING }),\n\t\t\tfloatingSize({\n\t\t\t\tpadding: POPOVER_VIEWPORT_PADDING,\n\t\t\t\tapply({ availableWidth, availableHeight, elements }) {\n\t\t\t\t\tapplyPopoverAvailableSize({ availableWidth, availableHeight, floating: elements.floating });\n\t\t\t\t}\n\t\t\t}),\n\t\t\t// eslint-disable-next-line react-hooks/refs\n\t\t\tarrow({ element: arrowRef.current })\n\t\t],\n\t\twhileElementsMounted: autoUpdate\n\t});\n\n\treturn (\n\t\t<PopoverContext.Provider value={{ open, setOpen, refs, floatingStyles, placement: actualPlacement, middlewareData, arrowRef }}>\n\t\t\t{children}\n\t\t</PopoverContext.Provider>\n\t);\n};\n\n/**\n * Композиционное API:\n * <Popover>\n * <Popover.Trigger />\n * <Popover.Content />\n * </Popover>\n */\nexport const Popover = Object.assign(PopoverRoot, {\n\tTrigger: PopoverTrigger,\n\tContent: PopoverContent\n});\n",".tooltipPanel {\n\tpadding: var(--space-sm);\n\t// background-image: radial-gradient(var(--surface-0) 50%, var(--surface-1) 100%);\n\tbackground-color: var(--surface-1);\n\tborder: var(--border-width) solid var(--border-2);\n\tborder-radius: var(--radius-sm);\n\tcolor: var(--content-0);\n\n\tfilter: drop-shadow(var(--shadow-sm));\n\n\t&.negative {\n\t\t--border-1: var(--content-0);\n\n\t\tbackground-color: var(--content-0);\n\t\tborder-color: var(--border-1);\n\t\tcolor: var(--surface-1);\n\t}\n\n\t&.information {\n\t\t--border-1: var(--status-info-text);\n\n\t\tbackground-color: var(--status-info-text);\n\t\tborder-color: var(--status-info-text);\n\t\tcolor: var(--status-info-on-fill);\n\t}\n\n\t&.error {\n\t\t--border-1: var(--status-error-text);\n\n\t\tbackground-color: var(--status-error-text);\n\t\tborder-color: var(--status-error-text);\n\t\tcolor: var(--status-error-on-fill);\n\t}\n\n\t&.warning {\n\t\t--border-1: var(--status-warning-text);\n\n\t\tbackground-color: var(--status-warning-text);\n\t\tborder-color: var(--status-warning-text);\n\t\tcolor: var(--status-warning-on-fill);\n\t}\n\n\t&.success {\n\t\t--border-1: var(--status-success-text);\n\n\t\tbackground-color: var(--status-success-text);\n\t\tborder-color: var(--status-success-text);\n\t\tcolor: var(--status-success-on-fill);\n\t}\n}\n\n.tooltip {\n\tz-index: var(--z-tooltip);\n\tpointer-events: none;\n\n\ttext-align: initial;\n\tfont-size: var(--font-size-sm);\n\tfont-style: normal;\n\tfont-weight: 500;\n\tfont-variation-settings: \"wght\" 500;\n\tline-height: var(--line-height);\n\n\t@extend .tooltipPanel;\n}\n","/* eslint-disable react-hooks/refs */\nimport React, { useLayoutEffect, useRef, useState } from \"react\";\n\nimport {\n\tarrow,\n\tautoUpdate,\n\tflip,\n\toffset,\n\tPlacement,\n\tshift,\n\tuseDismiss,\n\tuseFloating,\n\tuseHover,\n\tuseInteractions,\n\tuseRole\n} from \"@floating-ui/react\";\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\nimport { createPortal } from \"react-dom\";\n\nimport { FloatingArrow } from \"../floating-arrow/FloatingArrow\";\n\nimport styles from \"./Popover.module.scss\";\n\ninterface FloatingPopoverProps {\n\tcontent: React.ReactNode;\n\tchildren: React.ReactNode;\n\topenOnHover?: boolean;\n\tplacement?: Placement;\n\topenDelay?: number;\n\tcloseDelay?: number;\n\tmaxWidth?: number;\n\tstate?: \"information\" | \"error\" | \"warning\" | \"success\" | \"negative\";\n\ttooltip?: true;\n\t/**\n\t * Изменяется вместе с CSS-координатой trigger, когда её изменение не отслеживается `autoUpdate`.\n\t * После commit React выполняется повторный расчёт позиции открытой floating-панели.\n\t */\n\tpositionUpdateKey?: unknown;\n}\n\nexport const FloatingPopover: React.FC<FloatingPopoverProps> = ({\n\tcontent,\n\tchildren,\n\topenOnHover = true,\n\tplacement = \"bottom\",\n\topenDelay = 200,\n\tcloseDelay = 100,\n\tmaxWidth,\n\tstate,\n\ttooltip,\n\tpositionUpdateKey\n}) => {\n\tconst [open, setOpen] = useState(false);\n\tconst arrowRef = useRef<HTMLDivElement>(null);\n\n\tconst {\n\t\trefs,\n\t\tfloatingStyles,\n\t\tmiddlewareData,\n\t\tcontext,\n\t\tplacement: computedPlacement,\n\t\tupdate\n\t} = useFloating({\n\t\topen,\n\t\tonOpenChange: setOpen,\n\t\tplacement,\n\t\tmiddleware: [\n\t\t\toffset(8),\n\t\t\tflip({ fallbackAxisSideDirection: \"end\", fallbackPlacements: [\"top\", \"right\", \"bottom\"] }),\n\t\t\tshift({ padding: 8 }),\n\t\t\tarrow({ element: arrowRef, padding: 8 })\n\t\t],\n\t\twhileElementsMounted: autoUpdate\n\t});\n\n\tuseLayoutEffect(() => {\n\t\tif (open) {\n\t\t\tvoid update();\n\t\t}\n\t}, [open, positionUpdateKey, update]);\n\n\tconst hover = useHover(context, {\n\t\tenabled: openOnHover,\n\t\tmove: false,\n\t\tdelay: {\n\t\t\topen: openDelay,\n\t\t\tclose: closeDelay\n\t\t}\n\t});\n\tconst dismiss = useDismiss(context);\n\tconst role = useRole(context);\n\n\tconst { getReferenceProps, getFloatingProps } = useInteractions([hover, dismiss, role]);\n\n\treturn (\n\t\t<>\n\t\t\t<span ref={refs.setReference} {...getReferenceProps()} style={{ lineHeight: 1 }}>\n\t\t\t\t{children}\n\t\t\t</span>\n\n\t\t\t{open &&\n\t\t\t\tcreatePortal(\n\t\t\t\t\t<div\n\t\t\t\t\t\tref={refs.setFloating}\n\t\t\t\t\t\tstyle={{ ...floatingStyles, zIndex: \"var(--z-tooltip)\", maxWidth: maxWidth ? `${maxWidth}em` : undefined }}\n\t\t\t\t\t\t{...getFloatingProps()}\n\t\t\t\t\t\trole=\"tooltip\"\n\t\t\t\t\t\tclassName={cn(styles.tooltipPanel, tooltip && styles.tooltip, state && styles[state])}>\n\t\t\t\t\t\t{content}\n\n\t\t\t\t\t\t<FloatingArrow ref={arrowRef} placement={computedPlacement} middlewareData={middlewareData} />\n\t\t\t\t\t</div>,\n\t\t\t\t\tdocument.body\n\t\t\t\t)}\n\t\t</>\n\t);\n};\n","import React, { useEffect, useRef } from \"react\";\n\nimport { arrow, flip, offset, shift, useFloating } from \"@floating-ui/react\";\n\nimport { FloatingArrow } from \"../floating-arrow/FloatingArrow\";\n\nimport styles from \"./Popover.module.scss\";\n\nexport const FloatingTooltip: React.FC<{\n\tx: number;\n\ty: number;\n\tchildren: React.ReactNode;\n}> = ({ x, y, children }) => {\n\tconst arrowRef = useRef<HTMLDivElement | null>(null);\n\n\tconst {\n\t\trefs,\n\t\tfloatingStyles,\n\t\tmiddlewareData,\n\t\tplacement: computedPlacement\n\t} = useFloating({\n\t\tstrategy: \"absolute\",\n\t\tplacement: \"top\",\n\t\t// eslint-disable-next-line react-hooks/refs\n\t\tmiddleware: [offset(6), flip(), shift({ padding: 16 }), arrow({ element: arrowRef })]\n\t});\n\n\tuseEffect(() => {\n\t\tif (refs.setReference) {\n\t\t\trefs.setReference({\n\t\t\t\tgetBoundingClientRect: () =>\n\t\t\t\t\t({\n\t\t\t\t\t\tx,\n\t\t\t\t\t\ty,\n\t\t\t\t\t\twidth: 0,\n\t\t\t\t\t\theight: 0,\n\t\t\t\t\t\ttop: y,\n\t\t\t\t\t\tleft: x,\n\t\t\t\t\t\tbottom: y,\n\t\t\t\t\t\tright: x,\n\t\t\t\t\t\ttoJSON: () => {}\n\t\t\t\t\t}) as DOMRect\n\t\t\t});\n\t\t}\n\t}, [x, y, refs]);\n\n\treturn (\n\t\t<div ref={refs.setFloating} style={{ ...floatingStyles, position: \"absolute\", pointerEvents: \"none\" }} className={styles.tooltip}>\n\t\t\t{children}\n\n\t\t\t<FloatingArrow ref={arrowRef} placement={computedPlacement} middlewareData={middlewareData} />\n\t\t</div>\n\t);\n};\n"],"mappings":"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"}
1
+ {"version":3,"file":"popover-Bne-Ljbs.js","names":[],"sources":["../../src/popover/lib/applyPopoverAvailableSize.ts","../../src/popover/components/Popover.module.scss","../../src/popover/components/PopoverContext.tsx","../../src/popover/components/PopoverContent.tsx","../../src/popover/components/PopoverTrigger.tsx","../../src/popover/components/Popover.tsx","../../src/popover/Popover.module.scss","../../src/popover/FloatingPopover.tsx","../../src/popover/FloatingTooltip.tsx"],"sourcesContent":["type ApplyPopoverAvailableSizeOptions = {\n\treadonly availableWidth: number;\n\treadonly availableHeight: number;\n\treadonly floating: HTMLElement;\n};\n\n/**\n * Передаёт вычисленную Floating UI доступную область самому popover через CSS-переменные.\n * Потребитель может совместить эти границы со своим размером и режимом прокрутки,\n * не дублируя `size()` middleware и правила clipping context.\n */\nexport function applyPopoverAvailableSize({ availableWidth, availableHeight, floating }: ApplyPopoverAvailableSizeOptions) {\n\tfloating.style.setProperty(\"--popover-available-width\", `${Math.max(0, availableWidth)}px`);\n\tfloating.style.setProperty(\"--popover-available-height\", `${Math.max(0, availableHeight)}px`);\n}\n",".popover {\n\tpadding: var(--space-sm);\n\t// background-image: radial-gradient(var(--surface-0) 50%, var(--surface-1) 100%);\n\n\tborder: var(--border-width) solid var(--border-1);\n\tborder-radius: var(--radius-sm);\n\tcolor: var(--content-0);\n\n\tfilter: drop-shadow(var(--shadow-md));\n\n\tz-index: var(--z-popover);\n\n\t&.primary {\n\t\tbackground-color: var(--surface-0);\n\t}\n\n\t&.secondary {\n\t\tbackground-color: var(--surface-1);\n\t}\n}\n","import React, { createContext, useContext } from \"react\";\n\nimport { Placement, useFloating } from \"@floating-ui/react\";\nimport { createMissingContextError } from \"@ryuzaki13/react-foundation-lib/error\";\n\ninterface PopoverContextValue {\n\topen: boolean;\n\tsetOpen: React.Dispatch<React.SetStateAction<boolean>>;\n\trefs: ReturnType<typeof useFloating>[\"refs\"];\n\tfloatingStyles: React.CSSProperties;\n\tplacement: Placement;\n\tmiddlewareData: ReturnType<typeof useFloating>[\"middlewareData\"];\n\tarrowRef: React.RefObject<HTMLDivElement | null>;\n}\n\nexport const PopoverContext = createContext<PopoverContextValue | null>(null);\n\nexport function usePopoverContext() {\n\tconst context = useContext(PopoverContext);\n\tif (!context) {\n\t\tthrow createMissingContextError({\n\t\t\thookName: \"usePopoverContext\",\n\t\t\tproviderName: \"Popover\"\n\t\t});\n\t}\n\treturn context;\n}\n","import React, { useCallback, useRef } from \"react\";\n\nimport { FloatingPortal } from \"@floating-ui/react\";\nimport { useClickOutside, useEscapeDismiss, useOverlayFocus } from \"@ryuzaki13/react-foundation-lib/dom\";\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport { TooltipArrow } from \"../../floating-arrow\";\n\nimport styles from \"./Popover.module.scss\";\nimport { usePopoverContext } from \"./PopoverContext\";\n\nexport interface PopoverContentProps {\n\tchildren: React.ReactNode | ((ctx: { setClose: () => void }) => React.ReactNode);\n\tonClose?: () => void;\n\tcloseOnOutside?: boolean;\n\tcloseOnEscape?: boolean;\n\tdisableOutsideClick?: boolean;\n\tbackground?: \"primary\" | \"secondary\";\n}\n\n/**\n * Содержимое Popover, отображаемое в портале.\n */\nexport const PopoverContent: React.FC<PopoverContentProps> = ({\n\tchildren,\n\tonClose,\n\tcloseOnOutside = true,\n\tcloseOnEscape = true,\n\tdisableOutsideClick = false,\n\tbackground = \"secondary\"\n}) => {\n\tconst { open, setOpen, refs, floatingStyles, middlewareData, placement, arrowRef } = usePopoverContext();\n\tconst floatingElementRef = useRef<HTMLDivElement | null>(null);\n\tconst setFloating = useCallback(\n\t\t(node: HTMLDivElement | null) => {\n\t\t\tfloatingElementRef.current = node;\n\t\t\trefs.setFloating(node);\n\t\t},\n\t\t[refs]\n\t);\n\n\tconst floatingRef = useOverlayFocus<HTMLDivElement>({\n\t\tactive: open,\n\t\tinitialFocus: \"container\",\n\t\trestoreFocus: true,\n\t\tcontainerRef: floatingElementRef\n\t});\n\n\tconst setClose = useCallback(() => {\n\t\tif (!open) return;\n\t\tsetOpen(false);\n\t\tonClose?.();\n\t}, [setOpen, onClose, open]);\n\n\tuseEscapeDismiss({\n\t\tactive: open,\n\t\tenabled: closeOnEscape,\n\t\tonDismiss: setClose,\n\t\tcontainerRef: floatingRef as React.RefObject<HTMLElement | null>\n\t});\n\n\tconst outsideClose = useCallback(() => {\n\t\tif (!open || disableOutsideClick) return;\n\t\tif (closeOnOutside) setClose();\n\t}, [open, disableOutsideClick, closeOnOutside, setClose]);\n\n\tuseClickOutside([refs.floating as React.RefObject<HTMLElement>, refs.reference as React.RefObject<HTMLElement>], outsideClose);\n\n\tif (!open) return null;\n\n\treturn (\n\t\t<FloatingPortal>\n\t\t\t<div\n\t\t\t\tref={setFloating}\n\t\t\t\tstyle={floatingStyles}\n\t\t\t\tclassName={cn(styles.popover, styles[background])}\n\t\t\t\trole=\"dialog\"\n\t\t\t\taria-modal=\"true\"\n\t\t\t\ttabIndex={-1}>\n\t\t\t\t{typeof children === \"function\" ? children({ setClose }) : children}\n\t\t\t\t<TooltipArrow ref={arrowRef} placement={placement} middlewareData={middlewareData} />\n\t\t\t</div>\n\t\t</FloatingPortal>\n\t);\n};\n","import React, { cloneElement, useCallback } from \"react\";\n\nimport { usePopoverContext } from \"./PopoverContext\";\n\nexport interface PopoverTriggerProps {\n\tpassive?: true;\n\tchildren: React.ReactElement<React.HTMLAttributes<Element> & { ref?: React.Ref<Element> }>;\n}\n\nexport const PopoverTrigger: React.FC<PopoverTriggerProps> = ({ passive, children }) => {\n\tconst { open, setOpen, refs } = usePopoverContext();\n\n\tconst handleClick = useCallback(\n\t\t(e: React.MouseEvent) => {\n\t\t\tif (children.props.onClick) {\n\t\t\t\tchildren.props.onClick(e);\n\t\t\t}\n\t\t\tif (e.defaultPrevented) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\te.preventDefault();\n\t\t\te.stopPropagation();\n\n\t\t\tif (passive) return;\n\n\t\t\tsetOpen((v) => !v);\n\t\t},\n\t\t[children, setOpen, passive]\n\t);\n\n\treturn cloneElement(children as React.JSX.Element, {\n\t\tref: refs.setReference,\n\t\t\"aria-expanded\": open,\n\t\tonClick: handleClick\n\t});\n};\n","/* eslint-disable react-refresh/only-export-components */\nimport React, { useCallback, useRef, useState } from \"react\";\n\nimport { arrow, autoUpdate, flip, offset, Placement, shift, size as floatingSize, useFloating } from \"@floating-ui/react\";\n\nimport { applyPopoverAvailableSize } from \"../lib/applyPopoverAvailableSize\";\n\nimport { PopoverContent } from \"./PopoverContent\";\nimport { PopoverContext } from \"./PopoverContext\";\nimport { PopoverTrigger } from \"./PopoverTrigger\";\n\nconst POPOVER_VIEWPORT_PADDING = 16;\n\nexport interface PopoverProps {\n\tchildren: React.ReactNode;\n\tplacement?: Placement;\n\topen?: boolean;\n\tdefaultOpen?: boolean;\n\tonOpenChange?: (open: boolean) => void;\n}\n\n/**\n * Контролируемый Popover.\n * Используется в связке с Popover.Trigger и Popover.Content.\n */\nconst PopoverRoot: React.FC<PopoverProps> = ({ children, open: controlledOpen, defaultOpen, onOpenChange, placement = \"bottom\" }) => {\n\tconst [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen ?? false);\n\n\tconst isControlled = controlledOpen !== undefined;\n\tconst open = isControlled ? controlledOpen : uncontrolledOpen;\n\tconst setOpen = useCallback<React.Dispatch<React.SetStateAction<boolean>>>(\n\t\t(value) => {\n\t\t\tconst next = typeof value === \"function\" ? value(open) : value;\n\t\t\tif (!isControlled) setUncontrolledOpen(next);\n\t\t\tonOpenChange?.(next);\n\t\t},\n\t\t[isControlled, onOpenChange, open]\n\t);\n\n\tconst arrowRef = useRef<HTMLDivElement | null>(null);\n\n\tconst {\n\t\trefs,\n\t\tfloatingStyles,\n\t\tmiddlewareData,\n\t\tplacement: actualPlacement\n\t} = useFloating({\n\t\topen,\n\t\tonOpenChange: setOpen,\n\t\tplacement,\n\t\tmiddleware: [\n\t\t\toffset(8),\n\t\t\tflip({ padding: POPOVER_VIEWPORT_PADDING }),\n\t\t\tshift({ padding: POPOVER_VIEWPORT_PADDING }),\n\t\t\tfloatingSize({\n\t\t\t\tpadding: POPOVER_VIEWPORT_PADDING,\n\t\t\t\tapply({ availableWidth, availableHeight, elements }) {\n\t\t\t\t\tapplyPopoverAvailableSize({ availableWidth, availableHeight, floating: elements.floating });\n\t\t\t\t}\n\t\t\t}),\n\t\t\t// eslint-disable-next-line react-hooks/refs\n\t\t\tarrow({ element: arrowRef.current })\n\t\t],\n\t\twhileElementsMounted: autoUpdate\n\t});\n\n\treturn (\n\t\t<PopoverContext.Provider value={{ open, setOpen, refs, floatingStyles, placement: actualPlacement, middlewareData, arrowRef }}>\n\t\t\t{children}\n\t\t</PopoverContext.Provider>\n\t);\n};\n\n/**\n * Композиционное API:\n * <Popover>\n * <Popover.Trigger />\n * <Popover.Content />\n * </Popover>\n */\nexport const Popover = Object.assign(PopoverRoot, {\n\tTrigger: PopoverTrigger,\n\tContent: PopoverContent\n});\n",".tooltipPanel {\n\tpadding: var(--space-sm);\n\t// background-image: radial-gradient(var(--surface-0) 50%, var(--surface-1) 100%);\n\tbackground-color: var(--surface-1);\n\tborder: var(--border-width) solid var(--border-2);\n\tborder-radius: var(--radius-sm);\n\tcolor: var(--content-0);\n\n\tfilter: drop-shadow(var(--shadow-sm));\n\n\t&.negative {\n\t\t--border-1: var(--content-0);\n\n\t\tbackground-color: var(--content-0);\n\t\tborder-color: var(--border-1);\n\t\tcolor: var(--surface-1);\n\t}\n\n\t&.information {\n\t\t--border-1: var(--status-info-text);\n\n\t\tbackground-color: var(--status-info-text);\n\t\tborder-color: var(--status-info-text);\n\t\tcolor: var(--status-info-on-fill);\n\t}\n\n\t&.error {\n\t\t--border-1: var(--status-error-text);\n\n\t\tbackground-color: var(--status-error-text);\n\t\tborder-color: var(--status-error-text);\n\t\tcolor: var(--status-error-on-fill);\n\t}\n\n\t&.warning {\n\t\t--border-1: var(--status-warning-text);\n\n\t\tbackground-color: var(--status-warning-text);\n\t\tborder-color: var(--status-warning-text);\n\t\tcolor: var(--status-warning-on-fill);\n\t}\n\n\t&.success {\n\t\t--border-1: var(--status-success-text);\n\n\t\tbackground-color: var(--status-success-text);\n\t\tborder-color: var(--status-success-text);\n\t\tcolor: var(--status-success-on-fill);\n\t}\n}\n\n.tooltip {\n\tz-index: var(--z-tooltip);\n\tpointer-events: none;\n\n\ttext-align: initial;\n\tfont-size: var(--font-size-sm);\n\tfont-style: normal;\n\tfont-weight: 500;\n\tfont-variation-settings: \"wght\" 500;\n\tline-height: var(--line-height);\n\n\t@extend .tooltipPanel;\n}\n","/* eslint-disable react-hooks/refs */\nimport React, { useLayoutEffect, useRef, useState } from \"react\";\n\nimport {\n\tarrow,\n\tautoUpdate,\n\tflip,\n\toffset,\n\tPlacement,\n\tshift,\n\tuseDismiss,\n\tuseFocus,\n\tuseFloating,\n\tuseHover,\n\tuseInteractions,\n\tuseRole\n} from \"@floating-ui/react\";\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\nimport { createPortal } from \"react-dom\";\n\nimport { FloatingArrow } from \"../floating-arrow/FloatingArrow\";\n\nimport styles from \"./Popover.module.scss\";\n\ninterface FloatingPopoverProps {\n\tcontent: React.ReactNode;\n\tchildren: React.ReactNode;\n\topenOnHover?: boolean;\n\tplacement?: Placement;\n\topenDelay?: number;\n\tcloseDelay?: number;\n\tmaxWidth?: number;\n\tstate?: \"information\" | \"error\" | \"warning\" | \"success\" | \"negative\";\n\ttooltip?: true;\n\t/**\n\t * Изменяется вместе с CSS-координатой trigger, когда её изменение не отслеживается `autoUpdate`.\n\t * После commit React выполняется повторный расчёт позиции открытой floating-панели.\n\t */\n\tpositionUpdateKey?: unknown;\n}\n\nexport const FloatingPopover: React.FC<FloatingPopoverProps> = ({\n\tcontent,\n\tchildren,\n\topenOnHover = true,\n\tplacement = \"bottom\",\n\topenDelay = 200,\n\tcloseDelay = 100,\n\tmaxWidth,\n\tstate,\n\ttooltip,\n\tpositionUpdateKey\n}) => {\n\tconst [open, setOpen] = useState(false);\n\tconst arrowRef = useRef<HTMLDivElement>(null);\n\n\tconst {\n\t\trefs,\n\t\tfloatingStyles,\n\t\tmiddlewareData,\n\t\tcontext,\n\t\tplacement: computedPlacement,\n\t\tupdate\n\t} = useFloating({\n\t\topen,\n\t\tonOpenChange: setOpen,\n\t\tplacement,\n\t\tmiddleware: [\n\t\t\toffset(8),\n\t\t\tflip({ fallbackAxisSideDirection: \"end\", fallbackPlacements: [\"top\", \"right\", \"bottom\"] }),\n\t\t\tshift({ padding: 8 }),\n\t\t\tarrow({ element: arrowRef, padding: 8 })\n\t\t],\n\t\twhileElementsMounted: autoUpdate\n\t});\n\n\tuseLayoutEffect(() => {\n\t\tif (open) {\n\t\t\tvoid update();\n\t\t}\n\t}, [open, positionUpdateKey, update]);\n\n\tconst hover = useHover(context, {\n\t\tenabled: openOnHover,\n\t\tmove: false,\n\t\tdelay: {\n\t\t\topen: openDelay,\n\t\t\tclose: closeDelay\n\t\t}\n\t});\n\t// Hover-подсказка обязана иметь ту же пассивную точку входа с клавиатуры.\n\t// Связываем focus с тем же флагом, чтобы `openOnHover={false}` не менял\n\t// управляемые сценарии, которые не запрашивали автоматическое открытие.\n\tconst focus = useFocus(context, { enabled: openOnHover });\n\tconst dismiss = useDismiss(context);\n\tconst role = useRole(context);\n\n\tconst { getReferenceProps, getFloatingProps } = useInteractions([hover, focus, dismiss, role]);\n\n\treturn (\n\t\t<>\n\t\t\t<span ref={refs.setReference} {...getReferenceProps()} style={{ lineHeight: 1 }}>\n\t\t\t\t{children}\n\t\t\t</span>\n\n\t\t\t{open &&\n\t\t\t\tcreatePortal(\n\t\t\t\t\t<div\n\t\t\t\t\t\tref={refs.setFloating}\n\t\t\t\t\t\tstyle={{ ...floatingStyles, zIndex: \"var(--z-tooltip)\", maxWidth: maxWidth ? `${maxWidth}em` : undefined }}\n\t\t\t\t\t\t{...getFloatingProps()}\n\t\t\t\t\t\trole=\"tooltip\"\n\t\t\t\t\t\tclassName={cn(styles.tooltipPanel, tooltip && styles.tooltip, state && styles[state])}>\n\t\t\t\t\t\t{content}\n\n\t\t\t\t\t\t<FloatingArrow ref={arrowRef} placement={computedPlacement} middlewareData={middlewareData} />\n\t\t\t\t\t</div>,\n\t\t\t\t\tdocument.body\n\t\t\t\t)}\n\t\t</>\n\t);\n};\n","import React, { useEffect, useRef } from \"react\";\n\nimport { arrow, flip, offset, shift, useFloating } from \"@floating-ui/react\";\n\nimport { FloatingArrow } from \"../floating-arrow/FloatingArrow\";\n\nimport styles from \"./Popover.module.scss\";\n\nexport const FloatingTooltip: React.FC<{\n\tx: number;\n\ty: number;\n\tchildren: React.ReactNode;\n}> = ({ x, y, children }) => {\n\tconst arrowRef = useRef<HTMLDivElement | null>(null);\n\n\tconst {\n\t\trefs,\n\t\tfloatingStyles,\n\t\tmiddlewareData,\n\t\tplacement: computedPlacement\n\t} = useFloating({\n\t\tstrategy: \"absolute\",\n\t\tplacement: \"top\",\n\t\t// eslint-disable-next-line react-hooks/refs\n\t\tmiddleware: [offset(6), flip(), shift({ padding: 16 }), arrow({ element: arrowRef })]\n\t});\n\n\tuseEffect(() => {\n\t\tif (refs.setReference) {\n\t\t\trefs.setReference({\n\t\t\t\tgetBoundingClientRect: () =>\n\t\t\t\t\t({\n\t\t\t\t\t\tx,\n\t\t\t\t\t\ty,\n\t\t\t\t\t\twidth: 0,\n\t\t\t\t\t\theight: 0,\n\t\t\t\t\t\ttop: y,\n\t\t\t\t\t\tleft: x,\n\t\t\t\t\t\tbottom: y,\n\t\t\t\t\t\tright: x,\n\t\t\t\t\t\ttoJSON: () => {}\n\t\t\t\t\t}) as DOMRect\n\t\t\t});\n\t\t}\n\t}, [x, y, refs]);\n\n\treturn (\n\t\t<div ref={refs.setFloating} style={{ ...floatingStyles, position: \"absolute\", pointerEvents: \"none\" }} className={styles.tooltip}>\n\t\t\t{children}\n\n\t\t\t<FloatingArrow ref={arrowRef} placement={computedPlacement} middlewareData={middlewareData} />\n\t\t</div>\n\t);\n};\n"],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- import { a as e, c as t, d as n, i as r, n as i, o as a, p as ee, r as te, s as ne, t as re } from "./base-table-CClQop2i.js";
1
+ import { a as e, c as t, d as n, i as r, n as i, o as a, p as ee, r as te, s as ne, t as re } from "./base-table-DswaYoH-.js";
2
2
  import { useEffect as ie, useEffectEvent as ae, useMemo as o, useRef as s } from "react";
3
3
  import { jsx as c } from "react/jsx-runtime";
4
4
  import { formatPipelineDisplayValue as l } from "@ryuzaki13/react-foundation-lib/formatters";
@@ -138,4 +138,4 @@ function m({ title: m, isLoading: h, isFetching: se, data: g, columns: _, select
138
138
  //#endregion
139
139
  export { m as t };
140
140
 
141
- //# sourceMappingURL=table-ZPWbKoR-.js.map
141
+ //# sourceMappingURL=table-aozLLSJk.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"table-ZPWbKoR-.js","names":[],"sources":["../../src/table/Table.module.scss","../../src/table/Table.tsx"],"sourcesContent":[".selectedIndicatorCell {\n\tbox-shadow: inset 0.1875rem 0 0 var(--content-accent);\n}\n\n.sentinel {\n\theight: 1px;\n}\n","import { useEffect, useEffectEvent, useMemo, useRef } from \"react\";\n\nimport { formatPipelineDisplayValue } from \"@ryuzaki13/react-foundation-lib/formatters\";\nimport { TableFormulaRowData } from \"@ryuzaki13/react-foundation-lib/formulas\";\nimport {\n\ttype FoundationTableRow,\n\tfoundationTableFeatures,\n\ttype TableColumnDef,\n\ttype TableColumnOrderState,\n\ttype TableColumnSizingState,\n\ttype TableColumnVisibilityState,\n\ttype TableSelectionMode,\n\tuseTableRowSelection\n} from \"@ryuzaki13/react-foundation-lib/table\";\nimport { useTable } from \"@tanstack/react-table\";\n\nimport {\n\tBaseTable,\n\tbuildBaseTableMergedCellsLayout,\n\tbuildTableFormattingSnapshot,\n\tFormattedTableCell,\n\tgetOrderedVisibleLeafColumns,\n\tshouldUseTableFormatting,\n\tuseTableColumnOrder,\n\tuseTableColumnPinning,\n\tuseTableColumnSizing,\n\tuseTableColumnVisibility,\n\ttype BaseTableColumnState,\n\ttype BaseTableProps,\n\ttype TableColumnPinningState\n} from \"../base-table\";\n\nimport styles from \"./Table.module.scss\";\n\n/**\n * Возвращает индекс как строковый id, если внешний id не передан.\n */\nfunction defaultGetRowId<TData>(_row: TData, index: number): string {\n\treturn String(index);\n}\n\n/**\n * Пропсы компонента Table.\n *\n * Компонент предназначен для плоских данных и по API осознанно сближен с TreeTable.\n */\nexport interface TableProps<TData extends object> {\n\t/**\n\t * Необязательный заголовок над таблицей.\n\t */\n\ttitle?: string;\n\t/**\n\t * Признак первичной загрузки.\n\t */\n\tisLoading?: boolean;\n\t/**\n\t * Признак фоновой догрузки или обновления данных.\n\t */\n\tisFetching?: boolean;\n\t/**\n\t * Плоский источник строк.\n\t */\n\tdata: readonly TData[] | undefined | null;\n\t/**\n\t * Описание колонок таблицы.\n\t */\n\tcolumns: readonly TableColumnDef<TData>[];\n\t/**\n\t * Режим выбора строк.\n\t */\n\tselectionMode?: TableSelectionMode;\n\t/**\n\t * Внешний список выбранных строк.\n\t *\n\t * Если передан, таблица синхронизирует визуальное выделение с этим набором id.\n\t */\n\tselectedRowIds?: readonly string[];\n\t/**\n\t * Стабильный идентификатор строки.\n\t *\n\t * Если не задан, используется индекс строки.\n\t */\n\tgetRowId?: (row: TData, index: number) => string;\n\t/**\n\t * Дополнительный CSS-класс корневого контейнера.\n\t */\n\tclassName?: string;\n\tminHeight?: `${number}em` | `${number}%`;\n\t/**\n\t * Дополнительный CSS-класс тега `table`.\n\t */\n\ttableClassName?: string;\n\t/**\n\t * Внешнее controlled-состояние видимости колонок.\n\t */\n\tcolumnVisibility?: TableColumnVisibilityState;\n\t/**\n\t * Стартовое uncontrolled-состояние видимости колонок.\n\t */\n\tdefaultColumnVisibility?: TableColumnVisibilityState;\n\t/**\n\t * Внешнее controlled-состояние порядка колонок.\n\t */\n\tcolumnOrder?: readonly string[];\n\t/**\n\t * Стартовое uncontrolled-состояние порядка колонок.\n\t */\n\tdefaultColumnOrder?: readonly string[];\n\t/**\n\t * Внешнее controlled-состояние ширин колонок в px.\n\t */\n\tcolumnSizing?: TableColumnSizingState;\n\t/**\n\t * Стартовое uncontrolled-состояние ширин колонок в px.\n\t */\n\tdefaultColumnSizing?: TableColumnSizingState;\n\t/**\n\t * Внешнее controlled-состояние start-pinning для колонок.\n\t */\n\tcolumnPinning?: TableColumnPinningState;\n\t/**\n\t * Стартовое uncontrolled-состояние start-pinning для колонок.\n\t */\n\tdefaultColumnPinning?: TableColumnPinningState;\n\t/**\n\t * Включает изменение ширины колонок через header-handle.\n\t */\n\tenableColumnResizing?: boolean;\n\t/**\n\t * Включает изменение порядка колонок через drag&drop заголовков.\n\t */\n\tenableColumnReordering?: boolean;\n\t/**\n\t * Минимальная ширина колонки при resize в px.\n\t */\n\tcolumnResizeMinWidth?: number;\n\t/**\n\t * Вызывается после изменения видимости колонок.\n\t */\n\tonColumnVisibilityChange?: (state: TableColumnVisibilityState) => void;\n\t/**\n\t * Вызывается после изменения порядка колонок.\n\t */\n\tonColumnOrderChange?: (state: TableColumnOrderState) => void;\n\t/**\n\t * Вызывается после изменения ширины колонок.\n\t */\n\tonColumnSizingChange?: (state: TableColumnSizingState) => void;\n\t/**\n\t * Вызывается после изменения start-pinning state.\n\t */\n\tonColumnPinningChange?: (state: TableColumnPinningState) => void;\n\t/**\n\t * Вызывается при активации строки кликом или клавиатурой.\n\t */\n\tonRowClick?: (row: TData) => void;\n\t/**\n\t * Вызывается после изменения выбранных строк.\n\t */\n\tonRowSelectionChange?: (rows: TData[]) => void;\n\t/**\n\t * Вызывается при достижении конца таблицы внутри scroll-контейнера.\n\t */\n\tonReachEnd?: () => void;\n\t/**\n\t * Позволяет запретить выбор отдельных строк.\n\t */\n\tgetRowCanSelect?: (row: TData) => boolean;\n\t/**\n\t * Позволяет добавить CSS-класс для конкретной строки.\n\t */\n\tgetRowClassName?: (row: TData) => string | undefined;\n\t/**\n\t * Контекстное меню заголовка колонки. Используется для общих runtime-действий\n\t * вроде server sorting без встраивания доменной логики в shared-таблицу.\n\t */\n\trenderHeaderContextMenu?: BaseTableProps<TData>[\"renderHeaderContextMenu\"];\n\t/**\n\t * Тонкая точка расширения содержимого ячейки поверх стандартного форматирования.\n\t *\n\t * В отличие от `column.cell`, этот слот не отключает общий formatting-runtime:\n\t * `defaultContent` уже содержит отформатированное значение, если оно применимо.\n\t */\n\trenderCellContent?: BaseTableProps<TData>[\"renderCellContent\"];\n}\n\n/**\n * Плоская таблица на базе TanStack Table как React-альтернатива `sap.m.Table`.\n */\nexport function Table<TData extends object>({\n\ttitle,\n\tisLoading,\n\tisFetching,\n\tdata,\n\tcolumns,\n\tselectionMode = \"none\",\n\tselectedRowIds,\n\tgetRowId,\n\tclassName,\n\tminHeight,\n\ttableClassName,\n\tcolumnVisibility,\n\tdefaultColumnVisibility,\n\tcolumnOrder,\n\tdefaultColumnOrder,\n\tcolumnSizing,\n\tdefaultColumnSizing,\n\tcolumnPinning,\n\tdefaultColumnPinning,\n\tenableColumnResizing = false,\n\tenableColumnReordering = false,\n\tcolumnResizeMinWidth,\n\tonColumnVisibilityChange,\n\tonColumnOrderChange,\n\tonColumnSizingChange,\n\tonColumnPinningChange,\n\tonRowClick,\n\tonRowSelectionChange,\n\tonReachEnd,\n\tgetRowCanSelect,\n\tgetRowClassName,\n\trenderHeaderContextMenu,\n\trenderCellContent\n}: TableProps<TData>) {\n\tconst tableData = useMemo(() => data ?? [], [data]);\n\tconst formattingSnapshot = useMemo(() => buildTableFormattingSnapshot(columns), [columns]);\n\tconst resolveRowId = getRowId ?? defaultGetRowId<TData>;\n\tconst rowById = useMemo(() => new Map(tableData.map((row, index) => [resolveRowId(row, index), row])), [resolveRowId, tableData]);\n\tconst availableRowIds = useMemo(() => Array.from(rowById.keys()), [rowById]);\n\tconst scrollableRef = useRef<HTMLDivElement | null>(null);\n\tconst sentinelRef = useRef<HTMLDivElement | null>(null);\n\n\tconst { rowSelection, activateRowSelection } = useTableRowSelection({\n\t\tavailableRowIds,\n\t\trowById,\n\t\tselectionMode,\n\t\tselectedRowIds,\n\t\tonRowSelectionChange\n\t});\n\tconst { columnVisibility: resolvedColumnVisibility, onColumnVisibilityChange: handleColumnVisibilityChange } = useTableColumnVisibility(\n\t\t{\n\t\t\tcolumnVisibility,\n\t\t\tdefaultColumnVisibility,\n\t\t\tonColumnVisibilityChange\n\t\t}\n\t);\n\tconst { columnOrder: resolvedColumnOrder, onColumnOrderChange: handleColumnOrderChange } = useTableColumnOrder({\n\t\tcolumnOrder,\n\t\tdefaultColumnOrder,\n\t\tonColumnOrderChange\n\t});\n\tconst { columnSizing: resolvedColumnSizing, onColumnSizingChange: handleColumnSizingChange } = useTableColumnSizing({\n\t\tcolumnSizing,\n\t\tdefaultColumnSizing,\n\t\tcolumnResizeMinWidth,\n\t\tonColumnSizingChange\n\t});\n\tconst { columnPinning: resolvedColumnPinning, onColumnPinningChange: handleColumnPinningChange } = useTableColumnPinning({\n\t\tcolumnPinning,\n\t\tdefaultColumnPinning,\n\t\tonColumnPinningChange\n\t});\n\tconst baseTableColumnState = useMemo<BaseTableColumnState>(\n\t\t() => ({\n\t\t\tcolumnOrder: resolvedColumnOrder,\n\t\t\tcolumnPinning: resolvedColumnPinning,\n\t\t\tcolumnSizing: resolvedColumnSizing,\n\t\t\tcolumnVisibility: resolvedColumnVisibility\n\t\t}),\n\t\t[resolvedColumnOrder, resolvedColumnPinning, resolvedColumnSizing, resolvedColumnVisibility]\n\t);\n\n\tconst emitReachEnd = useEffectEvent(() => {\n\t\tonReachEnd?.();\n\t});\n\n\tuseEffect(() => {\n\t\tif (!onReachEnd || !scrollableRef.current || !sentinelRef.current || isLoading) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst observer = new IntersectionObserver(\n\t\t\t(entries) => {\n\t\t\t\tconst entry = entries[0];\n\n\t\t\t\tif (entry?.isIntersecting) {\n\t\t\t\t\temitReachEnd();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\troot: scrollableRef.current,\n\t\t\t\tthreshold: 0.1\n\t\t\t}\n\t\t);\n\n\t\tobserver.observe(sentinelRef.current);\n\n\t\treturn () => observer.disconnect();\n\t}, [isLoading, onReachEnd, tableData.length]);\n\n\tconst table = useTable({\n\t\tfeatures: foundationTableFeatures,\n\t\tdata: tableData as TData[],\n\t\tcolumns: columns as TableColumnDef<TData>[],\n\t\tstate: {\n\t\t\tcolumnOrder: resolvedColumnOrder,\n\t\t\tcolumnPinning: resolvedColumnPinning,\n\t\t\tcolumnSizing: resolvedColumnSizing,\n\t\t\tcolumnVisibility: resolvedColumnVisibility,\n\t\t\trowSelection\n\t\t},\n\t\tonColumnOrderChange: handleColumnOrderChange,\n\t\tonColumnPinningChange: handleColumnPinningChange,\n\t\tonColumnSizingChange: handleColumnSizingChange,\n\t\tonColumnVisibilityChange: handleColumnVisibilityChange,\n\t\tgetRowId: (row, index) => resolveRowId(row, index),\n\t\tenableMultiRowSelection: selectionMode === \"multi\",\n\t\tenableRowSelection: (row) => {\n\t\t\tif (selectionMode === \"none\") {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\treturn getRowCanSelect ? getRowCanSelect(row.original) : true;\n\t\t}\n\t});\n\n\tconst visibleLeafColumns = getOrderedVisibleLeafColumns(table, baseTableColumnState);\n\tconst rowModelRows = table.getRowModel().rows;\n\tconst mergedCellLayout = useMemo(\n\t\t() =>\n\t\t\tbuildBaseTableMergedCellsLayout({\n\t\t\t\trows: rowModelRows,\n\t\t\t\tcolumns: visibleLeafColumns\n\t\t\t}),\n\t\t[rowModelRows, visibleLeafColumns]\n\t);\n\tconst leadingColumnId = visibleLeafColumns[0]?.id;\n\n\t/**\n\t * Активирует строку: обновляет выбор в соответствии с режимом и вызывает внешний callback.\n\t */\n\tconst activateRow = (row: FoundationTableRow<TData>) => {\n\t\tactivateRowSelection(row.id, row.getCanSelect());\n\t\tonRowClick?.(row.original);\n\t};\n\n\treturn (\n\t\t<BaseTable\n\t\t\ttable={table}\n\t\t\tcolumnState={baseTableColumnState}\n\t\t\ttitle={title}\n\t\t\tisLoading={isLoading}\n\t\t\tisFetching={isFetching}\n\t\t\tclassName={className}\n\t\t\tminHeight={minHeight}\n\t\t\ttableClassName={tableClassName}\n\t\t\tselectionMode={selectionMode}\n\t\t\tscrollableRef={scrollableRef}\n\t\t\tonActivateRow={selectionMode !== \"none\" || onRowClick ? activateRow : undefined}\n\t\t\tisRowInteractive={(row) => Boolean(onRowClick || (selectionMode !== \"none\" && row.getCanSelect()))}\n\t\t\tgetRowClassName={(row) => getRowClassName?.(row.original)}\n\t\t\tgetCellClassName={({ row, cell }) =>\n\t\t\t\tcell.column.id === leadingColumnId && row.getIsSelected() ? styles.selectedIndicatorCell : undefined\n\t\t\t}\n\t\t\tgetCellLayout={({ cell }) => mergedCellLayout.get(cell.id)}\n\t\t\trenderHeaderContextMenu={renderHeaderContextMenu}\n\t\t\tenableColumnResizing={enableColumnResizing}\n\t\t\tenableColumnReordering={enableColumnReordering}\n\t\t\tcolumnResizeMinWidth={columnResizeMinWidth}\n\t\t\trenderCellContent={(args) => {\n\t\t\t\tconst displayValue = formatPipelineDisplayValue({\n\t\t\t\t\tfield: formattingSnapshot.runtimeByColumnId[args.cell.column.id],\n\t\t\t\t\trawValue: args.cell.getValue(),\n\t\t\t\t\trowData: args.row.original as TableFormulaRowData,\n\t\t\t\t\trowKind: \"plain\"\n\t\t\t\t});\n\t\t\t\tconst defaultContent = !shouldUseTableFormatting({\n\t\t\t\t\tcolumnId: args.cell.column.id,\n\t\t\t\t\truntimeByColumnId: formattingSnapshot.runtimeByColumnId,\n\t\t\t\t\tcustomCellColumnIds: formattingSnapshot.customCellColumnIds\n\t\t\t\t}) ? (\n\t\t\t\t\targs.defaultContent\n\t\t\t\t) : (\n\t\t\t\t\t<FormattedTableCell displayValue={displayValue} align={args.columnMeta?.align} />\n\t\t\t\t);\n\n\t\t\t\tif (renderCellContent) {\n\t\t\t\t\treturn renderCellContent({\n\t\t\t\t\t\t...args,\n\t\t\t\t\t\tdefaultContent,\n\t\t\t\t\t\tdisplayValue\n\t\t\t\t\t});\n\t\t\t\t}\n\n\t\t\t\treturn defaultContent;\n\t\t\t}}\n\t\t\tafterTableContent={onReachEnd ? <div ref={sentinelRef} className={styles.sentinel} aria-hidden=\"true\" /> : null}\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;;;;;;ACqCA,SAAS,GAAuB,GAAa,GAAuB;CACnE,OAAO,OAAO,CAAK;AACpB;AAsJA,SAAgB,EAA4B,EAC3C,UACA,cACA,gBACA,SACA,YACA,mBAAgB,QAChB,oBACA,cACA,eACA,eACA,oBACA,qBACA,4BACA,gBACA,uBACA,iBACA,wBACA,kBACA,yBACA,0BAAuB,IACvB,4BAAyB,IACzB,yBACA,6BACA,wBACA,yBACA,0BACA,eACA,yBACA,eACA,oBACA,oBACA,6BACA,wBACqB;CACrB,IAAM,IAAY,QAAc,KAAQ,CAAC,GAAG,CAAC,CAAI,CAAC,GAC5C,IAAqB,QAAc,EAA6B,CAAO,GAAG,CAAC,CAAO,CAAC,GACnF,IAAe,MAAY,IAC3B,IAAU,QAAc,IAAI,IAAI,EAAU,KAAK,GAAK,MAAU,CAAC,EAAa,GAAK,CAAK,GAAG,CAAG,CAAC,CAAC,GAAG,CAAC,GAAc,CAAS,CAAC,GAC1H,KAAkB,QAAc,MAAM,KAAK,EAAQ,KAAK,CAAC,GAAG,CAAC,CAAO,CAAC,GACrE,IAAgB,EAA8B,IAAI,GAClD,IAAc,EAA8B,IAAI,GAEhD,EAAE,kBAAc,6BAAyB,EAAqB;EACnE;EACA;EACA;EACA;EACA;CACD,CAAC,GACK,EAAE,kBAAkB,GAA0B,0BAA0B,OAAiC,GAC9G;EACC;EACA;EACA;CACD,CACD,GACM,EAAE,aAAa,GAAqB,qBAAqB,OAA4B,EAAoB;EAC9G;EACA;EACA;CACD,CAAC,GACK,EAAE,cAAc,GAAsB,sBAAsB,OAA6B,EAAqB;EACnH;EACA;EACA;EACA;CACD,CAAC,GACK,EAAE,eAAe,GAAuB,uBAAuB,OAA8B,EAAsB;EACxH;EACA;EACA;CACD,CAAC,GACK,IAAuB,SACrB;EACN,aAAa;EACb,eAAe;EACf,cAAc;EACd,kBAAkB;CACnB,IACA;EAAC;EAAqB;EAAuB;EAAsB;CAAwB,CAC5F,GAEM,KAAe,SAAqB;EACzC,IAAa;CACd,CAAC;CAED,SAAgB;EACf,IAAI,CAAC,KAAc,CAAC,EAAc,WAAW,CAAC,EAAY,WAAW,GACpE;EAGD,IAAM,IAAW,IAAI,sBACnB,MAAY;GAGZ,AAFc,EAAQ,EAElB,EAAO,kBACV,GAAa;EAEf,GACA;GACC,MAAM,EAAc;GACpB,WAAW;EACZ,CACD;EAIA,OAFA,EAAS,QAAQ,EAAY,OAAO,SAEvB,EAAS,WAAW;CAClC,GAAG;EAAC;EAAW;EAAY,EAAU;CAAM,CAAC;CAE5C,IAAM,IAAQ,EAAS;EACtB,UAAU;EACV,MAAM;EACG;EACT,OAAO;GACN,aAAa;GACb,eAAe;GACf,cAAc;GACd,kBAAkB;GAClB;EACD;EACA,qBAAqB;EACrB,uBAAuB;EACvB,sBAAsB;EACtB,0BAA0B;EAC1B,WAAW,GAAK,MAAU,EAAa,GAAK,CAAK;EACjD,yBAAyB,MAAkB;EAC3C,qBAAqB,MAChB,MAAkB,SACd,KAGD,MAAkB,EAAgB,EAAI,QAAQ;CAEvD,CAAC,GAEK,IAAqB,GAA6B,GAAO,CAAoB,GAC7E,IAAe,EAAM,YAAY,CAAC,CAAC,MACnC,KAAmB,QAEvB,GAAgC;EAC/B,MAAM;EACN,SAAS;CACV,CAAC,GACF,CAAC,GAAc,CAAkB,CAClC,GACM,KAAkB,EAAmB,EAAE,EAAE;CAU/C,OACC,kBAAC,GAAD;EACQ;EACP,aAAa;EACN;EACI;EACC;EACD;EACA;EACK;EACD;EACA;EACf,eAAe,MAAkB,UAAU,KAjBxB,MAAmC;GAEvD,AADA,GAAqB,EAAI,IAAI,EAAI,aAAa,CAAC,GAC/C,IAAa,EAAI,QAAQ;EAC1B,IAcwE,KAAA;EACtE,mBAAmB,MAAQ,GAAQ,KAAe,MAAkB,UAAU,EAAI,aAAa;EAC/F,kBAAkB,MAAQ,IAAkB,EAAI,QAAQ;EACxD,mBAAmB,EAAE,QAAK,cACzB,EAAK,OAAO,OAAO,MAAmB,EAAI,cAAc,IAAI,EAAO,wBAAwB,KAAA;EAE5F,gBAAgB,EAAE,cAAW,GAAiB,IAAI,EAAK,EAAE;EAChC;EACH;EACE;EACF;EACtB,oBAAoB,MAAS;GAC5B,IAAM,IAAe,EAA2B;IAC/C,OAAO,EAAmB,kBAAkB,EAAK,KAAK,OAAO;IAC7D,UAAU,EAAK,KAAK,SAAS;IAC7B,SAAS,EAAK,IAAI;IAClB,SAAS;GACV,CAAC,GACK,IAAkB,EAAyB;IAChD,UAAU,EAAK,KAAK,OAAO;IAC3B,mBAAmB,EAAmB;IACtC,qBAAqB,EAAmB;GACzC,CAAC,IAGA,kBAAC,IAAD;IAAkC;IAAc,OAAO,EAAK,YAAY;GAAQ,CAAA,IAFhF,EAAK;GAaN,OARI,IACI,EAAkB;IACxB,GAAG;IACH;IACA;GACD,CAAC,IAGK;EACR;EACA,mBAAmB,IAAa,kBAAC,OAAD;GAAK,KAAK;GAAa,WAAW,EAAO;GAAU,eAAY;EAAQ,CAAA,IAAI;CAC3G,CAAA;AAEH"}
1
+ {"version":3,"file":"table-aozLLSJk.js","names":[],"sources":["../../src/table/Table.module.scss","../../src/table/Table.tsx"],"sourcesContent":[".selectedIndicatorCell {\n\tbox-shadow: inset 0.1875rem 0 0 var(--content-accent);\n}\n\n.sentinel {\n\theight: 1px;\n}\n","import { useEffect, useEffectEvent, useMemo, useRef } from \"react\";\n\nimport { formatPipelineDisplayValue } from \"@ryuzaki13/react-foundation-lib/formatters\";\nimport { TableFormulaRowData } from \"@ryuzaki13/react-foundation-lib/formulas\";\nimport {\n\ttype FoundationTableRow,\n\tfoundationTableFeatures,\n\ttype TableColumnDef,\n\ttype TableColumnOrderState,\n\ttype TableColumnSizingState,\n\ttype TableColumnVisibilityState,\n\ttype TableSelectionMode,\n\tuseTableRowSelection\n} from \"@ryuzaki13/react-foundation-lib/table\";\nimport { useTable } from \"@tanstack/react-table\";\n\nimport {\n\tBaseTable,\n\tbuildBaseTableMergedCellsLayout,\n\tbuildTableFormattingSnapshot,\n\tFormattedTableCell,\n\tgetOrderedVisibleLeafColumns,\n\tshouldUseTableFormatting,\n\tuseTableColumnOrder,\n\tuseTableColumnPinning,\n\tuseTableColumnSizing,\n\tuseTableColumnVisibility,\n\ttype BaseTableColumnState,\n\ttype BaseTableProps,\n\ttype TableColumnPinningState\n} from \"../base-table\";\n\nimport styles from \"./Table.module.scss\";\n\n/**\n * Возвращает индекс как строковый id, если внешний id не передан.\n */\nfunction defaultGetRowId<TData>(_row: TData, index: number): string {\n\treturn String(index);\n}\n\n/**\n * Пропсы компонента Table.\n *\n * Компонент предназначен для плоских данных и по API осознанно сближен с TreeTable.\n */\nexport interface TableProps<TData extends object> {\n\t/**\n\t * Необязательный заголовок над таблицей.\n\t */\n\ttitle?: string;\n\t/**\n\t * Признак первичной загрузки.\n\t */\n\tisLoading?: boolean;\n\t/**\n\t * Признак фоновой догрузки или обновления данных.\n\t */\n\tisFetching?: boolean;\n\t/**\n\t * Плоский источник строк.\n\t */\n\tdata: readonly TData[] | undefined | null;\n\t/**\n\t * Описание колонок таблицы.\n\t */\n\tcolumns: readonly TableColumnDef<TData>[];\n\t/**\n\t * Режим выбора строк.\n\t */\n\tselectionMode?: TableSelectionMode;\n\t/**\n\t * Внешний список выбранных строк.\n\t *\n\t * Если передан, таблица синхронизирует визуальное выделение с этим набором id.\n\t */\n\tselectedRowIds?: readonly string[];\n\t/**\n\t * Стабильный идентификатор строки.\n\t *\n\t * Если не задан, используется индекс строки.\n\t */\n\tgetRowId?: (row: TData, index: number) => string;\n\t/**\n\t * Дополнительный CSS-класс корневого контейнера.\n\t */\n\tclassName?: string;\n\tminHeight?: `${number}em` | `${number}%`;\n\t/**\n\t * Дополнительный CSS-класс тега `table`.\n\t */\n\ttableClassName?: string;\n\t/**\n\t * Внешнее controlled-состояние видимости колонок.\n\t */\n\tcolumnVisibility?: TableColumnVisibilityState;\n\t/**\n\t * Стартовое uncontrolled-состояние видимости колонок.\n\t */\n\tdefaultColumnVisibility?: TableColumnVisibilityState;\n\t/**\n\t * Внешнее controlled-состояние порядка колонок.\n\t */\n\tcolumnOrder?: readonly string[];\n\t/**\n\t * Стартовое uncontrolled-состояние порядка колонок.\n\t */\n\tdefaultColumnOrder?: readonly string[];\n\t/**\n\t * Внешнее controlled-состояние ширин колонок в px.\n\t */\n\tcolumnSizing?: TableColumnSizingState;\n\t/**\n\t * Стартовое uncontrolled-состояние ширин колонок в px.\n\t */\n\tdefaultColumnSizing?: TableColumnSizingState;\n\t/**\n\t * Внешнее controlled-состояние start-pinning для колонок.\n\t */\n\tcolumnPinning?: TableColumnPinningState;\n\t/**\n\t * Стартовое uncontrolled-состояние start-pinning для колонок.\n\t */\n\tdefaultColumnPinning?: TableColumnPinningState;\n\t/**\n\t * Включает изменение ширины колонок через header-handle.\n\t */\n\tenableColumnResizing?: boolean;\n\t/**\n\t * Включает изменение порядка колонок через drag&drop заголовков.\n\t */\n\tenableColumnReordering?: boolean;\n\t/**\n\t * Минимальная ширина колонки при resize в px.\n\t */\n\tcolumnResizeMinWidth?: number;\n\t/**\n\t * Вызывается после изменения видимости колонок.\n\t */\n\tonColumnVisibilityChange?: (state: TableColumnVisibilityState) => void;\n\t/**\n\t * Вызывается после изменения порядка колонок.\n\t */\n\tonColumnOrderChange?: (state: TableColumnOrderState) => void;\n\t/**\n\t * Вызывается после изменения ширины колонок.\n\t */\n\tonColumnSizingChange?: (state: TableColumnSizingState) => void;\n\t/**\n\t * Вызывается после изменения start-pinning state.\n\t */\n\tonColumnPinningChange?: (state: TableColumnPinningState) => void;\n\t/**\n\t * Вызывается при активации строки кликом или клавиатурой.\n\t */\n\tonRowClick?: (row: TData) => void;\n\t/**\n\t * Вызывается после изменения выбранных строк.\n\t */\n\tonRowSelectionChange?: (rows: TData[]) => void;\n\t/**\n\t * Вызывается при достижении конца таблицы внутри scroll-контейнера.\n\t */\n\tonReachEnd?: () => void;\n\t/**\n\t * Позволяет запретить выбор отдельных строк.\n\t */\n\tgetRowCanSelect?: (row: TData) => boolean;\n\t/**\n\t * Позволяет добавить CSS-класс для конкретной строки.\n\t */\n\tgetRowClassName?: (row: TData) => string | undefined;\n\t/**\n\t * Контекстное меню заголовка колонки. Используется для общих runtime-действий\n\t * вроде server sorting без встраивания доменной логики в shared-таблицу.\n\t */\n\trenderHeaderContextMenu?: BaseTableProps<TData>[\"renderHeaderContextMenu\"];\n\t/**\n\t * Тонкая точка расширения содержимого ячейки поверх стандартного форматирования.\n\t *\n\t * В отличие от `column.cell`, этот слот не отключает общий formatting-runtime:\n\t * `defaultContent` уже содержит отформатированное значение, если оно применимо.\n\t */\n\trenderCellContent?: BaseTableProps<TData>[\"renderCellContent\"];\n}\n\n/**\n * Плоская таблица на базе TanStack Table как React-альтернатива `sap.m.Table`.\n */\nexport function Table<TData extends object>({\n\ttitle,\n\tisLoading,\n\tisFetching,\n\tdata,\n\tcolumns,\n\tselectionMode = \"none\",\n\tselectedRowIds,\n\tgetRowId,\n\tclassName,\n\tminHeight,\n\ttableClassName,\n\tcolumnVisibility,\n\tdefaultColumnVisibility,\n\tcolumnOrder,\n\tdefaultColumnOrder,\n\tcolumnSizing,\n\tdefaultColumnSizing,\n\tcolumnPinning,\n\tdefaultColumnPinning,\n\tenableColumnResizing = false,\n\tenableColumnReordering = false,\n\tcolumnResizeMinWidth,\n\tonColumnVisibilityChange,\n\tonColumnOrderChange,\n\tonColumnSizingChange,\n\tonColumnPinningChange,\n\tonRowClick,\n\tonRowSelectionChange,\n\tonReachEnd,\n\tgetRowCanSelect,\n\tgetRowClassName,\n\trenderHeaderContextMenu,\n\trenderCellContent\n}: TableProps<TData>) {\n\tconst tableData = useMemo(() => data ?? [], [data]);\n\tconst formattingSnapshot = useMemo(() => buildTableFormattingSnapshot(columns), [columns]);\n\tconst resolveRowId = getRowId ?? defaultGetRowId<TData>;\n\tconst rowById = useMemo(() => new Map(tableData.map((row, index) => [resolveRowId(row, index), row])), [resolveRowId, tableData]);\n\tconst availableRowIds = useMemo(() => Array.from(rowById.keys()), [rowById]);\n\tconst scrollableRef = useRef<HTMLDivElement | null>(null);\n\tconst sentinelRef = useRef<HTMLDivElement | null>(null);\n\n\tconst { rowSelection, activateRowSelection } = useTableRowSelection({\n\t\tavailableRowIds,\n\t\trowById,\n\t\tselectionMode,\n\t\tselectedRowIds,\n\t\tonRowSelectionChange\n\t});\n\tconst { columnVisibility: resolvedColumnVisibility, onColumnVisibilityChange: handleColumnVisibilityChange } = useTableColumnVisibility(\n\t\t{\n\t\t\tcolumnVisibility,\n\t\t\tdefaultColumnVisibility,\n\t\t\tonColumnVisibilityChange\n\t\t}\n\t);\n\tconst { columnOrder: resolvedColumnOrder, onColumnOrderChange: handleColumnOrderChange } = useTableColumnOrder({\n\t\tcolumnOrder,\n\t\tdefaultColumnOrder,\n\t\tonColumnOrderChange\n\t});\n\tconst { columnSizing: resolvedColumnSizing, onColumnSizingChange: handleColumnSizingChange } = useTableColumnSizing({\n\t\tcolumnSizing,\n\t\tdefaultColumnSizing,\n\t\tcolumnResizeMinWidth,\n\t\tonColumnSizingChange\n\t});\n\tconst { columnPinning: resolvedColumnPinning, onColumnPinningChange: handleColumnPinningChange } = useTableColumnPinning({\n\t\tcolumnPinning,\n\t\tdefaultColumnPinning,\n\t\tonColumnPinningChange\n\t});\n\tconst baseTableColumnState = useMemo<BaseTableColumnState>(\n\t\t() => ({\n\t\t\tcolumnOrder: resolvedColumnOrder,\n\t\t\tcolumnPinning: resolvedColumnPinning,\n\t\t\tcolumnSizing: resolvedColumnSizing,\n\t\t\tcolumnVisibility: resolvedColumnVisibility\n\t\t}),\n\t\t[resolvedColumnOrder, resolvedColumnPinning, resolvedColumnSizing, resolvedColumnVisibility]\n\t);\n\n\tconst emitReachEnd = useEffectEvent(() => {\n\t\tonReachEnd?.();\n\t});\n\n\tuseEffect(() => {\n\t\tif (!onReachEnd || !scrollableRef.current || !sentinelRef.current || isLoading) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst observer = new IntersectionObserver(\n\t\t\t(entries) => {\n\t\t\t\tconst entry = entries[0];\n\n\t\t\t\tif (entry?.isIntersecting) {\n\t\t\t\t\temitReachEnd();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\troot: scrollableRef.current,\n\t\t\t\tthreshold: 0.1\n\t\t\t}\n\t\t);\n\n\t\tobserver.observe(sentinelRef.current);\n\n\t\treturn () => observer.disconnect();\n\t}, [isLoading, onReachEnd, tableData.length]);\n\n\tconst table = useTable({\n\t\tfeatures: foundationTableFeatures,\n\t\tdata: tableData as TData[],\n\t\tcolumns: columns as TableColumnDef<TData>[],\n\t\tstate: {\n\t\t\tcolumnOrder: resolvedColumnOrder,\n\t\t\tcolumnPinning: resolvedColumnPinning,\n\t\t\tcolumnSizing: resolvedColumnSizing,\n\t\t\tcolumnVisibility: resolvedColumnVisibility,\n\t\t\trowSelection\n\t\t},\n\t\tonColumnOrderChange: handleColumnOrderChange,\n\t\tonColumnPinningChange: handleColumnPinningChange,\n\t\tonColumnSizingChange: handleColumnSizingChange,\n\t\tonColumnVisibilityChange: handleColumnVisibilityChange,\n\t\tgetRowId: (row, index) => resolveRowId(row, index),\n\t\tenableMultiRowSelection: selectionMode === \"multi\",\n\t\tenableRowSelection: (row) => {\n\t\t\tif (selectionMode === \"none\") {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\treturn getRowCanSelect ? getRowCanSelect(row.original) : true;\n\t\t}\n\t});\n\n\tconst visibleLeafColumns = getOrderedVisibleLeafColumns(table, baseTableColumnState);\n\tconst rowModelRows = table.getRowModel().rows;\n\tconst mergedCellLayout = useMemo(\n\t\t() =>\n\t\t\tbuildBaseTableMergedCellsLayout({\n\t\t\t\trows: rowModelRows,\n\t\t\t\tcolumns: visibleLeafColumns\n\t\t\t}),\n\t\t[rowModelRows, visibleLeafColumns]\n\t);\n\tconst leadingColumnId = visibleLeafColumns[0]?.id;\n\n\t/**\n\t * Активирует строку: обновляет выбор в соответствии с режимом и вызывает внешний callback.\n\t */\n\tconst activateRow = (row: FoundationTableRow<TData>) => {\n\t\tactivateRowSelection(row.id, row.getCanSelect());\n\t\tonRowClick?.(row.original);\n\t};\n\n\treturn (\n\t\t<BaseTable\n\t\t\ttable={table}\n\t\t\tcolumnState={baseTableColumnState}\n\t\t\ttitle={title}\n\t\t\tisLoading={isLoading}\n\t\t\tisFetching={isFetching}\n\t\t\tclassName={className}\n\t\t\tminHeight={minHeight}\n\t\t\ttableClassName={tableClassName}\n\t\t\tselectionMode={selectionMode}\n\t\t\tscrollableRef={scrollableRef}\n\t\t\tonActivateRow={selectionMode !== \"none\" || onRowClick ? activateRow : undefined}\n\t\t\tisRowInteractive={(row) => Boolean(onRowClick || (selectionMode !== \"none\" && row.getCanSelect()))}\n\t\t\tgetRowClassName={(row) => getRowClassName?.(row.original)}\n\t\t\tgetCellClassName={({ row, cell }) =>\n\t\t\t\tcell.column.id === leadingColumnId && row.getIsSelected() ? styles.selectedIndicatorCell : undefined\n\t\t\t}\n\t\t\tgetCellLayout={({ cell }) => mergedCellLayout.get(cell.id)}\n\t\t\trenderHeaderContextMenu={renderHeaderContextMenu}\n\t\t\tenableColumnResizing={enableColumnResizing}\n\t\t\tenableColumnReordering={enableColumnReordering}\n\t\t\tcolumnResizeMinWidth={columnResizeMinWidth}\n\t\t\trenderCellContent={(args) => {\n\t\t\t\tconst displayValue = formatPipelineDisplayValue({\n\t\t\t\t\tfield: formattingSnapshot.runtimeByColumnId[args.cell.column.id],\n\t\t\t\t\trawValue: args.cell.getValue(),\n\t\t\t\t\trowData: args.row.original as TableFormulaRowData,\n\t\t\t\t\trowKind: \"plain\"\n\t\t\t\t});\n\t\t\t\tconst defaultContent = !shouldUseTableFormatting({\n\t\t\t\t\tcolumnId: args.cell.column.id,\n\t\t\t\t\truntimeByColumnId: formattingSnapshot.runtimeByColumnId,\n\t\t\t\t\tcustomCellColumnIds: formattingSnapshot.customCellColumnIds\n\t\t\t\t}) ? (\n\t\t\t\t\targs.defaultContent\n\t\t\t\t) : (\n\t\t\t\t\t<FormattedTableCell displayValue={displayValue} align={args.columnMeta?.align} />\n\t\t\t\t);\n\n\t\t\t\tif (renderCellContent) {\n\t\t\t\t\treturn renderCellContent({\n\t\t\t\t\t\t...args,\n\t\t\t\t\t\tdefaultContent,\n\t\t\t\t\t\tdisplayValue\n\t\t\t\t\t});\n\t\t\t\t}\n\n\t\t\t\treturn defaultContent;\n\t\t\t}}\n\t\t\tafterTableContent={onReachEnd ? <div ref={sentinelRef} className={styles.sentinel} aria-hidden=\"true\" /> : null}\n\t\t/>\n\t);\n}\n"],"mappings":"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"}
@@ -1,3 +1,3 @@
1
- import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../chunks/CalendarView-BK-Q6GVc.js";
2
- import { _ as s, a as c, b as l, c as u, d, f, g as p, h as m, i as h, l as g, m as _, n as v, o as y, p as b, r as x, s as S, t as C, u as w, v as T, y as E } from "../chunks/date-input-DXXKeLcq.js";
1
+ import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../chunks/CalendarView-Bhaov_XE.js";
2
+ import { _ as s, a as c, b as l, c as u, d, f, g as p, h as m, i as h, l as g, m as _, n as v, o as y, p as b, r as x, s as S, t as C, u as w, v as T, y as E } from "../chunks/date-input-DkLfO3Ng.js";
3
3
  export { o as CalendarView, p as DATE_INPUT_SELECTION_MODES, s as DATE_INPUT_SELECTION_MODE_OPTIONS, n as DATE_INPUT_WEEK_END_DAYS, i as DATE_PICKER_LEVELS, x as DEFAULT_DATE_INPUT_FORMAT, h as DEFAULT_DATE_INPUT_PRESET, C as RangeDateInput, v as SingleDateInput, c as areRangeDateValuesEqual, y as areSingleDateValuesEqual, S as formatDateInputValue, u as formatRangeDateValue, g as formatSingleDateValue, t as getDatePickerLevelForSelectionMode, T as isDateInputSelectionMode, e as isDatePickerLevelAvailable, E as normalizeDateInputSelectionModes, w as normalizeRangeDateValue, d as normalizeRangeEndDateValue, f as normalizeSingleDateValue, b as parseRangeDateValue, _ as parseRangeEndDateValue, m as parseSingleDateValue, r as resolveAvailableDatePickerLevel, a as resolveDateInputPeriodRangeState, l as resolveDateInputSelectionModeOptionsByModes };
@@ -1,7 +1,7 @@
1
- import { r as e } from "../chunks/popover-BMboZXoQ.js";
1
+ import { r as e } from "../chunks/popover-Bne-Ljbs.js";
2
2
  import { t } from "../chunks/ui.module-BsDio9A3.js";
3
3
  import { c as n, d as r, i } from "../chunks/input-D1jOxm0t.js";
4
- import { t as a } from "../chunks/CalendarView-BK-Q6GVc.js";
4
+ import { t as a } from "../chunks/CalendarView-Bhaov_XE.js";
5
5
  import { t as o } from "../chunks/wheel-picker-FS58cRsQ.js";
6
6
  import { useCallback as s, useMemo as c, useRef as l, useState as u } from "react";
7
7
  import { cn as d } from "@ryuzaki13/react-foundation-lib/utils";
@@ -1,5 +1,5 @@
1
- import { n as e } from "../chunks/button-BYWHD2TV.js";
2
- import { l as t } from "../chunks/misc-CV0XwJf3.js";
1
+ import { n as e } from "../chunks/button-BaUlN-nt.js";
2
+ import { l as t } from "../chunks/misc-DeGboAt-.js";
3
3
  import { useCallback as n, useId as r, useState as i } from "react";
4
4
  import { cn as a } from "@ryuzaki13/react-foundation-lib/utils";
5
5
  import { jsx as o, jsxs as s } from "react/jsx-runtime";
@@ -1,6 +1,6 @@
1
- import { n as e } from "../chunks/button-BYWHD2TV.js";
1
+ import { n as e } from "../chunks/button-BaUlN-nt.js";
2
2
  import { r as t } from "../chunks/grid-dI94AAbi.js";
3
- import { i as n, n as r, r as i } from "../chunks/modal-Bmd9iBw1.js";
3
+ import { i as n, n as r, r as i } from "../chunks/modal-BGAi96zR.js";
4
4
  import { s as a } from "../chunks/input-D1jOxm0t.js";
5
5
  import { t as o } from "../chunks/input-files-CDGpJaUm.js";
6
6
  import { Suspense as s, lazy as c, useCallback as l, useEffect as u, useMemo as d, useRef as f, useState as p } from "react";
@@ -1,4 +1,4 @@
1
- import { c as e, h as t } from "../chunks/misc-CV0XwJf3.js";
1
+ import { c as e, h as t } from "../chunks/misc-DeGboAt-.js";
2
2
  import { t as n } from "../chunks/grid-dI94AAbi.js";
3
3
  import r, { Children as i, useLayoutEffect as a, useReducer as o, useRef as s, useState as c } from "react";
4
4
  import { cn as l } from "@ryuzaki13/react-foundation-lib/utils";
@@ -1,2 +1,2 @@
1
- import { _ as e, a as t, b as n, c as r, d as i, f as a, g as o, h as s, i as c, l, m as u, n as d, o as f, p, r as m, s as h, t as g, u as _, v, y } from "../chunks/misc-CV0XwJf3.js";
1
+ import { _ as e, a as t, b as n, c as r, d as i, f as a, g as o, h as s, i as c, l, m as u, n as d, o as f, p, r as m, s as h, t as g, u as _, v, y } from "../chunks/misc-DeGboAt-.js";
2
2
  export { n as AnimatedLogo, y as AnimatedLogoSegment, v as CopyTextWrapper, d as ErrorIcon, e as IconWrapper, m as InformationIcon, u as LazyDynamicComponent, a as LazyValue, s as LoadingMessage, o as Message, i as NoData, _ as Notice, l as OneStepScroller, c as RenderStateIcon, r as Scrollable, p as SkeletonLine, t as StateIcon, g as StateWrapper, f as SuccessIcon, h as WarningIcon };
@@ -1,2 +1,2 @@
1
- import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../chunks/modal-Bmd9iBw1.js";
1
+ import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../chunks/modal-BGAi96zR.js";
2
2
  export { n as Modal, i as ModalContent, t as ModalFooter, r as ModalManagerContext, o as ModalManagerProvider, e as ModalToolbar, a as useModalManager };
@@ -1,4 +1,4 @@
1
- import { n as e } from "../chunks/button-BYWHD2TV.js";
1
+ import { n as e } from "../chunks/button-BaUlN-nt.js";
2
2
  import { o as t } from "../chunks/flex-C7njxZ74.js";
3
3
  import { createContext as n, useContext as r, useEffect as i, useMemo as a } from "react";
4
4
  import { cn as o } from "@ryuzaki13/react-foundation-lib/utils";
@@ -1 +1 @@
1
- {"version":3,"file":"FloatingPopover.d.ts","sourceRoot":"","sources":["../../src/popover/FloatingPopover.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAEjE,OAAO,EAKN,SAAS,EAOT,MAAM,oBAAoB,CAAC;AAQ5B,UAAU,oBAAoB;IAC7B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;IACrE,OAAO,CAAC,EAAE,IAAI,CAAC;IACf;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA4E1D,CAAC"}
1
+ {"version":3,"file":"FloatingPopover.d.ts","sourceRoot":"","sources":["../../src/popover/FloatingPopover.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAEjE,OAAO,EAKN,SAAS,EAQT,MAAM,oBAAoB,CAAC;AAQ5B,UAAU,oBAAoB;IAC7B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;IACrE,OAAO,CAAC,EAAE,IAAI,CAAC;IACf;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAgF1D,CAAC"}
@@ -1,2 +1,2 @@
1
- import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/popover-BMboZXoQ.js";
1
+ import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/popover-Bne-Ljbs.js";
2
2
  export { n as FloatingPopover, a as FloatingTooltip, i as Popover, e as PopoverContent, t as PopoverTrigger, r as usePopoverContext };
@@ -1,5 +1,5 @@
1
1
  import { o as e } from "../chunks/flex-C7njxZ74.js";
2
- import { t } from "../chunks/date-input-DXXKeLcq.js";
2
+ import { t } from "../chunks/date-input-DkLfO3Ng.js";
3
3
  import { c as n, l as r, r as i, s as a, t as o, u as s } from "../chunks/date-range-preset-select-BLnY47cv.js";
4
4
  import { useCallback as c, useMemo as l, useRef as u, useState as d } from "react";
5
5
  import { jsx as f, jsxs as p } from "react/jsx-runtime";
@@ -1,4 +1,4 @@
1
- import { t as e } from "../chunks/table-ZPWbKoR-.js";
1
+ import { t as e } from "../chunks/table-aozLLSJk.js";
2
2
  import { useMemo as t } from "react";
3
3
  import { jsx as n } from "react/jsx-runtime";
4
4
  //#region src/simple-table/SimpleTable.tsx
@@ -1,4 +1,4 @@
1
- import { n as e, r as t } from "../chunks/popover-BMboZXoQ.js";
1
+ import { n as e, r as t } from "../chunks/popover-Bne-Ljbs.js";
2
2
  import { t as n } from "../chunks/ui.module-BsDio9A3.js";
3
3
  import { c as r, d as i, i as a, s as o } from "../chunks/input-D1jOxm0t.js";
4
4
  import { l as s } from "../chunks/picker-DO9HFqJV.js";
@@ -1,2 +1,2 @@
1
- import { t as e } from "../chunks/table-ZPWbKoR-.js";
1
+ import { t as e } from "../chunks/table-aozLLSJk.js";
2
2
  export { e as Table };
@@ -1,6 +1,6 @@
1
1
  import { t as e } from "../chunks/ui.module-BsDio9A3.js";
2
2
  import { n as t } from "../chunks/uiClasses-BVwFzzsr.js";
3
- import { d as n, h as r, l as i } from "../chunks/misc-CV0XwJf3.js";
3
+ import { d as n, h as r, l as i } from "../chunks/misc-DeGboAt-.js";
4
4
  import { Children as a, isValidElement as o, useId as s, useMemo as c, useRef as l, useState as u } from "react";
5
5
  import { cn as d, getRovingFocusTargetIndex as f } from "@ryuzaki13/react-foundation-lib/utils";
6
6
  import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
@@ -1,4 +1,4 @@
1
- import { n as e } from "../chunks/popover-BMboZXoQ.js";
1
+ import { n as e } from "../chunks/popover-Bne-Ljbs.js";
2
2
  import { useMemo as t } from "react";
3
3
  import { cn as n } from "@ryuzaki13/react-foundation-lib/utils";
4
4
  import { jsx as r } from "react/jsx-runtime";
@@ -1,9 +1,9 @@
1
- import { m as e } from "../chunks/misc-CV0XwJf3.js";
1
+ import { m as e } from "../chunks/misc-DeGboAt-.js";
2
2
  import { a as t, n, t as r } from "../chunks/types-D9Wj9wrg.js";
3
3
  import { jsx as i } from "react/jsx-runtime";
4
4
  //#region src/text-editor/TextEditorLexical.tsx
5
5
  function a() {
6
- return import("../chunks/TextEditorLexicalClient-C8jKCbsp.js").then((e) => ({ TextEditorLexicalClient: e.TextEditorLexicalClient }));
6
+ return import("../chunks/TextEditorLexicalClient-CqPOrgcQ.js").then((e) => ({ TextEditorLexicalClient: e.TextEditorLexicalClient }));
7
7
  }
8
8
  function o(t) {
9
9
  return /* @__PURE__ */ i(e, {
@@ -1,4 +1,4 @@
1
- import { a as e, c as t, d as n, i as r, n as i, o as ee, p as te, r as ne, s as re, t as ie } from "../chunks/base-table-CClQop2i.js";
1
+ import { a as e, c as t, d as n, i as r, n as i, o as ee, p as te, r as ne, s as re, t as ie } from "../chunks/base-table-DswaYoH-.js";
2
2
  import { useEffect as a, useEffectEvent as o, useMemo as s, useRef as c, useState as ae } from "react";
3
3
  import { cn as oe } from "@ryuzaki13/react-foundation-lib/utils";
4
4
  import { jsx as l, jsxs as u } from "react/jsx-runtime";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ryuzaki13/react-foundation-ui",
3
- "version": "1.11.0",
3
+ "version": "1.11.1",
4
4
  "description": "Reusable React foundation UI primitives and Storybook stories.",
5
5
  "license": "MIT",
6
6
  "author": "Ryuzaki13",