@thoughtspot/ts-chart-sdk 0.0.2-alpha.4 → 0.0.2-alpha.6

package/lib/main/post-message-event-bridge.js

@@ -0,0 +1,29 @@
+import { onMessage, sendMessage } from 'promise-postmessage';
+import { timeout } from './util';
+const TIMEOUT_THRESHOLD = 30000;
+const elSelector = new URL(import.meta.url).searchParams.get('elSelector');
+const target = (elSelector && document.querySelector(elSelector)) ||
+    window.parent;
+const globalThis = (target === window.parent ? window : target);
+const init = (handleMessageEvent) => {
+    return onMessage(handleMessageEvent, target, 'child');
+};
+const postMessageToHostApp = async (componentId, hostUrl, eventPayload, eventType) => {
+    const resp = await timeout(sendMessage(target, {
+        componentId,
+        payload: {
+            ...eventPayload,
+        },
+        eventType,
+        source: 'ts-chart-sdk',
+    }, {
+        origin: hostUrl,
+        endpoint: 'child',
+    }), TIMEOUT_THRESHOLD, 'ChartContext: postMessage operation timed out.');
+    if (resp === null || resp === void 0 ? void 0 : resp.hasError) {
+        throw new Error(resp.error);
+    }
+    return resp;
+};
+export { init as initMessageListener, postMessageToHostApp, globalThis };
+//# sourceMappingURL=post-message-event-bridge.js.map

package/lib/main/post-message-event-bridge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"post-message-event-bridge.js","sourceRoot":"","sources":["../../src/main/post-message-event-bridge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAE7D,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEjC,MAAM,iBAAiB,GAAG,KAAK,CAAC;AAEhC,MAAM,UAAU,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,YAAY,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;AAC3E,MAAM,MAAM,GACR,CAAC,UAAU,IAAK,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAiB,CAAC;IACnE,MAAM,CAAC,MAAM,CAAC;AAElB,MAAM,UAAU,GAAG,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAQ,CAAC;AAOvE,MAAM,IAAI,GAAG,CAAC,kBAAqD,EAAE,EAAE;IACnE,OAAO,SAAS,CAAC,kBAAkB,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;AAC1D,CAAC,CAAC;AAUF,MAAM,oBAAoB,GAAG,KAAK,EAC9B,WAAmB,EACnB,OAAe,EACf,YAAiB,EACjB,SAAyB,EACb,EAAE;IACd,MAAM,IAAI,GAAG,MAAM,OAAO,CACtB,WAAW,CACP,MAAM,EACN;QACI,WAAW;QACX,OAAO,EAAE;YACL,GAAG,YAAY;SAClB;QACD,SAAS;QACT,MAAM,EAAE,cAAc;KACzB,EACD;QACI,MAAM,EAAE,OAAO;QACf,QAAQ,EAAE,OAAO;KACpB,CACJ,EACD,iBAAiB,EACjB,gDAAgD,CACnD,CAAC;IACF,IAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,EAAE;QAChB,MAAM,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAC/B;IACD,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC;AAEF,OAAO,EAAE,IAAI,IAAI,mBAAmB,EAAE,oBAAoB,EAAE,UAAU,EAAE,CAAC"}

package/lib/main/post-message-event-bridge.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=post-message-event-bridge.spec.d.ts.map

package/lib/main/post-message-event-bridge.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"post-message-event-bridge.spec.d.ts","sourceRoot":"","sources":["../../src/main/post-message-event-bridge.spec.ts"],"names":[],"mappings":""}

package/lib/main/post-message-event-bridge.spec.js

@@ -0,0 +1,117 @@
+import _ from 'lodash';
+import { postMessageToHostApp } from './post-message-event-bridge';
+const TIMEOUT_THRESHOLD = 30000;
+describe('postMessageToHostApp', () => {
+    beforeEach(() => {
+        jest.resetAllMocks();
+    });
+    test('should resolve the promise with data object when successful', async () => {
+        const componentId = '123';
+        const hostUrl = 'https://example.com';
+        const eventPayload = { foo: 'bar' };
+        const eventType = 'SOME_EVENT';
+        const mockPostMessage = jest.spyOn(global.parent.window, 'postMessage');
+        const channel = {
+            port1: { onmessage: null, close: jest.fn() },
+            port2: {},
+        };
+        const messageChannelMock = { MessageChannel: jest.fn(() => channel) };
+        global.MessageChannel = messageChannelMock.MessageChannel;
+        const promise = postMessageToHostApp(componentId, hostUrl, eventPayload, eventType);
+        const response = {
+            data: { hasError: false, randomData: 'randomString' },
+        };
+        if (_.isFunction(channel.port1.onmessage)) {
+            channel.port1.onmessage(response);
+        }
+        else {
+            throw new Error('on message should have been initialized');
+        }
+        await expect(promise).resolves.toEqual(response.data);
+        expect(mockPostMessage).toHaveBeenCalledWith({
+            componentId,
+            payload: eventPayload,
+            eventType,
+            source: 'ts-chart-sdk',
+        }, hostUrl, [channel.port2]);
+        expect(messageChannelMock.MessageChannel).toHaveBeenCalled();
+    });
+    test('should reject the promise with an error message when there is an error', async () => {
+        const componentId = '123';
+        const hostUrl = 'https://example.com';
+        const eventPayload = { foo: 'bar' };
+        const eventType = 'SOME_EVENT';
+        const mockPostMessage = jest.spyOn(global.parent.window, 'postMessage');
+        const channel = {
+            port1: { onmessage: null, close: jest.fn() },
+            port2: {},
+        };
+        const messageChannelMock = { MessageChannel: jest.fn(() => channel) };
+        global.MessageChannel = messageChannelMock.MessageChannel;
+        const promise = postMessageToHostApp(componentId, hostUrl, eventPayload, eventType);
+        const error = new Error('Some error');
+        const response = { data: { hasError: true, error } };
+        if (_.isFunction(channel.port1.onmessage)) {
+            channel.port1.onmessage(response);
+        }
+        else {
+            throw new Error('on message should have been initialized');
+        }
+        await expect(promise).rejects.toThrow('Some error');
+        expect(mockPostMessage).toHaveBeenCalledWith({
+            componentId,
+            payload: eventPayload,
+            eventType,
+            source: 'ts-chart-sdk',
+        }, hostUrl, [channel.port2]);
+        expect(messageChannelMock.MessageChannel).toHaveBeenCalled();
+    });
+    test('should reject the promise after a timeout', async () => {
+        const componentId = 'some-component-id';
+        const hostUrl = 'https://some-host-url.com';
+        const eventPayload = { someKey: 'someValue' };
+        const eventType = 'some-event-type';
+        const mockPostMessage = jest.spyOn(global.parent.window, 'postMessage');
+        const channel = {
+            port1: { onmessage: null, close: jest.fn() },
+            port2: {},
+        };
+        const messageChannelMock = {
+            MessageChannel: jest.fn(() => channel),
+        };
+        global.MessageChannel = messageChannelMock.MessageChannel;
+        const promise = postMessageToHostApp(componentId, hostUrl, eventPayload, eventType);
+        expect(mockPostMessage).toHaveBeenCalledWith({
+            componentId,
+            payload: eventPayload,
+            eventType,
+            source: 'ts-chart-sdk',
+        }, hostUrl, expect.any(Array));
+        await expect(promise).rejects.toThrow('ChartContext: postMessage operation timed out.');
+    }, TIMEOUT_THRESHOLD + 1000);
+    test('should reject the promise if some error in postMessage', async () => {
+        const componentId = 'some-component-id';
+        const hostUrl = 'https://some-host-url.com';
+        const eventPayload = { someKey: 'someValue' };
+        const eventType = 'some-event-type';
+        const mockPostMessage = jest.spyOn(global.parent.window, 'postMessage');
+        mockPostMessage.mockImplementation(() => {
+            throw new Error('Some postMessage error');
+        });
+        const channel = {
+            port1: { onmessage: null, close: jest.fn() },
+            port2: {},
+        };
+        const messageChannelMock = { MessageChannel: jest.fn(() => channel) };
+        global.MessageChannel = messageChannelMock.MessageChannel;
+        const promise = postMessageToHostApp(componentId, hostUrl, eventPayload, eventType);
+        await expect(promise).rejects.toThrow('Some postMessage error');
+        expect(mockPostMessage).toHaveBeenCalledWith({
+            componentId,
+            payload: eventPayload,
+            eventType,
+            source: 'ts-chart-sdk',
+        }, hostUrl, expect.any(Array));
+    });
+});
+//# sourceMappingURL=post-message-event-bridge.spec.js.map

package/lib/main/post-message-event-bridge.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"post-message-event-bridge.spec.js","sourceRoot":"","sources":["../../src/main/post-message-event-bridge.spec.ts"],"names":[],"mappings":"AAKA,OAAO,CAAC,MAAM,QAAQ,CAAC;AACvB,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAEnE,MAAM,iBAAiB,GAAG,KAAK,CAAC;AAEhC,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE;IAClC,UAAU,CAAC,GAAG,EAAE;QACZ,IAAI,CAAC,aAAa,EAAE,CAAC;IACzB,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,6DAA6D,EAAE,KAAK,IAAI,EAAE;QAE3E,MAAM,WAAW,GAAG,KAAK,CAAC;QAC1B,MAAM,OAAO,GAAG,qBAAqB,CAAC;QACtC,MAAM,YAAY,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;QACpC,MAAM,SAAS,GAAG,YAAY,CAAC;QAG/B,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;QAExE,MAAM,OAAO,GAAG;YACZ,KAAK,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE,EAAE;YAC5C,KAAK,EAAE,EAAE;SACZ,CAAC;QACF,MAAM,kBAAkB,GAAG,EAAE,cAAc,EAAE,IAAI,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC;QACtE,MAAM,CAAC,cAAc,GAAG,kBAAkB,CAAC,cAAqB,CAAC;QAGjE,MAAM,OAAO,GAAG,oBAAoB,CAChC,WAAW,EACX,OAAO,EACP,YAAY,EACZ,SAAgB,CACnB,CAAC;QAGF,MAAM,QAAQ,GAAG;YACb,IAAI,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE;SACxD,CAAC;QACF,IAAI,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE;YACtC,OAAO,CAAC,KAAK,CAAC,SAAiB,CAAC,QAAQ,CAAC,CAAC;SAC9C;aAAM;YAEH,MAAM,IAAI,KAAK,CAAC,yCAAyC,CAAC,CAAC;SAC9D;QAGD,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QAItD,MAAM,CAAC,eAAe,CAAC,CAAC,oBAAoB,CACxC;YACI,WAAW;YACX,OAAO,EAAE,YAAY;YACrB,SAAS;YACT,MAAM,EAAE,cAAc;SACzB,EACD,OAAO,EACP,CAAC,OAAO,CAAC,KAAK,CAAC,CAClB,CAAC;QAGF,MAAM,CAAC,kBAAkB,CAAC,cAAc,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACjE,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,wEAAwE,EAAE,KAAK,IAAI,EAAE;QAEtF,MAAM,WAAW,GAAG,KAAK,CAAC;QAC1B,MAAM,OAAO,GAAG,qBAAqB,CAAC;QACtC,MAAM,YAAY,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;QACpC,MAAM,SAAS,GAAG,YAAY,CAAC;QAG/B,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;QAExE,MAAM,OAAO,GAAG;YACZ,KAAK,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE,EAAE;YAC5C,KAAK,EAAE,EAAE;SACZ,CAAC;QACF,MAAM,kBAAkB,GAAG,EAAE,cAAc,EAAE,IAAI,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC;QACtE,MAAM,CAAC,cAAc,GAAG,kBAAkB,CAAC,cAAqB,CAAC;QAGjE,MAAM,OAAO,GAAG,oBAAoB,CAChC,WAAW,EACX,OAAO,EACP,YAAY,EACZ,SAAgB,CACnB,CAAC;QAGF,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,YAAY,CAAC,CAAC;QACtC,MAAM,QAAQ,GAAG,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC;QACrD,IAAI,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE;YACtC,OAAO,CAAC,KAAK,CAAC,SAAiB,CAAC,QAAQ,CAAC,CAAC;SAC9C;aAAM;YAEH,MAAM,IAAI,KAAK,CAAC,yCAAyC,CAAC,CAAC;SAC9D;QAGD,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;QAIpD,MAAM,CAAC,eAAe,CAAC,CAAC,oBAAoB,CACxC;YACI,WAAW;YACX,OAAO,EAAE,YAAY;YACrB,SAAS;YACT,MAAM,EAAE,cAAc;SACzB,EACD,OAAO,EACP,CAAC,OAAO,CAAC,KAAK,CAAC,CAClB,CAAC;QAEF,MAAM,CAAC,kBAAkB,CAAC,cAAc,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACjE,CAAC,CAAC,CAAC;IAEH,IAAI,CACA,2CAA2C,EAC3C,KAAK,IAAI,EAAE;QACP,MAAM,WAAW,GAAG,mBAAmB,CAAC;QACxC,MAAM,OAAO,GAAG,2BAA2B,CAAC;QAC5C,MAAM,YAAY,GAAG,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC;QAC9C,MAAM,SAAS,GAAG,iBAAiB,CAAC;QAGpC,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAC9B,MAAM,CAAC,MAAM,CAAC,MAAM,EACpB,aAAa,CAChB,CAAC;QAEF,MAAM,OAAO,GAAG;YACZ,KAAK,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE,EAAE;YAC5C,KAAK,EAAE,EAAE;SACZ,CAAC;QACF,MAAM,kBAAkB,GAAG;YACvB,cAAc,EAAE,IAAI,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC;SACzC,CAAC;QACF,MAAM,CAAC,cAAc,GAAG,kBAAkB,CAAC,cAAqB,CAAC;QAEjE,MAAM,OAAO,GAAG,oBAAoB,CAChC,WAAW,EACX,OAAO,EACP,YAAY,EACZ,SAAgB,CACnB,CAAC;QAEF,MAAM,CAAC,eAAe,CAAC,CAAC,oBAAoB,CACxC;YACI,WAAW;YACX,OAAO,EAAE,YAAY;YACrB,SAAS;YACT,MAAM,EAAE,cAAc;SACzB,EACD,OAAO,EACP,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CACpB,CAAC;QAEF,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,OAAO,CACjC,gDAAgD,CACnD,CAAC;IACN,CAAC,EACD,iBAAiB,GAAG,IAAI,CAC3B,CAAC;IAEF,IAAI,CAAC,wDAAwD,EAAE,KAAK,IAAI,EAAE;QACtE,MAAM,WAAW,GAAG,mBAAmB,CAAC;QACxC,MAAM,OAAO,GAAG,2BAA2B,CAAC;QAC5C,MAAM,YAAY,GAAG,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC;QAC9C,MAAM,SAAS,GAAG,iBAAiB,CAAC;QAGpC,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;QACxE,eAAe,CAAC,kBAAkB,CAAC,GAAG,EAAE;YACpC,MAAM,IAAI,KAAK,CAAC,wBAAwB,CAAC,CAAC;QAC9C,CAAC,CAAC,CAAC;QAEH,MAAM,OAAO,GAAG;YACZ,KAAK,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE,EAAE;YAC5C,KAAK,EAAE,EAAE;SACZ,CAAC;QACF,MAAM,kBAAkB,GAAG,EAAE,cAAc,EAAE,IAAI,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC;QACtE,MAAM,CAAC,cAAc,GAAG,kBAAkB,CAAC,cAAqB,CAAC;QAEjE,MAAM,OAAO,GAAG,oBAAoB,CAChC,WAAW,EACX,OAAO,EACP,YAAY,EACZ,SAAgB,CACnB,CAAC;QAGF,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,wBAAwB,CAAC,CAAC;QAEhE,MAAM,CAAC,eAAe,CAAC,CAAC,oBAAoB,CACxC;YACI,WAAW;YACX,OAAO,EAAE,YAAY;YACrB,SAAS;YACT,MAAM,EAAE,cAAc;SACzB,EACD,OAAO,EACP,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CACpB,CAAC;IACN,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/lib/main/util.d.ts

@@ -0,0 +1,2 @@
+export declare function timeout(promise: Promise<any>, ms: number, message?: string): Promise<any>;
+//# sourceMappingURL=util.d.ts.map

package/lib/main/util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../src/main/util.ts"],"names":[],"mappings":"AAAA,wBAAgB,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,gBAU1E"}

package/lib/main/util.js

@@ -0,0 +1,9 @@
+export function timeout(promise, ms, message) {
+    return Promise.race([
+        promise,
+        new Promise((resolve, reject) => {
+            setTimeout(() => reject(new Error(message || 'Operation timed out.')), ms);
+        }),
+    ]);
+}
+//# sourceMappingURL=util.js.map

package/lib/main/util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","sourceRoot":"","sources":["../../src/main/util.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,OAAO,CAAC,OAAqB,EAAE,EAAU,EAAE,OAAgB;IACvE,OAAO,OAAO,CAAC,IAAI,CAAC;QAChB,OAAO;QACP,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;YAC5B,UAAU,CACN,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,OAAO,IAAI,sBAAsB,CAAC,CAAC,EAC1D,EAAE,CACL,CAAC;QACN,CAAC,CAAC;KACL,CAAC,CAAC;AACP,CAAC"}

package/lib/react/mocks/custom-chart-context-mock.d.ts

@@ -0,0 +1,3 @@
+import { CustomChartContextProps } from '../../main/custom-chart-context';
+export declare const contextChartProps: CustomChartContextProps;
+//# sourceMappingURL=custom-chart-context-mock.d.ts.map

package/lib/react/mocks/custom-chart-context-mock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-chart-context-mock.d.ts","sourceRoot":"","sources":["../../../src/react/mocks/custom-chart-context-mock.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAK1E,eAAO,MAAM,iBAAiB,EAAE,uBA2G/B,CAAC"}

package/lib/react/mocks/custom-chart-context-mock.js

@@ -0,0 +1,94 @@
+import _ from 'lodash';
+import { ColumnType } from '../../types/answer-column.types';
+export const contextChartProps = {
+    getDefaultChartConfig: (chartModel) => {
+        const cols = chartModel.columns;
+        const measureColumns = _.filter(cols, (col) => col.type === ColumnType.MEASURE);
+        const attributeColumns = _.filter(cols, (col) => col.type === ColumnType.ATTRIBUTE);
+        const axisConfig = {
+            key: 'column',
+            dimensions: [
+                {
+                    key: 'x',
+                    columns: [attributeColumns[0]],
+                },
+                {
+                    key: 'y',
+                    columns: measureColumns.slice(0, 2),
+                },
+            ],
+        };
+        return [axisConfig];
+    },
+    getQueriesFromChartConfig: (chartConfig) => {
+        const queries = chartConfig.map((config) => _.reduce(config.dimensions, (acc, dimension) => ({
+            queryColumns: [
+                ...acc.queryColumns,
+                ...dimension.columns,
+            ],
+        }), {
+            queryColumns: [],
+        }));
+        return queries;
+    },
+    chartConfigEditorDefinition: [
+        {
+            key: 'column',
+            label: 'Custom Column',
+            descriptionText: 'X Axis can only have attributes, Y Axis can only have measures, Color can only have attributes. ' +
+                'Should have just 1 column in Y axis with colors columns.',
+            columnSections: [
+                {
+                    key: 'x',
+                    label: 'Custom X Axis',
+                    allowAttributeColumns: true,
+                    allowMeasureColumns: false,
+                    allowTimeSeriesColumns: true,
+                    maxColumnCount: 1,
+                },
+                {
+                    key: 'y',
+                    label: 'Custom Y Axis',
+                    allowAttributeColumns: false,
+                    allowMeasureColumns: true,
+                    allowTimeSeriesColumns: false,
+                },
+            ],
+        },
+    ],
+    visualPropEditorDefinition: {
+        elements: [
+            {
+                key: 'color',
+                type: 'radio',
+                defaultValue: 'red',
+                values: ['red', 'green', 'yellow'],
+                label: 'Colors',
+            },
+            {
+                type: 'section',
+                key: 'accordion',
+                label: 'Accordion',
+                children: [
+                    {
+                        key: 'Color2',
+                        type: 'radio',
+                        defaultValue: 'blue',
+                        values: ['blue', 'white', 'red'],
+                        label: 'Color2',
+                    },
+                    {
+                        key: 'datalabels',
+                        type: 'toggle',
+                        defaultValue: false,
+                        label: 'Data Labels',
+                    },
+                ],
+            },
+        ],
+    },
+    renderChart: (cx) => {
+        return Promise.resolve();
+    },
+};
+//# sourceMappingURL=custom-chart-context-mock.js.map

package/lib/react/mocks/custom-chart-context-mock.js.map

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

package/lib/react/use-custom-chart-context.d.ts

@@ -0,0 +1,4 @@
+import { CustomChartContextProps } from '../main/custom-chart-context';
+import { ChartContextProps } from './use-custom-chart-types';
+export declare const useChartContext: (props: Omit<CustomChartContextProps, 'renderChart'>) => ChartContextProps;
+//# sourceMappingURL=use-custom-chart-context.d.ts.map

package/lib/react/use-custom-chart-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-custom-chart-context.d.ts","sourceRoot":"","sources":["../../src/react/use-custom-chart-context.tsx"],"names":[],"mappings":"AAUA,OAAO,EAEH,uBAAuB,EAC1B,MAAM,8BAA8B,CAAC;AAYtC,OAAO,EACH,iBAAiB,EAEpB,MAAM,0BAA0B,CAAC;AAUlC,eAAO,MAAM,eAAe,UACjB,KAAK,uBAAuB,EAAE,aAAa,CAAC,KACpD,iBA2IF,CAAC"}

package/lib/react/use-custom-chart-context.js

@@ -0,0 +1,68 @@
+import React, { useCallback, useEffect, useState } from 'react';
+import { CustomChartContext, } from '../main/custom-chart-context';
+import { emitter, eventListener, eventOffListener, } from './use-custom-chart-context.util';
+export const useChartContext = (props) => {
+    const [hasInitialized, setHasInitialized] = useState(false);
+    const [key, setKey] = useState(0);
+    const [ctx, setContextState] = useState({});
+    const [chartModel, setChartModel] = useState();
+    const getChartContextValues = useCallback((ctx) => {
+        return {
+            hasInitialized,
+            chartModel,
+            destroy: () => ctx === null || ctx === void 0 ? void 0 : ctx.destroy(),
+            ...emitter(ctx),
+            ...eventListener(ctx),
+            ...eventOffListener(ctx),
+            TSChartContext: ({ children }) => {
+                return (React.createElement(React.Fragment, { key: key }, children));
+            },
+        };
+    }, [chartModel, key, hasInitialized, ctx]);
+    const setupEventListeners = useCallback((context) => {
+        const commonUpdateHandler = (payload) => {
+            setChartModel(context.getChartModel());
+            return {
+                triggerRenderChart: true,
+            };
+        };
+        getChartContextValues(context).setOnChartModelUpdate(commonUpdateHandler);
+        getChartContextValues(context).setOnVisualPropsUpdate(commonUpdateHandler);
+        getChartContextValues(context).setOnDataUpdate(commonUpdateHandler);
+    }, []);
+    const setupEventOffListeners = useCallback((context) => {
+        getChartContextValues(context).setOffChartModelUpdate();
+        getChartContextValues(context).setOffDataUpdate();
+        getChartContextValues(context).setOffVisualPropsUpdate();
+    }, []);
+    const initializeContext = async (context) => {
+        return context
+            .initialize()
+            .then(() => {
+            setHasInitialized(true);
+            setContextState(context);
+            setChartModel(context.getChartModel());
+            return true;
+        })
+            .catch((e) => {
+            console.log('Error in context initialization', e);
+        });
+    };
+    const renderChart = useCallback((ctx) => {
+        setKey((prevKey) => prevKey + 1);
+        return Promise.resolve();
+    }, [key]);
+    useEffect(() => {
+        const context = new CustomChartContext({
+            ...props,
+            renderChart,
+        });
+        initializeContext(context);
+        setupEventListeners(context);
+        return () => {
+            setupEventOffListeners(context);
+        };
+    }, []);
+    return getChartContextValues(ctx);
+};
+//# sourceMappingURL=use-custom-chart-context.js.map

package/lib/react/use-custom-chart-context.js.map

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

package/lib/react/use-custom-chart-context.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=use-custom-chart-context.spec.d.ts.map

package/lib/react/use-custom-chart-context.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-custom-chart-context.spec.d.ts","sourceRoot":"","sources":["../../src/react/use-custom-chart-context.spec.tsx"],"names":[],"mappings":""}