@plesk/ui-library 3.31.0 → 3.31.2

package/esm/components/Translate/Translate.js

@@ -1,4 +1,5 @@
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
+
 import React, { isValidElement } from 'react';
 import PropTypes from 'prop-types';
 import { useTranslate } from '../LocaleProvider';
@@ -6,50 +7,44 @@ export const isLikeText = node => {
   if (typeof node === 'string') {
     return true;
   }
-
   if ( /*#__PURE__*/isValidElement(node) && node.type === Translate) {
     const {
       component,
       children
     } = node.props;
-
     if (component === 'span' && (typeof children === 'string' || typeof children === 'undefined' || children === null)) {
       return true;
     }
   }
-
   return false;
 };
+
 /**
  * `Translate` component.
  * @since 0.0.42
  */
-
-const Translate = ({
-  component: Tag,
-  content,
-  children,
-  params,
-  unsafe,
-  fallback,
-  namespace,
-  translators,
-  ...props
-}) => {
+const Translate = _ref => {
+  let {
+    component: Tag,
+    content,
+    children,
+    params,
+    unsafe,
+    fallback,
+    namespace,
+    translators,
+    ...props
+  } = _ref;
   const translate = useTranslate(namespace);
   const key = content || children;
   const translator = translators && translators[key];
-
   if (translator) {
     if (typeof translator === 'function') {
       return translator(params);
     }
-
     return translator;
   }
-
   const message = translate(key, params, fallback);
-
   if (unsafe) {
     props.dangerouslySetInnerHTML = {
       __html: message
@@ -57,52 +52,43 @@ const Translate = ({
   } else {
     props.children = message;
   }
-
   return /*#__PURE__*/React.createElement(Tag, props);
 };
-
 Translate.propTypes = {
   /**
    * A some prefix for the message key.
    * @since 2.6.0
    */
   namespace: PropTypes.string,
-
   /**
    * Translatable content or message key.
    * @since 0.0.42
    */
   content: PropTypes.string,
-
   /**
    * Message params
    * @since 0.0.42
    */
   params: PropTypes.object,
-
   /**
    * Fallback translation value.
    * @since 0.0.47
    */
   fallback: PropTypes.string,
-
   /**
    * Component to render as the root element. Useful when rendering a `Translate` as `<option>`.
    * @since 0.0.42
    */
   component: PropTypes.elementType,
-
   /**
    * A set of translation messages. If the set contains a message key, the component uses an item from the set for rendering.
    * @ignore
    */
   translators: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.func, PropTypes.node])),
-
   /**
    * @ignore
    */
   unsafe: PropTypes.bool,
-
   /**
    * @ignore
    */

package/esm/components/Translate/index.js

@@ -1,2 +1,3 @@
 // Copyright 1999-2017. Plesk International GmbH. All rights reserved.
+
 export { default, isLikeText } from './Translate';

package/esm/components/VerticalContext/VerticalContext.js

@@ -1,4 +1,5 @@
 // Copyright 1999-2019. Plesk International GmbH. All rights reserved.
+
 import { createContext } from 'react';
 export const VERTICAL_BREAKPOINT = 450;
 const VerticalContext = /*#__PURE__*/createContext(undefined);

package/esm/components/VerticalContext/index.js

@@ -1,2 +1,3 @@
 // Copyright 1999-2019. Plesk International GmbH. All rights reserved.
+
 export { default, VERTICAL_BREAKPOINT } from './VerticalContext';

package/esm/components/index.js

@@ -1,4 +1,5 @@
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
+
 export { default as Action } from './Action';
 export { default as Alert } from './Alert';
 export { default as AutoClosable } from './AutoClosable';

package/esm/components/intentIconMap.js

@@ -1,4 +1,5 @@
 // Copyright 1999-2019. Plesk International GmbH. All rights reserved.
+
 export const intentIconMap = {
   info: 'info-circle-filled',
   success: 'check-mark-circle-filled',

package/esm/components/utils.js

@@ -1,13 +1,20 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
+
 import React from 'react';
 import scrollIntoViewIfNeeded from 'scroll-into-view-if-needed';
-export const safeInvoke = (fn, ...args) => {
+export const safeInvoke = function (fn) {
   if (typeof fn === 'function') {
+    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      args[_key - 1] = arguments[_key];
+    }
     fn(...args);
   }
 };
-export const wrapFunction = (fn, wrapper) => (...args) => {
+export const wrapFunction = (fn, wrapper) => function () {
+  for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+    args[_key2] = arguments[_key2];
+  }
   safeInvoke(fn, ...args);
   safeInvoke(wrapper, ...args);
 };
@@ -16,17 +23,13 @@ export const isClickable = e => {
     target,
     currentTarget
   } = e;
-
   if (false === (target instanceof HTMLElement && currentTarget.contains(target))) {
     return true;
   }
-
   if (target instanceof HTMLElement && target.hasAttribute('disabled')) {
     return false;
   }
-
   let element = target;
-
   while (element && element !== currentTarget) {
     if (element instanceof HTMLElement) {
       switch (element.nodeName) {
@@ -36,22 +39,18 @@ export const isClickable = e => {
         case 'LABEL':
           return true;
       }
-
       if (element.getAttribute('role') === 'button') {
         return true;
       }
-
       element = element.parentNode;
     } else {
       return true;
     }
   }
-
   return false;
 };
 export const createProxyProps = cb => {
   const ProxyProps = props => cb(props);
-
   return /*#__PURE__*/React.createElement(ProxyProps, null);
 };
 export const scrollIntoView = (target, options) => scrollIntoViewIfNeeded(target, {
@@ -63,18 +62,17 @@ export class EventEmitter {
   constructor() {
     _defineProperty(this, "listeners", {});
   }
-
   on(type, handler) {
     if (this.listeners[type] === undefined) {
       this.listeners[type] = [];
     }
-
     this.listeners[type].push(handler);
   }
-
-  emit(type, ...args) {
+  emit(type) {
+    for (var _len3 = arguments.length, args = new Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) {
+      args[_key3 - 1] = arguments[_key3];
+    }
     const handlers = this.listeners[type];
-
     if (handlers) {
       handlers.forEach(handler => {
         if (typeof handler === 'function') {
@@ -83,40 +81,30 @@ export class EventEmitter {
       });
     }
   }
-
 }
-
 const createStrategy = () => {
   const getNext = (container, element) => {
     const elements = container.children;
     const index = Array.prototype.indexOf.call(elements, element);
-
     if (index !== -1) {
       return elements[index + 1];
     }
-
     return undefined;
   };
-
   const getPrev = (container, element) => {
     const elements = container.children;
     const index = Array.prototype.indexOf.call(elements, element);
-
     if (index !== -1) {
       return elements[index - 1];
     }
-
     return undefined;
   };
-
   const getFirst = container => {
     return container.firstElementChild;
   };
-
   const getLast = container => {
     return container.lastElementChild;
   };
-
   return {
     getNext,
     getPrev,
@@ -124,90 +112,76 @@ const createStrategy = () => {
     getLast
   };
 };
-
-export const createFocusManager = (containerRef, // eslint-disable-next-line @typescript-eslint/no-unused-vars
-isFitForFocus = _node => true, strategy = createStrategy()) => {
+export const createFocusManager = function (containerRef) {
+  let isFitForFocus = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _node => true;
+  let strategy = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : createStrategy();
   const tryFocus = node => {
     if (isFitForFocus(node) && node instanceof HTMLElement) {
       node.focus();
       return true;
     }
-
     return false;
   };
-
-  const focusNext = (element = document.activeElement, attempt = 0) => {
+  const focusNext = function () {
+    let element = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document.activeElement;
+    let attempt = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
     if (!containerRef.current) {
       return false;
     }
-
     const next = strategy.getNext(containerRef.current, element);
-
     if (next) {
       if (tryFocus(next) || focusNext(next, attempt)) {
         return true;
       }
     }
-
     return focusFirst(attempt + 1);
   };
-
-  const focusPrev = (element = document.activeElement, attempt = 0) => {
+  const focusPrev = function () {
+    let element = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document.activeElement;
+    let attempt = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
     if (!containerRef.current) {
       return false;
     }
-
     const prev = strategy.getPrev(containerRef.current, element);
-
     if (prev) {
       if (tryFocus(prev) || focusPrev(prev, attempt)) {
         return true;
       }
     }
-
     return focusLast(attempt + 1);
   };
-
-  const focusFirst = (attempt = 0) => {
+  const focusFirst = function () {
+    let attempt = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
     if (attempt > 1) {
       return false;
     }
-
     if (!containerRef.current) {
       return false;
     }
-
     const next = strategy.getFirst(containerRef.current);
-
     if (next) {
       if (tryFocus(next) || focusNext(next, attempt)) {
         return true;
       }
     }
-
     return false;
   };
-
-  const focusLast = (attempt = 0) => {
+  const focusLast = function () {
+    let attempt = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
     if (attempt > 1) {
       return false;
     }
-
     if (!containerRef.current) {
       return false;
     }
-
     const prev = strategy.getLast(containerRef.current);
-
     if (prev) {
       if (tryFocus(prev) || focusPrev(prev, attempt)) {
         return true;
       }
     }
-
     return false;
   };
-
   return {
     focusNext,
     focusPrev,
@@ -215,13 +189,18 @@ isFitForFocus = _node => true, strategy = createStrategy()) => {
     focusLast
   };
 };
-export const mergeRefs = (...refs) => value => {
-  refs.forEach(ref => {
-    if (typeof ref === 'function') {
-      ref(value);
-    } else if (ref) {
-      ref.current = value;
-    }
-  });
+export const mergeRefs = function () {
+  for (var _len4 = arguments.length, refs = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+    refs[_key4] = arguments[_key4];
+  }
+  return value => {
+    refs.forEach(ref => {
+      if (typeof ref === 'function') {
+        ref(value);
+      } else if (ref) {
+        ref.current = value;
+      }
+    });
+  };
 };
 export const normalizeSize = value => String(Number(value)) === String(value) ? `${value}px` : value;

package/esm/constants.js

@@ -1,4 +1,5 @@
 // Copyright 1999-2021. Plesk International GmbH. All rights reserved.
+
 module.exports = {
   CLS_PREFIX: 'pul-',
   Z_INDEX_POPOVER: 1035,

package/esm/index.js

@@ -1,6 +1,6 @@
 // Copyright 1999-2018. Plesk International GmbH. All rights reserved.
 import svg4everybody from 'svg4everybody';
-const version = "3.31.0";
+const version = "3.31.2";
 export * from './publicPath';
 export { version };
 export * from './utils';

package/esm/publicPath.js

@@ -1,27 +1,23 @@
 // Copyright 1999-2018. Plesk International GmbH. All rights reserved.
-let baseUrl = '';
 
+let baseUrl = '';
 if (typeof window === 'object' && typeof window.require === 'function' && typeof window.require.toUrl === 'function') {
   baseUrl = window.require.toUrl('plesk-ui-library');
 } else {
   const script = document.querySelector('script[src*="plesk-ui-library.js"], script[src*="plesk-ui-library.min.js"]');
-
   if (script) {
     baseUrl = script.src;
   }
 }
-
 if (baseUrl) {
   baseUrl = baseUrl.substr(0, baseUrl.lastIndexOf('/') + 1);
 }
-/* eslint-disable no-undef, camelcase */
-
 
+/* eslint-disable no-undef, camelcase */
 if (typeof __webpack_public_path__ !== 'undefined' && baseUrl) {
   __webpack_public_path__ = baseUrl;
 }
 /* eslint-enable no-undef, camelcase */
-// Workaround for ES6 module detection
-
 
+// Workaround for ES6 module detection
 export default null;

package/esm/utils.js

@@ -1,4 +1,5 @@
 // Copyright 1999-2019. Plesk International GmbH. All rights reserved.
+
 export const isRtl = () => getComputedStyle(document.documentElement).direction === 'rtl';
 let hasDocumentScroll = true;
 export const disableDocumentScroll = () => {
@@ -28,4 +29,6 @@ export const copyToClipboard = value => {
   el.select();
   document.execCommand('copy');
   document.body.removeChild(el);
-}; // eslint-disable-next-line
+};
+
+// eslint-disable-next-line

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plesk/ui-library",
-  "version": "3.31.0",
+  "version": "3.31.2",
   "description": "Plesk UI Library",
   "main": "index.js",
   "module": "esm/index.js",
@@ -29,7 +29,7 @@
     "styleguide:build": "styleguidist build --config ./configs/styleguide.config.js",
     "create-component": "node scripts/create-component.js",
     "prepublishOnly": "yarn install && yarn test && yarn build && yarn styleguide:build",
-    "storybook": "webpack serve --config ./configs/storybook.config.js --disable-host-check",
+    "storybook": "webpack serve --config ./configs/storybook.config.js --allowed-hosts all",
     "postinstall": "node ./scripts/postinstall.js"
   },
   "files": [
@@ -42,93 +42,95 @@
     "/index.js"
   ],
   "dependencies": {
-    "@babel/runtime": "^7.15.4",
-    "@plesk/react-movable": "^2.6.0",
-    "@types/classnames": "2.2.7",
-    "@types/react": "16.8.13",
-    "@types/react-dom": "16.8.4",
-    "@types/react-measure": "2.0.8",
-    "@types/react-transition-group": "^4.4.4",
-    "@types/svg4everybody": "2.1.0",
-    "classnames": "^2.3.1",
-    "codemirror": "5.48.0",
-    "marked": "0.3.19",
-    "memoize-one": "^5.1.1",
+    "@babel/runtime": "^7.21.0",
+    "@plesk/react-movable": "^2.7.1",
+    "classnames": "^2.3.2",
+    "codemirror": "5.58.2",
+    "marked": "4.2.12",
+    "memoize-one": "^5.2.1",
     "popper.js": "1.14.3",
-    "prop-types": "^15.7.2",
+    "prop-types": "^15.8.1",
     "react-measure": "2.3.0",
     "react-sortable-hoc": "0.6.8",
-    "react-transition-group": "^4.4.2",
-    "scroll-into-view-if-needed": "^2.2.20",
+    "react-transition-group": "^4.4.5",
+    "scroll-into-view-if-needed": "^2.2.31",
     "svg4everybody": "2.1.9",
-    "use-focus-visible": "^1.0.0"
+    "use-focus-visible": "^1.0.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.15.8",
-    "@babel/plugin-proposal-class-properties": "^7.14.5",
+    "@babel/core": "^7.21.4",
+    "@babel/plugin-proposal-class-properties": "^7.18.6",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/plugin-transform-runtime": "^7.15.8",
-    "@babel/preset-env": "^7.15.8",
-    "@babel/preset-react": "^7.14.5",
-    "@babel/preset-typescript": "^7.15.0",
+    "@babel/plugin-transform-runtime": "^7.21.4",
+    "@babel/preset-env": "^7.21.4",
+    "@babel/preset-react": "^7.18.6",
+    "@babel/preset-typescript": "^7.21.4",
+    "@babel/types": "^7.21.4",
+    "@csstools/postcss-logical-float-and-clear": "^1.0.1",
     "@plesk/eslint-config": "^1.1.0",
     "@plesk/stylelint-config": "^1.0.0",
     "@types/buble": "^0.19.2",
-    "@types/cheerio": "^0.22.30",
+    "@types/cheerio": "^0.22.31",
+    "@types/classnames": "2.2.7",
     "@types/doctrine": "^0.0.3",
-    "@types/enzyme": "^3.10.9",
-    "@types/jest": "^23.3.12",
-    "@types/webpack-dev-server": "^3.10.1",
-    "@typescript-eslint/eslint-plugin": "^2.7.0",
-    "@typescript-eslint/parser": "^2.7.0",
-    "autoprefixer": "^10.4.13",
-    "babel-loader": "^8.2.3",
+    "@types/enzyme": "^3.10.12",
+    "@types/jest": "^23.3.14",
+    "@types/marked": "^4.0.8",
+    "@types/node": "^12.20.55",
+    "@types/react": "^16.14.38",
+    "@types/react-dom": "^16.9.18",
+    "@types/react-measure": "2.0.8",
+    "@types/react-transition-group": "^4.4.5",
+    "@types/svg4everybody": "2.1.0",
+    "@typescript-eslint/eslint-plugin": "^2.34.0",
+    "@typescript-eslint/parser": "^2.34.0",
+    "autoprefixer": "^10.4.14",
+    "babel-loader": "^8.3.0",
     "babel-plugin-dynamic-import-node": "^2.3.3",
     "babel-plugin-transform-require-ignore": "^0.1.1",
     "clean-webpack-plugin": "^4.0.0",
-    "cross-env": "^5.2.0",
-    "css-loader": "^6.7.1",
+    "cross-env": "^5.2.1",
+    "css-loader": "^6.7.3",
     "css-minimizer-webpack-plugin": "^4.2.2",
     "enzyme": "^3.11.0",
-    "enzyme-adapter-react-16": "^1.15.6",
+    "enzyme-adapter-react-16": "^1.15.7",
     "enzyme-to-json": "^3.6.2",
-    "eslint-config-prettier": "^6.11.0",
+    "eslint-config-prettier": "^6.15.0",
     "eslint-plugin-markdown": "^1.0.2",
-    "eslint-plugin-prettier": "^3.1.3",
-    "expect-puppeteer": "^4.4.0",
-    "fs-extra": "^7.0.0",
+    "eslint-plugin-prettier": "^3.4.1",
+    "fs-extra": "^7.0.1",
     "html-webpack-plugin": "^5.5.0",
-    "inquirer": "^3.2.1",
+    "inquirer": "^3.3.0",
     "jest": "^24.9.0",
     "jest-dev-server": "^4.4.0",
-    "jest-image-snapshot": "^4.0.2",
+    "jest-image-snapshot": "^4.5.1",
     "less": "^4.1.3",
     "less-loader": "^11.1.0",
-    "mini-css-extract-plugin": "^2.6.1",
-    "postcss": "^8.4.18",
+    "mini-css-extract-plugin": "^2.7.5",
+    "postcss": "^8.4.21",
     "postcss-less": "^6.0.0",
-    "postcss-loader": "^7.0.1",
-    "postcss-logical": "^5.0.3",
-    "prettier": "^2.7.1",
+    "postcss-loader": "^7.2.4",
+    "postcss-logical": "^6.1.0",
+    "prettier": "^2.8.7",
     "puppeteer-core": "13.1.3",
-    "react": "^16.8.6",
-    "react-dom": "^16.8.6",
-    "react-styleguidist": "^11.1.7",
-    "react-test-renderer": "^16.8.6",
-    "rimraf": "^3.0.1",
-    "rtlcss": "^3.4.0",
-    "style-loader": "^3.3.1",
-    "stylelint": "^14.14.1",
-    "stylelint-config-prettier": "^9.0.3",
-    "stylelint-declaration-block-no-ignored-properties": "^2.6.0",
-    "stylelint-no-unsupported-browser-features": "^6.0.1",
+    "react": "^16.14.0",
+    "react-dom": "^16.14.0",
+    "react-styleguidist": "^12.0.1",
+    "react-test-renderer": "^16.14.0",
+    "rimraf": "^3.0.2",
+    "rtlcss": "^4.0.0",
+    "style-loader": "^3.3.2",
+    "stylelint": "^14.16.1",
+    "stylelint-config-prettier": "^9.0.5",
+    "stylelint-declaration-block-no-ignored-properties": "^2.7.0",
+    "stylelint-no-unsupported-browser-features": "^6.1.0",
     "stylelint-prettier": "^2.0.0",
-    "stylelint-use-logical-spec": "^4.1.0",
+    "stylelint-use-logical-spec": "^5.0.0",
     "svg-mixer": "^2.3.14",
-    "terser-webpack-plugin": "^5.2.4",
-    "typescript": "^3.7.2",
-    "webpack": "^5.74.0",
-    "webpack-cli": "^4.10.0"
+    "terser-webpack-plugin": "^5.3.7",
+    "typescript": "3.7.2",
+    "webpack": "^5.78.0",
+    "webpack-cli": "^5.0.1"
   },
   "peerDependencies": {
     "react": "^16.8.6",
@@ -137,7 +139,10 @@
   "resolutions": {
     "@babel/types": "^7.15.6",
     "@types/node": "^12.12.8",
-    "**/caniuse-lite": "1.0.30001430"
+    "@types/react": "^16.14.35",
+    "**/caniuse-lite": "1.0.30001430",
+    "trim": "0.0.3",
+    "postcss": "8.4.21"
   },
   "browserslist": [
     "last 2 versions",