ditox-react 3.1.0 → 3.3.0

package/dist/esm/DependencyContainer.js

@@ -1,73 +0,0 @@
-import { createContainer } from 'ditox';
-import React, { createContext, useContext, useEffect, useMemo, } from 'react';
-export const DependencyContainerContext = createContext(undefined);
-/**
- * Provides a new dependency container to React app
- *
- * This component creates a new container and provides it down to React children.
- *
- * If `binder` callback is specified, it will be called for a new container
- * to binds it with dependencies.
- *
- * If a parent container is exist, it is connected to the current one by default.
- * For making a new root container specify `root` parameter as `true`,
- * and the container will not depend on any parent container.
- *
- * @param params.binder - A callback which setup bindings to the container.
- * @param params.root - If `true` then a new container does not depend on any parent containers
- *
- * @example
- *
- * ```tsx
- * const TOKEN = token();
- *
- * function appDependencyBinder(container: Container) {
- *   container.bindValue(TOKEN, 'value');
- * }
- *
- * function App() {
- *   return (
- *     <DependencyContainer root binder={appDependencyBinder}>
- *       <NestedComponent />
- *     </DependencyContainer>
- *   );
- * }
- * ```
- *
- */
-export function DependencyContainer(params) {
-    const { children, root, binder } = params;
-    const parentContainer = useContext(DependencyContainerContext);
-    const container = useMemo(() => {
-        const container = createContainer(root ? undefined : parentContainer);
-        binder === null || binder === void 0 ? void 0 : binder(container);
-        return container;
-    }, [binder, parentContainer, root]);
-    useEffect(() => {
-        return () => container.removeAll();
-    }, [container]);
-    return (React.createElement(DependencyContainerContext.Provider, { value: container }, children));
-}
-/**
- * Provides a custom dependency container to React app
- *
- * @param params.container - a custom container
- *
- * @example
- * ```tsx
- * const container = useMemo(() => {
- *   return createContainer();
- * }
- *
- * return (
- *   <CustomDependencyContainer container={container}>
- *     {children}
- *   </CustomDependencyContainer>
- * );
- * ```
- */
-export function CustomDependencyContainer(params) {
-    const { children, container } = params;
-    return (React.createElement(DependencyContainerContext.Provider, { value: container }, children));
-}
-//# sourceMappingURL=DependencyContainer.js.map

package/dist/esm/DependencyContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DependencyContainer.js","sourceRoot":"","sources":["../../src/DependencyContainer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,eAAe,EAAC,MAAM,OAAO,CAAC;AACtC,OAAO,KAAK,EAAE,EACZ,aAAa,EAGb,UAAU,EACV,SAAS,EACT,OAAO,GACR,MAAM,OAAO,CAAC;AAEf,MAAM,CAAC,MAAM,0BAA0B,GAAG,aAAa,CACrD,SAAS,CACV,CAAC;AAkBF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,MAAM,UAAU,mBAAmB,CACjC,MAAiC;IAEjC,MAAM,EAAC,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAC,GAAG,MAAM,CAAC;IACxC,MAAM,eAAe,GAAG,UAAU,CAAC,0BAA0B,CAAC,CAAC;IAE/D,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,MAAM,SAAS,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;QACtE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,SAAS,CAAC,CAAC;QAEpB,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,EAAE,IAAI,CAAC,CAAC,CAAC;IAEpC,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,EAAE,CAAC;IACrC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL,oBAAC,0BAA0B,CAAC,QAAQ,IAAC,KAAK,EAAE,SAAS,IAClD,QAAQ,CAC2B,CACvC,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,UAAU,yBAAyB,CAAC,MAGzC;IACC,MAAM,EAAC,QAAQ,EAAE,SAAS,EAAC,GAAG,MAAM,CAAC;IAErC,OAAO,CACL,oBAAC,0BAA0B,CAAC,QAAQ,IAAC,KAAK,EAAE,SAAS,IAClD,QAAQ,CAC2B,CACvC,CAAC;AACJ,CAAC"}

package/dist/esm/DependencyModule.d.ts

@@ -1,29 +0,0 @@
-import type { Module, ModuleDeclaration } from 'ditox';
-import { ReactElement, ReactNode } from 'react';
-/**
- * Binds the module to a new dependency container.
- *
- * If a parent container is exist, it is connected to the current one by default.
- *
- * @param params.module - Module declaration for binding
- * @param params.scope - Optional scope for binding: `singleton` (default) or `scoped`.
- *
- * @example
- *
- * ```tsx
- * const LOGGER_MODULE: ModuleDeclaration<LoggerModule> = {
- *
- * function App() {
- *   return (
- *     <DependencyModule module={LOGGER_MODULE}>
- *       <NestedComponent />
- *     </DependencyModule>
- *   );
- * }
- * ```
- */
-export declare function DependencyModule(params: {
-    children: ReactNode;
-    module: ModuleDeclaration<Module<Record<string, unknown>>>;
-    scope?: 'scoped' | 'singleton';
-}): ReactElement;

package/dist/esm/DependencyModule.js

@@ -1,31 +0,0 @@
-import { bindModule } from 'ditox';
-import React, { useCallback } from 'react';
-import { DependencyContainer, } from './DependencyContainer';
-/**
- * Binds the module to a new dependency container.
- *
- * If a parent container is exist, it is connected to the current one by default.
- *
- * @param params.module - Module declaration for binding
- * @param params.scope - Optional scope for binding: `singleton` (default) or `scoped`.
- *
- * @example
- *
- * ```tsx
- * const LOGGER_MODULE: ModuleDeclaration<LoggerModule> = {
- *
- * function App() {
- *   return (
- *     <DependencyModule module={LOGGER_MODULE}>
- *       <NestedComponent />
- *     </DependencyModule>
- *   );
- * }
- * ```
- */
-export function DependencyModule(params) {
-    const { children, module, scope } = params;
-    const binder = useCallback((container) => bindModule(container, module, { scope }), [module, scope]);
-    return React.createElement(DependencyContainer, { binder: binder }, children);
-}
-//# sourceMappingURL=DependencyModule.js.map

package/dist/esm/DependencyModule.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DependencyModule.js","sourceRoot":"","sources":["../../src/DependencyModule.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,UAAU,EAAC,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,EAAE,EAA0B,WAAW,EAAC,MAAM,OAAO,CAAC;AAClE,OAAO,EACL,mBAAmB,GAEpB,MAAM,uBAAuB,CAAC;AAE/B;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,UAAU,gBAAgB,CAAC,MAIhC;IACC,MAAM,EAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAC,GAAG,MAAM,CAAC;IAEzC,MAAM,MAAM,GAA8B,WAAW,CACnD,CAAC,SAAS,EAAE,EAAE,CAAC,UAAU,CAAC,SAAS,EAAE,MAAM,EAAE,EAAC,KAAK,EAAC,CAAC,EACrD,CAAC,MAAM,EAAE,KAAK,CAAC,CAChB,CAAC;IAEF,OAAO,oBAAC,mBAAmB,IAAC,MAAM,EAAE,MAAM,IAAG,QAAQ,CAAuB,CAAC;AAC/E,CAAC"}

package/dist/esm/hooks.d.ts

@@ -1,25 +0,0 @@
-import { Container, Token } from 'ditox';
-/**
- * @category Hook
- *
- * Returns a dependency container. Throws an error in case the container is not provided.
- */
-export declare function useDependencyContainer(mode: 'strict'): Container;
-/**
- * @category Hook
- *
- * Returns a dependency container, or `undefined` in case the container is not provided.
- */
-export declare function useDependencyContainer(mode?: 'optional'): Container | undefined;
-/**
- * @category Hook
- *
- * Returns a dependency by token, or fails with an error.
- */
-export declare function useDependency<T>(token: Token<T>): T;
-/**
- * @category Hook
- *
- * Returns a dependency by token, or `undefined` in case the dependency is not provided.
- */
-export declare function useOptionalDependency<T>(token: Token<T>): T | undefined;

package/dist/esm/hooks.js

@@ -1,33 +0,0 @@
-import { useContext, useMemo } from 'react';
-import { DependencyContainerContext } from './DependencyContainer';
-/**
- * @internal
- */
-export function useDependencyContainer(mode) {
-    const container = useContext(DependencyContainerContext);
-    if (!container && mode === 'strict') {
-        throw new Error('Container is not provided by DependencyContainer component');
-    }
-    return container;
-}
-/**
- * @category Hook
- *
- * Returns a dependency by token, or fails with an error.
- */
-export function useDependency(token) {
-    const container = useDependencyContainer('strict');
-    const value = useMemo(() => container.resolve(token), [container, token]);
-    return value;
-}
-/**
- * @category Hook
- *
- * Returns a dependency by token, or `undefined` in case the dependency is not provided.
- */
-export function useOptionalDependency(token) {
-    const container = useDependencyContainer();
-    const value = useMemo(() => container === null || container === void 0 ? void 0 : container.get(token), [container, token]);
-    return value;
-}
-//# sourceMappingURL=hooks.js.map

package/dist/esm/hooks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../src/hooks.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,UAAU,EAAE,OAAO,EAAC,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAC,0BAA0B,EAAC,MAAM,uBAAuB,CAAC;AAgBjE;;GAEG;AACH,MAAM,UAAU,sBAAsB,CACpC,IAA4B;IAE5B,MAAM,SAAS,GAAG,UAAU,CAAC,0BAA0B,CAAC,CAAC;IAEzD,IAAI,CAAC,SAAS,IAAI,IAAI,KAAK,QAAQ,EAAE;QACnC,MAAM,IAAI,KAAK,CACb,4DAA4D,CAC7D,CAAC;KACH;IAED,OAAO,SAAS,CAAC;AACnB,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,aAAa,CAAI,KAAe;IAC9C,MAAM,SAAS,GAAG,sBAAsB,CAAC,QAAQ,CAAC,CAAC;IACnD,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC;IAC1E,OAAO,KAAK,CAAC;AACf,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,qBAAqB,CAAI,KAAe;IACtD,MAAM,SAAS,GAAG,sBAAsB,EAAE,CAAC;IAC3C,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC;IACvE,OAAO,KAAK,CAAC;AACf,CAAC"}

package/dist/esm/index.d.ts

@@ -1,4 +0,0 @@
-export type { DependencyContainerBinder, DependencyContainerParams, } from './DependencyContainer';
-export { CustomDependencyContainer, DependencyContainer, } from './DependencyContainer';
-export { useDependencyContainer, useDependency, useOptionalDependency, } from './hooks';
-export { DependencyModule } from './DependencyModule';

package/dist/esm/index.js

@@ -1,4 +0,0 @@
-export { CustomDependencyContainer, DependencyContainer, } from './DependencyContainer';
-export { useDependencyContainer, useDependency, useOptionalDependency, } from './hooks';
-export { DependencyModule } from './DependencyModule';
-//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,EACL,yBAAyB,EACzB,mBAAmB,GACpB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EACL,sBAAsB,EACtB,aAAa,EACb,qBAAqB,GACtB,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC"}

package/dist/umd/index.js

@@ -1,2 +0,0 @@
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("ditox"),require("react")):"function"==typeof define&&define.amd?define(["exports","ditox","react"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self).DitoxReact={},e.Ditox,e.React)}(this,(function(e,n,t){"use strict";var r=t.createContext(void 0);function o(e){var o=e.children,i=e.root,u=e.binder,c=t.useContext(r),d=t.useMemo((function(){var e=n.createContainer(i?void 0:c);return null==u||u(e),e}),[u,c,i]);return t.useEffect((function(){return function(){return d.removeAll()}}),[d]),t.createElement(r.Provider,{value:d},o)}function i(e){var n=t.useContext(r);if(!n&&"strict"===e)throw new Error("Container is not provided by DependencyContainer component");return n}e.CustomDependencyContainer=function(e){var n=e.children,o=e.container;return t.createElement(r.Provider,{value:o},n)},e.DependencyContainer=o,e.DependencyModule=function(e){var r=e.children,i=e.module,u=e.scope,c=t.useCallback((function(e){return n.bindModule(e,i,{scope:u})}),[i,u]);return t.createElement(o,{binder:c},r)},e.useDependency=function(e){var n=i("strict");return t.useMemo((function(){return n.resolve(e)}),[n,e])},e.useDependencyContainer=i,e.useOptionalDependency=function(e){var n=i();return t.useMemo((function(){return null==n?void 0:n.get(e)}),[n,e])}}));
-//# sourceMappingURL=index.js.map

package/dist/umd/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}