@fluentui/react-context-selector 9.0.0-alpha.7 → 9.0.0-nightly.f81b28ceb3.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-context-selector",
-  "version": "9.0.0-alpha.7",
+  "version": "9.0.0-nightly.f81b28ceb3.1",
   "description": "React useContextSelector hook in userland",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -17,12 +17,12 @@
     "code-style": "just-scripts code-style",
     "just": "just-scripts",
     "lint": "just-scripts lint",
-    "start-test": "just-scripts jest-watch",
-    "test": "just-scripts test",
-    "update-snapshots": "just-scripts jest -u"
+    "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": "^1.2.0",
+    "@fluentui/eslint-plugin": "*",
     "@fluentui/scripts": "^1.0.0",
     "@types/scheduler": "^0.16.1",
     "@types/react": "16.9.42",
@@ -34,7 +34,7 @@
     "react-test-renderer": "^16.3.0"
   },
   "dependencies": {
-    "@fluentui/react-utilities": "^9.0.0-alpha.22",
+    "@fluentui/react-utilities": "9.0.0-nightly.f81b28ceb3.1",
     "scheduler": "^0.20.1",
     "tslib": "^2.1.0"
   },
@@ -45,7 +45,7 @@
     "react-dom": ">=16.8.0 <17.0.0"
   },
   "beachball": {
-    "tag": "alpha",
+    "tag": "beta",
     "disallowedChangeTypes": [
       "major",
       "minor",

package/config/api-extractor.json

@@ -1,3 +0,0 @@
-{
-  "extends": "@fluentui/scripts/api-extractor/api-extractor.common.json"
-}

package/config/tests.js

@@ -1 +0,0 @@
-/** Jest test setup file. This file is required for tests to run */

package/etc/react-context-selector.api.md

@@ -1,42 +0,0 @@
-## API Report File for "@fluentui/react-context-selector"
-
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
-
-```ts
-
-import * as React_2 from 'react';
-
-// @public (undocumented)
-export type Context<Value> = React_2.Context<Value> & {
-    Provider: React_2.FC<React_2.ProviderProps<Value>>;
-    Consumer: never;
-};
-
-// @public (undocumented)
-export type ContextSelector<Value, SelectedValue> = (value: Value) => SelectedValue;
-
-// @public (undocumented)
-export type ContextValue<Value> = {
-    listeners: ((payload: readonly [ContextVersion, Value]) => void)[];
-    value: React_2.MutableRefObject<Value>;
-    version: React_2.MutableRefObject<ContextVersion>;
-};
-
-// @public (undocumented)
-export type ContextValues<Value> = ContextValue<Value> & {
-    listeners: ((payload: readonly [ContextVersion, Record<string, Value>]) => void)[];
-};
-
-// @public (undocumented)
-export type ContextVersion = number;
-
-// @public (undocumented)
-export const createContext: <Value>(defaultValue: Value) => Context<Value>;
-
-// @public
-export const useContextSelector: <Value, SelectedValue>(context: Context<Value>, selector: ContextSelector<Value, SelectedValue>) => SelectedValue;
-
-
-// (No @packageDocumentation comment for this package)
-
-```

package/just.config.ts

@@ -1,3 +0,0 @@
-import { preset } from '@fluentui/scripts';
-
-preset();

package/lib-amd/createContext.d.ts

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

package/lib-amd/createContext.js

@@ -1,48 +0,0 @@
-define(["require", "exports", "@fluentui/react-utilities", "react", "scheduler"], function (require, exports, react_utilities_1, React, scheduler_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.createContext = void 0;
-    var createProvider = function (Original) {
-        var Provider = function (props) {
-            // Holds an actual "props.value"
-            var valueRef = React.useRef(props.value);
-            // Used to sync context updates and avoid stale values, can be considered as render/effect counter of Provider.
-            var versionRef = React.useRef(0);
-            // A stable object, is used to avoid context updates via mutation of its values.
-            var contextValue = React.useRef();
-            if (!contextValue.current) {
-                contextValue.current = {
-                    value: valueRef,
-                    version: versionRef,
-                    listeners: [],
-                };
-            }
-            react_utilities_1.useIsomorphicLayoutEffect(function () {
-                valueRef.current = props.value;
-                versionRef.current += 1;
-                scheduler_1.unstable_runWithPriority(scheduler_1.unstable_NormalPriority, function () {
-                    contextValue.current.listeners.forEach(function (listener) {
-                        listener([versionRef.current, props.value]);
-                    });
-                });
-            }, [props.value]);
-            return React.createElement(Original, { value: contextValue.current }, props.children);
-        };
-        /* istanbul ignore else */
-        
-        return Provider;
-    };
-    var createContext = function (defaultValue) {
-        var 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-amd/createContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"createContext.js","sourceRoot":"../src/","sources":["createContext.ts"],"names":[],"mappings":";;;;IAMA,IAAM,cAAc,GAAG,UAAQ,QAA6C;QAC1E,IAAM,QAAQ,GAAyC,UAAA,KAAK;YAC1D,gCAAgC;YAChC,IAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YAC3C,+GAA+G;YAC/G,IAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;YAEnC,gFAAgF;YAChF,IAAM,YAAY,GAAG,KAAK,CAAC,MAAM,EAAuB,CAAC;YAEzD,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;gBACzB,YAAY,CAAC,OAAO,GAAG;oBACrB,KAAK,EAAE,QAAQ;oBACf,OAAO,EAAE,UAAU;oBACnB,SAAS,EAAE,EAAE;iBACd,CAAC;aACH;YAED,2CAAyB,CAAC;gBACxB,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC;gBAC/B,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;gBAExB,oCAAe,CAAC,mCAAc,EAAE;oBAC7B,YAAY,CAAC,OAA+B,CAAC,SAAS,CAAC,OAAO,CAAC,UAAA,QAAQ;wBACtE,QAAQ,CAAC,CAAC,UAAU,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;oBAC9C,CAAC,CAAC,CAAC;gBACL,CAAC,CAAC,CAAC;YACL,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;YAElB,OAAO,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,YAAY,CAAC,OAAO,EAAE,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;QACxF,CAAC,CAAC;QAEF,0BAA0B;QAC1B,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;YACzC,QAAQ,CAAC,WAAW,GAAG,0BAA0B,CAAC;SACnD;QAED,OAAQ,QAA2D,CAAC;IACtE,CAAC,CAAC;IAEK,IAAM,aAAa,GAAG,UAAQ,YAAmB;QACtD,IAAM,OAAO,GAAG,KAAK,CAAC,aAAa,CAAsB;YACvD,KAAK,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE;YAChC,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE;YACxB,SAAS,EAAE,EAAE;SACd,CAAC,CAAC;QAEH,OAAO,CAAC,QAAQ,GAAG,cAAc,CAAQ,OAAO,CAAC,QAAQ,CAAC,CAAC;QAE3D,gCAAgC;QAChC,OAAS,OAAsC,CAAC,QAAQ,CAAC;QAEzD,OAAQ,OAAqC,CAAC;IAChD,CAAC,CAAC;IAbW,QAAA,aAAa,iBAaxB","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\nexport const createContext = <Value>(defaultValue: Value): Context<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"]}

package/lib-amd/index.d.ts

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

package/lib-amd/index.js

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

package/lib-amd/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":";;;;IAAS,8GAAA,aAAa,OAAA;IACb,wHAAA,kBAAkB,OAAA;IAC3B,uCAAwB","sourcesContent":["export { createContext } from './createContext';\nexport { useContextSelector } from './useContextSelector';\nexport * from './types';\n"]}

package/lib-amd/types.d.ts

@@ -1,19 +0,0 @@
-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-amd/types.js

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

package/lib-amd/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"../src/","sources":["types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\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\nexport type ContextVersion = number;\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\nexport type ContextValues<Value> = ContextValue<Value> & {\n  /** List of listners to publish changes */\n  listeners: ((payload: readonly [ContextVersion, Record<string, Value>]) => void)[];\n};\n"]}

package/lib-amd/useContextSelector.d.ts

@@ -1,7 +0,0 @@
-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-amd/useContextSelector.js

@@ -1,71 +0,0 @@
-define(["require", "exports", "@fluentui/react-utilities", "react"], function (require, exports, react_utilities_1, React) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useContextSelector = void 0;
-    /**
-     * 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.
-     */
-    var useContextSelector = function (context, selector) {
-        var contextValue = React.useContext(context);
-        var value = contextValue.value.current, version = contextValue.version.current, listeners = contextValue.listeners;
-        var selected = selector(value);
-        var _a = React.useReducer(function (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
-                }
-                var 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]), state = _a[0], dispatch = _a[1];
-        if (!objectIs(state[1], selected)) {
-            // schedule re-render
-            // this is safe because it's self contained
-            dispatch(undefined);
-        }
-        react_utilities_1.useIsomorphicLayoutEffect(function () {
-            listeners.push(dispatch);
-            return function () {
-                var 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
-    var 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-amd/useContextSelector.js.map

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