@ironsource/shared-ui 2.1.8-rc.0 → 2.1.8-rc.1

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 (9) hide show
  1. package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_1726ad49_lang.css +1 -0
  2. package/TreeDropdown.vue_vue_type_style_index_0_scoped_a51b6929_lang.css +1 -0
  3. package/components/dropdown/v4/DefaultDropdownTrigger.vue.js +2 -2
  4. package/components/dropdown/v4/DefaultDropdownTrigger.vue2.js +1 -1
  5. package/components/dropdown/v4/TreeDropdown.vue.js +2 -2
  6. package/components/dropdown/v4/TreeDropdown.vue2.js +33 -30
  7. package/package.json +1 -1
  8. package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_98819e5a_lang.css +0 -1
  9. package/TreeDropdown.vue_vue_type_style_index_0_scoped_ffd0b476_lang.css +0 -1
package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_1726ad49_lang.css ADDED
@@ -0,0 +1 @@
1
+ .default-dropdown-wrapper[data-v-1726ad49]{position:relative}.dropdown-trigger[data-v-1726ad49]{width:100%;padding:.3125rem .4375rem;display:flex;column-gap:.25rem;max-width:100%;box-sizing:border-box;border-radius:var(--border-radius-md);border:1px solid var(--action-outlined-border);background:var(--default-main);cursor:pointer;user-select:none;position:relative}.dropdown-trigger[data-v-1726ad49]:hover{border:1px solid var(--action-active);background:var(--action-hover)}.dropdown-trigger.small[data-v-1726ad49]{padding:.1875rem .4375rem}.dropdown-trigger.large[data-v-1726ad49]{padding:.5625rem .4375rem}.dropdown-trigger.disabled[data-v-1726ad49]{border:1px solid var(--action-outlined-border, #bbb);background:var(--action-disabled-background, #f1f1f1);cursor:not-allowed}.dropdown-trigger.disabled .displayed-value[data-v-1726ad49],.dropdown-trigger.disabled .caret-down[data-v-1726ad49]{color:var(--text-disabled)}.dropdown-trigger.open[data-v-1726ad49]{padding:.25rem .375rem;border:2px solid var(--primary-main)}.dropdown-trigger.open.small[data-v-1726ad49]{padding:.125rem .375rem}.dropdown-trigger.open.large[data-v-1726ad49]{padding:.5rem .375rem}.dropdown-trigger.state-error[data-v-1726ad49],.dropdown-trigger.state-success[data-v-1726ad49],.dropdown-trigger.state-warning[data-v-1726ad49]{padding:4px 6px}.dropdown-trigger.state-error.small[data-v-1726ad49],.dropdown-trigger.state-success.small[data-v-1726ad49],.dropdown-trigger.state-warning.small[data-v-1726ad49]{padding:.1875rem .4375rem}.dropdown-trigger.state-error.large[data-v-1726ad49],.dropdown-trigger.state-success.large[data-v-1726ad49],.dropdown-trigger.state-warning.large[data-v-1726ad49]{padding:.5625rem .4375rem}.dropdown-trigger.state-error[data-v-1726ad49]{border:2px solid var(--error-main)}.dropdown-trigger.state-success[data-v-1726ad49]{border:2px solid var(--success-main)}.dropdown-trigger.state-warning[data-v-1726ad49]{border:2px solid var(--warning-dark)}.dropdown-trigger .caret-down[data-v-1726ad49]{color:var(--action-active)}.content[data-v-1726ad49]{display:flex;flex:1;gap:.25rem;align-items:center;color:var(--text-primary)}.content .displayed-value[data-v-1726ad49]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.content .image[data-v-1726ad49]{width:20px;height:20px;flex:none}.content .image img[data-v-1726ad49]{border-radius:4px;width:100%;height:100%}.content .start-icon[data-v-1726ad49]{display:flex;color:var(--action-active)}.content .status-dot[data-v-1726ad49]{padding-right:.25rem}.content .status-dot>div[data-v-1726ad49]{position:relative;top:-1px}.dropdown-field-label[data-v-1726ad49]{color:var(--text-primary)}.dropdown-field-help-text[data-v-1726ad49]{margin-top:4px;position:absolute}
package/TreeDropdown.vue_vue_type_style_index_0_scoped_a51b6929_lang.css ADDED
@@ -0,0 +1 @@
1
+ .child-options[data-v-a51b6929]{padding-left:1rem}
package/components/dropdown/v4/DefaultDropdownTrigger.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./DefaultDropdownTrigger.vue2.js";
2
2
  /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_98819e5a_lang.css"; //*');
4
- const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-98819e5a"]]);
3
+ // import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_1726ad49_lang.css"; //*');
4
+ const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-1726ad49"]]);
5
5
  export {
6
6
  p as default
7
7
  };
package/components/dropdown/v4/DefaultDropdownTrigger.vue2.js CHANGED
@@ -1,4 +1,4 @@
1
- import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_98819e5a_lang.css"; import { defineComponent as O, computed as r, openBlock as o, createElementBlock as n, createBlock as k, createCommentVNode as d, createElementVNode as c, mergeProps as m, unref as l, renderSlot as u, createVNode as i, withCtx as I, createTextVNode as B, toDisplayString as w } from "vue";
1
+ import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_1726ad49_lang.css"; import { defineComponent as O, computed as r, openBlock as o, createElementBlock as n, createBlock as k, createCommentVNode as d, createElementVNode as c, mergeProps as m, unref as l, renderSlot as u, createVNode as i, withCtx as I, createTextVNode as B, toDisplayString as w } from "vue";
2
2
  import V from "../../typography/v4/Typography.vue.js";
3
3
  import { DropdownTestIdModifiers as p } from "../../../testids/index.js";
4
4
  import h from "../../icon/v4/IconV4.vue.js";
package/components/dropdown/v4/TreeDropdown.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./TreeDropdown.vue2.js";
2
2
  /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../TreeDropdown.vue_vue_type_style_index_0_scoped_ffd0b476_lang.css"; //*');
4
- const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ffd0b476"]]);
3
+ // import "../../../TreeDropdown.vue_vue_type_style_index_0_scoped_a51b6929_lang.css"; //*');
4
+ const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-a51b6929"]]);
5
5
  export {
6
6
  s as default
7
7
  };
package/components/dropdown/v4/TreeDropdown.vue2.js CHANGED
@@ -1,6 +1,6 @@
1
- import "../../../TreeDropdown.vue_vue_type_style_index_0_scoped_ffd0b476_lang.css"; import { defineComponent as j, provide as F, ref as s, onMounted as R, watch as v, openBlock as m, createBlock as U, unref as a, withCtx as K, createVNode as k, normalizeProps as G, guardReactiveProps as H, renderSlot as J, withModifiers as q, createElementBlock as N, withDirectives as Q, createElementVNode as W, Fragment as X, renderList as Y, vShow as Z, createCommentVNode as _ } from "vue";
2
- import ee from "./DropdownV4.vue.js";
3
- import ne from "./DefaultDropdownTrigger.vue.js";
1
+ import "../../../TreeDropdown.vue_vue_type_style_index_0_scoped_a51b6929_lang.css"; import { defineComponent as j, provide as F, ref as s, onMounted as R, watch as v, openBlock as m, createBlock as U, unref as a, withCtx as K, createVNode as k, normalizeProps as G, guardReactiveProps as H, createSlots as J, renderSlot as Q, withModifiers as q, createElementBlock as N, withDirectives as W, createElementVNode as X, Fragment as Y, renderList as Z, vShow as _, createCommentVNode as ee } from "vue";
2
+ import ne from "./DropdownV4.vue.js";
3
+ import le from "./DefaultDropdownTrigger.vue.js";
4
4
  import "./IconButtonDropdownTrigger.vue.js";
5
5
  import "./ChipDropdownTrigger.vue.js";
6
6
  import "./AppDropdownTrigger.vue.js";
@@ -8,12 +8,12 @@ import "./ButtonDropdownTrigger.vue.js";
8
8
  import "./ButtonFilterDropdownTrigger.vue.js";
9
9
  import "./TreeDropdown.vue.js";
10
10
  import z from "./OptionV4.vue.js";
11
- import { useChildOptions as le } from "../composables/useChildOptions.js";
12
- import oe from "../../search/v4/SearchV4.vue.js";
13
- const te = {
11
+ import { useChildOptions as oe } from "../composables/useChildOptions.js";
12
+ import te from "../../search/v4/SearchV4.vue.js";
13
+ const ie = {
14
14
  key: 0,
15
15
  class: "child-options"
16
- }, me = /* @__PURE__ */ j({
16
+ }, Ke = /* @__PURE__ */ j({
17
17
  __name: "TreeDropdown",
18
18
  props: {
19
19
  options: null,
@@ -60,7 +60,7 @@ const te = {
60
60
  i.value = [...l.selected];
61
61
  }
62
62
  );
63
- const { hasChildren: p, getChildren: y, allChildrenSelected: g, someChildrenSelected: V } = le(i, l.optionChildrenKey), b = (n) => {
63
+ const { hasChildren: p, getChildren: y, allChildrenSelected: g, someChildrenSelected: V } = oe(i, l.optionChildrenKey), b = (n) => {
64
64
  if (p(n)) {
65
65
  g(n) ? i.value = i.value.filter(
66
66
  (t) => !y(n).includes(t)
@@ -73,11 +73,11 @@ const te = {
73
73
  i.value.includes(n) ? i.value = i.value.filter(
74
74
  (t) => t !== n
75
75
  ) : i.value = [...i.value, n];
76
- }, E = (n) => i.value.includes(n), D = (n) => 1 + (p(n) ? y(n).length : 0), x = () => {
76
+ }, E = (n) => i.value.includes(n), D = (n) => 1 + (p(n) ? y(n).length : 0), B = () => {
77
77
  I("update:selected", i.value);
78
- }, B = () => {
79
- i.value = [];
80
78
  }, M = () => {
79
+ i.value = [];
80
+ }, P = () => {
81
81
  const n = /* @__PURE__ */ new Set([]);
82
82
  h.value.forEach((e) => {
83
83
  if (l.selected?.includes(e))
@@ -98,10 +98,10 @@ const te = {
98
98
  v(
99
99
  () => l.isOpen,
100
100
  () => {
101
- l.isOpen ? f.value = M() : (i.value = [...l.selected], u.value = "");
101
+ l.isOpen ? f.value = P() : (i.value = [...l.selected], u.value = "");
102
102
  }
103
103
  );
104
- const d = s({}), P = (n) => {
104
+ const d = s({}), x = (n) => {
105
105
  d.value[n[l.optionUniqueIdKey]] ? delete d.value[n[l.optionUniqueIdKey]] : d.value[n[l.optionUniqueIdKey]] = 1;
106
106
  };
107
107
  function A(n, t) {
@@ -126,7 +126,7 @@ const te = {
126
126
  () => {
127
127
  L(u.value);
128
128
  }
129
- ), (n, t) => (m(), U(a(ee), {
129
+ ), (n, t) => (m(), U(a(ne), {
130
130
  multi: "",
131
131
  class: "tree-dropdown",
132
132
  "show-select-all": !1,
@@ -146,19 +146,22 @@ const te = {
146
146
  "trigger-show-all-selected-text": !1,
147
147
  "predefined-trigger": "default",
148
148
  "onUpdate:isOpen": t[1] || (t[1] = (e) => I("update:isOpen", e)),
149
- onApply: x,
150
- onClear: B
149
+ onApply: B,
150
+ onClear: M
151
151
  }, {
152
152
  "dropdown-trigger": K(({ defaultTriggerProps: e }) => [
153
- k(a(ne), G(H(e)), {
154
- "end-icon": K(() => [
155
- J(n.$slots, "trigger-end-icon", {}, void 0, !0)
156
- ]),
157
- _: 2
158
- }, 1040)
153
+ k(a(le), G(H(e)), J({ _: 2 }, [
154
+ n.$slots["trigger-end-icon"] ? {
155
+ name: "end-icon",
156
+ fn: K(() => [
157
+ Q(n.$slots, "trigger-end-icon", {}, void 0, !0)
158
+ ]),
159
+ key: "0"
160
+ } : void 0
161
+ ]), 1040)
159
162
  ]),
160
163
  "inline-search": K(() => [
161
- k(a(oe), {
164
+ k(a(te), {
162
165
  modelValue: u.value,
163
166
  "onUpdate:modelValue": t[0] || (t[0] = (e) => u.value = e),
164
167
  placeholder: o.inlineSearchPlaceholder,
@@ -184,11 +187,11 @@ const te = {
184
187
  "tree-main-option-expanded": d.value[e[o.optionUniqueIdKey]],
185
188
  "stop-option-click-event-propagation": "",
186
189
  onClick: q(() => b(e), ["stop"]),
187
- onToggleTreeCollapse: P
190
+ onToggleTreeCollapse: x
188
191
  }, null, 8, ["option", "selected-prop", "is-indeterminate", "disabled", "name-key", "image-key", "icon-key", "icon-type", "end-icon-key", "end-icon-type", "tree-main-option", "tree-main-option-expanded", "onClick"]),
189
- a(p)(e) ? (m(), N("div", te, [
190
- Q(W("div", null, [
191
- (m(!0), N(X, null, Y(a(y)(e), (c, C) => (m(), U(a(z), {
192
+ a(p)(e) ? (m(), N("div", ie, [
193
+ W(X("div", null, [
194
+ (m(!0), N(Y, null, Z(a(y)(e), (c, C) => (m(), U(a(z), {
192
195
  key: `${r}-${C}`,
193
196
  option: c,
194
197
  "selected-prop": E(c),
@@ -204,14 +207,14 @@ const te = {
204
207
  onClick: q(() => b(c), ["stop"])
205
208
  }, null, 8, ["option", "selected-prop", "disabled", "name-key", "image-key", "icon-key", "icon-type", "end-icon-key", "end-icon-type", "tree-child-shown", "onClick"]))), 128))
206
209
  ], 512), [
207
- [Z, d.value[e[o.optionUniqueIdKey]]]
210
+ [_, d.value[e[o.optionUniqueIdKey]]]
208
211
  ])
209
- ])) : _("", !0)
212
+ ])) : ee("", !0)
210
213
  ]),
211
214
  _: 3
212
215
  }, 8, ["is-open", "options", "selected", "display-value", "placeholder", "inline-search-placeholder", "option-name-key", "size", "test-id", "disabled"]));
213
216
  }
214
217
  });
215
218
  export {
216
- me as default
219
+ Ke as default
217
220
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.1.8-rc.0",
3
+ "version": "2.1.8-rc.1",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_98819e5a_lang.css DELETED
@@ -1 +0,0 @@
1
- .default-dropdown-wrapper[data-v-98819e5a]{position:relative}.dropdown-trigger[data-v-98819e5a]{width:100%;padding:.3125rem .4375rem;display:flex;column-gap:.5rem;max-width:100%;box-sizing:border-box;border-radius:var(--border-radius-md);border:1px solid var(--action-outlined-border);background:var(--default-main);cursor:pointer;user-select:none;position:relative}.dropdown-trigger[data-v-98819e5a]:hover{border:1px solid var(--action-active);background:var(--action-hover)}.dropdown-trigger.small[data-v-98819e5a]{padding:.1875rem .4375rem}.dropdown-trigger.large[data-v-98819e5a]{padding:.5625rem .4375rem}.dropdown-trigger.disabled[data-v-98819e5a]{border:1px solid var(--action-outlined-border, #bbb);background:var(--action-disabled-background, #f1f1f1);cursor:not-allowed}.dropdown-trigger.disabled .displayed-value[data-v-98819e5a],.dropdown-trigger.disabled .caret-down[data-v-98819e5a]{color:var(--text-disabled)}.dropdown-trigger.open[data-v-98819e5a]{padding:.25rem .375rem;border:2px solid var(--primary-main)}.dropdown-trigger.open.small[data-v-98819e5a]{padding:.125rem .375rem}.dropdown-trigger.open.large[data-v-98819e5a]{padding:.5rem .375rem}.dropdown-trigger.state-error[data-v-98819e5a],.dropdown-trigger.state-success[data-v-98819e5a],.dropdown-trigger.state-warning[data-v-98819e5a]{padding:4px 6px}.dropdown-trigger.state-error.small[data-v-98819e5a],.dropdown-trigger.state-success.small[data-v-98819e5a],.dropdown-trigger.state-warning.small[data-v-98819e5a]{padding:.1875rem .4375rem}.dropdown-trigger.state-error.large[data-v-98819e5a],.dropdown-trigger.state-success.large[data-v-98819e5a],.dropdown-trigger.state-warning.large[data-v-98819e5a]{padding:.5625rem .4375rem}.dropdown-trigger.state-error[data-v-98819e5a]{border:2px solid var(--error-main)}.dropdown-trigger.state-success[data-v-98819e5a]{border:2px solid var(--success-main)}.dropdown-trigger.state-warning[data-v-98819e5a]{border:2px solid var(--warning-dark)}.dropdown-trigger .caret-down[data-v-98819e5a]{color:var(--action-active)}.content[data-v-98819e5a]{width:calc(100% - 28px);display:flex;gap:.25rem;align-items:center;color:var(--text-primary)}.content .displayed-value[data-v-98819e5a]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.content .image[data-v-98819e5a]{width:20px;height:20px;flex:none}.content .image img[data-v-98819e5a]{border-radius:4px;width:100%;height:100%}.content .start-icon[data-v-98819e5a]{display:flex;color:var(--action-active)}.content .status-dot[data-v-98819e5a]{padding-right:.25rem}.content .status-dot>div[data-v-98819e5a]{position:relative;top:-1px}.dropdown-field-label[data-v-98819e5a]{color:var(--text-primary)}.dropdown-field-help-text[data-v-98819e5a]{margin-top:4px;position:absolute}
package/TreeDropdown.vue_vue_type_style_index_0_scoped_ffd0b476_lang.css DELETED
@@ -1 +0,0 @@
1
- .child-options[data-v-ffd0b476]{padding-left:1rem}