@fluentui/react-dialog 9.0.0-beta.10

package/lib-commonjs/index.js

@@ -0,0 +1,214 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.renderDialogContent_unstable = exports.useDialogContentStyles_unstable = exports.useDialogContent_unstable = exports.dialogContentClassNames = exports.DialogContent = exports.renderDialogSurface_unstable = exports.useDialogSurfaceStyles_unstable = exports.useDialogSurface_unstable = exports.dialogSurfaceClassNames = exports.DialogSurface = exports.renderDialogTitle_unstable = exports.useDialogTitleStyles_unstable = exports.useDialogTitle_unstable = exports.dialogTitleClassNames = exports.DialogTitle = exports.renderDialogBody_unstable = exports.useDialogBodyStyles_unstable = exports.useDialogBody_unstable = exports.dialogBodyClassNames = exports.DialogBody = exports.renderDialogActions_unstable = exports.useDialogActionsStyles_unstable = exports.useDialogActions_unstable = exports.dialogActionsClassNames = exports.DialogActions = exports.renderDialogTrigger_unstable = exports.useDialogTrigger_unstable = exports.DialogTrigger = exports.useDialog_unstable = exports.renderDialog_unstable = exports.Dialog = void 0;
+
+var Dialog_1 = /*#__PURE__*/require("./Dialog");
+
+Object.defineProperty(exports, "Dialog", {
+  enumerable: true,
+  get: function () {
+    return Dialog_1.Dialog;
+  }
+});
+Object.defineProperty(exports, "renderDialog_unstable", {
+  enumerable: true,
+  get: function () {
+    return Dialog_1.renderDialog_unstable;
+  }
+});
+Object.defineProperty(exports, "useDialog_unstable", {
+  enumerable: true,
+  get: function () {
+    return Dialog_1.useDialog_unstable;
+  }
+});
+
+var DialogTrigger_1 = /*#__PURE__*/require("./DialogTrigger");
+
+Object.defineProperty(exports, "DialogTrigger", {
+  enumerable: true,
+  get: function () {
+    return DialogTrigger_1.DialogTrigger;
+  }
+});
+Object.defineProperty(exports, "useDialogTrigger_unstable", {
+  enumerable: true,
+  get: function () {
+    return DialogTrigger_1.useDialogTrigger_unstable;
+  }
+});
+Object.defineProperty(exports, "renderDialogTrigger_unstable", {
+  enumerable: true,
+  get: function () {
+    return DialogTrigger_1.renderDialogTrigger_unstable;
+  }
+});
+
+var DialogActions_1 = /*#__PURE__*/require("./DialogActions");
+
+Object.defineProperty(exports, "DialogActions", {
+  enumerable: true,
+  get: function () {
+    return DialogActions_1.DialogActions;
+  }
+});
+Object.defineProperty(exports, "dialogActionsClassNames", {
+  enumerable: true,
+  get: function () {
+    return DialogActions_1.dialogActionsClassNames;
+  }
+});
+Object.defineProperty(exports, "useDialogActions_unstable", {
+  enumerable: true,
+  get: function () {
+    return DialogActions_1.useDialogActions_unstable;
+  }
+});
+Object.defineProperty(exports, "useDialogActionsStyles_unstable", {
+  enumerable: true,
+  get: function () {
+    return DialogActions_1.useDialogActionsStyles_unstable;
+  }
+});
+Object.defineProperty(exports, "renderDialogActions_unstable", {
+  enumerable: true,
+  get: function () {
+    return DialogActions_1.renderDialogActions_unstable;
+  }
+});
+
+var DialogBody_1 = /*#__PURE__*/require("./DialogBody");
+
+Object.defineProperty(exports, "DialogBody", {
+  enumerable: true,
+  get: function () {
+    return DialogBody_1.DialogBody;
+  }
+});
+Object.defineProperty(exports, "dialogBodyClassNames", {
+  enumerable: true,
+  get: function () {
+    return DialogBody_1.dialogBodyClassNames;
+  }
+});
+Object.defineProperty(exports, "useDialogBody_unstable", {
+  enumerable: true,
+  get: function () {
+    return DialogBody_1.useDialogBody_unstable;
+  }
+});
+Object.defineProperty(exports, "useDialogBodyStyles_unstable", {
+  enumerable: true,
+  get: function () {
+    return DialogBody_1.useDialogBodyStyles_unstable;
+  }
+});
+Object.defineProperty(exports, "renderDialogBody_unstable", {
+  enumerable: true,
+  get: function () {
+    return DialogBody_1.renderDialogBody_unstable;
+  }
+});
+
+var DialogTitle_1 = /*#__PURE__*/require("./DialogTitle");
+
+Object.defineProperty(exports, "DialogTitle", {
+  enumerable: true,
+  get: function () {
+    return DialogTitle_1.DialogTitle;
+  }
+});
+Object.defineProperty(exports, "dialogTitleClassNames", {
+  enumerable: true,
+  get: function () {
+    return DialogTitle_1.dialogTitleClassNames;
+  }
+});
+Object.defineProperty(exports, "useDialogTitle_unstable", {
+  enumerable: true,
+  get: function () {
+    return DialogTitle_1.useDialogTitle_unstable;
+  }
+});
+Object.defineProperty(exports, "useDialogTitleStyles_unstable", {
+  enumerable: true,
+  get: function () {
+    return DialogTitle_1.useDialogTitleStyles_unstable;
+  }
+});
+Object.defineProperty(exports, "renderDialogTitle_unstable", {
+  enumerable: true,
+  get: function () {
+    return DialogTitle_1.renderDialogTitle_unstable;
+  }
+});
+
+var DialogSurface_1 = /*#__PURE__*/require("./DialogSurface");
+
+Object.defineProperty(exports, "DialogSurface", {
+  enumerable: true,
+  get: function () {
+    return DialogSurface_1.DialogSurface;
+  }
+});
+Object.defineProperty(exports, "dialogSurfaceClassNames", {
+  enumerable: true,
+  get: function () {
+    return DialogSurface_1.dialogSurfaceClassNames;
+  }
+});
+Object.defineProperty(exports, "useDialogSurface_unstable", {
+  enumerable: true,
+  get: function () {
+    return DialogSurface_1.useDialogSurface_unstable;
+  }
+});
+Object.defineProperty(exports, "useDialogSurfaceStyles_unstable", {
+  enumerable: true,
+  get: function () {
+    return DialogSurface_1.useDialogSurfaceStyles_unstable;
+  }
+});
+Object.defineProperty(exports, "renderDialogSurface_unstable", {
+  enumerable: true,
+  get: function () {
+    return DialogSurface_1.renderDialogSurface_unstable;
+  }
+});
+
+var DialogContent_1 = /*#__PURE__*/require("./DialogContent");
+
+Object.defineProperty(exports, "DialogContent", {
+  enumerable: true,
+  get: function () {
+    return DialogContent_1.DialogContent;
+  }
+});
+Object.defineProperty(exports, "dialogContentClassNames", {
+  enumerable: true,
+  get: function () {
+    return DialogContent_1.dialogContentClassNames;
+  }
+});
+Object.defineProperty(exports, "useDialogContent_unstable", {
+  enumerable: true,
+  get: function () {
+    return DialogContent_1.useDialogContent_unstable;
+  }
+});
+Object.defineProperty(exports, "useDialogContentStyles_unstable", {
+  enumerable: true,
+  get: function () {
+    return DialogContent_1.useDialogContentStyles_unstable;
+  }
+});
+Object.defineProperty(exports, "renderDialogContent_unstable", {
+  enumerable: true,
+  get: function () {
+    return DialogContent_1.renderDialogContent_unstable;
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["packages/react-components/react-dialog/src/index.ts"],"names":[],"mappings":"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","sourcesContent":["export { Dialog, renderDialog_unstable, useDialog_unstable } from './Dialog';\nexport type {\n  DialogSlots,\n  DialogProps,\n  DialogState,\n  DialogOpenChangeData,\n  DialogOpenChangeEvent,\n  DialogOpenChangeEventHandler,\n} 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, DialogSurfaceElement } from './DialogSurface';\n\nexport {\n  DialogContent,\n  dialogContentClassNames,\n  useDialogContent_unstable,\n  useDialogContentStyles_unstable,\n  renderDialogContent_unstable,\n} from './DialogContent';\nexport type { DialogContentProps, DialogContentSlots, DialogContentState } from './DialogContent';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/utils/index.js

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

package/lib-commonjs/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["packages/react-components/react-dialog/src/utils/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,wBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,wBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,uBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mCAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './isEscapeKeyDown';\nexport * from './useDisableBodyScroll';\nexport * from './useFocusFirstElement';\nexport * from './isHTMLDialogElement';\nexport * from './useControlNativeDialogOpenState';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/utils/isEscapeKeyDown.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isEscapeKeyDismiss = void 0;
+
+const keyboard_keys_1 = /*#__PURE__*/require("@fluentui/keyboard-keys");
+
+const isHTMLDialogElement_1 = /*#__PURE__*/require("./isHTMLDialogElement");
+/**
+ * Checks if keydown event is a proper Escape key dismiss
+ */
+
+
+function isEscapeKeyDismiss(event, modalType) {
+  return event.key === keyboard_keys_1.Escape && ( // `non-modal` should always have Escape key handling
+  // `modal` should only be handled in the case of non native dialog
+  modalType === 'non-modal' || !isHTMLDialogElement_1.isHTMLDialogElement(event.currentTarget) && modalType === 'modal') && !event.isDefaultPrevented();
+}
+
+exports.isEscapeKeyDismiss = isEscapeKeyDismiss;
+//# sourceMappingURL=isEscapeKeyDown.js.map

package/lib-commonjs/utils/isEscapeKeyDown.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["packages/react-components/react-dialog/src/utils/isEscapeKeyDown.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,eAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;;AAGA,MAAA,qBAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;AAEA;;AAEG;;;AACH,SAAgB,kBAAhB,CACE,KADF,EAEE,SAFF,EAE4B;EAE1B,OACE,KAAK,CAAC,GAAN,KAAc,eAAA,CAAA,MAAd,MACA;EACA;EACC,SAAS,KAAK,WAAd,IAA8B,CAAC,qBAAA,CAAA,mBAAA,CAAoB,KAAK,CAAC,aAA1B,CAAD,IAA6C,SAAS,KAAK,OAH1F,KAIA,CAAC,KAAK,CAAC,kBAAN,EALH;AAOD;;AAXD,OAAA,CAAA,kBAAA,GAAA,kBAAA","sourcesContent":["import * as React from 'react';\nimport { Escape } from '@fluentui/keyboard-keys';\nimport type { DialogModalType } from '../components/Dialog/Dialog.types';\nimport { DialogSurfaceElement } from '../DialogSurface';\nimport { isHTMLDialogElement } from './isHTMLDialogElement';\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 (\n    event.key === Escape &&\n    // `non-modal` should always have Escape key handling\n    // `modal` should only be handled in the case of non native dialog\n    (modalType === 'non-modal' || (!isHTMLDialogElement(event.currentTarget) && modalType === 'modal')) &&\n    !event.isDefaultPrevented()\n  );\n}\n"],"sourceRoot":"../src/"}

package/lib-commonjs/utils/isHTMLDialogElement.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isHTMLDialogElement = void 0;
+
+function isHTMLDialogElement(element) {
+  return Boolean(element && 'open' in element && 'show' in element && 'showModal' in element && 'close' in element);
+}
+
+exports.isHTMLDialogElement = isHTMLDialogElement;
+//# sourceMappingURL=isHTMLDialogElement.js.map

package/lib-commonjs/utils/isHTMLDialogElement.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["packages/react-components/react-dialog/src/utils/isHTMLDialogElement.ts"],"names":[],"mappings":";;;;;;;AAEA,SAAgB,mBAAhB,CAAoC,OAApC,EAAgE;EAC9D,OAAO,OAAO,CAAC,OAAO,IAAI,UAAU,OAArB,IAAgC,UAAU,OAA1C,IAAqD,eAAe,OAApE,IAA+E,WAAW,OAA3F,CAAd;AACD;;AAFD,OAAA,CAAA,mBAAA,GAAA,mBAAA","sourcesContent":["import * as React from 'react';\n\nexport function isHTMLDialogElement(element?: HTMLElement | null): element is HTMLDialogElement {\n  return Boolean(element && 'open' in element && 'show' in element && 'showModal' in element && 'close' in element);\n}\n\n/**\n * adds additional types which are missing from current version of react\n * @internal\n */\nexport type HTMLDialogElementProps = JSX.IntrinsicElements['dialog'] & {\n  /**\n   * The close event is fired on a <dialog> when it has been closed.\n   */\n  onClose?: (event: React.SyntheticEvent) => void;\n  /**\n   * The cancel event fires on a <dialog> when\n   * the user instructs the browser that they wish to dismiss the current open dialog.\n   * For example, the browser might fire this event when the user presses the Esc\n   * key.\n   */\n  onCancel?: (event: React.SyntheticEvent) => void;\n};\n"],"sourceRoot":"../src/"}

package/lib-commonjs/utils/useControlNativeDialogOpenState.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useControlNativeDialogOpenState = void 0;
+
+const React = /*#__PURE__*/require("react");
+
+const isHTMLDialogElement_1 = /*#__PURE__*/require("./isHTMLDialogElement");
+
+function useControlNativeDialogOpenState(open, modalType) {
+  const dialogSurfaceRef = React.useRef(null);
+  React.useEffect(() => {
+    if (isHTMLDialogElement_1.isHTMLDialogElement(dialogSurfaceRef.current) && dialogSurfaceRef.current.open !== open) {
+      if (open) {
+        if (modalType === 'non-modal') {
+          dialogSurfaceRef.current.show();
+        } else {
+          dialogSurfaceRef.current.showModal();
+        }
+      } else {
+        dialogSurfaceRef.current.close();
+      }
+    }
+  }, [open, modalType]);
+  return dialogSurfaceRef;
+}
+
+exports.useControlNativeDialogOpenState = useControlNativeDialogOpenState;
+//# sourceMappingURL=useControlNativeDialogOpenState.js.map

package/lib-commonjs/utils/useControlNativeDialogOpenState.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["packages/react-components/react-dialog/src/utils/useControlNativeDialogOpenState.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,qBAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AAIA,SAAgB,+BAAhB,CAAgD,IAAhD,EAA+D,SAA/D,EAAyF;EACvF,MAAM,gBAAgB,GAAG,KAAK,CAAC,MAAN,CAAmC,IAAnC,CAAzB;EAEA,KAAK,CAAC,SAAN,CAAgB,MAAK;IACnB,IAAI,qBAAA,CAAA,mBAAA,CAAoB,gBAAgB,CAAC,OAArC,KAAiD,gBAAgB,CAAC,OAAjB,CAAyB,IAAzB,KAAkC,IAAvF,EAA6F;MAC3F,IAAI,IAAJ,EAAU;QACR,IAAI,SAAS,KAAK,WAAlB,EAA+B;UAC7B,gBAAgB,CAAC,OAAjB,CAAyB,IAAzB;QACD,CAFD,MAEO;UACL,gBAAgB,CAAC,OAAjB,CAAyB,SAAzB;QACD;MACF,CAND,MAMO;QACL,gBAAgB,CAAC,OAAjB,CAAyB,KAAzB;MACD;IACF;EACF,CAZD,EAYG,CAAC,IAAD,EAAO,SAAP,CAZH;EAcA,OAAO,gBAAP;AACD;;AAlBD,OAAA,CAAA,+BAAA,GAAA,+BAAA","sourcesContent":["import * as React from 'react';\nimport { isHTMLDialogElement } from './isHTMLDialogElement';\nimport type { DialogModalType } from '../Dialog';\nimport type { DialogSurfaceElement } from '../DialogSurface';\n\nexport function useControlNativeDialogOpenState(open: boolean, modalType: DialogModalType) {\n  const dialogSurfaceRef = React.useRef<DialogSurfaceElement>(null);\n\n  React.useEffect(() => {\n    if (isHTMLDialogElement(dialogSurfaceRef.current) && dialogSurfaceRef.current.open !== open) {\n      if (open) {\n        if (modalType === 'non-modal') {\n          dialogSurfaceRef.current.show();\n        } else {\n          dialogSurfaceRef.current.showModal();\n        }\n      } else {\n        dialogSurfaceRef.current.close();\n      }\n    }\n  }, [open, modalType]);\n\n  return dialogSurfaceRef;\n}\n"],"sourceRoot":"../src/"}

package/lib-commonjs/utils/useDisableBodyScroll.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.disableScroll = exports.useDisableBodyScroll = void 0;
+
+const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
+
+const react_1 = /*#__PURE__*/require("react");
+
+const disableScrollElementProp = '__fluentDisableScrollElement';
+/**
+ * hook that disables body scrolling through `overflow: hidden` CSS property
+ */
+
+function useDisableBodyScroll() {
+  const {
+    targetDocument
+  } = react_shared_contexts_1.useFluent_unstable();
+  return react_1.useCallback(() => {
+    if (targetDocument) {
+      return disableScroll(targetDocument.body);
+    }
+  }, [targetDocument]);
+}
+
+exports.useDisableBodyScroll = useDisableBodyScroll;
+/**
+ * disables scrolling from a given element through `overflow: hidden` CSS property
+ * @param target - element to disable scrolling from
+ * @returns a method for enabling scrolling again
+ */
+
+function disableScroll(target) {
+  var _a, _b;
+
+  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;
+  assertIsDisableScrollElement(target);
+
+  if (target[disableScrollElementProp].count === 0) {
+    target.style.overflow = 'hidden';
+    target.style.paddingRight = `${innerWidth - clientWidth}px`;
+  }
+
+  target[disableScrollElementProp].count++;
+  return () => {
+    target[disableScrollElementProp].count--;
+
+    if (target[disableScrollElementProp].count === 0) {
+      target.style.overflow = target[disableScrollElementProp].previousOverflowStyle;
+      target.style.paddingRight = target[disableScrollElementProp].previousPaddingRightStyle;
+    }
+  };
+}
+
+exports.disableScroll = disableScroll;
+
+function assertIsDisableScrollElement(element) {
+  var _a;
+
+  var _b;
+
+  (_a = (_b = element)[disableScrollElementProp]) !== null && _a !== void 0 ? _a : _b[disableScrollElementProp] = {
+    count: 0,
+    previousOverflowStyle: element.style.overflow,
+    previousPaddingRightStyle: element.style.paddingRight
+  };
+}
+//# sourceMappingURL=useDisableBodyScroll.js.map

package/lib-commonjs/utils/useDisableBodyScroll.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["packages/react-components/react-dialog/src/utils/useDisableBodyScroll.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,uBAAA,gBAAA,OAAA,CAAA,iCAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAEA,MAAM,wBAAwB,GAAG,8BAAjC;AAUA;;AAEG;;AACH,SAAgB,oBAAhB,GAAoC;EAClC,MAAM;IAAE;EAAF,IAAqB,uBAAA,CAAA,kBAAA,EAA3B;EACA,OAAO,OAAA,CAAA,WAAA,CAAY,MAAK;IACtB,IAAI,cAAJ,EAAoB;MAClB,OAAO,aAAa,CAAC,cAAc,CAAC,IAAhB,CAApB;IACD;EACF,CAJM,EAIJ,CAAC,cAAD,CAJI,CAAP;AAKD;;AAPD,OAAA,CAAA,oBAAA,GAAA,oBAAA;AASA;;;;AAIG;;AACH,SAAgB,aAAhB,CAA8B,MAA9B,EAAiD;;;EAC/C,MAAM;IAAE;EAAF,IAAkB,MAAM,CAAC,aAAP,CAAqB,eAA7C;EACA,MAAM,UAAU,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,MAAM,CAAC,aAAP,CAAqB,WAArB,MAAgC,IAAhC,IAAgC,EAAA,KAAA,KAAA,CAAhC,GAAgC,KAAA,CAAhC,GAAgC,EAAA,CAAE,UAAlC,MAA4C,IAA5C,IAA4C,EAAA,KAAA,KAAA,CAA5C,GAA4C,EAA5C,GAAgD,CAAnE;EACA,4BAA4B,CAAC,MAAD,CAA5B;;EACA,IAAI,MAAM,CAAC,wBAAD,CAAN,CAAiC,KAAjC,KAA2C,CAA/C,EAAkD;IAChD,MAAM,CAAC,KAAP,CAAa,QAAb,GAAwB,QAAxB;IACA,MAAM,CAAC,KAAP,CAAa,YAAb,GAA4B,GAAG,UAAU,GAAG,WAAW,IAAvD;EACD;;EACD,MAAM,CAAC,wBAAD,CAAN,CAAiC,KAAjC;EACA,OAAO,MAAK;IACV,MAAM,CAAC,wBAAD,CAAN,CAAiC,KAAjC;;IACA,IAAI,MAAM,CAAC,wBAAD,CAAN,CAAiC,KAAjC,KAA2C,CAA/C,EAAkD;MAChD,MAAM,CAAC,KAAP,CAAa,QAAb,GAAwB,MAAM,CAAC,wBAAD,CAAN,CAAiC,qBAAzD;MACA,MAAM,CAAC,KAAP,CAAa,YAAb,GAA4B,MAAM,CAAC,wBAAD,CAAN,CAAiC,yBAA7D;IACD;EACF,CAND;AAOD;;AAhBD,OAAA,CAAA,aAAA,GAAA,aAAA;;AAkBA,SAAS,4BAAT,CAAsC,OAAtC,EAA0D;;;;;EACxD,CAAA,EAAA,GAAA,CAAA,EAAA,GAAC,OAAD,EAAwC,wBAAxC,CAAA,MAAgE,IAAhE,IAAgE,EAAA,KAAA,KAAA,CAAhE,GAAgE,EAAhE,GAAgE,EAAA,CAAxB,wBAAwB,CAAA,GAAM;IACpE,KAAK,EAAE,CAD6D;IAEpE,qBAAqB,EAAE,OAAO,CAAC,KAAR,CAAc,QAF+B;IAGpE,yBAAyB,EAAE,OAAO,CAAC,KAAR,CAAc;EAH2B,CAAtE;AAKD","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"],"sourceRoot":"../src/"}

package/lib-commonjs/utils/useFocusFirstElement.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useFocusFirstElement = void 0;
+
+const React = /*#__PURE__*/require("react");
+
+const react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
+
+const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
+
+const isHTMLDialogElement_1 = /*#__PURE__*/require("./isHTMLDialogElement");
+/**
+ * Focus first element on content when dialog is opened,
+ */
+
+
+function useFocusFirstElement(open, modalType) {
+  const {
+    findFirstFocusable
+  } = react_tabster_1.useFocusFinders();
+  const {
+    targetDocument
+  } = react_shared_contexts_1.useFluent_unstable();
+  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();
+    }
+
+    triggerRef.current = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.activeElement;
+    const element = dialogRef.current && findFirstFocusable(dialogRef.current);
+
+    if (element) {
+      // this is only required for non native dialogs
+      if (!isHTMLDialogElement_1.isHTMLDialogElement(dialogRef.current)) {
+        element.focus();
+      }
+    } else if (process.env.NODE_ENV !== 'production') {
+      (_b = triggerRef.current) === null || _b === void 0 ? void 0 : _b.blur(); // eslint-disable-next-line no-console
+
+      console.warn('A Dialog should have at least one focusable element inside DialogSurface');
+    }
+  }, [findFirstFocusable, open, modalType, targetDocument]);
+  return dialogRef;
+}
+
+exports.useFocusFirstElement = useFocusFirstElement;
+//# sourceMappingURL=useFocusFirstElement.js.map

package/lib-commonjs/utils/useFocusFirstElement.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["packages/react-components/react-dialog/src/utils/useFocusFirstElement.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,eAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;;AACA,MAAA,uBAAA,gBAAA,OAAA,CAAA,iCAAA,CAAA;;AAGA,MAAA,qBAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;AAEA;;AAEG;;;AACH,SAAgB,oBAAhB,CAAqC,IAArC,EAAoD,SAApD,EAA8E;EAC5E,MAAM;IAAE;EAAF,IAAyB,eAAA,CAAA,eAAA,EAA/B;EACA,MAAM;IAAE;EAAF,IAAqB,uBAAA,CAAA,kBAAA,EAA3B;EACA,MAAM,SAAS,GAAG,KAAK,CAAC,MAAN,CAAmC,IAAnC,CAAlB;EACA,MAAM,UAAU,GAAG,KAAK,CAAC,MAAN,EAAnB;EAEA,KAAK,CAAC,SAAN,CAAgB,MAAK;;;IACnB,IAAI,CAAC,IAAL,EAAW;MACT,OAAO,CAAA,EAAA,GAAA,UAAU,CAAC,OAAX,MAAkB,IAAlB,IAAkB,EAAA,KAAA,KAAA,CAAlB,GAAkB,KAAA,CAAlB,GAAkB,EAAA,CAAE,KAAF,EAAzB;IACD;;IACD,UAAU,CAAC,OAAX,GAAqB,cAAc,KAAA,IAAd,IAAA,cAAc,KAAA,KAAA,CAAd,GAAc,KAAA,CAAd,GAAA,cAAc,CAAE,aAArC;IACA,MAAM,OAAO,GAAG,SAAS,CAAC,OAAV,IAAqB,kBAAkB,CAAC,SAAS,CAAC,OAAX,CAAvD;;IACA,IAAI,OAAJ,EAAa;MACX;MACA,IAAI,CAAC,qBAAA,CAAA,mBAAA,CAAoB,SAAS,CAAC,OAA9B,CAAL,EAA6C;QAC3C,OAAO,CAAC,KAAR;MACD;IACF,CALD,MAKO,IAAI,OAAO,CAAC,GAAR,CAAY,QAAZ,KAAyB,YAA7B,EAA2C;MAChD,CAAA,EAAA,GAAA,UAAU,CAAC,OAAX,MAAkB,IAAlB,IAAkB,EAAA,KAAA,KAAA,CAAlB,GAAkB,KAAA,CAAlB,GAAkB,EAAA,CAAE,IAAF,EAAlB,CADgD,CAEhD;;MACA,OAAO,CAAC,IAAR,CAAa,0EAAb;IACD;EACF,CAhBD,EAgBG,CAAC,kBAAD,EAAqB,IAArB,EAA2B,SAA3B,EAAsC,cAAtC,CAhBH;EAkBA,OAAO,SAAP;AACD;;AAzBD,OAAA,CAAA,oBAAA,GAAA,oBAAA","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';\nimport { isHTMLDialogElement } from './isHTMLDialogElement';\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      // this is only required for non native dialogs\n      if (!isHTMLDialogElement(dialogRef.current)) {\n        element.focus();\n      }\n    } else if (process.env.NODE_ENV !== 'production') {\n      triggerRef.current?.blur();\n      // eslint-disable-next-line no-console\n      console.warn('A Dialog should have at least one focusable element inside DialogSurface');\n    }\n  }, [findFirstFocusable, open, modalType, targetDocument]);\n\n  return dialogRef;\n}\n"],"sourceRoot":"../src/"}

package/package.json

@@ -0,0 +1,68 @@
+{
+  "name": "@fluentui/react-dialog",
+  "version": "9.0.0-beta.10",
+  "description": "Dialog component for Fluent UI React",
+  "main": "lib-commonjs/index.js",
+  "module": "lib/index.js",
+  "typings": "dist/index.d.ts",
+  "sideEffects": false,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/microsoft/fluentui"
+  },
+  "license": "MIT",
+  "scripts": {
+    "build": "just-scripts build",
+    "clean": "just-scripts clean",
+    "code-style": "just-scripts code-style",
+    "bundle-size": "bundle-size measure",
+    "just": "just-scripts",
+    "lint": "just-scripts lint",
+    "start": "yarn storybook",
+    "test": "jest --passWithNoTests",
+    "e2e": "cypress run --component",
+    "e2e:local": "cypress open --component",
+    "storybook": "start-storybook",
+    "type-check": "tsc -b tsconfig.json",
+    "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
+  },
+  "devDependencies": {
+    "@fluentui/eslint-plugin": "*",
+    "@fluentui/react-conformance": "*",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.14",
+    "@fluentui/scripts": "^1.0.0"
+  },
+  "dependencies": {
+    "@griffel/react": "^1.3.0",
+    "@fluentui/react-utilities": "^9.1.0",
+    "@fluentui/keyboard-keys": "^9.0.0",
+    "@fluentui/react-context-selector": "^9.0.3",
+    "@fluentui/react-shared-contexts": "^9.0.1",
+    "@fluentui/react-aria": "^9.2.0",
+    "@fluentui/react-icons": "^2.0.175",
+    "@fluentui/react-tabster": "^9.1.1",
+    "@fluentui/react-theme": "^9.1.0",
+    "@fluentui/react-portal": "^9.0.5",
+    "tslib": "^2.1.0"
+  },
+  "peerDependencies": {
+    "@types/react": ">=16.8.0 <18.0.0",
+    "@types/react-dom": ">=16.8.0 <18.0.0",
+    "react": ">=16.8.0 <18.0.0",
+    "react-dom": ">=16.8.0 <18.0.0"
+  },
+  "beachball": {
+    "disallowedChangeTypes": [
+      "major",
+      "minor",
+      "patch"
+    ]
+  },
+  "exports": {
+    ".": {
+      "types": "./lib/index.d.ts",
+      "import": "./lib/index.js",
+      "require": "./lib-commonjs/index.js"
+    }
+  }
+}