@ironsource/shared-ui 2.1.12-test.89 → 2.1.12-test.90

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 (5) hide show
  1. package/DateRangeV4.vue_vue_type_style_index_0_scoped_a849128a_lang.css +1 -0
  2. package/components/dateRange/v4/DateRangeV4.vue.js +3 -3
  3. package/components/dateRange/v4/DateRangeV4.vue2.js +48 -49
  4. package/package.json +1 -1
  5. package/DateRangeV4.vue_vue_type_style_index_0_scoped_9b958611_lang.css +0 -1
package/DateRangeV4.vue_vue_type_style_index_0_scoped_a849128a_lang.css ADDED
@@ -0,0 +1 @@
1
+ .label[data-v-a849128a]{color:#41454d}.pop-up[data-v-a849128a]{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-a849128a]{top:0}.pop-up.hide-presets[data-v-a849128a],.pop-up.hide-presets .calendar-wrap[data-v-a849128a]{width:520px}.pop-up.hide-presets .date-picker-calendar[data-v-a849128a]{padding:15px 16px}.pop-up .date-picker-menu[data-v-a849128a]{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-a849128a]{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-a849128a]:hover{background:var(--action-hover, rgba(0, 0, 0, .05))}.pop-up .date-picker-menu .selected-preset[data-v-a849128a]{border-radius:8px;background:var(--action-selected, #ebebeb)}.pop-up .date-picker-menu li[data-v-a849128a]{cursor:pointer;margin-bottom:2px}.pop-up .left-box[data-v-a849128a]{left:-1px}.pop-up .date-picker-calendar[data-v-a849128a]{box-sizing:border-box;height:100%;padding:16px;display:grid;grid-template-columns:1fr 1fr;grid-gap:24px}.pop-up .calendars-wrapper[data-v-a849128a]{padding-left:6px}.pop-up .preset-dropdown ul[data-v-a849128a]{list-style:none;margin:0;padding:8px;line-height:32px}.pop-up .buttons-cover[data-v-a849128a]{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-a849128a]{flex:1;color:var(--text-secondary, #646464)}.pop-up button[data-v-a849128a]{float:right;margin-left:8px}.pop-up .error[data-v-a849128a]{display:none;position:absolute;left:270px;top:22px}.pop-up .inline-block[data-v-a849128a]{display:inline-block}.pop-up.right[data-v-a849128a]{left:initial;right:1px}.calendar-wrap[data-v-a849128a]{width:504px;height:372px;position:relative;border-bottom-right-radius:8px;border-top-right-radius:8px;vertical-align:top}.type-picker[data-v-a849128a]{height:60px;line-height:60px;padding-left:15px;box-shadow:0 1px 3px #0000003b}.range-type[data-v-a849128a]{color:#8e959d;padding-left:15px;padding-right:15px;cursor:pointer}.selected-range-type[data-v-a849128a]{color:#fff;background-color:#3083ff;border-radius:20px;padding:6px 15px;cursor:default}.date-range-field[data-v-a849128a]{display:inline-block;width:100%;height:28px;position:relative;cursor:pointer;border-radius:3px}.date-range-field.selected-item-as-title[data-v-a849128a]{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-a849128a]{right:-25px}.date-range-field.selected-item-as-title .small-triangle[data-v-a849128a]:after{border-top-color:currentColor}.date-range-field.selected-item-as-title span[data-v-a849128a]{padding-left:12px}.date-range-field.no-button-limit[data-v-a849128a]{overflow:visible}.date-range-field.no-button-limit span[data-v-a849128a]{width:100%;line-height:22px}.date-range-field span[data-v-a849128a]{line-height:26px;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-a849128a]{cursor:default;color:#8e959d;pointer-events:none}.date-range-disabled .small-triangle[data-v-a849128a]:after{border-top-color:#8e959d}.pop-up-content[data-v-a849128a]{margin-top:1px}.type-message[data-v-a849128a]{color:#8e959d;padding:10px 20px;line-height:1.5}.relative-wrap[data-v-a849128a]{position:relative}.space-right[data-v-a849128a]{margin-right:13px}.space-left[data-v-a849128a]{margin-left:9px}.top-date[data-v-a849128a]{line-height:13px}.flex[data-v-a849128a]{display:flex}
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_9b958611_lang.css"; //*');
4
- const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-9b958611"]]);
3
+ // import "../../../DateRangeV4.vue_vue_type_style_index_0_scoped_a849128a_lang.css"; //*');
4
+ const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-a849128a"]]);
5
5
  export {
6
- a as default
6
+ s as default
7
7
  };
package/components/dateRange/v4/DateRangeV4.vue2.js CHANGED
@@ -1,4 +1,4 @@
1
- import "../../../DateRangeV4.vue_vue_type_style_index_0_scoped_9b958611_lang.css"; import { defineComponent as J, watch as Q, openBlock as n, createElementBlock as s, unref as e, normalizeClass as r, createTextVNode as c, toDisplayString as p, createElementVNode as d, renderSlot as x, createVNode as i, withDirectives as k, Fragment as C, renderList as $, withCtx as l, createCommentVNode as E, vShow as I, normalizeStyle as X, setBlockTracking as R } from "vue";
1
+ import "../../../DateRangeV4.vue_vue_type_style_index_0_scoped_a849128a_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
2
  import Z from "./CalendarMonthV4.vue.js";
3
3
  import { typeToName as _, messagePerType as ee } from "../common/consts.common.js";
4
4
  import A from "../../button/v4/ButtonV4.vue.js";
@@ -17,7 +17,7 @@ import "../../dropdown/v4/OptionV4.vue.js";
17
17
  import "../../dropdown/v4/ConditionalDropdown.vue.js";
18
18
  import { DateRangeTestIdModifiers as o, DatePickerTestIdModifiers as ae } from "../../../testids/index.js";
19
19
  import { dateRangeCommon as de } from "../common/DateRange.common.js";
20
- import y from "../../typography/v4/Typography.vue.js";
20
+ import p from "../../typography/v4/Typography.vue.js";
21
21
  const ne = ["id", "data-testid"], se = ["data-testid"], ie = ["id", "data-testid"], oe = {
22
22
  key: 0,
23
23
  class: "type-picker"
@@ -49,21 +49,21 @@ const ne = ["id", "data-testid"], se = ["data-testid"], ie = ["id", "data-testid
49
49
  "dismissed"
50
50
  ],
51
51
  setup(t, { emit: B }) {
52
- const w = t, {
52
+ const I = t, {
53
53
  datePicker: M,
54
54
  datePickerId: S,
55
55
  getMaxAllowedDate: q,
56
- selectedPreset: f,
56
+ selectedPreset: w,
57
57
  displayError: O,
58
- rangeType: h,
58
+ rangeType: f,
59
59
  selectedRange: L,
60
60
  placement: V,
61
61
  currentDate: T,
62
62
  error: z,
63
63
  presets: U,
64
- isOpen: v,
64
+ isOpen: h,
65
65
  popup: F,
66
- currentMonths: g,
66
+ currentMonths: y,
67
67
  displayedMonthsKeys: b,
68
68
  changeType: P,
69
69
  presetChanged: G,
@@ -73,39 +73,38 @@ const ne = ["id", "data-testid"], se = ["data-testid"], ie = ["id", "data-testid
73
73
  selectionChanged: j,
74
74
  toggle: D,
75
75
  isCompact: H
76
- } = de(w, B);
76
+ } = de(I, B);
77
77
  return Q(
78
- () => w.datePresetList,
78
+ () => I.datePresetList,
79
79
  () => {
80
80
  P("date", !1);
81
81
  }
82
- ), (N, u) => (n(), s("div", {
82
+ ), (N, c) => (n(), s("div", {
83
83
  id: e(S),
84
84
  ref_key: "datePicker",
85
85
  ref: M,
86
86
  class: r(["relative-wrap", { "date-range-disabled": t.disabled }]),
87
87
  "data-testid": `${t.testId}-${e(o).WRAPPER}`
88
88
  }, [
89
- c(p(e(f)) + " ", 1),
90
89
  d("div", {
91
90
  class: "date-range-field",
92
91
  "data-testid": `${t.testId}-${e(o).TRIGGER}`,
93
- onClick: u[0] || (u[0] = (a) => e(D)())
92
+ onClick: c[0] || (c[0] = (a) => e(D)())
94
93
  }, [
95
94
  x(N.$slots, "field", {
96
95
  currentDate: e(T),
97
- isOpen: e(v)
96
+ isOpen: e(h)
98
97
  }, () => [
99
98
  i(e(te), {
100
99
  label: e(T),
101
100
  "start-icon-name": "calendar-blank",
102
101
  variant: "outlined",
103
102
  "test-id": `${t.testId}-${e(ae).INPUT}`,
104
- open: e(v)
103
+ open: e(h)
105
104
  }, null, 8, ["label", "test-id", "open"])
106
105
  ], !0)
107
106
  ], 8, se),
108
- k(d("div", {
107
+ v(d("div", {
109
108
  id: "datepickerPopup" + t.uniqueId,
110
109
  ref_key: "popup",
111
110
  ref: F,
@@ -117,14 +116,14 @@ const ne = ["id", "data-testid"], se = ["data-testid"], ie = ["id", "data-testid
117
116
  "data-testid": `${t.testId}-${e(o).CONTAINER}`
118
117
  }, [
119
118
  t.types.length > 1 ? (n(), s("div", oe, [
120
- (n(!0), s(C, null, $(t.types, (a) => (n(), s("span", {
119
+ (n(!0), s(k, null, C(t.types, (a) => (n(), s("span", {
121
120
  key: a,
122
- class: r(["range-type", { "selected-range-type": e(h) === a }]),
123
- onClick: (m) => e(P)(a, !0)
121
+ class: r(["range-type", { "selected-range-type": e(f) === a }]),
122
+ onClick: (u) => e(P)(a, !0)
124
123
  }, [
125
- i(e(y), { variant: "h1" }, {
124
+ i(e(p), { variant: "h1" }, {
126
125
  default: l(() => [
127
- c(p(e(_)[a]), 1)
126
+ m(g(e(_)[a]), 1)
128
127
  ]),
129
128
  _: 2
130
129
  }, 1024)
@@ -145,28 +144,28 @@ const ne = ["id", "data-testid"], se = ["data-testid"], ie = ["id", "data-testid
145
144
  d("ul", {
146
145
  id: "customDropDownList" + t.uniqueId
147
146
  }, [
148
- (n(!0), s(C, null, $(e(U), (a) => (n(), s("li", {
147
+ (n(!0), s(k, null, C(e(U), (a) => (n(), s("li", {
149
148
  key: a.id,
150
149
  class: r({
151
- "selected-preset-container": e(f) === a.id
150
+ "selected-preset-container": e(w) === a.id
152
151
  })
153
152
  }, [
154
153
  d("div", {
155
- class: r([{ "selected-preset": e(f) === a.id }, "preset-element"]),
156
- onClick: (m) => e(G)(a)
154
+ class: r([{ "selected-preset": e(w) === a.id }, "preset-element"]),
155
+ onClick: (u) => e(G)(a)
157
156
  }, [
158
- i(e(y), {
157
+ i(e(p), {
159
158
  variant: "body2",
160
159
  "data-testid": `${t.testId}-${e(o).MENU}-${a.id}`
161
160
  }, {
162
161
  default: l(() => [
163
- c(p(a.name), 1)
162
+ m(g(a.name), 1)
164
163
  ]),
165
164
  _: 2
166
165
  }, 1032, ["data-testid"])
167
166
  ], 10, me),
168
- k(d("div", pe, null, 512), [
169
- [I, a.id === "custom"]
167
+ v(d("div", pe, null, 512), [
168
+ [$, a.id === "custom"]
170
169
  ])
171
170
  ], 2))), 128))
172
171
  ], 8, ue)
@@ -174,29 +173,29 @@ const ne = ["id", "data-testid"], se = ["data-testid"], ie = ["id", "data-testid
174
173
  d("div", {
175
174
  class: "type-message",
176
175
  "data-testid": `${t.testId}-${e(o).MESSAGE}`
177
- }, p(e(ee)[e(h)]), 9, ye)
176
+ }, g(e(ee)[e(f)]), 9, ye)
178
177
  ], 8, re)) : E("", !0),
179
178
  d("div", {
180
179
  class: "calendar-wrap",
181
180
  style: X({ height: e(H) ? "336px" : "372px" })
182
181
  }, [
183
182
  d("div", ge, [
184
- (n(!0), s(C, null, $(e(b), (a, m) => (n(), s("div", { key: a }, [
183
+ (n(!0), s(k, null, C(e(b), (a, u) => (n(), s("div", { key: a }, [
185
184
  i(Z, {
186
185
  id: t.uniqueId,
187
186
  navigation: e(W)(
188
- m === 0,
189
- m === e(b).length - 1
187
+ u === 0,
188
+ u === e(b).length - 1
190
189
  ),
191
- year: e(g)[a].parsedMonth.year,
192
- days: e(g)[a].parsedMonth.days,
193
- weeks: e(g)[a].parsedMonth.weeks,
194
- month: e(g)[a].parsedMonth.month,
190
+ year: e(y)[a].parsedMonth.year,
191
+ days: e(y)[a].parsedMonth.days,
192
+ weeks: e(y)[a].parsedMonth.weeks,
193
+ month: e(y)[a].parsedMonth.month,
195
194
  range: e(L),
196
- type: e(h),
195
+ type: e(f),
197
196
  "allowed-days": t.allowedDays,
198
197
  "max-allowed-date": e(q),
199
- "test-id": `${t.testId}-${m}`,
198
+ "test-id": `${t.testId}-${u}`,
200
199
  onSelectionChanged: e(j),
201
200
  onNavigation: e(Y)
202
201
  }, null, 8, ["id", "navigation", "year", "days", "weeks", "month", "range", "type", "allowed-days", "max-allowed-date", "test-id", "onSelectionChanged", "onNavigation"])
@@ -206,17 +205,17 @@ const ne = ["id", "data-testid"], se = ["data-testid"], ie = ["id", "data-testid
206
205
  x(N.$slots, "footer", {}, void 0, !0)
207
206
  ]),
208
207
  d("div", ve, [
209
- i(e(y), { variant: "body2" }, {
208
+ i(e(p), { variant: "body2" }, {
210
209
  default: l(() => [
211
- c("All dates are in UTC")
210
+ m("All dates are in UTC")
212
211
  ]),
213
212
  _: 1
214
213
  })
215
214
  ]),
216
- k(d("div", { class: "error" }, p(e(z)), 513), [
217
- [I, e(O)]
215
+ v(d("div", { class: "error" }, g(e(z)), 513), [
216
+ [$, e(O)]
218
217
  ]),
219
- u[1] || (R(-1), u[1] = d("div", { class: "buttons" }, [
218
+ c[1] || (R(-1), c[1] = d("div", { class: "buttons" }, [
220
219
  i(e(A), {
221
220
  id: "button-ok" + t.uniqueId,
222
221
  size: "small",
@@ -226,9 +225,9 @@ const ne = ["id", "data-testid"], se = ["data-testid"], ie = ["id", "data-testid
226
225
  onClick: (a) => e(K)()
227
226
  }, {
228
227
  default: l(() => [
229
- i(e(y), { variant: "button" }, {
228
+ i(e(p), { variant: "button" }, {
230
229
  default: l(() => [
231
- c("Apply")
230
+ m("Apply")
232
231
  ]),
233
232
  _: 1
234
233
  })
@@ -246,22 +245,22 @@ const ne = ["id", "data-testid"], se = ["data-testid"], ie = ["id", "data-testid
246
245
  onClick: (a) => e(D)()
247
246
  }, {
248
247
  default: l(() => [
249
- i(e(y), { variant: "button" }, {
248
+ i(e(p), { variant: "button" }, {
250
249
  default: l(() => [
251
- c(" Cancel ")
250
+ m(" Cancel ")
252
251
  ]),
253
252
  _: 1
254
253
  })
255
254
  ]),
256
255
  _: 1
257
256
  }, 8, ["id", "data-testid", "onClick"])
258
- ]), R(1), u[1])
257
+ ]), R(1), c[1])
259
258
  ])
260
259
  ])
261
260
  ], 4)
262
261
  ], 2)
263
262
  ], 10, ie), [
264
- [I, e(v)]
263
+ [$, e(h)]
265
264
  ])
266
265
  ], 10, ne));
267
266
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.1.12-test.89",
3
+ "version": "2.1.12-test.90",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
package/DateRangeV4.vue_vue_type_style_index_0_scoped_9b958611_lang.css DELETED
@@ -1 +0,0 @@
1
- .label[data-v-9b958611]{color:#41454d}.pop-up[data-v-9b958611]{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-9b958611]{top:0}.pop-up.hide-presets[data-v-9b958611],.pop-up.hide-presets .calendar-wrap[data-v-9b958611]{width:520px}.pop-up.hide-presets .date-picker-calendar[data-v-9b958611]{padding:15px 16px}.pop-up .date-picker-menu[data-v-9b958611]{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-9b958611]{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-9b958611]:hover{background:var(--action-hover, rgba(0, 0, 0, .05))}.pop-up .date-picker-menu .selected-preset[data-v-9b958611]{border-radius:8px;background:var(--action-selected, #ebebeb)}.pop-up .date-picker-menu li[data-v-9b958611]{cursor:pointer;margin-bottom:2px}.pop-up .left-box[data-v-9b958611]{left:-1px}.pop-up .date-picker-calendar[data-v-9b958611]{box-sizing:border-box;height:100%;padding:16px;display:grid;grid-template-columns:1fr 1fr;grid-gap:24px}.pop-up .calendars-wrapper[data-v-9b958611]{padding-left:6px}.pop-up .preset-dropdown ul[data-v-9b958611]{list-style:none;margin:0;padding:8px;line-height:32px}.pop-up .buttons-cover[data-v-9b958611]{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-9b958611]{flex:1;color:var(--text-secondary, #646464)}.pop-up button[data-v-9b958611]{float:right;margin-left:8px}.pop-up .error[data-v-9b958611]{display:none;position:absolute;left:270px;top:22px}.pop-up .inline-block[data-v-9b958611]{display:inline-block}.pop-up.right[data-v-9b958611]{left:initial;right:1px}.calendar-wrap[data-v-9b958611]{width:504px;height:372px;position:relative;border-bottom-right-radius:8px;border-top-right-radius:8px;vertical-align:top}.type-picker[data-v-9b958611]{height:60px;line-height:60px;padding-left:15px;box-shadow:0 1px 3px #0000003b}.range-type[data-v-9b958611]{color:#8e959d;padding-left:15px;padding-right:15px;cursor:pointer}.selected-range-type[data-v-9b958611]{color:#fff;background-color:#3083ff;border-radius:20px;padding:6px 15px;cursor:default}.date-range-field[data-v-9b958611]{display:inline-block;width:100%;height:28px;position:relative;cursor:pointer;border-radius:3px}.date-range-field.selected-item-as-title[data-v-9b958611]{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-9b958611]{right:-25px}.date-range-field.selected-item-as-title .small-triangle[data-v-9b958611]:after{border-top-color:currentColor}.date-range-field.selected-item-as-title span[data-v-9b958611]{padding-left:12px}.date-range-field.no-button-limit[data-v-9b958611]{overflow:visible}.date-range-field.no-button-limit span[data-v-9b958611]{width:100%;line-height:22px}.date-range-field span[data-v-9b958611]{line-height:26px;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-9b958611]{cursor:default;color:#8e959d;pointer-events:none}.date-range-disabled .small-triangle[data-v-9b958611]:after{border-top-color:#8e959d}.pop-up-content[data-v-9b958611]{margin-top:1px}.type-message[data-v-9b958611]{color:#8e959d;padding:10px 20px;line-height:1.5}.relative-wrap[data-v-9b958611]{position:relative}.space-right[data-v-9b958611]{margin-right:13px}.space-left[data-v-9b958611]{margin-left:9px}.top-date[data-v-9b958611]{line-height:13px}.flex[data-v-9b958611]{display:flex}