@plesk/ui-library 3.27.3 → 3.28.1

package/esm/components/InPlaceEdit/InPlaceEdit.js

@@ -13,11 +13,11 @@ import Tooltip from '../Tooltip';
 import Translate from '../Translate';
 import locale from './locale/en-US';
 
-/**
- * This component allows users to edit a short text "in place" — in other words, straight in the interface, without
- * opening additional dialog windows. If a text is large enough that it doesn't fit on a single line, you should
- * give users a different way of editing the text.
- * @since 1.8.3
+/**
+ * This component allows users to edit a short text "in place" — in other words, straight in the interface, without
+ * opening additional dialog windows. If a text is large enough that it doesn't fit on a single line, you should
+ * give users a different way of editing the text.
+ * @since 1.8.3
  */
 class InPlaceEdit extends Component {
   constructor(...args) {
@@ -120,25 +120,25 @@ class InPlaceEdit extends Component {
 }
 
 InPlaceEdit.propTypes = {
-  /**
-   * Value of the component.
-   * @since 1.8.3
+  /**
+   * Value of the component.
+   * @since 1.8.3
    */
   value: PropTypes.node,
 
-  /**
-   * Event handler of value change with inline editing form.
-   * @since 1.8.3
+  /**
+   * Event handler of value change with inline editing form.
+   * @since 1.8.3
    */
   onChange: PropTypes.func,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   className: PropTypes.string,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   baseClassName: PropTypes.string
 };

package/esm/components/Input/Input.js

@@ -4,9 +4,9 @@ import React from 'react';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 
-/**
- * `Input` component is used for entering short text (like user name or email address).
- * @since 0.0.57
+/**
+ * `Input` component is used for entering short text (like user name or email address).
+ * @since 0.0.57
  */
 const Input = ({
   baseClassName = `${CLS_PREFIX}input`,

package/esm/components/InputFile/InputFile.js

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
-// Copyright 1999-2020. Plesk International GmbH. All rights reserved.
+// Copyright 1999-2022. Plesk International GmbH. All rights reserved.
 import React, { useState, useRef, useEffect } from 'react';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
@@ -10,9 +10,9 @@ import Translate from '../Translate';
 import localeFallback from './locale/en-US';
 
 const generateId = () => Math.random().toString(36).slice(2);
-/**
- * `InputFile` component is used for browsing and choosing a file from the local disk.
- * @since 3.2.0
+/**
+ * `InputFile` component is used for browsing and choosing a file from the local disk.
+ * @since 3.2.0
  */
 
 
@@ -24,6 +24,7 @@ const InputFile = ({
   disabled = false,
   locale,
   testId,
+  accept,
   ...props
 }) => {
   const [file, setFile] = useState();
@@ -81,7 +82,8 @@ const InputFile = ({
     ref: inputRef,
     "data-test": testId && `${testId}--file-input`,
     onFocus: handleFocus,
-    onBlur: handleBlur
+    onBlur: handleBlur,
+    accept: accept
   }), /*#__PURE__*/React.createElement(Translate, {
     namespace: "InputFile",
     content: "browseButton",

package/esm/components/InputNumber/InputNumber.js

@@ -45,9 +45,9 @@ const toNumber = value => {
 const isMinDisabled = (value, min) => min !== undefined && value !== '' && value <= min;
 
 const isMaxDisabled = (value, max) => max !== undefined && value !== '' && value >= max;
-/**
- * `InputNumber` component is used for entering integer numbers.
- * @since 2.2.0
+/**
+ * `InputNumber` component is used for entering integer numbers.
+ * @since 2.2.0
  */
 
 

package/esm/components/Item/Item.js

@@ -11,10 +11,10 @@ import Tooltip from '../Tooltip';
 import { createProxyProps, wrapFunction } from '../utils';
 const VIEW_SIMPLE = 'simple';
 const VIEW_CARD = 'card';
-/**
- * `Item` component is element of [ItemList](#!/ItemList) and it is presented as
- * a combination of icon, text title and content (similar to [Media](#!/Media)).
- * @since 0.0.48
+/**
+ * `Item` component is element of [ItemList](#!/ItemList) and it is presented as
+ * a combination of icon, text title and content (similar to [Media](#!/Media)).
+ * @since 0.0.48
  */
 
 class Item extends Component {
@@ -131,79 +131,79 @@ class Item extends Component {
 }
 
 Item.propTypes = {
-  /**
-   * Component to render as the root element. Useful when rendering a `Item` as `<a>` or `<Link>`.
-   * @since 0.0.48
+  /**
+   * Component to render as the root element. Useful when rendering a `Item` as `<a>` or `<Link>`.
+   * @since 0.0.48
    */
   component: PropTypes.elementType,
 
-  /**
-   * View mode.
-   * @since 2.1.0
+  /**
+   * View mode.
+   * @since 2.1.0
    */
   view: PropTypes.oneOf([VIEW_SIMPLE, VIEW_CARD]),
 
-  /**
-   * Icon.
-   * @since 0.0.48
+  /**
+   * Icon.
+   * @since 0.0.48
    */
   icon: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.element]),
 
-  /**
-   * Title.
-   * @since 0.0.48
+  /**
+   * Title.
+   * @since 0.0.48
    */
   title: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.element]),
 
-  /**
-   * Content for footer.
-   * @since 2.1.0
+  /**
+   * Content for footer.
+   * @since 2.1.0
    */
   footer: PropTypes.node,
 
-  /**
-   * Description. Renders as small grey text.
-   * @since 2.1.0
+  /**
+   * Description. Renders as small grey text.
+   * @since 2.1.0
    */
   description: PropTypes.node,
 
-  /**
-   * Content of the `Item`.
-   * @since 0.0.48
+  /**
+   * Content of the `Item`.
+   * @since 0.0.48
    */
   children: PropTypes.node,
 
-  /**
-   * An unique value. It needs only in ItemList with selectable view.
-   * @since 2.3.0
+  /**
+   * An unique value. It needs only in ItemList with selectable view.
+   * @since 2.3.0
    */
   value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 
-  /**
-   * Tooltip for component.
-   * @since 2.5.1
+  /**
+   * Tooltip for component.
+   * @since 2.5.1
    */
   tooltip: PropTypes.node,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   className: PropTypes.string,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   baseClassName: PropTypes.string,
 
-  /**
-   * Whether disabled or not.
-   * @since 3.15.0
+  /**
+   * Whether disabled or not.
+   * @since 3.15.0
    */
   disabled: PropTypes.bool,
 
-  /**
-   * Add hover shadow and pointer cursor.
-   * @since 3.26.0
+  /**
+   * Add hover shadow and pointer cursor.
+   * @since 3.26.0
    */
   hoverable: PropTypes.bool
 };

package/esm/components/ItemLink/ItemLink.js

@@ -5,10 +5,10 @@ import React from 'react';
 import { wrapFunction } from '../utils';
 import { CLS_PREFIX } from '../../constants';
 
-/**
- * `ItemLink` component is a part of [ItemList](#!/ItemList) and
- * is used for specifying a special action on the list (for example, adding new item).
- * @since 2.3.0
+/**
+ * `ItemLink` component is a part of [ItemList](#!/ItemList) and
+ * is used for specifying a special action on the list (for example, adding new item).
+ * @since 2.3.0
  */
 const ItemLink = ({
   baseClassName = `${CLS_PREFIX}item-link`,

package/esm/components/ItemList/ItemList.js

@@ -28,10 +28,10 @@ const getNextSelectedValue = (value, prevValue, toggleable) => {
   return value;
 };
 
-/**
- * `ItemList` component is used for displaying list of [Items](#!/Item)
- * according to [Grid](#!/Grid) principle.
- * @since 0.0.48
+/**
+ * `ItemList` component is used for displaying list of [Items](#!/Item)
+ * according to [Grid](#!/Grid) principle.
+ * @since 0.0.48
  */
 class ItemList extends Component {
   constructor(_props) {
@@ -176,8 +176,8 @@ class ItemList extends Component {
     });
     return result;
   }
-  /**
-   * There are some states where we can't manage hoverable state
+  /**
+   * There are some states where we can't manage hoverable state
    */
 
 

package/esm/components/Label/Label.js

@@ -4,9 +4,9 @@ import React from 'react';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 
-/**
- * `Label` component is used for showing multiple characteristics or attributes of an object.
- * @since 0.0.42
+/**
+ * `Label` component is used for showing multiple characteristics or attributes of an object.
+ * @since 0.0.42
  */
 const Label = ({
   baseClassName = `${CLS_PREFIX}label`,

package/esm/components/Layer/Layer.js

@@ -7,8 +7,8 @@ import { CLS_PREFIX } from '../../constants';
 const LevelContext = /*#__PURE__*/createContext(0);
 export const PortalContext = /*#__PURE__*/createContext(undefined);
 
-/**
- * `Layer` component.
+/**
+ * `Layer` component.
  */
 const Layer = ({
   baseClassName = `${CLS_PREFIX}layer`,

package/esm/components/Layout/Layout.js

@@ -8,104 +8,104 @@ import classNames from 'classnames';
 import { CSSTransition } from 'react-transition-group';
 import { CLS_PREFIX } from '../../constants';
 const propTypes = {
-  /**
-   * Type of the `Layout`
-   * @since 1.4.0
+  /**
+   * Type of the `Layout`
+   * @since 1.4.0
    */
   type: PropTypes.oneOf(['fluid', 'simplified']),
 
-  /**
-   * Header content.
-   * @since 1.4.0
+  /**
+   * Header content.
+   * @since 1.4.0
    */
   header: PropTypes.node,
 
-  /**
-   * Define header position - always on top (fixed) or static.
-   * @since 1.4.0
+  /**
+   * Define header position - always on top (fixed) or static.
+   * @since 1.4.0
    */
   headerFixed: PropTypes.bool,
 
-  /**
-   * Additional content at the top of the header.
-   * @since 3.2.0
+  /**
+   * Additional content at the top of the header.
+   * @since 3.2.0
    */
   headerAddon: PropTypes.node,
 
-  /**
-   * Sidebar content.
-   * @since 1.4.0
+  /**
+   * Sidebar content.
+   * @since 1.4.0
    */
   sidebar: PropTypes.node,
 
-  /**
-   * Sidebar type.
-   * @since 3.2.0
+  /**
+   * Sidebar type.
+   * @since 3.2.0
    */
   sidebarType: PropTypes.oneOf(['collapsed', 'folded']),
 
-  /**
-   * Define if sidebar can collapse.
-   * @since 1.4.0
+  /**
+   * Define if sidebar can collapse.
+   * @since 1.4.0
    */
   sidebarCollapsible: PropTypes.bool,
 
-  /**
-   * Sidebar collapsed state.
-   * A boolean value is used for desktop mode only, but you can set an array with collapsed states for all modes, e.g. `['responsive', 'desktop']`.
-   *
-   * @since 1.4.0
+  /**
+   * Sidebar collapsed state.
+   * A boolean value is used for desktop mode only, but you can set an array with collapsed states for all modes, e.g. `['responsive', 'desktop']`.
+   *
+   * @since 1.4.0
    */
   sidebarCollapsed: PropTypes.oneOfType([PropTypes.bool, PropTypes.array]),
 
-  /**
-   * Additional content between header and main content.
-   * @since 1.4.0
+  /**
+   * Additional content between header and main content.
+   * @since 1.4.0
    */
   contentAddon: PropTypes.node,
 
-  /**
-   * Content header.
-   * @since 3.0.0
+  /**
+   * Content header.
+   * @since 3.0.0
    */
   contentHeader: PropTypes.node,
 
-  /**
-   * Footer content.
-   * @since 1.4.0
+  /**
+   * Footer content.
+   * @since 1.4.0
    */
   footer: PropTypes.node,
 
-  /**
-   * Main content of the `Layout`.
-   * @since 1.4.0
+  /**
+   * Main content of the `Layout`.
+   * @since 1.4.0
    */
   children: PropTypes.node,
 
-  /**
-   * Width of the content
-   * @since 3.0.0
+  /**
+   * Width of the content
+   * @since 3.0.0
    */
   width: PropTypes.oneOf(['sm', 'md', 'lg']),
 
-  /**
-   * Sidebar onToggle handler.
-   * The handler is called with two args:
-   *
-   * * Whether collapsed or not.
-   * * In which mode: responsive or desktop.
-   *
-   * @since 1.4.0
+  /**
+   * Sidebar onToggle handler.
+   * The handler is called with two args:
+   *
+   * * Whether collapsed or not.
+   * * In which mode: responsive or desktop.
+   *
+   * @since 1.4.0
    */
   onSidebarToggle: PropTypes.func,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   className: PropTypes.string,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   baseClassName: PropTypes.string
 };
@@ -155,8 +155,8 @@ const subscribeClickOutside = (refs, handler) => {
     document.removeEventListener('touchstart', listener);
   };
 };
-/**
- * @since 1.4.0
+/**
+ * @since 1.4.0
  */
 
 

package/esm/components/Link/Link.js

@@ -7,14 +7,14 @@ import OnDarkContext from '../OnDarkContext';
 import { safeInvoke } from '../utils';
 import Icon from '../Icon';
 
-/**
- * FIXME: With the following code all @ts-ignore comments can be removed, but react-docgen cannot parse it.
- * const Link = <P extends any>({ ... }: LinkProps<P>) => {
+/**
+ * FIXME: With the following code all @ts-ignore comments can be removed, but react-docgen cannot parse it.
+ * const Link = <P extends any>({ ... }: LinkProps<P>) => {
  */
 
-/**
- * `Link` is used for navigation purposes.
- * @since 1.9.0
+/**
+ * `Link` is used for navigation purposes.
+ * @since 1.9.0
  */
 const Link = ({
   baseClassName = `${CLS_PREFIX}link`,