@plesk/ui-library 3.35.0 → 3.35.2
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/Button/Button.js +1 -2
- package/cjs/components/Carousel/Carousel.js +25 -39
- package/cjs/components/Drawer/Header.js +71 -108
- package/cjs/components/Form/Form.js +5 -7
- package/cjs/components/FormFieldCheckbox/FormFieldCheckbox.js +8 -67
- package/cjs/components/Grid/Grid.js +9 -71
- package/cjs/components/GridCol/GridCol.js +3 -54
- package/cjs/components/Icon/constants.js +2 -2
- package/cjs/components/Icon/images/symbols.svg +15 -1
- package/cjs/components/Link/Link.js +1 -2
- package/cjs/components/List/List.js +11 -8
- package/cjs/components/Progress/Progress.js +8 -28
- package/cjs/components/ProgressDialog/ProgressDialog.js +12 -85
- package/cjs/components/ProgressStep/ProgressStep.js +4 -46
- package/cjs/components/ProgressStep/index.js +36 -12
- package/cjs/components/Rating/Rating.js +5 -36
- package/cjs/components/Skeleton/index.js +2 -2
- package/cjs/components/SplitButton/SplitButton.js +1 -2
- package/cjs/components/Switch/Switch.js +43 -118
- package/cjs/components/SwitchesPanel/SwitchesPanel.js +3 -26
- package/cjs/components/SwitchesPanelItem/SwitchesPanelItem.js +3 -57
- package/cjs/components/Toaster/Toaster.js +3 -3
- package/cjs/components/Tooltip/Tooltip.js +35 -64
- package/cjs/components/Translate/Translate.js +10 -78
- package/cjs/components/Translate/index.js +4 -4
- package/cjs/components/Translate/isLikeText.js +27 -0
- package/cjs/components/index.js +14 -11
- package/cjs/index.js +1 -1
- package/cjs/tests/index.js +13 -0
- package/cjs/tests/renderer.js +33 -0
- package/dist/images/symbols.svg +15 -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 +567 -1139
- 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/Button/Button.js +1 -2
- package/esm/components/Carousel/Carousel.js +25 -37
- package/esm/components/Drawer/Header.js +70 -107
- package/esm/components/Form/Form.js +5 -7
- package/esm/components/FormFieldCheckbox/FormFieldCheckbox.js +8 -65
- package/esm/components/Grid/Grid.js +9 -69
- package/esm/components/GridCol/GridCol.js +2 -55
- package/esm/components/Icon/constants.js +2 -2
- package/esm/components/Icon/images/symbols.svg +15 -1
- package/esm/components/Link/Link.js +1 -2
- package/esm/components/List/List.js +11 -8
- package/esm/components/Progress/Progress.js +8 -26
- package/esm/components/ProgressDialog/ProgressDialog.js +12 -83
- package/esm/components/ProgressStep/ProgressStep.js +6 -48
- package/esm/components/ProgressStep/index.js +1 -2
- package/esm/components/Rating/Rating.js +5 -36
- package/esm/components/Skeleton/index.js +2 -2
- package/esm/components/SplitButton/SplitButton.js +1 -2
- package/esm/components/Switch/Switch.js +43 -116
- package/esm/components/SwitchesPanel/SwitchesPanel.js +3 -24
- package/esm/components/SwitchesPanelItem/SwitchesPanelItem.js +3 -55
- package/esm/components/Toaster/Toaster.js +3 -1
- package/esm/components/Tooltip/Tooltip.js +36 -62
- package/esm/components/Translate/Translate.js +9 -73
- package/esm/components/Translate/index.js +2 -1
- package/esm/components/Translate/isLikeText.js +19 -0
- package/esm/components/index.js +1 -2
- package/esm/index.js +1 -1
- package/esm/tests/index.js +3 -0
- package/esm/tests/renderer.js +25 -0
- package/package.json +25 -22
- package/styleguide/build/bundle.6318f4a5.js +2 -0
- package/styleguide/images/symbols.svg +15 -1
- package/styleguide/index.html +2 -2
- package/types/src/components/Button/Button.d.ts +2 -3
- package/types/src/components/Carousel/Carousel.d.ts +58 -0
- package/types/src/components/Carousel/index.d.ts +2 -0
- package/types/src/components/Dialog/Dialog.d.ts +1 -1
- package/types/src/components/Dialog/index.d.ts +1 -1
- package/types/src/components/Drawer/DrawerProgress.d.ts +3 -3
- package/types/src/components/Drawer/Header.d.ts +4 -20
- package/types/src/components/Form/Form.d.ts +5 -0
- package/types/src/components/FormFieldCheckbox/FormFieldCheckbox.d.ts +53 -0
- package/types/src/components/FormFieldCheckbox/index.d.ts +2 -0
- package/types/src/components/FormFieldPassword/generatePassword.d.ts +2 -0
- package/types/src/components/Grid/Grid.d.ts +97 -0
- package/types/src/components/Grid/index.d.ts +2 -0
- package/types/src/components/GridCol/GridCol.d.ts +53 -0
- package/types/src/components/GridCol/index.d.ts +2 -0
- package/types/src/components/Icon/constants.d.ts +1 -1
- package/types/src/components/ItemList/index.d.ts +1 -0
- package/types/src/components/Link/Link.d.ts +1 -2
- package/types/src/components/LocaleProvider/LocaleProvider.d.ts +1 -1
- package/types/src/components/Pagination/index.d.ts +1 -0
- package/types/src/components/Panel/index.d.ts +1 -0
- package/types/src/components/Progress/Progress.d.ts +49 -0
- package/types/src/components/Progress/index.d.ts +2 -0
- package/types/src/components/ProgressDialog/ProgressDialog.d.ts +125 -0
- package/types/src/components/ProgressDialog/index.d.ts +2 -0
- package/types/src/components/ProgressStep/ProgressStep.d.ts +69 -0
- package/types/src/components/ProgressStep/index.d.ts +2 -0
- package/types/src/components/Rating/Rating.d.ts +27 -0
- package/types/src/components/Rating/index.d.ts +2 -0
- package/types/src/components/Skeleton/Skeleton.d.ts +3 -5
- package/types/src/components/Skeleton/SkeletonTabs.d.ts +4 -4
- package/types/src/components/Skeleton/SkeletonText.d.ts +2 -2
- package/types/src/components/Skeleton/index.d.ts +4 -1
- package/types/src/components/SplitButton/SplitButton.d.ts +1 -2
- package/types/src/components/Switch/Switch.d.ts +58 -0
- package/types/src/components/Switch/index.d.ts +2 -0
- package/types/src/components/SwitchesPanel/SwitchesPanel.d.ts +24 -0
- package/types/src/components/SwitchesPanel/index.d.ts +2 -0
- package/types/src/components/SwitchesPanelItem/SwitchesPanelItem.d.ts +78 -0
- package/types/src/components/SwitchesPanelItem/index.d.ts +2 -0
- package/types/src/components/TextArea/index.d.ts +1 -0
- package/types/src/components/Tooltip/Tooltip.d.ts +61 -0
- package/types/src/components/Tooltip/index.d.ts +2 -0
- package/types/src/components/Translate/Translate.d.ts +56 -0
- package/types/src/components/Translate/index.d.ts +3 -0
- package/types/src/components/Translate/isLikeText.d.ts +2 -0
- package/types/src/components/index.d.ts +15 -2
- package/types/src/components/utils.d.ts +1 -1
- package/cjs/components/Alert/Alert.stories.js +0 -34
- package/cjs/components/Button/Button.stories.js +0 -109
- package/cjs/components/Cuttable/Cuttable.stories.js +0 -46
- package/cjs/components/Dialog/Dialog.stories.js +0 -49
- package/cjs/components/Drawer/Drawer.stories.js +0 -65
- package/cjs/components/Form/Form.stories.js +0 -35
- package/cjs/components/FormFieldCheckbox/FormFieldCheckbox.stories.js +0 -32
- package/cjs/components/Icon/Icon.stories.js +0 -32
- package/cjs/components/ItemLink/ItemLink.stories.js +0 -20
- package/cjs/components/ItemList/ItemList.stories.js +0 -122
- package/cjs/components/List/List.stories.js +0 -152
- package/cjs/components/Markdown/Markdown.stories.js +0 -51
- package/cjs/components/Menu/Menu.stories.js +0 -77
- package/cjs/components/Popover/Popover.stories.js +0 -60
- package/cjs/components/Select/Select.stories.js +0 -57
- package/cjs/components/Skeleton/Skeleton.stories.js +0 -24
- package/cjs/components/Skeleton/SkeletonTabs.stories.js +0 -15
- package/cjs/components/Skeleton/SkeletonText.stories.js +0 -33
- package/cjs/components/Status/Status.stories.js +0 -19
- package/cjs/components/Tabs/Tabs.stories.js +0 -24
- package/esm/components/Alert/Alert.stories.js +0 -27
- package/esm/components/Button/Button.stories.js +0 -99
- package/esm/components/Cuttable/Cuttable.stories.js +0 -39
- package/esm/components/Dialog/Dialog.stories.js +0 -42
- package/esm/components/Drawer/Drawer.stories.js +0 -56
- package/esm/components/Form/Form.stories.js +0 -27
- package/esm/components/FormFieldCheckbox/FormFieldCheckbox.stories.js +0 -23
- package/esm/components/Icon/Icon.stories.js +0 -23
- package/esm/components/ItemLink/ItemLink.stories.js +0 -12
- package/esm/components/ItemList/ItemList.stories.js +0 -109
- package/esm/components/List/List.stories.js +0 -139
- package/esm/components/Markdown/Markdown.stories.js +0 -43
- package/esm/components/Menu/Menu.stories.js +0 -65
- package/esm/components/Popover/Popover.stories.js +0 -52
- package/esm/components/Select/Select.stories.js +0 -48
- package/esm/components/Skeleton/Skeleton.stories.js +0 -15
- package/esm/components/Skeleton/SkeletonTabs.stories.js +0 -7
- package/esm/components/Skeleton/SkeletonText.stories.js +0 -23
- package/esm/components/Status/Status.stories.js +0 -11
- package/esm/components/Tabs/Tabs.stories.js +0 -16
- package/styleguide/build/bundle.2a886a79.js +0 -2
- package/types/src/components/Alert/Alert.stories.d.ts +0 -11
- package/types/src/components/Button/Button.stories.d.ts +0 -17
- package/types/src/components/Cuttable/Cuttable.stories.d.ts +0 -17
- package/types/src/components/Dialog/Dialog.stories.d.ts +0 -25
- package/types/src/components/Drawer/Drawer.stories.d.ts +0 -43
- package/types/src/components/Form/Form.stories.d.ts +0 -13
- package/types/src/components/FormFieldCheckbox/FormFieldCheckbox.stories.d.ts +0 -20
- package/types/src/components/Icon/Icon.stories.d.ts +0 -7
- package/types/src/components/ItemLink/ItemLink.stories.d.ts +0 -12
- package/types/src/components/ItemList/ItemList.stories.d.ts +0 -172
- package/types/src/components/List/List.stories.d.ts +0 -30
- package/types/src/components/Markdown/Markdown.stories.d.ts +0 -10
- package/types/src/components/Menu/Menu.stories.d.ts +0 -20
- package/types/src/components/Popover/Popover.stories.d.ts +0 -25
- package/types/src/components/Select/Select.stories.d.ts +0 -12
- package/types/src/components/Skeleton/Skeleton.stories.d.ts +0 -15
- package/types/src/components/Skeleton/SkeletonTabs.stories.d.ts +0 -5
- package/types/src/components/Skeleton/SkeletonText.stories.d.ts +0 -23
- package/types/src/components/Status/Status.stories.d.ts +0 -11
- package/types/src/components/Tabs/Tabs.stories.d.ts +0 -10
- /package/styleguide/build/{bundle.2a886a79.js.LICENSE.txt → bundle.6318f4a5.js.LICENSE.txt} +0 -0
|
@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
8
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
9
|
var _constants = require("../../constants");
|
|
12
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
@@ -15,9 +13,10 @@ var _jsxRuntime = require("react/jsx-runtime");
|
|
|
15
13
|
/**
|
|
16
14
|
* `GridCol` component is a part of [Grid](#!/Grid) component.
|
|
17
15
|
* @since 0.0.48
|
|
18
|
-
*/
|
|
16
|
+
*/
|
|
17
|
+
const GridCol = _ref => {
|
|
19
18
|
let {
|
|
20
|
-
baseClassName
|
|
19
|
+
baseClassName = `${_constants.CLS_PREFIX}grid__col`,
|
|
21
20
|
className,
|
|
22
21
|
children,
|
|
23
22
|
xs,
|
|
@@ -40,55 +39,5 @@ var _jsxRuntime = require("react/jsx-runtime");
|
|
|
40
39
|
children: children
|
|
41
40
|
});
|
|
42
41
|
};
|
|
43
|
-
GridCol.propTypes = {
|
|
44
|
-
/**
|
|
45
|
-
* Content of the `GridCol`.
|
|
46
|
-
* @since 0.0.48
|
|
47
|
-
*/
|
|
48
|
-
children: _propTypes.default.node,
|
|
49
|
-
/**
|
|
50
|
-
* @ignore
|
|
51
|
-
*/
|
|
52
|
-
className: _propTypes.default.string,
|
|
53
|
-
/**
|
|
54
|
-
* @ignore
|
|
55
|
-
*/
|
|
56
|
-
baseClassName: _propTypes.default.string,
|
|
57
|
-
/**
|
|
58
|
-
* Column size for `xs` breakpoint (from 1 to 12)
|
|
59
|
-
* @since 0.0.53
|
|
60
|
-
*/
|
|
61
|
-
xs: _propTypes.default.number,
|
|
62
|
-
/**
|
|
63
|
-
* Column size for `sm` breakpoint (from 1 to 12)
|
|
64
|
-
* @since 0.0.53
|
|
65
|
-
*/
|
|
66
|
-
sm: _propTypes.default.number,
|
|
67
|
-
/**
|
|
68
|
-
* Column size for `sm` breakpoint (from 1 to 12)
|
|
69
|
-
* @since 0.0.53
|
|
70
|
-
*/
|
|
71
|
-
md: _propTypes.default.number,
|
|
72
|
-
/**
|
|
73
|
-
* Column size for `md` breakpoint (from 1 to 12)
|
|
74
|
-
* @since 0.0.53
|
|
75
|
-
*/
|
|
76
|
-
lg: _propTypes.default.number,
|
|
77
|
-
/**
|
|
78
|
-
* Column size for `lg` breakpoint (from 1 to 12)
|
|
79
|
-
* @since 0.0.53
|
|
80
|
-
*/
|
|
81
|
-
xl: _propTypes.default.number
|
|
82
|
-
};
|
|
83
|
-
GridCol.defaultProps = {
|
|
84
|
-
children: null,
|
|
85
|
-
className: null,
|
|
86
|
-
baseClassName: `${_constants.CLS_PREFIX}grid__col`,
|
|
87
|
-
xs: null,
|
|
88
|
-
sm: null,
|
|
89
|
-
md: null,
|
|
90
|
-
lg: null,
|
|
91
|
-
xl: null
|
|
92
|
-
};
|
|
93
42
|
var _default = GridCol;
|
|
94
43
|
exports.default = _default;
|
|
@@ -7,7 +7,7 @@ exports.NAMES_12 = exports.NAMES = void 0;
|
|
|
7
7
|
/* eslint-disable max-len */
|
|
8
8
|
// This file is generated by create-svg-sprite. Do not edit.
|
|
9
9
|
|
|
10
|
-
const NAMES_12 = ['archive', 'arrow-back', 'arrow-diagonal-out', 'arrow-down', 'arrow-down-in', 'arrow-down-out', 'arrow-down-tray', 'arrow-left', 'arrow-right', 'arrow-right-in', 'arrow-right-out', 'arrow-up', 'arrow-up-circle', 'arrow-up-in', 'arrow-up-in-cloud', 'arrow-up-out', 'arrow-up-tray', 'arrows-four-directions', 'arrows-inward', 'arrows-loop', 'arrows-opposite', 'arrows-outward', 'backup', 'backup2', 'bar-chart-vertical', 'bar-chart-vertical-arrow-up', 'bar-chart-vertical-lock', 'bell', 'book-email', 'boundary', 'box-diagonal-bottom-in', 'box-diagonal-top-in', 'brush', 'bug', 'calendar', 'calendar-clock', 'camera', 'card', 'card-ribbon', 'card-row', 'card-tile', 'cd', 'cd-up-in-cloud', 'chain', 'chain-broken', 'chat', 'check-list', 'check-mark', 'check-mark-circle', 'check-mark-circle-filled', 'chevron-double-down', 'chevron-double-up', 'chevron-down', 'chevron-left', 'chevron-right', 'chevron-up', 'circle-diagonal', 'clean', 'clip', 'clock', 'clone', 'cloud', 'cloud-checkmark', 'cloud-crossed', 'cloud-graph', 'code', 'connection', 'console', 'console-filled', 'copy', 'copy-indicator', 'cpu', 'crane', 'credit-cards', 'cross-mark', 'cross-mark-circle', 'cross-mark-circle-filled', 'crown-transfer', 'dashboard', 'database', 'database-box', 'database-filled', 'database-plus', 'deploy', 'docker-filled', 'dollar', 'dollar-filled', 'dot', 'emoticon-confused', 'emoticon-dead', 'emoticon-excited', 'emoticon-happy', 'emoticon-neutral', 'emoticon-sad', 'emoticon-smile', 'enter', 'exclamation-mark-circle', 'exclamation-mark-circle-filled', 'eye', 'eye-closed', 'facebook', 'facebook-filled', 'feedback', 'filter', 'filter-check-mark', 'fire', 'flag', 'flag-filled', 'flag-globe', 'floppy-disk', 'folder-closed', 'folder-key', 'folder-network', 'folder-open', 'folders-tree', 'forward-circle-filled', 'four-squares', 'gear', 'git', 'github', 'globe', 'hard-drive', 'hard-drive-key', 'hat', 'hexagons', 'home', 'info-circle', 'info-circle-filled', 'ip-addresses', 'joomla', 'kebab', 'key', 'laravel', 'lifebuoy', 'lightbulb', 'limit', 'linux', 'list', 'list-check-mark', 'location', 'lock-closed', 'lock-closed-check', 'lock-closed-filled', 'lock-open', 'lock-open-cross', 'lock-open-filled', 'mail', 'mail-circle-filled', 'mail-settings', 'megaphone', 'menu', 'menu-thin', 'microsoft', 'minimize', 'minus', 'minus-circle', 'minus-circle-filled', 'monitoring', 'monitoring-off', 'my-little-admin', 'net', 'nine-dots', 'node-js', 'package', 'panel', 'panel-check', 'panel-eye', 'panel-key', 'panel-settings', 'panels', 'pause-circle', 'pencil', 'pencil-dialog', 'php', 'phpmyadmin', 'pin', 'pipette', 'plans', 'plugins', 'plus', 'power', 'projects', 'puzzle', 'question-mark-circle', 'question-mark-circle-filled', 'ram', 'react-js', 'recycle', 'redirect-circle-filled', 'refresh', 'reload', 'remove', 'reset', 'resource', 'ribbon', 'rocket', 'ruby', 'sand-clock', 'scan', 'screen', 'search', 'security-check', 'send', 'server', 'servers', 'share', 'shield', 'shield-attention-filled', 'shield-chain', 'shield-filled', 'shopping-cart', 'sidebar-right-hide', 'sidebar-right-show', 'signal-light', 'site-page', 'sleep', 'sliders', 'square-with-circles', 'star', 'star-circle-filled', 'star-filled', 'star-half-filled', 'start', 'start-circle', 'start-filled', 'stop', 'stop-circle', 'storage', 'themes', 'three-dots-horizontal', 'three-dots-vertical', 'tools', 'transfer', 'triangle-exclamation-mark', 'triangle-exclamation-mark-filled', 'unarchive', 'user', 'volume', 'web', 'web-plus', 'web-settings', 'windows', 'woocommerce', 'wordpress', 'zero-circle-filled'];
|
|
10
|
+
const NAMES_12 = ['archive', 'arrow-back', 'arrow-diagonal-out', 'arrow-down', 'arrow-down-in', 'arrow-down-out', 'arrow-down-tray', 'arrow-left', 'arrow-right', 'arrow-right-circle-filled', 'arrow-right-in', 'arrow-right-out', 'arrow-up', 'arrow-up-circle', 'arrow-up-in', 'arrow-up-in-cloud', 'arrow-up-out', 'arrow-up-tray', 'arrows-four-directions', 'arrows-inward', 'arrows-loop', 'arrows-opposite', 'arrows-outward', 'backup', 'backup2', 'bar-chart-vertical', 'bar-chart-vertical-arrow-up', 'bar-chart-vertical-lock', 'bell', 'book-email', 'boundary', 'box-diagonal-bottom-in', 'box-diagonal-top-in', 'brush', 'bug', 'calendar', 'calendar-clock', 'camera', 'card', 'card-ribbon', 'card-row', 'card-tile', 'cd', 'cd-up-in-cloud', 'chain', 'chain-broken', 'chat', 'check-list', 'check-mark', 'check-mark-circle', 'check-mark-circle-filled', 'chevron-double-down', 'chevron-double-up', 'chevron-down', 'chevron-left', 'chevron-right', 'chevron-up', 'circle-diagonal', 'clean', 'clip', 'clock', 'clone', 'cloud', 'cloud-checkmark', 'cloud-crossed', 'cloud-graph', 'code', 'connection', 'console', 'console-filled', 'copy', 'copy-indicator', 'cpu', 'crane', 'credit-cards', 'cross-mark', 'cross-mark-circle', 'cross-mark-circle-filled', 'crown-transfer', 'dashboard', 'database', 'database-box', 'database-filled', 'database-plus', 'deploy', 'docker-filled', 'dollar', 'dollar-filled', 'dot', 'emoticon-confused', 'emoticon-dead', 'emoticon-excited', 'emoticon-happy', 'emoticon-neutral', 'emoticon-sad', 'emoticon-smile', 'enter', 'exclamation-mark-circle', 'exclamation-mark-circle-filled', 'eye', 'eye-closed', 'facebook', 'facebook-filled', 'feedback', 'filter', 'filter-check-mark', 'fire', 'flag', 'flag-filled', 'flag-globe', 'floppy-disk', 'folder-closed', 'folder-key', 'folder-network', 'folder-open', 'folders-tree', 'forward-circle-filled', 'four-squares', 'gear', 'git', 'github', 'globe', 'hard-drive', 'hard-drive-key', 'hat', 'hexagons', 'home', 'info-circle', 'info-circle-filled', 'ip-addresses', 'joomla', 'kebab', 'key', 'laravel', 'lifebuoy', 'lightbulb', 'limit', 'linux', 'list', 'list-check-mark', 'location', 'lock-closed', 'lock-closed-check', 'lock-closed-filled', 'lock-open', 'lock-open-cross', 'lock-open-filled', 'mail', 'mail-circle-filled', 'mail-settings', 'megaphone', 'menu', 'menu-thin', 'microsoft', 'minimize', 'minus', 'minus-circle', 'minus-circle-filled', 'monitoring', 'monitoring-off', 'my-little-admin', 'net', 'nine-dots', 'node-js', 'package', 'panel', 'panel-check', 'panel-eye', 'panel-key', 'panel-settings', 'panels', 'pause-circle', 'pencil', 'pencil-dialog', 'php', 'phpmyadmin', 'pin', 'pipette', 'plans', 'plugins', 'plus', 'power', 'projects', 'puzzle', 'python', 'question-mark-circle', 'question-mark-circle-filled', 'ram', 'react-js', 'recycle', 'redirect-circle-filled', 'refresh', 'reload', 'remove', 'reset', 'resource', 'ribbon', 'rocket', 'ruby', 'sand-clock', 'scan', 'screen', 'search', 'security-check', 'send', 'server', 'servers', 'share', 'shield', 'shield-attention-filled', 'shield-chain', 'shield-filled', 'shopping-cart', 'sidebar-right-hide', 'sidebar-right-show', 'signal-light', 'site-page', 'sleep', 'sliders', 'square-with-circles', 'star', 'star-circle-filled', 'star-filled', 'star-half-filled', 'start', 'start-circle', 'start-filled', 'stop', 'stop-circle', 'storage', 'themes', 'three-dots-horizontal', 'three-dots-vertical', 'tools', 'transfer', 'triangle-exclamation-mark', 'triangle-exclamation-mark-filled', 'unarchive', 'user', 'volume', 'web', 'web-plus', 'web-settings', 'windows', 'woocommerce', 'wordpress', 'zero-circle-filled'];
|
|
11
11
|
exports.NAMES_12 = NAMES_12;
|
|
12
|
-
const NAMES = ['archive', 'arrow-back', 'arrow-diagonal-out', 'arrow-down', 'arrow-down-in', 'arrow-down-out', 'arrow-down-tray', 'arrow-left', 'arrow-right', 'arrow-right-in', 'arrow-right-out', 'arrow-up', 'arrow-up-circle', 'arrow-up-in', 'arrow-up-in-cloud', 'arrow-up-out', 'arrow-up-tray', 'arrows-four-directions', 'arrows-inward', 'arrows-loop', 'arrows-opposite', 'arrows-outward', 'backup', 'backup2', 'bar-chart-vertical', 'bar-chart-vertical-arrow-up', 'bar-chart-vertical-lock', 'bell', 'book-email', 'boundary', 'box-diagonal-bottom-in', 'box-diagonal-top-in', 'brush', 'bug', 'calendar', 'calendar-clock', 'camera', 'card', 'card-ribbon', 'card-row', 'card-tile', 'cd', 'cd-up-in-cloud', 'chain', 'chain-broken', 'chat', 'check-list', 'check-mark', 'check-mark-circle', 'check-mark-circle-filled', 'chevron-double-down', 'chevron-double-up', 'chevron-down', 'chevron-left', 'chevron-right', 'chevron-up', 'circle-diagonal', 'clean', 'clip', 'clock', 'clone', 'cloud', 'cloud-checkmark', 'cloud-crossed', 'cloud-graph', 'code', 'connection', 'console', 'console-filled', 'copy', 'copy-indicator', 'cpu', 'crane', 'credit-cards', 'cross-mark', 'cross-mark-circle', 'cross-mark-circle-filled', 'crown-transfer', 'dashboard', 'database', 'database-box', 'database-filled', 'database-plus', 'deploy', 'docker-filled', 'dollar', 'dollar-filled', 'dot', 'emoticon-confused', 'emoticon-dead', 'emoticon-excited', 'emoticon-happy', 'emoticon-neutral', 'emoticon-sad', 'emoticon-smile', 'enter', 'exclamation-mark-circle', 'exclamation-mark-circle-filled', 'eye', 'eye-closed', 'facebook', 'facebook-filled', 'feedback', 'filter', 'filter-check-mark', 'fire', 'flag', 'flag-filled', 'flag-globe', 'floppy-disk', 'folder-closed', 'folder-key', 'folder-network', 'folder-open', 'folders-tree', 'forward-circle-filled', 'four-squares', 'gear', 'git', 'github', 'globe', 'hard-drive', 'hard-drive-key', 'hat', 'hexagons', 'home', 'info-circle', 'info-circle-filled', 'ip-addresses', 'joomla', 'kebab', 'key', 'laravel', 'lifebuoy', 'lightbulb', 'limit', 'linux', 'list', 'list-check-mark', 'location', 'lock-closed', 'lock-closed-check', 'lock-closed-filled', 'lock-open', 'lock-open-cross', 'lock-open-filled', 'mail', 'mail-circle-filled', 'mail-settings', 'megaphone', 'menu', 'menu-thin', 'microsoft', 'minimize', 'minus', 'minus-circle', 'minus-circle-filled', 'monitoring', 'monitoring-off', 'my-little-admin', 'net', 'nine-dots', 'node-js', 'package', 'panel', 'panel-check', 'panel-eye', 'panel-key', 'panel-settings', 'panels', 'pause-circle', 'pencil', 'pencil-dialog', 'php', 'phpmyadmin', 'pin', 'pipette', 'plans', 'plugins', 'plus', 'power', 'projects', 'puzzle', 'question-mark-circle', 'question-mark-circle-filled', 'ram', 'react-js', 'recycle', 'redirect-circle-filled', 'refresh', 'reload', 'remove', 'reset', 'resource', 'ribbon', 'rocket', 'ruby', 'sand-clock', 'scan', 'screen', 'search', 'security-check', 'send', 'server', 'servers', 'share', 'shield', 'shield-attention-filled', 'shield-chain', 'shield-filled', 'shopping-cart', 'sidebar-right-hide', 'sidebar-right-show', 'signal-light', 'site-page', 'sleep', 'sliders', 'square-with-circles', 'star', 'star-circle-filled', 'star-filled', 'star-half-filled', 'start', 'start-circle', 'start-filled', 'stop', 'stop-circle', 'storage', 'themes', 'three-dots-horizontal', 'three-dots-vertical', 'tools', 'transfer', 'triangle-exclamation-mark', 'triangle-exclamation-mark-filled', 'unarchive', 'user', 'volume', 'web', 'web-plus', 'web-settings', 'windows', 'woocommerce', 'wordpress', 'zero-circle-filled'];
|
|
12
|
+
const NAMES = ['archive', 'arrow-back', 'arrow-diagonal-out', 'arrow-down', 'arrow-down-in', 'arrow-down-out', 'arrow-down-tray', 'arrow-left', 'arrow-right', 'arrow-right-circle-filled', 'arrow-right-in', 'arrow-right-out', 'arrow-up', 'arrow-up-circle', 'arrow-up-in', 'arrow-up-in-cloud', 'arrow-up-out', 'arrow-up-tray', 'arrows-four-directions', 'arrows-inward', 'arrows-loop', 'arrows-opposite', 'arrows-outward', 'backup', 'backup2', 'bar-chart-vertical', 'bar-chart-vertical-arrow-up', 'bar-chart-vertical-lock', 'bell', 'book-email', 'boundary', 'box-diagonal-bottom-in', 'box-diagonal-top-in', 'brush', 'bug', 'calendar', 'calendar-clock', 'camera', 'card', 'card-ribbon', 'card-row', 'card-tile', 'cd', 'cd-up-in-cloud', 'chain', 'chain-broken', 'chat', 'check-list', 'check-mark', 'check-mark-circle', 'check-mark-circle-filled', 'chevron-double-down', 'chevron-double-up', 'chevron-down', 'chevron-left', 'chevron-right', 'chevron-up', 'circle-diagonal', 'clean', 'clip', 'clock', 'clone', 'cloud', 'cloud-checkmark', 'cloud-crossed', 'cloud-graph', 'code', 'connection', 'console', 'console-filled', 'copy', 'copy-indicator', 'cpu', 'crane', 'credit-cards', 'cross-mark', 'cross-mark-circle', 'cross-mark-circle-filled', 'crown-transfer', 'dashboard', 'database', 'database-box', 'database-filled', 'database-plus', 'deploy', 'docker-filled', 'dollar', 'dollar-filled', 'dot', 'emoticon-confused', 'emoticon-dead', 'emoticon-excited', 'emoticon-happy', 'emoticon-neutral', 'emoticon-sad', 'emoticon-smile', 'enter', 'exclamation-mark-circle', 'exclamation-mark-circle-filled', 'eye', 'eye-closed', 'facebook', 'facebook-filled', 'feedback', 'filter', 'filter-check-mark', 'fire', 'flag', 'flag-filled', 'flag-globe', 'floppy-disk', 'folder-closed', 'folder-key', 'folder-network', 'folder-open', 'folders-tree', 'forward-circle-filled', 'four-squares', 'gear', 'git', 'github', 'globe', 'hard-drive', 'hard-drive-key', 'hat', 'hexagons', 'home', 'info-circle', 'info-circle-filled', 'ip-addresses', 'joomla', 'kebab', 'key', 'laravel', 'lifebuoy', 'lightbulb', 'limit', 'linux', 'list', 'list-check-mark', 'location', 'lock-closed', 'lock-closed-check', 'lock-closed-filled', 'lock-open', 'lock-open-cross', 'lock-open-filled', 'mail', 'mail-circle-filled', 'mail-settings', 'megaphone', 'menu', 'menu-thin', 'microsoft', 'minimize', 'minus', 'minus-circle', 'minus-circle-filled', 'monitoring', 'monitoring-off', 'my-little-admin', 'net', 'nine-dots', 'node-js', 'package', 'panel', 'panel-check', 'panel-eye', 'panel-key', 'panel-settings', 'panels', 'pause-circle', 'pencil', 'pencil-dialog', 'php', 'phpmyadmin', 'pin', 'pipette', 'plans', 'plugins', 'plus', 'power', 'projects', 'puzzle', 'python', 'question-mark-circle', 'question-mark-circle-filled', 'ram', 'react-js', 'recycle', 'redirect-circle-filled', 'refresh', 'reload', 'remove', 'reset', 'resource', 'ribbon', 'rocket', 'ruby', 'sand-clock', 'scan', 'screen', 'search', 'security-check', 'send', 'server', 'servers', 'share', 'shield', 'shield-attention-filled', 'shield-chain', 'shield-filled', 'shopping-cart', 'sidebar-right-hide', 'sidebar-right-show', 'signal-light', 'site-page', 'sleep', 'sliders', 'square-with-circles', 'star', 'star-circle-filled', 'star-filled', 'star-half-filled', 'start', 'start-circle', 'start-filled', 'stop', 'stop-circle', 'storage', 'themes', 'three-dots-horizontal', 'three-dots-vertical', 'tools', 'transfer', 'triangle-exclamation-mark', 'triangle-exclamation-mark-filled', 'unarchive', 'user', 'volume', 'web', 'web-plus', 'web-settings', 'windows', 'woocommerce', 'wordpress', 'zero-circle-filled'];
|
|
13
13
|
exports.NAMES = NAMES;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<svg width="16" height="
|
|
1
|
+
<svg width="16" height="11856" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
2
2
|
<defs>
|
|
3
3
|
<symbol viewBox="0 0 12 12" id="archive:12">
|
|
4
4
|
<path d="M2 1h7v.5a.5.5 0 0 0 1 0V1a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1v-.5a.5.5 0 0 0-1 0v.5H2V1z" />
|
|
@@ -58,6 +58,12 @@
|
|
|
58
58
|
<symbol viewBox="0 0 16 16" id="arrow-left:16">
|
|
59
59
|
<path d="M.2018 8.0966A.4945.4945 0 0 0 0 8.498V8.5a.4945.4945 0 0 0 .2018.4034l3.4513 3.4513a.4961.4961 0 0 0 .7016-.7016L1.7016 9H15.5a.5.5 0 0 0 0-1H1.7016l2.6531-2.6531a.496.496 0 0 0-.7016-.7016L.2018 8.0966z" />
|
|
60
60
|
</symbol>
|
|
61
|
+
<symbol viewBox="0 0 12 12" id="arrow-right-circle-filled:12">
|
|
62
|
+
<path fill-rule="evenodd" d="M1 6.5a5.5 5.5 0 1 0 11 0 5.5 5.5 0 0 0-11 0ZM2.5 6a.5.5 0 0 0 0 1h5.8L6.65 8.65a.5.5 0 0 0 .7.7L9.8 6.9a.5.5 0 0 0 .2-.4.5.5 0 0 0-.2-.4L7.35 3.65a.5.5 0 0 0-.7.7L8.3 6H2.5Z" clip-rule="evenodd" />
|
|
63
|
+
</symbol>
|
|
64
|
+
<symbol viewBox="0 0 16 16" id="arrow-right-circle-filled:16">
|
|
65
|
+
<path fill-rule="evenodd" d="M8.5 16a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15Zm.15-3.65a.5.5 0 0 1 0-.7L11.3 9H3.5a.5.5 0 0 1 0-1h7.8L8.65 5.35a.5.5 0 0 1 .7-.7L12.8 8.1a.5.5 0 0 1 .2.4.5.5 0 0 1-.2.4l-3.45 3.45c-.2.2-.51.2-.7 0Z" clip-rule="evenodd" />
|
|
66
|
+
</symbol>
|
|
61
67
|
<symbol viewBox="0 0 12 12" id="arrow-right-in:12">
|
|
62
68
|
<path d="M2 2h9v9H2v-1a.5.5 0 00-1 0v1a1 1 0 001 1h9a1 1 0 001-1V2a1 1 0 00-1-1H2a1 1 0 00-1 1v1a.5.5 0 001 0V2z" />
|
|
63
69
|
<path d="M5.645 4.347a.496.496 0 01.702-.702l2.451 2.452A.499.499 0 019 6.498v.004a.495.495 0 01-.202.401L6.347 9.355a.496.496 0 01-.702-.702L7.298 7H.5a.5.5 0 010-1h6.798L5.645 4.347z" />
|
|
@@ -1318,6 +1324,14 @@
|
|
|
1318
1324
|
<symbol viewBox="0 0 16 16" id="puzzle:16">
|
|
1319
1325
|
<path fill-rule="evenodd" d="M7 0a2 2 0 0 0-2 2v1H1a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h1a1 1 0 0 1 0 2H1a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-1a1 1 0 1 1 2 0v1a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-4h1a2 2 0 1 0 0-4h-1V4a1 1 0 0 0-1-1H9V2a2 2 0 0 0-2-2zM2 11H1v4h4v-1a2 2 0 1 1 4 0v1h3v-4a1 1 0 0 1 1-1h1a1 1 0 1 0 0-2h-1a1 1 0 0 1-1-1V4H9a1 1 0 0 1-1-1V2a1 1 0 0 0-2 0v1a1 1 0 0 1-1 1H1v3h1a2 2 0 1 1 0 4z" clip-rule="evenodd" />
|
|
1320
1326
|
</symbol>
|
|
1327
|
+
<symbol viewBox="0 0 12 12" id="python:12">
|
|
1328
|
+
<path d="M6 2a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm.5 8.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1z" />
|
|
1329
|
+
<path fill-rule="evenodd" d="M8.5 8.5v2.78a4.68 4.68 0 0 1-5 0V8.5H.69a8.08 8.08 0 0 1-.41-.98C.14 7.12 0 6.56 0 6s.14-1.11.28-1.52c.1-.34.25-.66.4-.98H3.5V.72A4.67 4.67 0 0 1 6 0c.9 0 1.74.25 2.5.72V3.5h2.81c.16.32.3.64.41.98A5 5 0 0 1 12 6c0 .56-.14 1.11-.27 1.52-.12.34-.26.66-.41.98H8.5zm-4-5V1.3a3.83 3.83 0 0 1 3 0v3.2c0 .87-.4 1-.5 1H5c-.9 0-1.5.87-1.5 2H1.33a6.06 6.06 0 0 1-.1-.3C1.1 6.84 1 6.4 1 6c0-.4.1-.84.23-1.2a6.06 6.06 0 0 1 .1-.3H6v-1H4.5zm4 1c0 1.13-.6 2-1.5 2H5c-.1 0-.5.13-.5 1v3.2a3.83 3.83 0 0 0 3 0V8.5H6v-1h4.67l.1-.3c.12-.36.23-.8.23-1.2 0-.4-.1-.84-.23-1.2a6.1 6.1 0 0 0-.1-.3H8.5z" clip-rule="evenodd" />
|
|
1330
|
+
</symbol>
|
|
1331
|
+
<symbol viewBox="0 0 16 16" id="python:16">
|
|
1332
|
+
<path d="M8 2.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zM8.5 14a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1z" />
|
|
1333
|
+
<path fill-rule="evenodd" d="M5 11H.66a10.9 10.9 0 0 1-.4-1.17C.15 9.33 0 8.66 0 8a7.45 7.45 0 0 1 .45-2.44L.65 5H5V.66c.39-.15.77-.29 1.17-.4C6.67.15 7.34 0 8 0c.66 0 1.33.14 1.83.27.4.1.78.24 1.17.39V5h4.34c.26.66.04-.18.4 1.17.12.5.26 1.17.26 1.83 0 .66-.14 1.33-.27 1.83-.1.4-.24.78-.39 1.17H11v4.34c-.39.15-.77.29-1.17.4A7.4 7.4 0 0 1 8 16a7.4 7.4 0 0 1-1.83-.27 9.96 9.96 0 0 1-.6-.18l-.57-.2V11zm1-6V1.36l.43-.13A6.46 6.46 0 0 1 8 1a6.46 6.46 0 0 1 2 .36V6.5c0 .38-.13.65-.26.8a.62.62 0 0 1-.24.2h-3c-.37 0-.75.24-1 .56-.3.33-.5.82-.5 1.44v.5H1.36a9.1 9.1 0 0 1-.13-.43A6.5 6.5 0 0 1 1 8c0-.54.11-1.12.23-1.57A9.09 9.09 0 0 1 1.36 6H8V5H6zm4 6H8v-1h6.64a9.11 9.11 0 0 0 .13-.43c.12-.45.23-1.03.23-1.57s-.11-1.12-.23-1.57a9.1 9.1 0 0 0-.13-.43H11v.5c0 .62-.2 1.1-.49 1.45-.26.3-.64.55-1.01.55h-3c.01 0 0 0 0 0a.62.62 0 0 0-.24.2c-.13.16-.26.42-.26.8v5.14l.43.13c.45.12 1.03.23 1.57.23a6.5 6.5 0 0 0 2-.36V11z" clip-rule="evenodd" />
|
|
1334
|
+
</symbol>
|
|
1321
1335
|
<symbol viewBox="0 0 12 12" id="question-mark-circle-filled:12">
|
|
1322
1336
|
<path fill-rule="evenodd" d="M12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0zM6.5 6a1 1 0 1 0-1-1 .5.5 0 0 1-1 .005V5A2 2 0 1 1 7 6.937V7a.5.5 0 0 1-1 0v-.5a.5.5 0 0 1 .5-.5zm.625 3a.625.625 0 1 1-1.25 0 .625.625 0 0 1 1.25 0z" clip-rule="evenodd" />
|
|
1323
1337
|
</symbol>
|
|
@@ -298,7 +298,9 @@ class List extends _react.Component {
|
|
|
298
298
|
data,
|
|
299
299
|
pagination,
|
|
300
300
|
vertical,
|
|
301
|
-
rowKey
|
|
301
|
+
rowKey,
|
|
302
|
+
totalRows,
|
|
303
|
+
filtered
|
|
302
304
|
} = _ref5;
|
|
303
305
|
let {
|
|
304
306
|
prevSortColumn,
|
|
@@ -317,16 +319,17 @@ class List extends _react.Component {
|
|
|
317
319
|
sortDirection
|
|
318
320
|
};
|
|
319
321
|
}
|
|
322
|
+
const additionalExpanded = [];
|
|
320
323
|
if (prevData !== data) {
|
|
321
|
-
|
|
324
|
+
const isSingleElementInCurrentExpanded = () => state.expandedRows.includes(getRowKey(data[0], {
|
|
325
|
+
rowKey
|
|
326
|
+
}));
|
|
327
|
+
if (renderRowBody && data?.length === 1 && (!pagination || totalRows === 1) && (!prevData || prevData?.length === 0 || isSingleElementInCurrentExpanded()) && (!filtered || isSingleElementInCurrentExpanded())) {
|
|
322
328
|
const key = getRowKey(data[0], {
|
|
323
329
|
rowKey
|
|
324
330
|
});
|
|
325
331
|
if (notExpandableRows.indexOf(key) === -1) {
|
|
326
|
-
|
|
327
|
-
...nextState,
|
|
328
|
-
expandedRows: [...expandedRows, key]
|
|
329
|
-
};
|
|
332
|
+
additionalExpanded.push(key);
|
|
330
333
|
}
|
|
331
334
|
}
|
|
332
335
|
const keys = data.map(row => getRowKey(row, {
|
|
@@ -344,10 +347,10 @@ class List extends _react.Component {
|
|
|
344
347
|
selection
|
|
345
348
|
};
|
|
346
349
|
}
|
|
347
|
-
if (prevExpandedRows !== expandedRows) {
|
|
350
|
+
if (prevExpandedRows !== expandedRows || additionalExpanded.length) {
|
|
348
351
|
nextState = {
|
|
349
352
|
...nextState,
|
|
350
|
-
expandedRows
|
|
353
|
+
expandedRows: [...expandedRows, ...additionalExpanded]
|
|
351
354
|
};
|
|
352
355
|
}
|
|
353
356
|
if (prevPagination !== pagination) {
|
|
@@ -6,15 +6,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
|
-
var _react =
|
|
10
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
+
var _react = require("react");
|
|
11
10
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
12
11
|
var _constants = require("../../constants");
|
|
13
12
|
var _utils = require("../utils");
|
|
14
13
|
var _ProgressStep = require("../ProgressStep");
|
|
15
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
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
|
-
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
15
|
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
19
16
|
|
|
20
17
|
/**
|
|
@@ -70,16 +67,19 @@ class Progress extends _react.Component {
|
|
|
70
67
|
const {
|
|
71
68
|
onStatusChange
|
|
72
69
|
} = this.props;
|
|
70
|
+
if (!status) {
|
|
71
|
+
return;
|
|
72
|
+
}
|
|
73
73
|
(0, _utils.safeInvoke)(onStatusChange, status);
|
|
74
74
|
}
|
|
75
|
-
componentDidUpdate(
|
|
75
|
+
componentDidUpdate(_, prevState) {
|
|
76
76
|
const {
|
|
77
77
|
status
|
|
78
78
|
} = this.state;
|
|
79
79
|
const {
|
|
80
80
|
onStatusChange
|
|
81
81
|
} = this.props;
|
|
82
|
-
if (prevState.status !== status) {
|
|
82
|
+
if (prevState.status !== status && status) {
|
|
83
83
|
(0, _utils.safeInvoke)(onStatusChange, status);
|
|
84
84
|
}
|
|
85
85
|
}
|
|
@@ -98,31 +98,11 @@ class Progress extends _react.Component {
|
|
|
98
98
|
});
|
|
99
99
|
}
|
|
100
100
|
}
|
|
101
|
-
Progress
|
|
102
|
-
/**
|
|
103
|
-
* On overall status event handler.
|
|
104
|
-
* @since 1.10.0
|
|
105
|
-
*/
|
|
106
|
-
onStatusChange: _propTypes.default.func,
|
|
107
|
-
/**
|
|
108
|
-
* Content of the `Progress`.
|
|
109
|
-
* @since 1.10.0
|
|
110
|
-
*/
|
|
111
|
-
children: _propTypes.default.node,
|
|
112
|
-
/**
|
|
113
|
-
* @ignore
|
|
114
|
-
*/
|
|
115
|
-
className: _propTypes.default.string,
|
|
116
|
-
/**
|
|
117
|
-
* @ignore
|
|
118
|
-
*/
|
|
119
|
-
baseClassName: _propTypes.default.string
|
|
120
|
-
};
|
|
121
|
-
Progress.defaultProps = {
|
|
101
|
+
(0, _defineProperty2.default)(Progress, "defaultProps", {
|
|
122
102
|
onStatusChange: null,
|
|
123
103
|
children: null,
|
|
124
104
|
className: null,
|
|
125
105
|
baseClassName: `${_constants.CLS_PREFIX}progress`
|
|
126
|
-
};
|
|
106
|
+
});
|
|
127
107
|
var _default = Progress;
|
|
128
108
|
exports.default = _default;
|
|
@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
|
-
var _react =
|
|
10
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
+
var _react = require("react");
|
|
11
10
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
12
11
|
var _Dialog = _interopRequireDefault(require("../Dialog"));
|
|
13
12
|
var _constants = require("../../constants");
|
|
@@ -16,8 +15,6 @@ var _utils = require("../utils");
|
|
|
16
15
|
var _ProgressStep = require("../ProgressStep");
|
|
17
16
|
var _Progress = _interopRequireDefault(require("../Progress"));
|
|
18
17
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
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
|
-
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
18
|
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
22
19
|
|
|
23
20
|
/**
|
|
@@ -52,7 +49,7 @@ class ProgressDialog extends _react.Component {
|
|
|
52
49
|
isFinished,
|
|
53
50
|
isFailed
|
|
54
51
|
} = this.state;
|
|
55
|
-
|
|
52
|
+
this.clearCloseTimeout();
|
|
56
53
|
if (!isOpen) {
|
|
57
54
|
return;
|
|
58
55
|
}
|
|
@@ -76,7 +73,7 @@ class ProgressDialog extends _react.Component {
|
|
|
76
73
|
isOpen
|
|
77
74
|
};
|
|
78
75
|
}
|
|
79
|
-
componentDidUpdate(
|
|
76
|
+
componentDidUpdate(_, prevState) {
|
|
80
77
|
const {
|
|
81
78
|
isFinished
|
|
82
79
|
} = this.state;
|
|
@@ -84,13 +81,19 @@ class ProgressDialog extends _react.Component {
|
|
|
84
81
|
autoCloseTimeout
|
|
85
82
|
} = this.props;
|
|
86
83
|
if (prevState.isFinished === false && isFinished === true) {
|
|
87
|
-
|
|
84
|
+
this.clearCloseTimeout();
|
|
88
85
|
if (autoCloseTimeout) {
|
|
89
86
|
this.closeTimeout = setTimeout(this.handleClose, autoCloseTimeout);
|
|
90
87
|
}
|
|
91
88
|
}
|
|
92
89
|
}
|
|
93
90
|
componentWillUnmount() {
|
|
91
|
+
this.clearCloseTimeout();
|
|
92
|
+
}
|
|
93
|
+
clearCloseTimeout() {
|
|
94
|
+
if (!this.closeTimeout) {
|
|
95
|
+
return;
|
|
96
|
+
}
|
|
94
97
|
clearTimeout(this.closeTimeout);
|
|
95
98
|
}
|
|
96
99
|
render() {
|
|
@@ -141,83 +144,7 @@ class ProgressDialog extends _react.Component {
|
|
|
141
144
|
});
|
|
142
145
|
}
|
|
143
146
|
}
|
|
144
|
-
ProgressDialog
|
|
145
|
-
/**
|
|
146
|
-
* Toggles visibility.
|
|
147
|
-
* @since 1.2.0
|
|
148
|
-
*/
|
|
149
|
-
isOpen: _propTypes.default.bool,
|
|
150
|
-
/**
|
|
151
|
-
* Banner. Renders in front of content as wide as dialog.
|
|
152
|
-
* @since 1.2.0
|
|
153
|
-
*/
|
|
154
|
-
banner: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.element]),
|
|
155
|
-
/**
|
|
156
|
-
* Image. Renders into content.
|
|
157
|
-
* @since 1.2.0
|
|
158
|
-
*/
|
|
159
|
-
image: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.element]),
|
|
160
|
-
/**
|
|
161
|
-
* Title
|
|
162
|
-
* @since 1.2.0
|
|
163
|
-
*/
|
|
164
|
-
title: _propTypes.default.node,
|
|
165
|
-
/**
|
|
166
|
-
* Description of the `ProgressDialog`.
|
|
167
|
-
* @since 1.2.0
|
|
168
|
-
*/
|
|
169
|
-
description: _propTypes.default.node,
|
|
170
|
-
/**
|
|
171
|
-
* Actions which will be shown in Dialog header.
|
|
172
|
-
* @since 1.2.0
|
|
173
|
-
*/
|
|
174
|
-
actions: _propTypes.default.node,
|
|
175
|
-
/**
|
|
176
|
-
* Whether the dialog should be canceled with the cancel button.
|
|
177
|
-
* @since 1.2.0
|
|
178
|
-
*/
|
|
179
|
-
cancelable: _propTypes.default.bool,
|
|
180
|
-
/**
|
|
181
|
-
* The interval of time to auto close dialog when it successful finished.
|
|
182
|
-
* Set `null` for disable auto close.
|
|
183
|
-
* @since 1.2.0
|
|
184
|
-
*/
|
|
185
|
-
autoCloseTimeout: _propTypes.default.number,
|
|
186
|
-
/**
|
|
187
|
-
* On cancel event handler.
|
|
188
|
-
* @since 1.2.0
|
|
189
|
-
*/
|
|
190
|
-
onCancel: _propTypes.default.func,
|
|
191
|
-
/**
|
|
192
|
-
* On close event handler.
|
|
193
|
-
* @since 1.2.0
|
|
194
|
-
*/
|
|
195
|
-
onClose: _propTypes.default.func,
|
|
196
|
-
/**
|
|
197
|
-
* On finish event handler.
|
|
198
|
-
* @since 1.2.0
|
|
199
|
-
*/
|
|
200
|
-
onFinish: _propTypes.default.func,
|
|
201
|
-
/**
|
|
202
|
-
* On fail event handler.
|
|
203
|
-
* @since 1.2.0
|
|
204
|
-
*/
|
|
205
|
-
onFail: _propTypes.default.func,
|
|
206
|
-
/**
|
|
207
|
-
* Content of the `ProgressDialog`.
|
|
208
|
-
* @since 1.2.0
|
|
209
|
-
*/
|
|
210
|
-
children: _propTypes.default.node,
|
|
211
|
-
/**
|
|
212
|
-
* @ignore
|
|
213
|
-
*/
|
|
214
|
-
className: _propTypes.default.string,
|
|
215
|
-
/**
|
|
216
|
-
* @ignore
|
|
217
|
-
*/
|
|
218
|
-
baseClassName: _propTypes.default.string
|
|
219
|
-
};
|
|
220
|
-
ProgressDialog.defaultProps = {
|
|
147
|
+
(0, _defineProperty2.default)(ProgressDialog, "defaultProps", {
|
|
221
148
|
isOpen: false,
|
|
222
149
|
banner: null,
|
|
223
150
|
image: null,
|
|
@@ -233,6 +160,6 @@ ProgressDialog.defaultProps = {
|
|
|
233
160
|
children: null,
|
|
234
161
|
className: null,
|
|
235
162
|
baseClassName: `${_constants.CLS_PREFIX}progress-dialog`
|
|
236
|
-
};
|
|
163
|
+
});
|
|
237
164
|
var _default = ProgressDialog;
|
|
238
165
|
exports.default = _default;
|
|
@@ -5,8 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = exports.STATUS_WARNING = exports.STATUS_RUNNING = exports.STATUS_NOT_STARTED = exports.STATUS_ERROR = exports.STATUS_DONE = exports.STATUS_CANCELED = void 0;
|
|
8
|
-
var _react =
|
|
9
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
8
|
+
var _react = require("react");
|
|
10
9
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
10
|
var _Icon = _interopRequireWildcard(require("../Icon"));
|
|
12
11
|
var _Status = _interopRequireDefault(require("../Status"));
|
|
@@ -29,22 +28,21 @@ exports.STATUS_WARNING = STATUS_WARNING;
|
|
|
29
28
|
const STATUS_ERROR = 'error';
|
|
30
29
|
exports.STATUS_ERROR = STATUS_ERROR;
|
|
31
30
|
const STATUS_CANCELED = 'canceled';
|
|
32
|
-
|
|
31
|
+
exports.STATUS_CANCELED = STATUS_CANCELED;
|
|
33
32
|
/**
|
|
34
33
|
* `ProgressStep` is a part of the [Progress](#!/Progress) component.
|
|
35
34
|
* @since 1.10.0
|
|
36
35
|
*/
|
|
37
|
-
exports.STATUS_CANCELED = STATUS_CANCELED;
|
|
38
36
|
const ProgressStep = _ref => {
|
|
39
37
|
let {
|
|
40
|
-
baseClassName,
|
|
41
38
|
className,
|
|
42
39
|
children,
|
|
43
40
|
icon,
|
|
44
41
|
title,
|
|
42
|
+
statusText,
|
|
45
43
|
progress,
|
|
46
44
|
status,
|
|
47
|
-
|
|
45
|
+
baseClassName,
|
|
48
46
|
...props
|
|
49
47
|
} = _ref;
|
|
50
48
|
let intent = null;
|
|
@@ -120,46 +118,6 @@ const ProgressStep = _ref => {
|
|
|
120
118
|
})]
|
|
121
119
|
});
|
|
122
120
|
};
|
|
123
|
-
ProgressStep.propTypes = {
|
|
124
|
-
/**
|
|
125
|
-
* Title of the step
|
|
126
|
-
* @since 1.10.0
|
|
127
|
-
*/
|
|
128
|
-
title: _propTypes.default.node,
|
|
129
|
-
/**
|
|
130
|
-
* Status for the step
|
|
131
|
-
* @since 1.10.0
|
|
132
|
-
*/
|
|
133
|
-
status: _propTypes.default.oneOf([STATUS_NOT_STARTED, STATUS_RUNNING, STATUS_DONE, STATUS_WARNING, STATUS_ERROR, STATUS_CANCELED]),
|
|
134
|
-
/**
|
|
135
|
-
* Text description for the status of the step
|
|
136
|
-
* @since 1.10.0
|
|
137
|
-
*/
|
|
138
|
-
statusText: _propTypes.default.node,
|
|
139
|
-
/**
|
|
140
|
-
* Progress indication in numbers
|
|
141
|
-
* @since 1.10.0
|
|
142
|
-
*/
|
|
143
|
-
progress: _propTypes.default.number,
|
|
144
|
-
/**
|
|
145
|
-
* Content of the `ProgressStep`.
|
|
146
|
-
* @since 1.10.0
|
|
147
|
-
*/
|
|
148
|
-
children: _propTypes.default.node,
|
|
149
|
-
/**
|
|
150
|
-
* Name of icon or [Icon](#!/Icon) component
|
|
151
|
-
* @ignore
|
|
152
|
-
*/
|
|
153
|
-
icon: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.element]),
|
|
154
|
-
/**
|
|
155
|
-
* @ignore
|
|
156
|
-
*/
|
|
157
|
-
className: _propTypes.default.string,
|
|
158
|
-
/**
|
|
159
|
-
* @ignore
|
|
160
|
-
*/
|
|
161
|
-
baseClassName: _propTypes.default.string
|
|
162
|
-
};
|
|
163
121
|
ProgressStep.defaultProps = {
|
|
164
122
|
icon: null,
|
|
165
123
|
title: null,
|
|
@@ -3,7 +3,42 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
|
|
6
|
+
Object.defineProperty(exports, "STATUS_CANCELED", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _ProgressStep.STATUS_CANCELED;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "STATUS_DONE", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function () {
|
|
15
|
+
return _ProgressStep.STATUS_DONE;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
Object.defineProperty(exports, "STATUS_ERROR", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function () {
|
|
21
|
+
return _ProgressStep.STATUS_ERROR;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
Object.defineProperty(exports, "STATUS_NOT_STARTED", {
|
|
25
|
+
enumerable: true,
|
|
26
|
+
get: function () {
|
|
27
|
+
return _ProgressStep.STATUS_NOT_STARTED;
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
Object.defineProperty(exports, "STATUS_RUNNING", {
|
|
31
|
+
enumerable: true,
|
|
32
|
+
get: function () {
|
|
33
|
+
return _ProgressStep.STATUS_RUNNING;
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
Object.defineProperty(exports, "STATUS_WARNING", {
|
|
37
|
+
enumerable: true,
|
|
38
|
+
get: function () {
|
|
39
|
+
return _ProgressStep.STATUS_WARNING;
|
|
40
|
+
}
|
|
41
|
+
});
|
|
7
42
|
Object.defineProperty(exports, "default", {
|
|
8
43
|
enumerable: true,
|
|
9
44
|
get: function () {
|
|
@@ -11,16 +46,5 @@ Object.defineProperty(exports, "default", {
|
|
|
11
46
|
}
|
|
12
47
|
});
|
|
13
48
|
var _ProgressStep = _interopRequireWildcard(require("./ProgressStep"));
|
|
14
|
-
Object.keys(_ProgressStep).forEach(function (key) {
|
|
15
|
-
if (key === "default" || key === "__esModule") return;
|
|
16
|
-
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
17
|
-
if (key in exports && exports[key] === _ProgressStep[key]) return;
|
|
18
|
-
Object.defineProperty(exports, key, {
|
|
19
|
-
enumerable: true,
|
|
20
|
-
get: function () {
|
|
21
|
-
return _ProgressStep[key];
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
});
|
|
25
49
|
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); }
|
|
26
50
|
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; }
|
|
@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
8
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
9
|
var _constants = require("../../constants");
|
|
12
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
@@ -21,25 +19,22 @@ const width = value => {
|
|
|
21
19
|
}
|
|
22
20
|
return result;
|
|
23
21
|
};
|
|
24
|
-
|
|
25
22
|
/**
|
|
26
23
|
* `Rating` component is used for showing and collecting feedback of users' opinion in 0-5 grade scale.
|
|
27
24
|
* @since 0.0.42
|
|
28
25
|
*/
|
|
29
26
|
const Rating = _ref => {
|
|
30
27
|
let {
|
|
31
|
-
baseClassName
|
|
28
|
+
baseClassName = `${_constants.CLS_PREFIX}rating`,
|
|
32
29
|
className,
|
|
33
|
-
value,
|
|
34
|
-
small,
|
|
30
|
+
value = 0,
|
|
31
|
+
small = false,
|
|
35
32
|
...props
|
|
36
33
|
} = _ref;
|
|
37
34
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
38
|
-
className: (0, _classnames.default)({
|
|
39
|
-
[baseClassName]: true,
|
|
35
|
+
className: (0, _classnames.default)(baseClassName, className, {
|
|
40
36
|
[`${baseClassName}--static`]: true,
|
|
41
|
-
[`${baseClassName}--small`]: small
|
|
42
|
-
[className]: true
|
|
37
|
+
[`${baseClassName}--small`]: small
|
|
43
38
|
}),
|
|
44
39
|
...props,
|
|
45
40
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
@@ -50,31 +45,5 @@ const Rating = _ref => {
|
|
|
50
45
|
})
|
|
51
46
|
});
|
|
52
47
|
};
|
|
53
|
-
Rating.propTypes = {
|
|
54
|
-
/**
|
|
55
|
-
* Rating value from 0 to 5.
|
|
56
|
-
* @since 0.0.42
|
|
57
|
-
*/
|
|
58
|
-
value: _propTypes.default.number,
|
|
59
|
-
/**
|
|
60
|
-
* Small variant.
|
|
61
|
-
* @since 0.0.42
|
|
62
|
-
*/
|
|
63
|
-
small: _propTypes.default.bool,
|
|
64
|
-
/**
|
|
65
|
-
* @ignore
|
|
66
|
-
*/
|
|
67
|
-
className: _propTypes.default.string,
|
|
68
|
-
/**
|
|
69
|
-
* @ignore
|
|
70
|
-
*/
|
|
71
|
-
baseClassName: _propTypes.default.string
|
|
72
|
-
};
|
|
73
|
-
Rating.defaultProps = {
|
|
74
|
-
value: 0,
|
|
75
|
-
small: false,
|
|
76
|
-
className: null,
|
|
77
|
-
baseClassName: `${_constants.CLS_PREFIX}rating`
|
|
78
|
-
};
|
|
79
48
|
var _default = Rating;
|
|
80
49
|
exports.default = _default;
|