@gravity-ui/chartkit 4.23.2 → 4.23.3

package/build/libs/settings/mergeSettingStrategy.d.ts

@@ -0,0 +1 @@
+export declare function mergeSettingStrategy(objValue: any, srcValue: any, key: string): any;

package/build/libs/settings/mergeSettingStrategy.js

@@ -0,0 +1,31 @@
+import isObject from 'lodash/isObject';
+import mergeWith from 'lodash/mergeWith';
+// @ts-ignore
+export function mergeSettingStrategy(objValue, srcValue, key) {
+    if (key === 'plugins') {
+        const currentPlugins = [...objValue];
+        const newPlugins = [...srcValue];
+        // modify existing plugins
+        let newSettingsPlugins = currentPlugins.map((currentPlugin) => {
+            const newPluginIndex = newPlugins.findIndex(({ type }) => type === currentPlugin.type);
+            if (newPluginIndex !== -1) {
+                const newPlugin = newPlugins[newPluginIndex];
+                newPlugins.splice(newPluginIndex, 1);
+                return {
+                    type: currentPlugin.type,
+                    renderer: newPlugin.renderer,
+                };
+            }
+            return currentPlugin;
+        });
+        // add new plugins if it exist after modified
+        if (newPlugins.length > 0) {
+            newSettingsPlugins = [...newSettingsPlugins, ...newPlugins];
+        }
+        return newSettingsPlugins;
+    }
+    if (isObject(objValue)) {
+        return mergeWith(objValue, srcValue, mergeSettingStrategy);
+    }
+    return srcValue;
+}

package/build/libs/settings/settings.js

@@ -1,8 +1,9 @@
 import get from 'lodash/get';
-import merge from 'lodash/merge';
+import mergeWith from 'lodash/mergeWith';
 import { configure } from '@gravity-ui/uikit';
 import { i18nFactory } from '../../i18n';
 import { EventEmitter } from './eventEmitter';
+import { mergeSettingStrategy } from './mergeSettingStrategy';
 export const settingsEventEmitter = new EventEmitter();
 const removeUndefinedValues = (data) => {
     return Object.entries(data).reduce((acc, [key, value]) => {
@@ -29,7 +30,7 @@ class ChartKitSettings {
     }
     set(updates) {
         const filteredUpdates = removeUndefinedValues(updates);
-        this.settings = merge(this.settings, filteredUpdates);
+        this.settings = mergeWith(this.settings, filteredUpdates, mergeSettingStrategy);
         if (filteredUpdates.lang) {
             const lang = filteredUpdates.lang || this.get('lang');
             updateLang(lang);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/chartkit",
-  "version": "4.23.2",
+  "version": "4.23.3",
   "description": "React component used to render charts based on any sources you need",
   "license": "MIT",
   "repository": "git@github.com:gravity-ui/ChartKit.git",