@croquiscom/pds 8.3.0 → 8.4.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @croquiscom/pds
 
+## 8.4.0
+
+### Minor Changes
+
+- 781b00c: @floating-ui/react ^0.18.0 -> ^0.26.9 업데이트
+
+  - DropdownInput, Popover, Tooltip에서 FloatingPortal 조건부로 렌더링되도록 변경
+  - DateRangePicker에서 TimePicker 클릭시 focusout 이벤트로 닫히는 이슈 수정
+    - TimePicker 키보드 네비게이션 추가
+  - FloatingFocusManager 변경사항에 따른 useManualDismiss 동작 수정
+  - 서브루트 적용에 따라 이전 ConfirmModal 이슈가 해소되어 수정
+
 ## 8.3.0
 
 ### Minor Changes

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

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

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

@@ -39,5 +39,7 @@ 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, }: TimePickerProps) => JSX.Element;
+export declare const TimePicker: ({ disabled, size, value, error, width, fill, zIndex, className, onOpen, onClose, onChange, incrementMinute, showRemoveButton, usePortal, }: 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, }: import("./TimePicker").TimePickerProps) => JSX.Element>;
+declare const _default: ComponentMeta<({ disabled, size, value, error, width, fill, zIndex, className, onOpen, onClose, onChange, incrementMinute, showRemoveButton, usePortal, }: 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,10 +16,12 @@ 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, onClose, onOpen, onCloseOutsidePress, setOpened, }: TimePickerOverlayProps) => JSX.Element;
+export declare const TimePickerOverlay: ({ children, className, content, zIndex, opened: openProp, disabled, fill, usePortal, onClose, onOpen, onCloseOutsidePress, setOpened, }: TimePickerOverlayProps) => JSX.Element;
 export {};