@plesk/ui-library 3.34.0 → 3.34.2

package/cjs/components/Button/Button.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 _Icon = _interopRequireDefault(require("../Icon"));
@@ -16,8 +15,6 @@ var _ResponsiveContext = _interopRequireDefault(require("../ResponsiveContext"))
 var _OnDarkContext = _interopRequireDefault(require("../OnDarkContext"));
 var _ButtonContext = _interopRequireDefault(require("./ButtonContext"));
 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 oldIconNames = {
   "customize-order": "arrows-four-directions",
@@ -72,32 +69,27 @@ const renderCaret = _ref2 => {
   }
   return caretElement;
 };
-
-/**
- * `Button` component is used for executing actions, changing the application state, opening forms or dialog windows, and submitting data.
- * As a rule, you should not use buttons for navigation between individual pages (use `Link` instead).
- * @since 0.0.37
- */
 const Button = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
   let {
-    baseClassName,
+    baseClassName = `${_constants.CLS_PREFIX}button`,
     className,
-    component: Tag,
+    component,
     size: propsSize,
     intent,
-    ghost,
+    ghost = false,
     selected: selectedProp,
     onToggle,
     state,
     icon,
     caret,
-    fill,
+    fill = false,
     tooltip,
     children,
     arrow,
-    disabled,
+    disabled = false,
     ...props
   } = _ref3;
+  const Tag = component || 'button';
   const [selectedState, setSelectedState] = (0, _react.useState)(false);
   const handleToggle = () => {
     setSelectedState(!selectedState);
@@ -137,7 +129,7 @@ const Button = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
   }
   const selected = selectedProp === undefined ? selectedState : selectedProp;
   if (selectedProp !== undefined || onToggle) {
-    componentProps['aria-pressed'] = String(selected);
+    componentProps['aria-pressed'] = `${selected}`;
   }
   const isArrowButton = arrow === 'forward' || arrow === 'backward';
   const hasAriaDisabled = Tag === 'button' && disabled && tooltip;
@@ -189,90 +181,8 @@ const Button = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
   return button;
 });
 Button.displayName = 'Button';
-Button.propTypes = {
-  /**
-   * Button size.
-   * @since 2.5.0
-   */
-  size: _propTypes.default.oneOf(['md', 'lg']),
-  /**
-   * Visual intent color to apply to component.
-   * @since 0.0.42
-   */
-  intent: _propTypes.default.oneOf(['primary', 'secondary', 'success', 'warning', 'danger', 'info']),
-  /**
-   * Display button with transparent background.
-   * @since 2.1.0
-   */
-  ghost: _propTypes.default.bool,
-  /**
-   * Arrow button.
-   * @since 2.6.0
-   */
-  arrow: _propTypes.default.oneOf(['forward', 'backward']),
-  /**
-   * Selected state of toggle button. Used in controlled component mode.
-   * @since 0.0.68
-   */
-  selected: _propTypes.default.bool,
-  /**
-   * Toggle button callback. Used in uncontrolled component mode.
-   * @since 0.0.68
-   */
-  onToggle: _propTypes.default.func,
-  /**
-   * State of the button
-   * @since 0.0.42
-   */
-  state: _propTypes.default.oneOf(['active', 'loading', 'hovered', 'focused']),
-  /**
-   * Is button disabled?
-   * @since 0.0.42
-   */
-  disabled: _propTypes.default.bool,
-  /**
-   * Tooltip for component
-   * @since 0.0.42
-   */
-  tooltip: _propTypes.default.node,
-  /**
-   * Name of icon or [Icon](#!/Icon) component
-   * @since 0.0.42
-   */
-  icon: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.element]),
-  /**
-   * Show caret
-   * @since 0.0.42
-   */
-  caret: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.element]),
-  /**
-   * Dynamically expand the button to fill out the whole available width of its parent container.
-   * @since 1.8.0
-   */
-  fill: _propTypes.default.bool,
-  /**
-   * Content of the button
-   * @since 0.0.37
-   */
-  children: _propTypes.default.node,
-  /**
-   * Component to render as the root element. Useful when rendering a `Button` as `<a>` or `<Link>`.
-   * @since 0.0.42
-   */
-  component: _propTypes.default.elementType,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  onClick: _propTypes.default.func
-};
+
+// For ToolbarMenu backward compatibility purposes
 Button.defaultProps = {
   size: undefined,
   intent: undefined,
@@ -292,5 +202,12 @@ Button.defaultProps = {
   arrow: undefined,
   onClick: undefined
 };
+
+/**
+ * `Button` component is used for executing actions, changing the application state, opening forms or dialog windows, and submitting data.
+ * As a rule, you should not use buttons for navigation between individual pages (use `Link` instead).
+ *
+ * Since: 0.0.37
+ */
 var _default = Button;
 exports.default = _default;

package/cjs/components/ContentLoader/IconsLoader.js

@@ -36,6 +36,7 @@ const useIconCursor = (icons, initialCursor, isSync) => {
   return [icons[cursor], targetRef];
 };
 const IconsLoader = _ref => {
+  var _icons;
   let {
     baseClassName = `${_constants.CLS_PREFIX}icons-loader`,
     className,
@@ -45,7 +46,7 @@ const IconsLoader = _ref => {
     ...props
   } = _ref;
   const syncRef = (0, _react.useRef)('icon1');
-  if (!icons?.length) {
+  if (!((_icons = icons) !== null && _icons !== void 0 && _icons.length)) {
     icons = DEFAULT_ICONS;
   } else if (icons.length === 1) {
     icons = [icons[0], icons[0]];

package/cjs/components/Dialog/Dialog.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"));
@@ -76,6 +75,7 @@ const Dialog = _ref => {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: classPrefix,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+          alt: "",
           className: `${classPrefix}-inner`,
           src: image
         })
@@ -84,6 +84,7 @@ const Dialog = _ref => {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: classPrefix,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+        alt: "",
         className: `${classPrefix}-inner`,
         ...image
       })
@@ -173,7 +174,7 @@ const Dialog = _ref => {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             className: `${baseClassName}__header-content`,
             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", {
@@ -205,116 +206,6 @@ const Dialog = _ref => {
     }), closingConfirmationDialog]
   });
 };
-Dialog.propTypes = {
-  /**
-   * Toggles visibility.
-   * @since 0.0.68
-   */
-  isOpen: _propTypes.default.bool,
-  /**
-   * Banner. Renders in front of content as wide as dialog.
-   * @since 0.0.68
-   */
-  banner: _propTypes.default.oneOfType([_propTypes.default.string, _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'])
-  }),
-  /**
-   * Image. Renders into content.
-   * @since 0.0.68
-   */
-  image: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.element]),
-  /**
-   * Title
-   * @since 0.0.68
-   */
-  title: _propTypes.default.node,
-  /**
-   * The subtitle of the `Dialog`.
-   * @since 4.0.0
-   */
-  subtitle: _propTypes.default.node,
-  /**
-   * Title of "cancel" button
-   * @since 0.0.68
-   * @deprecated Use `cancelButton` instead.
-   */
-  cancelTitle: _propTypes.default.node,
-  /**
-   * Cancel button visibility or custom configuration. It accepts all props of the `Button` component.
-   * @since 3.13.0
-   */
-  cancelButton: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.object]),
-  /**
-   * Buttons except "cancel" button
-   * @since 0.0.68
-   */
-  buttons: _propTypes.default.node,
-  /**
-   * Actions which will be shown in Dialog header
-   * @since 1.2.0
-   */
-  actions: _propTypes.default.node,
-  /**
-   * Wraps children into [Form](#!/Form) if not empty.
-   * @since 0.0.68
-   */
-  form: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.element]),
-  /**
-   * Dialog width
-   * @since 0.0.68
-   */
-  size: _propTypes.default.oneOf(['xs', 'sm', 'md', 'lg']),
-  /**
-   * If the value is false, the dialog cannot be closed and the Close button is hidden.
-   * @since 1.2.0
-   */
-  closable: _propTypes.default.bool,
-  /**
-   * Disable close dialog button
-   * @since 4.0.0
-   */
-  canClose: _propTypes.default.bool,
-  /**
-   * On close event handler. Called immediately after dialog closed by "cancel" button or "Esc" key.
-   * @since 0.0.68
-   */
-  onClose: _propTypes.default.func,
-  /**
-   * Whether show or not a confirmation dialog on close.
-   * @since 3.21.0
-   */
-  closingConfirmation: _propTypes.default.bool,
-  /**
-   * Content of the `DialogWindow`.
-   * @since 0.0.68
-   */
-  children: _propTypes.default.node,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string
-};
 Dialog.defaultProps = {
   isOpen: false,
   banner: undefined,

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/Dropdown/Dropdown.js

@@ -6,9 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _utils = require("../../utils");
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _utils2 = require("../utils");
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
 var _Button = _interopRequireDefault(require("../Button"));
@@ -19,16 +18,16 @@ var _Menu = require("../Menu");
 var _Translate = _interopRequireDefault(require("../Translate"));
 var _enUS = _interopRequireDefault(require("./locale/en-US"));
 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.
 
+// TODO: move to Popover
+
 const createTarget = (node, _ref) => {
   let {
     onToggle,
     targetRef
   } = _ref;
-  if (false === ( /*#__PURE__*/(0, _react.isValidElement)(node) && node.type !== _Translate.default)) {
+  if (!( /*#__PURE__*/(0, _react.isValidElement)(node) && node.type !== _Translate.default)) {
     node = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
       caret: true,
       children: node
@@ -209,43 +208,6 @@ const Dropdown = _ref3 => {
     })
   });
 };
-Dropdown.propTypes = {
-  /**
-   * Dropdown [menu](#!/Menu).
-   * @since 0.0.57
-   */
-  menu: _propTypes.default.element.isRequired,
-  /**
-   * Menu placement.
-   * @since 0.0.60
-   */
-  menuPlacement: _propTypes.default.string,
-  /**
-   * Content of the `Dropdown`.
-   * @since 0.0.57
-   */
-  children: _propTypes.default.node,
-  /**
-   * Custom localization messages.
-   * @since 3.6.0
-   */
-  locale: _propTypes.default.shape({
-    close: _propTypes.default.node
-  }),
-  /**
-   * Display menu as overlay.
-   * @ignore
-   */
-  overlay: _propTypes.default.bool,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string
-};
 Dropdown.defaultProps = {
   menuPlacement: 'bottom-start',
   children: undefined,

package/cjs/components/Form/Form.js

@@ -407,7 +407,8 @@ const RefForwardingForm = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   const innerRef = (0, _react.useRef)(null);
   (0, _react.useImperativeHandle)(ref, () => ({
     submit() {
-      innerRef.current?.dispatchEvent(new Event('submit', {
+      var _innerRef$current;
+      (_innerRef$current = innerRef.current) === null || _innerRef$current === void 0 ? void 0 : _innerRef$current.dispatchEvent(new Event('submit', {
         cancelable: true,
         bubbles: true
       }));