@thoughtspot/ts-chart-sdk 0.0.1-alpha.9 → 0.0.2-alpha.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (174) hide show
  1. package/dist/ts-chart-sdk.d.ts +449 -31
  2. package/lib/index.d.ts +3 -0
  3. package/lib/index.d.ts.map +1 -1
  4. package/lib/index.js +3 -0
  5. package/lib/index.js.map +1 -1
  6. package/lib/main/custom-chart-context.d.ts +17 -5
  7. package/lib/main/custom-chart-context.d.ts.map +1 -1
  8. package/lib/main/custom-chart-context.js +74 -34
  9. package/lib/main/custom-chart-context.js.map +1 -1
  10. package/lib/main/custom-chart-context.spec.js +256 -257
  11. package/lib/main/custom-chart-context.spec.js.map +1 -1
  12. package/lib/main/post-message-event-bridge.d.ts +3 -3
  13. package/lib/main/post-message-event-bridge.d.ts.map +1 -1
  14. package/lib/main/post-message-event-bridge.js +24 -36
  15. package/lib/main/post-message-event-bridge.js.map +1 -1
  16. package/lib/main/post-message-event-bridge.spec.js +0 -2
  17. package/lib/main/post-message-event-bridge.spec.js.map +1 -1
  18. package/lib/main/util.d.ts +2 -0
  19. package/lib/main/util.d.ts.map +1 -0
  20. package/lib/main/util.js +9 -0
  21. package/lib/main/util.js.map +1 -0
  22. package/lib/react/use-custom-chart-context.spec.js +128 -121
  23. package/lib/react/use-custom-chart-context.spec.js.map +1 -1
  24. package/lib/test/test-conditional-formatting-utils.d.ts +5 -0
  25. package/lib/test/test-conditional-formatting-utils.d.ts.map +1 -0
  26. package/lib/test/test-conditional-formatting-utils.js +43 -0
  27. package/lib/test/test-conditional-formatting-utils.js.map +1 -0
  28. package/lib/types/answer-column.types.d.ts +54 -1
  29. package/lib/types/answer-column.types.d.ts.map +1 -1
  30. package/lib/types/answer-column.types.js +47 -0
  31. package/lib/types/answer-column.types.js.map +1 -1
  32. package/lib/types/common.types.d.ts +51 -4
  33. package/lib/types/common.types.d.ts.map +1 -1
  34. package/lib/types/common.types.js +15 -1
  35. package/lib/types/common.types.js.map +1 -1
  36. package/lib/types/conditional-formatting.types.d.ts +155 -0
  37. package/lib/types/conditional-formatting.types.d.ts.map +1 -0
  38. package/lib/types/conditional-formatting.types.js +60 -0
  39. package/lib/types/conditional-formatting.types.js.map +1 -0
  40. package/lib/types/configurator.types.d.ts +5 -0
  41. package/lib/types/configurator.types.d.ts.map +1 -1
  42. package/lib/types/ts-to-chart-event.types.d.ts +3 -0
  43. package/lib/types/ts-to-chart-event.types.d.ts.map +1 -1
  44. package/lib/types/ts-to-chart-event.types.js.map +1 -1
  45. package/lib/types/visual-prop.types.d.ts +3 -0
  46. package/lib/types/visual-prop.types.d.ts.map +1 -1
  47. package/lib/utils/conditional-formatting/conditional-formatting.d.ts +10 -0
  48. package/lib/utils/conditional-formatting/conditional-formatting.d.ts.map +1 -0
  49. package/lib/utils/conditional-formatting/conditional-formatting.js +103 -0
  50. package/lib/utils/conditional-formatting/conditional-formatting.js.map +1 -0
  51. package/lib/utils/conditional-formatting/conditional-formatting.spec.d.ts +2 -0
  52. package/lib/utils/conditional-formatting/conditional-formatting.spec.d.ts.map +1 -0
  53. package/lib/utils/conditional-formatting/conditional-formatting.spec.js +142 -0
  54. package/lib/utils/conditional-formatting/conditional-formatting.spec.js.map +1 -0
  55. package/lib/utils/date-formatting.d.ts +19 -0
  56. package/lib/utils/date-formatting.d.ts.map +1 -0
  57. package/lib/utils/date-formatting.js +56 -0
  58. package/lib/utils/date-formatting.js.map +1 -0
  59. package/lib/utils/date-formatting.spec.d.ts +2 -0
  60. package/lib/utils/date-formatting.spec.d.ts.map +1 -0
  61. package/lib/utils/date-formatting.spec.js +124 -0
  62. package/lib/utils/date-formatting.spec.js.map +1 -0
  63. package/package.json +10 -7
  64. package/src/index.ts +3 -0
  65. package/src/main/custom-chart-context.spec.ts +291 -266
  66. package/src/main/custom-chart-context.ts +164 -46
  67. package/src/main/post-message-event-bridge.spec.ts +0 -3
  68. package/src/main/post-message-event-bridge.ts +36 -62
  69. package/src/main/util.ts +11 -0
  70. package/src/react/use-custom-chart-context.spec.tsx +149 -122
  71. package/src/test/test-conditional-formatting-utils.ts +95 -0
  72. package/src/types/answer-column.types.ts +98 -0
  73. package/src/types/common.types.ts +82 -10
  74. package/src/types/conditional-formatting.types.ts +172 -0
  75. package/src/types/configurator.types.ts +21 -0
  76. package/src/types/ts-to-chart-event.types.ts +15 -0
  77. package/src/types/visual-prop.types.ts +7 -0
  78. package/src/utils/conditional-formatting/conditional-formatting.spec.ts +469 -0
  79. package/src/utils/conditional-formatting/conditional-formatting.ts +229 -0
  80. package/src/utils/date-formatting.spec.ts +168 -0
  81. package/src/utils/date-formatting.ts +109 -0
  82. package/cjs/index.d.ts +0 -9
  83. package/cjs/index.d.ts.map +0 -1
  84. package/cjs/index.js +0 -25
  85. package/cjs/index.js.map +0 -1
  86. package/cjs/main/custom-chart-context.d.ts +0 -47
  87. package/cjs/main/custom-chart-context.d.ts.map +0 -1
  88. package/cjs/main/custom-chart-context.js +0 -326
  89. package/cjs/main/custom-chart-context.js.map +0 -1
  90. package/cjs/main/custom-chart-context.spec.d.ts +0 -2
  91. package/cjs/main/custom-chart-context.spec.d.ts.map +0 -1
  92. package/cjs/main/custom-chart-context.spec.js +0 -699
  93. package/cjs/main/custom-chart-context.spec.js.map +0 -1
  94. package/cjs/main/post-message-event-bridge.d.ts +0 -6
  95. package/cjs/main/post-message-event-bridge.d.ts.map +0 -1
  96. package/cjs/main/post-message-event-bridge.js +0 -46
  97. package/cjs/main/post-message-event-bridge.js.map +0 -1
  98. package/cjs/main/post-message-event-bridge.spec.d.ts +0 -2
  99. package/cjs/main/post-message-event-bridge.spec.d.ts.map +0 -1
  100. package/cjs/main/post-message-event-bridge.spec.js +0 -124
  101. package/cjs/main/post-message-event-bridge.spec.js.map +0 -1
  102. package/cjs/react/custom-chart-context-service.d.ts +0 -33
  103. package/cjs/react/custom-chart-context-service.d.ts.map +0 -1
  104. package/cjs/react/custom-chart-context-service.js +0 -118
  105. package/cjs/react/custom-chart-context-service.js.map +0 -1
  106. package/cjs/react/custom-chart.context.d.ts +0 -26
  107. package/cjs/react/custom-chart.context.d.ts.map +0 -1
  108. package/cjs/react/custom-chart.context.js +0 -105
  109. package/cjs/react/custom-chart.context.js.map +0 -1
  110. package/cjs/react/custom-chart.spec.d.ts +0 -2
  111. package/cjs/react/custom-chart.spec.d.ts.map +0 -1
  112. package/cjs/react/custom-chart.spec.js +0 -72
  113. package/cjs/react/custom-chart.spec.js.map +0 -1
  114. package/cjs/react/mocks/custom-chart-context-mock.d.ts +0 -3
  115. package/cjs/react/mocks/custom-chart-context-mock.d.ts.map +0 -1
  116. package/cjs/react/mocks/custom-chart-context-mock.js +0 -100
  117. package/cjs/react/mocks/custom-chart-context-mock.js.map +0 -1
  118. package/cjs/react/use-custom-chart-context.d.ts +0 -4
  119. package/cjs/react/use-custom-chart-context.d.ts.map +0 -1
  120. package/cjs/react/use-custom-chart-context.js +0 -95
  121. package/cjs/react/use-custom-chart-context.js.map +0 -1
  122. package/cjs/react/use-custom-chart-context.spec.d.ts +0 -2
  123. package/cjs/react/use-custom-chart-context.spec.d.ts.map +0 -1
  124. package/cjs/react/use-custom-chart-context.spec.js +0 -391
  125. package/cjs/react/use-custom-chart-context.spec.js.map +0 -1
  126. package/cjs/react/use-custom-chart-context.util.d.ts +0 -6
  127. package/cjs/react/use-custom-chart-context.util.d.ts.map +0 -1
  128. package/cjs/react/use-custom-chart-context.util.js +0 -60
  129. package/cjs/react/use-custom-chart-context.util.js.map +0 -1
  130. package/cjs/react/use-custom-chart-types.d.ts +0 -23
  131. package/cjs/react/use-custom-chart-types.d.ts.map +0 -1
  132. package/cjs/react/use-custom-chart-types.js +0 -3
  133. package/cjs/react/use-custom-chart-types.js.map +0 -1
  134. package/cjs/test/test-utils.d.ts +0 -7
  135. package/cjs/test/test-utils.d.ts.map +0 -1
  136. package/cjs/test/test-utils.js +0 -14
  137. package/cjs/test/test-utils.js.map +0 -1
  138. package/cjs/types/answer-column.types.d.ts +0 -69
  139. package/cjs/types/answer-column.types.d.ts.map +0 -1
  140. package/cjs/types/answer-column.types.js +0 -59
  141. package/cjs/types/answer-column.types.js.map +0 -1
  142. package/cjs/types/chart-to-ts-event.types.d.ts +0 -98
  143. package/cjs/types/chart-to-ts-event.types.d.ts.map +0 -1
  144. package/cjs/types/chart-to-ts-event.types.js +0 -32
  145. package/cjs/types/chart-to-ts-event.types.js.map +0 -1
  146. package/cjs/types/common.types.d.ts +0 -51
  147. package/cjs/types/common.types.d.ts.map +0 -1
  148. package/cjs/types/common.types.js +0 -3
  149. package/cjs/types/common.types.js.map +0 -1
  150. package/cjs/types/configurator.types.d.ts +0 -15
  151. package/cjs/types/configurator.types.d.ts.map +0 -1
  152. package/cjs/types/configurator.types.js +0 -3
  153. package/cjs/types/configurator.types.js.map +0 -1
  154. package/cjs/types/ts-to-chart-event.types.d.ts +0 -91
  155. package/cjs/types/ts-to-chart-event.types.d.ts.map +0 -1
  156. package/cjs/types/ts-to-chart-event.types.js +0 -18
  157. package/cjs/types/ts-to-chart-event.types.js.map +0 -1
  158. package/cjs/types/visual-prop.types.d.ts +0 -73
  159. package/cjs/types/visual-prop.types.d.ts.map +0 -1
  160. package/cjs/types/visual-prop.types.js +0 -3
  161. package/cjs/types/visual-prop.types.js.map +0 -1
  162. package/lib/dist/ts-chart-sdk.d.ts +0 -312
  163. package/lib/react/custom-chart-context-service.d.ts +0 -33
  164. package/lib/react/custom-chart-context-service.d.ts.map +0 -1
  165. package/lib/react/custom-chart-context-service.js +0 -91
  166. package/lib/react/custom-chart-context-service.js.map +0 -1
  167. package/lib/react/custom-chart.context.d.ts +0 -26
  168. package/lib/react/custom-chart.context.d.ts.map +0 -1
  169. package/lib/react/custom-chart.context.js +0 -78
  170. package/lib/react/custom-chart.context.js.map +0 -1
  171. package/lib/react/custom-chart.spec.d.ts +0 -2
  172. package/lib/react/custom-chart.spec.d.ts.map +0 -1
  173. package/lib/react/custom-chart.spec.js +0 -67
  174. package/lib/react/custom-chart.spec.js.map +0 -1
@@ -1,72 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- const react_1 = require("@testing-library/react");
7
- const react_2 = __importDefault(require("react"));
8
- const chart_to_ts_event_types_1 = require("../types/chart-to-ts-event.types");
9
- const ts_to_chart_event_types_1 = require("../types/ts-to-chart-event.types");
10
- const custom_chart_context_1 = require("./custom-chart.context");
11
- describe('ChartProvider', () => {
12
- afterEach(() => {
13
- jest.clearAllMocks();
14
- });
15
- test('renders children correctly for empty data', () => {
16
- const { getByTestId } = (0, react_1.render)(react_2.default.createElement(custom_chart_context_1.ChartProvider, { contextProps: {
17
- getDefaultChartConfig: (chartModel) => [],
18
- getQueriesFromChartConfig: (chartConfig) => [],
19
- renderChart: () => Promise.resolve(),
20
- } },
21
- react_2.default.createElement("div", { "data-testid": "child-component" }, "Test Child")));
22
- const childContent = getByTestId('child-component').textContent;
23
- expect(childContent).toBe('Test Child');
24
- });
25
- test.only('emitters and event listeners work as expected', async () => {
26
- const emitEvent = jest.fn().mockResolvedValue(true);
27
- const on = jest.fn();
28
- jest.mock('../main/custom-chart-context', () => {
29
- return {
30
- CustomChartContext: jest.fn().mockImplementation(() => ({
31
- initialize: jest.fn().mockImplementation(async () => {
32
- return Promise.resolve();
33
- }),
34
- emitEvent,
35
- on,
36
- getChartModel: jest.fn().mockReturnValue({}),
37
- })),
38
- };
39
- });
40
- const TestComponent = () => {
41
- const chartContext = react_2.default.useContext(custom_chart_context_1.ChartContext);
42
- const emitRenderChart = async () => {
43
- await chartContext.emitRenderStart([]);
44
- };
45
- if (!chartContext.hasInitialized) {
46
- return react_2.default.createElement("div", null, "Loading...");
47
- }
48
- return (react_2.default.createElement("div", null,
49
- react_2.default.createElement("button", { onClick: emitRenderChart }, "Emit Event")));
50
- };
51
- const { getByRole } = (0, react_1.render)(react_2.default.createElement(custom_chart_context_1.ChartProvider, { contextProps: {
52
- getDefaultChartConfig: (chartModel) => [],
53
- getQueriesFromChartConfig: (chartModel) => [],
54
- renderChart: (ctx) => Promise.resolve(),
55
- } },
56
- react_2.default.createElement(TestComponent, null)));
57
- await (0, react_1.waitFor)(() => {
58
- expect(getByRole('button')).toBeDefined();
59
- });
60
- const button = getByRole('button');
61
- react_1.fireEvent.click(button);
62
- expect(emitEvent).toHaveBeenCalledWith(chart_to_ts_event_types_1.ChartToTSEvent.RenderStart);
63
- const chartModelUpdateCallback = jest.fn();
64
- on.mockImplementation((event, callback) => {
65
- if (event === ts_to_chart_event_types_1.TSToChartEvent.ChartModelUpdate) {
66
- chartModelUpdateCallback();
67
- }
68
- });
69
- expect(chartModelUpdateCallback).toHaveBeenCalled();
70
- });
71
- });
72
- //# sourceMappingURL=custom-chart.spec.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"custom-chart.spec.js","sourceRoot":"","sources":["../../src/react/custom-chart.spec.tsx"],"names":[],"mappings":"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"}
@@ -1,3 +0,0 @@
1
- import { CustomChartContextProps } from '../../main/custom-chart-context';
2
- export declare const contextChartProps: CustomChartContextProps;
3
- //# sourceMappingURL=custom-chart-context-mock.d.ts.map
@@ -1 +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"}
@@ -1,100 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.contextChartProps = void 0;
7
- const lodash_1 = __importDefault(require("lodash"));
8
- const answer_column_types_1 = require("../../types/answer-column.types");
9
- exports.contextChartProps = {
10
- getDefaultChartConfig: (chartModel) => {
11
- const cols = chartModel.columns;
12
- const measureColumns = lodash_1.default.filter(cols, (col) => col.type === answer_column_types_1.ColumnType.MEASURE);
13
- const attributeColumns = lodash_1.default.filter(cols, (col) => col.type === answer_column_types_1.ColumnType.ATTRIBUTE);
14
- const axisConfig = {
15
- key: 'column',
16
- dimensions: [
17
- {
18
- key: 'x',
19
- columns: [attributeColumns[0]],
20
- },
21
- {
22
- key: 'y',
23
- columns: measureColumns.slice(0, 2),
24
- },
25
- ],
26
- };
27
- return [axisConfig];
28
- },
29
- getQueriesFromChartConfig: (chartConfig) => {
30
- const queries = chartConfig.map((config) => lodash_1.default.reduce(config.dimensions, (acc, dimension) => ({
31
- queryColumns: [
32
- ...acc.queryColumns,
33
- ...dimension.columns,
34
- ],
35
- }), {
36
- queryColumns: [],
37
- }));
38
- return queries;
39
- },
40
- chartConfigEditorDefinition: [
41
- {
42
- key: 'column',
43
- label: 'Custom Column',
44
- descriptionText: 'X Axis can only have attributes, Y Axis can only have measures, Color can only have attributes. ' +
45
- 'Should have just 1 column in Y axis with colors columns.',
46
- columnSections: [
47
- {
48
- key: 'x',
49
- label: 'Custom X Axis',
50
- allowAttributeColumns: true,
51
- allowMeasureColumns: false,
52
- allowTimeSeriesColumns: true,
53
- maxColumnCount: 1,
54
- },
55
- {
56
- key: 'y',
57
- label: 'Custom Y Axis',
58
- allowAttributeColumns: false,
59
- allowMeasureColumns: true,
60
- allowTimeSeriesColumns: false,
61
- },
62
- ],
63
- },
64
- ],
65
- visualPropEditorDefinition: {
66
- elements: [
67
- {
68
- key: 'color',
69
- type: 'radio',
70
- defaultValue: 'red',
71
- values: ['red', 'green', 'yellow'],
72
- label: 'Colors',
73
- },
74
- {
75
- type: 'section',
76
- key: 'accordion',
77
- label: 'Accordion',
78
- children: [
79
- {
80
- key: 'Color2',
81
- type: 'radio',
82
- defaultValue: 'blue',
83
- values: ['blue', 'white', 'red'],
84
- label: 'Color2',
85
- },
86
- {
87
- key: 'datalabels',
88
- type: 'toggle',
89
- defaultValue: false,
90
- label: 'Data Labels',
91
- },
92
- ],
93
- },
94
- ],
95
- },
96
- renderChart: (cx) => {
97
- return Promise.resolve();
98
- },
99
- };
100
- //# sourceMappingURL=custom-chart-context-mock.js.map
@@ -1 +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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"}
@@ -1,4 +0,0 @@
1
- import { CustomChartContextProps } from '../main/custom-chart-context';
2
- import { ChartContextProps } from './use-custom-chart-types';
3
- export declare const useChartContext: (props: Omit<CustomChartContextProps, 'renderChart'>) => ChartContextProps;
4
- //# sourceMappingURL=use-custom-chart-context.d.ts.map
@@ -1 +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"}
@@ -1,95 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- Object.defineProperty(exports, "__esModule", { value: true });
26
- exports.useChartContext = void 0;
27
- const react_1 = __importStar(require("react"));
28
- const custom_chart_context_1 = require("../main/custom-chart-context");
29
- const use_custom_chart_context_util_1 = require("./use-custom-chart-context.util");
30
- const useChartContext = (props) => {
31
- const [hasInitialized, setHasInitialized] = (0, react_1.useState)(false);
32
- const [key, setKey] = (0, react_1.useState)(0);
33
- const [ctx, setContextState] = (0, react_1.useState)({});
34
- const [chartModel, setChartModel] = (0, react_1.useState)();
35
- const getChartContextValues = (0, react_1.useCallback)((ctx) => {
36
- return {
37
- hasInitialized,
38
- chartModel,
39
- destroy: () => ctx === null || ctx === void 0 ? void 0 : ctx.destroy(),
40
- ...(0, use_custom_chart_context_util_1.emitter)(ctx),
41
- ...(0, use_custom_chart_context_util_1.eventListener)(ctx),
42
- ...(0, use_custom_chart_context_util_1.eventOffListener)(ctx),
43
- TSChartContext: ({ children }) => {
44
- return (react_1.default.createElement(react_1.default.Fragment, { key: key }, children));
45
- },
46
- };
47
- }, [chartModel, key, hasInitialized, ctx]);
48
- const setupEventListeners = (0, react_1.useCallback)((context) => {
49
- const commonUpdateHandler = (payload) => {
50
- setChartModel(context.getChartModel());
51
- return {
52
- triggerRenderChart: true,
53
- };
54
- };
55
- getChartContextValues(context).setOnChartModelUpdate(commonUpdateHandler);
56
- getChartContextValues(context).setOnVisualPropsUpdate(commonUpdateHandler);
57
- getChartContextValues(context).setOnDataUpdate(commonUpdateHandler);
58
- }, []);
59
- const setupEventOffListeners = (0, react_1.useCallback)((context) => {
60
- getChartContextValues(context).setOffChartModelUpdate();
61
- getChartContextValues(context).setOffDataUpdate();
62
- getChartContextValues(context).setOffVisualPropsUpdate();
63
- }, []);
64
- const initializeContext = async (context) => {
65
- return context
66
- .initialize()
67
- .then(() => {
68
- setHasInitialized(true);
69
- setContextState(context);
70
- setChartModel(context.getChartModel());
71
- return true;
72
- })
73
- .catch((e) => {
74
- console.log('Error in context initialization', e);
75
- });
76
- };
77
- const renderChart = (0, react_1.useCallback)((ctx) => {
78
- setKey((prevKey) => prevKey + 1);
79
- return Promise.resolve();
80
- }, [key]);
81
- (0, react_1.useEffect)(() => {
82
- const context = new custom_chart_context_1.CustomChartContext({
83
- ...props,
84
- renderChart,
85
- });
86
- initializeContext(context);
87
- setupEventListeners(context);
88
- return () => {
89
- setupEventOffListeners(context);
90
- };
91
- }, []);
92
- return getChartContextValues(ctx);
93
- };
94
- exports.useChartContext = useChartContext;
95
- //# sourceMappingURL=use-custom-chart-context.js.map
@@ -1 +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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"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=use-custom-chart-context.spec.d.ts.map
@@ -1 +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":""}