@ironsource/shared-ui 2.0.0-rc.6 → 2.0.0-rc.8

package/components/snackbar/v4/SnackbarV4.vue.d.ts

@@ -0,0 +1,206 @@
+import { VNode } from 'vue';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    customClass: string;
+    dangerouslyUseHTMLString: boolean;
+    duration?: number;
+    id: string;
+    message: string | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
+    offset: number;
+    onClick: () => void;
+    onClose: () => void;
+    type?: "error" | "info" | "success";
+    position?: "bottom-right" | "bottom-left" | "top-right" | "top-left";
+    showClose?: boolean;
+    title?: string;
+    zIndex?: number;
+    actionButtons: (Partial<{
+        size: "small" | "medium" | "large" | "extraLarge";
+        testId: string;
+        variant: "text" | "contained" | "outlined";
+        loading: boolean;
+        content: string;
+        disabled: boolean;
+        color: "default" | "info" | "success" | "warning" | "primary" | "danger";
+        startIconName: string;
+        endIconName: string;
+        startIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+        endIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+    }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+        size: {
+            type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
+            default: string;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        variant: {
+            type: import("vue").PropType<"text" | "contained" | "outlined">;
+            default: string;
+        };
+        loading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        content: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        color: {
+            type: import("vue").PropType<"default" | "info" | "success" | "warning" | "primary" | "danger">;
+            default: string;
+        };
+        startIconName: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        endIconName: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        startIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+            default: string;
+        };
+        endIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+            default: string;
+        };
+    }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "testId" | "variant" | "loading" | "content" | "disabled" | "color" | "startIconName" | "endIconName" | "startIconType" | "endIconType">)[];
+    testId: string;
+}>, {
+    type: string;
+    zIndex: number;
+    duration: number;
+    showClose: boolean;
+    title: string;
+    position: string;
+    testId: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    destroy: (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    customClass: string;
+    dangerouslyUseHTMLString: boolean;
+    duration?: number;
+    id: string;
+    message: string | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
+    offset: number;
+    onClick: () => void;
+    onClose: () => void;
+    type?: "error" | "info" | "success";
+    position?: "bottom-right" | "bottom-left" | "top-right" | "top-left";
+    showClose?: boolean;
+    title?: string;
+    zIndex?: number;
+    actionButtons: (Partial<{
+        size: "small" | "medium" | "large" | "extraLarge";
+        testId: string;
+        variant: "text" | "contained" | "outlined";
+        loading: boolean;
+        content: string;
+        disabled: boolean;
+        color: "default" | "info" | "success" | "warning" | "primary" | "danger";
+        startIconName: string;
+        endIconName: string;
+        startIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+        endIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+    }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+        size: {
+            type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
+            default: string;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        variant: {
+            type: import("vue").PropType<"text" | "contained" | "outlined">;
+            default: string;
+        };
+        loading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        content: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        color: {
+            type: import("vue").PropType<"default" | "info" | "success" | "warning" | "primary" | "danger">;
+            default: string;
+        };
+        startIconName: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        endIconName: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        startIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+            default: string;
+        };
+        endIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+            default: string;
+        };
+    }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "testId" | "variant" | "loading" | "content" | "disabled" | "color" | "startIconName" | "endIconName" | "startIconType" | "endIconType">)[];
+    testId: string;
+}>, {
+    type: string;
+    zIndex: number;
+    duration: number;
+    showClose: boolean;
+    title: string;
+    position: string;
+    testId: string;
+}>>> & {
+    onDestroy?: (...args: any[]) => any;
+}, {
+    type: "error" | "info" | "success";
+    title: string;
+    testId: string;
+    position: "bottom-right" | "bottom-left" | "top-right" | "top-left";
+    zIndex: number;
+    duration: number;
+    showClose: boolean;
+}>, {
+    default?(_: {}): any;
+    actions?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/snackbar/v4/SnackbarV4.vue.js

@@ -0,0 +1,7 @@
+import o from "./SnackbarV4.vue2.js";
+/* empty css                 */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../SnackbarV4.vue_vue_type_style_index_0_scoped_48311746_lang.css"; //*');
+const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-48311746"]]);
+export {
+  s as default
+};

package/components/snackbar/v4/SnackbarV4.vue2.js

@@ -0,0 +1,137 @@
+ import "../../../SnackbarV4.vue_vue_type_style_index_0_scoped_48311746_lang.css"; import { defineComponent as $, computed as p, openBlock as n, createBlock as c, Transition as A, withCtx as f, withDirectives as g, createElementVNode as a, mergeProps as l, unref as e, createVNode as O, createTextVNode as I, toDisplayString as T, createCommentVNode as d, renderSlot as h, vShow as B, createElementBlock as N, Fragment as V, renderList as x, withModifiers as z } from "vue";
+import U from "../../icon/v4/IconV4.vue.js";
+import D from "../../button/v4/ButtonV4.vue.js";
+import H from "../../button/v4/IconButtonV4.vue.js";
+import S from "../../typography/v4/Typography.vue.js";
+import { snackbarCommon as F } from "../common/snackbar.common.js";
+import { useTestIdAttrs as G } from "../../../utils/testIds.js";
+import { SnackbarTestIdModifiers as i } from "../../../testids/index.js";
+const P = ["id"], R = { class: "container" }, j = { class: "texts" }, q = { class: "message" }, J = { class: "action-wrapper" }, K = {
+  key: 0,
+  class: "actions"
+}, Q = { class: "close-button-wrapper" }, se = /* @__PURE__ */ $({
+  __name: "SnackbarV4",
+  props: {
+    customClass: null,
+    dangerouslyUseHTMLString: { type: Boolean },
+    duration: { default: 3e3 },
+    id: null,
+    message: null,
+    offset: null,
+    onClick: null,
+    onClose: null,
+    type: { default: "info" },
+    position: { default: "top-right" },
+    showClose: { type: Boolean, default: !0 },
+    title: { default: "" },
+    zIndex: { default: 0 },
+    actionButtons: null,
+    testId: { default: "" }
+  },
+  emits: ["destroy"],
+  setup(t) {
+    const u = t, {
+      visible: b,
+      horizontalClass: w,
+      positionStyle: L,
+      clearTimer: k,
+      startTimer: C,
+      close: E
+    } = F(u), M = {
+      info: {
+        iconName: "info",
+        class: "snackbar-icon-info"
+      },
+      error: {
+        iconName: "warning-octagon",
+        class: "snackbar-icon-error"
+      },
+      success: {
+        iconName: "check-circle",
+        class: "snackbar-icon-success"
+      }
+    }, y = p(() => M[u.type]), r = G(u.testId, i);
+    return (m, o) => (n(), c(A, {
+      name: "snackbar",
+      onBeforeLeave: t.onClose,
+      onAfterLeave: o[3] || (o[3] = (s) => m.$emit("destroy"))
+    }, {
+      default: f(() => [
+        g(a("div", l({
+          id: t.id,
+          class: ["snackbar light-theme-v4", [t.customClass, e(w)]],
+          style: e(L),
+          role: "alert"
+        }, e(r)[e(i).CONTAINER], {
+          onMouseenter: o[0] || (o[0] = //@ts-ignore
+          (...s) => e(k) && e(k)(...s)),
+          onMouseleave: o[1] || (o[1] = //@ts-ignore
+          (...s) => e(C) && e(C)(...s)),
+          onClick: o[2] || (o[2] = //@ts-ignore
+          (...s) => t.onClick && t.onClick(...s))
+        }), [
+          a("div", R, [
+            a("div", j, [
+              t.title ? (n(), c(e(S), l({
+                key: 0,
+                variant: "h4",
+                class: "title"
+              }, e(r)[e(i).TITLE]), {
+                default: f(() => [
+                  O(e(U), l({
+                    name: e(y).iconName,
+                    type: "fill",
+                    size: "24px",
+                    class: [e(y).class, "icon-container"]
+                  }, e(r)[e(i).ICON]), null, 16, ["name", "class"]),
+                  I(" " + T(t.title), 1)
+                ]),
+                _: 1
+              }, 16)) : d("", !0),
+              g(a("div", q, [
+                h(m.$slots, "default", {}, () => [
+                  t.dangerouslyUseHTMLString ? d("", !0) : (n(), c(e(S), l({
+                    key: 0,
+                    variant: "body2"
+                  }, e(r)[e(i).MESSAGE]), {
+                    default: f(() => [
+                      I(T(t.message), 1)
+                    ]),
+                    _: 1
+                  }, 16))
+                ], !0)
+              ], 512), [
+                [B, t.message]
+              ]),
+              a("div", J, [
+                h(m.$slots, "actions", {}, () => [
+                  t.actionButtons ? (n(), N("div", K, [
+                    (n(!0), N(V, null, x(t.actionButtons, (s, v) => (n(), c(e(D), l({
+                      key: v,
+                      "data-testid": t.testId ? `${t.testId}-${e(i).ACTION_BUTTON}-${v}` : ""
+                    }, { ...s }), null, 16, ["data-testid"]))), 128))
+                  ])) : d("", !0)
+                ], !0)
+              ])
+            ]),
+            a("div", Q, [
+              t.showClose ? (n(), c(e(H), l({
+                key: 0,
+                "icon-name": "x",
+                size: "small"
+              }, e(r)[e(i).CLOSE], {
+                onClick: z(e(E), ["stop"])
+              }), null, 16, ["onClick"])) : d("", !0)
+            ])
+          ])
+        ], 16, P), [
+          [B, e(b)]
+        ])
+      ]),
+      _: 3
+    }, 8, ["onBeforeLeave"]));
+  }
+});
+export {
+  se as default
+};

package/components/snackbar/v4/index.d.ts

@@ -0,0 +1,4 @@
+export declare const Snackbar: import("../common/snackbar.types").Notify;
+export default Snackbar;
+export declare const createSnackbar: (constructorComponent: any) => import("../common/snackbar.types").Notify;
+export * from '../common/snackbar.types';

package/components/snackbar/v4/index.js

@@ -0,0 +1,11 @@
+import a from "./SnackbarV4.vue.js";
+import r from "../common/notify.js";
+import { snackbarEmits as m, snackbarTypes as b } from "../common/snackbar.types.js";
+const c = r(a), e = r;
+export {
+  c as Snackbar,
+  e as createSnackbar,
+  c as default,
+  m as snackbarEmits,
+  b as snackbarTypes
+};

package/components/table/v3/index.d.ts

@@ -28,14 +28,14 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            isLoading: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             columns: {
                 type: import("vue").PropType<import("../common/Table.types").Column[]>;
                 required: true;
             };
+            isLoading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             isSticky: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -122,14 +122,14 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            isLoading: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             columns: {
                 type: import("vue").PropType<import("../common/Table.types").Column[]>;
                 required: true;
             };
+            isLoading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             isSticky: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -240,14 +240,14 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
             type: import("vue").PropType<string>;
             default: string;
         };
-        isLoading: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         columns: {
             type: import("vue").PropType<import("../common/Table.types").Column[]>;
             required: true;
         };
+        isLoading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         isSticky: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -319,14 +319,14 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
         type: import("vue").PropType<string>;
         default: string;
     };
-    isLoading: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     columns: {
         type: import("vue").PropType<import("../common/Table.types").Column[]>;
         required: true;
     };
+    isLoading: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     isSticky: {
         type: import("vue").PropType<boolean>;
         default: boolean;

package/components/table/v4/DataGrid.vue.d.ts

@@ -120,10 +120,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     title: string;
     search: string;
     testId: string;
-    isLoading: boolean;
     searchPlaceholder: string;
     selection: unknown[];
     searchAutoFocus: boolean;
+    isLoading: boolean;
     isSticky: boolean;
     sections: Section[];
     isStickyHeader: boolean;

package/components/table/v4/DataGrid.vue.js

@@ -1,7 +1,7 @@
 import o from "./DataGrid.vue2.js";
 /* empty css               */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_f080f37f_lang.css"; //*');
-const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-f080f37f"]]);
+// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_7a670808_lang.css"; //*');
+const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-7a670808"]]);
 export {
   s as default
 };

package/components/table/v4/DataGrid.vue2.js

@@ -1,15 +1,15 @@
- import "../../../DataGrid.vue_vue_type_style_index_0_scoped_f080f37f_lang.css"; import { defineComponent as p, useCssVars as _, unref as t, useSlots as tt, computed as H, openBlock as i, createElementBlock as d, createElementVNode as n, normalizeStyle as v, normalizeClass as y, renderSlot as r, createVNode as c, withCtx as b, createTextVNode as $, toDisplayString as R, isRef as et, createCommentVNode as u, Fragment as T, renderList as C, createBlock as st, mergeProps as at } from "vue";
+ import "../../../DataGrid.vue_vue_type_style_index_0_scoped_7a670808_lang.css"; import { defineComponent as p, useCssVars as _, unref as t, useSlots as tt, computed as H, openBlock as i, createElementBlock as d, createElementVNode as n, normalizeStyle as v, normalizeClass as y, renderSlot as r, createVNode as c, withCtx as b, createTextVNode as $, toDisplayString as R, isRef as et, createCommentVNode as u, Fragment as T, renderList as C, createBlock as st, mergeProps as at } from "vue";
 import E from "../../typography/v4/Typography.vue.js";
 import it from "../../skeleton/Skeleton.vue.js";
 import dt from "../../emptyState/v4/EmptyStateV4.vue.js";
-import U from "../../checkbox/Checkbox.vue.js";
-import { TableTestIdModifiers as f } from "../../../testids/index.js";
+import z from "../../checkbox/v4/CheckboxV4.vue.js";
+import { TableTestIdModifiers as S } from "../../../testids/index.js";
 import { tableCommon as lt } from "../common/Table.common.js";
 import ot from "./SortIcon.vue.js";
 import nt from "./ExpandRowToggle.vue.js";
 import rt from "../../search/v4/SearchV4.vue.js";
 import { useVModel as ct } from "@vueuse/core";
-const ut = ["data-testid"], ht = ["data-testid"], yt = ["data-testid"], ft = ["data-testid"], St = ["data-testid"], kt = { class: "search-wrapper" }, mt = ["data-testid"], gt = ["data-testid"], vt = { key: 0 }, bt = {
+const ut = ["data-testid"], ht = ["data-testid"], yt = ["data-testid"], St = ["data-testid"], ft = ["data-testid"], kt = { class: "search-wrapper" }, mt = ["data-testid"], gt = ["data-testid"], vt = { key: 0 }, bt = {
   key: 1,
   class: "expand-toggle-cell"
 }, $t = ["onClick"], Rt = { class: "table-head-container" }, Tt = ["data-testid"], Ct = ["onMouseenter"], Et = { key: 0 }, xt = {
@@ -21,7 +21,7 @@ const ut = ["data-testid"], ht = ["data-testid"], yt = ["data-testid"], ft = ["d
 }, Pt = { key: 1 }, Vt = {
   key: 0,
   class: "table-footer"
-}, Ut = /* @__PURE__ */ p({
+}, zt = /* @__PURE__ */ p({
   __name: "DataGrid",
   props: {
     title: { default: "" },
@@ -30,7 +30,7 @@ const ut = ["data-testid"], ht = ["data-testid"], yt = ["data-testid"], ft = ["d
     sections: { default: null },
     sort: { default: null },
     selection: { default: null },
-    getRowId: { type: Function, default: (s, S) => S },
+    getRowId: { type: Function, default: (s, f) => f },
     isSticky: { type: Boolean, default: !0 },
     isStickyHeader: { type: Boolean, default: !1 },
     isLoading: { type: Boolean, default: !1 },
@@ -49,12 +49,12 @@ const ut = ["data-testid"], ht = ["data-testid"], yt = ["data-testid"], ft = ["d
     searchAutoFocus: { type: Boolean, default: !1 }
   },
   emits: ["update:sort", "update:search", "update:selection", "onScroll", "saveRow", "loadMore"],
-  setup(s, { emit: S }) {
+  setup(s, { emit: f }) {
     const h = s;
     _((a) => ({
-      "0df6ad71": t(K),
-      "32cd282a": t(L),
-      "1e6d6132": t(J)
+      dc06b224: t(K),
+      "658a9332": t(L),
+      "7684bda2": t(J)
     }));
     const x = tt(), {
       list: I,
@@ -74,16 +74,16 @@ const ut = ["data-testid"], ht = ["data-testid"], yt = ["data-testid"], ft = ["d
       cssExpandGridCol: K,
       isRowExpanded: P,
       hasCheckboxes: M
-    } = lt(h, S), O = H(() => !!x.footer), V = ct(h, "search", S), D = H(() => h.selection.length || 0), A = H(() => D.value === h.rows.length), z = (a) => h.selection.includes(a), X = (a) => {
-      z(a) ? g(h.selection.filter((o) => o !== a)) : g([...h.selection, a]);
+    } = lt(h, f), O = H(() => !!x.footer), V = ct(h, "search", f), D = H(() => h.selection.length || 0), A = H(() => D.value === h.rows.length), U = (a) => h.selection.includes(a), X = (a) => {
+      U(a) ? g(h.selection.filter((o) => o !== a)) : g([...h.selection, a]);
     }, Z = () => {
       A.value ? g([]) : g(h.rows.map((a, o) => h.getRowId(a, o)));
     }, g = (a) => {
-      S("update:selection", a);
+      f("update:selection", a);
     };
     return (a, o) => (i(), d("div", {
       class: "table-container",
-      "data-testid": `${s.testId}-${t(f).CONTAINER}`,
+      "data-testid": `${s.testId}-${t(S).CONTAINER}`,
       onMouseleave: o[2] || (o[2] = (e) => B.value = null)
     }, [
       n("table", {
@@ -92,18 +92,18 @@ const ut = ["data-testid"], ht = ["data-testid"], yt = ["data-testid"], ft = ["d
         class: y({
           hasFooter: t(O)
         }),
-        "data-testid": `${s.testId}-${t(f).TABLE}`,
+        "data-testid": `${s.testId}-${t(S).TABLE}`,
         onScrollPassive: o[1] || (o[1] = //@ts-ignore
         (...e) => t(w) && t(w)(...e))
       }, [
         s.title || t(W) || t(x)["table-header-actions"] ? (i(), d("div", {
           key: 0,
           class: y(["table-header", { isStickyHeader: s.isStickyHeader }]),
-          "data-testid": `${s.testId}-${t(f).HEADER}`
+          "data-testid": `${s.testId}-${t(S).HEADER}`
         }, [
           n("div", {
             class: "table-title",
-            "data-testid": `${s.testId}-${t(f).TITLE}`
+            "data-testid": `${s.testId}-${t(S).TITLE}`
           }, [
             r(a.$slots, "title", {}, () => [
               c(t(E), { variant: "h3" }, {
@@ -113,10 +113,10 @@ const ut = ["data-testid"], ht = ["data-testid"], yt = ["data-testid"], ft = ["d
                 _: 1
               })
             ], !0)
-          ], 8, ft),
+          ], 8, St),
           n("div", {
             class: "table-header-right",
-            "data-testid": `${s.testId}-${t(f).HEADER_RIGHT}`
+            "data-testid": `${s.testId}-${t(S).HEADER_RIGHT}`
           }, [
             s.showSearch ? r(a.$slots, "search", { key: 0 }, () => [
               n("div", kt, [
@@ -129,11 +129,11 @@ const ut = ["data-testid"], ht = ["data-testid"], yt = ["data-testid"], ft = ["d
                 }, null, 8, ["modelValue", "placeholder", "auto-focus", "test-id"])
               ])
             ], !0) : u("", !0)
-          ], 8, St),
+          ], 8, ft),
           t(x)["table-header-actions"] ? (i(), d("div", {
             key: 0,
             class: "table-header-actions",
-            "data-testid": `${s.testId}-${t(f).ACTIONS}`
+            "data-testid": `${s.testId}-${t(S).ACTIONS}`
           }, [
             r(a.$slots, "table-header-actions", {}, void 0, !0)
           ], 8, mt)) : u("", !0)
@@ -143,7 +143,7 @@ const ut = ["data-testid"], ht = ["data-testid"], yt = ["data-testid"], ft = ["d
         }, [
           n("div", {
             class: "sections",
-            "data-testid": `${s.testId}-${t(f).SECTIONS}`
+            "data-testid": `${s.testId}-${t(S).SECTIONS}`
           }, [
             (i(!0), d(T, null, C(s.sections, (e) => (i(), d("div", {
               key: e.id,
@@ -166,10 +166,9 @@ const ut = ["data-testid"], ht = ["data-testid"], yt = ["data-testid"], ft = ["d
           ], 8, gt),
           n("tr", null, [
             t(M) ? (i(), d("th", vt, [
-              c(t(U), {
+              c(t(z), {
                 "is-checked": t(A),
                 "is-indeterminate": !t(A) && t(D) > 0,
-                size: "sm",
                 "onUpdate:isChecked": Z
               }, null, 8, ["is-checked", "is-indeterminate"])
             ])) : u("", !0),
@@ -207,7 +206,7 @@ const ut = ["data-testid"], ht = ["data-testid"], yt = ["data-testid"], ft = ["d
           t(I).length > 0 ? (i(), d("div", at({
             key: 0,
             class: "table-body-wrapper",
-            "data-testid": `${s.testId}-${t(f).BODY_WRAPPER}`
+            "data-testid": `${s.testId}-${t(S).BODY_WRAPPER}`
           }, t(Y)), [
             (i(!0), d(T, null, C(t(I), (e) => (i(), d("tr", {
               key: e.index,
@@ -219,8 +218,8 @@ const ut = ["data-testid"], ht = ["data-testid"], yt = ["data-testid"], ft = ["d
               onMouseenter: (k) => B.value = e.index
             }, [
               t(M) ? (i(), d("td", Et, [
-                c(t(U), {
-                  "is-checked": z(s.getRowId(e.data, e.index)),
+                c(t(z), {
+                  "is-checked": U(s.getRowId(e.data, e.index)),
                   size: "sm",
                   "onUpdate:isChecked": (k) => X(s.getRowId(e.data, e.index))
                 }, null, 8, ["is-checked", "onUpdate:isChecked"])
@@ -279,7 +278,7 @@ const ut = ["data-testid"], ht = ["data-testid"], yt = ["data-testid"], ft = ["d
                 title: s.emptyStateTitle,
                 subtitle: s.emptyStateSubtitle,
                 variant: s.emptyStateVariant,
-                "test-id": `${s.testId}-${t(f).EMPTY_STATE}`
+                "test-id": `${s.testId}-${t(S).EMPTY_STATE}`
               }, null, 8, ["title", "subtitle", "variant", "test-id"])
             ], !0)
           ]))
@@ -292,5 +291,5 @@ const ut = ["data-testid"], ht = ["data-testid"], yt = ["data-testid"], ft = ["d
   }
 });
 export {
-  Ut as default
+  zt as default
 };