payload 1.2.3 → 1.2.5

package/dist/admin/components/elements/Button/index.js

@@ -1,69 +1,69 @@
-import React, { isValidElement } from 'react';
-import { Link } from 'react-router-dom';
-import plus from '../../icons/Plus';
-import x from '../../icons/X';
-import chevron from '../../icons/Chevron';
-import edit from '../../icons/Edit';
-import swap from '../../icons/Swap';
-import Tooltip from '../Tooltip';
-import './index.scss';
-const icons = {
-    plus,
-    x,
-    chevron,
-    edit,
-    swap,
-};
-const baseClass = 'btn';
-const ButtonContents = ({ children, icon, tooltip }) => {
-    const BuiltInIcon = icons[icon];
-    return (React.createElement("span", { className: `${baseClass}__content` },
-        tooltip && (React.createElement(Tooltip, { className: `${baseClass}__tooltip` }, tooltip)),
-        children && (React.createElement("span", { className: `${baseClass}__label` }, children)),
-        icon && (React.createElement("span", { className: `${baseClass}__icon` },
-            isValidElement(icon) && icon,
-            BuiltInIcon && React.createElement(BuiltInIcon, null)))));
-};
-const Button = (props) => {
-    const { className, id, type = 'button', el, to, url, children, onClick, disabled, icon, iconStyle = 'without-border', buttonStyle = 'primary', round, size = 'medium', iconPosition = 'right', newTab, tooltip, } = props;
-    const classes = [
-        baseClass,
-        className && className,
-        buttonStyle && `${baseClass}--style-${buttonStyle}`,
-        icon && `${baseClass}--icon`,
-        iconStyle && `${baseClass}--icon-style-${iconStyle}`,
-        (icon && !children) && `${baseClass}--icon-only`,
-        disabled && `${baseClass}--disabled`,
-        round && `${baseClass}--round`,
-        size && `${baseClass}--size-${size}`,
-        iconPosition && `${baseClass}--icon-position-${iconPosition}`,
-        tooltip && `${baseClass}--has-tooltip`,
-    ].filter(Boolean).join(' ');
-    function handleClick(event) {
-        if (type !== 'submit' && onClick)
-            event.preventDefault();
-        if (onClick)
-            onClick(event);
-    }
-    const buttonProps = {
-        id,
-        type,
-        className: classes,
-        disabled,
-        onClick: !disabled ? handleClick : undefined,
-        rel: newTab ? 'noopener noreferrer' : undefined,
-        target: newTab ? '_blank' : undefined,
-    };
-    switch (el) {
-        case 'link':
-            return (React.createElement(Link, { ...buttonProps, to: to || url },
-                React.createElement(ButtonContents, { icon: icon, tooltip: tooltip }, children)));
-        case 'anchor':
-            return (React.createElement("a", { ...buttonProps, href: url },
-                React.createElement(ButtonContents, { icon: icon, tooltip: tooltip }, children)));
-        default:
-            return (React.createElement("button", { type: "submit", ...buttonProps },
-                React.createElement(ButtonContents, { icon: icon, tooltip: tooltip }, children)));
-    }
-};
-export default Button;
+import React, { isValidElement } from 'react';
+import { Link } from 'react-router-dom';
+import plus from '../../icons/Plus';
+import x from '../../icons/X';
+import chevron from '../../icons/Chevron';
+import edit from '../../icons/Edit';
+import swap from '../../icons/Swap';
+import Tooltip from '../Tooltip';
+import './index.scss';
+const icons = {
+    plus,
+    x,
+    chevron,
+    edit,
+    swap,
+};
+const baseClass = 'btn';
+const ButtonContents = ({ children, icon, tooltip }) => {
+    const BuiltInIcon = icons[icon];
+    return (React.createElement("span", { className: `${baseClass}__content` },
+        tooltip && (React.createElement(Tooltip, { className: `${baseClass}__tooltip` }, tooltip)),
+        children && (React.createElement("span", { className: `${baseClass}__label` }, children)),
+        icon && (React.createElement("span", { className: `${baseClass}__icon` },
+            isValidElement(icon) && icon,
+            BuiltInIcon && React.createElement(BuiltInIcon, null)))));
+};
+const Button = (props) => {
+    const { className, id, type = 'button', el, to, url, children, onClick, disabled, icon, iconStyle = 'without-border', buttonStyle = 'primary', round, size = 'medium', iconPosition = 'right', newTab, tooltip, } = props;
+    const classes = [
+        baseClass,
+        className && className,
+        buttonStyle && `${baseClass}--style-${buttonStyle}`,
+        icon && `${baseClass}--icon`,
+        iconStyle && `${baseClass}--icon-style-${iconStyle}`,
+        (icon && !children) && `${baseClass}--icon-only`,
+        disabled && `${baseClass}--disabled`,
+        round && `${baseClass}--round`,
+        size && `${baseClass}--size-${size}`,
+        iconPosition && `${baseClass}--icon-position-${iconPosition}`,
+        tooltip && `${baseClass}--has-tooltip`,
+    ].filter(Boolean).join(' ');
+    function handleClick(event) {
+        if (type !== 'submit' && onClick)
+            event.preventDefault();
+        if (onClick)
+            onClick(event);
+    }
+    const buttonProps = {
+        id,
+        type,
+        className: classes,
+        disabled,
+        onClick: !disabled ? handleClick : undefined,
+        rel: newTab ? 'noopener noreferrer' : undefined,
+        target: newTab ? '_blank' : undefined,
+    };
+    switch (el) {
+        case 'link':
+            return (React.createElement(Link, { ...buttonProps, to: to || url },
+                React.createElement(ButtonContents, { icon: icon, tooltip: tooltip }, children)));
+        case 'anchor':
+            return (React.createElement("a", { ...buttonProps, href: url },
+                React.createElement(ButtonContents, { icon: icon, tooltip: tooltip }, children)));
+        default:
+            return (React.createElement("button", { type: "submit", ...buttonProps },
+                React.createElement(ButtonContents, { icon: icon, tooltip: tooltip }, children)));
+    }
+};
+export default Button;

package/dist/admin/components/elements/Button/types.d.ts

@@ -1,21 +1,21 @@
-import React, { MouseEvent } from 'react';
-export declare type Props = {
-    className?: string;
-    id?: string;
-    type?: 'submit' | 'button';
-    el?: 'link' | 'anchor' | undefined;
-    to?: string;
-    url?: string;
-    children?: React.ReactNode;
-    onClick?: (event: MouseEvent) => void;
-    disabled?: boolean;
-    icon?: React.ReactNode | ['chevron' | 'x' | 'plus' | 'edit'];
-    iconStyle?: 'with-border' | 'without-border' | 'none';
-    buttonStyle?: 'primary' | 'secondary' | 'transparent' | 'error' | 'none' | 'icon-label';
-    buttonId?: string;
-    round?: boolean;
-    size?: 'small' | 'medium';
-    iconPosition?: 'left' | 'right';
-    newTab?: boolean;
-    tooltip?: string;
-};
+import React, { MouseEvent } from 'react';
+export declare type Props = {
+    className?: string;
+    id?: string;
+    type?: 'submit' | 'button';
+    el?: 'link' | 'anchor' | undefined;
+    to?: string;
+    url?: string;
+    children?: React.ReactNode;
+    onClick?: (event: MouseEvent) => void;
+    disabled?: boolean;
+    icon?: React.ReactNode | ['chevron' | 'x' | 'plus' | 'edit'];
+    iconStyle?: 'with-border' | 'without-border' | 'none';
+    buttonStyle?: 'primary' | 'secondary' | 'transparent' | 'error' | 'none' | 'icon-label';
+    buttonId?: string;
+    round?: boolean;
+    size?: 'small' | 'medium';
+    iconPosition?: 'left' | 'right';
+    newTab?: boolean;
+    tooltip?: string;
+};

package/dist/admin/components/elements/Button/types.js

@@ -1 +1 @@
-export {};
+export {};

package/dist/admin/components/elements/Card/index.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { Props } from './types';
-import './index.scss';
-declare const Card: React.FC<Props>;
-export default Card;
+import React from 'react';
+import { Props } from './types';
+import './index.scss';
+declare const Card: React.FC<Props>;
+export default Card;

package/dist/admin/components/elements/Card/index.js

@@ -1,17 +1,17 @@
-import React from 'react';
-import Button from '../Button';
-import './index.scss';
-const baseClass = 'card';
-const Card = (props) => {
-    const { id, title, actions, onClick } = props;
-    const classes = [
-        baseClass,
-        id,
-        onClick && `${baseClass}--has-onclick`,
-    ].filter(Boolean).join(' ');
-    return (React.createElement("div", { className: classes, id: id },
-        React.createElement("h5", null, title),
-        actions && (React.createElement("div", { className: `${baseClass}__actions` }, actions)),
-        onClick && (React.createElement(Button, { className: `${baseClass}__click`, buttonStyle: "none", onClick: onClick }))));
-};
-export default Card;
+import React from 'react';
+import Button from '../Button';
+import './index.scss';
+const baseClass = 'card';
+const Card = (props) => {
+    const { id, title, actions, onClick } = props;
+    const classes = [
+        baseClass,
+        id,
+        onClick && `${baseClass}--has-onclick`,
+    ].filter(Boolean).join(' ');
+    return (React.createElement("div", { className: classes, id: id },
+        React.createElement("h5", null, title),
+        actions && (React.createElement("div", { className: `${baseClass}__actions` }, actions)),
+        onClick && (React.createElement(Button, { className: `${baseClass}__click`, buttonStyle: "none", onClick: onClick }))));
+};
+export default Card;

package/dist/admin/components/elements/Card/types.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-export declare type Props = {
-    id?: string;
-    title: string;
-    actions?: React.ReactNode;
-    onClick?: () => void;
-};
+/// <reference types="react" />
+export declare type Props = {
+    id?: string;
+    title: string;
+    actions?: React.ReactNode;
+    onClick?: () => void;
+};

package/dist/admin/components/elements/Card/types.js

@@ -1 +1 @@
-export {};
+export {};

package/dist/admin/components/elements/Collapsible/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { Props } from './types';
-import './index.scss';
-export declare const Collapsible: React.FC<Props>;
+import React from 'react';
+import { Props } from './types';
+import './index.scss';
+export declare const Collapsible: React.FC<Props>;

package/dist/admin/components/elements/Collapsible/index.js

@@ -1,45 +1,45 @@
-import React, { useState } from 'react';
-import AnimateHeight from 'react-animate-height';
-import { useTranslation } from 'react-i18next';
-import { CollapsibleProvider, useCollapsible } from './provider';
-import Chevron from '../../icons/Chevron';
-import DragHandle from '../../icons/Drag';
-import './index.scss';
-const baseClass = 'collapsible';
-export const Collapsible = ({ children, collapsed: collapsedFromProps, onToggle, className, header, initCollapsed, dragHandleProps, actions, }) => {
-    const [collapsedLocal, setCollapsedLocal] = useState(Boolean(initCollapsed));
-    const [hovered, setHovered] = useState(false);
-    const isNested = useCollapsible();
-    const { t } = useTranslation('fields');
-    const collapsed = typeof collapsedFromProps === 'boolean' ? collapsedFromProps : collapsedLocal;
-    return (React.createElement("div", { className: [
-            baseClass,
-            className,
-            dragHandleProps && `${baseClass}--has-drag-handle`,
-            collapsed && `${baseClass}--collapsed`,
-            isNested && `${baseClass}--nested`,
-            hovered && `${baseClass}--hovered`,
-        ].filter(Boolean).join(' ') },
-        React.createElement(CollapsibleProvider, null,
-            React.createElement("div", { className: `${baseClass}__toggle-wrap`, onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false) },
-                dragHandleProps && (React.createElement("div", { className: `${baseClass}__drag`, ...dragHandleProps },
-                    React.createElement(DragHandle, null))),
-                React.createElement("button", { type: "button", className: [
-                        `${baseClass}__toggle`,
-                        `${baseClass}__toggle--${collapsed ? 'collapsed' : 'open'}`,
-                    ].filter(Boolean).join(' '), onClick: () => {
-                        if (typeof onToggle === 'function')
-                            onToggle(!collapsed);
-                        setCollapsedLocal(!collapsed);
-                    } },
-                    React.createElement("span", null, t('toggleBlock'))),
-                header && (React.createElement("div", { className: [
-                        `${baseClass}__header-wrap`,
-                        dragHandleProps && `${baseClass}__header-wrap--has-drag-handle`,
-                    ].filter(Boolean).join(' ') }, header && header)),
-                React.createElement("div", { className: `${baseClass}__actions-wrap` },
-                    actions && (React.createElement("div", { className: `${baseClass}__actions` }, actions)),
-                    React.createElement(Chevron, { className: `${baseClass}__indicator` }))),
-            React.createElement(AnimateHeight, { height: collapsed ? 0 : 'auto', duration: 200 },
-                React.createElement("div", { className: `${baseClass}__content` }, children)))));
-};
+import React, { useState } from 'react';
+import AnimateHeight from 'react-animate-height';
+import { useTranslation } from 'react-i18next';
+import { CollapsibleProvider, useCollapsible } from './provider';
+import Chevron from '../../icons/Chevron';
+import DragHandle from '../../icons/Drag';
+import './index.scss';
+const baseClass = 'collapsible';
+export const Collapsible = ({ children, collapsed: collapsedFromProps, onToggle, className, header, initCollapsed, dragHandleProps, actions, }) => {
+    const [collapsedLocal, setCollapsedLocal] = useState(Boolean(initCollapsed));
+    const [hovered, setHovered] = useState(false);
+    const isNested = useCollapsible();
+    const { t } = useTranslation('fields');
+    const collapsed = typeof collapsedFromProps === 'boolean' ? collapsedFromProps : collapsedLocal;
+    return (React.createElement("div", { className: [
+            baseClass,
+            className,
+            dragHandleProps && `${baseClass}--has-drag-handle`,
+            collapsed && `${baseClass}--collapsed`,
+            isNested && `${baseClass}--nested`,
+            hovered && `${baseClass}--hovered`,
+        ].filter(Boolean).join(' ') },
+        React.createElement(CollapsibleProvider, null,
+            React.createElement("div", { className: `${baseClass}__toggle-wrap`, onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false) },
+                dragHandleProps && (React.createElement("div", { className: `${baseClass}__drag`, ...dragHandleProps },
+                    React.createElement(DragHandle, null))),
+                React.createElement("button", { type: "button", className: [
+                        `${baseClass}__toggle`,
+                        `${baseClass}__toggle--${collapsed ? 'collapsed' : 'open'}`,
+                    ].filter(Boolean).join(' '), onClick: () => {
+                        if (typeof onToggle === 'function')
+                            onToggle(!collapsed);
+                        setCollapsedLocal(!collapsed);
+                    } },
+                    React.createElement("span", null, t('toggleBlock'))),
+                header && (React.createElement("div", { className: [
+                        `${baseClass}__header-wrap`,
+                        dragHandleProps && `${baseClass}__header-wrap--has-drag-handle`,
+                    ].filter(Boolean).join(' ') }, header && header)),
+                React.createElement("div", { className: `${baseClass}__actions-wrap` },
+                    actions && (React.createElement("div", { className: `${baseClass}__actions` }, actions)),
+                    React.createElement(Chevron, { className: `${baseClass}__indicator` }))),
+            React.createElement(AnimateHeight, { height: collapsed ? 0 : 'auto', duration: 200 },
+                React.createElement("div", { className: `${baseClass}__content` }, children)))));
+};

package/dist/admin/components/elements/Collapsible/provider.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-declare const Context: React.Context<boolean>;
-export declare const CollapsibleProvider: React.FC<{
-    children?: React.ReactNode;
-    withinCollapsible?: boolean;
-}>;
-export declare const useCollapsible: () => boolean;
-export default Context;
+import React from 'react';
+declare const Context: React.Context<boolean>;
+export declare const CollapsibleProvider: React.FC<{
+    children?: React.ReactNode;
+    withinCollapsible?: boolean;
+}>;
+export declare const useCollapsible: () => boolean;
+export default Context;

package/dist/admin/components/elements/Collapsible/provider.js

@@ -1,7 +1,7 @@
-import React, { createContext, useContext, } from 'react';
-const Context = createContext(false);
-export const CollapsibleProvider = ({ children, withinCollapsible = true }) => {
-    return (React.createElement(Context.Provider, { value: withinCollapsible }, children));
-};
-export const useCollapsible = () => useContext(Context);
-export default Context;
+import React, { createContext, useContext, } from 'react';
+const Context = createContext(false);
+export const CollapsibleProvider = ({ children, withinCollapsible = true }) => {
+    return (React.createElement(Context.Provider, { value: withinCollapsible }, children));
+};
+export const useCollapsible = () => useContext(Context);
+export default Context;

package/dist/admin/components/elements/Collapsible/types.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
-import { DraggableProvidedDragHandleProps } from 'react-beautiful-dnd';
-export declare type Props = {
-    collapsed?: boolean;
-    className?: string;
-    header?: React.ReactNode;
-    actions?: React.ReactNode;
-    children: React.ReactNode;
-    onToggle?: (collapsed: boolean) => void;
-    initCollapsed?: boolean;
-    dragHandleProps?: DraggableProvidedDragHandleProps;
-};
+import React from 'react';
+import { DraggableProvidedDragHandleProps } from 'react-beautiful-dnd';
+export declare type Props = {
+    collapsed?: boolean;
+    className?: string;
+    header?: React.ReactNode;
+    actions?: React.ReactNode;
+    children: React.ReactNode;
+    onToggle?: (collapsed: boolean) => void;
+    initCollapsed?: boolean;
+    dragHandleProps?: DraggableProvidedDragHandleProps;
+};

package/dist/admin/components/elements/Collapsible/types.js

@@ -1 +1 @@
-export {};
+export {};

package/dist/admin/components/elements/ColumnSelector/index.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { Props } from './types';
-import './index.scss';
-declare const ColumnSelector: React.FC<Props>;
-export default ColumnSelector;
+import React from 'react';
+import { Props } from './types';
+import './index.scss';
+declare const ColumnSelector: React.FC<Props>;
+export default ColumnSelector;

package/dist/admin/components/elements/ColumnSelector/index.js

@@ -1,31 +1,31 @@
-import React, { useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import flattenTopLevelFields from '../../../../utilities/flattenTopLevelFields';
-import Pill from '../Pill';
-import Plus from '../../icons/Plus';
-import X from '../../icons/X';
-import { getTranslation } from '../../../../utilities/getTranslation';
-import './index.scss';
-const baseClass = 'column-selector';
-const ColumnSelector = (props) => {
-    const { collection, columns, setColumns, } = props;
-    const [fields] = useState(() => flattenTopLevelFields(collection.fields, true));
-    const { i18n } = useTranslation();
-    return (React.createElement("div", { className: baseClass }, fields && fields.map((field, i) => {
-        const isEnabled = columns.find((column) => column === field.name);
-        return (React.createElement(Pill, { onClick: () => {
-                let newState = [...columns];
-                if (isEnabled) {
-                    newState = newState.filter((remainingColumn) => remainingColumn !== field.name);
-                }
-                else {
-                    newState.unshift(field.name);
-                }
-                setColumns(newState);
-            }, alignIcon: "left", key: field.name || i, icon: isEnabled ? React.createElement(X, null) : React.createElement(Plus, null), className: [
-                `${baseClass}__column`,
-                isEnabled && `${baseClass}__column--active`,
-            ].filter(Boolean).join(' ') }, getTranslation(field.label || field.name, i18n)));
-    })));
-};
-export default ColumnSelector;
+import React, { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import flattenTopLevelFields from '../../../../utilities/flattenTopLevelFields';
+import Pill from '../Pill';
+import Plus from '../../icons/Plus';
+import X from '../../icons/X';
+import { getTranslation } from '../../../../utilities/getTranslation';
+import './index.scss';
+const baseClass = 'column-selector';
+const ColumnSelector = (props) => {
+    const { collection, columns, setColumns, } = props;
+    const [fields] = useState(() => flattenTopLevelFields(collection.fields, true));
+    const { i18n } = useTranslation();
+    return (React.createElement("div", { className: baseClass }, fields && fields.map((field, i) => {
+        const isEnabled = columns.find((column) => column === field.name);
+        return (React.createElement(Pill, { onClick: () => {
+                let newState = [...columns];
+                if (isEnabled) {
+                    newState = newState.filter((remainingColumn) => remainingColumn !== field.name);
+                }
+                else {
+                    newState.unshift(field.name);
+                }
+                setColumns(newState);
+            }, alignIcon: "left", key: field.name || i, icon: isEnabled ? React.createElement(X, null) : React.createElement(Plus, null), className: [
+                `${baseClass}__column`,
+                isEnabled && `${baseClass}__column--active`,
+            ].filter(Boolean).join(' ') }, getTranslation(field.label || field.name, i18n)));
+    })));
+};
+export default ColumnSelector;

package/dist/admin/components/elements/ColumnSelector/types.d.ts

@@ -1,6 +1,6 @@
-import { SanitizedCollectionConfig } from '../../../../collections/config/types';
-export declare type Props = {
-    collection: SanitizedCollectionConfig;
-    columns: string[];
-    setColumns: (columns: string[]) => void;
-};
+import { SanitizedCollectionConfig } from '../../../../collections/config/types';
+export declare type Props = {
+    collection: SanitizedCollectionConfig;
+    columns: string[];
+    setColumns: (columns: string[]) => void;
+};

package/dist/admin/components/elements/ColumnSelector/types.js

@@ -1 +1 @@
-export {};
+export {};

package/dist/admin/components/elements/CopyToClipboard/index.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { Props } from './types';
-import './index.scss';
-declare const CopyToClipboard: React.FC<Props>;
-export default CopyToClipboard;
+import React from 'react';
+import { Props } from './types';
+import './index.scss';
+declare const CopyToClipboard: React.FC<Props>;
+export default CopyToClipboard;

package/dist/admin/components/elements/CopyToClipboard/index.js

@@ -1,42 +1,42 @@
-import React, { useEffect, useState, useRef } from 'react';
-import { useTranslation } from 'react-i18next';
-import Copy from '../../icons/Copy';
-import Tooltip from '../Tooltip';
-import './index.scss';
-const baseClass = 'copy-to-clipboard';
-const CopyToClipboard = ({ value, defaultMessage, successMessage, }) => {
-    const ref = useRef(null);
-    const [copied, setCopied] = useState(false);
-    const [hovered, setHovered] = useState(false);
-    const { t } = useTranslation('general');
-    useEffect(() => {
-        if (copied && !hovered) {
-            setTimeout(() => {
-                setCopied(false);
-            }, 1500);
-        }
-    }, [copied, hovered]);
-    if (value) {
-        return (React.createElement("button", { onMouseEnter: () => {
-                setHovered(true);
-                setCopied(false);
-            }, onMouseLeave: () => {
-                setHovered(false);
-                setCopied(false);
-            }, type: "button", className: baseClass, onClick: () => {
-                if (ref && ref.current) {
-                    ref.current.select();
-                    ref.current.setSelectionRange(0, value.length + 1);
-                    document.execCommand('copy');
-                    setCopied(true);
-                }
-            } },
-            React.createElement(Copy, null),
-            React.createElement(Tooltip, null,
-                copied && (successMessage !== null && successMessage !== void 0 ? successMessage : t('copied')),
-                !copied && (defaultMessage !== null && defaultMessage !== void 0 ? defaultMessage : t('copy'))),
-            React.createElement("textarea", { readOnly: true, value: value, ref: ref })));
-    }
-    return null;
-};
-export default CopyToClipboard;
+import React, { useEffect, useState, useRef } from 'react';
+import { useTranslation } from 'react-i18next';
+import Copy from '../../icons/Copy';
+import Tooltip from '../Tooltip';
+import './index.scss';
+const baseClass = 'copy-to-clipboard';
+const CopyToClipboard = ({ value, defaultMessage, successMessage, }) => {
+    const ref = useRef(null);
+    const [copied, setCopied] = useState(false);
+    const [hovered, setHovered] = useState(false);
+    const { t } = useTranslation('general');
+    useEffect(() => {
+        if (copied && !hovered) {
+            setTimeout(() => {
+                setCopied(false);
+            }, 1500);
+        }
+    }, [copied, hovered]);
+    if (value) {
+        return (React.createElement("button", { onMouseEnter: () => {
+                setHovered(true);
+                setCopied(false);
+            }, onMouseLeave: () => {
+                setHovered(false);
+                setCopied(false);
+            }, type: "button", className: baseClass, onClick: () => {
+                if (ref && ref.current) {
+                    ref.current.select();
+                    ref.current.setSelectionRange(0, value.length + 1);
+                    document.execCommand('copy');
+                    setCopied(true);
+                }
+            } },
+            React.createElement(Copy, null),
+            React.createElement(Tooltip, null,
+                copied && (successMessage !== null && successMessage !== void 0 ? successMessage : t('copied')),
+                !copied && (defaultMessage !== null && defaultMessage !== void 0 ? defaultMessage : t('copy'))),
+            React.createElement("textarea", { readOnly: true, value: value, ref: ref })));
+    }
+    return null;
+};
+export default CopyToClipboard;

package/dist/admin/components/elements/CopyToClipboard/types.d.ts

@@ -1,5 +1,5 @@
-export declare type Props = {
-    value?: string;
-    defaultMessage?: string;
-    successMessage?: string;
-};
+export declare type Props = {
+    value?: string;
+    defaultMessage?: string;
+    successMessage?: string;
+};

package/dist/admin/components/elements/CopyToClipboard/types.js

@@ -1 +1 @@
-export {};
+export {};