@plesk/ui-library 3.38.2 → 3.40.0

package/esm/components/Button/Button.js

@@ -63,6 +63,9 @@ const renderCaret = _ref2 => {
   }
   return caretElement;
 };
+
+// For ToolbarMenu backward compatibility purposes
+export const BUTTON_PROP_NAMES = ['size', 'intent', 'ghost', 'selected', 'onToggle', 'state', 'disabled', 'tooltip', 'icon', 'caret', 'fill', 'children', 'component', 'className', 'baseClassName', 'arrow', 'onClick'];
 const Button = /*#__PURE__*/forwardRef((_ref3, ref) => {
   let {
     baseClassName = `${CLS_PREFIX}button`,
@@ -176,27 +179,6 @@ const Button = /*#__PURE__*/forwardRef((_ref3, ref) => {
 });
 Button.displayName = 'Button';
 
-// For ToolbarMenu backward compatibility purposes
-Button.defaultProps = {
-  size: undefined,
-  intent: undefined,
-  ghost: false,
-  selected: undefined,
-  onToggle: undefined,
-  state: undefined,
-  disabled: false,
-  tooltip: undefined,
-  icon: undefined,
-  caret: undefined,
-  fill: false,
-  children: undefined,
-  component: 'button',
-  className: undefined,
-  baseClassName: `${CLS_PREFIX}button`,
-  arrow: undefined,
-  onClick: undefined
-};
-
 /**
  * `Button` component is used for executing actions, changing the application state, opening forms or dialog windows, and submitting data.
  * As a rule, you should not use buttons for navigation between individual pages (use `Link` instead).

package/esm/components/Card/CardButton.js

@@ -9,10 +9,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
 const CardButton = _ref => {
   let {
     icon,
+    baseClassName = `${CLS_PREFIX}card-button`,
     ...props
   } = _ref;
   return /*#__PURE__*/_jsx(Button, {
     icon: Icon.create(icon),
+    baseClassName: baseClassName,
     ...props
   });
 };
@@ -23,7 +25,4 @@ CardButton.propTypes = {
   baseClassName: PropTypes.string,
   icon: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.element]).isRequired
 };
-CardButton.defaultProps = {
-  baseClassName: `${CLS_PREFIX}card-button`
-};
 export default CardButton;

package/esm/components/CardList/CardListToolbar.js

@@ -111,9 +111,9 @@ const renderView = (onViewChange, currentView) => {
 const isToolbarExpander = element => /*#__PURE__*/isValidElement(element) && element.type === ToolbarExpander;
 const CardListToolbar = _ref2 => {
   let {
-    baseClassName,
-    selection,
-    onViewChange,
+    baseClassName = `${CLS_PREFIX}card-list__toolbar`,
+    selection = null,
+    onViewChange = null,
     currentView,
     groups
   } = _ref2;
@@ -144,9 +144,4 @@ CardListToolbar.propTypes = {
   currentView: PropTypes.string.isRequired,
   baseClassName: PropTypes.string
 };
-CardListToolbar.defaultProps = {
-  selection: null,
-  onViewChange: null,
-  baseClassName: `${CLS_PREFIX}card-list__toolbar`
-};
 export default CardListToolbar;

package/esm/components/Dialog/Dialog.js

@@ -20,11 +20,14 @@ const isProps = value => value && typeof value === 'object' && ! /*#__PURE__*/is
  */
 const Dialog = _ref => {
   let {
-    baseClassName,
+    baseClassName = `${CLS_PREFIX}dialog`,
+    isOpen = false,
+    size = 'md',
+    closable = true,
+    canClose = true,
     className,
     children,
     actions,
-    isOpen,
     banner,
     image,
     title,
@@ -33,11 +36,8 @@ const Dialog = _ref => {
     cancelButton,
     buttons,
     form,
-    size,
-    closable,
     onClose,
     closingConfirmation,
-    canClose,
     ...props
   } = _ref;
   const [isVisible, setIsVisible] = useState(isOpen);
@@ -197,26 +197,4 @@ const Dialog = _ref => {
     }), closingConfirmationDialog]
   });
 };
-Dialog.defaultProps = {
-  isOpen: false,
-  banner: undefined,
-  sideBanner: undefined,
-  sideBannerContainer: undefined,
-  image: undefined,
-  title: undefined,
-  subtitle: undefined,
-  cancelTitle: undefined,
-  cancelButton: undefined,
-  buttons: undefined,
-  actions: undefined,
-  form: undefined,
-  size: 'md',
-  closable: true,
-  canClose: true,
-  onClose: undefined,
-  closingConfirmation: undefined,
-  children: undefined,
-  className: undefined,
-  baseClassName: `${CLS_PREFIX}dialog`
-};
 export default Dialog;

package/esm/components/Drawer/Drawer.js

@@ -12,24 +12,6 @@ import { isLikeText } from '../Translate';
 import ScrollableElementFormContext from '../Form/ScrollableElementFormContext';
 import DrawerProgress from './DrawerProgress';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const defaultProps = {
-  isOpen: false,
-  subtitle: undefined,
-  backButton: undefined,
-  hideButton: undefined,
-  tabs: undefined,
-  placement: 'left',
-  size: 'md',
-  onClose: undefined,
-  closingConfirmation: undefined,
-  form: undefined,
-  sideBanner: undefined,
-  sideBannerContainer: undefined,
-  progress: undefined,
-  children: null,
-  className: undefined,
-  baseClassName: `${CLS_PREFIX}drawer`
-};
 /**
  * `Drawer` component is used for working with properties of an object (or system) without leaving the context of the object.
  * [Read more when to use Drawer](#!/Drawers%2C%20pages%2C%20popovers).
@@ -37,7 +19,10 @@ const defaultProps = {
  */
 const Drawer = _ref => {
   let {
-    baseClassName,
+    baseClassName = `${CLS_PREFIX}drawer`,
+    isOpen = false,
+    placement = 'left',
+    size = 'md',
     className,
     children,
     title,
@@ -139,6 +124,9 @@ const Drawer = _ref => {
     }, className),
     onClose: onCloseWithConfirmation,
     canCloseOnBackdropClick: true,
+    isOpen: isOpen,
+    placement: placement,
+    size: size,
     ...props,
     children: [takeApart(_ref5 => {
       let {
@@ -180,5 +168,4 @@ const Drawer = _ref => {
     }), closingConfirmationDialog]
   });
 };
-Drawer.defaultProps = defaultProps;
 export default Drawer;

package/esm/components/Dropdown/Dropdown.js

@@ -125,12 +125,12 @@ const useEnhancedMenu = (menu, _ref2) => {
  */
 const Dropdown = _ref3 => {
   let {
-    baseClassName,
+    baseClassName = `${CLS_PREFIX}dropdown`,
     className,
     children,
     menu,
-    menuPlacement,
-    overlay,
+    menuPlacement = 'bottom-start',
+    overlay = false,
     locale,
     ...props
   } = _ref3;
@@ -199,12 +199,4 @@ const Dropdown = _ref3 => {
     })
   });
 };
-Dropdown.defaultProps = {
-  menuPlacement: 'bottom-start',
-  children: undefined,
-  overlay: false,
-  className: undefined,
-  baseClassName: `${CLS_PREFIX}dropdown`,
-  locale: undefined
-};
 export default Dropdown;

package/esm/components/FormField/FormField.js

@@ -21,28 +21,6 @@ import DisabledContext from '../Form/DisabledContext';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const BASE_FORM_FIELD_CLASS_NAME = `${CLS_PREFIX}form-field`;
 const defaultValue = undefined;
-const defaultProps = {
-  id: undefined,
-  name: undefined,
-  value: defaultValue,
-  onChange: null,
-  label: undefined,
-  description: undefined,
-  errors: {},
-  required: false,
-  children: undefined,
-  multi: undefined,
-  disabled: undefined,
-  locale: undefined,
-  addMoreValidator: undefined,
-  onRemoveRow: null,
-  fullDescription: undefined,
-  className: undefined,
-  baseClassName: BASE_FORM_FIELD_CLASS_NAME,
-  form: undefined,
-  vertical: undefined,
-  scrollableElement: undefined
-};
 
 /**
  * Simple helper to handle situations when we're expecting only array
@@ -448,8 +426,14 @@ class FormField extends Component {
  * * [FormFieldSelect](#!/FormFieldSelect), [FormFieldCheckbox](#!/FormFieldCheckbox),
  * [FormFieldRadioButtons](#!/FormFieldRadioButtons) for selecting options.
  */
-_defineProperty(FormField, "defaultProps", defaultProps);
-const FormFieldWrapper = props => {
+const FormFieldWrapper = _ref => {
+  let {
+    value = defaultValue,
+    errors = {},
+    required = false,
+    baseClassName = BASE_FORM_FIELD_CLASS_NAME,
+    ...props
+  } = _ref;
   const form = useContext(FormContext);
   const verticalContext = useContext(VerticalContext);
   const vertical = props.vertical === undefined ? verticalContext : props.vertical;
@@ -460,9 +444,12 @@ const FormFieldWrapper = props => {
     form: form,
     vertical: vertical,
     scrollableElement: scrollableElement,
-    disabled: props.disabled || disabled
+    disabled: props.disabled || disabled,
+    value: value,
+    errors: errors,
+    required: required,
+    baseClassName: baseClassName
   });
 };
 FormFieldWrapper.displayName = 'FormField';
-FormFieldWrapper.defaultProps = defaultProps;
 export default FormFieldWrapper;

package/esm/components/Icon/constants.js

@@ -1,5 +1,5 @@
 /* eslint-disable max-len */
 // This file is generated by create-svg-sprite. Do not edit.
 
-export const NAMES_12 = ['advisor', 'archive', 'arrow-back', 'arrow-diagonal-out', 'arrow-down', 'arrow-down-circle-filled', 'arrow-down-in', 'arrow-down-out', 'arrow-down-tray', 'arrow-left', 'arrow-left-circle-filled', 'arrow-right', 'arrow-right-circle-filled', 'arrow-right-in', 'arrow-right-out', 'arrow-up', 'arrow-up-circle', 'arrow-up-circle-filled', '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', 'dot-big', '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', 'file', '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', 'label', 'label-plus', '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', 'plus-circle', 'plus-circle-filled', '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', 'ssl-it', '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', 'wordpress-minus', 'zero-circle-filled'];
-export const NAMES = ['advisor', 'archive', 'arrow-back', 'arrow-diagonal-out', 'arrow-down', 'arrow-down-circle-filled', 'arrow-down-in', 'arrow-down-out', 'arrow-down-tray', 'arrow-left', 'arrow-left-circle-filled', 'arrow-right', 'arrow-right-circle-filled', 'arrow-right-in', 'arrow-right-out', 'arrow-up', 'arrow-up-circle', 'arrow-up-circle-filled', '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', 'dot-big', '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', 'file', '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', 'label', 'label-plus', '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', 'plus-circle', 'plus-circle-filled', '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', 'ssl-it', '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', 'wordpress-minus', 'zero-circle-filled'];
+export const NAMES_12 = ['advisor', 'archive', 'arrow-back', 'arrow-diagonal-out', 'arrow-down', 'arrow-down-circle-filled', 'arrow-down-in', 'arrow-down-out', 'arrow-down-tray', 'arrow-left', 'arrow-left-circle-filled', 'arrow-right', 'arrow-right-circle-filled', 'arrow-right-in', 'arrow-right-out', 'arrow-up', 'arrow-up-circle', 'arrow-up-circle-filled', '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', 'boost', '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', 'dot-big', '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', 'file', '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', 'label', 'label-plus', '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', 'plus-circle', 'plus-circle-filled', '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', 'ssl-it', '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', 'wordpress-minus', 'zero-circle-filled'];
+export const NAMES = ['advisor', 'archive', 'arrow-back', 'arrow-diagonal-out', 'arrow-down', 'arrow-down-circle-filled', 'arrow-down-in', 'arrow-down-out', 'arrow-down-tray', 'arrow-left', 'arrow-left-circle-filled', 'arrow-right', 'arrow-right-circle-filled', 'arrow-right-in', 'arrow-right-out', 'arrow-up', 'arrow-up-circle', 'arrow-up-circle-filled', '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', 'boost', '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', 'dot-big', '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', 'file', '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', 'label', 'label-plus', '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', 'plus-circle', 'plus-circle-filled', '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', 'ssl-it', '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', 'wordpress-minus', 'zero-circle-filled'];

package/esm/components/Icon/images/symbols.svg

@@ -1,4 +1,4 @@
-<svg width="16" height="12432" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="16" height="12480" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <defs>
     <symbol viewBox="0 0 12 12" id="advisor:12">
       <path d="M4.5 6.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0ZM8 7a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z" />
@@ -244,6 +244,14 @@
       <path fill-rule="evenodd" d="M2 1a1 1 0 0 1 1-1h9a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a1 1 0 0 1-1-1V1zm1 12V1h9a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H3zm10 .733V14a1 1 0 0 1-1 1H3v-1h9c.364 0 .706-.097 1-.267z" clip-rule="evenodd" />
       <path fill-rule="evenodd" d="M8 10a3 3 0 0 0 .878-.13c.264-.081.564.015.688.262.123.247.024.55-.236.642A4 4 0 1 1 12 7a1.5 1.5 0 0 1-2.4 1.2A2 2 0 1 1 10 7a.5.5 0 0 0 1 0 3 3 0 1 0-3 3zm0-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2z" clip-rule="evenodd" />
     </symbol>
+    <symbol viewBox="0 0 12 12" id="boost:12">
+      <path d="M10.5 2.1c-.1 0-.1 0-.1.1l-.6 7c-.5.2-.8.7-.8 1.3 0 .8.7 1.5 1.5 1.5s1.5-.7 1.5-1.5c0-.6-.3-1.1-.8-1.3l-.6-7c0-.1 0-.1-.1-.1zm0 8.9c-.3 0-.5-.2-.5-.5s.2-.5.5-.5.5.2.5.5-.2.5-.5.5z" />
+      <path d="M11.5 1c.3 0 .5-.2.5-.5s-.2-.5-.5-.5h-.1C8.1.2 5.1 1.7 3 4 1.3 6 .2 8.5 0 11.3v.2c0 .3.2.5.5.5s.5-.2.5-.5v-.2c.2-2.5 1.2-4.9 2.8-6.7C5.7 2.5 8.4 1.2 11.5 1z" />
+    </symbol>
+    <symbol viewBox="0 0 16 16" id="boost:16">
+      <path d="M15.5 1c.3 0 .5-.2.5-.5s-.2-.5-.5-.5C11.4.1 7.6 1.8 4.9 4.5 2 7.3.1 11.2 0 15.5c0 .3.2.5.5.5s.5-.2.5-.5c.1-4 1.9-7.7 4.6-10.3 2.6-2.5 6.1-4.1 9.9-4.2z" />
+      <path d="M14 2.8c-.1 0-.1 0-.2.1l-.8 9.3a2 2 0 0 0 .9 3.8 2 2 0 0 0 .9-3.8L14.2 3c-.1-.1-.1-.2-.2-.2zM14 15c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1z" />
+    </symbol>
     <symbol viewBox="0 0 12 12" id="boundary:12">
       <path fill-rule="evenodd" d="M3 9V2.997a1 1 0 01.342-.753L5.835.062a.25.25 0 01.33 0l2.494 2.182A1.003 1.003 0 019 2.997V9h.666a1 1 0 01.6.2l1.332 1c.769.577.361 1.8-.6 1.8H1.002c-.961 0-1.369-1.223-.6-1.8l1.333-1a1 1 0 01.6-.2H3zm5-1.565V9H6.435L8 7.435zM5 9l3-3V3.435l-4 4V9h1zm2.469-6.469L6 1.247l-2 1.75V6L7.469 2.53zM1.002 11l1.333-1h7.33l1.333 1H1.002z" clip-rule="evenodd" />
     </symbol>

package/esm/components/List/List.js

@@ -2,7 +2,6 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
 import { Fragment, cloneElement, isValidElement, createRef, Component, createElement as _createElement } from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { CSSTransition } from 'react-transition-group';
 import memoize from 'memoize-one';
@@ -34,7 +33,7 @@ function getRowKey(row, props) {
 }
 const Tbody = _ref => {
   let {
-    baseClassName,
+    baseClassName = `${CLS_PREFIX}list__wrapper`,
     className,
     ...props
   } = _ref;
@@ -52,18 +51,6 @@ const Tbody = _ref => {
     })
   });
 };
-Tbody.propTypes = {
-  onFocus: PropTypes.func,
-  onBlur: PropTypes.func,
-  className: PropTypes.string,
-  baseClassName: PropTypes.string
-};
-Tbody.defaultProps = {
-  onFocus: undefined,
-  onBlur: undefined,
-  className: undefined,
-  baseClassName: `${CLS_PREFIX}list__wrapper`
-};
 const getHumanTotalRows = _ref2 => {
   let {
     selectedRows,

package/esm/components/Progress/Progress.js

@@ -5,7 +5,7 @@ import { Component, Children, isValidElement } from 'react';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import { safeInvoke } from '../utils';
-import { STATUS_NOT_STARTED, STATUS_RUNNING, STATUS_DONE, STATUS_ERROR, STATUS_WARNING } from '../ProgressStep';
+import { STATUS_NOT_STARTED, STATUS_RUNNING, STATUS_DONE, STATUS_ERROR, STATUS_WARNING, PROGRESS_STEP_DEFAULT_STATUS } from '../ProgressStep';
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * `Progress` is used for showing progress of performing long operations.
@@ -28,11 +28,12 @@ class Progress extends Component {
     let isFailed = false;
     if (children) {
       Children.forEach(children, child => {
-        if ( /*#__PURE__*/isValidElement(child) && child.props.status) {
-          isNotStarted = isNotStarted && child.props.status === STATUS_NOT_STARTED;
-          isFinished = isFinished && child.props.status === STATUS_DONE;
-          isFinishedWithWarnings = isFinishedWithWarnings && [STATUS_DONE, STATUS_WARNING].includes(child.props.status);
-          isFailed = isFailed || child.props.status === STATUS_ERROR;
+        if ( /*#__PURE__*/isValidElement(child)) {
+          const status = child.props.status ?? PROGRESS_STEP_DEFAULT_STATUS;
+          isNotStarted = isNotStarted && status === STATUS_NOT_STARTED;
+          isFinished = isFinished && status === STATUS_DONE;
+          isFinishedWithWarnings = isFinishedWithWarnings && [STATUS_DONE, STATUS_WARNING].includes(status);
+          isFailed = isFailed || status === STATUS_ERROR;
         }
       });
     }

package/esm/components/ProgressStep/ProgressStep.js

@@ -14,6 +14,7 @@ export const STATUS_DONE = 'done';
 export const STATUS_WARNING = 'warning';
 export const STATUS_ERROR = 'error';
 export const STATUS_CANCELED = 'canceled';
+export const PROGRESS_STEP_DEFAULT_STATUS = STATUS_NOT_STARTED;
 /**
  * `ProgressStep` is a part of the [Progress](#!/Progress) component.
  * @since 1.10.0
@@ -25,9 +26,9 @@ const ProgressStep = _ref => {
     icon,
     title,
     statusText,
-    progress,
-    status,
-    baseClassName,
+    progress = -1,
+    status = PROGRESS_STEP_DEFAULT_STATUS,
+    baseClassName = `${CLS_PREFIX}progress-step`,
     ...props
   } = _ref;
   let intent = null;
@@ -103,14 +104,4 @@ const ProgressStep = _ref => {
     })]
   });
 };
-ProgressStep.defaultProps = {
-  icon: null,
-  title: null,
-  status: STATUS_NOT_STARTED,
-  statusText: null,
-  progress: -1,
-  children: null,
-  className: null,
-  baseClassName: `${CLS_PREFIX}progress-step`
-};
 export default ProgressStep;

package/esm/components/ProgressStep/index.js

@@ -1,3 +1,3 @@
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-export { default, STATUS_RUNNING, STATUS_DONE, STATUS_ERROR, STATUS_WARNING, STATUS_CANCELED, STATUS_NOT_STARTED } from './ProgressStep';
+export { default, STATUS_RUNNING, STATUS_DONE, STATUS_ERROR, STATUS_WARNING, STATUS_CANCELED, STATUS_NOT_STARTED, PROGRESS_STEP_DEFAULT_STATUS } from './ProgressStep';

package/esm/components/Section/Section.js

@@ -33,21 +33,6 @@ const getErrorsForChildren = (form, children) => {
   return errors;
 };
 export const SECTION_BASE_CLASS_NAME = `${CLS_PREFIX}section`;
-const DEFAULT_PROPS = {
-  title: undefined,
-  intent: undefined,
-  collapsible: false,
-  collapsed: false,
-  onTitleChange: undefined,
-  onClose: undefined,
-  onToggle: undefined,
-  buttons: undefined,
-  vertical: undefined,
-  children: undefined,
-  className: undefined,
-  baseClassName: SECTION_BASE_CLASS_NAME,
-  form: undefined
-};
 class Section extends Component {
   constructor() {
     super(...arguments);
@@ -235,18 +220,25 @@ class Section extends Component {
  * and comprehension of the presented information.
  * @since 0.0.54
  */
-_defineProperty(Section, "defaultProps", DEFAULT_PROPS);
-const SectionWrapper = props => {
+const SectionWrapper = _ref8 => {
+  let {
+    collapsible = false,
+    collapsed = false,
+    baseClassName = SECTION_BASE_CLASS_NAME,
+    ...props
+  } = _ref8;
   const form = useContext(FormContext);
   const verticalContext = useContext(VerticalContext);
   const vertical = props.vertical === undefined ? verticalContext : props.vertical;
   return /*#__PURE__*/_jsx(Section, {
     ...props,
     form: form,
-    vertical: vertical
+    vertical: vertical,
+    collapsible: collapsible,
+    collapsed: collapsed,
+    baseClassName: baseClassName
   });
 };
 SectionWrapper.displayName = 'Section';
-SectionWrapper.defaultProps = DEFAULT_PROPS;
 SectionWrapper.WrappedComponent = Section;
 export default SectionWrapper;

package/esm/components/SplitButton/SplitButton.js

@@ -1,4 +1,4 @@
-// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+// Copyright 1999-2024. Plesk International GmbH. All rights reserved.
 
 import { useRef } from 'react';
 import classNames from 'classnames';
@@ -83,8 +83,7 @@ const SplitButton = _ref => {
       menuPlacement: "bottom-end",
       children: /*#__PURE__*/_jsx(Button, {
         size: size,
-        caret: true,
-        tabIndex: -1
+        caret: true
       })
     })]
   });