@fluentui/react-context-selector 0.0.0-nightly-20230317-1454.1 → 0.0.0-nightly-20230321-0440.1

package/CHANGELOG.json

@@ -2,9 +2,9 @@
   "name": "@fluentui/react-context-selector",
   "entries": [
     {
-      "date": "Fri, 17 Mar 2023 15:00:14 GMT",
-      "tag": "@fluentui/react-context-selector_v0.0.0-nightly-20230317-1454.1",
-      "version": "0.0.0-nightly-20230317-1454.1",
+      "date": "Tue, 21 Mar 2023 04:49:55 GMT",
+      "tag": "@fluentui/react-context-selector_v0.0.0-nightly-20230321-0440.1",
+      "version": "0.0.0-nightly-20230321-0440.1",
       "comments": {
         "prerelease": [
           {
@@ -16,8 +16,8 @@
           {
             "author": "beachball",
             "package": "@fluentui/react-context-selector",
-            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20230317-1454.1",
-            "commit": "636275472966fa37b1efc14ac2e70ad32bd39b86"
+            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20230321-0440.1",
+            "commit": "e913db5700c77cb74564f4422c775d52ef302e91"
           }
         ]
       }

package/CHANGELOG.md

@@ -1,18 +1,18 @@
 # Change Log - @fluentui/react-context-selector
 
-This log was last generated on Fri, 17 Mar 2023 15:00:14 GMT and should not be manually modified.
+This log was last generated on Tue, 21 Mar 2023 04:49:55 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20230317-1454.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v0.0.0-nightly-20230317-1454.1)
+## [0.0.0-nightly-20230321-0440.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v0.0.0-nightly-20230321-0440.1)
 
-Fri, 17 Mar 2023 15:00:14 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.1.14..@fluentui/react-context-selector_v0.0.0-nightly-20230317-1454.1)
+Tue, 21 Mar 2023 04:49:55 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.1.14..@fluentui/react-context-selector_v0.0.0-nightly-20230321-0440.1)
 
 ### Changes
 
 - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
-- Bump @fluentui/react-utilities to v0.0.0-nightly-20230317-1454.1 ([commit](https://github.com/microsoft/fluentui/commit/636275472966fa37b1efc14ac2e70ad32bd39b86) by beachball)
+- Bump @fluentui/react-utilities to v0.0.0-nightly-20230321-0440.1 ([commit](https://github.com/microsoft/fluentui/commit/e913db5700c77cb74564f4422c775d52ef302e91) by beachball)
 
 ## [9.1.14](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.1.14)
 

package/lib/createContext.js

@@ -1,6 +1,6 @@
-import { useIsomorphicLayoutEffect } from "@fluentui/react-utilities";
-import * as React from "react";
-import { unstable_NormalPriority as NormalPriority, unstable_runWithPriority as runWithPriority } from "scheduler";
+import { useIsomorphicLayoutEffect } from '@fluentui/react-utilities';
+import * as React from 'react';
+import { unstable_NormalPriority as NormalPriority, unstable_runWithPriority as runWithPriority } from 'scheduler';
 const createProvider = Original => {
   const Provider = props => {
     // Holds an actual "props.value"
@@ -30,8 +30,8 @@ const createProvider = Original => {
     }, props.children);
   };
   /* istanbul ignore else */
-  if (process.env.NODE_ENV !== "production") {
-    Provider.displayName = "ContextSelector.Provider";
+  if (process.env.NODE_ENV !== 'production') {
+    Provider.displayName = 'ContextSelector.Provider';
   }
   return Provider;
 };

package/lib/createContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["useIsomorphicLayoutEffect","React","unstable_NormalPriority","NormalPriority","unstable_runWithPriority","runWithPriority","createProvider","Original","Provider","props","valueRef","useRef","value","versionRef","contextValue","current","version","listeners","forEach","listener","createElement","children","process","env","NODE_ENV","displayName","createContext","defaultValue","context","Consumer"],"sources":["../src/createContext.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport { unstable_NormalPriority as NormalPriority, unstable_runWithPriority as runWithPriority } from 'scheduler';\n\nimport { Context, ContextValue } from './types';\n\nconst createProvider = <Value>(Original: React.Provider<ContextValue<Value>>) => {\n  const Provider: React.FC<React.ProviderProps<Value>> = props => {\n    // Holds an actual \"props.value\"\n    const valueRef = React.useRef(props.value);\n    // Used to sync context updates and avoid stale values, can be considered as render/effect counter of Provider.\n    const versionRef = React.useRef(0);\n\n    // A stable object, is used to avoid context updates via mutation of its values.\n    const contextValue = React.useRef<ContextValue<Value>>();\n\n    if (!contextValue.current) {\n      contextValue.current = {\n        value: valueRef,\n        version: versionRef,\n        listeners: [],\n      };\n    }\n\n    useIsomorphicLayoutEffect(() => {\n      valueRef.current = props.value;\n      versionRef.current += 1;\n\n      runWithPriority(NormalPriority, () => {\n        (contextValue.current as ContextValue<Value>).listeners.forEach(listener => {\n          listener([versionRef.current, props.value]);\n        });\n      });\n    }, [props.value]);\n\n    return React.createElement(Original, { value: contextValue.current }, props.children);\n  };\n\n  /* istanbul ignore else */\n  if (process.env.NODE_ENV !== 'production') {\n    Provider.displayName = 'ContextSelector.Provider';\n  }\n\n  return Provider as unknown as React.Provider<ContextValue<Value>>;\n};\n\n/**\n * @internal\n */\nexport const createContext = <Value>(defaultValue: Value): Context<Value> => {\n  // eslint-disable-next-line @fluentui/no-context-default-value\n  const context = React.createContext<ContextValue<Value>>({\n    value: { current: defaultValue },\n    version: { current: -1 },\n    listeners: [],\n  });\n\n  context.Provider = createProvider<Value>(context.Provider);\n\n  // We don't support Consumer API\n  delete (context as unknown as Context<Value>).Consumer;\n\n  return context as unknown as Context<Value>;\n};\n"],"mappings":"AAAA,SAASA,yBAAyB,QAAQ;AAC1C,YAAYC,KAAA,MAAW;AACvB,SAASC,uBAAA,IAA2BC,cAAc,EAAEC,wBAAA,IAA4BC,eAAe,QAAQ;AAIvG,MAAMC,cAAA,GAAyBC,QAAA,IAAkD;EAC/E,MAAMC,QAAA,GAAiDC,KAAA,IAAS;IAC9D;IACA,MAAMC,QAAA,GAAWT,KAAA,CAAMU,MAAM,CAACF,KAAA,CAAMG,KAAK;IACzC;IACA,MAAMC,UAAA,GAAaZ,KAAA,CAAMU,MAAM,CAAC;IAEhC;IACA,MAAMG,YAAA,GAAeb,KAAA,CAAMU,MAAM;IAEjC,IAAI,CAACG,YAAA,CAAaC,OAAO,EAAE;MACzBD,YAAA,CAAaC,OAAO,GAAG;QACrBH,KAAA,EAAOF,QAAA;QACPM,OAAA,EAASH,UAAA;QACTI,SAAA,EAAW;MACb;IACF;IAEAjB,yBAAA,CAA0B,MAAM;MAC9BU,QAAA,CAASK,OAAO,GAAGN,KAAA,CAAMG,KAAK;MAC9BC,UAAA,CAAWE,OAAO,IAAI;MAEtBV,eAAA,CAAgBF,cAAA,EAAgB,MAAM;QACnCW,YAAA,CAAaC,OAAO,CAAyBE,SAAS,CAACC,OAAO,CAACC,QAAA,IAAY;UAC1EA,QAAA,CAAS,CAACN,UAAA,CAAWE,OAAO,EAAEN,KAAA,CAAMG,KAAK,CAAC;QAC5C;MACF;IACF,GAAG,CAACH,KAAA,CAAMG,KAAK,CAAC;IAEhB,oBAAOX,KAAA,CAAMmB,aAAa,CAACb,QAAA,EAAU;MAAEK,KAAA,EAAOE,YAAA,CAAaC;IAAQ,GAAGN,KAAA,CAAMY,QAAQ;EACtF;EAEA;EACA,IAAIC,OAAA,CAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;IACzChB,QAAA,CAASiB,WAAW,GAAG;EACzB;EAEA,OAAOjB,QAAA;AACT;AAEA;;;AAGA,OAAO,MAAMkB,aAAA,GAAwBC,YAAA,IAAwC;EAC3E;EACA,MAAMC,OAAA,gBAAU3B,KAAA,CAAMyB,aAAa,CAAsB;IACvDd,KAAA,EAAO;MAAEG,OAAA,EAASY;IAAa;IAC/BX,OAAA,EAAS;MAAED,OAAA,EAAS,CAAC;IAAE;IACvBE,SAAA,EAAW;EACb;EAEAW,OAAA,CAAQpB,QAAQ,GAAGF,cAAA,CAAsBsB,OAAA,CAAQpB,QAAQ;EAEzD;EACA,OAAOoB,OAAC,CAAsCC,QAAQ;EAEtD,OAAOD,OAAA;AACT"}
+{"version":3,"names":["useIsomorphicLayoutEffect","React","unstable_NormalPriority","NormalPriority","unstable_runWithPriority","runWithPriority","createProvider","Original","Provider","props","valueRef","useRef","value","versionRef","contextValue","current","version","listeners","forEach","listener","createElement","children","process","env","NODE_ENV","displayName","createContext","defaultValue","context","Consumer"],"sources":["../../../../../../../packages/react-components/react-context-selector/src/createContext.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport { unstable_NormalPriority as NormalPriority, unstable_runWithPriority as runWithPriority } from 'scheduler';\n\nimport { Context, ContextValue } from './types';\n\nconst createProvider = <Value>(Original: React.Provider<ContextValue<Value>>) => {\n  const Provider: React.FC<React.ProviderProps<Value>> = props => {\n    // Holds an actual \"props.value\"\n    const valueRef = React.useRef(props.value);\n    // Used to sync context updates and avoid stale values, can be considered as render/effect counter of Provider.\n    const versionRef = React.useRef(0);\n\n    // A stable object, is used to avoid context updates via mutation of its values.\n    const contextValue = React.useRef<ContextValue<Value>>();\n\n    if (!contextValue.current) {\n      contextValue.current = {\n        value: valueRef,\n        version: versionRef,\n        listeners: [],\n      };\n    }\n\n    useIsomorphicLayoutEffect(() => {\n      valueRef.current = props.value;\n      versionRef.current += 1;\n\n      runWithPriority(NormalPriority, () => {\n        (contextValue.current as ContextValue<Value>).listeners.forEach(listener => {\n          listener([versionRef.current, props.value]);\n        });\n      });\n    }, [props.value]);\n\n    return React.createElement(Original, { value: contextValue.current }, props.children);\n  };\n\n  /* istanbul ignore else */\n  if (process.env.NODE_ENV !== 'production') {\n    Provider.displayName = 'ContextSelector.Provider';\n  }\n\n  return Provider as unknown as React.Provider<ContextValue<Value>>;\n};\n\n/**\n * @internal\n */\nexport const createContext = <Value>(defaultValue: Value): Context<Value> => {\n  // eslint-disable-next-line @fluentui/no-context-default-value\n  const context = React.createContext<ContextValue<Value>>({\n    value: { current: defaultValue },\n    version: { current: -1 },\n    listeners: [],\n  });\n\n  context.Provider = createProvider<Value>(context.Provider);\n\n  // We don't support Consumer API\n  delete (context as unknown as Context<Value>).Consumer;\n\n  return context as unknown as Context<Value>;\n};\n"],"mappings":"AAAA,SAASA,yBAAyB,QAAQ,2BAA2B;AACrE,OAAO,KAAKC,KAAK,MAAM,OAAO;AAC9B,SAASC,uBAAuB,IAAIC,cAAc,EAAEC,wBAAwB,IAAIC,eAAe,QAAQ,WAAW;AAIlH,MAAMC,cAAc,GAAWC,QAA6C,IAAI;EAC9E,MAAMC,QAAQ,GAAyCC,KAAK,IAAG;IAC7D;IACA,MAAMC,QAAQ,GAAGT,KAAK,CAACU,MAAM,CAACF,KAAK,CAACG,KAAK,CAAC;IAC1C;IACA,MAAMC,UAAU,GAAGZ,KAAK,CAACU,MAAM,CAAC,CAAC,CAAC;IAElC;IACA,MAAMG,YAAY,GAAGb,KAAK,CAACU,MAAM,EAAuB;IAExD,IAAI,CAACG,YAAY,CAACC,OAAO,EAAE;MACzBD,YAAY,CAACC,OAAO,GAAG;QACrBH,KAAK,EAAEF,QAAQ;QACfM,OAAO,EAAEH,UAAU;QACnBI,SAAS,EAAE;OACZ;;IAGHjB,yBAAyB,CAAC,MAAK;MAC7BU,QAAQ,CAACK,OAAO,GAAGN,KAAK,CAACG,KAAK;MAC9BC,UAAU,CAACE,OAAO,IAAI,CAAC;MAEvBV,eAAe,CAACF,cAAc,EAAE,MAAK;QAClCW,YAAY,CAACC,OAA+B,CAACE,SAAS,CAACC,OAAO,CAACC,QAAQ,IAAG;UACzEA,QAAQ,CAAC,CAACN,UAAU,CAACE,OAAO,EAAEN,KAAK,CAACG,KAAK,CAAC,CAAC;QAC7C,CAAC,CAAC;MACJ,CAAC,CAAC;IACJ,CAAC,EAAE,CAACH,KAAK,CAACG,KAAK,CAAC,CAAC;IAEjB,oBAAOX,KAAK,CAACmB,aAAa,CAACb,QAAQ,EAAE;MAAEK,KAAK,EAAEE,YAAY,CAACC;IAAO,CAAE,EAAEN,KAAK,CAACY,QAAQ,CAAC;EACvF,CAAC;EAED;EACA,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;IACzChB,QAAQ,CAACiB,WAAW,GAAG,0BAA0B;;EAGnD,OAAOjB,QAA0D;AACnE,CAAC;AAED;;;AAGA,OAAO,MAAMkB,aAAa,GAAWC,YAAmB,IAAoB;EAC1E;EACA,MAAMC,OAAO,gBAAG3B,KAAK,CAACyB,aAAa,CAAsB;IACvDd,KAAK,EAAE;MAAEG,OAAO,EAAEY;IAAY,CAAE;IAChCX,OAAO,EAAE;MAAED,OAAO,EAAE,CAAC;IAAC,CAAE;IACxBE,SAAS,EAAE;GACZ,CAAC;EAEFW,OAAO,CAACpB,QAAQ,GAAGF,cAAc,CAAQsB,OAAO,CAACpB,QAAQ,CAAC;EAE1D;EACA,OAAQoB,OAAqC,CAACC,QAAQ;EAEtD,OAAOD,OAAoC;AAC7C,CAAC"}

package/lib/index.js

@@ -1,4 +1,4 @@
-export { createContext } from "./createContext";
-export { useContextSelector } from "./useContextSelector";
-export { useHasParentContext } from "./useHasParentContext";
+export { createContext } from './createContext';
+export { useContextSelector } from './useContextSelector';
+export { useHasParentContext } from './useHasParentContext';
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["createContext","useContextSelector","useHasParentContext"],"sources":["../src/index.ts"],"sourcesContent":["export { createContext } from './createContext';\nexport { useContextSelector } from './useContextSelector';\nexport { useHasParentContext } from './useHasParentContext';\n// eslint-disable-next-line @fluentui/ban-context-export\nexport type { Context, ContextSelector, ContextValue, ContextValues, ContextVersion } from './types';\n"],"mappings":"AAAA,SAASA,aAAa,QAAQ;AAC9B,SAASC,kBAAkB,QAAQ;AACnC,SAASC,mBAAmB,QAAQ"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-context-selector/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC","sourcesContent":["export { createContext } from './createContext';\nexport { useContextSelector } from './useContextSelector';\nexport { useHasParentContext } from './useHasParentContext';\n// eslint-disable-next-line @fluentui/ban-context-export\nexport type { Context, ContextSelector, ContextValue, ContextValues, ContextVersion } from './types';\n"]}

package/lib/types.js

@@ -1,2 +1,2 @@
-import * as React from "react";
+export {};
 //# sourceMappingURL=types.js.map

package/lib/types.js.map

@@ -1 +1 @@
-{"version":3,"names":["React"],"sources":["../src/types.ts"],"sourcesContent":["import * as React from 'react';\n\n/**\n * @internal\n */\nexport type Context<Value> = React.Context<Value> & {\n  Provider: React.FC<React.ProviderProps<Value>>;\n  Consumer: never;\n};\n\nexport type ContextSelector<Value, SelectedValue> = (value: Value) => SelectedValue;\n\n/**\n * @internal\n */\nexport type ContextVersion = number;\n\n/**\n * @internal\n */\nexport type ContextValue<Value> = {\n  /** Holds a set of subscribers from components. */\n  listeners: ((payload: readonly [ContextVersion, Value]) => void)[];\n\n  /** Holds an actual value of React's context that will be propagated down for computations. */\n  value: React.MutableRefObject<Value>;\n\n  /** A version field is used to sync a context value and consumers. */\n  version: React.MutableRefObject<ContextVersion>;\n};\n\n/**\n * @internal\n */\nexport type ContextValues<Value> = ContextValue<Value> & {\n  /** List of listners to publish changes */\n  listeners: ((payload: readonly [ContextVersion, Record<string, Value>]) => void)[];\n};\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-context-selector/src/types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\n\n/**\n * @internal\n */\nexport type Context<Value> = React.Context<Value> & {\n  Provider: React.FC<React.ProviderProps<Value>>;\n  Consumer: never;\n};\n\nexport type ContextSelector<Value, SelectedValue> = (value: Value) => SelectedValue;\n\n/**\n * @internal\n */\nexport type ContextVersion = number;\n\n/**\n * @internal\n */\nexport type ContextValue<Value> = {\n  /** Holds a set of subscribers from components. */\n  listeners: ((payload: readonly [ContextVersion, Value]) => void)[];\n\n  /** Holds an actual value of React's context that will be propagated down for computations. */\n  value: React.MutableRefObject<Value>;\n\n  /** A version field is used to sync a context value and consumers. */\n  version: React.MutableRefObject<ContextVersion>;\n};\n\n/**\n * @internal\n */\nexport type ContextValues<Value> = ContextValue<Value> & {\n  /** List of listners to publish changes */\n  listeners: ((payload: readonly [ContextVersion, Record<string, Value>]) => void)[];\n};\n"]}

package/lib/useContextSelector.js

@@ -1,5 +1,5 @@
-import { useIsomorphicLayoutEffect } from "@fluentui/react-utilities";
-import * as React from "react";
+import { useIsomorphicLayoutEffect } from '@fluentui/react-utilities';
+import * as React from 'react';
 /**
  * @internal
  * This hook returns context selected value by selector.
@@ -64,7 +64,8 @@ export const useContextSelector = (context, selector) => {
 /**
  * inlined Object.is polyfill to avoid requiring consumers ship their own
  * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
- */ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 function is(x, y) {
   return x === y && (x !== 0 || 1 / x === 1 / y) || x !== x && y !== y // eslint-disable-line no-self-compare
   ;
@@ -73,5 +74,5 @@ function is(x, y) {
 const objectIs =
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore fallback to native if it exists (not in IE11)
-typeof Object.is === "function" ? Object.is : is;
+typeof Object.is === 'function' ? Object.is : is;
 //# sourceMappingURL=useContextSelector.js.map

package/lib/useContextSelector.js.map

@@ -1 +1 @@
-{"version":3,"names":["useIsomorphicLayoutEffect","React","useContextSelector","context","selector","contextValue","useContext","value","current","version","listeners","selected","state","dispatch","useReducer","prevState","payload","objectIs","nextSelected","e","undefined","push","index","indexOf","splice","is","x","y","Object"],"sources":["../src/useContextSelector.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\nimport * as React from 'react';\n\nimport { Context, ContextSelector, ContextValue, ContextVersion } from './types';\n\n/**\n * Narrowing React.Reducer type to be more easily usable below.\n * No need to export this as it's for internal reducer usage.\n */\ntype ContextReducer<Value, SelectedValue> = React.Reducer<\n  readonly [Value, SelectedValue],\n  undefined | readonly [ContextVersion, Value]\n>;\n\n/**\n * @internal\n * This hook returns context selected value by selector.\n * It will only accept context created by `createContext`.\n * It will trigger re-render if only the selected value is referentially changed.\n */\nexport const useContextSelector = <Value, SelectedValue>(\n  context: Context<Value>,\n  selector: ContextSelector<Value, SelectedValue>,\n): SelectedValue => {\n  const contextValue = React.useContext(context as unknown as Context<ContextValue<Value>>);\n\n  const {\n    value: { current: value },\n    version: { current: version },\n    listeners,\n  } = contextValue;\n  const selected = selector(value);\n\n  const [state, dispatch] = React.useReducer<ContextReducer<Value, SelectedValue>>(\n    (\n      prevState: readonly [Value /* contextValue */, SelectedValue /* selector(value) */],\n      payload:\n        | undefined // undefined from render below\n        | readonly [ContextVersion, Value], // from provider effect\n    ): readonly [Value, SelectedValue] => {\n      if (!payload) {\n        // early bail out when is dispatched during render\n        return [value, selected] as const;\n      }\n\n      if (payload[0] <= version) {\n        if (objectIs(prevState[1], selected)) {\n          return prevState; // bail out\n        }\n\n        return [value, selected] as const;\n      }\n\n      try {\n        if (objectIs(prevState[0], payload[1])) {\n          return prevState; // do not update\n        }\n\n        const nextSelected = selector(payload[1]);\n\n        if (objectIs(prevState[1], nextSelected)) {\n          return prevState; // do not update\n        }\n\n        return [payload[1], nextSelected] as const;\n      } catch (e) {\n        // ignored (stale props or some other reason)\n      }\n\n      // explicitly spread to enforce typing\n      return [prevState[0], prevState[1]] as const; // schedule update\n    },\n    [value, selected] as const,\n  );\n\n  if (!objectIs(state[1], selected)) {\n    // schedule re-render\n    // this is safe because it's self contained\n    dispatch(undefined);\n  }\n\n  useIsomorphicLayoutEffect(() => {\n    listeners.push(dispatch);\n\n    return () => {\n      const index = listeners.indexOf(dispatch);\n      listeners.splice(index, 1);\n    };\n  }, [listeners]);\n\n  return state[1] as SelectedValue;\n};\n\n/**\n * inlined Object.is polyfill to avoid requiring consumers ship their own\n * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction is(x: any, y: any) {\n  return (\n    (x === y && (x !== 0 || 1 / x === 1 / y)) || (x !== x && y !== y) // eslint-disable-line no-self-compare\n  );\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst objectIs: (x: any, y: any) => boolean =\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-ignore fallback to native if it exists (not in IE11)\n  typeof Object.is === 'function' ? Object.is : is;\n"],"mappings":"AAAA,SAASA,yBAAyB,QAAQ;AAC1C,YAAYC,KAAA,MAAW;AAavB;;;;;;AAMA,OAAO,MAAMC,kBAAA,GAAqBA,CAChCC,OAAA,EACAC,QAAA,KACkB;EAClB,MAAMC,YAAA,GAAeJ,KAAA,CAAMK,UAAU,CAACH,OAAA;EAEtC,MAAM;IACJI,KAAA,EAAO;MAAEC,OAAA,EAASD;IAAK,CAAE;IACzBE,OAAA,EAAS;MAAED,OAAA,EAASC;IAAO,CAAE;IAC7BC;EAAS,CACV,GAAGL,YAAA;EACJ,MAAMM,QAAA,GAAWP,QAAA,CAASG,KAAA;EAE1B,MAAM,CAACK,KAAA,EAAOC,QAAA,CAAS,GAAGZ,KAAA,CAAMa,UAAU,CACxC,CACEC,SAAA,EACAC,OAAA,KAGoC;IACpC,IAAI,CAACA,OAAA,EAAS;MACZ;MACA,OAAO,CAACT,KAAA,EAAOI,QAAA,CAAS;IAC1B;IAEA,IAAIK,OAAO,CAAC,EAAE,IAAIP,OAAA,EAAS;MACzB,IAAIQ,QAAA,CAASF,SAAS,CAAC,EAAE,EAAEJ,QAAA,GAAW;QACpC,OAAOI,SAAA,EAAW;MACpB;;MAEA,OAAO,CAACR,KAAA,EAAOI,QAAA,CAAS;IAC1B;IAEA,IAAI;MACF,IAAIM,QAAA,CAASF,SAAS,CAAC,EAAE,EAAEC,OAAO,CAAC,EAAE,GAAG;QACtC,OAAOD,SAAA,EAAW;MACpB;;MAEA,MAAMG,YAAA,GAAed,QAAA,CAASY,OAAO,CAAC,EAAE;MAExC,IAAIC,QAAA,CAASF,SAAS,CAAC,EAAE,EAAEG,YAAA,GAAe;QACxC,OAAOH,SAAA,EAAW;MACpB;;MAEA,OAAO,CAACC,OAAO,CAAC,EAAE,EAAEE,YAAA,CAAa;IACnC,EAAE,OAAOC,CAAA,EAAG;MACV;IAAA;IAGF;IACA,OAAO,CAACJ,SAAS,CAAC,EAAE,EAAEA,SAAS,CAAC,EAAE,CAAC,EAAW;EAChD,GACA,CAACR,KAAA,EAAOI,QAAA,CAAS;EAGnB,IAAI,CAACM,QAAA,CAASL,KAAK,CAAC,EAAE,EAAED,QAAA,GAAW;IACjC;IACA;IACAE,QAAA,CAASO,SAAA;EACX;EAEApB,yBAAA,CAA0B,MAAM;IAC9BU,SAAA,CAAUW,IAAI,CAACR,QAAA;IAEf,OAAO,MAAM;MACX,MAAMS,KAAA,GAAQZ,SAAA,CAAUa,OAAO,CAACV,QAAA;MAChCH,SAAA,CAAUc,MAAM,CAACF,KAAA,EAAO;IAC1B;EACF,GAAG,CAACZ,SAAA,CAAU;EAEd,OAAOE,KAAK,CAAC,EAAE;AACjB;AAEA;;;GAAA,CAIA;AACA,SAASa,GAAGC,CAAM,EAAEC,CAAM,EAAE;EAC1B,OACED,CAAC,KAAMC,CAAA,KAAMD,CAAA,KAAM,KAAK,IAAIA,CAAA,KAAM,IAAIC,CAAA,KAAQD,CAAA,KAAMA,CAAA,IAAKC,CAAA,KAAMA,CAAA,CAAG;EAAA;AAEtE;AAEA;AACA,MAAMV,QAAA;AACJ;AACA;AACA,OAAOW,MAAA,CAAOH,EAAE,KAAK,aAAaG,MAAA,CAAOH,EAAE,GAAGA,EAAE"}
+{"version":3,"names":["useIsomorphicLayoutEffect","React","useContextSelector","context","selector","contextValue","useContext","value","current","version","listeners","selected","state","dispatch","useReducer","prevState","payload","objectIs","nextSelected","e","undefined","push","index","indexOf","splice","is","x","y","Object"],"sources":["../../../../../../../packages/react-components/react-context-selector/src/useContextSelector.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\nimport * as React from 'react';\n\nimport { Context, ContextSelector, ContextValue, ContextVersion } from './types';\n\n/**\n * Narrowing React.Reducer type to be more easily usable below.\n * No need to export this as it's for internal reducer usage.\n */\ntype ContextReducer<Value, SelectedValue> = React.Reducer<\n  readonly [Value, SelectedValue],\n  undefined | readonly [ContextVersion, Value]\n>;\n\n/**\n * @internal\n * This hook returns context selected value by selector.\n * It will only accept context created by `createContext`.\n * It will trigger re-render if only the selected value is referentially changed.\n */\nexport const useContextSelector = <Value, SelectedValue>(\n  context: Context<Value>,\n  selector: ContextSelector<Value, SelectedValue>,\n): SelectedValue => {\n  const contextValue = React.useContext(context as unknown as Context<ContextValue<Value>>);\n\n  const {\n    value: { current: value },\n    version: { current: version },\n    listeners,\n  } = contextValue;\n  const selected = selector(value);\n\n  const [state, dispatch] = React.useReducer<ContextReducer<Value, SelectedValue>>(\n    (\n      prevState: readonly [Value /* contextValue */, SelectedValue /* selector(value) */],\n      payload:\n        | undefined // undefined from render below\n        | readonly [ContextVersion, Value], // from provider effect\n    ): readonly [Value, SelectedValue] => {\n      if (!payload) {\n        // early bail out when is dispatched during render\n        return [value, selected] as const;\n      }\n\n      if (payload[0] <= version) {\n        if (objectIs(prevState[1], selected)) {\n          return prevState; // bail out\n        }\n\n        return [value, selected] as const;\n      }\n\n      try {\n        if (objectIs(prevState[0], payload[1])) {\n          return prevState; // do not update\n        }\n\n        const nextSelected = selector(payload[1]);\n\n        if (objectIs(prevState[1], nextSelected)) {\n          return prevState; // do not update\n        }\n\n        return [payload[1], nextSelected] as const;\n      } catch (e) {\n        // ignored (stale props or some other reason)\n      }\n\n      // explicitly spread to enforce typing\n      return [prevState[0], prevState[1]] as const; // schedule update\n    },\n    [value, selected] as const,\n  );\n\n  if (!objectIs(state[1], selected)) {\n    // schedule re-render\n    // this is safe because it's self contained\n    dispatch(undefined);\n  }\n\n  useIsomorphicLayoutEffect(() => {\n    listeners.push(dispatch);\n\n    return () => {\n      const index = listeners.indexOf(dispatch);\n      listeners.splice(index, 1);\n    };\n  }, [listeners]);\n\n  return state[1] as SelectedValue;\n};\n\n/**\n * inlined Object.is polyfill to avoid requiring consumers ship their own\n * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction is(x: any, y: any) {\n  return (\n    (x === y && (x !== 0 || 1 / x === 1 / y)) || (x !== x && y !== y) // eslint-disable-line no-self-compare\n  );\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst objectIs: (x: any, y: any) => boolean =\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-ignore fallback to native if it exists (not in IE11)\n  typeof Object.is === 'function' ? Object.is : is;\n"],"mappings":"AAAA,SAASA,yBAAyB,QAAQ,2BAA2B;AACrE,OAAO,KAAKC,KAAK,MAAM,OAAO;AAa9B;;;;;;AAMA,OAAO,MAAMC,kBAAkB,GAAGA,CAChCC,OAAuB,EACvBC,QAA+C,KAC9B;EACjB,MAAMC,YAAY,GAAGJ,KAAK,CAACK,UAAU,CAACH,OAAkD,CAAC;EAEzF,MAAM;IACJI,KAAK,EAAE;MAAEC,OAAO,EAAED;IAAK,CAAE;IACzBE,OAAO,EAAE;MAAED,OAAO,EAAEC;IAAO,CAAE;IAC7BC;EAAS,CACV,GAAGL,YAAY;EAChB,MAAMM,QAAQ,GAAGP,QAAQ,CAACG,KAAK,CAAC;EAEhC,MAAM,CAACK,KAAK,EAAEC,QAAQ,CAAC,GAAGZ,KAAK,CAACa,UAAU,CACxC,CACEC,SAAmF,EACnFC,OAEoC,KACD;IACnC,IAAI,CAACA,OAAO,EAAE;MACZ;MACA,OAAO,CAACT,KAAK,EAAEI,QAAQ,CAAU;;IAGnC,IAAIK,OAAO,CAAC,CAAC,CAAC,IAAIP,OAAO,EAAE;MACzB,IAAIQ,QAAQ,CAACF,SAAS,CAAC,CAAC,CAAC,EAAEJ,QAAQ,CAAC,EAAE;QACpC,OAAOI,SAAS,CAAC,CAAC;;;MAGpB,OAAO,CAACR,KAAK,EAAEI,QAAQ,CAAU;;IAGnC,IAAI;MACF,IAAIM,QAAQ,CAACF,SAAS,CAAC,CAAC,CAAC,EAAEC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE;QACtC,OAAOD,SAAS,CAAC,CAAC;;;MAGpB,MAAMG,YAAY,GAAGd,QAAQ,CAACY,OAAO,CAAC,CAAC,CAAC,CAAC;MAEzC,IAAIC,QAAQ,CAACF,SAAS,CAAC,CAAC,CAAC,EAAEG,YAAY,CAAC,EAAE;QACxC,OAAOH,SAAS,CAAC,CAAC;;;MAGpB,OAAO,CAACC,OAAO,CAAC,CAAC,CAAC,EAAEE,YAAY,CAAU;KAC3C,CAAC,OAAOC,CAAC,EAAE;MACV;IAAA;IAGF;IACA,OAAO,CAACJ,SAAS,CAAC,CAAC,CAAC,EAAEA,SAAS,CAAC,CAAC,CAAC,CAAU,CAAC,CAAC;EAChD,CAAC,EACD,CAACR,KAAK,EAAEI,QAAQ,CAAU,CAC3B;EAED,IAAI,CAACM,QAAQ,CAACL,KAAK,CAAC,CAAC,CAAC,EAAED,QAAQ,CAAC,EAAE;IACjC;IACA;IACAE,QAAQ,CAACO,SAAS,CAAC;;EAGrBpB,yBAAyB,CAAC,MAAK;IAC7BU,SAAS,CAACW,IAAI,CAACR,QAAQ,CAAC;IAExB,OAAO,MAAK;MACV,MAAMS,KAAK,GAAGZ,SAAS,CAACa,OAAO,CAACV,QAAQ,CAAC;MACzCH,SAAS,CAACc,MAAM,CAACF,KAAK,EAAE,CAAC,CAAC;IAC5B,CAAC;EACH,CAAC,EAAE,CAACZ,SAAS,CAAC,CAAC;EAEf,OAAOE,KAAK,CAAC,CAAC,CAAkB;AAClC,CAAC;AAED;;;;AAIA;AACA,SAASa,EAAEA,CAACC,CAAM,EAAEC,CAAM;EACxB,OACGD,CAAC,KAAKC,CAAC,KAAKD,CAAC,KAAK,CAAC,IAAI,CAAC,GAAGA,CAAC,KAAK,CAAC,GAAGC,CAAC,CAAC,IAAMD,CAAC,KAAKA,CAAC,IAAIC,CAAC,KAAKA,CAAE,CAAC;EAAA;AAEtE;AAEA;AACA,MAAMV,QAAQ;AACZ;AACA;AACA,OAAOW,MAAM,CAACH,EAAE,KAAK,UAAU,GAAGG,MAAM,CAACH,EAAE,GAAGA,EAAE"}

package/lib/useHasParentContext.js

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from 'react';
 /**
  * @internal
  * Utility hook for contexts created by react-context-selector to determine if a parent context exists

package/lib/useHasParentContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useHasParentContext","context","contextValue","useContext","version","current"],"sources":["../src/useHasParentContext.ts"],"sourcesContent":["import * as React from 'react';\nimport { Context, ContextValue } from './types';\n\n/**\n * @internal\n * Utility hook for contexts created by react-context-selector to determine if a parent context exists\n * WARNING: This hook will not work for native React contexts\n *\n * @param context - context created by react-context-selector\n * @returns whether the hook is wrapped by a parent context\n */\nexport function useHasParentContext<Value>(context: Context<Value>) {\n  const contextValue = React.useContext(context as unknown as Context<ContextValue<Value>>);\n\n  if (contextValue.version) {\n    return contextValue.version.current !== -1;\n  }\n\n  return false;\n}\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AAGvB;;;;;;;;AAQA,OAAO,SAASC,oBAA2BC,OAAuB,EAAE;EAClE,MAAMC,YAAA,GAAeH,KAAA,CAAMI,UAAU,CAACF,OAAA;EAEtC,IAAIC,YAAA,CAAaE,OAAO,EAAE;IACxB,OAAOF,YAAA,CAAaE,OAAO,CAACC,OAAO,KAAK,CAAC;EAC3C;EAEA,OAAO,KAAK;AACd"}
+{"version":3,"names":["React","useHasParentContext","context","contextValue","useContext","version","current"],"sources":["../../../../../../../packages/react-components/react-context-selector/src/useHasParentContext.ts"],"sourcesContent":["import * as React from 'react';\nimport { Context, ContextValue } from './types';\n\n/**\n * @internal\n * Utility hook for contexts created by react-context-selector to determine if a parent context exists\n * WARNING: This hook will not work for native React contexts\n *\n * @param context - context created by react-context-selector\n * @returns whether the hook is wrapped by a parent context\n */\nexport function useHasParentContext<Value>(context: Context<Value>) {\n  const contextValue = React.useContext(context as unknown as Context<ContextValue<Value>>);\n\n  if (contextValue.version) {\n    return contextValue.version.current !== -1;\n  }\n\n  return false;\n}\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAG9B;;;;;;;;AAQA,OAAM,SAAUC,mBAAmBA,CAAQC,OAAuB;EAChE,MAAMC,YAAY,GAAGH,KAAK,CAACI,UAAU,CAACF,OAAkD,CAAC;EAEzF,IAAIC,YAAY,CAACE,OAAO,EAAE;IACxB,OAAOF,YAAY,CAACE,OAAO,CAACC,OAAO,KAAK,CAAC,CAAC;;EAG5C,OAAO,KAAK;AACd"}

package/lib-commonjs/createContext.js

@@ -1,68 +1,64 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "createContext", {
-    enumerable: true,
-    get: ()=>createContext
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _reactUtilities = require("@fluentui/react-utilities");
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _scheduler = require("scheduler");
-const createProvider = (Original)=>{
-    const Provider = (props)=>{
-        // Holds an actual "props.value"
-        const valueRef = _react.useRef(props.value);
-        // Used to sync context updates and avoid stale values, can be considered as render/effect counter of Provider.
-        const versionRef = _react.useRef(0);
-        // A stable object, is used to avoid context updates via mutation of its values.
-        const contextValue = _react.useRef();
-        if (!contextValue.current) {
-            contextValue.current = {
-                value: valueRef,
-                version: versionRef,
-                listeners: []
-            };
-        }
-        (0, _reactUtilities.useIsomorphicLayoutEffect)(()=>{
-            valueRef.current = props.value;
-            versionRef.current += 1;
-            (0, _scheduler.unstable_runWithPriority)(_scheduler.unstable_NormalPriority, ()=>{
-                contextValue.current.listeners.forEach((listener)=>{
-                    listener([
-                        versionRef.current,
-                        props.value
-                    ]);
-                });
-            });
-        }, [
-            props.value
-        ]);
-        return /*#__PURE__*/ _react.createElement(Original, {
-            value: contextValue.current
-        }, props.children);
-    };
-    /* istanbul ignore else */ if (process.env.NODE_ENV !== "production") {
-        Provider.displayName = "ContextSelector.Provider";
+exports.createContext = void 0;
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+const React = /*#__PURE__*/require("react");
+const scheduler_1 = /*#__PURE__*/require("scheduler");
+const createProvider = Original => {
+  const Provider = props => {
+    // Holds an actual "props.value"
+    const valueRef = React.useRef(props.value);
+    // Used to sync context updates and avoid stale values, can be considered as render/effect counter of Provider.
+    const versionRef = React.useRef(0);
+    // A stable object, is used to avoid context updates via mutation of its values.
+    const contextValue = React.useRef();
+    if (!contextValue.current) {
+      contextValue.current = {
+        value: valueRef,
+        version: versionRef,
+        listeners: []
+      };
     }
-    return Provider;
+    react_utilities_1.useIsomorphicLayoutEffect(() => {
+      valueRef.current = props.value;
+      versionRef.current += 1;
+      scheduler_1.unstable_runWithPriority(scheduler_1.unstable_NormalPriority, () => {
+        contextValue.current.listeners.forEach(listener => {
+          listener([versionRef.current, props.value]);
+        });
+      });
+    }, [props.value]);
+    return React.createElement(Original, {
+      value: contextValue.current
+    }, props.children);
+  };
+  /* istanbul ignore else */
+  if (process.env.NODE_ENV !== 'production') {
+    Provider.displayName = 'ContextSelector.Provider';
+  }
+  return Provider;
 };
-const createContext = (defaultValue)=>{
-    // eslint-disable-next-line @fluentui/no-context-default-value
-    const context = /*#__PURE__*/ _react.createContext({
-        value: {
-            current: defaultValue
-        },
-        version: {
-            current: -1
-        },
-        listeners: []
-    });
-    context.Provider = createProvider(context.Provider);
-    // We don't support Consumer API
-    delete context.Consumer;
-    return context;
-}; //# sourceMappingURL=createContext.js.map
-
+/**
+ * @internal
+ */
+const createContext = defaultValue => {
+  // eslint-disable-next-line @fluentui/no-context-default-value
+  const context = React.createContext({
+    value: {
+      current: defaultValue
+    },
+    version: {
+      current: -1
+    },
+    listeners: []
+  });
+  context.Provider = createProvider(context.Provider);
+  // We don't support Consumer API
+  delete context.Consumer;
+  return context;
+};
+exports.createContext = createContext;
 //# sourceMappingURL=createContext.js.map

package/lib-commonjs/createContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../lib/createContext.js"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"@fluentui/react-utilities\";\nimport * as React from \"react\";\nimport { unstable_NormalPriority as NormalPriority, unstable_runWithPriority as runWithPriority } from \"scheduler\";\nconst createProvider = Original => {\n  const Provider = props => {\n    // Holds an actual \"props.value\"\n    const valueRef = React.useRef(props.value);\n    // Used to sync context updates and avoid stale values, can be considered as render/effect counter of Provider.\n    const versionRef = React.useRef(0);\n    // A stable object, is used to avoid context updates via mutation of its values.\n    const contextValue = React.useRef();\n    if (!contextValue.current) {\n      contextValue.current = {\n        value: valueRef,\n        version: versionRef,\n        listeners: []\n      };\n    }\n    useIsomorphicLayoutEffect(() => {\n      valueRef.current = props.value;\n      versionRef.current += 1;\n      runWithPriority(NormalPriority, () => {\n        contextValue.current.listeners.forEach(listener => {\n          listener([versionRef.current, props.value]);\n        });\n      });\n    }, [props.value]);\n    return /*#__PURE__*/React.createElement(Original, {\n      value: contextValue.current\n    }, props.children);\n  };\n  /* istanbul ignore else */\n  if (process.env.NODE_ENV !== \"production\") {\n    Provider.displayName = \"ContextSelector.Provider\";\n  }\n  return Provider;\n};\n/**\n * @internal\n */\nexport const createContext = defaultValue => {\n  // eslint-disable-next-line @fluentui/no-context-default-value\n  const context = /*#__PURE__*/React.createContext({\n    value: {\n      current: defaultValue\n    },\n    version: {\n      current: -1\n    },\n    listeners: []\n  });\n  context.Provider = createProvider(context.Provider);\n  // We don't support Consumer API\n  delete context.Consumer;\n  return context;\n};\n//# sourceMappingURL=createContext.js.map"],"names":["createContext","createProvider","Original","Provider","props","valueRef","React","useRef","value","versionRef","contextValue","current","version","listeners","useIsomorphicLayoutEffect","runWithPriority","NormalPriority","forEach","listener","createElement","children","process","env","NODE_ENV","displayName","defaultValue","context","Consumer"],"mappings":";;;;+BAwCaA;;aAAAA;;;gCAxC6B;6DACnB;2BACgF;AACvG,MAAMC,iBAAiBC,CAAAA,WAAY;IACjC,MAAMC,WAAWC,CAAAA,QAAS;QACxB,gCAAgC;QAChC,MAAMC,WAAWC,OAAMC,MAAM,CAACH,MAAMI,KAAK;QACzC,+GAA+G;QAC/G,MAAMC,aAAaH,OAAMC,MAAM,CAAC;QAChC,gFAAgF;QAChF,MAAMG,eAAeJ,OAAMC,MAAM;QACjC,IAAI,CAACG,aAAaC,OAAO,EAAE;YACzBD,aAAaC,OAAO,GAAG;gBACrBH,OAAOH;gBACPO,SAASH;gBACTI,WAAW,EAAE;YACf;QACF,CAAC;QACDC,IAAAA,yCAAyB,EAAC,IAAM;YAC9BT,SAASM,OAAO,GAAGP,MAAMI,KAAK;YAC9BC,WAAWE,OAAO,IAAI;YACtBI,IAAAA,mCAAe,EAACC,kCAAc,EAAE,IAAM;gBACpCN,aAAaC,OAAO,CAACE,SAAS,CAACI,OAAO,CAACC,CAAAA,WAAY;oBACjDA,SAAS;wBAACT,WAAWE,OAAO;wBAAEP,MAAMI,KAAK;qBAAC;gBAC5C;YACF;QACF,GAAG;YAACJ,MAAMI,KAAK;SAAC;QAChB,OAAO,WAAW,GAAEF,OAAMa,aAAa,CAACjB,UAAU;YAChDM,OAAOE,aAAaC,OAAO;QAC7B,GAAGP,MAAMgB,QAAQ;IACnB;IACA,wBAAwB,GACxB,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;QACzCpB,SAASqB,WAAW,GAAG;IACzB,CAAC;IACD,OAAOrB;AACT;AAIO,MAAMH,gBAAgByB,CAAAA,eAAgB;IAC3C,8DAA8D;IAC9D,MAAMC,UAAU,WAAW,GAAEpB,OAAMN,aAAa,CAAC;QAC/CQ,OAAO;YACLG,SAASc;QACX;QACAb,SAAS;YACPD,SAAS,CAAC;QACZ;QACAE,WAAW,EAAE;IACf;IACAa,QAAQvB,QAAQ,GAAGF,eAAeyB,QAAQvB,QAAQ;IAClD,gCAAgC;IAChC,OAAOuB,QAAQC,QAAQ;IACvB,OAAOD;AACT,GACA,yCAAyC"}
+{"version":3,"names":["react_utilities_1","require","React","scheduler_1","createProvider","Original","Provider","props","valueRef","useRef","value","versionRef","contextValue","current","version","listeners","useIsomorphicLayoutEffect","unstable_runWithPriority","unstable_NormalPriority","forEach","listener","createElement","children","process","env","NODE_ENV","displayName","createContext","defaultValue","context","Consumer","exports"],"sources":["../../../../../../../packages/react-components/react-context-selector/src/createContext.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport { unstable_NormalPriority as NormalPriority, unstable_runWithPriority as runWithPriority } from 'scheduler';\n\nimport { Context, ContextValue } from './types';\n\nconst createProvider = <Value>(Original: React.Provider<ContextValue<Value>>) => {\n  const Provider: React.FC<React.ProviderProps<Value>> = props => {\n    // Holds an actual \"props.value\"\n    const valueRef = React.useRef(props.value);\n    // Used to sync context updates and avoid stale values, can be considered as render/effect counter of Provider.\n    const versionRef = React.useRef(0);\n\n    // A stable object, is used to avoid context updates via mutation of its values.\n    const contextValue = React.useRef<ContextValue<Value>>();\n\n    if (!contextValue.current) {\n      contextValue.current = {\n        value: valueRef,\n        version: versionRef,\n        listeners: [],\n      };\n    }\n\n    useIsomorphicLayoutEffect(() => {\n      valueRef.current = props.value;\n      versionRef.current += 1;\n\n      runWithPriority(NormalPriority, () => {\n        (contextValue.current as ContextValue<Value>).listeners.forEach(listener => {\n          listener([versionRef.current, props.value]);\n        });\n      });\n    }, [props.value]);\n\n    return React.createElement(Original, { value: contextValue.current }, props.children);\n  };\n\n  /* istanbul ignore else */\n  if (process.env.NODE_ENV !== 'production') {\n    Provider.displayName = 'ContextSelector.Provider';\n  }\n\n  return Provider as unknown as React.Provider<ContextValue<Value>>;\n};\n\n/**\n * @internal\n */\nexport const createContext = <Value>(defaultValue: Value): Context<Value> => {\n  // eslint-disable-next-line @fluentui/no-context-default-value\n  const context = React.createContext<ContextValue<Value>>({\n    value: { current: defaultValue },\n    version: { current: -1 },\n    listeners: [],\n  });\n\n  context.Provider = createProvider<Value>(context.Provider);\n\n  // We don't support Consumer API\n  delete (context as unknown as Context<Value>).Consumer;\n\n  return context as unknown as Context<Value>;\n};\n"],"mappings":";;;;;;AAAA,MAAAA,iBAAA,gBAAAC,OAAA;AACA,MAAAC,KAAA,gBAAAD,OAAA;AACA,MAAAE,WAAA,gBAAAF,OAAA;AAIA,MAAMG,cAAc,GAAWC,QAA6C,IAAI;EAC9E,MAAMC,QAAQ,GAAyCC,KAAK,IAAG;IAC7D;IACA,MAAMC,QAAQ,GAAGN,KAAK,CAACO,MAAM,CAACF,KAAK,CAACG,KAAK,CAAC;IAC1C;IACA,MAAMC,UAAU,GAAGT,KAAK,CAACO,MAAM,CAAC,CAAC,CAAC;IAElC;IACA,MAAMG,YAAY,GAAGV,KAAK,CAACO,MAAM,EAAuB;IAExD,IAAI,CAACG,YAAY,CAACC,OAAO,EAAE;MACzBD,YAAY,CAACC,OAAO,GAAG;QACrBH,KAAK,EAAEF,QAAQ;QACfM,OAAO,EAAEH,UAAU;QACnBI,SAAS,EAAE;OACZ;;IAGHf,iBAAA,CAAAgB,yBAAyB,CAAC,MAAK;MAC7BR,QAAQ,CAACK,OAAO,GAAGN,KAAK,CAACG,KAAK;MAC9BC,UAAU,CAACE,OAAO,IAAI,CAAC;MAEvBV,WAAA,CAAAc,wBAAe,CAACd,WAAA,CAAAe,uBAAc,EAAE,MAAK;QAClCN,YAAY,CAACC,OAA+B,CAACE,SAAS,CAACI,OAAO,CAACC,QAAQ,IAAG;UACzEA,QAAQ,CAAC,CAACT,UAAU,CAACE,OAAO,EAAEN,KAAK,CAACG,KAAK,CAAC,CAAC;QAC7C,CAAC,CAAC;MACJ,CAAC,CAAC;IACJ,CAAC,EAAE,CAACH,KAAK,CAACG,KAAK,CAAC,CAAC;IAEjB,OAAOR,KAAK,CAACmB,aAAa,CAAChB,QAAQ,EAAE;MAAEK,KAAK,EAAEE,YAAY,CAACC;IAAO,CAAE,EAAEN,KAAK,CAACe,QAAQ,CAAC;EACvF,CAAC;EAED;EACA,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;IACzCnB,QAAQ,CAACoB,WAAW,GAAG,0BAA0B;;EAGnD,OAAOpB,QAA0D;AACnE,CAAC;AAED;;;AAGO,MAAMqB,aAAa,GAAWC,YAAmB,IAAoB;EAC1E;EACA,MAAMC,OAAO,GAAG3B,KAAK,CAACyB,aAAa,CAAsB;IACvDjB,KAAK,EAAE;MAAEG,OAAO,EAAEe;IAAY,CAAE;IAChCd,OAAO,EAAE;MAAED,OAAO,EAAE,CAAC;IAAC,CAAE;IACxBE,SAAS,EAAE;GACZ,CAAC;EAEFc,OAAO,CAACvB,QAAQ,GAAGF,cAAc,CAAQyB,OAAO,CAACvB,QAAQ,CAAC;EAE1D;EACA,OAAQuB,OAAqC,CAACC,QAAQ;EAEtD,OAAOD,OAAoC;AAC7C,CAAC;AAdYE,OAAA,CAAAJ,aAAa,GAAAA,aAAA"}

package/lib-commonjs/index.js

@@ -1,21 +1,28 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    createContext: ()=>_createContext.createContext,
-    useContextSelector: ()=>_useContextSelector.useContextSelector,
-    useHasParentContext: ()=>_useHasParentContext.useHasParentContext
+exports.useHasParentContext = exports.useContextSelector = exports.createContext = void 0;
+var createContext_1 = /*#__PURE__*/require("./createContext");
+Object.defineProperty(exports, "createContext", {
+  enumerable: true,
+  get: function () {
+    return createContext_1.createContext;
+  }
+});
+var useContextSelector_1 = /*#__PURE__*/require("./useContextSelector");
+Object.defineProperty(exports, "useContextSelector", {
+  enumerable: true,
+  get: function () {
+    return useContextSelector_1.useContextSelector;
+  }
+});
+var useHasParentContext_1 = /*#__PURE__*/require("./useHasParentContext");
+Object.defineProperty(exports, "useHasParentContext", {
+  enumerable: true,
+  get: function () {
+    return useHasParentContext_1.useHasParentContext;
+  }
 });
-const _createContext = require("./createContext");
-const _useContextSelector = require("./useContextSelector");
-const _useHasParentContext = require("./useHasParentContext");
- //# sourceMappingURL=index.js.map
-
 //# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../lib/index.js"],"sourcesContent":["export { createContext } from \"./createContext\";\nexport { useContextSelector } from \"./useContextSelector\";\nexport { useHasParentContext } from \"./useHasParentContext\";\n//# sourceMappingURL=index.js.map"],"names":["createContext","useContextSelector","useHasParentContext"],"mappings":";;;;;;;;;;;IAASA,aAAa,MAAbA,4BAAa;IACbC,kBAAkB,MAAlBA,sCAAkB;IAClBC,mBAAmB,MAAnBA,wCAAmB;;+BAFE;oCACK;qCACC;CACpC,iCAAiC"}
+{"version":3,"names":["createContext_1","require","Object","defineProperty","exports","enumerable","get","createContext","useContextSelector_1","useContextSelector","useHasParentContext_1","useHasParentContext"],"sources":["../../../../../../../packages/react-components/react-context-selector/src/index.ts"],"sourcesContent":["export { createContext } from './createContext';\nexport { useContextSelector } from './useContextSelector';\nexport { useHasParentContext } from './useHasParentContext';\n// eslint-disable-next-line @fluentui/ban-context-export\nexport type { Context, ContextSelector, ContextValue, ContextValues, ContextVersion } from './types';\n"],"mappings":";;;;;;AAAA,IAAAA,eAAA,gBAAAC,OAAA;AAASC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,eAAA,CAAAO,aAAa;EAAA;AAAA;AACtB,IAAAC,oBAAA,gBAAAP,OAAA;AAASC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAE,oBAAA,CAAAC,kBAAkB;EAAA;AAAA;AAC3B,IAAAC,qBAAA,gBAAAT,OAAA;AAASC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAI,qBAAA,CAAAC,mBAAmB;EAAA;AAAA"}

package/lib-commonjs/types.js

@@ -1,9 +1,6 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
- //# sourceMappingURL=types.js.map
-
 //# sourceMappingURL=types.js.map

package/lib-commonjs/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../lib/types.js"],"sourcesContent":["import * as React from \"react\";\n//# sourceMappingURL=types.js.map"],"names":[],"mappings":";;;;;6DAAuB;CACvB,iCAAiC"}
+{"version":3,"names":[],"sources":["../../../../../../../packages/react-components/react-context-selector/src/types.ts"],"sourcesContent":["import * as React from 'react';\n\n/**\n * @internal\n */\nexport type Context<Value> = React.Context<Value> & {\n  Provider: React.FC<React.ProviderProps<Value>>;\n  Consumer: never;\n};\n\nexport type ContextSelector<Value, SelectedValue> = (value: Value) => SelectedValue;\n\n/**\n * @internal\n */\nexport type ContextVersion = number;\n\n/**\n * @internal\n */\nexport type ContextValue<Value> = {\n  /** Holds a set of subscribers from components. */\n  listeners: ((payload: readonly [ContextVersion, Value]) => void)[];\n\n  /** Holds an actual value of React's context that will be propagated down for computations. */\n  value: React.MutableRefObject<Value>;\n\n  /** A version field is used to sync a context value and consumers. */\n  version: React.MutableRefObject<ContextVersion>;\n};\n\n/**\n * @internal\n */\nexport type ContextValues<Value> = ContextValue<Value> & {\n  /** List of listners to publish changes */\n  listeners: ((payload: readonly [ContextVersion, Record<string, Value>]) => void)[];\n};\n"],"mappings":""}

package/lib-commonjs/useContextSelector.js

@@ -1,86 +1,85 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useContextSelector", {
-    enumerable: true,
-    get: ()=>useContextSelector
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _reactUtilities = require("@fluentui/react-utilities");
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const useContextSelector = (context, selector)=>{
-    const contextValue = _react.useContext(context);
-    const { value: { current: value  } , version: { current: version  } , listeners  } = contextValue;
-    const selected = selector(value);
-    const [state, dispatch] = _react.useReducer((prevState, payload)=>{
-        if (!payload) {
-            // early bail out when is dispatched during render
-            return [
-                value,
-                selected
-            ];
-        }
-        if (payload[0] <= version) {
-            if (objectIs(prevState[1], selected)) {
-                return prevState; // bail out
-            }
-            return [
-                value,
-                selected
-            ];
-        }
-        try {
-            if (objectIs(prevState[0], payload[1])) {
-                return prevState; // do not update
-            }
-            const nextSelected = selector(payload[1]);
-            if (objectIs(prevState[1], nextSelected)) {
-                return prevState; // do not update
-            }
-            return [
-                payload[1],
-                nextSelected
-            ];
-        } catch (e) {
-        // ignored (stale props or some other reason)
-        }
-        // explicitly spread to enforce typing
-        return [
-            prevState[0],
-            prevState[1]
-        ]; // schedule update
-    }, [
-        value,
-        selected
-    ]);
-    if (!objectIs(state[1], selected)) {
-        // schedule re-render
-        // this is safe because it's self contained
-        dispatch(undefined);
+exports.useContextSelector = void 0;
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+const React = /*#__PURE__*/require("react");
+/**
+ * @internal
+ * This hook returns context selected value by selector.
+ * It will only accept context created by `createContext`.
+ * It will trigger re-render if only the selected value is referentially changed.
+ */
+const useContextSelector = (context, selector) => {
+  const contextValue = React.useContext(context);
+  const {
+    value: {
+      current: value
+    },
+    version: {
+      current: version
+    },
+    listeners
+  } = contextValue;
+  const selected = selector(value);
+  const [state, dispatch] = React.useReducer((prevState, payload) => {
+    if (!payload) {
+      // early bail out when is dispatched during render
+      return [value, selected];
+    }
+    if (payload[0] <= version) {
+      if (objectIs(prevState[1], selected)) {
+        return prevState; // bail out
+      }
+
+      return [value, selected];
     }
-    (0, _reactUtilities.useIsomorphicLayoutEffect)(()=>{
-        listeners.push(dispatch);
-        return ()=>{
-            const index = listeners.indexOf(dispatch);
-            listeners.splice(index, 1);
-        };
-    }, [
-        listeners
-    ]);
-    return state[1];
+    try {
+      if (objectIs(prevState[0], payload[1])) {
+        return prevState; // do not update
+      }
+
+      const nextSelected = selector(payload[1]);
+      if (objectIs(prevState[1], nextSelected)) {
+        return prevState; // do not update
+      }
+
+      return [payload[1], nextSelected];
+    } catch (e) {
+      // ignored (stale props or some other reason)
+    }
+    // explicitly spread to enforce typing
+    return [prevState[0], prevState[1]]; // schedule update
+  }, [value, selected]);
+  if (!objectIs(state[1], selected)) {
+    // schedule re-render
+    // this is safe because it's self contained
+    dispatch(undefined);
+  }
+  react_utilities_1.useIsomorphicLayoutEffect(() => {
+    listeners.push(dispatch);
+    return () => {
+      const index = listeners.indexOf(dispatch);
+      listeners.splice(index, 1);
+    };
+  }, [listeners]);
+  return state[1];
 };
+exports.useContextSelector = useContextSelector;
 /**
  * inlined Object.is polyfill to avoid requiring consumers ship their own
  * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
- */ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 function is(x, y) {
-    return x === y && (x !== 0 || 1 / x === 1 / y) || x !== x && y !== y // eslint-disable-line no-self-compare
-    ;
+  return x === y && (x !== 0 || 1 / x === 1 / y) || x !== x && y !== y // eslint-disable-line no-self-compare
+  ;
 }
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const objectIs = // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+const objectIs =
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore fallback to native if it exists (not in IE11)
-typeof Object.is === "function" ? Object.is : is; //# sourceMappingURL=useContextSelector.js.map
-
+typeof Object.is === 'function' ? Object.is : is;
 //# sourceMappingURL=useContextSelector.js.map

package/lib-commonjs/useContextSelector.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../lib/useContextSelector.js"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"@fluentui/react-utilities\";\nimport * as React from \"react\";\n/**\n * @internal\n * This hook returns context selected value by selector.\n * It will only accept context created by `createContext`.\n * It will trigger re-render if only the selected value is referentially changed.\n */\nexport const useContextSelector = (context, selector) => {\n  const contextValue = React.useContext(context);\n  const {\n    value: {\n      current: value\n    },\n    version: {\n      current: version\n    },\n    listeners\n  } = contextValue;\n  const selected = selector(value);\n  const [state, dispatch] = React.useReducer((prevState, payload) => {\n    if (!payload) {\n      // early bail out when is dispatched during render\n      return [value, selected];\n    }\n    if (payload[0] <= version) {\n      if (objectIs(prevState[1], selected)) {\n        return prevState; // bail out\n      }\n\n      return [value, selected];\n    }\n    try {\n      if (objectIs(prevState[0], payload[1])) {\n        return prevState; // do not update\n      }\n\n      const nextSelected = selector(payload[1]);\n      if (objectIs(prevState[1], nextSelected)) {\n        return prevState; // do not update\n      }\n\n      return [payload[1], nextSelected];\n    } catch (e) {\n      // ignored (stale props or some other reason)\n    }\n    // explicitly spread to enforce typing\n    return [prevState[0], prevState[1]]; // schedule update\n  }, [value, selected]);\n  if (!objectIs(state[1], selected)) {\n    // schedule re-render\n    // this is safe because it's self contained\n    dispatch(undefined);\n  }\n  useIsomorphicLayoutEffect(() => {\n    listeners.push(dispatch);\n    return () => {\n      const index = listeners.indexOf(dispatch);\n      listeners.splice(index, 1);\n    };\n  }, [listeners]);\n  return state[1];\n};\n/**\n * inlined Object.is polyfill to avoid requiring consumers ship their own\n * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is\n */ // eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction is(x, y) {\n  return x === y && (x !== 0 || 1 / x === 1 / y) || x !== x && y !== y // eslint-disable-line no-self-compare\n  ;\n}\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst objectIs =\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore fallback to native if it exists (not in IE11)\ntypeof Object.is === \"function\" ? Object.is : is;\n//# sourceMappingURL=useContextSelector.js.map"],"names":["useContextSelector","context","selector","contextValue","React","useContext","value","current","version","listeners","selected","state","dispatch","useReducer","prevState","payload","objectIs","nextSelected","e","undefined","useIsomorphicLayoutEffect","push","index","indexOf","splice","is","x","y","Object"],"mappings":";;;;+BAQaA;;aAAAA;;;gCAR6B;6DACnB;AAOhB,MAAMA,qBAAqB,CAACC,SAASC,WAAa;IACvD,MAAMC,eAAeC,OAAMC,UAAU,CAACJ;IACtC,MAAM,EACJK,OAAO,EACLC,SAASD,MAAK,EACf,CAAA,EACDE,SAAS,EACPD,SAASC,QAAO,EACjB,CAAA,EACDC,UAAS,EACV,GAAGN;IACJ,MAAMO,WAAWR,SAASI;IAC1B,MAAM,CAACK,OAAOC,SAAS,GAAGR,OAAMS,UAAU,CAAC,CAACC,WAAWC,UAAY;QACjE,IAAI,CAACA,SAAS;YACZ,kDAAkD;YAClD,OAAO;gBAACT;gBAAOI;aAAS;QAC1B,CAAC;QACD,IAAIK,OAAO,CAAC,EAAE,IAAIP,SAAS;YACzB,IAAIQ,SAASF,SAAS,CAAC,EAAE,EAAEJ,WAAW;gBACpC,OAAOI,WAAW,WAAW;YAC/B,CAAC;YAED,OAAO;gBAACR;gBAAOI;aAAS;QAC1B,CAAC;QACD,IAAI;YACF,IAAIM,SAASF,SAAS,CAAC,EAAE,EAAEC,OAAO,CAAC,EAAE,GAAG;gBACtC,OAAOD,WAAW,gBAAgB;YACpC,CAAC;YAED,MAAMG,eAAef,SAASa,OAAO,CAAC,EAAE;YACxC,IAAIC,SAASF,SAAS,CAAC,EAAE,EAAEG,eAAe;gBACxC,OAAOH,WAAW,gBAAgB;YACpC,CAAC;YAED,OAAO;gBAACC,OAAO,CAAC,EAAE;gBAAEE;aAAa;QACnC,EAAE,OAAOC,GAAG;QACV,6CAA6C;QAC/C;QACA,sCAAsC;QACtC,OAAO;YAACJ,SAAS,CAAC,EAAE;YAAEA,SAAS,CAAC,EAAE;SAAC,EAAE,kBAAkB;IACzD,GAAG;QAACR;QAAOI;KAAS;IACpB,IAAI,CAACM,SAASL,KAAK,CAAC,EAAE,EAAED,WAAW;QACjC,qBAAqB;QACrB,2CAA2C;QAC3CE,SAASO;IACX,CAAC;IACDC,IAAAA,yCAAyB,EAAC,IAAM;QAC9BX,UAAUY,IAAI,CAACT;QACf,OAAO,IAAM;YACX,MAAMU,QAAQb,UAAUc,OAAO,CAACX;YAChCH,UAAUe,MAAM,CAACF,OAAO;QAC1B;IACF,GAAG;QAACb;KAAU;IACd,OAAOE,KAAK,CAAC,EAAE;AACjB;AACA;;;CAGC,GAAG,8DAA8D;AAClE,SAASc,GAAGC,CAAC,EAAEC,CAAC,EAAE;IAChB,OAAOD,MAAMC,KAAMD,CAAAA,MAAM,KAAK,IAAIA,MAAM,IAAIC,CAAAA,KAAMD,MAAMA,KAAKC,MAAMA,EAAE,sCAAsC;;AAE7G;AACA,8DAA8D;AAC9D,MAAMX,WACN,6DAA6D;AAC7D,2DAA2D;AAC3D,OAAOY,OAAOH,EAAE,KAAK,aAAaG,OAAOH,EAAE,GAAGA,EAAE,EAChD,8CAA8C"}
+{"version":3,"names":["react_utilities_1","require","React","useContextSelector","context","selector","contextValue","useContext","value","current","version","listeners","selected","state","dispatch","useReducer","prevState","payload","objectIs","nextSelected","e","undefined","useIsomorphicLayoutEffect","push","index","indexOf","splice","exports","is","x","y","Object"],"sources":["../../../../../../../packages/react-components/react-context-selector/src/useContextSelector.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\nimport * as React from 'react';\n\nimport { Context, ContextSelector, ContextValue, ContextVersion } from './types';\n\n/**\n * Narrowing React.Reducer type to be more easily usable below.\n * No need to export this as it's for internal reducer usage.\n */\ntype ContextReducer<Value, SelectedValue> = React.Reducer<\n  readonly [Value, SelectedValue],\n  undefined | readonly [ContextVersion, Value]\n>;\n\n/**\n * @internal\n * This hook returns context selected value by selector.\n * It will only accept context created by `createContext`.\n * It will trigger re-render if only the selected value is referentially changed.\n */\nexport const useContextSelector = <Value, SelectedValue>(\n  context: Context<Value>,\n  selector: ContextSelector<Value, SelectedValue>,\n): SelectedValue => {\n  const contextValue = React.useContext(context as unknown as Context<ContextValue<Value>>);\n\n  const {\n    value: { current: value },\n    version: { current: version },\n    listeners,\n  } = contextValue;\n  const selected = selector(value);\n\n  const [state, dispatch] = React.useReducer<ContextReducer<Value, SelectedValue>>(\n    (\n      prevState: readonly [Value /* contextValue */, SelectedValue /* selector(value) */],\n      payload:\n        | undefined // undefined from render below\n        | readonly [ContextVersion, Value], // from provider effect\n    ): readonly [Value, SelectedValue] => {\n      if (!payload) {\n        // early bail out when is dispatched during render\n        return [value, selected] as const;\n      }\n\n      if (payload[0] <= version) {\n        if (objectIs(prevState[1], selected)) {\n          return prevState; // bail out\n        }\n\n        return [value, selected] as const;\n      }\n\n      try {\n        if (objectIs(prevState[0], payload[1])) {\n          return prevState; // do not update\n        }\n\n        const nextSelected = selector(payload[1]);\n\n        if (objectIs(prevState[1], nextSelected)) {\n          return prevState; // do not update\n        }\n\n        return [payload[1], nextSelected] as const;\n      } catch (e) {\n        // ignored (stale props or some other reason)\n      }\n\n      // explicitly spread to enforce typing\n      return [prevState[0], prevState[1]] as const; // schedule update\n    },\n    [value, selected] as const,\n  );\n\n  if (!objectIs(state[1], selected)) {\n    // schedule re-render\n    // this is safe because it's self contained\n    dispatch(undefined);\n  }\n\n  useIsomorphicLayoutEffect(() => {\n    listeners.push(dispatch);\n\n    return () => {\n      const index = listeners.indexOf(dispatch);\n      listeners.splice(index, 1);\n    };\n  }, [listeners]);\n\n  return state[1] as SelectedValue;\n};\n\n/**\n * inlined Object.is polyfill to avoid requiring consumers ship their own\n * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction is(x: any, y: any) {\n  return (\n    (x === y && (x !== 0 || 1 / x === 1 / y)) || (x !== x && y !== y) // eslint-disable-line no-self-compare\n  );\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst objectIs: (x: any, y: any) => boolean =\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-ignore fallback to native if it exists (not in IE11)\n  typeof Object.is === 'function' ? Object.is : is;\n"],"mappings":";;;;;;AAAA,MAAAA,iBAAA,gBAAAC,OAAA;AACA,MAAAC,KAAA,gBAAAD,OAAA;AAaA;;;;;;AAMO,MAAME,kBAAkB,GAAGA,CAChCC,OAAuB,EACvBC,QAA+C,KAC9B;EACjB,MAAMC,YAAY,GAAGJ,KAAK,CAACK,UAAU,CAACH,OAAkD,CAAC;EAEzF,MAAM;IACJI,KAAK,EAAE;MAAEC,OAAO,EAAED;IAAK,CAAE;IACzBE,OAAO,EAAE;MAAED,OAAO,EAAEC;IAAO,CAAE;IAC7BC;EAAS,CACV,GAAGL,YAAY;EAChB,MAAMM,QAAQ,GAAGP,QAAQ,CAACG,KAAK,CAAC;EAEhC,MAAM,CAACK,KAAK,EAAEC,QAAQ,CAAC,GAAGZ,KAAK,CAACa,UAAU,CACxC,CACEC,SAAmF,EACnFC,OAEoC,KACD;IACnC,IAAI,CAACA,OAAO,EAAE;MACZ;MACA,OAAO,CAACT,KAAK,EAAEI,QAAQ,CAAU;;IAGnC,IAAIK,OAAO,CAAC,CAAC,CAAC,IAAIP,OAAO,EAAE;MACzB,IAAIQ,QAAQ,CAACF,SAAS,CAAC,CAAC,CAAC,EAAEJ,QAAQ,CAAC,EAAE;QACpC,OAAOI,SAAS,CAAC,CAAC;;;MAGpB,OAAO,CAACR,KAAK,EAAEI,QAAQ,CAAU;;IAGnC,IAAI;MACF,IAAIM,QAAQ,CAACF,SAAS,CAAC,CAAC,CAAC,EAAEC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE;QACtC,OAAOD,SAAS,CAAC,CAAC;;;MAGpB,MAAMG,YAAY,GAAGd,QAAQ,CAACY,OAAO,CAAC,CAAC,CAAC,CAAC;MAEzC,IAAIC,QAAQ,CAACF,SAAS,CAAC,CAAC,CAAC,EAAEG,YAAY,CAAC,EAAE;QACxC,OAAOH,SAAS,CAAC,CAAC;;;MAGpB,OAAO,CAACC,OAAO,CAAC,CAAC,CAAC,EAAEE,YAAY,CAAU;KAC3C,CAAC,OAAOC,CAAC,EAAE;MACV;IAAA;IAGF;IACA,OAAO,CAACJ,SAAS,CAAC,CAAC,CAAC,EAAEA,SAAS,CAAC,CAAC,CAAC,CAAU,CAAC,CAAC;EAChD,CAAC,EACD,CAACR,KAAK,EAAEI,QAAQ,CAAU,CAC3B;EAED,IAAI,CAACM,QAAQ,CAACL,KAAK,CAAC,CAAC,CAAC,EAAED,QAAQ,CAAC,EAAE;IACjC;IACA;IACAE,QAAQ,CAACO,SAAS,CAAC;;EAGrBrB,iBAAA,CAAAsB,yBAAyB,CAAC,MAAK;IAC7BX,SAAS,CAACY,IAAI,CAACT,QAAQ,CAAC;IAExB,OAAO,MAAK;MACV,MAAMU,KAAK,GAAGb,SAAS,CAACc,OAAO,CAACX,QAAQ,CAAC;MACzCH,SAAS,CAACe,MAAM,CAACF,KAAK,EAAE,CAAC,CAAC;IAC5B,CAAC;EACH,CAAC,EAAE,CAACb,SAAS,CAAC,CAAC;EAEf,OAAOE,KAAK,CAAC,CAAC,CAAkB;AAClC,CAAC;AAvEYc,OAAA,CAAAxB,kBAAkB,GAAAA,kBAAA;AAyE/B;;;;AAIA;AACA,SAASyB,EAAEA,CAACC,CAAM,EAAEC,CAAM;EACxB,OACGD,CAAC,KAAKC,CAAC,KAAKD,CAAC,KAAK,CAAC,IAAI,CAAC,GAAGA,CAAC,KAAK,CAAC,GAAGC,CAAC,CAAC,IAAMD,CAAC,KAAKA,CAAC,IAAIC,CAAC,KAAKA,CAAE,CAAC;EAAA;AAEtE;AAEA;AACA,MAAMZ,QAAQ;AACZ;AACA;AACA,OAAOa,MAAM,CAACH,EAAE,KAAK,UAAU,GAAGG,MAAM,CAACH,EAAE,GAAGA,EAAE"}

package/lib-commonjs/useHasParentContext.js

@@ -1,19 +1,24 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useHasParentContext", {
-    enumerable: true,
-    get: ()=>useHasParentContext
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+exports.useHasParentContext = void 0;
+const React = /*#__PURE__*/require("react");
+/**
+ * @internal
+ * Utility hook for contexts created by react-context-selector to determine if a parent context exists
+ * WARNING: This hook will not work for native React contexts
+ *
+ * @param context - context created by react-context-selector
+ * @returns whether the hook is wrapped by a parent context
+ */
 function useHasParentContext(context) {
-    const contextValue = _react.useContext(context);
-    if (contextValue.version) {
-        return contextValue.version.current !== -1;
-    }
-    return false;
-} //# sourceMappingURL=useHasParentContext.js.map
-
+  const contextValue = React.useContext(context);
+  if (contextValue.version) {
+    return contextValue.version.current !== -1;
+  }
+  return false;
+}
+exports.useHasParentContext = useHasParentContext;
 //# sourceMappingURL=useHasParentContext.js.map

package/lib-commonjs/useHasParentContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../lib/useHasParentContext.js"],"sourcesContent":["import * as React from \"react\";\n/**\n * @internal\n * Utility hook for contexts created by react-context-selector to determine if a parent context exists\n * WARNING: This hook will not work for native React contexts\n *\n * @param context - context created by react-context-selector\n * @returns whether the hook is wrapped by a parent context\n */\nexport function useHasParentContext(context) {\n  const contextValue = React.useContext(context);\n  if (contextValue.version) {\n    return contextValue.version.current !== -1;\n  }\n  return false;\n}\n//# sourceMappingURL=useHasParentContext.js.map"],"names":["useHasParentContext","context","contextValue","React","useContext","version","current"],"mappings":";;;;+BASgBA;;aAAAA;;;6DATO;AAShB,SAASA,oBAAoBC,OAAO,EAAE;IAC3C,MAAMC,eAAeC,OAAMC,UAAU,CAACH;IACtC,IAAIC,aAAaG,OAAO,EAAE;QACxB,OAAOH,aAAaG,OAAO,CAACC,OAAO,KAAK,CAAC;IAC3C,CAAC;IACD,OAAO,KAAK;AACd,EACA,+CAA+C"}
+{"version":3,"names":["React","require","useHasParentContext","context","contextValue","useContext","version","current","exports"],"sources":["../../../../../../../packages/react-components/react-context-selector/src/useHasParentContext.ts"],"sourcesContent":["import * as React from 'react';\nimport { Context, ContextValue } from './types';\n\n/**\n * @internal\n * Utility hook for contexts created by react-context-selector to determine if a parent context exists\n * WARNING: This hook will not work for native React contexts\n *\n * @param context - context created by react-context-selector\n * @returns whether the hook is wrapped by a parent context\n */\nexport function useHasParentContext<Value>(context: Context<Value>) {\n  const contextValue = React.useContext(context as unknown as Context<ContextValue<Value>>);\n\n  if (contextValue.version) {\n    return contextValue.version.current !== -1;\n  }\n\n  return false;\n}\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AAGA;;;;;;;;AAQA,SAAgBC,mBAAmBA,CAAQC,OAAuB;EAChE,MAAMC,YAAY,GAAGJ,KAAK,CAACK,UAAU,CAACF,OAAkD,CAAC;EAEzF,IAAIC,YAAY,CAACE,OAAO,EAAE;IACxB,OAAOF,YAAY,CAACE,OAAO,CAACC,OAAO,KAAK,CAAC,CAAC;;EAG5C,OAAO,KAAK;AACd;AARAC,OAAA,CAAAN,mBAAA,GAAAA,mBAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-context-selector",
-  "version": "0.0.0-nightly-20230317-1454.1",
+  "version": "0.0.0-nightly-20230321-0440.1",
   "description": "React useContextSelector hook in userland",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -19,7 +19,7 @@
     "lint": "just-scripts lint",
     "test": "jest --passWithNoTests",
     "type-check": "tsc -b tsconfig.json",
-    "generate-api": "just-scripts generate-api"
+    "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
   },
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
@@ -27,8 +27,8 @@
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-utilities": "0.0.0-nightly-20230317-1454.1",
-    "@swc/helpers": "^0.4.14"
+    "@fluentui/react-utilities": "0.0.0-nightly-20230321-0440.1",
+    "tslib": "^2.1.0"
   },
   "peerDependencies": {
     "@types/react": ">=16.8.0 <19.0.0",
@@ -41,6 +41,7 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
+      "node": "./lib-commonjs/index.js",
       "import": "./lib/index.js",
       "require": "./lib-commonjs/index.js"
     },

package/.swcrc

@@ -1,39 +0,0 @@
-{
-  "$schema": "https://json.schemastore.org/swcrc",
-  "env": {
-    "targets": {
-      "chrome": "84",
-      "edge": "84",
-      "firefox": "75",
-      "opera": "73",
-      "safari": "14.1"
-    },
-    "bugfixes": true
-  },
-  "exclude": [
-    "/testing",
-    "/**/*.cy.ts",
-    "/**/*.cy.tsx",
-    "/**/*.spec.ts",
-    "/**/*.spec.tsx",
-    "/**/*.test.ts",
-    "/**/*.test.tsx"
-  ],
-  "jsc": {
-    "parser": {
-      "syntax": "typescript",
-      "tsx": true,
-      "decorators": false,
-      "dynamicImport": false
-    },
-    "externalHelpers": true,
-    "transform": {
-      "react": {
-        "runtime": "classic",
-        "useSpread": true
-      }
-    }
-  },
-  "minify": false,
-  "sourceMaps": true
-}