@plesk/ui-library 3.28.1 → 3.29.0

package/cjs/components/AutoClosable/AutoClosable.js

@@ -78,7 +78,9 @@ class AutoClosable extends _react.Component {
   }
 
   componentDidMount() {
-    document.body.addEventListener('click', this.onOutsideClick);
+    document.body.addEventListener('click', this.onOutsideClick, {
+      capture: true
+    });
 
     if (this.context) {
       this.context.addChild(this);
@@ -86,7 +88,9 @@ class AutoClosable extends _react.Component {
   }
 
   componentWillUnmount() {
-    document.body.removeEventListener('click', this.onOutsideClick);
+    document.body.removeEventListener('click', this.onOutsideClick, {
+      capture: true
+    });
 
     if (this.context) {
       this.context.removeChild(this);

package/cjs/components/Button/Button.js

@@ -95,7 +95,7 @@ const renderCaret = ({
  */
 
 
-const Button = ({
+const Button = /*#__PURE__*/(0, _react.forwardRef)(({
   baseClassName,
   className,
   component: Tag,
@@ -113,7 +113,7 @@ const Button = ({
   arrow,
   disabled,
   ...props
-}) => {
+}, ref) => {
   const [selectedState, setSelectedState] = (0, _react.useState)(false);
 
   const handleToggle = () => {
@@ -169,6 +169,7 @@ const Button = ({
   const hasAriaDisabled = Tag === 'button' && disabled && tooltip;
 
   let button = /*#__PURE__*/_react.default.createElement(Tag, (0, _extends2.default)({
+    ref: ref,
     className: (0, _classnames.default)(baseClassName, {
       [`${baseClassName}--${size}`]: size,
       [`${baseClassName}--${intent}`]: intent && !ghost,
@@ -208,8 +209,8 @@ const Button = ({
   }
 
   return button;
-};
-
+});
+Button.displayName = 'Button';
 Button.propTypes = {
   /**
    * Button size.
@@ -303,7 +304,12 @@ Button.propTypes = {
   /**
    * @ignore
    */
-  baseClassName: _propTypes.default.string
+  baseClassName: _propTypes.default.string,
+
+  /**
+   * @ignore
+   */
+  onClick: _propTypes.default.func
 };
 Button.defaultProps = {
   size: undefined,
@@ -321,7 +327,8 @@ Button.defaultProps = {
   component: 'button',
   className: undefined,
   baseClassName: `${_constants.CLS_PREFIX}button`,
-  arrow: undefined
+  arrow: undefined,
+  onClick: undefined
 };
 var _default = Button;
 exports.default = _default;

package/cjs/components/FormField/FormField.js

@@ -225,7 +225,7 @@ class FormField extends _react.Component {
         multi
       } = this.props;
 
-      if (!description || multi && this.state.value.length - 1 > index) {
+      if (!description || multi && this.fieldApi.getValue().length - 1 > index) {
         return null;
       }
 

package/cjs/components/List/List.js

@@ -892,14 +892,9 @@ class List extends _react.Component {
 
     if (totalRows && /*#__PURE__*/(0, _react.isValidElement)(pagination)) {
       const {
-        itemsPerPageOptions = _Pagination.ITEMS_PER_PAGE_OPTIONS,
-        itemsPerPage
+        itemsPerPageOptions = _Pagination.ITEMS_PER_PAGE_OPTIONS
       } = pagination.props;
 
-      if (Number.isInteger(itemsPerPage)) {
-        return totalRows > itemsPerPage;
-      }
-
       if (Array.isArray(itemsPerPageOptions)) {
         const numericOptions = itemsPerPageOptions.filter(v => Number(v) === v);
 

package/cjs/components/Overlay/Overlay.js

@@ -106,8 +106,6 @@ class Overlay extends _react.Component {
       isExist: true
     }, () => {
       this.prevFocusElement = document.activeElement;
-    });
-    setTimeout(() => {
       this.setState({
         isOpened: true
       }, () => {

package/cjs/components/Select/Select.js

@@ -195,8 +195,8 @@ const Select = ({
 
   if (filterValue) {
     const lowerFilterValue = filterValue.toLowerCase();
-    groupFns.push(group => !!group.label && group.label.toLowerCase().indexOf(lowerFilterValue) === 0);
-    optionFns.push(option => option.label.toLowerCase().indexOf(lowerFilterValue) === 0);
+    groupFns.push(group => !!group.label && group.label.toLowerCase().includes(lowerFilterValue));
+    optionFns.push(option => option.label.toLowerCase().includes(lowerFilterValue));
   }
 
   if (groupFns.length || optionFns.length) {
@@ -276,7 +276,7 @@ const Select = ({
 
   const handleHighlightSearch = query => {
     const lowerQuery = query.toLowerCase();
-    const index = options.findIndex(o => !o.disabled && o.label.toLowerCase().indexOf(lowerQuery) === 0);
+    const index = options.findIndex(o => !o.disabled && o.label.toLowerCase().includes(lowerQuery));
 
     if (index !== -1) {
       setHighlightedIndex(index);

package/cjs/components/Toast/Toast.js

@@ -23,6 +23,8 @@ 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; }
@@ -72,6 +74,10 @@ class Toast extends _react.Component {
       className,
       message,
       intent,
+      accent,
+      icon = intent && /*#__PURE__*/_react.default.createElement(_Icon.default, {
+        name: _intentIconMap.intentIconMap[intent]
+      }),
       onClose,
       closable = true,
       autoClosable,
@@ -79,18 +85,19 @@ class Toast extends _react.Component {
       innerRef,
       ...props
     } = this.props;
-    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+
+    const result = /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
       tabIndex: 0,
-      className: (0, _classnames.default)(baseClassName, intent && `${baseClassName}--${intent}`, className)
+      className: (0, _classnames.default)(baseClassName, intent && `${baseClassName}--${intent}`, accent && `${baseClassName}--accent`, className)
     }, props, {
       ref: innerRef
-    }), intent ? /*#__PURE__*/_react.default.createElement("span", {
+    }), icon ? /*#__PURE__*/_react.default.createElement("div", {
       className: `${baseClassName}__icon`
-    }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-      name: _intentIconMap.intentIconMap[intent]
-    })) : null, /*#__PURE__*/_react.default.createElement("span", {
+    }, _Icon.default.create(icon, {
+      intent
+    })) : null, /*#__PURE__*/_react.default.createElement("div", {
       className: `${baseClassName}__content`
-    }, message), closable ? /*#__PURE__*/_react.default.createElement("span", {
+    }, message), closable ? /*#__PURE__*/_react.default.createElement("div", {
       className: `${baseClassName}__action`
     }, /*#__PURE__*/_react.default.createElement(_Button.default, {
       ghost: true,
@@ -101,6 +108,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);
   }
 
 }

package/cjs/components/Toaster/Toaster.js

@@ -25,8 +25,6 @@ var _Toast = _interopRequireDefault(require("../Toast"));
 
 var _Layer = _interopRequireDefault(require("../Layer"));
 
-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; }
@@ -66,6 +64,8 @@ class Toaster extends _react.Component {
    * Add a new toast
    *
    * `intent` - Visual intent color to apply to component. (Type: `oneOf` 'info', 'success', 'warning', 'danger'. *Required*.)<br>
+   * `accent` - Contrast (light) version of the component. (Type: `boolean`. Default: 'undefined'.)<br>
+   * `icon` - Name of icon or [Icon](#!/Icon) component. (Type: `oneOfType` 'string', 'object', 'element'. Default: `undefined`.)<br>
    * `message` - Message to display in the body of the toast. (Type: `any`. Default: `undefined`.)<br>
    * `onClose` - onClose handler. (Type: `func`. Default: `undefined`.)<br>
    * `closable` - Show close control (cross mark). (Type: `boolean`. Default: `true`.)<br>
@@ -155,9 +155,7 @@ class Toaster extends _react.Component {
       stack.reverse();
     }
 
-    return /*#__PURE__*/_react.default.createElement(_OnDarkContext.default.Provider, {
-      value: true
-    }, /*#__PURE__*/_react.default.createElement(_Layer.default, {
+    return /*#__PURE__*/_react.default.createElement(_Layer.default, {
       level: _constants.Z_INDEX_TOASTER
     }, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
       className: (0, _classnames.default)(baseClassName, {
@@ -203,7 +201,7 @@ class Toaster extends _react.Component {
         },
         innerRef: toastRef
       })));
-    })))));
+    }))));
   }
 
 }

package/cjs/components/index.js

@@ -89,7 +89,8 @@ var _exportNames = {
   Tour: true,
   Translate: true,
   Link: true,
-  Skeleton: true
+  Skeleton: true,
+  PortalContext: true
 };
 Object.defineProperty(exports, "Action", {
   enumerable: true,
@@ -433,6 +434,12 @@ Object.defineProperty(exports, "Popover", {
     return _Popover.default;
   }
 });
+Object.defineProperty(exports, "PortalContext", {
+  enumerable: true,
+  get: function () {
+    return _Layer.PortalContext;
+  }
+});
 Object.defineProperty(exports, "Progress", {
   enumerable: true,
   get: function () {
@@ -956,6 +963,8 @@ Object.keys(_Skeleton).forEach(function (key) {
   });
 });
 
+var _Layer = 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; }

package/cjs/index.js

@@ -54,6 +54,6 @@ Object.keys(_components).forEach(function (key) {
   });
 });
 // Copyright 1999-2018. Plesk International GmbH. All rights reserved.
-const version = "3.28.1";
+const version = "3.29.0";
 exports.version = version;
 (0, _svg4everybody.default)();