@plesk/ui-library 3.31.3 → 3.32.0

package/cjs/components/Layout/Layout.js

@@ -5,7 +5,6 @@ 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 _propTypes = _interopRequireDefault(require("prop-types"));
@@ -13,6 +12,7 @@ var _reactMeasure = _interopRequireDefault(require("react-measure"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _reactTransitionGroup = require("react-transition-group");
 var _constants = require("../../constants");
+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-2020. Plesk International GmbH. All rights reserved.
@@ -254,7 +254,7 @@ class Layout extends _react.Component {
       return null;
     }
     const isSidebarClosed = this.getSidebarClosed();
-    return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, {
       in: !isSidebarClosed,
       timeout: 300,
       classNames: {
@@ -265,42 +265,51 @@ class Layout extends _react.Component {
         exitActive: `${baseClassName}__header--active-exit`,
         exitDone: `${baseClassName}__header--off`
       },
-      nodeRef: this.headerRef
-    }, /*#__PURE__*/_react.default.createElement("header", {
-      className: `${baseClassName}__header`,
-      ref: this.headerRef,
-      style: {
-        height: `${headerHeight}px`
-      }
-    }, /*#__PURE__*/_react.default.createElement(_reactMeasure.default, {
-      onResize: this.handleResize,
-      bounds: true
-    }, _ref5 => {
-      let {
-        measureRef
-      } = _ref5;
-      return /*#__PURE__*/_react.default.createElement("div", {
-        ref: measureRef,
-        className: `${baseClassName}__header-inner`
-      }, headerAddon ? /*#__PURE__*/_react.default.createElement("div", {
-        className: `${baseClassName}__header-addon`
-      }, headerAddon) : null, /*#__PURE__*/_react.default.createElement("div", {
-        className: `${baseClassName}__header-content`
-      }, sidebar && /*#__PURE__*/_react.default.createElement("button", {
-        className: (0, _classnames.default)(`${baseClassName}__responsive-sidebar-toggler`, {
-          [`${baseClassName}__responsive-sidebar-toggler--open`]: !isSidebarClosed
-        }),
-        type: "button",
-        onClick: this.handleToggle,
-        ref: this.responsiveSidebarTogglerRef
-      }, /*#__PURE__*/_react.default.createElement("span", {
-        className: `${baseClassName}__responsive-sidebar-toggler-inner`
-      }, /*#__PURE__*/_react.default.createElement("span", {
-        className: `${baseClassName}__responsive-sidebar-toggler-icon`
-      }))), /*#__PURE__*/_react.default.createElement("div", {
-        className: `${baseClassName}__header-content-inner`
-      }, header)));
-    })));
+      nodeRef: this.headerRef,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("header", {
+        className: `${baseClassName}__header`,
+        ref: this.headerRef,
+        style: {
+          height: `${headerHeight}px`
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactMeasure.default, {
+          onResize: this.handleResize,
+          bounds: true,
+          children: _ref5 => {
+            let {
+              measureRef
+            } = _ref5;
+            return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+              ref: measureRef,
+              className: `${baseClassName}__header-inner`,
+              children: [headerAddon ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                className: `${baseClassName}__header-addon`,
+                children: headerAddon
+              }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+                className: `${baseClassName}__header-content`,
+                children: [sidebar && /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+                  className: (0, _classnames.default)(`${baseClassName}__responsive-sidebar-toggler`, {
+                    [`${baseClassName}__responsive-sidebar-toggler--open`]: !isSidebarClosed
+                  }),
+                  type: "button",
+                  onClick: this.handleToggle,
+                  ref: this.responsiveSidebarTogglerRef,
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                    className: `${baseClassName}__responsive-sidebar-toggler-inner`,
+                    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                      className: `${baseClassName}__responsive-sidebar-toggler-icon`
+                    })
+                  })
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                  className: `${baseClassName}__header-content-inner`,
+                  children: header
+                })]
+              })]
+            });
+          }
+        })
+      })
+    });
   }
   renderContentAddon(_ref6) {
     let {
@@ -312,11 +321,13 @@ class Layout extends _react.Component {
     if (!contentAddon) {
       return null;
     }
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: `${baseClassName}__content-addon`
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: `${baseClassName}__content-addon-inner`
-    }, contentAddon));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: `${baseClassName}__content-addon`,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: `${baseClassName}__content-addon-inner`,
+        children: contentAddon
+      })
+    });
   }
   renderContentHeader(_ref7) {
     let {
@@ -328,11 +339,13 @@ class Layout extends _react.Component {
     if (!contentHeader) {
       return null;
     }
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: `${baseClassName}__content-header`
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: `${baseClassName}__content-header-inner`
-    }, contentHeader));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: `${baseClassName}__content-header`,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: `${baseClassName}__content-header-inner`,
+        children: contentHeader
+      })
+    });
   }
   renderSidebar(_ref8) {
     let {
@@ -347,7 +360,7 @@ class Layout extends _react.Component {
       return null;
     }
     const isSidebarClosed = this.getSidebarClosed();
-    return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, {
       in: !isSidebarClosed,
       timeout: 300,
       classNames: {
@@ -357,26 +370,32 @@ class Layout extends _react.Component {
         exit: `${baseClassName}__sidebar--exit`,
         exitActive: `${baseClassName}__sidebar--active-exit`,
         exitDone: `${baseClassName}__sidebar--off`
-      }
-    }, /*#__PURE__*/_react.default.createElement("aside", {
-      className: (0, _classnames.default)(`${baseClassName}__sidebar`, {
-        [`${baseClassName}__sidebar--on`]: !isSidebarClosed,
-        [`${baseClassName}__sidebar--off`]: isSidebarClosed
-      }),
-      ref: this.sidebarRef
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: `${baseClassName}__sidebar-inner`
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: `${baseClassName}__sidebar-content`
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: `${baseClassName}__sidebar-content-inner`
-    }, sidebar)), sidebarCollapsible && /*#__PURE__*/_react.default.createElement("button", {
-      className: `${baseClassName}__sidebar-toggler`,
-      onClick: this.handleToggle,
-      type: "button"
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: `${baseClassName}__sidebar-toggler-inner`
-    })))));
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("aside", {
+        className: (0, _classnames.default)(`${baseClassName}__sidebar`, {
+          [`${baseClassName}__sidebar--on`]: !isSidebarClosed,
+          [`${baseClassName}__sidebar--off`]: isSidebarClosed
+        }),
+        ref: this.sidebarRef,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: `${baseClassName}__sidebar-inner`,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: `${baseClassName}__sidebar-content`,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: `${baseClassName}__sidebar-content-inner`,
+              children: sidebar
+            })
+          }), sidebarCollapsible && /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+            className: `${baseClassName}__sidebar-toggler`,
+            onClick: this.handleToggle,
+            type: "button",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: `${baseClassName}__sidebar-toggler-inner`
+            })
+          })]
+        })
+      })
+    });
   }
   renderMainContent(_ref9) {
     let {
@@ -385,11 +404,13 @@ class Layout extends _react.Component {
     const {
       baseClassName
     } = this.props;
-    return /*#__PURE__*/_react.default.createElement("main", {
-      className: `${baseClassName}__main`
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: `${baseClassName}__main-inner`
-    }, children));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("main", {
+      className: `${baseClassName}__main`,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: `${baseClassName}__main-inner`,
+        children: children
+      })
+    });
   }
   renderFooter(_ref10) {
     let {
@@ -401,11 +422,13 @@ class Layout extends _react.Component {
     if (!footer) {
       return null;
     }
-    return /*#__PURE__*/_react.default.createElement("footer", {
-      className: `${baseClassName}__footer`
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: `${baseClassName}__footer-inner`
-    }, footer));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("footer", {
+      className: `${baseClassName}__footer`,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: `${baseClassName}__footer-inner`,
+        children: footer
+      })
+    });
   }
   render() {
     const {
@@ -436,7 +459,7 @@ class Layout extends _react.Component {
       }
     }
     const isSidebarClosed = this.getSidebarClosed();
-    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _classnames.default)(baseClassName, {
         [`${baseClassName}--${type}`]: type,
         [`${baseClassName}--${width}`]: width,
@@ -447,27 +470,32 @@ class Layout extends _react.Component {
         [`${baseClassName}--sidebar-type-${sidebarType}`]: sidebarType && sidebar,
         [`${baseClassName}--sidebar-collapsed`]: sidebarType === 'collapsed' && isSidebarClosed,
         [`${baseClassName}--sidebar-folded`]: sidebarType === 'folded' && isSidebarClosed
-      }, className)
-    }, props), /*#__PURE__*/_react.default.createElement("div", {
-      className: `${baseClassName}__inner`
-    }, this.renderHeader({
-      header
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: `${baseClassName}__container`
-    }, this.renderSidebar({
-      sidebar,
-      headerFixed: headerPositionFixed
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: `${baseClassName}__content`
-    }, this.renderContentAddon({
-      contentAddon
-    }), this.renderContentHeader({
-      contentHeader
-    }), this.renderMainContent({
-      children
-    }), this.renderFooter({
-      footer
-    })))));
+      }, className),
+      ...props,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: `${baseClassName}__inner`,
+        children: [this.renderHeader({
+          header
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: `${baseClassName}__container`,
+          children: [this.renderSidebar({
+            sidebar,
+            headerFixed: headerPositionFixed
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: `${baseClassName}__content`,
+            children: [this.renderContentAddon({
+              contentAddon
+            }), this.renderContentHeader({
+              contentHeader
+            }), this.renderMainContent({
+              children
+            }), this.renderFooter({
+              footer
+            })]
+          })]
+        })]
+      })
+    });
   }
 }
 exports.default = Layout;

package/cjs/components/Link/Link.js

@@ -6,18 +6,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _utils = require("../../utils");
 var _constants = require("../../constants");
 var _OnDarkContext = _interopRequireDefault(require("../OnDarkContext"));
 var _utils2 = require("../utils");
 var _Icon = _interopRequireDefault(require("../Icon"));
-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; }
+var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2022. Plesk International GmbH. All rights reserved.
 
-// eslint-disable-next-line space-infix-ops
-
 /**
  * FIXME: With the following code all @ts-ignore comments can be removed, but react-docgen cannot parse it.
  * const Link = <P extends any>({ ... }: LinkProps<P>) => {
@@ -72,11 +69,14 @@ const Link = _ref => {
   return (
     /*#__PURE__*/
     // @ts-ignore
-    _react.default.createElement(Component, props, children, external && /*#__PURE__*/_react.default.createElement(_Icon.default, {
-      flipHorizontal: (0, _utils.isRtl)(),
-      name: "arrow-diagonal-out",
-      className: `${baseClassName}__external-icon`
-    }))
+    (0, _jsxRuntime.jsxs)(Component, {
+      ...props,
+      children: [children, external && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+        flipHorizontal: (0, _utils.isRtl)(),
+        name: "arrow-diagonal-out",
+        className: `${baseClassName}__external-icon`
+      })]
+    })
   );
 };
 var _default = Link;