@fluentui/react-dialog 9.0.0-beta.7

package/lib/contexts/constants.js

@@ -0,0 +1,11 @@
+export const MEDIA_QUERY_BREAKPOINT_SELECTOR = '@media screen and (max-width: 480px)';
+export const SURFACE_PADDING = '24px';
+export const DIALOG_GAP = '8px';
+export const SURFACE_BORDER_RADIUS = '8px';
+export const SURFACE_BORDER_WIDTH = '1px';
+export const ACTIONS_START_GRID_AREA = 'actions-start';
+export const ACTIONS_END_GRID_AREA = 'actions-end';
+export const TITLE_GRID_AREA = 'title';
+export const CLOSE_BUTTON_GRID_AREA = 'close-button';
+export const BODY_GRID_AREA = 'body';
+//# sourceMappingURL=constants.js.map

package/lib/contexts/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"../src/","sources":["contexts/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,+BAA+B,GAAG,sCAAsC,CAAC;AACtF,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC;AACtC,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC;AAChC,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC;AAC3C,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,CAAC;AAE1C,MAAM,CAAC,MAAM,uBAAuB,GAAG,eAAe,CAAC;AACvD,MAAM,CAAC,MAAM,qBAAqB,GAAG,aAAa,CAAC;AACnD,MAAM,CAAC,MAAM,eAAe,GAAG,OAAO,CAAC;AACvC,MAAM,CAAC,MAAM,sBAAsB,GAAG,cAAc,CAAC;AACrD,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC","sourcesContent":["export const MEDIA_QUERY_BREAKPOINT_SELECTOR = '@media screen and (max-width: 480px)';\nexport const SURFACE_PADDING = '24px';\nexport const DIALOG_GAP = '8px';\nexport const SURFACE_BORDER_RADIUS = '8px';\nexport const SURFACE_BORDER_WIDTH = '1px';\n\nexport const ACTIONS_START_GRID_AREA = 'actions-start';\nexport const ACTIONS_END_GRID_AREA = 'actions-end';\nexport const TITLE_GRID_AREA = 'title';\nexport const CLOSE_BUTTON_GRID_AREA = 'close-button';\nexport const BODY_GRID_AREA = 'body';\n"]}

package/lib/contexts/dialogContext.js

@@ -0,0 +1,21 @@
+import { createContext, useContextSelector } from '@fluentui/react-context-selector';
+const defaultContextValue = {
+  open: false,
+  modalType: 'modal',
+  triggerRef: {
+    current: null
+  },
+  contentRef: {
+    current: null
+  },
+
+  requestOpenChange() {
+    /* noop */
+  }
+
+}; // Contexts should default to undefined
+
+export const DialogContext = /*#__PURE__*/createContext(undefined);
+export const DialogProvider = DialogContext.Provider;
+export const useDialogContext_unstable = selector => useContextSelector(DialogContext, (ctx = defaultContextValue) => selector(ctx));
+//# sourceMappingURL=dialogContext.js.map

package/lib/contexts/dialogContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["contexts/dialogContext.ts"],"names":[],"mappings":"AAAA,SAAS,aAAT,EAAyC,kBAAzC,QAAmE,kCAAnE;AAsBA,MAAM,mBAAmB,GAAuB;EAC9C,IAAI,EAAE,KADwC;EAE9C,SAAS,EAAE,OAFmC;EAG9C,UAAU,EAAE;IAAE,OAAO,EAAE;EAAX,CAHkC;EAI9C,UAAU,EAAE;IAAE,OAAO,EAAE;EAAX,CAJkC;;EAK9C,iBAAiB,GAAA;IACf;EACD;;AAP6C,CAAhD,C,CAUA;;AACA,OAAO,MAAM,aAAa,gBAA4C,aAAa,CACjF,SADiF,CAA5E;AAIP,OAAO,MAAM,cAAc,GAAG,aAAa,CAAC,QAArC;AACP,OAAO,MAAM,yBAAyB,GAAO,QAAJ,IACvC,kBAAkB,CAAC,aAAD,EAAgB,CAAC,GAAG,GAAG,mBAAP,KAA+B,QAAQ,CAAC,GAAD,CAAvD,CADb","sourcesContent":["import { createContext, ContextSelector, useContextSelector } from '@fluentui/react-context-selector';\nimport type { Context } from '@fluentui/react-context-selector';\nimport type { DialogOpenChangeData, DialogModalType } from '../Dialog';\nimport * as React from 'react';\n\nexport type DialogContextValue = {\n  /**\n   * Reference to trigger element that opened the Dialog\n   * null if Dialog is closed\n   */\n  triggerRef: React.RefObject<HTMLElement>;\n  contentRef: React.RefObject<HTMLElement>;\n  modalType: DialogModalType;\n  dialogTitleID?: string;\n  dialogBodyID?: string;\n  open: boolean;\n  /**\n   * Requests dialog main component to update it's internal open state\n   */\n  requestOpenChange: (data: DialogOpenChangeData) => void;\n};\n\nconst defaultContextValue: DialogContextValue = {\n  open: false,\n  modalType: 'modal',\n  triggerRef: { current: null },\n  contentRef: { current: null },\n  requestOpenChange() {\n    /* noop */\n  },\n};\n\n// Contexts should default to undefined\nexport const DialogContext: Context<DialogContextValue | undefined> = createContext<DialogContextValue | undefined>(\n  undefined,\n);\n\nexport const DialogProvider = DialogContext.Provider;\nexport const useDialogContext_unstable = <T>(selector: ContextSelector<DialogContextValue, T>): T =>\n  useContextSelector(DialogContext, (ctx = defaultContextValue) => selector(ctx));\n"],"sourceRoot":"../src/"}

package/lib/contexts/dialogSurfaceContext.js

@@ -0,0 +1,10 @@
+import { createContext, useContext } from 'react';
+const defaultContextValue = false;
+export const DialogSurfaceContext = /*#__PURE__*/createContext(undefined);
+export const DialogSurfaceProvider = DialogSurfaceContext.Provider;
+export const useDialogSurfaceContext_unstable = () => {
+  var _a;
+
+  return (_a = useContext(DialogSurfaceContext)) !== null && _a !== void 0 ? _a : defaultContextValue;
+};
+//# sourceMappingURL=dialogSurfaceContext.js.map

package/lib/contexts/dialogSurfaceContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["contexts/dialogSurfaceContext.ts"],"names":[],"mappings":"AAAA,SAAS,aAAT,EAAwB,UAAxB,QAA0C,OAA1C;AAIA,MAAM,mBAAmB,GAA8B,KAAvD;AAEA,OAAO,MAAM,oBAAoB,gBAAG,aAAa,CAAwC,SAAxC,CAA1C;AAEP,OAAO,MAAM,qBAAqB,GAAG,oBAAoB,CAAC,QAAnD;AAEP,OAAO,MAAM,gCAAgC,GAAG,MAAK;EAAA,IAAA,EAAA;;EAAC,OAAA,CAAA,EAAA,GAAA,UAAU,CAAC,oBAAD,CAAV,MAAgC,IAAhC,IAAgC,EAAA,KAAA,KAAA,CAAhC,GAAgC,EAAhC,GAAoC,mBAApC;AAAuD,CAAtG","sourcesContent":["import { createContext, useContext } from 'react';\n\nexport type DialogSurfaceContextValue = boolean;\n\nconst defaultContextValue: DialogSurfaceContextValue = false;\n\nexport const DialogSurfaceContext = createContext<DialogSurfaceContextValue | undefined>(undefined);\n\nexport const DialogSurfaceProvider = DialogSurfaceContext.Provider;\n\nexport const useDialogSurfaceContext_unstable = () => useContext(DialogSurfaceContext) ?? defaultContextValue;\n"],"sourceRoot":"../src/"}

package/lib/contexts/index.js

@@ -0,0 +1,4 @@
+export * from './constants';
+export * from './dialogContext';
+export * from './dialogSurfaceContext';
+//# sourceMappingURL=index.js.map

package/lib/contexts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC","sourcesContent":["export * from './constants';\nexport * from './dialogContext';\nexport * from './dialogSurfaceContext';\n"]}

package/lib/index.js

@@ -0,0 +1,7 @@
+export { Dialog, dialogClassNames, renderDialog_unstable, useDialogStyles_unstable, useDialog_unstable } from './Dialog';
+export { DialogTrigger, useDialogTrigger_unstable, renderDialogTrigger_unstable } from './DialogTrigger';
+export { DialogActions, dialogActionsClassNames, useDialogActions_unstable, useDialogActionsStyles_unstable, renderDialogActions_unstable } from './DialogActions';
+export { DialogBody, dialogBodyClassNames, useDialogBody_unstable, useDialogBodyStyles_unstable, renderDialogBody_unstable } from './DialogBody';
+export { DialogTitle, dialogTitleClassNames, useDialogTitle_unstable, useDialogTitleStyles_unstable, renderDialogTitle_unstable } from './DialogTitle';
+export { DialogSurface, dialogSurfaceClassNames, useDialogSurface_unstable, useDialogSurfaceStyles_unstable, renderDialogSurface_unstable } from './DialogSurface';
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,SACE,MADF,EAEE,gBAFF,EAGE,qBAHF,EAIE,wBAJF,EAKE,kBALF,QAMO,UANP;AASA,SAAS,aAAT,EAAwB,yBAAxB,EAAmD,4BAAnD,QAAuF,iBAAvF;AAQA,SACE,aADF,EAEE,uBAFF,EAGE,yBAHF,EAIE,+BAJF,EAKE,4BALF,QAMO,iBANP;AAcA,SACE,UADF,EAEE,oBAFF,EAGE,sBAHF,EAIE,4BAJF,EAKE,yBALF,QAMO,cANP;AASA,SACE,WADF,EAEE,qBAFF,EAGE,uBAHF,EAIE,6BAJF,EAKE,0BALF,QAMO,eANP;AASA,SACE,aADF,EAEE,uBAFF,EAGE,yBAHF,EAIE,+BAJF,EAKE,4BALF,QAMO,iBANP","sourcesContent":["export {\n  Dialog,\n  dialogClassNames,\n  renderDialog_unstable,\n  useDialogStyles_unstable,\n  useDialog_unstable,\n} from './Dialog';\nexport type { DialogProps, DialogOpenChangeData, DialogOpenChangeEvent, DialogSlots, DialogState } from './Dialog';\n\nexport { DialogTrigger, useDialogTrigger_unstable, renderDialogTrigger_unstable } from './DialogTrigger';\nexport type {\n  DialogTriggerProps,\n  DialogTriggerChildProps,\n  DialogTriggerState,\n  DialogTriggerAction,\n} from './DialogTrigger';\n\nexport {\n  DialogActions,\n  dialogActionsClassNames,\n  useDialogActions_unstable,\n  useDialogActionsStyles_unstable,\n  renderDialogActions_unstable,\n} from './DialogActions';\nexport type {\n  DialogActionsProps,\n  DialogActionsSlots,\n  DialogActionsState,\n  DialogActionsPosition,\n} from './DialogActions';\n\nexport {\n  DialogBody,\n  dialogBodyClassNames,\n  useDialogBody_unstable,\n  useDialogBodyStyles_unstable,\n  renderDialogBody_unstable,\n} from './DialogBody';\nexport type { DialogBodyProps, DialogBodySlots, DialogBodyState } from './DialogBody';\n\nexport {\n  DialogTitle,\n  dialogTitleClassNames,\n  useDialogTitle_unstable,\n  useDialogTitleStyles_unstable,\n  renderDialogTitle_unstable,\n} from './DialogTitle';\nexport type { DialogTitleProps, DialogTitleSlots, DialogTitleState } from './DialogTitle';\n\nexport {\n  DialogSurface,\n  dialogSurfaceClassNames,\n  useDialogSurface_unstable,\n  useDialogSurfaceStyles_unstable,\n  renderDialogSurface_unstable,\n} from './DialogSurface';\nexport type { DialogSurfaceProps, DialogSurfaceSlots, DialogSurfaceState } from './DialogSurface';\n"],"sourceRoot":"../src/"}

package/lib/utils/index.js

@@ -0,0 +1,5 @@
+export * from './isEscapeKeyDown';
+export * from './isTargetDisabled';
+export * from './localShorthands';
+export * from './normalizeDefaultPrevented';
+//# sourceMappingURL=index.js.map

package/lib/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,6BAA6B,CAAC","sourcesContent":["export * from './isEscapeKeyDown';\nexport * from './isTargetDisabled';\nexport * from './localShorthands';\nexport * from './normalizeDefaultPrevented';\n"]}

package/lib/utils/isEscapeKeyDown.js

@@ -0,0 +1,11 @@
+import { Escape } from '@fluentui/keyboard-keys';
+import { normalizeDefaultPrevented } from './normalizeDefaultPrevented';
+/**
+ * Checks if keydown event is a proper Escape key dismiss
+ */
+
+export function isEscapeKeyDismiss(event, type) {
+  const isDefaultPrevented = normalizeDefaultPrevented(event);
+  return event.key === Escape && type !== 'alert' && !isDefaultPrevented();
+}
+//# sourceMappingURL=isEscapeKeyDown.js.map

package/lib/utils/isEscapeKeyDown.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["utils/isEscapeKeyDown.ts"],"names":[],"mappings":"AACA,SAAS,MAAT,QAAuB,yBAAvB;AAEA,SAAS,yBAAT,QAA0C,6BAA1C;AAEA;;AAEG;;AACH,OAAM,SAAU,kBAAV,CAA6B,KAA7B,EAAyE,IAAzE,EAA8F;EAClG,MAAM,kBAAkB,GAAG,yBAAyB,CAAC,KAAD,CAApD;EACA,OAAO,KAAK,CAAC,GAAN,KAAc,MAAd,IAAwB,IAAI,KAAK,OAAjC,IAA4C,CAAC,kBAAkB,EAAtE;AACD","sourcesContent":["import * as React from 'react';\nimport { Escape } from '@fluentui/keyboard-keys';\nimport { DialogModalType } from '../components/Dialog/Dialog.types';\nimport { normalizeDefaultPrevented } from './normalizeDefaultPrevented';\n\n/**\n * Checks if keydown event is a proper Escape key dismiss\n */\nexport function isEscapeKeyDismiss(event: React.KeyboardEvent | KeyboardEvent, type: DialogModalType): boolean {\n  const isDefaultPrevented = normalizeDefaultPrevented(event);\n  return event.key === Escape && type !== 'alert' && !isDefaultPrevented();\n}\n"],"sourceRoot":"../src/"}

package/lib/utils/isTargetDisabled.js

@@ -0,0 +1,14 @@
+export function isTargetDisabled(event) {
+  const isDisabled = el => el.hasAttribute('disabled') || el.hasAttribute('aria-disabled') && el.getAttribute('aria-disabled') === 'true';
+
+  if (isHTMLElement(event.target) && isDisabled(event.target)) {
+    return true;
+  }
+
+  return isHTMLElement(event.currentTarget) && isDisabled(event.currentTarget);
+}
+
+function isHTMLElement(element) {
+  return Boolean(element && typeof element === 'object' && 'hasAttribute' in element && 'getAttribute' in element);
+}
+//# sourceMappingURL=isTargetDisabled.js.map

package/lib/utils/isTargetDisabled.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["utils/isTargetDisabled.ts"],"names":[],"mappings":"AAEA,OAAM,SAAU,gBAAV,CAA2B,KAA3B,EAA8D;EAClE,MAAM,UAAU,GAAI,EAAD,IACjB,EAAE,CAAC,YAAH,CAAgB,UAAhB,KAAgC,EAAE,CAAC,YAAH,CAAgB,eAAhB,KAAoC,EAAE,CAAC,YAAH,CAAgB,eAAhB,MAAqC,MAD3G;;EAEA,IAAI,aAAa,CAAC,KAAK,CAAC,MAAP,CAAb,IAA+B,UAAU,CAAC,KAAK,CAAC,MAAP,CAA7C,EAA4E;IAC1E,OAAO,IAAP;EACD;;EAED,OAAO,aAAa,CAAC,KAAK,CAAC,aAAP,CAAb,IAAsC,UAAU,CAAC,KAAK,CAAC,aAAP,CAAvD;AACD;;AAED,SAAS,aAAT,CAAuB,OAAvB,EAA6C;EAC3C,OAAO,OAAO,CAAC,OAAO,IAAI,OAAO,OAAP,KAAmB,QAA9B,IAA0C,kBAAkB,OAA5D,IAAuE,kBAAkB,OAA1F,CAAd;AACD","sourcesContent":["import * as React from 'react';\n\nexport function isTargetDisabled(event: React.SyntheticEvent | Event) {\n  const isDisabled = (el: HTMLElement) =>\n    el.hasAttribute('disabled') || (el.hasAttribute('aria-disabled') && el.getAttribute('aria-disabled') === 'true');\n  if (isHTMLElement(event.target) && isDisabled(event.target as HTMLElement)) {\n    return true;\n  }\n\n  return isHTMLElement(event.currentTarget) && isDisabled(event.currentTarget);\n}\n\nfunction isHTMLElement(element: object | null): element is HTMLElement {\n  return Boolean(element && typeof element === 'object' && 'hasAttribute' in element && 'getAttribute' in element);\n}\n"],"sourceRoot":"../src/"}

package/lib/utils/localShorthands.js

@@ -0,0 +1,9 @@
+export function gridArea(name) {
+  return {
+    gridRowStart: name,
+    gridRowEnd: name,
+    gridColumnStart: name,
+    gridColumnEnd: name
+  };
+}
+//# sourceMappingURL=localShorthands.js.map

package/lib/utils/localShorthands.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["utils/localShorthands.ts"],"names":[],"mappings":"AAAA,OAAM,SAAU,QAAV,CAAmB,IAAnB,EAA+B;EACnC,OAAO;IACL,YAAY,EAAE,IADT;IAEL,UAAU,EAAE,IAFP;IAGL,eAAe,EAAE,IAHZ;IAIL,aAAa,EAAE;EAJV,CAAP;AAMD","sourcesContent":["export function gridArea(name: string) {\n  return {\n    gridRowStart: name,\n    gridRowEnd: name,\n    gridColumnStart: name,\n    gridColumnEnd: name,\n  };\n}\n"],"sourceRoot":"../src/"}

package/lib/utils/normalizeDefaultPrevented.js

@@ -0,0 +1,11 @@
+/**
+ * normalizes defaultPrevented to work the same way between synthetic events and regular event
+ */
+export function normalizeDefaultPrevented(event) {
+  if (event instanceof Event) {
+    return () => event.defaultPrevented;
+  }
+
+  return event.isDefaultPrevented;
+}
+//# sourceMappingURL=normalizeDefaultPrevented.js.map

package/lib/utils/normalizeDefaultPrevented.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["utils/normalizeDefaultPrevented.ts"],"names":[],"mappings":"AAEA;;AAEG;AACH,OAAM,SAAU,yBAAV,CAAoC,KAApC,EAAuE;EAC3E,IAAI,KAAK,YAAY,KAArB,EAA4B;IAC1B,OAAO,MAAM,KAAK,CAAC,gBAAnB;EACD;;EACD,OAAO,KAAK,CAAC,kBAAb;AACD","sourcesContent":["import * as React from 'react';\n\n/**\n * normalizes defaultPrevented to work the same way between synthetic events and regular event\n */\nexport function normalizeDefaultPrevented(event: React.SyntheticEvent | Event) {\n  if (event instanceof Event) {\n    return () => event.defaultPrevented;\n  }\n  return event.isDefaultPrevented;\n}\n"],"sourceRoot":"../src/"}

package/lib-commonjs/Dialog.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./components/Dialog/index"), exports);
+//# sourceMappingURL=Dialog.js.map

package/lib-commonjs/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Dialog.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,2BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/Dialog/index';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/DialogActions.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./components/DialogActions/index"), exports);
+//# sourceMappingURL=DialogActions.js.map

package/lib-commonjs/DialogActions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["DialogActions.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kCAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/DialogActions/index';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/DialogBody.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./components/DialogBody/index"), exports);
+//# sourceMappingURL=DialogBody.js.map

package/lib-commonjs/DialogBody.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["DialogBody.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,+BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/DialogBody/index';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/DialogSurface.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./components/DialogSurface/index"), exports);
+//# sourceMappingURL=DialogSurface.js.map

package/lib-commonjs/DialogSurface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["DialogSurface.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kCAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/DialogSurface/index';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/DialogTitle.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./components/DialogTitle/index"), exports);
+//# sourceMappingURL=DialogTitle.js.map

package/lib-commonjs/DialogTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["DialogTitle.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gCAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/DialogTitle/index';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/DialogTrigger.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./components/DialogTrigger/index"), exports);
+//# sourceMappingURL=DialogTrigger.js.map

package/lib-commonjs/DialogTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["DialogTrigger.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kCAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/DialogTrigger/index';\n"],"sourceRoot":"../src/"}

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

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Dialog = void 0;
+
+const React = /*#__PURE__*/require("react");
+
+const useDialog_1 = /*#__PURE__*/require("./useDialog");
+
+const renderDialog_1 = /*#__PURE__*/require("./renderDialog");
+
+const useDialogStyles_1 = /*#__PURE__*/require("./useDialogStyles");
+
+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);
+  useDialogStyles_1.useDialogStyles_unstable(state);
+  return renderDialog_1.renderDialog_unstable(state, contextValues);
+});
+exports.Dialog.displayName = 'Dialog';
+//# sourceMappingURL=Dialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["components/Dialog/Dialog.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,WAAA,gBAAA,OAAA,CAAA,aAAA,CAAA;;AACA,MAAA,cAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,mBAAA,CAAA;;AAEA,MAAA,wBAAA,gBAAA,OAAA,CAAA,0BAAA,CAAA;AAEA;;;;;;AAMG;;;AACU,OAAA,CAAA,MAAA,gBAAgC,KAAK,CAAC,IAAN,CAAW,KAAK,IAAG;EAC9D,MAAM,KAAK,GAAG,WAAA,CAAA,kBAAA,CAAmB,KAAnB,CAAd;EACA,MAAM,aAAa,GAAG,wBAAA,CAAA,+BAAA,CAAgC,KAAhC,CAAtB;EAEA,iBAAA,CAAA,wBAAA,CAAyB,KAAzB;EACA,OAAO,cAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B,aAA7B,CAAP;AACD,CAN4C,CAAhC;AAQb,OAAA,CAAA,MAAA,CAAO,WAAP,GAAqB,QAArB","sourcesContent":["import * as React from 'react';\nimport { useDialog_unstable } from './useDialog';\nimport { renderDialog_unstable } from './renderDialog';\nimport { useDialogStyles_unstable } from './useDialogStyles';\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  useDialogStyles_unstable(state);\n  return renderDialog_unstable(state, contextValues);\n});\n\nDialog.displayName = 'Dialog';\n"],"sourceRoot":"../src/"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":"../src/"}

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

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  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);
+
+tslib_1.__exportStar(require("./useDialogStyles"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["components/Dialog/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,UAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,aAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mBAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './Dialog';\nexport * from './Dialog.types';\nexport * from './renderDialog';\nexport * from './useDialog';\nexport * from './useDialogStyles';\n"],"sourceRoot":"../src/"}

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

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.renderDialog_unstable = void 0;
+
+const React = /*#__PURE__*/require("react");
+
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+
+const react_portal_1 = /*#__PURE__*/require("@fluentui/react-portal");
+
+const contexts_1 = /*#__PURE__*/require("../../contexts");
+/**
+ * Render the final JSX of Dialog
+ */
+
+
+const renderDialog_unstable = (state, contextValues) => {
+  const {
+    content,
+    trigger,
+    open
+  } = state;
+  const {
+    slots,
+    slotProps
+  } = react_utilities_1.getSlots(state);
+  return React.createElement(contexts_1.DialogProvider, {
+    value: contextValues.dialog
+  }, React.createElement(contexts_1.DialogSurfaceProvider, {
+    value: contextValues.dialogSurface
+  }, trigger, open && React.createElement(react_portal_1.Portal, null, slots.overlay && React.createElement(slots.overlay, { ...slotProps.overlay
+  }), content)));
+};
+
+exports.renderDialog_unstable = renderDialog_unstable;
+//# sourceMappingURL=renderDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["components/Dialog/renderDialog.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,cAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;;AACA,MAAA,UAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,qBAAqB,GAAG,CAAC,KAAD,EAAqB,aAArB,KAA2D;EAC9F,MAAM;IAAE,OAAF;IAAW,OAAX;IAAoB;EAApB,IAA6B,KAAnC;EACA,MAAM;IAAE,KAAF;IAAS;EAAT,IAAuB,iBAAA,CAAA,QAAA,CAAsB,KAAtB,CAA7B;EAEA,OACE,KAAA,CAAA,aAAA,CAAC,UAAA,CAAA,cAAD,EAAe;IAAC,KAAK,EAAE,aAAa,CAAC;EAAtB,CAAf,EACE,KAAA,CAAA,aAAA,CAAC,UAAA,CAAA,qBAAD,EAAsB;IAAC,KAAK,EAAE,aAAa,CAAC;EAAtB,CAAtB,EACG,OADH,EAEG,IAAI,IACH,KAAA,CAAA,aAAA,CAAC,cAAA,CAAA,MAAD,EAAO,IAAP,EACG,KAAK,CAAC,OAAN,IAAiB,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,OAAP,EAAc,EAAA,GAAK,SAAS,CAAC;EAAf,CAAd,CADpB,EAEG,OAFH,CAHJ,CADF,CADF;AAaD,CAjBM;;AAAM,OAAA,CAAA,qBAAA,GAAqB,qBAArB","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { Portal } from '@fluentui/react-portal';\nimport { DialogProvider, DialogSurfaceProvider } from '../../contexts';\nimport type { DialogState, DialogSlots, 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, open } = state;\n  const { slots, slotProps } = getSlots<DialogSlots>(state);\n\n  return (\n    <DialogProvider value={contextValues.dialog}>\n      <DialogSurfaceProvider value={contextValues.dialogSurface}>\n        {trigger}\n        {open && (\n          <Portal>\n            {slots.overlay && <slots.overlay {...slotProps.overlay} />}\n            {content}\n          </Portal>\n        )}\n      </DialogSurfaceProvider>\n    </DialogProvider>\n  );\n};\n"],"sourceRoot":"../src/"}

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

@@ -0,0 +1,211 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDialog_unstable = void 0;
+
+const React = /*#__PURE__*/require("react");
+
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+
+const react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
+
+const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
+
+const utils_1 = /*#__PURE__*/require("../../utils");
+/**
+ * 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,
+    overlay,
+    modalType = 'modal',
+    onOpenChange
+  } = props;
+  const [trigger, content] = childrenToTriggerAndContent(children);
+  const [open, setOpen] = react_utilities_1.useControllableState({
+    state: props.open,
+    defaultState: props.defaultOpen,
+    initialState: false
+  });
+  const overlayShorthand = react_utilities_1.resolveShorthand(overlay, {
+    required: modalType !== 'non-modal',
+    defaultProps: {
+      'aria-hidden': 'true'
+    }
+  });
+  const requestOpenChange = react_utilities_1.useEventCallback(data => {
+    const isDefaultPrevented = utils_1.normalizeDefaultPrevented(data.event);
+
+    if (onOpenChange) {
+      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 (!isDefaultPrevented()) {
+      triggerRef.current = !open && data.open ? data.event.currentTarget : null;
+      setOpen(data.open);
+    }
+  });
+  const {
+    contentRef,
+    triggerRef
+  } = useFocusFirstElement({
+    open,
+    modalType,
+    requestOpenChange
+  });
+  const handleOverLayClick = react_utilities_1.useEventCallback(event => {
+    var _a;
+
+    (_a = overlayShorthand === null || overlayShorthand === void 0 ? void 0 : overlayShorthand.onClick) === null || _a === void 0 ? void 0 : _a.call(overlayShorthand, event);
+
+    if (isOverlayClickDismiss(event, modalType)) {
+      requestOpenChange({
+        event,
+        open: false,
+        type: 'overlayClick'
+      });
+    }
+  });
+  return {
+    components: {
+      overlay: 'div'
+    },
+    overlay: overlayShorthand && { ...overlayShorthand,
+      onClick: handleOverLayClick
+    },
+    open,
+    modalType,
+    content,
+    trigger,
+    triggerRef,
+    contentRef,
+    requestOpenChange,
+    dialogBodyID: react_utilities_1.useId('dialog-body-'),
+    dialogTitleID: react_utilities_1.useId('dialog-title-')
+  };
+};
+
+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)');
+    }
+  }
+
+  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];
+  }
+}
+/**
+ * Checks is click event is a proper Overlay click dismiss
+ */
+
+
+function isOverlayClickDismiss(event, type) {
+  const isDefaultPrevented = utils_1.normalizeDefaultPrevented(event);
+  return type === 'modal' && !isDefaultPrevented();
+}
+/**
+ * Focus first element on content when dialog is opened,
+ * in case there's no focusable element, then a eventlistener is added to document
+ * to ensure Escape keydown functionality
+ */
+
+
+function useFocusFirstElement({
+  open,
+  requestOpenChange,
+  modalType
+}) {
+  const {
+    findFirstFocusable
+  } = react_tabster_1.useFocusFinders();
+  const {
+    targetDocument
+  } = react_shared_contexts_1.useFluent_unstable();
+  const contentRef = React.useRef(null);
+  const triggerRef = React.useRef(null);
+  React.useEffect(() => {
+    if (!open) {
+      return;
+    }
+
+    const element = contentRef.current && findFirstFocusable(contentRef.current);
+
+    if (element) {
+      element.focus(); // NOTE: if it's non-modal global listener to escape is necessary
+
+      if (modalType !== 'non-modal') {
+        return;
+      }
+    } else {
+      if (process.env.NODE_ENV !== 'production') {
+        // eslint-disable-next-line no-console
+        console.warn('A Dialog should have at least one focusable element inside DialogSurface');
+      }
+    }
+
+    if (triggerRef.current && targetDocument) {
+      const trigger = triggerRef.current; // if the trigger is still the active element, the default behavior is to return focus to document.body,
+      // which can be achived by blurring
+
+      if (targetDocument.activeElement === trigger) {
+        trigger.blur();
+      }
+
+      const listener = event => {
+        if (utils_1.isEscapeKeyDismiss(event, modalType)) {
+          requestOpenChange({
+            event,
+            open: false,
+            type: 'documentEscapeKeyDown'
+          });
+          trigger.focus();
+          event.stopImmediatePropagation();
+        }
+      };
+
+      targetDocument.addEventListener('keydown', listener, {
+        passive: false
+      });
+      return () => {
+        targetDocument.removeEventListener('keydown', listener);
+      };
+    }
+  }, [findFirstFocusable, requestOpenChange, open, modalType, targetDocument]);
+  return {
+    contentRef,
+    triggerRef
+  };
+}
+//# sourceMappingURL=useDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["components/Dialog/useDialog.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,eAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;;AACA,MAAA,uBAAA,gBAAA,OAAA,CAAA,iCAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,aAAA,CAAA;AAIA;;;;;;;AAOG;;;AACI,MAAM,kBAAkB,GAAI,KAAD,IAAoC;EACpE,MAAM;IAAE,QAAF;IAAY,OAAZ;IAAqB,SAAS,GAAG,OAAjC;IAA0C;EAA1C,IAA2D,KAAjE;EAEA,MAAM,CAAC,OAAD,EAAU,OAAV,IAAqB,2BAA2B,CAAC,QAAD,CAAtD;EAEA,MAAM,CAAC,IAAD,EAAO,OAAP,IAAkB,iBAAA,CAAA,oBAAA,CAAqB;IAC3C,KAAK,EAAE,KAAK,CAAC,IAD8B;IAE3C,YAAY,EAAE,KAAK,CAAC,WAFuB;IAG3C,YAAY,EAAE;EAH6B,CAArB,CAAxB;EAMA,MAAM,gBAAgB,GAAG,iBAAA,CAAA,gBAAA,CAAiB,OAAjB,EAA0B;IACjD,QAAQ,EAAE,SAAS,KAAK,WADyB;IAEjD,YAAY,EAAE;MACZ,eAAe;IADH;EAFmC,CAA1B,CAAzB;EAOA,MAAM,iBAAiB,GAAG,iBAAA,CAAA,gBAAA,CAAkB,IAAD,IAA+B;IACxE,MAAM,kBAAkB,GAAG,OAAA,CAAA,yBAAA,CAA0B,IAAI,CAAC,KAA/B,CAA3B;;IAEA,IAAI,YAAJ,EAAkB;MAChB,YAAY,CAAC,IAAI,CAAC,KAAN,EAAa,IAAb,CAAZ;IACD,CALuE,CAOxE;IACA;;;IACA,IAAI,CAAC,kBAAkB,EAAvB,EAA2B;MACxB,UAAyD,CAAC,OAA1D,GACC,CAAC,IAAD,IAAS,IAAI,CAAC,IAAd,GAAsB,IAAI,CAAC,KAAL,CAAW,aAAjC,GAAiE,IADlE;MAED,OAAO,CAAC,IAAI,CAAC,IAAN,CAAP;IACD;EACF,CAdyB,CAA1B;EAgBA,MAAM;IAAE,UAAF;IAAc;EAAd,IAA6B,oBAAoB,CAAC;IACtD,IADsD;IAEtD,SAFsD;IAGtD;EAHsD,CAAD,CAAvD;EAMA,MAAM,kBAAkB,GAAG,iBAAA,CAAA,gBAAA,CAAkB,KAAD,IAA4C;;;IACtF,CAAA,EAAA,GAAA,gBAAgB,KAAA,IAAhB,IAAA,gBAAgB,KAAA,KAAA,CAAhB,GAAgB,KAAA,CAAhB,GAAA,gBAAgB,CAAE,OAAlB,MAAyB,IAAzB,IAAyB,EAAA,KAAA,KAAA,CAAzB,GAAyB,KAAA,CAAzB,GAAyB,EAAA,CAAA,IAAA,CAAzB,gBAAyB,EAAG,KAAH,CAAzB;;IACA,IAAI,qBAAqB,CAAC,KAAD,EAAQ,SAAR,CAAzB,EAA6C;MAC3C,iBAAiB,CAAC;QAAE,KAAF;QAAS,IAAI,EAAE,KAAf;QAAsB,IAAI,EAAE;MAA5B,CAAD,CAAjB;IACD;EACF,CAL0B,CAA3B;EAOA,OAAO;IACL,UAAU,EAAE;MACV,OAAO,EAAE;IADC,CADP;IAIL,OAAO,EAAE,gBAAgB,IAAI,EAC3B,GAAG,gBADwB;MAE3B,OAAO,EAAE;IAFkB,CAJxB;IAQL,IARK;IASL,SATK;IAUL,OAVK;IAWL,OAXK;IAYL,UAZK;IAaL,UAbK;IAcL,iBAdK;IAeL,YAAY,EAAE,iBAAA,CAAA,KAAA,CAAM,cAAN,CAfT;IAgBL,aAAa,EAAE,iBAAA,CAAA,KAAA,CAAM,eAAN;EAhBV,CAAP;AAkBD,CAjEM;;AAAM,OAAA,CAAA,kBAAA,GAAkB,kBAAlB;AAmEb;;AAEG;;AACH,SAAS,2BAAT,CACE,QADF,EAC2B;EAEzB,MAAM,aAAa,GAAG,KAAK,CAAC,QAAN,CAAe,OAAf,CAAuB,QAAvB,CAAtB;;EACA,IAAI,OAAO,CAAC,GAAR,CAAY,QAAZ,KAAyB,YAA7B,EAA2C;IACzC,IAAI,aAAa,CAAC,MAAd,KAAyB,CAAzB,IAA8B,aAAa,CAAC,MAAd,KAAyB,CAA3D,EAA8D;MAC5D;MACA,OAAO,CAAC,IAAR,CACE,+DACE,4EAFJ;IAID;EACF;;EACD,QAAQ,aAAa,CAAC,MAAtB;IACE;IACA,KAAK,CAAL;MACE,OAAO,aAAP;IACF;;IACA,KAAK,CAAL;MACE,OAAO,CAAC,SAAD,EAAY,aAAa,CAAC,CAAD,CAAzB,CAAP;IACF;;IACA;MACE,OAAO,CAAC,SAAD,EAAY,SAAZ,CAAP;EATJ;AAWD;AAED;;AAEG;;;AACH,SAAS,qBAAT,CAA+B,KAA/B,EAAwD,IAAxD,EAA6E;EAC3E,MAAM,kBAAkB,GAAG,OAAA,CAAA,yBAAA,CAA0B,KAA1B,CAA3B;EACA,OAAO,IAAI,KAAK,OAAT,IAAoB,CAAC,kBAAkB,EAA9C;AACD;AAED;;;;AAIG;;;AACH,SAAS,oBAAT,CAA8B;EAC5B,IAD4B;EAE5B,iBAF4B;EAG5B;AAH4B,CAA9B,EAIgE;EAC9D,MAAM;IAAE;EAAF,IAAyB,eAAA,CAAA,eAAA,EAA/B;EACA,MAAM;IAAE;EAAF,IAAqB,uBAAA,CAAA,kBAAA,EAA3B;EACA,MAAM,UAAU,GAAG,KAAK,CAAC,MAAN,CAA0B,IAA1B,CAAnB;EACA,MAAM,UAAU,GAAG,KAAK,CAAC,MAAN,CAA0B,IAA1B,CAAnB;EAEA,KAAK,CAAC,SAAN,CAAgB,MAAK;IACnB,IAAI,CAAC,IAAL,EAAW;MACT;IACD;;IAED,MAAM,OAAO,GAAG,UAAU,CAAC,OAAX,IAAsB,kBAAkB,CAAC,UAAU,CAAC,OAAZ,CAAxD;;IACA,IAAI,OAAJ,EAAa;MACX,OAAO,CAAC,KAAR,GADW,CAEX;;MACA,IAAI,SAAS,KAAK,WAAlB,EAA+B;QAC7B;MACD;IACF,CAND,MAMO;MACL,IAAI,OAAO,CAAC,GAAR,CAAY,QAAZ,KAAyB,YAA7B,EAA2C;QACzC;QACA,OAAO,CAAC,IAAR,CAAa,0EAAb;MACD;IACF;;IAED,IAAI,UAAU,CAAC,OAAX,IAAsB,cAA1B,EAA0C;MACxC,MAAM,OAAO,GAAG,UAAU,CAAC,OAA3B,CADwC,CAExC;MACA;;MACA,IAAI,cAAc,CAAC,aAAf,KAAiC,OAArC,EAA8C;QAC5C,OAAO,CAAC,IAAR;MACD;;MACD,MAAM,QAAQ,GAAI,KAAD,IAAyB;QACxC,IAAI,OAAA,CAAA,kBAAA,CAAmB,KAAnB,EAA0B,SAA1B,CAAJ,EAA0C;UACxC,iBAAiB,CAAC;YAChB,KADgB;YAEhB,IAAI,EAAE,KAFU;YAGhB,IAAI,EAAE;UAHU,CAAD,CAAjB;UAKA,OAAO,CAAC,KAAR;UACA,KAAK,CAAC,wBAAN;QACD;MACF,CAVD;;MAWA,cAAc,CAAC,gBAAf,CAAgC,SAAhC,EAA2C,QAA3C,EAAqD;QAAE,OAAO,EAAE;MAAX,CAArD;MACA,OAAO,MAAK;QACV,cAAc,CAAC,mBAAf,CAAmC,SAAnC,EAA8C,QAA9C;MACD,CAFD;IAGD;EACF,CA1CD,EA0CG,CAAC,kBAAD,EAAqB,iBAArB,EAAwC,IAAxC,EAA8C,SAA9C,EAAyD,cAAzD,CA1CH;EA4CA,OAAO;IAAE,UAAF;IAAc;EAAd,CAAP;AACD","sourcesContent":["import * as React from 'react';\nimport { resolveShorthand, useControllableState, useEventCallback, useId } from '@fluentui/react-utilities';\nimport { useFocusFinders } from '@fluentui/react-tabster';\nimport { useFluent_unstable } from '@fluentui/react-shared-contexts';\nimport { normalizeDefaultPrevented, isEscapeKeyDismiss } from '../../utils';\n\nimport type { DialogProps, DialogState, DialogModalType, DialogOpenChangeData } from './Dialog.types';\n\n/**\n * Create the state required to render Dialog.\n *\n * The returned state can be modified with hooks such as useDialogStyles_unstable,\n * before being passed to renderDialog_unstable.\n *\n * @param props - props from this instance of Dialog\n */\nexport const useDialog_unstable = (props: DialogProps): DialogState => {\n  const { children, overlay, modalType = 'modal', onOpenChange } = props;\n\n  const [trigger, content] = childrenToTriggerAndContent(children);\n\n  const [open, setOpen] = useControllableState({\n    state: props.open,\n    defaultState: props.defaultOpen,\n    initialState: false,\n  });\n\n  const overlayShorthand = resolveShorthand(overlay, {\n    required: modalType !== 'non-modal',\n    defaultProps: {\n      'aria-hidden': 'true',\n    },\n  });\n\n  const requestOpenChange = useEventCallback((data: DialogOpenChangeData) => {\n    const isDefaultPrevented = normalizeDefaultPrevented(data.event);\n\n    if (onOpenChange) {\n      onOpenChange(data.event, data);\n    }\n\n    // if user prevents default then do not change state value\n    // otherwise updates state value and trigger reference to the element that caused the opening\n    if (!isDefaultPrevented()) {\n      (triggerRef as React.MutableRefObject<HTMLElement | null>).current =\n        !open && data.open ? (data.event.currentTarget as HTMLElement) : null;\n      setOpen(data.open);\n    }\n  });\n\n  const { contentRef, triggerRef } = useFocusFirstElement({\n    open,\n    modalType,\n    requestOpenChange,\n  });\n\n  const handleOverLayClick = useEventCallback((event: React.MouseEvent<HTMLDivElement>) => {\n    overlayShorthand?.onClick?.(event);\n    if (isOverlayClickDismiss(event, modalType)) {\n      requestOpenChange({ event, open: false, type: 'overlayClick' });\n    }\n  });\n\n  return {\n    components: {\n      overlay: 'div',\n    },\n    overlay: overlayShorthand && {\n      ...overlayShorthand,\n      onClick: handleOverLayClick,\n    },\n    open,\n    modalType,\n    content,\n    trigger,\n    triggerRef,\n    contentRef,\n    requestOpenChange,\n    dialogBodyID: useId('dialog-body-'),\n    dialogTitleID: useId('dialog-title-'),\n  };\n};\n\n/**\n * Extracts trigger and content from children\n */\nfunction childrenToTriggerAndContent(\n  children: React.ReactNode,\n): readonly [trigger: React.ReactNode, content: React.ReactNode] {\n  const childrenArray = React.Children.toArray(children) as React.ReactElement[];\n  if (process.env.NODE_ENV !== 'production') {\n    if (childrenArray.length !== 1 && childrenArray.length !== 2) {\n      // eslint-disable-next-line no-console\n      console.warn(\n        'Dialog must contain at least one child <DialogSurface/>,\\n' +\n          'and at most two children <DialogTrigger/> <DialogSurface/> (in this order)',\n      );\n    }\n  }\n  switch (childrenArray.length) {\n    // case where there's a trigger followed by content\n    case 2:\n      return childrenArray as [trigger: React.ReactNode, content: React.ReactNode];\n    // case where there's only content\n    case 1:\n      return [undefined, childrenArray[0]];\n    // unknown case\n    default:\n      return [undefined, undefined];\n  }\n}\n\n/**\n * Checks is click event is a proper Overlay click dismiss\n */\nfunction isOverlayClickDismiss(event: React.MouseEvent, type: DialogModalType): boolean {\n  const isDefaultPrevented = normalizeDefaultPrevented(event);\n  return type === 'modal' && !isDefaultPrevented();\n}\n\n/**\n * Focus first element on content when dialog is opened,\n * in case there's no focusable element, then a eventlistener is added to document\n * to ensure Escape keydown functionality\n */\nfunction useFocusFirstElement({\n  open,\n  requestOpenChange,\n  modalType,\n}: Pick<DialogState, 'open' | 'requestOpenChange' | 'modalType'>) {\n  const { findFirstFocusable } = useFocusFinders();\n  const { targetDocument } = useFluent_unstable();\n  const contentRef = React.useRef<HTMLElement>(null);\n  const triggerRef = React.useRef<HTMLElement>(null);\n\n  React.useEffect(() => {\n    if (!open) {\n      return;\n    }\n\n    const element = contentRef.current && findFirstFocusable(contentRef.current);\n    if (element) {\n      element.focus();\n      // NOTE: if it's non-modal global listener to escape is necessary\n      if (modalType !== 'non-modal') {\n        return;\n      }\n    } else {\n      if (process.env.NODE_ENV !== 'production') {\n        // eslint-disable-next-line no-console\n        console.warn('A Dialog should have at least one focusable element inside DialogSurface');\n      }\n    }\n\n    if (triggerRef.current && targetDocument) {\n      const trigger = triggerRef.current;\n      // if the trigger is still the active element, the default behavior is to return focus to document.body,\n      // which can be achived by blurring\n      if (targetDocument.activeElement === trigger) {\n        trigger.blur();\n      }\n      const listener = (event: KeyboardEvent) => {\n        if (isEscapeKeyDismiss(event, modalType)) {\n          requestOpenChange({\n            event,\n            open: false,\n            type: 'documentEscapeKeyDown',\n          });\n          trigger.focus();\n          event.stopImmediatePropagation();\n        }\n      };\n      targetDocument.addEventListener('keydown', listener, { passive: false });\n      return () => {\n        targetDocument.removeEventListener('keydown', listener);\n      };\n    }\n  }, [findFirstFocusable, requestOpenChange, open, modalType, targetDocument]);\n\n  return { contentRef, triggerRef };\n}\n"],"sourceRoot":"../src/"}