@plesk/ui-library 3.31.0 → 3.31.2

package/cjs/components/Text/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 _Text.default;
   }
 });
-
 var _Text = _interopRequireDefault(require("./Text"));

package/cjs/components/TextArea/TextArea.js

@@ -1,29 +1,20 @@
 "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 _classnames = _interopRequireDefault(require("classnames"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _constants = require("../../constants");
-
 var _calculateNodeHeight = _interopRequireDefault(require("./calculateNodeHeight"));
-
 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 getMinMax = rows => {
   if (typeof rows === 'number') {
     return {
@@ -35,19 +26,18 @@ const getMinMax = rows => {
       maxRows: rows.max
     };
   }
-
   return null;
 };
-
 const AVAILABLE_SIZES = ['sm', 'md', 'lg', 'xl', 'fill'];
+
 /**
  * `TextArea` is used for entering long text (like email body, descriptions, comments).
  * @since 1.9.0
  */
 
 class TextArea extends _react.Component {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    super(...arguments);
     (0, _defineProperty2.default)(this, "state", {
       textareaStyles: null
     });
@@ -57,58 +47,48 @@ class TextArea extends _react.Component {
         autoheight,
         onChange
       } = this.props;
-
       if (autoheight) {
         this.adjustHeight();
       }
-
       if (typeof onChange === 'function') {
         onChange(e);
       }
     });
   }
-
-  static getDerivedStateFromProps({
-    rows
-  }) {
+  static getDerivedStateFromProps(_ref) {
+    let {
+      rows
+    } = _ref;
     if (rows) {
       return getMinMax(rows);
     }
-
     return null;
   }
-
   componentDidMount() {
     this.adjustHeight();
   }
-
   componentDidUpdate(prevProps) {
     const {
       autoheight
     } = this.props;
-
     if (autoheight !== prevProps.autoheight) {
       this.adjustHeight();
     }
   }
-
   adjustHeight() {
     const {
       autoheight
     } = this.props;
-
     if (!autoheight) {
       this.setState({
         textareaStyles: null
       });
       return;
     }
-
     const {
       minRows,
       maxRows
     } = this.state;
-
     if (this.rootRef.current) {
       const textareaStyles = (0, _calculateNodeHeight.default)(this.rootRef.current, false, minRows, maxRows);
       this.setState({
@@ -116,7 +96,6 @@ class TextArea extends _react.Component {
       });
     }
   }
-
   render() {
     const {
       baseClassName,
@@ -142,9 +121,7 @@ class TextArea extends _react.Component {
       rows: minRows
     }, other));
   }
-
 }
-
 (0, _defineProperty2.default)(TextArea, "defaultProps", {
   baseClassName: `${_constants.CLS_PREFIX}textarea`,
   className: null,

package/cjs/components/TextArea/calculateNodeHeight.js

@@ -5,7 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = calculateNodeHeight;
 // Copyright 1999-2019. Plesk International GmbH. All rights reserved.
+
 // Thanks to https://github.com/andreypopp/react-textarea-autosize/
+
 const HIDDEN_TEXTAREA_STYLE = `
   min-height:0 !important;
   max-height:none !important;
@@ -20,12 +22,11 @@ const HIDDEN_TEXTAREA_STYLE = `
 const SIZING_STYLE = ['letter-spacing', 'line-height', 'padding-top', 'padding-bottom', 'font-family', 'font-weight', 'font-size', 'font-variant', 'text-rendering', 'text-transform', 'width', 'text-indent', 'padding-left', 'padding-right', 'border-width', 'box-sizing'];
 const computedStyleCache = new Map();
 let hiddenTextarea;
-
-const calculateNodeStyling = (node, useCache = false) => {
+const calculateNodeStyling = function (node) {
+  let useCache = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   if (useCache && computedStyleCache.has(node)) {
     return computedStyleCache.get(node);
   }
-
   const style = window.getComputedStyle(node);
   const boxSizing = style.getPropertyValue('box-sizing') || style.getPropertyValue('-moz-box-sizing') || style.getPropertyValue('-webkit-box-sizing');
   const paddingSize = parseFloat(style.getPropertyValue('padding-bottom')) + parseFloat(style.getPropertyValue('padding-top'));
@@ -37,42 +38,42 @@ const calculateNodeStyling = (node, useCache = false) => {
     borderSize,
     boxSizing
   };
-
   if (useCache) {
     computedStyleCache.set(node, nodeInfo);
   }
-
   return nodeInfo;
-}; // eslint-disable-next-line max-params
-
+};
 
-function calculateNodeHeight(uiTextNode, useCache = false, minRows = null, maxRows = null) {
+// eslint-disable-next-line max-params
+function calculateNodeHeight(uiTextNode) {
+  let useCache = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  let minRows = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+  let maxRows = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
   if (!hiddenTextarea) {
     hiddenTextarea = document.createElement('textarea');
     document.body.appendChild(hiddenTextarea);
   }
-
   if (uiTextNode.getAttribute('wrap')) {
     hiddenTextarea.setAttribute('wrap', uiTextNode.getAttribute('wrap'));
   } else {
     hiddenTextarea.removeAttribute('wrap');
-  } // Copy all CSS properties that have an impact on the height of the content in the textbox
-
+  }
 
+  // Copy all CSS properties that have an impact on the height of the content in the textbox
   const {
     paddingSize,
     borderSize,
     boxSizing,
     sizingStyle
-  } = calculateNodeStyling(uiTextNode, useCache); // Need to have the overflow attribute to hide the scrollbar otherwise text-lines will not calculated properly as the shadow will technically be narrower for content
+  } = calculateNodeStyling(uiTextNode, useCache);
 
+  // Need to have the overflow attribute to hide the scrollbar otherwise text-lines will not calculated properly as the shadow will technically be narrower for content
   hiddenTextarea.setAttribute('style', `${sizingStyle};${HIDDEN_TEXTAREA_STYLE}`);
   hiddenTextarea.value = uiTextNode.value || uiTextNode.placeholder || '';
   let minHeight = null;
   let maxHeight = null;
   let height = hiddenTextarea.scrollHeight;
   let overflowY;
-
   if (boxSizing === 'border-box') {
     // border-box: add border, since height = content + padding + border
     height = height + borderSize;
@@ -80,34 +81,26 @@ function calculateNodeHeight(uiTextNode, useCache = false, minRows = null, maxRo
     // remove padding, since height = content
     height = height - paddingSize;
   }
-
   if (minRows !== null || maxRows !== null) {
     // measure height of a textarea with a single row
     hiddenTextarea.value = ' ';
     const singleRowHeight = hiddenTextarea.scrollHeight - paddingSize;
-
     if (minRows !== null) {
       minHeight = singleRowHeight * minRows;
-
       if (boxSizing === 'border-box') {
         minHeight = minHeight + paddingSize + borderSize;
       }
-
       height = Math.max(minHeight, height);
     }
-
     if (maxRows !== null) {
       maxHeight = singleRowHeight * maxRows;
-
       if (boxSizing === 'border-box') {
         maxHeight = maxHeight + paddingSize + borderSize;
       }
-
       overflowY = height > maxHeight ? '' : 'hidden';
       height = Math.min(maxHeight, height);
     }
   }
-
   return {
     height,
     minHeight,

package/cjs/components/TextArea/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 _TextArea.default;
   }
 });
-
 var _TextArea = _interopRequireDefault(require("./TextArea"));

package/cjs/components/Toast/Toast.js

@@ -1,43 +1,29 @@
 "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 _classnames = _interopRequireDefault(require("classnames"));
-
 var _constants = require("../../constants");
-
 var _Icon = _interopRequireDefault(require("../Icon"));
-
 var _Button = _interopRequireDefault(require("../Button"));
-
 var _intentIconMap = require("../intentIconMap");
-
 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-2022. Plesk International GmbH. All rights reserved.
-const AUTOCLOSE_TIMEOUT = 6000;
 
+const AUTOCLOSE_TIMEOUT = 6000;
 class Toast extends _react.Component {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    super(...arguments);
     (0, _defineProperty2.default)(this, "timer", void 0);
   }
-
   componentDidMount() {
     const {
       autoClosable,
@@ -46,28 +32,23 @@ class Toast extends _react.Component {
     let {
       autoCloseTimeout
     } = this.props;
-
     switch (autoClosable) {
       case true:
         autoCloseTimeout = AUTOCLOSE_TIMEOUT;
         break;
-
       case false:
         autoCloseTimeout = undefined;
         break;
     }
-
     if (autoCloseTimeout && onClose) {
       this.timer = window.setTimeout(onClose, autoCloseTimeout);
     }
   }
-
   componentWillUnmount() {
     if (this.timer) {
       clearTimeout(this.timer);
     }
   }
-
   render() {
     const {
       baseClassName,
@@ -85,7 +66,6 @@ class Toast extends _react.Component {
       innerRef,
       ...props
     } = this.props;
-
     const result = /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
       tabIndex: 0,
       className: (0, _classnames.default)(baseClassName, intent && `${baseClassName}--${intent}`, accent && `${baseClassName}--accent`, className)
@@ -108,18 +88,14 @@ class Toast extends _react.Component {
       className: `${baseClassName}__close`,
       onClick: onClose
     })) : null);
-
     if (accent) {
       return result;
     }
-
     return /*#__PURE__*/_react.default.createElement(_OnDarkContext.default.Provider, {
       value: true
     }, result);
   }
-
 }
-
 exports.default = Toast;
 (0, _defineProperty2.default)(Toast, "defaultProps", {
   baseClassName: `${_constants.CLS_PREFIX}toast`

package/cjs/components/Toast/index.js

@@ -10,9 +10,7 @@ Object.defineProperty(exports, "default", {
     return _Toast.default;
   }
 });
-
 var _Toast = _interopRequireWildcard(require("./Toast"));
-
 Object.keys(_Toast).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -24,7 +22,5 @@ Object.keys(_Toast).forEach(function (key) {
     }
   });
 });
-
 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; }

package/cjs/components/Toaster/Toaster.js

@@ -1,65 +1,51 @@
 "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 _reactDom = require("react-dom");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactTransitionGroup = require("react-transition-group");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _constants = require("../../constants");
-
 var _Toast = _interopRequireDefault(require("../Toast"));
-
 var _Layer = _interopRequireDefault(require("../Layer"));
-
 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.
-let toastId = 0;
 
+let toastId = 0;
 /**
  * `Toaster` is used for notifying about events happened in the system. For example, about results of performed operations.
  * @since 0.0.42
  */
 class Toaster extends _react.Component {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    super(...arguments);
     (0, _defineProperty2.default)(this, "state", {
       toasts: []
     });
   }
-
-  static getDerivedStateFromProps({
-    toasts,
-    maxToastsNumber
-  }) {
+  static getDerivedStateFromProps(_ref) {
+    let {
+      toasts,
+      maxToastsNumber
+    } = _ref;
     if (toasts) {
       return {
         toasts: toasts.slice(0, maxToastsNumber)
       };
     }
-
     return null;
   }
-
   isControlled() {
     return Boolean(this.props.toasts);
   }
+
   /**
    * Add a new toast
    *
@@ -76,20 +62,22 @@ class Toaster extends _react.Component {
    * @returns {string} New toast key
    * @public
    */
-
-
   add(props) {
     const key = `toast-${toastId++}`;
-    this.setState(({
-      toasts
-    }) => ({
-      toasts: [{
-        key,
-        ...props
-      }, ...toasts].slice(0, this.props.maxToastsNumber)
-    }));
+    this.setState(_ref2 => {
+      let {
+        toasts
+      } = _ref2;
+      return {
+        toasts: [{
+          key,
+          ...props
+        }, ...toasts].slice(0, this.props.maxToastsNumber)
+      };
+    });
     return key;
   }
+
   /**
    * Update toast by key
    *
@@ -98,46 +86,48 @@ class Toaster extends _react.Component {
    * @returns {string} Updated toast key
    * @public
    */
-
-
   update(key, props) {
-    this.setState(({
-      toasts
-    }) => ({
-      toasts: toasts.map(toast => toast.key === key ? { ...props,
-        key
-      } : toast)
-    }));
+    this.setState(_ref3 => {
+      let {
+        toasts
+      } = _ref3;
+      return {
+        toasts: toasts.map(toast => toast.key === key ? {
+          ...props,
+          key
+        } : toast)
+      };
+    });
     return key;
   }
+
   /**
    * Remove toast by key
    *
    * @param {string} key
    * @public
    */
-
-
   remove(key) {
-    this.setState(({
-      toasts
-    }) => ({
-      toasts: toasts.filter(toast => toast.key !== key)
-    }));
+    this.setState(_ref4 => {
+      let {
+        toasts
+      } = _ref4;
+      return {
+        toasts: toasts.filter(toast => toast.key !== key)
+      };
+    });
   }
+
   /**
    * Clear all toasts
    *
    * @public
    */
-
-
   clear() {
     this.setState({
       toasts: []
     });
   }
-
   render() {
     const {
       baseClassName,
@@ -149,12 +139,10 @@ class Toaster extends _react.Component {
       ...props
     } = this.props;
     let stack = this.state.toasts;
-
     if (position === 'bottom-end') {
       stack = [...stack];
       stack.reverse();
     }
-
     return /*#__PURE__*/_react.default.createElement(_Layer.default, {
       level: _constants.Z_INDEX_TOASTER
     }, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
@@ -170,11 +158,9 @@ class Toaster extends _react.Component {
       let {
         autoClosable
       } = toastProps;
-
       if (autoClosable === undefined && intent === 'success' && position === 'top-end') {
         autoClosable = true;
       }
-
       const toastRef = /*#__PURE__*/(0, _react.createRef)();
       return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, {
         key: toastProps.key,
@@ -190,11 +176,9 @@ class Toaster extends _react.Component {
           if (!this.isControlled()) {
             this.remove(toastProps.key);
           }
-
           if (toastProps.onClose) {
             toastProps.onClose();
           }
-
           if (onToastClose) {
             onToastClose(toastProps.key);
           }
@@ -203,15 +187,15 @@ class Toaster extends _react.Component {
       })));
     }))));
   }
-
 }
-
 exports.default = Toaster;
 (0, _defineProperty2.default)(Toaster, "defaultProps", {
   position: 'top-end',
   baseClassName: `${_constants.CLS_PREFIX}toaster`
 });
-(0, _defineProperty2.default)(Toaster, "create", (props = {}, container = document.body) => {
+(0, _defineProperty2.default)(Toaster, "create", function () {
+  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let container = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document.body;
   const containerElement = document.createElement('div');
   container.appendChild(containerElement);
   return (0, _reactDom.render)( /*#__PURE__*/_react.default.createElement(Toaster, props), containerElement);

package/cjs/components/Toaster/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 _Toaster.default;
   }
 });
-
 var _Toaster = _interopRequireDefault(require("./Toaster"));