@plesk/ui-library 3.31.2 → 3.32.0

package/cjs/components/InputFile/InputFile.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,8 +13,7 @@ var _Text = _interopRequireDefault(require("../Text"));
 var _Button = _interopRequireDefault(require("../Button"));
 var _Translate = _interopRequireDefault(require("../Translate"));
 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-2022. Plesk International GmbH. All rights reserved.
 
 const generateId = () => Math.random().toString(36).slice(2);
@@ -67,44 +65,49 @@ const InputFile = _ref => {
       setFocusScheduled(false);
     }
   }, [isFocusScheduled]);
-  return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({
-    className: (0, _classnames.default)(baseClassName, className)
-  }, props), /*#__PURE__*/_react.default.createElement(_Button.default, {
-    className: `${baseClassName}__button`,
-    "data-test": testId && `${testId}--browse-button`,
-    disabled: disabled,
-    component: "label",
-    state: hasFocus ? 'focused' : undefined
-  }, !disabled && /*#__PURE__*/_react.default.createElement("input", {
-    "data-id": id,
-    key: id,
-    type: "file",
-    name: name,
-    onChange: handleChange,
-    className: `${baseClassName}__input`,
-    ref: inputRef,
-    "data-test": testId && `${testId}--file-input`,
-    onFocus: handleFocus,
-    onBlur: handleBlur,
-    accept: accept
-  }), /*#__PURE__*/_react.default.createElement(_Translate.default, {
-    namespace: "InputFile",
-    content: "browseButton",
-    translators: locale,
-    fallback: _enUS.default.browseButton
-  })), file && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Text.default, {
-    truncate: true,
-    nowrap: true,
-    className: `${baseClassName}__name`,
-    "data-test": testId && `${testId}--file-name`,
-    intent: disabled ? 'muted' : undefined
-  }, file.name), /*#__PURE__*/_react.default.createElement(_Button.default, {
-    icon: "cross-mark",
-    ghost: true,
-    onClick: handleReset,
-    "data-test": testId && `${testId}--reset-button`,
-    disabled: disabled
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+    className: (0, _classnames.default)(baseClassName, className),
+    ...props,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, {
+      className: `${baseClassName}__button`,
+      "data-test": testId && `${testId}--browse-button`,
+      disabled: disabled,
+      component: "label",
+      state: hasFocus ? 'focused' : undefined,
+      children: [!disabled && /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+        "data-id": id,
+        type: "file",
+        name: name,
+        onChange: handleChange,
+        className: `${baseClassName}__input`,
+        ref: inputRef,
+        "data-test": testId && `${testId}--file-input`,
+        onFocus: handleFocus,
+        onBlur: handleBlur,
+        accept: accept
+      }, id), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
+        namespace: "InputFile",
+        content: "browseButton",
+        translators: locale,
+        fallback: _enUS.default.browseButton
+      })]
+    }), file && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+        truncate: true,
+        nowrap: true,
+        className: `${baseClassName}__name`,
+        "data-test": testId && `${testId}--file-name`,
+        intent: disabled ? 'muted' : undefined,
+        children: file.name
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+        icon: "cross-mark",
+        ghost: true,
+        onClick: handleReset,
+        "data-test": testId && `${testId}--reset-button`,
+        disabled: disabled
+      })]
+    })]
+  });
 };
 var _default = InputFile;
 exports.default = _default;

package/cjs/components/InputNumber/InputNumber.js

@@ -5,15 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _utils = require("../utils");
 var _Input = _interopRequireDefault(require("../Input"));
 var _Button = _interopRequireDefault(require("../Button"));
 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; }
+var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 const fitToMinMax = function (value) {
@@ -138,10 +136,10 @@ const InputNumber = _ref => {
   };
   const minDisabled = disabled || isMinDisabled(value, min);
   const maxDisabled = disabled || isMaxDisabled(value, max);
-  return /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.default, {
     textAlign: "center",
-    size: "sm"
-  }, props, {
+    size: "sm",
+    ...props,
     value: value,
     disabled: disabled,
     onChange: handleChange,
@@ -149,7 +147,7 @@ const InputNumber = _ref => {
     onBlur: handleBlur,
     className: (0, _classnames.default)(baseClassName, className),
     innerRef: inputRef,
-    prefix: /*#__PURE__*/_react.default.createElement(_Button.default, {
+    prefix: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
       icon: decrementIcon,
       ghost: true,
       disabled: minDisabled,
@@ -157,7 +155,7 @@ const InputNumber = _ref => {
       onMouseDown: handleMouseDown,
       className: `${baseClassName}__dec`
     }),
-    suffix: /*#__PURE__*/_react.default.createElement(_Button.default, {
+    suffix: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
       icon: incrementIcon,
       ghost: true,
       disabled: maxDisabled,
@@ -165,7 +163,7 @@ const InputNumber = _ref => {
       onMouseDown: handleMouseDown,
       className: `${baseClassName}__inc`
     })
-  }));
+  });
 };
 var _default = InputNumber;
 exports.default = _default;

package/cjs/components/Item/Item.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 _classnames = _interopRequireDefault(require("classnames"));
@@ -15,6 +14,7 @@ var _Media = _interopRequireDefault(require("../Media"));
 var _Heading = _interopRequireDefault(require("../Heading"));
 var _Tooltip = _interopRequireDefault(require("../Tooltip"));
 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-2021. Plesk International GmbH. All rights reserved.
@@ -38,16 +38,21 @@ class Item extends _react.Component {
     } = this.props;
     let wrappable = false;
     if (typeof title === 'string') {
-      title = /*#__PURE__*/_react.default.createElement("span", null, title);
+      title = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: title
+      });
       wrappable = true;
     } else if (typeof title === 'object' && ! /*#__PURE__*/(0, _react.isValidElement)(title)) {
-      title = /*#__PURE__*/_react.default.createElement("a", title);
+      title = /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+        ...title
+      });
       wrappable = true;
     }
     if (wrappable && view === 'card') {
-      title = /*#__PURE__*/_react.default.createElement(_Heading.default, {
-        level: 3
-      }, title);
+      title = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Heading.default, {
+        level: 3,
+        children: title
+      });
     }
     if ( /*#__PURE__*/(0, _react.isValidElement)(title)) {
       title = /*#__PURE__*/(0, _react.cloneElement)(title, {
@@ -100,27 +105,34 @@ class Item extends _react.Component {
         });
       }
     }
-    const item = /*#__PURE__*/_react.default.createElement(Tag, (0, _extends2.default)({
+    const item = /*#__PURE__*/(0, _jsxRuntime.jsxs)(Tag, {
       className: (0, _classnames.default)(baseClassName, {
         [`${baseClassName}--card`]: view === 'card',
         [`${baseClassName}--disabled`]: disabled,
         [`${baseClassName}--hoverable`]: hoverable
-      }, className)
-    }, props), /*#__PURE__*/_react.default.createElement(_Media.default, {
-      image: this.renderIcon(icon),
-      title: this.renderTitle(title),
-      className: `${baseClassName}__media`
-    }, description && /*#__PURE__*/_react.default.createElement("div", {
-      className: `${baseClassName}__description`
-    }, description), _react.Children.toArray(children).length ? /*#__PURE__*/_react.default.createElement("div", {
-      className: `${baseClassName}__content`
-    }, children) : null), footer && /*#__PURE__*/_react.default.createElement("footer", {
-      className: `${baseClassName}__footer`
-    }, footer));
+      }, className),
+      ...props,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Media.default, {
+        image: this.renderIcon(icon),
+        title: this.renderTitle(title),
+        className: `${baseClassName}__media`,
+        children: [description && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: `${baseClassName}__description`,
+          children: description
+        }), _react.Children.toArray(children).length ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: `${baseClassName}__content`,
+          children: children
+        }) : null]
+      }), footer && /*#__PURE__*/(0, _jsxRuntime.jsx)("footer", {
+        className: `${baseClassName}__footer`,
+        children: footer
+      })]
+    });
     if (tooltip) {
-      return (0, _utils.createProxyProps)(props => /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-        title: tooltip
-      }, /*#__PURE__*/(0, _react.cloneElement)(item, props)));
+      return (0, _utils.createProxyProps)(props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+        title: tooltip,
+        children: /*#__PURE__*/(0, _react.cloneElement)(item, props)
+      }));
     }
     return item;
   }

package/cjs/components/ItemLink/ItemLink.js

@@ -5,11 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _react = _interopRequireDefault(require("react"));
 var _utils = require("../utils");
 var _constants = require("../../constants");
+var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 /**
@@ -35,11 +34,14 @@ const ItemLink = _ref => {
       }
     });
   }
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-    className: (0, _classnames.default)(baseClassName, className)
-  }, props), /*#__PURE__*/_react.default.createElement("div", {
-    className: `${baseClassName}__content`
-  }, children));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _classnames.default)(baseClassName, className),
+    ...props,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: `${baseClassName}__content`,
+      children: children
+    })
+  });
 };
 var _default = ItemLink;
 exports.default = _default;

package/cjs/components/ItemLink/ItemLink.stories.js

@@ -5,11 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Basic = void 0;
-var _react = _interopRequireDefault(require("react"));
 var _ItemLink = _interopRequireDefault(require("./ItemLink"));
+var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
-const Basic = args => /*#__PURE__*/_react.default.createElement(_ItemLink.default, args);
+const Basic = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_ItemLink.default, {
+  ...args
+});
 exports.Basic = Basic;
 Basic.args = {
   children: 'Add new item',

package/cjs/components/ItemList/ItemList.js

@@ -5,14 +5,14 @@ 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 _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
 var _Grid = _interopRequireDefault(require("../Grid"));
 var _GridCol = _interopRequireDefault(require("../GridCol"));
 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-2021. Plesk International GmbH. All rights reserved.
 const getNextSelectedValue = (value, prevValue, toggleable) => {
@@ -144,14 +144,18 @@ class ItemList extends _react.Component {
       children,
       ...props
     } = _ref3;
-    return /*#__PURE__*/_react.default.createElement(_Grid.default, props, _react.Children.map(children, child => {
-      if ( /*#__PURE__*/(0, _react.isValidElement)(child)) {
-        return /*#__PURE__*/_react.default.createElement(_GridCol.default, {
-          className: (0, _classnames.default)(`${baseClassName}__col`)
-        }, /*#__PURE__*/(0, _react.cloneElement)(child, this.createItemProps(child)));
-      }
-      return null;
-    }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+      ...props,
+      children: _react.Children.map(children, child => {
+        if ( /*#__PURE__*/(0, _react.isValidElement)(child)) {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridCol.default, {
+            className: (0, _classnames.default)(`${baseClassName}__col`),
+            children: /*#__PURE__*/(0, _react.cloneElement)(child, this.createItemProps(child))
+          });
+        }
+        return null;
+      })
+    });
   }
   someChild(predicate) {
     let result = false;
@@ -206,23 +210,26 @@ class ItemList extends _react.Component {
       [`${baseClassName}__col--gap-lg`]: props.gap === 'lg',
       [`${baseClassName}__col--gap-xl`]: props.gap === 'xl'
     });
-    return /*#__PURE__*/_react.default.createElement(ReorderableGrid, (0, _extends2.default)({
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(ReorderableGrid, {
       axis: "xy",
       helperClass: helperClass,
-      onSortEnd: onReorderEnd
-    }, props), _react.Children.map(children, (child, index) => {
-      if ( /*#__PURE__*/(0, _react.isValidElement)(child)) {
-        const {
-          disabled
-        } = child.props;
-        return /*#__PURE__*/_react.default.createElement(ReorderableGridCol, {
-          index: index,
-          className: (0, _classnames.default)(`${baseClassName}__col`),
-          disabled: disabled
-        }, /*#__PURE__*/(0, _react.cloneElement)(child, this.createItemProps(child)));
-      }
-      return null;
-    }));
+      onSortEnd: onReorderEnd,
+      ...props,
+      children: _react.Children.map(children, (child, index) => {
+        if ( /*#__PURE__*/(0, _react.isValidElement)(child)) {
+          const {
+            disabled
+          } = child.props;
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(ReorderableGridCol, {
+            index: index,
+            className: (0, _classnames.default)(`${baseClassName}__col`),
+            disabled: disabled,
+            children: /*#__PURE__*/(0, _react.cloneElement)(child, this.createItemProps(child))
+          });
+        }
+        return null;
+      })
+    });
   }
   render() {
     const {
@@ -237,17 +244,18 @@ class ItemList extends _react.Component {
       onReorderEnd,
       ...props
     } = this.props;
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _classnames.default)(this.props.baseClassName, {
         [`${this.props.baseClassName}--hoverable`]: this.isHoverable(),
         [`${this.props.baseClassName}--stretchable`]: stretchable,
         [`${this.props.baseClassName}--selectable`]: selectable,
         [`${this.props.baseClassName}--cards`]: this.hasViewCard()
-      }, className)
-    }, reorderable ? this.renderReorderable({
-      onReorderEnd,
-      ...props
-    }) : this.renderNormal(props));
+      }, className),
+      children: reorderable ? this.renderReorderable({
+        onReorderEnd,
+        ...props
+      }) : this.renderNormal(props)
+    });
   }
 }
 (0, _defineProperty2.default)(ItemList, "defaultProps", {

package/cjs/components/ItemList/ItemList.stories.js

@@ -5,78 +5,77 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Selectables = exports.Reorderables = exports.HoverableItems = exports.HoverableItemList = exports.Cards = exports.Basic = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _ItemList = _interopRequireDefault(require("./ItemList"));
 var _Item = _interopRequireDefault(require("../Item"));
 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-2021. Plesk International GmbH. All rights reserved.
 
-const Basic = args => /*#__PURE__*/_react.default.createElement(_ItemList.default, args);
+const Basic = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_ItemList.default, {
+  ...args
+});
 exports.Basic = Basic;
 Basic.args = {
   minColumnWidth: 220,
   gap: 'md',
-  children: [/*#__PURE__*/_react.default.createElement(_Item.default, {
-    key: "1",
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Item.default, {
     value: "1",
     title: "Title 1",
     description: "Description 1",
     "data-test": "item1",
-    icon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
       name: "star-circle-filled",
       intent: "info"
     }),
-    onClick: () => {}
-  }, 'Content 1'), /*#__PURE__*/_react.default.createElement(_Item.default, {
-    key: "2",
+    onClick: () => {},
+    children: 'Content 1'
+  }, "1"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Item.default, {
     value: "2",
     title: "Title 2",
     description: "Description 2",
     "data-test": "item2",
-    icon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
       name: "star-circle-filled",
       intent: "success"
     }),
-    onClick: () => {}
-  }, 'Content 2'), /*#__PURE__*/_react.default.createElement(_Item.default, {
-    key: "3",
+    onClick: () => {},
+    children: 'Content 2'
+  }, "2"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Item.default, {
     value: "3",
     title: "Title 3",
     description: "Description 3",
     "data-test": "item3",
-    icon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
       name: "star-circle-filled",
       intent: "warning"
     }),
     onClick: () => {},
-    hoverable: true
-  }, 'Content 3'), /*#__PURE__*/_react.default.createElement(_Item.default, {
-    key: "4",
+    hoverable: true,
+    children: 'Content 3'
+  }, "3"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Item.default, {
     value: "4",
     title: "Title 4",
     description: "Description 4",
     "data-test": "item4",
-    icon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
       name: "star-circle-filled",
       intent: "danger"
     }),
     onClick: () => {},
     disabled: true,
-    hoverable: true
-  }, 'Content 4')]
+    hoverable: true,
+    children: 'Content 4'
+  }, "4")]
 };
 const Cards = Basic.bind(null);
 exports.Cards = Cards;
 Cards.args = {
   ...Basic.args,
-  children: Basic.args.children.map(child => {
-    return child ? /*#__PURE__*/(0, _react.cloneElement)(child, {
-      view: 'card',
-      footer: `Footer ${child.props.value}`
-    }) : null;
-  })
+  children: Basic.args.children.map(child => child ? /*#__PURE__*/(0, _react.cloneElement)(child, {
+    view: 'card',
+    footer: `Footer ${child.props.value}`
+  }) : null)
 };
 const Reorderables = Basic.bind(null);
 exports.Reorderables = Reorderables;

package/cjs/components/Label/Label.js

@@ -5,11 +5,13 @@ 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");
-// Copyright 1999-2020. Plesk International GmbH. All rights reserved.
+var _Icon = _interopRequireDefault(require("../Icon"));
+var _jsxRuntime = require("react/jsx-runtime");
+// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+
+const DEFAULT_TAG = 'span';
 
 /**
  * `Label` component is used for showing multiple characteristics or attributes of an object.
@@ -18,14 +20,45 @@ var _constants = require("../../constants");
 const Label = _ref => {
   let {
     baseClassName = `${_constants.CLS_PREFIX}label`,
-    className,
-    intent,
     children,
+    className,
+    component = DEFAULT_TAG,
+    icon,
+    intent = 'inactive',
+    view,
+    size,
+    caps,
     ...props
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({
-    className: (0, _classnames.default)(baseClassName, intent && `${baseClassName}--${intent}`, className)
-  }, props), children);
+  icon = _Icon.default.create(icon, {
+    className: `${baseClassName}__icon`,
+    size: size === 'lg' ? '16' : '12'
+  });
+  if (caps === undefined && (!size || size === 'sm')) {
+    caps = true;
+  }
+  let Tag = component;
+  if (Tag === DEFAULT_TAG && props.onClick) {
+    Tag = 'button';
+  }
+  const componentProps = {};
+  if (Tag === 'button') {
+    componentProps.type = 'button';
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Tag, {
+    className: (0, _classnames.default)(baseClassName, {
+      [`${baseClassName}--${view}`]: view,
+      [`${baseClassName}--${size}`]: size,
+      [`${baseClassName}--${intent}`]: intent,
+      [`${baseClassName}--caps`]: caps
+    }, className),
+    ...componentProps,
+    ...props,
+    children: [icon, children && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: `${baseClassName}__content`,
+      children: children
+    })]
+  });
 };
 var _default = Label;
 exports.default = _default;

package/cjs/components/Layer/Layer.js

@@ -5,13 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.PortalContext = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _reactDom = require("react-dom");
 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; }
+var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2019. Plesk International GmbH. All rights reserved.
 
 const LevelContext = /*#__PURE__*/(0, _react.createContext)(0);
@@ -42,12 +40,15 @@ const Layer = _ref => {
     }
     return children;
   };
-  return /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react.default.createElement(LevelContext.Provider, {
-    value: parentLevel + level
-  }, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-    className: (0, _classnames.default)(baseClassName, className),
-    ref: innerRef
-  }, props), renderChildren())), container);
+  return /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/(0, _jsxRuntime.jsx)(LevelContext.Provider, {
+    value: parentLevel + level,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classnames.default)(baseClassName, className),
+      ref: innerRef,
+      ...props,
+      children: renderChildren()
+    })
+  }), container);
 };
 var _default = Layer;
 exports.default = _default;