@webitel/ui-sdk 26.8.78 → 26.8.80

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.
@@ -1899,4 +1899,4 @@ function Ve(e, t, { timezone: n = void 0 } = {}) {
1899
1899
  return Re(e, n ?? ze(), Be[t], { locale: le });
1900
1900
  }
1901
1901
  //#endregion
1902
- export { _ as a, v as i, j as n, r as o, y as r, Ve as t };
1902
+ export { _ as a, v as i, j as n, h as o, y as r, r as s, Ve as t };
@@ -1,4 +1,4 @@
1
- import "./components-BVVJHjgq.js";
1
+ import "./components-BHiUKBm2.js";
2
2
  import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
3
3
  import { l as t } from "./enums-B_9ZBu01.js";
4
4
  import { t as n } from "./wt-button-BwPz__rU.js";
@@ -1,6 +1,6 @@
1
- import { C as e, i as t } from "./components-BVVJHjgq.js";
1
+ import { C as e, i as t } from "./components-BHiUKBm2.js";
2
2
  import { t as n } from "./_plugin-vue_export-helper-B3ysoDQm.js";
3
- import { o as r } from "./utils-BZHq8qMH.js";
3
+ import { s as r } from "./utils-DReAiJBV.js";
4
4
  import { Fragment as i, computed as a, createCommentVNode as o, createElementBlock as s, createTextVNode as c, createVNode as l, defineComponent as u, openBlock as d, renderList as f, renderSlot as p, toDisplayString as m, unref as h, withCtx as g } from "vue";
5
5
  //#region src/components/on-demand/wt-display-chip-items/wt-display-chip-items.vue?vue&type=script&setup=true&lang.ts
6
6
  var _ = { class: "wt-display-chip-items" }, v = { key: 0 }, y = ["onClick"], b = /*#__PURE__*/ n(/* @__PURE__ */ u({
@@ -1,5 +1,5 @@
1
1
  import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
2
- import "./utils-BZHq8qMH.js";
2
+ import "./utils-DReAiJBV.js";
3
3
  import { t } from "./engineCallFileType-D7QVFOac.js";
4
4
  import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, openBlock as u, resolveComponent as d, toDisplayString as f, unref as p, withCtx as m } from "vue";
5
5
  //#region src/components/on-demand/wt-screen-recordings-action/wt-screen-recordings-action.vue?vue&type=script&setup=true&lang.ts
@@ -1,6 +1,6 @@
1
1
  import { t as e } from "./rolldown-runtime-BEcgMyyN.js";
2
- import { n as t, r as n } from "./clients-DxiicDFX.js";
3
- import { T as r, n as i, w as a } from "./components-BVVJHjgq.js";
2
+ import { n as t, r as n } from "./clients-C7WyEzGF.js";
3
+ import { T as r, n as i, w as a } from "./components-BHiUKBm2.js";
4
4
  import { t as o } from "./vue-i18n-Db_oYfO8.js";
5
5
  import { n as s } from "./useEventBus-B-ZeklLu.js";
6
6
  import { createBlock as c, createTextVNode as l, createVNode as u, defineComponent as d, mergeProps as f, onMounted as p, openBlock as m, ref as h, resolveComponent as g, toDisplayString as _, unref as v, withCtx as y } from "vue";
@@ -4,13 +4,13 @@ import { n, t as r } from "./wt-icon-btn-BzraLc-w.js";
4
4
  import { t as i } from "./useWtTable-DLWucXPx.js";
5
5
  import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createSlots as d, createTextVNode as f, createVNode as p, defineComponent as m, normalizeClass as h, normalizeStyle as g, onMounted as _, openBlock as v, ref as y, renderList as b, renderSlot as x, resolveComponent as S, toDisplayString as C, toRef as w, unref as T, withCtx as E, withModifiers as D } from "vue";
6
6
  //#region src/components/wt-tree-table-row/wt-tree-table-row.vue?vue&type=script&setup=true&lang.ts
7
- var O = { class: "wt-tree-table-td__content" }, k = {
7
+ var O = { class: "wt-tree-table-row" }, k = { class: "wt-tree-table-td__content" }, A = {
8
8
  key: 0,
9
9
  class: "wt-tree-table-td__icon-wrapper"
10
- }, A = {
10
+ }, j = {
11
11
  key: 0,
12
12
  class: "wt-tree-table-td__actions typo-body-1"
13
- }, j = { class: "wt-tree-table-td__content" }, M = /*#__PURE__*/ e(/* @__PURE__ */ m({
13
+ }, M = { class: "wt-tree-table-td__content" }, N = /*#__PURE__*/ e(/* @__PURE__ */ m({
14
14
  __name: "wt-tree-table-row",
15
15
  props: {
16
16
  data: {},
@@ -31,7 +31,7 @@ var O = { class: "wt-tree-table-td__content" }, k = {
31
31
  },
32
32
  emits: ["update:selected", "expanded-collapse"],
33
33
  setup(e, { emit: t }) {
34
- let i = e, p = t, m = y(!0), w = o(() => i.nestingLevel), T = o(() => i.nestingLevel + 1), D = o(() => i.selectedElements.includes(i.data)), M = () => {
34
+ let i = e, p = t, m = y(!0), h = o(() => i.nestingLevel), w = o(() => i.nestingLevel + 1), T = o(() => i.selectedElements.includes(i.data)), D = () => {
35
35
  m.value = !1, p("expanded-collapse");
36
36
  }, N = (e, t = 0) => {
37
37
  if (e[i.searchedProp] && t) return !0;
@@ -41,21 +41,21 @@ var O = { class: "wt-tree-table-td__content" }, k = {
41
41
  return !1;
42
42
  };
43
43
  return _(() => {
44
- i.searchedProp && N(i.data) && M();
44
+ i.searchedProp && N(i.data) && D();
45
45
  }), (t, i) => {
46
46
  let o = S("wt-tree-table-row", !0);
47
- return v(), l(a, null, [u("tr", { class: h([[{ "wt-tree-table-row--alternate": e.rowPosition % 2 }], "wt-tree-table-row"]) }, [(v(!0), l(a, null, b(e.dataHeaders, (o, d) => (v(), l("td", {
47
+ return v(), l(a, null, [u("tr", O, [(v(!0), l(a, null, b(e.dataHeaders, (o, d) => (v(), l("td", {
48
48
  key: o.value,
49
49
  style: g(o.width ? `min-width:${o.width}` : ""),
50
50
  class: "wt-tree-table-td typo-body-1"
51
- }, [u("div", O, [d ? c("", !0) : (v(), l("div", k, [
52
- (v(!0), l(a, null, b(w.value, (e) => (v(), l("div", {
51
+ }, [u("div", k, [d ? c("", !0) : (v(), l("div", A, [
52
+ (v(!0), l(a, null, b(h.value, (e) => (v(), l("div", {
53
53
  key: e,
54
54
  class: "wt-tree-table-row__tree-space"
55
55
  }))), 128)),
56
56
  e.selectable ? (v(), s(n, {
57
57
  key: 0,
58
- selected: D.value,
58
+ selected: T.value,
59
59
  "onUpdate:selected": i[0] ||= (n) => t.$emit("update:selected", {
60
60
  data: e.data,
61
61
  select: n
@@ -69,20 +69,20 @@ var O = { class: "wt-tree-table-td__content" }, k = {
69
69
  ])), x(t.$slots, o.value, {
70
70
  index: e.rowPosition,
71
71
  item: e.data
72
- }, () => [f(C(e.data[o.value]), 1)], !0)])], 4))), 128)), e.gridActions ? (v(), l("td", A, [u("div", j, [x(t.$slots, "actions", {
72
+ }, () => [f(C(e.data[o.value]), 1)], !0)])], 4))), 128)), e.gridActions ? (v(), l("td", j, [u("div", M, [x(t.$slots, "actions", {
73
73
  index: e.rowPosition,
74
74
  item: e.data
75
- }, void 0, !0)])])) : c("", !0)], 2), m.value ? c("", !0) : (v(!0), l(a, { key: 0 }, b(e.data[e.childrenProp], (n, r) => (v(), s(o, {
75
+ }, void 0, !0)])])) : c("", !0)]), m.value ? c("", !0) : (v(!0), l(a, { key: 0 }, b(e.data[e.childrenProp], (n, r) => (v(), s(o, {
76
76
  key: r,
77
77
  "children-prop": e.childrenProp,
78
78
  data: n,
79
79
  "data-headers": e.dataHeaders,
80
- "nesting-level": T.value,
80
+ "nesting-level": w.value,
81
81
  "row-position": e.rowPosition,
82
82
  "searched-prop": e.searchedProp,
83
83
  selectable: e.selectable,
84
84
  "selected-elements": e.selectedElements,
85
- onExpandedCollapse: M,
85
+ onExpandedCollapse: D,
86
86
  "onUpdate:selected": i[2] ||= (e) => t.$emit("update:selected", {
87
87
  data: e.data,
88
88
  select: e.select
@@ -111,10 +111,10 @@ var O = { class: "wt-tree-table-td__content" }, k = {
111
111
  ]))), 128))], 64);
112
112
  };
113
113
  }
114
- }), [["__scopeId", "data-v-487150c8"]]), N = { class: "wt-tree-table wt-scrollbar" }, P = { class: "wt-tree-table-wrapper" }, F = { class: "wt-tree-table-head" }, I = { class: "wt-tree-table-tr wt-tree-table-tr-head" }, L = ["onClick"], R = { class: "wt-tree-table-th__text" }, z = {
114
+ }), [["__scopeId", "data-v-12c9ea16"]]), P = { class: "wt-tree-table wt-scrollbar" }, F = { class: "wt-tree-table-wrapper" }, I = { class: "wt-tree-table-head" }, L = { class: "wt-tree-table-tr wt-tree-table-tr-head" }, R = ["onClick"], z = { class: "wt-tree-table-th__text" }, B = {
115
115
  key: 0,
116
116
  class: "wt-tree-table-th__actions"
117
- }, B = { class: "wt-tree-table-th__content" }, V = { class: "wt-tree-table-body" }, H = /*#__PURE__*/ e(/* @__PURE__ */ m({
117
+ }, V = { class: "wt-tree-table-th__content" }, H = { class: "wt-tree-table-body" }, U = /*#__PURE__*/ e(/* @__PURE__ */ m({
118
118
  __name: "wt-tree-table",
119
119
  props: {
120
120
  headers: {},
@@ -148,7 +148,7 @@ var O = { class: "wt-tree-table-td__content" }, k = {
148
148
  t.push(e), y(e) && e[m.childrenProp].forEach(n);
149
149
  };
150
150
  return e.forEach(n), t;
151
- }, A = o(() => m.selected || O(m.data)), j = o(() => A.value.length === k(m.data).length && k(m.data).length > 0), { tableHeaders: H } = i({ headers: w(m, "headers") }), U = ({ sort: e }) => m.sortable && e !== void 0, W = (e) => {
151
+ }, A = o(() => m.selected || O(m.data)), j = o(() => A.value.length === k(m.data).length && k(m.data).length > 0), { tableHeaders: M } = i({ headers: w(m, "headers") }), U = ({ sort: e }) => m.sortable && e !== void 0, W = (e) => {
152
152
  if (!U(e)) return;
153
153
  let n = t(e.sort);
154
154
  _("sort", e, n);
@@ -163,9 +163,9 @@ var O = { class: "wt-tree-table-td__content" }, k = {
163
163
  };
164
164
  return (t, r) => {
165
165
  let i = S("wt-icon");
166
- return v(), l("div", N, [u("table", P, [u("thead", F, [u("tr", I, [(v(!0), l(a, null, b(T(H), (t, a) => (v(), l("th", {
166
+ return v(), l("div", P, [u("table", F, [u("thead", I, [u("tr", L, [(v(!0), l(a, null, b(T(M), (t, a) => (v(), l("th", {
167
167
  key: String(a) + t?.sort,
168
- class: h([[{ "wt-tree-table-th--sortable": U(t) }, `wt-tree-table-th--sort-${t.sort}`], "wt-tree-table-th typo-body-1"]),
168
+ class: h([[{ "wt-tree-table-th--sortable": U(t) }, `wt-tree-table-th--sort-${t.sort}`], "wt-tree-table-th typo-body-1-bold"]),
169
169
  style: g(t.width ? `min-width:${t.width}` : ""),
170
170
  onClick: (e) => W(t)
171
171
  }, [u("div", { class: h(["wt-tree-table-th__content", { "wt-tree-table-th__content--selectable": a === 0 && e.selectable }]) }, [
@@ -176,7 +176,7 @@ var O = { class: "wt-tree-table-td__content" }, k = {
176
176
  selected: j.value,
177
177
  "onUpdate:selected": K
178
178
  }, null, 8, ["selected"])])) : c("", !0),
179
- u("div", R, C(t.text), 1),
179
+ u("div", z, C(t.text), 1),
180
180
  e.sortable ? (v(), s(i, {
181
181
  key: 1,
182
182
  class: "wt-tree-table-th-sort-arrow wt-tree-table-th-sort-arrow--asc",
@@ -189,10 +189,10 @@ var O = { class: "wt-tree-table-td__content" }, k = {
189
189
  icon: "sort-arrow-down",
190
190
  size: "sm"
191
191
  })) : c("", !0)
192
- ], 2)], 14, L))), 128)), e.gridActions ? (v(), l("th", z, [u("div", B, [x(t.$slots, "actions-header", {}, void 0, !0)])])) : c("", !0)])]), u("tbody", V, [(v(!0), l(a, null, b(e.data, (n, i) => (v(), s(M, {
192
+ ], 2)], 14, R))), 128)), e.gridActions ? (v(), l("th", B, [u("div", V, [x(t.$slots, "actions-header", {}, void 0, !0)])])) : c("", !0)])]), u("tbody", H, [(v(!0), l(a, null, b(e.data, (n, i) => (v(), s(N, {
193
193
  key: i,
194
194
  "row-position": i,
195
- "data-headers": T(H),
195
+ "data-headers": T(M),
196
196
  data: n,
197
197
  selectable: e.selectable,
198
198
  "children-prop": e.childrenProp,
@@ -202,7 +202,7 @@ var O = { class: "wt-tree-table-td__content" }, k = {
202
202
  }, d({
203
203
  actions: E(({ item: e }) => [x(t.$slots, "actions", { item: e }, void 0, !0)]),
204
204
  _: 2
205
- }, [b(T(H), (e) => ({
205
+ }, [b(T(M), (e) => ({
206
206
  name: e.value,
207
207
  fn: E(({ item: n }) => [x(t.$slots, e.value, {
208
208
  index: i,
@@ -219,6 +219,6 @@ var O = { class: "wt-tree-table-td__content" }, k = {
219
219
  ]))), 128))])])]);
220
220
  };
221
221
  }
222
- }), [["__scopeId", "data-v-75cfad9d"]]);
222
+ }), [["__scopeId", "data-v-cb717c3e"]]);
223
223
  //#endregion
224
- export { H as default };
224
+ export { U as default };
@@ -1,5 +1,5 @@
1
- import { t as e } from "./clients-DxiicDFX.js";
2
- import { a as t, o as n, r, s as i } from "./components-BVVJHjgq.js";
1
+ import { t as e } from "./clients-C7WyEzGF.js";
2
+ import { a as t, o as n, r, s as i } from "./components-BHiUKBm2.js";
3
3
  import { t as a } from "./enums-B_9ZBu01.js";
4
4
  import { t as o } from "./vue-i18n-Db_oYfO8.js";
5
5
  import { computed as s, createBlock as c, createCommentVNode as l, createVNode as u, defineComponent as d, mergeModels as f, mergeProps as p, openBlock as m, renderSlot as h, resolveComponent as g, unref as _, useModel as v } from "vue";
@@ -1,4 +1,4 @@
1
- import { k as e } from "./components-BVVJHjgq.js";
1
+ import { k as e } from "./components-BHiUKBm2.js";
2
2
  import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
3
3
  import { l as n } from "./enums-B_9ZBu01.js";
4
4
  import "./wt-button-BwPz__rU.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webitel/ui-sdk",
3
- "version": "26.8.78",
3
+ "version": "26.8.80",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "dev": "npm run docs:dev",
@@ -64,7 +64,7 @@
64
64
  "@vuepic/vue-datepicker": "^4.5.1",
65
65
  "@vueuse/components": "^14.0.0",
66
66
  "autosize": "^6.0.1",
67
- "csv-parse": "^6.1.0",
67
+ "csv-parse": "^7.0.2",
68
68
  "csv-stringify": "^5.5.3",
69
69
  "date-fns-tz": "^3.2.0",
70
70
  "dompurify": "^3.3.1",
@@ -8,12 +8,14 @@
8
8
  --wt-tree-table-column-gap: var(--table-column-gap);
9
9
  --wt-tree-table-row-padding: var(--table-row-padding);
10
10
 
11
- --wt-tree-table-head-border-color: var(--wt-table-head-border-color);
12
- --wt-tree-table-head-background-color: var(--wt-table-head-background-color);
13
- --wt-tree-table-primary-color: var(--wt-table-primary-color);
14
- --wt-tree-table-zebra-color: var(--wt-table-zebra-color);
11
+ --wt-tree-table-head-border-color: var(--p-content-border-color);
12
+ --wt-tree-table-head-background-color: var(--p-surface-100);
13
+ --wt-tree-table-primary-color: var(--p-content-background);
14
+ --wt-tree-table-row-border-color: var(--p-surface-100);
15
+ --wt-tree-table-row-hover-color: var(--p-content-hover-background);
15
16
  }
16
17
 
17
18
  :root.theme--dark {
18
- --wt-tree-table-head-border-color: var(--wt-table-head-border-color);
19
+ --wt-tree-table-head-background-color: var(--p-surface-850);
20
+ --wt-tree-table-row-border-color: var(--p-surface-700);
19
21
  }
@@ -13,7 +13,7 @@
13
13
  `wt-tree-table-th--sort-${col.sort}`,
14
14
  ]"
15
15
  :style="col.width ? `min-width:${col.width}` : ''"
16
- class="wt-tree-table-th typo-body-1"
16
+ class="wt-tree-table-th typo-body-1-bold"
17
17
  @click="sort(col)"
18
18
  >
19
19
  <div
@@ -285,14 +285,14 @@ const handleSelection = (row: WtTreeNode, select: boolean) => {
285
285
  overflow: auto;
286
286
  }
287
287
 
288
- .wt-tree-table-head {
288
+ .wt-tree-table-tr-head > th {
289
289
  position: sticky;
290
290
  top: 0;
291
291
  z-index: 1;
292
+ padding: var(--wt-tree-table-row-padding);
293
+ vertical-align: middle;
292
294
  background: var(--wt-tree-table-head-background-color);
293
- border-radius: var(--border-radius);
294
- outline: var(--wt-tree-table-head-border) var(--wt-tree-table-head-border-color);
295
- outline-offset: -1px;
295
+ border-bottom: 1px solid var(--wt-tree-table-head-border-color);
296
296
  }
297
297
 
298
298
  .wt-tree-table-th__content {
@@ -302,6 +302,7 @@ const handleSelection = (row: WtTreeNode, select: boolean) => {
302
302
 
303
303
  .wt-tree-table-th__content--selectable {
304
304
  display: flex;
305
+ gap: calc(var(--wt-tree-table-row-padding) * 2);
305
306
  }
306
307
 
307
308
  .wt-tree-table-wrapper {
@@ -310,14 +311,6 @@ const handleSelection = (row: WtTreeNode, select: boolean) => {
310
311
  width: 100%;
311
312
  }
312
313
 
313
- .wt-tree-table-tr-wrapper {
314
- background: var(--wt-tree-table-primary-color);
315
- }
316
-
317
- .wt-tree-table-tr-wrapper:nth-child(2n) {
318
- background: var(--wt-tree-table-zebra-color);
319
- }
320
-
321
314
  .wt-tree-table-th,
322
315
  .wt-tree-table-td {
323
316
  padding: var(--spacing-xs);
@@ -344,7 +337,6 @@ const handleSelection = (row: WtTreeNode, select: boolean) => {
344
337
  }
345
338
 
346
339
  .wt-tree-table-th {
347
- font-weight: normal;
348
340
  text-wrap: nowrap;
349
341
  text-align: start;
350
342
  }
@@ -1,8 +1,5 @@
1
1
  <template>
2
- <tr
3
- :class="[{ 'wt-tree-table-row--alternate': rowPosition % 2 }]"
4
- class="wt-tree-table-row"
5
- >
2
+ <tr class="wt-tree-table-row">
6
3
  <td
7
4
  v-for="(col, headerKey) of dataHeaders"
8
5
  :key="col.value"
@@ -199,10 +196,12 @@ onMounted(() => {
199
196
  <style scoped>
200
197
  .wt-tree-table-td {
201
198
  text-transform: none;
202
- padding: var(--spacing-xs);
199
+ padding: var(--wt-tree-table-row-padding);
203
200
  height: fit-content;
204
201
  min-height: var(--wt-tree-table-min-height);
205
202
  overflow-wrap: break-word;
203
+ vertical-align: top;
204
+ border-bottom: 1px solid var(--wt-tree-table-row-border-color);
206
205
  }
207
206
 
208
207
  .wt-tree-table-td__content {
@@ -214,15 +213,16 @@ onMounted(() => {
214
213
  .wt-tree-table-td__icon-wrapper {
215
214
  display: flex;
216
215
  align-items: flex-start;
217
- margin-right: var(--spacing-xs);
216
+ gap: var(--wt-tree-table-column-gap);
217
+ margin-right: var(--wt-tree-table-column-gap);
218
218
  }
219
219
 
220
220
  .wt-tree-table-row {
221
221
  background: var(--wt-tree-table-primary-color);
222
222
  }
223
223
 
224
- .wt-tree-table-row--alternate {
225
- background: var(--wt-tree-table-zebra-color);
224
+ .wt-tree-table-row:hover > .wt-tree-table-td {
225
+ background: var(--wt-tree-table-row-hover-color);
226
226
  }
227
227
 
228
228
  .wt-tree-table-row__tree-space {
@@ -0,0 +1,9 @@
1
+ export const PasswordCategories = {
2
+ Uppercase: '[A-Z]',
3
+ Lowercase: '[a-z]',
4
+ Digits: '[0-9]',
5
+ Special: 'special',
6
+ } as const;
7
+
8
+ export type PasswordCategories =
9
+ (typeof PasswordCategories)[keyof typeof PasswordCategories];
@@ -27,6 +27,7 @@ export { LoginOptions } from './LoginOptions/LoginOptions';
27
27
  export { MessageColor } from './MessageColor/MessageColor';
28
28
  export { MessageVariant } from './MessageVariant/MessageVariant';
29
29
  export { MimeTypes } from './MimeTypes/MimeTypes.enum';
30
+ export { PasswordCategories } from './PasswordCategories/PasswordCategories.enum';
30
31
  export { ProcessingTableColumnType } from './ProcessingTableColumnType/ProcessingTableColumnType';
31
32
  export { QueueType, QueueTypeName } from './QueueType/QueueType.enum';
32
33
  export { RelativeDatetimeValue } from './RelativeDatetimeValue/RelativeDatetimeValue';