@fluentui/react-dialog 9.0.0-beta.7 → 9.0.0-beta.9

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

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-dialog",
-  "version": "9.0.0-beta.7",
+  "version": "9.0.0-beta.9",
   "description": "Dialog component for Fluent UI React",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -20,30 +20,29 @@
     "lint": "just-scripts lint",
     "start": "yarn storybook",
     "test": "jest --passWithNoTests",
-    "e2e": "yarn cypress run --component",
-    "e2e:local": "yarn cypress open --component",
-    "docs": "api-extractor run --config=config/api-extractor.local.json --local",
-    "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../../scripts/typescript/normalize-import --output ./dist/types/packages/react-components/react-dialog/src && yarn docs",
-    "storybook": "node ../../../scripts/storybook/runner",
-    "type-check": "tsc -b tsconfig.json"
+    "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.12",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.14",
     "@fluentui/scripts": "^1.0.0"
   },
   "dependencies": {
-    "@griffel/react": "^1.2.3",
-    "@fluentui/react-utilities": "^9.0.2",
+    "@griffel/react": "^1.3.0",
+    "@fluentui/react-utilities": "^9.1.0",
     "@fluentui/keyboard-keys": "^9.0.0",
-    "@fluentui/react-context-selector": "^9.0.2",
-    "@fluentui/react-shared-contexts": "^9.0.0",
-    "@fluentui/react-aria": "^9.1.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.0",
-    "@fluentui/react-theme": "^9.0.0",
-    "@fluentui/react-portal": "^9.0.4",
+    "@fluentui/react-tabster": "^9.1.1",
+    "@fluentui/react-theme": "^9.1.0",
+    "@fluentui/react-portal": "^9.0.5",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {

package/dist/tsdoc-metadata.json

@@ -1,11 +0,0 @@
-// This file is read by tools that parse documentation comments conforming to the TSDoc standard.
-// It should be published with your NPM package.  It should not be tracked by Git.
-{
-  "tsdocVersion": "0.12",
-  "toolPackages": [
-    {
-      "packageName": "@microsoft/api-extractor",
-      "packageVersion": "7.18.1"
-    }
-  ]
-}

package/lib/components/Dialog/useDialogStyles.js

@@ -1,41 +0,0 @@
-import { __styles, mergeClasses, shorthands } from '@griffel/react';
-import { useHasParentContext } from '@fluentui/react-context-selector';
-import { DialogContext } from '../../contexts/dialogContext';
-export const dialogClassNames = {
-  overlay: 'fui-Dialog__overlay'
-};
-/**
- * Styles for the root slot
- */
-
-const useStyles = /*#__PURE__*/__styles({
-  "overlay": {
-    "qhf8xq": "f19dog8a",
-    "De3pzq": "fju19wo",
-    "Bhzewxz": "f113wtx2",
-    "j35jbq": ["f10k790i", "f1xynx9j"],
-    "B5kzvoi": "f5gq2j6",
-    "oyh7mz": ["f1xynx9j", "f10k790i"]
-  },
-  "nestedDialogOverlay": {
-    "De3pzq": "f3rmtva"
-  }
-}, {
-  "d": [".f19dog8a{position:fixed;}", ".fju19wo{background-color:rgba(0, 0, 0, 0.4);}", ".f113wtx2{top:0px;}", ".f10k790i{right:0px;}", ".f1xynx9j{left:0px;}", ".f5gq2j6{bottom:0px;}", ".f3rmtva{background-color:transparent;}"]
-});
-/**
- * Apply styling to the Dialog slots based on the state
- */
-
-
-export const useDialogStyles_unstable = state => {
-  const styles = useStyles();
-  const isNestedDialog = useHasParentContext(DialogContext);
-
-  if (state.overlay) {
-    state.overlay.className = mergeClasses(dialogClassNames.overlay, styles.overlay, isNestedDialog && styles.nestedDialogOverlay, state.overlay.className);
-  }
-
-  return state;
-};
-//# sourceMappingURL=useDialogStyles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["components/Dialog/useDialogStyles.ts"],"names":[],"mappings":"AACA,mBAAqB,YAArB,EAAmC,UAAnC,QAAqD,gBAArD;AACA,SAAS,mBAAT,QAAoC,kCAApC;AACA,SAAS,aAAT,QAA8B,8BAA9B;AAGA,OAAO,MAAM,gBAAgB,GAAgC;EAC3D,OAAO,EAAE;AADkD,CAAtD;AAGP;;AAEG;;AACH,MAAM,SAAS,gBAAG;EAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;EAAA;EAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAAlB;AAWA;;AAEG;;;AACH,OAAO,MAAM,wBAAwB,GAAI,KAAD,IAAoC;EAC1E,MAAM,MAAM,GAAG,SAAS,EAAxB;EACA,MAAM,cAAc,GAAG,mBAAmB,CAAC,aAAD,CAA1C;;EAEA,IAAI,KAAK,CAAC,OAAV,EAAmB;IACjB,KAAK,CAAC,OAAN,CAAc,SAAd,GAA0B,YAAY,CACpC,gBAAgB,CAAC,OADmB,EAEpC,MAAM,CAAC,OAF6B,EAGpC,cAAc,IAAI,MAAM,CAAC,mBAHW,EAIpC,KAAK,CAAC,OAAN,CAAc,SAJsB,CAAtC;EAMD;;EAED,OAAO,KAAP;AACD,CAdM","sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { useHasParentContext } from '@fluentui/react-context-selector';\nimport { DialogContext } from '../../contexts/dialogContext';\nimport type { DialogSlots, DialogState } from './Dialog.types';\n\nexport const dialogClassNames: SlotClassNames<DialogSlots> = {\n  overlay: 'fui-Dialog__overlay',\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  overlay: {\n    position: 'fixed',\n    backgroundColor: 'rgba(0, 0, 0, 0.4)',\n    ...shorthands.inset('0px'),\n  },\n  nestedDialogOverlay: {\n    backgroundColor: 'transparent',\n  },\n});\n\n/**\n * Apply styling to the Dialog slots based on the state\n */\nexport const useDialogStyles_unstable = (state: DialogState): DialogState => {\n  const styles = useStyles();\n  const isNestedDialog = useHasParentContext(DialogContext);\n\n  if (state.overlay) {\n    state.overlay.className = mergeClasses(\n      dialogClassNames.overlay,\n      styles.overlay,\n      isNestedDialog && styles.nestedDialogOverlay,\n      state.overlay.className,\n    );\n  }\n\n  return state;\n};\n"],"sourceRoot":"../src/"}

package/lib/utils/isTargetDisabled.js

@@ -1,14 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

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

package/lib/utils/localShorthands.js.map

@@ -1 +0,0 @@
-{"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

@@ -1,11 +0,0 @@
-/**
- * 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

@@ -1 +0,0 @@
-{"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/components/Dialog/useDialogStyles.js

@@ -1,53 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useDialogStyles_unstable = exports.dialogClassNames = void 0;
-
-const react_1 = /*#__PURE__*/require("@griffel/react");
-
-const react_context_selector_1 = /*#__PURE__*/require("@fluentui/react-context-selector");
-
-const dialogContext_1 = /*#__PURE__*/require("../../contexts/dialogContext");
-
-exports.dialogClassNames = {
-  overlay: 'fui-Dialog__overlay'
-};
-/**
- * Styles for the root slot
- */
-
-const useStyles = /*#__PURE__*/react_1.__styles({
-  "overlay": {
-    "qhf8xq": "f19dog8a",
-    "De3pzq": "fju19wo",
-    "Bhzewxz": "f113wtx2",
-    "j35jbq": ["f10k790i", "f1xynx9j"],
-    "B5kzvoi": "f5gq2j6",
-    "oyh7mz": ["f1xynx9j", "f10k790i"]
-  },
-  "nestedDialogOverlay": {
-    "De3pzq": "f3rmtva"
-  }
-}, {
-  "d": [".f19dog8a{position:fixed;}", ".fju19wo{background-color:rgba(0, 0, 0, 0.4);}", ".f113wtx2{top:0px;}", ".f10k790i{right:0px;}", ".f1xynx9j{left:0px;}", ".f5gq2j6{bottom:0px;}", ".f3rmtva{background-color:transparent;}"]
-});
-/**
- * Apply styling to the Dialog slots based on the state
- */
-
-
-const useDialogStyles_unstable = state => {
-  const styles = useStyles();
-  const isNestedDialog = react_context_selector_1.useHasParentContext(dialogContext_1.DialogContext);
-
-  if (state.overlay) {
-    state.overlay.className = react_1.mergeClasses(exports.dialogClassNames.overlay, styles.overlay, isNestedDialog && styles.nestedDialogOverlay, state.overlay.className);
-  }
-
-  return state;
-};
-
-exports.useDialogStyles_unstable = useDialogStyles_unstable;
-//# sourceMappingURL=useDialogStyles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["components/Dialog/useDialogStyles.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,wBAAA,gBAAA,OAAA,CAAA,kCAAA,CAAA;;AACA,MAAA,eAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AAGa,OAAA,CAAA,gBAAA,GAAgD;EAC3D,OAAO,EAAE;AADkD,CAAhD;AAGb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA;EAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;EAAA;EAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAAlB;AAWA;;AAEG;;;AACI,MAAM,wBAAwB,GAAI,KAAD,IAAoC;EAC1E,MAAM,MAAM,GAAG,SAAS,EAAxB;EACA,MAAM,cAAc,GAAG,wBAAA,CAAA,mBAAA,CAAoB,eAAA,CAAA,aAApB,CAAvB;;EAEA,IAAI,KAAK,CAAC,OAAV,EAAmB;IACjB,KAAK,CAAC,OAAN,CAAc,SAAd,GAA0B,OAAA,CAAA,YAAA,CACxB,OAAA,CAAA,gBAAA,CAAiB,OADO,EAExB,MAAM,CAAC,OAFiB,EAGxB,cAAc,IAAI,MAAM,CAAC,mBAHD,EAIxB,KAAK,CAAC,OAAN,CAAc,SAJU,CAA1B;EAMD;;EAED,OAAO,KAAP;AACD,CAdM;;AAAM,OAAA,CAAA,wBAAA,GAAwB,wBAAxB","sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { useHasParentContext } from '@fluentui/react-context-selector';\nimport { DialogContext } from '../../contexts/dialogContext';\nimport type { DialogSlots, DialogState } from './Dialog.types';\n\nexport const dialogClassNames: SlotClassNames<DialogSlots> = {\n  overlay: 'fui-Dialog__overlay',\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  overlay: {\n    position: 'fixed',\n    backgroundColor: 'rgba(0, 0, 0, 0.4)',\n    ...shorthands.inset('0px'),\n  },\n  nestedDialogOverlay: {\n    backgroundColor: 'transparent',\n  },\n});\n\n/**\n * Apply styling to the Dialog slots based on the state\n */\nexport const useDialogStyles_unstable = (state: DialogState): DialogState => {\n  const styles = useStyles();\n  const isNestedDialog = useHasParentContext(DialogContext);\n\n  if (state.overlay) {\n    state.overlay.className = mergeClasses(\n      dialogClassNames.overlay,\n      styles.overlay,\n      isNestedDialog && styles.nestedDialogOverlay,\n      state.overlay.className,\n    );\n  }\n\n  return state;\n};\n"],"sourceRoot":"../src/"}

package/lib-commonjs/utils/isTargetDisabled.js

@@ -1,23 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isTargetDisabled = void 0;
-
-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);
-}
-
-exports.isTargetDisabled = isTargetDisabled;
-
-function isHTMLElement(element) {
-  return Boolean(element && typeof element === 'object' && 'hasAttribute' in element && 'getAttribute' in element);
-}
-//# sourceMappingURL=isTargetDisabled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["utils/isTargetDisabled.ts"],"names":[],"mappings":";;;;;;;AAEA,SAAgB,gBAAhB,CAAiC,KAAjC,EAAoE;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;;AARD,OAAA,CAAA,gBAAA,GAAA,gBAAA;;AAUA,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-commonjs/utils/localShorthands.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.gridArea = void 0;
-
-function gridArea(name) {
-  return {
-    gridRowStart: name,
-    gridRowEnd: name,
-    gridColumnStart: name,
-    gridColumnEnd: name
-  };
-}
-
-exports.gridArea = gridArea;
-//# sourceMappingURL=localShorthands.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["utils/localShorthands.ts"],"names":[],"mappings":";;;;;;;AAAA,SAAgB,QAAhB,CAAyB,IAAzB,EAAqC;EACnC,OAAO;IACL,YAAY,EAAE,IADT;IAEL,UAAU,EAAE,IAFP;IAGL,eAAe,EAAE,IAHZ;IAIL,aAAa,EAAE;EAJV,CAAP;AAMD;;AAPD,OAAA,CAAA,QAAA,GAAA,QAAA","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-commonjs/utils/normalizeDefaultPrevented.js

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.normalizeDefaultPrevented = void 0;
-/**
- * normalizes defaultPrevented to work the same way between synthetic events and regular event
- */
-
-function normalizeDefaultPrevented(event) {
-  if (event instanceof Event) {
-    return () => event.defaultPrevented;
-  }
-
-  return event.isDefaultPrevented;
-}
-
-exports.normalizeDefaultPrevented = normalizeDefaultPrevented;
-//# sourceMappingURL=normalizeDefaultPrevented.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["utils/normalizeDefaultPrevented.ts"],"names":[],"mappings":";;;;;;AAEA;;AAEG;;AACH,SAAgB,yBAAhB,CAA0C,KAA1C,EAA6E;EAC3E,IAAI,KAAK,YAAY,KAArB,EAA4B;IAC1B,OAAO,MAAM,KAAK,CAAC,gBAAnB;EACD;;EACD,OAAO,KAAK,CAAC,kBAAb;AACD;;AALD,OAAA,CAAA,yBAAA,GAAA,yBAAA","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/"}