@ironsource/shared-ui 2.1.11-test.8 → 2.1.11-test.91

package/components/sortableList/index.d.ts

@@ -11,12 +11,15 @@ declare const SortableListTypes: () => ({
             searchPlaceholder: string;
             items: import("./SortableList.types").SortableListItem[];
             selectedChildId: string | number;
+            childListMaxHeight: string;
             searchHandler: (item: import("./SortableList.types").SortableListItem, searchQuery: string) => boolean;
             openId: string | number;
             selectedId: string | number;
             showSearch: boolean;
             loadingRowCount: number;
             emptyStateTitle: string;
+            isSticky: boolean;
+            zIndexBase: number;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             search: {
                 type: import("vue").PropType<string>;
@@ -48,6 +51,10 @@ declare const SortableListTypes: () => ({
                 type: import("vue").PropType<string | number>;
                 default: any;
             };
+            childListMaxHeight: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             searchHandler: {
                 type: import("vue").PropType<(item: import("./SortableList.types").SortableListItem, searchQuery: string) => boolean>;
                 default: any;
@@ -72,7 +79,16 @@ declare const SortableListTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            isSticky: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            zIndexBase: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
         }>> & {
+            onClearSearch?: () => any;
             onSortableItemDragged?: (event: {
                 id: string;
                 newIndex: number;
@@ -82,8 +98,7 @@ declare const SortableListTypes: () => ({
             "onUpdate:selectedId"?: (id: string | number) => any;
             "onUpdate:selectedChildId"?: (id: string | number) => any;
             "onUpdate:search"?: (query: string) => any;
-            onClearSearch?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "search" | "testId" | "isLoading" | "displayValue" | "searchPlaceholder" | "items" | "selectedChildId" | "searchHandler" | "openId" | "selectedId" | "showSearch" | "loadingRowCount" | "emptyStateTitle">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "search" | "testId" | "isLoading" | "displayValue" | "searchPlaceholder" | "items" | "selectedChildId" | "childListMaxHeight" | "searchHandler" | "openId" | "selectedId" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "zIndexBase">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -131,6 +146,10 @@ declare const SortableListTypes: () => ({
                 type: import("vue").PropType<string | number>;
                 default: any;
             };
+            childListMaxHeight: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             searchHandler: {
                 type: import("vue").PropType<(item: import("./SortableList.types").SortableListItem, searchQuery: string) => boolean>;
                 default: any;
@@ -155,7 +174,16 @@ declare const SortableListTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            isSticky: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            zIndexBase: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
         }>> & {
+            onClearSearch?: () => any;
             onSortableItemDragged?: (event: {
                 id: string;
                 newIndex: number;
@@ -165,7 +193,6 @@ declare const SortableListTypes: () => ({
             "onUpdate:selectedId"?: (id: string | number) => any;
             "onUpdate:selectedChildId"?: (id: string | number) => any;
             "onUpdate:search"?: (query: string) => any;
-            onClearSearch?: () => any;
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             sortableItemDragged: (event: {
                 id: string;
@@ -185,12 +212,15 @@ declare const SortableListTypes: () => ({
             searchPlaceholder: string;
             items: import("./SortableList.types").SortableListItem[];
             selectedChildId: string | number;
+            childListMaxHeight: string;
             searchHandler: (item: import("./SortableList.types").SortableListItem, searchQuery: string) => boolean;
             openId: string | number;
             selectedId: string | number;
             showSearch: boolean;
             loadingRowCount: number;
             emptyStateTitle: string;
+            isSticky: boolean;
+            zIndexBase: number;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -242,6 +272,10 @@ declare const SortableListTypes: () => ({
             type: import("vue").PropType<string | number>;
             default: any;
         };
+        childListMaxHeight: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         searchHandler: {
             type: import("vue").PropType<(item: import("./SortableList.types").SortableListItem, searchQuery: string) => boolean>;
             default: any;
@@ -266,7 +300,16 @@ declare const SortableListTypes: () => ({
             type: import("vue").PropType<string>;
             default: string;
         };
+        isSticky: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        zIndexBase: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
     }>> & {
+        onClearSearch?: () => any;
         onSortableItemDragged?: (event: {
             id: string;
             newIndex: number;
@@ -276,7 +319,6 @@ declare const SortableListTypes: () => ({
         "onUpdate:selectedId"?: (id: string | number) => any;
         "onUpdate:selectedChildId"?: (id: string | number) => any;
         "onUpdate:search"?: (query: string) => any;
-        onClearSearch?: () => any;
     } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
@@ -312,6 +354,10 @@ declare const SortableListTypes: () => ({
         type: import("vue").PropType<string | number>;
         default: any;
     };
+    childListMaxHeight: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     searchHandler: {
         type: import("vue").PropType<(item: import("./SortableList.types").SortableListItem, searchQuery: string) => boolean>;
         default: any;
@@ -336,7 +382,16 @@ declare const SortableListTypes: () => ({
         type: import("vue").PropType<string>;
         default: string;
     };
+    isSticky: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    zIndexBase: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
 }>> & {
+    onClearSearch?: () => any;
     onSortableItemDragged?: (event: {
         id: string;
         newIndex: number;
@@ -346,7 +401,6 @@ declare const SortableListTypes: () => ({
     "onUpdate:selectedId"?: (id: string | number) => any;
     "onUpdate:selectedChildId"?: (id: string | number) => any;
     "onUpdate:search"?: (query: string) => any;
-    onClearSearch?: () => any;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     sortableItemDragged: (event: {
         id: string;
@@ -366,14 +420,18 @@ declare const SortableListTypes: () => ({
     searchPlaceholder: string;
     items: import("./SortableList.types").SortableListItem[];
     selectedChildId: string | number;
+    childListMaxHeight: string;
     searchHandler: (item: import("./SortableList.types").SortableListItem, searchQuery: string) => boolean;
     openId: string | number;
     selectedId: string | number;
     showSearch: boolean;
     loadingRowCount: number;
     emptyStateTitle: string;
+    isSticky: boolean;
+    zIndexBase: number;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
+        header?(_: {}): any;
         menu?(_: {
             item: import("./SortableList.types").SortableListItem;
         }): any;

package/components/statusDot/StatusDot.vue.js

@@ -0,0 +1,7 @@
+import o from "./StatusDot.vue2.js";
+/* empty css                */import t from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../StatusDot.vue_vue_type_style_index_0_scoped_0c8a38e5_lang.css"; //*');
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0c8a38e5"]]);
+export {
+  a as default
+};

package/components/statusDot/StatusDot.vue2.js

@@ -0,0 +1,15 @@
+ import "../../StatusDot.vue_vue_type_style_index_0_scoped_0c8a38e5_lang.css"; import { defineComponent as t, openBlock as s, createElementBlock as o, normalizeClass as a } from "vue";
+const r = /* @__PURE__ */ t({
+  __name: "StatusDot",
+  props: {
+    type: { default: "success" }
+  },
+  setup(e) {
+    return (n, c) => (s(), o("div", {
+      class: a([e.type, "status-dot"])
+    }, null, 2));
+  }
+});
+export {
+  r as default
+};

package/components/switch/v3/Switch.vue.js

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

package/components/switch/v3/Switch.vue2.js

@@ -0,0 +1,69 @@
+ import "../../../Switch.vue_vue_type_style_index_0_scoped_9c008fc4_lang.css"; import { defineComponent as b, ref as d, computed as k, onMounted as z, openBlock as r, createElementBlock as c, normalizeClass as u, unref as l, createElementVNode as V, normalizeStyle as g, Fragment as T, renderList as C, renderSlot as I, createVNode as y, withCtx as S, createTextVNode as E, toDisplayString as N } from "vue";
+import { useVModel as R } from "@vueuse/core";
+import B from "../../typography/Text.vue.js";
+import { SwitchTestIdModifiers as f } from "../../../testids/index.js";
+const M = ["data-testid"], P = ["aria-label", "data-testid", "onClick"], D = /* @__PURE__ */ b({
+  __name: "Switch",
+  props: {
+    options: null,
+    modelValue: null,
+    size: { default: "lg" },
+    testId: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: v }) {
+    const n = e, w = d(null), p = R(n, "modelValue", v), i = d([]), x = { optionsRefs: i }, t = d(), m = k(() => ({
+      left: i.value[t.value]?.offsetLeft,
+      width: i.value[t.value]?.offsetWidth
+    }));
+    z(() => {
+      t.value = n.options.findIndex(
+        (s) => s === n.modelValue
+      );
+    });
+    const $ = (s, h) => {
+      t.value = h, p.value = s;
+    };
+    return (s, h) => (r(), c("div", {
+      class: u(["switch", { "switch--lg": e.size === "lg", "switch--sm": e.size === "sm" }]),
+      "data-testid": `${e.testId}-${l(f).WRAPPER}`
+    }, [
+      V("span", {
+        ref_key: "box",
+        ref: w,
+        class: u(["box", { "box--lg": e.size === "lg", "box--sm": e.size === "sm" }]),
+        style: g({
+          transform: `translateX(${l(m)?.left}px)`,
+          width: l(m)?.width + "px"
+        })
+      }, null, 6),
+      (r(!0), c(T, null, C(e.options, (o, a) => (r(), c("button", {
+        ref_for: !0,
+        ref: x.optionsRefs,
+        key: a,
+        "aria-label": o,
+        class: u([{ "option--selected": t.value === a }, "option"]),
+        "data-testid": `${e.testId}-${l(f).BUTTON}`,
+        onClick: (L) => $(o, a)
+      }, [
+        I(s.$slots, "default", {
+          option: o,
+          selected: t.value === a
+        }, () => [
+          y(B, {
+            size: "caption",
+            "data-testid": `${e.testId}-${l(f).TEXT}`
+          }, {
+            default: S(() => [
+              E(N(o), 1)
+            ]),
+            _: 2
+          }, 1032, ["data-testid"])
+        ], !0)
+      ], 10, P))), 128))
+    ], 10, M));
+  }
+});
+export {
+  D as default
+};

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

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

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

@@ -0,0 +1,44 @@
+ 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 "../../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({
+  __name: "SwitchV4",
+  props: {
+    options: null,
+    modelValue: null,
+    testId: { default: "" },
+    iconKey: { default: "icon" }
+  },
+  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
+      );
+    });
+    const f = (t, i) => {
+      n.value = i, u.value = t;
+    };
+    return (t, i) => (a(), d("div", {
+      class: "switch",
+      "data-testid": `${e.testId}-${s(r).WRAPPER}`
+    }, [
+      (a(!0), d(I, null, V(e.options, (c, l) => (a(), h(s($), {
+        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));
+  }
+});
+export {
+  S as default
+};

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

@@ -19,7 +19,7 @@ export declare const tableCommon: (props: any, emit: any) => {
     floatingActionRef: import("vue").Ref<HTMLDivElement>;
     scrollToTop: () => void;
     toggleSortOrder: (column: Column) => void;
-    columnsStickyPositions: import("vue").ComputedRef<Record<string, string>>;
+    columnsStickyPositions: import("vue").ComputedRef<Record<string, CSSProperties>>;
     hasSearchSlot: import("vue").ComputedRef<boolean>;
     showBackToTopButton: import("vue").ComputedRef<boolean>;
     containerStyle: import("vue").ComputedRef<CSSProperties>;

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

@@ -0,0 +1,131 @@
+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, {
+    onClose({ rowIndex: t, cellIndex: o, value: i } = {}) {
+      u.value = [...u.value, t], d("saveRow", {
+        rowIndex: t,
+        cellIndex: o,
+        value: i,
+        confirm: () => {
+          u.value = u.value.filter((l) => l !== t);
+        }
+      });
+    },
+    setActiveMenuRow(t) {
+      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 ` : "");
+    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(
+    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(
+    I,
+    {
+      itemHeight: v.value ? (t) => m[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);
+  };
+  j(() => {
+    w.value = r.ref.value?.getBoundingClientRect().width, e.defaultScrollPosition && setTimeout(() => {
+      r.ref.value?.scrollTo({
+        top: e.defaultScrollPosition,
+        behavior: "smooth"
+      });
+    }, 300);
+  });
+  const E = n(() => {
+    const [t] = H.value;
+    return t && t.index > 0;
+  }), P = n(() => r.style), D = n(() => {
+    const t = {
+      id: et,
+      isSticky: e.isSelectionSticky,
+      width: T.value
+    };
+    return h.value ? [t] : [];
+  }), f = n(() => [...D.value, ...e.columns]), K = n(() => f.value.reduce((t, o) => (o.isSticky && (t[o.id] = X(o)), t), {}));
+  J(
+    r.ref,
+    () => {
+      e.isInfiniteScroll && d("loadMore");
+    },
+    { distance: e.infiniteScrollThreshold }
+  );
+  function M() {
+    r.ref.value?.scrollTo({
+      top: 0,
+      behavior: "smooth"
+    });
+  }
+  function W(t) {
+    if (!e.sort)
+      return;
+    const o = e.sort.sortBy === t.id;
+    if (!(t.isSortable || t.isSortable === void 0))
+      return;
+    let l = e.sort.sortOrder, s = e.sort.sortBy;
+    o ? l = e.sort.sortOrder === "asc" ? "desc" : "asc" : s = t.id, d("update:sort", { sortBy: s, sortOrder: l });
+  }
+  function X(t) {
+    const { isSticky: o, width: i } = t;
+    if (!o || !i)
+      return null;
+    const l = f.value.findIndex((c) => c.id === t.id), s = f.value.reduce((c, C, y) => y < l ? c + C.width : c, 0), S = f.value.reduce((c, C, y) => y > l ? c + C.width : c, 0);
+    return {
+      ...t.isStickyRight ? { right: `${S}px` } : { left: `${s}px` },
+      zIndex: 1
+    };
+  }
+  const g = a([]), m = {}, N = (t) => g.value.includes(t), z = async (t, o) => {
+    const i = g.value.indexOf(t);
+    if (i === -1) {
+      g.value.push(t);
+      const l = o.target.closest("tr");
+      await q(), l && (m[t] = l.offsetHeight);
+    } else
+      g.value.splice(i, 1), delete m[t];
+  }, G = n(() => `${e.rowHeight}px`), U = n(
+    () => `1 / span ${e.columns.length + 1}`
+  );
+  return {
+    list: H,
+    containerProps: r,
+    wrapperProps: A,
+    activeRow: O,
+    gridColumnTemplate: b,
+    floatingActionRef: $,
+    scrollToTop: M,
+    toggleSortOrder: W,
+    columnsStickyPositions: K,
+    hasSearchSlot: L,
+    showBackToTopButton: E,
+    containerStyle: P,
+    onScroll: _,
+    scrollTo: B,
+    savingRows: u,
+    floatingActionPosition: w,
+    hasExpandSlot: v,
+    hasCheckboxes: h,
+    toggleExpandRow: z,
+    isRowExpanded: N,
+    cssRowHeight: G,
+    cssExpandGridCol: U,
+    activeMenuRow: R
+  };
+};
+export {
+  rt as tableCommon
+};

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

@@ -7,7 +7,7 @@ export type Column = {
     isBordered?: boolean;
     isSortable?: boolean;
     colSpan?: number;
-    width?: number;
+    width?: number | string;
     isTextRight?: boolean;
     isStickyRight?: boolean;
     helpText?: string;

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

@@ -0,0 +1,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;

package/components/table/common/consts.js

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

package/components/table/v3/SortOrderIcon.vue.js

@@ -0,0 +1,21 @@
+import { openBlock as t, createElementBlock as e, pushScopeId as c, popScopeId as r, createElementVNode as n } from "vue";
+/* empty css                    */import s from "../../../_virtual/_plugin-vue_export-helper.js";
+const _ = {}, d = (o) => (c("data-v-cb20f507"), o = o(), r(), o), p = {
+  width: "8",
+  height: "4",
+  viewBox: "0 0 8 4",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, i = /* @__PURE__ */ d(() => /* @__PURE__ */ n("path", {
+  d: "M7.94188 3.66979L4.21022 0.0771272C4.1034 -0.0257091 3.89773 -0.0257091 3.78978 0.0771272L0.0581151 3.66979C-0.0805157 3.80376 0.0444792 4 0.268334 4H7.73167C7.95552 4 8.08052 3.80376 7.94188 3.66979Z",
+  fill: "currentColor"
+}, null, -1)), l = [
+  i
+];
+function a(o, f) {
+  return t(), e("svg", p, l);
+}
+const u = /* @__PURE__ */ s(_, [["render", a], ["__scopeId", "data-v-cb20f507"]]);
+export {
+  u as default
+};

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

@@ -67,10 +67,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     defaultScrollPosition: any;
     testId: string;
 }>>> & {
+    onLoadMore?: () => any;
     onOnScroll?: (event: Event) => any;
     "onUpdate:sort"?: (newSort: Sort) => any;
     onSaveRow?: (args_0: SaveRowEvent) => any;
-    onLoadMore?: () => any;
 }, {
     testId: string;
     isLoading: boolean;

package/components/table/v3/Table.vue.js

@@ -0,0 +1,7 @@
+import o from "./Table.vue2.js";
+/* empty css            *//* empty css            */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../Table.vue_vue_type_style_index_0_scoped_9375215d_lang.css"; //*');
+const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-9375215d"]]);
+export {
+  r as default
+};