@servicetitan/react-ioc 17.1.0 → 17.3.0

package/dist/await.d.ts

@@ -1,7 +1,7 @@
-import { FC } from 'react';
+import { FC, ReactNode } from 'react';
 export interface AwaitProps {
     promises: Promise<void>[];
-    fallback?: JSX.Element;
+    fallback?: NonNullable<ReactNode> | null;
 }
 export declare const Await: FC<AwaitProps>;
 //# sourceMappingURL=await.d.ts.map

package/dist/await.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"await.d.ts","sourceRoot":"","sources":["../src/await.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAyC,MAAM,OAAO,CAAC;AAElE,MAAM,WAAW,UAAU;IACvB,QAAQ,EAAE,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAkBhC,CAAC"}
+{"version":3,"file":"await.d.ts","sourceRoot":"","sources":["../src/await.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAsB,SAAS,EAAqB,MAAM,OAAO,CAAC;AAE7E,MAAM,WAAW,UAAU;IACvB,QAAQ,EAAE,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;CAC5C;AAED,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAkBhC,CAAC"}

package/dist/await.js.map

@@ -1 +1 @@
-{"version":3,"file":"await.js","sourceRoot":"","sources":["../src/await.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,iCAAkE;AAO3D,MAAM,KAAK,GAAmB,CAAC,EAAE,QAAQ,EAAE,QAAQ,GAAG,gEAAmB,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC5F,MAAM,IAAI,GAAG,IAAA,eAAO,EAChB,GAAG,EAAE,CACD,IAAA,YAAI,EAAK,GAAS,EAAE;QAChB,MAAM,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAE5B,OAAO;YACH,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,QAAwB;SACtD,CAAC;IACN,CAAC,CAAA,CAAC,EACN,CAAC,QAAQ,CAAC,CACb,CAAC;IAEF,OAAO,CACH,uBAAC,gBAAQ,kBAAC,QAAQ,EAAE,QAAQ,gBACxB,uBAAC,IAAI,cAAE,QAAQ,WAAQ,YAChB,CACd,CAAC;AACN,CAAC,CAAC;AAlBW,QAAA,KAAK,SAkBhB"}
+{"version":3,"file":"await.js","sourceRoot":"","sources":["../src/await.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,iCAA6E;AAOtE,MAAM,KAAK,GAAmB,CAAC,EAAE,QAAQ,EAAE,QAAQ,GAAG,gEAAmB,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC5F,MAAM,IAAI,GAAG,IAAA,eAAO,EAChB,GAAG,EAAE,CACD,IAAA,YAAI,EAAK,GAAS,EAAE;QAChB,MAAM,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAE5B,OAAO;YACH,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,QAAwB;SACtD,CAAC;IACN,CAAC,CAAA,CAAC,EACN,CAAC,QAAQ,CAAC,CACb,CAAC;IAEF,OAAO,CACH,uBAAC,gBAAQ,kBAAC,QAAQ,EAAE,QAAQ,gBACxB,uBAAC,IAAI,cAAE,QAAQ,WAAQ,YAChB,CACd,CAAC;AACN,CAAC,CAAC;AAlBW,QAAA,KAAK,SAkBhB"}

package/dist/common.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { Container, interfaces } from 'inversify';
+export declare const rootContainer: Container;
+export declare const ContainerContext: import("react").Context<Container>;
+export declare type Token<T> = SymbolToken<T> | interfaces.Newable<T> | interfaces.Abstract<T>;
+export declare type SymbolToken<T> = symbol & {
+    typeRef?: T;
+};
+export declare function symbolToken<T>(key: string, global?: boolean): SymbolToken<T>;
+//# sourceMappingURL=common.d.ts.map

package/dist/common.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../src/common.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAElD,eAAO,MAAM,aAAa,WAAkB,CAAC;AAE7C,eAAO,MAAM,gBAAgB,oCAA+B,CAAC;AAE7D,oBAAY,KAAK,CAAC,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;AAEvF,oBAAY,WAAW,CAAC,CAAC,IAAI,MAAM,GAAG;IAAE,OAAO,CAAC,EAAE,CAAC,CAAA;CAAE,CAAC;AACtD,wBAAgB,WAAW,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,UAAO,GAAG,WAAW,CAAC,CAAC,CAAC,CAEzE"}

package/dist/{container-context.js → common.js}

@@ -1,8 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContainerContext = exports.rootContainer = void 0;
+exports.symbolToken = exports.ContainerContext = exports.rootContainer = void 0;
 const react_1 = require("react");
 const inversify_1 = require("inversify");
 exports.rootContainer = new inversify_1.Container();
 exports.ContainerContext = (0, react_1.createContext)(exports.rootContainer);
-//# sourceMappingURL=container-context.js.map
+function symbolToken(key, global = true) {
+    return global ? Symbol.for(key) : Symbol(key);
+}
+exports.symbolToken = symbolToken;
+//# sourceMappingURL=common.js.map

package/dist/common.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.js","sourceRoot":"","sources":["../src/common.tsx"],"names":[],"mappings":";;;AAAA,iCAAsC;AAEtC,yCAAkD;AAErC,QAAA,aAAa,GAAG,IAAI,qBAAS,EAAE,CAAC;AAEhC,QAAA,gBAAgB,GAAG,IAAA,qBAAa,EAAC,qBAAa,CAAC,CAAC;AAK7D,SAAgB,WAAW,CAAI,GAAW,EAAE,MAAM,GAAG,IAAI;IACrD,OAAO,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;AAClD,CAAC;AAFD,kCAEC"}

package/dist/index.d.ts

@@ -1,5 +1,9 @@
-export * from './react-ioc';
-export { rootContainer } from './container-context';
-export { Container, interfaces, injectable, inject, optional } from 'inversify';
+import 'reflect-metadata';
+export { rootContainer, Token, SymbolToken, symbolToken } from './common';
+export { injectDependency } from './inject-dependency';
+export { provide } from './provide';
+export { Provider, ProviderProps } from './provider';
 export { Store } from './store';
+export { useDependencies, useOptionalDependencies } from './use-dependencies';
+export { Container, interfaces, injectable, inject, optional } from 'inversify';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAChF,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,eAAe,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAE9E,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC"}

package/dist/index.js

@@ -1,24 +1,24 @@
 "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]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Store = exports.optional = exports.inject = exports.injectable = exports.Container = exports.rootContainer = void 0;
-__exportStar(require("./react-ioc"), exports);
-var container_context_1 = require("./container-context");
-Object.defineProperty(exports, "rootContainer", { enumerable: true, get: function () { return container_context_1.rootContainer; } });
+exports.optional = exports.inject = exports.injectable = exports.Container = exports.useOptionalDependencies = exports.useDependencies = exports.Store = exports.Provider = exports.provide = exports.injectDependency = exports.symbolToken = exports.rootContainer = void 0;
+require("reflect-metadata");
+var common_1 = require("./common");
+Object.defineProperty(exports, "rootContainer", { enumerable: true, get: function () { return common_1.rootContainer; } });
+Object.defineProperty(exports, "symbolToken", { enumerable: true, get: function () { return common_1.symbolToken; } });
+var inject_dependency_1 = require("./inject-dependency");
+Object.defineProperty(exports, "injectDependency", { enumerable: true, get: function () { return inject_dependency_1.injectDependency; } });
+var provide_1 = require("./provide");
+Object.defineProperty(exports, "provide", { enumerable: true, get: function () { return provide_1.provide; } });
+var provider_1 = require("./provider");
+Object.defineProperty(exports, "Provider", { enumerable: true, get: function () { return provider_1.Provider; } });
+var store_1 = require("./store");
+Object.defineProperty(exports, "Store", { enumerable: true, get: function () { return store_1.Store; } });
+var use_dependencies_1 = require("./use-dependencies");
+Object.defineProperty(exports, "useDependencies", { enumerable: true, get: function () { return use_dependencies_1.useDependencies; } });
+Object.defineProperty(exports, "useOptionalDependencies", { enumerable: true, get: function () { return use_dependencies_1.useOptionalDependencies; } });
 var inversify_1 = require("inversify");
 Object.defineProperty(exports, "Container", { enumerable: true, get: function () { return inversify_1.Container; } });
 Object.defineProperty(exports, "injectable", { enumerable: true, get: function () { return inversify_1.injectable; } });
 Object.defineProperty(exports, "inject", { enumerable: true, get: function () { return inversify_1.inject; } });
 Object.defineProperty(exports, "optional", { enumerable: true, get: function () { return inversify_1.optional; } });
-var store_1 = require("./store");
-Object.defineProperty(exports, "Store", { enumerable: true, get: function () { return store_1.Store; } });
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,yDAAoD;AAA3C,kHAAA,aAAa,OAAA;AACtB,uCAAgF;AAAvE,sGAAA,SAAS,OAAA;AAAc,uGAAA,UAAU,OAAA;AAAE,mGAAA,MAAM,OAAA;AAAE,qGAAA,QAAQ,OAAA;AAC5D,iCAAgC;AAAvB,8FAAA,KAAK,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,4BAA0B;AAE1B,mCAA0E;AAAjE,uGAAA,aAAa,OAAA;AAAsB,qGAAA,WAAW,OAAA;AACvD,yDAAuD;AAA9C,qHAAA,gBAAgB,OAAA;AACzB,qCAAoC;AAA3B,kGAAA,OAAO,OAAA;AAChB,uCAAqD;AAA5C,oGAAA,QAAQ,OAAA;AACjB,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AACd,uDAA8E;AAArE,mHAAA,eAAe,OAAA;AAAE,2HAAA,uBAAuB,OAAA;AAEjD,uCAAgF;AAAvE,sGAAA,SAAS,OAAA;AAAc,uGAAA,UAAU,OAAA;AAAE,mGAAA,MAAM,OAAA;AAAE,qGAAA,QAAQ,OAAA"}

package/dist/inject-dependency.d.ts

@@ -0,0 +1,3 @@
+import { interfaces } from 'inversify';
+export declare function injectDependency(serviceIdentifier: interfaces.ServiceIdentifier<any>): (proto: any, key: string) => void;
+//# sourceMappingURL=inject-dependency.d.ts.map

package/dist/inject-dependency.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inject-dependency.d.ts","sourceRoot":"","sources":["../src/inject-dependency.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAgB,MAAM,WAAW,CAAC;AAgCrD,wBAAgB,gBAAgB,CAAC,iBAAiB,EAAE,UAAU,CAAC,iBAAiB,CAAC,GAAG,CAAC,WACzD,GAAG,OAAO,MAAM,KAAG,IAAI,CAgClD"}

package/dist/inject-dependency.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.injectDependency = void 0;
+const inversify_1 = require("inversify");
+const common_1 = require("./common");
+const INJECTION = Symbol.for('INJECTION');
+function proxyGetter(proto, key, resolve, doCache) {
+    function getter() {
+        if (doCache && !Reflect.hasMetadata(INJECTION, this, key)) {
+            Reflect.defineMetadata(INJECTION, resolve(this), this, key);
+        }
+        if (Reflect.hasMetadata(INJECTION, this, key)) {
+            return Reflect.getMetadata(INJECTION, this, key);
+        }
+        return resolve(this);
+    }
+    function setter(newVal) {
+        Reflect.defineMetadata(INJECTION, newVal, this, key);
+    }
+    Object.defineProperty(proto, key, {
+        configurable: true,
+        enumerable: true,
+        get: getter,
+        set: setter,
+    });
+}
+function injectDependency(serviceIdentifier) {
+    return function (proto, key) {
+        const resolve = (componentInstance) => {
+            var _a;
+            if (!componentInstance.context) {
+                throw new Error("Context doesn't exist on a target class. " +
+                    'Please make sure to pass context object to super method if you access injectable stores in constructor.');
+            }
+            const metadata = Reflect.getMetadata(inversify_1.METADATA_KEY.TAGGED_PROP, proto.constructor) || {};
+            if ((_a = metadata[key]) === null || _a === void 0 ? void 0 : _a.some(({ key, value }) => key === inversify_1.METADATA_KEY.OPTIONAL_TAG && value)) {
+                if (componentInstance.context.isBound(serviceIdentifier)) {
+                    return componentInstance.context.get(serviceIdentifier);
+                }
+            }
+            else {
+                return componentInstance.context.get(serviceIdentifier);
+            }
+        };
+        if (proto.constructor.contextType && proto.constructor.contextType !== common_1.ContainerContext) {
+            throw new Error("injectDependency can't be used together with contextType static property");
+        }
+        proto.constructor.contextType = common_1.ContainerContext;
+        proxyGetter(proto, key, resolve, true);
+    };
+}
+exports.injectDependency = injectDependency;
+//# sourceMappingURL=inject-dependency.js.map

package/dist/inject-dependency.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inject-dependency.js","sourceRoot":"","sources":["../src/inject-dependency.ts"],"names":[],"mappings":";;;AAAA,yCAAqD;AAErD,qCAA4C;AAE5C,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;AAE1C,SAAS,WAAW,CAChB,KAAU,EACV,GAAW,EACX,OAAwC,EACxC,OAAgB;IAEhB,SAAS,MAAM;QACX,IAAI,OAAO,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,SAAS,EAAE,IAAI,EAAE,GAAG,CAAC,EAAE;YACvD,OAAO,CAAC,cAAc,CAAC,SAAS,EAAE,OAAO,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC;SAC/D;QACD,IAAI,OAAO,CAAC,WAAW,CAAC,SAAS,EAAE,IAAI,EAAE,GAAG,CAAC,EAAE;YAC3C,OAAO,OAAO,CAAC,WAAW,CAAC,SAAS,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC;SACpD;QACD,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC;IACD,SAAS,MAAM,CAAY,MAAW;QAClC,OAAO,CAAC,cAAc,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC;IACzD,CAAC;IACD,MAAM,CAAC,cAAc,CAAC,KAAK,EAAE,GAAG,EAAE;QAC9B,YAAY,EAAE,IAAI;QAClB,UAAU,EAAE,IAAI;QAChB,GAAG,EAAE,MAAM;QACX,GAAG,EAAE,MAAM;KACd,CAAC,CAAC;AACP,CAAC;AAED,SAAgB,gBAAgB,CAAC,iBAAoD;IACjF,OAAO,UAAU,KAAU,EAAE,GAAW;QACpC,MAAM,OAAO,GAAG,CAAC,iBAAsB,EAAE,EAAE;;YACvC,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE;gBAC5B,MAAM,IAAI,KAAK,CACX,2CAA2C;oBACvC,yGAAyG,CAChH,CAAC;aACL;YAED,MAAM,QAAQ,GACV,OAAO,CAAC,WAAW,CAAC,wBAAY,CAAC,WAAW,EAAE,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;YAE3E,IACI,MAAA,QAAQ,CAAC,GAAG,CAAC,0CAAE,IAAI,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,GAAG,KAAK,wBAAY,CAAC,YAAY,IAAI,KAAK,CAAC,EACrF;gBACE,IAAI,iBAAiB,CAAC,OAAO,CAAC,OAAO,CAAC,iBAAiB,CAAC,EAAE;oBACtD,OAAO,iBAAiB,CAAC,OAAO,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;iBAC3D;aACJ;iBAAM;gBACH,OAAO,iBAAiB,CAAC,OAAO,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;aAC3D;QACL,CAAC,CAAC;QAEF,IAAI,KAAK,CAAC,WAAW,CAAC,WAAW,IAAI,KAAK,CAAC,WAAW,CAAC,WAAW,KAAK,yBAAgB,EAAE;YACrF,MAAM,IAAI,KAAK,CACX,0EAA0E,CAC7E,CAAC;SACL;QAED,KAAK,CAAC,WAAW,CAAC,WAAW,GAAG,yBAAgB,CAAC;QACjD,WAAW,CAAC,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;IAC3C,CAAC,CAAC;AACN,CAAC;AAjCD,4CAiCC"}

package/dist/provide.d.ts

@@ -0,0 +1,14 @@
+import { ReactInstance, StatelessComponent, ComponentClass, ClassicComponentClass } from 'react';
+import { ProviderConfigEntry } from './provider';
+export interface WrappedComponent<P> {
+    wrappedComponent: ReactComponent<P>;
+    wrappedInstance: ReactInstance | undefined;
+}
+declare type ReactComponent<P = any> = StatelessComponent<P> | ComponentClass<P> | ClassicComponentClass<P>;
+declare type ProvideDecorator = (stores: {
+    singletons?: ProviderConfigEntry<any>[];
+    instances?: ProviderConfigEntry<any>[];
+}, fallback?: JSX.Element) => <T extends ReactComponent>(target: T) => T & WrappedComponent<T>;
+export declare const provide: ProvideDecorator;
+export {};
+//# sourceMappingURL=provide.d.ts.map

package/dist/provide.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provide.d.ts","sourceRoot":"","sources":["../src/provide.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEjG,OAAO,EAAY,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAE3D,MAAM,WAAW,gBAAgB,CAAC,CAAC;IAC/B,gBAAgB,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;IACpC,eAAe,EAAE,aAAa,GAAG,SAAS,CAAC;CAC9C;AAED,aAAK,cAAc,CAAC,CAAC,GAAG,GAAG,IAAI,kBAAkB,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAC;AAEpG,aAAK,gBAAgB,GAAG,CACpB,MAAM,EAAE;IACJ,UAAU,CAAC,EAAE,mBAAmB,CAAC,GAAG,CAAC,EAAE,CAAC;IACxC,SAAS,CAAC,EAAE,mBAAmB,CAAC,GAAG,CAAC,EAAE,CAAC;CAC1C,EACD,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,KACrB,CAAC,CAAC,SAAS,cAAc,EAAE,MAAM,EAAE,CAAC,KAAK,CAAC,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC;AAEtE,eAAO,MAAM,OAAO,kBAKM,CAAC"}

package/dist/provide.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.provide = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const provider_1 = require("./provider");
+exports.provide = ((stores, fallback) => (Component) => props => ((0, jsx_runtime_1.jsx)(provider_1.Provider, Object.assign({}, stores, { fallback: fallback }, { children: (0, jsx_runtime_1.jsx)(Component, Object.assign({}, props), void 0) }), void 0)));
+//# sourceMappingURL=provide.js.map

package/dist/provide.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"provide.js","sourceRoot":"","sources":["../src/provide.tsx"],"names":[],"mappings":";;;;AAEA,yCAA2D;AAiB9C,QAAA,OAAO,GAAG,CAAC,CAAC,MAAM,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC,SAAyB,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,CACjF,CACI,uBAAC,mBAAQ,oBAAK,MAAM,IAAE,QAAQ,EAAE,QAAQ,gBACpC,uBAAC,SAAS,oBAAK,KAAK,UAAI,YACjB,CACd,CAAqB,CAAC"}

package/dist/provider.d.ts

@@ -0,0 +1,20 @@
+import { FC } from 'react';
+import { interfaces } from 'inversify';
+import { Token, SymbolToken } from './common';
+export declare type ProviderConfigEntry<T> = interfaces.Newable<T> | ClassProviderConfigEntry<T> | ValueProviderConfigEntry<T>;
+interface ClassProviderConfigEntry<T> {
+    provide: Token<T>;
+    useClass: interfaces.Newable<T>;
+}
+interface ValueProviderConfigEntry<T> {
+    provide: SymbolToken<T> | interfaces.Abstract<T>;
+    useValue: T;
+}
+export interface ProviderProps {
+    singletons?: ProviderConfigEntry<any>[];
+    instances?: ProviderConfigEntry<any>[];
+    fallback?: JSX.Element;
+}
+export declare const Provider: FC<ProviderProps>;
+export {};
+//# sourceMappingURL=provider.d.ts.map

package/dist/provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../src/provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAyC,MAAM,OAAO,CAAC;AAElE,OAAO,EAAa,UAAU,EAAE,MAAM,WAAW,CAAC;AAGlD,OAAO,EAAoB,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAGhE,oBAAY,mBAAmB,CAAC,CAAC,IAC3B,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,GACrB,wBAAwB,CAAC,CAAC,CAAC,GAC3B,wBAAwB,CAAC,CAAC,CAAC,CAAC;AAElC,UAAU,wBAAwB,CAAC,CAAC;IAChC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IAClB,QAAQ,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;CACnC;AAED,UAAU,wBAAwB,CAAC,CAAC;IAChC,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACjD,QAAQ,EAAE,CAAC,CAAC;CACf;AAoBD,MAAM,WAAW,aAAa;IAC1B,UAAU,CAAC,EAAE,mBAAmB,CAAC,GAAG,CAAC,EAAE,CAAC;IACxC,SAAS,CAAC,EAAE,mBAAmB,CAAC,GAAG,CAAC,EAAE,CAAC;IACvC,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA2FtC,CAAC"}

package/dist/provider.js

@@ -0,0 +1,83 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Provider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const inversify_1 = require("inversify");
+const await_1 = require("./await");
+const common_1 = require("./common");
+const store_1 = require("./store");
+function isClassProviderConfigEntry(entry) {
+    return (Object.prototype.hasOwnProperty.call(entry, 'provide') &&
+        Object.prototype.hasOwnProperty.call(entry, 'useClass'));
+}
+function isValueProviderConfigEntry(entry) {
+    return (Object.prototype.hasOwnProperty.call(entry, 'provide') &&
+        Object.prototype.hasOwnProperty.call(entry, 'useValue'));
+}
+const Provider = ({ singletons, instances, fallback, children }) => {
+    const parentContainer = (0, react_1.useContext)(common_1.ContainerContext);
+    const [container, setContainer] = (0, react_1.useState)();
+    const [promises, setPromises] = (0, react_1.useState)();
+    (0, react_1.useLayoutEffect)(() => {
+        const container = new inversify_1.Container();
+        container.parent = parentContainer;
+        const bind = (entry) => {
+            if (isClassProviderConfigEntry(entry)) {
+                return container.bind(entry.provide).to(entry.useClass);
+            }
+            if (isValueProviderConfigEntry(entry)) {
+                // using toDynamicValue to return BindingInSyntax
+                return container.bind(entry.provide).toDynamicValue(() => entry.useValue);
+            }
+            return container.bind(entry).to(entry);
+        };
+        singletons === null || singletons === void 0 ? void 0 : singletons.map(bind).forEach(binding => {
+            binding.inSingletonScope();
+        });
+        instances === null || instances === void 0 ? void 0 : instances.forEach(bind);
+        const storeInstances = [...(singletons !== null && singletons !== void 0 ? singletons : []), ...(instances !== null && instances !== void 0 ? instances : [])]
+            .map(entry => {
+            if (isValueProviderConfigEntry(entry)) {
+                return undefined;
+            }
+            const { provide, useClass } = isClassProviderConfigEntry(entry)
+                ? entry
+                : { provide: entry, useClass: entry };
+            if ((0, store_1.isStore)(useClass)) {
+                return container.get(provide);
+            }
+            return undefined;
+        })
+            .filter(Boolean);
+        const promises = [];
+        for (const instance of storeInstances) {
+            if (instance.initialize) {
+                promises.push(instance.initialize());
+            }
+        }
+        setContainer(container);
+        setPromises(promises);
+        return () => {
+            const unbind = (entry) => {
+                if (isClassProviderConfigEntry(entry) || isValueProviderConfigEntry(entry)) {
+                    return container.unbind(entry.provide);
+                }
+                return container.unbind(entry);
+            };
+            singletons === null || singletons === void 0 ? void 0 : singletons.forEach(unbind);
+            instances === null || instances === void 0 ? void 0 : instances.forEach(unbind);
+            for (const instance of storeInstances) {
+                if (instance.dispose) {
+                    instance.dispose();
+                }
+            }
+        };
+    }, [parentContainer, singletons, instances]);
+    if (!container) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)(common_1.ContainerContext.Provider, Object.assign({ value: container }, { children: (promises === null || promises === void 0 ? void 0 : promises.length) ? ((0, jsx_runtime_1.jsx)(await_1.Await, Object.assign({ promises: promises, fallback: fallback }, { children: children }), void 0)) : (children) }), void 0));
+};
+exports.Provider = Provider;
+//# sourceMappingURL=provider.js.map

package/dist/provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.js","sourceRoot":"","sources":["../src/provider.tsx"],"names":[],"mappings":"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"}

package/dist/store.d.ts

@@ -1,8 +1,15 @@
-import 'reflect-metadata';
+import { interfaces } from 'inversify';
+declare const symbol: unique symbol;
+interface Identifier<T> extends interfaces.Newable<T> {
+    [symbol]?: boolean;
+}
+export declare function isStore<T>(identifier: Identifier<T>): boolean | undefined;
 export declare abstract class Store {
+    static [symbol]: boolean;
 }
 export interface Store {
     initialize?(): Promise<void>;
     dispose?(): void;
 }
+export {};
 //# sourceMappingURL=store.d.ts.map

package/dist/store.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../src/store.ts"],"names":[],"mappings":"AACA,OAAO,kBAAkB,CAAC;AAE1B,8BACsB,KAAK;CAAG;AAE9B,MAAM,WAAW,KAAK;IAClB,UAAU,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,OAAO,CAAC,IAAI,IAAI,CAAC;CACpB"}
+{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../src/store.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,UAAU,EAAE,MAAM,WAAW,CAAC;AAEnD,QAAA,MAAM,MAAM,eAAmC,CAAC;AAEhD,UAAU,UAAU,CAAC,CAAC,CAAE,SAAQ,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;IACjD,CAAC,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,OAAO,CAAC,CAAC,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,uBAEnD;AAED,8BACsB,KAAK;IACvB,MAAM,CAAC,CAAC,MAAM,CAAC,UAAQ;CAC1B;AAED,MAAM,WAAW,KAAK;IAClB,UAAU,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,OAAO,CAAC,IAAI,IAAI,CAAC;CACpB"}

package/dist/store.js

@@ -5,12 +5,24 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Store = void 0;
+exports.Store = exports.isStore = void 0;
 const inversify_1 = require("inversify");
-require("reflect-metadata");
+const symbol = Symbol('Inheritor Of The Store');
+function isStore(identifier) {
+    return identifier[symbol];
+}
+exports.isStore = isStore;
 let Store = class Store {
 };
+_a = symbol;
+Object.defineProperty(Store, _a, {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: true
+});
 Store = __decorate([
     (0, inversify_1.injectable)()
 ], Store);

package/dist/store.js.map

@@ -1 +1 @@
-{"version":3,"file":"store.js","sourceRoot":"","sources":["../src/store.ts"],"names":[],"mappings":";;;;;;;;;AAAA,yCAAuC;AACvC,4BAA0B;AAG1B,IAAsB,KAAK,GAA3B,MAAsB,KAAK;CAAG,CAAA;AAAR,KAAK;IAD1B,IAAA,sBAAU,GAAE;GACS,KAAK,CAAG;AAAR,sBAAK"}
+{"version":3,"file":"store.js","sourceRoot":"","sources":["../src/store.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,yCAAmD;AAEnD,MAAM,MAAM,GAAG,MAAM,CAAC,wBAAwB,CAAC,CAAC;AAMhD,SAAgB,OAAO,CAAI,UAAyB;IAChD,OAAO,UAAU,CAAC,MAAM,CAAC,CAAC;AAC9B,CAAC;AAFD,0BAEC;AAGD,IAAsB,KAAK,GAA3B,MAAsB,KAAK;CAE1B,CAAA;KADW,MAAM;AAAP;;;;WAAW,IAAI;GAAC;AADL,KAAK;IAD1B,IAAA,sBAAU,GAAE;GACS,KAAK,CAE1B;AAFqB,sBAAK"}

package/dist/use-dependencies.d.ts

@@ -0,0 +1,8 @@
+import { Token } from './common';
+declare type Tokens<T> = {
+    [P in keyof T]: Token<T[P]>;
+};
+export declare function useDependencies<T extends any[]>(...tokens: Tokens<T>): T;
+export declare function useOptionalDependencies<T extends any[]>(...tokens: Tokens<T>): Partial<T>;
+export {};
+//# sourceMappingURL=use-dependencies.d.ts.map

package/dist/use-dependencies.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-dependencies.d.ts","sourceRoot":"","sources":["../src/use-dependencies.ts"],"names":[],"mappings":"AAEA,OAAO,EAAoB,KAAK,EAAE,MAAM,UAAU,CAAC;AAEnD,aAAK,MAAM,CAAC,CAAC,IAAI;KACZ,CAAC,IAAI,MAAM,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAC9B,CAAC;AA0BF,wBAAgB,eAAe,CAAC,CAAC,SAAS,GAAG,EAAE,EAAE,GAAG,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,KAEpE;AAED,wBAAgB,uBAAuB,CAAC,CAAC,SAAS,GAAG,EAAE,EAAE,GAAG,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,cAE5E"}

package/dist/use-dependencies.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOptionalDependencies = exports.useDependencies = void 0;
+const react_1 = require("react");
+const common_1 = require("./common");
+function useDependenciesInternal(tokens, optional) {
+    const ref = (0, react_1.useRef)(null);
+    const container = (0, react_1.useContext)(common_1.ContainerContext);
+    if (!ref.current) {
+        ref.current = tokens.map(s => {
+            if (optional) {
+                if (container.isBound(s)) {
+                    return container.get(s);
+                }
+                return undefined;
+            }
+            return container.get(s);
+        });
+    }
+    return ref.current;
+}
+function useDependencies(...tokens) {
+    return useDependenciesInternal(tokens, false);
+}
+exports.useDependencies = useDependencies;
+function useOptionalDependencies(...tokens) {
+    return useDependenciesInternal(tokens, true);
+}
+exports.useOptionalDependencies = useOptionalDependencies;
+//# sourceMappingURL=use-dependencies.js.map

package/dist/use-dependencies.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-dependencies.js","sourceRoot":"","sources":["../src/use-dependencies.ts"],"names":[],"mappings":";;;AAAA,iCAA2C;AAE3C,qCAAmD;AAMnD,SAAS,uBAAuB,CAC5B,MAAiB,EACjB,QAAW;IAEX,MAAM,GAAG,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,IAAA,kBAAU,EAAC,yBAAgB,CAAC,CAAC;IAE/C,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE;QACd,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;YACzB,IAAI,QAAQ,EAAE;gBACV,IAAI,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;oBACtB,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;iBAC3B;gBAED,OAAO,SAAS,CAAC;aACpB;YAED,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAC5B,CAAC,CAAM,CAAC;KACX;IAED,OAAO,GAAG,CAAC,OAA0C,CAAC;AAC1D,CAAC;AAED,SAAgB,eAAe,CAAkB,GAAG,MAAiB;IACjE,OAAO,uBAAuB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AAClD,CAAC;AAFD,0CAEC;AAED,SAAgB,uBAAuB,CAAkB,GAAG,MAAiB;IACzE,OAAO,uBAAuB,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;AACjD,CAAC;AAFD,0DAEC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@servicetitan/react-ioc",
-    "version": "17.1.0",
+    "version": "17.3.0",
     "description": "",
     "homepage": "https://docs.st.dev/docs/frontend/react-ioc",
     "repository": {
@@ -15,11 +15,11 @@
         "src"
     ],
     "dependencies": {
-        "inversify": "~5.1.1",
+        "inversify": "~6.0.1",
         "reflect-metadata": "~0.1.13"
     },
     "devDependencies": {
-        "@types/react": "~17.0.26",
+        "@types/react": "~17.0.33",
         "react": "~17.0.2"
     },
     "peerDependencies": {
@@ -31,5 +31,5 @@
     "cli": {
         "webpack": false
     },
-    "gitHead": "212b3ade787b7bc0fb6aaacb60ca422bc7bbbd70"
+    "gitHead": "c46d6edf5601d2d12e05c27d94cf6239c7514616"
 }

package/src/__tests__/react-ioc.test.tsx

@@ -8,7 +8,7 @@ import {
     useDependencies,
     symbolToken,
 } from '..';
-import { ContainerContext } from '../container-context';
+import { ContainerContext } from '../common';
 import TestRenderer from 'react-test-renderer';
 
 @injectable()

package/src/await.tsx

@@ -1,8 +1,8 @@
-import { FC, lazy, ReactElement, Suspense, useMemo } from 'react';
+import { FC, lazy, ReactElement, ReactNode, Suspense, useMemo } from 'react';
 
 export interface AwaitProps {
     promises: Promise<void>[];
-    fallback?: JSX.Element;
+    fallback?: NonNullable<ReactNode> | null;
 }
 
 export const Await: FC<AwaitProps> = ({ promises, fallback = <h2>Loading...</h2>, children }) => {

package/src/common.tsx

@@ -0,0 +1,14 @@
+import { createContext } from 'react';
+
+import { Container, interfaces } from 'inversify';
+
+export const rootContainer = new Container();
+
+export const ContainerContext = createContext(rootContainer);
+
+export type Token<T> = SymbolToken<T> | interfaces.Newable<T> | interfaces.Abstract<T>;
+
+export type SymbolToken<T> = symbol & { typeRef?: T };
+export function symbolToken<T>(key: string, global = true): SymbolToken<T> {
+    return global ? Symbol.for(key) : Symbol(key);
+}

package/src/index.ts

@@ -1,4 +1,10 @@
-export * from './react-ioc';
-export { rootContainer } from './container-context';
-export { Container, interfaces, injectable, inject, optional } from 'inversify';
+import 'reflect-metadata';
+
+export { rootContainer, Token, SymbolToken, symbolToken } from './common';
+export { injectDependency } from './inject-dependency';
+export { provide } from './provide';
+export { Provider, ProviderProps } from './provider';
 export { Store } from './store';
+export { useDependencies, useOptionalDependencies } from './use-dependencies';
+
+export { Container, interfaces, injectable, inject, optional } from 'inversify';

package/src/inject-dependency.ts

@@ -0,0 +1,66 @@
+import { interfaces, METADATA_KEY } from 'inversify';
+
+import { ContainerContext } from './common';
+
+const INJECTION = Symbol.for('INJECTION');
+
+function proxyGetter(
+    proto: any,
+    key: string,
+    resolve: (componentInstance: any) => any,
+    doCache: boolean
+) {
+    function getter(this: any) {
+        if (doCache && !Reflect.hasMetadata(INJECTION, this, key)) {
+            Reflect.defineMetadata(INJECTION, resolve(this), this, key);
+        }
+        if (Reflect.hasMetadata(INJECTION, this, key)) {
+            return Reflect.getMetadata(INJECTION, this, key);
+        }
+        return resolve(this);
+    }
+    function setter(this: any, newVal: any) {
+        Reflect.defineMetadata(INJECTION, newVal, this, key);
+    }
+    Object.defineProperty(proto, key, {
+        configurable: true,
+        enumerable: true,
+        get: getter,
+        set: setter,
+    });
+}
+
+export function injectDependency(serviceIdentifier: interfaces.ServiceIdentifier<any>) {
+    return function (proto: any, key: string): void {
+        const resolve = (componentInstance: any) => {
+            if (!componentInstance.context) {
+                throw new Error(
+                    "Context doesn't exist on a target class. " +
+                        'Please make sure to pass context object to super method if you access injectable stores in constructor.'
+                );
+            }
+
+            const metadata: Partial<interfaces.MetadataMap> =
+                Reflect.getMetadata(METADATA_KEY.TAGGED_PROP, proto.constructor) || {};
+
+            if (
+                metadata[key]?.some(({ key, value }) => key === METADATA_KEY.OPTIONAL_TAG && value)
+            ) {
+                if (componentInstance.context.isBound(serviceIdentifier)) {
+                    return componentInstance.context.get(serviceIdentifier);
+                }
+            } else {
+                return componentInstance.context.get(serviceIdentifier);
+            }
+        };
+
+        if (proto.constructor.contextType && proto.constructor.contextType !== ContainerContext) {
+            throw new Error(
+                "injectDependency can't be used together with contextType static property"
+            );
+        }
+
+        proto.constructor.contextType = ContainerContext;
+        proxyGetter(proto, key, resolve, true);
+    };
+}

package/src/provide.tsx

@@ -0,0 +1,25 @@
+import { ReactInstance, StatelessComponent, ComponentClass, ClassicComponentClass } from 'react';
+
+import { Provider, ProviderConfigEntry } from './provider';
+
+export interface WrappedComponent<P> {
+    wrappedComponent: ReactComponent<P>;
+    wrappedInstance: ReactInstance | undefined;
+}
+
+type ReactComponent<P = any> = StatelessComponent<P> | ComponentClass<P> | ClassicComponentClass<P>;
+
+type ProvideDecorator = (
+    stores: {
+        singletons?: ProviderConfigEntry<any>[];
+        instances?: ProviderConfigEntry<any>[];
+    },
+    fallback?: JSX.Element
+) => <T extends ReactComponent>(target: T) => T & WrappedComponent<T>;
+
+export const provide = ((stores, fallback) => (Component: ReactComponent) => props =>
+    (
+        <Provider {...stores} fallback={fallback}>
+            <Component {...props} />
+        </Provider>
+    )) as ProvideDecorator;