@plesk/ui-library 3.36.1 → 3.37.0

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

@@ -51,8 +51,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;
@@ -66,8 +66,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) {
@@ -77,8 +77,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) {
@@ -150,15 +150,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());
@@ -180,8 +180,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 {
@@ -208,8 +208,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 {
@@ -226,8 +226,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;
@@ -446,14 +446,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.
  */
 (0, _defineProperty2.default)(FormField, "defaultProps", defaultProps);
 const FormFieldWrapper = props => {

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 && Object.prototype.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 && Object.prototype.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 => {