@sisense/sdk-ui-vue 1.18.1 → 1.19.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (9) hide show
  1. package/dist/index.cjs +390 -371
  2. package/dist/index.js +42587 -41956
  3. package/dist/src/composables/index.d.ts +1 -0
  4. package/dist/src/composables/use-custom-drilldown.d.ts +5329 -5
  5. package/dist/src/composables/use-plugins.d.ts +12 -0
  6. package/dist/src/providers/index.d.ts +1 -0
  7. package/dist/src/providers/plugins-provider.d.ts +37 -0
  8. package/dist/src/providers/theme-provider.d.ts +3 -450
  9. package/package.json +2 -2
package/dist/src/composables/use-plugins.d.ts ADDED
@@ -0,0 +1,12 @@
1
+ /**
2
+ * @internal
3
+ */
4
+ export declare const usePlugins: () => {
5
+ pluginMap: Map<string, {
6
+ name: string;
7
+ component: (props: any) => any;
8
+ createChartProps: (w: import("@sisense/sdk-ui").WidgetModel, themeSettings: import("@sisense/sdk-ui").CompleteThemeSettings) => {};
9
+ }> & Omit<Map<string, import("@sisense/sdk-ui").WidgetPlugin>, keyof Map<any, any>>;
10
+ registerPlugin: (pluginType: string, plugin: import("@sisense/sdk-ui").WidgetPlugin) => void;
11
+ getPlugin: (pluginType: string) => import("@sisense/sdk-ui").WidgetPlugin | undefined;
12
+ };
package/dist/src/providers/index.d.ts CHANGED
@@ -1,2 +1,3 @@
1
1
  export { SisenseContextProvider, createSisenseContextConnector, getSisenseContext, } from './sisense-context-provider';
2
2
  export { ThemeProvider, createThemeContextConnector } from './theme-provider';
3
+ export { PluginsProvider, createPluginsContextConnector } from './plugins-provider';
package/dist/src/providers/plugins-provider.d.ts ADDED
@@ -0,0 +1,37 @@
1
+ import type { Ref } from 'vue';
2
+ import type { CustomPluginsContext } from '@sisense/sdk-ui-preact';
3
+ /**
4
+ * Gets Plugins context
5
+ *
6
+ * @group Contexts
7
+ */
8
+ export declare const getPluginsContext: () => Ref<{
9
+ pluginMap: Map<string, {
10
+ name: string;
11
+ component: (props: any) => any;
12
+ createChartProps: (w: import("@sisense/sdk-ui-preact").WidgetModel, themeSettings: import("@sisense/sdk-ui-preact").CompleteThemeSettings) => {};
13
+ }> & Omit<Map<string, import("@sisense/sdk-ui-preact").WidgetPlugin>, keyof Map<any, any>>;
14
+ registerPlugin: (pluginType: string, plugin: import("@sisense/sdk-ui-preact").WidgetPlugin) => void;
15
+ getPlugin: (pluginType: string) => import("@sisense/sdk-ui-preact").WidgetPlugin | undefined;
16
+ }>;
17
+ /**
18
+ * Creates plugins context connector
19
+ *
20
+ * @group Contexts
21
+ * @internal
22
+ */
23
+ export declare const createPluginsContextConnector: (context: CustomPluginsContext) => {
24
+ prepareContext(): Promise<CustomPluginsContext>;
25
+ renderContextProvider: (contextData: CustomPluginsContext, children: import("preact").VNode<{}>, error?: Error | undefined) => import("preact").VNode<{}>;
26
+ };
27
+ /**
28
+ * Provider for working with plugins fetched from an external environment.
29
+ *
30
+ * Provides methods for registering, retrieving, and interacting with plugins.
31
+ *
32
+ * @internal
33
+ * @group Contexts
34
+ */
35
+ export declare const PluginsProvider: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
36
+ [key: string]: any;
37
+ }>[] | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
package/dist/src/providers/theme-provider.d.ts CHANGED
@@ -3,465 +3,18 @@ import type { CompleteThemeSettings } from '@sisense/sdk-ui-preact';
3
3
  /**
4
4
  * Gets Theme context
5
5
  */
6
- export declare const getThemeContext: () => Ref<{
7
- chart: {
8
- textColor: string;
9
- secondaryTextColor: string;
10
- backgroundColor: string;
11
- panelBackgroundColor: string;
12
- animation: {
13
- init: {
14
- duration: number | "auto";
15
- };
16
- redraw: {
17
- duration: number | "auto";
18
- };
19
- };
20
- };
21
- palette: {
22
- variantColors: import("@sisense/sdk-ui-preact").Color[];
23
- };
24
- typography: {
25
- fontFamily: string;
26
- primaryTextColor: string;
27
- secondaryTextColor: string;
28
- };
29
- general: {
30
- brandColor: string;
31
- backgroundColor: string;
32
- primaryButtonTextColor: string;
33
- primaryButtonHoverColor: string;
34
- };
35
- widget: {
36
- spaceAround: import("@sisense/sdk-ui-preact").SpaceSizes;
37
- cornerRadius: import("@sisense/sdk-ui-preact").RadiusSizes;
38
- shadow: import("@sisense/sdk-ui-preact").ShadowsTypes;
39
- border: boolean;
40
- borderColor: string;
41
- header: {
42
- titleTextColor: string;
43
- titleAlignment: import("@sisense/sdk-ui-preact").AlignmentTypes;
44
- dividerLine: boolean;
45
- dividerLineColor: string;
46
- backgroundColor: string;
47
- };
48
- };
49
- dashboard: {
50
- backgroundColor: string;
51
- dividerLineWidth: number;
52
- dividerLineColor: string;
53
- };
54
- filter: {
55
- panel: {
56
- titleColor: string;
57
- backgroundColor: string;
58
- };
59
- };
60
- aiChat: {
61
- backgroundColor: string;
62
- primaryTextColor: string;
63
- secondaryTextColor: string;
64
- primaryFontSize: [fontSize: string, lineHeight: string];
65
- border: string | false;
66
- borderRadius: string | false;
67
- body: {
68
- paddingLeft: string;
69
- paddingRight: string;
70
- paddingTop: string;
71
- paddingBottom: string;
72
- gapBetweenMessages: string;
73
- };
74
- footer: {
75
- paddingLeft: string;
76
- paddingRight: string;
77
- paddingTop: string;
78
- paddingBottom: string;
79
- };
80
- userMessages: {
81
- backgroundColor: string;
82
- };
83
- systemMessages: {
84
- backgroundColor: string;
85
- };
86
- input: {
87
- backgroundColor: string;
88
- focus: {
89
- outlineColor: string;
90
- };
91
- };
92
- header: {
93
- backgroundColor: string;
94
- textColor: string;
95
- };
96
- dropup: {
97
- backgroundColor: string;
98
- boxShadow: string;
99
- borderRadius: string;
100
- headers: {
101
- textColor: string;
102
- hover: {
103
- backgroundColor: string;
104
- };
105
- };
106
- items: {
107
- textColor: string;
108
- hover: {
109
- backgroundColor: string;
110
- };
111
- };
112
- };
113
- suggestions: {
114
- textColor: string;
115
- backgroundColor: string;
116
- border: string;
117
- borderGradient: [string, string] | null;
118
- borderRadius: string;
119
- hover: {
120
- textColor: string;
121
- backgroundColor: string;
122
- };
123
- loadingGradient: [string, string];
124
- gap: string;
125
- };
126
- clickableMessages: {
127
- textColor: string;
128
- backgroundColor: string;
129
- border: string | false;
130
- borderGradient: [string, string] | null;
131
- hover: {
132
- textColor: string;
133
- backgroundColor: string;
134
- };
135
- };
136
- dataTopics: {
137
- backgroundColor: string;
138
- items: {
139
- textColor: string;
140
- backgroundColor: string;
141
- };
142
- };
143
- icons: {
144
- color: string;
145
- feedbackIcons: {
146
- hoverColor: string;
147
- };
148
- };
149
- tooltips: {
150
- backgroundColor: string;
151
- textColor: string;
152
- boxShadow: string;
153
- };
154
- };
155
- }> | undefined;
6
+ export declare const getThemeContext: () => Ref<CompleteThemeSettings> | undefined;
156
7
  /**
157
8
  * Creates theme context connector
158
9
  * @internal
159
10
  */
160
11
  export declare const createThemeContextConnector: (themeSettings?: CompleteThemeSettings) => {
161
12
  prepareContext(): Promise<{
162
- themeSettings: {
163
- chart: {
164
- textColor: string;
165
- secondaryTextColor: string;
166
- backgroundColor: string;
167
- panelBackgroundColor: string;
168
- animation: {
169
- init: {
170
- duration: number | "auto";
171
- };
172
- redraw: {
173
- duration: number | "auto";
174
- };
175
- };
176
- };
177
- palette: {
178
- variantColors: import("@sisense/sdk-ui-preact").Color[];
179
- };
180
- typography: {
181
- fontFamily: string;
182
- primaryTextColor: string;
183
- secondaryTextColor: string;
184
- };
185
- general: {
186
- brandColor: string;
187
- backgroundColor: string;
188
- primaryButtonTextColor: string;
189
- primaryButtonHoverColor: string;
190
- };
191
- widget: {
192
- spaceAround: import("@sisense/sdk-ui-preact").SpaceSizes;
193
- cornerRadius: import("@sisense/sdk-ui-preact").RadiusSizes;
194
- shadow: import("@sisense/sdk-ui-preact").ShadowsTypes;
195
- border: boolean;
196
- borderColor: string;
197
- header: {
198
- titleTextColor: string;
199
- titleAlignment: import("@sisense/sdk-ui-preact").AlignmentTypes;
200
- dividerLine: boolean;
201
- dividerLineColor: string;
202
- backgroundColor: string;
203
- };
204
- };
205
- dashboard: {
206
- backgroundColor: string;
207
- dividerLineWidth: number;
208
- dividerLineColor: string;
209
- };
210
- filter: {
211
- panel: {
212
- titleColor: string;
213
- backgroundColor: string;
214
- };
215
- };
216
- aiChat: {
217
- backgroundColor: string;
218
- primaryTextColor: string;
219
- secondaryTextColor: string;
220
- primaryFontSize: [fontSize: string, lineHeight: string];
221
- border: string | false;
222
- borderRadius: string | false;
223
- body: {
224
- paddingLeft: string;
225
- paddingRight: string;
226
- paddingTop: string;
227
- paddingBottom: string;
228
- gapBetweenMessages: string;
229
- };
230
- footer: {
231
- paddingLeft: string;
232
- paddingRight: string;
233
- paddingTop: string;
234
- paddingBottom: string;
235
- };
236
- userMessages: {
237
- backgroundColor: string;
238
- };
239
- systemMessages: {
240
- backgroundColor: string;
241
- };
242
- input: {
243
- backgroundColor: string;
244
- focus: {
245
- outlineColor: string;
246
- };
247
- };
248
- header: {
249
- backgroundColor: string;
250
- textColor: string;
251
- };
252
- dropup: {
253
- backgroundColor: string;
254
- boxShadow: string;
255
- borderRadius: string;
256
- headers: {
257
- textColor: string;
258
- hover: {
259
- backgroundColor: string;
260
- };
261
- };
262
- items: {
263
- textColor: string;
264
- hover: {
265
- backgroundColor: string;
266
- };
267
- };
268
- };
269
- suggestions: {
270
- textColor: string;
271
- backgroundColor: string;
272
- border: string;
273
- borderGradient: [string, string] | null;
274
- borderRadius: string;
275
- hover: {
276
- textColor: string;
277
- backgroundColor: string;
278
- };
279
- loadingGradient: [string, string];
280
- gap: string;
281
- };
282
- clickableMessages: {
283
- textColor: string;
284
- backgroundColor: string;
285
- border: string | false;
286
- borderGradient: [string, string] | null;
287
- hover: {
288
- textColor: string;
289
- backgroundColor: string;
290
- };
291
- };
292
- dataTopics: {
293
- backgroundColor: string;
294
- items: {
295
- textColor: string;
296
- backgroundColor: string;
297
- };
298
- };
299
- icons: {
300
- color: string;
301
- feedbackIcons: {
302
- hoverColor: string;
303
- };
304
- };
305
- tooltips: {
306
- backgroundColor: string;
307
- textColor: string;
308
- boxShadow: string;
309
- };
310
- };
311
- };
13
+ themeSettings: CompleteThemeSettings;
312
14
  skipTracking: boolean;
313
15
  }>;
314
16
  renderContextProvider: (contextData: {
315
- themeSettings: {
316
- chart: {
317
- textColor: string;
318
- secondaryTextColor: string;
319
- backgroundColor: string;
320
- panelBackgroundColor: string;
321
- animation: {
322
- init: {
323
- duration: number | "auto";
324
- };
325
- redraw: {
326
- duration: number | "auto";
327
- };
328
- };
329
- };
330
- palette: {
331
- variantColors: import("@sisense/sdk-ui-preact").Color[];
332
- };
333
- typography: {
334
- fontFamily: string;
335
- primaryTextColor: string;
336
- secondaryTextColor: string;
337
- };
338
- general: {
339
- brandColor: string;
340
- backgroundColor: string;
341
- primaryButtonTextColor: string;
342
- primaryButtonHoverColor: string;
343
- };
344
- widget: {
345
- spaceAround: import("@sisense/sdk-ui-preact").SpaceSizes;
346
- cornerRadius: import("@sisense/sdk-ui-preact").RadiusSizes;
347
- shadow: import("@sisense/sdk-ui-preact").ShadowsTypes;
348
- border: boolean;
349
- borderColor: string;
350
- header: {
351
- titleTextColor: string;
352
- titleAlignment: import("@sisense/sdk-ui-preact").AlignmentTypes;
353
- dividerLine: boolean;
354
- dividerLineColor: string;
355
- backgroundColor: string;
356
- };
357
- };
358
- dashboard: {
359
- backgroundColor: string;
360
- dividerLineWidth: number;
361
- dividerLineColor: string;
362
- };
363
- filter: {
364
- panel: {
365
- titleColor: string;
366
- backgroundColor: string;
367
- };
368
- };
369
- aiChat: {
370
- backgroundColor: string;
371
- primaryTextColor: string;
372
- secondaryTextColor: string;
373
- primaryFontSize: [fontSize: string, lineHeight: string];
374
- border: string | false;
375
- borderRadius: string | false;
376
- body: {
377
- paddingLeft: string;
378
- paddingRight: string;
379
- paddingTop: string;
380
- paddingBottom: string;
381
- gapBetweenMessages: string;
382
- };
383
- footer: {
384
- paddingLeft: string;
385
- paddingRight: string;
386
- paddingTop: string;
387
- paddingBottom: string;
388
- };
389
- userMessages: {
390
- backgroundColor: string;
391
- };
392
- systemMessages: {
393
- backgroundColor: string;
394
- };
395
- input: {
396
- backgroundColor: string;
397
- focus: {
398
- outlineColor: string;
399
- };
400
- };
401
- header: {
402
- backgroundColor: string;
403
- textColor: string;
404
- };
405
- dropup: {
406
- backgroundColor: string;
407
- boxShadow: string;
408
- borderRadius: string;
409
- headers: {
410
- textColor: string;
411
- hover: {
412
- backgroundColor: string;
413
- };
414
- };
415
- items: {
416
- textColor: string;
417
- hover: {
418
- backgroundColor: string;
419
- };
420
- };
421
- };
422
- suggestions: {
423
- textColor: string;
424
- backgroundColor: string;
425
- border: string;
426
- borderGradient: [string, string] | null;
427
- borderRadius: string;
428
- hover: {
429
- textColor: string;
430
- backgroundColor: string;
431
- };
432
- loadingGradient: [string, string];
433
- gap: string;
434
- };
435
- clickableMessages: {
436
- textColor: string;
437
- backgroundColor: string;
438
- border: string | false;
439
- borderGradient: [string, string] | null;
440
- hover: {
441
- textColor: string;
442
- backgroundColor: string;
443
- };
444
- };
445
- dataTopics: {
446
- backgroundColor: string;
447
- items: {
448
- textColor: string;
449
- backgroundColor: string;
450
- };
451
- };
452
- icons: {
453
- color: string;
454
- feedbackIcons: {
455
- hoverColor: string;
456
- };
457
- };
458
- tooltips: {
459
- backgroundColor: string;
460
- textColor: string;
461
- boxShadow: string;
462
- };
463
- };
464
- };
17
+ themeSettings: CompleteThemeSettings;
465
18
  skipTracking?: boolean | undefined;
466
19
  }, children: import("preact").VNode<{}>, error?: Error | undefined) => import("preact").VNode<{}>;
467
20
  };
package/package.json CHANGED
@@ -11,7 +11,7 @@
11
11
  "Sisense",
12
12
  "Compose SDK"
13
13
  ],
14
- "version": "1.18.1",
14
+ "version": "1.19.0",
15
15
  "type": "module",
16
16
  "main": "./dist/index.cjs",
17
17
  "module": "./dist/index.js",
@@ -42,7 +42,7 @@
42
42
  "format:check": "prettier --check ."
43
43
  },
44
44
  "dependencies": {
45
- "@sisense/sdk-ui-preact": "^1.18.1",
45
+ "@sisense/sdk-ui-preact": "^1.19.0",
46
46
  "deepmerge": "^4.3.1",
47
47
  "lodash-es": "^4.17.21",
48
48
  "vue": "^3.3.2"