brandi-react 4.0.1 → 5.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/LICENSE CHANGED
@@ -1,6 +1,6 @@
1
1
  ISC License
2
2
 
3
- Copyright 2021 Vladimir Lewandowski
3
+ Copyright Vladimir Lewandowski <me@vovaspace.com> (https://vovaspace.com/)
4
4
 
5
5
  Permission to use, copy, modify, and/or distribute this software for any purpose
6
6
  with or without fee is hereby granted, provided that the above copyright notice
@@ -50,9 +50,13 @@ function useContainer(strict = true) {
50
50
  // src/container/ContainerProvider.tsx
51
51
  var ContainerProvider = ({children, container, isolated = false}) => {
52
52
  const parentContainer = useContainer(false);
53
- const clonedContainer = import_react3.default.useMemo(() => container.clone(), [container]);
54
- if (!isolated)
55
- clonedContainer.extend(parentContainer);
53
+ const extend = !isolated ? parentContainer : null;
54
+ const clonedContainer = import_react3.default.useMemo(() => {
55
+ const cloned = container.clone();
56
+ if (extend)
57
+ cloned.extend(extend);
58
+ return cloned;
59
+ }, [container, extend]);
56
60
  return /* @__PURE__ */ import_react3.default.createElement(ContainerContext.Provider, {
57
61
  value: clonedContainer
58
62
  }, children);
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../src/index.ts", "../src/container/ContainerContext.ts", "../src/container/ContainerProvider.tsx", "../src/container/useContainer.ts", "../src/injection/useInjection.ts", "../src/conditions/ConditionsContext.ts", "../src/conditions/ConditionsProvider.tsx", "../src/conditions/useConditions.ts", "../src/conditions/tagged.tsx", "../src/injection/createInjectionHooks.ts"],
4
- "sourcesContent": ["export { ContainerProvider } from './container';\nexport { createInjectionHooks, useInjection } from './injection';\nexport { tagged } from './conditions';\n", "import { Container } from 'brandi';\nimport React from 'react';\n\nexport const ContainerContext = React.createContext<Container | null>(null);\n", "import { Container } from 'brandi';\nimport React from 'react';\n\nimport { ContainerContext } from './ContainerContext';\nimport { useContainer } from './useContainer';\n\nexport const ContainerProvider: React.FunctionComponent<{\n container: Container;\n isolated?: boolean;\n}> = ({ children, container, isolated = false }) => {\n const parentContainer = useContainer(false);\n const clonedContainer = React.useMemo(() => container.clone(), [container]);\n\n if (!isolated) clonedContainer.extend(parentContainer);\n\n return (\n <ContainerContext.Provider value={clonedContainer}>\n {children}\n </ContainerContext.Provider>\n );\n};\n", "import { Container } from 'brandi';\nimport React from 'react';\n\nimport { ContainerContext } from './ContainerContext';\n\nexport function useContainer(strict?: true): Container;\nexport function useContainer(strict?: false): Container | null;\nexport function useContainer(strict: boolean = true): Container | null {\n const container = React.useContext(ContainerContext);\n\n if (strict && container === null) {\n throw new Error(\n \"Could not get a container from a context. Did you forget to pass the container through 'ContainerProvider'?\",\n );\n }\n\n return container;\n}\n", "import { TokenType, TokenValue } from 'brandi';\nimport React from 'react';\n\nimport { useConditions } from '../conditions';\nimport { useContainer } from '../container';\n\nexport const useInjection = <T extends TokenValue>(token: T): TokenType<T> => {\n const container = useContainer();\n const conditions = useConditions();\n\n return React.useMemo(() => container.get(token, conditions), [\n token,\n conditions,\n container,\n ]);\n};\n", "import React from 'react';\nimport { ResolutionCondition } from 'brandi';\n\nexport const ConditionsContext = React.createContext<ResolutionCondition[]>([]);\n", "import React from 'react';\nimport { ResolutionCondition } from 'brandi';\n\nimport { ConditionsContext } from './ConditionsContext';\nimport { useConditions } from './useConditions';\n\nexport const ConditionsProvider: React.FunctionComponent<{\n conditions: ResolutionCondition[];\n isolated?: boolean;\n}> = ({ children, conditions, isolated = false }) => {\n const currentConditions = useConditions();\n const resolvedConditions = React.useMemo(\n () =>\n currentConditions.length > 0 && !isolated\n ? [...new Set([...currentConditions, ...conditions])]\n : conditions,\n [currentConditions, conditions, isolated],\n );\n\n return (\n <ConditionsContext.Provider value={resolvedConditions}>\n {children}\n </ConditionsContext.Provider>\n );\n};\n", "import React from 'react';\n\nimport { ConditionsContext } from './ConditionsContext';\n\nexport const useConditions = () => React.useContext(ConditionsContext);\n", "import React from 'react';\nimport { Tag } from 'brandi';\n\nimport { ConditionsProvider } from './ConditionsProvider';\n\nexport interface TaggedOptions {\n isolated?: boolean;\n}\n\nexport const tagged = (...tags: Tag[]) => <P extends unknown>(\n Component: React.ComponentType<P>,\n options: TaggedOptions = {},\n): React.FunctionComponent<P> => {\n const Wrapper: React.FunctionComponent<P> = (props) => (\n <ConditionsProvider conditions={tags} isolated={options.isolated}>\n <Component {...props} />\n </ConditionsProvider>\n );\n\n Wrapper.displayName = Component.displayName\n ? `Tagged(${Component.displayName})`\n : 'Tagged';\n\n return Wrapper;\n};\n", "import { TokenType, TokenValue } from 'brandi';\n\nimport { useInjection } from './useInjection';\n\ntype InjectionHooks<T extends TokenValue[]> = {\n [K in keyof T]: T[K] extends TokenValue ? () => TokenType<T[K]> : never;\n};\n\nexport const createInjectionHooks = <T extends TokenValue[]>(\n ...tokens: T\n): InjectionHooks<T> =>\n tokens.map((token) => () => useInjection(token)) as InjectionHooks<T>;\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,mBAAkB;AAEX,IAAM,mBAAmB,qBAAM,cAAgC;;;ACFtE,oBAAkB;;;ACAlB,oBAAkB;AAMX,sBAAsB,SAAkB,MAAwB;AACrE,QAAM,YAAY,sBAAM,WAAW;AAEnC,MAAI,UAAU,cAAc,MAAM;AAChC,UAAM,IAAI,MACR;AAAA;AAIJ,SAAO;AAAA;;;ADVF,IAAM,oBAGR,CAAC,CAAE,UAAU,WAAW,WAAW,WAAY;AAClD,QAAM,kBAAkB,aAAa;AACrC,QAAM,kBAAkB,sBAAM,QAAQ,MAAM,UAAU,SAAS,CAAC;AAEhE,MAAI,CAAC;AAAU,oBAAgB,OAAO;AAEtC,SACE,oDAAC,iBAAiB,UAAlB;AAAA,IAA2B,OAAO;AAAA,KAC/B;AAAA;;;AEhBP,oBAAkB;;;ACDlB,oBAAkB;AAGX,IAAM,oBAAoB,sBAAM,cAAqC;;;ACH5E,oBAAkB;;;ACAlB,oBAAkB;AAIX,IAAM,gBAAgB,MAAM,sBAAM,WAAW;;;ADE7C,IAAM,qBAGR,CAAC,CAAE,UAAU,YAAY,WAAW,WAAY;AACnD,QAAM,oBAAoB;AAC1B,QAAM,qBAAqB,sBAAM,QAC/B,MACE,kBAAkB,SAAS,KAAK,CAAC,WAC7B,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,mBAAmB,GAAG,gBACtC,YACN,CAAC,mBAAmB,YAAY;AAGlC,SACE,oDAAC,kBAAkB,UAAnB;AAAA,IAA4B,OAAO;AAAA,KAChC;AAAA;;;AErBP,oBAAkB;AASX,IAAM,SAAS,IAAI,SAAgB,CACxC,WACA,UAAyB,OACM;AAC/B,QAAM,UAAsC,CAAC,UAC3C,oDAAC,oBAAD;AAAA,IAAoB,YAAY;AAAA,IAAM,UAAU,QAAQ;AAAA,KACtD,oDAAC,WAAD;AAAA,OAAe;AAAA;AAInB,UAAQ,cAAc,UAAU,cAC5B,UAAU,UAAU,iBACpB;AAEJ,SAAO;AAAA;;;AJjBF,IAAM,eAAe,CAAuB,UAA2B;AAC5E,QAAM,YAAY;AAClB,QAAM,aAAa;AAEnB,SAAO,sBAAM,QAAQ,MAAM,UAAU,IAAI,OAAO,aAAa;AAAA,IAC3D;AAAA,IACA;AAAA,IACA;AAAA;AAAA;;;AKLG,IAAM,uBAAuB,IAC/B,WAEH,OAAO,IAAI,CAAC,UAAU,MAAM,aAAa;",
4
+ "sourcesContent": ["export { ContainerProvider } from './container';\nexport { createInjectionHooks, useInjection } from './injection';\nexport { tagged } from './conditions';\n", "import { Container } from 'brandi';\nimport React from 'react';\n\nexport const ContainerContext = React.createContext<Container | null>(null);\n", "import { Container } from 'brandi';\nimport React from 'react';\n\nimport { ContainerContext } from './ContainerContext';\nimport { useContainer } from './useContainer';\n\nexport const ContainerProvider: React.FunctionComponent<{\n children?: React.ReactNode;\n container: Container;\n isolated?: boolean;\n}> = ({ children, container, isolated = false }) => {\n const parentContainer = useContainer(false);\n\n const extend = !isolated ? parentContainer : null;\n\n const clonedContainer = React.useMemo(() => {\n const cloned = container.clone()\n if (extend) cloned.extend(extend)\n return cloned\n }, [container, extend]);\n\n\n return (\n <ContainerContext.Provider value={clonedContainer}>\n {children}\n </ContainerContext.Provider>\n );\n};\n", "import { Container } from 'brandi';\nimport React from 'react';\n\nimport { ContainerContext } from './ContainerContext';\n\nexport function useContainer(strict?: true): Container;\nexport function useContainer(strict?: false): Container | null;\nexport function useContainer(strict: boolean = true): Container | null {\n const container = React.useContext(ContainerContext);\n\n if (strict && container === null) {\n throw new Error(\n \"Could not get a container from a context. Did you forget to pass the container through 'ContainerProvider'?\",\n );\n }\n\n return container;\n}\n", "import { TokenType, TokenValue } from 'brandi';\nimport React from 'react';\n\nimport { useConditions } from '../conditions';\nimport { useContainer } from '../container';\n\nexport const useInjection = <T extends TokenValue>(token: T): TokenType<T> => {\n const container = useContainer();\n const conditions = useConditions();\n\n return React.useMemo(() => container.get(token, conditions), [\n token,\n conditions,\n container,\n ]);\n};\n", "import React from 'react';\nimport { ResolutionCondition } from 'brandi';\n\nexport const ConditionsContext = React.createContext<ResolutionCondition[]>([]);\n", "import React from 'react';\nimport { ResolutionCondition } from 'brandi';\n\nimport { ConditionsContext } from './ConditionsContext';\nimport { useConditions } from './useConditions';\n\nexport const ConditionsProvider: React.FunctionComponent<{\n children?: React.ReactNode;\n conditions: ResolutionCondition[];\n isolated?: boolean;\n}> = ({ children, conditions, isolated = false }) => {\n const currentConditions = useConditions();\n const resolvedConditions = React.useMemo(\n () =>\n currentConditions.length > 0 && !isolated\n ? [...new Set([...currentConditions, ...conditions])]\n : conditions,\n [currentConditions, conditions, isolated],\n );\n\n return (\n <ConditionsContext.Provider value={resolvedConditions}>\n {children}\n </ConditionsContext.Provider>\n );\n};\n", "import React from 'react';\n\nimport { ConditionsContext } from './ConditionsContext';\n\nexport const useConditions = () => React.useContext(ConditionsContext);\n", "import React from 'react';\nimport { Tag } from 'brandi';\n\nimport { ConditionsProvider } from './ConditionsProvider';\n\nexport interface TaggedOptions {\n isolated?: boolean;\n}\n\nexport const tagged = (...tags: Tag[]) => <P extends unknown>(\n Component: React.ComponentType<P>,\n options: TaggedOptions = {},\n): React.FunctionComponent<P> => {\n const Wrapper: React.FunctionComponent<P> = (props) => (\n <ConditionsProvider conditions={tags} isolated={options.isolated}>\n <Component {...props} />\n </ConditionsProvider>\n );\n\n Wrapper.displayName = Component.displayName\n ? `Tagged(${Component.displayName})`\n : 'Tagged';\n\n return Wrapper;\n};\n", "import { TokenType, TokenValue } from 'brandi';\n\nimport { useInjection } from './useInjection';\n\ntype InjectionHooks<T extends TokenValue[]> = {\n [K in keyof T]: T[K] extends TokenValue ? () => TokenType<T[K]> : never;\n};\n\nexport const createInjectionHooks = <T extends TokenValue[]>(\n ...tokens: T\n): InjectionHooks<T> =>\n tokens.map((token) => () => useInjection(token)) as InjectionHooks<T>;\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,mBAAkB;AAEX,IAAM,mBAAmB,qBAAM,cAAgC;;;ACFtE,oBAAkB;;;ACAlB,oBAAkB;AAMX,sBAAsB,SAAkB,MAAwB;AACrE,QAAM,YAAY,sBAAM,WAAW;AAEnC,MAAI,UAAU,cAAc,MAAM;AAChC,UAAM,IAAI,MACR;AAAA;AAIJ,SAAO;AAAA;;;ADVF,IAAM,oBAIR,CAAC,CAAE,UAAU,WAAW,WAAW,WAAY;AAClD,QAAM,kBAAkB,aAAa;AAErC,QAAM,SAAS,CAAC,WAAW,kBAAkB;AAE7C,QAAM,kBAAkB,sBAAM,QAAQ,MAAM;AAC1C,UAAM,SAAS,UAAU;AACzB,QAAI;AAAQ,aAAO,OAAO;AAC1B,WAAO;AAAA,KACN,CAAC,WAAW;AAGf,SACE,oDAAC,iBAAiB,UAAlB;AAAA,IAA2B,OAAO;AAAA,KAC/B;AAAA;;;AEvBP,oBAAkB;;;ACDlB,oBAAkB;AAGX,IAAM,oBAAoB,sBAAM,cAAqC;;;ACH5E,oBAAkB;;;ACAlB,oBAAkB;AAIX,IAAM,gBAAgB,MAAM,sBAAM,WAAW;;;ADE7C,IAAM,qBAIR,CAAC,CAAE,UAAU,YAAY,WAAW,WAAY;AACnD,QAAM,oBAAoB;AAC1B,QAAM,qBAAqB,sBAAM,QAC/B,MACE,kBAAkB,SAAS,KAAK,CAAC,WAC7B,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,mBAAmB,GAAG,gBACtC,YACN,CAAC,mBAAmB,YAAY;AAGlC,SACE,oDAAC,kBAAkB,UAAnB;AAAA,IAA4B,OAAO;AAAA,KAChC;AAAA;;;AEtBP,oBAAkB;AASX,IAAM,SAAS,IAAI,SAAgB,CACxC,WACA,UAAyB,OACM;AAC/B,QAAM,UAAsC,CAAC,UAC3C,oDAAC,oBAAD;AAAA,IAAoB,YAAY;AAAA,IAAM,UAAU,QAAQ;AAAA,KACtD,oDAAC,WAAD;AAAA,OAAe;AAAA;AAInB,UAAQ,cAAc,UAAU,cAC5B,UAAU,UAAU,iBACpB;AAEJ,SAAO;AAAA;;;AJjBF,IAAM,eAAe,CAAuB,UAA2B;AAC5E,QAAM,YAAY;AAClB,QAAM,aAAa;AAEnB,SAAO,sBAAM,QAAQ,MAAM,UAAU,IAAI,OAAO,aAAa;AAAA,IAC3D;AAAA,IACA;AAAA,IACA;AAAA;AAAA;;;AKLG,IAAM,uBAAuB,IAC/B,WAEH,OAAO,IAAI,CAAC,UAAU,MAAM,aAAa;",
6
6
  "names": []
7
7
  }
@@ -18,9 +18,13 @@ function useContainer(strict = true) {
18
18
  // src/container/ContainerProvider.tsx
19
19
  var ContainerProvider = ({children, container, isolated = false}) => {
20
20
  const parentContainer = useContainer(false);
21
- const clonedContainer = React3.useMemo(() => container.clone(), [container]);
22
- if (!isolated)
23
- clonedContainer.extend(parentContainer);
21
+ const extend = !isolated ? parentContainer : null;
22
+ const clonedContainer = React3.useMemo(() => {
23
+ const cloned = container.clone();
24
+ if (extend)
25
+ cloned.extend(extend);
26
+ return cloned;
27
+ }, [container, extend]);
24
28
  return /* @__PURE__ */ React3.createElement(ContainerContext.Provider, {
25
29
  value: clonedContainer
26
30
  }, children);
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../src/container/ContainerContext.ts", "../src/container/ContainerProvider.tsx", "../src/container/useContainer.ts", "../src/injection/useInjection.ts", "../src/conditions/ConditionsContext.ts", "../src/conditions/ConditionsProvider.tsx", "../src/conditions/useConditions.ts", "../src/conditions/tagged.tsx", "../src/injection/createInjectionHooks.ts"],
4
- "sourcesContent": ["import { Container } from 'brandi';\nimport React from 'react';\n\nexport const ContainerContext = React.createContext<Container | null>(null);\n", "import { Container } from 'brandi';\nimport React from 'react';\n\nimport { ContainerContext } from './ContainerContext';\nimport { useContainer } from './useContainer';\n\nexport const ContainerProvider: React.FunctionComponent<{\n container: Container;\n isolated?: boolean;\n}> = ({ children, container, isolated = false }) => {\n const parentContainer = useContainer(false);\n const clonedContainer = React.useMemo(() => container.clone(), [container]);\n\n if (!isolated) clonedContainer.extend(parentContainer);\n\n return (\n <ContainerContext.Provider value={clonedContainer}>\n {children}\n </ContainerContext.Provider>\n );\n};\n", "import { Container } from 'brandi';\nimport React from 'react';\n\nimport { ContainerContext } from './ContainerContext';\n\nexport function useContainer(strict?: true): Container;\nexport function useContainer(strict?: false): Container | null;\nexport function useContainer(strict: boolean = true): Container | null {\n const container = React.useContext(ContainerContext);\n\n if (strict && container === null) {\n throw new Error(\n \"Could not get a container from a context. Did you forget to pass the container through 'ContainerProvider'?\",\n );\n }\n\n return container;\n}\n", "import { TokenType, TokenValue } from 'brandi';\nimport React from 'react';\n\nimport { useConditions } from '../conditions';\nimport { useContainer } from '../container';\n\nexport const useInjection = <T extends TokenValue>(token: T): TokenType<T> => {\n const container = useContainer();\n const conditions = useConditions();\n\n return React.useMemo(() => container.get(token, conditions), [\n token,\n conditions,\n container,\n ]);\n};\n", "import React from 'react';\nimport { ResolutionCondition } from 'brandi';\n\nexport const ConditionsContext = React.createContext<ResolutionCondition[]>([]);\n", "import React from 'react';\nimport { ResolutionCondition } from 'brandi';\n\nimport { ConditionsContext } from './ConditionsContext';\nimport { useConditions } from './useConditions';\n\nexport const ConditionsProvider: React.FunctionComponent<{\n conditions: ResolutionCondition[];\n isolated?: boolean;\n}> = ({ children, conditions, isolated = false }) => {\n const currentConditions = useConditions();\n const resolvedConditions = React.useMemo(\n () =>\n currentConditions.length > 0 && !isolated\n ? [...new Set([...currentConditions, ...conditions])]\n : conditions,\n [currentConditions, conditions, isolated],\n );\n\n return (\n <ConditionsContext.Provider value={resolvedConditions}>\n {children}\n </ConditionsContext.Provider>\n );\n};\n", "import React from 'react';\n\nimport { ConditionsContext } from './ConditionsContext';\n\nexport const useConditions = () => React.useContext(ConditionsContext);\n", "import React from 'react';\nimport { Tag } from 'brandi';\n\nimport { ConditionsProvider } from './ConditionsProvider';\n\nexport interface TaggedOptions {\n isolated?: boolean;\n}\n\nexport const tagged = (...tags: Tag[]) => <P extends unknown>(\n Component: React.ComponentType<P>,\n options: TaggedOptions = {},\n): React.FunctionComponent<P> => {\n const Wrapper: React.FunctionComponent<P> = (props) => (\n <ConditionsProvider conditions={tags} isolated={options.isolated}>\n <Component {...props} />\n </ConditionsProvider>\n );\n\n Wrapper.displayName = Component.displayName\n ? `Tagged(${Component.displayName})`\n : 'Tagged';\n\n return Wrapper;\n};\n", "import { TokenType, TokenValue } from 'brandi';\n\nimport { useInjection } from './useInjection';\n\ntype InjectionHooks<T extends TokenValue[]> = {\n [K in keyof T]: T[K] extends TokenValue ? () => TokenType<T[K]> : never;\n};\n\nexport const createInjectionHooks = <T extends TokenValue[]>(\n ...tokens: T\n): InjectionHooks<T> =>\n tokens.map((token) => () => useInjection(token)) as InjectionHooks<T>;\n"],
5
- "mappings": ";AACA;AAEO,IAAM,mBAAmB,MAAM,cAAgC;;;ACFtE;;;ACAA;AAMO,sBAAsB,SAAkB,MAAwB;AACrE,QAAM,YAAY,OAAM,WAAW;AAEnC,MAAI,UAAU,cAAc,MAAM;AAChC,UAAM,IAAI,MACR;AAAA;AAIJ,SAAO;AAAA;;;ADVF,IAAM,oBAGR,CAAC,CAAE,UAAU,WAAW,WAAW,WAAY;AAClD,QAAM,kBAAkB,aAAa;AACrC,QAAM,kBAAkB,OAAM,QAAQ,MAAM,UAAU,SAAS,CAAC;AAEhE,MAAI,CAAC;AAAU,oBAAgB,OAAO;AAEtC,SACE,qCAAC,iBAAiB,UAAlB;AAAA,IAA2B,OAAO;AAAA,KAC/B;AAAA;;;AEhBP;;;ACDA;AAGO,IAAM,oBAAoB,OAAM,cAAqC;;;ACH5E;;;ACAA;AAIO,IAAM,gBAAgB,MAAM,OAAM,WAAW;;;ADE7C,IAAM,qBAGR,CAAC,CAAE,UAAU,YAAY,WAAW,WAAY;AACnD,QAAM,oBAAoB;AAC1B,QAAM,qBAAqB,OAAM,QAC/B,MACE,kBAAkB,SAAS,KAAK,CAAC,WAC7B,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,mBAAmB,GAAG,gBACtC,YACN,CAAC,mBAAmB,YAAY;AAGlC,SACE,qCAAC,kBAAkB,UAAnB;AAAA,IAA4B,OAAO;AAAA,KAChC;AAAA;;;AErBP;AASO,IAAM,SAAS,IAAI,SAAgB,CACxC,WACA,UAAyB,OACM;AAC/B,QAAM,UAAsC,CAAC,UAC3C,qCAAC,oBAAD;AAAA,IAAoB,YAAY;AAAA,IAAM,UAAU,QAAQ;AAAA,KACtD,qCAAC,WAAD;AAAA,OAAe;AAAA;AAInB,UAAQ,cAAc,UAAU,cAC5B,UAAU,UAAU,iBACpB;AAEJ,SAAO;AAAA;;;AJjBF,IAAM,eAAe,CAAuB,UAA2B;AAC5E,QAAM,YAAY;AAClB,QAAM,aAAa;AAEnB,SAAO,OAAM,QAAQ,MAAM,UAAU,IAAI,OAAO,aAAa;AAAA,IAC3D;AAAA,IACA;AAAA,IACA;AAAA;AAAA;;;AKLG,IAAM,uBAAuB,IAC/B,WAEH,OAAO,IAAI,CAAC,UAAU,MAAM,aAAa;",
4
+ "sourcesContent": ["import { Container } from 'brandi';\nimport React from 'react';\n\nexport const ContainerContext = React.createContext<Container | null>(null);\n", "import { Container } from 'brandi';\nimport React from 'react';\n\nimport { ContainerContext } from './ContainerContext';\nimport { useContainer } from './useContainer';\n\nexport const ContainerProvider: React.FunctionComponent<{\n children?: React.ReactNode;\n container: Container;\n isolated?: boolean;\n}> = ({ children, container, isolated = false }) => {\n const parentContainer = useContainer(false);\n\n const extend = !isolated ? parentContainer : null;\n\n const clonedContainer = React.useMemo(() => {\n const cloned = container.clone()\n if (extend) cloned.extend(extend)\n return cloned\n }, [container, extend]);\n\n\n return (\n <ContainerContext.Provider value={clonedContainer}>\n {children}\n </ContainerContext.Provider>\n );\n};\n", "import { Container } from 'brandi';\nimport React from 'react';\n\nimport { ContainerContext } from './ContainerContext';\n\nexport function useContainer(strict?: true): Container;\nexport function useContainer(strict?: false): Container | null;\nexport function useContainer(strict: boolean = true): Container | null {\n const container = React.useContext(ContainerContext);\n\n if (strict && container === null) {\n throw new Error(\n \"Could not get a container from a context. Did you forget to pass the container through 'ContainerProvider'?\",\n );\n }\n\n return container;\n}\n", "import { TokenType, TokenValue } from 'brandi';\nimport React from 'react';\n\nimport { useConditions } from '../conditions';\nimport { useContainer } from '../container';\n\nexport const useInjection = <T extends TokenValue>(token: T): TokenType<T> => {\n const container = useContainer();\n const conditions = useConditions();\n\n return React.useMemo(() => container.get(token, conditions), [\n token,\n conditions,\n container,\n ]);\n};\n", "import React from 'react';\nimport { ResolutionCondition } from 'brandi';\n\nexport const ConditionsContext = React.createContext<ResolutionCondition[]>([]);\n", "import React from 'react';\nimport { ResolutionCondition } from 'brandi';\n\nimport { ConditionsContext } from './ConditionsContext';\nimport { useConditions } from './useConditions';\n\nexport const ConditionsProvider: React.FunctionComponent<{\n children?: React.ReactNode;\n conditions: ResolutionCondition[];\n isolated?: boolean;\n}> = ({ children, conditions, isolated = false }) => {\n const currentConditions = useConditions();\n const resolvedConditions = React.useMemo(\n () =>\n currentConditions.length > 0 && !isolated\n ? [...new Set([...currentConditions, ...conditions])]\n : conditions,\n [currentConditions, conditions, isolated],\n );\n\n return (\n <ConditionsContext.Provider value={resolvedConditions}>\n {children}\n </ConditionsContext.Provider>\n );\n};\n", "import React from 'react';\n\nimport { ConditionsContext } from './ConditionsContext';\n\nexport const useConditions = () => React.useContext(ConditionsContext);\n", "import React from 'react';\nimport { Tag } from 'brandi';\n\nimport { ConditionsProvider } from './ConditionsProvider';\n\nexport interface TaggedOptions {\n isolated?: boolean;\n}\n\nexport const tagged = (...tags: Tag[]) => <P extends unknown>(\n Component: React.ComponentType<P>,\n options: TaggedOptions = {},\n): React.FunctionComponent<P> => {\n const Wrapper: React.FunctionComponent<P> = (props) => (\n <ConditionsProvider conditions={tags} isolated={options.isolated}>\n <Component {...props} />\n </ConditionsProvider>\n );\n\n Wrapper.displayName = Component.displayName\n ? `Tagged(${Component.displayName})`\n : 'Tagged';\n\n return Wrapper;\n};\n", "import { TokenType, TokenValue } from 'brandi';\n\nimport { useInjection } from './useInjection';\n\ntype InjectionHooks<T extends TokenValue[]> = {\n [K in keyof T]: T[K] extends TokenValue ? () => TokenType<T[K]> : never;\n};\n\nexport const createInjectionHooks = <T extends TokenValue[]>(\n ...tokens: T\n): InjectionHooks<T> =>\n tokens.map((token) => () => useInjection(token)) as InjectionHooks<T>;\n"],
5
+ "mappings": ";AACA;AAEO,IAAM,mBAAmB,MAAM,cAAgC;;;ACFtE;;;ACAA;AAMO,sBAAsB,SAAkB,MAAwB;AACrE,QAAM,YAAY,OAAM,WAAW;AAEnC,MAAI,UAAU,cAAc,MAAM;AAChC,UAAM,IAAI,MACR;AAAA;AAIJ,SAAO;AAAA;;;ADVF,IAAM,oBAIR,CAAC,CAAE,UAAU,WAAW,WAAW,WAAY;AAClD,QAAM,kBAAkB,aAAa;AAErC,QAAM,SAAS,CAAC,WAAW,kBAAkB;AAE7C,QAAM,kBAAkB,OAAM,QAAQ,MAAM;AAC1C,UAAM,SAAS,UAAU;AACzB,QAAI;AAAQ,aAAO,OAAO;AAC1B,WAAO;AAAA,KACN,CAAC,WAAW;AAGf,SACE,qCAAC,iBAAiB,UAAlB;AAAA,IAA2B,OAAO;AAAA,KAC/B;AAAA;;;AEvBP;;;ACDA;AAGO,IAAM,oBAAoB,OAAM,cAAqC;;;ACH5E;;;ACAA;AAIO,IAAM,gBAAgB,MAAM,OAAM,WAAW;;;ADE7C,IAAM,qBAIR,CAAC,CAAE,UAAU,YAAY,WAAW,WAAY;AACnD,QAAM,oBAAoB;AAC1B,QAAM,qBAAqB,OAAM,QAC/B,MACE,kBAAkB,SAAS,KAAK,CAAC,WAC7B,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,mBAAmB,GAAG,gBACtC,YACN,CAAC,mBAAmB,YAAY;AAGlC,SACE,qCAAC,kBAAkB,UAAnB;AAAA,IAA4B,OAAO;AAAA,KAChC;AAAA;;;AEtBP;AASO,IAAM,SAAS,IAAI,SAAgB,CACxC,WACA,UAAyB,OACM;AAC/B,QAAM,UAAsC,CAAC,UAC3C,qCAAC,oBAAD;AAAA,IAAoB,YAAY;AAAA,IAAM,UAAU,QAAQ;AAAA,KACtD,qCAAC,WAAD;AAAA,OAAe;AAAA;AAInB,UAAQ,cAAc,UAAU,cAC5B,UAAU,UAAU,iBACpB;AAEJ,SAAO;AAAA;;;AJjBF,IAAM,eAAe,CAAuB,UAA2B;AAC5E,QAAM,YAAY;AAClB,QAAM,aAAa;AAEnB,SAAO,OAAM,QAAQ,MAAM,UAAU,IAAI,OAAO,aAAa;AAAA,IAC3D;AAAA,IACA;AAAA,IACA;AAAA;AAAA;;;AKLG,IAAM,uBAAuB,IAC/B,WAEH,OAAO,IAAI,CAAC,UAAU,MAAM,aAAa;",
6
6
  "names": []
7
7
  }
@@ -18,9 +18,13 @@ function useContainer(strict = true) {
18
18
  // src/container/ContainerProvider.tsx
19
19
  var ContainerProvider = ({children, container, isolated = false}) => {
20
20
  const parentContainer = useContainer(false);
21
- const clonedContainer = React3.useMemo(() => container.clone(), [container]);
22
- if (!isolated)
23
- clonedContainer.extend(parentContainer);
21
+ const extend = !isolated ? parentContainer : null;
22
+ const clonedContainer = React3.useMemo(() => {
23
+ const cloned = container.clone();
24
+ if (extend)
25
+ cloned.extend(extend);
26
+ return cloned;
27
+ }, [container, extend]);
24
28
  return /* @__PURE__ */ React3.createElement(ContainerContext.Provider, {
25
29
  value: clonedContainer
26
30
  }, children);
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../src/container/ContainerContext.ts", "../src/container/ContainerProvider.tsx", "../src/container/useContainer.ts", "../src/injection/useInjection.ts", "../src/conditions/ConditionsContext.ts", "../src/conditions/ConditionsProvider.tsx", "../src/conditions/useConditions.ts", "../src/conditions/tagged.tsx", "../src/injection/createInjectionHooks.ts"],
4
- "sourcesContent": ["import { Container } from 'brandi';\nimport React from 'react';\n\nexport const ContainerContext = React.createContext<Container | null>(null);\n", "import { Container } from 'brandi';\nimport React from 'react';\n\nimport { ContainerContext } from './ContainerContext';\nimport { useContainer } from './useContainer';\n\nexport const ContainerProvider: React.FunctionComponent<{\n container: Container;\n isolated?: boolean;\n}> = ({ children, container, isolated = false }) => {\n const parentContainer = useContainer(false);\n const clonedContainer = React.useMemo(() => container.clone(), [container]);\n\n if (!isolated) clonedContainer.extend(parentContainer);\n\n return (\n <ContainerContext.Provider value={clonedContainer}>\n {children}\n </ContainerContext.Provider>\n );\n};\n", "import { Container } from 'brandi';\nimport React from 'react';\n\nimport { ContainerContext } from './ContainerContext';\n\nexport function useContainer(strict?: true): Container;\nexport function useContainer(strict?: false): Container | null;\nexport function useContainer(strict: boolean = true): Container | null {\n const container = React.useContext(ContainerContext);\n\n if (strict && container === null) {\n throw new Error(\n \"Could not get a container from a context. Did you forget to pass the container through 'ContainerProvider'?\",\n );\n }\n\n return container;\n}\n", "import { TokenType, TokenValue } from 'brandi';\nimport React from 'react';\n\nimport { useConditions } from '../conditions';\nimport { useContainer } from '../container';\n\nexport const useInjection = <T extends TokenValue>(token: T): TokenType<T> => {\n const container = useContainer();\n const conditions = useConditions();\n\n return React.useMemo(() => container.get(token, conditions), [\n token,\n conditions,\n container,\n ]);\n};\n", "import React from 'react';\nimport { ResolutionCondition } from 'brandi';\n\nexport const ConditionsContext = React.createContext<ResolutionCondition[]>([]);\n", "import React from 'react';\nimport { ResolutionCondition } from 'brandi';\n\nimport { ConditionsContext } from './ConditionsContext';\nimport { useConditions } from './useConditions';\n\nexport const ConditionsProvider: React.FunctionComponent<{\n conditions: ResolutionCondition[];\n isolated?: boolean;\n}> = ({ children, conditions, isolated = false }) => {\n const currentConditions = useConditions();\n const resolvedConditions = React.useMemo(\n () =>\n currentConditions.length > 0 && !isolated\n ? [...new Set([...currentConditions, ...conditions])]\n : conditions,\n [currentConditions, conditions, isolated],\n );\n\n return (\n <ConditionsContext.Provider value={resolvedConditions}>\n {children}\n </ConditionsContext.Provider>\n );\n};\n", "import React from 'react';\n\nimport { ConditionsContext } from './ConditionsContext';\n\nexport const useConditions = () => React.useContext(ConditionsContext);\n", "import React from 'react';\nimport { Tag } from 'brandi';\n\nimport { ConditionsProvider } from './ConditionsProvider';\n\nexport interface TaggedOptions {\n isolated?: boolean;\n}\n\nexport const tagged = (...tags: Tag[]) => <P extends unknown>(\n Component: React.ComponentType<P>,\n options: TaggedOptions = {},\n): React.FunctionComponent<P> => {\n const Wrapper: React.FunctionComponent<P> = (props) => (\n <ConditionsProvider conditions={tags} isolated={options.isolated}>\n <Component {...props} />\n </ConditionsProvider>\n );\n\n Wrapper.displayName = Component.displayName\n ? `Tagged(${Component.displayName})`\n : 'Tagged';\n\n return Wrapper;\n};\n", "import { TokenType, TokenValue } from 'brandi';\n\nimport { useInjection } from './useInjection';\n\ntype InjectionHooks<T extends TokenValue[]> = {\n [K in keyof T]: T[K] extends TokenValue ? () => TokenType<T[K]> : never;\n};\n\nexport const createInjectionHooks = <T extends TokenValue[]>(\n ...tokens: T\n): InjectionHooks<T> =>\n tokens.map((token) => () => useInjection(token)) as InjectionHooks<T>;\n"],
5
- "mappings": ";AACA;AAEO,IAAM,mBAAmB,MAAM,cAAgC;;;ACFtE;;;ACAA;AAMO,sBAAsB,SAAkB,MAAwB;AACrE,QAAM,YAAY,OAAM,WAAW;AAEnC,MAAI,UAAU,cAAc,MAAM;AAChC,UAAM,IAAI,MACR;AAAA;AAIJ,SAAO;AAAA;;;ADVF,IAAM,oBAGR,CAAC,CAAE,UAAU,WAAW,WAAW,WAAY;AAClD,QAAM,kBAAkB,aAAa;AACrC,QAAM,kBAAkB,OAAM,QAAQ,MAAM,UAAU,SAAS,CAAC;AAEhE,MAAI,CAAC;AAAU,oBAAgB,OAAO;AAEtC,SACE,qCAAC,iBAAiB,UAAlB;AAAA,IAA2B,OAAO;AAAA,KAC/B;AAAA;;;AEhBP;;;ACDA;AAGO,IAAM,oBAAoB,OAAM,cAAqC;;;ACH5E;;;ACAA;AAIO,IAAM,gBAAgB,MAAM,OAAM,WAAW;;;ADE7C,IAAM,qBAGR,CAAC,CAAE,UAAU,YAAY,WAAW,WAAY;AACnD,QAAM,oBAAoB;AAC1B,QAAM,qBAAqB,OAAM,QAC/B,MACE,kBAAkB,SAAS,KAAK,CAAC,WAC7B,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,mBAAmB,GAAG,gBACtC,YACN,CAAC,mBAAmB,YAAY;AAGlC,SACE,qCAAC,kBAAkB,UAAnB;AAAA,IAA4B,OAAO;AAAA,KAChC;AAAA;;;AErBP;AASO,IAAM,SAAS,IAAI,SAAgB,CACxC,WACA,UAAyB,OACM;AAC/B,QAAM,UAAsC,CAAC,UAC3C,qCAAC,oBAAD;AAAA,IAAoB,YAAY;AAAA,IAAM,UAAU,QAAQ;AAAA,KACtD,qCAAC,WAAD;AAAA,OAAe;AAAA;AAInB,UAAQ,cAAc,UAAU,cAC5B,UAAU,UAAU,iBACpB;AAEJ,SAAO;AAAA;;;AJjBF,IAAM,eAAe,CAAuB,UAA2B;AAC5E,QAAM,YAAY;AAClB,QAAM,aAAa;AAEnB,SAAO,OAAM,QAAQ,MAAM,UAAU,IAAI,OAAO,aAAa;AAAA,IAC3D;AAAA,IACA;AAAA,IACA;AAAA;AAAA;;;AKLG,IAAM,uBAAuB,IAC/B,WAEH,OAAO,IAAI,CAAC,UAAU,MAAM,aAAa;",
4
+ "sourcesContent": ["import { Container } from 'brandi';\nimport React from 'react';\n\nexport const ContainerContext = React.createContext<Container | null>(null);\n", "import { Container } from 'brandi';\nimport React from 'react';\n\nimport { ContainerContext } from './ContainerContext';\nimport { useContainer } from './useContainer';\n\nexport const ContainerProvider: React.FunctionComponent<{\n children?: React.ReactNode;\n container: Container;\n isolated?: boolean;\n}> = ({ children, container, isolated = false }) => {\n const parentContainer = useContainer(false);\n\n const extend = !isolated ? parentContainer : null;\n\n const clonedContainer = React.useMemo(() => {\n const cloned = container.clone()\n if (extend) cloned.extend(extend)\n return cloned\n }, [container, extend]);\n\n\n return (\n <ContainerContext.Provider value={clonedContainer}>\n {children}\n </ContainerContext.Provider>\n );\n};\n", "import { Container } from 'brandi';\nimport React from 'react';\n\nimport { ContainerContext } from './ContainerContext';\n\nexport function useContainer(strict?: true): Container;\nexport function useContainer(strict?: false): Container | null;\nexport function useContainer(strict: boolean = true): Container | null {\n const container = React.useContext(ContainerContext);\n\n if (strict && container === null) {\n throw new Error(\n \"Could not get a container from a context. Did you forget to pass the container through 'ContainerProvider'?\",\n );\n }\n\n return container;\n}\n", "import { TokenType, TokenValue } from 'brandi';\nimport React from 'react';\n\nimport { useConditions } from '../conditions';\nimport { useContainer } from '../container';\n\nexport const useInjection = <T extends TokenValue>(token: T): TokenType<T> => {\n const container = useContainer();\n const conditions = useConditions();\n\n return React.useMemo(() => container.get(token, conditions), [\n token,\n conditions,\n container,\n ]);\n};\n", "import React from 'react';\nimport { ResolutionCondition } from 'brandi';\n\nexport const ConditionsContext = React.createContext<ResolutionCondition[]>([]);\n", "import React from 'react';\nimport { ResolutionCondition } from 'brandi';\n\nimport { ConditionsContext } from './ConditionsContext';\nimport { useConditions } from './useConditions';\n\nexport const ConditionsProvider: React.FunctionComponent<{\n children?: React.ReactNode;\n conditions: ResolutionCondition[];\n isolated?: boolean;\n}> = ({ children, conditions, isolated = false }) => {\n const currentConditions = useConditions();\n const resolvedConditions = React.useMemo(\n () =>\n currentConditions.length > 0 && !isolated\n ? [...new Set([...currentConditions, ...conditions])]\n : conditions,\n [currentConditions, conditions, isolated],\n );\n\n return (\n <ConditionsContext.Provider value={resolvedConditions}>\n {children}\n </ConditionsContext.Provider>\n );\n};\n", "import React from 'react';\n\nimport { ConditionsContext } from './ConditionsContext';\n\nexport const useConditions = () => React.useContext(ConditionsContext);\n", "import React from 'react';\nimport { Tag } from 'brandi';\n\nimport { ConditionsProvider } from './ConditionsProvider';\n\nexport interface TaggedOptions {\n isolated?: boolean;\n}\n\nexport const tagged = (...tags: Tag[]) => <P extends unknown>(\n Component: React.ComponentType<P>,\n options: TaggedOptions = {},\n): React.FunctionComponent<P> => {\n const Wrapper: React.FunctionComponent<P> = (props) => (\n <ConditionsProvider conditions={tags} isolated={options.isolated}>\n <Component {...props} />\n </ConditionsProvider>\n );\n\n Wrapper.displayName = Component.displayName\n ? `Tagged(${Component.displayName})`\n : 'Tagged';\n\n return Wrapper;\n};\n", "import { TokenType, TokenValue } from 'brandi';\n\nimport { useInjection } from './useInjection';\n\ntype InjectionHooks<T extends TokenValue[]> = {\n [K in keyof T]: T[K] extends TokenValue ? () => TokenType<T[K]> : never;\n};\n\nexport const createInjectionHooks = <T extends TokenValue[]>(\n ...tokens: T\n): InjectionHooks<T> =>\n tokens.map((token) => () => useInjection(token)) as InjectionHooks<T>;\n"],
5
+ "mappings": ";AACA;AAEO,IAAM,mBAAmB,MAAM,cAAgC;;;ACFtE;;;ACAA;AAMO,sBAAsB,SAAkB,MAAwB;AACrE,QAAM,YAAY,OAAM,WAAW;AAEnC,MAAI,UAAU,cAAc,MAAM;AAChC,UAAM,IAAI,MACR;AAAA;AAIJ,SAAO;AAAA;;;ADVF,IAAM,oBAIR,CAAC,CAAE,UAAU,WAAW,WAAW,WAAY;AAClD,QAAM,kBAAkB,aAAa;AAErC,QAAM,SAAS,CAAC,WAAW,kBAAkB;AAE7C,QAAM,kBAAkB,OAAM,QAAQ,MAAM;AAC1C,UAAM,SAAS,UAAU;AACzB,QAAI;AAAQ,aAAO,OAAO;AAC1B,WAAO;AAAA,KACN,CAAC,WAAW;AAGf,SACE,qCAAC,iBAAiB,UAAlB;AAAA,IAA2B,OAAO;AAAA,KAC/B;AAAA;;;AEvBP;;;ACDA;AAGO,IAAM,oBAAoB,OAAM,cAAqC;;;ACH5E;;;ACAA;AAIO,IAAM,gBAAgB,MAAM,OAAM,WAAW;;;ADE7C,IAAM,qBAIR,CAAC,CAAE,UAAU,YAAY,WAAW,WAAY;AACnD,QAAM,oBAAoB;AAC1B,QAAM,qBAAqB,OAAM,QAC/B,MACE,kBAAkB,SAAS,KAAK,CAAC,WAC7B,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,mBAAmB,GAAG,gBACtC,YACN,CAAC,mBAAmB,YAAY;AAGlC,SACE,qCAAC,kBAAkB,UAAnB;AAAA,IAA4B,OAAO;AAAA,KAChC;AAAA;;;AEtBP;AASO,IAAM,SAAS,IAAI,SAAgB,CACxC,WACA,UAAyB,OACM;AAC/B,QAAM,UAAsC,CAAC,UAC3C,qCAAC,oBAAD;AAAA,IAAoB,YAAY;AAAA,IAAM,UAAU,QAAQ;AAAA,KACtD,qCAAC,WAAD;AAAA,OAAe;AAAA;AAInB,UAAQ,cAAc,UAAU,cAC5B,UAAU,UAAU,iBACpB;AAEJ,SAAO;AAAA;;;AJjBF,IAAM,eAAe,CAAuB,UAA2B;AAC5E,QAAM,YAAY;AAClB,QAAM,aAAa;AAEnB,SAAO,OAAM,QAAQ,MAAM,UAAU,IAAI,OAAO,aAAa;AAAA,IAC3D;AAAA,IACA;AAAA,IACA;AAAA;AAAA;;;AKLG,IAAM,uBAAuB,IAC/B,WAEH,OAAO,IAAI,CAAC,UAAU,MAAM,aAAa;",
6
6
  "names": []
7
7
  }
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
2
  import { ResolutionCondition } from 'brandi';
3
3
  export declare const ConditionsProvider: React.FunctionComponent<{
4
+ children?: React.ReactNode;
4
5
  conditions: ResolutionCondition[];
5
6
  isolated?: boolean;
6
7
  }>;
@@ -1,6 +1,7 @@
1
1
  import { Container } from 'brandi';
2
2
  import React from 'react';
3
3
  export declare const ContainerProvider: React.FunctionComponent<{
4
+ children?: React.ReactNode;
4
5
  container: Container;
5
6
  isolated?: boolean;
6
7
  }>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "brandi-react",
3
- "version": "4.0.1",
3
+ "version": "5.0.0",
4
4
  "description": "React bindings for Brandi — the dependency injection container.",
5
5
  "main": "./lib/brandi-react.js",
6
6
  "module": "./lib/brandi-react.mjs",
@@ -10,7 +10,8 @@
10
10
  "exports": {
11
11
  "import": "./lib/brandi-react.mjs",
12
12
  "require": "./lib/brandi-react.js",
13
- "default": "./lib/brandi-react.js"
13
+ "default": "./lib/brandi-react.js",
14
+ "types": "./lib/typings/index.d.ts"
14
15
  },
15
16
  "typings": "./lib/typings/index.d.ts",
16
17
  "sideEffects": false,
@@ -47,7 +48,7 @@
47
48
  "container"
48
49
  ],
49
50
  "peerDependencies": {
50
- "brandi": "^3 || ^4",
51
- "react": "^16.8.0 || ^17"
51
+ "brandi": "^3 || ^4 || ^5",
52
+ "react": "^16.8.0 || ^17 || ^18"
52
53
  }
53
54
  }