@ryuzaki13/react-foundation-ui 3.9.0 → 3.10.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 (376) hide show
  1. package/dist/badge/index.js +1 -1
  2. package/dist/barcode-scanner/index.js +1 -1
  3. package/dist/base-table/index.js +1 -1
  4. package/dist/base-table/ui/BaseTable.d.ts +9 -1
  5. package/dist/base-table/ui/BaseTable.d.ts.map +1 -1
  6. package/dist/chunks/{TextEditorLexicalClient-BQH41FFT.js → TextEditorLexicalClient-Cj6yjCGm.js} +3 -3
  7. package/dist/chunks/{TextEditorLexicalClient-BQH41FFT.js.map → TextEditorLexicalClient-Cj6yjCGm.js.map} +1 -1
  8. package/dist/chunks/{base-table-9H5YuVvB.js → base-table-CoVXG2FT.js} +132 -114
  9. package/dist/chunks/base-table-CoVXG2FT.js.map +1 -0
  10. package/dist/chunks/{context-menu-BV8636Ou.js → context-menu-BlLesqpZ.js} +2 -2
  11. package/dist/chunks/{context-menu-BV8636Ou.js.map → context-menu-BlLesqpZ.js.map} +1 -1
  12. package/dist/chunks/flex-BhrQCH4I.js +401 -0
  13. package/dist/chunks/flex-BhrQCH4I.js.map +1 -0
  14. package/dist/chunks/grid-D6wPRCjx.js +394 -0
  15. package/dist/chunks/grid-D6wPRCjx.js.map +1 -0
  16. package/dist/chunks/{misc-BjdDK6mm.js → misc-Dcr24uDY.js} +2 -2
  17. package/dist/chunks/{misc-BjdDK6mm.js.map → misc-Dcr24uDY.js.map} +1 -1
  18. package/dist/chunks/{modal-CBGNsqrq.js → modal-DeABSKrb.js} +4 -4
  19. package/dist/chunks/{modal-CBGNsqrq.js.map → modal-DeABSKrb.js.map} +1 -1
  20. package/dist/chunks/{picker-DagDe9OH.js → picker-CWx7vPE8.js} +2 -2
  21. package/dist/chunks/{picker-DagDe9OH.js.map → picker-CWx7vPE8.js.map} +1 -1
  22. package/dist/chunks/responsiveLayout-D2mtCDdh.js +28 -0
  23. package/dist/chunks/responsiveLayout-D2mtCDdh.js.map +1 -0
  24. package/dist/chunks/{select-C-1U-ujV.js → select-CHBBo5fn.js} +2 -2
  25. package/dist/chunks/{select-C-1U-ujV.js.map → select-CHBBo5fn.js.map} +1 -1
  26. package/dist/chunks/table-Cm9NhT9K.js +154 -0
  27. package/dist/chunks/table-Cm9NhT9K.js.map +1 -0
  28. package/dist/context-menu/index.js +1 -1
  29. package/dist/disclosure/index.js +1 -1
  30. package/dist/errors/index.js +1 -1
  31. package/dist/expandable-action-panel/index.js +1 -1
  32. package/dist/flex/FlexContainer.d.ts +1 -1
  33. package/dist/flex/FlexContainer.d.ts.map +1 -1
  34. package/dist/flex/FlexItem.d.ts +1 -1
  35. package/dist/flex/FlexItem.d.ts.map +1 -1
  36. package/dist/flex/PredefinedFlex.d.ts +1 -1
  37. package/dist/flex/PredefinedFlex.d.ts.map +1 -1
  38. package/dist/flex/getFlexClasses.d.ts +5 -0
  39. package/dist/flex/getFlexClasses.d.ts.map +1 -0
  40. package/dist/flex/index.js +1 -1
  41. package/dist/grid/GridContainer.d.ts.map +1 -1
  42. package/dist/grid/GridItem.d.ts.map +1 -1
  43. package/dist/grid/getGridClasses.d.ts +12 -0
  44. package/dist/grid/getGridClasses.d.ts.map +1 -0
  45. package/dist/grid/index.js +1 -1
  46. package/dist/image/index.js +2 -2
  47. package/dist/layout-picker/index.js +1 -1
  48. package/dist/list/index.js +2 -2
  49. package/dist/listbox/index.js +1 -1
  50. package/dist/misc/index.js +1 -1
  51. package/dist/modal/index.js +1 -1
  52. package/dist/multi-select/index.js +1 -1
  53. package/dist/notifications/index.js +1 -1
  54. package/dist/picker/index.js +1 -1
  55. package/dist/preset-range-date-input/index.js +1 -1
  56. package/dist/preset-select/index.js +1 -1
  57. package/dist/responsive-layout/responsiveLayout.d.ts +17 -0
  58. package/dist/responsive-layout/responsiveLayout.d.ts.map +1 -0
  59. package/dist/select/index.js +1 -1
  60. package/dist/simple-table/index.js +1 -1
  61. package/dist/slider/index.js +1 -1
  62. package/dist/state-select/index.js +1 -1
  63. package/dist/styles.css +1 -1
  64. package/dist/table/Table.d.ts +10 -1
  65. package/dist/table/Table.d.ts.map +1 -1
  66. package/dist/table/index.js +1 -1
  67. package/dist/table-sorting/index.js +1 -1
  68. package/dist/tabs/index.js +1 -1
  69. package/dist/text-editor/index.js +2 -2
  70. package/dist/toolbar/index.js +2 -2
  71. package/dist/tree-select/index.js +1 -1
  72. package/dist/tree-table/index.js +1 -1
  73. package/package.json +1 -1
  74. package/storybook-static/assets/{Badge-CL58JilM.js → Badge-7nsS5Yyj.js} +1 -1
  75. package/storybook-static/assets/{Badge.stories-CXFTvV3D.js → Badge.stories-BzQKeDqC.js} +1 -1
  76. package/storybook-static/assets/{BadgeList-DLssobfd.js → BadgeList-WzFV9MB1.js} +1 -1
  77. package/storybook-static/assets/{BarcodeScannerDialog.stories-CpMywpKq.js → BarcodeScannerDialog.stories-Ci8Mf9WX.js} +1 -1
  78. package/storybook-static/assets/{Button-CSbLv1K7.js → Button-6F3OVyTc.js} +1 -1
  79. package/storybook-static/assets/{Button-DMAPWgMI.js → Button-DqsSng-I.js} +1 -1
  80. package/storybook-static/assets/{Button.stories-CU1kYMvA.js → Button.stories-PNc3lIYB.js} +1 -1
  81. package/storybook-static/assets/{CalendarView-DuCLo_x5.js → CalendarView-BT9X9tky.js} +1 -1
  82. package/storybook-static/assets/{CheckBox-BBPasWSk.js → CheckBox-BJhTyl1K.js} +1 -1
  83. package/storybook-static/assets/{CheckBox-Bfcdvr2o.js → CheckBox-BasxUZYS.js} +1 -1
  84. package/storybook-static/assets/{CheckBox.stories-sGH6EuU4.js → CheckBox.stories-DLRA5q3H.js} +1 -1
  85. package/storybook-static/assets/{Color-6AOWCN3U-5NJhf8m9.js → Color-6AOWCN3U-C4R02nIA.js} +1 -1
  86. package/storybook-static/assets/{ContextMenu-CxuYkXjJ.js → ContextMenu-BckwURZg.js} +1 -1
  87. package/storybook-static/assets/{ContextMenu-z6NKmD0I.js → ContextMenu-OOsbvmOa.js} +1 -1
  88. package/storybook-static/assets/{ContextMenu.stories-CI5IW_KX.js → ContextMenu.stories-BD-wMDNw.js} +1 -1
  89. package/storybook-static/assets/{DateInput-BkCbK0M5.js → DateInput-B5MxQUHL.js} +1 -1
  90. package/storybook-static/assets/{DateInput-A8NURpCX.js → DateInput-DT6btAWU.js} +1 -1
  91. package/storybook-static/assets/{DateInput.stories-DnzeyBpg.js → DateInput.stories-BK2brwe_.js} +1 -1
  92. package/storybook-static/assets/{DateRangePresetSelect-Bh7qMFTr.js → DateRangePresetSelect-Dplr79Cm.js} +1 -1
  93. package/storybook-static/assets/{DateRangePresetSelect-CGZkf8Ty.js → DateRangePresetSelect-gRdIuTx9.js} +1 -1
  94. package/storybook-static/assets/{DateRangePresetSelect.stories-Drm2FCnJ.js → DateRangePresetSelect.stories-BRksGdxw.js} +1 -1
  95. package/storybook-static/assets/{DeprecatedMultiSelect-BebYsPmQ.js → DeprecatedMultiSelect-1MSPac-V.js} +1 -1
  96. package/storybook-static/assets/{DeprecatedMultiSelect-8TWWhsLi.js → DeprecatedMultiSelect-BOxmEW2D.js} +1 -1
  97. package/storybook-static/assets/{DeprecatedMultiSelect.stories-7iL6YOgh.js → DeprecatedMultiSelect.stories-Ax0zv6Kb.js} +1 -1
  98. package/storybook-static/assets/{Detail-BOZkPwOI.js → Detail-_5TyqOha.js} +1 -1
  99. package/storybook-static/assets/{Detail.stories-RZALoKmD.js → Detail.stories-CJbeEBiY.js} +1 -1
  100. package/storybook-static/assets/{Dialog-CeukIYpx.js → Dialog-BodfEiIi.js} +1 -1
  101. package/storybook-static/assets/{Dialog-BsslYClj.js → Dialog-HBOYhMQq.js} +1 -1
  102. package/storybook-static/assets/{Dialog.stories-y7MpdGQr.js → Dialog.stories-Ds4F0ZoJ.js} +1 -1
  103. package/storybook-static/assets/{Disclosure-CiTnWx5y.js → Disclosure-BbvtIOyN.js} +1 -1
  104. package/storybook-static/assets/{Disclosure.stories-UWW9oheF.js → Disclosure.stories-CnSK79hZ.js} +1 -1
  105. package/storybook-static/assets/{DisclosureGroup-CT3BdQXr.js → DisclosureGroup-Dd0BeL4o.js} +1 -1
  106. package/storybook-static/assets/{DocsRenderer-JROSPFPF-x50rjjKP.js → DocsRenderer-JROSPFPF-BX-ThlFg.js} +1 -1
  107. package/storybook-static/assets/{DropZone-gWSeoAx6.js → DropZone-CCkHaYAD.js} +1 -1
  108. package/storybook-static/assets/{DropZone-DUn9vW2w.js → DropZone-DPqYieZH.js} +1 -1
  109. package/storybook-static/assets/{DropZone.stories-CmaVl9to.js → DropZone.stories-lfKkNIIl.js} +1 -1
  110. package/storybook-static/assets/{DropdownMenu-DkeS8gOF.js → DropdownMenu-QWp-lSol.js} +1 -1
  111. package/storybook-static/assets/{ExpandableActionPanel-DdqWZDe2.js → ExpandableActionPanel-DxPp3zYd.js} +1 -1
  112. package/storybook-static/assets/{ExpandableActionPanel.stories-CA-dpb07.js → ExpandableActionPanel.stories-BiklI55p.js} +1 -1
  113. package/storybook-static/assets/Flex-S4mwRnc2.js +81 -0
  114. package/storybook-static/assets/Flex.stories-DRBLrgrW.js +454 -0
  115. package/storybook-static/assets/FlexContainer-4Ap7vbIt.js +1 -0
  116. package/storybook-static/assets/{FlexItem-DsoW-br3.js → FlexItem-Dwqi7KeT.js} +2 -2
  117. package/storybook-static/assets/{FloatingPopover-7MpESGU4.js → FloatingPopover-D8FScEoc.js} +1 -1
  118. package/storybook-static/assets/FormattedTableCell-BKSpyxnu.js +15 -0
  119. package/storybook-static/assets/{Grid-eqZxtRIA.js → Grid-CJ5RLrgv.js} +2 -2
  120. package/storybook-static/assets/Grid-DIYjEdUA.js +84 -0
  121. package/storybook-static/assets/Grid.stories-Bl35lMkU.js +657 -0
  122. package/storybook-static/assets/{GridContainer-B9JaLUGE.js → GridContainer-B2iAnXeB.js} +2 -2
  123. package/storybook-static/assets/GridContainer-DgBuOs_1.css +1 -0
  124. package/storybook-static/assets/{ImageCropper.stories-W76XOOMv.js → ImageCropper.stories--E79MUTS.js} +1 -1
  125. package/storybook-static/assets/{ImageRenderer-DYg7BkPO.js → ImageRenderer-D0stahXz.js} +1 -1
  126. package/storybook-static/assets/{ImageRenderer.stories-rgJV0OBp.js → ImageRenderer.stories-C_Ir6A3m.js} +1 -1
  127. package/storybook-static/assets/{ImageView.stories-D9h6sg3j.js → ImageView.stories-DbY7pwWs.js} +1 -1
  128. package/storybook-static/assets/{ImageViewer.stories-Bd0WJOp1.js → ImageViewer.stories-D2jfTzCV.js} +2 -2
  129. package/storybook-static/assets/{ImageViewerRuntime-DOjvjbv0.js → ImageViewerRuntime-DlvGnNv4.js} +1 -1
  130. package/storybook-static/assets/{Input-7N70tL0u.js → Input-CzvWPW0I.js} +1 -1
  131. package/storybook-static/assets/{Input-BxrxwNyD.js → Input-av5ktymr.js} +1 -1
  132. package/storybook-static/assets/{Input.stories-Df1j802b.js → Input.stories-CvLnu270.js} +1 -1
  133. package/storybook-static/assets/{InputDateTime-UdemHZXV.js → InputDateTime-D5bQuB9a.js} +1 -1
  134. package/storybook-static/assets/{InputDateTime.stories-yRwAe5_5.js → InputDateTime.stories-BD9Pt7vB.js} +1 -1
  135. package/storybook-static/assets/{InputFile-5LpFR1Fq.js → InputFile-C3nj3qsi.js} +1 -1
  136. package/storybook-static/assets/{InputFile-DDhf7A_J.js → InputFile-ulrG6ECh.js} +1 -1
  137. package/storybook-static/assets/{InputFile.stories-BVDT-BAx.js → InputFile.stories-CEewSWb_.js} +1 -1
  138. package/storybook-static/assets/{InputFiles-CgM2BwNO.js → InputFiles-DZ1nUYOE.js} +1 -1
  139. package/storybook-static/assets/{InputFiles-D3CPIXiK.js → InputFiles-lF7Ys1hh.js} +1 -1
  140. package/storybook-static/assets/{InputFiles.stories-XMHBA9Fn.js → InputFiles.stories-CCptKLDn.js} +1 -1
  141. package/storybook-static/assets/{InputFilesList-DSivq9iT.js → InputFilesList-DTJkMHNI.js} +1 -1
  142. package/storybook-static/assets/{InputImage-CY0A9Xz-.js → InputImage-CIPZL6uS.js} +1 -1
  143. package/storybook-static/assets/{InputImage-BG_QyAh3.js → InputImage-lDHbW_ac.js} +1 -1
  144. package/storybook-static/assets/{InputImage.stories-DiGXytZU.js → InputImage.stories-CQ2BBGf-.js} +1 -1
  145. package/storybook-static/assets/{InteractiveComponents-Bf9KitNR.js → InteractiveComponents-DD7TZeA4.js} +1 -1
  146. package/storybook-static/assets/{InteractiveComponents.stories-TwALUGGN.js → InteractiveComponents.stories-Bbo3l8WO.js} +1 -1
  147. package/storybook-static/assets/{LayoutPicker-BLrNe8g_.js → LayoutPicker-A7VlDbc0.js} +1 -1
  148. package/storybook-static/assets/{LayoutPicker-MhA9N4WI.js → LayoutPicker-uw1knHzA.js} +1 -1
  149. package/storybook-static/assets/{LayoutPicker.stories-BCME5Ogr.js → LayoutPicker.stories-DDR6oiSN.js} +1 -1
  150. package/storybook-static/assets/{Listbox-B8F2xWvs.js → Listbox-CO1BjyFs.js} +1 -1
  151. package/storybook-static/assets/{Listbox-y_3VijHU.js → Listbox-CmkI7dm_.js} +1 -1
  152. package/storybook-static/assets/{Listbox.stories-mp0p0NpO.js → Listbox.stories-BIPmBbuG.js} +1 -1
  153. package/storybook-static/assets/{Modal-qIsW7BkG.js → Modal-C3JdXj6Q.js} +1 -1
  154. package/storybook-static/assets/{Modal-DgEV0vBs.js → Modal-IXMZUaaw.js} +1 -1
  155. package/storybook-static/assets/{Modal.stories-CQ-Hn4GK.js → Modal.stories-BD-UnVeM.js} +1 -1
  156. package/storybook-static/assets/{ModalManagerProvider-DEoq4q_O.js → ModalManagerProvider-zJVg8-dg.js} +1 -1
  157. package/storybook-static/assets/{MultiSelect-D-6XHQUG.js → MultiSelect-CGoyA8-m.js} +1 -1
  158. package/storybook-static/assets/{MultiSelect-PGooEkAK.js → MultiSelect-DZKjK53B.js} +1 -1
  159. package/storybook-static/assets/{MultiSelect.stories-B0JzMViN.js → MultiSelect.stories-D65mpYYt.js} +1 -1
  160. package/storybook-static/assets/{MultiSelectCore-B0VbnEBc.js → MultiSelectCore-ih1pgvuq.js} +1 -1
  161. package/storybook-static/assets/{NoData-DCuuvSoD.js → NoData-32gM9qt4.js} +1 -1
  162. package/storybook-static/assets/{NotificationsHost-CWqG91Yh.js → NotificationsHost-pkEhxgz2.js} +1 -1
  163. package/storybook-static/assets/{NotificationsHost.stories-CEp-AppV.js → NotificationsHost.stories-BqIayryx.js} +1 -1
  164. package/storybook-static/assets/{ODataMultiSelect-CwVneYzi.js → ODataMultiSelect-D42gAcHg.js} +1 -1
  165. package/storybook-static/assets/{ODataMultiSelect.stories-BRnVOZsK.js → ODataMultiSelect.stories-DfAkKAsG.js} +1 -1
  166. package/storybook-static/assets/{ODataSelect-DyKTFqk7.js → ODataSelect-DPOMWPKO.js} +1 -1
  167. package/storybook-static/assets/{ODataSelect.stories-B-3GaeU4.js → ODataSelect.stories-DHs3wp7E.js} +1 -1
  168. package/storybook-static/assets/{ODataTreeMultiSelect-16xNi9qI.js → ODataTreeMultiSelect-CC8yuaVP.js} +1 -1
  169. package/storybook-static/assets/{ODataTreeMultiSelect.stories-DI9tH2qD.js → ODataTreeMultiSelect.stories-BtwLdGK6.js} +1 -1
  170. package/storybook-static/assets/{ODataTreeSelect-Dk262plK.js → ODataTreeSelect-qcitpYxj.js} +1 -1
  171. package/storybook-static/assets/{ODataTreeSelect.stories-DfaL0dci.js → ODataTreeSelect.stories-1r_tkUVi.js} +1 -1
  172. package/storybook-static/assets/{OneStepScroller-DI8qlm5c.js → OneStepScroller-wz4Qujpx.js} +1 -1
  173. package/storybook-static/assets/{Option-CG3bU2cY.js → Option-Beom2xTg.js} +1 -1
  174. package/storybook-static/assets/{OptionButton-DF0E8aU5.js → OptionButton-D_ZCVbsd.js} +1 -1
  175. package/storybook-static/assets/{OptionContent-BZ3FiJQ4.js → OptionContent-FZ-u9L1s.js} +1 -1
  176. package/storybook-static/assets/{OptionContentContainer-CyI5IfqU.js → OptionContentContainer-HVNOgpjm.js} +1 -1
  177. package/storybook-static/assets/{PeriodSelect-uR-Xk4vQ.js → PeriodSelect-DbdeznMQ.js} +1 -1
  178. package/storybook-static/assets/{PeriodSelect-_gAbt3E6.js → PeriodSelect-qevVtoSU.js} +1 -1
  179. package/storybook-static/assets/{PeriodSelect.stories-D-Lp7QtA.js → PeriodSelect.stories-BLi_6rpY.js} +1 -1
  180. package/storybook-static/assets/{PickerField-CByAoAAO.js → PickerField-BHSRcQY6.js} +1 -1
  181. package/storybook-static/assets/{PickerTriggerActions-CYM-UvRz.js → PickerTriggerActions-Cxk3YQGF.js} +1 -1
  182. package/storybook-static/assets/{Popover-CdnsB1ss.js → Popover-BosMVXTI.js} +1 -1
  183. package/storybook-static/assets/{Popover-CRcVoLur.js → Popover-De2fvkIB.js} +1 -1
  184. package/storybook-static/assets/{Popover.stories-Dxdt7Jc5.js → Popover.stories-DM-Plj05.js} +1 -1
  185. package/storybook-static/assets/{PresetRangeDateInput-BmAGj8ye.js → PresetRangeDateInput-CCQuBkJj.js} +1 -1
  186. package/storybook-static/assets/{PresetRangeDateInput-BQkK3Nmd.js → PresetRangeDateInput-jersOEYO.js} +1 -1
  187. package/storybook-static/assets/{PresetRangeDateInput.stories-CUIwCB6T.js → PresetRangeDateInput.stories-DwqDWXX9.js} +1 -1
  188. package/storybook-static/assets/{PresetSelect-C7HG9CjN.js → PresetSelect-BhwHbWmS.js} +1 -1
  189. package/storybook-static/assets/{README-BmwSZfOQ.js → README-1UUrJXjZ.js} +1 -1
  190. package/storybook-static/assets/{README-zlaX5PMG.js → README-29WDFTDH.js} +1 -1
  191. package/storybook-static/assets/{README-D-urpNSn.js → README-33qTnj5l.js} +1 -1
  192. package/storybook-static/assets/{README-BbUo3mGT.js → README-B5eMX8_9.js} +1 -1
  193. package/storybook-static/assets/{README-DfRan6KR.js → README-B5rmNIab.js} +1 -1
  194. package/storybook-static/assets/{README-KCmlmH_Z.js → README-BAlXRtAz.js} +1 -1
  195. package/storybook-static/assets/{README-CNnGqdkH.js → README-BCEKAY_J.js} +1 -1
  196. package/storybook-static/assets/{README-DyKegKG_.js → README-BD5f1if4.js} +1 -1
  197. package/storybook-static/assets/{README-DMZYAdN0.js → README-BIvHy4kr.js} +1 -1
  198. package/storybook-static/assets/{README-Dhptn6UE.js → README-BK8k_Q4m.js} +1 -1
  199. package/storybook-static/assets/{README-CoENtXo_.js → README-BKLeD4y3.js} +1 -1
  200. package/storybook-static/assets/{README-C41zKsq6.js → README-BNsU3Cqx.js} +1 -1
  201. package/storybook-static/assets/{README-BL0-uTlP.js → README-BPSG9KrB.js} +1 -1
  202. package/storybook-static/assets/{README-BEYMpavt.js → README-BQDFmWGi.js} +1 -1
  203. package/storybook-static/assets/{README-BR8bdUjV.js → README-B_tg7QVI.js} +1 -1
  204. package/storybook-static/assets/{README-DxTRj-9a.js → README-BfRKdJtw.js} +1 -1
  205. package/storybook-static/assets/{README-ByIhL9zr.js → README-BoJXfTe6.js} +1 -1
  206. package/storybook-static/assets/{README-C5-oc7fP.js → README-By0zyJQ-.js} +1 -1
  207. package/storybook-static/assets/{README-De3j71sQ.js → README-BzVVPLXk.js} +1 -1
  208. package/storybook-static/assets/{README-BquP2lux.js → README-CHllxFPj.js} +1 -1
  209. package/storybook-static/assets/{README-CTBkJ27k.js → README-CJ6rsYUk.js} +1 -1
  210. package/storybook-static/assets/{README-DY7lgi4q.js → README-CJFgcV8C.js} +1 -1
  211. package/storybook-static/assets/{README-j-Czw7ww.js → README-CPZBUXWs.js} +1 -1
  212. package/storybook-static/assets/{README-DCWk-Vga.js → README-CioPc-xb.js} +1 -1
  213. package/storybook-static/assets/{README-CTGZXXVP.js → README-CmzO6bzh.js} +1 -1
  214. package/storybook-static/assets/{README-B0iHgO_3.js → README-Cpk-Tr_W.js} +1 -1
  215. package/storybook-static/assets/{README-DTMZk60G.js → README-CrhHHw0i.js} +1 -1
  216. package/storybook-static/assets/{README-DAH3lVWd.js → README-CvReVgGJ.js} +1 -1
  217. package/storybook-static/assets/{README-DQ1aeQ_i.js → README-CvzdarfH.js} +1 -1
  218. package/storybook-static/assets/{README-BUnl1FiN.js → README-Cz14JUTC.js} +1 -1
  219. package/storybook-static/assets/{README-DevTRU4A.js → README-D09okhy9.js} +1 -1
  220. package/storybook-static/assets/{README-DaaS2c7L.js → README-D5YLxtgR.js} +1 -1
  221. package/storybook-static/assets/{README-_8pxMMC7.js → README-DK5aZdOt.js} +1 -1
  222. package/storybook-static/assets/{README-VNB_Dj5F.js → README-DKI2c8YJ.js} +1 -1
  223. package/storybook-static/assets/{README-BAjs7T_d.js → README-DNeDK1_H.js} +1 -1
  224. package/storybook-static/assets/{README-DNrPuueH.js → README-DQl_3tX1.js} +1 -1
  225. package/storybook-static/assets/{README-B1GSwjas.js → README-DS63ZnOT.js} +1 -1
  226. package/storybook-static/assets/{README-Bdir2bPK.js → README-DT96eoyc.js} +1 -1
  227. package/storybook-static/assets/{README-n4utUGcX.js → README-D_d6frx1.js} +1 -1
  228. package/storybook-static/assets/{README-CpJmZHQJ.js → README-Dc2qBccm.js} +1 -1
  229. package/storybook-static/assets/{README-CtZBJdo2.js → README-DeHGaTaW.js} +1 -1
  230. package/storybook-static/assets/{README-B-ihyEBx.js → README-Df8F75dr.js} +1 -1
  231. package/storybook-static/assets/{README-C7NhXX-n.js → README-DmJq-c8n.js} +1 -1
  232. package/storybook-static/assets/{README-9DTI05kd.js → README-DzASMBMv.js} +1 -1
  233. package/storybook-static/assets/{README-CUghXL33.js → README-DzrrH56m.js} +1 -1
  234. package/storybook-static/assets/{README-xrMkjHIm.js → README-ECCgQcGo.js} +1 -1
  235. package/storybook-static/assets/{README-BurB0dhj.js → README-LWfExOhc.js} +1 -1
  236. package/storybook-static/assets/{README-CiJ5wkhQ.js → README-NHHRscRF.js} +1 -1
  237. package/storybook-static/assets/{README-CvP9yRMR.js → README-O9BJmE-H.js} +1 -1
  238. package/storybook-static/assets/{README-ByT9u_7g.js → README-Rk3Krdys.js} +1 -1
  239. package/storybook-static/assets/{README-CQlujiXR.js → README-bWB0c7pN.js} +1 -1
  240. package/storybook-static/assets/{README-C8jcwgeL.js → README-o4PUljT6.js} +1 -1
  241. package/storybook-static/assets/{README-CoQeAVdv.js → README-sPm51M3K.js} +1 -1
  242. package/storybook-static/assets/{RadioButton-CDIyYuS9.js → RadioButton-BZiBFXe1.js} +1 -1
  243. package/storybook-static/assets/{RadioButton-DV8K96H6.js → RadioButton-CBLdgMz4.js} +1 -1
  244. package/storybook-static/assets/{RadioButton.stories-CRNqKsyz.js → RadioButton.stories-BP5yM5qg.js} +1 -1
  245. package/storybook-static/assets/{RadioGroup-BnYFRvmn.js → RadioGroup-DYRfZVGC.js} +1 -1
  246. package/storybook-static/assets/{RadioGroup-CIIw962S.js → RadioGroup-epjQdSZn.js} +1 -1
  247. package/storybook-static/assets/{RadioGroup.stories-K4AidbLa.js → RadioGroup.stories-UOjXIk6v.js} +1 -1
  248. package/storybook-static/assets/ResponsiveLayoutPreview-BHBxtn2W.js +1 -0
  249. package/storybook-static/assets/ResponsiveLayoutPreview-CyXawjCA.css +1 -0
  250. package/storybook-static/assets/{Scrollable-BI1k9ogH.js → Scrollable-BBYov1Hn.js} +1 -1
  251. package/storybook-static/assets/{Scrollable-DAghtYuE.js → Scrollable-DKQa75cf.js} +1 -1
  252. package/storybook-static/assets/{Scrollable.stories-B6Doakiv.js → Scrollable.stories-BH1-i6nI.js} +1 -1
  253. package/storybook-static/assets/{Select-BNHTGJqG.js → Select-DU6Eh0Lt.js} +1 -1
  254. package/storybook-static/assets/{Select-BlnKV8rc.js → Select-DYOCTPiv.js} +1 -1
  255. package/storybook-static/assets/{Select.stories-DZPAoL4J.js → Select.stories-BF3svbAH.js} +1 -1
  256. package/storybook-static/assets/{Separator-CiETy9yM.js → Separator-CxviJxG5.js} +1 -1
  257. package/storybook-static/assets/{Separator-BCUzEQRV.js → Separator-_gvt1sqm.js} +1 -1
  258. package/storybook-static/assets/{Separator.stories-DTzurpM_.js → Separator.stories-DN6hlZl5.js} +1 -1
  259. package/storybook-static/assets/{SerializableSelect-CnQurr7F.js → SerializableSelect-BVTOrYLs.js} +1 -1
  260. package/storybook-static/assets/{SerializableSelect.stories-qJaV_fjJ.js → SerializableSelect.stories-pcWq603M.js} +1 -1
  261. package/storybook-static/assets/{ShimmerText-I292TqXa.js → ShimmerText-BDDa_Wf7.js} +1 -1
  262. package/storybook-static/assets/{ShimmerText.stories-AKqXqp1k.js → ShimmerText.stories-DdZPIKwl.js} +1 -1
  263. package/storybook-static/assets/{SingleDateTimeInput-DSn0vaW-.js → SingleDateTimeInput-q-eu2xUU.js} +1 -1
  264. package/storybook-static/assets/{SingleDateTimeInput-BrNi93tH.js → SingleDateTimeInput-sGTkT8ZA.js} +1 -1
  265. package/storybook-static/assets/{SingleDateTimeInput.stories-C910kkYc.js → SingleDateTimeInput.stories-X7CMAFsq.js} +1 -1
  266. package/storybook-static/assets/{Slider-DO460-pY.js → Slider-CaKY8LIJ.js} +1 -1
  267. package/storybook-static/assets/{Slider-CXA5Zwku.js → Slider-CqNWljkT.js} +1 -1
  268. package/storybook-static/assets/{Slider.stories-B874XxeK.js → Slider.stories-CMxutCGM.js} +1 -1
  269. package/storybook-static/assets/{SliderInput-DTidinPI.js → SliderInput-HUUN5_IF.js} +1 -1
  270. package/storybook-static/assets/{SliderInput-DsV8o7Yy.js → SliderInput-scYwk-4g.js} +1 -1
  271. package/storybook-static/assets/{SliderInput.stories-CDWNO90y.js → SliderInput.stories-CDhgeql1.js} +1 -1
  272. package/storybook-static/assets/{Sortable-CML34YIF.js → Sortable-CaysnUNW.js} +1 -1
  273. package/storybook-static/assets/{Sortable.stories-C-_fvnHM.js → Sortable.stories-C4gHc5ka.js} +1 -1
  274. package/storybook-static/assets/{Splitter-BcuA2qce.js → Splitter-6cU1s7Qr.js} +1 -1
  275. package/storybook-static/assets/{Splitter.stories-CA0-L_Ja.js → Splitter.stories-CA9A-CZ-.js} +1 -1
  276. package/storybook-static/assets/{StateSelect-B23bb_PO.js → StateSelect-BAqjdi4g.js} +1 -1
  277. package/storybook-static/assets/{StateSelect--FDEb4-v.js → StateSelect-OHl6KWge.js} +1 -1
  278. package/storybook-static/assets/{StateSelect.stories-CEVPThtC.js → StateSelect.stories-xX3ujKGO.js} +1 -1
  279. package/storybook-static/assets/{StatusIndicator-BbTCS7Ku.js → StatusIndicator-C_7dWY2t.js} +1 -1
  280. package/storybook-static/assets/{StatusIndicator.stories-BIps_Ecm.js → StatusIndicator.stories-BRlVzKf7.js} +1 -1
  281. package/storybook-static/assets/{StringToggle.stories-vhOfzslq.js → StringToggle.stories-DFPLwtHW.js} +1 -1
  282. package/storybook-static/assets/{Switch-DibS4nSc.js → Switch-CrlrIm3t.js} +1 -1
  283. package/storybook-static/assets/{Switch-jJgwtWFK.js → Switch-DHcMczAC.js} +1 -1
  284. package/storybook-static/assets/{Switch.stories-Cvky3KQz.js → Switch.stories-LhTPX_R-.js} +1 -1
  285. package/storybook-static/assets/Table-Ct8iqJEY.js +219 -0
  286. package/storybook-static/assets/Table.stories-DO30v6VO.js +184 -0
  287. package/storybook-static/assets/{TableEditor.stories-Be9nCkds.js → TableEditor.stories-Qtqr_l4g.js} +1 -1
  288. package/storybook-static/assets/{Tabs-CTL4MnkZ.js → Tabs-CC0IIQwl.js} +1 -1
  289. package/storybook-static/assets/{Tabs.stories-CIVbz7kW.js → Tabs.stories-Bo_Y-dq8.js} +1 -1
  290. package/storybook-static/assets/{TabsBox-C9g1p4du.js → TabsBox-BMNvHsCH.js} +1 -1
  291. package/storybook-static/assets/{TagInput-DuJLeiyT.js → TagInput-BLwbzCit.js} +1 -1
  292. package/storybook-static/assets/{TagInput.stories-BLVFWr-T.js → TagInput.stories-DNcD4tn4.js} +1 -1
  293. package/storybook-static/assets/{Text-Cr_TUUgL.js → Text-Bih-aO3C.js} +1 -1
  294. package/storybook-static/assets/{Textarea-DGaanGLG.js → Textarea-D3os1biP.js} +1 -1
  295. package/storybook-static/assets/{Textarea-BImI6Q6v.js → Textarea-DCnLF4aj.js} +1 -1
  296. package/storybook-static/assets/{Textarea.stories-DvQ2dDNh.js → Textarea.stories-CIFzZQ5Z.js} +1 -1
  297. package/storybook-static/assets/{TimePanel-Cg2G5Hab.js → TimePanel-BcVGesht.js} +1 -1
  298. package/storybook-static/assets/{TimePanel.stories-qy5mb3YN.js → TimePanel.stories-C6_xVdCq.js} +1 -1
  299. package/storybook-static/assets/{Toggle-Dj8Ic_Ak.js → Toggle-BD0YAuO2.js} +1 -1
  300. package/storybook-static/assets/{Toggle-CroC7YOK.js → Toggle-CtABgcO5.js} +1 -1
  301. package/storybook-static/assets/{Toggle.stories-CmyyubM8.js → Toggle.stories-DnTnFcGB.js} +1 -1
  302. package/storybook-static/assets/{TreeMultiSelect-BHNmPW50.js → TreeMultiSelect-Bp_Akwgc.js} +1 -1
  303. package/storybook-static/assets/{TreeMultiSelect-DBQYLjnA.js → TreeMultiSelect-DHk_QP2h.js} +1 -1
  304. package/storybook-static/assets/{TreeMultiSelect.stories-BNsE1zgF.js → TreeMultiSelect.stories-CBVQbR1c.js} +1 -1
  305. package/storybook-static/assets/{TreePickerBase-ZEBy3EVT.js → TreePickerBase-BhWXyIoO.js} +1 -1
  306. package/storybook-static/assets/{TreeSelect-T7G2pkyK.js → TreeSelect-DleoF0hJ.js} +1 -1
  307. package/storybook-static/assets/{TreeSelect-aiPeW2uJ.js → TreeSelect-HNbghKYG.js} +1 -1
  308. package/storybook-static/assets/{TreeSelect.stories-E6ObkYJe.js → TreeSelect.stories-BigcPfEn.js} +1 -1
  309. package/storybook-static/assets/{TreeTable-C0ORe5Pe.js → TreeTable-BNkuyFKP.js} +1 -1
  310. package/storybook-static/assets/{TreeTable.stories-PtGT_1X5.js → TreeTable.stories-Bdx3y7Yb.js} +1 -1
  311. package/storybook-static/assets/{array-D-_yMMUK-DnJ_b27D.js → array-D-_yMMUK-BBmW5vUr.js} +1 -1
  312. package/storybook-static/assets/{blocks-DR4JL0hD.js → blocks-DGivDYe5.js} +3 -3
  313. package/storybook-static/assets/{check-PtABqMc1.js → check-DRMDOowi.js} +1 -1
  314. package/storybook-static/assets/{chevron-down-BaujB0G_.js → chevron-down-D0ohA4RZ.js} +1 -1
  315. package/storybook-static/assets/{chevron-left-C1SZ4PrE.js → chevron-left-CLqpYqDQ.js} +1 -1
  316. package/storybook-static/assets/{chevron-right-CfCjHN8b.js → chevron-right-CXryGzSx.js} +1 -1
  317. package/storybook-static/assets/{chunk-W22LQPXL-Cis7lFT9.js → chunk-W22LQPXL-CxLeSIMq.js} +1 -1
  318. package/storybook-static/assets/{circle-alert-Mymt-6wl.js → circle-alert-l6NwXGUY.js} +1 -1
  319. package/storybook-static/assets/{circle-check-DzqMvzJX.js → circle-check-B-r716dD.js} +1 -1
  320. package/storybook-static/assets/{components-Do91qDh3.js → components-Vmrwp1qC.js} +3 -3
  321. package/storybook-static/assets/{contextMenu-8NKKgKoy.js → contextMenu-Br4n839h.js} +1 -1
  322. package/storybook-static/assets/{download-Cn6H3Bnv.js → download-DqFSGBvN.js} +1 -1
  323. package/storybook-static/assets/{floating-ui.react-BFqa49jG.js → floating-ui.react-B-qFeMZZ.js} +1 -1
  324. package/storybook-static/assets/{formatMultiSelectOptionCount-xGq1uM2H.js → formatMultiSelectOptionCount-BxXwE0wd.js} +1 -1
  325. package/storybook-static/assets/{formatters-DVE1YVNQ-YIdRxgw-.js → formatters-DVE1YVNQ-CJCkXjuI.js} +1 -1
  326. package/storybook-static/assets/{foundationApi-CChPwNx-.js → foundationApi-DxO3oR-c.js} +1 -1
  327. package/storybook-static/assets/{foundationLib-ClEyfTpa.js → foundationLib-CTFFCQvn.js} +1 -1
  328. package/storybook-static/assets/getFlexClasses-BBvI2V8h.css +1 -0
  329. package/storybook-static/assets/getFlexClasses-DOf6NlyJ.js +1 -0
  330. package/storybook-static/assets/{hooks-DUKyfcb_.js → hooks-CAgVZJ-F.js} +1 -1
  331. package/storybook-static/assets/{iframe-1Nw_zWMi.js → iframe-E950Ehp0.js} +4 -4
  332. package/storybook-static/assets/iframe-dKozSQh6.js +1 -0
  333. package/storybook-static/assets/{info-DMI56qGy.js → info-Dp6XZGwP.js} +1 -1
  334. package/storybook-static/assets/{odata-D9M3xPIL.js → odata-DuJbgix6.js} +1 -1
  335. package/storybook-static/assets/{odataStoryFixtures-eHJgW7OK.js → odataStoryFixtures-CDArjyM7.js} +1 -1
  336. package/storybook-static/assets/{react-DidV4ORc.js → react-CGpO0FqR.js} +1 -1
  337. package/storybook-static/assets/{refresh-cw-B1ChlhvT.js → refresh-cw-dMgbnEda.js} +1 -1
  338. package/storybook-static/assets/responsiveLayout-B9XAp69M.js +1 -0
  339. package/storybook-static/assets/{settings-2-BxwqnB9r.js → settings-2-CmW1dpao.js} +1 -1
  340. package/storybook-static/assets/{sortable-DMBM69Jm.js → sortable-D7TAXZBK.js} +1 -1
  341. package/storybook-static/assets/{syntaxhighlighter-QEQV7K2Y-BJZNAUo-.js → syntaxhighlighter-QEQV7K2Y-ok7zY4QK.js} +1 -1
  342. package/storybook-static/assets/{trash-2-B768_PZU.js → trash-2-5v1tbQ2V.js} +1 -1
  343. package/storybook-static/assets/{triangle-alert-B8H-k2Bq.js → triangle-alert-CVLPpc5j.js} +1 -1
  344. package/storybook-static/assets/{useODataSelectBase-BKAZcf4R.js → useODataSelectBase-Bkht6gRs.js} +1 -1
  345. package/storybook-static/assets/{useODataTreeData-Bxlcmpg8.js → useODataTreeData-DTWPuC9Y.js} +1 -1
  346. package/storybook-static/assets/{usePickerDefaultFilter-ien2ZY7g.js → usePickerDefaultFilter-Djn1liy6.js} +1 -1
  347. package/storybook-static/assets/{usePickerQuery-DJj2HmX9.js → usePickerQuery-BmoBHlzm.js} +1 -1
  348. package/storybook-static/assets/{usePickerTriggerController-CiD33ccS.js → usePickerTriggerController-Dvt7LsFZ.js} +1 -1
  349. package/storybook-static/assets/{x-Dt9SO3SL.js → x-DZpfbNy0.js} +1 -1
  350. package/storybook-static/iframe.html +2 -2
  351. package/storybook-static/index.json +1 -1
  352. package/storybook-static/project.json +1 -1
  353. package/dist/chunks/base-table-9H5YuVvB.js.map +0 -1
  354. package/dist/chunks/flex-D86M_h-0.js +0 -222
  355. package/dist/chunks/flex-D86M_h-0.js.map +0 -1
  356. package/dist/chunks/grid-CFuzBigM.js +0 -186
  357. package/dist/chunks/grid-CFuzBigM.js.map +0 -1
  358. package/dist/chunks/table-BRC1OTyE.js +0 -141
  359. package/dist/chunks/table-BRC1OTyE.js.map +0 -1
  360. package/dist/flex/useFlexClasses.d.ts +0 -8
  361. package/dist/flex/useFlexClasses.d.ts.map +0 -1
  362. package/dist/grid/useGridClasses.d.ts +0 -10
  363. package/dist/grid/useGridClasses.d.ts.map +0 -1
  364. package/storybook-static/assets/Flex-DpQpF63N.js +0 -61
  365. package/storybook-static/assets/Flex.stories-DtlKiJno.js +0 -300
  366. package/storybook-static/assets/FlexContainer-C1d63I55.js +0 -1
  367. package/storybook-static/assets/FormattedTableCell-B4RRbSFK.js +0 -15
  368. package/storybook-static/assets/Grid-DsCUaz46.js +0 -61
  369. package/storybook-static/assets/Grid.stories-DAGg0GWi.js +0 -495
  370. package/storybook-static/assets/GridContainer-K9R_IHaw.css +0 -1
  371. package/storybook-static/assets/Table-DcNGLEI6.js +0 -197
  372. package/storybook-static/assets/Table.stories-DbEzudxD.js +0 -178
  373. package/storybook-static/assets/iframe-BgBwFMGW.js +0 -1
  374. package/storybook-static/assets/media-D9cE2tzi.js +0 -1
  375. package/storybook-static/assets/useFlexClasses-IXK2se1Y.css +0 -1
  376. package/storybook-static/assets/useFlexClasses-SgVG37Bb.js +0 -1
@@ -1,4 +1,4 @@
1
- import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n}from"./iframe-1Nw_zWMi.js";import{n as r,t as i}from"./MultiSelect-PGooEkAK.js";var a=t({ContextualDisabledAndSearch:()=>p,GroupedSelectedFirst:()=>f,IndependentIdentity:()=>d,RequiredWithError:()=>m,__namedExportsOrder:()=>h,default:()=>u}),o,s,c,l,u,d,f,p,m,h;function g(){return(g=e((()=>{r(),o=n(),{useArgs:s}=__STORYBOOK_MODULE_PREVIEW_API__,{fn:c}=__STORYBOOK_MODULE_TEST__,l=[{id:`all-departments`,name:`Все подразделения`,code:`*`,direction:`Общий выбор`,searchAliases:[`вся организация`]},{id:`education:north`,name:`Учебное отделение «Север»`,code:`УО-01`,direction:`Учебные подразделения`,searchAliases:[`СПО`,`северный корпус`]},{id:`education:south`,name:`Учебное отделение «Юг»`,code:`УО-01`,direction:`Учебные подразделения`,searchAliases:[`СПО`,`южный корпус`]},{id:`support:methodology`,name:`Методический отдел`,code:`МЕТОД`,direction:`Подразделения сопровождения`,searchAliases:[`методисты`,`образовательные программы`]},{id:`support:it`,name:`Отдел цифровых сервисов`,code:`ИТ`,direction:`Подразделения сопровождения`,searchAliases:[`техническая поддержка`,`информационные технологии`]}],u={title:`UI/MultiSelect`,component:i,args:{label:`Подразделения`,description:`Выберите одно или несколько подразделений.`,placeholder:`Начните вводить`,options:l,value:[],onChange:c(),getOptionKey:e=>e.id,getOptionLabel:e=>e.name,getOptionCode:e=>e.code,size:`md`},parameters:{atomicCanvas:!0,layout:`padded`,docs:{description:{component:`Типобезопасный getter-based мультиселект для произвольных option. Identity, текст, отображаемый код, группа и поисковое представление задаются независимо.`}}},argTypes:{label:{description:`Заголовок поля.`,control:`text`},description:{description:`Описание под полем.`,control:`text`},required:{description:`Помечает выбор как обязательный.`,control:`boolean`},fieldError:{description:`Текст ошибки выбранных значений под полем.`,control:`text`},placeholder:{description:`Текст пустого поля.`,control:`text`},options:{description:`Исходные типизированные option без промежуточного CollectionItem.`,control:!1},value:{description:`Контролируемый набор выбранных option целиком.`,control:!1},onChange:{description:`Подтверждает выбор массивом исходных option.`,control:!1},getOptionKey:{description:`Возвращает устойчивый уникальный identity option.`,control:!1},getOptionLabel:{description:`Возвращает основной отображаемый текст option.`,control:!1},getOptionCode:{description:`Возвращает дополнительный отображаемый код, независимый от identity.`,control:!1},getOptionGroup:{description:`Объединяет соседние option под доступным заголовком группы.`,control:!1},getOptionSearchText:{description:`Задаёт поисковое представление option; может вернуть строку или набор строк.`,control:!1},getOptionDisabled:{description:`Блокирует option с учётом draft-выбора и подтверждённого значения.`,control:!1},query:{description:`Контролируемый поисковый запрос.`,control:`text`},defaultQuery:{description:`Начальный запрос в uncontrolled-режиме.`,control:`text`},highlightQuery:{description:`Отдельный запрос для подсветки совпадений.`,control:`text`},onQuery:{description:`Вызывается при изменении поискового запроса.`,control:!1},defaultFilter:{description:`Включает встроенную фильтрацию option.`,control:`boolean`},onOpen:{description:`Вызывается при открытии списка.`,control:!1},onClose:{description:`Вызывается после закрытия и подтверждения draft-выбора.`,control:!1},error:{description:`Ошибка получения option внутри popup.`,control:`text`},isLoading:{description:`Показывает состояние загрузки.`,control:`boolean`},renderToken:{description:`Кастомный рендер значения в trigger.`,control:!1},renderToolbar:{description:`Кастомный рендер панели действий popup.`,control:!1},renderOption:{description:`Возвращает структурированные text и code для строки option.`,control:!1},disabled:{description:`Блокирует взаимодействие с полем.`,control:`boolean`},size:{description:`Размер поля и подписей.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]}}},d={name:`Identity независимо от code`,render:function(e){let[,t]=s();return(0,o.jsx)(i,{...e,value:e.value??[l[1]],onChange:n=>{e.onChange(n),t({value:n})}})},args:{description:`Обе учебные option имеют code УО-01, но остаются независимыми благодаря разным id.`,value:[l[1]]}},f={name:`Группы и выбранные option первыми`,render:function(e){let[,t]=s();return(0,o.jsx)(i,{...e,getOptionGroup:e=>({key:e.direction,label:e.direction}),onChange:n=>{e.onChange(n),t({value:n})}})},args:{description:`Подтверждённые option показаны первыми; внутри выбранной и доступной секций группы строятся независимо.`,value:[l[1],l[3]]}},p={name:`Контекстная блокировка и поиск`,render:function(e){let[,t]=s(),n=e.query??``;return(0,o.jsx)(i,{...e,query:n,onQuery:n=>{e.onQuery?.(n),t({query:n})},getOptionSearchText:e=>[e.name,e.code,...e.searchAliases],getOptionDisabled:(e,t)=>{let n=l[0].id,r=t.selectedKeys.has(n);return e.id===n?[...t.selectedKeys].some(e=>e!==n):r},onChange:n=>{e.onChange(n),t({value:n})}})},args:{description:`«Все подразделения» взаимоисключается с частным выбором. Поиск учитывает скрытые синонимы, например «СПО».`,query:``,onQuery:c(),value:[]}},m={name:`Обязательное поле с ошибкой`,render:function(e){let[,t]=s();return(0,o.jsx)(i,{...e,onChange:n=>{e.onChange(n),t({value:n,fieldError:n.length>0?void 0:e.fieldError})}})},args:{required:!0,fieldError:`Выберите хотя бы одно подразделение.`,value:[]}},d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
1
+ import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n}from"./iframe-E950Ehp0.js";import{n as r,t as i}from"./MultiSelect-DZKjK53B.js";var a=t({ContextualDisabledAndSearch:()=>p,GroupedSelectedFirst:()=>f,IndependentIdentity:()=>d,RequiredWithError:()=>m,__namedExportsOrder:()=>h,default:()=>u}),o,s,c,l,u,d,f,p,m,h;function g(){return(g=e((()=>{r(),o=n(),{useArgs:s}=__STORYBOOK_MODULE_PREVIEW_API__,{fn:c}=__STORYBOOK_MODULE_TEST__,l=[{id:`all-departments`,name:`Все подразделения`,code:`*`,direction:`Общий выбор`,searchAliases:[`вся организация`]},{id:`education:north`,name:`Учебное отделение «Север»`,code:`УО-01`,direction:`Учебные подразделения`,searchAliases:[`СПО`,`северный корпус`]},{id:`education:south`,name:`Учебное отделение «Юг»`,code:`УО-01`,direction:`Учебные подразделения`,searchAliases:[`СПО`,`южный корпус`]},{id:`support:methodology`,name:`Методический отдел`,code:`МЕТОД`,direction:`Подразделения сопровождения`,searchAliases:[`методисты`,`образовательные программы`]},{id:`support:it`,name:`Отдел цифровых сервисов`,code:`ИТ`,direction:`Подразделения сопровождения`,searchAliases:[`техническая поддержка`,`информационные технологии`]}],u={title:`UI/MultiSelect`,component:i,args:{label:`Подразделения`,description:`Выберите одно или несколько подразделений.`,placeholder:`Начните вводить`,options:l,value:[],onChange:c(),getOptionKey:e=>e.id,getOptionLabel:e=>e.name,getOptionCode:e=>e.code,size:`md`},parameters:{atomicCanvas:!0,layout:`padded`,docs:{description:{component:`Типобезопасный getter-based мультиселект для произвольных option. Identity, текст, отображаемый код, группа и поисковое представление задаются независимо.`}}},argTypes:{label:{description:`Заголовок поля.`,control:`text`},description:{description:`Описание под полем.`,control:`text`},required:{description:`Помечает выбор как обязательный.`,control:`boolean`},fieldError:{description:`Текст ошибки выбранных значений под полем.`,control:`text`},placeholder:{description:`Текст пустого поля.`,control:`text`},options:{description:`Исходные типизированные option без промежуточного CollectionItem.`,control:!1},value:{description:`Контролируемый набор выбранных option целиком.`,control:!1},onChange:{description:`Подтверждает выбор массивом исходных option.`,control:!1},getOptionKey:{description:`Возвращает устойчивый уникальный identity option.`,control:!1},getOptionLabel:{description:`Возвращает основной отображаемый текст option.`,control:!1},getOptionCode:{description:`Возвращает дополнительный отображаемый код, независимый от identity.`,control:!1},getOptionGroup:{description:`Объединяет соседние option под доступным заголовком группы.`,control:!1},getOptionSearchText:{description:`Задаёт поисковое представление option; может вернуть строку или набор строк.`,control:!1},getOptionDisabled:{description:`Блокирует option с учётом draft-выбора и подтверждённого значения.`,control:!1},query:{description:`Контролируемый поисковый запрос.`,control:`text`},defaultQuery:{description:`Начальный запрос в uncontrolled-режиме.`,control:`text`},highlightQuery:{description:`Отдельный запрос для подсветки совпадений.`,control:`text`},onQuery:{description:`Вызывается при изменении поискового запроса.`,control:!1},defaultFilter:{description:`Включает встроенную фильтрацию option.`,control:`boolean`},onOpen:{description:`Вызывается при открытии списка.`,control:!1},onClose:{description:`Вызывается после закрытия и подтверждения draft-выбора.`,control:!1},error:{description:`Ошибка получения option внутри popup.`,control:`text`},isLoading:{description:`Показывает состояние загрузки.`,control:`boolean`},renderToken:{description:`Кастомный рендер значения в trigger.`,control:!1},renderToolbar:{description:`Кастомный рендер панели действий popup.`,control:!1},renderOption:{description:`Возвращает структурированные text и code для строки option.`,control:!1},disabled:{description:`Блокирует взаимодействие с полем.`,control:`boolean`},size:{description:`Размер поля и подписей.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]}}},d={name:`Identity независимо от code`,render:function(e){let[,t]=s();return(0,o.jsx)(i,{...e,value:e.value??[l[1]],onChange:n=>{e.onChange(n),t({value:n})}})},args:{description:`Обе учебные option имеют code УО-01, но остаются независимыми благодаря разным id.`,value:[l[1]]}},f={name:`Группы и выбранные option первыми`,render:function(e){let[,t]=s();return(0,o.jsx)(i,{...e,getOptionGroup:e=>({key:e.direction,label:e.direction}),onChange:n=>{e.onChange(n),t({value:n})}})},args:{description:`Подтверждённые option показаны первыми; внутри выбранной и доступной секций группы строятся независимо.`,value:[l[1],l[3]]}},p={name:`Контекстная блокировка и поиск`,render:function(e){let[,t]=s(),n=e.query??``;return(0,o.jsx)(i,{...e,query:n,onQuery:n=>{e.onQuery?.(n),t({query:n})},getOptionSearchText:e=>[e.name,e.code,...e.searchAliases],getOptionDisabled:(e,t)=>{let n=l[0].id,r=t.selectedKeys.has(n);return e.id===n?[...t.selectedKeys].some(e=>e!==n):r},onChange:n=>{e.onChange(n),t({value:n})}})},args:{description:`«Все подразделения» взаимоисключается с частным выбором. Поиск учитывает скрытые синонимы, например «СПО».`,query:``,onQuery:c(),value:[]}},m={name:`Обязательное поле с ошибкой`,render:function(e){let[,t]=s();return(0,o.jsx)(i,{...e,onChange:n=>{e.onChange(n),t({value:n,fieldError:n.length>0?void 0:e.fieldError})}})},args:{required:!0,fieldError:`Выберите хотя бы одно подразделение.`,value:[]}},d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
2
2
  name: "Identity независимо от code",
3
3
  render: function Render(args) {
4
4
  const [, updateArgs] = useArgs<MultiSelectProps<DepartmentOption>>();
@@ -1,3 +1,3 @@
1
- import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n,t as r}from"./CheckBox-BBPasWSk.js";import{n as i}from"./iframe-1Nw_zWMi.js";import{n as a,t as o}from"./Text-Cr_TUUgL.js";import{n as s,t as c}from"./ui.module-l7VCYIW-.js";import{n as l,t as ee}from"./PickerField-CByAoAAO.js";import{c as u,d as te,f as d,i as ne,l as f,n as re,r as p,s as m,t as h,u as ie}from"./usePickerTriggerController-CiD33ccS.js";import{n as ae,t as oe}from"./Separator-BCUzEQRV.js";import{n as se,t as g}from"./Option-CG3bU2cY.js";import{i as ce,n as le,r as _,t as v}from"./usePickerQuery-DJj2HmX9.js";import{n as ue,t as y}from"./usePickerDefaultFilter-ien2ZY7g.js";import{i as de,n as b,r as x,t as fe}from"./formatMultiSelectOptionCount-xGq1uM2H.js";import{n as S,t as C}from"./OptionButton-DF0E8aU5.js";function pe(e,t=!1){return t&&Array.isArray(e)?e:[...e]}function w(){return(w=e((()=>{})))()}function me(e,t,n){if(e.length!==t.length)return!1;let r=new Set(t.map(n));return e.every(e=>r.has(n(e)))}var T,E,D,O;function k(){return(k=e((()=>{T=`_9oSdQi`,E=`d9SDKQ`,D=`xCo7w9`,O={multiSelect:T,optionCheckBox:E,optionActionCell:D}})))()}function A(e,t){let n=[];for(let r of e){let e=t(r.option),i=n.at(-1),a=i?.group?.key===e?.key;if(i&&a){i.entries.push(r);continue}n.push({group:e,entries:[r]})}return n}function j({option:e,index:t,listId:n,activeIndex:i,selectedKeys:a,query:o,highlightQuery:s,getOptionKey:c,getOptionDisabled:l,getOptionId:ee,setOptionRef:u,toggleOption:te,selectOnlyOption:d,renderOption:ne}){let f=t===i,re=c(e),p=a.has(re),m=l?.(e)??!1,h=ne(e,{selected:p,active:f,disabled:m,query:o,highlightQuery:s});return(0,M.jsxs)(g,{id:ee(n,t),ref:e=>u(t,e),role:`row`,"aria-selected":p,"aria-disabled":m||void 0,selected:p,active:f,disabled:m,children:[(0,M.jsx)(`div`,{role:`gridcell`,className:O.optionCheckBox,onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},onClick:e=>e.stopPropagation(),children:(0,M.jsx)(r,{value:p,disabled:m,"aria-label":`${p?`Убрать`:`Добавить`} «${h.text}» ${p?`из выбора`:`в выбор`}`,onChange:()=>te(e)})}),(0,M.jsx)(`div`,{role:`gridcell`,className:O.optionActionCell,children:(0,M.jsx)(C,{tabIndex:-1,disabled:m,"aria-label":`Выбрать только «${h.text}»`,text:h.text,code:h.code,searchText:s,onMouseDown:e=>e.preventDefault(),onClick:()=>d(e)})})]})}var M;function N(){return(N=e((()=>{n(),se(),S(),k(),M=i(),j.__docgenInfo={description:`Одна интерактивная строка grid: checkbox меняет draft, основная кнопка подтверждает только эту опцию.`,methods:[],displayName:`MultiSelectOptionRow`}})))()}function he({entries:e,sectionId:t,getOptionGroup:n,...r}){return(n?A(e,n):[{group:void 0,entries:e}]).map((e,n)=>{let i=e.entries.map(({option:e,index:t})=>(0,F.jsx)(j,{option:e,index:t,...r},`${r.getOptionKey(e)}-${t}`));if(!e.group)return(0,F.jsx)(P.Fragment,{children:i},`${t}-ungrouped-${n}`);let a=`${t}-group-${n}`;return(0,F.jsxs)(`div`,{role:`rowgroup`,"aria-labelledby":a,children:[(0,F.jsx)(`div`,{id:a,role:`row`,className:s.uiPopupGroupLabel,children:(0,F.jsx)(`div`,{role:`gridcell`,children:e.group.label})}),i]},`${t}-${e.group.key}-${n}`)})}var P,F;function I(){return(I=e((()=>{P=t(),c(),N(),F=i()})))()}function L({text:e,isError:t}){return(0,R.jsxs)(`div`,{className:s.uiPopupOption,children:[(0,R.jsx)(`span`,{className:s.uiPopupOptionIcon}),(0,R.jsx)(o,{color:t?`error`:`primary`,children:e})]})}var R;function z(){return(z=e((()=>{a(),c(),R=i(),L.__docgenInfo={description:"Скелетон строки опции для `MultiSelect`. Используется во время загрузки или при отображении ошибок получения списка.",methods:[],displayName:`MultiSelectOptionSkeleton`,props:{text:{required:!0,tsType:{name:`string`},description:``},isError:{required:!1,tsType:{name:`boolean`},description:``}}}})))()}function ge({isNoData:e,error:t,children:n}){return e?(0,B.jsx)(_,{emptyState:(0,B.jsx)(L,{text:`Нет данных`})}):t?(0,B.jsx)(_,{errorState:(0,B.jsx)(L,{isError:!0,text:`Ошибка загрузки`})}):(0,B.jsx)(B.Fragment,{children:n})}var B;function V(){return(V=e((()=>{ce(),z(),B=i(),ge.__docgenInfo={description:`Выбирает одно доступное состояние тела popup, не меняя структуру самого grid.`,methods:[],displayName:`MultiSelectOptionsWrapper`}})))()}function H({ref:e,options:t,value:n,onChange:r,getOptionKey:i,getOptionLabel:a,getOptionCode:o,getOptionGroup:s,getOptionSearchText:c,label:l,description:u,placeholder:d,size:p,query:h,defaultQuery:ie,highlightQuery:ae,onQuery:se,defaultFilter:g=!0,onOpen:ce,onClose:_,getOptionDisabled:v,disabled:y,error:b,fieldError:x,required:S,isLoading:C,renderToken:w,renderToolbar:T,renderOption:E,preserveOptionArrayReference:D=!1}){let k=(0,U.useRef)(null),[A,j]=(0,U.useState)(!1),M=`search-multi`,N=(0,U.useMemo)(()=>pe(n,D),[D,n]),P=(0,U.useMemo)(()=>new Set(N.map(i)),[N,i]),F=(0,U.useMemo)(()=>t.filter(e=>!P.has(i(e))),[P,i,t]),{query:I,setQuery:L,resetQueryOnClose:R}=le({query:h,defaultQuery:ie,onQuery:se,triggerMode:M}),z=e=>{A&&!e&&R&&L(``),j(e)},B=(0,U.useCallback)(e=>c?.(e)??[a(e),o?.(e),te(s?.(e)?.label)].filter(e=>!!e),[o,s,a,c]),V=ue({options:N,query:I,enabled:g,getSearchText:B}),H=ue({options:F,query:I,enabled:g,getSearchText:B}),G=(0,U.useMemo)(()=>[...V,...H],[H,V]),_e=V.length>0?0:-1,ve=(0,U.useCallback)((e,t)=>me(e,t,i),[i]),{draftValue:K,setDraftValue:q,prepareOpen:ye}=de({value:N,open:A,onCommit:r,onOpen:ce,onClose:_,isEqual:ve}),J=(0,U.useMemo)(()=>new Set(K.map(i)),[K,i]),be=(0,U.useMemo)(()=>({selectedOptions:K,committedSelectedOptions:N,selectedKeys:J,open:A}),[N,K,A,J]),Y=(0,U.useCallback)(e=>v?.(e,be)??!1,[v,be]),{activeIndex:X,context:xe,floatingStyles:Se,getFloatingProps:Ce,setReference:we,setFloating:Te,setOptionRef:Ee,close:De,openList:Oe,toggleOpen:ke,handleReferenceKeyDown:Ae,handleFloatingKeyDown:je,getOptionId:Me,getActiveOptionId:Ne}=ne({options:G,selectedIndex:_e,open:A,onOpenChange:z,onSelect:void 0,disabled:y,getOptionDisabled:Y,closeOnSelect:!1,allowOpenWithoutOptions:!0,triggerMode:M}),Pe=ae??I,Z=e=>{let t=i(e);q(n=>n.some(e=>i(e)===t)?n.filter(e=>i(e)!==t):Y(e)?n:[...n,e])},Fe=(0,U.useCallback)(t=>{if(k.current=t,typeof e==`function`){e(t);return}e&&(e.current=t)},[e]),Ie=()=>{q([]),A||r([])},Le=()=>{q(e=>{let t=[...e],n=new Set(e.map(i));for(let e of G){let r=i(e);!n.has(r)&&!Y(e)&&(n.add(r),t.push(e))}return t})},Re=()=>{q([])},ze=e=>{Y(e)||(q([e]),De())},Q=A?K:N,Be=Q.length>0,Ve={selectedOptions:Q,committedSelectedOptions:N,availableOptions:H,query:I,open:A,clearSelection:Ie,selectAll:Le,deselectAll:Re},He=Q.length>1?fe(Q.length):Q.length===1?a(Q[0]):void 0,Ue=w===void 0?He:typeof w==`function`?w(Ve):null,We=typeof T==`function`?T(Ve):T,Ge=(0,U.useCallback)(e=>({text:a(e),code:o?.(e)}),[o,a]),Ke=E??Ge,qe=V.map((e,t)=>({option:e,index:t})),Je=H.map((e,t)=>({option:e,index:t+qe.length})),Ye=!C&&!b&&G.length===0,$=re({mode:M,open:A,currentQuery:I,hasDisplayValue:!1,inputRef:k,setQuery:L,openList:Oe,close:De,toggleOpen:ke,onBeforeOpen:()=>{A||ye()}});return(0,W.jsx)(ee,{label:l,description:u,disabled:y,size:p,className:O.multiSelect,error:x,required:S,children:({controlId:e,labelId:n,describedBy:r})=>{let a=`${e}-grid`;return(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)(m,{ref:Fe,rootRef:we,id:e,type:`text`,role:`combobox`,autoComplete:`off`,isLoading:C,disabled:y,open:A,optionCount:t.length,label:l,placeholder:d,placeholderFallback:`Выберите значения`,value:I,selectedValue:Ue,hasSelection:Be,showSelectedValue:Be&&I.length===0,clearable:!0,onClear:Ie,clearAriaLabel:`Очистить все`,onToggleMouseDown:$.handleToggleMouseDown,onToggleClick:$.handleToggleClick,"aria-labelledby":n,"aria-describedby":r,"aria-required":S||void 0,"aria-invalid":!!x||void 0,"aria-haspopup":`grid`,"aria-expanded":A,"aria-controls":A?a:void 0,"aria-autocomplete":`list`,"aria-activedescendant":A?Ne(a):void 0,rootClassName:`flex alignItemsCenter`,onChange:e=>{$.handleTriggerInputChange(e.target.value)},onClick:$.handleTriggerClick,onFocus:e=>{$.handleTriggerFocus(e.currentTarget)},onKeyDown:e=>{if(Ae(e),!e.defaultPrevented){if(A&&e.ctrlKey&&e.key===` `){e.preventDefault();let t=G[X];X>=0&&X<G.length&&Z(t);return}$.handleTriggerKeyDown({event:e,onActivateWhenOpen:()=>{let e=G[X];X>=0&&X<G.length&&ze(e)},enableClosedArrowDownOpen:!0,suppressClosedArrowUp:!0})}}}),(0,W.jsx)(f,{open:A,context:xe,floatingStyles:Se,listId:a,labelId:n,descriptionId:r,activeOptionId:A?Ne(a):void 0,ariaMultiselectable:!0,popupRole:`grid`,setFloating:Te,getFloatingProps:Ce,onKeyDown:je,initialFocus:-1,returnFocus:!1,tabIndex:-1,toolbar:We,selectionActions:T===void 0?{onSelectAll:Le,onDeselectAll:Re}:void 0,children:(0,W.jsx)(ge,{isNoData:Ye,error:b,children:(0,W.jsxs)(`div`,{role:`presentation`,className:`scrollable overscroll h100`,children:[(0,W.jsx)(he,{entries:qe,sectionId:`${a}-selected`,listId:a,activeIndex:X,selectedKeys:J,query:I,highlightQuery:Pe,getOptionKey:i,getOptionGroup:s,getOptionDisabled:Y,getOptionId:Me,setOptionRef:Ee,toggleOption:Z,selectOnlyOption:ze,renderOption:Ke}),qe.length>0&&Je.length>0&&(0,W.jsx)(oe,{"aria-hidden":`true`,className:`marginBlockSm`}),(0,W.jsx)(he,{entries:Je,sectionId:`${a}-available`,listId:a,activeIndex:X,selectedKeys:J,query:I,highlightQuery:Pe,getOptionKey:i,getOptionGroup:s,getOptionDisabled:Y,getOptionId:Me,setOptionRef:Ee,toggleOption:Z,selectOnlyOption:ze,renderOption:Ke})]})})})]})}})}var U,W;function G(){return(G=e((()=>{U=t(),d(),l(),ie(),u(),y(),p(),v(),x(),h(),ae(),b(),k(),I(),V(),W=i(),H.__docgenInfo={description:`Единая generic-реализация множественного выбора. Публичные компоненты только
1
+ import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n,t as r}from"./CheckBox-BJhTyl1K.js";import{n as i}from"./iframe-E950Ehp0.js";import{n as a,t as o}from"./Text-Bih-aO3C.js";import{n as s,t as c}from"./ui.module-l7VCYIW-.js";import{n as l,t as ee}from"./PickerField-BHSRcQY6.js";import{c as u,d as te,f as d,i as ne,l as f,n as re,r as p,s as m,t as h,u as ie}from"./usePickerTriggerController-Dvt7LsFZ.js";import{n as ae,t as oe}from"./Separator-_gvt1sqm.js";import{n as se,t as g}from"./Option-Beom2xTg.js";import{i as ce,n as le,r as _,t as v}from"./usePickerQuery-BmoBHlzm.js";import{n as ue,t as y}from"./usePickerDefaultFilter-Djn1liy6.js";import{i as de,n as b,r as x,t as fe}from"./formatMultiSelectOptionCount-BxXwE0wd.js";import{n as S,t as C}from"./OptionButton-D_ZCVbsd.js";function pe(e,t=!1){return t&&Array.isArray(e)?e:[...e]}function w(){return(w=e((()=>{})))()}function me(e,t,n){if(e.length!==t.length)return!1;let r=new Set(t.map(n));return e.every(e=>r.has(n(e)))}var T,E,D,O;function k(){return(k=e((()=>{T=`_9oSdQi`,E=`d9SDKQ`,D=`xCo7w9`,O={multiSelect:T,optionCheckBox:E,optionActionCell:D}})))()}function A(e,t){let n=[];for(let r of e){let e=t(r.option),i=n.at(-1),a=i?.group?.key===e?.key;if(i&&a){i.entries.push(r);continue}n.push({group:e,entries:[r]})}return n}function j({option:e,index:t,listId:n,activeIndex:i,selectedKeys:a,query:o,highlightQuery:s,getOptionKey:c,getOptionDisabled:l,getOptionId:ee,setOptionRef:u,toggleOption:te,selectOnlyOption:d,renderOption:ne}){let f=t===i,re=c(e),p=a.has(re),m=l?.(e)??!1,h=ne(e,{selected:p,active:f,disabled:m,query:o,highlightQuery:s});return(0,M.jsxs)(g,{id:ee(n,t),ref:e=>u(t,e),role:`row`,"aria-selected":p,"aria-disabled":m||void 0,selected:p,active:f,disabled:m,children:[(0,M.jsx)(`div`,{role:`gridcell`,className:O.optionCheckBox,onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},onClick:e=>e.stopPropagation(),children:(0,M.jsx)(r,{value:p,disabled:m,"aria-label":`${p?`Убрать`:`Добавить`} «${h.text}» ${p?`из выбора`:`в выбор`}`,onChange:()=>te(e)})}),(0,M.jsx)(`div`,{role:`gridcell`,className:O.optionActionCell,children:(0,M.jsx)(C,{tabIndex:-1,disabled:m,"aria-label":`Выбрать только «${h.text}»`,text:h.text,code:h.code,searchText:s,onMouseDown:e=>e.preventDefault(),onClick:()=>d(e)})})]})}var M;function N(){return(N=e((()=>{n(),se(),S(),k(),M=i(),j.__docgenInfo={description:`Одна интерактивная строка grid: checkbox меняет draft, основная кнопка подтверждает только эту опцию.`,methods:[],displayName:`MultiSelectOptionRow`}})))()}function he({entries:e,sectionId:t,getOptionGroup:n,...r}){return(n?A(e,n):[{group:void 0,entries:e}]).map((e,n)=>{let i=e.entries.map(({option:e,index:t})=>(0,F.jsx)(j,{option:e,index:t,...r},`${r.getOptionKey(e)}-${t}`));if(!e.group)return(0,F.jsx)(P.Fragment,{children:i},`${t}-ungrouped-${n}`);let a=`${t}-group-${n}`;return(0,F.jsxs)(`div`,{role:`rowgroup`,"aria-labelledby":a,children:[(0,F.jsx)(`div`,{id:a,role:`row`,className:s.uiPopupGroupLabel,children:(0,F.jsx)(`div`,{role:`gridcell`,children:e.group.label})}),i]},`${t}-${e.group.key}-${n}`)})}var P,F;function I(){return(I=e((()=>{P=t(),c(),N(),F=i()})))()}function L({text:e,isError:t}){return(0,R.jsxs)(`div`,{className:s.uiPopupOption,children:[(0,R.jsx)(`span`,{className:s.uiPopupOptionIcon}),(0,R.jsx)(o,{color:t?`error`:`primary`,children:e})]})}var R;function z(){return(z=e((()=>{a(),c(),R=i(),L.__docgenInfo={description:"Скелетон строки опции для `MultiSelect`. Используется во время загрузки или при отображении ошибок получения списка.",methods:[],displayName:`MultiSelectOptionSkeleton`,props:{text:{required:!0,tsType:{name:`string`},description:``},isError:{required:!1,tsType:{name:`boolean`},description:``}}}})))()}function ge({isNoData:e,error:t,children:n}){return e?(0,B.jsx)(_,{emptyState:(0,B.jsx)(L,{text:`Нет данных`})}):t?(0,B.jsx)(_,{errorState:(0,B.jsx)(L,{isError:!0,text:`Ошибка загрузки`})}):(0,B.jsx)(B.Fragment,{children:n})}var B;function V(){return(V=e((()=>{ce(),z(),B=i(),ge.__docgenInfo={description:`Выбирает одно доступное состояние тела popup, не меняя структуру самого grid.`,methods:[],displayName:`MultiSelectOptionsWrapper`}})))()}function H({ref:e,options:t,value:n,onChange:r,getOptionKey:i,getOptionLabel:a,getOptionCode:o,getOptionGroup:s,getOptionSearchText:c,label:l,description:u,placeholder:d,size:p,query:h,defaultQuery:ie,highlightQuery:ae,onQuery:se,defaultFilter:g=!0,onOpen:ce,onClose:_,getOptionDisabled:v,disabled:y,error:b,fieldError:x,required:S,isLoading:C,renderToken:w,renderToolbar:T,renderOption:E,preserveOptionArrayReference:D=!1}){let k=(0,U.useRef)(null),[A,j]=(0,U.useState)(!1),M=`search-multi`,N=(0,U.useMemo)(()=>pe(n,D),[D,n]),P=(0,U.useMemo)(()=>new Set(N.map(i)),[N,i]),F=(0,U.useMemo)(()=>t.filter(e=>!P.has(i(e))),[P,i,t]),{query:I,setQuery:L,resetQueryOnClose:R}=le({query:h,defaultQuery:ie,onQuery:se,triggerMode:M}),z=e=>{A&&!e&&R&&L(``),j(e)},B=(0,U.useCallback)(e=>c?.(e)??[a(e),o?.(e),te(s?.(e)?.label)].filter(e=>!!e),[o,s,a,c]),V=ue({options:N,query:I,enabled:g,getSearchText:B}),H=ue({options:F,query:I,enabled:g,getSearchText:B}),G=(0,U.useMemo)(()=>[...V,...H],[H,V]),_e=V.length>0?0:-1,ve=(0,U.useCallback)((e,t)=>me(e,t,i),[i]),{draftValue:K,setDraftValue:q,prepareOpen:ye}=de({value:N,open:A,onCommit:r,onOpen:ce,onClose:_,isEqual:ve}),J=(0,U.useMemo)(()=>new Set(K.map(i)),[K,i]),be=(0,U.useMemo)(()=>({selectedOptions:K,committedSelectedOptions:N,selectedKeys:J,open:A}),[N,K,A,J]),Y=(0,U.useCallback)(e=>v?.(e,be)??!1,[v,be]),{activeIndex:X,context:xe,floatingStyles:Se,getFloatingProps:Ce,setReference:we,setFloating:Te,setOptionRef:Ee,close:De,openList:Oe,toggleOpen:ke,handleReferenceKeyDown:Ae,handleFloatingKeyDown:je,getOptionId:Me,getActiveOptionId:Ne}=ne({options:G,selectedIndex:_e,open:A,onOpenChange:z,onSelect:void 0,disabled:y,getOptionDisabled:Y,closeOnSelect:!1,allowOpenWithoutOptions:!0,triggerMode:M}),Pe=ae??I,Z=e=>{let t=i(e);q(n=>n.some(e=>i(e)===t)?n.filter(e=>i(e)!==t):Y(e)?n:[...n,e])},Fe=(0,U.useCallback)(t=>{if(k.current=t,typeof e==`function`){e(t);return}e&&(e.current=t)},[e]),Ie=()=>{q([]),A||r([])},Le=()=>{q(e=>{let t=[...e],n=new Set(e.map(i));for(let e of G){let r=i(e);!n.has(r)&&!Y(e)&&(n.add(r),t.push(e))}return t})},Re=()=>{q([])},ze=e=>{Y(e)||(q([e]),De())},Q=A?K:N,Be=Q.length>0,Ve={selectedOptions:Q,committedSelectedOptions:N,availableOptions:H,query:I,open:A,clearSelection:Ie,selectAll:Le,deselectAll:Re},He=Q.length>1?fe(Q.length):Q.length===1?a(Q[0]):void 0,Ue=w===void 0?He:typeof w==`function`?w(Ve):null,We=typeof T==`function`?T(Ve):T,Ge=(0,U.useCallback)(e=>({text:a(e),code:o?.(e)}),[o,a]),Ke=E??Ge,qe=V.map((e,t)=>({option:e,index:t})),Je=H.map((e,t)=>({option:e,index:t+qe.length})),Ye=!C&&!b&&G.length===0,$=re({mode:M,open:A,currentQuery:I,hasDisplayValue:!1,inputRef:k,setQuery:L,openList:Oe,close:De,toggleOpen:ke,onBeforeOpen:()=>{A||ye()}});return(0,W.jsx)(ee,{label:l,description:u,disabled:y,size:p,className:O.multiSelect,error:x,required:S,children:({controlId:e,labelId:n,describedBy:r})=>{let a=`${e}-grid`;return(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)(m,{ref:Fe,rootRef:we,id:e,type:`text`,role:`combobox`,autoComplete:`off`,isLoading:C,disabled:y,open:A,optionCount:t.length,label:l,placeholder:d,placeholderFallback:`Выберите значения`,value:I,selectedValue:Ue,hasSelection:Be,showSelectedValue:Be&&I.length===0,clearable:!0,onClear:Ie,clearAriaLabel:`Очистить все`,onToggleMouseDown:$.handleToggleMouseDown,onToggleClick:$.handleToggleClick,"aria-labelledby":n,"aria-describedby":r,"aria-required":S||void 0,"aria-invalid":!!x||void 0,"aria-haspopup":`grid`,"aria-expanded":A,"aria-controls":A?a:void 0,"aria-autocomplete":`list`,"aria-activedescendant":A?Ne(a):void 0,rootClassName:`flex alignItemsCenter`,onChange:e=>{$.handleTriggerInputChange(e.target.value)},onClick:$.handleTriggerClick,onFocus:e=>{$.handleTriggerFocus(e.currentTarget)},onKeyDown:e=>{if(Ae(e),!e.defaultPrevented){if(A&&e.ctrlKey&&e.key===` `){e.preventDefault();let t=G[X];X>=0&&X<G.length&&Z(t);return}$.handleTriggerKeyDown({event:e,onActivateWhenOpen:()=>{let e=G[X];X>=0&&X<G.length&&ze(e)},enableClosedArrowDownOpen:!0,suppressClosedArrowUp:!0})}}}),(0,W.jsx)(f,{open:A,context:xe,floatingStyles:Se,listId:a,labelId:n,descriptionId:r,activeOptionId:A?Ne(a):void 0,ariaMultiselectable:!0,popupRole:`grid`,setFloating:Te,getFloatingProps:Ce,onKeyDown:je,initialFocus:-1,returnFocus:!1,tabIndex:-1,toolbar:We,selectionActions:T===void 0?{onSelectAll:Le,onDeselectAll:Re}:void 0,children:(0,W.jsx)(ge,{isNoData:Ye,error:b,children:(0,W.jsxs)(`div`,{role:`presentation`,className:`scrollable overscroll h100`,children:[(0,W.jsx)(he,{entries:qe,sectionId:`${a}-selected`,listId:a,activeIndex:X,selectedKeys:J,query:I,highlightQuery:Pe,getOptionKey:i,getOptionGroup:s,getOptionDisabled:Y,getOptionId:Me,setOptionRef:Ee,toggleOption:Z,selectOnlyOption:ze,renderOption:Ke}),qe.length>0&&Je.length>0&&(0,W.jsx)(oe,{"aria-hidden":`true`,className:`marginBlockSm`}),(0,W.jsx)(he,{entries:Je,sectionId:`${a}-available`,listId:a,activeIndex:X,selectedKeys:J,query:I,highlightQuery:Pe,getOptionKey:i,getOptionGroup:s,getOptionDisabled:Y,getOptionId:Me,setOptionRef:Ee,toggleOption:Z,selectOnlyOption:ze,renderOption:Ke})]})})})]})}})}var U,W;function G(){return(G=e((()=>{U=t(),d(),l(),ie(),u(),y(),p(),v(),x(),h(),ae(),b(),k(),I(),V(),W=i(),H.__docgenInfo={description:`Единая generic-реализация множественного выбора. Публичные компоненты только
2
2
  адаптируют свои контракты к этим selector-функциям, поэтому focus и a11y
3
3
  поведение не расходятся между новым и legacy API.`,methods:[],displayName:`MultiSelectCore`,props:{defaultFilter:{defaultValue:{value:`true`,computed:!1},required:!1},preserveOptionArrayReference:{defaultValue:{value:`false`,computed:!1},required:!1}}}})))()}export{pe as i,G as n,w as r,H as t};
@@ -1 +1 @@
1
- import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-1Nw_zWMi.js";import{a as n,i as r}from"./utils-tg3ibbzi.js";import{n as i,t as a}from"./Text-Cr_TUUgL.js";function o({className:e,minHeight:t,children:r,style:i,...a}){let o=t===void 0?i:{...i,minHeight:t};return(0,s.jsx)(`div`,{...a,className:n(`flexCenter h100`,e),style:o,children:r})}var s;function c(){return(c=e((()=>{r(),s=t(),o.__docgenInfo={description:``,methods:[],displayName:`FlexCenter`,props:{children:{required:!1,tsType:{name:`ReactNode`},description:``},minHeight:{required:!1,tsType:{name:`union`,raw:`string | number`,elements:[{name:`string`},{name:`number`}]},description:``}},composes:[`Omit`]}})))()}var l,u;function d(){return(d=e((()=>{l=`qgIKVo`,u={componentLoader:l}})))()}function f({className:e,children:t,color:r=`muted`,role:i,minHeight:s,uppercase:c=!0,...l}){return(0,p.jsx)(o,{className:n(`paddingMd textCenter`,e),minHeight:s,children:(0,p.jsx)(a,{...l,as:`p`,weight:`bold`,color:r,uppercase:c,role:i,children:t})})}var p;function m(){return(m=e((()=>{r(),c(),i(),p=t(),f.__docgenInfo={description:``,methods:[],displayName:`Message`,props:{color:{defaultValue:{value:`"muted"`,computed:!1},required:!1},uppercase:{defaultValue:{value:`true`,computed:!1},required:!1}}}})))()}function h({className:e,logo:t,text:r}){return(0,g.jsxs)(f,{className:n(u.componentLoader,t?void 0:`skeletonLine`,e),children:[t,r||`Загрузка...`]})}var g;function _(){return(_=e((()=>{r(),d(),m(),g=t(),h.__docgenInfo={description:``,methods:[],displayName:`LoadingMessage`,props:{className:{required:!1,tsType:{name:`string`},description:``},logo:{required:!1,tsType:{name:`ReactNode`},description:`Готовый брендовый знак, которым host-проект при необходимости дополняет сообщение о загрузке.`},text:{required:!1,tsType:{name:`string`},description:``}}}})))()}function v({className:e,text:t,role:n,minHeight:r=`5em`,...i}){return(0,y.jsx)(f,{...i,className:e,color:`muted`,minHeight:r,role:n,children:t||`Нет данных`})}var y;function b(){return(b=e((()=>{m(),y=t(),v.__docgenInfo={description:``,methods:[],displayName:`NoData`,props:{minHeight:{defaultValue:{value:`"5em"`,computed:!1},required:!1}}}})))()}export{_ as i,b as n,h as r,v as t};
1
+ import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-E950Ehp0.js";import{a as n,i as r}from"./utils-tg3ibbzi.js";import{n as i,t as a}from"./Text-Bih-aO3C.js";function o({className:e,minHeight:t,children:r,style:i,...a}){let o=t===void 0?i:{...i,minHeight:t};return(0,s.jsx)(`div`,{...a,className:n(`flexCenter h100`,e),style:o,children:r})}var s;function c(){return(c=e((()=>{r(),s=t(),o.__docgenInfo={description:``,methods:[],displayName:`FlexCenter`,props:{children:{required:!1,tsType:{name:`ReactNode`},description:``},minHeight:{required:!1,tsType:{name:`union`,raw:`string | number`,elements:[{name:`string`},{name:`number`}]},description:``}},composes:[`Omit`]}})))()}var l,u;function d(){return(d=e((()=>{l=`qgIKVo`,u={componentLoader:l}})))()}function f({className:e,children:t,color:r=`muted`,role:i,minHeight:s,uppercase:c=!0,...l}){return(0,p.jsx)(o,{className:n(`paddingMd textCenter`,e),minHeight:s,children:(0,p.jsx)(a,{...l,as:`p`,weight:`bold`,color:r,uppercase:c,role:i,children:t})})}var p;function m(){return(m=e((()=>{r(),c(),i(),p=t(),f.__docgenInfo={description:``,methods:[],displayName:`Message`,props:{color:{defaultValue:{value:`"muted"`,computed:!1},required:!1},uppercase:{defaultValue:{value:`true`,computed:!1},required:!1}}}})))()}function h({className:e,logo:t,text:r}){return(0,g.jsxs)(f,{className:n(u.componentLoader,t?void 0:`skeletonLine`,e),children:[t,r||`Загрузка...`]})}var g;function _(){return(_=e((()=>{r(),d(),m(),g=t(),h.__docgenInfo={description:``,methods:[],displayName:`LoadingMessage`,props:{className:{required:!1,tsType:{name:`string`},description:``},logo:{required:!1,tsType:{name:`ReactNode`},description:`Готовый брендовый знак, которым host-проект при необходимости дополняет сообщение о загрузке.`},text:{required:!1,tsType:{name:`string`},description:``}}}})))()}function v({className:e,text:t,role:n,minHeight:r=`5em`,...i}){return(0,y.jsx)(f,{...i,className:e,color:`muted`,minHeight:r,role:n,children:t||`Нет данных`})}var y;function b(){return(b=e((()=>{m(),y=t(),v.__docgenInfo={description:``,methods:[],displayName:`NoData`,props:{minHeight:{defaultValue:{value:`"5em"`,computed:!1},required:!1}}}})))()}export{_ as i,b as n,h as r,v as t};
@@ -1,4 +1,4 @@
1
- import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{i as t,n,r,t as i}from"./NotificationsHost.stories-CEp-AppV.js";import{n as a}from"./iframe-1Nw_zWMi.js";import{i as o,r as s}from"./react-Bl2r1tuC.js";import{a as c,d as l,f as u,l as d,m as f,n as p,p as m,r as h,u as g}from"./blocks-DR4JL0hD.js";function _(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...o(),...e.components};return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(d,{of:n,parameters:{docs:{toc:!0}}}),`
1
+ import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{i as t,n,r,t as i}from"./NotificationsHost.stories-BqIayryx.js";import{n as a}from"./iframe-E950Ehp0.js";import{i as o,r as s}from"./react-Bl2r1tuC.js";import{a as c,d as l,f as u,l as d,m as f,n as p,p as m,r as h,u as g}from"./blocks-DGivDYe5.js";function _(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...o(),...e.components};return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(d,{of:n,parameters:{docs:{toc:!0}}}),`
2
2
  `,(0,y.jsx)(m,{children:`NotificationsHost`}),`
3
3
  `,(0,y.jsx)(u,{children:`Активный toast-стек и headless-доступ к полной истории уведомлений`}),`
4
4
  `,(0,y.jsx)(t.p,{children:`NotificationsHost уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
@@ -1,4 +1,4 @@
1
- import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r,t as i}from"./check-PtABqMc1.js";import{n as a,t as o}from"./circle-alert-Mymt-6wl.js";import{n as s,t as c}from"./circle-check-DzqMvzJX.js";import{i as l,n as u,r as d,t as f}from"./info-DMI56qGy.js";import{n as ee,t as te}from"./refresh-cw-B1ChlhvT.js";import{n as ne,t as p}from"./trash-2-B768_PZU.js";import{n as m,t as h}from"./triangle-alert-B8H-k2Bq.js";import{n as re,t as ie}from"./x-Dt9SO3SL.js";import{i as g,n as _,r as ae}from"./iframe-1Nw_zWMi.js";import{a as oe,i as se}from"./utils-tg3ibbzi.js";import{a as ce,i as le,n as v,r as y}from"./react-GkniIHEK.js";import{n as ue}from"./error-De9R4E_F.js";import{n as de,t as fe}from"./FlexContainer-C1d63I55.js";import{n as pe,t as b}from"./Button-DMAPWgMI.js";var me,he;function x(){return(x=e((()=>{g(),me=[[`path`,{d:`M10.268 21a2 2 0 0 0 3.464 0`,key:`vwvbt9`}],[`path`,{d:`M22 8c0-2.3-.8-4.3-2-6`,key:`5bb3ad`}],[`path`,{d:`M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326`,key:`11g9vi`}],[`path`,{d:`M4 2C2.8 3.7 2 5.7 2 8`,key:`tap9e0`}]],he=ae(`bell-ring`,me)})))()}var S,C;function w(){return(w=e((()=>{g(),S=[[`path`,{d:`M10 2h4`,key:`n1abiw`}],[`path`,{d:`M12 14v-4`,key:`1evpnu`}],[`path`,{d:`M4 13a8 8 0 0 1 8-7 8 8 0 1 1-5.3 14L4 17.6`,key:`1ts96g`}],[`path`,{d:`M9 17H4v5`,key:`8t5av`}]],C=ae(`timer-reset`,S)})))()}function ge(){let e=new Map,t=t=>{let n=e.get(t);n&&(window.clearTimeout(n),e.delete(t))},n=(n,r,i=1e4)=>{if(t(r),i<=0)return;let a=window.setTimeout(()=>{n.getState().actions.dismiss(r)},i);e.set(r,a)},r=le()((i,a)=>({items:[],history:[],actions:{push:e=>{let o=e.id??k(),s=Date.now(),c={id:o,type:e.type,title:e.title,message:e.message,createdAt:s,ttlMs:e.ttlMs,dismissible:e.dismissible??!0,actions:e.actions},l=a().items,u=[c,...l.filter(e=>e.id!==o)].slice(0,A),d=new Set(u.map(e=>e.id));return l.forEach(e=>{d.has(e.id)||t(e.id)}),i(e=>({items:u,history:[c,...e.history.filter(e=>e.id!==o)]})),n(r,o,c.ttlMs),o},update:(e,t)=>{let o=a().items.find(t=>t.id===e);if(!o)return!1;let s={...o,...t,id:o.id,createdAt:o.createdAt};return i(t=>({items:t.items.map(t=>t.id===e?s:t),history:t.history.map(t=>t.id===e?s:t)})),`ttlMs`in t&&n(r,e,s.ttlMs),!0},upsert:e=>a().actions.update(e.id,{type:e.type,title:e.title,message:e.message,ttlMs:e.ttlMs,dismissible:e.dismissible})?e.id:a().actions.push(e),dismiss:e=>{t(e),i(t=>({items:t.items.filter(t=>t.id!==e)}))},clear:()=>{e.forEach(e=>window.clearTimeout(e)),e.clear(),i({items:[]})},clearHistory:()=>{i({history:[]})}}}));return r}var T,E,D,O,k,A;function j(){return(j=e((()=>{ce(),T=null,E=e=>(T=e,()=>{T===e&&(T=null)}),D=()=>{if(!T)throw Error(`Notifications store is not bound. Wrap app with NotificationsProvider.`);return T},O=Object.freeze({push:e=>D().getState().actions.push(e),upsert:e=>D().getState().actions.upsert(e),update:(e,t)=>D().getState().actions.update(e,t),dismiss:e=>D().getState().actions.dismiss(e),clear:()=>D().getState().actions.clear(),clearHistory:()=>D().getState().actions.clearHistory(),success:(e,t)=>D().getState().actions.push({type:`success`,message:e,...t}),info:(e,t)=>D().getState().actions.push({type:`info`,message:e,...t}),warning:(e,t)=>D().getState().actions.push({type:`warning`,message:e,...t}),error:(e,t)=>D().getState().actions.push({type:`error`,message:e,...t}),progress:(e,t)=>{let n=D(),r=t?.id;r&&n.getState().actions.upsert({id:r,type:`info`,title:t?.title,message:e,dismissible:!1});let i=r??n.getState().actions.push({type:`info`,title:t?.title,message:e,dismissible:!1});return{id:i,update:e=>O.update(i,{message:e}),success:(e,t=2500)=>O.update(i,{type:`success`,message:e,dismissible:!0,ttlMs:t}),error:(e,t=5e3)=>O.update(i,{type:`error`,message:e,dismissible:!0,ttlMs:t}),dismiss:()=>O.dismiss(i)}}}),k=()=>`${Date.now().toString(36)}-${Math.random().toString(36).slice(2,9)}`,A=6})))()}var M,N;function P(){return(P=e((()=>{M=n(),N=(0,M.createContext)(null)})))()}function F({children:e}){let t=(0,I.useMemo)(()=>ge(),[]);return(0,I.useEffect)(()=>E(t),[t]),(0,L.jsx)(N.Provider,{value:t,children:e})}var I,L;function R(){return(R=e((()=>{I=n(),j(),P(),L=_(),F.__docgenInfo={description:`Провайдер уведомлений приложения. Хранит активный toast-стек и полную историю уведомлений.`,methods:[],displayName:`NotificationsProvider`}})))()}function z(){let e=(0,B.useContext)(N);if(!e)throw ue({hookName:`useNotificationsStore`,providerName:`NotificationsProvider`});return e}var B;function V(){return(V=e((()=>{B=n(),P()})))()}function _e(){let e=z();return y(e,e=>e.history)}function ve(){return(ve=e((()=>{v(),V()})))()}function ye(){let e=z();return y(e,e=>e.items)}function be(){return(be=e((()=>{v(),V()})))()}function H(){let e=z(),t=y(e,e=>e.actions),n=e=>(n,r)=>t.push({type:e,message:n,...r});return{...t,success:n(`success`),info:n(`info`),warning:n(`warning`),error:n(`error`)}}function U(){return(U=e((()=>{v(),V()})))()}var xe,Se,Ce,we,Te,Ee,De,Oe,ke,Ae,je,Me,Ne,Pe,W;function Fe(){return(Fe=e((()=>{xe=`STGQ3g`,Se=`RaiISE`,Ce=`cM81wO`,we=`nH2cuZ`,Te=`A2glD7`,Ee=`yWjijS`,De=`_1HO2ne`,Oe=`OyRJpj`,ke=`vrCrow`,Ae=`A0X-ma`,je=`AkHvPV`,Me=`_4YDLB5`,Ne=`CK3Bqv`,Pe=`nLmQut`,W={container:xe,card:Se,info:Ce,success:we,warning:Te,error:Ee,header:De,content:Oe,copy:ke,icon:Ae,kicker:je,title:Me,message:Ne,actions:Pe}})))()}function G(){let e=ye(),{dismiss:t}=H();return(0,K.jsx)(`section`,{className:W.container,"aria-label":`Область уведомлений`,children:e.map(e=>{let n=Ie[e.type],r=e.title??n.title,i=n.Icon;return(0,K.jsx)(`div`,{role:e.type===`error`?`alert`:`status`,"aria-atomic":`true`,className:oe(W.card,W[e.type]),children:(0,K.jsxs)(fe,{align:`start`,justify:`between`,gap:`sm`,className:W.header,children:[(0,K.jsxs)(fe,{align:`start`,gap:`sm`,className:W.content,children:[(0,K.jsx)(`span`,{className:W.icon,"aria-hidden":`true`,children:(0,K.jsx)(i,{})}),(0,K.jsxs)(`div`,{className:W.copy,children:[(0,K.jsx)(`div`,{className:W.kicker,children:n.title}),e.title?(0,K.jsx)(`div`,{className:W.title,children:r}):null,(0,K.jsx)(`div`,{className:W.message,children:e.message}),e.actions?.length?(0,K.jsx)(`div`,{className:W.actions,children:e.actions.map(t=>(0,K.jsx)(b,{tone:t.tone??e.type,appearance:`outline`,"data-ui":`notification-action-button`,"data-action":`notification-action`,onClick:()=>void t.onClick(),children:t.label},t.label))}):null]})]}),e.dismissible===!1?null:(0,K.jsx)(b,{icon:(0,K.jsx)(ie,{}),appearance:`ghost`,tone:e.type,onClick:()=>t(e.id),"aria-label":`Закрыть уведомление «${r}»`,"data-ui":`notification-dismiss-button`,"data-action":`dismiss-notification`})]})},e.id)})})}var K,Ie;function q(){return(q=e((()=>{se(),a(),s(),u(),m(),re(),pe(),de(),be(),U(),Fe(),K=_(),Ie={info:{title:`Информация`,Icon:f},success:{title:`Успешно`,Icon:c},warning:{title:`Предупреждение`,Icon:h},error:{title:`Ошибка`,Icon:o}},G.__docgenInfo={description:`Хост для визуального отображения активного toast-стека.
1
+ import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r,t as i}from"./check-DRMDOowi.js";import{n as a,t as o}from"./circle-alert-l6NwXGUY.js";import{n as s,t as c}from"./circle-check-B-r716dD.js";import{i as l,n as u,r as d,t as f}from"./info-Dp6XZGwP.js";import{n as ee,t as te}from"./refresh-cw-dMgbnEda.js";import{n as ne,t as p}from"./trash-2-5v1tbQ2V.js";import{n as m,t as h}from"./triangle-alert-CVLPpc5j.js";import{n as re,t as ie}from"./x-DZpfbNy0.js";import{i as g,n as _,r as ae}from"./iframe-E950Ehp0.js";import{a as oe,i as se}from"./utils-tg3ibbzi.js";import{a as ce,i as le,n as v,r as y}from"./react-GkniIHEK.js";import{n as ue}from"./error-De9R4E_F.js";import{n as de,t as fe}from"./FlexContainer-4Ap7vbIt.js";import{n as pe,t as b}from"./Button-DqsSng-I.js";var me,he;function x(){return(x=e((()=>{g(),me=[[`path`,{d:`M10.268 21a2 2 0 0 0 3.464 0`,key:`vwvbt9`}],[`path`,{d:`M22 8c0-2.3-.8-4.3-2-6`,key:`5bb3ad`}],[`path`,{d:`M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326`,key:`11g9vi`}],[`path`,{d:`M4 2C2.8 3.7 2 5.7 2 8`,key:`tap9e0`}]],he=ae(`bell-ring`,me)})))()}var S,C;function w(){return(w=e((()=>{g(),S=[[`path`,{d:`M10 2h4`,key:`n1abiw`}],[`path`,{d:`M12 14v-4`,key:`1evpnu`}],[`path`,{d:`M4 13a8 8 0 0 1 8-7 8 8 0 1 1-5.3 14L4 17.6`,key:`1ts96g`}],[`path`,{d:`M9 17H4v5`,key:`8t5av`}]],C=ae(`timer-reset`,S)})))()}function ge(){let e=new Map,t=t=>{let n=e.get(t);n&&(window.clearTimeout(n),e.delete(t))},n=(n,r,i=1e4)=>{if(t(r),i<=0)return;let a=window.setTimeout(()=>{n.getState().actions.dismiss(r)},i);e.set(r,a)},r=le()((i,a)=>({items:[],history:[],actions:{push:e=>{let o=e.id??k(),s=Date.now(),c={id:o,type:e.type,title:e.title,message:e.message,createdAt:s,ttlMs:e.ttlMs,dismissible:e.dismissible??!0,actions:e.actions},l=a().items,u=[c,...l.filter(e=>e.id!==o)].slice(0,A),d=new Set(u.map(e=>e.id));return l.forEach(e=>{d.has(e.id)||t(e.id)}),i(e=>({items:u,history:[c,...e.history.filter(e=>e.id!==o)]})),n(r,o,c.ttlMs),o},update:(e,t)=>{let o=a().items.find(t=>t.id===e);if(!o)return!1;let s={...o,...t,id:o.id,createdAt:o.createdAt};return i(t=>({items:t.items.map(t=>t.id===e?s:t),history:t.history.map(t=>t.id===e?s:t)})),`ttlMs`in t&&n(r,e,s.ttlMs),!0},upsert:e=>a().actions.update(e.id,{type:e.type,title:e.title,message:e.message,ttlMs:e.ttlMs,dismissible:e.dismissible})?e.id:a().actions.push(e),dismiss:e=>{t(e),i(t=>({items:t.items.filter(t=>t.id!==e)}))},clear:()=>{e.forEach(e=>window.clearTimeout(e)),e.clear(),i({items:[]})},clearHistory:()=>{i({history:[]})}}}));return r}var T,E,D,O,k,A;function j(){return(j=e((()=>{ce(),T=null,E=e=>(T=e,()=>{T===e&&(T=null)}),D=()=>{if(!T)throw Error(`Notifications store is not bound. Wrap app with NotificationsProvider.`);return T},O=Object.freeze({push:e=>D().getState().actions.push(e),upsert:e=>D().getState().actions.upsert(e),update:(e,t)=>D().getState().actions.update(e,t),dismiss:e=>D().getState().actions.dismiss(e),clear:()=>D().getState().actions.clear(),clearHistory:()=>D().getState().actions.clearHistory(),success:(e,t)=>D().getState().actions.push({type:`success`,message:e,...t}),info:(e,t)=>D().getState().actions.push({type:`info`,message:e,...t}),warning:(e,t)=>D().getState().actions.push({type:`warning`,message:e,...t}),error:(e,t)=>D().getState().actions.push({type:`error`,message:e,...t}),progress:(e,t)=>{let n=D(),r=t?.id;r&&n.getState().actions.upsert({id:r,type:`info`,title:t?.title,message:e,dismissible:!1});let i=r??n.getState().actions.push({type:`info`,title:t?.title,message:e,dismissible:!1});return{id:i,update:e=>O.update(i,{message:e}),success:(e,t=2500)=>O.update(i,{type:`success`,message:e,dismissible:!0,ttlMs:t}),error:(e,t=5e3)=>O.update(i,{type:`error`,message:e,dismissible:!0,ttlMs:t}),dismiss:()=>O.dismiss(i)}}}),k=()=>`${Date.now().toString(36)}-${Math.random().toString(36).slice(2,9)}`,A=6})))()}var M,N;function P(){return(P=e((()=>{M=n(),N=(0,M.createContext)(null)})))()}function F({children:e}){let t=(0,I.useMemo)(()=>ge(),[]);return(0,I.useEffect)(()=>E(t),[t]),(0,L.jsx)(N.Provider,{value:t,children:e})}var I,L;function R(){return(R=e((()=>{I=n(),j(),P(),L=_(),F.__docgenInfo={description:`Провайдер уведомлений приложения. Хранит активный toast-стек и полную историю уведомлений.`,methods:[],displayName:`NotificationsProvider`}})))()}function z(){let e=(0,B.useContext)(N);if(!e)throw ue({hookName:`useNotificationsStore`,providerName:`NotificationsProvider`});return e}var B;function V(){return(V=e((()=>{B=n(),P()})))()}function _e(){let e=z();return y(e,e=>e.history)}function ve(){return(ve=e((()=>{v(),V()})))()}function ye(){let e=z();return y(e,e=>e.items)}function be(){return(be=e((()=>{v(),V()})))()}function H(){let e=z(),t=y(e,e=>e.actions),n=e=>(n,r)=>t.push({type:e,message:n,...r});return{...t,success:n(`success`),info:n(`info`),warning:n(`warning`),error:n(`error`)}}function U(){return(U=e((()=>{v(),V()})))()}var xe,Se,Ce,we,Te,Ee,De,Oe,ke,Ae,je,Me,Ne,Pe,W;function Fe(){return(Fe=e((()=>{xe=`STGQ3g`,Se=`RaiISE`,Ce=`cM81wO`,we=`nH2cuZ`,Te=`A2glD7`,Ee=`yWjijS`,De=`_1HO2ne`,Oe=`OyRJpj`,ke=`vrCrow`,Ae=`A0X-ma`,je=`AkHvPV`,Me=`_4YDLB5`,Ne=`CK3Bqv`,Pe=`nLmQut`,W={container:xe,card:Se,info:Ce,success:we,warning:Te,error:Ee,header:De,content:Oe,copy:ke,icon:Ae,kicker:je,title:Me,message:Ne,actions:Pe}})))()}function G(){let e=ye(),{dismiss:t}=H();return(0,K.jsx)(`section`,{className:W.container,"aria-label":`Область уведомлений`,children:e.map(e=>{let n=Ie[e.type],r=e.title??n.title,i=n.Icon;return(0,K.jsx)(`div`,{role:e.type===`error`?`alert`:`status`,"aria-atomic":`true`,className:oe(W.card,W[e.type]),children:(0,K.jsxs)(fe,{align:`start`,justify:`between`,gap:`sm`,className:W.header,children:[(0,K.jsxs)(fe,{align:`start`,gap:`sm`,className:W.content,children:[(0,K.jsx)(`span`,{className:W.icon,"aria-hidden":`true`,children:(0,K.jsx)(i,{})}),(0,K.jsxs)(`div`,{className:W.copy,children:[(0,K.jsx)(`div`,{className:W.kicker,children:n.title}),e.title?(0,K.jsx)(`div`,{className:W.title,children:r}):null,(0,K.jsx)(`div`,{className:W.message,children:e.message}),e.actions?.length?(0,K.jsx)(`div`,{className:W.actions,children:e.actions.map(t=>(0,K.jsx)(b,{tone:t.tone??e.type,appearance:`outline`,"data-ui":`notification-action-button`,"data-action":`notification-action`,onClick:()=>void t.onClick(),children:t.label},t.label))}):null]})]}),e.dismissible===!1?null:(0,K.jsx)(b,{icon:(0,K.jsx)(ie,{}),appearance:`ghost`,tone:e.type,onClick:()=>t(e.id),"aria-label":`Закрыть уведомление «${r}»`,"data-ui":`notification-dismiss-button`,"data-action":`dismiss-notification`})]})},e.id)})})}var K,Ie;function q(){return(q=e((()=>{se(),a(),s(),u(),m(),re(),pe(),de(),be(),U(),Fe(),K=_(),Ie={info:{title:`Информация`,Icon:f},success:{title:`Успешно`,Icon:c},warning:{title:`Предупреждение`,Icon:h},error:{title:`Ошибка`,Icon:o}},G.__docgenInfo={description:`Хост для визуального отображения активного toast-стека.
2
2
  Обычно монтируется один раз на уровне приложения рядом с провайдером уведомлений.
3
3
  Полную историю host-проект отображает отдельно через useNotificationHistory.`,methods:[],displayName:`NotificationsHost`}})))()}var Le=t({InteractivePlayground:()=>$,Showcase:()=>Q,__namedExportsOrder:()=>qe,default:()=>He});function Re(){let{clear:e,clearHistory:t}=H();return(0,J.useEffect)(()=>(e(),t(),()=>{e(),t()}),[e,t]),null}function ze({children:e,hostProps:t}){return(0,Y.jsxs)(F,{children:[(0,Y.jsx)(Re,{}),(0,Y.jsx)(`div`,{style:Ue,children:(0,Y.jsxs)(`div`,{style:We,children:[(0,Y.jsxs)(`div`,{style:Ge,children:[(0,Y.jsx)(`h2`,{style:{margin:0,fontSize:`var(--font-size-xl)`},children:`Демонстрация очереди уведомлений`}),(0,Y.jsx)(`p`,{style:{margin:`12px 0 0`,color:`var(--content-1)`},children:"Хост закреплён в левом нижнем углу и использует общие токены проекта: `surface`, `content`, `status` и семантические `tone-*`. Внутри историй можно проверить лимит очереди, sticky-уведомления и сценарий длительной операции с обновлением одного уведомления."})]}),e]})}),(0,Y.jsx)(G,{...t})]})}function Be(){let{clear:e,push:t}=H();return(0,J.useEffect)(()=>(e(),t({type:`info`,title:`Сетевой статус`,message:`Подключение к серверу восстановлено.`,ttlMs:6e3}),t({type:`success`,title:`Профиль обновлён`,message:`Изменения сохранены и отправлены в очередь на синхронизацию.`,ttlMs:4500}),t({type:`warning`,title:`Требуется внимание`,message:`Срок действия сессии истекает через 5 минут.`}),t({type:`error`,title:`Ошибка импорта`,message:`Не удалось загрузить журнал операций.
4
4
  Повторите запрос или обратитесь к администратору.`}),()=>{e()}),[e,t]),(0,Y.jsxs)(`div`,{style:X,children:[(0,Y.jsx)(`h3`,{style:{margin:0},children:`Снимок состояний`}),(0,Y.jsx)(`p`,{style:{margin:0,color:`var(--content-1)`},children:`История сразу заполняет очередь всеми типами уведомлений, чтобы оценить цвет, иконки, контраст и читаемость текста.`})]})}function Ve(){let e=H(),t=_e(),n=(0,J.useRef)(null),[r,a]=(0,J.useState)(!1),o=()=>{n.current=null,a(!1)},s=(t,r)=>{let i=n.current;i&&(!e.update(i,{message:t,...r})||r?.type)&&o()};return(0,Y.jsxs)(`div`,{style:Ke,children:[(0,Y.jsxs)(`section`,{style:X,children:[(0,Y.jsx)(`h3`,{style:{margin:0},children:`Базовые сценарии`}),(0,Y.jsx)(`p`,{style:{margin:0,color:`var(--content-1)`},children:"Вызовы через `useNotify` подходят для UI-логики внутри React-компонентов."}),(0,Y.jsxs)(`div`,{style:Z,children:[(0,Y.jsx)(b,{tone:`info`,appearance:`outline`,icon:(0,Y.jsx)(f,{}),onClick:()=>e.info(`Справочник обновлён по расписанию.`,{title:`Информация`,ttlMs:3500}),children:`Info`}),(0,Y.jsx)(b,{tone:`success`,appearance:`solid`,icon:(0,Y.jsx)(i,{}),onClick:()=>e.success(`Изменения сохранены.`,{title:`Операция завершена`,ttlMs:2500}),children:`Success`}),(0,Y.jsx)(b,{tone:`warning`,appearance:`outline`,icon:(0,Y.jsx)(h,{}),onClick:()=>e.warning(`Подтвердите действие в течение 2 минут.`,{title:`Требуется подтверждение`,dismissible:!1}),children:`Sticky warning`}),(0,Y.jsx)(b,{tone:`error`,appearance:`solid`,icon:(0,Y.jsx)(d,{}),onClick:()=>e.error(`Сервис проверки подписей недоступен.`,{title:`Критическая ошибка`}),children:`Error`})]})]}),(0,Y.jsxs)(`section`,{style:X,children:[(0,Y.jsx)(`h3`,{style:{margin:0},children:`Долгая операция`}),(0,Y.jsx)(`p`,{style:{margin:0,color:`var(--content-1)`},children:"Сценарий имитирует `notify.progress`: создаёт одно sticky-уведомление и затем обновляет его по тому же `id`."}),(0,Y.jsxs)(`div`,{style:Z,children:[(0,Y.jsx)(b,{variant:`neutralOutline`,icon:(0,Y.jsx)(he,{}),onClick:()=>{let t=e.push({type:`info`,title:`Экспорт архива`,message:`Подготавливаю пакет документов...`,dismissible:!1});n.current=t,a(!0)},children:`Запустить`}),(0,Y.jsx)(b,{variant:`neutralOutline`,icon:(0,Y.jsx)(te,{}),onClick:()=>{s(`Обработано 68% записей. Формирую итоговый архив...`)},disabled:!r,children:`Обновить прогресс`}),(0,Y.jsx)(b,{tone:`success`,appearance:`outline`,icon:(0,Y.jsx)(i,{}),onClick:()=>{s(`Архив подготовлен и доступен для скачивания.`,{type:`success`,ttlMs:2500,dismissible:!0})},disabled:!r,children:`Завершить успешно`}),(0,Y.jsx)(b,{tone:`error`,appearance:`outline`,icon:(0,Y.jsx)(d,{}),onClick:()=>{s(`Не удалось собрать архив из-за ошибки чтения вложений.`,{type:`error`,ttlMs:5e3,dismissible:!0})},disabled:!r,children:`Завершить ошибкой`})]})]}),(0,Y.jsxs)(`section`,{style:X,children:[(0,Y.jsx)(`h3`,{style:{margin:0},children:`Toast-стек и история`}),(0,Y.jsxs)(`p`,{style:{margin:0,color:`var(--content-1)`},children:[`Toast-host отображает не более 6 уведомлений, а история сохраняет все записи. Кнопка ниже создаёт 8 элементов для проверки обоих представлений. Сейчас в истории: `,t.length,`.`]}),(0,Y.jsxs)(`div`,{style:Z,children:[(0,Y.jsx)(b,{variant:`neutralOutline`,icon:(0,Y.jsx)(te,{}),onClick:()=>{for(let t=1;t<=8;t+=1)e.info(`Пакет ${t} поставлен в очередь на обработку.`,{title:`Задача ${t}`,ttlMs:8e3})},children:`Заполнить очередь`}),(0,Y.jsx)(b,{tone:`info`,appearance:`outline`,icon:(0,Y.jsx)(C,{}),onClick:()=>e.info(`Это уведомление исчезнет автоматически через 2 секунды.`,{title:`TTL = 2000 мс`,ttlMs:2e3}),children:`Проверить TTL`}),(0,Y.jsx)(b,{variant:`transparent`,icon:(0,Y.jsx)(p,{}),onClick:()=>{o(),e.clear()},children:`Скрыть toast`}),(0,Y.jsx)(b,{variant:`transparent`,icon:(0,Y.jsx)(p,{}),onClick:()=>e.clearHistory(),children:`Очистить историю`})]})]})]})}var J,Y,He,Ue,We,Ge,Ke,X,Z,Q,$,qe;function Je(){return(Je=e((()=>{J=n(),x(),r(),u(),ee(),w(),ne(),m(),l(),pe(),R(),ve(),U(),q(),Y=_(),He={title:`UI/Notifications`,component:G,args:{},argTypes:{},parameters:{atomicCanvas:!0,layout:`fullscreen`,docs:{description:{component:`Компонент отображает активный toast-стек поверх интерфейса, а useNotificationHistory даёт host-проекту полную историю без готового контейнера. Stories показывают статусы, автозакрытие, лимит toast и длительную операцию.`}}}},Ue={minHeight:`100vh`,padding:`32px 24px 160px`,background:`linear-gradient(180deg, color-mix(in srgb, var(--surface-1) 82%, transparent) 0%, var(--surface-0) 100%)`,color:`var(--content-0)`},We={maxWidth:1120,margin:`0 auto`,display:`grid`,gap:16},Ge={padding:20,border:`var(--border)`,borderRadius:`var(--radius-md)`,background:`var(--surface-0)`,boxShadow:`var(--shadow-sm)`},Ke={display:`grid`,gap:16,gridTemplateColumns:`repeat(auto-fit, minmax(280px, 1fr))`},X={padding:20,border:`var(--border)`,borderRadius:`var(--radius-md)`,background:`var(--surface-0)`,boxShadow:`var(--shadow-sm)`,display:`grid`,gap:12,alignContent:`start`},Z={display:`flex`,flexWrap:`wrap`,gap:10},Q={render:function(e){return(0,Y.jsx)(ze,{hostProps:e,children:(0,Y.jsx)(Be,{})})},parameters:{docs:{description:{story:`Быстрый визуальный обзор: все статусы сразу добавляются в очередь после открытия истории.`}}}},$={render:function(e){return(0,Y.jsx)(ze,{hostProps:e,children:(0,Y.jsx)(Ve,{})})},parameters:{docs:{description:{story:`Интерактивный сценарий для проверки базовых уведомлений, длительной операции, лимита toast, истории и автозакрытия.`}}}},Q.parameters={...Q.parameters,docs:{...Q.parameters?.docs,source:{originalSource:`{
@@ -1,4 +1,4 @@
1
- import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-1Nw_zWMi.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-DR4JL0hD.js";import{a as p,c as m,i as h,l as g,n as _,o as v,r as y,s as b,t as x,u as S}from"./ODataMultiSelect.stories-BRnVOZsK.js";function C(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(s,{of:b,parameters:{docs:{toc:!0}}}),`
1
+ import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-E950Ehp0.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-DGivDYe5.js";import{a as p,c as m,i as h,l as g,n as _,o as v,r as y,s as b,t as x,u as S}from"./ODataMultiSelect.stories-DfAkKAsG.js";function C(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(s,{of:b,parameters:{docs:{toc:!0}}}),`
2
2
  `,(0,T.jsx)(u,{children:`ODataMultiSelect`}),`
3
3
  `,(0,T.jsx)(o,{children:`Мультиселект с загрузкой коллекций по OData и зависимостями от внешних фильтров`}),`
4
4
  `,(0,T.jsx)(t.p,{children:`ODataMultiSelect уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
@@ -1,4 +1,4 @@
1
- import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe-1Nw_zWMi.js";import{a as i,s as a,t as o}from"./odata-D9M3xPIL.js";import{n as s,t as c}from"./createControlledStoryRender-BouhvX-R.js";import{a as l,i as u,n as d,r as f,t as p}from"./useODataSelectBase-BKAZcf4R.js";import{n as m,t as h}from"./DeprecatedMultiSelect-BebYsPmQ.js";import{a as g,c as _,i as v,l as y,n as b,o as x,r as S,s as C,t as w,u as T}from"./odataStoryFixtures-eHJgW7OK.js";function E({odata:e,segment:t,model:n,value:r,dependencies:i,onChange:a}){let o=f({odata:e,segment:t,model:n,value:r,dependencies:i}),s=e=>{a(d(e,o.selectionKey))};return{...o,handleChange:s}}function D(){return(D=e((()=>{p()})))()}function O({odata:e,segment:t,model:n,label:r,description:i,disabled:o,required:s,fieldError:c,value:l,dependencies:u,onChange:d,size:f}){let p=E({odata:e,segment:t,model:a(n),value:l,dependencies:u,onChange:d});return(0,k.jsx)(h,{label:r,description:i,required:s,fieldError:c,size:f,codeKey:p.codeKey,textKey:p.textKey,hideCode:t.hideCode??e.hideCode,items:p.filteredItems,value:p.selectedItems,onChange:p.handleChange,onQuery:p.setQuery,query:p.query,defaultFilter:!1,highlightQuery:p.debouncedQuery,isLoading:p.isLoading,disabled:o,placeholder:p.placeholder,error:p.isError?`Ошибка загрузки`:void 0})}var k;function A(){return(A=e((()=>{i(),D(),m(),k=r(),O.__docgenInfo={description:``,methods:[],displayName:`ODataMultiSelect`,props:{required:{required:!1,tsType:{name:`boolean`},description:``},fieldError:{required:!1,tsType:{name:`string`},description:``}}}})))()}function j(e){let{item:t,disabled:n,label:r,description:i,required:a,fieldError:o,size:s,width:c=15}=e,u=l(e),{updateSegment:d}=u,f=`calc(${c}em + var(--width-add))`,p=(0,M.useCallback)(e=>{d(t.id,e)},[t.id,d]);return(0,N.jsx)(`div`,{style:{maxWidth:f,minWidth:f},children:(0,N.jsx)(O,{odata:t.odata,segment:t.segment,model:t.model,dependencies:u.values,value:u.values[t.id],onChange:p,disabled:n||u.isSegmentDisabled(t.id),label:r,description:i,required:a,fieldError:o,size:s})})}var M,N;function P(){return(P=e((()=>{M=n(),u(),A(),N=r(),j.__docgenInfo={description:``,methods:[],displayName:`ODataDependentSegmentMultiSelect`,props:{values:{required:!1,tsType:{name:`Record`,elements:[{name:`string`},{name:`Array`,elements:[{name:`string`}],raw:`string[]`}],raw:`Record<string, string[]>`},description:`Внешний снимок значений. При наличии включает controlled-режим.`},defaultValues:{required:!1,tsType:{name:`Record`,elements:[{name:`string`},{name:`Array`,elements:[{name:`string`}],raw:`string[]`}],raw:`Record<string, string[]>`},description:`Начальный снимок для uncontrolled-режима.`},onChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(values: ODataDependentSelectionValues) => void`,signature:{arguments:[{type:{name:`Record`,elements:[{name:`string`},{name:`Array`,elements:[{name:`string`}],raw:`string[]`}],raw:`Record<string, string[]>`},name:`values`}],return:{name:`void`}}},description:`Получает полный снимок после каждого изменения сегмента.`},item:{required:!0,tsType:{name:`ODataDependentSegmentItem`},description:`Развёрнутое описание конкретного OData-сегмента.`},disabled:{required:!1,tsType:{name:`boolean`},description:`Дополнительная внешняя блокировка поверх sequential-policy.`},label:{required:!1,tsType:{name:`ReactNode`},description:`Заголовок поля.`},description:{required:!1,tsType:{name:`string`},description:`Дополнительное описание поля.`},required:{required:!1,tsType:{name:`boolean`},description:`Обязательность выбора конкретного сегмента.`},fieldError:{required:!1,tsType:{name:`string`},description:`Ошибка выбранного значения сегмента, независимая от загрузки опций.`},size:{required:!1,tsType:{name:`union`,raw:`"xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]},description:`Размер базового Select или MultiSelect.`},width:{required:!1,tsType:{name:`number`},description:`Ширина элемента в \`em\` без служебной добавки базового input.
1
+ import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe-E950Ehp0.js";import{a as i,s as a,t as o}from"./odata-DuJbgix6.js";import{n as s,t as c}from"./createControlledStoryRender-BouhvX-R.js";import{a as l,i as u,n as d,r as f,t as p}from"./useODataSelectBase-Bkht6gRs.js";import{n as m,t as h}from"./DeprecatedMultiSelect-1MSPac-V.js";import{a as g,c as _,i as v,l as y,n as b,o as x,r as S,s as C,t as w,u as T}from"./odataStoryFixtures-CDArjyM7.js";function E({odata:e,segment:t,model:n,value:r,dependencies:i,onChange:a}){let o=f({odata:e,segment:t,model:n,value:r,dependencies:i}),s=e=>{a(d(e,o.selectionKey))};return{...o,handleChange:s}}function D(){return(D=e((()=>{p()})))()}function O({odata:e,segment:t,model:n,label:r,description:i,disabled:o,required:s,fieldError:c,value:l,dependencies:u,onChange:d,size:f}){let p=E({odata:e,segment:t,model:a(n),value:l,dependencies:u,onChange:d});return(0,k.jsx)(h,{label:r,description:i,required:s,fieldError:c,size:f,codeKey:p.codeKey,textKey:p.textKey,hideCode:t.hideCode??e.hideCode,items:p.filteredItems,value:p.selectedItems,onChange:p.handleChange,onQuery:p.setQuery,query:p.query,defaultFilter:!1,highlightQuery:p.debouncedQuery,isLoading:p.isLoading,disabled:o,placeholder:p.placeholder,error:p.isError?`Ошибка загрузки`:void 0})}var k;function A(){return(A=e((()=>{i(),D(),m(),k=r(),O.__docgenInfo={description:``,methods:[],displayName:`ODataMultiSelect`,props:{required:{required:!1,tsType:{name:`boolean`},description:``},fieldError:{required:!1,tsType:{name:`string`},description:``}}}})))()}function j(e){let{item:t,disabled:n,label:r,description:i,required:a,fieldError:o,size:s,width:c=15}=e,u=l(e),{updateSegment:d}=u,f=`calc(${c}em + var(--width-add))`,p=(0,M.useCallback)(e=>{d(t.id,e)},[t.id,d]);return(0,N.jsx)(`div`,{style:{maxWidth:f,minWidth:f},children:(0,N.jsx)(O,{odata:t.odata,segment:t.segment,model:t.model,dependencies:u.values,value:u.values[t.id],onChange:p,disabled:n||u.isSegmentDisabled(t.id),label:r,description:i,required:a,fieldError:o,size:s})})}var M,N;function P(){return(P=e((()=>{M=n(),u(),A(),N=r(),j.__docgenInfo={description:``,methods:[],displayName:`ODataDependentSegmentMultiSelect`,props:{values:{required:!1,tsType:{name:`Record`,elements:[{name:`string`},{name:`Array`,elements:[{name:`string`}],raw:`string[]`}],raw:`Record<string, string[]>`},description:`Внешний снимок значений. При наличии включает controlled-режим.`},defaultValues:{required:!1,tsType:{name:`Record`,elements:[{name:`string`},{name:`Array`,elements:[{name:`string`}],raw:`string[]`}],raw:`Record<string, string[]>`},description:`Начальный снимок для uncontrolled-режима.`},onChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(values: ODataDependentSelectionValues) => void`,signature:{arguments:[{type:{name:`Record`,elements:[{name:`string`},{name:`Array`,elements:[{name:`string`}],raw:`string[]`}],raw:`Record<string, string[]>`},name:`values`}],return:{name:`void`}}},description:`Получает полный снимок после каждого изменения сегмента.`},item:{required:!0,tsType:{name:`ODataDependentSegmentItem`},description:`Развёрнутое описание конкретного OData-сегмента.`},disabled:{required:!1,tsType:{name:`boolean`},description:`Дополнительная внешняя блокировка поверх sequential-policy.`},label:{required:!1,tsType:{name:`ReactNode`},description:`Заголовок поля.`},description:{required:!1,tsType:{name:`string`},description:`Дополнительное описание поля.`},required:{required:!1,tsType:{name:`boolean`},description:`Обязательность выбора конкретного сегмента.`},fieldError:{required:!1,tsType:{name:`string`},description:`Ошибка выбранного значения сегмента, независимая от загрузки опций.`},size:{required:!1,tsType:{name:`union`,raw:`"xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]},description:`Размер базового Select или MultiSelect.`},width:{required:!1,tsType:{name:`number`},description:`Ширина элемента в \`em\` без служебной добавки базового input.
2
2
 
3
3
  @default 15`}}}})))()}var F=t({BasicDivision:()=>U,CollectionError:()=>X,HideCode:()=>W,LinkedFilters:()=>q,LoadingState:()=>J,MetadataError:()=>Y,SelectTextValue:()=>G,StaticDependency:()=>K,__namedExportsOrder:()=>Z,default:()=>H});function I({args:e,updateArgs:t}){return(0,R.jsxs)(`div`,{style:{display:`grid`,gap:12,maxWidth:520},children:[(0,R.jsx)(O,{...e,onChange:n=>{e.onChange(n),t({value:n})}}),(0,R.jsxs)(`div`,{style:{fontSize:`var(--font-size-sm)`,color:`var(--content-1)`},children:[`Текущее значение: `,e.value.length?e.value.join(`, `):`пусто`]})]})}function L(){let e=l({selectionMode:`sequential`,segmentOrder:B});return(0,R.jsxs)(`div`,{style:{display:`grid`,gap:16,maxWidth:720},children:[z.map((t,n)=>(0,R.jsx)(j,{item:t,values:e.values,onChange:e.updateValues,selectionMode:`sequential`,segmentOrder:B,label:t.segment.placeholder,description:n===0?`Первый уровень доступен сразу.`:`Уровень включается после заполнения всего предыдущего пути.`,width:30},t.id)),(0,R.jsx)(`div`,{style:{display:`grid`,gap:4,fontSize:`var(--font-size-sm)`,color:`var(--content-1)`},children:(0,R.jsxs)(`div`,{children:[`Общий снимок: `,JSON.stringify(e.values)]})})]})}var R,z,B,V,H,U,W,G,K,q,J,Y,X,Z;function Q(){return(Q=e((()=>{i(),s(),u(),v(),P(),A(),R=r(),z=o([{odata:b,segments:_,model:w}]),B=z.map(e=>e.id),V=c((e,t)=>(0,R.jsx)(I,{args:e,updateArgs:t})),H={title:`UI/ODataMultiSelect`,component:O,decorators:[T],beforeEach:g,parameters:{atomicCanvas:!0,layout:`padded`,odataMockMode:`success`},args:{label:`Регион`,description:`Пример OData MultiSelect на основе конфигурации ui control.`,odata:b,model:w,segment:S,value:[],onChange:()=>{}},argTypes:{label:{description:`Заголовок поля.`,control:`text`},description:{description:`Описание под полем.`,control:`text`},odata:{description:`Конфигурация OData-источника.`,control:!1},model:{description:`Модель OData-коллекции и codeKey.`,control:!1},segment:{description:`Конфигурация отображения сегмента.`,control:!1},dependencies:{description:`Выбранные значения upstream-сегментов.`,control:!1},value:{description:`Контролируемый набор выбранных кодов или текстов.`,control:!1},onChange:{description:`Вызывается с новым набором выбранных значений.`,control:!1},disabled:{description:`Блокирует взаимодействие с полем.`,control:`boolean`},size:{description:`Размер поля и подписей.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]}}},U={name:`Базовый регион`,render:V,args:{label:`Регион`,description:`Базовая настройка из multiSelectConfig: выбор кодов REGION с текстовым отображением.`,model:{...w,codeKey:`REGION`},segment:{placeholder:`Регион`},value:[C.region]}},W={name:`Скрытый код`,render:V,args:{label:`Подразделение`,description:`Сценарий segment.hideCode: в списке и токене показывается только текст без кода.`,model:{...w,codeKey:`BRANCH`},segment:{placeholder:`Подразделение`,hideCode:!0},value:[C.branch,C.branchAlt]}},G={name:`Выбор текста вместо кода`,render:V,args:{label:`Регион по тексту`,description:`Сценарий segment.selectText: наружу возвращаются текстовые значения, а не коды.`,model:{...w,codeKey:`REGION`},segment:{placeholder:`Регион`,selectText:!0},value:[C.regionText]}},K={name:`Зависимость от региона`,render:V,args:{label:`Подразделение c зависимостью`,description:`Фильтрация подразделений по уже выбранному региону через props.dependencies.`,model:{...w,codeKey:`BRANCH`},segment:{placeholder:`Подразделение`},dependencies:{REGION:[C.region]},value:[C.branch]}},q={name:`Связанная цепочка фильтров`,render:()=>(0,R.jsx)(L,{})},J={name:`Состояние загрузки`,parameters:{odataMockMode:`loading`},render:V,args:{odata:x.loading,label:`Команда`,description:`Mock с задержкой ответа, чтобы проверить loading-state и skeleton.`,model:{...w,codeKey:`TEAM`},segment:{placeholder:`Команда`}}},Y={name:`Ошибка metadata`,decorators:[y],parameters:{odataMockMode:`metadataError`},render:V,args:{odata:x.metadataError,label:`Регион`,description:`Сервис возвращает ошибку metadata. Полезно для проверки поведения хука useODataEntity.`,model:{...w,codeKey:`REGION`},segment:{placeholder:`Регион`}}},X={name:`Деградация при ошибке коллекции`,parameters:{odataMockMode:`collectionError`},render:V,args:{odata:x.collectionError,label:`Ответственный`,description:`Transport возвращает 500, а текущий API-контракт безопасно показывает пустой список.`,model:{...w,codeKey:`OWNER`},segment:{placeholder:`Ответственный`}}},U.parameters={...U.parameters,docs:{...U.parameters?.docs,source:{originalSource:`{
4
4
  name: "Базовый регион",
@@ -1,4 +1,4 @@
1
- import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-1Nw_zWMi.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-DR4JL0hD.js";import{a as p,c as m,i as h,l as g,n as _,o as v,r as y,s as b,t as x,u as S}from"./ODataSelect.stories-B-3GaeU4.js";function C(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(s,{of:b,parameters:{docs:{toc:!0}}}),`
1
+ import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-E950Ehp0.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-DGivDYe5.js";import{a as p,c as m,i as h,l as g,n as _,o as v,r as y,s as b,t as x,u as S}from"./ODataSelect.stories-DHs3wp7E.js";function C(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(s,{of:b,parameters:{docs:{toc:!0}}}),`
2
2
  `,(0,T.jsx)(u,{children:`ODataSelect`}),`
3
3
  `,(0,T.jsx)(o,{children:`Single-select с загрузкой OData-справочника, поиском и зависимостями от внешних фильтров`}),`
4
4
  `,(0,T.jsx)(t.p,{children:`ODataSelect уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
@@ -1,4 +1,4 @@
1
- import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe-1Nw_zWMi.js";import{a as i,s as a,t as o}from"./odata-D9M3xPIL.js";import{a as s,i as c}from"./utils-tg3ibbzi.js";import{a as l,c as u,i as d,o as f,r as p,s as m}from"./OptionContent-BZ3FiJQ4.js";import{n as h,t as g}from"./createControlledStoryRender-BouhvX-R.js";import{c as ee,l as te}from"./Input-7N70tL0u.js";import{n as ne,t as re}from"./Select-BlnKV8rc.js";import{a as _,i as v,r as ie,t as ae}from"./useODataSelectBase-BKAZcf4R.js";import{a as oe,c as y,i as se,l as ce,n as b,o as x,r as le,s as S,t as C,u as w}from"./odataStoryFixtures-eHJgW7OK.js";function ue({odata:e,segment:t,model:n,value:r,dependencies:i,onChange:a}){let o=ie({odata:e,segment:t,model:n,value:r?[r]:[],dependencies:i}),s=o.selectedItems[0],c=(0,T.useMemo)(()=>s?[s,...o.filteredItems]:o.filteredItems,[o.filteredItems,s]),l=e=>{a(e?.[o.selectionKey])};return{...o,selectedItem:s,options:c,handleChange:l}}var T;function E(){return(E=e((()=>{T=n(),ae()})))()}function D({label:e,code:t,highlight:n,labelClassName:r,codeClassName:i}){return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(p,{className:s(`flexEllipsis`,r),children:(0,O.jsx)(m,{text:e,highlight:n})}),t&&(0,O.jsx)(l,{className:i,children:(0,O.jsx)(m,{text:t,highlight:n})})]})}var O;function k(){return(k=e((()=>{c(),f(),d(),u(),O=r(),D.__docgenInfo={description:`Универсальный рендерер опции. Используется и в single-select, и в multi-select.`,methods:[],displayName:`SelectOptionContent`,props:{label:{required:!0,tsType:{name:`string`},description:``},code:{required:!1,tsType:{name:`string`},description:``},highlight:{required:!1,tsType:{name:`string`},description:``},labelClassName:{required:!1,tsType:{name:`string`},description:`Приватный визуальный modifier label для специализированного владельца option.`},codeClassName:{required:!1,tsType:{name:`string`},description:`Отдельный modifier code, потому что code задаёт собственный variable-font weight.`}}}})))()}function A(e,t,n){return e?t||Object.keys(e).find(e=>e!==n)||n:t||n}function j({odata:e,segment:t,model:n,size:r,label:i,description:o,disabled:s,required:c,error:l,value:u,dependencies:d,onChange:f,clearable:p}){let m=ue({odata:e,segment:t,model:a(n),value:u,dependencies:d,onChange:f});if(m.isLoading)return(0,M.jsx)(ee,{size:r,label:i,description:o,required:c});let h=t.hideCode??e.hideCode,g=A(m.selectedItem??m.options[0],m.textKey,m.codeKey);return(0,M.jsx)(re,{size:r,label:i,description:o,required:c,error:l,options:m.options,value:m.selectedItem,onChange:m.handleChange,getOptionKey:e=>e[m.codeKey],getOptionLabel:e=>e[g],getOptionCode:h?void 0:e=>e[m.codeKey],getOptionAriaLabel:e=>h||e[g]===e[m.codeKey]?String(e[g]):`${e[g]} ${e[m.codeKey]}`,renderValue:e=>(0,M.jsx)(D,{label:e[g],code:h?void 0:e[m.codeKey]}),renderOption:e=>(0,M.jsx)(D,{label:e[g],code:h?void 0:e[m.codeKey],highlight:m.debouncedQuery}),searchable:!0,query:m.query,onQuery:m.setQuery,defaultFilter:!1,disabled:s||m.isLoading,placeholder:m.placeholder,isLoading:m.isLoading,errorState:m.isError?`Ошибка загрузки`:void 0,emptyState:!m.isLoading&&!m.isError?`Нет данных`:void 0,clearable:p})}var M;function N(){return(N=e((()=>{i(),te(),E(),ne(),k(),M=r(),j.__docgenInfo={description:``,methods:[],displayName:`ODataSelect`,props:{label:{required:!1,tsType:{name:`ReactNode`},description:``},description:{required:!1,tsType:{name:`string`},description:``},placeholder:{required:!1,tsType:{name:`string`},description:``},disabled:{required:!1,tsType:{name:`boolean`},description:``},size:{required:!1,tsType:{name:`union`,raw:`"xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]},description:``},value:{required:!0,tsType:{name:`V`},description:"Если начальное состояние может быть `null | undefined`\nзначит `onChange` тоже должен ументь сбрасывать.\nПоэтому такой контрол явно должен передавать `UiBaseProps<AnyType | undefined>`"},onChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(value: T) => void`,signature:{arguments:[{type:{name:`C`},name:`value`}],return:{name:`void`}}},description:``},clearable:{required:!1,tsType:{name:`boolean`},description:``},required:{required:!1,tsType:{name:`boolean`},description:``},error:{required:!1,tsType:{name:`string`},description:``}}}})))()}function P(e){let{item:t,disabled:n,label:r,description:i,required:a,fieldError:o,size:s,width:c=15,clearable:l}=e,u=_(e),{updateSegment:d}=u,f=`calc(${c}em + var(--width-add))`,p=(0,F.useCallback)(e=>{d(t.id,e===void 0?[]:[e])},[t.id,d]);return(0,I.jsx)(`div`,{style:{maxWidth:f,minWidth:f},children:(0,I.jsx)(j,{odata:t.odata,segment:t.segment,model:t.model,dependencies:u.values,value:u.values[t.id]?.[0],onChange:p,disabled:n||u.isSegmentDisabled(t.id),label:r,description:i,required:a,error:o,size:s,clearable:l})})}var F,I;function L(){return(L=e((()=>{F=n(),v(),N(),I=r(),P.__docgenInfo={description:`Адаптирует один развёрнутый зависимый OData-сегмент к single-select UI.
1
+ import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe-E950Ehp0.js";import{a as i,s as a,t as o}from"./odata-DuJbgix6.js";import{a as s,i as c}from"./utils-tg3ibbzi.js";import{a as l,c as u,i as d,o as f,r as p,s as m}from"./OptionContent-FZ-u9L1s.js";import{n as h,t as g}from"./createControlledStoryRender-BouhvX-R.js";import{c as ee,l as te}from"./Input-CzvWPW0I.js";import{n as ne,t as re}from"./Select-DYOCTPiv.js";import{a as _,i as v,r as ie,t as ae}from"./useODataSelectBase-Bkht6gRs.js";import{a as oe,c as y,i as se,l as ce,n as b,o as x,r as le,s as S,t as C,u as w}from"./odataStoryFixtures-CDArjyM7.js";function ue({odata:e,segment:t,model:n,value:r,dependencies:i,onChange:a}){let o=ie({odata:e,segment:t,model:n,value:r?[r]:[],dependencies:i}),s=o.selectedItems[0],c=(0,T.useMemo)(()=>s?[s,...o.filteredItems]:o.filteredItems,[o.filteredItems,s]),l=e=>{a(e?.[o.selectionKey])};return{...o,selectedItem:s,options:c,handleChange:l}}var T;function E(){return(E=e((()=>{T=n(),ae()})))()}function D({label:e,code:t,highlight:n,labelClassName:r,codeClassName:i}){return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(p,{className:s(`flexEllipsis`,r),children:(0,O.jsx)(m,{text:e,highlight:n})}),t&&(0,O.jsx)(l,{className:i,children:(0,O.jsx)(m,{text:t,highlight:n})})]})}var O;function k(){return(k=e((()=>{c(),f(),d(),u(),O=r(),D.__docgenInfo={description:`Универсальный рендерер опции. Используется и в single-select, и в multi-select.`,methods:[],displayName:`SelectOptionContent`,props:{label:{required:!0,tsType:{name:`string`},description:``},code:{required:!1,tsType:{name:`string`},description:``},highlight:{required:!1,tsType:{name:`string`},description:``},labelClassName:{required:!1,tsType:{name:`string`},description:`Приватный визуальный modifier label для специализированного владельца option.`},codeClassName:{required:!1,tsType:{name:`string`},description:`Отдельный modifier code, потому что code задаёт собственный variable-font weight.`}}}})))()}function A(e,t,n){return e?t||Object.keys(e).find(e=>e!==n)||n:t||n}function j({odata:e,segment:t,model:n,size:r,label:i,description:o,disabled:s,required:c,error:l,value:u,dependencies:d,onChange:f,clearable:p}){let m=ue({odata:e,segment:t,model:a(n),value:u,dependencies:d,onChange:f});if(m.isLoading)return(0,M.jsx)(ee,{size:r,label:i,description:o,required:c});let h=t.hideCode??e.hideCode,g=A(m.selectedItem??m.options[0],m.textKey,m.codeKey);return(0,M.jsx)(re,{size:r,label:i,description:o,required:c,error:l,options:m.options,value:m.selectedItem,onChange:m.handleChange,getOptionKey:e=>e[m.codeKey],getOptionLabel:e=>e[g],getOptionCode:h?void 0:e=>e[m.codeKey],getOptionAriaLabel:e=>h||e[g]===e[m.codeKey]?String(e[g]):`${e[g]} ${e[m.codeKey]}`,renderValue:e=>(0,M.jsx)(D,{label:e[g],code:h?void 0:e[m.codeKey]}),renderOption:e=>(0,M.jsx)(D,{label:e[g],code:h?void 0:e[m.codeKey],highlight:m.debouncedQuery}),searchable:!0,query:m.query,onQuery:m.setQuery,defaultFilter:!1,disabled:s||m.isLoading,placeholder:m.placeholder,isLoading:m.isLoading,errorState:m.isError?`Ошибка загрузки`:void 0,emptyState:!m.isLoading&&!m.isError?`Нет данных`:void 0,clearable:p})}var M;function N(){return(N=e((()=>{i(),te(),E(),ne(),k(),M=r(),j.__docgenInfo={description:``,methods:[],displayName:`ODataSelect`,props:{label:{required:!1,tsType:{name:`ReactNode`},description:``},description:{required:!1,tsType:{name:`string`},description:``},placeholder:{required:!1,tsType:{name:`string`},description:``},disabled:{required:!1,tsType:{name:`boolean`},description:``},size:{required:!1,tsType:{name:`union`,raw:`"xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]},description:``},value:{required:!0,tsType:{name:`V`},description:"Если начальное состояние может быть `null | undefined`\nзначит `onChange` тоже должен ументь сбрасывать.\nПоэтому такой контрол явно должен передавать `UiBaseProps<AnyType | undefined>`"},onChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(value: T) => void`,signature:{arguments:[{type:{name:`C`},name:`value`}],return:{name:`void`}}},description:``},clearable:{required:!1,tsType:{name:`boolean`},description:``},required:{required:!1,tsType:{name:`boolean`},description:``},error:{required:!1,tsType:{name:`string`},description:``}}}})))()}function P(e){let{item:t,disabled:n,label:r,description:i,required:a,fieldError:o,size:s,width:c=15,clearable:l}=e,u=_(e),{updateSegment:d}=u,f=`calc(${c}em + var(--width-add))`,p=(0,F.useCallback)(e=>{d(t.id,e===void 0?[]:[e])},[t.id,d]);return(0,I.jsx)(`div`,{style:{maxWidth:f,minWidth:f},children:(0,I.jsx)(j,{odata:t.odata,segment:t.segment,model:t.model,dependencies:u.values,value:u.values[t.id]?.[0],onChange:p,disabled:n||u.isSegmentDisabled(t.id),label:r,description:i,required:a,error:o,size:s,clearable:l})})}var F,I;function L(){return(L=e((()=>{F=n(),v(),N(),I=r(),P.__docgenInfo={description:`Адаптирует один развёрнутый зависимый OData-сегмент к single-select UI.
2
2
  Общий снимок остаётся массивным, поэтому совместим с \`dependencies\` и
3
3
  может совместно использоваться с segment-level MultiSelect-контролами.`,methods:[],displayName:`ODataDependentSegmentSelect`,props:{values:{required:!1,tsType:{name:`Record`,elements:[{name:`string`},{name:`Array`,elements:[{name:`string`}],raw:`string[]`}],raw:`Record<string, string[]>`},description:`Внешний снимок значений. При наличии включает controlled-режим.`},defaultValues:{required:!1,tsType:{name:`Record`,elements:[{name:`string`},{name:`Array`,elements:[{name:`string`}],raw:`string[]`}],raw:`Record<string, string[]>`},description:`Начальный снимок для uncontrolled-режима.`},onChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(values: ODataDependentSelectionValues) => void`,signature:{arguments:[{type:{name:`Record`,elements:[{name:`string`},{name:`Array`,elements:[{name:`string`}],raw:`string[]`}],raw:`Record<string, string[]>`},name:`values`}],return:{name:`void`}}},description:`Получает полный снимок после каждого изменения сегмента.`},item:{required:!0,tsType:{name:`ODataDependentSegmentItem`},description:`Развёрнутое описание конкретного OData-сегмента.`},disabled:{required:!1,tsType:{name:`boolean`},description:`Дополнительная внешняя блокировка поверх sequential-policy.`},label:{required:!1,tsType:{name:`ReactNode`},description:`Заголовок поля.`},description:{required:!1,tsType:{name:`string`},description:`Дополнительное описание поля.`},required:{required:!1,tsType:{name:`boolean`},description:`Обязательность выбора конкретного сегмента.`},fieldError:{required:!1,tsType:{name:`string`},description:`Ошибка выбранного значения сегмента, независимая от загрузки опций.`},size:{required:!1,tsType:{name:`union`,raw:`"xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]},description:`Размер базового Select или MultiSelect.`},width:{required:!1,tsType:{name:`number`},description:`Ширина элемента в \`em\` без служебной добавки базового input.
4
4
 
@@ -1,4 +1,4 @@
1
- import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-1Nw_zWMi.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-DR4JL0hD.js";import{a as p,c as m,i as h,l as g,n as _,o as v,r as y,s as b,t as x}from"./ODataTreeMultiSelect.stories-DI9tH2qD.js";function S(e){let t={code:`code`,h2:`h2`,p:`p`,...n(),...e.components};return(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(s,{of:b,parameters:{docs:{toc:!0}}}),`
1
+ import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-E950Ehp0.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-DGivDYe5.js";import{a as p,c as m,i as h,l as g,n as _,o as v,r as y,s as b,t as x}from"./ODataTreeMultiSelect.stories-BtwLdGK6.js";function S(e){let t={code:`code`,h2:`h2`,p:`p`,...n(),...e.components};return(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(s,{of:b,parameters:{docs:{toc:!0}}}),`
2
2
  `,(0,w.jsx)(u,{children:`ODataTreeMultiSelect`}),`
3
3
  `,(0,w.jsx)(o,{children:`Мультивыбор по одной OData-цепочке в виде дерева`}),`
4
4
  `,(0,w.jsxs)(t.p,{children:[(0,w.jsx)(t.code,{children:`ODataTreeMultiSelect`}),` строит дерево из одной OData-цепочки и отдает наружу канонизированный выбор в формате `,(0,w.jsx)(t.code,{children:`Record<string, string[]>`}),`.`]}),`
@@ -1,4 +1,4 @@
1
- import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe-1Nw_zWMi.js";import{n as i,t as a}from"./createControlledStoryRender-BouhvX-R.js";import{n as o,t as s}from"./TreeMultiSelect-BHNmPW50.js";import{n as c,t as l}from"./useODataTreeData-Bxlcmpg8.js";import{a as u,c as d,i as f,l as p,n as m,o as h,s as g,u as _}from"./odataStoryFixtures-eHJgW7OK.js";function v({label:e,description:t,disabled:n,required:r,fieldError:i,size:a,placeholder:o,query:l,defaultQuery:u,onQuery:d,optionsLayout:f,value:p,onChange:m,odata:h,segments:g,model:_,defaultExpandedCodeKeys:v,segmentOrder:x,allowEmptyCodeKeys:S,transformNodes:C}){let w=c({odata:h,segments:g,model:_,segmentOrder:x,allowEmptyCodeKeys:S}),T=(0,y.useMemo)(()=>C?.(w.nodes,{orderedCodeKeys:w.orderedCodeKeys})??w.nodes,[C,w.nodes,w.orderedCodeKeys]);return(0,b.jsx)(s,{label:e,description:t,required:r,fieldError:i,disabled:n||w.isLoading,size:a,placeholder:o??w.placeholder,nodes:T,value:p,onChange:m,query:l,defaultQuery:u,onQuery:d,optionsLayout:f,defaultExpandedCodeKeys:v,isLoading:w.isLoading,error:w.isError?`Ошибка загрузки`:void 0})}var y,b;function x(){return(x=e((()=>{y=n(),l(),o(),b=r(),v.__docgenInfo={description:``,methods:[],displayName:`ODataTreeMultiSelect`,props:{model:{required:!1,tsType:{name:`ODataDependentBaseProps["model"]`,raw:`ODataDependentBaseProps["model"]`},description:``},required:{required:!1,tsType:{name:`boolean`},description:``},fieldError:{required:!1,tsType:{name:`string`},description:``},placeholder:{required:!1,tsType:{name:`string`},description:``},query:{required:!1,tsType:{name:`string`},description:``},defaultQuery:{required:!1,tsType:{name:`string`},description:``},onQuery:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(value: string) => void`,signature:{arguments:[{type:{name:`string`},name:`value`}],return:{name:`void`}}},description:``},optionsLayout:{required:!1,tsType:{name:`union`,raw:`"tree" | "columns"`,elements:[{name:`literal`,value:`"tree"`},{name:`literal`,value:`"columns"`}]},description:`Переключает способ показа загруженного OData-дерева, не меняя формат value и запросов.`},defaultExpandedCodeKeys:{required:!1,tsType:{name:`unknown`},description:"Ключи OData-уровней, раскрываемых после появления загруженных узлов.\nВ режиме `columns` дерево по-прежнему отображается полностью раскрытым."},segmentOrder:{required:!1,tsType:{name:`unknown`},description:`Явный порядок уровней поверх порядка, автоматически полученного из metadata-chain.`},allowEmptyCodeKeys:{required:!1,tsType:{name:`unknown`},description:`Уровни, на которых пустой код не обрывает последующие уровни дерева.`},transformNodes:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(
1
+ import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe-E950Ehp0.js";import{n as i,t as a}from"./createControlledStoryRender-BouhvX-R.js";import{n as o,t as s}from"./TreeMultiSelect-Bp_Akwgc.js";import{n as c,t as l}from"./useODataTreeData-DTWPuC9Y.js";import{a as u,c as d,i as f,l as p,n as m,o as h,s as g,u as _}from"./odataStoryFixtures-CDArjyM7.js";function v({label:e,description:t,disabled:n,required:r,fieldError:i,size:a,placeholder:o,query:l,defaultQuery:u,onQuery:d,optionsLayout:f,value:p,onChange:m,odata:h,segments:g,model:_,defaultExpandedCodeKeys:v,segmentOrder:x,allowEmptyCodeKeys:S,transformNodes:C}){let w=c({odata:h,segments:g,model:_,segmentOrder:x,allowEmptyCodeKeys:S}),T=(0,y.useMemo)(()=>C?.(w.nodes,{orderedCodeKeys:w.orderedCodeKeys})??w.nodes,[C,w.nodes,w.orderedCodeKeys]);return(0,b.jsx)(s,{label:e,description:t,required:r,fieldError:i,disabled:n||w.isLoading,size:a,placeholder:o??w.placeholder,nodes:T,value:p,onChange:m,query:l,defaultQuery:u,onQuery:d,optionsLayout:f,defaultExpandedCodeKeys:v,isLoading:w.isLoading,error:w.isError?`Ошибка загрузки`:void 0})}var y,b;function x(){return(x=e((()=>{y=n(),l(),o(),b=r(),v.__docgenInfo={description:``,methods:[],displayName:`ODataTreeMultiSelect`,props:{model:{required:!1,tsType:{name:`ODataDependentBaseProps["model"]`,raw:`ODataDependentBaseProps["model"]`},description:``},required:{required:!1,tsType:{name:`boolean`},description:``},fieldError:{required:!1,tsType:{name:`string`},description:``},placeholder:{required:!1,tsType:{name:`string`},description:``},query:{required:!1,tsType:{name:`string`},description:``},defaultQuery:{required:!1,tsType:{name:`string`},description:``},onQuery:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(value: string) => void`,signature:{arguments:[{type:{name:`string`},name:`value`}],return:{name:`void`}}},description:``},optionsLayout:{required:!1,tsType:{name:`union`,raw:`"tree" | "columns"`,elements:[{name:`literal`,value:`"tree"`},{name:`literal`,value:`"columns"`}]},description:`Переключает способ показа загруженного OData-дерева, не меняя формат value и запросов.`},defaultExpandedCodeKeys:{required:!1,tsType:{name:`unknown`},description:"Ключи OData-уровней, раскрываемых после появления загруженных узлов.\nВ режиме `columns` дерево по-прежнему отображается полностью раскрытым."},segmentOrder:{required:!1,tsType:{name:`unknown`},description:`Явный порядок уровней поверх порядка, автоматически полученного из metadata-chain.`},allowEmptyCodeKeys:{required:!1,tsType:{name:`unknown`},description:`Уровни, на которых пустой код не обрывает последующие уровни дерева.`},transformNodes:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(
2
2
  nodes: readonly TreeSelectNode[],
3
3
  context: ODataTreeMultiSelectNodesTransformContext
4
4
  ) => readonly TreeSelectNode[]`,signature:{arguments:[{type:{name:`unknown`},name:`nodes`},{type:{name:`signature`,type:`object`,raw:`{
@@ -1,4 +1,4 @@
1
- import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-1Nw_zWMi.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-DR4JL0hD.js";import{a as p,i as m,n as h,o as g,r as _,s as v,t as y}from"./ODataTreeSelect.stories-DfaL0dci.js";function b(e){let t={code:`code`,h2:`h2`,p:`p`,...n(),...e.components};return(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(s,{of:m,parameters:{docs:{toc:!0}}}),`
1
+ import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-E950Ehp0.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-DGivDYe5.js";import{a as p,i as m,n as h,o as g,r as _,s as v,t as y}from"./ODataTreeSelect.stories-1r_tkUVi.js";function b(e){let t={code:`code`,h2:`h2`,p:`p`,...n(),...e.components};return(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(s,{of:m,parameters:{docs:{toc:!0}}}),`
2
2
  `,(0,S.jsx)(u,{children:`ODataTreeSelect`}),`
3
3
  `,(0,S.jsx)(o,{children:`Single-select по одной OData-цепочке в виде дерева`}),`
4
4
  `,(0,S.jsxs)(t.p,{children:[(0,S.jsx)(t.code,{children:`ODataTreeSelect`}),` загружает одну OData-коллекцию, строит дерево по цепочке codeKey и позволяет выбрать любой узел.`]}),`
@@ -1,4 +1,4 @@
1
- import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n}from"./iframe-1Nw_zWMi.js";import{n as r,t as i}from"./createControlledStoryRender-BouhvX-R.js";import{n as a,t as o}from"./useODataTreeData-Bxlcmpg8.js";import{n as s,t as c}from"./TreeSelect-T7G2pkyK.js";import{a as l,c as u,i as d,l as f,n as p,o as m,s as h,u as g}from"./odataStoryFixtures-eHJgW7OK.js";function _({label:e,description:t,disabled:n,required:r,fieldError:i,size:o,placeholder:s,query:l,defaultQuery:u,onQuery:d,value:f,onChange:p,odata:m,segments:h,model:g,clearable:_,defaultExpandedCodeKeys:y}){let b=a({odata:m,segments:h,model:g});return(0,v.jsx)(c,{label:e,description:t,required:r,fieldError:i,disabled:n||b.isLoading,size:o,placeholder:s??b.placeholder,nodes:b.nodes,value:f,onChange:p,query:l,defaultQuery:u,onQuery:d,defaultExpandedCodeKeys:y,isLoading:b.isLoading,error:b.isError?`Ошибка загрузки`:void 0,clearable:_})}var v;function y(){return(y=e((()=>{o(),s(),v=n(),_.__docgenInfo={description:``,methods:[],displayName:`ODataTreeSelect`,props:{model:{required:!1,tsType:{name:`ODataDependentBaseProps["model"]`,raw:`ODataDependentBaseProps["model"]`},description:``},placeholder:{required:!1,tsType:{name:`string`},description:``},query:{required:!1,tsType:{name:`string`},description:``},defaultQuery:{required:!1,tsType:{name:`string`},description:``},onQuery:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(value: string) => void`,signature:{arguments:[{type:{name:`string`},name:`value`}],return:{name:`void`}}},description:``},clearable:{required:!1,tsType:{name:`boolean`},description:``},required:{required:!1,tsType:{name:`boolean`},description:``},fieldError:{required:!1,tsType:{name:`string`},description:``},defaultExpandedCodeKeys:{required:!1,tsType:{name:`unknown`},description:`Ключи OData-уровней, раскрываемых после появления загруженных узлов.
1
+ import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n}from"./iframe-E950Ehp0.js";import{n as r,t as i}from"./createControlledStoryRender-BouhvX-R.js";import{n as a,t as o}from"./useODataTreeData-DTWPuC9Y.js";import{n as s,t as c}from"./TreeSelect-DleoF0hJ.js";import{a as l,c as u,i as d,l as f,n as p,o as m,s as h,u as g}from"./odataStoryFixtures-CDArjyM7.js";function _({label:e,description:t,disabled:n,required:r,fieldError:i,size:o,placeholder:s,query:l,defaultQuery:u,onQuery:d,value:f,onChange:p,odata:m,segments:h,model:g,clearable:_,defaultExpandedCodeKeys:y}){let b=a({odata:m,segments:h,model:g});return(0,v.jsx)(c,{label:e,description:t,required:r,fieldError:i,disabled:n||b.isLoading,size:o,placeholder:s??b.placeholder,nodes:b.nodes,value:f,onChange:p,query:l,defaultQuery:u,onQuery:d,defaultExpandedCodeKeys:y,isLoading:b.isLoading,error:b.isError?`Ошибка загрузки`:void 0,clearable:_})}var v;function y(){return(y=e((()=>{o(),s(),v=n(),_.__docgenInfo={description:``,methods:[],displayName:`ODataTreeSelect`,props:{model:{required:!1,tsType:{name:`ODataDependentBaseProps["model"]`,raw:`ODataDependentBaseProps["model"]`},description:``},placeholder:{required:!1,tsType:{name:`string`},description:``},query:{required:!1,tsType:{name:`string`},description:``},defaultQuery:{required:!1,tsType:{name:`string`},description:``},onQuery:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(value: string) => void`,signature:{arguments:[{type:{name:`string`},name:`value`}],return:{name:`void`}}},description:``},clearable:{required:!1,tsType:{name:`boolean`},description:``},required:{required:!1,tsType:{name:`boolean`},description:``},fieldError:{required:!1,tsType:{name:`string`},description:``},defaultExpandedCodeKeys:{required:!1,tsType:{name:`unknown`},description:`Ключи OData-уровней, раскрываемых после появления загруженных узлов.
2
2
  Настройка влияет только на представление и не изменяет OData-запросы.`}},composes:[`Omit`]}})))()}var b=t({Basic:()=>T,ErrorState:()=>k,LoadingState:()=>O,OnlySecondLevelExpanded:()=>D,SelectParent:()=>E,__namedExportsOrder:()=>A,default:()=>w});function x({args:e,updateArgs:t}){return(0,S.jsxs)(`div`,{style:{display:`grid`,gap:12,maxWidth:520},children:[(0,S.jsx)(_,{...e,onChange:n=>{e.onChange(n),t({value:n})}}),(0,S.jsxs)(`div`,{style:{fontSize:`var(--font-size-sm)`,color:`var(--content-1)`},children:[`Текущее значение: `,e.value?`${e.value.codeKey}=${e.value.value}`:`пусто`]})]})}var S,C,w,T,E,D,O,k,A;function j(){return(j=e((()=>{r(),d(),y(),S=n(),C=i((e,t)=>(0,S.jsx)(x,{args:e,updateArgs:t})),w={title:`UI/ODataTreeSelect`,component:_,decorators:[g],beforeEach:l,parameters:{atomicCanvas:!0,layout:`padded`,odataMockMode:`success`},args:{label:`OData дерево`,description:`Single-select поверх одной OData-цепочки.`,odata:p,segments:u,value:void 0,onChange:()=>{}},argTypes:{label:{description:`Заголовок поля.`,control:`text`},description:{description:`Описание под полем.`,control:`text`},placeholder:{description:`Текст без выбранного узла.`,control:`text`},odata:{description:`Конфигурация OData-источника.`,control:!1},segments:{description:`Конфигурация уровней OData-дерева.`,control:!1},model:{description:`Опциональная модель OData-коллекции.`,control:!1},value:{description:`Выбранный узел в формате codeKey/value.`,control:!1},onChange:{description:`Вызывается при выборе узла.`,control:!1},query:{description:`Контролируемый текст поиска.`,control:`text`},defaultQuery:{description:`Начальный текст поиска в uncontrolled-режиме.`,control:`text`},onQuery:{description:`Вызывается при вводе поисковой строки.`,control:!1},clearable:{description:`Показывает действие очистки выбора.`,control:`boolean`},defaultExpandedCodeKeys:{description:`Ключи уровней, раскрываемых после загрузки.`,control:!1},disabled:{description:`Блокирует взаимодействие с полем.`,control:`boolean`},size:{description:`Размер поля и подписей.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]}}},T={render:C,args:{value:{codeKey:`OWNER`,value:h.owner}}},E={render:C,args:{label:`Выбор родителя`,description:`Проверка выбора узла верхнего уровня из OData-дерева.`,value:{codeKey:`REGION`,value:h.region}}},D={render:C,args:{label:`Раскрывается только второй уровень`,description:`REGION остаётся закрытым. После его ручного открытия узлы BRANCH уже раскрыты по умолчанию.`,defaultExpandedCodeKeys:[`BRANCH`]}},O={parameters:{odataMockMode:`loading`},render:C,args:{odata:m.loading,description:`Сценарий загрузки дерева.`}},k={decorators:[f],parameters:{odataMockMode:`metadataError`},render:C,args:{odata:m.metadataError,description:`Сценарий ошибки metadata дерева.`}},T.parameters={...T.parameters,docs:{...T.parameters?.docs,source:{originalSource:`{
3
3
  render: renderODataTreeSelectStory,
4
4
  args: {
@@ -1,4 +1,4 @@
1
- import{a as e,n as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r,t as i}from"./chevron-left-C1SZ4PrE.js";import{n as a,t as o}from"./chevron-right-CfCjHN8b.js";import{n as s}from"./iframe-1Nw_zWMi.js";import{a as c,i as l}from"./utils-tg3ibbzi.js";var u,d,f,p,m;function h(){return(h=t((()=>{u=`_7xUQBN`,d=`AonLqg`,f=`j-5yFn`,p=`pOIq63`,m={oneStepScroller:u,ossViewport:d,ossScroller:f,ossButton:p}})))()}function g(e){return Math.max(0,e.scrollWidth-e.clientWidth)}function _({children:e,className:t,itemSelector:n,scrollPadding:r=6,smooth:a=!0}){let s=(0,v.useRef)(null),l=(0,v.useRef)(null),[u,d]=(0,v.useState)(!1),[f,p]=(0,v.useState)(!1),h=(0,v.useCallback)(()=>{let e=s.current;return e?n?Array.from(e.querySelectorAll(n)):Array.from(e.children).filter(e=>e instanceof HTMLElement):[]},[n]),_=(0,v.useCallback)(e=>{let t=s.current;if(!t)return null;if(n){let r=e.closest(n);return r&&t.contains(r)?r:null}let r=e;for(;r&&r.parentElement&&r.parentElement!==t;)r=r.parentElement;return r&&r.parentElement===t?r:null},[n]),x=(0,v.useCallback)(()=>{let e=s.current;if(!e){d(!1),p(!1);return}let t=Math.max(0,e.scrollWidth-e.clientWidth),n=Math.max(0,Math.min(e.scrollLeft,t)),r=n>b,i=n<t-b;d(e=>e===r?e:r),p(e=>e===i?e:i)},[]),S=(0,v.useCallback)(()=>{l.current===null&&(l.current=requestAnimationFrame(()=>{l.current=null,x()}))},[x]),C=(0,v.useCallback)(e=>{let t=s.current;if(!t)return;let n=h()[0];if(!n)return;let r=n.getBoundingClientRect().width;if(!r)return;let i=Math.round(e*r),o=Math.max(0,t.scrollWidth-t.clientWidth),c=Math.max(0,Math.min(t.scrollLeft+i,o));t.scrollTo({left:c,behavior:a?`smooth`:`auto`})},[h,a]),w=(0,v.useCallback)(e=>{let t=s.current;if(!t)return;let n=t.getBoundingClientRect(),i=e.getBoundingClientRect(),o=i.left-n.left+t.scrollLeft,c=o+i.width,l=t.scrollLeft,u=t.scrollLeft+t.clientWidth;if(o>=l+b&&c<=u-b)return;let d=t.scrollLeft;o<l?d=Math.max(0,o-r):c>u&&(d=Math.min(g(t),c-t.clientWidth+r)),t.scrollTo({left:Math.round(d),behavior:a?`smooth`:`auto`})},[r,a]);(0,v.useEffect)(()=>{let e=s.current;if(!e)return;let t=e=>{let t=e.target;if(!(t instanceof HTMLElement))return;let n=_(t);n&&w(n)};return e.addEventListener(`focusin`,t),()=>e.removeEventListener(`focusin`,t)},[w,_]),(0,v.useEffect)(()=>{let e=s.current;if(!e)return;let t=()=>S();e.addEventListener(`scroll`,t,{passive:!0});let n=null;typeof ResizeObserver<`u`&&(n=new ResizeObserver(S),n.observe(e));let r=null;return typeof MutationObserver<`u`&&(r=new MutationObserver(S),r.observe(e,{childList:!0,subtree:!1})),S(),()=>{e.removeEventListener(`scroll`,t),n?.disconnect(),r?.disconnect(),l.current!==null&&(cancelAnimationFrame(l.current),l.current=null)}},[S]),(0,v.useEffect)(()=>{S()},[e,S]);let T=()=>C(-1),E=()=>C(1),D=e=>{e.defaultPrevented||(e.key===`ArrowLeft`?(e.preventDefault(),T()):e.key===`ArrowRight`&&(e.preventDefault(),E()))},O=u||f;return(0,y.jsxs)(`div`,{className:c(m.oneStepScroller,t),style:{position:`relative`},children:[O&&(0,y.jsx)(`button`,{type:`button`,"aria-label":`Прокрутить шаг влево`,className:m.ossButton,onClick:T,disabled:!u,children:(0,y.jsx)(i,{})}),(0,y.jsx)(`div`,{className:m.ossViewport,onKeyDown:D,role:`group`,"aria-label":`Элементы прокрутки`,children:(0,y.jsx)(`div`,{className:m.ossScroller,ref:s,"aria-live":`polite`,children:e})}),O&&(0,y.jsx)(`button`,{type:`button`,"aria-label":`Прокрутить шаг вправо`,className:m.ossButton,onClick:E,disabled:!f,children:(0,y.jsx)(o,{})})]})}var v,y,b;function x(){return(x=t((()=>{v=e(n(),1),l(),r(),a(),h(),y=s(),b=1,_.__docgenInfo={description:`Горизонтальный скроллер "по одному элементу".
1
+ import{a as e,n as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r,t as i}from"./chevron-left-CLqpYqDQ.js";import{n as a,t as o}from"./chevron-right-CXryGzSx.js";import{n as s}from"./iframe-E950Ehp0.js";import{a as c,i as l}from"./utils-tg3ibbzi.js";var u,d,f,p,m;function h(){return(h=t((()=>{u=`_7xUQBN`,d=`AonLqg`,f=`j-5yFn`,p=`pOIq63`,m={oneStepScroller:u,ossViewport:d,ossScroller:f,ossButton:p}})))()}function g(e){return Math.max(0,e.scrollWidth-e.clientWidth)}function _({children:e,className:t,itemSelector:n,scrollPadding:r=6,smooth:a=!0}){let s=(0,v.useRef)(null),l=(0,v.useRef)(null),[u,d]=(0,v.useState)(!1),[f,p]=(0,v.useState)(!1),h=(0,v.useCallback)(()=>{let e=s.current;return e?n?Array.from(e.querySelectorAll(n)):Array.from(e.children).filter(e=>e instanceof HTMLElement):[]},[n]),_=(0,v.useCallback)(e=>{let t=s.current;if(!t)return null;if(n){let r=e.closest(n);return r&&t.contains(r)?r:null}let r=e;for(;r&&r.parentElement&&r.parentElement!==t;)r=r.parentElement;return r&&r.parentElement===t?r:null},[n]),x=(0,v.useCallback)(()=>{let e=s.current;if(!e){d(!1),p(!1);return}let t=Math.max(0,e.scrollWidth-e.clientWidth),n=Math.max(0,Math.min(e.scrollLeft,t)),r=n>b,i=n<t-b;d(e=>e===r?e:r),p(e=>e===i?e:i)},[]),S=(0,v.useCallback)(()=>{l.current===null&&(l.current=requestAnimationFrame(()=>{l.current=null,x()}))},[x]),C=(0,v.useCallback)(e=>{let t=s.current;if(!t)return;let n=h()[0];if(!n)return;let r=n.getBoundingClientRect().width;if(!r)return;let i=Math.round(e*r),o=Math.max(0,t.scrollWidth-t.clientWidth),c=Math.max(0,Math.min(t.scrollLeft+i,o));t.scrollTo({left:c,behavior:a?`smooth`:`auto`})},[h,a]),w=(0,v.useCallback)(e=>{let t=s.current;if(!t)return;let n=t.getBoundingClientRect(),i=e.getBoundingClientRect(),o=i.left-n.left+t.scrollLeft,c=o+i.width,l=t.scrollLeft,u=t.scrollLeft+t.clientWidth;if(o>=l+b&&c<=u-b)return;let d=t.scrollLeft;o<l?d=Math.max(0,o-r):c>u&&(d=Math.min(g(t),c-t.clientWidth+r)),t.scrollTo({left:Math.round(d),behavior:a?`smooth`:`auto`})},[r,a]);(0,v.useEffect)(()=>{let e=s.current;if(!e)return;let t=e=>{let t=e.target;if(!(t instanceof HTMLElement))return;let n=_(t);n&&w(n)};return e.addEventListener(`focusin`,t),()=>e.removeEventListener(`focusin`,t)},[w,_]),(0,v.useEffect)(()=>{let e=s.current;if(!e)return;let t=()=>S();e.addEventListener(`scroll`,t,{passive:!0});let n=null;typeof ResizeObserver<`u`&&(n=new ResizeObserver(S),n.observe(e));let r=null;return typeof MutationObserver<`u`&&(r=new MutationObserver(S),r.observe(e,{childList:!0,subtree:!1})),S(),()=>{e.removeEventListener(`scroll`,t),n?.disconnect(),r?.disconnect(),l.current!==null&&(cancelAnimationFrame(l.current),l.current=null)}},[S]),(0,v.useEffect)(()=>{S()},[e,S]);let T=()=>C(-1),E=()=>C(1),D=e=>{e.defaultPrevented||(e.key===`ArrowLeft`?(e.preventDefault(),T()):e.key===`ArrowRight`&&(e.preventDefault(),E()))},O=u||f;return(0,y.jsxs)(`div`,{className:c(m.oneStepScroller,t),style:{position:`relative`},children:[O&&(0,y.jsx)(`button`,{type:`button`,"aria-label":`Прокрутить шаг влево`,className:m.ossButton,onClick:T,disabled:!u,children:(0,y.jsx)(i,{})}),(0,y.jsx)(`div`,{className:m.ossViewport,onKeyDown:D,role:`group`,"aria-label":`Элементы прокрутки`,children:(0,y.jsx)(`div`,{className:m.ossScroller,ref:s,"aria-live":`polite`,children:e})}),O&&(0,y.jsx)(`button`,{type:`button`,"aria-label":`Прокрутить шаг вправо`,className:m.ossButton,onClick:E,disabled:!f,children:(0,y.jsx)(o,{})})]})}var v,y,b;function x(){return(x=t((()=>{v=e(n(),1),l(),r(),a(),h(),y=s(),b=1,_.__docgenInfo={description:`Горизонтальный скроллер "по одному элементу".
2
2
 
3
3
  Ожидает элементы фиксированной ширины (или близкой к фиксированной),
4
4
  чтобы шаг скролла соответствовал ширине одного элемента.`,methods:[],displayName:`OneStepScroller`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},className:{required:!1,tsType:{name:`string`},description:``},itemSelector:{required:!1,tsType:{name:`string`},description:`CSS-селектор элементов, которые считаются "шагами" скролла.
@@ -1,4 +1,4 @@
1
- import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-1Nw_zWMi.js";import{a as n,i as r}from"./utils-tg3ibbzi.js";import{n as i,t as a}from"./ui.module-l7VCYIW-.js";import{n as o,t as s}from"./Grid-eqZxtRIA.js";import{n as c,t as l}from"./Separator-BCUzEQRV.js";var u,d,f,p,m,h,g,_,v,y,b,x;function S(){return(S=e((()=>{u=`_81qOBF`,d=`Fj-KxT`,f=`tCn0CX`,p=`pP2yXa`,m=`bupTWA`,h=`GkeyGF`,g=`_8F667e`,_=`RMwzIX`,v=`wvU2oL`,y=`efKX6F`,b=`OGMk6I`,x={popupPositioner:u,options:d,optionsToolbar:f,optionsBody:p,status:m,statusError:h,triggerContainer:g,triggerHasClear:_,selectedToken:v,selectedTokenText:y,selectionActionButton:b}})))()}function C({onSelectAll:e,onDeselectAll:t,selectAllButtonRef:n}){return(0,w.jsxs)(s.Container,{gap:`xs`,templateColumns:`1fr 1fr`,children:[(0,w.jsx)(`button`,{ref:n,type:`button`,className:x.selectionActionButton,onClick:e,"data-ui":`picker-select-all`,"data-action":`select-all`,children:`Выбрать все`}),(0,w.jsx)(`button`,{type:`button`,className:x.selectionActionButton,onClick:t,"data-ui":`picker-deselect-all`,"data-action":`deselect-all`,children:`Снять выбор`})]})}var w;function T(){return(T=e((()=>{o(),S(),w=t(),C.__docgenInfo={description:`Общая панель массовых действий для picker-компонентов с множественным выбором.
1
+ import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-E950Ehp0.js";import{a as n,i as r}from"./utils-tg3ibbzi.js";import{n as i,t as a}from"./ui.module-l7VCYIW-.js";import{n as o,t as s}from"./Grid-CJ5RLrgv.js";import{n as c,t as l}from"./Separator-_gvt1sqm.js";var u,d,f,p,m,h,g,_,v,y,b,x;function S(){return(S=e((()=>{u=`_81qOBF`,d=`Fj-KxT`,f=`tCn0CX`,p=`pP2yXa`,m=`bupTWA`,h=`GkeyGF`,g=`_8F667e`,_=`RMwzIX`,v=`wvU2oL`,y=`efKX6F`,b=`OGMk6I`,x={popupPositioner:u,options:d,optionsToolbar:f,optionsBody:p,status:m,statusError:h,triggerContainer:g,triggerHasClear:_,selectedToken:v,selectedTokenText:y,selectionActionButton:b}})))()}function C({onSelectAll:e,onDeselectAll:t,selectAllButtonRef:n}){return(0,w.jsxs)(s.Container,{gap:`xs`,templateColumns:`1fr 1fr`,children:[(0,w.jsx)(`button`,{ref:n,type:`button`,className:x.selectionActionButton,onClick:e,"data-ui":`picker-select-all`,"data-action":`select-all`,children:`Выбрать все`}),(0,w.jsx)(`button`,{type:`button`,className:x.selectionActionButton,onClick:t,"data-ui":`picker-deselect-all`,"data-action":`deselect-all`,children:`Снять выбор`})]})}var w;function T(){return(T=e((()=>{o(),S(),w=t(),C.__docgenInfo={description:`Общая панель массовых действий для picker-компонентов с множественным выбором.
2
2
  Компонент не знает формат значения и делегирует изменение владельцу selection-модели.`,methods:[],displayName:`PickerSelectionToolbar`,props:{onSelectAll:{required:!0,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``},onDeselectAll:{required:!0,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``},selectAllButtonRef:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLButtonElement`}],raw:`Ref<HTMLButtonElement>`},description:``}}}})))()}function E({rootRef:e,bodyRef:t,bodyProps:r,children:i,toolbar:a,selectionActions:o,layoutClassName:s,bodyClassName:c,scrollable:u=!0,className:d,...f}){let p=a===void 0&&o?(0,D.jsx)(C,{...o}):a||null;return(0,D.jsxs)(`div`,{...f,ref:e,className:n(x.options,s,d),"data-ui":`picker-options`,"data-has-toolbar":p?`true`:void 0,children:[p?(0,D.jsxs)(`div`,{className:x.optionsToolbar,children:[p,(0,D.jsx)(l,{})]}):null,(0,D.jsx)(`div`,{...r,ref:t,className:n(x.optionsBody,u?`scrollable overscroll`:`overflowHidden`,c),children:i})]})}var D;function O(){return(O=e((()=>{r(),c(),S(),T(),D=t(),E.__docgenInfo={description:`Единая оболочка списка опций для picker, listbox и menu. Если переданы
3
3
  selectionActions, но не передан toolbar, компонент показывает стандартные
4
4
  действия выбора и снятия выбора.`,methods:[],displayName:`PickerOptions`,props:{rootRef:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLDivElement`}],raw:`Ref<HTMLDivElement>`},description:``},bodyRef:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLDivElement`}],raw:`Ref<HTMLDivElement>`},description:``},bodyProps:{required:!1,tsType:{name:`Omit`,elements:[{name:`HTMLAttributes`,elements:[{name:`HTMLDivElement`}],raw:`HTMLAttributes<HTMLDivElement>`},{name:`union`,raw:`"children" | "className"`,elements:[{name:`literal`,value:`"children"`},{name:`literal`,value:`"className"`}]}],raw:`Omit<HTMLAttributes<HTMLDivElement>, "children" | "className">`},description:``},children:{required:!0,tsType:{name:`ReactNode`},description:``},toolbar:{required:!1,tsType:{name:`union`,raw:`ReactNode | false`,elements:[{name:`ReactNode`},{name:`literal`,value:`false`}]},description:``},selectionActions:{required:!1,tsType:{name:`signature`,type:`object`,raw:`{
@@ -1 +1 @@
1
- import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-1Nw_zWMi.js";import{a as n,i as r}from"./utils-tg3ibbzi.js";import{n as i,t as a}from"./OptionContent-BZ3FiJQ4.js";import{n as o,t as s}from"./ui.module-l7VCYIW-.js";function c({ref:e,icon:t,text:r,searchText:i,code:s,hotkey:c,emphasizeContent:u,...d}){return(0,l.jsx)(`button`,{...d,ref:e,type:`button`,className:n(o.uiOptionButton,d.className),children:(0,l.jsx)(a,{icon:t,text:r,searchText:i,emphasizeContent:u,...s===void 0?{hotkey:c}:{code:s}})})}var l;function u(){return(u=e((()=>{r(),s(),i(),l=t(),c.__docgenInfo={description:`Основное button-действие внутри внешней оболочки Option.`,methods:[],displayName:`OptionButton`,props:{icon:{required:!1,tsType:{name:`ReactNode`},description:``},text:{required:!0,tsType:{name:`string`},description:``},searchText:{required:!1,tsType:{name:`string`},description:``},emphasizeContent:{required:!1,tsType:{name:`boolean`},description:``},ref:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLButtonElement`}],raw:`Ref<HTMLButtonElement>`},description:``}}}})))()}export{u as n,c as t};
1
+ import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-E950Ehp0.js";import{a as n,i as r}from"./utils-tg3ibbzi.js";import{n as i,t as a}from"./OptionContent-FZ-u9L1s.js";import{n as o,t as s}from"./ui.module-l7VCYIW-.js";function c({ref:e,icon:t,text:r,searchText:i,code:s,hotkey:c,emphasizeContent:u,...d}){return(0,l.jsx)(`button`,{...d,ref:e,type:`button`,className:n(o.uiOptionButton,d.className),children:(0,l.jsx)(a,{icon:t,text:r,searchText:i,emphasizeContent:u,...s===void 0?{hotkey:c}:{code:s}})})}var l;function u(){return(u=e((()=>{r(),s(),i(),l=t(),c.__docgenInfo={description:`Основное button-действие внутри внешней оболочки Option.`,methods:[],displayName:`OptionButton`,props:{icon:{required:!1,tsType:{name:`ReactNode`},description:``},text:{required:!0,tsType:{name:`string`},description:``},searchText:{required:!1,tsType:{name:`string`},description:``},emphasizeContent:{required:!1,tsType:{name:`boolean`},description:``},ref:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLButtonElement`}],raw:`Ref<HTMLButtonElement>`},description:``}}}})))()}export{u as n,c as t};
@@ -1 +1 @@
1
- import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-1Nw_zWMi.js";import{a as n,i as r}from"./utils-tg3ibbzi.js";import{n as i,t as a}from"./ui.module-l7VCYIW-.js";function o({text:e,highlight:t}){return t?e.split(RegExp(`(${t})`,`gi`)).map((e,n)=>e.toLowerCase()===t.toLowerCase()?(0,s.jsx)(`mark`,{children:e},n):e):e}var s;function c(){return(c=e((()=>{s=t()})))()}function l(e){return(0,u.jsx)(`span`,{...e,className:n(i.uiOptionCode,e.className)})}var u;function d(){return(d=e((()=>{r(),a(),u=t(),l.__docgenInfo={description:``,methods:[],displayName:`OptionCode`,props:{children:{required:!0,tsType:{name:`ReactNode`},description:``}},composes:[`HTMLAttributes`]}})))()}function f(e){return(0,p.jsx)(`kbd`,{...e,className:n(i.keyboard,e.className)})}var p;function m(){return(m=e((()=>{r(),a(),p=t(),f.__docgenInfo={description:``,methods:[],displayName:`OptionHotkey`,props:{children:{required:!0,tsType:{name:`string`},description:``}},composes:[`HTMLAttributes`]}})))()}function h(e){return(0,g.jsx)(`span`,{...e,className:n(i.uiPopupOptionIcon,e.className)})}var g;function _(){return(_=e((()=>{r(),a(),g=t(),h.__docgenInfo={description:``,methods:[],displayName:`OptionIcon`,props:{children:{required:!0,tsType:{name:`ReactNode`},description:``}},composes:[`HTMLAttributes`]}})))()}function v(e){return(0,y.jsx)(`span`,{...e,className:n(i.uiOptionText,e.className)})}var y;function b(){return(b=e((()=>{r(),a(),y=t(),v.__docgenInfo={description:``,methods:[],displayName:`OptionText`,props:{children:{required:!0,tsType:{name:`ReactNode`},description:``}},composes:[`HTMLAttributes`]}})))()}function x({icon:e,text:t,searchText:n,emphasizeContent:r,code:a,hotkey:s}){return(0,S.jsxs)(S.Fragment,{children:[e==null?null:(0,S.jsx)(h,{children:e}),(0,S.jsx)(v,{className:r?i.uiOptionContentEmphasize:void 0,children:(0,S.jsx)(o,{text:t,highlight:n})}),a==null?s?(0,S.jsx)(f,{children:s}):null:(0,S.jsx)(l,{className:r?i.uiOptionContentEmphasize:void 0,children:(0,S.jsx)(o,{text:a,highlight:n})})]})}var S;function C(){return(C=e((()=>{c(),a(),d(),m(),_(),b(),S=t(),x.__docgenInfo={description:`Общая фиксированная композиция содержимого button/link опции.`,methods:[],displayName:`OptionContent`,props:{icon:{required:!1,tsType:{name:`ReactNode`},description:``},text:{required:!0,tsType:{name:`string`},description:``},searchText:{required:!1,tsType:{name:`string`},description:``},emphasizeContent:{required:!1,tsType:{name:`boolean`},description:``}}}})))()}export{l as a,c,b as i,C as n,d as o,v as r,o as s,x as t};
1
+ import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-E950Ehp0.js";import{a as n,i as r}from"./utils-tg3ibbzi.js";import{n as i,t as a}from"./ui.module-l7VCYIW-.js";function o({text:e,highlight:t}){return t?e.split(RegExp(`(${t})`,`gi`)).map((e,n)=>e.toLowerCase()===t.toLowerCase()?(0,s.jsx)(`mark`,{children:e},n):e):e}var s;function c(){return(c=e((()=>{s=t()})))()}function l(e){return(0,u.jsx)(`span`,{...e,className:n(i.uiOptionCode,e.className)})}var u;function d(){return(d=e((()=>{r(),a(),u=t(),l.__docgenInfo={description:``,methods:[],displayName:`OptionCode`,props:{children:{required:!0,tsType:{name:`ReactNode`},description:``}},composes:[`HTMLAttributes`]}})))()}function f(e){return(0,p.jsx)(`kbd`,{...e,className:n(i.keyboard,e.className)})}var p;function m(){return(m=e((()=>{r(),a(),p=t(),f.__docgenInfo={description:``,methods:[],displayName:`OptionHotkey`,props:{children:{required:!0,tsType:{name:`string`},description:``}},composes:[`HTMLAttributes`]}})))()}function h(e){return(0,g.jsx)(`span`,{...e,className:n(i.uiPopupOptionIcon,e.className)})}var g;function _(){return(_=e((()=>{r(),a(),g=t(),h.__docgenInfo={description:``,methods:[],displayName:`OptionIcon`,props:{children:{required:!0,tsType:{name:`ReactNode`},description:``}},composes:[`HTMLAttributes`]}})))()}function v(e){return(0,y.jsx)(`span`,{...e,className:n(i.uiOptionText,e.className)})}var y;function b(){return(b=e((()=>{r(),a(),y=t(),v.__docgenInfo={description:``,methods:[],displayName:`OptionText`,props:{children:{required:!0,tsType:{name:`ReactNode`},description:``}},composes:[`HTMLAttributes`]}})))()}function x({icon:e,text:t,searchText:n,emphasizeContent:r,code:a,hotkey:s}){return(0,S.jsxs)(S.Fragment,{children:[e==null?null:(0,S.jsx)(h,{children:e}),(0,S.jsx)(v,{className:r?i.uiOptionContentEmphasize:void 0,children:(0,S.jsx)(o,{text:t,highlight:n})}),a==null?s?(0,S.jsx)(f,{children:s}):null:(0,S.jsx)(l,{className:r?i.uiOptionContentEmphasize:void 0,children:(0,S.jsx)(o,{text:a,highlight:n})})]})}var S;function C(){return(C=e((()=>{c(),a(),d(),m(),_(),b(),S=t(),x.__docgenInfo={description:`Общая фиксированная композиция содержимого button/link опции.`,methods:[],displayName:`OptionContent`,props:{icon:{required:!1,tsType:{name:`ReactNode`},description:``},text:{required:!0,tsType:{name:`string`},description:``},searchText:{required:!1,tsType:{name:`string`},description:``},emphasizeContent:{required:!1,tsType:{name:`boolean`},description:``}}}})))()}export{l as a,c,b as i,C as n,d as o,v as r,o as s,x as t};
@@ -1,2 +1,2 @@
1
- import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-1Nw_zWMi.js";import{a as n,i as r}from"./utils-tg3ibbzi.js";import{n as i,t as a}from"./ui.module-l7VCYIW-.js";function o({className:e,...t}){return(0,s.jsx)(`div`,{...t,className:n(i.uiOptionButton,e)})}var s;function c(){return(c=e((()=>{r(),a(),s=t(),o.__docgenInfo={description:`Неинтерактивная оболочка содержимого option/treeitem. Она сохраняет геометрию
1
+ import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-E950Ehp0.js";import{a as n,i as r}from"./utils-tg3ibbzi.js";import{n as i,t as a}from"./ui.module-l7VCYIW-.js";function o({className:e,...t}){return(0,s.jsx)(`div`,{...t,className:n(i.uiOptionButton,e)})}var s;function c(){return(c=e((()=>{r(),a(),s=t(),o.__docgenInfo={description:`Неинтерактивная оболочка содержимого option/treeitem. Она сохраняет геометрию
2
2
  OptionButton, когда клавиатурная модель принадлежит родительскому composite.`,methods:[],displayName:`OptionContentContainer`}})))()}export{c as n,o as t};
@@ -1,4 +1,4 @@
1
- import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n}from"./iframe-1Nw_zWMi.js";import{g as r,m as i}from"./odata-service-CWkHASdw-DAt28ZWr.js";import{h as a,i as o}from"./formatters-DVE1YVNQ-YIdRxgw-.js";import{l as s,o as c}from"./DateInput-BkCbK0M5.js";import{n as l,t as u}from"./PresetSelect-C7HG9CjN.js";function d(e){return typeof e==`string`&&y.has(e)}function f(e,t=v){let n=c(e,d,t),r=n.length>0?n:v,i=new Set(r);return v.filter(e=>i.has(e))}function p(e,t=_){return s(e,t)}function m({maxDayRangeDays:e,maxWeekRangeWeeks:t,labels:n}={}){let r=i(e),a=i(t);return _.map(e=>{let t={...e,label:n?.[e.id]??e.label};return e.id===`day`&&r!==void 0?{...t,maxRangeDays:r}:e.id===`week`&&a!==void 0?{...t,maxRangeDays:a*7}:t})}function h(e,t){let n=i(e.maxRangeDays);if(n===void 0||t===void 0)return!1;let r=o(t);return r!==null&&r>n}function g(e,t,n){if(t.length===0)return;let r=e===void 0?-1:t.findIndex(t=>t.id===e),i=r>=0?t[r]:void 0;return i&&!h(i,n)?i.id:(r>=0?t.slice(r+1):t).find(e=>!h(e,n))?.id??t.find(e=>!h(e,n))?.id}var _,v,y;function b(){return(b=e((()=>{a(),r(),_=Object.freeze([{id:`day`,label:`по дням`},{id:`week`,label:`по неделям`},{id:`month`,label:`по месяцам`},{id:`year`,label:`по годам`}]),v=Object.freeze([`day`,`week`,`month`,`year`]),y=new Set(_.map(e=>e.id))})))()}function x({value:e,onChange:t,options:n,labels:r,presetIds:i,dateRange:a,maxDayRangeDays:o,maxWeekRangeWeeks:s,...c}){let l=(0,S.useMemo)(()=>n??p(f(i),m({maxDayRangeDays:o,maxWeekRangeWeeks:s,labels:r})),[r,o,s,n,i]),d=(0,S.useMemo)(()=>g(e,l,a),[a,l,e]),_=(0,S.useRef)(null),v=(0,S.useEffectEvent)(()=>{if(d===void 0||d===e){_.current=null;return}let n=_.current;n&&n.value===e&&n.availableValue===d||(_.current={value:e,availableValue:d},t(d))});return(0,S.useEffect)(()=>{v()},[d,e]),(0,C.jsx)(u,{...c,options:l,value:d,onChange:t,getOptionDisabled:e=>h(e,a)})}var S,C;function w(){return(w=e((()=>{S=t(),l(),b(),C=n(),x.__docgenInfo={description:`Select периода детализации, который может ограничивать доступные варианты по диапазону дат.`,methods:[],displayName:`PeriodSelect`,props:{label:{required:!1,tsType:{name:`ReactNode`},description:``},description:{required:!1,tsType:{name:`string`},description:``},placeholder:{required:!1,tsType:{name:`string`},description:``},disabled:{required:!1,tsType:{name:`boolean`},description:``},size:{required:!1,tsType:{name:`union`,raw:`"xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]},description:``},value:{required:!0,tsType:{name:`V`},description:"Если начальное состояние может быть `null | undefined`\nзначит `onChange` тоже должен ументь сбрасывать.\nПоэтому такой контрол явно должен передавать `UiBaseProps<AnyType | undefined>`"},onChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(value: T) => void`,signature:{arguments:[{type:{name:`C`},name:`value`}],return:{name:`void`}}},description:``},required:{required:!1,tsType:{name:`boolean`},description:``},error:{required:!1,tsType:{name:`string`},description:``},options:{required:!1,tsType:{name:`unknown`},description:"Полный список custom options с высшим приоритетом. При его передаче\nвстроенные `presetIds`, `labels` и пороги диапазона не применяются."},labels:{required:!1,tsType:{name:`Partial`,elements:[{name:`Readonly`,elements:[{name:`Record`,elements:[{name:`union`,raw:`"day" | "week" | "month" | "year"`,elements:[{name:`literal`,value:`"day"`},{name:`literal`,value:`"week"`},{name:`literal`,value:`"month"`},{name:`literal`,value:`"year"`}]},{name:`string`}],raw:`Record<PeriodSelectPresetId, string>`}],raw:`Readonly<Record<PeriodSelectPresetId, string>>`}],raw:`Partial<PeriodSelectLabels>`},description:`Частично заменяет подписи встроенных вариантов, не изменяя их id,
1
+ import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n}from"./iframe-E950Ehp0.js";import{g as r,m as i}from"./odata-service-CWkHASdw-DAt28ZWr.js";import{h as a,i as o}from"./formatters-DVE1YVNQ-CJCkXjuI.js";import{l as s,o as c}from"./DateInput-B5MxQUHL.js";import{n as l,t as u}from"./PresetSelect-BhwHbWmS.js";function d(e){return typeof e==`string`&&y.has(e)}function f(e,t=v){let n=c(e,d,t),r=n.length>0?n:v,i=new Set(r);return v.filter(e=>i.has(e))}function p(e,t=_){return s(e,t)}function m({maxDayRangeDays:e,maxWeekRangeWeeks:t,labels:n}={}){let r=i(e),a=i(t);return _.map(e=>{let t={...e,label:n?.[e.id]??e.label};return e.id===`day`&&r!==void 0?{...t,maxRangeDays:r}:e.id===`week`&&a!==void 0?{...t,maxRangeDays:a*7}:t})}function h(e,t){let n=i(e.maxRangeDays);if(n===void 0||t===void 0)return!1;let r=o(t);return r!==null&&r>n}function g(e,t,n){if(t.length===0)return;let r=e===void 0?-1:t.findIndex(t=>t.id===e),i=r>=0?t[r]:void 0;return i&&!h(i,n)?i.id:(r>=0?t.slice(r+1):t).find(e=>!h(e,n))?.id??t.find(e=>!h(e,n))?.id}var _,v,y;function b(){return(b=e((()=>{a(),r(),_=Object.freeze([{id:`day`,label:`по дням`},{id:`week`,label:`по неделям`},{id:`month`,label:`по месяцам`},{id:`year`,label:`по годам`}]),v=Object.freeze([`day`,`week`,`month`,`year`]),y=new Set(_.map(e=>e.id))})))()}function x({value:e,onChange:t,options:n,labels:r,presetIds:i,dateRange:a,maxDayRangeDays:o,maxWeekRangeWeeks:s,...c}){let l=(0,S.useMemo)(()=>n??p(f(i),m({maxDayRangeDays:o,maxWeekRangeWeeks:s,labels:r})),[r,o,s,n,i]),d=(0,S.useMemo)(()=>g(e,l,a),[a,l,e]),_=(0,S.useRef)(null),v=(0,S.useEffectEvent)(()=>{if(d===void 0||d===e){_.current=null;return}let n=_.current;n&&n.value===e&&n.availableValue===d||(_.current={value:e,availableValue:d},t(d))});return(0,S.useEffect)(()=>{v()},[d,e]),(0,C.jsx)(u,{...c,options:l,value:d,onChange:t,getOptionDisabled:e=>h(e,a)})}var S,C;function w(){return(w=e((()=>{S=t(),l(),b(),C=n(),x.__docgenInfo={description:`Select периода детализации, который может ограничивать доступные варианты по диапазону дат.`,methods:[],displayName:`PeriodSelect`,props:{label:{required:!1,tsType:{name:`ReactNode`},description:``},description:{required:!1,tsType:{name:`string`},description:``},placeholder:{required:!1,tsType:{name:`string`},description:``},disabled:{required:!1,tsType:{name:`boolean`},description:``},size:{required:!1,tsType:{name:`union`,raw:`"xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]},description:``},value:{required:!0,tsType:{name:`V`},description:"Если начальное состояние может быть `null | undefined`\nзначит `onChange` тоже должен ументь сбрасывать.\nПоэтому такой контрол явно должен передавать `UiBaseProps<AnyType | undefined>`"},onChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(value: T) => void`,signature:{arguments:[{type:{name:`C`},name:`value`}],return:{name:`void`}}},description:``},required:{required:!1,tsType:{name:`boolean`},description:``},error:{required:!1,tsType:{name:`string`},description:``},options:{required:!1,tsType:{name:`unknown`},description:"Полный список custom options с высшим приоритетом. При его передаче\nвстроенные `presetIds`, `labels` и пороги диапазона не применяются."},labels:{required:!1,tsType:{name:`Partial`,elements:[{name:`Readonly`,elements:[{name:`Record`,elements:[{name:`union`,raw:`"day" | "week" | "month" | "year"`,elements:[{name:`literal`,value:`"day"`},{name:`literal`,value:`"week"`},{name:`literal`,value:`"month"`},{name:`literal`,value:`"year"`}]},{name:`string`}],raw:`Record<PeriodSelectPresetId, string>`}],raw:`Readonly<Record<PeriodSelectPresetId, string>>`}],raw:`Partial<PeriodSelectLabels>`},description:`Частично заменяет подписи встроенных вариантов, не изменяя их id,
2
2
  канонический порядок и правила доступности.
3
3
  Не применяется, когда передан собственный \`options\`.`},presetIds:{required:!1,tsType:{name:`unknown`},description:`Разрешенные встроенные варианты периода. Значение нормализуется в канонический
4
4
  порядок, а пустой либо невалидный список безопасно заменяется полным набором.
@@ -1,4 +1,4 @@
1
- import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-1Nw_zWMi.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-DR4JL0hD.js";import{a as p,c as m,i as h,n as g,o as _,r as v,s as y,t as b}from"./PeriodSelect.stories-D-Lp7QtA.js";function x(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(s,{of:y,parameters:{docs:{toc:!0}}}),`
1
+ import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-E950Ehp0.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-DGivDYe5.js";import{a as p,c as m,i as h,n as g,o as _,r as v,s as y,t as b}from"./PeriodSelect.stories-BLi_6rpY.js";function x(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(s,{of:y,parameters:{docs:{toc:!0}}}),`
2
2
  `,(0,C.jsx)(u,{children:`PeriodSelect`}),`
3
3
  `,(0,C.jsx)(o,{children:`Выбор периода детализации дат с ограничением вариантов по связанному диапазону`}),`
4
4
  `,(0,C.jsxs)(t.p,{children:[`PeriodSelect используется для выбора уровня детализации: `,(0,C.jsx)(t.code,{children:`day`}),`, `,(0,C.jsx)(t.code,{children:`week`}),`, `,(0,C.jsx)(t.code,{children:`month`}),` или `,(0,C.jsx)(t.code,{children:`year`}),`. Компонент хранит только id выбранного периода, а недоступность вариантов вычисляет по переданному `,(0,C.jsx)(t.code,{children:`dateRange`}),` и порогам `,(0,C.jsx)(t.code,{children:`maxDayRangeDays`}),` / `,(0,C.jsx)(t.code,{children:`maxWeekRangeWeeks`}),`.`]}),`
@@ -1,4 +1,4 @@
1
- import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n}from"./iframe-1Nw_zWMi.js";import{n as r,t as i}from"./Text-Cr_TUUgL.js";import{h as a,i as o,s}from"./formatters-DVE1YVNQ-YIdRxgw-.js";import{n as c,t as l}from"./GridContainer-B9JaLUGE.js";import{n as u,t as d}from"./createControlledStoryRender-BouhvX-R.js";import{r as f,t as p}from"./DateInput-BkCbK0M5.js";import{i as m,n as h,r as g,t as _}from"./PeriodSelect-uR-Xk4vQ.js";var v=t({AllAllowedOptionsDisabled:()=>A,AlternativeLabels:()=>k,AutoSwitchByRange:()=>D,Controlled:()=>E,Disabled:()=>j,MonthAndYear:()=>O,__namedExportsOrder:()=>M,default:()=>w});function y(e){return e!==void 0&&s(e)?e:null}var b,x,S,C,w,T,E,D,O,k,A,j,M;function N(){return(N=e((()=>{a(),f(),u(),c(),r(),m(),h(),b=n(),{fn:x}=__STORYBOOK_MODULE_TEST__,S=[new Date(2026,2,1,0,0,0),new Date(2026,2,14,23,59,59)],C=[new Date(2026,0,1,0,0,0),new Date(2026,4,20,23,59,59)],w={title:`UI/PeriodSelect`,component:_,args:{label:`Период детализации`,description:`Выберите уровень группировки дат.`,placeholder:`Выберите период`,value:`day`,onChange:x(),presetIds:g,dateRange:S,maxDayRangeDays:31,maxWeekRangeWeeks:26,disabled:!1,size:`md`},parameters:{atomicCanvas:!0,layout:`padded`,docs:{description:{component:`Select периода детализации дат. Компонент работает с id периода и может блокировать слишком детальные варианты по переданному диапазону дат.`}}},argTypes:{label:{description:`Заголовок поля.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},placeholder:{description:`Текст, когда период не выбран.`,control:`text`},value:{description:`Текущий id периода.`,control:`select`,options:g},onChange:{description:`Вызывается с id выбранного периода.`,control:!1},options:{description:"Кастомный список периодов по контракту `PeriodSelectOption`; имеет приоритет над `presetIds`, `labels` и порогами диапазона.",control:!1},labels:{description:`Частичные подписи встроенных периодов поверх канонического каталога.`,control:`object`},presetIds:{description:"Разрешенные встроенные периоды. Порядок отображения остается `day → week → month → year`.",control:`check`,options:g},dateRange:{description:`Диапазон дат, по которому вычисляются заблокированные периоды.`,control:!1},maxDayRangeDays:{description:"Максимальное количество дней, при котором доступен период `day`.",control:{type:`number`,min:1,step:1}},maxWeekRangeWeeks:{description:"Максимальное количество недель, при котором доступен период `week`.",control:{type:`number`,min:1,step:1}},disabled:{description:`Блокирует взаимодействие с полем.`,control:`boolean`},size:{description:`Размер поля и подписей.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]}}},T=d((e,t)=>{let n=y(e.dateRange),r=o(e.dateRange??null);return(0,b.jsxs)(l,{gap:`md`,children:[(0,b.jsx)(_,{...e,onChange:n=>{e.onChange(n),t({value:n})}}),(0,b.jsx)(p,{label:`Связанный диапазон дат`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:n,onChange:e=>t({dateRange:e??void 0})}),(0,b.jsxs)(i,{as:`p`,color:`secondary`,"aria-live":`polite`,children:[`Выбрано: `,(0,b.jsx)(i,{as:`code`,children:e.value??`не выбрано`}),`. Дней в диапазоне:`,` `,(0,b.jsx)(i,{as:`code`,children:r??`не задано`}),`.`]})]})}),E={name:`Контролируемый выбор`,render:T},D={name:`Автопереключение по диапазону`,args:{value:`day`,dateRange:C,maxDayRangeDays:31,maxWeekRangeWeeks:8},render:T},O={name:`Только месяцы и годы`,args:{value:`month`,presetIds:[`month`,`year`]},render:T},k={name:`Альтернативные подписи`,args:{value:`month`,labels:{day:`за день`,week:`за неделю`,month:`за месяц`,year:`за год`}},render:T},A={name:`Все разрешенные варианты недоступны`,args:{value:`day`,presetIds:[`day`,`week`],dateRange:C,maxDayRangeDays:31,maxWeekRangeWeeks:8},render:T},j={name:`Заблокированный контрол`,args:{disabled:!0,value:`week`}},E.parameters={...E.parameters,docs:{...E.parameters?.docs,source:{originalSource:`{
1
+ import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n}from"./iframe-E950Ehp0.js";import{n as r,t as i}from"./Text-Bih-aO3C.js";import{h as a,i as o,s}from"./formatters-DVE1YVNQ-CJCkXjuI.js";import{n as c,t as l}from"./GridContainer-B2iAnXeB.js";import{n as u,t as d}from"./createControlledStoryRender-BouhvX-R.js";import{r as f,t as p}from"./DateInput-B5MxQUHL.js";import{i as m,n as h,r as g,t as _}from"./PeriodSelect-DbdeznMQ.js";var v=t({AllAllowedOptionsDisabled:()=>A,AlternativeLabels:()=>k,AutoSwitchByRange:()=>D,Controlled:()=>E,Disabled:()=>j,MonthAndYear:()=>O,__namedExportsOrder:()=>M,default:()=>w});function y(e){return e!==void 0&&s(e)?e:null}var b,x,S,C,w,T,E,D,O,k,A,j,M;function N(){return(N=e((()=>{a(),f(),u(),c(),r(),m(),h(),b=n(),{fn:x}=__STORYBOOK_MODULE_TEST__,S=[new Date(2026,2,1,0,0,0),new Date(2026,2,14,23,59,59)],C=[new Date(2026,0,1,0,0,0),new Date(2026,4,20,23,59,59)],w={title:`UI/PeriodSelect`,component:_,args:{label:`Период детализации`,description:`Выберите уровень группировки дат.`,placeholder:`Выберите период`,value:`day`,onChange:x(),presetIds:g,dateRange:S,maxDayRangeDays:31,maxWeekRangeWeeks:26,disabled:!1,size:`md`},parameters:{atomicCanvas:!0,layout:`padded`,docs:{description:{component:`Select периода детализации дат. Компонент работает с id периода и может блокировать слишком детальные варианты по переданному диапазону дат.`}}},argTypes:{label:{description:`Заголовок поля.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},placeholder:{description:`Текст, когда период не выбран.`,control:`text`},value:{description:`Текущий id периода.`,control:`select`,options:g},onChange:{description:`Вызывается с id выбранного периода.`,control:!1},options:{description:"Кастомный список периодов по контракту `PeriodSelectOption`; имеет приоритет над `presetIds`, `labels` и порогами диапазона.",control:!1},labels:{description:`Частичные подписи встроенных периодов поверх канонического каталога.`,control:`object`},presetIds:{description:"Разрешенные встроенные периоды. Порядок отображения остается `day → week → month → year`.",control:`check`,options:g},dateRange:{description:`Диапазон дат, по которому вычисляются заблокированные периоды.`,control:!1},maxDayRangeDays:{description:"Максимальное количество дней, при котором доступен период `day`.",control:{type:`number`,min:1,step:1}},maxWeekRangeWeeks:{description:"Максимальное количество недель, при котором доступен период `week`.",control:{type:`number`,min:1,step:1}},disabled:{description:`Блокирует взаимодействие с полем.`,control:`boolean`},size:{description:`Размер поля и подписей.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]}}},T=d((e,t)=>{let n=y(e.dateRange),r=o(e.dateRange??null);return(0,b.jsxs)(l,{gap:`md`,children:[(0,b.jsx)(_,{...e,onChange:n=>{e.onChange(n),t({value:n})}}),(0,b.jsx)(p,{label:`Связанный диапазон дат`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:n,onChange:e=>t({dateRange:e??void 0})}),(0,b.jsxs)(i,{as:`p`,color:`secondary`,"aria-live":`polite`,children:[`Выбрано: `,(0,b.jsx)(i,{as:`code`,children:e.value??`не выбрано`}),`. Дней в диапазоне:`,` `,(0,b.jsx)(i,{as:`code`,children:r??`не задано`}),`.`]})]})}),E={name:`Контролируемый выбор`,render:T},D={name:`Автопереключение по диапазону`,args:{value:`day`,dateRange:C,maxDayRangeDays:31,maxWeekRangeWeeks:8},render:T},O={name:`Только месяцы и годы`,args:{value:`month`,presetIds:[`month`,`year`]},render:T},k={name:`Альтернативные подписи`,args:{value:`month`,labels:{day:`за день`,week:`за неделю`,month:`за месяц`,year:`за год`}},render:T},A={name:`Все разрешенные варианты недоступны`,args:{value:`day`,presetIds:[`day`,`week`],dateRange:C,maxDayRangeDays:31,maxWeekRangeWeeks:8},render:T},j={name:`Заблокированный контрол`,args:{disabled:!0,value:`week`}},E.parameters={...E.parameters,docs:{...E.parameters?.docs,source:{originalSource:`{
2
2
  name: "Контролируемый выбор",
3
3
  render: renderPeriodSelectStory
4
4
  }`,...E.parameters?.docs?.source},description:{story:"Контролируемый сценарий синхронизирует `value` и `dateRange` через Storybook args.",...E.parameters?.docs?.description}}},D.parameters={...D.parameters,docs:{...D.parameters?.docs,source:{originalSource:`{
@@ -1 +1 @@
1
- import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-1Nw_zWMi.js";import{d as n,l as r,s as i,u as a}from"./Input-7N70tL0u.js";function o({id:e,label:t,description:r,disabled:a,size:o,className:c,error:l,required:u,children:d}){let{controlId:f,labelId:p,descriptionId:m,errorId:h,describedBy:g}=n({id:e,hasLabel:t!=null,hasDescription:!!r,hasError:!!l});return(0,s.jsx)(i,{label:t,description:r,disabled:a,size:o,className:c,error:l,required:u,controlId:f,labelId:p,descriptionId:m,errorId:h,children:d({controlId:f,labelId:p,descriptionId:m,errorId:h,describedBy:g})})}var s;function c(){return(c=e((()=>{r(),a(),s=t(),o.__docgenInfo={description:``,methods:[],displayName:`PickerField`,props:{id:{required:!1,tsType:{name:`string`},description:``},className:{required:!1,tsType:{name:`string`},description:``},error:{required:!1,tsType:{name:`string`},description:``},required:{required:!1,tsType:{name:`boolean`},description:`Показывает обязательность выбора; проверку value выполняет форма, а не поисковый input.`},children:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(context: PickerFieldContext) => ReactNode`,signature:{arguments:[{type:{name:`PickerFieldContext`},name:`context`}],return:{name:`ReactNode`}}},description:``}},composes:[`Omit`]}})))()}export{c as n,o as t};
1
+ import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-E950Ehp0.js";import{d as n,l as r,s as i,u as a}from"./Input-CzvWPW0I.js";function o({id:e,label:t,description:r,disabled:a,size:o,className:c,error:l,required:u,children:d}){let{controlId:f,labelId:p,descriptionId:m,errorId:h,describedBy:g}=n({id:e,hasLabel:t!=null,hasDescription:!!r,hasError:!!l});return(0,s.jsx)(i,{label:t,description:r,disabled:a,size:o,className:c,error:l,required:u,controlId:f,labelId:p,descriptionId:m,errorId:h,children:d({controlId:f,labelId:p,descriptionId:m,errorId:h,describedBy:g})})}var s;function c(){return(c=e((()=>{r(),a(),s=t(),o.__docgenInfo={description:``,methods:[],displayName:`PickerField`,props:{id:{required:!1,tsType:{name:`string`},description:``},className:{required:!1,tsType:{name:`string`},description:``},error:{required:!1,tsType:{name:`string`},description:``},required:{required:!1,tsType:{name:`boolean`},description:`Показывает обязательность выбора; проверку value выполняет форма, а не поисковый input.`},children:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(context: PickerFieldContext) => ReactNode`,signature:{arguments:[{type:{name:`PickerFieldContext`},name:`context`}],return:{name:`ReactNode`}}},description:``}},composes:[`Omit`]}})))()}export{c as n,o as t};
@@ -1,2 +1,2 @@
1
- import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t,t as n}from"./chevron-down-BaujB0G_.js";import{n as r}from"./iframe-1Nw_zWMi.js";import{a as i,i as a}from"./utils-tg3ibbzi.js";import{n as o,t as s}from"./ui.module-l7VCYIW-.js";function c({open:e,disabled:t,children:r,onToggleMouseDown:a,onToggleClick:s,openAriaLabel:c=`Открыть список`,closeAriaLabel:u=`Закрыть список`,toggleAria:d}){return(0,l.jsxs)(`div`,{className:o.uiToggleButtonContainer,"data-disabled":t||void 0,children:[r,(0,l.jsx)(`div`,{className:o.uiButtonSeparator}),(0,l.jsx)(`button`,{...d,type:`button`,disabled:t,"aria-label":e?u:c,className:o.uiToggleButton,onMouseDown:a,onClick:s,children:(0,l.jsx)(n,{className:i(o.uiToggleIcon,e&&o.uiToggleIconOpen)})})]})}var l;function u(){return(u=e((()=>{a(),t(),s(),l=r(),c.__docgenInfo={description:``,methods:[],displayName:`PickerTriggerActions`,props:{open:{required:!0,tsType:{name:`boolean`},description:``},disabled:{required:!1,tsType:{name:`boolean`},description:``},children:{required:!1,tsType:{name:`ReactNode`},description:``},onToggleMouseDown:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(event: MouseEvent<HTMLButtonElement>) => void`,signature:{arguments:[{type:{name:`MouseEvent`,elements:[{name:`HTMLButtonElement`}],raw:`MouseEvent<HTMLButtonElement>`},name:`event`}],return:{name:`void`}}},description:``},onToggleClick:{required:!0,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``},openAriaLabel:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`"Открыть список"`,computed:!1}},closeAriaLabel:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`"Закрыть список"`,computed:!1}},toggleAria:{required:!1,tsType:{name:`Pick`,elements:[{name:`AriaAttributes`},{name:`union`,raw:`"aria-controls" | "aria-expanded" | "aria-haspopup"`,elements:[{name:`literal`,value:`"aria-controls"`},{name:`literal`,value:`"aria-expanded"`},{name:`literal`,value:`"aria-haspopup"`}]}],raw:`Pick<AriaAttributes, "aria-controls" | "aria-expanded" | "aria-haspopup">`},description:`Передаёт ARIA-связи непосредственно кнопке раскрытия, не меняя геометрию
1
+ import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t,t as n}from"./chevron-down-D0ohA4RZ.js";import{n as r}from"./iframe-E950Ehp0.js";import{a as i,i as a}from"./utils-tg3ibbzi.js";import{n as o,t as s}from"./ui.module-l7VCYIW-.js";function c({open:e,disabled:t,children:r,onToggleMouseDown:a,onToggleClick:s,openAriaLabel:c=`Открыть список`,closeAriaLabel:u=`Закрыть список`,toggleAria:d}){return(0,l.jsxs)(`div`,{className:o.uiToggleButtonContainer,"data-disabled":t||void 0,children:[r,(0,l.jsx)(`div`,{className:o.uiButtonSeparator}),(0,l.jsx)(`button`,{...d,type:`button`,disabled:t,"aria-label":e?u:c,className:o.uiToggleButton,onMouseDown:a,onClick:s,children:(0,l.jsx)(n,{className:i(o.uiToggleIcon,e&&o.uiToggleIconOpen)})})]})}var l;function u(){return(u=e((()=>{a(),t(),s(),l=r(),c.__docgenInfo={description:``,methods:[],displayName:`PickerTriggerActions`,props:{open:{required:!0,tsType:{name:`boolean`},description:``},disabled:{required:!1,tsType:{name:`boolean`},description:``},children:{required:!1,tsType:{name:`ReactNode`},description:``},onToggleMouseDown:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(event: MouseEvent<HTMLButtonElement>) => void`,signature:{arguments:[{type:{name:`MouseEvent`,elements:[{name:`HTMLButtonElement`}],raw:`MouseEvent<HTMLButtonElement>`},name:`event`}],return:{name:`void`}}},description:``},onToggleClick:{required:!0,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``},openAriaLabel:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`"Открыть список"`,computed:!1}},closeAriaLabel:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`"Закрыть список"`,computed:!1}},toggleAria:{required:!1,tsType:{name:`Pick`,elements:[{name:`AriaAttributes`},{name:`union`,raw:`"aria-controls" | "aria-expanded" | "aria-haspopup"`,elements:[{name:`literal`,value:`"aria-controls"`},{name:`literal`,value:`"aria-expanded"`},{name:`literal`,value:`"aria-haspopup"`}]}],raw:`Pick<AriaAttributes, "aria-controls" | "aria-expanded" | "aria-haspopup">`},description:`Передаёт ARIA-связи непосредственно кнопке раскрытия, не меняя геометрию
2
2
  контейнера с adornment-действиями.`}}}})))()}export{u as n,c as t};
@@ -1,4 +1,4 @@
1
- import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-1Nw_zWMi.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-DR4JL0hD.js";import{a as p,c as m,i as h,n as g,o as _,r as v,s as y,t as b}from"./Popover.stories-Dxdt7Jc5.js";function x(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(s,{of:p,parameters:{docs:{toc:!0}}}),`
1
+ import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-E950Ehp0.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-DGivDYe5.js";import{a as p,c as m,i as h,n as g,o as _,r as v,s as y,t as b}from"./Popover.stories-DM-Plj05.js";function x(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(s,{of:p,parameters:{docs:{toc:!0}}}),`
2
2
  `,(0,C.jsx)(u,{children:`Popover`}),`
3
3
  `,(0,C.jsx)(o,{children:`Всплывающий контейнер, привязанный к trigger-элементу и поддерживающий управляемое открытие`}),`
4
4
  `,(0,C.jsx)(t.p,{children:`Popover уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
@@ -1,4 +1,4 @@
1
- import{a as e,n as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe-1Nw_zWMi.js";import{a as i,i as a}from"./utils-tg3ibbzi.js";import{_ as o,a as s,f as c,g as l,h as u,m as d,n as f,r as p,u as m}from"./floating-ui.react-BFqa49jG.js";import{a as h,i as g,n as _,r as v}from"./dom-D9_dPJ4G.js";import{i as y,r as b}from"./FloatingPopover-7MpESGU4.js";import{n as x}from"./error-De9R4E_F.js";function S({availableWidth:e,availableHeight:t,floating:n}){n.style.setProperty(`--popover-available-width`,`${Math.max(0,e)}px`),n.style.setProperty(`--popover-available-height`,`${Math.max(0,t)}px`)}var C,w,T,E;function D(){return(D=t((()=>{C=`JK2Y7t`,w=`_5QtpCJ`,T=`hZuysP`,E={popover:C,primary:w,secondary:T}})))()}function O(){let e=(0,k.useContext)(A);if(!e)throw x({hookName:`usePopoverContext`,providerName:`Popover`});return e}var k,A;function j(){return(j=t((()=>{k=n(),A=(0,k.createContext)(null)})))()}function M({children:e,onClose:t,closeOnOutside:n=!0,closeOnEscape:r=!0,disableOutsideClick:a=!1,background:o=`secondary`,role:s,"aria-label":c,"aria-labelledby":l,"aria-describedby":u}){let{open:d,setOpen:p,refs:m,floatingStyles:v,middlewareData:y,placement:x,arrowRef:S,contentId:C}=O(),w=(0,N.useRef)(null),T=(0,N.useCallback)(e=>{w.current=e,m.setFloating(e)},[m]),D=h({active:d,initialFocus:`container`,restoreFocus:!0,containerRef:w}),k=(0,N.useCallback)(()=>{d&&(p(!1),t?.())},[p,t,d]);_({active:d,enabled:r,onDismiss:k,containerRef:D});let A=(0,N.useCallback)(()=>{!d||a||n&&k()},[d,a,n,k]);return g([m.floating,m.reference],A),d?(0,P.jsx)(f,{children:(0,P.jsxs)(`div`,{id:C,ref:T,style:v,className:i(E.popover,E[o]),role:s,"aria-label":c,"aria-labelledby":l,"aria-describedby":u,tabIndex:-1,children:[typeof e==`function`?e({setClose:k}):e,(0,P.jsx)(b,{ref:S,placement:x,middlewareData:y})]})}):null}var N,P;function F(){return(F=t((()=>{N=e(n(),1),p(),v(),a(),y(),D(),j(),P=r(),M.__docgenInfo={description:`Содержимое немодального Popover, отображаемое в портале.
1
+ import{a as e,n as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe-E950Ehp0.js";import{a as i,i as a}from"./utils-tg3ibbzi.js";import{_ as o,a as s,f as c,g as l,h as u,m as d,n as f,r as p,u as m}from"./floating-ui.react-B-qFeMZZ.js";import{a as h,i as g,n as _,r as v}from"./dom-D9_dPJ4G.js";import{i as y,r as b}from"./FloatingPopover-D8FScEoc.js";import{n as x}from"./error-De9R4E_F.js";function S({availableWidth:e,availableHeight:t,floating:n}){n.style.setProperty(`--popover-available-width`,`${Math.max(0,e)}px`),n.style.setProperty(`--popover-available-height`,`${Math.max(0,t)}px`)}var C,w,T,E;function D(){return(D=t((()=>{C=`JK2Y7t`,w=`_5QtpCJ`,T=`hZuysP`,E={popover:C,primary:w,secondary:T}})))()}function O(){let e=(0,k.useContext)(A);if(!e)throw x({hookName:`usePopoverContext`,providerName:`Popover`});return e}var k,A;function j(){return(j=t((()=>{k=n(),A=(0,k.createContext)(null)})))()}function M({children:e,onClose:t,closeOnOutside:n=!0,closeOnEscape:r=!0,disableOutsideClick:a=!1,background:o=`secondary`,role:s,"aria-label":c,"aria-labelledby":l,"aria-describedby":u}){let{open:d,setOpen:p,refs:m,floatingStyles:v,middlewareData:y,placement:x,arrowRef:S,contentId:C}=O(),w=(0,N.useRef)(null),T=(0,N.useCallback)(e=>{w.current=e,m.setFloating(e)},[m]),D=h({active:d,initialFocus:`container`,restoreFocus:!0,containerRef:w}),k=(0,N.useCallback)(()=>{d&&(p(!1),t?.())},[p,t,d]);_({active:d,enabled:r,onDismiss:k,containerRef:D});let A=(0,N.useCallback)(()=>{!d||a||n&&k()},[d,a,n,k]);return g([m.floating,m.reference],A),d?(0,P.jsx)(f,{children:(0,P.jsxs)(`div`,{id:C,ref:T,style:v,className:i(E.popover,E[o]),role:s,"aria-label":c,"aria-labelledby":l,"aria-describedby":u,tabIndex:-1,children:[typeof e==`function`?e({setClose:k}):e,(0,P.jsx)(b,{ref:S,placement:x,middlewareData:y})]})}):null}var N,P;function F(){return(F=t((()=>{N=e(n(),1),p(),v(),a(),y(),D(),j(),P=r(),M.__docgenInfo={description:`Содержимое немодального Popover, отображаемое в портале.
2
2
  Компонент не навязывает ARIA-role: consumer задаёт семантику содержимого
3
3
  явно и добавляет доступное имя для ролей, которым оно требуется.`,methods:[],displayName:`PopoverContent`,props:{closeOnOutside:{defaultValue:{value:`true`,computed:!1},required:!1},closeOnEscape:{defaultValue:{value:`true`,computed:!1},required:!1},disableOutsideClick:{defaultValue:{value:`false`,computed:!1},required:!1},background:{defaultValue:{value:`"secondary"`,computed:!1},required:!1}}}})))()}function I({passive:e,children:t}){let{open:n,setOpen:r,refs:i,contentId:a}=O(),o=[t.props[`aria-controls`],a].filter(Boolean).join(` `),s=(0,L.useCallback)(n=>{t.props.onClick&&t.props.onClick(n),!n.defaultPrevented&&(n.preventDefault(),n.stopPropagation(),!e&&r(e=>!e))},[t,r,e]);return(0,L.cloneElement)(t,{ref:i.setReference,"aria-expanded":n,"aria-controls":o,onClick:s})}var L;function R(){return(R=t((()=>{L=n(),j(),I.__docgenInfo={description:``,methods:[],displayName:`PopoverTrigger`,props:{passive:{required:!1,tsType:{name:`literal`,value:`true`},description:``},children:{required:!0,tsType:{name:`ReactReactElement`,raw:`React.ReactElement<React.HTMLAttributes<Element> & { ref?: React.Ref<Element> }>`,elements:[{name:`intersection`,raw:`React.HTMLAttributes<Element> & { ref?: React.Ref<Element> }`,elements:[{name:`ReactHTMLAttributes`,raw:`React.HTMLAttributes<Element>`,elements:[{name:`Element`}]},{name:`signature`,type:`object`,raw:`{ ref?: React.Ref<Element> }`,signature:{properties:[{key:`ref`,value:{name:`ReactRef`,raw:`React.Ref<Element>`,elements:[{name:`Element`}],required:!1}}]}}]}]},description:``}}}})))()}function z({children:e,open:t,defaultOpen:n,onOpenChange:r,placement:i=`bottom`}){let[a,f]=(0,B.useState)(n??!1),p=(0,B.useId)(),h=t!==void 0,g=h?t:a,_=(0,B.useCallback)(e=>{let t=typeof e==`function`?e(g):e;h||f(t),r?.(t)},[h,r,g]),v=(0,B.useRef)(null),{refs:y,floatingStyles:b,middlewareData:x,placement:C}=s({open:g,onOpenChange:_,placement:i,middleware:[d(8),c({padding:H}),u({padding:H}),l({padding:H,apply({availableWidth:e,availableHeight:t,elements:n}){S({availableWidth:e,availableHeight:t,floating:n.floating})}}),m({element:v.current})],whileElementsMounted:o});return(0,V.jsx)(A.Provider,{value:{open:g,setOpen:_,refs:y,floatingStyles:b,placement:C,middlewareData:x,arrowRef:v,contentId:p},children:e})}var B,V,H;function U(){return(U=t((()=>{B=e(n(),1),p(),F(),j(),R(),V=r(),H=16,z.Trigger=I,z.Content=M,z.__docgenInfo={description:`Якорный немодальный Popover.
4
4
  Используется в связке с Popover.Trigger и Popover.Content; для блокирующих