bento-charts 2.1.0 → 2.1.1

package/dist/ChartConfigProvider.d.ts

@@ -3,11 +3,12 @@ import { ChartTheme, LngDictionary, TranslationObject } from './types/chartTypes
 export declare function useChartTheme(): ChartTheme;
 export declare function useChartTranslation(): LngDictionary;
 export declare function useChartThreshold(): number;
-declare const ChartConfigProvider: ({ theme, Lng, translationMap, children, globalThreshold, }: {
-    theme?: ChartTheme | undefined;
+declare const ChartConfigProvider: ({ theme, Lng, translationMap, children, globalThreshold }: ChartConfigProviderProps) => import("react/jsx-runtime").JSX.Element | null;
+type ChartConfigProviderProps = {
+    theme?: ChartTheme;
     Lng: string;
-    translationMap?: TranslationObject | undefined;
+    translationMap?: TranslationObject;
     children: React.ReactElement;
-    globalThreshold?: number | undefined;
-}) => import("react/jsx-runtime").JSX.Element;
+    globalThreshold?: number;
+};
 export default ChartConfigProvider;

package/dist/ChartConfigProvider.js

@@ -12,29 +12,37 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useContext } from 'react';
 import { DEFAULT_CHART_THEME, defaultTranslationObject } from './constants/chartConstants';
-var ChartThemeContext = React.createContext(DEFAULT_CHART_THEME);
+var DEFAULT_CONTEXT = {
+    theme: DEFAULT_CHART_THEME,
+    translation: defaultTranslationObject.en,
+    threshold: 0,
+};
+var ChartContext = React.createContext(DEFAULT_CONTEXT);
 export function useChartTheme() {
-    return useContext(ChartThemeContext);
+    return useContext(ChartContext).theme;
 }
-var ChartTranslationContext = React.createContext(defaultTranslationObject.en);
 export function useChartTranslation() {
-    return useContext(ChartTranslationContext);
+    return useContext(ChartContext).translation;
 }
-var ChartThresholdContext = React.createContext(0);
 export function useChartThreshold() {
-    return useContext(ChartThresholdContext);
+    return useContext(ChartContext).threshold;
 }
-// TODO: reduce number of contexts
 var ChartConfigProvider = function (_a) {
-    var _b = _a.theme, theme = _b === void 0 ? DEFAULT_CHART_THEME : _b, Lng = _a.Lng, translationMap = _a.translationMap, children = _a.children, _c = _a.globalThreshold, globalThreshold = _c === void 0 ? 0 : _c;
+    var theme = _a.theme, Lng = _a.Lng, translationMap = _a.translationMap, children = _a.children, globalThreshold = _a.globalThreshold;
     var lang = 'en';
     try {
         lang = Lng;
     }
     catch (e) {
         console.error('Lng is not a supported language');
+        return null;
     }
-    return (_jsx(ChartThemeContext.Provider, __assign({ value: theme }, { children: _jsx(ChartTranslationContext.Provider, __assign({ value: translationMap ? translationMap[lang] : defaultTranslationObject[lang] }, { children: _jsx(ChartThresholdContext.Provider, __assign({ value: globalThreshold }, { children: children })) })) })));
+    var contextValue = {
+        theme: theme !== null && theme !== void 0 ? theme : DEFAULT_CONTEXT.theme,
+        translation: translationMap ? translationMap[lang] : defaultTranslationObject[lang],
+        threshold: globalThreshold !== null && globalThreshold !== void 0 ? globalThreshold : DEFAULT_CONTEXT.threshold,
+    };
+    return _jsx(ChartContext.Provider, __assign({ value: contextValue }, { children: children }));
 };
 export default ChartConfigProvider;
 //# sourceMappingURL=ChartConfigProvider.js.map

package/dist/ChartConfigProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartConfigProvider.js","sourceRoot":"","sources":["../src/ChartConfigProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,mBAAmB,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAG3F,IAAM,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAa,mBAAmB,CAAC,CAAC;AAC/E,MAAM,UAAU,aAAa;IAC3B,OAAO,UAAU,CAAC,iBAAiB,CAAC,CAAC;AACvC,CAAC;AAED,IAAM,uBAAuB,GAAG,KAAK,CAAC,aAAa,CAAgB,wBAAwB,CAAC,EAAE,CAAC,CAAC;AAChG,MAAM,UAAU,mBAAmB;IACjC,OAAO,UAAU,CAAC,uBAAuB,CAAC,CAAC;AAC7C,CAAC;AAED,IAAM,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAAS,CAAC,CAAC,CAAC;AAE7D,MAAM,UAAU,iBAAiB;IAC/B,OAAO,UAAU,CAAC,qBAAqB,CAAC,CAAC;AAC3C,CAAC;AAED,kCAAkC;AAClC,IAAM,mBAAmB,GAAG,UAAC,EAY5B;QAXC,aAA2B,EAA3B,KAAK,mBAAG,mBAAmB,KAAA,EAC3B,GAAG,SAAA,EACH,cAAc,oBAAA,EACd,QAAQ,cAAA,EACR,uBAAmB,EAAnB,eAAe,mBAAG,CAAC,KAAA;IAQnB,IAAI,IAAI,GAAiB,IAAI,CAAC;IAC9B,IAAI;QACF,IAAI,GAAG,GAAmB,CAAC;KAC5B;IAAC,OAAO,CAAC,EAAE;QACV,OAAO,CAAC,KAAK,CAAC,iCAAiC,CAAC,CAAC;KAClD;IACD,OAAO,CACL,KAAC,iBAAiB,CAAC,QAAQ,aAAC,KAAK,EAAE,KAAK,gBACtC,KAAC,uBAAuB,CAAC,QAAQ,aAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,wBAAwB,CAAC,IAAI,CAAC,gBAC7G,KAAC,qBAAqB,CAAC,QAAQ,aAAC,KAAK,EAAE,eAAe,gBAAG,QAAQ,IAAkC,IAClE,IACR,CAC9B,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"ChartConfigProvider.js","sourceRoot":"","sources":["../src/ChartConfigProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,mBAAmB,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAS3F,IAAM,eAAe,GAAqB;IACxC,KAAK,EAAE,mBAAmB;IAC1B,WAAW,EAAE,wBAAwB,CAAC,EAAE;IACxC,SAAS,EAAE,CAAC;CACb,CAAC;AAEF,IAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAAmB,eAAe,CAAC,CAAC;AAE5E,MAAM,UAAU,aAAa;IAC3B,OAAO,UAAU,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC;AACxC,CAAC;AAED,MAAM,UAAU,mBAAmB;IACjC,OAAO,UAAU,CAAC,YAAY,CAAC,CAAC,WAAW,CAAC;AAC9C,CAAC;AAED,MAAM,UAAU,iBAAiB;IAC/B,OAAO,UAAU,CAAC,YAAY,CAAC,CAAC,SAAS,CAAC;AAC5C,CAAC;AAED,IAAM,mBAAmB,GAAG,UAAC,EAAmF;QAAjF,KAAK,WAAA,EAAE,GAAG,SAAA,EAAE,cAAc,oBAAA,EAAE,QAAQ,cAAA,EAAE,eAAe,qBAAA;IAClF,IAAI,IAAI,GAAiB,IAAI,CAAC;IAC9B,IAAI;QACF,IAAI,GAAG,GAAmB,CAAC;KAC5B;IAAC,OAAO,CAAC,EAAE;QACV,OAAO,CAAC,KAAK,CAAC,iCAAiC,CAAC,CAAC;QACjD,OAAO,IAAI,CAAC;KACb;IACD,IAAM,YAAY,GAAG;QACnB,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,eAAe,CAAC,KAAK;QACrC,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,wBAAwB,CAAC,IAAI,CAAC;QACnF,SAAS,EAAE,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,eAAe,CAAC,SAAS;KACxD,CAAC;IACF,OAAO,KAAC,YAAY,CAAC,QAAQ,aAAC,KAAK,EAAE,YAAY,gBAAG,QAAQ,IAAyB,CAAC;AACxF,CAAC,CAAC;AAUF,eAAe,mBAAmB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bento-charts",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "description": "Charts library for Bento-platform",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/ChartConfigProvider.tsx

@@ -3,49 +3,54 @@ import React, { useContext } from 'react';
 import { DEFAULT_CHART_THEME, defaultTranslationObject } from './constants/chartConstants';
 import { ChartTheme, LngDictionary, SupportedLng, TranslationObject } from './types/chartTypes';
 
-const ChartThemeContext = React.createContext<ChartTheme>(DEFAULT_CHART_THEME);
+type ChartContextType = {
+  theme: ChartTheme;
+  translation: LngDictionary;
+  threshold: number;
+};
+
+const DEFAULT_CONTEXT: ChartContextType = {
+  theme: DEFAULT_CHART_THEME,
+  translation: defaultTranslationObject.en,
+  threshold: 0,
+};
+
+const ChartContext = React.createContext<ChartContextType>(DEFAULT_CONTEXT);
+
 export function useChartTheme() {
-  return useContext(ChartThemeContext);
+  return useContext(ChartContext).theme;
 }
 
-const ChartTranslationContext = React.createContext<LngDictionary>(defaultTranslationObject.en);
 export function useChartTranslation() {
-  return useContext(ChartTranslationContext);
+  return useContext(ChartContext).translation;
 }
 
-const ChartThresholdContext = React.createContext<number>(0);
-
 export function useChartThreshold() {
-  return useContext(ChartThresholdContext);
+  return useContext(ChartContext).threshold;
 }
 
-// TODO: reduce number of contexts
-const ChartConfigProvider = ({
-  theme = DEFAULT_CHART_THEME,
-  Lng,
-  translationMap,
-  children,
-  globalThreshold = 0,
-}: {
-  theme?: ChartTheme;
-  Lng: string;
-  translationMap?: TranslationObject;
-  children: React.ReactElement;
-  globalThreshold?: number;
-}) => {
+const ChartConfigProvider = ({ theme, Lng, translationMap, children, globalThreshold }: ChartConfigProviderProps) => {
   let lang: SupportedLng = 'en';
   try {
     lang = Lng as SupportedLng;
   } catch (e) {
     console.error('Lng is not a supported language');
+    return null;
   }
-  return (
-    <ChartThemeContext.Provider value={theme}>
-      <ChartTranslationContext.Provider value={translationMap ? translationMap[lang] : defaultTranslationObject[lang]}>
-        <ChartThresholdContext.Provider value={globalThreshold}>{children}</ChartThresholdContext.Provider>
-      </ChartTranslationContext.Provider>
-    </ChartThemeContext.Provider>
-  );
+  const contextValue = {
+    theme: theme ?? DEFAULT_CONTEXT.theme,
+    translation: translationMap ? translationMap[lang] : defaultTranslationObject[lang],
+    threshold: globalThreshold ?? DEFAULT_CONTEXT.threshold,
+  };
+  return <ChartContext.Provider value={contextValue}>{children}</ChartContext.Provider>;
+};
+
+type ChartConfigProviderProps = {
+  theme?: ChartTheme;
+  Lng: string;
+  translationMap?: TranslationObject;
+  children: React.ReactElement;
+  globalThreshold?: number;
 };
 
 export default ChartConfigProvider;