@plesk/ui-library 3.34.1 → 3.34.2

package/cjs/components/Drawer/Drawer.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 _Overlay = _interopRequireDefault(require("../Overlay"));
@@ -18,157 +17,26 @@ var _Translate = require("../Translate");
 var _ScrollableElementFormContext = _interopRequireDefault(require("../Form/ScrollableElementFormContext"));
 var _DrawerProgress = _interopRequireDefault(require("./DrawerProgress"));
 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 propTypes = {
-  /**
-   * Toggles visibility.
-   * @since 0.0.65
-   */
-  isOpen: _propTypes.default.bool,
-  /**
-   * The title of the `Drawer`.
-   * @since 0.0.65
-   */
-  title: _propTypes.default.node.isRequired,
-  /**
-   * The subtitle of the `Drawer`.
-   * @since 0.0.65
-   */
-  subtitle: _propTypes.default.node,
-  /**
-   * Show the minimize button and the inactive close button.
-   * @since 1.4.1
-   */
-  hideButton: _propTypes.default.bool,
-  /**
-   * Show back button in the header. If true the close button is not show.
-   * @deprecated Not recommended to use. Use default close button instead.
-   * @since 0.0.65
-   */
-  backButton: _propTypes.default.bool,
-  /**
-   * A slot for `Tabs` component.
-   * @since 3.26.0
-   */
-  tabs: _propTypes.default.node,
-  /**
-   * Overlay placement.
-   * @since 0.0.65
-   */
-  placement: _propTypes.default.oneOf(['left', 'right']),
-  /**
-   * Overlay size.
-   * @since 0.0.65
-   */
-  size: _propTypes.default.oneOf(['xs', 'sm', 'md', 'lg']),
-  /**
-   * onClose handler.
-   * @since 0.0.65
-   */
-  onClose: _propTypes.default.func,
-  /**
-   * Whether show or not a confirmation dialog on close.
-   * @since 3.21.0
-   */
-  closingConfirmation: _propTypes.default.bool,
-  /**
-   * Wraps children into [Form](#!/Form) if not empty.<br>
-   * **Note:** in case of *element* you should take care of providing additional form props from [Drawer](#!/Drawer) through your custom component. See example below for more details
-   *
-   * @since 0.0.66
-   */
-  form: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.element]),
-  /**
-   * Block with an image, placed at the side of the component
-   * @since 3.25.0
-   */
-  sideBanner: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.element]),
-  /**
-   * Additional properties for the sideBanner
-   * @since 3.25.0
-   */
-  sideBannerContainer: _propTypes.default.shape({
-    /**
-     * Values for css background property
-     */
-    background: _propTypes.default.string,
-    /**
-     * One of: center, flex-start, flex-end
-     */
-    align: _propTypes.default.oneOf(['center', 'flex-start', 'flex-end'])
-  }),
-  /**
-   * Content of the `Drawer`.
-   * @since 0.0.65
-   */
-  children: _propTypes.default.node,
-  /**
-   * Adds [Progress](#!/Progress) into footer.
-   * @since 1.11.0
-   */
-  progress: _propTypes.default.shape({
-    /**
-     * A title for the progress.
-     */
-    title: _propTypes.default.string,
-    /**
-     * An array of [ProgressStep](#!/ProgressStep) props.
-     */
-    steps: _propTypes.default.arrayOf(_propTypes.default.shape({
-      title: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.element]),
-      status: _propTypes.default.string,
-      progress: _propTypes.default.number,
-      icon: _propTypes.default.string
-    })).isRequired,
-    /**
-     * An option that controls drawer closing ability.
-     */
-    cancelable: _propTypes.default.bool,
-    /**
-     * On overall status event handler.
-     * @since 3.8.0
-     */
-    onStatusChange: _propTypes.default.func,
-    /**
-     * @ignore
-     */
-    onClose: _propTypes.default.func,
-    /**
-     * @ignore
-     */
-    onClosableChange: _propTypes.default.func
-  }),
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string
-};
 const defaultProps = {
   isOpen: false,
-  subtitle: '',
+  subtitle: undefined,
   backButton: undefined,
   hideButton: undefined,
   tabs: undefined,
   placement: 'left',
   size: 'md',
-  onClose: null,
+  onClose: undefined,
   closingConfirmation: undefined,
-  form: null,
+  form: undefined,
   sideBanner: undefined,
   sideBannerContainer: undefined,
-  progress: null,
+  progress: undefined,
   children: null,
-  className: null,
+  className: undefined,
   baseClassName: `${_constants.CLS_PREFIX}drawer`
 };
-
 /**
  * `Drawer` component is used for working with properties of an object (or system) without leaving the context of the object.
  * [Read more when to use Drawer](#!/Drawers%2C%20pages%2C%20popovers).
@@ -190,7 +58,7 @@ const Drawer = _ref => {
     closingConfirmation,
     ...props
   } = _ref;
-  const scrollableRef = (0, _react.useRef)();
+  const scrollableRef = (0, _react.useRef)(null);
   const [isClosable, setIsClosable] = (0, _react.useState)(true);
   const {
     onCloseWithConfirmation,
@@ -227,7 +95,7 @@ const Drawer = _ref => {
           className: (0, _classnames.default)(`${baseClassName}__form`, form.props.className),
           cancelButton: form.props.cancelButton === false ? false : {
             onClick: onCloseWithConfirmation,
-            ...form.props.cancelButton
+            ...(typeof form.props.cancelButton === 'object' && form.props.cancelButton)
           },
           render: _ref3 => {
             let {
@@ -246,7 +114,7 @@ const Drawer = _ref => {
         if (form.cancelButton !== false) {
           form.cancelButton = {
             onClick: onCloseWithConfirmation,
-            ...form.cancelButton
+            ...(typeof form.cancelButton === 'object' && form.cancelButton)
           };
         }
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Form.default, {
@@ -291,7 +159,7 @@ const Drawer = _ref => {
           onClose: onCloseWithConfirmation,
           tabs: tabs,
           children: [(0, _Translate.isLikeText)(title) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Heading.default, {
-            level: "2",
+            level: 2,
             className: `${baseClassName}__title`,
             children: title
           }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -319,7 +187,6 @@ const Drawer = _ref => {
     }), closingConfirmationDialog]
   });
 };
-Drawer.propTypes = propTypes;
 Drawer.defaultProps = defaultProps;
 var _default = Drawer;
 exports.default = _default;

package/cjs/components/Drawer/Header.js

@@ -7,18 +7,19 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _utils = require("../../utils");
-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"));
 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-2023. Plesk International GmbH. All rights reserved.
 
 class Header extends _react.Component {
+  constructor() {
+    super(...arguments);
+    (0, _defineProperty2.default)(this, "isRtl", false);
+  }
   componentDidMount() {
     this.isRtl = (0, _utils.isRtl)();
   }
@@ -128,14 +129,6 @@ class Header extends _react.Component {
   }
 }
 exports.default = Header;
-(0, _defineProperty2.default)(Header, "propTypes", {
-  baseClassName: _propTypes.default.string,
-  onClose: _propTypes.default.func,
-  children: _propTypes.default.node.isRequired,
-  backButton: _propTypes.default.bool,
-  hideButton: _propTypes.default.bool,
-  tabs: _propTypes.default.node
-});
 (0, _defineProperty2.default)(Header, "defaultProps", {
   onClose: null,
   baseClassName: `${_constants.CLS_PREFIX}drawer-header`,

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/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.34.2";
 exports.version = version;
 (0, _svg4everybody.default)();