@croquiscom/pds 8.2.0-next.1 → 8.2.1

package/CHANGELOG.md

@@ -1,21 +1,16 @@
 # @croquiscom/pds
 
-## 8.2.0-next.1
+## 8.2.1
 
 ### Patch Changes
 
-- 9abb8fc: 빌드 누락으로 테스트 재배포
+- b5b97e9: Table 컴포넌트의 children 프로퍼티 옵셔널로 수정하고 forwardRef 처리
 
-## 8.2.0-next.0
+## 8.2.0
 
 ### Minor Changes
 
-- 998d6f7: @floating-ui/react ^0.18.0 -> ^0.26.6 업데이트
-
-  - DropdownInput, Popover, Tooltip에서 FloatingPortal 조건부로 렌더링되도록 변경
-  - DateRangePicker에서 TimePicker 클릭시 focusout 이벤트로 닫히는 이슈 수정
-    - TimePicker 키보드 네비게이션 추가
-  - useManualDismiss 동작하지 않는 이슈 수정
+- 22342b1: DropdownInput에 allowCustomValue 속성 추가
 
 ## 8.1.0
 

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

@@ -18,6 +18,10 @@ export interface DropdownInputOption<OptionValue> {
     disabled?: boolean;
 }
 export interface DropdownInputProps<OptionValue> extends Omit<DropdownProps<OptionValue>, 'options' | 'keyExtractor' | 'onChange'> {
+    /**
+     * options에 없는 값을 허용할 지 여부입니다.
+     */
+    allowCustomValue?: boolean;
     /**
      * 입력된 검색결과를 전달합니다.
      */
@@ -27,4 +31,4 @@ export interface DropdownInputProps<OptionValue> extends Omit<DropdownProps<Opti
     keyExtractor?: (item: DropdownInputOption<OptionValue>, index: number) => string | number;
     optionFilter?: (inputValue: string, item: DropdownInputOption<OptionValue>, index: number) => boolean;
 }
-export declare const DropdownInput: <OptionValue extends string | number>({ className, width, zIndex, disabled, options, placeholder, status, value, size: sizeProp, unstableFocusVisible, keyExtractor, optionFilter, autoPlacement: autoPlacementProps, onSearch, onChange, }: DropdownInputProps<OptionValue> & AriaFocusProps) => JSX.Element;
+export declare const DropdownInput: <OptionValue extends string | number>({ className, width, zIndex, disabled, options, placeholder, status, value, size: sizeProp, unstableFocusVisible, allowCustomValue, keyExtractor, optionFilter, autoPlacement: autoPlacementProps, onSearch, onChange, }: DropdownInputProps<OptionValue> & AriaFocusProps) => JSX.Element;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
 import { DropdownInput } from './DropdownInput';
-declare const _default: ComponentMeta<(<OptionValue extends string | number>({ className, width, zIndex, disabled, options, placeholder, status, value, size: sizeProp, unstableFocusVisible, keyExtractor, optionFilter, autoPlacement: autoPlacementProps, onSearch, onChange, }: import("./DropdownInput").DropdownInputProps<OptionValue> & import("../../types/common").AriaFocusProps) => JSX.Element)>;
+declare const _default: ComponentMeta<(<OptionValue extends string | number>({ className, width, zIndex, disabled, options, placeholder, status, value, size: sizeProp, unstableFocusVisible, allowCustomValue, keyExtractor, optionFilter, autoPlacement: autoPlacementProps, onSearch, onChange, }: import("./DropdownInput").DropdownInputProps<OptionValue> & import("../../types/common").AriaFocusProps) => JSX.Element)>;
 export default _default;
 export declare const Base: any;
 export declare const Error: any;
@@ -11,3 +11,5 @@ export declare const WithOptionFilter: ComponentStory<typeof DropdownInput>;
 export declare const Size: ComponentStory<typeof DropdownInput>;
 export declare const Disabled: any;
 export declare const Controlled: ComponentStory<typeof DropdownInput>;
+export declare const TestComposition: ComponentStory<typeof DropdownInput>;
+export declare const AllowCustomValue: ComponentStory<typeof DropdownInput>;

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

@@ -20,4 +20,3 @@ export declare const AutoMaxHeight: ComponentStory<typeof Modal>;
 export declare const CustomMaxHeight: ComponentStory<typeof Modal>;
 export declare const Scrollable: ComponentStory<typeof Modal>;
 export declare const AutoFocusButton: any;
-export declare const NestingFloatingElements: ComponentStory<typeof Modal>;

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

@@ -1,11 +1,19 @@
-import { FloatingTreeType, FloatingContext, OpenChangeReason } from '@floating-ui/react';
+import { FloatingTreeType, FloatingContext } from '@floating-ui/react';
+export interface DismissPayload {
+    type: 'outsidePress' | 'referencePress' | 'escapeKey' | 'mouseLeave';
+    data: {
+        returnFocus: boolean | {
+            preventScroll: boolean;
+        };
+    };
+}
 export interface UseManualDismissProps {
     controlled?: boolean;
     rootId: string;
     tree: FloatingTreeType;
     context: FloatingContext;
-    reasons?: Array<Partial<OpenChangeReason>>;
-    callbackTypeWithFn?: (type: OpenChangeReason) => void;
+    dismissEventType?: Array<Partial<DismissPayload['type']>>;
+    callbackTypeWithFn?: (type: DismissPayload['type']) => void;
 }
 /**
  * @desc Modal dismiss event share
@@ -15,4 +23,4 @@ export interface UseManualDismissProps {
  *    - 노드 구조가 자식 요소로써 중첩 호출된 케이스인 경우 자동으로 순차 호출된 dismiss 이벤트를 전달합니다.(https://github.com/floating-ui/floating-ui/pull/2114)
  *    - 노드 구조가 형제 요소로써 중첩 호출된 케이스인 경우 현재 활성된 요소부터 dismiss 이벤트를 전달합니다.
  */
-export declare function useManualDismiss({ controlled, rootId, tree, context, reasons, callbackTypeWithFn, }: UseManualDismissProps): void;
+export declare function useManualDismiss({ controlled, rootId, tree, context, dismissEventType, callbackTypeWithFn, }: UseManualDismissProps): void;

package/dist/components/table/Table.d.ts

@@ -1,7 +1,6 @@
 import React, { TableHTMLAttributes } from 'react';
 import { Scroll } from '../table/types';
 export interface TableProps extends TableHTMLAttributes<HTMLTableElement> {
-    children: React.ReactNode;
     /**
      * 테이블 스크롤 영역 너비/높이를 지정할 수 있습니다.
      *  - { x: number | string, y: number | string }
@@ -17,6 +16,5 @@ export interface TableProps extends TableHTMLAttributes<HTMLTableElement> {
      * @default false
      */
     resize?: boolean;
-    className?: string;
 }
 export declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLTableElement>>;

package/dist/components/table/TableCell.d.ts

@@ -1,7 +1,6 @@
-import { ReactNode, TdHTMLAttributes } from 'react';
+import React, { TdHTMLAttributes } from 'react';
 import { ColumnAlign } from '../table/types';
 interface TableCellProps extends TdHTMLAttributes<HTMLTableCellElement> {
-    children: ReactNode;
     id?: string;
     fixed?: boolean;
     fixedColWidth?: number;
@@ -11,5 +10,5 @@ interface TableCellProps extends TdHTMLAttributes<HTMLTableCellElement> {
     resize?: boolean;
     colSpan?: number;
 }
-export declare const TableCell: ({ children, className, colSpan, id, ...props }: TableCellProps) => JSX.Element;
+export declare const TableCell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
 export {};

package/dist/components/table/TableCol.d.ts

@@ -1,8 +1,7 @@
-import React, { ReactNode, ThHTMLAttributes } from 'react';
+import React, { ThHTMLAttributes } from 'react';
 import { TableSortIndicatorProps } from '../table/TableSortIndicator';
 import { ColumnAlign } from '../table/types';
 interface TableColProps extends ThHTMLAttributes<HTMLTableCellElement> {
-    children: ReactNode;
     id?: string;
     width?: number;
     fixed?: boolean;

package/dist/components/table/TableRow.d.ts

@@ -1,6 +1,5 @@
-import { ReactNode, TableHTMLAttributes } from 'react';
+import React, { TableHTMLAttributes } from 'react';
 interface TableRowProps extends TableHTMLAttributes<HTMLTableRowElement> {
-    children: ReactNode;
     selected?: boolean;
     isEmpty?: boolean;
     cellHoverStyle?: boolean;
@@ -8,5 +7,5 @@ interface TableRowProps extends TableHTMLAttributes<HTMLTableRowElement> {
     selectable?: boolean;
     disabled?: boolean;
 }
-export declare const TableRow: ({ children, className, ...props }: TableRowProps) => JSX.Element;
+export declare const TableRow: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
 export {};

package/dist/components/time-picker/TimePicker.d.ts

@@ -39,7 +39,5 @@ export interface TimePickerProps {
      * @default false
      */
     showRemoveButton?: boolean;
-    /** @default true */
-    usePortal?: boolean;
 }
-export declare const TimePicker: ({ disabled, size, value, error, width, fill, zIndex, className, onOpen, onClose, onChange, incrementMinute, showRemoveButton, usePortal, }: TimePickerProps) => JSX.Element;
+export declare const TimePicker: ({ disabled, size, value, error, width, fill, zIndex, className, onOpen, onClose, onChange, incrementMinute, showRemoveButton, }: TimePickerProps) => JSX.Element;

package/dist/components/time-picker/TimePicker.stories.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
 import { TimePicker } from './TimePicker';
-declare const _default: ComponentMeta<({ disabled, size, value, error, width, fill, zIndex, className, onOpen, onClose, onChange, incrementMinute, showRemoveButton, usePortal, }: import("./TimePicker").TimePickerProps) => JSX.Element>;
+declare const _default: ComponentMeta<({ disabled, size, value, error, width, fill, zIndex, className, onOpen, onClose, onChange, incrementMinute, showRemoveButton, }: import("./TimePicker").TimePickerProps) => JSX.Element>;
 export default _default;
 export declare const Base: any;
 export declare const Disabled: any;

package/dist/components/time-picker/TimePickerOverlay.d.ts

@@ -16,12 +16,10 @@ export interface TimePickerOverlayProps {
     opened?: boolean;
     disabled?: boolean;
     fill?: boolean;
-    /** @default true */
-    usePortal?: boolean;
     onClose?: () => void;
     onOpen?: () => void;
     onCloseOutsidePress?: () => void;
     setOpened: Dispatch<SetStateAction<boolean>>;
 }
-export declare const TimePickerOverlay: ({ children, className, content, zIndex, opened: openProp, disabled, fill, usePortal, onClose, onOpen, onCloseOutsidePress, setOpened, }: TimePickerOverlayProps) => JSX.Element;
+export declare const TimePickerOverlay: ({ children, className, content, zIndex, opened: openProp, disabled, fill, onClose, onOpen, onCloseOutsidePress, setOpened, }: TimePickerOverlayProps) => JSX.Element;
 export {};