ditox-react 2.2.0 → 2.3.1

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2021 Mikhail Nasyrov
+Copyright (c) 2023 Mikhail Nasyrov
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -1,81 +1,72 @@
-# ditox-react
+# ditox-react package
 
 <img alt="lemon" src="https://raw.githubusercontent.com/mnasyrov/ditox/master/lemon.svg" width="120" />
 
-React.js tooling for [Ditox.js](https://github.com/mnasyrov/ditox) DI container.
+**Dependency injection container for React.js**
 
-[![npm](https://img.shields.io/npm/v/ditox.svg)](https://www.npmjs.com/package/ditox)
-[![downloads](https://img.shields.io/npm/dt/ditox.svg)](https://www.npmjs.com/package/ditox)
-[![types](https://img.shields.io/npm/types/ditox.svg)](https://www.npmjs.com/package/ditox)
-[![licence](https://img.shields.io/github/license/mnasyrov/ditox.svg)](https://github.com/mnasyrov/ditox/blob/master/LICENSE)
-[![Coverage Status](https://coveralls.io/repos/github/mnasyrov/ditox/badge.svg)](https://coveralls.io/github/mnasyrov/ditox)
+Please see the documentation at [ditox.js.org](https://ditox.js.org)
 
-## Table of Contents
-
-<!-- toc -->
-
-- [Features](#features)
-- [Installation](#installation)
-- [Usage](#usage)
-- [Dependency modules](#dependency-modules)
-- [API References](#api-references)
-
-<!-- tocstop -->
-
-## Features
-
-- Simple and functional API
-- Container hierarchy
-- Scoped containers
-- Multi-value tokens
-- Typescript typings
-- Supports Node.js, Deno and browsers
+[![npm](https://img.shields.io/npm/v/ditox)](https://www.npmjs.com/package/ditox)
+[![stars](https://img.shields.io/github/stars/mnasyrov/ditox)](https://github.com/mnasyrov/ditox/stargazers)
+[![types](https://img.shields.io/npm/types/ditox)](https://www.npmjs.com/package/ditox)
+[![licence](https://img.shields.io/github/license/mnasyrov/ditox)](https://github.com/mnasyrov/ditox/blob/master/LICENSE)
+[![coverage](https://coveralls.io/repos/github/mnasyrov/ditox/badge)](https://coveralls.io/github/mnasyrov/ditox)
 
 ## Installation
 
-Install with `npm`
+You can use the following command to install this package:
 
+```shell
+npm install --save ditox-react
 ```
-npm install ditox ditox-react --save
-```
-
-Or `yarn`
 
-```
-yarn add ditox ditox-react
+The packages can be used as [UMD](https://github.com/umdjs/umd) modules. Use
+[jsdelivr.com](https://jsdelivr.com) CDN site to load
+[ditox](https://www.jsdelivr.com/package/npm/ditox) and
+[ditox-react](https://www.jsdelivr.com/package/npm/ditox-react):
+
+```html
+<script src="//cdn.jsdelivr.net/npm/ditox/dist/umd/index.js" />
+<script src="//cdn.jsdelivr.net/npm/ditox-react@2.3.0/dist/umd/index.js" />
+<script>
+  const container = Ditox.createContainer();
+  // DitoxReact.useDependency(SOME_TOKEN);
+</script>
 ```
 
-## Usage
+## Overview
 
-`ditox-react` is a set of helpers for providing and using a dependency container in React apps:
+`ditox-react` is a set of helpers for providing and using a dependency container
+in React apps:
 
 - Components:
-  - `DepencencyContainer` - provides a new or existed container to React components.
+  - `DepencencyContainer` - provides a new or existed container to React
+    components.
   - `DepencencyModule` - binds a dependency module to a new container.
   - `CustomDepencencyContainer` - provides an existed dependency container.
 - Hooks:
   - `useDependencyContainer()` - returns a provided dependency container.
-  - `useDependency()` - returns a resolved value by a specified token. It throws an error in case a container or value is not found.
-  - `useOptionalDependency()` - returns a resolved value by a specified token, or returns `undefined` in case a container or value is not found.
+  - `useDependency()` - returns a resolved value by a specified token. It throws
+    an error in case a container or value is not found.
+  - `useOptionalDependency()` - returns a resolved value by a specified token,
+    or returns `undefined` in case a container or value is not found.
 
-Examples:
+## Usage Examples
 
 ```jsx
 import {token} from 'ditox';
 import {
   DependencyContainer,
-  DependencyModule,
   useDependency,
   useDependencyContainer,
   useOptionalDependency,
 } from 'ditox-react';
-import {LOGGER_MODULE} from './logger';
 
-const FOO = token();
-const BAR = token();
+const FOO_TOKEN = token();
+const BAR_TOKEN = token();
 
 function appDependencyBinder(container) {
-  container.bindValue(FOO, 'foo');
+  container.bindValue(FOO_TOKEN, 'foo');
 }
 
 function App() {
@@ -91,10 +82,10 @@ function NestedComponent() {
   const container = useDependencyContainer();
 
   // Use a resolved value
-  const foo = useDependency(FOO);
+  const foo = useDependency(FOO_TOKEN);
 
   // Use an optional value. It is not provided in this example.
-  const bar = useOptionalDependency(BAR);
+  const bar = useOptionalDependency(BAR_TOKEN);
 
   useEffect(() => {
     console.log({foo, bar}); // {foo: 'foo', bar: undefined}
@@ -104,9 +95,10 @@ function NestedComponent() {
 }
 ```
 
-## Dependency modules
+## Dependency Modules
 
-Dependency modules can be provided to the app with `<DependencyModule />` component:
+Dependency modules can be provided to the app with `<DependencyModule />`
+component:
 
 ```tsx
 function App() {
@@ -118,11 +110,7 @@ function App() {
 }
 ```
 
-## API References
-
-- [`ditox`](https://github.com/mnasyrov/ditox/tree/master/packages/ditox#readme)
-- [`ditox-react`](./docs)
-
 ---
 
-&copy; 2020-2021 [Mikhail Nasyrov](https://github.com/mnasyrov), [MIT license](./LICENSE)
+This project is licensed under the
+[MIT license](https://github.com/mnasyrov/ditox/blob/master/LICENSE).

package/dist/browser/index.d.ts

@@ -4,20 +4,18 @@ import { ReactNode, ReactElement } from 'react';
 /**
  * A callback for binding dependencies to a container
  */
-declare type DependencyContainerBinder = (container: Container) => unknown;
+type DependencyContainerBinder = (container: Container) => unknown;
 /**
  * Specifies an existed container or options for a new container:
  * @property binder - A callback which setup bindings to the container.
  * @property root - If `true` then a new container does not depend on any parent containers
  */
-declare type DependencyContainerParams = {
+type DependencyContainerParams = {
     children: ReactNode;
     root?: boolean;
     binder?: DependencyContainerBinder;
 };
 /**
- * @category Component
- *
  * Provides a new dependency container to React app
  *
  * This component creates a new container and provides it down to React children.
@@ -79,8 +77,6 @@ declare function useDependency<T>(token: Token<T>): T;
 declare function useOptionalDependency<T>(token: Token<T>): T | undefined;
 
 /**
- * @category Component
- *
  * Binds the module to a new dependency container.
  *
  * If a parent container is exist, it is connected to the current one by default.

package/dist/browser/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/DependencyContainer.tsx","../../src/hooks.ts","../../src/DependencyModule.tsx"],"sourcesContent":[null,null,null],"names":["DependencyContainerContext","createContext","undefined","DependencyContainer","params","children","root","binder","parentContainer","useContext","container","useMemo","createContainer","useEffect","removeAll","React","Provider","value","useDependencyContainer","mode","Error","useDependency","token","resolve","useOptionalDependency","get","DependencyModule","module","scope","useCallback","bindModule"],"mappings":"8JAWO,IAAMA,EAA6BC,OACxCC,YAuDcC,EACdC,GAEO,IAAAC,EAA0BD,WAAhBE,EAAgBF,OAAVG,EAAUH,SAC3BI,EAAkBC,EAAWT,GAE7BU,EAAYC,GAAQ,WACxB,IAAMD,EAAYE,EAAgBN,OAAOJ,EAAYM,GAGrD,OAFAD,MAAAA,GAAAA,EAASG,GAEFA,IACN,CAACH,EAAQC,EAAiBF,IAM7B,OAJAO,GAAU,WACR,OAAO,WAAM,OAAAH,EAAUI,eACtB,CAACJ,IAGFK,gBAACf,EAA2BgB,UAASC,MAAOP,GACzCL,YCjESa,EACdC,GAEA,IAAMT,EAAYD,EAAWT,GAE7B,IAAKU,GAAsB,WAATS,EAChB,MAAM,IAAIC,MACR,8DAIJ,OAAOV,WAQOW,EAAiBC,GAC/B,IAAMZ,EAAYQ,EAAuB,UAEzC,OADcP,GAAQ,WAAM,OAAAD,EAAUa,QAAQD,KAAQ,CAACZ,EAAWY,aASpDE,EAAyBF,GACvC,IAAMZ,EAAYQ,IAElB,OADcP,GAAQ,WAAM,OAAAD,MAAAA,SAAAA,EAAWe,IAAIH,KAAQ,CAACZ,EAAWY,aCrBjDI,EAAiBtB,GAKxB,IAAAC,EAA2BD,WAAjBuB,EAAiBvB,SAATwB,EAASxB,QAE5BG,EAAoCsB,GACxC,SAACnB,GAAc,OAAAoB,EAAWpB,EAAWiB,EAAQ,CAACC,YAC9C,CAACD,EAAQC,IAGX,OAAOb,gBAACZ,GAAoBI,OAAQA,GAASF"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/cjs/DependencyContainer.d.ts

@@ -4,20 +4,18 @@ export declare const DependencyContainerContext: React.Context<Container | undef
 /**
  * A callback for binding dependencies to a container
  */
-export declare type DependencyContainerBinder = (container: Container) => unknown;
+export type DependencyContainerBinder = (container: Container) => unknown;
 /**
  * Specifies an existed container or options for a new container:
  * @property binder - A callback which setup bindings to the container.
  * @property root - If `true` then a new container does not depend on any parent containers
  */
-export declare type DependencyContainerParams = {
+export type DependencyContainerParams = {
     children: ReactNode;
     root?: boolean;
     binder?: DependencyContainerBinder;
 };
 /**
- * @category Component
- *
  * Provides a new dependency container to React app
  *
  * This component creates a new container and provides it down to React children.
@@ -53,8 +51,6 @@ export declare type DependencyContainerParams = {
  */
 export declare function DependencyContainer(params: DependencyContainerParams): ReactElement;
 /**
- * @category Component
- *
  * Provides a custom dependency container to React app
  *
  * @param params.container - a custom container

package/dist/cjs/DependencyContainer.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -24,8 +28,6 @@ const ditox_1 = require("ditox");
 const react_1 = __importStar(require("react"));
 exports.DependencyContainerContext = (0, react_1.createContext)(undefined);
 /**
- * @category Component
- *
  * Provides a new dependency container to React app
  *
  * This component creates a new container and provides it down to React children.
@@ -74,8 +76,6 @@ function DependencyContainer(params) {
 }
 exports.DependencyContainer = DependencyContainer;
 /**
- * @category Component
- *
  * Provides a custom dependency container to React app
  *
  * @param params.container - a custom container

package/dist/cjs/DependencyContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"DependencyContainer.js","sourceRoot":"","sources":["../../src/DependencyContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AACA,iCAAsC;AACtC,+CAOe;AAEF,QAAA,0BAA0B,GAAG,IAAA,qBAAa,EACrD,SAAS,CACV,CAAC;AAkBF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,SAAgB,mBAAmB,CACjC,MAAiC;IAEjC,MAAM,EAAC,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAC,GAAG,MAAM,CAAC;IACxC,MAAM,eAAe,GAAG,IAAA,kBAAU,EAAC,kCAA0B,CAAC,CAAC;IAE/D,MAAM,SAAS,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC7B,MAAM,SAAS,GAAG,IAAA,uBAAe,EAAC,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,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,EAAE,CAAC;IACrC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL,8BAAC,kCAA0B,CAAC,QAAQ,IAAC,KAAK,EAAE,SAAS,IAClD,QAAQ,CAC2B,CACvC,CAAC;AACJ,CAAC;AAtBD,kDAsBC;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,SAAgB,yBAAyB,CAAC,MAGzC;IACC,MAAM,EAAC,QAAQ,EAAE,SAAS,EAAC,GAAG,MAAM,CAAC;IAErC,OAAO,CACL,8BAAC,kCAA0B,CAAC,QAAQ,IAAC,KAAK,EAAE,SAAS,IAClD,QAAQ,CAC2B,CACvC,CAAC;AACJ,CAAC;AAXD,8DAWC"}
+{"version":3,"file":"DependencyContainer.js","sourceRoot":"","sources":["../../src/DependencyContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,iCAAsC;AACtC,+CAOe;AAEF,QAAA,0BAA0B,GAAG,IAAA,qBAAa,EACrD,SAAS,CACV,CAAC;AAkBF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,SAAgB,mBAAmB,CACjC,MAAiC;IAEjC,MAAM,EAAC,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAC,GAAG,MAAM,CAAC;IACxC,MAAM,eAAe,GAAG,IAAA,kBAAU,EAAC,kCAA0B,CAAC,CAAC;IAE/D,MAAM,SAAS,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC7B,MAAM,SAAS,GAAG,IAAA,uBAAe,EAAC,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,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,EAAE,CAAC;IACrC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL,8BAAC,kCAA0B,CAAC,QAAQ,IAAC,KAAK,EAAE,SAAS,IAClD,QAAQ,CAC2B,CACvC,CAAC;AACJ,CAAC;AAtBD,kDAsBC;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,SAAgB,yBAAyB,CAAC,MAGzC;IACC,MAAM,EAAC,QAAQ,EAAE,SAAS,EAAC,GAAG,MAAM,CAAC;IAErC,OAAO,CACL,8BAAC,kCAA0B,CAAC,QAAQ,IAAC,KAAK,EAAE,SAAS,IAClD,QAAQ,CAC2B,CACvC,CAAC;AACJ,CAAC;AAXD,8DAWC"}

package/dist/cjs/DependencyModule.d.ts

@@ -1,8 +1,6 @@
 import type { Module, ModuleDeclaration } from 'ditox';
 import { ReactElement, ReactNode } from 'react';
 /**
- * @category Component
- *
  * Binds the module to a new dependency container.
  *
  * If a parent container is exist, it is connected to the current one by default.

package/dist/cjs/DependencyModule.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -24,8 +28,6 @@ const ditox_1 = require("ditox");
 const react_1 = __importStar(require("react"));
 const DependencyContainer_1 = require("./DependencyContainer");
 /**
- * @category Component
- *
  * Binds the module to a new dependency container.
  *
  * If a parent container is exist, it is connected to the current one by default.

package/dist/cjs/DependencyModule.js.map

@@ -1 +1 @@
-{"version":3,"file":"DependencyModule.js","sourceRoot":"","sources":["../../src/DependencyModule.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AACA,iCAAiC;AACjC,+CAAkE;AAClE,+DAG+B;AAE/B;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,SAAgB,gBAAgB,CAAC,MAIhC;IACC,MAAM,EAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAC,GAAG,MAAM,CAAC;IAEzC,MAAM,MAAM,GAA8B,IAAA,mBAAW,EACnD,CAAC,SAAS,EAAE,EAAE,CAAC,IAAA,kBAAU,EAAC,SAAS,EAAE,MAAM,EAAE,EAAC,KAAK,EAAC,CAAC,EACrD,CAAC,MAAM,EAAE,KAAK,CAAC,CAChB,CAAC;IAEF,OAAO,8BAAC,yCAAmB,IAAC,MAAM,EAAE,MAAM,IAAG,QAAQ,CAAuB,CAAC;AAC/E,CAAC;AAbD,4CAaC"}
+{"version":3,"file":"DependencyModule.js","sourceRoot":"","sources":["../../src/DependencyModule.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,iCAAiC;AACjC,+CAAkE;AAClE,+DAG+B;AAE/B;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,SAAgB,gBAAgB,CAAC,MAIhC;IACC,MAAM,EAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAC,GAAG,MAAM,CAAC;IAEzC,MAAM,MAAM,GAA8B,IAAA,mBAAW,EACnD,CAAC,SAAS,EAAE,EAAE,CAAC,IAAA,kBAAU,EAAC,SAAS,EAAE,MAAM,EAAE,EAAC,KAAK,EAAC,CAAC,EACrD,CAAC,MAAM,EAAE,KAAK,CAAC,CAChB,CAAC;IAEF,OAAO,8BAAC,yCAAmB,IAAC,MAAM,EAAE,MAAM,IAAG,QAAQ,CAAuB,CAAC;AAC/E,CAAC;AAbD,4CAaC"}

package/dist/esm/DependencyContainer.d.ts

@@ -4,20 +4,18 @@ export declare const DependencyContainerContext: React.Context<Container | undef
 /**
  * A callback for binding dependencies to a container
  */
-export declare type DependencyContainerBinder = (container: Container) => unknown;
+export type DependencyContainerBinder = (container: Container) => unknown;
 /**
  * Specifies an existed container or options for a new container:
  * @property binder - A callback which setup bindings to the container.
  * @property root - If `true` then a new container does not depend on any parent containers
  */
-export declare type DependencyContainerParams = {
+export type DependencyContainerParams = {
     children: ReactNode;
     root?: boolean;
     binder?: DependencyContainerBinder;
 };
 /**
- * @category Component
- *
  * Provides a new dependency container to React app
  *
  * This component creates a new container and provides it down to React children.
@@ -53,8 +51,6 @@ export declare type DependencyContainerParams = {
  */
 export declare function DependencyContainer(params: DependencyContainerParams): ReactElement;
 /**
- * @category Component
- *
  * Provides a custom dependency container to React app
  *
  * @param params.container - a custom container

package/dist/esm/DependencyContainer.js

@@ -2,8 +2,6 @@ import { createContainer } from 'ditox';
 import React, { createContext, useContext, useEffect, useMemo, } from 'react';
 export const DependencyContainerContext = createContext(undefined);
 /**
- * @category Component
- *
  * Provides a new dependency container to React app
  *
  * This component creates a new container and provides it down to React children.
@@ -51,8 +49,6 @@ export function DependencyContainer(params) {
     return (React.createElement(DependencyContainerContext.Provider, { value: container }, children));
 }
 /**
- * @category Component
- *
  * Provides a custom dependency container to React app
  *
  * @param params.container - a custom container

package/dist/esm/DependencyContainer.js.map

@@ -1 +1 @@
-{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;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;;;;;;;;;;;;;;;;;;;GAmBG;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"}
+{"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,8 +1,6 @@
 import type { Module, ModuleDeclaration } from 'ditox';
 import { ReactElement, ReactNode } from 'react';
 /**
- * @category Component
- *
  * Binds the module to a new dependency container.
  *
  * If a parent container is exist, it is connected to the current one by default.

package/dist/esm/DependencyModule.js

@@ -2,8 +2,6 @@ import { bindModule } from 'ditox';
 import React, { useCallback } from 'react';
 import { DependencyContainer, } from './DependencyContainer';
 /**
- * @category Component
- *
  * Binds the module to a new dependency container.
  *
  * If a parent container is exist, it is connected to the current one by default.

package/dist/esm/DependencyModule.js.map

@@ -1 +1 @@
-{"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;;;;;;;;;;;;;;;;;;;;;;;GAuBG;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"}
+{"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/umd/index.d.ts

@@ -4,20 +4,18 @@ import { ReactNode, ReactElement } from 'react';
 /**
  * A callback for binding dependencies to a container
  */
-declare type DependencyContainerBinder = (container: Container) => unknown;
+type DependencyContainerBinder = (container: Container) => unknown;
 /**
  * Specifies an existed container or options for a new container:
  * @property binder - A callback which setup bindings to the container.
  * @property root - If `true` then a new container does not depend on any parent containers
  */
-declare type DependencyContainerParams = {
+type DependencyContainerParams = {
     children: ReactNode;
     root?: boolean;
     binder?: DependencyContainerBinder;
 };
 /**
- * @category Component
- *
  * Provides a new dependency container to React app
  *
  * This component creates a new container and provides it down to React children.
@@ -79,8 +77,6 @@ declare function useDependency<T>(token: Token<T>): T;
 declare function useOptionalDependency<T>(token: Token<T>): T | undefined;
 
 /**
- * @category Component
- *
  * Binds the module to a new dependency container.
  *
  * If a parent container is exist, it is connected to the current one by default.

package/dist/umd/index.js

@@ -1,2 +1,2 @@
-!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";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(t),u=t.createContext(void 0);function i(e){var r=e.children,i=e.root,c=e.binder,d=t.useContext(u),f=t.useMemo((function(){var e=n.createContainer(i?void 0:d);return null==c||c(e),e}),[c,d,i]);return t.useEffect((function(){return function(){return f.removeAll()}}),[f]),o.default.createElement(u.Provider,{value:f},r)}function c(e){var n=t.useContext(u);if(!n&&"strict"===e)throw new Error("Container is not provided by DependencyContainer component");return n}e.DependencyContainer=i,e.DependencyModule=function(e){var r=e.children,u=e.module,c=e.scope,d=t.useCallback((function(e){return n.bindModule(e,u,{scope:c})}),[u,c]);return o.default.createElement(i,{binder:d},r)},e.useDependency=function(e){var n=c("strict");return t.useMemo((function(){return n.resolve(e)}),[n,e])},e.useDependencyContainer=c,e.useOptionalDependency=function(e){var n=c();return t.useMemo((function(){return null==n?void 0:n.get(e)}),[n,e])},Object.defineProperty(e,"__esModule",{value:!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.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 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/DependencyContainer.tsx","../../src/hooks.ts","../../src/DependencyModule.tsx"],"sourcesContent":[null,null,null],"names":["DependencyContainerContext","createContext","undefined","DependencyContainer","params","children","root","binder","parentContainer","useContext","container","useMemo","createContainer","useEffect","removeAll","React","Provider","value","useDependencyContainer","mode","Error","module","scope","useCallback","bindModule","token","resolve","get"],"mappings":"2YAWaA,EAA6BC,qBACxCC,YAuDcC,EACdC,GAEO,IAAAC,EAA0BD,WAAhBE,EAAgBF,OAAVG,EAAUH,SAC3BI,EAAkBC,aAAWT,GAE7BU,EAAYC,WAAQ,WACxB,IAAMD,EAAYE,kBAAgBN,OAAOJ,EAAYM,GAGrD,OAFAD,MAAAA,GAAAA,EAASG,GAEFA,IACN,CAACH,EAAQC,EAAiBF,IAM7B,OAJAO,aAAU,WACR,OAAO,WAAM,OAAAH,EAAUI,eACtB,CAACJ,IAGFK,wBAACf,EAA2BgB,UAASC,MAAOP,GACzCL,YCjESa,EACdC,GAEA,IAAMT,EAAYD,aAAWT,GAE7B,IAAKU,GAAsB,WAATS,EAChB,MAAM,IAAIC,MACR,8DAIJ,OAAOV,sDCAwBN,GAKxB,IAAAC,EAA2BD,WAAjBiB,EAAiBjB,SAATkB,EAASlB,QAE5BG,EAAoCgB,eACxC,SAACb,GAAc,OAAAc,aAAWd,EAAWW,EAAQ,CAACC,YAC9C,CAACD,EAAQC,IAGX,OAAOP,wBAACZ,GAAoBI,OAAQA,GAASF,6BDJdoB,GAC/B,IAAMf,EAAYQ,EAAuB,UAEzC,OADcP,WAAQ,WAAM,OAAAD,EAAUgB,QAAQD,KAAQ,CAACf,EAAWe,iEAS3BA,GACvC,IAAMf,EAAYQ,IAElB,OADcP,WAAQ,WAAM,OAAAD,MAAAA,SAAAA,EAAWiB,IAAIF,KAAQ,CAACf,EAAWe"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ditox-react",
-  "version": "2.2.0",
-  "description": "Ditox.js tooling for React.js",
+  "version": "2.3.1",
+  "description": "Dependency injection container for React.js",
   "publishConfig": {
     "access": "public"
   },
@@ -14,14 +14,19 @@
     "url": "https://github.com/mnasyrov/ditox.git"
   },
   "keywords": [
-    "dependency-injection",
+    "react",
+    "react.js",
+    "dependency container",
+    "dependency injection",
+    "typescript",
+    "javascript",
+    "npm",
     "dependency",
     "injection",
     "container",
+    "module",
     "ioc",
-    "di",
-    "ditox.js",
-    "react"
+    "di"
   ],
   "engines": {
     "node": ">=12"
@@ -48,21 +53,21 @@
     "build": "npm run build:cjs && npm run build:esm && npm run build:rollup",
     "build:cjs": "tsc -p tsconfig.build.json --outDir dist/cjs --module commonjs",
     "build:esm": "tsc -p tsconfig.build.json --outDir dist/esm --module es2015",
-    "build:rollup": "rollup -c"
+    "build:rollup": "rollup -c",
+    "typedoc": "typedoc"
   },
   "dependencies": {
-    "ditox": "2.2.0"
+    "ditox": "2.3.1"
   },
   "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0"
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
   },
   "devDependencies": {
-    "@testing-library/react": "12.1.2",
-    "@testing-library/react-hooks": "7.0.2",
-    "@types/react": "17.0.38",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
-    "react-test-renderer": "17.0.2"
+    "@testing-library/react": "13.4.0",
+    "@types/react": "18.0.26",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "react-test-renderer": "18.2.0"
   },
-  "gitHead": "f9d1e2d369a00fb12ad62cbb9aa6039104c4cbe3"
+  "gitHead": "1e10e32350931dba38acc4d00b2cc1cd6d5cffb5"
 }

package/src/DependencyContainer.test.tsx

@@ -2,8 +2,7 @@
  * @jest-environment jsdom
  */
 
-import {render} from '@testing-library/react';
-import {renderHook} from '@testing-library/react-hooks';
+import {render, renderHook} from '@testing-library/react';
 import {Container, createContainer, Token, token} from 'ditox';
 import React, {useEffect} from 'react';
 import {

package/src/DependencyContainer.tsx

@@ -30,8 +30,6 @@ export type DependencyContainerParams = {
 };
 
 /**
- * @category Component
- *
  * Provides a new dependency container to React app
  *
  * This component creates a new container and provides it down to React children.
@@ -90,8 +88,6 @@ export function DependencyContainer(
 }
 
 /**
- * @category Component
- *
  * Provides a custom dependency container to React app
  *
  * @param params.container - a custom container

package/src/DependencyModule.test.tsx

@@ -1,4 +1,4 @@
-import {renderHook} from '@testing-library/react-hooks';
+import {renderHook} from '@testing-library/react';
 import {
   bindModule,
   createContainer,

package/src/DependencyModule.tsx

@@ -7,8 +7,6 @@ import {
 } from './DependencyContainer';
 
 /**
- * @category Component
- *
  * Binds the module to a new dependency container.
  *
  * If a parent container is exist, it is connected to the current one by default.

package/src/hooks.test.tsx

@@ -1,4 +1,4 @@
-import {renderHook} from '@testing-library/react-hooks';
+import {renderHook} from '@testing-library/react';
 import {createContainer, token} from 'ditox';
 import React from 'react';
 import {CustomDependencyContainer} from './DependencyContainer';
@@ -8,6 +8,10 @@ import {
   useOptionalDependency,
 } from './hooks';
 
+beforeAll(() => {
+  jest.spyOn(console, 'error').mockImplementation();
+});
+
 describe('useDependencyContainer()', () => {
   it('should return a provided container in "strict" mode', () => {
     const container = createContainer();
@@ -24,11 +28,7 @@ describe('useDependencyContainer()', () => {
   });
 
   it('should throw an error in "strict" mode in case a container is not provided', () => {
-    const {result} = renderHook(() => useDependencyContainer('strict'));
-
-    expect(() => {
-      throw result.error;
-    }).toThrowError(
+    expect(() => renderHook(() => useDependencyContainer('strict'))).toThrow(
       'Container is not provided by DependencyContainer component',
     );
   });
@@ -73,11 +73,7 @@ describe('useDependency()', () => {
   it('should throw an error in case a container is not provided', () => {
     const TOKEN = token('token');
 
-    const {result} = renderHook(() => useDependency(TOKEN));
-
-    expect(() => {
-      throw result.error;
-    }).toThrowError(
+    expect(() => renderHook(() => useDependency(TOKEN))).toThrowError(
       'Container is not provided by DependencyContainer component',
     );
   });
@@ -86,16 +82,14 @@ describe('useDependency()', () => {
     const TOKEN = token('token');
     const container = createContainer();
 
-    const {result} = renderHook(() => useDependency(TOKEN), {
-      wrapper: ({children}) => (
-        <CustomDependencyContainer container={container}>
-          {children}
-        </CustomDependencyContainer>
-      ),
-    });
-
     expect(() => {
-      throw result.error;
+      renderHook(() => useDependency(TOKEN), {
+        wrapper: ({children}) => (
+          <CustomDependencyContainer container={container}>
+            {children}
+          </CustomDependencyContainer>
+        ),
+      });
     }).toThrowError('Token "token" is not provided');
   });
 });

package/docs/.nojekyll

@@ -1 +0,0 @@
-TypeDoc added this file to prevent GitHub Pages from using Jekyll. You can turn off this behavior by setting the `githubPages` option to false.

package/docs/README.md

@@ -1,297 +0,0 @@
-ditox-react
-
-# ditox-react
-
-## Table of contents
-
-### Type aliases
-
-- [DependencyContainerBinder](README.md#dependencycontainerbinder)
-- [DependencyContainerParams](README.md#dependencycontainerparams)
-
-### Component
-
-Binds the module to a new dependency container.
-
-If a parent container is exist, it is connected to the current one by default. Functions
-
-- [DependencyModule](README.md#dependencymodule)
-
-### Component
-
-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. Functions
-
-- [DependencyContainer](README.md#dependencycontainer)
-
-### Hook
-
-Returns a dependency by token, or `undefined` in case the dependency is not provided. Functions
-
-- [useOptionalDependency](README.md#useoptionaldependency)
-
-### Hook
-
-Returns a dependency by token, or fails with an error. Functions
-
-- [useDependency](README.md#usedependency)
-
-### Other Functions
-
-- [useDependencyContainer](README.md#usedependencycontainer)
-
-## Type aliases
-
-### DependencyContainerBinder
-
-Ƭ **DependencyContainerBinder**: (`container`: `Container`) => `unknown`
-
-#### Type declaration
-
-▸ (`container`): `unknown`
-
-A callback for binding dependencies to a container
-
-##### Parameters
-
-| Name | Type |
-| :------ | :------ |
-| `container` | `Container` |
-
-##### Returns
-
-`unknown`
-
-#### Defined in
-
-[DependencyContainer.tsx:19](https://github.com/mnasyrov/ditox/blob/a821171/packages/ditox-react/src/DependencyContainer.tsx#L19)
-
-___
-
-### DependencyContainerParams
-
-Ƭ **DependencyContainerParams**: `Object`
-
-Specifies an existed container or options for a new container:
-
-**`property`** binder - A callback which setup bindings to the container.
-
-**`property`** root - If `true` then a new container does not depend on any parent containers
-
-#### Type declaration
-
-| Name | Type |
-| :------ | :------ |
-| `binder?` | [`DependencyContainerBinder`](README.md#dependencycontainerbinder) |
-| `children` | `ReactNode` |
-| `root?` | `boolean` |
-
-#### Defined in
-
-[DependencyContainer.tsx:26](https://github.com/mnasyrov/ditox/blob/a821171/packages/ditox-react/src/DependencyContainer.tsx#L26)
-
-## Component
-
-Binds the module to a new dependency container.
-
-If a parent container is exist, it is connected to the current one by default. Functions
-
-### DependencyModule
-
-▸ **DependencyModule**(`params`): `ReactElement`
-
-**`example`**
-
-```tsx
-const LOGGER_MODULE: ModuleDeclaration<LoggerModule> = {
-
-function App() {
-  return (
-    <DependencyModule module={LOGGER_MODULE}>
-      <NestedComponent />
-    </DependencyModule>
-  );
-}
-```
-
-#### Parameters
-
-| Name | Type | Description |
-| :------ | :------ | :------ |
-| `params` | `Object` | - |
-| `params.children` | `ReactNode` | - |
-| `params.module` | `ModuleDeclaration`<`Module`<`Record`<`string`, `unknown`\>\>\> | Module declaration for binding |
-| `params.scope?` | ``"scoped"`` \| ``"singleton"`` | Optional scope for binding: `singleton` (default) or `scoped`. |
-
-#### Returns
-
-`ReactElement`
-
-#### Defined in
-
-[DependencyModule.tsx:33](https://github.com/mnasyrov/ditox/blob/a821171/packages/ditox-react/src/DependencyModule.tsx#L33)
-
-___
-
-## Component
-
-Provides a new dependency container to React app
-
-This component creates a new container and provides it down to React children.
-
-If &#x60;binder&#x60; 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 &#x60;root&#x60; parameter as &#x60;true&#x60;,
-and the container will not depend on any parent container. Functions
-
-### DependencyContainer
-
-▸ **DependencyContainer**(`params`): `ReactElement`
-
-**`example`**
-
-```tsx
-const TOKEN = token();
-
-function appDependencyBinder(container: Container) {
-  container.bindValue(TOKEN, 'value');
-}
-
-function App() {
-  return (
-    <DependencyContainer root binder={appDependencyBinder}>
-      <NestedComponent />
-    </DependencyContainer>
-  );
-}
-```
-
-#### Parameters
-
-| Name | Type |
-| :------ | :------ |
-| `params` | [`DependencyContainerParams`](README.md#dependencycontainerparams) |
-
-#### Returns
-
-`ReactElement`
-
-#### Defined in
-
-[DependencyContainer.tsx:68](https://github.com/mnasyrov/ditox/blob/a821171/packages/ditox-react/src/DependencyContainer.tsx#L68)
-
-___
-
-## Hook
-
-Returns a dependency by token, or &#x60;undefined&#x60; in case the dependency is not provided. Functions
-
-### useOptionalDependency
-
-▸ **useOptionalDependency**<`T`\>(`token`): `T` \| `undefined`
-
-#### Type parameters
-
-| Name |
-| :------ |
-| `T` |
-
-#### Parameters
-
-| Name | Type |
-| :------ | :------ |
-| `token` | `Token`<`T`\> |
-
-#### Returns
-
-`T` \| `undefined`
-
-#### Defined in
-
-[hooks.ts:52](https://github.com/mnasyrov/ditox/blob/a821171/packages/ditox-react/src/hooks.ts#L52)
-
-___
-
-## Hook
-
-Returns a dependency by token, or fails with an error. Functions
-
-### useDependency
-
-▸ **useDependency**<`T`\>(`token`): `T`
-
-#### Type parameters
-
-| Name |
-| :------ |
-| `T` |
-
-#### Parameters
-
-| Name | Type |
-| :------ | :------ |
-| `token` | `Token`<`T`\> |
-
-#### Returns
-
-`T`
-
-#### Defined in
-
-[hooks.ts:41](https://github.com/mnasyrov/ditox/blob/a821171/packages/ditox-react/src/hooks.ts#L41)
-
-___
-
-## Other Functions
-
-### useDependencyContainer
-
-▸ **useDependencyContainer**(`mode`): `Container`
-
-**`category`** Hook
-
-Returns a dependency container. Throws an error in case the container is not provided.
-
-#### Parameters
-
-| Name | Type |
-| :------ | :------ |
-| `mode` | ``"strict"`` |
-
-#### Returns
-
-`Container`
-
-#### Defined in
-
-[hooks.ts:10](https://github.com/mnasyrov/ditox/blob/a821171/packages/ditox-react/src/hooks.ts#L10)
-
-▸ **useDependencyContainer**(`mode?`): `Container` \| `undefined`
-
-**`category`** Hook
-
-Returns a dependency container, or `undefined` in case the container is not provided.
-
-#### Parameters
-
-| Name | Type |
-| :------ | :------ |
-| `mode?` | ``"optional"`` |
-
-#### Returns
-
-`Container` \| `undefined`
-
-#### Defined in
-
-[hooks.ts:16](https://github.com/mnasyrov/ditox/blob/a821171/packages/ditox-react/src/hooks.ts#L16)