@webitel/ui-sdk 26.6.80 → 26.6.82

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 (23) hide show
  1. package/dist/{components-B78RTsRa.js → components-rPVG1iQS.js} +53 -51
  2. package/dist/{composables-BtjgpN_Q.js → composables-DEdhzUqN.js} +79 -76
  3. package/dist/ui-sdk.css +1 -1
  4. package/dist/ui-sdk.js +1 -1
  5. package/dist/ui-sdk.umd.cjs +1 -1
  6. package/dist/{wt-chat-emoji-D3pE1OO5.js → wt-chat-emoji-DnG7Ikl3.js} +1 -1
  7. package/dist/{wt-display-chip-items--NfaCbMo.js → wt-display-chip-items-DUicVxt2.js} +1 -1
  8. package/dist/{wt-expansion-card-IE8wNONx.js → wt-expansion-card-BANe4zX2.js} +1 -1
  9. package/dist/{wt-galleria-UzlXk6Xn.js → wt-galleria-YxNez7SX.js} +1 -1
  10. package/dist/{wt-send-message-popup-XyCF_GJE.js → wt-send-message-popup-C2r4l9Ln.js} +1 -1
  11. package/dist/{wt-table-BMyEF8Xb.js → wt-table-CPGSqs5Z.js} +1 -1
  12. package/dist/{wt-type-extension-value-input-fPbwjEnF.js → wt-type-extension-value-input-B9CGBDQg.js} +1 -1
  13. package/dist/{wt-vidstack-player-BstGrhQ4.js → wt-vidstack-player-DYCrCT9T.js} +1 -1
  14. package/package.json +1 -1
  15. package/src/components/_internals/composables/useSelect/useSelect.ts +4 -0
  16. package/src/components/_internals/composables/useSelect/useSelectOptions.ts +17 -0
  17. package/src/components/wt-card/wt-card.vue +1 -0
  18. package/src/components/wt-multi-select/wt-multi-select.vue +5 -3
  19. package/src/components/wt-single-select/wt-single-select.vue +5 -3
  20. package/types/components/_internals/composables/useSelect/useSelect.d.ts +3 -1
  21. package/types/components/_internals/composables/useSelect/useSelectOptions.d.ts +3 -1
  22. package/types/components/wt-multi-select/wt-multi-select.vue.d.ts +2 -2
  23. package/types/components/wt-single-select/wt-single-select.vue.d.ts +2 -2
@@ -113,140 +113,143 @@ var l = () => {
113
113
  t.value = !1;
114
114
  }, 500);
115
115
  }), { showFooterLoader: t };
116
- }, y = ({ selected: n, options: r, optionLabel: i, optionValue: a, dataKey: l, allowCustomValues: u, searchMethod: d }) => {
117
- let { t: g } = e(), _ = s(""), v = s(r.value), y = s(!1), b = s(!0), x = o({
116
+ }, y = ({ selected: n, options: r, optionLabel: i, optionValue: a, dataKey: l, allowCustomValues: u, searchMethod: d, disabledOptions: g }) => {
117
+ let { t: _ } = e(), v = s(""), y = s(r.value), b = s(!1), x = s(!0), S = o({
118
118
  page: 1,
119
119
  search: ""
120
- }), S = (e) => {
120
+ }), C = (e) => {
121
121
  let t = m(e, l.value);
122
122
  if (!n.value) return t;
123
123
  let r = f(n.value), i = [], a = [];
124
124
  for (let e of t) (p(e, r, l.value) ? i : a).push(e);
125
125
  return i.concat(a);
126
- }, C = (e) => {
126
+ }, w = (e) => {
127
127
  if (!e) return "";
128
128
  if (u.value && e.isTag) return e.label;
129
129
  if (a?.value && typeof e != "object") {
130
- let t = [...v.value, ...T.value].find((t) => t[a.value] === e);
131
- return t ? C(t) : String(e);
130
+ let t = [...y.value, ...E.value].find((t) => t[a.value] === e);
131
+ return t ? w(t) : String(e);
132
132
  }
133
- return i.value && e[i.value] ? e[i.value] : e.locale ? Array.isArray(e.locale) ? g(...e.locale) : g(e.locale) : e.name || e;
134
- }, w = (e, t) => h(e, t, C), T = s([]), E = () => {
133
+ return i.value && e[i.value] ? e[i.value] : e.locale ? Array.isArray(e.locale) ? _(...e.locale) : _(e.locale) : e.name || e;
134
+ }, T = (e, t) => h(e, t, w), E = s([]), D = () => {
135
135
  if (!n.value) {
136
- T.value = [];
136
+ E.value = [];
137
137
  return;
138
138
  }
139
- let e = f(n.value), t = (t) => p(t, e, l.value), r = v.value.filter(t), i = m([...T.value, ...r], l.value);
140
- T.value = i.filter(t);
141
- }, D = async () => {
139
+ let e = f(n.value), t = (t) => p(t, e, l.value), r = y.value.filter(t), i = m([...E.value, ...r], l.value);
140
+ E.value = i.filter(t);
141
+ }, O = async () => {
142
142
  if (!d.value || !a?.value || !n.value) return;
143
143
  let e = f(n.value);
144
144
  if (!e.length) return;
145
- y.value = !0;
145
+ b.value = !0;
146
146
  let { items: t } = await d.value({
147
147
  [l.value]: e,
148
148
  size: e.length
149
149
  });
150
- T.value = m([...T.value, ...t], l.value), y.value = !1;
151
- }, O = async () => {
150
+ E.value = m([...E.value, ...t], l.value), b.value = !1;
151
+ }, k = async () => {
152
152
  if (!d.value) return;
153
- let { search: e, page: t } = x;
154
- y.value = !0;
153
+ let { search: e, page: t } = S;
154
+ b.value = !0;
155
155
  let { items: r, next: i } = await d.value({
156
156
  search: e,
157
157
  page: t
158
- }), a = e ? w(T.value, e) : T.value, o = x.page === 1 ? m([...a, ...r], l.value) : v.value.concat(r);
159
- v.value = S(o), M(n.value), b.value = i, x.page += 1, y.value = !1;
160
- }, k = (e = "") => {
161
- x.search = e, x.page = 1, O();
162
- }, A = t((e) => k(e)), j = (e) => {
163
- if (_.value = e, d.value) A(e);
158
+ }), a = e ? T(E.value, e) : E.value, o = S.page === 1 ? m([...a, ...r], l.value) : y.value.concat(r);
159
+ y.value = C(o), N(n.value), x.value = i, S.page += 1, b.value = !1;
160
+ }, A = (e = "") => {
161
+ S.search = e, S.page = 1, k();
162
+ }, j = t((e) => A(e)), M = (e) => {
163
+ if (v.value = e, d.value) j(e);
164
164
  else {
165
- let t = w(T.value, e), n = w(r.value, e);
166
- v.value = S(m([...t, ...n], l.value));
165
+ let t = T(E.value, e), n = T(r.value, e);
166
+ y.value = C(m([...t, ...n], l.value));
167
167
  }
168
- }, M = (e) => {
168
+ }, N = (e) => {
169
169
  if (!e || !d.value) return;
170
- let t = f(e).filter((e) => !p(e, v.value, l.value));
170
+ let t = f(e).filter((e) => !p(e, y.value, l.value));
171
171
  if (t.length) {
172
- let e = t.map((e) => T.value.find((t) => t[l.value] === e) ?? e);
173
- v.value = S(m([...w(e, _.value), ...v.value], l.value));
172
+ let e = t.map((e) => E.value.find((t) => t[l.value] === e) ?? e);
173
+ y.value = C(m([...T(e, v.value), ...y.value], l.value));
174
174
  }
175
175
  };
176
176
  return c(() => n.value, (e, t) => {
177
- E(), M(e);
177
+ D(), N(e);
178
178
  }), c(() => r.value, (e) => {
179
- d.value || (v.value = S(e));
179
+ d.value || (y.value = C(e));
180
180
  }), {
181
- filterText: _,
182
- filteredOptions: v,
183
- isLoading: y,
184
- searchHasNext: b,
185
- sortOptions: S,
186
- getOptionLabel: C,
187
- fetchOptions: O,
188
- fetchSelectedByIds: D,
189
- resetAndFetch: k,
190
- filterOptions: j,
191
- updateSelectedOptionsCache: E
181
+ filterText: v,
182
+ filteredOptions: y,
183
+ isLoading: b,
184
+ searchHasNext: x,
185
+ sortOptions: C,
186
+ getOptionLabel: w,
187
+ fetchOptions: k,
188
+ fetchSelectedByIds: O,
189
+ resetAndFetch: A,
190
+ filterOptions: M,
191
+ updateSelectedOptionsCache: D,
192
+ isOptionDisabled: (e) => g?.value ? Array.isArray(g.value) ? g.value.some((t) => typeof t == "object" && !!t && typeof e == "object" && !!e && t[l.value] === e[l.value]) : !!g.value : !1
192
193
  };
193
- }, b = ({ selected: e, options: t, optionLabel: n, optionValue: r, dataKey: a, allowCustomValues: o, manualCustomValues: s = !1, filterInput: c, selectRef: l, searchMethod: u, selectId: d, isSingle: f, emit: p = () => {} }) => {
194
- let { filterText: m, filteredOptions: h, isLoading: b, searchHasNext: x, sortOptions: S, getOptionLabel: C, fetchOptions: w, fetchSelectedByIds: T, resetAndFetch: E, filterOptions: D, updateSelectedOptionsCache: O } = y({
194
+ }, b = ({ selected: e, options: t, optionLabel: n, optionValue: r, dataKey: a, allowCustomValues: o, manualCustomValues: s = !1, filterInput: c, selectRef: l, searchMethod: u, selectId: d, isSingle: f, disabledOptions: p = void 0, emit: m = () => {} }) => {
195
+ let { filterText: h, filteredOptions: b, isLoading: x, searchHasNext: S, sortOptions: C, getOptionLabel: w, fetchOptions: T, fetchSelectedByIds: E, resetAndFetch: D, filterOptions: O, updateSelectedOptionsCache: k, isOptionDisabled: A } = y({
195
196
  selected: e,
196
197
  options: t,
197
198
  optionLabel: n,
198
199
  optionValue: r,
199
200
  dataKey: a,
200
201
  allowCustomValues: o,
201
- searchMethod: u
202
- }), { isDropdownOpen: k, onDropdownBeforeShow: A, onDropdownBeforeHide: j, onDropdownShow: M, onDropdownHide: N } = _({
202
+ searchMethod: u,
203
+ disabledOptions: p
204
+ }), { isDropdownOpen: j, onDropdownBeforeShow: M, onDropdownBeforeHide: N, onDropdownShow: P, onDropdownHide: F } = _({
203
205
  selectId: d,
204
206
  selectRef: l,
205
207
  filterInput: c,
206
208
  searchMethod: u,
207
- filteredOptions: h,
208
- filterText: m,
209
- filterOptions: D,
210
- resetAndFetch: E,
211
- sortOptions: S,
212
- fetchOptions: w,
213
- isLoading: b,
214
- searchHasNext: x
215
- }), { showFooterLoader: P } = v(b), { onInputKeydown: F } = g({
209
+ filteredOptions: b,
210
+ filterText: h,
211
+ filterOptions: O,
212
+ resetAndFetch: D,
213
+ sortOptions: C,
214
+ fetchOptions: T,
215
+ isLoading: x,
216
+ searchHasNext: S
217
+ }), { showFooterLoader: I } = v(x), { onInputKeydown: L } = g({
216
218
  selected: e,
217
- filteredOptions: h,
219
+ filteredOptions: b,
218
220
  options: t,
219
221
  optionValue: r,
220
222
  dataKey: a,
221
- filterText: m,
222
- filterOptions: D,
223
- updateSelectedOptionsCache: O,
223
+ filterText: h,
224
+ filterOptions: O,
225
+ updateSelectedOptionsCache: k,
224
226
  selectRef: l,
225
227
  allowCustomValues: o,
226
228
  manualCustomValues: s,
227
229
  isSingle: f,
228
- emit: p
230
+ emit: m
229
231
  });
230
232
  return i(async () => {
231
- await T(), u.value && w();
233
+ await E(), u.value && T();
232
234
  }), {
233
- isLoading: b,
234
- showFooterLoader: P,
235
- isDropdownOpen: k,
236
- filterText: m,
237
- filteredOptions: h,
238
- getOptionLabel: C,
239
- fetchOptions: w,
240
- filterOptions: D,
241
- onDropdownBeforeShow: A,
242
- onDropdownBeforeHide: j,
243
- onDropdownShow: M,
244
- onDropdownHide: N,
245
- onInputKeydown: F,
235
+ isLoading: x,
236
+ showFooterLoader: I,
237
+ isDropdownOpen: j,
238
+ filterText: h,
239
+ filteredOptions: b,
240
+ getOptionLabel: w,
241
+ fetchOptions: T,
242
+ filterOptions: O,
243
+ onDropdownBeforeShow: M,
244
+ onDropdownBeforeHide: N,
245
+ onDropdownShow: P,
246
+ onDropdownHide: F,
247
+ onInputKeydown: L,
246
248
  clearValue: () => {
247
249
  let t = "";
248
- Array.isArray(e.value) ? t = [] : typeof e.value == "object" && e.value !== null && (t = {}), e.value = t, p("reset", t);
249
- }
250
+ Array.isArray(e.value) ? t = [] : typeof e.value == "object" && e.value !== null && (t = {}), e.value = t, m("reset", t);
251
+ },
252
+ isOptionDisabled: A
250
253
  };
251
254
  }, x = (e, t) => {
252
255
  let n = null, r = null, i = null, a = !1, o = () => {