@croquiscom/pds 0.42.1 → 0.42.3

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @croquiscom/pds
 
+## 0.42.3
+
+### Patch Changes
+
+- a63439f: Popover Placement 지정시 autoPlace 대체하도록 수정, Modal onKeyDown 이벤트 버블링 제거
+- d639c36: feat: NormalBanner message prop을 optional로 수정
+- 45104ba: RadioGroup Box 타입 스타일 변경, Divider length 속성 추가
+
+## 0.42.2
+
+### Patch Changes
+
+- 911ddfc: FileUploadButton multiple 지원 추가, Dropdown autoPlacement, maxHeight 옵셔널 지원 추가
+
 ## 0.42.1
 
 ### Patch Changes

package/dist/components/banner/NormalBanner.d.ts

@@ -7,6 +7,6 @@ export interface NormalBannerProps {
      */
     kind?: NormalBannerKind;
     title: string;
-    message: ReactNode;
+    message?: ReactNode;
 }
 export declare const NormalBanner: ({ className, kind, title, message }: NormalBannerProps) => JSX.Element;

package/dist/components/divider/Divider.d.ts

@@ -8,6 +8,11 @@ export interface DividerProps {
     spacing?: CSSValueWithLength;
     /** @default 'small' */
     size?: DividerSize;
+    /**
+     * @default '100%'
+     * @desc 지정되지 않을 경우 horizontal 일경우 width 값이, vertical 일경우 height값이 100%로 고정됩니다.
+     */
+    length?: CSSValueWithLength;
 }
 export declare const Divider: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;

package/dist/components/dropdown/Dropdown.d.ts

@@ -8,13 +8,22 @@ export interface DropdownOption<OptionValue> {
 export interface DropdownProps<OptionValue> {
     className?: string;
     width?: CSSValueWithLength;
+    /**
+     * @desc Dropdown maxHeight값
+     * @default 400
+     */
+    maxHeight?: number;
     /** @default 1030 */
     zIndex?: number;
     disabled?: boolean;
     options: Array<DropdownOption<OptionValue>>;
     placeholder?: string;
     value?: OptionValue;
+    /**
+     * @desc floating 요소가 reference 영역을 넘어갈 경우 자동 위치 처리 사용 유무
+     */
+    autoPlacement?: boolean;
     keyExtractor?: (item: DropdownOption<OptionValue>, index: number) => string | number;
     onChange?: (value: OptionValue) => void;
 }
-export declare const Dropdown: <OptionValue extends string | number>({ className, width, zIndex, disabled, options, placeholder, value, keyExtractor, onChange, }: DropdownProps<OptionValue>) => JSX.Element;
+export declare const Dropdown: <OptionValue extends string | number>({ className, width, maxHeight, zIndex, disabled, options, placeholder, value, autoPlacement: autoPlacementProps, keyExtractor, onChange, }: DropdownProps<OptionValue>) => JSX.Element;

package/dist/components/dropdown/Dropdown.stories.d.ts

@@ -1,10 +1,11 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
 import { Dropdown } from './Dropdown';
-declare const _default: ComponentMeta<(<OptionValue extends string | number>({ className, width, zIndex, disabled, options, placeholder, value, keyExtractor, onChange, }: import("./Dropdown").DropdownProps<OptionValue>) => JSX.Element)>;
+declare const _default: ComponentMeta<(<OptionValue extends string | number>({ className, width, maxHeight, zIndex, disabled, options, placeholder, value, autoPlacement: autoPlacementProps, keyExtractor, onChange, }: import("./Dropdown").DropdownProps<OptionValue>) => JSX.Element)>;
 export default _default;
 export declare const Base: any;
 export declare const Disabled: any;
 export declare const DisabledOptionItem: any;
+export declare const CustomMaxHeight: any;
 export declare const WithIcon: ComponentStory<typeof Dropdown>;
 export declare const Controlled: ComponentStory<typeof Dropdown>;

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

@@ -16,6 +16,7 @@ export interface FileUploadProps {
     label?: ReactNode;
     accept?: HTMLInputElement['accept'];
     disabled?: boolean;
+    multiple?: boolean;
     maxCount?: number;
     /**
      * @default true
@@ -25,9 +26,9 @@ export interface FileUploadProps {
      * @desc FileUploadButton과 함께 업로드된 FileList를 노출하려면 지정된 UploadFile 타입으로 전달해야합니다.
      */
     fileList?: UploadFile[];
-    onChange?: (file: File) => void;
-    onClickFile?: (file: UploadFile) => void;
+    onChange?: (file: File | FileList) => void;
+    onClickFile?: (file: UploadFile, index: number) => void;
     onLimitMaxCount?: () => void;
-    onClickFileRemove?: (file: UploadFile) => void;
+    onClickFileRemove?: (file: UploadFile, index: number) => void;
 }
-export declare const FileUpload: ({ className, accept, label, disabled, maxCount, showRemoveButton, fileList, onChange, onClickFile, onLimitMaxCount, onClickFileRemove, }: FileUploadProps) => JSX.Element;
+export declare const FileUpload: ({ className, accept, label, disabled, multiple, maxCount, showRemoveButton, fileList, onChange, onClickFile, onLimitMaxCount, onClickFileRemove, }: FileUploadProps) => JSX.Element;

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

@@ -1,10 +1,12 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
 import { FileUpload } from './FileUpload';
-declare const _default: ComponentMeta<({ className, accept, label, disabled, 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, 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 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

@@ -2,6 +2,8 @@ import { ReactNode, InputHTMLAttributes } from 'react';
 export interface FileUploadButtonProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'multiple'> {
     /** @default '파일 업로드' */
     label: ReactNode;
-    onFileUpload?: (file: File) => void;
+    /** @default false */
+    multiple?: boolean;
+    onFileUpload?: (file: File | FileList) => void;
 }
-export declare const FileUploadButton: ({ accept, label, disabled, className, onFileUpload, ...props }: FileUploadButtonProps) => JSX.Element;
+export declare const FileUploadButton: ({ accept, label, disabled, className, multiple, onFileUpload, ...props }: FileUploadButtonProps) => JSX.Element;

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

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<({ accept, label, disabled, className, onFileUpload, ...props }: import("./FileUploadButton").FileUploadButtonProps) => JSX.Element>;
+declare const _default: ComponentMeta<({ accept, label, disabled, className, multiple, onFileUpload, ...props }: import("./FileUploadButton").FileUploadButtonProps) => JSX.Element>;
 export default _default;
 export declare const Base: any;
 export declare const Disabled: any;
+export declare const Multiple: any;

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

@@ -12,6 +12,7 @@ export declare const ControlledCancelEvent: ComponentStory<typeof Modal>;
 export declare const CustomFooter: ComponentStory<typeof Modal>;
 export declare const CustomContent: ComponentStory<typeof Modal>;
 export declare const NestingModal: ComponentStory<typeof Modal>;
+export declare const NestingChildModal: ComponentStory<typeof Modal>;
 export declare const NestingConfirm: ComponentStory<typeof Modal>;
 export declare const FullScreen: ComponentStory<typeof Modal>;
 export declare const MaxHeight: ComponentStory<typeof Modal>;

package/dist/components/popover/Popover.stories.d.ts

@@ -1,7 +1,10 @@
 import React from 'react';
-import { ComponentMeta } from '@storybook/react';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+import { Popover } from './Popover';
 declare const _default: ComponentMeta<React.FC<import("./Popover").PopoverProps>>;
 export default _default;
 export declare const Base: any;
 export declare const HoverIcon: () => JSX.Element;
+export declare const Placement: ComponentStory<typeof Popover>;
 export declare const ContentWithCloseAction: () => JSX.Element;
+export declare const HidingFullyClippedReferenceElements: () => JSX.Element;

package/dist/components/radio/BoxRadioGroup.stories.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<(<RadioValue>(props: import("./RadioGroup").RadioGroupProps<RadioValue> & {
+    ref?: React.Ref<import("./RadioGroup").RadioGroupInstance<RadioValue>>;
+}) => React.ReactElement<any, string | React.JSXElementConstructor<any>>)>;
+export default _default;
+export declare const Base: any;
+export declare const Disabled: any;
+export declare const DisabledItem: any;
+export declare const SelectedDisabled: any;
+export declare const Controlled: () => JSX.Element;

package/dist/components/radio/RadioGroup.d.ts

@@ -13,11 +13,15 @@ export interface RadioGroupProps<RadioValue> extends Omit<React.HTMLAttributes<H
     name?: string;
     items: RadioItem<RadioValue>[];
     /**
-     *  @default 24
-     *  radioItmType - 'box': spacing 속성 미적용
+     * radioItmType - box 일경우 spacing 속성은 미적용됩니다.
+     * @default 24
      */
     spacing?: number;
     disabled?: boolean;
+    /**
+     * radioItmType - box 일경우 align 속성은 'horizontal' 고정입니다.
+     * @default horizontal
+     */
     align?: AlignType;
     radioItemType?: RadioItemType;
     keyExtractor?: (item: RadioItem<RadioValue>, index: number) => string | number;

package/dist/components/radio/RadioGroup.stories.d.ts

@@ -9,4 +9,3 @@ export declare const Spacing: any;
 export declare const Disabled: any;
 export declare const VerticalAlign: any;
 export declare const Controlled: () => JSX.Element;
-export declare const BoxRadio: () => JSX.Element;