@ironsource/shared-ui 2.1.11-rc.60 → 2.1.11-rc.62

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 (10) hide show
  1. package/ChartLegend.vue_vue_type_style_index_0_scoped_4fe1c7d1_lang.css +1 -0
  2. package/DateRangeV4.vue_vue_type_style_index_0_scoped_8a2714eb_lang.css +1 -0
  3. package/components/chart/ChartLegend.vue.js +3 -3
  4. package/components/chart/ChartLegend.vue2.js +29 -29
  5. package/components/dateRange/v4/DateRangeV4.vue.js +3 -3
  6. package/components/dateRange/v4/DateRangeV4.vue2.js +86 -81
  7. package/index.js +1 -1
  8. package/package.json +1 -1
  9. package/ChartLegend.vue_vue_type_style_index_0_scoped_aa32a103_lang.css +0 -1
  10. package/DateRangeV4.vue_vue_type_style_index_0_scoped_309e5351_lang.css +0 -1
package/ChartLegend.vue_vue_type_style_index_0_scoped_4fe1c7d1_lang.css ADDED
@@ -0,0 +1 @@
1
+ .disabled-tooltip[data-v-4fe1c7d1],.disabled-tooltip[data-v-4fe1c7d1] .container{width:100%}.chart-legend[data-v-4fe1c7d1]{display:flex;flex-direction:column;width:220px;height:100%;padding:0 8px 8px}.search-box[data-v-4fe1c7d1]{padding:12px 0 4px}.legend[data-v-4fe1c7d1]{overflow-y:auto;color:var(--text-primary);height:100%;overflow-x:hidden}.legend__list[data-v-4fe1c7d1]{list-style:none;padding:0}.legend__list>li[data-v-4fe1c7d1]{display:flex;align-items:center;gap:8px;padding:6px 8px}.legend__list>li[data-v-4fe1c7d1]:hover{background-color:var(--action-hover);border-radius:8px;cursor:pointer}.legend__list>li.disabled-item[data-v-4fe1c7d1]{cursor:not-allowed!important;opacity:.5;background:var(--background-paper)}.legend__list>li.empty-list[data-v-4fe1c7d1]{display:flex;align-items:center;justify-content:flex-start;height:32px;color:var(--text-disabled)}.legend__list>li.empty-list[data-v-4fe1c7d1]:hover{background-color:transparent;cursor:default}.legend__list>li .item-wrapper[data-v-4fe1c7d1]{display:flex;align-items:center;gap:8px;width:100%}.legend__list>li .item-wrapper .legend-label[data-v-4fe1c7d1]{width:80%}.legend__list>li .item-wrapper .icon-color[data-v-4fe1c7d1]{color:var(--action-active)}.legend__list>li .item-wrapper .label-container[data-v-4fe1c7d1]{display:flex;flex-direction:column;width:100%}.legend__list>li .item-wrapper .label-container .legend-caption[data-v-4fe1c7d1]{color:var(--text-secondary)}
package/DateRangeV4.vue_vue_type_style_index_0_scoped_8a2714eb_lang.css ADDED
@@ -0,0 +1 @@
1
+ .label[data-v-8a2714eb]{color:#41454d}.pop-up[data-v-8a2714eb]{width:668px;position:absolute;z-index:1000;top:32px;left:1px;overflow:hidden;border-radius:8px;border:1px solid var(--common-divider, #e4e4e4);background:var(--background-modelElevation, #fff);box-shadow:var(--elevation-lg)}.pop-up.open-on-top[data-v-8a2714eb]{top:0}.pop-up.hide-presets[data-v-8a2714eb],.pop-up.hide-presets .calendar-wrap[data-v-8a2714eb]{width:520px}.pop-up.hide-presets .date-picker-calendar[data-v-8a2714eb]{padding:15px 16px}.pop-up .date-picker-menu[data-v-8a2714eb]{width:164px;background:#ffffff;vertical-align:top;border-right:1px solid var(--common-divider-elevation-0, #e4e4e4);background:var(--background-paper, #fcfcfc)}.pop-up .date-picker-menu .preset-element[data-v-8a2714eb]{padding-left:8px;height:32px;border-radius:8px;color:var(--text-primary, #202020);line-height:32px}.pop-up .date-picker-menu .preset-element[data-v-8a2714eb]:hover{background:var(--action-hover, rgba(0, 0, 0, .05))}.pop-up .date-picker-menu .selected-preset[data-v-8a2714eb]{border-radius:8px;background:var(--action-selected, #ebebeb)}.pop-up .date-picker-menu li[data-v-8a2714eb]{cursor:pointer;margin-bottom:2px}.pop-up .left-box[data-v-8a2714eb]{left:-1px}.pop-up .date-picker-calendar[data-v-8a2714eb]{box-sizing:border-box;height:100%;padding:16px;display:grid;grid-template-columns:1fr 1fr;grid-gap:24px}.pop-up .calendars-wrapper[data-v-8a2714eb]{padding-left:6px}.pop-up .preset-dropdown ul[data-v-8a2714eb]{list-style:none;margin:0;padding:8px;line-height:32px}.pop-up .buttons-cover[data-v-8a2714eb]{height:48px;position:absolute;bottom:0;width:100%;right:0;box-sizing:border-box;border-top:1px solid var(--common-divider-elevation-0, #e4e4e4);background:var(--background-modelElevation, #fff);align-items:center;display:flex;justify-content:space-between;padding:12px 16px}.pop-up .buttons-cover .text-container[data-v-8a2714eb]{flex:1;color:var(--text-secondary, #646464)}.pop-up button[data-v-8a2714eb]{float:right;margin-left:8px}.pop-up .error[data-v-8a2714eb]{display:none;position:absolute;left:270px;top:22px}.pop-up .inline-block[data-v-8a2714eb]{display:inline-block}.pop-up.right[data-v-8a2714eb]{left:initial;right:1px}.calendar-wrap[data-v-8a2714eb]{width:504px;height:372px;position:relative;border-bottom-right-radius:8px;border-top-right-radius:8px;vertical-align:top}.type-picker[data-v-8a2714eb]{height:60px;line-height:60px;padding-left:15px;box-shadow:0 1px 3px #0000003b}.range-type[data-v-8a2714eb]{color:#8e959d;padding-left:15px;padding-right:15px;cursor:pointer}.selected-range-type[data-v-8a2714eb]{color:#fff;background-color:#3083ff;border-radius:20px;padding:6px 15px;cursor:default}.date-range-field[data-v-8a2714eb]{display:inline-block;width:100%;height:30px;position:relative;cursor:pointer;border-radius:3px}.date-range-field.selected-item-as-title[data-v-8a2714eb]{left:0;border:none;background-image:none;max-width:100%;height:22px;color:#3083ff;overflow:visible}.date-range-field.selected-item-as-title .small-triangle[data-v-8a2714eb]{right:-25px}.date-range-field.selected-item-as-title .small-triangle[data-v-8a2714eb]:after{border-top-color:currentColor}.date-range-field.selected-item-as-title span[data-v-8a2714eb]{padding-left:12px}.date-range-field.no-button-limit[data-v-8a2714eb]{overflow:visible}.date-range-field.no-button-limit span[data-v-8a2714eb]{width:100%;line-height:22px}.date-range-field span[data-v-8a2714eb]{line-height:28px;padding-left:15px;overflow:hidden;text-overflow:ellipsis;display:inline-block;width:calc(100% - 26px);white-space:nowrap;position:relative}.date-range-disabled .date-range-field[data-v-8a2714eb]{cursor:default;color:#8e959d;pointer-events:none}.date-range-disabled .small-triangle[data-v-8a2714eb]:after{border-top-color:#8e959d}.pop-up-content[data-v-8a2714eb]{margin-top:1px}.type-message[data-v-8a2714eb]{color:#8e959d;padding:10px 20px;line-height:1.5}.relative-wrap[data-v-8a2714eb]{position:relative}.space-right[data-v-8a2714eb]{margin-right:13px}.space-left[data-v-8a2714eb]{margin-left:9px}.top-date[data-v-8a2714eb]{line-height:13px}.flex[data-v-8a2714eb]{display:flex}
package/components/chart/ChartLegend.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import e from "./ChartLegend.vue2.js";
2
2
  /* empty css */import o from "../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../ChartLegend.vue_vue_type_style_index_0_scoped_aa32a103_lang.css"; //*');
4
- const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-aa32a103"]]);
3
+ // import "../../ChartLegend.vue_vue_type_style_index_0_scoped_4fe1c7d1_lang.css"; //*');
4
+ const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-4fe1c7d1"]]);
5
5
  export {
6
- s as default
6
+ c as default
7
7
  };
package/components/chart/ChartLegend.vue2.js CHANGED
@@ -1,4 +1,4 @@
1
- import "../../ChartLegend.vue_vue_type_style_index_0_scoped_aa32a103_lang.css"; import { defineComponent as D, ref as M, computed as m, openBlock as n, createElementBlock as d, createElementVNode as r, createVNode as s, unref as o, mergeProps as I, withCtx as c, createTextVNode as b, Fragment as S, renderList as P, normalizeClass as A, withModifiers as F, createBlock as H, createCommentVNode as U, toDisplayString as L } from "vue";
1
+ import "../../ChartLegend.vue_vue_type_style_index_0_scoped_4fe1c7d1_lang.css"; import { defineComponent as D, ref as M, computed as m, openBlock as r, createElementBlock as c, createElementVNode as d, createVNode as s, unref as o, mergeProps as I, withCtx as p, createTextVNode as b, Fragment as S, renderList as P, normalizeClass as A, withModifiers as F, createBlock as H, createCommentVNode as U, toDisplayString as L } from "vue";
2
2
  import { useVirtualList as z } from "@vueuse/core";
3
3
  import f from "../typography/v4/Typography.vue.js";
4
4
  import R from "../checkbox/v4/CheckboxV4.vue.js";
@@ -20,17 +20,17 @@ const J = { class: "chart-legend" }, K = { class: "search-box" }, O = {
20
20
  maxLimitTooltipText: { default: "" }
21
21
  },
22
22
  emits: ["update:visibleIds"],
23
- setup(v, { emit: g }) {
24
- const l = v, k = 32, p = M(""), T = m(() => {
25
- const t = p.value.toLowerCase();
23
+ setup(h, { emit: g }) {
24
+ const l = h, k = 32, u = M(""), T = m(() => {
25
+ const t = u.value.toLowerCase();
26
26
  return l.items.filter(
27
27
  (i) => i.label.toLowerCase().includes(t)
28
28
  );
29
- }), a = (t) => l.visibleIds.includes(t.id), h = m(
29
+ }), a = (t) => l.visibleIds.includes(t.id), v = m(
30
30
  () => l.visibleIds.length >= l.maxVisible
31
31
  ), y = m(
32
32
  () => l.visibleIds.length <= l.minVisible
33
- ), u = (t) => y.value && a(t) || h.value && !a(t), C = (t) => !l.maxLimitTooltipText || a(t) || !h.value, V = (t, i) => {
33
+ ), n = (t) => y.value && a(t) || v.value && !a(t), C = (t) => !l.maxLimitTooltipText || a(t) || !v.value, V = (t, i) => {
34
34
  g(
35
35
  "update:visibleIds",
36
36
  t ? [...l.visibleIds, i.id] : l.visibleIds.filter((e) => e !== i.id)
@@ -39,42 +39,42 @@ const J = { class: "chart-legend" }, K = { class: "search-box" }, O = {
39
39
  itemHeight: k,
40
40
  overscan: 10
41
41
  }), N = (t) => {
42
- u(t) || V(!a(t), t);
42
+ n(t) || V(!a(t), t);
43
43
  };
44
- return (t, i) => (n(), d("div", J, [
45
- r("div", K, [
44
+ return (t, i) => (r(), c("div", J, [
45
+ d("div", K, [
46
46
  s(o(q), {
47
- modelValue: p.value,
48
- "onUpdate:modelValue": i[0] || (i[0] = (e) => p.value = e)
47
+ modelValue: u.value,
48
+ "onUpdate:modelValue": i[0] || (i[0] = (e) => u.value = e)
49
49
  }, null, 8, ["modelValue"])
50
50
  ]),
51
- r("div", I({ class: "legend" }, o(w)), [
52
- r("ul", I({ class: "legend__list" }, o(E)), [
53
- o(x).length === 0 ? (n(), d("li", O, [
51
+ d("div", I({ class: "legend" }, o(w)), [
52
+ d("ul", I({ class: "legend__list" }, o(E)), [
53
+ o(x).length === 0 ? (r(), c("li", O, [
54
54
  s(o(f), { variant: "body2" }, {
55
- default: c(() => [
55
+ default: p(() => [
56
56
  b("No results")
57
57
  ]),
58
58
  _: 1
59
59
  })
60
- ])) : (n(!0), d(S, { key: 1 }, P(o(x), ({ data: e, index: B }) => (n(), d("li", {
60
+ ])) : (r(!0), c(S, { key: 1 }, P(o(x), ({ data: e, index: B }) => (r(), c("li", {
61
61
  key: B,
62
- class: A({ "disabled-item": u(e) })
62
+ class: A({ "disabled-item": n(e) })
63
63
  }, [
64
64
  s(o(j), {
65
- text: v.maxLimitTooltipText,
65
+ text: h.maxLimitTooltipText,
66
66
  disabled: C(e),
67
67
  class: "disabled-tooltip"
68
68
  }, {
69
- default: c(() => [
70
- r("div", {
69
+ default: p(() => [
70
+ d("div", {
71
71
  class: "item-wrapper",
72
72
  onClick: (_) => N(e)
73
73
  }, [
74
74
  s(o(R), {
75
75
  color: e.color,
76
76
  "is-checked": a(e),
77
- disabled: u(e),
77
+ disabled: n(e),
78
78
  onClick: i[1] || (i[1] = F(
79
79
  (_) => {
80
80
  _.stopPropagation();
@@ -82,40 +82,40 @@ const J = { class: "chart-legend" }, K = { class: "search-box" }, O = {
82
82
  ["stop"]
83
83
  ))
84
84
  }, null, 8, ["color", "is-checked", "disabled"]),
85
- e.icon ? (n(), H(o($), {
85
+ e.icon ? (r(), H(o($), {
86
86
  key: 0,
87
87
  class: "icon-color",
88
88
  type: e.iconType,
89
89
  name: e.icon,
90
90
  size: "16px"
91
91
  }, null, 8, ["type", "name"])) : U("", !0),
92
- r("div", W, [
92
+ d("div", W, [
93
93
  s(o(f), {
94
94
  variant: "body2",
95
95
  class: "legend-label",
96
96
  "is-truncated": "",
97
- "with-tooltip": "",
97
+ "with-tooltip": !n(e),
98
98
  "tooltip-text": e.label,
99
99
  "tooltip-placement": "left"
100
100
  }, {
101
- default: c(() => [
101
+ default: p(() => [
102
102
  b(L(e.label), 1)
103
103
  ]),
104
104
  _: 2
105
- }, 1032, ["tooltip-text"]),
105
+ }, 1032, ["with-tooltip", "tooltip-text"]),
106
106
  s(o(f), {
107
107
  variant: "caption",
108
108
  class: "legend-caption legend-label",
109
109
  "is-truncated": "",
110
- "with-tooltip": "",
110
+ "with-tooltip": !n(e),
111
111
  "tooltip-text": e.caption,
112
112
  "tooltip-placement": "left"
113
113
  }, {
114
- default: c(() => [
114
+ default: p(() => [
115
115
  b(L(e.caption), 1)
116
116
  ]),
117
117
  _: 2
118
- }, 1032, ["tooltip-text"])
118
+ }, 1032, ["with-tooltip", "tooltip-text"])
119
119
  ])
120
120
  ], 8, Q)
121
121
  ]),
package/components/dateRange/v4/DateRangeV4.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import e from "./DateRangeV4.vue2.js";
2
2
  /* empty css */import o from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../DateRangeV4.vue_vue_type_style_index_0_scoped_309e5351_lang.css"; //*');
4
- const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-309e5351"]]);
3
+ // import "../../../DateRangeV4.vue_vue_type_style_index_0_scoped_8a2714eb_lang.css"; //*');
4
+ const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-8a2714eb"]]);
5
5
  export {
6
- a as default
6
+ s as default
7
7
  };
package/components/dateRange/v4/DateRangeV4.vue2.js CHANGED
@@ -1,7 +1,7 @@
1
- import "../../../DateRangeV4.vue_vue_type_style_index_0_scoped_309e5351_lang.css"; import { defineComponent as J, openBlock as n, createElementBlock as i, unref as e, normalizeClass as r, createElementVNode as d, renderSlot as N, createVNode as s, withDirectives as v, Fragment as k, renderList as C, withCtx as l, createTextVNode as m, toDisplayString as g, createCommentVNode as P, vShow as $, normalizeStyle as Q, setBlockTracking as x } from "vue";
2
- import X from "./CalendarMonthV4.vue.js";
3
- import { typeToName as Z, messagePerType as _ } from "../common/consts.common.js";
4
- import E from "../../button/v4/ButtonV4.vue.js";
1
+ import "../../../DateRangeV4.vue_vue_type_style_index_0_scoped_8a2714eb_lang.css"; import { defineComponent as J, watch as Q, openBlock as n, createElementBlock as s, unref as e, normalizeClass as r, createElementVNode as d, renderSlot as x, createVNode as i, withDirectives as v, Fragment as k, renderList as C, withCtx as l, createTextVNode as m, toDisplayString as g, createCommentVNode as E, vShow as $, normalizeStyle as X, setBlockTracking as R } from "vue";
2
+ import Z from "./CalendarMonthV4.vue.js";
3
+ import { typeToName as _, messagePerType as ee } from "../common/consts.common.js";
4
+ import A from "../../button/v4/ButtonV4.vue.js";
5
5
  import "../../button/v4/IconButtonV4.vue.js";
6
6
  import "../../button/v4/ButtonGroup.vue.js";
7
7
  import "../../button/v4/ToggleButtonGroupAB.vue.js";
@@ -11,17 +11,17 @@ import "../../dropdown/v4/IconButtonDropdownTrigger.vue.js";
11
11
  import "../../dropdown/v4/ChipDropdownTrigger.vue.js";
12
12
  import "../../dropdown/v4/AppDropdownTrigger.vue.js";
13
13
  import "../../dropdown/v4/ButtonDropdownTrigger.vue.js";
14
- import ee from "../../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
14
+ import te from "../../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
15
15
  import "../../dropdown/v4/TreeDropdown.vue.js";
16
16
  import "../../dropdown/v4/OptionV4.vue.js";
17
17
  import "../../dropdown/v4/ConditionalDropdown.vue.js";
18
- import { DateRangeTestIdModifiers as o, DatePickerTestIdModifiers as te } from "../../../testids/index.js";
19
- import { dateRangeCommon as ae } from "../common/DateRange.common.js";
18
+ import { DateRangeTestIdModifiers as o, DatePickerTestIdModifiers as ae } from "../../../testids/index.js";
19
+ import { dateRangeCommon as de } from "../common/DateRange.common.js";
20
20
  import p from "../../typography/v4/Typography.vue.js";
21
- const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid"], se = {
21
+ const ne = ["id", "data-testid"], se = ["data-testid"], ie = ["id", "data-testid"], oe = {
22
22
  key: 0,
23
23
  class: "type-picker"
24
- }, oe = ["onClick"], le = ["data-testid"], re = ["id"], ue = ["id"], ce = ["onClick"], me = { class: "dropdown-rightTriangle" }, pe = ["data-testid"], ye = { class: "date-picker-calendar left-box" }, ge = { class: "buttons-cover" }, fe = { class: "range" }, he = { class: "text-container" }, Le = /* @__PURE__ */ J({
24
+ }, le = ["onClick"], re = ["data-testid"], ce = ["id"], ue = ["id"], me = ["onClick"], pe = { class: "dropdown-rightTriangle" }, ye = ["data-testid"], ge = { class: "date-picker-calendar left-box" }, fe = { class: "buttons-cover" }, he = { class: "range" }, ve = { class: "text-container" }, Ve = /* @__PURE__ */ J({
25
25
  __name: "DateRangeV4",
26
26
  props: {
27
27
  range: null,
@@ -48,86 +48,91 @@ const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid
48
48
  "opened",
49
49
  "dismissed"
50
50
  ],
51
- setup(t, { emit: R }) {
52
- const A = t, {
53
- datePicker: B,
54
- datePickerId: M,
55
- getMaxAllowedDate: S,
56
- selectedPreset: I,
57
- displayError: q,
51
+ setup(t, { emit: B }) {
52
+ const I = t, {
53
+ datePicker: M,
54
+ datePickerId: S,
55
+ getMaxAllowedDate: q,
56
+ selectedPreset: w,
57
+ displayError: O,
58
58
  rangeType: f,
59
- selectedRange: O,
60
- placement: L,
61
- currentDate: w,
62
- error: V,
63
- presets: z,
59
+ selectedRange: L,
60
+ placement: V,
61
+ currentDate: T,
62
+ error: z,
63
+ presets: U,
64
64
  isOpen: h,
65
- popup: U,
65
+ popup: F,
66
66
  currentMonths: y,
67
- displayedMonthsKeys: T,
68
- changeType: F,
67
+ displayedMonthsKeys: b,
68
+ changeType: P,
69
69
  presetChanged: G,
70
70
  apply: K,
71
71
  getNavigation: W,
72
72
  navigationCallback: Y,
73
73
  selectionChanged: j,
74
- toggle: b,
74
+ toggle: D,
75
75
  isCompact: H
76
- } = ae(A, R);
77
- return (D, u) => (n(), i("div", {
78
- id: e(M),
76
+ } = de(I, B);
77
+ return Q(
78
+ () => I.datePresetList,
79
+ () => {
80
+ P("date", !1);
81
+ }
82
+ ), (N, c) => (n(), s("div", {
83
+ id: e(S),
79
84
  ref_key: "datePicker",
80
- ref: B,
85
+ ref: M,
81
86
  class: r(["relative-wrap", { "date-range-disabled": t.disabled }]),
82
87
  "data-testid": `${t.testId}-${e(o).WRAPPER}`
83
88
  }, [
84
89
  d("div", {
85
90
  class: "date-range-field",
86
91
  "data-testid": `${t.testId}-${e(o).TRIGGER}`,
87
- onClick: u[0] || (u[0] = (a) => e(b)())
92
+ onClick: c[0] || (c[0] = (a) => e(D)())
88
93
  }, [
89
- N(D.$slots, "field", {
90
- currentDate: e(w),
94
+ x(N.$slots, "field", {
95
+ currentDate: e(T),
91
96
  isOpen: e(h)
92
97
  }, () => [
93
- s(e(ee), {
94
- label: e(w),
98
+ i(e(te), {
99
+ label: e(T),
95
100
  "start-icon-name": "calendar-blank",
96
101
  variant: "outlined",
97
- "test-id": `${t.testId}-${e(te).INPUT}`,
102
+ "test-id": `${t.testId}-${e(ae).INPUT}`,
98
103
  open: e(h)
99
104
  }, null, 8, ["label", "test-id", "open"])
100
105
  ], !0)
101
- ], 8, ne),
106
+ ], 8, se),
102
107
  v(d("div", {
103
108
  id: "datepickerPopup" + t.uniqueId,
104
109
  ref_key: "popup",
105
- ref: U,
110
+ ref: F,
106
111
  class: r(["pop-up", [
107
- e(L),
112
+ e(V),
108
113
  t.openOnTop ? "open-on-top" : "",
109
114
  t.showPresets ? "" : "hide-presets"
110
115
  ]]),
111
116
  "data-testid": `${t.testId}-${e(o).CONTAINER}`
112
117
  }, [
113
- t.types.length > 1 ? (n(), i("div", se, [
114
- (n(!0), i(k, null, C(t.types, (a) => (n(), i("span", {
118
+ t.types.length > 1 ? (n(), s("div", oe, [
119
+ (n(!0), s(k, null, C(t.types, (a) => (n(), s("span", {
115
120
  key: a,
116
121
  class: r(["range-type", { "selected-range-type": e(f) === a }]),
117
- onClick: (c) => e(F)(a, !0)
122
+ onClick: (u) => e(P)(a, !0)
118
123
  }, [
119
- s(e(p), { variant: "h1" }, {
124
+ i(e(p), { variant: "h1" }, {
120
125
  default: l(() => [
121
- m(g(e(Z)[a]), 1)
126
+ m(g(e(_)[a]), 1)
122
127
  ]),
123
128
  _: 2
124
129
  }, 1024)
125
- ], 10, oe))), 128))
126
- ])) : P("", !0),
130
+ ], 10, le))), 128))
131
+ ])) : E("", !0),
127
132
  d("div", {
128
133
  class: r(["flex", { "pop-up-content": t.types.length > 1 }])
129
134
  }, [
130
- t.showPresets ? (n(), i("div", {
135
+ t.showPresets ? (n(), s("div", {
131
136
  key: 0,
132
137
  class: "date-picker-menu",
133
138
  "data-testid": `${t.testId}-${e(o).MENU}`
@@ -139,17 +144,17 @@ const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid
139
144
  d("ul", {
140
145
  id: "customDropDownList" + t.uniqueId
141
146
  }, [
142
- (n(!0), i(k, null, C(e(z), (a) => (n(), i("li", {
147
+ (n(!0), s(k, null, C(e(U), (a) => (n(), s("li", {
143
148
  key: a.id,
144
149
  class: r({
145
- "selected-preset-container": e(I) === a.id
150
+ "selected-preset-container": e(w) === a.id
146
151
  })
147
152
  }, [
148
153
  d("div", {
149
- class: r([{ "selected-preset": e(I) === a.id }, "preset-element"]),
150
- onClick: (c) => e(G)(a)
154
+ class: r([{ "selected-preset": e(w) === a.id }, "preset-element"]),
155
+ onClick: (u) => e(G)(a)
151
156
  }, [
152
- s(e(p), {
157
+ i(e(p), {
153
158
  variant: "body2",
154
159
  "data-testid": `${t.testId}-${e(o).MENU}-${a.id}`
155
160
  }, {
@@ -158,60 +163,60 @@ const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid
158
163
  ]),
159
164
  _: 2
160
165
  }, 1032, ["data-testid"])
161
- ], 10, ce),
162
- v(d("div", me, null, 512), [
166
+ ], 10, me),
167
+ v(d("div", pe, null, 512), [
163
168
  [$, a.id === "custom"]
164
169
  ])
165
170
  ], 2))), 128))
166
171
  ], 8, ue)
167
- ], 8, re),
172
+ ], 8, ce),
168
173
  d("div", {
169
174
  class: "type-message",
170
175
  "data-testid": `${t.testId}-${e(o).MESSAGE}`
171
- }, g(e(_)[e(f)]), 9, pe)
172
- ], 8, le)) : P("", !0),
176
+ }, g(e(ee)[e(f)]), 9, ye)
177
+ ], 8, re)) : E("", !0),
173
178
  d("div", {
174
179
  class: "calendar-wrap",
175
- style: Q({ height: e(H) ? "336px" : "372px" })
180
+ style: X({ height: e(H) ? "336px" : "372px" })
176
181
  }, [
177
- d("div", ye, [
178
- (n(!0), i(k, null, C(e(T), (a, c) => (n(), i("div", { key: a }, [
179
- s(X, {
182
+ d("div", ge, [
183
+ (n(!0), s(k, null, C(e(b), (a, u) => (n(), s("div", { key: a }, [
184
+ i(Z, {
180
185
  id: t.uniqueId,
181
186
  navigation: e(W)(
182
- c === 0,
183
- c === e(T).length - 1
187
+ u === 0,
188
+ u === e(b).length - 1
184
189
  ),
185
190
  year: e(y)[a].parsedMonth.year,
186
191
  days: e(y)[a].parsedMonth.days,
187
192
  weeks: e(y)[a].parsedMonth.weeks,
188
193
  month: e(y)[a].parsedMonth.month,
189
- range: e(O),
194
+ range: e(L),
190
195
  type: e(f),
191
196
  "allowed-days": t.allowedDays,
192
- "max-allowed-date": e(S),
193
- "test-id": `${t.testId}-${c}`,
197
+ "max-allowed-date": e(q),
198
+ "test-id": `${t.testId}-${u}`,
194
199
  onSelectionChanged: e(j),
195
200
  onNavigation: e(Y)
196
201
  }, null, 8, ["id", "navigation", "year", "days", "weeks", "month", "range", "type", "allowed-days", "max-allowed-date", "test-id", "onSelectionChanged", "onNavigation"])
197
202
  ]))), 128)),
198
- d("div", ge, [
199
- d("div", fe, [
200
- N(D.$slots, "footer", {}, void 0, !0)
201
- ]),
203
+ d("div", fe, [
202
204
  d("div", he, [
203
- s(e(p), { variant: "body2" }, {
205
+ x(N.$slots, "footer", {}, void 0, !0)
206
+ ]),
207
+ d("div", ve, [
208
+ i(e(p), { variant: "body2" }, {
204
209
  default: l(() => [
205
210
  m("All dates are in UTC")
206
211
  ]),
207
212
  _: 1
208
213
  })
209
214
  ]),
210
- v(d("div", { class: "error" }, g(e(V)), 513), [
211
- [$, e(q)]
215
+ v(d("div", { class: "error" }, g(e(z)), 513), [
216
+ [$, e(O)]
212
217
  ]),
213
- u[1] || (x(-1), u[1] = d("div", { class: "buttons" }, [
214
- s(e(E), {
218
+ c[1] || (R(-1), c[1] = d("div", { class: "buttons" }, [
219
+ i(e(A), {
215
220
  id: "button-ok" + t.uniqueId,
216
221
  size: "small",
217
222
  class: "button",
@@ -220,7 +225,7 @@ const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid
220
225
  onClick: (a) => e(K)()
221
226
  }, {
222
227
  default: l(() => [
223
- s(e(p), { variant: "button" }, {
228
+ i(e(p), { variant: "button" }, {
224
229
  default: l(() => [
225
230
  m("Apply")
226
231
  ]),
@@ -229,7 +234,7 @@ const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid
229
234
  ]),
230
235
  _: 1
231
236
  }, 8, ["id", "data-testid", "onClick"]),
232
- s(e(E), {
237
+ i(e(A), {
233
238
  id: "button-cancel" + t.uniqueId,
234
239
  size: "small",
235
240
  theme: "third",
@@ -237,10 +242,10 @@ const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid
237
242
  variant: "outlined",
238
243
  class: "button",
239
244
  "data-testid": `${t.testId}-${e(o).ACTION_CANCEL}`,
240
- onClick: (a) => e(b)()
245
+ onClick: (a) => e(D)()
241
246
  }, {
242
247
  default: l(() => [
243
- s(e(p), { variant: "button" }, {
248
+ i(e(p), { variant: "button" }, {
244
249
  default: l(() => [
245
250
  m(" Cancel ")
246
251
  ]),
@@ -249,7 +254,7 @@ const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid
249
254
  ]),
250
255
  _: 1
251
256
  }, 8, ["id", "data-testid", "onClick"])
252
- ]), x(1), u[1])
257
+ ]), R(1), c[1])
253
258
  ])
254
259
  ])
255
260
  ], 4)
@@ -257,9 +262,9 @@ const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid
257
262
  ], 10, ie), [
258
263
  [$, e(h)]
259
264
  ])
260
- ], 10, de));
265
+ ], 10, ne));
261
266
  }
262
267
  });
263
268
  export {
264
- Le as default
269
+ Ve as default
265
270
  };
package/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import './AutocompleteDropdown.vue_vue_type_style_index_0_scoped_214ddaf4_lang.css';
1
+ import './AddFilterButton.vue_vue_type_style_index_0_scoped_fd98af08_lang.css';
2
2
  import { AppTriggerTypes as ro } from "./components/appTrigger/index.js";
3
3
  import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
4
4
  import { MenuItemTypes as po } from "./components/menuItem/index.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.1.11-rc.60",
3
+ "version": "2.1.11-rc.62",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
package/ChartLegend.vue_vue_type_style_index_0_scoped_aa32a103_lang.css DELETED
@@ -1 +0,0 @@
1
- .disabled-tooltip[data-v-aa32a103],.disabled-tooltip[data-v-aa32a103] .container{width:100%}.chart-legend[data-v-aa32a103]{display:flex;flex-direction:column;width:220px;height:100%;padding:0 8px 8px}.search-box[data-v-aa32a103]{padding:12px 0 4px}.legend[data-v-aa32a103]{overflow-y:auto;color:var(--text-primary);height:100%;overflow-x:hidden}.legend__list[data-v-aa32a103]{list-style:none;padding:0}.legend__list>li[data-v-aa32a103]{display:flex;align-items:center;gap:8px;padding:6px 8px}.legend__list>li[data-v-aa32a103]:hover{background-color:var(--action-hover);border-radius:8px;cursor:pointer}.legend__list>li.disabled-item[data-v-aa32a103]{cursor:not-allowed!important;opacity:.5;background:var(--background-paper)}.legend__list>li.empty-list[data-v-aa32a103]{display:flex;align-items:center;justify-content:flex-start;height:32px;color:var(--text-disabled)}.legend__list>li.empty-list[data-v-aa32a103]:hover{background-color:transparent;cursor:default}.legend__list>li .item-wrapper[data-v-aa32a103]{display:flex;align-items:center;gap:8px;width:100%}.legend__list>li .item-wrapper .legend-label[data-v-aa32a103]{width:80%}.legend__list>li .item-wrapper .icon-color[data-v-aa32a103]{color:var(--action-active)}.legend__list>li .item-wrapper .label-container[data-v-aa32a103]{display:flex;flex-direction:column;width:100%}.legend__list>li .item-wrapper .label-container .legend-caption[data-v-aa32a103]{color:var(--text-secondary)}
package/DateRangeV4.vue_vue_type_style_index_0_scoped_309e5351_lang.css DELETED
@@ -1 +0,0 @@
1
- .label[data-v-309e5351]{color:#41454d}.pop-up[data-v-309e5351]{width:668px;position:absolute;z-index:1000;top:32px;left:1px;overflow:hidden;border-radius:8px;border:1px solid var(--common-divider, #e4e4e4);background:var(--background-modelElevation, #fff);box-shadow:var(--elevation-lg)}.pop-up.open-on-top[data-v-309e5351]{top:0}.pop-up.hide-presets[data-v-309e5351],.pop-up.hide-presets .calendar-wrap[data-v-309e5351]{width:520px}.pop-up.hide-presets .date-picker-calendar[data-v-309e5351]{padding:15px 16px}.pop-up .date-picker-menu[data-v-309e5351]{width:164px;background:#ffffff;vertical-align:top;border-right:1px solid var(--common-divider-elevation-0, #e4e4e4);background:var(--background-paper, #fcfcfc)}.pop-up .date-picker-menu .preset-element[data-v-309e5351]{padding-left:8px;height:32px;border-radius:8px;color:var(--text-primary, #202020);line-height:32px}.pop-up .date-picker-menu .preset-element[data-v-309e5351]:hover{background:var(--action-hover, rgba(0, 0, 0, .05))}.pop-up .date-picker-menu .selected-preset[data-v-309e5351]{border-radius:8px;background:var(--action-selected, #ebebeb)}.pop-up .date-picker-menu li[data-v-309e5351]{cursor:pointer;margin-bottom:2px}.pop-up .left-box[data-v-309e5351]{left:-1px}.pop-up .date-picker-calendar[data-v-309e5351]{box-sizing:border-box;height:100%;padding:16px;display:grid;grid-template-columns:1fr 1fr;grid-gap:24px}.pop-up .calendars-wrapper[data-v-309e5351]{padding-left:6px}.pop-up .preset-dropdown ul[data-v-309e5351]{list-style:none;margin:0;padding:8px;line-height:32px}.pop-up .buttons-cover[data-v-309e5351]{height:48px;position:absolute;bottom:0;width:100%;right:0;box-sizing:border-box;border-top:1px solid var(--common-divider-elevation-0, #e4e4e4);background:var(--background-modelElevation, #fff);align-items:center;display:flex;justify-content:space-between;padding:12px 16px}.pop-up .buttons-cover .text-container[data-v-309e5351]{flex:1;color:var(--text-secondary, #646464)}.pop-up button[data-v-309e5351]{float:right;margin-left:8px}.pop-up .error[data-v-309e5351]{display:none;position:absolute;left:270px;top:22px}.pop-up .inline-block[data-v-309e5351]{display:inline-block}.pop-up.right[data-v-309e5351]{left:initial;right:1px}.calendar-wrap[data-v-309e5351]{width:504px;height:372px;position:relative;border-bottom-right-radius:8px;border-top-right-radius:8px;vertical-align:top}.type-picker[data-v-309e5351]{height:60px;line-height:60px;padding-left:15px;box-shadow:0 1px 3px #0000003b}.range-type[data-v-309e5351]{color:#8e959d;padding-left:15px;padding-right:15px;cursor:pointer}.selected-range-type[data-v-309e5351]{color:#fff;background-color:#3083ff;border-radius:20px;padding:6px 15px;cursor:default}.date-range-field[data-v-309e5351]{display:inline-block;width:100%;height:30px;position:relative;cursor:pointer;border-radius:3px}.date-range-field.selected-item-as-title[data-v-309e5351]{left:0;border:none;background-image:none;max-width:100%;height:22px;color:#3083ff;overflow:visible}.date-range-field.selected-item-as-title .small-triangle[data-v-309e5351]{right:-25px}.date-range-field.selected-item-as-title .small-triangle[data-v-309e5351]:after{border-top-color:currentColor}.date-range-field.selected-item-as-title span[data-v-309e5351]{padding-left:12px}.date-range-field.no-button-limit[data-v-309e5351]{overflow:visible}.date-range-field.no-button-limit span[data-v-309e5351]{width:100%;line-height:22px}.date-range-field span[data-v-309e5351]{line-height:28px;padding-left:15px;overflow:hidden;text-overflow:ellipsis;display:inline-block;width:calc(100% - 26px);white-space:nowrap;position:relative}.date-range-disabled .date-range-field[data-v-309e5351]{cursor:default;color:#8e959d;pointer-events:none}.date-range-disabled .small-triangle[data-v-309e5351]:after{border-top-color:#8e959d}.pop-up-content[data-v-309e5351]{margin-top:1px}.type-message[data-v-309e5351]{color:#8e959d;padding:10px 20px;line-height:1.5}.relative-wrap[data-v-309e5351]{position:relative}.space-right[data-v-309e5351]{margin-right:13px}.space-left[data-v-309e5351]{margin-left:9px}.top-date[data-v-309e5351]{line-height:13px}.flex[data-v-309e5351]{display:flex}