@plesk/ui-library 3.41.2 → 3.41.3

package/styleguide/index.html

@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <title>Plesk UI Library 3.41.2</title>
+    <title>Plesk UI Library 3.41.3</title>
     <meta name="msapplication-TileColor" content="#da532c">
     <meta name="theme-color" content="#ffffff">
     <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
@@ -26,6 +26,6 @@
     <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KWST26V"
     height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
     <!-- End Google Tag Manager (noscript) -->
-    <script src="build/bundle.c8a7a22b.js"></script>
+    <script src="build/bundle.72c8d006.js"></script>
   </body>
 </html>

package/types/components/FormFieldPassword/FormFieldPassword.d.ts

@@ -9,6 +9,11 @@ export type FormFieldPasswordProps = {
      * @since 0.0.59
      */
     hideShowButton?: boolean;
+    /**
+     * Is copy button hidden?
+     * @since 3.41.3
+     */
+    hideCopyButton?: boolean;
     /**
      * Is generate button hidden?
      * @since 0.0.59
@@ -39,6 +44,11 @@ export type FormFieldPasswordProps = {
      * @since 2.5.1
      */
     autoComplete?: 'new-password';
+    /**
+     * A render function for customizing the copy password button.
+     * @since 3.41.3
+     */
+    copyButton?: (copyButtonProps: ComponentPropsWithRef<typeof Button>) => ReactElement;
     /**
      * A render function for customizing the password generation button.
      * @since 3.13.0
@@ -55,7 +65,9 @@ export type FormFieldPasswordProps = {
 } & ComponentProps<typeof FormField>;
 type FormFieldPasswordState = {
     visible: boolean;
+    copyToastVisible: boolean;
     passwordMeterVisible: boolean;
+    passwordGenerated: boolean;
 };
 /**
  * `FormFieldPassword` component provides secure way to enter a password.
@@ -64,7 +76,9 @@ type FormFieldPasswordState = {
 declare class FormFieldPassword extends Component<FormFieldPasswordProps, FormFieldPasswordState> {
     static defaultProps: {
         hideShowButton: boolean;
+        copyButton: undefined;
         generateButton: undefined;
+        hideCopyButton: boolean;
         hideGenerateButton: boolean;
         hidePasswordMeter: boolean;
         passwordMeterProps: {};
@@ -75,13 +89,20 @@ declare class FormFieldPassword extends Component<FormFieldPasswordProps, FormFi
         baseClassName: string;
     };
     state: {
+        copyToastVisible: boolean;
         visible: boolean;
         passwordMeterVisible: boolean;
+        passwordGenerated: boolean;
     };
     targetRef: RefObject<HTMLSpanElement>;
     handleToggleClick: () => void;
     handleClosePasswordMeter: () => void;
     handleBlur: () => void;
+    handleCopyToClipboard: (contentToCopy: string) => void;
+    renderCopyButton({ value, isDisabled }: {
+        value: string;
+        isDisabled: () => boolean;
+    }): import("react/jsx-runtime").JSX.Element;
     renderGenerateButton({ setValue, isDisabled, }: {
         setValue: (value: any) => void;
         isDisabled: () => boolean;

package/types/components/LocaleProvider/LocaleProvider.d.ts

@@ -12,8 +12,6 @@ export declare const LocaleContext: import("react").Context<{
         lmsg: Translate;
     };
 } | undefined>;
-export declare const useTranslate: (namespace?: string) => Translate;
-export declare const LocaleBetaProvider: ({ messages, children }: LocaleProviderProps) => import("react/jsx-runtime").JSX.Element;
 export type LocaleProviderProps = {
     /**
      * Localization messages
@@ -41,3 +39,5 @@ declare class LocaleProvider extends PureComponent<LocaleProviderProps> {
     render(): import("react/jsx-runtime").JSX.Element;
 }
 export default LocaleProvider;
+export declare const useTranslate: (namespace?: string) => Translate;
+export declare const LocaleBetaProvider: ({ messages, children }: LocaleProviderProps) => import("react/jsx-runtime").JSX.Element;