@vibe/core 4.5.28 → 4.5.30

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 (585) hide show
  1. package/dist/_virtual/_tslib.js +1 -1
  2. package/dist/base/dist/BaseInput/BaseInput.module.scss.js +1 -1
  3. package/dist/components/a11y/dist/HiddenText/HiddenText.module.scss.js +1 -1
  4. package/dist/components/accordion/dist/Accordion/Accordion.module.scss.js +1 -1
  5. package/dist/components/alert-banner/dist/AlertBanner/AlertBanner.module.scss.js +1 -1
  6. package/dist/components/alert-banner/dist/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js +1 -1
  7. package/dist/components/alert-banner/dist/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js +1 -1
  8. package/dist/components/alert-banner/dist/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js +1 -1
  9. package/dist/components/attention-box/dist/AttentionBox/AttentionBox.module.scss.js +1 -1
  10. package/dist/components/attention-box/dist/AttentionBox/components/AttentionBoxCloseButton/AttentionBoxCloseButton.module.scss.js +1 -1
  11. package/dist/components/attention-box/dist/AttentionBox/components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.module.scss.js +1 -1
  12. package/dist/components/attention-box/dist/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.module.scss.js +1 -1
  13. package/dist/components/attention-box/dist/AttentionBox/layouts/AttentionBoxCompact/AttentionBoxCompact.module.scss.js +1 -1
  14. package/dist/components/attention-box/dist/AttentionBox/layouts/AttentionBoxDefault/AttentionBoxDefault.module.scss.js +1 -1
  15. package/dist/components/avatar/dist/Avatar/Avatar.module.scss.js +1 -1
  16. package/dist/components/avatar/dist/Avatar/AvatarBadge.module.scss.js +1 -1
  17. package/dist/components/avatar/dist/Avatar/AvatarContent.module.scss.js +1 -1
  18. package/dist/components/avatar-group/dist/AvatarGroup/AvatarGroup.module.scss.js +1 -1
  19. package/dist/components/avatar-group/dist/AvatarGroup/AvatarGroupCounter.module.scss.js +1 -1
  20. package/dist/components/avatar-group/dist/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss.js +1 -1
  21. package/dist/components/avatar-group/dist/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js +1 -1
  22. package/dist/components/badge/dist/Badge/Badge.module.scss.js +1 -1
  23. package/dist/components/badge/dist/Badge/Indicator/Indicator.module.scss.js +1 -1
  24. package/dist/components/base-list/dist/BaseItem/BaseItem.module.scss.js +1 -1
  25. package/dist/components/base-list/dist/BaseList/BaseList.module.scss.js +1 -1
  26. package/dist/components/breadcrumbs/dist/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js +1 -1
  27. package/dist/components/breadcrumbs/dist/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js +1 -1
  28. package/dist/components/breadcrumbs/dist/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbsMenu.module.scss.js +1 -1
  29. package/dist/components/breadcrumbs/dist/BreadcrumbsBar/BreadcrumbsBar.module.scss.js +1 -1
  30. package/dist/components/button/dist/Button/Button.module.scss.js +1 -1
  31. package/dist/components/button-group/dist/ButtonGroup/ButtonGroup.module.scss.js +1 -1
  32. package/dist/components/checkbox/dist/Checkbox/Checkbox.module.scss.js +1 -1
  33. package/dist/components/chips/dist/Chips/Chips.module.scss.js +1 -1
  34. package/dist/components/clickable/dist/Clickable/Clickable.module.scss.js +1 -1
  35. package/dist/components/color-picker/dist/ColorPicker/ColorPicker.module.scss.js +1 -1
  36. package/dist/components/color-picker/dist/ColorPicker/components/ColorPickerContent/ColorPickerClearButton.module.scss.js +1 -1
  37. package/dist/components/color-picker/dist/ColorPicker/components/ColorPickerContent/ColorPickerColorsGrid.module.scss.js +1 -1
  38. package/dist/components/color-picker/dist/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.module.scss.js +1 -1
  39. package/dist/components/combobox/dist/Combobox/Combobox.module.scss.js +1 -1
  40. package/dist/components/combobox/dist/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js +1 -1
  41. package/dist/components/combobox/dist/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js +1 -1
  42. package/dist/components/combobox/dist/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js +1 -1
  43. package/dist/components/combobox/dist/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js +1 -1
  44. package/dist/components/combobox/dist/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js +1 -1
  45. package/dist/components/counter/dist/Counter/Counter.module.scss.js +1 -1
  46. package/dist/components/date-picker/dist/DatePicker/DatePicker.module.scss.js +1 -1
  47. package/dist/components/date-picker/dist/DatePicker/DatePickerHeader.module.scss.js +1 -1
  48. package/dist/components/dialog/dist/Dialog/Dialog.module.scss.js +1 -1
  49. package/dist/components/dialog/dist/Dialog/components/DialogContent/DialogContent.module.scss.js +1 -1
  50. package/dist/components/dialog/dist/DialogContentContainer/DialogContentContainer.module.scss.js +1 -1
  51. package/dist/components/divider/dist/Divider/Divider.module.scss.js +1 -1
  52. package/dist/components/dropdown/dist/Dropdown/components/DropdownBase/DropdownBase.module.scss.js +1 -1
  53. package/dist/components/dropdown/dist/Dropdown/components/DropdownBaseList/DropdownBaseList.module.scss.js +1 -1
  54. package/dist/components/dropdown/dist/Dropdown/components/DropdownBoxMode/DropdownBoxMode.module.scss.js +1 -1
  55. package/dist/components/dropdown/dist/Dropdown/components/Menu/Menu.module.scss.js +1 -1
  56. package/dist/components/dropdown/dist/Dropdown/components/MultiSelectedValues/MultiSelectedValues.module.scss.js +1 -1
  57. package/dist/components/dropdown/dist/Dropdown/components/Trigger/Trigger.module.scss.js +1 -1
  58. package/dist/components/editable/dist/EditableHeading/EditableHeading.module.scss.js +1 -1
  59. package/dist/components/editable/dist/EditableText/EditableText.module.scss.js +1 -1
  60. package/dist/components/editable/dist/EditableTypography/EditableTypography.module.scss.js +1 -1
  61. package/dist/components/empty-state/dist/EmptyState/EmptyState.module.scss.js +1 -1
  62. package/dist/components/expand-collapse/dist/ExpandCollapse/ExpandCollapse.module.scss.js +1 -1
  63. package/dist/components/formatted-number/dist/FormattedNumber/FormattedNumber.module.scss.js +1 -1
  64. package/dist/components/icon/dist/Icon/Icon.module.scss.js +1 -1
  65. package/dist/components/icon-button/dist/IconButton/IconButton.module.scss.js +1 -1
  66. package/dist/components/index.d.ts +2 -6
  67. package/dist/components/info/dist/Info/components/InfoDialogContent/InfoDialogContent.module.scss.js +1 -1
  68. package/dist/components/info/dist/Info/components/InfoLink/InfoLink.module.scss.js +1 -1
  69. package/dist/components/label/dist/Label/Label.module.scss.js +1 -1
  70. package/dist/components/label/dist/Label/LabelCelebrationAnimation.module.scss.js +1 -1
  71. package/dist/components/layout/dist/Box/Box.module.scss.js +1 -1
  72. package/dist/components/layout/dist/Flex/Flex.module.scss.js +1 -1
  73. package/dist/components/link/dist/Link/Link.module.scss.js +1 -1
  74. package/dist/components/list/dist/List/List.js +2 -0
  75. package/dist/components/list/dist/List/List.js.map +1 -0
  76. package/dist/components/list/dist/List/List.module.scss.js +2 -0
  77. package/dist/components/list/dist/List/VirtualizedListItems/VirtualizedListItems.js +2 -0
  78. package/dist/components/list/dist/List/VirtualizedListItems/VirtualizedListItems.js.map +1 -0
  79. package/dist/components/list/dist/List/VirtualizedListItems/VirtualizedListItems.module.scss.js +2 -0
  80. package/dist/components/list/dist/List/utils/ListContext.js +2 -0
  81. package/dist/components/list/dist/List/utils/ListContext.js.map +1 -0
  82. package/dist/components/list/dist/List/utils/ListUtils.js +2 -0
  83. package/dist/components/list/dist/List/utils/ListUtils.js.map +1 -0
  84. package/dist/components/list/dist/ListItem/ListItem.js +2 -0
  85. package/dist/components/list/dist/ListItem/ListItem.js.map +1 -0
  86. package/dist/components/list/dist/ListItem/ListItem.module.scss.js +2 -0
  87. package/dist/components/list/dist/ListItemAvatar/ListItemAvatar.js +2 -0
  88. package/dist/components/list/dist/ListItemAvatar/ListItemAvatar.js.map +1 -0
  89. package/dist/components/list/dist/ListItemAvatar/ListItemAvatar.module.scss.js +2 -0
  90. package/dist/components/list/dist/ListItemIcon/ListItemIcon.js +2 -0
  91. package/dist/components/list/dist/ListItemIcon/ListItemIcon.js.map +1 -0
  92. package/dist/components/list/dist/ListItemIcon/ListItemIcon.module.scss.js +2 -0
  93. package/dist/components/list/dist/ListTitle/ListTitle.js +2 -0
  94. package/dist/components/list/dist/ListTitle/ListTitle.js.map +1 -0
  95. package/dist/components/list/dist/ListTitle/ListTitle.module.scss.js +2 -0
  96. package/dist/components/list/dist/next/List/List.js +2 -0
  97. package/dist/components/list/dist/next/List/List.js.map +1 -0
  98. package/dist/components/list/dist/next/List/List.module.scss.js +2 -0
  99. package/dist/components/list/dist/next/List/ListItem/ListItem.js +2 -0
  100. package/dist/components/list/dist/next/List/ListItem/ListItem.js.map +1 -0
  101. package/dist/components/list/dist/next/List/ListTitle/ListTitle.js +2 -0
  102. package/dist/components/list/dist/next/List/ListTitle/ListTitle.js.map +1 -0
  103. package/dist/components/list/dist/next/List/ListTitle/ListTitle.module.scss.js +2 -0
  104. package/dist/components/loader/dist/Loader/Loader.module.scss.js +1 -1
  105. package/dist/components/menu/dist/Menu/Menu/Menu.module.scss.js +1 -1
  106. package/dist/components/menu/dist/Menu/MenuDivider/MenuDivider.module.scss.js +1 -1
  107. package/dist/components/menu/dist/Menu/MenuItem/MenuItem.module.scss.js +1 -1
  108. package/dist/components/menu/dist/Menu/MenuItem/components/BaseMenuItem/BaseMenuItem.module.scss.js +1 -1
  109. package/dist/components/menu/dist/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.module.scss.js +1 -1
  110. package/dist/components/menu/dist/Menu/MenuItem/components/MenuItemSubMenu/MenuItemSubMenu.js +1 -1
  111. package/dist/components/menu/dist/Menu/MenuItem/components/MenuItemSubMenu/MenuItemSubMenu.js.map +1 -1
  112. package/dist/components/menu/dist/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.module.scss.js +1 -1
  113. package/dist/components/menu/dist/Menu/MenuItemButton/MenuItemButton.module.scss.js +1 -1
  114. package/dist/components/menu/dist/Menu/MenuTitle/MenuTitle.module.scss.js +1 -1
  115. package/dist/components/menu-button/dist/MenuButton/MenuButton.module.scss.js +1 -1
  116. package/dist/components/modal/dist/Modal/Modal/Modal.js +2 -0
  117. package/dist/components/modal/dist/Modal/Modal/Modal.js.map +1 -0
  118. package/dist/components/modal/dist/Modal/Modal/Modal.module.scss.js +2 -0
  119. package/dist/components/modal/dist/Modal/ModalContent/ModalContent.js +2 -0
  120. package/dist/components/modal/dist/Modal/ModalContent/ModalContent.js.map +1 -0
  121. package/dist/components/modal/dist/Modal/ModalHeader/ModalHeader.js +2 -0
  122. package/dist/components/modal/dist/Modal/ModalHeader/ModalHeader.js.map +1 -0
  123. package/dist/components/modal/dist/Modal/ModalHeader/ModalHeader.module.scss.js +2 -0
  124. package/dist/components/modal/dist/Modal/ModalMedia/ModalMedia.js +2 -0
  125. package/dist/components/modal/dist/Modal/ModalMedia/ModalMedia.js.map +1 -0
  126. package/dist/components/modal/dist/Modal/ModalMedia/ModalMedia.module.scss.js +2 -0
  127. package/dist/components/modal/dist/Modal/ModalTopActions/ModalTopActions.js +2 -0
  128. package/dist/components/modal/dist/Modal/ModalTopActions/ModalTopActions.js.map +1 -0
  129. package/dist/components/modal/dist/Modal/ModalTopActions/ModalTopActions.module.scss.js +2 -0
  130. package/dist/components/modal/dist/Modal/context/ModalContext.js +2 -0
  131. package/dist/components/modal/dist/Modal/context/ModalContext.js.map +1 -0
  132. package/dist/components/modal/dist/Modal/footers/ModalFooter/ModalFooter.js +2 -0
  133. package/dist/components/modal/dist/Modal/footers/ModalFooter/ModalFooter.js.map +1 -0
  134. package/dist/components/modal/dist/Modal/footers/ModalFooter/ModalFooter.module.scss.js +2 -0
  135. package/dist/components/modal/dist/Modal/footers/ModalFooterBase/ModalFooterBase.js +2 -0
  136. package/dist/components/modal/dist/Modal/footers/ModalFooterBase/ModalFooterBase.js.map +1 -0
  137. package/dist/components/modal/dist/Modal/footers/ModalFooterBase/ModalFooterBase.module.scss.js +2 -0
  138. package/dist/components/modal/dist/Modal/footers/ModalFooterWizard/ModalFooterWizard.js +2 -0
  139. package/dist/components/modal/dist/Modal/footers/ModalFooterWizard/ModalFooterWizard.js.map +1 -0
  140. package/dist/components/modal/dist/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss.js +2 -0
  141. package/dist/components/modal/dist/Modal/footers/utils/getPropsForButton.js +2 -0
  142. package/dist/components/modal/dist/Modal/footers/utils/getPropsForButton.js.map +1 -0
  143. package/dist/components/modal/dist/Modal/hooks/useFocusEscapeTargets/useFocusEscapeTargets.js +2 -0
  144. package/dist/components/modal/dist/Modal/hooks/useFocusEscapeTargets/useFocusEscapeTargets.js.map +1 -0
  145. package/dist/components/modal/dist/Modal/hooks/usePortalTarget/usePortalTarget.js +2 -0
  146. package/dist/components/modal/dist/Modal/hooks/usePortalTarget/usePortalTarget.js.map +1 -0
  147. package/dist/components/modal/dist/Modal/layouts/ModalBasicLayout/ModalBasicLayout.js +2 -0
  148. package/dist/components/modal/dist/Modal/layouts/ModalBasicLayout/ModalBasicLayout.js.map +1 -0
  149. package/dist/components/modal/dist/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js +2 -0
  150. package/dist/components/modal/dist/Modal/layouts/ModalFooterShadow.js +2 -0
  151. package/dist/components/modal/dist/Modal/layouts/ModalFooterShadow.js.map +1 -0
  152. package/dist/components/modal/dist/Modal/layouts/ModalFooterShadow.module.scss.js +2 -0
  153. package/dist/components/modal/dist/Modal/layouts/ModalLayoutScrollableContent.js.map +1 -0
  154. package/dist/components/modal/dist/Modal/layouts/ModalLayoutScrollableContent.module.scss.js +2 -0
  155. package/dist/components/modal/dist/Modal/layouts/ModalMediaLayout/ModalMediaLayout.js +2 -0
  156. package/dist/components/modal/dist/Modal/layouts/ModalMediaLayout/ModalMediaLayout.js.map +1 -0
  157. package/dist/components/modal/dist/Modal/layouts/ModalMediaLayout/ModalMediaLayout.module.scss.js +2 -0
  158. package/dist/components/modal/dist/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.js +2 -0
  159. package/dist/components/modal/dist/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.js.map +1 -0
  160. package/dist/components/modal/dist/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss.js +2 -0
  161. package/dist/components/modal/dist/Modal/layouts/useLayoutScrolledContent.js +2 -0
  162. package/dist/components/modal/dist/Modal/layouts/useLayoutScrolledContent.js.map +1 -0
  163. package/dist/components/modal/dist/_virtual/_tslib.js +2 -0
  164. package/dist/components/modal/dist/_virtual/_tslib.js.map +1 -0
  165. package/dist/components/next.d.ts +1 -1
  166. package/dist/components/progress-bars/dist/ProgressBars/PercentageLabel/PercentageLabel.module.scss.js +1 -1
  167. package/dist/components/progress-bars/dist/ProgressBars/ProgressBar/Bar/Bar.module.scss.js +1 -1
  168. package/dist/components/progress-bars/dist/ProgressBars/ProgressBar/ProgressBar.module.scss.js +1 -1
  169. package/dist/components/radio-button/dist/RadioButton/RadioButton.module.scss.js +1 -1
  170. package/dist/components/search/dist/Search/Search.module.scss.js +1 -1
  171. package/dist/components/skeleton/dist/Skeleton/Skeleton.module.scss.js +1 -1
  172. package/dist/components/slider/dist/Slider/SelectionIndicator.module.scss.js +1 -1
  173. package/dist/components/slider/dist/Slider/Slider.module.scss.js +1 -1
  174. package/dist/components/slider/dist/Slider/SliderBase/SliderBase.module.scss.js +1 -1
  175. package/dist/components/slider/dist/Slider/SliderBase/SliderFilledTrack.module.scss.js +1 -1
  176. package/dist/components/slider/dist/Slider/SliderBase/SliderRail.module.scss.js +1 -1
  177. package/dist/components/slider/dist/Slider/SliderBase/SliderThumb.module.scss.js +1 -1
  178. package/dist/components/slider/dist/Slider/SliderBase/SliderTrack.module.scss.js +1 -1
  179. package/dist/components/slider/dist/Slider/SliderInfix.module.scss.js +1 -1
  180. package/dist/components/split-button/dist/SplitButton/SplitButton.module.scss.js +1 -1
  181. package/dist/components/table/dist/Table/Table/Table.module.scss.js +1 -1
  182. package/dist/components/table/dist/Table/TableBody/TableBody.module.scss.js +1 -1
  183. package/dist/components/table/dist/Table/TableCell/TableCell.module.scss.js +1 -1
  184. package/dist/components/table/dist/Table/TableCellSkeleton/TableCellSkeleton.module.scss.js +1 -1
  185. package/dist/components/table/dist/Table/TableContainer/TableContainer.module.scss.js +1 -1
  186. package/dist/components/table/dist/Table/TableHeader/TableHeader.module.scss.js +1 -1
  187. package/dist/components/table/dist/Table/TableHeaderCell/TableHeaderCell.module.scss.js +1 -1
  188. package/dist/components/table/dist/Table/TableRow/TableRow.module.scss.js +1 -1
  189. package/dist/components/table/dist/Table/TableRowMenu/TableRowMenu.module.scss.js +1 -1
  190. package/dist/components/table/dist/Table/TableVirtualizedBody/TableVirtualizedBody.module.scss.js +1 -1
  191. package/dist/components/tabs/dist/Tab/Tab.module.scss.js +1 -1
  192. package/dist/components/tabs/dist/TabList/TabList.module.scss.js +1 -1
  193. package/dist/components/tabs/dist/TabPanel/TabPanel.module.scss.js +1 -1
  194. package/dist/components/tabs/dist/TabPanels/TabPanels.module.scss.js +1 -1
  195. package/dist/components/text-inputs/dist/FieldLabel/FieldLabel.module.scss.js +1 -1
  196. package/dist/components/text-inputs/dist/InfoText/InfoText.module.scss.js +1 -1
  197. package/dist/components/text-inputs/dist/NumberField/NumberField.module.scss.js +1 -1
  198. package/dist/components/text-inputs/dist/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.module.scss.js +1 -1
  199. package/dist/components/text-inputs/dist/TextArea/TextArea.module.scss.js +1 -1
  200. package/dist/components/text-inputs/dist/TextField/TextField.module.scss.js +1 -1
  201. package/dist/components/text-with-highlight/dist/TextWithHighlight/TextWithHighlight.module.scss.js +1 -1
  202. package/dist/components/tipseen/dist/Tipseen/Tipseen.module.scss.js +1 -1
  203. package/dist/components/tipseen/dist/Tipseen/TipseenBasicContent.module.scss.js +1 -1
  204. package/dist/components/tipseen/dist/Tipseen/TipseenContent.module.scss.js +1 -1
  205. package/dist/components/tipseen/dist/Tipseen/TipseenMedia/TipseenMedia.module.scss.js +1 -1
  206. package/dist/components/tipseen/dist/Tipseen/TipseenTitle.module.scss.js +1 -1
  207. package/dist/components/tipseen/dist/Tipseen/TipseenWizard.module.scss.js +1 -1
  208. package/dist/components/toast/dist/Toast/Toast.module.scss.js +1 -1
  209. package/dist/components/toast/dist/Toast/ToastLink/ToastLink.module.scss.js +1 -1
  210. package/dist/components/toggle/dist/Switch/Switch.module.scss.js +1 -1
  211. package/dist/components/toggle/dist/Toggle/MockToggle.module.scss.js +1 -1
  212. package/dist/components/toggle/dist/Toggle/Toggle.module.scss.js +1 -1
  213. package/dist/components/toggle/dist/Toggle/ToggleText.module.scss.js +1 -1
  214. package/dist/components/tooltip/dist/Tooltip/Tooltip.module.scss.js +1 -1
  215. package/dist/components/transitions/dist/SlideTransition/SlideTransition.module.scss.js +1 -1
  216. package/dist/components/transitions/dist/TransitionView/TransitionView.module.scss.js +1 -1
  217. package/dist/components/typography/dist/Heading/Heading.module.scss.js +1 -1
  218. package/dist/components/typography/dist/Text/Text.module.scss.js +1 -1
  219. package/dist/components/typography/dist/Typography/Typography.module.scss.js +1 -1
  220. package/dist/components/virtualized-grid/dist/VirtualizedGrid/VirtualizedGrid.module.scss.js +1 -1
  221. package/dist/components/virtualized-list/dist/VirtualizedList/VirtualizedList.module.scss.js +1 -1
  222. package/dist/components/wizard/dist/MultiStepIndicator/MultiStepIndicator.module.scss.js +1 -1
  223. package/dist/components/wizard/dist/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js +1 -1
  224. package/dist/components/wizard/dist/Steps/Steps.module.scss.js +1 -1
  225. package/dist/components/wizard/dist/Steps/StepsCommand.module.scss.js +1 -1
  226. package/dist/components/wizard/dist/Steps/StepsDot.module.scss.js +1 -1
  227. package/dist/components/wizard/dist/Steps/StepsGalleryHeader.module.scss.js +1 -1
  228. package/dist/components/wizard/dist/Steps/StepsHeader.module.scss.js +1 -1
  229. package/dist/components/wizard/dist/Steps/StepsNumbersHeader.module.scss.js +1 -1
  230. package/dist/metadata/components.json +19 -447
  231. package/dist/metadata.json +19 -447
  232. package/dist/mocked_classnames/_virtual/_rollupPluginBabelHelpers.js +1 -1
  233. package/dist/mocked_classnames/_virtual/_tslib.js +1 -1
  234. package/dist/mocked_classnames/components/index.d.ts +2 -6
  235. package/dist/mocked_classnames/components/next.d.ts +1 -1
  236. package/dist/mocked_classnames/src/components/next.js +1 -1
  237. package/dist/mocked_classnames/src/index.js +1 -1
  238. package/dist/shared/dist/constants/keyCodes.js +1 -1
  239. package/dist/shared/dist/constants/keyCodes.js.map +1 -1
  240. package/dist/shared/dist/tests/constants.js +1 -1
  241. package/dist/shared/dist/tests/constants.js.map +1 -1
  242. package/dist/src/components/next.js +1 -1
  243. package/dist/src/index.js +1 -1
  244. package/dist/style/dist/index.min.css.js +1 -1
  245. package/package.json +62 -60
  246. package/dist/components/List/List.d.ts +0 -41
  247. package/dist/components/List/List.types.d.ts +0 -1
  248. package/dist/components/List/VirtualizedListItems/VirtualizedListItems.d.ts +0 -11
  249. package/dist/components/List/index.d.ts +0 -2
  250. package/dist/components/List/utils/ListContext.d.ts +0 -10
  251. package/dist/components/List/utils/ListUtils.d.ts +0 -11
  252. package/dist/components/ListItem/ListItem.d.ts +0 -52
  253. package/dist/components/ListItem/ListItem.types.d.ts +0 -3
  254. package/dist/components/ListItem/index.d.ts +0 -2
  255. package/dist/components/ListItemAvatar/ListItemAvatar.d.ts +0 -19
  256. package/dist/components/ListItemAvatar/index.d.ts +0 -1
  257. package/dist/components/ListItemIcon/ListItemIcon.d.ts +0 -22
  258. package/dist/components/ListItemIcon/ListItemIcon.types.d.ts +0 -1
  259. package/dist/components/ListItemIcon/index.d.ts +0 -2
  260. package/dist/components/ListTitle/ListTitle.d.ts +0 -14
  261. package/dist/components/ListTitle/index.d.ts +0 -1
  262. package/dist/components/Modal/Modal/Modal.d.ts +0 -4
  263. package/dist/components/Modal/Modal/Modal.types.d.ts +0 -120
  264. package/dist/components/Modal/Modal/index.d.ts +0 -2
  265. package/dist/components/Modal/ModalContent/ModalContent.d.ts +0 -4
  266. package/dist/components/Modal/ModalContent/ModalContent.types.d.ts +0 -8
  267. package/dist/components/Modal/ModalContent/index.d.ts +0 -2
  268. package/dist/components/Modal/ModalHeader/ModalHeader.d.ts +0 -4
  269. package/dist/components/Modal/ModalHeader/ModalHeader.types.d.ts +0 -42
  270. package/dist/components/Modal/ModalHeader/index.d.ts +0 -2
  271. package/dist/components/Modal/ModalMedia/ModalMedia.d.ts +0 -4
  272. package/dist/components/Modal/ModalMedia/ModalMedia.types.d.ts +0 -8
  273. package/dist/components/Modal/ModalMedia/index.d.ts +0 -2
  274. package/dist/components/Modal/ModalTopActions/ModalTopActions.d.ts +0 -4
  275. package/dist/components/Modal/ModalTopActions/ModalTopActions.types.d.ts +0 -25
  276. package/dist/components/Modal/context/ModalContext.d.ts +0 -4
  277. package/dist/components/Modal/context/ModalContext.types.d.ts +0 -32
  278. package/dist/components/Modal/footers/ModalFooter/ModalFooter.d.ts +0 -4
  279. package/dist/components/Modal/footers/ModalFooter/ModalFooter.types.d.ts +0 -8
  280. package/dist/components/Modal/footers/ModalFooterBase/ModalFooterBase.d.ts +0 -4
  281. package/dist/components/Modal/footers/ModalFooterBase/ModalFooterBase.types.d.ts +0 -28
  282. package/dist/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.d.ts +0 -4
  283. package/dist/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.types.d.ts +0 -18
  284. package/dist/components/Modal/footers/index.d.ts +0 -4
  285. package/dist/components/Modal/footers/utils/getPropsForButton.d.ts +0 -118
  286. package/dist/components/Modal/hooks/useFocusEscapeTargets/index.d.ts +0 -2
  287. package/dist/components/Modal/hooks/useFocusEscapeTargets/useFocusEscapeTargets.d.ts +0 -10
  288. package/dist/components/Modal/hooks/useFocusEscapeTargets/useFocusEscapeTargets.types.d.ts +0 -2
  289. package/dist/components/Modal/hooks/usePortalTarget/usePortalTarget.d.ts +0 -3
  290. package/dist/components/Modal/hooks/usePortalTarget/usePortalTarget.types.d.ts +0 -2
  291. package/dist/components/Modal/index.d.ts +0 -6
  292. package/dist/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.d.ts +0 -4
  293. package/dist/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.types.d.ts +0 -10
  294. package/dist/components/Modal/layouts/ModalFooterShadow.d.ts +0 -4
  295. package/dist/components/Modal/layouts/ModalFooterShadow.types.d.ts +0 -6
  296. package/dist/components/Modal/layouts/ModalLayoutScrollableContent.d.ts +0 -4
  297. package/dist/components/Modal/layouts/ModalLayoutScrollableContent.types.d.ts +0 -15
  298. package/dist/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.d.ts +0 -4
  299. package/dist/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.types.d.ts +0 -11
  300. package/dist/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.d.ts +0 -4
  301. package/dist/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.types.d.ts +0 -11
  302. package/dist/components/Modal/layouts/index.d.ts +0 -6
  303. package/dist/components/Modal/layouts/useLayoutScrolledContent.d.ts +0 -9
  304. package/dist/components/next/List/List.d.ts +0 -4
  305. package/dist/components/next/List/List.types.d.ts +0 -47
  306. package/dist/components/next/List/ListItem/ListItem.d.ts +0 -4
  307. package/dist/components/next/List/ListItem/ListItem.types.d.ts +0 -44
  308. package/dist/components/next/List/ListItem/index.d.ts +0 -2
  309. package/dist/components/next/List/ListTitle/ListTitle.d.ts +0 -4
  310. package/dist/components/next/List/ListTitle/ListTitle.types.d.ts +0 -16
  311. package/dist/components/next/List/ListTitle/index.d.ts +0 -2
  312. package/dist/components/next/List/index.d.ts +0 -6
  313. package/dist/components/next/index.d.ts +0 -1
  314. package/dist/mocked_classnames/components/List/List.d.ts +0 -41
  315. package/dist/mocked_classnames/components/List/List.types.d.ts +0 -1
  316. package/dist/mocked_classnames/components/List/VirtualizedListItems/VirtualizedListItems.d.ts +0 -11
  317. package/dist/mocked_classnames/components/List/index.d.ts +0 -2
  318. package/dist/mocked_classnames/components/List/utils/ListContext.d.ts +0 -10
  319. package/dist/mocked_classnames/components/List/utils/ListUtils.d.ts +0 -11
  320. package/dist/mocked_classnames/components/ListItem/ListItem.d.ts +0 -52
  321. package/dist/mocked_classnames/components/ListItem/ListItem.types.d.ts +0 -3
  322. package/dist/mocked_classnames/components/ListItem/index.d.ts +0 -2
  323. package/dist/mocked_classnames/components/ListItemAvatar/ListItemAvatar.d.ts +0 -19
  324. package/dist/mocked_classnames/components/ListItemAvatar/index.d.ts +0 -1
  325. package/dist/mocked_classnames/components/ListItemIcon/ListItemIcon.d.ts +0 -22
  326. package/dist/mocked_classnames/components/ListItemIcon/ListItemIcon.types.d.ts +0 -1
  327. package/dist/mocked_classnames/components/ListItemIcon/index.d.ts +0 -2
  328. package/dist/mocked_classnames/components/ListTitle/ListTitle.d.ts +0 -14
  329. package/dist/mocked_classnames/components/ListTitle/index.d.ts +0 -1
  330. package/dist/mocked_classnames/components/Modal/Modal/Modal.d.ts +0 -4
  331. package/dist/mocked_classnames/components/Modal/Modal/Modal.types.d.ts +0 -120
  332. package/dist/mocked_classnames/components/Modal/Modal/index.d.ts +0 -2
  333. package/dist/mocked_classnames/components/Modal/ModalContent/ModalContent.d.ts +0 -4
  334. package/dist/mocked_classnames/components/Modal/ModalContent/ModalContent.types.d.ts +0 -8
  335. package/dist/mocked_classnames/components/Modal/ModalContent/index.d.ts +0 -2
  336. package/dist/mocked_classnames/components/Modal/ModalHeader/ModalHeader.d.ts +0 -4
  337. package/dist/mocked_classnames/components/Modal/ModalHeader/ModalHeader.types.d.ts +0 -42
  338. package/dist/mocked_classnames/components/Modal/ModalHeader/index.d.ts +0 -2
  339. package/dist/mocked_classnames/components/Modal/ModalMedia/ModalMedia.d.ts +0 -4
  340. package/dist/mocked_classnames/components/Modal/ModalMedia/ModalMedia.types.d.ts +0 -8
  341. package/dist/mocked_classnames/components/Modal/ModalMedia/index.d.ts +0 -2
  342. package/dist/mocked_classnames/components/Modal/ModalTopActions/ModalTopActions.d.ts +0 -4
  343. package/dist/mocked_classnames/components/Modal/ModalTopActions/ModalTopActions.types.d.ts +0 -25
  344. package/dist/mocked_classnames/components/Modal/context/ModalContext.d.ts +0 -4
  345. package/dist/mocked_classnames/components/Modal/context/ModalContext.types.d.ts +0 -32
  346. package/dist/mocked_classnames/components/Modal/footers/ModalFooter/ModalFooter.d.ts +0 -4
  347. package/dist/mocked_classnames/components/Modal/footers/ModalFooter/ModalFooter.types.d.ts +0 -8
  348. package/dist/mocked_classnames/components/Modal/footers/ModalFooterBase/ModalFooterBase.d.ts +0 -4
  349. package/dist/mocked_classnames/components/Modal/footers/ModalFooterBase/ModalFooterBase.types.d.ts +0 -28
  350. package/dist/mocked_classnames/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.d.ts +0 -4
  351. package/dist/mocked_classnames/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.types.d.ts +0 -18
  352. package/dist/mocked_classnames/components/Modal/footers/index.d.ts +0 -4
  353. package/dist/mocked_classnames/components/Modal/footers/utils/getPropsForButton.d.ts +0 -118
  354. package/dist/mocked_classnames/components/Modal/hooks/useFocusEscapeTargets/index.d.ts +0 -2
  355. package/dist/mocked_classnames/components/Modal/hooks/useFocusEscapeTargets/useFocusEscapeTargets.d.ts +0 -10
  356. package/dist/mocked_classnames/components/Modal/hooks/useFocusEscapeTargets/useFocusEscapeTargets.types.d.ts +0 -2
  357. package/dist/mocked_classnames/components/Modal/hooks/usePortalTarget/usePortalTarget.d.ts +0 -3
  358. package/dist/mocked_classnames/components/Modal/hooks/usePortalTarget/usePortalTarget.types.d.ts +0 -2
  359. package/dist/mocked_classnames/components/Modal/index.d.ts +0 -6
  360. package/dist/mocked_classnames/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.d.ts +0 -4
  361. package/dist/mocked_classnames/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.types.d.ts +0 -10
  362. package/dist/mocked_classnames/components/Modal/layouts/ModalFooterShadow.d.ts +0 -4
  363. package/dist/mocked_classnames/components/Modal/layouts/ModalFooterShadow.types.d.ts +0 -6
  364. package/dist/mocked_classnames/components/Modal/layouts/ModalLayoutScrollableContent.d.ts +0 -4
  365. package/dist/mocked_classnames/components/Modal/layouts/ModalLayoutScrollableContent.types.d.ts +0 -15
  366. package/dist/mocked_classnames/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.d.ts +0 -4
  367. package/dist/mocked_classnames/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.types.d.ts +0 -11
  368. package/dist/mocked_classnames/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.d.ts +0 -4
  369. package/dist/mocked_classnames/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.types.d.ts +0 -11
  370. package/dist/mocked_classnames/components/Modal/layouts/index.d.ts +0 -6
  371. package/dist/mocked_classnames/components/Modal/layouts/useLayoutScrolledContent.d.ts +0 -9
  372. package/dist/mocked_classnames/components/next/List/List.d.ts +0 -4
  373. package/dist/mocked_classnames/components/next/List/List.types.d.ts +0 -47
  374. package/dist/mocked_classnames/components/next/List/ListItem/ListItem.d.ts +0 -4
  375. package/dist/mocked_classnames/components/next/List/ListItem/ListItem.types.d.ts +0 -44
  376. package/dist/mocked_classnames/components/next/List/ListItem/index.d.ts +0 -2
  377. package/dist/mocked_classnames/components/next/List/ListTitle/ListTitle.d.ts +0 -4
  378. package/dist/mocked_classnames/components/next/List/ListTitle/ListTitle.types.d.ts +0 -16
  379. package/dist/mocked_classnames/components/next/List/ListTitle/index.d.ts +0 -2
  380. package/dist/mocked_classnames/components/next/List/index.d.ts +0 -6
  381. package/dist/mocked_classnames/components/next/index.d.ts +0 -1
  382. package/dist/mocked_classnames/src/components/List/List.js +0 -2
  383. package/dist/mocked_classnames/src/components/List/List.js.map +0 -1
  384. package/dist/mocked_classnames/src/components/List/List.module.scss.js +0 -2
  385. package/dist/mocked_classnames/src/components/List/VirtualizedListItems/VirtualizedListItems.js +0 -2
  386. package/dist/mocked_classnames/src/components/List/VirtualizedListItems/VirtualizedListItems.js.map +0 -1
  387. package/dist/mocked_classnames/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js +0 -2
  388. package/dist/mocked_classnames/src/components/List/utils/ListContext.js +0 -2
  389. package/dist/mocked_classnames/src/components/List/utils/ListContext.js.map +0 -1
  390. package/dist/mocked_classnames/src/components/List/utils/ListUtils.js +0 -2
  391. package/dist/mocked_classnames/src/components/List/utils/ListUtils.js.map +0 -1
  392. package/dist/mocked_classnames/src/components/ListItem/ListItem.js +0 -2
  393. package/dist/mocked_classnames/src/components/ListItem/ListItem.js.map +0 -1
  394. package/dist/mocked_classnames/src/components/ListItem/ListItem.module.scss.js +0 -2
  395. package/dist/mocked_classnames/src/components/ListItemAvatar/ListItemAvatar.js +0 -2
  396. package/dist/mocked_classnames/src/components/ListItemAvatar/ListItemAvatar.js.map +0 -1
  397. package/dist/mocked_classnames/src/components/ListItemAvatar/ListItemAvatar.module.scss.js +0 -2
  398. package/dist/mocked_classnames/src/components/ListItemIcon/ListItemIcon.js +0 -2
  399. package/dist/mocked_classnames/src/components/ListItemIcon/ListItemIcon.js.map +0 -1
  400. package/dist/mocked_classnames/src/components/ListItemIcon/ListItemIcon.module.scss.js +0 -2
  401. package/dist/mocked_classnames/src/components/ListTitle/ListTitle.js +0 -2
  402. package/dist/mocked_classnames/src/components/ListTitle/ListTitle.js.map +0 -1
  403. package/dist/mocked_classnames/src/components/ListTitle/ListTitle.module.scss.js +0 -2
  404. package/dist/mocked_classnames/src/components/Modal/Modal/Modal.js +0 -2
  405. package/dist/mocked_classnames/src/components/Modal/Modal/Modal.js.map +0 -1
  406. package/dist/mocked_classnames/src/components/Modal/Modal/Modal.module.scss.js +0 -2
  407. package/dist/mocked_classnames/src/components/Modal/ModalContent/ModalContent.js +0 -2
  408. package/dist/mocked_classnames/src/components/Modal/ModalContent/ModalContent.js.map +0 -1
  409. package/dist/mocked_classnames/src/components/Modal/ModalHeader/ModalHeader.js +0 -2
  410. package/dist/mocked_classnames/src/components/Modal/ModalHeader/ModalHeader.js.map +0 -1
  411. package/dist/mocked_classnames/src/components/Modal/ModalHeader/ModalHeader.module.scss.js +0 -2
  412. package/dist/mocked_classnames/src/components/Modal/ModalMedia/ModalMedia.js +0 -2
  413. package/dist/mocked_classnames/src/components/Modal/ModalMedia/ModalMedia.js.map +0 -1
  414. package/dist/mocked_classnames/src/components/Modal/ModalMedia/ModalMedia.module.scss.js +0 -2
  415. package/dist/mocked_classnames/src/components/Modal/ModalTopActions/ModalTopActions.js +0 -2
  416. package/dist/mocked_classnames/src/components/Modal/ModalTopActions/ModalTopActions.js.map +0 -1
  417. package/dist/mocked_classnames/src/components/Modal/ModalTopActions/ModalTopActions.module.scss.js +0 -2
  418. package/dist/mocked_classnames/src/components/Modal/context/ModalContext.js +0 -2
  419. package/dist/mocked_classnames/src/components/Modal/context/ModalContext.js.map +0 -1
  420. package/dist/mocked_classnames/src/components/Modal/footers/ModalFooter/ModalFooter.js +0 -2
  421. package/dist/mocked_classnames/src/components/Modal/footers/ModalFooter/ModalFooter.js.map +0 -1
  422. package/dist/mocked_classnames/src/components/Modal/footers/ModalFooter/ModalFooter.module.scss.js +0 -2
  423. package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.js +0 -2
  424. package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.js.map +0 -1
  425. package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.module.scss.js +0 -2
  426. package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.js +0 -2
  427. package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.js.map +0 -1
  428. package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss.js +0 -2
  429. package/dist/mocked_classnames/src/components/Modal/footers/utils/getPropsForButton.js +0 -2
  430. package/dist/mocked_classnames/src/components/Modal/footers/utils/getPropsForButton.js.map +0 -1
  431. package/dist/mocked_classnames/src/components/Modal/hooks/useFocusEscapeTargets/useFocusEscapeTargets.js +0 -2
  432. package/dist/mocked_classnames/src/components/Modal/hooks/useFocusEscapeTargets/useFocusEscapeTargets.js.map +0 -1
  433. package/dist/mocked_classnames/src/components/Modal/hooks/usePortalTarget/usePortalTarget.js +0 -2
  434. package/dist/mocked_classnames/src/components/Modal/hooks/usePortalTarget/usePortalTarget.js.map +0 -1
  435. package/dist/mocked_classnames/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.js +0 -2
  436. package/dist/mocked_classnames/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.js.map +0 -1
  437. package/dist/mocked_classnames/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js +0 -2
  438. package/dist/mocked_classnames/src/components/Modal/layouts/ModalFooterShadow.js +0 -2
  439. package/dist/mocked_classnames/src/components/Modal/layouts/ModalFooterShadow.js.map +0 -1
  440. package/dist/mocked_classnames/src/components/Modal/layouts/ModalFooterShadow.module.scss.js +0 -2
  441. package/dist/mocked_classnames/src/components/Modal/layouts/ModalLayoutScrollableContent.js.map +0 -1
  442. package/dist/mocked_classnames/src/components/Modal/layouts/ModalLayoutScrollableContent.module.scss.js +0 -2
  443. package/dist/mocked_classnames/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.js +0 -2
  444. package/dist/mocked_classnames/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.js.map +0 -1
  445. package/dist/mocked_classnames/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.module.scss.js +0 -2
  446. package/dist/mocked_classnames/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.js +0 -2
  447. package/dist/mocked_classnames/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.js.map +0 -1
  448. package/dist/mocked_classnames/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss.js +0 -2
  449. package/dist/mocked_classnames/src/components/Modal/layouts/useLayoutScrolledContent.js +0 -2
  450. package/dist/mocked_classnames/src/components/Modal/layouts/useLayoutScrolledContent.js.map +0 -1
  451. package/dist/mocked_classnames/src/components/next/List/List.js +0 -2
  452. package/dist/mocked_classnames/src/components/next/List/List.js.map +0 -1
  453. package/dist/mocked_classnames/src/components/next/List/List.module.scss.js +0 -2
  454. package/dist/mocked_classnames/src/components/next/List/ListItem/ListItem.js +0 -2
  455. package/dist/mocked_classnames/src/components/next/List/ListItem/ListItem.js.map +0 -1
  456. package/dist/mocked_classnames/src/components/next/List/ListTitle/ListTitle.js +0 -2
  457. package/dist/mocked_classnames/src/components/next/List/ListTitle/ListTitle.js.map +0 -1
  458. package/dist/mocked_classnames/src/components/next/List/ListTitle/ListTitle.module.scss.js +0 -2
  459. package/dist/mocked_classnames/src/constants/keyCodes.js +0 -2
  460. package/dist/mocked_classnames/src/constants/keyCodes.js.map +0 -1
  461. package/dist/mocked_classnames/src/constants/sizes.js +0 -2
  462. package/dist/mocked_classnames/src/constants/sizes.js.map +0 -1
  463. package/dist/src/components/List/List.js +0 -2
  464. package/dist/src/components/List/List.js.map +0 -1
  465. package/dist/src/components/List/List.module.scss.js +0 -2
  466. package/dist/src/components/List/List.module.scss.js.map +0 -1
  467. package/dist/src/components/List/VirtualizedListItems/VirtualizedListItems.js +0 -2
  468. package/dist/src/components/List/VirtualizedListItems/VirtualizedListItems.js.map +0 -1
  469. package/dist/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js +0 -2
  470. package/dist/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js.map +0 -1
  471. package/dist/src/components/List/utils/ListContext.js +0 -2
  472. package/dist/src/components/List/utils/ListContext.js.map +0 -1
  473. package/dist/src/components/List/utils/ListUtils.js +0 -2
  474. package/dist/src/components/List/utils/ListUtils.js.map +0 -1
  475. package/dist/src/components/ListItem/ListItem.js +0 -2
  476. package/dist/src/components/ListItem/ListItem.js.map +0 -1
  477. package/dist/src/components/ListItem/ListItem.module.scss.js +0 -2
  478. package/dist/src/components/ListItem/ListItem.module.scss.js.map +0 -1
  479. package/dist/src/components/ListItemAvatar/ListItemAvatar.js +0 -2
  480. package/dist/src/components/ListItemAvatar/ListItemAvatar.js.map +0 -1
  481. package/dist/src/components/ListItemAvatar/ListItemAvatar.module.scss.js +0 -2
  482. package/dist/src/components/ListItemAvatar/ListItemAvatar.module.scss.js.map +0 -1
  483. package/dist/src/components/ListItemIcon/ListItemIcon.js +0 -2
  484. package/dist/src/components/ListItemIcon/ListItemIcon.js.map +0 -1
  485. package/dist/src/components/ListItemIcon/ListItemIcon.module.scss.js +0 -2
  486. package/dist/src/components/ListItemIcon/ListItemIcon.module.scss.js.map +0 -1
  487. package/dist/src/components/ListTitle/ListTitle.js +0 -2
  488. package/dist/src/components/ListTitle/ListTitle.js.map +0 -1
  489. package/dist/src/components/ListTitle/ListTitle.module.scss.js +0 -2
  490. package/dist/src/components/ListTitle/ListTitle.module.scss.js.map +0 -1
  491. package/dist/src/components/Modal/Modal/Modal.js +0 -2
  492. package/dist/src/components/Modal/Modal/Modal.js.map +0 -1
  493. package/dist/src/components/Modal/Modal/Modal.module.scss.js +0 -2
  494. package/dist/src/components/Modal/Modal/Modal.module.scss.js.map +0 -1
  495. package/dist/src/components/Modal/ModalContent/ModalContent.js +0 -2
  496. package/dist/src/components/Modal/ModalContent/ModalContent.js.map +0 -1
  497. package/dist/src/components/Modal/ModalHeader/ModalHeader.js +0 -2
  498. package/dist/src/components/Modal/ModalHeader/ModalHeader.js.map +0 -1
  499. package/dist/src/components/Modal/ModalHeader/ModalHeader.module.scss.js +0 -2
  500. package/dist/src/components/Modal/ModalHeader/ModalHeader.module.scss.js.map +0 -1
  501. package/dist/src/components/Modal/ModalMedia/ModalMedia.js +0 -2
  502. package/dist/src/components/Modal/ModalMedia/ModalMedia.js.map +0 -1
  503. package/dist/src/components/Modal/ModalMedia/ModalMedia.module.scss.js +0 -2
  504. package/dist/src/components/Modal/ModalMedia/ModalMedia.module.scss.js.map +0 -1
  505. package/dist/src/components/Modal/ModalTopActions/ModalTopActions.js +0 -2
  506. package/dist/src/components/Modal/ModalTopActions/ModalTopActions.js.map +0 -1
  507. package/dist/src/components/Modal/ModalTopActions/ModalTopActions.module.scss.js +0 -2
  508. package/dist/src/components/Modal/ModalTopActions/ModalTopActions.module.scss.js.map +0 -1
  509. package/dist/src/components/Modal/context/ModalContext.js +0 -2
  510. package/dist/src/components/Modal/context/ModalContext.js.map +0 -1
  511. package/dist/src/components/Modal/footers/ModalFooter/ModalFooter.js +0 -2
  512. package/dist/src/components/Modal/footers/ModalFooter/ModalFooter.js.map +0 -1
  513. package/dist/src/components/Modal/footers/ModalFooter/ModalFooter.module.scss.js +0 -2
  514. package/dist/src/components/Modal/footers/ModalFooter/ModalFooter.module.scss.js.map +0 -1
  515. package/dist/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.js +0 -2
  516. package/dist/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.js.map +0 -1
  517. package/dist/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.module.scss.js +0 -2
  518. package/dist/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.module.scss.js.map +0 -1
  519. package/dist/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.js +0 -2
  520. package/dist/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.js.map +0 -1
  521. package/dist/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss.js +0 -2
  522. package/dist/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss.js.map +0 -1
  523. package/dist/src/components/Modal/footers/utils/getPropsForButton.js +0 -2
  524. package/dist/src/components/Modal/footers/utils/getPropsForButton.js.map +0 -1
  525. package/dist/src/components/Modal/hooks/useFocusEscapeTargets/useFocusEscapeTargets.js +0 -2
  526. package/dist/src/components/Modal/hooks/useFocusEscapeTargets/useFocusEscapeTargets.js.map +0 -1
  527. package/dist/src/components/Modal/hooks/usePortalTarget/usePortalTarget.js +0 -2
  528. package/dist/src/components/Modal/hooks/usePortalTarget/usePortalTarget.js.map +0 -1
  529. package/dist/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.js +0 -2
  530. package/dist/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.js.map +0 -1
  531. package/dist/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js +0 -2
  532. package/dist/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js.map +0 -1
  533. package/dist/src/components/Modal/layouts/ModalFooterShadow.js +0 -2
  534. package/dist/src/components/Modal/layouts/ModalFooterShadow.js.map +0 -1
  535. package/dist/src/components/Modal/layouts/ModalFooterShadow.module.scss.js +0 -2
  536. package/dist/src/components/Modal/layouts/ModalFooterShadow.module.scss.js.map +0 -1
  537. package/dist/src/components/Modal/layouts/ModalLayoutScrollableContent.js +0 -2
  538. package/dist/src/components/Modal/layouts/ModalLayoutScrollableContent.js.map +0 -1
  539. package/dist/src/components/Modal/layouts/ModalLayoutScrollableContent.module.scss.js +0 -2
  540. package/dist/src/components/Modal/layouts/ModalLayoutScrollableContent.module.scss.js.map +0 -1
  541. package/dist/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.js +0 -2
  542. package/dist/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.js.map +0 -1
  543. package/dist/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.module.scss.js +0 -2
  544. package/dist/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.module.scss.js.map +0 -1
  545. package/dist/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.js +0 -2
  546. package/dist/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.js.map +0 -1
  547. package/dist/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss.js +0 -2
  548. package/dist/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss.js.map +0 -1
  549. package/dist/src/components/Modal/layouts/useLayoutScrolledContent.js +0 -2
  550. package/dist/src/components/Modal/layouts/useLayoutScrolledContent.js.map +0 -1
  551. package/dist/src/components/next/List/List.js +0 -2
  552. package/dist/src/components/next/List/List.js.map +0 -1
  553. package/dist/src/components/next/List/List.module.scss.js +0 -2
  554. package/dist/src/components/next/List/List.module.scss.js.map +0 -1
  555. package/dist/src/components/next/List/ListItem/ListItem.js +0 -2
  556. package/dist/src/components/next/List/ListItem/ListItem.js.map +0 -1
  557. package/dist/src/components/next/List/ListTitle/ListTitle.js +0 -2
  558. package/dist/src/components/next/List/ListTitle/ListTitle.js.map +0 -1
  559. package/dist/src/components/next/List/ListTitle/ListTitle.module.scss.js +0 -2
  560. package/dist/src/components/next/List/ListTitle/ListTitle.module.scss.js.map +0 -1
  561. package/dist/src/constants/keyCodes.js +0 -2
  562. package/dist/src/constants/keyCodes.js.map +0 -1
  563. package/dist/src/constants/sizes.js +0 -2
  564. package/dist/src/constants/sizes.js.map +0 -1
  565. /package/dist/{mocked_classnames/src/components → components/list/dist}/List/List.module.scss.js.map +0 -0
  566. /package/dist/{mocked_classnames/src/components → components/list/dist}/List/VirtualizedListItems/VirtualizedListItems.module.scss.js.map +0 -0
  567. /package/dist/{mocked_classnames/src/components → components/list/dist}/ListItem/ListItem.module.scss.js.map +0 -0
  568. /package/dist/{mocked_classnames/src/components → components/list/dist}/ListItemAvatar/ListItemAvatar.module.scss.js.map +0 -0
  569. /package/dist/{mocked_classnames/src/components → components/list/dist}/ListItemIcon/ListItemIcon.module.scss.js.map +0 -0
  570. /package/dist/{mocked_classnames/src/components → components/list/dist}/ListTitle/ListTitle.module.scss.js.map +0 -0
  571. /package/dist/{mocked_classnames/src/components → components/list/dist}/next/List/List.module.scss.js.map +0 -0
  572. /package/dist/{mocked_classnames/src/components → components/list/dist}/next/List/ListTitle/ListTitle.module.scss.js.map +0 -0
  573. /package/dist/{mocked_classnames/src/components → components/modal/dist}/Modal/Modal/Modal.module.scss.js.map +0 -0
  574. /package/dist/{mocked_classnames/src/components → components/modal/dist}/Modal/ModalHeader/ModalHeader.module.scss.js.map +0 -0
  575. /package/dist/{mocked_classnames/src/components → components/modal/dist}/Modal/ModalMedia/ModalMedia.module.scss.js.map +0 -0
  576. /package/dist/{mocked_classnames/src/components → components/modal/dist}/Modal/ModalTopActions/ModalTopActions.module.scss.js.map +0 -0
  577. /package/dist/{mocked_classnames/src/components → components/modal/dist}/Modal/footers/ModalFooter/ModalFooter.module.scss.js.map +0 -0
  578. /package/dist/{mocked_classnames/src/components → components/modal/dist}/Modal/footers/ModalFooterBase/ModalFooterBase.module.scss.js.map +0 -0
  579. /package/dist/{mocked_classnames/src/components → components/modal/dist}/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss.js.map +0 -0
  580. /package/dist/{mocked_classnames/src/components → components/modal/dist}/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js.map +0 -0
  581. /package/dist/{mocked_classnames/src/components → components/modal/dist}/Modal/layouts/ModalFooterShadow.module.scss.js.map +0 -0
  582. /package/dist/{mocked_classnames/src/components → components/modal/dist}/Modal/layouts/ModalLayoutScrollableContent.js +0 -0
  583. /package/dist/{mocked_classnames/src/components → components/modal/dist}/Modal/layouts/ModalLayoutScrollableContent.module.scss.js.map +0 -0
  584. /package/dist/{mocked_classnames/src/components → components/modal/dist}/Modal/layouts/ModalMediaLayout/ModalMediaLayout.module.scss.js.map +0 -0
  585. /package/dist/{mocked_classnames/src/components → components/modal/dist}/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss.js.map +0 -0
@@ -1,2 +0,0 @@
1
- import{__rest as s}from"../../../../../_virtual/_tslib.js";import e from"classnames";function t(t,a){if(t){var o=t.tooltipProps,r=t.className,i=s(t,["tooltipProps","className"]);return Object.assign(Object.assign({},i),{className:(null==o?void 0:o.content)?r:e(r,a),tooltipProps:(null==o?void 0:o.content)?Object.assign(Object.assign({},o),{referenceWrapperClassName:e(o.referenceWrapperClassName,a)}):void 0})}}export{t as getPropsForButton};
2
- //# sourceMappingURL=getPropsForButton.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"getPropsForButton.js","sources":["../../../../../../../src/components/Modal/footers/utils/getPropsForButton.ts"],"sourcesContent":["import { type ModalFooterActionProps } from \"../ModalFooterBase/ModalFooterBase.types\";\nimport cx from \"classnames\";\n\nexport function getPropsForButton(button?: ModalFooterActionProps, buttonClassName?: string) {\n if (!button) return undefined;\n const { tooltipProps, className, ...rest } = button;\n return {\n ...rest,\n className: tooltipProps?.content ? className : cx(className, buttonClassName),\n tooltipProps: tooltipProps?.content\n ? { ...tooltipProps, referenceWrapperClassName: cx(tooltipProps.referenceWrapperClassName, buttonClassName) }\n : undefined\n };\n}\n"],"names":["getPropsForButton","button","buttonClassName","tooltipProps","className","rest","__rest","Object","assign","content","cx","referenceWrapperClassName","undefined"],"mappings":"qFAGgB,SAAAA,EAAkBC,EAAiCC,GACjE,GAAKD,EAAL,CACA,IAAQE,EAAqCF,EAArCE,aAAcC,EAAuBH,EAAvBG,UAAcC,EAASC,EAAAL,EAAvC,CAAA,eAAA,cACN,OAAAM,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACKH,GAAI,CACPD,WAAWD,aAAY,EAAZA,EAAcM,SAAUL,EAAYM,EAAGN,EAAWF,GAC7DC,cAAcA,aAAA,EAAAA,EAAcM,wCACnBN,GAAY,CAAEQ,0BAA2BD,EAAGP,EAAaQ,0BAA2BT,UACzFU,GAPuB,CAS/B"}
@@ -1,2 +0,0 @@
1
- import{createForOfIteratorHelper as e,typeof as r}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{useMemo as t,useCallback as n}from"react";var l=function(l){var o=t((function(){if(!l||0===l.length)return{combinedSelector:null,elements:[]};var t,n=[],o=[],u=e(l);try{for(u.s();!(t=u.n()).done;){var i=t.value;"string"==typeof i?n.push(i):i&&"object"===r(i)&&"current"in i?i.current&&o.push(i.current):i instanceof HTMLElement&&o.push(i)}}catch(e){u.e(e)}finally{u.f()}return{combinedSelector:n.length>0?n.join(", "):null,elements:o}}),[l]),u=o.combinedSelector,i=o.elements;return n((function(e){if(!e)return!1;if(!u&&0===i.length)return!1;if(u&&e.closest(u))return!0;for(var r=0;i.length>r;r++){var t=i[r];if(e===t||t.contains(e))return!0}return!1}),[u,i])};export{l as default};
2
- //# sourceMappingURL=useFocusEscapeTargets.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useFocusEscapeTargets.js","sources":["../../../../../../../src/components/Modal/hooks/useFocusEscapeTargets/useFocusEscapeTargets.ts"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport { type FocusEscapeTarget } from \"./useFocusEscapeTargets.types\";\n\n/**\n * Hook that creates a checker function to determine if an element should be allowed\n * to receive focus outside of a focus lock (escape the focus trap).\n *\n * @param targets - Array of targets (selectors, refs, or elements) that should be allowed to receive focus and won't be managed by the focus-lock\n * @returns A function that returns `true` if the element matches any target (should be allowed to escape), `false` otherwise\n */\nconst useFocusEscapeTargets = (targets?: FocusEscapeTarget[]) => {\n // Pre-process and separate targets by type for faster lookup\n const { combinedSelector, elements } = useMemo(() => {\n if (!targets || targets.length === 0) {\n return { combinedSelector: null, elements: [] };\n }\n\n const selectorList: string[] = [];\n const elementList: HTMLElement[] = [];\n\n for (const item of targets) {\n if (typeof item === \"string\") {\n selectorList.push(item);\n } else if (item && typeof item === \"object\" && \"current\" in item) {\n // Resolve ref to element\n if (item.current) {\n elementList.push(item.current);\n }\n } else if (item instanceof HTMLElement) {\n elementList.push(item);\n }\n }\n\n // Combine all selectors into one for a single DOM traversal\n const combined = selectorList.length > 0 ? selectorList.join(\", \") : null;\n\n return { combinedSelector: combined, elements: elementList };\n }, [targets]);\n\n const shouldAllowFocusEscape = useCallback(\n (element?: HTMLElement): boolean => {\n if (!element) {\n return false;\n }\n\n // Early exit if no targets\n if (!combinedSelector && elements.length === 0) {\n return false;\n }\n\n // Check all selectors with a single DOM traversal\n if (combinedSelector && element.closest(combinedSelector)) {\n return true;\n }\n\n // Check elements (direct match or contains)\n for (let i = 0; i < elements.length; i++) {\n const targetElement = elements[i];\n if (element === targetElement || targetElement.contains(element)) {\n return true;\n }\n }\n\n return false;\n },\n [combinedSelector, elements]\n );\n\n return shouldAllowFocusEscape;\n};\n\nexport default useFocusEscapeTargets;\n"],"names":["useFocusEscapeTargets","targets","_useMemo","useMemo","length","combinedSelector","elements","_step","selectorList","elementList","_iterator","_createForOfIteratorHelper","s","n","done","item","value","push","_typeof","current","HTMLElement","err","e","f","join","useCallback","element","closest","i","targetElement","contains"],"mappings":"8JAUA,IAAMA,EAAwB,SAACC,GAE7B,IAAAC,EAAuCC,GAAQ,WAC7C,IAAKF,GAA8B,IAAnBA,EAAQG,OACtB,MAAO,CAAEC,iBAAkB,KAAMC,SAAU,IAG7C,IAG0BC,EAHpBC,EAAyB,GACzBC,EAA6B,GAAGC,EAAAC,EAEnBV,GAAO,IAA1B,IAAAS,EAAAE,MAAAL,EAAAG,EAAAG,KAAAC,MAA4B,CAAA,IAAjBC,EAAIR,EAAAS,MACO,iBAATD,EACTP,EAAaS,KAAKF,GACTA,GAAwB,WAAhBG,EAAOH,IAAqB,YAAaA,EAEtDA,EAAKI,SACPV,EAAYQ,KAAKF,EAAKI,SAEfJ,aAAgBK,aACzBX,EAAYQ,KAAKF,EAErB,CAEA,CAAA,MAAAM,GAAAX,EAAAY,EAAAD,EAAA,CAAA,QAAAX,EAAAa,GAAA,CAGA,MAAO,CAAElB,iBAFQG,EAAaJ,OAAS,EAAII,EAAagB,KAAK,MAAQ,KAEhClB,SAAUG,EACjD,GAAG,CAACR,IAzBII,EAAgBH,EAAhBG,iBAAkBC,EAAQJ,EAARI,SAwD1B,OA7B+BmB,GAC7B,SAACC,GACC,IAAKA,EACH,OAAO,EAIT,IAAKrB,GAAwC,IAApBC,EAASF,OAChC,OAAO,EAIT,GAAIC,GAAoBqB,EAAQC,QAAQtB,GACtC,OAAO,EAIT,IAAK,IAAIuB,EAAI,EAAOtB,EAASF,OAAbwB,EAAqBA,IAAK,CACxC,IAAMC,EAAgBvB,EAASsB,GAC/B,GAAIF,IAAYG,GAAiBA,EAAcC,SAASJ,GACtD,OAAO,CAEX,CAEA,OAAO,CACT,GACA,CAACrB,EAAkBC,GAIvB"}
@@ -1,2 +0,0 @@
1
- import{slicedToArray as n}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as t,useEffect as o}from"react";var e=function(e){var c=t(document.body),u=n(c,2),a=u[0],i=u[1];return o((function(){var n=function(){if(!e)return document.body;if("string"==typeof e){var n=document.querySelector(e);return n||(r('Target with selector "'.concat(e,'" not found. Falling back to document.body.')),document.body)}return e instanceof Element||e instanceof DocumentFragment?e:e.current instanceof Element?e.current:(r("Invalid target provided. Falling back to document.body."),document.body)}();i(n)}),[e]),a};function r(n){"production"!==process.env.NODE_ENV&&console.warn(n)}export{e as default};
2
- //# sourceMappingURL=usePortalTarget.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"usePortalTarget.js","sources":["../../../../../../../src/components/Modal/hooks/usePortalTarget/usePortalTarget.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { type PortalTarget } from \"./usePortalTarget.types\";\n\nconst usePortalTarget = (portalTarget?: PortalTarget): Element | DocumentFragment => {\n const [resolvedTarget, setResolvedTarget] = useState<Element | DocumentFragment>(document.body);\n\n useEffect(() => {\n const resolveTarget = (): Element | DocumentFragment => {\n if (!portalTarget) {\n return document.body;\n }\n\n if (typeof portalTarget === \"string\") {\n const target = document.querySelector(portalTarget);\n if (!target) {\n warn(`Target with selector \"${portalTarget}\" not found. Falling back to document.body.`);\n return document.body;\n }\n return target;\n }\n\n if (portalTarget instanceof Element || portalTarget instanceof DocumentFragment) {\n return portalTarget;\n }\n\n if (portalTarget.current instanceof Element) {\n return portalTarget.current;\n }\n\n warn(\"Invalid target provided. Falling back to document.body.\");\n return document.body;\n };\n\n const target = resolveTarget();\n setResolvedTarget(target);\n }, [portalTarget]);\n\n return resolvedTarget;\n};\n\nexport default usePortalTarget;\n\nfunction warn(message: string): void {\n if (process.env.NODE_ENV !== \"production\") {\n console.warn(message);\n }\n}\n"],"names":["usePortalTarget","portalTarget","_useState","useState","document","body","_useState2","_slicedToArray","resolvedTarget","setResolvedTarget","useEffect","target","querySelector","warn","concat","Element","DocumentFragment","current","resolveTarget","message","process","env","NODE_ENV","console"],"mappings":"qIAGA,IAAMA,EAAkB,SAACC,GACvB,IAAAC,EAA4CC,EAAqCC,SAASC,MAAKC,EAAAC,EAAAL,EAAA,GAAxFM,EAAcF,EAAA,GAAEG,EAAiBH,EAAA,GAiCxC,OA/BAI,GAAU,WACR,IA0BMC,EA1BgB,WACpB,IAAKV,EACH,OAAOG,SAASC,KAGlB,GAA4B,iBAAjBJ,EAA2B,CACpC,IAAMU,EAASP,SAASQ,cAAcX,GACtC,OAAKU,IACHE,EAAIC,yBAAAA,OAA0Bb,kDACvBG,SAASC,KAGpB,CAEA,OAAIJ,aAAwBc,SAAWd,aAAwBe,iBACtDf,EAGLA,EAAagB,mBAAmBF,QAC3Bd,EAAagB,SAGtBJ,EAAK,2DACET,SAASC,MAGHa,GACfT,EAAkBE,EACpB,GAAG,CAACV,IAEGO,CACT,EAIA,SAASK,EAAKM,GACiB,eAAzBC,QAAQC,IAAIC,UACdC,QAAQV,KAAKM,EAEjB"}
@@ -1,2 +0,0 @@
1
- import{slicedToArray as e,defineProperty as t}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import r,{forwardRef as o}from"react";import a from"classnames";import{getTestId as s}from"../../../../tests/testIds.js";import{ComponentDefaultTestId as l}from"../../../../tests/constants.js";import m from"./ModalBasicLayout.module.scss.js";import{Flex as i}from"@vibe/layout/mockedClassNames";import{Divider as n}from"@vibe/divider/mockedClassNames";import c from"../ModalFooterShadow.js";import d from"../ModalLayoutScrollableContent.js";import f from"../useLayoutScrolledContent.js";var u=o((function(o,u){var p=o.children,v=o.className,S=o.id,y=o["data-testid"],h=f(),j=h.ref,C=h.isContentScrolled,E=h.isScrollable,N=h.isScrolledToEnd,b=h.onScroll,A=r.Children.toArray(p),L=e(A,2),M=L[0],g=L[1];return r.createElement(r.Fragment,null,r.createElement(i,{direction:"column",align:"start",ref:u,className:a(m.layout,v),id:S,"data-testid":y||s(l.MODAL_BASIC_LAYOUT,S)},r.createElement("div",{className:m.header},M),r.createElement(n,{className:a(m.divider,t({},m.showDivider,C)),withoutMargin:!0}),r.createElement(d,{onScroll:b,className:m.content,ref:j},g)),E&&r.createElement(c,{show:!N}))}));export{u as default};
2
- //# sourceMappingURL=ModalBasicLayout.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ModalBasicLayout.js","sources":["../../../../../../../src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\nimport styles from \"./ModalBasicLayout.module.scss\";\nimport { type ModalBasicLayoutProps } from \"./ModalBasicLayout.types\";\nimport { Flex } from \"@vibe/layout\";\nimport { Divider } from \"@vibe/divider\";\nimport ModalFooterShadow from \"../ModalFooterShadow\";\nimport ModalLayoutScrollableContent from \"../ModalLayoutScrollableContent\";\nimport useLayoutScrolledContent from \"../useLayoutScrolledContent\";\n\nconst ModalBasicLayout = forwardRef(\n (\n { children, className, id, \"data-testid\": dataTestId }: ModalBasicLayoutProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const { ref: contentRef, isContentScrolled, isScrollable, isScrolledToEnd, onScroll } = useLayoutScrolledContent();\n const [header, content] = React.Children.toArray(children);\n\n return (\n <>\n <Flex\n direction=\"column\"\n align=\"start\"\n ref={ref}\n className={cx(styles.layout, className)}\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.MODAL_BASIC_LAYOUT, id)}\n >\n <div className={styles.header}>{header}</div>\n <Divider className={cx(styles.divider, { [styles.showDivider]: isContentScrolled })} withoutMargin />\n <ModalLayoutScrollableContent onScroll={onScroll} className={styles.content} ref={contentRef}>\n {content}\n </ModalLayoutScrollableContent>\n </Flex>\n {isScrollable && <ModalFooterShadow show={!isScrolledToEnd} />}\n </>\n );\n }\n);\n\nexport default ModalBasicLayout;\n"],"names":["ModalBasicLayout","forwardRef","_ref","ref","children","className","id","dataTestId","_useLayoutScrolledCon","useLayoutScrolledContent","contentRef","isContentScrolled","isScrollable","isScrolledToEnd","onScroll","_React$Children$toArr","React","Children","toArray","_React$Children$toArr2","_slicedToArray","header","content","createElement","Fragment","Flex","direction","align","cx","styles","layout","getTestId","ComponentDefaultTestId","MODAL_BASIC_LAYOUT","Divider","divider","_defineProperty","showDivider","withoutMargin","ModalLayoutScrollableContent","ModalFooterShadow","show"],"mappings":"glBAYMA,IAAAA,EAAmBC,GACvB,SAAAC,EAEEC,GACE,IAFAC,EAAQF,EAARE,SAAUC,EAASH,EAATG,UAAWC,EAAEJ,EAAFI,GAAmBC,EAAUL,EAAzB,eAG3BM,EAAwFC,IAA3EC,EAAUF,EAAfL,IAAiBQ,EAAiBH,EAAjBG,kBAAmBC,EAAYJ,EAAZI,aAAcC,EAAeL,EAAfK,gBAAiBC,EAAQN,EAARM,SAC3EC,EAA0BC,EAAMC,SAASC,QAAQd,GAASe,EAAAC,EAAAL,EAAA,GAAnDM,EAAMF,EAAA,GAAEG,EAAOH,EAAA,GAEtB,OACEH,EAAAO,cAAAP,EAAAQ,SAAA,KACER,EAAAO,cAACE,EACC,CAAAC,UAAU,SACVC,MAAM,QACNxB,IAAKA,EACLE,UAAWuB,EAAGC,EAAOC,OAAQzB,GAC7BC,GAAIA,EAAE,cACOC,GAAcwB,EAAUC,EAAuBC,mBAAoB3B,IAEhFU,EAAAO,cAAA,MAAA,CAAKlB,UAAWwB,EAAOR,QAASA,GAChCL,EAACO,cAAAW,GAAQ7B,UAAWuB,EAAGC,EAAOM,QAAOC,EAAA,CAAA,EAAKP,EAAOQ,YAAc1B,IAAsB2B,eAAgB,IACrGtB,EAAAO,cAACgB,EAA6B,CAAAzB,SAAUA,EAAUT,UAAWwB,EAAOP,QAASnB,IAAKO,GAC/EY,IAGJV,GAAgBI,EAACO,cAAAiB,EAAkB,CAAAC,MAAO5B,IAGjD"}
@@ -1,2 +0,0 @@
1
- var e={layout:"layout",header:"header",divider:"divider",showDivider:"showDivider",content:"content"};!function(e){const n="s_id-324b836d97d8_4_5_27";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".layout {\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n.layout .header {\n width: 100%;\n margin-block: var(--space-32) var(--space-24);\n padding-inline-end: calc(var(--top-actions-margin-inline) + var(--top-actions-width) + var(--space-16));\n padding-inline-start: var(--modal-inline-padding);\n}\n.layout .divider {\n flex-shrink: 0;\n opacity: 0;\n transition: opacity var(--motion-productive-medium) ease-out;\n}\n.layout .divider.showDivider {\n opacity: 1;\n}\n.layout .content {\n padding-block-end: var(--space-32);\n}");export{e as default};
2
- //# sourceMappingURL=ModalBasicLayout.module.scss.js.map
@@ -1,2 +0,0 @@
1
- import{defineProperty as r}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o from"react";import e from"classnames";import a from"./ModalFooterShadow.module.scss.js";var s=function(s){return o.createElement("div",{className:e(a.shadowWrapper,r({},a.show,s.show))})};export{s as default};
2
- //# sourceMappingURL=ModalFooterShadow.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ModalFooterShadow.js","sources":["../../../../../../src/components/Modal/layouts/ModalFooterShadow.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./ModalFooterShadow.module.scss\";\nimport { type ModalFooterShadowProps } from \"./ModalFooterShadow.types\";\n\nconst ModalFooterShadow = ({ show }: ModalFooterShadowProps) => {\n return <div className={cx(styles.shadowWrapper, { [styles.show]: show })} />;\n};\n\nexport default ModalFooterShadow;\n"],"names":["ModalFooterShadow","_ref","React","createElement","className","cx","styles","shadowWrapper","_defineProperty","show"],"mappings":"oLAKA,IAAMA,EAAoB,SAAHC,GACrB,OAAOC,EAAAC,cAAA,MAAA,CAAKC,UAAWC,EAAGC,EAAOC,cAAaC,EAAA,CAAA,EAAKF,EAAOG,KAD3BR,EAAJQ,QAE7B"}
@@ -1,2 +0,0 @@
1
- var e={shadowWrapper:"shadowWrapper",show:"show"};!function(e){const t="s_id-c76d397ed7f2_4_5_27";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}('.shadowWrapper::after {\n content: "";\n position: absolute;\n opacity: 0;\n transition: opacity var(--motion-productive-medium) ease-out;\n width: 100%;\n height: 10px;\n box-shadow: var(--box-shadow-medium);\n}\n.shadowWrapper.show::after {\n opacity: 1;\n}');export{e as default};
2
- //# sourceMappingURL=ModalFooterShadow.module.scss.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ModalLayoutScrollableContent.js","sources":["../../../../../../src/components/Modal/layouts/ModalLayoutScrollableContent.tsx"],"sourcesContent":["import React, { type ForwardedRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./ModalLayoutScrollableContent.module.scss\";\nimport { type ModalLayoutScrollableContentProps } from \"./ModalLayoutScrollableContent.types\";\n\nconst ModalLayoutScrollableContent = forwardRef(\n ({ onScroll, className, children }: ModalLayoutScrollableContentProps, ref: ForwardedRef<HTMLDivElement>) => {\n return (\n <div ref={ref} className={cx(styles.content, className)} onScroll={onScroll}>\n {children}\n </div>\n );\n }\n);\n\nexport default ModalLayoutScrollableContent;\n"],"names":["ModalLayoutScrollableContent","forwardRef","_ref","ref","onScroll","children","React","createElement","className","cx","styles","content"],"mappings":"6HAKMA,IAAAA,EAA+BC,GACnC,SAAAC,EAAuEC,GAAqC,IAAzGC,EAAQF,EAARE,SAAqBC,EAAQH,EAARG,SACtB,OACEC,EAAKC,cAAA,MAAA,CAAAJ,IAAKA,EAAKK,UAAWC,EAAGC,EAAOC,QAFlBT,EAATM,WAEgDJ,SAAUA,GAChEC,EAGP"}
@@ -1,2 +0,0 @@
1
- var e={content:"content"};!function(e){const n="s_id-09bedfbbc65c_4_5_27";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.content {\n width: 100%;\n height: 100%;\n padding-inline: var(--modal-inline-padding);\n overflow: auto;\n}\n.content::-webkit-scrollbar {\n width: 4px;\n height: 6px;\n}\n.content::-webkit-scrollbar-thumb {\n background-color: var(--ui-border-color);\n border-radius: 4px;\n}");export{e as default};
2
- //# sourceMappingURL=ModalLayoutScrollableContent.module.scss.js.map
@@ -1,2 +0,0 @@
1
- import{slicedToArray as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as a}from"react";import s from"classnames";import{getTestId as r}from"../../../../tests/testIds.js";import{ComponentDefaultTestId as m}from"../../../../tests/constants.js";import o from"./ModalMediaLayout.module.scss.js";import{Flex as l}from"@vibe/layout/mockedClassNames";var i=a((function(a,i){var d=a.className,c=a.id,n=a["data-testid"],u=t.Children.toArray(a.children),f=e(u,3),p=f[0],v=f[1],N=f[2];return t.createElement(l,{ref:i,direction:"column",align:"start",className:s(o.layout,d),id:c,"data-testid":n||r(m.MODAL_MEDIA_LAYOUT,c)},t.createElement("div",{className:o.media},p),t.createElement("div",{className:o.header},v),t.createElement("div",{className:o.content},N))}));export{i as default};
2
- //# sourceMappingURL=ModalMediaLayout.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ModalMediaLayout.js","sources":["../../../../../../../src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\nimport styles from \"./ModalMediaLayout.module.scss\";\nimport { type ModalMediaLayoutProps } from \"./ModalMediaLayout.types\";\nimport { Flex } from \"@vibe/layout\";\n\nconst ModalMediaLayout = forwardRef(\n (\n { children, className, id, \"data-testid\": dataTestId }: ModalMediaLayoutProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const [media, header, content] = React.Children.toArray(children);\n\n return (\n <Flex\n ref={ref}\n direction=\"column\"\n align=\"start\"\n className={cx(styles.layout, className)}\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.MODAL_MEDIA_LAYOUT, id)}\n >\n <div className={styles.media}>{media}</div>\n <div className={styles.header}>{header}</div>\n <div className={styles.content}>{content}</div>\n </Flex>\n );\n }\n);\n\nexport default ModalMediaLayout;\n"],"names":["ModalMediaLayout","forwardRef","_ref","ref","className","id","dataTestId","_React$Children$toArr","React","Children","toArray","children","_React$Children$toArr2","_slicedToArray","media","header","content","createElement","Flex","direction","align","cx","styles","layout","getTestId","ComponentDefaultTestId","MODAL_MEDIA_LAYOUT"],"mappings":"4XAQMA,IAAAA,EAAmBC,GACvB,SAAAC,EAEEC,GACE,IAFUC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAmBC,EAAUJ,EAAzB,eAG3BK,EAAiCC,EAAMC,SAASC,QAHtCR,EAARS,UAG+DC,EAAAC,EAAAN,EAAA,GAA1DO,EAAKF,EAAA,GAAEG,EAAMH,EAAA,GAAEI,EAAOJ,EAAA,GAE7B,OACEJ,EAACS,cAAAC,GACCf,IAAKA,EACLgB,UAAU,SACVC,MAAM,QACNhB,UAAWiB,EAAGC,EAAOC,OAAQnB,GAC7BC,GAAIA,EAAE,cACOC,GAAckB,EAAUC,EAAuBC,mBAAoBrB,IAEhFG,EAAAS,cAAA,MAAA,CAAKb,UAAWkB,EAAOR,OAAQA,GAC/BN,EAAAS,cAAA,MAAA,CAAKb,UAAWkB,EAAOP,QAASA,GAChCP,EAAKS,cAAA,MAAA,CAAAb,UAAWkB,EAAON,SAAUA,GAGvC"}
@@ -1,2 +0,0 @@
1
- var e={layout:"layout",media:"media",header:"header",content:"content"};!function(e){const n="s_id-d089cc4b12c5_4_5_27";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)}(".layout {\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n.layout .media {\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n position: relative;\n width: 100%;\n flex-shrink: 0;\n}\n.layout .header {\n width: 100%;\n text-align: center;\n margin-block: var(--space-32) var(--space-8);\n padding-inline: var(--modal-inline-padding);\n}\n.layout .content {\n width: 100%;\n height: 100%;\n flex: 1;\n align-self: flex-start;\n padding-inline: var(--modal-inline-padding);\n padding-block-end: var(--space-24);\n text-align: center;\n overflow: hidden;\n}");export{e as default};
2
- //# sourceMappingURL=ModalMediaLayout.module.scss.js.map
@@ -1,2 +0,0 @@
1
- import{slicedToArray as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as a}from"react";import r from"classnames";import{getTestId as s}from"../../../../tests/testIds.js";import{ComponentDefaultTestId as o}from"../../../../tests/constants.js";import l from"./ModalSideBySideLayout.module.scss.js";import m from"../ModalLayoutScrollableContent.js";import i from"../ModalFooterShadow.js";var d=a((function(a,d){var n=a.className,c=a.id,f=a["data-testid"],p=t.Children.toArray(a.children),u=e(p,3),E=u[0],j=u[1],v=u[2];return t.createElement(t.Fragment,null,t.createElement("div",{ref:d,className:r(l.layout,n),id:c,"data-testid":f||s(o.MODAL_SIDE_BY_SIDE_LAYOUT,c)},t.createElement("div",{className:l.header},E),t.createElement(m,{className:l.content},j),t.createElement("div",{className:l.media},v)),t.createElement(i,{show:!0}))}));export{d as default};
2
- //# sourceMappingURL=ModalSideBySideLayout.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ModalSideBySideLayout.js","sources":["../../../../../../../src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\nimport styles from \"./ModalSideBySideLayout.module.scss\";\nimport { type ModalSideBySideLayoutProps } from \"./ModalSideBySideLayout.types\";\nimport ModalLayoutScrollableContent from \"../ModalLayoutScrollableContent\";\nimport ModalFooterShadow from \"../ModalFooterShadow\";\n\nconst ModalSideBySideLayout = forwardRef(\n (\n { children, className, id, \"data-testid\": dataTestId }: ModalSideBySideLayoutProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const [header, content, media] = React.Children.toArray(children);\n return (\n <>\n <div\n ref={ref}\n className={cx(styles.layout, className)}\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.MODAL_SIDE_BY_SIDE_LAYOUT, id)}\n >\n <div className={styles.header}>{header}</div>\n <ModalLayoutScrollableContent className={styles.content}>{content}</ModalLayoutScrollableContent>\n <div className={styles.media}>{media}</div>\n </div>\n <ModalFooterShadow show />\n </>\n );\n }\n);\n\nexport default ModalSideBySideLayout;\n"],"names":["ModalSideBySideLayout","forwardRef","_ref","ref","className","id","dataTestId","_React$Children$toArr","React","Children","toArray","children","_React$Children$toArr2","_slicedToArray","header","content","media","createElement","Fragment","cx","styles","layout","getTestId","ComponentDefaultTestId","MODAL_SIDE_BY_SIDE_LAYOUT","ModalLayoutScrollableContent","ModalFooterShadow","show"],"mappings":"qaASMA,IAAAA,EAAwBC,GAC5B,SAAAC,EAEEC,GACE,IAFUC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAmBC,EAAUJ,EAAzB,eAG3BK,EAAiCC,EAAMC,SAASC,QAHtCR,EAARS,UAG+DC,EAAAC,EAAAN,EAAA,GAA1DO,EAAMF,EAAA,GAAEG,EAAOH,EAAA,GAAEI,EAAKJ,EAAA,GAC7B,OACEJ,EAAAS,cAAAT,EAAAU,SAAA,KACEV,EAAAS,cAAA,MAAA,CACEd,IAAKA,EACLC,UAAWe,EAAGC,EAAOC,OAAQjB,GAC7BC,GAAIA,EACS,cAAAC,GAAcgB,EAAUC,EAAuBC,0BAA2BnB,IAEvFG,EAAAS,cAAA,MAAA,CAAKb,UAAWgB,EAAON,QAASA,GAChCN,EAACS,cAAAQ,GAA6BrB,UAAWgB,EAAOL,SAAUA,GAC1DP,EAAKS,cAAA,MAAA,CAAAb,UAAWgB,EAAOJ,OAAQA,IAEjCR,EAAAS,cAACS,EAAkB,CAAAC,MAAO,IAGhC"}
@@ -1,2 +0,0 @@
1
- var e={layout:"layout",header:"header",content:"content",media:"media"};!function(e){const n="s_id-510a2449b45a_4_5_27";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)}(".layout {\n width: 100%;\n height: 100%;\n display: grid;\n grid-template-columns: 60% 40%;\n grid-template-rows: auto 1fr;\n min-height: 0;\n}\n.layout .header {\n width: 100%;\n margin-block: var(--space-32) var(--space-24);\n padding-inline: var(--modal-inline-padding);\n grid-column: 1/2;\n grid-row: 1;\n}\n.layout .content {\n grid-column: 1/2;\n grid-row: 2;\n padding-block-end: var(--space-32);\n}\n.layout .media {\n grid-column: 2/3;\n grid-row: 1/3;\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n overflow: hidden;\n position: relative;\n}");export{e as default};
2
- //# sourceMappingURL=ModalSideBySideLayout.module.scss.js.map
@@ -1,2 +0,0 @@
1
- import{slicedToArray as r}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as e,useRef as n,useCallback as o,useEffect as i}from"react";var l=function(){var l=e(!1),t=r(l,2),c=t[0],s=t[1],u=e(!1),a=r(u,2),f=a[0],v=a[1],d=e(!1),p=r(d,2),b=p[0],m=p[1],S=n(null),g=o((function(){var r=S.current;if(r){var e=r.scrollTop,n=r.scrollHeight,o=r.clientHeight;v(n>o),s(e>0),m(e+o>=n)}}),[]),w=o((function(){g()}),[g]);return i((function(){if(window.ResizeObserver){var r=S.current;if(r){var e=new ResizeObserver((function(){g()}));return e.observe(r),g(),function(){e.disconnect()}}}}),[g]),{ref:S,isContentScrolled:c,isScrollable:f,isScrolledToEnd:b,onScroll:w}};export{l as default};
2
- //# sourceMappingURL=useLayoutScrolledContent.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useLayoutScrolledContent.js","sources":["../../../../../../src/components/Modal/layouts/useLayoutScrolledContent.ts"],"sourcesContent":["import { type UIEventHandler, useCallback, useEffect, useRef, useState } from \"react\";\n\nconst useLayoutScrolledContent = () => {\n const [isContentScrolled, setContentScrolled] = useState<boolean>(false);\n const [isScrollable, setScrollable] = useState<boolean>(false);\n const [isScrolledToEnd, setScrolledToEnd] = useState<boolean>(false);\n\n const ref = useRef<HTMLDivElement>(null);\n\n const checkScroll = useCallback(() => {\n const element = ref.current;\n if (element) {\n const { scrollTop, scrollHeight, clientHeight } = element;\n setScrollable(scrollHeight > clientHeight);\n setContentScrolled(scrollTop > 0);\n setScrolledToEnd(scrollTop + clientHeight >= scrollHeight);\n }\n }, []);\n\n const onScroll: UIEventHandler<HTMLDivElement> = useCallback(() => {\n checkScroll();\n }, [checkScroll]);\n\n useEffect(() => {\n if (!window.ResizeObserver) {\n return;\n }\n\n const element = ref.current;\n if (!element) return;\n\n const resizeObserver = new ResizeObserver(() => {\n checkScroll();\n });\n\n resizeObserver.observe(element);\n\n checkScroll();\n\n return () => {\n resizeObserver.disconnect();\n };\n }, [checkScroll]);\n\n return { ref, isContentScrolled, isScrollable, isScrolledToEnd, onScroll };\n};\n\nexport default useLayoutScrolledContent;\n"],"names":["useLayoutScrolledContent","_useState","useState","_useState2","_slicedToArray","isContentScrolled","setContentScrolled","_useState3","_useState4","isScrollable","setScrollable","_useState5","_useState6","isScrolledToEnd","setScrolledToEnd","ref","useRef","checkScroll","useCallback","element","current","scrollTop","scrollHeight","clientHeight","onScroll","useEffect","window","ResizeObserver","resizeObserver","observe","disconnect"],"mappings":"+JAEA,IAAMA,EAA2B,WAC/B,IAAAC,EAAgDC,GAAkB,GAAMC,EAAAC,EAAAH,EAAA,GAAjEI,EAAiBF,EAAA,GAAEG,EAAkBH,EAAA,GAC5CI,EAAsCL,GAAkB,GAAMM,EAAAJ,EAAAG,EAAA,GAAvDE,EAAYD,EAAA,GAAEE,EAAaF,EAAA,GAClCG,EAA4CT,GAAkB,GAAMU,EAAAR,EAAAO,EAAA,GAA7DE,EAAeD,EAAA,GAAEE,EAAgBF,EAAA,GAElCG,EAAMC,EAAuB,MAE7BC,EAAcC,GAAY,WAC9B,IAAMC,EAAUJ,EAAIK,QACpB,GAAID,EAAS,CACX,IAAQE,EAA0CF,EAA1CE,UAAWC,EAA+BH,EAA/BG,aAAcC,EAAiBJ,EAAjBI,aACjCb,EAAcY,EAAeC,GAC7BjB,EAAmBe,EAAY,GAC/BP,EAAiBO,EAAYE,GAAgBD,EAC/C,CACD,GAAE,IAEGE,EAA2CN,GAAY,WAC3DD,GACF,GAAG,CAACA,IAuBJ,OArBAQ,GAAU,WACR,GAAKC,OAAOC,eAAZ,CAIA,IAAMR,EAAUJ,EAAIK,QACpB,GAAKD,EAAL,CAEA,IAAMS,EAAiB,IAAID,gBAAe,WACxCV,GACF,IAMA,OAJAW,EAAeC,QAAQV,GAEvBF,IAEO,WACLW,EAAeE,aAXH,CAHd,CAgBF,GAAG,CAACb,IAEG,CAAEF,IAAAA,EAAKV,kBAAAA,EAAmBI,aAAAA,EAAcI,gBAAAA,EAAiBW,SAAAA,EAClE"}
@@ -1,2 +0,0 @@
1
- import s,{forwardRef as e}from"react";import a from"classnames";import{BaseList as t}from"@vibe/base-list/mockedClassNames";import{getTestId as o,ComponentDefaultTestId as i}from"../../../tests/testIds.js";import{ComponentVibeId as r}from"../../../tests/constants.js";import d from"./List.module.scss.js";var l=e((function(e,l){var m=e.id,c=e.as,n=void 0===c?"ul":c,u=e.children,f=e["aria-label"],b=e["aria-describedby"],v=e.role,p=void 0===v?"listbox":v,x=e.size,h=void 0===x?"small":x,I=e.maxHeight,g=e.focusOnMount,F=void 0!==g&&g,j=e.defaultFocusIndex,C=e.onFocusChange,L=e["data-testid"];return s.createElement(t,{ref:l,id:m,className:a(d.list,e.className),as:n,"aria-label":f,"aria-describedby":b,role:p,size:h,maxHeight:I,focusOnMount:F,defaultFocusIndex:j,onFocusChange:C,"data-testid":L||o(i.LIST,m),"data-vibe":r.LIST},u)}));export{l as default};
2
- //# sourceMappingURL=List.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"List.js","sources":["../../../../../../src/components/next/List/List.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { BaseList } from \"@vibe/base-list\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentVibeId } from \"../../../tests/constants\";\nimport { type ListProps } from \"./List.types\";\nimport styles from \"./List.module.scss\";\n\nconst List = forwardRef(\n (\n {\n className,\n id,\n as = \"ul\",\n children,\n \"aria-label\": ariaLabel,\n \"aria-describedby\": ariaDescribedBy,\n role = \"listbox\",\n size = \"small\",\n maxHeight,\n focusOnMount = false,\n defaultFocusIndex,\n onFocusChange,\n \"data-testid\": dataTestId\n }: ListProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n return (\n <BaseList\n ref={ref}\n id={id}\n className={cx(styles.list, className)}\n as={as}\n aria-label={ariaLabel}\n aria-describedby={ariaDescribedBy}\n role={role}\n size={size}\n maxHeight={maxHeight}\n focusOnMount={focusOnMount}\n defaultFocusIndex={defaultFocusIndex}\n onFocusChange={onFocusChange}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.LIST, id)}\n data-vibe={ComponentVibeId.LIST}\n >\n {children}\n </BaseList>\n );\n }\n);\n\nexport default List;\n"],"names":["List","forwardRef","_ref","ref","id","_ref$as","as","children","ariaLabel","ariaDescribedBy","_ref$role","role","_ref$size","size","maxHeight","_ref$focusOnMount","focusOnMount","defaultFocusIndex","onFocusChange","dataTestId","React","createElement","BaseList","className","cx","styles","list","getTestId","ComponentDefaultTestId","LIST","ComponentVibeId"],"mappings":"iTAQMA,IAAAA,EAAOC,GACX,SAAAC,EAgBEC,GACE,IAdAC,EAAEF,EAAFE,GAAEC,EAAAH,EACFI,GAAAA,OAAK,IAAHD,EAAG,KAAIA,EACTE,EAAQL,EAARK,SACcC,EAASN,EAAvB,cACoBO,EAAeP,EAAnC,oBAAkBQ,EAAAR,EAClBS,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAAAE,EAAAV,EAChBW,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EACdE,EAASZ,EAATY,UAASC,EAAAb,EACTc,aAAAA,OAAe,IAAHD,GAAQA,EACpBE,EAAiBf,EAAjBe,kBACAC,EAAahB,EAAbgB,cACeC,EAAUjB,EAAzB,eAIF,OACEkB,EAAAC,cAACC,EAAQ,CACPnB,IAAKA,EACLC,GAAIA,EACJmB,UAAWC,EAAGC,EAAOC,KApBdxB,EAATqB,WAqBEjB,GAAIA,EACQ,aAAAE,qBACMC,EAClBE,KAAMA,EACNE,KAAMA,EACNC,UAAWA,EACXE,aAAcA,EACdC,kBAAmBA,EACnBC,cAAeA,EAAa,cACfC,GAAcQ,EAAUC,EAAuBC,KAAMzB,GACvD,YAAA0B,EAAgBD,MAE1BtB,EAGP"}
@@ -1,2 +0,0 @@
1
- var e={list:"list"};!function(e){const t="s_id-39e4d9ed645a_4_5_27";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)}(".list {\n margin: 0;\n padding: 0;\n list-style: none;\n}");export{e as default};
2
- //# sourceMappingURL=List.module.scss.js.map
@@ -1,2 +0,0 @@
1
- import e,{forwardRef as t,useMemo as l,useCallback as o}from"react";import{BaseItem as n}from"@vibe/base-list/mockedClassNames";var r=t((function(t,r){var i=t.className,a=t.id,d=t.label,s=t.value,c=t.selected,m=void 0!==c&&c,u=t.disabled,f=void 0!==u&&u,v=t.readOnly,p=void 0!==v&&v,b=t.dir,E=t.role,h=t.startElement,k=t.endElement,C=t.tooltipProps,N=t.onClick,P=t.onHover,g=t["data-testid"],y=l((function(){return{label:d,value:null!=s?s:d,disabled:f,startElement:h,endElement:k,tooltipProps:C}}),[d,s,f,h,k,C]),O=o((function(e){!f&&N&&N(e)}),[f,N]),x=o((function(e){!f&&P&&P(e)}),[f,P]),F=l((function(){return{onClick:O,onMouseEnter:x,onFocus:x,"data-testid":g}}),[O,x,g]);return e.createElement(n,{ref:r,className:i,id:a,item:y,selected:m,highlighted:!1,readOnly:p,dir:b,role:E,itemProps:F})}));export{r as default};
2
- //# sourceMappingURL=ListItem.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListItem.js","sources":["../../../../../../../src/components/next/List/ListItem/ListItem.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from \"react\";\nimport { BaseItem, type BaseItemData } from \"@vibe/base-list\";\nimport { type ListItemProps } from \"./ListItem.types\";\n\nconst ListItem = forwardRef(\n (\n {\n className,\n id,\n label,\n value,\n selected = false,\n disabled = false,\n readOnly = false,\n dir,\n role,\n startElement,\n endElement,\n tooltipProps,\n onClick,\n onHover,\n \"data-testid\": dataTestId\n }: ListItemProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const item: BaseItemData = useMemo(\n () => ({\n label,\n value: value ?? label,\n disabled,\n startElement,\n endElement,\n tooltipProps\n }),\n [label, value, disabled, startElement, endElement, tooltipProps]\n );\n\n const handleClick = useCallback(\n (event: React.MouseEvent | React.KeyboardEvent) => {\n if (!disabled && onClick) {\n onClick(event);\n }\n },\n [disabled, onClick]\n );\n\n const handleHover = useCallback(\n (event: React.MouseEvent | React.FocusEvent) => {\n if (!disabled && onHover) {\n onHover(event);\n }\n },\n [disabled, onHover]\n );\n\n const itemProps = useMemo(\n () => ({\n onClick: handleClick,\n onMouseEnter: handleHover,\n onFocus: handleHover,\n \"data-testid\": dataTestId\n }),\n [handleClick, handleHover, dataTestId]\n );\n\n return (\n <BaseItem\n ref={ref}\n className={className}\n id={id}\n item={item}\n selected={selected}\n highlighted={false}\n readOnly={readOnly}\n dir={dir}\n role={role}\n itemProps={itemProps}\n />\n );\n }\n);\n\nexport default ListItem;\n"],"names":["ListItem","forwardRef","_ref","ref","className","id","label","value","_ref$selected","selected","_ref$disabled","disabled","_ref$readOnly","readOnly","dir","role","startElement","endElement","tooltipProps","onClick","onHover","dataTestId","item","useMemo","handleClick","useCallback","event","handleHover","itemProps","onMouseEnter","onFocus","React","BaseItem","highlighted"],"mappings":"gIAIMA,IAAAA,EAAWC,GACf,SAAAC,EAkBEC,GACE,IAjBAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GACAC,EAAKJ,EAALI,MACAC,EAAKL,EAALK,MAAKC,EAAAN,EACLO,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAR,EAChBS,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAV,EAChBW,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAAGZ,EAAHY,IACAC,EAAIb,EAAJa,KACAC,EAAYd,EAAZc,aACAC,EAAUf,EAAVe,WACAC,EAAYhB,EAAZgB,aACAC,EAAOjB,EAAPiB,QACAC,EAAOlB,EAAPkB,QACeC,EAAUnB,EAAzB,eAIIoB,EAAqBC,GACzB,WAAA,MAAO,CACLjB,MAAAA,EACAC,MAAOA,QAAAA,EAASD,EAChBK,SAAAA,EACAK,aAAAA,EACAC,WAAAA,EACAC,aAAAA,EACD,GACD,CAACZ,EAAOC,EAAOI,EAAUK,EAAcC,EAAYC,IAG/CM,EAAcC,GAClB,SAACC,IACMf,GAAYQ,GACfA,EAAQO,EAEZ,GACA,CAACf,EAAUQ,IAGPQ,EAAcF,GAClB,SAACC,IACMf,GAAYS,GACfA,EAAQM,EAEZ,GACA,CAACf,EAAUS,IAGPQ,EAAYL,GAChB,WAAA,MAAO,CACLJ,QAASK,EACTK,aAAcF,EACdG,QAASH,EACT,cAAeN,EACf,GACF,CAACG,EAAaG,EAAaN,IAG7B,OACEU,gBAACC,EAAQ,CACP7B,IAAKA,EACLC,UAAWA,EACXC,GAAIA,EACJiB,KAAMA,EACNb,SAAUA,EACVwB,aAAa,EACbpB,SAAUA,EACVC,IAAKA,EACLC,KAAMA,EACNa,UAAWA,GAGjB"}
@@ -1,2 +0,0 @@
1
- import{defineProperty as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as s}from"react";import i from"classnames";import{Text as r}from"@vibe/typography/mockedClassNames";import{getTestId as a,ComponentDefaultTestId as l}from"../../../../tests/testIds.js";import{ComponentVibeId as m}from"../../../../tests/constants.js";import{useBaseList as o}from"@vibe/base-list/mockedClassNames";import d from"./ListTitle.module.scss.js";var p=s((function(s,p){var n,c=s.className,f=s.id,u=s.children,v=s.size,T=s.sticky,y=void 0!==T&&T,b=s["data-testid"],I=o(),L=null!==(n=null!=v?v:I.size)&&void 0!==n?n:"small";return t.createElement(r,{element:"li",ref:p,id:f,type:"text1",weight:"medium",role:"heading","aria-level":3,className:i(d.listTitle,d[L],e({},d.sticky,y),c),"data-testid":b||a(l.LIST_TITLE,f),"data-vibe":m.LIST_TITLE},u)}));export{p as default};
2
- //# sourceMappingURL=ListTitle.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListTitle.js","sources":["../../../../../../../src/components/next/List/ListTitle/ListTitle.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { Text } from \"@vibe/typography\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentVibeId } from \"../../../../tests/constants\";\nimport { useBaseList } from \"@vibe/base-list\";\nimport { type ListTitleProps } from \"./ListTitle.types\";\nimport styles from \"./ListTitle.module.scss\";\n\nconst ListTitle = forwardRef(\n (\n { className, id, children, size: sizeProp, sticky = false, \"data-testid\": dataTestId }: ListTitleProps,\n ref: React.ForwardedRef<HTMLLIElement>\n ) => {\n const { size: contextSize } = useBaseList();\n const size = sizeProp ?? contextSize ?? \"small\";\n\n return (\n <Text\n element=\"li\"\n ref={ref}\n id={id}\n type=\"text1\"\n weight=\"medium\"\n role=\"heading\"\n aria-level={3}\n className={cx(\n styles.listTitle,\n styles[size],\n {\n [styles.sticky]: sticky\n },\n className\n )}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.LIST_TITLE, id)}\n data-vibe={ComponentVibeId.LIST_TITLE}\n >\n {children}\n </Text>\n );\n }\n);\n\nexport default ListTitle;\n"],"names":["ListTitle","forwardRef","_ref","ref","className","id","children","sizeProp","size","_ref$sticky","sticky","dataTestId","_useBaseList","useBaseList","_a","React","createElement","Text","element","type","weight","role","cx","styles","listTitle","_defineProperty","getTestId","ComponentDefaultTestId","LIST_TITLE","ComponentVibeId"],"mappings":"8cASMA,IAAAA,EAAYC,GAChB,SAAAC,EAEEC,GACE,MAFAC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAIC,EAAQJ,EAARI,SAAgBC,EAAQL,EAAdM,KAAIC,EAAAP,EAAYQ,OAAAA,OAAS,IAAHD,GAAQA,EAAiBE,EAAUT,EAAzB,eAG3DU,EAA8BC,IACxBL,EAAkC,QAA3BM,EAAAP,QAAAA,EADYK,EAAjBJ,YACgC,IAAAM,EAAAA,EAAA,QAExC,OACEC,EAACC,cAAAC,GACCC,QAAQ,KACRf,IAAKA,EACLE,GAAIA,EACJc,KAAK,QACLC,OAAO,SACPC,KAAK,UACO,aAAA,EACZjB,UAAWkB,EACTC,EAAOC,UACPD,EAAOf,GAAKiB,KAETF,EAAOb,OAASA,GAEnBN,GAEW,cAAAO,GAAce,EAAUC,EAAuBC,WAAYvB,eAC7DwB,EAAgBD,YAE1BtB,EAGP"}
@@ -1,2 +0,0 @@
1
- var e={listTitle:"listTitle",small:"small",medium:"medium",large:"large",sticky:"sticky"};!function(e){const n="s_id-7bd0f1d1374d_4_5_27";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.listTitle {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n border-radius: var(--border-radius-small);\n}\n.small {\n padding: var(--space-16) var(--space-8) var(--space-8);\n}\n.medium {\n padding: var(--space-16) 12px var(--space-8);\n}\n.large {\n padding: var(--space-16) 12px var(--space-8);\n}\n.sticky {\n position: sticky;\n inset-block-start: 0;\n background-color: var(--primary-background-color);\n z-index: 1;\n}");export{e as default};
2
- //# sourceMappingURL=ListTitle.module.scss.js.map
@@ -1,2 +0,0 @@
1
- var r={ENTER:"Enter",SPACE:" ",ESCAPE:"Escape",DOWN_ARROW:"ArrowDown",UP_ARROW:"ArrowUp",LEFT_ARROW:"ArrowLeft",RIGHT_ARROW:"ArrowRight",TAB:"Tab",HOME:"Home",END:"End",PAGE_UP:"PageUp",PAGE_DOWN:"PageDown"},A=["Enter"," "],E=["ArrowUp","ArrowDown"];export{A as SELECTION_KEYS,E as UP_DOWN_ARROWS,r as keyCodes};
2
- //# sourceMappingURL=keyCodes.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"keyCodes.js","sources":["../../../../src/constants/keyCodes.ts"],"sourcesContent":["export const keyCodes = {\n ENTER: \"Enter\",\n SPACE: \" \",\n ESCAPE: \"Escape\",\n DOWN_ARROW: \"ArrowDown\",\n UP_ARROW: \"ArrowUp\",\n LEFT_ARROW: \"ArrowLeft\",\n RIGHT_ARROW: \"ArrowRight\",\n TAB: \"Tab\",\n HOME: \"Home\",\n END: \"End\",\n PAGE_UP: \"PageUp\",\n PAGE_DOWN: \"PageDown\"\n};\n\nexport const SELECTION_KEYS = [keyCodes.ENTER, keyCodes.SPACE];\nexport const UP_DOWN_ARROWS = [keyCodes.UP_ARROW, keyCodes.DOWN_ARROW];\n"],"names":["keyCodes","ENTER","SPACE","ESCAPE","DOWN_ARROW","UP_ARROW","LEFT_ARROW","RIGHT_ARROW","TAB","HOME","END","PAGE_UP","PAGE_DOWN","SELECTION_KEYS","UP_DOWN_ARROWS"],"mappings":"AAAO,IAAMA,EAAW,CACtBC,MAAO,QACPC,MAAO,IACPC,OAAQ,SACRC,WAAY,YACZC,SAAU,UACVC,WAAY,YACZC,YAAa,aACbC,IAAK,MACLC,KAAM,OACNC,IAAK,MACLC,QAAS,SACTC,UAAW,YAGAC,EAAiB,CAACb,QAAgBA,KAClCc,EAAiB,CAACd,UAAmBA"}
@@ -1,2 +0,0 @@
1
- var l,m,s={SMALL:"small",MEDIUM:"medium",LARGE:"large"},L=Object.assign({XXS:"xxs",XS:"xs"},s);!function(l){l.SMALL="small",l.MEDIUM="medium",l.LARGE="large"}(l||(l={})),function(l){l.XXS="xxs",l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large"}(m||(m={}));export{s as BASE_SIZES,l as BaseSizes,L as SIZES,m as Sizes};
2
- //# sourceMappingURL=sizes.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"sizes.js","sources":["../../../../src/constants/sizes.ts"],"sourcesContent":["export const BASE_SIZES = {\n SMALL: \"small\",\n MEDIUM: \"medium\",\n LARGE: \"large\"\n} as const;\n\nexport const SIZES = { XXS: \"xxs\", XS: \"xs\", ...BASE_SIZES } as const;\n\nexport enum BaseSizes {\n SMALL = \"small\",\n MEDIUM = \"medium\",\n LARGE = \"large\"\n}\n\nexport enum Sizes {\n XXS = \"xxs\",\n XS = \"xs\",\n SMALL = \"small\",\n MEDIUM = \"medium\",\n LARGE = \"large\"\n}\n\nexport type SIZES_VALUES = (typeof SIZES)[keyof typeof SIZES];\n"],"names":["BaseSizes","Sizes","BASE_SIZES","SMALL","MEDIUM","LARGE","SIZES","Object","XXS","XS"],"mappings":"AAAO,IAQKA,EAMAC,EAdCC,EAAa,CACxBC,MAAO,QACPC,OAAQ,SACRC,MAAO,SAGIC,EAAQC,eAAEC,IAAK,MAAOC,GAAI,MAASP,IAEhD,SAAYF,GACVA,EAAA,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,MAAA,OACD,CAJD,CAAYA,IAAAA,EAIX,CAAA,IAED,SAAYC,GACVA,EAAA,IAAA,MACAA,EAAA,GAAA,KACAA,EAAA,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,MAAA,OACD,CAND,CAAYA,IAAAA,EAMX,CAAA"}
@@ -1,2 +0,0 @@
1
- import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t from"classnames";import r,{forwardRef as i,useRef as n,useState as s,useCallback as o,useEffect as a,useMemo as l}from"react";import{VirtualizedListItems as u}from"./VirtualizedListItems/VirtualizedListItems.js";import{keyCodes as c,UP_DOWN_ARROWS as d}from"../../constants/keyCodes.js";import{getTestId as m,ComponentDefaultTestId as f}from"../../tests/testIds.js";import{ListContext as p}from"./utils/ListContext.js";import{useListId as v,getListItemIndexById as b,getNextListItemIndex as y,getPrevListItemIndex as I,getListItemIdByIndex as j,isListItem as h,getListItemComponentType as L}from"./utils/ListUtils.js";import k from"./List.module.scss.js";import{ComponentVibeId as x}from"../../tests/constants.js";import{useMergeRef as A}from"../../../shared/dist/hooks/useMergeRef.js";import{useKeyEvent as E}from"../../../shared/dist/hooks/useKeyEvent.js";var g=i((function(i,g){var R=i.className,O=i.id,T=i.component,V=void 0===T?"ul":T,_=i.children,C=i["aria-label"],N=i["aria-describedby"],P=i["aria-controls"],W=i.renderOnlyVisibleItems,z=void 0!==W&&W,D=i.style,H=i.role,M=void 0===H?"listbox":H,S=i["data-testid"],U=n(null),B=A(g,U),F=n([]),K=v(O),q=s(0),w=e(q,2),G=w[0],J=w[1],Q=V,X=o((function(e){var t;J(b(F,e)),null===(t=null==U?void 0:U.current)||void 0===t||t.setAttribute("aria-activedescendant",e)}),[]),Y=o((function(e){if(!z){e.preventDefault();var t=e.key===c.UP_ARROW,r=void 0;e.key===c.DOWN_ARROW&&F.current.length>G+1?r=y(G,F):t&&G>0&&(r=I(G,F)),void 0!==r&&(X(j(F,r)),F.current[r].focus())}}),[G,z,X]);E({keys:d,callback:Y,ref:U}),a((function(){var e=F.current.findIndex((function(e){return e instanceof HTMLElement&&h(e)&&"true"===(null==e?void 0:e.getAttribute("aria-selected"))}));if(-1!==e)X(j(F,e));else{var t=F.current.findIndex((function(e){return h(e)}));-1!==t&&X(j(F,t))}}),[X]);var Z=l((function(){var e=Array.isArray(_)?_:[_];return z?e=r.createElement(u,null,e):(F.current=F.current.slice(0,e.length),e=r.Children.map(e,(function(e,t){if(!r.isValidElement(e))return e;var i=e.props.id||"".concat(K,"-item-").concat(t),n=F.current[t],s=null==n||h(n);return r.cloneElement(e,{ref:function(e){return F.current[t]=e},tabIndex:G===t&&s?0:-1,id:i,component:L(V),role:e.props.role})}))),e}),[_,V,G,K,z]);return r.createElement(p.Provider,{value:{updateFocusedItem:X}},r.createElement(Q,{"data-testid":S||m(f.LIST,O),"data-vibe":x.LIST,ref:B,style:D,className:t(k.list,R),id:K,"aria-label":C,"aria-describedby":N,"aria-controls":P,tabIndex:-1,role:M},Z))}));export{g as default};
2
- //# sourceMappingURL=List.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"List.js","sources":["../../../../src/components/List/List.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, {\n type AriaAttributes,\n type AriaRole,\n type CSSProperties,\n forwardRef,\n type ReactElement,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState\n} from \"react\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport useKeyEvent from \"../../hooks/useKeyEvent\";\nimport { VirtualizedListItems } from \"./VirtualizedListItems/VirtualizedListItems\";\nimport { keyCodes, UP_DOWN_ARROWS } from \"../../constants/keyCodes\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { type ListItemProps } from \"../ListItem/ListItem\";\nimport { type ListTitleProps } from \"../ListTitle/ListTitle\";\nimport { type ListElement } from \"./List.types\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { ListContext } from \"./utils/ListContext\";\nimport {\n getListItemComponentType,\n getListItemIdByIndex,\n getListItemIndexById,\n getNextListItemIndex,\n getPrevListItemIndex,\n isListItem,\n useListId\n} from \"./utils/ListUtils\";\nimport styles from \"./List.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface ListProps extends VibeComponentProps {\n /**\n * The wrapping component for the list.\n */\n component?: ListElement;\n /**\n * The ARIA label describing the list.\n */\n \"aria-label\"?: string;\n /**\n * The ID of an element that describes the list.\n */\n \"aria-describedby\"?: string;\n /**\n * The ID of an element controlled by the list.\n */\n \"aria-controls\"?: AriaAttributes[\"aria-controls\"];\n /**\n * The child elements inside the list.\n */\n children?: ReactElement<ListItemProps | ListTitleProps> | ReactElement<ListItemProps | ListTitleProps>[];\n /**\n * If true, uses a virtualized list to render only visible items for performance optimization.\n */\n renderOnlyVisibleItems?: boolean;\n /**\n * Custom inline styles applied to the list.\n */\n style?: CSSProperties;\n /**\n * The ARIA role of the list.\n */\n role?: AriaRole;\n}\n\nconst List = forwardRef(\n (\n {\n className,\n id,\n component = \"ul\",\n children,\n \"aria-label\": ariaLabel,\n \"aria-describedby\": ariaDescribedBy,\n \"aria-controls\": ariaControls,\n renderOnlyVisibleItems = false,\n style,\n role = \"listbox\",\n \"data-testid\": dataTestId\n }: ListProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n const childrenRefs: React.MutableRefObject<HTMLElement[]> = useRef([]);\n\n const overrideId = useListId(id);\n const [focusIndex, setFocusIndex] = useState(0);\n const Component = component;\n\n const updateFocusedItem = useCallback((id: string) => {\n setFocusIndex(getListItemIndexById(childrenRefs, id));\n componentRef?.current?.setAttribute(\"aria-activedescendant\", id);\n }, []);\n\n const onUpDownArrows = useCallback(\n (event: KeyboardEvent) => {\n if (renderOnlyVisibleItems) {\n return;\n }\n event.preventDefault();\n\n const isUpKey = event.key === keyCodes.UP_ARROW;\n const isDownKey = event.key === keyCodes.DOWN_ARROW;\n let overrideFocusIndex = undefined;\n\n if (isDownKey && focusIndex + 1 < childrenRefs.current.length) {\n overrideFocusIndex = getNextListItemIndex(focusIndex, childrenRefs);\n } else if (isUpKey && focusIndex > 0) {\n overrideFocusIndex = getPrevListItemIndex(focusIndex, childrenRefs);\n }\n if (overrideFocusIndex !== undefined) {\n updateFocusedItem(getListItemIdByIndex(childrenRefs, overrideFocusIndex));\n childrenRefs.current[overrideFocusIndex].focus();\n }\n },\n [focusIndex, renderOnlyVisibleItems, updateFocusedItem]\n );\n\n useKeyEvent({\n keys: UP_DOWN_ARROWS,\n callback: onUpDownArrows,\n ref: componentRef\n });\n\n useEffect(() => {\n const selectedItemIndex = childrenRefs.current.findIndex(\n child => child instanceof HTMLElement && isListItem(child) && child?.getAttribute(\"aria-selected\") === \"true\"\n );\n if (selectedItemIndex !== -1) {\n updateFocusedItem(getListItemIdByIndex(childrenRefs, selectedItemIndex));\n } else {\n const firstFocusableIndex = childrenRefs.current.findIndex(child => isListItem(child));\n if (firstFocusableIndex !== -1) {\n updateFocusedItem(getListItemIdByIndex(childrenRefs, firstFocusableIndex));\n }\n }\n }, [updateFocusedItem]);\n\n const overrideChildren = useMemo(() => {\n let override: ReactElement | ReactElement[] = Array.isArray(children) ? children : [children];\n if (renderOnlyVisibleItems) {\n override = <VirtualizedListItems>{override}</VirtualizedListItems>;\n } else {\n childrenRefs.current = childrenRefs.current.slice(0, override.length);\n override = React.Children.map(override, (child, index) => {\n if (!React.isValidElement(child)) {\n return child;\n }\n const id = (child.props as ListItemProps).id || `${overrideId}-item-${index}`;\n const currentRef = childrenRefs.current[index];\n const isFocusableItem = currentRef === undefined || currentRef === null || isListItem(currentRef);\n return React.cloneElement(child, {\n // @ts-ignore not sure how to deal with ref here\n ref: ref => (childrenRefs.current[index] = ref),\n tabIndex: focusIndex === index && isFocusableItem ? 0 : -1,\n id,\n component: getListItemComponentType(component),\n role: (child.props as ListItemProps).role\n });\n });\n }\n\n return override;\n }, [children, component, focusIndex, overrideId, renderOnlyVisibleItems]);\n\n return (\n <ListContext.Provider value={{ updateFocusedItem }}>\n <Component\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.LIST, id)}\n data-vibe={ComponentVibeId.LIST}\n ref={mergedRef}\n style={style}\n className={cx(styles.list, className)}\n id={overrideId}\n aria-label={ariaLabel}\n aria-describedby={ariaDescribedBy}\n aria-controls={ariaControls}\n tabIndex={-1}\n role={role}\n >\n {overrideChildren}\n </Component>\n </ListContext.Provider>\n );\n }\n);\n\nexport default List;\n"],"names":["List","forwardRef","_ref","ref","className","id","_ref$component","component","children","ariaLabel","ariaDescribedBy","ariaControls","_ref$renderOnlyVisibl","renderOnlyVisibleItems","style","_ref$role","role","dataTestId","componentRef","useRef","mergedRef","useMergeRef","childrenRefs","overrideId","useListId","_useState","useState","_useState2","_slicedToArray","focusIndex","setFocusIndex","Component","updateFocusedItem","useCallback","getListItemIndexById","_a","current","setAttribute","onUpDownArrows","event","preventDefault","isUpKey","key","keyCodes","UP_ARROW","overrideFocusIndex","undefined","DOWN_ARROW","length","getNextListItemIndex","getPrevListItemIndex","getListItemIdByIndex","focus","useKeyEvent","keys","UP_DOWN_ARROWS","callback","useEffect","selectedItemIndex","findIndex","child","HTMLElement","isListItem","getAttribute","firstFocusableIndex","overrideChildren","useMemo","override","Array","isArray","React","createElement","VirtualizedListItems","slice","Children","map","index","isValidElement","props","concat","currentRef","isFocusableItem","cloneElement","_ref2","tabIndex","getListItemComponentType","ListContext","Provider","value","getTestId","ComponentDefaultTestId","LIST","ComponentVibeId","cx","styles","list"],"mappings":"k7BAsEMA,IAAAA,EAAOC,GACX,SAAAC,EAcEC,GACE,IAbAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GAAEC,EAAAJ,EACFK,UAAAA,OAAY,IAAHD,EAAG,KAAIA,EAChBE,EAAQN,EAARM,SACcC,EAASP,EAAvB,cACoBQ,EAAeR,EAAnC,oBACiBS,EAAYT,EAA7B,iBAAeU,EAAAV,EACfW,uBAAAA,OAAyB,IAAHD,GAAQA,EAC9BE,EAAKZ,EAALY,MAAKC,EAAAb,EACLc,KAAAA,OAAO,IAAHD,EAAG,UAASA,EACDE,EAAUf,EAAzB,eAIIgB,EAAeC,EAAO,MACtBC,EAAYC,EAAYlB,EAAKe,GAC7BI,EAAsDH,EAAO,IAE7DI,EAAaC,EAAUnB,GAC7BoB,EAAoCC,EAAS,GAAEC,EAAAC,EAAAH,EAAA,GAAxCI,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAC1BI,EAAYxB,EAEZyB,EAAoBC,GAAY,SAAC5B,SACrCyB,EAAcI,EAAqBZ,EAAcjB,IAC1B,QAAvB8B,EAAAjB,aAAY,EAAZA,EAAckB,eAAS,IAAAD,GAAAA,EAAAE,aAAa,wBAAyBhC,EAC9D,GAAE,IAEGiC,EAAiBL,GACrB,SAACM,GACC,IAAI1B,EAAJ,CAGA0B,EAAMC,iBAEN,IAAMC,EAAUF,EAAMG,MAAQC,EAASC,SAEnCC,OAAqBC,EADPP,EAAMG,MAAQC,EAASI,YAGPzB,EAAac,QAAQY,OAAtCnB,EAAa,EAC5BgB,EAAqBI,EAAqBpB,EAAYP,GAC7CmB,GAAWZ,EAAa,IACjCgB,EAAqBK,EAAqBrB,EAAYP,SAE7BwB,IAAvBD,IACFb,EAAkBmB,EAAqB7B,EAAcuB,IACrDvB,EAAac,QAAQS,GAAoBO,QAd3C,CAgBD,GACD,CAACvB,EAAYhB,EAAwBmB,IAGvCqB,EAAY,CACVC,KAAMC,EACNC,SAAUlB,EACVnC,IAAKe,IAGPuC,GAAU,WACR,IAAMC,EAAoBpC,EAAac,QAAQuB,WAC7C,SAAAC,GAAK,OAAIA,aAAiBC,aAAeC,EAAWF,IAAmD,UAAzCA,aAAA,EAAAA,EAAOG,aAAa,qBAEpF,IAA2B,IAAvBL,EACF1B,EAAkBmB,EAAqB7B,EAAcoC,QAChD,CACL,IAAMM,EAAsB1C,EAAac,QAAQuB,WAAU,SAAAC,GAAK,OAAIE,EAAWF,OAClD,IAAzBI,GACFhC,EAAkBmB,EAAqB7B,EAAc0C,GAEzD,CACF,GAAG,CAAChC,IAEJ,IAAMiC,EAAmBC,GAAQ,WAC/B,IAAIC,EAA0CC,MAAMC,QAAQ7D,GAAYA,EAAW,CAACA,GAuBpF,OAtBIK,EACFsD,EAAWG,EAACC,cAAAC,EAAsB,KAAAL,IAElC7C,EAAac,QAAUd,EAAac,QAAQqC,MAAM,EAAGN,EAASnB,QAC9DmB,EAAWG,EAAMI,SAASC,IAAIR,GAAU,SAACP,EAAOgB,GAC9C,IAAKN,EAAMO,eAAejB,GACxB,OAAOA,EAET,IAAMvD,EAAMuD,EAAMkB,MAAwBzE,IAAE0E,GAAAA,OAAOxD,EAAU,UAAAwD,OAASH,GAChEI,EAAa1D,EAAac,QAAQwC,GAClCK,EAAkBD,SAAmDlB,EAAWkB,GACtF,OAAOV,EAAMY,aAAatB,EAAO,CAE/BzD,IAAK,SAAGgF,GAAA,OAAK7D,EAAac,QAAQwC,GAASzE,CAAI,EAC/CiF,SAAUvD,IAAe+C,GAASK,EAAkB,GAAK,EACzD5E,GAAAA,EACAE,UAAW8E,EAAyB9E,GACpCS,KAAO4C,EAAMkB,MAAwB9D,MAEzC,KAGKmD,CACT,GAAG,CAAC3D,EAAUD,EAAWsB,EAAYN,EAAYV,IAEjD,OACEyD,EAACC,cAAAe,EAAYC,UAASC,MAAO,CAAExD,kBAAAA,IAC7BsC,EAACC,cAAAxC,EACc,CAAA,cAAAd,GAAcwE,EAAUC,EAAuBC,KAAMtF,GAAG,YAC1DuF,EAAgBD,KAC3BxF,IAAKiB,EACLN,MAAOA,EACPV,UAAWyF,EAAGC,EAAOC,KAAM3F,GAC3BC,GAAIkB,EACQ,aAAAd,EACM,mBAAAC,EACH,gBAAAC,EACfyE,UAAW,EACXpE,KAAMA,GAELiD,GAIT"}
@@ -1,2 +0,0 @@
1
- var e={list:"list_c54b6a93c0"};!function(e){const t="s_id-ed9bf484fec4_4_5_27";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.list_c54b6a93c0 {\n margin: 0;\n padding: 0;\n overflow: auto;\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.list_c54b6a93c0::-webkit-scrollbar {\n width: 4px;\n height: 6px;\n}\n.list_c54b6a93c0::-webkit-scrollbar-thumb {\n background-color: var(--ui-border-color);\n border-radius: 4px;\n}");export{e as default};
2
- //# sourceMappingURL=List.module.scss.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"List.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- import t,{useMemo as e,useCallback as i}from"react";import r from"classnames";import s from"../../ListItem/ListItem.js";import a from"../../ListTitle/ListTitle.js";import o from"./VirtualizedListItems.module.scss.js";import m from"../../../../components/virtualized-list/dist/VirtualizedList/VirtualizedList.js";var l="title",n="item",p=function(p){var c=p.children,d=e((function(){return(Array.isArray(c)?c:[c]).map((function(t,e){var i=t.type.displayName;return i===a.displayName?{type:l,id:"list-title-".concat(e),props:t.props,height:48}:i===s.displayName?{type:n,id:t.props.id||"list-item-".concat(e),props:t.props,height:32}:void 0})).filter((function(t){return void 0!==t}))}),[c]),u=i((function(e,i,r){var o,m=e.props;switch(e.type){case l:o=t.createElement(a,Object.assign({},m));break;case n:o=t.createElement(s,Object.assign({},m))}return t.createElement("div",{style:r},o)}),[]);return t.createElement(m,{scrollableClassName:r(o.scrollableContainer),items:d,itemRenderer:u})};export{p as VirtualizedListItems};
2
- //# sourceMappingURL=VirtualizedListItems.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"VirtualizedListItems.js","sources":["../../../../../src/components/List/VirtualizedListItems/VirtualizedListItems.tsx"],"sourcesContent":["import React, { type CSSProperties, type ReactElement, useCallback, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport ListItem, { type ListItemProps } from \"../../../components/ListItem/ListItem\";\nimport ListTitle, { type ListTitleProps } from \"../../ListTitle/ListTitle\";\nimport { VirtualizedList } from \"@vibe/virtualized-list\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { type ListItemIconProps } from \"../../ListItemIcon/ListItemIcon\";\nimport styles from \"./VirtualizedListItems.module.scss\";\n\nconst ITEM_CHILDREN_TYPES = {\n TITLE: \"title\",\n ITEM: \"item\"\n};\n\nconst LIST_TITLE_HEIGHT = 48;\nconst LIST_ITEM_HEIGHT = 32;\n\nexport interface VirtualizedListItemsProps extends VibeComponentProps {\n /**\n * The list of children.\n */\n children?: React.ReactElement<ListItemProps | ListTitleProps> | React.ReactElement<ListItemProps | ListTitleProps>[];\n}\n\nexport const VirtualizedListItems: React.FC<VirtualizedListItemsProps> = ({ children }) => {\n const items = useMemo(() => {\n const childrenArr = Array.isArray(children) ? children : [children];\n return childrenArr\n .map((child, index) => {\n // @ts-ignore displayName is coming from Component assigned field: ListTitle, ListItem\n const childTypeDisplayName = child.type.displayName;\n if (childTypeDisplayName === ListTitle.displayName) {\n return {\n type: ITEM_CHILDREN_TYPES.TITLE,\n id: `list-title-${index}`,\n props: child.props,\n // avoid add spacing to the first category on the list\n height: LIST_TITLE_HEIGHT\n };\n } else if (childTypeDisplayName === ListItem.displayName) {\n const { id } = child.props;\n return {\n type: ITEM_CHILDREN_TYPES.ITEM,\n id: id || `list-item-${index}`,\n props: child.props,\n height: LIST_ITEM_HEIGHT\n };\n } else {\n return undefined;\n }\n })\n .filter(item => item !== undefined);\n }, [children]);\n\n const itemRenderer = useCallback(\n (item: ReactElement<ListItemProps | ListItemIconProps | ListTitleProps>, index: number, style: CSSProperties) => {\n const { type, props } = item;\n let element;\n switch (type) {\n case ITEM_CHILDREN_TYPES.TITLE: {\n element = <ListTitle {...(props as ListTitleProps)} />;\n break;\n }\n case ITEM_CHILDREN_TYPES.ITEM: {\n element = <ListItem {...(props as ListItemProps)} />;\n break;\n }\n }\n\n return <div style={style}>{element}</div>;\n },\n []\n );\n\n return (\n // @ts-ignore TODO TS-migration fix when VirtualizedList is converted to TS\n <VirtualizedList scrollableClassName={cx(styles.scrollableContainer)} items={items} itemRenderer={itemRenderer} />\n );\n};\n"],"names":["ITEM_CHILDREN_TYPES","VirtualizedListItems","_ref","children","items","useMemo","Array","isArray","map","child","index","childTypeDisplayName","type","displayName","ListTitle","id","concat","props","height","ListItem","filter","item","undefined","itemRenderer","useCallback","style","element","React","createElement","Object","assign","VirtualizedList","scrollableClassName","cx","styles","scrollableContainer"],"mappings":"wTASA,IAAMA,EACG,QADHA,EAEE,OAaKC,EAA4D,SAAxCC,GAAyD,IAAdC,EAAQD,EAARC,SACpEC,EAAQC,GAAQ,WAEpB,OADoBC,MAAMC,QAAQJ,GAAYA,EAAW,CAACA,IAEvDK,KAAI,SAACC,EAAOC,GAEX,IAAMC,EAAuBF,EAAMG,KAAKC,YACxC,OAAIF,IAAyBG,EAAUD,YAC9B,CACLD,KAAMZ,EACNe,GAAEC,cAAAA,OAAgBN,GAClBO,MAAOR,EAAMQ,MAEbC,OAvBc,IAyBPP,IAAyBQ,EAASN,YAEpC,CACLD,KAAMZ,EACNe,GAHaN,EAAMQ,MAAbF,IAGA,aAAAC,OAAiBN,GACvBO,MAAOR,EAAMQ,MACbC,OA9Ba,SAiCf,CAEJ,IACCE,QAAO,SAAAC,GAAI,YAAaC,IAATD,IACpB,GAAG,CAAClB,IAEEoB,EAAeC,GACnB,SAACH,EAAwEX,EAAee,GACtF,IACIC,EADUT,EAAUI,EAAVJ,MAEd,OAFwBI,EAAhBT,MAGN,KAAKZ,EACH0B,EAAUC,EAACC,cAAAd,EAAee,OAAAC,OAAA,CAAA,EAAAb,IAC1B,MAEF,KAAKjB,EACH0B,EAAUC,EAACC,cAAAT,EAAcU,OAAAC,OAAA,CAAA,EAAAb,IAK7B,OAAOU,uBAAKF,MAAOA,GAAQC,EAC5B,GACD,IAGF,OAEEC,EAACC,cAAAG,GAAgBC,oBAAqBC,EAAGC,EAAOC,qBAAsB/B,MAAOA,EAAOmB,aAAcA,GAEtG"}
@@ -1,2 +0,0 @@
1
- var e={scrollableContainer:"scrollableContainer_6d7621c674"};!function(e){const n="s_id-8a3397ff1208_4_5_27";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,l.firstChild?l.insertBefore(t,l.firstChild):l.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.scrollableContainer_6d7621c674 {\n margin: 0;\n padding: 0;\n overflow: auto;\n}\n.scrollableContainer_6d7621c674::-webkit-scrollbar {\n width: 4px;\n height: 6px;\n}\n.scrollableContainer_6d7621c674::-webkit-scrollbar-thumb {\n background-color: var(--ui-border-color);\n border-radius: 4px;\n}");export{e as default};
2
- //# sourceMappingURL=VirtualizedListItems.module.scss.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"VirtualizedListItems.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- import t from"react";import{NOOP as e}from"../../../../shared/dist/utils/function-utils.js";var r=t.createContext({updateFocusedItem:e});export{r as ListContext};
2
- //# sourceMappingURL=ListContext.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListContext.js","sources":["../../../../../src/components/List/utils/ListContext.ts"],"sourcesContent":["import React from \"react\";\nimport { NOOP } from \"@vibe/shared\";\n\ntype ListContextType = {\n /**\n * A callback function which is being called when the item is being focused by keyboard navigation\n * @param ListItem id\n */\n updateFocusedItem: (id: string) => void;\n};\n\nexport const ListContext = React.createContext<ListContextType>({ updateFocusedItem: NOOP });\n"],"names":["ListContext","React","createContext","updateFocusedItem","NOOP"],"mappings":"gGAWaA,EAAcC,EAAMC,cAA+B,CAAEC,kBAAmBC"}
@@ -1,2 +0,0 @@
1
- import{slicedToArray as r}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as t}from"react";import{useIsomorphicLayoutEffect as n}from"../../../../shared/dist/hooks/ssr/useIsomorphicLayoutEffect.js";var e=0,i=function(){return"list-".concat(e++)},u=["option","listitem","menuitem","tab","treeitem"],o=function(e){var u=t(),o=r(u,2),c=o[0],f=o[1];return n((function(){f(e||i())}),[e]),c},c=function(r,t){var n;return null===(n=r.current[t])||void 0===n?void 0:n.id},f=function(r,t){return r.current.findIndex((function(r){return(null==r?void 0:r.id)===t}))},a=function(r){switch(r){case"ul":case"ol":return"li";case"nav":return"a";default:return"div"}},l=function(r){return r&&r instanceof HTMLElement&&u.includes(r.getAttribute("role"))},s=function(r,t){for(;t.current.length-1>r;){var n=t.current[++r];if(l(n))return r}},d=function(r,t){for(;r>0;){var n=t.current[--r];if(l(n))return r}};export{i as generateListId,a as getListItemComponentType,c as getListItemIdByIndex,f as getListItemIndexById,s as getNextListItemIndex,d as getPrevListItemIndex,l as isListItem,o as useListId};
2
- //# sourceMappingURL=ListUtils.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListUtils.js","sources":["../../../../../src/components/List/utils/ListUtils.ts"],"sourcesContent":["import { type MutableRefObject, useState } from \"react\";\nimport { type ListItemElement } from \"../../ListItem/ListItem.types\";\nimport { type ListElement } from \"../List.types\";\nimport { useIsomorphicLayoutEffect } from \"@vibe/shared\";\n\nlet listIdCounter = 0;\nexport const generateListId = () => {\n return `list-${listIdCounter++}`;\n};\n\nconst VALID_ROLES = [\"option\", \"listitem\", \"menuitem\", \"tab\", \"treeitem\"];\n\nexport const useListId = (id: string) => {\n const [listId, setListId] = useState<string>();\n useIsomorphicLayoutEffect(() => {\n setListId(id || generateListId());\n }, [id]);\n return listId;\n};\n\nexport const getListItemIdByIndex = (childrenRefs: MutableRefObject<HTMLElement[]>, index: number): string => {\n return childrenRefs.current[index]?.id;\n};\n\nexport const getListItemIndexById = (childrenRefs: MutableRefObject<HTMLElement[]>, id: string): number => {\n return childrenRefs.current.findIndex(child => child?.id === id);\n};\n\nexport const getListItemComponentType = (listComponent: ListElement): ListItemElement => {\n switch (listComponent) {\n case \"ul\":\n case \"ol\":\n return \"li\";\n case \"nav\":\n return \"a\";\n default:\n return \"div\";\n }\n};\n\nexport const isListItem = (element: HTMLElement) => {\n return element && element instanceof HTMLElement && VALID_ROLES.includes(element.getAttribute(\"role\"));\n};\n\nexport const getNextListItemIndex = (currentIndex: number, childrenRefs: MutableRefObject<HTMLElement[]>) => {\n while (currentIndex < childrenRefs.current.length - 1) {\n const child = childrenRefs.current[++currentIndex];\n if (isListItem(child)) {\n return currentIndex;\n }\n }\n return undefined;\n};\n\nexport const getPrevListItemIndex = (currentIndex: number, childrenRefs: MutableRefObject<HTMLElement[]>) => {\n while (currentIndex > 0) {\n const child = childrenRefs.current[--currentIndex];\n if (isListItem(child)) {\n return currentIndex;\n }\n }\n return undefined;\n};\n"],"names":["listIdCounter","generateListId","concat","VALID_ROLES","useListId","id","_useState","useState","_useState2","_slicedToArray","listId","setListId","useIsomorphicLayoutEffect","getListItemIdByIndex","childrenRefs","index","_a","current","getListItemIndexById","findIndex","child","getListItemComponentType","listComponent","isListItem","element","HTMLElement","includes","getAttribute","getNextListItemIndex","currentIndex","length","getPrevListItemIndex"],"mappings":"8NAKA,IAAIA,EAAgB,EACPC,EAAiB,WAC5B,MAAAC,QAAAA,OAAeF,IACjB,EAEMG,EAAc,CAAC,SAAU,WAAY,WAAY,MAAO,YAEjDC,EAAY,SAACC,GACxB,IAAAC,EAA4BC,IAAkBC,EAAAC,EAAAH,EAAA,GAAvCI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAIxB,OAHAI,GAA0B,WACxBD,EAAUN,GAAMJ,IAClB,GAAG,CAACI,IACGK,CACT,EAEaG,EAAuB,SAACC,EAA+CC,SAClF,OAAoC,QAA7BC,EAAAF,EAAaG,QAAQF,UAAQ,IAAAC,OAAA,EAAAA,EAAAX,EACtC,EAEaa,EAAuB,SAACJ,EAA+CT,GAClF,OAAOS,EAAaG,QAAQE,WAAU,SAAAC,GAAK,OAAIA,aAAA,EAAAA,EAAOf,MAAOA,IAC/D,EAEagB,EAA2B,SAACC,GACvC,OAAQA,GACN,IAAK,KACL,IAAK,KACH,MAAO,KACT,IAAK,MACH,MAAO,IACT,QACE,MAAO,MAEb,EAEaC,EAAa,SAACC,GACzB,OAAOA,GAAWA,aAAmBC,aAAetB,EAAYuB,SAASF,EAAQG,aAAa,QAChG,EAEaC,EAAuB,SAACC,EAAsBf,GACzD,KAAsBA,EAAaG,QAAQa,OAAS,EAA7CD,GAAgD,CACrD,IAAMT,EAAQN,EAAaG,UAAUY,GACrC,GAAIN,EAAWH,GACb,OAAOS,CAEX,CAEF,EAEaE,EAAuB,SAACF,EAAsBf,GACzD,KAAOe,EAAe,GAAG,CACvB,IAAMT,EAAQN,EAAaG,UAAUY,GACrC,GAAIN,EAAWH,GACb,OAAOS,CAEX,CAEF"}
@@ -1,2 +0,0 @@
1
- import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t from"classnames";import o,{forwardRef as s,useContext as i,useRef as r,useEffect as a,useCallback as d}from"react";import{camelCase as n}from"es-toolkit";import{SELECTION_KEYS as l}from"../../constants/keyCodes.js";import{SIZES as m}from"../../constants/sizes.js";import"../../hooks/useVibeMediaQuery/index.js";import{ListContext as p}from"../List/utils/ListContext.js";import c from"./ListItem.module.scss.js";import u from"../../../components/typography/dist/Text/Text.js";import{useMergeRef as f}from"../../../shared/dist/hooks/useMergeRef.js";import{useKeyEvent as v}from"../../../shared/dist/hooks/useKeyEvent.js";import{getStyle as j}from"../../../shared/dist/utils/typesciptCssModulesHelper.js";import{NOOP as y}from"../../../shared/dist/utils/function-utils.js";var b=s((function(s,b){var h=s.className,k=s.id,x=s.component,I=void 0===x?"div":x,L=s.onClick,C=void 0===L?y:L,M=s.onHover,g=void 0===M?y:M,P=s.selected,E=s.disabled,H=void 0!==E&&E,N=s.size,z=void 0===N?m.SMALL:N,F=s.tabIndex,T=void 0===F?0:F,_=s.children,A=s["aria-current"],B=s["data-testid"],K=s.role,O=void 0===K?"option":K,Q=s.tooltipProps,R=i(p).updateFocusedItem,S=r(null),V=f(b,S);a((function(){P&&(null==R||R(k))}),[P,k,R]);var q=d((function(e){H||C(e,k)}),[H,C,k]),w=d((function(e){return q(e)}),[q]);v({keys:l,ref:S,callback:w});var D=d((function(e){H||g(e,k)}),[H,g,k]);return o.createElement(u,{element:I,"data-testid":B||k,ref:V,className:t(c.listItem,h,j(c,n(z)),e(e({},c.selected,P&&!H),c.disabled,H)),id:k,type:"text2","aria-disabled":H,"aria-selected":P,onClick:q,onMouseEnter:D,onFocus:D,role:O,tabIndex:T,"aria-current":A,tooltipProps:Q},_)}));Object.assign(b,{displayName:"ListItem"});export{b as default};
2
- //# sourceMappingURL=ListItem.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListItem.js","sources":["../../../../src/components/ListItem/ListItem.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, {\n type AriaAttributes,\n type AriaRole,\n forwardRef,\n useCallback,\n useContext,\n useEffect,\n useRef\n} from \"react\";\nimport { camelCase } from \"es-toolkit\";\nimport { getStyle, NOOP, useMergeRef } from \"@vibe/shared\";\nimport { Text } from \"@vibe/typography\";\nimport { SIZES, SELECTION_KEYS } from \"../../constants\";\n\nimport { type VibeComponentProps, type ElementContent } from \"../../types\";\nimport { useKeyEvent } from \"../../hooks\";\n\nimport { ListContext } from \"../List/utils/ListContext\";\nimport { type ListItemElement, type ListItemSize } from \"./ListItem.types\";\nimport { type TooltipProps } from \"@vibe/tooltip\";\nimport styles from \"./ListItem.module.scss\";\n\nexport interface ListItemProps extends VibeComponentProps {\n /**\n * The HTML element used for the list item.\n */\n component?: ListItemElement;\n /**\n * The textual content inside the list item.\n */\n children?: ElementContent;\n /**\n * Callback fired when the item is clicked.\n */\n onClick?: (event: React.MouseEvent | React.KeyboardEvent, id: string) => void;\n /**\n * Callback fired when the item is hovered.\n */\n onHover?: (event: React.MouseEvent | React.FocusEvent, id: string) => void;\n /**\n * If true, disables the item and prevents interactions.\n */\n disabled?: boolean;\n /**\n * If true, marks the item as selected.\n */\n selected?: boolean;\n /**\n * The size of the list item.\n */\n size?: ListItemSize;\n /**\n * The tab index of the list item for keyboard navigation.\n */\n tabIndex?: number;\n /**\n * Indicates the current state of the item in a set of items.\n */\n \"aria-current\"?: AriaAttributes[\"aria-current\"];\n /**\n * The ARIA role of the list item.\n */\n role?: AriaRole;\n /**\n * Props passed to the tooltip displayed when hovering over the text.\n */\n tooltipProps?: Partial<TooltipProps>;\n}\n\nconst ListItem = forwardRef(\n (\n {\n className,\n id,\n component = \"div\",\n onClick = NOOP,\n onHover = NOOP,\n selected,\n disabled = false,\n size = SIZES.SMALL,\n tabIndex = 0,\n children,\n \"aria-current\": ariaCurrent,\n \"data-testid\": dataTestId,\n role = \"option\",\n tooltipProps\n }: ListItemProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const { updateFocusedItem } = useContext(ListContext);\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n useEffect(() => {\n if (selected) {\n updateFocusedItem?.(id);\n }\n }, [selected, id, updateFocusedItem]);\n\n const componentOnClick = useCallback(\n (event: React.MouseEvent | React.KeyboardEvent) => {\n if (disabled) return;\n onClick(event, id);\n },\n [disabled, onClick, id]\n );\n\n const onKeyboardSelect = useCallback((event: React.KeyboardEvent) => componentOnClick(event), [componentOnClick]);\n\n useKeyEvent({\n keys: SELECTION_KEYS,\n ref: componentRef,\n callback: onKeyboardSelect\n });\n\n const componentOnHover = useCallback(\n (event: React.MouseEvent | React.FocusEvent) => {\n if (disabled) return;\n onHover(event, id);\n },\n [disabled, onHover, id]\n );\n\n return (\n <Text\n element={component}\n data-testid={dataTestId || id}\n ref={mergedRef}\n className={cx(styles.listItem, className, getStyle(styles, camelCase(size)), {\n [styles.selected]: selected && !disabled,\n [styles.disabled]: disabled\n })}\n id={id}\n type=\"text2\"\n aria-disabled={disabled}\n aria-selected={selected}\n onClick={componentOnClick}\n onMouseEnter={componentOnHover}\n onFocus={componentOnHover}\n role={role}\n tabIndex={tabIndex}\n aria-current={ariaCurrent}\n tooltipProps={tooltipProps}\n >\n {children}\n </Text>\n );\n }\n);\n\nObject.assign(ListItem, {\n // Used by VirtualizedListItems\n displayName: \"ListItem\"\n});\n\nexport default ListItem;\n"],"names":["ListItem","forwardRef","_ref","ref","className","id","_ref$component","component","_ref$onClick","onClick","NOOP","_ref$onHover","onHover","selected","_ref$disabled","disabled","_ref$size","size","SIZES","SMALL","_ref$tabIndex","tabIndex","children","ariaCurrent","dataTestId","_ref$role","role","tooltipProps","updateFocusedItem","useContext","ListContext","componentRef","useRef","mergedRef","useMergeRef","useEffect","componentOnClick","useCallback","event","onKeyboardSelect","useKeyEvent","keys","SELECTION_KEYS","callback","componentOnHover","React","createElement","Text","element","cx","styles","listItem","getStyle","camelCase","_defineProperty","type","onMouseEnter","onFocus","Object","assign","displayName"],"mappings":"21BAsEMA,IAAAA,EAAWC,GACf,SAAAC,EAiBEC,GACE,IAhBAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GAAEC,EAAAJ,EACFK,UAAAA,OAAY,IAAHD,EAAG,MAAKA,EAAAE,EAAAN,EACjBO,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAT,EACdU,QAAAA,OAAUF,IAAHC,EAAGD,EAAIC,EACdE,EAAQX,EAARW,SAAQC,EAAAZ,EACRa,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAd,EAChBe,KAAAA,OAAI,IAAAD,EAAGE,EAAMC,MAAKH,EAAAI,EAAAlB,EAClBmB,SAAAA,OAAW,IAAHD,EAAG,EAACA,EACZE,EAAQpB,EAARoB,SACgBC,EAAWrB,EAA3B,gBACesB,EAAUtB,EAAzB,eAAauB,EAAAvB,EACbwB,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAAYzB,EAAZyB,aAIMC,EAAsBC,EAAWC,GAAjCF,kBACFG,EAAeC,EAAO,MACtBC,EAAYC,EAAY/B,EAAK4B,GAEnCI,GAAU,WACJtB,IACFe,SAAAA,EAAoBvB,GAEvB,GAAE,CAACQ,EAAUR,EAAIuB,IAElB,IAAMQ,EAAmBC,GACvB,SAACC,GACKvB,GACJN,EAAQ6B,EAAOjC,EAChB,GACD,CAACU,EAAUN,EAASJ,IAGhBkC,EAAmBF,GAAY,SAACC,GAA0B,OAAKF,EAAiBE,KAAQ,CAACF,IAE/FI,EAAY,CACVC,KAAMC,EACNvC,IAAK4B,EACLY,SAAUJ,IAGZ,IAAMK,EAAmBP,GACvB,SAACC,GACKvB,GACJH,EAAQ0B,EAAOjC,EAChB,GACD,CAACU,EAAUH,EAASP,IAGtB,OACEwC,EAAAC,cAACC,EAAI,CACHC,QAASzC,EACI,cAAAiB,GAAcnB,EAC3BF,IAAK8B,EACL7B,UAAW6C,EAAGC,EAAOC,SAAU/C,EAAWgD,EAASF,EAAQG,EAAUpC,IAAMqC,EAAAA,EACxEJ,CAAAA,EAAAA,EAAOrC,SAAWA,IAAaE,GAC/BmC,EAAOnC,SAAWA,IAErBV,GAAIA,EACJkD,KAAK,QAAO,gBACGxC,EACA,gBAAAF,EACfJ,QAAS2B,EACToB,aAAcZ,EACda,QAASb,EACTlB,KAAMA,EACNL,SAAUA,iBACIE,EACdI,aAAcA,GAEbL,EAGP,IAGFoC,OAAOC,OAAO3D,EAAU,CAEtB4D,YAAa"}
@@ -1,2 +0,0 @@
1
- var e={listItem:"listItem_2a727ac969","focus-visible":"focus-visible_162a82aa8b",disabled:"disabled_490ef2b5a6",selected:"selected_e9c35760ad",small:"small_2d8afe26b9",medium:"medium_d15ab172c8",large:"large_0c78ec15e5"};!function(e){const n="s_id-8402a299d384_4_5_27";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,a.firstChild?a.insertBefore(l,a.firstChild):a.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.listItem_2a727ac969 {\n display: flex;\n align-items: center;\n padding: 8px 16px;\n border-radius: 4px;\n cursor: pointer;\n}\n.listItem_2a727ac969:focus-visible, .listItem_2a727ac969.focus-visible_162a82aa8b {\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.listItem_2a727ac969:focus:not(.focus-visible_162a82aa8b) {\n outline: none;\n}\n.listItem_2a727ac969:hover {\n background-color: var(--primary-background-hover-color);\n}\n.disabled_490ef2b5a6 {\n cursor: not-allowed;\n}\n.disabled_490ef2b5a6:hover {\n background-color: transparent;\n}\n.selected_e9c35760ad {\n background-color: var(--primary-selected-color);\n}\n.selected_e9c35760ad:hover {\n background-color: var(--primary-selected-color);\n}\n.small_2d8afe26b9 {\n height: 32px;\n}\n.medium_d15ab172c8 {\n height: 40px;\n}\n.large_0c78ec15e5 {\n height: 48px;\n}");export{e as default};
2
- //# sourceMappingURL=ListItem.module.scss.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListItem.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- import a,{forwardRef as e,useRef as r}from"react";import t from"classnames";import s from"./ListItemAvatar.module.scss.js";import m from"../../../components/avatar/dist/Avatar/Avatar.js";import{useMergeRef as o}from"../../../shared/dist/hooks/useMergeRef.js";var i=e((function(e,i){var l=e.className,c=e.id,n=e.src,d=e.avatarClassName,v=e.component,f=void 0===v?"div":v,p=r(null),u=o(i,p);return a.createElement(f,{ref:u,className:t(s.listItemAvatar,l),id:c,"aria-hidden":"true"},a.createElement(m,{src:n,type:"img",size:"small",className:t(s.avatar,d)}))}));export{i as default};
2
- //# sourceMappingURL=ListItemAvatar.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListItemAvatar.js","sources":["../../../../src/components/ListItemAvatar/ListItemAvatar.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { Avatar } from \"@vibe/avatar\";\nimport { type ListItemElement } from \"../ListItem\";\nimport styles from \"./ListItemAvatar.module.scss\";\n\nexport interface ListItemAvatarProps extends VibeComponentProps {\n /**\n * The HTML element used for the list item avatar.\n */\n component?: ListItemElement;\n /**\n * The source URL of the avatar image.\n */\n src?: string;\n /**\n * Class name applied to the avatar.\n */\n avatarClassName?: string;\n}\n\nconst ListItemAvatar = forwardRef(\n (\n { className, id, src, avatarClassName, component: Component = \"div\" }: ListItemAvatarProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n return (\n <Component ref={mergedRef} className={cx(styles.listItemAvatar, className)} id={id} aria-hidden=\"true\">\n <Avatar src={src} type=\"img\" size=\"small\" className={cx(styles.avatar, avatarClassName)} />\n </Component>\n );\n }\n);\n\nexport default ListItemAvatar;\n"],"names":["ListItemAvatar","forwardRef","_ref","ref","className","id","src","avatarClassName","_ref$component","component","Component","componentRef","useRef","mergedRef","useMergeRef","React","cx","styles","listItemAvatar","createElement","Avatar","type","size","avatar"],"mappings":"mQAuBMA,IAAAA,EAAiBC,GACrB,SAAAC,EAEEC,GACE,IAFAC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAIC,EAAGJ,EAAHI,IAAKC,EAAeL,EAAfK,gBAAeC,EAAAN,EAAEO,UAAWC,OAAY,IAAHF,EAAG,MAAKA,EAG7DG,EAAeC,EAAO,MACtBC,EAAYC,EAAYX,EAAKQ,GAEnC,OACEI,gBAACL,EAAS,CAACP,IAAKU,EAAWT,UAAWY,EAAGC,EAAOC,eAAgBd,GAAYC,GAAIA,EAAE,cAAc,QAC9FU,EAACI,cAAAC,EAAO,CAAAd,IAAKA,EAAKe,KAAK,MAAMC,KAAK,QAAQlB,UAAWY,EAAGC,EAAOM,OAAQhB,KAG7E"}
@@ -1,2 +0,0 @@
1
- var e={listItemAvatar:"listItemAvatar_468bf5a95a",avatar:"avatar_c88e35e49c"};!function(e){const t="s_id-4e549e461b77_4_5_27";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.listItemAvatar_468bf5a95a {\n display: flex;\n align-items: center;\n color: var(--primary-text-color);\n}\n.avatar_c88e35e49c {\n width: 22px;\n height: 22px;\n margin-inline-end: var(--space-8);\n}");export{e as default};
2
- //# sourceMappingURL=ListItemAvatar.module.scss.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListItemAvatar.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- import e from"classnames";import o,{forwardRef as s,useRef as t}from"react";import r from"./ListItemIcon.module.scss.js";import i from"../../../components/icon/dist/Icon/Icon.js";import{useMergeRef as m}from"../../../shared/dist/hooks/useMergeRef.js";import{getStyle as n}from"../../../shared/dist/utils/typesciptCssModulesHelper.js";var a=18,c=s((function(s,a){var c=s.className,d=s.id,l=s.icon,p=s.margin,f=void 0===p?"start":p,u=s.component,I=void 0===u?"div":u,v=t(null),h=m(a,v);return o.createElement(I,{ref:h,className:e(r.listItemIcon,n(r,f),c),id:d,"aria-hidden":"true"},o.createElement(i,{icon:l,ignoreFocusStyle:!0,size:18}))}));export{a as LIST_ITEM_ICON_SIZE,c as default};
2
- //# sourceMappingURL=ListItemIcon.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListItemIcon.js","sources":["../../../../src/components/ListItemIcon/ListItemIcon.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, useRef } from \"react\";\nimport { useMergeRef, getStyle } from \"@vibe/shared\";\nimport { Icon, type SubIcon } from \"@vibe/icon\";\nimport { type ListItemElement } from \"../ListItem\";\nimport { type VibeComponentProps } from \"../../types\";\n\nimport styles from \"./ListItemIcon.module.scss\";\nimport { type ListItemIconMargin } from \"./ListItemIcon.types\";\n\nexport const LIST_ITEM_ICON_SIZE = 18;\n\nexport interface ListItemIconProps extends VibeComponentProps {\n /**\n * The HTML element used for the list item icon.\n */\n component?: ListItemElement;\n /**\n * The icon displayed inside the list item.\n */\n icon?: SubIcon;\n /**\n * The position of the icon inside the list item, determining its margins.\n */\n margin?: ListItemIconMargin;\n}\n\nconst ListItemIcon = forwardRef(\n (\n { className, id, icon, margin = \"start\", component: Component = \"div\" }: ListItemIconProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n return (\n <Component\n ref={mergedRef}\n className={cx(styles.listItemIcon, getStyle(styles, margin), className)}\n id={id}\n aria-hidden=\"true\"\n >\n <Icon icon={icon} ignoreFocusStyle size={LIST_ITEM_ICON_SIZE} />\n </Component>\n );\n }\n);\n\nexport default ListItemIcon;\n"],"names":["LIST_ITEM_ICON_SIZE","ListItemIcon","forwardRef","_ref","ref","className","id","icon","_ref$margin","margin","_ref$component","component","Component","componentRef","useRef","mergedRef","useMergeRef","React","createElement","cx","styles","listItemIcon","getStyle","Icon","ignoreFocusStyle","size"],"mappings":"8UAUO,IAAMA,EAAsB,GAiB7BC,EAAeC,GACnB,SAAAC,EAEEC,GACE,IAFAC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAIC,EAAIJ,EAAJI,KAAIC,EAAAL,EAAEM,OAAAA,OAAS,IAAHD,EAAG,QAAOA,EAAAE,EAAAP,EAAEQ,UAAWC,OAAY,IAAHF,EAAG,MAAKA,EAG/DG,EAAeC,EAAO,MACtBC,EAAYC,EAAYZ,EAAKS,GAEnC,OACEI,EAAAC,cAACN,EAAS,CACRR,IAAKW,EACLV,UAAWc,EAAGC,EAAOC,aAAcC,EAASF,EAAQX,GAASJ,GAC7DC,GAAIA,gBACQ,QAEZW,EAAAC,cAACK,EAAI,CAAChB,KAAMA,EAAMiB,kBAAiB,EAAAC,KAhCR,KAmCjC"}
@@ -1,2 +0,0 @@
1
- var e={listItemIcon:"listItemIcon_468bf5a95a",start:"start_ce6e7af20d",end:"end_0602a02655"};!function(e){const n="s_id-1b4ecdbffa23_4_5_27";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.listItemIcon_468bf5a95a {\n display: flex;\n align-items: center;\n color: var(--primary-text-color);\n}\n.start_ce6e7af20d {\n margin-inline-end: var(--space-8);\n}\n.end_0602a02655 {\n margin-inline-start: var(--space-8);\n}");export{e as default};
2
- //# sourceMappingURL=ListItemIcon.module.scss.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListItemIcon.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- import e from"classnames";import t,{forwardRef as s,useRef as a}from"react";import i from"./ListTitle.module.scss.js";import r from"../../../components/typography/dist/Text/Text.js";import{useMergeRef as m}from"../../../shared/dist/hooks/useMergeRef.js";var o=s((function(s,o){var d=s.className,l=s.id,n=s.children,p=s.tabIndex,c=s["data-testid"],f=a(null),u=m(o,f);return t.createElement(r,{type:"text1",weight:"medium","data-testid":c||l,"aria-level":3,tabIndex:p,role:"heading",ref:u,className:e(i.listTitle,d),id:l},n)}));Object.assign(o,{displayName:"ListTitle"});export{o as default};
2
- //# sourceMappingURL=ListTitle.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListTitle.js","sources":["../../../../src/components/ListTitle/ListTitle.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, useRef } from \"react\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { Text } from \"@vibe/typography\";\nimport styles from \"./ListTitle.module.scss\";\n\nexport interface ListTitleProps extends VibeComponentProps {\n /**\n * The tab index for keyboard navigation.\n */\n tabIndex?: number;\n /**\n * The title text.\n */\n children?: string;\n}\n\nconst ListTitle: React.FC<ListTitleProps> = forwardRef(\n ({ className, id, children, tabIndex, \"data-testid\": dataTestId }, ref) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n return (\n <Text\n type=\"text1\"\n weight=\"medium\"\n data-testid={dataTestId || id}\n aria-level={3}\n tabIndex={tabIndex}\n role=\"heading\"\n ref={mergedRef}\n className={cx(styles.listTitle, className)}\n id={id}\n >\n {children}\n </Text>\n );\n }\n);\n\nObject.assign(ListTitle, {\n // Used by VirtualizedListItems\n displayName: \"ListTitle\"\n});\n\nexport default ListTitle;\n"],"names":["ListTitle","forwardRef","_ref","ref","className","id","children","tabIndex","dataTestId","componentRef","useRef","mergedRef","useMergeRef","React","Text","type","weight","role","cx","styles","listTitle","Object","assign","displayName"],"mappings":"8PAkBMA,IAAAA,EAAsCC,GAC1C,SAAAC,EAAmEC,GAAO,IAAvEC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAIC,EAAQJ,EAARI,SAAUC,EAAQL,EAARK,SAAyBC,EAAUN,EAAzB,eAC9BO,EAAeC,EAAO,MACtBC,EAAYC,EAAYT,EAAKM,GAEnC,OACEI,gBAACC,EAAI,CACHC,KAAK,QACLC,OAAO,uBACMR,GAAcH,EACf,aAAA,EACZE,SAAUA,EACVU,KAAK,UACLd,IAAKQ,EACLP,UAAWc,EAAGC,EAAOC,UAAWhB,GAChCC,GAAIA,GAEHC,EAGP,IAGFe,OAAOC,OAAOtB,EAAW,CAEvBuB,YAAa"}
@@ -1,2 +0,0 @@
1
- var e={listTitle:"listTitle_aac06989e4"};!function(e){const t="s_id-76c16cf3efba_4_5_27";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.listTitle_aac06989e4 {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n padding: var(--space-16) var(--space-16) var(--space-8);\n border-radius: var(--border-radius-small);\n}");export{e as default};
2
- //# sourceMappingURL=ListTitle.module.scss.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListTitle.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- import{slicedToArray as e,defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as r,useRef as i,useState as a,useCallback as s,useMemo as n}from"react";import l from"classnames";import{RemoveScroll as c}from"react-remove-scroll";import d from"react-focus-lock";import{CSSTransition as m}from"react-transition-group";import{getTestId as u}from"../../../tests/testIds.js";import{ComponentDefaultTestId as f,ComponentVibeId as p}from"../../../tests/constants.js";import v from"./Modal.module.scss.js";import y from"../ModalTopActions/ModalTopActions.js";import{camelCase as E}from"es-toolkit";import{ModalProvider as A}from"../context/ModalContext.js";import{keyCodes as h}from"../../../constants/keyCodes.js";import"../../../constants/sizes.js";import{createPortal as b}from"react-dom";import j from"../hooks/usePortalTarget/usePortalTarget.js";import x from"../hooks/useFocusEscapeTargets/useFocusEscapeTargets.js";import g from"../../../../components/layer/dist/LayerProvider/LayerProvider.js";import{useMergeRef as P}from"../../../../shared/dist/hooks/useMergeRef.js";import{getStyle as M}from"../../../../shared/dist/utils/typesciptCssModulesHelper.js";var T=d.default||d,L=r((function(r,d){var L,w=r.id,F=r.show,k=r.size,C=void 0===k?"medium":k,O=r.renderHeaderAction,I=r.closeButtonTheme,R=r.closeButtonAriaLabel,z=r.onClose,B=void 0===z?function(){}:z,D=r.autoFocus,H=void 0===D||D,N=r.allowFocusEscapeTo,_=r.onFocusAttempt,V=r.anchorElementRef,K=r.alertModal,S=r.container,Y=void 0===S?document.body:S,q=r.children,G=r.style,J=r.zIndex,Q=r.useFixedPosition,U=void 0!==Q&&Q,W=r.className,X=r["data-testid"],Z=r["aria-labelledby"],$=r["aria-describedby"],ee=j(Y),te=i(null),oe=P(d,te),re=i(null),ie=a(),ae=e(ie,2),se=ae[0],ne=ae[1],le=a(),ce=e(le,2),de=ce[0],me=ce[1],ue=s((function(e){Z||ne(e)}),[Z]),fe=s((function(e){$||me(e)}),[$]),pe=n((function(){return{modalId:w,setTitleId:ue,setDescriptionId:fe,autoFocus:H}}),[w,ue,fe,H]),ve=s((function(e){F&&!K&&B(e)}),[F,K,B]),ye=s((function(e){e.key===h.ESCAPE&&F&&!K&&B(e)}),[K,B,F]),Ee="full-view"===C?"fullView":(null==V?void 0:V.current)?"anchorPop":"centerPop",Ae=null===(L=null==V?void 0:V.current)||void 0===L?void 0:L.getBoundingClientRect(),he=Ae?{"--modal-start-x":"".concat(Ae.left+Ae.width/2,"px"),"--modal-start-y":"".concat(Ae.top+Ae.height/2,"px")}:{},be=J?{"--monday-modal-z-index":J}:{},je=x(N),xe=s((function(e){if(_){var t=_(e);return!0===t||t instanceof HTMLElement&&(t.focus(),!1)}return!je(e)}),[_,je]);return o.createElement(m,{in:F,nodeRef:re,timeout:{enter:250,exit:150},unmountOnExit:!0,classNames:{enter:v.containerEnter,enterActive:v.containerEnterActive,exitActive:v.containerExitActive}},o.createElement(g,{layerRef:re},o.createElement(A,{value:pe},b(o.createElement(T,{returnFocus:!0,autoFocus:H,whiteList:xe},o.createElement("div",{ref:re,className:v.container,style:be,onKeyDown:ye},o.createElement("div",{"data-testid":u(f.MODAL_OVERLAY,w),className:v.overlay,onClick:ve,"aria-hidden":!0}),o.createElement(c,{forwardProps:!0,ref:oe},o.createElement("div",{className:l(v.modal,v[Ee],M(v,E("size-"+C)),t({},v.withHeaderAction,!!O),t({},v.fixedPosition,U),W),id:w,"data-testid":X||u(f.MODAL,w),"data-vibe":p.MODAL,role:"dialog","aria-modal":!0,"aria-labelledby":Z||se,"aria-describedby":$||de,style:Object.assign(Object.assign({},G),he),tabIndex:-1},q,o.createElement(y,{renderAction:O,theme:I,closeButtonAriaLabel:R,onClose:B}))))),ee))))}));export{L as default};
2
- //# sourceMappingURL=Modal.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Modal.js","sources":["../../../../../src/components/Modal/Modal/Modal.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { RemoveScroll } from \"react-remove-scroll\";\nimport FocusLock from \"react-focus-lock\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../../tests/constants\";\nimport styles from \"./Modal.module.scss\";\nimport { type ModalProps } from \"./Modal.types\";\nimport ModalTopActions from \"../ModalTopActions/ModalTopActions\";\nimport { getStyle, useMergeRef } from \"@vibe/shared\";\nimport { camelCase } from \"es-toolkit\";\nimport { ModalProvider } from \"../context/ModalContext\";\nimport { type ModalProviderValue } from \"../context/ModalContext.types\";\nimport { keyCodes } from \"../../../constants\";\nimport { createPortal } from \"react-dom\";\nimport usePortalTarget from \"../hooks/usePortalTarget/usePortalTarget\";\nimport useFocusEscapeTargets from \"../hooks/useFocusEscapeTargets/useFocusEscapeTargets\";\nimport { LayerProvider } from \"@vibe/layer\";\n\n// @ts-expect-error This is a precaution to support all possible module systems (ESM/CJS)\nconst FocusLockComponent = (FocusLock.default || FocusLock) as typeof FocusLock;\n\nconst Modal = forwardRef(\n (\n {\n id,\n show,\n size = \"medium\",\n renderHeaderAction,\n closeButtonTheme,\n closeButtonAriaLabel,\n onClose = () => {},\n autoFocus = true,\n allowFocusEscapeTo,\n onFocusAttempt,\n anchorElementRef,\n alertModal,\n container = document.body,\n children,\n style,\n zIndex,\n useFixedPosition = false,\n className,\n \"data-testid\": dataTestId,\n \"aria-labelledby\": ariaLabelledby,\n \"aria-describedby\": ariaDescribedby\n }: ModalProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const portalTargetElement = usePortalTarget(container);\n\n const modalRef = useRef<HTMLDivElement>(null);\n const modalMergedRef = useMergeRef<HTMLDivElement>(ref, modalRef);\n const containerRef = useRef<HTMLDivElement>(null);\n\n const [titleId, setTitleId] = useState<string>();\n const [descriptionId, setDescriptionId] = useState<string>();\n\n const setTitleIdCallback = useCallback(\n (newId: string) => {\n if (ariaLabelledby) return;\n setTitleId(newId);\n },\n [ariaLabelledby]\n );\n const setDescriptionIdCallback = useCallback(\n (newId: string) => {\n if (ariaDescribedby) return;\n setDescriptionId(newId);\n },\n [ariaDescribedby]\n );\n\n const contextValue = useMemo<ModalProviderValue>(\n () => ({\n modalId: id,\n setTitleId: setTitleIdCallback,\n setDescriptionId: setDescriptionIdCallback,\n autoFocus\n }),\n [id, setTitleIdCallback, setDescriptionIdCallback, autoFocus]\n );\n\n const onBackdropClick = useCallback<React.MouseEventHandler<HTMLDivElement>>(\n e => {\n if (!show || alertModal) return;\n onClose(e);\n },\n [show, alertModal, onClose]\n );\n\n const onModalKeyDown = useCallback<React.KeyboardEventHandler<HTMLDivElement>>(\n e => {\n if (e.key !== keyCodes.ESCAPE || !show || alertModal) return;\n onClose(e);\n },\n [alertModal, onClose, show]\n );\n\n const animationType = size === \"full-view\" ? \"fullView\" : anchorElementRef?.current ? \"anchorPop\" : \"centerPop\";\n\n const anchorRect = anchorElementRef?.current?.getBoundingClientRect();\n const anchorVars = anchorRect\n ? ({\n \"--modal-start-x\": `${anchorRect.left + anchorRect.width / 2}px`,\n \"--modal-start-y\": `${anchorRect.top + anchorRect.height / 2}px`\n } as React.CSSProperties)\n : {};\n\n const zIndexStyle = zIndex ? ({ \"--monday-modal-z-index\": zIndex } as React.CSSProperties) : {};\n\n const shouldAllowFocusEscape = useFocusEscapeTargets(allowFocusEscapeTo);\n\n /**\n * Returning true means that the focus-lock is allowed to manage the element.\n * Returning false means that the focus-lock would surrender control to the element.\n */\n const handleFocusLockWhiteList = useCallback(\n (nextFocusedElement?: HTMLElement) => {\n if (onFocusAttempt) {\n const outcome = onFocusAttempt(nextFocusedElement);\n\n if (outcome === true) return true;\n\n if (outcome instanceof HTMLElement) {\n outcome.focus();\n return false;\n }\n\n return false;\n }\n\n return !shouldAllowFocusEscape(nextFocusedElement);\n },\n [onFocusAttempt, shouldAllowFocusEscape]\n );\n\n return (\n <CSSTransition\n in={show}\n nodeRef={containerRef}\n timeout={{ enter: 250, exit: 150 }}\n unmountOnExit\n classNames={{\n enter: styles.containerEnter,\n enterActive: styles.containerEnterActive,\n exitActive: styles.containerExitActive\n }}\n >\n <LayerProvider layerRef={containerRef}>\n <ModalProvider value={contextValue}>\n {createPortal(\n <FocusLockComponent returnFocus autoFocus={autoFocus} whiteList={handleFocusLockWhiteList}>\n <div ref={containerRef} className={styles.container} style={zIndexStyle} onKeyDown={onModalKeyDown}>\n <div\n data-testid={getTestId(ComponentDefaultTestId.MODAL_OVERLAY, id)}\n className={styles.overlay}\n onClick={onBackdropClick}\n aria-hidden\n />\n <RemoveScroll forwardProps ref={modalMergedRef}>\n <div\n className={cx(\n styles.modal,\n styles[animationType],\n getStyle(styles, camelCase(\"size-\" + size)),\n { [styles.withHeaderAction]: !!renderHeaderAction },\n { [styles.fixedPosition]: useFixedPosition },\n className\n )}\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.MODAL, id)}\n data-vibe={ComponentVibeId.MODAL}\n role=\"dialog\"\n aria-modal\n aria-labelledby={ariaLabelledby || titleId}\n aria-describedby={ariaDescribedby || descriptionId}\n style={{ ...style, ...anchorVars }}\n tabIndex={-1}\n >\n {children}\n <ModalTopActions\n renderAction={renderHeaderAction}\n theme={closeButtonTheme}\n closeButtonAriaLabel={closeButtonAriaLabel}\n onClose={onClose}\n />\n </div>\n </RemoveScroll>\n </div>\n </FocusLockComponent>,\n portalTargetElement\n )}\n </ModalProvider>\n </LayerProvider>\n </CSSTransition>\n );\n }\n);\n\nexport default Modal;\n"],"names":["FocusLockComponent","FocusLock","default","Modal","forwardRef","_ref","ref","id","show","_ref$size","size","renderHeaderAction","closeButtonTheme","closeButtonAriaLabel","_ref$onClose","onClose","_ref$autoFocus","autoFocus","allowFocusEscapeTo","onFocusAttempt","anchorElementRef","alertModal","_ref$container","container","document","body","children","style","zIndex","_ref$useFixedPosition","useFixedPosition","className","dataTestId","ariaLabelledby","ariaDescribedby","portalTargetElement","usePortalTarget","modalRef","useRef","modalMergedRef","useMergeRef","containerRef","_useState","useState","_useState2","_slicedToArray","titleId","setTitleId","_useState3","_useState4","descriptionId","setDescriptionId","setTitleIdCallback","useCallback","newId","setDescriptionIdCallback","contextValue","useMemo","modalId","onBackdropClick","e","onModalKeyDown","key","keyCodes","ESCAPE","animationType","current","anchorRect","_a","getBoundingClientRect","anchorVars","concat","left","width","top","height","zIndexStyle","shouldAllowFocusEscape","useFocusEscapeTargets","handleFocusLockWhiteList","nextFocusedElement","outcome","HTMLElement","focus","React","createElement","CSSTransition","in","nodeRef","timeout","enter","exit","unmountOnExit","classNames","styles","containerEnter","enterActive","containerEnterActive","exitActive","containerExitActive","LayerProvider","layerRef","ModalProvider","value","createPortal","returnFocus","whiteList","onKeyDown","getTestId","ComponentDefaultTestId","MODAL_OVERLAY","overlay","onClick","RemoveScroll","forwardProps","cx","modal","getStyle","camelCase","_defineProperty","withHeaderAction","fixedPosition","MODAL","ComponentVibeId","role","Object","assign","tabIndex","ModalTopActions","renderAction","theme"],"mappings":"+qCAqBA,IAAMA,EAAsBC,EAAUC,SAAWD,EAE3CE,EAAQC,GACZ,SAAAC,EAwBEC,GACE,MAvBAC,EAAEF,EAAFE,GACAC,EAAIH,EAAJG,KAAIC,EAAAJ,EACJK,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAAkBN,EAAlBM,mBACAC,EAAgBP,EAAhBO,iBACAC,EAAoBR,EAApBQ,qBAAoBC,EAAAT,EACpBU,QAAAA,OAAO,IAAAD,EAAG,WAAQ,EAAAA,EAAAE,EAAAX,EAClBY,UAAAA,OAAY,IAAHD,GAAOA,EAChBE,EAAkBb,EAAlBa,mBACAC,EAAcd,EAAdc,eACAC,EAAgBf,EAAhBe,iBACAC,EAAUhB,EAAVgB,WAAUC,EAAAjB,EACVkB,UAAAA,OAAS,IAAAD,EAAGE,SAASC,KAAIH,EACzBI,EAAQrB,EAARqB,SACAC,EAAKtB,EAALsB,MACAC,EAAMvB,EAANuB,OAAMC,EAAAxB,EACNyB,iBAAAA,OAAmB,IAAHD,GAAQA,EACxBE,EAAS1B,EAAT0B,UACeC,EAAU3B,EAAzB,eACmB4B,EAAc5B,EAAjC,mBACoB6B,EAAe7B,EAAnC,oBAII8B,GAAsBC,EAAgBb,GAEtCc,GAAWC,EAAuB,MAClCC,GAAiBC,EAA4BlC,EAAK+B,IAClDI,GAAeH,EAAuB,MAE5CI,GAA8BC,IAAkBC,GAAAC,EAAAH,GAAA,GAAzCI,GAAOF,GAAA,GAAEG,GAAUH,GAAA,GAC1BI,GAA0CL,IAAkBM,GAAAJ,EAAAG,GAAA,GAArDE,GAAaD,GAAA,GAAEE,GAAgBF,GAAA,GAEhCG,GAAqBC,GACzB,SAACC,GACKrB,GACJc,GAAWO,EACb,GACA,CAACrB,IAEGsB,GAA2BF,GAC/B,SAACC,GACKpB,GACJiB,GAAiBG,EACnB,GACA,CAACpB,IAGGsB,GAAeC,GACnB,WAAA,MAAO,CACLC,QAASnD,EACTwC,WAAYK,GACZD,iBAAkBI,GAClBtC,UAAAA,EACA,GACF,CAACV,EAAI6C,GAAoBG,GAA0BtC,IAG/C0C,GAAkBN,GACtB,SAAAO,GACOpD,IAAQa,GACbN,EAAQ6C,EACT,GACD,CAACpD,EAAMa,EAAYN,IAGf8C,GAAiBR,GACrB,SAAAO,GACMA,EAAEE,MAAQC,EAASC,QAAWxD,IAAQa,GAC1CN,EAAQ6C,EACT,GACD,CAACvC,EAAYN,EAASP,IAGlByD,GAAyB,cAATvD,EAAuB,YAAaU,aAAA,EAAAA,EAAkB8C,SAAU,YAAc,YAE9FC,GAAwC,QAA3BC,EAAAhD,aAAA,EAAAA,EAAkB8C,eAAS,IAAAE,OAAA,EAAAA,EAAAC,wBACxCC,GAAaH,GACd,CACC,kBAAiBI,GAAAA,OAAKJ,GAAWK,KAAOL,GAAWM,MAAQ,EAAK,MAChE,kBAAiB,GAAAF,OAAKJ,GAAWO,IAAMP,GAAWQ,OAAS,EAAC,OAE9D,GAEEC,GAAchD,EAAU,CAAE,yBAA0BA,GAAmC,GAEvFiD,GAAyBC,EAAsB5D,GAM/C6D,GAA2B1B,GAC/B,SAAC2B,GACC,GAAI7D,EAAgB,CAClB,IAAM8D,EAAU9D,EAAe6D,GAE/B,OAAgB,IAAZC,GAEAA,aAAmBC,cACrBD,EAAQE,SACD,EAIX,CAEA,OAAQN,GAAuBG,EACjC,GACA,CAAC7D,EAAgB0D,KAGnB,OACEO,EAACC,cAAAC,EACC,CAAAC,GAAI/E,EACJgF,QAAS/C,GACTgD,QAAS,CAAEC,MAAO,IAAKC,KAAM,KAC7BC,eACA,EAAAC,WAAY,CACVH,MAAOI,EAAOC,eACdC,YAAaF,EAAOG,qBACpBC,WAAYJ,EAAOK,sBAGrBf,EAAAC,cAACe,EAAa,CAACC,SAAU5D,IACvB2C,EAAAC,cAACiB,EAAc,CAAAC,MAAO/C,IACnBgD,EACCpB,EAAAC,cAACrF,EAAmB,CAAAyG,eAAYxF,UAAWA,EAAWyF,UAAW3B,IAC/DK,EAAAC,cAAA,MAAA,CAAK/E,IAAKmC,GAAcV,UAAW+D,EAAOvE,UAAWI,MAAOiD,GAAa+B,UAAW9C,IAClFuB,EAAAC,cAAA,MAAA,CAAA,cACeuB,EAAUC,EAAuBC,cAAevG,GAC7DwB,UAAW+D,EAAOiB,QAClBC,QAASrD,GAET,eAAA,IACFyB,EAAAC,cAAC4B,EAAa,CAAAC,cAAa,EAAA5G,IAAKiC,IAC9B6C,EAAAC,cAAA,MAAA,CACEtD,UAAWoF,EACTrB,EAAOsB,MACPtB,EAAO7B,IACPoD,EAASvB,EAAQwB,EAAU,QAAU5G,IAAM6G,EACxCzB,CAAAA,EAAAA,EAAO0B,mBAAqB7G,GAAkB4G,EAAA,CAAA,EAC9CzB,EAAO2B,cAAgB3F,GAC1BC,GAEFxB,GAAIA,gBACSyB,GAAc4E,EAAUC,EAAuBa,MAAOnH,GAAG,YAC3DoH,EAAgBD,MAC3BE,KAAK,SAEY,cAAA,EAAA,kBAAA3F,GAAkBa,GAAO,mBACxBZ,GAAmBgB,GACrCvB,MAAKkG,OAAAC,OAAAD,OAAAC,OAAA,GAAOnG,GAAU2C,IACtByD,UAAW,GAEVrG,EACD0D,EAAAC,cAAC2C,EAAe,CACdC,aAActH,EACduH,MAAOtH,EACPC,qBAAsBA,EACtBE,QAASA,QAMnBoB,MAMZ"}
@@ -1,2 +0,0 @@
1
- var n={container:"container_906a3eba5e",overlay:"overlay_93e48f6fe3",centerPop:"centerPop_a485309979",anchorPop:"anchorPop_a485309979",modal:"modal_b2d5501cdf",fixedPosition:"fixedPosition_1e924c27b5",withHeaderAction:"withHeaderAction_2f9a38a109",sizeSmall:"sizeSmall_972eda0ed0",sizeMedium:"sizeMedium_b1c550ea94",sizeLarge:"sizeLarge_6b12e2ac5a",sizeFullView:"sizeFullView_64b6a67ffd",containerEnter:"containerEnter_daea1f0836",fullView:"fullView_e9da9b4efe",containerEnterActive:"containerEnterActive_b105f08570",centerPopIn:"centerPopIn_438358cc86",anchorPopIn:"anchorPopIn_219a5782b1",fullViewIn:"fullViewIn_d62b81a4e6",containerExitActive:"containerExitActive_4821e7c7d9",centerPopOut:"centerPopOut_307aa1bd49",anchorPopOut:"anchorPopOut_ecb90d51d9",fullViewOut:"fullViewOut_6baa9b817e"};!function(n){const a="s_id-72e80303fba3_4_5_27";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}(".container_906a3eba5e {\n position: fixed;\n inset: 0;\n z-index: var(--monday-modal-z-index, 10000);\n}\n\n.overlay_93e48f6fe3 {\n position: fixed;\n inset: 0;\n height: 100%;\n background-color: var(--backdrop-color);\n}\n\n.centerPop_a485309979 {\n transform: translate(-50%, -50%);\n}\n\n.anchorPop_a485309979 {\n transform: translate(-50%, -50%);\n}\n\n.modal_b2d5501cdf {\n --top-actions-margin-inline: var(--space-24);\n --top-actions-margin-block: var(--space-24);\n --top-actions-width: var(--space-32);\n --modal-inline-padding: var(--space-32);\n position: relative;\n top: 50%;\n left: 50%;\n display: flex;\n flex-direction: column;\n width: var(--modal-width);\n max-height: var(--modal-max-height);\n background-color: var(--primary-background-color);\n overflow: hidden;\n border-radius: var(--border-radius-big);\n box-shadow: var(--box-shadow-large);\n outline: none;\n}\n\n.modal_b2d5501cdf.fixedPosition_1e924c27b5 {\n position: fixed;\n}\n\n.modal_b2d5501cdf.withHeaderAction_2f9a38a109 {\n --top-actions-width: calc(var(--space-32) * 2);\n}\n\n.modal_b2d5501cdf.sizeSmall_972eda0ed0 {\n --modal-max-height: 50%;\n --modal-width: 460px;\n}\n\n.modal_b2d5501cdf.sizeMedium_b1c550ea94 {\n --modal-max-height: 80%;\n --modal-width: 540px;\n}\n\n.modal_b2d5501cdf.sizeLarge_6b12e2ac5a {\n --modal-max-height: 80%;\n --modal-width: 800px;\n}\n\n.modal_b2d5501cdf.sizeFullView_64b6a67ffd {\n --top-actions-margin-inline: var(--space-32);\n --modal-max-height: 100%;\n --modal-width: auto;\n position: fixed;\n inset: 0;\n height: calc(100% - 40px);\n margin-inline: var(--space-24);\n margin-block-start: 40px;\n border-end-start-radius: unset;\n border-end-end-radius: unset;\n}\n\n@media (min-width: 1280px) {\n .modal_b2d5501cdf.sizeSmall_972eda0ed0 {\n --modal-width: 480px;\n }\n .modal_b2d5501cdf.sizeMedium_b1c550ea94 {\n --modal-width: 580px;\n }\n .modal_b2d5501cdf.sizeLarge_6b12e2ac5a {\n --modal-width: 840px;\n }\n}\n\n@media (min-width: 1440px) {\n .modal_b2d5501cdf.sizeSmall_972eda0ed0 {\n --modal-width: 520px;\n }\n .modal_b2d5501cdf.sizeMedium_b1c550ea94 {\n --modal-width: 620px;\n }\n .modal_b2d5501cdf.sizeLarge_6b12e2ac5a {\n --modal-width: 900px;\n }\n}\n\n@media (min-width: 1720px) {\n .modal_b2d5501cdf.sizeFullView_64b6a67ffd {\n margin-inline: 40px;\n }\n}\n\n.containerEnter_daea1f0836 .overlay_93e48f6fe3 {\n opacity: 0;\n}\n\n.containerEnter_daea1f0836 .centerPop_a485309979 {\n opacity: 0;\n transform: translate(-50%, -50%) scale(0.8);\n}\n\n.containerEnter_daea1f0836 .anchorPop_a485309979 {\n opacity: 0;\n transform: translate(calc(-50% + var(--modal-start-x, 0px)), calc(-50% + var(--modal-start-y, 0px))) scale(0.8);\n}\n\n.containerEnter_daea1f0836 .fullView_e9da9b4efe {\n opacity: 0.3;\n transform: translateY(30px);\n}\n\n.containerEnterActive_b105f08570 .overlay_93e48f6fe3 {\n opacity: 1;\n transition: opacity 100ms cubic-bezier(0, 0, 0.4, 1);\n}\n\n.containerEnterActive_b105f08570 .centerPop_a485309979 {\n animation: centerPopIn_438358cc86 150ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerEnterActive_b105f08570 .anchorPop_a485309979 {\n animation: anchorPopIn_219a5782b1 200ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerEnterActive_b105f08570 .fullView_e9da9b4efe {\n animation: fullViewIn_d62b81a4e6 250ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerExitActive_4821e7c7d9 .overlay_93e48f6fe3 {\n opacity: 0;\n transition: opacity 100ms cubic-bezier(0.6, 0, 1, 1);\n}\n\n.containerExitActive_4821e7c7d9 .centerPop_a485309979 {\n animation: centerPopOut_307aa1bd49 100ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n.containerExitActive_4821e7c7d9 .anchorPop_a485309979 {\n animation: anchorPopOut_ecb90d51d9 150ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n.containerExitActive_4821e7c7d9 .fullView_e9da9b4efe {\n animation: fullViewOut_6baa9b817e 100ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n@keyframes centerPopIn_438358cc86 {\n 0% {\n opacity: 0;\n transform: translate(-50%, -50%) scale(0.8);\n }\n 50%, 100% {\n opacity: 1;\n transform: translate(-50%, -50%) scale(1);\n }\n}\n\n@keyframes centerPopOut_307aa1bd49 {\n 0%, 50% {\n opacity: 1;\n transform: translate(-50%, -50%) scale(1);\n }\n 100% {\n opacity: 0;\n transform: translate(-50%, -50%) scale(0.8);\n }\n}\n\n@keyframes anchorPopIn_219a5782b1 {\n 0%, 40% {\n opacity: 0;\n transform: translate(calc(-50% + var(--modal-start-x, 0px)), calc(-50% + var(--modal-start-y, 0px))) scale(0.8);\n }\n 100% {\n opacity: 1;\n transform: translate(-50%, -50%) scale(1);\n }\n}\n\n@keyframes anchorPopOut_ecb90d51d9 {\n 0% {\n opacity: 1;\n transform: translate(-50%, -50%) scale(1);\n }\n 60%, 100% {\n opacity: 0;\n transform: translate(calc(-50% + var(--modal-start-x, 0px)), calc(-50% + var(--modal-start-y, 0px))) scale(0.8);\n }\n}\n\n@keyframes fullViewIn_d62b81a4e6 {\n 0% {\n opacity: 0.3;\n transform: translateY(30px);\n }\n 33% {\n opacity: 1;\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes fullViewOut_6baa9b817e {\n from {\n opacity: 1;\n transform: translateY(0);\n }\n to {\n opacity: 0;\n transform: translateY(30px);\n }\n}");export{n as default};
2
- //# sourceMappingURL=Modal.module.scss.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Modal.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- import t,{forwardRef as s}from"react";import{getTestId as a}from"../../../tests/testIds.js";import{ComponentDefaultTestId as e}from"../../../tests/constants.js";import{useModal as o}from"../context/ModalContext.js";var r=s((function(s,r){var d=s.children,i=s.className,m=s.id,c=s["data-testid"],n=o().autoFocus;return t.createElement("div",{ref:r,className:i,id:m,"data-testid":c||a(e.MODAL_CONTENT,m),"data-autofocus-inside":n},d)}));export{r as default};
2
- //# sourceMappingURL=ModalContent.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ModalContent.js","sources":["../../../../../src/components/Modal/ModalContent/ModalContent.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { type ModalContentProps } from \"./ModalContent.types\";\nimport { useModal } from \"../context/ModalContext\";\n\nconst ModalContent = forwardRef(\n (\n { children, className, id, \"data-testid\": dataTestId }: ModalContentProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const { autoFocus } = useModal();\n return (\n <div\n ref={ref}\n className={className}\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.MODAL_CONTENT, id)}\n data-autofocus-inside={autoFocus}\n >\n {children}\n </div>\n );\n }\n);\n\nexport default ModalContent;\n"],"names":["ModalContent","forwardRef","_ref","ref","children","className","id","dataTestId","autoFocus","useModal","React","createElement","getTestId","ComponentDefaultTestId","MODAL_CONTENT"],"mappings":"uNAMMA,IAAAA,EAAeC,GACnB,SAAAC,EAEEC,GACE,IAFAC,EAAQF,EAARE,SAAUC,EAASH,EAATG,UAAWC,EAAEJ,EAAFI,GAAmBC,EAAUL,EAAzB,eAGnBM,EAAcC,IAAdD,UACR,OACEE,EAAAC,cAAA,MAAA,CACER,IAAKA,EACLE,UAAWA,EACXC,GAAIA,EACS,cAAAC,GAAcK,EAAUC,EAAuBC,cAAeR,GAAG,wBACvDE,GAEtBJ,EAGP"}