@ironsource/shared-ui 2.1.12-rc.30 → 2.1.12-rc.32

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 (103) hide show
  1. package/ColumnPicker.vue_vue_type_style_index_0_scoped_ea8c7024_lang.css +1 -0
  2. package/DataGrid.vue_vue_type_style_index_0_scoped_36ec94a7_lang.css +1 -0
  3. package/DataGridHeader.vue_vue_type_style_index_0_scoped_840e700c_lang.css +1 -0
  4. package/DataGridRowsCounter.vue_vue_type_style_index_0_scoped_e38c881a_lang.css +1 -0
  5. package/DialogFooter.vue_vue_type_style_index_0_scoped_8b7f64fe_lang.css +1 -0
  6. package/DialogHeader.vue_vue_type_style_index_0_scoped_9a814ec3_lang.css +1 -0
  7. package/DialogV4.vue_vue_type_style_index_0_scoped_cc99f1e3_lang.css +1 -0
  8. package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_3caa1d7b_lang.css +1 -0
  9. package/OptionChip.vue_vue_type_style_index_0_scoped_538e4a21_lang.css +1 -0
  10. package/OptionV4.vue_vue_type_style_index_0_scoped_752a357d_lang.css +1 -0
  11. package/RadioButton.vue_vue_type_style_index_0_scoped_1da367f8_lang.css +1 -0
  12. package/RemoveButton.vue_vue_type_style_index_0_scoped_ca7fc11d_lang.css +1 -0
  13. package/SortableItem.vue_vue_type_style_index_0_scoped_800cd503_lang.css +1 -0
  14. package/SortableItemLabel.vue_vue_type_style_index_0_scoped_a534c7af_lang.css +1 -0
  15. package/SortableList.vue_vue_type_style_index_0_scoped_84dc8525_lang.css +1 -0
  16. package/TooltipHeader.vue_vue_type_style_index_0_scoped_5160f12d_lang.css +1 -0
  17. package/TooltipV4.vue_vue_type_style_index_0_scoped_8a451e54_lang.css +1 -0
  18. package/TooltipV4.vue_vue_type_style_index_1_lang.css +1 -1
  19. package/components/chart/TooltipHeader.vue.js +2 -2
  20. package/components/chart/TooltipHeader.vue2.js +21 -20
  21. package/components/chart/utils/utils.js +14 -13
  22. package/components/columnPicker/ColumnPicker.vue.d.ts +119 -0
  23. package/components/columnPicker/ColumnPicker.vue.js +7 -0
  24. package/components/columnPicker/ColumnPicker.vue2.js +322 -0
  25. package/components/columnPicker/OptionChip.vue.d.ts +53 -0
  26. package/components/columnPicker/OptionChip.vue.js +7 -0
  27. package/components/columnPicker/OptionChip.vue2.js +46 -0
  28. package/components/columnPicker/RemoveButton.vue.d.ts +38 -0
  29. package/components/columnPicker/RemoveButton.vue.js +7 -0
  30. package/components/columnPicker/RemoveButton.vue2.js +35 -0
  31. package/components/columnPicker/index.d.ts +388 -0
  32. package/components/columnPicker/index.js +6 -0
  33. package/components/columnPicker/mockData.d.ts +8 -0
  34. package/components/dateRange/common/DateRange.common.js +60 -60
  35. package/components/dialog/v3/Dialog.vue.d.ts +3 -3
  36. package/components/dialog/v3/index.d.ts +46 -46
  37. package/components/dialog/v4/DialogFooter.vue.d.ts +78 -0
  38. package/components/dialog/v4/DialogFooter.vue.js +7 -0
  39. package/components/dialog/v4/DialogFooter.vue2.js +60 -0
  40. package/components/dialog/v4/DialogHeader.vue.d.ts +60 -0
  41. package/components/dialog/v4/DialogHeader.vue.js +7 -0
  42. package/components/dialog/v4/DialogHeader.vue2.js +58 -0
  43. package/components/dialog/v4/DialogV4.vue.d.ts +9 -9
  44. package/components/dialog/v4/DialogV4.vue.js +3 -3
  45. package/components/dialog/v4/DialogV4.vue2.js +65 -107
  46. package/components/dialog/v4/index.d.ts +157 -157
  47. package/components/dropdown/v4/OptionV4.vue.d.ts +5 -0
  48. package/components/dropdown/v4/OptionV4.vue.js +3 -3
  49. package/components/dropdown/v4/OptionV4.vue2.js +83 -70
  50. package/components/dropdown/v4/index.d.ts +20 -1
  51. package/components/radioButton/v3/RadioButton.vue.d.ts +5 -0
  52. package/components/radioButton/v3/RadioButton.vue.js +3 -3
  53. package/components/radioButton/v3/RadioButton.vue2.js +32 -31
  54. package/components/radioButton/v3/index.d.ts +20 -1
  55. package/components/sortableList/SortableItem.vue.d.ts +17 -2
  56. package/components/sortableList/SortableItem.vue.js +3 -3
  57. package/components/sortableList/SortableItem.vue2.js +86 -70
  58. package/components/sortableList/SortableItemLabel.vue.js +3 -3
  59. package/components/sortableList/SortableItemLabel.vue2.js +26 -23
  60. package/components/sortableList/SortableList.types.d.ts +1 -0
  61. package/components/sortableList/SortableList.vue.d.ts +10 -0
  62. package/components/sortableList/SortableList.vue.js +3 -3
  63. package/components/sortableList/SortableList.vue2.js +104 -96
  64. package/components/sortableList/composables/useHoverEffect.js +1 -1
  65. package/components/sortableList/index.d.ts +39 -1
  66. package/components/table/v4/DataGrid.vue.d.ts +4 -4
  67. package/components/table/v4/DataGrid.vue.js +3 -3
  68. package/components/table/v4/DataGrid.vue2.js +237 -245
  69. package/components/table/v4/DataGridHeader.vue.d.ts +85 -0
  70. package/components/table/v4/DataGridHeader.vue.js +7 -0
  71. package/components/table/v4/DataGridHeader.vue2.js +82 -0
  72. package/components/table/v4/DataGridRowsCounter.vue.js +3 -3
  73. package/components/table/v4/DataGridRowsCounter.vue2.js +12 -12
  74. package/components/table/v4/MultipleDataGrid.vue.d.ts +6 -5
  75. package/components/table/v4/MultipleDataGrid.vue.js +2 -2
  76. package/components/table/v4/MultipleDataGrid.vue2.js +91 -90
  77. package/components/table/v4/index.d.ts +552 -305
  78. package/components/table/v4/index.js +7 -4
  79. package/components/table/v4/storyUtils.d.ts +25 -0
  80. package/components/tooltip/v4/TooltipV4.vue.d.ts +5 -0
  81. package/components/tooltip/v4/TooltipV4.vue.js +2 -2
  82. package/components/tooltip/v4/TooltipV4.vue2.js +18 -17
  83. package/components/tooltip/v4/index.d.ts +20 -1
  84. package/index.d.ts +2030 -1384
  85. package/index.js +99 -95
  86. package/package.json +5 -1
  87. package/testids/index.d.ts +4 -0
  88. package/testids/index.js +29 -28
  89. package/utils/date.d.ts +1 -0
  90. package/utils/date.js +9 -0
  91. package/utils/formatNumbers.d.ts +1 -1
  92. package/utils/formatNumbers.js +38 -21
  93. package/DataGrid.vue_vue_type_style_index_0_scoped_8e8df067_lang.css +0 -1
  94. package/DataGridRowsCounter.vue_vue_type_style_index_0_scoped_ef699ec5_lang.css +0 -1
  95. package/DialogV4.vue_vue_type_style_index_0_scoped_eb226e31_lang.css +0 -1
  96. package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_020a9896_lang.css +0 -1
  97. package/OptionV4.vue_vue_type_style_index_0_scoped_0287cebf_lang.css +0 -1
  98. package/RadioButton.vue_vue_type_style_index_0_scoped_3c6b715c_lang.css +0 -1
  99. package/SortableItem.vue_vue_type_style_index_0_scoped_48542664_lang.css +0 -1
  100. package/SortableItemLabel.vue_vue_type_style_index_0_scoped_f2ced2f4_lang.css +0 -1
  101. package/SortableList.vue_vue_type_style_index_0_scoped_8f267f88_lang.css +0 -1
  102. package/TooltipHeader.vue_vue_type_style_index_0_scoped_3b15c693_lang.css +0 -1
  103. package/TooltipV4.vue_vue_type_style_index_0_scoped_bcb40ed4_lang.css +0 -1
@@ -1,17 +1,20 @@
1
1
  import r from "./DataGrid.vue.js";
2
2
  import t from "./DataGridMenu.vue.js";
3
3
  import o from "./DataGridRowsCounter.vue.js";
4
- import a from "./MultipleDataGrid.vue.js";
5
- const e = () => [
4
+ import a from "./DataGridHeader.vue.js";
5
+ import i from "./MultipleDataGrid.vue.js";
6
+ const G = () => [
6
7
  r,
7
8
  t,
8
9
  o,
10
+ i,
9
11
  a
10
12
  ];
11
13
  export {
12
14
  r as DataGrid,
15
+ a as DataGridHeader,
13
16
  t as DataGridMenu,
14
17
  o as DataGridRowsCounter,
15
- e as DataGridTypes,
16
- a as MultipleDataGrid
18
+ G as DataGridTypes,
19
+ i as MultipleDataGrid
17
20
  };
@@ -13,3 +13,28 @@ export declare const exampleObjectRows: {
13
13
  }[];
14
14
  export declare const exampleNumbersRows: string[][];
15
15
  export declare const exampleNumbersRowsExtra: string[][];
16
+ export declare const exampleData: {
17
+ first: string;
18
+ last: string;
19
+ address: string;
20
+ state: string;
21
+ zip: string;
22
+ phone: string;
23
+ }[];
24
+ export declare const BASIC_COLUMNS: {
25
+ id: string;
26
+ title: string;
27
+ isSortable: boolean;
28
+ }[];
29
+ export declare const EXTRA_COLUMNS: {
30
+ id: string;
31
+ title: string;
32
+ }[];
33
+ export declare const columnOptions: {
34
+ id: string;
35
+ title: string;
36
+ options: {
37
+ id: string;
38
+ title: string;
39
+ }[];
40
+ }[];
@@ -13,6 +13,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
13
13
  container?: string;
14
14
  shown?: boolean;
15
15
  autoHide?: boolean;
16
+ dontWrapDisabled?: boolean;
16
17
  }>, {
17
18
  text: any;
18
19
  header: any;
@@ -27,6 +28,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
27
28
  container: string;
28
29
  shown: any;
29
30
  autoHide: boolean;
31
+ dontWrapDisabled: boolean;
30
32
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
31
33
  show: () => void;
32
34
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
@@ -43,6 +45,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
43
45
  container?: string;
44
46
  shown?: boolean;
45
47
  autoHide?: boolean;
48
+ dontWrapDisabled?: boolean;
46
49
  }>, {
47
50
  text: any;
48
51
  header: any;
@@ -57,6 +60,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
57
60
  container: string;
58
61
  shown: any;
59
62
  autoHide: boolean;
63
+ dontWrapDisabled: boolean;
60
64
  }>>> & {
61
65
  onShow?: () => any;
62
66
  }, {
@@ -73,6 +77,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
73
77
  container: string;
74
78
  shown: boolean;
75
79
  autoHide: boolean;
80
+ dontWrapDisabled: boolean;
76
81
  }>, {
77
82
  default?(_: {}): any;
78
83
  tooltip?(_: {
@@ -1,8 +1,8 @@
1
1
  import o from "./TooltipV4.vue2.js";
2
2
  /* empty css *//* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_bcb40ed4_lang.css"; //*');
3
+ // import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_8a451e54_lang.css"; //*');
4
4
  // import "../../../TooltipV4.vue_vue_type_style_index_1_lang.css"; //');
5
- const l = /* @__PURE__ */ e(o, [["__scopeId", "data-v-bcb40ed4"]]);
5
+ const l = /* @__PURE__ */ e(o, [["__scopeId", "data-v-8a451e54"]]);
6
6
  export {
7
7
  l as default
8
8
  };
@@ -1,14 +1,14 @@
1
- import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_bcb40ed4_lang.css"; import "../../../TooltipV4.vue_vue_type_style_index_1_lang.css"; import { defineComponent as c, openBlock as l, createBlock as d, unref as t, mergeProps as f, withCtx as n, renderSlot as m, createTextVNode as p, toDisplayString as y, createElementVNode as T } from "vue";
1
+ import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_8a451e54_lang.css"; import "../../../TooltipV4.vue_vue_type_style_index_1_lang.css"; import { defineComponent as c, renderSlot as l, openBlock as d, createBlock as i, unref as t, mergeProps as m, withCtx as n, createTextVNode as y, toDisplayString as p, createElementVNode as T } from "vue";
2
2
  import g from "./TextWithTitleContent.vue.js";
3
3
  import { Tooltip as w } from "floating-vue";
4
- import { TooltipTestIdModifiers as i } from "../../../testids/index.js";
5
- import x from "../../typography/v4/Typography.vue.js";
4
+ import { TooltipTestIdModifiers as r } from "../../../testids/index.js";
5
+ import b from "../../typography/v4/Typography.vue.js";
6
6
  import { tooltipCommon as v } from "../common/Tooltip.common.js";
7
- import { useTestIdAttrs as b } from "../../../utils/testIds.js";
7
+ import { useTestIdAttrs as x } from "../../../utils/testIds.js";
8
8
  const B = {
9
9
  ref: "container",
10
10
  class: "container"
11
- }, D = /* @__PURE__ */ c({
11
+ }, E = /* @__PURE__ */ c({
12
12
  __name: "TooltipV4",
13
13
  props: {
14
14
  text: { default: null },
@@ -23,37 +23,38 @@ const B = {
23
23
  distance: { default: "10" },
24
24
  container: { default: "body" },
25
25
  shown: { type: Boolean, default: null },
26
- autoHide: { type: Boolean, default: !0 }
26
+ autoHide: { type: Boolean, default: !0 },
27
+ dontWrapDisabled: { type: Boolean, default: !1 }
27
28
  },
28
29
  emits: ["show"],
29
30
  setup(e, { emit: h }) {
30
- const r = e, { textForDisplay: o } = v(r), s = b(r.testId, i);
31
- return (a, u) => (l(), d(t(w), f({ ...a.$props, ...t(s)[t(i).TRIGGER] }, {
31
+ const s = e, { textForDisplay: a } = v(s), u = x(s.testId, r);
32
+ return (o, f) => (e.disabled || !e.text) && e.dontWrapDisabled ? l(o.$slots, "default", { key: 0 }, void 0, !0) : (d(), i(t(w), m({ key: 1 }, { ...o.$props, ...t(u)[t(r).TRIGGER] }, {
32
33
  theme: e.theme,
33
34
  "no-auto-focus": "",
34
35
  triggers: e.triggers,
35
36
  delay: { show: e.delay, hide: 0 },
36
37
  placement: e.placement,
37
- disabled: e.disabled || e.text && !t(o),
38
+ disabled: e.disabled || e.text && !t(a),
38
39
  "popper-class": [e.theme, e.placement, "v4-tooltip"],
39
40
  class: ["v4-tooltip"],
40
41
  distance: e.distance,
41
42
  "auto-hide": e.autoHide,
42
43
  shown: e.shown,
43
- onApplyShow: u[0] || (u[0] = (I) => h("show"))
44
+ onApplyShow: f[0] || (f[0] = (k) => h("show"))
44
45
  }), {
45
46
  popper: n(() => [
46
- m(a.$slots, "tooltip", { text: t(o) }, () => [
47
- e.header ? (l(), d(g, {
47
+ l(o.$slots, "tooltip", { text: t(a) }, () => [
48
+ e.header ? (d(), i(g, {
48
49
  key: 1,
49
50
  text: e.text,
50
51
  header: e.header
51
- }, null, 8, ["text", "header"])) : (l(), d(t(x), f({
52
+ }, null, 8, ["text", "header"])) : (d(), i(t(b), m({
52
53
  key: 0,
53
54
  variant: "body2"
54
- }, t(s)[t(i).TEXT]), {
55
+ }, t(u)[t(r).TEXT]), {
55
56
  default: n(() => [
56
- p(y(t(o)), 1)
57
+ y(p(t(a)), 1)
57
58
  ]),
58
59
  _: 1
59
60
  }, 16))
@@ -61,7 +62,7 @@ const B = {
61
62
  ]),
62
63
  default: n(() => [
63
64
  T("div", B, [
64
- m(a.$slots, "default", {}, void 0, !0)
65
+ l(o.$slots, "default", {}, void 0, !0)
65
66
  ], 512)
66
67
  ]),
67
68
  _: 3
@@ -69,5 +70,5 @@ const B = {
69
70
  }
70
71
  });
71
72
  export {
72
- D as default
73
+ E as default
73
74
  };
@@ -17,6 +17,7 @@ declare const TooltipTypes: () => ({
17
17
  container: string;
18
18
  shown: boolean;
19
19
  autoHide: boolean;
20
+ dontWrapDisabled: boolean;
20
21
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
21
22
  header: {
22
23
  type: import("vue").PropType<string>;
@@ -70,9 +71,13 @@ declare const TooltipTypes: () => ({
70
71
  type: import("vue").PropType<boolean>;
71
72
  default: boolean;
72
73
  };
74
+ dontWrapDisabled: {
75
+ type: import("vue").PropType<boolean>;
76
+ default: boolean;
77
+ };
73
78
  }>> & {
74
79
  onShow?: () => any;
75
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "text" | "theme" | "testId" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "disabled" | "distance" | "container" | "shown" | "autoHide">;
80
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "text" | "theme" | "testId" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "disabled" | "distance" | "container" | "shown" | "autoHide" | "dontWrapDisabled">;
76
81
  $attrs: {
77
82
  [x: string]: unknown;
78
83
  };
@@ -139,6 +144,10 @@ declare const TooltipTypes: () => ({
139
144
  type: import("vue").PropType<boolean>;
140
145
  default: boolean;
141
146
  };
147
+ dontWrapDisabled: {
148
+ type: import("vue").PropType<boolean>;
149
+ default: boolean;
150
+ };
142
151
  }>> & {
143
152
  onShow?: () => any;
144
153
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -157,6 +166,7 @@ declare const TooltipTypes: () => ({
157
166
  container: string;
158
167
  shown: boolean;
159
168
  autoHide: boolean;
169
+ dontWrapDisabled: boolean;
160
170
  }, {}, string> & {
161
171
  beforeCreate?: (() => void) | (() => void)[];
162
172
  created?: (() => void) | (() => void)[];
@@ -230,6 +240,10 @@ declare const TooltipTypes: () => ({
230
240
  type: import("vue").PropType<boolean>;
231
241
  default: boolean;
232
242
  };
243
+ dontWrapDisabled: {
244
+ type: import("vue").PropType<boolean>;
245
+ default: boolean;
246
+ };
233
247
  }>> & {
234
248
  onShow?: () => any;
235
249
  } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
@@ -289,6 +303,10 @@ declare const TooltipTypes: () => ({
289
303
  type: import("vue").PropType<boolean>;
290
304
  default: boolean;
291
305
  };
306
+ dontWrapDisabled: {
307
+ type: import("vue").PropType<boolean>;
308
+ default: boolean;
309
+ };
292
310
  }>> & {
293
311
  onShow?: () => any;
294
312
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -307,6 +325,7 @@ declare const TooltipTypes: () => ({
307
325
  container: string;
308
326
  shown: boolean;
309
327
  autoHide: boolean;
328
+ dontWrapDisabled: boolean;
310
329
  }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
311
330
  $slots: {
312
331
  default?(_: {}): any;