@croquiscom/pds 16.19.0 → 16.20.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @croquiscom/pds
 
+## 16.20.0
+
+### Minor Changes
+
+- c4805cc: CopyText 컴포넌트 추가
+
 ## 16.19.0
 
 ### Minor Changes

package/dist/components/copy-text/CopyText.d.ts

@@ -0,0 +1,43 @@
+import React, { ReactNode } from 'react';
+import { BaseTextProps } from '../text';
+import { TooltipProps } from '../tooltip';
+export interface CopyTextProps {
+    /**
+     * 복사할 텍스트 내용
+     */
+    text: string;
+    /**
+     * 복사할 텍스트 Props(BaseText Props)
+     * @default { kind: 'Body_12_Regular', color: semantic_colors.content.primary }
+     */
+    textProps?: BaseTextProps;
+    /**
+     * 복사할 텍스트 내용을 대체할 노드
+     * displayText가 있으면 text를 대체하여 보여지고, 실제 복사는 text 정보를 사용합니다.
+     */
+    displayText?: ReactNode;
+    /**
+     * 복사 완료 시 표시할 텍스트
+     * @default "복사했어요."
+     */
+    copiedText?: string;
+    /**
+     * 툴팁 Props(Tooltip Props)
+     * @default { content: '복사', placement: 'top', openerTriggerEvent: 'hover' }
+     */
+    tooltipProps?: Omit<TooltipProps, 'children'>;
+    /**
+     * @default false
+     */
+    disabled?: boolean;
+    className?: string;
+    /**
+     * 복사 완료 시 호출되는 콜백
+     */
+    onCopy?: (text: string) => void;
+    /**
+     * 복사 실패 시 호출되는 콜백
+     */
+    onCopyFailed?: (error: Error) => void;
+}
+export declare const CopyText: React.ForwardRefExoticComponent<CopyTextProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/copy-text/CopyText.figma.d.ts

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

package/dist/components/copy-text/CopyText.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { CopyText } from './CopyText';
+declare const meta: Meta<typeof CopyText>;
+export default meta;
+type Story = StoryObj<typeof CopyText>;
+export declare const Default: Story;
+export declare const CustomCopiedMessage: Story;
+export declare const Disabled: Story;
+export declare const CustomKindColor: Story;
+export declare const CustomTooltipPlacement: Story;
+export declare const DisplayText: Story;
+export declare const OtherAlign: Story;

package/dist/components/copy-text/CopyText.test.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { CopyText } from './CopyText';
+declare const meta: Meta<typeof CopyText>;
+export default meta;
+type Story = StoryObj<typeof CopyText>;
+export declare const BasicCopyTest: Story;
+export declare const DisabledStateTest: Story;
+export declare const DisplayTextTest: Story;

package/dist/components/copy-text/index.d.ts

@@ -0,0 +1 @@
+export { CopyText } from './CopyText';

package/dist/components/copy-text/styles.d.ts

@@ -0,0 +1 @@
+export declare const copy_text_base_css: import("@emotion/utils").SerializedStyles;

package/dist/components/index.d.ts

@@ -40,3 +40,4 @@ export * from './image';
 export * from './ul';
 export * from './segmented-control';
 export * from './tree';
+export * from './copy-text';