@plesk/ui-library 3.40.2 → 3.40.4

package/esm/components/Dropdown/Dropdown.js

@@ -117,11 +117,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/esm/components/ExtendedStatusMessage/ExtendedStatusMessage.js

@@ -4,10 +4,10 @@ import classNames from 'classnames';
 import ContentLoader from '../ContentLoader';
 import { CLS_PREFIX } from '../../constants';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * `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/esm/components/ExtendedStatusMessage/ExtendedStatusMessageActions.js

@@ -3,9 +3,9 @@
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * `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/esm/components/ExtendedStatusMessage/ExtendedStatusMessageDescription.js

@@ -3,9 +3,9 @@
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * `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/esm/components/ExtendedStatusMessage/ExtendedStatusMessageSeparator.js

@@ -2,9 +2,9 @@
 
 import classNames from 'classnames';
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * `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/esm/components/ExtendedStatusMessage/ExtendedStatusMessageTitle.js

@@ -4,9 +4,9 @@ import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import Heading from '../Heading';
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * `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/esm/components/Figure/Figure.js

@@ -3,9 +3,9 @@
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Figure component.
- * @since 0.0.42
+/**
+ * Figure component.
+ * @since 0.0.42
  */
 const Figure = _ref => {
   let {

package/esm/components/Form/Form.js

@@ -404,9 +404,9 @@ const RefForwardingForm = /*#__PURE__*/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
  */
 export default RefForwardingForm;

package/esm/components/Form/utils.js

@@ -17,17 +17,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);
@@ -38,17 +38,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');
  */
 const setIn = (obj, name, val) => {
   const path = nameToPath(name);

package/esm/components/FormField/FormField.js

@@ -22,8 +22,8 @@ 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;
 
-/**
- * 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;
@@ -37,8 +37,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 Component {
   constructor(_props) {
@@ -48,8 +48,8 @@ class FormField extends Component {
     _defineProperty(this, "fieldApi", void 0);
     _defineProperty(this, "targetRefs", void 0);
     _defineProperty(this, "focusTimer", null);
-    /**
-     * Field API provided to field
+    /**
+     * Field API provided to field
      */
     _defineProperty(this, "getFieldApi", index => {
       if (!this.props.multi) {
@@ -121,15 +121,15 @@ class FormField extends Component {
         }, 500);
       }
     });
-    /**
-     * Handler for clicks on 'Add more'
+    /**
+     * Handler for clicks on 'Add more'
      */
     _defineProperty(this, "handleAddMore", () => {
       const values = getArrayHelper(this.fieldApi.getValue(), true);
       this.fieldApi.setValue([...values, defaultValue]);
     });
-    /**
-     * Handler for clicks on 'Remove'
+    /**
+     * Handler for clicks on 'Remove'
      */
     _defineProperty(this, "handleRemove", index => {
       const values = getArrayHelper(this.fieldApi.getValue());
@@ -151,8 +151,8 @@ class FormField extends Component {
     _defineProperty(this, "setTargetRef", index => node => {
       this.targetRefs[index] = node;
     });
-    /**
-     * Renders 'Remove' button for each row.
+    /**
+     * Renders 'Remove' button for each row.
      */
     _defineProperty(this, "renderRemoveButton", index => {
       const {
@@ -179,8 +179,8 @@ class FormField extends Component {
         ghost: true
       });
     });
-    /**
-     * Renders description for last row.
+    /**
+     * Renders description for last row.
      */
     _defineProperty(this, "renderDescription", index => {
       const {
@@ -197,8 +197,8 @@ class FormField extends Component {
         children: description
       });
     });
-    /**
-     * Renders one field.
+    /**
+     * Renders one field.
      */
     _defineProperty(this, "renderField", function () {
       let index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
@@ -417,14 +417,14 @@ class FormField extends 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/esm/components/FormFieldCheckbox/FormFieldCheckbox.js

@@ -6,10 +6,10 @@ import { CLS_PREFIX } from '../../constants';
 import Checkbox from '../Checkbox';
 import FormField from '../FormField';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * `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/esm/components/FormFieldPassword/FormFieldPassword.js

@@ -12,9 +12,9 @@ import PasswordMeter from './PasswordMeter';
 import generatePassword from './generatePassword';
 import locale from './locale/en-US';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * `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 Component {
   constructor() {

package/esm/components/FormFieldRadioButtons/FormFieldRadioButtons.js

@@ -7,9 +7,9 @@ import FormField, { BASE_FORM_FIELD_CLASS_NAME } from '../FormField';
 import Hint from '../Hint';
 import Radio from '../Radio';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * `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/esm/components/FormFieldSelect/FormFieldSelect.js

@@ -5,10 +5,10 @@ import { CLS_PREFIX } from '../../constants';
 import FormField from '../FormField';
 import Select from '../Select';
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * `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/esm/components/FormFieldText/FormFieldText.js

@@ -5,11 +5,11 @@ import FormField from '../FormField';
 import Input from '../Input';
 import TextArea from '../TextArea';
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * `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/esm/components/Grid/Grid.js

@@ -6,9 +6,9 @@ import classNames from 'classnames';
 import Measure from 'react-measure';
 import { CLS_PREFIX } from '../../constants';
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * `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 Component {
   constructor() {

package/esm/components/GridCol/GridCol.js

@@ -3,9 +3,9 @@
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * `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/esm/components/Heading/Heading.js

@@ -4,9 +4,9 @@ import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import Icon, { ICON_SIZE_12, ICON_SIZE_16, ICON_SIZE_24, ICON_SIZE_32 } from '../Icon';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * `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/esm/components/Hint/Hint.js

@@ -3,9 +3,9 @@
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * `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/esm/components/Icon/Icon.js

@@ -33,12 +33,12 @@ const getHref = (name, size) => {
   }
   return `${symbols}#${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 => {