@ironsource/shared-ui 2.1.7-test.3 → 2.1.7-test.5

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 (90) hide show
  1. package/DataGrid.vue_vue_type_style_index_0_scoped_5273976b_lang.css +1 -0
  2. package/DataGridRowsCounter.vue_vue_type_style_index_0_scoped_ef699ec5_lang.css +1 -0
  3. package/DropdownV4.vue_vue_type_style_index_0_scoped_938772ee_lang.css +1 -0
  4. package/EditableV4.vue_vue_type_style_index_0_scoped_e0c047b4_lang.css +1 -0
  5. package/IncludeExclude.vue_vue_type_style_index_0_scoped_cc2adbf5_lang.css +1 -0
  6. package/IncludeExcludeDragDrop.vue_vue_type_style_index_0_scoped_bd6145ce_lang.css +1 -0
  7. package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_82ba0e12_lang.css +1 -0
  8. package/OptionV4.vue_vue_type_style_index_0_scoped_b6a06f00_lang.css +1 -0
  9. package/Popover.vue_vue_type_style_index_0_scoped_c607b770_lang.css +1 -0
  10. package/PopoverV4.vue_vue_type_style_index_0_scoped_c54cd089_lang.css +1 -0
  11. package/PopoverV4.vue_vue_type_style_index_1_lang.css +1 -0
  12. package/SortableList.vue_vue_type_style_index_0_scoped_e9cd63b8_lang.css +1 -0
  13. package/TabsV4.vue_vue_type_style_index_0_scoped_f9433b11_lang.css +1 -0
  14. package/TextField.vue_vue_type_style_index_0_scoped_4d9bf5b2_lang.css +1 -0
  15. package/ThemeWrapper.vue_vue_type_style_index_0_scoped_66bd448a_lang.css +1 -0
  16. package/components/ThemeWrapper/ThemeWrapper.vue.js +2 -2
  17. package/components/ThemeWrapper/ThemeWrapper.vue2.js +5 -5
  18. package/components/dropdown/v4/DropdownV4.vue.d.ts +10 -0
  19. package/components/dropdown/v4/DropdownV4.vue.js +3 -3
  20. package/components/dropdown/v4/DropdownV4.vue2.js +151 -147
  21. package/components/dropdown/v4/OptionV4.vue.d.ts +10 -0
  22. package/components/dropdown/v4/OptionV4.vue.js +2 -2
  23. package/components/dropdown/v4/OptionV4.vue2.js +70 -53
  24. package/components/dropdown/v4/dropdownStoryArgs.d.ts +14 -0
  25. package/components/dropdown/v4/index.d.ts +78 -2
  26. package/components/includeExclude/IncludeExclude.vue.js +4 -4
  27. package/components/includeExclude/IncludeExclude.vue2.js +2 -2
  28. package/components/includeExclude/IncludeExcludeDragDrop.vue.js +4 -4
  29. package/components/includeExclude/IncludeExcludeDragDrop.vue2.js +2 -2
  30. package/components/input/v4/TextField.vue.js +3 -3
  31. package/components/input/v4/TextField.vue2.js +1 -1
  32. package/components/popover/common/Popover.common.d.ts +6 -0
  33. package/components/popover/common/Popover.common.js +17 -0
  34. package/components/popover/v3/Popover.vue.js +8 -0
  35. package/components/popover/{Popover.vue2.js → v3/Popover.vue2.js} +1 -1
  36. package/components/popover/v4/PopoverV4.vue.d.ts +73 -0
  37. package/components/popover/v4/PopoverV4.vue.js +7 -0
  38. package/components/popover/v4/PopoverV4.vue2.js +54 -0
  39. package/components/popover/v4/index.d.ts +209 -0
  40. package/components/popover/v4/index.js +6 -0
  41. package/components/sortableList/SortableList.vue.d.ts +25 -0
  42. package/components/sortableList/SortableList.vue.js +4 -4
  43. package/components/sortableList/SortableList.vue2.js +129 -89
  44. package/components/sortableList/index.d.ts +88 -2
  45. package/components/table/common/Table.common.js +71 -68
  46. package/components/table/v3/Table.vue.d.ts +2 -2
  47. package/components/table/v3/index.d.ts +39 -39
  48. package/components/table/v4/DataGrid.vue.d.ts +12 -2
  49. package/components/table/v4/DataGrid.vue.js +4 -4
  50. package/components/table/v4/DataGrid.vue2.js +103 -100
  51. package/components/table/v4/DataGridRowsCounter.vue.d.ts +5 -0
  52. package/components/table/v4/DataGridRowsCounter.vue.js +3 -3
  53. package/components/table/v4/DataGridRowsCounter.vue2.js +30 -22
  54. package/components/table/v4/MultipleDataGrid.vue.d.ts +16 -3
  55. package/components/table/v4/MultipleDataGrid.vue.js +4 -4
  56. package/components/table/v4/MultipleDataGrid.vue2.js +114 -66
  57. package/components/table/v4/index.d.ts +135 -75
  58. package/components/table/v4/storyUtils.d.ts +4 -0
  59. package/components/table-cells/common/Editable.common.js +37 -26
  60. package/components/table-cells/common/EditableContext.d.ts +1 -0
  61. package/components/table-cells/v4/EditableV4.vue.d.ts +5 -0
  62. package/components/table-cells/v4/EditableV4.vue.js +5 -5
  63. package/components/table-cells/v4/EditableV4.vue2.js +18 -17
  64. package/components/table-cells/v4/index.d.ts +20 -1
  65. package/components/tabs/v4/TabsV4.vue.js +4 -4
  66. package/components/tabs/v4/TabsV4.vue2.js +37 -40
  67. package/index.d.ts +1134 -239
  68. package/index.js +70 -70
  69. package/package.json +7 -3
  70. package/testids/index.d.ts +5 -0
  71. package/testids/index.js +24 -23
  72. package/utils/formatNumbers.d.ts +4 -0
  73. package/utils/formatNumbers.js +11 -0
  74. package/DataGrid.vue_vue_type_style_index_0_scoped_63aaf3be_lang.css +0 -1
  75. package/DataGridRowsCounter.vue_vue_type_style_index_0_scoped_06751538_lang.css +0 -1
  76. package/DropdownV4.vue_vue_type_style_index_0_scoped_7af4f288_lang.css +0 -1
  77. package/EditableV4.vue_vue_type_style_index_0_scoped_31bfb722_lang.css +0 -1
  78. package/IncludeExclude.vue_vue_type_style_index_0_scoped_fb054d88_lang.css +0 -1
  79. package/IncludeExcludeDragDrop.vue_vue_type_style_index_0_scoped_5764fd61_lang.css +0 -1
  80. package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_260b9cdc_lang.css +0 -1
  81. package/OptionV4.vue_vue_type_style_index_0_scoped_9db0f796_lang.css +0 -1
  82. package/Popover.vue_vue_type_style_index_0_scoped_25eb53db_lang.css +0 -1
  83. package/SortableList.vue_vue_type_style_index_0_scoped_21842d59_lang.css +0 -1
  84. package/TabsV4.vue_vue_type_style_index_0_scoped_bab40cfe_lang.css +0 -1
  85. package/TextField.vue_vue_type_style_index_0_scoped_eb472aa3_lang.css +0 -1
  86. package/ThemeWrapper.vue_vue_type_style_index_0_scoped_b62ee695_lang.css +0 -1
  87. package/components/popover/Popover.vue.js +0 -8
  88. /package/components/popover/{Popover.vue.d.ts → v3/Popover.vue.d.ts} +0 -0
  89. /package/components/popover/{index.d.ts → v3/index.d.ts} +0 -0
  90. /package/components/popover/{index.js → v3/index.js} +0 -0
@@ -16,20 +16,22 @@ declare const DataGridTypes: () => (({
16
16
  searchPlaceholder: string;
17
17
  selection: unknown[];
18
18
  showSearch: boolean;
19
+ loadingRowCount: number;
20
+ emptyStateTitle: string;
19
21
  isSticky: boolean;
20
22
  sections: import("../common/Table.types").Section[];
21
23
  isStickyHeader: boolean;
22
- emptyStateTitle: string;
23
24
  emptyStateSubtitle: string;
24
25
  isInfiniteScroll: boolean;
25
26
  infiniteScrollThreshold: number;
26
27
  rowHeight: number | ((index: number) => number);
27
- loadingRowCount: number;
28
28
  defaultScrollPosition: number;
29
29
  getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
30
30
  selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
31
31
  emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
32
32
  zIndexBase: number;
33
+ rowCustomClassKey: string;
34
+ rowDataKey: string;
33
35
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
34
36
  sort: {
35
37
  type: import("vue").PropType<import("../common/Table.types").Sort>;
@@ -71,6 +73,14 @@ declare const DataGridTypes: () => (({
71
73
  type: import("vue").PropType<boolean>;
72
74
  default: boolean;
73
75
  };
76
+ loadingRowCount: {
77
+ type: import("vue").PropType<number>;
78
+ default: number;
79
+ };
80
+ emptyStateTitle: {
81
+ type: import("vue").PropType<string>;
82
+ default: string;
83
+ };
74
84
  isSticky: {
75
85
  type: import("vue").PropType<boolean>;
76
86
  default: boolean;
@@ -87,10 +97,6 @@ declare const DataGridTypes: () => (({
87
97
  type: import("vue").PropType<boolean>;
88
98
  default: boolean;
89
99
  };
90
- emptyStateTitle: {
91
- type: import("vue").PropType<string>;
92
- default: string;
93
- };
94
100
  emptyStateSubtitle: {
95
101
  type: import("vue").PropType<string>;
96
102
  default: string;
@@ -107,10 +113,6 @@ declare const DataGridTypes: () => (({
107
113
  type: import("vue").PropType<number | ((index: number) => number)>;
108
114
  default: number;
109
115
  };
110
- loadingRowCount: {
111
- type: import("vue").PropType<number>;
112
- default: number;
113
- };
114
116
  defaultScrollPosition: {
115
117
  type: import("vue").PropType<number>;
116
118
  default: any;
@@ -131,6 +133,14 @@ declare const DataGridTypes: () => (({
131
133
  type: import("vue").PropType<number>;
132
134
  default: number;
133
135
  };
136
+ rowCustomClassKey: {
137
+ type: import("vue").PropType<string>;
138
+ default: string;
139
+ };
140
+ rowDataKey: {
141
+ type: import("vue").PropType<string>;
142
+ default: string;
143
+ };
134
144
  }>> & {
135
145
  onSelectAll?: (value: boolean) => any;
136
146
  "onUpdate:search"?: (query: string) => any;
@@ -147,7 +157,7 @@ declare const DataGridTypes: () => (({
147
157
  "onUpdate:selection"?: (selection: unknown[]) => any;
148
158
  onSelectRow?: (value: boolean) => any;
149
159
  onClickRow?: (rowIndex: number) => any;
150
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "isLoading" | "searchAutoFocus" | "searchPlaceholder" | "selection" | "showSearch" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateTitle" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "loadingRowCount" | "defaultScrollPosition" | "getRowId" | "selectedMatcher" | "emptyStateVariant" | "zIndexBase">;
160
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "isLoading" | "searchAutoFocus" | "searchPlaceholder" | "selection" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "defaultScrollPosition" | "getRowId" | "selectedMatcher" | "emptyStateVariant" | "zIndexBase" | "rowCustomClassKey" | "rowDataKey">;
151
161
  $attrs: {
152
162
  [x: string]: unknown;
153
163
  };
@@ -207,6 +217,14 @@ declare const DataGridTypes: () => (({
207
217
  type: import("vue").PropType<boolean>;
208
218
  default: boolean;
209
219
  };
220
+ loadingRowCount: {
221
+ type: import("vue").PropType<number>;
222
+ default: number;
223
+ };
224
+ emptyStateTitle: {
225
+ type: import("vue").PropType<string>;
226
+ default: string;
227
+ };
210
228
  isSticky: {
211
229
  type: import("vue").PropType<boolean>;
212
230
  default: boolean;
@@ -223,10 +241,6 @@ declare const DataGridTypes: () => (({
223
241
  type: import("vue").PropType<boolean>;
224
242
  default: boolean;
225
243
  };
226
- emptyStateTitle: {
227
- type: import("vue").PropType<string>;
228
- default: string;
229
- };
230
244
  emptyStateSubtitle: {
231
245
  type: import("vue").PropType<string>;
232
246
  default: string;
@@ -243,10 +257,6 @@ declare const DataGridTypes: () => (({
243
257
  type: import("vue").PropType<number | ((index: number) => number)>;
244
258
  default: number;
245
259
  };
246
- loadingRowCount: {
247
- type: import("vue").PropType<number>;
248
- default: number;
249
- };
250
260
  defaultScrollPosition: {
251
261
  type: import("vue").PropType<number>;
252
262
  default: any;
@@ -267,6 +277,14 @@ declare const DataGridTypes: () => (({
267
277
  type: import("vue").PropType<number>;
268
278
  default: number;
269
279
  };
280
+ rowCustomClassKey: {
281
+ type: import("vue").PropType<string>;
282
+ default: string;
283
+ };
284
+ rowDataKey: {
285
+ type: import("vue").PropType<string>;
286
+ default: string;
287
+ };
270
288
  }>> & {
271
289
  onSelectAll?: (value: boolean) => any;
272
290
  "onUpdate:search"?: (query: string) => any;
@@ -311,20 +329,22 @@ declare const DataGridTypes: () => (({
311
329
  searchPlaceholder: string;
312
330
  selection: unknown[];
313
331
  showSearch: boolean;
332
+ loadingRowCount: number;
333
+ emptyStateTitle: string;
314
334
  isSticky: boolean;
315
335
  sections: import("../common/Table.types").Section[];
316
336
  isStickyHeader: boolean;
317
- emptyStateTitle: string;
318
337
  emptyStateSubtitle: string;
319
338
  isInfiniteScroll: boolean;
320
339
  infiniteScrollThreshold: number;
321
340
  rowHeight: number | ((index: number) => number);
322
- loadingRowCount: number;
323
341
  defaultScrollPosition: number;
324
342
  getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
325
343
  selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
326
344
  emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
327
345
  zIndexBase: number;
346
+ rowCustomClassKey: string;
347
+ rowDataKey: string;
328
348
  }, {}, string> & {
329
349
  beforeCreate?: (() => void) | (() => void)[];
330
350
  created?: (() => void) | (() => void)[];
@@ -386,6 +406,14 @@ declare const DataGridTypes: () => (({
386
406
  type: import("vue").PropType<boolean>;
387
407
  default: boolean;
388
408
  };
409
+ loadingRowCount: {
410
+ type: import("vue").PropType<number>;
411
+ default: number;
412
+ };
413
+ emptyStateTitle: {
414
+ type: import("vue").PropType<string>;
415
+ default: string;
416
+ };
389
417
  isSticky: {
390
418
  type: import("vue").PropType<boolean>;
391
419
  default: boolean;
@@ -402,10 +430,6 @@ declare const DataGridTypes: () => (({
402
430
  type: import("vue").PropType<boolean>;
403
431
  default: boolean;
404
432
  };
405
- emptyStateTitle: {
406
- type: import("vue").PropType<string>;
407
- default: string;
408
- };
409
433
  emptyStateSubtitle: {
410
434
  type: import("vue").PropType<string>;
411
435
  default: string;
@@ -422,10 +446,6 @@ declare const DataGridTypes: () => (({
422
446
  type: import("vue").PropType<number | ((index: number) => number)>;
423
447
  default: number;
424
448
  };
425
- loadingRowCount: {
426
- type: import("vue").PropType<number>;
427
- default: number;
428
- };
429
449
  defaultScrollPosition: {
430
450
  type: import("vue").PropType<number>;
431
451
  default: any;
@@ -446,6 +466,14 @@ declare const DataGridTypes: () => (({
446
466
  type: import("vue").PropType<number>;
447
467
  default: number;
448
468
  };
469
+ rowCustomClassKey: {
470
+ type: import("vue").PropType<string>;
471
+ default: string;
472
+ };
473
+ rowDataKey: {
474
+ type: import("vue").PropType<string>;
475
+ default: string;
476
+ };
449
477
  }>> & {
450
478
  onSelectAll?: (value: boolean) => any;
451
479
  "onUpdate:search"?: (query: string) => any;
@@ -509,6 +537,14 @@ declare const DataGridTypes: () => (({
509
537
  type: import("vue").PropType<boolean>;
510
538
  default: boolean;
511
539
  };
540
+ loadingRowCount: {
541
+ type: import("vue").PropType<number>;
542
+ default: number;
543
+ };
544
+ emptyStateTitle: {
545
+ type: import("vue").PropType<string>;
546
+ default: string;
547
+ };
512
548
  isSticky: {
513
549
  type: import("vue").PropType<boolean>;
514
550
  default: boolean;
@@ -525,10 +561,6 @@ declare const DataGridTypes: () => (({
525
561
  type: import("vue").PropType<boolean>;
526
562
  default: boolean;
527
563
  };
528
- emptyStateTitle: {
529
- type: import("vue").PropType<string>;
530
- default: string;
531
- };
532
564
  emptyStateSubtitle: {
533
565
  type: import("vue").PropType<string>;
534
566
  default: string;
@@ -545,10 +577,6 @@ declare const DataGridTypes: () => (({
545
577
  type: import("vue").PropType<number | ((index: number) => number)>;
546
578
  default: number;
547
579
  };
548
- loadingRowCount: {
549
- type: import("vue").PropType<number>;
550
- default: number;
551
- };
552
580
  defaultScrollPosition: {
553
581
  type: import("vue").PropType<number>;
554
582
  default: any;
@@ -569,6 +597,14 @@ declare const DataGridTypes: () => (({
569
597
  type: import("vue").PropType<number>;
570
598
  default: number;
571
599
  };
600
+ rowCustomClassKey: {
601
+ type: import("vue").PropType<string>;
602
+ default: string;
603
+ };
604
+ rowDataKey: {
605
+ type: import("vue").PropType<string>;
606
+ default: string;
607
+ };
572
608
  }>> & {
573
609
  onSelectAll?: (value: boolean) => any;
574
610
  "onUpdate:search"?: (query: string) => any;
@@ -613,20 +649,22 @@ declare const DataGridTypes: () => (({
613
649
  searchPlaceholder: string;
614
650
  selection: unknown[];
615
651
  showSearch: boolean;
652
+ loadingRowCount: number;
653
+ emptyStateTitle: string;
616
654
  isSticky: boolean;
617
655
  sections: import("../common/Table.types").Section[];
618
656
  isStickyHeader: boolean;
619
- emptyStateTitle: string;
620
657
  emptyStateSubtitle: string;
621
658
  isInfiniteScroll: boolean;
622
659
  infiniteScrollThreshold: number;
623
660
  rowHeight: number | ((index: number) => number);
624
- loadingRowCount: number;
625
661
  defaultScrollPosition: number;
626
662
  getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
627
663
  selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
628
664
  emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
629
665
  zIndexBase: number;
666
+ rowCustomClassKey: string;
667
+ rowDataKey: string;
630
668
  }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
631
669
  $slots: Partial<Record<`section-${string}`, (_: {}) => any>> & Partial<Record<`header-${string}`, (_: {
632
670
  column: import("../common/Table.types").Column;
@@ -686,6 +724,10 @@ declare const DataGridTypes: () => (({
686
724
  rowIndex: number;
687
725
  menuItems: import("../common/Table.types").MenuItem[];
688
726
  }> | import("vue").DefineComponent<{
727
+ testId: {
728
+ type: import("vue").PropType<string>;
729
+ default: string;
730
+ };
689
731
  count: {
690
732
  type: import("vue").PropType<number>;
691
733
  default: number;
@@ -707,6 +749,10 @@ declare const DataGridTypes: () => (({
707
749
  default: string;
708
750
  };
709
751
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
752
+ testId: {
753
+ type: import("vue").PropType<string>;
754
+ default: string;
755
+ };
710
756
  count: {
711
757
  type: import("vue").PropType<number>;
712
758
  default: number;
@@ -728,6 +774,7 @@ declare const DataGridTypes: () => (({
728
774
  default: string;
729
775
  };
730
776
  }>>, {
777
+ testId: string;
731
778
  count: number;
732
779
  totalCount: number;
733
780
  displayingText: string;
@@ -744,10 +791,10 @@ declare const DataGridTypes: () => (({
744
791
  searchPlaceholder: string;
745
792
  count: number;
746
793
  showSearch: boolean;
747
- isSticky: boolean;
794
+ loadingRowCount: number;
748
795
  emptyStateTitle: string;
796
+ isSticky: boolean;
749
797
  emptyStateSubtitle: string;
750
- loadingRowCount: number;
751
798
  emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
752
799
  zIndexBase: number;
753
800
  totalCount: number;
@@ -781,22 +828,22 @@ declare const DataGridTypes: () => (({
781
828
  type: import("vue").PropType<boolean>;
782
829
  default: boolean;
783
830
  };
784
- isSticky: {
785
- type: import("vue").PropType<boolean>;
786
- default: boolean;
831
+ loadingRowCount: {
832
+ type: import("vue").PropType<number>;
833
+ default: number;
787
834
  };
788
835
  emptyStateTitle: {
789
836
  type: import("vue").PropType<string>;
790
837
  default: string;
791
838
  };
839
+ isSticky: {
840
+ type: import("vue").PropType<boolean>;
841
+ default: boolean;
842
+ };
792
843
  emptyStateSubtitle: {
793
844
  type: import("vue").PropType<string>;
794
845
  default: string;
795
846
  };
796
- loadingRowCount: {
797
- type: import("vue").PropType<number>;
798
- default: number;
799
- };
800
847
  emptyStateVariant: {
801
848
  type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
802
849
  default: any;
@@ -836,7 +883,7 @@ declare const DataGridTypes: () => (({
836
883
  onOnScroll?: (scrollTop: number) => any;
837
884
  onOnClearSearch?: () => any;
838
885
  onClickRow?: (rowIndex: number, tableIndex: number) => any;
839
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "search" | "testId" | "isLoading" | "searchPlaceholder" | "count" | "showSearch" | "isSticky" | "emptyStateTitle" | "emptyStateSubtitle" | "loadingRowCount" | "emptyStateVariant" | "zIndexBase" | "totalCount" | "displayingText" | "outOfText" | "totalText" | "tablesSettings" | "loadingAndEmptyStatesColumns">;
886
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "search" | "testId" | "isLoading" | "searchPlaceholder" | "count" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "emptyStateSubtitle" | "emptyStateVariant" | "zIndexBase" | "totalCount" | "displayingText" | "outOfText" | "totalText" | "tablesSettings" | "loadingAndEmptyStatesColumns">;
840
887
  $attrs: {
841
888
  [x: string]: unknown;
842
889
  };
@@ -875,22 +922,22 @@ declare const DataGridTypes: () => (({
875
922
  type: import("vue").PropType<boolean>;
876
923
  default: boolean;
877
924
  };
878
- isSticky: {
879
- type: import("vue").PropType<boolean>;
880
- default: boolean;
925
+ loadingRowCount: {
926
+ type: import("vue").PropType<number>;
927
+ default: number;
881
928
  };
882
929
  emptyStateTitle: {
883
930
  type: import("vue").PropType<string>;
884
931
  default: string;
885
932
  };
933
+ isSticky: {
934
+ type: import("vue").PropType<boolean>;
935
+ default: boolean;
936
+ };
886
937
  emptyStateSubtitle: {
887
938
  type: import("vue").PropType<string>;
888
939
  default: string;
889
940
  };
890
- loadingRowCount: {
891
- type: import("vue").PropType<number>;
892
- default: number;
893
- };
894
941
  emptyStateVariant: {
895
942
  type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
896
943
  default: any;
@@ -942,10 +989,10 @@ declare const DataGridTypes: () => (({
942
989
  searchPlaceholder: string;
943
990
  count: number;
944
991
  showSearch: boolean;
945
- isSticky: boolean;
992
+ loadingRowCount: number;
946
993
  emptyStateTitle: string;
994
+ isSticky: boolean;
947
995
  emptyStateSubtitle: string;
948
- loadingRowCount: number;
949
996
  emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
950
997
  zIndexBase: number;
951
998
  totalCount: number;
@@ -999,22 +1046,22 @@ declare const DataGridTypes: () => (({
999
1046
  type: import("vue").PropType<boolean>;
1000
1047
  default: boolean;
1001
1048
  };
1002
- isSticky: {
1003
- type: import("vue").PropType<boolean>;
1004
- default: boolean;
1049
+ loadingRowCount: {
1050
+ type: import("vue").PropType<number>;
1051
+ default: number;
1005
1052
  };
1006
1053
  emptyStateTitle: {
1007
1054
  type: import("vue").PropType<string>;
1008
1055
  default: string;
1009
1056
  };
1057
+ isSticky: {
1058
+ type: import("vue").PropType<boolean>;
1059
+ default: boolean;
1060
+ };
1010
1061
  emptyStateSubtitle: {
1011
1062
  type: import("vue").PropType<string>;
1012
1063
  default: string;
1013
1064
  };
1014
- loadingRowCount: {
1015
- type: import("vue").PropType<number>;
1016
- default: number;
1017
- };
1018
1065
  emptyStateVariant: {
1019
1066
  type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
1020
1067
  default: any;
@@ -1083,22 +1130,22 @@ declare const DataGridTypes: () => (({
1083
1130
  type: import("vue").PropType<boolean>;
1084
1131
  default: boolean;
1085
1132
  };
1086
- isSticky: {
1087
- type: import("vue").PropType<boolean>;
1088
- default: boolean;
1133
+ loadingRowCount: {
1134
+ type: import("vue").PropType<number>;
1135
+ default: number;
1089
1136
  };
1090
1137
  emptyStateTitle: {
1091
1138
  type: import("vue").PropType<string>;
1092
1139
  default: string;
1093
1140
  };
1141
+ isSticky: {
1142
+ type: import("vue").PropType<boolean>;
1143
+ default: boolean;
1144
+ };
1094
1145
  emptyStateSubtitle: {
1095
1146
  type: import("vue").PropType<string>;
1096
1147
  default: string;
1097
1148
  };
1098
- loadingRowCount: {
1099
- type: import("vue").PropType<number>;
1100
- default: number;
1101
- };
1102
1149
  emptyStateVariant: {
1103
1150
  type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
1104
1151
  default: any;
@@ -1150,10 +1197,10 @@ declare const DataGridTypes: () => (({
1150
1197
  searchPlaceholder: string;
1151
1198
  count: number;
1152
1199
  showSearch: boolean;
1153
- isSticky: boolean;
1200
+ loadingRowCount: number;
1154
1201
  emptyStateTitle: string;
1202
+ isSticky: boolean;
1155
1203
  emptyStateSubtitle: string;
1156
- loadingRowCount: number;
1157
1204
  emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
1158
1205
  zIndexBase: number;
1159
1206
  totalCount: number;
@@ -1164,12 +1211,25 @@ declare const DataGridTypes: () => (({
1164
1211
  loadingAndEmptyStatesColumns: import("../common/Table.types").Column[];
1165
1212
  }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
1166
1213
  $slots: Partial<Record<string, (_: {
1214
+ column: import("../common/Table.types").Column;
1215
+ }) => any>> & Partial<Record<string, (_: {
1167
1216
  cell: any;
1168
1217
  isLoading: any;
1169
1218
  cellIndex: any;
1170
1219
  row: any;
1171
1220
  rowIndex: any;
1172
- }) => any>>;
1221
+ }) => any>> & Partial<Record<string, (_: {
1222
+ column: import("../common/Table.types").Column;
1223
+ }) => any>> & {
1224
+ title?(_: {}): any;
1225
+ search?(_: {}): any;
1226
+ "table-header-actions"?(_: {}): any;
1227
+ "floating-row"?(_: {
1228
+ row: any;
1229
+ rowIndex: any;
1230
+ }): any;
1231
+ "empty-state"?(_: {}): any;
1232
+ };
1173
1233
  })))[];
1174
1234
  export type { Column, Sort, MenuItem, TableSettings, } from '../common/Table.types';
1175
1235
  export { DataGrid, DataGridMenu, DataGridRowsCounter, DataGridTypes, MultipleDataGrid, };
@@ -3,3 +3,7 @@ export declare const searchRows: (array: string[][], query: string) => string[][
3
3
  export declare const exampleRows: string[][];
4
4
  export declare const moreExampleRows: string[][];
5
5
  export declare const exampleRowsWithExtraColumns: string[][];
6
+ export declare const exampleObjectRows: {
7
+ rowData: string[];
8
+ customClass: string;
9
+ }[];
@@ -1,39 +1,50 @@
1
- import { ref as a, provide as v } from "vue";
2
- import { useTableContext as s } from "../../table/common/TableContext.js";
3
- import { EditableContext as d } from "./EditableContext.js";
4
- import { onClickOutside as f } from "@vueuse/core";
5
- const g = (e) => {
6
- const l = a(!1), n = a(e.cell), u = a(null), r = s("Editable"), o = a(null);
7
- v(d, {
1
+ import { ref as t, provide as d } from "vue";
2
+ import { useTableContext as f } from "../../table/common/TableContext.js";
3
+ import { EditableContext as C } from "./EditableContext.js";
4
+ import { onClickOutside as m } from "@vueuse/core";
5
+ const k = (e) => {
6
+ const l = t(!1), n = t(e.cell), o = t(e.saveOnClickOutside), i = t(null), r = f("Editable"), a = t(null), v = () => {
7
+ if (e.cell === n.value) {
8
+ l.value = !1;
9
+ return;
10
+ }
11
+ const u = e.validateFunction?.(n.value);
12
+ a.value = u, !u && (r.onClose({
13
+ rowIndex: e.rowIndex,
14
+ cellIndex: e.cellIndex,
15
+ value: n.value
16
+ }), l.value = !1);
17
+ };
18
+ d(C, {
8
19
  focusable: !0,
9
20
  value: n,
10
- error: o,
21
+ error: a,
11
22
  confirmable: !0,
12
- onChange(t) {
13
- n.value = t, o.value = e.validateFunction?.(n.value);
23
+ saveOnClickOutside: o.value,
24
+ onChange(u) {
25
+ n.value = u, a.value = e.validateFunction?.(n.value);
14
26
  },
15
- onClose: () => {
16
- const t = e.validateFunction?.(n.value);
17
- o.value = t, !t && (r.onClose({
18
- rowIndex: e.rowIndex,
19
- cellIndex: e.cellIndex,
20
- value: n.value
21
- }), l.value = !1);
22
- }
27
+ onClose: v
23
28
  });
24
- const i = () => {
29
+ const c = () => {
25
30
  l.value || e.isLoading || (l.value = !l.value);
26
- }, c = () => {
27
- n.value = e.cell, o.value = null;
31
+ }, s = () => {
32
+ n.value = e.cell, a.value = null;
28
33
  };
29
- return f(u, () => {
30
- l.value = !1, c(), r.onClose();
34
+ return m(i, () => {
35
+ if (l.value) {
36
+ if (o.value) {
37
+ v();
38
+ return;
39
+ }
40
+ l.value = !1, s(), r.onClose();
41
+ }
31
42
  }), {
32
- onEdit: i,
33
- target: u,
43
+ onEdit: c,
44
+ target: i,
34
45
  isEditing: l
35
46
  };
36
47
  };
37
48
  export {
38
- g as editableCommon
49
+ k as editableCommon
39
50
  };
@@ -6,6 +6,7 @@ export interface EditableContextProps {
6
6
  error?: Ref<string>;
7
7
  value?: Ref<unknown>;
8
8
  confirmable?: boolean;
9
+ saveOnClickOutside?: boolean;
9
10
  }
10
11
  export declare const EditableContext: InjectionKey<EditableContextProps>;
11
12
  export declare function useEditableContext(): EditableContextProps;
@@ -4,12 +4,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
4
4
  rowIndex: number;
5
5
  cellIndex: number;
6
6
  type: "input" | "dropdown";
7
+ saveOnClickOutside?: boolean;
7
8
  validateFunction?: (value: unknown) => string | boolean;
8
9
  displayValue?: (option: unknown) => unknown;
9
10
  }>, {
10
11
  cell: string;
11
12
  isLoading: boolean;
12
13
  type: string;
14
+ saveOnClickOutside: boolean;
13
15
  validateFunction: () => false;
14
16
  displayValue: (cell: unknown) => unknown;
15
17
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
@@ -18,17 +20,20 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
18
20
  rowIndex: number;
19
21
  cellIndex: number;
20
22
  type: "input" | "dropdown";
23
+ saveOnClickOutside?: boolean;
21
24
  validateFunction?: (value: unknown) => string | boolean;
22
25
  displayValue?: (option: unknown) => unknown;
23
26
  }>, {
24
27
  cell: string;
25
28
  isLoading: boolean;
26
29
  type: string;
30
+ saveOnClickOutside: boolean;
27
31
  validateFunction: () => false;
28
32
  displayValue: (cell: unknown) => unknown;
29
33
  }>>>, {
30
34
  type: "input" | "dropdown";
31
35
  cell: string;
36
+ saveOnClickOutside: boolean;
32
37
  validateFunction: (value: unknown) => string | boolean;
33
38
  isLoading: boolean;
34
39
  displayValue: (option: unknown) => unknown;
@@ -1,7 +1,7 @@
1
- import o from "./EditableV4.vue2.js";
2
- /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../EditableV4.vue_vue_type_style_index_0_scoped_31bfb722_lang.css"; //*');
4
- const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-31bfb722"]]);
1
+ import e from "./EditableV4.vue2.js";
2
+ /* empty css */import o from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../EditableV4.vue_vue_type_style_index_0_scoped_e0c047b4_lang.css"; //*');
4
+ const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-e0c047b4"]]);
5
5
  export {
6
- p as default
6
+ c as default
7
7
  };