@plesk/ui-library 3.40.2 → 3.40.4

package/cjs/components/ComboBox/ComboBox.js

@@ -45,10 +45,10 @@ const collect = function (children) {
     options
   };
 };
-/**
- * `ComboBox` component is a combination of [Select](#!/Select) and [Input](#!/Input)
- *  which allows to either enter a value directly into the field or choose from a list of existing options.
- * @since 2.6.0
+/**
+ * `ComboBox` component is a combination of [Select](#!/Select) and [Input](#!/Input)
+ *  which allows to either enter a value directly into the field or choose from a list of existing options.
+ * @since 2.6.0
  */
 const ComboBox = _ref => {
   let {

package/cjs/components/ComboBox/ComboBoxOption.js

@@ -7,9 +7,9 @@ exports.default = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `ComboBoxOption` is a part of [ComboBox](#!/ComboBox) component.
- * @since 2.6.0
+/**
+ * `ComboBoxOption` is a part of [ComboBox](#!/ComboBox) component.
+ * @since 2.6.0
  */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 const ComboBoxOption = _props => {

package/cjs/components/ConsoleOutput/ConsoleOutput.js

@@ -15,9 +15,9 @@ var _jsxRuntime = require("react/jsx-runtime");
 const scrollToBottom = el => {
   el.scrollTop = el.scrollHeight;
 };
-/**
- * `ConsoleOutput` component is used for showing dynamically updating data from console output.
- * @since 0.0.35
+/**
+ * `ConsoleOutput` component is used for showing dynamically updating data from console output.
+ * @since 0.0.35
  */
 class ConsoleOutput extends _react.PureComponent {
   constructor() {

package/cjs/components/ContentLoader/ContentLoader.js

@@ -31,9 +31,9 @@ const getLoader = loader => {
   };
 };
 
-/**
- * `ContentLoader` component is used as placeholder which indicates that the system is loading requested content.
- * @since 1.1.0
+/**
+ * `ContentLoader` component is used as placeholder which indicates that the system is loading requested content.
+ * @since 1.1.0
  */
 const ContentLoader = _ref => {
   let {

package/cjs/components/Cuttable/Cuttable.js

@@ -15,9 +15,9 @@ var _Link = _interopRequireDefault(require("../Link"));
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `Cuttable` component is used for showing and hiding part of content.
- * @since 0.0.42
+/**
+ * `Cuttable` component is used for showing and hiding part of content.
+ * @since 0.0.42
  */
 class Cuttable extends _react.Component {
   constructor() {

package/cjs/components/Dialog/Dialog.js

@@ -23,9 +23,9 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 
 const isProps = value => value && typeof value === 'object' && ! /*#__PURE__*/(0, _react.isValidElement)(value);
 
-/**
- * `Dialog` is a modal window that asks users to make a decision or enter additional information.
- * @since 0.0.68
+/**
+ * `Dialog` is a modal window that asks users to make a decision or enter additional information.
+ * @since 0.0.68
  */
 const Dialog = _ref => {
   let {

package/cjs/components/Drawer/Drawer.js

@@ -19,10 +19,10 @@ var _DrawerProgress = _interopRequireDefault(require("./DrawerProgress"));
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `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).
- * @since 0.0.65
+/**
+ * `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).
+ * @since 0.0.65
  */
 const Drawer = _ref => {
   let {

package/cjs/components/Dropdown/Dropdown.js

@@ -124,11 +124,11 @@ const useEnhancedMenu = (menu, _ref2) => {
   };
 };
 
-/**
- * `Dropdown` component is a [Button](#!/Button) that opens a drop-down (nested) [Menu](#!/Menu).
- * Use dropdown for grouping actions that are not used often or are less important than others -- in other words,
- * for stuff that you don't want to show users all the time, especially if you have limited screen space.
- * @since 0.0.57
+/**
+ * `Dropdown` component is a [Button](#!/Button) that opens a drop-down (nested) [Menu](#!/Menu).
+ * Use dropdown for grouping actions that are not used often or are less important than others -- in other words,
+ * for stuff that you don't want to show users all the time, especially if you have limited screen space.
+ * @since 0.0.57
  */
 const Dropdown = _ref3 => {
   let {

package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessage.js

@@ -11,10 +11,10 @@ var _constants = require("../../constants");
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `ExtendedStatusMessage` component is similar to regular [StatusMessage](#!/StatusMessage)
- * but it is used when the message itself is the primary content on the page.
- * @since 0.0.35
+/**
+ * `ExtendedStatusMessage` component is similar to regular [StatusMessage](#!/StatusMessage)
+ * but it is used when the message itself is the primary content on the page.
+ * @since 0.0.35
  */
 const ExtendedStatusMessage = _ref => {
   let {

package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageActions.js

@@ -10,9 +10,9 @@ var _constants = require("../../constants");
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `ExtendedStatusMessageActions` is a part of [ExtendedStatusMessage](#!/ExtendedStatusMessage) component.
- * @since 0.0.35
+/**
+ * `ExtendedStatusMessageActions` is a part of [ExtendedStatusMessage](#!/ExtendedStatusMessage) component.
+ * @since 0.0.35
  */
 
 const ExtendedStatusMessageActions = _ref => {

package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageDescription.js

@@ -10,9 +10,9 @@ var _constants = require("../../constants");
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `ExtendedStatusMessageDescription` is a part of [ExtendedStatusMessage](#!/ExtendedStatusMessage) component.
- * @since 0.0.35
+/**
+ * `ExtendedStatusMessageDescription` is a part of [ExtendedStatusMessage](#!/ExtendedStatusMessage) component.
+ * @since 0.0.35
  */
 
 const ExtendedStatusMessageDescription = _ref => {

package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageSeparator.js

@@ -9,9 +9,9 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `ExtendedStatusMessageSeparator` is a part of [ExtendedStatusMessage](#!/ExtendedStatusMessage) component.
- * @since 0.0.35
+/**
+ * `ExtendedStatusMessageSeparator` is a part of [ExtendedStatusMessage](#!/ExtendedStatusMessage) component.
+ * @since 0.0.35
  */
 
 const ExtendedStatusMessageSeparator = _ref => {

package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageTitle.js

@@ -11,9 +11,9 @@ var _Heading = _interopRequireDefault(require("../Heading"));
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `ExtendedStatusMessageTitle` is a part of [ExtendedStatusMessage](#!/ExtendedStatusMessage) component.
- * @since 0.0.35
+/**
+ * `ExtendedStatusMessageTitle` is a part of [ExtendedStatusMessage](#!/ExtendedStatusMessage) component.
+ * @since 0.0.35
  */
 
 const ExtendedStatusMessageTitle = _ref => {

package/cjs/components/Figure/Figure.js

@@ -10,9 +10,9 @@ var _constants = require("../../constants");
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * Figure component.
- * @since 0.0.42
+/**
+ * Figure component.
+ * @since 0.0.42
  */
 const Figure = _ref => {
   let {

package/cjs/components/Form/Form.js

@@ -413,9 +413,9 @@ const RefForwardingForm = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   });
 });
 RefForwardingForm.displayName = 'Form';
-/**
- * `Form` component is used for entering and submitting of user data.
- * [More details about designing of forms.](#!/Good%20Forms)
- * @since 0.0.54
+/**
+ * `Form` component is used for entering and submitting of user data.
+ * [More details about designing of forms.](#!/Good%20Forms)
+ * @since 0.0.54
  */
 var _default = exports.default = RefForwardingForm;

package/cjs/components/Form/utils.js

@@ -23,17 +23,17 @@ const fixObj = (obj, key) => {
   return [...obj];
 };
 
-/**
- * Deeply get a value from an object via its path.
- *
- * @param {object} obj The object to query.
- * @param {string} name The path of the property to get.
- * @param {*} def The value returned for `undefined` resolved values.
- * @returns {*} Returns the resolved value.
- *
- * @example
- * const name = getIn(state, 'user[name]', 'Anonymous');
- *
+/**
+ * Deeply get a value from an object via its path.
+ *
+ * @param {object} obj The object to query.
+ * @param {string} name The path of the property to get.
+ * @param {*} def The value returned for `undefined` resolved values.
+ * @returns {*} Returns the resolved value.
+ *
+ * @example
+ * const name = getIn(state, 'user[name]', 'Anonymous');
+ *
  */
 const getIn = (obj, name, def) => {
   const path = nameToPath(name);
@@ -44,17 +44,17 @@ const getIn = (obj, name, def) => {
   return val === undefined ? def : val;
 };
 
-/**
- * Deeply set a value from in object via it's path.
- * Does not mutate an original object.
- *
- * @param {object} obj The object to query.
- * @param {string} name The path of the property to set.
- * @param {*} val The value to set.
- * @returns {object} Returns a new object.
- *
- * @example
- * const nextState = setIn(state, 'user[name]', 'John');
+/**
+ * Deeply set a value from in object via it's path.
+ * Does not mutate an original object.
+ *
+ * @param {object} obj The object to query.
+ * @param {string} name The path of the property to set.
+ * @param {*} val The value to set.
+ * @returns {object} Returns a new object.
+ *
+ * @example
+ * const nextState = setIn(state, 'user[name]', 'John');
  */
 exports.getIn = getIn;
 const setIn = (obj, name, val) => {

package/cjs/components/FormField/FormField.js

@@ -29,8 +29,8 @@ 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;
 
-/**
- * Simple helper to handle situations when we're expecting only array
+/**
+ * Simple helper to handle situations when we're expecting only array
  */
 const getArrayHelper = function (value) {
   let nonEmpty = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
@@ -44,8 +44,8 @@ const getArrayHelper = function (value) {
   return result;
 };
 const isEmpty = value => !value && value !== 0 || Array.isArray(value) && value.length === 0 || !Array.isArray(value) && typeof value === 'object' && Object.values(value).filter(t => Boolean(t)).length === 0;
-/**
- * @since 0.0.54
+/**
+ * @since 0.0.54
  */
 class FormField extends _react.Component {
   constructor(_props) {
@@ -55,8 +55,8 @@ class FormField extends _react.Component {
     (0, _defineProperty2.default)(this, "fieldApi", void 0);
     (0, _defineProperty2.default)(this, "targetRefs", void 0);
     (0, _defineProperty2.default)(this, "focusTimer", null);
-    /**
-     * Field API provided to field
+    /**
+     * Field API provided to field
      */
     (0, _defineProperty2.default)(this, "getFieldApi", index => {
       if (!this.props.multi) {
@@ -128,15 +128,15 @@ class FormField extends _react.Component {
         }, 500);
       }
     });
-    /**
-     * Handler for clicks on 'Add more'
+    /**
+     * Handler for clicks on 'Add more'
      */
     (0, _defineProperty2.default)(this, "handleAddMore", () => {
       const values = getArrayHelper(this.fieldApi.getValue(), true);
       this.fieldApi.setValue([...values, defaultValue]);
     });
-    /**
-     * Handler for clicks on 'Remove'
+    /**
+     * Handler for clicks on 'Remove'
      */
     (0, _defineProperty2.default)(this, "handleRemove", index => {
       const values = getArrayHelper(this.fieldApi.getValue());
@@ -158,8 +158,8 @@ class FormField extends _react.Component {
     (0, _defineProperty2.default)(this, "setTargetRef", index => node => {
       this.targetRefs[index] = node;
     });
-    /**
-     * Renders 'Remove' button for each row.
+    /**
+     * Renders 'Remove' button for each row.
      */
     (0, _defineProperty2.default)(this, "renderRemoveButton", index => {
       const {
@@ -186,8 +186,8 @@ class FormField extends _react.Component {
         ghost: true
       });
     });
-    /**
-     * Renders description for last row.
+    /**
+     * Renders description for last row.
      */
     (0, _defineProperty2.default)(this, "renderDescription", index => {
       const {
@@ -204,8 +204,8 @@ class FormField extends _react.Component {
         children: description
       });
     });
-    /**
-     * Renders one field.
+    /**
+     * Renders one field.
      */
     (0, _defineProperty2.default)(this, "renderField", function () {
       let index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
@@ -424,14 +424,14 @@ class FormField extends _react.Component {
   }
 }
 
-/**
- * `FormField` component is used for showing of parameter values in Form or
- * for entering of user data with any form elements.
- *
- * For the most cases the following form elements can be used:
- * * [FormFieldText](#!/FormFieldText) for entering text,
- * * [FormFieldSelect](#!/FormFieldSelect), [FormFieldCheckbox](#!/FormFieldCheckbox),
- * [FormFieldRadioButtons](#!/FormFieldRadioButtons) for selecting options.
+/**
+ * `FormField` component is used for showing of parameter values in Form or
+ * for entering of user data with any form elements.
+ *
+ * For the most cases the following form elements can be used:
+ * * [FormFieldText](#!/FormFieldText) for entering text,
+ * * [FormFieldSelect](#!/FormFieldSelect), [FormFieldCheckbox](#!/FormFieldCheckbox),
+ * [FormFieldRadioButtons](#!/FormFieldRadioButtons) for selecting options.
  */
 const FormFieldWrapper = _ref => {
   let {

package/cjs/components/FormFieldCheckbox/FormFieldCheckbox.js

@@ -13,10 +13,10 @@ var _FormField = _interopRequireDefault(require("../FormField"));
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `FormFieldCheckbox` component is used for turning an option on or off
- * and selecting or deselecting an item.
- * @since 0.0.58
+/**
+ * `FormFieldCheckbox` component is used for turning an option on or off
+ * and selecting or deselecting an item.
+ * @since 0.0.58
  */
 const FormFieldCheckbox = _ref => {
   let {

package/cjs/components/FormFieldPassword/FormFieldPassword.js

@@ -19,9 +19,9 @@ var _enUS = _interopRequireDefault(require("./locale/en-US"));
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `FormFieldPassword` component provides secure way to enter a password.
- * @since 0.0.58
+/**
+ * `FormFieldPassword` component provides secure way to enter a password.
+ * @since 0.0.58
  */
 class FormFieldPassword extends _react.Component {
   constructor() {

package/cjs/components/FormFieldRadioButtons/FormFieldRadioButtons.js

@@ -16,9 +16,9 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `FormFieldRadioButtons` is used for making a choice among a set of mutually exclusive, related options. Only one option can be chosen.
- * @since 0.2.0
+/**
+ * `FormFieldRadioButtons` is used for making a choice among a set of mutually exclusive, related options. Only one option can be chosen.
+ * @since 0.2.0
  */
 const FormFieldRadioButtons = _ref => {
   let {

package/cjs/components/FormFieldSelect/FormFieldSelect.js

@@ -12,10 +12,10 @@ var _Select = _interopRequireDefault(require("../Select"));
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `FormFieldSelect` componentis is used for making a choice among a set of related options.
- * See description of `Select` for [the full list of properties](#!/Select) of this component.
- * @since 1.12.3
+/**
+ * `FormFieldSelect` componentis is used for making a choice among a set of related options.
+ * See description of `Select` for [the full list of properties](#!/Select) of this component.
+ * @since 1.12.3
  */
 const FormFieldSelect = _ref => {
   let {

package/cjs/components/FormFieldText/FormFieldText.js

@@ -13,11 +13,11 @@ var _TextArea = _interopRequireDefault(require("../TextArea"));
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `FormFieldText` component is used for entering of user data in text format.
- *
- * [FormField](#!/FormField) with [InputNumber](#!/InputNumber) can be used for entering of integer numbers.
- * @since 0.0.58
+/**
+ * `FormFieldText` component is used for entering of user data in text format.
+ *
+ * [FormField](#!/FormField) with [InputNumber](#!/InputNumber) can be used for entering of integer numbers.
+ * @since 0.0.58
  */
 const FormFieldText = props => {
   const {

package/cjs/components/Grid/Grid.js

@@ -13,9 +13,9 @@ var _constants = require("../../constants");
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `Grid` component is used to layout and align content based on 12-column system.
- * @since 0.0.48
+/**
+ * `Grid` component is used to layout and align content based on 12-column system.
+ * @since 0.0.48
  */
 class Grid extends _react.Component {
   constructor() {

package/cjs/components/GridCol/GridCol.js

@@ -10,9 +10,9 @@ var _constants = require("../../constants");
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `GridCol` component is a part of [Grid](#!/Grid) component.
- * @since 0.0.48
+/**
+ * `GridCol` component is a part of [Grid](#!/Grid) component.
+ * @since 0.0.48
  */
 const GridCol = _ref => {
   let {

package/cjs/components/Heading/Heading.js

@@ -13,9 +13,9 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `Heading` is used as a text title (or a subtitle) to define the hierarchy and the structure of the content.
- * @since 2.3.0
+/**
+ * `Heading` is used as a text title (or a subtitle) to define the hierarchy and the structure of the content.
+ * @since 2.3.0
  */
 const Heading = _ref => {
   let {

package/cjs/components/Hint/Hint.js

@@ -10,9 +10,9 @@ var _constants = require("../../constants");
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `Hint` component is used for auxiliary text like advice, suggestion or other useful practical information.
- * @since 0.0.35
+/**
+ * `Hint` component is used for auxiliary text like advice, suggestion or other useful practical information.
+ * @since 0.0.35
  */
 const Hint = _ref => {
   let {

package/cjs/components/Icon/Icon.js

@@ -61,12 +61,12 @@ const getHref = (name, size) => {
   }
   return `${_symbols.default}#${name}:${iconSize}`;
 };
-/**
- * `Icons` are small symbolic images used for two things: to help quickly find the right control on the screen and to
- * bring user attention to something that requires consideration. In the former case, `Icon` typically acts as a part
- * of a [Button](#!/Button) and helps differentiate this particular [Button](#!/Button) from others. `Icons` come in several
- * standard sizes.
- * @since 0.0.35
+/**
+ * `Icons` are small symbolic images used for two things: to help quickly find the right control on the screen and to
+ * bring user attention to something that requires consideration. In the former case, `Icon` typically acts as a part
+ * of a [Button](#!/Button) and helps differentiate this particular [Button](#!/Button) from others. `Icons` come in several
+ * standard sizes.
+ * @since 0.0.35
  */
 
 const Icon = _ref => {