@vibe/core 4.5.22 → 4.5.23

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 (433) hide show
  1. package/dist/components/Dropdown/Dropdown.d.ts +1 -1
  2. package/dist/components/Dropdown/Dropdown.types.d.ts +1 -1
  3. package/dist/components/Dropdown/components/DropdownBaseList/DropdownBaseList.types.d.ts +1 -1
  4. package/dist/components/Dropdown/components/DropdownWrapperUI.d.ts +1 -1
  5. package/dist/components/Dropdown/components/Menu/Menu.d.ts +1 -1
  6. package/dist/components/Dropdown/components/Menu/MenuList.d.ts +1 -1
  7. package/dist/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.d.ts +1 -1
  8. package/dist/components/Dropdown/components/Trigger/DropdownChip.d.ts +1 -1
  9. package/dist/components/Dropdown/context/DropdownContext.d.ts +1 -1
  10. package/dist/components/Dropdown/context/DropdownContext.types.d.ts +1 -1
  11. package/dist/components/Dropdown/hooks/useDropdownCombobox.d.ts +1 -1
  12. package/dist/components/Dropdown/hooks/useDropdownFiltering.d.ts +1 -1
  13. package/dist/components/Dropdown/hooks/useDropdownMultiCombobox.d.ts +1 -1
  14. package/dist/components/Dropdown/hooks/useDropdownMultiSelect.d.ts +1 -1
  15. package/dist/components/Dropdown/hooks/useDropdownSelect.d.ts +1 -1
  16. package/dist/components/Dropdown/modes/DropdownComboboxController.d.ts +1 -1
  17. package/dist/components/Dropdown/modes/DropdownMultiComboboxController.d.ts +1 -1
  18. package/dist/components/Dropdown/modes/DropdownMultiSelectController.d.ts +1 -1
  19. package/dist/components/Dropdown/modes/DropdownSelectController.d.ts +1 -1
  20. package/dist/components/Dropdown/utils/dropdownUtils.d.ts +1 -1
  21. package/dist/components/base-list/dist/BaseItem/BaseItem.js +2 -0
  22. package/dist/components/base-list/dist/BaseItem/BaseItem.js.map +1 -0
  23. package/dist/components/base-list/dist/BaseItem/BaseItem.module.scss.js +2 -0
  24. package/dist/components/base-list/dist/BaseItem/hooks/useListItemProps.js +2 -0
  25. package/dist/components/base-list/dist/BaseItem/hooks/useListItemProps.js.map +1 -0
  26. package/dist/components/base-list/dist/BaseItem/utils.js +2 -0
  27. package/dist/components/base-list/dist/BaseItem/utils.js.map +1 -0
  28. package/dist/components/base-list/dist/BaseList/BaseList.js +2 -0
  29. package/dist/components/base-list/dist/BaseList/BaseList.js.map +1 -0
  30. package/dist/components/base-list/dist/BaseList/BaseList.module.scss.js +2 -0
  31. package/dist/components/base-list/dist/BaseList/context/BaseListContext.js +2 -0
  32. package/dist/components/base-list/dist/BaseList/context/BaseListContext.js.map +1 -0
  33. package/dist/components/base-list/dist/BaseList/hooks/useBaseListFocus.js +2 -0
  34. package/dist/components/base-list/dist/BaseList/hooks/useBaseListFocus.js.map +1 -0
  35. package/dist/components/base-list/dist/BaseList/hooks/useBaseListKeyboard.js +2 -0
  36. package/dist/components/base-list/dist/BaseList/hooks/useBaseListKeyboard.js.map +1 -0
  37. package/dist/{mocked_classnames/src/components → components/base-list/dist}/BaseList/utils/baseListUtils.js +1 -1
  38. package/dist/components/base-list/dist/BaseList/utils/baseListUtils.js.map +1 -0
  39. package/dist/components/base-list/dist/_virtual/_tslib.js +2 -0
  40. package/dist/components/base-list/dist/_virtual/_tslib.js.map +1 -0
  41. package/dist/components/index.d.ts +1 -1
  42. package/dist/components/menu/dist/Menu/Menu/Menu.module.scss.js +1 -1
  43. package/dist/components/menu/dist/Menu/MenuDivider/MenuDivider.module.scss.js +1 -1
  44. package/dist/components/menu/dist/Menu/MenuItem/MenuItem.module.scss.js +1 -1
  45. package/dist/components/menu/dist/Menu/MenuItem/components/BaseMenuItem/BaseMenuItem.module.scss.js +1 -1
  46. package/dist/components/menu/dist/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.module.scss.js +1 -1
  47. package/dist/components/menu/dist/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.module.scss.js +1 -1
  48. package/dist/components/menu/dist/Menu/MenuItemButton/MenuItemButton.module.scss.js +1 -1
  49. package/dist/components/menu/dist/Menu/MenuTitle/MenuTitle.module.scss.js +1 -1
  50. package/dist/components/next/List/List.types.d.ts +1 -1
  51. package/dist/components/next/List/ListItem/ListItem.types.d.ts +1 -1
  52. package/dist/components/next/List/ListTitle/ListTitle.types.d.ts +1 -1
  53. package/dist/components/tipseen/dist/Tipseen/Tipseen.js +2 -0
  54. package/dist/components/tipseen/dist/Tipseen/Tipseen.js.map +1 -0
  55. package/dist/components/tipseen/dist/Tipseen/Tipseen.module.scss.js +2 -0
  56. package/dist/components/tipseen/dist/Tipseen/TipseenBasicContent.js +2 -0
  57. package/dist/components/tipseen/dist/Tipseen/TipseenBasicContent.js.map +1 -0
  58. package/dist/components/tipseen/dist/Tipseen/TipseenBasicContent.module.scss.js +2 -0
  59. package/dist/components/tipseen/dist/Tipseen/TipseenConstants.js +2 -0
  60. package/dist/components/tipseen/dist/Tipseen/TipseenConstants.js.map +1 -0
  61. package/dist/components/tipseen/dist/Tipseen/TipseenContent.js +2 -0
  62. package/dist/components/tipseen/dist/Tipseen/TipseenContent.js.map +1 -0
  63. package/dist/components/tipseen/dist/Tipseen/TipseenContent.module.scss.js +2 -0
  64. package/dist/components/tipseen/dist/Tipseen/TipseenMedia/TipseenMedia.js +2 -0
  65. package/dist/components/tipseen/dist/Tipseen/TipseenMedia/TipseenMedia.js.map +1 -0
  66. package/dist/components/tipseen/dist/Tipseen/TipseenMedia/TipseenMedia.module.scss.js +2 -0
  67. package/dist/components/tipseen/dist/Tipseen/TipseenTitle.js +2 -0
  68. package/dist/components/tipseen/dist/Tipseen/TipseenTitle.js.map +1 -0
  69. package/dist/components/tipseen/dist/Tipseen/TipseenTitle.module.scss.js +2 -0
  70. package/dist/components/tipseen/dist/Tipseen/TipseenWizard.js +2 -0
  71. package/dist/components/tipseen/dist/Tipseen/TipseenWizard.js.map +1 -0
  72. package/dist/components/tipseen/dist/Tipseen/TipseenWizard.module.scss.js +2 -0
  73. package/dist/components/tipseen/dist/_virtual/_tslib.js +2 -0
  74. package/dist/components/tipseen/dist/_virtual/_tslib.js.map +1 -0
  75. package/dist/components/wizard/dist/MultiStepIndicator/MultiStepIndicator.module.scss.js +1 -1
  76. package/dist/components/wizard/dist/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js +1 -1
  77. package/dist/components/wizard/dist/Steps/Steps.module.scss.js +1 -1
  78. package/dist/components/wizard/dist/Steps/StepsCommand.module.scss.js +1 -1
  79. package/dist/components/wizard/dist/Steps/StepsDot.module.scss.js +1 -1
  80. package/dist/components/wizard/dist/Steps/StepsGalleryHeader.module.scss.js +1 -1
  81. package/dist/components/wizard/dist/Steps/StepsHeader.module.scss.js +1 -1
  82. package/dist/components/wizard/dist/Steps/StepsNumbersHeader.module.scss.js +1 -1
  83. package/dist/metadata/components.json +4 -5
  84. package/dist/metadata.json +4 -5
  85. package/dist/mocked_classnames/components/Dropdown/Dropdown.d.ts +1 -1
  86. package/dist/mocked_classnames/components/Dropdown/Dropdown.types.d.ts +1 -1
  87. package/dist/mocked_classnames/components/Dropdown/components/DropdownBaseList/DropdownBaseList.types.d.ts +1 -1
  88. package/dist/mocked_classnames/components/Dropdown/components/DropdownWrapperUI.d.ts +1 -1
  89. package/dist/mocked_classnames/components/Dropdown/components/Menu/Menu.d.ts +1 -1
  90. package/dist/mocked_classnames/components/Dropdown/components/Menu/MenuList.d.ts +1 -1
  91. package/dist/mocked_classnames/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.d.ts +1 -1
  92. package/dist/mocked_classnames/components/Dropdown/components/Trigger/DropdownChip.d.ts +1 -1
  93. package/dist/mocked_classnames/components/Dropdown/context/DropdownContext.d.ts +1 -1
  94. package/dist/mocked_classnames/components/Dropdown/context/DropdownContext.types.d.ts +1 -1
  95. package/dist/mocked_classnames/components/Dropdown/hooks/useDropdownCombobox.d.ts +1 -1
  96. package/dist/mocked_classnames/components/Dropdown/hooks/useDropdownFiltering.d.ts +1 -1
  97. package/dist/mocked_classnames/components/Dropdown/hooks/useDropdownMultiCombobox.d.ts +1 -1
  98. package/dist/mocked_classnames/components/Dropdown/hooks/useDropdownMultiSelect.d.ts +1 -1
  99. package/dist/mocked_classnames/components/Dropdown/hooks/useDropdownSelect.d.ts +1 -1
  100. package/dist/mocked_classnames/components/Dropdown/modes/DropdownComboboxController.d.ts +1 -1
  101. package/dist/mocked_classnames/components/Dropdown/modes/DropdownMultiComboboxController.d.ts +1 -1
  102. package/dist/mocked_classnames/components/Dropdown/modes/DropdownMultiSelectController.d.ts +1 -1
  103. package/dist/mocked_classnames/components/Dropdown/modes/DropdownSelectController.d.ts +1 -1
  104. package/dist/mocked_classnames/components/Dropdown/utils/dropdownUtils.d.ts +1 -1
  105. package/dist/mocked_classnames/components/index.d.ts +1 -1
  106. package/dist/mocked_classnames/components/next/List/List.types.d.ts +1 -1
  107. package/dist/mocked_classnames/components/next/List/ListItem/ListItem.types.d.ts +1 -1
  108. package/dist/mocked_classnames/components/next/List/ListTitle/ListTitle.types.d.ts +1 -1
  109. package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroup.module.scss.js +1 -1
  110. package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounter.module.scss.js +1 -1
  111. package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss.js +1 -1
  112. package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js +1 -1
  113. package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js +1 -1
  114. package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js +1 -1
  115. package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbsMenu.module.scss.js +1 -1
  116. package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js +1 -1
  117. package/dist/mocked_classnames/src/components/Combobox/Combobox.module.scss.js +1 -1
  118. package/dist/mocked_classnames/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js +1 -1
  119. package/dist/mocked_classnames/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js +1 -1
  120. package/dist/mocked_classnames/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js +1 -1
  121. package/dist/mocked_classnames/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js +1 -1
  122. package/dist/mocked_classnames/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js +1 -1
  123. package/dist/mocked_classnames/src/components/DatePicker/DatePicker.module.scss.js +1 -1
  124. package/dist/mocked_classnames/src/components/DatePicker/DatePickerHeader.module.scss.js +1 -1
  125. package/dist/mocked_classnames/src/components/Dropdown/Dropdown.js.map +1 -1
  126. package/dist/mocked_classnames/src/components/Dropdown/components/DropdownBase/DropdownBase.js.map +1 -1
  127. package/dist/mocked_classnames/src/components/Dropdown/components/DropdownBase/DropdownBase.module.scss.js +1 -1
  128. package/dist/mocked_classnames/src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.js +1 -1
  129. package/dist/mocked_classnames/src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.js.map +1 -1
  130. package/dist/mocked_classnames/src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.module.scss.js +1 -1
  131. package/dist/mocked_classnames/src/components/Dropdown/components/DropdownBoxMode/DropdownBoxMode.module.scss.js +1 -1
  132. package/dist/mocked_classnames/src/components/Dropdown/components/DropdownWrapperUI.js.map +1 -1
  133. package/dist/mocked_classnames/src/components/Dropdown/components/Menu/Menu.js.map +1 -1
  134. package/dist/mocked_classnames/src/components/Dropdown/components/Menu/Menu.module.scss.js +1 -1
  135. package/dist/mocked_classnames/src/components/Dropdown/components/Menu/MenuList.js.map +1 -1
  136. package/dist/mocked_classnames/src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.js.map +1 -1
  137. package/dist/mocked_classnames/src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.module.scss.js +1 -1
  138. package/dist/mocked_classnames/src/components/Dropdown/components/Trigger/DropdownChip.js.map +1 -1
  139. package/dist/mocked_classnames/src/components/Dropdown/components/Trigger/DropdownInput.js.map +1 -1
  140. package/dist/mocked_classnames/src/components/Dropdown/components/Trigger/MultiSelectTrigger.js.map +1 -1
  141. package/dist/mocked_classnames/src/components/Dropdown/components/Trigger/SingleSelectTrigger.js +1 -1
  142. package/dist/mocked_classnames/src/components/Dropdown/components/Trigger/SingleSelectTrigger.js.map +1 -1
  143. package/dist/mocked_classnames/src/components/Dropdown/components/Trigger/Trigger.module.scss.js +1 -1
  144. package/dist/mocked_classnames/src/components/Dropdown/components/Trigger/TriggerActions.js.map +1 -1
  145. package/dist/mocked_classnames/src/components/Dropdown/context/DropdownContext.js.map +1 -1
  146. package/dist/mocked_classnames/src/components/Dropdown/hooks/useDropdownCombobox.js.map +1 -1
  147. package/dist/mocked_classnames/src/components/Dropdown/hooks/useDropdownFiltering.js.map +1 -1
  148. package/dist/mocked_classnames/src/components/Dropdown/hooks/useDropdownMultiCombobox.js.map +1 -1
  149. package/dist/mocked_classnames/src/components/Dropdown/hooks/useDropdownMultiSelect.js.map +1 -1
  150. package/dist/mocked_classnames/src/components/Dropdown/hooks/useDropdownSelect.js.map +1 -1
  151. package/dist/mocked_classnames/src/components/Dropdown/modes/DropdownComboboxController.js.map +1 -1
  152. package/dist/mocked_classnames/src/components/Dropdown/modes/DropdownMultiComboboxController.js.map +1 -1
  153. package/dist/mocked_classnames/src/components/Dropdown/modes/DropdownMultiSelectController.js.map +1 -1
  154. package/dist/mocked_classnames/src/components/Dropdown/modes/DropdownSelectController.js.map +1 -1
  155. package/dist/mocked_classnames/src/components/Dropdown/utils/dropdownUtils.js.map +1 -1
  156. package/dist/mocked_classnames/src/components/List/List.module.scss.js +1 -1
  157. package/dist/mocked_classnames/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js +1 -1
  158. package/dist/mocked_classnames/src/components/ListItem/ListItem.module.scss.js +1 -1
  159. package/dist/mocked_classnames/src/components/ListItemAvatar/ListItemAvatar.module.scss.js +1 -1
  160. package/dist/mocked_classnames/src/components/ListItemIcon/ListItemIcon.module.scss.js +1 -1
  161. package/dist/mocked_classnames/src/components/ListTitle/ListTitle.module.scss.js +1 -1
  162. package/dist/mocked_classnames/src/components/MenuButton/MenuButton.module.scss.js +1 -1
  163. package/dist/mocked_classnames/src/components/Modal/Modal/Modal.module.scss.js +1 -1
  164. package/dist/mocked_classnames/src/components/Modal/ModalHeader/ModalHeader.module.scss.js +1 -1
  165. package/dist/mocked_classnames/src/components/Modal/ModalMedia/ModalMedia.module.scss.js +1 -1
  166. package/dist/mocked_classnames/src/components/Modal/ModalTopActions/ModalTopActions.module.scss.js +1 -1
  167. package/dist/mocked_classnames/src/components/Modal/footers/ModalFooter/ModalFooter.module.scss.js +1 -1
  168. package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.module.scss.js +1 -1
  169. package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss.js +1 -1
  170. package/dist/mocked_classnames/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js +1 -1
  171. package/dist/mocked_classnames/src/components/Modal/layouts/ModalFooterShadow.module.scss.js +1 -1
  172. package/dist/mocked_classnames/src/components/Modal/layouts/ModalLayoutScrollableContent.module.scss.js +1 -1
  173. package/dist/mocked_classnames/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.module.scss.js +1 -1
  174. package/dist/mocked_classnames/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss.js +1 -1
  175. package/dist/mocked_classnames/src/components/Search/Search.module.scss.js +1 -1
  176. package/dist/mocked_classnames/src/components/Slider/SelectionIndicator.module.scss.js +1 -1
  177. package/dist/mocked_classnames/src/components/Slider/Slider.module.scss.js +1 -1
  178. package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderBase.module.scss.js +1 -1
  179. package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderFilledTrack.module.scss.js +1 -1
  180. package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderRail.module.scss.js +1 -1
  181. package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderThumb.module.scss.js +1 -1
  182. package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderTrack.module.scss.js +1 -1
  183. package/dist/mocked_classnames/src/components/Slider/SliderInfix.module.scss.js +1 -1
  184. package/dist/mocked_classnames/src/components/SplitButton/SplitButton.module.scss.js +1 -1
  185. package/dist/mocked_classnames/src/components/Table/Table/Table.module.scss.js +1 -1
  186. package/dist/mocked_classnames/src/components/Table/TableBody/TableBody.module.scss.js +1 -1
  187. package/dist/mocked_classnames/src/components/Table/TableCell/TableCell.module.scss.js +1 -1
  188. package/dist/mocked_classnames/src/components/Table/TableCellSkeleton/TableCellSkeleton.module.scss.js +1 -1
  189. package/dist/mocked_classnames/src/components/Table/TableContainer/TableContainer.module.scss.js +1 -1
  190. package/dist/mocked_classnames/src/components/Table/TableHeader/TableHeader.module.scss.js +1 -1
  191. package/dist/mocked_classnames/src/components/Table/TableHeaderCell/TableHeaderCell.module.scss.js +1 -1
  192. package/dist/mocked_classnames/src/components/Table/TableRow/TableRow.module.scss.js +1 -1
  193. package/dist/mocked_classnames/src/components/Table/TableRowMenu/TableRowMenu.module.scss.js +1 -1
  194. package/dist/mocked_classnames/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.module.scss.js +1 -1
  195. package/dist/mocked_classnames/src/components/next/List/List.js +1 -1
  196. package/dist/mocked_classnames/src/components/next/List/List.js.map +1 -1
  197. package/dist/mocked_classnames/src/components/next/List/List.module.scss.js +1 -1
  198. package/dist/mocked_classnames/src/components/next/List/ListItem/ListItem.js +1 -1
  199. package/dist/mocked_classnames/src/components/next/List/ListItem/ListItem.js.map +1 -1
  200. package/dist/mocked_classnames/src/components/next/List/ListTitle/ListTitle.js +1 -1
  201. package/dist/mocked_classnames/src/components/next/List/ListTitle/ListTitle.js.map +1 -1
  202. package/dist/mocked_classnames/src/components/next/List/ListTitle/ListTitle.module.scss.js +1 -1
  203. package/dist/mocked_classnames/src/index.js +1 -1
  204. package/dist/src/components/AvatarGroup/AvatarGroup.module.scss.js +1 -1
  205. package/dist/src/components/AvatarGroup/AvatarGroupCounter.module.scss.js +1 -1
  206. package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss.js +1 -1
  207. package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js +1 -1
  208. package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js +1 -1
  209. package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js +1 -1
  210. package/dist/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbsMenu.module.scss.js +1 -1
  211. package/dist/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js +1 -1
  212. package/dist/src/components/Combobox/Combobox.module.scss.js +1 -1
  213. package/dist/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js +1 -1
  214. package/dist/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js +1 -1
  215. package/dist/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js +1 -1
  216. package/dist/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js +1 -1
  217. package/dist/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js +1 -1
  218. package/dist/src/components/DatePicker/DatePicker.module.scss.js +1 -1
  219. package/dist/src/components/DatePicker/DatePickerHeader.module.scss.js +1 -1
  220. package/dist/src/components/Dropdown/Dropdown.js.map +1 -1
  221. package/dist/src/components/Dropdown/components/DropdownBase/DropdownBase.js.map +1 -1
  222. package/dist/src/components/Dropdown/components/DropdownBase/DropdownBase.module.scss.js +1 -1
  223. package/dist/src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.js +1 -1
  224. package/dist/src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.js.map +1 -1
  225. package/dist/src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.module.scss.js +1 -1
  226. package/dist/src/components/Dropdown/components/DropdownBoxMode/DropdownBoxMode.module.scss.js +1 -1
  227. package/dist/src/components/Dropdown/components/DropdownWrapperUI.js.map +1 -1
  228. package/dist/src/components/Dropdown/components/Menu/Menu.js.map +1 -1
  229. package/dist/src/components/Dropdown/components/Menu/Menu.module.scss.js +1 -1
  230. package/dist/src/components/Dropdown/components/Menu/MenuList.js.map +1 -1
  231. package/dist/src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.js.map +1 -1
  232. package/dist/src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.module.scss.js +1 -1
  233. package/dist/src/components/Dropdown/components/Trigger/DropdownChip.js.map +1 -1
  234. package/dist/src/components/Dropdown/components/Trigger/DropdownInput.js.map +1 -1
  235. package/dist/src/components/Dropdown/components/Trigger/MultiSelectTrigger.js.map +1 -1
  236. package/dist/src/components/Dropdown/components/Trigger/SingleSelectTrigger.js +1 -1
  237. package/dist/src/components/Dropdown/components/Trigger/SingleSelectTrigger.js.map +1 -1
  238. package/dist/src/components/Dropdown/components/Trigger/Trigger.module.scss.js +1 -1
  239. package/dist/src/components/Dropdown/components/Trigger/TriggerActions.js.map +1 -1
  240. package/dist/src/components/Dropdown/context/DropdownContext.js.map +1 -1
  241. package/dist/src/components/Dropdown/hooks/useDropdownCombobox.js.map +1 -1
  242. package/dist/src/components/Dropdown/hooks/useDropdownFiltering.js.map +1 -1
  243. package/dist/src/components/Dropdown/hooks/useDropdownMultiCombobox.js.map +1 -1
  244. package/dist/src/components/Dropdown/hooks/useDropdownMultiSelect.js.map +1 -1
  245. package/dist/src/components/Dropdown/hooks/useDropdownSelect.js.map +1 -1
  246. package/dist/src/components/Dropdown/modes/DropdownComboboxController.js.map +1 -1
  247. package/dist/src/components/Dropdown/modes/DropdownMultiComboboxController.js.map +1 -1
  248. package/dist/src/components/Dropdown/modes/DropdownMultiSelectController.js.map +1 -1
  249. package/dist/src/components/Dropdown/modes/DropdownSelectController.js.map +1 -1
  250. package/dist/src/components/Dropdown/utils/dropdownUtils.js.map +1 -1
  251. package/dist/src/components/List/List.module.scss.js +1 -1
  252. package/dist/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js +1 -1
  253. package/dist/src/components/ListItem/ListItem.module.scss.js +1 -1
  254. package/dist/src/components/ListItemAvatar/ListItemAvatar.module.scss.js +1 -1
  255. package/dist/src/components/ListItemIcon/ListItemIcon.module.scss.js +1 -1
  256. package/dist/src/components/ListTitle/ListTitle.module.scss.js +1 -1
  257. package/dist/src/components/MenuButton/MenuButton.module.scss.js +1 -1
  258. package/dist/src/components/Modal/Modal/Modal.module.scss.js +1 -1
  259. package/dist/src/components/Modal/ModalHeader/ModalHeader.module.scss.js +1 -1
  260. package/dist/src/components/Modal/ModalMedia/ModalMedia.module.scss.js +1 -1
  261. package/dist/src/components/Modal/ModalTopActions/ModalTopActions.module.scss.js +1 -1
  262. package/dist/src/components/Modal/footers/ModalFooter/ModalFooter.module.scss.js +1 -1
  263. package/dist/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.module.scss.js +1 -1
  264. package/dist/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss.js +1 -1
  265. package/dist/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js +1 -1
  266. package/dist/src/components/Modal/layouts/ModalFooterShadow.module.scss.js +1 -1
  267. package/dist/src/components/Modal/layouts/ModalLayoutScrollableContent.module.scss.js +1 -1
  268. package/dist/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.module.scss.js +1 -1
  269. package/dist/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss.js +1 -1
  270. package/dist/src/components/Search/Search.module.scss.js +1 -1
  271. package/dist/src/components/Slider/SelectionIndicator.module.scss.js +1 -1
  272. package/dist/src/components/Slider/Slider.module.scss.js +1 -1
  273. package/dist/src/components/Slider/SliderBase/SliderBase.module.scss.js +1 -1
  274. package/dist/src/components/Slider/SliderBase/SliderFilledTrack.module.scss.js +1 -1
  275. package/dist/src/components/Slider/SliderBase/SliderRail.module.scss.js +1 -1
  276. package/dist/src/components/Slider/SliderBase/SliderThumb.module.scss.js +1 -1
  277. package/dist/src/components/Slider/SliderBase/SliderTrack.module.scss.js +1 -1
  278. package/dist/src/components/Slider/SliderInfix.module.scss.js +1 -1
  279. package/dist/src/components/SplitButton/SplitButton.module.scss.js +1 -1
  280. package/dist/src/components/Table/Table/Table.module.scss.js +1 -1
  281. package/dist/src/components/Table/TableBody/TableBody.module.scss.js +1 -1
  282. package/dist/src/components/Table/TableCell/TableCell.module.scss.js +1 -1
  283. package/dist/src/components/Table/TableCellSkeleton/TableCellSkeleton.module.scss.js +1 -1
  284. package/dist/src/components/Table/TableContainer/TableContainer.module.scss.js +1 -1
  285. package/dist/src/components/Table/TableHeader/TableHeader.module.scss.js +1 -1
  286. package/dist/src/components/Table/TableHeaderCell/TableHeaderCell.module.scss.js +1 -1
  287. package/dist/src/components/Table/TableRow/TableRow.module.scss.js +1 -1
  288. package/dist/src/components/Table/TableRowMenu/TableRowMenu.module.scss.js +1 -1
  289. package/dist/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.module.scss.js +1 -1
  290. package/dist/src/components/next/List/List.js +1 -1
  291. package/dist/src/components/next/List/List.js.map +1 -1
  292. package/dist/src/components/next/List/List.module.scss.js +1 -1
  293. package/dist/src/components/next/List/ListItem/ListItem.js +1 -1
  294. package/dist/src/components/next/List/ListItem/ListItem.js.map +1 -1
  295. package/dist/src/components/next/List/ListTitle/ListTitle.js +1 -1
  296. package/dist/src/components/next/List/ListTitle/ListTitle.js.map +1 -1
  297. package/dist/src/components/next/List/ListTitle/ListTitle.module.scss.js +1 -1
  298. package/dist/src/index.js +1 -1
  299. package/dist/style/dist/index.min.css.js +1 -1
  300. package/package.json +4 -2
  301. package/dist/components/BaseItem/BaseItem.d.ts +0 -6
  302. package/dist/components/BaseItem/BaseItem.types.d.ts +0 -110
  303. package/dist/components/BaseItem/hooks/useListItemProps.d.ts +0 -20
  304. package/dist/components/BaseItem/index.d.ts +0 -2
  305. package/dist/components/BaseItem/utils.d.ts +0 -4
  306. package/dist/components/BaseList/BaseList.d.ts +0 -4
  307. package/dist/components/BaseList/BaseList.types.d.ts +0 -60
  308. package/dist/components/BaseList/context/BaseListContext.d.ts +0 -66
  309. package/dist/components/BaseList/hooks/useBaseListFocus.d.ts +0 -41
  310. package/dist/components/BaseList/hooks/useBaseListKeyboard.d.ts +0 -27
  311. package/dist/components/BaseList/index.d.ts +0 -3
  312. package/dist/components/BaseList/utils/baseListUtils.d.ts +0 -10
  313. package/dist/components/Tipseen/Tipseen.d.ts +0 -109
  314. package/dist/components/Tipseen/Tipseen.types.d.ts +0 -2
  315. package/dist/components/Tipseen/TipseenBasicContent.d.ts +0 -19
  316. package/dist/components/Tipseen/TipseenConstants.d.ts +0 -4
  317. package/dist/components/Tipseen/TipseenContent.d.ts +0 -48
  318. package/dist/components/Tipseen/TipseenMedia/TipseenMedia.d.ts +0 -10
  319. package/dist/components/Tipseen/TipseenTitle.d.ts +0 -10
  320. package/dist/components/Tipseen/TipseenWizard.d.ts +0 -18
  321. package/dist/components/Tipseen/index.d.ts +0 -5
  322. package/dist/mocked_classnames/components/BaseItem/BaseItem.d.ts +0 -6
  323. package/dist/mocked_classnames/components/BaseItem/BaseItem.types.d.ts +0 -110
  324. package/dist/mocked_classnames/components/BaseItem/hooks/useListItemProps.d.ts +0 -20
  325. package/dist/mocked_classnames/components/BaseItem/index.d.ts +0 -2
  326. package/dist/mocked_classnames/components/BaseItem/utils.d.ts +0 -4
  327. package/dist/mocked_classnames/components/BaseList/BaseList.d.ts +0 -4
  328. package/dist/mocked_classnames/components/BaseList/BaseList.types.d.ts +0 -60
  329. package/dist/mocked_classnames/components/BaseList/context/BaseListContext.d.ts +0 -66
  330. package/dist/mocked_classnames/components/BaseList/hooks/useBaseListFocus.d.ts +0 -41
  331. package/dist/mocked_classnames/components/BaseList/hooks/useBaseListKeyboard.d.ts +0 -27
  332. package/dist/mocked_classnames/components/BaseList/index.d.ts +0 -3
  333. package/dist/mocked_classnames/components/BaseList/utils/baseListUtils.d.ts +0 -10
  334. package/dist/mocked_classnames/components/Tipseen/Tipseen.d.ts +0 -109
  335. package/dist/mocked_classnames/components/Tipseen/Tipseen.types.d.ts +0 -2
  336. package/dist/mocked_classnames/components/Tipseen/TipseenBasicContent.d.ts +0 -19
  337. package/dist/mocked_classnames/components/Tipseen/TipseenConstants.d.ts +0 -4
  338. package/dist/mocked_classnames/components/Tipseen/TipseenContent.d.ts +0 -48
  339. package/dist/mocked_classnames/components/Tipseen/TipseenMedia/TipseenMedia.d.ts +0 -10
  340. package/dist/mocked_classnames/components/Tipseen/TipseenTitle.d.ts +0 -10
  341. package/dist/mocked_classnames/components/Tipseen/TipseenWizard.d.ts +0 -18
  342. package/dist/mocked_classnames/components/Tipseen/index.d.ts +0 -5
  343. package/dist/mocked_classnames/src/components/BaseItem/BaseItem.js +0 -2
  344. package/dist/mocked_classnames/src/components/BaseItem/BaseItem.js.map +0 -1
  345. package/dist/mocked_classnames/src/components/BaseItem/BaseItem.module.scss.js +0 -2
  346. package/dist/mocked_classnames/src/components/BaseItem/hooks/useListItemProps.js +0 -2
  347. package/dist/mocked_classnames/src/components/BaseItem/hooks/useListItemProps.js.map +0 -1
  348. package/dist/mocked_classnames/src/components/BaseItem/utils.js +0 -2
  349. package/dist/mocked_classnames/src/components/BaseItem/utils.js.map +0 -1
  350. package/dist/mocked_classnames/src/components/BaseList/BaseList.js +0 -2
  351. package/dist/mocked_classnames/src/components/BaseList/BaseList.js.map +0 -1
  352. package/dist/mocked_classnames/src/components/BaseList/BaseList.module.scss.js +0 -2
  353. package/dist/mocked_classnames/src/components/BaseList/context/BaseListContext.js +0 -2
  354. package/dist/mocked_classnames/src/components/BaseList/context/BaseListContext.js.map +0 -1
  355. package/dist/mocked_classnames/src/components/BaseList/hooks/useBaseListFocus.js +0 -2
  356. package/dist/mocked_classnames/src/components/BaseList/hooks/useBaseListFocus.js.map +0 -1
  357. package/dist/mocked_classnames/src/components/BaseList/hooks/useBaseListKeyboard.js +0 -2
  358. package/dist/mocked_classnames/src/components/BaseList/hooks/useBaseListKeyboard.js.map +0 -1
  359. package/dist/mocked_classnames/src/components/BaseList/utils/baseListUtils.js.map +0 -1
  360. package/dist/mocked_classnames/src/components/Tipseen/Tipseen.js +0 -2
  361. package/dist/mocked_classnames/src/components/Tipseen/Tipseen.js.map +0 -1
  362. package/dist/mocked_classnames/src/components/Tipseen/Tipseen.module.scss.js +0 -2
  363. package/dist/mocked_classnames/src/components/Tipseen/TipseenBasicContent.js +0 -2
  364. package/dist/mocked_classnames/src/components/Tipseen/TipseenBasicContent.js.map +0 -1
  365. package/dist/mocked_classnames/src/components/Tipseen/TipseenBasicContent.module.scss.js +0 -2
  366. package/dist/mocked_classnames/src/components/Tipseen/TipseenConstants.js +0 -2
  367. package/dist/mocked_classnames/src/components/Tipseen/TipseenConstants.js.map +0 -1
  368. package/dist/mocked_classnames/src/components/Tipseen/TipseenContent.js +0 -2
  369. package/dist/mocked_classnames/src/components/Tipseen/TipseenContent.js.map +0 -1
  370. package/dist/mocked_classnames/src/components/Tipseen/TipseenContent.module.scss.js +0 -2
  371. package/dist/mocked_classnames/src/components/Tipseen/TipseenMedia/TipseenMedia.js +0 -2
  372. package/dist/mocked_classnames/src/components/Tipseen/TipseenMedia/TipseenMedia.js.map +0 -1
  373. package/dist/mocked_classnames/src/components/Tipseen/TipseenMedia/TipseenMedia.module.scss.js +0 -2
  374. package/dist/mocked_classnames/src/components/Tipseen/TipseenTitle.js +0 -2
  375. package/dist/mocked_classnames/src/components/Tipseen/TipseenTitle.js.map +0 -1
  376. package/dist/mocked_classnames/src/components/Tipseen/TipseenTitle.module.scss.js +0 -2
  377. package/dist/mocked_classnames/src/components/Tipseen/TipseenWizard.js +0 -2
  378. package/dist/mocked_classnames/src/components/Tipseen/TipseenWizard.js.map +0 -1
  379. package/dist/mocked_classnames/src/components/Tipseen/TipseenWizard.module.scss.js +0 -2
  380. package/dist/src/components/BaseItem/BaseItem.js +0 -2
  381. package/dist/src/components/BaseItem/BaseItem.js.map +0 -1
  382. package/dist/src/components/BaseItem/BaseItem.module.scss.js +0 -2
  383. package/dist/src/components/BaseItem/BaseItem.module.scss.js.map +0 -1
  384. package/dist/src/components/BaseItem/hooks/useListItemProps.js +0 -2
  385. package/dist/src/components/BaseItem/hooks/useListItemProps.js.map +0 -1
  386. package/dist/src/components/BaseItem/utils.js +0 -2
  387. package/dist/src/components/BaseItem/utils.js.map +0 -1
  388. package/dist/src/components/BaseList/BaseList.js +0 -2
  389. package/dist/src/components/BaseList/BaseList.js.map +0 -1
  390. package/dist/src/components/BaseList/BaseList.module.scss.js +0 -2
  391. package/dist/src/components/BaseList/BaseList.module.scss.js.map +0 -1
  392. package/dist/src/components/BaseList/context/BaseListContext.js +0 -2
  393. package/dist/src/components/BaseList/context/BaseListContext.js.map +0 -1
  394. package/dist/src/components/BaseList/hooks/useBaseListFocus.js +0 -2
  395. package/dist/src/components/BaseList/hooks/useBaseListFocus.js.map +0 -1
  396. package/dist/src/components/BaseList/hooks/useBaseListKeyboard.js +0 -2
  397. package/dist/src/components/BaseList/hooks/useBaseListKeyboard.js.map +0 -1
  398. package/dist/src/components/BaseList/utils/baseListUtils.js +0 -2
  399. package/dist/src/components/BaseList/utils/baseListUtils.js.map +0 -1
  400. package/dist/src/components/Tipseen/Tipseen.js +0 -2
  401. package/dist/src/components/Tipseen/Tipseen.js.map +0 -1
  402. package/dist/src/components/Tipseen/Tipseen.module.scss.js +0 -2
  403. package/dist/src/components/Tipseen/Tipseen.module.scss.js.map +0 -1
  404. package/dist/src/components/Tipseen/TipseenBasicContent.js +0 -2
  405. package/dist/src/components/Tipseen/TipseenBasicContent.js.map +0 -1
  406. package/dist/src/components/Tipseen/TipseenBasicContent.module.scss.js +0 -2
  407. package/dist/src/components/Tipseen/TipseenBasicContent.module.scss.js.map +0 -1
  408. package/dist/src/components/Tipseen/TipseenConstants.js +0 -2
  409. package/dist/src/components/Tipseen/TipseenConstants.js.map +0 -1
  410. package/dist/src/components/Tipseen/TipseenContent.js +0 -2
  411. package/dist/src/components/Tipseen/TipseenContent.js.map +0 -1
  412. package/dist/src/components/Tipseen/TipseenContent.module.scss.js +0 -2
  413. package/dist/src/components/Tipseen/TipseenContent.module.scss.js.map +0 -1
  414. package/dist/src/components/Tipseen/TipseenMedia/TipseenMedia.js +0 -2
  415. package/dist/src/components/Tipseen/TipseenMedia/TipseenMedia.js.map +0 -1
  416. package/dist/src/components/Tipseen/TipseenMedia/TipseenMedia.module.scss.js +0 -2
  417. package/dist/src/components/Tipseen/TipseenMedia/TipseenMedia.module.scss.js.map +0 -1
  418. package/dist/src/components/Tipseen/TipseenTitle.js +0 -2
  419. package/dist/src/components/Tipseen/TipseenTitle.js.map +0 -1
  420. package/dist/src/components/Tipseen/TipseenTitle.module.scss.js +0 -2
  421. package/dist/src/components/Tipseen/TipseenTitle.module.scss.js.map +0 -1
  422. package/dist/src/components/Tipseen/TipseenWizard.js +0 -2
  423. package/dist/src/components/Tipseen/TipseenWizard.js.map +0 -1
  424. package/dist/src/components/Tipseen/TipseenWizard.module.scss.js +0 -2
  425. package/dist/src/components/Tipseen/TipseenWizard.module.scss.js.map +0 -1
  426. /package/dist/{mocked_classnames/src/components → components/base-list/dist}/BaseItem/BaseItem.module.scss.js.map +0 -0
  427. /package/dist/{mocked_classnames/src/components → components/base-list/dist}/BaseList/BaseList.module.scss.js.map +0 -0
  428. /package/dist/{mocked_classnames/src/components → components/tipseen/dist}/Tipseen/Tipseen.module.scss.js.map +0 -0
  429. /package/dist/{mocked_classnames/src/components → components/tipseen/dist}/Tipseen/TipseenBasicContent.module.scss.js.map +0 -0
  430. /package/dist/{mocked_classnames/src/components → components/tipseen/dist}/Tipseen/TipseenContent.module.scss.js.map +0 -0
  431. /package/dist/{mocked_classnames/src/components → components/tipseen/dist}/Tipseen/TipseenMedia/TipseenMedia.module.scss.js.map +0 -0
  432. /package/dist/{mocked_classnames/src/components → components/tipseen/dist}/Tipseen/TipseenTitle.module.scss.js.map +0 -0
  433. /package/dist/{mocked_classnames/src/components → components/tipseen/dist}/Tipseen/TipseenWizard.module.scss.js.map +0 -0
@@ -1,3 +0,0 @@
1
- export { default as BaseList } from "./BaseList";
2
- export * from "./BaseList.types";
3
- export { BaseListProvider, BaseListItemProvider, useBaseList, useBaseListItem, type BaseListContextProps, type BaseListItemContextProps, type BaseListProviderProps, type BaseListItemProviderProps } from "./context/BaseListContext";
@@ -1,10 +0,0 @@
1
- export declare const VALID_ROLES: string[];
2
- export declare const getChildRole: (listRole: string) => string;
3
- export declare const getItemId: (listId: string, index: number, customId?: string) => string;
4
- export declare const isListItem: (element: HTMLElement | null) => boolean;
5
- export declare const isFocusableListItem: (element: HTMLElement | null) => boolean;
6
- export declare const getItemComponentType: (listElement: string) => string;
7
- export declare const findAdjacentFocusableIndex: (refs: (HTMLElement | null)[], currentIndex: number, direction: "next" | "prev", shouldWrap?: boolean) => number | undefined;
8
- export declare const findFirstFocusableIndex: (refs: (HTMLElement | null)[]) => number;
9
- export declare const findLastFocusableIndex: (refs: (HTMLElement | null)[]) => number;
10
- export declare const findSelectedItemIndex: (refs: (HTMLElement | null)[]) => number;
@@ -1,109 +0,0 @@
1
- import { type ReactElement } from "react";
2
- import { type DialogAnimationType, type DialogMiddleware, type DialogTriggerEvent } from "@vibe/dialog";
3
- import { type TipseenCloseButtonTheme, type TipseenColor } from "./Tipseen.types";
4
- import { type ElementContent, type VibeComponentProps } from "../../types";
5
- import { type MoveBy } from "../../types/MoveBy";
6
- import React from "react";
7
- import { type TooltipPositions } from "@vibe/tooltip";
8
- export interface TipseenProps extends VibeComponentProps {
9
- /**
10
- * Class name applied to the Tipseen title.
11
- */
12
- titleClassName?: string;
13
- /**
14
- * The position of the Tipseen relative to the target element.
15
- */
16
- position?: TooltipPositions;
17
- /**
18
- * The animation type used for showing/hiding the Tipseen.
19
- */
20
- animationType?: DialogAnimationType;
21
- /**
22
- * The delay in milliseconds before hiding the Tipseen.
23
- */
24
- hideDelay?: number;
25
- /**
26
- * The delay in milliseconds before showing the Tipseen.
27
- */
28
- showDelay?: number;
29
- /**
30
- * The title text of the Tipseen.
31
- */
32
- title?: string;
33
- /**
34
- * If true, hides the close button.
35
- */
36
- hideCloseButton?: boolean;
37
- /**
38
- * The child element that triggers the Tipseen.
39
- */
40
- children?: ReactElement;
41
- /**
42
- * The CSS selector of the container where the Tipseen should be rendered.
43
- */
44
- containerSelector?: string;
45
- /**
46
- * Events that trigger hiding the Tipseen.
47
- */
48
- hideTrigger?: DialogTriggerEvent | Array<DialogTriggerEvent>;
49
- /**
50
- * Events that trigger showing the Tipseen.
51
- */
52
- showTrigger?: DialogTriggerEvent | Array<DialogTriggerEvent>;
53
- /**
54
- * The width of the Tipseen.
55
- */
56
- width?: number;
57
- /**
58
- * Offset values for positioning adjustments.
59
- */
60
- moveBy?: MoveBy;
61
- /**
62
- * If true, hides the Tipseen when the reference element is hidden.
63
- */
64
- hideWhenReferenceHidden?: boolean;
65
- /**
66
- * Custom Floating UI middleware for positioning logic.
67
- * @see https://floating-ui.com/docs/middleware
68
- */
69
- middleware?: DialogMiddleware[];
70
- /**
71
- * Class name applied to the reference wrapper element.
72
- */
73
- referenceWrapperClassName?: string;
74
- /**
75
- * If false, hides the arrow of the Tipseen.
76
- */
77
- tip?: boolean;
78
- /**
79
- * Class name applied to the Tipseen arrow.
80
- */
81
- tooltipArrowClassName?: string;
82
- /**
83
- * The aria-label for the close button.
84
- */
85
- closeAriaLabel?: string;
86
- /**
87
- * Callback fired when the Tipseen is closed.
88
- */
89
- onClose?: (event?: React.MouseEvent<HTMLButtonElement>) => void;
90
- /**
91
- * The content displayed inside the Tipseen.
92
- */
93
- content: ElementContent;
94
- /**
95
- * The theme of the Tipseen close button.
96
- */
97
- closeButtonTheme?: TipseenCloseButtonTheme;
98
- /**
99
- * If true, renders the Tipseen as a floating element without a reference.
100
- */
101
- floating?: boolean;
102
- /**
103
- * The color theme of the Tipseen.
104
- */
105
- color?: TipseenColor;
106
- }
107
- export declare const TipseenContext: React.Context<TipseenColor>;
108
- declare const Tipseen: React.ForwardRefExoticComponent<TipseenProps & React.RefAttributes<HTMLElement>>;
109
- export default Tipseen;
@@ -1,2 +0,0 @@
1
- export type TipseenCloseButtonTheme = "light" | "dark" | "fixed-light" | "fixed-dark";
2
- export type TipseenColor = "primary" | "inverted";
@@ -1,19 +0,0 @@
1
- import React from "react";
2
- import { type VibeComponentProps } from "../../types";
3
- import { type ElementContent } from "../../types/ElementContent";
4
- export interface TipseenBasicContentProps extends VibeComponentProps {
5
- /**
6
- * The title text displayed in the Tipseen content.
7
- */
8
- title?: string;
9
- /**
10
- * Class name applied to the title.
11
- */
12
- titleClassName?: string;
13
- /**
14
- * The content inside the Tipseen.
15
- */
16
- children?: ElementContent | ElementContent[];
17
- }
18
- declare const TipseenBasicContent: React.FC<TipseenBasicContentProps>;
19
- export default TipseenBasicContent;
@@ -1,4 +0,0 @@
1
- export declare const SUBMIT_BUTTON_TEXT = "Submit";
2
- export declare const DISMISS_BUTTON_TEXT = "Dismiss";
3
- export declare const TIPSEEN_CLOSE_BUTTON_TEST_ID = "close-tipseen";
4
- export declare const TIPSEEN_CLOSE_BUTTON_ARIA_LABEL = "Close";
@@ -1,48 +0,0 @@
1
- import React, { type FC } from "react";
2
- import { type VibeComponentProps } from "../../types";
3
- import { type ElementContent } from "../../types/ElementContent";
4
- import { type SubIcon } from "@vibe/icon";
5
- export interface TipseenContentProps extends VibeComponentProps {
6
- /**
7
- * The title text displayed in the Tipseen content.
8
- */
9
- title?: string;
10
- /**
11
- * Class name applied to the Tipseen title.
12
- */
13
- titleClassName?: string;
14
- /**
15
- * If true, hides the dismiss button.
16
- */
17
- hideDismiss?: boolean;
18
- /**
19
- * The content inside the Tipseen.
20
- */
21
- children?: ElementContent;
22
- /**
23
- * If true, hides the submit button.
24
- */
25
- hideSubmit?: boolean;
26
- /**
27
- * The text displayed on the submit button.
28
- */
29
- submitButtonText?: string;
30
- /**
31
- * Icon to display in the submit button
32
- */
33
- submitButtonIcon?: SubIcon;
34
- /**
35
- * Callback fired when the submit button is clicked.
36
- */
37
- onSubmit?: (event: React.MouseEvent) => void;
38
- /**
39
- * The text displayed on the dismiss button.
40
- */
41
- dismissButtonText?: string;
42
- /**
43
- * Callback fired when the dismiss button is clicked.
44
- */
45
- onDismiss?: (event: React.MouseEvent) => void;
46
- }
47
- declare const TipseenContent: FC<TipseenContentProps>;
48
- export default TipseenContent;
@@ -1,10 +0,0 @@
1
- import React, { type PropsWithChildren, type ReactNode } from "react";
2
- import { type VibeComponentProps } from "../../../types";
3
- export interface TipseenMediaProps extends PropsWithChildren<VibeComponentProps> {
4
- /**
5
- * The media content displayed inside the Tipseen.
6
- */
7
- children: ReactNode;
8
- }
9
- declare const TipseenMedia: React.ForwardRefExoticComponent<TipseenMediaProps & React.RefAttributes<HTMLElement>>;
10
- export default TipseenMedia;
@@ -1,10 +0,0 @@
1
- import { type FC } from "react";
2
- import { type VibeComponentProps } from "../../types";
3
- export interface TipseenTitleProps extends VibeComponentProps {
4
- /**
5
- * The title text displayed in the Tipseen.
6
- */
7
- text?: string;
8
- }
9
- declare const TipseenTitle: FC<TipseenTitleProps>;
10
- export default TipseenTitle;
@@ -1,18 +0,0 @@
1
- import React, { type FC } from "react";
2
- import { type StepsProps } from "@vibe/wizard";
3
- export interface TipseenWizardProps extends StepsProps {
4
- /**
5
- * The title text displayed in the Tipseen Wizard.
6
- */
7
- title?: string;
8
- /**
9
- * Class name applied to the Tipseen title.
10
- */
11
- titleClassName?: string;
12
- /**
13
- * Callback fired when the wizard is completed.
14
- */
15
- onFinish?: (e: React.MouseEvent | React.KeyboardEvent) => void;
16
- }
17
- declare const TipseenWizard: FC<TipseenWizardProps>;
18
- export default TipseenWizard;
@@ -1,5 +0,0 @@
1
- export { default as Tipseen, type TipseenProps } from "./Tipseen";
2
- export { default as TipseenContent, type TipseenContentProps } from "./TipseenContent";
3
- export { default as TipseenWizard, type TipseenWizardProps } from "./TipseenWizard";
4
- export { default as TipseenMedia, type TipseenMediaProps } from "./TipseenMedia/TipseenMedia";
5
- export * from "./Tipseen.types";
@@ -1,2 +0,0 @@
1
- import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as i,useRef as o,useEffect as r,useMemo as l}from"react";import s from"classnames";import{useMergeRef as a,getStyle as m}from"@vibe/shared";import{Text as d}from"@vibe/typography/mockedClassNames";import{useListItemProps as n}from"./hooks/useListItemProps.js";import{Tooltip as c}from"@vibe/tooltip/mockedClassNames";import{renderSideElement as p}from"./utils.js";import v from"./BaseItem.module.scss.js";var h=i((function(i,h){var u=i.className,f=i.id,g=i.component,b=void 0===g?"li":g,y=i.size,E=void 0===y?"medium":y,P=i.selected,j=void 0!==P&&P,z=i.readOnly,N=void 0!==z&&z,k=i.highlighted,O=void 0!==k&&k,x=i.role,C=i.dir,B=void 0===C?"auto":C,I=i.itemRenderer,S=i.itemProps,_=void 0===S?{}:S,w=i.item,F=void 0===w?{}:w,H=o(null),L=a(h,H),R=n({id:f,component:b,size:E,highlighted:O,role:x,itemProps:_});r((function(){var e;null===(e=R.refCallback)||void 0===e||e.call(R,H.current)}),[R]);var q=F.label,A=void 0===q?"":q,D=F.disabled,G=void 0!==D&&D,J=F.startElement,K=F.endElement,M=F.tooltipProps,Q=void 0===M?{}:M,T=l((function(){return s(v.wrapper,e(e(e(e({},v.selected,j),v.disabled,G),v.highlighted,R.highlighted),v.readOnly,N),m(v,R.size),u)}),[j,G,R.highlighted,N,R.size,u]),U="small"===R.size?"text2":"text1",V=R.component;return t.createElement(c,Object.assign({},Q,{content:null==Q?void 0:Q.content,position:"rtl"===B?"right":"left",containerSelector:"body"}),t.createElement(V,Object.assign({id:R.id,ref:L,className:T,role:R.role,"aria-selected":j,"aria-disabled":G||void 0},R.itemProps),I?I(F):t.createElement(t.Fragment,null,J&&p(J,G,U),t.createElement(d,{type:U,color:"inherit",tooltipProps:{containerSelector:"body"}},A),K&&t.createElement("div",{className:v.endElement},p(K,G,U)))))}));export{h as default};
2
- //# sourceMappingURL=BaseItem.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"BaseItem.js","sources":["../../../../../src/components/BaseItem/BaseItem.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { useMergeRef, getStyle } from \"@vibe/shared\";\n\nimport { Text, type TextType } from \"@vibe/typography\";\nimport { type BaseItemData, type BaseItemProps } from \"./BaseItem.types\";\nimport { useListItemProps } from \"./hooks/useListItemProps\";\nimport { Tooltip } from \"@vibe/tooltip\";\nimport { renderSideElement } from \"./utils\";\nimport styles from \"./BaseItem.module.scss\";\n\nconst BaseItem = forwardRef(\n <Item extends Record<string, unknown>>(\n {\n className,\n id,\n component = \"li\",\n size = \"medium\",\n selected = false,\n readOnly = false,\n highlighted = false,\n role,\n index: _index,\n dir = \"auto\",\n itemRenderer,\n itemProps = {},\n item = {} as BaseItemData<Item>\n }: BaseItemProps<Item>,\n ref: React.Ref<HTMLElement>\n ) => {\n const internalRef = useRef<HTMLElement>(null);\n const mergedRef = useMergeRef(ref, internalRef);\n\n const listItemProps = useListItemProps({ id, component, size, highlighted, role, itemProps });\n\n useEffect(() => {\n listItemProps.refCallback?.(internalRef.current);\n }, [listItemProps]);\n\n const { label = \"\", disabled = false, startElement, endElement, tooltipProps = {} } = item;\n\n const listItemClassNames = useMemo(\n () =>\n cx(\n styles.wrapper,\n {\n [styles.selected]: selected,\n [styles.disabled]: disabled,\n [styles.highlighted]: listItemProps.highlighted,\n [styles.readOnly]: readOnly\n },\n getStyle(styles, listItemProps.size),\n className\n ),\n [selected, disabled, listItemProps.highlighted, readOnly, listItemProps.size, className]\n );\n\n const textVariant: TextType = listItemProps.size === \"small\" ? \"text2\" : \"text1\";\n const Element = listItemProps.component as React.ElementType;\n\n return (\n <Tooltip\n {...tooltipProps}\n content={tooltipProps?.content}\n position={dir === \"rtl\" ? \"right\" : \"left\"}\n containerSelector=\"body\"\n >\n <Element\n id={listItemProps.id}\n ref={mergedRef}\n className={listItemClassNames}\n role={listItemProps.role}\n aria-selected={selected}\n aria-disabled={disabled || undefined}\n {...listItemProps.itemProps}\n >\n {itemRenderer ? (\n itemRenderer(item)\n ) : (\n <>\n {startElement && renderSideElement(startElement, disabled, textVariant)}\n <Text type={textVariant} color=\"inherit\" tooltipProps={{ containerSelector: \"body\" }}>\n {label}\n </Text>\n {endElement && (\n <div className={styles.endElement}>{renderSideElement(endElement, disabled, textVariant)}</div>\n )}\n </>\n )}\n </Element>\n </Tooltip>\n );\n }\n);\n\nexport default BaseItem as <Item extends Record<string, unknown>>(\n props: BaseItemProps<Item> & { ref?: React.Ref<HTMLElement> }\n) => React.ReactElement;\n"],"names":["BaseItem","forwardRef","_ref","ref","className","id","_ref$component","component","_ref$size","size","_ref$selected","selected","_ref$readOnly","readOnly","_ref$highlighted","highlighted","role","_ref$dir","dir","itemRenderer","_ref$itemProps","itemProps","_ref$item","item","internalRef","useRef","mergedRef","useMergeRef","listItemProps","useListItemProps","useEffect","_a","refCallback","call","current","_item$label","label","_item$disabled","disabled","startElement","endElement","_item$tooltipProps","tooltipProps","listItemClassNames","useMemo","cx","styles","wrapper","_defineProperty","getStyle","textVariant","Element","React","createElement","Tooltip","Object","assign","content","position","containerSelector","undefined","Fragment","renderSideElement","Text","type","color"],"mappings":"0fAWMA,IAAAA,EAAWC,GACf,SAAAC,EAgBEC,GACE,IAfAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GAAEC,EAAAJ,EACFK,UAAAA,OAAY,IAAHD,EAAG,KAAIA,EAAAE,EAAAN,EAChBO,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAAAE,EAAAR,EACfS,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAV,EAChBW,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAZ,EAChBa,YAAAA,OAAc,IAAHD,GAAQA,EACnBE,EAAId,EAAJc,KACKC,EAAAf,EACLgB,IAAAA,OAAM,IAAHD,EAAG,OAAMA,EACZE,EAAYjB,EAAZiB,aAAYC,EAAAlB,EACZmB,UAAAA,OAAS,IAAAD,EAAG,CAAA,EAAEA,EAAAE,EAAApB,EACdqB,KAAAA,OAAI,IAAAD,EAAG,CAAwB,EAAAA,EAI3BE,EAAcC,EAAoB,MAClCC,EAAYC,EAAYxB,EAAKqB,GAE7BI,EAAgBC,EAAiB,CAAExB,GAAAA,EAAIE,UAAAA,EAAWE,KAAAA,EAAMM,YAAAA,EAAaC,KAAAA,EAAMK,UAAAA,IAEjFS,GAAU,iBACiB,QAAzBC,EAAAH,EAAcI,mBAAW,IAAAD,GAAAA,EAAAE,KAAAL,EAAGJ,EAAYU,QAC1C,GAAG,CAACN,IAEJ,IAAAO,EAAsFZ,EAA9Ea,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAoEd,EAAlEe,SAAAA,OAAW,IAAHD,GAAQA,EAAEE,EAAgDhB,EAAhDgB,aAAcC,EAAkCjB,EAAlCiB,WAAUC,EAAwBlB,EAAtBmB,aAAAA,OAAY,IAAAD,EAAG,CAAA,EAAEA,EAE3EE,EAAqBC,GACzB,WAAA,OACEC,EACEC,EAAOC,QAAOC,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EAEXF,EAAOnC,SAAWA,GAClBmC,EAAOR,SAAWA,GAClBQ,EAAO/B,YAAca,EAAcb,aACnC+B,EAAOjC,SAAWA,GAErBoC,EAASH,EAAQlB,EAAcnB,MAC/BL,EACD,GACH,CAACO,EAAU2B,EAAUV,EAAcb,YAAaF,EAAUe,EAAcnB,KAAML,IAG1E8C,EAA+C,UAAvBtB,EAAcnB,KAAmB,QAAU,QACnE0C,EAAUvB,EAAcrB,UAE9B,OACE6C,EAAAC,cAACC,EAAOC,OAAAC,OAAA,CAAA,EACFd,EACJ,CAAAe,QAASf,aAAA,EAAAA,EAAce,QACvBC,SAAkB,QAARxC,EAAgB,QAAU,OACpCyC,kBAAkB,SAElBP,EAACC,cAAAF,iBACC9C,GAAIuB,EAAcvB,GAClBF,IAAKuB,EACLtB,UAAWuC,EACX3B,KAAMY,EAAcZ,KAAI,gBACTL,EACA,gBAAA2B,QAAYsB,GACvBhC,EAAcP,WAEjBF,EACCA,EAAaI,GAEb6B,EAAAC,cAAAD,EAAAS,SAAA,KACGtB,GAAgBuB,EAAkBvB,EAAcD,EAAUY,GAC3DE,EAAAC,cAACU,EAAK,CAAAC,KAAMd,EAAae,MAAM,UAAUvB,aAAc,CAAEiB,kBAAmB,SACzEvB,GAEFI,GACCY,EAAAC,cAAA,MAAA,CAAKjD,UAAW0C,EAAON,YAAasB,EAAkBtB,EAAYF,EAAUY,MAO1F"}
@@ -1,2 +0,0 @@
1
- var e={wrapper:"wrapper","focus-visible":"focus-visible",highlighted:"highlighted",disabled:"disabled",readOnly:"readOnly",selected:"selected",small:"small",medium:"medium",large:"large",avatar:"avatar",icon:"icon",indent:"indent",endElement:"endElement"};!function(e){const n="s_id-c5f50f32df2c_4_5_21";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable selector-class-pattern */\n.wrapper {\n display: flex;\n align-items: center;\n gap: var(--space-4);\n border-radius: var(--border-radius-small);\n color: var(--primary-text-color);\n cursor: pointer;\n}\n.wrapper:focus-visible, .wrapper.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) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper:focus:not(.focus-visible) {\n outline: none;\n}\n.wrapper.highlighted, .wrapper:hover:not(.disabled):not(.readOnly) {\n background-color: var(--primary-background-hover-color);\n}\n.wrapper.disabled {\n color: var(--disabled-text-color);\n cursor: not-allowed;\n}\n.wrapper.readOnly {\n cursor: default;\n}\n.wrapper.selected {\n background-color: var(--primary-selected-color);\n}\n.wrapper.selected.highlighted, .wrapper.selected:hover:not(.disabled):not(.readOnly) {\n background-color: var(--primary-selected-hover-color);\n}\n.wrapper.small {\n padding: 6px var(--space-8);\n}\n.wrapper.medium {\n padding: 9px 12px;\n}\n.wrapper.large {\n padding: 13px 12px;\n}\n.wrapper .avatar,\n.wrapper .icon {\n flex-shrink: 0;\n}\n.wrapper .indent {\n width: 20px;\n}\n.wrapper .endElement {\n padding-inline-start: var(--space-8);\n margin-inline-start: auto;\n display: flex;\n}");export{e as default};
2
- //# sourceMappingURL=BaseItem.module.scss.js.map
@@ -1,2 +0,0 @@
1
- import{useBaseListItem as i}from"../../BaseList/context/BaseListContext.js";function e(e){var o,l,t,n,d,h,r=i();return r?{id:null!==(d=e.id)&&void 0!==d?d:r.id,component:"li"!==e.component?e.component:r.component,size:"medium"!==e.size?e.size:r.size,highlighted:void 0!==e.highlighted?e.highlighted:r.highlighted,role:null!==(h=e.role)&&void 0!==h?h:r.role,itemProps:Object.assign({tabIndex:r.tabIndex},e.itemProps),refCallback:r.refCallback}:{id:e.id,component:null!==(o=e.component)&&void 0!==o?o:"li",size:null!==(l=e.size)&&void 0!==l?l:"medium",highlighted:null!==(t=e.highlighted)&&void 0!==t&&t,role:e.role,itemProps:null!==(n=e.itemProps)&&void 0!==n?n:{},refCallback:void 0}}export{e as useListItemProps};
2
- //# sourceMappingURL=useListItemProps.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useListItemProps.js","sources":["../../../../../../src/components/BaseItem/hooks/useListItemProps.ts"],"sourcesContent":["import { useBaseListItem } from \"../../BaseList/context/BaseListContext\";\nimport { type BaseItemProps } from \"../BaseItem.types\";\n\ntype ListItemPropsInput<Item extends Record<string, unknown>> = Pick<\n BaseItemProps<Item>,\n \"id\" | \"component\" | \"size\" | \"highlighted\" | \"role\" | \"itemProps\"\n>;\n\ninterface ListItemPropsOutput {\n id: string | undefined;\n component: string;\n size: \"small\" | \"medium\" | \"large\";\n highlighted: boolean;\n role: string | undefined;\n itemProps: Record<string, unknown>;\n refCallback: ((element: HTMLElement | null) => void) | undefined;\n}\n\n/**\n * Merges explicit BaseItem props with context values from BaseList.\n * Explicit props always take precedence over context.\n *\n * @param props - The explicit props passed to BaseItem\n * @returns Merged props with context values as defaults\n */\nexport function useListItemProps<Item extends Record<string, unknown>>(\n props: ListItemPropsInput<Item>\n): ListItemPropsOutput {\n const context = useBaseListItem();\n\n if (!context) {\n return {\n id: props.id,\n component: props.component ?? \"li\",\n size: props.size ?? \"medium\",\n highlighted: props.highlighted ?? false,\n role: props.role,\n itemProps: props.itemProps ?? {},\n refCallback: undefined\n };\n }\n\n return {\n id: props.id ?? context.id,\n component: props.component !== \"li\" ? props.component! : context.component,\n size: props.size !== \"medium\" ? props.size! : context.size,\n highlighted: props.highlighted !== undefined ? props.highlighted : context.highlighted,\n role: props.role ?? context.role,\n itemProps: {\n tabIndex: context.tabIndex,\n ...props.itemProps\n },\n refCallback: context.refCallback\n };\n}\n"],"names":["useListItemProps","props","context","useBaseListItem","id","_e","component","size","highlighted","undefined","role","_f","itemProps","Object","assign","tabIndex","refCallback","_a","_b","_c","_d"],"mappings":"4EAyBM,SAAUA,EACdC,mBAEMC,EAAUC,IAEhB,OAAKD,EAYE,CACLE,GAAgB,UAAZH,EAAMG,UAAM,IAAAC,EAAAA,EAAAH,EAAQE,GACxBE,UAA+B,OAApBL,EAAMK,UAAqBL,EAAMK,UAAaJ,EAAQI,UACjEC,KAAqB,WAAfN,EAAMM,KAAoBN,EAAMM,KAAQL,EAAQK,KACtDC,iBAAmCC,IAAtBR,EAAMO,YAA4BP,EAAMO,YAAcN,EAAQM,YAC3EE,KAAoB,UAAdT,EAAMS,YAAQ,IAAAC,EAAAA,EAAAT,EAAQQ,KAC5BE,UAASC,OAAAC,OAAA,CACPC,SAAUb,EAAQa,UACfd,EAAMW,WAEXI,YAAad,EAAQc,aArBd,CACLZ,GAAIH,EAAMG,GACVE,kBAAWW,EAAAhB,EAAMK,yBAAa,KAC9BC,aAAMW,EAAAjB,EAAMM,oBAAQ,SACpBC,oBAAaW,EAAAlB,EAAMO,4BACnBE,KAAMT,EAAMS,KACZE,kBAAWQ,EAAAnB,EAAMW,yBAAa,CAAE,EAChCI,iBAAaP,EAgBnB"}
@@ -1,2 +0,0 @@
1
- import{Text as e}from"@vibe/typography/mockedClassNames";import a from"react";import{Avatar as r}from"@vibe/avatar/mockedClassNames";import t from"./BaseItem.module.scss.js";import{Icon as s}from"@vibe/icon/mockedClassNames";function m(m,c,o){switch(m.type){case"avatar":return a.createElement(r,{className:t.avatar,src:m.value,withoutBorder:!0,square:m.square,type:"img",customSize:20,disabled:c});case"icon":return a.createElement(s,{className:t.icon,icon:m.value,size:20});case"indent":return a.createElement("div",{className:t.indent});case"suffix":return a.createElement(e,{type:o,color:"secondary",style:{maxWidth:"112px"}},m.value);case"custom":return m.render()}}export{m as renderSideElement};
2
- //# sourceMappingURL=utils.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"utils.js","sources":["../../../../../src/components/BaseItem/utils.tsx"],"sourcesContent":["import { type EndElement, type StartElement } from \"./BaseItem.types\";\nimport { Text, type TextType } from \"@vibe/typography\";\nimport React from \"react\";\nimport { Avatar } from \"@vibe/avatar\";\nimport styles from \"./BaseItem.module.scss\";\nimport { Icon } from \"@vibe/icon\";\n\nexport function renderSideElement(\n element: StartElement | EndElement,\n disabled: boolean,\n textVariant: TextType\n): React.ReactNode {\n switch (element.type) {\n case \"avatar\":\n return (\n <Avatar\n className={styles.avatar}\n src={element.value}\n withoutBorder\n square={element.square}\n type=\"img\"\n customSize={20}\n disabled={disabled}\n />\n );\n\n case \"icon\":\n return <Icon className={styles.icon} icon={element.value} size={20} />;\n\n case \"indent\":\n return <div className={styles.indent} />;\n\n case \"suffix\":\n return (\n <Text type={textVariant} color=\"secondary\" style={{ maxWidth: \"112px\" }}>\n {element.value}\n </Text>\n );\n\n case \"custom\":\n return element.render();\n }\n}\n"],"names":["renderSideElement","element","disabled","textVariant","type","React","createElement","Avatar","className","styles","avatar","src","value","withoutBorder","square","customSize","Icon","icon","size","indent","Text","color","style","maxWidth","render"],"mappings":"0OAOgBA,EACdC,EACAC,EACAC,GAEA,OAAQF,EAAQG,MACd,IAAK,SACH,OACEC,EAACC,cAAAC,EACC,CAAAC,UAAWC,EAAOC,OAClBC,IAAKV,EAAQW,MACbC,eAAa,EACbC,OAAQb,EAAQa,OAChBV,KAAK,MACLW,WAAY,GACZb,SAAUA,IAIhB,IAAK,OACH,OAAOG,gBAACW,EAAI,CAACR,UAAWC,EAAOQ,KAAMA,KAAMhB,EAAQW,MAAOM,KAAM,KAElE,IAAK,SACH,OAAOb,uBAAKG,UAAWC,EAAOU,SAEhC,IAAK,SACH,OACEd,EAACC,cAAAc,EAAK,CAAAhB,KAAMD,EAAakB,MAAM,YAAYC,MAAO,CAAEC,SAAU,UAC3DtB,EAAQW,OAIf,IAAK,SACH,OAAOX,EAAQuB,SAErB"}
@@ -1,2 +0,0 @@
1
- import{__rest as e}from"../../../_virtual/_tslib.js";import t,{forwardRef as a,useRef as s,useMemo as i}from"react";import r from"classnames";import{useMergeRef as o,useIsomorphicLayoutEffect as n}from"@vibe/shared";import{BaseListItemProvider as d,BaseListProvider as c}from"./context/BaseListContext.js";import{useBaseListFocus as l}from"./hooks/useBaseListFocus.js";import{useBaseListKeyboard as u}from"./hooks/useBaseListKeyboard.js";import{getItemId as m,isListItem as f,getItemComponentType as b,getChildRole as p}from"./utils/baseListUtils.js";import v from"./BaseList.module.scss.js";var h=a((function(a,h){var x=a.className,I=a.id,g=a.as,y=void 0===g?"ul":g,F=a.children,j=a["aria-label"],C=a["aria-describedby"],L=a["aria-controls"],O=a.role,k=void 0===O?"listbox":O,z=a.size,B=void 0===z?"medium":z,E=a.maxHeight,N=a.focusOnMount,R=void 0!==N&&N,A=a.defaultFocusIndex,H=void 0===A?0:A,M=a.onFocusChange,_=a.style,q=a.disabled,D=void 0!==q&&q,K=a["data-testid"],U=e(a,["className","id","as","children","aria-label","aria-describedby","aria-controls","role","size","maxHeight","focusOnMount","defaultFocusIndex","onFocusChange","style","disabled","data-testid"]),V=s(null),w=o(h,V),G=y,J=l({defaultFocusIndex:H,onFocusChange:M,listId:I,disabled:D}),P=J.focusIndex,Q=J.activeDescendantId,S=J.updateFocusedItem,T=J.registerItem,W=J.childrenRefs;u({focusIndex:P,childrenRefs:W,listId:I,updateFocusedItem:S,componentRef:V,disabled:D}),n((function(){R&&V.current&&requestAnimationFrame((function(){var e;null===(e=V.current)||void 0===e||e.focus()}))}),[R]);var X=i((function(){var e=t.Children.toArray(F);return W.current=W.current.slice(0,e.length),e.map((function(e,a){if(!t.isValidElement(e))return e;var s=m(I,a,e.props.id),i=W.current[a],r=null==i||f(i),o=e.props.role||("string"==typeof e.type?void 0:p(k)),n={index:a,id:s,highlighted:P===a&&r,tabIndex:P===a&&r?0:-1,component:b(y),size:B,role:o,refCallback:function(e){W.current[a]=e}};return t.createElement(d,{key:s,value:n},e)}))}),[F,y,P,I,k,B,W]),Y=i((function(){return{activeItemIndex:P,updateFocusedItem:S,registerItem:T,size:B}}),[P,S,T,B]),Z=i((function(){return E?Object.assign(Object.assign({},_),{"--baselist-max-height":"number"==typeof E?"".concat(E,"px"):E}):_}),[E,_]);return t.createElement(c,{value:Y},t.createElement(G,Object.assign({ref:w,id:I,className:r(v.baseList,x),style:Z,"aria-label":j,"aria-describedby":C,"aria-controls":L,"aria-activedescendant":Q,"aria-disabled":D||void 0,role:k,tabIndex:-1,"data-testid":K},U),X))}));export{h as default};
2
- //# sourceMappingURL=BaseList.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"BaseList.js","sources":["../../../../../src/components/BaseList/BaseList.tsx"],"sourcesContent":["import React, { forwardRef, type ReactElement, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { useMergeRef, useIsomorphicLayoutEffect } from \"@vibe/shared\";\n\nimport { type BaseListProps } from \"./BaseList.types\";\nimport {\n BaseListProvider,\n BaseListItemProvider,\n type BaseListContextProps,\n type BaseListItemContextProps\n} from \"./context/BaseListContext\";\nimport { useBaseListFocus } from \"./hooks/useBaseListFocus\";\nimport { useBaseListKeyboard } from \"./hooks/useBaseListKeyboard\";\nimport { getChildRole, getItemComponentType, getItemId, isListItem } from \"./utils/baseListUtils\";\nimport styles from \"./BaseList.module.scss\";\n\nconst BaseList = forwardRef(\n (\n {\n className,\n id,\n as = \"ul\",\n children,\n \"aria-label\": ariaLabel,\n \"aria-describedby\": ariaDescribedBy,\n \"aria-controls\": ariaControls,\n role = \"listbox\",\n size = \"medium\",\n maxHeight,\n focusOnMount = false,\n defaultFocusIndex = 0,\n onFocusChange,\n style,\n disabled = false,\n \"data-testid\": dataTestId,\n ...rest\n }: BaseListProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const componentRef = useRef<HTMLElement>(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const Element = as as React.ElementType;\n\n const { focusIndex, activeDescendantId, updateFocusedItem, registerItem, childrenRefs } = useBaseListFocus({\n defaultFocusIndex,\n onFocusChange,\n listId: id,\n disabled\n });\n\n useBaseListKeyboard({\n focusIndex,\n childrenRefs,\n listId: id,\n updateFocusedItem,\n componentRef,\n disabled\n });\n\n useIsomorphicLayoutEffect(() => {\n if (focusOnMount && componentRef.current) {\n requestAnimationFrame(() => {\n componentRef.current?.focus();\n });\n }\n }, [focusOnMount]);\n\n const enrichedChildren = useMemo(() => {\n const childArray = React.Children.toArray(children) as ReactElement[];\n childrenRefs.current = childrenRefs.current.slice(0, childArray.length);\n\n return childArray.map((child, index) => {\n if (!React.isValidElement(child)) {\n return child;\n }\n\n const childId = getItemId(id, index, (child.props as { id?: string }).id);\n const currentRef = childrenRefs.current[index];\n const isFocusableItem = currentRef === undefined || currentRef === null || isListItem(currentRef);\n const isDOMElement = typeof child.type === \"string\";\n\n const existingRole = (child.props as { role?: string }).role;\n const childRole = existingRole || (!isDOMElement ? getChildRole(role) : undefined);\n\n const refCallback = (itemRef: HTMLElement | null) => {\n childrenRefs.current[index] = itemRef;\n };\n\n const itemContextValue: BaseListItemContextProps = {\n index,\n id: childId,\n highlighted: focusIndex === index && isFocusableItem,\n tabIndex: focusIndex === index && isFocusableItem ? 0 : -1,\n component: getItemComponentType(as),\n size,\n role: childRole,\n refCallback\n };\n\n return (\n <BaseListItemProvider key={childId} value={itemContextValue}>\n {child}\n </BaseListItemProvider>\n );\n });\n }, [children, as, focusIndex, id, role, size, childrenRefs]);\n\n const contextValue: BaseListContextProps = useMemo(\n () => ({\n activeItemIndex: focusIndex,\n updateFocusedItem,\n registerItem,\n size\n }),\n [focusIndex, updateFocusedItem, registerItem, size]\n );\n\n const listStyle = useMemo(\n () =>\n maxHeight\n ? ({\n ...style,\n \"--baselist-max-height\": typeof maxHeight === \"number\" ? `${maxHeight}px` : maxHeight\n } as React.CSSProperties)\n : style,\n [maxHeight, style]\n );\n\n return (\n <BaseListProvider value={contextValue}>\n <Element\n ref={mergedRef}\n id={id}\n className={cx(styles.baseList, className)}\n style={listStyle}\n aria-label={ariaLabel}\n aria-describedby={ariaDescribedBy}\n aria-controls={ariaControls}\n aria-activedescendant={activeDescendantId}\n aria-disabled={disabled || undefined}\n role={role}\n tabIndex={-1}\n data-testid={dataTestId}\n {...rest}\n >\n {enrichedChildren}\n </Element>\n </BaseListProvider>\n );\n }\n);\n\nexport default BaseList;\n"],"names":["BaseList","forwardRef","_a","ref","className","id","_a$as","as","children","ariaLabel","ariaDescribedBy","ariaControls","_a$role","role","_a$size","size","maxHeight","_a$focusOnMount","focusOnMount","_a$defaultFocusIndex","defaultFocusIndex","onFocusChange","style","_a$disabled","disabled","dataTestId","rest","__rest","componentRef","useRef","mergedRef","useMergeRef","Element","_useBaseListFocus","useBaseListFocus","listId","focusIndex","activeDescendantId","updateFocusedItem","registerItem","childrenRefs","useBaseListKeyboard","useIsomorphicLayoutEffect","current","requestAnimationFrame","focus","enrichedChildren","useMemo","childArray","React","Children","toArray","slice","length","map","child","index","isValidElement","childId","getItemId","props","currentRef","isFocusableItem","isListItem","childRole","type","undefined","getChildRole","itemContextValue","highlighted","tabIndex","component","getItemComponentType","refCallback","itemRef","createElement","BaseListItemProvider","key","value","contextValue","activeItemIndex","listStyle","Object","concat","BaseListProvider","assign","cx","styles","baseList"],"mappings":"glBAgBMA,IAAAA,EAAWC,GACf,SACEC,EAmBAC,OAlBEC,EAeyBF,EAfzBE,UACAC,EAcyBH,EAdzBG,GAAEC,EAcuBJ,EAbzBK,GAAAA,OAAK,IAAHD,EAAG,KAAIA,EACTE,EAYyBN,EAZzBM,SACcC,EAWWP,EAXzB,cACoBQ,EAUKR,EAVzB,oBACiBS,EASQT,EATzB,iBAAeU,EASUV,EARzBW,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAAAE,EAQSZ,EAPzBa,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAMyBd,EANzBc,UAASC,EAMgBf,EALzBgB,aAAAA,OAAe,IAAHD,GAAQA,EAAAE,EAKKjB,EAJzBkB,kBAAAA,OAAoB,IAAHD,EAAG,EAACA,EACrBE,EAGyBnB,EAHzBmB,cACAC,EAEyBpB,EAFzBoB,MAAKC,EAEoBrB,EADzBsB,SAAAA,OAAW,IAAHD,GAAQA,EACDE,EAAUvB,EAAzB,eACGwB,EAjBLC,EAAAzB,EAAA,CAAA,YAAA,KAAA,KAAA,WAAA,aAAA,mBAAA,gBAAA,OAAA,OAAA,YAAA,eAAA,oBAAA,gBAAA,QAAA,WAAA,gBAqBM0B,EAAeC,EAAoB,MACnCC,EAAYC,EAAY5B,EAAKyB,GAE7BI,EAAUzB,EAEhB0B,EAA0FC,EAAiB,CACzGd,kBAAAA,EACAC,cAAAA,EACAc,OAAQ9B,EACRmB,SAAAA,IAJMY,EAAUH,EAAVG,WAAYC,EAAkBJ,EAAlBI,mBAAoBC,EAAiBL,EAAjBK,kBAAmBC,EAAYN,EAAZM,aAAcC,EAAYP,EAAZO,aAOzEC,EAAoB,CAClBL,WAAAA,EACAI,aAAAA,EACAL,OAAQ9B,EACRiC,kBAAAA,EACAV,aAAAA,EACAJ,SAAAA,IAGFkB,GAA0B,WACpBxB,GAAgBU,EAAae,SAC/BC,uBAAsB,iBACE,QAAtB1C,EAAA0B,EAAae,eAAS,IAAAzC,GAAAA,EAAA2C,OACxB,GAEJ,GAAG,CAAC3B,IAEJ,IAAM4B,EAAmBC,GAAQ,WAC/B,IAAMC,EAAaC,EAAMC,SAASC,QAAQ3C,GAG1C,OAFAgC,EAAaG,QAAUH,EAAaG,QAAQS,MAAM,EAAGJ,EAAWK,QAEzDL,EAAWM,KAAI,SAACC,EAAOC,GAC5B,IAAKP,EAAMQ,eAAeF,GACxB,OAAOA,EAGT,IAAMG,EAAUC,EAAUtD,EAAImD,EAAQD,EAAMK,MAA0BvD,IAChEwD,EAAarB,EAAaG,QAAQa,GAClCM,EAAkBD,SAAmDE,EAAWF,GAIhFG,EADgBT,EAAMK,MAA4B/C,OAFb,iBAAf0C,EAAMU,UAGsCC,EAArBC,EAAatD,IAM1DuD,EAA6C,CACjDZ,MAAAA,EACAnD,GAAIqD,EACJW,YAAajC,IAAeoB,GAASM,EACrCQ,SAAUlC,IAAeoB,GAASM,EAAkB,GAAK,EACzDS,UAAWC,EAAqBjE,GAChCQ,KAAAA,EACAF,KAAMmD,EACNS,YAZkB,SAACC,GACnBlC,EAAaG,QAAQa,GAASkB,IAchC,OACEzB,EAAA0B,cAACC,EAAoB,CAACC,IAAKnB,EAASoB,MAAOV,GACxCb,EAGP,GACF,GAAG,CAAC/C,EAAUD,EAAI6B,EAAY/B,EAAIQ,EAAME,EAAMyB,IAExCuC,EAAqChC,GACzC,WAAA,MAAO,CACLiC,gBAAiB5C,EACjBE,kBAAAA,EACAC,aAAAA,EACAxB,KAAAA,EACA,GACF,CAACqB,EAAYE,EAAmBC,EAAcxB,IAG1CkE,EAAYlC,GAChB,WAAA,OACE/B,EACKkE,+BACI5D,GAAK,CACR,wBAA8C,iBAAdN,EAAsBmE,GAAAA,OAAMnE,EAAgBA,MAAAA,IAE9EM,CAAK,GACX,CAACN,EAAWM,IAGd,OACE2B,EAAC0B,cAAAS,EAAiB,CAAAN,MAAOC,GACvB9B,EAAC0B,cAAA3C,EACCkD,OAAAG,OAAA,CAAAlF,IAAK2B,EACLzB,GAAIA,EACJD,UAAWkF,EAAGC,EAAOC,SAAUpF,GAC/BkB,MAAO2D,EAAS,aACJxE,EAAS,mBACHC,EACH,gBAAAC,EACQ,wBAAA0B,EACR,gBAAAb,QAAY0C,EAC3BrD,KAAMA,EACNyD,UAAW,EAAC,cACC7C,GACTC,GAEHoB,GAIT"}
@@ -1,2 +0,0 @@
1
- var e={baseList:"baseList"};!function(e){const t="s_id-97ac9c3bb99a_4_5_21";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.baseList {\n margin: 0;\n padding: 0;\n list-style: none;\n overflow-y: auto;\n max-height: var(--baselist-max-height, none);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.baseList::-webkit-scrollbar {\n width: 4px;\n height: 6px;\n}\n.baseList::-webkit-scrollbar-thumb {\n background-color: var(--ui-border-color);\n border-radius: 4px;\n}");export{e as default};
2
- //# sourceMappingURL=BaseList.module.scss.js.map
@@ -1,2 +0,0 @@
1
- import e,{useContext as r,createContext as t}from"react";import{NOOP as n}from"@vibe/shared";var i=t({activeItemIndex:-1,updateFocusedItem:n,registerItem:n,size:"medium"}),u=t(void 0),o=function(r){return e.createElement(i.Provider,{value:r.value},r.children)},a=function(r){return e.createElement(u.Provider,{value:r.value},r.children)},c=function(){return r(i)},m=function(){return r(u)};export{a as BaseListItemProvider,o as BaseListProvider,c as useBaseList,m as useBaseListItem};
2
- //# sourceMappingURL=BaseListContext.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"BaseListContext.js","sources":["../../../../../../src/components/BaseList/context/BaseListContext.tsx"],"sourcesContent":["import React, { createContext, useContext, type ReactNode, type AriaRole } from \"react\";\nimport { NOOP } from \"@vibe/shared\";\nimport { type BaseListSizes } from \"../BaseList.types\";\n\nexport interface BaseListItemContextProps {\n /**\n * The index of this item in the list.\n */\n index: number;\n /**\n * The derived ID for this item.\n */\n id: string;\n /**\n * Whether this item is currently highlighted (has keyboard focus).\n */\n highlighted: boolean;\n /**\n * The tabIndex for this item (0 if highlighted, -1 otherwise).\n */\n tabIndex: number;\n /**\n * The HTML element to render as.\n */\n component: string;\n /**\n * The size of the item.\n */\n size: BaseListSizes;\n /**\n * The ARIA role for this item.\n */\n role: AriaRole | undefined;\n /**\n * Callback ref to register the item's DOM element.\n */\n refCallback: (element: HTMLElement | null) => void;\n}\n\nexport interface BaseListContextProps {\n /**\n * The index of the currently focused/active item.\n */\n activeItemIndex: number;\n /**\n * Callback to update the focused item by id and index.\n */\n updateFocusedItem: (id: string, index: number) => void;\n /**\n * Register an item ref for keyboard navigation.\n */\n registerItem: (ref: HTMLElement | null, index: number) => void;\n /**\n * The size of items in the list.\n */\n size?: BaseListSizes;\n}\n\nexport interface BaseListProviderProps {\n value: BaseListContextProps;\n children: ReactNode;\n}\n\nexport interface BaseListItemProviderProps {\n value: BaseListItemContextProps;\n children: ReactNode;\n}\n\nconst defaultListContextValue: BaseListContextProps = {\n activeItemIndex: -1,\n updateFocusedItem: NOOP,\n registerItem: NOOP,\n size: \"medium\"\n};\n\nconst BaseListContext = createContext<BaseListContextProps>(defaultListContextValue);\nconst BaseListItemContext = createContext<BaseListItemContextProps | undefined>(undefined);\n\nexport const BaseListProvider = ({ value, children }: BaseListProviderProps) => {\n return <BaseListContext.Provider value={value}>{children}</BaseListContext.Provider>;\n};\n\nexport const BaseListItemProvider = ({ value, children }: BaseListItemProviderProps) => {\n return <BaseListItemContext.Provider value={value}>{children}</BaseListItemContext.Provider>;\n};\n\nexport const useBaseList = (): BaseListContextProps => {\n return useContext(BaseListContext);\n};\n\nexport const useBaseListItem = (): BaseListItemContextProps | undefined => {\n return useContext(BaseListItemContext);\n};\n"],"names":["BaseListContext","createContext","activeItemIndex","updateFocusedItem","NOOP","registerItem","size","BaseListItemContext","undefined","BaseListProvider","_ref","React","createElement","Provider","value","children","BaseListItemProvider","_ref2","useBaseList","useContext","useBaseListItem"],"mappings":"6FAoEA,IAOMA,EAAkBC,EAP8B,CACpDC,iBAAkB,EAClBC,kBAAmBC,EACnBC,aAAcD,EACdE,KAAM,WAIFC,EAAsBN,OAAoDO,GAEnEC,EAAmB,SAAHC,GAC3B,OAAOC,EAAAC,cAACZ,EAAgBa,SAAQ,CAACC,MADKJ,EAALI,OAAeJ,EAARK,SAE1C,EAEaC,EAAuB,SAAHC,GAC/B,OAAON,EAAAC,cAACL,EAAoBM,SAAQ,CAACC,MADKG,EAALH,OAAeG,EAARF,SAE9C,EAEaG,EAAc,WACzB,OAAOC,EAAWnB,EACpB,EAEaoB,EAAkB,WAC7B,OAAOD,EAAWZ,EACpB"}
@@ -1,2 +0,0 @@
1
- import{slicedToArray as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{useRef as r,useState as t,useCallback as n,useEffect as i}from"react";import{findSelectedItemIndex as u,getItemId as o}from"../utils/baseListUtils.js";var l=function(l){var s=l.defaultFocusIndex,a=l.onFocusChange,c=l.listId,d=l.disabled,f=r([]),v=t(!1),m=e(v,2),p=m[0],I=m[1],g=t(-1),b=e(g,2),h=b[0],x=b[1],F=t(void 0),j=e(F,2),y=j[0],_=j[1],A=n((function(e,r){d||(x(r),_(e),null==a||a(r,e))}),[a,d]),B=n((function(e,r){f.current[r]=e}),[]);return i((function(){if(!d&&!p){var e=f.current;if(0!==e.length&&!e.every((function(e){return null===e}))){var r=u(e),t=-1!==r?r:s,n=e[t];if(n){var i=o(c,t,n.id);A(i,t),I(!0)}}}}),[c,d,s,A,p]),{focusIndex:h,activeDescendantId:y,updateFocusedItem:A,registerItem:B,childrenRefs:f}};export{l as useBaseListFocus};
2
- //# sourceMappingURL=useBaseListFocus.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useBaseListFocus.js","sources":["../../../../../../src/components/BaseList/hooks/useBaseListFocus.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\nimport { findSelectedItemIndex, getItemId } from \"../utils/baseListUtils\";\n\nexport interface UseBaseListFocusProps {\n /**\n * Index of the item that should be focused initially.\n */\n defaultFocusIndex: number;\n /**\n * Callback fired when the focused item changes.\n */\n onFocusChange?: (index: number, id?: string) => void;\n /**\n * The unique identifier for the list.\n */\n listId: string | undefined;\n /**\n * If true, disables focus management.\n */\n disabled: boolean;\n}\n\nexport interface UseBaseListFocusResult {\n /**\n * The index of the currently focused item.\n */\n focusIndex: number;\n /**\n * The ID of the active descendant for aria-activedescendant.\n */\n activeDescendantId: string | undefined;\n /**\n * Callback to update the focused item.\n */\n updateFocusedItem: (itemId: string, index: number) => void;\n /**\n * Callback to register an item ref.\n */\n registerItem: (itemRef: HTMLElement | null, index: number) => void;\n /**\n * Ref array containing all item DOM elements.\n */\n childrenRefs: React.MutableRefObject<(HTMLElement | null)[]>;\n}\n\nexport const useBaseListFocus = ({\n defaultFocusIndex,\n onFocusChange,\n listId,\n disabled\n}: UseBaseListFocusProps): UseBaseListFocusResult => {\n const childrenRefs = useRef<(HTMLElement | null)[]>([]);\n const [isInitialized, setIsInitialized] = useState(false);\n const [focusIndex, setFocusIndex] = useState(-1);\n const [activeDescendantId, setActiveDescendantId] = useState<string | undefined>(undefined);\n\n const updateFocusedItem = useCallback(\n (itemId: string, index: number) => {\n if (disabled) return;\n\n setFocusIndex(index);\n setActiveDescendantId(itemId);\n onFocusChange?.(index, itemId);\n },\n [onFocusChange, disabled]\n );\n\n const registerItem = useCallback((itemRef: HTMLElement | null, index: number) => {\n childrenRefs.current[index] = itemRef;\n }, []);\n\n useEffect(() => {\n if (disabled || isInitialized) return;\n\n const refs = childrenRefs.current;\n // Wait until refs are populated\n if (refs.length === 0 || refs.every(ref => ref === null)) return;\n\n const selectedIndex = findSelectedItemIndex(refs);\n const targetIndex = selectedIndex !== -1 ? selectedIndex : defaultFocusIndex;\n const element = refs[targetIndex];\n\n if (element) {\n const itemId = getItemId(listId, targetIndex, element.id);\n updateFocusedItem(itemId, targetIndex);\n setIsInitialized(true);\n }\n }, [listId, disabled, defaultFocusIndex, updateFocusedItem, isInitialized]);\n\n return {\n focusIndex,\n activeDescendantId,\n updateFocusedItem,\n registerItem,\n childrenRefs\n };\n};\n"],"names":["useBaseListFocus","_ref","defaultFocusIndex","onFocusChange","listId","disabled","childrenRefs","useRef","_useState","useState","_useState2","_slicedToArray","isInitialized","setIsInitialized","_useState3","_useState4","focusIndex","setFocusIndex","_useState5","undefined","_useState6","activeDescendantId","setActiveDescendantId","updateFocusedItem","useCallback","itemId","index","registerItem","itemRef","current","useEffect","refs","length","every","ref","selectedIndex","findSelectedItemIndex","targetIndex","element","getItemId","id"],"mappings":"oPA6CaA,EAAmB,SAAHC,GAKuB,IAJlDC,EAAiBD,EAAjBC,kBACAC,EAAaF,EAAbE,cACAC,EAAMH,EAANG,OACAC,EAAQJ,EAARI,SAEMC,EAAeC,EAA+B,IACpDC,EAA0CC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAAlDI,EAAaF,EAAA,GAAEG,EAAgBH,EAAA,GACtCI,EAAoCL,GAAU,GAAEM,EAAAJ,EAAAG,EAAA,GAAzCE,EAAUD,EAAA,GAAEE,EAAaF,EAAA,GAChCG,EAAoDT,OAA6BU,GAAUC,EAAAT,EAAAO,EAAA,GAApFG,EAAkBD,EAAA,GAAEE,EAAqBF,EAAA,GAE1CG,EAAoBC,GACxB,SAACC,EAAgBC,GACXrB,IAEJY,EAAcS,GACdJ,EAAsBG,GACtBtB,SAAAA,EAAgBuB,EAAOD,GACzB,GACA,CAACtB,EAAeE,IAGZsB,EAAeH,GAAY,SAACI,EAA6BF,GAC7DpB,EAAauB,QAAQH,GAASE,CAC/B,GAAE,IAoBH,OAlBAE,GAAU,WACR,IAAIzB,IAAYO,EAAhB,CAEA,IAAMmB,EAAOzB,EAAauB,QAE1B,GAAoB,IAAhBE,EAAKC,SAAgBD,EAAKE,OAAM,SAAAC,GAAG,OAAY,OAARA,CAAY,IAAvD,CAEA,IAAMC,EAAgBC,EAAsBL,GACtCM,GAAiC,IAAnBF,EAAuBA,EAAgBjC,EACrDoC,EAAUP,EAAKM,GAErB,GAAIC,EAAS,CACX,IAAMb,EAASc,EAAUnC,EAAQiC,EAAaC,EAAQE,IACtDjB,EAAkBE,EAAQY,GAC1BxB,GAAiB,EACnB,CAV0D,CAJ3B,CAejC,GAAG,CAACT,EAAQC,EAAUH,EAAmBqB,EAAmBX,IAErD,CACLI,WAAAA,EACAK,mBAAAA,EACAE,kBAAAA,EACAI,aAAAA,EACArB,aAAAA,EAEJ"}
@@ -1,2 +0,0 @@
1
- import{useCallback as e}from"react";import{useKeyEvent as r}from"@vibe/shared";import{keyCodes as t}from"../../../constants/keyCodes.js";import{findLastFocusableIndex as a,findFirstFocusableIndex as n,findAdjacentFocusableIndex as i,getItemId as f,isFocusableListItem as o}from"../utils/baseListUtils.js";var s=[t.UP_ARROW,t.DOWN_ARROW,t.HOME,t.END,t.PAGE_UP,t.PAGE_DOWN],u=function(u){var v=u.focusIndex,c=u.childrenRefs,d=u.listId,l=u.updateFocusedItem,p=u.componentRef,m=u.disabled,D=e((function(e){if(!m){var r,s=c.current;switch(e.key){case t.UP_ARROW:e.preventDefault(),r=i(s,v,"prev");break;case t.DOWN_ARROW:e.preventDefault(),r=i(s,v,"next");break;case t.HOME:e.preventDefault(),-1===(r=n(s))&&(r=void 0);break;case t.END:e.preventDefault(),-1===(r=a(s))&&(r=void 0);break;case t.PAGE_UP:e.preventDefault(),r=function(e,r){for(var t=Math.max(0,r-10);r>t;t++)if(o(e[t]))return t;var a=n(e);return-1!==a?a:void 0}(s,v);break;case t.PAGE_DOWN:e.preventDefault(),r=function(e,r){for(var t=Math.min(e.length-1,r+10);t>r;t--)if(o(e[t]))return t;var n=a(e);return-1!==n?n:void 0}(s,v);break;default:return}if(void 0!==r){var u=s[r];if(u){var p=f(d,r,u.id);l(p,r),u.focus()}}}}),[v,c,d,l,m]);r({keys:s,callback:D,ref:p})};export{u as useBaseListKeyboard};
2
- //# sourceMappingURL=useBaseListKeyboard.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useBaseListKeyboard.js","sources":["../../../../../../src/components/BaseList/hooks/useBaseListKeyboard.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport useKeyEvent from \"../../../hooks/useKeyEvent\";\nimport { keyCodes } from \"../../../constants/keyCodes\";\nimport {\n findAdjacentFocusableIndex,\n findFirstFocusableIndex,\n findLastFocusableIndex,\n getItemId,\n isFocusableListItem\n} from \"../utils/baseListUtils\";\n\nexport interface UseBaseListKeyboardProps {\n /**\n * The index of the currently focused item.\n */\n focusIndex: number;\n /**\n * Ref array containing all item DOM elements.\n */\n childrenRefs: React.MutableRefObject<(HTMLElement | null)[]>;\n /**\n * The unique identifier for the list.\n */\n listId: string | undefined;\n /**\n * Callback to update the focused item.\n */\n updateFocusedItem: (itemId: string, index: number) => void;\n /**\n * Ref to the list container element.\n */\n componentRef: React.RefObject<HTMLElement>;\n /**\n * If true, disables keyboard navigation.\n */\n disabled: boolean;\n}\n\nconst NAVIGATION_KEYS: string[] = [\n keyCodes.UP_ARROW,\n keyCodes.DOWN_ARROW,\n keyCodes.HOME,\n keyCodes.END,\n keyCodes.PAGE_UP,\n keyCodes.PAGE_DOWN\n];\n\nconst PAGE_JUMP_SIZE = 10;\n\nconst findPageUpIndex = (refs: (HTMLElement | null)[], currentIndex: number): number | undefined => {\n const targetIndex = Math.max(0, currentIndex - PAGE_JUMP_SIZE);\n\n for (let i = targetIndex; i < currentIndex; i++) {\n if (isFocusableListItem(refs[i])) {\n return i;\n }\n }\n\n const firstFocusableIndex = findFirstFocusableIndex(refs);\n return firstFocusableIndex !== -1 ? firstFocusableIndex : undefined;\n};\n\nconst findPageDownIndex = (refs: (HTMLElement | null)[], currentIndex: number): number | undefined => {\n const targetIndex = Math.min(refs.length - 1, currentIndex + PAGE_JUMP_SIZE);\n\n for (let i = targetIndex; i > currentIndex; i--) {\n if (isFocusableListItem(refs[i])) {\n return i;\n }\n }\n\n const lastFocusableIndex = findLastFocusableIndex(refs);\n return lastFocusableIndex !== -1 ? lastFocusableIndex : undefined;\n};\n\nexport const useBaseListKeyboard = ({\n focusIndex,\n childrenRefs,\n listId,\n updateFocusedItem,\n componentRef,\n disabled\n}: UseBaseListKeyboardProps): void => {\n const onKeyDown = useCallback(\n (event: KeyboardEvent) => {\n if (disabled) return;\n\n const { key } = event;\n const refs = childrenRefs.current;\n let newFocusIndex: number | undefined;\n\n switch (key) {\n case keyCodes.UP_ARROW:\n event.preventDefault();\n newFocusIndex = findAdjacentFocusableIndex(refs, focusIndex, \"prev\");\n break;\n\n case keyCodes.DOWN_ARROW:\n event.preventDefault();\n newFocusIndex = findAdjacentFocusableIndex(refs, focusIndex, \"next\");\n break;\n\n case keyCodes.HOME:\n event.preventDefault();\n newFocusIndex = findFirstFocusableIndex(refs);\n if (newFocusIndex === -1) newFocusIndex = undefined;\n break;\n\n case keyCodes.END:\n event.preventDefault();\n newFocusIndex = findLastFocusableIndex(refs);\n if (newFocusIndex === -1) newFocusIndex = undefined;\n break;\n\n case keyCodes.PAGE_UP:\n event.preventDefault();\n newFocusIndex = findPageUpIndex(refs, focusIndex);\n break;\n\n case keyCodes.PAGE_DOWN:\n event.preventDefault();\n newFocusIndex = findPageDownIndex(refs, focusIndex);\n break;\n\n default:\n return;\n }\n\n if (newFocusIndex !== undefined) {\n const element = refs[newFocusIndex];\n if (element) {\n const itemId = getItemId(listId, newFocusIndex, element.id);\n updateFocusedItem(itemId, newFocusIndex);\n element.focus();\n }\n }\n },\n [focusIndex, childrenRefs, listId, updateFocusedItem, disabled]\n );\n\n useKeyEvent({\n keys: NAVIGATION_KEYS,\n callback: onKeyDown,\n ref: componentRef\n });\n};\n"],"names":["NAVIGATION_KEYS","keyCodes","UP_ARROW","DOWN_ARROW","HOME","END","PAGE_UP","PAGE_DOWN","useBaseListKeyboard","_ref","focusIndex","childrenRefs","listId","updateFocusedItem","componentRef","disabled","onKeyDown","useCallback","event","newFocusIndex","refs","current","key","preventDefault","findAdjacentFocusableIndex","findFirstFocusableIndex","undefined","findLastFocusableIndex","currentIndex","i","Math","max","isFocusableListItem","firstFocusableIndex","findPageUpIndex","min","length","lastFocusableIndex","findPageDownIndex","element","itemId","getItemId","id","focus","useKeyEvent","keys","callback","ref"],"mappings":"iTAsCA,IAAMA,EAA4B,CAChCC,EAASC,SACTD,EAASE,WACTF,EAASG,KACTH,EAASI,IACTJ,EAASK,QACTL,EAASM,WA+BEC,EAAsB,SAAHC,GAOK,IANnCC,EAAUD,EAAVC,WACAC,EAAYF,EAAZE,aACAC,EAAMH,EAANG,OACAC,EAAiBJ,EAAjBI,kBACAC,EAAYL,EAAZK,aACAC,EAAQN,EAARM,SAEMC,EAAYC,GAChB,SAACC,GACC,IAAIH,EAAJ,CAEA,IAEII,EADEC,EAAOT,EAAaU,QAG1B,OAJgBH,EAARI,KAKN,KAAKrB,EAASC,SACZgB,EAAMK,iBACNJ,EAAgBK,EAA2BJ,EAAMV,EAAY,QAC7D,MAEF,KAAKT,EAASE,WACZe,EAAMK,iBACNJ,EAAgBK,EAA2BJ,EAAMV,EAAY,QAC7D,MAEF,KAAKT,EAASG,KACZc,EAAMK,kBAEiB,KADvBJ,EAAgBM,EAAwBL,MACdD,OAAgBO,GAC1C,MAEF,KAAKzB,EAASI,IACZa,EAAMK,kBAEiB,KADvBJ,EAAgBQ,EAAuBP,MACbD,OAAgBO,GAC1C,MAEF,KAAKzB,EAASK,QACZY,EAAMK,iBACNJ,EAnEc,SAACC,EAA8BQ,GAGrD,IAFA,IAESC,EAFWC,KAAKC,IAAI,EAAGH,EAHX,IAKSA,EAAJC,EAAkBA,IAC1C,GAAIG,EAAoBZ,EAAKS,IAC3B,OAAOA,EAIX,IAAMI,EAAsBR,EAAwBL,GACpD,OAAgC,IAAzBa,EAA6BA,OAAsBP,CAC5D,CAwD0BQ,CAAgBd,EAAMV,GACtC,MAEF,KAAKT,EAASM,UACZW,EAAMK,iBACNJ,EA3DgB,SAACC,EAA8BQ,GAGvD,IAFA,IAESC,EAFWC,KAAKK,IAAIf,EAAKgB,OAAS,EAAGR,EAhBzB,IAkBKC,EAAID,EAAcC,IAC1C,GAAIG,EAAoBZ,EAAKS,IAC3B,OAAOA,EAIX,IAAMQ,EAAqBV,EAAuBP,GAClD,OAA+B,IAAxBiB,EAA4BA,OAAqBX,CAC1D,CAgD0BY,CAAkBlB,EAAMV,GACxC,MAEF,QACE,OAGJ,QAAsBgB,IAAlBP,EAA6B,CAC/B,IAAMoB,EAAUnB,EAAKD,GACrB,GAAIoB,EAAS,CACX,IAAMC,EAASC,EAAU7B,EAAQO,EAAeoB,EAAQG,IACxD7B,EAAkB2B,EAAQrB,GAC1BoB,EAAQI,OACV,CACF,CAlDc,CAmDhB,GACA,CAACjC,EAAYC,EAAcC,EAAQC,EAAmBE,IAGxD6B,EAAY,CACVC,KAAM7C,EACN8C,SAAU9B,EACV+B,IAAKjC,GAET"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"baseListUtils.js","sources":["../../../../../../src/components/BaseList/utils/baseListUtils.ts"],"sourcesContent":["export const VALID_ROLES = [\"option\", \"listitem\", \"menuitem\", \"tab\", \"treeitem\"];\n\nconst ROLE_MAPPING: Record<string, string> = {\n listbox: \"option\",\n menu: \"menuitem\",\n menubar: \"menuitem\",\n tablist: \"tab\",\n tree: \"treeitem\",\n list: \"listitem\"\n};\n\nexport const getChildRole = (listRole: string): string => ROLE_MAPPING[listRole] || \"listitem\";\n\nexport const getItemId = (listId: string, index: number, customId?: string): string => {\n return customId || `${listId}-item-${index}`;\n};\n\nexport const isListItem = (element: HTMLElement | null): boolean => {\n return element instanceof HTMLElement && VALID_ROLES.includes(element.getAttribute(\"role\") || \"\");\n};\n\nexport const isFocusableListItem = (element: HTMLElement | null): boolean => {\n if (!isListItem(element)) return false;\n return element.getAttribute(\"aria-disabled\") !== \"true\";\n};\n\nconst ELEMENT_MAPPING: Record<string, string> = {\n ul: \"li\",\n ol: \"li\",\n nav: \"a\"\n};\n\nexport const getItemComponentType = (listElement: string): string => ELEMENT_MAPPING[listElement] || \"div\";\n\nexport const findAdjacentFocusableIndex = (\n refs: (HTMLElement | null)[],\n currentIndex: number,\n direction: \"next\" | \"prev\",\n shouldWrap = true\n): number | undefined => {\n const step = direction === \"next\" ? 1 : -1;\n let index = currentIndex + step;\n\n while (index >= 0 && index < refs.length) {\n if (isFocusableListItem(refs[index])) {\n return index;\n }\n index += step;\n }\n\n if (shouldWrap) {\n const startIndex = direction === \"next\" ? 0 : refs.length - 1;\n index = startIndex;\n\n while (index !== currentIndex) {\n if (isFocusableListItem(refs[index])) {\n return index;\n }\n index += step;\n\n if (index < 0 || index >= refs.length) {\n break;\n }\n }\n }\n\n return undefined;\n};\n\nexport const findFirstFocusableIndex = (refs: (HTMLElement | null)[]): number => {\n return refs.findIndex(isFocusableListItem);\n};\n\nexport const findLastFocusableIndex = (refs: (HTMLElement | null)[]): number => {\n for (let i = refs.length - 1; i >= 0; i--) {\n if (isFocusableListItem(refs[i])) {\n return i;\n }\n }\n return -1;\n};\n\nexport const findSelectedItemIndex = (refs: (HTMLElement | null)[]): number => {\n return refs.findIndex(element => {\n if (!isListItem(element)) return false;\n return element.getAttribute(\"aria-selected\") === \"true\";\n });\n};\n"],"names":["VALID_ROLES","ROLE_MAPPING","listbox","menu","menubar","tablist","tree","list","getChildRole","listRole","getItemId","listId","index","customId","concat","isListItem","element","HTMLElement","includes","getAttribute","isFocusableListItem","ELEMENT_MAPPING","ul","ol","nav","getItemComponentType","listElement","findAdjacentFocusableIndex","refs","currentIndex","direction","shouldWrap","arguments","length","undefined","step","findFirstFocusableIndex","findIndex","findLastFocusableIndex","i","findSelectedItemIndex"],"mappings":"AAAaA,IAAAA,EAAc,CAAC,SAAU,WAAY,WAAY,MAAO,YAE/DC,EAAuC,CAC3CC,QAAS,SACTC,KAAM,WACNC,QAAS,WACTC,QAAS,MACTC,KAAM,WACNC,KAAM,YAGKC,EAAe,SAACC,GAAgB,OAAaR,EAAaQ,IAAa,UAAU,EAEjFC,EAAY,SAACC,EAAgBC,EAAeC,GACvD,OAAOA,MAAQC,OAAOH,EAAMG,UAAAA,OAASF,EACvC,EAEaG,EAAa,SAACC,GACzB,OAAOA,aAAmBC,aAAejB,EAAYkB,SAASF,EAAQG,aAAa,SAAW,GAChG,EAEaC,EAAsB,SAACJ,GAClC,QAAKD,EAAWC,IACiC,SAA1CA,EAAQG,aAAa,gBAC9B,EAEME,EAA0C,CAC9CC,GAAI,KACJC,GAAI,KACJC,IAAK,KAGMC,EAAuB,SAACC,GAAmB,OAAaL,EAAgBK,IAAgB,KAAK,EAE7FC,EAA6B,SACxCC,EACAC,EACAC,GAMA,IAJsB,IADtBC,EAAU,GAAAC,UAAAC,aAAAC,IAAAF,UAAA,IAAAA,UAAA,GAEJG,EAAqB,SAAdL,EAAuB,GAAK,EACrClB,EAAQiB,EAAeM,EAEpBvB,GAAS,GAAagB,EAAKK,OAAbrB,GAAqB,CACxC,GAAIQ,EAAoBQ,EAAKhB,IAC3B,OAAOA,EAETA,GAASuB,CACX,CAEA,GAAIJ,EAIF,IAFAnB,EADiC,SAAdkB,EAAuB,EAAIF,EAAKK,OAAS,EAGrDrB,IAAUiB,GAAc,CAC7B,GAAIT,EAAoBQ,EAAKhB,IAC3B,OAAOA,EAIT,GAAY,GAFZA,GAASuB,IAEQvB,GAASgB,EAAKK,OAC7B,KAEJ,CAIJ,EAEaG,EAA0B,SAACR,GACtC,OAAOA,EAAKS,UAAUjB,EACxB,EAEakB,EAAyB,SAACV,GACrC,IAAK,IAAIW,EAAIX,EAAKK,OAAS,EAAGM,GAAK,EAAGA,IACpC,GAAInB,EAAoBQ,EAAKW,IAC3B,OAAOA,EAGX,OAAQ,CACV,EAEaC,EAAwB,SAACZ,GACpC,OAAOA,EAAKS,WAAU,SAAArB,GACpB,QAAKD,EAAWC,IACiC,SAA1CA,EAAQG,aAAa,gBAC9B,GACF"}
@@ -1,2 +0,0 @@
1
- import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import i,{forwardRef as r,useRef as o,useState as a,useEffect as n,useMemo as s,Fragment as l}from"react";import d from"classnames";import{useMergeRef as m}from"@vibe/shared";import{Tooltip as c}from"@vibe/tooltip/mockedClassNames";import{IconButton as p}from"@vibe/icon-button/mockedClassNames";import{CloseSmall as v}from"@vibe/icons";import u from"./TipseenTitle.js";import{TIPSEEN_CLOSE_BUTTON_ARIA_LABEL as h}from"./TipseenConstants.js";import{ComponentDefaultTestId as f}from"../../tests/constants.js";import{getTestId as y}from"../../tests/testIds.js";import{Text as g}from"@vibe/typography/mockedClassNames";import C from"./Tipseen.module.scss.js";var T=i.createContext("primary"),N=r((function(r,N){var b=r.className,w=r.id,E=r.position,k=void 0===E?"bottom":E,W=r.animationType,x=void 0===W?"expand":W,j=r.hideDelay,A=void 0===j?0:j,B=r.showDelay,D=void 0===B?100:B,P=r.title,S=r.titleClassName,H=r.hideCloseButton,I=r.closeButtonTheme,O=void 0===I?"light":I,R=r.onClose,_=r.closeAriaLabel,z=r.children,L=void 0===z?null:z,M=r.content,q=r.containerSelector,F=r.hideTrigger,G=void 0===F?[]:F,J=r.showTrigger,K=void 0===J?[]:J,Q=r.width,U=r.moveBy,V=r.hideWhenReferenceHidden,X=void 0!==V&&V,Y=r.middleware,Z=r.referenceWrapperClassName,$=r.tip,ee=void 0===$||$,te=r.tooltipArrowClassName,ie=r.floating,re=void 0!==ie&&ie,oe=r.color,ae=r["data-testid"],ne=null!=oe?oe:"inverted",se=Array.isArray(K)&&Array.isArray(G)&&0===K.length&&D>0,le=o(null),de=m(N,le),me=a(!se),ce=e(me,2),pe=ce[0],ve=ce[1],ue=_||h;n((function(){var e;return D&&(e=setTimeout((function(){ve(!0)}),D)),function(){clearTimeout(e)}}),[D,ve]);var he=s((function(){return"inverted"===ne?"onInverted":"onPrimary"}),[ne]),fe=s((function(){return"light"===O?"inverted"===ne?"on-inverted-background":"on-primary-color":O}),[ne,O]),ye=N||w?"div":l,ge="div"===ye?{ref:de,id:w,"data-testid":ae||y(f.TIPSEEN,w)}:{},Ce=i.createElement("div",null,i.createElement("div",{className:d(C.tipseenHeader)},H?null:i.createElement(p,{hideTooltip:!0,className:d(C.tipseenCloseButton,t({},C.dark,"dark"===O||"fixed-dark"===O)),onClick:R,size:"xs",kind:"tertiary",color:fe,"aria-label":ue,icon:v}),i.createElement(u,{text:P,className:d(C.tipseenTitle,S)})),i.createElement(g,{color:he,type:"text2",element:"div",ellipsis:!1,className:d(C.tipseenContent)},i.createElement(T.Provider,{value:ne},M)));return i.createElement(ye,Object.assign({},ge),i.createElement(c,{className:d(C.tipseenWrapper,b,t(t({},C.tipseenWrapperWithoutCustomWidth,!Q),C.floating,re)),maxWidth:Q,arrowClassName:te,style:Q?{width:Q}:void 0,shouldShowOnMount:!se,position:k,animationType:x,hideDelay:A,showDelay:0,hideTrigger:G,showTrigger:K,showOnDialogEnter:!1,content:Ce,theme:"inverted"===ne?"dark":"primary",containerSelector:q,disableDialogSlide:!1,moveBy:U,hideWhenReferenceHidden:X,middleware:Y,referenceWrapperClassName:Z,tip:ee&&!re,open:se?pe:void 0,forceRenderWithoutChildren:re},L))}));export{T as TipseenContext,N as default};
2
- //# sourceMappingURL=Tipseen.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Tipseen.js","sources":["../../../../../src/components/Tipseen/Tipseen.tsx"],"sourcesContent":["import { forwardRef, Fragment, type ReactElement, useEffect, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { type DialogAnimationType, type DialogMiddleware, type DialogTriggerEvent } from \"@vibe/dialog\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport { Tooltip } from \"@vibe/tooltip\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport TipseenTitle from \"./TipseenTitle\";\nimport { TIPSEEN_CLOSE_BUTTON_ARIA_LABEL } from \"./TipseenConstants\";\nimport { type TipseenCloseButtonTheme, type TipseenColor } from \"./Tipseen.types\";\nimport { type ElementContent, type VibeComponentProps } from \"../../types\";\nimport { type MoveBy } from \"../../types/MoveBy\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { Text } from \"@vibe/typography\";\nimport styles from \"./Tipseen.module.scss\";\nimport React from \"react\";\nimport { type TooltipPositions } from \"@vibe/tooltip\";\n\nexport interface TipseenProps extends VibeComponentProps {\n /**\n * Class name applied to the Tipseen title.\n */\n titleClassName?: string;\n /**\n * The position of the Tipseen relative to the target element.\n */\n position?: TooltipPositions;\n /**\n * The animation type used for showing/hiding the Tipseen.\n */\n animationType?: DialogAnimationType;\n /**\n * The delay in milliseconds before hiding the Tipseen.\n */\n hideDelay?: number;\n /**\n * The delay in milliseconds before showing the Tipseen.\n */\n showDelay?: number;\n /**\n * The title text of the Tipseen.\n */\n title?: string;\n /**\n * If true, hides the close button.\n */\n hideCloseButton?: boolean;\n /**\n * The child element that triggers the Tipseen.\n */\n children?: ReactElement;\n /**\n * The CSS selector of the container where the Tipseen should be rendered.\n */\n containerSelector?: string;\n /**\n * Events that trigger hiding the Tipseen.\n */\n hideTrigger?: DialogTriggerEvent | Array<DialogTriggerEvent>;\n /**\n * Events that trigger showing the Tipseen.\n */\n showTrigger?: DialogTriggerEvent | Array<DialogTriggerEvent>;\n /**\n * The width of the Tipseen.\n */\n width?: number;\n /**\n * Offset values for positioning adjustments.\n */\n moveBy?: MoveBy;\n /**\n * If true, hides the Tipseen when the reference element is hidden.\n */\n hideWhenReferenceHidden?: boolean;\n /**\n * Custom Floating UI middleware for positioning logic.\n * @see https://floating-ui.com/docs/middleware\n */\n middleware?: DialogMiddleware[];\n /**\n * Class name applied to the reference wrapper element.\n */\n referenceWrapperClassName?: string;\n /**\n * If false, hides the arrow of the Tipseen.\n */\n tip?: boolean;\n /**\n * Class name applied to the Tipseen arrow.\n */\n tooltipArrowClassName?: string;\n /**\n * The aria-label for the close button.\n */\n closeAriaLabel?: string;\n /**\n * Callback fired when the Tipseen is closed.\n */\n onClose?: (event?: React.MouseEvent<HTMLButtonElement>) => void;\n /**\n * The content displayed inside the Tipseen.\n */\n content: ElementContent;\n /**\n * The theme of the Tipseen close button.\n */\n closeButtonTheme?: TipseenCloseButtonTheme;\n /**\n * If true, renders the Tipseen as a floating element without a reference.\n */\n floating?: boolean;\n /**\n * The color theme of the Tipseen.\n */\n color?: TipseenColor;\n}\n\nexport const TipseenContext = React.createContext<TipseenColor>(\"primary\");\n\nconst Tipseen = forwardRef(\n (\n {\n className,\n id,\n position = \"bottom\",\n animationType = \"expand\",\n hideDelay = 0,\n showDelay = 100,\n title,\n titleClassName,\n hideCloseButton,\n closeButtonTheme = \"light\",\n onClose,\n closeAriaLabel,\n children = null,\n content,\n containerSelector,\n hideTrigger = [],\n showTrigger = [],\n width,\n moveBy,\n hideWhenReferenceHidden = false,\n middleware,\n referenceWrapperClassName,\n tip = true,\n tooltipArrowClassName,\n floating = false,\n color: colorProp,\n \"data-testid\": dataTestId\n }: TipseenProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const color = colorProp ?? \"inverted\";\n\n const defaultDelayOpen =\n Array.isArray(showTrigger) && Array.isArray(hideTrigger) && showTrigger.length === 0 && showDelay > 0;\n\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n const [delayedOpen, setDelayOpen] = useState(!defaultDelayOpen);\n const overrideCloseAriaLabel = closeAriaLabel || TIPSEEN_CLOSE_BUTTON_ARIA_LABEL;\n\n useEffect(() => {\n let timeout: NodeJS.Timeout;\n if (showDelay) {\n timeout = setTimeout(() => {\n setDelayOpen(true);\n }, showDelay);\n }\n return () => {\n clearTimeout(timeout);\n };\n }, [showDelay, setDelayOpen]);\n\n const textColor = useMemo(() => {\n return color === \"inverted\" ? \"onInverted\" : \"onPrimary\";\n }, [color]);\n const closeButtonColor = useMemo(() => {\n if (closeButtonTheme === \"light\") {\n return color === \"inverted\" ? \"on-inverted-background\" : \"on-primary-color\";\n } else {\n return closeButtonTheme;\n }\n }, [color, closeButtonTheme]);\n\n const TipseenWrapper = ref || id ? \"div\" : Fragment;\n const wrapperProps =\n TipseenWrapper === \"div\"\n ? { ref: mergedRef, id, \"data-testid\": dataTestId || getTestId(ComponentDefaultTestId.TIPSEEN, id) }\n : {};\n\n const tooltipContent = (\n <div>\n <div className={cx(styles.tipseenHeader)}>\n {hideCloseButton ? null : (\n <IconButton\n hideTooltip\n className={cx(styles.tipseenCloseButton, {\n [styles.dark]: closeButtonTheme === \"dark\" || closeButtonTheme === \"fixed-dark\"\n })}\n onClick={onClose}\n size=\"xs\"\n kind=\"tertiary\"\n // @ts-ignore\n color={closeButtonColor}\n aria-label={overrideCloseAriaLabel}\n icon={CloseSmall}\n />\n )}\n <TipseenTitle text={title} className={cx(styles.tipseenTitle, titleClassName)} />\n </div>\n <Text color={textColor} type=\"text2\" element=\"div\" ellipsis={false} className={cx(styles.tipseenContent)}>\n <TipseenContext.Provider value={color}>{content}</TipseenContext.Provider>\n </Text>\n </div>\n );\n\n return (\n <TipseenWrapper {...wrapperProps}>\n <Tooltip\n className={cx(styles.tipseenWrapper, className, {\n [styles.tipseenWrapperWithoutCustomWidth]: !width,\n [styles.floating]: floating\n })}\n maxWidth={width}\n arrowClassName={tooltipArrowClassName}\n style={width ? { width } : undefined}\n shouldShowOnMount={!defaultDelayOpen}\n position={position}\n animationType={animationType}\n hideDelay={hideDelay}\n showDelay={0}\n hideTrigger={hideTrigger}\n showTrigger={showTrigger}\n showOnDialogEnter={false}\n content={tooltipContent}\n theme={color === \"inverted\" ? \"dark\" : \"primary\"}\n containerSelector={containerSelector}\n disableDialogSlide={false}\n moveBy={moveBy}\n hideWhenReferenceHidden={hideWhenReferenceHidden}\n middleware={middleware}\n referenceWrapperClassName={referenceWrapperClassName}\n tip={tip && !floating}\n open={defaultDelayOpen ? delayedOpen : undefined}\n forceRenderWithoutChildren={floating}\n >\n {children}\n </Tooltip>\n </TipseenWrapper>\n );\n }\n);\n\nexport default Tipseen;\n"],"names":["TipseenContext","React","createContext","Tipseen","forwardRef","_ref","ref","className","id","_ref$position","position","_ref$animationType","animationType","_ref$hideDelay","hideDelay","_ref$showDelay","showDelay","title","titleClassName","hideCloseButton","_ref$closeButtonTheme","closeButtonTheme","onClose","closeAriaLabel","_ref$children","children","content","containerSelector","_ref$hideTrigger","hideTrigger","_ref$showTrigger","showTrigger","width","moveBy","_ref$hideWhenReferenc","hideWhenReferenceHidden","middleware","referenceWrapperClassName","_ref$tip","tip","tooltipArrowClassName","_ref$floating","floating","colorProp","color","dataTestId","defaultDelayOpen","Array","isArray","length","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","delayedOpen","setDelayOpen","overrideCloseAriaLabel","TIPSEEN_CLOSE_BUTTON_ARIA_LABEL","useEffect","timeout","setTimeout","clearTimeout","textColor","useMemo","closeButtonColor","TipseenWrapper","Fragment","wrapperProps","getTestId","ComponentDefaultTestId","TIPSEEN","tooltipContent","createElement","cx","styles","tipseenHeader","IconButton","hideTooltip","tipseenCloseButton","_defineProperty","dark","onClick","size","kind","icon","CloseSmall","TipseenTitle","text","tipseenTitle","Text","type","element","ellipsis","tipseenContent","Provider","value","Object","assign","Tooltip","tipseenWrapper","tipseenWrapperWithoutCustomWidth","maxWidth","arrowClassName","style","undefined","shouldShowOnMount","showOnDialogEnter","theme","disableDialogSlide","open","forceRenderWithoutChildren"],"mappings":"mvBAuHO,IAAMA,EAAiBC,EAAMC,cAA4B,WAE1DC,EAAUC,GACd,SAAAC,EA8BEC,GACE,IA7BAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GAAEC,EAAAJ,EACFK,SAAAA,OAAW,IAAHD,EAAG,SAAQA,EAAAE,EAAAN,EACnBO,cAAAA,OAAgB,IAAHD,EAAG,SAAQA,EAAAE,EAAAR,EACxBS,UAAAA,OAAY,IAAHD,EAAG,EAACA,EAAAE,EAAAV,EACbW,UAAAA,OAAY,IAAHD,EAAG,IAAGA,EACfE,EAAKZ,EAALY,MACAC,EAAcb,EAAda,eACAC,EAAed,EAAfc,gBAAeC,EAAAf,EACfgB,iBAAAA,OAAmB,IAAHD,EAAG,QAAOA,EAC1BE,EAAOjB,EAAPiB,QACAC,EAAclB,EAAdkB,eAAcC,EAAAnB,EACdoB,SAAAA,OAAW,IAAHD,EAAG,KAAIA,EACfE,EAAOrB,EAAPqB,QACAC,EAAiBtB,EAAjBsB,kBAAiBC,EAAAvB,EACjBwB,YAAAA,OAAc,IAAHD,EAAG,GAAEA,EAAAE,EAAAzB,EAChB0B,YAAAA,OAAc,IAAHD,EAAG,GAAEA,EAChBE,EAAK3B,EAAL2B,MACAC,EAAM5B,EAAN4B,OAAMC,EAAA7B,EACN8B,wBAAAA,OAA0B,IAAHD,GAAQA,EAC/BE,EAAU/B,EAAV+B,WACAC,EAAyBhC,EAAzBgC,0BAAyBC,EAAAjC,EACzBkC,IAAAA,QAAM,IAAHD,GAAOA,EACVE,GAAqBnC,EAArBmC,sBAAqBC,GAAApC,EACrBqC,SAAAA,QAAW,IAAHD,IAAQA,GACTE,GAAStC,EAAhBuC,MACeC,GAAUxC,EAAzB,eAIIuC,GAAQD,SAAAA,GAAa,WAErBG,GACJC,MAAMC,QAAQjB,IAAgBgB,MAAMC,QAAQnB,IAAuC,IAAvBE,EAAYkB,QAAgBjC,EAAY,EAEhGkC,GAAeC,EAAO,MACtBC,GAAYC,EAAY/C,EAAK4C,IACnCI,GAAoCC,GAAUT,IAAiBU,GAAAC,EAAAH,GAAA,GAAxDI,GAAWF,GAAA,GAAEG,GAAYH,GAAA,GAC1BI,GAAyBrC,GAAkBsC,EAEjDC,GAAU,WACR,IAAIC,EAMJ,OALI/C,IACF+C,EAAUC,YAAW,WACnBL,IAAa,EACd,GAAE3C,IAEE,WACLiD,aAAaF,GAEjB,GAAG,CAAC/C,EAAW2C,KAEf,IAAMO,GAAYC,GAAQ,WACxB,MAAiB,aAAVvB,GAAuB,aAAe,WAC/C,GAAG,CAACA,KACEwB,GAAmBD,GAAQ,WAC/B,MAAyB,UAArB9C,EACe,aAAVuB,GAAuB,yBAA2B,mBAElDvB,CAEX,GAAG,CAACuB,GAAOvB,IAELgD,GAAiB/D,GAAOE,EAAK,MAAQ8D,EACrCC,GACe,QAAnBF,GACI,CAAE/D,IAAK8C,GAAW5C,GAAAA,EAAI,cAAeqC,IAAc2B,EAAUC,EAAuBC,QAASlE,IAC7F,GAEAmE,GACJ1E,EAAA2E,cAAA,MAAA,KACE3E,EAAA2E,cAAA,MAAA,CAAKrE,UAAWsE,EAAGC,EAAOC,gBACvB5D,EAAkB,KACjBlB,EAAC2E,cAAAI,GACCC,aAAW,EACX1E,UAAWsE,EAAGC,EAAOI,mBAAkBC,EACpCL,CAAAA,EAAAA,EAAOM,KAA4B,SAArB/D,GAAoD,eAArBA,IAEhDgE,QAAS/D,EACTgE,KAAK,KACLC,KAAK,WAEL3C,MAAOwB,GACK,aAAAR,GACZ4B,KAAMC,IAGVxF,EAAA2E,cAACc,EAAa,CAAAC,KAAM1E,EAAOV,UAAWsE,EAAGC,EAAOc,aAAc1E,MAEhEjB,EAAC2E,cAAAiB,EAAK,CAAAjD,MAAOsB,GAAW4B,KAAK,QAAQC,QAAQ,MAAMC,UAAU,EAAOzF,UAAWsE,EAAGC,EAAOmB,iBACvFhG,EAAA2E,cAAC5E,EAAekG,SAAQ,CAACC,MAAOvD,IAAQlB,KAK9C,OACEzB,EAAA2E,cAACP,GAAc+B,OAAAC,OAAA,CAAA,EAAK9B,IAClBtE,EAAC2E,cAAA0B,EACC,CAAA/F,UAAWsE,EAAGC,EAAOyB,eAAgBhG,EAAS4E,EAAAA,EAAA,CAAA,EAC3CL,EAAO0B,kCAAoCxE,GAC3C8C,EAAOpC,SAAWA,KAErB+D,SAAUzE,EACV0E,eAAgBlE,GAChBmE,MAAO3E,EAAQ,CAAEA,MAAAA,QAAU4E,EAC3BC,mBAAoB/D,GACpBpC,SAAUA,EACVE,cAAeA,EACfE,UAAWA,EACXE,UAAW,EACXa,YAAaA,EACbE,YAAaA,EACb+E,mBAAmB,EACnBpF,QAASiD,GACToC,MAAiB,aAAVnE,GAAuB,OAAS,UACvCjB,kBAAmBA,EACnBqF,oBAAoB,EACpB/E,OAAQA,EACRE,wBAAyBA,EACzBC,WAAYA,EACZC,0BAA2BA,EAC3BE,IAAKA,KAAQG,GACbuE,KAAMnE,GAAmBY,QAAckD,EACvCM,2BAA4BxE,IAE3BjB,GAIT"}
@@ -1,2 +0,0 @@
1
- var e={tipseenWrapper:"tipseenWrapper",tipseenWrapperWithoutCustomWidth:"tipseenWrapperWithoutCustomWidth",floating:"floating",tipseenHeader:"tipseenHeader",tipseenTitle:"tipseenTitle",tipseenContent:"tipseenContent",tipseenCloseButton:"tipseenCloseButton",dark:"dark"};!function(e){const n="s_id-077bfe37a52b_4_5_21";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.tipseenWrapper {\n min-width: 100px;\n min-height: 40px;\n --tooltip-padding: 0;\n --tooltip-border-radius: var(--border-radius-medium);\n --tooltip-max-width: initial;\n}\n.tipseenWrapper.tipseenWrapperWithoutCustomWidth {\n --tooltip-max-width: 320px;\n}\n.tipseenWrapper.floating {\n position: fixed;\n bottom: 0;\n inset-inline-end: 0;\n margin-bottom: var(--space-16);\n margin-inline-end: var(--space-16);\n}\n.tipseenWrapper .tipseenHeader {\n display: flex;\n justify-content: flex-start;\n}\n.tipseenWrapper .tipseenTitle {\n padding: var(--space-16) var(--space-32) 0 var(--space-16);\n}\n.tipseenWrapper .tipseenContent {\n margin: 0;\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tipseenWrapper .tipseenCloseButton {\n position: absolute;\n top: var(--space-8);\n inset-inline-end: var(--space-8);\n z-index: 2;\n}\n.tipseenWrapper .tipseenCloseButton.dark {\n color: var(--color-asphalt);\n}");export{e as default};
2
- //# sourceMappingURL=Tipseen.module.scss.js.map
@@ -1,2 +0,0 @@
1
- import t from"react";import e from"classnames";import s from"./TipseenTitle.js";import{ComponentDefaultTestId as a}from"../../tests/constants.js";import{getTestId as i}from"../../tests/testIds.js";import r from"./TipseenBasicContent.module.scss.js";var m=function(m){var o=m.title,n=m.children,l=void 0===n?null:n,c=m.titleClassName,d=m.id,p=m["data-testid"];return t.createElement("div",{className:e(r.tipseenBasicContent,m.className),id:d,"data-testid":p||i(a.TIPSEEN_CONTENT,d)},t.createElement(s,{text:o,className:c}),l)};export{m as default};
2
- //# sourceMappingURL=TipseenBasicContent.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TipseenBasicContent.js","sources":["../../../../../src/components/Tipseen/TipseenBasicContent.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport TipseenTitle from \"./TipseenTitle\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { type ElementContent } from \"../../types/ElementContent\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./TipseenBasicContent.module.scss\";\n\nexport interface TipseenBasicContentProps extends VibeComponentProps {\n /**\n * The title text displayed in the Tipseen content.\n */\n title?: string;\n /**\n * Class name applied to the title.\n */\n titleClassName?: string;\n /**\n * The content inside the Tipseen.\n */\n children?: ElementContent | ElementContent[];\n}\n\nconst TipseenBasicContent: React.FC<TipseenBasicContentProps> = ({\n title,\n children = null,\n titleClassName,\n className,\n id,\n \"data-testid\": dataTestId\n}) => {\n return (\n <div\n className={cx(styles.tipseenBasicContent, className)}\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.TIPSEEN_CONTENT, id)}\n >\n <TipseenTitle text={title} className={titleClassName} />\n {children}\n </div>\n );\n};\n\nexport default TipseenBasicContent;\n"],"names":["TipseenBasicContent","_ref","title","_ref$children","children","titleClassName","id","dataTestId","React","createElement","className","cx","styles","tipseenBasicContent","getTestId","ComponentDefaultTestId","TIPSEEN_CONTENT","TipseenTitle","text"],"mappings":"yPAwBA,IAAMA,EAA0D,SAAvCC,GAOpB,IANHC,EAAKD,EAALC,MAAKC,EAAAF,EACLG,SAAAA,OAAW,IAAHD,EAAG,KAAIA,EACfE,EAAcJ,EAAdI,eAEAC,EAAEL,EAAFK,GACeC,EAAUN,EAAzB,eAEA,OACEO,EACEC,cAAA,MAAA,CAAAC,UAAWC,EAAGC,EAAOC,oBANhBZ,EAATS,WAOIJ,GAAIA,EACS,cAAAC,GAAcO,EAAUC,EAAuBC,gBAAiBV,IAE7EE,EAACC,cAAAQ,GAAaC,KAAMhB,EAAOQ,UAAWL,IACrCD,EAGP"}
@@ -1,2 +0,0 @@
1
- var e={tipseenBasicContent:"tipseenBasicContent"};!function(e){const n="s_id-6606edb50944_4_5_21";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tipseenBasicContent {\n padding: var(--space-16) 20px var(--space-24) 20px;\n display: flex;\n flex-direction: column;\n}\n.tipseenBasicContent:not(:first-child) {\n padding-top: 12px;\n}");export{e as default};
2
- //# sourceMappingURL=TipseenBasicContent.module.scss.js.map
@@ -1,2 +0,0 @@
1
- var s="Submit",i="Dismiss",e="Close";export{i as DISMISS_BUTTON_TEXT,s as SUBMIT_BUTTON_TEXT,e as TIPSEEN_CLOSE_BUTTON_ARIA_LABEL};
2
- //# sourceMappingURL=TipseenConstants.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TipseenConstants.js","sources":["../../../../../src/components/Tipseen/TipseenConstants.ts"],"sourcesContent":["export const SUBMIT_BUTTON_TEXT = \"Submit\";\nexport const DISMISS_BUTTON_TEXT = \"Dismiss\";\nexport const TIPSEEN_CLOSE_BUTTON_TEST_ID = \"close-tipseen\";\nexport const TIPSEEN_CLOSE_BUTTON_ARIA_LABEL = \"Close\";\n"],"names":["SUBMIT_BUTTON_TEXT","DISMISS_BUTTON_TEXT","TIPSEEN_CLOSE_BUTTON_ARIA_LABEL"],"mappings":"AAAO,IAAMA,EAAqB,SACrBC,EAAsB,UAEtBC,EAAkC"}
@@ -1,2 +0,0 @@
1
- import t,{useContext as e,useMemo as s}from"react";import i from"classnames";import{SUBMIT_BUTTON_TEXT as o,DISMISS_BUTTON_TEXT as n}from"./TipseenConstants.js";import r from"./TipseenBasicContent.js";import m from"./TipseenContent.module.scss.js";import{getTestId as l}from"../../tests/testIds.js";import{ComponentDefaultTestId as a}from"../../tests/constants.js";import{TipseenContext as d}from"./Tipseen.js";import{Button as c}from"@vibe/button/mockedClassNames";var u=function(u){var p=u.id,f=u.title,T=u.titleClassName,E=u.children,N=void 0===E?null:E,v=u.hideDismiss,C=void 0===v||v,b=u.hideSubmit,I=u.submitButtonText,S=void 0===I?o:I,j=u.submitButtonIcon,k=u.onSubmit,B=u.dismissButtonText,_=void 0===B?n:B,h=u.onDismiss,x=e(d),y=s((function(){return"inverted"===x?"on-inverted-background":"on-primary-color"}),[x]),D=!C||!b;return t.createElement(r,{title:f,titleClassName:T,id:p},N?t.createElement("span",null,N):null,D&&t.createElement("div",{className:i(m.buttons)},C?null:t.createElement(c,{kind:"tertiary",color:y,className:m.dismiss,size:"small",onClick:h,"data-testid":l(a.TIPSEEN_CONTENT_DISMISS)},_),b?null:t.createElement(c,{kind:"primary",color:y,size:"small",onClick:k,"data-testid":l(a.TIPSEEN_CONTENT_SUBMIT),leftIcon:j},S)))};export{u as default};
2
- //# sourceMappingURL=TipseenContent.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TipseenContent.js","sources":["../../../../../src/components/Tipseen/TipseenContent.tsx"],"sourcesContent":["import React, { type FC, useContext, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { DISMISS_BUTTON_TEXT, SUBMIT_BUTTON_TEXT } from \"./TipseenConstants\";\nimport TipseenBasicContent from \"./TipseenBasicContent\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { type ElementContent } from \"../../types/ElementContent\";\nimport styles from \"./TipseenContent.module.scss\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { TipseenContext } from \"./Tipseen\";\nimport { Button } from \"@vibe/button\";\nimport { type SubIcon } from \"@vibe/icon\";\n\nexport interface TipseenContentProps extends VibeComponentProps {\n /**\n * The title text displayed in the Tipseen content.\n */\n title?: string;\n /**\n * Class name applied to the Tipseen title.\n */\n titleClassName?: string;\n /**\n * If true, hides the dismiss button.\n */\n hideDismiss?: boolean;\n /**\n * The content inside the Tipseen.\n */\n children?: ElementContent;\n /**\n * If true, hides the submit button.\n */\n hideSubmit?: boolean;\n /**\n * The text displayed on the submit button.\n */\n submitButtonText?: string;\n /**\n * Icon to display in the submit button\n */\n submitButtonIcon?: SubIcon;\n /**\n * Callback fired when the submit button is clicked.\n */\n onSubmit?: (event: React.MouseEvent) => void;\n /**\n * The text displayed on the dismiss button.\n */\n dismissButtonText?: string;\n /**\n * Callback fired when the dismiss button is clicked.\n */\n onDismiss?: (event: React.MouseEvent) => void;\n}\n\nconst TipseenContent: FC<TipseenContentProps> = ({\n id,\n title,\n titleClassName,\n children = null,\n hideDismiss = true,\n hideSubmit,\n submitButtonText = SUBMIT_BUTTON_TEXT,\n submitButtonIcon,\n onSubmit,\n dismissButtonText = DISMISS_BUTTON_TEXT,\n onDismiss\n}) => {\n const color = useContext(TipseenContext);\n const buttonColor = useMemo(() => {\n return color === \"inverted\" ? \"on-inverted-background\" : \"on-primary-color\";\n }, [color]);\n\n const showButtons = !hideDismiss || !hideSubmit;\n\n return (\n <TipseenBasicContent title={title} titleClassName={titleClassName} id={id}>\n {children ? <span>{children}</span> : null}\n {showButtons && (\n <div className={cx(styles.buttons)}>\n {hideDismiss ? null : (\n <Button\n kind=\"tertiary\"\n color={buttonColor}\n className={styles.dismiss}\n size=\"small\"\n onClick={onDismiss}\n data-testid={getTestId(ComponentDefaultTestId.TIPSEEN_CONTENT_DISMISS)}\n >\n {dismissButtonText}\n </Button>\n )}\n {hideSubmit ? null : (\n <Button\n kind=\"primary\"\n color={buttonColor}\n size=\"small\"\n onClick={onSubmit}\n data-testid={getTestId(ComponentDefaultTestId.TIPSEEN_CONTENT_SUBMIT)}\n leftIcon={submitButtonIcon}\n >\n {submitButtonText}\n </Button>\n )}\n </div>\n )}\n </TipseenBasicContent>\n );\n};\n\nexport default TipseenContent;\n"],"names":["TipseenContent","_ref","id","title","titleClassName","_ref$children","children","_ref$hideDismiss","hideDismiss","hideSubmit","_ref$submitButtonText","submitButtonText","SUBMIT_BUTTON_TEXT","submitButtonIcon","onSubmit","_ref$dismissButtonTex","dismissButtonText","DISMISS_BUTTON_TEXT","onDismiss","color","useContext","TipseenContext","buttonColor","useMemo","showButtons","React","createElement","TipseenBasicContent","className","cx","styles","buttons","Button","kind","dismiss","size","onClick","getTestId","ComponentDefaultTestId","TIPSEEN_CONTENT_DISMISS","TIPSEEN_CONTENT_SUBMIT","leftIcon"],"mappings":"kdAwDA,IAAMA,EAA0C,SAA5BC,GAYf,IAXHC,EAAED,EAAFC,GACAC,EAAKF,EAALE,MACAC,EAAcH,EAAdG,eAAcC,EAAAJ,EACdK,SAAAA,OAAW,IAAHD,EAAG,KAAIA,EAAAE,EAAAN,EACfO,YAAAA,OAAc,IAAHD,GAAOA,EAClBE,EAAUR,EAAVQ,WAAUC,EAAAT,EACVU,iBAAAA,OAAmBC,IAAHF,EAAGE,EAAkBF,EACrCG,EAAgBZ,EAAhBY,iBACAC,EAAQb,EAARa,SAAQC,EAAAd,EACRe,kBAAAA,OAAoBC,IAAHF,EAAGE,EAAmBF,EACvCG,EAASjB,EAATiB,UAEMC,EAAQC,EAAWC,GACnBC,EAAcC,GAAQ,WAC1B,MAAiB,aAAVJ,EAAuB,yBAA2B,kBAC3D,GAAG,CAACA,IAEEK,GAAehB,IAAgBC,EAErC,OACEgB,EAAAC,cAACC,EAAmB,CAACxB,MAAOA,EAAOC,eAAgBA,EAAgBF,GAAIA,GACpEI,EAAWmB,EAAAC,cAAA,OAAA,KAAOpB,GAAmB,KACrCkB,GACCC,EAAAC,cAAA,MAAA,CAAKE,UAAWC,EAAGC,EAAOC,UACvBvB,EAAc,KACbiB,EAAAC,cAACM,EACC,CAAAC,KAAK,WACLd,MAAOG,EACPM,UAAWE,EAAOI,QAClBC,KAAK,QACLC,QAASlB,gBACImB,EAAUC,EAAuBC,0BAE7CvB,GAGJP,EAAa,KACZgB,EAACC,cAAAM,GACCC,KAAK,UACLd,MAAOG,EACPa,KAAK,QACLC,QAAStB,EACI,cAAAuB,EAAUC,EAAuBE,wBAC9CC,SAAU5B,GAETF,IAOf"}
@@ -1,2 +0,0 @@
1
- var e={buttons:"buttons",dismiss:"dismiss"};!function(e){const n="s_id-585bd2f4c510_4_5_21";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const s=document.createElement("style");s.id=n,t.firstChild?t.insertBefore(s,t.firstChild):t.appendChild(s),s.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".buttons {\n margin-top: 20px;\n display: flex;\n justify-content: flex-end;\n}\n\n.dismiss {\n margin-inline-end: var(--space-8);\n}");export{e as default};
2
- //# sourceMappingURL=TipseenContent.module.scss.js.map
@@ -1,2 +0,0 @@
1
- import t,{forwardRef as e,useRef as s,useContext as r,useMemo as o}from"react";import i from"classnames";import{useMergeRef as m,getStyle as a}from"@vibe/shared";import{getTestId as n}from"../../../tests/testIds.js";import{ComponentDefaultTestId as d}from"../../../tests/constants.js";import f from"./TipseenMedia.module.scss.js";import{TipseenContext as p}from"../Tipseen.js";import{camelCase as c}from"es-toolkit";var l=e((function(e,l){var u=e.className,j=e.id,v=e["data-testid"],E=e.children,I=s(null),M=m(l,I),N=r(p),T=o((function(){return i(f.tipseenMedia,a(f,c("color-"+N)),u)}),[N,u]);return t.createElement("div",{ref:M,className:T,id:j,"data-testid":v||n(d.TIPSEEN_MEDIA,j)},E)}));export{l as default};
2
- //# sourceMappingURL=TipseenMedia.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TipseenMedia.js","sources":["../../../../../../src/components/Tipseen/TipseenMedia/TipseenMedia.tsx"],"sourcesContent":["import React, { forwardRef, type PropsWithChildren, type ReactNode, useContext, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { useMergeRef, getStyle } from \"@vibe/shared\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport styles from \"./TipseenMedia.module.scss\";\nimport { TipseenContext } from \"../Tipseen\";\n\nimport { camelCase } from \"es-toolkit\";\n\nexport interface TipseenMediaProps extends PropsWithChildren<VibeComponentProps> {\n /**\n * The media content displayed inside the Tipseen.\n */\n children: ReactNode;\n}\n\nconst TipseenMedia = forwardRef(\n ({ className, id, \"data-testid\": dataTestId, children }: TipseenMediaProps, ref: React.ForwardedRef<HTMLElement>) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n const color = useContext(TipseenContext);\n\n const classNames = useMemo(() => {\n return cx(styles.tipseenMedia, getStyle(styles, camelCase(\"color-\" + color)), className);\n }, [color, className]);\n\n return (\n <div\n ref={mergedRef}\n className={classNames}\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.TIPSEEN_MEDIA, id)}\n >\n {children}\n </div>\n );\n }\n);\n\nexport default TipseenMedia;\n"],"names":["TipseenMedia","forwardRef","_ref","ref","className","id","dataTestId","children","componentRef","useRef","mergedRef","useMergeRef","color","useContext","TipseenContext","classNames","useMemo","cx","styles","tipseenMedia","getStyle","camelCase","React","createElement","getTestId","ComponentDefaultTestId","TIPSEEN_MEDIA"],"mappings":"gaAkBMA,IAAAA,EAAeC,GACnB,SAAAC,EAA4EC,GAAwC,IAAjHC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAmBC,EAAUJ,EAAzB,eAA2BK,EAAQL,EAARK,SACrCC,EAAeC,EAAO,MACtBC,EAAYC,EAAYR,EAAKK,GAC7BI,EAAQC,EAAWC,GAEnBC,EAAaC,GAAQ,WACzB,OAAOC,EAAGC,EAAOC,aAAcC,EAASF,EAAQG,EAAU,SAAWT,IAASR,EAChF,GAAG,CAACQ,EAAOR,IAEX,OACEkB,EAAAC,cAAA,MAAA,CACEpB,IAAKO,EACLN,UAAWW,EACXV,GAAIA,EAAE,cACOC,GAAckB,EAAUC,EAAuBC,cAAerB,IAE1EE,EAGP"}
@@ -1,2 +0,0 @@
1
- var e={tipseenMedia:"tipseenMedia",colorInverted:"colorInverted"};!function(e){const n="s_id-71e151b2b729_4_5_21";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,d.firstChild?d.insertBefore(r,d.firstChild):d.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tipseenMedia {\n width: 100%;\n overflow: hidden;\n display: flex;\n border: 2px solid var(--primary-color);\n border-radius: var(--border-radius-medium);\n position: relative;\n z-index: 1;\n}\n\n.colorInverted {\n border-color: var(--inverted-color-background);\n}");export{e as default};
2
- //# sourceMappingURL=TipseenMedia.module.scss.js.map
@@ -1,2 +0,0 @@
1
- import t from"react";import{getTestId as e}from"../../tests/testIds.js";import{ComponentDefaultTestId as s}from"../../tests/constants.js";import{Text as a}from"@vibe/typography/mockedClassNames";import r from"classnames";import o from"./TipseenTitle.module.scss.js";var i=function(i){var m=i.text,l=i.id,d=i["data-testid"];return m?t.createElement(a,{type:"text1",weight:"bold",role:"heading",color:"inherit","aria-level":3,maxLines:2,className:r(o.title,i.className),id:l,"data-testid":d||e(s.TIPSEEN_TITLE,l)},m):null};export{i as default};
2
- //# sourceMappingURL=TipseenTitle.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TipseenTitle.js","sources":["../../../../../src/components/Tipseen/TipseenTitle.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { Text } from \"@vibe/typography\";\nimport cx from \"classnames\";\nimport styles from \"./TipseenTitle.module.scss\";\n\nexport interface TipseenTitleProps extends VibeComponentProps {\n /**\n * The title text displayed in the Tipseen.\n */\n text?: string;\n}\n\nconst TipseenTitle: FC<TipseenTitleProps> = ({ text, className, id, \"data-testid\": dataTestId }) => {\n return text ? (\n <Text\n type=\"text1\"\n weight=\"bold\"\n role=\"heading\"\n color=\"inherit\"\n aria-level={3}\n maxLines={2}\n className={cx(styles.title, className)}\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.TIPSEEN_TITLE, id)}\n >\n {text}\n </Text>\n ) : null;\n};\n\nexport default TipseenTitle;\n"],"names":["TipseenTitle","_ref","text","id","dataTestId","React","createElement","Text","type","weight","role","color","maxLines","className","cx","styles","title","getTestId","ComponentDefaultTestId","TIPSEEN_TITLE"],"mappings":"0QAeA,IAAMA,EAAsC,SAA1BC,GAAiF,IAApDC,EAAID,EAAJC,KAAiBC,EAAEF,EAAFE,GAAmBC,EAAUH,EAAzB,eAClE,OAAOC,EACLG,EAAAC,cAACC,EAAI,CACHC,KAAK,QACLC,OAAO,OACPC,KAAK,UACLC,MAAM,UAAS,aACH,EACZC,SAAU,EACVC,UAAWC,EAAGC,EAAOC,MATmCf,EAATY,WAU/CV,GAAIA,EAAE,cACOC,GAAca,EAAUC,EAAuBC,cAAehB,IAE1ED,GAED,IACN"}
@@ -1,2 +0,0 @@
1
- var e={title:"title"};!function(e){const t="s_id-c12c5d8f6c34_4_5_21";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 {\n padding-inline-end: var(--space-16);\n padding-bottom: var(--space-4);\n}");export{e as default};
2
- //# sourceMappingURL=TipseenTitle.module.scss.js.map