@fluentui/react-dialog 9.4.0 → 9.4.1

package/lib/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["packages/react-components/react-dialog/src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC","sourcesContent":["export * from './isEscapeKeyDown';\nexport * from './useDisableBodyScroll';\nexport * from './useFocusFirstElement';\n"]}
+{"version":3,"names":[],"sources":["../../src/utils/index.ts"],"sourcesContent":["export * from './isEscapeKeyDown';\nexport * from './useDisableBodyScroll';\nexport * from './useFocusFirstElement';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc"}

package/lib/utils/isEscapeKeyDown.js

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { Escape } from '@fluentui/keyboard-keys';
 /**
  * Checks if keydown event is a proper Escape key dismiss

package/lib/utils/isEscapeKeyDown.js.map

@@ -1 +1 @@
-{"version":3,"names":["Escape","isEscapeKeyDismiss","event","modalType","key","isDefaultPrevented"],"sources":["../src/packages/react-components/react-dialog/src/utils/isEscapeKeyDown.ts"],"sourcesContent":["import * as React from 'react';\nimport { Escape } from '@fluentui/keyboard-keys';\nimport type { DialogModalType } from '../components/Dialog/Dialog.types';\nimport { DialogSurfaceElement } from '../DialogSurface';\n\n/**\n * Checks if keydown event is a proper Escape key dismiss\n */\nexport function isEscapeKeyDismiss(\n  event: React.KeyboardEvent<DialogSurfaceElement>,\n  modalType: DialogModalType,\n): boolean {\n  return event.key === Escape && modalType !== 'alert' && !event.isDefaultPrevented();\n}\n"],"mappings":"AACA,SAASA,MAAM,QAAQ,yBAAyB;AAIhD;;;AAGA,OAAM,SAAUC,kBAAkBA,CAChCC,KAAgD,EAChDC,SAA0B;EAE1B,OAAOD,KAAK,CAACE,GAAG,KAAKJ,MAAM,IAAIG,SAAS,KAAK,OAAO,IAAI,CAACD,KAAK,CAACG,kBAAkB,EAAE;AACrF"}
+{"version":3,"names":["React","Escape","isEscapeKeyDismiss","event","modalType","key","isDefaultPrevented"],"sources":["../../src/utils/isEscapeKeyDown.ts"],"sourcesContent":["import * as React from 'react';\nimport { Escape } from '@fluentui/keyboard-keys';\nimport type { DialogModalType } from '../components/Dialog/Dialog.types';\nimport { DialogSurfaceElement } from '../DialogSurface';\n\n/**\n * Checks if keydown event is a proper Escape key dismiss\n */\nexport function isEscapeKeyDismiss(\n  event: React.KeyboardEvent<DialogSurfaceElement>,\n  modalType: DialogModalType,\n): boolean {\n  return event.key === Escape && modalType !== 'alert' && !event.isDefaultPrevented();\n}\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,MAAM,QAAQ;AAIvB;;;AAGA,OAAO,SAASC,mBACdC,KAAgD,EAChDC,SAA0B,EACjB;EACT,OAAOD,KAAA,CAAME,GAAG,KAAKJ,MAAA,IAAUG,SAAA,KAAc,WAAW,CAACD,KAAA,CAAMG,kBAAkB;AACnF"}

package/lib/utils/useDisableBodyScroll.js

@@ -1,3 +1,4 @@
+var _element, _disableScrollElementProp;
 import { useFluent_unstable } from '@fluentui/react-shared-contexts';
 import { useCallback } from 'react';
 const disableScrollElementProp = '__fluentDisableScrollElement';
@@ -20,11 +21,12 @@ export function useDisableBodyScroll() {
  * @returns a method for enabling scrolling again
  */
 export function disableScroll(target) {
-  var _a, _b;
+  var _target_ownerDocument_defaultView;
   const {
     clientWidth
   } = target.ownerDocument.documentElement;
-  const innerWidth = (_b = (_a = target.ownerDocument.defaultView) === null || _a === void 0 ? void 0 : _a.innerWidth) !== null && _b !== void 0 ? _b : 0;
+  var _target_ownerDocument_defaultView_innerWidth;
+  const innerWidth = (_target_ownerDocument_defaultView_innerWidth = (_target_ownerDocument_defaultView = target.ownerDocument.defaultView) === null || _target_ownerDocument_defaultView === void 0 ? void 0 : _target_ownerDocument_defaultView.innerWidth) !== null && _target_ownerDocument_defaultView_innerWidth !== void 0 ? _target_ownerDocument_defaultView_innerWidth : 0;
   assertIsDisableScrollElement(target);
   if (target[disableScrollElementProp].count === 0) {
     target.style.overflow = 'hidden';
@@ -40,9 +42,8 @@ export function disableScroll(target) {
   };
 }
 function assertIsDisableScrollElement(element) {
-  var _a;
-  var _b;
-  (_a = (_b = element)[disableScrollElementProp]) !== null && _a !== void 0 ? _a : _b[disableScrollElementProp] = {
+  var _;
+  (_ = (_element = element)[_disableScrollElementProp = disableScrollElementProp]) !== null && _ !== void 0 ? _ : _element[_disableScrollElementProp] = {
     count: 0,
     previousOverflowStyle: element.style.overflow,
     previousPaddingRightStyle: element.style.paddingRight

package/lib/utils/useDisableBodyScroll.js.map

@@ -1 +1 @@
-{"version":3,"names":["useFluent_unstable","useCallback","disableScrollElementProp","useDisableBodyScroll","targetDocument","disableScroll","body","target","clientWidth","ownerDocument","documentElement","innerWidth","_b","_a","defaultView","assertIsDisableScrollElement","count","style","overflow","paddingRight","previousOverflowStyle","previousPaddingRightStyle","element"],"sources":["../src/packages/react-components/react-dialog/src/utils/useDisableBodyScroll.ts"],"sourcesContent":["import { useFluent_unstable } from '@fluentui/react-shared-contexts';\nimport { useCallback } from 'react';\n\nconst disableScrollElementProp = '__fluentDisableScrollElement' as const;\n\ntype FluentDisableScrollElement = HTMLElement & {\n  [disableScrollElementProp]: {\n    count: number;\n    previousOverflowStyle: string;\n    previousPaddingRightStyle: string;\n  };\n};\n\n/**\n * hook that disables body scrolling through `overflow: hidden` CSS property\n */\nexport function useDisableBodyScroll() {\n  const { targetDocument } = useFluent_unstable();\n  return useCallback(() => {\n    if (targetDocument) {\n      return disableScroll(targetDocument.body);\n    }\n  }, [targetDocument]);\n}\n\n/**\n * disables scrolling from a given element through `overflow: hidden` CSS property\n * @param target - element to disable scrolling from\n * @returns a method for enabling scrolling again\n */\nexport function disableScroll(target: HTMLElement) {\n  const { clientWidth } = target.ownerDocument.documentElement;\n  const innerWidth = target.ownerDocument.defaultView?.innerWidth ?? 0;\n  assertIsDisableScrollElement(target);\n  if (target[disableScrollElementProp].count === 0) {\n    target.style.overflow = 'hidden';\n    target.style.paddingRight = `${innerWidth - clientWidth}px`;\n  }\n  target[disableScrollElementProp].count++;\n  return () => {\n    target[disableScrollElementProp].count--;\n    if (target[disableScrollElementProp].count === 0) {\n      target.style.overflow = target[disableScrollElementProp].previousOverflowStyle;\n      target.style.paddingRight = target[disableScrollElementProp].previousPaddingRightStyle;\n    }\n  };\n}\n\nfunction assertIsDisableScrollElement(element: HTMLElement): asserts element is FluentDisableScrollElement {\n  (element as FluentDisableScrollElement)[disableScrollElementProp] ??= {\n    count: 0,\n    previousOverflowStyle: element.style.overflow,\n    previousPaddingRightStyle: element.style.paddingRight,\n  };\n}\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,iCAAiC;AACpE,SAASC,WAAW,QAAQ,OAAO;AAEnC,MAAMC,wBAAwB,GAAG,8BAAuC;AAUxE;;;AAGA,OAAM,SAAUC,oBAAoBA,CAAA;EAClC,MAAM;IAAEC;EAAc,CAAE,GAAGJ,kBAAkB,EAAE;EAC/C,OAAOC,WAAW,CAAC,MAAK;IACtB,IAAIG,cAAc,EAAE;MAClB,OAAOC,aAAa,CAACD,cAAc,CAACE,IAAI,CAAC;;EAE7C,CAAC,EAAE,CAACF,cAAc,CAAC,CAAC;AACtB;AAEA;;;;;AAKA,OAAM,SAAUC,aAAaA,CAACE,MAAmB;;EAC/C,MAAM;IAAEC;EAAW,CAAE,GAAGD,MAAM,CAACE,aAAa,CAACC,eAAe;EAC5D,MAAMC,UAAU,GAAG,CAAAC,EAAA,IAAAC,EAAA,GAAAN,MAAM,CAACE,aAAa,CAACK,WAAW,cAAAD,EAAA,uBAAAA,EAAA,CAAEF,UAAU,cAAAC,EAAA,cAAAA,EAAA,GAAI,CAAC;EACpEG,4BAA4B,CAACR,MAAM,CAAC;EACpC,IAAIA,MAAM,CAACL,wBAAwB,CAAC,CAACc,KAAK,KAAK,CAAC,EAAE;IAChDT,MAAM,CAACU,KAAK,CAACC,QAAQ,GAAG,QAAQ;IAChCX,MAAM,CAACU,KAAK,CAACE,YAAY,GAAG,GAAGR,UAAU,GAAGH,WAAW,IAAI;;EAE7DD,MAAM,CAACL,wBAAwB,CAAC,CAACc,KAAK,EAAE;EACxC,OAAO,MAAK;IACVT,MAAM,CAACL,wBAAwB,CAAC,CAACc,KAAK,EAAE;IACxC,IAAIT,MAAM,CAACL,wBAAwB,CAAC,CAACc,KAAK,KAAK,CAAC,EAAE;MAChDT,MAAM,CAACU,KAAK,CAACC,QAAQ,GAAGX,MAAM,CAACL,wBAAwB,CAAC,CAACkB,qBAAqB;MAC9Eb,MAAM,CAACU,KAAK,CAACE,YAAY,GAAGZ,MAAM,CAACL,wBAAwB,CAAC,CAACmB,yBAAyB;;EAE1F,CAAC;AACH;AAEA,SAASN,4BAA4BA,CAACO,OAAoB;;;EACxD,CAAAT,EAAA,IAAAD,EAAA,GAACU,OAAsC,EAACpB,wBAAwB,eAAAW,EAAA,cAAAA,EAAA,GAAAD,EAAA,CAAxBV,wBAAwB,IAAM;IACpEc,KAAK,EAAE,CAAC;IACRI,qBAAqB,EAAEE,OAAO,CAACL,KAAK,CAACC,QAAQ;IAC7CG,yBAAyB,EAAEC,OAAO,CAACL,KAAK,CAACE;GAC1C;AACH"}
+{"version":3,"names":["_element","_disableScrollElementProp","useFluent_unstable","useCallback","disableScrollElementProp","useDisableBodyScroll","targetDocument","disableScroll","body","target","_target_ownerDocument_defaultView","clientWidth","ownerDocument","documentElement","_target_ownerDocument_defaultView_innerWidth","innerWidth","defaultView","assertIsDisableScrollElement","count","style","overflow","paddingRight","previousOverflowStyle","previousPaddingRightStyle","element","_"],"sources":["../../src/utils/useDisableBodyScroll.ts"],"sourcesContent":["import { useFluent_unstable } from '@fluentui/react-shared-contexts';\nimport { useCallback } from 'react';\n\nconst disableScrollElementProp = '__fluentDisableScrollElement' as const;\n\ntype FluentDisableScrollElement = HTMLElement & {\n  [disableScrollElementProp]: {\n    count: number;\n    previousOverflowStyle: string;\n    previousPaddingRightStyle: string;\n  };\n};\n\n/**\n * hook that disables body scrolling through `overflow: hidden` CSS property\n */\nexport function useDisableBodyScroll() {\n  const { targetDocument } = useFluent_unstable();\n  return useCallback(() => {\n    if (targetDocument) {\n      return disableScroll(targetDocument.body);\n    }\n  }, [targetDocument]);\n}\n\n/**\n * disables scrolling from a given element through `overflow: hidden` CSS property\n * @param target - element to disable scrolling from\n * @returns a method for enabling scrolling again\n */\nexport function disableScroll(target: HTMLElement) {\n  const { clientWidth } = target.ownerDocument.documentElement;\n  const innerWidth = target.ownerDocument.defaultView?.innerWidth ?? 0;\n  assertIsDisableScrollElement(target);\n  if (target[disableScrollElementProp].count === 0) {\n    target.style.overflow = 'hidden';\n    target.style.paddingRight = `${innerWidth - clientWidth}px`;\n  }\n  target[disableScrollElementProp].count++;\n  return () => {\n    target[disableScrollElementProp].count--;\n    if (target[disableScrollElementProp].count === 0) {\n      target.style.overflow = target[disableScrollElementProp].previousOverflowStyle;\n      target.style.paddingRight = target[disableScrollElementProp].previousPaddingRightStyle;\n    }\n  };\n}\n\nfunction assertIsDisableScrollElement(element: HTMLElement): asserts element is FluentDisableScrollElement {\n  (element as FluentDisableScrollElement)[disableScrollElementProp] ??= {\n    count: 0,\n    previousOverflowStyle: element.style.overflow,\n    previousPaddingRightStyle: element.style.paddingRight,\n  };\n}\n"],"mappings":"IAiDGA,QAAA,EAAuCC,yBAAA;AAjD1C,SAASC,kBAAkB,QAAQ;AACnC,SAASC,WAAW,QAAQ;AAE5B,MAAMC,wBAAA,GAA2B;AAUjC;;;AAGA,OAAO,SAASC,qBAAA,EAAuB;EACrC,MAAM;IAAEC;EAAc,CAAE,GAAGJ,kBAAA;EAC3B,OAAOC,WAAA,CAAY,MAAM;IACvB,IAAIG,cAAA,EAAgB;MAClB,OAAOC,aAAA,CAAcD,cAAA,CAAeE,IAAI;IAC1C;EACF,GAAG,CAACF,cAAA,CAAe;AACrB;AAEA;;;;;AAKA,OAAO,SAASC,cAAcE,MAAmB,EAAE;MAE9BC,iCAAA;EADnB,MAAM;IAAEC;EAAW,CAAE,GAAGF,MAAA,CAAOG,aAAa,CAACC,eAAe;MACzCC,4CAAA;EAAnB,MAAMC,UAAA,GAAa,CAAAD,4CAAA,IAAAJ,iCAAA,GAAAD,MAAA,CAAOG,aAAa,CAACI,WAAW,cAAhCN,iCAAA,uBAAAA,iCAAA,CAAkCK,UAAU,cAA5CD,4CAAA,cAAAA,4CAAA,GAAgD,CAAC;EACpEG,4BAAA,CAA6BR,MAAA;EAC7B,IAAIA,MAAM,CAACL,wBAAA,CAAyB,CAACc,KAAK,KAAK,GAAG;IAChDT,MAAA,CAAOU,KAAK,CAACC,QAAQ,GAAG;IACxBX,MAAA,CAAOU,KAAK,CAACE,YAAY,GAAI,GAAEN,UAAA,GAAaJ,WAAY,IAAG;EAC7D;EACAF,MAAM,CAACL,wBAAA,CAAyB,CAACc,KAAK;EACtC,OAAO,MAAM;IACXT,MAAM,CAACL,wBAAA,CAAyB,CAACc,KAAK;IACtC,IAAIT,MAAM,CAACL,wBAAA,CAAyB,CAACc,KAAK,KAAK,GAAG;MAChDT,MAAA,CAAOU,KAAK,CAACC,QAAQ,GAAGX,MAAM,CAACL,wBAAA,CAAyB,CAACkB,qBAAqB;MAC9Eb,MAAA,CAAOU,KAAK,CAACE,YAAY,GAAGZ,MAAM,CAACL,wBAAA,CAAyB,CAACmB,yBAAyB;IACxF;EACF;AACF;AAEA,SAASN,6BAA6BO,OAAoB,EAAiD;;EACzG,CAAAC,CAAA,IAACzB,QAAA,GAAAwB,OAAA,EAAuCvB,yBAAA,GAAAG,wBAAA,CAAyB,cAAAqB,CAAA,cAAAA,CAAA,GAAhEzB,QAAsC,CAACC,yBAAA,CAAyB,GAAK;IACpEiB,KAAA,EAAO;IACPI,qBAAA,EAAuBE,OAAA,CAAQL,KAAK,CAACC,QAAQ;IAC7CG,yBAAA,EAA2BC,OAAA,CAAQL,KAAK,CAACE;EAC3C,CAAC;AACH"}

package/lib/utils/useFocusFirstElement.js

@@ -14,16 +14,17 @@ export function useFocusFirstElement(open, modalType) {
   const dialogRef = React.useRef(null);
   const triggerRef = React.useRef();
   React.useEffect(() => {
-    var _a, _b;
     if (!open) {
-      return (_a = triggerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+      var _triggerRef_current;
+      return (_triggerRef_current = triggerRef.current) === null || _triggerRef_current === void 0 ? void 0 : _triggerRef_current.focus();
     }
     triggerRef.current = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.activeElement;
     const element = dialogRef.current && findFirstFocusable(dialogRef.current);
     if (element) {
       element.focus();
     } else {
-      (_b = dialogRef.current) === null || _b === void 0 ? void 0 : _b.focus(); // https://github.com/microsoft/fluentui/issues/25150
+      var _dialogRef_current;
+      (_dialogRef_current = dialogRef.current) === null || _dialogRef_current === void 0 ? void 0 : _dialogRef_current.focus(); // https://github.com/microsoft/fluentui/issues/25150
       if (process.env.NODE_ENV !== 'production') {
         // eslint-disable-next-line no-console
         console.warn(['@fluentui/react-dialog: a Dialog should have at least one focusable element inside DialogSurface.', 'Please add at least a close button either on `DialogTitle` action slot or inside `DialogActions`'].join('\n'));

package/lib/utils/useFocusFirstElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useFocusFinders","useFluent_unstable","useFocusFirstElement","open","modalType","findFirstFocusable","targetDocument","dialogRef","useRef","triggerRef","useEffect","_a","current","focus","activeElement","element","_b","process","env","NODE_ENV","console","warn","join"],"sources":["../src/packages/react-components/react-dialog/src/utils/useFocusFirstElement.ts"],"sourcesContent":["import * as React from 'react';\nimport { useFocusFinders } from '@fluentui/react-tabster';\nimport { useFluent_unstable } from '@fluentui/react-shared-contexts';\nimport type { DialogSurfaceElement } from '../DialogSurface';\nimport type { DialogModalType } from '../Dialog';\n\n/**\n * Focus first element on content when dialog is opened,\n */\nexport function useFocusFirstElement(open: boolean, modalType: DialogModalType) {\n  const { findFirstFocusable } = useFocusFinders();\n  const { targetDocument } = useFluent_unstable();\n  const dialogRef = React.useRef<DialogSurfaceElement>(null);\n  const triggerRef = React.useRef<HTMLElement>();\n\n  React.useEffect(() => {\n    if (!open) {\n      return triggerRef.current?.focus();\n    }\n    triggerRef.current = targetDocument?.activeElement as HTMLElement | undefined;\n    const element = dialogRef.current && findFirstFocusable(dialogRef.current);\n    if (element) {\n      element.focus();\n    } else {\n      dialogRef.current?.focus(); // https://github.com/microsoft/fluentui/issues/25150\n      if (process.env.NODE_ENV !== 'production') {\n        // eslint-disable-next-line no-console\n        console.warn(\n          [\n            '@fluentui/react-dialog: a Dialog should have at least one focusable element inside DialogSurface.',\n            'Please add at least a close button either on `DialogTitle` action slot or inside `DialogActions`',\n          ].join('\\n'),\n        );\n      }\n    }\n  }, [findFirstFocusable, open, modalType, targetDocument]);\n\n  return dialogRef;\n}\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,eAAe,QAAQ,yBAAyB;AACzD,SAASC,kBAAkB,QAAQ,iCAAiC;AAIpE;;;AAGA,OAAM,SAAUC,oBAAoBA,CAACC,IAAa,EAAEC,SAA0B;EAC5E,MAAM;IAAEC;EAAkB,CAAE,GAAGL,eAAe,EAAE;EAChD,MAAM;IAAEM;EAAc,CAAE,GAAGL,kBAAkB,EAAE;EAC/C,MAAMM,SAAS,GAAGR,KAAK,CAACS,MAAM,CAAuB,IAAI,CAAC;EAC1D,MAAMC,UAAU,GAAGV,KAAK,CAACS,MAAM,EAAe;EAE9CT,KAAK,CAACW,SAAS,CAAC,MAAK;;IACnB,IAAI,CAACP,IAAI,EAAE;MACT,OAAO,CAAAQ,EAAA,GAAAF,UAAU,CAACG,OAAO,cAAAD,EAAA,uBAAAA,EAAA,CAAEE,KAAK,EAAE;;IAEpCJ,UAAU,CAACG,OAAO,GAAGN,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEQ,aAAwC;IAC7E,MAAMC,OAAO,GAAGR,SAAS,CAACK,OAAO,IAAIP,kBAAkB,CAACE,SAAS,CAACK,OAAO,CAAC;IAC1E,IAAIG,OAAO,EAAE;MACXA,OAAO,CAACF,KAAK,EAAE;KAChB,MAAM;MACL,CAAAG,EAAA,GAAAT,SAAS,CAACK,OAAO,cAAAI,EAAA,uBAAAA,EAAA,CAAEH,KAAK,EAAE,CAAC,CAAC;MAC5B,IAAII,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;QACzC;QACAC,OAAO,CAACC,IAAI,CACV,CACE,mGAAmG,EACnG,kGAAkG,CACnG,CAACC,IAAI,CAAC,IAAI,CAAC,CACb;;;EAGP,CAAC,EAAE,CAACjB,kBAAkB,EAAEF,IAAI,EAAEC,SAAS,EAAEE,cAAc,CAAC,CAAC;EAEzD,OAAOC,SAAS;AAClB"}
+{"version":3,"names":["React","useFocusFinders","useFluent_unstable","useFocusFirstElement","open","modalType","findFirstFocusable","targetDocument","dialogRef","useRef","triggerRef","useEffect","_triggerRef_current","current","focus","activeElement","element","_dialogRef_current","process","env","NODE_ENV","console","warn","join"],"sources":["../../src/utils/useFocusFirstElement.ts"],"sourcesContent":["import * as React from 'react';\nimport { useFocusFinders } from '@fluentui/react-tabster';\nimport { useFluent_unstable } from '@fluentui/react-shared-contexts';\nimport type { DialogSurfaceElement } from '../DialogSurface';\nimport type { DialogModalType } from '../Dialog';\n\n/**\n * Focus first element on content when dialog is opened,\n */\nexport function useFocusFirstElement(open: boolean, modalType: DialogModalType) {\n  const { findFirstFocusable } = useFocusFinders();\n  const { targetDocument } = useFluent_unstable();\n  const dialogRef = React.useRef<DialogSurfaceElement>(null);\n  const triggerRef = React.useRef<HTMLElement>();\n\n  React.useEffect(() => {\n    if (!open) {\n      return triggerRef.current?.focus();\n    }\n    triggerRef.current = targetDocument?.activeElement as HTMLElement | undefined;\n    const element = dialogRef.current && findFirstFocusable(dialogRef.current);\n    if (element) {\n      element.focus();\n    } else {\n      dialogRef.current?.focus(); // https://github.com/microsoft/fluentui/issues/25150\n      if (process.env.NODE_ENV !== 'production') {\n        // eslint-disable-next-line no-console\n        console.warn(\n          [\n            '@fluentui/react-dialog: a Dialog should have at least one focusable element inside DialogSurface.',\n            'Please add at least a close button either on `DialogTitle` action slot or inside `DialogActions`',\n          ].join('\\n'),\n        );\n      }\n    }\n  }, [findFirstFocusable, open, modalType, targetDocument]);\n\n  return dialogRef;\n}\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,eAAe,QAAQ;AAChC,SAASC,kBAAkB,QAAQ;AAInC;;;AAGA,OAAO,SAASC,qBAAqBC,IAAa,EAAEC,SAA0B,EAAE;EAC9E,MAAM;IAAEC;EAAkB,CAAE,GAAGL,eAAA;EAC/B,MAAM;IAAEM;EAAc,CAAE,GAAGL,kBAAA;EAC3B,MAAMM,SAAA,GAAYR,KAAA,CAAMS,MAAM,CAAuB,IAAI;EACzD,MAAMC,UAAA,GAAaV,KAAA,CAAMS,MAAM;EAE/BT,KAAA,CAAMW,SAAS,CAAC,MAAM;IACpB,IAAI,CAACP,IAAA,EAAM;UACFQ,mBAAA;MAAP,OAAO,CAAAA,mBAAA,GAAAF,UAAA,CAAWG,OAAO,cAAlBD,mBAAA,uBAAAA,mBAAA,CAAoBE,KAAA;IAC7B;IACAJ,UAAA,CAAWG,OAAO,GAAGN,cAAA,aAAAA,cAAA,uBAAAA,cAAA,CAAgBQ,aAAa;IAClD,MAAMC,OAAA,GAAUR,SAAA,CAAUK,OAAO,IAAIP,kBAAA,CAAmBE,SAAA,CAAUK,OAAO;IACzE,IAAIG,OAAA,EAAS;MACXA,OAAA,CAAQF,KAAK;IACf,OAAO;UACLG,kBAAA;MAAA,CAAAA,kBAAA,GAAAT,SAAA,CAAUK,OAAO,cAAjBI,kBAAA,uBAAAA,kBAAA,CAAmBH,KAAA,IAAS;MAC5B,IAAII,OAAA,CAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;QACzC;QACAC,OAAA,CAAQC,IAAI,CACV,CACE,qGACA,mGACD,CAACC,IAAI,CAAC;MAEX;IACF;EACF,GAAG,CAACjB,kBAAA,EAAoBF,IAAA,EAAMC,SAAA,EAAWE,cAAA,CAAe;EAExD,OAAOC,SAAA;AACT"}

package/lib-commonjs/Dialog.js

@@ -1,8 +1,9 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-const tslib_1 = /*#__PURE__*/require("tslib");
-tslib_1.__exportStar(require("./components/Dialog/index"), exports);
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./components/Dialog/index"), exports);
+ //# sourceMappingURL=Dialog.js.map
+
 //# sourceMappingURL=Dialog.js.map

package/lib-commonjs/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-dialog/src/Dialog.ts"],"sourcesContent":["export * from './components/Dialog/index';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,+BAAAC,OAAA"}
+{"version":3,"sources":["../lib/Dialog.js"],"sourcesContent":["export * from './components/Dialog/index';\n//# sourceMappingURL=Dialog.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,kCAAkC"}

package/lib-commonjs/DialogActions.js

@@ -1,8 +1,9 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-const tslib_1 = /*#__PURE__*/require("tslib");
-tslib_1.__exportStar(require("./components/DialogActions/index"), exports);
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./components/DialogActions/index"), exports);
+ //# sourceMappingURL=DialogActions.js.map
+
 //# sourceMappingURL=DialogActions.js.map

package/lib-commonjs/DialogActions.js.map

@@ -1 +1 @@
-{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-dialog/src/DialogActions.ts"],"sourcesContent":["export * from './components/DialogActions/index';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,sCAAAC,OAAA"}
+{"version":3,"sources":["../lib/DialogActions.js"],"sourcesContent":["export * from './components/DialogActions/index';\n//# sourceMappingURL=DialogActions.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,yCAAyC"}

package/lib-commonjs/DialogBody.js

@@ -1,8 +1,9 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-const tslib_1 = /*#__PURE__*/require("tslib");
-tslib_1.__exportStar(require("./components/DialogBody/index"), exports);
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./components/DialogBody/index"), exports);
+ //# sourceMappingURL=DialogBody.js.map
+
 //# sourceMappingURL=DialogBody.js.map

package/lib-commonjs/DialogBody.js.map

@@ -1 +1 @@
-{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-dialog/src/DialogBody.ts"],"sourcesContent":["export * from './components/DialogBody/index';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,mCAAAC,OAAA"}
+{"version":3,"sources":["../lib/DialogBody.js"],"sourcesContent":["export * from './components/DialogBody/index';\n//# sourceMappingURL=DialogBody.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,sCAAsC"}

package/lib-commonjs/DialogContent.js

@@ -1,8 +1,9 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-const tslib_1 = /*#__PURE__*/require("tslib");
-tslib_1.__exportStar(require("./components/DialogContent/index"), exports);
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./components/DialogContent/index"), exports);
+ //# sourceMappingURL=DialogContent.js.map
+
 //# sourceMappingURL=DialogContent.js.map

package/lib-commonjs/DialogContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-dialog/src/DialogContent.ts"],"sourcesContent":["export * from './components/DialogContent/index';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,sCAAAC,OAAA"}
+{"version":3,"sources":["../lib/DialogContent.js"],"sourcesContent":["export * from './components/DialogContent/index';\n//# sourceMappingURL=DialogContent.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,yCAAyC"}

package/lib-commonjs/DialogSurface.js

@@ -1,8 +1,9 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-const tslib_1 = /*#__PURE__*/require("tslib");
-tslib_1.__exportStar(require("./components/DialogSurface/index"), exports);
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./components/DialogSurface/index"), exports);
+ //# sourceMappingURL=DialogSurface.js.map
+
 //# sourceMappingURL=DialogSurface.js.map

package/lib-commonjs/DialogSurface.js.map

@@ -1 +1 @@
-{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-dialog/src/DialogSurface.ts"],"sourcesContent":["export * from './components/DialogSurface/index';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,sCAAAC,OAAA"}
+{"version":3,"sources":["../lib/DialogSurface.js"],"sourcesContent":["export * from './components/DialogSurface/index';\n//# sourceMappingURL=DialogSurface.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,yCAAyC"}

package/lib-commonjs/DialogTitle.js

@@ -1,8 +1,9 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-const tslib_1 = /*#__PURE__*/require("tslib");
-tslib_1.__exportStar(require("./components/DialogTitle/index"), exports);
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./components/DialogTitle/index"), exports);
+ //# sourceMappingURL=DialogTitle.js.map
+
 //# sourceMappingURL=DialogTitle.js.map

package/lib-commonjs/DialogTitle.js.map

@@ -1 +1 @@
-{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-dialog/src/DialogTitle.ts"],"sourcesContent":["export * from './components/DialogTitle/index';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,oCAAAC,OAAA"}
+{"version":3,"sources":["../lib/DialogTitle.js"],"sourcesContent":["export * from './components/DialogTitle/index';\n//# sourceMappingURL=DialogTitle.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,uCAAuC"}

package/lib-commonjs/DialogTrigger.js

@@ -1,8 +1,9 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-const tslib_1 = /*#__PURE__*/require("tslib");
-tslib_1.__exportStar(require("./components/DialogTrigger/index"), exports);
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./components/DialogTrigger/index"), exports);
+ //# sourceMappingURL=DialogTrigger.js.map
+
 //# sourceMappingURL=DialogTrigger.js.map

package/lib-commonjs/DialogTrigger.js.map

@@ -1 +1 @@
-{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-dialog/src/DialogTrigger.ts"],"sourcesContent":["export * from './components/DialogTrigger/index';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,sCAAAC,OAAA"}
+{"version":3,"sources":["../lib/DialogTrigger.js"],"sourcesContent":["export * from './components/DialogTrigger/index';\n//# sourceMappingURL=DialogTrigger.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,yCAAyC"}

package/lib-commonjs/components/Dialog/Dialog.js

@@ -1,24 +1,21 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "Dialog", {
+    enumerable: true,
+    get: ()=>Dialog
 });
-exports.Dialog = void 0;
-const React = /*#__PURE__*/require("react");
-const useDialog_1 = /*#__PURE__*/require("./useDialog");
-const renderDialog_1 = /*#__PURE__*/require("./renderDialog");
-const useDialogContextValues_1 = /*#__PURE__*/require("./useDialogContextValues");
-/**
- * The `Dialog` root level component serves as an interface for interaction with all possible behaviors exposed.
- * It provides context down the hierarchy to `children` compound components to allow functionality.
- * This component expects to receive as children either a `DialogSurface` or a `DialogTrigger`
- * and a `DialogSurface` (or some component that will eventually render one of those compound components)
- * in this specific order
- */
-exports.Dialog = /*#__PURE__*/React.memo(props => {
-  const state = useDialog_1.useDialog_unstable(props);
-  const contextValues = useDialogContextValues_1.useDialogContextValues_unstable(state);
-  return renderDialog_1.renderDialog_unstable(state, contextValues);
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _useDialog = require("./useDialog");
+const _renderDialog = require("./renderDialog");
+const _useDialogContextValues = require("./useDialogContextValues");
+const Dialog = /*#__PURE__*/ _react.memo((props)=>{
+    const state = (0, _useDialog.useDialog_unstable)(props);
+    const contextValues = (0, _useDialogContextValues.useDialogContextValues_unstable)(state);
+    return (0, _renderDialog.renderDialog_unstable)(state, contextValues);
 });
-exports.Dialog.displayName = 'Dialog';
+Dialog.displayName = 'Dialog'; //# sourceMappingURL=Dialog.js.map
+
 //# sourceMappingURL=Dialog.js.map

package/lib-commonjs/components/Dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","require","useDialog_1","renderDialog_1","useDialogContextValues_1","exports","Dialog","memo","props","state","useDialog_unstable","contextValues","useDialogContextValues_unstable","renderDialog_unstable","displayName"],"sources":["../src/packages/react-components/react-dialog/src/components/Dialog/Dialog.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useDialog_unstable } from './useDialog';\nimport { renderDialog_unstable } from './renderDialog';\nimport type { DialogProps } from './Dialog.types';\nimport { useDialogContextValues_unstable } from './useDialogContextValues';\n\n/**\n * The `Dialog` root level component serves as an interface for interaction with all possible behaviors exposed.\n * It provides context down the hierarchy to `children` compound components to allow functionality.\n * This component expects to receive as children either a `DialogSurface` or a `DialogTrigger`\n * and a `DialogSurface` (or some component that will eventually render one of those compound components)\n * in this specific order\n */\nexport const Dialog: React.FC<DialogProps> = React.memo(props => {\n  const state = useDialog_unstable(props);\n  const contextValues = useDialogContextValues_unstable(state);\n\n  return renderDialog_unstable(state, contextValues);\n});\n\nDialog.displayName = 'Dialog';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,WAAA,gBAAAD,OAAA;AACA,MAAAE,cAAA,gBAAAF,OAAA;AAEA,MAAAG,wBAAA,gBAAAH,OAAA;AAEA;;;;;;;AAOaI,OAAA,CAAAC,MAAM,gBAA0BN,KAAK,CAACO,IAAI,CAACC,KAAK,IAAG;EAC9D,MAAMC,KAAK,GAAGP,WAAA,CAAAQ,kBAAkB,CAACF,KAAK,CAAC;EACvC,MAAMG,aAAa,GAAGP,wBAAA,CAAAQ,+BAA+B,CAACH,KAAK,CAAC;EAE5D,OAAON,cAAA,CAAAU,qBAAqB,CAACJ,KAAK,EAAEE,aAAa,CAAC;AACpD,CAAC,CAAC;AAEFN,OAAA,CAAAC,MAAM,CAACQ,WAAW,GAAG,QAAQ"}
+{"version":3,"sources":["../../../lib/components/Dialog/Dialog.js"],"sourcesContent":["import * as React from 'react';\nimport { useDialog_unstable } from './useDialog';\nimport { renderDialog_unstable } from './renderDialog';\nimport { useDialogContextValues_unstable } from './useDialogContextValues';\n/**\n * The `Dialog` root level component serves as an interface for interaction with all possible behaviors exposed.\n * It provides context down the hierarchy to `children` compound components to allow functionality.\n * This component expects to receive as children either a `DialogSurface` or a `DialogTrigger`\n * and a `DialogSurface` (or some component that will eventually render one of those compound components)\n * in this specific order\n */\nexport const Dialog = /*#__PURE__*/React.memo(props => {\n  const state = useDialog_unstable(props);\n  const contextValues = useDialogContextValues_unstable(state);\n  return renderDialog_unstable(state, contextValues);\n});\nDialog.displayName = 'Dialog';\n//# sourceMappingURL=Dialog.js.map"],"names":["Dialog","React","memo","props","state","useDialog_unstable","contextValues","useDialogContextValues_unstable","renderDialog_unstable","displayName"],"mappings":";;;;+BAWaA;;aAAAA;;;6DAXU;2BACY;8BACG;wCACU;AAQzC,MAAMA,SAAS,WAAW,GAAEC,OAAMC,IAAI,CAACC,CAAAA,QAAS;IACrD,MAAMC,QAAQC,IAAAA,6BAAkB,EAACF;IACjC,MAAMG,gBAAgBC,IAAAA,uDAA+B,EAACH;IACtD,OAAOI,IAAAA,mCAAqB,EAACJ,OAAOE;AACtC;AACAN,OAAOS,WAAW,GAAG,UACrB,kCAAkC"}

package/lib-commonjs/components/Dialog/Dialog.types.js

@@ -1,6 +1,7 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
+ //# sourceMappingURL=Dialog.types.js.map
+
 //# sourceMappingURL=Dialog.types.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../src/packages/react-components/react-dialog/src/components/Dialog/Dialog.types.ts"],"sourcesContent":["import type * as React from 'react';\nimport type { ComponentProps, ComponentState } from '@fluentui/react-utilities';\nimport type { DialogContextValue, DialogSurfaceContextValue } from '../../contexts';\nimport type { DialogSurfaceElement } from '../DialogSurface/DialogSurface.types';\n\nexport type DialogSlots = {};\n\nexport type DialogOpenChangeEvent = DialogOpenChangeData['event'];\n\nexport type DialogOpenChangeData =\n  | {\n      type: 'escapeKeyDown';\n      open: boolean;\n      event: React.KeyboardEvent<DialogSurfaceElement>;\n    }\n  | {\n      type: 'backdropClick';\n      open: boolean;\n      event: React.MouseEvent<DialogSurfaceElement>;\n    }\n  | {\n      type: 'triggerClick';\n      open: boolean;\n      event: React.MouseEvent<DialogSurfaceElement>;\n    };\n\nexport type DialogModalType = 'modal' | 'non-modal' | 'alert';\n\n/**\n * Callback fired when the component changes value from open state.\n *\n * @param event - a React's Synthetic event or a KeyboardEvent in case of `documentEscapeKeyDown`\n * @param data - A data object with relevant information,\n * such as open value and type of interaction that created the event\n */\nexport type DialogOpenChangeEventHandler = (event: DialogOpenChangeEvent, data: DialogOpenChangeData) => void;\n\nexport type DialogContextValues = {\n  dialog: DialogContextValue;\n  /**\n   * dialogSurface context is provided by Dialog as false\n   * to ensure components inside Dialog but outside DialogSurface will consume this as false\n   */\n  dialogSurface: DialogSurfaceContextValue;\n};\n\nexport type DialogProps = ComponentProps<Partial<DialogSlots>> & {\n  /**\n   * Dialog variations.\n   *\n   * `modal`: When this type of dialog is open, the rest of the page is dimmed out and cannot be interacted with.\n   * The tab sequence is kept within the dialog and moving the focus outside\n   * the dialog will imply closing it. This is the default type of the component.\n   *\n   * `non-modal`: When a non-modal dialog is open, the rest of the page is not dimmed out\n   * and users can interact with the rest of the page.\n   * This also implies that the tab focus can move outside the dialog when it reaches the last focusable element.\n   *\n   * `alert`: is a special type of modal dialogs that interrupts the user's workflow\n   * to communicate an important message or ask for a decision.\n   * Unlike a typical modal dialog, the user must take an action through the options given to dismiss the dialog,\n   * and it cannot be dismissed through the dimmed background or escape key.\n   *\n   * @default modal\n   */\n  modalType?: DialogModalType;\n  /**\n   * Controls the open state of the dialog\n   * @default false\n   */\n  open?: boolean;\n  /**\n   * Default value for the uncontrolled open state of the dialog.\n   * @default false\n   */\n  defaultOpen?: boolean;\n  /**\n   * Callback fired when the component changes value from open state.\n   *\n   * @param event - a React's Synthetic event or a KeyboardEvent in case of `documentEscapeKeyDown`\n   * @param data - A data object with relevant information,\n   * such as open value and type of interaction that created the event\n   */\n  onOpenChange?: DialogOpenChangeEventHandler;\n  /**\n   * Can contain two children including {@link DialogTrigger} and {@link DialogSurface}.\n   * Alternatively can only contain {@link DialogSurface} if using trigger outside dialog, or controlling state.\n   */\n  children: [JSX.Element, JSX.Element] | JSX.Element;\n  /**\n   * Enables standard behavior according to the [HTML dialog spec](https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement/showModal)\n   * where the focus trap involves setting outside elements inert.\n   *\n   * @default false\n   */\n  inertTrapFocus?: boolean;\n};\n\nexport type DialogState = ComponentState<DialogSlots> &\n  DialogContextValue & {\n    content: React.ReactNode;\n    trigger: React.ReactNode;\n  };\n"],"mappings":""}
+{"version":3,"sources":["../../../lib/components/Dialog/Dialog.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=Dialog.types.js.map"],"names":[],"mappings":";;;;CACA,wCAAwC"}

package/lib-commonjs/components/Dialog/index.js

@@ -1,11 +1,12 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-const tslib_1 = /*#__PURE__*/require("tslib");
-tslib_1.__exportStar(require("./Dialog"), exports);
-tslib_1.__exportStar(require("./Dialog.types"), exports);
-tslib_1.__exportStar(require("./renderDialog"), exports);
-tslib_1.__exportStar(require("./useDialog"), exports);
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./Dialog"), exports);
+_exportStar(require("./Dialog.types"), exports);
+_exportStar(require("./renderDialog"), exports);
+_exportStar(require("./useDialog"), exports);
+ //# sourceMappingURL=index.js.map
+
 //# sourceMappingURL=index.js.map

package/lib-commonjs/components/Dialog/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-dialog/src/components/Dialog/index.ts"],"sourcesContent":["export * from './Dialog';\nexport * from './Dialog.types';\nexport * from './renderDialog';\nexport * from './useDialog';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,cAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,oBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,oBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,iBAAAC,OAAA"}
+{"version":3,"sources":["../../../lib/components/Dialog/index.js"],"sourcesContent":["export * from './Dialog';\nexport * from './Dialog.types';\nexport * from './renderDialog';\nexport * from './useDialog';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;CACd,iCAAiC"}

package/lib-commonjs/components/Dialog/renderDialog.js

@@ -1,24 +1,21 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "renderDialog_unstable", {
+    enumerable: true,
+    get: ()=>renderDialog_unstable
 });
-exports.renderDialog_unstable = void 0;
-const React = /*#__PURE__*/require("react");
-const contexts_1 = /*#__PURE__*/require("../../contexts");
-/**
- * Render the final JSX of Dialog
- */
-const renderDialog_unstable = (state, contextValues) => {
-  const {
-    content,
-    trigger
-  } = state;
-  return React.createElement(contexts_1.DialogProvider, {
-    value: contextValues.dialog
-  }, React.createElement(contexts_1.DialogSurfaceProvider, {
-    value: contextValues.dialogSurface
-  }, trigger, content));
-};
-exports.renderDialog_unstable = renderDialog_unstable;
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _contexts = require("../../contexts");
+const renderDialog_unstable = (state, contextValues)=>{
+    const { content , trigger  } = state;
+    return /*#__PURE__*/ _react.createElement(_contexts.DialogProvider, {
+        value: contextValues.dialog
+    }, /*#__PURE__*/ _react.createElement(_contexts.DialogSurfaceProvider, {
+        value: contextValues.dialogSurface
+    }, trigger, content));
+}; //# sourceMappingURL=renderDialog.js.map
+
 //# sourceMappingURL=renderDialog.js.map

package/lib-commonjs/components/Dialog/renderDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","require","contexts_1","renderDialog_unstable","state","contextValues","content","trigger","createElement","DialogProvider","value","dialog","DialogSurfaceProvider","dialogSurface","exports"],"sources":["../src/packages/react-components/react-dialog/src/components/Dialog/renderDialog.tsx"],"sourcesContent":["import * as React from 'react';\nimport { DialogProvider, DialogSurfaceProvider } from '../../contexts';\nimport type { DialogState, DialogContextValues } from './Dialog.types';\n\n/**\n * Render the final JSX of Dialog\n */\nexport const renderDialog_unstable = (state: DialogState, contextValues: DialogContextValues) => {\n  const { content, trigger } = state;\n\n  return (\n    <DialogProvider value={contextValues.dialog}>\n      <DialogSurfaceProvider value={contextValues.dialogSurface}>\n        {trigger}\n        {content}\n      </DialogSurfaceProvider>\n    </DialogProvider>\n  );\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,UAAA,gBAAAD,OAAA;AAGA;;;AAGO,MAAME,qBAAqB,GAAGA,CAACC,KAAkB,EAAEC,aAAkC,KAAI;EAC9F,MAAM;IAAEC,OAAO;IAAEC;EAAO,CAAE,GAAGH,KAAK;EAElC,OACEJ,KAAA,CAAAQ,aAAA,CAACN,UAAA,CAAAO,cAAc;IAACC,KAAK,EAAEL,aAAa,CAACM;EAAM,GACzCX,KAAA,CAAAQ,aAAA,CAACN,UAAA,CAAAU,qBAAqB;IAACF,KAAK,EAAEL,aAAa,CAACQ;EAAa,GACtDN,OAAO,EACPD,OAAO,CACc,CACT;AAErB,CAAC;AAXYQ,OAAA,CAAAX,qBAAqB,GAAAA,qBAAA"}
+{"version":3,"sources":["../../../lib/components/Dialog/renderDialog.js"],"sourcesContent":["import * as React from 'react';\nimport { DialogProvider, DialogSurfaceProvider } from '../../contexts';\n/**\n * Render the final JSX of Dialog\n */\nexport const renderDialog_unstable = (state, contextValues) => {\n  const {\n    content,\n    trigger\n  } = state;\n  return /*#__PURE__*/React.createElement(DialogProvider, {\n    value: contextValues.dialog\n  }, /*#__PURE__*/React.createElement(DialogSurfaceProvider, {\n    value: contextValues.dialogSurface\n  }, trigger, content));\n};\n//# sourceMappingURL=renderDialog.js.map"],"names":["renderDialog_unstable","state","contextValues","content","trigger","React","createElement","DialogProvider","value","dialog","DialogSurfaceProvider","dialogSurface"],"mappings":";;;;+BAKaA;;aAAAA;;;6DALU;0BAC+B;AAI/C,MAAMA,wBAAwB,CAACC,OAAOC,gBAAkB;IAC7D,MAAM,EACJC,QAAO,EACPC,QAAO,EACR,GAAGH;IACJ,OAAO,WAAW,GAAEI,OAAMC,aAAa,CAACC,wBAAc,EAAE;QACtDC,OAAON,cAAcO,MAAM;IAC7B,GAAG,WAAW,GAAEJ,OAAMC,aAAa,CAACI,+BAAqB,EAAE;QACzDF,OAAON,cAAcS,aAAa;IACpC,GAAGP,SAASD;AACd,GACA,wCAAwC"}

package/lib-commonjs/components/Dialog/useDialog.js

@@ -1,88 +1,86 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.useDialog_unstable = void 0;
-const React = /*#__PURE__*/require("react");
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-const react_context_selector_1 = /*#__PURE__*/require("@fluentui/react-context-selector");
-const utils_1 = /*#__PURE__*/require("../../utils");
-const contexts_1 = /*#__PURE__*/require("../../contexts");
-/**
- * Create the state required to render Dialog.
- *
- * The returned state can be modified with hooks such as useDialogStyles_unstable,
- * before being passed to renderDialog_unstable.
- *
- * @param props - props from this instance of Dialog
- */
-const useDialog_unstable = props => {
-  const {
-    children,
-    modalType = 'modal',
-    onOpenChange,
-    inertTrapFocus = false
-  } = props;
-  const [trigger, content] = childrenToTriggerAndContent(children);
-  const [open, setOpen] = react_utilities_1.useControllableState({
-    state: props.open,
-    defaultState: props.defaultOpen,
-    initialState: false
-  });
-  const requestOpenChange = react_utilities_1.useEventCallback(data => {
-    onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(data.event, data);
-    // if user prevents default then do not change state value
-    // otherwise updates state value and trigger reference to the element that caused the opening
-    if (!data.event.isDefaultPrevented()) {
-      setOpen(data.open);
-    }
-  });
-  const focusRef = utils_1.useFocusFirstElement(open, modalType);
-  const disableBodyScroll = utils_1.useDisableBodyScroll();
-  const isBodyScrollLocked = Boolean(open && modalType !== 'non-modal');
-  react_utilities_1.useIsomorphicLayoutEffect(() => {
-    if (isBodyScrollLocked) {
-      return disableBodyScroll();
-    }
-  }, [disableBodyScroll, isBodyScrollLocked]);
-  return {
-    components: {
-      backdrop: 'div'
-    },
-    inertTrapFocus,
-    open,
-    modalType,
-    content: open ? content : null,
-    trigger,
-    requestOpenChange,
-    dialogTitleId: react_utilities_1.useId('dialog-title-'),
-    isNestedDialog: react_context_selector_1.useHasParentContext(contexts_1.DialogContext),
-    dialogRef: focusRef
-  };
+Object.defineProperty(exports, "useDialog_unstable", {
+    enumerable: true,
+    get: ()=>useDialog_unstable
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactUtilities = require("@fluentui/react-utilities");
+const _reactContextSelector = require("@fluentui/react-context-selector");
+const _utils = require("../../utils");
+const _contexts = require("../../contexts");
+const useDialog_unstable = (props)=>{
+    const { children , modalType ='modal' , onOpenChange , inertTrapFocus =false  } = props;
+    const [trigger, content] = childrenToTriggerAndContent(children);
+    const [open, setOpen] = (0, _reactUtilities.useControllableState)({
+        state: props.open,
+        defaultState: props.defaultOpen,
+        initialState: false
+    });
+    const requestOpenChange = (0, _reactUtilities.useEventCallback)((data)=>{
+        onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(data.event, data);
+        // if user prevents default then do not change state value
+        // otherwise updates state value and trigger reference to the element that caused the opening
+        if (!data.event.isDefaultPrevented()) {
+            setOpen(data.open);
+        }
+    });
+    const focusRef = (0, _utils.useFocusFirstElement)(open, modalType);
+    const disableBodyScroll = (0, _utils.useDisableBodyScroll)();
+    const isBodyScrollLocked = Boolean(open && modalType !== 'non-modal');
+    (0, _reactUtilities.useIsomorphicLayoutEffect)(()=>{
+        if (isBodyScrollLocked) {
+            return disableBodyScroll();
+        }
+    }, [
+        disableBodyScroll,
+        isBodyScrollLocked
+    ]);
+    return {
+        components: {
+            backdrop: 'div'
+        },
+        inertTrapFocus,
+        open,
+        modalType,
+        content: open ? content : null,
+        trigger,
+        requestOpenChange,
+        dialogTitleId: (0, _reactUtilities.useId)('dialog-title-'),
+        isNestedDialog: (0, _reactContextSelector.useHasParentContext)(_contexts.DialogContext),
+        dialogRef: focusRef
+    };
 };
-exports.useDialog_unstable = useDialog_unstable;
 /**
  * Extracts trigger and content from children
- */
-function childrenToTriggerAndContent(children) {
-  const childrenArray = React.Children.toArray(children);
-  if (process.env.NODE_ENV !== 'production') {
-    if (childrenArray.length !== 1 && childrenArray.length !== 2) {
-      // eslint-disable-next-line no-console
-      console.warn('Dialog must contain at least one child <DialogSurface/>,\n' + 'and at most two children <DialogTrigger/> <DialogSurface/> (in this order)');
+ */ function childrenToTriggerAndContent(children) {
+    const childrenArray = _react.Children.toArray(children);
+    if (process.env.NODE_ENV !== 'production') {
+        if (childrenArray.length !== 1 && childrenArray.length !== 2) {
+            // eslint-disable-next-line no-console
+            console.warn('Dialog must contain at least one child <DialogSurface/>,\n' + 'and at most two children <DialogTrigger/> <DialogSurface/> (in this order)');
+        }
+    }
+    switch(childrenArray.length){
+        // case where there's a trigger followed by content
+        case 2:
+            return childrenArray;
+        // case where there's only content
+        case 1:
+            return [
+                undefined,
+                childrenArray[0]
+            ];
+        // unknown case
+        default:
+            return [
+                undefined,
+                undefined
+            ];
     }
-  }
-  switch (childrenArray.length) {
-    // case where there's a trigger followed by content
-    case 2:
-      return childrenArray;
-    // case where there's only content
-    case 1:
-      return [undefined, childrenArray[0]];
-    // unknown case
-    default:
-      return [undefined, undefined];
-  }
-}
+} //# sourceMappingURL=useDialog.js.map
+
 //# sourceMappingURL=useDialog.js.map