@croquiscom/pds 0.40.0 → 0.40.2

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @croquiscom/pds
 
+## 0.40.2
+
+### Patch Changes
+
+- 1ad9f1a: Modal 중첩 노드 삭제 버그 수정
+
+## 0.40.1
+
+### Patch Changes
+
+- 21319cc: Modal Open 상태 외부 제어만 가능하도록 변경
+- 7b81130: Modal Header Title text-overflow 제거
+
 ## 0.40.0
 
 ### Minor Changes

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

@@ -45,9 +45,6 @@ export interface ModalContentProps extends Pick<ModalProps, 'fixedHeader' | 'fix
 }
 export declare const MIN_WIDTH = 480;
 export declare const Modal: ({ opened: openProp, children, title, width, confirmText, cancelText, closeButton, backButton, dense, fill, fullScreen, fixedHeader, fixedFooter, footer, confirmButtonProps, cancelButtonProps, contentProps, onConfirm, onCancel, onClose, onExited, onClickBackButton, onClickOverlay, ...props }: PropsWithChildren<ModalProps>) => JSX.Element;
-export declare const ModalTitle: import("@emotion/styled").StyledComponent<(import("../text").BaseTextProps & (React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement> | React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>)) & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
 export declare const ModalContent: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType<any>;

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

@@ -2,6 +2,11 @@ import { PropsWithChildren, Dispatch, SetStateAction } from 'react';
 import { CSSValueWithLength } from '../../styles';
 import { CornerRadiusSize } from '../../foundation';
 export interface ModalOverlayBaseProps {
+    /**
+     * @default 'pds-floating-root'
+     * @desc FloatingPortal node id, render 함수로 Floating 노드를 생성하는 경우가 아닌 경우에는 디폴트 아이디값으로 처리합니다.
+     */
+    floatingPortalId?: string;
     /**
      * @desc 안전여백을 포함한 100% 너비 사용, Alert 또는 Confirm Modal의 경우 최소너비(480) 범위내에서 적용됩니다.
      * @default false
@@ -35,4 +40,4 @@ export interface ModalOverlayProps extends ModalOverlayBaseProps {
     setOpened: Dispatch<SetStateAction<boolean>>;
     onCloseOutsidePress?: () => void;
 }
-export declare const ModalOverlay: ({ width, maxWidth, borderRadiusSize, fill, fullScreen, className, children, opened: openProp, zIndex, canClickOutside, onExited, onClose, onCloseOutsidePress, setOpened, }: PropsWithChildren<ModalOverlayProps>) => JSX.Element;
+export declare const ModalOverlay: ({ floatingPortalId, width, maxWidth, borderRadiusSize, fill, fullScreen, className, children, opened: openProp, zIndex, canClickOutside, onExited, onClose, onCloseOutsidePress, setOpened, }: PropsWithChildren<ModalOverlayProps>) => JSX.Element;

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

@@ -1,3 +1,3 @@
 import { Root } from 'react-dom/client';
-export declare function getFloatingModalPortal(): HTMLElement;
+export declare function getFloatingModalPortal(id: string): HTMLElement;
 export declare function removeFloatingModalPortal(target: HTMLElement, root: Root, unmountDelay?: number): void;

package/dist/constants/floating.d.ts

@@ -1 +1,3 @@
 export declare const FLOATING_ROOT_ID = "pds-floating-root";
+export declare const FLOATING_ALERT_ROOT_ID = "pds-alert-root";
+export declare const FLOATING_CONFIRM_ROOT_ID = "pds-confirm-root";