@ironsource/shared-ui 2.1.11-test.27 → 2.1.11-test.44

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

@@ -29,11 +29,12 @@ declare const DataGridTypes: () => (({
             getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
             getRowKey: (row: import("../common/Table.types").Row, index: number) => string | number;
             selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
-            isSelectionSticky: boolean;
             emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
             zIndexBase: number;
             rowCustomClassKey: string;
             rowDataKey: string;
+            isSelectionSticky: boolean;
+            isSelectionBordered: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             sort: {
                 type: import("vue").PropType<import("../common/Table.types").Sort>;
@@ -131,10 +132,6 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<(rowId: unknown, selected: unknown) => boolean>;
                 default: (rowId: any, selectedItem: any) => boolean;
             };
-            isSelectionSticky: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             emptyStateVariant: {
                 type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
                 default: any;
@@ -151,6 +148,14 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            isSelectionSticky: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            isSelectionBordered: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             onSelectAll?: (value: boolean) => any;
             onLoadMore?: () => any;
@@ -162,7 +167,7 @@ declare const DataGridTypes: () => (({
             "onUpdate:selection"?: (selection: unknown[]) => any;
             onSelectRow?: (value: boolean) => any;
             onClickRow?: (rowIndex: number) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "isLoading" | "searchAutoFocus" | "searchPlaceholder" | "selection" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "defaultScrollPosition" | "getRowId" | "getRowKey" | "selectedMatcher" | "isSelectionSticky" | "emptyStateVariant" | "zIndexBase" | "rowCustomClassKey" | "rowDataKey">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "isLoading" | "searchAutoFocus" | "searchPlaceholder" | "selection" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "defaultScrollPosition" | "getRowId" | "getRowKey" | "selectedMatcher" | "emptyStateVariant" | "zIndexBase" | "rowCustomClassKey" | "rowDataKey" | "isSelectionSticky" | "isSelectionBordered">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -273,10 +278,6 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<(rowId: unknown, selected: unknown) => boolean>;
                 default: (rowId: any, selectedItem: any) => boolean;
             };
-            isSelectionSticky: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             emptyStateVariant: {
                 type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
                 default: any;
@@ -293,6 +294,14 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            isSelectionSticky: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            isSelectionBordered: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             onSelectAll?: (value: boolean) => any;
             onLoadMore?: () => any;
@@ -340,11 +349,12 @@ declare const DataGridTypes: () => (({
             getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
             getRowKey: (row: import("../common/Table.types").Row, index: number) => string | number;
             selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
-            isSelectionSticky: boolean;
             emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
             zIndexBase: number;
             rowCustomClassKey: string;
             rowDataKey: string;
+            isSelectionSticky: boolean;
+            isSelectionBordered: boolean;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -462,10 +472,6 @@ declare const DataGridTypes: () => (({
             type: import("vue").PropType<(rowId: unknown, selected: unknown) => boolean>;
             default: (rowId: any, selectedItem: any) => boolean;
         };
-        isSelectionSticky: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         emptyStateVariant: {
             type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
             default: any;
@@ -482,6 +488,14 @@ declare const DataGridTypes: () => (({
             type: import("vue").PropType<string>;
             default: string;
         };
+        isSelectionSticky: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        isSelectionBordered: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }>> & {
         onSelectAll?: (value: boolean) => any;
         onLoadMore?: () => any;
@@ -596,10 +610,6 @@ declare const DataGridTypes: () => (({
         type: import("vue").PropType<(rowId: unknown, selected: unknown) => boolean>;
         default: (rowId: any, selectedItem: any) => boolean;
     };
-    isSelectionSticky: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     emptyStateVariant: {
         type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
         default: any;
@@ -616,6 +626,14 @@ declare const DataGridTypes: () => (({
         type: import("vue").PropType<string>;
         default: string;
     };
+    isSelectionSticky: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    isSelectionBordered: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }>> & {
     onSelectAll?: (value: boolean) => any;
     onLoadMore?: () => any;
@@ -663,11 +681,12 @@ declare const DataGridTypes: () => (({
     getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
     getRowKey: (row: import("../common/Table.types").Row, index: number) => string | number;
     selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
-    isSelectionSticky: boolean;
     emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
     zIndexBase: number;
     rowCustomClassKey: string;
     rowDataKey: string;
+    isSelectionSticky: boolean;
+    isSelectionBordered: boolean;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: Partial<Record<`section-${string}`, (_: {}) => any>> & Partial<Record<`header-${string}`, (_: {
         column: import("../common/Table.types").Column;

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

@@ -1,50 +1,55 @@
-import { ref as t, provide as d } from "vue";
-import { useTableContext as f } from "../../table/common/TableContext.js";
-import { EditableContext as C } from "./EditableContext.js";
-import { onClickOutside as m } from "@vueuse/core";
-const k = (e) => {
-  const l = t(!1), n = t(e.cell), o = t(e.saveOnClickOutside), i = t(null), r = f("Editable"), a = t(null), v = () => {
-    if (e.cell === n.value) {
+import { ref as n, provide as f, watch as d } from "vue";
+import { useTableContext as C } from "../../table/common/TableContext.js";
+import { EditableContext as m } from "./EditableContext.js";
+import { onClickOutside as x } from "@vueuse/core";
+const E = (e) => {
+  const l = n(!1), t = n(e.cell), i = n(e.saveOnClickOutside), o = n(null), r = C("Editable"), a = n(null), v = () => {
+    if (e.cell === t.value) {
       l.value = !1;
       return;
     }
-    const u = e.validateFunction?.(n.value);
+    const u = e.validateFunction?.(t.value);
     a.value = u, !u && (r.onClose({
       rowIndex: e.rowIndex,
       cellIndex: e.cellIndex,
-      value: n.value
+      value: t.value
     }), l.value = !1);
   };
-  d(C, {
+  f(m, {
     focusable: !0,
-    value: n,
+    value: t,
     error: a,
     confirmable: !0,
-    saveOnClickOutside: o.value,
+    saveOnClickOutside: i.value,
     onChange(u) {
-      n.value = u, a.value = e.validateFunction?.(n.value);
+      t.value = u, a.value = e.validateFunction?.(t.value);
     },
     onClose: v
   });
   const c = () => {
     l.value || e.isLoading || (l.value = !l.value);
   }, s = () => {
-    n.value = e.cell, a.value = null;
+    t.value = e.cell, a.value = null;
   };
-  return m(i, () => {
+  return x(o, () => {
     if (l.value) {
-      if (o.value) {
+      if (i.value) {
         v();
         return;
       }
       l.value = !1, s(), r.onClose();
     }
-  }), {
+  }), d(
+    () => e.cell,
+    () => {
+      l.value || (t.value = e.cell);
+    }
+  ), {
     onEdit: c,
-    target: i,
+    target: o,
     isEditing: l
   };
 };
 export {
-  k as editableCommon
+  E as editableCommon
 };

package/components/typography/v4/Typography.vue.js

@@ -1,7 +1,7 @@
 import o from "./Typography.vue2.js";
 /* empty css                 */import p from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../Typography.vue_vue_type_style_index_0_scoped_992962bc_lang.css"; //*');
-const t = /* @__PURE__ */ p(o, [["__scopeId", "data-v-992962bc"]]);
+// import "../../../Typography.vue_vue_type_style_index_0_scoped_a14013a5_lang.css"; //*');
+const s = /* @__PURE__ */ p(o, [["__scopeId", "data-v-a14013a5"]]);
 export {
-  t as default
+  s as default
 };

package/components/typography/v4/Typography.vue2.js

@@ -1,6 +1,7 @@
- import "../../../Typography.vue_vue_type_style_index_0_scoped_992962bc_lang.css"; import { defineComponent as m, ref as y, computed as l, openBlock as o, createBlock as i, unref as e, withCtx as s, resolveDynamicComponent as d, normalizeClass as f, renderSlot as h } from "vue";
-import T from "../../tooltip/v4/TooltipV4.vue.js";
-const C = /* @__PURE__ */ m({
+ import "../../../Typography.vue_vue_type_style_index_0_scoped_a14013a5_lang.css"; import { defineComponent as v, ref as f, computed as d, openBlock as o, createBlock as i, unref as a, withCtx as s, resolveDynamicComponent as h, normalizeClass as b, renderSlot as p } from "vue";
+import y from "../../tooltip/v4/TooltipV4.vue.js";
+import { useResizeObserver as T } from "@vueuse/core";
+const L = /* @__PURE__ */ v({
   __name: "Typography",
   props: {
     isTruncated: { type: Boolean },
@@ -11,7 +12,7 @@ const C = /* @__PURE__ */ m({
     variant: { default: "body1" }
   },
   setup(t) {
-    const n = t, a = y(null), b = {
+    const l = t, e = f(null), n = f(!1), m = {
       title: "font-title",
       h1: "font-heading-1",
       h2: "font-heading-2",
@@ -33,8 +34,8 @@ const C = /* @__PURE__ */ m({
       chart1: "font-chart-1",
       chart2: "font-chart-2",
       overline: "font-overline"
-    }, r = l(() => {
-      switch (n.variant) {
+    }, r = d(() => {
+      switch (l.variant) {
         case "title":
           return "h1";
         case "h1":
@@ -43,43 +44,48 @@ const C = /* @__PURE__ */ m({
         case "h4":
         case "h5":
         case "h6":
-          return n.variant;
+          return l.variant;
         default:
           return "span";
       }
-    }), c = l(() => b[n.variant]), p = l(() => a.value ? a.value.scrollWidth > a.value.clientWidth : !1);
-    return (u, v) => t.withTooltip && t.isTruncated ? (o(), i(e(T), {
+    }), u = d(() => m[l.variant]);
+    return T(e, () => {
+      if (!e.value)
+        return n.value = !1;
+      n.value = // Note: These values are rounded which can make edge cases sometimes
+      e.value.scrollWidth > e.value.clientWidth;
+    }), (c, g) => t.withTooltip && t.isTruncated ? (o(), i(a(y), {
       key: 0,
       placement: t.tooltipPlacement,
-      disabled: !e(p),
+      disabled: !n.value,
       text: t.tooltipText,
       class: "typography-tooltip",
       "test-id": t.tooltipTestId
     }, {
       default: s(() => [
-        (o(), i(d(e(r)), {
+        (o(), i(h(a(r)), {
           ref_key: "textElement",
-          ref: a,
-          class: f(["antialiased", { [e(c)]: !0, truncate: t.isTruncated }])
+          ref: e,
+          class: b(["antialiased", { [a(u)]: !0, truncate: t.isTruncated }])
         }, {
           default: s(() => [
-            h(u.$slots, "default", {}, void 0, !0)
+            p(c.$slots, "default", {}, void 0, !0)
           ]),
           _: 3
         }, 8, ["class"]))
       ]),
       _: 3
-    }, 8, ["placement", "disabled", "text", "test-id"])) : (o(), i(d(e(r)), {
+    }, 8, ["placement", "disabled", "text", "test-id"])) : (o(), i(h(a(r)), {
       key: 1,
-      class: f(["antialiased", { [e(c)]: !0, truncate: t.isTruncated }])
+      class: b(["antialiased", { [a(u)]: !0, truncate: t.isTruncated }])
     }, {
       default: s(() => [
-        h(u.$slots, "default", {}, void 0, !0)
+        p(c.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 8, ["class"]));
   }
 });
 export {
-  C as default
+  L as default
 };