@vibe/core 4.5.15 → 4.5.17
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/components/Table/TableBody/TableBody.d.ts +1 -1
- package/dist/components/alert-banner/dist/AlertBanner/AlertBanner.js +2 -0
- package/dist/components/alert-banner/dist/AlertBanner/AlertBanner.js.map +1 -0
- package/dist/components/alert-banner/dist/AlertBanner/AlertBanner.module.scss.js +2 -0
- package/dist/components/alert-banner/dist/AlertBanner/AlertBannerButton/AlertBannerButton.js +2 -0
- package/dist/components/alert-banner/dist/AlertBanner/AlertBannerButton/AlertBannerButton.js.map +1 -0
- package/dist/components/alert-banner/dist/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js +2 -0
- package/dist/components/alert-banner/dist/AlertBanner/AlertBannerContext.js.map +1 -0
- package/dist/components/alert-banner/dist/AlertBanner/AlertBannerLink/AlertBannerLink.js +2 -0
- package/dist/components/alert-banner/dist/AlertBanner/AlertBannerLink/AlertBannerLink.js.map +1 -0
- package/dist/components/alert-banner/dist/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js +2 -0
- package/dist/components/alert-banner/dist/AlertBanner/AlertBannerText/AlertBannerText.js +2 -0
- package/dist/components/alert-banner/dist/AlertBanner/AlertBannerText/AlertBannerText.js.map +1 -0
- package/dist/components/alert-banner/dist/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js +2 -0
- package/dist/components/alert-banner/dist/_virtual/_tslib.js +2 -0
- package/dist/components/alert-banner/dist/_virtual/_tslib.js.map +1 -0
- 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/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/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/counter/dist/Counter/Counter.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/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/expand-collapse/dist/ExpandCollapse/ExpandCollapse.module.scss.js +1 -1
- package/dist/components/icon-button/dist/IconButton/IconButton.module.scss.js +1 -1
- package/dist/components/index.d.ts +5 -5
- 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/radio-button/dist/RadioButton/RadioButton.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-with-highlight/dist/TextWithHighlight/TextWithHighlight.module.scss.js +1 -1
- package/dist/components/toggle/dist/Switch/Switch.js +2 -0
- package/dist/components/toggle/dist/Switch/Switch.js.map +1 -0
- package/dist/components/toggle/dist/Switch/Switch.module.scss.js +2 -0
- package/dist/components/toggle/dist/Toggle/MockToggle.js +2 -0
- package/dist/components/toggle/dist/Toggle/MockToggle.js.map +1 -0
- package/dist/components/toggle/dist/Toggle/MockToggle.module.scss.js +2 -0
- package/dist/components/toggle/dist/Toggle/Toggle.js +2 -0
- package/dist/components/toggle/dist/Toggle/Toggle.js.map +1 -0
- package/dist/components/toggle/dist/Toggle/Toggle.module.scss.js +2 -0
- package/dist/components/toggle/dist/Toggle/ToggleText.js +2 -0
- package/dist/components/toggle/dist/Toggle/ToggleText.js.map +1 -0
- package/dist/components/toggle/dist/Toggle/ToggleText.module.scss.js +2 -0
- package/dist/components/tooltip/dist/Tooltip/Tooltip.module.scss.js +1 -1
- package/dist/components/transitions/dist/SlideTransition/SlideTransition.js.map +1 -0
- package/dist/components/transitions/dist/SlideTransition/SlideTransition.module.scss.js +2 -0
- package/dist/components/transitions/dist/TransitionView/TransitionView.js +2 -0
- package/dist/components/transitions/dist/TransitionView/TransitionView.js.map +1 -0
- package/dist/components/transitions/dist/TransitionView/TransitionView.module.scss.js +2 -0
- 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.js +2 -0
- package/dist/components/virtualized-grid/dist/VirtualizedGrid/VirtualizedGrid.js.map +1 -0
- package/dist/components/virtualized-grid/dist/VirtualizedGrid/VirtualizedGrid.module.scss.js +2 -0
- package/dist/components/virtualized-list/dist/VirtualizedList/VirtualizedList.js +2 -0
- package/dist/components/virtualized-list/dist/VirtualizedList/VirtualizedList.js.map +1 -0
- package/dist/components/virtualized-list/dist/VirtualizedList/VirtualizedList.module.scss.js +2 -0
- package/dist/hooks/dist/useSwitch/index.js +2 -0
- package/dist/hooks/dist/useSwitch/index.js.map +1 -0
- package/dist/hooks/dist/useThrottledCallback/index.js +2 -0
- package/dist/hooks/dist/useThrottledCallback/index.js.map +1 -0
- package/dist/hooks/index.d.ts +1 -2
- package/dist/metadata/components.json +168 -12
- package/dist/metadata.json +168 -12
- package/dist/mocked_classnames/components/Table/TableBody/TableBody.d.ts +1 -1
- package/dist/mocked_classnames/components/index.d.ts +5 -5
- package/dist/mocked_classnames/hooks/index.d.ts +1 -2
- package/dist/mocked_classnames/src/components/Accordion/Accordion/Accordion.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AttentionBox/AttentionBox.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AttentionBox/components/AttentionBoxCloseButton/AttentionBoxCloseButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AttentionBox/components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AttentionBox/layouts/AttentionBoxCompact/AttentionBoxCompact.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AttentionBox/layouts/AttentionBoxDefault/AttentionBoxDefault.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroup.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounter.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.js +1 -1
- package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.js.map +1 -1
- package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Badge/Badge.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Badge/Indicator/Indicator.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BaseItem/BaseItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BaseList/BaseList.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbsMenu.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Chips/Chips.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/Combobox.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/components/ComboboxItems/ComboboxItems.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/components/ComboboxItems/ComboboxItems.js.map +1 -1
- package/dist/mocked_classnames/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/DatePicker/DatePicker.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/DatePicker/DatePickerHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/DropdownBase/DropdownBase.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/DropdownBoxMode/DropdownBoxMode.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/Menu/Menu.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/Trigger/Trigger.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/EmptyState/EmptyState.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/FieldLabel/FieldLabel.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Info/components/InfoDialogContent/InfoDialogContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Info/components/InfoLink/InfoLink.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/InfoText/InfoText.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/List/List.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/List/VirtualizedListItems/VirtualizedListItems.js +1 -1
- package/dist/mocked_classnames/src/components/List/VirtualizedListItems/VirtualizedListItems.js.map +1 -1
- package/dist/mocked_classnames/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ListItem/ListItem.js +1 -1
- package/dist/mocked_classnames/src/components/ListItem/ListItem.js.map +1 -1
- package/dist/mocked_classnames/src/components/ListItem/ListItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ListItemAvatar/ListItemAvatar.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ListItemIcon/ListItemIcon.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ListTitle/ListTitle.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/Menu/Menu.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuDivider/MenuDivider.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuItem/MenuItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuItem/components/BaseMenuItem/BaseMenuItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuItemButton/MenuItemButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuTitle/MenuTitle.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/MenuButton/MenuButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/Modal/Modal.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/ModalHeader/ModalHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/ModalMedia/ModalMedia.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/ModalTopActions/ModalTopActions.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/footers/ModalFooter/ModalFooter.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalFooterShadow.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalLayoutScrollableContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/MultiStepIndicator/MultiStepIndicator.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/NumberField/NumberField.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Search/Search.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SelectionIndicator.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/Slider.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderBase.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderFilledTrack.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderRail.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderThumb.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderTrack.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SliderInfix.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/SplitButton/SplitButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Steps/Steps.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Steps/StepsCommand.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Steps/StepsDot.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Steps/StepsGalleryHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Steps/StepsHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Steps/StepsNumbersHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/Table/Table.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableBody/TableBody.js.map +1 -1
- package/dist/mocked_classnames/src/components/Table/TableBody/TableBody.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableCell/TableCell.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableCellSkeleton/TableCellSkeleton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableContainer/TableContainer.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableHeader/TableHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableHeaderCell/TableHeaderCell.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableRow/TableRow.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableRowMenu/TableRowMenu.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/TextArea/TextArea.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/TextField/TextField.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tipseen/Tipseen.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tipseen/TipseenBasicContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tipseen/TipseenContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tipseen/TipseenMedia/TipseenMedia.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tipseen/TipseenTitle.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tipseen/TipseenWizard.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Toast/Toast.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Toast/ToastLink/ToastLink.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next/List/List.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next/List/ListTitle/ListTitle.module.scss.js +1 -1
- package/dist/mocked_classnames/src/index.js +1 -1
- package/dist/shared/dist/utils/virtualized-service.js.map +1 -0
- package/dist/src/components/Accordion/Accordion/Accordion.module.scss.js +1 -1
- package/dist/src/components/AttentionBox/AttentionBox.module.scss.js +1 -1
- package/dist/src/components/AttentionBox/components/AttentionBoxCloseButton/AttentionBoxCloseButton.module.scss.js +1 -1
- package/dist/src/components/AttentionBox/components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.module.scss.js +1 -1
- package/dist/src/components/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.module.scss.js +1 -1
- package/dist/src/components/AttentionBox/layouts/AttentionBoxCompact/AttentionBoxCompact.module.scss.js +1 -1
- package/dist/src/components/AttentionBox/layouts/AttentionBoxDefault/AttentionBoxDefault.module.scss.js +1 -1
- package/dist/src/components/AvatarGroup/AvatarGroup.module.scss.js +1 -1
- package/dist/src/components/AvatarGroup/AvatarGroupCounter.module.scss.js +1 -1
- package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss.js +1 -1
- package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.js +1 -1
- package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.js.map +1 -1
- package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js +1 -1
- package/dist/src/components/Badge/Badge.module.scss.js +1 -1
- package/dist/src/components/Badge/Indicator/Indicator.module.scss.js +1 -1
- package/dist/src/components/BaseItem/BaseItem.module.scss.js +1 -1
- package/dist/src/components/BaseList/BaseList.module.scss.js +1 -1
- package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js +1 -1
- package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js +1 -1
- package/dist/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbsMenu.module.scss.js +1 -1
- package/dist/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js +1 -1
- package/dist/src/components/Chips/Chips.module.scss.js +1 -1
- package/dist/src/components/Combobox/Combobox.module.scss.js +1 -1
- package/dist/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js +1 -1
- package/dist/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js +1 -1
- package/dist/src/components/Combobox/components/ComboboxItems/ComboboxItems.js +1 -1
- package/dist/src/components/Combobox/components/ComboboxItems/ComboboxItems.js.map +1 -1
- package/dist/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js +1 -1
- package/dist/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js +1 -1
- package/dist/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js +1 -1
- package/dist/src/components/DatePicker/DatePicker.module.scss.js +1 -1
- package/dist/src/components/DatePicker/DatePickerHeader.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/DropdownBase/DropdownBase.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/DropdownBoxMode/DropdownBoxMode.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/Menu/Menu.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/Trigger/Trigger.module.scss.js +1 -1
- package/dist/src/components/EmptyState/EmptyState.module.scss.js +1 -1
- package/dist/src/components/FieldLabel/FieldLabel.module.scss.js +1 -1
- package/dist/src/components/Info/components/InfoDialogContent/InfoDialogContent.module.scss.js +1 -1
- package/dist/src/components/Info/components/InfoLink/InfoLink.module.scss.js +1 -1
- package/dist/src/components/InfoText/InfoText.module.scss.js +1 -1
- package/dist/src/components/List/List.module.scss.js +1 -1
- package/dist/src/components/List/VirtualizedListItems/VirtualizedListItems.js +1 -1
- package/dist/src/components/List/VirtualizedListItems/VirtualizedListItems.js.map +1 -1
- package/dist/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js +1 -1
- package/dist/src/components/ListItem/ListItem.js +1 -1
- package/dist/src/components/ListItem/ListItem.js.map +1 -1
- package/dist/src/components/ListItem/ListItem.module.scss.js +1 -1
- package/dist/src/components/ListItemAvatar/ListItemAvatar.module.scss.js +1 -1
- package/dist/src/components/ListItemIcon/ListItemIcon.module.scss.js +1 -1
- package/dist/src/components/ListTitle/ListTitle.module.scss.js +1 -1
- package/dist/src/components/Menu/Menu/Menu.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuDivider/MenuDivider.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuItem/MenuItem.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuItem/components/BaseMenuItem/BaseMenuItem.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuItemButton/MenuItemButton.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuTitle/MenuTitle.module.scss.js +1 -1
- package/dist/src/components/MenuButton/MenuButton.module.scss.js +1 -1
- package/dist/src/components/Modal/Modal/Modal.module.scss.js +1 -1
- package/dist/src/components/Modal/ModalHeader/ModalHeader.module.scss.js +1 -1
- package/dist/src/components/Modal/ModalMedia/ModalMedia.module.scss.js +1 -1
- package/dist/src/components/Modal/ModalTopActions/ModalTopActions.module.scss.js +1 -1
- package/dist/src/components/Modal/footers/ModalFooter/ModalFooter.module.scss.js +1 -1
- package/dist/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.module.scss.js +1 -1
- package/dist/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss.js +1 -1
- package/dist/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js +1 -1
- package/dist/src/components/Modal/layouts/ModalFooterShadow.module.scss.js +1 -1
- package/dist/src/components/Modal/layouts/ModalLayoutScrollableContent.module.scss.js +1 -1
- package/dist/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.module.scss.js +1 -1
- package/dist/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss.js +1 -1
- package/dist/src/components/MultiStepIndicator/MultiStepIndicator.module.scss.js +1 -1
- package/dist/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js +1 -1
- package/dist/src/components/NumberField/NumberField.module.scss.js +1 -1
- package/dist/src/components/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.module.scss.js +1 -1
- package/dist/src/components/Search/Search.module.scss.js +1 -1
- package/dist/src/components/Slider/SelectionIndicator.module.scss.js +1 -1
- package/dist/src/components/Slider/Slider.module.scss.js +1 -1
- package/dist/src/components/Slider/SliderBase/SliderBase.module.scss.js +1 -1
- package/dist/src/components/Slider/SliderBase/SliderFilledTrack.module.scss.js +1 -1
- package/dist/src/components/Slider/SliderBase/SliderRail.module.scss.js +1 -1
- package/dist/src/components/Slider/SliderBase/SliderThumb.module.scss.js +1 -1
- package/dist/src/components/Slider/SliderBase/SliderTrack.module.scss.js +1 -1
- package/dist/src/components/Slider/SliderInfix.module.scss.js +1 -1
- package/dist/src/components/SplitButton/SplitButton.module.scss.js +1 -1
- package/dist/src/components/Steps/Steps.module.scss.js +1 -1
- package/dist/src/components/Steps/StepsCommand.module.scss.js +1 -1
- package/dist/src/components/Steps/StepsDot.module.scss.js +1 -1
- package/dist/src/components/Steps/StepsGalleryHeader.module.scss.js +1 -1
- package/dist/src/components/Steps/StepsHeader.module.scss.js +1 -1
- package/dist/src/components/Steps/StepsNumbersHeader.module.scss.js +1 -1
- package/dist/src/components/Table/Table/Table.module.scss.js +1 -1
- package/dist/src/components/Table/TableBody/TableBody.js.map +1 -1
- package/dist/src/components/Table/TableBody/TableBody.module.scss.js +1 -1
- package/dist/src/components/Table/TableCell/TableCell.module.scss.js +1 -1
- package/dist/src/components/Table/TableCellSkeleton/TableCellSkeleton.module.scss.js +1 -1
- package/dist/src/components/Table/TableContainer/TableContainer.module.scss.js +1 -1
- package/dist/src/components/Table/TableHeader/TableHeader.module.scss.js +1 -1
- package/dist/src/components/Table/TableHeaderCell/TableHeaderCell.module.scss.js +1 -1
- package/dist/src/components/Table/TableRow/TableRow.module.scss.js +1 -1
- package/dist/src/components/Table/TableRowMenu/TableRowMenu.module.scss.js +1 -1
- package/dist/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.module.scss.js +1 -1
- package/dist/src/components/TextArea/TextArea.module.scss.js +1 -1
- package/dist/src/components/TextField/TextField.module.scss.js +1 -1
- package/dist/src/components/Tipseen/Tipseen.module.scss.js +1 -1
- package/dist/src/components/Tipseen/TipseenBasicContent.module.scss.js +1 -1
- package/dist/src/components/Tipseen/TipseenContent.module.scss.js +1 -1
- package/dist/src/components/Tipseen/TipseenMedia/TipseenMedia.module.scss.js +1 -1
- package/dist/src/components/Tipseen/TipseenTitle.module.scss.js +1 -1
- package/dist/src/components/Tipseen/TipseenWizard.module.scss.js +1 -1
- package/dist/src/components/Toast/Toast.module.scss.js +1 -1
- package/dist/src/components/Toast/ToastLink/ToastLink.module.scss.js +1 -1
- package/dist/src/components/next/List/List.module.scss.js +1 -1
- package/dist/src/components/next/List/ListTitle/ListTitle.module.scss.js +1 -1
- package/dist/src/index.js +1 -1
- package/dist/style/dist/index.min.css.js +1 -1
- package/package.json +38 -33
- package/dist/components/AlertBanner/AlertBanner.d.ts +0 -35
- package/dist/components/AlertBanner/AlertBanner.types.d.ts +0 -1
- package/dist/components/AlertBanner/AlertBannerButton/AlertBannerButton.d.ts +0 -10
- package/dist/components/AlertBanner/AlertBannerContext.d.ts +0 -7
- package/dist/components/AlertBanner/AlertBannerLink/AlertBannerLink.d.ts +0 -10
- package/dist/components/AlertBanner/AlertBannerText/AlertBannerText.d.ts +0 -18
- package/dist/components/AlertBanner/index.d.ts +0 -5
- package/dist/components/SlideTransition/SlideTransition.d.ts +0 -4
- package/dist/components/SlideTransition/SlideTransition.types.d.ts +0 -20
- package/dist/components/Switch/Switch.d.ts +0 -59
- package/dist/components/Switch/index.d.ts +0 -1
- package/dist/components/Toggle/MockToggle.d.ts +0 -34
- package/dist/components/Toggle/Toggle.d.ts +0 -59
- package/dist/components/Toggle/Toggle.types.d.ts +0 -1
- package/dist/components/Toggle/ToggleConstants.d.ts +0 -1
- package/dist/components/Toggle/ToggleText.d.ts +0 -14
- package/dist/components/Toggle/index.d.ts +0 -1
- package/dist/components/TransitionView/TransitionView.d.ts +0 -4
- package/dist/components/TransitionView/TransitionView.types.d.ts +0 -18
- package/dist/components/TransitionView/index.d.ts +0 -2
- package/dist/components/VirtualizedGrid/VirtualizedGrid.d.ts +0 -67
- package/dist/components/VirtualizedGrid/VirtualizedGrid.types.d.ts +0 -6
- package/dist/components/VirtualizedGrid/index.d.ts +0 -2
- package/dist/components/VirtualizedList/VirtualizedList.d.ts +0 -90
- package/dist/components/VirtualizedList/VirtualizedList.types.d.ts +0 -8
- package/dist/components/VirtualizedList/index.d.ts +0 -2
- package/dist/hooks/useSwitch/index.d.ts +0 -31
- package/dist/hooks/useThrottledCallback.d.ts +0 -4
- package/dist/mocked_classnames/components/AlertBanner/AlertBanner.d.ts +0 -35
- package/dist/mocked_classnames/components/AlertBanner/AlertBanner.types.d.ts +0 -1
- package/dist/mocked_classnames/components/AlertBanner/AlertBannerButton/AlertBannerButton.d.ts +0 -10
- package/dist/mocked_classnames/components/AlertBanner/AlertBannerContext.d.ts +0 -7
- package/dist/mocked_classnames/components/AlertBanner/AlertBannerLink/AlertBannerLink.d.ts +0 -10
- package/dist/mocked_classnames/components/AlertBanner/AlertBannerText/AlertBannerText.d.ts +0 -18
- package/dist/mocked_classnames/components/AlertBanner/index.d.ts +0 -5
- package/dist/mocked_classnames/components/SlideTransition/SlideTransition.d.ts +0 -4
- package/dist/mocked_classnames/components/SlideTransition/SlideTransition.types.d.ts +0 -20
- package/dist/mocked_classnames/components/Switch/Switch.d.ts +0 -59
- package/dist/mocked_classnames/components/Switch/index.d.ts +0 -1
- package/dist/mocked_classnames/components/Toggle/MockToggle.d.ts +0 -34
- package/dist/mocked_classnames/components/Toggle/Toggle.d.ts +0 -59
- package/dist/mocked_classnames/components/Toggle/Toggle.types.d.ts +0 -1
- package/dist/mocked_classnames/components/Toggle/ToggleConstants.d.ts +0 -1
- package/dist/mocked_classnames/components/Toggle/ToggleText.d.ts +0 -14
- package/dist/mocked_classnames/components/Toggle/index.d.ts +0 -1
- package/dist/mocked_classnames/components/TransitionView/TransitionView.d.ts +0 -4
- package/dist/mocked_classnames/components/TransitionView/TransitionView.types.d.ts +0 -18
- package/dist/mocked_classnames/components/TransitionView/index.d.ts +0 -2
- package/dist/mocked_classnames/components/VirtualizedGrid/VirtualizedGrid.d.ts +0 -67
- package/dist/mocked_classnames/components/VirtualizedGrid/VirtualizedGrid.types.d.ts +0 -6
- package/dist/mocked_classnames/components/VirtualizedGrid/index.d.ts +0 -2
- package/dist/mocked_classnames/components/VirtualizedList/VirtualizedList.d.ts +0 -90
- package/dist/mocked_classnames/components/VirtualizedList/VirtualizedList.types.d.ts +0 -8
- package/dist/mocked_classnames/components/VirtualizedList/index.d.ts +0 -2
- package/dist/mocked_classnames/hooks/useSwitch/index.d.ts +0 -31
- package/dist/mocked_classnames/hooks/useThrottledCallback.d.ts +0 -4
- package/dist/mocked_classnames/services/virtualized-service.d.ts +0 -27
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBanner.js +0 -2
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBanner.js.map +0 -1
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBanner.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.js +0 -2
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.js.map +0 -1
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerContext.js.map +0 -1
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.js +0 -2
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.js.map +0 -1
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerText/AlertBannerText.js +0 -2
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerText/AlertBannerText.js.map +0 -1
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/SlideTransition/SlideTransition.js.map +0 -1
- package/dist/mocked_classnames/src/components/SlideTransition/SlideTransition.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/Switch/Switch.js +0 -2
- package/dist/mocked_classnames/src/components/Switch/Switch.js.map +0 -1
- package/dist/mocked_classnames/src/components/Switch/Switch.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/Toggle/MockToggle.js +0 -2
- package/dist/mocked_classnames/src/components/Toggle/MockToggle.js.map +0 -1
- package/dist/mocked_classnames/src/components/Toggle/MockToggle.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/Toggle/Toggle.js +0 -2
- package/dist/mocked_classnames/src/components/Toggle/Toggle.js.map +0 -1
- package/dist/mocked_classnames/src/components/Toggle/Toggle.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/Toggle/ToggleText.js +0 -2
- package/dist/mocked_classnames/src/components/Toggle/ToggleText.js.map +0 -1
- package/dist/mocked_classnames/src/components/Toggle/ToggleText.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/TransitionView/TransitionView.js +0 -2
- package/dist/mocked_classnames/src/components/TransitionView/TransitionView.js.map +0 -1
- package/dist/mocked_classnames/src/components/TransitionView/TransitionView.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/VirtualizedGrid/VirtualizedGrid.js +0 -2
- package/dist/mocked_classnames/src/components/VirtualizedGrid/VirtualizedGrid.js.map +0 -1
- package/dist/mocked_classnames/src/components/VirtualizedGrid/VirtualizedGrid.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/VirtualizedList/VirtualizedList.js +0 -2
- package/dist/mocked_classnames/src/components/VirtualizedList/VirtualizedList.js.map +0 -1
- package/dist/mocked_classnames/src/components/VirtualizedList/VirtualizedList.module.scss.js +0 -2
- package/dist/mocked_classnames/src/hooks/useSwitch/index.js +0 -2
- package/dist/mocked_classnames/src/hooks/useSwitch/index.js.map +0 -1
- package/dist/mocked_classnames/src/hooks/useThrottledCallback.js +0 -2
- package/dist/mocked_classnames/src/hooks/useThrottledCallback.js.map +0 -1
- package/dist/mocked_classnames/src/services/virtualized-service.js.map +0 -1
- package/dist/services/virtualized-service.d.ts +0 -27
- package/dist/src/components/AlertBanner/AlertBanner.js +0 -2
- package/dist/src/components/AlertBanner/AlertBanner.js.map +0 -1
- package/dist/src/components/AlertBanner/AlertBanner.module.scss.js +0 -2
- package/dist/src/components/AlertBanner/AlertBanner.module.scss.js.map +0 -1
- package/dist/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.js +0 -2
- package/dist/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.js.map +0 -1
- package/dist/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js +0 -2
- package/dist/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js.map +0 -1
- package/dist/src/components/AlertBanner/AlertBannerContext.js +0 -2
- package/dist/src/components/AlertBanner/AlertBannerContext.js.map +0 -1
- package/dist/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.js +0 -2
- package/dist/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.js.map +0 -1
- package/dist/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js +0 -2
- package/dist/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js.map +0 -1
- package/dist/src/components/AlertBanner/AlertBannerText/AlertBannerText.js +0 -2
- package/dist/src/components/AlertBanner/AlertBannerText/AlertBannerText.js.map +0 -1
- package/dist/src/components/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js +0 -2
- package/dist/src/components/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js.map +0 -1
- package/dist/src/components/SlideTransition/SlideTransition.js +0 -2
- package/dist/src/components/SlideTransition/SlideTransition.js.map +0 -1
- package/dist/src/components/SlideTransition/SlideTransition.module.scss.js +0 -2
- package/dist/src/components/SlideTransition/SlideTransition.module.scss.js.map +0 -1
- package/dist/src/components/Switch/Switch.js +0 -2
- package/dist/src/components/Switch/Switch.js.map +0 -1
- package/dist/src/components/Switch/Switch.module.scss.js +0 -2
- package/dist/src/components/Switch/Switch.module.scss.js.map +0 -1
- package/dist/src/components/Toggle/MockToggle.js +0 -2
- package/dist/src/components/Toggle/MockToggle.js.map +0 -1
- package/dist/src/components/Toggle/MockToggle.module.scss.js +0 -2
- package/dist/src/components/Toggle/MockToggle.module.scss.js.map +0 -1
- package/dist/src/components/Toggle/Toggle.js +0 -2
- package/dist/src/components/Toggle/Toggle.js.map +0 -1
- package/dist/src/components/Toggle/Toggle.module.scss.js +0 -2
- package/dist/src/components/Toggle/Toggle.module.scss.js.map +0 -1
- package/dist/src/components/Toggle/ToggleText.js +0 -2
- package/dist/src/components/Toggle/ToggleText.js.map +0 -1
- package/dist/src/components/Toggle/ToggleText.module.scss.js +0 -2
- package/dist/src/components/Toggle/ToggleText.module.scss.js.map +0 -1
- package/dist/src/components/TransitionView/TransitionView.js +0 -2
- package/dist/src/components/TransitionView/TransitionView.js.map +0 -1
- package/dist/src/components/TransitionView/TransitionView.module.scss.js +0 -2
- package/dist/src/components/TransitionView/TransitionView.module.scss.js.map +0 -1
- package/dist/src/components/VirtualizedGrid/VirtualizedGrid.js +0 -2
- package/dist/src/components/VirtualizedGrid/VirtualizedGrid.js.map +0 -1
- package/dist/src/components/VirtualizedGrid/VirtualizedGrid.module.scss.js +0 -2
- package/dist/src/components/VirtualizedGrid/VirtualizedGrid.module.scss.js.map +0 -1
- package/dist/src/components/VirtualizedList/VirtualizedList.js +0 -2
- package/dist/src/components/VirtualizedList/VirtualizedList.js.map +0 -1
- package/dist/src/components/VirtualizedList/VirtualizedList.module.scss.js +0 -2
- package/dist/src/components/VirtualizedList/VirtualizedList.module.scss.js.map +0 -1
- package/dist/src/hooks/useSwitch/index.js +0 -2
- package/dist/src/hooks/useSwitch/index.js.map +0 -1
- package/dist/src/hooks/useThrottledCallback.js +0 -2
- package/dist/src/hooks/useThrottledCallback.js.map +0 -1
- package/dist/src/services/virtualized-service.js +0 -2
- package/dist/src/services/virtualized-service.js.map +0 -1
- /package/dist/{mocked_classnames/src/components → components/alert-banner/dist}/AlertBanner/AlertBanner.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/alert-banner/dist}/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/alert-banner/dist}/AlertBanner/AlertBannerContext.js +0 -0
- /package/dist/{mocked_classnames/src/components → components/alert-banner/dist}/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/alert-banner/dist}/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/toggle/dist}/Switch/Switch.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/toggle/dist}/Toggle/MockToggle.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/toggle/dist}/Toggle/Toggle.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/toggle/dist}/Toggle/ToggleText.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/transitions/dist}/SlideTransition/SlideTransition.js +0 -0
- /package/dist/{mocked_classnames/src/components → components/transitions/dist}/SlideTransition/SlideTransition.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/transitions/dist}/TransitionView/TransitionView.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/virtualized-grid/dist}/VirtualizedGrid/VirtualizedGrid.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/virtualized-list/dist}/VirtualizedList/VirtualizedList.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/services → shared/dist/utils}/virtualized-service.js +0 -0
|
@@ -1,90 +0,0 @@
|
|
|
1
|
-
import React, { type CSSProperties, type ForwardedRef, type ReactElement } from "react";
|
|
2
|
-
import { type VibeComponentProps } from "../../types";
|
|
3
|
-
import { type VirtualizedListItem, type VirtualizedListLayout, type VirtualizedListScrollDirection } from "./VirtualizedList.types";
|
|
4
|
-
export interface VirtualizedListProps extends VibeComponentProps {
|
|
5
|
-
/**
|
|
6
|
-
* Class name applied to the scrollable container.
|
|
7
|
-
*/
|
|
8
|
-
scrollableClassName?: string;
|
|
9
|
-
/**
|
|
10
|
-
* The orientation of the list.
|
|
11
|
-
*/
|
|
12
|
-
layout?: VirtualizedListLayout;
|
|
13
|
-
/**
|
|
14
|
-
* The list of items to be rendered.
|
|
15
|
-
*/
|
|
16
|
-
items: VirtualizedListItem[];
|
|
17
|
-
/**
|
|
18
|
-
* Function to render each item in the list.
|
|
19
|
-
*/
|
|
20
|
-
itemRenderer: (item: VirtualizedListItem, index: number, style: CSSProperties) => ReactElement | JSX.Element;
|
|
21
|
-
/**
|
|
22
|
-
* Function to get the size (height/width) of each item, based on layout.
|
|
23
|
-
*/
|
|
24
|
-
getItemSize?: (item: VirtualizedListItem, index: number) => number;
|
|
25
|
-
/**
|
|
26
|
-
* Function to get the unique ID of an item.
|
|
27
|
-
*/
|
|
28
|
-
getItemId?: (item: VirtualizedListItem, index: number) => string;
|
|
29
|
-
/**
|
|
30
|
-
* Callback fired when the scroll animation is finished.
|
|
31
|
-
*/
|
|
32
|
-
onScrollToFinished?: () => void;
|
|
33
|
-
/**
|
|
34
|
-
* Number of items to render above and below the visible portion.
|
|
35
|
-
*/
|
|
36
|
-
overscanCount?: number;
|
|
37
|
-
/**
|
|
38
|
-
* The duration of the scroll animation in milliseconds.
|
|
39
|
-
*/
|
|
40
|
-
scrollDuration?: number;
|
|
41
|
-
/**
|
|
42
|
-
* Callback fired when items are rendered.
|
|
43
|
-
*/
|
|
44
|
-
onItemsRendered?: ({ firstItemId, secondItemId, lastItemId, centerItemId, firstItemOffsetEnd, currentOffsetTop }: {
|
|
45
|
-
firstItemId: string;
|
|
46
|
-
secondItemId: string;
|
|
47
|
-
lastItemId: string;
|
|
48
|
-
centerItemId: string;
|
|
49
|
-
firstItemOffsetEnd: number;
|
|
50
|
-
currentOffsetTop: number;
|
|
51
|
-
}) => void;
|
|
52
|
-
/**
|
|
53
|
-
* The delay (in ms) for throttling the `onItemsRendered` callback.
|
|
54
|
-
*/
|
|
55
|
-
onItemsRenderedThrottleMs?: number;
|
|
56
|
-
/**
|
|
57
|
-
* Callback fired when the list size changes.
|
|
58
|
-
*/
|
|
59
|
-
onSizeUpdate?: (width: number, height: number) => void;
|
|
60
|
-
/**
|
|
61
|
-
* Callback fired when the vertical or horizontal scrollbar visibility changes.
|
|
62
|
-
*/
|
|
63
|
-
onLayoutDirectionScrollbarVisibilityChange?: (value: boolean) => void;
|
|
64
|
-
/**
|
|
65
|
-
* The ARIA role attribute applied to the list.
|
|
66
|
-
*/
|
|
67
|
-
role?: string;
|
|
68
|
-
/**
|
|
69
|
-
* The ARIA label for the list.
|
|
70
|
-
*/
|
|
71
|
-
"aria-label"?: string;
|
|
72
|
-
/**
|
|
73
|
-
* Custom inline styles applied to the list.
|
|
74
|
-
*/
|
|
75
|
-
style?: CSSProperties;
|
|
76
|
-
/**
|
|
77
|
-
* The ID of the item to scroll to.
|
|
78
|
-
*/
|
|
79
|
-
scrollToId?: string;
|
|
80
|
-
/**
|
|
81
|
-
* Reference to the virtualized list component.
|
|
82
|
-
*/
|
|
83
|
-
virtualListRef?: ForwardedRef<HTMLElement>;
|
|
84
|
-
/**
|
|
85
|
-
* Callback fired when the list is scrolled.
|
|
86
|
-
*/
|
|
87
|
-
onScroll?: (horizontalScrollDirection: VirtualizedListScrollDirection, scrollTop: number, scrollUpdateWasRequested: boolean) => void;
|
|
88
|
-
}
|
|
89
|
-
declare const VirtualizedList: React.ForwardRefExoticComponent<VirtualizedListProps & React.RefAttributes<HTMLElement>>;
|
|
90
|
-
export default VirtualizedList;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
export type VirtualizedListItem = {
|
|
2
|
-
value?: string | Record<string, unknown>;
|
|
3
|
-
height?: number;
|
|
4
|
-
width?: number;
|
|
5
|
-
id?: string;
|
|
6
|
-
offsetTop?: number;
|
|
7
|
-
};
|
|
8
|
-
export { type Layout as VirtualizedListLayout, type ScrollDirection as VirtualizedListScrollDirection } from "react-window";
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { type ChangeEvent } from "react";
|
|
2
|
-
declare enum SwitchRole {
|
|
3
|
-
CHECKBOX = "checkbox",
|
|
4
|
-
BUTTON = "button"
|
|
5
|
-
}
|
|
6
|
-
export interface UseSwitchProps {
|
|
7
|
-
/**
|
|
8
|
-
* If true, controls the checked state of the switch.
|
|
9
|
-
*/
|
|
10
|
-
isChecked?: boolean;
|
|
11
|
-
/**
|
|
12
|
-
* The initial checked state when uncontrolled.
|
|
13
|
-
*/
|
|
14
|
-
defaultChecked?: boolean;
|
|
15
|
-
/**
|
|
16
|
-
* Callback fired when the switch state changes.
|
|
17
|
-
*/
|
|
18
|
-
onChange?: (value: boolean, event?: ChangeEvent<HTMLInputElement> | unknown) => void;
|
|
19
|
-
/**
|
|
20
|
-
* If true, disables interaction with the switch.
|
|
21
|
-
*/
|
|
22
|
-
isDisabled?: boolean;
|
|
23
|
-
}
|
|
24
|
-
declare function useSwitch({ isChecked, defaultChecked, onChange, isDisabled }?: UseSwitchProps): {
|
|
25
|
-
isChecked: boolean;
|
|
26
|
-
onChange: (event?: ChangeEvent<HTMLInputElement> | unknown) => void;
|
|
27
|
-
};
|
|
28
|
-
declare namespace useSwitch {
|
|
29
|
-
var switchRole: typeof SwitchRole;
|
|
30
|
-
}
|
|
31
|
-
export default useSwitch;
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
type NormalizedItem<T> = {
|
|
2
|
-
item: T;
|
|
3
|
-
index: number;
|
|
4
|
-
height: number;
|
|
5
|
-
size: number;
|
|
6
|
-
offsetTop: number;
|
|
7
|
-
offset: number;
|
|
8
|
-
};
|
|
9
|
-
type NormalizedItems<T> = Record<string, NormalizedItem<T>>;
|
|
10
|
-
type IdGetter<T> = (item: T, index: number) => string;
|
|
11
|
-
type SizeGetter<T> = (item: T, index: number) => number;
|
|
12
|
-
export declare const getNormalizedItems: <T>(items: T[], idGetter: IdGetter<T>, sizeGetter: SizeGetter<T>) => NormalizedItems<T>;
|
|
13
|
-
export declare const isItemInView: (item: {
|
|
14
|
-
offsetTop: number;
|
|
15
|
-
}, scrollTop: number, offsetHeight: number) => boolean;
|
|
16
|
-
export declare const getMaxOffset: <T>(offsetSize: number, normalizedItems: NormalizedItems<T>) => number;
|
|
17
|
-
export declare const easeInOutQuint: (time: number) => number;
|
|
18
|
-
export declare const isLayoutDirectionScrollbarVisible: <T>(items: T[], normalizedItems: NormalizedItems<T>, idGetter: IdGetter<T>, componentSize: number) => boolean;
|
|
19
|
-
export declare const getOnItemsRenderedData: <T>(items: T[], normalizedItems: NormalizedItems<T>, idGetter: IdGetter<T>, visibleStartIndex: number, visibleStopIndex: number, listSize: number, currentOffsetTop: number) => {
|
|
20
|
-
firstItemId: string;
|
|
21
|
-
secondItemId: string;
|
|
22
|
-
lastItemId: string;
|
|
23
|
-
centerItemId: string;
|
|
24
|
-
firstItemOffsetEnd: number;
|
|
25
|
-
currentOffsetTop: number;
|
|
26
|
-
};
|
|
27
|
-
export {};
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getStyle as r,NOOP as t}from"@vibe/shared";import n from"classnames";import a,{forwardRef as o,useMemo as i}from"react";import{IconButton as l}from"@vibe/icon-button/mockedClassNames";import{CloseSmall as s}from"@vibe/icons";import{ComponentDefaultTestId as m,ComponentVibeId as c}from"../../tests/constants.js";import{getTestId as d}from"../../tests/testIds.js";import p from"./AlertBanner.module.scss.js";import{Text as u}from"@vibe/typography/mockedClassNames";import{AlertBannerContext as f}from"./AlertBannerContext.js";var v=o((function(o,v){var b=o.children,B=o.className,y=o.backgroundColor,A=void 0===y?"primary":y,N=o.onClose,E=void 0===N?t:N,k=o["aria-label"],C=void 0===k?"":k,g=o.closeButtonAriaLabel,x=void 0===g?"Close":g,j=o.isCloseHidden,h=void 0!==j&&j,T=o.id,I=o["data-testid"],L=i((function(){return n(B,p.alertBanner,r(p,A))}),[B,A]),P="dark"===A,R="warning"===A,_=i((function(){return R?"fixedDark":P?"onInverted":"onPrimary"}),[P,R]),D=i((function(){return a.Children.toArray(b).filter((function(e){return!(!e.type.isAlertBannerItem&&"MDXCreateElement"!==e.type.displayName)||(console.error("Alert banner child is not supported. Please use AlertBannerText, AlertBannerLink or AlertBannerButton.",e),!1)})).map((function(e,r){return a.cloneElement(e,Object.assign(Object.assign({},null==e?void 0:e.props),{marginLeft:r>0,isDarkBackground:P}))}))}),[b,P]);return a.createElement(u,{type:"text2",color:_,ref:v,className:L,role:"banner","aria-label":C||"banner",id:T,"data-testid":I||d(m.ALERT_BANNER,T),"data-vibe":c.ALERT_BANNER},a.createElement(f.Provider,{value:{textColor:_}},a.createElement("div",{className:n(p.content)},D.map((function(r,t){var o=r.type.isAlertBannerText;return a.createElement("div",{key:t,className:n(p.contentItem,e({},p.contentItemText,o))},o?a.createElement("div",{className:n(p.ellipsis)},r):r)})))),a.createElement("div",{className:n(p.closeButtonWrapper)},h?null:a.createElement(l,{"data-testid":"alert-banner-close-button",icon:s,className:n(p.closeBtn),hideTooltip:!0,onClick:E,size:"small",kind:"tertiary",color:P?"on-inverted-background":"on-primary-color","aria-label":x})))}));export{v as default};
|
|
2
|
-
//# sourceMappingURL=AlertBanner.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AlertBanner.js","sources":["../../../../../src/components/AlertBanner/AlertBanner.tsx"],"sourcesContent":["import { getStyle, NOOP } from \"@vibe/shared\";\nimport cx from \"classnames\";\nimport React, { type ForwardedRef, forwardRef, type ReactElement, useMemo } from \"react\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport { type AlertBannerBackgroundColor } from \"./AlertBanner.types\";\n\nimport { type AlertBannerLinkProps } from \"./AlertBannerLink/AlertBannerLink\";\nimport { type AlertBannerButtonProps } from \"./AlertBannerButton/AlertBannerButton\";\nimport { type AlertBannerTextProps } from \"./AlertBannerText/AlertBannerText\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./AlertBanner.module.scss\";\nimport { Text } from \"@vibe/typography\";\nimport { AlertBannerContext } from \"./AlertBannerContext\";\n\ntype ChildrenType = ReactElement<AlertBannerButtonProps | AlertBannerLinkProps | AlertBannerTextProps>;\n\nexport interface AlertBannerProps extends VibeComponentProps {\n /**\n * The background color of the alert banner.\n */\n backgroundColor?: AlertBannerBackgroundColor;\n /**\n * If true, the close button is hidden.\n */\n isCloseHidden?: boolean;\n /**\n * The ARIA label of the alert banner for accessibility.\n */\n \"aria-label\"?: string;\n /**\n * The ARIA label of the close button for accessibility.\n */\n closeButtonAriaLabel?: string;\n /**\n * Callback fired when the close button is clicked.\n */\n onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n /**\n * The content of the alert banner.\n */\n children?: ChildrenType | ChildrenType[];\n}\n\nconst AlertBanner = forwardRef(\n (\n {\n children: originalChildren,\n className,\n backgroundColor = \"primary\",\n onClose = NOOP,\n \"aria-label\": ariaLabel = \"\",\n closeButtonAriaLabel = \"Close\",\n isCloseHidden = false,\n id,\n \"data-testid\": dataTestId\n }: AlertBannerProps,\n ref: ForwardedRef<HTMLDivElement>\n ) => {\n const classNames = useMemo(() => {\n return cx(className, styles.alertBanner, getStyle(styles, backgroundColor));\n }, [className, backgroundColor]);\n\n const isDarkBackground = backgroundColor === \"dark\";\n const isFixedColor = backgroundColor === \"warning\";\n const textColor = useMemo(() => {\n if (isFixedColor) {\n return \"fixedDark\";\n }\n return isDarkBackground ? \"onInverted\" : \"onPrimary\";\n }, [isDarkBackground, isFixedColor]);\n const children = useMemo(() => {\n const allChildren = React.Children.toArray(originalChildren) as ReactElement[];\n const filteredChildren = allChildren.filter(\n (\n child: ReactElement & {\n type: Record<string, unknown>;\n }\n ) => {\n if (child.type.isAlertBannerItem || child.type.displayName === \"MDXCreateElement\") return true;\n console.error(\n \"Alert banner child is not supported. Please use AlertBannerText, AlertBannerLink or AlertBannerButton.\",\n child\n );\n return false;\n }\n );\n\n return filteredChildren.map((child, index) => {\n return React.cloneElement(child, {\n ...child?.props,\n marginLeft: index > 0,\n isDarkBackground\n });\n });\n }, [originalChildren, isDarkBackground]);\n\n return (\n <Text\n type=\"text2\"\n color={textColor}\n ref={ref}\n className={classNames}\n role=\"banner\"\n aria-label={ariaLabel || \"banner\"}\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.ALERT_BANNER, id)}\n data-vibe={ComponentVibeId.ALERT_BANNER}\n >\n <AlertBannerContext.Provider value={{ textColor }}>\n <div className={cx(styles.content)}>\n {children.map(\n (\n child: ReactElement & {\n type: Record<string, unknown>;\n },\n index\n ) => {\n const childTypeIsAlertBannerText = child.type.isAlertBannerText;\n return (\n <div\n key={index}\n className={cx(styles.contentItem, {\n [styles.contentItemText]: childTypeIsAlertBannerText\n })}\n >\n {childTypeIsAlertBannerText ? <div className={cx(styles.ellipsis)}>{child}</div> : child}\n </div>\n );\n }\n )}\n </div>\n </AlertBannerContext.Provider>\n <div className={cx(styles.closeButtonWrapper)}>\n {isCloseHidden ? null : (\n <IconButton\n data-testid=\"alert-banner-close-button\"\n icon={CloseSmall}\n className={cx(styles.closeBtn)}\n hideTooltip\n onClick={onClose}\n size=\"small\"\n kind=\"tertiary\"\n color={isDarkBackground ? \"on-inverted-background\" : \"on-primary-color\"}\n aria-label={closeButtonAriaLabel}\n />\n )}\n </div>\n </Text>\n );\n }\n);\n\nexport default AlertBanner;\n"],"names":["AlertBanner","forwardRef","_ref","ref","originalChildren","children","className","_ref$backgroundColor","backgroundColor","_ref$onClose","onClose","NOOP","_ref$ariaLabel","ariaLabel","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$isCloseHidden","isCloseHidden","id","dataTestId","classNames","useMemo","cx","styles","alertBanner","getStyle","isDarkBackground","isFixedColor","textColor","React","Children","toArray","filter","child","type","isAlertBannerItem","displayName","console","error","map","index","cloneElement","Object","assign","props","marginLeft","Text","color","role","getTestId","ComponentDefaultTestId","ALERT_BANNER","ComponentVibeId","createElement","AlertBannerContext","Provider","value","content","childTypeIsAlertBannerText","isAlertBannerText","key","contentItem","_defineProperty","contentItemText","ellipsis","closeButtonWrapper","IconButton","icon","CloseSmall","closeBtn","hideTooltip","onClick","size","kind"],"mappings":"omBA8CMA,IAAAA,EAAcC,GAClB,SAAAC,EAYEC,GACE,IAXUC,EAAgBF,EAA1BG,SACAC,EAASJ,EAATI,UAASC,EAAAL,EACTM,gBAAAA,OAAkB,IAAHD,EAAG,UAASA,EAAAE,EAAAP,EAC3BQ,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAV,EACd,cAAcW,OAAY,IAAHD,EAAG,GAAEA,EAAAE,EAAAZ,EAC5Ba,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAAAE,EAAAd,EAC9Be,cAAAA,OAAgB,IAAHD,GAAQA,EACrBE,EAAEhB,EAAFgB,GACeC,EAAUjB,EAAzB,eAIIkB,EAAaC,GAAQ,WACzB,OAAOC,EAAGhB,EAAWiB,EAAOC,YAAaC,EAASF,EAAQf,GAC5D,GAAG,CAACF,EAAWE,IAETkB,EAAuC,SAApBlB,EACnBmB,EAAmC,YAApBnB,EACfoB,EAAYP,GAAQ,WACxB,OAAIM,EACK,YAEFD,EAAmB,aAAe,WAC3C,GAAG,CAACA,EAAkBC,IAChBtB,EAAWgB,GAAQ,WAiBvB,OAhBoBQ,EAAMC,SAASC,QAAQ3B,GACN4B,QACnC,SACEC,GAIA,SAAIA,EAAMC,KAAKC,mBAAgD,qBAA3BF,EAAMC,KAAKE,eAC/CC,QAAQC,MACN,yGACAL,IAEK,EACT,IAGsBM,KAAI,SAACN,EAAOO,GAClC,OAAOX,EAAMY,aAAaR,EACrBS,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAV,aAAA,EAAAA,EAAOW,OAAK,CACfC,WAAYL,EAAQ,EACpBd,iBAAAA,IAEJ,GACF,GAAG,CAACtB,EAAkBsB,IAEtB,OACEG,gBAACiB,EAAI,CACHZ,KAAK,QACLa,MAAOnB,EACPzB,IAAKA,EACLG,UAAWc,EACX4B,KAAK,SACO,aAAAnC,GAAa,SACzBK,GAAIA,gBACSC,GAAc8B,EAAUC,EAAuBC,aAAcjC,GAAG,YAClEkC,EAAgBD,cAE3BtB,EAACwB,cAAAC,EAAmBC,SAAQ,CAACC,MAAO,CAAE5B,UAAAA,IACpCC,EAAAwB,cAAA,MAAA,CAAK/C,UAAWgB,EAAGC,EAAOkC,UACvBpD,EAASkC,KACR,SACEN,EAGAO,GAEA,IAAMkB,EAA6BzB,EAAMC,KAAKyB,kBAC9C,OACE9B,EAAAwB,cAAA,MAAA,CACEO,IAAKpB,EACLlC,UAAWgB,EAAGC,EAAOsC,YAAWC,EAAA,CAAA,EAC7BvC,EAAOwC,gBAAkBL,KAG3BA,EAA6B7B,EAAKwB,cAAA,MAAA,CAAA/C,UAAWgB,EAAGC,EAAOyC,WAAY/B,GAAeA,EAGxF,MAIPJ,EAAAwB,cAAA,MAAA,CAAK/C,UAAWgB,EAAGC,EAAO0C,qBACvBhD,EAAgB,KACfY,EAACwB,cAAAa,EACa,CAAA,cAAA,4BACZC,KAAMC,EACN9D,UAAWgB,EAAGC,EAAO8C,UACrBC,aAAW,EACXC,QAAS7D,EACT8D,KAAK,QACLC,KAAK,WACL1B,MAAOrB,EAAmB,yBAA2B,mBACzC,aAAAX,KAMxB"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var n={alertBanner:"alertBanner",primary:"primary",positive:"positive",negative:"negative",dark:"dark",warning:"warning",closeBtn:"closeBtn",content:"content",closeButtonWrapper:"closeButtonWrapper",ellipsis:"ellipsis",contentItem:"contentItem",contentItemText:"contentItemText"};!function(n){const e="s_id-d6894f952adc_4_5_14";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".alertBanner {\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n}\n\n.primary {\n background-color: var(--primary-color);\n}\n\n.positive {\n background-color: var(--positive-color);\n}\n\n.negative {\n background-color: var(--negative-color);\n}\n\n.dark {\n background-color: var(--inverted-color-background);\n}\n\n.warning {\n background-color: var(--warning-color);\n color: var(--fixed-dark-color);\n}\n\n.warning .closeBtn {\n color: var(--fixed-dark-color);\n}\n\n.content {\n flex: 1 1 auto;\n display: flex;\n height: 100%;\n min-width: 0;\n align-items: center;\n justify-content: center;\n padding-inline-start: var(--space-16);\n}\n\n.closeButtonWrapper {\n flex: 0 0 40px;\n position: relative;\n height: 100%;\n min-width: 0;\n}\n\n.closeBtn {\n position: absolute;\n inset-inline-end: 4px;\n top: 4px;\n}\n\n.ellipsis {\n flex: 0 1 auto;\n}\n\n.contentItem {\n flex: 0 0 auto;\n min-width: 0;\n}\n\n.contentItemText {\n flex: 0 1 auto;\n min-width: 0;\n}");export{n as default};
|
|
2
|
-
//# sourceMappingURL=AlertBanner.module.scss.js.map
|
package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as r}from"../../../../_virtual/_tslib.js";import{getTestId as e,ComponentDefaultTestId as a}from"../../../tests/testIds.js";import s from"classnames";import{Button as i}from"@vibe/button/mockedClassNames";import o from"react";import m from"./AlertBannerButton.module.scss.js";var n=function(n){var l=n.marginLeft,d=void 0!==l&&l,c=n.isDarkBackground,u=void 0!==c&&c,f=n.id,p=n["data-testid"],B=r(n,["marginLeft","isDarkBackground","id","data-testid"]),g=s(t(t({},m.marginLeft,d),m.darkBackground,u));return o.createElement("div",{className:g,"data-testid":p||e(a.ALERT_BANNER_BUTTON,f),id:f},o.createElement(i,Object.assign({},B,{size:"small",className:s(m.bannerButton),color:"on-primary-color"})))};Object.assign(n,{isAlertBannerItem:!0});export{n as default};
|
|
2
|
-
//# sourceMappingURL=AlertBannerButton.js.map
|
package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AlertBannerButton.js","sources":["../../../../../../src/components/AlertBanner/AlertBannerButton/AlertBannerButton.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport { Button, type ButtonProps } from \"@vibe/button\";\nimport React, { type FC } from \"react\";\nimport styles from \"./AlertBannerButton.module.scss\";\n\nexport interface AlertBannerButtonProps extends ButtonProps {\n /**\n * If true, the button is displayed on a dark background.\n */\n isDarkBackground?: boolean;\n}\n\nconst AlertBannerButton: FC<AlertBannerButtonProps> = ({\n marginLeft = false,\n isDarkBackground = false,\n id,\n \"data-testid\": dataTestId,\n ...buttonProps\n}) => {\n const classNames = cx({\n [styles.marginLeft]: marginLeft,\n [styles.darkBackground]: isDarkBackground\n });\n\n return (\n <div\n className={classNames}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.ALERT_BANNER_BUTTON, id)}\n id={id}\n >\n <Button {...buttonProps} size=\"small\" className={cx(styles.bannerButton)} color=\"on-primary-color\" />\n </div>\n );\n};\n\nObject.assign(AlertBannerButton, {\n isAlertBannerItem: true\n});\n\nexport default AlertBannerButton;\n"],"names":["AlertBannerButton","_a","_a$marginLeft","marginLeft","_a$isDarkBackground","isDarkBackground","id","dataTestId","buttonProps","__rest","classNames","cx","_defineProperty","styles","darkBackground","React","createElement","className","getTestId","ComponentDefaultTestId","ALERT_BANNER_BUTTON","Button","size","bannerButton","color","Object","assign","isAlertBannerItem"],"mappings":"qXAaA,IAAMA,EAAgD,SAACC,GAAA,IAAAC,EAI5BD,EAHzBE,WAAAA,OAAa,IAAHD,GAAQA,EAAAE,EAGOH,EAFzBI,iBAAAA,OAAmB,IAAHD,GAAQA,EACxBE,EACyBL,EADzBK,GACeC,EAAUN,EAAzB,eACGO,EAAWC,EAAAR,EALuC,sDAO/CS,EAAaC,EAAEC,EAAAA,KAClBC,EAAOV,WAAaA,GACpBU,EAAOC,eAAiBT,IAG3B,OACEU,EACEC,cAAA,MAAA,CAAAC,UAAWP,EAAU,cACRH,GAAcW,EAAUC,EAAuBC,oBAAqBd,GACjFA,GAAIA,GAEJS,EAACC,cAAAK,mBAAWb,EAAW,CAAEc,KAAK,QAAQL,UAAWN,EAAGE,EAAOU,cAAeC,MAAM,sBAGtF,EAEAC,OAAOC,OAAO1B,EAAmB,CAC/B2B,mBAAmB"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var n={bannerButton:"bannerButton",darkBackground:"darkBackground",marginLeft:"marginLeft"};!function(n){const e="s_id-35a7e70934a8_4_5_14";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".bannerButton {\n -webkit-font-smoothing: auto;\n -moz-osx-font-smoothing: auto;\n}\n\n.dark-app-theme .darkBackground .bannerButton {\n background-color: var(--dark-background-color);\n}\n\n.marginLeft {\n margin-inline-start: var(--space-8);\n}");export{n as default};
|
|
2
|
-
//# sourceMappingURL=AlertBannerButton.module.scss.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AlertBannerContext.js","sources":["../../../../../src/components/AlertBanner/AlertBannerContext.ts"],"sourcesContent":["import React from \"react\";\nimport { type TypographyColor } from \"@vibe/typography\";\n\ntype AlertBannerContextType = {\n textColor: Extract<TypographyColor, \"onPrimary\" | \"onInverted\" | \"fixedDark\">;\n};\n\nexport const AlertBannerContext = React.createContext<AlertBannerContextType>({\n textColor: \"onPrimary\"\n});\n"],"names":["AlertBannerContext","React","createContext","textColor"],"mappings":"yBAOaA,EAAqBC,EAAMC,cAAsC,CAC5EC,UAAW"}
|
package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as t}from"../../../../_virtual/_tslib.js";import r from"classnames";import{getTestId as a,ComponentDefaultTestId as n}from"../../../tests/testIds.js";import i,{useContext as s}from"react";import{Link as o}from"@vibe/link/mockedClassNames";import m from"./AlertBannerLink.module.scss.js";import{AlertBannerContext as l}from"../AlertBannerContext.js";var d=function(d){var f=d.marginLeft,p=void 0!==f&&f,c=d.id,v=d["data-testid"],L=t(d,["marginLeft","id","data-testid"]),b=s(l).textColor,u=r(e({},m.marginLeft,p));return i.createElement("div",{className:u,"data-testid":v||a(n.ALERT_BANNER_LINK,c),id:c},i.createElement(o,Object.assign({},L,{textClassName:r(m.bannerLink,e(e({},m.bannerLinkTextColorOnPrimary,"onPrimary"===b),m.bannerLinkTextColorOnInverted,"onInverted"===b))})))};Object.assign(d,{isAlertBannerItem:!0});export{d as default};
|
|
2
|
-
//# sourceMappingURL=AlertBannerLink.js.map
|
package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AlertBannerLink.js","sources":["../../../../../../src/components/AlertBanner/AlertBannerLink/AlertBannerLink.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport React, { type FC, useContext } from \"react\";\nimport { Link, type LinkProps } from \"@vibe/link\";\nimport styles from \"./AlertBannerLink.module.scss\";\nimport { AlertBannerContext } from \"../AlertBannerContext\";\n\nexport interface AlertBannerLinkProps extends LinkProps {\n /**\n * If true, a left margin is applied to the link.\n */\n marginLeft?: boolean;\n}\n\nconst AlertBannerLink: FC<AlertBannerLinkProps> = ({\n marginLeft = false,\n id,\n \"data-testid\": dataTestId,\n ...linkProps\n}) => {\n const { textColor } = useContext(AlertBannerContext);\n const classNames = cx({\n [styles.marginLeft]: marginLeft\n });\n\n return (\n <div\n className={classNames}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.ALERT_BANNER_LINK, id)}\n id={id}\n >\n <Link\n {...linkProps}\n textClassName={cx(styles.bannerLink, {\n [styles.bannerLinkTextColorOnPrimary]: textColor === \"onPrimary\",\n [styles.bannerLinkTextColorOnInverted]: textColor === \"onInverted\"\n })}\n />\n </div>\n );\n};\n\nObject.assign(AlertBannerLink, {\n isAlertBannerItem: true\n});\n\nexport default AlertBannerLink;\n"],"names":["AlertBannerLink","_a","_a$marginLeft","marginLeft","id","dataTestId","linkProps","__rest","textColor","useContext","AlertBannerContext","classNames","cx","_defineProperty","styles","React","createElement","className","getTestId","ComponentDefaultTestId","ALERT_BANNER_LINK","Link","Object","assign","textClassName","bannerLink","bannerLinkTextColorOnPrimary","bannerLinkTextColorOnInverted","isAlertBannerItem"],"mappings":"8bAcA,IAAMA,EAA4C,SAACC,GAAA,IAAAC,EAKlDD,EAJCE,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAGDH,EAHCG,GACeC,EAEhBJ,EAFC,eACGK,EAASC,EAAAN,EAJqC,mCAMzCO,EAAcC,EAAWC,GAAzBF,UACFG,EAAaC,EAAEC,EAAA,CAAA,EAClBC,EAAOX,WAAaA,IAGvB,OACEY,EACEC,cAAA,MAAA,CAAAC,UAAWN,EAAU,cACRN,GAAca,EAAUC,EAAuBC,kBAAmBhB,GAC/EA,GAAIA,GAEJW,EAACC,cAAAK,EACKC,OAAAC,OAAA,CAAA,EAAAjB,EACJ,CAAAkB,cAAeZ,EAAGE,EAAOW,WAAUZ,EAAAA,EAAA,GAChCC,EAAOY,6BAA6C,cAAdlB,GACtCM,EAAOa,8BAA8C,eAAdnB,OAKlD,EAEAc,OAAOC,OAAOvB,EAAiB,CAC7B4B,mBAAmB"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var n={bannerLink:"bannerLink",bannerLinkTextColorOnPrimary:"bannerLinkTextColorOnPrimary",bannerLinkTextColorOnInverted:"bannerLinkTextColorOnInverted",marginLeft:"marginLeft"};!function(n){const e="s_id-b8e9178179b1_4_5_14";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".bannerLink {\n text-decoration: underline;\n -webkit-font-smoothing: auto;\n -moz-osx-font-smoothing: auto;\n}\n\n.bannerLinkTextColorOnPrimary {\n color: var(--text-color-on-primary);\n}\n\n.bannerLinkTextColorOnInverted {\n color: var(--text-color-on-inverted);\n}\n\n.marginLeft {\n margin-inline-start: var(--space-8);\n}");export{n as default};
|
|
2
|
-
//# sourceMappingURL=AlertBannerLink.module.scss.js.map
|
package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerText/AlertBannerText.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as t,ComponentDefaultTestId as r}from"../../../tests/testIds.js";import a from"classnames";import i,{useRef as o}from"react";import{Tooltip as s}from"@vibe/tooltip/mockedClassNames";import{useIsOverflowing as m}from"@vibe/hooks";import n from"./AlertBannerText.module.scss.js";var l=function(l){var d=l.text,f=l.marginLeft,p=void 0!==f&&f,c=l.id,u=l["data-testid"],v=l.ariaLive,g=o(null),T=a(n.bannerText,e({},n.marginLeft,p)),b=m({ref:g});return i.createElement(s,{position:"bottom",content:b&&d,showTrigger:["mouseenter"],hideTrigger:["mouseleave"]},i.createElement("div",{ref:g,className:T,id:c,"data-testid":u||t(r.ALERT_BANNER_TEXT,c)},i.createElement("span",{"aria-live":v},d)))};Object.assign(l,{isAlertBannerItem:!0,isAlertBannerText:!0});export{l as default};
|
|
2
|
-
//# sourceMappingURL=AlertBannerText.js.map
|
package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerText/AlertBannerText.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AlertBannerText.js","sources":["../../../../../../src/components/AlertBanner/AlertBannerText/AlertBannerText.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { type FC, useRef } from \"react\";\nimport { Tooltip } from \"@vibe/tooltip\";\nimport { useIsOverflowing } from \"@vibe/hooks\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\n\nimport styles from \"./AlertBannerText.module.scss\";\n\nexport interface AlertBannerTextProps extends VibeComponentProps {\n /**\n * The text content displayed within the alert banner.\n */\n text: string;\n /**\n * If true, a left margin is applied to the alert banner text.\n */\n marginLeft?: boolean;\n /**\n * The aria-live attribute value for the alert banner text.\n */\n ariaLive?: \"polite\" | \"assertive\" | \"off\";\n}\n\nconst AlertBannerText: FC<AlertBannerTextProps> = ({\n text,\n marginLeft = false,\n id,\n \"data-testid\": dataTestId,\n ariaLive\n}) => {\n const componentRef = useRef(null);\n const classNames = cx(styles.bannerText, {\n [styles.marginLeft]: marginLeft\n });\n const isOverflowing = useIsOverflowing({ ref: componentRef });\n\n return (\n <Tooltip\n position=\"bottom\"\n content={isOverflowing && text}\n showTrigger={[\"mouseenter\"]}\n hideTrigger={[\"mouseleave\"]}\n >\n <div\n ref={componentRef}\n className={classNames}\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.ALERT_BANNER_TEXT, id)}\n >\n <span aria-live={ariaLive}>{text}</span>\n </div>\n </Tooltip>\n );\n};\n\nObject.assign(AlertBannerText, {\n isAlertBannerItem: true,\n isAlertBannerText: true\n});\n\nexport default AlertBannerText;\n"],"names":["AlertBannerText","_ref","text","_ref$marginLeft","marginLeft","id","dataTestId","ariaLive","componentRef","useRef","classNames","cx","styles","bannerText","_defineProperty","isOverflowing","useIsOverflowing","ref","React","createElement","Tooltip","position","content","showTrigger","hideTrigger","className","getTestId","ComponentDefaultTestId","ALERT_BANNER_TEXT","Object","assign","isAlertBannerItem","isAlertBannerText"],"mappings":"yXAwBA,IAAMA,EAA4C,SAA7BC,GAMhB,IALHC,EAAID,EAAJC,KAAIC,EAAAF,EACJG,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAAEJ,EAAFI,GACeC,EAAUL,EAAzB,eACAM,EAAQN,EAARM,SAEMC,EAAeC,EAAO,MACtBC,EAAaC,EAAGC,EAAOC,WAAUC,EAAA,CAAA,EACpCF,EAAOR,WAAaA,IAEjBW,EAAgBC,EAAiB,CAAEC,IAAKT,IAE9C,OACEU,EAACC,cAAAC,EACC,CAAAC,SAAS,SACTC,QAASP,GAAiBb,EAC1BqB,YAAa,CAAC,cACdC,YAAa,CAAC,eAEdN,EACEC,cAAA,MAAA,CAAAF,IAAKT,EACLiB,UAAWf,EACXL,GAAIA,EACS,cAAAC,GAAcoB,EAAUC,EAAuBC,kBAAmBvB,IAE/Ea,EAAAC,cAAA,OAAA,CAAA,YAAiBZ,GAAWL,IAIpC,EAEA2B,OAAOC,OAAO9B,EAAiB,CAC7B+B,mBAAmB,EACnBC,mBAAmB"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var e={bannerText:"bannerText",marginLeft:"marginLeft"};!function(e){const n="s_id-306a220e9849_4_5_14";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)}(".bannerText {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.marginLeft {\n margin-inline-start: var(--space-8);\n}");export{e as default};
|
|
2
|
-
//# sourceMappingURL=AlertBannerText.module.scss.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SlideTransition.js","sources":["../../../../../src/components/SlideTransition/SlideTransition.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { type SlideTransitionProps } from \"./SlideTransition.types\";\nimport styles from \"./SlideTransition.module.scss\";\n\nconst SlideTransition = forwardRef(\n ({ direction, style, children, className }: SlideTransitionProps, ref: React.ForwardedRef<HTMLDivElement>) => {\n return (\n <div\n ref={ref}\n className={cx(styles.slide, direction === \"forward\" ? styles.slideForward : styles.slideBackward, className)}\n style={style}\n >\n {children}\n </div>\n );\n }\n);\n\nexport default SlideTransition;\n"],"names":["SlideTransition","forwardRef","_ref","ref","style","children","React","createElement","className","cx","styles","slide","direction","slideForward","slideBackward"],"mappings":"gHAKMA,IAAAA,EAAkBC,GACtB,SAAAC,EAAkEC,GAA2C,IAA/FC,EAAKF,EAALE,MAAOC,EAAQH,EAARG,SACnB,OACEC,EACEC,cAAA,MAAA,CAAAJ,IAAKA,EACLK,UAAWC,EAAGC,EAAOC,MAAqB,YAJpCT,EAATU,UAIyDF,EAAOG,aAAeH,EAAOI,cAJjDZ,EAATM,WAKzBJ,MAAOA,GAENC,EAGP"}
|
package/dist/mocked_classnames/src/components/SlideTransition/SlideTransition.module.scss.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var e={slide:"slide",slideForward:"slideForward",slideInForward:"slideInForward",slideBackward:"slideBackward",slideInBackward:"slideInBackward"};!function(e){const n="s_id-17fe3dfbe840_4_5_14";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,d.firstChild?d.insertBefore(r,d.firstChild):d.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".slide {\n height: 100%;\n width: 100%;\n}\n\n.slideForward {\n animation: slideInForward 0.25s cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.slideBackward {\n animation: slideInBackward 0.25s cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n@keyframes slideInForward {\n from {\n transform: translateX(3%);\n }\n to {\n transform: translateX(0);\n }\n}\n\n@keyframes slideInBackward {\n from {\n transform: translateX(-3%);\n }\n to {\n transform: translateX(0);\n }\n}");export{e as default};
|
|
2
|
-
//# sourceMappingURL=SlideTransition.module.scss.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import e,{forwardRef as a,useMemo as t}from"react";import s from"classnames";import l from"../../hooks/useSwitch/index.js";import i from"./Switch.module.scss.js";import{ComponentVibeId as r}from"../../tests/constants.js";var c=a((function(a,c){var n=a.id,o=a.name,d=a.value,m=a.role,h=a.disabled,b=a["aria-label"],u=a["aria-labelledby"],p=a.inputClassName,f=a["aria-controls"],k=a.children,C=a.wrapperClassName,g=a["data-testid"],v=l({isDisabled:h,isChecked:a.checked,defaultChecked:a.defaultChecked,onChange:a.onChange}),j=v.onChange,w=v.isChecked,E=t((function(){return e.cloneElement(k,Object.assign(Object.assign({},null==k?void 0:k.props),{checked:w}))}),[k,w]);return e.createElement("label",{htmlFor:n,className:C,"data-vibe":r.TOGGLE},e.createElement("input",{ref:c,id:n,"aria-controls":f,value:d,name:o,type:"checkbox",className:s(i["hidden-switch"],p),checked:w,role:m||"switch",onChange:j,disabled:h,"aria-label":b,"aria-labelledby":u,"aria-checked":w,"data-testid":g}),E)}));export{c as default};
|
|
2
|
-
//# sourceMappingURL=Switch.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.js","sources":["../../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import React, { type ChangeEvent, forwardRef, type ReactElement, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport useSwitch from \"../../hooks/useSwitch\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { type MockToggleProps } from \"../Toggle/MockToggle\";\nimport styles from \"./Switch.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface SwitchProps extends VibeComponentProps {\n /**\n * The name of the switch input.\n */\n name?: string;\n /**\n * The value associated with the switch.\n */\n value?: string;\n /**\n * The ARIA role of the switch.\n */\n role?: string;\n /**\n * If true, the switch is disabled.\n */\n disabled?: boolean;\n /**\n * The ARIA label for accessibility.\n */\n \"aria-label\"?: string;\n /**\n * The ID of the element labeling the switch.\n */\n \"aria-labelledby\"?: string;\n /**\n * If true, the switch is checked.\n */\n checked?: boolean;\n /**\n * Class name applied to the input element.\n */\n inputClassName?: string;\n /**\n * Callback fired when the switch state changes.\n */\n onChange?: (value: boolean, event: ChangeEvent<HTMLInputElement>) => void;\n /**\n * The ID of the element controlled by the switch.\n */\n \"aria-controls\"?: string;\n /**\n * If true, the switch is checked by default.\n */\n defaultChecked?: boolean;\n /**\n * The child component rendered inside the switch.\n */\n children?: ReactElement<MockToggleProps>;\n /**\n * Class name applied to the wrapper element.\n */\n wrapperClassName?: string;\n}\n\n// TODO no story\nconst Switch = forwardRef(\n (\n {\n id,\n name,\n value,\n role,\n disabled,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n checked,\n inputClassName,\n onChange,\n \"aria-controls\": ariaControls,\n defaultChecked,\n children: originalChildren,\n wrapperClassName,\n \"data-testid\": dataTestId\n }: SwitchProps,\n ref: React.ForwardedRef<HTMLInputElement>\n ) => {\n const { onChange: overrideOnChange, isChecked: overrideChecked } = useSwitch({\n isDisabled: disabled,\n isChecked: checked,\n defaultChecked,\n onChange\n });\n\n const children = useMemo(\n () =>\n React.cloneElement(originalChildren, {\n ...originalChildren?.props,\n checked: overrideChecked\n }),\n [originalChildren, overrideChecked]\n );\n\n return (\n <label htmlFor={id} className={wrapperClassName} data-vibe={ComponentVibeId.TOGGLE}>\n <input\n ref={ref}\n id={id}\n aria-controls={ariaControls}\n value={value}\n name={name}\n type=\"checkbox\"\n className={cx(styles[\"hidden-switch\"], inputClassName)}\n checked={overrideChecked}\n role={role ? role : \"switch\"}\n onChange={overrideOnChange}\n disabled={disabled}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n aria-checked={overrideChecked}\n data-testid={dataTestId}\n />\n {children}\n </label>\n );\n }\n);\n\nexport default Switch;\n"],"names":["Switch","forwardRef","_ref","ref","id","name","value","role","disabled","ariaLabel","ariaLabelledBy","inputClassName","ariaControls","originalChildren","children","wrapperClassName","dataTestId","_useSwitch","useSwitch","isDisabled","isChecked","checked","defaultChecked","onChange","overrideOnChange","overrideChecked","useMemo","React","cloneElement","Object","assign","props","createElement","htmlFor","className","ComponentVibeId","TOGGLE","type","cx","styles"],"mappings":"6NAgEMA,IAAAA,EAASC,GACb,SAAAC,EAkBEC,GACE,IAjBAC,EAAEF,EAAFE,GACAC,EAAIH,EAAJG,KACAC,EAAKJ,EAALI,MACAC,EAAIL,EAAJK,KACAC,EAAQN,EAARM,SACcC,EAASP,EAAvB,cACmBQ,EAAcR,EAAjC,mBAEAS,EAAcT,EAAdS,eAEiBC,EAAYV,EAA7B,iBAEUW,EAAgBX,EAA1BY,SACAC,EAAgBb,EAAhBa,iBACeC,EAAUd,EAAzB,eAIFe,EAAmEC,EAAU,CAC3EC,WAAYX,EACZY,UAbOlB,EAAPmB,QAcAC,eAVcpB,EAAdoB,eAWAC,SAbQrB,EAARqB,WASgBC,EAAgBP,EAA1BM,SAAuCE,EAAeR,EAA1BG,UAO9BN,EAAWY,GACf,WAAA,OACEC,EAAMC,aAAaf,EAAgBgB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAC9BjB,aAAA,EAAAA,EAAkBkB,OACrB,CAAAV,QAASI,IACT,GACJ,CAACZ,EAAkBY,IAGrB,OACEE,EAAAK,cAAA,QAAA,CAAOC,QAAS7B,EAAI8B,UAAWnB,EAAgB,YAAaoB,EAAgBC,QAC1ET,EAAAK,cAAA,QAAA,CACE7B,IAAKA,EACLC,GAAIA,EAAE,gBACSQ,EACfN,MAAOA,EACPD,KAAMA,EACNgC,KAAK,WACLH,UAAWI,EAAGC,EAAO,iBAAkB5B,GACvCU,QAASI,EACTlB,KAAMA,GAAc,SACpBgB,SAAUC,EACVhB,SAAUA,EAAQ,aACNC,EAAS,kBACJC,EAAc,eACjBe,EAAe,cAChBT,IAEdF,EAGP"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var e={"hidden-switch":"hidden-switch"};!function(e){const t="s_id-fad3709be591_4_5_14";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.hidden-switch { /* stylelint-disable-line selector-class-pattern */\n opacity: 0;\n width: 0;\n height: 0;\n position: absolute;\n}");export{e as default};
|
|
2
|
-
//# sourceMappingURL=Switch.module.scss.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import r from"./ToggleText.js";import l from"classnames";import t from"react";import a from"./MockToggle.module.scss.js";import{getStyle as o}from"@vibe/shared";var s=function(s){var i=s.areLabelsHidden,d=s.checked,m=s.onOverrideText,n=s.className,c=s.selectedClassName,p=s.disabled,u=s.size,f=void 0===u?"medium":u;return t.createElement(t.Fragment,null,i?null:t.createElement(r,{disabled:p},s.offOverrideText),t.createElement("div",{className:l(a.toggle,o(a,f),n,e(e(e(e({},l(a.selected,c),d),a.notSelected,!d),a.disabled,p),a.noSpacing,i)),"aria-hidden":"true"}),i?null:t.createElement(r,{disabled:p},m))};export{s as MockToggle};
|
|
2
|
-
//# sourceMappingURL=MockToggle.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MockToggle.js","sources":["../../../../../src/components/Toggle/MockToggle.tsx"],"sourcesContent":["import ToggleText from \"./ToggleText\";\nimport cx from \"classnames\";\nimport React, { type FC } from \"react\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport styles from \"./MockToggle.module.scss\";\nimport { type ToggleSize } from \"./Toggle.types\";\nimport { getStyle } from \"@vibe/shared\";\n\nexport interface MockToggleProps extends VibeComponentProps {\n /**\n * If true, hides the on/off labels.\n */\n areLabelsHidden?: boolean;\n /**\n * If true, the toggle is in the \"on\" state.\n */\n checked?: boolean;\n /**\n * The text displayed when the toggle is in the \"off\" state.\n */\n offOverrideText?: string;\n /**\n * The text displayed when the toggle is in the \"on\" state.\n */\n onOverrideText?: string;\n /**\n * Class name applied when the toggle is selected.\n */\n selectedClassName?: string;\n /**\n * If true, disables the toggle.\n */\n disabled: boolean;\n /**\n * The size of the toggle.\n */\n size?: ToggleSize;\n}\n\nexport const MockToggle: FC<MockToggleProps> = ({\n areLabelsHidden,\n checked,\n offOverrideText,\n onOverrideText,\n className,\n selectedClassName,\n disabled,\n size = \"medium\"\n}) => (\n <>\n {areLabelsHidden ? null : <ToggleText disabled={disabled}>{offOverrideText}</ToggleText>}\n <div\n className={cx(styles.toggle, getStyle(styles, size), className, {\n [cx(styles.selected, selectedClassName)]: checked,\n [styles.notSelected]: !checked,\n [styles.disabled]: disabled,\n [styles.noSpacing]: areLabelsHidden\n })}\n aria-hidden=\"true\"\n />\n {areLabelsHidden ? null : <ToggleText disabled={disabled}>{onOverrideText}</ToggleText>}\n </>\n);\n"],"names":["MockToggle","_ref","areLabelsHidden","checked","onOverrideText","className","selectedClassName","disabled","_ref$size","size","React","createElement","Fragment","ToggleText","offOverrideText","cx","styles","toggle","getStyle","_defineProperty","selected","notSelected","noSpacing"],"mappings":"qPAuCaA,EAAkC,SAAxBC,GAAA,IACrBC,EAAeD,EAAfC,gBACAC,EAAOF,EAAPE,QAEAC,EAAcH,EAAdG,eACAC,EAASJ,EAATI,UACAC,EAAiBL,EAAjBK,kBACAC,EAAQN,EAARM,SAAQC,EAAAP,EACRQ,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAAA,OAEfE,EAAAC,cAAAD,EAAAE,SAAA,KACGV,EAAkB,KAAOQ,EAACC,cAAAE,GAAWN,SAAUA,GARnCN,EAAfa,iBASEJ,EAAAC,cAAA,MAAA,CACEN,UAAWU,EAAGC,EAAOC,OAAQC,EAASF,EAAQP,GAAOJ,EAASc,EAAAA,EAAAA,EAAAA,EAC3DJ,CAAAA,EAAAA,EAAGC,EAAOI,SAAUd,GAAqBH,GACzCa,EAAOK,aAAelB,GACtBa,EAAOT,SAAWA,GAClBS,EAAOM,UAAYpB,IACpB,cACU,SAEbA,EAAkB,KAAOQ,EAACC,cAAAE,EAAW,CAAAN,SAAUA,GAAWH,GAC1D"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var n={toggle:"toggle","focus-visible":"focus-visible",selected:"selected",notSelected:"notSelected",disabled:"disabled",medium:"medium",small:"small",noSpacing:"noSpacing"};!function(n){const e="s_id-5e47b8a7e8fd_4_5_14";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('/* stylelint-disable */\n/* stylelint-enable */\n.toggle {\n border: none;\n margin: 0;\n padding: 0;\n width: auto;\n overflow: visible;\n background: transparent;\n /* inherit font & color from ancestor */\n color: inherit;\n font: inherit;\n /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n line-height: normal;\n /* Corrects font smoothing for webkit */\n -webkit-font-smoothing: inherit;\n -moz-osx-font-smoothing: inherit;\n /* Corrects inability to style clickable `input` types in iOS */\n appearance: none;\n transition: background-color var(--motion-productive-medium) var(--motion-timing-transition);\n margin: 0 var(--space-8);\n position: relative;\n height: var(--toggle-height);\n width: var(--toggle-width);\n cursor: pointer;\n border-radius: 100px !important;\n}\n.toggle:focus-visible, .toggle.focus-visible {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.toggle:focus:not(.focus-visible) {\n outline: none;\n}\n.toggle::after {\n background-color: var(--primary-background-color);\n content: " ";\n position: absolute;\n width: var(--circle-size);\n height: var(--circle-size);\n border-radius: 50%;\n top: calc(50% - 9px);\n transition: inset-inline-start var(--motion-productive-medium) var(--motion-timing-transition);\n}\n.toggle.selected {\n background-color: var(--primary-color);\n}\n.toggle.selected::after {\n inset-inline-start: 20px;\n}\n.toggle.notSelected {\n background-color: var(--ui-border-color);\n}\n.toggle.notSelected::after {\n inset-inline-start: 3px;\n}\n.toggle.disabled {\n opacity: var(--disabled-component-opacity);\n cursor: not-allowed;\n}\n.toggle.medium {\n --toggle-width: 41px;\n --toggle-height: 24px;\n}\n.toggle.medium::after {\n --circle-size: 18px;\n}\n.toggle.small {\n --toggle-width: 28px;\n --toggle-height: 16px;\n}\n.toggle.small::after {\n --circle-size: 12px;\n top: calc(50% - 6px);\n inset-inline-start: 14px;\n}\n.toggle.small.notSelected::after {\n inset-inline-start: 2px;\n}\n.toggle.noSpacing {\n margin: 0;\n}');export{n as default};
|
|
2
|
-
//# sourceMappingURL=MockToggle.module.scss.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import e,{forwardRef as a}from"react";import t from"classnames";import{noop as s}from"es-toolkit";import r from"../Switch/Switch.js";import{MockToggle as o}from"./MockToggle.js";import i from"./Toggle.module.scss.js";import{getTestId as d,ComponentDefaultTestId as l}from"../../tests/testIds.js";import{ComponentVibeId as m}from"../../tests/constants.js";var n=a((function(a,n){var c=a.id,f=a.className,p=a.toggleSelectedClassName,v=a.isDefaultSelected,g=void 0===v||v,u=a.isSelected,T=a.onChange,b=void 0===T?s:T,O=a.value,C=a.name,h=a.disabled,N=a["aria-label"],j=a["aria-controls"],x=a.areLabelsHidden,S=void 0!==x&&x,k=a.onOverrideText,w=void 0===k?"On":k,E=a.offOverrideText,G=void 0===E?"Off":E,L=a.size,z=void 0===L?"medium":L,H=a["data-testid"],I=t(i.wrapper),D=t(i.toggleInput);return e.createElement(r,{defaultChecked:g,checked:u,id:c,wrapperClassName:I,onChange:b,value:O,name:C,disabled:h,"aria-label":N,"aria-controls":j,inputClassName:D,ref:n,"data-testid":H||d(l.TOGGLE),"data-vibe":m.TOGGLE},e.createElement(o,{areLabelsHidden:S,offOverrideText:G,onOverrideText:w,disabled:h,className:t(f,i.toggleFocusTarget),selectedClassName:p,size:z}))}));export{n as default};
|
|
2
|
-
//# sourceMappingURL=Toggle.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Toggle.js","sources":["../../../../../src/components/Toggle/Toggle.tsx"],"sourcesContent":["import React, { type ChangeEvent, forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { noop as NOOP } from \"es-toolkit\";\nimport Switch from \"../Switch/Switch\";\nimport { MockToggle } from \"./MockToggle\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./Toggle.module.scss\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { type ToggleSize } from \"./Toggle.types\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface ToggleProps extends VibeComponentProps {\n /**\n * Class name applied when the toggle is selected.\n */\n toggleSelectedClassName?: string;\n /**\n * If true, the toggle is selected by default.\n */\n isDefaultSelected?: boolean;\n /**\n * Controls the selected state of the toggle.\n */\n isSelected?: boolean;\n /**\n * Callback fired when the toggle state changes.\n */\n onChange?: (value: boolean, event: ChangeEvent<HTMLInputElement>) => void;\n /**\n * The value associated with the toggle.\n */\n value?: string;\n /**\n * The name attribute of the toggle input.\n */\n name?: string;\n /**\n * If true, disables the toggle.\n */\n disabled?: boolean;\n /**\n * If true, hides the on/off labels.\n */\n areLabelsHidden?: boolean;\n /**\n * The text displayed when the toggle is in the \"on\" position.\n */\n onOverrideText?: string;\n /**\n * The text displayed when the toggle is in the \"off\" position.\n */\n offOverrideText?: string;\n /**\n * The ARIA label for accessibility.\n */\n \"aria-label\"?: string;\n /**\n * The ID of the element controlled by the toggle.\n */\n \"aria-controls\"?: string;\n /**\n * The size of the toggle.\n */\n size?: ToggleSize;\n}\n\nconst Toggle = forwardRef(\n (\n {\n id,\n className,\n toggleSelectedClassName,\n isDefaultSelected = true,\n isSelected,\n onChange = NOOP,\n value,\n name,\n disabled,\n \"aria-label\": ariaLabel,\n \"aria-controls\": ariaControls,\n areLabelsHidden = false,\n onOverrideText = \"On\",\n offOverrideText = \"Off\",\n size = \"medium\",\n \"data-testid\": dataTestId\n }: ToggleProps,\n ref: React.ForwardedRef<HTMLInputElement>\n ) => {\n const wrapperClassName = cx(styles.wrapper);\n const inputClassName = cx(styles.toggleInput);\n\n return (\n <Switch\n defaultChecked={isDefaultSelected}\n checked={isSelected}\n id={id}\n wrapperClassName={wrapperClassName}\n onChange={onChange}\n value={value}\n name={name}\n disabled={disabled}\n aria-label={ariaLabel}\n aria-controls={ariaControls}\n inputClassName={inputClassName}\n ref={ref}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.TOGGLE)}\n data-vibe={ComponentVibeId.TOGGLE}\n >\n <MockToggle\n areLabelsHidden={areLabelsHidden}\n offOverrideText={offOverrideText}\n onOverrideText={onOverrideText}\n disabled={disabled}\n className={cx(className, styles.toggleFocusTarget)}\n selectedClassName={toggleSelectedClassName}\n size={size}\n />\n </Switch>\n );\n }\n);\n\nexport default Toggle;\n"],"names":["Toggle","forwardRef","_ref","ref","id","className","toggleSelectedClassName","_ref$isDefaultSelecte","isDefaultSelected","isSelected","_ref$onChange","onChange","NOOP","value","name","disabled","ariaLabel","ariaControls","_ref$areLabelsHidden","areLabelsHidden","_ref$onOverrideText","onOverrideText","_ref$offOverrideText","offOverrideText","_ref$size","size","dataTestId","wrapperClassName","cx","styles","wrapper","inputClassName","toggleInput","React","createElement","Switch","defaultChecked","checked","getTestId","ComponentDefaultTestId","TOGGLE","ComponentVibeId","MockToggle","toggleFocusTarget","selectedClassName"],"mappings":"mWAkEMA,IAAAA,EAASC,GACb,SAAAC,EAmBEC,GACE,IAlBAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACAC,EAAuBJ,EAAvBI,wBAAuBC,EAAAL,EACvBM,kBAAAA,OAAoB,IAAHD,GAAOA,EACxBE,EAAUP,EAAVO,WAAUC,EAAAR,EACVS,SAAAA,OAAWC,IAAHF,EAAGE,EAAIF,EACfG,EAAKX,EAALW,MACAC,EAAIZ,EAAJY,KACAC,EAAQb,EAARa,SACcC,EAASd,EAAvB,cACiBe,EAAYf,EAA7B,iBAAegB,EAAAhB,EACfiB,gBAAAA,OAAkB,IAAHD,GAAQA,EAAAE,EAAAlB,EACvBmB,eAAAA,OAAiB,IAAHD,EAAG,KAAIA,EAAAE,EAAApB,EACrBqB,gBAAAA,OAAkB,IAAHD,EAAG,MAAKA,EAAAE,EAAAtB,EACvBuB,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACAE,EAAUxB,EAAzB,eAIIyB,EAAmBC,EAAGC,EAAOC,SAC7BC,EAAiBH,EAAGC,EAAOG,aAEjC,OACEC,EAACC,cAAAC,EACC,CAAAC,eAAgB5B,EAChB6B,QAAS5B,EACTL,GAAIA,EACJuB,iBAAkBA,EAClBhB,SAAUA,EACVE,MAAOA,EACPC,KAAMA,EACNC,SAAUA,EACE,aAAAC,EACG,gBAAAC,EACfc,eAAgBA,EAChB5B,IAAKA,EACQ,cAAAuB,GAAcY,EAAUC,EAAuBC,QAAO,YACxDC,EAAgBD,QAE3BP,EAAAC,cAACQ,EACC,CAAAvB,gBAAiBA,EACjBI,gBAAiBA,EACjBF,eAAgBA,EAChBN,SAAUA,EACVV,UAAWuB,EAAGvB,EAAWwB,EAAOc,mBAChCC,kBAAmBtC,EACnBmB,KAAMA,IAId"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var e={toggleInput:"toggleInput","focus-visible":"focus-visible",toggleFocusTarget:"toggleFocusTarget",wrapper:"wrapper"};!function(e){const t="s_id-679f544f6e7c_4_5_14";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,l.firstChild?l.insertBefore(n,l.firstChild):l.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable selector-class-pattern */\n.toggleInput:focus-visible, .toggleInput.focus-visible { /* stylelint-disable-line selector-class-pattern */ }\n.toggleInput:focus-visible ~ .toggleFocusTarget, .toggleInput.focus-visible ~ .toggleFocusTarget {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper {\n display: flex;\n align-items: center;\n}");export{e as default};
|
|
2
|
-
//# sourceMappingURL=Toggle.module.scss.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import r from"react";import t from"classnames";import a from"./ToggleText.module.scss.js";import{Text as s}from"@vibe/typography/mockedClassNames";var o=function(o){var l=o.children;return r.createElement(s,{element:"span",type:"text2",className:t(a.text,e({},a.disabled,o.disabled))},l)};export{o as default};
|
|
2
|
-
//# sourceMappingURL=ToggleText.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleText.js","sources":["../../../../../src/components/Toggle/ToggleText.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport cx from \"classnames\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport styles from \"./ToggleText.module.scss\";\nimport { Text } from \"@vibe/typography\";\n\nexport interface ToggleTextProps extends VibeComponentProps {\n /**\n * The text content inside the toggle.\n */\n children: string;\n /**\n * If true, applies a disabled style to the text.\n */\n disabled: boolean;\n}\n\nconst ToggleText: FC<ToggleTextProps> = ({ children, disabled }) => (\n <Text element=\"span\" type=\"text2\" className={cx(styles.text, { [styles.disabled]: disabled })}>\n {children}\n </Text>\n);\nexport default ToggleText;\n"],"names":["ToggleText","_ref","children","React","createElement","Text","element","type","className","cx","styles","text","_defineProperty","disabled"],"mappings":"mOAiBA,IAAMA,EAAkC,SAAxBC,GAAA,IAA2BC,EAAQD,EAARC,SAAkB,OAC3DC,EAAAC,cAACC,EAAK,CAAAC,QAAQ,OAAOC,KAAK,QAAQC,UAAWC,EAAGC,EAAOC,KAAIC,EAAA,CAAA,EAAKF,EAAOG,SADZZ,EAARY,YAEhDX,EACI"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var e={text:"text",disabled:"disabled"};!function(e){const t="s_id-1dee71639eb3_4_5_14";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)}(".text {\n color: var(--primary-text-color);\n font-style: normal;\n font-weight: normal;\n font-size: 14px;\n line-height: 22px;\n}\n\n.disabled {\n color: var(--disabled-text-color);\n}");export{e as default};
|
|
2
|
-
//# sourceMappingURL=ToggleText.module.scss.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import t,{forwardRef as e}from"react";import s from"classnames";import{getTestId as i}from"../../tests/testIds.js";import{ComponentDefaultTestId as r}from"../../tests/constants.js";import a from"./TransitionView.module.scss.js";import o from"../SlideTransition/SlideTransition.js";var m=e((function(e,m){var n=e.activeStep,d=e.direction,c=e.id,l=e["data-testid"],f=e.children;return t.createElement("div",{id:c,className:s(a.slideshow,e.className),"data-testid":l||i(r.TRANSITION_VIEW,c),ref:m},t.createElement(o,{key:n,direction:d},f[n]))}));export{m as default};
|
|
2
|
-
//# sourceMappingURL=TransitionView.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TransitionView.js","sources":["../../../../../src/components/TransitionView/TransitionView.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { type TransitionViewProps } from \"./TransitionView.types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./TransitionView.module.scss\";\nimport SlideTransition from \"../SlideTransition/SlideTransition\";\n\nconst TransitionView = forwardRef(\n (\n { activeStep, direction, id, className, \"data-testid\": dataTestId, children }: TransitionViewProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n return (\n <div\n id={id}\n className={cx(styles.slideshow, className)}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.TRANSITION_VIEW, id)}\n ref={ref}\n >\n <SlideTransition key={activeStep} direction={direction}>\n {children[activeStep]}\n </SlideTransition>\n </div>\n );\n }\n);\n\nexport default TransitionView;\n"],"names":["TransitionView","forwardRef","_ref","ref","activeStep","direction","id","dataTestId","children","React","createElement","className","cx","styles","slideshow","getTestId","ComponentDefaultTestId","TRANSITION_VIEW","SlideTransition","key"],"mappings":"yRAQMA,IAAAA,EAAiBC,GACrB,SAAAC,EAEEC,GACE,IAFAC,EAAUF,EAAVE,WAAYC,EAASH,EAATG,UAAWC,EAAEJ,EAAFI,GAA8BC,EAAUL,EAAzB,eAA2BM,EAAQN,EAARM,SAGnE,OACEC,EAAAC,cAAA,MAAA,CACEJ,GAAIA,EACJK,UAAWC,EAAGC,EAAOC,UANaZ,EAATS,WAMiB,cAC7BJ,GAAcQ,EAAUC,EAAuBC,gBAAiBX,GAC7EH,IAAKA,GAELM,EAAAC,cAACQ,EAAgB,CAAAC,IAAKf,EAAYC,UAAWA,GAC1CG,EAASJ,IAIlB"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var e={slideshow:"slideshow"};!function(e){const t="s_id-1d828e3be878_4_5_14";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".slideshow {\n width: 100%;\n height: 100%;\n min-height: 0;\n}");export{e as default};
|
|
2
|
-
//# sourceMappingURL=TransitionView.module.scss.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e,{forwardRef as t,useState as o,useRef as n,useCallback as i,useMemo as l,useEffect as u}from"react";import c from"classnames";import{VariableSizeGrid as a}from"react-window";import s from"react-virtualized-auto-sizer";import{getNormalizedItems as d,getOnItemsRenderedData as m,isLayoutDirectionScrollbarVisible as f}from"../../services/virtualized-service.js";import{usePrevious as v}from"@vibe/hooks";import h from"../../hooks/useThrottledCallback.js";import{useMergeRef as I,NOOP as p}from"@vibe/shared";import{getTestId as g,ComponentDefaultTestId as w}from"../../tests/testIds.js";import b from"./VirtualizedGrid.module.scss.js";var R=t((function(t,R){var T=t.className,x=t.id,S=t.items,C=void 0===S?[]:S,z=t.itemRenderer,N=t.getRowHeight,j=void 0===N?function(){return 50}:N,M=t.getColumnWidth,E=void 0===M?function(){return 100}:M,V=t.getItemId,W=void 0===V?function(r,e){return r.id}:V,k=t.onScroll,y=t.scrollToId,A=void 0===y?null:y,D=t.onScrollToFinished,G=void 0===D?p:D,H=t.onItemsRendered,O=void 0===H?null:H,U=t.onItemsRenderedThrottleMs,_=void 0===U?200:U,F=t.onSizeUpdate,q=void 0===F?p:F,B=t.onVerticalScrollbarVisiblityChange,L=void 0===B?null:B,P=t.scrollableClassName,Z=t["data-testid"],J=o(0),K=r(J,2),Q=K[0],X=K[1],Y=o(0),$=r(Y,2),rr=$[0],er=$[1],tr=v(A),or=n(null),nr=n(null),ir=n(null),lr=n(0),ur=n({scrollOffsetInitial:0,scrollOffsetFinal:0,animationStartTime:0}),cr=I(R,or),ar=ur.current,sr=i((function(r){var e=j();return e&&!Number.isNaN(e)||console.error("Couldn't get height for item: ",r),e}),[j]),dr=i((function(r,e){var t=W(r,e);return void 0===t&&console.error("Couldn't get id for item: ",r),t}),[W]),mr=l((function(){return d(C,dr,sr)}),[C,dr,sr]),fr=l((function(){return Math.min(C.length,Math.floor(rr/E()))}),[C,rr,E]),vr=l((function(){return fr>0?Math.ceil(C.length/fr):0}),[C,fr]),hr=l((function(){return A%fr}),[A,fr]),Ir=l((function(){return Math.floor(A/fr)}),[A,fr]),pr=i((function(r){var e=r.horizontalScrollDirection,t=r.scrollTop,o=r.scrollUpdateWasRequested;lr.current=t,o||(ar.scrollOffsetInitial=t),k&&k(e,t,o)}),[k,lr,ar]),gr=i((function(r){var e=r.rowIndex*fr+r.columnIndex;return z(C[e],e,r.style)}),[C,z,fr]),wr=i((function(r,e){e===Q&&r===rr||setTimeout((function(){X(e),er(r),q(r,e)}),0)}),[Q,rr,q]),br=h((function(r){if(O){var e=m(C,mr,dr,r.visibleRowStartIndex,r.visibleRowStopIndex,Q,lr.current);O(e)}}),{wait:_,trailing:!0},[O,C,mr,dr,Q]);return u((function(){A&&tr!==A&&(ir.current.scrollToItem({align:"center",columnIndex:hr,rowIndex:Ir}),G())}),[A,tr,ir,hr,Ir,G]),u((function(){ir.current&&ir.current.resetAfterIndices({columnIndex:0,rowIndex:0})}),[mr]),u((function(){if(L){var r=f(C,mr,dr,Q);nr.current!==r&&(nr.current=r,L(r))}}),[L,C,mr,Q,dr]),e.createElement("div",{ref:cr,className:c(b.virtualizedGridWrapper,T),id:x,"data-testid":Z||g(w.VIRTUALIZED_GRID,x)},e.createElement(s,null,(function(r){var t=r.height,o=r.width;return wr(o,t),e.createElement(a,{ref:ir,height:t,width:o,columnWidth:E,columnCount:fr,rowHeight:j,rowCount:vr,onScroll:pr,onItemsRendered:br,className:P},gr)})))}));export{R as default};
|
|
2
|
-
//# sourceMappingURL=VirtualizedGrid.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"VirtualizedGrid.js","sources":["../../../../../src/components/VirtualizedGrid/VirtualizedGrid.tsx"],"sourcesContent":["import React, {\n type CSSProperties,\n type ReactElement,\n forwardRef,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState\n} from \"react\";\nimport cx from \"classnames\";\nimport {\n type GridChildComponentProps,\n type GridOnScrollProps,\n type ScrollDirection,\n VariableSizeGrid as Grid,\n type GridOnItemsRenderedProps\n} from \"react-window\";\nimport AutoSizer from \"react-virtualized-auto-sizer\";\nimport {\n getNormalizedItems,\n getOnItemsRenderedData,\n isLayoutDirectionScrollbarVisible\n} from \"../../services/virtualized-service\";\nimport { usePrevious } from \"@vibe/hooks\";\nimport useThrottledCallback from \"../../hooks/useThrottledCallback\";\nimport { useMergeRef, NOOP } from \"@vibe/shared\";\nimport { type VibeComponentProps } from \"../../types\";\n\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./VirtualizedGrid.module.scss\";\nimport { type VirtualizedGridItemType as ItemType } from \"./VirtualizedGrid.types\";\n\nexport interface VirtualizedGridProps extends VibeComponentProps {\n /**\n * The list of items to be rendered in the grid.\n */\n items: ItemType[];\n /**\n * Function that renders each item in the grid.\n */\n itemRenderer: (item: ItemType, index: number, style: CSSProperties) => ReactElement;\n /**\n * Function that returns the row height.\n */\n getRowHeight: () => number;\n /**\n * Function that returns the column width.\n */\n getColumnWidth: () => number;\n /**\n * Function that returns the unique ID of an item.\n */\n getItemId?: (item: ItemType, index: number) => string;\n /**\n * The index of the item to scroll to.\n */\n scrollToId?: number;\n /**\n * Callback fired when the grid is scrolled.\n */\n onScroll?: (horizontalScrollDirection: ScrollDirection, scrollTop: number, scrollUpdateWasRequested: boolean) => void;\n /**\n * Callback fired when scrolling has finished.\n */\n onScrollToFinished?: () => void;\n /**\n * Callback fired when items are rendered in the grid.\n */\n onItemsRendered?: ({\n firstItemId,\n secondItemId,\n lastItemId,\n centerItemId,\n firstItemOffsetEnd,\n currentOffsetTop\n }: {\n firstItemId: string;\n secondItemId: string;\n lastItemId: string;\n centerItemId: string;\n firstItemOffsetEnd: number;\n currentOffsetTop: number;\n }) => void;\n /**\n * The delay (in ms) for throttling the `onItemsRendered` callback.\n */\n onItemsRenderedThrottleMs?: number;\n /**\n * Callback fired when the grid size is updated.\n */\n onSizeUpdate?: (width: number, height: number) => void;\n /**\n * Callback fired when the vertical scrollbar visibility changes.\n */\n onVerticalScrollbarVisiblityChange?: (value: boolean) => void;\n /**\n * Class name applied to the scrollable container.\n */\n scrollableClassName?: string;\n}\n\nconst VirtualizedGrid = forwardRef(\n (\n {\n className,\n id,\n items = [],\n itemRenderer,\n getRowHeight = () => 50,\n getColumnWidth = () => 100,\n getItemId = (item: ItemType, _index: number) => item.id,\n onScroll,\n scrollToId = null,\n onScrollToFinished = NOOP,\n onItemsRendered = null,\n onItemsRenderedThrottleMs = 200,\n onSizeUpdate = NOOP,\n onVerticalScrollbarVisiblityChange = null,\n scrollableClassName,\n \"data-testid\": dataTestId\n }: VirtualizedGridProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n // states\n const [gridHeight, setGridHeight] = useState(0);\n const [gridWidth, setGridWidth] = useState(0);\n\n // prevs\n const prevScrollToId = usePrevious(scrollToId);\n\n // Refs\n const componentRef = useRef(null);\n const isVerticalScrollbarVisibleRef = useRef(null);\n const gridRef = useRef(null);\n const scrollTopRef = useRef(0);\n const animationDataRef = useRef({\n scrollOffsetInitial: 0,\n scrollOffsetFinal: 0,\n animationStartTime: 0\n });\n const mergedRef = useMergeRef(ref, componentRef);\n\n const animationData = animationDataRef.current;\n\n // Callbacks\n const heightGetter = useCallback(\n (item: ItemType) => {\n const height = getRowHeight();\n if (!height || Number.isNaN(height)) {\n console.error(\"Couldn't get height for item: \", item);\n }\n return height;\n },\n [getRowHeight]\n );\n\n const idGetter = useCallback(\n (item: ItemType, index: number) => {\n const itemId = getItemId(item, index);\n if (itemId === undefined) {\n console.error(\"Couldn't get id for item: \", item);\n }\n return itemId;\n },\n [getItemId]\n );\n\n // Memos\n // Creates object of itemId => { item, index, height, offsetTop}\n const normalizedItems = useMemo(() => {\n return getNormalizedItems(items, idGetter, heightGetter);\n }, [items, idGetter, heightGetter]);\n\n const calcColumnCount = useMemo(() => {\n return Math.min(items.length, Math.floor(gridWidth / getColumnWidth()));\n }, [items, gridWidth, getColumnWidth]);\n\n const calcRowCount = useMemo(() => {\n return calcColumnCount > 0 ? Math.ceil(items.length / calcColumnCount) : 0;\n }, [items, calcColumnCount]);\n\n const scrollToColumnIndex = useMemo(() => {\n return scrollToId % calcColumnCount;\n }, [scrollToId, calcColumnCount]);\n\n const scrollToRowIndex = useMemo(() => {\n return Math.floor(scrollToId / calcColumnCount);\n }, [scrollToId, calcColumnCount]);\n\n // Callbacks\n const onScrollCB = useCallback(\n ({ horizontalScrollDirection, scrollTop, scrollUpdateWasRequested }: GridOnScrollProps) => {\n scrollTopRef.current = scrollTop;\n if (!scrollUpdateWasRequested) {\n animationData.scrollOffsetInitial = scrollTop;\n }\n onScroll && onScroll(horizontalScrollDirection, scrollTop, scrollUpdateWasRequested);\n },\n [onScroll, scrollTopRef, animationData]\n );\n\n const cellRenderer = useCallback(\n ({ columnIndex, rowIndex, style }: { columnIndex: number; rowIndex: number; style: CSSProperties }) => {\n const index = rowIndex * calcColumnCount + columnIndex;\n const item = items[index];\n return itemRenderer(item, index, style);\n },\n [items, itemRenderer, calcColumnCount]\n );\n\n const updateGridSize = useCallback(\n (width: number, height: number) => {\n if (height !== gridHeight || width !== gridWidth) {\n setTimeout(() => {\n setGridHeight(height);\n setGridWidth(width);\n onSizeUpdate(width, height);\n }, 0);\n }\n },\n [gridHeight, gridWidth, onSizeUpdate]\n );\n\n const onItemsRenderedCB = useThrottledCallback(\n ({ visibleRowStartIndex, visibleRowStopIndex }: GridOnItemsRenderedProps) => {\n if (!onItemsRendered) return;\n const data = getOnItemsRenderedData(\n items,\n normalizedItems,\n idGetter,\n visibleRowStartIndex,\n visibleRowStopIndex,\n gridHeight,\n scrollTopRef.current\n );\n onItemsRendered(data);\n },\n { wait: onItemsRenderedThrottleMs, trailing: true },\n [onItemsRendered, items, normalizedItems, idGetter, gridHeight]\n );\n\n // Effects\n useEffect(() => {\n // scroll to specific item\n if (scrollToId && prevScrollToId !== scrollToId) {\n gridRef.current.scrollToItem({\n align: \"center\",\n columnIndex: scrollToColumnIndex,\n rowIndex: scrollToRowIndex\n });\n onScrollToFinished();\n }\n }, [scrollToId, prevScrollToId, gridRef, scrollToColumnIndex, scrollToRowIndex, onScrollToFinished]);\n\n useEffect(() => {\n // recalculate row heights\n if (gridRef.current) {\n gridRef.current.resetAfterIndices({ columnIndex: 0, rowIndex: 0 });\n }\n }, [normalizedItems]);\n\n useEffect(() => {\n // update vertical scrollbar visibility\n if (onVerticalScrollbarVisiblityChange) {\n const isVisible = isLayoutDirectionScrollbarVisible(items, normalizedItems, idGetter, gridHeight);\n if (isVerticalScrollbarVisibleRef.current !== isVisible) {\n isVerticalScrollbarVisibleRef.current = isVisible;\n onVerticalScrollbarVisiblityChange(isVisible);\n }\n }\n }, [onVerticalScrollbarVisiblityChange, items, normalizedItems, gridHeight, idGetter]);\n\n return (\n <div\n ref={mergedRef}\n className={cx(styles.virtualizedGridWrapper, className)}\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.VIRTUALIZED_GRID, id)}\n >\n <AutoSizer>\n {({ height, width }: { height: number; width: number }) => {\n updateGridSize(width, height);\n return (\n <Grid\n ref={gridRef}\n height={height}\n width={width}\n columnWidth={getColumnWidth}\n columnCount={calcColumnCount}\n rowHeight={getRowHeight}\n rowCount={calcRowCount}\n onScroll={onScrollCB}\n onItemsRendered={onItemsRenderedCB}\n className={scrollableClassName}\n >\n {cellRenderer as unknown as React.ComponentType<GridChildComponentProps>}\n </Grid>\n );\n }}\n </AutoSizer>\n </div>\n );\n }\n);\n\nexport default VirtualizedGrid;\n"],"names":["VirtualizedGrid","forwardRef","_ref","ref","className","id","_ref$items","items","itemRenderer","_ref$getRowHeight","getRowHeight","_ref$getColumnWidth","getColumnWidth","_ref$getItemId","getItemId","item","_index","onScroll","_ref$scrollToId","scrollToId","_ref$onScrollToFinish","onScrollToFinished","NOOP","_ref$onItemsRendered","onItemsRendered","_ref$onItemsRenderedT","onItemsRenderedThrottleMs","_ref$onSizeUpdate","onSizeUpdate","_ref$onVerticalScroll","onVerticalScrollbarVisiblityChange","scrollableClassName","dataTestId","_useState","useState","_useState2","_slicedToArray","gridHeight","setGridHeight","_useState3","_useState4","gridWidth","setGridWidth","prevScrollToId","usePrevious","componentRef","useRef","isVerticalScrollbarVisibleRef","gridRef","scrollTopRef","animationDataRef","scrollOffsetInitial","scrollOffsetFinal","animationStartTime","mergedRef","useMergeRef","animationData","current","heightGetter","useCallback","height","Number","isNaN","console","error","idGetter","index","itemId","undefined","normalizedItems","useMemo","getNormalizedItems","calcColumnCount","Math","min","length","floor","calcRowCount","ceil","scrollToColumnIndex","scrollToRowIndex","onScrollCB","_ref2","horizontalScrollDirection","scrollTop","scrollUpdateWasRequested","cellRenderer","_ref3","rowIndex","columnIndex","style","updateGridSize","width","setTimeout","onItemsRenderedCB","useThrottledCallback","_ref4","data","getOnItemsRenderedData","visibleRowStartIndex","visibleRowStopIndex","wait","trailing","useEffect","scrollToItem","align","resetAfterIndices","isVisible","isLayoutDirectionScrollbarVisible","React","createElement","cx","styles","virtualizedGridWrapper","getTestId","ComponentDefaultTestId","VIRTUALIZED_GRID","AutoSizer","_ref5","Grid","columnWidth","columnCount","rowHeight","rowCount"],"mappings":"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"}
|
package/dist/mocked_classnames/src/components/VirtualizedGrid/VirtualizedGrid.module.scss.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var e={virtualizedGridWrapper:"virtualizedGridWrapper"};!function(e){const t="s_id-03a8eed790d8_4_5_14";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,d.firstChild?d.insertBefore(i,d.firstChild):d.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.virtualizedGridWrapper {\n height: 100%;\n width: 100%;\n}");export{e as default};
|
|
2
|
-
//# sourceMappingURL=VirtualizedGrid.module.scss.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{slicedToArray as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import i from"classnames";import e,{forwardRef as r,useState as o,useMemo as n,useRef as l,useCallback as a,useEffect as s}from"react";import{noop as c}from"es-toolkit";import{VariableSizeList as u}from"react-window";import f from"react-virtualized-auto-sizer";import{usePrevious as d}from"@vibe/hooks";import m from"../../hooks/useThrottledCallback.js";import{useMergeRef as v}from"@vibe/shared";import{getNormalizedItems as p,getMaxOffset as h,getOnItemsRenderedData as I,isLayoutDirectionScrollbarVisible as S,easeInOutQuint as T}from"../../services/virtualized-service.js";import{getTestId as O}from"../../tests/testIds.js";import{ComponentDefaultTestId as g}from"../../tests/constants.js";import z from"./VirtualizedList.module.scss.js";var b=r((function(r,b){var y=r.className,C=r.id,w=r.items,F=void 0===w?[]:w,R=r.itemRenderer,j=void 0===R?function(t,i,e){return t}:R,L=r.getItemSize,x=void 0===L?function(t,i){return t.height}:L,k=r.layout,A=void 0===k?"vertical":k,D=r.onScroll,E=r.overscanCount,N=void 0===E?0:E,M=r.getItemId,U=void 0===M?function(t,i){return t.id}:M,V=r.scrollToId,_=r.scrollDuration,q=void 0===_?200:_,W=r.onScrollToFinished,B=void 0===W?c:W,H=r.onItemsRendered,P=r.onItemsRenderedThrottleMs,Z=void 0===P?200:P,G=r.onSizeUpdate,J=void 0===G?c:G,K=r.onLayoutDirectionScrollbarVisibilityChange,Q=void 0===K?null:K,X=r.virtualListRef,Y=r.scrollableClassName,$=r.role,tt=r["aria-label"],it=r.style,et=r["data-testid"],rt=o(0),ot=t(rt,2),nt=ot[0],lt=ot[1],at=o(0),st=t(at,2),ct=st[0],ut=st[1],ft="horizontal"!==A,dt=n((function(){return ft?nt:ct}),[ft,nt,ct]),mt=d(V),vt=l(null),pt=l(null),ht=l(null),It=l(0),St=l({initialized:!1,scrollOffsetInitial:0,scrollOffsetFinal:0,animationStartTime:0}),Tt=v(b,vt),Ot=v(X,ht),gt=St.current;gt.initialized||(gt.initialized=!0,gt.scrollOffsetInitial=0,gt.scrollOffsetFinal=0,gt.animationStartTime=0);var zt=a((function(t,i){var e=x(t,i);return void 0===e&&console.error("Couldn't get height for item: ",t),e}),[x]),bt=a((function(t,i){var e=U(t,i);return void 0===e&&console.error("Couldn't get id for item: ",t),e}),[U]),yt=n((function(){return p(F,bt,zt)}),[F,bt,zt]),Ct=n((function(){return h(dt,yt)}),[dt,yt]),wt=a((function(t){var i=t.scrollDirection,e=t.scrollOffset,r=t.scrollUpdateWasRequested;It.current=e,r||(gt.scrollOffsetInitial=e),D&&D(i,e,r)}),[D,It,gt]),Ft=a((function(){requestAnimationFrame((function(){var t,i=performance.now()-gt.animationStartTime,e=gt.scrollOffsetFinal-gt.scrollOffsetInitial,r=T(Math.min(1,i/q)),o=Math.min(Ct,gt.scrollOffsetInitial+e*r);It.current=o,null===(t=ht.current)||void 0===t||t.scrollTo(o),q>i?Ft():(gt.animationStartTime=void 0,B&&B())}))}),[q,gt,ht,Ct,B]),Rt=a((function(t){var i,e,r,o,n=t.offsetTop;gt.animationStartTime?gt.scrollOffsetFinal=n:(null!==(null===(e=null===(i=ht.current)||void 0===i?void 0:i.state)||void 0===e?void 0:e.scrollOffset)&&(gt.scrollOffsetInitial=null===(o=null===(r=ht.current)||void 0===r?void 0:r.state)||void 0===o?void 0:o.scrollOffset),gt.scrollOffsetInitial!==n?(gt.scrollOffsetFinal=n,gt.animationStartTime=performance.now(),Ft()):B&&B())}),[gt,Ft,B]),jt=a((function(t){var i=t.index;return j(F[i],i,t.style)}),[F,j]),Lt=a((function(t){return zt(F[t],t)}),[F,zt]),xt=a((function(t,i){i===nt&&t===ct||setTimeout((function(){lt(i),ut(t),J(t,i)}),0)}),[nt,ct,J]),kt=m((function(t){if(H){var i=I(F,yt,bt,t.visibleStartIndex,t.visibleStopIndex,dt,It.current);H(i)}}),{wait:Z,trailing:!0},[H,F,yt,bt,dt]);return s((function(){if(V&&mt!==V){var t=S(F,yt,bt,dt),i=yt[V];t&&i&&Rt(i)}}),[mt,V,Rt,yt,F,bt,dt]),s((function(){ht.current&&ht.current.resetAfterIndex(0)}),[yt]),s((function(){if(Q){var t=S(F,yt,bt,dt);pt.current!==t&&(pt.current=t,Q(t))}}),[Q,F,yt,dt,bt]),e.createElement("div",{ref:Tt,className:i(z.virtualizedListWrapper,y),id:C,role:$,"aria-label":tt,"data-testid":et||O(g.VIRTUALIZED_LIST,C),style:it},e.createElement(f,null,(function(t){var i=t.height,r=t.width;return xt(r,i),e.createElement(u,{ref:Ot,height:i,width:r,itemCount:F.length,itemSize:Lt,onScroll:wt,layout:A,overscanCount:N,onItemsRendered:kt,className:Y},jt)})))}));export{b as default};
|
|
2
|
-
//# sourceMappingURL=VirtualizedList.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"VirtualizedList.js","sources":["../../../../../src/components/VirtualizedList/VirtualizedList.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, {\n type CSSProperties,\n type ForwardedRef,\n forwardRef,\n type LegacyRef,\n type ReactElement,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState\n} from \"react\";\nimport { noop as NOOP } from \"es-toolkit\";\nimport {\n type ScrollDirection,\n VariableSizeList as List,\n type ListOnItemsRenderedProps,\n type ListChildComponentProps,\n type VariableSizeList\n} from \"react-window\";\nimport AutoSizer from \"react-virtualized-auto-sizer\";\nimport { usePrevious } from \"@vibe/hooks\";\nimport useThrottledCallback from \"../../hooks/useThrottledCallback\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport {\n easeInOutQuint,\n getMaxOffset,\n getNormalizedItems,\n getOnItemsRenderedData,\n isLayoutDirectionScrollbarVisible\n} from \"../../services/virtualized-service\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./VirtualizedList.module.scss\";\nimport {\n type VirtualizedListItem,\n type VirtualizedListLayout,\n type VirtualizedListScrollDirection\n} from \"./VirtualizedList.types\";\n\nexport interface VirtualizedListProps extends VibeComponentProps {\n /**\n * Class name applied to the scrollable container.\n */\n scrollableClassName?: string;\n /**\n * The orientation of the list.\n */\n layout?: VirtualizedListLayout;\n /**\n * The list of items to be rendered.\n */\n items: VirtualizedListItem[];\n /**\n * Function to render each item in the list.\n */\n itemRenderer: (item: VirtualizedListItem, index: number, style: CSSProperties) => ReactElement | JSX.Element;\n /**\n * Function to get the size (height/width) of each item, based on layout.\n */\n getItemSize?: (item: VirtualizedListItem, index: number) => number;\n /**\n * Function to get the unique ID of an item.\n */\n getItemId?: (item: VirtualizedListItem, index: number) => string;\n /**\n * Callback fired when the scroll animation is finished.\n */\n onScrollToFinished?: () => void;\n /**\n * Number of items to render above and below the visible portion.\n */\n overscanCount?: number;\n /**\n * The duration of the scroll animation in milliseconds.\n */\n scrollDuration?: number;\n /**\n * Callback fired when items are rendered.\n */\n onItemsRendered?: ({\n firstItemId,\n secondItemId,\n lastItemId,\n centerItemId,\n firstItemOffsetEnd,\n currentOffsetTop\n }: {\n firstItemId: string;\n secondItemId: string;\n lastItemId: string;\n centerItemId: string;\n firstItemOffsetEnd: number;\n currentOffsetTop: number;\n }) => void;\n /**\n * The delay (in ms) for throttling the `onItemsRendered` callback.\n */\n onItemsRenderedThrottleMs?: number;\n /**\n * Callback fired when the list size changes.\n */\n onSizeUpdate?: (width: number, height: number) => void;\n /**\n * Callback fired when the vertical or horizontal scrollbar visibility changes.\n */\n onLayoutDirectionScrollbarVisibilityChange?: (value: boolean) => void;\n /**\n * The ARIA role attribute applied to the list.\n */\n role?: string;\n /**\n * The ARIA label for the list.\n */\n \"aria-label\"?: string;\n /**\n * Custom inline styles applied to the list.\n */\n style?: CSSProperties;\n /**\n * The ID of the item to scroll to.\n */\n scrollToId?: string;\n /**\n * Reference to the virtualized list component.\n */\n virtualListRef?: ForwardedRef<HTMLElement>;\n /**\n * Callback fired when the list is scrolled.\n */\n onScroll?: (\n horizontalScrollDirection: VirtualizedListScrollDirection,\n scrollTop: number,\n scrollUpdateWasRequested: boolean\n ) => void;\n}\n\nconst VirtualizedList = forwardRef(\n (\n {\n className,\n id,\n items = [],\n itemRenderer = (item: VirtualizedListItem, _index: number, _style: CSSProperties) => item as ReactElement,\n getItemSize = (item: VirtualizedListItem, _index: number) => item.height,\n layout = \"vertical\",\n onScroll,\n overscanCount = 0,\n getItemId = (item: VirtualizedListItem, _index: number) => item.id,\n scrollToId,\n scrollDuration = 200,\n onScrollToFinished = NOOP,\n onItemsRendered,\n onItemsRenderedThrottleMs = 200,\n onSizeUpdate = NOOP,\n onLayoutDirectionScrollbarVisibilityChange = null,\n virtualListRef,\n scrollableClassName,\n role,\n \"aria-label\": ariaLabel,\n style,\n \"data-testid\": dataTestId\n }: VirtualizedListProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n // states\n const [listHeight, setListHeight] = useState(0);\n const [listWidth, setListWidth] = useState(0);\n\n const isVerticalList = layout !== \"horizontal\";\n const listSizeByLayout = useMemo(() => {\n return isVerticalList ? listHeight : listWidth;\n }, [isVerticalList, listHeight, listWidth]);\n\n // prevs\n const prevScrollToId = usePrevious(scrollToId);\n\n // Refs\n const componentRef = useRef(null);\n const isVerticalScrollbarVisibleRef = useRef(null);\n const listRef = useRef(null);\n const scrollTopRef = useRef(0);\n const animationDataRef = useRef({\n initialized: false,\n scrollOffsetInitial: 0,\n scrollOffsetFinal: 0,\n animationStartTime: 0\n });\n const mergedRef = useMergeRef(ref, componentRef);\n const mergedListRef = useMergeRef(virtualListRef, listRef);\n\n const animationData = animationDataRef.current;\n if (!animationData.initialized) {\n animationData.initialized = true;\n animationData.scrollOffsetInitial = 0;\n animationData.scrollOffsetFinal = 0;\n animationData.animationStartTime = 0;\n }\n\n // Callbacks\n const sizeGetter = useCallback(\n (item: VirtualizedListItem, index: number) => {\n const height = getItemSize(item, index);\n if (height === undefined) {\n console.error(\"Couldn't get height for item: \", item);\n }\n return height;\n },\n [getItemSize]\n );\n\n const idGetter = useCallback(\n (item: VirtualizedListItem, index: number) => {\n const itemId = getItemId(item, index);\n if (itemId === undefined) {\n console.error(\"Couldn't get id for item: \", item);\n }\n return itemId;\n },\n [getItemId]\n );\n\n // Memos\n // Creates object of itemId => { item, index, size, offsetTop}\n const normalizedItems = useMemo(() => {\n return getNormalizedItems(items, idGetter, sizeGetter);\n }, [items, idGetter, sizeGetter]);\n\n const maxListOffset = useMemo(() => {\n return getMaxOffset(listSizeByLayout, normalizedItems);\n }, [listSizeByLayout, normalizedItems]);\n\n // Callbacks\n const onScrollCB = useCallback(\n ({\n scrollDirection,\n scrollOffset,\n scrollUpdateWasRequested\n }: {\n scrollDirection: ScrollDirection;\n scrollOffset: number;\n scrollUpdateWasRequested: boolean;\n }) => {\n scrollTopRef.current = scrollOffset;\n if (!scrollUpdateWasRequested) {\n animationData.scrollOffsetInitial = scrollOffset;\n }\n onScroll && onScroll(scrollDirection, scrollOffset, scrollUpdateWasRequested);\n },\n [onScroll, scrollTopRef, animationData]\n );\n\n const animateScroll = useCallback(() => {\n requestAnimationFrame(() => {\n const now = performance.now();\n const ellapsed = now - animationData.animationStartTime;\n const scrollDelta = animationData.scrollOffsetFinal - animationData.scrollOffsetInitial;\n const easedTime = easeInOutQuint(Math.min(1, ellapsed / scrollDuration));\n const scrollOffset = animationData.scrollOffsetInitial + scrollDelta * easedTime;\n const finalOffsetValue = Math.min(maxListOffset, scrollOffset);\n scrollTopRef.current = finalOffsetValue;\n listRef.current?.scrollTo(finalOffsetValue);\n\n if (ellapsed < scrollDuration) {\n animateScroll();\n } else {\n animationData.animationStartTime = undefined;\n onScrollToFinished && onScrollToFinished();\n }\n });\n }, [scrollDuration, animationData, listRef, maxListOffset, onScrollToFinished]);\n\n const startScrollAnimation = useCallback(\n (item: VirtualizedListItem) => {\n const { offsetTop } = item;\n\n if (animationData.animationStartTime) {\n // animation already in progress\n animationData.scrollOffsetFinal = offsetTop;\n return;\n }\n\n // Update the initial scroll offset with the current scroll position for react 18 batching behavior\n if (listRef.current?.state?.scrollOffset !== null) {\n animationData.scrollOffsetInitial = listRef.current?.state?.scrollOffset;\n }\n\n if (animationData.scrollOffsetInitial === offsetTop) {\n // offset already equals to item offset\n onScrollToFinished && onScrollToFinished();\n return;\n }\n\n animationData.scrollOffsetFinal = offsetTop;\n animationData.animationStartTime = performance.now();\n animateScroll();\n },\n [animationData, animateScroll, onScrollToFinished]\n );\n\n const rowRenderer = useCallback(\n ({ index, style }: { index: number; style: CSSProperties }) => {\n const item = items[index];\n return itemRenderer(item, index, style);\n },\n [items, itemRenderer]\n );\n\n const calcItemSize = useCallback(\n (index: number) => {\n const item = items[index];\n return sizeGetter(item, index);\n },\n [items, sizeGetter]\n );\n\n const updateListSize = useCallback(\n (width: number, height: number) => {\n if (height !== listHeight || width !== listWidth) {\n setTimeout(() => {\n setListHeight(height);\n setListWidth(width);\n onSizeUpdate(width, height);\n }, 0);\n }\n },\n [listHeight, listWidth, onSizeUpdate]\n );\n\n const onItemsRenderedCB = useThrottledCallback(\n ({ visibleStartIndex, visibleStopIndex }: ListOnItemsRenderedProps) => {\n if (!onItemsRendered) return;\n const data = getOnItemsRenderedData(\n items,\n normalizedItems,\n idGetter,\n visibleStartIndex,\n visibleStopIndex,\n listSizeByLayout,\n scrollTopRef.current\n );\n onItemsRendered(data);\n },\n { wait: onItemsRenderedThrottleMs, trailing: true },\n [onItemsRendered, items, normalizedItems, idGetter, listSizeByLayout]\n );\n\n // Effects\n useEffect(() => {\n // scroll to specific item\n if (scrollToId && prevScrollToId !== scrollToId) {\n const hasScrollbar = isLayoutDirectionScrollbarVisible(items, normalizedItems, idGetter, listSizeByLayout);\n const item = normalizedItems[scrollToId as keyof typeof normalizedItems];\n hasScrollbar && item && startScrollAnimation(item);\n }\n }, [prevScrollToId, scrollToId, startScrollAnimation, normalizedItems, items, idGetter, listSizeByLayout]);\n\n useEffect(() => {\n // recalculate row heights\n if (listRef.current) {\n listRef.current.resetAfterIndex(0);\n }\n }, [normalizedItems]);\n\n useEffect(() => {\n // update vertical scrollbar visibility\n if (onLayoutDirectionScrollbarVisibilityChange) {\n const isVisible = isLayoutDirectionScrollbarVisible(items, normalizedItems, idGetter, listSizeByLayout);\n if (isVerticalScrollbarVisibleRef.current !== isVisible) {\n isVerticalScrollbarVisibleRef.current = isVisible;\n onLayoutDirectionScrollbarVisibilityChange(isVisible);\n }\n }\n }, [onLayoutDirectionScrollbarVisibilityChange, items, normalizedItems, listSizeByLayout, idGetter]);\n\n return (\n <div\n ref={mergedRef}\n className={cx(styles.virtualizedListWrapper, className)}\n id={id}\n role={role}\n aria-label={ariaLabel}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.VIRTUALIZED_LIST, id)}\n style={style}\n >\n <AutoSizer>\n {({ height, width }: { height: number; width: number }) => {\n updateListSize(width, height);\n return (\n <List\n ref={mergedListRef as unknown as LegacyRef<VariableSizeList<unknown>>}\n height={height}\n width={width}\n itemCount={items.length}\n itemSize={calcItemSize}\n onScroll={onScrollCB}\n layout={layout}\n overscanCount={overscanCount}\n onItemsRendered={onItemsRenderedCB}\n className={scrollableClassName}\n >\n {rowRenderer as React.ComponentType<ListChildComponentProps>}\n </List>\n );\n }}\n </AutoSizer>\n </div>\n );\n }\n);\n\nexport default VirtualizedList;\n"],"names":["VirtualizedList","forwardRef","_ref","ref","className","id","_ref$items","items","_ref$itemRenderer","itemRenderer","item","_index","_style","_ref$getItemSize","getItemSize","height","_ref$layout","layout","onScroll","_ref$overscanCount","overscanCount","_ref$getItemId","getItemId","scrollToId","_ref$scrollDuration","scrollDuration","_ref$onScrollToFinish","onScrollToFinished","NOOP","onItemsRendered","_ref$onItemsRenderedT","onItemsRenderedThrottleMs","_ref$onSizeUpdate","onSizeUpdate","_ref$onLayoutDirectio","onLayoutDirectionScrollbarVisibilityChange","virtualListRef","scrollableClassName","role","ariaLabel","style","dataTestId","_useState","useState","_useState2","_slicedToArray","listHeight","setListHeight","_useState3","_useState4","listWidth","setListWidth","isVerticalList","listSizeByLayout","useMemo","prevScrollToId","usePrevious","componentRef","useRef","isVerticalScrollbarVisibleRef","listRef","scrollTopRef","animationDataRef","initialized","scrollOffsetInitial","scrollOffsetFinal","animationStartTime","mergedRef","useMergeRef","mergedListRef","animationData","current","sizeGetter","useCallback","index","undefined","console","error","idGetter","itemId","normalizedItems","getNormalizedItems","maxListOffset","getMaxOffset","onScrollCB","_ref2","scrollDirection","scrollOffset","scrollUpdateWasRequested","animateScroll","requestAnimationFrame","ellapsed","performance","now","scrollDelta","easedTime","easeInOutQuint","Math","min","finalOffsetValue","_a","scrollTo","startScrollAnimation","offsetTop","_b","state","_d","_c","rowRenderer","_ref3","calcItemSize","updateListSize","width","setTimeout","onItemsRenderedCB","useThrottledCallback","_ref4","data","getOnItemsRenderedData","visibleStartIndex","visibleStopIndex","wait","trailing","useEffect","hasScrollbar","isLayoutDirectionScrollbarVisible","resetAfterIndex","isVisible","React","createElement","cx","styles","virtualizedListWrapper","getTestId","ComponentDefaultTestId","VIRTUALIZED_LIST","AutoSizer","_ref5","List","itemCount","length","itemSize"],"mappings":"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"}
|
package/dist/mocked_classnames/src/components/VirtualizedList/VirtualizedList.module.scss.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var e={virtualizedListWrapper:"virtualizedListWrapper"};!function(e){const t="s_id-9250e4cf6c59_4_5_14";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,i.firstChild?i.insertBefore(n,i.firstChild):i.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.virtualizedListWrapper {\n height: 100%;\n width: 100%;\n}");export{e as default};
|
|
2
|
-
//# sourceMappingURL=VirtualizedList.module.scss.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{slicedToArray as e,typeof as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as n,useCallback as t,useEffect as i}from"react";var l;function r(){var l=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},r=l.isChecked,a=l.onChange,u=l.isDisabled,c=n(null!=r?r:!!l.defaultChecked),s=e(c,2),d=s[0],f=s[1],h=t((function(e){if(!u){var n=!d;void 0===r&&f(n),e&&"object"===o(e)&&"target"in e?null==a||a(n,e):null==a||a(n)}}),[r,u,a,d]);return i((function(){void 0!==r&&f(r)}),[r]),{isChecked:d,onChange:h}}!function(e){e.CHECKBOX="checkbox",e.BUTTON="button"}(l||(l={})),r.switchRole=l;export{r as default};
|
|
2
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/hooks/useSwitch/index.ts"],"sourcesContent":["import { type ChangeEvent, useCallback, useEffect, useState } from \"react\";\n\nenum SwitchRole {\n CHECKBOX = \"checkbox\",\n BUTTON = \"button\"\n}\n\nexport interface UseSwitchProps {\n /**\n * If true, controls the checked state of the switch.\n */\n isChecked?: boolean;\n /**\n * The initial checked state when uncontrolled.\n */\n defaultChecked?: boolean;\n /**\n * Callback fired when the switch state changes.\n */\n onChange?: (value: boolean, event?: ChangeEvent<HTMLInputElement> | unknown) => void;\n /**\n * If true, disables interaction with the switch.\n */\n isDisabled?: boolean;\n}\n\nexport default function useSwitch({ isChecked, defaultChecked, onChange, isDisabled }: UseSwitchProps = {}) {\n // if isChecked is empty, set defaultChecked value (default false value)\n const overrideCheckedInitial = isChecked ?? !!defaultChecked;\n const [overrideChecked, setOverrideChecked] = useState(overrideCheckedInitial);\n\n const overrideOnChange = useCallback(\n (event?: ChangeEvent<HTMLInputElement> | unknown) => {\n if (isDisabled) {\n return;\n }\n const newChecked = !overrideChecked;\n if (isChecked === undefined) {\n setOverrideChecked(newChecked);\n }\n if (event && typeof event === \"object\" && \"target\" in event) {\n onChange?.(newChecked, event);\n } else {\n onChange?.(newChecked);\n }\n },\n [isChecked, isDisabled, onChange, overrideChecked]\n );\n\n useEffect(() => {\n if (isChecked !== undefined) {\n setOverrideChecked(isChecked);\n }\n }, [isChecked]);\n\n return { isChecked: overrideChecked, onChange: overrideOnChange };\n}\n\nuseSwitch.switchRole = SwitchRole;\n"],"names":["SwitchRole","useSwitch","_ref","arguments","length","undefined","isChecked","onChange","isDisabled","_useState","useState","defaultChecked","_useState2","_slicedToArray","overrideChecked","setOverrideChecked","overrideOnChange","useCallback","event","newChecked","_typeof","useEffect","switchRole"],"mappings":"4JAEA,IAAKA,EAwBmB,SAAAC,IAAkF,IAAAC,EAAAC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAF,CAAE,EAAtEG,EAASJ,EAATI,UAA2BC,EAAQL,EAARK,SAAUC,EAAUN,EAAVM,WAGvEC,EAA8CC,EADfJ,QAAAA,IAF4BJ,EAAdS,gBAGiCC,EAAAC,EAAAJ,EAAA,GAAvEK,EAAeF,EAAA,GAAEG,EAAkBH,EAAA,GAEpCI,EAAmBC,GACvB,SAACC,GACC,IAAIV,EAAJ,CAGA,IAAMW,GAAcL,OACFT,IAAdC,GACFS,EAAmBI,GAEjBD,GAA0B,WAAjBE,EAAOF,IAAsB,WAAYA,EACpDX,SAAAA,EAAWY,EAAYD,GAEvBX,SAAAA,EAAWY,EARb,CAUD,GACD,CAACb,EAAWE,EAAYD,EAAUO,IASpC,OANAO,GAAU,gBACUhB,IAAdC,GACFS,EAAmBT,EAEvB,GAAG,CAACA,IAEG,CAAEA,UAAWQ,EAAiBP,SAAUS,EACjD,EAtDA,SAAKhB,GACHA,EAAA,SAAA,WACAA,EAAA,OAAA,QACD,CAHD,CAAKA,IAAAA,EAGJ,CAAA,IAqDDC,EAAUqB,WAAatB"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{toConsumableArray as r}from"../../_virtual/_rollupPluginBabelHelpers.js";import{useMemo as t,useCallback as i}from"react";import{throttle as o}from"es-toolkit";function a(a,e,l){var n=e.wait,u=e.trailing,m=void 0===u||u,s=t((function(){return o(a,n,{edges:m?["leading","trailing"]:["leading"]})}),[n,m].concat(r(l)));return i(s,[s])}export{a as default};
|
|
2
|
-
//# sourceMappingURL=useThrottledCallback.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useThrottledCallback.js","sources":["../../../../src/hooks/useThrottledCallback.ts"],"sourcesContent":["import { useMemo, useCallback } from \"react\";\nimport { throttle } from \"es-toolkit\";\n\nexport default function useThrottledCallback(\n callback: (...args: Array<unknown>) => void,\n { wait, trailing = true }: { wait: number; trailing: boolean },\n dependencies: Array<unknown>\n) {\n const throttledFunction = useMemo(() => {\n const edges: (\"leading\" | \"trailing\")[] = trailing ? [\"leading\", \"trailing\"] : [\"leading\"];\n return throttle(callback, wait, { edges });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [wait, trailing, ...dependencies]);\n\n const throttledCallback = useCallback(throttledFunction, [throttledFunction]);\n\n return throttledCallback;\n}\n"],"names":["useThrottledCallback","callback","_ref","dependencies","wait","_ref$trailing","trailing","throttledFunction","useMemo","throttle","edges","concat","_toConsumableArray","useCallback"],"mappings":"uKAGwB,SAAAA,EACtBC,EAA2CC,EAE3CC,GAA4B,IAD1BC,EAAIF,EAAJE,KAAIC,EAAAH,EAAEI,SAAAA,OAAW,IAAHD,GAAOA,EAGjBE,EAAoBC,GAAQ,WAEhC,OAAOC,EAASR,EAAUG,EAAM,CAAEM,MADQJ,EAAW,CAAC,UAAW,YAAc,CAAC,eAGjF,CAAGF,EAAME,GAAQK,OAAAC,EAAKT,KAIvB,OAF0BU,EAAYN,EAAmB,CAACA,GAG5D"}
|