@croquiscom/pds 11.7.1 → 11.8.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @croquiscom/pds
 
+## 11.8.0
+
+### Minor Changes
+
+- 1e79948: ImagePreview 컴포넌트 추가
+
 ## 11.7.1
 
 ### Patch Changes

package/dist/components/file-upload/ImageUploadPreview.stories.d.ts

@@ -6,5 +6,5 @@ type Story = StoryObj<typeof ImageUploadPreview>;
 export declare const Base: Story;
 export declare const ReadOnly: Story;
 export declare const Disabled: Story;
-export declare const Loading: Story;
 export declare const Error: Story;
+export declare const OnloadError: Story;

package/dist/components/image/ImagePreview.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+export interface ImagePreviewProps {
+    src?: string;
+    width?: number;
+    height?: number;
+    alt?: string;
+    label?: string;
+    objectFit: 'contain' | 'cover' | 'fill';
+    /** @default medium */
+    size?: 'medium' | 'small';
+    error?: boolean;
+    onClick?: (image_url: string) => void;
+}
+export declare const getImagePreviewSize: ({ size, width, height }: Pick<ImagePreviewProps, 'size' | 'width' | 'height'>) => string;
+export declare const ImagePreview: React.ForwardRefExoticComponent<ImagePreviewProps & React.RefAttributes<HTMLImageElement>>;
+export declare const ImagePreviewContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements>;
+} & {
+    size: 'medium' | 'small';
+    width?: number;
+    height: number;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/image/ImagePreview.figma.d.ts

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

package/dist/components/image/ImagePreview.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { ImagePreview } from './ImagePreview';
+declare const meta: Meta<typeof ImagePreview>;
+export default meta;
+type Story = StoryObj<typeof ImagePreview>;
+export declare const Base: Story;
+export declare const Size: Story;
+export declare const WithLabel: Story;
+export declare const OnloadError: Story;

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

@@ -0,0 +1 @@
+export * from './ImagePreview';

package/dist/components/index.d.ts

@@ -36,3 +36,4 @@ export * from './chip';
 export * from './category-selector';
 export * from './color-picker';
 export * from './breadcrumb';
+export * from './image';