@thoughtspot/ts-chart-sdk 0.0.1-alpha.5 → 0.0.1-alpha.6

package/cjs/react/custom-chart-context-hook.spec.js

@@ -0,0 +1,343 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("@testing-library/react");
+const react_hooks_1 = require("@testing-library/react-hooks");
+const react_2 = __importDefault(require("react"));
+const custom_chart_context_1 = require("../main/custom-chart-context");
+const PostMessageEventBridge = __importStar(require("../main/post-message-event-bridge"));
+const test_utils_1 = require("../test/test-utils");
+const chart_to_ts_event_types_1 = require("../types/chart-to-ts-event.types");
+const ts_to_chart_event_types_1 = require("../types/ts-to-chart-event.types");
+const custom_chart_context_hook_1 = require("./custom-chart-context-hook");
+const custom_chart_context_mock_1 = require("./mocks/custom-chart-context-mock");
+jest.mock('../main/post-message-event-bridge');
+describe('useChartContext initialization', () => {
+    let eventProcessor;
+    let mockInitMessage;
+    let mockPostMessageToHost;
+    const mockedChartModel = { columns: [], config: {} };
+    beforeEach(() => {
+        mockInitMessage = jest.spyOn(PostMessageEventBridge, 'initMessageListener');
+        mockPostMessageToHost = jest.spyOn(PostMessageEventBridge, 'postMessageToHostApp');
+        mockInitMessage.mockImplementation((fn) => {
+            eventProcessor = fn;
+        });
+        mockPostMessageToHost.mockImplementation(() => {
+            return global.Promise.resolve();
+        });
+    });
+    afterEach(() => {
+        jest.clearAllMocks();
+        (0, custom_chart_context_1.resetInitialized)();
+    });
+    test('should initialize the context only after intialize completes', async () => {
+        const { result, waitFor } = (0, react_hooks_1.renderHook)(() => (0, custom_chart_context_hook_1.useChartContext)(custom_chart_context_mock_1.contextChartProps));
+        expect(result.current.hasInitialized).toBe(false);
+        expect(result.current.chartModel).toBeUndefined();
+        const mockPostMessage = jest.fn();
+        eventProcessor({
+            data: {
+                payload: {
+                    componentId: 'COMPONENT_ID',
+                    hostUrl: 'https://some.chart.app',
+                    chartModel: mockedChartModel,
+                },
+                eventType: ts_to_chart_event_types_1.TSToChartEvent.Initialize,
+                source: 'ts-host-app',
+            },
+            ports: [{ postMessage: mockPostMessage }],
+        });
+        eventProcessor({
+            data: {
+                payload: {},
+                eventType: ts_to_chart_event_types_1.TSToChartEvent.InitializeComplete,
+                source: 'ts-host-app',
+            },
+            ports: [{ postMessage: mockPostMessage }],
+        });
+        await waitFor(() => {
+            expect(result.current.hasInitialized).toBe(true);
+            expect(result.current.chartModel).toEqual(mockedChartModel);
+        });
+    });
+    test('should make sure hasInitialized to remain false when context initialization failed', async () => {
+        jest.mock('../main/custom-chart-context', () => ({
+            CustomChartContext: jest.fn().mockImplementation(() => ({
+                initialize: jest
+                    .fn()
+                    .mockRejectedValue(new Error('Initialization failed')),
+                emitEvent: jest.fn(),
+                on: jest.fn(),
+                getChartModel: jest.fn(),
+                renderChart: jest.fn(),
+            })),
+        }));
+        const { result, waitFor } = (0, react_hooks_1.renderHook)(() => (0, custom_chart_context_hook_1.useChartContext)({
+            ...custom_chart_context_mock_1.contextChartProps,
+        }));
+        await waitFor(() => {
+            expect(result.current.hasInitialized).toBe(false);
+            expect(result.current.chartModel).toBeUndefined();
+        });
+    });
+});
+describe('useChartContext emit', () => {
+    let eventProcessor;
+    let mockInitMessage;
+    let mockPostMessageToHost;
+    beforeEach(() => {
+        mockInitMessage = jest.spyOn(PostMessageEventBridge, 'initMessageListener');
+        mockPostMessageToHost = jest.spyOn(PostMessageEventBridge, 'postMessageToHostApp');
+        mockInitMessage.mockImplementation((fn) => {
+            eventProcessor = fn;
+        });
+        mockPostMessageToHost.mockImplementation(() => {
+            return global.Promise.resolve();
+        });
+    });
+    afterEach(() => {
+        jest.clearAllMocks();
+        (0, custom_chart_context_1.resetInitialized)();
+    });
+    test('should trigger the emitter correctly when context is initialized', async () => {
+        const { result, waitFor } = (0, react_hooks_1.renderHook)(() => (0, custom_chart_context_hook_1.useChartContext)(custom_chart_context_mock_1.contextChartProps));
+        const mockPostMessage = jest.fn();
+        eventProcessor({
+            data: {
+                payload: test_utils_1.mockInitializeContextPayload,
+                eventType: ts_to_chart_event_types_1.TSToChartEvent.Initialize,
+                source: 'ts-host-app',
+            },
+            ports: [{ postMessage: mockPostMessage }],
+        });
+        eventProcessor({
+            data: {
+                payload: {},
+                eventType: ts_to_chart_event_types_1.TSToChartEvent.InitializeComplete,
+                source: 'ts-host-app',
+            },
+            ports: [{ postMessage: mockPostMessage }],
+        });
+        await waitFor(() => {
+            expect(result.current.hasInitialized).toBe(true);
+        });
+        const contextPayload = {
+            clickedPoint: { tuple: [{ columnId: '123', value: 12 }] },
+            event: {},
+        };
+        result.current.emitOpenContextMenu([contextPayload]);
+        expect(mockPostMessageToHost).toHaveBeenCalledWith(test_utils_1.mockInitializeContextPayload.componentId, test_utils_1.mockInitializeContextPayload.hostUrl, contextPayload, chart_to_ts_event_types_1.ChartToTSEvent.OpenContextMenu);
+    });
+    test('should not defined emitter when context is not initialized', async () => {
+        const { result, waitFor } = (0, react_hooks_1.renderHook)(() => (0, custom_chart_context_hook_1.useChartContext)(custom_chart_context_mock_1.contextChartProps));
+        const mockPostMessage = jest.fn();
+        eventProcessor({
+            data: {
+                payload: test_utils_1.mockInitializeContextPayload,
+                eventType: ts_to_chart_event_types_1.TSToChartEvent.Initialize,
+                source: 'ts-host-app',
+            },
+            ports: [{ postMessage: mockPostMessage }],
+        });
+        await waitFor(() => {
+            expect(result.current.hasInitialized).toBe(false);
+        });
+        result.current.emitRenderStart([]);
+        expect(mockPostMessageToHost).not.toHaveBeenCalled();
+    });
+});
+describe('useChartContext on listeners', () => {
+    let eventProcessor;
+    let mockInitMessage;
+    let mockPostMessageToHost;
+    const mockedChartModel = { columns: [], config: {} };
+    beforeEach(() => {
+        mockInitMessage = jest.spyOn(PostMessageEventBridge, 'initMessageListener');
+        mockPostMessageToHost = jest.spyOn(PostMessageEventBridge, 'postMessageToHostApp');
+        mockInitMessage.mockImplementation((fn) => {
+            eventProcessor = fn;
+        });
+        mockPostMessageToHost.mockImplementation(() => {
+            return global.Promise.resolve();
+        });
+    });
+    afterEach(() => {
+        jest.clearAllMocks();
+        (0, custom_chart_context_1.resetInitialized)();
+    });
+    test('should trigger the onEvent correctly when context is initialized', async () => {
+        const { result, waitFor } = (0, react_hooks_1.renderHook)(() => (0, custom_chart_context_hook_1.useChartContext)(custom_chart_context_mock_1.contextChartProps));
+        expect(result.current.hasInitialized).toBe(false);
+        expect(result.current.chartModel).toBeUndefined();
+        const mockPostMessage = jest.fn();
+        eventProcessor({
+            data: {
+                payload: {
+                    componentId: 'COMPONENT_ID',
+                    hostUrl: 'https://some.chart.app',
+                    chartModel: mockedChartModel,
+                },
+                eventType: ts_to_chart_event_types_1.TSToChartEvent.Initialize,
+                source: 'ts-host-app',
+            },
+            ports: [{ postMessage: mockPostMessage }],
+        });
+        eventProcessor({
+            data: {
+                payload: {},
+                eventType: ts_to_chart_event_types_1.TSToChartEvent.InitializeComplete,
+                source: 'ts-host-app',
+            },
+            ports: [{ postMessage: mockPostMessage }],
+        });
+        await waitFor(() => {
+            expect(result.current.hasInitialized).toBe(true);
+            expect(result.current.chartModel).toEqual(mockedChartModel);
+        });
+        eventProcessor({
+            data: {
+                payload: { chartModel: {} },
+                eventType: ts_to_chart_event_types_1.TSToChartEvent.ChartModelUpdate,
+                source: 'ts-host-app',
+            },
+            ports: [{ postMessage: mockPostMessage }],
+        });
+        await waitFor(() => {
+            expect(mockPostMessage).toHaveBeenCalledWith({
+                triggerRenderChart: true,
+            });
+            expect(result.current.chartModel).toEqual({});
+        });
+        eventProcessor({
+            data: {
+                payload: { visualProps: { color: 'red' } },
+                eventType: ts_to_chart_event_types_1.TSToChartEvent.VisualPropsUpdate,
+                source: 'ts-host-app',
+            },
+            ports: [{ postMessage: mockPostMessage }],
+        });
+        expect(mockPostMessage).toHaveBeenCalledWith({
+            triggerRenderChart: true,
+        });
+        await waitFor(() => {
+            var _a;
+            expect(mockPostMessage).toHaveBeenCalledWith({
+                triggerRenderChart: true,
+            });
+            expect((_a = result.current.chartModel) === null || _a === void 0 ? void 0 : _a.visualProps).toEqual({
+                color: 'red',
+            });
+        });
+    });
+});
+describe('useChartContext on React Wrapper component', () => {
+    let eventProcessor;
+    let mockInitMessage;
+    let mockPostMessageToHost;
+    beforeEach(() => {
+        mockInitMessage = jest.spyOn(PostMessageEventBridge, 'initMessageListener');
+        mockPostMessageToHost = jest.spyOn(PostMessageEventBridge, 'postMessageToHostApp');
+        mockInitMessage.mockImplementation((fn) => {
+            eventProcessor = fn;
+        });
+        mockPostMessageToHost.mockImplementation(() => {
+            return global.Promise.resolve();
+        });
+    });
+    afterEach(() => {
+        jest.clearAllMocks();
+        (0, custom_chart_context_1.resetInitialized)();
+    });
+    test('WrapperComponent renders children and should not increase counter for useEffect on chartModel if visualProps is updated', async () => {
+        const CustomChartComponent = () => {
+            var _a, _b;
+            const [counter, setCounter] = react_2.default.useState(0);
+            const { WrapperComponent, chartModel } = (0, custom_chart_context_hook_1.useChartContext)(custom_chart_context_mock_1.contextChartProps);
+            react_2.default.useEffect(() => {
+                setCounter((prevCount) => prevCount + 1);
+            }, [chartModel]);
+            return (react_2.default.createElement(WrapperComponent, null,
+                react_2.default.createElement("div", { "data-testid": "child-element" },
+                    "Child Element counter: ",
+                    counter, (_b = (_a = chartModel === null || chartModel === void 0 ? void 0 : chartModel.visualProps) === null || _a === void 0 ? void 0 : _a.color) !== null && _b !== void 0 ? _b : '')));
+        };
+        const { getByTestId } = (0, react_1.render)(react_2.default.createElement(CustomChartComponent, null));
+        const childElement = getByTestId('child-element');
+        await (0, react_1.waitFor)(() => {
+            expect(childElement.textContent).toBe('Child Element counter: 1');
+        });
+        const mockPostMessage = jest.fn();
+        eventProcessor({
+            data: {
+                payload: { visualProps: { color: 'red' } },
+                eventType: ts_to_chart_event_types_1.TSToChartEvent.VisualPropsUpdate,
+                source: 'ts-host-app',
+            },
+            ports: [{ postMessage: mockPostMessage }],
+        });
+        const updatedChildElement = getByTestId('child-element');
+        await (0, react_1.waitFor)(() => {
+            expect(updatedChildElement.textContent).toBe('Child Element counter: 1red');
+        });
+    });
+    test('WrapperComponent renders children should increase counter for useEffect on chartModel.visualProps if visualProps is updated', async () => {
+        const CustomChartComponent = () => {
+            var _a, _b;
+            const [counter, setCounter] = react_2.default.useState(0);
+            const { WrapperComponent, chartModel } = (0, custom_chart_context_hook_1.useChartContext)(custom_chart_context_mock_1.contextChartProps);
+            react_2.default.useEffect(() => {
+                setCounter((prevCount) => prevCount + 1);
+            }, [chartModel === null || chartModel === void 0 ? void 0 : chartModel.visualProps]);
+            return (react_2.default.createElement(WrapperComponent, null,
+                react_2.default.createElement("div", { "data-testid": "child-element" },
+                    "Child Element counter: ",
+                    counter, (_b = (_a = chartModel === null || chartModel === void 0 ? void 0 : chartModel.visualProps) === null || _a === void 0 ? void 0 : _a.color) !== null && _b !== void 0 ? _b : '')));
+        };
+        const { getByTestId, rerender } = (0, react_1.render)(react_2.default.createElement(CustomChartComponent, null));
+        const childElement = getByTestId('child-element');
+        await (0, react_1.waitFor)(() => {
+            expect(childElement.textContent).toBe('Child Element counter: 1');
+        });
+        const mockPostMessage = jest.fn();
+        eventProcessor({
+            data: {
+                payload: { visualProps: { color: 'red' } },
+                eventType: ts_to_chart_event_types_1.TSToChartEvent.VisualPropsUpdate,
+                source: 'ts-host-app',
+            },
+            ports: [{ postMessage: mockPostMessage }],
+        });
+        rerender(react_2.default.createElement(CustomChartComponent, null));
+        const updatedChildElement = getByTestId('child-element');
+        await (0, react_1.waitFor)(() => {
+            expect(updatedChildElement.textContent).toBe('Child Element counter: 2red');
+        });
+    });
+});
+//# sourceMappingURL=custom-chart-context-hook.spec.js.map

package/cjs/react/custom-chart-context-hook.spec.js.map

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

package/cjs/react/custom-chart-context-service.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { CustomChartContextProps } from '../main/custom-chart-context';
 import { ChartToTSEventsPayloadMap } from '../types/chart-to-ts-event.types';
 import { ChartModel } from '../types/common.types';
-import { ChartModelUpdateEventPayload, DataUpdateEventPayload, TSToChartEventsPayloadMap, VisualPropsUpdateEventPayload } from '../types/ts-to-chart-event.types';
+import { TSToChartEventsPayloadMap } from '../types/ts-to-chart-event.types';
 export type ChartToTSEventEmitters = {
     [key in keyof ChartToTSEventsPayloadMap as `emit${Capitalize<key>}`]: (args: ChartToTSEventsPayloadMap[key]) => Promise<void>;
 };
@@ -12,22 +12,11 @@ export type TSToChartEventListener = {
 interface WrapperComponentProps {
     children: React.ReactNode;
 }
-export declare const useChartContext: (props: CustomChartContextProps) => {
-    WrapperComponent: ({ children }: WrapperComponentProps) => React.JSX.Element;
-    onChartModelUpdate: (args: (payload: ChartModelUpdateEventPayload) => void) => Promise<void>;
-    onDataUpdate: (args: (payload: DataUpdateEventPayload) => void) => Promise<void>;
-    onVisualPropsUpdate: (args: (payload: VisualPropsUpdateEventPayload) => void) => Promise<void>;
-    emitOpenContextMenu: (args: [import("../types/chart-to-ts-event.types").OpenContextMenuEventPayload]) => Promise<void>;
-    emitCloseContextMenu: (args: []) => Promise<void>;
-    emitRenderStart: (args: []) => Promise<void>;
-    emitRenderComplete: (args: []) => Promise<void>;
-    emitRenderError: (args: [import("../types/chart-to-ts-event.types").RenderErrorEventPayload]) => Promise<void>;
-    emitUpdateVisualProps: (args: [import("../types/chart-to-ts-event.types").UpdateVisualPropsEventPayload]) => Promise<void>;
-    emitGetTMLString: (args: []) => Promise<void>;
-    emitSetTMLString: (args: [import("../types/chart-to-ts-event.types").SetTMLStringEventPayload]) => Promise<void>;
-    emitGetDataForQuery: (args: [import("../types/chart-to-ts-event.types").GetDataForQueryEventPayload]) => Promise<void>;
+interface ChartContextProps extends ChartToTSEventEmitters, TSToChartEventListener {
     hasInitialized: boolean;
     chartModel: ChartModel | undefined;
-};
+    WrapperComponent: ({ children, }: WrapperComponentProps) => React.JSX.Element;
+}
+export declare const useChartContext: (props: CustomChartContextProps) => ChartContextProps;
 export {};
 //# sourceMappingURL=custom-chart-context-service.d.ts.map

package/cjs/react/custom-chart-context-service.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"custom-chart-context-service.d.ts","sourceRoot":"","sources":["../../src/react/custom-chart-context-service.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,EAEH,uBAAuB,EAC1B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAEH,yBAAyB,EAC5B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EACH,4BAA4B,EAC5B,sBAAsB,EAEtB,yBAAyB,EACzB,6BAA6B,EAChC,MAAM,kCAAkC,CAAC;AAE1C,MAAM,MAAM,sBAAsB,GAAG;KAChC,GAAG,IAAI,MAAM,yBAAyB,IAAI,OAAO,UAAU,CAAC,GAAG,CAAC,EAAE,GAAG,CAClE,IAAI,EAAE,yBAAyB,CAAC,GAAG,CAAC,KACnC,OAAO,CAAC,IAAI,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;KAChC,GAAG,IAAI,MAAM,yBAAyB,IAAI,KAAK,UAAU,CAAC,GAAG,CAAC,EAAE,GAAG,CAChE,IAAI,EAAE,yBAAyB,CAAC,GAAG,CAAC,KACnC,OAAO,CAAC,IAAI,CAAC;CACrB,CAAC;AAEF,UAAU,qBAAqB;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AA8DD,eAAO,MAAM,eAAe,UAAW,uBAAuB;qCA4EvC,qBAAqB;mFA/InC,QAAQ,IAAI,CAAC;uEAAb,QAAQ,IAAI,CAAC;qFAAb,QAAQ,IAAI,CAAC;6GANb,QAAQ,IAAI,CAAC;wCAAb,QAAQ,IAAI,CAAC;mCAAb,QAAQ,IAAI,CAAC;sCAAb,QAAQ,IAAI,CAAC;qGAAb,QAAQ,IAAI,CAAC;iHAAb,QAAQ,IAAI,CAAC;oCAAb,QAAQ,IAAI,CAAC;uGAAb,QAAQ,IAAI,CAAC;6GAAb,QAAQ,IAAI,CAAC;;;CA4KrB,CAAC"}
+{"version":3,"file":"custom-chart-context-service.d.ts","sourceRoot":"","sources":["../../src/react/custom-chart-context-service.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,EAEH,uBAAuB,EAC1B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAEH,yBAAyB,EAC5B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAIH,yBAAyB,EAE5B,MAAM,kCAAkC,CAAC;AAE1C,MAAM,MAAM,sBAAsB,GAAG;KAChC,GAAG,IAAI,MAAM,yBAAyB,IAAI,OAAO,UAAU,CAAC,GAAG,CAAC,EAAE,GAAG,CAClE,IAAI,EAAE,yBAAyB,CAAC,GAAG,CAAC,KACnC,OAAO,CAAC,IAAI,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;KAChC,GAAG,IAAI,MAAM,yBAAyB,IAAI,KAAK,UAAU,CAAC,GAAG,CAAC,EAAE,GAAG,CAChE,IAAI,EAAE,yBAAyB,CAAC,GAAG,CAAC,KACnC,OAAO,CAAC,IAAI,CAAC;CACrB,CAAC;AAEF,UAAU,qBAAqB;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,UAAU,iBACN,SAAQ,sBAAsB,EAC1B,sBAAsB;IAC1B,cAAc,EAAE,OAAO,CAAC;IACxB,UAAU,EAAE,UAAU,GAAG,SAAS,CAAC;IACnC,gBAAgB,EAAE,CAAC,EACf,QAAQ,GACX,EAAE,qBAAqB,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;CAClD;AAoDD,eAAO,MAAM,eAAe,UAAW,uBAAuB,sBAuF7D,CAAC"}

package/cjs/react/custom-chart-context-service.js

@@ -60,59 +60,58 @@ const useChartContext = (props) => {
     const [key, setKey] = (0, react_1.useState)(0);
     const [ctx, setContextState] = (0, react_1.useState)({});
     const [chartModel, setChartModel] = (0, react_1.useState)();
-    const [emitters, setEmitters] = (0, react_1.useState)(emitter({
-        emitEvent: () => {
-        },
-    }));
-    const [listeners, setListeners] = (0, react_1.useState)(eventListener({
-        on: () => {
-        },
-    }));
     const initializeProvider = async (context) => {
         return context.initialize().then(() => {
             setHasInitialized(true);
             setContextState(context);
-            setChartModel(context.getChartModel());
-            setEmitters(emitter(context));
-            setListeners(eventListener(context));
-            listeners.onChartModelUpdate((payload) => {
-                setChartModel(context.getChartModel());
-            });
-            listeners.onVisualPropsUpdate((payload) => {
-                setChartModel(context.getChartModel());
-                return {
-                    triggerRenderChart: true,
-                };
-            });
-            listeners.onDataUpdate((payload) => {
-                setChartModel(context.getChartModel());
-            });
             return true;
         });
     };
+    const getChartContextValues = (0, react_1.useCallback)((ctx) => ({
+        hasInitialized,
+        chartModel,
+        ...emitter(ctx),
+        ...eventListener(ctx),
+        WrapperComponent: ({ children }) => {
+            console.log(key);
+            return (react_1.default.createElement("div", { style: {
+                    width: '99vw',
+                    height: '95vh',
+                    position: 'relative',
+                }, key: key }, children));
+        },
+    }), [ctx, chartModel, key]);
     const renderChart = (0, react_1.useCallback)((ctx) => {
         console.log('Here', key);
-        setKey(key + 1);
+        setKey((prevKey) => prevKey + 1);
         return Promise.resolve();
     }, [key]);
-    const WrapperComponent = (0, react_1.useCallback)(({ children }) => {
-        console.log(key);
-        return react_1.default.createElement("div", { key: key }, children);
-    }, [key]);
     (0, react_1.useEffect)(() => {
         const context = new custom_chart_context_1.CustomChartContext({
             ...props,
             renderChart,
         });
         initializeProvider(context);
+        getChartContextValues(context).onChartModelUpdate((payload) => {
+            setChartModel(context.getChartModel());
+            return {
+                triggerRenderChart: true,
+            };
+        });
+        getChartContextValues(context).onVisualPropsUpdate((payload) => {
+            setChartModel(context.getChartModel());
+            return {
+                triggerRenderChart: true,
+            };
+        });
+        getChartContextValues(context).onDataUpdate((payload) => {
+            setChartModel(context.getChartModel());
+            return {
+                triggerRenderChart: true,
+            };
+        });
     }, []);
-    return {
-        hasInitialized,
-        chartModel,
-        ...emitters,
-        ...listeners,
-        WrapperComponent,
-    };
+    return getChartContextValues(ctx);
 };
 exports.useChartContext = useChartContext;
 //# sourceMappingURL=custom-chart-context-service.js.map

package/cjs/react/custom-chart-context-service.js.map

@@ -1 +1 @@
-{"version":3,"file":"custom-chart-context-service.js","sourceRoot":"","sources":["../../src/react/custom-chart-context-service.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,+CAAgE;AAChE,uEAGsC;AACtC,8EAG0C;AAE1C,8EAM0C;AA4B1C,MAAM,OAAO,GAAG,CAAC,GAAuB,EAAE,EAAE;IACxC,SAAS,SAAS,CACd,GAA2B,EAC3B,QAAgB;QAGhB,IAAI,QAAQ,IAAI,wCAAc,EAAE;YAC5B,MAAM,SAAS,GAAG,QAA2C,CAAC;YAC9D,MAAM,UAAU,GACZ,OAAO,QAAQ,EAAkC,CAAC;YAEtD,GAAG,CAAC,UAAU,CAAC,GAAG,CACd,IAAiD,EACpC,EAAE;gBACf,OAAO,GAAG,CAAC,SAAS,CAAC,SAAS,EAAE,GAAG,IAAI,CAAC,CAAC;YAC7C,CAAC,CAAC;SACL;QACD,OAAO,GAAG,CAAC;IACf,CAAC;IACD,OAAO,MAAM,CAAC,IAAI,CAAC,wCAAc,CAAC,CAAC,MAAM,CACrC,SAAS,EACT,EAA4B,CAC/B,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,GAAuB,EAA0B,EAAE;IACtE,SAAS,SAAS,CACd,GAA2B,EAC3B,QAAgB;QAGhB,IAAI,QAAQ,IAAI,wCAAc,EAAE;YAC5B,MAAM,SAAS,GAAG,QAA2C,CAAC;YAC9D,MAAM,UAAU,GAAG,KAAK,QAAQ,EAAkC,CAAC;YAEnE,GAAG,CAAC,UAAU,CAAC,GAAG,CACd,UAAuD,EAC1C,EAAE;gBACf,GAAG,CAAC,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;gBAC9B,OAAO,OAAO,CAAC,OAAO,EAAE,CAAC;YAC7B,CAAC,CAAC;SACL;QACD,OAAO,GAAG,CAAC;IACf,CAAC;IACD,OAAO,MAAM,CAAC,IAAI,CAAC,wCAAc,CAAC,CAAC,MAAM,CACrC,SAAS,EACT,EAA4B,CAC/B,CAAC;AACN,CAAC,CAAC;AAEK,MAAM,eAAe,GAAG,CAAC,KAA8B,EAAE,EAAE;IAC9D,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC5D,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAClC,MAAM,CAAC,GAAG,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EACnC,EAAwB,CAC3B,CAAC;IACF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,GAAc,CAAC;IAC3D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EACpC,OAAO,CAAC;QACJ,SAAS,EAAE,GAAG,EAAE;QAEhB,CAAC;KACG,CAAC,CACZ,CAAC;IACF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EACtC,aAAa,CAAC;QACV,EAAE,EAAE,GAAG,EAAE;QAET,CAAC;KACG,CAAC,CACZ,CAAC;IAEF,MAAM,kBAAkB,GAAG,KAAK,EAAE,OAA2B,EAAE,EAAE;QAC7D,OAAO,OAAO,CAAC,UAAU,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE;YAClC,iBAAiB,CAAC,IAAI,CAAC,CAAC;YACxB,eAAe,CAAC,OAAO,CAAC,CAAC;YACzB,aAAa,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC,CAAC;YACvC,WAAW,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;YAC9B,YAAY,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC;YAErC,SAAS,CAAC,kBAAkB,CACxB,CAAC,OAAqC,EAAE,EAAE;gBACtC,aAAa,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC,CAAC;YAC3C,CAAC,CACJ,CAAC;YAEF,SAAS,CAAC,mBAAmB,CACzB,CAAC,OAAsC,EAAE,EAAE;gBACvC,aAAa,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC,CAAC;gBACvC,OAAO;oBACH,kBAAkB,EAAE,IAAI;iBAC3B,CAAC;YACN,CAAC,CACJ,CAAC;YAEF,SAAS,CAAC,YAAY,CAAC,CAAC,OAA+B,EAAE,EAAE;gBACvD,aAAa,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC,CAAC;YAC3C,CAAC,CAAC,CAAC;YACH,OAAO,IAAI,CAAC;QAChB,CAAC,CAAC,CAAC;IACP,CAAC,CAAC;IAgBF,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC3B,CAAC,GAAuB,EAAE,EAAE;QACxB,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QACzB,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;QAChB,OAAO,OAAO,CAAC,OAAO,EAAE,CAAC;IAC7B,CAAC,EACD,CAAC,GAAG,CAAC,CACR,CAAC;IAEF,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAChC,CAAC,EAAE,QAAQ,EAAyB,EAAE,EAAE;QACpC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QACjB,OAAO,uCAAK,GAAG,EAAE,GAAG,IAAG,QAAQ,CAAO,CAAC;IAC3C,CAAC,EACD,CAAC,GAAG,CAAC,CACR,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,MAAM,OAAO,GAAG,IAAI,yCAAkB,CAAC;YACnC,GAAG,KAAK;YACR,WAAW;SACd,CAAC,CAAC;QACH,kBAAkB,CAAC,OAAO,CAAC,CAAC;IAChC,CAAC,EAAE,EAAE,CAAC,CAAC;IAGP,OAAO;QACH,cAAc;QACd,UAAU;QACV,GAAG,QAAQ;QACX,GAAG,SAAS;QACZ,gBAAgB;KACnB,CAAC;AACN,CAAC,CAAC;AAnGW,QAAA,eAAe,mBAmG1B"}
+{"version":3,"file":"custom-chart-context-service.js","sourceRoot":"","sources":["../../src/react/custom-chart-context-service.tsx"],"names":[],"mappings":"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"}