@fluentui/react-context-selector 0.0.0-nightly0025eeb82020211108.1

package/lib/createContext.js

@@ -0,0 +1,47 @@
+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: [],
+            };
+        }
+        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';
+    }
+    return Provider;
+};
+export const createContext = (defaultValue) => {
+    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

@@ -0,0 +1 @@
+{"version":3,"file":"createContext.js","sourceRoot":"","sources":["../src/createContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AACtE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,uBAAuB,IAAI,cAAc,EAAE,wBAAwB,IAAI,eAAe,EAAE,MAAM,WAAW,CAAC;AAInH,MAAM,cAAc,GAAG,CAAQ,QAA6C,EAAE,EAAE;IAC9E,MAAM,QAAQ,GAAyC,KAAK,CAAC,EAAE;QAC7D,gCAAgC;QAChC,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAC3C,+GAA+G;QAC/G,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QAEnC,gFAAgF;QAChF,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,EAAuB,CAAC;QAEzD,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;YACzB,YAAY,CAAC,OAAO,GAAG;gBACrB,KAAK,EAAE,QAAQ;gBACf,OAAO,EAAE,UAAU;gBACnB,SAAS,EAAE,EAAE;aACd,CAAC;SACH;QAED,yBAAyB,CAAC,GAAG,EAAE;YAC7B,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC;YAC/B,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;YAExB,eAAe,CAAC,cAAc,EAAE,GAAG,EAAE;gBAClC,YAAY,CAAC,OAA+B,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;oBACzE,QAAQ,CAAC,CAAC,UAAU,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;gBAC9C,CAAC,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;QACL,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;QAElB,OAAO,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,YAAY,CAAC,OAAO,EAAE,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;IACxF,CAAC,CAAC;IAEF,0BAA0B;IAC1B,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;QACzC,QAAQ,CAAC,WAAW,GAAG,0BAA0B,CAAC;KACnD;IAED,OAAQ,QAA2D,CAAC;AACtE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAQ,YAAmB,EAAkB,EAAE;IAC1E,MAAM,OAAO,GAAG,KAAK,CAAC,aAAa,CAAsB;QACvD,KAAK,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE;QAChC,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE;QACxB,SAAS,EAAE,EAAE;KACd,CAAC,CAAC;IAEH,OAAO,CAAC,QAAQ,GAAG,cAAc,CAAQ,OAAO,CAAC,QAAQ,CAAC,CAAC;IAE3D,gCAAgC;IAChC,OAAS,OAAsC,CAAC,QAAQ,CAAC;IAEzD,OAAQ,OAAqC,CAAC;AAChD,CAAC,CAAC"}

package/lib/index.d.ts

@@ -0,0 +1,4 @@
+export { createContext } from './createContext';
+export { useContextSelector } from './useContextSelector';
+export { useHasParentContext } from './useHasParentContext';
+export * from './types';

package/lib/index.js

@@ -0,0 +1,5 @@
+export { createContext } from './createContext';
+export { useContextSelector } from './useContextSelector';
+export { useHasParentContext } from './useHasParentContext';
+export * from './types';
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../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;AAC5D,cAAc,SAAS,CAAC"}

package/lib/tsdoc-metadata.json

@@ -0,0 +1,11 @@
+// This file is read by tools that parse documentation comments conforming to the TSDoc standard.
+// It should be published with your NPM package.  It should not be tracked by Git.
+{
+  "tsdocVersion": "0.12",
+  "toolPackages": [
+    {
+      "packageName": "@microsoft/api-extractor",
+      "packageVersion": "7.18.1"
+    }
+  ]
+}

package/lib/types.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+export declare type Context<Value> = React.Context<Value> & {
+    Provider: React.FC<React.ProviderProps<Value>>;
+    Consumer: never;
+};
+export declare type ContextSelector<Value, SelectedValue> = (value: Value) => SelectedValue;
+export declare type ContextVersion = number;
+export declare type ContextValue<Value> = {
+    /** Holds a set of subscribers from components. */
+    listeners: ((payload: readonly [ContextVersion, Value]) => void)[];
+    /** Holds an actual value of React's context that will be propagated down for computations. */
+    value: React.MutableRefObject<Value>;
+    /** A version field is used to sync a context value and consumers. */
+    version: React.MutableRefObject<ContextVersion>;
+};
+export declare type ContextValues<Value> = ContextValue<Value> & {
+    /** List of listners to publish changes */
+    listeners: ((payload: readonly [ContextVersion, Record<string, Value>]) => void)[];
+};

package/lib/types.js

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

package/lib/types.js.map

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

package/lib/useContextSelector.d.ts

@@ -0,0 +1,7 @@
+import { Context, ContextSelector } from './types';
+/**
+ * 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 referencially changed.
+ */
+export declare const useContextSelector: <Value, SelectedValue>(context: Context<Value>, selector: ContextSelector<Value, SelectedValue>) => SelectedValue;

package/lib/useContextSelector.js

@@ -0,0 +1,67 @@
+import { useIsomorphicLayoutEffect } from '@fluentui/react-utilities';
+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 referencially 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];
+        }
+        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];
+};
+/**
+ * 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;
+//# sourceMappingURL=useContextSelector.js.map

package/lib/useContextSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContextSelector.js","sourceRoot":"","sources":["../src/useContextSelector.ts"],"names":[],"mappings":"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"}

package/lib/useHasParentContext.d.ts

@@ -0,0 +1,9 @@
+import { Context } from './types';
+/**
+ * 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
+ */
+export declare function useHasParentContext<Value>(context: Context<Value>): boolean;

package/lib/useHasParentContext.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+/**
+ * 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
+ */
+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

@@ -0,0 +1 @@
+{"version":3,"file":"useHasParentContext.js","sourceRoot":"","sources":["../src/useHasParentContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;;;;;GAMG;AACH,MAAM,UAAU,mBAAmB,CAAQ,OAAuB;IAChE,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAE,OAAmD,CAAC,CAAC;IAE5F,IAAI,YAAY,CAAC,OAAO,EAAE;QACxB,OAAO,YAAY,CAAC,OAAO,CAAC,OAAO,KAAK,CAAC,CAAC,CAAC;KAC5C;IAED,OAAO,KAAK,CAAC;AACf,CAAC"}

package/lib-commonjs/createContext.d.ts

@@ -0,0 +1,2 @@
+import { Context } from './types';
+export declare const createContext: <Value>(defaultValue: Value) => Context<Value>;

package/lib-commonjs/createContext.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createContext = void 0;
+const react_utilities_1 = require("@fluentui/react-utilities");
+const React = require("react");
+const scheduler_1 = 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: [],
+            };
+        }
+        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) => {
+    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

@@ -0,0 +1 @@
+{"version":3,"file":"createContext.js","sourceRoot":"","sources":["../src/createContext.ts"],"names":[],"mappings":";;;AAAA,+DAAsE;AACtE,+BAA+B;AAC/B,yCAAmH;AAInH,MAAM,cAAc,GAAG,CAAQ,QAA6C,EAAE,EAAE;IAC9E,MAAM,QAAQ,GAAyC,KAAK,CAAC,EAAE;QAC7D,gCAAgC;QAChC,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAC3C,+GAA+G;QAC/G,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QAEnC,gFAAgF;QAChF,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,EAAuB,CAAC;QAEzD,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;YACzB,YAAY,CAAC,OAAO,GAAG;gBACrB,KAAK,EAAE,QAAQ;gBACf,OAAO,EAAE,UAAU;gBACnB,SAAS,EAAE,EAAE;aACd,CAAC;SACH;QAED,2CAAyB,CAAC,GAAG,EAAE;YAC7B,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC;YAC/B,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;YAExB,oCAAe,CAAC,mCAAc,EAAE,GAAG,EAAE;gBAClC,YAAY,CAAC,OAA+B,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;oBACzE,QAAQ,CAAC,CAAC,UAAU,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;gBAC9C,CAAC,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;QACL,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;QAElB,OAAO,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,YAAY,CAAC,OAAO,EAAE,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;IACxF,CAAC,CAAC;IAEF,0BAA0B;IAC1B,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;QACzC,QAAQ,CAAC,WAAW,GAAG,0BAA0B,CAAC;KACnD;IAED,OAAQ,QAA2D,CAAC;AACtE,CAAC,CAAC;AAEK,MAAM,aAAa,GAAG,CAAQ,YAAmB,EAAkB,EAAE;IAC1E,MAAM,OAAO,GAAG,KAAK,CAAC,aAAa,CAAsB;QACvD,KAAK,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE;QAChC,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE;QACxB,SAAS,EAAE,EAAE;KACd,CAAC,CAAC;IAEH,OAAO,CAAC,QAAQ,GAAG,cAAc,CAAQ,OAAO,CAAC,QAAQ,CAAC,CAAC;IAE3D,gCAAgC;IAChC,OAAS,OAAsC,CAAC,QAAQ,CAAC;IAEzD,OAAQ,OAAqC,CAAC;AAChD,CAAC,CAAC;AAbW,QAAA,aAAa,iBAaxB"}

package/lib-commonjs/index.d.ts

@@ -0,0 +1,4 @@
+export { createContext } from './createContext';
+export { useContextSelector } from './useContextSelector';
+export { useHasParentContext } from './useHasParentContext';
+export * from './types';

package/lib-commonjs/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useHasParentContext = exports.useContextSelector = exports.createContext = void 0;
+const tslib_1 = require("tslib");
+var createContext_1 = require("./createContext");
+Object.defineProperty(exports, "createContext", { enumerable: true, get: function () { return createContext_1.createContext; } });
+var useContextSelector_1 = require("./useContextSelector");
+Object.defineProperty(exports, "useContextSelector", { enumerable: true, get: function () { return useContextSelector_1.useContextSelector; } });
+var useHasParentContext_1 = require("./useHasParentContext");
+Object.defineProperty(exports, "useHasParentContext", { enumerable: true, get: function () { return useHasParentContext_1.useHasParentContext; } });
+tslib_1.__exportStar(require("./types"), exports);
+//# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;AAAA,iDAAgD;AAAvC,8GAAA,aAAa,OAAA;AACtB,2DAA0D;AAAjD,wHAAA,kBAAkB,OAAA;AAC3B,6DAA4D;AAAnD,0HAAA,mBAAmB,OAAA;AAC5B,kDAAwB"}

package/lib-commonjs/types.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+export declare type Context<Value> = React.Context<Value> & {
+    Provider: React.FC<React.ProviderProps<Value>>;
+    Consumer: never;
+};
+export declare type ContextSelector<Value, SelectedValue> = (value: Value) => SelectedValue;
+export declare type ContextVersion = number;
+export declare type ContextValue<Value> = {
+    /** Holds a set of subscribers from components. */
+    listeners: ((payload: readonly [ContextVersion, Value]) => void)[];
+    /** Holds an actual value of React's context that will be propagated down for computations. */
+    value: React.MutableRefObject<Value>;
+    /** A version field is used to sync a context value and consumers. */
+    version: React.MutableRefObject<ContextVersion>;
+};
+export declare type ContextValues<Value> = ContextValue<Value> & {
+    /** List of listners to publish changes */
+    listeners: ((payload: readonly [ContextVersion, Record<string, Value>]) => void)[];
+};

package/lib-commonjs/types.js

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

package/lib-commonjs/types.js.map

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

package/lib-commonjs/useContextSelector.d.ts

@@ -0,0 +1,7 @@
+import { Context, ContextSelector } from './types';
+/**
+ * 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 referencially changed.
+ */
+export declare const useContextSelector: <Value, SelectedValue>(context: Context<Value>, selector: ContextSelector<Value, SelectedValue>) => SelectedValue;

package/lib-commonjs/useContextSelector.js

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useContextSelector = void 0;
+const react_utilities_1 = require("@fluentui/react-utilities");
+const React = require("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 referencially 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];
+        }
+        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
+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;
+//# sourceMappingURL=useContextSelector.js.map

package/lib-commonjs/useContextSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContextSelector.js","sourceRoot":"","sources":["../src/useContextSelector.ts"],"names":[],"mappings":"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"}

package/lib-commonjs/useHasParentContext.d.ts

@@ -0,0 +1,9 @@
+import { Context } from './types';
+/**
+ * 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
+ */
+export declare function useHasParentContext<Value>(context: Context<Value>): boolean;

package/lib-commonjs/useHasParentContext.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useHasParentContext = void 0;
+const React = require("react");
+/**
+ * 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;
+}
+exports.useHasParentContext = useHasParentContext;
+//# sourceMappingURL=useHasParentContext.js.map

package/lib-commonjs/useHasParentContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHasParentContext.js","sourceRoot":"","sources":["../src/useHasParentContext.ts"],"names":[],"mappings":";;;AAAA,+BAA+B;AAG/B;;;;;;GAMG;AACH,SAAgB,mBAAmB,CAAQ,OAAuB;IAChE,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAE,OAAmD,CAAC,CAAC;IAE5F,IAAI,YAAY,CAAC,OAAO,EAAE;QACxB,OAAO,YAAY,CAAC,OAAO,CAAC,OAAO,KAAK,CAAC,CAAC,CAAC;KAC5C;IAED,OAAO,KAAK,CAAC;AACf,CAAC;AARD,kDAQC"}

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "@fluentui/react-context-selector",
+  "version": "0.0.0-nightly0025eeb82020211108.1",
+  "description": "React useContextSelector hook in userland",
+  "main": "lib-commonjs/index.js",
+  "module": "lib/index.js",
+  "typings": "lib/index.d.ts",
+  "sideEffects": false,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/microsoft/fluentui"
+  },
+  "license": "MIT",
+  "scripts": {
+    "build": "just-scripts build",
+    "clean": "just-scripts clean",
+    "code-style": "just-scripts code-style",
+    "just": "just-scripts",
+    "lint": "just-scripts lint",
+    "test": "jest",
+    "docs": "api-extractor run --config=config/api-extractor.local.json --local",
+    "build:local": "tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/react-context-selector/src && yarn docs"
+  },
+  "devDependencies": {
+    "@fluentui/eslint-plugin": "*",
+    "@fluentui/scripts": "^1.0.0",
+    "@types/scheduler": "^0.16.1",
+    "@types/react": "16.9.42",
+    "@types/react-dom": "16.9.10",
+    "@types/react-test-renderer": "^16.0.0",
+    "react": "16.8.6",
+    "react-dom": "16.8.6",
+    "react-is": "^16.6.3",
+    "react-test-renderer": "^16.3.0"
+  },
+  "dependencies": {
+    "@fluentui/react-utilities": "0.0.0-nightly0025eeb82020211108.1",
+    "scheduler": "^0.20.1",
+    "tslib": "^2.1.0"
+  },
+  "peerDependencies": {
+    "@types/react": ">=16.8.0 <17.0.0",
+    "@types/react-dom": ">=16.8.0 <17.0.0",
+    "react": ">=16.8.0 <17.0.0",
+    "react-dom": ">=16.8.0 <17.0.0"
+  },
+  "beachball": {
+    "tag": "beta",
+    "disallowedChangeTypes": [
+      "major",
+      "minor",
+      "patch"
+    ]
+  }
+}