@plesk/ui-library 3.38.2 → 3.40.0

package/cjs/components/Button/Button.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.BUTTON_PROP_NAMES = void 0;
 var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
@@ -69,6 +69,9 @@ const renderCaret = _ref2 => {
   }
   return caretElement;
 };
+
+// For ToolbarMenu backward compatibility purposes
+const BUTTON_PROP_NAMES = exports.BUTTON_PROP_NAMES = ['size', 'intent', 'ghost', 'selected', 'onToggle', 'state', 'disabled', 'tooltip', 'icon', 'caret', 'fill', 'children', 'component', 'className', 'baseClassName', 'arrow', 'onClick'];
 const Button = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
   let {
     baseClassName = `${_constants.CLS_PREFIX}button`,
@@ -182,27 +185,6 @@ const Button = /*#__PURE__*/(0, _react.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: `${_constants.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/cjs/components/Card/CardButton.js

@@ -16,10 +16,12 @@ var _jsxRuntime = require("react/jsx-runtime");
 const CardButton = _ref => {
   let {
     icon,
+    baseClassName = `${_constants.CLS_PREFIX}card-button`,
     ...props
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
     icon: _Icon.default.create(icon),
+    baseClassName: baseClassName,
     ...props
   });
 };
@@ -30,7 +32,4 @@ CardButton.propTypes = {
   baseClassName: _propTypes.default.string,
   icon: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.element]).isRequired
 };
-CardButton.defaultProps = {
-  baseClassName: `${_constants.CLS_PREFIX}card-button`
-};
 var _default = exports.default = CardButton;

package/cjs/components/CardList/CardListToolbar.js

@@ -120,9 +120,9 @@ const renderView = (onViewChange, currentView) => {
 const isToolbarExpander = element => /*#__PURE__*/(0, _react.isValidElement)(element) && element.type === _Toolbar.ToolbarExpander;
 const CardListToolbar = _ref2 => {
   let {
-    baseClassName,
-    selection,
-    onViewChange,
+    baseClassName = `${_constants.CLS_PREFIX}card-list__toolbar`,
+    selection = null,
+    onViewChange = null,
     currentView,
     groups
   } = _ref2;
@@ -153,9 +153,4 @@ CardListToolbar.propTypes = {
   currentView: _propTypes.default.string.isRequired,
   baseClassName: _propTypes.default.string
 };
-CardListToolbar.defaultProps = {
-  selection: null,
-  onViewChange: null,
-  baseClassName: `${_constants.CLS_PREFIX}card-list__toolbar`
-};
 var _default = exports.default = CardListToolbar;

package/cjs/components/Dialog/Dialog.js

@@ -29,11 +29,14 @@ const isProps = value => value && typeof value === 'object' && ! /*#__PURE__*/(0
  */
 const Dialog = _ref => {
   let {
-    baseClassName,
+    baseClassName = `${_constants.CLS_PREFIX}dialog`,
+    isOpen = false,
+    size = 'md',
+    closable = true,
+    canClose = true,
     className,
     children,
     actions,
-    isOpen,
     banner,
     image,
     title,
@@ -42,11 +45,8 @@ const Dialog = _ref => {
     cancelButton,
     buttons,
     form,
-    size,
-    closable,
     onClose,
     closingConfirmation,
-    canClose,
     ...props
   } = _ref;
   const [isVisible, setIsVisible] = (0, _react.useState)(isOpen);
@@ -206,26 +206,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: `${_constants.CLS_PREFIX}dialog`
-};
 var _default = exports.default = Dialog;

package/cjs/components/Drawer/Drawer.js

@@ -19,24 +19,6 @@ var _DrawerProgress = _interopRequireDefault(require("./DrawerProgress"));
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-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: `${_constants.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).
@@ -44,7 +26,10 @@ const defaultProps = {
  */
 const Drawer = _ref => {
   let {
-    baseClassName,
+    baseClassName = `${_constants.CLS_PREFIX}drawer`,
+    isOpen = false,
+    placement = 'left',
+    size = 'md',
     className,
     children,
     title,
@@ -146,6 +131,9 @@ const Drawer = _ref => {
     }, className),
     onClose: onCloseWithConfirmation,
     canCloseOnBackdropClick: true,
+    isOpen: isOpen,
+    placement: placement,
+    size: size,
     ...props,
     children: [takeApart(_ref5 => {
       let {
@@ -187,5 +175,4 @@ const Drawer = _ref => {
     }), closingConfirmationDialog]
   });
 };
-Drawer.defaultProps = defaultProps;
 var _default = exports.default = Drawer;

package/cjs/components/Dropdown/Dropdown.js

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

package/cjs/components/FormField/FormField.js

@@ -28,28 +28,6 @@ var _jsxRuntime = require("react/jsx-runtime");
 
 const BASE_FORM_FIELD_CLASS_NAME = exports.BASE_FORM_FIELD_CLASS_NAME = `${_constants.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
@@ -455,8 +433,14 @@ class FormField extends _react.Component {
  * * [FormFieldSelect](#!/FormFieldSelect), [FormFieldCheckbox](#!/FormFieldCheckbox),
  * [FormFieldRadioButtons](#!/FormFieldRadioButtons) for selecting options.
  */
-(0, _defineProperty2.default)(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 = (0, _react.useContext)(_FormContext.default);
   const verticalContext = (0, _react.useContext)(_VerticalContext.default);
   const vertical = props.vertical === undefined ? verticalContext : props.vertical;
@@ -467,9 +451,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;
 var _default = exports.default = FormFieldWrapper;

package/cjs/components/Icon/constants.js

@@ -7,5 +7,5 @@ exports.NAMES_12 = exports.NAMES = void 0;
 /* eslint-disable max-len */
 // This file is generated by create-svg-sprite. Do not edit.
 
-const NAMES_12 = exports.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'];
-const NAMES = exports.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'];
+const NAMES_12 = exports.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'];
+const NAMES = exports.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/cjs/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/cjs/components/List/List.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _reactTransitionGroup = require("react-transition-group");
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
@@ -41,7 +40,7 @@ function getRowKey(row, props) {
 }
 const Tbody = _ref => {
   let {
-    baseClassName,
+    baseClassName = `${_constants.CLS_PREFIX}list__wrapper`,
     className,
     ...props
   } = _ref;
@@ -59,18 +58,6 @@ const Tbody = _ref => {
     })
   });
 };
-Tbody.propTypes = {
-  onFocus: _propTypes.default.func,
-  onBlur: _propTypes.default.func,
-  className: _propTypes.default.string,
-  baseClassName: _propTypes.default.string
-};
-Tbody.defaultProps = {
-  onFocus: undefined,
-  onBlur: undefined,
-  className: undefined,
-  baseClassName: `${_constants.CLS_PREFIX}list__wrapper`
-};
 const getHumanTotalRows = _ref2 => {
   let {
     selectedRows,

package/cjs/components/Progress/Progress.js

@@ -35,11 +35,12 @@ class Progress extends _react.Component {
     let isFailed = false;
     if (children) {
       _react.Children.forEach(children, child => {
-        if ( /*#__PURE__*/(0, _react.isValidElement)(child) && child.props.status) {
-          isNotStarted = isNotStarted && child.props.status === _ProgressStep.STATUS_NOT_STARTED;
-          isFinished = isFinished && child.props.status === _ProgressStep.STATUS_DONE;
-          isFinishedWithWarnings = isFinishedWithWarnings && [_ProgressStep.STATUS_DONE, _ProgressStep.STATUS_WARNING].includes(child.props.status);
-          isFailed = isFailed || child.props.status === _ProgressStep.STATUS_ERROR;
+        if ( /*#__PURE__*/(0, _react.isValidElement)(child)) {
+          const status = child.props.status ?? _ProgressStep.PROGRESS_STEP_DEFAULT_STATUS;
+          isNotStarted = isNotStarted && status === _ProgressStep.STATUS_NOT_STARTED;
+          isFinished = isFinished && status === _ProgressStep.STATUS_DONE;
+          isFinishedWithWarnings = isFinishedWithWarnings && [_ProgressStep.STATUS_DONE, _ProgressStep.STATUS_WARNING].includes(status);
+          isFailed = isFailed || status === _ProgressStep.STATUS_ERROR;
         }
       });
     }

package/cjs/components/ProgressStep/ProgressStep.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.STATUS_WARNING = exports.STATUS_RUNNING = exports.STATUS_NOT_STARTED = exports.STATUS_ERROR = exports.STATUS_DONE = exports.STATUS_CANCELED = void 0;
+exports.default = exports.STATUS_WARNING = exports.STATUS_RUNNING = exports.STATUS_NOT_STARTED = exports.STATUS_ERROR = exports.STATUS_DONE = exports.STATUS_CANCELED = exports.PROGRESS_STEP_DEFAULT_STATUS = void 0;
 var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Icon = _interopRequireWildcard(require("../Icon"));
@@ -23,6 +23,7 @@ const STATUS_DONE = exports.STATUS_DONE = 'done';
 const STATUS_WARNING = exports.STATUS_WARNING = 'warning';
 const STATUS_ERROR = exports.STATUS_ERROR = 'error';
 const STATUS_CANCELED = exports.STATUS_CANCELED = 'canceled';
+const PROGRESS_STEP_DEFAULT_STATUS = exports.PROGRESS_STEP_DEFAULT_STATUS = STATUS_NOT_STARTED;
 /**
  * `ProgressStep` is a part of the [Progress](#!/Progress) component.
  * @since 1.10.0
@@ -34,9 +35,9 @@ const ProgressStep = _ref => {
     icon,
     title,
     statusText,
-    progress,
-    status,
-    baseClassName,
+    progress = -1,
+    status = PROGRESS_STEP_DEFAULT_STATUS,
+    baseClassName = `${_constants.CLS_PREFIX}progress-step`,
     ...props
   } = _ref;
   let intent = null;
@@ -112,14 +113,4 @@ const ProgressStep = _ref => {
     })]
   });
 };
-ProgressStep.defaultProps = {
-  icon: null,
-  title: null,
-  status: STATUS_NOT_STARTED,
-  statusText: null,
-  progress: -1,
-  children: null,
-  className: null,
-  baseClassName: `${_constants.CLS_PREFIX}progress-step`
-};
 var _default = exports.default = ProgressStep;

package/cjs/components/ProgressStep/index.js

@@ -3,6 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "PROGRESS_STEP_DEFAULT_STATUS", {
+  enumerable: true,
+  get: function () {
+    return _ProgressStep.PROGRESS_STEP_DEFAULT_STATUS;
+  }
+});
 Object.defineProperty(exports, "STATUS_CANCELED", {
   enumerable: true,
   get: function () {

package/cjs/components/Section/Section.js

@@ -42,21 +42,6 @@ const getErrorsForChildren = (form, children) => {
   return errors;
 };
 const SECTION_BASE_CLASS_NAME = exports.SECTION_BASE_CLASS_NAME = `${_constants.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 _react.Component {
   constructor() {
     super(...arguments);
@@ -244,18 +229,25 @@ class Section extends _react.Component {
  * and comprehension of the presented information.
  * @since 0.0.54
  */
-(0, _defineProperty2.default)(Section, "defaultProps", DEFAULT_PROPS);
-const SectionWrapper = props => {
+const SectionWrapper = _ref8 => {
+  let {
+    collapsible = false,
+    collapsed = false,
+    baseClassName = SECTION_BASE_CLASS_NAME,
+    ...props
+  } = _ref8;
   const form = (0, _react.useContext)(_FormContext.default);
   const verticalContext = (0, _react.useContext)(_VerticalContext.default);
   const vertical = props.vertical === undefined ? verticalContext : props.vertical;
   return /*#__PURE__*/(0, _jsxRuntime.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;
 var _default = exports.default = SectionWrapper;

package/cjs/components/SplitButton/SplitButton.js

@@ -13,7 +13,7 @@ var _ButtonGroup = _interopRequireDefault(require("../ButtonGroup"));
 var _Dropdown = _interopRequireDefault(require("../Dropdown"));
 var _utils = require("../utils");
 var _jsxRuntime = require("react/jsx-runtime");
-// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+// Copyright 1999-2024. Plesk International GmbH. All rights reserved.
 
 const focusStrategy = {
   getNext(container, element) {
@@ -90,8 +90,7 @@ const SplitButton = _ref => {
       menuPlacement: "bottom-end",
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
         size: size,
-        caret: true,
-        tabIndex: -1
+        caret: true
       })
     })]
   });