@plesk/ui-library 3.25.6 → 3.27.0

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

@@ -19,9 +19,9 @@ var _Tooltip = _interopRequireDefault(require("../Tooltip"));
 
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
-/**
- * `Checkbox` component is used for turning an option on or off and selecting or deselecting an item.
- * @since 0.0.55
+/**
+ * `Checkbox` component is used for turning an option on or off and selecting or deselecting an item.
+ * @since 0.0.55
  */
 const Checkbox = ({
   baseClassName = `${_constants.CLS_PREFIX}checkbox`,

package/cjs/components/CodeEditor/CodeEditor.js

@@ -27,9 +27,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
-/**
- * `CodeEditor` component is used for editing text as code with proper color highlighting according to selected programming language.
- * @since 0.0.61
+/**
+ * `CodeEditor` component is used for editing text as code with proper color highlighting according to selected programming language.
+ * @since 0.0.61
  */
 class CodeEditor extends _react.Component {
   constructor(...args) {
@@ -232,82 +232,82 @@ class CodeEditor extends _react.Component {
 }
 
 CodeEditor.propTypes = {
-  /**
-   * The mode to use. When not given, this will default to the first mode that was loaded.
-   * @since 0.0.61
+  /**
+   * The mode to use. When not given, this will default to the first mode that was loaded.
+   * @since 0.0.61
    */
   mode: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]),
 
-  /**
-   * CodeEditor can detect mode by file name. Will be ignored if you set mode property.
-   * @since 0.0.61
+  /**
+   * CodeEditor can detect mode by file name. Will be ignored if you set mode property.
+   * @since 0.0.61
    */
   fileName: _propTypes.default.string,
 
-  /**
-   * Content of the `CodeEditor`.
-   * @since 0.0.61
+  /**
+   * Content of the `CodeEditor`.
+   * @since 0.0.61
    */
   children: _propTypes.default.string,
 
-  /**
-   * Set read only.
-   * @since 0.0.61
+  /**
+   * Set read only.
+   * @since 0.0.61
    */
   readOnly: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
 
-  /**
-   * Set auto focus.
-   * @since 0.0.61
+  /**
+   * Set auto focus.
+   * @since 0.0.61
    */
   autofocus: _propTypes.default.bool,
 
-  /**
-   * onInit event handler.
-   * @since 0.0.61
+  /**
+   * onInit event handler.
+   * @since 0.0.61
    */
   onInit: _propTypes.default.func,
 
-  /**
-   * onChange event handler.
-   * @since 0.0.61
+  /**
+   * onChange event handler.
+   * @since 0.0.61
    */
   onChange: _propTypes.default.func,
 
-  /**
-   * onSave event handler.
-   * @since 0.0.61
+  /**
+   * onSave event handler.
+   * @since 0.0.61
    */
   onSave: _propTypes.default.func,
 
-  /**
-   * See all supported options in [CodeMirror](https://codemirror.net/doc/manual.html#config) documentation.
-   * @since 0.0.61
+  /**
+   * See all supported options in [CodeMirror](https://codemirror.net/doc/manual.html#config) documentation.
+   * @since 0.0.61
    */
   options: _propTypes.default.object,
 
-  /**
-   * Set scroll position.
-   * @since 1.12.4
+  /**
+   * Set scroll position.
+   * @since 1.12.4
    */
   scrollPosition: _propTypes.default.shape({
     left: _propTypes.default.number,
     top: _propTypes.default.number
   }),
 
-  /**
-   * onScroll event handler.
-   * @since 1.12.4
+  /**
+   * onScroll event handler.
+   * @since 1.12.4
    */
   onScroll: _propTypes.default.func,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   className: _propTypes.default.string,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   baseClassName: _propTypes.default.string
 };

package/cjs/components/Dialog/Dialog.js

@@ -41,9 +41,9 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 /* eslint-disable react/no-deprecated */
 const isProps = value => value && typeof value === 'object' && ! /*#__PURE__*/(0, _react.isValidElement)(value);
-/**
- * `Dialog` is a modal window that asks users to make a decision or enter additional information.
- * @since 0.0.68
+/**
+ * `Dialog` is a modal window that asks users to make a decision or enter additional information.
+ * @since 0.0.68
  */
 
 
@@ -209,126 +209,126 @@ const Dialog = ({
 };
 
 Dialog.propTypes = {
-  /**
-   * Toggles visibility.
-   * @since 0.0.68
+  /**
+   * 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. 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
+  /**
+   * 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
+  /**
+   * Additional properties for the sideBanner
+   * @since 3.25.0
    */
   sideBannerContainer: _propTypes.default.shape({
-    /**
-     * Values for css background property
+    /**
+     * Values for css background property
      */
     background: _propTypes.default.string,
 
-    /**
-     * One of: center, flex-start, flex-end
+    /**
+     * 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. 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
+   * @since 0.0.68
    */
   title: _propTypes.default.node,
 
-  /**
-   * The subtitle of the `Dialog`.
-   * @since 4.0.0
+  /**
+   * 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.
+  /**
+   * 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
+  /**
+   * 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 except "cancel" button
+   * @since 0.0.68
    */
   buttons: _propTypes.default.node,
 
-  /**
-   * Actions which will be shown in Dialog header
-   * @since 1.2.0
+  /**
+   * 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
+  /**
+   * Wraps children into [Form](#!/Form) if not empty.
+   * @since 0.0.68
    */
   form: _propTypes.default.object,
 
-  /**
-   * Dialog width
-   * @since 0.0.68
+  /**
+   * 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
+  /**
+   * If the value is false, the dialog cannot be closed and the Close button is hidden.
+   * @since 1.2.0
    */
   closable: _propTypes.default.bool,
 
-  /**
-   * On close event handler. Called immediately after dialog closed by "cancel" button or "Esc" key.
-   * @since 0.0.68
+  /**
+   * 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
+  /**
+   * 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
+  /**
+   * Content of the `DialogWindow`.
+   * @since 0.0.68
    */
   children: _propTypes.default.node,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   className: _propTypes.default.string,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   baseClassName: _propTypes.default.string
 };