@plesk/ui-library 3.34.1 → 3.35.0

package/cjs/components/Popper/Popper.js

@@ -6,21 +6,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactDom = require("react-dom");
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _constants = require("../../constants");
 var _popper = _interopRequireDefault(require("popper.js"));
+var _react = require("react");
+var _reactDom = require("react-dom");
+var _constants = require("../../constants");
 var _Layer = _interopRequireDefault(require("../Layer"));
 var _jsxRuntime = require("react/jsx-runtime");
-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-2023. Plesk International GmbH. All rights reserved.
 
 /**
  * `Popper` component.
- */class Popper extends _react.Component {
+ */
+class Popper extends _react.Component {
   constructor() {
     super(...arguments);
     (0, _defineProperty2.default)(this, "state", {
@@ -30,29 +28,26 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
     });
     (0, _defineProperty2.default)(this, "popper", null);
     (0, _defineProperty2.default)(this, "contentRef", /*#__PURE__*/(0, _react.createRef)());
+    (0, _defineProperty2.default)(this, "arrowRef", null);
+    // @ts-ignore
     (0, _defineProperty2.default)(this, "extractStyles", state => {
-      if (!state) {
-        return;
-      }
       const {
         onUpdate
       } = this.props;
       const data = {
         popperStyle: {
-          position: state.offsets.popper.position,
           ...(state.hide ? {
             visibility: 'hidden',
             pointerEvents: 'none'
           } : undefined),
-          ...state.styles
+          ...state.styles,
+          position: state.offsets.popper.position
         },
         actualPlacement: state.placement,
         arrowStyle: state.arrowStyles
       };
       this.setState(data);
-      if (onUpdate) {
-        onUpdate(data);
-      }
+      onUpdate?.(data);
     });
   }
   componentDidMount() {
@@ -122,10 +117,10 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
           padding: 0,
           behavior
         },
-        arrow: arrow && {
+        arrow: arrow && this.arrowRef ? {
           enabled: true,
           element: this.arrowRef
-        }
+        } : undefined
       }
     };
     let reference;
@@ -185,67 +180,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
     });
   }
 }
-Popper.propTypes = {
-  /**
-   * Whether show popper content.
-   */
-  show: _propTypes.default.bool,
-  /**
-   * Content of the `Popper`.
-   */
-  children: _propTypes.default.node,
-  /**
-   * Target for popper.
-   */
-  target: _propTypes.default.any.isRequired,
-  /**
-   * A React reference to the DOM element that needs for calculating the position of the popup.
-   */
-  targetRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
-    current: _propTypes.default.instanceOf(HTMLElement)
-  })]),
-  /**
-   * Arrow element of popper
-   */
-  arrow: _propTypes.default.element,
-  /**
-   * Placement for popper.
-   */
-  placement: _propTypes.default.oneOf(['auto', 'auto-start', 'auto-end', 'auto-top', 'auto-right', 'auto-bottom', 'auto-left', 'top', 'top-start', 'top-end', 'right', 'right-start', 'right-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end']),
-  /**
-   * The behavior used to change the popper's placement.
-   */
-  behavior: _propTypes.default.oneOfType([_propTypes.default.oneOf(['flip', 'clockwise', 'counterclockwise']), _propTypes.default.arrayOf(_propTypes.default.string)]),
-  /**
-   * Shift your popper on both axis.
-   */
-  offset: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
-  /**
-   * Update callback function
-   */
-  onUpdate: _propTypes.default.func,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string,
-  /**
-   * zIndex value.
-   */
-  zIndex: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-  /**
-   * Boundaries element for preventOverflow property.
-   */
-  boundariesElement: _propTypes.default.oneOfType([_propTypes.default.oneOf(['scrollParent', 'window', 'viewport']), _propTypes.default.instanceOf(HTMLElement)]),
-  /**
-   * @ignore
-   */
-  style: _propTypes.default.object
-};
-Popper.defaultProps = {
+(0, _defineProperty2.default)(Popper, "defaultProps", {
   show: true,
   children: null,
   arrow: null,
@@ -259,6 +194,6 @@ Popper.defaultProps = {
   boundariesElement: 'window',
   style: undefined,
   targetRef: undefined
-};
+});
 var _default = Popper;
 exports.default = _default;

package/cjs/components/Popper/index.js

@@ -1,13 +1,26 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {};
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
     return _Popper.default;
   }
 });
-var _Popper = _interopRequireDefault(require("./Popper"));
+var _Popper = _interopRequireWildcard(require("./Popper"));
+Object.keys(_Popper).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Popper[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Popper[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/Section/Section.js

@@ -147,8 +147,7 @@ class Section extends _react.Component {
       value: title,
       onChange: onTitleChange,
       onClick: e => {
-        var _e$target$closest$que;
-        (_e$target$closest$que = e.target.closest(`.${baseClassName}__header`).querySelector(`.${baseClassName}__control-button`)) === null || _e$target$closest$que === void 0 ? void 0 : _e$target$closest$que.click();
+        e.target.closest(`.${baseClassName}__header`).querySelector(`.${baseClassName}__control-button`)?.click();
       }
     });
   }

package/cjs/components/Skeleton/SkeletonText.js

@@ -33,7 +33,7 @@ const SkeletonText = _ref => {
     // eslint-disable-next-line react/no-array-index-key
     , {
       ...lineProps,
-      className: (0, _classnames.default)(`${baseClassName}__line`, lineProps === null || lineProps === void 0 ? void 0 : lineProps.className)
+      className: (0, _classnames.default)(`${baseClassName}__line`, lineProps?.className)
     }, key))
   });
 };

package/cjs/components/SplitButton/SplitButton.js

@@ -5,8 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
 var _Button = _interopRequireDefault(require("../Button"));
@@ -14,8 +13,6 @@ var _ButtonGroup = _interopRequireDefault(require("../ButtonGroup"));
 var _Dropdown = _interopRequireDefault(require("../Dropdown"));
 var _utils = require("../utils");
 var _jsxRuntime = require("react/jsx-runtime");
-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-2023. Plesk International GmbH. All rights reserved.
 
 const focusStrategy = {
@@ -40,25 +37,26 @@ const focusStrategy = {
     return container.children[1].querySelector('button');
   }
 };
-
 /**
  * `Split Button` is a combination of a standard [Button](#!/Button) with a [Dropdown](#!/Dropdown) menu.
  * It is used for grouping several related actions when one of the actions should be accessible immediately
  * because it is used more often than others.
- * @since 0.0.40
+ *
+ * Since: 0.0.40
  */
 const SplitButton = _ref => {
   let {
-    baseClassName,
+    baseClassName = `${_constants.CLS_PREFIX}split-button`,
     className,
     menu,
     children,
-    opened,
     onClick,
     onKeyDown,
+    icon,
+    size,
     ...props
   } = _ref;
-  const rootRef = (0, _react.useRef)();
+  const rootRef = (0, _react.useRef)(null);
   const {
     focusNext,
     focusPrev
@@ -82,6 +80,8 @@ const SplitButton = _ref => {
     onKeyDown: handleKeyDown,
     ...props,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+      icon: icon,
+      size: size,
       tabIndex: 0,
       onClick: onClick,
       children: children
@@ -90,51 +90,12 @@ const SplitButton = _ref => {
       menu: menu,
       menuPlacement: "bottom-end",
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+        size: size,
         caret: true,
         tabIndex: -1
       })
     })]
   });
 };
-SplitButton.propTypes = {
-  /**
-   * @since 0.0.47
-   */
-  menu: _propTypes.default.any,
-  /**
-   * @since 0.0.47
-   */
-  opened: _propTypes.default.bool,
-  /**
-   * Content of the button group
-   * @since 0.0.40
-   */
-  children: _propTypes.default.node,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  onClick: _propTypes.default.func,
-  /**
-   * @ignore
-   */
-  onKeyDown: _propTypes.default.func
-};
-SplitButton.defaultProps = {
-  menu: null,
-  opened: false,
-  children: null,
-  className: null,
-  baseClassName: `${_constants.CLS_PREFIX}split-button`,
-  onClick: undefined,
-  onKeyDown: undefined
-};
 var _default = SplitButton;
 exports.default = _default;

package/cjs/components/SplitButton/index.js

@@ -1,13 +1,26 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {};
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
     return _SplitButton.default;
   }
 });
-var _SplitButton = _interopRequireDefault(require("./SplitButton"));
+var _SplitButton = _interopRequireWildcard(require("./SplitButton"));
+Object.keys(_SplitButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _SplitButton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _SplitButton[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/index.js

@@ -12,7 +12,6 @@ var _exportNames = {
   Badge: true,
   Breadcrumbs: true,
   Button: true,
-  ButtonProps: true,
   ButtonGroup: true,
   Card: true,
   CardList: true,
@@ -43,9 +42,6 @@ var _exportNames = {
   Heading: true,
   Hint: true,
   Icon: true,
-  IconProps: true,
-  IconName: true,
-  IconSize: true,
   Input: true,
   InputFile: true,
   InputNumber: true,
@@ -143,12 +139,6 @@ Object.defineProperty(exports, "ButtonGroup", {
     return _ButtonGroup.default;
   }
 });
-Object.defineProperty(exports, "ButtonProps", {
-  enumerable: true,
-  get: function () {
-    return _Button.ButtonProps;
-  }
-});
 Object.defineProperty(exports, "Card", {
   enumerable: true,
   get: function () {
@@ -311,24 +301,6 @@ Object.defineProperty(exports, "Icon", {
     return _Icon.default;
   }
 });
-Object.defineProperty(exports, "IconName", {
-  enumerable: true,
-  get: function () {
-    return _Icon.IconName;
-  }
-});
-Object.defineProperty(exports, "IconProps", {
-  enumerable: true,
-  get: function () {
-    return _Icon.IconProps;
-  }
-});
-Object.defineProperty(exports, "IconSize", {
-  enumerable: true,
-  get: function () {
-    return _Icon.IconSize;
-  }
-});
 Object.defineProperty(exports, "InPlaceEdit", {
   enumerable: true,
   get: function () {
@@ -635,7 +607,7 @@ var _AutoClosable = _interopRequireDefault(require("./AutoClosable"));
 var _AuxiliaryActions = _interopRequireDefault(require("./AuxiliaryActions"));
 var _Badge = _interopRequireDefault(require("./Badge"));
 var _Breadcrumbs = _interopRequireDefault(require("./Breadcrumbs"));
-var _Button = _interopRequireWildcard(require("./Button"));
+var _Button = _interopRequireDefault(require("./Button"));
 var _ButtonGroup = _interopRequireDefault(require("./ButtonGroup"));
 var _Card = _interopRequireWildcard(require("./Card"));
 Object.keys(_Card).forEach(function (key) {
@@ -731,7 +703,7 @@ var _Grid = _interopRequireDefault(require("./Grid"));
 var _GridCol = _interopRequireDefault(require("./GridCol"));
 var _Heading = _interopRequireDefault(require("./Heading"));
 var _Hint = _interopRequireDefault(require("./Hint"));
-var _Icon = _interopRequireWildcard(require("./Icon"));
+var _Icon = _interopRequireDefault(require("./Icon"));
 var _Input = _interopRequireDefault(require("./Input"));
 var _InputFile = _interopRequireDefault(require("./InputFile"));
 var _InputNumber = _interopRequireDefault(require("./InputNumber"));

package/cjs/components/utils.js

@@ -122,7 +122,7 @@ const createStrategy = () => {
   };
 };
 const createFocusManager = function (containerRef) {
-  let isFitForFocus = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _node => true;
+  let isFitForFocus = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : () => true;
   let strategy = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : createStrategy();
   const tryFocus = node => {
     if (isFitForFocus(node) && node instanceof HTMLElement) {

package/cjs/index.js

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

package/dist/images/symbols.svg

@@ -1,4 +1,4 @@
-<svg width="16" height="11712" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="16" height="11760" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <defs>
     <symbol viewBox="0 0 12 12" id="archive:12">
       <path d="M2 1h7v.5a.5.5 0 0 0 1 0V1a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1v-.5a.5.5 0 0 0-1 0v.5H2V1z" />
@@ -181,6 +181,14 @@
       <path d="M4.145 11.855a.496.496 0 0 1 0-.702L13.298 2H9.5a.5.5 0 0 1 0-1h5.002a.495.495 0 0 1 .498.5v5a.5.5 0 0 1-1 0V2.702l-9.153 9.153a.496.496 0 0 1-.702 0z" />
       <path d="M1.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0V14h12.5a.5.5 0 0 1 0 1h-13z" />
     </symbol>
+    <symbol viewBox="0 0 12 12" id="bar-chart-vertical-lock:12">
+      <path d="M4 .5a.5.5 0 0 1 1 0v9a.5.5 0 0 1-1 0v-9zM1.5 5a.5.5 0 0 0-.5.5v4a.5.5 0 0 0 1 0v-4a.5.5 0 0 0-.5-.5zM.5 11a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5zM7.5 3a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 1 0v-1a.5.5 0 0 0-.5-.5zM10 1.5a.5.5 0 0 1 1 0v3a.5.5 0 0 1-1 0v-3z" />
+      <path d="M7 9a1 1 0 0 1 1-1V7a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1V9zm3-1V7H9v1h1z" />
+    </symbol>
+    <symbol viewBox="0 0 16 16" id="bar-chart-vertical-lock:16">
+      <path d="M13 .5a.5.5 0 0 1 1 0v7a.5.5 0 0 1-1 0v-7zM4.5 2a.5.5 0 0 0-.5.5v11a.5.5 0 0 0 1 0v-11a.5.5 0 0 0-.5-.5zM1 9.5a.5.5 0 0 1 1 0v4a.5.5 0 0 1-1 0v-4zm-1 6a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 0 1h-8a.5.5 0 0 1-.5-.5zm7-9a.5.5 0 0 1 1 0v7a.5.5 0 0 1-1 0v-7zM10.5 4a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 1 0v-3a.5.5 0 0 0-.5-.5z" />
+      <path d="M10 12a1 1 0 0 1 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v1a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1v-3zm3-1v-1h-1v1h1z" />
+    </symbol>
     <symbol viewBox="0 0 12 12" id="bar-chart-vertical:12">
       <path d="M0 11.5a.5.5 0 01.5-.5h11a.5.5 0 010 1H.5a.5.5 0 01-.5-.5zM1 5.5a.5.5 0 011 0v4a.5.5 0 01-1 0v-4zM4 .5a.5.5 0 011 0v9a.5.5 0 01-1 0v-9zM7 4.5a.5.5 0 011 0v5a.5.5 0 01-1 0v-5zM10 2.5a.5.5 0 011 0v7a.5.5 0 01-1 0v-7z" />
     </symbol>