@ironsource/shared-ui 2.2.0-rc.40 → 2.2.0-rc.41

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 (6) hide show
  1. package/OptionV4.vue_vue_type_style_index_0_scoped_771e1980_lang.css +1 -0
  2. package/components/dropdown/v4/OptionV4.vue.js +3 -3
  3. package/components/dropdown/v4/OptionV4.vue2.js +13 -12
  4. package/index.js +1 -1
  5. package/package.json +1 -1
  6. package/OptionV4.vue_vue_type_style_index_0_scoped_752a357d_lang.css +0 -1
package/OptionV4.vue_vue_type_style_index_0_scoped_771e1980_lang.css ADDED
@@ -0,0 +1 @@
1
+ .label[data-v-771e1980]{color:#41454d}.item-container[data-v-771e1980]{width:100%;display:flex;align-items:center;cursor:pointer;border-radius:var(--border-radius-lg);margin-bottom:.25rem;color:var(--text-primary);padding:6px 8px}.item-container--disabled[data-v-771e1980]{cursor:not-allowed;color:var(--text-disabled)}.item-container--disabled .item .start-icon[data-v-771e1980],.item-container--disabled .item .end-icon[data-v-771e1980],.item-container--disabled .item .end-text-icon[data-v-771e1980]{color:var(--text-disabled)}.item-container--disabled .item .image img[data-v-771e1980]{opacity:.5}.item-container[data-v-771e1980]:hover:not(.item-container--disabled){background-color:var(--action-hover)}.item-container--active[data-v-771e1980],.item-container[data-v-771e1980]:active{background-color:var(--action-selected)}.item-container:not(.item-container--multi).item-container--selected[data-v-771e1980]{background-color:var(--action-selected)}.item-container--filtered-out[data-v-771e1980]{color:var(--text-disabled)}.subtitle[data-v-771e1980]{color:#7b838c;line-height:1rem}.clear-button[data-v-771e1980]{display:flex;padding:0 4px;color:#7b838c;align-items:center;height:auto;background-image:none;min-width:auto;border:none;background-color:transparent}.clear-button[data-v-771e1980]:hover{color:#3083ff}.item[data-v-771e1980]{width:100%;display:flex;gap:.5rem;align-items:center}.item--with-icon[data-v-771e1980],.item--multi[data-v-771e1980]{display:flex;flex-direction:row;align-items:center;justify-content:start}.item .image[data-v-771e1980]{width:20px;height:20px;flex:none}.item .image img[data-v-771e1980]{width:20px;height:20px;border-radius:4px}.item .flag[data-v-771e1980]{width:16px;height:16px}.item .flag img[data-v-771e1980]{width:16px;height:16px;border-radius:50%}.item .start-icon[data-v-771e1980],.item .end-icon[data-v-771e1980]{display:flex;color:var(--action-active)}.item .end-text-icon[data-v-771e1980]{display:inline-flex}.item .option-text[data-v-771e1980]{line-height:1.1875rem}.text-container[data-v-771e1980]{width:100%;text-overflow:ellipsis;overflow:hidden}.v4-tooltip.tooltip-option[data-v-771e1980]{display:block}.tooltip-option[data-v-771e1980] .container{width:100%}.app-trigger--icon[data-v-771e1980]{color:var(--action-active);transform:rotate(-90deg);transition:transform .2s}.app-trigger--icon.expanded[data-v-771e1980]{transform:rotate(0)}.option-warning[data-v-771e1980]{display:flex}.option-warning__icon[data-v-771e1980]{color:var(--warning-main)}.option-content[data-v-771e1980]{display:flex}.option-content[data-v-771e1980]:not(.option-content-vertical){gap:.5rem;align-items:center}.option-content-horizontal[data-v-771e1980]{justify-content:space-between;gap:.5rem}.option-content-vertical[data-v-771e1980]{flex-direction:column}.option-text .main-text[data-v-771e1980]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.option-text .main-text .conditional-option-label[data-v-771e1980]{color:var(--text-secondary);display:inline-flex}.option-text .main-text .conditional-option-value[data-v-771e1980]{margin-left:4px;display:inline-flex;color:var(--primary-main)}.option-text .caption-text[data-v-771e1980]{color:var(--text-secondary)}.multiline-tooltip[data-v-771e1980]{display:flex;flex-direction:column}
package/components/dropdown/v4/OptionV4.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./OptionV4.vue2.js";
2
- /* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../OptionV4.vue_vue_type_style_index_0_scoped_752a357d_lang.css"; //*');
4
- const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-752a357d"]]);
2
+ /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../OptionV4.vue_vue_type_style_index_0_scoped_771e1980_lang.css"; //*');
4
+ const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-771e1980"]]);
5
5
  export {
6
6
  s as default
7
7
  };
package/components/dropdown/v4/OptionV4.vue2.js CHANGED
@@ -1,4 +1,4 @@
1
- import "../../../OptionV4.vue_vue_type_style_index_0_scoped_752a357d_lang.css"; import { defineComponent as V, ref as I, watch as F, computed as L, openBlock as i, createBlock as g, unref as n, createSlots as N, withCtx as s, createElementVNode as u, normalizeClass as v, createCommentVNode as o, createElementBlock as l, renderSlot as r, createVNode as a, toDisplayString as m, createTextVNode as T, withModifiers as O, Fragment as j, renderList as R } from "vue";
1
+ import "../../../OptionV4.vue_vue_type_style_index_0_scoped_771e1980_lang.css"; import { defineComponent as V, ref as I, watch as F, computed as L, openBlock as i, createBlock as g, unref as n, createSlots as N, withCtx as s, createElementVNode as u, normalizeClass as v, createCommentVNode as o, createElementBlock as l, renderSlot as r, createVNode as a, toDisplayString as m, createTextVNode as T, withModifiers as O, Fragment as j, renderList as R } from "vue";
2
2
  import "../../typography/Heading.vue.js";
3
3
  import D from "../../typography/Text.vue.js";
4
4
  import q from "../../checkbox/v4/CheckboxV4.vue.js";
@@ -6,7 +6,7 @@ import y from "../../icon/v4/IconV4.vue.js";
6
6
  import G from "../../icon/v4/IconFlag.vue.js";
7
7
  import { NOOP as $ } from "@vue/shared";
8
8
  import { optionCommon as H } from "../common/Option.common.js";
9
- import p from "../../typography/v4/Typography.vue.js";
9
+ import x from "../../typography/v4/Typography.vue.js";
10
10
  import h from "../../tooltip/v4/TooltipV4.vue.js";
11
11
  import { isElementTruncated as J } from "../../../utils/text.js";
12
12
  import { promiseTimeout as Q } from "@vueuse/core";
@@ -71,11 +71,11 @@ const U = { class: "multiline-tooltip" }, W = {
71
71
  setup(e, { emit: M }) {
72
72
  const d = e, { selected: b, id: B, onClick: S, api: K } = H(d), z = (t) => {
73
73
  d.stopOptionClickEventPropagation && t.stopPropagation(), d.disabled ? $() : S(t);
74
- }, x = I(null), w = I(!1), A = (t) => {
74
+ }, p = I(null), w = I(!1), A = (t) => {
75
75
  d.disabled && (t.stopPropagation(), $());
76
76
  };
77
- F([() => d.treeChildShown, x], async () => {
78
- await Q(100), w.value = x.value && J(x.value);
77
+ F([() => d.treeChildShown, p], async () => {
78
+ await Q(100), w.value = p.value && J(p.value);
79
79
  });
80
80
  const P = (t) => t && typeof t == "object" && "optionTooltipText" in t ? (Array.isArray(t.optionTooltipText), t.optionTooltipText) : w.value ? t[d.nameKey] : "", k = L(() => {
81
81
  const t = d.disabled && d.minMaxSelectionTooltipMessage || "", c = P(d.option);
@@ -97,7 +97,8 @@ const U = { class: "multiline-tooltip" }, W = {
97
97
  "item-container--disabled": e.disabled,
98
98
  "item-container--active": e.nameKey ? !1 : e.active,
99
99
  "item-container--selected": n(b),
100
- "item-container--multi": e.isMulti
100
+ "item-container--multi": e.isMulti,
101
+ "item-container--filtered-out": e.option?.filteredOut
101
102
  }]),
102
103
  onClick: A
103
104
  }, [
@@ -145,10 +146,10 @@ const U = { class: "multiline-tooltip" }, W = {
145
146
  ])) : o("", !0),
146
147
  u("div", {
147
148
  ref_key: "textContainerRef",
148
- ref: x,
149
+ ref: p,
149
150
  class: "text-container"
150
151
  }, [
151
- a(n(p), {
152
+ a(n(x), {
152
153
  class: "option-text",
153
154
  variant: "body2"
154
155
  }, {
@@ -166,7 +167,7 @@ const U = { class: "multiline-tooltip" }, W = {
166
167
  }, {
167
168
  default: s(() => [
168
169
  e.option?.conditionalOptions ? (i(), l("div", ee, [
169
- a(n(p), {
170
+ a(n(x), {
170
171
  variant: "body2",
171
172
  class: "conditional-option-label"
172
173
  }, {
@@ -175,7 +176,7 @@ const U = { class: "multiline-tooltip" }, W = {
175
176
  ]),
176
177
  _: 1
177
178
  }),
178
- a(n(p), {
179
+ a(n(x), {
179
180
  variant: "h5",
180
181
  class: "conditional-option-value"
181
182
  }, {
@@ -196,7 +197,7 @@ const U = { class: "multiline-tooltip" }, W = {
196
197
  }, null, 8, ["name"])
197
198
  ])) : o("", !0),
198
199
  e.optionTwoLinesKey ? (i(), l("div", ne, [
199
- a(n(p), { variant: "caption" }, {
200
+ a(n(x), { variant: "caption" }, {
200
201
  default: s(() => [
201
202
  T(m(e.option[e.optionTwoLinesKey]), 1)
202
203
  ]),
@@ -279,7 +280,7 @@ const U = { class: "multiline-tooltip" }, W = {
279
280
  name: "tooltip",
280
281
  fn: s(() => [
281
282
  u("div", U, [
282
- (i(!0), l(j, null, R(n(k), (f) => (i(), g(n(p), {
283
+ (i(!0), l(j, null, R(n(k), (f) => (i(), g(n(x), {
283
284
  key: f,
284
285
  variant: "body2"
285
286
  }, {
package/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import './IncludeExclude.vue_vue_type_style_index_0_scoped_cc2adbf5_lang.css';
1
+ import './IncludeExcludeChipFilter.vue_vue_type_style_index_0_scoped_198d2d73_lang.css';
2
2
  import { AppTriggerTypes as eo } from "./components/appTrigger/index.js";
3
3
  import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
4
4
  import { MenuItemTypes as ao } from "./components/menuItem/index.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.2.0-rc.40",
3
+ "version": "2.2.0-rc.41",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
package/OptionV4.vue_vue_type_style_index_0_scoped_752a357d_lang.css DELETED
@@ -1 +0,0 @@
1
- .label[data-v-752a357d]{color:#41454d}.item-container[data-v-752a357d]{width:100%;display:flex;align-items:center;cursor:pointer;border-radius:var(--border-radius-lg);margin-bottom:.25rem;color:var(--text-primary);padding:6px 8px}.item-container--disabled[data-v-752a357d]{cursor:not-allowed;color:var(--text-disabled)}.item-container--disabled .item .start-icon[data-v-752a357d],.item-container--disabled .item .end-icon[data-v-752a357d],.item-container--disabled .item .end-text-icon[data-v-752a357d]{color:var(--text-disabled)}.item-container--disabled .item .image img[data-v-752a357d]{opacity:.5}.item-container[data-v-752a357d]:hover:not(.item-container--disabled){background-color:var(--action-hover)}.item-container--active[data-v-752a357d],.item-container[data-v-752a357d]:active{background-color:var(--action-selected)}.item-container:not(.item-container--multi).item-container--selected[data-v-752a357d]{background-color:var(--action-selected)}.subtitle[data-v-752a357d]{color:#7b838c;line-height:1rem}.clear-button[data-v-752a357d]{display:flex;padding:0 4px;color:#7b838c;align-items:center;height:auto;background-image:none;min-width:auto;border:none;background-color:transparent}.clear-button[data-v-752a357d]:hover{color:#3083ff}.item[data-v-752a357d]{width:100%;display:flex;gap:.5rem;align-items:center}.item--with-icon[data-v-752a357d],.item--multi[data-v-752a357d]{display:flex;flex-direction:row;align-items:center;justify-content:start}.item .image[data-v-752a357d]{width:20px;height:20px;flex:none}.item .image img[data-v-752a357d]{width:20px;height:20px;border-radius:4px}.item .flag[data-v-752a357d]{width:16px;height:16px}.item .flag img[data-v-752a357d]{width:16px;height:16px;border-radius:50%}.item .start-icon[data-v-752a357d],.item .end-icon[data-v-752a357d]{display:flex;color:var(--action-active)}.item .end-text-icon[data-v-752a357d]{display:inline-flex}.item .option-text[data-v-752a357d]{line-height:1.1875rem}.text-container[data-v-752a357d]{width:100%;text-overflow:ellipsis;overflow:hidden}.v4-tooltip.tooltip-option[data-v-752a357d]{display:block}.tooltip-option[data-v-752a357d] .container{width:100%}.app-trigger--icon[data-v-752a357d]{color:var(--action-active);transform:rotate(-90deg);transition:transform .2s}.app-trigger--icon.expanded[data-v-752a357d]{transform:rotate(0)}.option-warning[data-v-752a357d]{display:flex}.option-warning__icon[data-v-752a357d]{color:var(--warning-main)}.option-content[data-v-752a357d]{display:flex}.option-content[data-v-752a357d]:not(.option-content-vertical){gap:.5rem;align-items:center}.option-content-horizontal[data-v-752a357d]{justify-content:space-between;gap:.5rem}.option-content-vertical[data-v-752a357d]{flex-direction:column}.option-text .main-text[data-v-752a357d]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.option-text .main-text .conditional-option-label[data-v-752a357d]{color:var(--text-secondary);display:inline-flex}.option-text .main-text .conditional-option-value[data-v-752a357d]{margin-left:4px;display:inline-flex;color:var(--primary-main)}.option-text .caption-text[data-v-752a357d]{color:var(--text-secondary)}.multiline-tooltip[data-v-752a357d]{display:flex;flex-direction:column}