@fluentui/global-context 0.0.0-nightly-20220624-0419.1

package/CHANGELOG.json

@@ -0,0 +1,53 @@
+{
+  "name": "@fluentui/global-context",
+  "entries": [
+    {
+      "date": "Fri, 24 Jun 2022 04:33:28 GMT",
+      "tag": "@fluentui/global-context_v0.0.0-nightly-20220624-0419.1",
+      "version": "0.0.0-nightly-20220624-0419.1",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "Humberto.Morimoto@microsoft.com",
+            "package": "@fluentui/global-context",
+            "commit": "ddf16d80c50d80bc07331b478f567629775f2898",
+            "comment": "chore: Adding scheduler as a peer dependency since this package has a dependency on @fluentui/react-context-selector."
+          },
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/global-context",
+            "commit": "f36aa2ce92a7ac67bcdc246604d675a91b561e53",
+            "comment": "feat: beta release"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/global-context",
+            "comment": "Bump @fluentui/react-context-selector to v0.0.0-nightly-20220624-0419.1",
+            "commit": "5197053e8e0ad04d319248954fcfa61d4f63b97a"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/global-context",
+            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20220624-0419.1",
+            "commit": "5197053e8e0ad04d319248954fcfa61d4f63b97a"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 31 May 2022 21:28:50 GMT",
+      "tag": "@fluentui/global-context_v9.0.0-alpha.0",
+      "version": "9.0.0-alpha.0",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/global-context",
+            "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.10",
+            "commit": "335ebfcfd47005003901b5e319782bfe9ccd89fd"
+          }
+        ]
+      }
+    }
+  ]
+}

package/CHANGELOG.md

@@ -0,0 +1,25 @@
+# Change Log - @fluentui/global-context
+
+This log was last generated on Fri, 24 Jun 2022 04:33:28 GMT and should not be manually modified.
+
+<!-- Start content -->
+
+## [0.0.0-nightly-20220624-0419.1](https://github.com/microsoft/fluentui/tree/@fluentui/global-context_v0.0.0-nightly-20220624-0419.1)
+
+Fri, 24 Jun 2022 04:33:28 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/global-context_v9.0.0-alpha.0..@fluentui/global-context_v0.0.0-nightly-20220624-0419.1)
+
+### Changes
+
+- chore: Adding scheduler as a peer dependency since this package has a dependency on @fluentui/react-context-selector. ([PR #23681](https://github.com/microsoft/fluentui/pull/23681) by Humberto.Morimoto@microsoft.com)
+- feat: beta release ([PR #23623](https://github.com/microsoft/fluentui/pull/23623) by lingfangao@hotmail.com)
+- Bump @fluentui/react-context-selector to v0.0.0-nightly-20220624-0419.1 ([commit](https://github.com/microsoft/fluentui/commit/5197053e8e0ad04d319248954fcfa61d4f63b97a) by beachball)
+- Bump @fluentui/react-utilities to v0.0.0-nightly-20220624-0419.1 ([commit](https://github.com/microsoft/fluentui/commit/5197053e8e0ad04d319248954fcfa61d4f63b97a) by beachball)
+
+## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/global-context_v9.0.0-alpha.0)
+
+Tue, 31 May 2022 21:28:50 GMT
+
+### Changes
+
+- Bump @fluentui/react-utilities to v9.0.0-rc.10 ([PR #23325](https://github.com/microsoft/fluentui/pull/23325) by beachball)

package/LICENSE

@@ -0,0 +1,15 @@
+@fluentui/global-context
+
+Copyright (c) Microsoft Corporation
+
+All rights reserved.
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the ""Software""), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED *AS IS*, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+Note: Usage of the fonts and icons referenced in Fluent UI React is subject to the terms listed at https://aka.ms/fluentui-assets-license

package/README.md

@@ -0,0 +1,13 @@
+# @fluentui/global-context
+
+**Global Context for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**
+
+This package contains a shim for `React.createContext` API that will register the context object to the global
+scope (`window` for browsers, `global` for nodejs). This means that contexts will be real singletons.
+
+> ⚠️ The recommended approach is not to use this package and deduplicate affected packages in node_modules
+
+This package is is a workaround when multiple context objects are included into a bundle. This can happen when
+there are multiple copies of the same package installed in `node_modules`.
+
+**This package is not inteded to be used directly in code, but through a [Babel transform](/todo)**

package/dist/index.d.ts

@@ -0,0 +1,33 @@
+import * as React_2 from 'react';
+
+/**
+ * Wrapper around @see React.createContext that implements context registration
+ * in the globalThis object to avoid duplicate contexts. Contexts are keyed with
+ * a unique sybmol for the package name, version and name of the context.
+ *
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol}
+ *
+ * @param defaultValue - @see React.createContext
+ * @param name - name of the context
+ * @param packageName - name of the npm package where the module is used
+ * @param packageVersion - version of the npm package where the module is used
+ * @returns @see React.createContext
+ */
+export declare const createContext: <T>(defaultValue: T, name: string, packageName: string, packageVersion: string) => React_2.Context<T>;
+
+/**
+ * Wrapper around @see createContext from \@fluentui/react-context-selector that implements context registration
+ * in the globalThis object to avoid duplicate contexts. Contexts are keyed with
+ * a unique sybmol for the package name, version and name of the context.
+ *
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol}
+ *
+ * @param defaultValue - @see React.createContext
+ * @param name - name of the context
+ * @param packageName - name of the npm package where the module is used
+ * @param packageVersion - version of the npm package where the module is used
+ * @returns @see React.createContext
+ */
+export declare const createContextSelector: <T>(defaultValue: T, name: string, packageName: string, packageVersion: string) => React_2.Context<T>;
+
+export { }

package/dist/tsdoc-metadata.json

@@ -0,0 +1,11 @@
+// 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/global-context-selector.js

@@ -0,0 +1,52 @@
+import { createContext as baseCreateContext } from '@fluentui/react-context-selector';
+import { canUseDOM } from '@fluentui/react-utilities';
+import { getMajorVersion } from './utils';
+const isBrowser = /*#__PURE__*/canUseDOM();
+const globalObject = isBrowser ? window : global; // Identifier for the symbol, for easy idenfitifaction of symbols created by this util
+// Useful for clearning global object during SSR reloads
+
+export const SYMBOL_NAMESPACE = 'global-context-selector:'; // During SSR the global object persists with the server process
+// Clean out the global object during server reload during development
+
+if (!isBrowser && process.env.NODE_ENV !== 'production') {
+  const globalSymbols = /*#__PURE__*/Object.getOwnPropertySymbols(globalObject);
+  globalSymbols.forEach(sym => {
+    var _a;
+
+    if ((_a = Symbol.keyFor(sym)) === null || _a === void 0 ? void 0 : _a.startsWith(SYMBOL_NAMESPACE)) {
+      // @ts-expect-error - Indexing object with symbols not supported until TS 4.4
+      delete globalObject[sym];
+    }
+  });
+}
+/**
+ * Wrapper around @see createContext from \@fluentui/react-context-selector that implements context registration
+ * in the globalThis object to avoid duplicate contexts. Contexts are keyed with
+ * a unique sybmol for the package name, version and name of the context.
+ *
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol}
+ *
+ * @param defaultValue - @see React.createContext
+ * @param name - name of the context
+ * @param packageName - name of the npm package where the module is used
+ * @param packageVersion - version of the npm package where the module is used
+ * @returns @see React.createContext
+ */
+
+
+export const createContext = (defaultValue, name, packageName, packageVersion) => {
+  // Symbol guaranteed to be unique for the entire runtime
+  const sym = Symbol.for(`${SYMBOL_NAMESPACE}${packageName}/${name}/@${getMajorVersion(packageVersion)}`); // Objects keyed with symbols are not visible with console.log
+  // Object symbol properties can't be iterated with `for` or `Object.keys`
+
+  const globalSymbols = Object.getOwnPropertySymbols(globalObject);
+
+  if (!globalSymbols.includes(sym)) {
+    // @ts-expect-error - Indexing object with symbols not supported until TS 4.4
+    globalObject[sym] = baseCreateContext(defaultValue);
+  } // @ts-expect-error - Indexing object with symbols not supported until TS 4.4
+
+
+  return globalObject[sym];
+};
+//# sourceMappingURL=global-context-selector.js.map

package/lib/global-context-selector.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["global-context-selector.ts"],"names":[],"mappings":"AACA,SAAS,aAAa,IAAI,iBAA1B,QAAmD,kCAAnD;AACA,SAAS,SAAT,QAA0B,2BAA1B;AACA,SAAS,eAAT,QAAgC,SAAhC;AAGA,MAAM,SAAS,gBAAG,SAAS,EAA3B;AACA,MAAM,YAAY,GAAiB,SAAS,GAAG,MAAH,GAAY,MAAxD,C,CAEA;AACA;;AACA,OAAO,MAAM,gBAAgB,GAAG,0BAAzB,C,CAEP;AACA;;AACA,IAAI,CAAC,SAAD,IAAc,OAAO,CAAC,GAAR,CAAY,QAAZ,KAAyB,YAA3C,EAAyD;EACvD,MAAM,aAAa,gBAAG,MAAM,CAAC,qBAAP,CAA6B,YAA7B,CAAtB;EACA,aAAa,CAAC,OAAd,CAAsB,GAAG,IAAG;;;IAC1B,IAAI,CAAA,EAAA,GAAA,MAAM,CAAC,MAAP,CAAc,GAAd,CAAA,MAAkB,IAAlB,IAAkB,EAAA,KAAA,KAAA,CAAlB,GAAkB,KAAA,CAAlB,GAAkB,EAAA,CAAE,UAAF,CAAa,gBAAb,CAAtB,EAAsD;MACpD;MACA,OAAO,YAAY,CAAC,GAAD,CAAnB;IACD;EACF,CALD;AAMD;AAED;;;;;;;;;;;;AAYG;;;AACH,OAAO,MAAM,aAAa,GAAG,CAAI,YAAJ,EAAqB,IAArB,EAAmC,WAAnC,EAAwD,cAAxD,KAAkF;EAC7G;EACA,MAAM,GAAG,GAAG,MAAM,CAAC,GAAP,CAAW,GAAG,gBAAgB,GAAG,WAAW,IAAI,IAAI,KAAK,eAAe,CAAC,cAAD,CAAgB,EAAxF,CAAZ,CAF6G,CAI7G;EACA;;EACA,MAAM,aAAa,GAAG,MAAM,CAAC,qBAAP,CAA6B,YAA7B,CAAtB;;EACA,IAAI,CAAC,aAAa,CAAC,QAAd,CAAuB,GAAvB,CAAL,EAAkC;IAChC;IACA,YAAY,CAAC,GAAD,CAAZ,GAAoB,iBAAiB,CAAC,YAAD,CAArC;EACD,CAV4G,CAY7G;;;EACA,OAAO,YAAY,CAAC,GAAD,CAAnB;AACD,CAdM","sourcesContent":["import * as React from 'react';\nimport { createContext as baseCreateContext } from '@fluentui/react-context-selector';\nimport { canUseDOM } from '@fluentui/react-utilities';\nimport { getMajorVersion } from './utils';\nimport { GlobalObject } from './types';\n\nconst isBrowser = canUseDOM();\nconst globalObject: GlobalObject = isBrowser ? window : global;\n\n// Identifier for the symbol, for easy idenfitifaction of symbols created by this util\n// Useful for clearning global object during SSR reloads\nexport const SYMBOL_NAMESPACE = 'global-context-selector:';\n\n// During SSR the global object persists with the server process\n// Clean out the global object during server reload during development\nif (!isBrowser && process.env.NODE_ENV !== 'production') {\n  const globalSymbols = Object.getOwnPropertySymbols(globalObject);\n  globalSymbols.forEach(sym => {\n    if (Symbol.keyFor(sym)?.startsWith(SYMBOL_NAMESPACE)) {\n      // @ts-expect-error - Indexing object with symbols not supported until TS 4.4\n      delete globalObject[sym];\n    }\n  });\n}\n\n/**\n * Wrapper around @see createContext from \\@fluentui/react-context-selector that implements context registration\n * in the globalThis object to avoid duplicate contexts. Contexts are keyed with\n * a unique sybmol for the package name, version and name of the context.\n *\n * @see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol}\n *\n * @param defaultValue - @see React.createContext\n * @param name - name of the context\n * @param packageName - name of the npm package where the module is used\n * @param packageVersion - version of the npm package where the module is used\n * @returns @see React.createContext\n */\nexport const createContext = <T>(defaultValue: T, name: string, packageName: string, packageVersion: string) => {\n  // Symbol guaranteed to be unique for the entire runtime\n  const sym = Symbol.for(`${SYMBOL_NAMESPACE}${packageName}/${name}/@${getMajorVersion(packageVersion)}`);\n\n  // Objects keyed with symbols are not visible with console.log\n  // Object symbol properties can't be iterated with `for` or `Object.keys`\n  const globalSymbols = Object.getOwnPropertySymbols(globalObject);\n  if (!globalSymbols.includes(sym)) {\n    // @ts-expect-error - Indexing object with symbols not supported until TS 4.4\n    globalObject[sym] = baseCreateContext(defaultValue);\n  }\n\n  // @ts-expect-error - Indexing object with symbols not supported until TS 4.4\n  return globalObject[sym] as React.Context<T>;\n};\n"],"sourceRoot":"../src/"}

package/lib/global-context.js

@@ -0,0 +1,52 @@
+import * as React from 'react';
+import { canUseDOM } from '@fluentui/react-utilities';
+import { getMajorVersion } from './utils';
+const isBrowser = /*#__PURE__*/canUseDOM();
+const globalObject = isBrowser ? window : global; // Identifier for the symbol, for easy idenfitifaction of symbols created by this util
+// Useful for clearning global object during SSR reloads
+
+export const SYMBOL_NAMESPACE = 'global-context:'; // During SSR the global object persists with the server process
+// Clean out the global object during server reload during development
+
+if (!isBrowser && process.env.NODE_ENV !== 'production') {
+  const globalSymbols = /*#__PURE__*/Object.getOwnPropertySymbols(globalObject);
+  globalSymbols.forEach(sym => {
+    var _a;
+
+    if ((_a = Symbol.keyFor(sym)) === null || _a === void 0 ? void 0 : _a.startsWith(SYMBOL_NAMESPACE)) {
+      // @ts-expect-error - Indexing object with symbols not supported until TS 4.4
+      delete globalObject[sym];
+    }
+  });
+}
+/**
+ * Wrapper around @see React.createContext that implements context registration
+ * in the globalThis object to avoid duplicate contexts. Contexts are keyed with
+ * a unique sybmol for the package name, version and name of the context.
+ *
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol}
+ *
+ * @param defaultValue - @see React.createContext
+ * @param name - name of the context
+ * @param packageName - name of the npm package where the module is used
+ * @param packageVersion - version of the npm package where the module is used
+ * @returns @see React.createContext
+ */
+
+
+export const createContext = (defaultValue, name, packageName, packageVersion) => {
+  // Symbol guaranteed to be unique for the entire runtime
+  const sym = Symbol.for(`${SYMBOL_NAMESPACE}${packageName}/${name}/@${getMajorVersion(packageVersion)}`); // Objects keyed with symbols are not visible with console.log
+  // Object symbol properties can't be iterated with `for` or `Object.keys`
+
+  const globalSymbols = Object.getOwnPropertySymbols(globalObject);
+
+  if (!globalSymbols.includes(sym)) {
+    // @ts-expect-error - Indexing object with symbols not supported until TS 4.4
+    globalObject[sym] = /*#__PURE__*/React.createContext(defaultValue);
+  } // @ts-expect-error - Indexing object with symbols not supported until TS 4.4
+
+
+  return globalObject[sym];
+};
+//# sourceMappingURL=global-context.js.map

package/lib/global-context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["global-context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,SAAT,QAA0B,2BAA1B;AAEA,SAAS,eAAT,QAAgC,SAAhC;AAEA,MAAM,SAAS,gBAAG,SAAS,EAA3B;AACA,MAAM,YAAY,GAAiB,SAAS,GAAG,MAAH,GAAY,MAAxD,C,CAEA;AACA;;AACA,OAAO,MAAM,gBAAgB,GAAG,iBAAzB,C,CAEP;AACA;;AACA,IAAI,CAAC,SAAD,IAAc,OAAO,CAAC,GAAR,CAAY,QAAZ,KAAyB,YAA3C,EAAyD;EACvD,MAAM,aAAa,gBAAG,MAAM,CAAC,qBAAP,CAA6B,YAA7B,CAAtB;EACA,aAAa,CAAC,OAAd,CAAsB,GAAG,IAAG;;;IAC1B,IAAI,CAAA,EAAA,GAAA,MAAM,CAAC,MAAP,CAAc,GAAd,CAAA,MAAkB,IAAlB,IAAkB,EAAA,KAAA,KAAA,CAAlB,GAAkB,KAAA,CAAlB,GAAkB,EAAA,CAAE,UAAF,CAAa,gBAAb,CAAtB,EAAsD;MACpD;MACA,OAAO,YAAY,CAAC,GAAD,CAAnB;IACD;EACF,CALD;AAMD;AAED;;;;;;;;;;;;AAYG;;;AACH,OAAO,MAAM,aAAa,GAAG,CAAI,YAAJ,EAAqB,IAArB,EAAmC,WAAnC,EAAwD,cAAxD,KAAkF;EAC7G;EACA,MAAM,GAAG,GAAG,MAAM,CAAC,GAAP,CAAW,GAAG,gBAAgB,GAAG,WAAW,IAAI,IAAI,KAAK,eAAe,CAAC,cAAD,CAAgB,EAAxF,CAAZ,CAF6G,CAI7G;EACA;;EACA,MAAM,aAAa,GAAG,MAAM,CAAC,qBAAP,CAA6B,YAA7B,CAAtB;;EACA,IAAI,CAAC,aAAa,CAAC,QAAd,CAAuB,GAAvB,CAAL,EAAkC;IAChC;IACA,YAAY,CAAC,GAAD,CAAZ,gBAAoB,KAAK,CAAC,aAAN,CAAoB,YAApB,CAApB;EACD,CAV4G,CAY7G;;;EACA,OAAO,YAAY,CAAC,GAAD,CAAnB;AACD,CAdM","sourcesContent":["import * as React from 'react';\nimport { canUseDOM } from '@fluentui/react-utilities';\nimport { GlobalObject } from './types';\nimport { getMajorVersion } from './utils';\n\nconst isBrowser = canUseDOM();\nconst globalObject: GlobalObject = isBrowser ? window : global;\n\n// Identifier for the symbol, for easy idenfitifaction of symbols created by this util\n// Useful for clearning global object during SSR reloads\nexport const SYMBOL_NAMESPACE = 'global-context:';\n\n// During SSR the global object persists with the server process\n// Clean out the global object during server reload during development\nif (!isBrowser && process.env.NODE_ENV !== 'production') {\n  const globalSymbols = Object.getOwnPropertySymbols(globalObject);\n  globalSymbols.forEach(sym => {\n    if (Symbol.keyFor(sym)?.startsWith(SYMBOL_NAMESPACE)) {\n      // @ts-expect-error - Indexing object with symbols not supported until TS 4.4\n      delete globalObject[sym];\n    }\n  });\n}\n\n/**\n * Wrapper around @see React.createContext that implements context registration\n * in the globalThis object to avoid duplicate contexts. Contexts are keyed with\n * a unique sybmol for the package name, version and name of the context.\n *\n * @see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol}\n *\n * @param defaultValue - @see React.createContext\n * @param name - name of the context\n * @param packageName - name of the npm package where the module is used\n * @param packageVersion - version of the npm package where the module is used\n * @returns @see React.createContext\n */\nexport const createContext = <T>(defaultValue: T, name: string, packageName: string, packageVersion: string) => {\n  // Symbol guaranteed to be unique for the entire runtime\n  const sym = Symbol.for(`${SYMBOL_NAMESPACE}${packageName}/${name}/@${getMajorVersion(packageVersion)}`);\n\n  // Objects keyed with symbols are not visible with console.log\n  // Object symbol properties can't be iterated with `for` or `Object.keys`\n  const globalSymbols = Object.getOwnPropertySymbols(globalObject);\n  if (!globalSymbols.includes(sym)) {\n    // @ts-expect-error - Indexing object with symbols not supported until TS 4.4\n    globalObject[sym] = React.createContext(defaultValue);\n  }\n\n  // @ts-expect-error - Indexing object with symbols not supported until TS 4.4\n  return globalObject[sym] as React.Context<T>;\n};\n"],"sourceRoot":"../src/"}

package/lib/index.js

@@ -0,0 +1,3 @@
+export { createContext } from './global-context';
+export { createContext as createContextSelector } from './global-context-selector';
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,aAAa,IAAI,qBAAqB,EAAE,MAAM,2BAA2B,CAAC","sourcesContent":["export { createContext } from './global-context';\nexport { createContext as createContextSelector } from './global-context-selector';\n"]}

package/lib/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"../src/","sources":["types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\n\nexport type GlobalObject = (typeof globalThis | NodeJS.Global) & Record<symbol, React.Context<unknown>>;\n"]}

package/lib/utils.js

@@ -0,0 +1,8 @@
+/**
+ * @param version - semver version string
+ * @returns The major version number
+ */
+export function getMajorVersion(version) {
+  return Number(version.split('.')[0]);
+}
+//# sourceMappingURL=utils.js.map

package/lib/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["utils.ts"],"names":[],"mappings":"AAAA;;;AAGG;AACH,OAAM,SAAU,eAAV,CAA0B,OAA1B,EAAyC;EAC7C,OAAO,MAAM,CAAC,OAAO,CAAC,KAAR,CAAc,GAAd,EAAmB,CAAnB,CAAD,CAAb;AACD","sourcesContent":["/**\n * @param version - semver version string\n * @returns The major version number\n */\nexport function getMajorVersion(version: string) {\n  return Number(version.split('.')[0]);\n}\n"],"sourceRoot":"../src/"}

package/lib-commonjs/global-context-selector.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createContext = exports.SYMBOL_NAMESPACE = void 0;
+
+const react_context_selector_1 = /*#__PURE__*/require("@fluentui/react-context-selector");
+
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+
+const utils_1 = /*#__PURE__*/require("./utils");
+
+const isBrowser = /*#__PURE__*/react_utilities_1.canUseDOM();
+const globalObject = isBrowser ? window : global; // Identifier for the symbol, for easy idenfitifaction of symbols created by this util
+// Useful for clearning global object during SSR reloads
+
+exports.SYMBOL_NAMESPACE = 'global-context-selector:'; // During SSR the global object persists with the server process
+// Clean out the global object during server reload during development
+
+if (!isBrowser && process.env.NODE_ENV !== 'production') {
+  const globalSymbols = /*#__PURE__*/Object.getOwnPropertySymbols(globalObject);
+  globalSymbols.forEach(sym => {
+    var _a;
+
+    if ((_a = Symbol.keyFor(sym)) === null || _a === void 0 ? void 0 : _a.startsWith(exports.SYMBOL_NAMESPACE)) {
+      // @ts-expect-error - Indexing object with symbols not supported until TS 4.4
+      delete globalObject[sym];
+    }
+  });
+}
+/**
+ * Wrapper around @see createContext from \@fluentui/react-context-selector that implements context registration
+ * in the globalThis object to avoid duplicate contexts. Contexts are keyed with
+ * a unique sybmol for the package name, version and name of the context.
+ *
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol}
+ *
+ * @param defaultValue - @see React.createContext
+ * @param name - name of the context
+ * @param packageName - name of the npm package where the module is used
+ * @param packageVersion - version of the npm package where the module is used
+ * @returns @see React.createContext
+ */
+
+
+const createContext = (defaultValue, name, packageName, packageVersion) => {
+  // Symbol guaranteed to be unique for the entire runtime
+  const sym = Symbol.for(`${exports.SYMBOL_NAMESPACE}${packageName}/${name}/@${utils_1.getMajorVersion(packageVersion)}`); // Objects keyed with symbols are not visible with console.log
+  // Object symbol properties can't be iterated with `for` or `Object.keys`
+
+  const globalSymbols = Object.getOwnPropertySymbols(globalObject);
+
+  if (!globalSymbols.includes(sym)) {
+    // @ts-expect-error - Indexing object with symbols not supported until TS 4.4
+    globalObject[sym] = react_context_selector_1.createContext(defaultValue);
+  } // @ts-expect-error - Indexing object with symbols not supported until TS 4.4
+
+
+  return globalObject[sym];
+};
+
+exports.createContext = createContext;
+//# sourceMappingURL=global-context-selector.js.map

package/lib-commonjs/global-context-selector.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["global-context-selector.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,wBAAA,gBAAA,OAAA,CAAA,kCAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,SAAA,CAAA;;AAGA,MAAM,SAAS,gBAAG,iBAAA,CAAA,SAAA,EAAlB;AACA,MAAM,YAAY,GAAiB,SAAS,GAAG,MAAH,GAAY,MAAxD,C,CAEA;AACA;;AACa,OAAA,CAAA,gBAAA,GAAmB,0BAAnB,C,CAEb;AACA;;AACA,IAAI,CAAC,SAAD,IAAc,OAAO,CAAC,GAAR,CAAY,QAAZ,KAAyB,YAA3C,EAAyD;EACvD,MAAM,aAAa,gBAAG,MAAM,CAAC,qBAAP,CAA6B,YAA7B,CAAtB;EACA,aAAa,CAAC,OAAd,CAAsB,GAAG,IAAG;;;IAC1B,IAAI,CAAA,EAAA,GAAA,MAAM,CAAC,MAAP,CAAc,GAAd,CAAA,MAAkB,IAAlB,IAAkB,EAAA,KAAA,KAAA,CAAlB,GAAkB,KAAA,CAAlB,GAAkB,EAAA,CAAE,UAAF,CAAa,OAAA,CAAA,gBAAb,CAAtB,EAAsD;MACpD;MACA,OAAO,YAAY,CAAC,GAAD,CAAnB;IACD;EACF,CALD;AAMD;AAED;;;;;;;;;;;;AAYG;;;AACI,MAAM,aAAa,GAAG,CAAI,YAAJ,EAAqB,IAArB,EAAmC,WAAnC,EAAwD,cAAxD,KAAkF;EAC7G;EACA,MAAM,GAAG,GAAG,MAAM,CAAC,GAAP,CAAW,GAAG,OAAA,CAAA,gBAAgB,GAAG,WAAW,IAAI,IAAI,KAAK,OAAA,CAAA,eAAA,CAAgB,cAAhB,CAA+B,EAAxF,CAAZ,CAF6G,CAI7G;EACA;;EACA,MAAM,aAAa,GAAG,MAAM,CAAC,qBAAP,CAA6B,YAA7B,CAAtB;;EACA,IAAI,CAAC,aAAa,CAAC,QAAd,CAAuB,GAAvB,CAAL,EAAkC;IAChC;IACA,YAAY,CAAC,GAAD,CAAZ,GAAoB,wBAAA,CAAA,aAAA,CAAkB,YAAlB,CAApB;EACD,CAV4G,CAY7G;;;EACA,OAAO,YAAY,CAAC,GAAD,CAAnB;AACD,CAdM;;AAAM,OAAA,CAAA,aAAA,GAAa,aAAb","sourcesContent":["import * as React from 'react';\nimport { createContext as baseCreateContext } from '@fluentui/react-context-selector';\nimport { canUseDOM } from '@fluentui/react-utilities';\nimport { getMajorVersion } from './utils';\nimport { GlobalObject } from './types';\n\nconst isBrowser = canUseDOM();\nconst globalObject: GlobalObject = isBrowser ? window : global;\n\n// Identifier for the symbol, for easy idenfitifaction of symbols created by this util\n// Useful for clearning global object during SSR reloads\nexport const SYMBOL_NAMESPACE = 'global-context-selector:';\n\n// During SSR the global object persists with the server process\n// Clean out the global object during server reload during development\nif (!isBrowser && process.env.NODE_ENV !== 'production') {\n  const globalSymbols = Object.getOwnPropertySymbols(globalObject);\n  globalSymbols.forEach(sym => {\n    if (Symbol.keyFor(sym)?.startsWith(SYMBOL_NAMESPACE)) {\n      // @ts-expect-error - Indexing object with symbols not supported until TS 4.4\n      delete globalObject[sym];\n    }\n  });\n}\n\n/**\n * Wrapper around @see createContext from \\@fluentui/react-context-selector that implements context registration\n * in the globalThis object to avoid duplicate contexts. Contexts are keyed with\n * a unique sybmol for the package name, version and name of the context.\n *\n * @see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol}\n *\n * @param defaultValue - @see React.createContext\n * @param name - name of the context\n * @param packageName - name of the npm package where the module is used\n * @param packageVersion - version of the npm package where the module is used\n * @returns @see React.createContext\n */\nexport const createContext = <T>(defaultValue: T, name: string, packageName: string, packageVersion: string) => {\n  // Symbol guaranteed to be unique for the entire runtime\n  const sym = Symbol.for(`${SYMBOL_NAMESPACE}${packageName}/${name}/@${getMajorVersion(packageVersion)}`);\n\n  // Objects keyed with symbols are not visible with console.log\n  // Object symbol properties can't be iterated with `for` or `Object.keys`\n  const globalSymbols = Object.getOwnPropertySymbols(globalObject);\n  if (!globalSymbols.includes(sym)) {\n    // @ts-expect-error - Indexing object with symbols not supported until TS 4.4\n    globalObject[sym] = baseCreateContext(defaultValue);\n  }\n\n  // @ts-expect-error - Indexing object with symbols not supported until TS 4.4\n  return globalObject[sym] as React.Context<T>;\n};\n"],"sourceRoot":"../src/"}

package/lib-commonjs/global-context.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createContext = exports.SYMBOL_NAMESPACE = void 0;
+
+const React = /*#__PURE__*/require("react");
+
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+
+const utils_1 = /*#__PURE__*/require("./utils");
+
+const isBrowser = /*#__PURE__*/react_utilities_1.canUseDOM();
+const globalObject = isBrowser ? window : global; // Identifier for the symbol, for easy idenfitifaction of symbols created by this util
+// Useful for clearning global object during SSR reloads
+
+exports.SYMBOL_NAMESPACE = 'global-context:'; // During SSR the global object persists with the server process
+// Clean out the global object during server reload during development
+
+if (!isBrowser && process.env.NODE_ENV !== 'production') {
+  const globalSymbols = /*#__PURE__*/Object.getOwnPropertySymbols(globalObject);
+  globalSymbols.forEach(sym => {
+    var _a;
+
+    if ((_a = Symbol.keyFor(sym)) === null || _a === void 0 ? void 0 : _a.startsWith(exports.SYMBOL_NAMESPACE)) {
+      // @ts-expect-error - Indexing object with symbols not supported until TS 4.4
+      delete globalObject[sym];
+    }
+  });
+}
+/**
+ * Wrapper around @see React.createContext that implements context registration
+ * in the globalThis object to avoid duplicate contexts. Contexts are keyed with
+ * a unique sybmol for the package name, version and name of the context.
+ *
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol}
+ *
+ * @param defaultValue - @see React.createContext
+ * @param name - name of the context
+ * @param packageName - name of the npm package where the module is used
+ * @param packageVersion - version of the npm package where the module is used
+ * @returns @see React.createContext
+ */
+
+
+const createContext = (defaultValue, name, packageName, packageVersion) => {
+  // Symbol guaranteed to be unique for the entire runtime
+  const sym = Symbol.for(`${exports.SYMBOL_NAMESPACE}${packageName}/${name}/@${utils_1.getMajorVersion(packageVersion)}`); // Objects keyed with symbols are not visible with console.log
+  // Object symbol properties can't be iterated with `for` or `Object.keys`
+
+  const globalSymbols = Object.getOwnPropertySymbols(globalObject);
+
+  if (!globalSymbols.includes(sym)) {
+    // @ts-expect-error - Indexing object with symbols not supported until TS 4.4
+    globalObject[sym] = React.createContext(defaultValue);
+  } // @ts-expect-error - Indexing object with symbols not supported until TS 4.4
+
+
+  return globalObject[sym];
+};
+
+exports.createContext = createContext;
+//# sourceMappingURL=global-context.js.map

package/lib-commonjs/global-context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["global-context.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAEA,MAAA,OAAA,gBAAA,OAAA,CAAA,SAAA,CAAA;;AAEA,MAAM,SAAS,gBAAG,iBAAA,CAAA,SAAA,EAAlB;AACA,MAAM,YAAY,GAAiB,SAAS,GAAG,MAAH,GAAY,MAAxD,C,CAEA;AACA;;AACa,OAAA,CAAA,gBAAA,GAAmB,iBAAnB,C,CAEb;AACA;;AACA,IAAI,CAAC,SAAD,IAAc,OAAO,CAAC,GAAR,CAAY,QAAZ,KAAyB,YAA3C,EAAyD;EACvD,MAAM,aAAa,gBAAG,MAAM,CAAC,qBAAP,CAA6B,YAA7B,CAAtB;EACA,aAAa,CAAC,OAAd,CAAsB,GAAG,IAAG;;;IAC1B,IAAI,CAAA,EAAA,GAAA,MAAM,CAAC,MAAP,CAAc,GAAd,CAAA,MAAkB,IAAlB,IAAkB,EAAA,KAAA,KAAA,CAAlB,GAAkB,KAAA,CAAlB,GAAkB,EAAA,CAAE,UAAF,CAAa,OAAA,CAAA,gBAAb,CAAtB,EAAsD;MACpD;MACA,OAAO,YAAY,CAAC,GAAD,CAAnB;IACD;EACF,CALD;AAMD;AAED;;;;;;;;;;;;AAYG;;;AACI,MAAM,aAAa,GAAG,CAAI,YAAJ,EAAqB,IAArB,EAAmC,WAAnC,EAAwD,cAAxD,KAAkF;EAC7G;EACA,MAAM,GAAG,GAAG,MAAM,CAAC,GAAP,CAAW,GAAG,OAAA,CAAA,gBAAgB,GAAG,WAAW,IAAI,IAAI,KAAK,OAAA,CAAA,eAAA,CAAgB,cAAhB,CAA+B,EAAxF,CAAZ,CAF6G,CAI7G;EACA;;EACA,MAAM,aAAa,GAAG,MAAM,CAAC,qBAAP,CAA6B,YAA7B,CAAtB;;EACA,IAAI,CAAC,aAAa,CAAC,QAAd,CAAuB,GAAvB,CAAL,EAAkC;IAChC;IACA,YAAY,CAAC,GAAD,CAAZ,GAAoB,KAAK,CAAC,aAAN,CAAoB,YAApB,CAApB;EACD,CAV4G,CAY7G;;;EACA,OAAO,YAAY,CAAC,GAAD,CAAnB;AACD,CAdM;;AAAM,OAAA,CAAA,aAAA,GAAa,aAAb","sourcesContent":["import * as React from 'react';\nimport { canUseDOM } from '@fluentui/react-utilities';\nimport { GlobalObject } from './types';\nimport { getMajorVersion } from './utils';\n\nconst isBrowser = canUseDOM();\nconst globalObject: GlobalObject = isBrowser ? window : global;\n\n// Identifier for the symbol, for easy idenfitifaction of symbols created by this util\n// Useful for clearning global object during SSR reloads\nexport const SYMBOL_NAMESPACE = 'global-context:';\n\n// During SSR the global object persists with the server process\n// Clean out the global object during server reload during development\nif (!isBrowser && process.env.NODE_ENV !== 'production') {\n  const globalSymbols = Object.getOwnPropertySymbols(globalObject);\n  globalSymbols.forEach(sym => {\n    if (Symbol.keyFor(sym)?.startsWith(SYMBOL_NAMESPACE)) {\n      // @ts-expect-error - Indexing object with symbols not supported until TS 4.4\n      delete globalObject[sym];\n    }\n  });\n}\n\n/**\n * Wrapper around @see React.createContext that implements context registration\n * in the globalThis object to avoid duplicate contexts. Contexts are keyed with\n * a unique sybmol for the package name, version and name of the context.\n *\n * @see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol}\n *\n * @param defaultValue - @see React.createContext\n * @param name - name of the context\n * @param packageName - name of the npm package where the module is used\n * @param packageVersion - version of the npm package where the module is used\n * @returns @see React.createContext\n */\nexport const createContext = <T>(defaultValue: T, name: string, packageName: string, packageVersion: string) => {\n  // Symbol guaranteed to be unique for the entire runtime\n  const sym = Symbol.for(`${SYMBOL_NAMESPACE}${packageName}/${name}/@${getMajorVersion(packageVersion)}`);\n\n  // Objects keyed with symbols are not visible with console.log\n  // Object symbol properties can't be iterated with `for` or `Object.keys`\n  const globalSymbols = Object.getOwnPropertySymbols(globalObject);\n  if (!globalSymbols.includes(sym)) {\n    // @ts-expect-error - Indexing object with symbols not supported until TS 4.4\n    globalObject[sym] = React.createContext(defaultValue);\n  }\n\n  // @ts-expect-error - Indexing object with symbols not supported until TS 4.4\n  return globalObject[sym] as React.Context<T>;\n};\n"],"sourceRoot":"../src/"}

package/lib-commonjs/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createContextSelector = exports.createContext = void 0;
+
+var global_context_1 = /*#__PURE__*/require("./global-context");
+
+Object.defineProperty(exports, "createContext", {
+  enumerable: true,
+  get: function () {
+    return global_context_1.createContext;
+  }
+});
+
+var global_context_selector_1 = /*#__PURE__*/require("./global-context-selector");
+
+Object.defineProperty(exports, "createContextSelector", {
+  enumerable: true,
+  get: function () {
+    return global_context_selector_1.createContext;
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;;AAAS,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,eAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,gBAAA,CAAA,aAAA;EAAa;AAAb,CAAA;;AACT,IAAA,yBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAAS,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,uBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,yBAAA,CAAA,aAAA;EAAa;AAAb,CAAA","sourcesContent":["export { createContext } from './global-context';\nexport { createContext as createContextSelector } from './global-context-selector';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/types.js

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

package/lib-commonjs/types.js.map

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

package/lib-commonjs/utils.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getMajorVersion = void 0;
+/**
+ * @param version - semver version string
+ * @returns The major version number
+ */
+
+function getMajorVersion(version) {
+  return Number(version.split('.')[0]);
+}
+
+exports.getMajorVersion = getMajorVersion;
+//# sourceMappingURL=utils.js.map

package/lib-commonjs/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["utils.ts"],"names":[],"mappings":";;;;;;AAAA;;;AAGG;;AACH,SAAgB,eAAhB,CAAgC,OAAhC,EAA+C;EAC7C,OAAO,MAAM,CAAC,OAAO,CAAC,KAAR,CAAc,GAAd,EAAmB,CAAnB,CAAD,CAAb;AACD;;AAFD,OAAA,CAAA,eAAA,GAAA,eAAA","sourcesContent":["/**\n * @param version - semver version string\n * @returns The major version number\n */\nexport function getMajorVersion(version: string) {\n  return Number(version.split('.')[0]);\n}\n"],"sourceRoot":"../src/"}

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "@fluentui/global-context",
+  "version": "0.0.0-nightly-20220624-0419.1",
+  "description": "Extension of React createContext to be a true singleton on the global scope",
+  "main": "lib-commonjs/index.js",
+  "module": "lib/index.js",
+  "typings": "dist/index.d.ts",
+  "sideEffects": false,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/microsoft/fluentui"
+  },
+  "license": "MIT",
+  "scripts": {
+    "build": "just-scripts build",
+    "bundle-size": "bundle-size measure",
+    "clean": "just-scripts clean",
+    "code-style": "just-scripts code-style",
+    "e2e": "yarn cypress run --component",
+    "e2e:local": "yarn cypress open --component",
+    "just": "just-scripts",
+    "lint": "just-scripts lint",
+    "start": "yarn storybook",
+    "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/global-context/src && yarn docs",
+    "storybook": "node ../../../scripts/storybook/runner",
+    "type-check": "tsc -b tsconfig.json"
+  },
+  "devDependencies": {
+    "@fluentui/eslint-plugin": "*",
+    "@fluentui/scripts": "^1.0.0"
+  },
+  "dependencies": {
+    "@fluentui/react-context-selector": "0.0.0-nightly-20220624-0419.1",
+    "@fluentui/react-utilities": "0.0.0-nightly-20220624-0419.1",
+    "tslib": "^2.1.0"
+  },
+  "peerDependencies": {
+    "@types/react": ">=16.8.0 <18.0.0",
+    "@types/react-dom": ">=16.8.0 <18.0.0",
+    "react": ">=16.8.0 <18.0.0",
+    "react-dom": ">=16.8.0 <18.0.0",
+    "scheduler": "^0.19.0 || ^0.20.0"
+  },
+  "beachball": {
+    "disallowedChangeTypes": [
+      "major",
+      "minor",
+      "patch"
+    ]
+  }
+}