@plesk/ui-library 3.31.0 → 3.31.2

package/cjs/components/Grid/Grid.js

@@ -1,30 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _reactMeasure = _interopRequireDefault(require("react-measure"));
-
 var _constants = require("../../constants");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 /**
@@ -32,59 +21,50 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * @since 0.0.48
  */
 class Grid extends _react.Component {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    super(...arguments);
     (0, _defineProperty2.default)(this, "state", {
       xs: this.props.xs
     });
-    (0, _defineProperty2.default)(this, "handleResize", ({
-      bounds: {
-        width
-      }
-    }) => {
+    (0, _defineProperty2.default)(this, "handleResize", _ref => {
+      let {
+        bounds: {
+          width
+        }
+      } = _ref;
       let {
         maxColumnsNumber
       } = this.props;
-
       if (typeof maxColumnsNumber === 'function') {
         maxColumnsNumber = maxColumnsNumber({
           width
         });
       }
-
       const xs = Math.max(Math.floor((width + this.getGapSize()) / (this.props.minColumnWidth + this.getGapSize())), 1);
       this.setState({
         xs: Math.min(xs, maxColumnsNumber)
       });
-
       if (this.props.onColumnsChange) {
         this.props.onColumnsChange(xs);
       }
     });
   }
-
   getGapSize() {
     switch (this.props.gap) {
       case 'xs':
         return 8;
-
       case 'sm':
         return 12;
-
       case 'md':
         return 16;
-
       case 'lg':
         return 24;
-
       case 'xl':
         return 32;
-
       default:
         return 0;
     }
   }
-
   render() {
     const {
       baseClassName,
@@ -113,92 +93,79 @@ class Grid extends _react.Component {
       [`${baseClassName}--gap-lg`]: gap === 'lg',
       [`${baseClassName}--gap-xl`]: gap === 'xl'
     }, className);
-
     const result = /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
       className: computedClassName
     }, props), minColumnWidth > 0 && !this.state.xs ? null : children);
-
     if (minColumnWidth > 0) {
       return /*#__PURE__*/_react.default.createElement(_reactMeasure.default, {
         bounds: true,
         onResize: this.handleResize
-      }, ({
-        measureRef
-      }) => /*#__PURE__*/(0, _react.cloneElement)(result, {
-        ref: measureRef
-      }));
+      }, _ref2 => {
+        let {
+          measureRef
+        } = _ref2;
+        return /*#__PURE__*/(0, _react.cloneElement)(result, {
+          ref: measureRef
+        });
+      });
     }
-
     return result;
   }
-
 }
-
 Grid.propTypes = {
   /**
    * Content of the `Grid`.
    * @since 0.0.48
    */
   children: _propTypes.default.node,
-
   /**
    * @ignore
    */
   className: _propTypes.default.string,
-
   /**
    * @ignore
    */
   baseClassName: _propTypes.default.string,
-
   /**
    * Minimal column width
    * @since 0.0.50
    */
   minColumnWidth: _propTypes.default.number,
-
   /**
    * Maximum columns number
    * @since 0.0.53
    */
   maxColumnsNumber: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.func]),
-
   /**
    * Number of columns for `xs` breakpoint
    * @since 0.0.53
    */
   xs: _propTypes.default.PropTypes.oneOf([1, 2, 3, 4, 5, 6, 'auto']),
-
   /**
    * Number of columns for `sm` breakpoint
    * @since 0.0.48
    */
   sm: _propTypes.default.oneOf([1, 2, 3, 4, 5, 6, 'auto']),
-
   /**
    * Number of columns for `md` breakpoint
    * @since 0.0.48
    */
   md: _propTypes.default.oneOf([1, 2, 3, 4, 5, 6, 'auto']),
-
   /**
    * Number of columns for `lg` breakpoint
    * @since 0.0.48
    */
   lg: _propTypes.default.oneOf([1, 2, 3, 4, 5, 6, 'auto']),
-
   /**
    * Number of columns for `xl` breakpoint
    * @since 0.0.48
    */
   xl: _propTypes.default.oneOf([1, 2, 3, 4, 5, 6, 'auto']),
-
   /**
    * Specifying the gutters between grid items
    * @since 0.0.53
    */
   gap: _propTypes.default.oneOf(['xs', 'sm', 'md', 'lg', 'xl']),
-
   /**
    * Columns number change notifier
    * @since 0.0.50

package/cjs/components/Grid/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _Grid.default;
   }
 });
-
 var _Grid = _interopRequireDefault(require("./Grid"));

package/cjs/components/GridCol/GridCol.js

@@ -1,39 +1,34 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _constants = require("../../constants");
-
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 /**
  * `GridCol` component is a part of [Grid](#!/Grid) component.
  * @since 0.0.48
  */
-const GridCol = ({
-  baseClassName,
-  className,
-  children,
-  xs,
-  sm,
-  md,
-  lg,
-  xl,
-  ...props
-}) => {
+
+const GridCol = _ref => {
+  let {
+    baseClassName,
+    className,
+    children,
+    xs,
+    sm,
+    md,
+    lg,
+    xl,
+    ...props
+  } = _ref;
   const computedClassName = (0, _classnames.default)(baseClassName, {
     [`${baseClassName}--xs-${xs}`]: xs,
     [`${baseClassName}--sm-${sm}`]: sm,
@@ -45,48 +40,40 @@ const GridCol = ({
     className: computedClassName
   }, props), children);
 };
-
 GridCol.propTypes = {
   /**
    * Content of the `GridCol`.
    * @since 0.0.48
    */
   children: _propTypes.default.node,
-
   /**
    * @ignore
    */
   className: _propTypes.default.string,
-
   /**
    * @ignore
    */
   baseClassName: _propTypes.default.string,
-
   /**
    * Column size for `xs` breakpoint (from 1 to 12)
    * @since 0.0.53
    */
   xs: _propTypes.default.number,
-
   /**
    * Column size for `sm` breakpoint (from 1 to 12)
    * @since 0.0.53
    */
   sm: _propTypes.default.number,
-
   /**
    * Column size for `sm` breakpoint (from 1 to 12)
    * @since 0.0.53
    */
   md: _propTypes.default.number,
-
   /**
    * Column size for `md` breakpoint (from 1 to 12)
    * @since 0.0.53
    */
   lg: _propTypes.default.number,
-
   /**
    * Column size for `lg` breakpoint (from 1 to 12)
    * @since 0.0.53

package/cjs/components/GridCol/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _GridCol.default;
   }
 });
-
 var _GridCol = _interopRequireDefault(require("./GridCol"));

package/cjs/components/Heading/Heading.js

@@ -1,59 +1,46 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _constants = require("../../constants");
-
 var _Icon = _interopRequireWildcard(require("../Icon"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 // Copyright 1999-2020. 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
  */
-const Heading = ({
-  baseClassName = `${_constants.CLS_PREFIX}heading`,
-  className,
-  icon,
-  children,
-  component: Tag,
-  level = 1,
-  ...props
-}) => {
+const Heading = _ref => {
+  let {
+    baseClassName = `${_constants.CLS_PREFIX}heading`,
+    className,
+    icon,
+    children,
+    component: Tag,
+    level = 1,
+    ...props
+  } = _ref;
   if (!Tag) {
     Tag = `h${level}`;
   }
-
   let iconSize = _Icon.ICON_SIZE_16;
-
   if (level === 1) {
     iconSize = _Icon.ICON_SIZE_32;
   }
-
   if (level === 2 || level === 3) {
     iconSize = _Icon.ICON_SIZE_24;
   }
-
   if (level === 6) {
     iconSize = _Icon.ICON_SIZE_12;
   }
-
   return /*#__PURE__*/_react.default.createElement(Tag, (0, _extends2.default)({
     className: (0, _classnames.default)(baseClassName, {
       [`${baseClassName}--h${level}`]: level,
@@ -66,6 +53,5 @@ const Heading = ({
     className: `${baseClassName}__text`
   }, children) : children);
 };
-
 var _default = Heading;
 exports.default = _default;

package/cjs/components/Heading/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _Heading.default;
   }
 });
-
 var _Heading = _interopRequireDefault(require("./Heading"));

package/cjs/components/Hint/Hint.js

@@ -1,37 +1,31 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _constants = require("../../constants");
-
 // Copyright 1999-2022. 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
  */
-const Hint = ({
-  baseClassName = `${_constants.CLS_PREFIX}hint`,
-  className,
-  children,
-  component: Tag = 'span',
-  ...props
-}) => {
+const Hint = _ref => {
+  let {
+    baseClassName = `${_constants.CLS_PREFIX}hint`,
+    className,
+    children,
+    component: Tag = 'span',
+    ...props
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement(Tag, (0, _extends2.default)({
     className: (0, _classnames.default)(baseClassName, className)
   }, props), children);
 };
-
 var _default = Hint;
 exports.default = _default;

package/cjs/components/Hint/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _Hint.default;
   }
 });
-
 var _Hint = _interopRequireDefault(require("./Hint"));

package/cjs/components/Icon/Icon.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,21 +16,13 @@ var _exportNames = {
   ICON_SIZE_192: true
 };
 exports.default = exports.ICON_SIZE_96 = exports.ICON_SIZE_64 = exports.ICON_SIZE_48 = exports.ICON_SIZE_32 = exports.ICON_SIZE_24 = exports.ICON_SIZE_192 = exports.ICON_SIZE_16 = exports.ICON_SIZE_128 = exports.ICON_SIZE_12 = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _constants = require("../../constants");
-
 var _oldIconNames = _interopRequireDefault(require("./oldIconNames"));
-
 var _symbols = _interopRequireDefault(require("./images/symbols.svg"));
-
 var _constants2 = require("./constants");
-
 Object.keys(_constants2).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -43,16 +34,12 @@ Object.keys(_constants2).forEach(function (key) {
     }
   });
 });
-
 var _utils = require("./utils");
-
 var _OnDarkContext = _interopRequireDefault(require("../OnDarkContext"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
+
 const ICON_SIZE_12 = '12';
 exports.ICON_SIZE_12 = ICON_SIZE_12;
 const ICON_SIZE_16 = '16';
@@ -78,17 +65,13 @@ const oldIconSizes = {
   xl: ICON_SIZE_64,
   xxl: ICON_SIZE_96
 };
-
 const getHref = (name, size) => {
   let iconSize = '16';
-
   if ((size === '12' || size === '24') && _constants2.NAMES_12.indexOf(name) !== -1) {
     iconSize = '12';
   }
-
   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
@@ -96,21 +79,23 @@ const getHref = (name, size) => {
  * standard sizes.
  * @since 0.0.35
  */
-const Icon = ({
-  baseClassName = `${_constants.CLS_PREFIX}icon`,
-  className,
-  name,
-  src,
-  size,
-  intent,
-  animation,
-  rotate,
-  flipHorizontal = false,
-  flipVertical = false,
-  children,
-  alt = '',
-  ...props
-}) => {
+
+const Icon = _ref => {
+  let {
+    baseClassName = `${_constants.CLS_PREFIX}icon`,
+    className,
+    name,
+    src,
+    size,
+    intent,
+    animation,
+    rotate,
+    flipHorizontal = false,
+    flipVertical = false,
+    children,
+    alt = '',
+    ...props
+  } = _ref;
   const newSize = size && oldIconSizes[size] || size;
   const newName = name ? _oldIconNames.default[name] || name : null;
   return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({
@@ -132,7 +117,6 @@ const Icon = ({
     alt: alt
   }) || children);
 };
-
 Icon.create = _utils.create;
 var _default = Icon;
 exports.default = _default;

package/cjs/components/Icon/Icon.stories.js

@@ -1,24 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Basic = exports.All = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Icon = _interopRequireDefault(require("./Icon"));
-
 var _constants = require("./constants");
-
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
-const Basic = args => /*#__PURE__*/_react.default.createElement(_Icon.default, args);
 
+const Basic = args => /*#__PURE__*/_react.default.createElement(_Icon.default, args);
 exports.Basic = Basic;
 Basic.args = {};
-
 const All = () => /*#__PURE__*/_react.default.createElement("div", {
   style: {
     display: 'inline-block'
@@ -32,5 +26,4 @@ const All = () => /*#__PURE__*/_react.default.createElement("div", {
 }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
   name: name
 }))));
-
 exports.All = All;