@ironsource/shared-ui 2.0.2-rc.4 → 2.0.2-rc.5

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

@@ -1,12 +1,12 @@
 declare const SearchTypes: () => import("vue").DefineComponent<{
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     testId: {
         type: import("vue").PropType<string>;
         default: string;
     };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     modelValue: {
         type: import("vue").PropType<string>;
         required: true;
@@ -14,7 +14,6 @@ declare const SearchTypes: () => import("vue").DefineComponent<{
     placeholder: {
         type: import("vue").PropType<string>;
         required: true;
-        default: string;
     };
     autoFocus: {
         type: import("vue").PropType<boolean>;
@@ -25,14 +24,14 @@ declare const SearchTypes: () => import("vue").DefineComponent<{
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string | number) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     testId: {
         type: import("vue").PropType<string>;
         default: string;
     };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     modelValue: {
         type: import("vue").PropType<string>;
         required: true;
@@ -40,7 +39,6 @@ declare const SearchTypes: () => import("vue").DefineComponent<{
     placeholder: {
         type: import("vue").PropType<string>;
         required: true;
-        default: string;
     };
     autoFocus: {
         type: import("vue").PropType<boolean>;
@@ -49,9 +47,8 @@ declare const SearchTypes: () => import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: (value: string | number) => any;
 }, {
-    disabled: boolean;
     testId: string;
-    placeholder: string;
+    disabled: boolean;
     autoFocus: boolean;
 }>[];
 export { default as Search } from './SearchV4.vue';

package/components/shared/FieldHelpText.vue.d.ts

@@ -21,8 +21,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     showIcon: boolean;
 }>>>, {
     text: string;
-    variant: FeedbackVariant;
     testId: string;
+    variant: FeedbackVariant;
     showIcon: boolean;
 }>;
 export default _default;

package/components/shared/FieldLabel.vue.d.ts

@@ -29,9 +29,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     hoverHelpTextPlacement: string;
 }>>>, {
     label: string;
+    testId: string;
     disabled: boolean;
     mandatory: boolean;
-    testId: string;
     hoverHelpText: string;
     hoverHelpTextPlacement: TooltipPositions;
 }>;

package/components/snackbar/common/snackbar.common.d.ts

@@ -1,7 +1,7 @@
 import type { CSSProperties } from 'vue';
 export declare const snackbarCommon: (props: any) => {
     visible: import("vue").Ref<boolean>;
-    horizontalClass: import("vue").ComputedRef<"left" | "right">;
+    horizontalClass: import("vue").ComputedRef<"right" | "left">;
     positionStyle: import("vue").ComputedRef<CSSProperties>;
     clearTimer: () => void;
     startTimer: () => void;

package/components/snackbar/v3/Snackbar.vue.d.ts

@@ -11,8 +11,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     offset: number;
     onClick: () => void;
     onClose: () => void;
-    type?: "info" | "success" | "error";
-    position?: "top-right" | "top-left" | "bottom-right" | "bottom-left";
+    type?: "error" | "info" | "success";
+    position?: "bottom-right" | "bottom-left" | "top-right" | "top-left";
     showClose?: boolean;
     title?: string;
     zIndex?: number;
@@ -37,8 +37,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     offset: number;
     onClick: () => void;
     onClose: () => void;
-    type?: "info" | "success" | "error";
-    position?: "top-right" | "top-left" | "bottom-right" | "bottom-left";
+    type?: "error" | "info" | "success";
+    position?: "bottom-right" | "bottom-left" | "top-right" | "top-left";
     showClose?: boolean;
     title?: string;
     zIndex?: number;
@@ -52,9 +52,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>> & {
     onDestroy?: (...args: any[]) => any;
 }, {
-    type: "info" | "success" | "error";
+    type: "error" | "info" | "success";
     title: string;
-    position: "top-right" | "top-left" | "bottom-right" | "bottom-left";
+    position: "bottom-right" | "bottom-left" | "top-right" | "top-left";
     zIndex: number;
     duration: number;
     showClose: boolean;

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

@@ -10,50 +10,50 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     offset: number;
     onClick: () => void;
     onClose: () => void;
-    type?: "info" | "success" | "error";
-    position?: "top-right" | "top-left" | "bottom-right" | "bottom-left";
+    type?: "error" | "info" | "success";
+    position?: "bottom-right" | "bottom-left" | "top-right" | "top-left";
     showClose?: boolean;
     title?: string;
     zIndex?: number;
     actionButtons: (Partial<{
-        disabled: boolean;
         size: "small" | "medium" | "large" | "extraLarge";
-        color: "default" | "primary" | "danger" | "info" | "success" | "warning";
+        testId: string;
         variant: "text" | "contained" | "outlined";
-        content: string;
         loading: boolean;
-        testId: string;
+        content: string;
+        disabled: boolean;
+        color: "default" | "info" | "success" | "warning" | "primary" | "danger";
         startIconName: string;
         endIconName: string;
-        startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
-        endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+        startIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+        endIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
     }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         size: {
             type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
             default: string;
         };
-        color: {
-            type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
+        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;
         };
-        loading: {
+        disabled: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        testId: {
-            type: import("vue").PropType<string>;
+        color: {
+            type: import("vue").PropType<"default" | "info" | "success" | "warning" | "primary" | "danger">;
             default: string;
         };
         startIconName: {
@@ -65,14 +65,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             default: any;
         };
         startIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+            type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
             default: string;
         };
         endIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+            type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
             default: string;
         };
-    }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "size" | "color" | "variant" | "content" | "loading" | "testId" | "startIconName" | "endIconName" | "startIconType" | "endIconType">)[];
+    }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "testId" | "variant" | "loading" | "content" | "disabled" | "color" | "startIconName" | "endIconName" | "startIconType" | "endIconType">)[];
     testId: string;
 }>, {
     type: string;
@@ -95,50 +95,50 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     offset: number;
     onClick: () => void;
     onClose: () => void;
-    type?: "info" | "success" | "error";
-    position?: "top-right" | "top-left" | "bottom-right" | "bottom-left";
+    type?: "error" | "info" | "success";
+    position?: "bottom-right" | "bottom-left" | "top-right" | "top-left";
     showClose?: boolean;
     title?: string;
     zIndex?: number;
     actionButtons: (Partial<{
-        disabled: boolean;
         size: "small" | "medium" | "large" | "extraLarge";
-        color: "default" | "primary" | "danger" | "info" | "success" | "warning";
+        testId: string;
         variant: "text" | "contained" | "outlined";
-        content: string;
         loading: boolean;
-        testId: string;
+        content: string;
+        disabled: boolean;
+        color: "default" | "info" | "success" | "warning" | "primary" | "danger";
         startIconName: string;
         endIconName: string;
-        startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
-        endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+        startIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+        endIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
     }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         size: {
             type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
             default: string;
         };
-        color: {
-            type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
+        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;
         };
-        loading: {
+        disabled: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        testId: {
-            type: import("vue").PropType<string>;
+        color: {
+            type: import("vue").PropType<"default" | "info" | "success" | "warning" | "primary" | "danger">;
             default: string;
         };
         startIconName: {
@@ -150,14 +150,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             default: any;
         };
         startIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+            type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
             default: string;
         };
         endIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+            type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
             default: string;
         };
-    }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "size" | "color" | "variant" | "content" | "loading" | "testId" | "startIconName" | "endIconName" | "startIconType" | "endIconType">)[];
+    }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "testId" | "variant" | "loading" | "content" | "disabled" | "color" | "startIconName" | "endIconName" | "startIconType" | "endIconType">)[];
     testId: string;
 }>, {
     type: string;
@@ -170,11 +170,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>> & {
     onDestroy?: (...args: any[]) => any;
 }, {
-    type: "info" | "success" | "error";
+    type: "error" | "info" | "success";
     title: string;
-    position: "top-right" | "top-left" | "bottom-right" | "bottom-left";
-    zIndex: number;
     testId: string;
+    position: "bottom-right" | "bottom-left" | "top-right" | "top-left";
+    zIndex: number;
     duration: number;
     showClose: boolean;
 }>, {

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

@@ -1,7 +1,7 @@
-import c from "./SnackbarV4.vue2.js";
-/* empty css                 */import o from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../SnackbarV4.vue_vue_type_style_index_0_scoped_49c5ccea_lang.css"; //*');
-const a = /* @__PURE__ */ o(c, [["__scopeId", "data-v-49c5ccea"]]);
+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 {
-  a as default
+  s as default
 };

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

@@ -1,4 +1,4 @@
- import "../../../SnackbarV4.vue_vue_type_style_index_0_scoped_49c5ccea_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 z, createTextVNode as I, toDisplayString as T, createCommentVNode as d, renderSlot as h, vShow as B, createElementBlock as N, Fragment as O, renderList as V, withModifiers as x } from "vue";
+ 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";
@@ -78,10 +78,10 @@ const P = ["id"], R = { class: "container" }, j = { class: "texts" }, q = { clas
                 class: "title"
               }, e(r)[e(i).TITLE]), {
                 default: f(() => [
-                  z(e(U), l({
+                  O(e(U), l({
                     name: e(y).iconName,
                     type: "fill",
-                    size: "20px",
+                    size: "24px",
                     class: [e(y).class, "icon-container"]
                   }, e(r)[e(i).ICON]), null, 16, ["name", "class"]),
                   I(" " + T(t.title), 1)
@@ -106,10 +106,9 @@ const P = ["id"], R = { class: "container" }, j = { class: "texts" }, q = { clas
               a("div", J, [
                 h(m.$slots, "actions", {}, () => [
                   t.actionButtons ? (n(), N("div", K, [
-                    (n(!0), N(O, null, V(t.actionButtons, (s, v) => (n(), c(e(D), l({
+                    (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}` : "",
-                      size: "small"
+                      "data-testid": t.testId ? `${t.testId}-${e(i).ACTION_BUTTON}-${v}` : ""
                     }, { ...s }), null, 16, ["data-testid"]))), 128))
                   ])) : d("", !0)
                 ], !0)
@@ -121,7 +120,7 @@ const P = ["id"], R = { class: "container" }, j = { class: "texts" }, q = { clas
                 "icon-name": "x",
                 size: "small"
               }, e(r)[e(i).CLOSE], {
-                onClick: x(e(E), ["stop"])
+                onClick: z(e(E), ["stop"])
               }), null, 16, ["onClick"])) : d("", !0)
             ])
           ])

package/components/table/common/Table.common.js

@@ -1,9 +1,9 @@
-import { ref as a, provide as z, computed as i, useSlots as G, onMounted as K, nextTick as N } from "vue";
+import { useSlots as z, ref as a, provide as G, computed as s, onMounted as K, nextTick as N } from "vue";
 import { useVirtualList as V, useInfiniteScroll as j } from "@vueuse/core";
 import { TableContext as q } from "./TableContext.js";
 const F = 46, J = 46, Z = (o, u) => {
-  const c = a([]);
-  z(q, {
+  const v = z(), c = a([]);
+  G(q, {
     onClose({ rowIndex: t, cellIndex: e, value: n } = {}) {
       n && (c.value = [...c.value, t], u("saveRow", {
         rowIndex: t,
@@ -11,37 +11,37 @@ const F = 46, J = 46, Z = (o, u) => {
         value: n,
         confirm: () => {
           c.value = c.value.filter(
-            (s) => s !== t
+            (i) => i !== t
           );
         }
       }));
     }
   });
-  const m = i(() => !!o.selection), T = i(() => {
-    const t = (m.value ? `${J}px ` : "") + (C.value ? `${F}px ` : "");
+  const x = s(() => !!o.selection), T = s(() => {
+    const t = (x.value ? `${J}px ` : "") + (g.value ? `${F}px ` : "");
     return o.columns.reduce((e, n) => {
-      const s = n.width ? `${n.width}px` : `${n.colSpan || 1}fr`;
-      return `${e} ${s}`;
+      const i = n.width ? `${n.width}px` : `${n.colSpan || 1}fr`;
+      return `${e} ${i}`;
     }, t);
-  }), R = a(null), y = i(() => Array(o.loadingRowCount).fill(
+  }), g = s(() => !!v.expanded), R = a(null), y = s(() => Array(o.loadingRowCount).fill(
     Array(o.columns.length).fill("")
-  )), $ = i(() => o.isLoading ? [...o.rows, ...y.value] : o.rows), { list: v, containerProps: l, wrapperProps: b } = V($, {
-    itemHeight: (t) => h[t] ?? o.rowHeight
-  }), H = a(null), g = a(0), x = G(), k = i(() => !!x.search), B = (t) => {
-    l.onScroll(), g.value = t.target.scrollLeft + t.target.getBoundingClientRect().width, u("onScroll", t.target.scrollTop);
+  )), H = s(() => o.isLoading ? [...o.rows, ...y.value] : o.rows), { list: C, containerProps: l, wrapperProps: $ } = V(H, {
+    itemHeight: g.value ? (t) => w[t] ?? o.rowHeight : o.rowHeight
+  }), b = a(null), h = a(0), k = s(() => !!v.search), B = (t) => {
+    l.onScroll(), h.value = t.target.scrollLeft + t.target.getBoundingClientRect().width, u("onScroll", t.target.scrollTop);
   };
   K(() => {
-    g.value = l.ref.value?.getBoundingClientRect().width, o.defaultScrollPosition && setTimeout(() => {
+    h.value = l.ref.value?.getBoundingClientRect().width, o.defaultScrollPosition && setTimeout(() => {
       l.ref.value?.scrollTo({
         top: o.defaultScrollPosition,
         behavior: "smooth"
       });
     }, 300);
   });
-  const I = i(() => {
-    const [t] = v.value;
+  const I = s(() => {
+    const [t] = C.value;
     return t && t.index > 0;
-  }), O = i(() => l.style), P = i(() => o.columns.reduce((t, e) => (e.isSticky && (t[e.id] = A(e)), t), {}));
+  }), O = s(() => l.style), P = s(() => o.columns.reduce((t, e) => (e.isSticky && (t[e.id] = A(e)), t), {}));
   j(
     l.ref,
     () => {
@@ -61,37 +61,37 @@ const F = 46, J = 46, Z = (o, u) => {
     const e = o.sort.sortBy === t.id;
     if (!(t.isSortable || t.isSortable === void 0))
       return;
-    let s = o.sort.sortOrder, f = o.sort.sortBy;
-    e ? s = o.sort.sortOrder === "asc" ? "desc" : "asc" : f = t.id, u("update:sort", { sortBy: f, sortOrder: s });
+    let i = o.sort.sortOrder, f = o.sort.sortBy;
+    e ? i = o.sort.sortOrder === "asc" ? "desc" : "asc" : f = t.id, u("update:sort", { sortBy: f, sortOrder: i });
   }
   function A(t) {
     const { isSticky: e, width: n } = t;
     if (!e || !n)
       return null;
-    const s = o.columns.findIndex((r) => r.id === t.id), f = o.columns.reduce((r, S, w) => w < s ? r + S.width : r, 0), X = o.columns.reduce((r, S, w) => w > s ? r + S.width : r, 0);
+    const i = o.columns.findIndex((r) => r.id === t.id), f = o.columns.reduce((r, S, m) => m < i ? r + S.width : r, 0), X = o.columns.reduce((r, S, m) => m > i ? r + S.width : r, 0);
     return {
       ...t.isStickyRight ? { right: `${X}px` } : { left: `${f}px` },
       zIndex: 1
     };
   }
-  const d = a([]), h = {}, _ = (t) => d.value.includes(t), D = async (t, e) => {
+  const d = a([]), w = {}, _ = (t) => d.value.includes(t), D = async (t, e) => {
     const n = d.value.indexOf(t);
     if (n === -1) {
       d.value.push(t);
-      const s = e.target.closest("tr");
-      await N(), s && (h[t] = s.offsetHeight);
+      const i = e.target.closest("tr");
+      await N(), i && (w[t] = i.offsetHeight);
     } else
-      d.value.splice(n, 1), delete h[t];
-  }, C = i(() => !!x.expanded), M = i(() => `${o.rowHeight}px`), W = i(
+      d.value.splice(n, 1), delete w[t];
+  }, M = s(() => `${o.rowHeight}px`), W = s(
     () => `1 / span ${o.columns.length + 1}`
   );
   return {
-    list: v,
+    list: C,
     containerProps: l,
-    wrapperProps: b,
+    wrapperProps: $,
     activeRow: R,
     gridColumnTemplate: T,
-    floatingActionRef: H,
+    floatingActionRef: b,
     scrollToTop: E,
     toggleSortOrder: L,
     columnsStickyPositions: P,
@@ -100,9 +100,9 @@ const F = 46, J = 46, Z = (o, u) => {
     containerStyle: O,
     onScroll: B,
     savingRows: c,
-    floatingActionPosition: g,
-    hasExpandSlot: C,
-    hasCheckboxes: m,
+    floatingActionPosition: h,
+    hasExpandSlot: g,
+    hasCheckboxes: x,
     toggleExpandRow: D,
     isRowExpanded: _,
     cssRowHeight: M,

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

@@ -24,14 +24,14 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
                 type: import("vue").PropType<string>;
                 required: true;
             };
-            columns: {
-                type: import("vue").PropType<import("../common/Table.types").Column[]>;
-                required: true;
-            };
             testId: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            columns: {
+                type: import("vue").PropType<import("../common/Table.types").Column[]>;
+                required: true;
+            };
             isLoading: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -118,14 +118,14 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
                 type: import("vue").PropType<string>;
                 required: true;
             };
-            columns: {
-                type: import("vue").PropType<import("../common/Table.types").Column[]>;
-                required: true;
-            };
             testId: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            columns: {
+                type: import("vue").PropType<import("../common/Table.types").Column[]>;
+                required: true;
+            };
             isLoading: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -236,14 +236,14 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
             type: import("vue").PropType<string>;
             required: true;
         };
-        columns: {
-            type: import("vue").PropType<import("../common/Table.types").Column[]>;
-            required: true;
-        };
         testId: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        columns: {
+            type: import("vue").PropType<import("../common/Table.types").Column[]>;
+            required: true;
+        };
         isLoading: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -315,14 +315,14 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
         type: import("vue").PropType<string>;
         required: true;
     };
-    columns: {
-        type: import("vue").PropType<import("../common/Table.types").Column[]>;
-        required: true;
-    };
     testId: {
         type: import("vue").PropType<string>;
         default: string;
     };
+    columns: {
+        type: import("vue").PropType<import("../common/Table.types").Column[]>;
+        required: true;
+    };
     isLoading: {
         type: import("vue").PropType<boolean>;
         default: boolean;