npm - @fluentui/react-portal-compat - Versions diffs - 9.0.18 → 9.0.19 - Mend

@fluentui/react-portal-compat 9.0.18 → 9.0.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/CHANGELOG.json +30 -1
package/CHANGELOG.md +12 -2
package/lib/PortalCompatProvider.js.map +1 -1
package/lib/index.js.map +1 -1
package/lib-amd/PortalCompatProvider.js +11 -1
package/lib-amd/PortalCompatProvider.js.map +1 -1
package/lib-amd/index.js.map +1 -1
package/lib-commonjs/PortalCompatProvider.js.map +1 -1
package/lib-commonjs/index.js.map +1 -1
package/package.json +6 -7

package/CHANGELOG.json CHANGED Viewed

@@ -2,7 +2,36 @@
   "name": "@fluentui/react-portal-compat",
   "entries": [
     {
-      "date": "Fri, 11 Nov 2022 14:53:18 GMT",
+      "date": "Thu, 17 Nov 2022 23:02:41 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 CHANGED Viewed

@@ -1,12 +1,22 @@
 # 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 Thu, 17 Nov 2022 23:02:41 GMT and should not be manually modified.
 <!-- Start content -->
+## [9.0.19](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal-compat_v9.0.19)
+Thu, 17 Nov 2022 23:02:41 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 CHANGED Viewed

	@@ -1 +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/"}
1	+ {"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 CHANGED Viewed

	@@ -1 +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"]}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"]}
1	+ {"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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":";;;;IAAS,4HAAA,oBAAoB,OAAA","sourcesContent":["export { PortalCompatProvider } from './PortalCompatProvider';\n"]}
1	+ {"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 CHANGED Viewed

	@@ -1 +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/"}
1	+ {"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 CHANGED Viewed

	@@ -1 +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/"}
1	+ {"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 CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-portal-compat",
-  "version": "9.0.18",
+  "version": "9.0.19",
   "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-components": "^9.7.1",
     "@fluentui/react-shared-contexts": "^9.1.1",
     "@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.1",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {
-    "@fluentui/react-components": "^9.7.0",
+    "@fluentui/react-components": "^9.7.1",
     "@types/react": ">=16.8.0 <19.0.0",
     "react": ">=16.8.0 <19.0.0"
   },