ditox-react 2.3.1 → 2.4.1

package/dist/browser/index.d.ts

@@ -50,6 +50,28 @@ type DependencyContainerParams = {
  *
  */
 declare function DependencyContainer(params: DependencyContainerParams): ReactElement;
+/**
+ * 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>
+ * );
+ * ```
+ */
+declare function CustomDependencyContainer(params: {
+    children: ReactNode;
+    container: Container;
+}): ReactElement;
 
 /**
  * @category Hook
@@ -104,4 +126,4 @@ declare function DependencyModule(params: {
     scope?: 'scoped' | 'singleton';
 }): ReactElement;
 
-export { DependencyContainer, DependencyContainerBinder, DependencyContainerParams, DependencyModule, useDependency, useDependencyContainer, useOptionalDependency };
+export { CustomDependencyContainer, DependencyContainer, DependencyContainerBinder, DependencyContainerParams, DependencyModule, useDependency, useDependencyContainer, useOptionalDependency };

package/dist/browser/index.js

@@ -1,2 +1,2 @@
-import{createContainer as r,bindModule as n}from"ditox";import e,{createContext as t,useContext as o,useMemo as i,useEffect as u,useCallback as c}from"react";var v=t(void 0);function f(n){var t=n.children,c=n.root,f=n.binder,a=o(v),d=i((function(){var n=r(c?void 0:a);return null==f||f(n),n}),[f,a,c]);return u((function(){return function(){return d.removeAll()}}),[d]),e.createElement(v.Provider,{value:d},t)}function a(r){var n=o(v);if(!n&&"strict"===r)throw new Error("Container is not provided by DependencyContainer component");return n}function d(r){var n=a("strict");return i((function(){return n.resolve(r)}),[n,r])}function l(r){var n=a();return i((function(){return null==n?void 0:n.get(r)}),[n,r])}function m(r){var t=r.children,o=r.module,i=r.scope,u=c((function(r){return n(r,o,{scope:i})}),[o,i]);return e.createElement(f,{binder:u},t)}export{f as DependencyContainer,m as DependencyModule,d as useDependency,a as useDependencyContainer,l as useOptionalDependency};
+import{createContainer as r,bindModule as n}from"ditox";import e,{createContext as t,useContext as o,useMemo as i,useEffect as u,useCallback as c}from"react";var v=t(void 0);function a(n){var t=n.children,c=n.root,a=n.binder,l=o(v),d=i((function(){var n=r(c?void 0:l);return null==a||a(n),n}),[a,l,c]);return u((function(){return function(){return d.removeAll()}}),[d]),e.createElement(v.Provider,{value:d},t)}function l(r){var n=r.children,t=r.container;return e.createElement(v.Provider,{value:t},n)}function d(r){var n=o(v);if(!n&&"strict"===r)throw new Error("Container is not provided by DependencyContainer component");return n}function f(r){var n=d("strict");return i((function(){return n.resolve(r)}),[n,r])}function m(r){var n=d();return i((function(){return null==n?void 0:n.get(r)}),[n,r])}function p(r){var t=r.children,o=r.module,i=r.scope,u=c((function(r){return n(r,o,{scope:i})}),[o,i]);return e.createElement(a,{binder:u},t)}export{l as CustomDependencyContainer,a as DependencyContainer,p as DependencyModule,f as useDependency,d as useDependencyContainer,m as useOptionalDependency};
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.d.ts

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

package/dist/cjs/index.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DependencyModule = exports.useOptionalDependency = exports.useDependency = exports.useDependencyContainer = exports.DependencyContainer = void 0;
+exports.DependencyModule = exports.useOptionalDependency = exports.useDependency = exports.useDependencyContainer = exports.DependencyContainer = exports.CustomDependencyContainer = void 0;
 var DependencyContainer_1 = require("./DependencyContainer");
+Object.defineProperty(exports, "CustomDependencyContainer", { enumerable: true, get: function () { return DependencyContainer_1.CustomDependencyContainer; } });
 Object.defineProperty(exports, "DependencyContainer", { enumerable: true, get: function () { return DependencyContainer_1.DependencyContainer; } });
 var hooks_1 = require("./hooks");
 Object.defineProperty(exports, "useDependencyContainer", { enumerable: true, get: function () { return hooks_1.useDependencyContainer; } });

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAIA,6DAA0D;AAAlD,0HAAA,mBAAmB,OAAA;AAE3B,iCAIiB;AAHf,+GAAA,sBAAsB,OAAA;AACtB,sGAAA,aAAa,OAAA;AACb,8GAAA,qBAAqB,OAAA;AAGvB,uDAAoD;AAA5C,oHAAA,gBAAgB,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAIA,6DAG+B;AAF7B,gIAAA,yBAAyB,OAAA;AACzB,0HAAA,mBAAmB,OAAA;AAGrB,iCAIiB;AAHf,+GAAA,sBAAsB,OAAA;AACtB,sGAAA,aAAa,OAAA;AACb,8GAAA,qBAAqB,OAAA;AAGvB,uDAAoD;AAA5C,oHAAA,gBAAgB,OAAA"}

package/dist/esm/index.d.ts

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

package/dist/esm/index.js

@@ -1,4 +1,4 @@
-export { DependencyContainer } from './DependencyContainer';
+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 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAE1D,OAAO,EACL,sBAAsB,EACtB,aAAa,EACb,qBAAqB,GACtB,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC"}
+{"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.d.ts

@@ -50,6 +50,28 @@ type DependencyContainerParams = {
  *
  */
 declare function DependencyContainer(params: DependencyContainerParams): ReactElement;
+/**
+ * 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>
+ * );
+ * ```
+ */
+declare function CustomDependencyContainer(params: {
+    children: ReactNode;
+    container: Container;
+}): ReactElement;
 
 /**
  * @category Hook
@@ -104,4 +126,4 @@ declare function DependencyModule(params: {
     scope?: 'scoped' | 'singleton';
 }): ReactElement;
 
-export { DependencyContainer, DependencyContainerBinder, DependencyContainerParams, DependencyModule, useDependency, useDependencyContainer, useOptionalDependency };
+export { CustomDependencyContainer, DependencyContainer, DependencyContainerBinder, DependencyContainerParams, DependencyModule, useDependency, useDependencyContainer, useOptionalDependency };

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";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])}}));
+!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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ditox-react",
-  "version": "2.3.1",
+  "version": "2.4.1",
   "description": "Dependency injection container for React.js",
   "publishConfig": {
     "access": "public"
@@ -57,7 +57,7 @@
     "typedoc": "typedoc"
   },
   "dependencies": {
-    "ditox": "2.3.1"
+    "ditox": "2.4.1"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
@@ -69,5 +69,5 @@
     "react-dom": "18.2.0",
     "react-test-renderer": "18.2.0"
   },
-  "gitHead": "1e10e32350931dba38acc4d00b2cc1cd6d5cffb5"
+  "gitHead": "e9c66f51c861a7598ab73415d7b2041700bc6d69"
 }

package/src/index.ts

@@ -2,7 +2,10 @@ export type {
   DependencyContainerBinder,
   DependencyContainerParams,
 } from './DependencyContainer';
-export {DependencyContainer} from './DependencyContainer';
+export {
+  CustomDependencyContainer,
+  DependencyContainer,
+} from './DependencyContainer';
 
 export {
   useDependencyContainer,