@vibe/core 3.49.0 → 3.50.1-alpha-b401f.0
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/BaseList/BaseList.types.d.ts +1 -1
- package/dist/components/BaseListItem/BaseListItem.d.ts +1 -1
- package/dist/components/BaseListItem/BaseListItem.types.d.ts +5 -1
- package/dist/components/DropdownNew/Dropdown.d.ts +1 -1
- package/dist/components/DropdownNew/Dropdown.types.d.ts +13 -0
- package/dist/components/DropdownNew/components/MultiSelectedValues.d.ts +9 -0
- package/dist/components/DropdownNew/hooks/useDropdownMultiCombobox.d.ts +20 -0
- package/dist/hooks/useGridKeyboardNavigation/gridKeyboardNavigationHelper.d.ts +2 -1
- package/dist/hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.d.ts +3 -1
- package/dist/hooks/useItemsOverflow/useItemsOverflow.d.ts +10 -0
- package/dist/mocked_classnames/components/BaseList/BaseList.types.d.ts +1 -1
- package/dist/mocked_classnames/components/BaseListItem/BaseListItem.d.ts +1 -1
- package/dist/mocked_classnames/components/BaseListItem/BaseListItem.types.d.ts +5 -1
- package/dist/mocked_classnames/components/DropdownNew/Dropdown.d.ts +1 -1
- package/dist/mocked_classnames/components/DropdownNew/Dropdown.types.d.ts +13 -0
- package/dist/mocked_classnames/components/DropdownNew/components/MultiSelectedValues.d.ts +9 -0
- package/dist/mocked_classnames/components/DropdownNew/hooks/useDropdownMultiCombobox.d.ts +20 -0
- package/dist/mocked_classnames/hooks/useGridKeyboardNavigation/gridKeyboardNavigationHelper.d.ts +2 -1
- package/dist/mocked_classnames/hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.d.ts +3 -1
- package/dist/mocked_classnames/hooks/useItemsOverflow/useItemsOverflow.d.ts +10 -0
- package/dist/mocked_classnames/src/components/Accordion/Accordion/Accordion.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBanner.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerText/AlertBannerText.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/AttentionBoxLink/AttentionBoxLink.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Avatar/Avatar.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Avatar/AvatarBadge.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Avatar/AvatarContent.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.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/BaseInput/BaseInput.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Box/Box.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/Button/Button.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ButtonGroup/ButtonGroup.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Checkbox/Checkbox.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Chips/Chips.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Clickable/Clickable.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ColorPicker/ColorPicker.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ColorPicker/components/ColorPickerContent/ColorPickerClearButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ColorPicker/components/ColorPickerContent/ColorPickerColorsGrid.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.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.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/Counter/Counter.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/DatePicker/DateNavigationItem/DateNavigationItem.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/DatePickerHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/DatePicker/YearPicker/YearPicker.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/DatePicker/external_datepicker.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dialog/Dialog.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dialog/DialogContent/DialogContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/DialogContentContainer/DialogContentContainer.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Divider/Divider.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/Dropdown.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/Dropdown.styles.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/Dropdown.styles.js.map +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/ChildrenContent/ChildrenContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/MultiValueContainer/MultiValueContainer.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/option/option.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/singleValue/singleValue.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/EditableHeading/EditableHeading.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/EditableText/EditableText.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/EditableTypography/EditableTypography.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/EmptyState/EmptyState.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ExpandCollapse/ExpandCollapse.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/FieldLabel/FieldLabel.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Flex/Flex.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/FormattedNumber/FormattedNumber.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Heading/Heading.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/HiddenText/HiddenText.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Icon/Icon.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/IconButton/IconButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Label/Label.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Label/LabelCelebrationAnimation.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/LegacyModal/LegacyModal.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/LegacyModal/LegacyModalContent/LegacyModalContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/LegacyModal/LegacyModalFooter/LegacyModalFooter.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/LegacyModal/LegacyModalHeader/LegacyModalHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Link/Link.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.module.scss.js +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/Loader/Loader.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/ProgressBars/LinearProgressBar/Bar/Bar.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ProgressBars/LinearProgressBar/LinearProgressBar.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ProgressBars/PercentageLabel/PercentageLabel.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/RadioButton/RadioButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Search/Search.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Skeleton/Skeleton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/SlideTransition/SlideTransition.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/Switch/Switch.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.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/Tabs/Tab/Tab.js +1 -1
- package/dist/mocked_classnames/src/components/Tabs/Tab/Tab.js.map +1 -1
- package/dist/mocked_classnames/src/components/Tabs/Tab/Tab.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tabs/TabList/TabList.js +1 -1
- package/dist/mocked_classnames/src/components/Tabs/TabList/TabList.js.map +1 -1
- package/dist/mocked_classnames/src/components/Tabs/TabList/TabList.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tabs/TabPanel/TabPanel.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tabs/TabPanels/TabPanels.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Text/Text.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/TextWithHighlight/TextWithHighlight.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/TipseenImage.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/Toggle/MockToggle.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Toggle/Toggle.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Toggle/ToggleText.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tooltip/Tooltip.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/TransitionView/TransitionView.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Typography/Typography.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/VirtualizedGrid/VirtualizedGrid.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/VirtualizedList/VirtualizedList.module.scss.js +1 -1
- package/dist/mocked_classnames/src/hooks/useGridKeyboardNavigation/gridKeyboardNavigationHelper.js +1 -1
- package/dist/mocked_classnames/src/hooks/useGridKeyboardNavigation/gridKeyboardNavigationHelper.js.map +1 -1
- package/dist/mocked_classnames/src/hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.js +1 -1
- package/dist/mocked_classnames/src/hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.js.map +1 -1
- package/dist/mocked_classnames/style/dist/index.min.css.js +1 -1
- package/dist/src/components/Accordion/Accordion/Accordion.module.scss.js +1 -1
- package/dist/src/components/AlertBanner/AlertBanner.module.scss.js +1 -1
- package/dist/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js +1 -1
- package/dist/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js +1 -1
- package/dist/src/components/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js +1 -1
- package/dist/src/components/AttentionBox/AttentionBox.module.scss.js +1 -1
- package/dist/src/components/AttentionBox/AttentionBoxLink/AttentionBoxLink.module.scss.js +1 -1
- package/dist/src/components/Avatar/Avatar.module.scss.js +1 -1
- package/dist/src/components/Avatar/AvatarBadge.module.scss.js +1 -1
- package/dist/src/components/Avatar/AvatarContent.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.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/BaseInput/BaseInput.module.scss.js +1 -1
- package/dist/src/components/Box/Box.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/Button/Button.module.scss.js +1 -1
- package/dist/src/components/ButtonGroup/ButtonGroup.module.scss.js +1 -1
- package/dist/src/components/Checkbox/Checkbox.module.scss.js +1 -1
- package/dist/src/components/Chips/Chips.module.scss.js +1 -1
- package/dist/src/components/Clickable/Clickable.module.scss.js +1 -1
- package/dist/src/components/ColorPicker/ColorPicker.module.scss.js +1 -1
- package/dist/src/components/ColorPicker/components/ColorPickerContent/ColorPickerClearButton.module.scss.js +1 -1
- package/dist/src/components/ColorPicker/components/ColorPickerContent/ColorPickerColorsGrid.module.scss.js +1 -1
- package/dist/src/components/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.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.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/Counter/Counter.module.scss.js +1 -1
- package/dist/src/components/DatePicker/DateNavigationItem/DateNavigationItem.module.scss.js +1 -1
- package/dist/src/components/DatePicker/DatePicker.module.scss.js +1 -1
- package/dist/src/components/DatePicker/DatePickerHeader/DatePickerHeader.module.scss.js +1 -1
- package/dist/src/components/DatePicker/YearPicker/YearPicker.module.scss.js +1 -1
- package/dist/src/components/DatePicker/external_datepicker.scss.js +1 -1
- package/dist/src/components/Dialog/Dialog.module.scss.js +1 -1
- package/dist/src/components/Dialog/DialogContent/DialogContent.module.scss.js +1 -1
- package/dist/src/components/DialogContentContainer/DialogContentContainer.module.scss.js +1 -1
- package/dist/src/components/Divider/Divider.module.scss.js +1 -1
- package/dist/src/components/Dropdown/Dropdown.module.scss.js +1 -1
- package/dist/src/components/Dropdown/Dropdown.styles.js +1 -1
- package/dist/src/components/Dropdown/Dropdown.styles.js.map +1 -1
- package/dist/src/components/Dropdown/components/ChildrenContent/ChildrenContent.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/MultiValueContainer/MultiValueContainer.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/menu/menu.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/option/option.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/singleValue/singleValue.module.scss.js +1 -1
- package/dist/src/components/EditableHeading/EditableHeading.module.scss.js +1 -1
- package/dist/src/components/EditableText/EditableText.module.scss.js +1 -1
- package/dist/src/components/EditableTypography/EditableTypography.module.scss.js +1 -1
- package/dist/src/components/EmptyState/EmptyState.module.scss.js +1 -1
- package/dist/src/components/ExpandCollapse/ExpandCollapse.module.scss.js +1 -1
- package/dist/src/components/FieldLabel/FieldLabel.module.scss.js +1 -1
- package/dist/src/components/Flex/Flex.module.scss.js +1 -1
- package/dist/src/components/FormattedNumber/FormattedNumber.module.scss.js +1 -1
- package/dist/src/components/Heading/Heading.module.scss.js +1 -1
- package/dist/src/components/HiddenText/HiddenText.module.scss.js +1 -1
- package/dist/src/components/Icon/Icon.module.scss.js +1 -1
- package/dist/src/components/IconButton/IconButton.module.scss.js +1 -1
- package/dist/src/components/Label/Label.module.scss.js +1 -1
- package/dist/src/components/Label/LabelCelebrationAnimation.module.scss.js +1 -1
- package/dist/src/components/LegacyModal/LegacyModal.module.scss.js +1 -1
- package/dist/src/components/LegacyModal/LegacyModalContent/LegacyModalContent.module.scss.js +1 -1
- package/dist/src/components/LegacyModal/LegacyModalFooter/LegacyModalFooter.module.scss.js +1 -1
- package/dist/src/components/LegacyModal/LegacyModalHeader/LegacyModalHeader.module.scss.js +1 -1
- package/dist/src/components/Link/Link.module.scss.js +1 -1
- package/dist/src/components/List/List.module.scss.js +1 -1
- package/dist/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js +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/Loader/Loader.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/ProgressBars/LinearProgressBar/Bar/Bar.module.scss.js +1 -1
- package/dist/src/components/ProgressBars/LinearProgressBar/LinearProgressBar.module.scss.js +1 -1
- package/dist/src/components/ProgressBars/PercentageLabel/PercentageLabel.module.scss.js +1 -1
- package/dist/src/components/RadioButton/RadioButton.module.scss.js +1 -1
- package/dist/src/components/Search/Search.module.scss.js +1 -1
- package/dist/src/components/Skeleton/Skeleton.module.scss.js +1 -1
- package/dist/src/components/SlideTransition/SlideTransition.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/Switch/Switch.module.scss.js +1 -1
- package/dist/src/components/Table/Table/Table.module.scss.js +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/Tabs/Tab/Tab.js +1 -1
- package/dist/src/components/Tabs/Tab/Tab.js.map +1 -1
- package/dist/src/components/Tabs/Tab/Tab.module.scss.js +1 -1
- package/dist/src/components/Tabs/TabList/TabList.js +1 -1
- package/dist/src/components/Tabs/TabList/TabList.js.map +1 -1
- package/dist/src/components/Tabs/TabList/TabList.module.scss.js +1 -1
- package/dist/src/components/Tabs/TabPanel/TabPanel.module.scss.js +1 -1
- package/dist/src/components/Tabs/TabPanels/TabPanels.module.scss.js +1 -1
- package/dist/src/components/Text/Text.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/TextWithHighlight/TextWithHighlight.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/TipseenImage.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/Toggle/MockToggle.module.scss.js +1 -1
- package/dist/src/components/Toggle/Toggle.module.scss.js +1 -1
- package/dist/src/components/Toggle/ToggleText.module.scss.js +1 -1
- package/dist/src/components/Tooltip/Tooltip.module.scss.js +1 -1
- package/dist/src/components/TransitionView/TransitionView.module.scss.js +1 -1
- package/dist/src/components/Typography/Typography.module.scss.js +1 -1
- package/dist/src/components/VirtualizedGrid/VirtualizedGrid.module.scss.js +1 -1
- package/dist/src/components/VirtualizedList/VirtualizedList.module.scss.js +1 -1
- package/dist/src/hooks/useGridKeyboardNavigation/gridKeyboardNavigationHelper.js +1 -1
- package/dist/src/hooks/useGridKeyboardNavigation/gridKeyboardNavigationHelper.js.map +1 -1
- package/dist/src/hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.js +1 -1
- package/dist/src/hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.js.map +1 -1
- package/dist/style/dist/index.min.css.js +1 -1
- package/package.json +3 -3
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var n={tabWrapper:"
|
|
1
|
+
var n={tabWrapper:"tabWrapper_0e3ce362c4",tabInner:"tabInner_4d14d0b63d",tabIcon:"tabIcon_2a52de86b7",right:"right_668a498e08",tabFocusVisibleInset:"tabFocusVisibleInset_75806d55d7",active:"active_e8acf6a118",disabled:"disabled_69676cc16d"};!function(n){const e="s_id-e9e07df0e1ab_3_50_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('.tabWrapper_0e3ce362c4 {\n position: relative;\n display: inline-block;\n padding-left: 1px;\n padding-right: 1px;\n border-top: 1px solid transparent;\n border-bottom: 2px solid;\n border-bottom-color: var(--ui-background-color);\n color: var(--primary-text-color);\n text-align: center;\n height: 100%;\n margin: 0;\n}\n\n.tabWrapper_0e3ce362c4:after {\n display: block;\n position: absolute;\n left: 0;\n right: 0;\n content: "";\n border-bottom: solid 2px;\n border-bottom-color: var(--primary-color);\n transform: scaleX(0);\n z-index: 0;\n}\n\n.tabWrapper_0e3ce362c4 .tabInner_4d14d0b63d {\n height: calc(100% - 1px);\n display: flex;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n padding: 4px 16px;\n font: var(--font-text1-normal);\n user-select: none;\n margin-bottom: 1px;\n cursor: pointer;\n color: var(--primary-text-color);\n}\n\n.tabWrapper_0e3ce362c4 .tabInner_4d14d0b63d:focus {\n outline: none;\n}\n\n.tabWrapper_0e3ce362c4 .tabInner_4d14d0b63d .tabIcon_2a52de86b7 {\n color: var(--icon-color);\n margin-right: var(--spacing-small);\n}\n\n.tabWrapper_0e3ce362c4 .tabInner_4d14d0b63d .tabIcon_2a52de86b7.right_668a498e08 {\n margin-right: 0;\n margin-left: var(--spacing-small);\n}\n\n.tabWrapper_0e3ce362c4.tabFocusVisibleInset_75806d55d7 {\n outline: none;\n z-index: 11;\n border-radius: 3px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n position: relative;\n}\n\n.tabWrapper_0e3ce362c4.active_e8acf6a118:after {\n transform: scaleX(1);\n transition: transform var(--motion-productive-medium) var(--motion-timing-enter);\n}\n\n.tabWrapper_0e3ce362c4.disabled_69676cc16d .tabInner_4d14d0b63d {\n color: var(--disabled-text-color);\n cursor: not-allowed;\n}\n\n.tabWrapper_0e3ce362c4:not(.disabled_69676cc16d) .tabInner_4d14d0b63d:hover {\n border-radius: 4px;\n background-color: var(--primary-background-hover-color);\n}');export{n as default};
|
|
2
2
|
//# sourceMappingURL=Tab.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{slicedToArray as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import t from"classnames";import{camelCase as r}from"lodash-es";import s,{forwardRef as
|
|
1
|
+
import{slicedToArray as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import t from"classnames";import{camelCase as r}from"lodash-es";import s,{forwardRef as a,useRef as o,useState as i,useEffect as n,useMemo as l,useCallback as m}from"react";import d from"../../../hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.js";import u from"../../../hooks/useMergeRef.js";import c from"../../../hooks/usePrevious/index.js";import{NOOP as p}from"../../../utils/function-utils.js";import{getTestId as f,ComponentDefaultTestId as b}from"../../../tests/testIds.js";import{getStyle as v}from"../../../helpers/typesciptCssModulesHelper.js";import h from"./TabList.module.scss.js";var I=a((function(a,I){var C=a.className,g=a.id,N=a.onTabChange,T=void 0===N?p:N,j=a.activeTabId,y=void 0===j?0:j,L=a.tabType,k=void 0===L?"Compact":L,x=a.size,A=a.children,E=a["data-testid"],B=o(null),S=u(I,B),_=i(y),G=e(_,2),H=G[0],K=G[1],M=c(y);n((function(){y!==M&&y!==H&&K(y)}),[y,M,H,K]);var O=l((function(){var e=new Set;return s.Children.forEach(A,(function(t,r){t.props.disabled&&e.add(r)})),e}),[A]),P=m((function(e){O.has(e)||(K(e),T&&T(e))}),[T,O]),W=m((function(e,t){var r,s=null===(r=A[t].props)||void 0===r?void 0:r.onClick;O.has(t)||(s&&s(t),P(t))}),[A,O,P]),w=m((function(e){return A[e]}),[A]),z=l((function(){return Array.from(O)}),[O]),R=o(),q=d({ref:R,numberOfItemsInLine:null==A?void 0:A.length,itemsCount:null==A?void 0:A.length,getItemByIndex:w,onItemClicked:W,disabledIndexes:z,circularNavigation:!0}),D=q.activeIndex,F=q.onSelectionAction,J=l((function(){return s.Children.map(A,(function(e,r){return s.cloneElement(e,{value:r,active:H===r,focus:D===r,onClick:F,className:t(h.tabListTabWrapper,e.props.className),tabInnerClassName:t(h.tabListTabInner,e.props.tabInnerClassName)})}))}),[A,H,D,F]);return s.createElement("div",{ref:S,className:t(h.tabsWrapper,C,[v(h,r(k))]),id:g,"data-testid":E||f(b.TAB_LIST,g)},s.createElement("ul",{ref:R,tabIndex:0,className:t(h.tabsList,[v(h,x)]),role:"tablist"},J))}));Object.assign(I,{isTabList:!0});export{I as default};
|
|
2
2
|
//# sourceMappingURL=TabList.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabList.js","sources":["../../../../../src/components/Tabs/TabList/TabList.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { camelCase } from \"lodash-es\";\nimport React, { FC, forwardRef, ReactElement, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport useGridKeyboardNavigation from \"../../../hooks/useGridKeyboardNavigation/useGridKeyboardNavigation\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport usePrevious from \"../../../hooks/usePrevious\";\nimport VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { NOOP } from \"../../../utils/function-utils\";\nimport { TabProps } from \"../Tab/Tab\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./TabList.module.scss\";\n\nexport interface TabListProps extends VibeComponentProps {\n /**\n * Callback fired when the active tab changes.\n */\n onTabChange?: (tabId: number) => void;\n /**\n * The index of the currently active tab.\n */\n activeTabId?: number;\n /**\n * The type of tab style.\n */\n tabType?: string;\n /**\n * The size of the tab list.\n */\n size?: string;\n /**\n * The child elements representing tabs.\n */\n children?: ReactElement<TabProps>[];\n}\n\nconst TabList: FC<TabListProps> = forwardRef(\n (\n {\n className,\n id,\n onTabChange = NOOP,\n activeTabId = 0,\n tabType = \"Compact\",\n size,\n children,\n \"data-testid\": dataTestId\n },\n ref\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const [activeTabState, setActiveTabState] = useState<number>(activeTabId);\n\n const prevActiveTabIdProp = usePrevious(activeTabId);\n\n useEffect(() => {\n // Update active tab if changed from props\n if (activeTabId !== prevActiveTabIdProp && activeTabId !== activeTabState) {\n setActiveTabState(activeTabId);\n }\n }, [activeTabId, prevActiveTabIdProp, activeTabState, setActiveTabState]);\n\n const disabledTabIds = useMemo(() => {\n const disabledIds = new Set<number>();\n React.Children.forEach(children, (child, index) => {\n if (child.props.disabled) {\n disabledIds.add(index);\n }\n });\n return disabledIds;\n }, [children]);\n\n const onTabSelect = useCallback(\n (tabId: number) => {\n if (disabledTabIds.has(tabId)) return;\n setActiveTabState(tabId);\n onTabChange && onTabChange(tabId);\n },\n [onTabChange, disabledTabIds]\n );\n\n const onTabClick = useCallback(\n (value: HTMLElement | void, tabId: number) => {\n const tabCallbackFunc = children[tabId].props?.onClick;\n if (disabledTabIds.has(tabId)) return;\n if (tabCallbackFunc) tabCallbackFunc(tabId);\n onTabSelect(tabId);\n },\n [children, disabledTabIds, onTabSelect]\n );\n\n const getItemByIndex = useCallback((index: number): ReactElement<TabProps> => children[index], [children]);\n const disabledIndexes = useMemo(() => Array.from(disabledTabIds), [disabledTabIds]);\n const ulRef = useRef();\n const { activeIndex: focusIndex, onSelectionAction } = useGridKeyboardNavigation({\n ref: ulRef,\n numberOfItemsInLine: children?.length,\n itemsCount: children?.length,\n getItemByIndex,\n onItemClicked: onTabClick,\n disabledIndexes\n });\n\n const tabsToRender = useMemo(() => {\n const childrenToRender = React.Children.map(children, (child, index) => {\n return React.cloneElement(child, {\n value: index,\n active: activeTabState === index,\n focus: focusIndex === index,\n onClick: onSelectionAction,\n className: cx(styles.tabListTabWrapper, child.props.className),\n tabInnerClassName: cx(styles.tabListTabInner, child.props.tabInnerClassName)\n });\n });\n return childrenToRender;\n }, [children, activeTabState, focusIndex, onSelectionAction]);\n\n return (\n <div\n ref={mergedRef}\n className={cx(styles.tabsWrapper, className, [getStyle(styles, camelCase(tabType))])}\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.TAB_LIST, id)}\n >\n <ul ref={ulRef} tabIndex={0} className={cx(styles.tabsList, [getStyle(styles, size)])} role=\"tablist\">\n {tabsToRender}\n </ul>\n </div>\n );\n }\n);\n\nObject.assign(TabList, {\n isTabList: true\n});\n\nexport default TabList;\n"],"names":["TabList","forwardRef","_ref","ref","className","id","_ref$onTabChange","onTabChange","NOOP","_ref$activeTabId","activeTabId","_ref$tabType","tabType","size","children","dataTestId","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","activeTabState","setActiveTabState","prevActiveTabIdProp","usePrevious","useEffect","disabledTabIds","useMemo","disabledIds","Set","React","Children","forEach","child","index","props","disabled","add","onTabSelect","useCallback","tabId","has","onTabClick","value","tabCallbackFunc","_a","onClick","getItemByIndex","disabledIndexes","Array","from","ulRef","_useGridKeyboardNavig","useGridKeyboardNavigation","numberOfItemsInLine","length","itemsCount","onItemClicked","focusIndex","activeIndex","onSelectionAction","tabsToRender","map","cloneElement","active","focus","cx","styles","tabListTabWrapper","tabInnerClassName","tabListTabInner","createElement","tabsWrapper","getStyle","camelCase","getTestId","ComponentDefaultTestId","TAB_LIST","tabIndex","tabsList","role","Object","assign","isTabList"],"mappings":"+qBAoCMA,IAAAA,EAA4BC,GAChC,SAAAC,EAWEC,GACE,IAVAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GAAEC,EAAAJ,EACFK,YAAAA,OAAcC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAP,EAClBQ,YAAAA,OAAc,IAAHD,EAAG,EAACA,EAAAE,EAAAT,EACfU,QAAAA,OAAU,IAAHD,EAAG,UAASA,EACnBE,EAAIX,EAAJW,KACAC,EAAQZ,EAARY,SACeC,EAAUb,EAAzB,eAIIc,EAAeC,EAAO,MACtBC,EAAYC,EAAYhB,EAAKa,GAEnCI,EAA4CC,EAAiBX,GAAYY,EAAAC,EAAAH,EAAA,GAAlEI,EAAcF,EAAA,GAAEG,EAAiBH,EAAA,GAElCI,EAAsBC,EAAYjB,GAExCkB,GAAU,WAEJlB,IAAgBgB,GAAuBhB,IAAgBc,GACzDC,EAAkBf,EAErB,GAAE,CAACA,EAAagB,EAAqBF,EAAgBC,IAEtD,IAAMI,EAAiBC,GAAQ,WAC7B,IAAMC,EAAc,IAAIC,IAMxB,OALAC,EAAMC,SAASC,QAAQrB,GAAU,SAACsB,EAAOC,GACnCD,EAAME,MAAMC,UACdR,EAAYS,IAAIH,EAEpB,IACON,CACT,GAAG,CAACjB,IAEE2B,EAAcC,GAClB,SAACC,GACKd,EAAee,IAAID,KACvBlB,EAAkBkB,GAClBpC,GAAeA,EAAYoC,GAC7B,GACA,CAACpC,EAAasB,IAGVgB,EAAaH,GACjB,SAACI,EAA2BH,SACpBI,EAAyC,QAAvBC,EAAAlC,EAAS6B,GAAOL,aAAO,IAAAU,OAAA,EAAAA,EAAAC,QAC3CpB,EAAee,IAAID,KACnBI,GAAiBA,EAAgBJ,GACrCF,EAAYE,GACb,GACD,CAAC7B,EAAUe,EAAgBY,IAGvBS,EAAiBR,GAAY,SAACL,GAAa,OAA6BvB,EAASuB,KAAQ,CAACvB,IAC1FqC,EAAkBrB,GAAQ,WAAA,OAAMsB,MAAMC,KAAKxB,KAAiB,CAACA,IAC7DyB,EAAQrC,IACdsC,EAAuDC,EAA0B,CAC/ErD,IAAKmD,EACLG,oBAAqB3C,aAAA,EAAAA,EAAU4C,OAC/BC,WAAY7C,aAAA,EAAAA,EAAU4C,OACtBR,eAAAA,EACAU,cAAef,EACfM,gBAAAA,
|
|
1
|
+
{"version":3,"file":"TabList.js","sources":["../../../../../src/components/Tabs/TabList/TabList.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { camelCase } from \"lodash-es\";\nimport React, { FC, forwardRef, ReactElement, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport useGridKeyboardNavigation from \"../../../hooks/useGridKeyboardNavigation/useGridKeyboardNavigation\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport usePrevious from \"../../../hooks/usePrevious\";\nimport VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { NOOP } from \"../../../utils/function-utils\";\nimport { TabProps } from \"../Tab/Tab\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./TabList.module.scss\";\n\nexport interface TabListProps extends VibeComponentProps {\n /**\n * Callback fired when the active tab changes.\n */\n onTabChange?: (tabId: number) => void;\n /**\n * The index of the currently active tab.\n */\n activeTabId?: number;\n /**\n * The type of tab style.\n */\n tabType?: string;\n /**\n * The size of the tab list.\n */\n size?: string;\n /**\n * The child elements representing tabs.\n */\n children?: ReactElement<TabProps>[];\n}\n\nconst TabList: FC<TabListProps> = forwardRef(\n (\n {\n className,\n id,\n onTabChange = NOOP,\n activeTabId = 0,\n tabType = \"Compact\",\n size,\n children,\n \"data-testid\": dataTestId\n },\n ref\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const [activeTabState, setActiveTabState] = useState<number>(activeTabId);\n\n const prevActiveTabIdProp = usePrevious(activeTabId);\n\n useEffect(() => {\n // Update active tab if changed from props\n if (activeTabId !== prevActiveTabIdProp && activeTabId !== activeTabState) {\n setActiveTabState(activeTabId);\n }\n }, [activeTabId, prevActiveTabIdProp, activeTabState, setActiveTabState]);\n\n const disabledTabIds = useMemo(() => {\n const disabledIds = new Set<number>();\n React.Children.forEach(children, (child, index) => {\n if (child.props.disabled) {\n disabledIds.add(index);\n }\n });\n return disabledIds;\n }, [children]);\n\n const onTabSelect = useCallback(\n (tabId: number) => {\n if (disabledTabIds.has(tabId)) return;\n setActiveTabState(tabId);\n onTabChange && onTabChange(tabId);\n },\n [onTabChange, disabledTabIds]\n );\n\n const onTabClick = useCallback(\n (value: HTMLElement | void, tabId: number) => {\n const tabCallbackFunc = children[tabId].props?.onClick;\n if (disabledTabIds.has(tabId)) return;\n if (tabCallbackFunc) tabCallbackFunc(tabId);\n onTabSelect(tabId);\n },\n [children, disabledTabIds, onTabSelect]\n );\n\n const getItemByIndex = useCallback((index: number): ReactElement<TabProps> => children[index], [children]);\n const disabledIndexes = useMemo(() => Array.from(disabledTabIds), [disabledTabIds]);\n const ulRef = useRef();\n const { activeIndex: focusIndex, onSelectionAction } = useGridKeyboardNavigation({\n ref: ulRef,\n numberOfItemsInLine: children?.length,\n itemsCount: children?.length,\n getItemByIndex,\n onItemClicked: onTabClick,\n disabledIndexes,\n circularNavigation: true\n });\n\n const tabsToRender = useMemo(() => {\n const childrenToRender = React.Children.map(children, (child, index) => {\n return React.cloneElement(child, {\n value: index,\n active: activeTabState === index,\n focus: focusIndex === index,\n onClick: onSelectionAction,\n className: cx(styles.tabListTabWrapper, child.props.className),\n tabInnerClassName: cx(styles.tabListTabInner, child.props.tabInnerClassName)\n });\n });\n return childrenToRender;\n }, [children, activeTabState, focusIndex, onSelectionAction]);\n\n return (\n <div\n ref={mergedRef}\n className={cx(styles.tabsWrapper, className, [getStyle(styles, camelCase(tabType))])}\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.TAB_LIST, id)}\n >\n <ul ref={ulRef} tabIndex={0} className={cx(styles.tabsList, [getStyle(styles, size)])} role=\"tablist\">\n {tabsToRender}\n </ul>\n </div>\n );\n }\n);\n\nObject.assign(TabList, {\n isTabList: true\n});\n\nexport default TabList;\n"],"names":["TabList","forwardRef","_ref","ref","className","id","_ref$onTabChange","onTabChange","NOOP","_ref$activeTabId","activeTabId","_ref$tabType","tabType","size","children","dataTestId","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","activeTabState","setActiveTabState","prevActiveTabIdProp","usePrevious","useEffect","disabledTabIds","useMemo","disabledIds","Set","React","Children","forEach","child","index","props","disabled","add","onTabSelect","useCallback","tabId","has","onTabClick","value","tabCallbackFunc","_a","onClick","getItemByIndex","disabledIndexes","Array","from","ulRef","_useGridKeyboardNavig","useGridKeyboardNavigation","numberOfItemsInLine","length","itemsCount","onItemClicked","circularNavigation","focusIndex","activeIndex","onSelectionAction","tabsToRender","map","cloneElement","active","focus","cx","styles","tabListTabWrapper","tabInnerClassName","tabListTabInner","createElement","tabsWrapper","getStyle","camelCase","getTestId","ComponentDefaultTestId","TAB_LIST","tabIndex","tabsList","role","Object","assign","isTabList"],"mappings":"+qBAoCMA,IAAAA,EAA4BC,GAChC,SAAAC,EAWEC,GACE,IAVAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GAAEC,EAAAJ,EACFK,YAAAA,OAAcC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAP,EAClBQ,YAAAA,OAAc,IAAHD,EAAG,EAACA,EAAAE,EAAAT,EACfU,QAAAA,OAAU,IAAHD,EAAG,UAASA,EACnBE,EAAIX,EAAJW,KACAC,EAAQZ,EAARY,SACeC,EAAUb,EAAzB,eAIIc,EAAeC,EAAO,MACtBC,EAAYC,EAAYhB,EAAKa,GAEnCI,EAA4CC,EAAiBX,GAAYY,EAAAC,EAAAH,EAAA,GAAlEI,EAAcF,EAAA,GAAEG,EAAiBH,EAAA,GAElCI,EAAsBC,EAAYjB,GAExCkB,GAAU,WAEJlB,IAAgBgB,GAAuBhB,IAAgBc,GACzDC,EAAkBf,EAErB,GAAE,CAACA,EAAagB,EAAqBF,EAAgBC,IAEtD,IAAMI,EAAiBC,GAAQ,WAC7B,IAAMC,EAAc,IAAIC,IAMxB,OALAC,EAAMC,SAASC,QAAQrB,GAAU,SAACsB,EAAOC,GACnCD,EAAME,MAAMC,UACdR,EAAYS,IAAIH,EAEpB,IACON,CACT,GAAG,CAACjB,IAEE2B,EAAcC,GAClB,SAACC,GACKd,EAAee,IAAID,KACvBlB,EAAkBkB,GAClBpC,GAAeA,EAAYoC,GAC7B,GACA,CAACpC,EAAasB,IAGVgB,EAAaH,GACjB,SAACI,EAA2BH,SACpBI,EAAyC,QAAvBC,EAAAlC,EAAS6B,GAAOL,aAAO,IAAAU,OAAA,EAAAA,EAAAC,QAC3CpB,EAAee,IAAID,KACnBI,GAAiBA,EAAgBJ,GACrCF,EAAYE,GACb,GACD,CAAC7B,EAAUe,EAAgBY,IAGvBS,EAAiBR,GAAY,SAACL,GAAa,OAA6BvB,EAASuB,KAAQ,CAACvB,IAC1FqC,EAAkBrB,GAAQ,WAAA,OAAMsB,MAAMC,KAAKxB,KAAiB,CAACA,IAC7DyB,EAAQrC,IACdsC,EAAuDC,EAA0B,CAC/ErD,IAAKmD,EACLG,oBAAqB3C,aAAA,EAAAA,EAAU4C,OAC/BC,WAAY7C,aAAA,EAAAA,EAAU4C,OACtBR,eAAAA,EACAU,cAAef,EACfM,gBAAAA,EACAU,oBAAoB,IAPDC,EAAUP,EAAvBQ,YAAyBC,EAAiBT,EAAjBS,kBAU3BC,EAAenC,GAAQ,WAW3B,OAVyBG,EAAMC,SAASgC,IAAIpD,GAAU,SAACsB,EAAOC,GAC5D,OAAOJ,EAAMkC,aAAa/B,EAAO,CAC/BU,MAAOT,EACP+B,OAAQ5C,IAAmBa,EAC3BgC,MAAOP,IAAezB,EACtBY,QAASe,EACT5D,UAAWkE,EAAGC,EAAOC,kBAAmBpC,EAAME,MAAMlC,WACpDqE,kBAAmBH,EAAGC,EAAOG,gBAAiBtC,EAAME,MAAMmC,oBAE9D,GAED,GAAE,CAAC3D,EAAUU,EAAgBsC,EAAYE,IAE1C,OACE/B,EACE0C,cAAA,MAAA,CAAAxE,IAAKe,EACLd,UAAWkE,EAAGC,EAAOK,YAAaxE,EAAW,CAACyE,EAASN,EAAQO,EAAUlE,MACzEP,GAAIA,gBACSU,GAAcgE,EAAUC,EAAuBC,SAAU5E,IAEtE4B,EAAA0C,cAAA,KAAA,CAAIxE,IAAKmD,EAAO4B,SAAU,EAAG9E,UAAWkE,EAAGC,EAAOY,SAAU,CAACN,EAASN,EAAQ1D,KAASuE,KAAK,WACzFnB,GAIT,IAGFoB,OAAOC,OAAOtF,EAAS,CACrBuF,WAAW"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={tabsWrapper:"
|
|
1
|
+
var e={tabsWrapper:"tabsWrapper_d560b03d5e",tabsList:"tabsList_9e8a0c64d2",sm:"sm_265aab38fa",lg:"lg_646bba86b0",stretched:"stretched_be8b6228ac",tabListTabWrapper:"tabListTabWrapper_0eace11914",tabListTabInner:"tabListTabInner_0eace11914",disabled:"disabled_fc240b6a40"};!function(e){const t="s_id-10f1ea92a898_3_50_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tabsWrapper_d560b03d5e .tabsList_9e8a0c64d2 {\n display: flex;\n flex-direction: row;\n list-style-type: none;\n font-size: 0;\n position: relative;\n height: 40px;\n outline: none;\n padding: 0;\n}\n\n.tabsWrapper_d560b03d5e .tabsList_9e8a0c64d2.sm_265aab38fa {\n height: 32px;\n}\n\n.tabsWrapper_d560b03d5e .tabsList_9e8a0c64d2.lg_646bba86b0 {\n height: 48px;\n}\n\n.tabsWrapper_d560b03d5e.stretched_be8b6228ac .tabsList_9e8a0c64d2 {\n width: 100%;\n}\n\n.tabsWrapper_d560b03d5e.stretched_be8b6228ac .tabsList_9e8a0c64d2 .tabListTabWrapper_0eace11914 {\n width: 100%;\n}\n\n.tabsWrapper_d560b03d5e.stretched_be8b6228ac .tabsList_9e8a0c64d2 .tabListTabWrapper_0eace11914 .tabListTabInner_0eace11914 {\n width: 100%;\n}\n\n.tabsWrapper_d560b03d5e.disabled_fc240b6a40 {\n opacity: 0;\n height: 0;\n padding-bottom: 5px;\n pointer-events: none;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=TabList.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={tabPanelWrapper:"
|
|
1
|
+
var e={tabPanelWrapper:"tabPanelWrapper_86971537b2"};!function(e){const t="s_id-82244d4a2f7b_3_50_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tabPanelWrapper_86971537b2 {\n color: var(--primary-text-color);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=TabPanel.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={tabPanelsWrapper:"
|
|
1
|
+
var e={tabPanelsWrapper:"tabPanelsWrapper_2dd551b33d",tabPanel:"tabPanel_430134731e",animationDirectionRtl:"animationDirectionRtl_65813e9275",animationDirectionLtr:"animationDirectionLtr_fb10c06a31",active:"active_02b23d1012",panelSlideIn:"panelSlideIn_7288c27c24"};!function(e){const n="s_id-078bacbdb1e4_3_50_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tabPanelsWrapper_2dd551b33d .tabPanel_430134731e {\n display: none;\n}\n\n.tabPanelsWrapper_2dd551b33d .tabPanel_430134731e.animationDirectionRtl_65813e9275 {\n transform: translateX(8px);\n}\n\n.tabPanelsWrapper_2dd551b33d .tabPanel_430134731e.animationDirectionLtr_fb10c06a31 {\n transform: translateX(-8px);\n}\n\n.tabPanelsWrapper_2dd551b33d .tabPanel_430134731e.active_02b23d1012 {\n display: block;\n animation: panelSlideIn_7288c27c24 var(--motion-productive-long) forwards var(--motion-timing-enter);\n}\n\n@keyframes panelSlideIn_7288c27c24 {\n 100% {\n transform: translateX(0%);\n }\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=TabPanels.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var t={text1Bold:"
|
|
1
|
+
var t={text1Bold:"text1Bold_88b0cb7b15",text1Medium:"text1Medium_ed6dfc3ba7",text1Normal:"text1Normal_9e4864c66c",text2Bold:"text2Bold_77da5d8aee",text2Medium:"text2Medium_86f922da1c",text2Normal:"text2Normal_7d29e821f3",text3Bold:"text3Bold_f524a19dc6",text3Medium:"text3Medium_14a6ec9680",text3Normal:"text3Normal_08a27f1408",text:"text_7550315c59"};!function(t){const e="s_id-0b8dab5fe88c_3_50_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".text1Bold_88b0cb7b15 {\n font: var(--font-text1-bold);\n}\n\n.text1Medium_ed6dfc3ba7 {\n font: var(--font-text1-medium);\n}\n\n.text1Normal_9e4864c66c {\n font: var(--font-text1-normal);\n}\n\n.text2Bold_77da5d8aee {\n font: var(--font-text2-bold);\n}\n\n.text2Medium_86f922da1c {\n font: var(--font-text2-medium);\n}\n\n.text2Normal_7d29e821f3 {\n font: var(--font-text2-normal);\n}\n\n.text3Bold_f524a19dc6 {\n font: var(--font-text3-bold);\n}\n\n.text3Medium_14a6ec9680 {\n font: var(--font-text3-medium);\n}\n\n.text3Normal_08a27f1408 {\n font: var(--font-text3-normal);\n}\n\np:first-of-type.text_7550315c59 {\n margin-block: 0;\n}\n\np.text_7550315c59 + p {\n margin-block-start: var(--spacing-large);\n margin-block-end: 0;\n}");export{t as default};
|
|
2
2
|
//# sourceMappingURL=Text.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={textAreaWrapper:"
|
|
1
|
+
var e={textAreaWrapper:"textAreaWrapper_4b356483a5",label:"label_e00b0e3aeb",required:"required_fee8405ae4",subTextContainer:"subTextContainer_3cbf0c8815",helpText:"helpText_d91ebabc9e",limitText:"limitText_06c599430b",textArea:"textArea_380efa875d",small:"small_7d29e821f3",large:"large_9e4864c66c",resize:"resize_f20a80f9b2",success:"success_2c4fd3676d",error:"error_2b6006f864",disabled:"disabled_fee8405ae4",readOnly:"readOnly_fee8405ae4"};!function(e){const r="s_id-c3fc7910bb37_3_50_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('.textAreaWrapper_4b356483a5 {\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: var(--spacing-xs);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n font: var(--font-text2-normal);\n}\n.textAreaWrapper_4b356483a5 .label_e00b0e3aeb {\n display: inline-flex;\n gap: var(--spacing-xs);\n color: var(--primary-text-color);\n}\n.textAreaWrapper_4b356483a5 .label_e00b0e3aeb.required_fee8405ae4::after {\n content: "*";\n color: var(--color-error);\n}\n.textAreaWrapper_4b356483a5 .subTextContainer_3cbf0c8815 {\n color: var(--secondary-text-color);\n}\n.textAreaWrapper_4b356483a5 .subTextContainer_3cbf0c8815 .helpText_d91ebabc9e {\n display: flex;\n}\n.textAreaWrapper_4b356483a5 .subTextContainer_3cbf0c8815 .limitText_06c599430b {\n margin-left: auto;\n}\n.textAreaWrapper_4b356483a5 .textArea_380efa875d {\n resize: vertical;\n border: 1px solid var(--ui-border-color);\n border-radius: var(--border-radius-small);\n padding: var(--spacing-small) var(--spacing-medium);\n outline: none;\n background-color: var(--secondary-background-color);\n color: var(--primary-text-color);\n}\n.textAreaWrapper_4b356483a5 .textArea_380efa875d:hover {\n border-color: var(--primary-text-color);\n}\n.textAreaWrapper_4b356483a5 .textArea_380efa875d:active, .textAreaWrapper_4b356483a5 .textArea_380efa875d:focus, .textAreaWrapper_4b356483a5 .textArea_380efa875d:focus-within {\n border-color: var(--primary-color);\n}\n.textAreaWrapper_4b356483a5 .textArea_380efa875d.small_7d29e821f3 {\n font: var(--font-text2-normal);\n}\n.textAreaWrapper_4b356483a5 .textArea_380efa875d.large_9e4864c66c {\n font: var(--font-text1-normal);\n}\n.textAreaWrapper_4b356483a5 .textArea_380efa875d:not(.resize_f20a80f9b2) {\n resize: none;\n}\n.textAreaWrapper_4b356483a5.success_2c4fd3676d .textArea_380efa875d {\n border-color: var(--color-success);\n}\n.textAreaWrapper_4b356483a5.success_2c4fd3676d .helpText_d91ebabc9e {\n color: var(--color-success);\n}\n.textAreaWrapper_4b356483a5.error_2b6006f864 .textArea_380efa875d {\n border-color: var(--color-error);\n}\n.textAreaWrapper_4b356483a5.error_2b6006f864 .helpText_d91ebabc9e,\n.textAreaWrapper_4b356483a5.error_2b6006f864 .limitText_06c599430b {\n color: var(--color-error);\n}\n.textAreaWrapper_4b356483a5.disabled_fee8405ae4 .textArea_380efa875d,\n.textAreaWrapper_4b356483a5.disabled_fee8405ae4 .textArea_380efa875d:hover {\n color: var(--disabled-text-color);\n background-color: var(--disabled-background-color);\n border-color: transparent;\n resize: none;\n}\n.textAreaWrapper_4b356483a5.disabled_fee8405ae4 .helpText_d91ebabc9e {\n color: var(--disabled-text-color);\n}\n.textAreaWrapper_4b356483a5.readOnly_fee8405ae4 .textArea_380efa875d,\n.textAreaWrapper_4b356483a5.readOnly_fee8405ae4 .textArea_380efa875d:hover {\n background-color: var(--allgrey-background-color);\n border-color: transparent;\n resize: none;\n}');export{e as default};
|
|
2
2
|
//# sourceMappingURL=TextArea.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={textField:"textField_f6803ade0e",labelWrapper:"labelWrapper_a3b449ef31",subTextContainer:"subTextContainer_fc331a6dee",counter:"counter_2f9a2f96b4",disabled:"disabled_b6ede41e08",icon:"icon_01989db724",inputWrapper:"inputWrapper_01989db724",input:"input_fa63d45369",iconContainer:"iconContainer_d41b922ded",iconContainerHasIcon:"iconContainerHasIcon_a4b886a208",readOnly:"readOnly_8403ceec1e",inputHover:"inputHover_d9465c09df",inputActive:"inputActive_2fab932de2",inputHasIcon:"inputHasIcon_db5771500e",round:"round_246e9dc70d",square:"square_bb6d701d1d",onlyUnderline:"onlyUnderline_ad601b9fab",tooltipContainer:"tooltipContainer_7002e149d3",wrapperSizeMedium:"wrapperSizeMedium_7e6c8d8aa9",wrapperSizeLarge:"wrapperSizeLarge_b1b07b5027",iconContainerActive:"iconContainerActive_26044b44dd",iconContainerClickable:"iconContainerClickable_66c667cb1e",inputErrorValidation:"inputErrorValidation_a4b886a208",subTextContainerStatus:"subTextContainerStatus_f0091f307c",inputSuccessValidation:"inputSuccessValidation_4f228bc521",wrapperSizeSmall:"wrapperSizeSmall_64f54f2f0b",inputWrapperSizeSmall:"inputWrapperSizeSmall_d3c14b33f1",loaderContainer:"loaderContainer_49e3cfe848",loaderContainerHasIcon:"loaderContainerHasIcon_9886ce5f7a",loader:"loader_7e63761781",loaderSvg:"loaderSvg_50d4171b0b"};!function(e){const n="s_id-6ee97e87df70_3_48_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".textField_f6803ade0e {\n position: relative;\n box-sizing: border-box;\n font: var(--font-text2-normal);\n width: 100%;\n}\n\n.textField_f6803ade0e * {\n box-sizing: border-box;\n}\n\n.textField_f6803ade0e .labelWrapper_a3b449ef31 {\n width: 100%;\n}\n\n.textField_f6803ade0e .subTextContainer_fc331a6dee {\n display: flex;\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n padding-block: 1px;\n}\n\n.textField_f6803ade0e .subTextContainer_fc331a6dee .counter_2f9a2f96b4 {\n margin-left: auto;\n}\n\n.textField_f6803ade0e.disabled_b6ede41e08 .icon_01989db724 {\n cursor: not-allowed;\n}\n\n.textField_f6803ade0e.disabled_b6ede41e08 .inputWrapper_01989db724 {\n cursor: not-allowed;\n}\n\n.textField_f6803ade0e.disabled_b6ede41e08 .inputWrapper_01989db724 .input_fa63d45369 {\n user-select: none;\n border: none;\n pointer-events: none;\n background-color: var(--disabled-background-color);\n cursor: not-allowed;\n}\n\n.textField_f6803ade0e.disabled_b6ede41e08 .inputWrapper_01989db724 .input_fa63d45369::placeholder {\n color: var(--disabled-text-color);\n}\n\n.textField_f6803ade0e.disabled_b6ede41e08 .inputWrapper_01989db724 .iconContainer_d41b922ded.iconContainerHasIcon_a4b886a208:hover {\n background-color: transparent;\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724 {\n width: 100%;\n position: relative;\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724 .input_fa63d45369 {\n width: 100%;\n height: 100%;\n outline: 0;\n background-color: var(--secondary-background-color);\n border: 1px solid;\n border-color: var(--ui-border-color);\n border-radius: var(--border-radius-small);\n transition: border-color var(--motion-productive-medium) ease-in;\n padding: var(--spacing-small) var(--spacing-medium);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n color: var(--primary-text-color);\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724 .input_fa63d45369.readOnly_8403ceec1e {\n background-color: var(--allgrey-background-color);\n border: none;\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724 .input_fa63d45369.inputHover_d9465c09df {\n border-color: var(--primary-text-color);\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724 .input_fa63d45369:focus,\n.textField_f6803ade0e .inputWrapper_01989db724 .input_fa63d45369:active,\n.textField_f6803ade0e .inputWrapper_01989db724 .input_fa63d45369.inputActive_2fab932de2 {\n border-color: var(--primary-color);\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724 .input_fa63d45369::placeholder {\n color: var(--secondary-text-color);\n font-weight: 400;\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724 .input_fa63d45369.inputHasIcon_db5771500e {\n padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724 .input_fa63d45369.round_246e9dc70d {\n border-radius: 50px;\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724 .input_fa63d45369.square_bb6d701d1d {\n border-radius: 0;\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724 .input_fa63d45369.onlyUnderline_ad601b9fab {\n border-left: none;\n border-right: none;\n border-top: none;\n padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-xs);\n border-radius: 0 !important;\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724 .tooltipContainer_7002e149d3 {\n position: absolute;\n top: 50%;\n right: 0;\n width: 32px;\n height: 20px;\n transform: translateY(-50%);\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724.wrapperSizeMedium_7e6c8d8aa9 .tooltipContainer_7002e149d3 {\n width: 40px;\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724.wrapperSizeLarge_b1b07b5027 .tooltipContainer_7002e149d3 {\n width: 46px;\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724 .iconContainer_d41b922ded {\n position: absolute;\n top: 50%;\n right: 4px;\n width: 24px;\n height: 24px;\n transform: translateY(-50%);\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: var(--border-radius-small);\n opacity: 0;\n pointer-events: none;\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724 .iconContainer_d41b922ded {\n -webkit-appearance: none;\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724 .iconContainer_d41b922ded.iconContainerActive_26044b44dd.iconContainerHasIcon_a4b886a208.iconContainerClickable_66c667cb1e {\n pointer-events: all;\n cursor: pointer;\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724 .iconContainer_d41b922ded.iconContainerActive_26044b44dd.iconContainerHasIcon_a4b886a208:not(.iconContainerClickable_66c667cb1e) {\n pointer-events: none;\n cursor: default;\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724 .iconContainer_d41b922ded.iconContainerActive_26044b44dd {\n opacity: 1;\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724 .iconContainer_d41b922ded.iconContainerActive_26044b44dd .icon_01989db724 {\n opacity: 1;\n pointer-events: all;\n transform: rotate(0) scale(1);\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724 .iconContainer_d41b922ded.iconContainerHasIcon_a4b886a208.iconContainerClickable_66c667cb1e:hover {\n background-color: var(--primary-background-hover-color);\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724 .iconContainer_d41b922ded.iconContainerHasIcon_a4b886a208.iconContainerClickable_66c667cb1e:active {\n transform: translateY(-50%) scale(0.9);\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724 .iconContainer_d41b922ded .icon_01989db724 {\n transform: rotate(90deg) scale(0.8);\n color: var(--icon-color);\n will-change: transform;\n pointer-events: none;\n transition: color var(--motion-productive-short) var(--motion-timing-enter), transform var(--motion-productive-short) var(--motion-timing-enter);\n font-size: 14px;\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724.inputErrorValidation_a4b886a208:hover .input_fa63d45369 {\n border-color: var(--negative-color);\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724.inputErrorValidation_a4b886a208 .input_fa63d45369 {\n border-color: var(--negative-color);\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724.inputErrorValidation_a4b886a208 .input_fa63d45369:focus,\n.textField_f6803ade0e .inputWrapper_01989db724.inputErrorValidation_a4b886a208 .input_fa63d45369:active {\n border-color: var(--negative-color);\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724.inputErrorValidation_a4b886a208 .iconContainer_d41b922ded .icon_01989db724 {\n color: var(--negative-color);\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724.inputErrorValidation_a4b886a208 .iconContainer_d41b922ded .icon_01989db724:hover {\n color: var(--negative-color);\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724.inputErrorValidation_a4b886a208 + .subTextContainer_fc331a6dee .subTextContainerStatus_f0091f307c,\n.textField_f6803ade0e .inputWrapper_01989db724.inputErrorValidation_a4b886a208 + .subTextContainer_fc331a6dee .counter_2f9a2f96b4 {\n color: var(--negative-color);\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724.inputSuccessValidation_4f228bc521:hover .input_fa63d45369 {\n border-color: var(--positive-color);\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724.inputSuccessValidation_4f228bc521 .input_fa63d45369 {\n border-color: var(--positive-color);\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724.inputSuccessValidation_4f228bc521 .input_fa63d45369:focus,\n.textField_f6803ade0e .inputWrapper_01989db724.inputSuccessValidation_4f228bc521 .input_fa63d45369:active {\n border-color: var(--positive-color);\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724.inputSuccessValidation_4f228bc521 .iconContainer_d41b922ded .icon_01989db724 {\n color: var(--positive-color);\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724.inputSuccessValidation_4f228bc521 .iconContainer_d41b922ded .icon_01989db724:hover {\n color: var(--positive-color);\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724.inputSuccessValidation_4f228bc521 + .subTextContainer_fc331a6dee .subTextContainerStatus_f0091f307c {\n color: var(--positive-color);\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724.wrapperSizeSmall_64f54f2f0b {\n height: 32px;\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724.wrapperSizeSmall_64f54f2f0b .input_fa63d45369 {\n font: var(--font-text2-normal);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724.inputWrapperSizeSmall_d3c14b33f1 .input_fa63d45369.inputHasIcon_db5771500e.onlyUnderline_ad601b9fab {\n padding-left: var(--spacing-xs);\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724.wrapperSizeMedium_7e6c8d8aa9 {\n height: 40px;\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724.wrapperSizeMedium_7e6c8d8aa9 .input_fa63d45369 {\n font: var(--font-text1-normal);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724.wrapperSizeMedium_7e6c8d8aa9 .input_fa63d45369.inputHasIcon_db5771500e {\n padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724.wrapperSizeMedium_7e6c8d8aa9 .input_fa63d45369.inputHasIcon_db5771500e.onlyUnderline_ad601b9fab {\n padding-left: 4px;\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724.wrapperSizeMedium_7e6c8d8aa9 .iconContainer_d41b922ded {\n pointer-events: none;\n height: 32px;\n width: 32px;\n outline: none;\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724.wrapperSizeMedium_7e6c8d8aa9 .iconContainer_d41b922ded .icon_01989db724 {\n font-size: 16px;\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724.wrapperSizeMedium_7e6c8d8aa9 .iconContainer_d41b922ded:hover + .iconContainer_d41b922ded + .input_fa63d45369 {\n border-color: var(--primary-text-color);\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724.wrapperSizeLarge_b1b07b5027 {\n height: 48px;\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724.wrapperSizeLarge_b1b07b5027 .input_fa63d45369 {\n font: var(--font-text1-normal);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724.wrapperSizeLarge_b1b07b5027 .input_fa63d45369.inputHasIcon_db5771500e {\n padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724.wrapperSizeLarge_b1b07b5027 .input_fa63d45369.inputHasIcon_db5771500e.onlyUnderline_ad601b9fab {\n padding-left: var(--spacing-xs);\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724.wrapperSizeLarge_b1b07b5027 .iconContainer_d41b922ded {\n height: 40px;\n width: 40px;\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724.wrapperSizeLarge_b1b07b5027 .iconContainer_d41b922ded .icon_01989db724 {\n font-size: 16px;\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724:hover .input_fa63d45369 {\n border-color: var(--primary-text-color);\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724 .loaderContainer_49e3cfe848 {\n position: absolute;\n top: 50%;\n right: 4px;\n width: 24px;\n height: 24px;\n transform: translateY(-50%);\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724 .loaderContainer_49e3cfe848.loaderContainerHasIcon_9886ce5f7a {\n right: 32px;\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724 .loaderContainer_49e3cfe848 .loader_7e63761781 {\n width: 16px;\n height: 16px;\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724 .loaderContainer_49e3cfe848 .loader_7e63761781 .loaderSvg_50d4171b0b {\n color: var(--secondary-text-color);\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724 .iconContainer_d41b922ded .icon_01989db724 {\n font-family: var(--font-family);\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724.wrapperSizeMedium_7e6c8d8aa9 .iconContainer_d41b922ded .icon_01989db724 {\n font-family: var(--font-family);\n}\n\n.textField_f6803ade0e .inputWrapper_01989db724.wrapperSizeLarge_b1b07b5027 .iconContainer_d41b922ded .icon_01989db724 {\n font-family: var(--font-family);\n}\n\n.dark-app-theme input[type=date]::-webkit-calendar-picker-indicator, .black-app-theme input[type=date]::-webkit-calendar-picker-indicator, .hacker_theme-app-theme input[type=date]::-webkit-calendar-picker-indicator,\n.dark-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.black-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.hacker_theme-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator {\n filter: invert(1);\n}");export{e as default};
|
|
1
|
+
var n={textField:"textField_0430b5b8b6",labelWrapper:"labelWrapper_0eace11914",subTextContainer:"subTextContainer_5181fa4106",counter:"counter_06c599430b",disabled:"disabled_e21cd11189",icon:"icon_e102f2d396",inputWrapper:"inputWrapper_e102f2d396",input:"input_a7626a4472",iconContainer:"iconContainer_35976b50ac",iconContainerHasIcon:"iconContainerHasIcon_b6dc39dfc6",readOnly:"readOnly_40ec8dda97",inputHover:"inputHover_263ae92a0f",inputActive:"inputActive_d01b13355a",inputHasIcon:"inputHasIcon_2d6e7fb010",round:"round_de765da569",square:"square_9625045865",onlyUnderline:"onlyUnderline_dc6a19106f",tooltipContainer:"tooltipContainer_08c0ac6572",wrapperSizeMedium:"wrapperSizeMedium_61340f8595",wrapperSizeLarge:"wrapperSizeLarge_646bba86b0",iconContainerActive:"iconContainerActive_2aa0f294b4",iconContainerClickable:"iconContainerClickable_2b021e5bbf",inputErrorValidation:"inputErrorValidation_b6dc39dfc6",subTextContainerStatus:"subTextContainerStatus_bcd2f03703",inputSuccessValidation:"inputSuccessValidation_90477acfaa",wrapperSizeSmall:"wrapperSizeSmall_265aab38fa",inputWrapperSizeSmall:"inputWrapperSizeSmall_48f934a34c",loaderContainer:"loaderContainer_3d0e0c25ed",loaderContainerHasIcon:"loaderContainerHasIcon_9d68568140",loader:"loader_108ec1c39e",loaderSvg:"loaderSvg_3cbf0c8815"};!function(n){const e="s_id-6ee97e87df70_3_50_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".textField_0430b5b8b6 {\n position: relative;\n box-sizing: border-box;\n font: var(--font-text2-normal);\n width: 100%;\n}\n\n.textField_0430b5b8b6 * {\n box-sizing: border-box;\n}\n\n.textField_0430b5b8b6 .labelWrapper_0eace11914 {\n width: 100%;\n}\n\n.textField_0430b5b8b6 .subTextContainer_5181fa4106 {\n display: flex;\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n padding-block: 1px;\n}\n\n.textField_0430b5b8b6 .subTextContainer_5181fa4106 .counter_06c599430b {\n margin-left: auto;\n}\n\n.textField_0430b5b8b6.disabled_e21cd11189 .icon_e102f2d396 {\n cursor: not-allowed;\n}\n\n.textField_0430b5b8b6.disabled_e21cd11189 .inputWrapper_e102f2d396 {\n cursor: not-allowed;\n}\n\n.textField_0430b5b8b6.disabled_e21cd11189 .inputWrapper_e102f2d396 .input_a7626a4472 {\n user-select: none;\n border: none;\n pointer-events: none;\n background-color: var(--disabled-background-color);\n cursor: not-allowed;\n}\n\n.textField_0430b5b8b6.disabled_e21cd11189 .inputWrapper_e102f2d396 .input_a7626a4472::placeholder {\n color: var(--disabled-text-color);\n}\n\n.textField_0430b5b8b6.disabled_e21cd11189 .inputWrapper_e102f2d396 .iconContainer_35976b50ac.iconContainerHasIcon_b6dc39dfc6:hover {\n background-color: transparent;\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 {\n width: 100%;\n position: relative;\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 .input_a7626a4472 {\n width: 100%;\n height: 100%;\n outline: 0;\n background-color: var(--secondary-background-color);\n border: 1px solid;\n border-color: var(--ui-border-color);\n border-radius: var(--border-radius-small);\n transition: border-color var(--motion-productive-medium) ease-in;\n padding: var(--spacing-small) var(--spacing-medium);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n color: var(--primary-text-color);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 .input_a7626a4472.readOnly_40ec8dda97 {\n background-color: var(--allgrey-background-color);\n border: none;\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 .input_a7626a4472.inputHover_263ae92a0f {\n border-color: var(--primary-text-color);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 .input_a7626a4472:focus,\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 .input_a7626a4472:active,\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 .input_a7626a4472.inputActive_d01b13355a {\n border-color: var(--primary-color);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 .input_a7626a4472::placeholder {\n color: var(--secondary-text-color);\n font-weight: 400;\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 .input_a7626a4472.inputHasIcon_2d6e7fb010 {\n padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 .input_a7626a4472.round_de765da569 {\n border-radius: 50px;\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 .input_a7626a4472.square_9625045865 {\n border-radius: 0;\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 .input_a7626a4472.onlyUnderline_dc6a19106f {\n border-left: none;\n border-right: none;\n border-top: none;\n padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-xs);\n border-radius: 0 !important;\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 .tooltipContainer_08c0ac6572 {\n position: absolute;\n top: 50%;\n right: 0;\n width: 32px;\n height: 20px;\n transform: translateY(-50%);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.wrapperSizeMedium_61340f8595 .tooltipContainer_08c0ac6572 {\n width: 40px;\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.wrapperSizeLarge_646bba86b0 .tooltipContainer_08c0ac6572 {\n width: 46px;\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 .iconContainer_35976b50ac {\n position: absolute;\n top: 50%;\n right: 4px;\n width: 24px;\n height: 24px;\n transform: translateY(-50%);\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: var(--border-radius-small);\n opacity: 0;\n pointer-events: none;\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 .iconContainer_35976b50ac {\n -webkit-appearance: none;\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 .iconContainer_35976b50ac.iconContainerActive_2aa0f294b4.iconContainerHasIcon_b6dc39dfc6.iconContainerClickable_2b021e5bbf {\n pointer-events: all;\n cursor: pointer;\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 .iconContainer_35976b50ac.iconContainerActive_2aa0f294b4.iconContainerHasIcon_b6dc39dfc6:not(.iconContainerClickable_2b021e5bbf) {\n pointer-events: none;\n cursor: default;\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 .iconContainer_35976b50ac.iconContainerActive_2aa0f294b4 {\n opacity: 1;\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 .iconContainer_35976b50ac.iconContainerActive_2aa0f294b4 .icon_e102f2d396 {\n opacity: 1;\n pointer-events: all;\n transform: rotate(0) scale(1);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 .iconContainer_35976b50ac.iconContainerHasIcon_b6dc39dfc6.iconContainerClickable_2b021e5bbf:hover {\n background-color: var(--primary-background-hover-color);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 .iconContainer_35976b50ac.iconContainerHasIcon_b6dc39dfc6.iconContainerClickable_2b021e5bbf:active {\n transform: translateY(-50%) scale(0.9);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 .iconContainer_35976b50ac .icon_e102f2d396 {\n transform: rotate(90deg) scale(0.8);\n color: var(--icon-color);\n will-change: transform;\n pointer-events: none;\n transition: color var(--motion-productive-short) var(--motion-timing-enter), transform var(--motion-productive-short) var(--motion-timing-enter);\n font-size: 14px;\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.inputErrorValidation_b6dc39dfc6:hover .input_a7626a4472 {\n border-color: var(--negative-color);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.inputErrorValidation_b6dc39dfc6 .input_a7626a4472 {\n border-color: var(--negative-color);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.inputErrorValidation_b6dc39dfc6 .input_a7626a4472:focus,\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.inputErrorValidation_b6dc39dfc6 .input_a7626a4472:active {\n border-color: var(--negative-color);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.inputErrorValidation_b6dc39dfc6 .iconContainer_35976b50ac .icon_e102f2d396 {\n color: var(--negative-color);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.inputErrorValidation_b6dc39dfc6 .iconContainer_35976b50ac .icon_e102f2d396:hover {\n color: var(--negative-color);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.inputErrorValidation_b6dc39dfc6 + .subTextContainer_5181fa4106 .subTextContainerStatus_bcd2f03703,\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.inputErrorValidation_b6dc39dfc6 + .subTextContainer_5181fa4106 .counter_06c599430b {\n color: var(--negative-color);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.inputSuccessValidation_90477acfaa:hover .input_a7626a4472 {\n border-color: var(--positive-color);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.inputSuccessValidation_90477acfaa .input_a7626a4472 {\n border-color: var(--positive-color);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.inputSuccessValidation_90477acfaa .input_a7626a4472:focus,\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.inputSuccessValidation_90477acfaa .input_a7626a4472:active {\n border-color: var(--positive-color);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.inputSuccessValidation_90477acfaa .iconContainer_35976b50ac .icon_e102f2d396 {\n color: var(--positive-color);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.inputSuccessValidation_90477acfaa .iconContainer_35976b50ac .icon_e102f2d396:hover {\n color: var(--positive-color);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.inputSuccessValidation_90477acfaa + .subTextContainer_5181fa4106 .subTextContainerStatus_bcd2f03703 {\n color: var(--positive-color);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.wrapperSizeSmall_265aab38fa {\n height: 32px;\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.wrapperSizeSmall_265aab38fa .input_a7626a4472 {\n font: var(--font-text2-normal);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.inputWrapperSizeSmall_48f934a34c .input_a7626a4472.inputHasIcon_2d6e7fb010.onlyUnderline_dc6a19106f {\n padding-left: var(--spacing-xs);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.wrapperSizeMedium_61340f8595 {\n height: 40px;\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.wrapperSizeMedium_61340f8595 .input_a7626a4472 {\n font: var(--font-text1-normal);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.wrapperSizeMedium_61340f8595 .input_a7626a4472.inputHasIcon_2d6e7fb010 {\n padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.wrapperSizeMedium_61340f8595 .input_a7626a4472.inputHasIcon_2d6e7fb010.onlyUnderline_dc6a19106f {\n padding-left: 4px;\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.wrapperSizeMedium_61340f8595 .iconContainer_35976b50ac {\n pointer-events: none;\n height: 32px;\n width: 32px;\n outline: none;\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.wrapperSizeMedium_61340f8595 .iconContainer_35976b50ac .icon_e102f2d396 {\n font-size: 16px;\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.wrapperSizeMedium_61340f8595 .iconContainer_35976b50ac:hover + .iconContainer_35976b50ac + .input_a7626a4472 {\n border-color: var(--primary-text-color);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.wrapperSizeLarge_646bba86b0 {\n height: 48px;\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.wrapperSizeLarge_646bba86b0 .input_a7626a4472 {\n font: var(--font-text1-normal);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.wrapperSizeLarge_646bba86b0 .input_a7626a4472.inputHasIcon_2d6e7fb010 {\n padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.wrapperSizeLarge_646bba86b0 .input_a7626a4472.inputHasIcon_2d6e7fb010.onlyUnderline_dc6a19106f {\n padding-left: var(--spacing-xs);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.wrapperSizeLarge_646bba86b0 .iconContainer_35976b50ac {\n height: 40px;\n width: 40px;\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.wrapperSizeLarge_646bba86b0 .iconContainer_35976b50ac .icon_e102f2d396 {\n font-size: 16px;\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396:hover .input_a7626a4472 {\n border-color: var(--primary-text-color);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 .loaderContainer_3d0e0c25ed {\n position: absolute;\n top: 50%;\n right: 4px;\n width: 24px;\n height: 24px;\n transform: translateY(-50%);\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 .loaderContainer_3d0e0c25ed.loaderContainerHasIcon_9d68568140 {\n right: 32px;\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 .loaderContainer_3d0e0c25ed .loader_108ec1c39e {\n width: 16px;\n height: 16px;\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 .loaderContainer_3d0e0c25ed .loader_108ec1c39e .loaderSvg_3cbf0c8815 {\n color: var(--secondary-text-color);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396 .iconContainer_35976b50ac .icon_e102f2d396 {\n font-family: var(--font-family);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.wrapperSizeMedium_61340f8595 .iconContainer_35976b50ac .icon_e102f2d396 {\n font-family: var(--font-family);\n}\n\n.textField_0430b5b8b6 .inputWrapper_e102f2d396.wrapperSizeLarge_646bba86b0 .iconContainer_35976b50ac .icon_e102f2d396 {\n font-family: var(--font-family);\n}\n\n.dark-app-theme input[type=date]::-webkit-calendar-picker-indicator, .black-app-theme input[type=date]::-webkit-calendar-picker-indicator, .hacker_theme-app-theme input[type=date]::-webkit-calendar-picker-indicator,\n.dark-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.black-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.hacker_theme-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator {\n filter: invert(1);\n}");export{n as default};
|
|
2
2
|
//# sourceMappingURL=TextField.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={textWithHighlightWrapper:"
|
|
1
|
+
var e={textWithHighlightWrapper:"textWithHighlightWrapper_ad8d5ff663",highlightText:"highlightText_94b3f1c04f",withEllipsis:"withEllipsis_001e262bc5"};!function(e){const t="s_id-42c1fd2afe36_3_50_0";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)}(".textWithHighlightWrapper_ad8d5ff663 {\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n}\n\n.textWithHighlightWrapper_ad8d5ff663 em.highlightText_94b3f1c04f {\n background-color: var(--primary-selected-color);\n color: var(--primary-text-color);\n border-radius: 2px;\n}\n\n.textWithHighlightWrapper_ad8d5ff663.withEllipsis_001e262bc5 {\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: var(--heading-clamp-lines);\n -webkit-box-orient: vertical;\n white-space: initial;\n word-break: break-word;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=TextWithHighlight.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={tipseenWrapper:"
|
|
1
|
+
var e={tipseenWrapper:"tipseenWrapper_d09ed76f77",tipseenWrapperWithoutCustomWidth:"tipseenWrapperWithoutCustomWidth_24ecb99d3e",floating:"floating_70693c1a9f",tipseenHeader:"tipseenHeader_f927e0c2eb",tipseenTitle:"tipseenTitle_686be5e65c",tipseenContent:"tipseenContent_1ae0af6114",tipseenCloseButton:"tipseenCloseButton_1f563dc44a",dark:"dark_da520683db"};!function(e){const t="s_id-33da00d2ba25_3_50_0";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)}(".tipseenWrapper_d09ed76f77 {\n min-width: 100px;\n min-height: 40px;\n --tooltip-padding: 0;\n --tooltip-border-radius: var(--border-radius-medium);\n --tooltip-max-width: initial;\n}\n.tipseenWrapper_d09ed76f77.tipseenWrapperWithoutCustomWidth_24ecb99d3e {\n --tooltip-max-width: 320px;\n}\n.tipseenWrapper_d09ed76f77.floating_70693c1a9f {\n position: fixed;\n bottom: 0;\n right: 0;\n margin-bottom: var(--spacing-medium);\n margin-right: var(--spacing-medium);\n}\n.tipseenWrapper_d09ed76f77 .tipseenHeader_f927e0c2eb {\n display: flex;\n justify-content: flex-start;\n}\n.tipseenWrapper_d09ed76f77 .tipseenTitle_686be5e65c {\n padding: var(--spacing-medium) var(--spacing-xl) 0 var(--spacing-medium);\n}\n.tipseenWrapper_d09ed76f77 .tipseenContent_1ae0af6114 {\n margin: 0;\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tipseenWrapper_d09ed76f77 .tipseenCloseButton_1f563dc44a {\n position: absolute;\n top: var(--spacing-small);\n right: var(--spacing-small);\n z-index: 2;\n}\n.tipseenWrapper_d09ed76f77 .tipseenCloseButton_1f563dc44a.dark_da520683db {\n color: var(--color-asphalt);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=Tipseen.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={tipseenBasicContent:"
|
|
1
|
+
var e={tipseenBasicContent:"tipseenBasicContent_cf13bfa615"};!function(e){const n="s_id-e688002d63b5_3_50_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tipseenBasicContent_cf13bfa615 {\n padding: var(--spacing-medium) 20px var(--spacing-large) 20px;\n display: flex;\n flex-direction: column;\n}\n.tipseenBasicContent_cf13bfa615:not(:first-child) {\n padding-top: 12px;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=TipseenBasicContent.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={buttons:"
|
|
1
|
+
var e={buttons:"buttons_084152ef47",dismiss:"dismiss_9c0acf37c1"};!function(e){const t="s_id-91df242cd10d_3_50_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const s=document.createElement("style");s.id=t,n.firstChild?n.insertBefore(s,n.firstChild):n.appendChild(s),s.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".buttons_084152ef47 {\n margin-top: 20px;\n display: flex;\n justify-content: flex-end;\n}\n\n.dismiss_9c0acf37c1 {\n margin-right: var(--spacing-small);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=TipseenContent.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={tipseenImage:"
|
|
1
|
+
var e={tipseenImage:"tipseenImage_351f9aa9eb"};!function(e){const t="s_id-5a749fe7aaee_3_50_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tipseenImage_351f9aa9eb {\n object-fit: cover;\n width: 100%;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=TipseenImage.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={tipseenMedia:"
|
|
1
|
+
var e={tipseenMedia:"tipseenMedia_d56f2d4c1a",colorInverted:"colorInverted_443b468127"};!function(e){const d="s_id-71e151b2b729_3_50_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+d))return;const r=document.createElement("style");r.id=d,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".tipseenMedia_d56f2d4c1a {\n width: 100%;\n overflow: hidden;\n display: flex;\n border: 2px solid var(--primary-color);\n border-radius: var(--border-radius-medium);\n position: relative;\n z-index: 1;\n}\n\n.colorInverted_443b468127 {\n border-color: var(--inverted-color-background);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=TipseenMedia.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={title:"
|
|
1
|
+
var e={title:"title_be654ec1bd"};!function(e){const t="s_id-52c2fd8cbf53_3_50_0";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)}(".title_be654ec1bd {\n padding-right: var(--spacing-medium);\n padding-bottom: var(--spacing-xs);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=TipseenTitle.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={tipseenWizard:"
|
|
1
|
+
var e={tipseenWizard:"tipseenWizard_38d39a9e44",tipseenWizardWizard:"tipseenWizardWizard_0eace11914"};!function(e){const d="s_id-98eba0c83d1f_3_50_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".tipseenWizard_38d39a9e44 {\n display: flex;\n flex-direction: column;\n}\n.tipseenWizardWizard_0eace11914 {\n width: 100%;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=TipseenWizard.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var n={toast:"
|
|
1
|
+
var n={toast:"toast_539ceac7b1",typeNormal:"typeNormal_871fb9b900",typePositive:"typePositive_0a0fdc813e",typeNegative:"typeNegative_37cbf6a621",typeWarning:"typeWarning_a1d546dbd7",closeButton:"closeButton_c468abcb4d",actionButton:"actionButton_a361c04c0f",actionLink:"actionLink_2100a558ec",typeDark:"typeDark_636ea11661",icon:"icon_f8f0b47062",withTransition:"withTransition_923db31628",bounceIn:"bounceIn_271df6d2d2",content:"content_b4e4d89335",textContent:"textContent_8318329190",enterActive:"enterActive_005118bd05",slideIn:"slideIn_102c23df57",exitActive:"exitActive_8cffb37166",slideOut:"slideOut_d5dd70ce1b"};!function(n){const t="s_id-72c9912c1efa_3_50_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const e=document.createElement("style");e.id=t,a.firstChild?a.insertBefore(e,a.firstChild):a.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".toast_539ceac7b1 {\n box-shadow: var(--box-shadow-medium);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n margin: var(--spacing-medium);\n position: fixed;\n left: 50%;\n top: 0;\n margin-right: auto;\n margin-left: auto;\n padding: var(--spacing-small);\n align-items: center;\n display: flex;\n min-width: 200px;\n width: auto;\n border-radius: var(--border-radius-small);\n color: var(--fixed-light-color);\n transform: translateX(-50%);\n transition: background-color 80ms cubic-bezier(0.6, 0, 0.4, 1), width 200ms cubic-bezier(0, 0, 0.4, 1);\n}\n.toast_539ceac7b1.typeNormal_871fb9b900 {\n background-color: var(--primary-color);\n}\n.toast_539ceac7b1.typePositive_0a0fdc813e {\n background-color: var(--positive-color);\n}\n.toast_539ceac7b1.typeNegative_37cbf6a621 {\n background-color: var(--negative-color);\n}\n.toast_539ceac7b1.typeWarning_a1d546dbd7 {\n background-color: var(--warning-color);\n color: var(--fixed-dark-color);\n}\n.toast_539ceac7b1.typeWarning_a1d546dbd7 .closeButton_c468abcb4d {\n color: var(--fixed-dark-color);\n}\n.toast_539ceac7b1.typeWarning_a1d546dbd7 .actionButton_a361c04c0f,\n.toast_539ceac7b1.typeWarning_a1d546dbd7 .actionLink_2100a558ec {\n color: var(--fixed-dark-color);\n border-color: var(--fixed-dark-color);\n}\n.toast_539ceac7b1.typeDark_636ea11661 {\n background-color: var(--inverted-color-background);\n color: var(--text-color-on-inverted);\n}\n.toast_539ceac7b1.typeDark_636ea11661 .closeButton_c468abcb4d {\n color: var(--text-color-on-inverted);\n}\n.toast_539ceac7b1.typeDark_636ea11661 .actionButton_a361c04c0f,\n.toast_539ceac7b1.typeDark_636ea11661 .actionLink_2100a558ec {\n color: var(--text-color-on-inverted);\n border-color: var(--text-color-on-inverted);\n}\n.icon_f8f0b47062 {\n display: flex;\n margin-left: var(--spacing-small);\n}\n.actionButton_a361c04c0f.withTransition_923db31628 {\n opacity: 0;\n animation: bounceIn_271df6d2d2 150ms cubic-bezier(0, 0, 0.4, 1);\n animation-delay: 300ms;\n animation-fill-mode: forwards;\n}\n.content_b4e4d89335 {\n margin: 0 var(--spacing-small);\n flex: 1;\n}\n.textContent_8318329190 {\n display: inline-flex;\n flex-grow: 1;\n}\n.enterActive_005118bd05 {\n animation-iteration-count: 1;\n animation-fill-mode: forwards;\n animation-name: slideIn_102c23df57;\n animation-duration: 350ms;\n animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.exitActive_8cffb37166 {\n animation-iteration-count: 1;\n animation-fill-mode: forwards;\n animation-name: slideOut_d5dd70ce1b;\n animation-duration: 350ms;\n animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.closeButton_c468abcb4d {\n margin-left: var(--spacing-small);\n}\n@keyframes slideIn_102c23df57 {\n 0% {\n transform: translate(-50%, -100px);\n }\n 40% {\n transform: translate(-50%, 16px);\n }\n 100% {\n transform: translate(-50%, 0px);\n }\n}\n@keyframes slideOut_d5dd70ce1b {\n 0% {\n transform: translate(-50%, 0);\n }\n 100% {\n transform: translate(-50%, -100px);\n opacity: 0;\n }\n}\n@keyframes bounceIn_271df6d2d2 {\n 0% {\n transform: scale(0.8);\n opacity: 0;\n }\n 50% {\n opacity: 1;\n }\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n}");export{n as default};
|
|
2
2
|
//# sourceMappingURL=Toast.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={actionLink:"
|
|
1
|
+
var e={actionLink:"actionLink_b01404f3f4"};!function(e){const t="s_id-a224471727c9_3_50_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".actionLink_b01404f3f4 {\n color: var(--text-color-on-primary);\n -webkit-font-smoothing: auto;\n -moz-osx-font-smoothing: auto;\n}\n.actionLink_b01404f3f4:hover {\n color: inherit;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=ToastLink.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={toggle:"
|
|
1
|
+
var e={toggle:"toggle_8f355a0220","focus-visible":"focus-visible_212cbeb82b",selected:"selected_871fb9b900",notSelected:"notSelected_10b9b992bd",disabled:"disabled_012cbdee46",medium:"medium_027e9b1a5a",small:"small_ecc490f3e4"};!function(e){const n="s_id-49e22e19a989_3_50_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('.toggle_8f355a0220 {\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(--spacing-small);\n position: relative;\n height: var(--toggle-height);\n width: var(--toggle-width);\n cursor: pointer;\n border-radius: 100px !important;\n}\n.toggle_8f355a0220:focus-visible, .toggle_8f355a0220.focus-visible_212cbeb82b {\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_8f355a0220:focus:not(.focus-visible_212cbeb82b) {\n outline: none;\n}\n.toggle_8f355a0220::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: left var(--motion-productive-medium) var(--motion-timing-transition);\n}\n.toggle_8f355a0220.selected_871fb9b900 {\n background-color: var(--primary-color);\n}\n.toggle_8f355a0220.selected_871fb9b900::after {\n left: 20px;\n}\n.toggle_8f355a0220.notSelected_10b9b992bd {\n background-color: var(--ui-border-color);\n}\n.toggle_8f355a0220.notSelected_10b9b992bd::after {\n left: 3px;\n}\n.toggle_8f355a0220.disabled_012cbdee46 {\n opacity: var(--disabled-component-opacity);\n cursor: not-allowed;\n}\n.toggle_8f355a0220.medium_027e9b1a5a {\n --toggle-width: 41px;\n --toggle-height: 24px;\n}\n.toggle_8f355a0220.medium_027e9b1a5a::after {\n --circle-size: 18px;\n}\n.toggle_8f355a0220.small_ecc490f3e4 {\n --toggle-width: 28px;\n --toggle-height: 16px;\n}\n.toggle_8f355a0220.small_ecc490f3e4::after {\n --circle-size: 12px;\n top: calc(50% - 6px);\n left: 14px;\n}\n.toggle_8f355a0220.small_ecc490f3e4.notSelected_10b9b992bd::after {\n left: 2px;\n}');export{e as default};
|
|
2
2
|
//# sourceMappingURL=MockToggle.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={toggleInput:"
|
|
1
|
+
var e={toggleInput:"toggleInput_5291b8fce0","focus-visible":"focus-visible_fd288d2d59",wrapper:"wrapper_47b4db9785"};!function(e){const n="s_id-4fb1f14d4bb9_3_50_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".toggleInput_5291b8fce0:focus-visible ~ div, .toggleInput_5291b8fce0.focus-visible_fd288d2d59 ~ div {\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\n.wrapper_47b4db9785 {\n display: flex;\n align-items: center;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=Toggle.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={text:"
|
|
1
|
+
var e={text:"text_d3f30b216e",disabled:"disabled_58e57c3870"};!function(e){const t="s_id-1dee71639eb3_3_50_0";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_d3f30b216e {\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_58e57c3870 {\n color: var(--disabled-text-color);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=ToggleText.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var
|
|
1
|
+
var r={tooltip:"tooltip_42f8379500",image:"image_d9fe88a866",title:"title_77da5d8aee",content:"content_baf3553d5c",paddingSizeMd:"paddingSizeMd_628ad2ac1a",tooltipWhiteLink:"tooltipWhiteLink_7f791596e3",arrow:"arrow_803f97c0b8",dark:"dark_636ea11661",primary:"primary_98e43008c4"};!function(r){const a="s_id-6a6e92472798_3_50_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+a))return;const e=document.createElement("style");e.id=a,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=r)}(".tooltip_42f8379500 {\n position: relative;\n display: inline-block;\n border-radius: var(--tooltip-border-radius, var(--border-radius-small));\n box-shadow: var(--box-shadow-medium);\n font: var(--font-text2-normal);\n max-width: var(--tooltip-max-width, 50vw);\n word-break: break-word;\n background-color: var(--inverted-color-background);\n color: var(--text-color-on-inverted);\n --tooltip-max-width: 240px;\n white-space: pre-wrap;\n}\n.tooltip_42f8379500 .image_d9fe88a866 {\n display: block;\n position: relative;\n border-top-right-radius: 2px;\n border-top-left-radius: 2px;\n padding: 2px 2px 0 2px;\n object-fit: cover;\n width: 100%;\n height: 100%;\n min-width: var(--tooltip-max-width);\n z-index: 1;\n}\n.tooltip_42f8379500 .title_77da5d8aee {\n font: var(--font-text2-bold);\n}\n.tooltip_42f8379500 .content_baf3553d5c {\n word-break: break-word;\n display: inline-block;\n padding: var(--tooltip-padding, var(--spacing-small) var(--spacing-medium));\n}\n.tooltip_42f8379500.paddingSizeMd_628ad2ac1a {\n border-radius: var(--border-radius-medium);\n padding: var(--spacing-medium);\n font: var(--font-text2-normal);\n}\n.tooltip_42f8379500 a.tooltipWhiteLink_7f791596e3 {\n color: #fff;\n}\n.arrow_803f97c0b8,\n.dark_636ea11661,\n.arrow_803f97c0b8.dark_636ea11661 {\n background-color: var(--inverted-color-background);\n color: var(--text-color-on-inverted);\n}\n.dark-app-theme .arrow_803f97c0b8.arrow_803f97c0b8.dark_636ea11661, .black-app-theme .arrow_803f97c0b8.arrow_803f97c0b8.dark_636ea11661, .hacker-app-theme .arrow_803f97c0b8.arrow_803f97c0b8.dark_636ea11661,\n.dark-app-theme .arrow_803f97c0b8.arrow_803f97c0b8.primary_98e43008c4,\n.black-app-theme .arrow_803f97c0b8.arrow_803f97c0b8.primary_98e43008c4,\n.hacker-app-theme .arrow_803f97c0b8.arrow_803f97c0b8.primary_98e43008c4 {\n box-shadow: none;\n}\n.primary_98e43008c4,\n.arrow_803f97c0b8.primary_98e43008c4 {\n background-color: var(--primary-color);\n color: var(--text-color-on-primary);\n}");export{r as default};
|
|
2
2
|
//# sourceMappingURL=Tooltip.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={slideshow:"
|
|
1
|
+
var e={slideshow:"slideshow_0375bd8b65"};!function(e){const t="s_id-1d828e3be878_3_50_0";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_0375bd8b65 {\n width: 100%;\n height: 100%;\n min-height: 0;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=TransitionView.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var
|
|
1
|
+
var e={typography:"typography_371f72eef2","focus-visible":"focus-visible_212cbeb82b",primary:"primary_86971537b2",secondary:"secondary_3cbf0c8815",negative:"negative_3bea5c0bc3",onPrimary:"onPrimary_2b67c6f447",onInverted:"onInverted_5c7ebb16b7",fixedLight:"fixedLight_8de24f61cc",fixedDark:"fixedDark_c468abcb4d",inherit:"inherit_95c8a6ff35",alignInherit:"alignInherit_f2ee43a513",start:"start_28357dbe5b",center:"center_8b3c0f255e",end:"end_a7e203d129",singleLineEllipsis:"singleLineEllipsis_fbdc27ea85",multiLineEllipsis:"multiLineEllipsis_425546693a"};!function(e){const n="s_id-1a3a21ac499a_3_50_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,r.firstChild?r.insertBefore(i,r.firstChild):r.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".typography_371f72eef2 > a {\n text-decoration: none;\n color: var(--link-color);\n}\n.typography_371f72eef2 > a:focus-visible, .typography_371f72eef2 > a.focus-visible_212cbeb82b {\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.typography_371f72eef2 > a:focus:not(.focus-visible_212cbeb82b) {\n outline: none;\n}\n.typography_371f72eef2 > a:hover {\n text-decoration: underline;\n}\n.typography_371f72eef2:disabled, .typography_371f72eef2[aria-disabled=true] {\n color: var(--disabled-text-color);\n}\n.primary_86971537b2 {\n color: var(--primary-text-color);\n}\n.secondary_3cbf0c8815 {\n color: var(--secondary-text-color);\n}\n.negative_3bea5c0bc3 {\n color: var(--color-error);\n}\n.onPrimary_2b67c6f447 {\n color: var(--text-color-on-primary);\n}\n.onPrimary_2b67c6f447 a {\n color: var(--text-color-on-primary);\n text-decoration: underline;\n}\n.onInverted_5c7ebb16b7 {\n color: var(--text-color-on-inverted);\n}\n.onInverted_5c7ebb16b7 a {\n color: var(--text-color-on-inverted);\n text-decoration: underline;\n}\n.fixedLight_8de24f61cc {\n color: var(--fixed-light-color);\n}\n.fixedLight_8de24f61cc a {\n color: var(--fixed-light-color);\n text-decoration: underline;\n}\n.fixedDark_c468abcb4d {\n color: var(--fixed-dark-color);\n}\n.fixedDark_c468abcb4d a {\n color: var(--fixed-dark-color);\n text-decoration: underline;\n}\n.inherit_95c8a6ff35 {\n color: inherit;\n}\n.inherit_95c8a6ff35 a {\n color: inherit;\n text-decoration: underline;\n}\n.alignInherit_f2ee43a513 {\n text-align: inherit;\n}\n.start_28357dbe5b {\n text-align: start;\n}\n.center_8b3c0f255e {\n text-align: center;\n}\n.end_a7e203d129 {\n text-align: end;\n}\n.singleLineEllipsis_fbdc27ea85 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.multiLineEllipsis_425546693a {\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: var(--text-clamp-lines);\n -webkit-box-orient: vertical;\n white-space: initial;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=Typography.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={virtualizedGridWrapper:"
|
|
1
|
+
var e={virtualizedGridWrapper:"virtualizedGridWrapper_b6e3ec28e7"};!function(e){const t="s_id-03a8eed790d8_3_50_0";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)}(".virtualizedGridWrapper_b6e3ec28e7 {\n height: 100%;\n width: 100%;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=VirtualizedGrid.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={virtualizedListWrapper:"
|
|
1
|
+
var e={virtualizedListWrapper:"virtualizedListWrapper_b6e3ec28e7"};!function(e){const t="s_id-9250e4cf6c59_3_50_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,i.firstChild?i.insertBefore(d,i.firstChild):i.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".virtualizedListWrapper_b6e3ec28e7 {\n height: 100%;\n width: 100%;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=VirtualizedList.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{NavDirections as n}from"../useFullKeyboardListeners.js";function e(e){var t=e.direction,
|
|
1
|
+
import{NavDirections as n}from"../useFullKeyboardListeners.js";function e(e){var t=e.direction,i=e.numberOfItemsInLine,r=e.itemsCount,u=function(){var e=Math.floor(i/2);if(t===n.UP)return(Math.ceil(r/i)-1)*i+e;if(t===n.DOWN)return e;if(t===n.LEFT){for(var u=i-1,o=Math.floor((r-1)/2);o>u;)u+=i;return u}if(t===n.RIGHT){for(var a=0,c=Math.floor((r-1)/2);c>a+i;)a+=i;return a}}();return Math.max(0,Math.min(u,r-1))}function t(e){var t=e.activeIndex,i=e.itemsCount,r=e.numberOfItemsInLine,u=e.circularNavigation,o=void 0!==u&&u,a=function(n){return Math.ceil((n+1)/r)},c=function(n){var e=t+(n?1:-1);if(0>e||e>=i){if(!o)return{isOutbound:!0};0>e?e=i-1:i>e||(e=0)}return a(t)!==a(e)?{isOutbound:!0}:{isOutbound:!1,nextIndex:e}},s=function(n){var e=t+r*(n?1:-1);return 0>e||e>=i?{isOutbound:!0}:{isOutbound:!1,nextIndex:e}};switch(e.direction){case n.RIGHT:return c(!0);case n.LEFT:return c(!1);case n.DOWN:return s(!0);case n.UP:return s(!1)}}function i(n){for(var e=n.itemsCount,i=n.numberOfItemsInLine,r=n.direction,u=n.disabledIndexes,o=void 0===u?[]:u,a=n.circularNavigation,c=void 0!==a&&a,s=t({activeIndex:n.activeIndex,itemsCount:e,numberOfItemsInLine:i,direction:r,circularNavigation:c});!s.isOutbound&&o.includes(s.nextIndex);)s=t({activeIndex:s.nextIndex,itemsCount:e,numberOfItemsInLine:i,direction:r,circularNavigation:c});return s}export{i as calcActiveIndexAfterArrowNavigation,e as getActiveIndexFromInboundNavigation};
|
|
2
2
|
//# sourceMappingURL=gridKeyboardNavigationHelper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"gridKeyboardNavigationHelper.js","sources":["../../../../src/hooks/useGridKeyboardNavigation/gridKeyboardNavigationHelper.ts"],"sourcesContent":["import { NavDirections } from \"../useFullKeyboardListeners\";\n\nexport function getActiveIndexFromInboundNavigation({\n direction,\n numberOfItemsInLine,\n itemsCount\n}: {\n direction: NavDirections;\n numberOfItemsInLine: number;\n itemsCount: number;\n}) {\n const getRawIndex = () => {\n const firstLineMiddleIndex = Math.floor(numberOfItemsInLine / 2);\n if (direction === NavDirections.UP) {\n // last line, middle\n const rowCount = Math.ceil(itemsCount / numberOfItemsInLine);\n return (rowCount - 1) * numberOfItemsInLine + firstLineMiddleIndex;\n }\n if (direction === NavDirections.DOWN) {\n // first line, middle\n return firstLineMiddleIndex;\n }\n if (direction === NavDirections.LEFT) {\n // middle line, last item\n let result = numberOfItemsInLine - 1;\n const midIndex = Math.floor((itemsCount - 1) / 2);\n while (result < midIndex) {\n result += numberOfItemsInLine;\n }\n return result;\n }\n if (direction === NavDirections.RIGHT) {\n // middle line, first item\n let result = 0;\n const midIndex = Math.floor((itemsCount - 1) / 2);\n while (result + numberOfItemsInLine < midIndex) {\n result += numberOfItemsInLine;\n }\n return result;\n }\n };\n\n const rawIndex = getRawIndex();\n return Math.max(0, Math.min(rawIndex, itemsCount - 1));\n}\n\nfunction calcRawNewIndexAfterArrowNavigation({\n activeIndex,\n itemsCount,\n numberOfItemsInLine,\n direction\n}: {\n activeIndex: number;\n itemsCount: number;\n numberOfItemsInLine: number;\n direction: NavDirections;\n}) {\n const getIndexLine = (index: number) => Math.ceil((index + 1) / numberOfItemsInLine);\n\n const horizontalChange = (isIndexIncrease: boolean) => {\n
|
|
1
|
+
{"version":3,"file":"gridKeyboardNavigationHelper.js","sources":["../../../../src/hooks/useGridKeyboardNavigation/gridKeyboardNavigationHelper.ts"],"sourcesContent":["import { NavDirections } from \"../useFullKeyboardListeners\";\n\nexport function getActiveIndexFromInboundNavigation({\n direction,\n numberOfItemsInLine,\n itemsCount\n}: {\n direction: NavDirections;\n numberOfItemsInLine: number;\n itemsCount: number;\n}) {\n const getRawIndex = () => {\n const firstLineMiddleIndex = Math.floor(numberOfItemsInLine / 2);\n if (direction === NavDirections.UP) {\n // last line, middle\n const rowCount = Math.ceil(itemsCount / numberOfItemsInLine);\n return (rowCount - 1) * numberOfItemsInLine + firstLineMiddleIndex;\n }\n if (direction === NavDirections.DOWN) {\n // first line, middle\n return firstLineMiddleIndex;\n }\n if (direction === NavDirections.LEFT) {\n // middle line, last item\n let result = numberOfItemsInLine - 1;\n const midIndex = Math.floor((itemsCount - 1) / 2);\n while (result < midIndex) {\n result += numberOfItemsInLine;\n }\n return result;\n }\n if (direction === NavDirections.RIGHT) {\n // middle line, first item\n let result = 0;\n const midIndex = Math.floor((itemsCount - 1) / 2);\n while (result + numberOfItemsInLine < midIndex) {\n result += numberOfItemsInLine;\n }\n return result;\n }\n };\n\n const rawIndex = getRawIndex();\n return Math.max(0, Math.min(rawIndex, itemsCount - 1));\n}\n\nfunction calcRawNewIndexAfterArrowNavigation({\n activeIndex,\n itemsCount,\n numberOfItemsInLine,\n direction,\n circularNavigation = false\n}: {\n activeIndex: number;\n itemsCount: number;\n numberOfItemsInLine: number;\n direction: NavDirections;\n circularNavigation?: boolean;\n}) {\n const getIndexLine = (index: number) => Math.ceil((index + 1) / numberOfItemsInLine);\n\n const horizontalChange = (isIndexIncrease: boolean) => {\n let nextIndex = activeIndex + (isIndexIncrease ? 1 : -1);\n\n if (nextIndex < 0 || nextIndex >= itemsCount) {\n if (circularNavigation) {\n if (nextIndex < 0) {\n nextIndex = itemsCount - 1;\n } else if (nextIndex >= itemsCount) {\n nextIndex = 0;\n }\n } else {\n return { isOutbound: true };\n }\n }\n\n const currentLine = getIndexLine(activeIndex);\n const nextIndexLine = getIndexLine(nextIndex);\n if (currentLine !== nextIndexLine) {\n return { isOutbound: true };\n }\n\n return { isOutbound: false, nextIndex };\n };\n\n const verticalChange = (isIndexIncrease: boolean) => {\n const nextIndex = activeIndex + numberOfItemsInLine * (isIndexIncrease ? 1 : -1);\n if (nextIndex < 0 || itemsCount <= nextIndex) {\n return { isOutbound: true };\n }\n return { isOutbound: false, nextIndex };\n };\n\n switch (direction) {\n case NavDirections.RIGHT:\n return horizontalChange(true);\n case NavDirections.LEFT:\n return horizontalChange(false);\n case NavDirections.DOWN:\n return verticalChange(true);\n case NavDirections.UP:\n return verticalChange(false);\n }\n}\n\nexport function calcActiveIndexAfterArrowNavigation({\n activeIndex,\n itemsCount,\n numberOfItemsInLine,\n direction,\n disabledIndexes = [],\n circularNavigation = false\n}: {\n activeIndex: number;\n itemsCount: number;\n numberOfItemsInLine: number;\n direction: NavDirections;\n disabledIndexes?: number[];\n circularNavigation?: boolean;\n}) {\n let result = calcRawNewIndexAfterArrowNavigation({\n activeIndex,\n itemsCount,\n numberOfItemsInLine,\n direction,\n circularNavigation\n });\n while (!result.isOutbound && disabledIndexes.includes(result.nextIndex)) {\n result = calcRawNewIndexAfterArrowNavigation({\n activeIndex: result.nextIndex,\n itemsCount,\n numberOfItemsInLine,\n direction,\n circularNavigation\n });\n }\n\n return result;\n}\n"],"names":["getActiveIndexFromInboundNavigation","_ref","direction","numberOfItemsInLine","itemsCount","rawIndex","firstLineMiddleIndex","Math","floor","NavDirections","UP","ceil","DOWN","LEFT","result","midIndex","RIGHT","getRawIndex","max","min","calcRawNewIndexAfterArrowNavigation","_ref2","activeIndex","_ref2$circularNavigat","circularNavigation","getIndexLine","index","horizontalChange","isIndexIncrease","nextIndex","isOutbound","verticalChange","calcActiveIndexAfterArrowNavigation","_ref3","_ref3$disabledIndexes","disabledIndexes","_ref3$circularNavigat","includes"],"mappings":"+DAEM,SAAUA,EAAmCC,GAQlD,IAPCC,EAASD,EAATC,UACAC,EAAmBF,EAAnBE,oBACAC,EAAUH,EAAVG,WAqCMC,EA/Bc,WAClB,IAAMC,EAAuBC,KAAKC,MAAML,EAAsB,GAC9D,GAAID,IAAcO,EAAcC,GAG9B,OADiBH,KAAKI,KAAKP,EAAaD,GACrB,GAAKA,EAAsBG,EAEhD,GAAIJ,IAAcO,EAAcG,KAE9B,OAAON,EAET,GAAIJ,IAAcO,EAAcI,KAAM,CAIpC,IAFA,IAAIC,EAASX,EAAsB,EAC7BY,EAAWR,KAAKC,OAAOJ,EAAa,GAAK,GAC/BW,EAATD,GACLA,GAAUX,EAEZ,OAAOW,CACR,CACD,GAAIZ,IAAcO,EAAcO,MAAO,CAIrC,IAFA,IAAIF,EAAS,EACPC,EAAWR,KAAKC,OAAOJ,EAAa,GAAK,GACTW,EAA/BD,EAASX,GACdW,GAAUX,EAEZ,OAAOW,CACR,EAGcG,GACjB,OAAOV,KAAKW,IAAI,EAAGX,KAAKY,IAAId,EAAUD,EAAa,GACrD,CAEA,SAASgB,EAAmCC,GAY3C,IAXCC,EAAWD,EAAXC,YACAlB,EAAUiB,EAAVjB,WACAD,EAAmBkB,EAAnBlB,oBACSoB,EAAAF,EACTG,mBAAAA,OAAqB,IAAHD,GAAQA,EAQpBE,EAAe,SAACC,GAAa,OAAKnB,KAAKI,MAAMe,EAAQ,GAAKvB,EAAoB,EAE9EwB,EAAmB,SAACC,GACxB,IAAIC,EAAYP,GAAeM,EAAkB,GAAK,GAEtD,GAAgB,EAAZC,GAAiBA,GAAazB,EAAY,CAC5C,IAAIoB,EAOF,MAAO,CAAEM,YAAY,GANL,EAAZD,EACFA,EAAYzB,EAAa,EACHA,EAAbyB,IACTA,EAAY,EAKjB,CAID,OAFoBJ,EAAaH,KACXG,EAAaI,GAE1B,CAAEC,YAAY,GAGhB,CAAEA,YAAY,EAAOD,UAAAA,IAGxBE,EAAiB,SAACH,GACtB,IAAMC,EAAYP,EAAcnB,GAAuByB,EAAkB,GAAK,GAC9E,OAAgB,EAAZC,GAA+BA,GAAdzB,EACZ,CAAE0B,YAAY,GAEhB,CAAEA,YAAY,EAAOD,UAAAA,IAG9B,OA3CSR,EAATnB,WA4CE,KAAKO,EAAcO,MACjB,OAAOW,GAAiB,GAC1B,KAAKlB,EAAcI,KACjB,OAAOc,GAAiB,GAC1B,KAAKlB,EAAcG,KACjB,OAAOmB,GAAe,GACxB,KAAKtB,EAAcC,GACjB,OAAOqB,GAAe,GAE5B,UAEgBC,EAAmCC,GAsBjD,IARD,IAZC7B,EAAU6B,EAAV7B,WACAD,EAAmB8B,EAAnB9B,oBACAD,EAAS+B,EAAT/B,UAASgC,EAAAD,EACTE,gBAAAA,OAAkB,IAAHD,EAAG,GAAEA,EAAAE,EAAAH,EACpBT,mBAAAA,OAAqB,IAAHY,GAAQA,EAStBtB,EAASM,EAAoC,CAC/CE,YAfSW,EAAXX,YAgBElB,WAAAA,EACAD,oBAAAA,EACAD,UAAAA,EACAsB,mBAAAA,KAEMV,EAAOgB,YAAcK,EAAgBE,SAASvB,EAAOe,YAC3Df,EAASM,EAAoC,CAC3CE,YAAaR,EAAOe,UACpBzB,WAAAA,EACAD,oBAAAA,EACAD,UAAAA,EACAsB,mBAAAA,IAIJ,OAAOV,CACT"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{slicedToArray as
|
|
1
|
+
import{slicedToArray as n}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as e,useRef as i,useContext as o,useEffect as t,useCallback as r}from"react";import{GridKeyboardNavigationContext as a}from"../../components/GridKeyboardNavigationContext/GridKeyboardNavigationContext.js";import u from"../useFullKeyboardListeners.js";import c from"../useEventListener/index.js";import{getActiveIndexFromInboundNavigation as s,calcActiveIndexAfterArrowNavigation as d}from"./gridKeyboardNavigationHelper.js";import{useLastNavigationDirection as l}from"../../components/Menu/Menu/hooks/useLastNavigationDirection.js";var f=-1;function v(v){var m=v.ref,b=v.itemsCount,I=v.numberOfItemsInLine,g=v.onItemClicked,p=v.entryFocusStrategy,x=void 0===p?"directional":p,N=v.getItemByIndex,y=void 0===N?function(n){}:N,O=v.focusOnMount,j=void 0!==O&&O,C=v.focusItemIndexOnMount,L=void 0===C?f:C,k=v.disabledIndexes,K=void 0===k?[]:k,M=v.circularNavigation,A=void 0!==M&&M,S=e(j&&L!==f),h=n(S,2),w=h[0],B=h[1],D=i(!1),E=e(w?L:f),F=n(E,2),G=F[0],H=F[1],_=e(!0),P=n(_,2),R=P[0],T=P[1],q=o(a);t((function(){D.current?B(!1):D.current=!0}),[G]);var z=r((function(){var n;return null===(n=m.current)||void 0===n?void 0:n.blur()}),[m]),J=l().lastNavigationDirectionRef,Q=r((function(){if(G===f){var n=J.current;H("directional"===x&&n?s({direction:n,numberOfItemsInLine:I,itemsCount:b}):0),T(!0)}else T(!0)}),[G,x,b,J,I,H,T]),U=r((function(){T(!1)}),[T]),V=r((function(){T(!0),H(f)}),[H]);c({eventName:"focus",callback:Q,ref:m}),c({eventName:"mousedown",callback:U,ref:m}),c({eventName:"blur",callback:V,ref:m}),t((function(){var n;G>-1&&(null===(n=m.current)||void 0===n||n.focus())}),[G,m]);var W=r((function(n){T(arguments.length>1&&void 0!==arguments[1]&&arguments[1]),H(n),g(y(n),n)}),[H,g,y]),X=r((function(){if(R)return W(G,!0)}),[R,W,G]);return u({ref:m,onSelectionKey:X,onArrowNavigation:function(n){if(T(!0),G!==f){var e=d({activeIndex:G,itemsCount:b,numberOfItemsInLine:I,direction:n,disabledIndexes:K,circularNavigation:A}),i=e.nextIndex;e.isOutbound?null==q||q.onOutboundNavigation(m,n):H(i)}else H(0)},onEscape:z,focusOnMount:j}),{activeIndex:R?G:f,onSelectionAction:W,isInitialActiveState:w}}export{v as default};
|
|
2
2
|
//# sourceMappingURL=useGridKeyboardNavigation.js.map
|