@plesk/ui-library 3.35.0 → 3.35.1

package/esm/components/Translate/Translate.js

@@ -1,32 +1,14 @@
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-import React, { isValidElement } from 'react';
-import PropTypes from 'prop-types';
 import { useTranslate } from '../LocaleProvider';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const isLikeText = node => {
-  if (typeof node === 'string') {
-    return true;
-  }
-  if ( /*#__PURE__*/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
  */
 const Translate = _ref => {
   let {
-    component: Tag,
+    component,
     content,
     children,
     params,
@@ -36,8 +18,9 @@ const Translate = _ref => {
     translators,
     ...props
   } = _ref;
+  const Tag = component || 'span';
   const translate = useTranslate(namespace);
-  const key = content || children;
+  const key = content || children || '';
   const translator = translators && translators[key];
   if (translator) {
     if (typeof translator === 'function') {
@@ -46,65 +29,18 @@ 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__*/_jsx(Tag, {
-    ...props
+    ...tagProps
   });
 };
-Translate.propTypes = {
-  /**
-   * A some prefix for the message key.
-   * @since 2.6.0
-   */
-  namespace: PropTypes.string,
-  /**
-   * Translatable content or message key.
-   * @since 0.0.42
-   */
-  content: PropTypes.string,
-  /**
-   * Message params
-   * @since 0.0.42
-   */
-  params: PropTypes.object,
-  /**
-   * Fallback translation value.
-   * @since 0.0.47
-   */
-  fallback: PropTypes.string,
-  /**
-   * Component to render as the root element. Useful when rendering a `Translate` as `<option>`.
-   * @since 0.0.42
-   */
-  component: PropTypes.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.objectOf(PropTypes.oneOfType([PropTypes.func, PropTypes.node])),
-  /**
-   * @ignore
-   */
-  unsafe: PropTypes.bool,
-  /**
-   * @ignore
-   */
-  children: PropTypes.string
-};
-Translate.defaultProps = {
-  namespace: undefined,
-  content: undefined,
-  params: undefined,
-  component: 'span',
-  unsafe: undefined,
-  fallback: undefined,
-  children: undefined,
-  translators: undefined
-};
 export default Translate;

package/esm/components/Translate/index.js

@@ -1,3 +1,4 @@
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-export { default, isLikeText } from './Translate';
+export { default } from './Translate';
+export { isLikeText } from './isLikeText';

package/esm/components/Translate/isLikeText.js

@@ -0,0 +1,19 @@
+// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+
+import { isValidElement } from 'react';
+import Translate from './Translate';
+export const isLikeText = node => {
+  if (typeof node === 'string') {
+    return true;
+  }
+  if ( /*#__PURE__*/isValidElement(node) && node.type === Translate) {
+    const {
+      component,
+      children
+    } = node.props;
+    if (typeof component === 'undefined' && (typeof children === 'string' || typeof children === 'undefined' || children === null)) {
+      return true;
+    }
+  }
+  return false;
+};

package/esm/index.js

@@ -1,6 +1,6 @@
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 import svg4everybody from 'svg4everybody';
-const version = "3.35.0";
+const version = "3.35.1";
 export * from './publicPath';
 export { version };
 export * from './utils';

package/esm/tests/index.js

@@ -0,0 +1,3 @@
+// Copyright 2023. Plesk International GmbH. All rights reserved.
+
+export { default } from './renderer';

package/esm/tests/renderer.js

@@ -0,0 +1,19 @@
+// Copyright 2023. Plesk International GmbH. All rights reserved.
+
+import { render } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { jsx as _jsx } from "react/jsx-runtime";
+const renderer = (Component, baseProps) => propOverrides => {
+  const {
+    asFragment
+  } = render( /*#__PURE__*/_jsx(Component, {
+    ...baseProps,
+    ...propOverrides
+  }));
+  return {
+    asFragment,
+    user: userEvent,
+    ...baseProps
+  };
+};
+export default renderer;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plesk/ui-library",
-  "version": "3.35.0",
+  "version": "3.35.1",
   "description": "Plesk UI Library",
   "main": "index.js",
   "module": "esm/index.js",
@@ -69,6 +69,10 @@
     "@csstools/postcss-logical-float-and-clear": "^1.0.1",
     "@plesk/eslint-config": "^3.0.0",
     "@plesk/stylelint-config": "^2.0.0",
+    "@testing-library/dom": "^9.3.1",
+    "@testing-library/jest-dom": "^5.17.0",
+    "@testing-library/react": "^12.1.5",
+    "@testing-library/user-event": "^12.8.3",
     "@types/buble": "^0.20.1",
     "@types/classnames": "2.3.1",
     "@types/doctrine": "^0.0.5",
@@ -76,7 +80,7 @@
     "@types/jest": "^24.9.1",
     "@types/jest-image-snapshot": "^6.1.0",
     "@types/marked": "^4.3.1",
-    "@types/node": "^16.18.38",
+    "@types/node": "^16.18.39",
     "@types/react": "^17.0.62",
     "@types/react-dom": "^17.0.20",
     "@types/react-measure": "2.0.8",
@@ -94,20 +98,20 @@
     "css-minimizer-webpack-plugin": "^5.0.1",
     "enzyme": "^3.11.0",
     "enzyme-to-json": "^3.6.2",
-    "eslint": "^8.45.0",
-    "eslint-config-prettier": "^8.8.0",
-    "eslint-plugin-markdown": "^3.0.0",
+    "eslint": "^8.46.0",
+    "eslint-config-prettier": "^8.9.0",
+    "eslint-plugin-markdown": "^3.0.1",
     "eslint-plugin-prettier": "^4.2.1",
     "fs-extra": "^7.0.1",
     "html-webpack-plugin": "^5.5.3",
     "inquirer": "^3.3.0",
     "jest": "^24.9.0",
     "jest-dev-server": "^9.0.0",
-    "jest-image-snapshot": "^6.1.0",
+    "jest-image-snapshot": "^6.2.0",
     "less": "^4.1.3",
     "less-loader": "^11.1.3",
     "mini-css-extract-plugin": "^2.7.6",
-    "postcss": "^8.4.26",
+    "postcss": "^8.4.27",
     "postcss-less": "^6.0.0",
     "postcss-loader": "^7.3.3",
     "postcss-logical": "^6.2.0",
@@ -120,7 +124,7 @@
     "rimraf": "^5.0.1",
     "rtlcss": "^4.1.0",
     "style-loader": "^3.3.3",
-    "stylelint": "^15.10.1",
+    "stylelint": "^15.10.2",
     "stylelint-declaration-block-no-ignored-properties": "^2.7.0",
     "stylelint-no-unsupported-browser-features": "^6.1.0",
     "stylelint-prettier": "^3.0.0",
@@ -128,7 +132,7 @@
     "svg-mixer": "^2.3.14",
     "terser-webpack-plugin": "^5.3.9",
     "typescript": "4.5.5",
-    "webpack": "^5.88.1",
+    "webpack": "^5.88.2",
     "webpack-cli": "^5.1.4"
   },
   "peerDependencies": {