@ironsource/shared-ui 1.4.3-rc.4 → 1.4.3

package/components/switch/{v3/Switch.vue.js → Switch.vue.js}

@@ -1,10 +1,10 @@
 import { defineComponent, ref, computed, onMounted, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, normalizeStyle, Fragment, renderList, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString } from 'vue';
 import { useVModel } from '@vueuse/core';
-import Text from '../../typography/Text.vue.js';
-import { SwitchTestIdModifiers } from '../../../testids/index.vue.js';
-/* empty css                                                        */import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
+import Text from '../typography/Text.vue.js';
+import { SwitchTestIdModifiers } from '../../testids/index.vue.js';
+/* empty css                                                        */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 
-import "../../../Switch.vue_vue_type_style_index_0_scoped_true_lang.css";
+import "../../Switch.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = ["data-testid"];
 const _hoisted_2 = ["aria-label", "data-testid", "onClick"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -82,6 +82,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Switch = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0266f48c"]]);
+var Switch = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5a16f3a6"]]);
 
 export { Switch as default };

package/components/table/Table.types.d.ts

@@ -6,6 +6,7 @@ export type Column = {
     isSortable?: boolean;
     colSpan?: number;
     width?: number;
+    isTextRight?: boolean;
 };
 export type Section = {
     id: string;

package/components/table/Table.vue.d.ts

@@ -6,6 +6,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     sections?: Section[];
     sort: Sort;
     isSticky?: boolean;
+    isStickyHeader?: boolean;
     isLoading?: boolean;
     emptyStateTitle?: string;
     emptyStateSubtitle?: string;
@@ -13,9 +14,11 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     infiniteScrollThreshold?: number;
     rowHeight?: number | ((index: number) => number);
     loadingRowCount?: number;
+    defaultScrollPosition?: number;
     testId?: string;
 }>, {
     isSticky: boolean;
+    isStickyHeader: boolean;
     sections: any;
     isLoading: boolean;
     sortOrder: string;
@@ -25,9 +28,12 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     infiniteScrollThreshold: number;
     rowHeight: number;
     loadingRowCount: number;
+    defaultScrollPosition: any;
     testId: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:sort": (newSort: Sort) => void;
+} & {
+    onScroll: (event: Event) => void;
 } & {
     saveRow: (payload_0: {
         value: unknown;
@@ -44,6 +50,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     sections?: Section[];
     sort: Sort;
     isSticky?: boolean;
+    isStickyHeader?: boolean;
     isLoading?: boolean;
     emptyStateTitle?: string;
     emptyStateSubtitle?: string;
@@ -51,9 +58,11 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     infiniteScrollThreshold?: number;
     rowHeight?: number | ((index: number) => number);
     loadingRowCount?: number;
+    defaultScrollPosition?: number;
     testId?: string;
 }>, {
     isSticky: boolean;
+    isStickyHeader: boolean;
     sections: any;
     isLoading: boolean;
     sortOrder: string;
@@ -63,8 +72,10 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     infiniteScrollThreshold: number;
     rowHeight: number;
     loadingRowCount: number;
+    defaultScrollPosition: any;
     testId: string;
 }>>> & {
+    onOnScroll?: (event: Event) => any;
     "onUpdate:sort"?: (newSort: Sort) => any;
     onSaveRow?: (args_0: {
         value: unknown;
@@ -77,6 +88,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     testId: string;
     isLoading: boolean;
     isSticky: boolean;
+    isStickyHeader: boolean;
     sections: Section[];
     emptyStateTitle: string;
     emptyStateSubtitle: string;
@@ -84,6 +96,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     infiniteScrollThreshold: number;
     rowHeight: number | ((index: number) => number);
     loadingRowCount: number;
+    defaultScrollPosition: number;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/components/table/Table.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent, useCssVars, unref, ref, provide, computed, onMounted, openBlock, createElementBlock, createElementVNode, normalizeStyle, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString, createCommentVNode, normalizeClass, Fragment, renderList, createBlock, mergeProps, withDirectives, vShow } from 'vue';
+import { defineComponent, useCssVars, unref, ref, provide, computed, useSlots, onMounted, openBlock, createElementBlock, createElementVNode, normalizeStyle, normalizeClass, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString, createCommentVNode, Fragment, renderList, createBlock, mergeProps, withDirectives, vShow } from 'vue';
 import { TableTestIdModifiers } from '../../testids/index.vue.js';
 /* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 import Text from '../typography/Text.vue.js';
-/* empty css                                                            *//* empty css                                                                           *//* empty css                                                                           *//* empty css                                                                            *//* empty css                                                                   *//* empty css                                                                       */import ScrollButton from '../button/v3/ScrollButton.vue.js';
+/* empty css                                                            *//* empty css                                                                    *//* empty css                                                                *//* empty css                                                                    */import ScrollButton from '../button/ScrollButton.vue.js';
 import Skeleton from '../skeleton/Skeleton.vue.js';
 import EmptyState from '../emptyState/EmptyState.vue.js';
 import TableHeaderSorter from './TableHeaderSorter.vue.js';
@@ -32,6 +32,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     sections: { default: null },
     sort: null,
     isSticky: { type: Boolean, default: true },
+    isStickyHeader: { type: Boolean, default: false },
     isLoading: { type: Boolean, default: false },
     emptyStateTitle: { default: "No results found" },
     emptyStateSubtitle: { default: "Try again with different filters" },
@@ -39,13 +40,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     infiniteScrollThreshold: { default: 100 },
     rowHeight: { type: [Number, Function], default: 48 },
     loadingRowCount: { default: 3 },
+    defaultScrollPosition: { default: null },
     testId: { default: "" }
   },
-  emits: ["update:sort", "saveRow", "loadMore"],
+  emits: ["update:sort", "onScroll", "saveRow", "loadMore"],
   setup(__props, { emit }) {
     const props = __props;
     useCssVars((_ctx) => ({
-      "ebaab674": unref(gridColumnTemplate)
+      "7bbb8810": unref(gridColumnTemplate)
     }));
     const savingRows = ref([]);
     provide(TableContext, {
@@ -65,6 +67,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const gridColumnTemplate = computed(() => {
       return props.columns.reduce((acc, column) => {
+        if (column === props.columns[props.columns.length - 1] && column.width) {
+          return `${acc} minmax(${column.width}px, 1fr)`;
+        }
         const columnTemplate = column.width ? `${column.width}px` : `${column.colSpan || 1}fr`;
         return `${acc} ${columnTemplate}`;
       }, "");
@@ -83,12 +88,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const floatingActionRef = ref(null);
     const floatingActionPosition = ref(0);
+    const slots = useSlots();
+    const hasSearchSlot = computed(() => !!slots.search);
     const onScroll = (event) => {
       containerProps.onScroll();
       floatingActionPosition.value = event.target.scrollLeft + event.target.getBoundingClientRect().width;
+      emit("onScroll", event.target.scrollTop);
     };
     onMounted(() => {
       floatingActionPosition.value = containerProps.ref.value?.getBoundingClientRect().width;
+      if (props.defaultScrollPosition) {
+        setTimeout(() => {
+          containerProps.ref.value.scrollTo({
+            top: props.defaultScrollPosition,
+            behavior: "smooth"
+          });
+        }, 300);
+      }
     });
     const showBackToTopButton = computed(() => {
       const [firstListItem] = list.value;
@@ -161,11 +177,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, [
           __props.title || _ctx.$slots["search"] ? (openBlock(), createElementBlock("div", {
             key: 0,
-            class: "table-header",
+            class: normalizeClass(["table-header", { isStickyHeader: __props.isStickyHeader }]),
             "data-testid": `${__props.testId}-${unref(TableTestIdModifiers).HEADER}`
           }, [
             createElementVNode("div", {
-              class: "table-title",
+              class: normalizeClass(["table-title", unref(hasSearchSlot) ? "border-search" : ""]),
               "data-testid": `${__props.testId}-${unref(TableTestIdModifiers).TITLE}`
             }, [
               renderSlot(_ctx.$slots, "title", {}, () => [
@@ -179,7 +195,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   _: 1
                 })
               ], true)
-            ], 8, _hoisted_4),
+            ], 10, _hoisted_4),
             createElementVNode("div", {
               class: "table-header-right",
               "data-testid": `${__props.testId}-${unref(TableTestIdModifiers).HEADER_RIGHT}`
@@ -192,9 +208,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, [
               renderSlot(_ctx.$slots, "table-header-actions", {}, void 0, true)
             ], 8, _hoisted_6)
-          ], 8, _hoisted_3)) : createCommentVNode("", true),
+          ], 10, _hoisted_3)) : createCommentVNode("", true),
           createElementVNode("thead", {
-            class: normalizeClass({ sticky: __props.isSticky })
+            class: normalizeClass({ sticky: __props.isSticky, isStickyHeader: __props.isStickyHeader })
           }, [
             createElementVNode("div", {
               class: "sections",
@@ -225,7 +241,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
                 return openBlock(), createElementBlock("th", {
                   key: column.id,
-                  class: normalizeClass({ sticky: column.isSticky, bordered: column.isBordered }),
+                  class: normalizeClass({
+                    sticky: column.isSticky,
+                    bordered: column.isBordered,
+                    isTextRight: column.isTextRight,
+                    isSortable: column.isSortable
+                  }),
                   style: normalizeStyle(column.isSticky ? unref(columnsStickyPositions)[column.id] : null),
                   onClick: ($event) => toggleSortOrder(column)
                 }, [
@@ -286,7 +307,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       key: cellIndex,
                       class: normalizeClass({
                         sticky: __props.columns[cellIndex].isSticky,
-                        bordered: __props.columns[cellIndex].isBordered
+                        bordered: __props.columns[cellIndex].isBordered,
+                        isTextRight: __props.columns[cellIndex].isTextRight
                       }),
                       style: normalizeStyle(
                         __props.columns[cellIndex].isSticky ? unref(columnsStickyPositions)[__props.columns[cellIndex].id] : null
@@ -341,6 +363,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-00fbc25d"]]);
+var Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-91b0dc76"]]);
 
 export { Table as default };

package/components/table/index.d.ts

@@ -26,6 +26,11 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("./TableConte
     } & {
         default: boolean;
     };
+    isStickyHeader: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
     sections: {
         type: import("vue").PropType<import("./Table.types").Section[]>;
     } & {
@@ -61,12 +66,19 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("./TableConte
     } & {
         default: number;
     };
+    defaultScrollPosition: {
+        type: import("vue").PropType<number>;
+    } & {
+        default: any;
+    };
     rows: {
         type: import("vue").PropType<unknown[][]>;
         required: true;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:sort": (newSort: import("./Table.types").Sort) => void;
+} & {
+    onScroll: (event: Event) => void;
 } & {
     saveRow: (payload_0: {
         value: unknown;
@@ -104,6 +116,11 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("./TableConte
     } & {
         default: boolean;
     };
+    isStickyHeader: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
     sections: {
         type: import("vue").PropType<import("./Table.types").Section[]>;
     } & {
@@ -139,11 +156,17 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("./TableConte
     } & {
         default: number;
     };
+    defaultScrollPosition: {
+        type: import("vue").PropType<number>;
+    } & {
+        default: any;
+    };
     rows: {
         type: import("vue").PropType<unknown[][]>;
         required: true;
     };
 }>> & {
+    onOnScroll?: (event: Event) => any;
     "onUpdate:sort"?: (newSort: import("./Table.types").Sort) => any;
     onSaveRow?: (args_0: {
         value: unknown;
@@ -156,6 +179,7 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("./TableConte
     testId: string;
     isLoading: boolean;
     isSticky: boolean;
+    isStickyHeader: boolean;
     sections: import("./Table.types").Section[];
     emptyStateTitle: string;
     emptyStateSubtitle: string;
@@ -163,6 +187,7 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("./TableConte
     infiniteScrollThreshold: number;
     rowHeight: number | ((index: number) => number);
     loadingRowCount: number;
+    defaultScrollPosition: number;
 }>)[];
 export { default as Table } from './Table.vue';
 export { TableContext } from './TableContext';

package/components/table-cells/Editable.vue.js

@@ -84,6 +84,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Editable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-20f632f8"]]);
+var Editable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5bc75a92"]]);
 
 export { Editable as default };

package/components/tooltip/Tooltip.vue.d.ts

@@ -41,8 +41,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
 }>>>, {
     header: string;
     text: string;
-    theme: string;
     testId: string;
+    theme: string;
     delay: number;
     triggers: ("hover" | "click" | "focus" | "touch")[];
     forceShowWithTruncate: boolean;

package/components/tooltip/index.d.ts

@@ -9,12 +9,12 @@ declare const TooltipTypes: () => import("vue").DefineComponent<{
     } & {
         default: any;
     };
-    theme: {
+    testId: {
         type: import("vue").PropType<string>;
     } & {
         default: string;
     };
-    testId: {
+    theme: {
         type: import("vue").PropType<string>;
     } & {
         default: string;
@@ -55,12 +55,12 @@ declare const TooltipTypes: () => import("vue").DefineComponent<{
     } & {
         default: any;
     };
-    theme: {
+    testId: {
         type: import("vue").PropType<string>;
     } & {
         default: string;
     };
-    testId: {
+    theme: {
         type: import("vue").PropType<string>;
     } & {
         default: string;
@@ -93,8 +93,8 @@ declare const TooltipTypes: () => import("vue").DefineComponent<{
 }>>, {
     header: string;
     text: string;
-    theme: string;
     testId: string;
+    theme: string;
     delay: number;
     triggers: ("hover" | "click" | "focus" | "touch")[];
     forceShowWithTruncate: boolean;

package/components/typography/index.d.ts

@@ -30,14 +30,14 @@ declare const TypographyTypes: () => (import("vue").DefineComponent<{
     level: "label" | "1" | "2" | "3" | "4" | "5" | "6";
     testId: string;
 }> | import("vue").DefineComponent<{
-    strong: {
-        type: import("vue").PropType<boolean>;
-    };
     size: {
-        type: import("vue").PropType<"caption" | "md" | "sm" | "lg" | "xs">;
+        type: import("vue").PropType<"md" | "sm" | "lg" | "caption" | "xs">;
     } & {
         default: string;
     };
+    strong: {
+        type: import("vue").PropType<boolean>;
+    };
     testId: {
         type: import("vue").PropType<string>;
     } & {
@@ -47,14 +47,14 @@ declare const TypographyTypes: () => (import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    strong: {
-        type: import("vue").PropType<boolean>;
-    };
     size: {
-        type: import("vue").PropType<"caption" | "md" | "sm" | "lg" | "xs">;
+        type: import("vue").PropType<"md" | "sm" | "lg" | "caption" | "xs">;
     } & {
         default: string;
     };
+    strong: {
+        type: import("vue").PropType<boolean>;
+    };
     testId: {
         type: import("vue").PropType<string>;
     } & {
@@ -64,7 +64,7 @@ declare const TypographyTypes: () => (import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
     };
 }>>, {
-    size: "caption" | "md" | "sm" | "lg" | "xs";
+    size: "md" | "sm" | "lg" | "caption" | "xs";
     testId: string;
 }>)[];
 export { default as Heading } from './Heading.vue';