@plesk/ui-library 3.36.1 → 3.37.0

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

@@ -45,8 +45,8 @@ const defaultProps = {
   scrollableElement: 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;
@@ -60,8 +60,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) {
@@ -71,8 +71,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) {
@@ -144,15 +144,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());
@@ -174,8 +174,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 {
@@ -202,8 +202,8 @@ class FormField extends Component {
         ghost: true
       });
     });
-    /**
-     * Renders description for last row.
+    /**
+     * Renders description for last row.
      */
     _defineProperty(this, "renderDescription", index => {
       const {
@@ -220,8 +220,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;
@@ -440,14 +440,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.
  */
 _defineProperty(FormField, "defaultProps", defaultProps);
 const FormFieldWrapper = props => {

package/esm/components/FormFieldCheckbox/FormFieldCheckbox.js

@@ -8,10 +8,10 @@ import FormField from '../FormField';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { 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

@@ -13,9 +13,9 @@ import generatePassword from './generatePassword';
 import locale from './locale/en-US';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { 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

@@ -8,9 +8,9 @@ import Hint from '../Hint';
 import Radio from '../Radio';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { 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

@@ -5,9 +5,9 @@ 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 } from "react/jsx-runtime";
 import { 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 => {