@vibe/core 4.5.21 → 4.5.22

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 (657) hide show
  1. package/dist/base/dist/BaseInput/BaseInput.module.scss.js +1 -1
  2. package/dist/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenuItem/BreadcrumbMenuItem.d.ts +1 -1
  3. package/dist/components/SplitButton/SplitButtonMenu/SplitButtonMenu.d.ts +1 -1
  4. package/dist/components/Tipseen/TipseenWizard.d.ts +1 -1
  5. package/dist/components/a11y/dist/HiddenText/HiddenText.module.scss.js +1 -1
  6. package/dist/components/accordion/dist/Accordion/Accordion.module.scss.js +1 -1
  7. package/dist/components/alert-banner/dist/AlertBanner/AlertBanner.module.scss.js +1 -1
  8. package/dist/components/alert-banner/dist/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js +1 -1
  9. package/dist/components/alert-banner/dist/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js +1 -1
  10. package/dist/components/alert-banner/dist/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js +1 -1
  11. package/dist/components/attention-box/dist/AttentionBox/AttentionBox.module.scss.js +1 -1
  12. package/dist/components/attention-box/dist/AttentionBox/components/AttentionBoxCloseButton/AttentionBoxCloseButton.module.scss.js +1 -1
  13. package/dist/components/attention-box/dist/AttentionBox/components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.module.scss.js +1 -1
  14. package/dist/components/attention-box/dist/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.module.scss.js +1 -1
  15. package/dist/components/attention-box/dist/AttentionBox/layouts/AttentionBoxCompact/AttentionBoxCompact.module.scss.js +1 -1
  16. package/dist/components/attention-box/dist/AttentionBox/layouts/AttentionBoxDefault/AttentionBoxDefault.module.scss.js +1 -1
  17. package/dist/components/avatar/dist/Avatar/Avatar.module.scss.js +1 -1
  18. package/dist/components/avatar/dist/Avatar/AvatarBadge.module.scss.js +1 -1
  19. package/dist/components/avatar/dist/Avatar/AvatarContent.module.scss.js +1 -1
  20. package/dist/components/badge/dist/Badge/Badge.module.scss.js +1 -1
  21. package/dist/components/badge/dist/Badge/Indicator/Indicator.module.scss.js +1 -1
  22. package/dist/components/button/dist/Button/Button.module.scss.js +1 -1
  23. package/dist/components/button-group/dist/ButtonGroup/ButtonGroup.module.scss.js +1 -1
  24. package/dist/components/checkbox/dist/Checkbox/Checkbox.module.scss.js +1 -1
  25. package/dist/components/chips/dist/Chips/Chips.module.scss.js +1 -1
  26. package/dist/components/clickable/dist/Clickable/Clickable.module.scss.js +1 -1
  27. package/dist/components/color-picker/dist/ColorPicker/ColorPicker.module.scss.js +1 -1
  28. package/dist/components/color-picker/dist/ColorPicker/components/ColorPickerContent/ColorPickerClearButton.module.scss.js +1 -1
  29. package/dist/components/color-picker/dist/ColorPicker/components/ColorPickerContent/ColorPickerColorsGrid.module.scss.js +1 -1
  30. package/dist/components/color-picker/dist/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.module.scss.js +1 -1
  31. package/dist/components/counter/dist/Counter/Counter.module.scss.js +1 -1
  32. package/dist/components/dialog/dist/Dialog/Dialog.module.scss.js +1 -1
  33. package/dist/components/dialog/dist/Dialog/components/DialogContent/DialogContent.module.scss.js +1 -1
  34. package/dist/components/dialog/dist/DialogContentContainer/DialogContentContainer.module.scss.js +1 -1
  35. package/dist/components/divider/dist/Divider/Divider.module.scss.js +1 -1
  36. package/dist/components/editable/dist/EditableHeading/EditableHeading.module.scss.js +1 -1
  37. package/dist/components/editable/dist/EditableText/EditableText.module.scss.js +1 -1
  38. package/dist/components/editable/dist/EditableTypography/EditableTypography.module.scss.js +1 -1
  39. package/dist/components/empty-state/dist/EmptyState/EmptyState.module.scss.js +1 -1
  40. package/dist/components/expand-collapse/dist/ExpandCollapse/ExpandCollapse.module.scss.js +1 -1
  41. package/dist/components/formatted-number/dist/FormattedNumber/FormattedNumber.module.scss.js +1 -1
  42. package/dist/components/icon/dist/Icon/Icon.module.scss.js +1 -1
  43. package/dist/components/icon-button/dist/IconButton/IconButton.module.scss.js +1 -1
  44. package/dist/components/index.d.ts +3 -3
  45. package/dist/components/info/dist/Info/components/InfoDialogContent/InfoDialogContent.module.scss.js +1 -1
  46. package/dist/components/info/dist/Info/components/InfoLink/InfoLink.module.scss.js +1 -1
  47. package/dist/components/label/dist/Label/Label.module.scss.js +1 -1
  48. package/dist/components/label/dist/Label/LabelCelebrationAnimation.module.scss.js +1 -1
  49. package/dist/components/layout/dist/Box/Box.module.scss.js +1 -1
  50. package/dist/components/layout/dist/Flex/Flex.module.scss.js +1 -1
  51. package/dist/components/link/dist/Link/Link.module.scss.js +1 -1
  52. package/dist/components/loader/dist/Loader/Loader.module.scss.js +1 -1
  53. package/dist/components/menu/dist/Menu/Menu/Menu.js +2 -0
  54. package/dist/components/menu/dist/Menu/Menu/Menu.js.map +1 -0
  55. package/dist/components/menu/dist/Menu/Menu/Menu.module.scss.js +2 -0
  56. package/dist/components/menu/dist/Menu/Menu/hooks/useAdjacentSelectableMenuIndex.js +2 -0
  57. package/dist/components/menu/dist/Menu/Menu/hooks/useAdjacentSelectableMenuIndex.js.map +1 -0
  58. package/dist/components/menu/dist/Menu/Menu/hooks/useCloseMenuOnKeyEvent.js +2 -0
  59. package/dist/components/menu/dist/Menu/Menu/hooks/useCloseMenuOnKeyEvent.js.map +1 -0
  60. package/dist/components/menu/dist/Menu/Menu/hooks/useFocusOnMount.js +2 -0
  61. package/dist/components/menu/dist/Menu/Menu/hooks/useFocusOnMount.js.map +1 -0
  62. package/dist/components/menu/dist/Menu/Menu/hooks/useMenuId.js +2 -0
  63. package/dist/components/menu/dist/Menu/Menu/hooks/useMenuId.js.map +1 -0
  64. package/dist/components/menu/dist/Menu/Menu/hooks/useMenuKeyboardNavigation.js +2 -0
  65. package/dist/components/menu/dist/Menu/Menu/hooks/useMenuKeyboardNavigation.js.map +1 -0
  66. package/dist/{src/components → components/menu/dist}/Menu/Menu/hooks/useMouseLeave.js +1 -1
  67. package/dist/components/menu/dist/Menu/Menu/hooks/useMouseLeave.js.map +1 -0
  68. package/dist/components/menu/dist/Menu/Menu/hooks/useOnCloseMenu.js.map +1 -0
  69. package/dist/components/menu/dist/Menu/Menu/hooks/useSubMenuIndex.js +2 -0
  70. package/dist/components/menu/dist/Menu/Menu/hooks/useSubMenuIndex.js.map +1 -0
  71. package/dist/components/menu/dist/Menu/Menu/utils/utils.js +2 -0
  72. package/dist/components/menu/dist/Menu/Menu/utils/utils.js.map +1 -0
  73. package/dist/components/menu/dist/Menu/MenuDivider/MenuDivider.js +2 -0
  74. package/dist/components/menu/dist/Menu/MenuDivider/MenuDivider.js.map +1 -0
  75. package/dist/components/menu/dist/Menu/MenuDivider/MenuDivider.module.scss.js +2 -0
  76. package/dist/components/menu/dist/Menu/MenuGridItem/MenuGridItem.js +2 -0
  77. package/dist/components/menu/dist/Menu/MenuGridItem/MenuGridItem.js.map +1 -0
  78. package/dist/components/menu/dist/Menu/MenuGridItem/useFocusGridItemByActiveStatus.js +2 -0
  79. package/dist/components/menu/dist/Menu/MenuGridItem/useFocusGridItemByActiveStatus.js.map +1 -0
  80. package/dist/components/menu/dist/Menu/MenuGridItem/useMenuGridItemNavContext.js +2 -0
  81. package/dist/components/menu/dist/Menu/MenuGridItem/useMenuGridItemNavContext.js.map +1 -0
  82. package/dist/components/menu/dist/Menu/MenuItem/AvatarMenuItem.js +2 -0
  83. package/dist/components/menu/dist/Menu/MenuItem/AvatarMenuItem.js.map +1 -0
  84. package/dist/components/menu/dist/Menu/MenuItem/MenuItem.js +2 -0
  85. package/dist/components/menu/dist/Menu/MenuItem/MenuItem.js.map +1 -0
  86. package/dist/components/menu/dist/Menu/MenuItem/MenuItem.module.scss.js +2 -0
  87. package/dist/components/menu/dist/Menu/MenuItem/MenuItemConstants.js +2 -0
  88. package/dist/components/menu/dist/Menu/MenuItem/MenuItemConstants.js.map +1 -0
  89. package/dist/components/menu/dist/Menu/MenuItem/components/BaseMenuItem/BaseMenuItem.js +2 -0
  90. package/dist/components/menu/dist/Menu/MenuItem/components/BaseMenuItem/BaseMenuItem.js.map +1 -0
  91. package/dist/components/menu/dist/Menu/MenuItem/components/BaseMenuItem/BaseMenuItem.module.scss.js +2 -0
  92. package/dist/components/menu/dist/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.js +2 -0
  93. package/dist/components/menu/dist/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.js.map +1 -0
  94. package/dist/components/menu/dist/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.module.scss.js +2 -0
  95. package/dist/components/menu/dist/Menu/MenuItem/components/MenuItemSubMenu/MenuItemSubMenu.js +2 -0
  96. package/dist/components/menu/dist/Menu/MenuItem/components/MenuItemSubMenu/MenuItemSubMenu.js.map +1 -0
  97. package/dist/components/menu/dist/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.js +2 -0
  98. package/dist/components/menu/dist/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.js.map +1 -0
  99. package/dist/components/menu/dist/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.module.scss.js +2 -0
  100. package/dist/components/menu/dist/Menu/MenuItem/hooks/useMenuItemKeyboardEvents.js +2 -0
  101. package/dist/components/menu/dist/Menu/MenuItem/hooks/useMenuItemKeyboardEvents.js.map +1 -0
  102. package/dist/{src/components → components/menu/dist}/Menu/MenuItem/hooks/useMenuItemMouseEvents.js +1 -1
  103. package/dist/components/menu/dist/Menu/MenuItem/hooks/useMenuItemMouseEvents.js.map +1 -0
  104. package/dist/components/menu/dist/Menu/MenuItemButton/MenuItemButton.js +2 -0
  105. package/dist/components/menu/dist/Menu/MenuItemButton/MenuItemButton.js.map +1 -0
  106. package/dist/components/menu/dist/Menu/MenuItemButton/MenuItemButton.module.scss.js +2 -0
  107. package/dist/components/menu/dist/Menu/MenuTitle/MenuTitle.js +2 -0
  108. package/dist/components/menu/dist/Menu/MenuTitle/MenuTitle.js.map +1 -0
  109. package/dist/components/menu/dist/Menu/MenuTitle/MenuTitle.module.scss.js +2 -0
  110. package/dist/components/menu/dist/Menu/hooks/useFocusWithin.js +2 -0
  111. package/dist/components/menu/dist/Menu/hooks/useFocusWithin.js.map +1 -0
  112. package/dist/components/menu/dist/Menu/hooks/useIsMouseEnter.js +2 -0
  113. package/dist/components/menu/dist/Menu/hooks/useIsMouseEnter.js.map +1 -0
  114. package/dist/components/menu/dist/_virtual/_tslib.js +2 -0
  115. package/dist/components/menu/dist/_virtual/_tslib.js.map +1 -0
  116. package/dist/components/progress-bars/dist/ProgressBars/PercentageLabel/PercentageLabel.module.scss.js +1 -1
  117. package/dist/components/progress-bars/dist/ProgressBars/ProgressBar/Bar/Bar.module.scss.js +1 -1
  118. package/dist/components/progress-bars/dist/ProgressBars/ProgressBar/ProgressBar.module.scss.js +1 -1
  119. package/dist/components/radio-button/dist/RadioButton/RadioButton.module.scss.js +1 -1
  120. package/dist/components/skeleton/dist/Skeleton/Skeleton.module.scss.js +1 -1
  121. package/dist/components/tabs/dist/Tab/Tab.module.scss.js +1 -1
  122. package/dist/components/tabs/dist/TabList/TabList.module.scss.js +1 -1
  123. package/dist/components/tabs/dist/TabPanel/TabPanel.module.scss.js +1 -1
  124. package/dist/components/tabs/dist/TabPanels/TabPanels.module.scss.js +1 -1
  125. package/dist/components/text-inputs/dist/FieldLabel/FieldLabel.module.scss.js +1 -1
  126. package/dist/components/text-inputs/dist/InfoText/InfoText.module.scss.js +1 -1
  127. package/dist/components/text-inputs/dist/NumberField/NumberField.module.scss.js +1 -1
  128. package/dist/components/text-inputs/dist/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.module.scss.js +1 -1
  129. package/dist/components/text-inputs/dist/TextArea/TextArea.module.scss.js +1 -1
  130. package/dist/components/text-inputs/dist/TextField/TextField.module.scss.js +1 -1
  131. package/dist/components/text-with-highlight/dist/TextWithHighlight/TextWithHighlight.module.scss.js +1 -1
  132. package/dist/components/toast/dist/Toast/Toast.module.scss.js +1 -1
  133. package/dist/components/toast/dist/Toast/ToastLink/ToastLink.module.scss.js +1 -1
  134. package/dist/components/toggle/dist/Switch/Switch.module.scss.js +1 -1
  135. package/dist/components/toggle/dist/Toggle/MockToggle.module.scss.js +1 -1
  136. package/dist/components/toggle/dist/Toggle/Toggle.module.scss.js +1 -1
  137. package/dist/components/toggle/dist/Toggle/ToggleText.module.scss.js +1 -1
  138. package/dist/components/tooltip/dist/Tooltip/Tooltip.module.scss.js +1 -1
  139. package/dist/components/transitions/dist/SlideTransition/SlideTransition.module.scss.js +1 -1
  140. package/dist/components/transitions/dist/TransitionView/TransitionView.module.scss.js +1 -1
  141. package/dist/components/typography/dist/Heading/Heading.module.scss.js +1 -1
  142. package/dist/components/typography/dist/Text/Text.module.scss.js +1 -1
  143. package/dist/components/typography/dist/Typography/Typography.module.scss.js +1 -1
  144. package/dist/components/virtualized-grid/dist/VirtualizedGrid/VirtualizedGrid.module.scss.js +1 -1
  145. package/dist/components/virtualized-list/dist/VirtualizedList/VirtualizedList.module.scss.js +1 -1
  146. package/dist/components/wizard/dist/MultiStepIndicator/MultiStepIndicator.js +2 -0
  147. package/dist/components/wizard/dist/MultiStepIndicator/MultiStepIndicator.js.map +1 -0
  148. package/dist/components/wizard/dist/MultiStepIndicator/MultiStepIndicator.module.scss.js +2 -0
  149. package/dist/components/wizard/dist/MultiStepIndicator/components/StepIndicator/StepIndicator.js +2 -0
  150. package/dist/components/wizard/dist/MultiStepIndicator/components/StepIndicator/StepIndicator.js.map +1 -0
  151. package/dist/components/wizard/dist/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js +2 -0
  152. package/dist/components/wizard/dist/Steps/Steps.js +2 -0
  153. package/dist/components/wizard/dist/Steps/Steps.js.map +1 -0
  154. package/dist/components/wizard/dist/Steps/Steps.module.scss.js +2 -0
  155. package/dist/components/wizard/dist/Steps/StepsCommand.js +2 -0
  156. package/dist/components/wizard/dist/Steps/StepsCommand.js.map +1 -0
  157. package/dist/components/wizard/dist/Steps/StepsCommand.module.scss.js +2 -0
  158. package/dist/components/wizard/dist/Steps/StepsConstants.js +2 -0
  159. package/dist/components/wizard/dist/Steps/StepsConstants.js.map +1 -0
  160. package/dist/components/wizard/dist/Steps/StepsDot.js +2 -0
  161. package/dist/components/wizard/dist/Steps/StepsDot.js.map +1 -0
  162. package/dist/components/wizard/dist/Steps/StepsDot.module.scss.js +2 -0
  163. package/dist/components/wizard/dist/Steps/StepsGalleryHeader.js +2 -0
  164. package/dist/components/wizard/dist/Steps/StepsGalleryHeader.js.map +1 -0
  165. package/dist/components/wizard/dist/Steps/StepsGalleryHeader.module.scss.js +2 -0
  166. package/dist/components/wizard/dist/Steps/StepsHeader.js +2 -0
  167. package/dist/components/wizard/dist/Steps/StepsHeader.js.map +1 -0
  168. package/dist/components/wizard/dist/Steps/StepsHeader.module.scss.js +2 -0
  169. package/dist/components/wizard/dist/Steps/StepsNumbersHeader.js +2 -0
  170. package/dist/components/wizard/dist/Steps/StepsNumbersHeader.js.map +1 -0
  171. package/dist/components/wizard/dist/Steps/StepsNumbersHeader.module.scss.js +2 -0
  172. package/dist/components/wizard/dist/_virtual/_tslib.js +2 -0
  173. package/dist/components/wizard/dist/_virtual/_tslib.js.map +1 -0
  174. package/dist/metadata/components.json +316 -219
  175. package/dist/metadata.json +316 -219
  176. package/dist/mocked_classnames/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenuItem/BreadcrumbMenuItem.d.ts +1 -1
  177. package/dist/mocked_classnames/components/SplitButton/SplitButtonMenu/SplitButtonMenu.d.ts +1 -1
  178. package/dist/mocked_classnames/components/Tipseen/TipseenWizard.d.ts +1 -1
  179. package/dist/mocked_classnames/components/index.d.ts +3 -3
  180. package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroup.module.scss.js +1 -1
  181. package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounter.js +1 -1
  182. package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounter.js.map +1 -1
  183. package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounter.module.scss.js +1 -1
  184. package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss.js +1 -1
  185. package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js +1 -1
  186. package/dist/mocked_classnames/src/components/BaseItem/BaseItem.module.scss.js +1 -1
  187. package/dist/mocked_classnames/src/components/BaseList/BaseList.module.scss.js +1 -1
  188. package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js +1 -1
  189. package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js +1 -1
  190. package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.js +1 -1
  191. package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.js.map +1 -1
  192. package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenuItem/BreadcrumbMenuItem.js +1 -1
  193. package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenuItem/BreadcrumbMenuItem.js.map +1 -1
  194. package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbsMenu.module.scss.js +1 -1
  195. package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js +1 -1
  196. package/dist/mocked_classnames/src/components/Combobox/Combobox.module.scss.js +1 -1
  197. package/dist/mocked_classnames/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js +1 -1
  198. package/dist/mocked_classnames/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js +1 -1
  199. package/dist/mocked_classnames/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js +1 -1
  200. package/dist/mocked_classnames/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js +1 -1
  201. package/dist/mocked_classnames/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js +1 -1
  202. package/dist/mocked_classnames/src/components/DatePicker/DatePicker.module.scss.js +1 -1
  203. package/dist/mocked_classnames/src/components/DatePicker/DatePickerHeader.module.scss.js +1 -1
  204. package/dist/mocked_classnames/src/components/Dropdown/components/DropdownBase/DropdownBase.module.scss.js +1 -1
  205. package/dist/mocked_classnames/src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.module.scss.js +1 -1
  206. package/dist/mocked_classnames/src/components/Dropdown/components/DropdownBoxMode/DropdownBoxMode.module.scss.js +1 -1
  207. package/dist/mocked_classnames/src/components/Dropdown/components/Menu/Menu.module.scss.js +1 -1
  208. package/dist/mocked_classnames/src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.module.scss.js +1 -1
  209. package/dist/mocked_classnames/src/components/Dropdown/components/Trigger/Trigger.module.scss.js +1 -1
  210. package/dist/mocked_classnames/src/components/List/List.module.scss.js +1 -1
  211. package/dist/mocked_classnames/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js +1 -1
  212. package/dist/mocked_classnames/src/components/ListItem/ListItem.module.scss.js +1 -1
  213. package/dist/mocked_classnames/src/components/ListItemAvatar/ListItemAvatar.module.scss.js +1 -1
  214. package/dist/mocked_classnames/src/components/ListItemIcon/ListItemIcon.module.scss.js +1 -1
  215. package/dist/mocked_classnames/src/components/ListTitle/ListTitle.module.scss.js +1 -1
  216. package/dist/mocked_classnames/src/components/MenuButton/MenuButton.js.map +1 -1
  217. package/dist/mocked_classnames/src/components/MenuButton/MenuButton.module.scss.js +1 -1
  218. package/dist/mocked_classnames/src/components/Modal/Modal/Modal.module.scss.js +1 -1
  219. package/dist/mocked_classnames/src/components/Modal/ModalHeader/ModalHeader.module.scss.js +1 -1
  220. package/dist/mocked_classnames/src/components/Modal/ModalMedia/ModalMedia.module.scss.js +1 -1
  221. package/dist/mocked_classnames/src/components/Modal/ModalTopActions/ModalTopActions.module.scss.js +1 -1
  222. package/dist/mocked_classnames/src/components/Modal/footers/ModalFooter/ModalFooter.module.scss.js +1 -1
  223. package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.module.scss.js +1 -1
  224. package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.js +1 -1
  225. package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.js.map +1 -1
  226. package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss.js +1 -1
  227. package/dist/mocked_classnames/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js +1 -1
  228. package/dist/mocked_classnames/src/components/Modal/layouts/ModalFooterShadow.module.scss.js +1 -1
  229. package/dist/mocked_classnames/src/components/Modal/layouts/ModalLayoutScrollableContent.module.scss.js +1 -1
  230. package/dist/mocked_classnames/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.module.scss.js +1 -1
  231. package/dist/mocked_classnames/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss.js +1 -1
  232. package/dist/mocked_classnames/src/components/Search/Search.module.scss.js +1 -1
  233. package/dist/mocked_classnames/src/components/Slider/SelectionIndicator.module.scss.js +1 -1
  234. package/dist/mocked_classnames/src/components/Slider/Slider.module.scss.js +1 -1
  235. package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderBase.module.scss.js +1 -1
  236. package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderFilledTrack.module.scss.js +1 -1
  237. package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderRail.module.scss.js +1 -1
  238. package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderThumb.module.scss.js +1 -1
  239. package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderTrack.module.scss.js +1 -1
  240. package/dist/mocked_classnames/src/components/Slider/SliderInfix.module.scss.js +1 -1
  241. package/dist/mocked_classnames/src/components/SplitButton/SplitButton.module.scss.js +1 -1
  242. package/dist/mocked_classnames/src/components/SplitButton/SplitButtonMenu/SplitButtonMenu.js +1 -1
  243. package/dist/mocked_classnames/src/components/SplitButton/SplitButtonMenu/SplitButtonMenu.js.map +1 -1
  244. package/dist/mocked_classnames/src/components/Table/Table/Table.module.scss.js +1 -1
  245. package/dist/mocked_classnames/src/components/Table/TableBody/TableBody.module.scss.js +1 -1
  246. package/dist/mocked_classnames/src/components/Table/TableCell/TableCell.module.scss.js +1 -1
  247. package/dist/mocked_classnames/src/components/Table/TableCellSkeleton/TableCellSkeleton.module.scss.js +1 -1
  248. package/dist/mocked_classnames/src/components/Table/TableContainer/TableContainer.module.scss.js +1 -1
  249. package/dist/mocked_classnames/src/components/Table/TableHeader/TableHeader.module.scss.js +1 -1
  250. package/dist/mocked_classnames/src/components/Table/TableHeaderCell/TableHeaderCell.module.scss.js +1 -1
  251. package/dist/mocked_classnames/src/components/Table/TableRow/TableRow.module.scss.js +1 -1
  252. package/dist/mocked_classnames/src/components/Table/TableRowMenu/TableRowMenu.js +1 -1
  253. package/dist/mocked_classnames/src/components/Table/TableRowMenu/TableRowMenu.js.map +1 -1
  254. package/dist/mocked_classnames/src/components/Table/TableRowMenu/TableRowMenu.module.scss.js +1 -1
  255. package/dist/mocked_classnames/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.module.scss.js +1 -1
  256. package/dist/mocked_classnames/src/components/Tipseen/Tipseen.module.scss.js +1 -1
  257. package/dist/mocked_classnames/src/components/Tipseen/TipseenBasicContent.module.scss.js +1 -1
  258. package/dist/mocked_classnames/src/components/Tipseen/TipseenContent.module.scss.js +1 -1
  259. package/dist/mocked_classnames/src/components/Tipseen/TipseenMedia/TipseenMedia.module.scss.js +1 -1
  260. package/dist/mocked_classnames/src/components/Tipseen/TipseenTitle.module.scss.js +1 -1
  261. package/dist/mocked_classnames/src/components/Tipseen/TipseenWizard.js +1 -1
  262. package/dist/mocked_classnames/src/components/Tipseen/TipseenWizard.js.map +1 -1
  263. package/dist/mocked_classnames/src/components/Tipseen/TipseenWizard.module.scss.js +1 -1
  264. package/dist/mocked_classnames/src/components/next/List/List.module.scss.js +1 -1
  265. package/dist/mocked_classnames/src/components/next/List/ListTitle/ListTitle.module.scss.js +1 -1
  266. package/dist/mocked_classnames/src/index.js +1 -1
  267. package/dist/src/components/AvatarGroup/AvatarGroup.module.scss.js +1 -1
  268. package/dist/src/components/AvatarGroup/AvatarGroupCounter.js +1 -1
  269. package/dist/src/components/AvatarGroup/AvatarGroupCounter.js.map +1 -1
  270. package/dist/src/components/AvatarGroup/AvatarGroupCounter.module.scss.js +1 -1
  271. package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss.js +1 -1
  272. package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js +1 -1
  273. package/dist/src/components/BaseItem/BaseItem.module.scss.js +1 -1
  274. package/dist/src/components/BaseList/BaseList.module.scss.js +1 -1
  275. package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js +1 -1
  276. package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js +1 -1
  277. package/dist/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.js +1 -1
  278. package/dist/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.js.map +1 -1
  279. package/dist/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenuItem/BreadcrumbMenuItem.js +1 -1
  280. package/dist/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenuItem/BreadcrumbMenuItem.js.map +1 -1
  281. package/dist/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbsMenu.module.scss.js +1 -1
  282. package/dist/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js +1 -1
  283. package/dist/src/components/Combobox/Combobox.module.scss.js +1 -1
  284. package/dist/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js +1 -1
  285. package/dist/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js +1 -1
  286. package/dist/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js +1 -1
  287. package/dist/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js +1 -1
  288. package/dist/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js +1 -1
  289. package/dist/src/components/DatePicker/DatePicker.module.scss.js +1 -1
  290. package/dist/src/components/DatePicker/DatePickerHeader.module.scss.js +1 -1
  291. package/dist/src/components/Dropdown/components/DropdownBase/DropdownBase.module.scss.js +1 -1
  292. package/dist/src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.module.scss.js +1 -1
  293. package/dist/src/components/Dropdown/components/DropdownBoxMode/DropdownBoxMode.module.scss.js +1 -1
  294. package/dist/src/components/Dropdown/components/Menu/Menu.module.scss.js +1 -1
  295. package/dist/src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.module.scss.js +1 -1
  296. package/dist/src/components/Dropdown/components/Trigger/Trigger.module.scss.js +1 -1
  297. package/dist/src/components/List/List.module.scss.js +1 -1
  298. package/dist/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js +1 -1
  299. package/dist/src/components/ListItem/ListItem.module.scss.js +1 -1
  300. package/dist/src/components/ListItemAvatar/ListItemAvatar.module.scss.js +1 -1
  301. package/dist/src/components/ListItemIcon/ListItemIcon.module.scss.js +1 -1
  302. package/dist/src/components/ListTitle/ListTitle.module.scss.js +1 -1
  303. package/dist/src/components/MenuButton/MenuButton.js.map +1 -1
  304. package/dist/src/components/MenuButton/MenuButton.module.scss.js +1 -1
  305. package/dist/src/components/Modal/Modal/Modal.module.scss.js +1 -1
  306. package/dist/src/components/Modal/ModalHeader/ModalHeader.module.scss.js +1 -1
  307. package/dist/src/components/Modal/ModalMedia/ModalMedia.module.scss.js +1 -1
  308. package/dist/src/components/Modal/ModalTopActions/ModalTopActions.module.scss.js +1 -1
  309. package/dist/src/components/Modal/footers/ModalFooter/ModalFooter.module.scss.js +1 -1
  310. package/dist/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.module.scss.js +1 -1
  311. package/dist/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.js +1 -1
  312. package/dist/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.js.map +1 -1
  313. package/dist/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss.js +1 -1
  314. package/dist/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js +1 -1
  315. package/dist/src/components/Modal/layouts/ModalFooterShadow.module.scss.js +1 -1
  316. package/dist/src/components/Modal/layouts/ModalLayoutScrollableContent.module.scss.js +1 -1
  317. package/dist/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.module.scss.js +1 -1
  318. package/dist/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss.js +1 -1
  319. package/dist/src/components/Search/Search.module.scss.js +1 -1
  320. package/dist/src/components/Slider/SelectionIndicator.module.scss.js +1 -1
  321. package/dist/src/components/Slider/Slider.module.scss.js +1 -1
  322. package/dist/src/components/Slider/SliderBase/SliderBase.module.scss.js +1 -1
  323. package/dist/src/components/Slider/SliderBase/SliderFilledTrack.module.scss.js +1 -1
  324. package/dist/src/components/Slider/SliderBase/SliderRail.module.scss.js +1 -1
  325. package/dist/src/components/Slider/SliderBase/SliderThumb.module.scss.js +1 -1
  326. package/dist/src/components/Slider/SliderBase/SliderTrack.module.scss.js +1 -1
  327. package/dist/src/components/Slider/SliderInfix.module.scss.js +1 -1
  328. package/dist/src/components/SplitButton/SplitButton.module.scss.js +1 -1
  329. package/dist/src/components/SplitButton/SplitButtonMenu/SplitButtonMenu.js +1 -1
  330. package/dist/src/components/SplitButton/SplitButtonMenu/SplitButtonMenu.js.map +1 -1
  331. package/dist/src/components/Table/Table/Table.module.scss.js +1 -1
  332. package/dist/src/components/Table/TableBody/TableBody.module.scss.js +1 -1
  333. package/dist/src/components/Table/TableCell/TableCell.module.scss.js +1 -1
  334. package/dist/src/components/Table/TableCellSkeleton/TableCellSkeleton.module.scss.js +1 -1
  335. package/dist/src/components/Table/TableContainer/TableContainer.module.scss.js +1 -1
  336. package/dist/src/components/Table/TableHeader/TableHeader.module.scss.js +1 -1
  337. package/dist/src/components/Table/TableHeaderCell/TableHeaderCell.module.scss.js +1 -1
  338. package/dist/src/components/Table/TableRow/TableRow.module.scss.js +1 -1
  339. package/dist/src/components/Table/TableRowMenu/TableRowMenu.js +1 -1
  340. package/dist/src/components/Table/TableRowMenu/TableRowMenu.js.map +1 -1
  341. package/dist/src/components/Table/TableRowMenu/TableRowMenu.module.scss.js +1 -1
  342. package/dist/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.module.scss.js +1 -1
  343. package/dist/src/components/Tipseen/Tipseen.module.scss.js +1 -1
  344. package/dist/src/components/Tipseen/TipseenBasicContent.module.scss.js +1 -1
  345. package/dist/src/components/Tipseen/TipseenContent.module.scss.js +1 -1
  346. package/dist/src/components/Tipseen/TipseenMedia/TipseenMedia.module.scss.js +1 -1
  347. package/dist/src/components/Tipseen/TipseenTitle.module.scss.js +1 -1
  348. package/dist/src/components/Tipseen/TipseenWizard.js +1 -1
  349. package/dist/src/components/Tipseen/TipseenWizard.js.map +1 -1
  350. package/dist/src/components/Tipseen/TipseenWizard.module.scss.js +1 -1
  351. package/dist/src/components/next/List/List.module.scss.js +1 -1
  352. package/dist/src/components/next/List/ListTitle/ListTitle.module.scss.js +1 -1
  353. package/dist/src/index.js +1 -1
  354. package/dist/style/dist/index.min.css.js +1 -1
  355. package/package.json +4 -2
  356. package/dist/components/Menu/Menu/Menu.d.ts +0 -64
  357. package/dist/components/Menu/Menu/MenuConstants.d.ts +0 -12
  358. package/dist/components/Menu/Menu/hooks/useAdjacentSelectableMenuIndex.d.ts +0 -7
  359. package/dist/components/Menu/Menu/hooks/useCloseMenuOnKeyEvent.d.ts +0 -10
  360. package/dist/components/Menu/Menu/hooks/useFocusOnMount.d.ts +0 -9
  361. package/dist/components/Menu/Menu/hooks/useMenuId.d.ts +0 -2
  362. package/dist/components/Menu/Menu/hooks/useMenuKeyboardNavigation.d.ts +0 -11
  363. package/dist/components/Menu/Menu/hooks/useMouseLeave.d.ts +0 -7
  364. package/dist/components/Menu/Menu/hooks/useOnCloseMenu.d.ts +0 -6
  365. package/dist/components/Menu/Menu/hooks/useSubMenuIndex.d.ts +0 -7
  366. package/dist/components/Menu/Menu/utils/utils.d.ts +0 -4
  367. package/dist/components/Menu/MenuDivider/MenuDivider.d.ts +0 -5
  368. package/dist/components/Menu/MenuGridItem/MenuGridItem.d.ts +0 -51
  369. package/dist/components/Menu/MenuGridItem/useFocusGridItemByActiveStatus.d.ts +0 -8
  370. package/dist/components/Menu/MenuGridItem/useMenuGridItemNavContext.d.ts +0 -15
  371. package/dist/components/Menu/MenuItem/AvatarMenuItem.d.ts +0 -22
  372. package/dist/components/Menu/MenuItem/MenuItem.d.ts +0 -169
  373. package/dist/components/Menu/MenuItem/MenuItem.types.d.ts +0 -1
  374. package/dist/components/Menu/MenuItem/MenuItemConstants.d.ts +0 -1
  375. package/dist/components/Menu/MenuItem/components/BaseMenuItem/BaseMenuItem.d.ts +0 -4
  376. package/dist/components/Menu/MenuItem/components/BaseMenuItem/BaseMenuItem.types.d.ts +0 -15
  377. package/dist/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.d.ts +0 -4
  378. package/dist/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.types.d.ts +0 -32
  379. package/dist/components/Menu/MenuItem/components/MenuItemSubMenu/MenuItemSubMenu.d.ts +0 -4
  380. package/dist/components/Menu/MenuItem/components/MenuItemSubMenu/MenuItemSubMenu.types.d.ts +0 -33
  381. package/dist/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.d.ts +0 -4
  382. package/dist/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.types.d.ts +0 -31
  383. package/dist/components/Menu/MenuItem/hooks/useMenuItemKeyboardEvents.d.ts +0 -21
  384. package/dist/components/Menu/MenuItem/hooks/useMenuItemMouseEvents.d.ts +0 -12
  385. package/dist/components/Menu/MenuItemButton/MenuItemButton.d.ts +0 -77
  386. package/dist/components/Menu/MenuTitle/MenuTitle.d.ts +0 -15
  387. package/dist/components/Menu/MenuTitle/MenuTitle.type.d.ts +0 -1
  388. package/dist/components/Menu/index.d.ts +0 -7
  389. package/dist/components/MultiStepIndicator/MultiStep.types.d.ts +0 -9
  390. package/dist/components/MultiStepIndicator/MultiStepIndicator.d.ts +0 -48
  391. package/dist/components/MultiStepIndicator/components/StepIndicator/StepIndicator.d.ts +0 -86
  392. package/dist/components/MultiStepIndicator/index.d.ts +0 -2
  393. package/dist/components/Steps/Steps.d.ts +0 -56
  394. package/dist/components/Steps/Steps.types.d.ts +0 -3
  395. package/dist/components/Steps/StepsCommand.d.ts +0 -35
  396. package/dist/components/Steps/StepsConstants.d.ts +0 -3
  397. package/dist/components/Steps/StepsDot.d.ts +0 -26
  398. package/dist/components/Steps/StepsGalleryHeader.d.ts +0 -26
  399. package/dist/components/Steps/StepsHeader.d.ts +0 -51
  400. package/dist/components/Steps/StepsNumbersHeader.d.ts +0 -18
  401. package/dist/components/Steps/index.d.ts +0 -2
  402. package/dist/hooks/useFocusWithin.d.ts +0 -14
  403. package/dist/hooks/useIsMouseEnter.d.ts +0 -4
  404. package/dist/mocked_classnames/components/Menu/Menu/Menu.d.ts +0 -64
  405. package/dist/mocked_classnames/components/Menu/Menu/MenuConstants.d.ts +0 -12
  406. package/dist/mocked_classnames/components/Menu/Menu/hooks/useAdjacentSelectableMenuIndex.d.ts +0 -7
  407. package/dist/mocked_classnames/components/Menu/Menu/hooks/useCloseMenuOnKeyEvent.d.ts +0 -10
  408. package/dist/mocked_classnames/components/Menu/Menu/hooks/useFocusOnMount.d.ts +0 -9
  409. package/dist/mocked_classnames/components/Menu/Menu/hooks/useMenuId.d.ts +0 -2
  410. package/dist/mocked_classnames/components/Menu/Menu/hooks/useMenuKeyboardNavigation.d.ts +0 -11
  411. package/dist/mocked_classnames/components/Menu/Menu/hooks/useMouseLeave.d.ts +0 -7
  412. package/dist/mocked_classnames/components/Menu/Menu/hooks/useOnCloseMenu.d.ts +0 -6
  413. package/dist/mocked_classnames/components/Menu/Menu/hooks/useSubMenuIndex.d.ts +0 -7
  414. package/dist/mocked_classnames/components/Menu/Menu/utils/utils.d.ts +0 -4
  415. package/dist/mocked_classnames/components/Menu/MenuDivider/MenuDivider.d.ts +0 -5
  416. package/dist/mocked_classnames/components/Menu/MenuGridItem/MenuGridItem.d.ts +0 -51
  417. package/dist/mocked_classnames/components/Menu/MenuGridItem/useFocusGridItemByActiveStatus.d.ts +0 -8
  418. package/dist/mocked_classnames/components/Menu/MenuGridItem/useMenuGridItemNavContext.d.ts +0 -15
  419. package/dist/mocked_classnames/components/Menu/MenuItem/AvatarMenuItem.d.ts +0 -22
  420. package/dist/mocked_classnames/components/Menu/MenuItem/MenuItem.d.ts +0 -169
  421. package/dist/mocked_classnames/components/Menu/MenuItem/MenuItem.types.d.ts +0 -1
  422. package/dist/mocked_classnames/components/Menu/MenuItem/MenuItemConstants.d.ts +0 -1
  423. package/dist/mocked_classnames/components/Menu/MenuItem/components/BaseMenuItem/BaseMenuItem.d.ts +0 -4
  424. package/dist/mocked_classnames/components/Menu/MenuItem/components/BaseMenuItem/BaseMenuItem.types.d.ts +0 -15
  425. package/dist/mocked_classnames/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.d.ts +0 -4
  426. package/dist/mocked_classnames/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.types.d.ts +0 -32
  427. package/dist/mocked_classnames/components/Menu/MenuItem/components/MenuItemSubMenu/MenuItemSubMenu.d.ts +0 -4
  428. package/dist/mocked_classnames/components/Menu/MenuItem/components/MenuItemSubMenu/MenuItemSubMenu.types.d.ts +0 -33
  429. package/dist/mocked_classnames/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.d.ts +0 -4
  430. package/dist/mocked_classnames/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.types.d.ts +0 -31
  431. package/dist/mocked_classnames/components/Menu/MenuItem/hooks/useMenuItemKeyboardEvents.d.ts +0 -21
  432. package/dist/mocked_classnames/components/Menu/MenuItem/hooks/useMenuItemMouseEvents.d.ts +0 -12
  433. package/dist/mocked_classnames/components/Menu/MenuItemButton/MenuItemButton.d.ts +0 -77
  434. package/dist/mocked_classnames/components/Menu/MenuTitle/MenuTitle.d.ts +0 -15
  435. package/dist/mocked_classnames/components/Menu/MenuTitle/MenuTitle.type.d.ts +0 -1
  436. package/dist/mocked_classnames/components/Menu/index.d.ts +0 -7
  437. package/dist/mocked_classnames/components/MultiStepIndicator/MultiStep.types.d.ts +0 -9
  438. package/dist/mocked_classnames/components/MultiStepIndicator/MultiStepIndicator.d.ts +0 -48
  439. package/dist/mocked_classnames/components/MultiStepIndicator/components/StepIndicator/StepIndicator.d.ts +0 -86
  440. package/dist/mocked_classnames/components/MultiStepIndicator/index.d.ts +0 -2
  441. package/dist/mocked_classnames/components/Steps/Steps.d.ts +0 -56
  442. package/dist/mocked_classnames/components/Steps/Steps.types.d.ts +0 -3
  443. package/dist/mocked_classnames/components/Steps/StepsCommand.d.ts +0 -35
  444. package/dist/mocked_classnames/components/Steps/StepsConstants.d.ts +0 -3
  445. package/dist/mocked_classnames/components/Steps/StepsDot.d.ts +0 -26
  446. package/dist/mocked_classnames/components/Steps/StepsGalleryHeader.d.ts +0 -26
  447. package/dist/mocked_classnames/components/Steps/StepsHeader.d.ts +0 -51
  448. package/dist/mocked_classnames/components/Steps/StepsNumbersHeader.d.ts +0 -18
  449. package/dist/mocked_classnames/components/Steps/index.d.ts +0 -2
  450. package/dist/mocked_classnames/hooks/useFocusWithin.d.ts +0 -14
  451. package/dist/mocked_classnames/hooks/useIsMouseEnter.d.ts +0 -4
  452. package/dist/mocked_classnames/src/components/Menu/Menu/Menu.js +0 -2
  453. package/dist/mocked_classnames/src/components/Menu/Menu/Menu.js.map +0 -1
  454. package/dist/mocked_classnames/src/components/Menu/Menu/Menu.module.scss.js +0 -2
  455. package/dist/mocked_classnames/src/components/Menu/Menu/hooks/useAdjacentSelectableMenuIndex.js +0 -2
  456. package/dist/mocked_classnames/src/components/Menu/Menu/hooks/useAdjacentSelectableMenuIndex.js.map +0 -1
  457. package/dist/mocked_classnames/src/components/Menu/Menu/hooks/useCloseMenuOnKeyEvent.js +0 -2
  458. package/dist/mocked_classnames/src/components/Menu/Menu/hooks/useCloseMenuOnKeyEvent.js.map +0 -1
  459. package/dist/mocked_classnames/src/components/Menu/Menu/hooks/useFocusOnMount.js +0 -2
  460. package/dist/mocked_classnames/src/components/Menu/Menu/hooks/useFocusOnMount.js.map +0 -1
  461. package/dist/mocked_classnames/src/components/Menu/Menu/hooks/useMenuId.js +0 -2
  462. package/dist/mocked_classnames/src/components/Menu/Menu/hooks/useMenuId.js.map +0 -1
  463. package/dist/mocked_classnames/src/components/Menu/Menu/hooks/useMenuKeyboardNavigation.js +0 -2
  464. package/dist/mocked_classnames/src/components/Menu/Menu/hooks/useMenuKeyboardNavigation.js.map +0 -1
  465. package/dist/mocked_classnames/src/components/Menu/Menu/hooks/useMouseLeave.js +0 -2
  466. package/dist/mocked_classnames/src/components/Menu/Menu/hooks/useMouseLeave.js.map +0 -1
  467. package/dist/mocked_classnames/src/components/Menu/Menu/hooks/useOnCloseMenu.js.map +0 -1
  468. package/dist/mocked_classnames/src/components/Menu/Menu/hooks/useSubMenuIndex.js +0 -2
  469. package/dist/mocked_classnames/src/components/Menu/Menu/hooks/useSubMenuIndex.js.map +0 -1
  470. package/dist/mocked_classnames/src/components/Menu/Menu/utils/utils.js +0 -2
  471. package/dist/mocked_classnames/src/components/Menu/Menu/utils/utils.js.map +0 -1
  472. package/dist/mocked_classnames/src/components/Menu/MenuDivider/MenuDivider.js +0 -2
  473. package/dist/mocked_classnames/src/components/Menu/MenuDivider/MenuDivider.js.map +0 -1
  474. package/dist/mocked_classnames/src/components/Menu/MenuDivider/MenuDivider.module.scss.js +0 -2
  475. package/dist/mocked_classnames/src/components/Menu/MenuGridItem/MenuGridItem.js +0 -2
  476. package/dist/mocked_classnames/src/components/Menu/MenuGridItem/MenuGridItem.js.map +0 -1
  477. package/dist/mocked_classnames/src/components/Menu/MenuGridItem/useFocusGridItemByActiveStatus.js +0 -2
  478. package/dist/mocked_classnames/src/components/Menu/MenuGridItem/useFocusGridItemByActiveStatus.js.map +0 -1
  479. package/dist/mocked_classnames/src/components/Menu/MenuGridItem/useMenuGridItemNavContext.js +0 -2
  480. package/dist/mocked_classnames/src/components/Menu/MenuGridItem/useMenuGridItemNavContext.js.map +0 -1
  481. package/dist/mocked_classnames/src/components/Menu/MenuItem/AvatarMenuItem.js +0 -2
  482. package/dist/mocked_classnames/src/components/Menu/MenuItem/AvatarMenuItem.js.map +0 -1
  483. package/dist/mocked_classnames/src/components/Menu/MenuItem/MenuItem.js +0 -2
  484. package/dist/mocked_classnames/src/components/Menu/MenuItem/MenuItem.js.map +0 -1
  485. package/dist/mocked_classnames/src/components/Menu/MenuItem/MenuItem.module.scss.js +0 -2
  486. package/dist/mocked_classnames/src/components/Menu/MenuItem/MenuItemConstants.js +0 -2
  487. package/dist/mocked_classnames/src/components/Menu/MenuItem/MenuItemConstants.js.map +0 -1
  488. package/dist/mocked_classnames/src/components/Menu/MenuItem/components/BaseMenuItem/BaseMenuItem.js +0 -2
  489. package/dist/mocked_classnames/src/components/Menu/MenuItem/components/BaseMenuItem/BaseMenuItem.js.map +0 -1
  490. package/dist/mocked_classnames/src/components/Menu/MenuItem/components/BaseMenuItem/BaseMenuItem.module.scss.js +0 -2
  491. package/dist/mocked_classnames/src/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.js +0 -2
  492. package/dist/mocked_classnames/src/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.js.map +0 -1
  493. package/dist/mocked_classnames/src/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.module.scss.js +0 -2
  494. package/dist/mocked_classnames/src/components/Menu/MenuItem/components/MenuItemSubMenu/MenuItemSubMenu.js +0 -2
  495. package/dist/mocked_classnames/src/components/Menu/MenuItem/components/MenuItemSubMenu/MenuItemSubMenu.js.map +0 -1
  496. package/dist/mocked_classnames/src/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.js +0 -2
  497. package/dist/mocked_classnames/src/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.js.map +0 -1
  498. package/dist/mocked_classnames/src/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.module.scss.js +0 -2
  499. package/dist/mocked_classnames/src/components/Menu/MenuItem/hooks/useMenuItemKeyboardEvents.js +0 -2
  500. package/dist/mocked_classnames/src/components/Menu/MenuItem/hooks/useMenuItemKeyboardEvents.js.map +0 -1
  501. package/dist/mocked_classnames/src/components/Menu/MenuItem/hooks/useMenuItemMouseEvents.js +0 -2
  502. package/dist/mocked_classnames/src/components/Menu/MenuItem/hooks/useMenuItemMouseEvents.js.map +0 -1
  503. package/dist/mocked_classnames/src/components/Menu/MenuItemButton/MenuItemButton.js +0 -2
  504. package/dist/mocked_classnames/src/components/Menu/MenuItemButton/MenuItemButton.js.map +0 -1
  505. package/dist/mocked_classnames/src/components/Menu/MenuItemButton/MenuItemButton.module.scss.js +0 -2
  506. package/dist/mocked_classnames/src/components/Menu/MenuTitle/MenuTitle.js +0 -2
  507. package/dist/mocked_classnames/src/components/Menu/MenuTitle/MenuTitle.js.map +0 -1
  508. package/dist/mocked_classnames/src/components/Menu/MenuTitle/MenuTitle.module.scss.js +0 -2
  509. package/dist/mocked_classnames/src/components/MultiStepIndicator/MultiStepIndicator.js +0 -2
  510. package/dist/mocked_classnames/src/components/MultiStepIndicator/MultiStepIndicator.js.map +0 -1
  511. package/dist/mocked_classnames/src/components/MultiStepIndicator/MultiStepIndicator.module.scss.js +0 -2
  512. package/dist/mocked_classnames/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.js +0 -2
  513. package/dist/mocked_classnames/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.js.map +0 -1
  514. package/dist/mocked_classnames/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js +0 -2
  515. package/dist/mocked_classnames/src/components/Steps/Steps.js +0 -2
  516. package/dist/mocked_classnames/src/components/Steps/Steps.js.map +0 -1
  517. package/dist/mocked_classnames/src/components/Steps/Steps.module.scss.js +0 -2
  518. package/dist/mocked_classnames/src/components/Steps/StepsCommand.js +0 -2
  519. package/dist/mocked_classnames/src/components/Steps/StepsCommand.js.map +0 -1
  520. package/dist/mocked_classnames/src/components/Steps/StepsCommand.module.scss.js +0 -2
  521. package/dist/mocked_classnames/src/components/Steps/StepsConstants.js +0 -2
  522. package/dist/mocked_classnames/src/components/Steps/StepsConstants.js.map +0 -1
  523. package/dist/mocked_classnames/src/components/Steps/StepsDot.js +0 -2
  524. package/dist/mocked_classnames/src/components/Steps/StepsDot.js.map +0 -1
  525. package/dist/mocked_classnames/src/components/Steps/StepsDot.module.scss.js +0 -2
  526. package/dist/mocked_classnames/src/components/Steps/StepsGalleryHeader.js +0 -2
  527. package/dist/mocked_classnames/src/components/Steps/StepsGalleryHeader.js.map +0 -1
  528. package/dist/mocked_classnames/src/components/Steps/StepsGalleryHeader.module.scss.js +0 -2
  529. package/dist/mocked_classnames/src/components/Steps/StepsHeader.js +0 -2
  530. package/dist/mocked_classnames/src/components/Steps/StepsHeader.js.map +0 -1
  531. package/dist/mocked_classnames/src/components/Steps/StepsHeader.module.scss.js +0 -2
  532. package/dist/mocked_classnames/src/components/Steps/StepsNumbersHeader.js +0 -2
  533. package/dist/mocked_classnames/src/components/Steps/StepsNumbersHeader.js.map +0 -1
  534. package/dist/mocked_classnames/src/components/Steps/StepsNumbersHeader.module.scss.js +0 -2
  535. package/dist/mocked_classnames/src/hooks/useFocusWithin.js +0 -2
  536. package/dist/mocked_classnames/src/hooks/useFocusWithin.js.map +0 -1
  537. package/dist/mocked_classnames/src/hooks/useIsMouseEnter.js +0 -2
  538. package/dist/mocked_classnames/src/hooks/useIsMouseEnter.js.map +0 -1
  539. package/dist/src/components/Menu/Menu/Menu.js +0 -2
  540. package/dist/src/components/Menu/Menu/Menu.js.map +0 -1
  541. package/dist/src/components/Menu/Menu/Menu.module.scss.js +0 -2
  542. package/dist/src/components/Menu/Menu/Menu.module.scss.js.map +0 -1
  543. package/dist/src/components/Menu/Menu/hooks/useAdjacentSelectableMenuIndex.js +0 -2
  544. package/dist/src/components/Menu/Menu/hooks/useAdjacentSelectableMenuIndex.js.map +0 -1
  545. package/dist/src/components/Menu/Menu/hooks/useCloseMenuOnKeyEvent.js +0 -2
  546. package/dist/src/components/Menu/Menu/hooks/useCloseMenuOnKeyEvent.js.map +0 -1
  547. package/dist/src/components/Menu/Menu/hooks/useFocusOnMount.js +0 -2
  548. package/dist/src/components/Menu/Menu/hooks/useFocusOnMount.js.map +0 -1
  549. package/dist/src/components/Menu/Menu/hooks/useMenuId.js +0 -2
  550. package/dist/src/components/Menu/Menu/hooks/useMenuId.js.map +0 -1
  551. package/dist/src/components/Menu/Menu/hooks/useMenuKeyboardNavigation.js +0 -2
  552. package/dist/src/components/Menu/Menu/hooks/useMenuKeyboardNavigation.js.map +0 -1
  553. package/dist/src/components/Menu/Menu/hooks/useMouseLeave.js.map +0 -1
  554. package/dist/src/components/Menu/Menu/hooks/useOnCloseMenu.js +0 -2
  555. package/dist/src/components/Menu/Menu/hooks/useOnCloseMenu.js.map +0 -1
  556. package/dist/src/components/Menu/Menu/hooks/useSubMenuIndex.js +0 -2
  557. package/dist/src/components/Menu/Menu/hooks/useSubMenuIndex.js.map +0 -1
  558. package/dist/src/components/Menu/Menu/utils/utils.js +0 -2
  559. package/dist/src/components/Menu/Menu/utils/utils.js.map +0 -1
  560. package/dist/src/components/Menu/MenuDivider/MenuDivider.js +0 -2
  561. package/dist/src/components/Menu/MenuDivider/MenuDivider.js.map +0 -1
  562. package/dist/src/components/Menu/MenuDivider/MenuDivider.module.scss.js +0 -2
  563. package/dist/src/components/Menu/MenuDivider/MenuDivider.module.scss.js.map +0 -1
  564. package/dist/src/components/Menu/MenuGridItem/MenuGridItem.js +0 -2
  565. package/dist/src/components/Menu/MenuGridItem/MenuGridItem.js.map +0 -1
  566. package/dist/src/components/Menu/MenuGridItem/useFocusGridItemByActiveStatus.js +0 -2
  567. package/dist/src/components/Menu/MenuGridItem/useFocusGridItemByActiveStatus.js.map +0 -1
  568. package/dist/src/components/Menu/MenuGridItem/useMenuGridItemNavContext.js +0 -2
  569. package/dist/src/components/Menu/MenuGridItem/useMenuGridItemNavContext.js.map +0 -1
  570. package/dist/src/components/Menu/MenuItem/AvatarMenuItem.js +0 -2
  571. package/dist/src/components/Menu/MenuItem/AvatarMenuItem.js.map +0 -1
  572. package/dist/src/components/Menu/MenuItem/MenuItem.js +0 -2
  573. package/dist/src/components/Menu/MenuItem/MenuItem.js.map +0 -1
  574. package/dist/src/components/Menu/MenuItem/MenuItem.module.scss.js +0 -2
  575. package/dist/src/components/Menu/MenuItem/MenuItem.module.scss.js.map +0 -1
  576. package/dist/src/components/Menu/MenuItem/MenuItemConstants.js +0 -2
  577. package/dist/src/components/Menu/MenuItem/MenuItemConstants.js.map +0 -1
  578. package/dist/src/components/Menu/MenuItem/components/BaseMenuItem/BaseMenuItem.js +0 -2
  579. package/dist/src/components/Menu/MenuItem/components/BaseMenuItem/BaseMenuItem.js.map +0 -1
  580. package/dist/src/components/Menu/MenuItem/components/BaseMenuItem/BaseMenuItem.module.scss.js +0 -2
  581. package/dist/src/components/Menu/MenuItem/components/BaseMenuItem/BaseMenuItem.module.scss.js.map +0 -1
  582. package/dist/src/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.js +0 -2
  583. package/dist/src/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.js.map +0 -1
  584. package/dist/src/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.module.scss.js +0 -2
  585. package/dist/src/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.module.scss.js.map +0 -1
  586. package/dist/src/components/Menu/MenuItem/components/MenuItemSubMenu/MenuItemSubMenu.js +0 -2
  587. package/dist/src/components/Menu/MenuItem/components/MenuItemSubMenu/MenuItemSubMenu.js.map +0 -1
  588. package/dist/src/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.js +0 -2
  589. package/dist/src/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.js.map +0 -1
  590. package/dist/src/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.module.scss.js +0 -2
  591. package/dist/src/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.module.scss.js.map +0 -1
  592. package/dist/src/components/Menu/MenuItem/hooks/useMenuItemKeyboardEvents.js +0 -2
  593. package/dist/src/components/Menu/MenuItem/hooks/useMenuItemKeyboardEvents.js.map +0 -1
  594. package/dist/src/components/Menu/MenuItem/hooks/useMenuItemMouseEvents.js.map +0 -1
  595. package/dist/src/components/Menu/MenuItemButton/MenuItemButton.js +0 -2
  596. package/dist/src/components/Menu/MenuItemButton/MenuItemButton.js.map +0 -1
  597. package/dist/src/components/Menu/MenuItemButton/MenuItemButton.module.scss.js +0 -2
  598. package/dist/src/components/Menu/MenuItemButton/MenuItemButton.module.scss.js.map +0 -1
  599. package/dist/src/components/Menu/MenuTitle/MenuTitle.js +0 -2
  600. package/dist/src/components/Menu/MenuTitle/MenuTitle.js.map +0 -1
  601. package/dist/src/components/Menu/MenuTitle/MenuTitle.module.scss.js +0 -2
  602. package/dist/src/components/Menu/MenuTitle/MenuTitle.module.scss.js.map +0 -1
  603. package/dist/src/components/MultiStepIndicator/MultiStepIndicator.js +0 -2
  604. package/dist/src/components/MultiStepIndicator/MultiStepIndicator.js.map +0 -1
  605. package/dist/src/components/MultiStepIndicator/MultiStepIndicator.module.scss.js +0 -2
  606. package/dist/src/components/MultiStepIndicator/MultiStepIndicator.module.scss.js.map +0 -1
  607. package/dist/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.js +0 -2
  608. package/dist/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.js.map +0 -1
  609. package/dist/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js +0 -2
  610. package/dist/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js.map +0 -1
  611. package/dist/src/components/Steps/Steps.js +0 -2
  612. package/dist/src/components/Steps/Steps.js.map +0 -1
  613. package/dist/src/components/Steps/Steps.module.scss.js +0 -2
  614. package/dist/src/components/Steps/Steps.module.scss.js.map +0 -1
  615. package/dist/src/components/Steps/StepsCommand.js +0 -2
  616. package/dist/src/components/Steps/StepsCommand.js.map +0 -1
  617. package/dist/src/components/Steps/StepsCommand.module.scss.js +0 -2
  618. package/dist/src/components/Steps/StepsCommand.module.scss.js.map +0 -1
  619. package/dist/src/components/Steps/StepsConstants.js +0 -2
  620. package/dist/src/components/Steps/StepsConstants.js.map +0 -1
  621. package/dist/src/components/Steps/StepsDot.js +0 -2
  622. package/dist/src/components/Steps/StepsDot.js.map +0 -1
  623. package/dist/src/components/Steps/StepsDot.module.scss.js +0 -2
  624. package/dist/src/components/Steps/StepsDot.module.scss.js.map +0 -1
  625. package/dist/src/components/Steps/StepsGalleryHeader.js +0 -2
  626. package/dist/src/components/Steps/StepsGalleryHeader.js.map +0 -1
  627. package/dist/src/components/Steps/StepsGalleryHeader.module.scss.js +0 -2
  628. package/dist/src/components/Steps/StepsGalleryHeader.module.scss.js.map +0 -1
  629. package/dist/src/components/Steps/StepsHeader.js +0 -2
  630. package/dist/src/components/Steps/StepsHeader.js.map +0 -1
  631. package/dist/src/components/Steps/StepsHeader.module.scss.js +0 -2
  632. package/dist/src/components/Steps/StepsHeader.module.scss.js.map +0 -1
  633. package/dist/src/components/Steps/StepsNumbersHeader.js +0 -2
  634. package/dist/src/components/Steps/StepsNumbersHeader.js.map +0 -1
  635. package/dist/src/components/Steps/StepsNumbersHeader.module.scss.js +0 -2
  636. package/dist/src/components/Steps/StepsNumbersHeader.module.scss.js.map +0 -1
  637. package/dist/src/hooks/useFocusWithin.js +0 -2
  638. package/dist/src/hooks/useFocusWithin.js.map +0 -1
  639. package/dist/src/hooks/useIsMouseEnter.js +0 -2
  640. package/dist/src/hooks/useIsMouseEnter.js.map +0 -1
  641. /package/dist/{mocked_classnames/src/components → components/menu/dist}/Menu/Menu/Menu.module.scss.js.map +0 -0
  642. /package/dist/{mocked_classnames/src/components → components/menu/dist}/Menu/Menu/hooks/useOnCloseMenu.js +0 -0
  643. /package/dist/{mocked_classnames/src/components → components/menu/dist}/Menu/MenuDivider/MenuDivider.module.scss.js.map +0 -0
  644. /package/dist/{mocked_classnames/src/components → components/menu/dist}/Menu/MenuItem/MenuItem.module.scss.js.map +0 -0
  645. /package/dist/{mocked_classnames/src/components → components/menu/dist}/Menu/MenuItem/components/BaseMenuItem/BaseMenuItem.module.scss.js.map +0 -0
  646. /package/dist/{mocked_classnames/src/components → components/menu/dist}/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.module.scss.js.map +0 -0
  647. /package/dist/{mocked_classnames/src/components → components/menu/dist}/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.module.scss.js.map +0 -0
  648. /package/dist/{mocked_classnames/src/components → components/menu/dist}/Menu/MenuItemButton/MenuItemButton.module.scss.js.map +0 -0
  649. /package/dist/{mocked_classnames/src/components → components/menu/dist}/Menu/MenuTitle/MenuTitle.module.scss.js.map +0 -0
  650. /package/dist/{mocked_classnames/src/components → components/wizard/dist}/MultiStepIndicator/MultiStepIndicator.module.scss.js.map +0 -0
  651. /package/dist/{mocked_classnames/src/components → components/wizard/dist}/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js.map +0 -0
  652. /package/dist/{mocked_classnames/src/components → components/wizard/dist}/Steps/Steps.module.scss.js.map +0 -0
  653. /package/dist/{mocked_classnames/src/components → components/wizard/dist}/Steps/StepsCommand.module.scss.js.map +0 -0
  654. /package/dist/{mocked_classnames/src/components → components/wizard/dist}/Steps/StepsDot.module.scss.js.map +0 -0
  655. /package/dist/{mocked_classnames/src/components → components/wizard/dist}/Steps/StepsGalleryHeader.module.scss.js.map +0 -0
  656. /package/dist/{mocked_classnames/src/components → components/wizard/dist}/Steps/StepsHeader.module.scss.js.map +0 -0
  657. /package/dist/{mocked_classnames/src/components → components/wizard/dist}/Steps/StepsNumbersHeader.module.scss.js.map +0 -0
@@ -1 +0,0 @@
1
- {"version":3,"file":"StepsCommand.js","sources":["../../../../../src/components/Steps/StepsCommand.tsx"],"sourcesContent":["import React, { type FC, useCallback, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { NavigationChevronRight, NavigationChevronLeft } from \"@vibe/icons\";\nimport { Icon } from \"@vibe/icon\";\nimport { Button, type ButtonProps } from \"@vibe/button\";\nimport { NOOP, getStyle } from \"@vibe/shared\";\nimport { BACK_TEXT, NEXT_TEXT } from \"./StepsConstants\";\nimport { type StepsColor } from \"./Steps.types\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./StepsCommand.module.scss\";\nimport { camelCase } from \"es-toolkit\";\n\nexport interface StepsCommandProps extends VibeComponentProps {\n /**\n * If true, this button is for moving to the next step.\n */\n isNext?: boolean;\n /**\n * Callback fired when the active step changes.\n */\n onChangeActiveStep?: (e: React.MouseEvent, newStepIndex: number) => void;\n /**\n * The index of the currently active step.\n */\n activeStepIndex: number;\n /**\n * The total number of steps.\n */\n stepsCount: number;\n /**\n * If true, hides the navigation icon.\n */\n isIconHidden?: boolean;\n /**\n * Props applied to the button.\n */\n buttonProps?: Partial<ButtonProps>;\n /**\n * The color theme of the button.\n */\n color?: StepsColor;\n}\n\nexport const StepsCommand: FC<StepsCommandProps> = ({\n isNext = false,\n onChangeActiveStep = NOOP,\n activeStepIndex,\n stepsCount,\n isIconHidden = false,\n buttonProps = {},\n color = \"primary\"\n}: StepsCommandProps) => {\n const { children: buttonChildren, ...otherButtonProps } = buttonProps;\n const description = useMemo(() => {\n if (buttonChildren) return buttonChildren;\n return isNext ? NEXT_TEXT : BACK_TEXT;\n }, [isNext, buttonChildren]);\n const newStepIndex = isNext ? activeStepIndex + 1 : activeStepIndex - 1;\n const onClick = useCallback(\n (e: React.MouseEvent) => onChangeActiveStep(e, newStepIndex),\n [newStepIndex, onChangeActiveStep]\n );\n const isDisabled = (isNext && activeStepIndex === stepsCount - 1) || (!isNext && activeStepIndex === 0);\n\n const icon = isNext ? NavigationChevronRight : NavigationChevronLeft;\n return (\n <Button\n className={cx(styles.command, { [styles.backward]: !isNext })}\n data-testid={\n isNext ? ComponentDefaultTestId.STEPS_FORWARD_COMMAND : ComponentDefaultTestId.STEPS_BACKWARD_COMMAND\n }\n kind=\"tertiary\"\n onClick={onClick}\n disabled={isDisabled}\n // @ts-ignore\n color={color}\n {...otherButtonProps}\n >\n {description}\n {isIconHidden ? null : (\n <Icon\n icon={icon}\n className={cx(styles.icon, getStyle(styles, camelCase(\"color-\" + color)), {\n [styles.disabled]: isDisabled\n })}\n />\n )}\n </Button>\n );\n};\n"],"names":["StepsCommand","_ref","_ref$isNext","isNext","_ref$onChangeActiveSt","onChangeActiveStep","NOOP","activeStepIndex","stepsCount","_ref$isIconHidden","isIconHidden","_ref$buttonProps","buttonProps","_ref$color","color","buttonChildren","children","otherButtonProps","__rest","description","useMemo","NEXT_TEXT","BACK_TEXT","newStepIndex","onClick","useCallback","e","isDisabled","icon","NavigationChevronRight","NavigationChevronLeft","React","Button","Object","assign","className","cx","styles","command","_defineProperty","backward","ComponentDefaultTestId","STEPS_FORWARD_COMMAND","STEPS_BACKWARD_COMMAND","kind","disabled","createElement","Icon","getStyle","camelCase"],"mappings":"wpBA4CaA,EAAsC,SAA1BC,GAQD,IAAAC,EAAAD,EAPtBE,OAAAA,OAAS,IAAHD,GAAQA,EAAAE,EAAAH,EACdI,mBAAAA,OAAqBC,IAAHF,EAAGE,EAAIF,EACzBG,EAAeN,EAAfM,gBACAC,EAAUP,EAAVO,WAAUC,EAAAR,EACVS,aAAAA,OAAe,IAAHD,GAAQA,EAAAE,EAAAV,EACpBW,YAAAA,OAAW,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAAZ,EAChBa,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAECE,EAAwCH,EAAlDI,SAA6BC,EAAqBC,EAAAN,EAApD,CAAA,aACAO,EAAcC,GAAQ,WAC1B,OAAIL,IACGZ,EAASkB,EAAYC,EAC9B,GAAG,CAACnB,EAAQY,IACNQ,EAAepB,EAASI,EAAkB,EAAIA,EAAkB,EAChEiB,EAAUC,GACd,SAACC,GAAmB,OAAKrB,EAAmBqB,EAAGH,EAAa,GAC5D,CAACA,EAAclB,IAEXsB,EAAcxB,GAAUI,IAAoBC,EAAa,IAAQL,GAA8B,IAApBI,EAE3EqB,EAAOzB,EAAS0B,EAAyBC,EAC/C,OACEC,gBAACC,EAAMC,OAAAC,OAAA,CACLC,UAAWC,EAAGC,EAAOC,QAAOC,EAAKF,CAAAA,EAAAA,EAAOG,UAAYrC,IAAS,cAE3DA,EAASsC,EAAuBC,sBAAwBD,EAAuBE,uBAEjFC,KAAK,WACLpB,QAASA,EACTqB,SAAUlB,EAEVb,MAAOA,GACHG,GAEHE,EACAT,EAAe,KACdqB,EAAAe,cAACC,EACC,CAAAnB,KAAMA,EACNO,UAAWC,EAAGC,EAAOT,KAAMoB,EAASX,EAAQY,EAAU,SAAWnC,IAAOyB,EACrEF,CAAAA,EAAAA,EAAOQ,SAAWlB,MAM/B"}
@@ -1,2 +0,0 @@
1
- var n={command:"command",backward:"backward",icon:"icon",disabled:"disabled",colorOnPrimaryColor:"colorOnPrimaryColor",colorOnInvertedBackground:"colorOnInvertedBackground"};!function(n){const o="s_id-b004c6aa2b0d_4_5_20";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".command {\n display: flex;\n align-items: center;\n gap: 12px;\n}\n.command.backward {\n flex-direction: row-reverse;\n}\n.icon {\n color: var(--icon-color);\n width: 15.5px;\n height: 15.5px;\n}\n.icon.disabled {\n color: var(--disabled-text-color);\n}\n.icon.colorOnPrimaryColor {\n color: var(--text-color-on-primary);\n}\n.icon.colorOnInvertedBackground {\n color: var(--text-color-on-inverted);\n}");export{n as default};
2
- //# sourceMappingURL=StepsCommand.module.scss.js.map
@@ -1,2 +0,0 @@
1
- var a="Next",e="Back",i="Finish";export{e as BACK_TEXT,i as FINISH_TEXT,a as NEXT_TEXT};
2
- //# sourceMappingURL=StepsConstants.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"StepsConstants.js","sources":["../../../../../src/components/Steps/StepsConstants.ts"],"sourcesContent":["export const NEXT_TEXT = \"Next\";\nexport const BACK_TEXT = \"Back\";\nexport const FINISH_TEXT = \"Finish\";\n"],"names":["NEXT_TEXT","BACK_TEXT","FINISH_TEXT"],"mappings":"AAAO,IAAMA,EAAY,OACZC,EAAY,OACZC,EAAc"}
@@ -1,2 +0,0 @@
1
- import{defineProperty as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o from"classnames";import{camelCase as e,noop as t}from"es-toolkit";import a from"react";import i from"./StepsDot.module.scss.js";import{getStyle as l}from"@vibe/shared";var s=function(s){var m=s.isActive,c=s.onClick,n=void 0===c?t:c,p=s.ariaCurrent,u=s.className;return a.createElement("button",{type:"button","aria-label":s["aria-label"],"aria-current":!!m&&(void 0===p?"step":p),className:o(i.dot,l(i,e("color-"+s.color)),r({},i.isActive,m),u),onClick:n})};export{s as StepsDot};
2
- //# sourceMappingURL=StepsDot.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"StepsDot.js","sources":["../../../../../src/components/Steps/StepsDot.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { noop as NOOP, camelCase } from \"es-toolkit\";\nimport { type StepsColor, type StepsDotAriaCurrent } from \"./Steps.types\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport React, { type FC } from \"react\";\nimport styles from \"./StepsDot.module.scss\";\nimport { getStyle } from \"@vibe/shared\";\n\nexport interface StepsDotProps extends VibeComponentProps {\n /**\n * Callback fired when the dot is clicked.\n */\n onClick?: (e: React.MouseEvent) => void;\n /**\n * ARIA attribute to indicate the current step.\n */\n ariaCurrent?: StepsDotAriaCurrent | boolean;\n /**\n * If true, marks the dot as active.\n */\n isActive?: boolean;\n /**\n * The ARIA label for the dot.\n */\n \"aria-label\"?: string;\n /**\n * The color theme of the dot.\n */\n color?: StepsColor;\n}\n\nexport const StepsDot: FC<StepsDotProps> = ({\n isActive,\n onClick = NOOP,\n ariaCurrent = \"step\",\n \"aria-label\": ariaLabel,\n color,\n className\n}: StepsDotProps) => {\n return (\n <button\n type=\"button\"\n aria-label={ariaLabel}\n aria-current={isActive ? ariaCurrent : false}\n className={cx(\n styles.dot,\n getStyle(styles, camelCase(\"color-\" + color)),\n {\n [styles.isActive]: isActive\n },\n className\n )}\n onClick={onClick}\n />\n );\n};\n"],"names":["StepsDot","_ref","isActive","_ref$onClick","onClick","NOOP","_ref$ariaCurrent","ariaCurrent","className","React","createElement","type","cx","styles","dot","getStyle","camelCase","color","_defineProperty"],"mappings":"qQA+BaA,EAA8B,SAAtBC,GAOD,IANlBC,EAAQD,EAARC,SAAQC,EAAAF,EACRG,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAL,EACdM,YAGAC,EAASP,EAATO,UAEA,OACEC,EACEC,cAAA,SAAA,CAAAC,KAAK,sBANcV,EAAvB,cAOyB,iBACPC,SATJ,IAAHI,EAAG,OAAMA,GAUhBE,UAAWI,EACTC,EAAOC,IACPC,EAASF,EAAQG,EAAU,SAV5Bf,EAALgB,QAUmDC,EAE1CL,GAAAA,EAAOX,SAAWA,GAErBM,GAEFJ,QAASA,GAGf"}
@@ -1,2 +0,0 @@
1
- var n={dot:"dot","focus-visible":"focus-visible",isActive:"isActive",colorOnPrimaryColor:"colorOnPrimaryColor",colorOnInvertedBackground:"colorOnInvertedBackground"};!function(n){const o="s_id-1f61a81d1377_4_5_20";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.dot {\n border: none;\n margin: 0;\n padding: 0;\n width: auto;\n overflow: visible;\n background: transparent;\n /* inherit font & color from ancestor */\n color: inherit;\n font: inherit;\n /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n line-height: normal;\n /* Corrects font smoothing for webkit */\n -webkit-font-smoothing: inherit;\n -moz-osx-font-smoothing: inherit;\n /* Corrects inability to style clickable `input` types in iOS */\n appearance: none;\n width: 6px;\n height: 6px;\n cursor: pointer;\n border-radius: 50%;\n background: var(--ui-border-color);\n transform-origin: center;\n transform: scale(1);\n transition: transform var(--motion-productive-long) var(--motion-timing-transition), background var(--motion-productive-long) var(--motion-timing-transition);\n}\n.dot:focus-visible, .dot.focus-visible {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dot:focus:not(.focus-visible) {\n outline: none;\n}\n.dot:focus-visible, .dot.focus-visible {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dot:focus:not(.focus-visible) {\n outline: none;\n}\n.dot:hover {\n transform: scale(1.3);\n}\n.isActive {\n background: var(--primary-color);\n transform: scale(1.3);\n}\n.colorOnPrimaryColor.dot {\n background: var(--primary-hover-color);\n}\n.colorOnPrimaryColor.dot:focus-visible, .colorOnPrimaryColor.dot.focus-visible {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.colorOnPrimaryColor.dot:focus:not(.focus-visible) {\n outline: none;\n}\n.colorOnPrimaryColor.dot.isActive {\n background: var(--text-color-on-primary);\n}\n.colorOnInvertedBackground.dot {\n background: var(--placeholder-color);\n}\n.colorOnInvertedBackground.dot.isActive {\n background: var(--text-color-on-inverted);\n}");export{n as default};
2
- //# sourceMappingURL=StepsDot.module.scss.js.map
@@ -1,2 +0,0 @@
1
- import e,{useMemo as t,useCallback as r}from"react";import{range as n}from"es-toolkit";import o from"classnames";import{StepsDot as a}from"./StepsDot.js";import c from"./StepsGalleryHeader.module.scss.js";var s=function(s){var i=s.activeStepIndex,l=s.stepsCount,u=s.onChangeActiveStep,m=s.stepDescriptionFunc,p=s.color,f=s.className,d=t((function(){return n(l)}),[l]),v=r((function(e){return"Step number ".concat(e)}),[]),y=m||v,S=t((function(){return d.map((function(e){return function(t){return u(t,e)}}))}),[u,d]),g=t((function(){return d.map((function(t){return e.createElement(a,{isActive:i===t,key:"monday-style-step-dot-".concat(t+1),"aria-label":y(t),onClick:S[t],color:p,className:c.galleryHeaderDot})}),[])}),[i,p,S,y,d]);return e.createElement("div",{role:"group",className:o(c.galleryHeader,f)},g||null)};export{s as StepsGalleryHeader};
2
- //# sourceMappingURL=StepsGalleryHeader.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"StepsGalleryHeader.js","sources":["../../../../../src/components/Steps/StepsGalleryHeader.tsx"],"sourcesContent":["import React, { type FC, useCallback, useMemo } from \"react\";\nimport { range } from \"es-toolkit\";\nimport cx from \"classnames\";\nimport { StepsDot } from \"./StepsDot\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport styles from \"./StepsGalleryHeader.module.scss\";\nimport { type StepsColor } from \"./Steps.types\";\n\nexport interface StepsGalleryHeaderProps extends VibeComponentProps {\n /**\n * The index of the currently active step.\n */\n activeStepIndex: number;\n /**\n * The total number of steps.\n */\n stepsCount: number;\n /**\n * Callback fired when the active step changes.\n */\n onChangeActiveStep: (e: React.MouseEvent, stepIndex: number) => void;\n /**\n * A function to generate step descriptions for accessibility.\n */\n stepDescriptionFunc?: (stepIndex: number) => string;\n /**\n * The color theme of the gallery header.\n */\n color?: StepsColor;\n}\n\nexport const StepsGalleryHeader: FC<StepsGalleryHeaderProps> = ({\n activeStepIndex,\n stepsCount,\n onChangeActiveStep,\n stepDescriptionFunc,\n color,\n className\n}) => {\n const stepsPlaceholders = useMemo(() => range(stepsCount), [stepsCount]);\n const defaultStepDescriptionFunc = useCallback((stepIndex: number) => `Step number ${stepIndex}`, []);\n const overrideStepDescriptionFunc = stepDescriptionFunc || defaultStepDescriptionFunc;\n const onClickFunctions = useMemo(\n () => stepsPlaceholders.map(stepIndex => (e: React.MouseEvent) => onChangeActiveStep(e, stepIndex)),\n [onChangeActiveStep, stepsPlaceholders]\n );\n\n const galleryDots = useMemo(\n () =>\n stepsPlaceholders.map(\n stepIndex => (\n <StepsDot\n isActive={activeStepIndex === stepIndex}\n key={`monday-style-step-dot-${stepIndex + 1}`}\n aria-label={overrideStepDescriptionFunc(stepIndex)}\n onClick={onClickFunctions[stepIndex]}\n color={color}\n className={styles.galleryHeaderDot}\n />\n ),\n []\n ),\n [activeStepIndex, color, onClickFunctions, overrideStepDescriptionFunc, stepsPlaceholders]\n );\n\n return (\n <div role=\"group\" className={cx(styles.galleryHeader, className)}>\n {galleryDots || null}\n </div>\n );\n};\n"],"names":["StepsGalleryHeader","_ref","activeStepIndex","stepsCount","onChangeActiveStep","stepDescriptionFunc","color","className","stepsPlaceholders","useMemo","range","defaultStepDescriptionFunc","useCallback","stepIndex","concat","overrideStepDescriptionFunc","onClickFunctions","map","e","galleryDots","React","createElement","StepsDot","isActive","key","onClick","styles","galleryHeaderDot","role","cx","galleryHeader"],"mappings":"iNA+BaA,EAAkD,SAAhCC,GAO1B,IANHC,EAAeD,EAAfC,gBACAC,EAAUF,EAAVE,WACAC,EAAkBH,EAAlBG,mBACAC,EAAmBJ,EAAnBI,oBACAC,EAAKL,EAALK,MACAC,EAASN,EAATM,UAEMC,EAAoBC,GAAQ,WAAA,OAAMC,EAAMP,KAAa,CAACA,IACtDQ,EAA6BC,GAAY,SAACC,GAAiB,MAAAC,eAAAA,OAAoBD,EAAW,GAAE,IAC5FE,EAA8BV,GAAuBM,EACrDK,EAAmBP,GACvB,WAAA,OAAMD,EAAkBS,KAAI,SAAAJ,GAAS,OAAI,SAACK,GAAmB,OAAKd,EAAmBc,EAAGL,EAAU,IAAC,GACnG,CAACT,EAAoBI,IAGjBW,EAAcV,GAClB,WAAA,OACED,EAAkBS,KAChB,SAAAJ,GAAS,OACPO,EAAAC,cAACC,EAAQ,CACPC,SAAUrB,IAAoBW,EAC9BW,6BAAGV,OAA2BD,EAAY,GAAG,aACjCE,EAA4BF,GACxCY,QAAST,EAAiBH,GAC1BP,MAAOA,EACPC,UAAWmB,EAAOC,kBAErB,GACD,MAEJ,CAACzB,EAAiBI,EAAOU,EAAkBD,EAA6BP,IAG1E,OACEY,uBAAKQ,KAAK,QAAQrB,UAAWsB,EAAGH,EAAOI,cAAevB,IACnDY,GAAe,KAGtB"}
@@ -1,2 +0,0 @@
1
- var e={galleryHeader:"galleryHeader",galleryHeaderDot:"galleryHeaderDot"};!function(e){const a="s_id-9ed2aeb182a7_4_5_20";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,l.firstChild?l.insertBefore(n,l.firstChild):l.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".galleryHeader {\n margin: 0 var(--space-8);\n display: flex;\n align-items: center;\n}\n.galleryHeader .galleryHeaderDot {\n margin-inline-end: var(--space-8);\n}\n.galleryHeader .galleryHeaderDot:last-child {\n margin-inline-end: 0;\n}");export{e as default};
2
- //# sourceMappingURL=StepsGalleryHeader.module.scss.js.map
@@ -1,2 +0,0 @@
1
- import e,{useMemo as t}from"react";import o from"classnames";import{StepsCommand as n}from"./StepsCommand.js";import{StepsGalleryHeader as r}from"./StepsGalleryHeader.js";import{StepsNumbersHeader as s}from"./StepsNumbersHeader.js";import{FINISH_TEXT as a}from"./StepsConstants.js";import{Button as i}from"@vibe/button/mockedClassNames";import c from"./StepsHeader.module.scss.js";var m=function(m){var p=m.activeStepIndex,l=m.onChangeActiveStep,d=m.stepsCount,u=m.areNavigationButtonsHidden,v=m.backButtonProps,S=m.nextButtonProps,C=m.finishButtonProps,f=m.areButtonsIconsHidden,g=m.color,h=void 0===g?"primary":g,x=m.onFinish,b=m.className,H="gallery"===m.type?r:s,I=t((function(){return p===d-1}),[p,d]);return e.createElement("div",{className:o(c.header,b)},u?null:e.createElement(n,{isNext:!1,isIconHidden:f,onChangeActiveStep:l,activeStepIndex:p,stepsCount:d,buttonProps:v,color:h}),e.createElement(H,{activeStepIndex:p,stepsCount:d,onChangeActiveStep:l,color:h}),u?null:e.createElement(e.Fragment,null,I?e.createElement(i,Object.assign({onClick:x,color:h},C),(null==C?void 0:C.children)||a):e.createElement(n,{isNext:!0,isIconHidden:f,activeStepIndex:p,onChangeActiveStep:l,stepsCount:d,buttonProps:S,color:h})))};export{m as StepsHeader};
2
- //# sourceMappingURL=StepsHeader.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"StepsHeader.js","sources":["../../../../../src/components/Steps/StepsHeader.tsx"],"sourcesContent":["import React, { type FC, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { StepsCommand } from \"./StepsCommand\";\nimport { StepsGalleryHeader, type StepsGalleryHeaderProps } from \"./StepsGalleryHeader\";\nimport { StepsNumbersHeader, type StepsNumbersHeaderProps } from \"./StepsNumbersHeader\";\nimport { FINISH_TEXT } from \"./StepsConstants\";\nimport { type StepsType, type StepsColor } from \"./Steps.types\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { Button, type ButtonProps } from \"@vibe/button\";\nimport styles from \"./StepsHeader.module.scss\";\n\nexport interface StepsHeaderProps extends VibeComponentProps {\n /**\n * The type of steps header.\n */\n type: StepsType;\n /**\n * The index of the currently active step.\n */\n activeStepIndex: number;\n /**\n * Callback fired when the active step changes.\n */\n onChangeActiveStep: (e: React.MouseEvent, stepIndex: number) => void;\n /**\n * The total number of steps.\n */\n stepsCount: number;\n /**\n * If true, hides the navigation buttons.\n */\n areNavigationButtonsHidden: boolean;\n /**\n * Props applied to the back button.\n */\n backButtonProps: Partial<ButtonProps>;\n /**\n * Props applied to the next button.\n */\n nextButtonProps: Partial<ButtonProps>;\n /**\n * Props applied to the finish button.\n */\n finishButtonProps: Partial<ButtonProps>;\n /**\n * If true, hides the icons in the navigation buttons.\n */\n areButtonsIconsHidden: boolean;\n /**\n * The color theme of the steps header.\n */\n color?: StepsColor;\n /**\n * Callback fired when the finish button is clicked.\n */\n onFinish?: (e: React.MouseEvent) => void;\n}\n\nexport const StepsHeader: FC<StepsHeaderProps> = ({\n type,\n activeStepIndex,\n onChangeActiveStep,\n stepsCount,\n areNavigationButtonsHidden,\n backButtonProps,\n nextButtonProps,\n finishButtonProps,\n areButtonsIconsHidden,\n color = \"primary\",\n onFinish,\n className\n}: StepsHeaderProps) => {\n const SubHeaderComponent: FC<StepsGalleryHeaderProps | StepsNumbersHeaderProps> =\n type === \"gallery\" ? StepsGalleryHeader : StepsNumbersHeader;\n\n const showFinishButton = useMemo(() => {\n return activeStepIndex === stepsCount - 1;\n }, [activeStepIndex, stepsCount]);\n\n return (\n <div className={cx(styles.header, className)}>\n {areNavigationButtonsHidden ? null : (\n <StepsCommand\n isNext={false}\n isIconHidden={areButtonsIconsHidden}\n onChangeActiveStep={onChangeActiveStep}\n activeStepIndex={activeStepIndex}\n stepsCount={stepsCount}\n buttonProps={backButtonProps}\n color={color}\n />\n )}\n <SubHeaderComponent\n activeStepIndex={activeStepIndex}\n stepsCount={stepsCount}\n onChangeActiveStep={onChangeActiveStep}\n color={color}\n />\n {areNavigationButtonsHidden ? null : (\n <>\n {showFinishButton ? (\n <Button onClick={onFinish} color={color} {...finishButtonProps}>\n {finishButtonProps?.children || FINISH_TEXT}\n </Button>\n ) : (\n <StepsCommand\n isNext\n isIconHidden={areButtonsIconsHidden}\n activeStepIndex={activeStepIndex}\n onChangeActiveStep={onChangeActiveStep}\n stepsCount={stepsCount}\n buttonProps={nextButtonProps}\n color={color}\n />\n )}\n </>\n )}\n </div>\n );\n};\n"],"names":["StepsHeader","_ref","activeStepIndex","onChangeActiveStep","stepsCount","areNavigationButtonsHidden","backButtonProps","nextButtonProps","finishButtonProps","areButtonsIconsHidden","_ref$color","color","onFinish","className","SubHeaderComponent","type","StepsGalleryHeader","StepsNumbersHeader","showFinishButton","useMemo","React","createElement","cx","styles","header","StepsCommand","isNext","isIconHidden","buttonProps","Fragment","Button","Object","assign","onClick","children","FINISH_TEXT"],"mappings":"iYA0DaA,EAAoC,SAAzBC,GAaD,IAXrBC,EAAeD,EAAfC,gBACAC,EAAkBF,EAAlBE,mBACAC,EAAUH,EAAVG,WACAC,EAA0BJ,EAA1BI,2BACAC,EAAeL,EAAfK,gBACAC,EAAeN,EAAfM,gBACAC,EAAiBP,EAAjBO,kBACAC,EAAqBR,EAArBQ,sBAAqBC,EAAAT,EACrBU,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EACjBE,EAAQX,EAARW,SACAC,EAASZ,EAATY,UAEMC,EACK,YAdPb,EAAJc,KAcuBC,EAAqBC,EAEtCC,EAAmBC,GAAQ,WAC/B,OAAOjB,IAAoBE,EAAa,CAC1C,GAAG,CAACF,EAAiBE,IAErB,OACEgB,EAAKC,cAAA,MAAA,CAAAR,UAAWS,EAAGC,EAAOC,OAAQX,IAC/BR,EAA6B,KAC5Be,EAACC,cAAAI,GACCC,QAAQ,EACRC,aAAclB,EACdN,mBAAoBA,EACpBD,gBAAiBA,EACjBE,WAAYA,EACZwB,YAAatB,EACbK,MAAOA,IAGXS,EAAAC,cAACP,EACC,CAAAZ,gBAAiBA,EACjBE,WAAYA,EACZD,mBAAoBA,EACpBQ,MAAOA,IAERN,EAA6B,KAC5Be,EACGC,cAAAD,EAAAS,SAAA,KAAAX,EACCE,EAAAC,cAACS,EAAOC,OAAAC,OAAA,CAAAC,QAASrB,EAAUD,MAAOA,GAAWH,IAC1CA,aAAA,EAAAA,EAAmB0B,WAAYC,GAGlCf,EAACC,cAAAI,GACCC,QAAM,EACNC,aAAclB,EACdP,gBAAiBA,EACjBC,mBAAoBA,EACpBC,WAAYA,EACZwB,YAAarB,EACbI,MAAOA,KAOrB"}
@@ -1,2 +0,0 @@
1
- var e={header:"header"};!function(e){const t="s_id-f29720816734_4_5_20";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--space-8);\n}");export{e as default};
2
- //# sourceMappingURL=StepsHeader.module.scss.js.map
@@ -1,2 +0,0 @@
1
- import r from"classnames";import e,{useMemo as o}from"react";import{Text as t}from"@vibe/typography/mockedClassNames";import n from"./StepsNumbersHeader.module.scss.js";var a=function(a){var m=a.activeStepIndex,s=a.stepsCount,c=a.color,p=o((function(){return"primary"===c?c:"on-inverted-background"===c?"onInverted":"onPrimary"}),[c]);return e.createElement(t,{type:"text2",color:p,className:r(n.numbers)},"".concat(m+1," \\ ").concat(s))};export{a as StepsNumbersHeader};
2
- //# sourceMappingURL=StepsNumbersHeader.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"StepsNumbersHeader.js","sources":["../../../../../src/components/Steps/StepsNumbersHeader.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { type FC, useMemo } from \"react\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { Text } from \"@vibe/typography\";\nimport styles from \"./StepsNumbersHeader.module.scss\";\nimport { type StepsColor } from \"./Steps.types\";\n\nexport interface StepsNumbersHeaderProps extends VibeComponentProps {\n /**\n * The index of the currently active step.\n */\n activeStepIndex: number;\n /**\n * The total number of steps.\n */\n stepsCount: number;\n /**\n * The color theme of the steps numbers header.\n */\n color?: StepsColor;\n}\n\nexport const StepsNumbersHeader: FC<StepsNumbersHeaderProps> = ({ activeStepIndex, stepsCount, color }) => {\n const textColor = useMemo(() => {\n if (color === \"primary\") {\n return color;\n } else {\n return color === \"on-inverted-background\" ? \"onInverted\" : \"onPrimary\";\n }\n }, [color]);\n\n return (\n <Text type=\"text2\" color={textColor} className={cx(styles.numbers)}>{`${\n activeStepIndex + 1\n } \\\\ ${stepsCount}`}</Text>\n );\n};\n"],"names":["StepsNumbersHeader","_ref","activeStepIndex","stepsCount","color","textColor","useMemo","React","createElement","Text","type","className","cx","styles","numbers","concat"],"mappings":"6KAsBaA,EAAkD,SAAhCC,GAA2E,IAAxCC,EAAeD,EAAfC,gBAAiBC,EAAUF,EAAVE,WAAYC,EAAKH,EAALG,MACvFC,EAAYC,GAAQ,WACxB,MAAc,YAAVF,EACKA,EAEU,2BAAVA,EAAqC,aAAe,WAE/D,GAAG,CAACA,IAEJ,OACEG,EAAAC,cAACC,EAAI,CAACC,KAAK,QAAQN,MAAOC,EAAWM,UAAWC,EAAGC,EAAOC,UAAQ,GAAAC,OAChEb,EAAkB,EACpB,QAAAa,OAAOZ,GAEX"}
@@ -1,2 +0,0 @@
1
- var e={numbers:"numbers"};!function(e){const t="s_id-c9f4054d5043_4_5_20";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.numbers {\n margin: 0 var(--space-8);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{e as default};
2
- //# sourceMappingURL=StepsNumbersHeader.module.scss.js.map
@@ -1,2 +0,0 @@
1
- import{useRef as i,useCallback as n,useMemo as o}from"react";function t(t){var r=t.onFocusWithin,s=t.onFocusWithinChange,u=t.isDisabled,c=t.onBlurWithin,e=i({isFocusWithin:!1}).current,h=n((function(i){e.isFocusWithin||(r&&r(i),s&&s(!0),e.isFocusWithin=!0)}),[r,s,e]),W=n((function(i){e.isFocusWithin&&!i.currentTarget.contains(i.relatedTarget)&&(c&&c(i),s&&s(!1),e.isFocusWithin=!1)}),[c,s,e]),a=o((function(){return u?{focusWithinProps:{}}:{}}),[u]);return u?a:{focusWithinProps:{onFocus:h,onBlur:W}}}export{t as useFocusWithin};
2
- //# sourceMappingURL=useFocusWithin.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useFocusWithin.js","sources":["../../../../src/hooks/useFocusWithin.ts"],"sourcesContent":["import { type FocusEvent, useCallback, useMemo, useRef } from \"react\";\n\ntype Result = {\n focusWithinProps?: {\n onFocus?: (e: FocusEvent) => void;\n onBlur?: (e: FocusEvent) => void;\n };\n};\n\nexport function useFocusWithin({\n onFocusWithin,\n onFocusWithinChange,\n isDisabled,\n onBlurWithin\n}: {\n onFocusWithin?: (event: FocusEvent) => void;\n onBlurWithin?: (event: FocusEvent) => void;\n onFocusWithinChange?: (isWithinChange: boolean) => void;\n isDisabled?: boolean;\n}): Result {\n const state = useRef({\n isFocusWithin: false\n }).current;\n\n const onFocus = useCallback(\n (e: FocusEvent) => {\n if (!state.isFocusWithin) {\n if (onFocusWithin) {\n onFocusWithin(e);\n }\n\n if (onFocusWithinChange) {\n onFocusWithinChange(true);\n }\n\n state.isFocusWithin = true;\n }\n },\n [onFocusWithin, onFocusWithinChange, state]\n );\n\n const onBlur = useCallback(\n (e: FocusEvent) => {\n // We don't want to trigger onBlurWithin and then immediately onFocusWithin again\n // when moving focus inside the element. Only trigger if the currentTarget doesn't\n // include the relatedTarget (where focus is moving).\n const currentTarget = e.currentTarget;\n if (state.isFocusWithin && !currentTarget.contains(e.relatedTarget)) {\n if (onBlurWithin) {\n onBlurWithin(e);\n }\n\n if (onFocusWithinChange) {\n onFocusWithinChange(false);\n }\n\n state.isFocusWithin = false;\n }\n },\n [onBlurWithin, onFocusWithinChange, state]\n );\n\n const isDisabledReturnValue = useMemo(() => {\n if (!isDisabled) return {};\n return { focusWithinProps: {} };\n }, [isDisabled]);\n\n if (isDisabled) {\n return isDisabledReturnValue;\n }\n\n return {\n focusWithinProps: {\n onFocus: onFocus,\n onBlur: onBlur\n }\n };\n}\n"],"names":["useFocusWithin","_ref","onFocusWithin","onFocusWithinChange","isDisabled","onBlurWithin","state","useRef","isFocusWithin","current","onFocus","useCallback","e","onBlur","currentTarget","contains","relatedTarget","isDisabledReturnValue","useMemo","focusWithinProps"],"mappings":"6DASM,SAAUA,EAAcC,GAU7B,IATCC,EAAaD,EAAbC,cACAC,EAAmBF,EAAnBE,oBACAC,EAAUH,EAAVG,WACAC,EAAYJ,EAAZI,aAOMC,EAAQC,EAAO,CACnBC,eAAe,IACdC,QAEGC,EAAUC,GACd,SAACC,GACMN,EAAME,gBACLN,GACFA,EAAcU,GAGZT,GACFA,GAAoB,GAGtBG,EAAME,eAAgB,EAEzB,GACD,CAACN,EAAeC,EAAqBG,IAGjCO,EAASF,GACb,SAACC,GAKKN,EAAME,gBADYI,EAAEE,cACkBC,SAASH,EAAEI,iBAC/CX,GACFA,EAAaO,GAGXT,GACFA,GAAoB,GAGtBG,EAAME,eAAgB,EAEzB,GACD,CAACH,EAAcF,EAAqBG,IAGhCW,EAAwBC,GAAQ,WACpC,OAAKd,EACE,CAAEe,iBAAkB,CAAA,GADH,EAE1B,GAAG,CAACf,IAEJ,OAAIA,EACKa,EAGF,CACLE,iBAAkB,CAChBT,QAASA,EACTG,OAAQA,GAGd"}
@@ -1,2 +0,0 @@
1
- import{slicedToArray as e}from"../../_virtual/_rollupPluginBabelHelpers.js";import{useState as r,useCallback as t}from"react";import{useEventListener as a}from"@vibe/shared";function o(o){var l=o.ref,n=r(!1),u=e(n,2),c=u[0],f=u[1],i=t((function(e){f(e.target===(l&&l.current))}),[f,l]),m=t((function(){return f(!1)}),[f]);return a({eventName:"mouseenter",callback:i,ref:l}),a({eventName:"mouseleave",callback:m,ref:l}),c}export{o as default};
2
- //# sourceMappingURL=useIsMouseEnter.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useIsMouseEnter.js","sources":["../../../../src/hooks/useIsMouseEnter.ts"],"sourcesContent":["import { useCallback, useState, type RefObject } from \"react\";\nimport useEventListener from \"./useEventListener\";\n\n// TODO can be replaced with useIsMouseOver\nexport default function useIsMouseEnter({ ref }: { ref: RefObject<HTMLElement> }) {\n const [isHovered, setIsHover] = useState<boolean>(false);\n\n const setHovered = useCallback(\n (event: MouseEvent) => {\n const element = ref && ref.current;\n const isEventHover = event.target === element;\n setIsHover(isEventHover);\n },\n [setIsHover, ref]\n );\n const setNotHovered = useCallback(() => setIsHover(false), [setIsHover]);\n\n useEventListener({ eventName: \"mouseenter\", callback: setHovered, ref });\n useEventListener({ eventName: \"mouseleave\", callback: setNotHovered, ref });\n\n return isHovered;\n}\n"],"names":["useIsMouseEnter","_ref","ref","_useState","useState","_useState2","_slicedToArray","isHovered","setIsHover","setHovered","useCallback","event","target","current","setNotHovered","useEventListener","eventName","callback"],"mappings":"8KAIc,SAAUA,EAAeC,GAAyC,IAAtCC,EAAGD,EAAHC,IACxCC,EAAgCC,GAAkB,GAAMC,EAAAC,EAAAH,EAAA,GAAjDI,EAASF,EAAA,GAAEG,EAAUH,EAAA,GAEtBI,EAAaC,GACjB,SAACC,GAGCH,EADqBG,EAAMC,UADXV,GAAOA,EAAIW,SAG7B,GACA,CAACL,EAAYN,IAETY,EAAgBJ,GAAY,WAAA,OAAMF,GAAW,KAAQ,CAACA,IAK5D,OAHAO,EAAiB,CAAEC,UAAW,aAAcC,SAAUR,EAAYP,IAAAA,IAClEa,EAAiB,CAAEC,UAAW,aAAcC,SAAUH,EAAeZ,IAAAA,IAE9DK,CACT"}
@@ -1,2 +0,0 @@
1
- import{slicedToArray as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import n from"classnames";import{SIZES as t}from"../../../constants/sizes.js";import s,{forwardRef as o,useRef as u,useState as i,useMemo as r,useCallback as l,useEffect as d}from"react";import a from"./hooks/useSubMenuIndex.js";import c from"./hooks/useOnCloseMenu.js";import m from"./hooks/useCloseMenuOnKeyEvent.js";import v from"./hooks/useMenuKeyboardNavigation.js";import p from"./hooks/useMouseLeave.js";import{useAdjacentSelectableMenuIndex as f}from"./hooks/useAdjacentSelectableMenuIndex.js";import{useFocusWithin as I}from"../../../hooks/useFocusWithin.js";import{getTestId as M}from"../../../tests/testIds.js";import{ComponentDefaultTestId as b,ComponentVibeId as h}from"../../../tests/constants.js";import{useFocusOnMount as x}from"./hooks/useFocusOnMount.js";import{useMenuId as S}from"./hooks/useMenuId.js";import{generateMenuItemId as O}from"./utils/utils.js";import j from"./Menu.module.scss.js";import k from"../../../../hooks/dist/useClickOutside/index.js";import g from"../../../../hooks/dist/usePrevious/index.js";import{useMergeRef as C}from"../../../../shared/dist/hooks/useMergeRef.js";import{useIsomorphicLayoutEffect as E}from"../../../../shared/dist/hooks/ssr/useIsomorphicLayoutEffect.js";import{getStyle as y}from"../../../../shared/dist/utils/typesciptCssModulesHelper.js";var A=o((function(o,A){var N=o.id,F=o.className,B=o.size,P=void 0===B?t.MEDIUM:B,D=o.tabIndex,L=void 0===D?0:D,V=o["aria-label"],U=void 0===V?"Menu":V,R=o["aria-describedby"],T=o.children,W=o.isVisible,z=void 0===W||W,H=o.onClose,K=o.onItemFocus,_=o.focusOnMount,q=void 0!==_&&_,w=o.focusItemIndex,G=void 0===w?-1:w,J=o.focusItemIndexOnMount,Q=void 0===J?-1:J,X=o.isSubMenu,Y=void 0!==X&&X,Z=o.useDocumentEventListeners,$=void 0!==Z&&Z,ee=o.shouldScrollMenu,ne=void 0!==ee&&ee,te=o["data-testid"],se=u(null),oe=C(se,A),ue=S(N),ie=u(null),re=i(G),le=e(re,2),de=le[0],ae=le[1],ce=i(!1),me=e(ce,2),ve=me[0],pe=me[1],fe=r((function(){return s.Children.toArray(T).filter((function(e){return!!e.type.isMenuChild||(console.error("Menu child must be a menuChild item (such as MenuItem, MenuDivider, MenuTitle, etc). This child is not supported: ",e),!1)}))}),[T]),Ie=l((function(e){var n,t,o;ae(e);var u=fe[e],i=s.isValidElement(u)?(null===(n=null==u?void 0:u.props)||void 0===n?void 0:n.id)||"".concat(ue,"-item-").concat(e):void 0;i?null===(t=null==se?void 0:se.current)||void 0===t||t.setAttribute("aria-activedescendant",i):null===(o=null==se?void 0:se.current)||void 0===o||o.removeAttribute("aria-activedescendant")}),[fe,ue]),Me=l((function(e){K&&K(e),Ie(e),pe(!1)}),[Ie,K]),be=a(),he=be.setSubMenuIsOpenByIndex,xe=be.hasOpenSubMenu,Se=be.openSubMenuIndex,Oe=be.resetOpenSubMenuIndex,je=c({setActiveItemIndex:Me,setOpenSubMenuIndex:be.setOpenSubMenuIndex,onClose:H});k({ref:se,callback:function(){return je()}}),m({hasOpenSubMenu:xe,onCloseMenu:je,ref:se,onClose:H,isSubMenu:Y,useDocumentEventListeners:$});var ke=f({children:fe}),ge=ke.getNextSelectableIndex,Ce=ke.getPreviousSelectableIndex;v({hasOpenSubMenu:xe,getNextSelectableIndex:ge,getPreviousSelectableIndex:Ce,activeItemIndex:de,setActiveItemIndex:Me,isVisible:z,ref:se,useDocumentEventListeners:$}),p({resetOpenSubMenuIndex:Oe,hasOpenSubMenu:xe,ref:se,setActiveItemIndex:Me}),x({focusItemIndexOnMount:Q,focusChildOnMount:fe[Q],getNextSelectableIndex:ge,updateActiveItemIndex:Ie,setIsInitialFocusSet:pe});var Ee=l((function(){pe(!0)}),[pe]),ye=g(xe);d((function(){var e;xe||$||de>-1&&ye&&(null===(e=null==se?void 0:se.current)||void 0===e||e.focus())}),[de,xe,ye,$]),E((function(){q&&!$&&requestAnimationFrame((function(){se&&se.current&&se.current.focus()}))}),[se,q,$]);var Ae=I({onBlurWithin:function(){je&&je()}}).focusWithinProps;return s.createElement("ul",{onFocus:null==Ae?void 0:Ae.onFocus,onBlur:null==Ae?void 0:Ae.onBlur,id:ue,"data-testid":te||M(b.MENU,N),"data-vibe":h.MENU,className:n(j.menu,y(j,P),F),ref:oe,tabIndex:L,"aria-label":U,role:"menu","aria-describedby":R,onMouseOver:Ee},fe&&s.Children.map(fe,(function(e,n){return s.isValidElement(e)?s.cloneElement(e,Object.assign(Object.assign({},null==e?void 0:e.props),{activeItemIndex:de,index:n,setActiveItemIndex:Ie,menuRef:se,resetOpenSubMenuIndex:Oe,isParentMenuVisible:z,setSubMenuIsOpenByIndex:he,hasOpenSubMenu:n===Se,closeMenu:je,id:O(ue,e,n),useDocumentEventListeners:$,isInitialSelectedState:ve,shouldScrollMenu:ne,getNextSelectableIndex:ge,getPreviousSelectableIndex:Ce,isUnderSubMenu:Y,splitMenuItemIconButtonRef:ie})):null})))}));Object.assign(A,{isMenu:!0,supportFocusOnMount:!0});export{A as default};
2
- //# sourceMappingURL=Menu.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Menu.js","sources":["../../../../../src/components/Menu/Menu/Menu.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { SIZES } from \"../../../constants\";\nimport React, { forwardRef, type ReactElement, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useMergeRef, useIsomorphicLayoutEffect, getStyle } from \"@vibe/shared\";\n\nimport { useClickOutside } from \"@vibe/hooks\";\nimport useSubMenuIndex from \"./hooks/useSubMenuIndex\";\nimport useOnCloseMenu from \"./hooks/useOnCloseMenu\";\nimport useCloseMenuOnKeyEvent from \"./hooks/useCloseMenuOnKeyEvent\";\nimport useMenuKeyboardNavigation from \"./hooks/useMenuKeyboardNavigation\";\nimport useMouseLeave from \"./hooks/useMouseLeave\";\nimport { useAdjacentSelectableMenuIndex } from \"./hooks/useAdjacentSelectableMenuIndex\";\nimport { useFocusWithin } from \"../../../hooks/useFocusWithin\";\nimport { usePrevious } from \"@vibe/hooks\";\nimport { type ElementContent, type VibeComponentProps } from \"../../../types\";\n\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../../tests/constants\";\nimport { useFocusOnMount } from \"./hooks/useFocusOnMount\";\nimport { useMenuId } from \"./hooks/useMenuId\";\nimport { type CloseMenuOption, type MenuChild } from \"./MenuConstants\";\nimport { generateMenuItemId } from \"./utils/utils\";\nimport styles from \"./Menu.module.scss\";\n\nexport interface MenuProps extends VibeComponentProps {\n /**\n * Size of the menu.\n */\n size?: (typeof SIZES)[keyof typeof SIZES];\n /**\n * The tab index of the menu.\n */\n tabIndex?: number;\n /**\n * ARIA label for accessibility.\n */\n \"aria-label\"?: string;\n /**\n * ARIA description ID.\n */\n \"aria-describedby\"?: string;\n /**\n * If true, the menu will automatically focus on mount.\n */\n focusOnMount?: boolean;\n /**\n * Callback when a menu item gains focus.\n */\n onItemFocus?: (index: number) => void;\n /**\n * Controls the visibility of the menu.\n */\n isVisible?: boolean;\n /**\n * Callback triggered when the menu closes.\n */\n onClose?: (option: CloseMenuOption) => void;\n /**\n * Index of the focused menu item.\n */\n focusItemIndex?: number;\n /**\n * If true, this menu is a submenu.\n */\n isSubMenu?: boolean;\n /**\n * If true, event listeners will be attached to the document.\n */\n useDocumentEventListeners?: boolean;\n /**\n * Index of the item that should be focused when the menu mounts.\n */\n focusItemIndexOnMount?: number;\n /**\n * If true, enables scrolling within the menu.\n */\n shouldScrollMenu?: boolean;\n /**\n * The menu items.\n */\n children?: ElementContent;\n}\n\nconst Menu = forwardRef(\n (\n {\n id,\n className,\n size = SIZES.MEDIUM,\n tabIndex = 0,\n \"aria-label\": ariaLabel = \"Menu\",\n \"aria-describedby\": ariaDescribedBy,\n children: originalChildren,\n isVisible = true,\n onClose,\n onItemFocus,\n focusOnMount = false,\n focusItemIndex = -1,\n focusItemIndexOnMount = -1,\n isSubMenu = false,\n useDocumentEventListeners = false,\n shouldScrollMenu = false,\n \"data-testid\": dataTestId\n }: MenuProps,\n forwardedRef: React.ForwardedRef<HTMLElement>\n ) => {\n const ref = useRef(null);\n const mergedRef = useMergeRef(ref, forwardedRef);\n\n const overrideId = useMenuId(id);\n const splitMenuItemIconButtonRef = useRef<HTMLElement>(null);\n\n const [activeItemIndex, setActiveItemIndex] = useState(focusItemIndex);\n const [isInitialSelectedState, setIsInitialSelectedState] = useState(false);\n\n const children = useMemo(() => {\n const allChildren = React.Children.toArray(originalChildren) as MenuChild[];\n return allChildren.filter(child => {\n if (child.type.isMenuChild) return true;\n console.error(\n \"Menu child must be a menuChild item (such as MenuItem, MenuDivider, MenuTitle, etc). This child is not supported: \",\n child\n );\n return false;\n });\n }, [originalChildren]);\n\n const updateActiveItemIndex = useCallback(\n (index: number) => {\n setActiveItemIndex(index);\n\n const activeChild = children[index];\n const ariaActiveDescendant = React.isValidElement(activeChild)\n ? activeChild?.props?.id || `${overrideId}-item-${index}`\n : undefined;\n if (ariaActiveDescendant) {\n ref?.current?.setAttribute(\"aria-activedescendant\", ariaActiveDescendant);\n } else {\n ref?.current?.removeAttribute(\"aria-activedescendant\");\n }\n },\n [children, overrideId]\n );\n\n const onSetActiveItemIndexCallback = useCallback(\n (index: number) => {\n onItemFocus && onItemFocus(index);\n updateActiveItemIndex(index);\n setIsInitialSelectedState(false);\n },\n [updateActiveItemIndex, onItemFocus]\n );\n\n const { setSubMenuIsOpenByIndex, hasOpenSubMenu, openSubMenuIndex, setOpenSubMenuIndex, resetOpenSubMenuIndex } =\n useSubMenuIndex();\n\n const onCloseMenu = useOnCloseMenu({\n setActiveItemIndex: onSetActiveItemIndexCallback,\n setOpenSubMenuIndex,\n onClose\n });\n\n useClickOutside({ ref, callback: () => onCloseMenu() });\n useCloseMenuOnKeyEvent({ hasOpenSubMenu, onCloseMenu, ref, onClose, isSubMenu, useDocumentEventListeners });\n\n const { getNextSelectableIndex, getPreviousSelectableIndex } = useAdjacentSelectableMenuIndex({\n children: children as ReactElement[]\n });\n useMenuKeyboardNavigation({\n hasOpenSubMenu,\n getNextSelectableIndex,\n getPreviousSelectableIndex,\n activeItemIndex,\n setActiveItemIndex: onSetActiveItemIndexCallback,\n isVisible,\n ref,\n useDocumentEventListeners\n });\n useMouseLeave({\n resetOpenSubMenuIndex,\n hasOpenSubMenu,\n ref,\n setActiveItemIndex: onSetActiveItemIndexCallback\n });\n useFocusOnMount({\n focusItemIndexOnMount,\n focusChildOnMount: children[focusItemIndexOnMount] as ReactElement,\n getNextSelectableIndex,\n updateActiveItemIndex,\n setIsInitialFocusSet: setIsInitialSelectedState\n });\n\n const onMouseMove = useCallback(() => {\n setIsInitialSelectedState(true);\n }, [setIsInitialSelectedState]);\n\n const previousHasOpenSubMenu = usePrevious(hasOpenSubMenu);\n useEffect(() => {\n if (hasOpenSubMenu || useDocumentEventListeners) return;\n if (activeItemIndex > -1 && previousHasOpenSubMenu) {\n // the submenu was just closed, so we want to focus the menu to capture keyboard events\n ref?.current?.focus();\n }\n }, [activeItemIndex, hasOpenSubMenu, previousHasOpenSubMenu, useDocumentEventListeners]);\n\n useIsomorphicLayoutEffect(() => {\n if (!focusOnMount || useDocumentEventListeners) return;\n requestAnimationFrame(() => {\n ref && ref.current && ref.current.focus();\n });\n }, [ref, focusOnMount, useDocumentEventListeners]);\n\n const { focusWithinProps } = useFocusWithin({\n onBlurWithin: () => {\n onCloseMenu && onCloseMenu();\n }\n });\n\n return (\n <ul\n onFocus={focusWithinProps?.onFocus}\n onBlur={focusWithinProps?.onBlur}\n id={overrideId}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.MENU, id)}\n data-vibe={ComponentVibeId.MENU}\n className={cx(styles.menu, getStyle(styles, size), className)}\n ref={mergedRef}\n tabIndex={tabIndex}\n aria-label={ariaLabel}\n role=\"menu\"\n aria-describedby={ariaDescribedBy}\n onMouseOver={onMouseMove}\n >\n {children &&\n React.Children.map(children, (child, index) => {\n return React.isValidElement(child)\n ? React.cloneElement(child, {\n ...child?.props,\n activeItemIndex,\n index,\n setActiveItemIndex: updateActiveItemIndex,\n menuRef: ref,\n resetOpenSubMenuIndex,\n isParentMenuVisible: isVisible,\n setSubMenuIsOpenByIndex,\n hasOpenSubMenu: index === openSubMenuIndex,\n closeMenu: onCloseMenu,\n id: generateMenuItemId(overrideId, child, index),\n useDocumentEventListeners,\n isInitialSelectedState,\n shouldScrollMenu,\n getNextSelectableIndex,\n getPreviousSelectableIndex,\n isUnderSubMenu: isSubMenu,\n splitMenuItemIconButtonRef\n })\n : null;\n })}\n </ul>\n );\n }\n);\n\nObject.assign(Menu, {\n isMenu: true,\n supportFocusOnMount: true\n});\n\nexport default Menu;\n"],"names":["Menu","forwardRef","_ref","forwardedRef","id","className","_ref$size","size","SIZES","MEDIUM","_ref$tabIndex","tabIndex","_ref$ariaLabel","ariaLabel","ariaDescribedBy","originalChildren","children","_ref$isVisible","isVisible","onClose","onItemFocus","_ref$focusOnMount","focusOnMount","_ref$focusItemIndex","focusItemIndex","_ref$focusItemIndexOn","focusItemIndexOnMount","_ref$isSubMenu","isSubMenu","_ref$useDocumentEvent","useDocumentEventListeners","_ref$shouldScrollMenu","shouldScrollMenu","dataTestId","ref","useRef","mergedRef","useMergeRef","overrideId","useMenuId","splitMenuItemIconButtonRef","_useState","useState","_useState2","_slicedToArray","activeItemIndex","setActiveItemIndex","_useState3","_useState4","isInitialSelectedState","setIsInitialSelectedState","useMemo","React","Children","toArray","filter","child","type","isMenuChild","console","error","updateActiveItemIndex","useCallback","index","activeChild","ariaActiveDescendant","isValidElement","_a","props","concat","undefined","_b","current","setAttribute","_c","removeAttribute","onSetActiveItemIndexCallback","_useSubMenuIndex","useSubMenuIndex","setSubMenuIsOpenByIndex","hasOpenSubMenu","openSubMenuIndex","resetOpenSubMenuIndex","onCloseMenu","useOnCloseMenu","setOpenSubMenuIndex","useClickOutside","callback","useCloseMenuOnKeyEvent","_useAdjacentSelectabl","useAdjacentSelectableMenuIndex","getNextSelectableIndex","getPreviousSelectableIndex","useMenuKeyboardNavigation","useMouseLeave","useFocusOnMount","focusChildOnMount","setIsInitialFocusSet","onMouseMove","previousHasOpenSubMenu","usePrevious","useEffect","focus","useIsomorphicLayoutEffect","requestAnimationFrame","focusWithinProps","useFocusWithin","onBlurWithin","createElement","onFocus","onBlur","getTestId","ComponentDefaultTestId","MENU","ComponentVibeId","cx","styles","menu","getStyle","role","onMouseOver","map","cloneElement","Object","assign","menuRef","isParentMenuVisible","closeMenu","generateMenuItemId","isUnderSubMenu","isMenu","supportFocusOnMount"],"mappings":"y2CAmFMA,IAAAA,EAAOC,GACX,SAAAC,EAoBEC,GACE,IAnBAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UAASC,EAAAJ,EACTK,KAAAA,OAAI,IAAAD,EAAGE,EAAMC,OAAMH,EAAAI,EAAAR,EACnBS,SAAAA,OAAW,IAAHD,EAAG,EAACA,EAAAE,EAAAV,EACZ,cAAcW,OAAY,IAAHD,EAAG,OAAMA,EACZE,EAAeZ,EAAnC,oBACUa,EAAgBb,EAA1Bc,SAAQC,EAAAf,EACRgB,UAAAA,OAAY,IAAHD,GAAOA,EAChBE,EAAOjB,EAAPiB,QACAC,EAAWlB,EAAXkB,YAAWC,EAAAnB,EACXoB,aAAAA,OAAe,IAAHD,GAAQA,EAAAE,EAAArB,EACpBsB,eAAAA,OAAc,IAAAD,GAAI,EAACA,EAAAE,EAAAvB,EACnBwB,sBAAAA,OAAqB,IAAAD,GAAI,EAACA,EAAAE,EAAAzB,EAC1B0B,UAAAA,OAAY,IAAHD,GAAQA,EAAAE,EAAA3B,EACjB4B,0BAAAA,OAA4B,IAAHD,GAAQA,EAAAE,GAAA7B,EACjC8B,iBAAAA,QAAmB,IAAHD,IAAQA,GACTE,GAAU/B,EAAzB,eAIIgC,GAAMC,EAAO,MACbC,GAAYC,EAAYH,GAAK/B,GAE7BmC,GAAaC,EAAUnC,GACvBoC,GAA6BL,EAAoB,MAEvDM,GAA8CC,EAASlB,GAAemB,GAAAC,EAAAH,GAAA,GAA/DI,GAAeF,GAAA,GAAEG,GAAkBH,GAAA,GAC1CI,GAA4DL,GAAS,GAAMM,GAAAJ,EAAAG,GAAA,GAApEE,GAAsBD,GAAA,GAAEE,GAAyBF,GAAA,GAElDhC,GAAWmC,GAAQ,WAEvB,OADoBC,EAAMC,SAASC,QAAQvC,GACxBwC,QAAO,SAAAC,GACxB,QAAIA,EAAMC,KAAKC,cACfC,QAAQC,MACN,qHACAJ,IAEK,EACT,GACF,GAAG,CAACzC,IAEE8C,GAAwBC,GAC5B,SAACC,aACCjB,GAAmBiB,GAEnB,IAAMC,EAAchD,GAAS+C,GACvBE,EAAuBb,EAAMc,eAAeF,YAC9CG,EAAAH,aAAA,EAAAA,EAAaI,4BAAOhE,KAAEiE,GAAAA,OAAO/B,GAAU+B,UAAAA,OAASN,QAChDO,EACAL,EACY,QAAdM,EAAArC,cAAG,EAAHA,GAAKsC,eAAS,IAAAD,GAAAA,EAAAE,aAAa,wBAAyBR,GAExC,QAAZS,EAAAxC,cAAG,EAAHA,GAAKsC,eAAO,IAAAE,GAAAA,EAAEC,gBAAgB,wBAElC,GACA,CAAC3D,GAAUsB,KAGPsC,GAA+Bd,GACnC,SAACC,GACC3C,GAAeA,EAAY2C,GAC3BF,GAAsBE,GACtBb,IAA0B,EAC5B,GACA,CAACW,GAAuBzC,IAG1ByD,GACEC,IADMC,GAAuBF,GAAvBE,wBAAyBC,GAAcH,GAAdG,eAAgBC,GAAgBJ,GAAhBI,iBAAuCC,GAAqBL,GAArBK,sBAGlFC,GAAcC,EAAe,CACjCtC,mBAAoB8B,GACpBS,oBALoFR,GAAnBQ,oBAMjElE,QAAAA,IAGFmE,EAAgB,CAAEpD,IAAAA,GAAKqD,SAAU,WAAA,OAAMJ,IAAa,IACpDK,EAAuB,CAAER,eAAAA,GAAgBG,YAAAA,GAAajD,IAAAA,GAAKf,QAAAA,EAASS,UAAAA,EAAWE,0BAAAA,IAE/E,IAAA2D,GAA+DC,EAA+B,CAC5F1E,SAAUA,KADJ2E,GAAsBF,GAAtBE,uBAAwBC,GAA0BH,GAA1BG,2BAGhCC,EAA0B,CACxBb,eAAAA,GACAW,uBAAAA,GACAC,2BAAAA,GACA/C,gBAAAA,GACAC,mBAAoB8B,GACpB1D,UAAAA,EACAgB,IAAAA,GACAJ,0BAAAA,IAEFgE,EAAc,CACZZ,sBAAAA,GACAF,eAAAA,GACA9C,IAAAA,GACAY,mBAAoB8B,KAEtBmB,EAAgB,CACdrE,sBAAAA,EACAsE,kBAAmBhF,GAASU,GAC5BiE,uBAAAA,GACA9B,sBAAAA,GACAoC,qBAAsB/C,KAGxB,IAAMgD,GAAcpC,GAAY,WAC9BZ,IAA0B,EAC5B,GAAG,CAACA,KAEEiD,GAAyBC,EAAYpB,IAC3CqB,GAAU,iBACJrB,IAAkBlD,GAClBe,IAAmB,GAAKsD,KAEd,QAAZhC,EAAAjC,cAAA,EAAAA,GAAKsC,eAAO,IAAAL,GAAAA,EAAEmC,QAEjB,GAAE,CAACzD,GAAiBmC,GAAgBmB,GAAwBrE,IAE7DyE,GAA0B,WACnBjF,IAAgBQ,GACrB0E,uBAAsB,WACpBtE,IAAOA,GAAIsC,SAAWtC,GAAIsC,QAAQ8B,OACpC,GACD,GAAE,CAACpE,GAAKZ,EAAcQ,IAEvB,IAAQ2E,GAAqBC,EAAe,CAC1CC,aAAc,WACZxB,IAAeA,IACjB,IAHMsB,iBAMR,OACErD,EACEwD,cAAA,KAAA,CAAAC,QAASJ,cAAgB,EAAhBA,GAAkBI,QAC3BC,OAAQL,cAAgB,EAAhBA,GAAkBK,OAC1B1G,GAAIkC,iBACSL,IAAc8E,EAAUC,EAAuBC,KAAM7G,eACvD8G,EAAgBD,KAC3B5G,UAAW8G,EAAGC,EAAOC,KAAMC,EAASF,EAAQ7G,GAAOF,GACnD6B,IAAKE,GACLzB,SAAUA,EAAQ,aACNE,EACZ0G,KAAK,0BACazG,EAClB0G,YAAatB,IAEZlF,IACCoC,EAAMC,SAASoE,IAAIzG,IAAU,SAACwC,EAAOO,GACnC,OAAOX,EAAMc,eAAeV,GACxBJ,EAAMsE,aAAalE,EAAKmE,OAAAC,OAAAD,OAAAC,OAAA,GACnBpE,aAAA,EAAAA,EAAOY,QACVvB,gBAAAA,GACAkB,MAAAA,EACAjB,mBAAoBe,GACpBgE,QAAS3F,GACTgD,sBAAAA,GACA4C,oBAAqB5G,EACrB6D,wBAAAA,GACAC,eAAgBjB,IAAUkB,GAC1B8C,UAAW5C,GACX/E,GAAI4H,EAAmB1F,GAAYkB,EAAOO,GAC1CjC,0BAAAA,EACAmB,uBAAAA,GACAjB,iBAAAA,GACA2D,uBAAAA,GACAC,2BAAAA,GACAqC,eAAgBrG,EAChBY,2BAAAA,MAEF,IACL,IAGT,IAGFmF,OAAOC,OAAO5H,EAAM,CAClBkI,QAAQ,EACRC,qBAAqB"}
@@ -1,2 +0,0 @@
1
- var e={menu:"menu_6d8c1cfdbd",small:"small_53c0f6fe01",medium:"medium_7e7c2bf7ad",large:"large_f92b0ed923"};!function(e){const n="s_id-1599ba0bb296_4_5_20";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,d.firstChild?d.insertBefore(t,d.firstChild):d.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.menu_6d8c1cfdbd {\n margin: unset;\n padding: unset;\n position: relative;\n}\n.menu_6d8c1cfdbd:focus {\n outline: none;\n}\n.small_53c0f6fe01 {\n width: 200px;\n}\n.medium_7e7c2bf7ad {\n width: 220px;\n}\n.large_f92b0ed923 {\n width: 240px;\n}");export{e as default};
2
- //# sourceMappingURL=Menu.module.scss.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Menu.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- import{useCallback as e}from"react";import{isMenuChildSelectable as r}from"../utils/utils.js";var t=function(t){var n=t.children;return{getNextSelectableIndex:e((function(e){for(var t,l=1;n.length>=l;l++)if(r(n[t=(e+l)%n.length]))return t;return null}),[n]),getPreviousSelectableIndex:e((function(e){for(var t,l=n.length-1;l>0;l--)if(r(n[t=(e+l)%n.length]))return t;return null}),[n])}};export{t as useAdjacentSelectableMenuIndex};
2
- //# sourceMappingURL=useAdjacentSelectableMenuIndex.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useAdjacentSelectableMenuIndex.js","sources":["../../../../../../src/components/Menu/Menu/hooks/useAdjacentSelectableMenuIndex.tsx"],"sourcesContent":["import { type ReactElement, useCallback } from \"react\";\nimport { isMenuChildSelectable } from \"../utils/utils\";\n\nexport const useAdjacentSelectableMenuIndex = ({ children }: { children: ReactElement[] }) => {\n const getNextSelectableIndex = useCallback(\n (currentActiveItemIndex: number) => {\n let newIndex;\n for (let offset = 1; offset <= children.length; offset++) {\n newIndex = (currentActiveItemIndex + offset) % children.length;\n if (isMenuChildSelectable(children[newIndex])) {\n return newIndex;\n }\n }\n return null;\n },\n [children]\n );\n\n const getPreviousSelectableIndex = useCallback(\n (currentActiveItemIndex: number) => {\n let newIndex;\n for (let offset = children.length - 1; offset > 0; offset--) {\n newIndex = (currentActiveItemIndex + offset) % children.length;\n if (isMenuChildSelectable(children[newIndex])) {\n return newIndex;\n }\n }\n return null;\n },\n [children]\n );\n\n return { getNextSelectableIndex, getPreviousSelectableIndex };\n};\n"],"names":["useAdjacentSelectableMenuIndex","_ref","children","getNextSelectableIndex","useCallback","currentActiveItemIndex","newIndex","offset","length","isMenuChildSelectable","getPreviousSelectableIndex"],"mappings":"kGAGaA,EAAiC,SAAHC,GAAkD,IAA5CC,EAAQD,EAARC,SA6B/C,MAAO,CAAEC,uBA5BsBC,GAC7B,SAACC,GAEC,IADA,IAAIC,EACKC,EAAS,EAAaL,EAASM,QAAnBD,EAA2BA,IAE9C,GAAIE,EAAsBP,EAD1BI,GAAYD,EAAyBE,GAAUL,EAASM,SAEtD,OAAOF,EAGX,OAAO,IACT,GACA,CAACJ,IAiB8BQ,2BAdEN,GACjC,SAACC,GAEC,IADA,IAAIC,EACKC,EAASL,EAASM,OAAS,EAAGD,EAAS,EAAGA,IAEjD,GAAIE,EAAsBP,EAD1BI,GAAYD,EAAyBE,GAAUL,EAASM,SAEtD,OAAOF,EAGX,OAAO,IACT,GACA,CAACJ,IAIL"}
@@ -1,2 +0,0 @@
1
- import{useCallback as e}from"react";import{keyCodes as o}from"../../../../constants/keyCodes.js";import"../../../../constants/sizes.js";import{useKeyEvent as s}from"../../../../../shared/dist/hooks/useKeyEvent.js";var t=[o.ESCAPE,o.LEFT_ARROW,o.TAB];function n(n){var r=n.hasOpenSubMenu,a=n.onCloseMenu,i=n.ref,p=n.onClose,u=n.isSubMenu,c=n.useDocumentEventListeners,f=e((function(e){var s=e.key;r||(s!==o.LEFT_ARROW||u)&&[o.ESCAPE,o.LEFT_ARROW,o.TAB].includes(s)&&(a({propagate:!1}),p&&(p({propagate:!1},s),e.preventDefault(),e.stopPropagation()))}),[p,r,a,u]);s({keys:t,callback:f,ref:c?void 0:i})}export{n as default};
2
- //# sourceMappingURL=useCloseMenuOnKeyEvent.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useCloseMenuOnKeyEvent.js","sources":["../../../../../../src/components/Menu/Menu/hooks/useCloseMenuOnKeyEvent.tsx"],"sourcesContent":["import type React from \"react\";\nimport { useCallback } from \"react\";\nimport useKeyEvent from \"../../../../hooks/useKeyEvent\";\nimport { type CloseMenuOption } from \"../MenuConstants\";\nimport { keyCodes } from \"../../../../constants\";\n\nconst KEYS = [keyCodes.ESCAPE, keyCodes.LEFT_ARROW, keyCodes.TAB];\n\nexport default function useCloseMenuOnKeyEvent({\n hasOpenSubMenu,\n onCloseMenu,\n ref,\n onClose,\n isSubMenu,\n useDocumentEventListeners\n}: {\n hasOpenSubMenu: boolean;\n onCloseMenu: (option: CloseMenuOption) => void;\n ref: React.RefObject<HTMLElement>;\n onClose: (option: CloseMenuOption, key?: string) => void;\n isSubMenu: boolean;\n useDocumentEventListeners: boolean;\n}) {\n const onKeyEvent = useCallback(\n (event: React.KeyboardEvent) => {\n const key = event.key;\n\n if (hasOpenSubMenu) return;\n\n if (key === keyCodes.LEFT_ARROW && !isSubMenu) {\n return;\n }\n if (![keyCodes.ESCAPE, keyCodes.LEFT_ARROW, keyCodes.TAB].includes(key)) {\n return;\n }\n\n onCloseMenu({ propagate: false });\n\n if (onClose) {\n onClose({ propagate: false }, key);\n event.preventDefault();\n event.stopPropagation();\n }\n },\n [onClose, hasOpenSubMenu, onCloseMenu, isSubMenu]\n );\n\n useKeyEvent({\n keys: KEYS,\n callback: onKeyEvent,\n ref: useDocumentEventListeners ? undefined : ref\n });\n}\n"],"names":["KEYS","keyCodes","ESCAPE","LEFT_ARROW","TAB","useCloseMenuOnKeyEvent","_ref","hasOpenSubMenu","onCloseMenu","ref","onClose","isSubMenu","useDocumentEventListeners","onKeyEvent","useCallback","event","key","includes","propagate","preventDefault","stopPropagation","useKeyEvent","keys","callback","undefined"],"mappings":"sNAMA,IAAMA,EAAO,CAACC,EAASC,OAAQD,EAASE,WAAYF,EAASG,KAE/C,SAAUC,EAAsBC,GAc7C,IAbCC,EAAcD,EAAdC,eACAC,EAAWF,EAAXE,YACAC,EAAGH,EAAHG,IACAC,EAAOJ,EAAPI,QACAC,EAASL,EAATK,UACAC,EAAyBN,EAAzBM,0BASMC,EAAaC,GACjB,SAACC,GACC,IAAMC,EAAMD,EAAMC,IAEdT,IAEAS,IAAQf,EAASE,YAAeQ,IAG/B,CAACV,EAASC,OAAQD,EAASE,WAAYF,EAASG,KAAKa,SAASD,KAInER,EAAY,CAAEU,WAAW,IAErBR,IACFA,EAAQ,CAAEQ,WAAW,GAASF,GAC9BD,EAAMI,iBACNJ,EAAMK,mBAET,GACD,CAACV,EAASH,EAAgBC,EAAaG,IAGzCU,EAAY,CACVC,KAAMtB,EACNuB,SAAUV,EACVJ,IAAKG,OAA4BY,EAAYf,GAEjD"}
@@ -1,2 +0,0 @@
1
- import{useEffect as t}from"react";import{isMenuChildSelectable as e}from"../utils/utils.js";var n=function(n){var i=n.focusItemIndexOnMount,o=n.focusChildOnMount,u=n.getNextSelectableIndex,r=n.updateActiveItemIndex,a=n.setIsInitialFocusSet;t((function(){if(-1!==i){var t=e(o)?i:u(i);null!==t&&requestAnimationFrame((function(){r(t),a(!0)}))}}),[o,i,u,a,r])};export{n as useFocusOnMount};
2
- //# sourceMappingURL=useFocusOnMount.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useFocusOnMount.js","sources":["../../../../../../src/components/Menu/Menu/hooks/useFocusOnMount.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { type ReactElement } from \"react\";\nimport { isMenuChildSelectable } from \"../utils/utils\";\n\nexport interface UseFocusOnMountProps {\n focusItemIndexOnMount: number;\n focusChildOnMount: ReactElement;\n getNextSelectableIndex: (index: number) => number | null;\n updateActiveItemIndex: (index: number) => void;\n setIsInitialFocusSet: (state: boolean) => void;\n}\n\nexport const useFocusOnMount = ({\n focusItemIndexOnMount,\n focusChildOnMount,\n getNextSelectableIndex,\n updateActiveItemIndex,\n setIsInitialFocusSet\n}: UseFocusOnMountProps) => {\n useEffect(() => {\n if (focusItemIndexOnMount === -1) {\n return;\n }\n\n const indexToFocusOnMount = isMenuChildSelectable(focusChildOnMount)\n ? focusItemIndexOnMount\n : getNextSelectableIndex(focusItemIndexOnMount);\n\n if (indexToFocusOnMount !== null) {\n requestAnimationFrame(() => {\n updateActiveItemIndex(indexToFocusOnMount);\n setIsInitialFocusSet(true);\n });\n }\n }, [focusChildOnMount, focusItemIndexOnMount, getNextSelectableIndex, setIsInitialFocusSet, updateActiveItemIndex]);\n};\n"],"names":["useFocusOnMount","_ref","focusItemIndexOnMount","focusChildOnMount","getNextSelectableIndex","updateActiveItemIndex","setIsInitialFocusSet","useEffect","indexToFocusOnMount","isMenuChildSelectable","requestAnimationFrame"],"mappings":"gGAYaA,EAAkB,SAAHC,GAMD,IALzBC,EAAqBD,EAArBC,sBACAC,EAAiBF,EAAjBE,kBACAC,EAAsBH,EAAtBG,uBACAC,EAAqBJ,EAArBI,sBACAC,EAAoBL,EAApBK,qBAEAC,GAAU,WACR,IAA+B,IAA3BL,EAAJ,CAIA,IAAMM,EAAsBC,EAAsBN,GAC9CD,EACAE,EAAuBF,GAEC,OAAxBM,GACFE,uBAAsB,WACpBL,EAAsBG,GACtBF,GAAqB,EACvB,GAVF,CAYF,GAAG,CAACH,EAAmBD,EAAuBE,EAAwBE,EAAsBD,GAC9F"}
@@ -1,2 +0,0 @@
1
- import{slicedToArray as r}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as o}from"react";import{useIsomorphicLayoutEffect as t}from"../../../../../shared/dist/hooks/ssr/useIsomorphicLayoutEffect.js";var e=0,s=function(){return"menu-".concat(e++)},i=function(e){var i=o(),n=r(i,2),u=n[0],a=n[1];return t((function(){a(e||s())}),[e]),u};export{s as generateMenuId,i as useMenuId};
2
- //# sourceMappingURL=useMenuId.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useMenuId.js","sources":["../../../../../../src/components/Menu/Menu/hooks/useMenuId.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"@vibe/shared\";\n\nlet menuIdCounter = 0;\nexport const generateMenuId = () => {\n return `menu-${menuIdCounter++}`;\n};\n\nexport const useMenuId = (id: string) => {\n const [menuId, setMenuId] = useState<string>();\n useIsomorphicLayoutEffect(() => {\n setMenuId(id || generateMenuId());\n }, [id]);\n return menuId;\n};\n"],"names":["menuIdCounter","generateMenuId","concat","useMenuId","id","_useState","useState","_useState2","_slicedToArray","menuId","setMenuId","useIsomorphicLayoutEffect"],"mappings":"oOAGA,IAAIA,EAAgB,EACPC,EAAiB,WAC5B,MAAAC,QAAAA,OAAeF,IACjB,EAEaG,EAAY,SAACC,GACxB,IAAAC,EAA4BC,IAAkBC,EAAAC,EAAAH,EAAA,GAAvCI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAIxB,OAHAI,GAA0B,WACxBD,EAAUN,GAAMH,IAClB,GAAG,CAACG,IACGK,CACT"}
@@ -1,2 +0,0 @@
1
- import{useCallback as e,useMemo as t}from"react";import{NavDirections as s,ARROW_DOWN_KEYS as n,ARROW_UP_KEYS as a}from"../../../../../shared/dist/constants/navDirections.js";import{ENTER_KEYS as i,HOME_KEYS as c,END_KEYS as o}from"../../../../../shared/dist/constants/keyCodes.js";import{useKeyEvent as r}from"../../../../../shared/dist/hooks/useKeyEvent.js";function f(f){var u=f.hasOpenSubMenu,l=f.getNextSelectableIndex,b=f.getPreviousSelectableIndex,d=f.activeItemIndex,k=f.setActiveItemIndex,m=f.isVisible,v=f.ref,p=f.useDocumentEventListeners,g=e((function(e){var t;if(u)return!1;e===s.DOWN?t=l(d):e===s.UP&&(t=b(d)),(t||0===t)&&k(t)}),[d,l,b,u,k]),j=e((function(){g(s.UP)}),[g]),O=e((function(){g(s.DOWN)}),[g]),y=e((function(e){m&&-1===d&&k(0)}),[k,d,m]),x=e((function(){if(!u){var e=l(-1);-1!==e&&k(e)}}),[u,l,k]),I=e((function(){if(!u){var e=b(0);-1!==e&&k(e)}}),[u,b,k]),h=t((function(){if(!p)return{ref:v,preventDefault:!0,stopPropagation:!0}}),[p,v]);r(Object.assign({keys:n,callback:O},h)),r(Object.assign({keys:a,callback:j},h)),r(Object.assign({keys:i,callback:y},h)),r(Object.assign({keys:c,callback:x},h)),r(Object.assign({keys:o,callback:I},h))}export{f as default};
2
- //# sourceMappingURL=useMenuKeyboardNavigation.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useMenuKeyboardNavigation.js","sources":["../../../../../../src/components/Menu/Menu/hooks/useMenuKeyboardNavigation.tsx"],"sourcesContent":["import type React from \"react\";\nimport { useCallback, useMemo } from \"react\";\nimport { ARROW_DOWN_KEYS, ARROW_UP_KEYS, ENTER_KEYS, HOME_KEYS, END_KEYS, NavDirections } from \"@vibe/shared\";\nimport useKeyEvent from \"../../../../hooks/useKeyEvent\";\n\nexport default function useMenuKeyboardNavigation({\n hasOpenSubMenu,\n getNextSelectableIndex,\n getPreviousSelectableIndex,\n activeItemIndex,\n setActiveItemIndex,\n isVisible,\n ref,\n useDocumentEventListeners\n}: {\n hasOpenSubMenu: boolean;\n getNextSelectableIndex: (index: number) => number;\n getPreviousSelectableIndex: (index: number) => number;\n activeItemIndex: number;\n setActiveItemIndex: (index: number) => void;\n isVisible: boolean;\n ref: React.RefObject<HTMLElement>;\n useDocumentEventListeners: boolean;\n}) {\n const onArrowKeyEvent = useCallback(\n (direction: NavDirections) => {\n let newIndex;\n\n if (hasOpenSubMenu) return false;\n\n if (direction === NavDirections.DOWN) {\n newIndex = getNextSelectableIndex(activeItemIndex);\n } else if (direction === NavDirections.UP) {\n newIndex = getPreviousSelectableIndex(activeItemIndex);\n }\n\n if (newIndex || newIndex === 0) setActiveItemIndex(newIndex);\n },\n [activeItemIndex, getNextSelectableIndex, getPreviousSelectableIndex, hasOpenSubMenu, setActiveItemIndex]\n );\n const onArrowUp = useCallback(() => {\n onArrowKeyEvent(NavDirections.UP);\n }, [onArrowKeyEvent]);\n\n const onArrowDown = useCallback(() => {\n onArrowKeyEvent(NavDirections.DOWN);\n }, [onArrowKeyEvent]);\n\n const onEnterClickCallback = useCallback(\n (_event: React.KeyboardEvent) => {\n if (!isVisible) return;\n\n if (activeItemIndex === -1) {\n setActiveItemIndex(0);\n }\n },\n [setActiveItemIndex, activeItemIndex, isVisible]\n );\n\n const onHomeKey = useCallback(() => {\n if (hasOpenSubMenu) return;\n const firstIndex = getNextSelectableIndex(-1);\n if (firstIndex !== -1) {\n setActiveItemIndex(firstIndex);\n }\n }, [hasOpenSubMenu, getNextSelectableIndex, setActiveItemIndex]);\n\n const onEndKey = useCallback(() => {\n if (hasOpenSubMenu) return;\n const lastIndex = getPreviousSelectableIndex(0);\n if (lastIndex !== -1) {\n setActiveItemIndex(lastIndex);\n }\n }, [hasOpenSubMenu, getPreviousSelectableIndex, setActiveItemIndex]);\n\n const listenerOptions = useMemo(() => {\n if (useDocumentEventListeners) return undefined;\n\n return {\n ref,\n preventDefault: true,\n stopPropagation: true\n };\n }, [useDocumentEventListeners, ref]);\n\n useKeyEvent({\n keys: ARROW_DOWN_KEYS,\n callback: onArrowDown,\n ...listenerOptions\n });\n\n useKeyEvent({\n keys: ARROW_UP_KEYS,\n callback: onArrowUp,\n ...listenerOptions\n });\n\n useKeyEvent({\n keys: ENTER_KEYS,\n callback: onEnterClickCallback,\n ...listenerOptions\n });\n\n useKeyEvent({\n keys: HOME_KEYS,\n callback: onHomeKey,\n ...listenerOptions\n });\n\n useKeyEvent({\n keys: END_KEYS,\n callback: onEndKey,\n ...listenerOptions\n });\n}\n"],"names":["useMenuKeyboardNavigation","_ref","hasOpenSubMenu","getNextSelectableIndex","getPreviousSelectableIndex","activeItemIndex","setActiveItemIndex","isVisible","ref","useDocumentEventListeners","onArrowKeyEvent","useCallback","direction","newIndex","NavDirections","DOWN","UP","onArrowUp","onArrowDown","onEnterClickCallback","_event","onHomeKey","firstIndex","onEndKey","lastIndex","listenerOptions","useMemo","preventDefault","stopPropagation","useKeyEvent","Object","assign","keys","ARROW_DOWN_KEYS","callback","ARROW_UP_KEYS","ENTER_KEYS","HOME_KEYS","END_KEYS"],"mappings":"wWAKwB,SAAAA,EAAyBC,GAkBhD,IAjBCC,EAAcD,EAAdC,eACAC,EAAsBF,EAAtBE,uBACAC,EAA0BH,EAA1BG,2BACAC,EAAeJ,EAAfI,gBACAC,EAAkBL,EAAlBK,mBACAC,EAASN,EAATM,UACAC,EAAGP,EAAHO,IACAC,EAAyBR,EAAzBQ,0BAWMC,EAAkBC,GACtB,SAACC,GACC,IAAIC,EAEJ,GAAIX,EAAgB,OAAO,EAEvBU,IAAcE,EAAcC,KAC9BF,EAAWV,EAAuBE,GACzBO,IAAcE,EAAcE,KACrCH,EAAWT,EAA2BC,KAGpCQ,GAAyB,IAAbA,IAAgBP,EAAmBO,EACrD,GACA,CAACR,EAAiBF,EAAwBC,EAA4BF,EAAgBI,IAElFW,EAAYN,GAAY,WAC5BD,EAAgBI,EAAcE,GAChC,GAAG,CAACN,IAEEQ,EAAcP,GAAY,WAC9BD,EAAgBI,EAAcC,KAChC,GAAG,CAACL,IAEES,EAAuBR,GAC3B,SAACS,GACMb,IAEoB,IAArBF,GACFC,EAAmB,EAEtB,GACD,CAACA,EAAoBD,EAAiBE,IAGlCc,EAAYV,GAAY,WAC5B,IAAIT,EAAJ,CACA,IAAMoB,EAAanB,GAAwB,IACvB,IAAhBmB,GACFhB,EAAmBgB,EAHD,CAKrB,GAAE,CAACpB,EAAgBC,EAAwBG,IAEtCiB,EAAWZ,GAAY,WAC3B,IAAIT,EAAJ,CACA,IAAMsB,EAAYpB,EAA2B,IAC1B,IAAfoB,GACFlB,EAAmBkB,EAHD,CAKrB,GAAE,CAACtB,EAAgBE,EAA4BE,IAE1CmB,EAAkBC,GAAQ,WAC9B,IAAIjB,EAEJ,MAAO,CACLD,IAAAA,EACAmB,gBAAgB,EAChBC,iBAAiB,EAErB,GAAG,CAACnB,EAA2BD,IAE/BqB,EAAWC,OAAAC,OAAA,CACTC,KAAMC,EACNC,SAAUhB,GACPO,IAGLI,EAAWC,OAAAC,OAAA,CACTC,KAAMG,EACND,SAAUjB,GACPQ,IAGLI,EAAWC,OAAAC,OAAA,CACTC,KAAMI,EACNF,SAAUf,GACPM,IAGLI,EAAWC,OAAAC,OAAA,CACTC,KAAMK,EACNH,SAAUb,GACPI,IAGLI,EAAWC,OAAAC,OAAA,CACTC,KAAMM,EACNJ,SAAUX,GACPE,GAEP"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"useMouseLeave.js","sources":["../../../../../../src/components/Menu/Menu/hooks/useMouseLeave.tsx"],"sourcesContent":["import type React from \"react\";\nimport useIsMouseEnter from \"../../../../hooks/useIsMouseEnter\";\nimport { usePrevious } from \"@vibe/hooks\";\nimport { useIsomorphicLayoutEffect } from \"@vibe/shared\";\n\nexport default function useMouseLeave({\n resetOpenSubMenuIndex,\n hasOpenSubMenu,\n ref,\n setActiveItemIndex\n}: {\n resetOpenSubMenuIndex: () => void;\n hasOpenSubMenu: boolean;\n ref: React.RefObject<HTMLElement>;\n setActiveItemIndex: (index: number) => void;\n}) {\n const isMouseEnter = useIsMouseEnter({ ref });\n const prevIsMouseEnter = usePrevious(isMouseEnter);\n\n useIsomorphicLayoutEffect(() => {\n if (isMouseEnter) return;\n if (isMouseEnter === prevIsMouseEnter) return;\n if (hasOpenSubMenu) return;\n resetOpenSubMenuIndex();\n setActiveItemIndex(-1);\n }, [resetOpenSubMenuIndex, ref, prevIsMouseEnter, isMouseEnter, hasOpenSubMenu, setActiveItemIndex]);\n\n return isMouseEnter;\n}\n"],"names":["useMouseLeave","_ref","resetOpenSubMenuIndex","hasOpenSubMenu","ref","setActiveItemIndex","isMouseEnter","useIsMouseEnter","prevIsMouseEnter","usePrevious","useIsomorphicLayoutEffect"],"mappings":"gOAKwB,SAAAA,EAAaC,GAUpC,IATCC,EAAqBD,EAArBC,sBACAC,EAAcF,EAAdE,eACAC,EAAGH,EAAHG,IACAC,EAAkBJ,EAAlBI,mBAOMC,EAAeC,EAAgB,CAAEH,IAAAA,IACjCI,EAAmBC,EAAYH,GAUrC,OARAI,GAA0B,WACpBJ,GACAA,IAAiBE,IACjBL,IACJD,IACAG,GAAoB,IACtB,GAAG,CAACH,EAAuBE,EAAKI,EAAkBF,EAAcH,EAAgBE,IAEzEC,CACT"}
@@ -1,2 +0,0 @@
1
- import{useCallback as e}from"react";function t(t){var n=t.setActiveItemIndex,o=t.setOpenSubMenuIndex,r=t.onClose;return e((function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{propagate:!1};n(-1),o(null),r&&r(e)}),[r,o,n])}export{t as default};
2
- //# sourceMappingURL=useOnCloseMenu.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useOnCloseMenu.js","sources":["../../../../../../src/components/Menu/Menu/hooks/useOnCloseMenu.tsx"],"sourcesContent":["import { useCallback } from \"react\";\nimport { type CloseMenuOption } from \"../MenuConstants\";\n\nexport default function useOnCloseMenu({\n setActiveItemIndex,\n setOpenSubMenuIndex,\n onClose\n}: {\n setActiveItemIndex: (index: number) => void;\n setOpenSubMenuIndex: (index: number) => void;\n onClose: (option: CloseMenuOption) => void;\n}) {\n return useCallback(\n (option: CloseMenuOption = { propagate: false }) => {\n setActiveItemIndex(-1);\n setOpenSubMenuIndex(null);\n onClose && onClose(option);\n },\n [onClose, setOpenSubMenuIndex, setActiveItemIndex]\n );\n}\n"],"names":["useOnCloseMenu","_ref","setActiveItemIndex","setOpenSubMenuIndex","onClose","useCallback","option","arguments","length","undefined","propagate"],"mappings":"oCAGc,SAAUA,EAAcC,GAQrC,IAPCC,EAAkBD,EAAlBC,mBACAC,EAAmBF,EAAnBE,oBACAC,EAAOH,EAAPG,QAMA,OAAOC,GACL,WAAmD,IAAlDC,EAA0BC,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAA,GAAA,CAAEG,WAAW,GACtCR,GAAoB,GACpBC,EAAoB,MACpBC,GAAWA,EAAQE,EACpB,GACD,CAACF,EAASD,EAAqBD,GAEnC"}
@@ -1,2 +0,0 @@
1
- import{slicedToArray as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as n,useCallback as u}from"react";function r(){var r=n(null),l=e(r,2),t=l[0],o=l[1],p="number"==typeof t,s=u((function(e,n){o(n?e:null)}),[o]),a=u((function(){o(null)}),[o]);return{setSubMenuIsOpenByIndex:s,hasOpenSubMenu:p,openSubMenuIndex:t,setOpenSubMenuIndex:o,resetOpenSubMenuIndex:a}}export{r as default};
2
- //# sourceMappingURL=useSubMenuIndex.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useSubMenuIndex.js","sources":["../../../../../../src/components/Menu/Menu/hooks/useSubMenuIndex.tsx"],"sourcesContent":["import { useCallback, useState } from \"react\";\n\nexport default function useSubMenuIndex() {\n const [openSubMenuIndex, setOpenSubMenuIndex] = useState<number>(null);\n const hasOpenSubMenu = typeof openSubMenuIndex === \"number\";\n\n const setSubMenuIsOpenByIndex = useCallback(\n (index: number, isOpen: boolean) => {\n const isOpenIndexValue = isOpen ? index : null;\n setOpenSubMenuIndex(isOpenIndexValue);\n },\n [setOpenSubMenuIndex]\n );\n\n const resetOpenSubMenuIndex = useCallback(() => {\n setOpenSubMenuIndex(null);\n }, [setOpenSubMenuIndex]);\n\n return { setSubMenuIsOpenByIndex, hasOpenSubMenu, openSubMenuIndex, setOpenSubMenuIndex, resetOpenSubMenuIndex };\n}\n"],"names":["useSubMenuIndex","_useState","useState","_useState2","_slicedToArray","openSubMenuIndex","setOpenSubMenuIndex","hasOpenSubMenu","setSubMenuIsOpenByIndex","useCallback","index","isOpen","resetOpenSubMenuIndex"],"mappings":"uIAEc,SAAUA,IACtB,IAAAC,EAAgDC,EAAiB,MAAKC,EAAAC,EAAAH,EAAA,GAA/DI,EAAgBF,EAAA,GAAEG,EAAmBH,EAAA,GACtCI,EAA6C,iBAArBF,EAExBG,EAA0BC,GAC9B,SAACC,EAAeC,GAEdL,EADyBK,EAASD,EAAQ,KAE5C,GACA,CAACJ,IAGGM,EAAwBH,GAAY,WACxCH,EAAoB,KACtB,GAAG,CAACA,IAEJ,MAAO,CAAEE,wBAAAA,EAAyBD,eAAAA,EAAgBF,iBAAAA,EAAkBC,oBAAAA,EAAqBM,sBAAAA,EAC3F"}
@@ -1,2 +0,0 @@
1
- function t(t){return!!t.type.isSelectable&&!t.props.disabled}var e=function(t,e,n){return e.props.id||"".concat(t,"-item-").concat(n)};export{e as generateMenuItemId,t as isMenuChildSelectable};
2
- //# sourceMappingURL=utils.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"utils.js","sources":["../../../../../../src/components/Menu/Menu/utils/utils.ts"],"sourcesContent":["import { type ReactElement } from \"react\";\nimport { type MenuChild } from \"../MenuConstants\";\n\nexport function isMenuChildSelectable(child: MenuChild): boolean {\n return !!child.type.isSelectable && !child.props.disabled;\n}\n\nexport const generateMenuItemId = (menuId: string, child: ReactElement, index: number) => {\n return (child.props as { id: string }).id || `${menuId}-item-${index}`;\n};\n"],"names":["isMenuChildSelectable","child","type","isSelectable","props","disabled","generateMenuItemId","menuId","index","id","concat"],"mappings":"AAGM,SAAUA,EAAsBC,GACpC,QAASA,EAAMC,KAAKC,eAAiBF,EAAMG,MAAMC,QACnD,CAEO,IAAMC,EAAqB,SAACC,EAAgBN,EAAqBO,GACtE,OAAQP,EAAMG,MAAyBK,IAAE,GAAAC,OAAOH,EAAM,UAAAG,OAASF,EACjE"}
@@ -1,2 +0,0 @@
1
- import e from"react";import{getTestId as s,ComponentDefaultTestId as t}from"../../../tests/testIds.js";import i from"classnames";import r from"./MenuDivider.module.scss.js";import a from"../../../../components/divider/dist/Divider/Divider.js";var d=function(d){var m=d.id,o=d["data-testid"];return e.createElement(a,{className:i(r.menuChildDivider,d.className),"data-testid":o||s(t.MENU_DIVIDER,m)})};Object.assign(d,{isMenuChild:!0});export{d as default};
2
- //# sourceMappingURL=MenuDivider.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MenuDivider.js","sources":["../../../../../src/components/Menu/MenuDivider/MenuDivider.tsx"],"sourcesContent":["import React from \"react\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport { Divider } from \"@vibe/divider\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport styles from \"./MenuDivider.module.scss\";\n\nexport type MenuDividerProps = VibeComponentProps;\n\nconst MenuDivider = ({ className, id, \"data-testid\": dataTestId }: MenuDividerProps) => {\n return (\n <Divider\n className={cx(styles.menuChildDivider, className)}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.MENU_DIVIDER, id)}\n />\n );\n};\n\nObject.assign(MenuDivider, {\n isMenuChild: true\n});\n\nexport default MenuDivider;\n"],"names":["MenuDivider","_ref","id","dataTestId","React","createElement","Divider","className","cx","styles","menuChildDivider","getTestId","ComponentDefaultTestId","MENU_DIVIDER","Object","assign","isMenuChild"],"mappings":"mPASA,IAAMA,EAAc,SAAHC,GAAsE,IAArDC,EAAED,EAAFC,GAAmBC,EAAUF,EAAzB,eACpC,OACEG,EAACC,cAAAC,EACC,CAAAC,UAAWC,EAAGC,EAAOC,iBAHKT,EAATM,WAGgC,cACpCJ,GAAcQ,EAAUC,EAAuBC,aAAcX,IAGhF,EAEAY,OAAOC,OAAOf,EAAa,CACzBgB,aAAa"}
@@ -1,2 +0,0 @@
1
- var e={menuChildDivider:"menuChildDivider_650b8e10c9"};!function(e){const d="s_id-b255f2c3e0ea_4_5_20";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+d))return;const i=document.createElement("style");i.id=d,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".menuChildDivider_650b8e10c9 {\n width: 100%;\n padding: 0 var(--space-8);\n}");export{e as default};
2
- //# sourceMappingURL=MenuDivider.module.scss.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MenuDivider.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- import e,{forwardRef as t,useRef as i,useCallback as n}from"react";import{useMenuGridItemNavContext as s}from"./useMenuGridItemNavContext.js";import{useFocusGridItemByActiveStatus as o}from"./useFocusGridItemByActiveStatus.js";import{useFocusWithin as r}from"../../../hooks/useFocusWithin.js";import{getTestId as a,ComponentDefaultTestId as d}from"../../../tests/testIds.js";import{GridKeyboardNavigationContext as l}from"../../../../components/a11y/dist/GridKeyboardNavigationContext/GridKeyboardNavigationContext.js";import{useMergeRef as c}from"../../../../shared/dist/hooks/useMergeRef.js";var u=t((function(t,u){var m=t.className,v=t.id,I=t.children,x=t.index,b=t.activeItemIndex,f=void 0===b?-1:b,p=t.closeMenu,g=t.getNextSelectableIndex,h=t.getPreviousSelectableIndex,M=t.setActiveItemIndex,j=t.setSubMenuIsOpenByIndex,N=t.isUnderSubMenu,S=void 0!==N&&N,y=t.disabled,C=void 0!==y&&y,E=t.useDocumentEventListeners,G=void 0!==E&&E,O=t["data-testid"],R=i(null),P=c(u,R),A=i(),D=I&&e.Children.only(I);D||console.error("MenuGridItem can accept only a single element as first level child, this element is not valid: ",D);var F=n((function(e){j(x,e),e&&M(x)}),[x,M,j]),K=r({onFocusWithinChange:F}).focusWithinProps;o({wrapperRef:R,childRef:A,activeItemIndex:f,index:x,useDocumentEventListeners:G});var U=s({wrapperRef:R,setActiveItemIndex:M,getPreviousSelectableIndex:h,getNextSelectableIndex:g,activeItemIndex:f,isUnderSubMenu:S,closeMenu:p});return e.createElement("section",Object.assign({ref:P,className:m,id:v,"data-testid":O||a(d.MENU_GRID_ITEM,v),tabIndex:-1,role:"grid"},K),e.createElement(l.Provider,{value:U},e.cloneElement(D,Object.assign(Object.assign({},null==D?void 0:D.props),{disabled:C,ref:A}))))}));Object.assign(u,{isMenuChild:!0,isSelectable:!0});export{u as default};
2
- //# sourceMappingURL=MenuGridItem.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MenuGridItem.js","sources":["../../../../../src/components/Menu/MenuGridItem/MenuGridItem.tsx"],"sourcesContent":["import React, { forwardRef, type ReactElement, useCallback, useRef } from \"react\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport { GridKeyboardNavigationContext } from \"@vibe/a11y\";\nimport { useMenuGridItemNavContext } from \"./useMenuGridItemNavContext\";\nimport { useFocusGridItemByActiveStatus } from \"./useFocusGridItemByActiveStatus\";\nimport { useFocusWithin } from \"../../../hooks/useFocusWithin\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport { type CloseMenuOption } from \"../Menu/MenuConstants\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\n\nexport interface MenuGridItemProps extends VibeComponentProps {\n /**\n * The content of the menu grid item.\n */\n children?: ReactElement | ReactElement[];\n /**\n * If true, keyboard navigation will skip this item. This prop is also passed to the child.\n */\n disabled?: boolean;\n /**\n * A callback function to close the wrapping menu.\n */\n closeMenu?: (option: CloseMenuOption) => void;\n /**\n * The currently active index of the wrapping menu.\n */\n activeItemIndex?: number;\n /**\n * Callback function to set the active item index.\n */\n setActiveItemIndex?: (index: number) => void;\n /**\n * Function to get the next selectable index.\n */\n getNextSelectableIndex?: (activeItemIndex: number) => number;\n /**\n * Function to get the previous selectable index.\n */\n getPreviousSelectableIndex?: (activeItemIndex: number) => number;\n /**\n * The index of this menu grid item.\n */\n index?: number;\n /**\n * If true, this item is under a submenu instead of a top-level menu.\n */\n isUnderSubMenu?: boolean;\n /**\n * Callback function to open or close a submenu by its index.\n */\n setSubMenuIsOpenByIndex?: (index: number, isOpen: boolean) => void;\n /**\n * If true, event listeners will be attached to the document.\n */\n useDocumentEventListeners?: boolean;\n}\n\nconst MenuGridItem = forwardRef(\n (\n {\n className,\n id,\n children,\n index,\n activeItemIndex = -1,\n closeMenu,\n getNextSelectableIndex,\n getPreviousSelectableIndex,\n setActiveItemIndex,\n setSubMenuIsOpenByIndex,\n isUnderSubMenu = false,\n disabled = false,\n useDocumentEventListeners = false,\n \"data-testid\": dataTestId\n }: MenuGridItemProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n const childRef = useRef();\n\n const child = children && React.Children.only(children);\n if (!child) {\n console.error(\n \"MenuGridItem can accept only a single element as first level child, this element is not valid: \",\n child\n );\n }\n\n const onFocusWithinChange = useCallback(\n (isFocusWithin: boolean) => {\n setSubMenuIsOpenByIndex(index, isFocusWithin);\n if (isFocusWithin) {\n setActiveItemIndex(index);\n }\n },\n [index, setActiveItemIndex, setSubMenuIsOpenByIndex]\n );\n const { focusWithinProps } = useFocusWithin({ onFocusWithinChange });\n\n useFocusGridItemByActiveStatus({\n wrapperRef: componentRef,\n childRef,\n activeItemIndex,\n index,\n useDocumentEventListeners\n });\n\n const keyboardContext = useMenuGridItemNavContext({\n wrapperRef: componentRef,\n setActiveItemIndex,\n getPreviousSelectableIndex,\n getNextSelectableIndex,\n activeItemIndex,\n isUnderSubMenu,\n closeMenu\n });\n\n return (\n <section\n ref={mergedRef}\n className={className}\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.MENU_GRID_ITEM, id)}\n tabIndex={-1}\n role=\"grid\"\n {...focusWithinProps}\n >\n <GridKeyboardNavigationContext.Provider value={keyboardContext}>\n {React.cloneElement(child, {\n ...child?.props,\n disabled,\n ref: childRef\n })}\n </GridKeyboardNavigationContext.Provider>\n </section>\n );\n }\n);\n\nObject.assign(MenuGridItem, {\n isMenuChild: true,\n isSelectable: true\n});\n\nexport default MenuGridItem;\n"],"names":["MenuGridItem","forwardRef","_ref","ref","className","id","children","index","_ref$activeItemIndex","activeItemIndex","closeMenu","getNextSelectableIndex","getPreviousSelectableIndex","setActiveItemIndex","setSubMenuIsOpenByIndex","_ref$isUnderSubMenu","isUnderSubMenu","_ref$disabled","disabled","_ref$useDocumentEvent","useDocumentEventListeners","dataTestId","componentRef","useRef","mergedRef","useMergeRef","childRef","child","React","Children","only","console","error","onFocusWithinChange","useCallback","isFocusWithin","focusWithinProps","useFocusWithin","useFocusGridItemByActiveStatus","wrapperRef","keyboardContext","useMenuGridItemNavContext","createElement","Object","assign","getTestId","ComponentDefaultTestId","MENU_GRID_ITEM","tabIndex","role","GridKeyboardNavigationContext","Provider","value","cloneElement","props","isMenuChild","isSelectable"],"mappings":"klBAyDMA,IAAAA,EAAeC,GACnB,SAAAC,EAiBEC,GACE,IAhBAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GACAC,EAAQJ,EAARI,SACAC,EAAKL,EAALK,MAAKC,EAAAN,EACLO,gBAAAA,OAAe,IAAAD,GAAI,EAACA,EACpBE,EAASR,EAATQ,UACAC,EAAsBT,EAAtBS,uBACAC,EAA0BV,EAA1BU,2BACAC,EAAkBX,EAAlBW,mBACAC,EAAuBZ,EAAvBY,wBAAuBC,EAAAb,EACvBc,eAAAA,OAAiB,IAAHD,GAAQA,EAAAE,EAAAf,EACtBgB,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAjB,EAChBkB,0BAAAA,OAA4B,IAAHD,GAAQA,EAClBE,EAAUnB,EAAzB,eAIIoB,EAAeC,EAAO,MACtBC,EAAYC,EAAYtB,EAAKmB,GAC7BI,EAAWH,IAEXI,EAAQrB,GAAYsB,EAAMC,SAASC,KAAKxB,GACzCqB,GACHI,QAAQC,MACN,kGACAL,GAIJ,IAAMM,EAAsBC,GAC1B,SAACC,GACCrB,EAAwBP,EAAO4B,GAC3BA,GACFtB,EAAmBN,EAEtB,GACD,CAACA,EAAOM,EAAoBC,IAEtBsB,EAAqBC,EAAe,CAAEJ,oBAAAA,IAAtCG,iBAERE,EAA+B,CAC7BC,WAAYjB,EACZI,SAAAA,EACAjB,gBAAAA,EACAF,MAAAA,EACAa,0BAAAA,IAGF,IAAMoB,EAAkBC,EAA0B,CAChDF,WAAYjB,EACZT,mBAAAA,EACAD,2BAAAA,EACAD,uBAAAA,EACAF,gBAAAA,EACAO,eAAAA,EACAN,UAAAA,IAGF,OACEkB,EAAAc,cAAA,UAAAC,OAAAC,OAAA,CACEzC,IAAKqB,EACLpB,UAAWA,EACXC,GAAIA,EAAE,cACOgB,GAAcwB,EAAUC,EAAuBC,eAAgB1C,GAC5E2C,UAAW,EACXC,KAAK,QACDb,GAEJR,EAAAc,cAACQ,EAA8BC,SAAQ,CAACC,MAAOZ,GAC5CZ,EAAMyB,aAAa1B,EACfgB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAjB,aAAA,EAAAA,EAAO2B,QACVpC,SAAAA,EACAf,IAAKuB,MAKf,IAGFiB,OAAOC,OAAO5C,EAAc,CAC1BuD,aAAa,EACbC,cAAc"}
@@ -1,2 +0,0 @@
1
- import{useMemo as i,useEffect as e}from"react";import{useLastNavigationDirection as n}from"../../../../shared/dist/hooks/useLastNavigationDirection.js";var o=function(o){var r=o.wrapperRef,t=o.childRef,u=o.index,a=o.activeItemIndex,c=o.useDocumentEventListeners,l=void 0!==c&&c,v=n().lastNavigationDirectionRef,d=i((function(){return u===a}),[a,u]);e((function(){var i,e,n;l||(d?null===(i=t.current)||void 0===i||i.focus():null===(n=null===(e=null==r?void 0:r.current)||void 0===e?void 0:e.blur)||void 0===n||n.call(e))}),[t,d,v,r,l])};export{o as useFocusGridItemByActiveStatus};
2
- //# sourceMappingURL=useFocusGridItemByActiveStatus.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useFocusGridItemByActiveStatus.js","sources":["../../../../../src/components/Menu/MenuGridItem/useFocusGridItemByActiveStatus.tsx"],"sourcesContent":["import type React from \"react\";\nimport { useEffect, useMemo } from \"react\";\nimport { useLastNavigationDirection } from \"@vibe/shared\";\n\nexport const useFocusGridItemByActiveStatus = ({\n wrapperRef,\n childRef,\n index,\n activeItemIndex,\n useDocumentEventListeners = false\n}: {\n wrapperRef: React.RefObject<HTMLElement>;\n childRef: React.RefObject<HTMLElement>;\n index: number;\n activeItemIndex: number;\n useDocumentEventListeners?: boolean;\n}) => {\n const { lastNavigationDirectionRef } = useLastNavigationDirection();\n const isActive = useMemo(() => index === activeItemIndex, [activeItemIndex, index]);\n\n useEffect(() => {\n if (useDocumentEventListeners) return;\n if (isActive) {\n childRef.current?.focus();\n } else {\n wrapperRef?.current?.blur?.();\n }\n }, [childRef, isActive, lastNavigationDirectionRef, wrapperRef, useDocumentEventListeners]);\n};\n"],"names":["useFocusGridItemByActiveStatus","_ref","wrapperRef","childRef","index","activeItemIndex","_ref$useDocumentEvent","useDocumentEventListeners","lastNavigationDirectionRef","useLastNavigationDirection","isActive","useMemo","useEffect","_a","current","focus","_c","_b","blur","call"],"mappings":"4JAIaA,EAAiC,SAAHC,GAYtC,IAXHC,EAAUD,EAAVC,WACAC,EAAQF,EAARE,SACAC,EAAKH,EAALG,MACAC,EAAeJ,EAAfI,gBAAeC,EAAAL,EACfM,0BAAAA,OAA4B,IAAHD,GAAQA,EAQzBE,EAA+BC,IAA/BD,2BACFE,EAAWC,GAAQ,WAAA,OAAMP,IAAUC,CAAe,GAAE,CAACA,EAAiBD,IAE5EQ,GAAU,qBACJL,IACAG,EACgB,QAAlBG,EAAAV,EAASW,eAAS,IAAAD,GAAAA,EAAAE,QAEO,QAAzBC,EAAmB,QAAnBC,EAAAf,aAAU,EAAVA,EAAYY,eAAO,IAAAG,OAAA,EAAAA,EAAEC,YAAI,IAAAF,GAAAA,EAAAG,KAAAF,GAE7B,GAAG,CAACd,EAAUO,EAAUF,EAA4BN,EAAYK,GAClE"}
@@ -1,2 +0,0 @@
1
- import{useMemo as e}from"react";import{useGridKeyboardNavigationContext as t}from"../../../../components/a11y/dist/GridKeyboardNavigationContext/GridKeyboardNavigationContext.js";import{NavDirections as n}from"../../../../shared/dist/constants/navDirections.js";var o=function(o){var r=o.setActiveItemIndex,a=o.getPreviousSelectableIndex,i=o.getNextSelectableIndex,s=o.activeItemIndex,c=o.isUnderSubMenu,d=o.closeMenu,u=t([],o.wrapperRef);return e((function(){return{onOutboundNavigation:function(e,t){switch(u.onOutboundNavigation(e,t),t){case n.UP:return r(a(s));case n.DOWN:return r(i(s));case n.LEFT:c&&d({})}}}}),[u,r,a,s,i,c,d])};export{o as useMenuGridItemNavContext};
2
- //# sourceMappingURL=useMenuGridItemNavContext.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useMenuGridItemNavContext.js","sources":["../../../../../src/components/Menu/MenuGridItem/useMenuGridItemNavContext.tsx"],"sourcesContent":["import type React from \"react\";\nimport { useMemo } from \"react\";\nimport { NavDirections } from \"@vibe/shared\";\nimport { useGridKeyboardNavigationContext, type GridElementRef } from \"@vibe/a11y\";\nimport { type CloseMenuOption } from \"../Menu/MenuConstants\";\n\nexport const useMenuGridItemNavContext = ({\n wrapperRef,\n setActiveItemIndex,\n getPreviousSelectableIndex,\n getNextSelectableIndex,\n activeItemIndex,\n isUnderSubMenu,\n closeMenu\n}: {\n wrapperRef?: GridElementRef;\n setActiveItemIndex?: (index: number) => void;\n getNextSelectableIndex?: (activeItemIndex: number) => number;\n getPreviousSelectableIndex?: (activeItemIndex: number) => number;\n activeItemIndex?: number;\n isUnderSubMenu?: boolean;\n closeMenu?: (option: CloseMenuOption) => void;\n}) => {\n /*\n * This is an \"adapter\" between the Grid Keyboard Navigation mechanism and the Menu navigation mechanism.\n * Currently, the two mechanisms work a bit differently.\n * In the future, when the Menu component will use a GridKeyboardNavigationContext, this adapter shouldn't be needed anymore.\n */\n const innerKeyboardContext = useGridKeyboardNavigationContext([], wrapperRef);\n const keyboardContext = useMemo(\n () => ({\n onOutboundNavigation: (elementRef: React.RefObject<HTMLElement>, direction: NavDirections) => {\n innerKeyboardContext.onOutboundNavigation(elementRef, direction);\n\n switch (direction) {\n case NavDirections.UP:\n return setActiveItemIndex(getPreviousSelectableIndex(activeItemIndex));\n case NavDirections.DOWN:\n return setActiveItemIndex(getNextSelectableIndex(activeItemIndex));\n case NavDirections.LEFT:\n if (isUnderSubMenu) {\n closeMenu({});\n }\n }\n }\n }),\n [\n innerKeyboardContext,\n setActiveItemIndex,\n getPreviousSelectableIndex,\n activeItemIndex,\n getNextSelectableIndex,\n isUnderSubMenu,\n closeMenu\n ]\n );\n\n return keyboardContext;\n};\n"],"names":["useMenuGridItemNavContext","_ref","setActiveItemIndex","getPreviousSelectableIndex","getNextSelectableIndex","activeItemIndex","isUnderSubMenu","closeMenu","innerKeyboardContext","useGridKeyboardNavigationContext","wrapperRef","useMemo","onOutboundNavigation","elementRef","direction","NavDirections","UP","DOWN","LEFT"],"mappings":"0QAMaA,EAA4B,SAAHC,GAgBjC,IAdHC,EAAkBD,EAAlBC,mBACAC,EAA0BF,EAA1BE,2BACAC,EAAsBH,EAAtBG,uBACAC,EAAeJ,EAAfI,gBACAC,EAAcL,EAAdK,eACAC,EAASN,EAATM,UAeMC,EAAuBC,EAAiC,GArBpDR,EAAVS,YAkDA,OA5BwBC,GACtB,WAAA,MAAO,CACLC,qBAAsB,SAACC,EAA0CC,GAG/D,OAFAN,EAAqBI,qBAAqBC,EAAYC,GAE9CA,GACN,KAAKC,EAAcC,GACjB,OAAOd,EAAmBC,EAA2BE,IACvD,KAAKU,EAAcE,KACjB,OAAOf,EAAmBE,EAAuBC,IACnD,KAAKU,EAAcG,KACbZ,GACFC,EAAU,CAAE,GAGpB,EACD,GACD,CACEC,EACAN,EACAC,EACAE,EACAD,EACAE,EACAC,GAKN"}
@@ -1,2 +0,0 @@
1
- import{__rest as t}from"../../../../_virtual/_tslib.js";import r,{forwardRef as e,useCallback as a}from"react";import s from"./MenuItem.js";import n from"../../../../components/avatar/dist/Avatar/Avatar.js";var o=e((function(e,o){var i=e.avatarProps,m=e.menuItemProps,c=t(e,["avatarProps","menuItemProps"]),p=a((function(){return r.createElement(n,Object.assign({},i))}),[i]);return r.createElement(s,Object.assign({},c,m,{icon:p,ref:o}))}));Object.assign(o,{isMenuChild:!0,isSelectable:!0});export{o as default};
2
- //# sourceMappingURL=AvatarMenuItem.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AvatarMenuItem.js","sources":["../../../../../src/components/Menu/MenuItem/AvatarMenuItem.tsx"],"sourcesContent":["import React, { type ForwardedRef, forwardRef, useCallback } from \"react\";\nimport MenuItem, { type MenuItemProps } from \"./MenuItem\";\nimport { Avatar, type AvatarProps } from \"@vibe/avatar\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\n\nexport interface AvatarMenuItemProps extends VibeComponentProps {\n /**\n * Props passed to the avatar component.\n */\n avatarProps?: AvatarProps;\n /**\n * Props passed to the menu item component.\n */\n menuItemProps?: MenuItemProps;\n}\n\n/**\n * MenuItem with Avatar instead of Icon\n */\nconst AvatarMenuItem: React.FC<AvatarMenuItemProps & { isMenuChild?: boolean; isSelectable?: boolean }> = forwardRef(\n ({ avatarProps, menuItemProps, ...embeddedMenuItemProps }, ref: ForwardedRef<HTMLElement>) => {\n const renderAvatar = useCallback(() => <Avatar {...avatarProps} />, [avatarProps]);\n return <MenuItem {...embeddedMenuItemProps} {...menuItemProps} icon={renderAvatar} ref={ref} />;\n }\n);\n\nObject.assign(AvatarMenuItem, {\n isMenuChild: true,\n isSelectable: true\n});\n\nexport default AvatarMenuItem;\n"],"names":["AvatarMenuItem","forwardRef","_a","ref","avatarProps","menuItemProps","embeddedMenuItemProps","__rest","renderAvatar","useCallback","React","createElement","Avatar","Object","assign","MenuItem","icon","isMenuChild","isSelectable"],"mappings":"+MAmBMA,IAAAA,EAAoGC,GACxG,SAACC,EAA0DC,OAAxDC,EAA0BF,EAA1BE,YAAaC,EAAaH,EAAbG,cAAkBC,EAAqBC,EAAAL,EAAtD,iCACOM,EAAeC,GAAY,WAAA,OAAMC,EAAAC,cAACC,EAAMC,OAAAC,OAAA,CAAA,EAAKV,MAAiB,CAACA,IACrE,OAAOM,EAACC,cAAAI,EAAaF,OAAAC,OAAA,CAAA,EAAAR,EAA2BD,EAAa,CAAEW,KAAMR,EAAcL,IAAKA,IAC1F,IAGFU,OAAOC,OAAOd,EAAgB,CAC5BiB,aAAa,EACbC,cAAc"}
@@ -1,2 +0,0 @@
1
- import{__rest as e}from"../../../../_virtual/_tslib.js";import o,{forwardRef as t,useRef as i,useMemo as n}from"react";import s from"./MenuItem.module.scss.js";import l from"./components/BaseMenuItem/BaseMenuItem.js";import r from"./components/MenuItemIcon/MenuItemIcon.js";import a from"../../../../hooks/dist/useIsOverflowing/index.js";import c from"../../../../components/label/dist/Label/Label.js";import p from"../../../../components/tooltip/dist/Tooltip/Tooltip.js";import m from"../../../../components/layout/dist/Flex/Flex.js";var d=t((function(t,d){var u=t.className,g=t.iconWrapperClassName,b=t.rightIconWrapperClassName,f=t.title,h=void 0===f?"":f,I=t.label,y=void 0===I?"":I,C=t.icon,v=void 0===C?"":C,j=t.rightIcon,k=void 0===j?"":j,N=t.rightIconType,E=t.rightIconBackgroundColor,M=t.iconType,w=t.iconBackgroundColor,x=t.disabled,B=void 0!==x&&x,T=t.disableReason,O=t.selected,P=void 0!==O&&O,W=t.key,D=t.children,R=t.tooltipContent,S=t.tooltipPosition,F=void 0===S?"right":S,L=t.tooltipShowDelay,_=void 0===L?300:L,V=t.tooltipProps,q=e(t,["className","iconWrapperClassName","rightIconWrapperClassName","title","label","icon","rightIcon","rightIconType","rightIconBackgroundColor","iconType","iconBackgroundColor","disabled","disableReason","selected","key","children","tooltipContent","tooltipPosition","tooltipShowDelay","tooltipProps"]),z=i(),A=a({ref:z})||B||R,G=n((function(){return B?T:R||h}),[T,B,h,R]),H=n((function(){if(y)return"string"==typeof y?o.createElement(c,{kind:"line",text:y}):o.isValidElement(y)&&y.type===c?y:void 0}),[y]);return o.createElement(p,Object.assign({content:A?G:null,position:F,showDelay:_},V),o.createElement(l,Object.assign({key:W,ref:d,subMenu:D,className:u,disabled:B,selected:P},q),!!v&&o.createElement(r,{icon:v,type:M,disabled:B,selected:P,backgroundColor:w,wrapperClassName:g}),o.createElement("div",{ref:z,className:s.title},h),o.createElement(m,{gap:"xs"},!!k&&!D&&o.createElement(r,{icon:k,type:N,disabled:B,selected:P,backgroundColor:E,isRightIcon:!0,wrapperClassName:b}),H)))}));Object.assign(d,{isSelectable:!0,isMenuChild:!0});export{d as default};
2
- //# sourceMappingURL=MenuItem.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MenuItem.js","sources":["../../../../../src/components/Menu/MenuItem/MenuItem.tsx"],"sourcesContent":["import React, { type AriaAttributes, type ForwardedRef, type ReactElement, forwardRef, useMemo, useRef } from \"react\";\nimport { Tooltip, type TooltipProps } from \"@vibe/tooltip\";\nimport { type IconType, type SubIcon } from \"@vibe/icon\";\nimport { useIsOverflowing } from \"@vibe/hooks\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport { type CloseMenuOption, type MenuChild } from \"../Menu/MenuConstants\";\nimport { Label } from \"@vibe/label\";\nimport styles from \"./MenuItem.module.scss\";\nimport BaseMenuItem from \"./components/BaseMenuItem/BaseMenuItem\";\nimport MenuItemIcon from \"./components/MenuItemIcon/MenuItemIcon\";\nimport { type TooltipPositions } from \"@vibe/tooltip\";\nimport { type SubmenuPosition } from \"./MenuItem.types\";\nimport { Flex } from \"@vibe/layout\";\n\nexport interface MenuItemProps extends VibeComponentProps {\n /**\n * The title of the menu item.\n */\n title?: string;\n /**\n * The label displayed alongside the title.\n */\n label?: string | React.ReactElement<typeof Label>;\n /**\n * The icon displayed in the menu item.\n */\n icon?: SubIcon;\n /**\n * The type of icon.\n */\n iconType?: IconType;\n /**\n * The background color of the icon.\n */\n iconBackgroundColor?: string;\n /**\n * The right icon to be displayed.\n */\n rightIcon?: SubIcon;\n /**\n * The type of right icon.\n */\n rightIconType?: IconType;\n /**\n * The background color of the right icon.\n */\n rightIconBackgroundColor?: string;\n /**\n * Class name applied to the icon wrapper.\n */\n rightIconWrapperClassName?: string;\n /**\n * If true, the menu item is disabled.\n */\n disabled?: boolean;\n /**\n * The reason for disabling the item, shown in a tooltip.\n */\n disableReason?: string;\n /**\n * If true, the menu item is selected.\n */\n selected?: boolean;\n /**\n * Callback fired when the menu item is clicked.\n */\n onClick?: (event: React.MouseEvent | React.KeyboardEvent) => void;\n /**\n * The active item index in the menu.\n */\n activeItemIndex?: number;\n /**\n * Callback to set the active item index.\n */\n setActiveItemIndex?: (index: number) => void;\n /**\n * The index of the menu item.\n */\n index?: number;\n /**\n * The key of the menu item.\n */\n key?: string;\n /**\n * If true, the parent menu is visible.\n */\n isParentMenuVisible?: boolean;\n /**\n * Callback to reset the open submenu index.\n */\n resetOpenSubMenuIndex?: () => void;\n /**\n * If true, a submenu is open.\n */\n hasOpenSubMenu?: boolean;\n /**\n * Callback to open or close a submenu by index.\n */\n setSubMenuIsOpenByIndex?: (index: number, isOpen: boolean) => void;\n /**\n * If true, document event listeners are used for handling interactions.\n */\n useDocumentEventListeners?: boolean;\n /**\n * The tooltip content for the menu item.\n */\n tooltipContent?: string;\n /**\n * The position of the tooltip.\n */\n tooltipPosition?: TooltipPositions;\n /**\n * The delay in milliseconds before the tooltip shows.\n */\n tooltipShowDelay?: number;\n /**\n * Additional props for customizing the tooltip.\n */\n tooltipProps?: Partial<TooltipProps>;\n /**\n * Callback fired when the mouse leaves the item.\n */\n onMouseLeave?: (event: React.MouseEvent) => void;\n /**\n * Callback fired when the mouse enters the item.\n */\n onMouseEnter?: (event: React.MouseEvent) => void;\n /**\n * Class name applied to the icon wrapper.\n */\n iconWrapperClassName?: string;\n /**\n * If true, the menu item starts as selected.\n */\n isInitialSelectedState?: boolean;\n /**\n * If true, the menu scrolls to ensure visibility.\n */\n shouldScrollMenu?: boolean;\n /**\n * Function to close the menu with a given option.\n */\n closeMenu?: (option: CloseMenuOption) => void;\n /**\n * Reference to the menu container.\n */\n menuRef?: React.RefObject<HTMLElement>;\n /**\n * The submenu, if applicable. Must be a single `Menu` element.\n */\n children?: MenuChild;\n /**\n * If true, enables a split menu item interaction where the main area triggers an action,\n * while the icon button opens the submenu.\n */\n splitMenuItem?: boolean;\n /**\n * The label of the menu item for accessibility.\n */\n \"aria-label\"?: AriaAttributes[\"aria-label\"];\n /**\n * The position of a submenu relative to the menu item.\n */\n submenuPosition?: SubmenuPosition;\n /**\n * If true, automatically repositions the submenu when its content changes.\n */\n autoAdjustOnSubMenuContentResize?: boolean;\n}\n\nexport interface MenuItemTitleComponentProps extends Omit<MenuItemProps, \"title\"> {\n title: ReactElement;\n \"aria-label\": NonNullable<AriaAttributes[\"aria-label\"]>;\n}\n\nconst MenuItem = forwardRef(\n (\n {\n className,\n iconWrapperClassName,\n rightIconWrapperClassName,\n title = \"\",\n label = \"\",\n icon = \"\",\n rightIcon = \"\",\n rightIconType,\n rightIconBackgroundColor,\n iconType,\n iconBackgroundColor,\n disabled = false,\n disableReason,\n selected = false,\n key,\n children,\n tooltipContent,\n tooltipPosition = \"right\",\n tooltipShowDelay = 300,\n tooltipProps,\n ...baseMenuProps\n }: MenuItemProps | MenuItemTitleComponentProps,\n ref: ForwardedRef<HTMLElement>\n ) => {\n const titleRef = useRef();\n\n const isTitleHoveredAndOverflowing = useIsOverflowing({ ref: titleRef });\n const shouldShowTooltip = isTitleHoveredAndOverflowing || disabled || tooltipContent;\n\n const finalTooltipContent = useMemo(() => {\n if (disabled) return disableReason;\n if (tooltipContent) return tooltipContent;\n return title;\n }, [disableReason, disabled, title, tooltipContent]);\n\n const renderLabel = useMemo(() => {\n if (!label) return;\n if (typeof label === \"string\") {\n return <Label kind=\"line\" text={label} />;\n }\n if (React.isValidElement(label) && label.type === Label) {\n return label;\n }\n }, [label]);\n\n return (\n <Tooltip\n content={shouldShowTooltip ? finalTooltipContent : null}\n position={tooltipPosition}\n showDelay={tooltipShowDelay}\n {...tooltipProps}\n >\n <BaseMenuItem\n key={key}\n ref={ref}\n subMenu={children}\n className={className}\n disabled={disabled}\n selected={selected}\n {...baseMenuProps}\n >\n {Boolean(icon) && (\n <MenuItemIcon\n icon={icon}\n type={iconType}\n disabled={disabled}\n selected={selected}\n backgroundColor={iconBackgroundColor}\n wrapperClassName={iconWrapperClassName}\n />\n )}\n <div ref={titleRef} className={styles.title}>\n {title}\n </div>\n <Flex gap=\"xs\">\n {Boolean(rightIcon) && !children && (\n <MenuItemIcon\n icon={rightIcon}\n type={rightIconType}\n disabled={disabled}\n selected={selected}\n backgroundColor={rightIconBackgroundColor}\n isRightIcon={true}\n wrapperClassName={rightIconWrapperClassName}\n />\n )}\n {renderLabel}\n </Flex>\n </BaseMenuItem>\n </Tooltip>\n );\n }\n);\n\nObject.assign(MenuItem, {\n isSelectable: true,\n isMenuChild: true\n});\n\nexport default MenuItem;\n"],"names":["MenuItem","forwardRef","_a","ref","className","iconWrapperClassName","rightIconWrapperClassName","_a$title","title","_a$label","label","_a$icon","icon","_a$rightIcon","rightIcon","rightIconType","rightIconBackgroundColor","iconType","iconBackgroundColor","_a$disabled","disabled","disableReason","_a$selected","selected","key","children","tooltipContent","_a$tooltipPosition","tooltipPosition","_a$tooltipShowDelay","tooltipShowDelay","tooltipProps","baseMenuProps","__rest","titleRef","useRef","shouldShowTooltip","useIsOverflowing","finalTooltipContent","useMemo","renderLabel","React","createElement","Label","kind","text","isValidElement","type","Tooltip","Object","assign","content","position","showDelay","BaseMenuItem","subMenu","MenuItemIcon","backgroundColor","wrapperClassName","styles","Flex","gap","isRightIcon","isSelectable","isMenuChild"],"mappings":"uhBA+KMA,IAAAA,EAAWC,GACf,SACEC,EAuBAC,GAvBA,IACEC,EAmBYF,EAnBZE,UACAC,EAkBYH,EAlBZG,qBACAC,EAiBYJ,EAjBZI,0BAAyBC,EAiBbL,EAhBZM,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAgBEP,EAfZQ,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAeET,EAdZU,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAcGX,EAbZY,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EACdE,EAYYb,EAZZa,cACAC,EAWYd,EAXZc,yBACAC,EAUYf,EAVZe,SACAC,EASYhB,EATZgB,oBAAmBC,EASPjB,EARZkB,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAOYnB,EAPZmB,cAAaC,EAODpB,EANZqB,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAKYtB,EALZsB,IACAC,EAIYvB,EAJZuB,SACAC,EAGYxB,EAHZwB,eAAcC,EAGFzB,EAFZ0B,gBAAAA,OAAkB,IAAHD,EAAG,QAAOA,EAAAE,EAEb3B,EADZ4B,iBAAAA,OAAmB,IAAHD,EAAG,IAAGA,EACtBE,EAAY7B,EAAZ6B,aACGC,EArBLC,EAAA/B,EAAA,CAAA,YAAA,uBAAA,4BAAA,QAAA,QAAA,OAAA,YAAA,gBAAA,2BAAA,WAAA,sBAAA,WAAA,gBAAA,WAAA,MAAA,WAAA,iBAAA,kBAAA,mBAAA,iBAyBMgC,EAAWC,IAGXC,EAD+BC,EAAiB,CAAElC,IAAK+B,KACHd,GAAYM,EAEhEY,EAAsBC,GAAQ,WAClC,OAAInB,EAAiBC,EACjBK,GACGlB,CACR,GAAE,CAACa,EAAeD,EAAUZ,EAAOkB,IAE9Bc,EAAcD,GAAQ,WAC1B,GAAK7B,EACL,MAAqB,iBAAVA,EACF+B,EAAAC,cAACC,EAAK,CAACC,KAAK,OAAOC,KAAMnC,IAE9B+B,EAAMK,eAAepC,IAAUA,EAAMqC,OAASJ,EACzCjC,OADT,CAGF,GAAG,CAACA,IAEJ,OACE+B,EAACC,cAAAM,EACCC,OAAAC,OAAA,CAAAC,QAASf,EAAoBE,EAAsB,KACnDc,SAAUxB,EACVyB,UAAWvB,GACPC,GAEJU,EAACC,cAAAY,EACCL,OAAAC,OAAA,CAAA1B,IAAKA,EACLrB,IAAKA,EACLoD,QAAS9B,EACTrB,UAAWA,EACXgB,SAAUA,EACVG,SAAUA,GACNS,KAEKpB,GACP6B,EAACC,cAAAc,EACC,CAAA5C,KAAMA,EACNmC,KAAM9B,EACNG,SAAUA,EACVG,SAAUA,EACVkC,gBAAiBvC,EACjBwC,iBAAkBrD,IAGtBoC,EAAKC,cAAA,MAAA,CAAAvC,IAAK+B,EAAU9B,UAAWuD,EAAOnD,OACnCA,GAEHiC,EAAAC,cAACkB,EAAI,CAACC,IAAI,QACC/C,IAAeW,GACtBgB,EAACC,cAAAc,GACC5C,KAAME,EACNiC,KAAMhC,EACNK,SAAUA,EACVG,SAAUA,EACVkC,gBAAiBzC,EACjB8C,aAAa,EACbJ,iBAAkBpD,IAGrBkC,IAKX,IAGFS,OAAOC,OAAOlD,EAAU,CACtB+D,cAAc,EACdC,aAAa"}
@@ -1,2 +0,0 @@
1
- var e={title:"title_f42bab9ae0"};!function(e){const t="s_id-b06386a2bb6c_4_5_20";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".title_f42bab9ae0 {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n flex-grow: 1;\n padding-block: 1px;\n}");export{e as default};
2
- //# sourceMappingURL=MenuItem.module.scss.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MenuItem.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- var r=-1;export{r as TAB_INDEX_FOCUS_WITH_JS_ONLY};
2
- //# sourceMappingURL=MenuItemConstants.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MenuItemConstants.js","sources":["../../../../../src/components/Menu/MenuItem/MenuItemConstants.ts"],"sourcesContent":["export const TAB_INDEX_FOCUS_WITH_JS_ONLY = -1;\n"],"names":["TAB_INDEX_FOCUS_WITH_JS_ONLY"],"mappings":"AAAaA,IAAAA,GAAgC"}
@@ -1,2 +0,0 @@
1
- import{defineProperty as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as n,useRef as o,useEffect as s,useCallback as u}from"react";import{getTestId as i,ComponentDefaultTestId as r}from"../../../../../tests/testIds.js";import l from"classnames";import{TAB_INDEX_FOCUS_WITH_JS_ONLY as a}from"../../MenuItemConstants.js";import d from"../MenuItemSubMenuIcon/MenuItemSubMenuIcon.js";import m from"../MenuItemSubMenu/MenuItemSubMenu.js";import c from"../../hooks/useMenuItemMouseEvents.js";import M from"../../hooks/useMenuItemKeyboardEvents.js";import I from"../../../../../hooks/useIsMouseEnter.js";import p from"./BaseMenuItem.module.scss.js";import v from"../../../../../../components/typography/dist/Text/Text.js";import{useMergeRef as f}from"../../../../../../shared/dist/hooks/useMergeRef.js";var b=n((function(n,b){var h=n.subMenu,S=n.className,x=n.menuRef,E=n.disabled,j=void 0!==E&&E,C=n.selected,k=void 0!==C&&C,O=n.onClick,y=n.activeItemIndex,g=n.setActiveItemIndex,A=n.index,B=n.id,R=n.isParentMenuVisible,w=n.resetOpenSubMenuIndex,N=n.hasOpenSubMenu,P=n.setSubMenuIsOpenByIndex,L=n.closeMenu,T=n.useDocumentEventListeners,V=void 0!==T&&T,_=n.isInitialSelectedState,z=n.onMouseEnter,D=n.onMouseLeave,F=n.shouldScrollMenu,H=n["data-testid"],K=n.splitMenuItem,U=void 0!==K&&K,q=n.children,G=n.submenuPosition,J=void 0===G?"right":G,Q=n.autoAdjustOnSubMenuContentResize,W=(void 0===y?-1:y)===A,X=!j&&!!h&&(void 0!==R&&R)&&(W&&(void 0!==N&&N)),Y=o(null),Z=o(null),$=f(b,Y),ee=I({ref:Y}),te=I({ref:Z});s((function(){var e,t=Y.current;W&&F&&t&&(t.scrollIntoViewIfNeeded?t.scrollIntoViewIfNeeded({behaviour:"smooth"}):null===(e=t.scrollIntoView)||void 0===e||e.call(t,{behavior:"smooth",block:"center"}))}),[W,F]),s((function(){var e=Y.current;V||W&&(null==e||e.focus())}),[W,V]);var ne=c({ref:Y,splitMenuItemIconButtonRef:Z,resetOpenSubMenuIndex:w,setSubMenuIsOpenByIndex:P,isActive:W,setActiveItemIndex:g,index:A,hasChildren:!!h,splitMenuItem:U}),oe=M({onClick:O,disabled:j,isActive:W,index:A,setActiveItemIndex:g,hasChildren:!!h,shouldShowSubMenu:X,setSubMenuIsOpenByIndex:P,menuRef:x,isMouseEnter:ne,closeMenu:L,useDocumentEventListeners:V,splitMenuItem:U,isMouseEnterMenuItem:ee,isMouseEnterIconButton:te}).onClickCallback,se=u((function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};P(A,!1),e.propagate&&L(e)}),[P,A,L]);return t.createElement(v,{id:B,element:"li",type:"text2","aria-haspopup":!!h||void 0,"aria-expanded":h?X:void 0,"data-testid":H||i(r.MENU_ITEM,A),className:l(p.item,S,e(e(e(e(e({},p.disabled,j),p.focused,W),p.selected,k),p.initialSelected,_),p.splitMenuItem,U)),ref:$,onClick:oe,role:"menuitem","aria-selected":W,onMouseLeave:D,onMouseEnter:z,tabIndex:a,withoutTooltip:!0},q,!!h&&t.createElement(t.Fragment,null,t.createElement(d,{ref:Z,isSplit:U,active:X,disabled:j}),t.createElement(m,{anchorRef:Y,open:X,onClose:se,autoFocusOnMount:!V,submenuPosition:J,autoAdjustOnSubMenuContentResize:Q},h)))}));export{b as default};
2
- //# sourceMappingURL=BaseMenuItem.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"BaseMenuItem.js","sources":["../../../../../../../src/components/Menu/MenuItem/components/BaseMenuItem/BaseMenuItem.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useRef } from \"react\";\nimport { Text } from \"@vibe/typography\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport { TAB_INDEX_FOCUS_WITH_JS_ONLY } from \"../../MenuItemConstants\";\nimport MenuItemSubMenuIcon from \"../MenuItemSubMenuIcon/MenuItemSubMenuIcon\";\nimport MenuItemSubMenu from \"../MenuItemSubMenu/MenuItemSubMenu\";\nimport { type CloseMenuOption } from \"../../../Menu/MenuConstants\";\nimport useMenuItemMouseEvents from \"../../hooks/useMenuItemMouseEvents\";\nimport useMenuItemKeyboardEvents from \"../../hooks/useMenuItemKeyboardEvents\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport useIsMouseEnter from \"../../../../../hooks/useIsMouseEnter\";\nimport styles from \"./BaseMenuItem.module.scss\";\nimport { type BaseMenuItemProps } from \"./BaseMenuItem.types\";\n\nconst BaseMenuItem = forwardRef(\n (\n {\n subMenu,\n className,\n menuRef,\n disabled = false,\n selected = false,\n onClick,\n activeItemIndex = -1,\n setActiveItemIndex,\n index,\n id,\n isParentMenuVisible = false,\n resetOpenSubMenuIndex,\n hasOpenSubMenu = false,\n setSubMenuIsOpenByIndex,\n closeMenu,\n useDocumentEventListeners = false,\n isInitialSelectedState,\n onMouseEnter,\n onMouseLeave,\n shouldScrollMenu,\n \"data-testid\": dataTestId,\n splitMenuItem = false,\n children,\n submenuPosition = \"right\",\n autoAdjustOnSubMenuContentResize\n }: BaseMenuItemProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const isActive = activeItemIndex === index;\n const isSubMenuOpen = isActive && hasOpenSubMenu;\n const shouldShowSubMenu = !disabled && Boolean(subMenu) && isParentMenuVisible && isSubMenuOpen;\n\n const anchorRef = useRef(null);\n const splitMenuItemIconButtonRef = useRef(null);\n\n const mergedRef = useMergeRef(ref, anchorRef);\n\n const isMouseEnterMenuItem = useIsMouseEnter({ ref: anchorRef });\n const isMouseEnterIconButton = useIsMouseEnter({ ref: splitMenuItemIconButtonRef });\n\n useEffect(() => {\n const anchorElement = anchorRef.current;\n if (!isActive || !shouldScrollMenu || !anchorElement) {\n return;\n }\n if (anchorElement.scrollIntoViewIfNeeded) {\n anchorElement.scrollIntoViewIfNeeded({ behaviour: \"smooth\" });\n return;\n }\n anchorElement.scrollIntoView?.({ behavior: \"smooth\", block: \"center\" });\n }, [isActive, shouldScrollMenu]);\n\n useEffect(() => {\n const anchorElement = anchorRef.current;\n if (useDocumentEventListeners) return;\n if (isActive) {\n anchorElement?.focus();\n }\n }, [isActive, useDocumentEventListeners]);\n\n const isMouseEnter = useMenuItemMouseEvents({\n ref: anchorRef,\n splitMenuItemIconButtonRef,\n resetOpenSubMenuIndex,\n setSubMenuIsOpenByIndex,\n isActive,\n setActiveItemIndex,\n index,\n hasChildren: Boolean(subMenu),\n splitMenuItem\n });\n\n const { onClickCallback } = useMenuItemKeyboardEvents({\n onClick,\n disabled,\n isActive,\n index,\n setActiveItemIndex,\n hasChildren: Boolean(subMenu),\n shouldShowSubMenu,\n setSubMenuIsOpenByIndex,\n menuRef,\n isMouseEnter,\n closeMenu,\n useDocumentEventListeners,\n splitMenuItem,\n isMouseEnterMenuItem,\n isMouseEnterIconButton\n });\n\n const closeSubMenu = useCallback(\n (option: CloseMenuOption = {}) => {\n setSubMenuIsOpenByIndex(index, false);\n if (option.propagate) {\n closeMenu(option);\n }\n },\n [setSubMenuIsOpenByIndex, index, closeMenu]\n );\n\n return (\n <Text\n id={id}\n element=\"li\"\n type=\"text2\"\n aria-haspopup={subMenu ? true : undefined}\n aria-expanded={subMenu ? shouldShowSubMenu : undefined}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.MENU_ITEM, index)}\n className={cx(styles.item, className, {\n [styles.disabled]: disabled,\n [styles.focused]: isActive,\n [styles.selected]: selected,\n [styles.initialSelected]: isInitialSelectedState,\n [styles.splitMenuItem]: splitMenuItem\n })}\n ref={mergedRef}\n onClick={onClickCallback}\n role=\"menuitem\"\n aria-selected={isActive}\n onMouseLeave={onMouseLeave}\n onMouseEnter={onMouseEnter}\n tabIndex={TAB_INDEX_FOCUS_WITH_JS_ONLY}\n withoutTooltip\n >\n {children}\n {Boolean(subMenu) && (\n <>\n <MenuItemSubMenuIcon\n ref={splitMenuItemIconButtonRef}\n isSplit={splitMenuItem}\n active={shouldShowSubMenu}\n disabled={disabled}\n />\n <MenuItemSubMenu\n anchorRef={anchorRef}\n open={shouldShowSubMenu}\n onClose={closeSubMenu}\n autoFocusOnMount={!useDocumentEventListeners}\n submenuPosition={submenuPosition}\n autoAdjustOnSubMenuContentResize={autoAdjustOnSubMenuContentResize}\n >\n {subMenu}\n </MenuItemSubMenu>\n </>\n )}\n </Text>\n );\n }\n);\n\nexport default BaseMenuItem;\n"],"names":["BaseMenuItem","forwardRef","_ref","ref","subMenu","className","menuRef","_ref$disabled","disabled","_ref$selected","selected","onClick","_ref$activeItemIndex","activeItemIndex","setActiveItemIndex","index","id","_ref$isParentMenuVisi","isParentMenuVisible","resetOpenSubMenuIndex","_ref$hasOpenSubMenu","hasOpenSubMenu","setSubMenuIsOpenByIndex","closeMenu","_ref$useDocumentEvent","useDocumentEventListeners","isInitialSelectedState","onMouseEnter","onMouseLeave","shouldScrollMenu","dataTestId","_ref$splitMenuItem","splitMenuItem","children","_ref$submenuPosition","submenuPosition","autoAdjustOnSubMenuContentResize","isActive","shouldShowSubMenu","anchorRef","useRef","splitMenuItemIconButtonRef","mergedRef","useMergeRef","isMouseEnterMenuItem","useIsMouseEnter","isMouseEnterIconButton","useEffect","anchorElement","current","scrollIntoViewIfNeeded","behaviour","_a","scrollIntoView","call","behavior","block","focus","isMouseEnter","useMenuItemMouseEvents","hasChildren","onClickCallback","useMenuItemKeyboardEvents","closeSubMenu","useCallback","option","arguments","length","undefined","propagate","React","createElement","Text","element","type","getTestId","ComponentDefaultTestId","MENU_ITEM","cx","styles","item","_defineProperty","focused","initialSelected","role","tabIndex","TAB_INDEX_FOCUS_WITH_JS_ONLY","withoutTooltip","Fragment","MenuItemSubMenuIcon","isSplit","active","MenuItemSubMenu","open","onClose","autoFocusOnMount"],"mappings":"o0BAeMA,IAAAA,EAAeC,GACnB,SAAAC,EA4BEC,GACE,IA3BAC,EAAOF,EAAPE,QACAC,EAASH,EAATG,UACAC,EAAOJ,EAAPI,QAAOC,EAAAL,EACPM,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAP,EAChBQ,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAAOT,EAAPS,QAAOC,EAAAV,EACPW,gBACAC,EAAkBZ,EAAlBY,mBACAC,EAAKb,EAALa,MACAC,EAAEd,EAAFc,GAAEC,EAAAf,EACFgB,oBACAC,EAAqBjB,EAArBiB,sBAAqBC,EAAAlB,EACrBmB,eACAC,EAAuBpB,EAAvBoB,wBACAC,EAASrB,EAATqB,UAASC,EAAAtB,EACTuB,0BAAAA,OAA4B,IAAHD,GAAQA,EACjCE,EAAsBxB,EAAtBwB,uBACAC,EAAYzB,EAAZyB,aACAC,EAAY1B,EAAZ0B,aACAC,EAAgB3B,EAAhB2B,iBACeC,EAAU5B,EAAzB,eAAa6B,EAAA7B,EACb8B,cAAAA,OAAgB,IAAHD,GAAQA,EACrBE,EAAQ/B,EAAR+B,SAAQC,EAAAhC,EACRiC,gBAAAA,OAAkB,IAAHD,EAAG,QAAOA,EACzBE,EAAgClC,EAAhCkC,iCAIIC,QAtBW,IAAAzB,GAAI,EAACA,KAsBeG,EAE/BuB,GAAqB9B,KAAoBJ,SApBvB,IAAHa,GAAQA,KAmBPoB,SAjBH,IAAHjB,GAAQA,IAoBlBmB,EAAYC,EAAO,MACnBC,EAA6BD,EAAO,MAEpCE,EAAYC,EAAYxC,EAAKoC,GAE7BK,GAAuBC,EAAgB,CAAE1C,IAAKoC,IAC9CO,GAAyBD,EAAgB,CAAE1C,IAAKsC,IAEtDM,GAAU,iBACFC,EAAgBT,EAAUU,QAC3BZ,GAAaR,GAAqBmB,IAGnCA,EAAcE,uBAChBF,EAAcE,uBAAuB,CAAEC,UAAW,WAGxB,QAA5BC,EAAAJ,EAAcK,sBAAc,IAAAD,GAAAA,EAAAE,KAAAN,EAAG,CAAEO,SAAU,SAAUC,MAAO,WAC9D,GAAG,CAACnB,EAAUR,IAEdkB,GAAU,WACR,IAAMC,EAAgBT,EAAUU,QAC5BxB,GACAY,IACFW,SAAAA,EAAeS,QAEnB,GAAG,CAACpB,EAAUZ,IAEd,IAAMiC,GAAeC,EAAuB,CAC1CxD,IAAKoC,EACLE,2BAAAA,EACAtB,sBAAAA,EACAG,wBAAAA,EACAe,SAAAA,EACAvB,mBAAAA,EACAC,MAAAA,EACA6C,cAAqBxD,EACrB4B,cAAAA,IAGM6B,GAAoBC,EAA0B,CACpDnD,QAAAA,EACAH,SAAAA,EACA6B,SAAAA,EACAtB,MAAAA,EACAD,mBAAAA,EACA8C,cAAqBxD,EACrBkC,kBAAAA,EACAhB,wBAAAA,EACAhB,QAAAA,EACAoD,aAAAA,GACAnC,UAAAA,EACAE,0BAAAA,EACAO,cAAAA,EACAY,qBAAAA,GACAE,uBAAAA,KAfMe,gBAkBFE,GAAeC,GACnB,WAAiC,IAAhCC,EAA0BC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAA,CAAA,EACzB5C,EAAwBP,GAAO,GAC3BkD,EAAOI,WACT9C,EAAU0C,EAEb,GACD,CAAC3C,EAAyBP,EAAOQ,IAGnC,OACE+C,EAACC,cAAAC,EACC,CAAAxD,GAAIA,EACJyD,QAAQ,KACRC,KAAK,QAAO,kBACGtE,QAAiBgE,EAAS,gBAC1BhE,EAAUkC,OAAoB8B,EAChC,cAAAtC,GAAc6C,EAAUC,EAAuBC,UAAW9D,GACvEV,UAAWyE,EAAGC,EAAOC,KAAM3E,EAAS4E,EAAAA,EAAAA,EAAAA,EAAAA,EACjCF,CAAAA,EAAAA,EAAOvE,SAAWA,GAClBuE,EAAOG,QAAU7C,GACjB0C,EAAOrE,SAAWA,GAClBqE,EAAOI,gBAAkBzD,GACzBqD,EAAO/C,cAAgBA,IAE1B7B,IAAKuC,EACL/B,QAASkD,GACTuB,KAAK,WAAU,gBACA/C,EACfT,aAAcA,EACdD,aAAcA,EACd0D,SAAUC,EACVC,gBAAc,GAEbtD,IACQ7B,GACPkE,EAAAC,cAAAD,EAAAkB,SAAA,KACElB,EAAAC,cAACkB,EACC,CAAAtF,IAAKsC,EACLiD,QAAS1D,EACT2D,OAAQrD,EACR9B,SAAUA,IAEZ8D,EAAAC,cAACqB,EAAe,CACdrD,UAAWA,EACXsD,KAAMvD,EACNwD,QAAS/B,GACTgC,kBAAmBtE,EACnBU,gBAAiBA,EACjBC,iCAAkCA,GAEjChC,IAMb"}
@@ -1,2 +0,0 @@
1
- var e={item:"item_e3fc6af740",splitMenuItem:"splitMenuItem_5d3a29954d",disabled:"disabled_1118b577b0",focused:"focused_0cf520107e",initialSelected:"initialSelected_11b1b30f15",selected:"selected_a37273f972"};!function(e){const n="s_id-5b7b751737f9_4_5_20";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.item_e3fc6af740 {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n margin: unset;\n display: flex;\n flex-direction: row;\n padding: var(--space-4) var(--space-8);\n cursor: pointer;\n user-select: none;\n align-items: center;\n border: 1px solid transparent;\n outline: none;\n}\n.item_e3fc6af740.splitMenuItem_5d3a29954d {\n padding: 0 0 0 var(--space-8);\n}\n.item_e3fc6af740.disabled_1118b577b0 {\n cursor: not-allowed;\n color: var(--disabled-text-color);\n}\n.item_e3fc6af740.focused_0cf520107e:not(.disabled_1118b577b0) {\n background-color: var(--primary-background-hover-color);\n border-radius: var(--border-radius-small);\n}\n.item_e3fc6af740.focused_0cf520107e:not(.disabled_1118b577b0):not(:hover):not(.initialSelected_11b1b30f15) {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.item_e3fc6af740.selected_a37273f972:not(.disabled_1118b577b0) {\n background-color: var(--primary-selected-color);\n border-radius: var(--border-radius-small);\n}");export{e as default};
2
- //# sourceMappingURL=BaseMenuItem.module.scss.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"BaseMenuItem.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- import{defineProperty as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import o from"react";import r from"classnames";import t from"./MenuItemIcon.module.scss.js";import s from"../../../../../../components/layout/dist/Flex/Flex.js";import n from"../../../../../../components/icon/dist/Icon/Icon.js";var c=function(c){var i=c.icon,a=c.isRightIcon,l=c.type,m=c.disabled,p=c.selected,d=c.backgroundColor,u=c.wrapperClassName;return o.createElement(s,{justify:"center",className:r(t.iconWrapper,e(e(e({},t.rightIcon,void 0!==a&&a),t.disabled,m),t.withBackgroundColor,!!d),u),style:Object.assign({},d&&{backgroundColor:d})},o.createElement(n,{type:l||("function"==typeof i?"svg":"font"),icon:i,className:r(t.icon,e({},t.selected,!m&&p)),ignoreFocusStyle:!0,size:18}))};export{c as default};
2
- //# sourceMappingURL=MenuItemIcon.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MenuItemIcon.js","sources":["../../../../../../../src/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon } from \"@vibe/icon\";\nimport { Flex } from \"@vibe/layout\";\nimport cx from \"classnames\";\nimport styles from \"./MenuItemIcon.module.scss\";\nimport { type MenuItemIconProps } from \"./MenuItemIcon.types\";\n\nconst MenuItemIcon = ({\n icon,\n isRightIcon = false,\n type,\n disabled,\n selected,\n backgroundColor,\n wrapperClassName\n}: MenuItemIconProps) => (\n <Flex\n justify=\"center\"\n className={cx(\n styles.iconWrapper,\n {\n [styles.rightIcon]: isRightIcon,\n [styles.disabled]: disabled,\n [styles.withBackgroundColor]: !!backgroundColor\n },\n wrapperClassName\n )}\n style={{ ...(backgroundColor && { backgroundColor }) }}\n >\n <Icon\n type={type || (typeof icon === \"function\" ? \"svg\" : \"font\")}\n icon={icon}\n className={cx(styles.icon, { [styles.selected]: !disabled && selected })}\n ignoreFocusStyle\n size={18}\n />\n </Flex>\n);\n\nexport default MenuItemIcon;\n"],"names":["MenuItemIcon","_ref","icon","_ref$isRightIcon","isRightIcon","type","disabled","selected","backgroundColor","wrapperClassName","React","createElement","Flex","justify","className","cx","styles","iconWrapper","_defineProperty","rightIcon","withBackgroundColor","style","Object","assign","Icon","ignoreFocusStyle","size"],"mappings":"6TAOA,IAAMA,EAAe,SAAHC,GAAA,IAChBC,EAAID,EAAJC,KAAIC,EAAAF,EACJG,YACAC,EAAIJ,EAAJI,KACAC,EAAQL,EAARK,SACAC,EAAQN,EAARM,SACAC,EAAeP,EAAfO,gBACAC,EAAgBR,EAAhBQ,iBAAgB,OAEhBC,EAACC,cAAAC,GACCC,QAAQ,SACRC,UAAWC,EACTC,EAAOC,YAAWC,EAAAA,EAAAA,EAEfF,GAAAA,EAAOG,eAZA,IAAHhB,GAAQA,GAaZa,EAAOV,SAAWA,GAClBU,EAAOI,sBAAwBZ,GAElCC,GAEFY,MAAKC,OAAAC,OAAA,CAAA,EAAQf,GAAmB,CAAEA,gBAAAA,KAElCE,EAACC,cAAAa,EACC,CAAAnB,KAAMA,IAAyB,mBAATH,EAAsB,MAAQ,QACpDA,KAAMA,EACNY,UAAWC,EAAGC,EAAOd,KAAIgB,EAAA,GAAKF,EAAOT,UAAYD,GAAYC,IAC7DkB,kBAAgB,EAChBC,KAAM,KAEH"}