@plesk/ui-library 3.36.1 → 3.37.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/README.md +50 -50
- package/cjs/components/Action/Action.js +3 -3
- package/cjs/components/Alert/Alert.js +5 -5
- package/cjs/components/AutoClosable/AutoClosable.js +3 -3
- package/cjs/components/AuxiliaryActions/AuxiliaryActions.js +3 -3
- package/cjs/components/Badge/Badge.js +3 -3
- package/cjs/components/Breadcrumbs/Breadcrumbs.js +4 -4
- package/cjs/components/Button/Button.js +4 -4
- package/cjs/components/ButtonGroup/ButtonGroup.js +3 -3
- package/cjs/components/Card/Card.js +52 -52
- package/cjs/components/Card/CardButton.js +2 -2
- package/cjs/components/Card/PreviewPanel.js +3 -3
- package/cjs/components/Card/images/no-image.svg +6 -6
- package/cjs/components/CardList/CardList.js +55 -55
- package/cjs/components/Carousel/Carousel.js +186 -81
- package/cjs/components/Checkbox/Checkbox.js +3 -3
- package/cjs/components/CodeEditor/CodeEditor.js +3 -3
- package/cjs/components/Columns/Column.js +3 -3
- package/cjs/components/Columns/Columns.js +3 -3
- package/cjs/components/ComboBox/ComboBox.js +4 -4
- package/cjs/components/ComboBox/ComboBoxOption.js +5 -4
- package/cjs/components/ConsoleOutput/ConsoleOutput.js +3 -3
- package/cjs/components/ContentLoader/ContentLoader.js +3 -3
- package/cjs/components/Cuttable/Cuttable.js +3 -3
- package/cjs/components/Dialog/Dialog.js +3 -3
- package/cjs/components/Drawer/Drawer.js +4 -4
- package/cjs/components/Dropdown/Dropdown.js +5 -5
- package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessage.js +4 -4
- package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageActions.js +3 -3
- package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageDescription.js +3 -3
- package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageSeparator.js +3 -3
- package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageTitle.js +3 -3
- package/cjs/components/Figure/Figure.js +3 -3
- package/cjs/components/Form/Form.js +4 -4
- package/cjs/components/Form/utils.js +22 -22
- package/cjs/components/FormField/FormField.js +24 -24
- package/cjs/components/FormFieldCheckbox/FormFieldCheckbox.js +4 -4
- package/cjs/components/FormFieldPassword/FormFieldPassword.js +3 -3
- package/cjs/components/FormFieldRadioButtons/FormFieldRadioButtons.js +3 -3
- package/cjs/components/FormFieldSelect/FormFieldSelect.js +4 -4
- package/cjs/components/FormFieldText/FormFieldText.js +5 -5
- package/cjs/components/Grid/Grid.js +3 -3
- package/cjs/components/GridCol/GridCol.js +3 -3
- package/cjs/components/Heading/Heading.js +3 -3
- package/cjs/components/Hint/Hint.js +3 -3
- package/cjs/components/Icon/Icon.js +6 -6
- package/cjs/components/Icon/images/symbols.svg +1846 -1846
- package/cjs/components/InPlaceEdit/InPlaceEdit.js +5 -5
- package/cjs/components/Input/Input.js +3 -3
- package/cjs/components/InputFile/InputFile.js +3 -3
- package/cjs/components/InputNumber/InputNumber.js +3 -3
- package/cjs/components/Item/Item.js +4 -4
- package/cjs/components/ItemLink/ItemLink.js +4 -4
- package/cjs/components/ItemList/ItemList.js +6 -6
- package/cjs/components/Label/Label.js +3 -3
- package/cjs/components/Layer/Layer.js +2 -2
- package/cjs/components/Layout/Layout.js +2 -2
- package/cjs/components/Link/Link.js +3 -3
- package/cjs/components/List/List.js +4 -7
- package/cjs/components/List/ListAction.js +4 -4
- package/cjs/components/List/ListActions.js +3 -3
- package/cjs/components/List/ListActionsDivider.js +4 -4
- package/cjs/components/List/ListEmptyView.js +4 -4
- package/cjs/components/List/ListOperation.js +4 -4
- package/cjs/components/LocaleProvider/LocaleProvider.js +3 -3
- package/cjs/components/Markdown/Markdown.js +3 -3
- package/cjs/components/Media/Media.js +5 -5
- package/cjs/components/Media/MediaSection.js +3 -3
- package/cjs/components/Menu/Menu.js +9 -9
- package/cjs/components/Menu/MenuBaseItem.js +3 -3
- package/cjs/components/Menu/MenuDivider.js +3 -3
- package/cjs/components/Menu/MenuHeader.js +3 -3
- package/cjs/components/Menu/MenuItem.js +3 -3
- package/cjs/components/Menu/MenuSelectableItem.js +3 -3
- package/cjs/components/Overlay/Overlay.js +2 -2
- package/cjs/components/PageHeader/PageHeader.js +3 -3
- package/cjs/components/Pagination/Pagination.js +3 -3
- package/cjs/components/Panel/Panel.js +64 -101
- package/cjs/components/Paragraph/Paragraph.js +3 -3
- package/cjs/components/Plaintext/Plaintext.js +3 -3
- package/cjs/components/Popover/Popover.js +4 -4
- package/cjs/components/Popper/Popper.js +2 -2
- package/cjs/components/Progress/Progress.js +3 -3
- package/cjs/components/ProgressDialog/ProgressDialog.js +3 -3
- package/cjs/components/ProgressDialogStep/ProgressDialogStep.js +3 -3
- package/cjs/components/ProgressStep/ProgressStep.js +3 -3
- package/cjs/components/Radio/Radio.js +3 -3
- package/cjs/components/Rating/Rating.js +3 -3
- package/cjs/components/Rating/images/rating.svg +6 -6
- package/cjs/components/Section/Section.js +4 -4
- package/cjs/components/Section/SectionItem.js +3 -3
- package/cjs/components/SegmentedControl/SegmentedControl.js +4 -4
- package/cjs/components/Select/MultiValue.js +1 -1
- package/cjs/components/Select/Select.js +3 -3
- package/cjs/components/Select/SelectControl.js +1 -1
- package/cjs/components/Select/SelectOption.js +5 -4
- package/cjs/components/Select/SelectOptionGroup.js +3 -3
- package/cjs/components/Skeleton/Skeleton.js +4 -4
- package/cjs/components/Skeleton/SkeletonTabs.js +3 -3
- package/cjs/components/Skeleton/SkeletonText.js +3 -3
- package/cjs/components/Spinner/Spinner.js +2 -2
- package/cjs/components/SplitButton/SplitButton.js +5 -5
- package/cjs/components/Spot/Spot.js +3 -3
- package/cjs/components/Status/Status.js +3 -3
- package/cjs/components/StatusMessage/StatusMessage.js +4 -4
- package/cjs/components/Subnav/Subnav.js +5 -5
- package/cjs/components/Switch/Switch.js +4 -4
- package/cjs/components/SwitchesPanel/SwitchesPanel.js +3 -3
- package/cjs/components/SwitchesPanelItem/SwitchesPanelItem.js +4 -4
- package/cjs/components/Tabs/SearchBar.js +3 -3
- package/cjs/components/Tabs/Tab.js +7 -7
- package/cjs/components/Tabs/Tabs.js +6 -6
- package/cjs/components/Text/Text.js +3 -3
- package/cjs/components/TextArea/TextArea.js +3 -3
- package/cjs/components/Toaster/Toaster.js +37 -37
- package/cjs/components/Toolbar/Toolbar.js +6 -6
- package/cjs/components/Toolbar/ToolbarExpander.js +5 -5
- package/cjs/components/Toolbar/ToolbarGroup.js +4 -4
- package/cjs/components/Toolbar/ToolbarMenu.js +0 -1
- package/cjs/components/Tooltip/Tooltip.js +4 -4
- package/cjs/components/Tour/Tour.js +5 -5
- package/cjs/components/Translate/Translate.js +3 -3
- package/cjs/index.js +1 -1
- package/dist/images/no-image.svg +6 -6
- package/dist/images/rating.svg +6 -6
- package/dist/images/symbols.svg +1846 -1846
- 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 +11997 -11914
- package/dist/plesk-ui-library.js.map +1 -1
- package/dist/plesk-ui-library.min.js +18 -18
- package/dist/plesk-ui-library.min.js.map +1 -1
- package/esm/components/Action/Action.js +3 -3
- package/esm/components/Alert/Alert.js +5 -5
- package/esm/components/AutoClosable/AutoClosable.js +3 -3
- package/esm/components/AuxiliaryActions/AuxiliaryActions.js +3 -3
- package/esm/components/Badge/Badge.js +3 -3
- package/esm/components/Breadcrumbs/Breadcrumbs.js +4 -4
- package/esm/components/Button/Button.js +4 -4
- package/esm/components/ButtonGroup/ButtonGroup.js +3 -3
- package/esm/components/Card/Card.js +52 -52
- package/esm/components/Card/CardButton.js +2 -2
- package/esm/components/Card/PreviewPanel.js +3 -3
- package/esm/components/Card/images/no-image.svg +6 -6
- package/esm/components/CardList/CardList.js +55 -55
- package/esm/components/Carousel/Carousel.js +187 -82
- package/esm/components/Checkbox/Checkbox.js +3 -3
- package/esm/components/CodeEditor/CodeEditor.js +3 -3
- package/esm/components/Columns/Column.js +3 -3
- package/esm/components/Columns/Columns.js +3 -3
- package/esm/components/ComboBox/ComboBox.js +4 -4
- package/esm/components/ComboBox/ComboBoxOption.js +5 -4
- package/esm/components/ConsoleOutput/ConsoleOutput.js +3 -3
- package/esm/components/ContentLoader/ContentLoader.js +3 -3
- package/esm/components/Cuttable/Cuttable.js +3 -3
- package/esm/components/Dialog/Dialog.js +3 -3
- package/esm/components/Drawer/Drawer.js +4 -4
- package/esm/components/Dropdown/Dropdown.js +5 -5
- package/esm/components/ExtendedStatusMessage/ExtendedStatusMessage.js +4 -4
- package/esm/components/ExtendedStatusMessage/ExtendedStatusMessageActions.js +3 -3
- package/esm/components/ExtendedStatusMessage/ExtendedStatusMessageDescription.js +3 -3
- package/esm/components/ExtendedStatusMessage/ExtendedStatusMessageSeparator.js +3 -3
- package/esm/components/ExtendedStatusMessage/ExtendedStatusMessageTitle.js +3 -3
- package/esm/components/Figure/Figure.js +3 -3
- package/esm/components/Form/Form.js +4 -4
- package/esm/components/Form/utils.js +22 -22
- package/esm/components/FormField/FormField.js +24 -24
- package/esm/components/FormFieldCheckbox/FormFieldCheckbox.js +4 -4
- package/esm/components/FormFieldPassword/FormFieldPassword.js +3 -3
- package/esm/components/FormFieldRadioButtons/FormFieldRadioButtons.js +3 -3
- package/esm/components/FormFieldSelect/FormFieldSelect.js +4 -4
- package/esm/components/FormFieldText/FormFieldText.js +5 -5
- package/esm/components/Grid/Grid.js +3 -3
- package/esm/components/GridCol/GridCol.js +3 -3
- package/esm/components/Heading/Heading.js +3 -3
- package/esm/components/Hint/Hint.js +3 -3
- package/esm/components/Icon/Icon.js +6 -6
- package/esm/components/Icon/images/symbols.svg +1846 -1846
- package/esm/components/InPlaceEdit/InPlaceEdit.js +5 -5
- package/esm/components/Input/Input.js +3 -3
- package/esm/components/InputFile/InputFile.js +3 -3
- package/esm/components/InputNumber/InputNumber.js +3 -3
- package/esm/components/Item/Item.js +4 -4
- package/esm/components/ItemLink/ItemLink.js +4 -4
- package/esm/components/ItemList/ItemList.js +6 -6
- package/esm/components/Label/Label.js +3 -3
- package/esm/components/Layer/Layer.js +2 -2
- package/esm/components/Layout/Layout.js +2 -2
- package/esm/components/Link/Link.js +3 -3
- package/esm/components/List/List.js +4 -7
- package/esm/components/List/ListAction.js +4 -4
- package/esm/components/List/ListActions.js +3 -3
- package/esm/components/List/ListActionsDivider.js +4 -4
- package/esm/components/List/ListEmptyView.js +4 -4
- package/esm/components/List/ListOperation.js +4 -4
- package/esm/components/LocaleProvider/LocaleProvider.js +3 -3
- package/esm/components/Markdown/Markdown.js +3 -3
- package/esm/components/Media/Media.js +5 -5
- package/esm/components/Media/MediaSection.js +3 -3
- package/esm/components/Menu/Menu.js +9 -9
- package/esm/components/Menu/MenuBaseItem.js +3 -3
- package/esm/components/Menu/MenuDivider.js +3 -3
- package/esm/components/Menu/MenuHeader.js +3 -3
- package/esm/components/Menu/MenuItem.js +3 -3
- package/esm/components/Menu/MenuSelectableItem.js +3 -3
- package/esm/components/Overlay/Overlay.js +2 -2
- package/esm/components/PageHeader/PageHeader.js +3 -3
- package/esm/components/Pagination/Pagination.js +3 -3
- package/esm/components/Panel/Panel.js +65 -102
- package/esm/components/Paragraph/Paragraph.js +3 -3
- package/esm/components/Plaintext/Plaintext.js +3 -3
- package/esm/components/Popover/Popover.js +4 -4
- package/esm/components/Popper/Popper.js +2 -2
- package/esm/components/Progress/Progress.js +3 -3
- package/esm/components/ProgressDialog/ProgressDialog.js +3 -3
- package/esm/components/ProgressDialogStep/ProgressDialogStep.js +3 -3
- package/esm/components/ProgressStep/ProgressStep.js +3 -3
- package/esm/components/Radio/Radio.js +3 -3
- package/esm/components/Rating/Rating.js +3 -3
- package/esm/components/Rating/images/rating.svg +6 -6
- package/esm/components/Section/Section.js +4 -4
- package/esm/components/Section/SectionItem.js +3 -3
- package/esm/components/SegmentedControl/SegmentedControl.js +4 -4
- package/esm/components/Select/MultiValue.js +1 -1
- package/esm/components/Select/Select.js +3 -3
- package/esm/components/Select/SelectControl.js +1 -1
- package/esm/components/Select/SelectOption.js +5 -4
- package/esm/components/Select/SelectOptionGroup.js +3 -3
- package/esm/components/Skeleton/Skeleton.js +4 -4
- package/esm/components/Skeleton/SkeletonTabs.js +3 -3
- package/esm/components/Skeleton/SkeletonText.js +3 -3
- package/esm/components/Spinner/Spinner.js +2 -2
- package/esm/components/SplitButton/SplitButton.js +5 -5
- package/esm/components/Spot/Spot.js +3 -3
- package/esm/components/Status/Status.js +3 -3
- package/esm/components/StatusMessage/StatusMessage.js +4 -4
- package/esm/components/Subnav/Subnav.js +5 -5
- package/esm/components/Switch/Switch.js +4 -4
- package/esm/components/SwitchesPanel/SwitchesPanel.js +3 -3
- package/esm/components/SwitchesPanelItem/SwitchesPanelItem.js +4 -4
- package/esm/components/Tabs/SearchBar.js +3 -3
- package/esm/components/Tabs/Tab.js +7 -7
- package/esm/components/Tabs/Tabs.js +6 -6
- package/esm/components/Text/Text.js +3 -3
- package/esm/components/TextArea/TextArea.js +3 -3
- package/esm/components/Toaster/Toaster.js +37 -37
- package/esm/components/Toolbar/Toolbar.js +6 -6
- package/esm/components/Toolbar/ToolbarExpander.js +5 -5
- package/esm/components/Toolbar/ToolbarGroup.js +4 -4
- package/esm/components/Toolbar/ToolbarMenu.js +0 -1
- package/esm/components/Tooltip/Tooltip.js +4 -4
- package/esm/components/Tour/Tour.js +5 -5
- package/esm/components/Translate/Translate.js +3 -3
- package/esm/index.js +1 -1
- package/index.js +5 -5
- package/package.json +150 -150
- package/scripts/postinstall.js +9 -9
- package/styleguide/browserconfig.xml +9 -9
- package/styleguide/build/bundle.c3d05006.js +2 -0
- package/styleguide/images/no-image.svg +6 -6
- package/styleguide/images/rating.svg +6 -6
- package/styleguide/images/symbols.svg +1846 -1846
- package/styleguide/index.html +2 -2
- package/styleguide/placeholders/placeholder_400x200.svg +5 -5
- package/styleguide/placeholders/placeholder_400x400.svg +5 -5
- package/styleguide/placeholders/placeholder_600x400.svg +5 -5
- package/styleguide/safari-pinned-tab.svg +28 -28
- package/styleguide/site.webmanifest +19 -19
- package/types/src/components/Carousel/Carousel.d.ts +43 -8
- package/types/src/components/List/List.d.ts +0 -1
- package/types/src/components/Panel/Panel.d.ts +4 -21
- package/types/src/components/Panel/index.d.ts +1 -0
- package/types/src/components/Radio/Radio.d.ts +4 -6
- package/types/src/components/Section/Section.d.ts +1 -1
- package/types/src/components/index.d.ts +1 -0
- package/styleguide/build/bundle.ed34a3c0.js +0 -2
- /package/styleguide/build/{bundle.ed34a3c0.js.LICENSE.txt → bundle.c3d05006.js.LICENSE.txt} +0 -0
|
@@ -17,11 +17,11 @@ var _enUS = _interopRequireDefault(require("./locale/en-US"));
|
|
|
17
17
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
18
18
|
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
19
19
|
|
|
20
|
-
/**
|
|
21
|
-
* This component allows users to edit a short text "in place" — in other words, straight in the interface, without
|
|
22
|
-
* opening additional dialog windows. If a text is large enough that it doesn't fit on a single line, you should
|
|
23
|
-
* give users a different way of editing the text.
|
|
24
|
-
* @since 1.8.3
|
|
20
|
+
/**
|
|
21
|
+
* This component allows users to edit a short text "in place" — in other words, straight in the interface, without
|
|
22
|
+
* opening additional dialog windows. If a text is large enough that it doesn't fit on a single line, you should
|
|
23
|
+
* give users a different way of editing the text.
|
|
24
|
+
* @since 1.8.3
|
|
25
25
|
*/
|
|
26
26
|
class InPlaceEdit extends _react.Component {
|
|
27
27
|
constructor() {
|
|
@@ -10,9 +10,9 @@ var _constants = require("../../constants");
|
|
|
10
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
11
|
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
12
12
|
|
|
13
|
-
/**
|
|
14
|
-
* `Input` component is used for entering short text (like user name or email address).
|
|
15
|
-
* @since 0.0.57
|
|
13
|
+
/**
|
|
14
|
+
* `Input` component is used for entering short text (like user name or email address).
|
|
15
|
+
* @since 0.0.57
|
|
16
16
|
*/
|
|
17
17
|
const Input = _ref => {
|
|
18
18
|
let {
|
|
@@ -18,9 +18,9 @@ var _jsxRuntime = require("react/jsx-runtime");
|
|
|
18
18
|
|
|
19
19
|
const generateId = () => Math.random().toString(36).slice(2);
|
|
20
20
|
|
|
21
|
-
/**
|
|
22
|
-
* `InputFile` component is used for browsing and choosing a file from the local disk.
|
|
23
|
-
* @since 3.2.0
|
|
21
|
+
/**
|
|
22
|
+
* `InputFile` component is used for browsing and choosing a file from the local disk.
|
|
23
|
+
* @since 3.2.0
|
|
24
24
|
*/
|
|
25
25
|
const InputFile = _ref => {
|
|
26
26
|
let {
|
|
@@ -45,9 +45,9 @@ const toNumber = value => {
|
|
|
45
45
|
const isMinDisabled = (value, min) => min !== undefined && value !== '' && +value <= min;
|
|
46
46
|
const isMaxDisabled = (value, max) => max !== undefined && value !== '' && +value >= max;
|
|
47
47
|
|
|
48
|
-
/**
|
|
49
|
-
* `InputNumber` component is used for entering integer numbers.
|
|
50
|
-
* @since 2.2.0
|
|
48
|
+
/**
|
|
49
|
+
* `InputNumber` component is used for entering integer numbers.
|
|
50
|
+
* @since 2.2.0
|
|
51
51
|
*/
|
|
52
52
|
const InputNumber = _ref => {
|
|
53
53
|
let {
|
|
@@ -18,10 +18,10 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
|
|
|
18
18
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
19
19
|
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
20
20
|
|
|
21
|
-
/**
|
|
22
|
-
* `Item` component is element of [ItemList](#!/ItemList) and it is presented as
|
|
23
|
-
* a combination of icon, text title and content (similar to [Media](#!/Media)).
|
|
24
|
-
* @since 0.0.48
|
|
21
|
+
/**
|
|
22
|
+
* `Item` component is element of [ItemList](#!/ItemList) and it is presented as
|
|
23
|
+
* a combination of icon, text title and content (similar to [Media](#!/Media)).
|
|
24
|
+
* @since 0.0.48
|
|
25
25
|
*/
|
|
26
26
|
const Item = _ref => {
|
|
27
27
|
let {
|
|
@@ -11,10 +11,10 @@ var _constants = require("../../constants");
|
|
|
11
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
12
|
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
13
13
|
|
|
14
|
-
/**
|
|
15
|
-
* `ItemLink` component is a part of [ItemList](#!/ItemList) and
|
|
16
|
-
* is used for specifying a special action on the list (for example, adding new item).
|
|
17
|
-
* @since 2.3.0
|
|
14
|
+
/**
|
|
15
|
+
* `ItemLink` component is a part of [ItemList](#!/ItemList) and
|
|
16
|
+
* is used for specifying a special action on the list (for example, adding new item).
|
|
17
|
+
* @since 2.3.0
|
|
18
18
|
*/
|
|
19
19
|
const ItemLink = _ref => {
|
|
20
20
|
let {
|
|
@@ -30,10 +30,10 @@ const getNextSelectedValue = (value, prevValue, toggleable) => {
|
|
|
30
30
|
}
|
|
31
31
|
return value;
|
|
32
32
|
};
|
|
33
|
-
/**
|
|
34
|
-
* `ItemList` component is used for displaying list of [Items](#!/Item)
|
|
35
|
-
* according to [Grid](#!/Grid) principle.
|
|
36
|
-
* @since 0.0.48
|
|
33
|
+
/**
|
|
34
|
+
* `ItemList` component is used for displaying list of [Items](#!/Item)
|
|
35
|
+
* according to [Grid](#!/Grid) principle.
|
|
36
|
+
* @since 0.0.48
|
|
37
37
|
*/
|
|
38
38
|
class ItemList extends _react.Component {
|
|
39
39
|
constructor(_props) {
|
|
@@ -167,8 +167,8 @@ class ItemList extends _react.Component {
|
|
|
167
167
|
return result;
|
|
168
168
|
}
|
|
169
169
|
|
|
170
|
-
/**
|
|
171
|
-
* There are some states where we can't manage hoverable state
|
|
170
|
+
/**
|
|
171
|
+
* There are some states where we can't manage hoverable state
|
|
172
172
|
*/
|
|
173
173
|
canManageHoverableState() {
|
|
174
174
|
const {
|
|
@@ -13,9 +13,9 @@ var _jsxRuntime = require("react/jsx-runtime");
|
|
|
13
13
|
|
|
14
14
|
const DEFAULT_TAG = 'span';
|
|
15
15
|
|
|
16
|
-
/**
|
|
17
|
-
* `Label` component is used for showing multiple characteristics or attributes of an object.
|
|
18
|
-
* @since 0.0.42
|
|
16
|
+
/**
|
|
17
|
+
* `Label` component is used for showing multiple characteristics or attributes of an object.
|
|
18
|
+
* @since 0.0.42
|
|
19
19
|
*/
|
|
20
20
|
const Label = _ref => {
|
|
21
21
|
let {
|
|
@@ -14,8 +14,8 @@ var _jsxRuntime = require("react/jsx-runtime");
|
|
|
14
14
|
|
|
15
15
|
const LevelContext = /*#__PURE__*/(0, _react.createContext)(0);
|
|
16
16
|
const PortalContext = exports.PortalContext = /*#__PURE__*/(0, _react.createContext)(undefined);
|
|
17
|
-
/**
|
|
18
|
-
* `Layer` component.
|
|
17
|
+
/**
|
|
18
|
+
* `Layer` component.
|
|
19
19
|
*/
|
|
20
20
|
const Layer = _ref => {
|
|
21
21
|
let {
|
|
@@ -15,9 +15,9 @@ var _Icon = _interopRequireDefault(require("../Icon"));
|
|
|
15
15
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
16
16
|
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
17
17
|
|
|
18
|
-
/**
|
|
19
|
-
* `Link` is used for navigation purposes.
|
|
20
|
-
* @since 1.9.0
|
|
18
|
+
/**
|
|
19
|
+
* `Link` is used for navigation purposes.
|
|
20
|
+
* @since 1.9.0
|
|
21
21
|
*/
|
|
22
22
|
const Link = _ref => {
|
|
23
23
|
let {
|
|
@@ -138,10 +138,10 @@ const getHumanTotalRows = _ref2 => {
|
|
|
138
138
|
return null;
|
|
139
139
|
}
|
|
140
140
|
};
|
|
141
|
-
/**
|
|
142
|
-
* `List` component is used for displaying a collection of tabular data.
|
|
143
|
-
* [More details about designing of lists.](#!/Sets%20of%20Objects)
|
|
144
|
-
* @since 0.0.42
|
|
141
|
+
/**
|
|
142
|
+
* `List` component is used for displaying a collection of tabular data.
|
|
143
|
+
* [More details about designing of lists.](#!/Sets%20of%20Objects)
|
|
144
|
+
* @since 0.0.42
|
|
145
145
|
*/
|
|
146
146
|
class List extends _react.Component {
|
|
147
147
|
constructor() {
|
|
@@ -456,9 +456,6 @@ class List extends _react.Component {
|
|
|
456
456
|
sortColumn,
|
|
457
457
|
sortDirection
|
|
458
458
|
} = this.state;
|
|
459
|
-
if (!sortColumn || !sortDirection) {
|
|
460
|
-
return;
|
|
461
|
-
}
|
|
462
459
|
const nextSortDirection = sortColumn === columnKey && sortDirection === 'ASC' ? 'DESC' : 'ASC';
|
|
463
460
|
const nextSortColumn = columnKey;
|
|
464
461
|
if (sortInPlace) {
|
|
@@ -10,10 +10,10 @@ var _Menu = require("../Menu");
|
|
|
10
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
11
|
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
12
12
|
|
|
13
|
-
/**
|
|
14
|
-
* `ListAction` component is a part of [ListActions](#!/ListActions) component.
|
|
15
|
-
* It accepts the props of [Button](#!/Button) and [MenuItem](#!/MenuItem) components.
|
|
16
|
-
* @since 3.3.0
|
|
13
|
+
/**
|
|
14
|
+
* `ListAction` component is a part of [ListActions](#!/ListActions) component.
|
|
15
|
+
* It accepts the props of [Button](#!/Button) and [MenuItem](#!/MenuItem) components.
|
|
16
|
+
* @since 3.3.0
|
|
17
17
|
*/
|
|
18
18
|
const ListAction = _ref => {
|
|
19
19
|
let {
|
|
@@ -16,9 +16,9 @@ var _VerticalContext = _interopRequireDefault(require("../VerticalContext"));
|
|
|
16
16
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
17
17
|
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
18
18
|
|
|
19
|
-
/**
|
|
20
|
-
* `ListActions` component is used for performing operations on individual objects in [List](#!/List).
|
|
21
|
-
* @since 3.3.0
|
|
19
|
+
/**
|
|
20
|
+
* `ListActions` component is used for performing operations on individual objects in [List](#!/List).
|
|
21
|
+
* @since 3.3.0
|
|
22
22
|
*/
|
|
23
23
|
const ListActions = _ref => {
|
|
24
24
|
let {
|
|
@@ -8,10 +8,10 @@ var _Menu = require("../Menu");
|
|
|
8
8
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
9
|
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
10
10
|
|
|
11
|
-
/**
|
|
12
|
-
* `ListActionsDivider` component is a part of [ListActions](#!/ListActions) component.
|
|
13
|
-
* It accepts the props of [MenuDivider](#!/MenuDivider) component.
|
|
14
|
-
* @since 3.10.0
|
|
11
|
+
/**
|
|
12
|
+
* `ListActionsDivider` component is a part of [ListActions](#!/ListActions) component.
|
|
13
|
+
* It accepts the props of [MenuDivider](#!/MenuDivider) component.
|
|
14
|
+
* @since 3.10.0
|
|
15
15
|
*/
|
|
16
16
|
const ListActionsDivider = props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.MenuDivider, {
|
|
17
17
|
...props
|
|
@@ -69,10 +69,10 @@ const buttonConfig = (0, _ButtonContext.getButtonContextValue)({
|
|
|
69
69
|
}
|
|
70
70
|
});
|
|
71
71
|
|
|
72
|
-
/**
|
|
73
|
-
* `ListEmptyView` component is used for displaying "empty" state of [List](#!/List)
|
|
74
|
-
* when there are no any objects are added to the list.
|
|
75
|
-
* @since 2.5.0
|
|
72
|
+
/**
|
|
73
|
+
* `ListEmptyView` component is used for displaying "empty" state of [List](#!/List)
|
|
74
|
+
* when there are no any objects are added to the list.
|
|
75
|
+
* @since 2.5.0
|
|
76
76
|
*/
|
|
77
77
|
const ListEmptyView = _ref => {
|
|
78
78
|
let {
|
|
@@ -37,10 +37,10 @@ const getDefaultText = key => {
|
|
|
37
37
|
fallback: fallback
|
|
38
38
|
});
|
|
39
39
|
};
|
|
40
|
-
/**
|
|
41
|
-
* `ListOperation` component is used in [Toolbar](#!/Toolbar) for performing
|
|
42
|
-
* operations on multiple objects in [List](#!/List).
|
|
43
|
-
* @since 2.4.0
|
|
40
|
+
/**
|
|
41
|
+
* `ListOperation` component is used in [Toolbar](#!/Toolbar) for performing
|
|
42
|
+
* operations on multiple objects in [List](#!/List).
|
|
43
|
+
* @since 2.4.0
|
|
44
44
|
*/
|
|
45
45
|
const ListOperation = _ref => {
|
|
46
46
|
let {
|
|
@@ -79,9 +79,9 @@ const useTranslate = namespace => {
|
|
|
79
79
|
}, [context, namespace]);
|
|
80
80
|
};
|
|
81
81
|
exports.useTranslate = useTranslate;
|
|
82
|
-
/**
|
|
83
|
-
* LocaleProvider provides a uniform localization support for built-in text of components.
|
|
84
|
-
* @since 0.0.42
|
|
82
|
+
/**
|
|
83
|
+
* LocaleProvider provides a uniform localization support for built-in text of components.
|
|
84
|
+
* @since 0.0.42
|
|
85
85
|
*/
|
|
86
86
|
class LocaleProvider extends _react.PureComponent {
|
|
87
87
|
getChildContext() {
|
|
@@ -13,9 +13,9 @@ var _jsxRuntime = require("react/jsx-runtime");
|
|
|
13
13
|
|
|
14
14
|
/* eslint-disable react/no-danger */
|
|
15
15
|
|
|
16
|
-
/**
|
|
17
|
-
* `Markdown` component is used for creating content with rich text formatting.
|
|
18
|
-
* @since 0.0.42
|
|
16
|
+
/**
|
|
17
|
+
* `Markdown` component is used for creating content with rich text formatting.
|
|
18
|
+
* @since 0.0.42
|
|
19
19
|
*/
|
|
20
20
|
const Markdown = _ref => {
|
|
21
21
|
let {
|
|
@@ -15,11 +15,11 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
|
|
|
15
15
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
16
16
|
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
17
17
|
|
|
18
|
-
/**
|
|
19
|
-
* `Media` component is a combination of icon, text title and content.
|
|
20
|
-
* This layout was so widely spread in our products so we have decided to create a special component for it.
|
|
21
|
-
* Probably we should have named the component differently (not Media), but we didn't have better idea then ;)
|
|
22
|
-
* @since 0.0.45
|
|
18
|
+
/**
|
|
19
|
+
* `Media` component is a combination of icon, text title and content.
|
|
20
|
+
* This layout was so widely spread in our products so we have decided to create a special component for it.
|
|
21
|
+
* Probably we should have named the component differently (not Media), but we didn't have better idea then ;)
|
|
22
|
+
* @since 0.0.45
|
|
23
23
|
*/
|
|
24
24
|
const Media = _ref => {
|
|
25
25
|
let {
|
|
@@ -10,9 +10,9 @@ var _constants = require("../../constants");
|
|
|
10
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
11
|
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
12
12
|
|
|
13
|
-
/**
|
|
14
|
-
* `MediaSection` is a part of [Media](#!/Media) component.
|
|
15
|
-
* @since 0.0.68
|
|
13
|
+
/**
|
|
14
|
+
* `MediaSection` is a part of [Media](#!/Media) component.
|
|
15
|
+
* @since 0.0.68
|
|
16
16
|
*/
|
|
17
17
|
const MediaSection = _ref => {
|
|
18
18
|
let {
|
|
@@ -23,15 +23,15 @@ const hasIconItem = children => {
|
|
|
23
23
|
});
|
|
24
24
|
return result;
|
|
25
25
|
};
|
|
26
|
-
/**
|
|
27
|
-
* `Menu` component displays grouped controls for navigating the UI, performing actions on objects, or showing
|
|
28
|
-
* options for [Lists](#!/List) (for example, sorting and filtering settings). `Menu` is most typically used in a
|
|
29
|
-
* [Dropdown](#!/Dropdown).
|
|
30
|
-
*
|
|
31
|
-
* `Menu` consists of several [Menu Items](#!/MenuItem) (or [Selectable Menu
|
|
32
|
-
* Items](#!/MenuSelectableItem)) which can be grouped by [Menu Headers](#!/MenuHeader)
|
|
33
|
-
* or separated by [Menu Dividers](#!/MenuDivider).
|
|
34
|
-
* @since 0.0.55
|
|
26
|
+
/**
|
|
27
|
+
* `Menu` component displays grouped controls for navigating the UI, performing actions on objects, or showing
|
|
28
|
+
* options for [Lists](#!/List) (for example, sorting and filtering settings). `Menu` is most typically used in a
|
|
29
|
+
* [Dropdown](#!/Dropdown).
|
|
30
|
+
*
|
|
31
|
+
* `Menu` consists of several [Menu Items](#!/MenuItem) (or [Selectable Menu
|
|
32
|
+
* Items](#!/MenuSelectableItem)) which can be grouped by [Menu Headers](#!/MenuHeader)
|
|
33
|
+
* or separated by [Menu Dividers](#!/MenuDivider).
|
|
34
|
+
* @since 0.0.55
|
|
35
35
|
*/
|
|
36
36
|
const Menu = /*#__PURE__*/(0, _react.forwardRef)(function Menu(_ref, ref) {
|
|
37
37
|
let {
|
|
@@ -13,9 +13,9 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
|
|
|
13
13
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
14
14
|
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
15
15
|
|
|
16
|
-
/**
|
|
17
|
-
* `MenuBaseItem` component.
|
|
18
|
-
* @since 0.0.60
|
|
16
|
+
/**
|
|
17
|
+
* `MenuBaseItem` component.
|
|
18
|
+
* @since 0.0.60
|
|
19
19
|
*/
|
|
20
20
|
const MenuBaseItem = _ref => {
|
|
21
21
|
let {
|
|
@@ -10,9 +10,9 @@ var _constants = require("../../constants");
|
|
|
10
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
11
|
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
12
12
|
|
|
13
|
-
/**
|
|
14
|
-
* `MenuDivider` is a part of [Menu](#!/Menu) component.
|
|
15
|
-
* @since 0.0.57
|
|
13
|
+
/**
|
|
14
|
+
* `MenuDivider` is a part of [Menu](#!/Menu) component.
|
|
15
|
+
* @since 0.0.57
|
|
16
16
|
*/
|
|
17
17
|
const MenuDivider = _ref => {
|
|
18
18
|
let {
|
|
@@ -11,9 +11,9 @@ var _MenuBaseItem = _interopRequireDefault(require("./MenuBaseItem"));
|
|
|
11
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
12
|
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
13
13
|
|
|
14
|
-
/**
|
|
15
|
-
* `MenuHeader` is a part of [Menu](#!/Menu) component.
|
|
16
|
-
* @since 0.0.57
|
|
14
|
+
/**
|
|
15
|
+
* `MenuHeader` is a part of [Menu](#!/Menu) component.
|
|
16
|
+
* @since 0.0.57
|
|
17
17
|
*/
|
|
18
18
|
const MenuHeader = _ref => {
|
|
19
19
|
let {
|
|
@@ -14,9 +14,9 @@ var _MenuBaseItem = _interopRequireDefault(require("./MenuBaseItem"));
|
|
|
14
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
15
|
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
16
16
|
|
|
17
|
-
/**
|
|
18
|
-
* `MenuItem` is a part of [Menu](#!/Menu) component.
|
|
19
|
-
* @since 0.0.55
|
|
17
|
+
/**
|
|
18
|
+
* `MenuItem` is a part of [Menu](#!/Menu) component.
|
|
19
|
+
* @since 0.0.55
|
|
20
20
|
*/
|
|
21
21
|
const MenuItem = _ref => {
|
|
22
22
|
let {
|
|
@@ -11,9 +11,9 @@ var _MenuItem = _interopRequireDefault(require("./MenuItem"));
|
|
|
11
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
12
|
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
13
13
|
|
|
14
|
-
/**
|
|
15
|
-
* `MenuSelectableItem` is a part of [Menu](#!/Menu) component.
|
|
16
|
-
* @since 0.0.57
|
|
14
|
+
/**
|
|
15
|
+
* `MenuSelectableItem` is a part of [Menu](#!/Menu) component.
|
|
16
|
+
* @since 0.0.57
|
|
17
17
|
*/
|
|
18
18
|
const MenuSelectableItem = _ref => {
|
|
19
19
|
let {
|
|
@@ -16,8 +16,8 @@ var _FocusTrap = _interopRequireDefault(require("../FocusTrap"));
|
|
|
16
16
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
17
17
|
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
18
18
|
|
|
19
|
-
/**
|
|
20
|
-
* `Overlay` component.
|
|
19
|
+
/**
|
|
20
|
+
* `Overlay` component.
|
|
21
21
|
*/
|
|
22
22
|
|
|
23
23
|
let overlaysCount = 0;
|
|
@@ -13,9 +13,9 @@ var _Heading = _interopRequireDefault(require("../Heading"));
|
|
|
13
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
14
|
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
15
15
|
|
|
16
|
-
/**
|
|
17
|
-
* `PageHeader` component is used for identification of the current page.
|
|
18
|
-
* @since 0.0.35
|
|
16
|
+
/**
|
|
17
|
+
* `PageHeader` component is used for identification of the current page.
|
|
18
|
+
* @since 0.0.35
|
|
19
19
|
*/
|
|
20
20
|
const PageHeader = _ref => {
|
|
21
21
|
let {
|
|
@@ -21,9 +21,9 @@ var _jsxRuntime = require("react/jsx-runtime");
|
|
|
21
21
|
const ITEMS_PER_PAGE_OPTIONS = exports.ITEMS_PER_PAGE_OPTIONS = [25, 100, 'all'];
|
|
22
22
|
const VIEW_DEFAULT = 'default';
|
|
23
23
|
const VIEW_POPOVER = 'popover';
|
|
24
|
-
/**
|
|
25
|
-
* `Pagination` component is used for navigating objects in [List](#!/List) which content is displayed on multiple pages.
|
|
26
|
-
* @since 0.0.54
|
|
24
|
+
/**
|
|
25
|
+
* `Pagination` component is used for navigating objects in [List](#!/List) which content is displayed on multiple pages.
|
|
26
|
+
* @since 0.0.54
|
|
27
27
|
*/
|
|
28
28
|
const Pagination = _ref => {
|
|
29
29
|
let {
|