@plesk/ui-library 3.27.3 → 3.28.1

package/README.md

@@ -1,35 +1,35 @@
-# UI Library
-
-## Installation
-
-```
-yarn add @plesk/ui-library
-```
-
-## Usage
-
-Here is an example of how to use the UI Library with `create-react-app`.
-
-```shell
-yarn create react-app example
-cd example
-yarn add @plesk/ui-library
-yarn start
-```
-
-Replace the contents of the `src/App.js` file with the following code:
-
-```js
-import { Layout, Button } from '@plesk/ui-library';
-import '@plesk/ui-library/dist/plesk-ui-library.css';
-
-function App() {
-    return (
-        <Layout>
-            <Button>{'Hello World!'}</Button>
-        </Layout>
-    );
-}
-
-export default App;
-```
+# UI Library
+
+## Installation
+
+```
+yarn add @plesk/ui-library
+```
+
+## Usage
+
+Here is an example of how to use the UI Library with `create-react-app`.
+
+```shell
+yarn create react-app example
+cd example
+yarn add @plesk/ui-library
+yarn start
+```
+
+Replace the contents of the `src/App.js` file with the following code:
+
+```js
+import { Layout, Button } from '@plesk/ui-library';
+import '@plesk/ui-library/dist/plesk-ui-library.css';
+
+function App() {
+    return (
+        <Layout>
+            <Button>{'Hello World!'}</Button>
+        </Layout>
+    );
+}
+
+export default App;
+```

package/cjs/components/Action/Action.js

@@ -27,9 +27,9 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
-/**
- * `Action` component is used mostly for navigation, to go between pages, and not for immediate action or submitting data.
- * @since 0.0.68
+/**
+ * `Action` component is used mostly for navigation, to go between pages, and not for immediate action or submitting data.
+ * @since 0.0.68
  */
 const Action = ({
   baseClassName = `${_constants.CLS_PREFIX}action`,

package/cjs/components/Alert/Alert.js

@@ -17,11 +17,11 @@ var _constants = require("../../constants");
 
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
-/**
- * `Alert` component is used for highlighting important content.
- *  For showing messages about state of the system it is recommended to use [StatusMessage](#!/StatusMessage)
- *  or [ExtendedStatusMessage](#!/ExtendedStatusMessage).
- * @since 0.0.35
+/**
+ * `Alert` component is used for highlighting important content.
+ *  For showing messages about state of the system it is recommended to use [StatusMessage](#!/StatusMessage)
+ *  or [ExtendedStatusMessage](#!/ExtendedStatusMessage).
+ * @since 0.0.35
  */
 const Alert = ({
   baseClassName = `${_constants.CLS_PREFIX}alert`,

package/cjs/components/AutoClosable/AutoClosable.js

@@ -20,9 +20,9 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 const AutoClosableContext = /*#__PURE__*/(0, _react.createContext)(null);
 
-/**
- * This is helper component for handling outside clicks.
- * @since 0.0.42
+/**
+ * This is helper component for handling outside clicks.
+ * @since 0.0.42
  */
 class AutoClosable extends _react.Component {
   constructor(...args) {

package/cjs/components/AuxiliaryActions/AuxiliaryActions.js

@@ -21,9 +21,9 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
-/**
- * Auxiliary Actions component is used for executing additional (not primary) actions.
- * @since 0.4.1
+/**
+ * Auxiliary Actions component is used for executing additional (not primary) actions.
+ * @since 0.4.1
  */
 const AuxiliaryActions = ({
   baseClassName = `${_constants.CLS_PREFIX}auxiliary-actions`,

package/cjs/components/Badge/Badge.js

@@ -25,9 +25,9 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
-/**
- * `Badge` component is used for showing small numerical value or status attached to an interface element.
- * @since 0.0.58
+/**
+ * `Badge` component is used for showing small numerical value or status attached to an interface element.
+ * @since 0.0.58
  */
 const Badge = ({
   baseClassName = `${_constants.CLS_PREFIX}badge`,

package/cjs/components/Breadcrumbs/Breadcrumbs.js

@@ -25,10 +25,10 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
-/**
- * `Breadcrumbs` component indicates a position of current page in general hierarchy of all pages,
- * and it is used for navigation up to the main page of the product.
- * @since 2.3.0
+/**
+ * `Breadcrumbs` component indicates a position of current page in general hierarchy of all pages,
+ * and it is used for navigation up to the main page of the product.
+ * @since 2.3.0
  */
 const Breadcrumbs = ({
   baseClassName = `${_constants.CLS_PREFIX}breadcrumbs`,

package/cjs/components/Button/Button.js

@@ -88,10 +88,10 @@ const renderCaret = ({
 
   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
+/**
+ * `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
  */
 
 
@@ -211,97 +211,97 @@ const Button = ({
 };
 
 Button.propTypes = {
-  /**
-   * Button size.
-   * @since 2.5.0
+  /**
+   * Button size.
+   * @since 2.5.0
    */
   size: _propTypes.default.oneOf(['md', 'lg']),
 
-  /**
-   * Visual intent color to apply to component.
-   * @since 0.0.42
+  /**
+   * 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
+  /**
+   * Display button with transparent background.
+   * @since 2.1.0
    */
   ghost: _propTypes.default.bool,
 
-  /**
-   * Arrow button.
-   * @since 2.6.0
+  /**
+   * 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 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
+  /**
+   * 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 of the button
+   * @since 0.0.42
    */
   state: _propTypes.default.oneOf(['active', 'loading', 'hovered', 'focused']),
 
-  /**
-   * Is button disabled?
-   * @since 0.0.42
+  /**
+   * Is button disabled?
+   * @since 0.0.42
    */
   disabled: _propTypes.default.bool,
 
-  /**
-   * Tooltip for component
-   * @since 0.0.42
+  /**
+   * Tooltip for component
+   * @since 0.0.42
    */
   tooltip: _propTypes.default.node,
 
-  /**
-   * Name of icon or [Icon](#!/Icon) component
-   * @since 0.0.42
+  /**
+   * 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
+  /**
+   * 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
+  /**
+   * 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
+  /**
+   * 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 to render as the root element. Useful when rendering a `Button` as `<a>` or `<Link>`.
+   * @since 0.0.42
    */
   component: _propTypes.default.elementType,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   className: _propTypes.default.string,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   baseClassName: _propTypes.default.string
 };

package/cjs/components/ButtonGroup/ButtonGroup.js

@@ -17,9 +17,9 @@ var _constants = require("../../constants");
 
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
-/**
- * `ButtonGroup` component is used for visual grouping of several [Buttons](#!/Button) together.
- * @since 0.0.37
+/**
+ * `ButtonGroup` component is used for visual grouping of several [Buttons](#!/Button) together.
+ * @since 0.0.37
  */
 const ButtonGroup = ({
   baseClassName = `${_constants.CLS_PREFIX}button-group`,

package/cjs/components/Card/Card.js

@@ -43,9 +43,9 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 const VIEW_TILE = 'tile';
 const VIEW_EXTENDED = 'extended';
 const VIEW_ROW = 'row';
-/**
- * @deprecated `Card` component is a part of [CardList](#!/CardList).
- * @since 0.0.54
+/**
+ * @deprecated `Card` component is a part of [CardList](#!/CardList).
+ * @since 0.0.54
  */
 
 class Card extends _react.Component {
@@ -404,57 +404,57 @@ class Card extends _react.Component {
 }
 
 Card.propTypes = {
-  /**
-   * Content of the `Card`.
-   * @since 0.0.54
+  /**
+   * Content of the `Card`.
+   * @since 0.0.54
    */
   children: _propTypes.default.node,
 
-  /**
-   * View mode.
-   * @since 0.0.54
+  /**
+   * View mode.
+   * @since 0.0.54
    */
   view: _propTypes.default.oneOf([VIEW_EXTENDED, VIEW_TILE, VIEW_ROW]),
 
-  /**
-   * Visual intent color to apply to component.
-   * @since 0.0.54
+  /**
+   * Visual intent color to apply to component.
+   * @since 0.0.54
    */
   intent: _propTypes.default.oneOf(['warning', 'danger', 'inactive']),
 
-  /**
-   * Text of title.
-   * @since 0.0.54
+  /**
+   * Text of title.
+   * @since 0.0.54
    */
   title: _propTypes.default.node.isRequired,
 
-  /**
-   * Link for title.
-   * @since 0.0.54
+  /**
+   * Link for title.
+   * @since 0.0.54
    */
   titleLink: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]),
 
-  /**
-   * List of labels in header, which should appear right after the title. See [Label](#!/Label) component for details.
-   * @since 1.6.0
+  /**
+   * List of labels in header, which should appear right after the title. See [Label](#!/Label) component for details.
+   * @since 1.6.0
    */
   titleLabels: _propTypes.default.arrayOf(_propTypes.default.element),
 
-  /**
-   * Text of subtitle.
-   * @since 0.0.54
+  /**
+   * Text of subtitle.
+   * @since 0.0.54
    */
   subtitle: _propTypes.default.node,
 
-  /**
-   * List of labels in header, which should appear at the end of header. See [Label](#!/Label) component for details.
-   * @since 0.0.54
+  /**
+   * List of labels in header, which should appear at the end of header. See [Label](#!/Label) component for details.
+   * @since 0.0.54
    */
   labels: _propTypes.default.arrayOf(_propTypes.default.element),
 
-  /**
-   * List of additional buttons in header.
-   * @since 0.0.54
+  /**
+   * List of additional buttons in header.
+   * @since 0.0.54
    */
   buttons: _propTypes.default.arrayOf(_propTypes.default.shape({
     icon: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.element]).isRequired,
@@ -462,52 +462,52 @@ Card.propTypes = {
     tooltip: _propTypes.default.node
   })),
 
-  /**
-   * See [Menu](#!/Menu).
-   * @since 0.3.0
+  /**
+   * See [Menu](#!/Menu).
+   * @since 0.3.0
    */
   menu: _propTypes.default.element,
 
-  /**
-   * Selection control.
-   * @since 0.0.54
+  /**
+   * Selection control.
+   * @since 0.0.54
    */
   selection: _propTypes.default.shape({
     isSelected: _propTypes.default.bool.isRequired,
     onSelectionChange: _propTypes.default.func.isRequired
   }),
 
-  /**
-   * Side header section. Recommended to use [PreviewPanel](#!/PreviewPanel) component.
-   * @since 0.0.54
+  /**
+   * Side header section. Recommended to use [PreviewPanel](#!/PreviewPanel) component.
+   * @since 0.0.54
    */
   sideHeader: _propTypes.default.element,
 
-  /**
-   * Side content section.
-   * @since 0.0.54
+  /**
+   * Side content section.
+   * @since 0.0.54
    */
   sideContent: _propTypes.default.element,
 
-  /**
-   * Content for row view.
-   * @since 0.0.54
+  /**
+   * Content for row view.
+   * @since 0.0.54
    */
   rowContent: _propTypes.default.any,
 
-  /**
-   * Indicate the progress state of the card.
-   * @since 0.4.1
+  /**
+   * Indicate the progress state of the card.
+   * @since 0.4.1
    */
   progress: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.node]),
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   className: _propTypes.default.string,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   baseClassName: _propTypes.default.string
 };

package/cjs/components/Card/CardButton.js

@@ -28,8 +28,8 @@ const CardButton = ({
 }, props));
 
 CardButton.propTypes = {
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   baseClassName: _propTypes.default.string,
   icon: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.element]).isRequired

package/cjs/components/Card/PreviewPanel.js

@@ -49,9 +49,9 @@ const determineSource = ({
     type: 'noImage'
   };
 };
-/**
- * `PreviewPanel` component is used for displaying website preview.
- * @since 0.3.0
+/**
+ * `PreviewPanel` component is used for displaying website preview.
+ * @since 0.3.0
  */
 
 

package/cjs/components/Card/images/no-image.svg

@@ -1,7 +1,7 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="#ccc" width="280" height="210" viewBox="-90 -55 280 210">
-  <path d="M73.5 43a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0z"/>
-  <path fill-rule="evenodd" d="M13.2 16.2A49.9 49.9 0 01100 50c0 14.6-6.2 27.7-16.2 36.8L13.2 16.2zM96 50c0 12-4.6 23-12.2 31.2L78.6 76a4 4 0 003.4-4V36a4 4 0 00-4-4H67.5l-6.3-10.1a4 4 0 00-3.4-1.9H42.2a4 4 0 00-3.4 1.9l-5.5 8.8-14.5-14.5A45.8 45.8 0 0196 50zM78 72h-3.3L63.4 60.7a16 16 0 00-22.1-22.1l-5-5 6-9.6h15.5L64 34.1a4 4 0 003.4 1.9H78v36zM62 52a12 12 0 01-1.5 5.8L44.2 41.5A12 12 0 0162 52z" clip-rule="evenodd"/>
-  <path d="M80.8 89.4l-2.9-2.8A46 46 0 0113.4 22l-2.8-2.9a50 50 0 0070.2 70.2z"/>
-  <path d="M23.3 32H22a4 4 0 00-4 4v36a4 4 0 004 4h45.3l-4-4H22V36h5.3l-4-4z"/>
-  <path d="M35.9 44.5a16 16 0 0021.6 21.6l-3-3A12 12 0 0138 52c0-1.6.3-3.1.9-4.5l-3-3z"/>
+<svg xmlns="http://www.w3.org/2000/svg" fill="#ccc" width="280" height="210" viewBox="-90 -55 280 210">
+  <path d="M73.5 43a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0z"/>
+  <path fill-rule="evenodd" d="M13.2 16.2A49.9 49.9 0 01100 50c0 14.6-6.2 27.7-16.2 36.8L13.2 16.2zM96 50c0 12-4.6 23-12.2 31.2L78.6 76a4 4 0 003.4-4V36a4 4 0 00-4-4H67.5l-6.3-10.1a4 4 0 00-3.4-1.9H42.2a4 4 0 00-3.4 1.9l-5.5 8.8-14.5-14.5A45.8 45.8 0 0196 50zM78 72h-3.3L63.4 60.7a16 16 0 00-22.1-22.1l-5-5 6-9.6h15.5L64 34.1a4 4 0 003.4 1.9H78v36zM62 52a12 12 0 01-1.5 5.8L44.2 41.5A12 12 0 0162 52z" clip-rule="evenodd"/>
+  <path d="M80.8 89.4l-2.9-2.8A46 46 0 0113.4 22l-2.8-2.9a50 50 0 0070.2 70.2z"/>
+  <path d="M23.3 32H22a4 4 0 00-4 4v36a4 4 0 004 4h45.3l-4-4H22V36h5.3l-4-4z"/>
+  <path d="M35.9 44.5a16 16 0 0021.6 21.6l-3-3A12 12 0 0138 52c0-1.6.3-3.1.9-4.5l-3-3z"/>
 </svg>