@webitel/ui-sdk 26.8.75 → 26.8.76

package/dist/{useValidation-0JwQGpLM.js → useValidation-CEed9cxY.js}

@@ -1,4 +1,4 @@
-import { i as e } from "./enums-BvonmHq2.js";
+import { i as e } from "./enums-B_9ZBu01.js";
 import { t } from "./vue-i18n-Db_oYfO8.js";
 import { computed as n, isReactive as r, isRef as i, unref as a } from "vue";
 //#region src/mixins/validationMixin/regle/useRegleValidation.ts

package/dist/{utils-CzBdLnFt.js → utils-BZHq8qMH.js}

@@ -1,4 +1,4 @@
-import "./enums-BvonmHq2.js";
+import "./enums-B_9ZBu01.js";
 import { i as e, n as t, t as n } from "./toZonedTime-B8L5kbse.js";
 var r = (e) => e || "-";
 //#endregion

package/dist/wt-action-bar-D74sgDCk.js

@@ -0,0 +1,94 @@
+import { t as e } from "./caseConverters-6cy_SaV5.js";
+import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { o as n } from "./enums-B_9ZBu01.js";
+import { t as r } from "./wt-icon-action-DJzm0kEk.js";
+import { Fragment as i, computed as a, createElementBlock as o, createVNode as s, defineComponent as c, guardReactiveProps as l, mergeProps as u, normalizeProps as d, openBlock as f, renderList as p, renderSlot as m } from "vue";
+//#region src/components/wt-action-bar/WtActionBarActionsOrder.js
+var h = [
+	n.ADD,
+	n.ADD_CONTACT,
+	n.COPY,
+	n.DOWNLOAD_PDF,
+	n.DOWNLOAD,
+	n.LOGOUT,
+	n.UPLOAD,
+	n.COLUMNS,
+	n.VARIABLES,
+	n.FILTERS,
+	n.REFRESH,
+	n.RESET_MEMBERS,
+	n.DELETE,
+	n.SORT
+], g = h, _ = { class: "wt-action-bar" }, v = /*#__PURE__*/ t(/* @__PURE__ */ c({
+	__name: "wt-action-bar",
+	props: {
+		mode: {
+			type: String,
+			default: "table",
+			validator: (e) => ["table", "section"].includes(e)
+		},
+		size: { type: String },
+		include: {
+			type: Array,
+			default: () => []
+		},
+		exclude: {
+			type: Array,
+			default: () => []
+		},
+		"sort:order": {
+			type: String,
+			default: null,
+			required: !1,
+			validator: (e) => [
+				"asc",
+				"desc",
+				null
+			].includes(e)
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		...Object.values(n).reduce((e, t) => (e[`disabled:${t}`] = {
+			type: Boolean,
+			default: !1
+		}, e), {})
+	},
+	emits: Object.values(n).map((e) => `click:${e}`),
+	setup(t, { emit: c }) {
+		let v = t, y = c, b = a(() => {
+			let e = v.mode === "section" ? g : h;
+			return v.include.length ? e.filter((e) => v.include.includes(e)) : v.exclude.length ? e.filter((e) => !v.exclude.includes(e)) : e;
+		}), x = (e) => {
+			y(`click:${e}`);
+		}, S = (t) => {
+			let n = `disabled:${e(t)}`;
+			return !!v[n];
+		}, C = (e) => {
+			switch (e) {
+				case n.SORT: return { "sort:order": v["sort:order"] ?? void 0 };
+				default: return {};
+			}
+		};
+		return (e, n) => (f(), o("div", _, [
+			m(e.$slots, "search-bar", d(l({ size: t.size })), void 0, !0),
+			m(e.$slots, "switcher", d(l({ size: t.size })), void 0, !0),
+			m(e.$slots, "default", d(l({ size: t.size })), void 0, !0),
+			(f(!0), o(i, null, p(b.value, (n) => m(e.$slots, n, d(l({
+				action: n,
+				size: t.size,
+				onClick: () => x(n)
+			})), () => [s(r, u(C(n), {
+				action: n,
+				disabled: S(n)
+			}, { onClick: (e) => x(n) }), null, 16, [
+				"action",
+				"disabled",
+				"onClick"
+			])], !0)), 256))
+		]));
+	}
+}), [["__scopeId", "data-v-adcc0f1d"]]);
+//#endregion
+export { v as default };

package/dist/{wt-button-D-nFhi1f.js → wt-button-CVjzcwNg.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./wt-icon-WyFAGc4t.js";
-import { _ as t, g as n, l as r } from "./enums-BvonmHq2.js";
+import { t as e } from "./wt-icon-CAn_j3EL.js";
+import { _ as t, g as n, l as r } from "./enums-B_9ZBu01.js";
 import { computed as i, createBlock as a, createCommentVNode as o, createElementVNode as s, createTextVNode as c, defineComponent as l, inject as u, mergeProps as d, normalizeClass as f, openBlock as p, ref as m, renderSlot as h, resolveComponent as g, toDisplayString as _, toRef as v, unref as y, useAttrs as b, watch as x, withCtx as S, withModifiers as C } from "vue";
 //#endregion
 //#region src/components/wt-badge-new/wt-badge.vue

package/dist/{wt-chat-emoji-CLhgb02d.js → wt-chat-emoji-CP1IO0Z_.js}

@@ -1,8 +1,8 @@
-import "./components-C-ri6OSQ.js";
+import "./components-BG2hOYak.js";
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { l as t } from "./enums-BvonmHq2.js";
-import { t as n } from "./wt-button-D-nFhi1f.js";
-import { n as r } from "./wt-toast-DxQBRGm2.js";
+import { l as t } from "./enums-B_9ZBu01.js";
+import { t as n } from "./wt-button-CVjzcwNg.js";
+import { n as r } from "./wt-toast-DJJg7o3S.js";
 import { Teleport as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createVNode as l, nextTick as u, onBeforeUnmount as d, openBlock as f, ref as p, resolveDirective as m, unref as h, withDirectives as g } from "vue";
 //#region node_modules/emoji-picker-element/database.js
 function _(e) {

package/dist/{wt-datepicker-DCa23hYx.js → wt-datepicker-BgjjbOMX.js}

@@ -1,8 +1,8 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { _ as t, g as n, l as r, r as i } from "./enums-BvonmHq2.js";
+import { _ as t, g as n, l as r, r as i } from "./enums-B_9ZBu01.js";
 import { a, i as o, n as s, r as c, t as l } from "./toZonedTime-B8L5kbse.js";
 import { t as u } from "./vue-i18n-Db_oYfO8.js";
-import { t as d } from "./useValidation-0JwQGpLM.js";
+import { t as d } from "./useValidation-CEed9cxY.js";
 import { computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createTextVNode as _, createVNode as v, defineComponent as y, guardReactiveProps as b, mergeModels as x, mergeProps as S, nextTick as C, normalizeProps as w, onMounted as T, onUnmounted as E, openBlock as D, renderSlot as O, resolveComponent as k, toDisplayString as A, toRefs as j, unref as M, useModel as N, useTemplateRef as P, vShow as F, withCtx as I, withDirectives as ee } from "vue";
 import te from "primevue/datepicker";
 //#region node_modules/date-fns-tz/dist/esm/fromZonedTime/index.js

package/dist/{wt-display-chip-items-B7QLz9QM.js → wt-display-chip-items-BcuWCOui.js}

@@ -1,6 +1,6 @@
-import { C as e, i as t } from "./components-C-ri6OSQ.js";
+import { C as e, i as t } from "./components-BG2hOYak.js";
 import { t as n } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { o as r } from "./utils-CzBdLnFt.js";
+import { o as r } from "./utils-BZHq8qMH.js";
 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";
 //#region src/components/on-demand/wt-display-chip-items/wt-display-chip-items.vue?vue&type=script&setup=true&lang.ts
 var _ = { class: "wt-display-chip-items" }, v = { key: 0 }, y = ["onClick"], b = /*#__PURE__*/ n(/* @__PURE__ */ u({

package/dist/{wt-dual-panel-D-LChluY.js → wt-dual-panel-Cs_Yzfxt.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { l as t, o as n } from "./enums-BvonmHq2.js";
+import { l as t, o as n } from "./enums-B_9ZBu01.js";
 import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, normalizeClass as c, openBlock as l, ref as u, renderSlot as d, resolveComponent as f, unref as p } from "vue";
 //#region src/components/wt-dual-panel/wt-dual-panel.vue
 var m = { class: "wt-dual-panel" }, h = {

package/dist/{wt-expansion-card-CToBA1fy.js → wt-expansion-card-BT586Mul.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { l as t } from "./enums-BvonmHq2.js";
+import { l as t } from "./enums-B_9ZBu01.js";
 import { t as n } from "./useExpansion-DVdIpoOn.js";
 import "./composables-BtWSAI5D.js";
 import { t as r } from "./wt-expand-transition-C2p9bR4j.js";

package/dist/{wt-expansion-panel-af2t3VrM.js → wt-expansion-panel-kZmHSvPU.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { l as t } from "./enums-BvonmHq2.js";
+import { l as t } from "./enums-B_9ZBu01.js";
 import { t as n } from "./useExpansion-DVdIpoOn.js";
 import { t as r } from "./wt-expand-transition-C2p9bR4j.js";
 import { createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, guardReactiveProps as c, normalizeClass as l, normalizeProps as u, openBlock as d, renderSlot as f, resolveComponent as p, toRef as m, unref as h, vShow as g, withCtx as _, withDirectives as v, withKeys as y } from "vue";

package/dist/{wt-icon-WyFAGc4t.js → wt-icon-CAn_j3EL.js}

@@ -1,5 +1,5 @@
 import { n as e } from "./caseConverters-6cy_SaV5.js";
-import { a as t, l as n } from "./enums-BvonmHq2.js";
+import { a as t, l as n } from "./enums-B_9ZBu01.js";
 import { computed as r, createElementBlock as i, defineComponent as a, normalizeClass as o, openBlock as s } from "vue";
 //#region node_modules/dompurify/dist/purify.es.mjs
 function c(e, t) {

package/dist/{wt-icon-action-DYBTs3Mf.js → wt-icon-action-DJzm0kEk.js}

@@ -1,4 +1,4 @@
-import { o as e } from "./enums-BvonmHq2.js";
+import { o as e } from "./enums-B_9ZBu01.js";
 import { t } from "./vue-i18n-Db_oYfO8.js";
 import { t as n } from "./sortQueryAdapters-CyYXvnDN.js";
 import { computed as r, createBlock as i, openBlock as a, resolveComponent as o, resolveDirective as s, unref as c, withDirectives as l } from "vue";

package/dist/{wt-icon-btn-BfhuUt8-.js → wt-icon-btn-BL0OfOZM.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./wt-icon-WyFAGc4t.js";
+import { t as e } from "./wt-icon-CAn_j3EL.js";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, guardReactiveProps as l, mergeModels as u, mergeProps as d, normalizeClass as f, normalizeProps as p, openBlock as m, renderSlot as h, resolveComponent as g, toDisplayString as _, useModel as v, useSlots as y, withCtx as b } from "vue";
 //#region src/components/wt-checkbox/wt-checkbox.vue?vue&type=script&setup=true&lang.ts

package/dist/{wt-notifications-bar-CvKwuTEg.js → wt-notifications-bar-DZUTZhZy.js}

@@ -1,5 +1,5 @@
-import { i as e } from "./enums-BvonmHq2.js";
-import { n as t, t as n } from "./wt-toast-DxQBRGm2.js";
+import { i as e } from "./enums-B_9ZBu01.js";
+import { n as t, t as n } from "./wt-toast-DJJg7o3S.js";
 import { createBlock as r, inject as i, onUnmounted as a, openBlock as o } from "vue";
 import { useToast as s } from "primevue/usetoast";
 //#region src/components/wt-toast/types/index.ts

package/dist/{wt-player-B2etfN5v.js → wt-player-DbQuCEZb.js}

@@ -1,7 +1,7 @@
-import { t as e } from "./wt-icon-WyFAGc4t.js";
+import { t as e } from "./wt-icon-CAn_j3EL.js";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { l as n } from "./enums-BvonmHq2.js";
-import { t as r } from "./wt-button-D-nFhi1f.js";
+import { l as n } from "./enums-B_9ZBu01.js";
+import { t as r } from "./wt-button-CVjzcwNg.js";
 import { n as i, t as a } from "./useVidstackSrc-aQcqC_v0.js";
 import { t as o } from "./wt-popover-BCYPu5NC.js";
 import { t as s } from "./wt-slider-BPzRTeYU.js";

package/dist/{wt-screen-recordings-action-CepB2pqh.js → wt-screen-recordings-action-CVHZAWjl.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import "./utils-CzBdLnFt.js";
+import "./utils-BZHq8qMH.js";
 import { t } from "./engineCallFileType-D7QVFOac.js";
 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";
 //#region src/components/on-demand/wt-screen-recordings-action/wt-screen-recordings-action.vue?vue&type=script&setup=true&lang.ts

package/dist/{wt-search-bar-B4YkhgIB.js → wt-search-bar-DosqJLXT.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t } from "./debounce-Bp3jy7S5.js";
-import { t as n } from "./useValidation-0JwQGpLM.js";
+import { t as n } from "./useValidation-CEed9cxY.js";
 import { computed as r, createBlock as i, createCommentVNode as a, createElementVNode as o, createSlots as s, createTextVNode as c, createVNode as l, defineComponent as u, normalizeClass as d, openBlock as f, renderSlot as p, resolveComponent as m, resolveDirective as h, toDisplayString as g, toRefs as _, unref as v, withCtx as y, withDirectives as b } from "vue";
 //#region src/components/wt-search-bar/wt-search-bar.vue?vue&type=script&setup=true&lang.ts
 var x = { class: "wt-search-bar__icon-controls" }, S = /*#__PURE__*/ e(/* @__PURE__ */ u({

package/dist/{wt-send-message-popup-BhZ7K_Vs.js → wt-send-message-popup-B59bhE16.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./rolldown-runtime-BEcgMyyN.js";
-import { n as t, r as n } from "./clients-BmeOR90W.js";
-import { T as r, n as i, w as a } from "./components-C-ri6OSQ.js";
+import { n as t, r as n } from "./clients-oFIeYM2J.js";
+import { T as r, n as i, w as a } from "./components-BG2hOYak.js";
 import { t as o } from "./vue-i18n-Db_oYfO8.js";
 import { n as s } from "./useEventBus-B-ZeklLu.js";
 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";

package/dist/{wt-status-select-ELI7j73g.js → wt-status-select-Dnv9tj7o.js}

@@ -1,4 +1,4 @@
-import { l as e, v as t } from "./enums-BvonmHq2.js";
+import { l as e, v as t } from "./enums-B_9ZBu01.js";
 import { t as n } from "./vue-i18n-Db_oYfO8.js";
 import { t as r } from "./convertDuration-1K7fuEpO.js";
 import { computed as i, createBlock as a, createVNode as o, defineComponent as s, openBlock as c, resolveComponent as l, unref as u, withCtx as d } from "vue";

package/dist/{wt-timepicker-C3v9Cp2e.js → wt-timepicker-B4MOaSEZ.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { l as t, r as n } from "./enums-BvonmHq2.js";
+import { l as t, r as n } from "./enums-B_9ZBu01.js";
 import { t as r } from "./vue-i18n-Db_oYfO8.js";
-import { t as i } from "./useValidation-0JwQGpLM.js";
+import { t as i } from "./useValidation-CEed9cxY.js";
 import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, defineComponent as d, guardReactiveProps as f, mergeProps as p, nextTick as m, normalizeClass as h, normalizeProps as g, openBlock as _, renderSlot as v, resolveComponent as y, toDisplayString as b, toRefs as x, unref as S, withCtx as C } from "vue";
 //#region src/components/wt-timepicker/wt-timepicker.vue?vue&type=script&setup=true&lang.ts
 var w = { class: "wt-timepicker__wrapper" }, T = 3600, E = 60, D = /*#__PURE__*/ e(/* @__PURE__ */ d({

package/dist/{wt-toast-DxQBRGm2.js → wt-toast-DJJg7o3S.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./wt-icon-WyFAGc4t.js";
-import { i as t, l as n } from "./enums-BvonmHq2.js";
+import { t as e } from "./wt-icon-CAn_j3EL.js";
+import { i as t, l as n } from "./enums-B_9ZBu01.js";
 import { Fragment as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, guardReactiveProps as u, normalizeProps as d, normalizeStyle as f, openBlock as p, resolveComponent as m, toDisplayString as h, unref as g, useAttrs as _, withCtx as v } from "vue";
 //#region node_modules/mitt/dist/mitt.mjs
 function y(e) {

package/dist/{wt-tree-table-C5sxm-Eb.js → wt-tree-table-D-Jzijlk.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { n as t } from "./sortQueryAdapters-CyYXvnDN.js";
-import { n, t as r } from "./wt-icon-btn-BfhuUt8-.js";
+import { n, t as r } from "./wt-icon-btn-BL0OfOZM.js";
 import { t as i } from "./useWtTable-DLWucXPx.js";
 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";
 //#region src/components/wt-tree-table-row/wt-tree-table-row.vue?vue&type=script&setup=true&lang.ts

package/dist/{wt-type-extension-value-input-gQGgxMcJ.js → wt-type-extension-value-input-BEfx2uDx.js}

@@ -1,6 +1,6 @@
-import { t as e } from "./clients-BmeOR90W.js";
-import { a as t, o as n, r, s as i } from "./components-C-ri6OSQ.js";
-import { t as a } from "./enums-BvonmHq2.js";
+import { t as e } from "./clients-oFIeYM2J.js";
+import { a as t, o as n, r, s as i } from "./components-BG2hOYak.js";
+import { t as a } from "./enums-B_9ZBu01.js";
 import { t as o } from "./vue-i18n-Db_oYfO8.js";
 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";
 //#endregion

package/dist/{wt-vidstack-player-B37Mdf0u.js → wt-vidstack-player-efSk6APE.js}

@@ -1,8 +1,8 @@
-import { k as e } from "./components-C-ri6OSQ.js";
+import { k as e } from "./components-BG2hOYak.js";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { l as n } from "./enums-BvonmHq2.js";
-import "./wt-button-D-nFhi1f.js";
-import { t as r } from "./wt-icon-btn-BfhuUt8-.js";
+import { l as n } from "./enums-B_9ZBu01.js";
+import "./wt-button-CVjzcwNg.js";
+import { t as r } from "./wt-icon-btn-BL0OfOZM.js";
 import { $ as i, C as a, D as o, F as s, G as c, H as l, I as u, J as d, K as f, L as p, M as m, N as h, O as ee, P as te, Q as g, R as ne, S as _, U as re, V as v, W as y, X as b, Y as ie, Z as x, _ as S, a as ae, b as oe, c as se, d as ce, et as le, f as ue, g as de, h as fe, i as C, it as pe, j as me, k as he, l as w, m as ge, n as T, nt as E, o as D, ot as _e, p as O, q as k, r as A, rt as ve, t as ye, tt as be, u as xe, v as j, w as Se, y as Ce, z as we } from "./vidstack-D9mvYVIz-DesuYgKV.js";
 import { _ as M, a as Te, c as Ee, d as De, f as Oe, g as ke, h as Ae, i as je, l as Me, m as Ne, n as Pe, o as Fe, p as Ie, r as Le, s as Re, t as N, u as ze } from "./vidstack-CgfrU1hS-CNTJkyzm.js";
 import { _ as Be, a as Ve, c as He, f as Ue, g as We, h as Ge, i as Ke, l as qe, n as Je, r as Ye, s as Xe, t as Ze, u as Qe, v as $e, x as et, y as tt } from "./useVidstackSrc-aQcqC_v0.js";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webitel/ui-sdk",
-	"version": "26.8.75",
+	"version": "26.8.76",
 	"private": false,
 	"scripts": {
 		"dev": "npm run docs:dev",

package/src/components/transitions/__tests__/ExpandTransition.spec.js

@@ -7,4 +7,19 @@ describe('ExpandTransition', () => {
 		const wrapper = shallowMount(ExpandTransition);
 		expect(wrapper.exists()).toBe(true);
 	});
+
+	it('renders default slot content', () => {
+		const wrapper = shallowMount(ExpandTransition, {
+			slots: {
+				default: '<div class="content">hello</div>',
+			},
+		});
+		expect(wrapper.find('.content').text()).toBe('hello');
+	});
+
+	it('sets height to auto on afterEnter', () => {
+		const element = document.createElement('div');
+		ExpandTransition.methods.afterEnter(element);
+		expect(element.style.height).toBe('auto');
+	});
 });

package/src/components/transitions/__tests__/WtReplaceTransition.spec.js

@@ -0,0 +1,66 @@
+import { mount } from '@vue/test-utils';
+
+import WtReplaceTransition from '../cases/wt-replace-transition.vue';
+
+describe('WtReplaceTransition', () => {
+	it('renders default slot content', () => {
+		const wrapper = mount(WtReplaceTransition, {
+			slots: {
+				default: '<div class="content">hello</div>',
+			},
+		});
+		expect(wrapper.find('.content').text()).toBe('hello');
+	});
+
+	it('builds the transition name from the default opacity pattern', () => {
+		const wrapper = mount(WtReplaceTransition, {
+			slots: {
+				default: '<div />',
+			},
+		});
+		expect(
+			wrapper
+				.findComponent({
+					name: 'wt-transition',
+				})
+				.props('name'),
+		).toBe('fade-opacity');
+	});
+
+	it('builds the transition name from a custom pattern', () => {
+		const wrapper = mount(WtReplaceTransition, {
+			props: {
+				pattern: 'slide-up',
+			},
+			slots: {
+				default: '<div />',
+			},
+		});
+		expect(
+			wrapper
+				.findComponent({
+					name: 'wt-transition',
+				})
+				.props('name'),
+		).toBe('fade-slide-up');
+	});
+
+	it('passes duration, appear and mode props through to wt-transition', () => {
+		const wrapper = mount(WtReplaceTransition, {
+			props: {
+				duration: 'slow',
+				appear: true,
+				mode: 'in-out',
+			},
+			slots: {
+				default: '<div />',
+			},
+		});
+		const inner = wrapper.findComponent({
+			name: 'wt-transition',
+		});
+		expect(inner.props('duration')).toBe('slow');
+		expect(inner.props('appear')).toBe(true);
+		expect(inner.props('mode')).toBe('in-out');
+	});
+});

package/src/components/transitions/__tests__/WtTransition.spec.js

@@ -0,0 +1,35 @@
+import { mount } from '@vue/test-utils';
+
+import WtTransition from '../wt-transition.vue';
+
+describe('WtTransition', () => {
+	it('renders default slot content', () => {
+		const wrapper = mount(WtTransition, {
+			slots: {
+				default: '<div class="content">hello</div>',
+			},
+		});
+		expect(wrapper.find('.content').text()).toBe('hello');
+	});
+
+	it('applies the default fast duration class', () => {
+		const wrapper = mount(WtTransition, {
+			slots: {
+				default: '<div />',
+			},
+		});
+		expect(wrapper.classes()).toContain('wt-transition--fast');
+	});
+
+	it('applies a custom duration class', () => {
+		const wrapper = mount(WtTransition, {
+			props: {
+				duration: 'slow',
+			},
+			slots: {
+				default: '<div />',
+			},
+		});
+		expect(wrapper.classes()).toContain('wt-transition--slow');
+	});
+});

package/src/components/wt-action-bar/WtActionBarActionsOrder.js

@@ -1,4 +1,4 @@
-import IconAction from '../../enums/IconAction/IconAction.enum.js';
+import { IconAction } from '../../enums';
 
 export const tableActionsOrder = [
 	IconAction.ADD,

package/src/components/wt-action-bar/__tests__/WtActionBar.spec.js

@@ -0,0 +1,121 @@
+import { mount } from '@vue/test-utils';
+
+import { IconAction } from '../../../enums';
+import {
+	sectionActionsOrder,
+	tableActionsOrder,
+} from '../WtActionBarActionsOrder.js';
+import WtActionBar from '../wt-action-bar.vue';
+
+describe('WtActionBar', () => {
+	it('renders a component', () => {
+		const wrapper = mount(WtActionBar);
+		expect(wrapper.exists()).toBe(true);
+	});
+
+	it('renders table actions by default', () => {
+		const wrapper = mount(WtActionBar);
+		const actions = wrapper.findAllComponents({
+			name: 'wt-icon-action',
+		});
+		expect(actions.length).toBe(tableActionsOrder.length);
+	});
+
+	it('renders section actions when mode is "section"', () => {
+		const wrapper = mount(WtActionBar, {
+			props: {
+				mode: 'section',
+			},
+		});
+		const actions = wrapper.findAllComponents({
+			name: 'wt-icon-action',
+		});
+		expect(actions.length).toBe(sectionActionsOrder.length);
+	});
+
+	it('renders only actions listed in include', () => {
+		const included = [
+			tableActionsOrder[0],
+		];
+		const wrapper = mount(WtActionBar, {
+			props: {
+				include: included,
+			},
+		});
+		const actions = wrapper.findAllComponents({
+			name: 'wt-icon-action',
+		});
+		expect(actions.length).toBe(included.length);
+		expect(actions[0].props('action')).toBe(included[0]);
+	});
+
+	it('excludes actions listed in exclude', () => {
+		const excluded = tableActionsOrder[0];
+		const wrapper = mount(WtActionBar, {
+			props: {
+				exclude: [
+					excluded,
+				],
+			},
+		});
+		const actions = wrapper.findAllComponents({
+			name: 'wt-icon-action',
+		});
+		expect(actions.length).toBe(tableActionsOrder.length - 1);
+		expect(actions.some((a) => a.props('action') === excluded)).toBe(false);
+	});
+
+	it('emits click:[action] when an action is clicked', async () => {
+		const action = tableActionsOrder[0];
+		const wrapper = mount(WtActionBar, {
+			props: {
+				include: [
+					action,
+				],
+			},
+		});
+		await wrapper
+			.findComponent({
+				name: 'wt-icon-action',
+			})
+			.trigger('click');
+		expect(wrapper.emitted(`click:${action}`)).toBeTruthy();
+	});
+
+	it('disables an action via disabled:[action] prop', () => {
+		const action = IconAction.SORT;
+		const wrapper = mount(WtActionBar, {
+			props: {
+				include: [
+					action,
+				],
+				[`disabled:${action}`]: true,
+			},
+		});
+		expect(
+			wrapper
+				.findComponent({
+					name: 'wt-icon-action',
+				})
+				.props('disabled'),
+		).toBe(true);
+	});
+
+	it('passes sort:order prop to sort action', () => {
+		const wrapper = mount(WtActionBar, {
+			props: {
+				include: [
+					IconAction.SORT,
+				],
+				'sort:order': 'asc',
+			},
+		});
+		expect(
+			wrapper
+				.findComponent({
+					name: 'wt-icon-action',
+				})
+				.props('sort:order'),
+		).toBe('asc');
+	});
+});