@croquiscom/pds 0.45.2 → 0.45.4

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @croquiscom/pds
 
+## 0.45.4
+
+### Patch Changes
+
+- 0f9b8dc: Controlled Modal(Basic/Notice) dismiss 제어 핸들러 의존성 버그 수정
+
+## 0.45.3
+
+### Patch Changes
+
+- f338cc7: AlertModal onClose 이벤트 resolve 누락 처리 추가
+- 5810b54: feat: FileUpload 컴포넌트 onClickUpload prop 추가, multiple 업로드시 리턴 타입 배열로 변경 #224
+
 ## 0.45.2
 
 ### Patch Changes

package/dist/components/file-upload/FileUpload.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 export type UploadFileStatus = 'error' | 'success' | 'done' | 'uploading';
 export type FileType = File & {
     [key: string]: any;
@@ -36,7 +36,11 @@ export interface FileUploadProps {
      * FileList를 노출하려면 지정된 UploadFile 타입으로 전달해야합니다.
      */
     fileList?: UploadFile[];
-    onChange?: (file: File | FileList) => void;
+    onChange?: (file: File | File[]) => void;
+    /**
+     * 파일 업로드 버튼 클릭시 실행되는 이벤트
+     */
+    onClick?: React.MouseEventHandler<HTMLInputElement>;
     /**
      * FileList 클릭시 인덱스 정보와 함께 전달합니다.
      */
@@ -50,4 +54,4 @@ export interface FileUploadProps {
      */
     onClickFileRemove?: (file: UploadFile, index: number) => void;
 }
-export declare const FileUpload: ({ className, accept, label, disabled, multiple, maxCount, showRemoveButton, fileList, onChange, onClickFile, onLimitMaxCount, onClickFileRemove, }: FileUploadProps) => JSX.Element;
+export declare const FileUpload: ({ className, accept, label, disabled, multiple, maxCount, showRemoveButton, fileList, onChange, onClick, onClickFile, onLimitMaxCount, onClickFileRemove, }: FileUploadProps) => JSX.Element;

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

@@ -1,12 +1,13 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
 import { FileUpload } from './FileUpload';
-declare const _default: ComponentMeta<({ className, accept, label, disabled, multiple, maxCount, showRemoveButton, fileList, onChange, onClickFile, onLimitMaxCount, onClickFileRemove, }: import("./FileUpload").FileUploadProps) => JSX.Element>;
+declare const _default: ComponentMeta<({ className, accept, label, disabled, multiple, maxCount, showRemoveButton, fileList, onChange, onClick, onClickFile, onLimitMaxCount, onClickFileRemove, }: import("./FileUpload").FileUploadProps) => JSX.Element>;
 export default _default;
 export declare const Base: any;
 export declare const MaxCount: any;
 export declare const DisabledHideRemoveButton: any;
 export declare const OnlyJpgFileExtension: any;
+export declare const ClickUploadButton: any;
 export declare const FileStatus: ComponentStory<typeof FileUpload>;
 export declare const Disabled: ComponentStory<typeof FileUpload>;
 export declare const MultipleFileUpload: ComponentStory<typeof FileUpload>;

package/dist/components/file-upload/FileUploadButton.d.ts

@@ -4,6 +4,6 @@ export interface FileUploadButtonProps extends Omit<InputHTMLAttributes<HTMLInpu
     label: ReactNode;
     /** @default false */
     multiple?: boolean;
-    onFileUpload?: (file: File | FileList) => void;
+    onFileUpload?: (file: File | File[]) => void;
 }
 export declare const FileUploadButton: ({ accept, label, disabled, className, multiple, onFileUpload, ...props }: FileUploadButtonProps) => JSX.Element;

package/dist/components/modal/AlertModal.d.ts

@@ -7,5 +7,5 @@ export interface AlertModalProps extends Omit<ConfirmModalProps, 'cancelText' |
      */
     kind?: NotificationKind;
 }
-export declare const AlertModal: ({ width, kind, dense, fill, title, confirmText, text, subtext, zIndex, onConfirm, onExited, ...props }: AlertModalProps) => JSX.Element;
-export declare const Alert: (properties: AlertModalProps) => Promise<void>;
+export declare const AlertModal: ({ width, kind, dense, fill, title, confirmText, text, subtext, zIndex, onConfirm, onClose, onExited, ...props }: AlertModalProps) => JSX.Element;
+export declare const Alert: (properties: AlertModalProps) => Promise<boolean>;

package/dist/components/modal/AlertModal.stories.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
 import { AlertModal, AlertModalProps } from './AlertModal';
-declare const _default: ComponentMeta<({ width, kind, dense, fill, title, confirmText, text, subtext, zIndex, onConfirm, onExited, ...props }: AlertModalProps) => JSX.Element>;
+declare const _default: ComponentMeta<({ width, kind, dense, fill, title, confirmText, text, subtext, zIndex, onConfirm, onClose, onExited, ...props }: AlertModalProps) => JSX.Element>;
 export default _default;
 export declare const Base: ComponentStory<typeof AlertModal>;
 export declare const Dense: ComponentStory<typeof AlertModal>;

package/dist/components/modal/ConfirmModal.d.ts

@@ -11,10 +11,16 @@ export interface ConfirmModalProps extends Omit<ModalOverlayBaseProps, 'onClose'
     confirmText?: string;
     cancelText?: string;
     /**
-     * onConfirm/onCancel이 호출된 직후 onClose가 호출됩니다.
+     * confirmButton 클릭 이벤트
      */
     onConfirm?: () => void | Promise<void>;
+    /**
+     * cancelButton 클릭 이벤트
+     */
     onCancel?: () => void | Promise<void>;
+    /**
+     * onConfirm/onCancel이 호출된 직후 onClose가 호출됩니다.
+     */
     onClose?: () => void | Promise<void>;
 }
 export declare const ConfirmModal: ({ title, width, zIndex, dense, fill, text, subtext, confirmText, cancelText, onConfirm, onCancel, onClose, onExited, ...props }: ConfirmModalProps) => JSX.Element;