@ironsource/shared-ui 2.1.6-rc.12 → 2.1.6-rc.13

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/DropdownV4.vue_vue_type_style_index_0_scoped_07ffe682_lang.css +1 -0
  2. package/components/dropdown/v4/DropdownV4.vue.js +2 -2
  3. package/components/dropdown/v4/DropdownV4.vue2.js +32 -32
  4. package/package.json +1 -1
  5. package/DropdownV4.vue_vue_type_style_index_0_scoped_e6fdbae7_lang.css +0 -1
package/DropdownV4.vue_vue_type_style_index_0_scoped_07ffe682_lang.css ADDED
@@ -0,0 +1 @@
1
+ .v-enter-active[data-v-07ffe682],.v-leave-active[data-v-07ffe682]{transition:opacity .25s ease}ol[data-v-07ffe682],ul[data-v-07ffe682],menu[data-v-07ffe682]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-07ffe682],.dropdown.full-width .button__container[data-v-07ffe682]{width:100%}.dropdown-list-wrapper[data-v-07ffe682]{display:flex;flex-direction:column;padding:.5rem .5rem .25rem}.dropdown-list-wrapper--multi[data-v-07ffe682]{padding:.5rem}.list-container--multi[data-v-07ffe682]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-07ffe682]{padding-bottom:.25rem}.inline-search .list-container[data-v-07ffe682]{padding-top:0}.no-result-container[data-v-07ffe682]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-07ffe682]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-07ffe682]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-07ffe682]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.image-slot[data-v-07ffe682]{margin-right:.5rem}.actions-wrapper[data-v-07ffe682]{display:flex;width:100%;padding:.5rem .5rem .5rem .125rem;padding-bottom:0;border-top:1px solid var(--common-divider);justify-content:space-between;margin-top:.25rem}.apply-button[data-v-07ffe682]{margin-left:.5rem}
package/components/dropdown/v4/DropdownV4.vue.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import o from "./DropdownV4.vue2.js";
2
2
  /* empty css *//* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_e6fdbae7_lang.css"; //*');
3
+ // import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_07ffe682_lang.css"; //*');
4
4
  // import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css"; //');
5
- const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-e6fdbae7"]]);
5
+ const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-07ffe682"]]);
6
6
  export {
7
7
  r as default
8
8
  };
package/components/dropdown/v4/DropdownV4.vue2.js CHANGED
@@ -1,5 +1,5 @@
1
- import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_e6fdbae7_lang.css"; import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css"; import { defineComponent as se, computed as z, openBlock as o, createElementBlock as n, mergeProps as u, unref as e, renderSlot as I, createElementVNode as y, createVNode as a, withCtx as c, Transition as ue, normalizeClass as V, normalizeStyle as ce, isRef as fe, createCommentVNode as r, createTextVNode as g, toDisplayString as me, withModifiers as x, Fragment as ye, renderList as pe, toRaw as T, createBlock as $, resolveDynamicComponent as ge } from "vue";
2
- import A from "../../button/v4/ButtonV4.vue.js";
1
+ import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_07ffe682_lang.css"; import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css"; import { defineComponent as se, computed as V, openBlock as o, createElementBlock as n, mergeProps as u, unref as e, renderSlot as I, createElementVNode as y, createVNode as a, withCtx as c, Transition as ue, normalizeClass as A, normalizeStyle as ce, isRef as fe, createCommentVNode as r, createTextVNode as g, toDisplayString as me, withModifiers as x, Fragment as ye, renderList as pe, toRaw as T, createBlock as $, resolveDynamicComponent as ge } from "vue";
2
+ import L from "../../button/v4/ButtonV4.vue.js";
3
3
  import "../../button/v4/IconButtonV4.vue.js";
4
4
  import "./DropdownV4.vue.js";
5
5
  import ke from "./DefaultDropdownTrigger.vue.js";
@@ -83,7 +83,7 @@ const Oe = ["tabindex"], Be = { style: { width: "100%" } }, Ne = { key: 0 }, De
83
83
  },
84
84
  emits: ["update:selected", "update:isOpen", "closed", "opened", "apply"],
85
85
  setup(t, { expose: W, emit: M }) {
86
- const d = t, L = {
86
+ const d = t, O = {
87
87
  MULTILINE_LIST_HEIGHT: 48,
88
88
  LIST_HEIGHT: 32 + 4,
89
89
  MAX_NUMBER_OF_OPTIONS: 7.5,
@@ -100,31 +100,31 @@ const Oe = ["tabindex"], Be = { style: { width: "100%" } }, Ne = { key: 0 }, De
100
100
  calculateTableHeight: q,
101
101
  wrapperProps: Y,
102
102
  filteredOptions: j,
103
- allSelected: O,
103
+ allSelected: B,
104
104
  isIndeterminate: J,
105
105
  onSelectAll: Q,
106
- virtualOptions: B,
106
+ virtualOptions: N,
107
107
  isSelected: S,
108
108
  selectedOption: b,
109
- selectedOptionPrevious: N,
109
+ selectedOptionPrevious: D,
110
110
  selectedValue: Z,
111
- onSelect: D,
112
- activeIndex: E,
111
+ onSelect: E,
112
+ activeIndex: K,
113
113
  onCancel: _,
114
114
  onApply: ee,
115
115
  scrollTo: te,
116
116
  listRef: le,
117
- buttonRef: K,
117
+ buttonRef: P,
118
118
  apply: ie,
119
119
  cancel: oe,
120
120
  el: ne,
121
- onClearAllSelections: P,
121
+ onClearAllSelections: R,
122
122
  clearAll: ae
123
- } = Ie(d, M, L), m = Se(d.testId, f), R = z(() => !d.predefinedTrigger || d.predefinedTrigger === p.DEFAULT ? ke : d.predefinedTrigger === p.APP ? he : null), { width: F } = Ae(K), de = z(() => d.optionsListWidth ? d.optionsListWidth : !d.predefinedTrigger || d.predefinedTrigger === p.DEFAULT || d.predefinedTrigger === p.APP ? F.value - 2 > 240 ? `${F.value - 2}px` : `${L.DROPLIST_MIN_WIDTH}px` : "auto"), re = () => {
123
+ } = Ie(d, M, O), m = Se(d.testId, f), F = V(() => !d.predefinedTrigger || d.predefinedTrigger === p.DEFAULT ? ke : d.predefinedTrigger === p.APP ? he : null), { width: z } = Ae(P), de = V(() => d.optionsListWidth ? d.optionsListWidth : !d.predefinedTrigger || d.predefinedTrigger === p.DEFAULT || d.predefinedTrigger === p.APP ? z.value - 2 > 240 ? `${z.value - 2}px` : `${O.DROPLIST_MIN_WIDTH}px` : "auto"), re = () => {
124
124
  h();
125
125
  };
126
126
  return W({
127
- selectItem: D,
127
+ selectItem: E,
128
128
  scrollTo: te
129
129
  }), (v, i) => (o(), n("div", u({
130
130
  ref_key: "el",
@@ -162,7 +162,7 @@ const Oe = ["tabindex"], Be = { style: { width: "100%" } }, Ne = { key: 0 }, De
162
162
  key: 0,
163
163
  ref_key: "listRef",
164
164
  ref: le,
165
- class: V(["light-theme-v4", {
165
+ class: A(["light-theme-v4", {
166
166
  "dropdown--disabled": t.disabled,
167
167
  "inline-search": t.inlineSearch
168
168
  }]),
@@ -170,7 +170,7 @@ const Oe = ["tabindex"], Be = { style: { width: "100%" } }, Ne = { key: 0 }, De
170
170
  }, [
171
171
  e(s) ? (o(), n("div", {
172
172
  key: 0,
173
- class: "dropdown-list-wrapper",
173
+ class: A(["dropdown-list-wrapper", { "dropdown-list-wrapper--multi": t.multi }]),
174
174
  onKeydown: i[6] || (i[6] = //@ts-ignore
175
175
  (...l) => e(k) && e(k)(...l))
176
176
  }, [
@@ -221,9 +221,9 @@ const Oe = ["tabindex"], Be = { style: { width: "100%" } }, Ne = { key: 0 }, De
221
221
  t.showSelectAll !== !1 && t.multi ? (o(), n("li", Fe, [
222
222
  a(e(H), u(
223
223
  {
224
- "aria-selected": e(O),
224
+ "aria-selected": e(B),
225
225
  "aria-disabled": !!t.disabled,
226
- "selected-prop": e(O),
226
+ "selected-prop": e(B),
227
227
  "is-indeterminate": e(J),
228
228
  "select-all-option": ""
229
229
  },
@@ -238,22 +238,22 @@ const Oe = ["tabindex"], Be = { style: { width: "100%" } }, Ne = { key: 0 }, De
238
238
  _: 1
239
239
  }, 16, ["aria-selected", "aria-disabled", "selected-prop", "is-indeterminate"])
240
240
  ])) : r("", !0),
241
- e(B).length && !t.loading ? (o(!0), n(ye, { key: 3 }, pe(e(B), ({ data: l, index: w }) => (o(), n("li", {
241
+ e(N).length && !t.loading ? (o(!0), n(ye, { key: 3 }, pe(e(N), ({ data: l, index: w }) => (o(), n("li", {
242
242
  key: w,
243
243
  "aria-selected": e(S)(T(e(b)), l),
244
244
  "aria-disabled": !!t.disabled,
245
- onClick: x(() => e(D)(l, w), ["stop"])
245
+ onClick: x(() => e(E)(l, w), ["stop"])
246
246
  }, [
247
247
  I(v.$slots, "default", {
248
248
  option: l,
249
249
  selected: e(S)(T(e(b)), l),
250
- active: T(e(E)) === w,
250
+ active: T(e(K)) === w,
251
251
  disabled: l[d.disabledOptionKey]
252
252
  }, () => [
253
253
  a(e(H), {
254
254
  option: l,
255
255
  selected: e(S)(T(e(b)), l),
256
- active: T(e(E)) === w,
256
+ active: T(e(K)) === w,
257
257
  disabled: l[d.disabledOptionKey],
258
258
  "name-key": t.optionNameKey,
259
259
  "image-key": t.optionImageKey,
@@ -266,7 +266,7 @@ const Oe = ["tabindex"], Be = { style: { width: "100%" } }, Ne = { key: 0 }, De
266
266
  ], 16),
267
267
  t.multi ? (o(), n("div", Ve, [
268
268
  y("div", xe, [
269
- a(e(A), u(
269
+ a(e(L), u(
270
270
  {
271
271
  ref_key: "clearAll",
272
272
  ref: ae,
@@ -276,7 +276,7 @@ const Oe = ["tabindex"], Be = { style: { width: "100%" } }, Ne = { key: 0 }, De
276
276
  },
277
277
  e(m)[e(f).ACTION_CLEAR_ALL],
278
278
  {
279
- onClick: i[5] || (i[5] = () => e(P)(!1))
279
+ onClick: i[5] || (i[5] = () => e(R)(!1))
280
280
  }
281
281
  ), {
282
282
  default: c(() => [
@@ -286,7 +286,7 @@ const Oe = ["tabindex"], Be = { style: { width: "100%" } }, Ne = { key: 0 }, De
286
286
  }, 16)
287
287
  ]),
288
288
  y("div", $e, [
289
- a(e(A), u(
289
+ a(e(L), u(
290
290
  {
291
291
  ref_key: "cancel",
292
292
  ref: oe,
@@ -302,7 +302,7 @@ const Oe = ["tabindex"], Be = { style: { width: "100%" } }, Ne = { key: 0 }, De
302
302
  ]),
303
303
  _: 1
304
304
  }, 16, ["onClick"]),
305
- a(e(A), u({
305
+ a(e(L), u({
306
306
  ref_key: "apply",
307
307
  ref: ie,
308
308
  "data-testid": "mutli-apply",
@@ -316,7 +316,7 @@ const Oe = ["tabindex"], Be = { style: { width: "100%" } }, Ne = { key: 0 }, De
316
316
  }, 16, ["onClick"])
317
317
  ])
318
318
  ])) : r("", !0)
319
- ], 32)) : r("", !0)
319
+ ], 34)) : r("", !0)
320
320
  ], 6)) : r("", !0)
321
321
  ]),
322
322
  _: 3
@@ -324,7 +324,7 @@ const Oe = ["tabindex"], Be = { style: { width: "100%" } }, Ne = { key: 0 }, De
324
324
  ]),
325
325
  default: c(() => [
326
326
  y("div", {
327
- class: V(["button__container", {
327
+ class: A(["button__container", {
328
328
  "button__container--open": !!e(s),
329
329
  [`button__container--${t.size}`]: !0,
330
330
  "button__container--disabled": t.disabled
@@ -340,10 +340,10 @@ const Oe = ["tabindex"], Be = { style: { width: "100%" } }, Ne = { key: 0 }, De
340
340
  }, () => [
341
341
  y("div", {
342
342
  ref_key: "buttonRef",
343
- ref: K
343
+ ref: P
344
344
  }, [
345
- e(R) ? (o(), n("div", Ne, [
346
- (o(), $(ge(e(R)), {
345
+ e(F) ? (o(), n("div", Ne, [
346
+ (o(), $(ge(e(F)), {
347
347
  placeholder: t.placeholder,
348
348
  open: e(s),
349
349
  label: t.triggerLabel,
@@ -352,7 +352,7 @@ const Oe = ["tabindex"], Be = { style: { width: "100%" } }, Ne = { key: 0 }, De
352
352
  "test-id": t.testId,
353
353
  multi: t.multi,
354
354
  disabled: t.disabled,
355
- "selected-option": t.multi ? e(N) : e(b),
355
+ "selected-option": t.multi ? e(D) : e(b),
356
356
  "display-value": t.displayValue,
357
357
  options: t.options,
358
358
  "option-name-key": t.optionNameKey,
@@ -378,11 +378,11 @@ const Oe = ["tabindex"], Be = { style: { width: "100%" } }, Ne = { key: 0 }, De
378
378
  label: t.placeholder,
379
379
  "test-id": t.testId,
380
380
  options: t.options,
381
- "selected-option": t.multi ? e(N) : e(b),
381
+ "selected-option": t.multi ? e(D) : e(b),
382
382
  "display-value": t.displayValue,
383
383
  multi: t.multi,
384
384
  onClick: i[1] || (i[1] = (l) => e(h)()),
385
- onClear: i[2] || (i[2] = (l) => e(P)())
385
+ onClear: i[2] || (i[2] = (l) => e(R)())
386
386
  }, null, 8, ["open", "label", "test-id", "options", "selected-option", "display-value", "multi"])
387
387
  ])) : r("", !0)
388
388
  ], 512)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.1.6-rc.12",
3
+ "version": "2.1.6-rc.13",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
package/DropdownV4.vue_vue_type_style_index_0_scoped_e6fdbae7_lang.css DELETED
@@ -1 +0,0 @@
1
- .v-enter-active[data-v-e6fdbae7],.v-leave-active[data-v-e6fdbae7]{transition:opacity .25s ease}ol[data-v-e6fdbae7],ul[data-v-e6fdbae7],menu[data-v-e6fdbae7]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-e6fdbae7],.dropdown.full-width .button__container[data-v-e6fdbae7]{width:100%}.dropdown-list-wrapper[data-v-e6fdbae7]{display:flex;flex-direction:column;padding:.5rem .5rem .25rem}.list-container--multi[data-v-e6fdbae7]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-e6fdbae7]{padding-bottom:.25rem}.inline-search .list-container[data-v-e6fdbae7]{padding-top:0}.no-result-container[data-v-e6fdbae7]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-e6fdbae7]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-e6fdbae7]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-e6fdbae7]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.image-slot[data-v-e6fdbae7]{margin-right:.5rem}.actions-wrapper[data-v-e6fdbae7]{display:flex;width:100%;padding:.5rem .5rem .5rem .125rem;padding-bottom:0;border-top:1px solid var(--common-divider);justify-content:space-between;margin-top:.25rem}.apply-button[data-v-e6fdbae7]{margin-left:.5rem}