@ironsource/shared-ui 2.1.12-rc.2 → 2.1.12-rc.20

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 (183) hide show
  1. package/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_0123c361_lang.css +1 -0
  2. package/ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_0198fee8_lang.css +1 -0
  3. package/ButtonV4.vue_vue_type_style_index_0_scoped_d7948c77_lang.css +1 -0
  4. package/Chart.vue_vue_type_style_index_0_scoped_64205c96_lang.css +1 -0
  5. package/ChartHeader.vue_vue_type_style_index_0_scoped_da34b108_lang.css +1 -0
  6. package/ChartHeaderTrend.vue_vue_type_style_index_0_scoped_79dc2883_lang.css +1 -0
  7. package/ChartLegend.vue_vue_type_style_index_0_scoped_fd9e4ea2_lang.css +1 -0
  8. package/ChartPlane.vue_vue_type_style_index_0_scoped_903fc6ae_lang.css +1 -0
  9. package/ChartTooltip.vue_vue_type_style_index_0_scoped_e53c6287_lang.css +1 -0
  10. package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_8d5521da_lang.css +1 -0
  11. package/DataGrid.vue_vue_type_style_index_0_scoped_86ea5d2a_lang.css +1 -0
  12. package/DateRangeV4.vue_vue_type_style_index_0_scoped_a849128a_lang.css +1 -0
  13. package/DialogV4.vue_vue_type_style_index_0_scoped_eb226e31_lang.css +1 -0
  14. package/DropdownV4.vue_vue_type_style_index_0_scoped_08cb822e_lang.css +1 -0
  15. package/FieldLabel.vue_vue_type_style_index_0_scoped_921d4087_lang.css +1 -0
  16. package/FormRow.vue_vue_type_style_index_0_scoped_2d5a3057_lang.css +1 -0
  17. package/IconButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_99e51ecc_lang.css +1 -0
  18. package/OptionV4.vue_vue_type_style_index_0_scoped_9cdf3a94_lang.css +1 -0
  19. package/SettingsHeader.vue_vue_type_style_index_0_scoped_01f78cd7_lang.css +1 -0
  20. package/SubHeader.vue_vue_type_style_index_0_scoped_e6008b6c_lang.css +1 -0
  21. package/Tooltip.vue_vue_type_style_index_0_scoped_20630944_lang.css +1 -0
  22. package/TooltipHeader.vue_vue_type_style_index_0_scoped_3b15c693_lang.css +1 -0
  23. package/TooltipV4.vue_vue_type_style_index_0_scoped_bcb40ed4_lang.css +1 -0
  24. package/TreeDropdown.vue_vue_type_style_index_0_scoped_4ba9e4bd_lang.css +1 -0
  25. package/components/appIcon/index.d.ts +3 -3
  26. package/components/banner/Banner.vue.d.ts +3 -3
  27. package/components/banner/index.d.ts +7 -7
  28. package/components/button/common/consts.d.ts +1 -0
  29. package/components/button/v3/Button.vue.d.ts +3 -3
  30. package/components/button/v3/ButtonBase.vue.d.ts +3 -3
  31. package/components/button/v3/IconButton.vue.d.ts +3 -3
  32. package/components/button/v3/index.d.ts +14 -14
  33. package/components/button/v4/ButtonV4.vue.d.ts +4 -3
  34. package/components/button/v4/ButtonV4.vue.js +3 -3
  35. package/components/button/v4/ButtonV4.vue2.js +1 -1
  36. package/components/chart/Chart.vue.d.ts +149 -38
  37. package/components/chart/Chart.vue.js +3 -3
  38. package/components/chart/Chart.vue2.js +145 -297
  39. package/components/chart/ChartHeader.vue.d.ts +45 -11
  40. package/components/chart/ChartHeader.vue.js +3 -3
  41. package/components/chart/ChartHeader.vue2.js +64 -53
  42. package/components/chart/ChartHeaderTrend.vue.d.ts +48 -0
  43. package/components/chart/ChartHeaderTrend.vue.js +7 -0
  44. package/components/chart/ChartHeaderTrend.vue2.js +95 -0
  45. package/components/chart/ChartLegend.vue.d.ts +24 -0
  46. package/components/chart/ChartLegend.vue.js +3 -3
  47. package/components/chart/ChartLegend.vue2.js +82 -63
  48. package/components/chart/ChartPlane.vue.d.ts +221 -0
  49. package/components/chart/ChartPlane.vue.js +7 -0
  50. package/components/chart/ChartPlane.vue2.js +368 -0
  51. package/components/chart/ChartStoryArgs.d.ts +179 -0
  52. package/components/chart/ChartTooltip.vue.d.ts +22 -2
  53. package/components/chart/ChartTooltip.vue.js +2 -2
  54. package/components/chart/ChartTooltip.vue2.js +50 -55
  55. package/components/chart/LegendSorting.vue.d.ts +37 -0
  56. package/components/chart/LegendSorting.vue.js +45 -0
  57. package/components/chart/LegendSorting.vue2.js +4 -0
  58. package/components/chart/SettingsHeader.vue.d.ts +1 -0
  59. package/components/chart/SettingsHeader.vue.js +3 -3
  60. package/components/chart/SettingsHeader.vue2.js +17 -16
  61. package/components/chart/SubHeader.vue.d.ts +52 -0
  62. package/components/chart/SubHeader.vue.js +7 -0
  63. package/components/chart/SubHeader.vue2.js +61 -0
  64. package/components/chart/TooltipHeader.vue.d.ts +50 -0
  65. package/components/chart/TooltipHeader.vue.js +7 -0
  66. package/components/chart/TooltipHeader.vue2.js +69 -0
  67. package/components/chart/colorPalette.d.ts +4 -0
  68. package/components/chart/colorPalette.js +54 -0
  69. package/components/chart/composables/useChartHeight.d.ts +5 -0
  70. package/components/chart/composables/useChartHeight.js +24 -0
  71. package/components/chart/composables/useColorsMap.d.ts +10 -0
  72. package/components/chart/composables/useColorsMap.js +46 -0
  73. package/components/chart/composables/useTooltipPosition.d.ts +1 -1
  74. package/components/chart/composables/useTooltipPosition.js +11 -15
  75. package/components/chart/consts.d.ts +29 -7
  76. package/components/chart/consts.js +41 -21
  77. package/components/chart/index.d.ts +515 -118
  78. package/components/chart/mockData.d.ts +44 -5
  79. package/components/chart/types.d.ts +37 -6
  80. package/components/chart/types.js +5 -2
  81. package/components/chart/utils/formatNumber.d.ts +0 -1
  82. package/components/chart/utils/highlightUtils.d.ts +3 -0
  83. package/components/chart/utils/highlightUtils.js +18 -0
  84. package/components/chart/utils/utils.d.ts +3 -2
  85. package/components/chart/utils/utils.js +23 -8
  86. package/components/checkbox/v3/Checkbox.vue.d.ts +3 -3
  87. package/components/checkbox/v3/index.d.ts +7 -7
  88. package/components/dateRange/v4/DateRangeV4.vue.js +2 -2
  89. package/components/dateRange/v4/DateRangeV4.vue2.js +1 -1
  90. package/components/dialog/v4/DialogV4.vue.d.ts +4 -3
  91. package/components/dialog/v4/DialogV4.vue.js +4 -4
  92. package/components/dialog/v4/DialogV4.vue2.js +1 -1
  93. package/components/dialog/v4/index.d.ts +7 -7
  94. package/components/dropdown/common/Dropdown.common.js +92 -85
  95. package/components/dropdown/v4/ButtonDropdownTrigger.vue.js +2 -2
  96. package/components/dropdown/v4/ButtonDropdownTrigger.vue2.js +1 -1
  97. package/components/dropdown/v4/ButtonFilterDropdownTrigger.vue.js +2 -2
  98. package/components/dropdown/v4/ButtonFilterDropdownTrigger.vue2.js +1 -1
  99. package/components/dropdown/v4/ConditionalDropdown.vue.js +3 -3
  100. package/components/dropdown/v4/ConditionalDropdown.vue2.js +76 -76
  101. package/components/dropdown/v4/DropdownV4.vue.d.ts +8 -0
  102. package/components/dropdown/v4/DropdownV4.vue.js +4 -4
  103. package/components/dropdown/v4/DropdownV4.vue2.js +105 -95
  104. package/components/dropdown/v4/IconButtonDropdownTrigger.vue.d.ts +11 -0
  105. package/components/dropdown/v4/IconButtonDropdownTrigger.vue.js +4 -4
  106. package/components/dropdown/v4/IconButtonDropdownTrigger.vue2.js +12 -10
  107. package/components/dropdown/v4/OptionV4.vue.d.ts +8 -0
  108. package/components/dropdown/v4/OptionV4.vue.js +3 -3
  109. package/components/dropdown/v4/OptionV4.vue2.js +91 -69
  110. package/components/dropdown/v4/TreeDropdown.vue.js +2 -2
  111. package/components/dropdown/v4/TreeDropdown.vue2.js +68 -73
  112. package/components/dropdown/v4/index.d.ts +64 -2
  113. package/components/emptyState/v4/EmptyStateV4.vue.d.ts +3 -3
  114. package/components/emptyState/v4/index.d.ts +7 -7
  115. package/components/forms/FormRow.vue.d.ts +9 -2
  116. package/components/forms/FormRow.vue.js +3 -3
  117. package/components/forms/FormRow.vue2.js +25 -14
  118. package/components/forms/index.d.ts +25 -5
  119. package/components/search/v3/index.d.ts +3 -3
  120. package/components/shared/FieldLabel.vue.d.ts +19 -7
  121. package/components/shared/FieldLabel.vue.js +3 -3
  122. package/components/shared/FieldLabel.vue2.js +50 -37
  123. package/components/table/v4/DataGrid.vue.d.ts +4 -3
  124. package/components/table/v4/DataGrid.vue.js +4 -4
  125. package/components/table/v4/DataGrid.vue2.js +151 -142
  126. package/components/table/v4/MultipleDataGrid.vue.d.ts +3 -3
  127. package/components/table/v4/index.d.ts +15 -14
  128. package/components/tabs/v3/Tabs.vue.d.ts +3 -3
  129. package/components/tabs/v3/index.d.ts +7 -7
  130. package/components/tooltip/common/Tooltip.types.d.ts +1 -0
  131. package/components/tooltip/v3/Tooltip.vue.d.ts +4 -4
  132. package/components/tooltip/v3/Tooltip.vue.js +2 -2
  133. package/components/tooltip/v3/Tooltip.vue2.js +1 -1
  134. package/components/tooltip/v3/index.d.ts +7 -7
  135. package/components/tooltip/v4/TooltipV4.vue.d.ts +4 -4
  136. package/components/tooltip/v4/TooltipV4.vue.js +2 -2
  137. package/components/tooltip/v4/TooltipV4.vue2.js +1 -1
  138. package/components/tooltip/v4/index.d.ts +7 -7
  139. package/components/typography/Text.vue.d.ts +3 -3
  140. package/components/typography/index.d.ts +7 -7
  141. package/composables/useFormValidation.d.ts +1 -0
  142. package/composables/useFormValidation.js +32 -27
  143. package/composables/useFullPageHeight.d.ts +10 -0
  144. package/composables/useFullPageHeight.js +15 -0
  145. package/consts/common.d.ts +1 -0
  146. package/consts/common.js +4 -0
  147. package/consts/regex.d.ts +1 -0
  148. package/consts/regex.js +2 -1
  149. package/index.d.ts +211 -81
  150. package/index.js +106 -100
  151. package/package.json +1 -1
  152. package/testids/index.d.ts +2 -1
  153. package/testids/index.js +10 -10
  154. package/utils/formatNumbers.d.ts +1 -1
  155. package/utils/formatNumbers.js +19 -6
  156. package/utils/index.js +7 -0
  157. package/utils/text.d.ts +3 -0
  158. package/utils/text.js +24 -5
  159. package/utils/totals.d.ts +5 -0
  160. package/utils/totals.js +9 -0
  161. package/utils/utils.d.ts +1 -0
  162. package/utils/utils.js +4 -0
  163. package/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_604dfc6f_lang.css +0 -1
  164. package/ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_ea1c4589_lang.css +0 -1
  165. package/ButtonV4.vue_vue_type_style_index_0_scoped_bdfce3aa_lang.css +0 -1
  166. package/Chart.vue_vue_type_style_index_0_scoped_a641383a_lang.css +0 -1
  167. package/ChartHeader.vue_vue_type_style_index_0_scoped_b8213498_lang.css +0 -1
  168. package/ChartLegend.vue_vue_type_style_index_0_scoped_4fe1c7d1_lang.css +0 -1
  169. package/ChartTooltip.vue_vue_type_style_index_0_scoped_6744325c_lang.css +0 -1
  170. package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_3a2aeea3_lang.css +0 -1
  171. package/DataGrid.vue_vue_type_style_index_0_scoped_020072b0_lang.css +0 -1
  172. package/DateRangeV4.vue_vue_type_style_index_0_scoped_8a2714eb_lang.css +0 -1
  173. package/DialogV4.vue_vue_type_style_index_0_scoped_37da643b_lang.css +0 -1
  174. package/DropdownV4.vue_vue_type_style_index_0_scoped_d154c5da_lang.css +0 -1
  175. package/FieldLabel.vue_vue_type_style_index_0_scoped_96ee1c98_lang.css +0 -1
  176. package/FormRow.vue_vue_type_style_index_0_scoped_fc3897fd_lang.css +0 -1
  177. package/IconButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_59fb505a_lang.css +0 -1
  178. package/OptionV4.vue_vue_type_style_index_0_scoped_1e8837dc_lang.css +0 -1
  179. package/SettingsHeader.vue_vue_type_style_index_0_scoped_9b6cd9d9_lang.css +0 -1
  180. package/Tooltip.vue_vue_type_style_index_0_scoped_9020a179_lang.css +0 -1
  181. package/TooltipV4.vue_vue_type_style_index_0_scoped_66eab856_lang.css +0 -1
  182. package/TreeDropdown.vue_vue_type_style_index_0_scoped_b883d1fa_lang.css +0 -1
  183. package/components/chart/utils/formatNumber.js +0 -11
@@ -1,79 +1,92 @@
1
- import "../../FieldLabel.vue_vue_type_style_index_0_scoped_96ee1c98_lang.css"; import { defineComponent as p, openBlock as o, createElementBlock as m, Fragment as T, createElementVNode as b, mergeProps as d, unref as e, createVNode as r, withCtx as i, createTextVNode as n, toDisplayString as f, createBlock as u, createCommentVNode as s } from "vue";
2
- import h from "../icon/v4/IconV4.vue.js";
1
+ import "../../FieldLabel.vue_vue_type_style_index_0_scoped_921d4087_lang.css"; import { defineComponent as I, useSlots as y, computed as s, openBlock as i, createElementBlock as p, Fragment as k, createElementVNode as N, mergeProps as n, unref as e, createVNode as d, withCtx as l, createTextVNode as c, toDisplayString as T, createBlock as h, createCommentVNode as m, createSlots as C, normalizeClass as A, renderSlot as B } from "vue";
2
+ import H from "../icon/v4/IconV4.vue.js";
3
3
  import "../icon/v4/IconFlag.vue.js";
4
- import x from "../tooltip/v4/TooltipV4.vue.js";
5
- import c from "../typography/v4/Typography.vue.js";
6
- import { FieldLabelTestIdModifiers as a } from "../../testids/index.js";
7
- import { useTestIdAttrs as y } from "../../utils/testIds.js";
8
- const v = {
4
+ import S from "../tooltip/v4/TooltipV4.vue.js";
5
+ import f from "../typography/v4/Typography.vue.js";
6
+ import { FieldLabelTestIdModifiers as o } from "../../testids/index.js";
7
+ import { useTestIdAttrs as E } from "../../utils/testIds.js";
8
+ const L = {
9
9
  key: 0,
10
10
  class: "description"
11
- }, O = /* @__PURE__ */ p({
11
+ }, R = /* @__PURE__ */ I({
12
12
  __name: "FieldLabel",
13
13
  props: {
14
14
  label: { default: "" },
15
15
  description: { default: "" },
16
16
  mandatory: { type: Boolean, default: !1 },
17
17
  disabled: { type: Boolean, default: !1 },
18
- hoverHelpText: { default: "" },
18
+ hoverHelpText: { default: null },
19
19
  hoverHelpTextPlacement: { default: "top" },
20
+ helpTextIconTooltipTrigger: { default: () => ["hover"] },
20
21
  testId: { default: "" }
21
22
  },
22
23
  setup(t) {
23
- const l = y(t.testId, a);
24
- return (N, g) => (o(), m(T, null, [
25
- b("div", d({
24
+ const r = t, b = y(), a = E(r.testId, o), u = s(() => !!b["icon-tooltip-content"]), g = s(
25
+ () => r.helpTextIconTooltipTrigger.includes("click")
26
+ ), v = s(
27
+ () => !!r.hoverHelpText || u.value
28
+ );
29
+ return (x, O) => (i(), p(k, null, [
30
+ N("div", n({
26
31
  class: ["field-label", {
27
32
  "field-label--disabled": t.disabled,
28
33
  "field-label--with-description": !!t.description
29
34
  }]
30
- }, e(l)[e(a).CONTAINER]), [
31
- r(e(c), d({
35
+ }, e(a)[e(o).CONTAINER]), [
36
+ d(e(f), n({
32
37
  class: "label",
33
38
  variant: "inputLabel"
34
- }, e(l)[e(a).TEXT]), {
35
- default: i(() => [
36
- n(f(t.label), 1)
39
+ }, e(a)[e(o).TEXT]), {
40
+ default: l(() => [
41
+ c(T(t.label), 1)
37
42
  ]),
38
43
  _: 1
39
44
  }, 16),
40
- t.mandatory ? (o(), u(e(c), d({
45
+ t.mandatory ? (i(), h(e(f), n({
41
46
  key: 0,
42
47
  variant: "h3",
43
48
  class: "mandatory"
44
- }, e(l)[e(a).MANDATORY]), {
45
- default: i(() => [
46
- n("*")
49
+ }, e(a)[e(o).MANDATORY]), {
50
+ default: l(() => [
51
+ c("*")
47
52
  ]),
48
53
  _: 1
49
- }, 16)) : s("", !0),
50
- t.hoverHelpText ? (o(), u(e(x), d({
54
+ }, 16)) : m("", !0),
55
+ e(v) ? (i(), h(e(S), n({
51
56
  key: 1,
52
- triggers: ["hover"],
57
+ triggers: t.helpTextIconTooltipTrigger,
53
58
  text: t.hoverHelpText,
54
59
  placement: t.hoverHelpTextPlacement
55
- }, e(l)[e(a).TOOLTIP], { "test-id": t.testId }), {
56
- default: i(() => [
57
- r(e(h), {
58
- class: "info-icon",
60
+ }, e(a)[e(o).TOOLTIP], { "test-id": t.testId }), C({
61
+ default: l(() => [
62
+ d(e(H), {
63
+ class: A(["info-icon", { "clickable-icon": e(g) }]),
59
64
  name: "question",
60
65
  size: "16px"
61
- })
66
+ }, null, 8, ["class"])
62
67
  ]),
63
- _: 1
64
- }, 16, ["text", "placement", "test-id"])) : s("", !0)
68
+ _: 2
69
+ }, [
70
+ e(u) ? {
71
+ name: "tooltip",
72
+ fn: l(() => [
73
+ B(x.$slots, "icon-tooltip-content", {}, void 0, !0)
74
+ ]),
75
+ key: "0"
76
+ } : void 0
77
+ ]), 1040, ["triggers", "text", "placement", "test-id"])) : m("", !0)
65
78
  ], 16),
66
- t.description ? (o(), m("div", v, [
67
- r(e(c), { variant: "body2" }, {
68
- default: i(() => [
69
- n(f(t.description), 1)
79
+ t.description ? (i(), p("div", L, [
80
+ d(e(f), { variant: "body2" }, {
81
+ default: l(() => [
82
+ c(T(t.description), 1)
70
83
  ]),
71
84
  _: 1
72
85
  })
73
- ])) : s("", !0)
86
+ ])) : m("", !0)
74
87
  ], 64));
75
88
  }
76
89
  });
77
90
  export {
78
- O as default
91
+ R as default
79
92
  };
@@ -12,7 +12,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
12
12
  isSticky?: boolean;
13
13
  isStickyHeader?: boolean;
14
14
  isLoading?: boolean;
15
- emptyStateVariant?: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
15
+ emptyStateVariant?: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
16
16
  emptyStateTitle?: string;
17
17
  emptyStateSubtitle?: string;
18
18
  isInfiniteScroll?: boolean;
@@ -85,7 +85,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
85
85
  isSticky?: boolean;
86
86
  isStickyHeader?: boolean;
87
87
  isLoading?: boolean;
88
- emptyStateVariant?: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
88
+ emptyStateVariant?: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
89
89
  emptyStateTitle?: string;
90
90
  emptyStateSubtitle?: string;
91
91
  isInfiniteScroll?: boolean;
@@ -167,7 +167,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
167
167
  getRowId: (row: Row, index: number) => unknown;
168
168
  getRowKey: (row: Row, index: number) => string | number;
169
169
  selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
170
- emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
170
+ emptyStateVariant: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
171
171
  rowCustomClassKey: string;
172
172
  rowDataKey: string;
173
173
  isSelectionSticky: boolean;
@@ -182,6 +182,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
182
182
  rowIndex: number;
183
183
  }) => any>> & {
184
184
  title?(_: {}): any;
185
+ "table-header-pre-search"?(_: {}): any;
185
186
  search?(_: {}): any;
186
187
  "table-header-actions"?(_: {}): any;
187
188
  "select-all-checkbox"?(_: {}): any;
@@ -1,7 +1,7 @@
1
1
  import o from "./DataGrid.vue2.js";
2
- /* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../DataGrid.vue_vue_type_style_index_0_scoped_020072b0_lang.css"; //*');
4
- const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-020072b0"]]);
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"]]);
5
5
  export {
6
- a as default
6
+ s as default
7
7
  };