@plesk/ui-library 3.31.0 → 3.31.2

package/cjs/components/CodeEditor/CodeEditor.js

@@ -1,39 +1,28 @@
 "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 _utils = require("../utils");
-
 var _utils2 = require("../../utils");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 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; }
-
+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-2021. Plesk International GmbH. All rights reserved.
+/* eslint-disable react/no-deprecated */
 /**
  * `CodeEditor` component is used for editing text as code with proper color highlighting according to selected programming language.
  * @since 0.0.61
  */
 class CodeEditor extends _react.Component {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    super(...arguments);
     (0, _defineProperty2.default)(this, "state", {
       content: this.props.children,
       lineSeparator: this.getLineSeparator(this.props.children),
@@ -65,7 +54,6 @@ class CodeEditor extends _react.Component {
       if (this.props.readOnly || changes.origin === 'setValue') {
         return;
       }
-
       const {
         lineSeparator
       } = this.state;
@@ -80,29 +68,29 @@ class CodeEditor extends _react.Component {
       });
     });
   }
-
-  static getDerivedStateFromProps({
-    readOnly,
-    autofocus,
-    options
-  }, state) {
+  static getDerivedStateFromProps(_ref, state) {
+    let {
+      readOnly,
+      autofocus,
+      options
+    } = _ref;
     return {
-      options: { ...state.options,
+      options: {
+        ...state.options,
         ...options,
         autofocus,
         readOnly
       }
     };
   }
-
   componentDidMount() {
-    Promise.resolve().then(() => _interopRequireWildcard(require('./CodeMirror'))).then(({
-      CodeMirror
-    }) => {
+    Promise.resolve().then(() => _interopRequireWildcard(require( /* webpackChunkName: "codemirror" */'./CodeMirror'))).then(_ref2 => {
+      let {
+        CodeMirror
+      } = _ref2;
       if (!this.textareaNode) {
         return;
       }
-
       this.CodeMirror = CodeMirror;
       const {
         onInit,
@@ -113,11 +101,9 @@ class CodeEditor extends _react.Component {
       } = this.state;
       this.codeMirror = CodeMirror.fromTextArea(this.textareaNode, options);
       this.codeMirror.on('scroll', this.handleScroll);
-
       if (scrollPosition) {
         this.codeMirror.scrollTo(scrollPosition.left, scrollPosition.top);
       }
-
       this.updateMode(this.props);
       CodeMirror.commands.save = this.props.onSave;
       CodeMirror.commands.find = CodeMirror.commands.findPersistent;
@@ -127,12 +113,10 @@ class CodeEditor extends _react.Component {
       this.codeMirror.on('change', this.handleChange);
     });
   }
-
   componentDidUpdate(prevProps) {
     if (!this.codeMirror) {
       return;
     }
-
     Object.keys(this.state.options).forEach(name => {
       this.codeMirror.setOption(name, this.state.options[name]);
     });
@@ -148,12 +132,10 @@ class CodeEditor extends _react.Component {
       fileName
     });
     const newContent = children || '';
-
     if (newContent !== prevProps.children && newContent !== this.codeMirror.getValue(this.state.lineSeparator)) {
       const prevScrollPosition = prevProps.scrollPosition || this.codeMirror.getScrollInfo();
       this.codeMirror.setValue(newContent);
       this.codeMirror.scrollTo(prevScrollPosition.left, prevScrollPosition.top);
-
       if (autofocus) {
         this.codeMirror.focus();
       }
@@ -161,44 +143,37 @@ class CodeEditor extends _react.Component {
       this.codeMirror.scrollTo(scrollPosition.left, scrollPosition.top);
     }
   }
-
   componentWillUnmount() {
     if (this.codeMirror) {
       this.codeMirror.off('scroll', this.handleScroll);
       this.codeMirror.toTextArea();
     }
   }
-
   findModeByFileName(fileName) {
     const modeInfo = this.CodeMirror.findModeByFileName(fileName);
-
     if (modeInfo) {
       return modeInfo.mode;
     }
-
     return null;
   }
-
-  updateMode({
-    mode,
-    fileName
-  }) {
+  updateMode(_ref3) {
+    let {
+      mode,
+      fileName
+    } = _ref3;
     if (!mode && fileName) {
       mode = this.findModeByFileName(fileName);
     }
-
     if (!mode) {
       return;
     }
-
     this.CodeMirror.loadMode(this.codeMirror, mode);
   }
-
-  getLineSeparator(content = '') {
+  getLineSeparator() {
+    let content = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
     const sep = /^.*?(\r\n?|\n)/.exec(content);
     return sep && sep[1] ? sep[1] : '\n';
   }
-
   render() {
     const {
       baseClassName,
@@ -228,64 +203,53 @@ class CodeEditor extends _react.Component {
       defaultValue: content
     }, props));
   }
-
 }
-
 CodeEditor.propTypes = {
   /**
    * The mode to use. When not given, this will default to the first mode that was loaded.
    * @since 0.0.61
    */
   mode: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]),
-
   /**
    * CodeEditor can detect mode by file name. Will be ignored if you set mode property.
    * @since 0.0.61
    */
   fileName: _propTypes.default.string,
-
   /**
    * Content of the `CodeEditor`.
    * @since 0.0.61
    */
   children: _propTypes.default.string,
-
   /**
    * Set read only.
    * @since 0.0.61
    */
   readOnly: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
-
   /**
    * Set auto focus.
    * @since 0.0.61
    */
   autofocus: _propTypes.default.bool,
-
   /**
    * onInit event handler.
    * @since 0.0.61
    */
   onInit: _propTypes.default.func,
-
   /**
    * onChange event handler.
    * @since 0.0.61
    */
   onChange: _propTypes.default.func,
-
   /**
    * onSave event handler.
    * @since 0.0.61
    */
   onSave: _propTypes.default.func,
-
   /**
    * See all supported options in [CodeMirror](https://codemirror.net/doc/manual.html#config) documentation.
    * @since 0.0.61
    */
   options: _propTypes.default.object,
-
   /**
    * Set scroll position.
    * @since 1.12.4
@@ -294,18 +258,15 @@ CodeEditor.propTypes = {
     left: _propTypes.default.number,
     top: _propTypes.default.number
   }),
-
   /**
    * onScroll event handler.
    * @since 1.12.4
    */
   onScroll: _propTypes.default.func,
-
   /**
    * @ignore
    */
   className: _propTypes.default.string,
-
   /**
    * @ignore
    */

package/cjs/components/CodeEditor/CodeMirror.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,30 +10,20 @@ Object.defineProperty(exports, "CodeMirror", {
     return _codemirror.default;
   }
 });
-
 var _codemirror = _interopRequireDefault(require("codemirror"));
-
 require("codemirror/addon/edit/matchbrackets");
-
 require("codemirror/addon/edit/matchtags");
-
 require("codemirror/mode/meta");
-
 require("codemirror/addon/dialog/dialog.js");
-
 require("codemirror/addon/search/searchcursor.js");
-
 require("codemirror/addon/search/search.js");
-
 require("codemirror/addon/display/autorefresh");
-
 // Copyright 1999-2017. Plesk International GmbH. All rights reserved.
+
 const importAll = r => {
   r.keys().forEach(r);
 };
-
 importAll(require.context('codemirror/mode/', true, /\.js$/));
-
 _codemirror.default.loadMode = function (instance, mode) {
   instance.setOption('mode', mode);
 };

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

package/cjs/components/Columns/Column.js

@@ -1,46 +1,38 @@
 "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 = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _constants = require("../../constants");
-
 var _VerticalContext = _interopRequireDefault(require("../VerticalContext"));
-
 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 normalize = value => String(Number(value)) === String(value) ? `${value}px` : value;
+
 /**
  * `Column` component is a part of [Columns](#!/Columns).
  * @since 2.6.0
  */
-
-
-const Column = ({
-  baseClassName = `${_constants.CLS_PREFIX}columns__column`,
-  className,
-  children,
-  fill,
-  ratio,
-  style,
-  width,
-  minWidth,
-  maxWidth,
-  ...props
-}) => {
+const Column = _ref => {
+  let {
+    baseClassName = `${_constants.CLS_PREFIX}columns__column`,
+    className,
+    children,
+    fill,
+    ratio,
+    style,
+    width,
+    minWidth,
+    maxWidth,
+    ...props
+  } = _ref;
   const vertical = (0, _react.useContext)(_VerticalContext.default);
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
     className: (0, _classnames.default)(baseClassName, {
@@ -56,6 +48,5 @@ const Column = ({
     }
   }, props), children);
 };
-
 var _default = Column;
 exports.default = _default;

package/cjs/components/Columns/Columns.js

@@ -1,60 +1,48 @@
 "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 = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _reactMeasure = _interopRequireDefault(require("react-measure"));
-
 var _constants = require("../../constants");
-
 var _VerticalContext = _interopRequireWildcard(require("../VerticalContext"));
-
 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.
 
 /**
  * `Columns` component is used for creating of multi-column layouts.
  * @since 2.6.0
  */
-const Columns = ({
-  baseClassName = `${_constants.CLS_PREFIX}columns`,
-  className,
-  children,
-  vertical: verticalProp,
-  gap,
-  ...props
-}) => {
+const Columns = _ref => {
+  let {
+    baseClassName = `${_constants.CLS_PREFIX}columns`,
+    className,
+    children,
+    vertical: verticalProp,
+    gap,
+    ...props
+  } = _ref;
   // eslint-disable-next-line prefer-const
   let [vertical, setVertical] = (0, _react.useState)(false);
   const verticalContext = (0, _react.useContext)(_VerticalContext.default);
-
   if (verticalProp === undefined) {
     verticalProp = typeof verticalContext === 'undefined' ? _VerticalContext.VERTICAL_BREAKPOINT : verticalContext;
   }
-
   if (typeof verticalProp === 'boolean') {
     vertical = verticalProp;
   }
-
-  const handleResize = ({
-    bounds
-  }) => {
+  const handleResize = _ref2 => {
+    let {
+      bounds
+    } = _ref2;
     setVertical(bounds.width < verticalProp);
   };
-
   const createRoot = measureRef => /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
     ref: measureRef,
     className: (0, _classnames.default)(baseClassName, {
@@ -64,18 +52,18 @@ const Columns = ({
   }, props), /*#__PURE__*/_react.default.createElement(_VerticalContext.default.Provider, {
     value: vertical
   }, children));
-
   if (typeof verticalProp === 'number') {
     return /*#__PURE__*/_react.default.createElement(_reactMeasure.default, {
       bounds: true,
       onResize: handleResize
-    }, ({
-      measureRef
-    }) => createRoot(measureRef));
+    }, _ref3 => {
+      let {
+        measureRef
+      } = _ref3;
+      return createRoot(measureRef);
+    });
   }
-
   return createRoot();
 };
-
 var _default = Columns;
 exports.default = _default;

package/cjs/components/Columns/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,7 +16,5 @@ Object.defineProperty(exports, "default", {
     return _Columns.default;
   }
 });
-
 var _Columns = _interopRequireDefault(require("./Columns"));
-
 var _Column = _interopRequireDefault(require("./Column"));