@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
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/* eslint-disable max-len */
|
|
2
2
|
// This file is generated by create-svg-sprite. Do not edit.
|
|
3
3
|
|
|
4
|
-
export 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'];
|
|
5
|
-
export 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'];
|
|
4
|
+
export 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'];
|
|
5
|
+
export 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'];
|
|
@@ -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>
|
|
@@ -294,7 +294,9 @@ class List extends Component {
|
|
|
294
294
|
data,
|
|
295
295
|
pagination,
|
|
296
296
|
vertical,
|
|
297
|
-
rowKey
|
|
297
|
+
rowKey,
|
|
298
|
+
totalRows,
|
|
299
|
+
filtered
|
|
298
300
|
} = _ref5;
|
|
299
301
|
let {
|
|
300
302
|
prevSortColumn,
|
|
@@ -313,16 +315,17 @@ class List extends Component {
|
|
|
313
315
|
sortDirection
|
|
314
316
|
};
|
|
315
317
|
}
|
|
318
|
+
const additionalExpanded = [];
|
|
316
319
|
if (prevData !== data) {
|
|
317
|
-
|
|
320
|
+
const isSingleElementInCurrentExpanded = () => state.expandedRows.includes(getRowKey(data[0], {
|
|
321
|
+
rowKey
|
|
322
|
+
}));
|
|
323
|
+
if (renderRowBody && data?.length === 1 && (!pagination || totalRows === 1) && (!prevData || prevData?.length === 0 || isSingleElementInCurrentExpanded()) && (!filtered || isSingleElementInCurrentExpanded())) {
|
|
318
324
|
const key = getRowKey(data[0], {
|
|
319
325
|
rowKey
|
|
320
326
|
});
|
|
321
327
|
if (notExpandableRows.indexOf(key) === -1) {
|
|
322
|
-
|
|
323
|
-
...nextState,
|
|
324
|
-
expandedRows: [...expandedRows, key]
|
|
325
|
-
};
|
|
328
|
+
additionalExpanded.push(key);
|
|
326
329
|
}
|
|
327
330
|
}
|
|
328
331
|
const keys = data.map(row => getRowKey(row, {
|
|
@@ -340,10 +343,10 @@ class List extends Component {
|
|
|
340
343
|
selection
|
|
341
344
|
};
|
|
342
345
|
}
|
|
343
|
-
if (prevExpandedRows !== expandedRows) {
|
|
346
|
+
if (prevExpandedRows !== expandedRows || additionalExpanded.length) {
|
|
344
347
|
nextState = {
|
|
345
348
|
...nextState,
|
|
346
|
-
expandedRows
|
|
349
|
+
expandedRows: [...expandedRows, ...additionalExpanded]
|
|
347
350
|
};
|
|
348
351
|
}
|
|
349
352
|
if (prevPagination !== pagination) {
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
2
|
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
3
3
|
|
|
4
|
-
import
|
|
5
|
-
import PropTypes from 'prop-types';
|
|
4
|
+
import { Component, Children, isValidElement } from 'react';
|
|
6
5
|
import classNames from 'classnames';
|
|
7
6
|
import { CLS_PREFIX } from '../../constants';
|
|
8
7
|
import { safeInvoke } from '../utils';
|
|
@@ -61,16 +60,19 @@ class Progress extends Component {
|
|
|
61
60
|
const {
|
|
62
61
|
onStatusChange
|
|
63
62
|
} = this.props;
|
|
63
|
+
if (!status) {
|
|
64
|
+
return;
|
|
65
|
+
}
|
|
64
66
|
safeInvoke(onStatusChange, status);
|
|
65
67
|
}
|
|
66
|
-
componentDidUpdate(
|
|
68
|
+
componentDidUpdate(_, prevState) {
|
|
67
69
|
const {
|
|
68
70
|
status
|
|
69
71
|
} = this.state;
|
|
70
72
|
const {
|
|
71
73
|
onStatusChange
|
|
72
74
|
} = this.props;
|
|
73
|
-
if (prevState.status !== status) {
|
|
75
|
+
if (prevState.status !== status && status) {
|
|
74
76
|
safeInvoke(onStatusChange, status);
|
|
75
77
|
}
|
|
76
78
|
}
|
|
@@ -89,30 +91,10 @@ class Progress extends Component {
|
|
|
89
91
|
});
|
|
90
92
|
}
|
|
91
93
|
}
|
|
92
|
-
Progress
|
|
93
|
-
/**
|
|
94
|
-
* On overall status event handler.
|
|
95
|
-
* @since 1.10.0
|
|
96
|
-
*/
|
|
97
|
-
onStatusChange: PropTypes.func,
|
|
98
|
-
/**
|
|
99
|
-
* Content of the `Progress`.
|
|
100
|
-
* @since 1.10.0
|
|
101
|
-
*/
|
|
102
|
-
children: PropTypes.node,
|
|
103
|
-
/**
|
|
104
|
-
* @ignore
|
|
105
|
-
*/
|
|
106
|
-
className: PropTypes.string,
|
|
107
|
-
/**
|
|
108
|
-
* @ignore
|
|
109
|
-
*/
|
|
110
|
-
baseClassName: PropTypes.string
|
|
111
|
-
};
|
|
112
|
-
Progress.defaultProps = {
|
|
94
|
+
_defineProperty(Progress, "defaultProps", {
|
|
113
95
|
onStatusChange: null,
|
|
114
96
|
children: null,
|
|
115
97
|
className: null,
|
|
116
98
|
baseClassName: `${CLS_PREFIX}progress`
|
|
117
|
-
};
|
|
99
|
+
});
|
|
118
100
|
export default Progress;
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
2
|
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
3
3
|
|
|
4
|
-
import
|
|
5
|
-
import PropTypes from 'prop-types';
|
|
4
|
+
import { Component } from 'react';
|
|
6
5
|
import classNames from 'classnames';
|
|
7
6
|
import Dialog from '../Dialog';
|
|
8
7
|
import { CLS_PREFIX } from '../../constants';
|
|
@@ -44,7 +43,7 @@ class ProgressDialog extends Component {
|
|
|
44
43
|
isFinished,
|
|
45
44
|
isFailed
|
|
46
45
|
} = this.state;
|
|
47
|
-
|
|
46
|
+
this.clearCloseTimeout();
|
|
48
47
|
if (!isOpen) {
|
|
49
48
|
return;
|
|
50
49
|
}
|
|
@@ -68,7 +67,7 @@ class ProgressDialog extends Component {
|
|
|
68
67
|
isOpen
|
|
69
68
|
};
|
|
70
69
|
}
|
|
71
|
-
componentDidUpdate(
|
|
70
|
+
componentDidUpdate(_, prevState) {
|
|
72
71
|
const {
|
|
73
72
|
isFinished
|
|
74
73
|
} = this.state;
|
|
@@ -76,13 +75,19 @@ class ProgressDialog extends Component {
|
|
|
76
75
|
autoCloseTimeout
|
|
77
76
|
} = this.props;
|
|
78
77
|
if (prevState.isFinished === false && isFinished === true) {
|
|
79
|
-
|
|
78
|
+
this.clearCloseTimeout();
|
|
80
79
|
if (autoCloseTimeout) {
|
|
81
80
|
this.closeTimeout = setTimeout(this.handleClose, autoCloseTimeout);
|
|
82
81
|
}
|
|
83
82
|
}
|
|
84
83
|
}
|
|
85
84
|
componentWillUnmount() {
|
|
85
|
+
this.clearCloseTimeout();
|
|
86
|
+
}
|
|
87
|
+
clearCloseTimeout() {
|
|
88
|
+
if (!this.closeTimeout) {
|
|
89
|
+
return;
|
|
90
|
+
}
|
|
86
91
|
clearTimeout(this.closeTimeout);
|
|
87
92
|
}
|
|
88
93
|
render() {
|
|
@@ -133,83 +138,7 @@ class ProgressDialog extends Component {
|
|
|
133
138
|
});
|
|
134
139
|
}
|
|
135
140
|
}
|
|
136
|
-
ProgressDialog
|
|
137
|
-
/**
|
|
138
|
-
* Toggles visibility.
|
|
139
|
-
* @since 1.2.0
|
|
140
|
-
*/
|
|
141
|
-
isOpen: PropTypes.bool,
|
|
142
|
-
/**
|
|
143
|
-
* Banner. Renders in front of content as wide as dialog.
|
|
144
|
-
* @since 1.2.0
|
|
145
|
-
*/
|
|
146
|
-
banner: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.element]),
|
|
147
|
-
/**
|
|
148
|
-
* Image. Renders into content.
|
|
149
|
-
* @since 1.2.0
|
|
150
|
-
*/
|
|
151
|
-
image: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.element]),
|
|
152
|
-
/**
|
|
153
|
-
* Title
|
|
154
|
-
* @since 1.2.0
|
|
155
|
-
*/
|
|
156
|
-
title: PropTypes.node,
|
|
157
|
-
/**
|
|
158
|
-
* Description of the `ProgressDialog`.
|
|
159
|
-
* @since 1.2.0
|
|
160
|
-
*/
|
|
161
|
-
description: PropTypes.node,
|
|
162
|
-
/**
|
|
163
|
-
* Actions which will be shown in Dialog header.
|
|
164
|
-
* @since 1.2.0
|
|
165
|
-
*/
|
|
166
|
-
actions: PropTypes.node,
|
|
167
|
-
/**
|
|
168
|
-
* Whether the dialog should be canceled with the cancel button.
|
|
169
|
-
* @since 1.2.0
|
|
170
|
-
*/
|
|
171
|
-
cancelable: PropTypes.bool,
|
|
172
|
-
/**
|
|
173
|
-
* The interval of time to auto close dialog when it successful finished.
|
|
174
|
-
* Set `null` for disable auto close.
|
|
175
|
-
* @since 1.2.0
|
|
176
|
-
*/
|
|
177
|
-
autoCloseTimeout: PropTypes.number,
|
|
178
|
-
/**
|
|
179
|
-
* On cancel event handler.
|
|
180
|
-
* @since 1.2.0
|
|
181
|
-
*/
|
|
182
|
-
onCancel: PropTypes.func,
|
|
183
|
-
/**
|
|
184
|
-
* On close event handler.
|
|
185
|
-
* @since 1.2.0
|
|
186
|
-
*/
|
|
187
|
-
onClose: PropTypes.func,
|
|
188
|
-
/**
|
|
189
|
-
* On finish event handler.
|
|
190
|
-
* @since 1.2.0
|
|
191
|
-
*/
|
|
192
|
-
onFinish: PropTypes.func,
|
|
193
|
-
/**
|
|
194
|
-
* On fail event handler.
|
|
195
|
-
* @since 1.2.0
|
|
196
|
-
*/
|
|
197
|
-
onFail: PropTypes.func,
|
|
198
|
-
/**
|
|
199
|
-
* Content of the `ProgressDialog`.
|
|
200
|
-
* @since 1.2.0
|
|
201
|
-
*/
|
|
202
|
-
children: PropTypes.node,
|
|
203
|
-
/**
|
|
204
|
-
* @ignore
|
|
205
|
-
*/
|
|
206
|
-
className: PropTypes.string,
|
|
207
|
-
/**
|
|
208
|
-
* @ignore
|
|
209
|
-
*/
|
|
210
|
-
baseClassName: PropTypes.string
|
|
211
|
-
};
|
|
212
|
-
ProgressDialog.defaultProps = {
|
|
141
|
+
_defineProperty(ProgressDialog, "defaultProps", {
|
|
213
142
|
isOpen: false,
|
|
214
143
|
banner: null,
|
|
215
144
|
image: null,
|
|
@@ -225,5 +154,5 @@ ProgressDialog.defaultProps = {
|
|
|
225
154
|
children: null,
|
|
226
155
|
className: null,
|
|
227
156
|
baseClassName: `${CLS_PREFIX}progress-dialog`
|
|
228
|
-
};
|
|
157
|
+
});
|
|
229
158
|
export default ProgressDialog;
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
2
2
|
|
|
3
|
-
import
|
|
4
|
-
import PropTypes from 'prop-types';
|
|
3
|
+
import { isValidElement, Children, useContext } from 'react';
|
|
5
4
|
import classNames from 'classnames';
|
|
6
5
|
import Icon, { ICON_SIZE_16 } from '../Icon';
|
|
7
|
-
import
|
|
6
|
+
import StatusComponent from '../Status';
|
|
8
7
|
import { CLS_PREFIX } from '../../constants';
|
|
9
8
|
import ProgressBar from '../ProgressBar';
|
|
10
9
|
import OnDarkContext from '../OnDarkContext';
|
|
@@ -16,21 +15,20 @@ export const STATUS_DONE = 'done';
|
|
|
16
15
|
export const STATUS_WARNING = 'warning';
|
|
17
16
|
export const STATUS_ERROR = 'error';
|
|
18
17
|
export const STATUS_CANCELED = 'canceled';
|
|
19
|
-
|
|
20
18
|
/**
|
|
21
19
|
* `ProgressStep` is a part of the [Progress](#!/Progress) component.
|
|
22
20
|
* @since 1.10.0
|
|
23
21
|
*/
|
|
24
22
|
const ProgressStep = _ref => {
|
|
25
23
|
let {
|
|
26
|
-
baseClassName,
|
|
27
24
|
className,
|
|
28
25
|
children,
|
|
29
26
|
icon,
|
|
30
27
|
title,
|
|
28
|
+
statusText,
|
|
31
29
|
progress,
|
|
32
30
|
status,
|
|
33
|
-
|
|
31
|
+
baseClassName,
|
|
34
32
|
...props
|
|
35
33
|
} = _ref;
|
|
36
34
|
let intent = null;
|
|
@@ -66,8 +64,8 @@ const ProgressStep = _ref => {
|
|
|
66
64
|
size: ICON_SIZE_16,
|
|
67
65
|
intent
|
|
68
66
|
});
|
|
69
|
-
if (statusText && (! /*#__PURE__*/isValidElement(statusText) || statusText.type !==
|
|
70
|
-
statusText = /*#__PURE__*/_jsx(
|
|
67
|
+
if (statusText && (! /*#__PURE__*/isValidElement(statusText) || statusText.type !== StatusComponent)) {
|
|
68
|
+
statusText = /*#__PURE__*/_jsx(StatusComponent, {
|
|
71
69
|
children: statusText
|
|
72
70
|
});
|
|
73
71
|
}
|
|
@@ -106,46 +104,6 @@ const ProgressStep = _ref => {
|
|
|
106
104
|
})]
|
|
107
105
|
});
|
|
108
106
|
};
|
|
109
|
-
ProgressStep.propTypes = {
|
|
110
|
-
/**
|
|
111
|
-
* Title of the step
|
|
112
|
-
* @since 1.10.0
|
|
113
|
-
*/
|
|
114
|
-
title: PropTypes.node,
|
|
115
|
-
/**
|
|
116
|
-
* Status for the step
|
|
117
|
-
* @since 1.10.0
|
|
118
|
-
*/
|
|
119
|
-
status: PropTypes.oneOf([STATUS_NOT_STARTED, STATUS_RUNNING, STATUS_DONE, STATUS_WARNING, STATUS_ERROR, STATUS_CANCELED]),
|
|
120
|
-
/**
|
|
121
|
-
* Text description for the status of the step
|
|
122
|
-
* @since 1.10.0
|
|
123
|
-
*/
|
|
124
|
-
statusText: PropTypes.node,
|
|
125
|
-
/**
|
|
126
|
-
* Progress indication in numbers
|
|
127
|
-
* @since 1.10.0
|
|
128
|
-
*/
|
|
129
|
-
progress: PropTypes.number,
|
|
130
|
-
/**
|
|
131
|
-
* Content of the `ProgressStep`.
|
|
132
|
-
* @since 1.10.0
|
|
133
|
-
*/
|
|
134
|
-
children: PropTypes.node,
|
|
135
|
-
/**
|
|
136
|
-
* Name of icon or [Icon](#!/Icon) component
|
|
137
|
-
* @ignore
|
|
138
|
-
*/
|
|
139
|
-
icon: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.element]),
|
|
140
|
-
/**
|
|
141
|
-
* @ignore
|
|
142
|
-
*/
|
|
143
|
-
className: PropTypes.string,
|
|
144
|
-
/**
|
|
145
|
-
* @ignore
|
|
146
|
-
*/
|
|
147
|
-
baseClassName: PropTypes.string
|
|
148
|
-
};
|
|
149
107
|
ProgressStep.defaultProps = {
|
|
150
108
|
icon: null,
|
|
151
109
|
title: null,
|
|
@@ -1,4 +1,3 @@
|
|
|
1
1
|
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
2
2
|
|
|
3
|
-
export { default } from './ProgressStep';
|
|
4
|
-
export * from './ProgressStep';
|
|
3
|
+
export { default, STATUS_RUNNING, STATUS_DONE, STATUS_ERROR, STATUS_WARNING, STATUS_CANCELED, STATUS_NOT_STARTED } from './ProgressStep';
|
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
2
2
|
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import PropTypes from 'prop-types';
|
|
5
3
|
import classNames from 'classnames';
|
|
6
4
|
import { CLS_PREFIX } from '../../constants';
|
|
7
5
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
@@ -14,25 +12,22 @@ const width = value => {
|
|
|
14
12
|
}
|
|
15
13
|
return result;
|
|
16
14
|
};
|
|
17
|
-
|
|
18
15
|
/**
|
|
19
16
|
* `Rating` component is used for showing and collecting feedback of users' opinion in 0-5 grade scale.
|
|
20
17
|
* @since 0.0.42
|
|
21
18
|
*/
|
|
22
19
|
const Rating = _ref => {
|
|
23
20
|
let {
|
|
24
|
-
baseClassName
|
|
21
|
+
baseClassName = `${CLS_PREFIX}rating`,
|
|
25
22
|
className,
|
|
26
|
-
value,
|
|
27
|
-
small,
|
|
23
|
+
value = 0,
|
|
24
|
+
small = false,
|
|
28
25
|
...props
|
|
29
26
|
} = _ref;
|
|
30
27
|
return /*#__PURE__*/_jsx("div", {
|
|
31
|
-
className: classNames({
|
|
32
|
-
[baseClassName]: true,
|
|
28
|
+
className: classNames(baseClassName, className, {
|
|
33
29
|
[`${baseClassName}--static`]: true,
|
|
34
|
-
[`${baseClassName}--small`]: small
|
|
35
|
-
[className]: true
|
|
30
|
+
[`${baseClassName}--small`]: small
|
|
36
31
|
}),
|
|
37
32
|
...props,
|
|
38
33
|
children: /*#__PURE__*/_jsx("div", {
|
|
@@ -43,30 +38,4 @@ const Rating = _ref => {
|
|
|
43
38
|
})
|
|
44
39
|
});
|
|
45
40
|
};
|
|
46
|
-
Rating.propTypes = {
|
|
47
|
-
/**
|
|
48
|
-
* Rating value from 0 to 5.
|
|
49
|
-
* @since 0.0.42
|
|
50
|
-
*/
|
|
51
|
-
value: PropTypes.number,
|
|
52
|
-
/**
|
|
53
|
-
* Small variant.
|
|
54
|
-
* @since 0.0.42
|
|
55
|
-
*/
|
|
56
|
-
small: PropTypes.bool,
|
|
57
|
-
/**
|
|
58
|
-
* @ignore
|
|
59
|
-
*/
|
|
60
|
-
className: PropTypes.string,
|
|
61
|
-
/**
|
|
62
|
-
* @ignore
|
|
63
|
-
*/
|
|
64
|
-
baseClassName: PropTypes.string
|
|
65
|
-
};
|
|
66
|
-
Rating.defaultProps = {
|
|
67
|
-
value: 0,
|
|
68
|
-
small: false,
|
|
69
|
-
className: null,
|
|
70
|
-
baseClassName: `${CLS_PREFIX}rating`
|
|
71
|
-
};
|
|
72
41
|
export default Rating;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
2
2
|
|
|
3
3
|
export { default } from './Skeleton';
|
|
4
|
-
export { default as
|
|
5
|
-
export { default as
|
|
4
|
+
export { default as SkeletonTabs } from './SkeletonTabs';
|
|
5
|
+
export { default as SkeletonText } from './SkeletonText';
|
|
@@ -35,8 +35,7 @@ const focusStrategy = {
|
|
|
35
35
|
* `Split Button` is a combination of a standard [Button](#!/Button) with a [Dropdown](#!/Dropdown) menu.
|
|
36
36
|
* It is used for grouping several related actions when one of the actions should be accessible immediately
|
|
37
37
|
* because it is used more often than others.
|
|
38
|
-
*
|
|
39
|
-
* Since: 0.0.40
|
|
38
|
+
* @since 0.0.40
|
|
40
39
|
*/
|
|
41
40
|
const SplitButton = _ref => {
|
|
42
41
|
let {
|