@ironsource/shared-ui 2.1.12-rc.3 → 2.1.12-rc.30

package/components/switch/v4/SwitchV4.vue2.js

@@ -1,44 +1,59 @@
- import "../../../SwitchV4.vue_vue_type_style_index_0_scoped_c2e356f5_lang.css"; import { defineComponent as p, ref as k, onMounted as v, openBlock as a, createElementBlock as d, unref as s, Fragment as I, renderList as V, createBlock as h, normalizeClass as B } from "vue";
-import { useVModel as C } from "@vueuse/core";
+ import "../../../SwitchV4.vue_vue_type_style_index_0_scoped_cd6621a7_lang.css"; import { defineComponent as T, ref as h, onMounted as k, openBlock as c, createElementBlock as r, normalizeClass as m, unref as a, Fragment as x, renderList as V, createBlock as w, withCtx as y, createVNode as C } from "vue";
+import { useVModel as I } from "@vueuse/core";
+import { SwitchTestIdModifiers as u } from "../../../testids/index.js";
 import "../../button/v4/ButtonV4.vue.js";
 import $ from "../../button/v4/IconButtonV4.vue.js";
 import "../../button/v4/ButtonGroup.vue.js";
 import "../../button/v4/ToggleButtonGroupAB.vue.js";
-import { SwitchTestIdModifiers as r } from "../../../testids/index.js";
-const w = ["data-testid"], S = /* @__PURE__ */ p({
+import B from "../../tooltip/v4/TooltipV4.vue.js";
+const K = ["data-testid"], A = /* @__PURE__ */ T({
   __name: "SwitchV4",
   props: {
     options: null,
     modelValue: null,
+    variant: { default: "default" },
     testId: { default: "" },
-    iconKey: { default: "icon" }
+    iconKey: { default: "icon" },
+    tooltipTextKey: { default: "tooltipText" },
+    tooltipPlacement: { default: "top" }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: m }) {
-    const o = e, n = k(), u = C(o, "modelValue", m);
-    v(() => {
-      n.value = o.options.findIndex(
-        (t) => t === o.modelValue
+  setup(t, { emit: f }) {
+    const i = t, n = h(), p = I(i, "modelValue", f), d = (e) => n.value === e;
+    k(() => {
+      n.value = i.options.findIndex(
+        (e) => e === i.modelValue
       );
     });
-    const f = (t, i) => {
-      n.value = i, u.value = t;
+    const v = (e, s) => {
+      n.value = s, p.value = e;
     };
-    return (t, i) => (a(), d("div", {
-      class: "switch",
-      "data-testid": `${e.testId}-${s(r).WRAPPER}`
+    return (e, s) => (c(), r("div", {
+      class: m(["switch", [`switch--variant-${t.variant}`]]),
+      "data-testid": `${t.testId}-${a(u).WRAPPER}`
     }, [
-      (a(!0), d(I, null, V(e.options, (c, l) => (a(), h(s($), {
+      (c(!0), r(x, null, V(t.options, (o, l) => (c(), w(a(B), {
         key: l,
-        class: B(["option", { "option--selected": n.value === l }]),
-        "icon-name": c[e.iconKey],
-        size: "small",
-        "data-testid": `${e.testId}-${s(r).BUTTON}`,
-        onClick: (y) => f(c, l)
-      }, null, 8, ["class", "icon-name", "data-testid", "onClick"]))), 128))
-    ], 8, w));
+        text: o[t.tooltipTextKey],
+        disabled: !o[t.tooltipTextKey],
+        placement: t.tooltipPlacement,
+        class: "option-wrapper"
+      }, {
+        default: y(() => [
+          C(a($), {
+            class: m(["option", { "option--selected": d(l) }]),
+            "icon-name": o[t.iconKey],
+            size: "small",
+            color: d(l) ? t.variant : "default",
+            "data-testid": `${t.testId}-${a(u).BUTTON}`,
+            onClick: (P) => v(o, l)
+          }, null, 8, ["class", "icon-name", "color", "data-testid", "onClick"])
+        ]),
+        _: 2
+      }, 1032, ["text", "disabled", "placement"]))), 128))
+    ], 10, K));
   }
 });
 export {
-  S as default
+  A as default
 };

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

@@ -3,6 +3,15 @@ declare const SwitchTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    variant: {
+        type: import("vue").PropType<"default" | "primary">;
+        required: true;
+        default: string;
+    };
+    tooltipPlacement: {
+        type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+        default: string;
+    };
     modelValue: {
         type: import("vue").PropType<unknown>;
         required: true;
@@ -15,6 +24,10 @@ declare const SwitchTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    tooltipTextKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -22,6 +35,15 @@ declare const SwitchTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    variant: {
+        type: import("vue").PropType<"default" | "primary">;
+        required: true;
+        default: string;
+    };
+    tooltipPlacement: {
+        type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+        default: string;
+    };
     modelValue: {
         type: import("vue").PropType<unknown>;
         required: true;
@@ -34,11 +56,18 @@ declare const SwitchTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    tooltipTextKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }>> & {
     "onUpdate:modelValue"?: (...args: any[]) => any;
 }, {
     testId: string;
+    variant: "default" | "primary";
+    tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     iconKey: string;
+    tooltipTextKey: string;
 }>[];
 export { default as Switch } from './SwitchV4.vue';
 export { SwitchTypes };

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

@@ -31,7 +31,6 @@ export declare const tableCommon: (props: any, emit: any) => {
     hasCheckboxes: import("vue").ComputedRef<boolean>;
     toggleExpandRow: (index: number, event: any) => Promise<void>;
     isRowExpanded: (rowIndex: number) => boolean;
-    cssRowHeight: import("vue").ComputedRef<string>;
     cssExpandGridCol: import("vue").ComputedRef<string>;
     activeMenuRow: import("vue").Ref<number>;
 };

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

@@ -1,10 +1,10 @@
-import { useSlots as V, ref as a, provide as Y, computed as n, onMounted as j, nextTick as q } from "vue";
-import { useVirtualList as F, useInfiniteScroll as J } from "@vueuse/core";
-import { TableContext as Q } from "./TableContext.js";
-import { CHECKBOX_STICKY_COL_WIDTH as Z, CHECKBOX_COL_WIDTH as p, EXPAND_COL_WIDTH as tt, CHECKBOX_COLUMN_ID as et } from "./consts.js";
-const rt = (e, d) => {
-  const x = V(), u = a([]);
-  Y(Q, {
+import { useSlots as U, ref as a, provide as V, computed as n, onMounted as Y, nextTick as j } from "vue";
+import { useVirtualList as q, useInfiniteScroll as F } from "@vueuse/core";
+import { TableContext as J } from "./TableContext.js";
+import { CHECKBOX_STICKY_COL_WIDTH as Q, CHECKBOX_COL_WIDTH as Z, EXPAND_COL_WIDTH as p, CHECKBOX_COLUMN_ID as tt } from "./consts.js";
+const it = (e, d) => {
+  const T = U(), u = a([]);
+  V(J, {
     onClose({ rowIndex: t, cellIndex: o, value: i } = {}) {
       u.value = [...u.value, t], d("saveRow", {
         rowIndex: t,
@@ -19,27 +19,27 @@ const rt = (e, d) => {
       R.value = t;
     }
   });
-  const h = n(() => !!e.selection), T = n(() => e.isSelectionSticky ? Z : p), b = n(() => {
-    const t = (h.value ? `${T.value}px ` : "") + (v.value ? `${tt}px ` : "");
+  const g = n(() => !!e.selection), x = n(() => e.isSelectionSticky ? Q : Z), O = n(() => {
+    const t = (g.value ? `${x.value}px ` : "") + (h.value ? `${p}px ` : "");
     return e.columns.reduce((o, { width: i, colSpan: l }) => {
       const s = typeof i == "number" ? `${i}px` : i, S = s || `${l || 1}fr`;
       return `${o} ${S}`;
     }, t);
-  }), v = n(() => !!x.expanded), O = a(null), R = a(null), k = n(() => Array(e.loadingRowCount).fill(
+  }), h = n(() => !!T.expanded), H = a(null), R = a(null), k = n(() => Array(e.loadingRowCount).fill(
     Array(e.columns.length).fill("")
   )), I = n(() => e.rows.length && Array.isArray(e.rows[0]) ? e.isLoading ? [...e.rows, ...k.value] : e.rows : e.isLoading ? [
     ...e.rows.map((o) => o[e.rowDataKey]),
     ...k.value
-  ] : e.rows.map((o) => o[e.rowDataKey])), { list: H, containerProps: r, wrapperProps: A, scrollTo: B } = F(
+  ] : e.rows.map((o) => o[e.rowDataKey])), { list: b, containerProps: r, wrapperProps: A, scrollTo: B } = q(
     I,
     {
-      itemHeight: v.value ? (t) => m[t] ?? e.rowHeight : e.rowHeight
+      itemHeight: h.value ? (t) => w[t] ?? e.rowHeight : e.rowHeight
     }
-  ), $ = a(null), w = a(0), L = n(() => !!x.search), _ = (t) => {
-    r.onScroll(), w.value = t.target.scrollLeft + t.target.getBoundingClientRect().width, d("onScroll", t.target.scrollTop);
+  ), L = a(null), m = a(0), _ = n(() => !!T.search), $ = (t) => {
+    r.onScroll(), m.value = t.target.scrollLeft + t.target.getBoundingClientRect().width, d("onScroll", t.target.scrollTop);
   };
-  j(() => {
-    w.value = r.ref.value?.getBoundingClientRect().width, e.defaultScrollPosition && setTimeout(() => {
+  Y(() => {
+    m.value = r.ref.value?.getBoundingClientRect().width, e.defaultScrollPosition && setTimeout(() => {
       r.ref.value?.scrollTo({
         top: e.defaultScrollPosition,
         behavior: "smooth"
@@ -47,17 +47,17 @@ const rt = (e, d) => {
     }, 300);
   });
   const E = n(() => {
-    const [t] = H.value;
+    const [t] = b.value;
     return t && t.index > 0;
   }), P = n(() => r.style), D = n(() => {
     const t = {
-      id: et,
+      id: tt,
       isSticky: e.isSelectionSticky,
-      width: T.value
+      width: x.value
     };
-    return h.value ? [t] : [];
+    return g.value ? [t] : [];
   }), f = n(() => [...D.value, ...e.columns]), K = n(() => f.value.reduce((t, o) => (o.isSticky && (t[o.id] = X(o)), t), {}));
-  J(
+  F(
     r.ref,
     () => {
       e.isInfiniteScroll && d("loadMore");
@@ -89,43 +89,42 @@ const rt = (e, d) => {
       zIndex: 1
     };
   }
-  const g = a([]), m = {}, N = (t) => g.value.includes(t), z = async (t, o) => {
-    const i = g.value.indexOf(t);
+  const v = a([]), w = {}, N = (t) => v.value.includes(t), z = async (t, o) => {
+    const i = v.value.indexOf(t);
     if (i === -1) {
-      g.value.push(t);
+      v.value.push(t);
       const l = o.target.closest("tr");
-      await q(), l && (m[t] = l.offsetHeight);
+      await j(), l && (w[t] = l.offsetHeight);
     } else
-      g.value.splice(i, 1), delete m[t];
-  }, G = n(() => `${e.rowHeight}px`), U = n(
+      v.value.splice(i, 1), delete w[t];
+  }, G = n(
     () => `1 / span ${e.columns.length + 1}`
   );
   return {
-    list: H,
+    list: b,
     containerProps: r,
     wrapperProps: A,
-    activeRow: O,
-    gridColumnTemplate: b,
-    floatingActionRef: $,
+    activeRow: H,
+    gridColumnTemplate: O,
+    floatingActionRef: L,
     scrollToTop: M,
     toggleSortOrder: W,
     columnsStickyPositions: K,
-    hasSearchSlot: L,
+    hasSearchSlot: _,
     showBackToTopButton: E,
     containerStyle: P,
-    onScroll: _,
+    onScroll: $,
     scrollTo: B,
     savingRows: u,
-    floatingActionPosition: w,
-    hasExpandSlot: v,
-    hasCheckboxes: h,
+    floatingActionPosition: m,
+    hasExpandSlot: h,
+    hasCheckboxes: g,
     toggleExpandRow: z,
     isRowExpanded: N,
-    cssRowHeight: G,
-    cssExpandGridCol: U,
+    cssExpandGridCol: G,
     activeMenuRow: R
   };
 };
 export {
-  rt as tableCommon
+  it as tableCommon
 };

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

@@ -42,3 +42,5 @@ export type SaveRowEvent = {
     rowIndex: number;
     cellIndex: number;
 };
+export declare const HELP_TOOLTIP_VARIANTS: readonly ["icon", "underline"];
+export type HelpTooltipVariant = (typeof HELP_TOOLTIP_VARIANTS)[number];

package/components/table/common/consts.d.ts

@@ -2,3 +2,4 @@ export declare const CHECKBOX_COLUMN_ID = "__CHECKBOX_COLUMN_ID__";
 export declare const EXPAND_COL_WIDTH = 46;
 export declare const CHECKBOX_COL_WIDTH = 46;
 export declare const CHECKBOX_STICKY_COL_WIDTH = 57;
+export declare const DEFAULT_ROW_HEIGHT = 48;

package/components/table/common/consts.js

@@ -1,7 +1,8 @@
-const _ = "__CHECKBOX_COLUMN_ID__", C = 46, O = 46, H = 57;
+const _ = "__CHECKBOX_COLUMN_ID__", C = 46, O = 46, H = 57, D = 48;
 export {
   _ as CHECKBOX_COLUMN_ID,
   O as CHECKBOX_COL_WIDTH,
   H as CHECKBOX_STICKY_COL_WIDTH,
+  D as DEFAULT_ROW_HEIGHT,
   C as EXPAND_COL_WIDTH
 };

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

@@ -1,4 +1,4 @@
-import type { Column, Row, SaveRowEvent, Section, Sort } from '../common/Table.types';
+import { Column, Row, SaveRowEvent, Section, Sort } from '../common/Table.types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     title?: string;
     columns: Column[];
@@ -12,14 +12,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     isSticky?: boolean;
     isStickyHeader?: boolean;
     isLoading?: boolean;
-    emptyStateVariant?: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
+    emptyStateVariant?: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
     emptyStateTitle?: string;
     emptyStateSubtitle?: string;
     isInfiniteScroll?: boolean;
+    showTotalsRow?: boolean;
     infiniteScrollThreshold?: number;
     rowHeight?: number | ((index: number) => number);
     loadingRowCount?: number;
     defaultScrollPosition?: number;
+    helpTooltipVariant?: "icon" | "underline";
     testId?: string;
     search?: string;
     showSearch?: boolean;
@@ -45,6 +47,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     rowHeight: number;
     loadingRowCount: number;
     defaultScrollPosition: any;
+    helpTooltipVariant: string;
     testId: string;
     selection: any;
     getRowId: (row: any, index: any) => any;
@@ -85,14 +88,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     isSticky?: boolean;
     isStickyHeader?: boolean;
     isLoading?: boolean;
-    emptyStateVariant?: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
+    emptyStateVariant?: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
     emptyStateTitle?: string;
     emptyStateSubtitle?: string;
     isInfiniteScroll?: boolean;
+    showTotalsRow?: boolean;
     infiniteScrollThreshold?: number;
     rowHeight?: number | ((index: number) => number);
     loadingRowCount?: number;
     defaultScrollPosition?: number;
+    helpTooltipVariant?: "icon" | "underline";
     testId?: string;
     search?: string;
     showSearch?: boolean;
@@ -118,6 +123,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     rowHeight: number;
     loadingRowCount: number;
     defaultScrollPosition: any;
+    helpTooltipVariant: string;
     testId: string;
     selection: any;
     getRowId: (row: any, index: any) => any;
@@ -167,13 +173,18 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     getRowId: (row: Row, index: number) => unknown;
     getRowKey: (row: Row, index: number) => string | number;
     selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
-    emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
+    emptyStateVariant: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
+    helpTooltipVariant: "icon" | "underline";
     rowCustomClassKey: string;
     rowDataKey: string;
     isSelectionSticky: boolean;
     isSelectionBordered: boolean;
 }>, Partial<Record<`section-${string}`, (_: {}) => any>> & Partial<Record<`header-${string}`, (_: {
     column: Column;
+}) => any>> & Partial<Record<`after-header-${string}`, (_: {
+    column: Column;
+}) => any>> & Partial<Record<`total-${string}`, (_: {
+    column: Column;
 }) => any>> & Partial<Record<`cell-${string}`, (_: {
     cell: unknown;
     isLoading: 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_6b54ac22_lang.css"; //*');
-const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-6b54ac22"]]);
+/* empty css               */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_8e8df067_lang.css"; //*');
+const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-8e8df067"]]);
 export {
-  s as default
+  a as default
 };