@ironsource/shared-ui 2.1.11-rc.23 → 2.1.11-rc.25

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.
@@ -0,0 +1 @@
1
+ .custom-list-area[data-v-3d7ef976]{color:var(--text-secondary);width:100%;text-align:center;box-sizing:border-box;padding:53px 43px}.inline-search[data-v-3d7ef976]{width:100%}.contain-accept[data-v-3d7ef976]{padding:6px 8px;margin-bottom:4px;cursor:pointer}.contain-accept[data-v-3d7ef976]:hover{background-color:var(--action-hover);border-radius:.5rem}.contain-accept--query[data-v-3d7ef976]{margin-left:4px;display:inline-flex;color:var(--primary-main)}
@@ -14,6 +14,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
14
14
  optionNameKey: string;
15
15
  minCharsToStart?: number;
16
16
  isOpen?: boolean;
17
+ searchQuery?: string;
17
18
  }>, {
18
19
  label: string;
19
20
  testId: string;
@@ -21,6 +22,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
21
22
  optionNameKey: string;
22
23
  minCharsToStart: number;
23
24
  isOpen: boolean;
25
+ searchQuery: string;
24
26
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
25
27
  "update:selectedCondition": (value: SelectedCondition) => void;
26
28
  "update:appliedSelections": (value: unknown) => void;
@@ -36,6 +38,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
36
38
  optionNameKey: string;
37
39
  minCharsToStart?: number;
38
40
  isOpen?: boolean;
41
+ searchQuery?: string;
39
42
  }>, {
40
43
  label: string;
41
44
  testId: string;
@@ -43,6 +46,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
43
46
  optionNameKey: string;
44
47
  minCharsToStart: number;
45
48
  isOpen: boolean;
49
+ searchQuery: string;
46
50
  }>>> & {
47
51
  onClear?: () => any;
48
52
  "onUpdate:selectedCondition"?: (value: SelectedCondition) => any;
@@ -54,6 +58,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
54
58
  optionNameKey: string;
55
59
  comparingKey: string;
56
60
  minCharsToStart: number;
61
+ searchQuery: string;
57
62
  }>;
58
63
  export default _default;
59
64
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -1,7 +1,7 @@
1
1
  import o from "./ConditionalDropdown.vue2.js";
2
2
  /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../ConditionalDropdown.vue_vue_type_style_index_0_scoped_93545ce0_lang.css"; //*');
4
- const n = /* @__PURE__ */ e(o, [["__scopeId", "data-v-93545ce0"]]);
3
+ // import "../../../ConditionalDropdown.vue_vue_type_style_index_0_scoped_3d7ef976_lang.css"; //*');
4
+ const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-3d7ef976"]]);
5
5
  export {
6
- n as default
6
+ p as default
7
7
  };
@@ -1,4 +1,4 @@
1
- import "../../../ConditionalDropdown.vue_vue_type_style_index_0_scoped_93545ce0_lang.css"; import { defineComponent as B, computed as f, ref as s, watch as b, openBlock as k, createBlock as E, unref as u, withCtx as m, createVNode as h, mergeProps as A, createElementVNode as F, isRef as U, createElementBlock as $, createTextVNode as z, toDisplayString as M, createCommentVNode as P } from "vue";
1
+ import "../../../ConditionalDropdown.vue_vue_type_style_index_0_scoped_3d7ef976_lang.css"; import { defineComponent as Q, computed as f, ref as u, watch as C, onMounted as B, openBlock as k, createBlock as E, unref as s, withCtx as m, createVNode as h, mergeProps as A, createElementVNode as F, isRef as M, createElementBlock as U, createTextVNode as $, toDisplayString as z, createCommentVNode as P } from "vue";
2
2
  import w from "./DropdownV4.vue.js";
3
3
  import "./DefaultDropdownTrigger.vue.js";
4
4
  import "./IconButtonDropdownTrigger.vue.js";
@@ -10,12 +10,12 @@ import "./TreeDropdown.vue.js";
10
10
  import "./OptionV4.vue.js";
11
11
  import "./ConditionalDropdown.vue.js";
12
12
  import L from "../../search/v4/SearchV4.vue.js";
13
- import Q from "../../typography/v4/Typography.vue.js";
14
- import { useDebounceFn as R } from "@vueuse/core";
15
- const j = { class: "conditional-container" }, q = {
13
+ import R from "../../typography/v4/Typography.vue.js";
14
+ import { useDebounceFn as j } from "@vueuse/core";
15
+ const q = { class: "conditional-container" }, G = {
16
16
  key: 0,
17
17
  class: "custom-list-area"
18
- }, se = /* @__PURE__ */ B({
18
+ }, se = /* @__PURE__ */ Q({
19
19
  __name: "ConditionalDropdown",
20
20
  props: {
21
21
  selectedCondition: null,
@@ -27,58 +27,59 @@ const j = { class: "conditional-container" }, q = {
27
27
  fetchFnCallback: null,
28
28
  optionNameKey: { default: "name" },
29
29
  minCharsToStart: { default: 3 },
30
- isOpen: { type: Boolean, default: !1 }
30
+ isOpen: { type: Boolean, default: !1 },
31
+ searchQuery: { default: "" }
31
32
  },
32
33
  emits: ["update:selectedCondition", "update:appliedSelections", "clear"],
33
34
  setup(c, { emit: y }) {
34
- const t = c, g = f({
35
- get: () => t.appliedSelections,
35
+ const e = c, g = f({
36
+ get: () => e.appliedSelections,
36
37
  set: (o) => {
37
38
  y("update:appliedSelections", o);
38
39
  }
39
40
  }), a = f({
40
- get: () => t.selectedCondition || t.conditionalOptions[0],
41
+ get: () => e.selectedCondition || e.conditionalOptions[0],
41
42
  set: (o) => {
42
43
  y("update:selectedCondition", o);
43
44
  }
44
- }), d = s(!0), e = s([]), p = s([]), C = s(!0), r = s(!1), l = s(""), N = s(""), v = s(t.label), D = f(() => (!l.value || l.value?.length < t.minCharsToStart) && !e.value.length ? `Enter at least ${t.minCharsToStart} keywords to begin` : "No results found"), T = f(() => {
45
+ }), d = u(!0), l = u([]), p = u([]), S = u(!0), r = u(!1), t = u(e.searchQuery), N = u(""), v = u(e.label), D = f(() => (!t.value || t.value?.length < e.minCharsToStart) && !l.value.length ? `Enter at least ${e.minCharsToStart} keywords to begin` : "No results found"), T = f(() => {
45
46
  const o = d.value ? 2.5 : 4;
46
- return e.value.length ? null : o;
47
- }), K = R(async (o) => {
47
+ return l.value.length ? null : o;
48
+ }), K = j(async (o) => {
48
49
  try {
49
50
  r.value = !0;
50
- const i = await t.fetchFnCallback(o);
51
- r.value = !1, e.value = i, O();
51
+ const i = await e.fetchFnCallback(o);
52
+ r.value = !1, l.value = i, O();
52
53
  } catch (i) {
53
54
  console.error("Error fetching data:", i);
54
55
  }
55
- }, 400), S = (o) => {
56
- o.length >= t.minCharsToStart ? K(o) : e.value = [];
56
+ }, 400), b = (o) => {
57
+ o.length >= e.minCharsToStart ? K(o) : l.value = [];
57
58
  }, O = () => {
58
- l.value && e.value.length && !r.value && !a.value.multi ? e.value[0].conditionalOptions ? e.value[0] = {
59
- name: l.value,
59
+ t.value && l.value.length && !r.value && !a.value.multi ? l.value[0].conditionalOptions ? l.value[0] = {
60
+ name: t.value,
60
61
  conditionalOptions: !0,
61
62
  conditionalName: a.value.label,
62
- [t.comparingKey]: l.value
63
- } : e.value = [
63
+ [e.comparingKey]: t.value
64
+ } : l.value = [
64
65
  {
65
- name: l.value,
66
+ name: t.value,
66
67
  conditionalOptions: !0,
67
68
  conditionalName: a.value.label,
68
- [t.comparingKey]: l.value
69
+ [e.comparingKey]: t.value
69
70
  },
70
- ...e.value
71
- ] : e.value.length && e.value[0].conditionalOptions && e.value.shift();
71
+ ...l.value
72
+ ] : l.value.length && l.value[0].conditionalOptions && l.value.shift();
72
73
  };
73
- b(l, () => {
74
- S(l.value);
75
- }), b(a, () => {
74
+ C(t, () => {
75
+ b(t.value);
76
+ }), C(a, () => {
76
77
  O();
77
78
  });
78
79
  const V = () => {
79
- N.value = l.value, v.value = `${t.label} ${a.value.label.toLowerCase()}`, g.value = d.value ? [...p.value] : { ...p.value }, C.value = d.value;
80
+ N.value = t.value, v.value = `${e.label} ${a.value.label.toLowerCase()}`, g.value = d.value ? [...p.value] : { ...p.value }, S.value = d.value;
80
81
  };
81
- b(a, () => {
82
+ C(a, () => {
82
83
  a.value.multi ? (r.value = !0, p.value = [], setTimeout(() => {
83
84
  r.value = !1, d.value = !0;
84
85
  }, 100)) : setTimeout(() => {
@@ -86,41 +87,43 @@ const j = { class: "conditional-container" }, q = {
86
87
  }, 100);
87
88
  });
88
89
  const x = () => {
89
- p.value = [], g.value = [], a.value = null, v.value = t.label, l.value = "", y("clear");
90
+ p.value = [], g.value = [], a.value = null, v.value = e.label, t.value = "", y("clear");
90
91
  };
91
- return (o, i) => (k(), E(u(w), {
92
+ return B(() => {
93
+ e.searchQuery && b(e.searchQuery);
94
+ }), (o, i) => (k(), E(s(w), {
92
95
  selected: p.value,
93
96
  "onUpdate:selected": i[2] || (i[2] = (n) => p.value = n),
94
97
  "predefined-trigger": "chip",
95
98
  "display-value": (n) => n?.[c.optionNameKey],
96
99
  multi: d.value,
97
- options: e.value,
100
+ options: l.value,
98
101
  placeholder: v.value,
99
102
  "search-placeholder": "Search",
100
103
  "option-name-key": c.optionNameKey,
101
104
  "with-conditions": "",
102
105
  "inline-search": "",
103
- "custom-number-of-displayed-options": u(T),
106
+ "custom-number-of-displayed-options": s(T),
104
107
  "options-list-width": "330px",
105
108
  loading: r.value,
106
109
  "comparing-key": c.comparingKey,
107
110
  "is-open": c.isOpen,
108
- onOnsearch: S,
111
+ onOnsearch: b,
109
112
  onApply: V
110
113
  }, {
111
114
  "dropdown-trigger": m(({ defaultTriggerProps: n }) => [
112
- h(u(I), A(n, {
115
+ h(s(I), A(n, {
113
116
  label: v.value,
114
- "selected-option": u(g),
115
- multi: C.value,
117
+ "selected-option": s(g),
118
+ multi: S.value,
116
119
  onClear: x
117
120
  }), null, 16, ["label", "selected-option", "multi"])
118
121
  ]),
119
122
  "dropdown-conditions": m(() => [
120
- F("div", j, [
121
- h(u(w), {
122
- selected: u(a),
123
- "onUpdate:selected": i[0] || (i[0] = (n) => U(a) ? a.value = n : null),
123
+ F("div", q, [
124
+ h(s(w), {
125
+ selected: s(a),
126
+ "onUpdate:selected": i[0] || (i[0] = (n) => M(a) ? a.value = n : null),
124
127
  options: c.conditionalOptions,
125
128
  "option-name-key": "label",
126
129
  "display-value": (n) => n?.label,
@@ -130,9 +133,9 @@ const j = { class: "conditional-container" }, q = {
130
133
  ])
131
134
  ]),
132
135
  "inline-search": m(() => [
133
- h(u(L), {
134
- modelValue: l.value,
135
- "onUpdate:modelValue": i[1] || (i[1] = (n) => l.value = n),
136
+ h(s(L), {
137
+ modelValue: t.value,
138
+ "onUpdate:modelValue": i[1] || (i[1] = (n) => t.value = n),
136
139
  class: "inline-search",
137
140
  placeholder: "Search",
138
141
  variant: "transparent",
@@ -141,10 +144,10 @@ const j = { class: "conditional-container" }, q = {
141
144
  }, null, 8, ["modelValue"])
142
145
  ]),
143
146
  "custom-list-area": m(() => [
144
- !e.value.length && !r.value ? (k(), $("div", q, [
145
- h(Q, { variant: "body1" }, {
147
+ !l.value.length && !r.value ? (k(), U("div", G, [
148
+ h(R, { variant: "body1" }, {
146
149
  default: m(() => [
147
- z(M(u(D)), 1)
150
+ $(z(s(D)), 1)
148
151
  ]),
149
152
  _: 1
150
153
  })
@@ -3544,6 +3544,10 @@ declare const DropdownTypes: () => (({
3544
3544
  type: import("vue").PropType<number>;
3545
3545
  default: number;
3546
3546
  };
3547
+ searchQuery: {
3548
+ type: import("vue").PropType<string>;
3549
+ default: string;
3550
+ };
3547
3551
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
3548
3552
  "update:selectedCondition": (value: {
3549
3553
  label: string;
@@ -3604,6 +3608,10 @@ declare const DropdownTypes: () => (({
3604
3608
  type: import("vue").PropType<number>;
3605
3609
  default: number;
3606
3610
  };
3611
+ searchQuery: {
3612
+ type: import("vue").PropType<string>;
3613
+ default: string;
3614
+ };
3607
3615
  }>> & {
3608
3616
  onClear?: () => any;
3609
3617
  "onUpdate:selectedCondition"?: (value: {
@@ -3619,5 +3627,6 @@ declare const DropdownTypes: () => (({
3619
3627
  optionNameKey: string;
3620
3628
  comparingKey: string;
3621
3629
  minCharsToStart: number;
3630
+ searchQuery: string;
3622
3631
  }>)[];
3623
3632
  export { Dropdown, DefaultDropdownTrigger, IconButtonDropdownTrigger, ChipDropdownTrigger, ButtonDropdownTrigger, ButtonFilterDropdownTrigger, AppDropdownTrigger, DropdownTypes, Option, TreeDropdown, ConditionalDropdown, };
@@ -1,121 +1,121 @@
1
- import { useSlots as G, ref as c, provide as N, computed as s, onMounted as V, nextTick as j } from "vue";
1
+ import { useSlots as G, ref as a, provide as N, computed as l, onMounted as V, nextTick as j } from "vue";
2
2
  import { useVirtualList as q, useInfiniteScroll as F } from "@vueuse/core";
3
3
  import { TableContext as J } from "./TableContext.js";
4
- const Q = 46, U = 46, tt = (e, u) => {
5
- const S = G(), a = c([]);
4
+ const Q = 46, U = 46, tt = (e, d) => {
5
+ const y = G(), u = a([]);
6
6
  N(J, {
7
- onClose({ rowIndex: t, cellIndex: o, value: l } = {}) {
8
- a.value = [...a.value, t], u("saveRow", {
7
+ onClose({ rowIndex: t, cellIndex: o, value: s } = {}) {
8
+ u.value = [...u.value, t], d("saveRow", {
9
9
  rowIndex: t,
10
10
  cellIndex: o,
11
- value: l,
11
+ value: s,
12
12
  confirm: () => {
13
- a.value = a.value.filter((n) => n !== t);
13
+ u.value = u.value.filter((n) => n !== t);
14
14
  }
15
15
  });
16
16
  },
17
17
  setActiveMenuRow(t) {
18
- x.value = t;
18
+ R.value = t;
19
19
  }
20
20
  });
21
- const y = s(() => !!e.selection), C = s(() => {
22
- const t = (y.value ? `${U}px ` : "") + (g.value ? `${Q}px ` : "");
23
- return e.columns.reduce((o, l) => {
24
- const n = l.width ? `${l.width}px` : `${l.colSpan || 1}fr`;
25
- return `${o} ${n}`;
21
+ const x = l(() => !!e.selection), b = l(() => {
22
+ const t = (x.value ? `${U}px ` : "") + (g.value ? `${Q}px ` : "");
23
+ return e.columns.reduce((o, { width: s, colSpan: n }) => {
24
+ const i = typeof s == "number" ? `${s}px` : s, m = i || `${n || 1}fr`;
25
+ return `${o} ${m}`;
26
26
  }, t);
27
- }), g = s(() => !!S.expanded), A = c(null), x = c(null), R = s(() => Array(e.loadingRowCount).fill(
27
+ }), g = l(() => !!y.expanded), A = a(null), R = a(null), T = l(() => Array(e.loadingRowCount).fill(
28
28
  Array(e.columns.length).fill("")
29
- )), H = s(() => e.rows.length && Array.isArray(e.rows[0]) ? e.isLoading ? [...e.rows, ...R.value] : e.rows : e.isLoading ? [
29
+ )), H = l(() => e.rows.length && Array.isArray(e.rows[0]) ? e.isLoading ? [...e.rows, ...T.value] : e.rows : e.isLoading ? [
30
30
  ...e.rows.map((o) => o[e.rowDataKey]),
31
- ...R.value
32
- ] : e.rows.map((o) => o[e.rowDataKey])), { list: T, containerProps: i, wrapperProps: $, scrollTo: b } = q(
31
+ ...T.value
32
+ ] : e.rows.map((o) => o[e.rowDataKey])), { list: C, containerProps: r, wrapperProps: $, scrollTo: k } = q(
33
33
  H,
34
34
  {
35
35
  itemHeight: g.value ? (t) => w[t] ?? e.rowHeight : e.rowHeight
36
36
  }
37
- ), k = c(null), h = c(0), B = s(() => !!S.search), I = (t) => {
38
- i.onScroll(), h.value = t.target.scrollLeft + t.target.getBoundingClientRect().width, u("onScroll", t.target.scrollTop);
37
+ ), B = a(null), h = a(0), I = l(() => !!y.search), O = (t) => {
38
+ r.onScroll(), h.value = t.target.scrollLeft + t.target.getBoundingClientRect().width, d("onScroll", t.target.scrollTop);
39
39
  };
40
40
  V(() => {
41
- h.value = i.ref.value?.getBoundingClientRect().width, e.defaultScrollPosition && setTimeout(() => {
42
- i.ref.value?.scrollTo({
41
+ h.value = r.ref.value?.getBoundingClientRect().width, e.defaultScrollPosition && setTimeout(() => {
42
+ r.ref.value?.scrollTo({
43
43
  top: e.defaultScrollPosition,
44
44
  behavior: "smooth"
45
45
  });
46
46
  }, 300);
47
47
  });
48
- const O = s(() => {
49
- const [t] = T.value;
48
+ const P = l(() => {
49
+ const [t] = C.value;
50
50
  return t && t.index > 0;
51
- }), P = s(() => i.style), L = s(() => e.columns.reduce((t, o) => (o.isSticky && (t[o.id] = M(o)), t), {}));
51
+ }), L = l(() => r.style), E = l(() => e.columns.reduce((t, o) => (o.isSticky && (t[o.id] = _(o)), t), {}));
52
52
  F(
53
- i.ref,
53
+ r.ref,
54
54
  () => {
55
- e.isInfiniteScroll && u("loadMore");
55
+ e.isInfiniteScroll && d("loadMore");
56
56
  },
57
57
  { distance: e.infiniteScrollThreshold }
58
58
  );
59
- function E() {
60
- i.ref.value?.scrollTo({
59
+ function D() {
60
+ r.ref.value?.scrollTo({
61
61
  top: 0,
62
62
  behavior: "smooth"
63
63
  });
64
64
  }
65
- function D(t) {
65
+ function M(t) {
66
66
  if (!e.sort)
67
67
  return;
68
68
  const o = e.sort.sortBy === t.id;
69
69
  if (!(t.isSortable || t.isSortable === void 0))
70
70
  return;
71
- let n = e.sort.sortOrder, f = e.sort.sortBy;
72
- o ? n = e.sort.sortOrder === "asc" ? "desc" : "asc" : f = t.id, u("update:sort", { sortBy: f, sortOrder: n });
71
+ let n = e.sort.sortOrder, i = e.sort.sortBy;
72
+ o ? n = e.sort.sortOrder === "asc" ? "desc" : "asc" : i = t.id, d("update:sort", { sortBy: i, sortOrder: n });
73
73
  }
74
- function M(t) {
75
- const { isSticky: o, width: l } = t;
76
- if (!o || !l)
74
+ function _(t) {
75
+ const { isSticky: o, width: s } = t;
76
+ if (!o || !s)
77
77
  return null;
78
- const n = e.columns.findIndex((r) => r.id === t.id), f = e.columns.reduce((r, v, m) => m < n ? r + v.width : r, 0), z = e.columns.reduce((r, v, m) => m > n ? r + v.width : r, 0);
78
+ const n = e.columns.findIndex((c) => c.id === t.id), i = e.columns.reduce((c, v, S) => S < n ? c + v.width : c, 0), m = e.columns.reduce((c, v, S) => S > n ? c + v.width : c, 0);
79
79
  return {
80
- ...t.isStickyRight ? { right: `${z}px` } : { left: `${f}px` },
80
+ ...t.isStickyRight ? { right: `${m}px` } : { left: `${i}px` },
81
81
  zIndex: 1
82
82
  };
83
83
  }
84
- const d = c([]), w = {}, _ = (t) => d.value.includes(t), K = async (t, o) => {
85
- const l = d.value.indexOf(t);
86
- if (l === -1) {
87
- d.value.push(t);
84
+ const f = a([]), w = {}, K = (t) => f.value.includes(t), W = async (t, o) => {
85
+ const s = f.value.indexOf(t);
86
+ if (s === -1) {
87
+ f.value.push(t);
88
88
  const n = o.target.closest("tr");
89
89
  await j(), n && (w[t] = n.offsetHeight);
90
90
  } else
91
- d.value.splice(l, 1), delete w[t];
92
- }, W = s(() => `${e.rowHeight}px`), X = s(
91
+ f.value.splice(s, 1), delete w[t];
92
+ }, X = l(() => `${e.rowHeight}px`), z = l(
93
93
  () => `1 / span ${e.columns.length + 1}`
94
94
  );
95
95
  return {
96
- list: T,
97
- containerProps: i,
96
+ list: C,
97
+ containerProps: r,
98
98
  wrapperProps: $,
99
99
  activeRow: A,
100
- gridColumnTemplate: C,
101
- floatingActionRef: k,
102
- scrollToTop: E,
103
- toggleSortOrder: D,
104
- columnsStickyPositions: L,
105
- hasSearchSlot: B,
106
- showBackToTopButton: O,
107
- containerStyle: P,
108
- onScroll: I,
109
- scrollTo: b,
110
- savingRows: a,
100
+ gridColumnTemplate: b,
101
+ floatingActionRef: B,
102
+ scrollToTop: D,
103
+ toggleSortOrder: M,
104
+ columnsStickyPositions: E,
105
+ hasSearchSlot: I,
106
+ showBackToTopButton: P,
107
+ containerStyle: L,
108
+ onScroll: O,
109
+ scrollTo: k,
110
+ savingRows: u,
111
111
  floatingActionPosition: h,
112
112
  hasExpandSlot: g,
113
- hasCheckboxes: y,
114
- toggleExpandRow: K,
115
- isRowExpanded: _,
116
- cssRowHeight: W,
117
- cssExpandGridCol: X,
118
- activeMenuRow: x
113
+ hasCheckboxes: x,
114
+ toggleExpandRow: W,
115
+ isRowExpanded: K,
116
+ cssRowHeight: X,
117
+ cssExpandGridCol: z,
118
+ activeMenuRow: R
119
119
  };
120
120
  };
121
121
  export {
@@ -7,7 +7,7 @@ export type Column = {
7
7
  isBordered?: boolean;
8
8
  isSortable?: boolean;
9
9
  colSpan?: number;
10
- width?: number;
10
+ width?: number | string;
11
11
  isTextRight?: boolean;
12
12
  isStickyRight?: boolean;
13
13
  helpText?: string;
package/index.d.ts CHANGED
@@ -22242,6 +22242,10 @@ declare const _default: {
22242
22242
  type: import("vue").PropType<number>;
22243
22243
  default: number;
22244
22244
  };
22245
+ searchQuery: {
22246
+ type: import("vue").PropType<string>;
22247
+ default: string;
22248
+ };
22245
22249
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
22246
22250
  "update:selectedCondition": (value: {
22247
22251
  label: string;
@@ -22302,6 +22306,10 @@ declare const _default: {
22302
22306
  type: import("vue").PropType<number>;
22303
22307
  default: number;
22304
22308
  };
22309
+ searchQuery: {
22310
+ type: import("vue").PropType<string>;
22311
+ default: string;
22312
+ };
22305
22313
  }>> & {
22306
22314
  onClear?: () => any;
22307
22315
  "onUpdate:selectedCondition"?: (value: {
@@ -22317,6 +22325,7 @@ declare const _default: {
22317
22325
  optionNameKey: string;
22318
22326
  comparingKey: string;
22319
22327
  minCharsToStart: number;
22328
+ searchQuery: string;
22320
22329
  }>)[];
22321
22330
  Option: {
22322
22331
  new (...args: any[]): {
@@ -23319,6 +23328,10 @@ declare const _default: {
23319
23328
  type: import("vue").PropType<number>;
23320
23329
  default: number;
23321
23330
  };
23331
+ searchQuery: {
23332
+ type: import("vue").PropType<string>;
23333
+ default: string;
23334
+ };
23322
23335
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
23323
23336
  "update:selectedCondition": (value: {
23324
23337
  label: string;
@@ -23379,6 +23392,10 @@ declare const _default: {
23379
23392
  type: import("vue").PropType<number>;
23380
23393
  default: number;
23381
23394
  };
23395
+ searchQuery: {
23396
+ type: import("vue").PropType<string>;
23397
+ default: string;
23398
+ };
23382
23399
  }>> & {
23383
23400
  onClear?: () => any;
23384
23401
  "onUpdate:selectedCondition"?: (value: {
@@ -23394,6 +23411,7 @@ declare const _default: {
23394
23411
  optionNameKey: string;
23395
23412
  comparingKey: string;
23396
23413
  minCharsToStart: number;
23414
+ searchQuery: string;
23397
23415
  }>;
23398
23416
  Label: {
23399
23417
  new (...args: any[]): {
package/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import './MenuItem.vue_vue_type_style_index_0_scoped_67e53b85_lang.css';
1
+ import './AppTrigger.vue_vue_type_style_index_0_scoped_121aac8b_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.23",
3
+ "version": "2.1.11-rc.25",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
@@ -1 +0,0 @@
1
- .custom-list-area[data-v-93545ce0]{color:var(--text-secondary);width:100%;text-align:center;box-sizing:border-box;padding:53px 43px}.inline-search[data-v-93545ce0]{width:100%}.contain-accept[data-v-93545ce0]{padding:6px 8px;margin-bottom:4px;cursor:pointer}.contain-accept[data-v-93545ce0]:hover{background-color:var(--action-hover);border-radius:.5rem}.contain-accept--query[data-v-93545ce0]{margin-left:4px;display:inline-flex;color:var(--primary-main)}