@vibe/core 4.5.1 → 4.5.3
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/Dropdown/Dropdown.types.d.ts +17 -0
- package/dist/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.d.ts +5 -1
- package/dist/components/Dropdown/components/Trigger/DropdownInput.d.ts +4 -2
- package/dist/components/Dropdown/context/DropdownContext.types.d.ts +8 -1
- package/dist/components/Dropdown/hooks/useDropdownCombobox.d.ts +2 -2
- package/dist/components/Dropdown/hooks/useDropdownMultiCombobox.d.ts +373 -2
- package/dist/components/icon-button/dist/IconButton/IconButton.module.scss.js +1 -1
- package/dist/components/layout/dist/Box/Box.module.scss.js +1 -1
- package/dist/components/layout/dist/Flex/Flex.js +1 -1
- package/dist/components/layout/dist/Flex/Flex.js.map +1 -1
- package/dist/components/layout/dist/Flex/Flex.module.scss.js +1 -1
- package/dist/components/tooltip/dist/Tooltip/Tooltip.js +1 -1
- package/dist/components/tooltip/dist/Tooltip/Tooltip.js.map +1 -1
- package/dist/components/tooltip/dist/Tooltip/Tooltip.module.scss.js +1 -1
- package/dist/components/typography/dist/Heading/Heading.module.scss.js +1 -1
- package/dist/components/typography/dist/Text/Text.module.scss.js +1 -1
- package/dist/components/typography/dist/Typography/Typography.module.scss.js +1 -1
- package/dist/metadata/components.json +27 -0
- package/dist/metadata/examples/DropdownBasicDropdown.md +16 -16
- package/dist/metadata.json +27 -0
- package/dist/mocked_classnames/components/Dropdown/Dropdown.types.d.ts +17 -0
- package/dist/mocked_classnames/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.d.ts +5 -1
- package/dist/mocked_classnames/components/Dropdown/components/Trigger/DropdownInput.d.ts +4 -2
- package/dist/mocked_classnames/components/Dropdown/context/DropdownContext.types.d.ts +8 -1
- package/dist/mocked_classnames/components/Dropdown/hooks/useDropdownCombobox.d.ts +2 -2
- package/dist/mocked_classnames/components/Dropdown/hooks/useDropdownMultiCombobox.d.ts +373 -2
- 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/components/AttentionBoxCloseButton/AttentionBoxCloseButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AttentionBox/components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AttentionBox/layouts/AttentionBoxCompact/AttentionBoxCompact.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AttentionBox/layouts/AttentionBoxDefault/AttentionBoxDefault.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/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/BaseItem/BaseItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BaseList/BaseList.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbsMenu.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/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/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/DatePicker.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/DatePicker/DatePickerHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Divider/Divider.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/DropdownBase/DropdownBase.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/DropdownBase/DropdownBase.js.map +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/DropdownBase/DropdownBase.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.js.map +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/DropdownBoxMode/DropdownBoxMode.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/DropdownWrapperUI.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/DropdownWrapperUI.js.map +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/Menu/Menu.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.js.map +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/Trigger/DropdownInput.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/Trigger/DropdownInput.js.map +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/Trigger/MultiSelectTrigger.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/Trigger/MultiSelectTrigger.js.map +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/Trigger/SingleSelectTrigger.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/Trigger/SingleSelectTrigger.js.map +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/Trigger/Trigger.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/Trigger/TriggerActions.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/Trigger/TriggerActions.js.map +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/hooks/useDropdownCombobox.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/hooks/useDropdownCombobox.js.map +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/hooks/useDropdownMultiCombobox.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/hooks/useDropdownMultiCombobox.js.map +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/modes/DropdownComboboxController.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/modes/DropdownComboboxController.js.map +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/modes/DropdownMultiComboboxController.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/modes/DropdownMultiComboboxController.js.map +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/FormattedNumber/FormattedNumber.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/HiddenText/HiddenText.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Info/components/InfoDialogContent/InfoDialogContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Info/components/InfoLink/InfoLink.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/InfoText/InfoText.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/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/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/Menu/Menu/Menu.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuDivider/MenuDivider.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuItem/MenuItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuItem/components/BaseMenuItem/BaseMenuItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuItemButton/MenuItemButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuTitle/MenuTitle.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/MenuButton/MenuButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/Modal/Modal.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/ModalHeader/ModalHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/ModalMedia/ModalMedia.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/ModalTopActions/ModalTopActions.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/footers/ModalFooter/ModalFooter.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalFooterShadow.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalLayoutScrollableContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/MultiStepIndicator/MultiStepIndicator.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/NumberField/NumberField.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ProgressBars/PercentageLabel/PercentageLabel.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ProgressBars/ProgressBar/Bar/Bar.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ProgressBars/ProgressBar/ProgressBar.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.module.scss.js +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/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/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/TransitionView/TransitionView.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/components/next/List/List.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next/List/ListTitle/ListTitle.module.scss.js +1 -1
- package/dist/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/components/AttentionBoxCloseButton/AttentionBoxCloseButton.module.scss.js +1 -1
- package/dist/src/components/AttentionBox/components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.module.scss.js +1 -1
- package/dist/src/components/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.module.scss.js +1 -1
- package/dist/src/components/AttentionBox/layouts/AttentionBoxCompact/AttentionBoxCompact.module.scss.js +1 -1
- package/dist/src/components/AttentionBox/layouts/AttentionBoxDefault/AttentionBoxDefault.module.scss.js +1 -1
- package/dist/src/components/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/BaseItem/BaseItem.module.scss.js +1 -1
- package/dist/src/components/BaseList/BaseList.module.scss.js +1 -1
- package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js +1 -1
- package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js +1 -1
- package/dist/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbsMenu.module.scss.js +1 -1
- package/dist/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js +1 -1
- package/dist/src/components/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/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/DatePicker.module.scss.js +1 -1
- package/dist/src/components/DatePicker/DatePickerHeader.module.scss.js +1 -1
- package/dist/src/components/Divider/Divider.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/DropdownBase/DropdownBase.js +1 -1
- package/dist/src/components/Dropdown/components/DropdownBase/DropdownBase.js.map +1 -1
- package/dist/src/components/Dropdown/components/DropdownBase/DropdownBase.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.js +1 -1
- package/dist/src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.js.map +1 -1
- package/dist/src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/DropdownBoxMode/DropdownBoxMode.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/DropdownWrapperUI.js +1 -1
- package/dist/src/components/Dropdown/components/DropdownWrapperUI.js.map +1 -1
- package/dist/src/components/Dropdown/components/Menu/Menu.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.js +1 -1
- package/dist/src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.js.map +1 -1
- package/dist/src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/Trigger/DropdownInput.js +1 -1
- package/dist/src/components/Dropdown/components/Trigger/DropdownInput.js.map +1 -1
- package/dist/src/components/Dropdown/components/Trigger/MultiSelectTrigger.js +1 -1
- package/dist/src/components/Dropdown/components/Trigger/MultiSelectTrigger.js.map +1 -1
- package/dist/src/components/Dropdown/components/Trigger/SingleSelectTrigger.js +1 -1
- package/dist/src/components/Dropdown/components/Trigger/SingleSelectTrigger.js.map +1 -1
- package/dist/src/components/Dropdown/components/Trigger/Trigger.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/Trigger/TriggerActions.js +1 -1
- package/dist/src/components/Dropdown/components/Trigger/TriggerActions.js.map +1 -1
- package/dist/src/components/Dropdown/hooks/useDropdownCombobox.js +1 -1
- package/dist/src/components/Dropdown/hooks/useDropdownCombobox.js.map +1 -1
- package/dist/src/components/Dropdown/hooks/useDropdownMultiCombobox.js +1 -1
- package/dist/src/components/Dropdown/hooks/useDropdownMultiCombobox.js.map +1 -1
- package/dist/src/components/Dropdown/modes/DropdownComboboxController.js +1 -1
- package/dist/src/components/Dropdown/modes/DropdownComboboxController.js.map +1 -1
- package/dist/src/components/Dropdown/modes/DropdownMultiComboboxController.js +1 -1
- package/dist/src/components/Dropdown/modes/DropdownMultiComboboxController.js.map +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/FormattedNumber/FormattedNumber.module.scss.js +1 -1
- package/dist/src/components/HiddenText/HiddenText.module.scss.js +1 -1
- package/dist/src/components/Info/components/InfoDialogContent/InfoDialogContent.module.scss.js +1 -1
- package/dist/src/components/Info/components/InfoLink/InfoLink.module.scss.js +1 -1
- package/dist/src/components/InfoText/InfoText.module.scss.js +1 -1
- package/dist/src/components/Label/Label.module.scss.js +1 -1
- package/dist/src/components/Label/LabelCelebrationAnimation.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/Menu/Menu/Menu.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuDivider/MenuDivider.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuItem/MenuItem.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuItem/components/BaseMenuItem/BaseMenuItem.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuItemButton/MenuItemButton.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuTitle/MenuTitle.module.scss.js +1 -1
- package/dist/src/components/MenuButton/MenuButton.module.scss.js +1 -1
- package/dist/src/components/Modal/Modal/Modal.module.scss.js +1 -1
- package/dist/src/components/Modal/ModalHeader/ModalHeader.module.scss.js +1 -1
- package/dist/src/components/Modal/ModalMedia/ModalMedia.module.scss.js +1 -1
- package/dist/src/components/Modal/ModalTopActions/ModalTopActions.module.scss.js +1 -1
- package/dist/src/components/Modal/footers/ModalFooter/ModalFooter.module.scss.js +1 -1
- package/dist/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.module.scss.js +1 -1
- package/dist/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss.js +1 -1
- package/dist/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js +1 -1
- package/dist/src/components/Modal/layouts/ModalFooterShadow.module.scss.js +1 -1
- package/dist/src/components/Modal/layouts/ModalLayoutScrollableContent.module.scss.js +1 -1
- package/dist/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.module.scss.js +1 -1
- package/dist/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss.js +1 -1
- package/dist/src/components/MultiStepIndicator/MultiStepIndicator.module.scss.js +1 -1
- package/dist/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js +1 -1
- package/dist/src/components/NumberField/NumberField.module.scss.js +1 -1
- package/dist/src/components/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.module.scss.js +1 -1
- package/dist/src/components/ProgressBars/PercentageLabel/PercentageLabel.module.scss.js +1 -1
- package/dist/src/components/ProgressBars/ProgressBar/Bar/Bar.module.scss.js +1 -1
- package/dist/src/components/ProgressBars/ProgressBar/ProgressBar.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.module.scss.js +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/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/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/TransitionView/TransitionView.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/components/next/List/List.module.scss.js +1 -1
- package/dist/src/components/next/List/ListTitle/ListTitle.module.scss.js +1 -1
- package/dist/style/dist/index.min.css.js +1 -1
- package/package.json +6 -6
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Flex.js","sources":["../../../../../../components/layout/dist/Flex/Flex.js"],"sourcesContent":["import e,{forwardRef as a,useRef as r,useMemo as t}from\"react\";import s from\"classnames\";import{Clickable as i}from\"@vibe/clickable\";import{useMergeRef as l,getStyle as
|
|
1
|
+
{"version":3,"file":"Flex.js","sources":["../../../../../../components/layout/dist/Flex/Flex.js"],"sourcesContent":["import e,{forwardRef as a,useRef as r,useMemo as t}from\"react\";import s from\"classnames\";import{Clickable as i}from\"@vibe/clickable\";import{useMergeRef as l,getStyle as o}from\"@vibe/shared\";import n from\"./Flex.module.scss.js\";import{camelCase as c}from\"es-toolkit\";const m=a((({className:a,id:m,elementType:p=\"div\",direction:b=\"row\",wrap:d=!1,children:f,justify:u=\"start\",align:g=\"center\",flex:y,gap:x,onClick:j,onMouseDown:v,style:w,\"aria-labelledby\":k,\"aria-label\":h,role:O,tabIndex:C,\"data-testid\":D},I)=>{const M=r(null),N=l(I,M),T=t((()=>{if(!x)return;if(\"number\"==typeof x)return{gap:x+\"px\"};return{gap:{xs:\"var(--space-4)\",small:\"var(--space-8)\",medium:\"var(--space-16)\",large:\"var(--space-24)\"}[x]}}),[x]),B=t((()=>y?[\"string\",\"number\"].includes(typeof y)?{flex:y}:\"object\"==typeof y?{flexGrow:y.grow,flexShrink:y.shrink,flexBasis:y.basis}:{}:{}),[y]),E=t((()=>Object.assign(Object.assign(Object.assign({},w),T),B)),[w,T,B]),F=t((()=>j?{elementType:p,\"aria-labelledby\":k}:{\"aria-labelledby\":k}),[j,p,k]);return e.createElement(j?i:p,Object.assign({id:m,\"data-testid\":D},F,{ref:N,className:s(n.container,o(n,c(\"direction-\"+b)),o(n,c(\"justify-\"+u)),o(n,c(\"align-\"+g)),a,{[n.wrap]:d}),tabIndex:C,onClick:j,onMouseDown:v,style:E,\"aria-label\":h,role:O}),f)}));export{m as default};\n//# sourceMappingURL=Flex.js.map\n"],"names":["m","a","_ref","I","className","id","_ref$elementType","elementType","p","_ref$direction","direction","b","_ref$wrap","wrap","d","f","children","_ref$justify","justify","u","_ref$align","align","g","y","flex","x","gap","j","onClick","v","onMouseDown","w","style","k","h","O","role","C","tabIndex","D","M","r","N","l","T","t","xs","small","medium","large","B","includes","_typeof","flexGrow","grow","flexShrink","shrink","flexBasis","basis","E","Object","assign","F","e","createElement","i","ref","s","n","container","o","c","_defineProperty"],"mappings":"meAuEA,IAAMA,EAAOC,GACX,SAAAC,EAqBEC,GAAA,IAnBEF,EAAAC,EAAAE,UACAJ,EAAAE,EAAAG,GAAAC,EAAAJ,EACAK,YAAAC,OAAc,IAAdF,EAAc,MAAAA,EAAAG,EAAAP,EACdQ,UAAAC,OAAY,IAAZF,EAAY,MAAAA,EAAAG,EAAAV,EACZW,KAAAC,OAAO,IAAPF,GAAOA,EACPG,EAAAb,EAAAc,SAAAC,EAAAf,EACAgB,QAAAC,OAAU,IAAVF,EAAU,QAAAA,EAAAG,EAAAlB,EACVmB,MAAAC,OAAQ,IAARF,EAAQ,SAAAA,EACRG,EAAArB,EAAAsB,KACAC,EAAAvB,EAAAwB,IACAC,EAAAzB,EAAA0B,QACAC,EAAA3B,EAAA4B,YACAC,EAAA7B,EAAA8B,MACmBC,EAAA/B,EAAnB,mBACcgC,EAAAhC,EAAd,cACAiC,EAAAjC,EAAAkC,KACAC,EAAAnC,EAAAoC,SACeC,EAAArC,EAAf,eAIIsC,EAAeC,EAAoB,MACnCC,EAAYC,EAAYxC,EAAKqC,GAE7BI,EAAWC,GAAQ,WACvB,GAAKpB,EAGL,MAAmB,iBAARA,EACF,CAAEC,IAAQD,EAAA,MAQZ,CAAEC,IANmC,CAC1CoB,GAAI,iBACJC,MAAO,iBACPC,OAAQ,kBACRC,MAAO,mBAEiBxB,GAAM,GAC/B,CAACA,IAEEyB,EAAYL,GAAQ,WAAA,OACnBtB,EAED,CAAC,SAAU,UAAU4B,SAAAC,EAAgB7B,IAChC,CAAEC,KAAAD,GAGS,UAAA6B,EAAT7B,GACF,CACL8B,SAAU9B,EAAK+B,KACfC,WAAYhC,EAAKiC,OACjBC,UAAWlC,EAAKmC,OAIb,CAAA,EAdW,CAAA,CAAA,GAejB,CAACnC,IAEEoC,EAAgBd,GAAQ,WAAA,OAAYe,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA9B,CAAAA,EAAAA,GAAUa,GAAaM,EAAA,GAAc,CAACnB,EAAOa,EAAUM,IAC3FY,EAAejB,GAAQ,WAAA,OACvBlB,EAAgB,CAAEpB,YAAAC,EAAa,kBAAmByB,GAC/C,CAAE,kBAAmBA,EAAA,GAC3B,CAACN,EAASnB,EAAayB,IAG1B,OACE8B,EAAAC,cAHcrC,EAAUsC,EAAYzD,EAG5BoD,OAAAC,OAAA,CACNxD,GAAIL,EAAE,cACOuC,GACTuB,EAAY,CAChBI,IAAKxB,EACLtC,UAAW+D,EACTC,EAAOC,UACPC,EAASF,EAAQG,EAAuB,aAAA5D,IACxC2D,EAASF,EAAQG,EAAqB,WAAApD,IACtCmD,EAASF,EAAQG,EAAmB,SAAAjD,IACpCrB,EAAAuE,EAAA,CAAA,EAEGJ,EAAOvD,KAAOC,IAGnBwB,SAAUD,EACVT,QAASD,EACTG,YAAaD,EACbG,MAAO2B,EACK,aAAAzB,EACZE,KAAMD,IAELpB,EACO"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var n={container:"
|
|
1
|
+
var n={container:"container_f4d07e492d",justifyStart:"justifyStart_ba5e05f9a0",justifyEnd:"justifyEnd_cdb91cc5a0",justifyCenter:"justifyCenter_a5f31a48ba",justifySpaceBetween:"justifySpaceBetween_d9881eaa85",justifySpaceAround:"justifySpaceAround_bee45dbf3a",justifyInital:"justifyInital_a82d4ee6cd",alignStart:"alignStart_86a5de1868",alignEnd:"alignEnd_288bfccae2",alignCenter:"alignCenter_88aeb336dd",alignStretch:"alignStretch_426adc3afd",alignBaseline:"alignBaseline_df68727788",alignInitial:"alignInitial_93929b1175",directionColumn:"directionColumn_420208b0dd",wrap:"wrap_8745a3dee5"};!function(n){var e="s_id-3ad7193e0a34_4_0_4";if("undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;var a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_f4d07e492d {\n display: flex;\n flex-direction: row;\n}\n.container_f4d07e492d.justifyStart_ba5e05f9a0 {\n justify-content: flex-start;\n}\n.container_f4d07e492d.justifyEnd_cdb91cc5a0 {\n justify-content: flex-end;\n}\n.container_f4d07e492d.justifyCenter_a5f31a48ba {\n justify-content: center;\n}\n.container_f4d07e492d.justifySpaceBetween_d9881eaa85 {\n justify-content: space-between;\n}\n.container_f4d07e492d.justifySpaceAround_bee45dbf3a {\n justify-content: space-around;\n}\n.container_f4d07e492d.justifyInital_a82d4ee6cd {\n justify-content: initial;\n}\n.container_f4d07e492d.alignStart_86a5de1868 {\n align-items: flex-start;\n}\n.container_f4d07e492d.alignEnd_288bfccae2 {\n align-items: flex-end;\n}\n.container_f4d07e492d.alignCenter_88aeb336dd {\n align-items: center;\n}\n.container_f4d07e492d.alignStretch_426adc3afd {\n align-items: stretch;\n}\n.container_f4d07e492d.alignBaseline_df68727788 {\n align-items: baseline;\n}\n.container_f4d07e492d.alignInitial_93929b1175 {\n align-items: initial;\n}\n.container_f4d07e492d.directionColumn_420208b0dd {\n flex-direction: column;\n}\n.container_f4d07e492d.wrap_8745a3dee5 {\n flex-wrap: wrap;\n}");export{n as default};
|
|
2
2
|
//# sourceMappingURL=Flex.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{inherits as e,createClass as t,classCallCheck as o,callSuper as i,assertThisInitialized as s}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{isFunction as n,camelCase as a}from"es-toolkit";import
|
|
1
|
+
import{inherits as e,createClass as t,classCallCheck as o,callSuper as i,assertThisInitialized as s}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{isFunction as n,camelCase as a}from"es-toolkit";import r from"classnames";import l,{isValidElement as p,PureComponent as d}from"react";import h from"./Tooltip.module.scss.js";import m from"../../../layout/dist/Flex/Flex.js";import c from"../../../icon/dist/Icon/Icon.js";import u from"../../../dialog/dist/Dialog/Dialog.js";import{getStyle as T}from"../../../../shared/dist/utils/typesciptCssModulesHelper.js";import{getTestId as w}from"../../../../shared/dist/tests/test-ids-utils.js";import{ComponentDefaultTestId as g}from"../../../../shared/dist/tests/constants.js";var f={lastTooltipHideTS:null,openTooltipsCount:0},y=function(y){function S(e){var t;return o(this,S),(t=i(this,S,[e])).renderTooltipContent=t.renderTooltipContent.bind(s(t)),t.getShowDelay=t.getShowDelay.bind(s(t)),t.onTooltipShow=t.onTooltipShow.bind(s(t)),t.onTooltipHide=t.onTooltipHide.bind(s(t)),t.wasShown=!1,t}return e(S,d),t(S,[{key:"renderTooltipContent",value:function(){var e,t=this.props,o=t.theme,i=t.content,s=t.className,d=t.style,u=t.maxWidth,w=t.title,g=t.image,f=t.icon,y=t.dir;return i?(n(i)?e=i():(p(i)||"string"==typeof i&&i||Array.isArray(i)&&i.length>0)&&(e=i),e?l.createElement("div",{style:u?Object.assign(Object.assign({},d),{"--tooltip-max-width":u+"px"}):d,className:r(h.tooltip,T(h,a(o)),s),dir:y},g&&l.createElement("img",{className:h.image,src:g,alt:""}),l.createElement("div",{className:r(h.content)},w&&l.createElement(m,{gap:"xs"},f&&l.createElement(c,{size:"20",icon:f}),l.createElement("div",{className:h.title},w)),e)):null):null}},{key:"onTooltipShow",value:function(){if(!this.wasShown){var e=this.props.onTooltipShow;f.openTooltipsCount++,this.wasShown=!0,e&&e()}}},{key:"onTooltipHide",value:function(){if(this.wasShown){var e=this.props.onTooltipHide;f.lastTooltipHideTS=Date.now(),f.openTooltipsCount--,this.wasShown=!1,e&&e()}}},{key:"getTimeSinceLastTooltip",value:function(){return f.openTooltipsCount>0?0:f.lastTooltipHideTS?Date.now()-f.lastTooltipHideTS:1/0}},{key:"getShowDelay",value:function(){var e=this.props,t=e.showDelay,o=e.immediateShowDelay,i=this.getTimeSinceLastTooltip();return(0===o||o)&&1500>i?{showDelay:o,preventAnimation:!0}:{showDelay:t,preventAnimation:!1}}},{key:"render",value:function(){var e=this.props,t=e.children,o=e.theme,i=e.tip,s=e.arrowClassName,n=e.id,a=e["data-testid"],p=e.position;if(!t&&!e.forceRenderWithoutChildren)return null;if(e.withoutDialog)return this.renderTooltipContent();if(!this.props.content)return l.createElement(l.Fragment,null,t);var d=this.renderTooltipContent,m=Object.assign(Object.assign({},this.props),{position:p,"data-testid":a||w(g.TOOLTIP,n),tooltip:i,content:d,tooltipClassName:r(h.arrow,T(h,o),s),onDialogDidHide:this.onTooltipHide,onDialogDidShow:this.onTooltipShow,getDynamicShowDelay:this.getShowDelay});return l.createElement(u,Object.assign({},m,{animationType:"expand"}),t)}}])}();y.defaultProps={moveBy:{main:4,secondary:0},theme:"dark",position:"top",hideDelay:100,showDelay:300,disableDialogSlide:!0,animationType:"expand",withoutDialog:!1,tip:!0,hideWhenReferenceHidden:!1,showTrigger:"mouseenter",hideTrigger:"mouseleave",showOnDialogEnter:!0,referenceWrapperClassName:"",addKeyboardHideShowTriggersByDefault:!0,open:!1};export{y as default};
|
|
2
2
|
//# sourceMappingURL=Tooltip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sources":["../../../../../../components/tooltip/dist/Tooltip/Tooltip.js"],"sourcesContent":["import{isFunction as t,camelCase as e}from\"es-toolkit\";import o from\"classnames\";import i,{PureComponent as n,isValidElement as s}from\"react\";import{Dialog as a}from\"@vibe/dialog\";import{getStyle as r,getTestId as l,ComponentDefaultTestId as p}from\"@vibe/shared\";import h from\"./Tooltip.module.scss.js\";import{Icon as d}from\"@vibe/icon\";import{Flex as m}from\"@vibe/layout\";const c={lastTooltipHideTS:null,openTooltipsCount:0};class T extends n{constructor(t){super(t),this.renderTooltipContent=this.renderTooltipContent.bind(this),this.getShowDelay=this.getShowDelay.bind(this),this.onTooltipShow=this.onTooltipShow.bind(this),this.onTooltipHide=this.onTooltipHide.bind(this),this.wasShown=!1}renderTooltipContent(){const{theme:n,content:a,className:l,style:p,maxWidth:c,title:T,image:w,icon:g,dir:u}=this.props;if(!a)return null;let S;return t(a)?S=a():(s(a)||\"string\"==typeof a&&a||Array.isArray(a)&&a.length>0)&&(S=a),S?i.createElement(\"div\",{style:c?Object.assign(Object.assign({},p),{\"--tooltip-max-width\":c+\"px\"}):p,className:o(h.tooltip,r(h,e(n)),l),dir:u},w&&i.createElement(\"img\",{className:h.image,src:w,alt:\"\"}),i.createElement(\"div\",{className:o(h.content)},T&&i.createElement(m,{gap:\"xs\"},g&&i.createElement(d,{size:\"20\",icon:g}),i.createElement(\"div\",{className:h.title},T)),S)):null}onTooltipShow(){if(!this.wasShown){const{onTooltipShow:t}=this.props;c.openTooltipsCount++,this.wasShown=!0,t&&t()}}onTooltipHide(){if(this.wasShown){const{onTooltipHide:t}=this.props;c.lastTooltipHideTS=Date.now(),c.openTooltipsCount--,this.wasShown=!1,t&&t()}}getTimeSinceLastTooltip(){return c.openTooltipsCount>0?0:c.lastTooltipHideTS?Date.now()-c.lastTooltipHideTS:1/0}getShowDelay(){const{showDelay:t,immediateShowDelay:e}=this.props,o=this.getTimeSinceLastTooltip();return(0===e||e)&&1500>o?{showDelay:e,preventAnimation:!0}:{showDelay:t,preventAnimation:!1}}render(){const{withoutDialog:t,children:e,forceRenderWithoutChildren:n,theme:s,tip:d,arrowClassName:m,id:c,\"data-testid\":T,position:w}=this.props;if(!e&&!n)return null;if(t)return this.renderTooltipContent();const g=this.renderTooltipContent,u=Object.assign(Object.assign({},this.props),{position:w,\"data-testid\":T||l(p.TOOLTIP,c),tooltip:d,content:g,tooltipClassName:o(h.arrow,r(h,s),m),onDialogDidHide:this.onTooltipHide,onDialogDidShow:this.onTooltipShow,getDynamicShowDelay:this.getShowDelay});return i.createElement(a,Object.assign({},u,{animationType:\"expand\"}),e)}}T.defaultProps={moveBy:{main:4,secondary:0},theme:\"dark\",position:\"top\",hideDelay:100,showDelay:300,disableDialogSlide:!0,animationType:\"expand\",withoutDialog:!1,tip:!0,hideWhenReferenceHidden:!1,showTrigger:\"mouseenter\",hideTrigger:\"mouseleave\",showOnDialogEnter:!0,referenceWrapperClassName:\"\",addKeyboardHideShowTriggersByDefault:!0,open:!1};export{T as default};\n//# sourceMappingURL=Tooltip.js.map\n"],"names":["c","lastTooltipHideTS","openTooltipsCount","T","_n","t","_this","_classCallCheck","_callSuper","renderTooltipContent","bind","_assertThisInitialized","getShowDelay","onTooltipShow","onTooltipHide","wasShown","_inherits","n","_createClass","key","value","S","_this$props","this","props","theme","a","content","l","className","p","style","maxWidth","title","w","image","g","icon","u","dir","s","Array","isArray","length","i","createElement","Object","assign","o","h","tooltip","r","e","src","alt","m","gap","d","size","Date","now","_this$props2","showDelay","immediateShowDelay","getTimeSinceLastTooltip","preventAnimation","_this$props3","children","tip","arrowClassName","id","position","forceRenderWithoutChildren","withoutDialog","TOOLTIP","tooltipClassName","arrow","onDialogDidHide","onDialogDidShow","getDynamicShowDelay","animationType","defaultProps","moveBy","main","secondary","hideDelay","disableDialogSlide","hideWhenReferenceHidden","showTrigger","hideTrigger","showOnDialogEnter","referenceWrapperClassName","addKeyboardHideShowTriggersByDefault","open"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sources":["../../../../../../components/tooltip/dist/Tooltip/Tooltip.js"],"sourcesContent":["import{isFunction as t,camelCase as e}from\"es-toolkit\";import o from\"classnames\";import i,{PureComponent as n,isValidElement as s}from\"react\";import{Dialog as a}from\"@vibe/dialog\";import{getStyle as r,getTestId as l,ComponentDefaultTestId as p}from\"@vibe/shared\";import h from\"./Tooltip.module.scss.js\";import{Icon as d}from\"@vibe/icon\";import{Flex as m}from\"@vibe/layout\";const c={lastTooltipHideTS:null,openTooltipsCount:0};class T extends n{constructor(t){super(t),this.renderTooltipContent=this.renderTooltipContent.bind(this),this.getShowDelay=this.getShowDelay.bind(this),this.onTooltipShow=this.onTooltipShow.bind(this),this.onTooltipHide=this.onTooltipHide.bind(this),this.wasShown=!1}renderTooltipContent(){const{theme:n,content:a,className:l,style:p,maxWidth:c,title:T,image:w,icon:g,dir:u}=this.props;if(!a)return null;let S;return t(a)?S=a():(s(a)||\"string\"==typeof a&&a||Array.isArray(a)&&a.length>0)&&(S=a),S?i.createElement(\"div\",{style:c?Object.assign(Object.assign({},p),{\"--tooltip-max-width\":c+\"px\"}):p,className:o(h.tooltip,r(h,e(n)),l),dir:u},w&&i.createElement(\"img\",{className:h.image,src:w,alt:\"\"}),i.createElement(\"div\",{className:o(h.content)},T&&i.createElement(m,{gap:\"xs\"},g&&i.createElement(d,{size:\"20\",icon:g}),i.createElement(\"div\",{className:h.title},T)),S)):null}onTooltipShow(){if(!this.wasShown){const{onTooltipShow:t}=this.props;c.openTooltipsCount++,this.wasShown=!0,t&&t()}}onTooltipHide(){if(this.wasShown){const{onTooltipHide:t}=this.props;c.lastTooltipHideTS=Date.now(),c.openTooltipsCount--,this.wasShown=!1,t&&t()}}getTimeSinceLastTooltip(){return c.openTooltipsCount>0?0:c.lastTooltipHideTS?Date.now()-c.lastTooltipHideTS:1/0}getShowDelay(){const{showDelay:t,immediateShowDelay:e}=this.props,o=this.getTimeSinceLastTooltip();return(0===e||e)&&1500>o?{showDelay:e,preventAnimation:!0}:{showDelay:t,preventAnimation:!1}}render(){const{withoutDialog:t,children:e,forceRenderWithoutChildren:n,theme:s,tip:d,arrowClassName:m,id:c,\"data-testid\":T,position:w}=this.props;if(!e&&!n)return null;if(t)return this.renderTooltipContent();if(!this.props.content)return i.createElement(i.Fragment,null,e);const g=this.renderTooltipContent,u=Object.assign(Object.assign({},this.props),{position:w,\"data-testid\":T||l(p.TOOLTIP,c),tooltip:d,content:g,tooltipClassName:o(h.arrow,r(h,s),m),onDialogDidHide:this.onTooltipHide,onDialogDidShow:this.onTooltipShow,getDynamicShowDelay:this.getShowDelay});return i.createElement(a,Object.assign({},u,{animationType:\"expand\"}),e)}}T.defaultProps={moveBy:{main:4,secondary:0},theme:\"dark\",position:\"top\",hideDelay:100,showDelay:300,disableDialogSlide:!0,animationType:\"expand\",withoutDialog:!1,tip:!0,hideWhenReferenceHidden:!1,showTrigger:\"mouseenter\",hideTrigger:\"mouseleave\",showOnDialogEnter:!0,referenceWrapperClassName:\"\",addKeyboardHideShowTriggersByDefault:!0,open:!1};export{T as default};\n//# sourceMappingURL=Tooltip.js.map\n"],"names":["c","lastTooltipHideTS","openTooltipsCount","T","_n","t","_this","_classCallCheck","_callSuper","renderTooltipContent","bind","_assertThisInitialized","getShowDelay","onTooltipShow","onTooltipHide","wasShown","_inherits","n","_createClass","key","value","S","_this$props","this","props","theme","a","content","l","className","p","style","maxWidth","title","w","image","g","icon","u","dir","s","Array","isArray","length","i","createElement","Object","assign","o","h","tooltip","r","e","src","alt","m","gap","d","size","Date","now","_this$props2","showDelay","immediateShowDelay","getTimeSinceLastTooltip","preventAnimation","_this$props3","children","tip","arrowClassName","id","position","forceRenderWithoutChildren","withoutDialog","Fragment","TOOLTIP","tooltipClassName","arrow","onDialogDidHide","onDialogDidShow","getDynamicShowDelay","animationType","defaultProps","moveBy","main","secondary","hideDelay","disableDialogSlide","hideWhenReferenceHidden","showTrigger","hideTrigger","showOnDialogEnter","referenceWrapperClassName","addKeyboardHideShowTriggersByDefault","open"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var a={tooltip:"
|
|
1
|
+
var a={tooltip:"tooltip_2a3d8f97c0",image:"image_47f6eb438c",title:"title_93f69af188",content:"content_fb7a92ed72",paddingSizeMd:"paddingSizeMd_40038c7018",tooltipWhiteLink:"tooltipWhiteLink_d2b596d4b9",arrow:"arrow_12420fcdea",dark:"dark_aafdb454cb",primary:"primary_5fa2fe6050"};!function(a){var r="s_id-9f2070a53c2f_4_0_5";if("undefined"!=typeof document){var e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+r))return;var o=document.createElement("style");o.id=r,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=a)}("/* stylelint-disable */\n/* stylelint-enable */\n.tooltip_2a3d8f97c0 {\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_2a3d8f97c0 .image_47f6eb438c {\n display: block;\n position: relative;\n border-start-end-radius: 2px;\n border-start-start-radius: 2px;\n padding: 2px 2px 0 2px;\n -o-object-fit: cover;\n object-fit: cover;\n width: 100%;\n height: 100%;\n min-width: var(--tooltip-max-width);\n z-index: 1;\n}\n.tooltip_2a3d8f97c0 .title_93f69af188 {\n font: var(--font-text2-bold);\n}\n.tooltip_2a3d8f97c0 .content_fb7a92ed72 {\n word-break: break-word;\n display: inline-block;\n padding: var(--tooltip-padding, var(--space-8) var(--space-16));\n}\n.tooltip_2a3d8f97c0.paddingSizeMd_40038c7018 {\n border-radius: var(--border-radius-medium);\n padding: var(--space-16);\n font: var(--font-text2-normal);\n}\n.tooltip_2a3d8f97c0 a.tooltipWhiteLink_d2b596d4b9 {\n color: #fff;\n}\n.arrow_12420fcdea,\n.dark_aafdb454cb,\n.arrow_12420fcdea.dark_aafdb454cb {\n background-color: var(--inverted-color-background);\n color: var(--text-color-on-inverted);\n}\n.dark-app-theme .arrow_12420fcdea.arrow_12420fcdea.dark_aafdb454cb, .black-app-theme .arrow_12420fcdea.arrow_12420fcdea.dark_aafdb454cb, .hacker-app-theme .arrow_12420fcdea.arrow_12420fcdea.dark_aafdb454cb,\n.dark-app-theme .arrow_12420fcdea.arrow_12420fcdea.primary_5fa2fe6050,\n.black-app-theme .arrow_12420fcdea.arrow_12420fcdea.primary_5fa2fe6050,\n.hacker-app-theme .arrow_12420fcdea.arrow_12420fcdea.primary_5fa2fe6050 {\n box-shadow: none;\n}\n.primary_5fa2fe6050,\n.arrow_12420fcdea.primary_5fa2fe6050 {\n background-color: var(--primary-color);\n color: var(--text-color-on-primary);\n}");export{a as default};
|
|
2
2
|
//# sourceMappingURL=Tooltip.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var n={h1Bold:"
|
|
1
|
+
var n={h1Bold:"h1Bold_feae88fcd3",h1Medium:"h1Medium_369e185176",h1Normal:"h1Normal_3b0b0bba3f",h1Light:"h1Light_8c3bb79df5",h2Bold:"h2Bold_f7005421bf",h2Medium:"h2Medium_1398cd5c4a",h2Normal:"h2Normal_466d8a9a1e",h2Light:"h2Light_f95e4bf9e0",h3Bold:"h3Bold_751c07a23b",h3Medium:"h3Medium_34a67b953e",h3Normal:"h3Normal_be82f055b4",h3Light:"h3Light_fa78c19547",heading:"heading_29d3c93b12"};!function(n){var o="s_id-3b689d96f497_4_0_5";if("undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;var e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.h1Bold_feae88fcd3 {\n font: var(--font-h1-bold);\n letter-spacing: var(--letter-spacing-h1-bold);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h1Medium_369e185176 {\n font: var(--font-h1-medium);\n letter-spacing: var(--letter-spacing-h1-medium);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h1Normal_3b0b0bba3f {\n font: var(--font-h1-normal);\n letter-spacing: var(--letter-spacing-h1-normal);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h1Light_8c3bb79df5 {\n font: var(--font-h1-light);\n letter-spacing: var(--letter-spacing-h1-light);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h2Bold_f7005421bf {\n font: var(--font-h2-bold);\n letter-spacing: var(--letter-spacing-h2-bold);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h2Medium_1398cd5c4a {\n font: var(--font-h2-medium);\n letter-spacing: var(--letter-spacing-h2-medium);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h2Normal_466d8a9a1e {\n font: var(--font-h2-normal);\n letter-spacing: var(--letter-spacing-h2-normal);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h2Light_f95e4bf9e0 {\n font: var(--font-h2-light);\n letter-spacing: var(--letter-spacing-h2-light);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h3Bold_751c07a23b {\n font: var(--font-h3-bold);\n letter-spacing: var(--letter-spacing-h3-bold);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h3Medium_34a67b953e {\n font: var(--font-h3-medium);\n letter-spacing: var(--letter-spacing-h3-medium);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h3Normal_be82f055b4 {\n font: var(--font-h3-normal);\n letter-spacing: var(--letter-spacing-h3-normal);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h3Light_fa78c19547 {\n font: var(--font-h3-light);\n letter-spacing: var(--letter-spacing-h3-light);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.heading_29d3c93b12 {\n margin: 0;\n}");export{n as default};
|
|
2
2
|
//# sourceMappingURL=Heading.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var t={text1Bold:"
|
|
1
|
+
var t={text1Bold:"text1Bold_9be4c28b27",text1Medium:"text1Medium_da07e4d6e5",text1Normal:"text1Normal_569d744ae8",text2Bold:"text2Bold_93f69af188",text2Medium:"text2Medium_f39bc94be0",text2Normal:"text2Normal_7d11c45288",text3Bold:"text3Bold_f25322d76d",text3Medium:"text3Medium_2801ccb881",text3Normal:"text3Normal_299299d911",text:"text_1c7b684500"};!function(t){var e="s_id-3c82829425e2_4_0_5";if("undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;var d=document.createElement("style");d.id=e,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}("/* stylelint-disable */\n/* stylelint-enable */\n.text1Bold_9be4c28b27 {\n font: var(--font-text1-bold);\n}\n.text1Medium_da07e4d6e5 {\n font: var(--font-text1-medium);\n}\n.text1Normal_569d744ae8 {\n font: var(--font-text1-normal);\n}\n.text2Bold_93f69af188 {\n font: var(--font-text2-bold);\n}\n.text2Medium_f39bc94be0 {\n font: var(--font-text2-medium);\n}\n.text2Normal_7d11c45288 {\n font: var(--font-text2-normal);\n}\n.text3Bold_f25322d76d {\n font: var(--font-text3-bold);\n}\n.text3Medium_2801ccb881 {\n font: var(--font-text3-medium);\n}\n.text3Normal_299299d911 {\n font: var(--font-text3-normal);\n}\np:first-of-type.text_1c7b684500 {\n margin-block: 0;\n}\np.text_1c7b684500 + p {\n margin-block-start: var(--space-24);\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={typography:"
|
|
1
|
+
var e={typography:"typography_92b7fdb0e5","focus-visible":"focus-visible_e465e20bba",primary:"primary_ecdbb99399",secondary:"secondary_55de8893c4",negative:"negative_543240bb24",onPrimary:"onPrimary_dd6954a0cd",onInverted:"onInverted_760b255363",fixedLight:"fixedLight_41b83621e0",fixedDark:"fixedDark_ed73423aaf",inherit:"inherit_acf474667e",alignInherit:"alignInherit_00b4dc9596",start:"start_e65fd56839",center:"center_3898c9fa04",end:"end_f806ce2687",singleLineEllipsis:"singleLineEllipsis_a79bbb72c4",multiLineEllipsis:"multiLineEllipsis_ca45ac381a"};!function(e){var n="s_id-e72de339a7ec_4_0_5";if("undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;var 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)}("/* stylelint-disable */\n/* stylelint-enable */\n.typography_92b7fdb0e5 > a {\n text-decoration: none;\n color: var(--link-color);\n}\n.typography_92b7fdb0e5 > a:focus-visible, .typography_92b7fdb0e5 > a.focus-visible_e465e20bba {\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_92b7fdb0e5 > a:focus:not(.focus-visible_e465e20bba) {\n outline: none;\n}\n.typography_92b7fdb0e5 > a:hover {\n text-decoration: underline;\n}\n.typography_92b7fdb0e5:disabled, .typography_92b7fdb0e5[aria-disabled=true] {\n color: var(--disabled-text-color);\n}\n.primary_ecdbb99399 {\n color: var(--primary-text-color);\n}\n.secondary_55de8893c4 {\n color: var(--secondary-text-color);\n}\n.negative_543240bb24 {\n color: var(--color-error);\n}\n.onPrimary_dd6954a0cd {\n color: var(--text-color-on-primary);\n}\n.onPrimary_dd6954a0cd a {\n color: var(--text-color-on-primary);\n text-decoration: underline;\n}\n.onInverted_760b255363 {\n color: var(--text-color-on-inverted);\n}\n.onInverted_760b255363 a {\n color: var(--text-color-on-inverted);\n text-decoration: underline;\n}\n.fixedLight_41b83621e0 {\n color: var(--fixed-light-color);\n}\n.fixedLight_41b83621e0 a {\n color: var(--fixed-light-color);\n text-decoration: underline;\n}\n.fixedDark_ed73423aaf {\n color: var(--fixed-dark-color);\n}\n.fixedDark_ed73423aaf a {\n color: var(--fixed-dark-color);\n text-decoration: underline;\n}\n.inherit_acf474667e {\n color: inherit;\n}\n.inherit_acf474667e a {\n color: inherit;\n text-decoration: underline;\n}\n.alignInherit_00b4dc9596 {\n text-align: inherit;\n}\n.start_e65fd56839 {\n text-align: start;\n}\n.center_3898c9fa04 {\n text-align: center;\n}\n.end_f806ce2687 {\n text-align: end;\n}\n.singleLineEllipsis_a79bbb72c4 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.multiLineEllipsis_ca45ac381a {\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
|
|
@@ -6341,6 +6341,15 @@
|
|
|
6341
6341
|
"name": "(option: Item) => void"
|
|
6342
6342
|
}
|
|
6343
6343
|
},
|
|
6344
|
+
"interactiveChips": {
|
|
6345
|
+
"defaultValue": null,
|
|
6346
|
+
"description": "If true, chips are always visible and support keyboard navigation: pressing Backspace or Left arrow\nfrom the input moves focus to the last chip; Left/Right navigates between chips; Delete/Backspace\nremoves the focused chip. Only applies when searchable=true.",
|
|
6347
|
+
"name": "interactiveChips",
|
|
6348
|
+
"required": false,
|
|
6349
|
+
"type": {
|
|
6350
|
+
"name": "boolean"
|
|
6351
|
+
}
|
|
6352
|
+
},
|
|
6344
6353
|
"valueRenderer": {
|
|
6345
6354
|
"defaultValue": null,
|
|
6346
6355
|
"description": "The function to call to render the selected value on single select mode.",
|
|
@@ -6350,6 +6359,15 @@
|
|
|
6350
6359
|
"name": "(option: Item) => React.ReactNode"
|
|
6351
6360
|
}
|
|
6352
6361
|
},
|
|
6362
|
+
"inlineSelectedValue": {
|
|
6363
|
+
"defaultValue": null,
|
|
6364
|
+
"description": "Single-select only. (Not available for multi-select)\nSearchable single-select only. When true, the selected option's label is shown **inside the input**\n(and exposed to assistive tech as the input's value) instead of as a visual overlay over an empty\nfield. Opt-in because it changes how the collapsed selection looks (text-only, no icon/avatar/\n`valueRenderer`). Defaults to false (the overlay behavior).",
|
|
6365
|
+
"name": "inlineSelectedValue",
|
|
6366
|
+
"required": false,
|
|
6367
|
+
"type": {
|
|
6368
|
+
"name": "boolean"
|
|
6369
|
+
}
|
|
6370
|
+
},
|
|
6353
6371
|
"defaultValue": {
|
|
6354
6372
|
"defaultValue": null,
|
|
6355
6373
|
"description": "The default selected values for multi-select.\nThe default selected value for single-select.",
|
|
@@ -7253,6 +7271,15 @@
|
|
|
7253
7271
|
"name": "string"
|
|
7254
7272
|
}
|
|
7255
7273
|
},
|
|
7274
|
+
"role": {
|
|
7275
|
+
"defaultValue": null,
|
|
7276
|
+
"description": "The ARIA role of the flex container.",
|
|
7277
|
+
"name": "role",
|
|
7278
|
+
"required": false,
|
|
7279
|
+
"type": {
|
|
7280
|
+
"name": "React.AriaRole"
|
|
7281
|
+
}
|
|
7282
|
+
},
|
|
7256
7283
|
"className": {
|
|
7257
7284
|
"defaultValue": null,
|
|
7258
7285
|
"description": "A CSS class name to apply to the component.",
|
|
@@ -109,7 +109,7 @@ return <Flex gap="large" align="start" justify="start">
|
|
|
109
109
|
width: "350px",
|
|
110
110
|
marginBottom: "50px"
|
|
111
111
|
}}>
|
|
112
|
-
<Dropdown placeholder="Single line multi state" defaultValue={[options[0], options[1], options[2]]} options={options} multi clearAriaLabel="Clear" />
|
|
112
|
+
<Dropdown id="multi-select-single-line" aria-label="Multi select single line" placeholder="Single line multi state" defaultValue={[options[0], options[1], options[2]]} options={options} multi clearAriaLabel="Clear" />
|
|
113
113
|
</div>
|
|
114
114
|
</Flex>
|
|
115
115
|
<Flex direction="column" gap="medium">
|
|
@@ -118,7 +118,7 @@ return <Flex gap="large" align="start" justify="start">
|
|
|
118
118
|
width: "350px",
|
|
119
119
|
marginBottom: "50px"
|
|
120
120
|
}}>
|
|
121
|
-
<Dropdown placeholder="Multiple line multi state" defaultValue={[options[0], options[1], options[2]]} options={options} multi multiline clearAriaLabel="Clear" />
|
|
121
|
+
<Dropdown id="multi-select-multiline" aria-label="Multi select multiple lines" placeholder="Multiple line multi state" defaultValue={[options[0], options[1], options[2]]} options={options} multi multiline clearAriaLabel="Clear" />
|
|
122
122
|
</div>
|
|
123
123
|
</Flex>
|
|
124
124
|
</Flex>;
|
|
@@ -171,13 +171,13 @@ return <Flex gap="large" align="start" justify="start">
|
|
|
171
171
|
width: "350px",
|
|
172
172
|
marginBottom: "10px"
|
|
173
173
|
}}>
|
|
174
|
-
<Dropdown defaultValue={optionsIcons[0]} options={optionsIcons} clearAriaLabel="Clear" />
|
|
174
|
+
<Dropdown id="icon-single" aria-label="Icon options" defaultValue={optionsIcons[0]} options={optionsIcons} clearAriaLabel="Clear" />
|
|
175
175
|
</div>
|
|
176
176
|
<div style={{
|
|
177
177
|
width: "350px",
|
|
178
178
|
marginBottom: "10px"
|
|
179
179
|
}}>
|
|
180
|
-
<Dropdown defaultValue={optionsAvatar[0]} options={optionsAvatar} clearAriaLabel="Clear" />
|
|
180
|
+
<Dropdown id="avatar-single" aria-label="Avatar options" defaultValue={optionsAvatar[0]} options={optionsAvatar} clearAriaLabel="Clear" />
|
|
181
181
|
</div>
|
|
182
182
|
</Flex>
|
|
183
183
|
<Flex direction="column" gap="medium">
|
|
@@ -186,13 +186,13 @@ return <Flex gap="large" align="start" justify="start">
|
|
|
186
186
|
width: "350px",
|
|
187
187
|
marginBottom: "10px"
|
|
188
188
|
}}>
|
|
189
|
-
<Dropdown defaultValue={[optionsIcons[0]]} options={optionsIcons} multi clearAriaLabel="Clear" />
|
|
189
|
+
<Dropdown id="icon-multi" aria-label="Icon options multi" defaultValue={[optionsIcons[0]]} options={optionsIcons} multi clearAriaLabel="Clear" />
|
|
190
190
|
</div>
|
|
191
191
|
<div style={{
|
|
192
192
|
width: "350px",
|
|
193
193
|
marginBottom: "10px"
|
|
194
194
|
}}>
|
|
195
|
-
<Dropdown defaultValue={[optionsAvatar[0]]} options={optionsAvatar} multi clearAriaLabel="Clear" />
|
|
195
|
+
<Dropdown id="avatar-multi" aria-label="Avatar options multi" defaultValue={[optionsAvatar[0]]} options={optionsAvatar} multi clearAriaLabel="Clear" />
|
|
196
196
|
</div>
|
|
197
197
|
</Flex>
|
|
198
198
|
</Flex>;
|
|
@@ -214,7 +214,7 @@ const options = useMemo(() => [{
|
|
|
214
214
|
return <div style={{
|
|
215
215
|
width: "300px"
|
|
216
216
|
}}>
|
|
217
|
-
<Dropdown placeholder={"Search an item"} options={options} searchable maxMenuHeight={170} clearAriaLabel="Clear" />
|
|
217
|
+
<Dropdown id="searchable-basic" aria-label="Searchable" placeholder={"Search an item"} options={options} searchable maxMenuHeight={170} clearAriaLabel="Clear" />
|
|
218
218
|
</div>;
|
|
219
219
|
```
|
|
220
220
|
|
|
@@ -272,7 +272,7 @@ return <Flex gap="medium" align="start" justify="start">
|
|
|
272
272
|
<div style={{
|
|
273
273
|
width: "300px"
|
|
274
274
|
}}>
|
|
275
|
-
<Dropdown placeholder="Group by divider" options={optionsWithoutGroupLabel} withGroupDivider maxMenuHeight={170} clearAriaLabel="Clear" />
|
|
275
|
+
<Dropdown id="groups-divider" aria-label="Group by divider" placeholder="Group by divider" options={optionsWithoutGroupLabel} withGroupDivider maxMenuHeight={170} clearAriaLabel="Clear" />
|
|
276
276
|
</div>
|
|
277
277
|
</Flex>
|
|
278
278
|
<Flex direction="column" gap="medium">
|
|
@@ -280,7 +280,7 @@ return <Flex gap="medium" align="start" justify="start">
|
|
|
280
280
|
<div style={{
|
|
281
281
|
width: "300px"
|
|
282
282
|
}}>
|
|
283
|
-
<Dropdown placeholder="Group by category" options={options} maxMenuHeight={170} clearAriaLabel="Clear" />
|
|
283
|
+
<Dropdown id="groups-category" aria-label="Group by category" placeholder="Group by category" options={options} maxMenuHeight={170} clearAriaLabel="Clear" />
|
|
284
284
|
</div>
|
|
285
285
|
</Flex>
|
|
286
286
|
<Flex direction="column" gap="medium">
|
|
@@ -288,7 +288,7 @@ return <Flex gap="medium" align="start" justify="start">
|
|
|
288
288
|
<div style={{
|
|
289
289
|
width: "300px"
|
|
290
290
|
}}>
|
|
291
|
-
<Dropdown placeholder="Group by category title sticky" options={options} stickyGroupTitle maxMenuHeight={170} clearAriaLabel="Clear" />
|
|
291
|
+
<Dropdown id="groups-sticky" aria-label="Group by category title sticky" placeholder="Group by category title sticky" options={options} stickyGroupTitle maxMenuHeight={170} clearAriaLabel="Clear" />
|
|
292
292
|
</div>
|
|
293
293
|
</Flex>
|
|
294
294
|
</Flex>;
|
|
@@ -337,12 +337,12 @@ return <Flex gap="large">
|
|
|
337
337
|
<div style={{
|
|
338
338
|
width: "300px"
|
|
339
339
|
}}>
|
|
340
|
-
<Dropdown placeholder={"Start element"} options={startOptions} label="Start element" required clearAriaLabel="Clear" />
|
|
340
|
+
<Dropdown id="item-start-element" placeholder={"Start element"} options={startOptions} label="Start element" required clearAriaLabel="Clear" />
|
|
341
341
|
</div>
|
|
342
342
|
<div style={{
|
|
343
343
|
width: "300px"
|
|
344
344
|
}}>
|
|
345
|
-
<Dropdown placeholder={"End element"} options={endOptions} label="End element" required clearAriaLabel="Clear" />
|
|
345
|
+
<Dropdown id="item-end-element" placeholder={"End element"} options={endOptions} label="End element" required clearAriaLabel="Clear" />
|
|
346
346
|
</div>
|
|
347
347
|
</Flex>;
|
|
348
348
|
```
|
|
@@ -372,7 +372,7 @@ const options = useMemo(() => [{
|
|
|
372
372
|
return <div style={{
|
|
373
373
|
width: "300px"
|
|
374
374
|
}}>
|
|
375
|
-
<Dropdown placeholder={"Placeholder text here"} options={options} defaultValue={[options[0], options[2], options[3]]} label="Label" required multi showSelectedOptions={false} clearAriaLabel="Clear" />
|
|
375
|
+
<Dropdown id="hide-selected-items" placeholder={"Placeholder text here"} options={options} defaultValue={[options[0], options[2], options[3]]} label="Label" required multi showSelectedOptions={false} clearAriaLabel="Clear" />
|
|
376
376
|
</div>;
|
|
377
377
|
```
|
|
378
378
|
|
|
@@ -398,7 +398,7 @@ const optionsWithTooltips = useMemo(() => [{
|
|
|
398
398
|
return <div style={{
|
|
399
399
|
width: "300px"
|
|
400
400
|
}}>
|
|
401
|
-
<Dropdown placeholder={"Placeholder text here"} options={optionsWithTooltips} clearAriaLabel="Clear" />
|
|
401
|
+
<Dropdown id="with-tooltips" aria-label="With tooltips" placeholder={"Placeholder text here"} options={optionsWithTooltips} clearAriaLabel="Clear" />
|
|
402
402
|
</div>;
|
|
403
403
|
```
|
|
404
404
|
|
|
@@ -467,12 +467,12 @@ return <Flex gap="large" align="start">
|
|
|
467
467
|
<div style={{
|
|
468
468
|
width: "350px"
|
|
469
469
|
}}>
|
|
470
|
-
<Dropdown placeholder="Search" options={options} label="Virtualized" menuRenderer={virtualizedMenuRenderer} searchable maxMenuHeight={250} clearAriaLabel="Clear" />
|
|
470
|
+
<Dropdown id="virtualized" placeholder="Search" options={options} label="Virtualized" menuRenderer={virtualizedMenuRenderer} searchable maxMenuHeight={250} clearAriaLabel="Clear" />
|
|
471
471
|
</div>
|
|
472
472
|
<div style={{
|
|
473
473
|
width: "350px"
|
|
474
474
|
}}>
|
|
475
|
-
<Dropdown placeholder="Search" options={groupedOptions} label="Grouped Virtualized" menuRenderer={virtualizedMenuRenderer} searchable maxMenuHeight={250} clearAriaLabel="Clear" />
|
|
475
|
+
<Dropdown id="grouped-virtualized" placeholder="Search" options={groupedOptions} label="Grouped Virtualized" menuRenderer={virtualizedMenuRenderer} searchable maxMenuHeight={250} clearAriaLabel="Clear" />
|
|
476
476
|
</div>
|
|
477
477
|
</Flex>;
|
|
478
478
|
```
|
package/dist/metadata.json
CHANGED
|
@@ -6341,6 +6341,15 @@
|
|
|
6341
6341
|
"name": "(option: Item) => void"
|
|
6342
6342
|
}
|
|
6343
6343
|
},
|
|
6344
|
+
"interactiveChips": {
|
|
6345
|
+
"defaultValue": null,
|
|
6346
|
+
"description": "If true, chips are always visible and support keyboard navigation: pressing Backspace or Left arrow\nfrom the input moves focus to the last chip; Left/Right navigates between chips; Delete/Backspace\nremoves the focused chip. Only applies when searchable=true.",
|
|
6347
|
+
"name": "interactiveChips",
|
|
6348
|
+
"required": false,
|
|
6349
|
+
"type": {
|
|
6350
|
+
"name": "boolean"
|
|
6351
|
+
}
|
|
6352
|
+
},
|
|
6344
6353
|
"valueRenderer": {
|
|
6345
6354
|
"defaultValue": null,
|
|
6346
6355
|
"description": "The function to call to render the selected value on single select mode.",
|
|
@@ -6350,6 +6359,15 @@
|
|
|
6350
6359
|
"name": "(option: Item) => React.ReactNode"
|
|
6351
6360
|
}
|
|
6352
6361
|
},
|
|
6362
|
+
"inlineSelectedValue": {
|
|
6363
|
+
"defaultValue": null,
|
|
6364
|
+
"description": "Single-select only. (Not available for multi-select)\nSearchable single-select only. When true, the selected option's label is shown **inside the input**\n(and exposed to assistive tech as the input's value) instead of as a visual overlay over an empty\nfield. Opt-in because it changes how the collapsed selection looks (text-only, no icon/avatar/\n`valueRenderer`). Defaults to false (the overlay behavior).",
|
|
6365
|
+
"name": "inlineSelectedValue",
|
|
6366
|
+
"required": false,
|
|
6367
|
+
"type": {
|
|
6368
|
+
"name": "boolean"
|
|
6369
|
+
}
|
|
6370
|
+
},
|
|
6353
6371
|
"defaultValue": {
|
|
6354
6372
|
"defaultValue": null,
|
|
6355
6373
|
"description": "The default selected values for multi-select.\nThe default selected value for single-select.",
|
|
@@ -7253,6 +7271,15 @@
|
|
|
7253
7271
|
"name": "string"
|
|
7254
7272
|
}
|
|
7255
7273
|
},
|
|
7274
|
+
"role": {
|
|
7275
|
+
"defaultValue": null,
|
|
7276
|
+
"description": "The ARIA role of the flex container.",
|
|
7277
|
+
"name": "role",
|
|
7278
|
+
"required": false,
|
|
7279
|
+
"type": {
|
|
7280
|
+
"name": "React.AriaRole"
|
|
7281
|
+
}
|
|
7282
|
+
},
|
|
7256
7283
|
"className": {
|
|
7257
7284
|
"defaultValue": null,
|
|
7258
7285
|
"description": "A CSS class name to apply to the component.",
|
|
@@ -15,10 +15,20 @@ interface MultiSelectSpecifics<Item extends BaseItemData<Record<string, unknown>
|
|
|
15
15
|
* Callback fired when an option is removed in multi-select mode. Only available when multi is true.
|
|
16
16
|
*/
|
|
17
17
|
onOptionRemove?: (option: Item) => void;
|
|
18
|
+
/**
|
|
19
|
+
* If true, chips are always visible and support keyboard navigation: pressing Backspace or Left arrow
|
|
20
|
+
* from the input moves focus to the last chip; Left/Right navigates between chips; Delete/Backspace
|
|
21
|
+
* removes the focused chip. Only applies when searchable=true.
|
|
22
|
+
*/
|
|
23
|
+
interactiveChips?: boolean;
|
|
18
24
|
/**
|
|
19
25
|
* The function to call to render the selected value on single select mode.
|
|
20
26
|
*/
|
|
21
27
|
valueRenderer?: never;
|
|
28
|
+
/**
|
|
29
|
+
* Single-select only. (Not available for multi-select)
|
|
30
|
+
*/
|
|
31
|
+
inlineSelectedValue?: never;
|
|
22
32
|
/**
|
|
23
33
|
* The default selected values for multi-select.
|
|
24
34
|
*/
|
|
@@ -53,6 +63,13 @@ interface SingleSelectSpecifics<Item extends BaseItemData<Record<string, unknown
|
|
|
53
63
|
* The function to call to render the selected value on single select mode.
|
|
54
64
|
*/
|
|
55
65
|
valueRenderer?: (option: Item) => React.ReactNode;
|
|
66
|
+
/**
|
|
67
|
+
* Searchable single-select only. When true, the selected option's label is shown **inside the input**
|
|
68
|
+
* (and exposed to assistive tech as the input's value) instead of as a visual overlay over an empty
|
|
69
|
+
* field. Opt-in because it changes how the collapsed selection looks (text-only, no icon/avatar/
|
|
70
|
+
* `valueRenderer`). Defaults to false (the overlay behavior).
|
|
71
|
+
*/
|
|
72
|
+
inlineSelectedValue?: boolean;
|
|
56
73
|
/**
|
|
57
74
|
* The default selected value for single-select.
|
|
58
75
|
*/
|
|
@@ -7,6 +7,10 @@ type MultiSelectedValuesProps<Item> = {
|
|
|
7
7
|
disabled?: boolean;
|
|
8
8
|
readOnly?: boolean;
|
|
9
9
|
minVisibleCount?: number;
|
|
10
|
+
/** Extra props (tabIndex, onKeyDown, etc.) to spread on each visible chip container. */
|
|
11
|
+
getChipContainerProps?: (item: Item, index: number) => Record<string, any>;
|
|
12
|
+
/** Ref forwarded to the +N overflow Chips element, for external keyboard focus management. */
|
|
13
|
+
badgeRef?: React.Ref<HTMLDivElement>;
|
|
10
14
|
};
|
|
11
|
-
declare function MultiSelectedValues<Item extends BaseItemData<Record<string, unknown>>>({ selectedItems, onRemove, renderInput, disabled, readOnly, minVisibleCount }: MultiSelectedValuesProps<Item>): React.JSX.Element;
|
|
15
|
+
declare function MultiSelectedValues<Item extends BaseItemData<Record<string, unknown>>>({ selectedItems, onRemove, renderInput, disabled, readOnly, minVisibleCount, getChipContainerProps, badgeRef }: MultiSelectedValuesProps<Item>): React.JSX.Element;
|
|
12
16
|
export default MultiSelectedValues;
|
|
@@ -1,6 +1,8 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
declare const DropdownInput: ({ inputSize, fullWidth }: {
|
|
1
|
+
import React, { type RefObject } from "react";
|
|
2
|
+
declare const DropdownInput: ({ inputSize, fullWidth, onKeyDown: externalKeyDown, inputRef: externalInputRef }: {
|
|
3
3
|
inputSize?: "small" | "medium" | "large";
|
|
4
4
|
fullWidth?: boolean;
|
|
5
|
+
onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
|
|
6
|
+
inputRef?: RefObject<HTMLInputElement>;
|
|
5
7
|
}) => React.JSX.Element;
|
|
6
8
|
export default DropdownInput;
|
|
@@ -7,7 +7,7 @@ type ItemPropGetter<Item> = (options: {
|
|
|
7
7
|
item: Item;
|
|
8
8
|
index: number;
|
|
9
9
|
}) => Record<string, any>;
|
|
10
|
-
type InheritedDropdownProps<Item extends BaseItemData<Record<string, unknown>>> = Partial<Pick<BaseDropdownProps<Item>, "label" | "required" | "className" | "id" | "aria-label" | "data-testid" | "error" | "helperText" | "dir" | "searchable" | "multi" | "multiline" | "disabled" | "readOnly" | "size" | "optionRenderer" | "valueRenderer" | "menuRenderer" | "noOptionsMessage" | "placeholder" | "withGroupDivider" | "stickyGroupTitle" | "maxMenuHeight" | "clearable" | "autoFocus" | "inputAriaLabel" | "menuAriaLabel" | "clearAriaLabel" | "closeMenuOnSelect" | "menuWrapperClassName" | "loading" | "minVisibleCount" | "boxMode" | "borderless" | "onFocus" | "onBlur" | "onKeyDown" | "onScroll" | "onClear">>;
|
|
10
|
+
type InheritedDropdownProps<Item extends BaseItemData<Record<string, unknown>>> = Partial<Pick<BaseDropdownProps<Item>, "label" | "required" | "className" | "id" | "aria-label" | "data-testid" | "error" | "helperText" | "dir" | "searchable" | "multi" | "multiline" | "disabled" | "readOnly" | "size" | "optionRenderer" | "valueRenderer" | "inlineSelectedValue" | "menuRenderer" | "noOptionsMessage" | "placeholder" | "withGroupDivider" | "stickyGroupTitle" | "maxMenuHeight" | "clearable" | "autoFocus" | "inputAriaLabel" | "menuAriaLabel" | "clearAriaLabel" | "closeMenuOnSelect" | "menuWrapperClassName" | "loading" | "minVisibleCount" | "boxMode" | "borderless" | "onFocus" | "onBlur" | "onKeyDown" | "onScroll" | "onClear">>;
|
|
11
11
|
export interface DropdownContextProps<Item extends BaseItemData<Record<string, unknown>> = any> extends InheritedDropdownProps<Item> {
|
|
12
12
|
label?: string;
|
|
13
13
|
isOpen: boolean;
|
|
@@ -29,6 +29,13 @@ export interface DropdownContextProps<Item extends BaseItemData<Record<string, u
|
|
|
29
29
|
contextOnOptionRemove?: (option: Item) => void;
|
|
30
30
|
addSelectedItem?: (item: Item) => void;
|
|
31
31
|
removeSelectedItem?: (item: Item) => void;
|
|
32
|
+
getSelectedItemProps?: (options: {
|
|
33
|
+
selectedItem: any;
|
|
34
|
+
index: number;
|
|
35
|
+
}) => Record<string, any>;
|
|
32
36
|
isFocused?: boolean;
|
|
37
|
+
interactiveChips?: boolean;
|
|
38
|
+
/** Id of the helper text element, linked to the combobox/trigger via aria-describedby. */
|
|
39
|
+
helperTextId?: string;
|
|
33
40
|
}
|
|
34
41
|
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type BaseItemData } from "../../BaseItem";
|
|
2
2
|
import { type DropdownGroupOption } from "../Dropdown.types";
|
|
3
|
-
declare function useDropdownCombobox<T extends BaseItemData<Record<string, unknown>>>(options: DropdownGroupOption<T>, isMenuOpen?: boolean, autoFocus?: boolean, closeMenuOnSelect?: boolean, defaultValue?: T, value?: T, inputValueProp?: string, onChange?: (option: T | T[] | null) => void, onInputChange?: (value: string | null) => void, onMenuOpen?: () => void, onMenuClose?: () => void, onOptionSelect?: (option: T) => void, filterOption?: (option: T, inputValue: string) => boolean, showSelectedOptions?: boolean, id?: string): {
|
|
3
|
+
declare function useDropdownCombobox<T extends BaseItemData<Record<string, unknown>>>(options: DropdownGroupOption<T>, isMenuOpen?: boolean, autoFocus?: boolean, closeMenuOnSelect?: boolean, defaultValue?: T, value?: T, inputValueProp?: string, onChange?: (option: T | T[] | null) => void, onInputChange?: (value: string | null) => void, onMenuOpen?: () => void, onMenuClose?: () => void, onOptionSelect?: (option: T) => void, filterOption?: (option: T, inputValue: string) => boolean, showSelectedOptions?: boolean, id?: string, inlineSelectedValue?: boolean): {
|
|
4
4
|
isOpen: boolean;
|
|
5
5
|
inputValue: string;
|
|
6
6
|
highlightedIndex: number;
|
|
@@ -10,6 +10,7 @@ declare function useDropdownCombobox<T extends BaseItemData<Record<string, unkno
|
|
|
10
10
|
getMenuProps: <Options>(options?: import("downshift").UseComboboxGetMenuPropsOptions & Options, otherOptions?: import("downshift").GetPropsCommonOptions) => import("downshift").Overwrite<import("downshift").UseComboboxGetMenuPropsReturnValue, Options>;
|
|
11
11
|
getInputProps: (options?: Parameters<(<Options>(options?: import("downshift").UseComboboxGetInputPropsOptions & Options, otherOptions?: import("downshift").GetPropsCommonOptions) => import("downshift").Overwrite<import("downshift").UseComboboxGetInputPropsReturnValue, Options>)>[0]) => import("downshift").Overwrite<import("downshift").UseComboboxGetInputPropsReturnValue, {
|
|
12
12
|
ref: import("react").MutableRefObject<HTMLInputElement>;
|
|
13
|
+
onKeyDown: (event: import("react").KeyboardEvent<HTMLInputElement>) => void;
|
|
13
14
|
disabled?: boolean;
|
|
14
15
|
accept?: string | undefined;
|
|
15
16
|
acceptCharset?: string | undefined;
|
|
@@ -249,7 +250,6 @@ declare function useDropdownCombobox<T extends BaseItemData<Record<string, unkno
|
|
|
249
250
|
onLoadCapture?: import("react").ReactEventHandler<HTMLInputElement>;
|
|
250
251
|
onError?: import("react").ReactEventHandler<HTMLInputElement>;
|
|
251
252
|
onErrorCapture?: import("react").ReactEventHandler<HTMLInputElement>;
|
|
252
|
-
onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement>;
|
|
253
253
|
onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLInputElement>;
|
|
254
254
|
onKeyPress?: import("react").KeyboardEventHandler<HTMLInputElement>;
|
|
255
255
|
onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLInputElement>;
|