@ironsource/shared-ui 2.1.7-test.4 → 2.1.7-test.5

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

@@ -16,20 +16,22 @@ declare const DataGridTypes: () => (({
             searchPlaceholder: string;
             selection: unknown[];
             showSearch: boolean;
+            loadingRowCount: number;
+            emptyStateTitle: string;
             isSticky: boolean;
             sections: import("../common/Table.types").Section[];
             isStickyHeader: boolean;
-            emptyStateTitle: string;
             emptyStateSubtitle: string;
             isInfiniteScroll: boolean;
             infiniteScrollThreshold: number;
             rowHeight: number | ((index: number) => number);
-            loadingRowCount: number;
             defaultScrollPosition: number;
             getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
             selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
             emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
             zIndexBase: number;
+            rowCustomClassKey: string;
+            rowDataKey: string;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             sort: {
                 type: import("vue").PropType<import("../common/Table.types").Sort>;
@@ -71,6 +73,14 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            loadingRowCount: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            emptyStateTitle: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             isSticky: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -87,10 +97,6 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            emptyStateTitle: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             emptyStateSubtitle: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -107,10 +113,6 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<number | ((index: number) => number)>;
                 default: number;
             };
-            loadingRowCount: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             defaultScrollPosition: {
                 type: import("vue").PropType<number>;
                 default: any;
@@ -131,6 +133,14 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<number>;
                 default: number;
             };
+            rowCustomClassKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            rowDataKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
         }>> & {
             onSelectAll?: (value: boolean) => any;
             "onUpdate:search"?: (query: string) => any;
@@ -147,7 +157,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" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateTitle" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "loadingRowCount" | "defaultScrollPosition" | "getRowId" | "selectedMatcher" | "emptyStateVariant" | "zIndexBase">;
+        } & 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" | "selectedMatcher" | "emptyStateVariant" | "zIndexBase" | "rowCustomClassKey" | "rowDataKey">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -207,6 +217,14 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            loadingRowCount: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            emptyStateTitle: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             isSticky: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -223,10 +241,6 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            emptyStateTitle: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             emptyStateSubtitle: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -243,10 +257,6 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<number | ((index: number) => number)>;
                 default: number;
             };
-            loadingRowCount: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             defaultScrollPosition: {
                 type: import("vue").PropType<number>;
                 default: any;
@@ -267,6 +277,14 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<number>;
                 default: number;
             };
+            rowCustomClassKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            rowDataKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
         }>> & {
             onSelectAll?: (value: boolean) => any;
             "onUpdate:search"?: (query: string) => any;
@@ -311,20 +329,22 @@ declare const DataGridTypes: () => (({
             searchPlaceholder: string;
             selection: unknown[];
             showSearch: boolean;
+            loadingRowCount: number;
+            emptyStateTitle: string;
             isSticky: boolean;
             sections: import("../common/Table.types").Section[];
             isStickyHeader: boolean;
-            emptyStateTitle: string;
             emptyStateSubtitle: string;
             isInfiniteScroll: boolean;
             infiniteScrollThreshold: number;
             rowHeight: number | ((index: number) => number);
-            loadingRowCount: number;
             defaultScrollPosition: number;
             getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
             selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
             emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
             zIndexBase: number;
+            rowCustomClassKey: string;
+            rowDataKey: string;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -386,6 +406,14 @@ declare const DataGridTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        loadingRowCount: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        emptyStateTitle: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         isSticky: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -402,10 +430,6 @@ declare const DataGridTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        emptyStateTitle: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         emptyStateSubtitle: {
             type: import("vue").PropType<string>;
             default: string;
@@ -422,10 +446,6 @@ declare const DataGridTypes: () => (({
             type: import("vue").PropType<number | ((index: number) => number)>;
             default: number;
         };
-        loadingRowCount: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
         defaultScrollPosition: {
             type: import("vue").PropType<number>;
             default: any;
@@ -446,6 +466,14 @@ declare const DataGridTypes: () => (({
             type: import("vue").PropType<number>;
             default: number;
         };
+        rowCustomClassKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        rowDataKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
     }>> & {
         onSelectAll?: (value: boolean) => any;
         "onUpdate:search"?: (query: string) => any;
@@ -509,6 +537,14 @@ declare const DataGridTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    loadingRowCount: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    emptyStateTitle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     isSticky: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -525,10 +561,6 @@ declare const DataGridTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    emptyStateTitle: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     emptyStateSubtitle: {
         type: import("vue").PropType<string>;
         default: string;
@@ -545,10 +577,6 @@ declare const DataGridTypes: () => (({
         type: import("vue").PropType<number | ((index: number) => number)>;
         default: number;
     };
-    loadingRowCount: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
     defaultScrollPosition: {
         type: import("vue").PropType<number>;
         default: any;
@@ -569,6 +597,14 @@ declare const DataGridTypes: () => (({
         type: import("vue").PropType<number>;
         default: number;
     };
+    rowCustomClassKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    rowDataKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }>> & {
     onSelectAll?: (value: boolean) => any;
     "onUpdate:search"?: (query: string) => any;
@@ -613,20 +649,22 @@ declare const DataGridTypes: () => (({
     searchPlaceholder: string;
     selection: unknown[];
     showSearch: boolean;
+    loadingRowCount: number;
+    emptyStateTitle: string;
     isSticky: boolean;
     sections: import("../common/Table.types").Section[];
     isStickyHeader: boolean;
-    emptyStateTitle: string;
     emptyStateSubtitle: string;
     isInfiniteScroll: boolean;
     infiniteScrollThreshold: number;
     rowHeight: number | ((index: number) => number);
-    loadingRowCount: number;
     defaultScrollPosition: number;
     getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
     selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
     emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
     zIndexBase: number;
+    rowCustomClassKey: string;
+    rowDataKey: string;
 }, {}, 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;
@@ -753,10 +791,10 @@ declare const DataGridTypes: () => (({
             searchPlaceholder: string;
             count: number;
             showSearch: boolean;
-            isSticky: boolean;
+            loadingRowCount: number;
             emptyStateTitle: string;
+            isSticky: boolean;
             emptyStateSubtitle: string;
-            loadingRowCount: number;
             emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
             zIndexBase: number;
             totalCount: number;
@@ -790,22 +828,22 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            isSticky: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
+            loadingRowCount: {
+                type: import("vue").PropType<number>;
+                default: number;
             };
             emptyStateTitle: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            isSticky: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             emptyStateSubtitle: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            loadingRowCount: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             emptyStateVariant: {
                 type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
                 default: any;
@@ -845,7 +883,7 @@ declare const DataGridTypes: () => (({
             onOnScroll?: (scrollTop: number) => any;
             onOnClearSearch?: () => any;
             onClickRow?: (rowIndex: number, tableIndex: number) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "search" | "testId" | "isLoading" | "searchPlaceholder" | "count" | "showSearch" | "isSticky" | "emptyStateTitle" | "emptyStateSubtitle" | "loadingRowCount" | "emptyStateVariant" | "zIndexBase" | "totalCount" | "displayingText" | "outOfText" | "totalText" | "tablesSettings" | "loadingAndEmptyStatesColumns">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "search" | "testId" | "isLoading" | "searchPlaceholder" | "count" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "emptyStateSubtitle" | "emptyStateVariant" | "zIndexBase" | "totalCount" | "displayingText" | "outOfText" | "totalText" | "tablesSettings" | "loadingAndEmptyStatesColumns">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -884,22 +922,22 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            isSticky: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
+            loadingRowCount: {
+                type: import("vue").PropType<number>;
+                default: number;
             };
             emptyStateTitle: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            isSticky: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             emptyStateSubtitle: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            loadingRowCount: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             emptyStateVariant: {
                 type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
                 default: any;
@@ -951,10 +989,10 @@ declare const DataGridTypes: () => (({
             searchPlaceholder: string;
             count: number;
             showSearch: boolean;
-            isSticky: boolean;
+            loadingRowCount: number;
             emptyStateTitle: string;
+            isSticky: boolean;
             emptyStateSubtitle: string;
-            loadingRowCount: number;
             emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
             zIndexBase: number;
             totalCount: number;
@@ -1008,22 +1046,22 @@ declare const DataGridTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        isSticky: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
+        loadingRowCount: {
+            type: import("vue").PropType<number>;
+            default: number;
         };
         emptyStateTitle: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        isSticky: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         emptyStateSubtitle: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        loadingRowCount: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
         emptyStateVariant: {
             type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
             default: any;
@@ -1092,22 +1130,22 @@ declare const DataGridTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    isSticky: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
+    loadingRowCount: {
+        type: import("vue").PropType<number>;
+        default: number;
     };
     emptyStateTitle: {
         type: import("vue").PropType<string>;
         default: string;
     };
+    isSticky: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     emptyStateSubtitle: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    loadingRowCount: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
     emptyStateVariant: {
         type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
         default: any;
@@ -1159,10 +1197,10 @@ declare const DataGridTypes: () => (({
     searchPlaceholder: string;
     count: number;
     showSearch: boolean;
-    isSticky: boolean;
+    loadingRowCount: number;
     emptyStateTitle: string;
+    isSticky: boolean;
     emptyStateSubtitle: string;
-    loadingRowCount: number;
     emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
     zIndexBase: number;
     totalCount: number;
@@ -1173,12 +1211,25 @@ declare const DataGridTypes: () => (({
     loadingAndEmptyStatesColumns: import("../common/Table.types").Column[];
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: Partial<Record<string, (_: {
+        column: import("../common/Table.types").Column;
+    }) => any>> & Partial<Record<string, (_: {
         cell: any;
         isLoading: any;
         cellIndex: any;
         row: any;
         rowIndex: any;
-    }) => any>>;
+    }) => any>> & Partial<Record<string, (_: {
+        column: import("../common/Table.types").Column;
+    }) => any>> & {
+        title?(_: {}): any;
+        search?(_: {}): any;
+        "table-header-actions"?(_: {}): any;
+        "floating-row"?(_: {
+            row: any;
+            rowIndex: any;
+        }): any;
+        "empty-state"?(_: {}): any;
+    };
 })))[];
 export type { Column, Sort, MenuItem, TableSettings, } from '../common/Table.types';
 export { DataGrid, DataGridMenu, DataGridRowsCounter, DataGridTypes, MultipleDataGrid, };

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

@@ -3,3 +3,7 @@ export declare const searchRows: (array: string[][], query: string) => string[][
 export declare const exampleRows: string[][];
 export declare const moreExampleRows: string[][];
 export declare const exampleRowsWithExtraColumns: string[][];
+export declare const exampleObjectRows: {
+    rowData: string[];
+    customClass: string;
+}[];

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

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

package/components/table-cells/common/EditableContext.d.ts

@@ -6,6 +6,7 @@ export interface EditableContextProps {
     error?: Ref<string>;
     value?: Ref<unknown>;
     confirmable?: boolean;
+    saveOnClickOutside?: boolean;
 }
 export declare const EditableContext: InjectionKey<EditableContextProps>;
 export declare function useEditableContext(): EditableContextProps;

package/components/table-cells/v4/EditableV4.vue.d.ts

@@ -4,12 +4,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     rowIndex: number;
     cellIndex: number;
     type: "input" | "dropdown";
+    saveOnClickOutside?: boolean;
     validateFunction?: (value: unknown) => string | boolean;
     displayValue?: (option: unknown) => unknown;
 }>, {
     cell: string;
     isLoading: boolean;
     type: string;
+    saveOnClickOutside: boolean;
     validateFunction: () => false;
     displayValue: (cell: unknown) => unknown;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
@@ -18,17 +20,20 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     rowIndex: number;
     cellIndex: number;
     type: "input" | "dropdown";
+    saveOnClickOutside?: boolean;
     validateFunction?: (value: unknown) => string | boolean;
     displayValue?: (option: unknown) => unknown;
 }>, {
     cell: string;
     isLoading: boolean;
     type: string;
+    saveOnClickOutside: boolean;
     validateFunction: () => false;
     displayValue: (cell: unknown) => unknown;
 }>>>, {
     type: "input" | "dropdown";
     cell: string;
+    saveOnClickOutside: boolean;
     validateFunction: (value: unknown) => string | boolean;
     isLoading: boolean;
     displayValue: (option: unknown) => unknown;

package/components/table-cells/v4/EditableV4.vue.js

@@ -1,7 +1,7 @@
-import o from "./EditableV4.vue2.js";
-/* empty css                 */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../EditableV4.vue_vue_type_style_index_0_scoped_31bfb722_lang.css"; //*');
-const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-31bfb722"]]);
+import e from "./EditableV4.vue2.js";
+/* empty css                 */import o from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../EditableV4.vue_vue_type_style_index_0_scoped_e0c047b4_lang.css"; //*');
+const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-e0c047b4"]]);
 export {
-  p as default
+  c as default
 };