@fluentui/react-context-selector 9.1.60 → 9.1.62

package/CHANGELOG.md

@@ -1,12 +1,30 @@
 # Change Log - @fluentui/react-context-selector
 
-This log was last generated on Mon, 20 May 2024 12:36:45 GMT and should not be manually modified.
+This log was last generated on Mon, 17 Jun 2024 07:31:06 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.1.62](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.1.62)
+
+Mon, 17 Jun 2024 07:31:06 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.1.61..@fluentui/react-context-selector_v9.1.62)
+
+### Patches
+
+- fix: useContextSelector with React 18 ([PR #30951](https://github.com/microsoft/fluentui/pull/30951) by olfedias@microsoft.com)
+
+## [9.1.61](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.1.61)
+
+Thu, 06 Jun 2024 15:26:32 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.1.60..@fluentui/react-context-selector_v9.1.61)
+
+### Patches
+
+- Bump @fluentui/react-utilities to v9.18.10 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
+
 ## [9.1.60](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.1.60)
 
-Mon, 20 May 2024 12:36:45 GMT 
+Mon, 20 May 2024 12:45:09 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.1.59..@fluentui/react-context-selector_v9.1.60)
 
 ### Patches

package/lib/useContextSelector.js

@@ -1,4 +1,4 @@
-import { useIsomorphicLayoutEffect } from '@fluentui/react-utilities';
+import { useEventCallback, useIsomorphicLayoutEffect } from '@fluentui/react-utilities';
 import * as React from 'react';
 /**
  * @internal
@@ -9,72 +9,65 @@ import * as React from 'react';
     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
+    const [state, setState] = React.useState([
+        value,
+        selected
+    ]);
+    const dispatch = (payload)=>{
+        setState((prevState)=>{
+            if (!payload) {
+                // early bail out when is dispatched during render
+                return [
+                    value,
+                    selected
+                ];
             }
-            return [
-                value,
-                selected
-            ];
-        }
-        try {
-            if (objectIs(prevState[0], payload[1])) {
-                return prevState; // do not update
+            if (payload[0] <= version) {
+                if (Object.is(prevState[1], selected)) {
+                    return prevState; // bail out
+                }
+                return [
+                    value,
+                    selected
+                ];
             }
-            const nextSelected = selector(payload[1]);
-            if (objectIs(prevState[1], nextSelected)) {
-                return prevState; // do not update
+            try {
+                if (Object.is(prevState[0], payload[1])) {
+                    return prevState; // do not update
+                }
+                const nextSelected = selector(payload[1]);
+                if (Object.is(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 [
-                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)) {
+                prevState[0],
+                prevState[1]
+            ]; // schedule update
+        });
+    };
+    if (!Object.is(state[1], selected)) {
         // schedule re-render
         // this is safe because it's self contained
         dispatch(undefined);
     }
+    const stableDispatch = useEventCallback(dispatch);
     useIsomorphicLayoutEffect(()=>{
-        listeners.push(dispatch);
+        listeners.push(stableDispatch);
         return ()=>{
-            const index = listeners.indexOf(dispatch);
+            const index = listeners.indexOf(stableDispatch);
             listeners.splice(index, 1);
         };
     }, [
+        stableDispatch,
         listeners
     ]);
     return state[1];
 };
-/**
- * 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
-function is(x, y) {
-    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
-// @ts-ignore fallback to native if it exists (not in IE11)
-typeof Object.is === 'function' ? Object.is : is;

package/lib/useContextSelector.js.map

@@ -1 +1 @@
-{"version":3,"sources":["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"],"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"],"mappings":"AAAA,SAASA,yBAAyB,QAAQ,4BAA4B;AACtE,YAAYC,WAAW,QAAQ;AAa/B;;;;;CAKC,GACD,OAAO,MAAMC,qBAAqB,CAChCC,SACAC;IAEA,MAAMC,eAAeJ,MAAMK,UAAU,CAACH;IAEtC,MAAM,EACJI,OAAO,EAAEC,SAASD,KAAK,EAAE,EACzBE,SAAS,EAAED,SAASC,OAAO,EAAE,EAC7BC,SAAS,EACV,GAAGL;IACJ,MAAMM,WAAWP,SAASG;IAE1B,MAAM,CAACK,OAAOC,SAAS,GAAGZ,MAAMa,UAAU,CACxC,CACEC,WACAC;QAIA,IAAI,CAACA,SAAS;YACZ,kDAAkD;YAClD,OAAO;gBAACT;gBAAOI;aAAS;QAC1B;QAEA,IAAIK,OAAO,CAAC,EAAE,IAAIP,SAAS;YACzB,IAAIQ,SAASF,SAAS,CAAC,EAAE,EAAEJ,WAAW;gBACpC,OAAOI,WAAW,WAAW;YAC/B;YAEA,OAAO;gBAACR;gBAAOI;aAAS;QAC1B;QAEA,IAAI;YACF,IAAIM,SAASF,SAAS,CAAC,EAAE,EAAEC,OAAO,CAAC,EAAE,GAAG;gBACtC,OAAOD,WAAW,gBAAgB;YACpC;YAEA,MAAMG,eAAed,SAASY,OAAO,CAAC,EAAE;YAExC,IAAIC,SAASF,SAAS,CAAC,EAAE,EAAEG,eAAe;gBACxC,OAAOH,WAAW,gBAAgB;YACpC;YAEA,OAAO;gBAACC,OAAO,CAAC,EAAE;gBAAEE;aAAa;QACnC,EAAE,OAAOC,GAAG;QACV,6CAA6C;QAC/C;QAEA,sCAAsC;QACtC,OAAO;YAACJ,SAAS,CAAC,EAAE;YAAEA,SAAS,CAAC,EAAE;SAAC,EAAW,kBAAkB;IAClE,GACA;QAACR;QAAOI;KAAS;IAGnB,IAAI,CAACM,SAASL,KAAK,CAAC,EAAE,EAAED,WAAW;QACjC,qBAAqB;QACrB,2CAA2C;QAC3CE,SAASO;IACX;IAEApB,0BAA0B;QACxBU,UAAUW,IAAI,CAACR;QAEf,OAAO;YACL,MAAMS,QAAQZ,UAAUa,OAAO,CAACV;YAChCH,UAAUc,MAAM,CAACF,OAAO;QAC1B;IACF,GAAG;QAACZ;KAAU;IAEd,OAAOE,KAAK,CAAC,EAAE;AACjB,EAAE;AAEF;;;CAGC,GACD,8DAA8D;AAC9D,SAASa,GAAGC,CAAM,EAAEC,CAAM;IACxB,OACE,AAACD,MAAMC,KAAMD,CAAAA,MAAM,KAAK,IAAIA,MAAM,IAAIC,CAAAA,KAAQD,MAAMA,KAAKC,MAAMA,EAAG,sCAAsC;;AAE5G;AAEA,8DAA8D;AAC9D,MAAMV,WACJ,6DAA6D;AAC7D,2DAA2D;AAC3D,OAAOW,OAAOH,EAAE,KAAK,aAAaG,OAAOH,EAAE,GAAGA"}
+{"version":3,"sources":["useContextSelector.ts"],"sourcesContent":["import { useEventCallback, useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\nimport * as React from 'react';\n\nimport { Context, ContextSelector, ContextValue, ContextVersion } from './types';\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, setState] = React.useState<readonly [Value, SelectedValue]>([value, selected]);\n  const dispatch = (\n    payload:\n      | undefined // undefined from render below\n      | readonly [ContextVersion, Value], // from provider effect\n  ) => {\n    setState(prevState => {\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 (Object.is(prevState[1], selected)) {\n          return prevState; // bail out\n        }\n\n        return [value, selected] as const;\n      }\n\n      try {\n        if (Object.is(prevState[0], payload[1])) {\n          return prevState; // do not update\n        }\n\n        const nextSelected = selector(payload[1]);\n\n        if (Object.is(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  };\n\n  if (!Object.is(state[1], selected)) {\n    // schedule re-render\n    // this is safe because it's self contained\n    dispatch(undefined);\n  }\n\n  const stableDispatch = useEventCallback(dispatch);\n\n  useIsomorphicLayoutEffect(() => {\n    listeners.push(stableDispatch);\n\n    return () => {\n      const index = listeners.indexOf(stableDispatch);\n      listeners.splice(index, 1);\n    };\n  }, [stableDispatch, listeners]);\n\n  return state[1] as SelectedValue;\n};\n"],"names":["useEventCallback","useIsomorphicLayoutEffect","React","useContextSelector","context","selector","contextValue","useContext","value","current","version","listeners","selected","state","setState","useState","dispatch","payload","prevState","Object","is","nextSelected","e","undefined","stableDispatch","push","index","indexOf","splice"],"mappings":"AAAA,SAASA,gBAAgB,EAAEC,yBAAyB,QAAQ,4BAA4B;AACxF,YAAYC,WAAW,QAAQ;AAI/B;;;;;CAKC,GACD,OAAO,MAAMC,qBAAqB,CAChCC,SACAC;IAEA,MAAMC,eAAeJ,MAAMK,UAAU,CAACH;IAEtC,MAAM,EACJI,OAAO,EAAEC,SAASD,KAAK,EAAE,EACzBE,SAAS,EAAED,SAASC,OAAO,EAAE,EAC7BC,SAAS,EACV,GAAGL;IACJ,MAAMM,WAAWP,SAASG;IAE1B,MAAM,CAACK,OAAOC,SAAS,GAAGZ,MAAMa,QAAQ,CAAkC;QAACP;QAAOI;KAAS;IAC3F,MAAMI,WAAW,CACfC;QAIAH,SAASI,CAAAA;YACP,IAAI,CAACD,SAAS;gBACZ,kDAAkD;gBAClD,OAAO;oBAACT;oBAAOI;iBAAS;YAC1B;YAEA,IAAIK,OAAO,CAAC,EAAE,IAAIP,SAAS;gBACzB,IAAIS,OAAOC,EAAE,CAACF,SAAS,CAAC,EAAE,EAAEN,WAAW;oBACrC,OAAOM,WAAW,WAAW;gBAC/B;gBAEA,OAAO;oBAACV;oBAAOI;iBAAS;YAC1B;YAEA,IAAI;gBACF,IAAIO,OAAOC,EAAE,CAACF,SAAS,CAAC,EAAE,EAAED,OAAO,CAAC,EAAE,GAAG;oBACvC,OAAOC,WAAW,gBAAgB;gBACpC;gBAEA,MAAMG,eAAehB,SAASY,OAAO,CAAC,EAAE;gBAExC,IAAIE,OAAOC,EAAE,CAACF,SAAS,CAAC,EAAE,EAAEG,eAAe;oBACzC,OAAOH,WAAW,gBAAgB;gBACpC;gBAEA,OAAO;oBAACD,OAAO,CAAC,EAAE;oBAAEI;iBAAa;YACnC,EAAE,OAAOC,GAAG;YACV,6CAA6C;YAC/C;YAEA,sCAAsC;YACtC,OAAO;gBAACJ,SAAS,CAAC,EAAE;gBAAEA,SAAS,CAAC,EAAE;aAAC,EAAW,kBAAkB;QAClE;IACF;IAEA,IAAI,CAACC,OAAOC,EAAE,CAACP,KAAK,CAAC,EAAE,EAAED,WAAW;QAClC,qBAAqB;QACrB,2CAA2C;QAC3CI,SAASO;IACX;IAEA,MAAMC,iBAAiBxB,iBAAiBgB;IAExCf,0BAA0B;QACxBU,UAAUc,IAAI,CAACD;QAEf,OAAO;YACL,MAAME,QAAQf,UAAUgB,OAAO,CAACH;YAChCb,UAAUiB,MAAM,CAACF,OAAO;QAC1B;IACF,GAAG;QAACF;QAAgBb;KAAU;IAE9B,OAAOE,KAAK,CAAC,EAAE;AACjB,EAAE"}

package/lib-commonjs/useContextSelector.js

@@ -15,71 +15,65 @@ 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
+    const [state, setState] = _react.useState([
+        value,
+        selected
+    ]);
+    const dispatch = (payload)=>{
+        setState((prevState)=>{
+            if (!payload) {
+                // early bail out when is dispatched during render
+                return [
+                    value,
+                    selected
+                ];
             }
-            return [
-                value,
-                selected
-            ];
-        }
-        try {
-            if (objectIs(prevState[0], payload[1])) {
-                return prevState; // do not update
+            if (payload[0] <= version) {
+                if (Object.is(prevState[1], selected)) {
+                    return prevState; // bail out
+                }
+                return [
+                    value,
+                    selected
+                ];
             }
-            const nextSelected = selector(payload[1]);
-            if (objectIs(prevState[1], nextSelected)) {
-                return prevState; // do not update
+            try {
+                if (Object.is(prevState[0], payload[1])) {
+                    return prevState; // do not update
+                }
+                const nextSelected = selector(payload[1]);
+                if (Object.is(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 [
-                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)) {
+                prevState[0],
+                prevState[1]
+            ]; // schedule update
+        });
+    };
+    if (!Object.is(state[1], selected)) {
         // schedule re-render
         // this is safe because it's self contained
         dispatch(undefined);
     }
+    const stableDispatch = (0, _reactutilities.useEventCallback)(dispatch);
     (0, _reactutilities.useIsomorphicLayoutEffect)(()=>{
-        listeners.push(dispatch);
+        listeners.push(stableDispatch);
         return ()=>{
-            const index = listeners.indexOf(dispatch);
+            const index = listeners.indexOf(stableDispatch);
             listeners.splice(index, 1);
         };
     }, [
+        stableDispatch,
         listeners
     ]);
     return state[1];
 };
-/**
- * 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
-function is(x, y) {
-    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 = // @ts-ignore fallback to native if it exists (not in IE11)
-typeof Object.is === 'function' ? Object.is : is;

package/lib-commonjs/useContextSelector.js.map

@@ -1 +1 @@
-{"version":3,"sources":["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 */ export const useContextSelector = (context, selector)=>{\n    const contextValue = React.useContext(context);\n    const { value: { current: value }, version: { current: version }, listeners } = 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 [\n                value,\n                selected\n            ];\n        }\n        if (payload[0] <= version) {\n            if (objectIs(prevState[1], selected)) {\n                return prevState; // bail out\n            }\n            return [\n                value,\n                selected\n            ];\n        }\n        try {\n            if (objectIs(prevState[0], payload[1])) {\n                return prevState; // do not update\n            }\n            const nextSelected = selector(payload[1]);\n            if (objectIs(prevState[1], nextSelected)) {\n                return prevState; // do not update\n            }\n            return [\n                payload[1],\n                nextSelected\n            ];\n        } catch (e) {\n        // ignored (stale props or some other reason)\n        }\n        // explicitly spread to enforce typing\n        return [\n            prevState[0],\n            prevState[1]\n        ]; // schedule update\n    }, [\n        value,\n        selected\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    useIsomorphicLayoutEffect(()=>{\n        listeners.push(dispatch);\n        return ()=>{\n            const index = listeners.indexOf(dispatch);\n            listeners.splice(index, 1);\n        };\n    }, [\n        listeners\n    ]);\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 = // 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"],"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":";;;;+BAOiBA;;;eAAAA;;;;gCAPyB;iEACnB;AAMZ,MAAMA,qBAAqB,CAACC,SAASC;IAC5C,MAAMC,eAAeC,OAAMC,UAAU,CAACJ;IACtC,MAAM,EAAEK,OAAO,EAAEC,SAASD,KAAK,EAAE,EAAEE,SAAS,EAAED,SAASC,OAAO,EAAE,EAAEC,SAAS,EAAE,GAAGN;IAChF,MAAMO,WAAWR,SAASI;IAC1B,MAAM,CAACK,OAAOC,SAAS,GAAGR,OAAMS,UAAU,CAAC,CAACC,WAAWC;QACnD,IAAI,CAACA,SAAS;YACV,kDAAkD;YAClD,OAAO;gBACHT;gBACAI;aACH;QACL;QACA,IAAIK,OAAO,CAAC,EAAE,IAAIP,SAAS;YACvB,IAAIQ,SAASF,SAAS,CAAC,EAAE,EAAEJ,WAAW;gBAClC,OAAOI,WAAW,WAAW;YACjC;YACA,OAAO;gBACHR;gBACAI;aACH;QACL;QACA,IAAI;YACA,IAAIM,SAASF,SAAS,CAAC,EAAE,EAAEC,OAAO,CAAC,EAAE,GAAG;gBACpC,OAAOD,WAAW,gBAAgB;YACtC;YACA,MAAMG,eAAef,SAASa,OAAO,CAAC,EAAE;YACxC,IAAIC,SAASF,SAAS,CAAC,EAAE,EAAEG,eAAe;gBACtC,OAAOH,WAAW,gBAAgB;YACtC;YACA,OAAO;gBACHC,OAAO,CAAC,EAAE;gBACVE;aACH;QACL,EAAE,OAAOC,GAAG;QACZ,6CAA6C;QAC7C;QACA,sCAAsC;QACtC,OAAO;YACHJ,SAAS,CAAC,EAAE;YACZA,SAAS,CAAC,EAAE;SACf,EAAE,kBAAkB;IACzB,GAAG;QACCR;QACAI;KACH;IACD,IAAI,CAACM,SAASL,KAAK,CAAC,EAAE,EAAED,WAAW;QAC/B,qBAAqB;QACrB,2CAA2C;QAC3CE,SAASO;IACb;IACAC,IAAAA,yCAAyB,EAAC;QACtBX,UAAUY,IAAI,CAACT;QACf,OAAO;YACH,MAAMU,QAAQb,UAAUc,OAAO,CAACX;YAChCH,UAAUe,MAAM,CAACF,OAAO;QAC5B;IACJ,GAAG;QACCb;KACH;IACD,OAAOE,KAAK,CAAC,EAAE;AACnB;AACA;;;CAGC,GAAG,8DAA8D;AAClE,SAASc,GAAGC,CAAC,EAAEC,CAAC;IACZ,OAAOD,MAAMC,KAAMD,CAAAA,MAAM,KAAK,IAAIA,MAAM,IAAIC,CAAAA,KAAMD,MAAMA,KAAKC,MAAMA,EAAE,sCAAsC;;AAE/G;AACA,8DAA8D;AAC9D,MAAMX,WACN,2DAA2D;AAC3D,OAAOY,OAAOH,EAAE,KAAK,aAAaG,OAAOH,EAAE,GAAGA"}
+{"version":3,"sources":["useContextSelector.js"],"sourcesContent":["import { useEventCallback, 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 */ export const useContextSelector = (context, selector)=>{\n    const contextValue = React.useContext(context);\n    const { value: { current: value }, version: { current: version }, listeners } = contextValue;\n    const selected = selector(value);\n    const [state, setState] = React.useState([\n        value,\n        selected\n    ]);\n    const dispatch = (payload)=>{\n        setState((prevState)=>{\n            if (!payload) {\n                // early bail out when is dispatched during render\n                return [\n                    value,\n                    selected\n                ];\n            }\n            if (payload[0] <= version) {\n                if (Object.is(prevState[1], selected)) {\n                    return prevState; // bail out\n                }\n                return [\n                    value,\n                    selected\n                ];\n            }\n            try {\n                if (Object.is(prevState[0], payload[1])) {\n                    return prevState; // do not update\n                }\n                const nextSelected = selector(payload[1]);\n                if (Object.is(prevState[1], nextSelected)) {\n                    return prevState; // do not update\n                }\n                return [\n                    payload[1],\n                    nextSelected\n                ];\n            } catch (e) {\n            // ignored (stale props or some other reason)\n            }\n            // explicitly spread to enforce typing\n            return [\n                prevState[0],\n                prevState[1]\n            ]; // schedule update\n        });\n    };\n    if (!Object.is(state[1], selected)) {\n        // schedule re-render\n        // this is safe because it's self contained\n        dispatch(undefined);\n    }\n    const stableDispatch = useEventCallback(dispatch);\n    useIsomorphicLayoutEffect(()=>{\n        listeners.push(stableDispatch);\n        return ()=>{\n            const index = listeners.indexOf(stableDispatch);\n            listeners.splice(index, 1);\n        };\n    }, [\n        stableDispatch,\n        listeners\n    ]);\n    return state[1];\n};\n"],"names":["useContextSelector","context","selector","contextValue","React","useContext","value","current","version","listeners","selected","state","setState","useState","dispatch","payload","prevState","Object","is","nextSelected","e","undefined","stableDispatch","useEventCallback","useIsomorphicLayoutEffect","push","index","indexOf","splice"],"mappings":";;;;+BAOiBA;;;eAAAA;;;;gCAP2C;iEACrC;AAMZ,MAAMA,qBAAqB,CAACC,SAASC;IAC5C,MAAMC,eAAeC,OAAMC,UAAU,CAACJ;IACtC,MAAM,EAAEK,OAAO,EAAEC,SAASD,KAAK,EAAE,EAAEE,SAAS,EAAED,SAASC,OAAO,EAAE,EAAEC,SAAS,EAAE,GAAGN;IAChF,MAAMO,WAAWR,SAASI;IAC1B,MAAM,CAACK,OAAOC,SAAS,GAAGR,OAAMS,QAAQ,CAAC;QACrCP;QACAI;KACH;IACD,MAAMI,WAAW,CAACC;QACdH,SAAS,CAACI;YACN,IAAI,CAACD,SAAS;gBACV,kDAAkD;gBAClD,OAAO;oBACHT;oBACAI;iBACH;YACL;YACA,IAAIK,OAAO,CAAC,EAAE,IAAIP,SAAS;gBACvB,IAAIS,OAAOC,EAAE,CAACF,SAAS,CAAC,EAAE,EAAEN,WAAW;oBACnC,OAAOM,WAAW,WAAW;gBACjC;gBACA,OAAO;oBACHV;oBACAI;iBACH;YACL;YACA,IAAI;gBACA,IAAIO,OAAOC,EAAE,CAACF,SAAS,CAAC,EAAE,EAAED,OAAO,CAAC,EAAE,GAAG;oBACrC,OAAOC,WAAW,gBAAgB;gBACtC;gBACA,MAAMG,eAAejB,SAASa,OAAO,CAAC,EAAE;gBACxC,IAAIE,OAAOC,EAAE,CAACF,SAAS,CAAC,EAAE,EAAEG,eAAe;oBACvC,OAAOH,WAAW,gBAAgB;gBACtC;gBACA,OAAO;oBACHD,OAAO,CAAC,EAAE;oBACVI;iBACH;YACL,EAAE,OAAOC,GAAG;YACZ,6CAA6C;YAC7C;YACA,sCAAsC;YACtC,OAAO;gBACHJ,SAAS,CAAC,EAAE;gBACZA,SAAS,CAAC,EAAE;aACf,EAAE,kBAAkB;QACzB;IACJ;IACA,IAAI,CAACC,OAAOC,EAAE,CAACP,KAAK,CAAC,EAAE,EAAED,WAAW;QAChC,qBAAqB;QACrB,2CAA2C;QAC3CI,SAASO;IACb;IACA,MAAMC,iBAAiBC,IAAAA,gCAAgB,EAACT;IACxCU,IAAAA,yCAAyB,EAAC;QACtBf,UAAUgB,IAAI,CAACH;QACf,OAAO;YACH,MAAMI,QAAQjB,UAAUkB,OAAO,CAACL;YAChCb,UAAUmB,MAAM,CAACF,OAAO;QAC5B;IACJ,GAAG;QACCJ;QACAb;KACH;IACD,OAAOE,KAAK,CAAC,EAAE;AACnB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-context-selector",
-  "version": "9.1.60",
+  "version": "9.1.62",
   "description": "React useContextSelector hook in userland",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -18,7 +18,7 @@
     "just": "just-scripts",
     "lint": "just-scripts lint",
     "test": "jest --passWithNoTests",
-    "type-check": "tsc -b tsconfig.json",
+    "type-check": "just-scripts type-check",
     "generate-api": "just-scripts generate-api",
     "test-ssr": "test-ssr \"./stories/**/*.stories.tsx\""
   },
@@ -28,7 +28,7 @@
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-utilities": "^9.18.9",
+    "@fluentui/react-utilities": "^9.18.10",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {