@webiny/react-composition 5.41.4 → 5.41.5-beta.1

package/Compose.js

@@ -18,7 +18,7 @@ var Compose = exports.Compose = function Compose(props) {
       return;
     }
     var decorators = Array.isArray(props.with) ? props.with : [props.with];
-    return composeComponent(targetFn.original, decorators, scope[scope.length - 1]);
+    return composeComponent(targetFn.original, decorators, scope);
   }, [props.with]);
   return null;
 };

package/Compose.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_Context","_CompositionScope","Compose","exports","props","_useComposition","useComposition","composeComponent","scope","useCompositionScope","targetFn","function","component","useEffect","original","console","warn","concat","originalName","name","decorators","Array","isArray","with","length"],"sources":["Compose.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { DecoratableTypes, useComposition } from \"./Context\";\nimport { useCompositionScope } from \"~/CompositionScope\";\nimport { ComposeWith, Decoratable, Enumerable } from \"./types\";\n\nexport interface ComposeProps {\n    function?: DecoratableTypes;\n    component?: DecoratableTypes;\n    with: ComposeWith;\n}\n\nexport const Compose = (props: ComposeProps) => {\n    const { composeComponent } = useComposition();\n    const scope = useCompositionScope();\n\n    const targetFn = (props.function ?? props.component) as Decoratable;\n\n    useEffect(() => {\n        if (typeof targetFn.original === \"undefined\") {\n            console.warn(\n                `You must make your function \"${\n                    targetFn.originalName ?? targetFn.name\n                }\" composable, by using the makeDecoratable() function!`\n            );\n\n            return;\n        }\n\n        const decorators = Array.isArray(props.with) ? props.with : [props.with];\n        return composeComponent(\n            targetFn.original,\n            decorators as Enumerable<ComposeWith>,\n            scope[scope.length - 1]\n        );\n    }, [props.with]);\n\n    return null;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AASO,IAAMG,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,SAAVA,OAAOA,CAAIE,KAAmB,EAAK;EAC5C,IAAAC,eAAA,GAA6B,IAAAC,uBAAc,EAAC,CAAC;IAArCC,gBAAgB,GAAAF,eAAA,CAAhBE,gBAAgB;EACxB,IAAMC,KAAK,GAAG,IAAAC,qCAAmB,EAAC,CAAC;EAEnC,IAAMC,QAAQ,GAAIN,KAAK,CAACO,QAAQ,IAAIP,KAAK,CAACQ,SAAyB;EAEnE,IAAAC,gBAAS,EAAC,YAAM;IACZ,IAAI,OAAOH,QAAQ,CAACI,QAAQ,KAAK,WAAW,EAAE;MAC1CC,OAAO,CAACC,IAAI,kCAAAC,MAAA,CAEJP,QAAQ,CAACQ,YAAY,IAAIR,QAAQ,CAACS,IAAI,4DAE9C,CAAC;MAED;IACJ;IAEA,IAAMC,UAAU,GAAGC,KAAK,CAACC,OAAO,CAAClB,KAAK,CAACmB,IAAI,CAAC,GAAGnB,KAAK,CAACmB,IAAI,GAAG,CAACnB,KAAK,CAACmB,IAAI,CAAC;IACxE,OAAOhB,gBAAgB,CACnBG,QAAQ,CAACI,QAAQ,EACjBM,UAAU,EACVZ,KAAK,CAACA,KAAK,CAACgB,MAAM,GAAG,CAAC,CAC1B,CAAC;EACL,CAAC,EAAE,CAACpB,KAAK,CAACmB,IAAI,CAAC,CAAC;EAEhB,OAAO,IAAI;AACf,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","require","_Context","_CompositionScope","Compose","exports","props","_useComposition","useComposition","composeComponent","scope","useCompositionScope","targetFn","function","component","useEffect","original","console","warn","concat","originalName","name","decorators","Array","isArray","with"],"sources":["Compose.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { DecoratableTypes, useComposition } from \"./Context\";\nimport { useCompositionScope } from \"~/CompositionScope\";\nimport { ComposeWith, Decoratable, Enumerable } from \"./types\";\n\nexport interface ComposeProps {\n    function?: DecoratableTypes;\n    component?: DecoratableTypes;\n    with: ComposeWith;\n}\n\nexport const Compose = (props: ComposeProps) => {\n    const { composeComponent } = useComposition();\n    const scope = useCompositionScope();\n\n    const targetFn = (props.function ?? props.component) as Decoratable;\n\n    useEffect(() => {\n        if (typeof targetFn.original === \"undefined\") {\n            console.warn(\n                `You must make your function \"${\n                    targetFn.originalName ?? targetFn.name\n                }\" composable, by using the makeDecoratable() function!`\n            );\n\n            return;\n        }\n\n        const decorators = Array.isArray(props.with) ? props.with : [props.with];\n        return composeComponent(targetFn.original, decorators as Enumerable<ComposeWith>, scope);\n    }, [props.with]);\n\n    return null;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AASO,IAAMG,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,SAAVA,OAAOA,CAAIE,KAAmB,EAAK;EAC5C,IAAAC,eAAA,GAA6B,IAAAC,uBAAc,EAAC,CAAC;IAArCC,gBAAgB,GAAAF,eAAA,CAAhBE,gBAAgB;EACxB,IAAMC,KAAK,GAAG,IAAAC,qCAAmB,EAAC,CAAC;EAEnC,IAAMC,QAAQ,GAAIN,KAAK,CAACO,QAAQ,IAAIP,KAAK,CAACQ,SAAyB;EAEnE,IAAAC,gBAAS,EAAC,YAAM;IACZ,IAAI,OAAOH,QAAQ,CAACI,QAAQ,KAAK,WAAW,EAAE;MAC1CC,OAAO,CAACC,IAAI,kCAAAC,MAAA,CAEJP,QAAQ,CAACQ,YAAY,IAAIR,QAAQ,CAACS,IAAI,4DAE9C,CAAC;MAED;IACJ;IAEA,IAAMC,UAAU,GAAGC,KAAK,CAACC,OAAO,CAAClB,KAAK,CAACmB,IAAI,CAAC,GAAGnB,KAAK,CAACmB,IAAI,GAAG,CAACnB,KAAK,CAACmB,IAAI,CAAC;IACxE,OAAOhB,gBAAgB,CAACG,QAAQ,CAACI,QAAQ,EAAEM,UAAU,EAA6BZ,KAAK,CAAC;EAC5F,CAAC,EAAE,CAACJ,KAAK,CAACmB,IAAI,CAAC,CAAC;EAEhB,OAAO,IAAI;AACf,CAAC","ignoreList":[]}

package/Context.d.ts

@@ -30,7 +30,7 @@ interface CompositionContextGetComponentCallable {
 interface CompositionContext {
     components: ComponentScopes;
     getComponent: CompositionContextGetComponentCallable;
-    composeComponent(component: ComponentType<unknown>, hocs: Enumerable<ComposeWith>, scope?: string): void;
+    composeComponent(component: ComponentType<unknown>, hocs: Enumerable<ComposeWith>, scope?: string[]): void;
 }
 declare const CompositionContext: React.Context<CompositionContext | undefined>;
 export type DecoratorsTuple = [Decoratable, Decorator<any>[]];

package/Context.js

@@ -31,9 +31,32 @@ function compose() {
  */
 
 var CompositionContext = /*#__PURE__*/(0, _react.createContext)(undefined);
+var getCacheKey = function getCacheKey(scopes) {
+  return scopes.join(";");
+};
+
+/**
+ * Scopes are ordered in reverse, to go from child to parent. As we iterate over scopes, we try to find the latest component
+ * recipe (a "recipe" is a base component + all decorators registered so far). If none exist, we return an empty recipe.
+ */
+var findComponentRecipe = function findComponentRecipe(component, lookupScopes, components) {
+  for (var i = lookupScopes.length; i > 0; i--) {
+    var cacheKey = getCacheKey(lookupScopes.slice(0, i));
+    var scopeMap = components.get(cacheKey) || new Map();
+    var recipe = scopeMap.get(component);
+    if (recipe) {
+      return recipe;
+    }
+  }
+  return {
+    component: null,
+    hocs: []
+  };
+};
 var composeComponents = function composeComponents(components, decorators) {
-  var scope = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "*";
-  var scopeMap = components.get(scope) || new Map();
+  var scopes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+  var cacheKey = getCacheKey(scopes);
+  var targetComponents = components.get(cacheKey) || new Map();
   var _iterator = (0, _createForOfIteratorHelper2.default)(decorators),
     _step;
   try {
@@ -41,16 +64,13 @@ var composeComponents = function composeComponents(components, decorators) {
       var _step$value = (0, _slicedToArray2.default)(_step.value, 2),
         _component = _step$value[0],
         _hocs = _step$value[1];
-      var recipe = scopeMap.get(_component) || {
-        component: null,
-        hocs: []
-      };
+      var recipe = findComponentRecipe(_component, scopes, components);
       var newHocs = [].concat((0, _toConsumableArray2.default)(recipe.hocs || []), (0, _toConsumableArray2.default)(_hocs));
-      scopeMap.set(_component, {
+      targetComponents.set(_component, {
         component: compose.apply(void 0, (0, _toConsumableArray2.default)((0, _toConsumableArray2.default)(newHocs).reverse()))(_component),
         hocs: newHocs
       });
-      components.set(scope, scopeMap);
+      components.set(cacheKey, targetComponents);
     }
   } catch (err) {
     _iterator.e(err);
@@ -66,22 +86,24 @@ var CompositionProvider = exports.CompositionProvider = function CompositionProv
   var _useState = (0, _react.useState)(function () {
       return composeComponents(new Map(), decorators.map(function (tuple) {
         return [tuple[0].original, tuple[1]];
-      }));
+      }), ["*"]);
     }),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     components = _useState2[0],
     setComponents = _useState2[1];
   var composeComponent = (0, _react.useCallback)(function (component, hocs) {
-    var scope = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "*";
+    var scopes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+    var allScopes = ["*"].concat((0, _toConsumableArray2.default)(scopes));
     setComponents(function (prevComponents) {
-      return composeComponents(new Map(prevComponents), [[component, hocs]], scope);
+      return composeComponents(new Map(prevComponents), [[component, hocs]], allScopes);
     });
 
     // Return a function that will remove the added HOCs.
     return function () {
+      var cacheKey = getCacheKey(allScopes);
       setComponents(function (prevComponents) {
         var components = new Map(prevComponents);
-        var scopeMap = components.get(scope) || new Map();
+        var scopeMap = components.get(cacheKey) || new Map();
         var recipe = scopeMap.get(component) || {
           component: null,
           hocs: []
@@ -94,29 +116,21 @@ var CompositionProvider = exports.CompositionProvider = function CompositionProv
           component: NewComponent,
           hocs: newHOCs
         });
-        components.set(scope, scopeMap);
+        components.set(cacheKey, scopeMap);
         return components;
       });
     };
   }, [setComponents]);
   var getComponent = (0, _react.useCallback)(function (Component) {
     var scope = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-    var scopesToResolve = ["*"].concat((0, _toConsumableArray2.default)(scope)).reverse();
-    var _iterator2 = (0, _createForOfIteratorHelper2.default)(scopesToResolve),
-      _step2;
-    try {
-      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-        var _scope = _step2.value;
-        var scopeMap = components.get(_scope) || new Map();
-        var composedComponent = scopeMap.get(Component);
-        if (composedComponent) {
-          return composedComponent.component;
-        }
+    var scopes = ["*"].concat((0, _toConsumableArray2.default)(scope));
+    for (var i = scopes.length; i > 0; i--) {
+      var cacheKey = getCacheKey(scopes.slice(0, i));
+      var scopeMap = components.get(cacheKey) || new Map();
+      var composedComponent = scopeMap.get(Component);
+      if (composedComponent) {
+        return composedComponent.component;
       }
-    } catch (err) {
-      _iterator2.e(err);
-    } finally {
-      _iterator2.f();
     }
     return undefined;
   }, [components]);
@@ -127,6 +141,14 @@ var CompositionProvider = exports.CompositionProvider = function CompositionProv
       components: components
     };
   }, [components, composeComponent]);
+  (0, _react.useEffect)(function () {
+    if (process.env.NODE_ENV !== "production") {
+      // @ts-expect-error This is a developers-only utility.
+      window["debug_printComposedComponents"] = function () {
+        console.log(components);
+      };
+    }
+  }, [components]);
   return /*#__PURE__*/_react.default.createElement(CompositionContext.Provider, {
     value: context
   }, children);

package/Context.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_CompositionScope","compose","_len","arguments","length","fns","Array","_key","decoratee","reduceRight","decorator","CompositionContext","createContext","undefined","composeComponents","components","decorators","scope","scopeMap","get","Map","_iterator","_createForOfIteratorHelper2","default","_step","s","n","done","_step$value","_slicedToArray2","value","component","hocs","recipe","newHocs","concat","_toConsumableArray2","set","apply","reverse","err","e","f","CompositionProvider","exports","_ref","_ref$decorators","children","_useState","useState","map","tuple","original","_useState2","setComponents","composeComponent","useCallback","prevComponents","newHOCs","filter","hoc","includes","NewComponent","getComponent","Component","scopesToResolve","_iterator2","_step2","composedComponent","context","useMemo","createElement","Provider","useComponent","baseFunction","useOptionalComposition","useCompositionScope","useComposition","useContext","Error"],"sources":["Context.tsx"],"sourcesContent":["import React, {\n    ComponentType,\n    createContext,\n    useCallback,\n    useContext,\n    useMemo,\n    useState\n} from \"react\";\nimport { useCompositionScope } from \"~/CompositionScope\";\nimport {\n    ComposedFunction,\n    ComposeWith,\n    Decoratable,\n    DecoratableComponent,\n    DecoratableHook,\n    Decorator,\n    Enumerable,\n    GenericComponent,\n    GenericHook\n} from \"~/types\";\n\nexport function compose<T>(...fns: Decorator<T>[]) {\n    return (decoratee: T): T => {\n        return fns.reduceRight((decoratee, decorator) => decorator(decoratee), decoratee) as T;\n    };\n}\n\ninterface ComposedComponent {\n    /**\n     * Ready to use React component.\n     */\n    component: GenericHook | GenericComponent;\n    /**\n     * HOCs used to compose the original component.\n     */\n    hocs: Decorator<GenericComponent | GenericHook>[];\n    /**\n     * Component composition can be scoped.\n     */\n    scope?: string;\n}\n\n/**\n * @deprecated Use `Decorator` instead.\n */\nexport interface HigherOrderComponent<TProps = any, TOutput = TProps> {\n    (Component: GenericComponent<TProps>): GenericComponent<TOutput>;\n}\n\ntype ComposedComponents = Map<ComponentType<unknown>, ComposedComponent>;\ntype ComponentScopes = Map<string, ComposedComponents>;\n\nexport type DecoratableTypes = DecoratableComponent | DecoratableHook;\n\ninterface CompositionContextGetComponentCallable {\n    (component: ComponentType<unknown>, scope: string[]):\n        | ComposedFunction\n        | GenericComponent\n        | undefined;\n}\n\ninterface CompositionContext {\n    components: ComponentScopes;\n    getComponent: CompositionContextGetComponentCallable;\n    composeComponent(\n        component: ComponentType<unknown>,\n        hocs: Enumerable<ComposeWith>,\n        scope?: string\n    ): void;\n}\n\nconst CompositionContext = createContext<CompositionContext | undefined>(undefined);\n\nexport type DecoratorsTuple = [Decoratable, Decorator<any>[]];\nexport type DecoratorsCollection = Array<DecoratorsTuple>;\n\ninterface CompositionProviderProps {\n    decorators?: DecoratorsCollection;\n    children: React.ReactNode;\n}\n\nconst composeComponents = (\n    components: ComponentScopes,\n    decorators: Array<[GenericComponent | GenericHook, Decorator<any>[]]>,\n    scope = \"*\"\n) => {\n    const scopeMap: ComposedComponents = components.get(scope) || new Map();\n    for (const [component, hocs] of decorators) {\n        const recipe = scopeMap.get(component) || { component: null, hocs: [] };\n\n        const newHocs = [...(recipe.hocs || []), ...hocs] as Decorator<\n            GenericHook | GenericComponent\n        >[];\n\n        scopeMap.set(component, {\n            component: compose(...[...newHocs].reverse())(component),\n            hocs: newHocs\n        });\n\n        components.set(scope, scopeMap);\n    }\n\n    return components;\n};\n\nexport const CompositionProvider = ({ decorators = [], children }: CompositionProviderProps) => {\n    const [components, setComponents] = useState<ComponentScopes>(() => {\n        return composeComponents(\n            new Map(),\n            decorators.map(tuple => {\n                return [tuple[0].original, tuple[1]];\n            })\n        );\n    });\n\n    const composeComponent = useCallback(\n        (\n            component: GenericComponent | GenericHook,\n            hocs: HigherOrderComponent<any, any>[],\n            scope: string | undefined = \"*\"\n        ) => {\n            setComponents(prevComponents => {\n                return composeComponents(new Map(prevComponents), [[component, hocs]], scope);\n            });\n\n            // Return a function that will remove the added HOCs.\n            return () => {\n                setComponents(prevComponents => {\n                    const components = new Map(prevComponents);\n                    const scopeMap: ComposedComponents = components.get(scope) || new Map();\n                    const recipe = scopeMap.get(component) || {\n                        component: null,\n                        hocs: []\n                    };\n\n                    const newHOCs = [...recipe.hocs].filter(hoc => !hocs.includes(hoc));\n                    const NewComponent = compose(...[...newHOCs].reverse())(component);\n\n                    scopeMap.set(component, {\n                        component: NewComponent,\n                        hocs: newHOCs\n                    });\n\n                    components.set(scope, scopeMap);\n                    return components;\n                });\n            };\n        },\n        [setComponents]\n    );\n\n    const getComponent = useCallback<CompositionContextGetComponentCallable>(\n        (Component, scope = []) => {\n            const scopesToResolve = [\"*\", ...scope].reverse();\n            for (const scope of scopesToResolve) {\n                const scopeMap: ComposedComponents = components.get(scope) || new Map();\n                const composedComponent = scopeMap.get(Component);\n                if (composedComponent) {\n                    return composedComponent.component;\n                }\n            }\n\n            return undefined;\n        },\n        [components]\n    );\n\n    const context: CompositionContext = useMemo(\n        () => ({\n            getComponent,\n            composeComponent,\n            components\n        }),\n        [components, composeComponent]\n    );\n\n    return <CompositionContext.Provider value={context}>{children}</CompositionContext.Provider>;\n};\n\nexport function useComponent<T>(baseFunction: T) {\n    const context = useOptionalComposition();\n    const scope = useCompositionScope();\n\n    if (!context) {\n        return baseFunction;\n    }\n\n    return (context.getComponent(baseFunction as any, scope) || baseFunction) as T;\n}\n\n/**\n * This hook will throw an error if composition context doesn't exist.\n */\nexport function useComposition() {\n    const context = useContext(CompositionContext);\n    if (!context) {\n        throw new Error(\n            `You're missing a <CompositionProvider> higher up in your component hierarchy!`\n        );\n    }\n\n    return context;\n}\n\n/**\n * This hook will not throw an error if composition context doesn't exist.\n */\nexport function useOptionalComposition() {\n    return useContext(CompositionContext);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_CompositionScope","compose","_len","arguments","length","fns","Array","_key","decoratee","reduceRight","decorator","CompositionContext","createContext","undefined","getCacheKey","scopes","join","findComponentRecipe","component","lookupScopes","components","i","cacheKey","slice","scopeMap","get","Map","recipe","hocs","composeComponents","decorators","targetComponents","_iterator","_createForOfIteratorHelper2","default","_step","s","n","done","_step$value","_slicedToArray2","value","newHocs","concat","_toConsumableArray2","set","apply","reverse","err","e","f","CompositionProvider","exports","_ref","_ref$decorators","children","_useState","useState","map","tuple","original","_useState2","setComponents","composeComponent","useCallback","allScopes","prevComponents","newHOCs","filter","hoc","includes","NewComponent","getComponent","Component","scope","composedComponent","context","useMemo","useEffect","process","env","NODE_ENV","window","console","log","createElement","Provider","useComponent","baseFunction","useOptionalComposition","useCompositionScope","useComposition","useContext","Error"],"sources":["Context.tsx"],"sourcesContent":["import React, {\n    ComponentType,\n    createContext,\n    useCallback,\n    useContext,\n    useEffect,\n    useMemo,\n    useState\n} from \"react\";\nimport { useCompositionScope } from \"~/CompositionScope\";\nimport {\n    ComposedFunction,\n    ComposeWith,\n    Decoratable,\n    DecoratableComponent,\n    DecoratableHook,\n    Decorator,\n    Enumerable,\n    GenericComponent,\n    GenericHook\n} from \"~/types\";\n\nexport function compose<T>(...fns: Decorator<T>[]) {\n    return (decoratee: T): T => {\n        return fns.reduceRight((decoratee, decorator) => decorator(decoratee), decoratee) as T;\n    };\n}\n\ninterface ComposedComponent {\n    /**\n     * Ready to use React component.\n     */\n    component: GenericHook | GenericComponent;\n    /**\n     * HOCs used to compose the original component.\n     */\n    hocs: Decorator<GenericComponent | GenericHook>[];\n    /**\n     * Component composition can be scoped.\n     */\n    scope?: string;\n}\n\n/**\n * @deprecated Use `Decorator` instead.\n */\nexport interface HigherOrderComponent<TProps = any, TOutput = TProps> {\n    (Component: GenericComponent<TProps>): GenericComponent<TOutput>;\n}\n\ntype ComposedComponents = Map<ComponentType<unknown>, ComposedComponent>;\ntype ComponentScopes = Map<string, ComposedComponents>;\n\nexport type DecoratableTypes = DecoratableComponent | DecoratableHook;\n\ninterface CompositionContextGetComponentCallable {\n    (component: ComponentType<unknown>, scope: string[]):\n        | ComposedFunction\n        | GenericComponent\n        | undefined;\n}\n\ninterface CompositionContext {\n    components: ComponentScopes;\n    getComponent: CompositionContextGetComponentCallable;\n    composeComponent(\n        component: ComponentType<unknown>,\n        hocs: Enumerable<ComposeWith>,\n        scope?: string[]\n    ): void;\n}\n\nconst CompositionContext = createContext<CompositionContext | undefined>(undefined);\n\nexport type DecoratorsTuple = [Decoratable, Decorator<any>[]];\nexport type DecoratorsCollection = Array<DecoratorsTuple>;\n\ninterface CompositionProviderProps {\n    decorators?: DecoratorsCollection;\n    children: React.ReactNode;\n}\n\nconst getCacheKey = (scopes: string[]) => {\n    return scopes.join(\";\");\n};\n\n/**\n * Scopes are ordered in reverse, to go from child to parent. As we iterate over scopes, we try to find the latest component\n * recipe (a \"recipe\" is a base component + all decorators registered so far). If none exist, we return an empty recipe.\n */\nconst findComponentRecipe = (\n    component: GenericComponent | GenericHook,\n    lookupScopes: string[],\n    components: ComponentScopes\n) => {\n    for (let i = lookupScopes.length; i > 0; i--) {\n        const cacheKey = getCacheKey(lookupScopes.slice(0, i));\n        const scopeMap: ComposedComponents = components.get(cacheKey) || new Map();\n        const recipe = scopeMap.get(component);\n        if (recipe) {\n            return recipe;\n        }\n    }\n\n    return { component: null, hocs: [] };\n};\n\nconst composeComponents = (\n    components: ComponentScopes,\n    decorators: Array<[GenericComponent | GenericHook, Decorator<any>[]]>,\n    scopes: string[] = []\n) => {\n    const cacheKey = getCacheKey(scopes);\n    const targetComponents: ComposedComponents = components.get(cacheKey) || new Map();\n\n    for (const [component, hocs] of decorators) {\n        const recipe = findComponentRecipe(component, scopes, components);\n\n        const newHocs = [...(recipe.hocs || []), ...hocs] as Decorator<\n            GenericHook | GenericComponent\n        >[];\n\n        targetComponents.set(component, {\n            component: compose(...[...newHocs].reverse())(component),\n            hocs: newHocs\n        });\n\n        components.set(cacheKey, targetComponents);\n    }\n\n    return components;\n};\n\nexport const CompositionProvider = ({ decorators = [], children }: CompositionProviderProps) => {\n    const [components, setComponents] = useState<ComponentScopes>(() => {\n        return composeComponents(\n            new Map(),\n            decorators.map(tuple => {\n                return [tuple[0].original, tuple[1]];\n            }),\n            [\"*\"]\n        );\n    });\n\n    const composeComponent = useCallback(\n        (\n            component: GenericComponent | GenericHook,\n            hocs: HigherOrderComponent<any, any>[],\n            scopes: string[] = []\n        ) => {\n            const allScopes = [\"*\", ...scopes];\n\n            setComponents(prevComponents => {\n                return composeComponents(new Map(prevComponents), [[component, hocs]], allScopes);\n            });\n\n            // Return a function that will remove the added HOCs.\n            return () => {\n                const cacheKey = getCacheKey(allScopes);\n                setComponents(prevComponents => {\n                    const components = new Map(prevComponents);\n                    const scopeMap: ComposedComponents = components.get(cacheKey) || new Map();\n                    const recipe = scopeMap.get(component) || {\n                        component: null,\n                        hocs: []\n                    };\n\n                    const newHOCs = [...recipe.hocs].filter(hoc => !hocs.includes(hoc));\n                    const NewComponent = compose(...[...newHOCs].reverse())(component);\n\n                    scopeMap.set(component, {\n                        component: NewComponent,\n                        hocs: newHOCs\n                    });\n\n                    components.set(cacheKey, scopeMap);\n                    return components;\n                });\n            };\n        },\n        [setComponents]\n    );\n\n    const getComponent = useCallback<CompositionContextGetComponentCallable>(\n        (Component, scope = []) => {\n            const scopes = [\"*\", ...scope];\n            for (let i = scopes.length; i > 0; i--) {\n                const cacheKey = getCacheKey(scopes.slice(0, i));\n                const scopeMap: ComposedComponents = components.get(cacheKey) || new Map();\n                const composedComponent = scopeMap.get(Component);\n                if (composedComponent) {\n                    return composedComponent.component;\n                }\n            }\n\n            return undefined;\n        },\n        [components]\n    );\n\n    const context: CompositionContext = useMemo(\n        () => ({\n            getComponent,\n            composeComponent,\n            components\n        }),\n        [components, composeComponent]\n    );\n\n    useEffect(() => {\n        if (process.env.NODE_ENV !== \"production\") {\n            // @ts-expect-error This is a developers-only utility.\n            window[\"debug_printComposedComponents\"] = () => {\n                console.log(components);\n            };\n        }\n    }, [components]);\n\n    return <CompositionContext.Provider value={context}>{children}</CompositionContext.Provider>;\n};\n\nexport function useComponent<T>(baseFunction: T) {\n    const context = useOptionalComposition();\n    const scope = useCompositionScope();\n\n    if (!context) {\n        return baseFunction;\n    }\n\n    return (context.getComponent(baseFunction as any, scope) || baseFunction) as T;\n}\n\n/**\n * This hook will throw an error if composition context doesn't exist.\n */\nexport function useComposition() {\n    const context = useContext(CompositionContext);\n    if (!context) {\n        throw new Error(\n            `You're missing a <CompositionProvider> higher up in your component hierarchy!`\n        );\n    }\n\n    return context;\n}\n\n/**\n * This hook will not throw an error if composition context doesn't exist.\n */\nexport function useOptionalComposition() {\n    return useContext(CompositionContext);\n}\n"],"mappings":"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","ignoreList":[]}

package/makeDecoratable.js

@@ -59,7 +59,9 @@ function createVoidComponent() {
 }
 function makeDecoratable(hookOrName, Component) {
   if (Component) {
-    return makeDecoratableComponent(hookOrName, /*#__PURE__*/_react.default.memo(Component));
+    var component = makeDecoratableComponent(hookOrName, /*#__PURE__*/_react.default.memo(Component));
+    component.original.displayName = hookOrName;
+    return component;
   }
   return makeDecoratableHook(hookOrName);
 }

package/makeDecoratable.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Context","_decorators","ComposableContext","createContext","displayName","useComposableParents","context","useContext","nullRenderer","makeDecoratableComponent","name","Component","arguments","length","undefined","Decoratable","props","parents","ComposedComponent","useComponent","useMemo","concat","_toConsumableArray2","default","createElement","Provider","value","children","staticProps","original","originalName","withDecoratorFactory","Object","assign","makeDecoratableHook","hook","decoratableHook","params","composedHook","withHookDecoratorFactory","createVoidComponent","makeDecoratable","hookOrName","React","memo"],"sources":["makeDecoratable.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo } from \"react\";\nimport { useComponent } from \"./Context\";\nimport { DecoratableComponent, DecoratableHook, GenericComponent, GenericHook } from \"~/types\";\nimport { withDecoratorFactory, withHookDecoratorFactory } from \"~/decorators\";\n\nconst ComposableContext = createContext<string[]>([]);\nComposableContext.displayName = \"ComposableContext\";\n\nfunction useComposableParents() {\n    const context = useContext(ComposableContext);\n    if (!context) {\n        return [];\n    }\n\n    return context;\n}\n\nconst nullRenderer = () => null;\n\nfunction makeDecoratableComponent<T extends GenericComponent>(\n    name: string,\n    Component: T = nullRenderer as unknown as T\n) {\n    const Decoratable = (props: React.ComponentProps<T>): JSX.Element | null => {\n        const parents = useComposableParents();\n        const ComposedComponent = useComponent(Component) as GenericComponent<\n            React.ComponentProps<T>\n        >;\n\n        const context = useMemo(() => [...parents, name], [parents, name]);\n\n        return (\n            <ComposableContext.Provider value={context}>\n                <ComposedComponent {...props}>{props.children}</ComposedComponent>\n            </ComposableContext.Provider>\n        );\n    };\n\n    const staticProps = {\n        original: Component,\n        originalName: name,\n        displayName: `Decoratable<${name}>`\n    };\n\n    return withDecoratorFactory()(\n        Object.assign(Decoratable, staticProps) as DecoratableComponent<\n            typeof Component & typeof staticProps\n        >\n    );\n}\n\nexport function makeDecoratableHook<T extends GenericHook>(hook: T) {\n    const decoratableHook = (params: Parameters<T>) => {\n        const composedHook = useComponent(hook);\n\n        return composedHook(params) as DecoratableHook<T>;\n    };\n\n    decoratableHook.original = hook;\n\n    return withHookDecoratorFactory()(decoratableHook as DecoratableHook<T>);\n}\n\nexport function createVoidComponent<T>() {\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    return (props: T): JSX.Element | null => {\n        return null;\n    };\n}\n\nexport function makeDecoratable<T extends GenericHook>(\n    hook: T\n): ReturnType<typeof makeDecoratableHook<T>>;\nexport function makeDecoratable<T extends GenericComponent>(\n    name: string,\n    Component: T\n): ReturnType<typeof makeDecoratableComponent<T>>;\nexport function makeDecoratable(hookOrName: any, Component?: any) {\n    if (Component) {\n        return makeDecoratableComponent(hookOrName, React.memo(Component));\n    }\n\n    return makeDecoratableHook(hookOrName);\n}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAEA,IAAAE,WAAA,GAAAF,OAAA;AAEA,IAAMG,iBAAiB,gBAAG,IAAAC,oBAAa,EAAW,EAAE,CAAC;AACrDD,iBAAiB,CAACE,WAAW,GAAG,mBAAmB;AAEnD,SAASC,oBAAoBA,CAAA,EAAG;EAC5B,IAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACL,iBAAiB,CAAC;EAC7C,IAAI,CAACI,OAAO,EAAE;IACV,OAAO,EAAE;EACb;EAEA,OAAOA,OAAO;AAClB;AAEA,IAAME,YAAY,GAAG,SAAfA,YAAYA,CAAA;EAAA,OAAS,IAAI;AAAA;AAE/B,SAASC,wBAAwBA,CAC7BC,IAAY,EAEd;EAAA,IADEC,SAAY,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGJ,YAAY;EAE3B,IAAMO,WAAW,GAAG,SAAdA,WAAWA,CAAIC,KAA8B,EAAyB;IACxE,IAAMC,OAAO,GAAGZ,oBAAoB,CAAC,CAAC;IACtC,IAAMa,iBAAiB,GAAG,IAAAC,qBAAY,EAACR,SAAS,CAE/C;IAED,IAAML,OAAO,GAAG,IAAAc,cAAO,EAAC;MAAA,UAAAC,MAAA,KAAAC,mBAAA,CAAAC,OAAA,EAAUN,OAAO,IAAEP,IAAI;IAAA,CAAC,EAAE,CAACO,OAAO,EAAEP,IAAI,CAAC,CAAC;IAElE,oBACIb,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACtB,iBAAiB,CAACuB,QAAQ;MAACC,KAAK,EAAEpB;IAAQ,gBACvCT,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACN,iBAAiB,EAAKF,KAAK,EAAGA,KAAK,CAACW,QAA4B,CACzC,CAAC;EAErC,CAAC;EAED,IAAMC,WAAW,GAAG;IAChBC,QAAQ,EAAElB,SAAS;IACnBmB,YAAY,EAAEpB,IAAI;IAClBN,WAAW,iBAAAiB,MAAA,CAAiBX,IAAI;EACpC,CAAC;EAED,OAAO,IAAAqB,gCAAoB,EAAC,CAAC,CACzBC,MAAM,CAACC,MAAM,CAAClB,WAAW,EAAEa,WAAW,CAG1C,CAAC;AACL;AAEO,SAASM,mBAAmBA,CAAwBC,IAAO,EAAE;EAChE,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,MAAqB,EAAK;IAC/C,IAAMC,YAAY,GAAG,IAAAnB,qBAAY,EAACgB,IAAI,CAAC;IAEvC,OAAOG,YAAY,CAACD,MAAM,CAAC;EAC/B,CAAC;EAEDD,eAAe,CAACP,QAAQ,GAAGM,IAAI;EAE/B,OAAO,IAAAI,oCAAwB,EAAC,CAAC,CAACH,eAAqC,CAAC;AAC5E;AAEO,SAASI,mBAAmBA,CAAA,EAAM;EACrC;EACA,OAAO,UAACxB,KAAQ,EAAyB;IACrC,OAAO,IAAI;EACf,CAAC;AACL;AASO,SAASyB,eAAeA,CAACC,UAAe,EAAE/B,SAAe,EAAE;EAC9D,IAAIA,SAAS,EAAE;IACX,OAAOF,wBAAwB,CAACiC,UAAU,eAAEC,cAAK,CAACC,IAAI,CAACjC,SAAS,CAAC,CAAC;EACtE;EAEA,OAAOuB,mBAAmB,CAACQ,UAAU,CAAC;AAC1C","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Context","_decorators","ComposableContext","createContext","displayName","useComposableParents","context","useContext","nullRenderer","makeDecoratableComponent","name","Component","arguments","length","undefined","Decoratable","props","parents","ComposedComponent","useComponent","useMemo","concat","_toConsumableArray2","default","createElement","Provider","value","children","staticProps","original","originalName","withDecoratorFactory","Object","assign","makeDecoratableHook","hook","decoratableHook","params","composedHook","withHookDecoratorFactory","createVoidComponent","makeDecoratable","hookOrName","component","React","memo"],"sources":["makeDecoratable.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo } from \"react\";\nimport { useComponent } from \"./Context\";\nimport { DecoratableComponent, DecoratableHook, GenericComponent, GenericHook } from \"~/types\";\nimport { withDecoratorFactory, withHookDecoratorFactory } from \"~/decorators\";\n\nconst ComposableContext = createContext<string[]>([]);\nComposableContext.displayName = \"ComposableContext\";\n\nfunction useComposableParents() {\n    const context = useContext(ComposableContext);\n    if (!context) {\n        return [];\n    }\n\n    return context;\n}\n\nconst nullRenderer = () => null;\n\nfunction makeDecoratableComponent<T extends GenericComponent>(\n    name: string,\n    Component: T = nullRenderer as unknown as T\n) {\n    const Decoratable = (props: React.ComponentProps<T>): JSX.Element | null => {\n        const parents = useComposableParents();\n        const ComposedComponent = useComponent(Component) as GenericComponent<\n            React.ComponentProps<T>\n        >;\n\n        const context = useMemo(() => [...parents, name], [parents, name]);\n\n        return (\n            <ComposableContext.Provider value={context}>\n                <ComposedComponent {...props}>{props.children}</ComposedComponent>\n            </ComposableContext.Provider>\n        );\n    };\n\n    const staticProps = {\n        original: Component,\n        originalName: name,\n        displayName: `Decoratable<${name}>`\n    };\n\n    return withDecoratorFactory()(\n        Object.assign(Decoratable, staticProps) as DecoratableComponent<\n            typeof Component & typeof staticProps\n        >\n    );\n}\n\nexport function makeDecoratableHook<T extends GenericHook>(hook: T) {\n    const decoratableHook = (params: Parameters<T>) => {\n        const composedHook = useComponent(hook);\n\n        return composedHook(params) as DecoratableHook<T>;\n    };\n\n    decoratableHook.original = hook;\n\n    return withHookDecoratorFactory()(decoratableHook as DecoratableHook<T>);\n}\n\nexport function createVoidComponent<T>() {\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    return (props: T): JSX.Element | null => {\n        return null;\n    };\n}\n\nexport function makeDecoratable<T extends GenericHook>(\n    hook: T\n): ReturnType<typeof makeDecoratableHook<T>>;\nexport function makeDecoratable<T extends GenericComponent>(\n    name: string,\n    Component: T\n): ReturnType<typeof makeDecoratableComponent<T>>;\nexport function makeDecoratable(hookOrName: any, Component?: any) {\n    if (Component) {\n        const component = makeDecoratableComponent(hookOrName, React.memo(Component));\n        component.original.displayName = hookOrName;\n        return component;\n    }\n\n    return makeDecoratableHook(hookOrName);\n}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAEA,IAAAE,WAAA,GAAAF,OAAA;AAEA,IAAMG,iBAAiB,gBAAG,IAAAC,oBAAa,EAAW,EAAE,CAAC;AACrDD,iBAAiB,CAACE,WAAW,GAAG,mBAAmB;AAEnD,SAASC,oBAAoBA,CAAA,EAAG;EAC5B,IAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACL,iBAAiB,CAAC;EAC7C,IAAI,CAACI,OAAO,EAAE;IACV,OAAO,EAAE;EACb;EAEA,OAAOA,OAAO;AAClB;AAEA,IAAME,YAAY,GAAG,SAAfA,YAAYA,CAAA;EAAA,OAAS,IAAI;AAAA;AAE/B,SAASC,wBAAwBA,CAC7BC,IAAY,EAEd;EAAA,IADEC,SAAY,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGJ,YAAY;EAE3B,IAAMO,WAAW,GAAG,SAAdA,WAAWA,CAAIC,KAA8B,EAAyB;IACxE,IAAMC,OAAO,GAAGZ,oBAAoB,CAAC,CAAC;IACtC,IAAMa,iBAAiB,GAAG,IAAAC,qBAAY,EAACR,SAAS,CAE/C;IAED,IAAML,OAAO,GAAG,IAAAc,cAAO,EAAC;MAAA,UAAAC,MAAA,KAAAC,mBAAA,CAAAC,OAAA,EAAUN,OAAO,IAAEP,IAAI;IAAA,CAAC,EAAE,CAACO,OAAO,EAAEP,IAAI,CAAC,CAAC;IAElE,oBACIb,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACtB,iBAAiB,CAACuB,QAAQ;MAACC,KAAK,EAAEpB;IAAQ,gBACvCT,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACN,iBAAiB,EAAKF,KAAK,EAAGA,KAAK,CAACW,QAA4B,CACzC,CAAC;EAErC,CAAC;EAED,IAAMC,WAAW,GAAG;IAChBC,QAAQ,EAAElB,SAAS;IACnBmB,YAAY,EAAEpB,IAAI;IAClBN,WAAW,iBAAAiB,MAAA,CAAiBX,IAAI;EACpC,CAAC;EAED,OAAO,IAAAqB,gCAAoB,EAAC,CAAC,CACzBC,MAAM,CAACC,MAAM,CAAClB,WAAW,EAAEa,WAAW,CAG1C,CAAC;AACL;AAEO,SAASM,mBAAmBA,CAAwBC,IAAO,EAAE;EAChE,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,MAAqB,EAAK;IAC/C,IAAMC,YAAY,GAAG,IAAAnB,qBAAY,EAACgB,IAAI,CAAC;IAEvC,OAAOG,YAAY,CAACD,MAAM,CAAC;EAC/B,CAAC;EAEDD,eAAe,CAACP,QAAQ,GAAGM,IAAI;EAE/B,OAAO,IAAAI,oCAAwB,EAAC,CAAC,CAACH,eAAqC,CAAC;AAC5E;AAEO,SAASI,mBAAmBA,CAAA,EAAM;EACrC;EACA,OAAO,UAACxB,KAAQ,EAAyB;IACrC,OAAO,IAAI;EACf,CAAC;AACL;AASO,SAASyB,eAAeA,CAACC,UAAe,EAAE/B,SAAe,EAAE;EAC9D,IAAIA,SAAS,EAAE;IACX,IAAMgC,SAAS,GAAGlC,wBAAwB,CAACiC,UAAU,eAAEE,cAAK,CAACC,IAAI,CAAClC,SAAS,CAAC,CAAC;IAC7EgC,SAAS,CAACd,QAAQ,CAACzB,WAAW,GAAGsC,UAAU;IAC3C,OAAOC,SAAS;EACpB;EAEA,OAAOT,mBAAmB,CAACQ,UAAU,CAAC;AAC1C","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/react-composition",
-	"version": "5.41.4",
+	"version": "5.41.5-beta.1",
 	"main": "index.js",
 	"repository": {
 		"type": "git",
@@ -25,8 +25,8 @@
 		"@babel/preset-env": "7.24.3",
 		"@babel/preset-typescript": "7.24.1",
 		"@testing-library/react": "15.0.7",
-		"@webiny/cli": "5.41.4",
-		"@webiny/project-utils": "5.41.4",
+		"@webiny/cli": "5.41.5-beta.1",
+		"@webiny/project-utils": "5.41.5-beta.1",
 		"ttypescript": "1.5.15",
 		"typescript": "4.9.5"
 	},
@@ -38,5 +38,5 @@
 		"build": "yarn webiny run build",
 		"watch": "yarn webiny run watch"
 	},
-	"gitHead": "94922b33af59db5afe75127bb07443ce7f1448c4"
+	"gitHead": "922a47688dd519ddc10b598d3ae79cb3186e3173"
 }