@plesk/ui-library 3.31.3 → 3.32.0

package/cjs/components/CardList/CardListToolbar.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _constants = require("../../constants");
@@ -18,10 +17,10 @@ var _Menu = _interopRequireDefault(require("../Menu"));
 var _Checkbox = _interopRequireDefault(require("../Checkbox"));
 var _Badge = _interopRequireDefault(require("../Badge"));
 var _CardList = require("./CardList");
+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-2017. Plesk International GmbH. All rights reserved.
-/* eslint-disable react/prop-types */
 
 const renderSelection = (_ref, baseClassName) => {
   let {
@@ -41,73 +40,82 @@ const renderSelection = (_ref, baseClassName) => {
   } else {
     buttonProps.component = 'label';
   }
-  let button = /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({}, buttonProps, {
-    className: `${baseClassName}--select-all-btn`
-  }), /*#__PURE__*/_react.default.createElement(_Checkbox.default, (0, _extends2.default)({
-    checked: checked,
-    onChange: isChecked => {
-      if (isChecked) {
-        onSelectAll();
-      } else {
-        onSelectNone();
-      }
-    }
-  }, checkboxProps)));
+  let button = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+    ...buttonProps,
+    className: `${baseClassName}--select-all-btn`,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.default, {
+      checked: checked,
+      onChange: isChecked => {
+        if (isChecked) {
+          onSelectAll();
+        } else {
+          onSelectNone();
+        }
+      },
+      ...checkboxProps
+    })
+  });
   if (badge) {
     if (typeof badge === 'string') {
       badge = {
         label: badge
       };
     }
-    button = /*#__PURE__*/_react.default.createElement(_Badge.default, badge, button);
+    button = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Badge.default, {
+      ...badge,
+      children: button
+    });
   }
   if (hasDropdown) {
-    button = /*#__PURE__*/_react.default.createElement(_Dropdown.default, {
-      menu: /*#__PURE__*/_react.default.createElement(_Menu.default, null, menuItems)
-    }, button);
+    button = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.default, {
+      menu: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.default, {
+        children: menuItems
+      }),
+      children: button
+    });
   }
-  return /*#__PURE__*/_react.default.createElement(_Toolbar.ToolbarGroup, {
-    key: "selection",
-    title: /*#__PURE__*/_react.default.createElement(_Translate.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toolbar.ToolbarGroup, {
+    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
       content: "CardList.toolbarSelect",
       fallback: "Select"
-    })
-  }, button);
+    }),
+    children: button
+  }, "selection");
 };
 const renderView = (onViewChange, currentView) => {
   const viewButtons = [{
     value: _CardList.VIEW_EXTENDED,
-    title: /*#__PURE__*/_react.default.createElement(_Translate.default, {
+    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
       content: "CardList.viewCards",
       fallback: "Cards"
     }),
     icon: 'site-page'
   }, {
     value: _CardList.VIEW_TILE,
-    title: /*#__PURE__*/_react.default.createElement(_Translate.default, {
+    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
       content: "CardList.viewTiles",
       fallback: "Tiles"
     }),
     icon: 'four-squares'
   }, {
     value: _CardList.VIEW_ROW,
-    title: /*#__PURE__*/_react.default.createElement(_Translate.default, {
+    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
       content: "CardList.viewList",
       fallback: "List"
     }),
     icon: 'list'
   }];
-  return /*#__PURE__*/_react.default.createElement(_Toolbar.ToolbarGroup, {
-    key: "view",
-    title: /*#__PURE__*/_react.default.createElement(_Translate.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toolbar.ToolbarGroup, {
+    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
       content: "CardList.toolbarView",
       fallback: "View"
+    }),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SegmentedControl.default, {
+      buttons: viewButtons,
+      selected: currentView,
+      onChange: view => onViewChange(view)
     })
-  }, /*#__PURE__*/_react.default.createElement(_SegmentedControl.default, {
-    buttons: viewButtons,
-    selected: currentView,
-    onChange: view => onViewChange(view)
-  }));
+  }, "view");
 };
 const isToolbarExpander = element => /*#__PURE__*/(0, _react.isValidElement)(element) && element.type === _Toolbar.ToolbarExpander;
 const CardListToolbar = _ref2 => {
@@ -126,18 +134,17 @@ const CardListToolbar = _ref2 => {
   if (onViewChange && currentView !== _CardList.VIEW_RESPONSIVE) {
     const hasExpander = groups.filter(isToolbarExpander).length > 0;
     if (!hasExpander) {
-      toolbar.push( /*#__PURE__*/_react.default.createElement(_Toolbar.ToolbarExpander, {
-        key: "expander"
-      }));
+      toolbar.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toolbar.ToolbarExpander, {}, "expander"));
     }
     toolbar.push(renderView(onViewChange, currentView));
   }
   if (toolbar.length === 0) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(_Toolbar.default, {
-    className: baseClassName
-  }, toolbar);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toolbar.default, {
+    className: baseClassName,
+    children: toolbar
+  });
 };
 CardListToolbar.propTypes = {
   selection: _propTypes.default.object,

package/cjs/components/Carousel/Carousel.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 _utils = require("../../utils");
 var _react = _interopRequireWildcard(require("react"));
@@ -14,6 +13,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _reactMeasure = _interopRequireDefault(require("react-measure"));
 var _constants = require("../../constants");
 var _Icon = _interopRequireDefault(require("../Icon"));
+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.
@@ -68,7 +68,6 @@ class Carousel extends _react.Component {
       totalWidth
     } = calcWidths(this.genuineRef.current);
     if (this.state.totalWidth !== totalWidth) {
-      // eslint-disable-next-line react/no-did-update-set-state
       this.setState({
         slideWidths,
         totalWidth,
@@ -183,44 +182,52 @@ class Carousel extends _react.Component {
       children,
       ...props
     } = this.props;
-    return /*#__PURE__*/_react.default.createElement(_reactMeasure.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactMeasure.default, {
       onResize: this.handleResize,
       bounds: true,
       innerRef: node => {
         this.rootRef.current = node;
+      },
+      children: _ref2 => {
+        let {
+          measureRef
+        } = _ref2;
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)("section", {
+          ref: measureRef,
+          className: (0, _classnames.default)(baseClassName, className),
+          ...props,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: `${baseClassName}__slides`,
+            style: showControls ? this.listStyle() : null,
+            children: [showControls && children, /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: `${baseClassName}__genuine-slides`,
+              ref: this.genuineRef,
+              children: children
+            }), showControls && children]
+          }), showControls && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: `${baseClassName}__controls`,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+              type: "button",
+              className: (0, _classnames.default)(`${baseClassName}__control`, `${baseClassName}__control--previous`),
+              onClick: this.handlePrevClick,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+                name: "chevron-left",
+                flipHorizontal: this.isRtl,
+                className: `${baseClassName}__control-icon`
+              })
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+              type: "button",
+              className: (0, _classnames.default)(`${baseClassName}__control`, `${baseClassName}__control--next`),
+              onClick: this.handleNextClick,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+                name: "chevron-right",
+                flipHorizontal: this.isRtl,
+                className: `${baseClassName}__control-icon`
+              })
+            })]
+          })]
+        });
       }
-    }, _ref2 => {
-      let {
-        measureRef
-      } = _ref2;
-      return /*#__PURE__*/_react.default.createElement("section", (0, _extends2.default)({
-        ref: measureRef,
-        className: (0, _classnames.default)(baseClassName, className)
-      }, props), /*#__PURE__*/_react.default.createElement("div", {
-        className: `${baseClassName}__slides`,
-        style: showControls ? this.listStyle() : null
-      }, showControls && children, /*#__PURE__*/_react.default.createElement("div", {
-        className: `${baseClassName}__genuine-slides`,
-        ref: this.genuineRef
-      }, children), showControls && children), showControls && /*#__PURE__*/_react.default.createElement("div", {
-        className: `${baseClassName}__controls`
-      }, /*#__PURE__*/_react.default.createElement("button", {
-        type: "button",
-        className: (0, _classnames.default)(`${baseClassName}__control`, `${baseClassName}__control--previous`),
-        onClick: this.handlePrevClick
-      }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-        name: "chevron-left",
-        flipHorizontal: this.isRtl,
-        className: `${baseClassName}__control-icon`
-      })), /*#__PURE__*/_react.default.createElement("button", {
-        type: "button",
-        className: (0, _classnames.default)(`${baseClassName}__control`, `${baseClassName}__control--next`),
-        onClick: this.handleNextClick
-      }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-        name: "chevron-right",
-        flipHorizontal: this.isRtl,
-        className: `${baseClassName}__control-icon`
-      }))));
     });
   }
 }

package/cjs/components/Checkbox/Checkbox.js

@@ -5,11 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
 var _Tooltip = _interopRequireDefault(require("../Tooltip"));
+var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 /**
@@ -37,30 +36,36 @@ const Checkbox = _ref => {
       onChange(event.target.checked);
     }
   };
-  let result = /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+  let result = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: (0, _classnames.default)(baseClassName, {
       [`${baseClassName}--disabled`]: disabled,
       [`${baseClassName}--indeterminate`]: indeterminate
-    }, className)
-  }, props), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("label", {
-    className: `${baseClassName}__label`
-  }, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
-    className: `${baseClassName}__input`,
-    type: "checkbox",
-    onChange: handleChange,
-    checked: !indeterminate && checked,
-    defaultChecked: defaultChecked,
-    disabled: disabled,
-    name: name
-  }, inputProps)), /*#__PURE__*/_react.default.createElement("span", {
-    className: `${baseClassName}__indicator`
-  }), children ? /*#__PURE__*/_react.default.createElement("span", {
-    className: `${baseClassName}__text`
-  }, children) : null), rightAddon ? rightAddon : null));
+    }, className),
+    ...props,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
+      className: `${baseClassName}__label`,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+        className: `${baseClassName}__input`,
+        type: "checkbox",
+        onChange: handleChange,
+        checked: !indeterminate && checked,
+        defaultChecked: defaultChecked,
+        disabled: disabled,
+        name: name,
+        ...inputProps
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: `${baseClassName}__indicator`
+      }), children ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: `${baseClassName}__text`,
+        children: children
+      }) : null]
+    }), rightAddon ? rightAddon : null]
+  });
   if (tooltip) {
-    result = /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-      title: tooltip
-    }, result);
+    result = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+      title: tooltip,
+      children: result
+    });
   }
   return result;
 };

package/cjs/components/ClosingConfirmation/useClosingConfirmation.js

@@ -5,15 +5,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _Button = _interopRequireDefault(require("../Button"));
 var _Dialog = _interopRequireDefault(require("../Dialog"));
 var _Paragraph = _interopRequireDefault(require("../Paragraph"));
 var _Translate = _interopRequireDefault(require("../Translate"));
 var _utils = require("../utils");
 var _enUS = _interopRequireDefault(require("./locale/en-US"));
-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-2021. Plesk International GmbH. All rights reserved.
 
 const useClosingConfirmation = _ref => {
@@ -43,29 +42,32 @@ const useClosingConfirmation = _ref => {
   }
   let closingConfirmationDialog = null;
   if (isReady) {
-    closingConfirmationDialog = /*#__PURE__*/_react.default.createElement(_Dialog.default, {
+    closingConfirmationDialog = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.default, {
       isOpen: isDialogVisible,
       size: "sm",
       onClose: handleCancel,
-      buttons: [/*#__PURE__*/_react.default.createElement(_Button.default, {
-        key: "cancel",
+      buttons: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
         intent: "primary",
-        onClick: handleCancel
-      }, /*#__PURE__*/_react.default.createElement(_Translate.default, {
-        content: "ClosingConfirmation.cancel",
-        fallback: _enUS.default.cancel
-      })), /*#__PURE__*/_react.default.createElement(_Button.default, {
-        key: "confirm",
-        onClick: handleConfirm
-      }, /*#__PURE__*/_react.default.createElement(_Translate.default, {
-        content: "ClosingConfirmation.confirm",
-        fallback: _enUS.default.confirm
-      }))],
-      cancelButton: false
-    }, /*#__PURE__*/_react.default.createElement(_Paragraph.default, null, /*#__PURE__*/_react.default.createElement(_Translate.default, {
-      content: "ClosingConfirmation.content",
-      fallback: _enUS.default.content
-    })));
+        onClick: handleCancel,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
+          content: "ClosingConfirmation.cancel",
+          fallback: _enUS.default.cancel
+        })
+      }, "cancel"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+        onClick: handleConfirm,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
+          content: "ClosingConfirmation.confirm",
+          fallback: _enUS.default.confirm
+        })
+      }, "confirm")],
+      cancelButton: false,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Paragraph.default, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
+          content: "ClosingConfirmation.content",
+          fallback: _enUS.default.content
+        })
+      })
+    });
   }
   return {
     onCloseWithConfirmation,

package/cjs/components/CodeEditor/CodeEditor.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 _utils = require("../utils");
@@ -13,9 +12,9 @@ var _utils2 = require("../../utils");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 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-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
@@ -194,14 +193,15 @@ class CodeEditor extends _react.Component {
     const {
       content
     } = this.state;
-    return /*#__PURE__*/_react.default.createElement("textarea", (0, _extends2.default)({
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("textarea", {
       style: {
         display: 'none'
       },
       ref: ref => this.textareaNode = ref,
       className: (0, _classnames.default)(baseClassName, className),
-      defaultValue: content
-    }, props));
+      defaultValue: content,
+      ...props
+    });
   }
 }
 CodeEditor.propTypes = {

package/cjs/components/Columns/Column.js

@@ -5,13 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = 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; }
+var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 const normalize = value => String(Number(value)) === String(value) ? `${value}px` : value;
@@ -34,7 +32,7 @@ const Column = _ref => {
     ...props
   } = _ref;
   const vertical = (0, _react.useContext)(_VerticalContext.default);
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: (0, _classnames.default)(baseClassName, {
       [`${baseClassName}--fill`]: fill && !vertical,
       [`${baseClassName}--ratio-${ratio}`]: ratio && !vertical,
@@ -45,8 +43,10 @@ const Column = _ref => {
       flexBasis: normalize(minWidth),
       maxWidth: normalize(maxWidth),
       ...style
-    }
-  }, props), children);
+    },
+    ...props,
+    children: children
+  });
 };
 var _default = Column;
 exports.default = _default;

package/cjs/components/Columns/Columns.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _reactMeasure = _interopRequireDefault(require("react-measure"));
 var _constants = require("../../constants");
 var _VerticalContext = _interopRequireWildcard(require("../VerticalContext"));
+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.
@@ -43,24 +43,28 @@ const Columns = _ref => {
     } = _ref2;
     setVertical(bounds.width < verticalProp);
   };
-  const createRoot = measureRef => /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+  const createRoot = measureRef => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     ref: measureRef,
     className: (0, _classnames.default)(baseClassName, {
       [`${baseClassName}--vertical`]: vertical,
       [`${baseClassName}--gap-${gap}`]: gap
-    }, className)
-  }, props), /*#__PURE__*/_react.default.createElement(_VerticalContext.default.Provider, {
-    value: vertical
-  }, children));
+    }, className),
+    ...props,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_VerticalContext.default.Provider, {
+      value: vertical,
+      children: children
+    })
+  });
   if (typeof verticalProp === 'number') {
-    return /*#__PURE__*/_react.default.createElement(_reactMeasure.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactMeasure.default, {
       bounds: true,
-      onResize: handleResize
-    }, _ref3 => {
-      let {
-        measureRef
-      } = _ref3;
-      return createRoot(measureRef);
+      onResize: handleResize,
+      children: _ref3 => {
+        let {
+          measureRef
+        } = _ref3;
+        return createRoot(measureRef);
+      }
     });
   }
   return createRoot();

package/cjs/components/ComboBox/ComboBox.js

@@ -5,8 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
 var _utils = require("../utils");
@@ -14,6 +13,7 @@ var _Input = _interopRequireDefault(require("../Input"));
 var _Icon = _interopRequireDefault(require("../Icon"));
 var _ComboBoxDropdown = _interopRequireWildcard(require("../ComboBoxDropdown"));
 var _ComboBoxOption = _interopRequireDefault(require("./ComboBoxOption"));
+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.
@@ -143,17 +143,18 @@ const ComboBox = _ref => {
         break;
     }
   };
-  const button = /*#__PURE__*/_react.default.createElement("button", {
+  const button = /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
     className: `${baseClassName}__dropdown-button`,
     onClick: handleToggle,
     onMouseDown: e => e.preventDefault(),
     disabled: disabled,
     type: "button",
-    tabIndex: -1
-  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    name: "chevron-down"
-  }));
-  const control = /*#__PURE__*/_react.default.createElement(_Input.default, {
+    tabIndex: -1,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+      name: "chevron-down"
+    })
+  });
+  const control = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.default, {
     className: (0, _classnames.default)(`${baseClassName}__input`, {
       [`${baseClassName}__input--disabled`]: disabled
     }),
@@ -172,7 +173,7 @@ const ComboBox = _ref => {
       ref: controlRef
     }
   });
-  return /*#__PURE__*/_react.default.createElement(_ComboBoxDropdown.default, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ComboBoxDropdown.default, {
     className: (0, _classnames.default)(baseClassName, className, {
       [`${baseClassName}--size-${size}`]: size
     }),
@@ -189,12 +190,12 @@ const ComboBox = _ref => {
     onHighlightedIndexChange: handleHighlightedIndexChange,
     onClose: handleClose,
     value: value,
-    emitter: emitterRef.current
-  }, props));
+    emitter: emitterRef.current,
+    ...props
+  });
 };
 const withDefaultValue = Component => {
   const Wrapper = props => {
-    // eslint-disable-next-line react/prop-types
     const {
       defaultValue,
       onChange
@@ -210,7 +211,10 @@ const withDefaultValue = Component => {
         }
       };
     }
-    return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, props, propOverrides));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
+      ...props,
+      ...propOverrides
+    });
   };
   Wrapper.displayName = `withDefaultValue(${Component.name})`;
   return Wrapper;

package/cjs/components/ComboBox/ComboBoxOption.js

@@ -1,11 +1,10 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 /**
@@ -16,7 +15,7 @@ const ComboBoxOption = _props => {
   // styleguidist doesn't show Props & Methods if component renders nothing
   // eslint-disable-next-line no-constant-condition
   if (false) {
-    return /*#__PURE__*/_react.default.createElement("option", null);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {});
   }
   return null;
 };