@plesk/ui-library 3.34.2 → 3.35.0

package/esm/components/ContentLoader/IconsLoader.js

@@ -30,7 +30,6 @@ const useIconCursor = (icons, initialCursor, isSync) => {
   return [icons[cursor], targetRef];
 };
 const IconsLoader = _ref => {
-  var _icons;
   let {
     baseClassName = `${CLS_PREFIX}icons-loader`,
     className,
@@ -40,7 +39,7 @@ const IconsLoader = _ref => {
     ...props
   } = _ref;
   const syncRef = useRef('icon1');
-  if (!((_icons = icons) !== null && _icons !== void 0 && _icons.length)) {
+  if (!icons?.length) {
     icons = DEFAULT_ICONS;
   } else if (icons.length === 1) {
     icons = [icons[0], icons[0]];

package/esm/components/Dropdown/Dropdown.js

@@ -12,8 +12,6 @@ import Layer from '../Layer';
 import { MenuItem, MenuDivider } from '../Menu';
 import Translate from '../Translate';
 import localeFallback from './locale/en-US';
-
-// TODO: move to Popover
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";

package/esm/components/Dropdown/index.js

@@ -1,3 +1,4 @@
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-export { default } from './Dropdown';
+export { default } from './Dropdown';
+export * from './Dropdown';

package/esm/components/Figure/Figure.js

@@ -1,7 +1,5 @@
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-import React from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -12,7 +10,7 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
  */
 const Figure = _ref => {
   let {
-    baseClassName,
+    baseClassName = `${CLS_PREFIX}figure`,
     className,
     href,
     caption,
@@ -31,34 +29,4 @@ const Figure = _ref => {
     })]
   });
 };
-Figure.propTypes = {
-  /**
-   * @since 0.0.47
-   */
-  href: PropTypes.string,
-  /**
-   * @since 0.0.47
-   */
-  caption: PropTypes.any,
-  /**
-   * Content of the figure
-   * @since 0.0.42
-   */
-  children: PropTypes.node,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * @ignore
-   */
-  baseClassName: PropTypes.string
-};
-Figure.defaultProps = {
-  href: null,
-  caption: null,
-  children: null,
-  className: null,
-  baseClassName: `${CLS_PREFIX}figure`
-};
 export default Figure;

package/esm/components/Figure/index.js

@@ -1,3 +1,4 @@
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-export { default } from './Figure';
+export { default } from './Figure';
+export * from './Figure';

package/esm/components/Form/Form.js

@@ -371,7 +371,8 @@ class Form extends Component {
 /**
  * `Form` component is used for entering and submitting of user data.
  * [More details about designing of forms.](#!/Good%20Forms)
- * @since 0.0.54
+ *
+ * Since: 0.0.54
  */
 _defineProperty(Form, "defaultProps", {
   children: undefined,
@@ -399,8 +400,7 @@ const RefForwardingForm = /*#__PURE__*/forwardRef((props, ref) => {
   const innerRef = useRef(null);
   useImperativeHandle(ref, () => ({
     submit() {
-      var _innerRef$current;
-      (_innerRef$current = innerRef.current) === null || _innerRef$current === void 0 ? void 0 : _innerRef$current.dispatchEvent(new Event('submit', {
+      innerRef.current?.dispatchEvent(new Event('submit', {
         cancelable: true,
         bubbles: true
       }));

package/esm/components/Form/ScrollableElementFormContext.js

@@ -1,6 +1,6 @@
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
 import { createContext } from 'react';
-const ScrollableElementFormContext = /*#__PURE__*/createContext();
+const ScrollableElementFormContext = /*#__PURE__*/createContext(null);
 ScrollableElementFormContext.displayName = 'ScrollableElementFormContext';
 export default ScrollableElementFormContext;

package/esm/components/Form/index.js

@@ -1,4 +1,5 @@
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
 export { default } from './Form';
+export * from './Form';
 export { getIn, setIn } from './utils';

package/esm/components/FormFieldPassword/PasswordMeter.js

@@ -40,19 +40,19 @@ const PasswordMeter = _ref => {
     canCloseOnOutsideClick: false,
     canCloseOnEscapePress: false,
     ...props,
-    children: [result !== null && result !== void 0 && result.strength ? /*#__PURE__*/_jsx(Translate, {
+    children: [result?.strength ? /*#__PURE__*/_jsx(Translate, {
       component: "div",
       content: "FormFieldPassword.passwordStrength",
       fallback: locale.passwordStrength,
       params: {
         strength: /*#__PURE__*/_jsx("b", {
           children: /*#__PURE__*/_jsx(Translate, {
-            content: `FormFieldPassword.strength${result === null || result === void 0 ? void 0 : result.strength}`,
-            fallback: locale[`strength${result === null || result === void 0 ? void 0 : result.strength}`]
+            content: `FormFieldPassword.strength${result?.strength}`,
+            fallback: locale[`strength${result?.strength}`]
           })
         })
       }
-    }) : null, result !== null && result !== void 0 && result.suggestions.length ? /*#__PURE__*/_jsxs(_Fragment, {
+    }) : null, result?.suggestions.length ? /*#__PURE__*/_jsxs(_Fragment, {
       children: [/*#__PURE__*/_jsx(Translate, {
         content: "FormFieldPassword.improvePassword",
         fallback: locale.improvePassword

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 = ['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', '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'];
-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', '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'];
+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'];
+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'];

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

@@ -1,4 +1,4 @@
-<svg width="16" height="11712" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="16" height="11760" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <defs>
     <symbol viewBox="0 0 12 12" id="archive:12">
       <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" />
@@ -181,6 +181,14 @@
       <path d="M4.145 11.855a.496.496 0 0 1 0-.702L13.298 2H9.5a.5.5 0 0 1 0-1h5.002a.495.495 0 0 1 .498.5v5a.5.5 0 0 1-1 0V2.702l-9.153 9.153a.496.496 0 0 1-.702 0z" />
       <path d="M1.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0V14h12.5a.5.5 0 0 1 0 1h-13z" />
     </symbol>
+    <symbol viewBox="0 0 12 12" id="bar-chart-vertical-lock:12">
+      <path d="M4 .5a.5.5 0 0 1 1 0v9a.5.5 0 0 1-1 0v-9zM1.5 5a.5.5 0 0 0-.5.5v4a.5.5 0 0 0 1 0v-4a.5.5 0 0 0-.5-.5zM.5 11a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5zM7.5 3a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 1 0v-1a.5.5 0 0 0-.5-.5zM10 1.5a.5.5 0 0 1 1 0v3a.5.5 0 0 1-1 0v-3z" />
+      <path d="M7 9a1 1 0 0 1 1-1V7a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1V9zm3-1V7H9v1h1z" />
+    </symbol>
+    <symbol viewBox="0 0 16 16" id="bar-chart-vertical-lock:16">
+      <path d="M13 .5a.5.5 0 0 1 1 0v7a.5.5 0 0 1-1 0v-7zM4.5 2a.5.5 0 0 0-.5.5v11a.5.5 0 0 0 1 0v-11a.5.5 0 0 0-.5-.5zM1 9.5a.5.5 0 0 1 1 0v4a.5.5 0 0 1-1 0v-4zm-1 6a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 0 1h-8a.5.5 0 0 1-.5-.5zm7-9a.5.5 0 0 1 1 0v7a.5.5 0 0 1-1 0v-7zM10.5 4a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 1 0v-3a.5.5 0 0 0-.5-.5z" />
+      <path d="M10 12a1 1 0 0 1 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v1a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1v-3zm3-1v-1h-1v1h1z" />
+    </symbol>
     <symbol viewBox="0 0 12 12" id="bar-chart-vertical:12">
       <path d="M0 11.5a.5.5 0 01.5-.5h11a.5.5 0 010 1H.5a.5.5 0 01-.5-.5zM1 5.5a.5.5 0 011 0v4a.5.5 0 01-1 0v-4zM4 .5a.5.5 0 011 0v9a.5.5 0 01-1 0v-9zM7 4.5a.5.5 0 011 0v5a.5.5 0 01-1 0v-5zM10 2.5a.5.5 0 011 0v7a.5.5 0 01-1 0v-7z" />
     </symbol>

package/esm/components/Link/Link.js

@@ -9,13 +9,10 @@ import { wrapFunction } from '../utils';
 import Icon from '../Icon';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * FIXME: With the following code all @ts-ignore comments can be removed, but react-docgen cannot parse it.
- * const Link = <P extends any>({ ... }: LinkProps<P>) => {
- */
 /**
  * `Link` is used for navigation purposes.
- * @since 1.9.0
+ *
+ * Since: 1.9.0
  */
 const Link = _ref => {
   let {
@@ -28,7 +25,7 @@ const Link = _ref => {
     children,
     ...other
   } = _ref;
-  const Component = component ? component : 'a';
+  const Tag = component || 'a';
   const onDark = useContext(OnDarkContext);
   const props = {
     ...other,
@@ -60,17 +57,13 @@ const Link = _ref => {
       }
     });
   }
-  return (
-    /*#__PURE__*/
-    // @ts-ignore
-    _jsxs(Component, {
-      ...props,
-      children: [children, external && /*#__PURE__*/_jsx(Icon, {
-        flipHorizontal: isRtl(),
-        name: "arrow-diagonal-out",
-        className: `${baseClassName}__external-icon`
-      })]
-    })
-  );
+  return /*#__PURE__*/_jsxs(Tag, {
+    ...props,
+    children: [children, external && /*#__PURE__*/_jsx(Icon, {
+      flipHorizontal: isRtl(),
+      name: "arrow-diagonal-out",
+      className: `${baseClassName}__external-icon`
+    })]
+  });
 };
 export default Link;

package/esm/components/Overlay/Overlay.js

@@ -102,8 +102,8 @@ const OverlayCore = _ref => {
     children: /*#__PURE__*/_jsxs("div", {
       className: classNames(baseClassName, `${baseClassName}--${placement}`, `${baseClassName}--${size}`, sideBanner && `${baseClassName}--side`, isOpen && `${baseClassName}--open`, className),
       style: {
-        '--overlay-side-banner-background': sideBannerContainer === null || sideBannerContainer === void 0 ? void 0 : sideBannerContainer.background,
-        '--overlay-side-banner-align': sideBannerContainer === null || sideBannerContainer === void 0 ? void 0 : sideBannerContainer.align,
+        '--overlay-side-banner-background': sideBannerContainer?.background,
+        '--overlay-side-banner-align': sideBannerContainer?.align,
         ...style
       },
       ...props,
@@ -133,11 +133,10 @@ const Overlay = _ref2 => {
   const [isExist, setIsExist] = useState(false);
   const prevFocusElementRef = useRef(null);
   const handleClose = useCallback(() => {
-    var _prevFocusElementRef$;
     if (!isOpenRef.current) return;
     isOpenRef.current = false;
     if (--overlaysCount === 0) enableDocumentScroll();
-    (_prevFocusElementRef$ = prevFocusElementRef.current) === null || _prevFocusElementRef$ === void 0 ? void 0 : _prevFocusElementRef$.focus();
+    prevFocusElementRef.current?.focus();
   }, []);
   useEffect(() => {
     if (isOpen) {

package/esm/components/Popper/Popper.js

@@ -1,19 +1,17 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-import React, { cloneElement, Component, Fragment, createRef } from 'react';
-import { findDOMNode } from 'react-dom';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import { CLS_PREFIX } from '../../constants';
 import PopperJs from 'popper.js';
+import { cloneElement, Component, createRef, Fragment } from 'react';
+import { findDOMNode } from 'react-dom';
+import { CLS_PREFIX } from '../../constants';
 import Layer from '../Layer';
-
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * `Popper` component.
  */
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
 class Popper extends Component {
   constructor() {
     super(...arguments);
@@ -24,29 +22,26 @@ class Popper extends Component {
     });
     _defineProperty(this, "popper", null);
     _defineProperty(this, "contentRef", /*#__PURE__*/createRef());
+    _defineProperty(this, "arrowRef", null);
+    // @ts-ignore
     _defineProperty(this, "extractStyles", state => {
-      if (!state) {
-        return;
-      }
       const {
         onUpdate
       } = this.props;
       const data = {
         popperStyle: {
-          position: state.offsets.popper.position,
           ...(state.hide ? {
             visibility: 'hidden',
             pointerEvents: 'none'
           } : undefined),
-          ...state.styles
+          ...state.styles,
+          position: state.offsets.popper.position
         },
         actualPlacement: state.placement,
         arrowStyle: state.arrowStyles
       };
       this.setState(data);
-      if (onUpdate) {
-        onUpdate(data);
-      }
+      onUpdate?.(data);
     });
   }
   componentDidMount() {
@@ -116,10 +111,10 @@ class Popper extends Component {
           padding: 0,
           behavior
         },
-        arrow: arrow && {
+        arrow: arrow && this.arrowRef ? {
           enabled: true,
           element: this.arrowRef
-        }
+        } : undefined
       }
     };
     let reference;
@@ -179,67 +174,7 @@ class Popper extends Component {
     });
   }
 }
-Popper.propTypes = {
-  /**
-   * Whether show popper content.
-   */
-  show: PropTypes.bool,
-  /**
-   * Content of the `Popper`.
-   */
-  children: PropTypes.node,
-  /**
-   * Target for popper.
-   */
-  target: PropTypes.any.isRequired,
-  /**
-   * A React reference to the DOM element that needs for calculating the position of the popup.
-   */
-  targetRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    current: PropTypes.instanceOf(HTMLElement)
-  })]),
-  /**
-   * Arrow element of popper
-   */
-  arrow: PropTypes.element,
-  /**
-   * Placement for popper.
-   */
-  placement: PropTypes.oneOf(['auto', 'auto-start', 'auto-end', 'auto-top', 'auto-right', 'auto-bottom', 'auto-left', 'top', 'top-start', 'top-end', 'right', 'right-start', 'right-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end']),
-  /**
-   * The behavior used to change the popper's placement.
-   */
-  behavior: PropTypes.oneOfType([PropTypes.oneOf(['flip', 'clockwise', 'counterclockwise']), PropTypes.arrayOf(PropTypes.string)]),
-  /**
-   * Shift your popper on both axis.
-   */
-  offset: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  /**
-   * Update callback function
-   */
-  onUpdate: PropTypes.func,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * @ignore
-   */
-  baseClassName: PropTypes.string,
-  /**
-   * zIndex value.
-   */
-  zIndex: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  /**
-   * Boundaries element for preventOverflow property.
-   */
-  boundariesElement: PropTypes.oneOfType([PropTypes.oneOf(['scrollParent', 'window', 'viewport']), PropTypes.instanceOf(HTMLElement)]),
-  /**
-   * @ignore
-   */
-  style: PropTypes.object
-};
-Popper.defaultProps = {
+_defineProperty(Popper, "defaultProps", {
   show: true,
   children: null,
   arrow: null,
@@ -253,5 +188,5 @@ Popper.defaultProps = {
   boundariesElement: 'window',
   style: undefined,
   targetRef: undefined
-};
+});
 export default Popper;

package/esm/components/Popper/index.js

@@ -1,3 +1,4 @@
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-export { default } from './Popper';
+export { default } from './Popper';
+export * from './Popper';

package/esm/components/Section/Section.js

@@ -139,8 +139,7 @@ class Section extends Component {
       value: title,
       onChange: onTitleChange,
       onClick: e => {
-        var _e$target$closest$que;
-        (_e$target$closest$que = e.target.closest(`.${baseClassName}__header`).querySelector(`.${baseClassName}__control-button`)) === null || _e$target$closest$que === void 0 ? void 0 : _e$target$closest$que.click();
+        e.target.closest(`.${baseClassName}__header`).querySelector(`.${baseClassName}__control-button`)?.click();
       }
     });
   }

package/esm/components/Skeleton/SkeletonText.js

@@ -26,7 +26,7 @@ const SkeletonText = _ref => {
     // eslint-disable-next-line react/no-array-index-key
     , {
       ...lineProps,
-      className: classNames(`${baseClassName}__line`, lineProps === null || lineProps === void 0 ? void 0 : lineProps.className)
+      className: classNames(`${baseClassName}__line`, lineProps?.className)
     }, key))
   });
 };

package/esm/components/SplitButton/SplitButton.js

@@ -1,7 +1,6 @@
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-import React, { useRef } from 'react';
-import PropTypes from 'prop-types';
+import { useRef } from 'react';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import Button from '../Button';
@@ -32,25 +31,26 @@ const focusStrategy = {
     return container.children[1].querySelector('button');
   }
 };
-
 /**
  * `Split Button` is a combination of a standard [Button](#!/Button) with a [Dropdown](#!/Dropdown) menu.
  * It is used for grouping several related actions when one of the actions should be accessible immediately
  * because it is used more often than others.
- * @since 0.0.40
+ *
+ * Since: 0.0.40
  */
 const SplitButton = _ref => {
   let {
-    baseClassName,
+    baseClassName = `${CLS_PREFIX}split-button`,
     className,
     menu,
     children,
-    opened,
     onClick,
     onKeyDown,
+    icon,
+    size,
     ...props
   } = _ref;
-  const rootRef = useRef();
+  const rootRef = useRef(null);
   const {
     focusNext,
     focusPrev
@@ -74,6 +74,8 @@ const SplitButton = _ref => {
     onKeyDown: handleKeyDown,
     ...props,
     children: [/*#__PURE__*/_jsx(Button, {
+      icon: icon,
+      size: size,
       tabIndex: 0,
       onClick: onClick,
       children: children
@@ -82,50 +84,11 @@ const SplitButton = _ref => {
       menu: menu,
       menuPlacement: "bottom-end",
       children: /*#__PURE__*/_jsx(Button, {
+        size: size,
         caret: true,
         tabIndex: -1
       })
     })]
   });
 };
-SplitButton.propTypes = {
-  /**
-   * @since 0.0.47
-   */
-  menu: PropTypes.any,
-  /**
-   * @since 0.0.47
-   */
-  opened: PropTypes.bool,
-  /**
-   * Content of the button group
-   * @since 0.0.40
-   */
-  children: PropTypes.node,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * @ignore
-   */
-  baseClassName: PropTypes.string,
-  /**
-   * @ignore
-   */
-  onClick: PropTypes.func,
-  /**
-   * @ignore
-   */
-  onKeyDown: PropTypes.func
-};
-SplitButton.defaultProps = {
-  menu: null,
-  opened: false,
-  children: null,
-  className: null,
-  baseClassName: `${CLS_PREFIX}split-button`,
-  onClick: undefined,
-  onKeyDown: undefined
-};
 export default SplitButton;

package/esm/components/SplitButton/index.js

@@ -1,3 +1,4 @@
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-export { default } from './SplitButton';
+export { default } from './SplitButton';
+export * from './SplitButton';

package/esm/components/utils.js

@@ -109,7 +109,7 @@ const createStrategy = () => {
   };
 };
 export const createFocusManager = function (containerRef) {
-  let isFitForFocus = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _node => true;
+  let isFitForFocus = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : () => true;
   let strategy = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : createStrategy();
   const tryFocus = node => {
     if (isFitForFocus(node) && node instanceof HTMLElement) {

package/esm/index.js

@@ -1,6 +1,6 @@
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 import svg4everybody from 'svg4everybody';
-const version = "3.34.2";
+const version = "3.35.0";
 export * from './publicPath';
 export { version };
 export * from './utils';