feat: defaultVisible prop added

primefaces · Jun 19, 2024 · 5d4fb3a · 5d4fb3a
1 parent 825a52d
commit 5d4fb3a
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 2 deletions.
diff --git a/components/lib/dialog/Dialog.js b/components/lib/dialog/Dialog.js
@@ -67,7 +67,15 @@ export const Dialog = React.forwardRef((inProps, ref) => {
     const [bindDocumentDragEndListener, unbindDocumentDragEndListener] = useEventListener({ type: 'mouseup', target: () => window.document, listener: (event) => onDragEnd(event) });
 
     const onClose = (event) => {
-        props.onHide();
+        if (props.onHide) {
+            props.onHide();
+        }
+
+        if (props.defaultVisible && isCloseOnEscape) {
+            setVisibleState(false);
+            setMaskVisibleState(false);
+        }
+
         event.preventDefault();
     };
 
@@ -406,6 +414,13 @@ export const Dialog = React.forwardRef((inProps, ref) => {
         }
     }, [maskVisibleState]);
 
+    useUpdateEffect(() => {
+        if (props.defaultVisible) {
+            setVisibleState(true);
+            setMaskVisibleState(true);
+        }
+    }, [props.defaultVisible]);
+
     useUpdateEffect(() => {
         updateGlobalDialogsRegistry(true);
     }, [shouldBlockScroll, visibleState]);

diff --git a/components/lib/dialog/DialogBase.js b/components/lib/dialog/DialogBase.js
@@ -297,6 +297,7 @@ export const DialogBase = ComponentBase.extend({
         showHeader: true,
         style: null,
         transitionOptions: null,
+        defaultVisible: false,
         visible: false,
         children: undefined
     },

diff --git a/components/lib/dialog/dialog.d.ts b/components/lib/dialog/dialog.d.ts
@@ -353,6 +353,11 @@ export interface DialogProps {
      * The properties of CSSTransition can be customized, except for "nodeRef" and "in" properties.
      */
     transitionOptions?: CSSTransitionProps | undefined;
+    /**
+     * Specifies the default visibility of the dialog.
+     * @defaultValue false
+     */
+    defaultVisible?: boolean | undefined;
     /**
      * Specifies the visibility of the dialog.
      * @defaultValue false
@@ -396,7 +401,7 @@ export interface DialogProps {
     /**
      * Callback to invoke when dialog is hidden (Required).
      */
-    onHide(): void;
+    onHide?(): void;
     /**
      * Callback to invoke when the mask is clicked.
      * @param {React.MouseEvent<HTMLElement>} event - Browser event.