@vibe/core 3.0.0-alpha.3 → 3.0.0-alpha.4
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/Dialog/Dialog.d.ts +2 -1
- package/dist/components/Icon/Icons/components/ReplyAll.d.ts +6 -0
- package/dist/components/Icon/Icons/index.d.ts +1 -0
- package/dist/components/LayerProvider/LayerContext.d.ts +6 -0
- package/dist/components/LayerProvider/LayerProvider.d.ts +7 -0
- package/dist/components/LayerProvider/index.d.ts +1 -0
- package/dist/components/Tooltip/Tooltip.d.ts +0 -2
- package/dist/components/index.d.ts +1 -0
- package/dist/mocked_classnames/components/Dialog/Dialog.d.ts +2 -1
- package/dist/mocked_classnames/components/Icon/Icons/components/ReplyAll.d.ts +6 -0
- package/dist/mocked_classnames/components/Icon/Icons/index.d.ts +1 -0
- package/dist/mocked_classnames/components/LayerProvider/LayerContext.d.ts +6 -0
- package/dist/mocked_classnames/components/LayerProvider/LayerProvider.d.ts +7 -0
- package/dist/mocked_classnames/components/LayerProvider/index.d.ts +1 -0
- package/dist/mocked_classnames/components/Tooltip/Tooltip.d.ts +0 -2
- package/dist/mocked_classnames/components/index.d.ts +1 -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/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.js +1 -1
- package/dist/mocked_classnames/src/components/Dialog/Dialog.js.map +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.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/Dropdown.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/ChildrenContent/ChildrenContent.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/ChildrenContent/ChildrenContent.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.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/option/option.js.map +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/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/Icon/Icons/components/ReplyAll.js +2 -0
- package/dist/mocked_classnames/src/components/Icon/Icons/components/ReplyAll.js.map +1 -0
- package/dist/mocked_classnames/src/components/Icon/Icons/icons.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/LayerProvider/LayerContext.js +2 -0
- package/dist/mocked_classnames/src/components/LayerProvider/LayerContext.js.map +1 -0
- package/dist/mocked_classnames/src/components/LayerProvider/LayerProvider.js +2 -0
- package/dist/mocked_classnames/src/components/LayerProvider/LayerProvider.js.map +1 -0
- 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.js +1 -1
- package/dist/mocked_classnames/src/components/MenuButton/MenuButton.js.map +1 -1
- package/dist/mocked_classnames/src/components/MenuButton/MenuButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/Modal.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/Modal.js.map +1 -1
- package/dist/mocked_classnames/src/components/Modal/Modal.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/ModalContent/ModalContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/ModalFooter/ModalFooter.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/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/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/Table/TableRoot.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/TableContainerRoot.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/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.js +1 -1
- package/dist/mocked_classnames/src/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/mocked_classnames/src/components/Tooltip/Tooltip.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/index.js +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/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.js +1 -1
- package/dist/src/components/Dialog/Dialog.js.map +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.js +1 -1
- package/dist/src/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/src/components/Dropdown/Dropdown.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/ChildrenContent/ChildrenContent.js +1 -1
- package/dist/src/components/Dropdown/components/ChildrenContent/ChildrenContent.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.js +1 -1
- package/dist/src/components/Dropdown/components/option/option.js.map +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/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/Icon/Icons/components/ReplyAll.js +2 -0
- package/dist/src/components/Icon/Icons/components/ReplyAll.js.map +1 -0
- package/dist/src/components/Icon/Icons/icons.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/LayerProvider/LayerContext.js +2 -0
- package/dist/src/components/LayerProvider/LayerContext.js.map +1 -0
- package/dist/src/components/LayerProvider/LayerProvider.js +2 -0
- package/dist/src/components/LayerProvider/LayerProvider.js.map +1 -0
- 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.js +1 -1
- package/dist/src/components/MenuButton/MenuButton.js.map +1 -1
- package/dist/src/components/MenuButton/MenuButton.module.scss.js +1 -1
- package/dist/src/components/Modal/Modal.js +1 -1
- package/dist/src/components/Modal/Modal.js.map +1 -1
- package/dist/src/components/Modal/Modal.module.scss.js +1 -1
- package/dist/src/components/Modal/ModalContent/ModalContent.module.scss.js +1 -1
- package/dist/src/components/Modal/ModalFooter/ModalFooter.module.scss.js +1 -1
- package/dist/src/components/Modal/ModalHeader/ModalHeader.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/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/Table/TableRoot.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/TableContainerRoot.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/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.js +1 -1
- package/dist/src/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/src/components/Tooltip/Tooltip.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/index.js +1 -1
- package/dist/style/dist/index.min.css.js +1 -1
- package/package.json +5 -3
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{default as Academy}from"./components/Academy.js";export{default as Activity}from"./components/Activity.js";export{default as Add}from"./components/Add.js";export{default as AddNewDoc}from"./components/AddNewDoc.js";export{default as AddSmall}from"./components/AddSmall.js";export{default as AddToTeam}from"./components/AddToTeam.js";export{default as AddUpdate}from"./components/AddUpdate.js";export{default as Alert}from"./components/Alert.js";export{default as Announcement}from"./components/Announcement.js";export{default as API}from"./components/API.js";export{default as Apps}from"./components/Apps.js";export{default as Archive}from"./components/Archive.js";export{default as Attach}from"./components/Attach.js";export{default as Baseline}from"./components/Baseline.js";export{default as Basic}from"./components/Basic.js";export{default as Battery}from"./components/Battery.js";export{default as BlockQuote}from"./components/BlockQuote.js";export{default as Board}from"./components/Board.js";export{default as BoardPrivate}from"./components/BoardPrivate.js";export{default as BoardShareable}from"./components/BoardShareable.js";export{default as BoardTemplate}from"./components/BoardTemplate.js";export{default as Bold}from"./components/Bold.js";export{default as Bolt}from"./components/Bolt.js";export{default as Bookmark}from"./components/Bookmark.js";export{default as Broadcast}from"./components/Broadcast.js";export{default as Broom}from"./components/Broom.js";export{default as Bug}from"./components/Bug.js";export{default as Bullet}from"./components/Bullet.js";export{default as Bullets}from"./components/Bullets.js";export{default as Bulllet}from"./components/Bulllet.js";export{default as Calendar}from"./components/Calendar.js";export{default as Chart}from"./components/Chart.js";export{default as Check}from"./components/Check.js";export{default as Checkbox}from"./components/Checkbox.js";export{default as CheckList}from"./components/CheckList.js";export{default as Clear}from"./components/Clear.js";export{default as Close}from"./components/Close.js";export{default as CloseRound}from"./components/CloseRound.js";export{default as CloseSmall}from"./components/CloseSmall.js";export{default as Code}from"./components/Code.js";export{default as Collapse}from"./components/Collapse.js";export{default as CollapseRound}from"./components/CollapseRound.js";export{default as Column}from"./components/Column.js";export{default as Comment}from"./components/Comment.js";export{default as Completed}from"./components/Completed.js";export{default as Connect}from"./components/Connect.js";export{default as ConnectedDoc}from"./components/ConnectedDoc.js";export{default as ContentDirectory}from"./components/ContentDirectory.js";export{default as ConvertToItem}from"./components/ConvertToItem.js";export{default as ConvertToSubitem}from"./components/ConvertToSubitem.js";export{default as Counter}from"./components/Counter.js";export{default as Country}from"./components/Country.js";export{default as CreditCard}from"./components/CreditCard.js";export{default as Custom}from"./components/Custom.js";export{default as Cut}from"./components/Cut.js";export{default as Dashboard}from"./components/Dashboard.js";export{default as DashboardPrivate}from"./components/DashboardPrivate.js";export{default as Deactivate}from"./components/Deactivate.js";export{default as Delete}from"./components/Delete.js";export{default as Dependency}from"./components/Dependency.js";export{default as Description}from"./components/Description.js";export{default as DisabledUser}from"./components/DisabledUser.js";export{default as Divider}from"./components/Divider.js";export{default as Doc}from"./components/Doc.js";export{default as DocPrivate}from"./components/DocPrivate.js";export{default as DocShareable}from"./components/DocShareable.js";export{default as DocTemplate}from"./components/DocTemplate.js";export{default as DoubleCheck}from"./components/DoubleCheck.js";export{default as Download}from"./components/Download.js";export{default as Drag}from"./components/Drag.js";export{default as Dropdown}from"./components/Dropdown.js";export{default as DropdownChevronDown}from"./components/DropdownChevronDown.js";export{default as DropdownChevronLeft}from"./components/DropdownChevronLeft.js";export{default as DropdownChevronRight}from"./components/DropdownChevronRight.js";export{default as DropdownChevronUp}from"./components/DropdownChevronUp.js";export{default as DueDate}from"./components/DueDate.js";export{default as Duplicate}from"./components/Duplicate.js";export{default as Edit}from"./components/Edit.js";export{default as Education}from"./components/Education.js";export{default as Email}from"./components/Email.js";export{default as Embed}from"./components/Embed.js";export{default as Emoji}from"./components/Emoji.js";export{default as Enter}from"./components/Enter.js";export{default as Erase}from"./components/Erase.js";export{default as Event}from"./components/Event.js";export{default as Expand}from"./components/Expand.js";export{default as ExternalPage}from"./components/ExternalPage.js";export{default as Favorite}from"./components/Favorite.js";export{default as Feedback}from"./components/Feedback.js";export{default as File}from"./components/File.js";export{default as Filter}from"./components/Filter.js";export{default as Folder}from"./components/Folder.js";export{default as Form}from"./components/Form.js";export{default as Formula}from"./components/Formula.js";export{default as Forum}from"./components/Forum.js";export{default as Fullscreen}from"./components/Fullscreen.js";export{default as FullscreenClose}from"./components/FullscreenClose.js";export{default as Gallery}from"./components/Gallery.js";export{default as Gantt}from"./components/Gantt.js";export{default as Gif}from"./components/Gif.js";export{default as Globe}from"./components/Globe.js";export{default as Graph}from"./components/Graph.js";export{default as Group}from"./components/Group.js";export{default as Guest}from"./components/Guest.js";export{default as Health}from"./components/Health.js";export{default as Heart}from"./components/Heart.js";export{default as Help}from"./components/Help.js";export{default as Hide}from"./components/Hide.js";export{default as Highlight}from"./components/Highlight.js";export{default as HighlightColorBucket}from"./components/HighlightColorBucket.js";export{default as Home}from"./components/Home.js";export{default as Idea}from"./components/Idea.js";export{default as Image}from"./components/Image.js";export{default as Inbox}from"./components/Inbox.js";export{default as Info}from"./components/Info.js";export{default as Integrations}from"./components/Integrations.js";export{default as Invite}from"./components/Invite.js";export{default as IPRestrictions}from"./components/IPRestrictions.js";export{default as Italic}from"./components/Italic.js";export{default as Item}from"./components/Item.js";export{default as ItemDefaultValues}from"./components/ItemDefaultValues.js";export{default as ItemHeightDouble}from"./components/ItemHeightDouble.js";export{default as ItemHeightSingle}from"./components/ItemHeightSingle.js";export{default as ItemHeightTriple}from"./components/ItemHeightTriple.js";export{default as Keyboard}from"./components/Keyboard.js";export{default as Labs}from"./components/Labs.js";export{default as Launch}from"./components/Launch.js";export{default as Layout}from"./components/Layout.js";export{default as LearnMore}from"./components/LearnMore.js";export{default as Lines}from"./components/Lines.js";export{default as Link}from"./components/Link.js";export{default as Location}from"./components/Location.js";export{default as Locked}from"./components/Locked.js";export{default as LogIn}from"./components/LogIn.js";export{default as LogOut}from"./components/LogOut.js";export{default as LongText}from"./components/LongText.js";export{default as Mention}from"./components/Mention.js";export{default as Menu}from"./components/Menu.js";export{default as Microphone}from"./components/Microphone.js";export{default as Minimize}from"./components/Minimize.js";export{default as Mirror}from"./components/Mirror.js";export{default as Mobile}from"./components/Mobile.js";export{default as MondayDoc}from"./components/MondayDoc.js";export{default as MondayLogoOutline}from"./components/MondayLogoOutline.js";export{default as Moon}from"./components/Moon.js";export{default as MoreActions}from"./components/MoreActions.js";export{default as MoreBelow}from"./components/MoreBelow.js";export{default as MoreBelowFilled}from"./components/MoreBelowFilled.js";export{default as MoveArrowDown}from"./components/MoveArrowDown.js";export{default as MoveArrowLeft}from"./components/MoveArrowLeft.js";export{default as MoveArrowLeftDouble}from"./components/MoveArrowLeftDouble.js";export{default as MoveArrowRight}from"./components/MoveArrowRight.js";export{default as MoveArrowUp}from"./components/MoveArrowUp.js";export{default as Mute}from"./components/Mute.js";export{default as MyWeek}from"./components/MyWeek.js";export{default as NavigationChevronDown}from"./components/NavigationChevronDown.js";export{default as NavigationChevronLeft}from"./components/NavigationChevronLeft.js";export{default as NavigationChevronRight}from"./components/NavigationChevronRight.js";export{default as NavigationChevronUp}from"./components/NavigationChevronUp.js";export{default as NavigationDoubleChevronLeft}from"./components/NavigationDoubleChevronLeft.js";export{default as NewTab}from"./components/NewTab.js";export{default as Night}from"./components/Night.js";export{default as NoColor}from"./components/NoColor.js";export{default as Note}from"./components/Note.js";export{default as Notifications}from"./components/Notifications.js";export{default as NotificationsMuted}from"./components/NotificationsMuted.js";export{default as Numbers}from"./components/Numbers.js";export{default as Offline}from"./components/Offline.js";export{default as Open}from"./components/Open.js";export{default as Page}from"./components/Page.js";export{default as Paste}from"./components/Paste.js";export{default as Pause}from"./components/Pause.js";export{default as Person}from"./components/Person.js";export{default as PersonRound}from"./components/PersonRound.js";export{default as Pin}from"./components/Pin.js";export{default as Placeholder}from"./components/Placeholder.js";export{default as Play}from"./components/Play.js";export{default as Print}from"./components/Print.js";export{default as Prompt}from"./components/Prompt.js";export{default as PushNotification}from"./components/PushNotification.js";export{default as Quote}from"./components/Quote.js";export{default as Radio}from"./components/Radio.js";export{default as Recurring}from"./components/Recurring.js";export{default as RecycleBin}from"./components/RecycleBin.js";export{default as Redo}from"./components/Redo.js";export{default as Remove}from"./components/Remove.js";export{default as Replay}from"./components/Replay.js";export{default as Retry}from"./components/Retry.js";export{default as Robot}from"./components/Robot.js";export{default as Rotate}from"./components/Rotate.js";export{default as Search}from"./components/Search.js";export{default as Security}from"./components/Security.js";export{default as Send}from"./components/Send.js";export{default as Settings}from"./components/Settings.js";export{default as SettingsKnobs}from"./components/SettingsKnobs.js";export{default as Share}from"./components/Share.js";export{default as ShortText}from"./components/ShortText.js";export{default as Show}from"./components/Show.js";export{default as Shredder}from"./components/Shredder.js";export{default as Sort}from"./components/Sort.js";export{default as SortAscending}from"./components/SortAscending.js";export{default as SortDescending}from"./components/SortDescending.js";export{default as Sound}from"./components/Sound.js";export{default as Status}from"./components/Status.js";export{default as StrikethroughS}from"./components/StrikethroughS.js";export{default as StrikethroughT}from"./components/StrikethroughT.js";export{default as Subitems}from"./components/Subitems.js";export{default as Sun}from"./components/Sun.js";export{default as Switch}from"./components/Switch.js";export{default as Switcher}from"./components/Switcher.js";export{default as Table}from"./components/Table.js";export{default as Tags}from"./components/Tags.js";export{default as Team}from"./components/Team.js";export{default as Text}from"./components/Text.js";export{default as TextBig}from"./components/TextBig.js";export{default as Textcolor}from"./components/Textcolor.js";export{default as TextColorIndicator}from"./components/TextColorIndicator.js";export{default as TextCopy}from"./components/TextCopy.js";export{default as TextHuge}from"./components/TextHuge.js";export{default as TextMedium}from"./components/TextMedium.js";export{default as TextSmall}from"./components/TextSmall.js";export{default as ThumbsUp}from"./components/ThumbsUp.js";export{default as Time}from"./components/Time.js";export{default as Timeline}from"./components/Timeline.js";export{default as Translation}from"./components/Translation.js";export{default as TurnInto}from"./components/TurnInto.js";export{default as Underline}from"./components/Underline.js";export{default as Undo}from"./components/Undo.js";export{default as Unlocked}from"./components/Unlocked.js";export{default as Update}from"./components/Update.js";export{default as Upgrade}from"./components/Upgrade.js";export{default as Upload}from"./components/Upload.js";export{default as UserDomain}from"./components/UserDomain.js";export{default as UserStatus}from"./components/UserStatus.js";export{default as Versioning}from"./components/Versioning.js";export{default as Video}from"./components/Video.js";export{default as Wand}from"./components/Wand.js";export{default as Warning}from"./components/Warning.js";export{default as WhatsNew}from"./components/WhatsNew.js";export{default as Widgets}from"./components/Widgets.js";export{default as Work}from"./components/Work.js";export{default as Workflow}from"./components/Workflow.js";export{default as Workspace}from"./components/Workspace.js";
|
|
1
|
+
export{default as Academy}from"./components/Academy.js";export{default as Activity}from"./components/Activity.js";export{default as Add}from"./components/Add.js";export{default as AddNewDoc}from"./components/AddNewDoc.js";export{default as AddSmall}from"./components/AddSmall.js";export{default as AddToTeam}from"./components/AddToTeam.js";export{default as AddUpdate}from"./components/AddUpdate.js";export{default as Alert}from"./components/Alert.js";export{default as Announcement}from"./components/Announcement.js";export{default as API}from"./components/API.js";export{default as Apps}from"./components/Apps.js";export{default as Archive}from"./components/Archive.js";export{default as Attach}from"./components/Attach.js";export{default as Baseline}from"./components/Baseline.js";export{default as Basic}from"./components/Basic.js";export{default as Battery}from"./components/Battery.js";export{default as BlockQuote}from"./components/BlockQuote.js";export{default as Board}from"./components/Board.js";export{default as BoardPrivate}from"./components/BoardPrivate.js";export{default as BoardShareable}from"./components/BoardShareable.js";export{default as BoardTemplate}from"./components/BoardTemplate.js";export{default as Bold}from"./components/Bold.js";export{default as Bolt}from"./components/Bolt.js";export{default as Bookmark}from"./components/Bookmark.js";export{default as Broadcast}from"./components/Broadcast.js";export{default as Broom}from"./components/Broom.js";export{default as Bug}from"./components/Bug.js";export{default as Bullet}from"./components/Bullet.js";export{default as Bullets}from"./components/Bullets.js";export{default as Bulllet}from"./components/Bulllet.js";export{default as Calendar}from"./components/Calendar.js";export{default as Chart}from"./components/Chart.js";export{default as Check}from"./components/Check.js";export{default as Checkbox}from"./components/Checkbox.js";export{default as CheckList}from"./components/CheckList.js";export{default as Clear}from"./components/Clear.js";export{default as Close}from"./components/Close.js";export{default as CloseRound}from"./components/CloseRound.js";export{default as CloseSmall}from"./components/CloseSmall.js";export{default as Code}from"./components/Code.js";export{default as Collapse}from"./components/Collapse.js";export{default as CollapseRound}from"./components/CollapseRound.js";export{default as Column}from"./components/Column.js";export{default as Comment}from"./components/Comment.js";export{default as Completed}from"./components/Completed.js";export{default as Connect}from"./components/Connect.js";export{default as ConnectedDoc}from"./components/ConnectedDoc.js";export{default as ContentDirectory}from"./components/ContentDirectory.js";export{default as ConvertToItem}from"./components/ConvertToItem.js";export{default as ConvertToSubitem}from"./components/ConvertToSubitem.js";export{default as Counter}from"./components/Counter.js";export{default as Country}from"./components/Country.js";export{default as CreditCard}from"./components/CreditCard.js";export{default as Custom}from"./components/Custom.js";export{default as Cut}from"./components/Cut.js";export{default as Dashboard}from"./components/Dashboard.js";export{default as DashboardPrivate}from"./components/DashboardPrivate.js";export{default as Deactivate}from"./components/Deactivate.js";export{default as Delete}from"./components/Delete.js";export{default as Dependency}from"./components/Dependency.js";export{default as Description}from"./components/Description.js";export{default as DisabledUser}from"./components/DisabledUser.js";export{default as Divider}from"./components/Divider.js";export{default as Doc}from"./components/Doc.js";export{default as DocPrivate}from"./components/DocPrivate.js";export{default as DocShareable}from"./components/DocShareable.js";export{default as DocTemplate}from"./components/DocTemplate.js";export{default as DoubleCheck}from"./components/DoubleCheck.js";export{default as Download}from"./components/Download.js";export{default as Drag}from"./components/Drag.js";export{default as Dropdown}from"./components/Dropdown.js";export{default as DropdownChevronDown}from"./components/DropdownChevronDown.js";export{default as DropdownChevronLeft}from"./components/DropdownChevronLeft.js";export{default as DropdownChevronRight}from"./components/DropdownChevronRight.js";export{default as DropdownChevronUp}from"./components/DropdownChevronUp.js";export{default as DueDate}from"./components/DueDate.js";export{default as Duplicate}from"./components/Duplicate.js";export{default as Edit}from"./components/Edit.js";export{default as Education}from"./components/Education.js";export{default as Email}from"./components/Email.js";export{default as Embed}from"./components/Embed.js";export{default as Emoji}from"./components/Emoji.js";export{default as Enter}from"./components/Enter.js";export{default as Erase}from"./components/Erase.js";export{default as Event}from"./components/Event.js";export{default as Expand}from"./components/Expand.js";export{default as ExternalPage}from"./components/ExternalPage.js";export{default as Favorite}from"./components/Favorite.js";export{default as Feedback}from"./components/Feedback.js";export{default as File}from"./components/File.js";export{default as Filter}from"./components/Filter.js";export{default as Folder}from"./components/Folder.js";export{default as Form}from"./components/Form.js";export{default as Formula}from"./components/Formula.js";export{default as Forum}from"./components/Forum.js";export{default as Fullscreen}from"./components/Fullscreen.js";export{default as FullscreenClose}from"./components/FullscreenClose.js";export{default as Gallery}from"./components/Gallery.js";export{default as Gantt}from"./components/Gantt.js";export{default as Gif}from"./components/Gif.js";export{default as Globe}from"./components/Globe.js";export{default as Graph}from"./components/Graph.js";export{default as Group}from"./components/Group.js";export{default as Guest}from"./components/Guest.js";export{default as Health}from"./components/Health.js";export{default as Heart}from"./components/Heart.js";export{default as Help}from"./components/Help.js";export{default as Hide}from"./components/Hide.js";export{default as Highlight}from"./components/Highlight.js";export{default as HighlightColorBucket}from"./components/HighlightColorBucket.js";export{default as Home}from"./components/Home.js";export{default as Idea}from"./components/Idea.js";export{default as Image}from"./components/Image.js";export{default as Inbox}from"./components/Inbox.js";export{default as Info}from"./components/Info.js";export{default as Integrations}from"./components/Integrations.js";export{default as Invite}from"./components/Invite.js";export{default as IPRestrictions}from"./components/IPRestrictions.js";export{default as Italic}from"./components/Italic.js";export{default as Item}from"./components/Item.js";export{default as ItemDefaultValues}from"./components/ItemDefaultValues.js";export{default as ItemHeightDouble}from"./components/ItemHeightDouble.js";export{default as ItemHeightSingle}from"./components/ItemHeightSingle.js";export{default as ItemHeightTriple}from"./components/ItemHeightTriple.js";export{default as Keyboard}from"./components/Keyboard.js";export{default as Labs}from"./components/Labs.js";export{default as Launch}from"./components/Launch.js";export{default as Layout}from"./components/Layout.js";export{default as LearnMore}from"./components/LearnMore.js";export{default as Lines}from"./components/Lines.js";export{default as Link}from"./components/Link.js";export{default as Location}from"./components/Location.js";export{default as Locked}from"./components/Locked.js";export{default as LogIn}from"./components/LogIn.js";export{default as LogOut}from"./components/LogOut.js";export{default as LongText}from"./components/LongText.js";export{default as Mention}from"./components/Mention.js";export{default as Menu}from"./components/Menu.js";export{default as Microphone}from"./components/Microphone.js";export{default as Minimize}from"./components/Minimize.js";export{default as Mirror}from"./components/Mirror.js";export{default as Mobile}from"./components/Mobile.js";export{default as MondayDoc}from"./components/MondayDoc.js";export{default as MondayLogoOutline}from"./components/MondayLogoOutline.js";export{default as Moon}from"./components/Moon.js";export{default as MoreActions}from"./components/MoreActions.js";export{default as MoreBelow}from"./components/MoreBelow.js";export{default as MoreBelowFilled}from"./components/MoreBelowFilled.js";export{default as MoveArrowDown}from"./components/MoveArrowDown.js";export{default as MoveArrowLeft}from"./components/MoveArrowLeft.js";export{default as MoveArrowLeftDouble}from"./components/MoveArrowLeftDouble.js";export{default as MoveArrowRight}from"./components/MoveArrowRight.js";export{default as MoveArrowUp}from"./components/MoveArrowUp.js";export{default as Mute}from"./components/Mute.js";export{default as MyWeek}from"./components/MyWeek.js";export{default as NavigationChevronDown}from"./components/NavigationChevronDown.js";export{default as NavigationChevronLeft}from"./components/NavigationChevronLeft.js";export{default as NavigationChevronRight}from"./components/NavigationChevronRight.js";export{default as NavigationChevronUp}from"./components/NavigationChevronUp.js";export{default as NavigationDoubleChevronLeft}from"./components/NavigationDoubleChevronLeft.js";export{default as NewTab}from"./components/NewTab.js";export{default as Night}from"./components/Night.js";export{default as NoColor}from"./components/NoColor.js";export{default as Note}from"./components/Note.js";export{default as Notifications}from"./components/Notifications.js";export{default as NotificationsMuted}from"./components/NotificationsMuted.js";export{default as Numbers}from"./components/Numbers.js";export{default as Offline}from"./components/Offline.js";export{default as Open}from"./components/Open.js";export{default as Page}from"./components/Page.js";export{default as Paste}from"./components/Paste.js";export{default as Pause}from"./components/Pause.js";export{default as Person}from"./components/Person.js";export{default as PersonRound}from"./components/PersonRound.js";export{default as Pin}from"./components/Pin.js";export{default as Placeholder}from"./components/Placeholder.js";export{default as Play}from"./components/Play.js";export{default as Print}from"./components/Print.js";export{default as Prompt}from"./components/Prompt.js";export{default as PushNotification}from"./components/PushNotification.js";export{default as Quote}from"./components/Quote.js";export{default as Radio}from"./components/Radio.js";export{default as Recurring}from"./components/Recurring.js";export{default as RecycleBin}from"./components/RecycleBin.js";export{default as Redo}from"./components/Redo.js";export{default as Remove}from"./components/Remove.js";export{default as Replay}from"./components/Replay.js";export{default as ReplyAll}from"./components/ReplyAll.js";export{default as Retry}from"./components/Retry.js";export{default as Robot}from"./components/Robot.js";export{default as Rotate}from"./components/Rotate.js";export{default as Search}from"./components/Search.js";export{default as Security}from"./components/Security.js";export{default as Send}from"./components/Send.js";export{default as Settings}from"./components/Settings.js";export{default as SettingsKnobs}from"./components/SettingsKnobs.js";export{default as Share}from"./components/Share.js";export{default as ShortText}from"./components/ShortText.js";export{default as Show}from"./components/Show.js";export{default as Shredder}from"./components/Shredder.js";export{default as Sort}from"./components/Sort.js";export{default as SortAscending}from"./components/SortAscending.js";export{default as SortDescending}from"./components/SortDescending.js";export{default as Sound}from"./components/Sound.js";export{default as Status}from"./components/Status.js";export{default as StrikethroughS}from"./components/StrikethroughS.js";export{default as StrikethroughT}from"./components/StrikethroughT.js";export{default as Subitems}from"./components/Subitems.js";export{default as Sun}from"./components/Sun.js";export{default as Switch}from"./components/Switch.js";export{default as Switcher}from"./components/Switcher.js";export{default as Table}from"./components/Table.js";export{default as Tags}from"./components/Tags.js";export{default as Team}from"./components/Team.js";export{default as Text}from"./components/Text.js";export{default as TextBig}from"./components/TextBig.js";export{default as Textcolor}from"./components/Textcolor.js";export{default as TextColorIndicator}from"./components/TextColorIndicator.js";export{default as TextCopy}from"./components/TextCopy.js";export{default as TextHuge}from"./components/TextHuge.js";export{default as TextMedium}from"./components/TextMedium.js";export{default as TextSmall}from"./components/TextSmall.js";export{default as ThumbsUp}from"./components/ThumbsUp.js";export{default as Time}from"./components/Time.js";export{default as Timeline}from"./components/Timeline.js";export{default as Translation}from"./components/Translation.js";export{default as TurnInto}from"./components/TurnInto.js";export{default as Underline}from"./components/Underline.js";export{default as Undo}from"./components/Undo.js";export{default as Unlocked}from"./components/Unlocked.js";export{default as Update}from"./components/Update.js";export{default as Upgrade}from"./components/Upgrade.js";export{default as Upload}from"./components/Upload.js";export{default as UserDomain}from"./components/UserDomain.js";export{default as UserStatus}from"./components/UserStatus.js";export{default as Versioning}from"./components/Versioning.js";export{default as Video}from"./components/Video.js";export{default as Wand}from"./components/Wand.js";export{default as Warning}from"./components/Warning.js";export{default as WhatsNew}from"./components/WhatsNew.js";export{default as Widgets}from"./components/Widgets.js";export{default as Work}from"./components/Work.js";export{default as Workflow}from"./components/Workflow.js";export{default as Workspace}from"./components/Workspace.js";
|
|
2
2
|
//# sourceMappingURL=icons.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={wrapper:"wrapper",referenceWrapper:"referenceWrapper",loader:"loader",xxs:"xxs"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-8d1605f1f87b_3_0_0-
|
|
1
|
+
var e={wrapper:"wrapper",referenceWrapper:"referenceWrapper",loader:"loader",xxs:"xxs"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-8d1605f1f87b_3_0_0-alpha_3";if(n.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".wrapper {\n width: fit-content;\n height: fit-content;\n display: inline-flex;\n}\n\n.referenceWrapper {\n display: inline-flex;\n}\n\n.referenceWrapper button .loader {\n width: 16px;\n height: 16px;\n}\n\n.referenceWrapper button .loader.xxs {\n width: 10px;\n height: 10px;\n}\n\n.referenceWrapper button .loader.xxs svg {\n display: block;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=IconButton.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var n={clickable:"clickable","focus-visible":"focus-visible",disabled:"disabled",disableTextSelection:"disableTextSelection",clickableWrapper:"clickableWrapper",label:"label",small:"small",withLeg:"withLeg",legWrapper:"legWrapper",kindFill:"kindFill",colorPrimary:"colorPrimary",colorDark:"colorDark",colorNegative:"colorNegative",colorPositive:"colorPositive",kindLine:"kindLine",smallText:"smallText"};!function(n){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],r="s_id-4bcc4b0ff746_3_0_0-
|
|
1
|
+
var n={clickable:"clickable","focus-visible":"focus-visible",disabled:"disabled",disableTextSelection:"disableTextSelection",clickableWrapper:"clickableWrapper",label:"label",small:"small",withLeg:"withLeg",legWrapper:"legWrapper",kindFill:"kindFill",colorPrimary:"colorPrimary",colorDark:"colorDark",colorNegative:"colorNegative",colorPositive:"colorPositive",kindLine:"kindLine",smallText:"smallText"};!function(n){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],r="s_id-4bcc4b0ff746_3_0_0-alpha_3";if(o.querySelector("#"+r))return;const i=document.createElement("style");i.id=r,o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.appendChild(document.createTextNode(n))}(".clickable {\n cursor: pointer;\n}\n.clickable:focus-visible, .clickable.focus-visible {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.clickable:focus:not(.focus-visible) {\n outline: none;\n}\n.clickable.disabled {\n cursor: default;\n}\n.disableTextSelection {\n -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n.clickableWrapper {\n cursor: pointer;\n}\n.clickableWrapper:focus-visible, .clickableWrapper.focus-visible {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.clickableWrapper:focus:not(.focus-visible) {\n outline: none;\n}\n.clickableWrapper:active {\n transform: scale(0.95) translate3d(0, 0, 0);\n transition: var(--motion-productive-short) transform;\n}\n.label {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--border-radius-small);\n padding: 2px var(--spacing-small);\n position: relative;\n}\n.label.small {\n padding: 0 var(--spacing-xs);\n border-radius: 2px;\n}\n.withLeg {\n border-radius: var(--border-radius-small) var(--border-radius-small) var(--border-radius-small) 0;\n}\n.legWrapper {\n position: absolute;\n height: 8px;\n top: 100%;\n left: 0;\n display: inline-flex;\n}\n.kindFill.colorPrimary {\n background-color: var(--primary-color);\n}\n.kindFill.colorPrimary svg path {\n fill: var(--primary-color);\n}\n.kindFill.colorPrimary.clickable:hover, .kindFill.colorPrimary.clickable:active {\n background-color: var(--primary-hover-color);\n}\n.kindFill.colorDark {\n background-color: var(--inverted-color-background);\n}\n.kindFill.colorDark svg path {\n fill: var(--inverted-color-background);\n}\n.kindFill.colorNegative {\n background-color: var(--negative-color);\n}\n.kindFill.colorNegative svg path {\n fill: var(--negative-color);\n}\n.kindFill.colorNegative.clickable:hover, .kindFill.colorNegative.clickable:active {\n background-color: var(--negative-color-hover);\n}\n.kindFill.colorPositive {\n background-color: var(--positive-color);\n}\n.kindFill.colorPositive svg path {\n fill: var(--positive-color);\n}\n.kindFill.colorPositive.clickable:hover, .kindFill.colorPositive.clickable:active {\n background-color: var(--positive-color-hover);\n}\n.kindLine {\n border: 1px solid currentColor;\n padding: 1px var(--spacing-small);\n}\n.kindLine .legWrapper {\n left: -1px;\n top: calc(100% + 1px);\n}\n.kindLine.colorPrimary {\n color: var(--primary-color);\n}\n.kindLine.colorPrimary svg path {\n fill: var(--primary-color);\n}\n.kindLine.colorPrimary.clickable:hover, .kindLine.colorPrimary.clickable:active {\n background-color: var(--primary-background-hover-color);\n}\n.kindLine.colorDark {\n color: var(--inverted-color-background);\n}\n.kindLine.colorDark svg path {\n fill: var(--inverted-color-background);\n}\n.kindLine.colorDark.clickable:hover, .kindLine.colorDark.clickable:active {\n background-color: var(--primary-background-hover-color);\n}\n.kindLine.colorNegative {\n color: var(--negative-color);\n}\n.kindLine.colorNegative svg path {\n fill: var(--negative-color);\n}\n.kindLine.colorNegative.clickable:hover, .kindLine.colorNegative.clickable:active {\n background-color: var(--negative-color-selected);\n}\n.kindLine.colorPositive {\n color: var(--positive-color);\n}\n.kindLine.colorPositive svg path {\n fill: var(--positive-color);\n}\n.kindLine.colorPositive.clickable:hover, .kindLine.colorPositive.clickable:active {\n background-color: var(--positive-color-selected);\n}\n.kindLine .smallText {\n line-height: 14px;\n}");export{n as default};
|
|
2
2
|
//# sourceMappingURL=Label.module.scss.js.map
|
package/dist/mocked_classnames/src/components/Label/LabelCelebrationAnimation.module.scss.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var n={celebration:"celebration",svg:"svg",stroke:"stroke","stroke-rotate":"stroke-rotate",base:"base",fade:"fade",first:"first",second:"second",third:"third","gradient-text-fill":"gradient-text-fill"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-cc5df975abc6_3_0_0-
|
|
1
|
+
var n={celebration:"celebration",svg:"svg",stroke:"stroke","stroke-rotate":"stroke-rotate",base:"base",fade:"fade",first:"first",second:"second",third:"third","gradient-text-fill":"gradient-text-fill"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-cc5df975abc6_3_0_0-alpha_3";if(e.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}(".celebration {\n --container-perimeter: 840;\n position: relative;\n}\n.celebration .svg {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n}\n.celebration .svg .stroke {\n fill: none;\n stroke-width: 1;\n stroke-linecap: round;\n stroke-linejoin: round;\n animation: stroke-rotate cubic-bezier(0.33, 0, 0.67, 1) forwards;\n stroke-dasharray: var(--container-perimeter);\n stroke-dashoffset: var(--container-perimeter);\n}\n.celebration .svg .stroke.base {\n stroke: var(--color-egg_yolk);\n animation: fade 200ms linear forwards;\n animation-delay: 80ms;\n stroke-dasharray: 0;\n stroke-dashoffset: 0;\n opacity: 0;\n}\n.celebration .svg .stroke.first {\n stroke: var(--color-done-green);\n animation-delay: 80ms;\n animation-duration: 320ms;\n}\n.celebration .svg .stroke.second {\n stroke: var(--color-stuck-red);\n animation-delay: 200ms;\n animation-duration: 320ms;\n}\n.celebration .svg .stroke.third {\n stroke: var(--primary-color);\n animation-delay: 360ms;\n animation-duration: 320ms;\n}\n.celebration.celebration [data-celebration-text] {\n background-size: 300% 100%;\n background-repeat: no-repeat;\n background-clip: text;\n -webkit-background-clip: text;\n color: transparent;\n animation: gradient-text-fill 680ms linear forwards;\n background-image: linear-gradient(to right, var(--primary-color) 30%, var(--color-stuck-red) 40%, var(--color-done-green) 60%, var(--color-egg_yolk) 85%, transparent 90%);\n}\n@keyframes fade {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n@keyframes stroke-rotate {\n to {\n stroke-dashoffset: 0;\n }\n}\n@keyframes gradient-text-fill {\n from {\n background-position: 150% 0;\n }\n to {\n background-position: 0% 0;\n }\n}");export{n as default};
|
|
2
2
|
//# sourceMappingURL=LabelCelebrationAnimation.module.scss.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LayerContext.js","sources":["../../../../../src/components/LayerProvider/LayerContext.ts"],"sourcesContent":["import React from \"react\";\n\nexport interface LayersContextType {\n layerRef: React.RefObject<HTMLElement>;\n}\n\nconst LayerContext = React.createContext<LayersContextType>({\n layerRef: null\n});\n\nexport default LayerContext;\n"],"names":["LayerContext","React","createContext","layerRef"],"mappings":"qBAMA,IAAMA,EAAeC,EAAMC,cAAiC,CAC1DC,SAAU"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LayerProvider.js","sources":["../../../../../src/components/LayerProvider/LayerProvider.tsx"],"sourcesContent":["import React, { FC, ReactNode, RefObject } from \"react\";\nimport LayerContext from \"./LayerContext\";\n\nexport interface LayerProviderType {\n children: ReactNode | ReactNode;\n layerRef: RefObject<HTMLElement> | null;\n}\n\nconst LayerProvider: FC<LayerProviderType> = ({ children, layerRef }) => {\n return <LayerContext.Provider value={{ layerRef }}>{children}</LayerContext.Provider>;\n};\n\nexport default LayerProvider;\n"],"names":["LayerProvider","_ref","React","createElement","LayerContext","Provider","value","layerRef","children"],"mappings":"sDAQA,IAAMA,EAAuC,SAA1BC,GACjB,OAAOC,EAACC,cAAAC,EAAaC,SAAS,CAAAC,MAAO,CAAEC,SADyBN,EAARM,WAAFN,EAARO,SAEhD"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var n={link:"link","focus-visible":"focus-visible",text:"text",inlineText:"inlineText",inheritFontSize:"inheritFontSize",iconStart:"iconStart",iconEnd:"iconEnd"};!function(n){if("undefined"==typeof document)return;const i=document.head||document.getElementsByTagName("head")[0],e="s_id-c911448248db_3_0_0-
|
|
1
|
+
var n={link:"link","focus-visible":"focus-visible",text:"text",inlineText:"inlineText",inheritFontSize:"inheritFontSize",iconStart:"iconStart",iconEnd:"iconEnd"};!function(n){if("undefined"==typeof document)return;const i=document.head||document.getElementsByTagName("head")[0],e="s_id-c911448248db_3_0_0-alpha_3";if(i.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(n))}(".link {\n display: flex;\n align-items: center;\n color: var(--link-color);\n font: var(--font-text2-normal);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n text-decoration: none;\n writing-mode: horizontal-tb;\n}\n.link:focus-visible, .link.focus-visible {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.link:focus:not(.focus-visible) {\n outline: none;\n}\n.link:hover .text {\n text-decoration: underline;\n color: inherit;\n}\n.link.inlineText {\n display: inline-flex;\n align-items: unset;\n}\n.link.inheritFontSize {\n font-size: inherit;\n line-height: inherit;\n}\n.iconStart {\n line-height: 24px;\n margin-right: var(--spacing-small);\n}\n.iconEnd {\n line-height: 24px;\n margin-left: var(--spacing-small);\n}\n@supports (margin-inline-start: initial) {\n .iconStart {\n line-height: 24px;\n margin-right: 0;\n margin-inline-end: var(--spacing-xs);\n }\n .iconEnd {\n line-height: 24px;\n margin-left: 0;\n margin-inline-start: var(--spacing-xs);\n }\n}");export{n as default};
|
|
2
2
|
//# sourceMappingURL=Link.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={list:"list"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-ed9bf484fec4_3_0_0-
|
|
1
|
+
var e={list:"list"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-ed9bf484fec4_3_0_0-alpha_3";if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}(".list {\n margin: 0;\n padding: 0;\n overflow: auto;\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.list::-webkit-scrollbar {\n width: 4px;\n height: 6px;\n}\n.list::-webkit-scrollbar-thumb {\n background-color: var(--ui-border-color);\n border-radius: 4px;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=List.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={scrollableContainer:"scrollableContainer"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-6ed55dee5450_3_0_0-
|
|
1
|
+
var e={scrollableContainer:"scrollableContainer"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-6ed55dee5450_3_0_0-alpha_3";if(n.querySelector("#"+r))return;const o=document.createElement("style");o.id=r,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}(".scrollableContainer {\n margin: 0;\n padding: 0;\n overflow: auto;\n}\n.scrollableContainer::-webkit-scrollbar {\n width: 4px;\n height: 6px;\n}\n.scrollableContainer::-webkit-scrollbar-thumb {\n background-color: var(--ui-border-color);\n border-radius: 4px;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=VirtualizedListItems.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={listItem:"listItem","focus-visible":"focus-visible",disabled:"disabled",selected:"selected",small:"small",medium:"medium",large:"large"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-8402a299d384_3_0_0-
|
|
1
|
+
var e={listItem:"listItem","focus-visible":"focus-visible",disabled:"disabled",selected:"selected",small:"small",medium:"medium",large:"large"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-8402a299d384_3_0_0-alpha_3";if(n.querySelector("#"+r))return;const o=document.createElement("style");o.id=r,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}(".listItem {\n display: flex;\n align-items: center;\n padding: 8px 16px;\n border-radius: 4px;\n cursor: pointer;\n}\n.listItem:focus-visible, .listItem.focus-visible {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.listItem:focus:not(.focus-visible) {\n outline: none;\n}\n.listItem:hover {\n background-color: var(--primary-background-hover-color);\n}\n.disabled {\n cursor: not-allowed;\n}\n.disabled:hover {\n background-color: transparent;\n}\n.selected {\n background-color: var(--primary-selected-color);\n}\n.selected:hover {\n background-color: var(--primary-selected-color);\n}\n.small {\n height: 32px;\n}\n.medium {\n height: 40px;\n}\n.large {\n height: 48px;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=ListItem.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={listItemAvatar:"listItemAvatar",avatar:"avatar"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],a="s_id-64054545c9e6_3_0_0-
|
|
1
|
+
var e={listItemAvatar:"listItemAvatar",avatar:"avatar"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],a="s_id-64054545c9e6_3_0_0-alpha_3";if(t.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}(".listItemAvatar {\n display: flex;\n align-items: center;\n color: var(--primary-text-color);\n}\n\n.avatar {\n width: 22px;\n height: 22px;\n margin-right: var(--spacing-small);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=ListItemAvatar.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={listItemIcon:"listItemIcon",start:"start",end:"end"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-0831d1bc0202_3_0_0-
|
|
1
|
+
var e={listItemIcon:"listItemIcon",start:"start",end:"end"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-0831d1bc0202_3_0_0-alpha_3";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))}(".listItemIcon {\n display: flex;\n align-items: center;\n color: var(--primary-text-color);\n}\n\n.start {\n margin-right: var(--spacing-small);\n}\n\n.end {\n margin-left: var(--spacing-small);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=ListItemIcon.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={listTitle:"listTitle"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-d4e0bfe7508e_3_0_0-
|
|
1
|
+
var e={listTitle:"listTitle"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-d4e0bfe7508e_3_0_0-alpha_3";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))}(".listTitle {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n padding: var(--spacing-medium) var(--spacing-medium) var(--spacing-small);\n border-radius: var(--border-radius-small);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=ListTitle.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var n={loaderContainer:"loaderContainer",circleLoaderSpinnerBackground:"circleLoaderSpinnerBackground",circleLoaderSpinner:"circleLoaderSpinner",rotate:"rotate",circleLoaderSpinnerPath:"circleLoaderSpinnerPath",dash:"dash"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],r="s_id-dcd4d8f866fa_3_0_0-
|
|
1
|
+
var n={loaderContainer:"loaderContainer",circleLoaderSpinnerBackground:"circleLoaderSpinnerBackground",circleLoaderSpinner:"circleLoaderSpinner",rotate:"rotate",circleLoaderSpinnerPath:"circleLoaderSpinnerPath",dash:"dash"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],r="s_id-dcd4d8f866fa_3_0_0-alpha_3";if(e.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(n))}(".loaderContainer {\n position: relative;\n height: 100%;\n width: 100%;\n}\n.loaderContainer .circleLoaderSpinnerBackground {\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -50%;\n margin-left: -50%;\n stroke: var(--ui-background-color);\n}\n.loaderContainer .circleLoaderSpinner {\n animation: rotate 1s linear infinite;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -50%;\n margin-left: -50%;\n stroke: currentColor;\n stroke-linecap: round;\n}\n.loaderContainer .circleLoaderSpinner .circleLoaderSpinnerPath {\n animation: dash 1s infinite;\n}\n@keyframes rotate {\n 100% {\n transform: rotate(360deg);\n }\n}\n@keyframes dash {\n 0% {\n stroke-dasharray: 1, 150;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 90, 150;\n stroke-dashoffset: -35;\n }\n 100% {\n stroke-dasharray: 90, 150;\n stroke-dashoffset: -124;\n }\n}");export{n as default};
|
|
2
2
|
//# sourceMappingURL=Loader.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={menu:"menu",small:"small",medium:"medium",large:"large"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-1599ba0bb296_3_0_0-
|
|
1
|
+
var e={menu:"menu",small:"small",medium:"medium",large:"large"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-1599ba0bb296_3_0_0-alpha_3";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))}(".menu {\n margin: unset;\n padding: unset;\n position: relative;\n}\n\n.menu:focus {\n outline: none;\n}\n\n.small {\n width: 200px;\n}\n\n.medium {\n width: 220px;\n}\n\n.large {\n width: 240px;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=Menu.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={menuChildDivider:"menuChildDivider"};!function(e){if("undefined"==typeof document)return;const d=document.head||document.getElementsByTagName("head")[0],n="s_id-d277a91266dd_3_0_0-
|
|
1
|
+
var e={menuChildDivider:"menuChildDivider"};!function(e){if("undefined"==typeof document)return;const d=document.head||document.getElementsByTagName("head")[0],n="s_id-d277a91266dd_3_0_0-alpha_3";if(d.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,d.firstChild?d.insertBefore(i,d.firstChild):d.appendChild(i),i.appendChild(document.createTextNode(e))}(".menuChildDivider {\n width: 100%;\n padding: 0 var(--spacing-small);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=MenuDivider.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={title:"title"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-b06386a2bb6c_3_0_0-
|
|
1
|
+
var e={title:"title"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-b06386a2bb6c_3_0_0-alpha_3";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))}(".title {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n flex-grow: 1;\n padding-block: 1px;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=MenuItem.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={item:"item",splitMenuItem:"splitMenuItem",disabled:"disabled",focused:"focused",initialSelected:"initialSelected",selected:"selected"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],o="s_id-680488cf82d9_3_0_0-
|
|
1
|
+
var e={item:"item",splitMenuItem:"splitMenuItem",disabled:"disabled",focused:"focused",initialSelected:"initialSelected",selected:"selected"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],o="s_id-680488cf82d9_3_0_0-alpha_3";if(n.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".item {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n margin: unset;\n display: flex;\n flex-direction: row;\n padding: var(--spacing-xs) var(--spacing-small);\n cursor: pointer;\n user-select: none;\n align-items: center;\n border: 1px solid transparent;\n outline: none;\n}\n.item.splitMenuItem {\n padding: 0 0 0 var(--spacing-small);\n}\n.item.disabled {\n cursor: not-allowed;\n color: var(--disabled-text-color);\n}\n.item.focused:not(.disabled) {\n background-color: var(--primary-background-hover-color);\n border-radius: var(--border-radius-small);\n}\n.item.focused:not(.disabled):not(:hover):not(.initialSelected) {\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.item.selected:not(.disabled) {\n background-color: var(--primary-selected-color);\n border-radius: var(--border-radius-small);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=BaseMenuItem.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var r={iconWrapper:"iconWrapper",withBackgroundColor:"withBackgroundColor",disabled:"disabled",icon:"icon",selected:"selected"};!function(r){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],n="s_id-f26daa2191ad_3_0_0-
|
|
1
|
+
var r={iconWrapper:"iconWrapper",withBackgroundColor:"withBackgroundColor",disabled:"disabled",icon:"icon",selected:"selected"};!function(r){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],n="s_id-f26daa2191ad_3_0_0-alpha_3";if(o.querySelector("#"+n))return;const e=document.createElement("style");e.id=n,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(r))}(".iconWrapper {\n margin-right: var(--spacing-small);\n}\n.iconWrapper.withBackgroundColor {\n border-radius: var(--spacing-xs);\n}\n.iconWrapper.withBackgroundColor.disabled {\n opacity: 0.4;\n}\n.iconWrapper.withBackgroundColor .icon {\n color: var(--text-color-on-primary);\n}\n.iconWrapper.disabled .icon {\n cursor: not-allowed;\n color: var(--disabled-text-color);\n}\n.iconWrapper .icon {\n color: var(--icon-color);\n}\n.iconWrapper .icon.selected {\n color: var(--primary-color);\n}");export{r as default};
|
|
2
2
|
//# sourceMappingURL=MenuItemIcon.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var n={subMenuIconWrapper:"subMenuIconWrapper",divider:"divider",splitSubMenuIcon:"splitSubMenuIcon",disabled:"disabled",subMenuIcon:"subMenuIcon",splitMenuItemIconButton:"splitMenuItemIconButton"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],u="s_id-ce61865c18da_3_0_0-
|
|
1
|
+
var n={subMenuIconWrapper:"subMenuIconWrapper",divider:"divider",splitSubMenuIcon:"splitSubMenuIcon",disabled:"disabled",subMenuIcon:"subMenuIcon",splitMenuItemIconButton:"splitMenuItemIconButton"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],u="s_id-ce61865c18da_3_0_0-alpha_3";if(e.querySelector("#"+u))return;const t=document.createElement("style");t.id=u,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}(".subMenuIconWrapper {\n margin-left: var(--spacing-xs);\n}\n.subMenuIconWrapper .divider {\n height: 19px;\n}\n.subMenuIconWrapper .splitSubMenuIcon {\n width: 18px;\n height: 18px;\n}\n.subMenuIconWrapper .splitSubMenuIcon.disabled {\n cursor: not-allowed;\n color: var(--disabled-text-color);\n}\n.subMenuIconWrapper .subMenuIcon,\n.subMenuIconWrapper .splitSubMenuIcon {\n color: var(--icon-color);\n}\n.subMenuIconWrapper .splitMenuItemIconButton {\n width: 34px;\n height: 30px;\n --primary-selected-color: rgba(103, 104, 121, 0.1);\n}");export{n as default};
|
|
2
2
|
//# sourceMappingURL=MenuItemSubMenuIcon.module.scss.js.map
|
package/dist/mocked_classnames/src/components/Menu/MenuItemButton/MenuItemButton.module.scss.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var n={itemButton:"itemButton",buttonComponent:"buttonComponent",content:"content"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-f631346a82ef_3_0_0-
|
|
1
|
+
var n={itemButton:"itemButton",buttonComponent:"buttonComponent",content:"content"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-f631346a82ef_3_0_0-alpha_3";if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}(".itemButton {\n margin: unset;\n display: flex;\n flex-direction: row;\n padding: var(--spacing-xs) 0;\n align-items: center;\n}\n\n.itemButton .buttonComponent {\n width: 100%;\n}\n\n.itemButton .buttonComponent .content {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}");export{n as default};
|
|
2
2
|
//# sourceMappingURL=MenuItemButton.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var t={title:"title",titleCaption:"titleCaption",titleCaptionCenter:"titleCaptionCenter",titleCaptionBottom:"titleCaptionBottom",titleCaptionTop:"titleCaptionTop"};!function(t){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],e="s_id-48e3e93eaf49_3_0_0-
|
|
1
|
+
var t={title:"title",titleCaption:"titleCaption",titleCaptionCenter:"titleCaptionCenter",titleCaptionBottom:"titleCaptionBottom",titleCaptionTop:"titleCaptionTop"};!function(t){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],e="s_id-48e3e93eaf49_3_0_0-alpha_3";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))}('.title {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n padding-block: 1px;\n}\n\n.titleCaption {\n color: var(--icon-color);\n margin: var(--spacing-small) 0;\n}\n\n.titleCaptionCenter {\n display: flex;\n flex-basis: 100%;\n align-items: center;\n}\n\n.titleCaptionBottom,\n.titleCaptionTop {\n padding-left: var(--spacing-small);\n}\n\n.titleCaptionBottom {\n padding-bottom: var(--spacing-small);\n}\n\n.titleCaptionCenter::before,\n.titleCaptionCenter::after {\n content: "";\n flex-grow: 1;\n background-color: var(--ui-border-color);\n height: 1px;\n font-size: 0;\n line-height: 0;\n margin: 0 var(--spacing-small);\n}');export{t as default};
|
|
2
2
|
//# sourceMappingURL=MenuTitle.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{slicedToArray as e,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import i,{forwardRef as t,useRef as r,useState as n,useCallback as s,useMemo as a,useLayoutEffect as l}from"react";import d from"classnames";import{camelCase as m}from"lodash-es";import{isForwardRef as g}from"react-is";import p from"../Dialog/Dialog.js";import c from"../DialogContentContainer/DialogContentContainer.js";import u from"../Tooltip/Tooltip.js";import f from"../../hooks/useMergeRef.js";import{BUTTON_ICON_SIZE as h}from"../Button/ButtonConstants.js";import{withStaticProps as v}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{MenuButtonSize as T,MenuButtonComponentPosition as
|
|
1
|
+
import{slicedToArray as e,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import i,{forwardRef as t,useRef as r,useState as n,useCallback as s,useMemo as a,useLayoutEffect as l}from"react";import d from"classnames";import{camelCase as m}from"lodash-es";import{isForwardRef as g}from"react-is";import p from"../Dialog/Dialog.js";import c from"../DialogContentContainer/DialogContentContainer.js";import u from"../Tooltip/Tooltip.js";import f from"../../hooks/useMergeRef.js";import{BUTTON_ICON_SIZE as h}from"../Button/ButtonConstants.js";import{withStaticProps as v}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{MenuButtonSize as T,MenuButtonComponentPosition as C}from"./MenuButtonConstants.js";import{DialogSize as E,DialogPosition as S,HideShowEvent as w}from"../Dialog/DialogConstants.js";import{NOOP as j}from"../../utils/function-utils.js";import{getStyle as y}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as O,ComponentDefaultTestId as b}from"../../tests/testIds.js";import M from"./MenuButton.module.scss.js";import P from"../Icon/Icons/components/Menu.js";var D={main:8,secondary:0},A=t((function(t,v){var T=t.id,C=t.className,E=t.openDialogComponentClassName,S=t.children,w=t.component,I=void 0===w?P:w,x=t.componentPosition,_=void 0===x?"start":x,z=t.size,B=void 0===z?"small":z,N=t.open,H=void 0!==N&&N,R=t.onClick,K=void 0===R?j:R,k=t.zIndex,L=void 0===k?null:k,U=t.ariaLabel,Y=void 0===U?"Menu":U,W=t.closeMenuOnItemClick,F=t.dialogOffset,V=void 0===F?D:F,q=t.dialogPosition,G=void 0===q?p.positions.BOTTOM_START:q,J=t.dialogClassName,Q=t.dialogPaddingSize,X=void 0===Q?c.sizes.SMALL:Q,Z=t.dialogShowTriggerIgnoreClass,$=t.dialogHideTriggerIgnoreClass,ee=t.onMenuHide,oe=void 0===ee?j:ee,ie=t.onMenuShow,te=void 0===ie?j:ie,re=t.disabled,ne=void 0!==re&&re,se=t.text,ae=t.tooltipContent,le=t.tooltipProps,de=t.tooltipTriggers,me=void 0===de?[A.hideTriggers.MOUSE_LEAVE]:de,ge=t.tooltipPosition,pe=void 0===ge?"right":ge,ce=t.startingEdge,ue=void 0===ce?"bottom":ce,fe=t.removeTabCloseTrigger,he=void 0!==fe&&fe,ve=t.tooltipReferenceClassName,Te=t.hideWhenReferenceHidden,Ce=void 0!==Te&&Te,Ee=t.dialogContainerSelector,Se=t.active,we=t.triggerElement,je=void 0===we?"button":we,ye=t.showTooltipOnlyOnTriggerElement,Oe=t["data-testid"],be=r(null),Me=f(v,be),Pe=n(H),De=e(Pe,2),Ae=De[0],Ie=De[1],xe=null!=Se?Se:Ae,_e=s((function(e){oe(),Ie(!1);var o=be.current;o&&e&&window.requestAnimationFrame((function(){o.focus()}))}),[oe]),ze=s((function(e){var o="Escape"===(null==e?void 0:e.key);(o||W)&&e.propagate&&_e(o)}),[W,_e]),Be=s((function(e,o){_e(o===p.hideShowTriggers.ESCAPE_KEY)}),[_e]),Ne=s((function(){Ie(!0),te()}),[Ie,te]),He=a((function(){var e=new Set([p.hideShowTriggers.CLICK_OUTSIDE,p.hideShowTriggers.TAB_KEY,p.hideShowTriggers.ESCAPE_KEY]);return he&&e.delete(p.hideShowTriggers.TAB_KEY),[i.Children.toArray(S).map((function(o){if(!i.isValidElement(o))return null;var t={};return o.type&&o.type.supportFocusOnMount&&(t.focusOnMount=!0,e.delete(p.hideShowTriggers.ESCAPE_KEY)),o.type&&o.type.isMenu&&(t.onClose=ze),i.cloneElement(o,t)})),Array.from(e)]}),[S,ze,he]),Re=e(He,2),Ke=Re[0],ke=Re[1],Le=a((function(){return 0===Ke.length?null:i.createElement(c,{size:X,type:c.types.POPOVER},Ke)}),[Ke,X]),Ue=a((function(){return Object.assign(Object.assign({},D),V)}),[V]),Ye=I,We=a((function(){switch(B){case"xxs":case"xs":return 16;case"small":case"medium":case"large":return h;default:return 24}}),[B]),Fe=Ye?i.createElement(Ye,{size:""+We,role:"img","aria-hidden":"true"}):null;l((function(){Ie(H)}),[H,Ie]);var Ve="button"===je?{ref:Me}:{active:xe,disabled:ne,ref:g(je)?Me:void 0},qe=i.createElement(je,Object.assign({id:T,"data-testid":Oe||O(b.MENU_BUTTON,T),type:"button",className:d(M.wrapper,C,y(M,m("size-".concat(B))),o(o(o(o({},M.active,xe),y(M,E),Ae&&E),M.disabled,ne),M.text,se)),"aria-haspopup":"true","aria-expanded":Ae,"aria-label":!se&&Y,onMouseUp:function(e){ne?e.currentTarget.blur():K(e)},"aria-disabled":ne},Ve),"start"===_&&Fe,se&&i.createElement("span",{className:M.innerText},se),"end"===_&&Fe),Ge=function(e){return i.createElement(p,{wrapperClassName:J,position:G,containerSelector:Ee,startingEdge:ue,animationType:"expand",content:Le,moveBy:Ue,showTrigger:ne?[]:["click","enter"],hideTrigger:ke,showTriggerIgnoreClass:Z,hideTriggerIgnoreClass:$,useDerivedStateFromProps:!0,onDialogDidShow:Ne,onDialogDidHide:Be,zIndex:L,isOpen:Ae,hideWhenReferenceHidden:Ce},e)},Je=function(e){return i.createElement(u,Object.assign({content:ae,position:pe,showTrigger:"mouseenter",hideTrigger:me,referenceWrapperClassName:ve,hideWhenReferenceHidden:Ce},le),e)};return ye?Ge(Je(qe)):Je(Ge(qe))})),I=v(A,{sizes:T,paddingSizes:E,dialogPositions:S,hideTriggers:w,componentPositions:C});export{I as default};
|
|
2
2
|
//# sourceMappingURL=MenuButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuButton.js","sources":["../../../../../src/components/MenuButton/MenuButton.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useLayoutEffect, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"lodash-es\";\nimport { isForwardRef } from \"react-is\";\nimport Dialog, { DialogEvent } from \"../Dialog/Dialog\";\nimport DialogContentContainer from \"../DialogContentContainer/DialogContentContainer\";\nimport Tooltip, { TooltipProps } from \"../Tooltip/Tooltip\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { BUTTON_ICON_SIZE } from \"../Button/ButtonConstants\";\nimport { ElementContent, VibeComponent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport {\n MenuButtonComponentPosition as MenuButtonComponentPositionEnum,\n MenuButtonSize as MenuButtonSizeEnum\n} from \"./MenuButtonConstants\";\nimport {\n DialogPosition as DialogPositionEnum,\n HideShowEvent as DialogTriggerEventEnum,\n DialogSize as DialogSizeEnum\n} from \"../Dialog/DialogConstants\";\nimport { MenuButtonComponentPosition, MenuButtonSize } from \"./MenuButton.types\";\nimport { DialogOffset, DialogPosition, DialogSize, DialogTriggerEvent } from \"../Dialog/Dialog.types\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { Menu } from \"../Icon/Icons\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { MenuChild } from \"../Menu/Menu/MenuConstants\";\nimport styles from \"./MenuButton.module.scss\";\nimport { TooltipPositions } from \"../Tooltip/Tooltip.types\";\n\nconst MOVE_BY = { main: 8, secondary: 0 };\n\nexport interface MenuButtonProps extends VibeComponentProps {\n /**\n * Control the button's selected state\n */\n active?: boolean;\n /**\n *Class name to add to the button when the dialog is open\n */\n openDialogComponentClassName?: string;\n /**\n * Receives React Component\n */\n component?: (() => JSX.Element) | React.ElementType;\n size?: MenuButtonSize;\n open?: boolean;\n onClick?: (event: React.MouseEvent) => void;\n zIndex?: number;\n ariaLabel?: string;\n /*\n Class name to provide the element which wraps the popover/modal/dialog\n */\n dialogClassName?: string;\n /**\n * main - `dialogOffset.main` - main axis offset; `dialogOffset.secondary` secondary axis offset\n */\n dialogOffset?: DialogOffset;\n dialogPaddingSize?: DialogSize;\n dialogPosition?: DialogPosition;\n dialogShowTriggerIgnoreClass?: string;\n dialogHideTriggerIgnoreClass?: string;\n /**\n * the container selector in which to append the dialog\n * for examples: \"body\" , \".my-class\", \"#my-id\"\n */\n dialogContainerSelector?: string;\n /**\n * Dialog Alignment\n */\n startingEdge?: string;\n /*\n Callback function to be called when the menu is shown\n */\n onMenuShow?: () => void;\n /*\n Callback function to be called when the menu is hidden\n */\n onMenuHide?: () => void;\n /**\n * Text to be displayed after the icon\n */\n text?: string;\n disabled?: boolean;\n tooltipContent?: string;\n /**\n Remove \"Tab\" key from the hide trigger\n */\n removeTabCloseTrigger?: boolean;\n /**\n is an array with the content of types:\n CLICK, CLICK_OUTSIDE, ESCAPE_KEY, TAB_KEY, MOUSE_ENTER, MOUSE_LEAVE,\n ENTER, MOUSE_DOWN, FOCUS, BLUR, CONTENT_CLICK\n */\n tooltipTriggers?: DialogTriggerEvent | DialogTriggerEvent[];\n /**\n * the disabled/tooltip position of the menu button - one of the MenuButton.dialogPositions\n */\n tooltipPosition?: TooltipPositions;\n /**\n * Tooltip Element Wrapper ClassName\n */\n tooltipReferenceClassName?: string;\n tooltipProps?: Partial<TooltipProps>;\n /**\n * When the MenuButton is hidden hide the dialog and tooltip as well\n */\n hideWhenReferenceHidden?: boolean;\n children?: ElementContent;\n /**\n * Specifies whether to render the component before or after the text\n */\n componentPosition?: MenuButtonComponentPosition;\n /**\n * Element to be used as the trigger element for the Menu - default is button\n */\n triggerElement?: React.ElementType;\n /**\n * Close the menu when an item is clicked\n */\n closeMenuOnItemClick?: boolean;\n /**\n * Whether tooltip should appear only when the trigger element is hovered and not the menu dialog\n */\n showTooltipOnlyOnTriggerElement?: boolean;\n}\n\nconst MenuButton: VibeComponent<MenuButtonProps> & {\n sizes?: typeof MenuButtonSizeEnum;\n paddingSizes?: typeof DialogContentContainer.sizes;\n dialogPositions?: typeof DialogPositionEnum;\n hideTriggers?: typeof Dialog.hideShowTriggers;\n componentPositions?: typeof MenuButtonComponentPositionEnum;\n} = forwardRef(\n (\n {\n id,\n className,\n openDialogComponentClassName,\n children,\n component = Menu,\n componentPosition = \"start\",\n size = \"small\",\n open = false,\n onClick = NOOP,\n zIndex = null,\n ariaLabel = \"Menu\",\n closeMenuOnItemClick,\n dialogOffset = MOVE_BY,\n dialogPosition = Dialog.positions.BOTTOM_START,\n dialogClassName,\n dialogPaddingSize = DialogContentContainer.sizes.MEDIUM,\n dialogShowTriggerIgnoreClass,\n dialogHideTriggerIgnoreClass,\n onMenuHide = NOOP,\n onMenuShow = NOOP,\n disabled = false,\n text,\n tooltipContent,\n tooltipProps,\n tooltipTriggers = [MenuButton.hideTriggers.MOUSE_LEAVE],\n tooltipPosition = \"right\",\n startingEdge = \"bottom\",\n removeTabCloseTrigger = false,\n tooltipReferenceClassName,\n hideWhenReferenceHidden = false,\n dialogContainerSelector,\n active,\n triggerElement: TriggerElement = \"button\",\n showTooltipOnlyOnTriggerElement,\n \"data-testid\": dataTestId\n }: MenuButtonProps,\n ref\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const [isOpen, setIsOpen] = useState(open);\n const isActive = active ?? isOpen;\n\n const handleMenuClose = useCallback(\n (focusOnMenuButtonAfterClose: boolean) => {\n onMenuHide();\n setIsOpen(false);\n const button = componentRef.current;\n if (!button || !focusOnMenuButtonAfterClose) {\n return;\n }\n window.requestAnimationFrame(() => {\n button.focus();\n });\n },\n [onMenuHide]\n );\n\n const onMenuDidClose = useCallback(\n (event: React.KeyboardEvent) => {\n // TODO: check the functionality of the isEscapeKey since the event is not an actual KeyboardEVent but an object with propagate property only\n const isEscapeKey = event?.key === \"Escape\";\n if (isEscapeKey || closeMenuOnItemClick) {\n // @ts-ignore\n if (event.propagate) {\n handleMenuClose(isEscapeKey);\n }\n }\n },\n [closeMenuOnItemClick, handleMenuClose]\n );\n\n const onDialogDidHide = useCallback(\n (event: DialogEvent, hideEvent: string) => {\n handleMenuClose(hideEvent === Dialog.hideShowTriggers.ESCAPE_KEY);\n },\n [handleMenuClose]\n );\n\n const onDialogDidShow = useCallback(() => {\n setIsOpen(true);\n onMenuShow();\n }, [setIsOpen, onMenuShow]);\n\n const [clonedChildren, hideTrigger] = useMemo(() => {\n const triggers = new Set([\n Dialog.hideShowTriggers.CLICK_OUTSIDE,\n Dialog.hideShowTriggers.TAB_KEY,\n Dialog.hideShowTriggers.ESCAPE_KEY\n ]);\n\n if (removeTabCloseTrigger) {\n triggers.delete(Dialog.hideShowTriggers.TAB_KEY);\n }\n const childrenArr = React.Children.toArray(children) as MenuChild[];\n const cloned = childrenArr.map(child => {\n if (!React.isValidElement(child)) return null;\n\n const newProps: { focusOnMount?: boolean; onClose?: (event: React.KeyboardEvent) => void } = {};\n if (child.type && child.type.supportFocusOnMount) {\n newProps.focusOnMount = true;\n triggers.delete(Dialog.hideShowTriggers.ESCAPE_KEY);\n }\n\n if (child.type && child.type.isMenu) {\n newProps.onClose = onMenuDidClose;\n }\n\n return React.cloneElement(child, newProps);\n });\n return [cloned, Array.from(triggers)];\n }, [children, onMenuDidClose, removeTabCloseTrigger]);\n\n const content = useMemo(() => {\n if (clonedChildren.length === 0) return null;\n return (\n <DialogContentContainer size={dialogPaddingSize} type={DialogContentContainer.types.POPOVER}>\n {clonedChildren}\n </DialogContentContainer>\n );\n }, [clonedChildren, dialogPaddingSize]);\n\n const computedDialogOffset = useMemo(\n () => ({\n ...MOVE_BY,\n ...dialogOffset\n }),\n [dialogOffset]\n );\n\n const onMouseUp = (event: React.MouseEvent<HTMLElement>) => {\n if (disabled) {\n event.currentTarget.blur();\n return;\n }\n onClick(event);\n };\n\n const Icon = component;\n const iconSize = useMemo(() => {\n switch (size) {\n case \"xxs\":\n case \"xs\":\n return 16;\n case \"small\":\n case \"medium\":\n case \"large\":\n return BUTTON_ICON_SIZE;\n default:\n return 24;\n }\n }, [size]);\n const icon = Icon ? <Icon size={iconSize.toString()} role=\"img\" aria-hidden=\"true\" /> : null;\n\n useLayoutEffect(() => {\n setIsOpen(open);\n }, [open, setIsOpen]);\n\n // Trigger element props, which are only relevant for \"button\" element, but might be needed for other elements e.g. Button\n const triggerElementProps =\n TriggerElement === \"button\"\n ? {\n ref: mergedRef\n }\n : {\n active: isActive,\n disabled: disabled,\n ref: isForwardRef(TriggerElement) ? mergedRef : undefined\n };\n\n const triggerElementNode = (\n <TriggerElement\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.MENU_BUTTON, id)}\n type=\"button\"\n className={cx(styles.wrapper, className, getStyle(styles, camelCase(`size-${size}`)), {\n [styles.active]: isActive,\n [getStyle(styles, openDialogComponentClassName)]: isOpen && openDialogComponentClassName,\n [styles.disabled]: disabled,\n [styles.text]: text\n })}\n aria-haspopup=\"true\"\n aria-expanded={isOpen}\n aria-label={!text && ariaLabel}\n onMouseUp={onMouseUp}\n aria-disabled={disabled}\n {...triggerElementProps}\n >\n {componentPosition === \"start\" && icon}\n {text && <span className={styles.innerText}>{text}</span>}\n {componentPosition === \"end\" && icon}\n </TriggerElement>\n );\n\n const dialogNode = (dialogChildren: React.ReactElement) => (\n <Dialog\n wrapperClassName={dialogClassName}\n position={dialogPosition}\n containerSelector={dialogContainerSelector}\n startingEdge={startingEdge}\n animationType=\"expand\"\n content={content}\n moveBy={computedDialogOffset}\n showTrigger={disabled ? [] : [\"click\", \"enter\"]}\n hideTrigger={hideTrigger}\n showTriggerIgnoreClass={dialogShowTriggerIgnoreClass}\n hideTriggerIgnoreClass={dialogHideTriggerIgnoreClass}\n useDerivedStateFromProps={true}\n onDialogDidShow={onDialogDidShow}\n onDialogDidHide={onDialogDidHide}\n zIndex={zIndex}\n isOpen={isOpen}\n hideWhenReferenceHidden={hideWhenReferenceHidden}\n >\n {dialogChildren}\n </Dialog>\n );\n\n const tooltipNode = (tooltipChildren: React.ReactElement) => (\n <Tooltip\n content={tooltipContent}\n position={tooltipPosition}\n showTrigger=\"mouseenter\"\n hideTrigger={tooltipTriggers}\n referenceWrapperClassName={tooltipReferenceClassName}\n hideWhenReferenceHidden={hideWhenReferenceHidden}\n {...tooltipProps}\n >\n {tooltipChildren}\n </Tooltip>\n );\n\n if (showTooltipOnlyOnTriggerElement) {\n return dialogNode(tooltipNode(triggerElementNode));\n }\n return tooltipNode(dialogNode(triggerElementNode));\n }\n);\n\nexport default withStaticProps(MenuButton, {\n sizes: MenuButtonSizeEnum,\n paddingSizes: DialogSizeEnum,\n dialogPositions: DialogPositionEnum,\n hideTriggers: DialogTriggerEventEnum,\n componentPositions: MenuButtonComponentPositionEnum\n});\n"],"names":["MOVE_BY","main","secondary","MenuButton","forwardRef","_ref","ref","id","className","openDialogComponentClassName","children","_ref$component","component","Menu","_ref$componentPositio","componentPosition","_ref$size","size","_ref$open","open","_ref$onClick","onClick","NOOP","_ref$zIndex","zIndex","_ref$ariaLabel","ariaLabel","closeMenuOnItemClick","_ref$dialogOffset","dialogOffset","_ref$dialogPosition","dialogPosition","Dialog","positions","BOTTOM_START","dialogClassName","_ref$dialogPaddingSiz","dialogPaddingSize","DialogContentContainer","sizes","MEDIUM","dialogShowTriggerIgnoreClass","dialogHideTriggerIgnoreClass","_ref$onMenuHide","onMenuHide","_ref$onMenuShow","onMenuShow","_ref$disabled","disabled","text","tooltipContent","tooltipProps","_ref$tooltipTriggers","tooltipTriggers","hideTriggers","MOUSE_LEAVE","_ref$tooltipPosition","tooltipPosition","_ref$startingEdge","startingEdge","_ref$removeTabCloseTr","removeTabCloseTrigger","tooltipReferenceClassName","_ref$hideWhenReferenc","hideWhenReferenceHidden","dialogContainerSelector","active","_ref$triggerElement","triggerElement","TriggerElement","showTooltipOnlyOnTriggerElement","dataTestId","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isOpen","setIsOpen","isActive","handleMenuClose","useCallback","focusOnMenuButtonAfterClose","button","current","window","requestAnimationFrame","focus","onMenuDidClose","event","isEscapeKey","key","propagate","onDialogDidHide","hideEvent","hideShowTriggers","ESCAPE_KEY","onDialogDidShow","_useMemo","useMemo","triggers","Set","CLICK_OUTSIDE","TAB_KEY","delete","React","Children","toArray","map","child","isValidElement","newProps","type","supportFocusOnMount","focusOnMount","isMenu","onClose","cloneElement","Array","from","_useMemo2","clonedChildren","hideTrigger","content","length","createElement","types","POPOVER","computedDialogOffset","Object","assign","Icon","iconSize","BUTTON_ICON_SIZE","icon","role","useLayoutEffect","triggerElementProps","isForwardRef","undefined","triggerElementNode","getTestId","ComponentDefaultTestId","MENU_BUTTON","cx","styles","wrapper","getStyle","camelCase","concat","_defineProperty","onMouseUp","currentTarget","blur","innerText","dialogNode","dialogChildren","wrapperClassName","position","containerSelector","animationType","moveBy","showTrigger","showTriggerIgnoreClass","hideTriggerIgnoreClass","useDerivedStateFromProps","tooltipNode","tooltipChildren","Tooltip","referenceWrapperClassName","withStaticProps","MenuButtonSizeEnum","paddingSizes","DialogSizeEnum","dialogPositions","DialogPositionEnum","DialogTriggerEventEnum","componentPositions","MenuButtonComponentPositionEnum"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"MenuButton.js","sources":["../../../../../src/components/MenuButton/MenuButton.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useLayoutEffect, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"lodash-es\";\nimport { isForwardRef } from \"react-is\";\nimport Dialog, { DialogEvent } from \"../Dialog/Dialog\";\nimport DialogContentContainer from \"../DialogContentContainer/DialogContentContainer\";\nimport Tooltip, { TooltipProps } from \"../Tooltip/Tooltip\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { BUTTON_ICON_SIZE } from \"../Button/ButtonConstants\";\nimport { ElementContent, VibeComponent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport {\n MenuButtonComponentPosition as MenuButtonComponentPositionEnum,\n MenuButtonSize as MenuButtonSizeEnum\n} from \"./MenuButtonConstants\";\nimport {\n DialogPosition as DialogPositionEnum,\n HideShowEvent as DialogTriggerEventEnum,\n DialogSize as DialogSizeEnum\n} from \"../Dialog/DialogConstants\";\nimport { MenuButtonComponentPosition, MenuButtonSize } from \"./MenuButton.types\";\nimport { DialogOffset, DialogPosition, DialogSize, DialogTriggerEvent } from \"../Dialog/Dialog.types\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { Menu } from \"../Icon/Icons\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { MenuChild } from \"../Menu/Menu/MenuConstants\";\nimport styles from \"./MenuButton.module.scss\";\nimport { TooltipPositions } from \"../Tooltip/Tooltip.types\";\n\nconst MOVE_BY = { main: 8, secondary: 0 };\n\nexport interface MenuButtonProps extends VibeComponentProps {\n /**\n * Control the button's selected state\n */\n active?: boolean;\n /**\n *Class name to add to the button when the dialog is open\n */\n openDialogComponentClassName?: string;\n /**\n * Receives React Component\n */\n component?: (() => JSX.Element) | React.ElementType;\n size?: MenuButtonSize;\n open?: boolean;\n onClick?: (event: React.MouseEvent) => void;\n zIndex?: number;\n ariaLabel?: string;\n /*\n Class name to provide the element which wraps the popover/modal/dialog\n */\n dialogClassName?: string;\n /**\n * main - `dialogOffset.main` - main axis offset; `dialogOffset.secondary` secondary axis offset\n */\n dialogOffset?: DialogOffset;\n dialogPaddingSize?: DialogSize;\n dialogPosition?: DialogPosition;\n dialogShowTriggerIgnoreClass?: string;\n dialogHideTriggerIgnoreClass?: string;\n /**\n * the container selector in which to append the dialog\n * for examples: \"body\" , \".my-class\", \"#my-id\"\n */\n dialogContainerSelector?: string;\n /**\n * Dialog Alignment\n */\n startingEdge?: string;\n /*\n Callback function to be called when the menu is shown\n */\n onMenuShow?: () => void;\n /*\n Callback function to be called when the menu is hidden\n */\n onMenuHide?: () => void;\n /**\n * Text to be displayed after the icon\n */\n text?: string;\n disabled?: boolean;\n tooltipContent?: string;\n /**\n Remove \"Tab\" key from the hide trigger\n */\n removeTabCloseTrigger?: boolean;\n /**\n is an array with the content of types:\n CLICK, CLICK_OUTSIDE, ESCAPE_KEY, TAB_KEY, MOUSE_ENTER, MOUSE_LEAVE,\n ENTER, MOUSE_DOWN, FOCUS, BLUR, CONTENT_CLICK\n */\n tooltipTriggers?: DialogTriggerEvent | DialogTriggerEvent[];\n /**\n * the disabled/tooltip position of the menu button - one of the MenuButton.dialogPositions\n */\n tooltipPosition?: TooltipPositions;\n /**\n * Tooltip Element Wrapper ClassName\n */\n tooltipReferenceClassName?: string;\n tooltipProps?: Partial<TooltipProps>;\n /**\n * When the MenuButton is hidden hide the dialog and tooltip as well\n */\n hideWhenReferenceHidden?: boolean;\n children?: ElementContent;\n /**\n * Specifies whether to render the component before or after the text\n */\n componentPosition?: MenuButtonComponentPosition;\n /**\n * Element to be used as the trigger element for the Menu - default is button\n */\n triggerElement?: React.ElementType;\n /**\n * Close the menu when an item is clicked\n */\n closeMenuOnItemClick?: boolean;\n /**\n * Whether tooltip should appear only when the trigger element is hovered and not the menu dialog\n */\n showTooltipOnlyOnTriggerElement?: boolean;\n}\n\nconst MenuButton: VibeComponent<MenuButtonProps> & {\n sizes?: typeof MenuButtonSizeEnum;\n paddingSizes?: typeof DialogContentContainer.sizes;\n dialogPositions?: typeof DialogPositionEnum;\n hideTriggers?: typeof Dialog.hideShowTriggers;\n componentPositions?: typeof MenuButtonComponentPositionEnum;\n} = forwardRef(\n (\n {\n id,\n className,\n openDialogComponentClassName,\n children,\n component = Menu,\n componentPosition = \"start\",\n size = \"small\",\n open = false,\n onClick = NOOP,\n zIndex = null,\n ariaLabel = \"Menu\",\n closeMenuOnItemClick,\n dialogOffset = MOVE_BY,\n dialogPosition = Dialog.positions.BOTTOM_START,\n dialogClassName,\n dialogPaddingSize = DialogContentContainer.sizes.SMALL,\n dialogShowTriggerIgnoreClass,\n dialogHideTriggerIgnoreClass,\n onMenuHide = NOOP,\n onMenuShow = NOOP,\n disabled = false,\n text,\n tooltipContent,\n tooltipProps,\n tooltipTriggers = [MenuButton.hideTriggers.MOUSE_LEAVE],\n tooltipPosition = \"right\",\n startingEdge = \"bottom\",\n removeTabCloseTrigger = false,\n tooltipReferenceClassName,\n hideWhenReferenceHidden = false,\n dialogContainerSelector,\n active,\n triggerElement: TriggerElement = \"button\",\n showTooltipOnlyOnTriggerElement,\n \"data-testid\": dataTestId\n }: MenuButtonProps,\n ref\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const [isOpen, setIsOpen] = useState(open);\n const isActive = active ?? isOpen;\n\n const handleMenuClose = useCallback(\n (focusOnMenuButtonAfterClose: boolean) => {\n onMenuHide();\n setIsOpen(false);\n const button = componentRef.current;\n if (!button || !focusOnMenuButtonAfterClose) {\n return;\n }\n window.requestAnimationFrame(() => {\n button.focus();\n });\n },\n [onMenuHide]\n );\n\n const onMenuDidClose = useCallback(\n (event: React.KeyboardEvent) => {\n // TODO: check the functionality of the isEscapeKey since the event is not an actual KeyboardEVent but an object with propagate property only\n const isEscapeKey = event?.key === \"Escape\";\n if (isEscapeKey || closeMenuOnItemClick) {\n // @ts-ignore\n if (event.propagate) {\n handleMenuClose(isEscapeKey);\n }\n }\n },\n [closeMenuOnItemClick, handleMenuClose]\n );\n\n const onDialogDidHide = useCallback(\n (event: DialogEvent, hideEvent: string) => {\n handleMenuClose(hideEvent === Dialog.hideShowTriggers.ESCAPE_KEY);\n },\n [handleMenuClose]\n );\n\n const onDialogDidShow = useCallback(() => {\n setIsOpen(true);\n onMenuShow();\n }, [setIsOpen, onMenuShow]);\n\n const [clonedChildren, hideTrigger] = useMemo(() => {\n const triggers = new Set([\n Dialog.hideShowTriggers.CLICK_OUTSIDE,\n Dialog.hideShowTriggers.TAB_KEY,\n Dialog.hideShowTriggers.ESCAPE_KEY\n ]);\n\n if (removeTabCloseTrigger) {\n triggers.delete(Dialog.hideShowTriggers.TAB_KEY);\n }\n const childrenArr = React.Children.toArray(children) as MenuChild[];\n const cloned = childrenArr.map(child => {\n if (!React.isValidElement(child)) return null;\n\n const newProps: { focusOnMount?: boolean; onClose?: (event: React.KeyboardEvent) => void } = {};\n if (child.type && child.type.supportFocusOnMount) {\n newProps.focusOnMount = true;\n triggers.delete(Dialog.hideShowTriggers.ESCAPE_KEY);\n }\n\n if (child.type && child.type.isMenu) {\n newProps.onClose = onMenuDidClose;\n }\n\n return React.cloneElement(child, newProps);\n });\n return [cloned, Array.from(triggers)];\n }, [children, onMenuDidClose, removeTabCloseTrigger]);\n\n const content = useMemo(() => {\n if (clonedChildren.length === 0) return null;\n return (\n <DialogContentContainer size={dialogPaddingSize} type={DialogContentContainer.types.POPOVER}>\n {clonedChildren}\n </DialogContentContainer>\n );\n }, [clonedChildren, dialogPaddingSize]);\n\n const computedDialogOffset = useMemo(\n () => ({\n ...MOVE_BY,\n ...dialogOffset\n }),\n [dialogOffset]\n );\n\n const onMouseUp = (event: React.MouseEvent<HTMLElement>) => {\n if (disabled) {\n event.currentTarget.blur();\n return;\n }\n onClick(event);\n };\n\n const Icon = component;\n const iconSize = useMemo(() => {\n switch (size) {\n case \"xxs\":\n case \"xs\":\n return 16;\n case \"small\":\n case \"medium\":\n case \"large\":\n return BUTTON_ICON_SIZE;\n default:\n return 24;\n }\n }, [size]);\n const icon = Icon ? <Icon size={iconSize.toString()} role=\"img\" aria-hidden=\"true\" /> : null;\n\n useLayoutEffect(() => {\n setIsOpen(open);\n }, [open, setIsOpen]);\n\n // Trigger element props, which are only relevant for \"button\" element, but might be needed for other elements e.g. Button\n const triggerElementProps =\n TriggerElement === \"button\"\n ? {\n ref: mergedRef\n }\n : {\n active: isActive,\n disabled: disabled,\n ref: isForwardRef(TriggerElement) ? mergedRef : undefined\n };\n\n const triggerElementNode = (\n <TriggerElement\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.MENU_BUTTON, id)}\n type=\"button\"\n className={cx(styles.wrapper, className, getStyle(styles, camelCase(`size-${size}`)), {\n [styles.active]: isActive,\n [getStyle(styles, openDialogComponentClassName)]: isOpen && openDialogComponentClassName,\n [styles.disabled]: disabled,\n [styles.text]: text\n })}\n aria-haspopup=\"true\"\n aria-expanded={isOpen}\n aria-label={!text && ariaLabel}\n onMouseUp={onMouseUp}\n aria-disabled={disabled}\n {...triggerElementProps}\n >\n {componentPosition === \"start\" && icon}\n {text && <span className={styles.innerText}>{text}</span>}\n {componentPosition === \"end\" && icon}\n </TriggerElement>\n );\n\n const dialogNode = (dialogChildren: React.ReactElement) => (\n <Dialog\n wrapperClassName={dialogClassName}\n position={dialogPosition}\n containerSelector={dialogContainerSelector}\n startingEdge={startingEdge}\n animationType=\"expand\"\n content={content}\n moveBy={computedDialogOffset}\n showTrigger={disabled ? [] : [\"click\", \"enter\"]}\n hideTrigger={hideTrigger}\n showTriggerIgnoreClass={dialogShowTriggerIgnoreClass}\n hideTriggerIgnoreClass={dialogHideTriggerIgnoreClass}\n useDerivedStateFromProps={true}\n onDialogDidShow={onDialogDidShow}\n onDialogDidHide={onDialogDidHide}\n zIndex={zIndex}\n isOpen={isOpen}\n hideWhenReferenceHidden={hideWhenReferenceHidden}\n >\n {dialogChildren}\n </Dialog>\n );\n\n const tooltipNode = (tooltipChildren: React.ReactElement) => (\n <Tooltip\n content={tooltipContent}\n position={tooltipPosition}\n showTrigger=\"mouseenter\"\n hideTrigger={tooltipTriggers}\n referenceWrapperClassName={tooltipReferenceClassName}\n hideWhenReferenceHidden={hideWhenReferenceHidden}\n {...tooltipProps}\n >\n {tooltipChildren}\n </Tooltip>\n );\n\n if (showTooltipOnlyOnTriggerElement) {\n return dialogNode(tooltipNode(triggerElementNode));\n }\n return tooltipNode(dialogNode(triggerElementNode));\n }\n);\n\nexport default withStaticProps(MenuButton, {\n sizes: MenuButtonSizeEnum,\n paddingSizes: DialogSizeEnum,\n dialogPositions: DialogPositionEnum,\n hideTriggers: DialogTriggerEventEnum,\n componentPositions: MenuButtonComponentPositionEnum\n});\n"],"names":["MOVE_BY","main","secondary","MenuButton","forwardRef","_ref","ref","id","className","openDialogComponentClassName","children","_ref$component","component","Menu","_ref$componentPositio","componentPosition","_ref$size","size","_ref$open","open","_ref$onClick","onClick","NOOP","_ref$zIndex","zIndex","_ref$ariaLabel","ariaLabel","closeMenuOnItemClick","_ref$dialogOffset","dialogOffset","_ref$dialogPosition","dialogPosition","Dialog","positions","BOTTOM_START","dialogClassName","_ref$dialogPaddingSiz","dialogPaddingSize","DialogContentContainer","sizes","SMALL","dialogShowTriggerIgnoreClass","dialogHideTriggerIgnoreClass","_ref$onMenuHide","onMenuHide","_ref$onMenuShow","onMenuShow","_ref$disabled","disabled","text","tooltipContent","tooltipProps","_ref$tooltipTriggers","tooltipTriggers","hideTriggers","MOUSE_LEAVE","_ref$tooltipPosition","tooltipPosition","_ref$startingEdge","startingEdge","_ref$removeTabCloseTr","removeTabCloseTrigger","tooltipReferenceClassName","_ref$hideWhenReferenc","hideWhenReferenceHidden","dialogContainerSelector","active","_ref$triggerElement","triggerElement","TriggerElement","showTooltipOnlyOnTriggerElement","dataTestId","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isOpen","setIsOpen","isActive","handleMenuClose","useCallback","focusOnMenuButtonAfterClose","button","current","window","requestAnimationFrame","focus","onMenuDidClose","event","isEscapeKey","key","propagate","onDialogDidHide","hideEvent","hideShowTriggers","ESCAPE_KEY","onDialogDidShow","_useMemo","useMemo","triggers","Set","CLICK_OUTSIDE","TAB_KEY","delete","React","Children","toArray","map","child","isValidElement","newProps","type","supportFocusOnMount","focusOnMount","isMenu","onClose","cloneElement","Array","from","_useMemo2","clonedChildren","hideTrigger","content","length","createElement","types","POPOVER","computedDialogOffset","Object","assign","Icon","iconSize","BUTTON_ICON_SIZE","icon","role","useLayoutEffect","triggerElementProps","isForwardRef","undefined","triggerElementNode","getTestId","ComponentDefaultTestId","MENU_BUTTON","cx","styles","wrapper","getStyle","camelCase","concat","_defineProperty","onMouseUp","currentTarget","blur","innerText","dialogNode","dialogChildren","wrapperClassName","position","containerSelector","animationType","moveBy","showTrigger","showTriggerIgnoreClass","hideTriggerIgnoreClass","useDerivedStateFromProps","tooltipNode","tooltipChildren","Tooltip","referenceWrapperClassName","withStaticProps","MenuButtonSizeEnum","paddingSizes","DialogSizeEnum","dialogPositions","DialogPositionEnum","DialogTriggerEventEnum","componentPositions","MenuButtonComponentPositionEnum"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var n={wrapper:"wrapper","focus-visible":"focus-visible",active:"active",sizeXxs:"sizeXxs",sizeXs:"sizeXs",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",sizeLarge:"sizeLarge",disabled:"disabled",text:"text",innerText:"innerText"};!function(n){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],e="s_id-749f9b8f229f_3_0_0-
|
|
1
|
+
var n={wrapper:"wrapper","focus-visible":"focus-visible",active:"active",sizeXxs:"sizeXxs",sizeXs:"sizeXs",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",sizeLarge:"sizeLarge",disabled:"disabled",text:"text",innerText:"innerText"};!function(n){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],e="s_id-749f9b8f229f_3_0_0-alpha_3";if(o.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(n))}(".wrapper {\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 border-radius: var(--border-radius-small);\n background-color: transparent;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: transform var(--motion-productive-short) var(--motion-timing-transition);\n color: var(--primary-text-color);\n}\n.wrapper:focus-visible, .wrapper.focus-visible {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper:focus:not(.focus-visible) {\n outline: none;\n}\n.wrapper:focus-visible, .wrapper.focus-visible {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper:focus:not(.focus-visible) {\n outline: none;\n}\n.wrapper:focus,\n.wrapper:hover {\n background-color: var(--primary-background-hover-color);\n}\n.wrapper:active {\n transform: scale(0.95);\n}\n.active {\n background-color: var(--primary-selected-color);\n}\n.active:focus {\n background-color: var(--primary-selected-color);\n}\n.active:hover {\n background-color: var(--primary-selected-color);\n}\n.sizeXxs {\n width: 16px;\n height: 16px;\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.sizeXs {\n width: 24px;\n height: 24px;\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.sizeSmall {\n width: 32px;\n height: 32px;\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.sizeMedium {\n width: 40px;\n height: 40px;\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.sizeLarge {\n width: 48px;\n height: 48px;\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.disabled {\n border-color: var(--disabled-background-color);\n color: var(--disabled-text-color);\n cursor: not-allowed;\n pointer-events: none;\n}\n.disabled:hover {\n background-color: transparent;\n}\n.text {\n width: 100%;\n}\n.innerText {\n margin: 0 var(--spacing-small);\n}");export{n as default};
|
|
2
2
|
//# sourceMappingURL=MenuButton.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{slicedToArray as t,defineProperty as
|
|
1
|
+
import{slicedToArray as t,defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{useMemo as r,useCallback as i,cloneElement as l}from"react";import a from"react-dom";import n from"classnames";import{useA11yDialog as s}from"./a11yDialog.js";import d from"./ModalContent/ModalContent.js";import m from"./ModalHeader/ModalHeader.js";import c from"./useBodyScrollLock.js";import u from"./useShowHideModal.js";import{ModalWidth as f,validateTitleProp as p,isModalHeader as v,isModalContent as y,isModalFooter as j}from"./ModalHelper.js";import{NOOP as g}from"../../utils/function-utils.js";import{withStaticProps as h}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{getTestId as M}from"../../tests/testIds.js";import{ComponentDefaultTestId as w}from"../../tests/constants.js";import E from"./Modal.module.scss.js";import C from"../LayerProvider/LayerProvider.js";var L=h((function(f){var h=f.classNames,L=void 0===h?{container:"",overlay:"",modal:""}:h,b=f.id,A=f.show,P=f.title,D=void 0===P?"":P,O=f.description,H=void 0===O?"":O,S=f.onClose,B=void 0===S?g:S,N=f.alertDialog,x=void 0!==N&&N,_=f.children,k=f.triggerElement,z=f.width,I=void 0===z?"default":z,R=f.closeButtonAriaLabel,T=void 0===R?"Close":R,V=f.contentSpacing,Y=void 0!==V&&V,$=f.zIndex,q=void 0===$?1e4:$,F=f.unmountOnClose,G=void 0===F||F,J=f["data-testid"],K=r((function(){return _?o.Children.toArray(_):[]}),[_]);p(D,K);var Q=s({id:b,alertDialog:x}),U=t(Q,2),W=U[0],X=U[1],Z=i((function(){x||null==B||B()}),[x,B]);c({instance:W});var tt=u({instance:W,show:A,triggerElement:k,onClose:B,alertDialog:x}).shouldShow,et=r((function(){var t=X.title.id,e=K.find(v);return e?l(e,{id:t,closeModal:B}):o.createElement(m,{title:D,description:H,closeModal:B,id:t,closeButtonAriaLabel:T})}),[X.title,K,D,H,B,T]),ot=r((function(){return K.find(y)||o.createElement(d,null,K.filter((function(t){return!v(t)&&!j(t)})))}),[K]),rt=r((function(){return K.find(j)||null}),[K]),it="default"!==I&&"full-width"!==I,lt=a.createPortal(o.createElement(C,{layerRef:{current:null==W?void 0:W.$el}},o.createElement("div",Object.assign({},X.container,{className:n(E.container,L.container),"data-testid":J||M(w.MODAL,b),style:{"--monday-modal-z-index":q}}),o.createElement("div",{onClick:Z,className:n(E.overlay,L.overlay),"data-testid":w.MODAL_OVERLAY}),o.createElement("div",Object.assign({},X.dialog,{className:n(E.dialog,L.modal,e(e(e({},E.default,"default"===I),E.full,"full-width"===I),E.spacing,Y)),style:{width:it?I:null}}),et,ot,rt))),document.body);return G&&!tt?null:a.createPortal(lt,document.body)}),{width:f});export{L as default};
|
|
2
2
|
//# sourceMappingURL=Modal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sources":["../../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import React, { cloneElement, FC, ReactElement, useCallback, useMemo } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport cx from \"classnames\";\nimport { useA11yDialog } from \"./a11yDialog\";\nimport ModalContent from \"./ModalContent/ModalContent\";\nimport ModalHeader from \"./ModalHeader/ModalHeader\";\nimport useBodyScrollLock from \"./useBodyScrollLock\";\nimport useShowHideModal from \"./useShowHideModal\";\nimport {\n isModalContent,\n isModalFooter,\n isModalHeader,\n ModalWidth as ModalWidthEnum,\n validateTitleProp\n} from \"./ModalHelper\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { withStaticProps } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./Modal.module.scss\";\nimport { ModalWidth } from \"./Modal.types\";\n\nexport interface ModalProps {\n /**\n * Id of the modal, used internally and for accessibility\n */\n id?: string;\n \"data-testid\"?: string;\n /**\n * Show/hide the Dialog\n */\n show: boolean;\n /**\n * Heading for the modal, mandatory when ModalHeader isn't provided in children\n */\n title?: string;\n /**\n * Description for the modal title\n */\n description?: string;\n /**\n * Called when the modal is closed (by close button/click outside/esc key)\n */\n onClose: () => void;\n /**\n * Makes the dialog behave like a modal (preventing closing on click outside of\n * ESC key)..\n */\n alertDialog?: boolean;\n /**\n * Used for the fromOrigin animation\n */\n triggerElement?: Element;\n /**\n * Set the modal's width. Can be one of the presets or any custom size\n */\n width?: ModalWidth | string;\n /**\n * Aria label for the close button\n */\n closeButtonAriaLabel?: string;\n /**\n * Add gaps between parts of the modal\n */\n contentSpacing?: boolean;\n /**\n * classNames for specific parts of the dialog\n */\n classNames?: {\n container?: string;\n overlay?: string;\n modal?: string;\n };\n /**\n * Dialog content\n */\n children?: ReactElement | ReactElement[];\n /**\n * z-index attribute of the container\n */\n zIndex?: number;\n /**\n * When `false`, the modal will remain in the DOM when closed\n */\n unmountOnClose?: boolean;\n}\n\nconst Modal: FC<ModalProps> & { width?: typeof ModalWidthEnum } = ({\n classNames = { container: \"\", overlay: \"\", modal: \"\" },\n id,\n show,\n title = \"\",\n description = \"\",\n onClose = NOOP,\n alertDialog = false,\n children,\n triggerElement,\n width = \"default\",\n closeButtonAriaLabel = \"Close\",\n contentSpacing = false,\n zIndex = 10000,\n unmountOnClose = true,\n \"data-testid\": dataTestId\n}: ModalProps) => {\n const childrenArray: ReactElement[] = useMemo(\n () => (children ? (React.Children.toArray(children) as ReactElement[]) : []),\n [children]\n );\n validateTitleProp(title, childrenArray);\n\n const [instance, attr] = useA11yDialog({\n id,\n alertDialog\n });\n\n const closeIfNotAlertType = useCallback(() => {\n if (!alertDialog) {\n onClose?.();\n }\n }, [alertDialog, onClose]);\n\n // lock body scroll when modal is open\n useBodyScrollLock({ instance });\n\n // show/hide and animate the modal\n const { shouldShow } = useShowHideModal({\n instance,\n show,\n triggerElement,\n onClose,\n alertDialog\n });\n\n const header = useMemo(() => {\n const { id } = attr.title;\n const header = childrenArray.find(isModalHeader);\n if (header) {\n return cloneElement(header, { id, closeModal: onClose });\n }\n return (\n <ModalHeader\n title={title}\n description={description}\n closeModal={onClose}\n id={id}\n closeButtonAriaLabel={closeButtonAriaLabel}\n />\n );\n }, [attr.title, childrenArray, title, description, onClose, closeButtonAriaLabel]);\n\n const content = useMemo(() => {\n return (\n childrenArray.find(isModalContent) || (\n <ModalContent>{childrenArray.filter(child => !isModalHeader(child) && !isModalFooter(child))}</ModalContent>\n )\n );\n }, [childrenArray]);\n\n const footer = useMemo(() => {\n return childrenArray.find(isModalFooter) || null;\n }, [childrenArray]);\n\n const customWidth = width !== \"default\" && width !== \"full-width\";\n\n const dialog = ReactDOM.createPortal(\n <div\n
|
|
1
|
+
{"version":3,"file":"Modal.js","sources":["../../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import React, { cloneElement, FC, ReactElement, useCallback, useMemo } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport cx from \"classnames\";\nimport { useA11yDialog } from \"./a11yDialog\";\nimport ModalContent from \"./ModalContent/ModalContent\";\nimport ModalHeader from \"./ModalHeader/ModalHeader\";\nimport useBodyScrollLock from \"./useBodyScrollLock\";\nimport useShowHideModal from \"./useShowHideModal\";\nimport {\n isModalContent,\n isModalFooter,\n isModalHeader,\n ModalWidth as ModalWidthEnum,\n validateTitleProp\n} from \"./ModalHelper\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { withStaticProps } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./Modal.module.scss\";\nimport { ModalWidth } from \"./Modal.types\";\nimport LayerProvider from \"../LayerProvider/LayerProvider\";\n\nexport interface ModalProps {\n /**\n * Id of the modal, used internally and for accessibility\n */\n id?: string;\n \"data-testid\"?: string;\n /**\n * Show/hide the Dialog\n */\n show: boolean;\n /**\n * Heading for the modal, mandatory when ModalHeader isn't provided in children\n */\n title?: string;\n /**\n * Description for the modal title\n */\n description?: string;\n /**\n * Called when the modal is closed (by close button/click outside/esc key)\n */\n onClose: () => void;\n /**\n * Makes the dialog behave like a modal (preventing closing on click outside of\n * ESC key)..\n */\n alertDialog?: boolean;\n /**\n * Used for the fromOrigin animation\n */\n triggerElement?: Element;\n /**\n * Set the modal's width. Can be one of the presets or any custom size\n */\n width?: ModalWidth | string;\n /**\n * Aria label for the close button\n */\n closeButtonAriaLabel?: string;\n /**\n * Add gaps between parts of the modal\n */\n contentSpacing?: boolean;\n /**\n * classNames for specific parts of the dialog\n */\n classNames?: {\n container?: string;\n overlay?: string;\n modal?: string;\n };\n /**\n * Dialog content\n */\n children?: ReactElement | ReactElement[];\n /**\n * z-index attribute of the container\n */\n zIndex?: number;\n /**\n * When `false`, the modal will remain in the DOM when closed\n */\n unmountOnClose?: boolean;\n}\n\nconst Modal: FC<ModalProps> & { width?: typeof ModalWidthEnum } = ({\n classNames = { container: \"\", overlay: \"\", modal: \"\" },\n id,\n show,\n title = \"\",\n description = \"\",\n onClose = NOOP,\n alertDialog = false,\n children,\n triggerElement,\n width = \"default\",\n closeButtonAriaLabel = \"Close\",\n contentSpacing = false,\n zIndex = 10000,\n unmountOnClose = true,\n \"data-testid\": dataTestId\n}: ModalProps) => {\n const childrenArray: ReactElement[] = useMemo(\n () => (children ? (React.Children.toArray(children) as ReactElement[]) : []),\n [children]\n );\n validateTitleProp(title, childrenArray);\n\n const [instance, attr] = useA11yDialog({\n id,\n alertDialog\n });\n\n const closeIfNotAlertType = useCallback(() => {\n if (!alertDialog) {\n onClose?.();\n }\n }, [alertDialog, onClose]);\n\n // lock body scroll when modal is open\n useBodyScrollLock({ instance });\n\n // show/hide and animate the modal\n const { shouldShow } = useShowHideModal({\n instance,\n show,\n triggerElement,\n onClose,\n alertDialog\n });\n\n const header = useMemo(() => {\n const { id } = attr.title;\n const header = childrenArray.find(isModalHeader);\n if (header) {\n return cloneElement(header, { id, closeModal: onClose });\n }\n return (\n <ModalHeader\n title={title}\n description={description}\n closeModal={onClose}\n id={id}\n closeButtonAriaLabel={closeButtonAriaLabel}\n />\n );\n }, [attr.title, childrenArray, title, description, onClose, closeButtonAriaLabel]);\n\n const content = useMemo(() => {\n return (\n childrenArray.find(isModalContent) || (\n <ModalContent>{childrenArray.filter(child => !isModalHeader(child) && !isModalFooter(child))}</ModalContent>\n )\n );\n }, [childrenArray]);\n\n const footer = useMemo(() => {\n return childrenArray.find(isModalFooter) || null;\n }, [childrenArray]);\n\n const customWidth = width !== \"default\" && width !== \"full-width\";\n\n const dialog = ReactDOM.createPortal(\n <LayerProvider layerRef={{ current: instance?.$el }}>\n <div\n {...attr.container}\n className={cx(styles.container, classNames.container)}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.MODAL, id)}\n style={{ \"--monday-modal-z-index\": zIndex }}\n >\n {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\n <div\n onClick={closeIfNotAlertType}\n className={cx(styles.overlay, classNames.overlay)}\n data-testid={ComponentDefaultTestId.MODAL_OVERLAY}\n />\n <div\n {...attr.dialog}\n className={cx(styles.dialog, classNames.modal, {\n [styles.default]: width === \"default\",\n [styles.full]: width === \"full-width\",\n [styles.spacing]: contentSpacing\n })}\n style={{ width: customWidth ? width : null }}\n >\n {header}\n {content}\n {footer}\n </div>\n </div>\n </LayerProvider>,\n document.body\n );\n\n if (unmountOnClose && !shouldShow) {\n return null;\n }\n\n return ReactDOM.createPortal(dialog, document.body);\n};\n\nexport default withStaticProps(Modal, {\n width: ModalWidthEnum\n});\n"],"names":["withStaticProps","_ref","_ref$classNames","classNames","container","overlay","modal","id","show","_ref$title","title","_ref$description","description","_ref$onClose","onClose","NOOP","_ref$alertDialog","alertDialog","children","triggerElement","_ref$width","width","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$contentSpacing","contentSpacing","_ref$zIndex","zIndex","_ref$unmountOnClose","unmountOnClose","dataTestId","childrenArray","useMemo","React","Children","toArray","validateTitleProp","_useA11yDialog","useA11yDialog","_useA11yDialog2","_slicedToArray","instance","attr","closeIfNotAlertType","useCallback","useBodyScrollLock","shouldShow","useShowHideModal","header","find","isModalHeader","cloneElement","closeModal","createElement","ModalHeader","content","isModalContent","ModalContent","filter","child","isModalFooter","footer","customWidth","dialog","ReactDOM","createPortal","LayerProvider","layerRef","current","$el","Object","assign","className","cx","styles","getTestId","ComponentDefaultTestId","MODAL","style","onClick","MODAL_OVERLAY","_defineProperty","default","full","spacing","document","body","ModalWidthEnum"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var n={container:"container",overlay:"overlay","overlay-fade-out":"overlay-fade-out","overlay-fade-in":"overlay-fade-in",dialog:"dialog",default:"default",full:"full",spacing:"spacing"};!function(n){if("undefined"==typeof document)return;const a=document.head||document.getElementsByTagName("head")[0],e="s_id-
|
|
1
|
+
var n={container:"container",overlay:"overlay","overlay-fade-out":"overlay-fade-out","overlay-fade-in":"overlay-fade-in",dialog:"dialog",default:"default",full:"full",spacing:"spacing"};!function(n){if("undefined"==typeof document)return;const a=document.head||document.getElementsByTagName("head")[0],e="s_id-fe267e23c74c_3_0_0-alpha_3";if(a.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(n))}(".container,\n.overlay {\n position: fixed;\n inset: 0;\n}\n\n.container {\n --monday-modal-z-index: 10000;\n z-index: var(--monday-modal-z-index);\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.container[aria-hidden=true] {\n display: none;\n}\n\n.container[aria-hidden=true] .overlay {\n background-color: transparent;\n animation: overlay-fade-out 70ms var(--motion-timing-enter);\n}\n\n.overlay {\n background-color: rgba(41, 47, 76, 0.7);\n animation: overlay-fade-in 70ms var(--motion-timing-enter);\n}\n\n.dialog {\n display: flex;\n position: relative;\n flex-direction: column;\n padding-block: var(--spacing-large);\n padding-inline: var(--spacing-xl);\n border-radius: var(--border-radius-big);\n box-shadow: var(--box-shadow-large);\n background-color: var(--secondary-background-color);\n max-height: 90vh;\n max-width: 90vw;\n}\n\n.dialog.default {\n width: 520px;\n}\n\n.dialog.full {\n width: 100vw;\n}\n\n.dialog.spacing {\n gap: var(--spacing-medium);\n}\n\n@keyframes overlay-fade-in {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n\n@keyframes overlay-fade-out {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}");export{n as default};
|
|
2
2
|
//# sourceMappingURL=Modal.module.scss.js.map
|