@fluentui/react-portal-compat 9.0.18 → 9.0.20

package/CHANGELOG.json

@@ -2,7 +2,63 @@
   "name": "@fluentui/react-portal-compat",
   "entries": [
     {
-      "date": "Fri, 11 Nov 2022 14:53:18 GMT",
+      "date": "Mon, 05 Dec 2022 18:25:37 GMT",
+      "tag": "@fluentui/react-portal-compat_v9.0.20",
+      "version": "9.0.20",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-portal-compat",
+            "comment": "Bump @fluentui/react-tabster to v9.3.2",
+            "commit": "4c29542a51bf068e171690cc8e59c14489883912"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-portal-compat",
+            "comment": "Bump @fluentui/react-components to v9.7.2",
+            "commit": "4c29542a51bf068e171690cc8e59c14489883912"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-portal-compat",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.1.2",
+            "commit": "4c29542a51bf068e171690cc8e59c14489883912"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 17 Nov 2022 23:05:43 GMT",
+      "tag": "@fluentui/react-portal-compat_v9.0.19",
+      "version": "9.0.19",
+      "comments": {
+        "none": [
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/react-portal-compat",
+            "commit": "ea768501802d65d63ddc63fff3816fb6b5008ae4",
+            "comment": "chore: update package scaffold"
+          }
+        ],
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-portal-compat",
+            "comment": "Bump @fluentui/react-tabster to v9.3.1",
+            "commit": "94e156be5d3b5790d82dccf08c32672733fb9335"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-portal-compat",
+            "comment": "Bump @fluentui/react-components to v9.7.1",
+            "commit": "94e156be5d3b5790d82dccf08c32672733fb9335"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 11 Nov 2022 14:57:31 GMT",
       "tag": "@fluentui/react-portal-compat_v9.0.18",
       "version": "9.0.18",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,33 @@
 # Change Log - @fluentui/react-portal-compat
 
-This log was last generated on Fri, 11 Nov 2022 14:53:18 GMT and should not be manually modified.
+This log was last generated on Mon, 05 Dec 2022 18:25:37 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.20](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal-compat_v9.0.20)
+
+Mon, 05 Dec 2022 18:25:37 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-portal-compat_v9.0.19..@fluentui/react-portal-compat_v9.0.20)
+
+### Patches
+
+- Bump @fluentui/react-tabster to v9.3.2 ([PR #25798](https://github.com/microsoft/fluentui/pull/25798) by beachball)
+- Bump @fluentui/react-components to v9.7.2 ([PR #25798](https://github.com/microsoft/fluentui/pull/25798) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.1.2 ([PR #25798](https://github.com/microsoft/fluentui/pull/25798) by beachball)
+
+## [9.0.19](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal-compat_v9.0.19)
+
+Thu, 17 Nov 2022 23:05:43 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-portal-compat_v9.0.18..@fluentui/react-portal-compat_v9.0.19)
+
+### Patches
+
+- Bump @fluentui/react-tabster to v9.3.1 ([PR #25683](https://github.com/microsoft/fluentui/pull/25683) by beachball)
+- Bump @fluentui/react-components to v9.7.1 ([PR #25683](https://github.com/microsoft/fluentui/pull/25683) by beachball)
+
 ## [9.0.18](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal-compat_v9.0.18)
 
-Fri, 11 Nov 2022 14:53:18 GMT 
+Fri, 11 Nov 2022 14:57:31 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-portal-compat_v9.0.17..@fluentui/react-portal-compat_v9.0.18)
 
 ### Patches

package/lib/PortalCompatProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["PortalCompatProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,wBAAT,EAAmC,iBAAnC,QAA4D,4BAA5D;AACA,SAAS,2BAAT,QAA4C,uCAA5C;AACA,SAAS,yBAAT,QAA0C,yBAA1C;AAIA,IAAM,gBAAgB,gBAAG,IAAI,MAAJ,CAAW,MAAI,wBAAwB,CAAC,IAA7B,GAAiC,OAA5C,CAAzB;AAEA,OAAO,IAAM,oBAAoB,GAAa,UAAA,KAAA,EAAK;EACzC,IAAA,QAAQ,GAAK,KAAK,CAAV,QAAR;EAER,IAAM,cAAc,GAAG,iBAAiB,EAAxC;EACA,IAAM,qBAAqB,GAAG,KAAK,CAAC,OAAN,EAC5B;EACA;EACA,YAAA;IAAA,IAAA,EAAA;;IAAM,OAAA,CAAA,EAAA,GAAA,cAAc,CAAC,KAAf,CAAqB,gBAArB,CAAA,MAAsC,IAAtC,IAAsC,EAAA,KAAA,KAAA,CAAtC,GAAsC,KAAA,CAAtC,GAAsC,EAAA,CAAG,CAAH,CAAtC;EAA2C,CAHrB,EAI5B,CAAC,cAAD,CAJ4B,CAA9B;EAOA,IAAM,gBAAgB,GAAG,KAAK,CAAC,WAAN,CACvB,UAAA,OAAA,EAAO;IACL,IAAI,2BAA2B,GAAe,YAAA;MAAM,OAAA,SAAA;IAAS,CAA7D;;IACA,IAAI,qBAAJ,EAA2B;MACzB,OAAO,CAAC,SAAR,CAAkB,GAAlB,CAAsB,qBAAtB;;MACA,IAAI,OAAO,CAAC,aAAR,CAAsB,WAA1B,EAAuC;QACrC,2BAA2B,GAAG,yBAAyB,CAAC,OAAD,EAAU,OAAO,CAAC,aAAR,CAAsB,WAAhC,CAAvD;MACD;IACF;;IAED,OAAO,YAAA;MACL,IAAI,qBAAJ,EAA2B;QACzB,OAAO,CAAC,SAAR,CAAkB,MAAlB,CAAyB,qBAAzB;MACD;;MACD,2BAA2B;IAC5B,CALD;EAMD,CAhBsB,EAiBvB,CAAC,qBAAD,CAjBuB,CAAzB;;EAoBA,IAAI,OAAO,CAAC,GAAR,CAAY,QAAZ,KAAyB,YAA7B,EAA2C;IACzC;IACA;IACA,KAAK,CAAC,SAAN,CAAgB,YAAA;MACd,IAAI,cAAc,KAAK,EAAvB,EAA2B;QACzB;QACA,OAAO,CAAC,IAAR,CAAa,uPAAb;MAKD,CARa,CASd;;IACD,CAVD,EAUG,EAVH;EAWD;;EAED,oBAAO,KAAA,CAAA,aAAA,CAAC,2BAAD,EAA4B;IAAC,KAAK,EAAE;EAAR,CAA5B,EAAuD,QAAvD,CAAP;AACD,CAhDM","sourcesContent":["import * as React from 'react';\nimport { fluentProviderClassNames, useThemeClassName } from '@fluentui/react-components';\nimport { PortalCompatContextProvider } from '@fluentui/react-portal-compat-context';\nimport { applyFocusVisiblePolyfill } from '@fluentui/react-tabster';\n\nimport type { RegisterPortalFn } from '@fluentui/react-portal-compat-context';\n\nconst CLASS_NAME_REGEX = new RegExp(`(${fluentProviderClassNames.root}\\\\d+)`);\n\nexport const PortalCompatProvider: React.FC = props => {\n  const { children } = props;\n\n  const themeClassName = useThemeClassName();\n  const cssVariablesClassName = React.useMemo<string | undefined>(\n    // \"themeClassName\" may contain multiple classes while we want to add only a class that hosts CSS variables\n    // Keep in sync with \"packages/react-provider/src/components/FluentProvider/useFluentProviderThemeStyleTag.ts\"\n    () => themeClassName.match(CLASS_NAME_REGEX)?.[1],\n    [themeClassName],\n  );\n\n  const registerPortalEl = React.useCallback<RegisterPortalFn>(\n    element => {\n      let disposeFocusVisiblePolyfill: () => void = () => undefined;\n      if (cssVariablesClassName) {\n        element.classList.add(cssVariablesClassName);\n        if (element.ownerDocument.defaultView) {\n          disposeFocusVisiblePolyfill = applyFocusVisiblePolyfill(element, element.ownerDocument.defaultView);\n        }\n      }\n\n      return () => {\n        if (cssVariablesClassName) {\n          element.classList.remove(cssVariablesClassName);\n        }\n        disposeFocusVisiblePolyfill();\n      };\n    },\n    [cssVariablesClassName],\n  );\n\n  if (process.env.NODE_ENV !== 'production') {\n    // This if statement technically breaks the rules of hooks, but ENV variables never change during app lifecycle\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.useEffect(() => {\n      if (themeClassName === '') {\n        // eslint-disable-next-line no-console\n        console.warn(`\n          PortalCompatProvider: \"useThemeClassName()\" hook returned an empty string\n          =============================================\n          Make sure that PortalCompatProvider is rendered inside FluentProvider as a child.\n      `);\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n  }\n\n  return <PortalCompatContextProvider value={registerPortalEl}>{children}</PortalCompatContextProvider>;\n};\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["packages/react-components/react-portal-compat/src/PortalCompatProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,wBAAT,EAAmC,iBAAnC,QAA4D,4BAA5D;AACA,SAAS,2BAAT,QAA4C,uCAA5C;AACA,SAAS,yBAAT,QAA0C,yBAA1C;AAIA,IAAM,gBAAgB,gBAAG,IAAI,MAAJ,CAAW,MAAI,wBAAwB,CAAC,IAA7B,GAAiC,OAA5C,CAAzB;AAEA,OAAO,IAAM,oBAAoB,GAAa,UAAA,KAAA,EAAK;EACzC,IAAA,QAAQ,GAAK,KAAK,CAAV,QAAR;EAER,IAAM,cAAc,GAAG,iBAAiB,EAAxC;EACA,IAAM,qBAAqB,GAAG,KAAK,CAAC,OAAN,EAC5B;EACA;EACA,YAAA;IAAA,IAAA,EAAA;;IAAM,OAAA,CAAA,EAAA,GAAA,cAAc,CAAC,KAAf,CAAqB,gBAArB,CAAA,MAAsC,IAAtC,IAAsC,EAAA,KAAA,KAAA,CAAtC,GAAsC,KAAA,CAAtC,GAAsC,EAAA,CAAG,CAAH,CAAtC;EAA2C,CAHrB,EAI5B,CAAC,cAAD,CAJ4B,CAA9B;EAOA,IAAM,gBAAgB,GAAG,KAAK,CAAC,WAAN,CACvB,UAAA,OAAA,EAAO;IACL,IAAI,2BAA2B,GAAe,YAAA;MAAM,OAAA,SAAA;IAAS,CAA7D;;IACA,IAAI,qBAAJ,EAA2B;MACzB,OAAO,CAAC,SAAR,CAAkB,GAAlB,CAAsB,qBAAtB;;MACA,IAAI,OAAO,CAAC,aAAR,CAAsB,WAA1B,EAAuC;QACrC,2BAA2B,GAAG,yBAAyB,CAAC,OAAD,EAAU,OAAO,CAAC,aAAR,CAAsB,WAAhC,CAAvD;MACD;IACF;;IAED,OAAO,YAAA;MACL,IAAI,qBAAJ,EAA2B;QACzB,OAAO,CAAC,SAAR,CAAkB,MAAlB,CAAyB,qBAAzB;MACD;;MACD,2BAA2B;IAC5B,CALD;EAMD,CAhBsB,EAiBvB,CAAC,qBAAD,CAjBuB,CAAzB;;EAoBA,IAAI,OAAO,CAAC,GAAR,CAAY,QAAZ,KAAyB,YAA7B,EAA2C;IACzC;IACA;IACA,KAAK,CAAC,SAAN,CAAgB,YAAA;MACd,IAAI,cAAc,KAAK,EAAvB,EAA2B;QACzB;QACA,OAAO,CAAC,IAAR,CAAa,uPAAb;MAKD,CARa,CASd;;IACD,CAVD,EAUG,EAVH;EAWD;;EAED,oBAAO,KAAA,CAAA,aAAA,CAAC,2BAAD,EAA4B;IAAC,KAAK,EAAE;EAAR,CAA5B,EAAuD,QAAvD,CAAP;AACD,CAhDM","sourcesContent":["import * as React from 'react';\nimport { fluentProviderClassNames, useThemeClassName } from '@fluentui/react-components';\nimport { PortalCompatContextProvider } from '@fluentui/react-portal-compat-context';\nimport { applyFocusVisiblePolyfill } from '@fluentui/react-tabster';\n\nimport type { RegisterPortalFn } from '@fluentui/react-portal-compat-context';\n\nconst CLASS_NAME_REGEX = new RegExp(`(${fluentProviderClassNames.root}\\\\d+)`);\n\nexport const PortalCompatProvider: React.FC = props => {\n  const { children } = props;\n\n  const themeClassName = useThemeClassName();\n  const cssVariablesClassName = React.useMemo<string | undefined>(\n    // \"themeClassName\" may contain multiple classes while we want to add only a class that hosts CSS variables\n    // Keep in sync with \"packages/react-provider/src/components/FluentProvider/useFluentProviderThemeStyleTag.ts\"\n    () => themeClassName.match(CLASS_NAME_REGEX)?.[1],\n    [themeClassName],\n  );\n\n  const registerPortalEl = React.useCallback<RegisterPortalFn>(\n    element => {\n      let disposeFocusVisiblePolyfill: () => void = () => undefined;\n      if (cssVariablesClassName) {\n        element.classList.add(cssVariablesClassName);\n        if (element.ownerDocument.defaultView) {\n          disposeFocusVisiblePolyfill = applyFocusVisiblePolyfill(element, element.ownerDocument.defaultView);\n        }\n      }\n\n      return () => {\n        if (cssVariablesClassName) {\n          element.classList.remove(cssVariablesClassName);\n        }\n        disposeFocusVisiblePolyfill();\n      };\n    },\n    [cssVariablesClassName],\n  );\n\n  if (process.env.NODE_ENV !== 'production') {\n    // This if statement technically breaks the rules of hooks, but ENV variables never change during app lifecycle\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.useEffect(() => {\n      if (themeClassName === '') {\n        // eslint-disable-next-line no-console\n        console.warn(`\n          PortalCompatProvider: \"useThemeClassName()\" hook returned an empty string\n          =============================================\n          Make sure that PortalCompatProvider is rendered inside FluentProvider as a child.\n      `);\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n  }\n\n  return <PortalCompatContextProvider value={registerPortalEl}>{children}</PortalCompatContextProvider>;\n};\n"],"sourceRoot":"../src/"}

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC","sourcesContent":["export { PortalCompatProvider } from './PortalCompatProvider';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["packages/react-components/react-portal-compat/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC","sourcesContent":["export { PortalCompatProvider } from './PortalCompatProvider';\n"]}

package/lib-amd/PortalCompatProvider.js

@@ -25,7 +25,17 @@ define(["require", "exports", "react", "@fluentui/react-components", "@fluentui/
                 disposeFocusVisiblePolyfill();
             };
         }, [cssVariablesClassName]);
-        
+        if (process.env.NODE_ENV !== 'production') {
+            // This if statement technically breaks the rules of hooks, but ENV variables never change during app lifecycle
+            // eslint-disable-next-line react-hooks/rules-of-hooks
+            React.useEffect(function () {
+                if (themeClassName === '') {
+                    // eslint-disable-next-line no-console
+                    console.warn("\n          PortalCompatProvider: \"useThemeClassName()\" hook returned an empty string\n          =============================================\n          Make sure that PortalCompatProvider is rendered inside FluentProvider as a child.\n      ");
+                }
+                // eslint-disable-next-line react-hooks/exhaustive-deps
+            }, []);
+        }
         return React.createElement(react_portal_compat_context_1.PortalCompatContextProvider, { value: registerPortalEl }, children);
     };
     exports.PortalCompatProvider = PortalCompatProvider;

package/lib-amd/PortalCompatProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"PortalCompatProvider.js","sourceRoot":"../src/","sources":["PortalCompatProvider.tsx"],"names":[],"mappings":";;;;IAOA,IAAM,gBAAgB,GAAG,IAAI,MAAM,CAAC,MAAI,2CAAwB,CAAC,IAAI,UAAO,CAAC,CAAC;IAEvE,IAAM,oBAAoB,GAAa,UAAA,KAAK;QACzC,IAAA,QAAQ,GAAK,KAAK,SAAV,CAAW;QAE3B,IAAM,cAAc,GAAG,oCAAiB,EAAE,CAAC;QAC3C,IAAM,qBAAqB,GAAG,KAAK,CAAC,OAAO;QACzC,2GAA2G;QAC3G,8GAA8G;QAC9G,sBAAM,OAAA,MAAA,cAAc,CAAC,KAAK,CAAC,gBAAgB,CAAC,0CAAG,CAAC,CAAC,CAAA,EAAA,EACjD,CAAC,cAAc,CAAC,CACjB,CAAC;QAEF,IAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CACxC,UAAA,OAAO;YACL,IAAI,2BAA2B,GAAe,cAAM,OAAA,SAAS,EAAT,CAAS,CAAC;YAC9D,IAAI,qBAAqB,EAAE;gBACzB,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC;gBAC7C,IAAI,OAAO,CAAC,aAAa,CAAC,WAAW,EAAE;oBACrC,2BAA2B,GAAG,yCAAyB,CAAC,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;iBACrG;aACF;YAED,OAAO;gBACL,IAAI,qBAAqB,EAAE;oBACzB,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC;iBACjD;gBACD,2BAA2B,EAAE,CAAC;YAChC,CAAC,CAAC;QACJ,CAAC,EACD,CAAC,qBAAqB,CAAC,CACxB,CAAC;QAEF,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;YACzC,+GAA+G;YAC/G,sDAAsD;YACtD,KAAK,CAAC,SAAS,CAAC;gBACd,IAAI,cAAc,KAAK,EAAE,EAAE;oBACzB,sCAAsC;oBACtC,OAAO,CAAC,IAAI,CAAC,uPAId,CAAC,CAAC;iBACF;gBACD,uDAAuD;YACzD,CAAC,EAAE,EAAE,CAAC,CAAC;SACR;QAED,OAAO,oBAAC,yDAA2B,IAAC,KAAK,EAAE,gBAAgB,IAAG,QAAQ,CAA+B,CAAC;IACxG,CAAC,CAAC;IAhDW,QAAA,oBAAoB,wBAgD/B","sourcesContent":["import * as React from 'react';\nimport { fluentProviderClassNames, useThemeClassName } from '@fluentui/react-components';\nimport { PortalCompatContextProvider } from '@fluentui/react-portal-compat-context';\nimport { applyFocusVisiblePolyfill } from '@fluentui/react-tabster';\n\nimport type { RegisterPortalFn } from '@fluentui/react-portal-compat-context';\n\nconst CLASS_NAME_REGEX = new RegExp(`(${fluentProviderClassNames.root}\\\\d+)`);\n\nexport const PortalCompatProvider: React.FC = props => {\n  const { children } = props;\n\n  const themeClassName = useThemeClassName();\n  const cssVariablesClassName = React.useMemo<string | undefined>(\n    // \"themeClassName\" may contain multiple classes while we want to add only a class that hosts CSS variables\n    // Keep in sync with \"packages/react-provider/src/components/FluentProvider/useFluentProviderThemeStyleTag.ts\"\n    () => themeClassName.match(CLASS_NAME_REGEX)?.[1],\n    [themeClassName],\n  );\n\n  const registerPortalEl = React.useCallback<RegisterPortalFn>(\n    element => {\n      let disposeFocusVisiblePolyfill: () => void = () => undefined;\n      if (cssVariablesClassName) {\n        element.classList.add(cssVariablesClassName);\n        if (element.ownerDocument.defaultView) {\n          disposeFocusVisiblePolyfill = applyFocusVisiblePolyfill(element, element.ownerDocument.defaultView);\n        }\n      }\n\n      return () => {\n        if (cssVariablesClassName) {\n          element.classList.remove(cssVariablesClassName);\n        }\n        disposeFocusVisiblePolyfill();\n      };\n    },\n    [cssVariablesClassName],\n  );\n\n  if (process.env.NODE_ENV !== 'production') {\n    // This if statement technically breaks the rules of hooks, but ENV variables never change during app lifecycle\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.useEffect(() => {\n      if (themeClassName === '') {\n        // eslint-disable-next-line no-console\n        console.warn(`\n          PortalCompatProvider: \"useThemeClassName()\" hook returned an empty string\n          =============================================\n          Make sure that PortalCompatProvider is rendered inside FluentProvider as a child.\n      `);\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n  }\n\n  return <PortalCompatContextProvider value={registerPortalEl}>{children}</PortalCompatContextProvider>;\n};\n"]}
+{"version":3,"file":"PortalCompatProvider.js","sourceRoot":"../src/","sources":["packages/react-components/react-portal-compat/src/PortalCompatProvider.tsx"],"names":[],"mappings":";;;;IAOA,IAAM,gBAAgB,GAAG,IAAI,MAAM,CAAC,MAAI,2CAAwB,CAAC,IAAI,UAAO,CAAC,CAAC;IAEvE,IAAM,oBAAoB,GAAa,UAAA,KAAK;QACzC,IAAA,QAAQ,GAAK,KAAK,SAAV,CAAW;QAE3B,IAAM,cAAc,GAAG,oCAAiB,EAAE,CAAC;QAC3C,IAAM,qBAAqB,GAAG,KAAK,CAAC,OAAO;QACzC,2GAA2G;QAC3G,8GAA8G;QAC9G,sBAAM,OAAA,MAAA,cAAc,CAAC,KAAK,CAAC,gBAAgB,CAAC,0CAAG,CAAC,CAAC,CAAA,EAAA,EACjD,CAAC,cAAc,CAAC,CACjB,CAAC;QAEF,IAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CACxC,UAAA,OAAO;YACL,IAAI,2BAA2B,GAAe,cAAM,OAAA,SAAS,EAAT,CAAS,CAAC;YAC9D,IAAI,qBAAqB,EAAE;gBACzB,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC;gBAC7C,IAAI,OAAO,CAAC,aAAa,CAAC,WAAW,EAAE;oBACrC,2BAA2B,GAAG,yCAAyB,CAAC,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;iBACrG;aACF;YAED,OAAO;gBACL,IAAI,qBAAqB,EAAE;oBACzB,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC;iBACjD;gBACD,2BAA2B,EAAE,CAAC;YAChC,CAAC,CAAC;QACJ,CAAC,EACD,CAAC,qBAAqB,CAAC,CACxB,CAAC;QAEF,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;YACzC,+GAA+G;YAC/G,sDAAsD;YACtD,KAAK,CAAC,SAAS,CAAC;gBACd,IAAI,cAAc,KAAK,EAAE,EAAE;oBACzB,sCAAsC;oBACtC,OAAO,CAAC,IAAI,CAAC,uPAId,CAAC,CAAC;iBACF;gBACD,uDAAuD;YACzD,CAAC,EAAE,EAAE,CAAC,CAAC;SACR;QAED,OAAO,oBAAC,yDAA2B,IAAC,KAAK,EAAE,gBAAgB,IAAG,QAAQ,CAA+B,CAAC;IACxG,CAAC,CAAC;IAhDW,QAAA,oBAAoB,wBAgD/B","sourcesContent":["import * as React from 'react';\nimport { fluentProviderClassNames, useThemeClassName } from '@fluentui/react-components';\nimport { PortalCompatContextProvider } from '@fluentui/react-portal-compat-context';\nimport { applyFocusVisiblePolyfill } from '@fluentui/react-tabster';\n\nimport type { RegisterPortalFn } from '@fluentui/react-portal-compat-context';\n\nconst CLASS_NAME_REGEX = new RegExp(`(${fluentProviderClassNames.root}\\\\d+)`);\n\nexport const PortalCompatProvider: React.FC = props => {\n  const { children } = props;\n\n  const themeClassName = useThemeClassName();\n  const cssVariablesClassName = React.useMemo<string | undefined>(\n    // \"themeClassName\" may contain multiple classes while we want to add only a class that hosts CSS variables\n    // Keep in sync with \"packages/react-provider/src/components/FluentProvider/useFluentProviderThemeStyleTag.ts\"\n    () => themeClassName.match(CLASS_NAME_REGEX)?.[1],\n    [themeClassName],\n  );\n\n  const registerPortalEl = React.useCallback<RegisterPortalFn>(\n    element => {\n      let disposeFocusVisiblePolyfill: () => void = () => undefined;\n      if (cssVariablesClassName) {\n        element.classList.add(cssVariablesClassName);\n        if (element.ownerDocument.defaultView) {\n          disposeFocusVisiblePolyfill = applyFocusVisiblePolyfill(element, element.ownerDocument.defaultView);\n        }\n      }\n\n      return () => {\n        if (cssVariablesClassName) {\n          element.classList.remove(cssVariablesClassName);\n        }\n        disposeFocusVisiblePolyfill();\n      };\n    },\n    [cssVariablesClassName],\n  );\n\n  if (process.env.NODE_ENV !== 'production') {\n    // This if statement technically breaks the rules of hooks, but ENV variables never change during app lifecycle\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.useEffect(() => {\n      if (themeClassName === '') {\n        // eslint-disable-next-line no-console\n        console.warn(`\n          PortalCompatProvider: \"useThemeClassName()\" hook returned an empty string\n          =============================================\n          Make sure that PortalCompatProvider is rendered inside FluentProvider as a child.\n      `);\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n  }\n\n  return <PortalCompatContextProvider value={registerPortalEl}>{children}</PortalCompatContextProvider>;\n};\n"]}

package/lib-amd/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":";;;;IAAS,4HAAA,oBAAoB,OAAA","sourcesContent":["export { PortalCompatProvider } from './PortalCompatProvider';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["packages/react-components/react-portal-compat/src/index.ts"],"names":[],"mappings":";;;;IAAS,4HAAA,oBAAoB,OAAA","sourcesContent":["export { PortalCompatProvider } from './PortalCompatProvider';\n"]}

package/lib-commonjs/PortalCompatProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["PortalCompatProvider.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,kBAAA,gBAAA,OAAA,CAAA,4BAAA,CAAA;;AACA,IAAA,6BAAA,gBAAA,OAAA,CAAA,uCAAA,CAAA;;AACA,IAAA,eAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;;AAIA,IAAM,gBAAgB,gBAAG,IAAI,MAAJ,CAAW,MAAI,kBAAA,CAAA,wBAAA,CAAyB,IAA7B,GAAiC,OAA5C,CAAzB;;AAEO,IAAM,oBAAoB,GAAa,UAAA,KAAA,EAAK;EACzC,IAAA,QAAQ,GAAK,KAAK,CAAV,QAAR;EAER,IAAM,cAAc,GAAG,kBAAA,CAAA,iBAAA,EAAvB;EACA,IAAM,qBAAqB,GAAG,KAAK,CAAC,OAAN,EAC5B;EACA;EACA,YAAA;IAAA,IAAA,EAAA;;IAAM,OAAA,CAAA,EAAA,GAAA,cAAc,CAAC,KAAf,CAAqB,gBAArB,CAAA,MAAsC,IAAtC,IAAsC,EAAA,KAAA,KAAA,CAAtC,GAAsC,KAAA,CAAtC,GAAsC,EAAA,CAAG,CAAH,CAAtC;EAA2C,CAHrB,EAI5B,CAAC,cAAD,CAJ4B,CAA9B;EAOA,IAAM,gBAAgB,GAAG,KAAK,CAAC,WAAN,CACvB,UAAA,OAAA,EAAO;IACL,IAAI,2BAA2B,GAAe,YAAA;MAAM,OAAA,SAAA;IAAS,CAA7D;;IACA,IAAI,qBAAJ,EAA2B;MACzB,OAAO,CAAC,SAAR,CAAkB,GAAlB,CAAsB,qBAAtB;;MACA,IAAI,OAAO,CAAC,aAAR,CAAsB,WAA1B,EAAuC;QACrC,2BAA2B,GAAG,eAAA,CAAA,yBAAA,CAA0B,OAA1B,EAAmC,OAAO,CAAC,aAAR,CAAsB,WAAzD,CAA9B;MACD;IACF;;IAED,OAAO,YAAA;MACL,IAAI,qBAAJ,EAA2B;QACzB,OAAO,CAAC,SAAR,CAAkB,MAAlB,CAAyB,qBAAzB;MACD;;MACD,2BAA2B;IAC5B,CALD;EAMD,CAhBsB,EAiBvB,CAAC,qBAAD,CAjBuB,CAAzB;;EAoBA,IAAI,OAAO,CAAC,GAAR,CAAY,QAAZ,KAAyB,YAA7B,EAA2C;IACzC;IACA;IACA,KAAK,CAAC,SAAN,CAAgB,YAAA;MACd,IAAI,cAAc,KAAK,EAAvB,EAA2B;QACzB;QACA,OAAO,CAAC,IAAR,CAAa,uPAAb;MAKD,CARa,CASd;;IACD,CAVD,EAUG,EAVH;EAWD;;EAED,OAAO,KAAA,CAAA,aAAA,CAAC,6BAAA,CAAA,2BAAD,EAA4B;IAAC,KAAK,EAAE;EAAR,CAA5B,EAAuD,QAAvD,CAAP;AACD,CAhDM;;AAAM,OAAA,CAAA,oBAAA,GAAoB,oBAApB","sourcesContent":["import * as React from 'react';\nimport { fluentProviderClassNames, useThemeClassName } from '@fluentui/react-components';\nimport { PortalCompatContextProvider } from '@fluentui/react-portal-compat-context';\nimport { applyFocusVisiblePolyfill } from '@fluentui/react-tabster';\n\nimport type { RegisterPortalFn } from '@fluentui/react-portal-compat-context';\n\nconst CLASS_NAME_REGEX = new RegExp(`(${fluentProviderClassNames.root}\\\\d+)`);\n\nexport const PortalCompatProvider: React.FC = props => {\n  const { children } = props;\n\n  const themeClassName = useThemeClassName();\n  const cssVariablesClassName = React.useMemo<string | undefined>(\n    // \"themeClassName\" may contain multiple classes while we want to add only a class that hosts CSS variables\n    // Keep in sync with \"packages/react-provider/src/components/FluentProvider/useFluentProviderThemeStyleTag.ts\"\n    () => themeClassName.match(CLASS_NAME_REGEX)?.[1],\n    [themeClassName],\n  );\n\n  const registerPortalEl = React.useCallback<RegisterPortalFn>(\n    element => {\n      let disposeFocusVisiblePolyfill: () => void = () => undefined;\n      if (cssVariablesClassName) {\n        element.classList.add(cssVariablesClassName);\n        if (element.ownerDocument.defaultView) {\n          disposeFocusVisiblePolyfill = applyFocusVisiblePolyfill(element, element.ownerDocument.defaultView);\n        }\n      }\n\n      return () => {\n        if (cssVariablesClassName) {\n          element.classList.remove(cssVariablesClassName);\n        }\n        disposeFocusVisiblePolyfill();\n      };\n    },\n    [cssVariablesClassName],\n  );\n\n  if (process.env.NODE_ENV !== 'production') {\n    // This if statement technically breaks the rules of hooks, but ENV variables never change during app lifecycle\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.useEffect(() => {\n      if (themeClassName === '') {\n        // eslint-disable-next-line no-console\n        console.warn(`\n          PortalCompatProvider: \"useThemeClassName()\" hook returned an empty string\n          =============================================\n          Make sure that PortalCompatProvider is rendered inside FluentProvider as a child.\n      `);\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n  }\n\n  return <PortalCompatContextProvider value={registerPortalEl}>{children}</PortalCompatContextProvider>;\n};\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["packages/react-components/react-portal-compat/src/PortalCompatProvider.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,kBAAA,gBAAA,OAAA,CAAA,4BAAA,CAAA;;AACA,IAAA,6BAAA,gBAAA,OAAA,CAAA,uCAAA,CAAA;;AACA,IAAA,eAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;;AAIA,IAAM,gBAAgB,gBAAG,IAAI,MAAJ,CAAW,MAAI,kBAAA,CAAA,wBAAA,CAAyB,IAA7B,GAAiC,OAA5C,CAAzB;;AAEO,IAAM,oBAAoB,GAAa,UAAA,KAAA,EAAK;EACzC,IAAA,QAAQ,GAAK,KAAK,CAAV,QAAR;EAER,IAAM,cAAc,GAAG,kBAAA,CAAA,iBAAA,EAAvB;EACA,IAAM,qBAAqB,GAAG,KAAK,CAAC,OAAN,EAC5B;EACA;EACA,YAAA;IAAA,IAAA,EAAA;;IAAM,OAAA,CAAA,EAAA,GAAA,cAAc,CAAC,KAAf,CAAqB,gBAArB,CAAA,MAAsC,IAAtC,IAAsC,EAAA,KAAA,KAAA,CAAtC,GAAsC,KAAA,CAAtC,GAAsC,EAAA,CAAG,CAAH,CAAtC;EAA2C,CAHrB,EAI5B,CAAC,cAAD,CAJ4B,CAA9B;EAOA,IAAM,gBAAgB,GAAG,KAAK,CAAC,WAAN,CACvB,UAAA,OAAA,EAAO;IACL,IAAI,2BAA2B,GAAe,YAAA;MAAM,OAAA,SAAA;IAAS,CAA7D;;IACA,IAAI,qBAAJ,EAA2B;MACzB,OAAO,CAAC,SAAR,CAAkB,GAAlB,CAAsB,qBAAtB;;MACA,IAAI,OAAO,CAAC,aAAR,CAAsB,WAA1B,EAAuC;QACrC,2BAA2B,GAAG,eAAA,CAAA,yBAAA,CAA0B,OAA1B,EAAmC,OAAO,CAAC,aAAR,CAAsB,WAAzD,CAA9B;MACD;IACF;;IAED,OAAO,YAAA;MACL,IAAI,qBAAJ,EAA2B;QACzB,OAAO,CAAC,SAAR,CAAkB,MAAlB,CAAyB,qBAAzB;MACD;;MACD,2BAA2B;IAC5B,CALD;EAMD,CAhBsB,EAiBvB,CAAC,qBAAD,CAjBuB,CAAzB;;EAoBA,IAAI,OAAO,CAAC,GAAR,CAAY,QAAZ,KAAyB,YAA7B,EAA2C;IACzC;IACA;IACA,KAAK,CAAC,SAAN,CAAgB,YAAA;MACd,IAAI,cAAc,KAAK,EAAvB,EAA2B;QACzB;QACA,OAAO,CAAC,IAAR,CAAa,uPAAb;MAKD,CARa,CASd;;IACD,CAVD,EAUG,EAVH;EAWD;;EAED,OAAO,KAAA,CAAA,aAAA,CAAC,6BAAA,CAAA,2BAAD,EAA4B;IAAC,KAAK,EAAE;EAAR,CAA5B,EAAuD,QAAvD,CAAP;AACD,CAhDM;;AAAM,OAAA,CAAA,oBAAA,GAAoB,oBAApB","sourcesContent":["import * as React from 'react';\nimport { fluentProviderClassNames, useThemeClassName } from '@fluentui/react-components';\nimport { PortalCompatContextProvider } from '@fluentui/react-portal-compat-context';\nimport { applyFocusVisiblePolyfill } from '@fluentui/react-tabster';\n\nimport type { RegisterPortalFn } from '@fluentui/react-portal-compat-context';\n\nconst CLASS_NAME_REGEX = new RegExp(`(${fluentProviderClassNames.root}\\\\d+)`);\n\nexport const PortalCompatProvider: React.FC = props => {\n  const { children } = props;\n\n  const themeClassName = useThemeClassName();\n  const cssVariablesClassName = React.useMemo<string | undefined>(\n    // \"themeClassName\" may contain multiple classes while we want to add only a class that hosts CSS variables\n    // Keep in sync with \"packages/react-provider/src/components/FluentProvider/useFluentProviderThemeStyleTag.ts\"\n    () => themeClassName.match(CLASS_NAME_REGEX)?.[1],\n    [themeClassName],\n  );\n\n  const registerPortalEl = React.useCallback<RegisterPortalFn>(\n    element => {\n      let disposeFocusVisiblePolyfill: () => void = () => undefined;\n      if (cssVariablesClassName) {\n        element.classList.add(cssVariablesClassName);\n        if (element.ownerDocument.defaultView) {\n          disposeFocusVisiblePolyfill = applyFocusVisiblePolyfill(element, element.ownerDocument.defaultView);\n        }\n      }\n\n      return () => {\n        if (cssVariablesClassName) {\n          element.classList.remove(cssVariablesClassName);\n        }\n        disposeFocusVisiblePolyfill();\n      };\n    },\n    [cssVariablesClassName],\n  );\n\n  if (process.env.NODE_ENV !== 'production') {\n    // This if statement technically breaks the rules of hooks, but ENV variables never change during app lifecycle\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.useEffect(() => {\n      if (themeClassName === '') {\n        // eslint-disable-next-line no-console\n        console.warn(`\n          PortalCompatProvider: \"useThemeClassName()\" hook returned an empty string\n          =============================================\n          Make sure that PortalCompatProvider is rendered inside FluentProvider as a child.\n      `);\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n  }\n\n  return <PortalCompatContextProvider value={registerPortalEl}>{children}</PortalCompatContextProvider>;\n};\n"],"sourceRoot":"../src/"}

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,sBAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;;AAAS,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,sBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,sBAAA,CAAA,oBAAA;EAAoB;AAApB,CAAA","sourcesContent":["export { PortalCompatProvider } from './PortalCompatProvider';\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["packages/react-components/react-portal-compat/src/index.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,sBAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;;AAAS,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,sBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,sBAAA,CAAA,oBAAA;EAAoB;AAApB,CAAA","sourcesContent":["export { PortalCompatProvider } from './PortalCompatProvider';\n"],"sourceRoot":"../src/"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-portal-compat",
-  "version": "9.0.18",
+  "version": "9.0.20",
   "description": "A package that contains compatibility layer for React Portals",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -21,23 +21,22 @@
     "just": "just-scripts",
     "lint": "just-scripts lint && just-scripts lint-imports",
     "test": "jest --passWithNoTests",
-    "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-portal-compat/src && yarn docs",
-    "type-check": "tsc -b tsconfig.json"
+    "type-check": "tsc -b tsconfig.json",
+    "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
   },
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
-    "@fluentui/react-components": "^9.7.0",
-    "@fluentui/react-shared-contexts": "^9.1.1",
+    "@fluentui/react-components": "^9.7.2",
+    "@fluentui/react-shared-contexts": "^9.1.2",
     "@fluentui/scripts": "^1.0.0"
   },
   "dependencies": {
     "@fluentui/react-portal-compat-context": "^9.0.4",
-    "@fluentui/react-tabster": "^9.3.0",
+    "@fluentui/react-tabster": "^9.3.2",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {
-    "@fluentui/react-components": "^9.7.0",
+    "@fluentui/react-components": "^9.7.2",
     "@types/react": ">=16.8.0 <19.0.0",
     "react": ">=16.8.0 <19.0.0"
   },