@ironsource/shared-ui 2.1.12-test.69 → 2.1.12-test.71

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 (45) hide show
  1. package/Chart.vue_vue_type_style_index_0_scoped_03771fa3_lang.css +1 -0
  2. package/ChartPlane.vue_vue_type_style_index_0_scoped_903fc6ae_lang.css +1 -0
  3. package/ChartTooltip.vue_vue_type_style_index_0_scoped_e53c6287_lang.css +1 -0
  4. package/DataGrid.vue_vue_type_style_index_0_scoped_0dff3241_lang.css +1 -0
  5. package/TooltipHeader.vue_vue_type_style_index_0_scoped_3b15c693_lang.css +1 -0
  6. package/components/chart/Chart.vue.d.ts +26 -1
  7. package/components/chart/Chart.vue.js +4 -4
  8. package/components/chart/Chart.vue2.js +68 -56
  9. package/components/chart/ChartPlane.vue.d.ts +21 -1
  10. package/components/chart/ChartPlane.vue.js +4 -4
  11. package/components/chart/ChartPlane.vue2.js +152 -141
  12. package/components/chart/ChartStoryArgs.d.ts +20 -1
  13. package/components/chart/ChartTooltip.vue.d.ts +16 -1
  14. package/components/chart/ChartTooltip.vue.js +2 -2
  15. package/components/chart/ChartTooltip.vue2.js +33 -29
  16. package/components/chart/TooltipHeader.vue.d.ts +6 -1
  17. package/components/chart/TooltipHeader.vue.js +2 -2
  18. package/components/chart/TooltipHeader.vue2.js +37 -27
  19. package/components/chart/composables/useChartHeight.d.ts +1 -1
  20. package/components/chart/composables/useChartHeight.js +16 -14
  21. package/components/chart/consts.d.ts +3 -2
  22. package/components/chart/consts.js +13 -12
  23. package/components/chart/index.d.ts +96 -1
  24. package/components/chart/mockData.d.ts +8 -0
  25. package/components/chart/types.d.ts +6 -0
  26. package/components/chart/types.js +4 -3
  27. package/components/chart/utils/utils.d.ts +1 -1
  28. package/components/chart/utils/utils.js +10 -10
  29. package/components/table/common/Table.common.d.ts +0 -1
  30. package/components/table/common/Table.common.js +38 -39
  31. package/components/table/common/consts.d.ts +1 -0
  32. package/components/table/common/consts.js +2 -1
  33. package/components/table/v4/DataGrid.vue.d.ts +4 -0
  34. package/components/table/v4/DataGrid.vue.js +4 -4
  35. package/components/table/v4/DataGrid.vue2.js +268 -229
  36. package/components/table/v4/index.d.ts +14 -0
  37. package/components/table/v4/storyUtils.d.ts +2 -0
  38. package/index.d.ts +28 -0
  39. package/index.js +1 -1
  40. package/package.json +1 -1
  41. package/Chart.vue_vue_type_style_index_0_scoped_82f5b24e_lang.css +0 -1
  42. package/ChartPlane.vue_vue_type_style_index_0_scoped_5c80d8cd_lang.css +0 -1
  43. package/ChartTooltip.vue_vue_type_style_index_0_scoped_9e521454_lang.css +0 -1
  44. package/DataGrid.vue_vue_type_style_index_0_scoped_86ea5d2a_lang.css +0 -1
  45. package/TooltipHeader.vue_vue_type_style_index_0_scoped_9f6cf389_lang.css +0 -1
@@ -17,9 +17,12 @@ declare const ChartTypes: () => ({
17
17
  chartType: ChartType;
18
18
  hideLegend: boolean;
19
19
  xAxisFormat: import("./types").ValueFormat;
20
+ xAxisDateInterval: import("./types").DateInterval;
20
21
  totalsChart: boolean;
21
22
  parsing: import("./types").ChartParsingConfig;
22
23
  yAxisFormat: import("./types").ValueFormat;
24
+ valueSuffix: string;
25
+ valuePrefix: string;
23
26
  dataSets: import("./types").ChartDataSet[];
24
27
  trendTooltip: any;
25
28
  subheader: string;
@@ -29,6 +32,7 @@ declare const ChartTypes: () => ({
29
32
  tickCount: number;
30
33
  truncateTickLabels: boolean;
31
34
  keepSubheaderVisible: boolean;
35
+ empty: boolean;
32
36
  noDataIcon: string;
33
37
  noDataTitle: string;
34
38
  noDataSubtitle: string;
@@ -37,6 +41,7 @@ declare const ChartTypes: () => ({
37
41
  tooltipTotalCalcFn: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
38
42
  tooltipOrder: TooltipOrder;
39
43
  fullHeight: boolean;
44
+ fullHeightBottomSpacing: number;
40
45
  withSettingsHeader: boolean;
41
46
  extraCharts: Record<string, unknown>[];
42
47
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
@@ -89,6 +94,10 @@ declare const ChartTypes: () => ({
89
94
  type: import("vue").PropType<import("./types").ValueFormat>;
90
95
  default: string;
91
96
  };
97
+ xAxisDateInterval: {
98
+ type: import("vue").PropType<import("./types").DateInterval>;
99
+ default: import("./types").DateInterval;
100
+ };
92
101
  totalsChart: {
93
102
  type: import("vue").PropType<boolean>;
94
103
  default: boolean;
@@ -101,6 +110,14 @@ declare const ChartTypes: () => ({
101
110
  type: import("vue").PropType<import("./types").ValueFormat>;
102
111
  default: string;
103
112
  };
113
+ valueSuffix: {
114
+ type: import("vue").PropType<string>;
115
+ default: string;
116
+ };
117
+ valuePrefix: {
118
+ type: import("vue").PropType<string>;
119
+ default: string;
120
+ };
104
121
  dataSets: {
105
122
  type: import("vue").PropType<import("./types").ChartDataSet[]>;
106
123
  required: true;
@@ -145,6 +162,10 @@ declare const ChartTypes: () => ({
145
162
  type: import("vue").PropType<boolean>;
146
163
  default: boolean;
147
164
  };
165
+ empty: {
166
+ type: import("vue").PropType<boolean>;
167
+ default: boolean;
168
+ };
148
169
  noDataIcon: {
149
170
  type: import("vue").PropType<string>;
150
171
  default: string;
@@ -177,6 +198,10 @@ declare const ChartTypes: () => ({
177
198
  type: import("vue").PropType<boolean>;
178
199
  default: boolean;
179
200
  };
201
+ fullHeightBottomSpacing: {
202
+ type: import("vue").PropType<number>;
203
+ default: number;
204
+ };
180
205
  withSettingsHeader: {
181
206
  type: import("vue").PropType<boolean>;
182
207
  default: boolean;
@@ -189,7 +214,7 @@ declare const ChartTypes: () => ({
189
214
  "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
190
215
  "onUpdate:sortSelected"?: (sortOption: unknown) => any;
191
216
  "onUpdate:chartType"?: (chartType: ChartType) => any;
192
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "loading" | "visibleIds" | "minVisible" | "maxVisible" | "maxLimitTooltipText" | "sortSelected" | "sortOptions" | "sortOptionNameKey" | "chartType" | "hideLegend" | "xAxisFormat" | "totalsChart" | "parsing" | "yAxisFormat" | "dataSets" | "trendTooltip" | "subheader" | "subheaderTooltip" | "trendValue" | "trendDirection" | "tickCount" | "truncateTickLabels" | "keepSubheaderVisible" | "noDataIcon" | "noDataTitle" | "noDataSubtitle" | "withAnimation" | "tooltipTotalType" | "tooltipTotalCalcFn" | "tooltipOrder" | "fullHeight" | "withSettingsHeader" | "extraCharts">;
217
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "loading" | "visibleIds" | "minVisible" | "maxVisible" | "maxLimitTooltipText" | "sortSelected" | "sortOptions" | "sortOptionNameKey" | "chartType" | "hideLegend" | "xAxisFormat" | "xAxisDateInterval" | "totalsChart" | "parsing" | "yAxisFormat" | "valueSuffix" | "valuePrefix" | "dataSets" | "trendTooltip" | "subheader" | "subheaderTooltip" | "trendValue" | "trendDirection" | "tickCount" | "truncateTickLabels" | "keepSubheaderVisible" | "empty" | "noDataIcon" | "noDataTitle" | "noDataSubtitle" | "withAnimation" | "tooltipTotalType" | "tooltipTotalCalcFn" | "tooltipOrder" | "fullHeight" | "fullHeightBottomSpacing" | "withSettingsHeader" | "extraCharts">;
193
218
  $attrs: {
194
219
  [x: string]: unknown;
195
220
  };
@@ -253,6 +278,10 @@ declare const ChartTypes: () => ({
253
278
  type: import("vue").PropType<import("./types").ValueFormat>;
254
279
  default: string;
255
280
  };
281
+ xAxisDateInterval: {
282
+ type: import("vue").PropType<import("./types").DateInterval>;
283
+ default: import("./types").DateInterval;
284
+ };
256
285
  totalsChart: {
257
286
  type: import("vue").PropType<boolean>;
258
287
  default: boolean;
@@ -265,6 +294,14 @@ declare const ChartTypes: () => ({
265
294
  type: import("vue").PropType<import("./types").ValueFormat>;
266
295
  default: string;
267
296
  };
297
+ valueSuffix: {
298
+ type: import("vue").PropType<string>;
299
+ default: string;
300
+ };
301
+ valuePrefix: {
302
+ type: import("vue").PropType<string>;
303
+ default: string;
304
+ };
268
305
  dataSets: {
269
306
  type: import("vue").PropType<import("./types").ChartDataSet[]>;
270
307
  required: true;
@@ -309,6 +346,10 @@ declare const ChartTypes: () => ({
309
346
  type: import("vue").PropType<boolean>;
310
347
  default: boolean;
311
348
  };
349
+ empty: {
350
+ type: import("vue").PropType<boolean>;
351
+ default: boolean;
352
+ };
312
353
  noDataIcon: {
313
354
  type: import("vue").PropType<string>;
314
355
  default: string;
@@ -341,6 +382,10 @@ declare const ChartTypes: () => ({
341
382
  type: import("vue").PropType<boolean>;
342
383
  default: boolean;
343
384
  };
385
+ fullHeightBottomSpacing: {
386
+ type: import("vue").PropType<number>;
387
+ default: number;
388
+ };
344
389
  withSettingsHeader: {
345
390
  type: import("vue").PropType<boolean>;
346
391
  default: boolean;
@@ -370,9 +415,12 @@ declare const ChartTypes: () => ({
370
415
  chartType: ChartType;
371
416
  hideLegend: boolean;
372
417
  xAxisFormat: import("./types").ValueFormat;
418
+ xAxisDateInterval: import("./types").DateInterval;
373
419
  totalsChart: boolean;
374
420
  parsing: import("./types").ChartParsingConfig;
375
421
  yAxisFormat: import("./types").ValueFormat;
422
+ valueSuffix: string;
423
+ valuePrefix: string;
376
424
  dataSets: import("./types").ChartDataSet[];
377
425
  trendTooltip: any;
378
426
  subheader: string;
@@ -382,6 +430,7 @@ declare const ChartTypes: () => ({
382
430
  tickCount: number;
383
431
  truncateTickLabels: boolean;
384
432
  keepSubheaderVisible: boolean;
433
+ empty: boolean;
385
434
  noDataIcon: string;
386
435
  noDataTitle: string;
387
436
  noDataSubtitle: string;
@@ -390,6 +439,7 @@ declare const ChartTypes: () => ({
390
439
  tooltipTotalCalcFn: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
391
440
  tooltipOrder: TooltipOrder;
392
441
  fullHeight: boolean;
442
+ fullHeightBottomSpacing: number;
393
443
  withSettingsHeader: boolean;
394
444
  extraCharts: Record<string, unknown>[];
395
445
  }, {}, string> & {
@@ -462,6 +512,10 @@ declare const ChartTypes: () => ({
462
512
  type: import("vue").PropType<import("./types").ValueFormat>;
463
513
  default: string;
464
514
  };
515
+ xAxisDateInterval: {
516
+ type: import("vue").PropType<import("./types").DateInterval>;
517
+ default: import("./types").DateInterval;
518
+ };
465
519
  totalsChart: {
466
520
  type: import("vue").PropType<boolean>;
467
521
  default: boolean;
@@ -474,6 +528,14 @@ declare const ChartTypes: () => ({
474
528
  type: import("vue").PropType<import("./types").ValueFormat>;
475
529
  default: string;
476
530
  };
531
+ valueSuffix: {
532
+ type: import("vue").PropType<string>;
533
+ default: string;
534
+ };
535
+ valuePrefix: {
536
+ type: import("vue").PropType<string>;
537
+ default: string;
538
+ };
477
539
  dataSets: {
478
540
  type: import("vue").PropType<import("./types").ChartDataSet[]>;
479
541
  required: true;
@@ -518,6 +580,10 @@ declare const ChartTypes: () => ({
518
580
  type: import("vue").PropType<boolean>;
519
581
  default: boolean;
520
582
  };
583
+ empty: {
584
+ type: import("vue").PropType<boolean>;
585
+ default: boolean;
586
+ };
521
587
  noDataIcon: {
522
588
  type: import("vue").PropType<string>;
523
589
  default: string;
@@ -550,6 +616,10 @@ declare const ChartTypes: () => ({
550
616
  type: import("vue").PropType<boolean>;
551
617
  default: boolean;
552
618
  };
619
+ fullHeightBottomSpacing: {
620
+ type: import("vue").PropType<number>;
621
+ default: number;
622
+ };
553
623
  withSettingsHeader: {
554
624
  type: import("vue").PropType<boolean>;
555
625
  default: boolean;
@@ -616,6 +686,10 @@ declare const ChartTypes: () => ({
616
686
  type: import("vue").PropType<import("./types").ValueFormat>;
617
687
  default: string;
618
688
  };
689
+ xAxisDateInterval: {
690
+ type: import("vue").PropType<import("./types").DateInterval>;
691
+ default: import("./types").DateInterval;
692
+ };
619
693
  totalsChart: {
620
694
  type: import("vue").PropType<boolean>;
621
695
  default: boolean;
@@ -628,6 +702,14 @@ declare const ChartTypes: () => ({
628
702
  type: import("vue").PropType<import("./types").ValueFormat>;
629
703
  default: string;
630
704
  };
705
+ valueSuffix: {
706
+ type: import("vue").PropType<string>;
707
+ default: string;
708
+ };
709
+ valuePrefix: {
710
+ type: import("vue").PropType<string>;
711
+ default: string;
712
+ };
631
713
  dataSets: {
632
714
  type: import("vue").PropType<import("./types").ChartDataSet[]>;
633
715
  required: true;
@@ -672,6 +754,10 @@ declare const ChartTypes: () => ({
672
754
  type: import("vue").PropType<boolean>;
673
755
  default: boolean;
674
756
  };
757
+ empty: {
758
+ type: import("vue").PropType<boolean>;
759
+ default: boolean;
760
+ };
675
761
  noDataIcon: {
676
762
  type: import("vue").PropType<string>;
677
763
  default: string;
@@ -704,6 +790,10 @@ declare const ChartTypes: () => ({
704
790
  type: import("vue").PropType<boolean>;
705
791
  default: boolean;
706
792
  };
793
+ fullHeightBottomSpacing: {
794
+ type: import("vue").PropType<number>;
795
+ default: number;
796
+ };
707
797
  withSettingsHeader: {
708
798
  type: import("vue").PropType<boolean>;
709
799
  default: boolean;
@@ -733,9 +823,12 @@ declare const ChartTypes: () => ({
733
823
  chartType: ChartType;
734
824
  hideLegend: boolean;
735
825
  xAxisFormat: import("./types").ValueFormat;
826
+ xAxisDateInterval: import("./types").DateInterval;
736
827
  totalsChart: boolean;
737
828
  parsing: import("./types").ChartParsingConfig;
738
829
  yAxisFormat: import("./types").ValueFormat;
830
+ valueSuffix: string;
831
+ valuePrefix: string;
739
832
  dataSets: import("./types").ChartDataSet[];
740
833
  trendTooltip: any;
741
834
  subheader: string;
@@ -745,6 +838,7 @@ declare const ChartTypes: () => ({
745
838
  tickCount: number;
746
839
  truncateTickLabels: boolean;
747
840
  keepSubheaderVisible: boolean;
841
+ empty: boolean;
748
842
  noDataIcon: string;
749
843
  noDataTitle: string;
750
844
  noDataSubtitle: string;
@@ -753,6 +847,7 @@ declare const ChartTypes: () => ({
753
847
  tooltipTotalCalcFn: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
754
848
  tooltipOrder: TooltipOrder;
755
849
  fullHeight: boolean;
850
+ fullHeightBottomSpacing: number;
756
851
  withSettingsHeader: boolean;
757
852
  extraCharts: Record<string, unknown>[];
758
853
  }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -6,6 +6,14 @@ export declare const SINGLE_DATASET_DATE: {
6
6
  value: number;
7
7
  }[];
8
8
  }[];
9
+ export declare const SINGLE_DATASET_DATE_MONTHLY: {
10
+ id: string;
11
+ label: string;
12
+ data: {
13
+ date: string;
14
+ value: number;
15
+ }[];
16
+ }[];
9
17
  export declare const SINGLE_DATASET_COUNTRY: {
10
18
  id: string;
11
19
  countryFlag: string;
@@ -8,6 +8,11 @@ export declare enum ChartType {
8
8
  StackedLine = "stackedLine",
9
9
  StackedBar = "stackedBar"
10
10
  }
11
+ export declare enum DateInterval {
12
+ DAILY = "daily",
13
+ WEEKLY = "weekly",
14
+ MONTHLY = "monthly"
15
+ }
11
16
  export type ChartDataRecord = Record<string, unknown>;
12
17
  export type ChartDataSet = {
13
18
  id: string | number;
@@ -57,6 +62,7 @@ export type DropdownTypeOption = {
57
62
  export type UseChartHeightArgs = {
58
63
  chartPlanesCount: Ref<number>;
59
64
  useFullHeight: boolean;
65
+ bottomSpacing?: number;
60
66
  };
61
67
  export type HexColor = `#${string}`;
62
68
  export type DataSetConfig = ChartDataset<'line'> & ChartDataSet;
@@ -1,6 +1,7 @@
1
- var e = /* @__PURE__ */ ((a) => (a.Line = "line", a.Bar = "bar", a.StackedLine = "stackedLine", a.StackedBar = "stackedBar", a))(e || {}), n = /* @__PURE__ */ ((a) => (a.Legend = "legend", a.YAxis = "yAxis", a))(n || {}), r = /* @__PURE__ */ ((a) => (a.UP = "up", a.DOWN = "down", a.NEUTRAL = "right", a))(r || {});
1
+ var e = /* @__PURE__ */ ((L) => (L.Line = "line", L.Bar = "bar", L.StackedLine = "stackedLine", L.StackedBar = "stackedBar", L))(e || {}), r = /* @__PURE__ */ ((L) => (L.DAILY = "daily", L.WEEKLY = "weekly", L.MONTHLY = "monthly", L))(r || {}), a = /* @__PURE__ */ ((L) => (L.Legend = "legend", L.YAxis = "yAxis", L))(a || {}), n = /* @__PURE__ */ ((L) => (L.UP = "up", L.DOWN = "down", L.NEUTRAL = "right", L))(n || {});
2
2
  export {
3
3
  e as ChartType,
4
- n as TooltipOrder,
5
- r as TrendDirection
4
+ r as DateInterval,
5
+ a as TooltipOrder,
6
+ n as TrendDirection
6
7
  };
@@ -1,4 +1,4 @@
1
1
  import { PrepareTicksLabelArgs, ValueFormat } from '@/components/chart/types';
2
2
  export declare const calcStepSize: (min: number, max: number, tickCount: number) => number;
3
- export declare const formatValue: (value: number | string, valueFormat: ValueFormat) => string;
3
+ export declare const formatValue: (value: number | string | Date, valueFormat: ValueFormat) => string;
4
4
  export declare const prepareTickLabel: ({ label, format, availableSpace, truncate, }: PrepareTicksLabelArgs) => string | string[];
@@ -1,27 +1,27 @@
1
1
  import { format as f } from "date-fns";
2
- import { TICK_LABEL_FONT as a } from "../consts.js";
3
- import { nFormatter as c } from "../../../utils/formatNumbers.js";
4
- import { truncateTextToFit as d } from "../../../utils/text.js";
5
- import { REGEX_LINEBREAK as m } from "../../../consts/regex.js";
2
+ import { TICK_LABEL_FONT as c } from "../consts.js";
3
+ import { nFormatter as d } from "../../../utils/formatNumbers.js";
4
+ import { truncateTextToFit as E } from "../../../utils/text.js";
5
+ import { REGEX_LINEBREAK as i } from "../../../consts/regex.js";
6
6
  const g = (r, t, e) => {
7
7
  if (e === 0)
8
8
  return 0;
9
9
  const n = t - r, o = n / e * 0.4;
10
10
  return (n + o) / e;
11
- }, E = (r, t) => t === "day" ? f(new Date(r), "EEEE") : t === "number" ? c(r) : t === "date" ? f(new Date(r), "MMM dd") : t === "dateLong" ? f(new Date(r), "MMM dd, yyyy") : String(r), w = ({
11
+ }, a = (r, t) => t === "day" ? f(new Date(r), "EEEE") : t === "number" ? d(r) : t === "date" ? f(new Date(r), "MMM dd") : t === "dateLong" ? f(new Date(r), "MMM dd, yyyy") : String(r), w = ({
12
12
  label: r,
13
13
  format: t,
14
14
  availableSpace: e,
15
15
  truncate: n = !1
16
16
  }) => {
17
- const s = m.test(r), o = (p) => {
18
- const i = E(p, t);
19
- return n ? d(i, a, e) : i;
17
+ const s = i.test(r), o = (p) => {
18
+ const m = a(p, t);
19
+ return n && e > 0 ? E(m, c, e) : m;
20
20
  };
21
- return s ? r.split(m).map(o) : o(r);
21
+ return s ? r.split(i).map(o) : o(r);
22
22
  };
23
23
  export {
24
24
  g as calcStepSize,
25
- E as formatValue,
25
+ a as formatValue,
26
26
  w as prepareTickLabel
27
27
  };
@@ -31,7 +31,6 @@ export declare const tableCommon: (props: any, emit: any) => {
31
31
  hasCheckboxes: import("vue").ComputedRef<boolean>;
32
32
  toggleExpandRow: (index: number, event: any) => Promise<void>;
33
33
  isRowExpanded: (rowIndex: number) => boolean;
34
- cssRowHeight: import("vue").ComputedRef<string>;
35
34
  cssExpandGridCol: import("vue").ComputedRef<string>;
36
35
  activeMenuRow: import("vue").Ref<number>;
37
36
  };
@@ -1,10 +1,10 @@
1
- import { useSlots as V, ref as a, provide as Y, computed as n, onMounted as j, nextTick as q } from "vue";
2
- import { useVirtualList as F, useInfiniteScroll as J } from "@vueuse/core";
3
- import { TableContext as Q } from "./TableContext.js";
4
- import { CHECKBOX_STICKY_COL_WIDTH as Z, CHECKBOX_COL_WIDTH as p, EXPAND_COL_WIDTH as tt, CHECKBOX_COLUMN_ID as et } from "./consts.js";
5
- const rt = (e, d) => {
6
- const x = V(), u = a([]);
7
- Y(Q, {
1
+ import { useSlots as U, ref as a, provide as V, computed as n, onMounted as Y, nextTick as j } from "vue";
2
+ import { useVirtualList as q, useInfiniteScroll as F } from "@vueuse/core";
3
+ import { TableContext as J } from "./TableContext.js";
4
+ import { CHECKBOX_STICKY_COL_WIDTH as Q, CHECKBOX_COL_WIDTH as Z, EXPAND_COL_WIDTH as p, CHECKBOX_COLUMN_ID as tt } from "./consts.js";
5
+ const it = (e, d) => {
6
+ const T = U(), u = a([]);
7
+ V(J, {
8
8
  onClose({ rowIndex: t, cellIndex: o, value: i } = {}) {
9
9
  u.value = [...u.value, t], d("saveRow", {
10
10
  rowIndex: t,
@@ -19,27 +19,27 @@ const rt = (e, d) => {
19
19
  R.value = t;
20
20
  }
21
21
  });
22
- const h = n(() => !!e.selection), T = n(() => e.isSelectionSticky ? Z : p), b = n(() => {
23
- const t = (h.value ? `${T.value}px ` : "") + (v.value ? `${tt}px ` : "");
22
+ const g = n(() => !!e.selection), x = n(() => e.isSelectionSticky ? Q : Z), O = n(() => {
23
+ const t = (g.value ? `${x.value}px ` : "") + (h.value ? `${p}px ` : "");
24
24
  return e.columns.reduce((o, { width: i, colSpan: l }) => {
25
25
  const s = typeof i == "number" ? `${i}px` : i, S = s || `${l || 1}fr`;
26
26
  return `${o} ${S}`;
27
27
  }, t);
28
- }), v = n(() => !!x.expanded), O = a(null), R = a(null), k = n(() => Array(e.loadingRowCount).fill(
28
+ }), h = n(() => !!T.expanded), H = a(null), R = a(null), k = n(() => Array(e.loadingRowCount).fill(
29
29
  Array(e.columns.length).fill("")
30
30
  )), I = n(() => e.rows.length && Array.isArray(e.rows[0]) ? e.isLoading ? [...e.rows, ...k.value] : e.rows : e.isLoading ? [
31
31
  ...e.rows.map((o) => o[e.rowDataKey]),
32
32
  ...k.value
33
- ] : e.rows.map((o) => o[e.rowDataKey])), { list: H, containerProps: r, wrapperProps: A, scrollTo: B } = F(
33
+ ] : e.rows.map((o) => o[e.rowDataKey])), { list: b, containerProps: r, wrapperProps: A, scrollTo: B } = q(
34
34
  I,
35
35
  {
36
- itemHeight: v.value ? (t) => m[t] ?? e.rowHeight : e.rowHeight
36
+ itemHeight: h.value ? (t) => w[t] ?? e.rowHeight : e.rowHeight
37
37
  }
38
- ), $ = a(null), w = a(0), L = n(() => !!x.search), _ = (t) => {
39
- r.onScroll(), w.value = t.target.scrollLeft + t.target.getBoundingClientRect().width, d("onScroll", t.target.scrollTop);
38
+ ), L = a(null), m = a(0), _ = n(() => !!T.search), $ = (t) => {
39
+ r.onScroll(), m.value = t.target.scrollLeft + t.target.getBoundingClientRect().width, d("onScroll", t.target.scrollTop);
40
40
  };
41
- j(() => {
42
- w.value = r.ref.value?.getBoundingClientRect().width, e.defaultScrollPosition && setTimeout(() => {
41
+ Y(() => {
42
+ m.value = r.ref.value?.getBoundingClientRect().width, e.defaultScrollPosition && setTimeout(() => {
43
43
  r.ref.value?.scrollTo({
44
44
  top: e.defaultScrollPosition,
45
45
  behavior: "smooth"
@@ -47,17 +47,17 @@ const rt = (e, d) => {
47
47
  }, 300);
48
48
  });
49
49
  const E = n(() => {
50
- const [t] = H.value;
50
+ const [t] = b.value;
51
51
  return t && t.index > 0;
52
52
  }), P = n(() => r.style), D = n(() => {
53
53
  const t = {
54
- id: et,
54
+ id: tt,
55
55
  isSticky: e.isSelectionSticky,
56
- width: T.value
56
+ width: x.value
57
57
  };
58
- return h.value ? [t] : [];
58
+ return g.value ? [t] : [];
59
59
  }), f = n(() => [...D.value, ...e.columns]), K = n(() => f.value.reduce((t, o) => (o.isSticky && (t[o.id] = X(o)), t), {}));
60
- J(
60
+ F(
61
61
  r.ref,
62
62
  () => {
63
63
  e.isInfiniteScroll && d("loadMore");
@@ -89,43 +89,42 @@ const rt = (e, d) => {
89
89
  zIndex: 1
90
90
  };
91
91
  }
92
- const g = a([]), m = {}, N = (t) => g.value.includes(t), z = async (t, o) => {
93
- const i = g.value.indexOf(t);
92
+ const v = a([]), w = {}, N = (t) => v.value.includes(t), z = async (t, o) => {
93
+ const i = v.value.indexOf(t);
94
94
  if (i === -1) {
95
- g.value.push(t);
95
+ v.value.push(t);
96
96
  const l = o.target.closest("tr");
97
- await q(), l && (m[t] = l.offsetHeight);
97
+ await j(), l && (w[t] = l.offsetHeight);
98
98
  } else
99
- g.value.splice(i, 1), delete m[t];
100
- }, G = n(() => `${e.rowHeight}px`), U = n(
99
+ v.value.splice(i, 1), delete w[t];
100
+ }, G = n(
101
101
  () => `1 / span ${e.columns.length + 1}`
102
102
  );
103
103
  return {
104
- list: H,
104
+ list: b,
105
105
  containerProps: r,
106
106
  wrapperProps: A,
107
- activeRow: O,
108
- gridColumnTemplate: b,
109
- floatingActionRef: $,
107
+ activeRow: H,
108
+ gridColumnTemplate: O,
109
+ floatingActionRef: L,
110
110
  scrollToTop: M,
111
111
  toggleSortOrder: W,
112
112
  columnsStickyPositions: K,
113
- hasSearchSlot: L,
113
+ hasSearchSlot: _,
114
114
  showBackToTopButton: E,
115
115
  containerStyle: P,
116
- onScroll: _,
116
+ onScroll: $,
117
117
  scrollTo: B,
118
118
  savingRows: u,
119
- floatingActionPosition: w,
120
- hasExpandSlot: v,
121
- hasCheckboxes: h,
119
+ floatingActionPosition: m,
120
+ hasExpandSlot: h,
121
+ hasCheckboxes: g,
122
122
  toggleExpandRow: z,
123
123
  isRowExpanded: N,
124
- cssRowHeight: G,
125
- cssExpandGridCol: U,
124
+ cssExpandGridCol: G,
126
125
  activeMenuRow: R
127
126
  };
128
127
  };
129
128
  export {
130
- rt as tableCommon
129
+ it as tableCommon
131
130
  };
@@ -2,3 +2,4 @@ export declare const CHECKBOX_COLUMN_ID = "__CHECKBOX_COLUMN_ID__";
2
2
  export declare const EXPAND_COL_WIDTH = 46;
3
3
  export declare const CHECKBOX_COL_WIDTH = 46;
4
4
  export declare const CHECKBOX_STICKY_COL_WIDTH = 57;
5
+ export declare const DEFAULT_ROW_HEIGHT = 48;
@@ -1,7 +1,8 @@
1
- const _ = "__CHECKBOX_COLUMN_ID__", C = 46, O = 46, H = 57;
1
+ const _ = "__CHECKBOX_COLUMN_ID__", C = 46, O = 46, H = 57, D = 48;
2
2
  export {
3
3
  _ as CHECKBOX_COLUMN_ID,
4
4
  O as CHECKBOX_COL_WIDTH,
5
5
  H as CHECKBOX_STICKY_COL_WIDTH,
6
+ D as DEFAULT_ROW_HEIGHT,
6
7
  C as EXPAND_COL_WIDTH
7
8
  };
@@ -16,6 +16,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
16
16
  emptyStateTitle?: string;
17
17
  emptyStateSubtitle?: string;
18
18
  isInfiniteScroll?: boolean;
19
+ showTotalsRow?: boolean;
19
20
  infiniteScrollThreshold?: number;
20
21
  rowHeight?: number | ((index: number) => number);
21
22
  loadingRowCount?: number;
@@ -89,6 +90,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
89
90
  emptyStateTitle?: string;
90
91
  emptyStateSubtitle?: string;
91
92
  isInfiniteScroll?: boolean;
93
+ showTotalsRow?: boolean;
92
94
  infiniteScrollThreshold?: number;
93
95
  rowHeight?: number | ((index: number) => number);
94
96
  loadingRowCount?: number;
@@ -174,6 +176,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
174
176
  isSelectionBordered: boolean;
175
177
  }>, Partial<Record<`section-${string}`, (_: {}) => any>> & Partial<Record<`header-${string}`, (_: {
176
178
  column: Column;
179
+ }) => any>> & Partial<Record<`total-${string}`, (_: {
180
+ column: Column;
177
181
  }) => any>> & Partial<Record<`cell-${string}`, (_: {
178
182
  cell: unknown;
179
183
  isLoading: boolean;
@@ -1,7 +1,7 @@
1
1
  import o from "./DataGrid.vue2.js";
2
- /* empty css */import a from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../DataGrid.vue_vue_type_style_index_0_scoped_86ea5d2a_lang.css"; //*');
4
- const s = /* @__PURE__ */ a(o, [["__scopeId", "data-v-86ea5d2a"]]);
2
+ /* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../DataGrid.vue_vue_type_style_index_0_scoped_0dff3241_lang.css"; //*');
4
+ const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-0dff3241"]]);
5
5
  export {
6
- s as default
6
+ a as default
7
7
  };