@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.
- package/dist/_virtual/_tslib.js +1 -1
- package/dist/base/dist/BaseInput/BaseInput.module.scss.js +1 -1
- package/dist/components/a11y/dist/HiddenText/HiddenText.module.scss.js +1 -1
- package/dist/components/accordion/dist/Accordion/Accordion.module.scss.js +1 -1
- package/dist/components/alert-banner/dist/AlertBanner/AlertBanner.module.scss.js +1 -1
- package/dist/components/alert-banner/dist/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js +1 -1
- package/dist/components/alert-banner/dist/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js +1 -1
- package/dist/components/alert-banner/dist/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js +1 -1
- package/dist/components/attention-box/dist/AttentionBox/AttentionBox.module.scss.js +1 -1
- package/dist/components/attention-box/dist/AttentionBox/components/AttentionBoxCloseButton/AttentionBoxCloseButton.module.scss.js +1 -1
- package/dist/components/attention-box/dist/AttentionBox/components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.module.scss.js +1 -1
- package/dist/components/attention-box/dist/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.module.scss.js +1 -1
- package/dist/components/attention-box/dist/AttentionBox/layouts/AttentionBoxCompact/AttentionBoxCompact.module.scss.js +1 -1
- package/dist/components/attention-box/dist/AttentionBox/layouts/AttentionBoxDefault/AttentionBoxDefault.module.scss.js +1 -1
- package/dist/components/avatar/dist/Avatar/Avatar.module.scss.js +1 -1
- package/dist/components/avatar/dist/Avatar/AvatarBadge.module.scss.js +1 -1
- package/dist/components/avatar/dist/Avatar/AvatarContent.module.scss.js +1 -1
- package/dist/components/avatar-group/dist/AvatarGroup/AvatarGroup.module.scss.js +1 -1
- package/dist/components/avatar-group/dist/AvatarGroup/AvatarGroupCounter.module.scss.js +1 -1
- package/dist/components/avatar-group/dist/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss.js +1 -1
- package/dist/components/avatar-group/dist/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js +1 -1
- package/dist/components/badge/dist/Badge/Badge.module.scss.js +1 -1
- package/dist/components/badge/dist/Badge/Indicator/Indicator.module.scss.js +1 -1
- package/dist/components/base-list/dist/BaseItem/BaseItem.module.scss.js +1 -1
- package/dist/components/base-list/dist/BaseList/BaseList.module.scss.js +1 -1
- package/dist/components/breadcrumbs/dist/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js +1 -1
- package/dist/components/breadcrumbs/dist/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js +1 -1
- package/dist/components/breadcrumbs/dist/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbsMenu.module.scss.js +1 -1
- package/dist/components/breadcrumbs/dist/BreadcrumbsBar/BreadcrumbsBar.module.scss.js +1 -1
- package/dist/components/button/dist/Button/Button.module.scss.js +1 -1
- package/dist/components/button-group/dist/ButtonGroup/ButtonGroup.module.scss.js +1 -1
- package/dist/components/checkbox/dist/Checkbox/Checkbox.module.scss.js +1 -1
- package/dist/components/chips/dist/Chips/Chips.module.scss.js +1 -1
- package/dist/components/clickable/dist/Clickable/Clickable.module.scss.js +1 -1
- package/dist/components/color-picker/dist/ColorPicker/ColorPicker.module.scss.js +1 -1
- package/dist/components/color-picker/dist/ColorPicker/components/ColorPickerContent/ColorPickerClearButton.module.scss.js +1 -1
- package/dist/components/color-picker/dist/ColorPicker/components/ColorPickerContent/ColorPickerColorsGrid.module.scss.js +1 -1
- package/dist/components/color-picker/dist/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.module.scss.js +1 -1
- package/dist/components/combobox/dist/Combobox/Combobox.module.scss.js +1 -1
- package/dist/components/combobox/dist/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js +1 -1
- package/dist/components/combobox/dist/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js +1 -1
- package/dist/components/combobox/dist/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js +1 -1
- package/dist/components/combobox/dist/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js +1 -1
- package/dist/components/combobox/dist/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js +1 -1
- package/dist/components/counter/dist/Counter/Counter.module.scss.js +1 -1
- package/dist/components/date-picker/dist/DatePicker/DatePicker.module.scss.js +1 -1
- package/dist/components/date-picker/dist/DatePicker/DatePickerHeader.module.scss.js +1 -1
- package/dist/components/dialog/dist/Dialog/Dialog.module.scss.js +1 -1
- package/dist/components/dialog/dist/Dialog/components/DialogContent/DialogContent.module.scss.js +1 -1
- package/dist/components/dialog/dist/DialogContentContainer/DialogContentContainer.module.scss.js +1 -1
- package/dist/components/divider/dist/Divider/Divider.module.scss.js +1 -1
- package/dist/components/dropdown/dist/Dropdown/components/DropdownBase/DropdownBase.module.scss.js +1 -1
- package/dist/components/dropdown/dist/Dropdown/components/DropdownBaseList/DropdownBaseList.module.scss.js +1 -1
- package/dist/components/dropdown/dist/Dropdown/components/DropdownBoxMode/DropdownBoxMode.module.scss.js +1 -1
- package/dist/components/dropdown/dist/Dropdown/components/Menu/Menu.module.scss.js +1 -1
- package/dist/components/dropdown/dist/Dropdown/components/MultiSelectedValues/MultiSelectedValues.module.scss.js +1 -1
- package/dist/components/dropdown/dist/Dropdown/components/Trigger/Trigger.module.scss.js +1 -1
- package/dist/components/editable/dist/EditableHeading/EditableHeading.module.scss.js +1 -1
- package/dist/components/editable/dist/EditableText/EditableText.module.scss.js +1 -1
- package/dist/components/editable/dist/EditableTypography/EditableTypography.module.scss.js +1 -1
- package/dist/components/empty-state/dist/EmptyState/EmptyState.module.scss.js +1 -1
- package/dist/components/expand-collapse/dist/ExpandCollapse/ExpandCollapse.module.scss.js +1 -1
- package/dist/components/formatted-number/dist/FormattedNumber/FormattedNumber.module.scss.js +1 -1
- package/dist/components/icon/dist/Icon/Icon.module.scss.js +1 -1
- package/dist/components/icon-button/dist/IconButton/IconButton.module.scss.js +1 -1
- package/dist/components/index.d.ts +2 -6
- package/dist/components/info/dist/Info/components/InfoDialogContent/InfoDialogContent.module.scss.js +1 -1
- package/dist/components/info/dist/Info/components/InfoLink/InfoLink.module.scss.js +1 -1
- package/dist/components/label/dist/Label/Label.module.scss.js +1 -1
- package/dist/components/label/dist/Label/LabelCelebrationAnimation.module.scss.js +1 -1
- package/dist/components/layout/dist/Box/Box.module.scss.js +1 -1
- package/dist/components/layout/dist/Flex/Flex.module.scss.js +1 -1
- package/dist/components/link/dist/Link/Link.module.scss.js +1 -1
- package/dist/components/list/dist/List/List.js +2 -0
- package/dist/components/list/dist/List/List.js.map +1 -0
- package/dist/components/list/dist/List/List.module.scss.js +2 -0
- package/dist/components/list/dist/List/VirtualizedListItems/VirtualizedListItems.js +2 -0
- package/dist/components/list/dist/List/VirtualizedListItems/VirtualizedListItems.js.map +1 -0
- package/dist/components/list/dist/List/VirtualizedListItems/VirtualizedListItems.module.scss.js +2 -0
- package/dist/components/list/dist/List/utils/ListContext.js +2 -0
- package/dist/components/list/dist/List/utils/ListContext.js.map +1 -0
- package/dist/components/list/dist/List/utils/ListUtils.js +2 -0
- package/dist/components/list/dist/List/utils/ListUtils.js.map +1 -0
- package/dist/components/list/dist/ListItem/ListItem.js +2 -0
- package/dist/components/list/dist/ListItem/ListItem.js.map +1 -0
- package/dist/components/list/dist/ListItem/ListItem.module.scss.js +2 -0
- package/dist/components/list/dist/ListItemAvatar/ListItemAvatar.js +2 -0
- package/dist/components/list/dist/ListItemAvatar/ListItemAvatar.js.map +1 -0
- package/dist/components/list/dist/ListItemAvatar/ListItemAvatar.module.scss.js +2 -0
- package/dist/components/list/dist/ListItemIcon/ListItemIcon.js +2 -0
- package/dist/components/list/dist/ListItemIcon/ListItemIcon.js.map +1 -0
- package/dist/components/list/dist/ListItemIcon/ListItemIcon.module.scss.js +2 -0
- package/dist/components/list/dist/ListTitle/ListTitle.js +2 -0
- package/dist/components/list/dist/ListTitle/ListTitle.js.map +1 -0
- package/dist/components/list/dist/ListTitle/ListTitle.module.scss.js +2 -0
- package/dist/components/list/dist/next/List/List.js +2 -0
- package/dist/components/list/dist/next/List/List.js.map +1 -0
- package/dist/components/list/dist/next/List/List.module.scss.js +2 -0
- package/dist/components/list/dist/next/List/ListItem/ListItem.js +2 -0
- package/dist/components/list/dist/next/List/ListItem/ListItem.js.map +1 -0
- package/dist/components/list/dist/next/List/ListTitle/ListTitle.js +2 -0
- package/dist/components/list/dist/next/List/ListTitle/ListTitle.js.map +1 -0
- package/dist/components/list/dist/next/List/ListTitle/ListTitle.module.scss.js +2 -0
- package/dist/components/loader/dist/Loader/Loader.module.scss.js +1 -1
- package/dist/components/menu/dist/Menu/Menu/Menu.module.scss.js +1 -1
- package/dist/components/menu/dist/Menu/MenuDivider/MenuDivider.module.scss.js +1 -1
- package/dist/components/menu/dist/Menu/MenuItem/MenuItem.module.scss.js +1 -1
- package/dist/components/menu/dist/Menu/MenuItem/components/BaseMenuItem/BaseMenuItem.module.scss.js +1 -1
- package/dist/components/menu/dist/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.module.scss.js +1 -1
- package/dist/components/menu/dist/Menu/MenuItem/components/MenuItemSubMenu/MenuItemSubMenu.js +1 -1
- package/dist/components/menu/dist/Menu/MenuItem/components/MenuItemSubMenu/MenuItemSubMenu.js.map +1 -1
- package/dist/components/menu/dist/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.module.scss.js +1 -1
- package/dist/components/menu/dist/Menu/MenuItemButton/MenuItemButton.module.scss.js +1 -1
- package/dist/components/menu/dist/Menu/MenuTitle/MenuTitle.module.scss.js +1 -1
- package/dist/components/menu-button/dist/MenuButton/MenuButton.module.scss.js +1 -1
- package/dist/components/modal/dist/Modal/Modal/Modal.js +2 -0
- package/dist/components/modal/dist/Modal/Modal/Modal.js.map +1 -0
- package/dist/components/modal/dist/Modal/Modal/Modal.module.scss.js +2 -0
- package/dist/components/modal/dist/Modal/ModalContent/ModalContent.js +2 -0
- package/dist/components/modal/dist/Modal/ModalContent/ModalContent.js.map +1 -0
- package/dist/components/modal/dist/Modal/ModalHeader/ModalHeader.js +2 -0
- package/dist/components/modal/dist/Modal/ModalHeader/ModalHeader.js.map +1 -0
- package/dist/components/modal/dist/Modal/ModalHeader/ModalHeader.module.scss.js +2 -0
- package/dist/components/modal/dist/Modal/ModalMedia/ModalMedia.js +2 -0
- package/dist/components/modal/dist/Modal/ModalMedia/ModalMedia.js.map +1 -0
- package/dist/components/modal/dist/Modal/ModalMedia/ModalMedia.module.scss.js +2 -0
- package/dist/components/modal/dist/Modal/ModalTopActions/ModalTopActions.js +2 -0
- package/dist/components/modal/dist/Modal/ModalTopActions/ModalTopActions.js.map +1 -0
- package/dist/components/modal/dist/Modal/ModalTopActions/ModalTopActions.module.scss.js +2 -0
- package/dist/components/modal/dist/Modal/context/ModalContext.js +2 -0
- package/dist/components/modal/dist/Modal/context/ModalContext.js.map +1 -0
- package/dist/components/modal/dist/Modal/footers/ModalFooter/ModalFooter.js +2 -0
- package/dist/components/modal/dist/Modal/footers/ModalFooter/ModalFooter.js.map +1 -0
- package/dist/components/modal/dist/Modal/footers/ModalFooter/ModalFooter.module.scss.js +2 -0
- package/dist/components/modal/dist/Modal/footers/ModalFooterBase/ModalFooterBase.js +2 -0
- package/dist/components/modal/dist/Modal/footers/ModalFooterBase/ModalFooterBase.js.map +1 -0
- package/dist/components/modal/dist/Modal/footers/ModalFooterBase/ModalFooterBase.module.scss.js +2 -0
- package/dist/components/modal/dist/Modal/footers/ModalFooterWizard/ModalFooterWizard.js +2 -0
- package/dist/components/modal/dist/Modal/footers/ModalFooterWizard/ModalFooterWizard.js.map +1 -0
- package/dist/components/modal/dist/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss.js +2 -0
- package/dist/components/modal/dist/Modal/footers/utils/getPropsForButton.js +2 -0
- package/dist/components/modal/dist/Modal/footers/utils/getPropsForButton.js.map +1 -0
- package/dist/components/modal/dist/Modal/hooks/useFocusEscapeTargets/useFocusEscapeTargets.js +2 -0
- package/dist/components/modal/dist/Modal/hooks/useFocusEscapeTargets/useFocusEscapeTargets.js.map +1 -0
- package/dist/components/modal/dist/Modal/hooks/usePortalTarget/usePortalTarget.js +2 -0
- package/dist/components/modal/dist/Modal/hooks/usePortalTarget/usePortalTarget.js.map +1 -0
- package/dist/components/modal/dist/Modal/layouts/ModalBasicLayout/ModalBasicLayout.js +2 -0
- package/dist/components/modal/dist/Modal/layouts/ModalBasicLayout/ModalBasicLayout.js.map +1 -0
- package/dist/components/modal/dist/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js +2 -0
- package/dist/components/modal/dist/Modal/layouts/ModalFooterShadow.js +2 -0
- package/dist/components/modal/dist/Modal/layouts/ModalFooterShadow.js.map +1 -0
- package/dist/components/modal/dist/Modal/layouts/ModalFooterShadow.module.scss.js +2 -0
- package/dist/components/modal/dist/Modal/layouts/ModalLayoutScrollableContent.js.map +1 -0
- package/dist/components/modal/dist/Modal/layouts/ModalLayoutScrollableContent.module.scss.js +2 -0
- package/dist/components/modal/dist/Modal/layouts/ModalMediaLayout/ModalMediaLayout.js +2 -0
- package/dist/components/modal/dist/Modal/layouts/ModalMediaLayout/ModalMediaLayout.js.map +1 -0
- package/dist/components/modal/dist/Modal/layouts/ModalMediaLayout/ModalMediaLayout.module.scss.js +2 -0
- package/dist/components/modal/dist/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.js +2 -0
- package/dist/components/modal/dist/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.js.map +1 -0
- package/dist/components/modal/dist/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss.js +2 -0
- package/dist/components/modal/dist/Modal/layouts/useLayoutScrolledContent.js +2 -0
- package/dist/components/modal/dist/Modal/layouts/useLayoutScrolledContent.js.map +1 -0
- package/dist/components/modal/dist/_virtual/_tslib.js +2 -0
- package/dist/components/modal/dist/_virtual/_tslib.js.map +1 -0
- package/dist/components/next.d.ts +1 -1
- package/dist/components/progress-bars/dist/ProgressBars/PercentageLabel/PercentageLabel.module.scss.js +1 -1
- package/dist/components/progress-bars/dist/ProgressBars/ProgressBar/Bar/Bar.module.scss.js +1 -1
- package/dist/components/progress-bars/dist/ProgressBars/ProgressBar/ProgressBar.module.scss.js +1 -1
- package/dist/components/radio-button/dist/RadioButton/RadioButton.module.scss.js +1 -1
- package/dist/components/search/dist/Search/Search.module.scss.js +1 -1
- package/dist/components/skeleton/dist/Skeleton/Skeleton.module.scss.js +1 -1
- package/dist/components/slider/dist/Slider/SelectionIndicator.module.scss.js +1 -1
- package/dist/components/slider/dist/Slider/Slider.module.scss.js +1 -1
- package/dist/components/slider/dist/Slider/SliderBase/SliderBase.module.scss.js +1 -1
- package/dist/components/slider/dist/Slider/SliderBase/SliderFilledTrack.module.scss.js +1 -1
- package/dist/components/slider/dist/Slider/SliderBase/SliderRail.module.scss.js +1 -1
- package/dist/components/slider/dist/Slider/SliderBase/SliderThumb.module.scss.js +1 -1
- package/dist/components/slider/dist/Slider/SliderBase/SliderTrack.module.scss.js +1 -1
- package/dist/components/slider/dist/Slider/SliderInfix.module.scss.js +1 -1
- package/dist/components/split-button/dist/SplitButton/SplitButton.module.scss.js +1 -1
- package/dist/components/table/dist/Table/Table/Table.module.scss.js +1 -1
- package/dist/components/table/dist/Table/TableBody/TableBody.module.scss.js +1 -1
- package/dist/components/table/dist/Table/TableCell/TableCell.module.scss.js +1 -1
- package/dist/components/table/dist/Table/TableCellSkeleton/TableCellSkeleton.module.scss.js +1 -1
- package/dist/components/table/dist/Table/TableContainer/TableContainer.module.scss.js +1 -1
- package/dist/components/table/dist/Table/TableHeader/TableHeader.module.scss.js +1 -1
- package/dist/components/table/dist/Table/TableHeaderCell/TableHeaderCell.module.scss.js +1 -1
- package/dist/components/table/dist/Table/TableRow/TableRow.module.scss.js +1 -1
- package/dist/components/table/dist/Table/TableRowMenu/TableRowMenu.module.scss.js +1 -1
- package/dist/components/table/dist/Table/TableVirtualizedBody/TableVirtualizedBody.module.scss.js +1 -1
- package/dist/components/tabs/dist/Tab/Tab.module.scss.js +1 -1
- package/dist/components/tabs/dist/TabList/TabList.module.scss.js +1 -1
- package/dist/components/tabs/dist/TabPanel/TabPanel.module.scss.js +1 -1
- package/dist/components/tabs/dist/TabPanels/TabPanels.module.scss.js +1 -1
- package/dist/components/text-inputs/dist/FieldLabel/FieldLabel.module.scss.js +1 -1
- package/dist/components/text-inputs/dist/InfoText/InfoText.module.scss.js +1 -1
- package/dist/components/text-inputs/dist/NumberField/NumberField.module.scss.js +1 -1
- package/dist/components/text-inputs/dist/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.module.scss.js +1 -1
- package/dist/components/text-inputs/dist/TextArea/TextArea.module.scss.js +1 -1
- package/dist/components/text-inputs/dist/TextField/TextField.module.scss.js +1 -1
- package/dist/components/text-with-highlight/dist/TextWithHighlight/TextWithHighlight.module.scss.js +1 -1
- package/dist/components/tipseen/dist/Tipseen/Tipseen.module.scss.js +1 -1
- package/dist/components/tipseen/dist/Tipseen/TipseenBasicContent.module.scss.js +1 -1
- package/dist/components/tipseen/dist/Tipseen/TipseenContent.module.scss.js +1 -1
- package/dist/components/tipseen/dist/Tipseen/TipseenMedia/TipseenMedia.module.scss.js +1 -1
- package/dist/components/tipseen/dist/Tipseen/TipseenTitle.module.scss.js +1 -1
- package/dist/components/tipseen/dist/Tipseen/TipseenWizard.module.scss.js +1 -1
- package/dist/components/toast/dist/Toast/Toast.module.scss.js +1 -1
- package/dist/components/toast/dist/Toast/ToastLink/ToastLink.module.scss.js +1 -1
- package/dist/components/toggle/dist/Switch/Switch.module.scss.js +1 -1
- package/dist/components/toggle/dist/Toggle/MockToggle.module.scss.js +1 -1
- package/dist/components/toggle/dist/Toggle/Toggle.module.scss.js +1 -1
- package/dist/components/toggle/dist/Toggle/ToggleText.module.scss.js +1 -1
- package/dist/components/tooltip/dist/Tooltip/Tooltip.module.scss.js +1 -1
- package/dist/components/transitions/dist/SlideTransition/SlideTransition.module.scss.js +1 -1
- package/dist/components/transitions/dist/TransitionView/TransitionView.module.scss.js +1 -1
- package/dist/components/typography/dist/Heading/Heading.module.scss.js +1 -1
- package/dist/components/typography/dist/Text/Text.module.scss.js +1 -1
- package/dist/components/typography/dist/Typography/Typography.module.scss.js +1 -1
- package/dist/components/virtualized-grid/dist/VirtualizedGrid/VirtualizedGrid.module.scss.js +1 -1
- package/dist/components/virtualized-list/dist/VirtualizedList/VirtualizedList.module.scss.js +1 -1
- package/dist/components/wizard/dist/MultiStepIndicator/MultiStepIndicator.module.scss.js +1 -1
- package/dist/components/wizard/dist/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js +1 -1
- package/dist/components/wizard/dist/Steps/Steps.module.scss.js +1 -1
- package/dist/components/wizard/dist/Steps/StepsCommand.module.scss.js +1 -1
- package/dist/components/wizard/dist/Steps/StepsDot.module.scss.js +1 -1
- package/dist/components/wizard/dist/Steps/StepsGalleryHeader.module.scss.js +1 -1
- package/dist/components/wizard/dist/Steps/StepsHeader.module.scss.js +1 -1
- package/dist/components/wizard/dist/Steps/StepsNumbersHeader.module.scss.js +1 -1
- package/dist/metadata/components.json +19 -447
- package/dist/metadata.json +19 -447
- package/dist/mocked_classnames/_virtual/_rollupPluginBabelHelpers.js +1 -1
- package/dist/mocked_classnames/_virtual/_tslib.js +1 -1
- package/dist/mocked_classnames/components/index.d.ts +2 -6
- package/dist/mocked_classnames/components/next.d.ts +1 -1
- package/dist/mocked_classnames/src/components/next.js +1 -1
- package/dist/mocked_classnames/src/index.js +1 -1
- package/dist/shared/dist/constants/keyCodes.js +1 -1
- package/dist/shared/dist/constants/keyCodes.js.map +1 -1
- package/dist/shared/dist/tests/constants.js +1 -1
- package/dist/shared/dist/tests/constants.js.map +1 -1
- package/dist/src/components/next.js +1 -1
- package/dist/src/index.js +1 -1
- package/dist/style/dist/index.min.css.js +1 -1
- package/package.json +62 -60
- package/dist/components/List/List.d.ts +0 -41
- package/dist/components/List/List.types.d.ts +0 -1
- package/dist/components/List/VirtualizedListItems/VirtualizedListItems.d.ts +0 -11
- package/dist/components/List/index.d.ts +0 -2
- package/dist/components/List/utils/ListContext.d.ts +0 -10
- package/dist/components/List/utils/ListUtils.d.ts +0 -11
- package/dist/components/ListItem/ListItem.d.ts +0 -52
- package/dist/components/ListItem/ListItem.types.d.ts +0 -3
- package/dist/components/ListItem/index.d.ts +0 -2
- package/dist/components/ListItemAvatar/ListItemAvatar.d.ts +0 -19
- package/dist/components/ListItemAvatar/index.d.ts +0 -1
- package/dist/components/ListItemIcon/ListItemIcon.d.ts +0 -22
- package/dist/components/ListItemIcon/ListItemIcon.types.d.ts +0 -1
- package/dist/components/ListItemIcon/index.d.ts +0 -2
- package/dist/components/ListTitle/ListTitle.d.ts +0 -14
- package/dist/components/ListTitle/index.d.ts +0 -1
- package/dist/components/Modal/Modal/Modal.d.ts +0 -4
- package/dist/components/Modal/Modal/Modal.types.d.ts +0 -120
- package/dist/components/Modal/Modal/index.d.ts +0 -2
- package/dist/components/Modal/ModalContent/ModalContent.d.ts +0 -4
- package/dist/components/Modal/ModalContent/ModalContent.types.d.ts +0 -8
- package/dist/components/Modal/ModalContent/index.d.ts +0 -2
- package/dist/components/Modal/ModalHeader/ModalHeader.d.ts +0 -4
- package/dist/components/Modal/ModalHeader/ModalHeader.types.d.ts +0 -42
- package/dist/components/Modal/ModalHeader/index.d.ts +0 -2
- package/dist/components/Modal/ModalMedia/ModalMedia.d.ts +0 -4
- package/dist/components/Modal/ModalMedia/ModalMedia.types.d.ts +0 -8
- package/dist/components/Modal/ModalMedia/index.d.ts +0 -2
- package/dist/components/Modal/ModalTopActions/ModalTopActions.d.ts +0 -4
- package/dist/components/Modal/ModalTopActions/ModalTopActions.types.d.ts +0 -25
- package/dist/components/Modal/context/ModalContext.d.ts +0 -4
- package/dist/components/Modal/context/ModalContext.types.d.ts +0 -32
- package/dist/components/Modal/footers/ModalFooter/ModalFooter.d.ts +0 -4
- package/dist/components/Modal/footers/ModalFooter/ModalFooter.types.d.ts +0 -8
- package/dist/components/Modal/footers/ModalFooterBase/ModalFooterBase.d.ts +0 -4
- package/dist/components/Modal/footers/ModalFooterBase/ModalFooterBase.types.d.ts +0 -28
- package/dist/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.d.ts +0 -4
- package/dist/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.types.d.ts +0 -18
- package/dist/components/Modal/footers/index.d.ts +0 -4
- package/dist/components/Modal/footers/utils/getPropsForButton.d.ts +0 -118
- package/dist/components/Modal/hooks/useFocusEscapeTargets/index.d.ts +0 -2
- package/dist/components/Modal/hooks/useFocusEscapeTargets/useFocusEscapeTargets.d.ts +0 -10
- package/dist/components/Modal/hooks/useFocusEscapeTargets/useFocusEscapeTargets.types.d.ts +0 -2
- package/dist/components/Modal/hooks/usePortalTarget/usePortalTarget.d.ts +0 -3
- package/dist/components/Modal/hooks/usePortalTarget/usePortalTarget.types.d.ts +0 -2
- package/dist/components/Modal/index.d.ts +0 -6
- package/dist/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.d.ts +0 -4
- package/dist/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.types.d.ts +0 -10
- package/dist/components/Modal/layouts/ModalFooterShadow.d.ts +0 -4
- package/dist/components/Modal/layouts/ModalFooterShadow.types.d.ts +0 -6
- package/dist/components/Modal/layouts/ModalLayoutScrollableContent.d.ts +0 -4
- package/dist/components/Modal/layouts/ModalLayoutScrollableContent.types.d.ts +0 -15
- package/dist/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.d.ts +0 -4
- package/dist/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.types.d.ts +0 -11
- package/dist/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.d.ts +0 -4
- package/dist/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.types.d.ts +0 -11
- package/dist/components/Modal/layouts/index.d.ts +0 -6
- package/dist/components/Modal/layouts/useLayoutScrolledContent.d.ts +0 -9
- package/dist/components/next/List/List.d.ts +0 -4
- package/dist/components/next/List/List.types.d.ts +0 -47
- package/dist/components/next/List/ListItem/ListItem.d.ts +0 -4
- package/dist/components/next/List/ListItem/ListItem.types.d.ts +0 -44
- package/dist/components/next/List/ListItem/index.d.ts +0 -2
- package/dist/components/next/List/ListTitle/ListTitle.d.ts +0 -4
- package/dist/components/next/List/ListTitle/ListTitle.types.d.ts +0 -16
- package/dist/components/next/List/ListTitle/index.d.ts +0 -2
- package/dist/components/next/List/index.d.ts +0 -6
- package/dist/components/next/index.d.ts +0 -1
- package/dist/mocked_classnames/components/List/List.d.ts +0 -41
- package/dist/mocked_classnames/components/List/List.types.d.ts +0 -1
- package/dist/mocked_classnames/components/List/VirtualizedListItems/VirtualizedListItems.d.ts +0 -11
- package/dist/mocked_classnames/components/List/index.d.ts +0 -2
- package/dist/mocked_classnames/components/List/utils/ListContext.d.ts +0 -10
- package/dist/mocked_classnames/components/List/utils/ListUtils.d.ts +0 -11
- package/dist/mocked_classnames/components/ListItem/ListItem.d.ts +0 -52
- package/dist/mocked_classnames/components/ListItem/ListItem.types.d.ts +0 -3
- package/dist/mocked_classnames/components/ListItem/index.d.ts +0 -2
- package/dist/mocked_classnames/components/ListItemAvatar/ListItemAvatar.d.ts +0 -19
- package/dist/mocked_classnames/components/ListItemAvatar/index.d.ts +0 -1
- package/dist/mocked_classnames/components/ListItemIcon/ListItemIcon.d.ts +0 -22
- package/dist/mocked_classnames/components/ListItemIcon/ListItemIcon.types.d.ts +0 -1
- package/dist/mocked_classnames/components/ListItemIcon/index.d.ts +0 -2
- package/dist/mocked_classnames/components/ListTitle/ListTitle.d.ts +0 -14
- package/dist/mocked_classnames/components/ListTitle/index.d.ts +0 -1
- package/dist/mocked_classnames/components/Modal/Modal/Modal.d.ts +0 -4
- package/dist/mocked_classnames/components/Modal/Modal/Modal.types.d.ts +0 -120
- package/dist/mocked_classnames/components/Modal/Modal/index.d.ts +0 -2
- package/dist/mocked_classnames/components/Modal/ModalContent/ModalContent.d.ts +0 -4
- package/dist/mocked_classnames/components/Modal/ModalContent/ModalContent.types.d.ts +0 -8
- package/dist/mocked_classnames/components/Modal/ModalContent/index.d.ts +0 -2
- package/dist/mocked_classnames/components/Modal/ModalHeader/ModalHeader.d.ts +0 -4
- package/dist/mocked_classnames/components/Modal/ModalHeader/ModalHeader.types.d.ts +0 -42
- package/dist/mocked_classnames/components/Modal/ModalHeader/index.d.ts +0 -2
- package/dist/mocked_classnames/components/Modal/ModalMedia/ModalMedia.d.ts +0 -4
- package/dist/mocked_classnames/components/Modal/ModalMedia/ModalMedia.types.d.ts +0 -8
- package/dist/mocked_classnames/components/Modal/ModalMedia/index.d.ts +0 -2
- package/dist/mocked_classnames/components/Modal/ModalTopActions/ModalTopActions.d.ts +0 -4
- package/dist/mocked_classnames/components/Modal/ModalTopActions/ModalTopActions.types.d.ts +0 -25
- package/dist/mocked_classnames/components/Modal/context/ModalContext.d.ts +0 -4
- package/dist/mocked_classnames/components/Modal/context/ModalContext.types.d.ts +0 -32
- package/dist/mocked_classnames/components/Modal/footers/ModalFooter/ModalFooter.d.ts +0 -4
- package/dist/mocked_classnames/components/Modal/footers/ModalFooter/ModalFooter.types.d.ts +0 -8
- package/dist/mocked_classnames/components/Modal/footers/ModalFooterBase/ModalFooterBase.d.ts +0 -4
- package/dist/mocked_classnames/components/Modal/footers/ModalFooterBase/ModalFooterBase.types.d.ts +0 -28
- package/dist/mocked_classnames/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.d.ts +0 -4
- package/dist/mocked_classnames/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.types.d.ts +0 -18
- package/dist/mocked_classnames/components/Modal/footers/index.d.ts +0 -4
- package/dist/mocked_classnames/components/Modal/footers/utils/getPropsForButton.d.ts +0 -118
- package/dist/mocked_classnames/components/Modal/hooks/useFocusEscapeTargets/index.d.ts +0 -2
- package/dist/mocked_classnames/components/Modal/hooks/useFocusEscapeTargets/useFocusEscapeTargets.d.ts +0 -10
- package/dist/mocked_classnames/components/Modal/hooks/useFocusEscapeTargets/useFocusEscapeTargets.types.d.ts +0 -2
- package/dist/mocked_classnames/components/Modal/hooks/usePortalTarget/usePortalTarget.d.ts +0 -3
- package/dist/mocked_classnames/components/Modal/hooks/usePortalTarget/usePortalTarget.types.d.ts +0 -2
- package/dist/mocked_classnames/components/Modal/index.d.ts +0 -6
- package/dist/mocked_classnames/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.d.ts +0 -4
- package/dist/mocked_classnames/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.types.d.ts +0 -10
- package/dist/mocked_classnames/components/Modal/layouts/ModalFooterShadow.d.ts +0 -4
- package/dist/mocked_classnames/components/Modal/layouts/ModalFooterShadow.types.d.ts +0 -6
- package/dist/mocked_classnames/components/Modal/layouts/ModalLayoutScrollableContent.d.ts +0 -4
- package/dist/mocked_classnames/components/Modal/layouts/ModalLayoutScrollableContent.types.d.ts +0 -15
- package/dist/mocked_classnames/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.d.ts +0 -4
- package/dist/mocked_classnames/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.types.d.ts +0 -11
- package/dist/mocked_classnames/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.d.ts +0 -4
- package/dist/mocked_classnames/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.types.d.ts +0 -11
- package/dist/mocked_classnames/components/Modal/layouts/index.d.ts +0 -6
- package/dist/mocked_classnames/components/Modal/layouts/useLayoutScrolledContent.d.ts +0 -9
- package/dist/mocked_classnames/components/next/List/List.d.ts +0 -4
- package/dist/mocked_classnames/components/next/List/List.types.d.ts +0 -47
- package/dist/mocked_classnames/components/next/List/ListItem/ListItem.d.ts +0 -4
- package/dist/mocked_classnames/components/next/List/ListItem/ListItem.types.d.ts +0 -44
- package/dist/mocked_classnames/components/next/List/ListItem/index.d.ts +0 -2
- package/dist/mocked_classnames/components/next/List/ListTitle/ListTitle.d.ts +0 -4
- package/dist/mocked_classnames/components/next/List/ListTitle/ListTitle.types.d.ts +0 -16
- package/dist/mocked_classnames/components/next/List/ListTitle/index.d.ts +0 -2
- package/dist/mocked_classnames/components/next/List/index.d.ts +0 -6
- package/dist/mocked_classnames/components/next/index.d.ts +0 -1
- package/dist/mocked_classnames/src/components/List/List.js +0 -2
- package/dist/mocked_classnames/src/components/List/List.js.map +0 -1
- package/dist/mocked_classnames/src/components/List/List.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/List/VirtualizedListItems/VirtualizedListItems.js +0 -2
- package/dist/mocked_classnames/src/components/List/VirtualizedListItems/VirtualizedListItems.js.map +0 -1
- package/dist/mocked_classnames/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/List/utils/ListContext.js +0 -2
- package/dist/mocked_classnames/src/components/List/utils/ListContext.js.map +0 -1
- package/dist/mocked_classnames/src/components/List/utils/ListUtils.js +0 -2
- package/dist/mocked_classnames/src/components/List/utils/ListUtils.js.map +0 -1
- package/dist/mocked_classnames/src/components/ListItem/ListItem.js +0 -2
- package/dist/mocked_classnames/src/components/ListItem/ListItem.js.map +0 -1
- package/dist/mocked_classnames/src/components/ListItem/ListItem.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/ListItemAvatar/ListItemAvatar.js +0 -2
- package/dist/mocked_classnames/src/components/ListItemAvatar/ListItemAvatar.js.map +0 -1
- package/dist/mocked_classnames/src/components/ListItemAvatar/ListItemAvatar.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/ListItemIcon/ListItemIcon.js +0 -2
- package/dist/mocked_classnames/src/components/ListItemIcon/ListItemIcon.js.map +0 -1
- package/dist/mocked_classnames/src/components/ListItemIcon/ListItemIcon.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/ListTitle/ListTitle.js +0 -2
- package/dist/mocked_classnames/src/components/ListTitle/ListTitle.js.map +0 -1
- package/dist/mocked_classnames/src/components/ListTitle/ListTitle.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/Modal/Modal/Modal.js +0 -2
- package/dist/mocked_classnames/src/components/Modal/Modal/Modal.js.map +0 -1
- package/dist/mocked_classnames/src/components/Modal/Modal/Modal.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/Modal/ModalContent/ModalContent.js +0 -2
- package/dist/mocked_classnames/src/components/Modal/ModalContent/ModalContent.js.map +0 -1
- package/dist/mocked_classnames/src/components/Modal/ModalHeader/ModalHeader.js +0 -2
- package/dist/mocked_classnames/src/components/Modal/ModalHeader/ModalHeader.js.map +0 -1
- package/dist/mocked_classnames/src/components/Modal/ModalHeader/ModalHeader.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/Modal/ModalMedia/ModalMedia.js +0 -2
- package/dist/mocked_classnames/src/components/Modal/ModalMedia/ModalMedia.js.map +0 -1
- package/dist/mocked_classnames/src/components/Modal/ModalMedia/ModalMedia.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/Modal/ModalTopActions/ModalTopActions.js +0 -2
- package/dist/mocked_classnames/src/components/Modal/ModalTopActions/ModalTopActions.js.map +0 -1
- package/dist/mocked_classnames/src/components/Modal/ModalTopActions/ModalTopActions.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/Modal/context/ModalContext.js +0 -2
- package/dist/mocked_classnames/src/components/Modal/context/ModalContext.js.map +0 -1
- package/dist/mocked_classnames/src/components/Modal/footers/ModalFooter/ModalFooter.js +0 -2
- package/dist/mocked_classnames/src/components/Modal/footers/ModalFooter/ModalFooter.js.map +0 -1
- package/dist/mocked_classnames/src/components/Modal/footers/ModalFooter/ModalFooter.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.js +0 -2
- package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.js.map +0 -1
- package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.js +0 -2
- package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.js.map +0 -1
- package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/Modal/footers/utils/getPropsForButton.js +0 -2
- package/dist/mocked_classnames/src/components/Modal/footers/utils/getPropsForButton.js.map +0 -1
- package/dist/mocked_classnames/src/components/Modal/hooks/useFocusEscapeTargets/useFocusEscapeTargets.js +0 -2
- package/dist/mocked_classnames/src/components/Modal/hooks/useFocusEscapeTargets/useFocusEscapeTargets.js.map +0 -1
- package/dist/mocked_classnames/src/components/Modal/hooks/usePortalTarget/usePortalTarget.js +0 -2
- package/dist/mocked_classnames/src/components/Modal/hooks/usePortalTarget/usePortalTarget.js.map +0 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.js +0 -2
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.js.map +0 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalFooterShadow.js +0 -2
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalFooterShadow.js.map +0 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalFooterShadow.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalLayoutScrollableContent.js.map +0 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalLayoutScrollableContent.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.js +0 -2
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.js.map +0 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.js +0 -2
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.js.map +0 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/Modal/layouts/useLayoutScrolledContent.js +0 -2
- package/dist/mocked_classnames/src/components/Modal/layouts/useLayoutScrolledContent.js.map +0 -1
- package/dist/mocked_classnames/src/components/next/List/List.js +0 -2
- package/dist/mocked_classnames/src/components/next/List/List.js.map +0 -1
- package/dist/mocked_classnames/src/components/next/List/List.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/next/List/ListItem/ListItem.js +0 -2
- package/dist/mocked_classnames/src/components/next/List/ListItem/ListItem.js.map +0 -1
- package/dist/mocked_classnames/src/components/next/List/ListTitle/ListTitle.js +0 -2
- package/dist/mocked_classnames/src/components/next/List/ListTitle/ListTitle.js.map +0 -1
- package/dist/mocked_classnames/src/components/next/List/ListTitle/ListTitle.module.scss.js +0 -2
- package/dist/mocked_classnames/src/constants/keyCodes.js +0 -2
- package/dist/mocked_classnames/src/constants/keyCodes.js.map +0 -1
- package/dist/mocked_classnames/src/constants/sizes.js +0 -2
- package/dist/mocked_classnames/src/constants/sizes.js.map +0 -1
- package/dist/src/components/List/List.js +0 -2
- package/dist/src/components/List/List.js.map +0 -1
- package/dist/src/components/List/List.module.scss.js +0 -2
- package/dist/src/components/List/List.module.scss.js.map +0 -1
- package/dist/src/components/List/VirtualizedListItems/VirtualizedListItems.js +0 -2
- package/dist/src/components/List/VirtualizedListItems/VirtualizedListItems.js.map +0 -1
- package/dist/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js +0 -2
- package/dist/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js.map +0 -1
- package/dist/src/components/List/utils/ListContext.js +0 -2
- package/dist/src/components/List/utils/ListContext.js.map +0 -1
- package/dist/src/components/List/utils/ListUtils.js +0 -2
- package/dist/src/components/List/utils/ListUtils.js.map +0 -1
- package/dist/src/components/ListItem/ListItem.js +0 -2
- package/dist/src/components/ListItem/ListItem.js.map +0 -1
- package/dist/src/components/ListItem/ListItem.module.scss.js +0 -2
- package/dist/src/components/ListItem/ListItem.module.scss.js.map +0 -1
- package/dist/src/components/ListItemAvatar/ListItemAvatar.js +0 -2
- package/dist/src/components/ListItemAvatar/ListItemAvatar.js.map +0 -1
- package/dist/src/components/ListItemAvatar/ListItemAvatar.module.scss.js +0 -2
- package/dist/src/components/ListItemAvatar/ListItemAvatar.module.scss.js.map +0 -1
- package/dist/src/components/ListItemIcon/ListItemIcon.js +0 -2
- package/dist/src/components/ListItemIcon/ListItemIcon.js.map +0 -1
- package/dist/src/components/ListItemIcon/ListItemIcon.module.scss.js +0 -2
- package/dist/src/components/ListItemIcon/ListItemIcon.module.scss.js.map +0 -1
- package/dist/src/components/ListTitle/ListTitle.js +0 -2
- package/dist/src/components/ListTitle/ListTitle.js.map +0 -1
- package/dist/src/components/ListTitle/ListTitle.module.scss.js +0 -2
- package/dist/src/components/ListTitle/ListTitle.module.scss.js.map +0 -1
- package/dist/src/components/Modal/Modal/Modal.js +0 -2
- package/dist/src/components/Modal/Modal/Modal.js.map +0 -1
- package/dist/src/components/Modal/Modal/Modal.module.scss.js +0 -2
- package/dist/src/components/Modal/Modal/Modal.module.scss.js.map +0 -1
- package/dist/src/components/Modal/ModalContent/ModalContent.js +0 -2
- package/dist/src/components/Modal/ModalContent/ModalContent.js.map +0 -1
- package/dist/src/components/Modal/ModalHeader/ModalHeader.js +0 -2
- package/dist/src/components/Modal/ModalHeader/ModalHeader.js.map +0 -1
- package/dist/src/components/Modal/ModalHeader/ModalHeader.module.scss.js +0 -2
- package/dist/src/components/Modal/ModalHeader/ModalHeader.module.scss.js.map +0 -1
- package/dist/src/components/Modal/ModalMedia/ModalMedia.js +0 -2
- package/dist/src/components/Modal/ModalMedia/ModalMedia.js.map +0 -1
- package/dist/src/components/Modal/ModalMedia/ModalMedia.module.scss.js +0 -2
- package/dist/src/components/Modal/ModalMedia/ModalMedia.module.scss.js.map +0 -1
- package/dist/src/components/Modal/ModalTopActions/ModalTopActions.js +0 -2
- package/dist/src/components/Modal/ModalTopActions/ModalTopActions.js.map +0 -1
- package/dist/src/components/Modal/ModalTopActions/ModalTopActions.module.scss.js +0 -2
- package/dist/src/components/Modal/ModalTopActions/ModalTopActions.module.scss.js.map +0 -1
- package/dist/src/components/Modal/context/ModalContext.js +0 -2
- package/dist/src/components/Modal/context/ModalContext.js.map +0 -1
- package/dist/src/components/Modal/footers/ModalFooter/ModalFooter.js +0 -2
- package/dist/src/components/Modal/footers/ModalFooter/ModalFooter.js.map +0 -1
- package/dist/src/components/Modal/footers/ModalFooter/ModalFooter.module.scss.js +0 -2
- package/dist/src/components/Modal/footers/ModalFooter/ModalFooter.module.scss.js.map +0 -1
- package/dist/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.js +0 -2
- package/dist/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.js.map +0 -1
- package/dist/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.module.scss.js +0 -2
- package/dist/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.module.scss.js.map +0 -1
- package/dist/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.js +0 -2
- package/dist/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.js.map +0 -1
- package/dist/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss.js +0 -2
- package/dist/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss.js.map +0 -1
- package/dist/src/components/Modal/footers/utils/getPropsForButton.js +0 -2
- package/dist/src/components/Modal/footers/utils/getPropsForButton.js.map +0 -1
- package/dist/src/components/Modal/hooks/useFocusEscapeTargets/useFocusEscapeTargets.js +0 -2
- package/dist/src/components/Modal/hooks/useFocusEscapeTargets/useFocusEscapeTargets.js.map +0 -1
- package/dist/src/components/Modal/hooks/usePortalTarget/usePortalTarget.js +0 -2
- package/dist/src/components/Modal/hooks/usePortalTarget/usePortalTarget.js.map +0 -1
- package/dist/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.js +0 -2
- package/dist/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.js.map +0 -1
- package/dist/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js +0 -2
- package/dist/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js.map +0 -1
- package/dist/src/components/Modal/layouts/ModalFooterShadow.js +0 -2
- package/dist/src/components/Modal/layouts/ModalFooterShadow.js.map +0 -1
- package/dist/src/components/Modal/layouts/ModalFooterShadow.module.scss.js +0 -2
- package/dist/src/components/Modal/layouts/ModalFooterShadow.module.scss.js.map +0 -1
- package/dist/src/components/Modal/layouts/ModalLayoutScrollableContent.js +0 -2
- package/dist/src/components/Modal/layouts/ModalLayoutScrollableContent.js.map +0 -1
- package/dist/src/components/Modal/layouts/ModalLayoutScrollableContent.module.scss.js +0 -2
- package/dist/src/components/Modal/layouts/ModalLayoutScrollableContent.module.scss.js.map +0 -1
- package/dist/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.js +0 -2
- package/dist/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.js.map +0 -1
- package/dist/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.module.scss.js +0 -2
- package/dist/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.module.scss.js.map +0 -1
- package/dist/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.js +0 -2
- package/dist/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.js.map +0 -1
- package/dist/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss.js +0 -2
- package/dist/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss.js.map +0 -1
- package/dist/src/components/Modal/layouts/useLayoutScrolledContent.js +0 -2
- package/dist/src/components/Modal/layouts/useLayoutScrolledContent.js.map +0 -1
- package/dist/src/components/next/List/List.js +0 -2
- package/dist/src/components/next/List/List.js.map +0 -1
- package/dist/src/components/next/List/List.module.scss.js +0 -2
- package/dist/src/components/next/List/List.module.scss.js.map +0 -1
- package/dist/src/components/next/List/ListItem/ListItem.js +0 -2
- package/dist/src/components/next/List/ListItem/ListItem.js.map +0 -1
- package/dist/src/components/next/List/ListTitle/ListTitle.js +0 -2
- package/dist/src/components/next/List/ListTitle/ListTitle.js.map +0 -1
- package/dist/src/components/next/List/ListTitle/ListTitle.module.scss.js +0 -2
- package/dist/src/components/next/List/ListTitle/ListTitle.module.scss.js.map +0 -1
- package/dist/src/constants/keyCodes.js +0 -2
- package/dist/src/constants/keyCodes.js.map +0 -1
- package/dist/src/constants/sizes.js +0 -2
- package/dist/src/constants/sizes.js.map +0 -1
- /package/dist/{mocked_classnames/src/components → components/list/dist}/List/List.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/list/dist}/List/VirtualizedListItems/VirtualizedListItems.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/list/dist}/ListItem/ListItem.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/list/dist}/ListItemAvatar/ListItemAvatar.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/list/dist}/ListItemIcon/ListItemIcon.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/list/dist}/ListTitle/ListTitle.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/list/dist}/next/List/List.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/list/dist}/next/List/ListTitle/ListTitle.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/modal/dist}/Modal/Modal/Modal.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/modal/dist}/Modal/ModalHeader/ModalHeader.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/modal/dist}/Modal/ModalMedia/ModalMedia.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/modal/dist}/Modal/ModalTopActions/ModalTopActions.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/modal/dist}/Modal/footers/ModalFooter/ModalFooter.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/modal/dist}/Modal/footers/ModalFooterBase/ModalFooterBase.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/modal/dist}/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/modal/dist}/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/modal/dist}/Modal/layouts/ModalFooterShadow.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/modal/dist}/Modal/layouts/ModalLayoutScrollableContent.js +0 -0
- /package/dist/{mocked_classnames/src/components → components/modal/dist}/Modal/layouts/ModalLayoutScrollableContent.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/modal/dist}/Modal/layouts/ModalMediaLayout/ModalMediaLayout.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/modal/dist}/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss.js.map +0 -0
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { type UIEventHandler } from "react";
|
|
2
|
-
declare const useLayoutScrolledContent: () => {
|
|
3
|
-
ref: import("react").MutableRefObject<HTMLDivElement>;
|
|
4
|
-
isContentScrolled: boolean;
|
|
5
|
-
isScrollable: boolean;
|
|
6
|
-
isScrolledToEnd: boolean;
|
|
7
|
-
onScroll: UIEventHandler<HTMLDivElement>;
|
|
8
|
-
};
|
|
9
|
-
export default useLayoutScrolledContent;
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import { type ReactElement, type AriaRole } from "react";
|
|
2
|
-
import { type VibeComponentProps } from "../../../types";
|
|
3
|
-
import { type BaseListSizes, type BaseListElement } from "@vibe/base-list";
|
|
4
|
-
export type ListSize = BaseListSizes;
|
|
5
|
-
export type ListElement = BaseListElement;
|
|
6
|
-
export interface ListProps extends VibeComponentProps {
|
|
7
|
-
/**
|
|
8
|
-
* The HTML element to render as. Defaults to "ul".
|
|
9
|
-
*/
|
|
10
|
-
as?: ListElement;
|
|
11
|
-
/**
|
|
12
|
-
* The child elements inside the list (typically ListItem components).
|
|
13
|
-
*/
|
|
14
|
-
children?: ReactElement | ReactElement[];
|
|
15
|
-
/**
|
|
16
|
-
* The ARIA label describing the list. Required for accessibility when aria-describedby is not provided.
|
|
17
|
-
*/
|
|
18
|
-
"aria-label"?: string;
|
|
19
|
-
/**
|
|
20
|
-
* The ID of an element that describes the list.
|
|
21
|
-
*/
|
|
22
|
-
"aria-describedby"?: string;
|
|
23
|
-
/**
|
|
24
|
-
* The ARIA role of the list. Defaults to "listbox".
|
|
25
|
-
*/
|
|
26
|
-
role?: AriaRole;
|
|
27
|
-
/**
|
|
28
|
-
* The size of the list items.
|
|
29
|
-
*/
|
|
30
|
-
size?: ListSize;
|
|
31
|
-
/**
|
|
32
|
-
* The maximum height of the list container. Enables scrolling when content exceeds this height.
|
|
33
|
-
*/
|
|
34
|
-
maxHeight?: number | string;
|
|
35
|
-
/**
|
|
36
|
-
* If true, the list will automatically focus on mount.
|
|
37
|
-
*/
|
|
38
|
-
focusOnMount?: boolean;
|
|
39
|
-
/**
|
|
40
|
-
* Index of the item that should be focused initially. Defaults to 0.
|
|
41
|
-
*/
|
|
42
|
-
defaultFocusIndex?: number;
|
|
43
|
-
/**
|
|
44
|
-
* Callback fired when the focused item changes.
|
|
45
|
-
*/
|
|
46
|
-
onFocusChange?: (index: number, id?: string) => void;
|
|
47
|
-
}
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import type React from "react";
|
|
2
|
-
import { type AriaRole } from "react";
|
|
3
|
-
import { type VibeComponentProps } from "../../../../types";
|
|
4
|
-
import { type BaseItemDirection, type BaseItemData, type StartElement, type EndElement } from "@vibe/base-list";
|
|
5
|
-
/**
|
|
6
|
-
* Re-export types from BaseItem for convenience
|
|
7
|
-
*/
|
|
8
|
-
export type ListItemDirection = BaseItemDirection;
|
|
9
|
-
export type ListItemStartElement = StartElement;
|
|
10
|
-
export type ListItemEndElement = EndElement;
|
|
11
|
-
/**
|
|
12
|
-
* Props for the ListItem component.
|
|
13
|
-
* These are derived from BaseItemData to ensure consistency with the underlying BaseItem component.
|
|
14
|
-
*/
|
|
15
|
-
export interface ListItemProps extends Pick<BaseItemData, "label" | "disabled" | "startElement" | "endElement" | "tooltipProps">, VibeComponentProps {
|
|
16
|
-
/**
|
|
17
|
-
* The value of the list item (used for identification). Defaults to label if not provided.
|
|
18
|
-
*/
|
|
19
|
-
value?: BaseItemData["value"];
|
|
20
|
-
/**
|
|
21
|
-
* If true, the list item is selected.
|
|
22
|
-
*/
|
|
23
|
-
selected?: boolean;
|
|
24
|
-
/**
|
|
25
|
-
* If true, the list item is read-only and cannot be edited.
|
|
26
|
-
*/
|
|
27
|
-
readOnly?: boolean;
|
|
28
|
-
/**
|
|
29
|
-
* Determines the position of the tooltip according to the direction.
|
|
30
|
-
*/
|
|
31
|
-
dir?: ListItemDirection;
|
|
32
|
-
/**
|
|
33
|
-
* The ARIA role of the list item.
|
|
34
|
-
*/
|
|
35
|
-
role?: AriaRole;
|
|
36
|
-
/**
|
|
37
|
-
* Callback fired when the list item is clicked.
|
|
38
|
-
*/
|
|
39
|
-
onClick?: (event: React.MouseEvent | React.KeyboardEvent) => void;
|
|
40
|
-
/**
|
|
41
|
-
* Callback fired when the list item is hovered (mouseenter or focus).
|
|
42
|
-
*/
|
|
43
|
-
onHover?: (event: React.MouseEvent | React.FocusEvent) => void;
|
|
44
|
-
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import type { VibeComponentProps } from "../../../../types";
|
|
2
|
-
import type { BaseListSizes } from "@vibe/base-list";
|
|
3
|
-
export interface ListTitleProps extends VibeComponentProps {
|
|
4
|
-
/**
|
|
5
|
-
* The title text to display.
|
|
6
|
-
*/
|
|
7
|
-
children?: string;
|
|
8
|
-
/**
|
|
9
|
-
* The size of the list title, inherited from the parent list context if not provided.
|
|
10
|
-
*/
|
|
11
|
-
size?: BaseListSizes;
|
|
12
|
-
/**
|
|
13
|
-
* If true, the title will stick to the top when scrolling within a list.
|
|
14
|
-
*/
|
|
15
|
-
sticky?: boolean;
|
|
16
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./List";
|
|
@@ -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 a,useCallback as o,useEffect as s,useMemo as l}from"react";import{useMergeRef as c,useKeyEvent as u}from"@vibe/shared";import{VirtualizedListItems as d}from"./VirtualizedListItems/VirtualizedListItems.js";import{keyCodes as m,UP_DOWN_ARROWS as f}from"../../constants/keyCodes.js";import{getTestId as v,ComponentDefaultTestId as p}from"../../tests/testIds.js";import{ListContext as b}from"./utils/ListContext.js";import{useListId as y,getListItemIndexById as I,getNextListItemIndex as j,getPrevListItemIndex as L,getListItemIdByIndex as x,isListItem as A,getListItemComponentType as E}from"./utils/ListUtils.js";import h from"./List.module.scss.js";import{ComponentVibeId as k}from"../../tests/constants.js";var g=i((function(i,g){var O=i.className,R=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,S=void 0===H?"listbox":H,U=i["data-testid"],B=n(null),F=c(g,B),M=n([]),q=y(R),w=a(0),G=e(w,2),J=G[0],K=G[1],Q=V,X=o((function(e){var t;K(I(M,e)),null===(t=null==B?void 0:B.current)||void 0===t||t.setAttribute("aria-activedescendant",e)}),[]),Y=o((function(e){if(!z){e.preventDefault();var t=e.key===m.UP_ARROW,r=void 0;e.key===m.DOWN_ARROW&&M.current.length>J+1?r=j(J,M):t&&J>0&&(r=L(J,M)),void 0!==r&&(X(x(M,r)),M.current[r].focus())}}),[J,z,X]);u({keys:f,callback:Y,ref:B}),s((function(){var e=M.current.findIndex((function(e){return e instanceof HTMLElement&&A(e)&&"true"===(null==e?void 0:e.getAttribute("aria-selected"))}));if(-1!==e)X(x(M,e));else{var t=M.current.findIndex((function(e){return A(e)}));-1!==t&&X(x(M,t))}}),[X]);var Z=l((function(){var e=Array.isArray(_)?_:[_];return z?e=r.createElement(d,null,e):(M.current=M.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(q,"-item-").concat(t),n=M.current[t],a=null==n||A(n);return r.cloneElement(e,{ref:function(e){return M.current[t]=e},tabIndex:J===t&&a?0:-1,id:i,component:E(V),role:e.props.role})}))),e}),[_,V,J,q,z]);return r.createElement(b.Provider,{value:{updateFocusedItem:X}},r.createElement(Q,{"data-testid":U||v(p.LIST,R),"data-vibe":k.LIST,ref:F,style:D,className:t(h.list,O),id:q,"aria-label":C,"aria-describedby":N,"aria-controls":P,tabIndex:-1,role:S},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":"81BAsEMA,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"};!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 {\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::-webkit-scrollbar {\n width: 4px;\n height: 6px;\n}\n.list::-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
|
package/dist/mocked_classnames/src/components/List/VirtualizedListItems/VirtualizedListItems.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import e,{useMemo as t,useCallback as r}from"react";import i from"classnames";import s from"../../ListItem/ListItem.js";import a from"../../ListTitle/ListTitle.js";import{VirtualizedList as o}from"@vibe/virtualized-list/mockedClassNames";import m from"./VirtualizedListItems.module.scss.js";var l="title",n="item",p=function(p){var c=p.children,d=t((function(){return(Array.isArray(c)?c:[c]).map((function(e,t){var r=e.type.displayName;return r===a.displayName?{type:l,id:"list-title-".concat(t),props:e.props,height:48}:r===s.displayName?{type:n,id:e.props.id||"list-item-".concat(t),props:e.props,height:32}:void 0})).filter((function(e){return void 0!==e}))}),[c]),u=r((function(t,r,i){var o,m=t.props;switch(t.type){case l:o=e.createElement(a,Object.assign({},m));break;case n:o=e.createElement(s,Object.assign({},m))}return e.createElement("div",{style:i},o)}),[]);return e.createElement(o,{scrollableClassName:i(m.scrollableContainer),items:d,itemRenderer:u})};export{p as VirtualizedListItems};
|
|
2
|
-
//# sourceMappingURL=VirtualizedListItems.js.map
|
package/dist/mocked_classnames/src/components/List/VirtualizedListItems/VirtualizedListItems.js.map
DELETED
|
@@ -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":"mSASA,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"};!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 {\n margin: 0;\n padding: 0;\n overflow: auto;\n}\n.scrollableContainer::-webkit-scrollbar {\n width: 4px;\n height: 6px;\n}\n.scrollableContainer::-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":"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":"6DAWaA,EAAcC,EAAMC,cAA+B,CAAEC,kBAAmBC"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{slicedToArray as r}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as n}from"react";import{useIsomorphicLayoutEffect as t}from"@vibe/shared";var e=0,i=function(){return"list-".concat(e++)},u=["option","listitem","menuitem","tab","treeitem"],o=function(e){var u=n(),o=r(u,2),c=o[0],l=o[1];return t((function(){l(e||i())}),[e]),c},c=function(r,n){var t;return null===(t=r.current[n])||void 0===t?void 0:t.id},l=function(r,n){return r.current.findIndex((function(r){return(null==r?void 0:r.id)===n}))},a=function(r){switch(r){case"ul":case"ol":return"li";case"nav":return"a";default:return"div"}},f=function(r){return r&&r instanceof HTMLElement&&u.includes(r.getAttribute("role"))},s=function(r,n){for(;n.current.length-1>r;){var t=n.current[++r];if(f(t))return r}},d=function(r,n){for(;r>0;){var t=n.current[--r];if(f(t))return r}};export{i as generateListId,a as getListItemComponentType,c as getListItemIdByIndex,l as getListItemIndexById,s as getNextListItemIndex,d as getPrevListItemIndex,f 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":"4KAKA,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 o from"classnames";import t,{forwardRef as i,useContext as s,useRef as r,useEffect as a,useCallback as n}from"react";import{camelCase as m}from"es-toolkit";import{useMergeRef as d,useKeyEvent as l,getStyle as c,NOOP as p}from"@vibe/shared";import{Text as u}from"@vibe/typography/mockedClassNames";import{SELECTION_KEYS as f}from"../../constants/keyCodes.js";import{SIZES as v}from"../../constants/sizes.js";import"@vibe/hooks";import"@vibe/a11y/mockedClassNames";import"../../hooks/useVibeMediaQuery/index.js";import{ListContext as b}from"../List/utils/ListContext.js";import k from"./ListItem.module.scss.js";var y=i((function(i,y){var j=i.className,x=i.id,C=i.component,I=void 0===C?"div":C,L=i.onClick,h=void 0===L?p:L,N=i.onHover,P=void 0===N?p:N,g=i.selected,M=i.disabled,z=void 0!==M&&M,E=i.size,F=void 0===E?v.SMALL:E,H=i.tabIndex,_=void 0===H?0:H,A=i.children,B=i["aria-current"],O=i["data-testid"],Q=i.role,S=void 0===Q?"option":Q,V=i.tooltipProps,q=s(b).updateFocusedItem,w=r(null),D=d(y,w);a((function(){g&&(null==q||q(x))}),[g,x,q]);var G=n((function(e){z||h(e,x)}),[z,h,x]),J=n((function(e){return G(e)}),[G]);l({keys:f,ref:w,callback:J});var K=n((function(e){z||P(e,x)}),[z,P,x]);return t.createElement(u,{element:I,"data-testid":O||x,ref:D,className:o(k.listItem,j,c(k,m(F)),e(e({},k.selected,g&&!z),k.disabled,z)),id:x,type:"text2","aria-disabled":z,"aria-selected":g,onClick:G,onMouseEnter:K,onFocus:K,role:S,tabIndex:_,"aria-current":B,tooltipProps:V},A)}));Object.assign(y,{displayName:"ListItem"});export{y 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":"yrBAsEMA,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","focus-visible":"focus-visible",disabled:"disabled",selected:"selected",small:"small",medium:"medium",large:"large"};!function(e){const n="s_id-8402a299d384_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 selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.listItem {\n display: flex;\n align-items: center;\n padding: 8px 16px;\n border-radius: 4px;\n cursor: pointer;\n}\n.listItem:focus-visible, .listItem.focus-visible {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.listItem:focus:not(.focus-visible) {\n outline: none;\n}\n.listItem:hover {\n background-color: var(--primary-background-hover-color);\n}\n.disabled {\n cursor: not-allowed;\n}\n.disabled:hover {\n background-color: transparent;\n}\n.selected {\n background-color: var(--primary-selected-color);\n}\n.selected:hover {\n background-color: var(--primary-selected-color);\n}\n.small {\n height: 32px;\n}\n.medium {\n height: 40px;\n}\n.large {\n height: 48px;\n}");export{e as default};
|
|
2
|
-
//# sourceMappingURL=ListItem.module.scss.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import a,{forwardRef as e,useRef as r}from"react";import s from"classnames";import{useMergeRef as t}from"@vibe/shared";import{Avatar as m}from"@vibe/avatar/mockedClassNames";import i from"./ListItemAvatar.module.scss.js";var o=e((function(e,o){var l=e.className,c=e.id,v=e.src,d=e.avatarClassName,n=e.component,f=void 0===n?"div":n,p=r(null),u=t(o,p);return a.createElement(f,{ref:u,className:s(i.listItemAvatar,l),id:c,"aria-hidden":"true"},a.createElement(m,{src:v,type:"img",size:"small",className:s(i.avatar,d)}))}));export{o 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":"6NAuBMA,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",avatar:"avatar"};!function(e){const t="s_id-4e549e461b77_4_5_27";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.listItemAvatar {\n display: flex;\n align-items: center;\n color: var(--primary-text-color);\n}\n.avatar {\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,2 +0,0 @@
|
|
|
1
|
-
import e from"classnames";import o,{forwardRef as r,useRef as i}from"react";import{useMergeRef as t,getStyle as m}from"@vibe/shared";import{Icon as s}from"@vibe/icon/mockedClassNames";import a from"./ListItemIcon.module.scss.js";var n=18,c=r((function(r,n){var c=r.className,l=r.id,d=r.icon,f=r.margin,p=void 0===f?"start":f,u=r.component,v=void 0===u?"div":u,I=i(null),N=t(n,I);return o.createElement(v,{ref:N,className:e(a.listItemIcon,m(a,p),c),id:l,"aria-hidden":"true"},o.createElement(s,{icon:d,ignoreFocusStyle:!0,size:18}))}));export{n 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":"qOAUO,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",start:"start",end:"end"};!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 i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.listItemIcon {\n display: flex;\n align-items: center;\n color: var(--primary-text-color);\n}\n.start {\n margin-inline-end: var(--space-8);\n}\n.end {\n margin-inline-start: var(--space-8);\n}");export{e as default};
|
|
2
|
-
//# sourceMappingURL=ListItemIcon.module.scss.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import e from"classnames";import t,{forwardRef as a,useRef as i}from"react";import{useMergeRef as s}from"@vibe/shared";import{Text as r}from"@vibe/typography/mockedClassNames";import m from"./ListTitle.module.scss.js";var l=a((function(a,l){var d=a.className,o=a.id,n=a.children,c=a.tabIndex,p=a["data-testid"],f=i(null),u=s(l,f);return t.createElement(r,{type:"text1",weight:"medium","data-testid":p||o,"aria-level":3,tabIndex:c,role:"heading",ref:u,className:e(m.listTitle,d),id:o},n)}));Object.assign(l,{displayName:"ListTitle"});export{l 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":"0NAkBMA,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"};!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 {\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,2 +0,0 @@
|
|
|
1
|
-
import{slicedToArray as e,defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as r,useRef as a,useState as i,useCallback as n,useMemo as s}from"react";import l from"classnames";import{RemoveScroll as c}from"react-remove-scroll";import m from"react-focus-lock";import{CSSTransition as d}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 E from"../ModalTopActions/ModalTopActions.js";import{useMergeRef as b,getStyle as y}from"@vibe/shared";import{camelCase as A}from"es-toolkit";import{ModalProvider as h}from"../context/ModalContext.js";import{keyCodes as x}from"../../../constants/keyCodes.js";import"../../../constants/sizes.js";import{createPortal as g}from"react-dom";import j from"../hooks/usePortalTarget/usePortalTarget.js";import T from"../hooks/useFocusEscapeTargets/useFocusEscapeTargets.js";import{LayerProvider as P}from"@vibe/layer/mockedClassNames";var w=m.default||m,F=r((function(r,m){var F,M=r.id,k=r.show,C=r.size,L=void 0===C?"medium":C,O=r.renderHeaderAction,I=r.closeButtonTheme,N=r.closeButtonAriaLabel,z=r.onClose,B=void 0===z?function(){}:z,D=r.autoFocus,R=void 0===D||D,H=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=a(null),oe=b(m,te),re=a(null),ae=i(),ie=e(ae,2),ne=ie[0],se=ie[1],le=i(),ce=e(le,2),me=ce[0],de=ce[1],ue=n((function(e){Z||se(e)}),[Z]),fe=n((function(e){$||de(e)}),[$]),pe=s((function(){return{modalId:M,setTitleId:ue,setDescriptionId:fe,autoFocus:R}}),[M,ue,fe,R]),ve=n((function(e){k&&!K&&B(e)}),[k,K,B]),Ee=n((function(e){e.key===x.ESCAPE&&k&&!K&&B(e)}),[K,B,k]),be="full-view"===L?"fullView":(null==V?void 0:V.current)?"anchorPop":"centerPop",ye=null===(F=null==V?void 0:V.current)||void 0===F?void 0:F.getBoundingClientRect(),Ae=ye?{"--modal-start-x":"".concat(ye.left+ye.width/2,"px"),"--modal-start-y":"".concat(ye.top+ye.height/2,"px")}:{},he=J?{"--monday-modal-z-index":J}:{},xe=T(H),ge=n((function(e){if(_){var t=_(e);return!0===t||t instanceof HTMLElement&&(t.focus(),!1)}return!xe(e)}),[_,xe]);return o.createElement(d,{in:k,nodeRef:re,timeout:{enter:250,exit:150},unmountOnExit:!0,classNames:{enter:v.containerEnter,enterActive:v.containerEnterActive,exitActive:v.containerExitActive}},o.createElement(P,{layerRef:re},o.createElement(h,{value:pe},g(o.createElement(w,{returnFocus:!0,autoFocus:R,whiteList:ge},o.createElement("div",{ref:re,className:v.container,style:he,onKeyDown:Ee},o.createElement("div",{"data-testid":u(f.MODAL_OVERLAY,M),className:v.overlay,onClick:ve,"aria-hidden":!0}),o.createElement(c,{forwardProps:!0,ref:oe},o.createElement("div",{className:l(v.modal,v[be],y(v,A("size-"+L)),t({},v.withHeaderAction,!!O),t({},v.fixedPosition,U),W),id:M,"data-testid":X||u(f.MODAL,M),"data-vibe":p.MODAL,role:"dialog","aria-modal":!0,"aria-labelledby":Z||ne,"aria-describedby":$||me,style:Object.assign(Object.assign({},G),Ae),tabIndex:-1},q,o.createElement(E,{renderAction:O,theme:I,closeButtonAriaLabel:N,onClose:B}))))),ee))))}));export{F 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":"ojCAqBA,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",overlay:"overlay",centerPop:"centerPop",anchorPop:"anchorPop",modal:"modal",fixedPosition:"fixedPosition",withHeaderAction:"withHeaderAction",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",sizeLarge:"sizeLarge",sizeFullView:"sizeFullView",containerEnter:"containerEnter",fullView:"fullView",containerEnterActive:"containerEnterActive",centerPopIn:"centerPopIn",anchorPopIn:"anchorPopIn",fullViewIn:"fullViewIn",containerExitActive:"containerExitActive",centerPopOut:"centerPopOut",anchorPopOut:"anchorPopOut",fullViewOut:"fullViewOut"};!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 {\n position: fixed;\n inset: 0;\n z-index: var(--monday-modal-z-index, 10000);\n}\n\n.overlay {\n position: fixed;\n inset: 0;\n height: 100%;\n background-color: var(--backdrop-color);\n}\n\n.centerPop {\n transform: translate(-50%, -50%);\n}\n\n.anchorPop {\n transform: translate(-50%, -50%);\n}\n\n.modal {\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.fixedPosition {\n position: fixed;\n}\n\n.modal.withHeaderAction {\n --top-actions-width: calc(var(--space-32) * 2);\n}\n\n.modal.sizeSmall {\n --modal-max-height: 50%;\n --modal-width: 460px;\n}\n\n.modal.sizeMedium {\n --modal-max-height: 80%;\n --modal-width: 540px;\n}\n\n.modal.sizeLarge {\n --modal-max-height: 80%;\n --modal-width: 800px;\n}\n\n.modal.sizeFullView {\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.sizeSmall {\n --modal-width: 480px;\n }\n .modal.sizeMedium {\n --modal-width: 580px;\n }\n .modal.sizeLarge {\n --modal-width: 840px;\n }\n}\n\n@media (min-width: 1440px) {\n .modal.sizeSmall {\n --modal-width: 520px;\n }\n .modal.sizeMedium {\n --modal-width: 620px;\n }\n .modal.sizeLarge {\n --modal-width: 900px;\n }\n}\n\n@media (min-width: 1720px) {\n .modal.sizeFullView {\n margin-inline: 40px;\n }\n}\n\n.containerEnter .overlay {\n opacity: 0;\n}\n\n.containerEnter .centerPop {\n opacity: 0;\n transform: translate(-50%, -50%) scale(0.8);\n}\n\n.containerEnter .anchorPop {\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 .fullView {\n opacity: 0.3;\n transform: translateY(30px);\n}\n\n.containerEnterActive .overlay {\n opacity: 1;\n transition: opacity 100ms cubic-bezier(0, 0, 0.4, 1);\n}\n\n.containerEnterActive .centerPop {\n animation: centerPopIn 150ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerEnterActive .anchorPop {\n animation: anchorPopIn 200ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerEnterActive .fullView {\n animation: fullViewIn 250ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerExitActive .overlay {\n opacity: 0;\n transition: opacity 100ms cubic-bezier(0.6, 0, 1, 1);\n}\n\n.containerExitActive .centerPop {\n animation: centerPopOut 100ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n.containerExitActive .anchorPop {\n animation: anchorPopOut 150ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n.containerExitActive .fullView {\n animation: fullViewOut 100ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n@keyframes centerPopIn {\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 {\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 {\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 {\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 {\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 {\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,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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{typeof as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as a,useEffect as o}from"react";import s from"classnames";import{getTestId as i}from"../../../tests/testIds.js";import{ComponentDefaultTestId as r}from"../../../tests/constants.js";import c from"./ModalHeader.module.scss.js";import{Flex as m}from"@vibe/layout/mockedClassNames";import{Heading as n,Text as l}from"@vibe/typography/mockedClassNames";import{Icon as d}from"@vibe/icon/mockedClassNames";import{useModal as p}from"../context/ModalContext.js";var f=a((function(a,f){var u=a.title,g=a.description,_=a.descriptionIcon,b=a.className,y=a.id,N=a["data-testid"],j=p(),E=j.modalId,h=j.setDescriptionId,v=j.setTitleId,x=y?"".concat(E,"_").concat(y,"_label"):"".concat(E,"_label"),I=y?"".concat(E,"_").concat(y,"_desc"):"".concat(E,"_desc");return o((function(){E&&(v(x),g&&h(I))}),[E,v,x,g,h,I]),t.createElement(m,{gap:"xs",direction:"column",align:"start",ref:f,className:s(c.header,b),id:y,"data-testid":N||i(r.MODAL_HEADER,y)},"string"==typeof u?t.createElement(n,{id:x,align:"inherit",type:"h2",weight:"medium",maxLines:2,className:c.title},u):u,g&&t.createElement(m,{id:I},_&&t.createElement(d,{icon:"object"===e(_)?_.name:_,className:s(c.descriptionIcon,"object"===e(_)&&_.className)}),"string"==typeof g?t.createElement(l,{element:"span",align:"inherit",type:"text1"},g):g))}));export{f as default};
|
|
2
|
-
//# sourceMappingURL=ModalHeader.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ModalHeader.js","sources":["../../../../../../src/components/Modal/ModalHeader/ModalHeader.tsx"],"sourcesContent":["import React, { forwardRef, useEffect } from \"react\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport styles from \"./ModalHeader.module.scss\";\nimport { type ModalHeaderProps } from \"./ModalHeader.types\";\nimport { Flex } from \"@vibe/layout\";\nimport { Heading, Text } from \"@vibe/typography\";\nimport { Icon } from \"@vibe/icon\";\nimport { useModal } from \"../context/ModalContext\";\n\nconst ModalHeader = forwardRef(\n (\n { title, description, descriptionIcon, className, id, \"data-testid\": dataTestId }: ModalHeaderProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const { modalId, setDescriptionId, setTitleId } = useModal();\n const titleId = id ? `${modalId}_${id}_label` : `${modalId}_label`;\n const descriptionId = id ? `${modalId}_${id}_desc` : `${modalId}_desc`;\n\n useEffect(() => {\n if (!modalId) return;\n setTitleId(titleId);\n if (!description) return;\n setDescriptionId(descriptionId);\n }, [modalId, setTitleId, titleId, description, setDescriptionId, descriptionId]);\n\n return (\n <Flex\n gap=\"xs\"\n direction=\"column\"\n align=\"start\"\n ref={ref}\n className={cx(styles.header, className)}\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.MODAL_HEADER, id)}\n >\n {typeof title === \"string\" ? (\n <Heading id={titleId} align=\"inherit\" type=\"h2\" weight=\"medium\" maxLines={2} className={styles.title}>\n {title}\n </Heading>\n ) : (\n title\n )}\n\n {description && (\n <Flex id={descriptionId}>\n {descriptionIcon && (\n <Icon\n icon={typeof descriptionIcon === \"object\" ? descriptionIcon.name : descriptionIcon}\n className={cx(styles.descriptionIcon, typeof descriptionIcon === \"object\" && descriptionIcon.className)}\n />\n )}\n {typeof description === \"string\" ? (\n <Text element=\"span\" align=\"inherit\" type=\"text1\">\n {description}\n </Text>\n ) : (\n description\n )}\n </Flex>\n )}\n </Flex>\n );\n }\n);\n\nexport default ModalHeader;\n"],"names":["ModalHeader","forwardRef","_ref","ref","title","description","descriptionIcon","className","id","dataTestId","_useModal","useModal","modalId","setDescriptionId","setTitleId","titleId","concat","descriptionId","useEffect","React","Flex","gap","direction","align","cx","styles","header","getTestId","ComponentDefaultTestId","MODAL_HEADER","Heading","type","weight","maxLines","createElement","Icon","icon","_typeof","name","Text","element"],"mappings":"qiBAWMA,IAAAA,EAAcC,GAClB,SAAAC,EAEEC,GACE,IAFAC,EAAKF,EAALE,MAAOC,EAAWH,EAAXG,YAAaC,EAAeJ,EAAfI,gBAAiBC,EAASL,EAATK,UAAWC,EAAEN,EAAFM,GAAmBC,EAAUP,EAAzB,eAGtDQ,EAAkDC,IAA1CC,EAAOF,EAAPE,QAASC,EAAgBH,EAAhBG,iBAAkBC,EAAUJ,EAAVI,WAC7BC,EAAUP,EAAE,GAAAQ,OAAMJ,EAAOI,KAAAA,OAAIR,EAAE,UAAA,GAAAQ,OAAcJ,EAAe,UAC5DK,EAAgBT,EAAE,GAAAQ,OAAMJ,EAAOI,KAAAA,OAAIR,EAAE,SAAA,GAAAQ,OAAaJ,EAAc,SAStE,OAPAM,GAAU,WACHN,IACLE,EAAWC,GACNV,GACLQ,EAAiBI,GACnB,GAAG,CAACL,EAASE,EAAYC,EAASV,EAAaQ,EAAkBI,IAG/DE,gBAACC,EAAI,CACHC,IAAI,KACJC,UAAU,SACVC,MAAM,QACNpB,IAAKA,EACLI,UAAWiB,EAAGC,EAAOC,OAAQnB,GAC7BC,GAAIA,gBACSC,GAAckB,EAAUC,EAAuBC,aAAcrB,IAExD,iBAAVJ,EACNe,gBAACW,EAAO,CAACtB,GAAIO,EAASQ,MAAM,UAAUQ,KAAK,KAAKC,OAAO,SAASC,SAAU,EAAG1B,UAAWkB,EAAOrB,OAC5FA,GAGHA,EAGDC,GACCc,EAAAe,cAACd,EAAK,CAAAZ,GAAIS,GACPX,GACCa,EAAAe,cAACC,EACC,CAAAC,KAAiC,WAA3BC,EAAO/B,GAA+BA,EAAgBgC,KAAOhC,EACnEC,UAAWiB,EAAGC,EAAOnB,gBAA4C,WAA3B+B,EAAO/B,IAAgCA,EAAgBC,aAGzE,iBAAhBF,EACNc,EAACe,cAAAK,GAAKC,QAAQ,OAAOjB,MAAM,UAAUQ,KAAK,SACvC1B,GAGHA,GAMZ"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var e={header:"header",title:"title",descriptionIcon:"descriptionIcon"};!function(e){const n="s_id-348c193d77fe_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)}(".header {\n width: 100%;\n align-self: flex-start;\n}\n.header .title {\n width: 100%;\n}\n.header .descriptionIcon {\n flex-shrink: 0;\n margin-inline-end: var(--space-4);\n color: var(--icon-color);\n}");export{e as default};
|
|
2
|
-
//# sourceMappingURL=ModalHeader.module.scss.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import t,{forwardRef as e}from"react";import{Flex as s}from"@vibe/layout/mockedClassNames";import a from"./ModalMedia.module.scss.js";import r from"classnames";import{getTestId as m,ComponentDefaultTestId as i}from"../../../tests/testIds.js";var o=e((function(e,o){var d=e.children,c=e.className,l=e.id;return t.createElement(s,{id:l,"data-testid":e["data-testid"]||m(i.MODAL_MEDIA,l),justify:"center",align:"stretch",ref:o,className:r(a.media,c)},d)}));export{o as default};
|
|
2
|
-
//# sourceMappingURL=ModalMedia.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ModalMedia.js","sources":["../../../../../../src/components/Modal/ModalMedia/ModalMedia.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { Flex } from \"@vibe/layout\";\nimport { type ModalMediaProps } from \"./ModalMedia.types\";\nimport styles from \"./ModalMedia.module.scss\";\nimport cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\n\nconst ModalMedia = forwardRef(\n (\n { children, className, id, \"data-testid\": dataTestId }: ModalMediaProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n return (\n <Flex\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.MODAL_MEDIA, id)}\n justify=\"center\"\n align=\"stretch\"\n ref={ref}\n className={cx(styles.media, className)}\n >\n {children}\n </Flex>\n );\n }\n);\n\nexport default ModalMedia;\n"],"names":["ModalMedia","forwardRef","_ref","ref","children","className","id","React","Flex","getTestId","ComponentDefaultTestId","MODAL_MEDIA","justify","align","cx","styles","media"],"mappings":"kPAOMA,IAAAA,EAAaC,GACjB,SAAAC,EAEEC,GACE,IAFAC,EAAQF,EAARE,SAAUC,EAASH,EAATG,UAAWC,EAAEJ,EAAFI,GAGvB,OACEC,gBAACC,EAAI,CACHF,GAAIA,gBAL4CJ,EAAzB,gBAMIO,EAAUC,EAAuBC,YAAaL,GACzEM,QAAQ,SACRC,MAAM,UACNV,IAAKA,EACLE,UAAWS,EAAGC,EAAOC,MAAOX,IAE3BD,EAGP"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var e={media:"media"};!function(e){const t="s_id-17d5de3a21d7_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)}(".media {\n max-width: 100%;\n max-height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n flex: 1 0;\n overflow: hidden;\n position: relative;\n}");export{e as default};
|
|
2
|
-
//# sourceMappingURL=ModalMedia.module.scss.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import t from"react";import o from"./ModalTopActions.module.scss.js";import{IconButton as e}from"@vibe/icon-button/mockedClassNames";import{CloseMedium as a}from"@vibe/icons";import{ComponentDefaultTestId as r}from"../../../tests/constants.js";var i={dark:"fixed-dark",light:"fixed-light"},s=function(s){var n=s.renderAction,c=s.closeButtonAriaLabel,m=s.onClose,l=i[s.theme]||"primary";return t.createElement("div",{className:o.actions,"data-no-autofocus":!0},"function"==typeof n?n(l):n,t.createElement(e,{"data-testid":r.MODAL_CLOSE_BUTTON,icon:a,onClick:m,size:"small",kind:"tertiary",color:l,"aria-label":c}))};export{s as default};
|
|
2
|
-
//# sourceMappingURL=ModalTopActions.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ModalTopActions.js","sources":["../../../../../../src/components/Modal/ModalTopActions/ModalTopActions.tsx"],"sourcesContent":["import React from \"react\";\nimport styles from \"./ModalTopActions.module.scss\";\nimport {\n type ModalTopActionsButtonColor,\n type ModalTopActionsTheme,\n type ModalTopActionsProps\n} from \"./ModalTopActions.types\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { CloseMedium } from \"@vibe/icons\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\n\nconst colorToButtonColor: Record<ModalTopActionsTheme, ModalTopActionsButtonColor> = {\n dark: \"fixed-dark\",\n light: \"fixed-light\"\n};\n\nconst ModalTopActions = ({ renderAction, theme, closeButtonAriaLabel, onClose }: ModalTopActionsProps) => {\n const buttonColor = colorToButtonColor[theme] || \"primary\";\n\n return (\n <div className={styles.actions} data-no-autofocus={true}>\n {typeof renderAction === \"function\" ? renderAction(buttonColor) : renderAction}\n <IconButton\n data-testid={ComponentDefaultTestId.MODAL_CLOSE_BUTTON}\n icon={CloseMedium}\n onClick={onClose}\n size=\"small\"\n kind=\"tertiary\"\n color={buttonColor}\n aria-label={closeButtonAriaLabel}\n />\n </div>\n );\n};\n\nexport default ModalTopActions;\n"],"names":["colorToButtonColor","dark","light","ModalTopActions","_ref","renderAction","closeButtonAriaLabel","onClose","buttonColor","theme","React","className","styles","actions","createElement","IconButton","ComponentDefaultTestId","MODAL_CLOSE_BUTTON","icon","CloseMedium","onClick","size","kind","color"],"mappings":"oPAWA,IAAMA,EAA+E,CACnFC,KAAM,aACNC,MAAO,eAGHC,EAAkB,SAAHC,GAAoF,IAA9EC,EAAYD,EAAZC,aAAqBC,EAAoBF,EAApBE,qBAAsBC,EAAOH,EAAPG,QAC9DC,EAAcR,EADwBI,EAALK,QACU,UAEjD,OACEC,uBAAKC,UAAWC,EAAOC,6BAA4B,GACxB,mBAAjBR,EAA8BA,EAAaG,GAAeH,EAClEK,EAAAI,cAACC,EAAU,CAAA,cACIC,EAAuBC,mBACpCC,KAAMC,EACNC,QAASb,EACTc,KAAK,QACLC,KAAK,WACLC,MAAOf,EACK,aAAAF,IAIpB"}
|
package/dist/mocked_classnames/src/components/Modal/ModalTopActions/ModalTopActions.module.scss.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var e={actions:"actions"};!function(e){const n="s_id-6417b75cafa5_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)}(".actions {\n display: flex;\n align-items: center;\n position: absolute;\n inset-inline-end: var(--top-actions-margin-inline);\n top: var(--top-actions-margin-block);\n}");export{e as default};
|
|
2
|
-
//# sourceMappingURL=ModalTopActions.module.scss.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import r,{useContext as e,createContext as o}from"react";var t=o(void 0),i=function(e){return r.createElement(t.Provider,{value:e.value},e.children)},a=function(){var r=e(t);if(!r)throw Error("useModal must be used within a ModalProvider");return r};export{i as ModalProvider,a as useModal};
|
|
2
|
-
//# sourceMappingURL=ModalContext.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ModalContext.js","sources":["../../../../../../src/components/Modal/context/ModalContext.tsx"],"sourcesContent":["import React, { createContext, useContext } from \"react\";\nimport { type ModalContextProps, type ModalProviderProps } from \"./ModalContext.types\";\n\nconst ModalContext = createContext<ModalContextProps | undefined>(undefined);\n\nexport const ModalProvider = ({ value, children }: ModalProviderProps) => {\n return <ModalContext.Provider value={value}>{children}</ModalContext.Provider>;\n};\n\nexport const useModal = (): ModalContextProps => {\n const context = useContext(ModalContext);\n if (!context) {\n throw new Error(\"useModal must be used within a ModalProvider\");\n }\n return context;\n};\n"],"names":["ModalContext","createContext","undefined","ModalProvider","_ref","React","createElement","Provider","value","children","useModal","context","useContext","Error"],"mappings":"yDAGA,IAAMA,EAAeC,OAA6CC,GAErDC,EAAgB,SAAHC,GACxB,OAAOC,EAAAC,cAACN,EAAaO,SAAQ,CAACC,MADKJ,EAALI,OAAeJ,EAARK,SAEvC,EAEaC,EAAW,WACtB,IAAMC,EAAUC,EAAWZ,GAC3B,IAAKW,EACH,MAAUE,MAAM,gDAElB,OAAOF,CACT"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import t,{forwardRef as r}from"react";import o from"../ModalFooterBase/ModalFooterBase.js";import{getTestId as e}from"../../../../tests/testIds.js";import{ComponentDefaultTestId as s}from"../../../../tests/constants.js";import a from"./ModalFooter.module.scss.js";import{getPropsForButton as m}from"../utils/getPropsForButton.js";var d=r((function(r,d){var i=r.secondaryButton,n=r.renderSideAction,c=r["data-testid"],p=r.className,u=r.id,f=m(r.primaryButton,a.primary),l=m(i,a.secondary);return t.createElement(o,{ref:d,className:p,id:u,"data-testid":c||e(s.MODAL_FOOTER,u),primaryButton:f,secondaryButton:l,renderAction:n})}));export{d as default};
|
|
2
|
-
//# sourceMappingURL=ModalFooter.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ModalFooter.js","sources":["../../../../../../../src/components/Modal/footers/ModalFooter/ModalFooter.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport ModalFooterBase from \"../ModalFooterBase/ModalFooterBase\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\nimport { type ModalFooterProps } from \"./ModalFooter.types\";\nimport styles from \"./ModalFooter.module.scss\";\nimport { getPropsForButton } from \"../utils/getPropsForButton\";\n\nconst ModalFooter = forwardRef(\n (\n { primaryButton, secondaryButton, renderSideAction, \"data-testid\": dataTestId, className, id }: ModalFooterProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const primary = getPropsForButton(primaryButton, styles.primary);\n const secondary = getPropsForButton(secondaryButton, styles.secondary);\n\n return (\n <ModalFooterBase\n ref={ref}\n className={className}\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.MODAL_FOOTER, id)}\n primaryButton={primary}\n secondaryButton={secondary}\n renderAction={renderSideAction}\n />\n );\n }\n);\n\nexport default ModalFooter;\n"],"names":["ModalFooter","forwardRef","_ref","ref","secondaryButton","renderSideAction","dataTestId","className","id","primary","getPropsForButton","primaryButton","styles","secondary","React","createElement","ModalFooterBase","getTestId","ComponentDefaultTestId","MODAL_FOOTER","renderAction"],"mappings":"0UAQMA,IAAAA,EAAcC,GAClB,SAAAC,EAEEC,GACE,IAFeC,EAAeF,EAAfE,gBAAiBC,EAAgBH,EAAhBG,iBAAiCC,EAAUJ,EAAzB,eAA2BK,EAASL,EAATK,UAAWC,EAAEN,EAAFM,GAGpFC,EAAUC,EAHDR,EAAbS,cAG+CC,EAAOH,SAClDI,EAAYH,EAAkBN,EAAiBQ,EAAOC,WAE5D,OACEC,EAACC,cAAAC,GACCb,IAAKA,EACLI,UAAWA,EACXC,GAAIA,EACS,cAAAF,GAAcW,EAAUC,EAAuBC,aAAcX,GAC1EG,cAAeF,EACfL,gBAAiBS,EACjBO,aAAcf,GAGpB"}
|
package/dist/mocked_classnames/src/components/Modal/footers/ModalFooter/ModalFooter.module.scss.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var e={primary:"primary",secondary:"secondary"};!function(e){const n="s_id-b4b122708c23_4_5_27";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".primary {\n order: 2;\n}\n.primary:only-child {\n margin-inline-start: auto;\n}\n.secondary {\n order: 1;\n margin-inline-start: auto;\n}");export{e as default};
|
|
2
|
-
//# sourceMappingURL=ModalFooter.module.scss.js.map
|
package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{__rest as t}from"../../../../../_virtual/_tslib.js";import e,{forwardRef as o}from"react";import s from"./ModalFooterBase.module.scss.js";import{Button as a}from"@vibe/button/mockedClassNames";import{Flex as r}from"@vibe/layout/mockedClassNames";import i from"classnames";import{Tooltip as m}from"@vibe/tooltip/mockedClassNames";var n=o((function(o,n){var c=o.primaryButton,l=o.secondaryButton,p=o.renderAction,d=o.id,f=o.className,b=o["data-testid"],u=c.text,v=c.tooltipProps,j=void 0===v?{}:v,g=t(c,["text","tooltipProps"]),x=l||{},y=x.text,E=x.tooltipProps,N=void 0===E?{}:E,k=t(x,["text","tooltipProps"]);return e.createElement(r,{ref:n,id:d,justify:"space-between",gap:"small",className:i(s.footer,f),"data-testid":b},e.createElement(m,Object.assign({},j,{content:j.content}),e.createElement(a,Object.assign({},g),u)),l&&e.createElement(m,Object.assign({},N,{content:N.content}),e.createElement(a,Object.assign({},k,{kind:"tertiary"}),y)),p)}));export{n as default};
|
|
2
|
-
//# sourceMappingURL=ModalFooterBase.js.map
|
package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ModalFooterBase.js","sources":["../../../../../../../src/components/Modal/footers/ModalFooterBase/ModalFooterBase.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport styles from \"./ModalFooterBase.module.scss\";\nimport { Button } from \"@vibe/button\";\nimport { Flex } from \"@vibe/layout\";\nimport { type ModalFooterBaseProps } from \"./ModalFooterBase.types\";\nimport cx from \"classnames\";\nimport { Tooltip } from \"@vibe/tooltip\";\n\nconst ModalFooterBase = forwardRef(\n (\n { primaryButton, secondaryButton, renderAction, id, className, \"data-testid\": dataTestId }: ModalFooterBaseProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const {\n text: primaryButtonText,\n tooltipProps: primaryButtonTooltipProps = {},\n ...primaryButtonProps\n } = primaryButton;\n const {\n text: secondaryButtonText,\n tooltipProps: secondaryButtonTooltipProps = {},\n ...secondaryButtonProps\n } = secondaryButton || {};\n\n return (\n <Flex\n ref={ref}\n id={id}\n justify=\"space-between\"\n gap=\"small\"\n className={cx(styles.footer, className)}\n data-testid={dataTestId}\n >\n <Tooltip {...primaryButtonTooltipProps} content={primaryButtonTooltipProps.content}>\n <Button {...primaryButtonProps}>{primaryButtonText}</Button>\n </Tooltip>\n {secondaryButton && (\n <Tooltip {...secondaryButtonTooltipProps} content={secondaryButtonTooltipProps.content}>\n <Button {...secondaryButtonProps} kind=\"tertiary\">\n {secondaryButtonText}\n </Button>\n </Tooltip>\n )}\n {renderAction}\n </Flex>\n );\n }\n);\n\nexport default ModalFooterBase;\n"],"names":["ModalFooterBase","forwardRef","_ref","ref","primaryButton","secondaryButton","renderAction","id","className","dataTestId","primaryButtonText","text","_primaryButton$toolti","tooltipProps","primaryButtonTooltipProps","primaryButtonProps","__rest","_a","secondaryButtonText","_a$tooltipProps","secondaryButtonTooltipProps","secondaryButtonProps","React","createElement","Flex","justify","gap","cx","styles","footer","Tooltip","content","Button","Object","assign","kind"],"mappings":"gVAQMA,IAAAA,EAAkBC,GACtB,SAAAC,EAEEC,GACE,IAFAC,EAAaF,EAAbE,cAAeC,EAAeH,EAAfG,gBAAiBC,EAAYJ,EAAZI,aAAcC,EAAEL,EAAFK,GAAIC,EAASN,EAATM,UAA0BC,EAAUP,EAAzB,eAIvDQ,EAGJN,EAHFO,KAAIC,EAGFR,EAFFS,aAAcC,OAAyB,IAAAF,EAAG,CAAE,EAAAA,EACzCG,EAAkBC,EACnBZ,EAJE,CAAA,OAAA,iBAKAa,EAIFZ,GAAmB,CAAE,EAHjBa,EACwCD,EAD9CN,KAAIQ,EAC0CF,EAA9CJ,aAAcO,OAA2B,IAAAD,EAAG,CAAE,EAAAA,EAC3CE,EAAoBL,EAAAC,EAHnB,CAIL,OAAA,iBAED,OACEK,EAAAC,cAACC,EAAI,CACHrB,IAAKA,EACLI,GAAIA,EACJkB,QAAQ,gBACRC,IAAI,QACJlB,UAAWmB,EAAGC,EAAOC,OAAQrB,iBAChBC,GAEba,EAACC,cAAAO,mBAAYhB,EAAyB,CAAEiB,QAASjB,EAA0BiB,UACzET,EAAAC,cAACS,EAAWC,OAAAC,OAAA,CAAA,EAAAnB,GAAqBL,IAElCL,GACCiB,EAAAC,cAACO,EAAOG,OAAAC,OAAA,CAAA,EAAKd,EAA2B,CAAEW,QAASX,EAA4BW,UAC7ET,EAACC,cAAAS,EAAWC,OAAAC,OAAA,CAAA,EAAAb,EAAsB,CAAAc,KAAK,aACpCjB,IAINZ,EAGP"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var e={footer:"footer"};!function(e){const t="s_id-5c7b28cf0c05_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)}(".footer {\n position: relative;\n width: 100%;\n padding: 20px var(--space-24);\n flex-shrink: 0;\n background-color: var(--primary-background-color);\n}");export{e as default};
|
|
2
|
-
//# sourceMappingURL=ModalFooterBase.module.scss.js.map
|
package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import t,{forwardRef as e}from"react";import o from"../ModalFooterBase/ModalFooterBase.js";import{getTestId as r}from"../../../../tests/testIds.js";import{ComponentDefaultTestId as s}from"../../../../tests/constants.js";import a from"./ModalFooterWizard.module.scss.js";import{StepsGalleryHeader as n}from"@vibe/wizard/mockedClassNames";import{getPropsForButton as i}from"../utils/getPropsForButton.js";var m=e((function(e,m){var d=e.secondaryButton,c=e.stepCount,p=e.activeStep,u=e.onStepClick,l=e["data-testid"],f=e.className,B=e.id,v=i(e.primaryButton,a.primary),y=i(d,a.secondary),j=t.createElement(n,{stepsCount:c,activeStepIndex:p,onChangeActiveStep:function(t,e){return u(e)},className:a.stepDots});return t.createElement(o,{ref:m,className:f,id:B,"data-testid":l||r(s.MODAL_FOOTER,B),primaryButton:v,secondaryButton:y,renderAction:j})}));export{m as default};
|
|
2
|
-
//# sourceMappingURL=ModalFooterWizard.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ModalFooterWizard.js","sources":["../../../../../../../src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport ModalFooterBase from \"../ModalFooterBase/ModalFooterBase\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\nimport styles from \"./ModalFooterWizard.module.scss\";\nimport { StepsGalleryHeader } from \"@vibe/wizard\";\nimport { type ModalFooterWizardProps } from \"./ModalFooterWizard.types\";\nimport { getPropsForButton } from \"../utils/getPropsForButton\";\n\nconst ModalFooterWizard = forwardRef(\n (\n {\n primaryButton,\n secondaryButton,\n stepCount,\n activeStep,\n onStepClick,\n \"data-testid\": dataTestId,\n className,\n id\n }: ModalFooterWizardProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const primary = getPropsForButton(primaryButton, styles.primary);\n const secondary = getPropsForButton(secondaryButton, styles.secondary);\n\n const steps = (\n <StepsGalleryHeader\n stepsCount={stepCount}\n activeStepIndex={activeStep}\n onChangeActiveStep={(_, newStep) => onStepClick(newStep)}\n className={styles.stepDots}\n />\n );\n\n return (\n <ModalFooterBase\n ref={ref}\n className={className}\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.MODAL_FOOTER, id)}\n primaryButton={primary}\n secondaryButton={secondary}\n renderAction={steps}\n />\n );\n }\n);\n\nexport default ModalFooterWizard;\n"],"names":["ModalFooterWizard","forwardRef","_ref","ref","secondaryButton","stepCount","activeStep","onStepClick","dataTestId","className","id","primary","getPropsForButton","primaryButton","styles","secondary","steps","React","createElement","StepsGalleryHeader","stepsCount","activeStepIndex","onChangeActiveStep","_","newStep","stepDots","ModalFooterBase","getTestId","ComponentDefaultTestId","MODAL_FOOTER","renderAction"],"mappings":"mZASMA,IAAAA,EAAoBC,GACxB,SAAAC,EAWEC,GACE,IATAC,EAAeF,EAAfE,gBACAC,EAASH,EAATG,UACAC,EAAUJ,EAAVI,WACAC,EAAWL,EAAXK,YACeC,EAAUN,EAAzB,eACAO,EAASP,EAATO,UACAC,EAAER,EAAFQ,GAIIC,EAAUC,EAXDV,EAAbW,cAW+CC,EAAOH,SAClDI,EAAYH,EAAkBR,EAAiBU,EAAOC,WAEtDC,EACJC,EAAAC,cAACC,EACC,CAAAC,WAAYf,EACZgB,gBAAiBf,EACjBgB,mBAAoB,SAACC,EAAGC,GAAO,OAAKjB,EAAYiB,EAAQ,EACxDf,UAAWK,EAAOW,WAItB,OACER,EAACC,cAAAQ,GACCvB,IAAKA,EACLM,UAAWA,EACXC,GAAIA,EACS,cAAAF,GAAcmB,EAAUC,EAAuBC,aAAcnB,GAC1EG,cAAeF,EACfP,gBAAiBW,EACjBe,aAAcd,GAGpB"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var e={primary:"primary",secondary:"secondary",stepDots:"stepDots"};!function(e){const n="s_id-51737ad1ac1f_4_5_27";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".primary {\n order: 2;\n}\n\n.secondary {\n order: 1;\n}\n\n.stepDots {\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n margin: 0;\n}");export{e as default};
|
|
2
|
-
//# sourceMappingURL=ModalFooterWizard.module.scss.js.map
|