@plesk/ui-library 3.41.2 → 3.41.3

package/esm/components/FormFieldPassword/FormFieldPassword.js

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 import { Component, Fragment, createRef } from 'react';
 import classNames from 'classnames';
@@ -7,10 +7,12 @@ import { CLS_PREFIX } from '../../constants';
 import Button from '../Button';
 import FormField from '../FormField';
 import Input from '../Input';
+import Toast from '../Toast';
 import Translate from '../Translate';
 import PasswordMeter from './PasswordMeter';
 import generatePassword from './generatePassword';
 import locale from './locale/en-US';
+import { copyToClipboard } from '../../utils';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * `FormFieldPassword` component provides secure way to enter a password.
@@ -20,8 +22,10 @@ class FormFieldPassword extends Component {
   constructor() {
     super(...arguments);
     _defineProperty(this, "state", {
+      copyToastVisible: false,
       visible: false,
-      passwordMeterVisible: false
+      passwordMeterVisible: false,
+      passwordGenerated: false
     });
     _defineProperty(this, "targetRef", /*#__PURE__*/createRef());
     _defineProperty(this, "handleToggleClick", () => {
@@ -40,19 +44,61 @@ class FormFieldPassword extends Component {
       });
     });
     _defineProperty(this, "handleBlur", this.handleClosePasswordMeter);
+    _defineProperty(this, "handleCopyToClipboard", contentToCopy => {
+      copyToClipboard(contentToCopy);
+      this.setState({
+        copyToastVisible: true
+      });
+    });
   }
-  renderGenerateButton(_ref2) {
+  renderCopyButton(_ref2) {
     let {
-      setValue,
+      value,
       isDisabled
     } = _ref2;
+    const {
+      baseClassName,
+      copyButton
+    } = this.props;
+    const copyButtonProps = {
+      className: `${baseClassName}__button--copy`,
+      icon: 'copy',
+      onClick: () => this.handleCopyToClipboard(value),
+      tooltip: /*#__PURE__*/_jsx(Translate, {
+        content: "FormFieldPassword.copyButtonHint",
+        fallback: locale.copyButtonHint
+      }),
+      disabled: isDisabled()
+    };
+    let button;
+    if (typeof copyButton === 'function') {
+      button = copyButton(copyButtonProps);
+    } else {
+      button = /*#__PURE__*/_jsx(Button, {
+        ...copyButtonProps
+      });
+    }
+    return /*#__PURE__*/_jsxs(Fragment, {
+      children: [` `, button]
+    });
+  }
+  renderGenerateButton(_ref3) {
+    let {
+      setValue,
+      isDisabled
+    } = _ref3;
     const {
       baseClassName,
       generateButton
     } = this.props;
     const generateButtonProps = {
       className: `${baseClassName}__button--generate`,
-      onClick: () => setValue(generatePassword()),
+      onClick: () => {
+        setValue(generatePassword());
+        this.setState({
+          passwordGenerated: true
+        });
+      },
       tooltip: /*#__PURE__*/_jsx(Translate, {
         content: "FormFieldPassword.generateButtonHint",
         fallback: locale.generateButtonHint
@@ -80,7 +126,9 @@ class FormFieldPassword extends Component {
       baseClassName,
       className,
       hideShowButton,
+      copyButton,
       generateButton,
+      hideCopyButton,
       hideGenerateButton,
       hidePasswordMeter,
       passwordMeterProps,
@@ -96,14 +144,14 @@ class FormFieldPassword extends Component {
     return /*#__PURE__*/_jsx(FormField, {
       className: classNames(baseClassName, className),
       ...props,
-      children: _ref3 => {
+      children: _ref4 => {
         let {
           getId,
           getName,
           getValue,
           setValue,
           isDisabled
-        } = _ref3;
+        } = _ref4;
         const value = getValue('');
         const input = /*#__PURE__*/_jsx(Input, {
           id: getId(),
@@ -142,7 +190,21 @@ class FormFieldPassword extends Component {
         });
         return /*#__PURE__*/_jsxs("div", {
           className: classNames(`${baseClassName}__control`, `${baseClassName}__control--${size}`),
-          children: [/*#__PURE__*/_jsx("div", {
+          children: [this.state.copyToastVisible && /*#__PURE__*/_jsx("div", {
+            className: `${baseClassName}__toast`,
+            children: /*#__PURE__*/_jsx(Toast, {
+              autoClosable: true,
+              onClose: () => this.setState({
+                copyToastVisible: false
+              }),
+              icon: "check-mark-circle-filled",
+              intent: "success",
+              message: /*#__PURE__*/_jsx(Translate, {
+                content: "FormFieldPassword.copySuccessToast",
+                fallback: locale.copySuccessToast
+              })
+            })
+          }), /*#__PURE__*/_jsx("div", {
             className: classNames(`${baseClassName}__field`, `${baseClassName}__field--${size}`),
             children: hidePasswordMeter ? input : /*#__PURE__*/_jsx(PasswordMeter, {
               value: value,
@@ -155,6 +217,9 @@ class FormFieldPassword extends Component {
           }), hideGenerateButton ? null : this.renderGenerateButton({
             setValue,
             isDisabled
+          }), hideCopyButton || !this.state.passwordGenerated ? null : this.renderCopyButton({
+            value,
+            isDisabled
           })]
         });
       }
@@ -163,7 +228,9 @@ class FormFieldPassword extends Component {
 }
 _defineProperty(FormFieldPassword, "defaultProps", {
   hideShowButton: false,
+  copyButton: undefined,
   generateButton: undefined,
+  hideCopyButton: false,
   hideGenerateButton: false,
   hidePasswordMeter: false,
   passwordMeterProps: {},

package/esm/components/FormFieldPassword/PasswordMeter.js

@@ -1,4 +1,4 @@
-// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 import { useState, useEffect } from 'react';
 import Popover from '../Popover';
@@ -32,7 +32,7 @@ const PasswordMeter = _ref => {
   }, [visible, value, onEstimate]);
   return /*#__PURE__*/_jsxs(Popover, {
     visible: visible && result !== null,
-    placement: "bottom-right",
+    placement: "top-right",
     intent: result ? strengthIntents[result.strength] : undefined,
     canCloseOnOutsideClick: false,
     canCloseOnEscapePress: false,

package/esm/components/FormFieldPassword/estimatePassword.js

@@ -1,4 +1,4 @@
-// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 import Translate from '../Translate';
 import locale from './locale/en-US';

package/esm/components/FormFieldPassword/generatePassword.js

@@ -1,4 +1,4 @@
-// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 const symbolClasses = {
   upper: 'ABCDEFGHIJKLMNOPQRSTUVWXYZ',

package/esm/components/FormFieldPassword/index.js

@@ -1,4 +1,4 @@
-// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 export { default } from './FormFieldPassword';
 export { default as generatePassword } from './generatePassword';

package/esm/components/FormFieldPassword/locale/en-US.js

@@ -1,4 +1,4 @@
-// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 export default {
   improvePassword: 'To improve your password:',
@@ -22,5 +22,7 @@ export default {
   hidePassword: 'Hide password',
   showPassword: 'Show password',
   generateButton: 'Generate',
+  copyButtonHint: 'Copy password',
+  copySuccessToast: 'Password has been copied',
   generateButtonHint: 'Generate a strong password'
 };

package/esm/components/FormFieldRadioButtons/FormFieldRadioButtons.js

@@ -1,4 +1,4 @@
-// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 import classNames from 'classnames';
 import { cloneElement } from 'react';

package/esm/components/FormFieldRadioButtons/index.js

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

package/esm/components/FormFieldSelect/FormFieldSelect.js

@@ -1,4 +1,4 @@
-// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';

package/esm/components/FormFieldSelect/index.js

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

package/esm/components/FormFieldText/FormFieldText.js

@@ -1,4 +1,4 @@
-// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import FormField from '../FormField';

package/esm/components/FormFieldText/index.js

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

package/esm/components/Grid/Grid.js

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 import { cloneElement, Component } from 'react';
 import classNames from 'classnames';

package/esm/components/Grid/index.js

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

package/esm/components/GridCol/GridCol.js

@@ -1,4 +1,4 @@
-// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';

package/esm/components/GridCol/index.js

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

package/esm/components/Heading/Heading.js

@@ -1,4 +1,4 @@
-// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';

package/esm/components/Heading/index.js

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

package/esm/components/Hint/Hint.js

@@ -1,4 +1,4 @@
-// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';

package/esm/components/Hint/index.js

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

package/esm/components/Icon/Icon.js

@@ -1,4 +1,4 @@
-// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 import { useContext } from 'react';
 import classNames from 'classnames';

package/esm/components/Icon/constants.js

@@ -1,3 +1,4 @@
+// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 /* eslint-disable max-len */
 // This file is generated by create-svg-sprite. Do not edit.
 

package/esm/components/Icon/index.js

@@ -1,4 +1,4 @@
-// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 export { default } from './Icon';
 export * from './Icon';

package/esm/components/Icon/oldIconNames.js

@@ -1,4 +1,4 @@
-// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 const oldIconNames = {
   'i-filter-02': 'filter',

package/esm/components/Icon/utils.js

@@ -1,4 +1,4 @@
-// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 import classNames from 'classnames';
 import React, { isValidElement, cloneElement } from 'react';

package/esm/components/InPlaceEdit/Editor.js

@@ -1,4 +1,4 @@
-// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 import { useState } from 'react';
 import classNames from 'classnames';

package/esm/components/InPlaceEdit/InPlaceEdit.js

@@ -1,4 +1,4 @@
-// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 import { useState } from 'react';
 import classNames from 'classnames';

package/esm/components/InPlaceEdit/index.js

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

package/esm/components/InPlaceEdit/locale/en-US.js

@@ -1,4 +1,4 @@
-// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 export default {
   editButtonHint: 'Edit value',

package/esm/components/Input/Input.js

@@ -1,4 +1,4 @@
-// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';

package/esm/components/Input/index.js

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

package/esm/components/InputFile/InputFile.js

@@ -1,4 +1,4 @@
-// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 import { useState, useRef, useEffect } from 'react';
 import classNames from 'classnames';

package/esm/components/InputFile/index.js

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

package/esm/components/InputFile/locale/en-US.js

@@ -1,4 +1,4 @@
-// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 export default {
   browseButton: 'Choose file...'

package/esm/components/InputNumber/InputNumber.js

@@ -1,4 +1,4 @@
-// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 import classNames from 'classnames';
 import { useState, useRef, useLayoutEffect } from 'react';

package/esm/components/InputNumber/index.js

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

package/esm/components/Item/Item.js

@@ -1,4 +1,4 @@
-// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 import { cloneElement, isValidElement, Children } from 'react';
 import classNames from 'classnames';

package/esm/components/Item/index.js

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

package/esm/components/ItemLink/ItemLink.js

@@ -1,4 +1,4 @@
-// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 import classNames from 'classnames';
 import { wrapFunction } from '../utils';

package/esm/components/ItemLink/index.js

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

package/esm/components/ItemList/ItemList.js

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';

package/esm/components/ItemList/index.js

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

package/esm/components/Label/Label.js

@@ -1,4 +1,4 @@
-// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';

package/esm/components/Label/index.js

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

package/esm/components/Layer/Layer.js

@@ -1,4 +1,4 @@
-// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 import { isValidElement, cloneElement, createContext, useContext } from 'react';
 import { createPortal } from 'react-dom';

package/esm/components/Layer/index.js

@@ -1,4 +1,4 @@
-// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 export { default } from './Layer';
 export * from './Layer';

package/esm/components/Layout/Layout.js

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 import { Component, createRef } from 'react';
 import Measure from 'react-measure';

package/esm/components/Layout/index.js

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

package/esm/components/Link/Link.js

@@ -1,4 +1,4 @@
-// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 import classNames from 'classnames';
 import { useContext } from 'react';

package/esm/components/Link/index.js

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

package/esm/components/List/List.js

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 import { Fragment, cloneElement, isValidElement, createRef, Component, createElement as _createElement } from 'react';
 import classNames from 'classnames';

package/esm/components/List/ListAction.js

@@ -1,4 +1,4 @@
-// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 import Button from '../Button';
 import { MenuItem } from '../Menu';

package/esm/components/List/ListActions.js

@@ -1,4 +1,4 @@
-// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 import { Children, isValidElement, useState, useEffect, useContext, cloneElement } from 'react';
 import classNames from 'classnames';

package/esm/components/List/ListActionsDivider.js

@@ -1,4 +1,4 @@
-// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 import { MenuDivider } from '../Menu';
 import { jsx as _jsx } from "react/jsx-runtime";

package/esm/components/List/ListEmptyView.js

@@ -1,4 +1,4 @@
-// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 import classNames from 'classnames';
 import Heading from '../Heading';

package/esm/components/List/ListOperation.js

@@ -1,4 +1,4 @@
-// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 import { useContext, useState, useRef, cloneElement, isValidElement } from 'react';
 import { safeInvoke } from '../utils';

package/esm/components/List/ListOperationContext.js

@@ -1,4 +1,4 @@
-// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 import { createContext } from 'react';
 const ListOperationContext = /*#__PURE__*/createContext({

package/esm/components/List/example-data/domains.js

@@ -1,4 +1,4 @@
-// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 const vowels = ['a', 'e', 'i', 'o', 'u'];
 const consonants = ['b', 'c', 'd', 'f', 'g', 'h', 'j', 'k', 'l', 'm', 'n', 'p', 'q', 'r', 's', 't', 'v', 'w', 'x', 'y', 'z'];

package/esm/components/List/index.js

@@ -1,4 +1,4 @@
-// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 export { default } from './List';
 export { default as ListOperation } from './ListOperation';