@wallarm-org/design-system 1.21.0 → 1.22.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wallarm-org/design-system",
-  "version": "1.21.0",
+  "version": "1.22.0",
   "description": "Core design system library with React components and Storybook documentation",
   "publishConfig": {
     "access": "public",

package/dist/components/CopyButton/CopyButton.d.ts

@@ -1,16 +0,0 @@
-import { type FC, type Ref } from 'react';
-import { type ButtonProps } from '../Button';
-export interface CopyButtonProps extends Omit<ButtonProps, 'children'> {
-    /** Text to copy to clipboard */
-    text: string;
-    /** Label shown next to the icon (omit for icon-only) */
-    label?: string;
-    /** Label shown in the copied state (defaults to "Copied") */
-    copiedLabel?: string;
-    /** Tooltip text in idle state (defaults to "Click to copy") */
-    tooltipText?: string;
-    /** Tooltip text after copy (defaults to "Copied") */
-    copiedTooltipText?: string;
-    ref?: Ref<HTMLButtonElement>;
-}
-export declare const CopyButton: FC<CopyButtonProps>;

package/dist/components/CopyButton/CopyButton.js

@@ -1,63 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useLayoutEffect, useRef, useState } from "react";
-import { useCopyTooltip } from "../../hooks/index.js";
-import { Check, Copy } from "../../icons/index.js";
-import { cn } from "../../utils/cn.js";
-import { mergeRefs } from "../../utils/mergeRefs.js";
-import { Button } from "../Button/index.js";
-import { Tooltip, TooltipContent, TooltipTrigger } from "../Tooltip/index.js";
-const CopyButton = ({ text, label, copiedLabel = 'Copied', tooltipText = 'Click to copy', copiedTooltipText = 'Copied', onClick, variant = 'ghost', color = 'neutral', size, style, className, ref, ...props })=>{
-    const { copied, tooltipOpen, onTooltipOpenChange, handleCopy } = useCopyTooltip({
-        text
-    });
-    const innerRef = useRef(null);
-    const [minWidth, setMinWidth] = useState(void 0);
-    useLayoutEffect(()=>{
-        if (label && !copied && innerRef.current) setMinWidth(innerRef.current.offsetWidth);
-    }, [
-        label,
-        copied
-    ]);
-    const handleClick = (event)=>{
-        handleCopy();
-        onClick?.(event);
-    };
-    const resolvedSize = size ?? (label ? 'medium' : 'small');
-    const icon = copied ? /*#__PURE__*/ jsx(Check, {}) : /*#__PURE__*/ jsx(Copy, {});
-    return /*#__PURE__*/ jsxs(Tooltip, {
-        open: tooltipOpen,
-        onOpenChange: onTooltipOpenChange,
-        closeOnPointerDown: false,
-        children: [
-            /*#__PURE__*/ jsx(TooltipTrigger, {
-                asChild: true,
-                children: /*#__PURE__*/ jsxs(Button, {
-                    ref: mergeRefs(innerRef, ref),
-                    variant: variant,
-                    color: color,
-                    size: resolvedSize,
-                    "aria-label": label ?? 'Copy',
-                    className: cn(label ? 'justify-start px-12' : 'px-3', className),
-                    "data-slot": "copy-button",
-                    ...props,
-                    onClick: handleClick,
-                    style: label && minWidth ? {
-                        minWidth,
-                        ...style
-                    } : style,
-                    children: [
-                        icon,
-                        label && /*#__PURE__*/ jsx("span", {
-                            children: copied ? copiedLabel : label
-                        })
-                    ]
-                })
-            }),
-            /*#__PURE__*/ jsx(TooltipContent, {
-                children: copied ? copiedTooltipText : tooltipText
-            })
-        ]
-    });
-};
-CopyButton.displayName = 'CopyButton';
-export { CopyButton };

package/dist/components/CopyButton/index.d.ts

@@ -1 +0,0 @@
-export { CopyButton, type CopyButtonProps } from './CopyButton';

package/dist/components/CopyButton/index.js

@@ -1 +0,0 @@
-export { CopyButton } from "./CopyButton.js";

package/dist/hooks/useCopyTooltip.d.ts

@@ -1,12 +0,0 @@
-interface UseCopyTooltipOptions {
-    text: string;
-    enabled?: boolean;
-}
-interface UseCopyTooltipReturn {
-    copied: boolean;
-    tooltipOpen: boolean;
-    onTooltipOpenChange: (open: boolean) => void;
-    handleCopy: () => void;
-}
-export declare function useCopyTooltip({ text, enabled, }: UseCopyTooltipOptions): UseCopyTooltipReturn;
-export {};

package/dist/hooks/useCopyTooltip.js

@@ -1,63 +0,0 @@
-import { useCallback, useEffect, useRef, useState } from "react";
-import { copyText } from "../utils/copyText.js";
-function useCopyTooltip({ text, enabled = true }) {
-    const [hovering, setHovering] = useState(false);
-    const [copied, setCopied] = useState(false);
-    const [keepOpen, setKeepOpen] = useState(false);
-    const timerRef = useRef(void 0);
-    const tooltipOpen = hovering || keepOpen;
-    const clearTimer = useCallback(()=>{
-        clearTimeout(timerRef.current);
-    }, []);
-    const onTooltipOpenChange = useCallback((open)=>{
-        setHovering(open);
-        if (open && copied) setCopied(false);
-    }, [
-        copied
-    ]);
-    const handleCopy = useCallback(()=>{
-        if (!enabled) return;
-        copyText(text);
-        setCopied(true);
-        setKeepOpen(true);
-        clearTimer();
-        timerRef.current = setTimeout(()=>{
-            setKeepOpen(false);
-            setCopied(false);
-        }, 2000);
-    }, [
-        enabled,
-        text,
-        clearTimer
-    ]);
-    useEffect(()=>{
-        if (!keepOpen) return;
-        let listenerAdded = false;
-        const dismiss = ()=>{
-            setKeepOpen(false);
-            setCopied(false);
-            clearTimer();
-        };
-        const frame = requestAnimationFrame(()=>{
-            document.addEventListener('pointerdown', dismiss);
-            listenerAdded = true;
-        });
-        return ()=>{
-            cancelAnimationFrame(frame);
-            if (listenerAdded) document.removeEventListener('pointerdown', dismiss);
-        };
-    }, [
-        keepOpen,
-        clearTimer
-    ]);
-    useEffect(()=>clearTimer, [
-        clearTimer
-    ]);
-    return {
-        copied,
-        tooltipOpen,
-        onTooltipOpenChange,
-        handleCopy
-    };
-}
-export { useCopyTooltip };