@plesk/ui-library 3.35.0 → 3.35.2

package/cjs/components/Skeleton/index.js

@@ -23,5 +23,5 @@ Object.defineProperty(exports, "default", {
   }
 });
 var _Skeleton = _interopRequireDefault(require("./Skeleton"));
-var _SkeletonText = _interopRequireDefault(require("./SkeletonText"));
-var _SkeletonTabs = _interopRequireDefault(require("./SkeletonTabs"));
+var _SkeletonTabs = _interopRequireDefault(require("./SkeletonTabs"));
+var _SkeletonText = _interopRequireDefault(require("./SkeletonText"));

package/cjs/components/SplitButton/SplitButton.js

@@ -41,8 +41,7 @@ const focusStrategy = {
  * `Split Button` is a combination of a standard [Button](#!/Button) with a [Dropdown](#!/Dropdown) menu.
  * It is used for grouping several related actions when one of the actions should be accessible immediately
  * because it is used more often than others.
- *
- * Since: 0.0.40
+ * @since 0.0.40
  */
 const SplitButton = _ref => {
   let {

package/cjs/components/Switch/Switch.js

@@ -5,15 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
 var _Tooltip = _interopRequireDefault(require("../Tooltip"));
 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.
 
 /**
@@ -21,121 +16,51 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * It provides immediate results that is why it should not be used in Form.
  * @since 0.0.42
  */
-class Switch extends _react.Component {
-  constructor() {
-    super(...arguments);
-    (0, _defineProperty2.default)(this, "handleChange", event => {
-      const {
-        disabled,
-        onChange
-      } = this.props;
-      if (!disabled && onChange) {
-        onChange(event.target.checked);
-      }
-    });
-  }
-  render() {
-    const {
-      baseClassName,
-      className,
-      children,
-      onChange,
-      tooltip,
-      intent,
-      checked,
-      defaultChecked,
-      disabled,
-      loading,
-      ...props
-    } = this.props;
-    let result = /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
-      className: (0, _classnames.default)(baseClassName, {
-        [`${baseClassName}--${intent}`]: intent,
-        [`${baseClassName}--loading`]: loading
-      }, className),
-      ...props,
-      children: [children ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: `${baseClassName}__label`,
-        children: children
-      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
-        type: "checkbox",
-        onChange: this.handleChange,
-        checked: checked,
-        defaultChecked: checked === null || checked === undefined ? defaultChecked : undefined,
-        disabled: disabled || loading
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: `${baseClassName}__indicator`
-      })]
-    });
-    if (tooltip) {
-      result = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
-        title: tooltip,
-        children: result
-      });
+const Switch = _ref => {
+  let {
+    className,
+    children,
+    onChange,
+    tooltip,
+    intent,
+    checked,
+    defaultChecked,
+    baseClassName = `${_constants.CLS_PREFIX}switch`,
+    disabled = false,
+    loading = false,
+    ...props
+  } = _ref;
+  const handleChange = event => {
+    if (!disabled && onChange) {
+      onChange(event.target.checked);
     }
-    return result;
+  };
+  const result = /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
+    className: (0, _classnames.default)(baseClassName, {
+      [`${baseClassName}--${intent}`]: intent,
+      [`${baseClassName}--loading`]: loading
+    }, className),
+    ...props,
+    children: [children ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: `${baseClassName}__label`,
+      children: children
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+      type: "checkbox",
+      onChange: handleChange,
+      checked: checked,
+      defaultChecked: checked === null || checked === undefined ? defaultChecked : undefined,
+      disabled: disabled || loading
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: `${baseClassName}__indicator`
+    })]
+  });
+  if (tooltip) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+      title: tooltip,
+      children: result
+    });
   }
-}
-Switch.propTypes = {
-  /**
-   * Determine whether the `Switch` is checked.
-   * @since 0.0.42
-   */
-  checked: _propTypes.default.bool,
-  /**
-   * @ignore
-   */
-  defaultChecked: _propTypes.default.bool,
-  /**
-   * A callback function, can be executed when the checked state is changing.
-   * @since 0.0.42
-   */
-  onChange: _propTypes.default.func,
-  /**
-   * Tooltip for component
-   * @since 0.0.42
-   */
-  tooltip: _propTypes.default.any,
-  /**
-   * Visual intent color to apply to component.
-   * @since 0.3.0
-   */
-  intent: _propTypes.default.oneOf(['warning', 'danger']),
-  /**
-   * Is `Switch` disabled?
-   * @since 0.0.42
-   */
-  disabled: _propTypes.default.bool,
-  /**
-   * Loading indication
-   * @since 0.3.0
-   */
-  loading: _propTypes.default.bool,
-  /**
-   * Label of the `Switch`
-   * @since 0.0.42
-   */
-  children: _propTypes.default.node,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string
-};
-Switch.defaultProps = {
-  checked: undefined,
-  defaultChecked: undefined,
-  onChange: undefined,
-  tooltip: undefined,
-  intent: undefined,
-  disabled: false,
-  loading: false,
-  children: undefined,
-  className: undefined,
-  baseClassName: `${_constants.CLS_PREFIX}switch`
+  return result;
 };
 var _default = Switch;
 exports.default = _default;

package/cjs/components/SwitchesPanel/SwitchesPanel.js

@@ -5,14 +5,11 @@ 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 _Section = _interopRequireDefault(require("../Section"));
 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.
 
 /**
@@ -21,7 +18,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  */
 const SwitchesPanel = _ref => {
   let {
-    baseClassName,
+    baseClassName = `${_constants.CLS_PREFIX}switches-panel`,
     className,
     children,
     ...props
@@ -31,31 +28,11 @@ const SwitchesPanel = _ref => {
     ...props,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: `${baseClassName}__items`,
-      children: _react.Children.map(children, child => /*#__PURE__*/(0, _react.cloneElement)(child, {
+      children: children && _react.Children.map(children, child => /*#__PURE__*/(0, _react.cloneElement)(child, {
         className: (0, _classnames.default)(child.props.className, `${baseClassName}__item`)
       }))
     })
   });
 };
-SwitchesPanel.propTypes = {
-  /**
-   * Content of the `SwitchesPanel`. Recommended to use [SwitchesPanelItem](#!/SwitchesPanelItem) components.
-   * @since 0.3.0
-   */
-  children: _propTypes.default.node,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string
-};
-SwitchesPanel.defaultProps = {
-  children: null,
-  className: null,
-  baseClassName: `${_constants.CLS_PREFIX}switches-panel`
-};
 var _default = SwitchesPanel;
 exports.default = _default;

package/cjs/components/SwitchesPanelItem/SwitchesPanelItem.js

@@ -6,16 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-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 _Switch = _interopRequireDefault(require("../Switch"));
 var _Action = _interopRequireDefault(require("../Action"));
 var _Popover = _interopRequireDefault(require("../Popover"));
 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.
 
 /**
@@ -90,58 +87,7 @@ class SwitchesPanelItem extends _react.Component {
     });
   }
 }
-SwitchesPanelItem.propTypes = {
-  /**
-   * A callback function, can be executed when the checked state is changing.
-   * @since 0.3.0
-   */
-  onChange: _propTypes.default.func.isRequired,
-  /**
-   * @ignore
-   */
-  defaultChecked: _propTypes.default.bool,
-  /**
-   * Visual intent color to apply to component.
-   * @since 0.3.0
-   */
-  intent: _propTypes.default.oneOf(['warning', 'danger']),
-  /**
-   * Title of the `SwitchesPanelItem`. Must be no longer than two lines.
-   * @since 0.3.0
-   */
-  title: _propTypes.default.node.isRequired,
-  /**
-   * `SwitchesPanelItem` description. Must be no longer than three lines.
-   * @since 0.3.0
-   */
-  description: _propTypes.default.node,
-  /**
-   * Rich full description of the `SwitchesPanelItem`.
-   * Adds control button with question mark that shows `Popover` on click.
-   * @since 0.3.0
-   */
-  fullDescription: _propTypes.default.node,
-  /**
-   * Props of underlying [Switch](#!/Switch) component.
-   * @since 0.5.0
-   */
-  switchProps: _propTypes.default.object,
-  /**
-   * Content of the control actions.
-   * Don't place here more than three buttons (with the one from 'fullDescription' property) or one link and one button.
-   * @since 0.3.0
-   */
-  children: _propTypes.default.node,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string
-};
-SwitchesPanelItem.defaultProps = {
+(0, _defineProperty2.default)(SwitchesPanelItem, "defaultProps", {
   defaultChecked: false,
   intent: null,
   description: null,
@@ -150,6 +96,6 @@ SwitchesPanelItem.defaultProps = {
   children: null,
   className: null,
   baseClassName: `${_constants.CLS_PREFIX}switches-panel-item`
-};
+});
 var _default = SwitchesPanelItem;
 exports.default = _default;

package/cjs/components/Toaster/Toaster.js

@@ -14,8 +14,7 @@ var _constants = require("../../constants");
 var _Toast = _interopRequireDefault(require("../Toast"));
 var _Layer = _interopRequireDefault(require("../Layer"));
 var _jsxRuntime = require("react/jsx-runtime");
-// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
-
+var _class; // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 let toastId = 0;
 /**
  * `Toaster` is used for notifying about events happened in the system. For example, about results of performed operations.
@@ -192,6 +191,7 @@ class Toaster extends _react.Component {
   }
 }
 exports.default = Toaster;
+_class = Toaster;
 // eslint-disable-next-line react/sort-comp
 (0, _defineProperty2.default)(Toaster, "defaultProps", {
   position: 'top-end',
@@ -202,7 +202,7 @@ exports.default = Toaster;
   let container = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document.body;
   const containerElement = document.createElement('div');
   container.appendChild(containerElement);
-  return (0, _reactDom.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(Toaster, {
+  return (0, _reactDom.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_class, {
     ...props
   }), containerElement);
 });

package/cjs/components/Tooltip/Tooltip.js

@@ -6,15 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
 var _Layer = _interopRequireDefault(require("../Layer"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
 var _utils = require("../utils");
+var _react = require("react");
 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 createRectFactory = (width, height) => (left, top) => ({
@@ -92,7 +89,6 @@ const determinePosition = _ref => {
     left: targetRect.left + X_EXTRA_SPACE
   };
 };
-
 /**
  * `Tooltip` component is used for providing information about an interface element
  * while user hovers the pointer over the element.
@@ -107,42 +103,44 @@ class Tooltip extends _react.Component {
       ready: false,
       visible: false
     });
-    (0, _defineProperty2.default)(this, "handleShow", () => {
-      if (this.showTimer) {
-        clearTimeout(this.showTimer);
-        this.showTimer = null;
+    (0, _defineProperty2.default)(this, "timer", null);
+    (0, _defineProperty2.default)(this, "tooltipRef", /*#__PURE__*/(0, _react.createRef)());
+    (0, _defineProperty2.default)(this, "clearTimer", () => {
+      if (this.timer) {
+        clearTimeout(this.timer);
+        this.timer = null;
       }
+    });
+    (0, _defineProperty2.default)(this, "handleShow", () => {
+      this.clearTimer();
       this.setState({
         visible: true
       });
     });
     (0, _defineProperty2.default)(this, "handleHide", () => {
-      if (this.showTimer) {
-        clearTimeout(this.showTimer);
-        this.showTimer = null;
-      }
+      this.clearTimer();
       this.setState({
         visible: false,
         ready: false
       });
     });
     (0, _defineProperty2.default)(this, "handleMouseEnter", () => {
-      if (this.showTimer) {
+      if (this.timer) {
         return;
       }
       this.setState({
         ready: true
       });
-      this.showTimer = setTimeout(() => this.handleShow(), this.props.delay);
+      this.timer = setTimeout(() => this.handleShow(), this.props.delay);
     });
     (0, _defineProperty2.default)(this, "handleMouseMove", e => {
       // TODO: try to add throttle
-      if (this.tooltipEl) {
-        const targetRect = e.target.getBoundingClientRect();
+      if (this.tooltipRef.current) {
+        const targetRect = e.currentTarget.getBoundingClientRect();
         const {
           width: tooltipWidth,
           height: tooltipHeight
-        } = this.tooltipEl.getBoundingClientRect();
+        } = this.tooltipRef.current.getBoundingClientRect();
         const position = determinePosition({
           clientX: e.clientX,
           clientY: e.clientY,
@@ -157,9 +155,14 @@ class Tooltip extends _react.Component {
     });
   }
   componentWillUnmount() {
-    clearTimeout(this.showTimer);
+    this.clearTimer();
   }
   renderTooltip() {
+    const {
+      left,
+      top,
+      visible
+    } = this.state;
     const {
       baseClassName,
       className,
@@ -169,17 +172,10 @@ class Tooltip extends _react.Component {
       delay,
       ...props
     } = this.props;
-    const {
-      left,
-      top,
-      visible
-    } = this.state;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Layer.default, {
       level: _constants.Z_INDEX_TOOLTIP,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        ref: el => {
-          this.tooltipEl = el;
-        },
+        ref: this.tooltipRef,
         className: (0, _classnames.default)(baseClassName, className),
         style: {
           ...style,
@@ -196,50 +192,25 @@ class Tooltip extends _react.Component {
     const {
       ready
     } = this.state;
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
-      children: [/*#__PURE__*/(0, _react.cloneElement)(this.props.children, {
-        onMouseEnter: (0, _utils.wrapFunction)(this.props.children.props.onMouseEnter, this.handleMouseEnter),
-        onMouseMove: (0, _utils.wrapFunction)(this.props.children.props.onMouseMove, this.handleMouseMove),
-        onMouseLeave: (0, _utils.wrapFunction)(this.props.children.props.onMouseLeave, this.handleHide),
-        onMouseDown: (0, _utils.wrapFunction)(this.props.children.props.onMouseDown, this.handleHide)
+    const {
+      children
+    } = this.props;
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _react.cloneElement)(children, {
+        onMouseEnter: (0, _utils.wrapFunction)(children.props.onMouseEnter, this.handleMouseEnter),
+        onMouseMove: (0, _utils.wrapFunction)(children.props.onMouseMove, this.handleMouseMove),
+        onMouseLeave: (0, _utils.wrapFunction)(children.props.onMouseLeave, this.handleHide),
+        onMouseDown: (0, _utils.wrapFunction)(children.props.onMouseDown, this.handleHide)
       }), ready && this.renderTooltip()]
     });
   }
 }
-Tooltip.propTypes = {
-  /**
-   * Content of the tooltip
-   * @since 0.0.42
-   */
-  title: _propTypes.default.node.isRequired,
-  /**
-   * Show delay (ms)
-   * @since 0.0.50
-   */
-  delay: _propTypes.default.number,
-  /**
-   * Element with tooltip
-   * @since 0.0.42
-   */
-  children: _propTypes.default.element.isRequired,
-  /**
-   * @ignore
-   */
-  style: _propTypes.default.object,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string
-};
-Tooltip.defaultProps = {
+(0, _defineProperty2.default)(Tooltip, "defaultProps", {
+  // in ms.
   delay: 550,
   style: undefined,
   className: undefined,
   baseClassName: `${_constants.CLS_PREFIX}tooltip`
-};
+});
 var _default = Tooltip;
 exports.default = _default;

package/cjs/components/Translate/Translate.js

@@ -1,42 +1,20 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isLikeText = exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
+exports.default = void 0;
 var _LocaleProvider = require("../LocaleProvider");
 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 isLikeText = node => {
-  if (typeof node === 'string') {
-    return true;
-  }
-  if ( /*#__PURE__*/(0, _react.isValidElement)(node) && node.type === Translate) {
-    const {
-      component,
-      children
-    } = node.props;
-    if (component === 'span' && (typeof children === 'string' || typeof children === 'undefined' || children === null)) {
-      return true;
-    }
-  }
-  return false;
-};
-
 /**
  * `Translate` component.
  * @since 0.0.42
  */
-exports.isLikeText = isLikeText;
 const Translate = _ref => {
   let {
-    component: Tag,
+    component,
     content,
     children,
     params,
@@ -46,8 +24,9 @@ const Translate = _ref => {
     translators,
     ...props
   } = _ref;
+  const Tag = component || 'span';
   const translate = (0, _LocaleProvider.useTranslate)(namespace);
-  const key = content || children;
+  const key = content || children || '';
   const translator = translators && translators[key];
   if (translator) {
     if (typeof translator === 'function') {
@@ -56,66 +35,19 @@ const Translate = _ref => {
     return translator;
   }
   const message = translate(key, params, fallback);
+  const tagProps = {
+    ...props
+  };
   if (unsafe) {
-    props.dangerouslySetInnerHTML = {
+    tagProps.dangerouslySetInnerHTML = {
       __html: message
     };
   } else {
-    props.children = message;
+    tagProps.children = message;
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Tag, {
-    ...props
+    ...tagProps
   });
 };
-Translate.propTypes = {
-  /**
-   * A some prefix for the message key.
-   * @since 2.6.0
-   */
-  namespace: _propTypes.default.string,
-  /**
-   * Translatable content or message key.
-   * @since 0.0.42
-   */
-  content: _propTypes.default.string,
-  /**
-   * Message params
-   * @since 0.0.42
-   */
-  params: _propTypes.default.object,
-  /**
-   * Fallback translation value.
-   * @since 0.0.47
-   */
-  fallback: _propTypes.default.string,
-  /**
-   * Component to render as the root element. Useful when rendering a `Translate` as `<option>`.
-   * @since 0.0.42
-   */
-  component: _propTypes.default.elementType,
-  /**
-   * A set of translation messages. If the set contains a message key, the component uses an item from the set for rendering.
-   * @ignore
-   */
-  translators: _propTypes.default.objectOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.node])),
-  /**
-   * @ignore
-   */
-  unsafe: _propTypes.default.bool,
-  /**
-   * @ignore
-   */
-  children: _propTypes.default.string
-};
-Translate.defaultProps = {
-  namespace: undefined,
-  content: undefined,
-  params: undefined,
-  component: 'span',
-  unsafe: undefined,
-  fallback: undefined,
-  children: undefined,
-  translators: undefined
-};
 var _default = Translate;
 exports.default = _default;