@fluentui/react-context-selector 9.1.20 → 9.1.22

package/CHANGELOG.json

@@ -2,7 +2,52 @@
   "name": "@fluentui/react-context-selector",
   "entries": [
     {
-      "date": "Thu, 18 May 2023 00:35:35 GMT",
+      "date": "Wed, 31 May 2023 06:43:06 GMT",
+      "tag": "@fluentui/react-context-selector_v9.1.22",
+      "version": "9.1.22",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-context-selector",
+            "comment": "Bump @fluentui/react-utilities to v9.9.2",
+            "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 25 May 2023 10:00:48 GMT",
+      "tag": "@fluentui/react-context-selector_v9.1.21",
+      "version": "9.1.21",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-context-selector",
+            "comment": "Bump @fluentui/react-utilities to v9.9.1",
+            "commit": "8f7c1b7591b3e665ae39e1b22ab0f0b28fb795c4"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 24 May 2023 20:45:25 GMT",
+      "tag": "@fluentui/react-context-selector_v9.1.20",
+      "version": "9.1.20",
+      "comments": {
+        "none": [
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-context-selector",
+            "commit": "69e0617a93cb44ef42f3bd19284b7dc5fe27fed3",
+            "comment": "chore: update test-ssr script"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 18 May 2023 00:39:05 GMT",
       "tag": "@fluentui/react-context-selector_v9.1.20",
       "version": "9.1.20",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,30 @@
 # Change Log - @fluentui/react-context-selector
 
-This log was last generated on Thu, 18 May 2023 00:35:35 GMT and should not be manually modified.
+This log was last generated on Wed, 31 May 2023 06:43:06 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.1.22](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.1.22)
+
+Wed, 31 May 2023 06:43:06 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.1.21..@fluentui/react-context-selector_v9.1.22)
+
+### Patches
+
+- Bump @fluentui/react-utilities to v9.9.2 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
+
+## [9.1.21](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.1.21)
+
+Thu, 25 May 2023 10:00:48 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.1.20..@fluentui/react-context-selector_v9.1.21)
+
+### Patches
+
+- Bump @fluentui/react-utilities to v9.9.1 ([PR #27988](https://github.com/microsoft/fluentui/pull/27988) by beachball)
+
 ## [9.1.20](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.1.20)
 
-Thu, 18 May 2023 00:35:35 GMT 
+Thu, 18 May 2023 00:39:05 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.1.19..@fluentui/react-context-selector_v9.1.20)
 
 ### Patches

package/lib/createContext.js

@@ -1,57 +1,59 @@
 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"
-    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: []
-      };
+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: []
+            };
+        }
+        useIsomorphicLayoutEffect(()=>{
+            valueRef.current = props.value;
+            versionRef.current += 1;
+            runWithPriority(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';
     }
-    useIsomorphicLayoutEffect(() => {
-      valueRef.current = props.value;
-      versionRef.current += 1;
-      runWithPriority(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';
-  }
-  return Provider;
+    return Provider;
 };
 /**
  * @internal
- */
-export 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;
+ */ export 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;
 };
-//# sourceMappingURL=createContext.js.map

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,"sources":["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"],"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"],"mappings":"AAAA,SAASA,yBAAyB,QAAQ,4BAA4B;AACtE,YAAYC,WAAW,QAAQ;AAC/B,SAASC,2BAA2BC,cAAc,EAAEC,4BAA4BC,eAAe,QAAQ,YAAY;AAInH,MAAMC,iBAAiB,CAAQC,WAAkD;IAC/E,MAAMC,WAAiDC,CAAAA,QAAS;QAC9D,gCAAgC;QAChC,MAAMC,WAAWT,MAAMU,MAAM,CAACF,MAAMG,KAAK;QACzC,+GAA+G;QAC/G,MAAMC,aAAaZ,MAAMU,MAAM,CAAC;QAEhC,gFAAgF;QAChF,MAAMG,eAAeb,MAAMU,MAAM;QAEjC,IAAI,CAACG,aAAaC,OAAO,EAAE;YACzBD,aAAaC,OAAO,GAAG;gBACrBH,OAAOF;gBACPM,SAASH;gBACTI,WAAW,EAAE;YACf;QACF,CAAC;QAEDjB,0BAA0B,IAAM;YAC9BU,SAASK,OAAO,GAAGN,MAAMG,KAAK;YAC9BC,WAAWE,OAAO,IAAI;YAEtBV,gBAAgBF,gBAAgB,IAAM;gBACnCW,aAAaC,OAAO,CAAyBE,SAAS,CAACC,OAAO,CAACC,CAAAA,WAAY;oBAC1EA,SAAS;wBAACN,WAAWE,OAAO;wBAAEN,MAAMG,KAAK;qBAAC;gBAC5C;YACF;QACF,GAAG;YAACH,MAAMG,KAAK;SAAC;QAEhB,OAAOX,MAAMmB,aAAa,CAACb,UAAU;YAAEK,OAAOE,aAAaC,OAAO;QAAC,GAAGN,MAAMY,QAAQ;IACtF;IAEA,wBAAwB,GACxB,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;QACzChB,SAASiB,WAAW,GAAG;IACzB,CAAC;IAED,OAAOjB;AACT;AAEA;;CAEC,GACD,OAAO,MAAMkB,gBAAgB,CAAQC,eAAwC;IAC3E,8DAA8D;IAC9D,MAAMC,UAAU3B,MAAMyB,aAAa,CAAsB;QACvDd,OAAO;YAAEG,SAASY;QAAa;QAC/BX,SAAS;YAAED,SAAS,CAAC;QAAE;QACvBE,WAAW,EAAE;IACf;IAEAW,QAAQpB,QAAQ,GAAGF,eAAsBsB,QAAQpB,QAAQ;IAEzD,gCAAgC;IAChC,OAAO,AAACoB,QAAsCC,QAAQ;IAEtD,OAAOD;AACT,EAAE"}

package/lib/index.js

@@ -1,4 +1,3 @@
 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,"sources":["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"],"names":["createContext","useContextSelector","useHasParentContext"],"mappings":"AAAA,SAASA,aAAa,QAAQ,kBAAkB;AAChD,SAASC,kBAAkB,QAAQ,uBAAuB;AAC1D,SAASC,mBAAmB,QAAQ,wBAAwB"}

package/lib/types.js

@@ -1,2 +1 @@
 import * as React from 'react';
-//# 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,"sources":["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"],"names":["React"],"mappings":"AAAA,YAAYA,WAAW,QAAQ"}

package/lib/useContextSelector.js

@@ -5,73 +5,76 @@ import * as React from 'react';
  * 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.
- */
-export 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];
+ */ export 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);
     }
-    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);
-  }
-  useIsomorphicLayoutEffect(() => {
-    listeners.push(dispatch);
-    return () => {
-      const index = listeners.indexOf(dispatch);
-      listeners.splice(index, 1);
-    };
-  }, [listeners]);
-  return state[1];
+    useIsomorphicLayoutEffect(()=>{
+        listeners.push(dispatch);
+        return ()=>{
+            const index = listeners.indexOf(dispatch);
+            listeners.splice(index, 1);
+        };
+    }, [
+        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
-  ;
+    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

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,"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,WACkB;IAClB,MAAMC,eAAeJ,MAAMK,UAAU,CAACH;IAEtC,MAAM,EACJI,OAAO,EAAEC,SAASD,MAAK,EAAE,CAAA,EACzBE,SAAS,EAAED,SAASC,QAAO,EAAE,CAAA,EAC7BC,UAAS,EACV,GAAGL;IACJ,MAAMM,WAAWP,SAASG;IAE1B,MAAM,CAACK,OAAOC,SAAS,GAAGZ,MAAMa,UAAU,CACxC,CACEC,WACAC,UAGoC;QACpC,IAAI,CAACA,SAAS;YACZ,kDAAkD;YAClD,OAAO;gBAACT;gBAAOI;aAAS;QAC1B,CAAC;QAED,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;QAED,IAAI;YACF,IAAIM,SAASF,SAAS,CAAC,EAAE,EAAEC,OAAO,CAAC,EAAE,GAAG;gBACtC,OAAOD,WAAW,gBAAgB;YACpC,CAAC;YAED,MAAMG,eAAed,SAASY,OAAO,CAAC,EAAE;YAExC,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;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,CAAC;IAEDpB,0BAA0B,IAAM;QAC9BU,UAAUW,IAAI,CAACR;QAEf,OAAO,IAAM;YACX,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,EAAE;IAC1B,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,EAAE"}

package/lib/useHasParentContext.js

@@ -6,12 +6,10 @@ import * as React from 'react';
  *
  * @param context - context created by react-context-selector
  * @returns whether the hook is wrapped by a parent context
- */
-export function useHasParentContext(context) {
-  const contextValue = React.useContext(context);
-  if (contextValue.version) {
-    return contextValue.version.current !== -1;
-  }
-  return false;
+ */ export function useHasParentContext(context) {
+    const contextValue = React.useContext(context);
+    if (contextValue.version) {
+        return contextValue.version.current !== -1;
+    }
+    return false;
 }
-//# sourceMappingURL=useHasParentContext.js.map

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,"sources":["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"],"names":["React","useHasParentContext","context","contextValue","useContext","version","current"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAG/B;;;;;;;CAOC,GACD,OAAO,SAASC,oBAA2BC,OAAuB,EAAE;IAClE,MAAMC,eAAeH,MAAMI,UAAU,CAACF;IAEtC,IAAIC,aAAaE,OAAO,EAAE;QACxB,OAAOF,aAAaE,OAAO,CAACC,OAAO,KAAK,CAAC;IAC3C,CAAC;IAED,OAAO,KAAK;AACd,CAAC"}

package/lib-commonjs/createContext.js

@@ -63,6 +63,4 @@ const createContext = (defaultValue)=>{
     // We don't support Consumer API
     delete context.Consumer;
     return context;
-}; //# sourceMappingURL=createContext.js.map
-
-//# 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,"sources":["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([\n                        versionRef.current,\n                        props.value\n                    ]);\n                });\n            });\n        }, [\n            props.value\n        ]);\n        return React.createElement(Original, {\n            value: contextValue.current\n        }, props.children);\n    };\n    /* istanbul ignore else */ if (process.env.NODE_ENV !== 'production') {\n        Provider.displayName = 'ContextSelector.Provider';\n    }\n    return Provider;\n};\n/**\n * @internal\n */ export const createContext = (defaultValue)=>{\n    // eslint-disable-next-line @fluentui/no-context-default-value\n    const context = 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"],"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":";;;;+BA2CiBA;;aAAAA;;;gCA3CyB;6DACnB;2BACgF;AACvG,MAAMC,iBAAiB,CAACC,WAAW;IAC/B,MAAMC,WAAW,CAACC,QAAQ;QACtB,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;YACvBD,aAAaC,OAAO,GAAG;gBACnBH,OAAOH;gBACPO,SAASH;gBACTI,WAAW,EAAE;YACjB;QACJ,CAAC;QACDC,IAAAA,yCAAyB,EAAC,IAAI;YAC1BT,SAASM,OAAO,GAAGP,MAAMI,KAAK;YAC9BC,WAAWE,OAAO,IAAI;YACtBI,IAAAA,mCAAe,EAACC,kCAAc,EAAE,IAAI;gBAChCN,aAAaC,OAAO,CAACE,SAAS,CAACI,OAAO,CAAC,CAACC,WAAW;oBAC/CA,SAAS;wBACLT,WAAWE,OAAO;wBAClBP,MAAMI,KAAK;qBACd;gBACL;YACJ;QACJ,GAAG;YACCJ,MAAMI,KAAK;SACd;QACD,qBAAOF,OAAMa,aAAa,CAACjB,UAAU;YACjCM,OAAOE,aAAaC,OAAO;QAC/B,GAAGP,MAAMgB,QAAQ;IACrB;IACA,wBAAwB,GAAG,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;QAClEpB,SAASqB,WAAW,GAAG;IAC3B,CAAC;IACD,OAAOrB;AACX;AAGW,MAAMH,gBAAgB,CAACyB,eAAe;IAC7C,8DAA8D;IAC9D,MAAMC,wBAAUpB,OAAMN,aAAa,CAAC;QAChCQ,OAAO;YACHG,SAASc;QACb;QACAb,SAAS;YACLD,SAAS,CAAC;QACd;QACAE,WAAW,EAAE;IACjB;IACAa,QAAQvB,QAAQ,GAAGF,eAAeyB,QAAQvB,QAAQ;IAClD,gCAAgC;IAChC,OAAOuB,QAAQC,QAAQ;IACvB,OAAOD;AACX"}

package/lib-commonjs/index.js

@@ -16,6 +16,3 @@ _export(exports, {
 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,"sources":["index.js"],"sourcesContent":["export { createContext } from './createContext';\nexport { useContextSelector } from './useContextSelector';\nexport { useHasParentContext } from './useHasParentContext';\n"],"names":["createContext","useContextSelector","useHasParentContext"],"mappings":";;;;;;;;;;;IAASA,aAAa,MAAbA,4BAAa;IACbC,kBAAkB,MAAlBA,sCAAkB;IAClBC,mBAAmB,MAAnBA,wCAAmB;;+BAFE;oCACK;qCACC"}

package/lib-commonjs/types.js

@@ -4,6 +4,3 @@ Object.defineProperty(exports, "__esModule", {
 });
 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,"sources":["types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;6DAAuB"}

package/lib-commonjs/useContextSelector.js

@@ -79,8 +79,5 @@ function is(x, y) {
     ;
 }
 // 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; //# sourceMappingURL=useContextSelector.js.map
-
-//# sourceMappingURL=useContextSelector.js.map
+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":["../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,"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;;aAAAA;;;gCAPyB;6DACnB;AAMZ,MAAMA,qBAAqB,CAACC,SAASC,WAAW;IACvD,MAAMC,eAAeC,OAAMC,UAAU,CAACJ;IACtC,MAAM,EAAEK,OAAO,EAAEC,SAASD,MAAK,EAAG,CAAA,EAAGE,SAAS,EAAED,SAASC,QAAO,EAAG,CAAA,EAAGC,UAAS,EAAG,GAAGN;IACrF,MAAMO,WAAWR,SAASI;IAC1B,MAAM,CAACK,OAAOC,SAAS,GAAGR,OAAMS,UAAU,CAAC,CAACC,WAAWC,UAAU;QAC7D,IAAI,CAACA,SAAS;YACV,kDAAkD;YAClD,OAAO;gBACHT;gBACAI;aACH;QACL,CAAC;QACD,IAAIK,OAAO,CAAC,EAAE,IAAIP,SAAS;YACvB,IAAIQ,SAASF,SAAS,CAAC,EAAE,EAAEJ,WAAW;gBAClC,OAAOI,WAAW,WAAW;YACjC,CAAC;YACD,OAAO;gBACHR;gBACAI;aACH;QACL,CAAC;QACD,IAAI;YACA,IAAIM,SAASF,SAAS,CAAC,EAAE,EAAEC,OAAO,CAAC,EAAE,GAAG;gBACpC,OAAOD,WAAW,gBAAgB;YACtC,CAAC;YACD,MAAMG,eAAef,SAASa,OAAO,CAAC,EAAE;YACxC,IAAIC,SAASF,SAAS,CAAC,EAAE,EAAEG,eAAe;gBACtC,OAAOH,WAAW,gBAAgB;YACtC,CAAC;YACD,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,CAAC;IACDC,IAAAA,yCAAyB,EAAC,IAAI;QAC1BX,UAAUY,IAAI,CAACT;QACf,OAAO,IAAI;YACP,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,EAAE;IACd,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,EAAE"}

package/lib-commonjs/useHasParentContext.js

@@ -14,6 +14,4 @@ function useHasParentContext(context) {
         return contextValue.version.current !== -1;
     }
     return false;
-} //# sourceMappingURL=useHasParentContext.js.map
-
-//# 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,"sources":["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 */ export 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"],"names":["useHasParentContext","context","contextValue","React","useContext","version","current"],"mappings":";;;;+BAQoBA;;aAAAA;;;6DARG;AAQZ,SAASA,oBAAoBC,OAAO,EAAE;IAC7C,MAAMC,eAAeC,OAAMC,UAAU,CAACH;IACtC,IAAIC,aAAaG,OAAO,EAAE;QACtB,OAAOH,aAAaG,OAAO,CAACC,OAAO,KAAK,CAAC;IAC7C,CAAC;IACD,OAAO,KAAK;AAChB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-context-selector",
-  "version": "9.1.20",
+  "version": "9.1.22",
   "description": "React useContextSelector hook in userland",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -20,7 +20,7 @@
     "test": "jest --passWithNoTests",
     "type-check": "tsc -b tsconfig.json",
     "generate-api": "just-scripts generate-api",
-    "test-ssr": "test-ssr ./stories/**/*.stories.tsx"
+    "test-ssr": "test-ssr \"./stories/**/*.stories.tsx\""
   },
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
@@ -28,7 +28,7 @@
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-utilities": "^9.9.0",
+    "@fluentui/react-utilities": "^9.9.2",
     "@swc/helpers": "^0.4.14"
   },
   "peerDependencies": {