@cube-dev/ui-kit 0.203.0 → 0.205.0

package/dist/components/overlays/Dialog/DialogContainer.js

@@ -1,10 +1,11 @@
-/** @license MIT | @cube-dev/ui-kit v0.203.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.205.0 | Cube Dev Team */
 import { Modal as _Modal } from "../Modal/Modal.js";
 import { Tray as _Tray } from "../Modal/Tray.js";
 import { DialogContext } from "./context.js";
+import { DiscardChangesDialog, useDismissConfirmation } from "./use-dismiss-confirmation.js";
 import { c } from "react/compiler-runtime";
 import { Children, isValidElement, useState } from "react";
-import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/overlays/Dialog/DialogContainer.tsx
 /**
 * A DialogContainer accepts a single Dialog as a child, and manages to show and hide
@@ -13,8 +14,8 @@ import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
 * or when the trigger unmounts while the dialog is open.
 */
 function DialogContainer(props) {
-	const $ = c(25);
-	const { children, type: t0, onDismiss, isDismissable: t1, isKeyboardDismissDisabled, isOpen, hideOnClose, styles } = props;
+	const $ = c(36);
+	const { children, type: t0, onDismiss, isDismissable: t1, isKeyboardDismissDisabled, isOpen, hideOnClose, styles, confirmDismiss } = props;
 	const type = t0 === void 0 ? "modal" : t0;
 	const isDismissable = t1 === void 0 ? true : t1;
 	let t2;
@@ -42,33 +43,45 @@ function DialogContainer(props) {
 		children,
 		child
 	});
+	const { requestDismiss, registerUnsavedChanges, confirmationProps } = useDismissConfirmation(confirmDismiss, isActuallyOpened);
 	let t4;
-	if ($[5] !== isActuallyOpened || $[6] !== isDismissable || $[7] !== onDismiss || $[8] !== type) {
+	if ($[5] !== isActuallyOpened || $[6] !== isDismissable || $[7] !== onDismiss || $[8] !== registerUnsavedChanges || $[9] !== requestDismiss || $[10] !== type) {
 		t4 = {
 			type,
 			onClose: onDismiss,
 			isDismissable,
-			isOpen: isActuallyOpened
+			isOpen: isActuallyOpened,
+			requestDismiss,
+			registerUnsavedChanges
 		};
 		$[5] = isActuallyOpened;
 		$[6] = isDismissable;
 		$[7] = onDismiss;
-		$[8] = type;
-		$[9] = t4;
-	} else t4 = $[9];
+		$[8] = registerUnsavedChanges;
+		$[9] = requestDismiss;
+		$[10] = type;
+		$[11] = t4;
+	} else t4 = $[11];
 	const context = t4;
 	const OverlayComponent = type === "tray" ? _Tray : _Modal;
 	const t5 = type === "tray" ? void 0 : type;
-	const t6 = isDismissable ? onDismiss : void 0;
+	let t6;
+	if ($[12] !== isDismissable || $[13] !== onDismiss || $[14] !== requestDismiss) {
+		t6 = isDismissable && onDismiss ? () => requestDismiss(() => onDismiss()) : void 0;
+		$[12] = isDismissable;
+		$[13] = onDismiss;
+		$[14] = requestDismiss;
+		$[15] = t6;
+	} else t6 = $[15];
 	const t7 = child ?? (hideOnClose && !isActuallyOpened ? lastDialog.child : null);
 	let t8;
-	if ($[10] !== t7) {
+	if ($[16] !== t7) {
 		t8 = /* @__PURE__ */ jsx(Fragment$1, { children: t7 });
-		$[10] = t7;
-		$[11] = t8;
-	} else t8 = $[11];
+		$[16] = t7;
+		$[17] = t8;
+	} else t8 = $[17];
 	let t9;
-	if ($[12] !== OverlayComponent || $[13] !== hideOnClose || $[14] !== isActuallyOpened || $[15] !== isDismissable || $[16] !== isKeyboardDismissDisabled || $[17] !== styles || $[18] !== t5 || $[19] !== t6 || $[20] !== t8) {
+	if ($[18] !== OverlayComponent || $[19] !== hideOnClose || $[20] !== isActuallyOpened || $[21] !== isDismissable || $[22] !== isKeyboardDismissDisabled || $[23] !== styles || $[24] !== t5 || $[25] !== t6 || $[26] !== t8) {
 		t9 = /* @__PURE__ */ jsx(OverlayComponent, {
 			isOpen: isActuallyOpened,
 			type: t5,
@@ -79,28 +92,44 @@ function DialogContainer(props) {
 			onClose: t6,
 			children: t8
 		});
-		$[12] = OverlayComponent;
-		$[13] = hideOnClose;
-		$[14] = isActuallyOpened;
-		$[15] = isDismissable;
-		$[16] = isKeyboardDismissDisabled;
-		$[17] = styles;
-		$[18] = t5;
-		$[19] = t6;
-		$[20] = t8;
-		$[21] = t9;
-	} else t9 = $[21];
+		$[18] = OverlayComponent;
+		$[19] = hideOnClose;
+		$[20] = isActuallyOpened;
+		$[21] = isDismissable;
+		$[22] = isKeyboardDismissDisabled;
+		$[23] = styles;
+		$[24] = t5;
+		$[25] = t6;
+		$[26] = t8;
+		$[27] = t9;
+	} else t9 = $[27];
 	let t10;
-	if ($[22] !== context || $[23] !== t9) {
+	if ($[28] !== context || $[29] !== t9) {
 		t10 = /* @__PURE__ */ jsx(DialogContext.Provider, {
 			value: context,
 			children: t9
 		});
-		$[22] = context;
-		$[23] = t9;
-		$[24] = t10;
-	} else t10 = $[24];
-	return t10;
+		$[28] = context;
+		$[29] = t9;
+		$[30] = t10;
+	} else t10 = $[30];
+	let t11;
+	if ($[31] !== confirmationProps) {
+		t11 = confirmationProps && /* @__PURE__ */ jsx(DialogContainer, {
+			...confirmationProps,
+			children: /* @__PURE__ */ jsx(DiscardChangesDialog, {})
+		});
+		$[31] = confirmationProps;
+		$[32] = t11;
+	} else t11 = $[32];
+	let t12;
+	if ($[33] !== t10 || $[34] !== t11) {
+		t12 = /* @__PURE__ */ jsxs(Fragment$1, { children: [t10, t11] });
+		$[33] = t10;
+		$[34] = t11;
+		$[35] = t12;
+	} else t12 = $[35];
+	return t12;
 }
 //#endregion
 export { DialogContainer };

package/dist/components/overlays/Dialog/DialogContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogContainer.js","names":["Styles","Children","isValidElement","ReactNode","useState","Modal","Tray","WithCloseBehavior","DialogContext","CubeDialogContainerProps","children","onDismiss","arg","type","styles","isDismissable","isOpen","isKeyboardDismissDisabled","DialogContainer","props","$","_c","t0","t1","hideOnClose","undefined","t2","childArray","toArray","length","Error","child","isActuallyOpened","t3","lastDialog","setLastDialog","t4","onClose","context","OverlayComponent","t5","t6","t7","t8","t9","t10","_c","Tray","Modal"],"sources":["../../../../src/components/overlays/Dialog/DialogContainer.tsx"],"sourcesContent":["import { Styles } from '@tenphi/tasty';\nimport { Children, isValidElement, ReactNode, useState } from 'react';\n\nimport { Modal } from '../Modal/Modal';\nimport { Tray } from '../Modal/Tray';\nimport { WithCloseBehavior } from '../Modal/types';\n\nimport { DialogContext } from './context';\n\nexport interface CubeDialogContainerProps extends WithCloseBehavior {\n  /** The Dialog to display, if any. */\n  children?: ReactNode;\n  /** Handler that is called when the 'x' button of a dismissible Dialog is clicked. */\n  onDismiss?: (arg?: any) => void;\n  /**\n   * The type of Dialog that should be rendered. See the visual options below for examples of each.\n   * @default 'modal'\n   */\n  type?: 'modal' | 'tray' | 'fullscreen' | 'fullscreenTakeover' | 'panel';\n  /** Styles for the overlay content shell. Style the child Dialog separately. */\n  styles?: Styles;\n  /** Whether the Dialog is dismissible. See the [Dialog docs](Dialog.html#dismissable-dialogs) for more details. */\n  isDismissable?: boolean;\n  /**\n   * This prop allows you to configure whenever the modal is open or not\n   */\n  isOpen?: boolean;\n  /** Whether pressing the escape key to close the dialog should be disabled. */\n  isKeyboardDismissDisabled?: boolean;\n}\n\n/**\n * A DialogContainer accepts a single Dialog as a child, and manages to show and hide\n * it in a modal.\n * Useful in cases where there is no trigger element\n * or when the trigger unmounts while the dialog is open.\n */\nexport function DialogContainer(props: CubeDialogContainerProps) {\n  const {\n    children,\n    type = 'modal',\n    onDismiss,\n    isDismissable = true,\n    isKeyboardDismissDisabled,\n    isOpen,\n    hideOnClose,\n    styles,\n  } = props;\n\n  const childArray = Children.toArray(children);\n  if (childArray.length > 1) {\n    throw new Error('Only a single child can be passed to DialogContainer.');\n  }\n\n  const child = isValidElement(childArray[0]) ? childArray[0] : null;\n  const isActuallyOpened = typeof isOpen !== 'boolean' ? !!child : isOpen;\n  const [lastDialog, setLastDialog] = useState({ children, child });\n\n  // Children.toArray clones elements, so compare the source when retaining\n  // the last dialog to keep hideOnClose from remounting it or looping renders.\n  if ((child || isActuallyOpened) && children !== lastDialog.children) {\n    setLastDialog({ children, child });\n  }\n\n  const context = {\n    type,\n    onClose: onDismiss,\n    isDismissable,\n    isOpen: isActuallyOpened,\n  };\n  const OverlayComponent = type === 'tray' ? Tray : Modal;\n\n  return (\n    // The exit animation preserves its children. Keep live open state outside\n    // that snapshot so forms cancel immediately when the container closes.\n    <DialogContext.Provider value={context}>\n      <OverlayComponent\n        isOpen={isActuallyOpened}\n        type={type === 'tray' ? undefined : type}\n        styles={styles}\n        hideOnClose={hideOnClose}\n        isDismissable={isDismissable}\n        isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n        onClose={isDismissable ? onDismiss : undefined}\n      >\n        <>\n          {child ??\n            (hideOnClose && !isActuallyOpened ? lastDialog.child : null)}\n        </>\n      </OverlayComponent>\n    </DialogContext.Provider>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"DialogContainer.js","names":["Styles","Children","isValidElement","ReactNode","useState","Modal","Tray","WithCloseBehavior","DialogContext","DiscardChangesDialog","useDismissConfirmation","CubeDialogContainerProps","children","onDismiss","arg","type","styles","isDismissable","isOpen","isKeyboardDismissDisabled","confirmDismiss","DialogContainer","props","$","_c","t0","t1","hideOnClose","undefined","t2","childArray","toArray","length","Error","child","isActuallyOpened","t3","lastDialog","setLastDialog","requestDismiss","registerUnsavedChanges","confirmationProps","t4","onClose","context","OverlayComponent","t5","t6","t7","t8","t9","t10","t11","t12","_c","Tray","Modal"],"sources":["../../../../src/components/overlays/Dialog/DialogContainer.tsx"],"sourcesContent":["import { Styles } from '@tenphi/tasty';\nimport { Children, isValidElement, ReactNode, useState } from 'react';\n\nimport { Modal } from '../Modal/Modal';\nimport { Tray } from '../Modal/Tray';\nimport { WithCloseBehavior } from '../Modal/types';\n\nimport { DialogContext } from './context';\nimport {\n  DiscardChangesDialog,\n  useDismissConfirmation,\n} from './use-dismiss-confirmation';\n\nexport interface CubeDialogContainerProps extends WithCloseBehavior {\n  /** The Dialog to display, if any. */\n  children?: ReactNode;\n  /** Handler that is called when the 'x' button of a dismissible Dialog is clicked. */\n  onDismiss?: (arg?: any) => void;\n  /**\n   * The type of Dialog that should be rendered. See the visual options below for examples of each.\n   * @default 'modal'\n   */\n  type?: 'modal' | 'tray' | 'fullscreen' | 'fullscreenTakeover' | 'panel';\n  /** Styles for the overlay content shell. Style the child Dialog separately. */\n  styles?: Styles;\n  /** Whether the Dialog is dismissible. See the [Dialog docs](Dialog.html#dismissable-dialogs) for more details. */\n  isDismissable?: boolean;\n  /**\n   * This prop allows you to configure whenever the modal is open or not\n   */\n  isOpen?: boolean;\n  /** Whether pressing the escape key to close the dialog should be disabled. */\n  isKeyboardDismissDisabled?: boolean;\n  /**\n   * Whether Escape, an outside click and the close button ask \"Discard\n   * changes?\" before they close the dialog. Unset, they ask while a form\n   * inside (a `DialogForm`, or a modern `Form`) has unsaved edits. Explicit\n   * actions (submit, Cancel, closing it from code) never ask.\n   */\n  confirmDismiss?: boolean;\n}\n\n/**\n * A DialogContainer accepts a single Dialog as a child, and manages to show and hide\n * it in a modal.\n * Useful in cases where there is no trigger element\n * or when the trigger unmounts while the dialog is open.\n */\nexport function DialogContainer(props: CubeDialogContainerProps) {\n  const {\n    children,\n    type = 'modal',\n    onDismiss,\n    isDismissable = true,\n    isKeyboardDismissDisabled,\n    isOpen,\n    hideOnClose,\n    styles,\n    confirmDismiss,\n  } = props;\n\n  const childArray = Children.toArray(children);\n  if (childArray.length > 1) {\n    throw new Error('Only a single child can be passed to DialogContainer.');\n  }\n\n  const child = isValidElement(childArray[0]) ? childArray[0] : null;\n  const isActuallyOpened = typeof isOpen !== 'boolean' ? !!child : isOpen;\n  const [lastDialog, setLastDialog] = useState({ children, child });\n\n  // Children.toArray clones elements, so compare the source when retaining\n  // the last dialog to keep hideOnClose from remounting it or looping renders.\n  if ((child || isActuallyOpened) && children !== lastDialog.children) {\n    setLastDialog({ children, child });\n  }\n\n  const { requestDismiss, registerUnsavedChanges, confirmationProps } =\n    useDismissConfirmation(confirmDismiss, isActuallyOpened);\n\n  const context = {\n    type,\n    onClose: onDismiss,\n    isDismissable,\n    isOpen: isActuallyOpened,\n    requestDismiss,\n    registerUnsavedChanges,\n  };\n  const OverlayComponent = type === 'tray' ? Tray : Modal;\n\n  return (\n    <>\n      {/*\n        The exit animation preserves its children. Keep live open state outside\n        that snapshot so forms cancel immediately when the container closes.\n      */}\n      <DialogContext.Provider value={context}>\n        <OverlayComponent\n          isOpen={isActuallyOpened}\n          type={type === 'tray' ? undefined : type}\n          styles={styles}\n          hideOnClose={hideOnClose}\n          isDismissable={isDismissable}\n          isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n          onClose={\n            isDismissable && onDismiss\n              ? () => requestDismiss(() => onDismiss())\n              : undefined\n          }\n        >\n          <>\n            {child ??\n              (hideOnClose && !isActuallyOpened ? lastDialog.child : null)}\n          </>\n        </OverlayComponent>\n      </DialogContext.Provider>\n      {confirmationProps && (\n        <DialogContainer {...confirmationProps}>\n          <DiscardChangesDialog />\n        </DialogContainer>\n      )}\n    </>\n  );\n}\n"],"mappings":"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"}

package/dist/components/overlays/Dialog/DialogForm.d.ts

@@ -16,6 +16,13 @@ export interface CubeDialogFormProps<T extends FieldTypes = FieldTypes> extends
   cancelProps?: CubeButtonProps;
   /** Preserve form values after submission or dismissal. */
   preserve?: boolean;
+  /**
+   * Whether Escape, an outside click and the close button ask "Discard
+   * changes?" before they close the dialog. Unset, they ask while a field the
+   * user edited differs from its default, unless `preserve` is set. An
+   * explicit `confirmDismiss` on the `DialogTrigger` or `DialogContainer` wins.
+   */
+  confirmDismiss?: boolean;
   /** Whether to hide action button so developer can manually specify them */
   noActions?: boolean;
   /** The title of the dialog */

package/dist/components/overlays/Dialog/DialogForm.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.203.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.205.0 | Cube Dev Team */
 import { Title as _Title } from "../../content/Title.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { Button } from "../../actions/Button/Button.js";
@@ -15,6 +15,7 @@ import { Form as _Form } from "../../form/Form/Form.js";
 import { SubmitButton as _SubmitButton } from "../../form/Form/SubmitButton/SubmitButton.js";
 import { ModernDialogForm } from "./ModernDialogForm.js";
 import { c } from "react/compiler-runtime";
+import { useEffect } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/overlays/Dialog/DialogForm.tsx
 function DialogForm(props) {
@@ -29,10 +30,16 @@ function DialogForm(props) {
 }
 function LegacyDialogForm(props) {
 	"use no memo";
-	let { qa, name, form, defaultValues, onDismiss, onSubmit, onSubmitFailed, onValuesChange, labelStyles, labelPosition, requiredMark, necessityIndicator, isReadOnly, isInvalid, isValid, validateTrigger, children, danger, noActions, submitProps, cancelProps, preserve, title, size, closeIcon, ...dialogProps } = props;
+	let { qa, name, form, defaultValues, onDismiss, onSubmit, onSubmitFailed, onValuesChange, labelStyles, labelPosition, requiredMark, necessityIndicator, isReadOnly, isInvalid, isValid, validateTrigger, children, danger, noActions, submitProps, cancelProps, preserve, confirmDismiss, title, size, closeIcon, ...dialogProps } = props;
 	[form] = useForm(form);
 	const { t } = useI18n();
-	const { onClose } = useDialogContext();
+	const { onClose, registerUnsavedChanges } = useDialogContext();
+	useEffect(() => registerUnsavedChanges?.(() => confirmDismiss ?? (!preserve && form.getDirtyFieldNames().some((name_0) => form.isFieldTouched(name_0)))), [
+		registerUnsavedChanges,
+		form,
+		preserve,
+		confirmDismiss
+	]);
 	function onLocalDismiss() {
 		onClose?.();
 		onDismiss?.();

package/dist/components/overlays/Dialog/DialogForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogForm.js","names":["useI18n","Button","ButtonGroup","Content","Footer","Header","Title","isModernFormController","Form","SubmitButton","useForm","useDialogContext","withDefaultButtonText","CubeDialogProps","Dialog","ModernDialogForm","ReactElement","CubeButtonProps","CubeFormProps","ModernFormProps","CubeSubmitButtonProps","FieldTypes","CubeDialogFormProps","Omit","T","danger","submitProps","cancelProps","preserve","noActions","title","children","onLocalDismiss","CubeDialogFormRef","open","close","ModernDialogFormProps","width","DialogForm","props","$","_c","t0","form","LegacyDialogForm","qa","name","defaultValues","onDismiss","onSubmit","onSubmitFailed","onValuesChange","labelStyles","labelPosition","requiredMark","necessityIndicator","isReadOnly","isInvalid","isValid","validateTrigger","size","closeIcon","dialogProps","t","onClose","setTimeout","resetFields","data","undefined","_c","Title","Form","SubmitButton"],"sources":["../../../../src/components/overlays/Dialog/DialogForm.tsx"],"sourcesContent":["import { useI18n } from '../../../i18n';\nimport { Button } from '../../actions/Button/Button';\nimport { ButtonGroup } from '../../actions/ButtonGroup/ButtonGroup';\nimport { Content } from '../../content/Content';\nimport { Footer } from '../../content/Footer';\nimport { Header } from '../../content/Header';\nimport { Title } from '../../content/Title';\nimport { isModernFormController } from '../../form/Form/backend';\nimport { Form } from '../../form/Form/Form';\nimport { SubmitButton } from '../../form/Form/SubmitButton/SubmitButton';\nimport { useForm } from '../../form/Form/use-form';\n\nimport { useDialogContext } from './context';\nimport { withDefaultButtonText } from './default-button-text';\nimport { CubeDialogProps, Dialog } from './Dialog';\nimport { ModernDialogForm } from './ModernDialogForm';\n\nimport type { ReactElement } from 'react';\nimport type { CubeButtonProps } from '../../actions/Button/Button';\nimport type { CubeFormProps } from '../../form/Form/Form';\nimport type { ModernFormProps } from '../../form/Form/ModernFormRoot';\nimport type { CubeSubmitButtonProps } from '../../form/Form/SubmitButton/SubmitButton';\nimport type { FieldTypes } from '../../form/Form/types';\n\nexport interface CubeDialogFormProps<T extends FieldTypes = FieldTypes>\n  extends\n    Omit<CubeDialogProps, 'children'>,\n    Omit<CubeFormProps<T>, 'role' | 'children' | 'width'> {\n  /** Whether the submit button has a `danger` theme */\n  danger?: boolean;\n  /** Properties for submit button. Use `children` to change text. */\n  submitProps?: Omit<CubeButtonProps, 'form'>;\n  /** Properties for cancel button. Use `children` to change text. */\n  cancelProps?: CubeButtonProps;\n  /** Preserve form values after submission or dismissal. */\n  preserve?: boolean;\n  /** Whether to hide action button so developer can manually specify them */\n  noActions?: boolean;\n  /** The title of the dialog */\n  title?: string;\n  /** Children nodes or render function  */\n  children?:\n    | CubeFormProps['children']\n    | ((onLocalDismiss: () => void) => CubeFormProps['children']);\n}\n\nexport interface CubeDialogFormRef {\n  open: () => void;\n  close: () => void;\n}\n\n/**\n * DialogForms are a specific type of Dialog. They contain forms to fill.\n */\nexport interface ModernDialogFormProps<T extends FieldTypes = FieldTypes>\n  extends\n    Omit<CubeDialogFormProps<T>, keyof CubeFormProps<T> | 'submitProps'>,\n    Omit<ModernFormProps<T>, 'role' | 'children' | 'width'> {\n  width?: CubeDialogProps['width'];\n  children?: CubeDialogFormProps<T>['children'];\n  submitProps?: Omit<CubeSubmitButtonProps<T>, 'form'>;\n}\n\nexport function DialogForm<T extends FieldTypes = FieldTypes>(\n  props: CubeDialogFormProps<T>,\n): ReactElement;\nexport function DialogForm<T extends FieldTypes = FieldTypes>(\n  props: ModernDialogFormProps<T>,\n): ReactElement;\nexport function DialogForm<T extends FieldTypes = FieldTypes>(\n  props: CubeDialogFormProps<T> | ModernDialogFormProps<T>,\n): ReactElement {\n  return isModernFormController(props.form) ? (\n    <ModernDialogForm {...(props as ModernDialogFormProps<T>)} />\n  ) : (\n    <LegacyDialogForm {...(props as CubeDialogFormProps<T>)} />\n  );\n}\n\nfunction LegacyDialogForm<T extends FieldTypes>(props: CubeDialogFormProps<T>) {\n  'use no memo';\n  // Legacy form state is mutable; preserve its render-time reads until migration.\n\n  let {\n    qa,\n    name,\n    form,\n    defaultValues,\n    onDismiss,\n    onSubmit,\n    onSubmitFailed,\n    onValuesChange,\n    labelStyles,\n    labelPosition,\n    requiredMark,\n    necessityIndicator,\n    isReadOnly,\n    isInvalid,\n    isValid,\n    validateTrigger,\n    children,\n    danger,\n    noActions,\n    submitProps,\n    cancelProps,\n    preserve,\n    title,\n    size,\n    closeIcon,\n    ...dialogProps\n  } = props;\n\n  [form] = useForm(form);\n\n  const { t } = useI18n();\n  const { onClose } = useDialogContext();\n\n  function onLocalDismiss() {\n    onClose?.();\n    onDismiss?.();\n\n    if (!preserve) {\n      // let animations finish before resetting the form\n      setTimeout(() => {\n        form?.resetFields();\n      }, 250);\n    }\n  }\n\n  return (\n    <Dialog\n      qa={`${qa || ''}Dialog`}\n      size={size}\n      closeIcon={closeIcon}\n      {...dialogProps}\n    >\n      <Header>\n        <Title ellipsis>{title}</Title>\n      </Header>\n      {/*\n        The form wraps BOTH slots rather than sitting inside `Content`, so the\n        actions can live in a pinned `Footer` while the body scrolls. They still\n        have to be inside the `<form>` for submit to work, which is why the form\n        is the outer one of the two (CUB-4920). A form placed directly in a\n        `Dialog` lays itself out as the dialog's column (see `FormElement`).\n      */}\n      <Form<T>\n        qa={qa || 'DialogForm'}\n        form={form}\n        name={name}\n        defaultValues={defaultValues}\n        labelStyles={labelStyles}\n        labelPosition={labelPosition}\n        requiredMark={requiredMark}\n        necessityIndicator={necessityIndicator}\n        isReadOnly={isReadOnly}\n        isInvalid={isInvalid}\n        isValid={isValid}\n        validateTrigger={validateTrigger}\n        onSubmit={async (data) => {\n          await onSubmit?.(data);\n\n          onClose?.();\n\n          if (!preserve) {\n            // let animations finish before resetting the form\n            setTimeout(() => {\n              form.resetFields();\n            }, 250);\n          }\n        }}\n        onSubmitFailed={onSubmitFailed}\n        onValuesChange={onValuesChange}\n      >\n        <Content>\n          {typeof children === 'function' ? children(onLocalDismiss) : children}\n        </Content>\n\n        {!noActions ? (\n          <Footer>\n            <ButtonGroup>\n              <SubmitButton\n                qa={`${qa || ''}SubmitButton`}\n                theme={danger ? 'danger' : undefined}\n                {...withDefaultButtonText(\n                  submitProps,\n                  t('dialogForm.submit', 'Submit'),\n                )}\n              />\n              <Button\n                qa={`${qa || ''}CancelButton`}\n                onPress={onLocalDismiss}\n                {...withDefaultButtonText(\n                  cancelProps,\n                  t('dialogForm.cancel', 'Cancel'),\n                )}\n              />\n            </ButtonGroup>\n          </Footer>\n        ) : undefined}\n      </Form>\n    </Dialog>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAqEA,SAAOsC,WAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAC;CAAA,IAAAF,EAAA,OAAAD,OAAA;EAGEG,KAAAnC,uBAAuBgC,MAAKI,IAInC,IAHE,oBAAC,kBAAD,EAAiB,GAAMJ,MAAiC,CAAA,IAExD,oBAAC,kBAAD,EAAiB,GAAMA,MAA+B,CAAA;EACvDC,EAAA,KAAAD;EAAAC,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAAA,OAJME;AAIN;AAGH,SAASE,iBAAuCL,OAA+B;CAC7E;CAGA,IAAI,EACFM,IACAC,MACAH,MACAI,eACAC,WACAC,UACAC,gBACAC,gBACAC,aACAC,eACAC,cACAC,oBACAC,YACAC,WACAC,SACAC,iBACA5B,UACAN,QACAI,WACAH,aACAC,aACAC,UACAE,OACA8B,MACAC,WACA,GAAGC,gBACDvB;CAEJ,CAACI,QAAQjC,QAAQiC,IAAI;CAErB,MAAM,EAAEoB,MAAM/D,QAAQ;CACtB,MAAM,EAAEgE,YAAYrD,iBAAiB;CAErC,SAASqB,iBAAiB;EACxBgC,UAAU;EACVhB,YAAY;EAEZ,IAAI,CAACpB,UAEHqC,iBAAiB;GACftB,MAAMuB,YAAY;EACpB,GAAG,GAAG;CAEV;CAEA,OACE,qBAAC,QAAD;EACE,IAAI,GAAGrB,MAAM,GAAE;EACTe;EACKC;EACX,GAAIC;EAJN,UAAA,CAME,oBAAC,QAAD,EAAA,UACE,oBAACQ,QAAD;GAAO,UAAA;GAAUxC,UAAAA;EAAa,CAAA,EACxB,CAAA,GAQR,qBAACyC,OAAD;GACE,IAAI1B,MAAM;GACJF;GACAG;GACSC;GACFK;GACEC;GACDC;GACMC;GACRC;GACDC;GACFC;GACQC;GACjB,UAAU,OAAOQ,SAAS;IACxB,MAAMlB,WAAWkB,IAAI;IAErBH,UAAU;IAEV,IAAI,CAACpC,UAEHqC,iBAAiB;KACftB,KAAKuB,YAAY;IACnB,GAAG,GAAG;GAEV;GACgBhB;GACAC;GA1BlB,UAAA,CA4BE,oBAAC,SAAD,EAAA,UACG,OAAOpB,aAAa,aAAaA,SAASC,cAAc,IAAID,SACtD,CAAA,GAER,CAACF,YACA,oBAAC,QAAD,EAAA,UACE,qBAAC,aAAD,EAAA,UAAA,CACE,oBAAC2C,eAAD;IACE,IAAI,GAAG3B,MAAM,GAAE;IACf,OAAOpB,SAAS,WAAW2C,KAAAA;IAC3B,GAAIxD,sBACFc,aACAqC,EAAE,qBAAqB,QAAQ,CACjC;GAAE,CAAA,GAEJ,oBAAC,QAAD;IACE,IAAI,GAAGlB,MAAM,GAAE;IACf,SAASb;IACT,GAAIpB,sBACFe,aACAoC,EAAE,qBAAqB,QAAQ,CACjC;GAAE,CAAA,CAEO,EAAA,CAAA,EACP,CAAA,IACNK,KAAAA,CACA;EACA,CAAA,CAAA;;AAEZ"}
+{"version":3,"file":"DialogForm.js","names":["useEffect","useI18n","Button","ButtonGroup","Content","Footer","Header","Title","isModernFormController","Form","SubmitButton","useForm","useDialogContext","withDefaultButtonText","CubeDialogProps","Dialog","ModernDialogForm","ReactElement","CubeButtonProps","CubeFormProps","ModernFormProps","CubeSubmitButtonProps","FieldTypes","CubeDialogFormProps","Omit","T","danger","submitProps","cancelProps","preserve","confirmDismiss","noActions","title","children","onLocalDismiss","CubeDialogFormRef","open","close","ModernDialogFormProps","width","DialogForm","props","$","_c","t0","form","LegacyDialogForm","qa","name","defaultValues","onDismiss","onSubmit","onSubmitFailed","onValuesChange","labelStyles","labelPosition","requiredMark","necessityIndicator","isReadOnly","isInvalid","isValid","validateTrigger","size","closeIcon","dialogProps","t","onClose","registerUnsavedChanges","getDirtyFieldNames","some","isFieldTouched","setTimeout","resetFields","data","undefined","_c","Title","Form","SubmitButton"],"sources":["../../../../src/components/overlays/Dialog/DialogForm.tsx"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { useI18n } from '../../../i18n';\nimport { Button } from '../../actions/Button/Button';\nimport { ButtonGroup } from '../../actions/ButtonGroup/ButtonGroup';\nimport { Content } from '../../content/Content';\nimport { Footer } from '../../content/Footer';\nimport { Header } from '../../content/Header';\nimport { Title } from '../../content/Title';\nimport { isModernFormController } from '../../form/Form/backend';\nimport { Form } from '../../form/Form/Form';\nimport { SubmitButton } from '../../form/Form/SubmitButton/SubmitButton';\nimport { useForm } from '../../form/Form/use-form';\n\nimport { useDialogContext } from './context';\nimport { withDefaultButtonText } from './default-button-text';\nimport { CubeDialogProps, Dialog } from './Dialog';\nimport { ModernDialogForm } from './ModernDialogForm';\n\nimport type { ReactElement } from 'react';\nimport type { CubeButtonProps } from '../../actions/Button/Button';\nimport type { CubeFormProps } from '../../form/Form/Form';\nimport type { ModernFormProps } from '../../form/Form/ModernFormRoot';\nimport type { CubeSubmitButtonProps } from '../../form/Form/SubmitButton/SubmitButton';\nimport type { FieldTypes } from '../../form/Form/types';\n\nexport interface CubeDialogFormProps<T extends FieldTypes = FieldTypes>\n  extends\n    Omit<CubeDialogProps, 'children'>,\n    Omit<CubeFormProps<T>, 'role' | 'children' | 'width'> {\n  /** Whether the submit button has a `danger` theme */\n  danger?: boolean;\n  /** Properties for submit button. Use `children` to change text. */\n  submitProps?: Omit<CubeButtonProps, 'form'>;\n  /** Properties for cancel button. Use `children` to change text. */\n  cancelProps?: CubeButtonProps;\n  /** Preserve form values after submission or dismissal. */\n  preserve?: boolean;\n  /**\n   * Whether Escape, an outside click and the close button ask \"Discard\n   * changes?\" before they close the dialog. Unset, they ask while a field the\n   * user edited differs from its default, unless `preserve` is set. An\n   * explicit `confirmDismiss` on the `DialogTrigger` or `DialogContainer` wins.\n   */\n  confirmDismiss?: boolean;\n  /** Whether to hide action button so developer can manually specify them */\n  noActions?: boolean;\n  /** The title of the dialog */\n  title?: string;\n  /** Children nodes or render function  */\n  children?:\n    | CubeFormProps['children']\n    | ((onLocalDismiss: () => void) => CubeFormProps['children']);\n}\n\nexport interface CubeDialogFormRef {\n  open: () => void;\n  close: () => void;\n}\n\n/**\n * DialogForms are a specific type of Dialog. They contain forms to fill.\n */\nexport interface ModernDialogFormProps<T extends FieldTypes = FieldTypes>\n  extends\n    Omit<CubeDialogFormProps<T>, keyof CubeFormProps<T> | 'submitProps'>,\n    Omit<ModernFormProps<T>, 'role' | 'children' | 'width'> {\n  width?: CubeDialogProps['width'];\n  children?: CubeDialogFormProps<T>['children'];\n  submitProps?: Omit<CubeSubmitButtonProps<T>, 'form'>;\n}\n\nexport function DialogForm<T extends FieldTypes = FieldTypes>(\n  props: CubeDialogFormProps<T>,\n): ReactElement;\nexport function DialogForm<T extends FieldTypes = FieldTypes>(\n  props: ModernDialogFormProps<T>,\n): ReactElement;\nexport function DialogForm<T extends FieldTypes = FieldTypes>(\n  props: CubeDialogFormProps<T> | ModernDialogFormProps<T>,\n): ReactElement {\n  return isModernFormController(props.form) ? (\n    <ModernDialogForm {...(props as ModernDialogFormProps<T>)} />\n  ) : (\n    <LegacyDialogForm {...(props as CubeDialogFormProps<T>)} />\n  );\n}\n\nfunction LegacyDialogForm<T extends FieldTypes>(props: CubeDialogFormProps<T>) {\n  'use no memo';\n  // Legacy form state is mutable; preserve its render-time reads until migration.\n\n  let {\n    qa,\n    name,\n    form,\n    defaultValues,\n    onDismiss,\n    onSubmit,\n    onSubmitFailed,\n    onValuesChange,\n    labelStyles,\n    labelPosition,\n    requiredMark,\n    necessityIndicator,\n    isReadOnly,\n    isInvalid,\n    isValid,\n    validateTrigger,\n    children,\n    danger,\n    noActions,\n    submitProps,\n    cancelProps,\n    preserve,\n    confirmDismiss,\n    title,\n    size,\n    closeIcon,\n    ...dialogProps\n  } = props;\n\n  [form] = useForm(form);\n\n  const { t } = useI18n();\n  const { onClose, registerUnsavedChanges } = useDialogContext();\n\n  // Escape, an outside click and the close button ask before they discard\n  // what the user typed: fields they edited away from their defaults. A form\n  // filled from code is not an edit. `preserve` keeps the values anyway.\n  useEffect(\n    () =>\n      registerUnsavedChanges?.(\n        () =>\n          confirmDismiss ??\n          (!preserve &&\n            form\n              .getDirtyFieldNames()\n              .some((name) => form.isFieldTouched(name))),\n      ),\n    [registerUnsavedChanges, form, preserve, confirmDismiss],\n  );\n\n  function onLocalDismiss() {\n    onClose?.();\n    onDismiss?.();\n\n    if (!preserve) {\n      // let animations finish before resetting the form\n      setTimeout(() => {\n        form?.resetFields();\n      }, 250);\n    }\n  }\n\n  return (\n    <Dialog\n      qa={`${qa || ''}Dialog`}\n      size={size}\n      closeIcon={closeIcon}\n      {...dialogProps}\n    >\n      <Header>\n        <Title ellipsis>{title}</Title>\n      </Header>\n      {/*\n        The form wraps BOTH slots rather than sitting inside `Content`, so the\n        actions can live in a pinned `Footer` while the body scrolls. They still\n        have to be inside the `<form>` for submit to work, which is why the form\n        is the outer one of the two (CUB-4920). A form placed directly in a\n        `Dialog` lays itself out as the dialog's column (see `FormElement`).\n      */}\n      <Form<T>\n        qa={qa || 'DialogForm'}\n        form={form}\n        name={name}\n        defaultValues={defaultValues}\n        labelStyles={labelStyles}\n        labelPosition={labelPosition}\n        requiredMark={requiredMark}\n        necessityIndicator={necessityIndicator}\n        isReadOnly={isReadOnly}\n        isInvalid={isInvalid}\n        isValid={isValid}\n        validateTrigger={validateTrigger}\n        onSubmit={async (data) => {\n          await onSubmit?.(data);\n\n          onClose?.();\n\n          if (!preserve) {\n            // let animations finish before resetting the form\n            setTimeout(() => {\n              form.resetFields();\n            }, 250);\n          }\n        }}\n        onSubmitFailed={onSubmitFailed}\n        onValuesChange={onValuesChange}\n      >\n        <Content>\n          {typeof children === 'function' ? children(onLocalDismiss) : children}\n        </Content>\n\n        {!noActions ? (\n          <Footer>\n            <ButtonGroup>\n              <SubmitButton\n                qa={`${qa || ''}SubmitButton`}\n                theme={danger ? 'danger' : undefined}\n                {...withDefaultButtonText(\n                  submitProps,\n                  t('dialogForm.submit', 'Submit'),\n                )}\n              />\n              <Button\n                qa={`${qa || ''}CancelButton`}\n                onPress={onLocalDismiss}\n                {...withDefaultButtonText(\n                  cancelProps,\n                  t('dialogForm.cancel', 'Cancel'),\n                )}\n              />\n            </ButtonGroup>\n          </Footer>\n        ) : undefined}\n      </Form>\n    </Dialog>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AA8EA,SAAOwC,WAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAC;CAAA,IAAAF,EAAA,OAAAD,OAAA;EAGEG,KAAApC,uBAAuBiC,MAAKI,IAInC,IAHE,oBAAC,kBAAD,EAAiB,GAAMJ,MAAiC,CAAA,IAExD,oBAAC,kBAAD,EAAiB,GAAMA,MAA+B,CAAA;EACvDC,EAAA,KAAAD;EAAAC,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAAA,OAJME;AAIN;AAGH,SAASE,iBAAuCL,OAA+B;CAC7E;CAGA,IAAI,EACFM,IACAC,MACAH,MACAI,eACAC,WACAC,UACAC,gBACAC,gBACAC,aACAC,eACAC,cACAC,oBACAC,YACAC,WACAC,SACAC,iBACA5B,UACAP,QACAK,WACAJ,aACAC,aACAC,UACAC,gBACAE,OACA8B,MACAC,WACA,GAAGC,gBACDvB;CAEJ,CAACI,QAAQlC,QAAQkC,IAAI;CAErB,MAAM,EAAEoB,MAAMhE,QAAQ;CACtB,MAAM,EAAEiE,SAASC,2BAA2BvD,iBAAiB;CAK7DZ,gBAEImE,+BAEIrC,mBACC,CAACD,YACAgB,KACGuB,mBAAmB,CAAC,CACpBC,MAAMrB,WAASH,KAAKyB,eAAetB,MAAI,CAAC,EACjD,GACF;EAACmB;EAAwBtB;EAAMhB;EAAUC;CAAc,CACzD;CAEA,SAASI,iBAAiB;EACxBgC,UAAU;EACVhB,YAAY;EAEZ,IAAI,CAACrB,UAEH0C,iBAAiB;GACf1B,MAAM2B,YAAY;EACpB,GAAG,GAAG;CAEV;CAEA,OACE,qBAAC,QAAD;EACE,IAAI,GAAGzB,MAAM,GAAE;EACTe;EACKC;EACX,GAAIC;EAJN,UAAA,CAME,oBAAC,QAAD,EAAA,UACE,oBAACY,QAAD;GAAO,UAAA;GAAU5C,UAAAA;EAAa,CAAA,EACxB,CAAA,GAQR,qBAAC6C,OAAD;GACE,IAAI9B,MAAM;GACJF;GACAG;GACSC;GACFK;GACEC;GACDC;GACMC;GACRC;GACDC;GACFC;GACQC;GACjB,UAAU,OAAOY,SAAS;IACxB,MAAMtB,WAAWsB,IAAI;IAErBP,UAAU;IAEV,IAAI,CAACrC,UAEH0C,iBAAiB;KACf1B,KAAK2B,YAAY;IACnB,GAAG,GAAG;GAEV;GACgBpB;GACAC;GA1BlB,UAAA,CA4BE,oBAAC,SAAD,EAAA,UACG,OAAOpB,aAAa,aAAaA,SAASC,cAAc,IAAID,SACtD,CAAA,GAER,CAACF,YACA,oBAAC,QAAD,EAAA,UACE,qBAAC,aAAD,EAAA,UAAA,CACE,oBAAC+C,eAAD;IACE,IAAI,GAAG/B,MAAM,GAAE;IACf,OAAOrB,SAAS,WAAWgD,KAAAA;IAC3B,GAAI7D,sBACFc,aACAsC,EAAE,qBAAqB,QAAQ,CACjC;GAAE,CAAA,GAEJ,oBAAC,QAAD;IACE,IAAI,GAAGlB,MAAM,GAAE;IACf,SAASb;IACT,GAAIrB,sBACFe,aACAqC,EAAE,qBAAqB,QAAQ,CACjC;GAAE,CAAA,CAEO,EAAA,CAAA,EACP,CAAA,IACNS,KAAAA,CACA;EACA,CAAA,CAAA;;AAEZ"}

package/dist/components/overlays/Dialog/DialogTrigger.d.ts

@@ -32,6 +32,14 @@ export interface CubeDialogTriggerProps extends Omit<OverlayTriggerProps, 'type'
   isDismissable?: boolean;
   /** Whether pressing the escape key to close the dialog should be disabled. */
   isKeyboardDismissDisabled?: boolean;
+  /**
+   * Whether Escape, an outside click and the close button ask "Discard
+   * changes?" before they close the dialog. Unset, they ask while a form
+   * inside (a `DialogForm`, or a modern `Form`) has unsaved edits. Explicit
+   * actions (submit, Cancel, the `close` function) never ask, and a popover
+   * never does: it closes on its own in more ways than these.
+   */
+  confirmDismiss?: boolean;
   /** The screen breakpoint for the mobile type */
   mobileViewport?: number;
   /** The style map for the overlay **/

package/dist/components/overlays/Dialog/DialogTrigger.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.203.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.205.0 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { usePopoverSync } from "../../../utils/react/usePopoverSync.js";
@@ -9,10 +9,12 @@ import { Tray as _Tray } from "../Modal/Tray.js";
 import { Popover as _Popover } from "../Modal/Popover.js";
 import { isOwnActionsPress } from "../../actions/actions-run.js";
 import { DialogContext } from "./context.js";
+import { DiscardChangesDialog, useDismissConfirmation } from "./use-dismiss-confirmation.js";
+import { DialogContainer } from "./DialogContainer.js";
 import { useDialogOpenSync } from "./use-dialog-open-sync.js";
 import { c } from "react/compiler-runtime";
 import { Fragment, useEffect, useMemo, useRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useOverlayPosition, useOverlayTrigger } from "react-aria";
 import { useMediaQuery } from "@react-spectrum/utils";
 import { useOverlayTriggerState } from "react-stately";
@@ -24,7 +26,7 @@ import { PressResponder } from "@react-aria/interactions";
 * positioning of the Dialog.
 */
 function DialogTrigger(props) {
-	let { children, type = "modal", mobileType = type, hideArrow, targetRef, onDismiss, isDismissable = true, isKeyboardDismissDisabled, styles, mobileViewport = 700, hideOnClose, shouldCloseOnInteractOutside, shouldRestoreFocus = true, ...positionProps } = props;
+	let { children, type = "modal", mobileType = type, hideArrow, targetRef, onDismiss, isDismissable = true, isKeyboardDismissDisabled, confirmDismiss, styles, mobileViewport = 700, hideOnClose, shouldCloseOnInteractOutside, shouldRestoreFocus = true, ...positionProps } = props;
 	if (!Array.isArray(children) || children.length > 2) throw new Error("DialogTrigger must have exactly 2 children");
 	let [trigger, content] = children;
 	if (useMediaQuery(`(max-width: ${mobileViewport}px)`)) {
@@ -63,12 +65,19 @@ function DialogTrigger(props) {
 			if ((wasOpen.current || isExiting.current) && type !== "popover" && type !== "tray") console.warn("CubeUIKit: A DialogTrigger unmounted while open. This is likely due to being placed within a trigger that unmounts or inside a conditional. Consider using a DialogContainer instead.");
 		};
 	}, []);
-	function onClose(action, fromAction = false) {
-		if (isDismissable || fromAction) {
-			onDismiss && onDismiss(action);
-			state.close();
-		}
+	const { requestDismiss, registerUnsavedChanges, confirmationProps } = useDismissConfirmation(type === "popover" ? false : confirmDismiss, state.isOpen);
+	function close(action) {
+		onDismiss && onDismiss(action);
+		state.close();
+	}
+	function onClose(action_0, fromAction = false) {
+		if (fromAction) close(action_0);
+		else if (isDismissable) requestDismiss(() => close(action_0));
 	}
+	const confirmation = confirmationProps && /* @__PURE__ */ jsx(DialogContainer, {
+		...confirmationProps,
+		children: /* @__PURE__ */ jsx(DiscardChangesDialog, {})
+	});
 	if (type === "popover") return /* @__PURE__ */ jsx(PopoverTrigger, {
 		...positionProps,
 		hideOnClose,
@@ -117,7 +126,7 @@ function DialogTrigger(props) {
 			});
 		}
 	};
-	return /* @__PURE__ */ jsx(DialogTriggerBase, {
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(DialogTriggerBase, {
 		type,
 		state,
 		isDismissable,
@@ -127,8 +136,10 @@ function DialogTrigger(props) {
 		syncTriggerRef,
 		overlayRef: syncOverlayRef,
 		shouldRestoreFocus,
+		requestDismiss,
+		registerUnsavedChanges,
 		onClose
-	});
+	}), confirmation] });
 }
 function PopoverTrigger(allProps) {
 	const $ = c(66);
@@ -370,12 +381,14 @@ function DialogTriggerBase(props) {
 	useLayoutEffect$1(() => {
 		if (props.syncTriggerRef) props.syncTriggerRef.current = ref.current ?? null;
 	});
-	let { type, state, onClose, isDismissable, dialogProps = {}, triggerProps = {}, overlay, trigger, shouldRestoreFocus = true } = props;
+	let { type, state, onClose, isDismissable, dialogProps = {}, triggerProps = {}, overlay, trigger, shouldRestoreFocus = true, requestDismiss, registerUnsavedChanges } = props;
 	let context = {
 		type,
 		onClose: (action) => onClose?.(action, true),
 		isDismissable,
 		isOpen: state.isOpen,
+		requestDismiss,
+		registerUnsavedChanges,
 		shouldRestoreFocus,
 		...dialogProps
 	};

package/dist/components/overlays/Dialog/DialogTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogTrigger.js","names":["PressResponder","useMediaQuery","Styles","Fragment","ReactElement","RefObject","useEffect","useMemo","useRef","OverlayTriggerProps","Placement","PositionProps","useOverlayPosition","useOverlayTrigger","OverlayTriggerState","useOverlayTriggerState","useEvent","generateRandomId","useCombinedRefs","useLayoutEffect","usePopoverSync","isOwnActionsPress","Modal","Popover","Tray","WithCloseBehavior","DialogContext","useDialogOpenSync","CubeDialogClose","close","CubeDialogTriggerProps","Omit","children","state","type","mobileType","placement","hideArrow","targetRef","HTMLElement","isDismissable","isKeyboardDismissDisabled","mobileViewport","styles","shouldCloseOnInteractOutside","element","Element","onDismiss","action","isOpen","onOpenChange","defaultOpen","shouldFlip","shouldUpdatePosition","containerPadding","shouldRestoreFocus","DialogTrigger","props","hideOnClose","positionProps","Array","isArray","length","Error","trigger","content","isMobile","wasOpen","isExiting","onExiting","current","onExited","dialogSyncId","syncTriggerRef","syncOverlayRef","isPopoverFlavored","menuId","onClose","triggerRef","containerRef","dismissOnInnerButtonPress","closeOnPeerOpen","emits","closes","overlayRef","console","warn","fromAction","renderOverlay","PopoverTrigger","allProps","$","_c","keepOpenOnScroll","t0","t1","t2","t3","t4","t5","t6","t7","t8","t9","t10","t11","t12","t13","t14","triggerType","t15","anchorRef","offset","crossOffset","overlayProps","popoverProps","arrowProps","updatePosition","overlayTriggerState","Symbol","for","triggerProps","undefined","ref","triggerPropsWithRef","el","ownTrigger","popoverTriggerEl","closest","setTimeout","contains","resolveShouldCloseOnInteractOutside","style","overlay","DialogTriggerBase","wasOpenRef","dialogProps","context","hasFocusMovedOutsideDialog","activeElement","document","body","isConnected","focus","triggerExtraProps","toggle","Modal","Tray","_c","Popover"],"sources":["../../../../src/components/overlays/Dialog/DialogTrigger.tsx"],"sourcesContent":["import { PressResponder } from '@react-aria/interactions';\nimport { useMediaQuery } from '@react-spectrum/utils';\nimport { Styles } from '@tenphi/tasty';\nimport {\n  Fragment,\n  ReactElement,\n  RefObject,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\nimport {\n  OverlayTriggerProps,\n  Placement,\n  PositionProps,\n  useOverlayPosition,\n  useOverlayTrigger,\n} from 'react-aria';\nimport { OverlayTriggerState, useOverlayTriggerState } from 'react-stately';\n\nimport { useEvent } from '../../../_internal';\nimport { generateRandomId } from '../../../utils/random';\nimport { useCombinedRefs, useLayoutEffect } from '../../../utils/react/index';\nimport { usePopoverSync } from '../../../utils/react/usePopoverSync';\nimport { isOwnActionsPress } from '../../actions/actions-run';\nimport { Modal, Popover, Tray, WithCloseBehavior } from '../Modal';\n\nimport { DialogContext } from './context';\nimport { useDialogOpenSync } from './use-dialog-open-sync';\n\nexport type CubeDialogClose = (close: () => void) => ReactElement;\n\nexport interface CubeDialogTriggerProps\n  extends Omit<OverlayTriggerProps, 'type'>, PositionProps, WithCloseBehavior {\n  /** The Dialog and its trigger element. See the DialogTrigger [Content section](#content) for more information on what to provide as children. */\n  children: [\n    ReactElement | ((state: OverlayTriggerState) => ReactElement),\n    CubeDialogClose | ReactElement,\n  ];\n  /**\n   * The type of Dialog that should be rendered. See the DialogTrigger [types section](#dialog-types) for an explanation on each.\n   * @default 'modal'\n   */\n  type?:\n    | 'modal'\n    | 'popover'\n    | 'tray'\n    | 'fullscreen'\n    | 'fullscreenTakeover'\n    | 'panel';\n  /** The type of Dialog rendered on mobile, defaulting to `type`. See DialogTrigger [types section](#dialog-types) for an explanation on each. */\n  mobileType?:\n    | 'modal'\n    | 'tray'\n    | 'fullscreen'\n    | 'fullscreenTakeover'\n    | 'panel'\n    | 'popover';\n  placement?: Placement;\n  /**\n   * Has no effect: popovers render no arrow.\n   * @deprecated Popovers never render an arrow, so there is nothing to hide.\n   */\n  hideArrow?: boolean;\n  /** The ref of the element the Dialog should visually attach itself to. Defaults to the trigger button if not defined. A popover closes when this element scrolls, as one attached to its trigger does. */\n  targetRef?: RefObject<HTMLElement | null>;\n  /**\n   * Whether passive dismissal (Escape or an outside click) can close the dialog. Explicit dialog actions can still close it.\n   * A popover that is not dismissable lets an outside press through to the control it lands on, including a text field, which can take focus. It stays open when another popover opens, and closes when a modal, tray, fullscreen or panel dialog opens from another `DialogTrigger`.\n   */\n  isDismissable?: boolean;\n  /** Whether pressing the escape key to close the dialog should be disabled. */\n  isKeyboardDismissDisabled?: boolean;\n  /** The screen breakpoint for the mobile type */\n  mobileViewport?: number;\n  /** The style map for the overlay **/\n  styles?: Styles;\n  shouldCloseOnInteractOutside?: (element: Element) => boolean;\n  onDismiss?: (action?: string) => void;\n  isOpen?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n  defaultOpen?: boolean;\n  shouldFlip?: boolean;\n  shouldUpdatePosition?: boolean;\n  /** Minimum padding in pixels between the popover and viewport edges */\n  containerPadding?: number;\n  /**\n   * Whether focus returns to the trigger when the dialog closes. Defaults to\n   * `true`.\n   *\n   * The restore is skipped automatically whenever the action that closed the\n   * dialog has already moved focus somewhere else, so an action that opens a\n   * panel/dialog/inline editor and focuses it needs nothing here. Pass `false`\n   * for the remaining case: a surface that claims focus *later* than the\n   * dialog's own restore (after an async load, an entry animation, or a\n   * `requestAnimationFrame`), where the trigger would otherwise take focus\n   * first and produce a visible flash.\n   */\n  shouldRestoreFocus?: boolean;\n}\n\n/**\n * DialogTrigger serves as a wrapper around a Dialog and its associated trigger, linking the Dialog's\n * open state with the trigger's press state. Additionally, it allows you to customize the type and\n * positioning of the Dialog.\n */\nexport function DialogTrigger(props: CubeDialogTriggerProps) {\n  let {\n    children,\n    type = 'modal',\n    mobileType = type,\n    hideArrow,\n    targetRef,\n    onDismiss,\n    isDismissable = true,\n    isKeyboardDismissDisabled,\n    styles,\n    mobileViewport = 700,\n    hideOnClose,\n    shouldCloseOnInteractOutside,\n    shouldRestoreFocus = true,\n    ...positionProps\n  } = props;\n\n  if (!Array.isArray(children) || children.length > 2) {\n    throw new Error('DialogTrigger must have exactly 2 children');\n  }\n  // if a function is passed as the second child, it won't appear in toArray\n  let [trigger, content] = children;\n\n  // Apply the mobile type at the configured breakpoint.\n  let isMobile = useMediaQuery(`(max-width: ${mobileViewport}px)`);\n  if (isMobile) {\n    // handle cases where desktop popovers need a close button for the mobile modal view\n    if (type !== 'modal' && mobileType === 'modal') {\n      isDismissable = true;\n    }\n\n    type = mobileType;\n  }\n\n  let state = useOverlayTriggerState(props);\n\n  if (typeof trigger === 'function') {\n    trigger = trigger(state);\n  }\n\n  let wasOpen = useRef(false);\n  let isExiting = useRef(false);\n  let onExiting = () => (isExiting.current = true);\n  let onExited = () => (isExiting.current = false);\n\n  wasOpen.current = state.isOpen;\n\n  // Shared identity + refs for `usePopoverSync`. Allocating here (rather than\n  // inside the branch-specific sub-trees) keeps a single sync registration for\n  // the lifetime of the trigger, even when `type` flips between popover and\n  // modal at the mobile breakpoint. The refs are then threaded into the\n  // appropriate branch so existing positioning / useOverlayTrigger hooks keep\n  // their original ref targets and `usePopoverSync`'s `contains()` check has a\n  // real DOM node to query.\n  const dialogSyncId = useMemo(() => generateRandomId(), []);\n  const syncTriggerRef = useRef<HTMLElement | null>(null);\n  const syncOverlayRef = useRef<HTMLElement | null>(null);\n\n  // Only popover-type Dialogs participate in the \"press inside dismisses\n  // me\" / \"peer popover opening dismisses me\" behaviours: modals, trays,\n  // fullscreen and panel Dialogs are persistent workspaces and must not be\n  // yanked closed via the EventBus (which would bypass `isDismissable` and\n  // call `state.close()` directly). Non-popover types DO still EMIT\n  // `popover:open`, so opening a modal correctly dismisses peer popovers.\n  //\n  // A popover that is not dismissable does not listen to `popover:open`: a\n  // peer popover leaves it open, as any other outside press does. A modal,\n  // tray, fullscreen or panel Dialog opening still closes it, through\n  // `useDialogOpenSync` below.\n  const isPopoverFlavored = type === 'popover';\n  usePopoverSync({\n    menuId: dialogSyncId,\n    isOpen: state.isOpen,\n    onClose: () => state.close(),\n    triggerRef: syncTriggerRef,\n    containerRef: syncOverlayRef,\n    dismissOnInnerButtonPress: isPopoverFlavored,\n    closeOnPeerOpen: isPopoverFlavored && isDismissable,\n  });\n  useDialogOpenSync({\n    emits: !isPopoverFlavored,\n    closes: isPopoverFlavored && !isDismissable,\n    state,\n    triggerRef: syncTriggerRef,\n    overlayRef: syncOverlayRef,\n  });\n\n  useEffect(() => {\n    return () => {\n      if (\n        (wasOpen.current || isExiting.current) &&\n        type !== 'popover' &&\n        type !== 'tray'\n      ) {\n        console.warn(\n          'CubeUIKit: A DialogTrigger unmounted while open. This is likely due to being placed within a trigger that unmounts or inside a conditional. Consider using a DialogContainer instead.',\n        );\n      }\n    };\n  }, []);\n\n  function onClose(action, fromAction = false) {\n    if (isDismissable || fromAction) {\n      onDismiss && onDismiss(action);\n      state.close();\n    }\n  }\n\n  if (type === 'popover') {\n    return (\n      <PopoverTrigger\n        {...positionProps}\n        hideOnClose={hideOnClose}\n        state={state}\n        styles={styles}\n        targetRef={targetRef}\n        trigger={trigger}\n        content={content}\n        isDismissable={isDismissable}\n        isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n        hideArrow={hideArrow}\n        shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}\n        shouldRestoreFocus={shouldRestoreFocus}\n        syncTriggerRef={syncTriggerRef}\n        syncOverlayRef={syncOverlayRef}\n        triggerType={type}\n        onClose={onClose}\n      />\n    );\n  }\n\n  let renderOverlay = () => {\n    switch (type) {\n      case 'panel':\n      case 'fullscreen':\n      case 'fullscreenTakeover':\n      case 'modal':\n        return (\n          <Modal\n            ref={syncOverlayRef}\n            hideOnClose={hideOnClose}\n            isOpen={state.isOpen}\n            isDismissable={isDismissable}\n            type={type}\n            isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n            styles={styles}\n            shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}\n            onClose={onClose}\n            onExiting={onExiting}\n            onExited={onExited}\n          >\n            {typeof content === 'function' ? content(state.close) : content}\n          </Modal>\n        );\n      case 'tray':\n        return (\n          <Tray\n            ref={syncOverlayRef}\n            hideOnClose={hideOnClose}\n            isOpen={state.isOpen}\n            isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n            styles={styles}\n            onClose={onClose}\n          >\n            {typeof content === 'function' ? content(state.close) : content}\n          </Tray>\n        );\n    }\n  };\n\n  return (\n    <DialogTriggerBase\n      type={type}\n      state={state}\n      isDismissable={isDismissable}\n      trigger={trigger}\n      overlay={renderOverlay()}\n      hideOnClose={hideOnClose}\n      syncTriggerRef={syncTriggerRef}\n      overlayRef={syncOverlayRef}\n      shouldRestoreFocus={shouldRestoreFocus}\n      onClose={onClose}\n    />\n  );\n}\n\nfunction PopoverTrigger(allProps) {\n  let {\n    state,\n    styles,\n    targetRef,\n    trigger,\n    content,\n    hideArrow,\n    onClose,\n    isDismissable,\n    isKeyboardDismissDisabled,\n    hideOnClose,\n    shouldCloseOnInteractOutside,\n    shouldRestoreFocus,\n    keepOpenOnScroll,\n    syncTriggerRef,\n    syncOverlayRef,\n    triggerType,\n    ...props\n  } = allProps;\n\n  let triggerRef = useRef<HTMLButtonElement>(null);\n  let overlayRef = useRef<HTMLDivElement>(null);\n  // What the popover is positioned against, and closes on scroll with.\n  let anchorRef = targetRef || triggerRef;\n\n  // Mirror the trigger/overlay DOM nodes into the parent-owned sync refs.\n  //\n  // We deliberately do NOT use `useCombinedRefs` here: that hook returns a\n  // brand new internal ref and propagates to the passed refs via a regular\n  // `useEffect` (post-commit). `useOverlayPosition` below reads\n  // `triggerRef.current` in its own layout effect during the SAME commit, so\n  // if `triggerRef` only receives the DOM node via a delayed effect, the\n  // first measurement sees `null` and the popover positions at the document\n  // origin until something forces a re-measure.\n  //\n  // Keeping `triggerRef`/`overlayRef` as the direct React refs preserves\n  // synchronous assignment for `useOverlayPosition`. The sync refs are only\n  // ever read inside `popover:open` handlers, which fire via setTimeout(0),\n  // so a layout-effect mirror is more than fast enough.\n  useLayoutEffect(() => {\n    if (syncTriggerRef) {\n      syncTriggerRef.current = targetRef?.current ?? triggerRef.current ?? null;\n    }\n    if (syncOverlayRef) {\n      syncOverlayRef.current = overlayRef.current ?? null;\n    }\n  });\n\n  let {\n    overlayProps: popoverProps,\n    placement,\n    arrowProps,\n    updatePosition,\n  } = useOverlayPosition({\n    targetRef: anchorRef,\n    overlayRef: overlayRef,\n    placement: props.placement,\n    containerPadding: props.containerPadding,\n    offset: props.offset ?? 8,\n    crossOffset: props.crossOffset,\n    shouldFlip: props.shouldFlip,\n    shouldUpdatePosition: props.shouldUpdatePosition,\n    isOpen: state.isOpen,\n  });\n\n  let overlayTriggerState = state;\n\n  if (keepOpenOnScroll) {\n    overlayTriggerState = { ...state, close: updatePosition };\n  }\n\n  // Registers the close (or, with `keepOpenOnScroll`, the reposition) that\n  // `useOverlayPosition` runs when the anchor scrolls. It is looked up by the\n  // anchor element, so it has to be registered there: with `targetRef` the\n  // trigger ref is never attached, and the popover stayed open while its\n  // anchor scrolled away.\n  let { triggerProps, overlayProps } = useOverlayTrigger(\n    { type: 'dialog' },\n    overlayTriggerState,\n    anchorRef,\n  );\n\n  let triggerPropsWithRef = {\n    ...triggerProps,\n    ref: targetRef ? undefined : triggerRef,\n  };\n\n  // Mirror the Select/ComboBox/MenuTrigger pattern: when an outside click lands\n  // on ANOTHER popover trigger, return `false` so react-aria's `useOverlay`\n  // does NOT `stopPropagation()` the click. The click then reaches that trigger,\n  // its popover opens, and `usePopoverSync` closes this one via the EventBus.\n  // Without this, react-aria swallows every outside click and a single click on\n  // a sibling trigger can't open it while this popover is open.\n  const resolveShouldCloseOnInteractOutside = useEvent(\n    (el: Element): boolean => {\n      // The caller's own predicate is asked FIRST, so an explicit \"keep me open\n      // for this element\" wins over every automatic behaviour below (CUB-4113).\n      // It used to be consulted last, which made the prop inert for every\n      // `Button` / `ItemButton`: those carry `data-popover-dismiss`, so the\n      // auto-dismiss branch matched and closed the popover before the predicate\n      // was ever asked.\n      //\n      // Asked before every lookup below, not just inside the \"outside any\n      // trigger\" branch: a trigger can own interactive controls of its own, and\n      // those used to be decided without the predicate ever being asked.\n      //\n      // React Aria hands over the element the pointer landed on — for a\n      // `Button` that is the label inside it, not the `<button>` — so a\n      // predicate that guards an element has to use `contains()` rather than an\n      // identity check.\n      if (shouldCloseOnInteractOutside && !shouldCloseOnInteractOutside(el)) {\n        return false;\n      }\n\n      const ownTrigger = targetRef?.current ?? triggerRef.current;\n\n      // A press on our OWN trigger's actions run — an `ItemButton` row's\n      // `actions`, a picker's clear button — is not a press outside. The run is\n      // rendered as a sibling of the trigger (see `ItemActionsWrapper`), so the\n      // `contains` checks below cannot recognise it and we dismissed instead,\n      // which cost the action its press: the first press on `Reset` while the\n      // popover was open only closed the popover and never ran.\n      if (isOwnActionsPress(el, ownTrigger)) return false;\n\n      const popoverTriggerEl = el.closest('[data-popover-trigger]');\n      if (!popoverTriggerEl) {\n        if (el.closest('[data-popover-keep]')) return false;\n        // Plain interactive controls (Button, ItemButton) opt in via\n        // `data-popover-dismiss`. Schedule the close after the click finishes so\n        // the control's `onPress` runs first instead of losing the click to\n        // useOverlay's stopPropagation.\n        if (el.closest('[data-popover-dismiss]')) {\n          setTimeout(() => state.close(), 0);\n          return false;\n        }\n        return true;\n      }\n      // Clicking our own trigger again should dismiss us.\n      if (popoverTriggerEl === ownTrigger || ownTrigger?.contains(el))\n        return true;\n      // Another popover's trigger: let the click through so it can open.\n      return false;\n    },\n  );\n\n  let overlay = (\n    <Popover\n      ref={overlayRef}\n      styles={styles}\n      hideOnClose={hideOnClose}\n      isOpen={state.isOpen}\n      // oxlint-disable-next-line tasty/no-style-prop -- React Aria's overlay positioning computes these coordinates\n      style={popoverProps.style}\n      placement={placement ?? undefined}\n      arrowProps={arrowProps}\n      // Not dismissable: an outside press is left alone entirely, so it\n      // reaches the control it landed on and nothing below is asked.\n      isDismissable={isDismissable}\n      isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n      hideArrow={hideArrow}\n      shouldCloseOnInteractOutside={resolveShouldCloseOnInteractOutside}\n      onClose={onClose}\n    >\n      {typeof content === 'function' ? content(state.close) : content}\n    </Popover>\n  );\n\n  return (\n    <DialogTriggerBase\n      type=\"popover\"\n      state={state}\n      triggerProps={triggerPropsWithRef}\n      dialogProps={overlayProps}\n      trigger={trigger}\n      overlay={overlay}\n      overlayRef={overlayRef}\n      isDismissable={isDismissable}\n      shouldRestoreFocus={shouldRestoreFocus}\n      onClose={onClose}\n    />\n  );\n}\n\nfunction DialogTriggerBase(props: any) {\n  const ref = useCombinedRefs<HTMLElement>(props.ref);\n  const wasOpenRef = useRef(false);\n  const overlayRef: RefObject<HTMLElement | null> | undefined =\n    props.overlayRef;\n\n  // Mirror the press-responder DOM node into the parent's sync trigger ref.\n  // Done via `useLayoutEffect` rather than threading through `useCombinedRefs`\n  // for consistency with `PopoverTrigger` (see comment there) — keeps the\n  // sync-ref population deterministic regardless of branch.\n  useLayoutEffect(() => {\n    if (props.syncTriggerRef) {\n      props.syncTriggerRef.current = ref.current ?? null;\n    }\n  });\n\n  let {\n    type,\n    state,\n    onClose,\n    isDismissable,\n    dialogProps = {},\n    triggerProps = {},\n    overlay,\n    trigger,\n    shouldRestoreFocus = true,\n  } = props;\n\n  let context = {\n    type,\n    // Explicit dialog actions can close even when passive dismissal is disabled.\n    onClose: (action?: string) => onClose?.(action, true),\n    isDismissable,\n    isOpen: state.isOpen,\n    // Reaches `Dialog`'s `FocusScope`, which owns the restore for\n    // popover-type dialogs (`Dialog` itself, for a retained one). `useDialog`\n    // filters it out of the DOM props.\n    shouldRestoreFocus,\n    ...dialogProps,\n  };\n\n  // Whether focus has been claimed by something outside the closing dialog —\n  // the signal that an action handed focus off and the trigger must not take\n  // it back. Same rule as `MenuTrigger` (see CUB-3962): an action that opens\n  // a panel, another dialog or an inline editor focuses that surface, and\n  // restoring here would undo the hand-off.\n  //\n  // Focus still inside the overlay means nobody claimed it (the pressed\n  // control keeps focus while the overlay plays its ~350ms exit animation),\n  // and focus on `<body>` or on a detached node means the focused element\n  // went away with the dialog. Both belong back on the trigger.\n  const hasFocusMovedOutsideDialog = useEvent(() => {\n    const activeElement = document.activeElement;\n\n    if (!activeElement || activeElement === document.body) return false;\n    if (!activeElement.isConnected) return false;\n\n    return !(\n      overlayRef?.current?.contains(activeElement) ||\n      ref.current?.contains(activeElement)\n    );\n  });\n\n  // Restore focus manually when the dialog closes.\n  //\n  // Live for modal/tray/fullscreen/panel types only: in the popover branch\n  // `triggerProps` carries its own `ref`, which overrides the `ref={ref}` on\n  // `PressResponder` below, so `ref.current` stays null and this is a no-op.\n  // Popovers get their restore from `Dialog`'s own `<FocusScope restoreFocus>`\n  // instead, or from `Dialog` at the end of the exit when `hideOnClose` keeps\n  // that scope mounted; both decline to restore when focus moved elsewhere.\n  useEffect(() => {\n    if (!state.isOpen && wasOpenRef.current) {\n      wasOpenRef.current = false;\n      if (!shouldRestoreFocus) return;\n      if (hasFocusMovedOutsideDialog()) return;\n      ref.current?.focus();\n    } else if (state.isOpen) {\n      wasOpenRef.current = true;\n    }\n  }, [state.isOpen, shouldRestoreFocus, hasFocusMovedOutsideDialog]);\n\n  // Mark popover-type DialogTrigger children with `data-popover-trigger` so\n  // `Button` / `ItemButton`'s default dismiss-on-press behaviour treats them\n  // as popover triggers (skips the dismiss). Modal/tray/fullscreen children\n  // intentionally stay UNMARKED — when a modal-type DialogTrigger lives\n  // inside a popover footer, pressing it should dismiss the parent popover\n  // (matching the \"modal takes over\" native UX).\n  const triggerExtraProps =\n    type === 'popover' ? { 'data-popover-trigger': '' } : {};\n\n  return (\n    <Fragment>\n      <PressResponder\n        ref={ref}\n        {...triggerProps}\n        {...triggerExtraProps}\n        isPressed={\n          state.isOpen &&\n          type !== 'modal' &&\n          type !== 'fullscreen' &&\n          type !== 'fullscreenTakeover'\n        }\n        onPress={state.toggle}\n      >\n        {trigger}\n      </PressResponder>\n      <DialogContext.Provider value={context}>{overlay}</DialogContext.Provider>\n    </Fragment>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"DialogTrigger.js","names":["PressResponder","useMediaQuery","Styles","Fragment","ReactElement","RefObject","useEffect","useMemo","useRef","OverlayTriggerProps","Placement","PositionProps","useOverlayPosition","useOverlayTrigger","OverlayTriggerState","useOverlayTriggerState","useEvent","generateRandomId","useCombinedRefs","useLayoutEffect","usePopoverSync","isOwnActionsPress","Modal","Popover","Tray","WithCloseBehavior","DialogContext","DialogContainer","useDialogOpenSync","DiscardChangesDialog","useDismissConfirmation","CubeDialogClose","close","CubeDialogTriggerProps","Omit","children","state","type","mobileType","placement","hideArrow","targetRef","HTMLElement","isDismissable","isKeyboardDismissDisabled","confirmDismiss","mobileViewport","styles","shouldCloseOnInteractOutside","element","Element","onDismiss","action","isOpen","onOpenChange","defaultOpen","shouldFlip","shouldUpdatePosition","containerPadding","shouldRestoreFocus","DialogTrigger","props","hideOnClose","positionProps","Array","isArray","length","Error","trigger","content","isMobile","wasOpen","isExiting","onExiting","current","onExited","dialogSyncId","syncTriggerRef","syncOverlayRef","isPopoverFlavored","menuId","onClose","triggerRef","containerRef","dismissOnInnerButtonPress","closeOnPeerOpen","emits","closes","overlayRef","console","warn","requestDismiss","registerUnsavedChanges","confirmationProps","fromAction","confirmation","renderOverlay","PopoverTrigger","allProps","$","_c","keepOpenOnScroll","t0","t1","t2","t3","t4","t5","t6","t7","t8","t9","t10","t11","t12","t13","t14","triggerType","t15","anchorRef","offset","crossOffset","overlayProps","popoverProps","arrowProps","updatePosition","overlayTriggerState","Symbol","for","triggerProps","undefined","ref","triggerPropsWithRef","el","ownTrigger","popoverTriggerEl","closest","setTimeout","contains","resolveShouldCloseOnInteractOutside","style","overlay","DialogTriggerBase","wasOpenRef","dialogProps","context","hasFocusMovedOutsideDialog","activeElement","document","body","isConnected","focus","triggerExtraProps","toggle","Modal","Tray","_c","Popover"],"sources":["../../../../src/components/overlays/Dialog/DialogTrigger.tsx"],"sourcesContent":["import { PressResponder } from '@react-aria/interactions';\nimport { useMediaQuery } from '@react-spectrum/utils';\nimport { Styles } from '@tenphi/tasty';\nimport {\n  Fragment,\n  ReactElement,\n  RefObject,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\nimport {\n  OverlayTriggerProps,\n  Placement,\n  PositionProps,\n  useOverlayPosition,\n  useOverlayTrigger,\n} from 'react-aria';\nimport { OverlayTriggerState, useOverlayTriggerState } from 'react-stately';\n\nimport { useEvent } from '../../../_internal';\nimport { generateRandomId } from '../../../utils/random';\nimport { useCombinedRefs, useLayoutEffect } from '../../../utils/react/index';\nimport { usePopoverSync } from '../../../utils/react/usePopoverSync';\nimport { isOwnActionsPress } from '../../actions/actions-run';\nimport { Modal, Popover, Tray, WithCloseBehavior } from '../Modal';\n\nimport { DialogContext } from './context';\nimport { DialogContainer } from './DialogContainer';\nimport { useDialogOpenSync } from './use-dialog-open-sync';\nimport {\n  DiscardChangesDialog,\n  useDismissConfirmation,\n} from './use-dismiss-confirmation';\n\nexport type CubeDialogClose = (close: () => void) => ReactElement;\n\nexport interface CubeDialogTriggerProps\n  extends Omit<OverlayTriggerProps, 'type'>, PositionProps, WithCloseBehavior {\n  /** The Dialog and its trigger element. See the DialogTrigger [Content section](#content) for more information on what to provide as children. */\n  children: [\n    ReactElement | ((state: OverlayTriggerState) => ReactElement),\n    CubeDialogClose | ReactElement,\n  ];\n  /**\n   * The type of Dialog that should be rendered. See the DialogTrigger [types section](#dialog-types) for an explanation on each.\n   * @default 'modal'\n   */\n  type?:\n    | 'modal'\n    | 'popover'\n    | 'tray'\n    | 'fullscreen'\n    | 'fullscreenTakeover'\n    | 'panel';\n  /** The type of Dialog rendered on mobile, defaulting to `type`. See DialogTrigger [types section](#dialog-types) for an explanation on each. */\n  mobileType?:\n    | 'modal'\n    | 'tray'\n    | 'fullscreen'\n    | 'fullscreenTakeover'\n    | 'panel'\n    | 'popover';\n  placement?: Placement;\n  /**\n   * Has no effect: popovers render no arrow.\n   * @deprecated Popovers never render an arrow, so there is nothing to hide.\n   */\n  hideArrow?: boolean;\n  /** The ref of the element the Dialog should visually attach itself to. Defaults to the trigger button if not defined. A popover closes when this element scrolls, as one attached to its trigger does. */\n  targetRef?: RefObject<HTMLElement | null>;\n  /**\n   * Whether passive dismissal (Escape or an outside click) can close the dialog. Explicit dialog actions can still close it.\n   * A popover that is not dismissable lets an outside press through to the control it lands on, including a text field, which can take focus. It stays open when another popover opens, and closes when a modal, tray, fullscreen or panel dialog opens from another `DialogTrigger`.\n   */\n  isDismissable?: boolean;\n  /** Whether pressing the escape key to close the dialog should be disabled. */\n  isKeyboardDismissDisabled?: boolean;\n  /**\n   * Whether Escape, an outside click and the close button ask \"Discard\n   * changes?\" before they close the dialog. Unset, they ask while a form\n   * inside (a `DialogForm`, or a modern `Form`) has unsaved edits. Explicit\n   * actions (submit, Cancel, the `close` function) never ask, and a popover\n   * never does: it closes on its own in more ways than these.\n   */\n  confirmDismiss?: boolean;\n  /** The screen breakpoint for the mobile type */\n  mobileViewport?: number;\n  /** The style map for the overlay **/\n  styles?: Styles;\n  shouldCloseOnInteractOutside?: (element: Element) => boolean;\n  onDismiss?: (action?: string) => void;\n  isOpen?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n  defaultOpen?: boolean;\n  shouldFlip?: boolean;\n  shouldUpdatePosition?: boolean;\n  /** Minimum padding in pixels between the popover and viewport edges */\n  containerPadding?: number;\n  /**\n   * Whether focus returns to the trigger when the dialog closes. Defaults to\n   * `true`.\n   *\n   * The restore is skipped automatically whenever the action that closed the\n   * dialog has already moved focus somewhere else, so an action that opens a\n   * panel/dialog/inline editor and focuses it needs nothing here. Pass `false`\n   * for the remaining case: a surface that claims focus *later* than the\n   * dialog's own restore (after an async load, an entry animation, or a\n   * `requestAnimationFrame`), where the trigger would otherwise take focus\n   * first and produce a visible flash.\n   */\n  shouldRestoreFocus?: boolean;\n}\n\n/**\n * DialogTrigger serves as a wrapper around a Dialog and its associated trigger, linking the Dialog's\n * open state with the trigger's press state. Additionally, it allows you to customize the type and\n * positioning of the Dialog.\n */\nexport function DialogTrigger(props: CubeDialogTriggerProps) {\n  let {\n    children,\n    type = 'modal',\n    mobileType = type,\n    hideArrow,\n    targetRef,\n    onDismiss,\n    isDismissable = true,\n    isKeyboardDismissDisabled,\n    confirmDismiss,\n    styles,\n    mobileViewport = 700,\n    hideOnClose,\n    shouldCloseOnInteractOutside,\n    shouldRestoreFocus = true,\n    ...positionProps\n  } = props;\n\n  if (!Array.isArray(children) || children.length > 2) {\n    throw new Error('DialogTrigger must have exactly 2 children');\n  }\n  // if a function is passed as the second child, it won't appear in toArray\n  let [trigger, content] = children;\n\n  // Apply the mobile type at the configured breakpoint.\n  let isMobile = useMediaQuery(`(max-width: ${mobileViewport}px)`);\n  if (isMobile) {\n    // handle cases where desktop popovers need a close button for the mobile modal view\n    if (type !== 'modal' && mobileType === 'modal') {\n      isDismissable = true;\n    }\n\n    type = mobileType;\n  }\n\n  let state = useOverlayTriggerState(props);\n\n  if (typeof trigger === 'function') {\n    trigger = trigger(state);\n  }\n\n  let wasOpen = useRef(false);\n  let isExiting = useRef(false);\n  let onExiting = () => (isExiting.current = true);\n  let onExited = () => (isExiting.current = false);\n\n  wasOpen.current = state.isOpen;\n\n  // Shared identity + refs for `usePopoverSync`. Allocating here (rather than\n  // inside the branch-specific sub-trees) keeps a single sync registration for\n  // the lifetime of the trigger, even when `type` flips between popover and\n  // modal at the mobile breakpoint. The refs are then threaded into the\n  // appropriate branch so existing positioning / useOverlayTrigger hooks keep\n  // their original ref targets and `usePopoverSync`'s `contains()` check has a\n  // real DOM node to query.\n  const dialogSyncId = useMemo(() => generateRandomId(), []);\n  const syncTriggerRef = useRef<HTMLElement | null>(null);\n  const syncOverlayRef = useRef<HTMLElement | null>(null);\n\n  // Only popover-type Dialogs participate in the \"press inside dismisses\n  // me\" / \"peer popover opening dismisses me\" behaviours: modals, trays,\n  // fullscreen and panel Dialogs are persistent workspaces and must not be\n  // yanked closed via the EventBus (which would bypass `isDismissable` and\n  // call `state.close()` directly). Non-popover types DO still EMIT\n  // `popover:open`, so opening a modal correctly dismisses peer popovers.\n  //\n  // A popover that is not dismissable does not listen to `popover:open`: a\n  // peer popover leaves it open, as any other outside press does. A modal,\n  // tray, fullscreen or panel Dialog opening still closes it, through\n  // `useDialogOpenSync` below.\n  const isPopoverFlavored = type === 'popover';\n  usePopoverSync({\n    menuId: dialogSyncId,\n    isOpen: state.isOpen,\n    onClose: () => state.close(),\n    triggerRef: syncTriggerRef,\n    containerRef: syncOverlayRef,\n    dismissOnInnerButtonPress: isPopoverFlavored,\n    closeOnPeerOpen: isPopoverFlavored && isDismissable,\n  });\n  useDialogOpenSync({\n    emits: !isPopoverFlavored,\n    closes: isPopoverFlavored && !isDismissable,\n    state,\n    triggerRef: syncTriggerRef,\n    overlayRef: syncOverlayRef,\n  });\n\n  useEffect(() => {\n    return () => {\n      if (\n        (wasOpen.current || isExiting.current) &&\n        type !== 'popover' &&\n        type !== 'tray'\n      ) {\n        console.warn(\n          'CubeUIKit: A DialogTrigger unmounted while open. This is likely due to being placed within a trigger that unmounts or inside a conditional. Consider using a DialogContainer instead.',\n        );\n      }\n    };\n  }, []);\n\n  const { requestDismiss, registerUnsavedChanges, confirmationProps } =\n    useDismissConfirmation(\n      type === 'popover' ? false : confirmDismiss,\n      state.isOpen,\n    );\n\n  function close(action?: string) {\n    onDismiss && onDismiss(action);\n    state.close();\n  }\n\n  // Explicit dialog actions close at once. A passive dismissal (Escape or an\n  // outside click) needs `isDismissable`, and asks first while the dialog\n  // holds unsaved edits.\n  function onClose(action, fromAction = false) {\n    if (fromAction) close(action);\n    else if (isDismissable) requestDismiss(() => close(action));\n  }\n\n  const confirmation = confirmationProps && (\n    <DialogContainer {...confirmationProps}>\n      <DiscardChangesDialog />\n    </DialogContainer>\n  );\n\n  if (type === 'popover') {\n    return (\n      <PopoverTrigger\n        {...positionProps}\n        hideOnClose={hideOnClose}\n        state={state}\n        styles={styles}\n        targetRef={targetRef}\n        trigger={trigger}\n        content={content}\n        isDismissable={isDismissable}\n        isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n        hideArrow={hideArrow}\n        shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}\n        shouldRestoreFocus={shouldRestoreFocus}\n        syncTriggerRef={syncTriggerRef}\n        syncOverlayRef={syncOverlayRef}\n        triggerType={type}\n        onClose={onClose}\n      />\n    );\n  }\n\n  let renderOverlay = () => {\n    switch (type) {\n      case 'panel':\n      case 'fullscreen':\n      case 'fullscreenTakeover':\n      case 'modal':\n        return (\n          <Modal\n            ref={syncOverlayRef}\n            hideOnClose={hideOnClose}\n            isOpen={state.isOpen}\n            isDismissable={isDismissable}\n            type={type}\n            isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n            styles={styles}\n            shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}\n            onClose={onClose}\n            onExiting={onExiting}\n            onExited={onExited}\n          >\n            {typeof content === 'function' ? content(state.close) : content}\n          </Modal>\n        );\n      case 'tray':\n        return (\n          <Tray\n            ref={syncOverlayRef}\n            hideOnClose={hideOnClose}\n            isOpen={state.isOpen}\n            isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n            styles={styles}\n            onClose={onClose}\n          >\n            {typeof content === 'function' ? content(state.close) : content}\n          </Tray>\n        );\n    }\n  };\n\n  return (\n    <>\n      <DialogTriggerBase\n        type={type}\n        state={state}\n        isDismissable={isDismissable}\n        trigger={trigger}\n        overlay={renderOverlay()}\n        hideOnClose={hideOnClose}\n        syncTriggerRef={syncTriggerRef}\n        overlayRef={syncOverlayRef}\n        shouldRestoreFocus={shouldRestoreFocus}\n        requestDismiss={requestDismiss}\n        registerUnsavedChanges={registerUnsavedChanges}\n        onClose={onClose}\n      />\n      {confirmation}\n    </>\n  );\n}\n\nfunction PopoverTrigger(allProps) {\n  let {\n    state,\n    styles,\n    targetRef,\n    trigger,\n    content,\n    hideArrow,\n    onClose,\n    isDismissable,\n    isKeyboardDismissDisabled,\n    hideOnClose,\n    shouldCloseOnInteractOutside,\n    shouldRestoreFocus,\n    keepOpenOnScroll,\n    syncTriggerRef,\n    syncOverlayRef,\n    triggerType,\n    ...props\n  } = allProps;\n\n  let triggerRef = useRef<HTMLButtonElement>(null);\n  let overlayRef = useRef<HTMLDivElement>(null);\n  // What the popover is positioned against, and closes on scroll with.\n  let anchorRef = targetRef || triggerRef;\n\n  // Mirror the trigger/overlay DOM nodes into the parent-owned sync refs.\n  //\n  // We deliberately do NOT use `useCombinedRefs` here: that hook returns a\n  // brand new internal ref and propagates to the passed refs via a regular\n  // `useEffect` (post-commit). `useOverlayPosition` below reads\n  // `triggerRef.current` in its own layout effect during the SAME commit, so\n  // if `triggerRef` only receives the DOM node via a delayed effect, the\n  // first measurement sees `null` and the popover positions at the document\n  // origin until something forces a re-measure.\n  //\n  // Keeping `triggerRef`/`overlayRef` as the direct React refs preserves\n  // synchronous assignment for `useOverlayPosition`. The sync refs are only\n  // ever read inside `popover:open` handlers, which fire via setTimeout(0),\n  // so a layout-effect mirror is more than fast enough.\n  useLayoutEffect(() => {\n    if (syncTriggerRef) {\n      syncTriggerRef.current = targetRef?.current ?? triggerRef.current ?? null;\n    }\n    if (syncOverlayRef) {\n      syncOverlayRef.current = overlayRef.current ?? null;\n    }\n  });\n\n  let {\n    overlayProps: popoverProps,\n    placement,\n    arrowProps,\n    updatePosition,\n  } = useOverlayPosition({\n    targetRef: anchorRef,\n    overlayRef: overlayRef,\n    placement: props.placement,\n    containerPadding: props.containerPadding,\n    offset: props.offset ?? 8,\n    crossOffset: props.crossOffset,\n    shouldFlip: props.shouldFlip,\n    shouldUpdatePosition: props.shouldUpdatePosition,\n    isOpen: state.isOpen,\n  });\n\n  let overlayTriggerState = state;\n\n  if (keepOpenOnScroll) {\n    overlayTriggerState = { ...state, close: updatePosition };\n  }\n\n  // Registers the close (or, with `keepOpenOnScroll`, the reposition) that\n  // `useOverlayPosition` runs when the anchor scrolls. It is looked up by the\n  // anchor element, so it has to be registered there: with `targetRef` the\n  // trigger ref is never attached, and the popover stayed open while its\n  // anchor scrolled away.\n  let { triggerProps, overlayProps } = useOverlayTrigger(\n    { type: 'dialog' },\n    overlayTriggerState,\n    anchorRef,\n  );\n\n  let triggerPropsWithRef = {\n    ...triggerProps,\n    ref: targetRef ? undefined : triggerRef,\n  };\n\n  // Mirror the Select/ComboBox/MenuTrigger pattern: when an outside click lands\n  // on ANOTHER popover trigger, return `false` so react-aria's `useOverlay`\n  // does NOT `stopPropagation()` the click. The click then reaches that trigger,\n  // its popover opens, and `usePopoverSync` closes this one via the EventBus.\n  // Without this, react-aria swallows every outside click and a single click on\n  // a sibling trigger can't open it while this popover is open.\n  const resolveShouldCloseOnInteractOutside = useEvent(\n    (el: Element): boolean => {\n      // The caller's own predicate is asked FIRST, so an explicit \"keep me open\n      // for this element\" wins over every automatic behaviour below (CUB-4113).\n      // It used to be consulted last, which made the prop inert for every\n      // `Button` / `ItemButton`: those carry `data-popover-dismiss`, so the\n      // auto-dismiss branch matched and closed the popover before the predicate\n      // was ever asked.\n      //\n      // Asked before every lookup below, not just inside the \"outside any\n      // trigger\" branch: a trigger can own interactive controls of its own, and\n      // those used to be decided without the predicate ever being asked.\n      //\n      // React Aria hands over the element the pointer landed on — for a\n      // `Button` that is the label inside it, not the `<button>` — so a\n      // predicate that guards an element has to use `contains()` rather than an\n      // identity check.\n      if (shouldCloseOnInteractOutside && !shouldCloseOnInteractOutside(el)) {\n        return false;\n      }\n\n      const ownTrigger = targetRef?.current ?? triggerRef.current;\n\n      // A press on our OWN trigger's actions run — an `ItemButton` row's\n      // `actions`, a picker's clear button — is not a press outside. The run is\n      // rendered as a sibling of the trigger (see `ItemActionsWrapper`), so the\n      // `contains` checks below cannot recognise it and we dismissed instead,\n      // which cost the action its press: the first press on `Reset` while the\n      // popover was open only closed the popover and never ran.\n      if (isOwnActionsPress(el, ownTrigger)) return false;\n\n      const popoverTriggerEl = el.closest('[data-popover-trigger]');\n      if (!popoverTriggerEl) {\n        if (el.closest('[data-popover-keep]')) return false;\n        // Plain interactive controls (Button, ItemButton) opt in via\n        // `data-popover-dismiss`. Schedule the close after the click finishes so\n        // the control's `onPress` runs first instead of losing the click to\n        // useOverlay's stopPropagation.\n        if (el.closest('[data-popover-dismiss]')) {\n          setTimeout(() => state.close(), 0);\n          return false;\n        }\n        return true;\n      }\n      // Clicking our own trigger again should dismiss us.\n      if (popoverTriggerEl === ownTrigger || ownTrigger?.contains(el))\n        return true;\n      // Another popover's trigger: let the click through so it can open.\n      return false;\n    },\n  );\n\n  let overlay = (\n    <Popover\n      ref={overlayRef}\n      styles={styles}\n      hideOnClose={hideOnClose}\n      isOpen={state.isOpen}\n      // oxlint-disable-next-line tasty/no-style-prop -- React Aria's overlay positioning computes these coordinates\n      style={popoverProps.style}\n      placement={placement ?? undefined}\n      arrowProps={arrowProps}\n      // Not dismissable: an outside press is left alone entirely, so it\n      // reaches the control it landed on and nothing below is asked.\n      isDismissable={isDismissable}\n      isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n      hideArrow={hideArrow}\n      shouldCloseOnInteractOutside={resolveShouldCloseOnInteractOutside}\n      onClose={onClose}\n    >\n      {typeof content === 'function' ? content(state.close) : content}\n    </Popover>\n  );\n\n  return (\n    <DialogTriggerBase\n      type=\"popover\"\n      state={state}\n      triggerProps={triggerPropsWithRef}\n      dialogProps={overlayProps}\n      trigger={trigger}\n      overlay={overlay}\n      overlayRef={overlayRef}\n      isDismissable={isDismissable}\n      shouldRestoreFocus={shouldRestoreFocus}\n      onClose={onClose}\n    />\n  );\n}\n\nfunction DialogTriggerBase(props: any) {\n  const ref = useCombinedRefs<HTMLElement>(props.ref);\n  const wasOpenRef = useRef(false);\n  const overlayRef: RefObject<HTMLElement | null> | undefined =\n    props.overlayRef;\n\n  // Mirror the press-responder DOM node into the parent's sync trigger ref.\n  // Done via `useLayoutEffect` rather than threading through `useCombinedRefs`\n  // for consistency with `PopoverTrigger` (see comment there) — keeps the\n  // sync-ref population deterministic regardless of branch.\n  useLayoutEffect(() => {\n    if (props.syncTriggerRef) {\n      props.syncTriggerRef.current = ref.current ?? null;\n    }\n  });\n\n  let {\n    type,\n    state,\n    onClose,\n    isDismissable,\n    dialogProps = {},\n    triggerProps = {},\n    overlay,\n    trigger,\n    shouldRestoreFocus = true,\n    requestDismiss,\n    registerUnsavedChanges,\n  } = props;\n\n  let context = {\n    type,\n    // Explicit dialog actions can close even when passive dismissal is disabled.\n    onClose: (action?: string) => onClose?.(action, true),\n    isDismissable,\n    isOpen: state.isOpen,\n    requestDismiss,\n    registerUnsavedChanges,\n    // Reaches `Dialog`'s `FocusScope`, which owns the restore for\n    // popover-type dialogs (`Dialog` itself, for a retained one). `useDialog`\n    // filters it out of the DOM props.\n    shouldRestoreFocus,\n    ...dialogProps,\n  };\n\n  // Whether focus has been claimed by something outside the closing dialog —\n  // the signal that an action handed focus off and the trigger must not take\n  // it back. Same rule as `MenuTrigger` (see CUB-3962): an action that opens\n  // a panel, another dialog or an inline editor focuses that surface, and\n  // restoring here would undo the hand-off.\n  //\n  // Focus still inside the overlay means nobody claimed it (the pressed\n  // control keeps focus while the overlay plays its ~350ms exit animation),\n  // and focus on `<body>` or on a detached node means the focused element\n  // went away with the dialog. Both belong back on the trigger.\n  const hasFocusMovedOutsideDialog = useEvent(() => {\n    const activeElement = document.activeElement;\n\n    if (!activeElement || activeElement === document.body) return false;\n    if (!activeElement.isConnected) return false;\n\n    return !(\n      overlayRef?.current?.contains(activeElement) ||\n      ref.current?.contains(activeElement)\n    );\n  });\n\n  // Restore focus manually when the dialog closes.\n  //\n  // Live for modal/tray/fullscreen/panel types only: in the popover branch\n  // `triggerProps` carries its own `ref`, which overrides the `ref={ref}` on\n  // `PressResponder` below, so `ref.current` stays null and this is a no-op.\n  // Popovers get their restore from `Dialog`'s own `<FocusScope restoreFocus>`\n  // instead, or from `Dialog` at the end of the exit when `hideOnClose` keeps\n  // that scope mounted; both decline to restore when focus moved elsewhere.\n  useEffect(() => {\n    if (!state.isOpen && wasOpenRef.current) {\n      wasOpenRef.current = false;\n      if (!shouldRestoreFocus) return;\n      if (hasFocusMovedOutsideDialog()) return;\n      ref.current?.focus();\n    } else if (state.isOpen) {\n      wasOpenRef.current = true;\n    }\n  }, [state.isOpen, shouldRestoreFocus, hasFocusMovedOutsideDialog]);\n\n  // Mark popover-type DialogTrigger children with `data-popover-trigger` so\n  // `Button` / `ItemButton`'s default dismiss-on-press behaviour treats them\n  // as popover triggers (skips the dismiss). Modal/tray/fullscreen children\n  // intentionally stay UNMARKED — when a modal-type DialogTrigger lives\n  // inside a popover footer, pressing it should dismiss the parent popover\n  // (matching the \"modal takes over\" native UX).\n  const triggerExtraProps =\n    type === 'popover' ? { 'data-popover-trigger': '' } : {};\n\n  return (\n    <Fragment>\n      <PressResponder\n        ref={ref}\n        {...triggerProps}\n        {...triggerExtraProps}\n        isPressed={\n          state.isOpen &&\n          type !== 'modal' &&\n          type !== 'fullscreen' &&\n          type !== 'fullscreenTakeover'\n        }\n        onPress={state.toggle}\n      >\n        {trigger}\n      </PressResponder>\n      <DialogContext.Provider value={context}>{overlay}</DialogContext.Provider>\n    </Fragment>\n  );\n}\n"],"mappings":"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"}