react-chain-of-responsibility 0.2.0-main.a451930 → 0.2.0-main.a5d8eb6

package/README.md

@@ -31,8 +31,8 @@ const Plain = ({ children }) => <>{children}</>;
 
 // Constructs an array of middleware to handle the request and return corresponding subcomponents.
 const middleware = [
-  () => next => request => request === 'bold' ? Bold : next(request),
-  () => next => request => request === 'italic' ? Italic : next(request),
+  () => next => request => (request === 'bold' ? Bold : next(request)),
+  () => next => request => (request === 'italic' ? Italic : next(request)),
   () => () => () => Plain
 ];
 
@@ -49,6 +49,12 @@ This sample will render:
 
 > **This is bold.** _This is italic._ This is plain.
 
+```jsx
+<strong>This is bold.</strong>
+<i>This is italic.</i>
+<>This is plain.</>
+```
+
 ### Using with Fluent UI as `IRenderFunction`
 
 The chain of responsibility design pattern can be used in Fluent UI.
@@ -58,7 +64,7 @@ After calling `createChainOfResponsibilityForFluentUI`, it will return `useBuild
 #### Sample code
 
 ```jsx
-import { createChainOfResponsibilityForFluentUI } from 'react-chain-of-responsibility';
+import { createChainOfResponsibilityForFluentUI } from 'react-chain-of-responsibility/fluentUI';
 
 // Creates a <Provider> providing the chain of responsibility service.
 const { Provider, Proxy } = createChainOfResponsibilityForFluentUI();
@@ -69,8 +75,8 @@ const Orange = () => <>🍊</>;
 
 // Constructs an array of middleware to handle the request and return corresponding subcomponents.
 const middleware = [
-  () => next => props => props?.iconProps?.iconName === 'Banana' ? Banana : next(props),
-  () => next => props => props?.iconProps?.iconName === 'Orange' ? Orange : next(props)
+  () => next => props => (props?.iconProps?.iconName === 'Banana' ? Banana : next(props)),
+  () => next => props => (props?.iconProps?.iconName === 'Orange' ? Orange : next(props))
   // Fallback to `defaultRender` of `IRenderFunction` is automatically injected.
 ];
 
@@ -95,7 +101,7 @@ render(
 
 There are subtle differences between the standard version and the Fluent UI version:
 
-- Entrypoint is `createChainOfResponsibilityForFluentUI()`
+- Entrypoint is `createChainOfResponsibilityForFluentUI()` and imported from 'react-chain-of-responsibility/fluentUI'
 - Request and props are always of same type
   - They are optional too, as defined in [`IRenderFunction`](https://github.com/microsoft/fluentui/blob/master/packages/utilities/src/IRenderFunction.ts)
 - Automatic fallback to `defaultRender`
@@ -135,6 +141,41 @@ This sample will render:
 
 > **This is bold.** _This is italic._ **_This is bold and italic._** This is plain.
 
+```jsx
+<Bold>This is bold.</Bold>
+<Italic>This is italic.</Italic>
+<Bold><Italic>This is bold and italic.</Italic></Bold>
+<Plain>This is plain.</Plain>
+```
+
+### Nesting `<Provider>`
+
+If the `<Provider>` from the same chain appears nested in the tree, the `<Proxy>` will render using the middleware from the closest `<Provider>` and fallback up the chain. The following code snippet will render "Second First".
+
+```jsx
+const { Provider, Proxy } = createChainOfResponsibility();
+
+const firstMiddleware = () => next => request => {
+  const NextComponent = next(request);
+
+  return () => <Fragment>First {NextComponent && <NextComponent />}</Fragment>;
+};
+
+const secondMiddleware = () => next => request => {
+  const NextComponent = next(request);
+
+  return () => <Fragment>Second {NextComponent && <NextComponent />}</Fragment>;
+};
+
+render(
+  <Provider middleware={[firstMiddleware]}>
+    <Provider middleware={[secondMiddleware]}>
+      <Proxy /> <!-- Renders "Second First" -->
+    </Provider>
+  </Provider>
+);
+```
+
 ## API
 
 ```ts
@@ -155,12 +196,12 @@ function createChainOfResponsibility<Request = undefined, Props = { children?: n
 
 ### Return value
 
-| Name                        | Type                                              | Description                                                                           |
-| --------------------------- | ------------------------------------------------- | ------------------------------------------------------------------------------------- |
-| `Provider`                  | `React.ComponentType`                             | Entrypoint component, must wraps all usage of customizations                          |
-| `Proxy`                     | `React.ComponentType`                             | Proxy component, process the `request` from props and morph into the result component |
-| `types`                     | `{ init, middleware, props, request }`            | TypeScript: shorthand types, all objects are `undefined` intentionally                |
-| `useBuildComponentCallback` | `() => (request, options) => React.ComponentType` | Callback hook which return a function to build the component for rendering the result |
+| Name                        | Type                                                                            | Description                                                                           |
+| --------------------------- | ------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------- |
+| `Provider`                  | `React.ComponentType`                                                           | Entrypoint component, must wraps all usage of customizations                          |
+| `Proxy`                     | `React.ComponentType`                                                           | Proxy component, process the `request` from props and morph into the result component |
+| `types`                     | `{ init, middleware, props, request }`                                          | TypeScript: shorthand types, all objects are `undefined` intentionally                |
+| `useBuildComponentCallback` | `() => (request, options) => React.ComponentType \| false \| null \| undefined` | Callback hook which return a function to build the component for rendering the result |
 
 ### Options
 
@@ -188,7 +229,7 @@ type UseBuildComponentCallback<Request, Props> = (
 ) => ComponentType<Props> | false | null | undefined;
 ```
 
-The `fallbackComponent` is a component which all unhandled requests will sink into.
+The `fallbackComponent` is a component which all unhandled requests will sink into, including calls without ancestral `<Provider>`.
 
 ### API for Fluent UI
 

package/dist/{chunk-5DXRTBGF.mjs → chunk-LQNXZPUH.mjs}

@@ -53,11 +53,18 @@ function applyMiddleware(...arrayOfMiddleware) {
 
 // src/createChainOfResponsibility.tsx
 function createChainOfResponsibility(options = {}) {
-  const context = createContext({
-    get useBuildComponentCallback() {
-      throw new Error("useBuildComponentCallback() hook cannot be used outside of its corresponding <Provider>");
+  const defaultUseBuildComponentCallback = {
+    get enhancer() {
+      return void 0;
+    },
+    useBuildComponentCallback(_, options2) {
+      if (options2 == null ? void 0 : options2.fallbackComponent) {
+        return options2.fallbackComponent;
+      }
+      throw new Error("This component/hook cannot be used outside of its corresponding <Provider>");
     }
-  });
+  };
+  const context = createContext(defaultUseBuildComponentCallback);
   const Provider = ({ children, init, middleware }) => {
     if (!Array.isArray(middleware) || middleware.some((middleware2) => typeof middleware2 !== "function")) {
       throw new Error("middleware prop must be an array of functions");
@@ -88,24 +95,25 @@ function createChainOfResponsibility(options = {}) {
         };
       }) : []
     );
+    const { enhancer: parentEnhancer } = useContext(context);
     const enhancer = useMemo(
       () => (
         // We are reversing because it is easier to read:
         // - With reverse, [a, b, c] will become a(b(c(fn)))
         // - Without reverse, [a, b, c] will become c(b(a(fn)))
         applyMiddleware(
-          ...[...patchedMiddleware].reverse()
+          ...[...patchedMiddleware, ...parentEnhancer ? [() => parentEnhancer] : []].reverse()
         )(init)
       ),
-      [init, middleware]
+      [init, middleware, parentEnhancer]
     );
     const useBuildComponentCallback2 = useCallback(
       (request, options2 = {}) => enhancer(() => options2.fallbackComponent)(request),
       [enhancer]
     );
     const contextValue = useMemo(
-      () => ({ useBuildComponentCallback: useBuildComponentCallback2 }),
-      [useBuildComponentCallback2]
+      () => ({ enhancer, useBuildComponentCallback: useBuildComponentCallback2 }),
+      [enhancer, useBuildComponentCallback2]
     );
     return /* @__PURE__ */ React.createElement(context.Provider, { value: contextValue }, children);
   };
@@ -120,12 +128,7 @@ function createChainOfResponsibility(options = {}) {
     // False positive: "children" is not a prop.
     // eslint-disable-next-line react/prop-types
     ({ children, fallbackComponent, request, ...props }) => {
-      let enhancer;
-      try {
-        enhancer = useBuildComponentCallback();
-      } catch {
-        throw new Error("<Proxy> cannot be used outside of its corresponding <Provider>");
-      }
+      const enhancer = useBuildComponentCallback();
       const Component = enhancer(request, { fallbackComponent });
       return Component ? /* @__PURE__ */ React.createElement(Component, { ...props }, children) : null;
     }
@@ -151,4 +154,4 @@ function createChainOfResponsibility(options = {}) {
 export {
   createChainOfResponsibility
 };
-//# sourceMappingURL=chunk-5DXRTBGF.mjs.map
+//# sourceMappingURL=chunk-LQNXZPUH.mjs.map

package/dist/chunk-LQNXZPUH.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/createChainOfResponsibility.tsx","../src/isReactComponent.ts","../src/private/compose.ts","../src/private/applyMiddleware.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, {\n  createContext,\n  isValidElement,\n  memo,\n  useCallback,\n  useContext,\n  useMemo,\n  type ComponentType,\n  type PropsWithChildren\n} from 'react';\n\nimport isReactComponent from './isReactComponent.ts';\nimport applyMiddleware, { type Enhancer } from './private/applyMiddleware.ts';\nimport { type ComponentMiddleware } from './types.ts';\n\ntype ResultComponent<Props> = ComponentType<Props> | false | null | undefined;\n\ntype UseBuildComponentCallbackOptions<Props> = { fallbackComponent?: ResultComponent<Props> };\n\ntype UseBuildComponentCallback<Request, Props> = (\n  request: Request,\n  options?: UseBuildComponentCallbackOptions<Props>\n) => ResultComponent<Props>;\n\ntype ProviderContext<Request, Props> = {\n  get enhancer(): Enhancer<[Request], ResultComponent<Props>> | undefined;\n  useBuildComponentCallback: UseBuildComponentCallback<Request, Props>;\n};\n\ntype ProviderProps<Request, Props, Init> = PropsWithChildren<{\n  middleware: readonly ComponentMiddleware<Request, Props, Init>[];\n}> &\n  (Init extends never | void ? { init?: undefined } : Init extends undefined ? { init?: Init } : { init: Init });\n\ntype ProxyProps<Request, Props> = PropsWithChildren<\n  Request extends never | void\n    ? Props & { fallbackComponent?: ComponentType<Props>; request?: undefined }\n    : Request extends undefined\n      ? Props & { fallbackComponent?: ComponentType<Props>; request?: Request }\n      : Props & { fallbackComponent?: ComponentType<Props>; request: Request }\n>;\n\ntype Options = {\n  /**\n   * Allows a middleware to pass another request object when calling its next middleware. Default is false.\n   *\n   * However, middleware could modify the request object before calling its next middleware. It is recommended\n   * to use Object.freeze() to prevent middleware from modifying the request object.\n   */\n  passModifiedRequest?: boolean;\n};\n\nexport default function createChainOfResponsibility<\n  Request = undefined,\n  Props = { children?: never },\n  Init = undefined\n>(\n  options: Options = {}\n): {\n  Provider: ComponentType<ProviderProps<Request, Props, Init>>;\n  Proxy: ComponentType<ProxyProps<Request, Props>>;\n  types: {\n    init: Init;\n    middleware: ComponentMiddleware<Request, Props, Init>;\n    props: Props;\n    request: Request;\n  };\n  useBuildComponentCallback: () => UseBuildComponentCallback<Request, Props>;\n} {\n  const defaultUseBuildComponentCallback: ProviderContext<Request, Props> = {\n    get enhancer() {\n      return undefined;\n    },\n    useBuildComponentCallback(_, options) {\n      if (options?.fallbackComponent) {\n        return options.fallbackComponent;\n      }\n\n      throw new Error('This component/hook cannot be used outside of its corresponding <Provider>');\n    }\n  };\n\n  const context = createContext<ProviderContext<Request, Props>>(defaultUseBuildComponentCallback);\n\n  const Provider: ComponentType<ProviderProps<Request, Props, Init>> = ({ children, init, middleware }) => {\n    // TODO: Related to https://github.com/microsoft/TypeScript/issues/17002.\n    //       typescript@5.2.2 has a bug, Array.isArray() is a type predicate but only works with mutable array, not readonly array.\n    //       After removing \"as unknown\", `middleware` on the next line become `any[]`.\n    if (!Array.isArray(middleware as unknown) || middleware.some(middleware => typeof middleware !== 'function')) {\n      throw new Error('middleware prop must be an array of functions');\n    }\n\n    const patchedMiddleware: readonly ComponentMiddleware<Request, Props, Init>[] = Object.freeze(\n      middleware\n        ? middleware.map(fn => (init: Init) => {\n            const enhancer = fn(init);\n\n            return (next: UseBuildComponentCallback<Request, Props>) => (originalRequest: Request) => {\n              // False positive: although we did not re-assign the variable from true, it was initialized as undefined.\n              // eslint-disable-next-line prefer-const\n              let hasReturned: boolean;\n\n              const returnValue = enhancer(nextRequest => {\n                if (hasReturned) {\n                  throw new Error('next() cannot be called after the function had returned synchronously');\n                }\n\n                !options.passModifiedRequest &&\n                  nextRequest !== originalRequest &&\n                  console.warn(\n                    'react-chain-of-responsibility: \"options.passModifiedRequest\" must be set to true to pass a different request object to next().'\n                  );\n\n                return next(options.passModifiedRequest ? nextRequest : originalRequest);\n              })(originalRequest);\n\n              hasReturned = true;\n\n              if (isValidElement(returnValue)) {\n                throw new Error('middleware must not return React element directly');\n              } else if (\n                returnValue !== false &&\n                returnValue !== null &&\n                typeof returnValue !== 'undefined' &&\n                !isReactComponent(returnValue)\n              ) {\n                throw new Error(\n                  'middleware must return false, null, undefined, function component, or class component'\n                );\n              }\n\n              return returnValue;\n            };\n          })\n        : []\n    );\n\n    const { enhancer: parentEnhancer } = useContext(context);\n\n    const enhancer = useMemo(\n      () =>\n        // We are reversing because it is easier to read:\n        // - With reverse, [a, b, c] will become a(b(c(fn)))\n        // - Without reverse, [a, b, c] will become c(b(a(fn)))\n        applyMiddleware<[Request], ResultComponent<Props>, [Init]>(\n          ...[...patchedMiddleware, ...(parentEnhancer ? [() => parentEnhancer] : [])].reverse()\n        )(init as Init),\n      [init, middleware, parentEnhancer]\n    );\n\n    const useBuildComponentCallback = useCallback<UseBuildComponentCallback<Request, Props>>(\n      (request, options = {}) => enhancer(() => options.fallbackComponent)(request),\n      [enhancer]\n    );\n\n    const contextValue = useMemo<ProviderContext<Request, Props>>(\n      () => ({ enhancer, useBuildComponentCallback }),\n      [enhancer, useBuildComponentCallback]\n    );\n\n    return <context.Provider value={contextValue}>{children}</context.Provider>;\n  };\n\n  Provider.displayName = 'ChainOfResponsibilityProvider';\n  Provider.propTypes = {\n    children: PropTypes.any,\n    init: PropTypes.any,\n    middleware: PropTypes.any\n  };\n\n  const useBuildComponentCallback = () => useContext(context).useBuildComponentCallback;\n\n  const Proxy: ComponentType<ProxyProps<Request, Props>> = memo(\n    // False positive: \"children\" is not a prop.\n    // eslint-disable-next-line react/prop-types\n    ({ children, fallbackComponent, request, ...props }) => {\n      const enhancer = useBuildComponentCallback();\n      const Component = enhancer(request as Request, { fallbackComponent });\n\n      return Component ? <Component {...(props as Props)}>{children}</Component> : null;\n    }\n  );\n\n  Proxy.displayName = 'Proxy';\n  Proxy.propTypes = {\n    fallbackComponent: PropTypes.any,\n    request: PropTypes.any\n  };\n\n  return {\n    Provider,\n    Proxy,\n    types: {\n      init: undefined as unknown as Init,\n      middleware: undefined as unknown as ComponentMiddleware<Request, Props, Init>,\n      props: undefined as unknown as Props,\n      request: undefined as unknown as Request\n    },\n    useBuildComponentCallback\n  };\n}\n","import {\n  type ComponentClass,\n  type ComponentType,\n  type Consumer,\n  type Fragment,\n  type FunctionComponent,\n  type Provider\n} from 'react';\n\nfunction isConsumer(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is Consumer<unknown> {\n  return component?.$$typeof?.toString() === 'Symbol(react.context)';\n}\n\nfunction isProvider(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is Provider<unknown> {\n  return component?.$$typeof?.toString() === 'Symbol(react.provider)';\n}\n\nfunction isFragment(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is typeof Fragment {\n  return component?.toString() === 'Symbol(react.fragment)';\n}\n\nfunction isFunctionComponent(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is FunctionComponent {\n  if (typeof component === 'function') {\n    return true;\n  }\n\n  return isPureFunctionComponent(component);\n}\n\nfunction isPureFunctionComponent(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is FunctionComponent {\n  return component?.$$typeof?.toString() === 'Symbol(react.memo)' && isFunctionComponent(component.type);\n}\n\nfunction isComponentClass(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is ComponentClass {\n  return typeof component === 'object' && typeof component?.['render'] === 'function';\n}\n\n// There are no definitive ways to check if an object is a React component or not.\n// We are checking if the object has a render function (classic component).\n// Note: \"forwardRef()\" returns plain object, not class instance.\nexport default function isReactComponent(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is ComponentType {\n  return (\n    isFunctionComponent(component) ||\n    isComponentClass(component) ||\n    isFragment(component) ||\n    isConsumer(component) ||\n    isProvider(component)\n  );\n}\n","// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Fn<P extends any[], R> = (...args: P) => R;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Enhancer<P extends any[], R> = (next: Fn<P, R>) => Fn<P, R>;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport default function compose<P extends any[], R>(...fns: Enhancer<P, R>[]): Enhancer<P, R> {\n  return (fn: Fn<P, R>): Fn<P, R> => fns.reduce((chain, fn) => fn(chain), fn);\n}\n","import compose from './compose.ts';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Fn<P extends any[], R> = (...args: P) => R;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type Enhancer<P extends any[], R> = (next: Fn<P, R>) => Fn<P, R>;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type Middleware<P extends any[], R, S extends any[]> = (...init: S) => Enhancer<P, R>;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport default function applyMiddleware<P extends any[], R, S extends any[]>(\n  ...arrayOfMiddleware: Middleware<P, R, S>[]\n) {\n  return (...init: S) => {\n    const chain = arrayOfMiddleware.map(middleware => middleware(...init));\n\n    return compose(...chain);\n  };\n}\n"],"mappings":"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","names":["fn","options","middleware","init","enhancer","useBuildComponentCallback"]}

package/dist/react-chain-of-responsibility.d.mts

@@ -12,18 +12,24 @@ type ComponentMiddleware<Request, Props = {
     Init
 ]>;
 
+type ResultComponent<Props> = ComponentType<Props> | false | null | undefined;
 type UseBuildComponentCallbackOptions<Props> = {
-    fallbackComponent?: ComponentType<Props> | false | null | undefined;
+    fallbackComponent?: ResultComponent<Props>;
 };
-type UseBuildComponentCallback<Request, Props> = (request: Request, options?: UseBuildComponentCallbackOptions<Props>) => ComponentType<Props> | false | null | undefined;
+type UseBuildComponentCallback<Request, Props> = (request: Request, options?: UseBuildComponentCallbackOptions<Props>) => ResultComponent<Props>;
 type ProviderProps<Request, Props, Init> = PropsWithChildren<{
     middleware: readonly ComponentMiddleware<Request, Props, Init>[];
-}> & (Init extends never | undefined ? {
+}> & (Init extends never | void ? {
+    init?: undefined;
+} : Init extends undefined ? {
     init?: Init;
 } : {
     init: Init;
 });
-type ProxyProps<Request, Props> = PropsWithChildren<Request extends never | undefined ? Props & {
+type ProxyProps<Request, Props> = PropsWithChildren<Request extends never | void ? Props & {
+    fallbackComponent?: ComponentType<Props>;
+    request?: undefined;
+} : Request extends undefined ? Props & {
     fallbackComponent?: ComponentType<Props>;
     request?: Request;
 } : Props & {

package/dist/react-chain-of-responsibility.d.ts

@@ -12,18 +12,24 @@ type ComponentMiddleware<Request, Props = {
     Init
 ]>;
 
+type ResultComponent<Props> = ComponentType<Props> | false | null | undefined;
 type UseBuildComponentCallbackOptions<Props> = {
-    fallbackComponent?: ComponentType<Props> | false | null | undefined;
+    fallbackComponent?: ResultComponent<Props>;
 };
-type UseBuildComponentCallback<Request, Props> = (request: Request, options?: UseBuildComponentCallbackOptions<Props>) => ComponentType<Props> | false | null | undefined;
+type UseBuildComponentCallback<Request, Props> = (request: Request, options?: UseBuildComponentCallbackOptions<Props>) => ResultComponent<Props>;
 type ProviderProps<Request, Props, Init> = PropsWithChildren<{
     middleware: readonly ComponentMiddleware<Request, Props, Init>[];
-}> & (Init extends never | undefined ? {
+}> & (Init extends never | void ? {
+    init?: undefined;
+} : Init extends undefined ? {
     init?: Init;
 } : {
     init: Init;
 });
-type ProxyProps<Request, Props> = PropsWithChildren<Request extends never | undefined ? Props & {
+type ProxyProps<Request, Props> = PropsWithChildren<Request extends never | void ? Props & {
+    fallbackComponent?: ComponentType<Props>;
+    request?: undefined;
+} : Request extends undefined ? Props & {
     fallbackComponent?: ComponentType<Props>;
     request?: Request;
 } : Props & {

package/dist/react-chain-of-responsibility.fluentUI.js

@@ -85,11 +85,18 @@ function applyMiddleware(...arrayOfMiddleware) {
 
 // src/createChainOfResponsibility.tsx
 function createChainOfResponsibility(options = {}) {
-  const context = (0, import_react.createContext)({
-    get useBuildComponentCallback() {
-      throw new Error("useBuildComponentCallback() hook cannot be used outside of its corresponding <Provider>");
+  const defaultUseBuildComponentCallback = {
+    get enhancer() {
+      return void 0;
+    },
+    useBuildComponentCallback(_, options2) {
+      if (options2 == null ? void 0 : options2.fallbackComponent) {
+        return options2.fallbackComponent;
+      }
+      throw new Error("This component/hook cannot be used outside of its corresponding <Provider>");
     }
-  });
+  };
+  const context = (0, import_react.createContext)(defaultUseBuildComponentCallback);
   const Provider = ({ children, init, middleware }) => {
     if (!Array.isArray(middleware) || middleware.some((middleware2) => typeof middleware2 !== "function")) {
       throw new Error("middleware prop must be an array of functions");
@@ -120,24 +127,25 @@ function createChainOfResponsibility(options = {}) {
         };
       }) : []
     );
+    const { enhancer: parentEnhancer } = (0, import_react.useContext)(context);
     const enhancer = (0, import_react.useMemo)(
       () => (
         // We are reversing because it is easier to read:
         // - With reverse, [a, b, c] will become a(b(c(fn)))
         // - Without reverse, [a, b, c] will become c(b(a(fn)))
         applyMiddleware(
-          ...[...patchedMiddleware].reverse()
+          ...[...patchedMiddleware, ...parentEnhancer ? [() => parentEnhancer] : []].reverse()
         )(init)
       ),
-      [init, middleware]
+      [init, middleware, parentEnhancer]
     );
     const useBuildComponentCallback2 = (0, import_react.useCallback)(
       (request, options2 = {}) => enhancer(() => options2.fallbackComponent)(request),
       [enhancer]
     );
     const contextValue = (0, import_react.useMemo)(
-      () => ({ useBuildComponentCallback: useBuildComponentCallback2 }),
-      [useBuildComponentCallback2]
+      () => ({ enhancer, useBuildComponentCallback: useBuildComponentCallback2 }),
+      [enhancer, useBuildComponentCallback2]
     );
     return /* @__PURE__ */ import_react.default.createElement(context.Provider, { value: contextValue }, children);
   };
@@ -152,12 +160,7 @@ function createChainOfResponsibility(options = {}) {
     // False positive: "children" is not a prop.
     // eslint-disable-next-line react/prop-types
     ({ children, fallbackComponent, request, ...props }) => {
-      let enhancer;
-      try {
-        enhancer = useBuildComponentCallback();
-      } catch {
-        throw new Error("<Proxy> cannot be used outside of its corresponding <Provider>");
-      }
+      const enhancer = useBuildComponentCallback();
       const Component = enhancer(request, { fallbackComponent });
       return Component ? /* @__PURE__ */ import_react.default.createElement(Component, { ...props }, children) : null;
     }

package/dist/react-chain-of-responsibility.fluentUI.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.fluentUI.ts","../src/createChainOfResponsibilityForFluentUI.tsx","../src/createChainOfResponsibility.tsx","../src/isReactComponent.ts","../src/private/compose.ts","../src/private/applyMiddleware.ts"],"sourcesContent":["import createChainOfResponsibilityForFluentUI from './createChainOfResponsibilityForFluentUI';\n\nexport { createChainOfResponsibilityForFluentUI };\n","import { type IRenderFunction } from '@fluentui/react';\nimport React, { useCallback, type Key } from 'react';\n\nimport createChainOfResponsibility from './createChainOfResponsibility';\n\ntype UseBuildRenderFunctionOptions<Props> = { getKey?: (props: Props | undefined) => Key };\n\ntype UseBuildRenderFunction<Props> = (options?: UseBuildRenderFunctionOptions<Props>) => IRenderFunction<Props>;\n\n// We are using the props as both \"Request\" and \"Props\".\n// This should eases migration from `onRender` to chain of responsibility.\n// Downside is, web developers could accidentally pass request as props and not honoring props modified by upstreamers.\nexport default function createChainOfResponsibilityForFluentUI<Props extends object, Init = undefined>(\n  options?: Parameters<typeof createChainOfResponsibility>[0]\n): ReturnType<typeof createChainOfResponsibility<Props | undefined, Props, Init>> & {\n  useBuildRenderFunction: UseBuildRenderFunction<Props>;\n} {\n  const returnValue = createChainOfResponsibility<Props | undefined, Props, Init>(options);\n\n  const { Proxy } = returnValue;\n\n  const useBuildRenderFunction: UseBuildRenderFunction<Props> = (options = {}) => {\n    const { getKey } = options;\n\n    return useCallback<IRenderFunction<Props>>(\n      (props, defaultRender) => (\n        <Proxy {...(props as Props)} fallbackComponent={defaultRender} key={getKey?.(props)} request={props} />\n      ),\n      [getKey]\n    );\n  };\n\n  return { ...returnValue, useBuildRenderFunction };\n}\n","import PropTypes from 'prop-types';\nimport React, {\n  createContext,\n  isValidElement,\n  memo,\n  useCallback,\n  useContext,\n  useMemo,\n  type ComponentType,\n  type PropsWithChildren\n} from 'react';\n\nimport isReactComponent from './isReactComponent';\nimport applyMiddleware from './private/applyMiddleware';\nimport { type ComponentMiddleware } from './types';\n\ntype UseBuildComponentCallbackOptions<Props> = { fallbackComponent?: ComponentType<Props> | false | null | undefined };\n\ntype UseBuildComponentCallback<Request, Props> = (\n  request: Request,\n  options?: UseBuildComponentCallbackOptions<Props>\n) => ComponentType<Props> | false | null | undefined;\n\ntype ProviderContext<Request, Props> = {\n  useBuildComponentCallback: UseBuildComponentCallback<Request, Props>;\n};\n\ntype ProviderProps<Request, Props, Init> = PropsWithChildren<{\n  middleware: readonly ComponentMiddleware<Request, Props, Init>[];\n}> &\n  (Init extends never | undefined ? { init?: Init } : { init: Init });\n\ntype ProxyProps<Request, Props> = PropsWithChildren<\n  Request extends never | undefined\n    ? Props & { fallbackComponent?: ComponentType<Props>; request?: Request }\n    : Props & { fallbackComponent?: ComponentType<Props>; request: Request }\n>;\n\ntype Options = {\n  /**\n   * Allows a middleware to pass another request object when calling its next middleware. Default is false.\n   *\n   * However, middleware could modify the request object before calling its next middleware. It is recommended\n   * to use Object.freeze() to prevent middleware from modifying the request object.\n   */\n  passModifiedRequest?: boolean;\n};\n\nexport default function createChainOfResponsibility<\n  Request = undefined,\n  Props = { children?: never },\n  Init = undefined\n>(\n  options: Options = {}\n): {\n  Provider: ComponentType<ProviderProps<Request, Props, Init>>;\n  Proxy: ComponentType<ProxyProps<Request, Props>>;\n  types: {\n    init: Init;\n    middleware: ComponentMiddleware<Request, Props, Init>;\n    props: Props;\n    request: Request;\n  };\n  useBuildComponentCallback: () => UseBuildComponentCallback<Request, Props>;\n} {\n  const context = createContext<ProviderContext<Request, Props>>({\n    get useBuildComponentCallback(): ProviderContext<Request, Props>['useBuildComponentCallback'] {\n      throw new Error('useBuildComponentCallback() hook cannot be used outside of its corresponding <Provider>');\n    }\n  });\n\n  const Provider: ComponentType<ProviderProps<Request, Props, Init>> = ({ children, init, middleware }) => {\n    // TODO: Related to https://github.com/microsoft/TypeScript/issues/17002.\n    //       typescript@5.2.2 has a bug, Array.isArray() is a type predicate but only works with mutable array, not readonly array.\n    //       After removing \"as unknown\", `middleware` on the next line become `any[]`.\n    if (!Array.isArray(middleware as unknown) || middleware.some(middleware => typeof middleware !== 'function')) {\n      throw new Error('middleware prop must be an array of functions');\n    }\n\n    const patchedMiddleware: readonly ComponentMiddleware<Request, Props, Init>[] = Object.freeze(\n      middleware\n        ? middleware.map(fn => (init: Init) => {\n            const enhancer = fn(init);\n\n            return (next: UseBuildComponentCallback<Request, Props>) => (originalRequest: Request) => {\n              // False positive: although we did not re-assign the variable from true, it was initialized as undefined.\n              // eslint-disable-next-line prefer-const\n              let hasReturned: boolean;\n\n              const returnValue = enhancer(nextRequest => {\n                if (hasReturned) {\n                  throw new Error('next() cannot be called after the function had returned synchronously');\n                }\n\n                !options.passModifiedRequest &&\n                  nextRequest !== originalRequest &&\n                  console.warn(\n                    'react-chain-of-responsibility: \"options.passModifiedRequest\" must be set to true to pass a different request object to next().'\n                  );\n\n                return next(options.passModifiedRequest ? nextRequest : originalRequest);\n              })(originalRequest);\n\n              hasReturned = true;\n\n              if (isValidElement(returnValue)) {\n                throw new Error('middleware must not return React element directly');\n              } else if (\n                returnValue !== false &&\n                returnValue !== null &&\n                typeof returnValue !== 'undefined' &&\n                !isReactComponent(returnValue)\n              ) {\n                throw new Error(\n                  'middleware must return false, null, undefined, function component, or class component'\n                );\n              }\n\n              return returnValue;\n            };\n          })\n        : []\n    );\n\n    const enhancer = useMemo(\n      () =>\n        // We are reversing because it is easier to read:\n        // - With reverse, [a, b, c] will become a(b(c(fn)))\n        // - Without reverse, [a, b, c] will become c(b(a(fn)))\n        applyMiddleware<[Request], ComponentType<Props> | false | null | undefined, [Init]>(\n          ...[...patchedMiddleware].reverse()\n        )(init as Init),\n      [init, middleware]\n    );\n\n    const useBuildComponentCallback = useCallback<UseBuildComponentCallback<Request, Props>>(\n      (request, options = {}) => enhancer(() => options.fallbackComponent)(request),\n      [enhancer]\n    );\n\n    const contextValue = useMemo<ProviderContext<Request, Props>>(\n      () => ({ useBuildComponentCallback }),\n      [useBuildComponentCallback]\n    );\n\n    return <context.Provider value={contextValue}>{children}</context.Provider>;\n  };\n\n  Provider.displayName = 'ChainOfResponsibilityProvider';\n  Provider.propTypes = {\n    children: PropTypes.any,\n    init: PropTypes.any,\n    middleware: PropTypes.any\n  };\n\n  const useBuildComponentCallback = () => useContext(context).useBuildComponentCallback;\n\n  const Proxy: ComponentType<ProxyProps<Request, Props>> = memo(\n    // False positive: \"children\" is not a prop.\n    // eslint-disable-next-line react/prop-types\n    ({ children, fallbackComponent, request, ...props }) => {\n      let enhancer: ReturnType<typeof useBuildComponentCallback>;\n\n      try {\n        enhancer = useBuildComponentCallback();\n      } catch {\n        throw new Error('<Proxy> cannot be used outside of its corresponding <Provider>');\n      }\n\n      const Component = enhancer(request as Request, { fallbackComponent });\n\n      return Component ? <Component {...(props as Props)}>{children}</Component> : null;\n    }\n  );\n\n  Proxy.displayName = 'Proxy';\n  Proxy.propTypes = {\n    fallbackComponent: PropTypes.any,\n    request: PropTypes.any\n  };\n\n  return {\n    Provider,\n    Proxy,\n    types: {\n      init: undefined as unknown as Init,\n      middleware: undefined as unknown as ComponentMiddleware<Request, Props, Init>,\n      props: undefined as unknown as Props,\n      request: undefined as unknown as Request\n    },\n    useBuildComponentCallback\n  };\n}\n","import {\n  type ComponentClass,\n  type ComponentType,\n  type Consumer,\n  type Fragment,\n  type FunctionComponent,\n  type Provider\n} from 'react';\n\nfunction isConsumer(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is Consumer<unknown> {\n  return component?.$$typeof?.toString() === 'Symbol(react.context)';\n}\n\nfunction isProvider(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is Provider<unknown> {\n  return component?.$$typeof?.toString() === 'Symbol(react.provider)';\n}\n\nfunction isFragment(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is typeof Fragment {\n  return component?.toString() === 'Symbol(react.fragment)';\n}\n\nfunction isFunctionComponent(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is FunctionComponent {\n  if (typeof component === 'function') {\n    return true;\n  }\n\n  return isPureFunctionComponent(component);\n}\n\nfunction isPureFunctionComponent(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is FunctionComponent {\n  return component?.$$typeof?.toString() === 'Symbol(react.memo)' && isFunctionComponent(component.type);\n}\n\nfunction isComponentClass(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is ComponentClass {\n  return typeof component === 'object' && typeof component?.['render'] === 'function';\n}\n\n// There are no definitive ways to check if an object is a React component or not.\n// We are checking if the object has a render function (classic component).\n// Note: \"forwardRef()\" returns plain object, not class instance.\nexport default function isReactComponent(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is ComponentType {\n  return (\n    isFunctionComponent(component) ||\n    isComponentClass(component) ||\n    isFragment(component) ||\n    isConsumer(component) ||\n    isProvider(component)\n  );\n}\n","// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Fn<P extends any[], R> = (...args: P) => R;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Enhancer<P extends any[], R> = (next: Fn<P, R>) => Fn<P, R>;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport default function compose<P extends any[], R>(...fns: Enhancer<P, R>[]): Enhancer<P, R> {\n  return (fn: Fn<P, R>): Fn<P, R> => fns.reduce((chain, fn) => fn(chain), fn);\n}\n","import compose from './compose';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Fn<P extends any[], R> = (...args: P) => R;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type Enhancer<P extends any[], R> = (next: Fn<P, R>) => Fn<P, R>;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type Middleware<P extends any[], R, S extends any[]> = (...init: S) => Enhancer<P, R>;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport default function applyMiddleware<P extends any[], R, S extends any[]>(\n  ...arrayOfMiddleware: Middleware<P, R, S>[]\n) {\n  return (...init: S) => {\n    const chain = arrayOfMiddleware.map(middleware => middleware(...init));\n\n    return compose(...chain);\n  };\n}\n"],"mappings":"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","names":["import_react","fn","middleware","init","enhancer","useBuildComponentCallback","options","React","PropTypes","Proxy","Proxy","options","React"]}
+{"version":3,"sources":["../src/index.fluentUI.ts","../src/createChainOfResponsibilityForFluentUI.tsx","../src/createChainOfResponsibility.tsx","../src/isReactComponent.ts","../src/private/compose.ts","../src/private/applyMiddleware.ts"],"sourcesContent":["import createChainOfResponsibilityForFluentUI from './createChainOfResponsibilityForFluentUI.tsx';\n\nexport { createChainOfResponsibilityForFluentUI };\n","import { type IRenderFunction } from '@fluentui/react';\nimport React, { useCallback, type Key } from 'react';\n\nimport createChainOfResponsibility from './createChainOfResponsibility.tsx';\n\ntype UseBuildRenderFunctionOptions<Props> = { getKey?: (props: Props | undefined) => Key };\n\ntype UseBuildRenderFunction<Props> = (options?: UseBuildRenderFunctionOptions<Props>) => IRenderFunction<Props>;\n\n// We are using the props as both \"Request\" and \"Props\".\n// This should eases migration from `onRender` to chain of responsibility.\n// Downside is, web developers could accidentally pass request as props and not honoring props modified by upstreamers.\nexport default function createChainOfResponsibilityForFluentUI<Props extends object, Init = undefined>(\n  options?: Parameters<typeof createChainOfResponsibility>[0]\n): ReturnType<typeof createChainOfResponsibility<Props | undefined, Props, Init>> & {\n  useBuildRenderFunction: UseBuildRenderFunction<Props>;\n} {\n  const returnValue = createChainOfResponsibility<Props | undefined, Props, Init>(options);\n\n  const { Proxy } = returnValue;\n\n  const useBuildRenderFunction: UseBuildRenderFunction<Props> = (options = {}) => {\n    const { getKey } = options;\n\n    return useCallback<IRenderFunction<Props>>(\n      (props, defaultRender) => (\n        <Proxy {...(props as Props)} fallbackComponent={defaultRender} key={getKey?.(props)} request={props} />\n      ),\n      [getKey]\n    );\n  };\n\n  return { ...returnValue, useBuildRenderFunction };\n}\n","import PropTypes from 'prop-types';\nimport React, {\n  createContext,\n  isValidElement,\n  memo,\n  useCallback,\n  useContext,\n  useMemo,\n  type ComponentType,\n  type PropsWithChildren\n} from 'react';\n\nimport isReactComponent from './isReactComponent.ts';\nimport applyMiddleware, { type Enhancer } from './private/applyMiddleware.ts';\nimport { type ComponentMiddleware } from './types.ts';\n\ntype ResultComponent<Props> = ComponentType<Props> | false | null | undefined;\n\ntype UseBuildComponentCallbackOptions<Props> = { fallbackComponent?: ResultComponent<Props> };\n\ntype UseBuildComponentCallback<Request, Props> = (\n  request: Request,\n  options?: UseBuildComponentCallbackOptions<Props>\n) => ResultComponent<Props>;\n\ntype ProviderContext<Request, Props> = {\n  get enhancer(): Enhancer<[Request], ResultComponent<Props>> | undefined;\n  useBuildComponentCallback: UseBuildComponentCallback<Request, Props>;\n};\n\ntype ProviderProps<Request, Props, Init> = PropsWithChildren<{\n  middleware: readonly ComponentMiddleware<Request, Props, Init>[];\n}> &\n  (Init extends never | void ? { init?: undefined } : Init extends undefined ? { init?: Init } : { init: Init });\n\ntype ProxyProps<Request, Props> = PropsWithChildren<\n  Request extends never | void\n    ? Props & { fallbackComponent?: ComponentType<Props>; request?: undefined }\n    : Request extends undefined\n      ? Props & { fallbackComponent?: ComponentType<Props>; request?: Request }\n      : Props & { fallbackComponent?: ComponentType<Props>; request: Request }\n>;\n\ntype Options = {\n  /**\n   * Allows a middleware to pass another request object when calling its next middleware. Default is false.\n   *\n   * However, middleware could modify the request object before calling its next middleware. It is recommended\n   * to use Object.freeze() to prevent middleware from modifying the request object.\n   */\n  passModifiedRequest?: boolean;\n};\n\nexport default function createChainOfResponsibility<\n  Request = undefined,\n  Props = { children?: never },\n  Init = undefined\n>(\n  options: Options = {}\n): {\n  Provider: ComponentType<ProviderProps<Request, Props, Init>>;\n  Proxy: ComponentType<ProxyProps<Request, Props>>;\n  types: {\n    init: Init;\n    middleware: ComponentMiddleware<Request, Props, Init>;\n    props: Props;\n    request: Request;\n  };\n  useBuildComponentCallback: () => UseBuildComponentCallback<Request, Props>;\n} {\n  const defaultUseBuildComponentCallback: ProviderContext<Request, Props> = {\n    get enhancer() {\n      return undefined;\n    },\n    useBuildComponentCallback(_, options) {\n      if (options?.fallbackComponent) {\n        return options.fallbackComponent;\n      }\n\n      throw new Error('This component/hook cannot be used outside of its corresponding <Provider>');\n    }\n  };\n\n  const context = createContext<ProviderContext<Request, Props>>(defaultUseBuildComponentCallback);\n\n  const Provider: ComponentType<ProviderProps<Request, Props, Init>> = ({ children, init, middleware }) => {\n    // TODO: Related to https://github.com/microsoft/TypeScript/issues/17002.\n    //       typescript@5.2.2 has a bug, Array.isArray() is a type predicate but only works with mutable array, not readonly array.\n    //       After removing \"as unknown\", `middleware` on the next line become `any[]`.\n    if (!Array.isArray(middleware as unknown) || middleware.some(middleware => typeof middleware !== 'function')) {\n      throw new Error('middleware prop must be an array of functions');\n    }\n\n    const patchedMiddleware: readonly ComponentMiddleware<Request, Props, Init>[] = Object.freeze(\n      middleware\n        ? middleware.map(fn => (init: Init) => {\n            const enhancer = fn(init);\n\n            return (next: UseBuildComponentCallback<Request, Props>) => (originalRequest: Request) => {\n              // False positive: although we did not re-assign the variable from true, it was initialized as undefined.\n              // eslint-disable-next-line prefer-const\n              let hasReturned: boolean;\n\n              const returnValue = enhancer(nextRequest => {\n                if (hasReturned) {\n                  throw new Error('next() cannot be called after the function had returned synchronously');\n                }\n\n                !options.passModifiedRequest &&\n                  nextRequest !== originalRequest &&\n                  console.warn(\n                    'react-chain-of-responsibility: \"options.passModifiedRequest\" must be set to true to pass a different request object to next().'\n                  );\n\n                return next(options.passModifiedRequest ? nextRequest : originalRequest);\n              })(originalRequest);\n\n              hasReturned = true;\n\n              if (isValidElement(returnValue)) {\n                throw new Error('middleware must not return React element directly');\n              } else if (\n                returnValue !== false &&\n                returnValue !== null &&\n                typeof returnValue !== 'undefined' &&\n                !isReactComponent(returnValue)\n              ) {\n                throw new Error(\n                  'middleware must return false, null, undefined, function component, or class component'\n                );\n              }\n\n              return returnValue;\n            };\n          })\n        : []\n    );\n\n    const { enhancer: parentEnhancer } = useContext(context);\n\n    const enhancer = useMemo(\n      () =>\n        // We are reversing because it is easier to read:\n        // - With reverse, [a, b, c] will become a(b(c(fn)))\n        // - Without reverse, [a, b, c] will become c(b(a(fn)))\n        applyMiddleware<[Request], ResultComponent<Props>, [Init]>(\n          ...[...patchedMiddleware, ...(parentEnhancer ? [() => parentEnhancer] : [])].reverse()\n        )(init as Init),\n      [init, middleware, parentEnhancer]\n    );\n\n    const useBuildComponentCallback = useCallback<UseBuildComponentCallback<Request, Props>>(\n      (request, options = {}) => enhancer(() => options.fallbackComponent)(request),\n      [enhancer]\n    );\n\n    const contextValue = useMemo<ProviderContext<Request, Props>>(\n      () => ({ enhancer, useBuildComponentCallback }),\n      [enhancer, useBuildComponentCallback]\n    );\n\n    return <context.Provider value={contextValue}>{children}</context.Provider>;\n  };\n\n  Provider.displayName = 'ChainOfResponsibilityProvider';\n  Provider.propTypes = {\n    children: PropTypes.any,\n    init: PropTypes.any,\n    middleware: PropTypes.any\n  };\n\n  const useBuildComponentCallback = () => useContext(context).useBuildComponentCallback;\n\n  const Proxy: ComponentType<ProxyProps<Request, Props>> = memo(\n    // False positive: \"children\" is not a prop.\n    // eslint-disable-next-line react/prop-types\n    ({ children, fallbackComponent, request, ...props }) => {\n      const enhancer = useBuildComponentCallback();\n      const Component = enhancer(request as Request, { fallbackComponent });\n\n      return Component ? <Component {...(props as Props)}>{children}</Component> : null;\n    }\n  );\n\n  Proxy.displayName = 'Proxy';\n  Proxy.propTypes = {\n    fallbackComponent: PropTypes.any,\n    request: PropTypes.any\n  };\n\n  return {\n    Provider,\n    Proxy,\n    types: {\n      init: undefined as unknown as Init,\n      middleware: undefined as unknown as ComponentMiddleware<Request, Props, Init>,\n      props: undefined as unknown as Props,\n      request: undefined as unknown as Request\n    },\n    useBuildComponentCallback\n  };\n}\n","import {\n  type ComponentClass,\n  type ComponentType,\n  type Consumer,\n  type Fragment,\n  type FunctionComponent,\n  type Provider\n} from 'react';\n\nfunction isConsumer(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is Consumer<unknown> {\n  return component?.$$typeof?.toString() === 'Symbol(react.context)';\n}\n\nfunction isProvider(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is Provider<unknown> {\n  return component?.$$typeof?.toString() === 'Symbol(react.provider)';\n}\n\nfunction isFragment(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is typeof Fragment {\n  return component?.toString() === 'Symbol(react.fragment)';\n}\n\nfunction isFunctionComponent(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is FunctionComponent {\n  if (typeof component === 'function') {\n    return true;\n  }\n\n  return isPureFunctionComponent(component);\n}\n\nfunction isPureFunctionComponent(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is FunctionComponent {\n  return component?.$$typeof?.toString() === 'Symbol(react.memo)' && isFunctionComponent(component.type);\n}\n\nfunction isComponentClass(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is ComponentClass {\n  return typeof component === 'object' && typeof component?.['render'] === 'function';\n}\n\n// There are no definitive ways to check if an object is a React component or not.\n// We are checking if the object has a render function (classic component).\n// Note: \"forwardRef()\" returns plain object, not class instance.\nexport default function isReactComponent(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is ComponentType {\n  return (\n    isFunctionComponent(component) ||\n    isComponentClass(component) ||\n    isFragment(component) ||\n    isConsumer(component) ||\n    isProvider(component)\n  );\n}\n","// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Fn<P extends any[], R> = (...args: P) => R;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Enhancer<P extends any[], R> = (next: Fn<P, R>) => Fn<P, R>;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport default function compose<P extends any[], R>(...fns: Enhancer<P, R>[]): Enhancer<P, R> {\n  return (fn: Fn<P, R>): Fn<P, R> => fns.reduce((chain, fn) => fn(chain), fn);\n}\n","import compose from './compose.ts';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Fn<P extends any[], R> = (...args: P) => R;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type Enhancer<P extends any[], R> = (next: Fn<P, R>) => Fn<P, R>;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type Middleware<P extends any[], R, S extends any[]> = (...init: S) => Enhancer<P, R>;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport default function applyMiddleware<P extends any[], R, S extends any[]>(\n  ...arrayOfMiddleware: Middleware<P, R, S>[]\n) {\n  return (...init: S) => {\n    const chain = arrayOfMiddleware.map(middleware => middleware(...init));\n\n    return compose(...chain);\n  };\n}\n"],"mappings":"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","names":["import_react","fn","options","middleware","init","enhancer","useBuildComponentCallback","React","PropTypes","Proxy","Proxy","options","React"]}

package/dist/react-chain-of-responsibility.fluentUI.mjs

@@ -1,6 +1,6 @@
 import {
   createChainOfResponsibility
-} from "./chunk-5DXRTBGF.mjs";
+} from "./chunk-LQNXZPUH.mjs";
 
 // src/createChainOfResponsibilityForFluentUI.tsx
 import React, { useCallback } from "react";

package/dist/react-chain-of-responsibility.fluentUI.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/createChainOfResponsibilityForFluentUI.tsx"],"sourcesContent":["import { type IRenderFunction } from '@fluentui/react';\nimport React, { useCallback, type Key } from 'react';\n\nimport createChainOfResponsibility from './createChainOfResponsibility';\n\ntype UseBuildRenderFunctionOptions<Props> = { getKey?: (props: Props | undefined) => Key };\n\ntype UseBuildRenderFunction<Props> = (options?: UseBuildRenderFunctionOptions<Props>) => IRenderFunction<Props>;\n\n// We are using the props as both \"Request\" and \"Props\".\n// This should eases migration from `onRender` to chain of responsibility.\n// Downside is, web developers could accidentally pass request as props and not honoring props modified by upstreamers.\nexport default function createChainOfResponsibilityForFluentUI<Props extends object, Init = undefined>(\n  options?: Parameters<typeof createChainOfResponsibility>[0]\n): ReturnType<typeof createChainOfResponsibility<Props | undefined, Props, Init>> & {\n  useBuildRenderFunction: UseBuildRenderFunction<Props>;\n} {\n  const returnValue = createChainOfResponsibility<Props | undefined, Props, Init>(options);\n\n  const { Proxy } = returnValue;\n\n  const useBuildRenderFunction: UseBuildRenderFunction<Props> = (options = {}) => {\n    const { getKey } = options;\n\n    return useCallback<IRenderFunction<Props>>(\n      (props, defaultRender) => (\n        <Proxy {...(props as Props)} fallbackComponent={defaultRender} key={getKey?.(props)} request={props} />\n      ),\n      [getKey]\n    );\n  };\n\n  return { ...returnValue, useBuildRenderFunction };\n}\n"],"mappings":";;;;;AACA,OAAO,SAAS,mBAA6B;AAW9B,SAAR,uCACL,SAGA;AACA,QAAM,cAAc,4BAA4D,OAAO;AAEvF,QAAM,EAAE,MAAM,IAAI;AAElB,QAAM,yBAAwD,CAACA,WAAU,CAAC,MAAM;AAC9E,UAAM,EAAE,OAAO,IAAIA;AAEnB,WAAO;AAAA,MACL,CAAC,OAAO,kBACN,oCAAC,SAAO,GAAI,OAAiB,mBAAmB,eAAe,KAAK,iCAAS,QAAQ,SAAS,OAAO;AAAA,MAEvG,CAAC,MAAM;AAAA,IACT;AAAA,EACF;AAEA,SAAO,EAAE,GAAG,aAAa,uBAAuB;AAClD;","names":["options"]}
+{"version":3,"sources":["../src/createChainOfResponsibilityForFluentUI.tsx"],"sourcesContent":["import { type IRenderFunction } from '@fluentui/react';\nimport React, { useCallback, type Key } from 'react';\n\nimport createChainOfResponsibility from './createChainOfResponsibility.tsx';\n\ntype UseBuildRenderFunctionOptions<Props> = { getKey?: (props: Props | undefined) => Key };\n\ntype UseBuildRenderFunction<Props> = (options?: UseBuildRenderFunctionOptions<Props>) => IRenderFunction<Props>;\n\n// We are using the props as both \"Request\" and \"Props\".\n// This should eases migration from `onRender` to chain of responsibility.\n// Downside is, web developers could accidentally pass request as props and not honoring props modified by upstreamers.\nexport default function createChainOfResponsibilityForFluentUI<Props extends object, Init = undefined>(\n  options?: Parameters<typeof createChainOfResponsibility>[0]\n): ReturnType<typeof createChainOfResponsibility<Props | undefined, Props, Init>> & {\n  useBuildRenderFunction: UseBuildRenderFunction<Props>;\n} {\n  const returnValue = createChainOfResponsibility<Props | undefined, Props, Init>(options);\n\n  const { Proxy } = returnValue;\n\n  const useBuildRenderFunction: UseBuildRenderFunction<Props> = (options = {}) => {\n    const { getKey } = options;\n\n    return useCallback<IRenderFunction<Props>>(\n      (props, defaultRender) => (\n        <Proxy {...(props as Props)} fallbackComponent={defaultRender} key={getKey?.(props)} request={props} />\n      ),\n      [getKey]\n    );\n  };\n\n  return { ...returnValue, useBuildRenderFunction };\n}\n"],"mappings":";;;;;AACA,OAAO,SAAS,mBAA6B;AAW9B,SAAR,uCACL,SAGA;AACA,QAAM,cAAc,4BAA4D,OAAO;AAEvF,QAAM,EAAE,MAAM,IAAI;AAElB,QAAM,yBAAwD,CAACA,WAAU,CAAC,MAAM;AAC9E,UAAM,EAAE,OAAO,IAAIA;AAEnB,WAAO;AAAA,MACL,CAAC,OAAO,kBACN,oCAAC,SAAO,GAAI,OAAiB,mBAAmB,eAAe,KAAK,iCAAS,QAAQ,SAAS,OAAO;AAAA,MAEvG,CAAC,MAAM;AAAA,IACT;AAAA,EACF;AAEA,SAAO,EAAE,GAAG,aAAa,uBAAuB;AAClD;","names":["options"]}

package/dist/react-chain-of-responsibility.js

@@ -82,11 +82,18 @@ function applyMiddleware(...arrayOfMiddleware) {
 
 // src/createChainOfResponsibility.tsx
 function createChainOfResponsibility(options = {}) {
-  const context = (0, import_react.createContext)({
-    get useBuildComponentCallback() {
-      throw new Error("useBuildComponentCallback() hook cannot be used outside of its corresponding <Provider>");
+  const defaultUseBuildComponentCallback = {
+    get enhancer() {
+      return void 0;
+    },
+    useBuildComponentCallback(_, options2) {
+      if (options2 == null ? void 0 : options2.fallbackComponent) {
+        return options2.fallbackComponent;
+      }
+      throw new Error("This component/hook cannot be used outside of its corresponding <Provider>");
     }
-  });
+  };
+  const context = (0, import_react.createContext)(defaultUseBuildComponentCallback);
   const Provider = ({ children, init, middleware }) => {
     if (!Array.isArray(middleware) || middleware.some((middleware2) => typeof middleware2 !== "function")) {
       throw new Error("middleware prop must be an array of functions");
@@ -117,24 +124,25 @@ function createChainOfResponsibility(options = {}) {
         };
       }) : []
     );
+    const { enhancer: parentEnhancer } = (0, import_react.useContext)(context);
     const enhancer = (0, import_react.useMemo)(
       () => (
         // We are reversing because it is easier to read:
         // - With reverse, [a, b, c] will become a(b(c(fn)))
         // - Without reverse, [a, b, c] will become c(b(a(fn)))
         applyMiddleware(
-          ...[...patchedMiddleware].reverse()
+          ...[...patchedMiddleware, ...parentEnhancer ? [() => parentEnhancer] : []].reverse()
         )(init)
       ),
-      [init, middleware]
+      [init, middleware, parentEnhancer]
     );
     const useBuildComponentCallback2 = (0, import_react.useCallback)(
       (request, options2 = {}) => enhancer(() => options2.fallbackComponent)(request),
       [enhancer]
     );
     const contextValue = (0, import_react.useMemo)(
-      () => ({ useBuildComponentCallback: useBuildComponentCallback2 }),
-      [useBuildComponentCallback2]
+      () => ({ enhancer, useBuildComponentCallback: useBuildComponentCallback2 }),
+      [enhancer, useBuildComponentCallback2]
     );
     return /* @__PURE__ */ import_react.default.createElement(context.Provider, { value: contextValue }, children);
   };
@@ -149,12 +157,7 @@ function createChainOfResponsibility(options = {}) {
     // False positive: "children" is not a prop.
     // eslint-disable-next-line react/prop-types
     ({ children, fallbackComponent, request, ...props }) => {
-      let enhancer;
-      try {
-        enhancer = useBuildComponentCallback();
-      } catch {
-        throw new Error("<Proxy> cannot be used outside of its corresponding <Provider>");
-      }
+      const enhancer = useBuildComponentCallback();
       const Component = enhancer(request, { fallbackComponent });
       return Component ? /* @__PURE__ */ import_react.default.createElement(Component, { ...props }, children) : null;
     }

package/dist/react-chain-of-responsibility.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/createChainOfResponsibility.tsx","../src/isReactComponent.ts","../src/private/compose.ts","../src/private/applyMiddleware.ts"],"sourcesContent":["import createChainOfResponsibility from './createChainOfResponsibility';\n\nimport type { ComponentMiddleware } from './types';\n\nexport { createChainOfResponsibility };\n\nexport type { ComponentMiddleware };\n","import PropTypes from 'prop-types';\nimport React, {\n  createContext,\n  isValidElement,\n  memo,\n  useCallback,\n  useContext,\n  useMemo,\n  type ComponentType,\n  type PropsWithChildren\n} from 'react';\n\nimport isReactComponent from './isReactComponent';\nimport applyMiddleware from './private/applyMiddleware';\nimport { type ComponentMiddleware } from './types';\n\ntype UseBuildComponentCallbackOptions<Props> = { fallbackComponent?: ComponentType<Props> | false | null | undefined };\n\ntype UseBuildComponentCallback<Request, Props> = (\n  request: Request,\n  options?: UseBuildComponentCallbackOptions<Props>\n) => ComponentType<Props> | false | null | undefined;\n\ntype ProviderContext<Request, Props> = {\n  useBuildComponentCallback: UseBuildComponentCallback<Request, Props>;\n};\n\ntype ProviderProps<Request, Props, Init> = PropsWithChildren<{\n  middleware: readonly ComponentMiddleware<Request, Props, Init>[];\n}> &\n  (Init extends never | undefined ? { init?: Init } : { init: Init });\n\ntype ProxyProps<Request, Props> = PropsWithChildren<\n  Request extends never | undefined\n    ? Props & { fallbackComponent?: ComponentType<Props>; request?: Request }\n    : Props & { fallbackComponent?: ComponentType<Props>; request: Request }\n>;\n\ntype Options = {\n  /**\n   * Allows a middleware to pass another request object when calling its next middleware. Default is false.\n   *\n   * However, middleware could modify the request object before calling its next middleware. It is recommended\n   * to use Object.freeze() to prevent middleware from modifying the request object.\n   */\n  passModifiedRequest?: boolean;\n};\n\nexport default function createChainOfResponsibility<\n  Request = undefined,\n  Props = { children?: never },\n  Init = undefined\n>(\n  options: Options = {}\n): {\n  Provider: ComponentType<ProviderProps<Request, Props, Init>>;\n  Proxy: ComponentType<ProxyProps<Request, Props>>;\n  types: {\n    init: Init;\n    middleware: ComponentMiddleware<Request, Props, Init>;\n    props: Props;\n    request: Request;\n  };\n  useBuildComponentCallback: () => UseBuildComponentCallback<Request, Props>;\n} {\n  const context = createContext<ProviderContext<Request, Props>>({\n    get useBuildComponentCallback(): ProviderContext<Request, Props>['useBuildComponentCallback'] {\n      throw new Error('useBuildComponentCallback() hook cannot be used outside of its corresponding <Provider>');\n    }\n  });\n\n  const Provider: ComponentType<ProviderProps<Request, Props, Init>> = ({ children, init, middleware }) => {\n    // TODO: Related to https://github.com/microsoft/TypeScript/issues/17002.\n    //       typescript@5.2.2 has a bug, Array.isArray() is a type predicate but only works with mutable array, not readonly array.\n    //       After removing \"as unknown\", `middleware` on the next line become `any[]`.\n    if (!Array.isArray(middleware as unknown) || middleware.some(middleware => typeof middleware !== 'function')) {\n      throw new Error('middleware prop must be an array of functions');\n    }\n\n    const patchedMiddleware: readonly ComponentMiddleware<Request, Props, Init>[] = Object.freeze(\n      middleware\n        ? middleware.map(fn => (init: Init) => {\n            const enhancer = fn(init);\n\n            return (next: UseBuildComponentCallback<Request, Props>) => (originalRequest: Request) => {\n              // False positive: although we did not re-assign the variable from true, it was initialized as undefined.\n              // eslint-disable-next-line prefer-const\n              let hasReturned: boolean;\n\n              const returnValue = enhancer(nextRequest => {\n                if (hasReturned) {\n                  throw new Error('next() cannot be called after the function had returned synchronously');\n                }\n\n                !options.passModifiedRequest &&\n                  nextRequest !== originalRequest &&\n                  console.warn(\n                    'react-chain-of-responsibility: \"options.passModifiedRequest\" must be set to true to pass a different request object to next().'\n                  );\n\n                return next(options.passModifiedRequest ? nextRequest : originalRequest);\n              })(originalRequest);\n\n              hasReturned = true;\n\n              if (isValidElement(returnValue)) {\n                throw new Error('middleware must not return React element directly');\n              } else if (\n                returnValue !== false &&\n                returnValue !== null &&\n                typeof returnValue !== 'undefined' &&\n                !isReactComponent(returnValue)\n              ) {\n                throw new Error(\n                  'middleware must return false, null, undefined, function component, or class component'\n                );\n              }\n\n              return returnValue;\n            };\n          })\n        : []\n    );\n\n    const enhancer = useMemo(\n      () =>\n        // We are reversing because it is easier to read:\n        // - With reverse, [a, b, c] will become a(b(c(fn)))\n        // - Without reverse, [a, b, c] will become c(b(a(fn)))\n        applyMiddleware<[Request], ComponentType<Props> | false | null | undefined, [Init]>(\n          ...[...patchedMiddleware].reverse()\n        )(init as Init),\n      [init, middleware]\n    );\n\n    const useBuildComponentCallback = useCallback<UseBuildComponentCallback<Request, Props>>(\n      (request, options = {}) => enhancer(() => options.fallbackComponent)(request),\n      [enhancer]\n    );\n\n    const contextValue = useMemo<ProviderContext<Request, Props>>(\n      () => ({ useBuildComponentCallback }),\n      [useBuildComponentCallback]\n    );\n\n    return <context.Provider value={contextValue}>{children}</context.Provider>;\n  };\n\n  Provider.displayName = 'ChainOfResponsibilityProvider';\n  Provider.propTypes = {\n    children: PropTypes.any,\n    init: PropTypes.any,\n    middleware: PropTypes.any\n  };\n\n  const useBuildComponentCallback = () => useContext(context).useBuildComponentCallback;\n\n  const Proxy: ComponentType<ProxyProps<Request, Props>> = memo(\n    // False positive: \"children\" is not a prop.\n    // eslint-disable-next-line react/prop-types\n    ({ children, fallbackComponent, request, ...props }) => {\n      let enhancer: ReturnType<typeof useBuildComponentCallback>;\n\n      try {\n        enhancer = useBuildComponentCallback();\n      } catch {\n        throw new Error('<Proxy> cannot be used outside of its corresponding <Provider>');\n      }\n\n      const Component = enhancer(request as Request, { fallbackComponent });\n\n      return Component ? <Component {...(props as Props)}>{children}</Component> : null;\n    }\n  );\n\n  Proxy.displayName = 'Proxy';\n  Proxy.propTypes = {\n    fallbackComponent: PropTypes.any,\n    request: PropTypes.any\n  };\n\n  return {\n    Provider,\n    Proxy,\n    types: {\n      init: undefined as unknown as Init,\n      middleware: undefined as unknown as ComponentMiddleware<Request, Props, Init>,\n      props: undefined as unknown as Props,\n      request: undefined as unknown as Request\n    },\n    useBuildComponentCallback\n  };\n}\n","import {\n  type ComponentClass,\n  type ComponentType,\n  type Consumer,\n  type Fragment,\n  type FunctionComponent,\n  type Provider\n} from 'react';\n\nfunction isConsumer(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is Consumer<unknown> {\n  return component?.$$typeof?.toString() === 'Symbol(react.context)';\n}\n\nfunction isProvider(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is Provider<unknown> {\n  return component?.$$typeof?.toString() === 'Symbol(react.provider)';\n}\n\nfunction isFragment(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is typeof Fragment {\n  return component?.toString() === 'Symbol(react.fragment)';\n}\n\nfunction isFunctionComponent(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is FunctionComponent {\n  if (typeof component === 'function') {\n    return true;\n  }\n\n  return isPureFunctionComponent(component);\n}\n\nfunction isPureFunctionComponent(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is FunctionComponent {\n  return component?.$$typeof?.toString() === 'Symbol(react.memo)' && isFunctionComponent(component.type);\n}\n\nfunction isComponentClass(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is ComponentClass {\n  return typeof component === 'object' && typeof component?.['render'] === 'function';\n}\n\n// There are no definitive ways to check if an object is a React component or not.\n// We are checking if the object has a render function (classic component).\n// Note: \"forwardRef()\" returns plain object, not class instance.\nexport default function isReactComponent(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is ComponentType {\n  return (\n    isFunctionComponent(component) ||\n    isComponentClass(component) ||\n    isFragment(component) ||\n    isConsumer(component) ||\n    isProvider(component)\n  );\n}\n","// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Fn<P extends any[], R> = (...args: P) => R;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Enhancer<P extends any[], R> = (next: Fn<P, R>) => Fn<P, R>;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport default function compose<P extends any[], R>(...fns: Enhancer<P, R>[]): Enhancer<P, R> {\n  return (fn: Fn<P, R>): Fn<P, R> => fns.reduce((chain, fn) => fn(chain), fn);\n}\n","import compose from './compose';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Fn<P extends any[], R> = (...args: P) => R;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type Enhancer<P extends any[], R> = (next: Fn<P, R>) => Fn<P, R>;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type Middleware<P extends any[], R, S extends any[]> = (...init: S) => Enhancer<P, R>;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport default function applyMiddleware<P extends any[], R, S extends any[]>(\n  ...arrayOfMiddleware: Middleware<P, R, S>[]\n) {\n  return (...init: S) => {\n    const chain = arrayOfMiddleware.map(middleware => middleware(...init));\n\n    return compose(...chain);\n  };\n}\n"],"mappings":"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","names":["fn","middleware","init","enhancer","useBuildComponentCallback","options","React","PropTypes","Proxy"]}
+{"version":3,"sources":["../src/index.ts","../src/createChainOfResponsibility.tsx","../src/isReactComponent.ts","../src/private/compose.ts","../src/private/applyMiddleware.ts"],"sourcesContent":["import createChainOfResponsibility from './createChainOfResponsibility.tsx';\nimport { type ComponentMiddleware } from './types.ts';\n\nexport { createChainOfResponsibility };\n\nexport type { ComponentMiddleware };\n","import PropTypes from 'prop-types';\nimport React, {\n  createContext,\n  isValidElement,\n  memo,\n  useCallback,\n  useContext,\n  useMemo,\n  type ComponentType,\n  type PropsWithChildren\n} from 'react';\n\nimport isReactComponent from './isReactComponent.ts';\nimport applyMiddleware, { type Enhancer } from './private/applyMiddleware.ts';\nimport { type ComponentMiddleware } from './types.ts';\n\ntype ResultComponent<Props> = ComponentType<Props> | false | null | undefined;\n\ntype UseBuildComponentCallbackOptions<Props> = { fallbackComponent?: ResultComponent<Props> };\n\ntype UseBuildComponentCallback<Request, Props> = (\n  request: Request,\n  options?: UseBuildComponentCallbackOptions<Props>\n) => ResultComponent<Props>;\n\ntype ProviderContext<Request, Props> = {\n  get enhancer(): Enhancer<[Request], ResultComponent<Props>> | undefined;\n  useBuildComponentCallback: UseBuildComponentCallback<Request, Props>;\n};\n\ntype ProviderProps<Request, Props, Init> = PropsWithChildren<{\n  middleware: readonly ComponentMiddleware<Request, Props, Init>[];\n}> &\n  (Init extends never | void ? { init?: undefined } : Init extends undefined ? { init?: Init } : { init: Init });\n\ntype ProxyProps<Request, Props> = PropsWithChildren<\n  Request extends never | void\n    ? Props & { fallbackComponent?: ComponentType<Props>; request?: undefined }\n    : Request extends undefined\n      ? Props & { fallbackComponent?: ComponentType<Props>; request?: Request }\n      : Props & { fallbackComponent?: ComponentType<Props>; request: Request }\n>;\n\ntype Options = {\n  /**\n   * Allows a middleware to pass another request object when calling its next middleware. Default is false.\n   *\n   * However, middleware could modify the request object before calling its next middleware. It is recommended\n   * to use Object.freeze() to prevent middleware from modifying the request object.\n   */\n  passModifiedRequest?: boolean;\n};\n\nexport default function createChainOfResponsibility<\n  Request = undefined,\n  Props = { children?: never },\n  Init = undefined\n>(\n  options: Options = {}\n): {\n  Provider: ComponentType<ProviderProps<Request, Props, Init>>;\n  Proxy: ComponentType<ProxyProps<Request, Props>>;\n  types: {\n    init: Init;\n    middleware: ComponentMiddleware<Request, Props, Init>;\n    props: Props;\n    request: Request;\n  };\n  useBuildComponentCallback: () => UseBuildComponentCallback<Request, Props>;\n} {\n  const defaultUseBuildComponentCallback: ProviderContext<Request, Props> = {\n    get enhancer() {\n      return undefined;\n    },\n    useBuildComponentCallback(_, options) {\n      if (options?.fallbackComponent) {\n        return options.fallbackComponent;\n      }\n\n      throw new Error('This component/hook cannot be used outside of its corresponding <Provider>');\n    }\n  };\n\n  const context = createContext<ProviderContext<Request, Props>>(defaultUseBuildComponentCallback);\n\n  const Provider: ComponentType<ProviderProps<Request, Props, Init>> = ({ children, init, middleware }) => {\n    // TODO: Related to https://github.com/microsoft/TypeScript/issues/17002.\n    //       typescript@5.2.2 has a bug, Array.isArray() is a type predicate but only works with mutable array, not readonly array.\n    //       After removing \"as unknown\", `middleware` on the next line become `any[]`.\n    if (!Array.isArray(middleware as unknown) || middleware.some(middleware => typeof middleware !== 'function')) {\n      throw new Error('middleware prop must be an array of functions');\n    }\n\n    const patchedMiddleware: readonly ComponentMiddleware<Request, Props, Init>[] = Object.freeze(\n      middleware\n        ? middleware.map(fn => (init: Init) => {\n            const enhancer = fn(init);\n\n            return (next: UseBuildComponentCallback<Request, Props>) => (originalRequest: Request) => {\n              // False positive: although we did not re-assign the variable from true, it was initialized as undefined.\n              // eslint-disable-next-line prefer-const\n              let hasReturned: boolean;\n\n              const returnValue = enhancer(nextRequest => {\n                if (hasReturned) {\n                  throw new Error('next() cannot be called after the function had returned synchronously');\n                }\n\n                !options.passModifiedRequest &&\n                  nextRequest !== originalRequest &&\n                  console.warn(\n                    'react-chain-of-responsibility: \"options.passModifiedRequest\" must be set to true to pass a different request object to next().'\n                  );\n\n                return next(options.passModifiedRequest ? nextRequest : originalRequest);\n              })(originalRequest);\n\n              hasReturned = true;\n\n              if (isValidElement(returnValue)) {\n                throw new Error('middleware must not return React element directly');\n              } else if (\n                returnValue !== false &&\n                returnValue !== null &&\n                typeof returnValue !== 'undefined' &&\n                !isReactComponent(returnValue)\n              ) {\n                throw new Error(\n                  'middleware must return false, null, undefined, function component, or class component'\n                );\n              }\n\n              return returnValue;\n            };\n          })\n        : []\n    );\n\n    const { enhancer: parentEnhancer } = useContext(context);\n\n    const enhancer = useMemo(\n      () =>\n        // We are reversing because it is easier to read:\n        // - With reverse, [a, b, c] will become a(b(c(fn)))\n        // - Without reverse, [a, b, c] will become c(b(a(fn)))\n        applyMiddleware<[Request], ResultComponent<Props>, [Init]>(\n          ...[...patchedMiddleware, ...(parentEnhancer ? [() => parentEnhancer] : [])].reverse()\n        )(init as Init),\n      [init, middleware, parentEnhancer]\n    );\n\n    const useBuildComponentCallback = useCallback<UseBuildComponentCallback<Request, Props>>(\n      (request, options = {}) => enhancer(() => options.fallbackComponent)(request),\n      [enhancer]\n    );\n\n    const contextValue = useMemo<ProviderContext<Request, Props>>(\n      () => ({ enhancer, useBuildComponentCallback }),\n      [enhancer, useBuildComponentCallback]\n    );\n\n    return <context.Provider value={contextValue}>{children}</context.Provider>;\n  };\n\n  Provider.displayName = 'ChainOfResponsibilityProvider';\n  Provider.propTypes = {\n    children: PropTypes.any,\n    init: PropTypes.any,\n    middleware: PropTypes.any\n  };\n\n  const useBuildComponentCallback = () => useContext(context).useBuildComponentCallback;\n\n  const Proxy: ComponentType<ProxyProps<Request, Props>> = memo(\n    // False positive: \"children\" is not a prop.\n    // eslint-disable-next-line react/prop-types\n    ({ children, fallbackComponent, request, ...props }) => {\n      const enhancer = useBuildComponentCallback();\n      const Component = enhancer(request as Request, { fallbackComponent });\n\n      return Component ? <Component {...(props as Props)}>{children}</Component> : null;\n    }\n  );\n\n  Proxy.displayName = 'Proxy';\n  Proxy.propTypes = {\n    fallbackComponent: PropTypes.any,\n    request: PropTypes.any\n  };\n\n  return {\n    Provider,\n    Proxy,\n    types: {\n      init: undefined as unknown as Init,\n      middleware: undefined as unknown as ComponentMiddleware<Request, Props, Init>,\n      props: undefined as unknown as Props,\n      request: undefined as unknown as Request\n    },\n    useBuildComponentCallback\n  };\n}\n","import {\n  type ComponentClass,\n  type ComponentType,\n  type Consumer,\n  type Fragment,\n  type FunctionComponent,\n  type Provider\n} from 'react';\n\nfunction isConsumer(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is Consumer<unknown> {\n  return component?.$$typeof?.toString() === 'Symbol(react.context)';\n}\n\nfunction isProvider(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is Provider<unknown> {\n  return component?.$$typeof?.toString() === 'Symbol(react.provider)';\n}\n\nfunction isFragment(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is typeof Fragment {\n  return component?.toString() === 'Symbol(react.fragment)';\n}\n\nfunction isFunctionComponent(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is FunctionComponent {\n  if (typeof component === 'function') {\n    return true;\n  }\n\n  return isPureFunctionComponent(component);\n}\n\nfunction isPureFunctionComponent(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is FunctionComponent {\n  return component?.$$typeof?.toString() === 'Symbol(react.memo)' && isFunctionComponent(component.type);\n}\n\nfunction isComponentClass(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is ComponentClass {\n  return typeof component === 'object' && typeof component?.['render'] === 'function';\n}\n\n// There are no definitive ways to check if an object is a React component or not.\n// We are checking if the object has a render function (classic component).\n// Note: \"forwardRef()\" returns plain object, not class instance.\nexport default function isReactComponent(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is ComponentType {\n  return (\n    isFunctionComponent(component) ||\n    isComponentClass(component) ||\n    isFragment(component) ||\n    isConsumer(component) ||\n    isProvider(component)\n  );\n}\n","// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Fn<P extends any[], R> = (...args: P) => R;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Enhancer<P extends any[], R> = (next: Fn<P, R>) => Fn<P, R>;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport default function compose<P extends any[], R>(...fns: Enhancer<P, R>[]): Enhancer<P, R> {\n  return (fn: Fn<P, R>): Fn<P, R> => fns.reduce((chain, fn) => fn(chain), fn);\n}\n","import compose from './compose.ts';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Fn<P extends any[], R> = (...args: P) => R;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type Enhancer<P extends any[], R> = (next: Fn<P, R>) => Fn<P, R>;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type Middleware<P extends any[], R, S extends any[]> = (...init: S) => Enhancer<P, R>;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport default function applyMiddleware<P extends any[], R, S extends any[]>(\n  ...arrayOfMiddleware: Middleware<P, R, S>[]\n) {\n  return (...init: S) => {\n    const chain = arrayOfMiddleware.map(middleware => middleware(...init));\n\n    return compose(...chain);\n  };\n}\n"],"mappings":"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","names":["fn","options","middleware","init","enhancer","useBuildComponentCallback","React","PropTypes","Proxy"]}

package/dist/react-chain-of-responsibility.mjs

@@ -1,6 +1,6 @@
 import {
   createChainOfResponsibility
-} from "./chunk-5DXRTBGF.mjs";
+} from "./chunk-LQNXZPUH.mjs";
 export {
   createChainOfResponsibility
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-chain-of-responsibility",
-  "version": "0.2.0-main.a451930",
+  "version": "0.2.0-main.a5d8eb6",
   "description": "Using chain of responsibility design pattern for React component customization.",
   "files": [
     "./dist/"
@@ -31,12 +31,12 @@
   "typings": "./dist/react-chain-of-responsibility.d.ts",
   "scripts": {
     "build": "tsup",
-    "bump": "npm run bump:prod && npm run bump:dev && npm run bump:auditfix",
-    "bump:auditfix": "npm audit fix || exit 0",
-    "bump:dev": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '.localPeerDependencies // {} as $L | .devDependencies // {} | to_entries | map(select(.key as $K | $L | has($K) | not)) | map(.key + \"@latest\") | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install $PACKAGES_TO_BUMP || true",
-    "bump:prod": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '.localPeerDependencies // {} as $L | .dependencies // {} | to_entries | map(select(.key as $K | $L | has($K) | not)) | map(.key + \"@latest\") | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install $PACKAGES_TO_BUMP || true",
-    "precommit": "npm run precommit:eslint && npm run precommit:typescript:production && npm run precommit:typescript:test",
-    "precommit:eslint": "eslint ./src/",
+    "bump": "npm run bump:prod && npm run bump:dev",
+    "bump:dev": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localPeerDependencies // {}) as $L | (.devDependencies // {}) | to_entries | map(select(.key as $K | $L | has($K) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install $PACKAGES_TO_BUMP || true",
+    "bump:prod": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localPeerDependencies // {}) as $L | (.dependencies // {}) | to_entries | map(select(.key as $K | $L | has($K) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install $PACKAGES_TO_BUMP || true",
+    "precommit": "npm run precommit:eslint && npm run precommit:publint && npm run precommit:typescript:production && npm run precommit:typescript:test",
+    "precommit:eslint": "ESLINT_USE_FLAT_CONFIG=false eslint ./src/",
+    "precommit:publint": "publint",
     "precommit:typescript:production": "tsc --noEmit --project ./src/tsconfig.precommit.production.json",
     "precommit:typescript:test": "tsc --noEmit --project ./src/tsconfig.precommit.test.json",
     "prepack": "cp ../../CHANGELOG.md . && cp ../../LICENSE . && cp ../../README.md .",
@@ -62,6 +62,7 @@
     "devDependencies": {
       "@testing-library/react": "^12",
       "@types/react": "^16",
+      "@types/react-dom": "^16",
       "react": "16.8.0",
       "react-dom": "16.8.0",
       "react-test-renderer": "16.8.0"
@@ -71,6 +72,7 @@
     "devDependencies": {
       "@testing-library/react": "^12",
       "@types/react": "^17",
+      "@types/react-dom": "^17",
       "react": "17.0.0",
       "react-dom": "17.0.0",
       "react-test-renderer": "17.0.0"
@@ -79,39 +81,42 @@
   "switch:react-18": {
     "devDependencies": {
       "@types/react": "^18",
+      "@types/react-dom": "^18",
       "react": "18.0.0",
       "react-dom": "18.0.0",
       "react-test-renderer": "18.0.0"
     }
   },
   "devDependencies": {
-    "@babel/preset-env": "^7.24.6",
-    "@babel/preset-react": "^7.24.6",
-    "@babel/preset-typescript": "^7.24.6",
-    "@fluentui/react": "^8.118.5",
-    "@testing-library/react": "^15.0.7",
-    "@tsconfig/recommended": "^1.0.6",
+    "@babel/preset-env": "^7.25.8",
+    "@babel/preset-react": "^7.25.7",
+    "@babel/preset-typescript": "^7.25.7",
+    "@fluentui/react": "^8.121.4",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/react": "^16.0.1",
+    "@tsconfig/recommended": "^1.0.7",
     "@tsconfig/strictest": "^2.0.5",
-    "@types/jest": "^29.5.12",
-    "@types/node": "^20.12.12",
-    "@types/react": "^18.3.3",
-    "esbuild": "^0.21.3",
+    "@types/jest": "^29.5.13",
+    "@types/node": "^22.7.5",
+    "@types/react": "^18.3.11",
+    "esbuild": "^0.24.0",
     "escape-string-regexp": "^5.0.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "prettier": "^3.2.5",
+    "prettier": "^3.3.3",
+    "publint": "^0.2.11",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-test-renderer": "^18.3.1",
     "react-wrap-with": "^0.1.0",
-    "tsup": "^8.0.2",
-    "typescript": "^5.4.5"
+    "tsup": "^8.3.0",
+    "typescript": "^5.6.3"
   },
   "peerDependencies": {
     "react": ">=16.8.0"
   },
   "dependencies": {
     "prop-types": "^15.8.1",
-    "react-chain-of-responsibility": "^0.2.0-main.a451930"
+    "react-chain-of-responsibility": "^0.2.0-main.a5d8eb6"
   }
 }

package/dist/chunk-5DXRTBGF.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/createChainOfResponsibility.tsx","../src/isReactComponent.ts","../src/private/compose.ts","../src/private/applyMiddleware.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, {\n  createContext,\n  isValidElement,\n  memo,\n  useCallback,\n  useContext,\n  useMemo,\n  type ComponentType,\n  type PropsWithChildren\n} from 'react';\n\nimport isReactComponent from './isReactComponent';\nimport applyMiddleware from './private/applyMiddleware';\nimport { type ComponentMiddleware } from './types';\n\ntype UseBuildComponentCallbackOptions<Props> = { fallbackComponent?: ComponentType<Props> | false | null | undefined };\n\ntype UseBuildComponentCallback<Request, Props> = (\n  request: Request,\n  options?: UseBuildComponentCallbackOptions<Props>\n) => ComponentType<Props> | false | null | undefined;\n\ntype ProviderContext<Request, Props> = {\n  useBuildComponentCallback: UseBuildComponentCallback<Request, Props>;\n};\n\ntype ProviderProps<Request, Props, Init> = PropsWithChildren<{\n  middleware: readonly ComponentMiddleware<Request, Props, Init>[];\n}> &\n  (Init extends never | undefined ? { init?: Init } : { init: Init });\n\ntype ProxyProps<Request, Props> = PropsWithChildren<\n  Request extends never | undefined\n    ? Props & { fallbackComponent?: ComponentType<Props>; request?: Request }\n    : Props & { fallbackComponent?: ComponentType<Props>; request: Request }\n>;\n\ntype Options = {\n  /**\n   * Allows a middleware to pass another request object when calling its next middleware. Default is false.\n   *\n   * However, middleware could modify the request object before calling its next middleware. It is recommended\n   * to use Object.freeze() to prevent middleware from modifying the request object.\n   */\n  passModifiedRequest?: boolean;\n};\n\nexport default function createChainOfResponsibility<\n  Request = undefined,\n  Props = { children?: never },\n  Init = undefined\n>(\n  options: Options = {}\n): {\n  Provider: ComponentType<ProviderProps<Request, Props, Init>>;\n  Proxy: ComponentType<ProxyProps<Request, Props>>;\n  types: {\n    init: Init;\n    middleware: ComponentMiddleware<Request, Props, Init>;\n    props: Props;\n    request: Request;\n  };\n  useBuildComponentCallback: () => UseBuildComponentCallback<Request, Props>;\n} {\n  const context = createContext<ProviderContext<Request, Props>>({\n    get useBuildComponentCallback(): ProviderContext<Request, Props>['useBuildComponentCallback'] {\n      throw new Error('useBuildComponentCallback() hook cannot be used outside of its corresponding <Provider>');\n    }\n  });\n\n  const Provider: ComponentType<ProviderProps<Request, Props, Init>> = ({ children, init, middleware }) => {\n    // TODO: Related to https://github.com/microsoft/TypeScript/issues/17002.\n    //       typescript@5.2.2 has a bug, Array.isArray() is a type predicate but only works with mutable array, not readonly array.\n    //       After removing \"as unknown\", `middleware` on the next line become `any[]`.\n    if (!Array.isArray(middleware as unknown) || middleware.some(middleware => typeof middleware !== 'function')) {\n      throw new Error('middleware prop must be an array of functions');\n    }\n\n    const patchedMiddleware: readonly ComponentMiddleware<Request, Props, Init>[] = Object.freeze(\n      middleware\n        ? middleware.map(fn => (init: Init) => {\n            const enhancer = fn(init);\n\n            return (next: UseBuildComponentCallback<Request, Props>) => (originalRequest: Request) => {\n              // False positive: although we did not re-assign the variable from true, it was initialized as undefined.\n              // eslint-disable-next-line prefer-const\n              let hasReturned: boolean;\n\n              const returnValue = enhancer(nextRequest => {\n                if (hasReturned) {\n                  throw new Error('next() cannot be called after the function had returned synchronously');\n                }\n\n                !options.passModifiedRequest &&\n                  nextRequest !== originalRequest &&\n                  console.warn(\n                    'react-chain-of-responsibility: \"options.passModifiedRequest\" must be set to true to pass a different request object to next().'\n                  );\n\n                return next(options.passModifiedRequest ? nextRequest : originalRequest);\n              })(originalRequest);\n\n              hasReturned = true;\n\n              if (isValidElement(returnValue)) {\n                throw new Error('middleware must not return React element directly');\n              } else if (\n                returnValue !== false &&\n                returnValue !== null &&\n                typeof returnValue !== 'undefined' &&\n                !isReactComponent(returnValue)\n              ) {\n                throw new Error(\n                  'middleware must return false, null, undefined, function component, or class component'\n                );\n              }\n\n              return returnValue;\n            };\n          })\n        : []\n    );\n\n    const enhancer = useMemo(\n      () =>\n        // We are reversing because it is easier to read:\n        // - With reverse, [a, b, c] will become a(b(c(fn)))\n        // - Without reverse, [a, b, c] will become c(b(a(fn)))\n        applyMiddleware<[Request], ComponentType<Props> | false | null | undefined, [Init]>(\n          ...[...patchedMiddleware].reverse()\n        )(init as Init),\n      [init, middleware]\n    );\n\n    const useBuildComponentCallback = useCallback<UseBuildComponentCallback<Request, Props>>(\n      (request, options = {}) => enhancer(() => options.fallbackComponent)(request),\n      [enhancer]\n    );\n\n    const contextValue = useMemo<ProviderContext<Request, Props>>(\n      () => ({ useBuildComponentCallback }),\n      [useBuildComponentCallback]\n    );\n\n    return <context.Provider value={contextValue}>{children}</context.Provider>;\n  };\n\n  Provider.displayName = 'ChainOfResponsibilityProvider';\n  Provider.propTypes = {\n    children: PropTypes.any,\n    init: PropTypes.any,\n    middleware: PropTypes.any\n  };\n\n  const useBuildComponentCallback = () => useContext(context).useBuildComponentCallback;\n\n  const Proxy: ComponentType<ProxyProps<Request, Props>> = memo(\n    // False positive: \"children\" is not a prop.\n    // eslint-disable-next-line react/prop-types\n    ({ children, fallbackComponent, request, ...props }) => {\n      let enhancer: ReturnType<typeof useBuildComponentCallback>;\n\n      try {\n        enhancer = useBuildComponentCallback();\n      } catch {\n        throw new Error('<Proxy> cannot be used outside of its corresponding <Provider>');\n      }\n\n      const Component = enhancer(request as Request, { fallbackComponent });\n\n      return Component ? <Component {...(props as Props)}>{children}</Component> : null;\n    }\n  );\n\n  Proxy.displayName = 'Proxy';\n  Proxy.propTypes = {\n    fallbackComponent: PropTypes.any,\n    request: PropTypes.any\n  };\n\n  return {\n    Provider,\n    Proxy,\n    types: {\n      init: undefined as unknown as Init,\n      middleware: undefined as unknown as ComponentMiddleware<Request, Props, Init>,\n      props: undefined as unknown as Props,\n      request: undefined as unknown as Request\n    },\n    useBuildComponentCallback\n  };\n}\n","import {\n  type ComponentClass,\n  type ComponentType,\n  type Consumer,\n  type Fragment,\n  type FunctionComponent,\n  type Provider\n} from 'react';\n\nfunction isConsumer(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is Consumer<unknown> {\n  return component?.$$typeof?.toString() === 'Symbol(react.context)';\n}\n\nfunction isProvider(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is Provider<unknown> {\n  return component?.$$typeof?.toString() === 'Symbol(react.provider)';\n}\n\nfunction isFragment(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is typeof Fragment {\n  return component?.toString() === 'Symbol(react.fragment)';\n}\n\nfunction isFunctionComponent(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is FunctionComponent {\n  if (typeof component === 'function') {\n    return true;\n  }\n\n  return isPureFunctionComponent(component);\n}\n\nfunction isPureFunctionComponent(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is FunctionComponent {\n  return component?.$$typeof?.toString() === 'Symbol(react.memo)' && isFunctionComponent(component.type);\n}\n\nfunction isComponentClass(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is ComponentClass {\n  return typeof component === 'object' && typeof component?.['render'] === 'function';\n}\n\n// There are no definitive ways to check if an object is a React component or not.\n// We are checking if the object has a render function (classic component).\n// Note: \"forwardRef()\" returns plain object, not class instance.\nexport default function isReactComponent(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is ComponentType {\n  return (\n    isFunctionComponent(component) ||\n    isComponentClass(component) ||\n    isFragment(component) ||\n    isConsumer(component) ||\n    isProvider(component)\n  );\n}\n","// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Fn<P extends any[], R> = (...args: P) => R;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Enhancer<P extends any[], R> = (next: Fn<P, R>) => Fn<P, R>;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport default function compose<P extends any[], R>(...fns: Enhancer<P, R>[]): Enhancer<P, R> {\n  return (fn: Fn<P, R>): Fn<P, R> => fns.reduce((chain, fn) => fn(chain), fn);\n}\n","import compose from './compose';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Fn<P extends any[], R> = (...args: P) => R;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type Enhancer<P extends any[], R> = (next: Fn<P, R>) => Fn<P, R>;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type Middleware<P extends any[], R, S extends any[]> = (...init: S) => Enhancer<P, R>;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport default function applyMiddleware<P extends any[], R, S extends any[]>(\n  ...arrayOfMiddleware: Middleware<P, R, S>[]\n) {\n  return (...init: S) => {\n    const chain = arrayOfMiddleware.map(middleware => middleware(...init));\n\n    return compose(...chain);\n  };\n}\n"],"mappings":"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","names":["fn","middleware","init","enhancer","useBuildComponentCallback","options"]}