@croquiscom/pds 8.2.0-next.1 → 8.2.0

package/CHANGELOG.md

@@ -1,21 +1,10 @@
 # @croquiscom/pds
 
-## 8.2.0-next.1
-
-### Patch Changes
-
-- 9abb8fc: 빌드 누락으로 테스트 재배포
-
-## 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/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 {};