@plesk/ui-library 3.32.0 → 3.34.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/Action/Action.js +1 -1
- package/cjs/components/Alert/Alert.js +1 -1
- package/cjs/components/Alert/Alert.stories.js +1 -1
- package/cjs/components/AutoClosable/AutoClosable.js +1 -1
- package/cjs/components/AuxiliaryActions/AuxiliaryActions.js +1 -1
- package/cjs/components/Badge/Badge.js +1 -1
- package/cjs/components/Breadcrumbs/Breadcrumbs.js +1 -1
- package/cjs/components/Button/Button.js +1 -1
- package/cjs/components/Button/Button.stories.js +1 -1
- package/cjs/components/ButtonGroup/ButtonGroup.js +1 -1
- package/cjs/components/Card/Card.js +1 -1
- package/cjs/components/Card/CardButton.js +1 -1
- package/cjs/components/Card/PreviewPanel.js +1 -1
- package/cjs/components/Card/helpers.js +1 -1
- package/cjs/components/CardList/CardList.js +1 -1
- package/cjs/components/CardList/CardListToolbar.js +1 -1
- package/cjs/components/Carousel/Carousel.js +1 -1
- package/cjs/components/Checkbox/Checkbox.js +1 -1
- package/cjs/components/ClosingConfirmation/locale/en-US.js +1 -1
- package/cjs/components/ClosingConfirmation/useClosingConfirmation.js +1 -1
- package/cjs/components/CodeEditor/CodeEditor.js +1 -1
- package/cjs/components/CodeEditor/CodeMirror.js +1 -1
- package/cjs/components/Columns/Column.js +1 -1
- package/cjs/components/Columns/Columns.js +1 -1
- package/cjs/components/ComboBox/ComboBox.js +1 -1
- package/cjs/components/ComboBox/ComboBoxOption.js +1 -1
- package/cjs/components/ComboBoxDropdown/ComboBoxDropdown.js +1 -1
- package/cjs/components/ConsoleOutput/ConsoleOutput.js +1 -1
- package/cjs/components/ContentLoader/ContentLoader.js +1 -1
- package/cjs/components/ContentLoader/IconsLoader.js +1 -1
- package/cjs/components/Cuttable/Cuttable.js +1 -1
- package/cjs/components/Cuttable/Cuttable.stories.js +1 -1
- package/cjs/components/Dialog/Dialog.js +1 -1
- package/cjs/components/Dialog/Dialog.stories.js +1 -1
- package/cjs/components/DistractionFreeModeContext/DistractionFreeModeContext.js +1 -1
- package/cjs/components/Drawer/Drawer.js +1 -1
- package/cjs/components/Drawer/Drawer.stories.js +1 -1
- package/cjs/components/Drawer/DrawerProgress.js +1 -1
- package/cjs/components/Drawer/Header.js +1 -1
- package/cjs/components/Dropdown/Dropdown.js +1 -1
- package/cjs/components/Dropdown/locale/en-US.js +1 -1
- package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessage.js +1 -1
- package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageActions.js +1 -1
- package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageDescription.js +1 -1
- package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageSeparator.js +1 -1
- package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageTitle.js +1 -1
- package/cjs/components/Figure/Figure.js +1 -1
- package/cjs/components/FocusTrap/FocusTrap.js +1 -1
- package/cjs/components/Form/DisabledContext.js +1 -1
- package/cjs/components/Form/Form.js +1 -1
- package/cjs/components/Form/Form.stories.js +1 -1
- package/cjs/components/Form/FormContext.js +1 -1
- package/cjs/components/Form/ScrollableElementFormContext.js +1 -1
- package/cjs/components/Form/utils.js +1 -1
- package/cjs/components/FormField/FormField.js +1 -1
- package/cjs/components/FormFieldCheckbox/FormFieldCheckbox.js +1 -1
- package/cjs/components/FormFieldCheckbox/FormFieldCheckbox.stories.js +1 -1
- package/cjs/components/FormFieldPassword/FormFieldPassword.js +1 -1
- package/cjs/components/FormFieldPassword/PasswordMeter.js +1 -1
- package/cjs/components/FormFieldPassword/estimatePassword.js +1 -1
- package/cjs/components/FormFieldPassword/generatePassword.js +1 -1
- package/cjs/components/FormFieldPassword/locale/en-US.js +1 -1
- package/cjs/components/FormFieldRadioButtons/FormFieldRadioButtons.js +1 -1
- package/cjs/components/FormFieldSelect/FormFieldSelect.js +1 -1
- package/cjs/components/FormFieldText/FormFieldText.js +1 -1
- package/cjs/components/Grid/Grid.js +1 -1
- package/cjs/components/GridCol/GridCol.js +1 -1
- package/cjs/components/Heading/Heading.js +1 -1
- package/cjs/components/Hint/Hint.js +1 -1
- package/cjs/components/Icon/Icon.js +1 -1
- package/cjs/components/Icon/Icon.stories.js +1 -1
- package/cjs/components/Icon/constants.js +2 -2
- package/cjs/components/Icon/images/symbols.svg +13 -1
- package/cjs/components/Icon/oldIconNames.js +1 -1
- package/cjs/components/Icon/utils.js +1 -1
- package/cjs/components/InPlaceEdit/InPlaceEdit.js +1 -1
- package/cjs/components/InPlaceEdit/locale/en-US.js +1 -1
- package/cjs/components/Input/Input.js +1 -1
- package/cjs/components/InputFile/InputFile.js +1 -1
- package/cjs/components/InputFile/locale/en-US.js +1 -1
- package/cjs/components/InputNumber/InputNumber.js +1 -1
- package/cjs/components/Item/Item.js +1 -1
- package/cjs/components/ItemLink/ItemLink.js +1 -1
- package/cjs/components/ItemLink/ItemLink.stories.js +1 -1
- package/cjs/components/ItemList/ItemList.js +1 -1
- package/cjs/components/ItemList/ItemList.stories.js +1 -1
- package/cjs/components/Layer/Layer.js +1 -1
- package/cjs/components/Layout/Layout.js +1 -1
- package/cjs/components/Link/Link.js +1 -1
- package/cjs/components/List/List.js +12 -9
- package/cjs/components/List/List.stories.js +1 -1
- package/cjs/components/List/ListAction.js +1 -1
- package/cjs/components/List/ListActions.js +1 -1
- package/cjs/components/List/ListActionsDivider.js +1 -1
- package/cjs/components/List/ListOperation.js +1 -1
- package/cjs/components/List/ListOperationContext.js +1 -1
- package/cjs/components/List/example-data/domains.js +1 -1
- package/cjs/components/LocaleProvider/LocaleProvider.js +1 -1
- package/cjs/components/Markdown/Markdown.js +2 -29
- package/cjs/components/Markdown/Markdown.stories.js +51 -0
- package/cjs/components/Media/Media.js +1 -1
- package/cjs/components/Media/MediaSection.js +1 -1
- package/cjs/components/Menu/Menu.js +1 -1
- package/cjs/components/Menu/Menu.stories.js +1 -1
- package/cjs/components/Menu/MenuBaseItem.js +1 -1
- package/cjs/components/Menu/MenuDivider.js +1 -1
- package/cjs/components/Menu/MenuHeader.js +1 -1
- package/cjs/components/Menu/MenuItem.js +1 -1
- package/cjs/components/Menu/MenuSelectableItem.js +1 -1
- package/cjs/components/OnDarkContext/OnDarkContext.js +1 -1
- package/cjs/components/Overlay/Focuser.js +1 -1
- package/cjs/components/Overlay/Overlay.js +136 -286
- package/cjs/components/PageHeader/PageHeader.js +1 -1
- package/cjs/components/Pagination/Pagination.js +1 -1
- package/cjs/components/Panel/Panel.js +1 -1
- package/cjs/components/Paragraph/Paragraph.js +1 -1
- package/cjs/components/Plaintext/Plaintext.js +1 -1
- package/cjs/components/Popover/Popover.js +4 -2
- package/cjs/components/Popover/Popover.stories.js +1 -1
- package/cjs/components/Popper/Popper.js +1 -1
- package/cjs/components/Progress/Progress.js +1 -1
- package/cjs/components/ProgressBar/ProgressBar.js +1 -1
- package/cjs/components/ProgressBar/ProgressIndicator.js +1 -1
- package/cjs/components/ProgressDialog/ProgressDialog.js +1 -1
- package/cjs/components/ProgressDialogStep/ProgressDialogStep.js +1 -1
- package/cjs/components/ProgressStep/ProgressStep.js +1 -1
- package/cjs/components/Radio/Radio.js +1 -1
- package/cjs/components/Rating/Rating.js +1 -1
- package/cjs/components/ResponsiveContext/ResponsiveContext.js +1 -1
- package/cjs/components/Section/Section.js +1 -1
- package/cjs/components/Section/SectionItem.js +1 -1
- package/cjs/components/SegmentedControl/SegmentedControl.js +1 -1
- package/cjs/components/Select/MultiValue.js +1 -1
- package/cjs/components/Select/Select.js +1 -1
- package/cjs/components/Select/Select.stories.js +1 -1
- package/cjs/components/Select/SelectControl.js +1 -1
- package/cjs/components/Select/SelectOption.js +1 -1
- package/cjs/components/Select/SelectOptionGroup.js +1 -1
- package/cjs/components/Skeleton/Skeleton.js +1 -1
- package/cjs/components/Skeleton/Skeleton.stories.js +1 -1
- package/cjs/components/Skeleton/SkeletonTabs.js +1 -1
- package/cjs/components/Skeleton/SkeletonTabs.stories.js +1 -1
- package/cjs/components/Skeleton/SkeletonText.js +1 -1
- package/cjs/components/Skeleton/SkeletonText.stories.js +1 -1
- package/cjs/components/Spinner/Spinner.js +1 -1
- package/cjs/components/SplitButton/SplitButton.js +1 -1
- package/cjs/components/Spot/Spot.js +1 -1
- package/cjs/components/Spot/SpotPopup.js +1 -1
- package/cjs/components/Spot/SpotPulsar.js +1 -1
- package/cjs/components/Squeezer/Squeezer.js +1 -1
- package/cjs/components/Status/Status.js +1 -1
- package/cjs/components/Status/Status.stories.js +1 -1
- package/cjs/components/StatusMessage/StatusMessage.js +1 -1
- package/cjs/components/Subnav/Subnav.js +1 -1
- package/cjs/components/Switch/Switch.js +1 -1
- package/cjs/components/SwitchesPanel/SwitchesPanel.js +1 -1
- package/cjs/components/SwitchesPanelItem/SwitchesPanelItem.js +1 -1
- package/cjs/components/Tabs/SearchBar.js +1 -1
- package/cjs/components/Tabs/Tab.js +1 -1
- package/cjs/components/Tabs/Tabs.js +1 -1
- package/cjs/components/Tabs/Tabs.stories.js +1 -1
- package/cjs/components/Text/Text.js +1 -1
- package/cjs/components/TextArea/TextArea.js +1 -1
- package/cjs/components/TextArea/calculateNodeHeight.js +1 -1
- package/cjs/components/Toast/Toast.js +1 -1
- package/cjs/components/Toaster/Toaster.js +1 -1
- package/cjs/components/Toolbar/RegistryContext.js +1 -1
- package/cjs/components/Toolbar/Toolbar.js +1 -1
- package/cjs/components/Toolbar/ToolbarExpander.js +1 -1
- package/cjs/components/Toolbar/ToolbarGroup.js +1 -1
- package/cjs/components/Toolbar/ToolbarItem.js +1 -1
- package/cjs/components/Toolbar/ToolbarMenu.js +1 -1
- package/cjs/components/Tooltip/Tooltip.js +1 -1
- package/cjs/components/Tour/Tour.js +1 -1
- package/cjs/components/Translate/Translate.js +1 -1
- package/cjs/components/VerticalContext/VerticalContext.js +1 -1
- package/cjs/components/intentIconMap.js +1 -1
- package/cjs/components/utils.js +1 -1
- package/cjs/constants.js +1 -1
- package/cjs/index.js +2 -2
- package/cjs/publicPath.js +1 -1
- package/cjs/utils.js +1 -1
- package/dist/images/symbols.svg +13 -1
- package/dist/plesk-ui-library-rtl.css +1 -1
- package/dist/plesk-ui-library-rtl.css.map +1 -1
- package/dist/plesk-ui-library.css +1 -1
- package/dist/plesk-ui-library.css.map +1 -1
- package/dist/plesk-ui-library.js +1029 -1071
- package/dist/plesk-ui-library.js.map +1 -1
- package/dist/plesk-ui-library.min.js +5 -5
- package/dist/plesk-ui-library.min.js.map +1 -1
- package/esm/components/Action/Action.js +1 -1
- package/esm/components/Action/index.js +1 -1
- package/esm/components/Alert/Alert.js +1 -1
- package/esm/components/Alert/Alert.stories.js +1 -1
- package/esm/components/Alert/index.js +1 -1
- package/esm/components/AutoClosable/AutoClosable.js +1 -1
- package/esm/components/AutoClosable/index.js +1 -1
- package/esm/components/AuxiliaryActions/AuxiliaryActions.js +1 -1
- package/esm/components/AuxiliaryActions/index.js +1 -1
- package/esm/components/Badge/Badge.js +1 -1
- package/esm/components/Badge/index.js +1 -1
- package/esm/components/Breadcrumbs/Breadcrumbs.js +1 -1
- package/esm/components/Breadcrumbs/index.js +1 -1
- package/esm/components/Button/Button.js +1 -1
- package/esm/components/Button/Button.stories.js +1 -1
- package/esm/components/Button/index.js +1 -1
- package/esm/components/ButtonGroup/ButtonGroup.js +1 -1
- package/esm/components/ButtonGroup/index.js +1 -1
- package/esm/components/Card/Card.js +1 -1
- package/esm/components/Card/CardButton.js +1 -1
- package/esm/components/Card/PreviewPanel.js +1 -1
- package/esm/components/Card/helpers.js +1 -1
- package/esm/components/Card/index.js +1 -1
- package/esm/components/CardList/CardList.js +1 -1
- package/esm/components/CardList/CardListToolbar.js +1 -1
- package/esm/components/CardList/index.js +1 -1
- package/esm/components/Carousel/Carousel.js +1 -1
- package/esm/components/Carousel/index.js +1 -1
- package/esm/components/Checkbox/Checkbox.js +1 -1
- package/esm/components/Checkbox/index.js +1 -1
- package/esm/components/ClosingConfirmation/index.js +1 -1
- package/esm/components/ClosingConfirmation/locale/en-US.js +1 -1
- package/esm/components/ClosingConfirmation/useClosingConfirmation.js +1 -1
- package/esm/components/CodeEditor/CodeEditor.js +1 -1
- package/esm/components/CodeEditor/CodeMirror.js +1 -1
- package/esm/components/CodeEditor/index.js +1 -1
- package/esm/components/Columns/Column.js +1 -1
- package/esm/components/Columns/Columns.js +1 -1
- package/esm/components/Columns/index.js +1 -1
- package/esm/components/ComboBox/ComboBox.js +1 -1
- package/esm/components/ComboBox/ComboBoxOption.js +1 -1
- package/esm/components/ComboBox/index.js +1 -1
- package/esm/components/ComboBoxDropdown/ComboBoxDropdown.js +1 -1
- package/esm/components/ComboBoxDropdown/index.js +1 -1
- package/esm/components/ConsoleOutput/ConsoleOutput.js +1 -1
- package/esm/components/ConsoleOutput/index.js +1 -1
- package/esm/components/ContentLoader/ContentLoader.js +1 -1
- package/esm/components/ContentLoader/IconsLoader.js +1 -1
- package/esm/components/ContentLoader/index.js +1 -1
- package/esm/components/Cuttable/Cuttable.js +1 -1
- package/esm/components/Cuttable/Cuttable.stories.js +1 -1
- package/esm/components/Cuttable/index.js +1 -1
- package/esm/components/Dialog/Dialog.js +1 -1
- package/esm/components/Dialog/Dialog.stories.js +1 -1
- package/esm/components/Dialog/index.js +1 -1
- package/esm/components/DistractionFreeModeContext/DistractionFreeModeContext.js +1 -1
- package/esm/components/DistractionFreeModeContext/index.js +1 -1
- package/esm/components/Drawer/Drawer.js +1 -1
- package/esm/components/Drawer/Drawer.stories.js +1 -1
- package/esm/components/Drawer/DrawerProgress.js +1 -1
- package/esm/components/Drawer/Header.js +1 -1
- package/esm/components/Drawer/index.js +1 -1
- package/esm/components/Dropdown/Dropdown.js +1 -1
- package/esm/components/Dropdown/index.js +1 -1
- package/esm/components/Dropdown/locale/en-US.js +1 -1
- package/esm/components/ExtendedStatusMessage/ExtendedStatusMessage.js +1 -1
- package/esm/components/ExtendedStatusMessage/ExtendedStatusMessageActions.js +1 -1
- package/esm/components/ExtendedStatusMessage/ExtendedStatusMessageDescription.js +1 -1
- package/esm/components/ExtendedStatusMessage/ExtendedStatusMessageSeparator.js +1 -1
- package/esm/components/ExtendedStatusMessage/ExtendedStatusMessageTitle.js +1 -1
- package/esm/components/ExtendedStatusMessage/index.js +1 -1
- package/esm/components/Figure/Figure.js +1 -1
- package/esm/components/Figure/index.js +1 -1
- package/esm/components/FocusTrap/FocusTrap.js +1 -1
- package/esm/components/FocusTrap/index.js +1 -1
- package/esm/components/Form/DisabledContext.js +1 -1
- package/esm/components/Form/Form.js +1 -1
- package/esm/components/Form/Form.stories.js +1 -1
- package/esm/components/Form/FormContext.js +1 -1
- package/esm/components/Form/ScrollableElementFormContext.js +1 -1
- package/esm/components/Form/index.js +1 -1
- package/esm/components/Form/utils.js +1 -1
- package/esm/components/FormField/FormField.js +1 -1
- package/esm/components/FormField/index.js +1 -1
- package/esm/components/FormFieldCheckbox/FormFieldCheckbox.js +1 -1
- package/esm/components/FormFieldCheckbox/FormFieldCheckbox.stories.js +1 -1
- package/esm/components/FormFieldCheckbox/index.js +1 -1
- package/esm/components/FormFieldPassword/FormFieldPassword.js +1 -1
- package/esm/components/FormFieldPassword/PasswordMeter.js +1 -1
- package/esm/components/FormFieldPassword/estimatePassword.js +1 -1
- package/esm/components/FormFieldPassword/generatePassword.js +1 -1
- package/esm/components/FormFieldPassword/index.js +1 -1
- package/esm/components/FormFieldPassword/locale/en-US.js +1 -1
- package/esm/components/FormFieldRadioButtons/FormFieldRadioButtons.js +1 -1
- package/esm/components/FormFieldRadioButtons/index.js +1 -1
- package/esm/components/FormFieldSelect/FormFieldSelect.js +1 -1
- package/esm/components/FormFieldSelect/index.js +1 -1
- package/esm/components/FormFieldText/FormFieldText.js +1 -1
- package/esm/components/FormFieldText/index.js +1 -1
- package/esm/components/Grid/Grid.js +1 -1
- package/esm/components/Grid/index.js +1 -1
- package/esm/components/GridCol/GridCol.js +1 -1
- package/esm/components/GridCol/index.js +1 -1
- package/esm/components/Heading/Heading.js +1 -1
- package/esm/components/Heading/index.js +1 -1
- package/esm/components/Hint/Hint.js +1 -1
- package/esm/components/Hint/index.js +1 -1
- package/esm/components/Icon/Icon.js +1 -1
- package/esm/components/Icon/Icon.stories.js +1 -1
- package/esm/components/Icon/constants.js +2 -2
- package/esm/components/Icon/images/symbols.svg +13 -1
- package/esm/components/Icon/index.js +1 -1
- package/esm/components/Icon/oldIconNames.js +1 -1
- package/esm/components/Icon/utils.js +1 -1
- package/esm/components/InPlaceEdit/InPlaceEdit.js +1 -1
- package/esm/components/InPlaceEdit/index.js +1 -1
- package/esm/components/InPlaceEdit/locale/en-US.js +1 -1
- package/esm/components/Input/Input.js +1 -1
- package/esm/components/Input/index.js +1 -1
- package/esm/components/InputFile/InputFile.js +1 -1
- package/esm/components/InputFile/index.js +1 -1
- package/esm/components/InputFile/locale/en-US.js +1 -1
- package/esm/components/InputNumber/InputNumber.js +1 -1
- package/esm/components/InputNumber/index.js +1 -1
- package/esm/components/Item/Item.js +1 -1
- package/esm/components/Item/index.js +1 -1
- package/esm/components/ItemLink/ItemLink.js +1 -1
- package/esm/components/ItemLink/ItemLink.stories.js +1 -1
- package/esm/components/ItemLink/index.js +1 -1
- package/esm/components/ItemList/ItemList.js +1 -1
- package/esm/components/ItemList/ItemList.stories.js +1 -1
- package/esm/components/ItemList/index.js +1 -1
- package/esm/components/Label/index.js +1 -1
- package/esm/components/Layer/Layer.js +1 -1
- package/esm/components/Layer/index.js +1 -1
- package/esm/components/Layout/Layout.js +1 -1
- package/esm/components/Layout/index.js +1 -1
- package/esm/components/Link/Link.js +1 -1
- package/esm/components/Link/index.js +1 -1
- package/esm/components/List/List.js +12 -9
- package/esm/components/List/List.stories.js +1 -1
- package/esm/components/List/ListAction.js +1 -1
- package/esm/components/List/ListActions.js +1 -1
- package/esm/components/List/ListActionsDivider.js +1 -1
- package/esm/components/List/ListOperation.js +1 -1
- package/esm/components/List/ListOperationContext.js +1 -1
- package/esm/components/List/example-data/domains.js +1 -1
- package/esm/components/List/index.js +1 -1
- package/esm/components/LocaleProvider/LocaleProvider.js +1 -1
- package/esm/components/LocaleProvider/index.js +1 -1
- package/esm/components/Markdown/Markdown.js +2 -29
- package/esm/components/Markdown/Markdown.stories.js +43 -0
- package/esm/components/Markdown/index.js +1 -1
- package/esm/components/Media/Media.js +1 -1
- package/esm/components/Media/MediaSection.js +1 -1
- package/esm/components/Media/index.js +1 -1
- package/esm/components/Menu/Menu.js +1 -1
- package/esm/components/Menu/Menu.stories.js +1 -1
- package/esm/components/Menu/MenuBaseItem.js +1 -1
- package/esm/components/Menu/MenuDivider.js +1 -1
- package/esm/components/Menu/MenuHeader.js +1 -1
- package/esm/components/Menu/MenuItem.js +1 -1
- package/esm/components/Menu/MenuSelectableItem.js +1 -1
- package/esm/components/Menu/index.js +1 -1
- package/esm/components/OnDarkContext/OnDarkContext.js +1 -1
- package/esm/components/OnDarkContext/index.js +1 -1
- package/esm/components/Overlay/Focuser.js +1 -1
- package/esm/components/Overlay/Overlay.js +135 -283
- package/esm/components/Overlay/index.js +1 -1
- package/esm/components/PageHeader/PageHeader.js +1 -1
- package/esm/components/PageHeader/index.js +1 -1
- package/esm/components/Pagination/Pagination.js +1 -1
- package/esm/components/Pagination/index.js +1 -1
- package/esm/components/Panel/Panel.js +1 -1
- package/esm/components/Panel/index.js +1 -1
- package/esm/components/Paragraph/Paragraph.js +1 -1
- package/esm/components/Paragraph/index.js +1 -1
- package/esm/components/Plaintext/Plaintext.js +1 -1
- package/esm/components/Plaintext/index.js +1 -1
- package/esm/components/Popover/Popover.js +4 -2
- package/esm/components/Popover/Popover.stories.js +1 -1
- package/esm/components/Popover/index.js +1 -1
- package/esm/components/Popper/Popper.js +1 -1
- package/esm/components/Popper/index.js +1 -1
- package/esm/components/Progress/Progress.js +1 -1
- package/esm/components/Progress/index.js +1 -1
- package/esm/components/ProgressBar/ProgressBar.js +1 -1
- package/esm/components/ProgressBar/ProgressIndicator.js +1 -1
- package/esm/components/ProgressBar/index.js +1 -1
- package/esm/components/ProgressDialog/ProgressDialog.js +1 -1
- package/esm/components/ProgressDialog/index.js +1 -1
- package/esm/components/ProgressDialogStep/ProgressDialogStep.js +1 -1
- package/esm/components/ProgressDialogStep/index.js +1 -1
- package/esm/components/ProgressStep/ProgressStep.js +1 -1
- package/esm/components/ProgressStep/index.js +1 -1
- package/esm/components/Radio/Radio.js +1 -1
- package/esm/components/Radio/index.js +1 -1
- package/esm/components/Rating/Rating.js +1 -1
- package/esm/components/Rating/index.js +1 -1
- package/esm/components/ResponsiveContext/ResponsiveContext.js +1 -1
- package/esm/components/ResponsiveContext/index.js +1 -1
- package/esm/components/Section/Section.js +1 -1
- package/esm/components/Section/SectionItem.js +1 -1
- package/esm/components/Section/index.js +1 -1
- package/esm/components/SegmentedControl/SegmentedControl.js +1 -1
- package/esm/components/SegmentedControl/index.js +1 -1
- package/esm/components/Select/MultiValue.js +1 -1
- package/esm/components/Select/Select.js +1 -1
- package/esm/components/Select/Select.stories.js +1 -1
- package/esm/components/Select/SelectControl.js +1 -1
- package/esm/components/Select/SelectOption.js +1 -1
- package/esm/components/Select/SelectOptionGroup.js +1 -1
- package/esm/components/Select/index.js +1 -1
- package/esm/components/Skeleton/Skeleton.js +1 -1
- package/esm/components/Skeleton/Skeleton.stories.js +1 -1
- package/esm/components/Skeleton/SkeletonTabs.js +1 -1
- package/esm/components/Skeleton/SkeletonTabs.stories.js +1 -1
- package/esm/components/Skeleton/SkeletonText.js +1 -1
- package/esm/components/Skeleton/SkeletonText.stories.js +1 -1
- package/esm/components/Skeleton/index.js +1 -1
- package/esm/components/Spinner/Spinner.js +1 -1
- package/esm/components/Spinner/index.js +1 -1
- package/esm/components/SplitButton/SplitButton.js +1 -1
- package/esm/components/SplitButton/index.js +1 -1
- package/esm/components/Spot/Spot.js +1 -1
- package/esm/components/Spot/SpotPopup.js +1 -1
- package/esm/components/Spot/SpotPulsar.js +1 -1
- package/esm/components/Spot/index.js +1 -1
- package/esm/components/Squeezer/Squeezer.js +1 -1
- package/esm/components/Squeezer/index.js +1 -1
- package/esm/components/Status/Status.js +1 -1
- package/esm/components/Status/Status.stories.js +1 -1
- package/esm/components/Status/index.js +1 -1
- package/esm/components/StatusMessage/StatusMessage.js +1 -1
- package/esm/components/StatusMessage/index.js +1 -1
- package/esm/components/Subnav/Subnav.js +1 -1
- package/esm/components/Subnav/index.js +1 -1
- package/esm/components/Switch/Switch.js +1 -1
- package/esm/components/Switch/index.js +1 -1
- package/esm/components/SwitchesPanel/SwitchesPanel.js +1 -1
- package/esm/components/SwitchesPanel/index.js +1 -1
- package/esm/components/SwitchesPanelItem/SwitchesPanelItem.js +1 -1
- package/esm/components/SwitchesPanelItem/index.js +1 -1
- package/esm/components/Tabs/SearchBar.js +1 -1
- package/esm/components/Tabs/Tab.js +1 -1
- package/esm/components/Tabs/Tabs.js +1 -1
- package/esm/components/Tabs/Tabs.stories.js +1 -1
- package/esm/components/Tabs/index.js +1 -1
- package/esm/components/Text/Text.js +1 -1
- package/esm/components/Text/index.js +1 -1
- package/esm/components/TextArea/TextArea.js +1 -1
- package/esm/components/TextArea/calculateNodeHeight.js +1 -1
- package/esm/components/TextArea/index.js +1 -1
- package/esm/components/Toast/Toast.js +1 -1
- package/esm/components/Toast/index.js +1 -1
- package/esm/components/Toaster/Toaster.js +1 -1
- package/esm/components/Toaster/index.js +1 -1
- package/esm/components/Toolbar/RegistryContext.js +1 -1
- package/esm/components/Toolbar/Toolbar.js +1 -1
- package/esm/components/Toolbar/ToolbarExpander.js +1 -1
- package/esm/components/Toolbar/ToolbarGroup.js +1 -1
- package/esm/components/Toolbar/ToolbarItem.js +1 -1
- package/esm/components/Toolbar/ToolbarMenu.js +1 -1
- package/esm/components/Toolbar/index.js +1 -1
- package/esm/components/Tooltip/Tooltip.js +1 -1
- package/esm/components/Tooltip/index.js +1 -1
- package/esm/components/Tour/Tour.js +1 -1
- package/esm/components/Tour/index.js +1 -1
- package/esm/components/Translate/Translate.js +1 -1
- package/esm/components/Translate/index.js +1 -1
- package/esm/components/VerticalContext/VerticalContext.js +1 -1
- package/esm/components/VerticalContext/index.js +1 -1
- package/esm/components/index.js +1 -1
- package/esm/components/intentIconMap.js +1 -1
- package/esm/components/utils.js +1 -1
- package/esm/constants.js +1 -1
- package/esm/index.js +2 -2
- package/esm/publicPath.js +1 -1
- package/esm/utils.js +1 -1
- package/index.js +1 -1
- package/package.json +5 -4
- package/scripts/postinstall.js +1 -1
- package/styleguide/build/bundle.ad46084d.js +2 -0
- package/styleguide/images/symbols.svg +13 -1
- package/styleguide/index.html +2 -16
- package/types/src/components/ClosingConfirmation/useClosingConfirmation.d.ts +1 -1
- package/types/src/components/Drawer/DrawerProgress.d.ts +1 -1
- package/types/src/components/FocusTrap/FocusTrap.d.ts +4 -5
- package/types/src/components/Form/Form.d.ts +4 -4
- package/types/src/components/Icon/constants.d.ts +1 -1
- package/types/src/components/ItemList/ItemList.d.ts +1 -1
- package/types/src/components/ItemList/ItemList.stories.d.ts +66 -54
- package/types/src/components/Markdown/Markdown.d.ts +28 -0
- package/types/src/components/Markdown/Markdown.stories.d.ts +10 -0
- package/types/src/components/Markdown/index.d.ts +1 -0
- package/types/src/components/Overlay/Overlay.d.ts +66 -0
- package/types/src/components/Overlay/index.d.ts +1 -0
- package/cjs/components/Overlay/Backdrop.js +0 -50
- package/dist/.DS_Store +0 -0
- package/dist/images/default.svg +0 -1
- package/dist/images/filtered.svg +0 -1
- package/esm/components/Overlay/Backdrop.js +0 -42
- package/styleguide/build/bundle.57b0e524.js +0 -2
- /package/styleguide/build/{bundle.57b0e524.js.LICENSE.txt → bundle.ad46084d.js.LICENSE.txt} +0 -0
|
@@ -5,318 +5,168 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
8
|
var _utils = require("../../utils");
|
|
10
|
-
var _react =
|
|
9
|
+
var _react = require("react");
|
|
11
10
|
var _utils2 = require("../utils");
|
|
12
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
11
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
14
12
|
var _constants = require("../../constants");
|
|
15
|
-
var _reactTransitionGroup = require("react-transition-group");
|
|
16
|
-
var _Backdrop = _interopRequireDefault(require("./Backdrop"));
|
|
17
13
|
var _Layer = _interopRequireDefault(require("../Layer"));
|
|
18
14
|
var _FocusTrap = _interopRequireDefault(require("../FocusTrap"));
|
|
19
15
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
20
|
-
|
|
21
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
22
|
-
// Copyright 1999-2021. Plesk International GmbH. All rights reserved.
|
|
16
|
+
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
23
17
|
|
|
24
18
|
/**
|
|
25
19
|
* `Overlay` component.
|
|
26
20
|
*/
|
|
27
21
|
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
const {
|
|
56
|
-
onClose
|
|
57
|
-
} = this.props;
|
|
58
|
-
if (!e.isDefaultPrevented() && e.key === 'Escape') {
|
|
59
|
-
(0, _utils2.safeInvoke)(onClose);
|
|
60
|
-
e.preventDefault();
|
|
61
|
-
}
|
|
62
|
-
});
|
|
63
|
-
}
|
|
64
|
-
componentDidMount() {
|
|
65
|
-
if (this.props.isOpen) {
|
|
66
|
-
this.overlayWillOpen();
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
componentDidUpdate(prevProps) {
|
|
70
|
-
if (!this.props.isOpen && prevProps.isOpen) {
|
|
71
|
-
this.overlayWillClose();
|
|
72
|
-
} else if (this.props.isOpen && !prevProps.isOpen) {
|
|
73
|
-
this.overlayWillOpen();
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
componentWillUnmount() {
|
|
77
|
-
if (this.props.isOpen) {
|
|
78
|
-
this.overlayWillClose();
|
|
22
|
+
let overlaysCount = 0;
|
|
23
|
+
const OverlayCore = _ref => {
|
|
24
|
+
let {
|
|
25
|
+
baseClassName = `${_constants.CLS_PREFIX}overlay`,
|
|
26
|
+
className,
|
|
27
|
+
children = null,
|
|
28
|
+
isOpen: externalIsOpen,
|
|
29
|
+
placement = 'center',
|
|
30
|
+
size = 'md',
|
|
31
|
+
sideBanner,
|
|
32
|
+
sideBannerContainer,
|
|
33
|
+
onClose,
|
|
34
|
+
canCloseOnBackdropClick = true,
|
|
35
|
+
canCloseOnEscapePress = true,
|
|
36
|
+
style = {},
|
|
37
|
+
onAnimationExited,
|
|
38
|
+
...props
|
|
39
|
+
} = _ref;
|
|
40
|
+
const animationTimeoutRef = (0, _react.useRef)();
|
|
41
|
+
const contentRef = (0, _react.useRef)(null);
|
|
42
|
+
const prevIsOpen = (0, _react.useRef)(externalIsOpen);
|
|
43
|
+
if (prevIsOpen.current !== externalIsOpen) {
|
|
44
|
+
prevIsOpen.current = externalIsOpen;
|
|
45
|
+
if (externalIsOpen) {
|
|
46
|
+
clearTimeout(animationTimeoutRef.current);
|
|
47
|
+
} else {
|
|
48
|
+
animationTimeoutRef.current = window.setTimeout(onAnimationExited, 300);
|
|
79
49
|
}
|
|
80
50
|
}
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
}, () => {
|
|
87
|
-
this.prevFocusElement = document.activeElement;
|
|
88
|
-
this.setState({
|
|
89
|
-
isOpened: true
|
|
90
|
-
}, () => {
|
|
91
|
-
this.focus();
|
|
92
|
-
});
|
|
93
|
-
});
|
|
94
|
-
}
|
|
95
|
-
overlayWillClose() {
|
|
96
|
-
overlays.pop();
|
|
97
|
-
if (overlays.length === 0) {
|
|
98
|
-
(0, _utils.enableDocumentScroll)();
|
|
99
|
-
}
|
|
100
|
-
this.setState({
|
|
101
|
-
isOpened: false
|
|
102
|
-
}, () => {
|
|
103
|
-
if (this.prevFocusElement) {
|
|
104
|
-
this.prevFocusElement.focus();
|
|
105
|
-
this.prevFocusElement = null;
|
|
106
|
-
}
|
|
107
|
-
});
|
|
108
|
-
}
|
|
109
|
-
focus() {
|
|
110
|
-
if (this.contentRef.current === null || document.activeElement === null || !this.props.isOpen) {
|
|
51
|
+
(0, _react.useEffect)(() => () => clearTimeout(animationTimeoutRef.current), []);
|
|
52
|
+
const [isOpen, setIsOpen] = (0, _react.useState)(false);
|
|
53
|
+
(0, _react.useEffect)(() => setIsOpen(externalIsOpen), [externalIsOpen]);
|
|
54
|
+
const focus = () => {
|
|
55
|
+
if (contentRef.current === null || document.activeElement === null) {
|
|
111
56
|
return;
|
|
112
57
|
}
|
|
113
|
-
const isFocusOutside = !
|
|
58
|
+
const isFocusOutside = !contentRef.current.contains(document.activeElement);
|
|
114
59
|
if (isFocusOutside) {
|
|
115
|
-
const autofocusElement =
|
|
116
|
-
if (autofocusElement) {
|
|
60
|
+
const autofocusElement = contentRef.current.querySelector('[autofocus]');
|
|
61
|
+
if (autofocusElement instanceof HTMLElement) {
|
|
117
62
|
autofocusElement.focus();
|
|
118
63
|
} else {
|
|
119
|
-
|
|
64
|
+
contentRef.current.focus();
|
|
120
65
|
}
|
|
121
66
|
}
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
}
|
|
130
|
-
|
|
131
|
-
in: this.state.isOpened,
|
|
132
|
-
classNames: `${baseClassName}-`,
|
|
133
|
-
timeout: 300,
|
|
134
|
-
onExited: () => {
|
|
135
|
-
this.setState({
|
|
136
|
-
isExist: false
|
|
137
|
-
});
|
|
138
|
-
},
|
|
139
|
-
nodeRef: this.contentRef,
|
|
140
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_FocusTrap.default, {
|
|
141
|
-
className: `${baseClassName}__content`,
|
|
142
|
-
onKeyUp: canCloseOnEscapePress ? this.handleContentKeyUp : null,
|
|
143
|
-
ref: this.contentRef,
|
|
144
|
-
role: "dialog",
|
|
145
|
-
"aria-modal": "true",
|
|
146
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
147
|
-
className: `${baseClassName}__body`,
|
|
148
|
-
children: children
|
|
149
|
-
}), this.renderImage({
|
|
150
|
-
baseClassName,
|
|
151
|
-
image: sideBanner
|
|
152
|
-
})]
|
|
153
|
-
})
|
|
154
|
-
});
|
|
155
|
-
}
|
|
156
|
-
renderBackdrop(_ref2) {
|
|
157
|
-
let {
|
|
158
|
-
baseClassName
|
|
159
|
-
} = _ref2;
|
|
160
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, {
|
|
161
|
-
in: this.state.isOpened,
|
|
162
|
-
classNames: `${baseClassName}-`,
|
|
163
|
-
timeout: 300,
|
|
164
|
-
nodeRef: this.backdropRef,
|
|
165
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Backdrop.default, {
|
|
166
|
-
onClick: () => this.handleBackdropClick(),
|
|
167
|
-
innerRef: this.backdropRef
|
|
168
|
-
})
|
|
169
|
-
});
|
|
170
|
-
}
|
|
171
|
-
renderImage(_ref3) {
|
|
172
|
-
let {
|
|
173
|
-
baseClassName,
|
|
174
|
-
image
|
|
175
|
-
} = _ref3;
|
|
176
|
-
const classPrefix = `${baseClassName}__side`;
|
|
177
|
-
if (!image) {
|
|
178
|
-
return null;
|
|
67
|
+
};
|
|
68
|
+
(0, _react.useLayoutEffect)(() => {
|
|
69
|
+
if (isOpen) focus();
|
|
70
|
+
}, [isOpen]);
|
|
71
|
+
const handleBackdropClick = () => {
|
|
72
|
+
if (canCloseOnBackdropClick) {
|
|
73
|
+
(0, _utils2.safeInvoke)(onClose);
|
|
74
|
+
} else if (isOpen) {
|
|
75
|
+
focus();
|
|
179
76
|
}
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
77
|
+
};
|
|
78
|
+
const handleContentKeyUp = e => {
|
|
79
|
+
if (!e.isDefaultPrevented() && e.key === 'Escape') {
|
|
80
|
+
(0, _utils2.safeInvoke)(onClose);
|
|
81
|
+
e.preventDefault();
|
|
185
82
|
}
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
83
|
+
};
|
|
84
|
+
const renderImage = sideBanner => {
|
|
85
|
+
const classPrefix = `${baseClassName}__side`;
|
|
86
|
+
let element = null;
|
|
87
|
+
if ( /*#__PURE__*/(0, _react.isValidElement)(sideBanner)) {
|
|
88
|
+
element = sideBanner;
|
|
89
|
+
} else if (typeof sideBanner === 'string') {
|
|
90
|
+
element = /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
|
|
91
|
+
className: `${classPrefix}-image`,
|
|
92
|
+
src: sideBanner,
|
|
93
|
+
alt: ""
|
|
94
|
+
});
|
|
95
|
+
} else {
|
|
96
|
+
element = /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
|
|
97
|
+
className: `${classPrefix}-image`,
|
|
98
|
+
...sideBanner
|
|
193
99
|
});
|
|
194
100
|
}
|
|
195
101
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
196
102
|
className: classPrefix,
|
|
197
|
-
children:
|
|
198
|
-
className: `${classPrefix}-image`,
|
|
199
|
-
...image
|
|
200
|
-
})
|
|
103
|
+
children: element
|
|
201
104
|
});
|
|
202
|
-
}
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
className,
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
105
|
+
};
|
|
106
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Layer.default, {
|
|
107
|
+
level: _constants.Z_INDEX_OVERLAY,
|
|
108
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
109
|
+
className: (0, _classnames.default)(baseClassName, `${baseClassName}--${placement}`, `${baseClassName}--${size}`, sideBanner && `${baseClassName}--side`, isOpen && `${baseClassName}--open`, className),
|
|
110
|
+
style: {
|
|
111
|
+
'--overlay-side-banner-background': sideBannerContainer?.background,
|
|
112
|
+
'--overlay-side-banner-align': sideBannerContainer?.align,
|
|
113
|
+
...style
|
|
114
|
+
},
|
|
115
|
+
...props,
|
|
116
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
117
|
+
className: `${baseClassName}__backdrop`,
|
|
118
|
+
onClick: handleBackdropClick
|
|
119
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_FocusTrap.default, {
|
|
120
|
+
className: `${baseClassName}__content`,
|
|
121
|
+
onKeyUp: canCloseOnEscapePress ? handleContentKeyUp : undefined,
|
|
122
|
+
ref: contentRef,
|
|
123
|
+
role: "dialog",
|
|
124
|
+
"aria-modal": "true",
|
|
125
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
126
|
+
className: `${baseClassName}__body`,
|
|
127
|
+
children: children
|
|
128
|
+
}), sideBanner && renderImage(sideBanner)]
|
|
129
|
+
})]
|
|
130
|
+
})
|
|
131
|
+
});
|
|
132
|
+
};
|
|
133
|
+
const Overlay = _ref2 => {
|
|
134
|
+
let {
|
|
135
|
+
isOpen = false,
|
|
136
|
+
...props
|
|
137
|
+
} = _ref2;
|
|
138
|
+
const isOpenRef = (0, _react.useRef)(false);
|
|
139
|
+
const [isExist, setIsExist] = (0, _react.useState)(false);
|
|
140
|
+
const prevFocusElementRef = (0, _react.useRef)(null);
|
|
141
|
+
const handleClose = (0, _react.useCallback)(() => {
|
|
142
|
+
if (!isOpenRef.current) return;
|
|
143
|
+
isOpenRef.current = false;
|
|
144
|
+
if (--overlaysCount === 0) (0, _utils.enableDocumentScroll)();
|
|
145
|
+
prevFocusElementRef.current?.focus();
|
|
146
|
+
}, []);
|
|
147
|
+
(0, _react.useEffect)(() => {
|
|
148
|
+
if (isOpen) {
|
|
149
|
+
isOpenRef.current = true;
|
|
150
|
+
(0, _utils.disableDocumentScroll)();
|
|
151
|
+
overlaysCount++;
|
|
152
|
+
if (document.activeElement instanceof HTMLElement) {
|
|
153
|
+
prevFocusElementRef.current = document.activeElement;
|
|
154
|
+
}
|
|
155
|
+
setIsExist(true);
|
|
156
|
+
} else {
|
|
157
|
+
handleClose();
|
|
224
158
|
}
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
children,
|
|
240
|
-
canCloseOnEscapePress,
|
|
241
|
-
sideBanner
|
|
242
|
-
})]
|
|
243
|
-
})
|
|
244
|
-
});
|
|
245
|
-
}
|
|
246
|
-
}
|
|
247
|
-
exports.default = Overlay;
|
|
248
|
-
(0, _defineProperty2.default)(Overlay, "propTypes", {
|
|
249
|
-
/**
|
|
250
|
-
* Toggles visibility.
|
|
251
|
-
*/
|
|
252
|
-
isOpen: _propTypes.default.bool,
|
|
253
|
-
/**
|
|
254
|
-
* Overlay placement.
|
|
255
|
-
*/
|
|
256
|
-
placement: _propTypes.default.oneOf(['center', 'left', 'right']),
|
|
257
|
-
/**
|
|
258
|
-
* Overlay size.
|
|
259
|
-
*/
|
|
260
|
-
size: _propTypes.default.oneOf(['xs', 'sm', 'md', 'lg']),
|
|
261
|
-
/**
|
|
262
|
-
* onClose handler.
|
|
263
|
-
*/
|
|
264
|
-
onClose: _propTypes.default.func,
|
|
265
|
-
/**
|
|
266
|
-
* Indicating if clicking the backdrop should close the overlay.
|
|
267
|
-
*/
|
|
268
|
-
canCloseOnBackdropClick: _propTypes.default.bool,
|
|
269
|
-
/**
|
|
270
|
-
* Indicating if pressing the escape key should close the overlay.
|
|
271
|
-
*/
|
|
272
|
-
canCloseOnEscapePress: _propTypes.default.bool,
|
|
273
|
-
/**
|
|
274
|
-
* Block with an image, placed at the side of the component
|
|
275
|
-
* @since 3.25.0
|
|
276
|
-
*/
|
|
277
|
-
sideBanner: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.element]),
|
|
278
|
-
/**
|
|
279
|
-
* Additional properties for the sideBanner
|
|
280
|
-
* @since 3.25.0
|
|
281
|
-
*/
|
|
282
|
-
sideBannerContainer: _propTypes.default.shape({
|
|
283
|
-
/**
|
|
284
|
-
* Values for css background property
|
|
285
|
-
*/
|
|
286
|
-
background: _propTypes.default.string,
|
|
287
|
-
/**
|
|
288
|
-
* One of: center, flex-start, flex-end
|
|
289
|
-
*/
|
|
290
|
-
align: _propTypes.default.oneOf(['center', 'flex-start', 'flex-end'])
|
|
291
|
-
}),
|
|
292
|
-
/**
|
|
293
|
-
* @ignore
|
|
294
|
-
*/
|
|
295
|
-
style: _propTypes.default.object,
|
|
296
|
-
/**
|
|
297
|
-
* Content of the `Overlay`.
|
|
298
|
-
*/
|
|
299
|
-
children: _propTypes.default.node,
|
|
300
|
-
/**
|
|
301
|
-
* @ignore
|
|
302
|
-
*/
|
|
303
|
-
className: _propTypes.default.string,
|
|
304
|
-
/**
|
|
305
|
-
* @ignore
|
|
306
|
-
*/
|
|
307
|
-
baseClassName: _propTypes.default.string
|
|
308
|
-
});
|
|
309
|
-
(0, _defineProperty2.default)(Overlay, "defaultProps", {
|
|
310
|
-
isOpen: false,
|
|
311
|
-
placement: 'center',
|
|
312
|
-
size: 'md',
|
|
313
|
-
onClose: null,
|
|
314
|
-
canCloseOnBackdropClick: true,
|
|
315
|
-
canCloseOnEscapePress: true,
|
|
316
|
-
sideBanner: undefined,
|
|
317
|
-
sideBannerContainer: undefined,
|
|
318
|
-
style: undefined,
|
|
319
|
-
children: null,
|
|
320
|
-
className: null,
|
|
321
|
-
baseClassName: `${_constants.CLS_PREFIX}overlay`
|
|
322
|
-
});
|
|
159
|
+
}, [isOpen, handleClose]);
|
|
160
|
+
(0, _react.useEffect)(() => () => handleClose(), [handleClose]);
|
|
161
|
+
if (!isExist) return null;
|
|
162
|
+
const handleExited = () => {
|
|
163
|
+
setIsExist(false);
|
|
164
|
+
};
|
|
165
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(OverlayCore, {
|
|
166
|
+
isOpen: isOpen,
|
|
167
|
+
onAnimationExited: handleExited,
|
|
168
|
+
...props
|
|
169
|
+
});
|
|
170
|
+
};
|
|
171
|
+
var _default = Overlay;
|
|
172
|
+
exports.default = _default;
|
|
@@ -11,7 +11,7 @@ var _Translate = require("../Translate");
|
|
|
11
11
|
var _constants = require("../../constants");
|
|
12
12
|
var _Heading = _interopRequireDefault(require("../Heading"));
|
|
13
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
-
// Copyright 1999-
|
|
14
|
+
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
15
15
|
|
|
16
16
|
/**
|
|
17
17
|
* `PageHeader` component is used for identification of the current page.
|
|
@@ -16,7 +16,7 @@ var _SegmentedControl = _interopRequireDefault(require("../SegmentedControl"));
|
|
|
16
16
|
var _ContentLoader = _interopRequireDefault(require("../ContentLoader"));
|
|
17
17
|
var _utils = require("../utils");
|
|
18
18
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
19
|
-
// Copyright 1999-
|
|
19
|
+
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
20
20
|
|
|
21
21
|
const ITEMS_PER_PAGE_OPTIONS = [25, 100, 'all'];
|
|
22
22
|
exports.ITEMS_PER_PAGE_OPTIONS = ITEMS_PER_PAGE_OPTIONS;
|
|
@@ -15,7 +15,7 @@ var _Heading = _interopRequireDefault(require("../Heading"));
|
|
|
15
15
|
var _Button = _interopRequireDefault(require("../Button"));
|
|
16
16
|
var _utils = require("../utils");
|
|
17
17
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
18
|
-
// Copyright 1999-
|
|
18
|
+
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
19
19
|
|
|
20
20
|
/**
|
|
21
21
|
* `Panel` component is used for visually grouping some content.
|
|
@@ -8,7 +8,7 @@ exports.default = void 0;
|
|
|
8
8
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
9
9
|
var _constants = require("../../constants");
|
|
10
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
-
// Copyright 1999-
|
|
11
|
+
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
12
12
|
|
|
13
13
|
/**
|
|
14
14
|
* `Paragraph` is a block containing a single paragraph of [Text](#!/Text).
|
|
@@ -10,7 +10,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
10
10
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
11
|
var _constants = require("../../constants");
|
|
12
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
-
// Copyright 1999-
|
|
13
|
+
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
14
14
|
|
|
15
15
|
/**
|
|
16
16
|
* `Plaintext` component is used to show regular text, without any formatting options and ignoring html tags.
|
|
@@ -23,7 +23,7 @@ var _FocusTrap = _interopRequireDefault(require("../FocusTrap"));
|
|
|
23
23
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
24
24
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
25
25
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
26
|
-
// Copyright 1999-
|
|
26
|
+
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
27
27
|
|
|
28
28
|
const PLACEMENT_MAP = {
|
|
29
29
|
'top-left': 'top-end',
|
|
@@ -267,7 +267,9 @@ class Popover extends _react.Component {
|
|
|
267
267
|
className: `${baseClassName}__content`,
|
|
268
268
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
269
269
|
className: `${baseClassName}__content-inner`,
|
|
270
|
-
children: children
|
|
270
|
+
children: typeof children === 'function' ? children({
|
|
271
|
+
onClose: this.handleClose
|
|
272
|
+
}) : children
|
|
271
273
|
})
|
|
272
274
|
})]
|
|
273
275
|
});
|
|
@@ -10,7 +10,7 @@ var _Button = _interopRequireDefault(require("../Button"));
|
|
|
10
10
|
var _Paragraph = _interopRequireDefault(require("../Paragraph"));
|
|
11
11
|
var _Popover = _interopRequireDefault(require("./Popover"));
|
|
12
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
-
// Copyright 1999-
|
|
13
|
+
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
14
14
|
|
|
15
15
|
const Basic = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Popover.default, {
|
|
16
16
|
...args
|
|
@@ -16,7 +16,7 @@ var _Layer = _interopRequireDefault(require("../Layer"));
|
|
|
16
16
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
17
17
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
18
18
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
19
|
-
// Copyright 1999-
|
|
19
|
+
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
20
20
|
|
|
21
21
|
/**
|
|
22
22
|
* `Popper` component.
|
|
@@ -15,7 +15,7 @@ var _ProgressStep = require("../ProgressStep");
|
|
|
15
15
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
16
16
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
17
17
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
18
|
-
// Copyright 1999-
|
|
18
|
+
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
19
19
|
|
|
20
20
|
/**
|
|
21
21
|
* `Progress` is used for showing progress of performing long operations.
|
|
@@ -11,7 +11,7 @@ var _constants = require("../../constants");
|
|
|
11
11
|
var _ProgressIndicator = _interopRequireDefault(require("./ProgressIndicator"));
|
|
12
12
|
var _OnDarkContext = _interopRequireDefault(require("../OnDarkContext"));
|
|
13
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
-
// Copyright 1999-
|
|
14
|
+
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
15
15
|
|
|
16
16
|
const ProgressBar = _ref => {
|
|
17
17
|
let {
|
|
@@ -8,7 +8,7 @@ exports.default = void 0;
|
|
|
8
8
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
9
9
|
var _constants = require("../../constants");
|
|
10
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
-
// Copyright 1999-
|
|
11
|
+
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
12
12
|
|
|
13
13
|
const ProgressIndicator = _ref => {
|
|
14
14
|
let {
|
|
@@ -18,7 +18,7 @@ var _Progress = _interopRequireDefault(require("../Progress"));
|
|
|
18
18
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
19
19
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
20
20
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
|
-
// Copyright 1999-
|
|
21
|
+
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
22
22
|
|
|
23
23
|
/**
|
|
24
24
|
* `ProgressDialog` is a [Dialog](#!/Dialog) combined with of [Progress](#!/Progress) component.
|
|
@@ -8,7 +8,7 @@ exports.default = void 0;
|
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _ProgressStep = _interopRequireDefault(require("../ProgressStep"));
|
|
10
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
-
// Copyright 1999-
|
|
11
|
+
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
12
12
|
|
|
13
13
|
/**
|
|
14
14
|
* @deprecated Component `ProgressDialogStep` is deprecated, use `ProgressStep` instead.
|
|
@@ -16,7 +16,7 @@ var _OnDarkContext = _interopRequireDefault(require("../OnDarkContext"));
|
|
|
16
16
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
17
17
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
18
18
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
19
|
-
// Copyright 1999-
|
|
19
|
+
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
20
20
|
|
|
21
21
|
const STATUS_NOT_STARTED = 'not_started';
|
|
22
22
|
exports.STATUS_NOT_STARTED = STATUS_NOT_STARTED;
|
|
@@ -8,7 +8,7 @@ exports.default = void 0;
|
|
|
8
8
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
9
9
|
var _constants = require("../../constants");
|
|
10
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
-
// Copyright 1999-
|
|
11
|
+
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
12
12
|
|
|
13
13
|
let radioId = 0;
|
|
14
14
|
|
|
@@ -10,7 +10,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
10
10
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
11
|
var _constants = require("../../constants");
|
|
12
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
-
// Copyright 1999-
|
|
13
|
+
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
14
14
|
|
|
15
15
|
const width = value => {
|
|
16
16
|
let result = Math.ceil(value * 20 / 5) * 5;
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _react = require("react");
|
|
8
|
-
// Copyright 1999-
|
|
8
|
+
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
9
9
|
|
|
10
10
|
const ResponsiveContext = /*#__PURE__*/(0, _react.createContext)(undefined);
|
|
11
11
|
ResponsiveContext.displayName = 'ResponsiveContext';
|