@oliasoft-open-source/charts-library 2.17.0-beta-1 → 2.17.0-beta-2

package/index.js

@@ -6,6 +6,7 @@ import ScatterChart from './src/components/scatter-chart/scatter-chart';
 
 export { LineChart } from './src/components/line-chart/line-chart';
 export { initializeLineChart } from './src/components/line-chart/utils/initialize/initialize-line-chart';
+export { updateTranslations } from './src/components/line-chart/utils/translations/translations';
 
 export { PieChart } from './src/components/pie-chart/pie-chart';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/charts-library",
-  "version": "2.17.0-beta-1",
+  "version": "2.17.0-beta-2",
   "description": "React Chart Library (based on Chart.js and react-chart-js-2)",
   "homepage": "https://gitlab.com/oliasoft-open-source/charts-library",
   "bugs": {

package/src/components/line-chart/line-chart.jsx

@@ -29,8 +29,8 @@ import { useChartOptions } from './hooks/use-chart-options';
 import { useChartPlugins } from './hooks/use-chart-plugins';
 import { generateKey } from './utils/line-chart-utils';
 import { useChartState } from './state/use-chart-state';
-import { getConfig } from './utils/initialize/initialize-line-chart';
 import { INIT_KEYS } from './constants/line-chart-consts';
+import { getConfig } from './utils/initialize/config';
 
 ChartJS.register(
   LinearScale,
@@ -55,7 +55,7 @@ ChartJS.register(
 const LineChart = (props) => {
   setDefaultTheme();
   const chartRef = useRef(null);
-  const { table, translations: translationsRaw } = props;
+  const { table } = props;
   const translations = getConfig(INIT_KEYS.TRANSLATIONS);
   const chart = getDefaultProps(props);
   const {

package/src/components/line-chart/utils/initialize/config.js

@@ -0,0 +1,22 @@
+import { INIT_KEYS } from '../../constants/line-chart-consts';
+import { defaultTranslations } from '../../constants/default-translations';
+
+const config = {
+  [INIT_KEYS.TRANSLATIONS]: defaultTranslations,
+};
+
+/**
+ * Retrieve the value for the given key from the config object.
+ * @param {string} key - The key to access the corresponding value in the config object.
+ * @returns {*} - The value associated with the given key in the config object.
+ */
+export const getConfig = (key) => config[key];
+
+/**
+ * Set a new value for the given key in the config object.
+ * @param {string} key - The key to access the corresponding value in the config object.
+ * @param {*} newValue - The new value to be set for the given key.
+ */
+export const setConfig = (key, newValue) => {
+  config[key] = newValue;
+};

package/src/components/line-chart/utils/initialize/initialize-line-chart.js

@@ -1,16 +1,6 @@
-import { getTranslations } from '../get-translations/get-translations';
+import { translations } from '../translations/translations';
 import { INIT_KEYS } from '../../constants/line-chart-consts';
-
-const config = {
-  [INIT_KEYS.TRANSLATIONS]: getTranslations(),
-};
-
-/**
- * Retrieve the value for the given key from the config object.
- * @param {string} key - The key to access the corresponding value in the config object.
- * @returns {*} - The value associated with the given key in the config object.
- */
-export const getConfig = (key) => config[key];
+import { setConfig } from './config';
 
 /**
  * Initialize the charts library with the provided configurations.
@@ -20,9 +10,9 @@ export const getConfig = (key) => config[key];
 export const initializeLineChart = (options = {}) => {
   Object.entries(options).forEach(([key, value]) => {
     if (key === INIT_KEYS.TRANSLATIONS) {
-      config[key] = getTranslations(value);
+      setConfig(INIT_KEYS.TRANSLATIONS, translations(value));
     } else {
-      config[key] = { ...value };
+      setConfig(INIT_KEYS.TRANSLATIONS, { ...value });
     }
   });
 };

package/src/components/line-chart/utils/{get-translations/get-translations.js → translations/translations.js}

@@ -1,4 +1,6 @@
 import { defaultTranslations } from '../../constants/default-translations';
+import { INIT_KEYS } from '../../constants/line-chart-consts';
+import { setConfig } from '../initialize/config';
 
 /**
  * Merges custom translations with the default translations.
@@ -6,7 +8,7 @@ import { defaultTranslations } from '../../constants/default-translations';
  * @param {object} translations - Custom translations.
  * @returns {object} - The resulting translations object, containing both default and custom translations.
  */
-export const getTranslations = (translations = {}) => {
+export const translations = (translations = {}) => {
   return Object.keys(defaultTranslations).reduce(
     (acc, key) => ({
       ...acc,
@@ -15,3 +17,14 @@ export const getTranslations = (translations = {}) => {
     {},
   );
 };
+
+/**
+ * Updates the translations configuration with new translations.
+ *
+ * @param {object} newTranslations - The new translations to be added.
+ * @returns {void}
+ */
+export function updateTranslations(newTranslations) {
+  const updatedTranslations = translations(newTranslations);
+  setConfig(INIT_KEYS.TRANSLATIONS, updatedTranslations);
+}