@pega/cosmos-react-core 10.0.0-build.9.7 → 10.0.0-build.9.8

package/lib/components/AppShell/TouchAppShell.styles.d.ts

@@ -10,9 +10,11 @@ export declare const StyledMainTouchAppShell: import("styled-components/dist/typ
 export declare const StyledSplitViewPanel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     active?: boolean;
 }>> & string;
-export declare const StyledPortalTouchDialog: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("../Dialog").TouchDialogProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & import("../..").ForwardProps, "ref"> & {
+export declare const StyledPortalTouchDialog: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<(Omit<Omit<Pick<import("../Dialog/TouchDialog.types").TouchDialogPropsBase, "size" | "progress" | "open" | "footer" | "ref" | "className" | "aria-label" | "children" | "heading" | "testId" | "onBeforeOpen" | "onAfterOpen" | "onAfterClose" | "outerClickAction"> & Required<Pick<import("../Dialog/TouchDialog.types").TouchDialogPropsBase, "onBeforeClose">> & Partial<Pick<import("../Dialog/TouchDialog.types").TouchDialogPropsBase, "onDismiss">>, "ref"> & import("react").RefAttributes<HTMLDivElement> & import("../..").ForwardProps, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>> & string & Omit<import("../..").ForwardRefForwardPropsComponent<import("../Dialog").TouchDialogProps>, keyof import("react").Component<any, {}, any>>;
+}) | (Omit<Omit<Pick<import("../Dialog/TouchDialog.types").TouchDialogPropsBase, "size" | "progress" | "open" | "footer" | "ref" | "className" | "aria-label" | "children" | "heading" | "testId" | "onBeforeOpen" | "onAfterOpen" | "onAfterClose" | "outerClickAction"> & Required<Pick<import("../Dialog/TouchDialog.types").TouchDialogPropsBase, "onDismiss">> & Partial<Pick<import("../Dialog/TouchDialog.types").TouchDialogPropsBase, "onBeforeClose">>, "ref"> & import("react").RefAttributes<HTMLDivElement> & import("../..").ForwardProps, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}), import("styled-components/dist/types").BaseObject>> & string & Omit<import("../..").ForwardRefForwardPropsComponent<import("../Dialog").TouchDialogProps>, keyof import("react").Component<any, {}, any>>;
 export declare const StyledMobileMoreMenu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>, "ref"> & {
     ref?: ((instance: HTMLElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLElement> | null | undefined;
 }, never>> & string;

package/lib/components/AppShell/TouchAppShell.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TouchAppShell.styles.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/TouchAppShell.styles.ts"],"names":[],"mappings":"AAAA,OAAe,EAA0B,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AA8BtF,eAAO,MAAM,wBAAwB;0BACb,OAAO;kBACf,OAAO;YACb,YAAY;EAarB,CAAC;AAEF,eAAO,MAAM,uBAAuB;aAAyB,OAAO;YAOnE,CAAC;AAIF,eAAO,MAAM,oBAAoB;aAAyB,OAAO;YAY/D,CAAC;AAIH,eAAO,MAAM,uBAAuB;;gKAWnC,CAAC;AAIF,eAAO,MAAM,oBAAoB;;mBAShC,CAAC;AAIF,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAAwC,OAAO;gJAqFzE,CAAC;AAIH,eAAO,MAAM,0BAA0B;;2JAgDrC,CAAC"}
+{"version":3,"file":"TouchAppShell.styles.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/TouchAppShell.styles.ts"],"names":[],"mappings":"AAAA,OAAe,EAA0B,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AA8BtF,eAAO,MAAM,wBAAwB;0BACb,OAAO;kBACf,OAAO;YACb,YAAY;EAarB,CAAC;AAEF,eAAO,MAAM,uBAAuB;aAAyB,OAAO;YAOnE,CAAC;AAIF,eAAO,MAAM,oBAAoB;aAAyB,OAAO;YAY/D,CAAC;AAIH,eAAO,MAAM,uBAAuB;;;;6MAWnC,CAAC;AAIF,eAAO,MAAM,oBAAoB;;mBAShC,CAAC;AAIF,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAAwC,OAAO;gJAqFzE,CAAC;AAIH,eAAO,MAAM,0BAA0B;;2JAgDrC,CAAC"}

package/lib/components/AppShell/index.d.ts

@@ -1,7 +1,7 @@
 export { default } from './AppShell';
 export { default as AppShellList } from './AppShellList';
 export type { AppShellListProps } from './AppShellList';
-export type { AppHeaderProps, AppShellProps, ContextSwitcherProps, DrawerItemProps, DrawerListProps, NavOrientation, ShareAppConfig, PortalSwitcherConfig, DocumentTab, DocumentTabsProps, DocumentTabGroup } from './AppShell.types';
+export type { AppHeaderProps, AppShellProps, ContextSwitcherProps, DrawerItemProps, DrawerListProps, NavOrientation, ShareAppConfig, PortalSwitcherConfig, DocumentTab, DocumentTabsProps, DocumentTabGroup, NotificationsProps } from './AppShell.types';
 export { default as AppShellContext, AppShellDrawerContext } from './AppShellContext';
 export { default as ContextSwitcher } from './ContextSwitcher';
 export { default as ThemeSwitcher } from './ThemeSwitcher';

package/lib/components/AppShell/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,YAAY,EACV,cAAc,EACd,aAAa,EACb,oBAAoB,EACpB,eAAe,EACf,eAAe,EACf,cAAc,EACd,cAAc,EACd,oBAAoB,EACpB,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EACjB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,YAAY,EACV,cAAc,EACd,aAAa,EACb,oBAAoB,EACpB,eAAe,EACf,eAAe,EACf,cAAc,EACd,cAAc,EACd,oBAAoB,EACpB,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,EACnB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/lib/components/AppShell/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AppShell/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAezD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC","sourcesContent":["export { default } from './AppShell';\nexport { default as AppShellList } from './AppShellList';\nexport type { AppShellListProps } from './AppShellList';\nexport type {\n  AppHeaderProps,\n  AppShellProps,\n  ContextSwitcherProps,\n  DrawerItemProps,\n  DrawerListProps,\n  NavOrientation,\n  ShareAppConfig,\n  PortalSwitcherConfig,\n  DocumentTab,\n  DocumentTabsProps,\n  DocumentTabGroup\n} from './AppShell.types';\nexport { default as AppShellContext, AppShellDrawerContext } from './AppShellContext';\nexport { default as ContextSwitcher } from './ContextSwitcher';\nexport { default as ThemeSwitcher } from './ThemeSwitcher';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AppShell/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAgBzD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC","sourcesContent":["export { default } from './AppShell';\nexport { default as AppShellList } from './AppShellList';\nexport type { AppShellListProps } from './AppShellList';\nexport type {\n  AppHeaderProps,\n  AppShellProps,\n  ContextSwitcherProps,\n  DrawerItemProps,\n  DrawerListProps,\n  NavOrientation,\n  ShareAppConfig,\n  PortalSwitcherConfig,\n  DocumentTab,\n  DocumentTabsProps,\n  DocumentTabGroup,\n  NotificationsProps\n} from './AppShell.types';\nexport { default as AppShellContext, AppShellDrawerContext } from './AppShellContext';\nexport { default as ContextSwitcher } from './ContextSwitcher';\nexport { default as ThemeSwitcher } from './ThemeSwitcher';\n"]}

package/lib/components/Dialog/Dialog.types.d.ts

@@ -37,11 +37,14 @@ export interface BaseDialogProps {
     ref?: PopoverProps['ref'];
 }
 export type DialogProps = WithAttributes<'div', BaseDialogProps>;
-/** A simple callback or an object to customize a subset button properties. */
-export type FormAction = (() => void) | {
+/**
+ * A simple callback or an object to customize a subset button properties.
+ * The callback should return true or Promise resolving to true value to indicate whether the dialog should close.
+ */
+export type FormAction = (() => void | boolean | Promise<void | boolean>) | {
     text?: string;
     disabled?: boolean;
-    handler: () => void;
+    handler: () => void | boolean | Promise<void | boolean>;
 };
 type HeadingOrARIALabel = {
     /** A string to indicate context for the dialog. The dialog will be labelled by this value. */
@@ -58,26 +61,53 @@ type HeadingOrARIALabel = {
 export type FormDialogProps = WithAttributes<'div', BaseDialogProps & {
     /** Called when the user presses escape or clicks away. */
     onDismiss?: () => void;
-    /**
-     * Renders a standard design system cancel button.
-     * If onDismiss is not provided, onCancel will be invoked when the user presses the Escape key or clicks outside of the dialog.
-     * Invocation of this indicates the user wishes to cancel any changes and close the dialog.
-     */
-    onCancel: FormAction;
     /**
      * Renders a standard design system submit button.
      * Invocation of this indicates the user wishes to submit any changes and close the dialog. Please consider progress states after submit.
+     * Returning or resolving the returned promise to true starts closing animation on touch devices followed by calling onAfterClose to indicate safe unmount.
      */
     onSubmit: FormAction;
 } & (({
     /** Renders in a visually compact manner with icon action buttons. */
-    compact: true;
+    compact?: boolean;
 } & ExcludeStrict<HeadingOrARIALabel, {
     heading: string;
 }>) | ({
     /** Renders in a visually compact manner with icon action buttons. */
-    compact?: false | undefined;
-} & HeadingOrARIALabel))>;
+    compact?: false;
+} & ExcludeStrict<HeadingOrARIALabel, {
+    'aria-label': string;
+}>)) & ({
+    /**
+     * Called after the dialog has completely closed and safe to unmount.
+     * It will be invoked when onCancel or onSubmit has returned true or resolved to a true value.
+     */
+    onAfterClose?: () => void;
+    /**
+     * Renders a standard design system cancel button.
+     * If onDismiss is not provided, onCancel will be invoked when the user presses the Escape key or clicks outside of the dialog.
+     * Invocation of this indicates the user wishes to cancel any changes and close the dialog.
+     * Returning or resolving the returned promise to true starts closing animation on touch devices followed by calling onAfterClose to indicate safe unmount.
+     *
+     * @default () => true
+     */
+    onCancel: FormAction | undefined;
+} | {
+    /**
+     * Called after the dialog has completely closed and safe to unmount.
+     * It will be invoked when onCancel or onSubmit has returned true or resolved to a true value.
+     */
+    onAfterClose: () => void;
+    /**
+     * Renders a standard design system cancel button.
+     * If onDismiss is not provided, onCancel will be invoked when the user presses the Escape key or clicks outside of the dialog.
+     * Invocation of this indicates the user wishes to cancel any changes and close the dialog.
+     * Returning or resolving the returned promise to true starts closing animation on touch devices followed by calling onAfterClose to indicate safe unmount.
+     *
+     * @default () => true
+     */
+    onCancel?: FormAction;
+})>;
 export type InfoDialogProps = WithAttributes<'div', OmitStrict<BaseDialogProps, 'arrow'> & {
     /** A string or summary item like props to indicate context for the dialog. The dialog will be labelled by either the heading element or primary property. */
     heading?: string | {

package/lib/components/Dialog/Dialog.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.types.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,MAAM,WAAW,eAAe;IAC9B;;;;OAIG;IACH,KAAK,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IAE9B;;;OAGG;IACH,MAAM,EAAE,WAAW,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE5C,6IAA6I;IAC7I,QAAQ,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;IAEnC,yIAAyI;IACzI,QAAQ,CAAC,EAAE,OAAO,GAAG,aAAa,CAAC,SAAS,CAAC,CAAC;IAE9C,iGAAiG;IACjG,MAAM,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC;IAEhC,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;IAEpC;;;OAGG;IACH,SAAS,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IACtC;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,8CAA8C;IAC9C,GAAG,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC;CAC3B;AAED,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC;AAEjE,8EAA8E;AAC9E,MAAM,MAAM,UAAU,GAClB,CAAC,MAAM,IAAI,CAAC,GACZ;IACE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEN,KAAK,kBAAkB,GACnB;IACE,8FAA8F;IAC9F,OAAO,EAAE,MAAM,CAAC;IAChB,kDAAkD;IAClD,cAAc,CAAC,EAAE,mBAAmB,CAAC;IAErC,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB,GACD;IACE,yFAAyF;IACzF,YAAY,EAAE,MAAM,CAAC;IAErB,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,cAAc,CAAC,EAAE,KAAK,CAAC;CACxB,CAAC;AAEN,MAAM,MAAM,eAAe,GAAG,cAAc,CAC1C,KAAK,EACL,eAAe,GAAG;IAChB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IAEvB;;;;OAIG;IACH,QAAQ,EAAE,UAAU,CAAC;IAErB;;;OAGG;IACH,QAAQ,EAAE,UAAU,CAAC;CACtB,GAAG,CACE,CAAC;IACC,qEAAqE;IACrE,OAAO,EAAE,IAAI,CAAC;CACf,GAAG,aAAa,CAAC,kBAAkB,EAAE;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC,GAC3D,CAAC;IACC,qEAAqE;IACrE,OAAO,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;CAC7B,GAAG,kBAAkB,CAAC,CAC1B,CACJ,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,cAAc,CAC1C,KAAK,EACL,UAAU,CAAC,eAAe,EAAE,OAAO,CAAC,GAAG;IACrC,6JAA6J;IAC7J,OAAO,CAAC,EACJ,MAAM,GACN;QACE,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,MAAM,CAAC,EAAE,SAAS,CAAC;KACpB,CAAC;IAEN,2IAA2I;IAC3I,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,CACF,CAAC;AAEF;;;GAGG;AACH,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB"}
+{"version":3,"file":"Dialog.types.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.types.ts"],"names":[],"mappings":"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"}

package/lib/components/Dialog/Dialog.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.types.js","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ReactNode } from 'react';\n\nimport type { ExcludeStrict, OmitStrict, WithAttributes } from '../../types';\nimport type { PopoverProps } from '../Popover';\nimport type { ProgressProps } from '../Progress';\nimport type { AdditionalInfoProps } from '../AdditionalInfo';\n\nexport interface BaseDialogProps {\n  /**\n   * Certain uses of dialogs require a linear edge with an input like control.\n   * There an arrow is not desired.\n   * @default true\n   */\n  arrow?: PopoverProps['arrow'];\n\n  /**\n   * An element the dialog is contextually and visually associated with. Normally a triggering button.\n   * Components rendering Dialog should mount and unmount instances based on this value.\n   */\n  target: NonNullable<PopoverProps['target']>;\n\n  /** Content for the dialog. Avoid form control buttons within as those should be rendered by way of onCancel and onSubmit with FormDialog. */\n  children: PopoverProps['children'];\n\n  /** If there is a progress state either on opening, or after submit, you must indicate as such. A custom message is supported as well. */\n  progress?: boolean | ProgressProps['message'];\n\n  /** Optionally render the dialog element at the end of the body or within a specified element. */\n  portal?: PopoverProps['portal'];\n\n  /** Positioning strategy for solving rendering scenarios. */\n  strategy?: PopoverProps['strategy'];\n\n  /**\n   * Intended positioning placement for the dialog element.\n   * Placement may auto adjust based on screen position and other layout variables.\n   */\n  placement?: PopoverProps['placement'];\n  /**\n   * Optionally determines whether to trap the focus inside the dialog, preventing it from being moved outside until the dialog is closed.\n   * @default false\n   */\n  focusTrap?: boolean;\n\n  /** Reference to the dialog's root element. */\n  ref?: PopoverProps['ref'];\n}\n\nexport type DialogProps = WithAttributes<'div', BaseDialogProps>;\n\n/** A simple callback or an object to customize a subset button properties. */\nexport type FormAction =\n  | (() => void)\n  | {\n      text?: string;\n      disabled?: boolean;\n      handler: () => void;\n    };\n\ntype HeadingOrARIALabel =\n  | {\n      /** A string to indicate context for the dialog. The dialog will be labelled by this value. */\n      heading: string;\n      /** Show additional info in form dialog header. */\n      additionalInfo?: AdditionalInfoProps;\n\n      'aria-label'?: never;\n    }\n  | {\n      /** Provide a contextually sufficient aria label if a visible heading is not provided. */\n      'aria-label': string;\n\n      heading?: never;\n      additionalInfo?: never;\n    };\n\nexport type FormDialogProps = WithAttributes<\n  'div',\n  BaseDialogProps & {\n    /** Called when the user presses escape or clicks away. */\n    onDismiss?: () => void;\n\n    /**\n     * Renders a standard design system cancel button.\n     * If onDismiss is not provided, onCancel will be invoked when the user presses the Escape key or clicks outside of the dialog.\n     * Invocation of this indicates the user wishes to cancel any changes and close the dialog.\n     */\n    onCancel: FormAction;\n\n    /**\n     * Renders a standard design system submit button.\n     * Invocation of this indicates the user wishes to submit any changes and close the dialog. Please consider progress states after submit.\n     */\n    onSubmit: FormAction;\n  } & (\n      | ({\n          /** Renders in a visually compact manner with icon action buttons. */\n          compact: true;\n        } & ExcludeStrict<HeadingOrARIALabel, { heading: string }>) // Heading is not supported in compact mode, but an aria-label is required for accessibility.\n      | ({\n          /** Renders in a visually compact manner with icon action buttons. */\n          compact?: false | undefined;\n        } & HeadingOrARIALabel) // Heading and aria-label are both supported in non-compact mode.\n    )\n>;\n\nexport type InfoDialogProps = WithAttributes<\n  'div',\n  OmitStrict<BaseDialogProps, 'arrow'> & {\n    /** A string or summary item like props to indicate context for the dialog. The dialog will be labelled by either the heading element or primary property. */\n    heading?:\n      | string\n      | {\n          primary: string;\n          secondary?: string;\n          visual?: ReactNode;\n        };\n\n    /** Renders a standard design system dismiss button to close the dialog when the user clicks this button, presses escape or clicks away. */\n    onDismiss: () => void;\n  }\n>;\n\n/**\n * Components which render Dialog internally may need to offer some control to consuming components.\n * Use this interface to offer an imperative handle for shared control.\n */\nexport interface DialogHandleValue {\n  open: () => void;\n  close: () => void;\n}\n"]}
+{"version":3,"file":"Dialog.types.js","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ReactNode } from 'react';\n\nimport type { ExcludeStrict, OmitStrict, WithAttributes } from '../../types';\nimport type { PopoverProps } from '../Popover';\nimport type { ProgressProps } from '../Progress';\nimport type { AdditionalInfoProps } from '../AdditionalInfo';\n\nexport interface BaseDialogProps {\n  /**\n   * Certain uses of dialogs require a linear edge with an input like control.\n   * There an arrow is not desired.\n   * @default true\n   */\n  arrow?: PopoverProps['arrow'];\n\n  /**\n   * An element the dialog is contextually and visually associated with. Normally a triggering button.\n   * Components rendering Dialog should mount and unmount instances based on this value.\n   */\n  target: NonNullable<PopoverProps['target']>;\n\n  /** Content for the dialog. Avoid form control buttons within as those should be rendered by way of onCancel and onSubmit with FormDialog. */\n  children: PopoverProps['children'];\n\n  /** If there is a progress state either on opening, or after submit, you must indicate as such. A custom message is supported as well. */\n  progress?: boolean | ProgressProps['message'];\n\n  /** Optionally render the dialog element at the end of the body or within a specified element. */\n  portal?: PopoverProps['portal'];\n\n  /** Positioning strategy for solving rendering scenarios. */\n  strategy?: PopoverProps['strategy'];\n\n  /**\n   * Intended positioning placement for the dialog element.\n   * Placement may auto adjust based on screen position and other layout variables.\n   */\n  placement?: PopoverProps['placement'];\n  /**\n   * Optionally determines whether to trap the focus inside the dialog, preventing it from being moved outside until the dialog is closed.\n   * @default false\n   */\n  focusTrap?: boolean;\n\n  /** Reference to the dialog's root element. */\n  ref?: PopoverProps['ref'];\n}\n\nexport type DialogProps = WithAttributes<'div', BaseDialogProps>;\n\n/**\n * A simple callback or an object to customize a subset button properties.\n * The callback should return true or Promise resolving to true value to indicate whether the dialog should close.\n */\nexport type FormAction =\n  | (() => void | boolean | Promise<void | boolean>)\n  | {\n      text?: string;\n      disabled?: boolean;\n      handler: () => void | boolean | Promise<void | boolean>;\n    };\n\ntype HeadingOrARIALabel =\n  | {\n      /** A string to indicate context for the dialog. The dialog will be labelled by this value. */\n      heading: string;\n      /** Show additional info in form dialog header. */\n      additionalInfo?: AdditionalInfoProps;\n\n      'aria-label'?: never;\n    }\n  | {\n      /** Provide a contextually sufficient aria label if a visible heading is not provided. */\n      'aria-label': string;\n\n      heading?: never;\n      additionalInfo?: never;\n    };\n\nexport type FormDialogProps = WithAttributes<\n  'div',\n  BaseDialogProps & {\n    /** Called when the user presses escape or clicks away. */\n    onDismiss?: () => void;\n\n    /**\n     * Renders a standard design system submit button.\n     * Invocation of this indicates the user wishes to submit any changes and close the dialog. Please consider progress states after submit.\n     * Returning or resolving the returned promise to true starts closing animation on touch devices followed by calling onAfterClose to indicate safe unmount.\n     */\n    onSubmit: FormAction;\n  } & (\n      | ({\n          /** Renders in a visually compact manner with icon action buttons. */\n          compact?: boolean;\n        } & ExcludeStrict<HeadingOrARIALabel, { heading: string }>) // An aria-label is required for accessibility and supports both modes.\n      | ({\n          /** Renders in a visually compact manner with icon action buttons. */\n          compact?: false;\n        } & ExcludeStrict<HeadingOrARIALabel, { 'aria-label': string }>) // Heading is not supported in compact mode.\n    ) &\n    (\n      | {\n          /**\n           * Called after the dialog has completely closed and safe to unmount.\n           * It will be invoked when onCancel or onSubmit has returned true or resolved to a true value.\n           */\n          onAfterClose?: () => void;\n\n          /**\n           * Renders a standard design system cancel button.\n           * If onDismiss is not provided, onCancel will be invoked when the user presses the Escape key or clicks outside of the dialog.\n           * Invocation of this indicates the user wishes to cancel any changes and close the dialog.\n           * Returning or resolving the returned promise to true starts closing animation on touch devices followed by calling onAfterClose to indicate safe unmount.\n           *\n           * @default () => true\n           */\n          // Required key accepting undefined: forwarding an optional prop is allowed, omitting it requires onAfterClose.\n          onCancel: FormAction | undefined;\n        }\n      | {\n          /**\n           * Called after the dialog has completely closed and safe to unmount.\n           * It will be invoked when onCancel or onSubmit has returned true or resolved to a true value.\n           */\n          onAfterClose: () => void;\n\n          /**\n           * Renders a standard design system cancel button.\n           * If onDismiss is not provided, onCancel will be invoked when the user presses the Escape key or clicks outside of the dialog.\n           * Invocation of this indicates the user wishes to cancel any changes and close the dialog.\n           * Returning or resolving the returned promise to true starts closing animation on touch devices followed by calling onAfterClose to indicate safe unmount.\n           *\n           * @default () => true\n           */\n          onCancel?: FormAction;\n        }\n    )\n>;\n\nexport type InfoDialogProps = WithAttributes<\n  'div',\n  OmitStrict<BaseDialogProps, 'arrow'> & {\n    /** A string or summary item like props to indicate context for the dialog. The dialog will be labelled by either the heading element or primary property. */\n    heading?:\n      | string\n      | {\n          primary: string;\n          secondary?: string;\n          visual?: ReactNode;\n        };\n\n    /** Renders a standard design system dismiss button to close the dialog when the user clicks this button, presses escape or clicks away. */\n    onDismiss: () => void;\n  }\n>;\n\n/**\n * Components which render Dialog internally may need to offer some control to consuming components.\n * Use this interface to offer an imperative handle for shared control.\n */\nexport interface DialogHandleValue {\n  open: () => void;\n  close: () => void;\n}\n"]}

package/lib/components/Dialog/FormDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormDialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/FormDialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AA2B7C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAWtD,eAAO,MAAM,gBAAgB;;uNAAmB,CAAC;AAEjD,QAAA,MAAM,UAAU,6HA0Of,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"FormDialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/FormDialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AA4B7C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAWtD,eAAO,MAAM,gBAAgB;;uNAAmB,CAAC;AAEjD,QAAA,MAAM,UAAU,6HAwOf,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/components/Dialog/FormDialog.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { forwardRef, useEffect, useLayoutEffect, useRef } from 'react';
+import { forwardRef, useCallback, useEffect, useLayoutEffect, useRef } from 'react';
 import styled from 'styled-components';
-import { useConsolidatedRef, useContentTabIndex, useEscape, useI18n, useOuterEvent, useUID } from '../../hooks';
+import { useConsolidatedRef, useContentTabIndex, useEscape, useEvent, useI18n, useOuterEvent, useUID } from '../../hooks';
 import { getActiveElement, focusNonInteractiveElement, getFocusables } from '../../utils';
 import Button, { StyledButton } from '../Button';
 import Text from '../Text';
@@ -19,7 +19,7 @@ const StyledCompactActions = styled.div `
   }
 `;
 export const StyledFormDialog = styled(Dialog) ``;
-const FormDialog = forwardRef(function FormDialog({ arrow = true, compact, target, heading, 'aria-label': ariaLabel, children, progress, onDismiss, onCancel, onSubmit, additionalInfo, ...restProps }, ref) {
+const FormDialog = forwardRef(function FormDialog({ arrow = true, compact, target, heading, 'aria-label': ariaLabel, children, progress, onDismiss, onCancel = () => true, onSubmit, onAfterClose, additionalInfo, ...restProps }, ref) {
     const t = useI18n();
     const headingId = useUID();
     const headingRef = useRef(null);
@@ -47,22 +47,24 @@ const FormDialog = forwardRef(function FormDialog({ arrow = true, compact, targe
         }
     };
     const onCancelHandler = typeof onCancel === 'function' ? onCancel : onCancel.handler;
-    useEscape(e => {
+    const closeDialog = useCallback(async () => {
         if (onDismiss) {
             onDismiss();
+            onAfterClose?.();
         }
         else {
-            onCancelHandler();
+            const result = await onCancelHandler();
+            if (result !== false) {
+                onAfterClose?.();
+            }
         }
+    }, [onDismiss, onCancelHandler, onAfterClose]);
+    useEscape(e => {
+        closeDialog();
         e.stopPropagation();
-    }, dialogRef, [onDismiss, onCancelHandler]);
+    }, dialogRef, [closeDialog]);
     useOuterEvent('mousedown', [resolvedTarget, dialogRef], () => {
-        if (onDismiss) {
-            onDismiss();
-        }
-        else {
-            onCancelHandler();
-        }
+        closeDialog();
     });
     // Using layout effect to capture the focused element prior to dialog elements taking focus.
     useLayoutEffect(() => {
@@ -78,33 +80,27 @@ const FormDialog = forwardRef(function FormDialog({ arrow = true, compact, targe
             setFocus();
         }
     }, [progress]);
-    useEffect(() => {
-        const closeDialog = () => {
-            setTimeout(() => {
-                if (onDismiss) {
-                    onDismiss();
-                }
-                else {
-                    onCancelHandler();
-                }
-                // The 0 timeout ensures that the dialog will not re-open immediately after the close event is triggered.
-            }, 0);
-        };
-        resolvedTarget?.addEventListener('click', closeDialog);
-        return () => {
-            resolvedTarget?.removeEventListener('click', closeDialog);
-        };
-    }, [resolvedTarget, onDismiss, onCancelHandler]);
+    // The 0 timeout ensures that the dialog will not re-open immediately after the close event is triggered.
+    useEvent('click', () => setTimeout(closeDialog, 0), {
+        target: resolvedTarget,
+        dependencies: [resolvedTarget, closeDialog]
+    });
     const cancelButton = (() => {
         const label = typeof onCancel !== 'function' && onCancel.text ? onCancel.text : t('cancel');
-        return (_jsx(Button, { icon: compact, label: compact ? label : undefined, disabled: typeof onCancel !== 'function' ? onCancel.disabled : undefined, onClick: () => {
-                onCancelHandler();
+        return (_jsx(Button, { icon: compact, label: compact ? label : undefined, disabled: typeof onCancel !== 'function' ? onCancel.disabled : undefined, onClick: async () => {
+                const result = await onCancelHandler();
+                if (result !== false) {
+                    onAfterClose?.();
+                }
             }, children: compact ? _jsx(Icon, { name: 'times' }) : label }));
     })();
     const submitButton = (() => {
         const label = typeof onSubmit !== 'function' && onSubmit.text ? onSubmit.text : t('submit');
-        return (_jsx(Button, { icon: compact, label: compact ? label : undefined, variant: 'primary', disabled: typeof onSubmit !== 'function' ? onSubmit.disabled : undefined, onClick: () => {
-                (typeof onSubmit !== 'function' ? onSubmit.handler : onSubmit)();
+        return (_jsx(Button, { icon: compact, label: compact ? label : undefined, variant: 'primary', disabled: typeof onSubmit !== 'function' ? onSubmit.disabled : undefined, onClick: async () => {
+                const result = await (typeof onSubmit !== 'function' ? onSubmit.handler : onSubmit)();
+                if (result !== false) {
+                    onAfterClose?.();
+                }
             }, children: compact ? _jsx(Icon, { name: 'check' }) : label }));
     })();
     const layout = (() => {

package/lib/components/Dialog/FormDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormDialog.js","sourceRoot":"","sources":["../../../src/components/Dialog/FormDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEvE,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EACL,kBAAkB,EAClB,kBAAkB,EAClB,SAAS,EACT,OAAO,EACP,aAAa,EACb,MAAM,EACP,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,gBAAgB,EAAE,0BAA0B,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC1F,OAAO,MAAM,EAAE,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,QAAQ,MAAM,aAAa,CAAC;AACnC,OAAO,cAAc,MAAM,mBAAmB,CAAC;AAE/C,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,iBAAiB,MAAM,8BAA8B,CAAC;AAC7D,OAAO,IAAI,MAAM,SAAS,CAAC;AAE3B,OAAO,EACL,kBAAkB,EAClB,mBAAmB,EACnB,kBAAkB,EAClB,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,MAAM,0BAA0B,GAAG,MAAM,CAAC,GAAG,CAAA,EAAE,CAAC;AAEhD,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAA;IACnC,YAAY;;;CAGf,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA,EAAE,CAAC;AAEjD,MAAM,UAAU,GAAG,UAAU,CAC3B,SAAS,UAAU,CACjB,EACE,KAAK,GAAG,IAAI,EACZ,OAAO,EACP,MAAM,EACN,OAAO,EACP,YAAY,EAAE,SAAS,EACvB,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,GAAG,SAAS,EACb,EACD,GAAG;IAEH,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IACpB,MAAM,SAAS,GAAG,MAAM,EAAE,CAAC;IAC3B,MAAM,UAAU,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IACpD,MAAM,SAAS,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAC;IAC1C,MAAM,gBAAgB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACtD,MAAM,eAAe,GAAG,kBAAkB,CAAC,SAAS,EAAE,gBAAgB,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IACxF,MAAM,cAAc,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAEjD,MAAM,QAAQ,GAAG,GAAG,EAAE;QACpB,IAAI,QAAQ,IAAI,CAAC,SAAS,CAAC,OAAO;YAAE,OAAO;QAC3C,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;YACvB,0BAA0B,CAAC,UAAU,CAAC,OAAO,EAAE,OAAO,IAAI,SAAS,CAAC,CAAC;QACvE,CAAC;aAAM,IAAI,OAAO,EAAE,CAAC;YACnB,MAAM,UAAU,GAAG,aAAa,CAAC,gBAAgB,CAAC,CAAC;YACnD,IAAI,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;gBAClB,UAAU,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;YACxB,CAAC;iBAAM,CAAC;gBACN,0BAA0B,CAAC,SAAS,CAAC,OAAO,EAAE,OAAO,IAAI,SAAS,CAAC,CAAC;YACtE,CAAC;QACH,CAAC;aAAM,CAAC;YACN,0BAA0B,CAAC,SAAS,CAAC,OAAO,EAAE,OAAO,IAAI,SAAS,CAAC,CAAC;QACtE,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC;IAErF,SAAS,CACP,CAAC,CAAC,EAAE;QACF,IAAI,SAAS,EAAE,CAAC;YACd,SAAS,EAAE,CAAC;QACd,CAAC;aAAM,CAAC;YACN,eAAe,EAAE,CAAC;QACpB,CAAC;QACD,CAAC,CAAC,eAAe,EAAE,CAAC;IACtB,CAAC,EACD,SAAS,EACT,CAAC,SAAS,EAAE,eAAe,CAAC,CAC7B,CAAC;IAEF,aAAa,CAAC,WAAW,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE;QAC3D,IAAI,SAAS,EAAE,CAAC;YACd,SAAS,EAAE,CAAC;QACd,CAAC;aAAM,CAAC;YACN,eAAe,EAAE,CAAC;QACpB,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,4FAA4F;IAC5F,eAAe,CAAC,GAAG,EAAE;QACnB,MAAM,gBAAgB,GAAG,gBAAgB,EAAE,CAAC;QAE5C,OAAO,GAAG,EAAE;YACV,IAAI,gBAAgB,YAAY,WAAW,IAAI,gBAAgB,CAAC,WAAW,EAAE,CAAC;gBAC5E,gBAAgB,CAAC,KAAK,EAAE,CAAC;YAC3B,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,QAAQ,EAAE,CAAC;QACb,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,WAAW,GAAG,GAAG,EAAE;YACvB,UAAU,CAAC,GAAG,EAAE;gBACd,IAAI,SAAS,EAAE,CAAC;oBACd,SAAS,EAAE,CAAC;gBACd,CAAC;qBAAM,CAAC;oBACN,eAAe,EAAE,CAAC;gBACpB,CAAC;gBACD,yGAAyG;YAC3G,CAAC,EAAE,CAAC,CAAC,CAAC;QACR,CAAC,CAAC;QAEF,cAAc,EAAE,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QAEvD,OAAO,GAAG,EAAE;YACV,cAAc,EAAE,mBAAmB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QAC5D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,cAAc,EAAE,SAAS,EAAE,eAAe,CAAC,CAAC,CAAC;IAEjD,MAAM,YAAY,GAAG,CAAC,GAAG,EAAE;QACzB,MAAM,KAAK,GAAG,OAAO,QAAQ,KAAK,UAAU,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;QAE5F,OAAO,CACL,KAAC,MAAM,IACL,IAAI,EAAE,OAAO,EACb,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAClC,QAAQ,EAAE,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACxE,OAAO,EAAE,GAAG,EAAE;gBACZ,eAAe,EAAE,CAAC;YACpB,CAAC,YAEA,OAAO,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,GAAG,CAAC,CAAC,CAAC,KAAK,GACjC,CACV,CAAC;IACJ,CAAC,CAAC,EAAE,CAAC;IAEL,MAAM,YAAY,GAAG,CAAC,GAAG,EAAE;QACzB,MAAM,KAAK,GAAG,OAAO,QAAQ,KAAK,UAAU,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;QAE5F,OAAO,CACL,KAAC,MAAM,IACL,IAAI,EAAE,OAAO,EACb,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAClC,OAAO,EAAC,SAAS,EACjB,QAAQ,EAAE,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACxE,OAAO,EAAE,GAAG,EAAE;gBACZ,CAAC,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC;YACnE,CAAC,YAEA,OAAO,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,GAAG,CAAC,CAAC,CAAC,KAAK,GACjC,CACV,CAAC;IACJ,CAAC,CAAC,EAAE,CAAC;IAEL,MAAM,MAAM,GAAG,CAAC,GAAG,EAAE;QACnB,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CACL,MAAC,IAAI,IACH,SAAS,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,EACxD,EAAE,EAAE,0BAA0B,EAC9B,GAAG,EAAE,gBAAgB,aAEpB,QAAQ,IAAI,CACX,KAAC,QAAQ,IACP,OAAO,EAAE,CAAC,CAAC,QAAQ,EACnB,cAAc,QACd,SAAS,EAAC,OAAO,EACjB,OAAO,EAAE,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,GAC5D,CACH,EACA,QAAQ,IAAI,CACX,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,kBAAkB,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,YAC9E,QAAQ,GACJ,CACR,EACD,MAAC,IAAI,IACH,SAAS,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,EAC/C,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,EACnB,EAAE,EAAE,oBAAoB,aAEvB,YAAY,EACZ,YAAY,IACR,IACF,CACR,CAAC;QACJ,CAAC;QAED,OAAO,CACL,8BACG,OAAO,KAAK,SAAS,IAAI,CACxB,MAAC,IAAI,IACH,SAAS,EAAE;wBACT,UAAU,EAAE,QAAQ;wBACpB,GAAG,EAAE,cAAc,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;wBAC5C,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;qBACf,EACD,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,EACnB,EAAE,EAAE,kBAAkB,aAEtB,KAAC,IAAI,IAAC,GAAG,EAAE,UAAU,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,EAAC,IAAI,YAC/C,OAAO,GACH,EACN,cAAc,EAAE,OAAO,IAAI,CAC1B,KAAC,cAAc,IAAC,OAAO,EAAE,cAAc,CAAC,OAAO,YAC5C,cAAc,CAAC,QAAQ,GACT,CAClB,IACI,CACR,EACD,MAAC,IAAI,IACH,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EACjB,EAAE,EAAE,mBAAmB,EACvB,GAAG,EAAE,gBAAgB,EACrB,QAAQ,EAAE,eAAe,aAExB,QAAQ,IAAI,CACX,KAAC,kBAAkB,IAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,YAAG,QAAQ,GAAsB,CACtF,EACD,KAAC,QAAQ,IACP,OAAO,EAAE,CAAC,CAAC,QAAQ,EACnB,cAAc,QACd,SAAS,EAAC,OAAO,EACjB,OAAO,EAAE,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,GAC5D,IACG,EACP,MAAC,IAAI,IACH,SAAS,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,EAAE,EAC/D,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,EACnB,EAAE,EAAE,kBAAkB,aAErB,YAAY,EACZ,YAAY,IACR,IACN,CACJ,CAAC;IACJ,CAAC,CAAC,EAAE,CAAC;IAEL,OAAO,CACL,KAAC,gBAAgB,OACX,SAAS,KACT,CAAC,OAAO,KAAK,SAAS;YACxB,CAAC,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE;YAC7B,CAAC,CAAC,EAAE,iBAAiB,EAAE,SAAS,EAAE,CAAC,EACrC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,SAAS,YAEb,MAAM,GACU,CACpB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import { forwardRef, useEffect, useLayoutEffect, useRef } from 'react';\nimport type { PropsWithoutRef } from 'react';\nimport styled from 'styled-components';\n\nimport {\n  useConsolidatedRef,\n  useContentTabIndex,\n  useEscape,\n  useI18n,\n  useOuterEvent,\n  useUID\n} from '../../hooks';\nimport { getActiveElement, focusNonInteractiveElement, getFocusables } from '../../utils';\nimport Button, { StyledButton } from '../Button';\nimport Text from '../Text';\nimport Progress from '../Progress';\nimport AdditionalInfo from '../AdditionalInfo';\nimport type { RefElement } from '../../types';\nimport Flex from '../Flex';\nimport getResolvedTarget from '../Popover/getResolvedTarget';\nimport Icon from '../Icon';\n\nimport {\n  StyledChildrenWrap,\n  StyledDialogContent,\n  StyledDialogFooter,\n  StyledDialogHeader\n} from './Dialog.styles';\nimport type { FormDialogProps } from './Dialog.types';\nimport Dialog from './Dialog';\n\nconst StyledCompactDialogContent = styled.div``;\n\nconst StyledCompactActions = styled.div`\n  ${StyledButton} {\n    margin-inline-start: unset;\n  }\n`;\n\nexport const StyledFormDialog = styled(Dialog)``;\n\nconst FormDialog = forwardRef<RefElement<FormDialogProps>, PropsWithoutRef<FormDialogProps>>(\n  function FormDialog(\n    {\n      arrow = true,\n      compact,\n      target,\n      heading,\n      'aria-label': ariaLabel,\n      children,\n      progress,\n      onDismiss,\n      onCancel,\n      onSubmit,\n      additionalInfo,\n      ...restProps\n    },\n    ref\n  ) {\n    const t = useI18n();\n    const headingId = useUID();\n    const headingRef = useRef<HTMLHeadingElement>(null);\n    const dialogRef = useConsolidatedRef(ref);\n    const dialogContentRef = useRef<HTMLDivElement>(null);\n    const contentTabIndex = useContentTabIndex(dialogRef, dialogContentRef, [], [progress]);\n    const resolvedTarget = getResolvedTarget(target);\n\n    const setFocus = () => {\n      if (progress || !dialogRef.current) return;\n      if (headingRef.current) {\n        focusNonInteractiveElement(headingRef.current, heading ?? ariaLabel);\n      } else if (compact) {\n        const focusables = getFocusables(dialogContentRef);\n        if (focusables[0]) {\n          focusables[0].focus();\n        } else {\n          focusNonInteractiveElement(dialogRef.current, heading ?? ariaLabel);\n        }\n      } else {\n        focusNonInteractiveElement(dialogRef.current, heading ?? ariaLabel);\n      }\n    };\n\n    const onCancelHandler = typeof onCancel === 'function' ? onCancel : onCancel.handler;\n\n    useEscape(\n      e => {\n        if (onDismiss) {\n          onDismiss();\n        } else {\n          onCancelHandler();\n        }\n        e.stopPropagation();\n      },\n      dialogRef,\n      [onDismiss, onCancelHandler]\n    );\n\n    useOuterEvent('mousedown', [resolvedTarget, dialogRef], () => {\n      if (onDismiss) {\n        onDismiss();\n      } else {\n        onCancelHandler();\n      }\n    });\n\n    // Using layout effect to capture the focused element prior to dialog elements taking focus.\n    useLayoutEffect(() => {\n      const initiatorElement = getActiveElement();\n\n      return () => {\n        if (initiatorElement instanceof HTMLElement && initiatorElement.isConnected) {\n          initiatorElement.focus();\n        }\n      };\n    }, []);\n\n    useEffect(() => {\n      if (!progress) {\n        setFocus();\n      }\n    }, [progress]);\n\n    useEffect(() => {\n      const closeDialog = () => {\n        setTimeout(() => {\n          if (onDismiss) {\n            onDismiss();\n          } else {\n            onCancelHandler();\n          }\n          // The 0 timeout ensures that the dialog will not re-open immediately after the close event is triggered.\n        }, 0);\n      };\n\n      resolvedTarget?.addEventListener('click', closeDialog);\n\n      return () => {\n        resolvedTarget?.removeEventListener('click', closeDialog);\n      };\n    }, [resolvedTarget, onDismiss, onCancelHandler]);\n\n    const cancelButton = (() => {\n      const label = typeof onCancel !== 'function' && onCancel.text ? onCancel.text : t('cancel');\n\n      return (\n        <Button\n          icon={compact}\n          label={compact ? label : undefined}\n          disabled={typeof onCancel !== 'function' ? onCancel.disabled : undefined}\n          onClick={() => {\n            onCancelHandler();\n          }}\n        >\n          {compact ? <Icon name='times' /> : label}\n        </Button>\n      );\n    })();\n\n    const submitButton = (() => {\n      const label = typeof onSubmit !== 'function' && onSubmit.text ? onSubmit.text : t('submit');\n\n      return (\n        <Button\n          icon={compact}\n          label={compact ? label : undefined}\n          variant='primary'\n          disabled={typeof onSubmit !== 'function' ? onSubmit.disabled : undefined}\n          onClick={() => {\n            (typeof onSubmit !== 'function' ? onSubmit.handler : onSubmit)();\n          }}\n        >\n          {compact ? <Icon name='check' /> : label}\n        </Button>\n      );\n    })();\n\n    const layout = (() => {\n      if (compact) {\n        return (\n          <Flex\n            container={{ alignItems: 'start', pad: 0.75, colGap: 1 }}\n            as={StyledCompactDialogContent}\n            ref={dialogContentRef}\n          >\n            {progress && (\n              <Progress\n                visible={!!progress}\n                focusOnVisible\n                placement='local'\n                message={typeof progress === 'string' ? progress : undefined}\n              />\n            )}\n            {children && (\n              <Flex item={{ grow: 1 }} as={StyledChildrenWrap} inert={progress ? '' : undefined}>\n                {children}\n              </Flex>\n            )}\n            <Flex\n              container={{ alignItems: 'start', colGap: 0.5 }}\n              item={{ shrink: 0 }}\n              as={StyledCompactActions}\n            >\n              {cancelButton}\n              {submitButton}\n            </Flex>\n          </Flex>\n        );\n      }\n\n      return (\n        <>\n          {heading !== undefined && (\n            <Flex\n              container={{\n                alignItems: 'center',\n                gap: additionalInfo?.heading ? 1 : undefined,\n                pad: [2, 2, 1]\n              }}\n              item={{ shrink: 0 }}\n              as={StyledDialogHeader}\n            >\n              <Text ref={headingRef} id={headingId} variant='h2'>\n                {heading}\n              </Text>\n              {additionalInfo?.heading && (\n                <AdditionalInfo heading={additionalInfo.heading}>\n                  {additionalInfo.children}\n                </AdditionalInfo>\n              )}\n            </Flex>\n          )}\n          <Flex\n            item={{ grow: 1 }}\n            as={StyledDialogContent}\n            ref={dialogContentRef}\n            tabIndex={contentTabIndex}\n          >\n            {children && (\n              <StyledChildrenWrap inert={progress ? '' : undefined}>{children}</StyledChildrenWrap>\n            )}\n            <Progress\n              visible={!!progress}\n              focusOnVisible\n              placement='local'\n              message={typeof progress === 'string' ? progress : undefined}\n            />\n          </Flex>\n          <Flex\n            container={{ alignItems: 'center', justify: 'between', pad: 2 }}\n            item={{ shrink: 0 }}\n            as={StyledDialogFooter}\n          >\n            {cancelButton}\n            {submitButton}\n          </Flex>\n        </>\n      );\n    })();\n\n    return (\n      <StyledFormDialog\n        {...restProps}\n        {...(heading === undefined\n          ? { 'aria-label': ariaLabel }\n          : { 'aria-labelledby': headingId })}\n        arrow={arrow}\n        target={target}\n        progress={progress}\n        ref={dialogRef}\n      >\n        {layout}\n      </StyledFormDialog>\n    );\n  }\n);\n\nexport default FormDialog;\n"]}
+{"version":3,"file":"FormDialog.js","sourceRoot":"","sources":["../../../src/components/Dialog/FormDialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useCallback, useEffect, useLayoutEffect, useRef } from 'react';\nimport type { PropsWithoutRef } from 'react';\nimport styled from 'styled-components';\n\nimport {\n  useConsolidatedRef,\n  useContentTabIndex,\n  useEscape,\n  useEvent,\n  useI18n,\n  useOuterEvent,\n  useUID\n} from '../../hooks';\nimport { getActiveElement, focusNonInteractiveElement, getFocusables } from '../../utils';\nimport Button, { StyledButton } from '../Button';\nimport Text from '../Text';\nimport Progress from '../Progress';\nimport AdditionalInfo from '../AdditionalInfo';\nimport type { RefElement } from '../../types';\nimport Flex from '../Flex';\nimport getResolvedTarget from '../Popover/getResolvedTarget';\nimport Icon from '../Icon';\n\nimport {\n  StyledChildrenWrap,\n  StyledDialogContent,\n  StyledDialogFooter,\n  StyledDialogHeader\n} from './Dialog.styles';\nimport type { FormDialogProps } from './Dialog.types';\nimport Dialog from './Dialog';\n\nconst StyledCompactDialogContent = styled.div``;\n\nconst StyledCompactActions = styled.div`\n  ${StyledButton} {\n    margin-inline-start: unset;\n  }\n`;\n\nexport const StyledFormDialog = styled(Dialog)``;\n\nconst FormDialog = forwardRef<RefElement<FormDialogProps>, PropsWithoutRef<FormDialogProps>>(\n  function FormDialog(\n    {\n      arrow = true,\n      compact,\n      target,\n      heading,\n      'aria-label': ariaLabel,\n      children,\n      progress,\n      onDismiss,\n      onCancel = () => true,\n      onSubmit,\n      onAfterClose,\n      additionalInfo,\n      ...restProps\n    },\n    ref\n  ) {\n    const t = useI18n();\n    const headingId = useUID();\n    const headingRef = useRef<HTMLHeadingElement>(null);\n    const dialogRef = useConsolidatedRef(ref);\n    const dialogContentRef = useRef<HTMLDivElement>(null);\n    const contentTabIndex = useContentTabIndex(dialogRef, dialogContentRef, [], [progress]);\n    const resolvedTarget = getResolvedTarget(target);\n\n    const setFocus = () => {\n      if (progress || !dialogRef.current) return;\n      if (headingRef.current) {\n        focusNonInteractiveElement(headingRef.current, heading ?? ariaLabel);\n      } else if (compact) {\n        const focusables = getFocusables(dialogContentRef);\n        if (focusables[0]) {\n          focusables[0].focus();\n        } else {\n          focusNonInteractiveElement(dialogRef.current, heading ?? ariaLabel);\n        }\n      } else {\n        focusNonInteractiveElement(dialogRef.current, heading ?? ariaLabel);\n      }\n    };\n\n    const onCancelHandler = typeof onCancel === 'function' ? onCancel : onCancel.handler;\n\n    const closeDialog = useCallback(async () => {\n      if (onDismiss) {\n        onDismiss();\n        onAfterClose?.();\n      } else {\n        const result = await onCancelHandler();\n        if (result !== false) {\n          onAfterClose?.();\n        }\n      }\n    }, [onDismiss, onCancelHandler, onAfterClose]);\n\n    useEscape(\n      e => {\n        closeDialog();\n        e.stopPropagation();\n      },\n      dialogRef,\n      [closeDialog]\n    );\n\n    useOuterEvent('mousedown', [resolvedTarget, dialogRef], () => {\n      closeDialog();\n    });\n\n    // Using layout effect to capture the focused element prior to dialog elements taking focus.\n    useLayoutEffect(() => {\n      const initiatorElement = getActiveElement();\n\n      return () => {\n        if (initiatorElement instanceof HTMLElement && initiatorElement.isConnected) {\n          initiatorElement.focus();\n        }\n      };\n    }, []);\n\n    useEffect(() => {\n      if (!progress) {\n        setFocus();\n      }\n    }, [progress]);\n\n    // The 0 timeout ensures that the dialog will not re-open immediately after the close event is triggered.\n    useEvent('click', () => setTimeout(closeDialog, 0), {\n      target: resolvedTarget,\n      dependencies: [resolvedTarget, closeDialog]\n    });\n\n    const cancelButton = (() => {\n      const label = typeof onCancel !== 'function' && onCancel.text ? onCancel.text : t('cancel');\n\n      return (\n        <Button\n          icon={compact}\n          label={compact ? label : undefined}\n          disabled={typeof onCancel !== 'function' ? onCancel.disabled : undefined}\n          onClick={async () => {\n            const result = await onCancelHandler();\n            if (result !== false) {\n              onAfterClose?.();\n            }\n          }}\n        >\n          {compact ? <Icon name='times' /> : label}\n        </Button>\n      );\n    })();\n\n    const submitButton = (() => {\n      const label = typeof onSubmit !== 'function' && onSubmit.text ? onSubmit.text : t('submit');\n\n      return (\n        <Button\n          icon={compact}\n          label={compact ? label : undefined}\n          variant='primary'\n          disabled={typeof onSubmit !== 'function' ? onSubmit.disabled : undefined}\n          onClick={async () => {\n            const result = await (typeof onSubmit !== 'function' ? onSubmit.handler : onSubmit)();\n            if (result !== false) {\n              onAfterClose?.();\n            }\n          }}\n        >\n          {compact ? <Icon name='check' /> : label}\n        </Button>\n      );\n    })();\n\n    const layout = (() => {\n      if (compact) {\n        return (\n          <Flex\n            container={{ alignItems: 'start', pad: 0.75, colGap: 1 }}\n            as={StyledCompactDialogContent}\n            ref={dialogContentRef}\n          >\n            {progress && (\n              <Progress\n                visible={!!progress}\n                focusOnVisible\n                placement='local'\n                message={typeof progress === 'string' ? progress : undefined}\n              />\n            )}\n            {children && (\n              <Flex item={{ grow: 1 }} as={StyledChildrenWrap} inert={progress ? '' : undefined}>\n                {children}\n              </Flex>\n            )}\n            <Flex\n              container={{ alignItems: 'start', colGap: 0.5 }}\n              item={{ shrink: 0 }}\n              as={StyledCompactActions}\n            >\n              {cancelButton}\n              {submitButton}\n            </Flex>\n          </Flex>\n        );\n      }\n\n      return (\n        <>\n          {heading !== undefined && (\n            <Flex\n              container={{\n                alignItems: 'center',\n                gap: additionalInfo?.heading ? 1 : undefined,\n                pad: [2, 2, 1]\n              }}\n              item={{ shrink: 0 }}\n              as={StyledDialogHeader}\n            >\n              <Text ref={headingRef} id={headingId} variant='h2'>\n                {heading}\n              </Text>\n              {additionalInfo?.heading && (\n                <AdditionalInfo heading={additionalInfo.heading}>\n                  {additionalInfo.children}\n                </AdditionalInfo>\n              )}\n            </Flex>\n          )}\n          <Flex\n            item={{ grow: 1 }}\n            as={StyledDialogContent}\n            ref={dialogContentRef}\n            tabIndex={contentTabIndex}\n          >\n            {children && (\n              <StyledChildrenWrap inert={progress ? '' : undefined}>{children}</StyledChildrenWrap>\n            )}\n            <Progress\n              visible={!!progress}\n              focusOnVisible\n              placement='local'\n              message={typeof progress === 'string' ? progress : undefined}\n            />\n          </Flex>\n          <Flex\n            container={{ alignItems: 'center', justify: 'between', pad: 2 }}\n            item={{ shrink: 0 }}\n            as={StyledDialogFooter}\n          >\n            {cancelButton}\n            {submitButton}\n          </Flex>\n        </>\n      );\n    })();\n\n    return (\n      <StyledFormDialog\n        {...restProps}\n        {...(heading === undefined\n          ? { 'aria-label': ariaLabel }\n          : { 'aria-labelledby': headingId })}\n        arrow={arrow}\n        target={target}\n        progress={progress}\n        ref={dialogRef}\n      >\n        {layout}\n      </StyledFormDialog>\n    );\n  }\n);\n\nexport default FormDialog;\n"]}

package/lib/components/Dialog/FormDialogWrapper.d.ts

@@ -0,0 +1,5 @@
+import type { PropsWithoutRef } from 'react';
+import type { FormDialogProps } from './Dialog.types';
+declare const FormDialogWrapper: import("react").ForwardRefExoticComponent<PropsWithoutRef<FormDialogProps> & import("react").RefAttributes<HTMLDivElement>>;
+export default FormDialogWrapper;
+//# sourceMappingURL=FormDialogWrapper.d.ts.map

package/lib/components/Dialog/FormDialogWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormDialogWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/FormDialogWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAK7C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAItD,QAAA,MAAM,iBAAiB,6HAQtB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/lib/components/Dialog/FormDialogWrapper.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { isTouchDevice } from '../../utils';
+import FormDialog from './FormDialog';
+import TouchFormDialog from './TouchFormDialog';
+const FormDialogWrapper = forwardRef(function FormDialogWrapper(props, ref) {
+    if (isTouchDevice) {
+        return _jsx(TouchFormDialog, { ...props, ref: ref });
+    }
+    return _jsx(FormDialog, { ...props, ref: ref });
+});
+export default FormDialogWrapper;
+//# sourceMappingURL=FormDialogWrapper.js.map

package/lib/components/Dialog/FormDialogWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormDialogWrapper.js","sourceRoot":"","sources":["../../../src/components/Dialog/FormDialogWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAInC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAG5C,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAEhD,MAAM,iBAAiB,GAAG,UAAU,CAClC,SAAS,iBAAiB,CAAC,KAAK,EAAE,GAAG;IACnC,IAAI,aAAa,EAAE,CAAC;QAClB,OAAO,KAAC,eAAe,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;IAClD,CAAC;IAED,OAAO,KAAC,UAAU,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AAC7C,CAAC,CACF,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["import { forwardRef } from 'react';\nimport type { PropsWithoutRef } from 'react';\n\nimport type { RefElement } from '../../types';\nimport { isTouchDevice } from '../../utils';\n\nimport type { FormDialogProps } from './Dialog.types';\nimport FormDialog from './FormDialog';\nimport TouchFormDialog from './TouchFormDialog';\n\nconst FormDialogWrapper = forwardRef<RefElement<FormDialogProps>, PropsWithoutRef<FormDialogProps>>(\n  function FormDialogWrapper(props, ref) {\n    if (isTouchDevice) {\n      return <TouchFormDialog {...props} ref={ref} />;\n    }\n\n    return <FormDialog {...props} ref={ref} />;\n  }\n);\n\nexport default FormDialogWrapper;\n"]}

package/lib/components/Dialog/TouchDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TouchDialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/TouchDialog.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,aAAa,CAAC;AAkBnE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAY5D,QAAA,MAAM,WAAW,EAAE,+BAA+B,CAAC,gBAAgB,CAkOlE,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"TouchDialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/TouchDialog.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,aAAa,CAAC;AAkBnE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAY5D,QAAA,MAAM,WAAW,EAAE,+BAA+B,CAAC,gBAAgB,CAgPlE,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/components/Dialog/TouchDialog.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { forwardRef, useCallback, useEffect, useRef, useState } from 'react';
 import { createPortal } from 'react-dom';
 import { useConsolidatedRef, useConfiguration, useFocusTrap, useI18n, useTestIds, useEscape, useUID, useEvent } from '../../hooks';
@@ -12,7 +12,7 @@ import { focusNonInteractiveElement, getActiveElement, isInstance } from '../../
 import Progress from '../Progress';
 import { StyledTouchDialogContent, StyledTouchDialogHeader, StyledTouchDialog, StyledTouchDialogBackdrop, StyledExpandCollapse } from './TouchDialog.styles';
 import { getTouchDialogTestIds } from './TouchDialog.test-ids';
-import { StyledChildrenWrap } from './Dialog.styles';
+import { StyledChildrenWrap, StyledDialogFooter } from './Dialog.styles';
 registerIcon(caretUp, timesIcon);
 const drawerSizeMapping = {
     auto: 'auto',
@@ -20,7 +20,7 @@ const drawerSizeMapping = {
     half: '50dvh',
     full: '90dvh'
 };
-const TouchDialog = forwardRef(function TouchDialog({ open, onDismiss: onDismissProp, children, size = 'half', onBeforeOpen, onAfterOpen: onAfterOpenProp, onBeforeClose, onAfterClose, heading, 'aria-label': ariaLabel, progress: progressProp, outerClickAction = 'close', testId, ...restProps }, ref) {
+const TouchDialog = forwardRef(function TouchDialog({ open, onDismiss: onDismissProp, children, footer, size = 'half', onBeforeOpen, onAfterOpen: onAfterOpenProp, onBeforeClose, onAfterClose, heading, 'aria-label': ariaLabel, progress: progressProp, outerClickAction = 'close', testId, ...restProps }, ref) {
     const dialogRef = useConsolidatedRef(ref);
     const backdropRef = useRef(null);
     const t = useI18n();
@@ -78,12 +78,12 @@ const TouchDialog = forwardRef(function TouchDialog({ open, onDismiss: onDismiss
         }
     }, [progressProp, setFocus]);
     useEscape(e => {
-        onDismiss?.();
+        onDismiss();
         e.stopPropagation();
     }, dialogRef, [onDismiss]);
     const progress = (_jsx(Progress, { visible: !!progressProp, focusOnVisible: true, placement: 'local', message: typeof progressProp === 'string' ? progressProp : undefined }));
     const isCompact = isFullCompact && drawerSize === 'compact';
-    const hasContent = children !== undefined || progressProp !== undefined;
+    const hasContent = children !== undefined || footer !== undefined || progressProp !== undefined;
     const dismissButton = (_jsx(Button, { "data-testid": testIds.dismiss, variant: 'simple', icon: true, label: t('dismiss'), onClick: onDismiss, children: _jsx(Icon, { name: 'times' }) }));
     useEvent('click', e => {
         if (open && e.target === backdropRef.current) {
@@ -105,7 +105,7 @@ const TouchDialog = forwardRef(function TouchDialog({ open, onDismiss: onDismiss
                 returnRef.current.focus();
             }
             onAfterClose?.();
-        }, children: _jsxs(StyledTouchDialog, { "data-testid": testIds.root, "aria-labelledby": heading ? headingId : undefined, "aria-label": ariaLabel, ...restProps, ref: dialogRef, open: drawerOpen, placement: 'bottom', position: 'fixed', size: drawerSizeMapping[drawerSize], shadow: true, onAfterOpen: onAfterOpen, onBeforeClose: onBeforeClose, role: 'dialog', "aria-modal": shouldTrapFocus ? 'true' : undefined, "aria-busy": !!progressProp, children: [_jsxs(Flex, { container: { direction: 'row', justify: 'between', alignItems: 'center' }, as: StyledTouchDialogHeader, children: [typeof heading === 'string' ? (_jsx(Text, { variant: 'h2', ref: headingRef, id: headingId, children: heading })) : (heading && (_jsx(Flex, { item: { grow: 1 }, ref: headingWrapperRef, id: headingId, children: heading }))), dismissButton] }), hasContent && (_jsxs(Flex, { as: StyledTouchDialogContent, container: { gap: 1, direction: 'column' }, hidden: isCompact && !progressProp, children: [children && (_jsx(StyledChildrenWrap, { inert: progressProp || isCompact ? '' : undefined, hidden: isCompact, children: children })), progress] })), (!isAutoSize || isFullCompact) && (_jsx(StyledExpandCollapse, { onToggle: () => {
+        }, children: _jsxs(StyledTouchDialog, { "data-testid": testIds.root, "aria-labelledby": heading ? headingId : undefined, "aria-label": ariaLabel, ...restProps, ref: dialogRef, open: drawerOpen, placement: 'bottom', position: 'fixed', size: drawerSizeMapping[drawerSize], shadow: true, onAfterOpen: onAfterOpen, onBeforeClose: onBeforeClose, role: 'dialog', "aria-modal": shouldTrapFocus ? 'true' : undefined, "aria-busy": !!progressProp, children: [_jsxs(Flex, { container: { direction: 'row', justify: 'between', alignItems: 'center' }, as: StyledTouchDialogHeader, children: [typeof heading === 'string' ? (_jsx(Text, { variant: 'h2', ref: headingRef, id: headingId, children: heading })) : (heading && (_jsx(Flex, { item: { grow: 1 }, ref: headingWrapperRef, id: headingId, children: heading }))), dismissButton] }), hasContent && (_jsxs(_Fragment, { children: [_jsxs(Flex, { as: StyledTouchDialogContent, container: { gap: 1, direction: 'column' }, hidden: isCompact && !progressProp, children: [children && (_jsx(StyledChildrenWrap, { inert: progressProp || isCompact ? '' : undefined, hidden: isCompact, children: children })), progress] }), footer && (_jsx(Flex, { container: { alignItems: 'center', justify: 'between', pad: [0, 1, 1] }, item: { shrink: 0 }, as: StyledDialogFooter, hidden: isCompact, inert: isCompact ? '' : undefined, children: footer }))] })), (!isAutoSize || isFullCompact) && (_jsx(StyledExpandCollapse, { onToggle: () => {
                         setDrawerSize(prev => {
                             if (isFullCompact)
                                 return prev === 'compact' ? 'full' : 'compact';

package/lib/components/Dialog/TouchDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"TouchDialog.js","sourceRoot":"","sources":["../../../src/components/Dialog/TouchDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAGzC,OAAO,EACL,kBAAkB,EAClB,gBAAgB,EAChB,YAAY,EACZ,OAAO,EACP,UAAU,EACV,SAAS,EACT,MAAM,EACN,QAAQ,EACT,MAAM,aAAa,CAAC;AAErB,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,IAAI,EAAE,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,KAAK,OAAO,MAAM,6BAA6B,CAAC;AACvD,OAAO,KAAK,SAAS,MAAM,0BAA0B,CAAC;AACtD,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,EAAE,0BAA0B,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACvF,OAAO,QAAQ,MAAM,aAAa,CAAC;AAEnC,OAAO,EACL,wBAAwB,EACxB,uBAAuB,EACvB,iBAAiB,EACjB,yBAAyB,EACzB,oBAAoB,EACrB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAE/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAErD,YAAY,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;AAEjC,MAAM,iBAAiB,GAAG;IACxB,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,oCAAoC;IAC7C,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,OAAO;CACL,CAAC;AAEX,MAAM,WAAW,GAAsD,UAAU,CAC/E,SAAS,WAAW,CAClB,EACE,IAAI,EACJ,SAAS,EAAE,aAAa,EACxB,QAAQ,EACR,IAAI,GAAG,MAAM,EACb,YAAY,EACZ,WAAW,EAAE,eAAe,EAC5B,aAAa,EACb,YAAY,EACZ,OAAO,EACP,YAAY,EAAE,SAAS,EACvB,QAAQ,EAAE,YAAY,EACtB,gBAAgB,GAAG,OAAO,EAC1B,MAAM,EACN,GAAG,SAAS,EACsB,EACpC,GAA4B;IAE5B,MAAM,SAAS,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAC;IAC1C,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACjD,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IACpB,MAAM,EAAE,YAAY,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAC5C,MAAM,UAAU,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IACpD,MAAM,iBAAiB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACvD,MAAM,aAAa,GAAG,IAAI,KAAK,cAAc,CAAC;IAC9C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAC1C,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAC9B,CAAC;IACF,MAAM,SAAS,GAAG,MAAM,EAAE,CAAC;IAC3B,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;IAC1D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE/C,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAC/C,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,UAAU,GAAG,IAAI,KAAK,MAAM,IAAI,aAAa,CAAC;IAEpD,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAClD,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,eAAe,GAAG,IAAI,IAAI,UAAU,IAAI,CAAC,CAAC,aAAa,IAAI,UAAU,KAAK,SAAS,CAAC,CAAC;IAE3F,YAAY,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAE3E,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;QAChC,IAAI,YAAY,IAAI,CAAC,UAAU,IAAI,SAAS,CAAC,OAAO,EAAE,QAAQ,CAAC,gBAAgB,EAAE,CAAC;YAAE,OAAO;QAC3F,IAAI,iBAAiB,CAAC,OAAO,EAAE,CAAC;YAC9B,0BAA0B,CACxB,iBAAiB,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,iBAAiB,CAAC,OAAO,EAC1E,SAAS,CACV,CAAC;QACJ,CAAC;aAAM,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;YAC9B,0BAA0B,CAAC,UAAU,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;QAC5D,CAAC;aAAM,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YAC7B,0BAA0B,CAAC,SAAS,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;QAC3D,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC;IAEnD,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,aAAa,CAAC,KAAK,CAAC,CAAC;QACrB,aAAa,EAAE,EAAE,CAAC;IACpB,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,IAAI,gBAAgB,KAAK,YAAY,EAAE,CAAC;YACtC,SAAS,EAAE,CAAC;QACd,CAAC;aAAM,CAAC;YACN,SAAS,EAAE,CAAC;QACd,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,gBAAgB,EAAE,SAAS,CAAC,CAAC,CAAC;IAE7C,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,eAAe,EAAE,EAAE,CAAC;QACpB,QAAQ,EAAE,CAAC;IACb,CAAC,EAAE,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEhC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,wFAAwF;YACxF,UAAU,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE7B,SAAS,CACP,CAAC,CAAC,EAAE;QACF,SAAS,EAAE,EAAE,CAAC;QACd,CAAC,CAAC,eAAe,EAAE,CAAC;IACtB,CAAC,EACD,SAAS,EACT,CAAC,SAAS,CAAC,CACZ,CAAC;IAEF,MAAM,QAAQ,GAAG,CACf,KAAC,QAAQ,IACP,OAAO,EAAE,CAAC,CAAC,YAAY,EACvB,cAAc,QACd,SAAS,EAAC,OAAO,EACjB,OAAO,EAAE,OAAO,YAAY,KAAK,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,GACpE,CACH,CAAC;IACF,MAAM,SAAS,GAAG,aAAa,IAAI,UAAU,KAAK,SAAS,CAAC;IAC5D,MAAM,UAAU,GAAG,QAAQ,KAAK,SAAS,IAAI,YAAY,KAAK,SAAS,CAAC;IAExE,MAAM,aAAa,GAAG,CACpB,KAAC,MAAM,mBACQ,OAAO,CAAC,OAAO,EAC5B,OAAO,EAAC,QAAQ,EAChB,IAAI,QACJ,KAAK,EAAE,CAAC,CAAC,SAAS,CAAC,EACnB,OAAO,EAAE,SAAS,YAElB,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,GAAG,GACd,CACV,CAAC;IAEF,QAAQ,CACN,OAAO,EACP,CAAC,CAAC,EAAE;QACF,IAAI,IAAI,IAAI,CAAC,CAAC,MAAM,KAAK,WAAW,CAAC,OAAO,EAAE,CAAC;YAC7C,YAAY,EAAE,CAAC;QACjB,CAAC;IACH,CAAC,EACD,EAAE,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,CAAC,YAAY,EAAE,IAAI,CAAC,EAAE,CAC5D,CAAC;IAEF,MAAM,OAAO,GAAG,CACd,KAAC,yBAAyB,IACxB,GAAG,EAAE,WAAW,EAChB,IAAI,EAAE,IAAI,cACA,SAAS,EACnB,oBAAoB,EAAE,GAAG,EAAE;YACzB,aAAa,CAAC,IAAI,CAAC,CAAC;YACpB,IAAI,aAAa;gBAAE,aAAa,CAAC,MAAM,CAAC,CAAC;YACzC,SAAS,CAAC,OAAO,GAAG,gBAAgB,EAAE,CAAC;YACvC,YAAY,EAAE,EAAE,CAAC;QACnB,CAAC,EACD,qBAAqB,EAAE,GAAG,EAAE;YAC1B,aAAa,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC,EACD,oBAAoB,EAAE,GAAG,EAAE;YACzB,SAAS,EAAE,CAAC;YACZ,IACE,UAAU,CAAC,SAAS,CAAC,OAAO,EAAE,WAAW,CAAC;gBAC1C,SAAS,CAAC,OAAO,EAAE,QAAQ,CAAC,gBAAgB,EAAE,CAAC,EAC/C,CAAC;gBACD,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YAC5B,CAAC;YACD,YAAY,EAAE,EAAE,CAAC;QACnB,CAAC,YAED,MAAC,iBAAiB,mBACH,OAAO,CAAC,IAAI,qBACR,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,gBACpC,SAAS,KACjB,SAAS,EACb,GAAG,EAAE,SAAS,EACd,IAAI,EAAE,UAAU,EAChB,SAAS,EAAC,QAAQ,EAClB,QAAQ,EAAC,OAAO,EAChB,IAAI,EAAE,iBAAiB,CAAC,UAAU,CAAC,EACnC,MAAM,QACN,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAC,QAAQ,gBACD,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,eACrC,CAAC,CAAC,YAAY,aAEzB,MAAC,IAAI,IACH,SAAS,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,EACzE,EAAE,EAAE,uBAAuB,aAE1B,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC7B,KAAC,IAAI,IAAC,OAAO,EAAC,IAAI,EAAC,GAAG,EAAE,UAAU,EAAE,EAAE,EAAE,SAAS,YAC9C,OAAO,GACH,CACR,CAAC,CAAC,CAAC,CACF,OAAO,IAAI,CACT,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,iBAAiB,EAAE,EAAE,EAAE,SAAS,YAC3D,OAAO,GACH,CACR,CACF,EACA,aAAa,IACT,EACN,UAAU,IAAI,CACb,MAAC,IAAI,IACH,EAAE,EAAE,wBAAwB,EAC5B,SAAS,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAC1C,MAAM,EAAE,SAAS,IAAI,CAAC,YAAY,aAEjC,QAAQ,IAAI,CACX,KAAC,kBAAkB,IACjB,KAAK,EAAE,YAAY,IAAI,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EACjD,MAAM,EAAE,SAAS,YAEhB,QAAQ,GACU,CACtB,EACA,QAAQ,IACJ,CACR,EACA,CAAC,CAAC,UAAU,IAAI,aAAa,CAAC,IAAI,CACjC,KAAC,oBAAoB,IACnB,QAAQ,EAAE,GAAG,EAAE;wBACb,aAAa,CAAC,IAAI,CAAC,EAAE;4BACnB,IAAI,aAAa;gCAAE,OAAO,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;4BAClE,IAAI,IAAI,KAAK,MAAM;gCAAE,OAAO,MAAM,CAAC;4BACnC,OAAO,MAAM,CAAC;wBAChB,CAAC,CAAC,CAAC;oBACL,CAAC,EACD,QAAQ,EAAE,UAAU,KAAK,MAAM,EAC/B,OAAO,QACP,QAAQ,SACR,CACH,IACiB,GACM,CAC7B,CAAC;IAEF,OAAO,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;AACtE,CAAC,CACF,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import { forwardRef, useCallback, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport type { PropsWithoutRef } from 'react';\n\nimport {\n  useConsolidatedRef,\n  useConfiguration,\n  useFocusTrap,\n  useI18n,\n  useTestIds,\n  useEscape,\n  useUID,\n  useEvent\n} from '../../hooks';\nimport type { ForwardRefForwardPropsComponent } from '../../types';\nimport Button from '../Button';\nimport Icon, { registerIcon } from '../Icon';\nimport Text from '../Text';\nimport * as caretUp from '../Icon/icons/caret-up.icon';\nimport * as timesIcon from '../Icon/icons/times.icon';\nimport Flex from '../Flex';\nimport { focusNonInteractiveElement, getActiveElement, isInstance } from '../../utils';\nimport Progress from '../Progress';\n\nimport {\n  StyledTouchDialogContent,\n  StyledTouchDialogHeader,\n  StyledTouchDialog,\n  StyledTouchDialogBackdrop,\n  StyledExpandCollapse\n} from './TouchDialog.styles';\nimport { getTouchDialogTestIds } from './TouchDialog.test-ids';\nimport type { TouchDialogProps } from './TouchDialog.types';\nimport { StyledChildrenWrap } from './Dialog.styles';\n\nregisterIcon(caretUp, timesIcon);\n\nconst drawerSizeMapping = {\n  auto: 'auto',\n  compact: 'var(--touch-dialog-compact-height)',\n  half: '50dvh',\n  full: '90dvh'\n} as const;\n\nconst TouchDialog: ForwardRefForwardPropsComponent<TouchDialogProps> = forwardRef(\n  function TouchDialog(\n    {\n      open,\n      onDismiss: onDismissProp,\n      children,\n      size = 'half',\n      onBeforeOpen,\n      onAfterOpen: onAfterOpenProp,\n      onBeforeClose,\n      onAfterClose,\n      heading,\n      'aria-label': ariaLabel,\n      progress: progressProp,\n      outerClickAction = 'close',\n      testId,\n      ...restProps\n    }: PropsWithoutRef<TouchDialogProps>,\n    ref: TouchDialogProps['ref']\n  ) {\n    const dialogRef = useConsolidatedRef(ref);\n    const backdropRef = useRef<HTMLDivElement>(null);\n    const t = useI18n();\n    const { portalTarget } = useConfiguration();\n    const headingRef = useRef<HTMLHeadingElement>(null);\n    const headingWrapperRef = useRef<HTMLDivElement>(null);\n    const isFullCompact = size === 'full-compact';\n    const [drawerSize, setDrawerSize] = useState<'auto' | 'compact' | 'half' | 'full'>(\n      isFullCompact ? 'full' : size\n    );\n    const headingId = useUID();\n    const testIds = useTestIds(testId, getTouchDialogTestIds);\n    const [drawerOpen, setDrawerOpen] = useState(false);\n    const returnRef = useRef<Element | null>(null);\n\n    useEffect(() => {\n      setDrawerSize(isFullCompact ? 'full' : size);\n    }, [size]);\n\n    const isAutoSize = size === 'auto' || isFullCompact;\n\n    const resetSize = useCallback(() => {\n      setDrawerSize(isFullCompact ? 'compact' : size);\n    }, [size]);\n\n    const shouldTrapFocus = open && drawerOpen && !(isFullCompact && drawerSize === 'compact');\n\n    useFocusTrap(shouldTrapFocus ? dialogRef : null, false, [shouldTrapFocus]);\n\n    const setFocus = useCallback(() => {\n      if (progressProp || !drawerOpen || dialogRef.current?.contains(getActiveElement())) return;\n      if (headingWrapperRef.current) {\n        focusNonInteractiveElement(\n          headingWrapperRef.current.querySelector('h2') ?? headingWrapperRef.current,\n          ariaLabel\n        );\n      } else if (headingRef.current) {\n        focusNonInteractiveElement(headingRef.current, ariaLabel);\n      } else if (dialogRef.current) {\n        focusNonInteractiveElement(dialogRef.current, ariaLabel);\n      }\n    }, [progressProp, drawerOpen, heading, ariaLabel]);\n\n    const onDismiss = useCallback(() => {\n      setDrawerOpen(false);\n      onDismissProp?.();\n    }, [onDismissProp]);\n\n    const onOuterClick = useCallback(() => {\n      if (outerClickAction === 'reset-size') {\n        resetSize();\n      } else {\n        onDismiss();\n      }\n    }, [onDismiss, outerClickAction, resetSize]);\n\n    const onAfterOpen = useCallback(() => {\n      onAfterOpenProp?.();\n      setFocus();\n    }, [onAfterOpenProp, setFocus]);\n\n    useEffect(() => {\n      if (!progressProp) {\n        // Delay focus to the next tick to allow progress to unmount so setFocus do not bail out\n        setTimeout(setFocus, 0);\n      }\n    }, [progressProp, setFocus]);\n\n    useEscape(\n      e => {\n        onDismiss?.();\n        e.stopPropagation();\n      },\n      dialogRef,\n      [onDismiss]\n    );\n\n    const progress = (\n      <Progress\n        visible={!!progressProp}\n        focusOnVisible\n        placement='local'\n        message={typeof progressProp === 'string' ? progressProp : undefined}\n      />\n    );\n    const isCompact = isFullCompact && drawerSize === 'compact';\n    const hasContent = children !== undefined || progressProp !== undefined;\n\n    const dismissButton = (\n      <Button\n        data-testid={testIds.dismiss}\n        variant='simple'\n        icon\n        label={t('dismiss')}\n        onClick={onDismiss}\n      >\n        <Icon name='times' />\n      </Button>\n    );\n\n    useEvent(\n      'click',\n      e => {\n        if (open && e.target === backdropRef.current) {\n          onOuterClick();\n        }\n      },\n      { target: backdropRef, dependencies: [onOuterClick, open] }\n    );\n\n    const content = (\n      <StyledTouchDialogBackdrop\n        ref={backdropRef}\n        open={open}\n        $compact={isCompact}\n        onBeforeTransitionIn={() => {\n          setDrawerOpen(true);\n          if (isFullCompact) setDrawerSize('full');\n          returnRef.current = getActiveElement();\n          onBeforeOpen?.();\n        }}\n        onBeforeTransitionOut={() => {\n          setDrawerOpen(false);\n        }}\n        onAfterTransitionOut={() => {\n          resetSize();\n          if (\n            isInstance(returnRef.current, HTMLElement) &&\n            dialogRef.current?.contains(getActiveElement())\n          ) {\n            returnRef.current.focus();\n          }\n          onAfterClose?.();\n        }}\n      >\n        <StyledTouchDialog\n          data-testid={testIds.root}\n          aria-labelledby={heading ? headingId : undefined}\n          aria-label={ariaLabel}\n          {...restProps}\n          ref={dialogRef}\n          open={drawerOpen}\n          placement='bottom'\n          position='fixed'\n          size={drawerSizeMapping[drawerSize]}\n          shadow\n          onAfterOpen={onAfterOpen}\n          onBeforeClose={onBeforeClose}\n          role='dialog'\n          aria-modal={shouldTrapFocus ? 'true' : undefined}\n          aria-busy={!!progressProp}\n        >\n          <Flex\n            container={{ direction: 'row', justify: 'between', alignItems: 'center' }}\n            as={StyledTouchDialogHeader}\n          >\n            {typeof heading === 'string' ? (\n              <Text variant='h2' ref={headingRef} id={headingId}>\n                {heading}\n              </Text>\n            ) : (\n              heading && (\n                <Flex item={{ grow: 1 }} ref={headingWrapperRef} id={headingId}>\n                  {heading}\n                </Flex>\n              )\n            )}\n            {dismissButton}\n          </Flex>\n          {hasContent && (\n            <Flex\n              as={StyledTouchDialogContent}\n              container={{ gap: 1, direction: 'column' }}\n              hidden={isCompact && !progressProp}\n            >\n              {children && (\n                <StyledChildrenWrap\n                  inert={progressProp || isCompact ? '' : undefined}\n                  hidden={isCompact}\n                >\n                  {children}\n                </StyledChildrenWrap>\n              )}\n              {progress}\n            </Flex>\n          )}\n          {(!isAutoSize || isFullCompact) && (\n            <StyledExpandCollapse\n              onToggle={() => {\n                setDrawerSize(prev => {\n                  if (isFullCompact) return prev === 'compact' ? 'full' : 'compact';\n                  if (prev === 'full') return 'half';\n                  return 'full';\n                });\n              }}\n              expanded={drawerSize === 'full'}\n              compact\n              iconOnly\n            />\n          )}\n        </StyledTouchDialog>\n      </StyledTouchDialogBackdrop>\n    );\n\n    return portalTarget ? createPortal(content, portalTarget) : content;\n  }\n);\n\nexport default TouchDialog;\n"]}
+{"version":3,"file":"TouchDialog.js","sourceRoot":"","sources":["../../../src/components/Dialog/TouchDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAGzC,OAAO,EACL,kBAAkB,EAClB,gBAAgB,EAChB,YAAY,EACZ,OAAO,EACP,UAAU,EACV,SAAS,EACT,MAAM,EACN,QAAQ,EACT,MAAM,aAAa,CAAC;AAErB,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,IAAI,EAAE,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,KAAK,OAAO,MAAM,6BAA6B,CAAC;AACvD,OAAO,KAAK,SAAS,MAAM,0BAA0B,CAAC;AACtD,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,EAAE,0BAA0B,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACvF,OAAO,QAAQ,MAAM,aAAa,CAAC;AAEnC,OAAO,EACL,wBAAwB,EACxB,uBAAuB,EACvB,iBAAiB,EACjB,yBAAyB,EACzB,oBAAoB,EACrB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAE/D,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEzE,YAAY,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;AAEjC,MAAM,iBAAiB,GAAG;IACxB,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,oCAAoC;IAC7C,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,OAAO;CACL,CAAC;AAEX,MAAM,WAAW,GAAsD,UAAU,CAC/E,SAAS,WAAW,CAClB,EACE,IAAI,EACJ,SAAS,EAAE,aAAa,EACxB,QAAQ,EACR,MAAM,EACN,IAAI,GAAG,MAAM,EACb,YAAY,EACZ,WAAW,EAAE,eAAe,EAC5B,aAAa,EACb,YAAY,EACZ,OAAO,EACP,YAAY,EAAE,SAAS,EACvB,QAAQ,EAAE,YAAY,EACtB,gBAAgB,GAAG,OAAO,EAC1B,MAAM,EACN,GAAG,SAAS,EACsB,EACpC,GAA4B;IAE5B,MAAM,SAAS,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAC;IAC1C,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACjD,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IACpB,MAAM,EAAE,YAAY,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAC5C,MAAM,UAAU,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IACpD,MAAM,iBAAiB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACvD,MAAM,aAAa,GAAG,IAAI,KAAK,cAAc,CAAC;IAC9C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAC1C,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAC9B,CAAC;IACF,MAAM,SAAS,GAAG,MAAM,EAAE,CAAC;IAC3B,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;IAC1D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE/C,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAC/C,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,UAAU,GAAG,IAAI,KAAK,MAAM,IAAI,aAAa,CAAC;IAEpD,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAClD,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,eAAe,GAAG,IAAI,IAAI,UAAU,IAAI,CAAC,CAAC,aAAa,IAAI,UAAU,KAAK,SAAS,CAAC,CAAC;IAE3F,YAAY,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAE3E,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;QAChC,IAAI,YAAY,IAAI,CAAC,UAAU,IAAI,SAAS,CAAC,OAAO,EAAE,QAAQ,CAAC,gBAAgB,EAAE,CAAC;YAAE,OAAO;QAC3F,IAAI,iBAAiB,CAAC,OAAO,EAAE,CAAC;YAC9B,0BAA0B,CACxB,iBAAiB,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,iBAAiB,CAAC,OAAO,EAC1E,SAAS,CACV,CAAC;QACJ,CAAC;aAAM,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;YAC9B,0BAA0B,CAAC,UAAU,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;QAC5D,CAAC;aAAM,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YAC7B,0BAA0B,CAAC,SAAS,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;QAC3D,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC;IAEnD,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,aAAa,CAAC,KAAK,CAAC,CAAC;QACrB,aAAa,EAAE,EAAE,CAAC;IACpB,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,IAAI,gBAAgB,KAAK,YAAY,EAAE,CAAC;YACtC,SAAS,EAAE,CAAC;QACd,CAAC;aAAM,CAAC;YACN,SAAS,EAAE,CAAC;QACd,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,gBAAgB,EAAE,SAAS,CAAC,CAAC,CAAC;IAE7C,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,eAAe,EAAE,EAAE,CAAC;QACpB,QAAQ,EAAE,CAAC;IACb,CAAC,EAAE,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEhC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,wFAAwF;YACxF,UAAU,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE7B,SAAS,CACP,CAAC,CAAC,EAAE;QACF,SAAS,EAAE,CAAC;QACZ,CAAC,CAAC,eAAe,EAAE,CAAC;IACtB,CAAC,EACD,SAAS,EACT,CAAC,SAAS,CAAC,CACZ,CAAC;IAEF,MAAM,QAAQ,GAAG,CACf,KAAC,QAAQ,IACP,OAAO,EAAE,CAAC,CAAC,YAAY,EACvB,cAAc,QACd,SAAS,EAAC,OAAO,EACjB,OAAO,EAAE,OAAO,YAAY,KAAK,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,GACpE,CACH,CAAC;IACF,MAAM,SAAS,GAAG,aAAa,IAAI,UAAU,KAAK,SAAS,CAAC;IAC5D,MAAM,UAAU,GAAG,QAAQ,KAAK,SAAS,IAAI,MAAM,KAAK,SAAS,IAAI,YAAY,KAAK,SAAS,CAAC;IAEhG,MAAM,aAAa,GAAG,CACpB,KAAC,MAAM,mBACQ,OAAO,CAAC,OAAO,EAC5B,OAAO,EAAC,QAAQ,EAChB,IAAI,QACJ,KAAK,EAAE,CAAC,CAAC,SAAS,CAAC,EACnB,OAAO,EAAE,SAAS,YAElB,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,GAAG,GACd,CACV,CAAC;IAEF,QAAQ,CACN,OAAO,EACP,CAAC,CAAC,EAAE;QACF,IAAI,IAAI,IAAI,CAAC,CAAC,MAAM,KAAK,WAAW,CAAC,OAAO,EAAE,CAAC;YAC7C,YAAY,EAAE,CAAC;QACjB,CAAC;IACH,CAAC,EACD,EAAE,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,CAAC,YAAY,EAAE,IAAI,CAAC,EAAE,CAC5D,CAAC;IAEF,MAAM,OAAO,GAAG,CACd,KAAC,yBAAyB,IACxB,GAAG,EAAE,WAAW,EAChB,IAAI,EAAE,IAAI,cACA,SAAS,EACnB,oBAAoB,EAAE,GAAG,EAAE;YACzB,aAAa,CAAC,IAAI,CAAC,CAAC;YACpB,IAAI,aAAa;gBAAE,aAAa,CAAC,MAAM,CAAC,CAAC;YACzC,SAAS,CAAC,OAAO,GAAG,gBAAgB,EAAE,CAAC;YACvC,YAAY,EAAE,EAAE,CAAC;QACnB,CAAC,EACD,qBAAqB,EAAE,GAAG,EAAE;YAC1B,aAAa,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC,EACD,oBAAoB,EAAE,GAAG,EAAE;YACzB,SAAS,EAAE,CAAC;YACZ,IACE,UAAU,CAAC,SAAS,CAAC,OAAO,EAAE,WAAW,CAAC;gBAC1C,SAAS,CAAC,OAAO,EAAE,QAAQ,CAAC,gBAAgB,EAAE,CAAC,EAC/C,CAAC;gBACD,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YAC5B,CAAC;YACD,YAAY,EAAE,EAAE,CAAC;QACnB,CAAC,YAED,MAAC,iBAAiB,mBACH,OAAO,CAAC,IAAI,qBACR,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,gBACpC,SAAS,KACjB,SAAS,EACb,GAAG,EAAE,SAAS,EACd,IAAI,EAAE,UAAU,EAChB,SAAS,EAAC,QAAQ,EAClB,QAAQ,EAAC,OAAO,EAChB,IAAI,EAAE,iBAAiB,CAAC,UAAU,CAAC,EACnC,MAAM,QACN,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAC,QAAQ,gBACD,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,eACrC,CAAC,CAAC,YAAY,aAEzB,MAAC,IAAI,IACH,SAAS,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,EACzE,EAAE,EAAE,uBAAuB,aAE1B,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC7B,KAAC,IAAI,IAAC,OAAO,EAAC,IAAI,EAAC,GAAG,EAAE,UAAU,EAAE,EAAE,EAAE,SAAS,YAC9C,OAAO,GACH,CACR,CAAC,CAAC,CAAC,CACF,OAAO,IAAI,CACT,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,iBAAiB,EAAE,EAAE,EAAE,SAAS,YAC3D,OAAO,GACH,CACR,CACF,EACA,aAAa,IACT,EACN,UAAU,IAAI,CACb,8BACE,MAAC,IAAI,IACH,EAAE,EAAE,wBAAwB,EAC5B,SAAS,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAC1C,MAAM,EAAE,SAAS,IAAI,CAAC,YAAY,aAEjC,QAAQ,IAAI,CACX,KAAC,kBAAkB,IACjB,KAAK,EAAE,YAAY,IAAI,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EACjD,MAAM,EAAE,SAAS,YAEhB,QAAQ,GACU,CACtB,EACA,QAAQ,IACJ,EACN,MAAM,IAAI,CACT,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,EACvE,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,EACnB,EAAE,EAAE,kBAAkB,EACtB,MAAM,EAAE,SAAS,EACjB,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,YAEhC,MAAM,GACF,CACR,IACA,CACJ,EACA,CAAC,CAAC,UAAU,IAAI,aAAa,CAAC,IAAI,CACjC,KAAC,oBAAoB,IACnB,QAAQ,EAAE,GAAG,EAAE;wBACb,aAAa,CAAC,IAAI,CAAC,EAAE;4BACnB,IAAI,aAAa;gCAAE,OAAO,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;4BAClE,IAAI,IAAI,KAAK,MAAM;gCAAE,OAAO,MAAM,CAAC;4BACnC,OAAO,MAAM,CAAC;wBAChB,CAAC,CAAC,CAAC;oBACL,CAAC,EACD,QAAQ,EAAE,UAAU,KAAK,MAAM,EAC/B,OAAO,QACP,QAAQ,SACR,CACH,IACiB,GACM,CAC7B,CAAC;IAEF,OAAO,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;AACtE,CAAC,CACF,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import { forwardRef, useCallback, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport type { PropsWithoutRef } from 'react';\n\nimport {\n  useConsolidatedRef,\n  useConfiguration,\n  useFocusTrap,\n  useI18n,\n  useTestIds,\n  useEscape,\n  useUID,\n  useEvent\n} from '../../hooks';\nimport type { ForwardRefForwardPropsComponent } from '../../types';\nimport Button from '../Button';\nimport Icon, { registerIcon } from '../Icon';\nimport Text from '../Text';\nimport * as caretUp from '../Icon/icons/caret-up.icon';\nimport * as timesIcon from '../Icon/icons/times.icon';\nimport Flex from '../Flex';\nimport { focusNonInteractiveElement, getActiveElement, isInstance } from '../../utils';\nimport Progress from '../Progress';\n\nimport {\n  StyledTouchDialogContent,\n  StyledTouchDialogHeader,\n  StyledTouchDialog,\n  StyledTouchDialogBackdrop,\n  StyledExpandCollapse\n} from './TouchDialog.styles';\nimport { getTouchDialogTestIds } from './TouchDialog.test-ids';\nimport type { TouchDialogProps } from './TouchDialog.types';\nimport { StyledChildrenWrap, StyledDialogFooter } from './Dialog.styles';\n\nregisterIcon(caretUp, timesIcon);\n\nconst drawerSizeMapping = {\n  auto: 'auto',\n  compact: 'var(--touch-dialog-compact-height)',\n  half: '50dvh',\n  full: '90dvh'\n} as const;\n\nconst TouchDialog: ForwardRefForwardPropsComponent<TouchDialogProps> = forwardRef(\n  function TouchDialog(\n    {\n      open,\n      onDismiss: onDismissProp,\n      children,\n      footer,\n      size = 'half',\n      onBeforeOpen,\n      onAfterOpen: onAfterOpenProp,\n      onBeforeClose,\n      onAfterClose,\n      heading,\n      'aria-label': ariaLabel,\n      progress: progressProp,\n      outerClickAction = 'close',\n      testId,\n      ...restProps\n    }: PropsWithoutRef<TouchDialogProps>,\n    ref: TouchDialogProps['ref']\n  ) {\n    const dialogRef = useConsolidatedRef(ref);\n    const backdropRef = useRef<HTMLDivElement>(null);\n    const t = useI18n();\n    const { portalTarget } = useConfiguration();\n    const headingRef = useRef<HTMLHeadingElement>(null);\n    const headingWrapperRef = useRef<HTMLDivElement>(null);\n    const isFullCompact = size === 'full-compact';\n    const [drawerSize, setDrawerSize] = useState<'auto' | 'compact' | 'half' | 'full'>(\n      isFullCompact ? 'full' : size\n    );\n    const headingId = useUID();\n    const testIds = useTestIds(testId, getTouchDialogTestIds);\n    const [drawerOpen, setDrawerOpen] = useState(false);\n    const returnRef = useRef<Element | null>(null);\n\n    useEffect(() => {\n      setDrawerSize(isFullCompact ? 'full' : size);\n    }, [size]);\n\n    const isAutoSize = size === 'auto' || isFullCompact;\n\n    const resetSize = useCallback(() => {\n      setDrawerSize(isFullCompact ? 'compact' : size);\n    }, [size]);\n\n    const shouldTrapFocus = open && drawerOpen && !(isFullCompact && drawerSize === 'compact');\n\n    useFocusTrap(shouldTrapFocus ? dialogRef : null, false, [shouldTrapFocus]);\n\n    const setFocus = useCallback(() => {\n      if (progressProp || !drawerOpen || dialogRef.current?.contains(getActiveElement())) return;\n      if (headingWrapperRef.current) {\n        focusNonInteractiveElement(\n          headingWrapperRef.current.querySelector('h2') ?? headingWrapperRef.current,\n          ariaLabel\n        );\n      } else if (headingRef.current) {\n        focusNonInteractiveElement(headingRef.current, ariaLabel);\n      } else if (dialogRef.current) {\n        focusNonInteractiveElement(dialogRef.current, ariaLabel);\n      }\n    }, [progressProp, drawerOpen, heading, ariaLabel]);\n\n    const onDismiss = useCallback(() => {\n      setDrawerOpen(false);\n      onDismissProp?.();\n    }, [onDismissProp]);\n\n    const onOuterClick = useCallback(() => {\n      if (outerClickAction === 'reset-size') {\n        resetSize();\n      } else {\n        onDismiss();\n      }\n    }, [onDismiss, outerClickAction, resetSize]);\n\n    const onAfterOpen = useCallback(() => {\n      onAfterOpenProp?.();\n      setFocus();\n    }, [onAfterOpenProp, setFocus]);\n\n    useEffect(() => {\n      if (!progressProp) {\n        // Delay focus to the next tick to allow progress to unmount so setFocus do not bail out\n        setTimeout(setFocus, 0);\n      }\n    }, [progressProp, setFocus]);\n\n    useEscape(\n      e => {\n        onDismiss();\n        e.stopPropagation();\n      },\n      dialogRef,\n      [onDismiss]\n    );\n\n    const progress = (\n      <Progress\n        visible={!!progressProp}\n        focusOnVisible\n        placement='local'\n        message={typeof progressProp === 'string' ? progressProp : undefined}\n      />\n    );\n    const isCompact = isFullCompact && drawerSize === 'compact';\n    const hasContent = children !== undefined || footer !== undefined || progressProp !== undefined;\n\n    const dismissButton = (\n      <Button\n        data-testid={testIds.dismiss}\n        variant='simple'\n        icon\n        label={t('dismiss')}\n        onClick={onDismiss}\n      >\n        <Icon name='times' />\n      </Button>\n    );\n\n    useEvent(\n      'click',\n      e => {\n        if (open && e.target === backdropRef.current) {\n          onOuterClick();\n        }\n      },\n      { target: backdropRef, dependencies: [onOuterClick, open] }\n    );\n\n    const content = (\n      <StyledTouchDialogBackdrop\n        ref={backdropRef}\n        open={open}\n        $compact={isCompact}\n        onBeforeTransitionIn={() => {\n          setDrawerOpen(true);\n          if (isFullCompact) setDrawerSize('full');\n          returnRef.current = getActiveElement();\n          onBeforeOpen?.();\n        }}\n        onBeforeTransitionOut={() => {\n          setDrawerOpen(false);\n        }}\n        onAfterTransitionOut={() => {\n          resetSize();\n          if (\n            isInstance(returnRef.current, HTMLElement) &&\n            dialogRef.current?.contains(getActiveElement())\n          ) {\n            returnRef.current.focus();\n          }\n          onAfterClose?.();\n        }}\n      >\n        <StyledTouchDialog\n          data-testid={testIds.root}\n          aria-labelledby={heading ? headingId : undefined}\n          aria-label={ariaLabel}\n          {...restProps}\n          ref={dialogRef}\n          open={drawerOpen}\n          placement='bottom'\n          position='fixed'\n          size={drawerSizeMapping[drawerSize]}\n          shadow\n          onAfterOpen={onAfterOpen}\n          onBeforeClose={onBeforeClose}\n          role='dialog'\n          aria-modal={shouldTrapFocus ? 'true' : undefined}\n          aria-busy={!!progressProp}\n        >\n          <Flex\n            container={{ direction: 'row', justify: 'between', alignItems: 'center' }}\n            as={StyledTouchDialogHeader}\n          >\n            {typeof heading === 'string' ? (\n              <Text variant='h2' ref={headingRef} id={headingId}>\n                {heading}\n              </Text>\n            ) : (\n              heading && (\n                <Flex item={{ grow: 1 }} ref={headingWrapperRef} id={headingId}>\n                  {heading}\n                </Flex>\n              )\n            )}\n            {dismissButton}\n          </Flex>\n          {hasContent && (\n            <>\n              <Flex\n                as={StyledTouchDialogContent}\n                container={{ gap: 1, direction: 'column' }}\n                hidden={isCompact && !progressProp}\n              >\n                {children && (\n                  <StyledChildrenWrap\n                    inert={progressProp || isCompact ? '' : undefined}\n                    hidden={isCompact}\n                  >\n                    {children}\n                  </StyledChildrenWrap>\n                )}\n                {progress}\n              </Flex>\n              {footer && (\n                <Flex\n                  container={{ alignItems: 'center', justify: 'between', pad: [0, 1, 1] }}\n                  item={{ shrink: 0 }}\n                  as={StyledDialogFooter}\n                  hidden={isCompact}\n                  inert={isCompact ? '' : undefined}\n                >\n                  {footer}\n                </Flex>\n              )}\n            </>\n          )}\n          {(!isAutoSize || isFullCompact) && (\n            <StyledExpandCollapse\n              onToggle={() => {\n                setDrawerSize(prev => {\n                  if (isFullCompact) return prev === 'compact' ? 'full' : 'compact';\n                  if (prev === 'full') return 'half';\n                  return 'full';\n                });\n              }}\n              expanded={drawerSize === 'full'}\n              compact\n              iconOnly\n            />\n          )}\n        </StyledTouchDialog>\n      </StyledTouchDialogBackdrop>\n    );\n\n    return portalTarget ? createPortal(content, portalTarget) : content;\n  }\n);\n\nexport default TouchDialog;\n"]}

package/lib/components/Dialog/TouchDialog.styles.d.ts

@@ -1,6 +1,8 @@
 export declare const StyledExpandCollapse: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("../ExpandCollapse").ExpandCollapseButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
 }, never>> & string & Omit<import("react").ForwardRefExoticComponent<Omit<import("../ExpandCollapse").ExpandCollapseButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledTouchDialogHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledTouchDialogContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledTouchDialog: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../Drawer").DrawerProps & import("../..").ForwardProps, never>> & string & Omit<import("react").FunctionComponent<import("../Drawer").DrawerProps & import("../..").ForwardProps>, keyof import("react").Component<any, {}, any>>;
 export declare const StyledTouchDialogBackdrop: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<Omit<import("../Backdrop").BackdropProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
@@ -9,6 +11,4 @@ export declare const StyledTouchDialogBackdrop: import("styled-components/dist/t
 }>> & string & Omit<import("react").ForwardRefExoticComponent<Omit<import("../Backdrop").BackdropProps, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
     getTestIds: (testIdProp?: import("../..").TestIdProp["testId"]) => import("../..").TestIdsRecord<readonly []>;
 }, keyof import("react").Component<any, {}, any>>;
-export declare const StyledTouchDialogHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledTouchDialogContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 //# sourceMappingURL=TouchDialog.styles.d.ts.map

package/lib/components/Dialog/TouchDialog.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TouchDialog.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/TouchDialog.styles.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,oBAAoB;;2OAQhC,CAAC;AAIF,eAAO,MAAM,iBAAiB,mVAyB7B,CAAC;AAIF,eAAO,MAAM,yBAAyB;;;eAAiC,OAAO;;;iDAM7E,CAAC;AAIF,eAAO,MAAM,uBAAuB,6NASnC,CAAC;AAIF,eAAO,MAAM,wBAAwB,6NAoBpC,CAAC"}
+{"version":3,"file":"TouchDialog.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/TouchDialog.styles.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,oBAAoB;;2OAQhC,CAAC;AAIF,eAAO,MAAM,uBAAuB,6NASnC,CAAC;AAIF,eAAO,MAAM,wBAAwB,6NAepC,CAAC;AAIF,eAAO,MAAM,iBAAiB,mVA+B7B,CAAC;AAIF,eAAO,MAAM,yBAAyB;;;eAAiC,OAAO;;;iDAM7E,CAAC"}