@ironsource/shared-ui 2.1.11-test.5 → 2.1.11-test.50

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

@@ -19,6 +19,7 @@ declare const DataGridTypes: () => (({
             loadingRowCount: number;
             emptyStateTitle: string;
             isSticky: boolean;
+            zIndexBase: number;
             sections: import("../common/Table.types").Section[];
             isStickyHeader: boolean;
             emptyStateSubtitle: string;
@@ -30,9 +31,10 @@ declare const DataGridTypes: () => (({
             getRowKey: (row: import("../common/Table.types").Row, index: number) => string | number;
             selectedMatcher: (rowId: unknown, selected: unknown) => 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>;
@@ -86,6 +88,10 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            zIndexBase: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
             rows: {
                 type: import("vue").PropType<import("../common/Table.types").Row[]>;
                 required: true;
@@ -134,10 +140,6 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
                 default: any;
             };
-            zIndexBase: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             rowCustomClassKey: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -146,18 +148,26 @@ 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;
             "onUpdate:search"?: (query: string) => any;
             onOnScroll?: (event: Event) => any;
             "onUpdate:sort"?: (newSort: import("../common/Table.types").Sort) => any;
             onSaveRow?: (args_0: import("../common/Table.types").SaveRowEvent) => any;
-            onLoadMore?: () => any;
             onOnClearSearch?: () => any;
             "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" | "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" | "zIndexBase" | "sections" | "isStickyHeader" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "defaultScrollPosition" | "getRowId" | "getRowKey" | "selectedMatcher" | "emptyStateVariant" | "rowCustomClassKey" | "rowDataKey" | "isSelectionSticky" | "isSelectionBordered">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -169,7 +179,7 @@ declare const DataGridTypes: () => (({
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-        $emit: ((event: "onScroll", event: Event) => void) & ((event: "selectAll", value: boolean) => void) & ((event: "update:search", query: string) => void) & ((event: "onClearSearch") => void) & ((event: "update:sort", newSort: import("../common/Table.types").Sort) => void) & ((event: "saveRow", args_0: import("../common/Table.types").SaveRowEvent) => void) & ((event: "loadMore") => void) & ((event: "update:selection", selection: unknown[]) => void) & ((event: "selectRow", value: boolean) => void) & ((event: "clickRow", rowIndex: number) => void);
+        $emit: ((event: "onScroll", event: Event) => void) & ((event: "selectAll", value: boolean) => void) & ((event: "loadMore") => void) & ((event: "onClearSearch") => void) & ((event: "update:search", query: string) => void) & ((event: "update:sort", newSort: import("../common/Table.types").Sort) => void) & ((event: "saveRow", args_0: import("../common/Table.types").SaveRowEvent) => void) & ((event: "update:selection", selection: unknown[]) => void) & ((event: "selectRow", value: boolean) => void) & ((event: "clickRow", rowIndex: number) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             sort: {
@@ -224,6 +234,10 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            zIndexBase: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
             rows: {
                 type: import("vue").PropType<import("../common/Table.types").Row[]>;
                 required: true;
@@ -272,10 +286,6 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
                 default: any;
             };
-            zIndexBase: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             rowCustomClassKey: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -284,13 +294,21 @@ 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;
             "onUpdate:search"?: (query: string) => any;
             onOnScroll?: (event: Event) => any;
             "onUpdate:sort"?: (newSort: import("../common/Table.types").Sort) => any;
             onSaveRow?: (args_0: import("../common/Table.types").SaveRowEvent) => any;
-            onLoadMore?: () => any;
             onOnClearSearch?: () => any;
             "onUpdate:selection"?: (selection: unknown[]) => any;
             onSelectRow?: (value: boolean) => any;
@@ -321,6 +339,7 @@ declare const DataGridTypes: () => (({
             loadingRowCount: number;
             emptyStateTitle: string;
             isSticky: boolean;
+            zIndexBase: number;
             sections: import("../common/Table.types").Section[];
             isStickyHeader: boolean;
             emptyStateSubtitle: string;
@@ -332,9 +351,10 @@ declare const DataGridTypes: () => (({
             getRowKey: (row: import("../common/Table.types").Row, index: number) => string | number;
             selectedMatcher: (rowId: unknown, selected: unknown) => 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)[];
@@ -408,6 +428,10 @@ declare const DataGridTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        zIndexBase: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
         rows: {
             type: import("vue").PropType<import("../common/Table.types").Row[]>;
             required: true;
@@ -456,10 +480,6 @@ declare const DataGridTypes: () => (({
             type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
             default: any;
         };
-        zIndexBase: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
         rowCustomClassKey: {
             type: import("vue").PropType<string>;
             default: string;
@@ -468,13 +488,21 @@ 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;
         "onUpdate:search"?: (query: string) => any;
         onOnScroll?: (event: Event) => any;
         "onUpdate:sort"?: (newSort: import("../common/Table.types").Sort) => any;
         onSaveRow?: (args_0: import("../common/Table.types").SaveRowEvent) => any;
-        onLoadMore?: () => any;
         onOnClearSearch?: () => any;
         "onUpdate:selection"?: (selection: unknown[]) => any;
         onSelectRow?: (value: boolean) => any;
@@ -538,6 +566,10 @@ declare const DataGridTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    zIndexBase: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
     rows: {
         type: import("vue").PropType<import("../common/Table.types").Row[]>;
         required: true;
@@ -586,10 +618,6 @@ declare const DataGridTypes: () => (({
         type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
         default: any;
     };
-    zIndexBase: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
     rowCustomClassKey: {
         type: import("vue").PropType<string>;
         default: string;
@@ -598,13 +626,21 @@ 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;
     "onUpdate:search"?: (query: string) => any;
     onOnScroll?: (event: Event) => any;
     "onUpdate:sort"?: (newSort: import("../common/Table.types").Sort) => any;
     onSaveRow?: (args_0: import("../common/Table.types").SaveRowEvent) => any;
-    onLoadMore?: () => any;
     onOnClearSearch?: () => any;
     "onUpdate:selection"?: (selection: unknown[]) => any;
     onSelectRow?: (value: boolean) => any;
@@ -635,6 +671,7 @@ declare const DataGridTypes: () => (({
     loadingRowCount: number;
     emptyStateTitle: string;
     isSticky: boolean;
+    zIndexBase: number;
     sections: import("../common/Table.types").Section[];
     isStickyHeader: boolean;
     emptyStateSubtitle: string;
@@ -646,9 +683,10 @@ declare const DataGridTypes: () => (({
     getRowKey: (row: import("../common/Table.types").Row, index: number) => string | number;
     selectedMatcher: (rowId: unknown, selected: unknown) => 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;
@@ -782,11 +820,11 @@ declare const DataGridTypes: () => (({
             loadingRowCount: number;
             emptyStateTitle: string;
             isSticky: boolean;
+            zIndexBase: number;
             emptyStateSubtitle: string;
             getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
             getRowKey: (row: import("../common/Table.types").Row, index: number) => string | number;
             emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
-            zIndexBase: number;
             rowCustomClassKey: string;
             rowDataKey: string;
             totalCount: number;
@@ -832,6 +870,10 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            zIndexBase: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
             emptyStateSubtitle: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -848,10 +890,6 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
                 default: any;
             };
-            zIndexBase: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             rowCustomClassKey: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -894,7 +932,7 @@ declare const DataGridTypes: () => (({
             }) => any;
             onOnClearSearch?: () => any;
             onClickRow?: (rowIndex: number, tableIndex: number) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "search" | "testId" | "isLoading" | "searchPlaceholder" | "count" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "emptyStateSubtitle" | "getRowId" | "getRowKey" | "emptyStateVariant" | "zIndexBase" | "rowCustomClassKey" | "rowDataKey" | "totalCount" | "displayingText" | "outOfText" | "totalText" | "tablesSettings" | "loadingAndEmptyStatesColumns">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "search" | "testId" | "isLoading" | "searchPlaceholder" | "count" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "zIndexBase" | "emptyStateSubtitle" | "getRowId" | "getRowKey" | "emptyStateVariant" | "rowCustomClassKey" | "rowDataKey" | "totalCount" | "displayingText" | "outOfText" | "totalText" | "tablesSettings" | "loadingAndEmptyStatesColumns">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -906,7 +944,7 @@ declare const DataGridTypes: () => (({
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-        $emit: ((event: "onScroll", scrollTop: number) => void) & ((event: "update:search", query: string) => void) & ((event: "onClearSearch") => void) & ((event: "saveRow", args_0: import("../common/Table.types").SaveRowEvent & {
+        $emit: ((event: "onScroll", scrollTop: number) => void) & ((event: "onClearSearch") => void) & ((event: "update:search", query: string) => void) & ((event: "saveRow", args_0: import("../common/Table.types").SaveRowEvent & {
             tableIndex: number;
         }) => void) & ((event: "clickRow", rowIndex: number, tableIndex: number) => void);
         $el: any;
@@ -947,6 +985,10 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            zIndexBase: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
             emptyStateSubtitle: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -963,10 +1005,6 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
                 default: any;
             };
-            zIndexBase: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             rowCustomClassKey: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -1027,11 +1065,11 @@ declare const DataGridTypes: () => (({
             loadingRowCount: number;
             emptyStateTitle: string;
             isSticky: boolean;
+            zIndexBase: number;
             emptyStateSubtitle: string;
             getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
             getRowKey: (row: import("../common/Table.types").Row, index: number) => string | number;
             emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
-            zIndexBase: number;
             rowCustomClassKey: string;
             rowDataKey: string;
             totalCount: number;
@@ -1097,6 +1135,10 @@ declare const DataGridTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        zIndexBase: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
         emptyStateSubtitle: {
             type: import("vue").PropType<string>;
             default: string;
@@ -1113,10 +1155,6 @@ declare const DataGridTypes: () => (({
             type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
             default: any;
         };
-        zIndexBase: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
         rowCustomClassKey: {
             type: import("vue").PropType<string>;
             default: string;
@@ -1200,6 +1238,10 @@ declare const DataGridTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    zIndexBase: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
     emptyStateSubtitle: {
         type: import("vue").PropType<string>;
         default: string;
@@ -1216,10 +1258,6 @@ declare const DataGridTypes: () => (({
         type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
         default: any;
     };
-    zIndexBase: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
     rowCustomClassKey: {
         type: import("vue").PropType<string>;
         default: string;
@@ -1280,11 +1318,11 @@ declare const DataGridTypes: () => (({
     loadingRowCount: number;
     emptyStateTitle: string;
     isSticky: boolean;
+    zIndexBase: number;
     emptyStateSubtitle: string;
     getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
     getRowKey: (row: import("../common/Table.types").Row, index: number) => string | number;
     emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
-    zIndexBase: number;
     rowCustomClassKey: string;
     rowDataKey: string;
     totalCount: number;

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

@@ -1,50 +1,56 @@
-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 g = (e) => {
+  const l = n(!1), t = n(e.cell), i = n(e.saveOnClickOutside), o = n(null), r = C("Editable"), a = n(null), c = () => {
+    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,
+    withIcons: e.withIcons,
     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
+    onClose: c
   });
-  const c = () => {
+  const v = () => {
     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) {
-        v();
+      if (i.value) {
+        c();
         return;
       }
       l.value = !1, s(), r.onClose();
     }
-  }), {
-    onEdit: c,
-    target: i,
+  }), d(
+    () => e.cell,
+    () => {
+      l.value || (t.value = e.cell);
+    }
+  ), {
+    onEdit: v,
+    target: o,
     isEditing: l
   };
 };
 export {
-  k as editableCommon
+  g as editableCommon
 };

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

@@ -4,6 +4,7 @@ export interface EditableContextProps {
     onClose?(): void;
     focusable?: boolean;
     error?: Ref<string>;
+    withIcons?: boolean;
     value?: Ref<unknown>;
     confirmable?: boolean;
     saveOnClickOutside?: boolean;

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

@@ -4,6 +4,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     rowIndex: number;
     cellIndex: number;
     type: "input" | "dropdown";
+    withIcons?: boolean;
     saveOnClickOutside?: boolean;
     validateFunction?: (value: unknown) => string | boolean;
     displayValue?: (option: unknown) => unknown;
@@ -12,6 +13,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     isLoading: boolean;
     type: string;
     saveOnClickOutside: boolean;
+    withIcons: 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<{
@@ -20,6 +22,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     rowIndex: number;
     cellIndex: number;
     type: "input" | "dropdown";
+    withIcons?: boolean;
     saveOnClickOutside?: boolean;
     validateFunction?: (value: unknown) => string | boolean;
     displayValue?: (option: unknown) => unknown;
@@ -28,11 +31,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     isLoading: boolean;
     type: string;
     saveOnClickOutside: boolean;
+    withIcons: boolean;
     validateFunction: () => false;
     displayValue: (cell: unknown) => unknown;
 }>>>, {
     type: "input" | "dropdown";
     cell: string;
+    withIcons: boolean;
     saveOnClickOutside: boolean;
     validateFunction: (value: unknown) => string | boolean;
     isLoading: boolean;

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

@@ -1,7 +1,7 @@
 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"]]);
+// import "../../../EditableV4.vue_vue_type_style_index_0_scoped_1bbe222a_lang.css"; //*');
+const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-1bbe222a"]]);
 export {
-  c as default
+  a as default
 };

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

@@ -1,13 +1,13 @@
- import "../../../EditableV4.vue_vue_type_style_index_0_scoped_e0c047b4_lang.css"; import { defineComponent as m, openBlock as o, createElementBlock as i, unref as t, createElementVNode as f, renderSlot as r, createVNode as d, withCtx as y, createTextVNode as k, toDisplayString as V, createBlock as b, createCommentVNode as g } from "vue";
+ import "../../../EditableV4.vue_vue_type_style_index_0_scoped_1bbe222a_lang.css"; import { defineComponent as f, openBlock as o, createElementBlock as i, unref as t, createElementVNode as m, renderSlot as r, createVNode as d, withCtx as y, createTextVNode as k, toDisplayString as V, createBlock as b, createCommentVNode as g } from "vue";
 import { editableCommon as v } from "../common/Editable.common.js";
-import x from "../../typography/v4/Typography.vue.js";
-import C from "../../input/v4/TextField.vue.js";
-import w from "../../icon/v4/IconV4.vue.js";
+import w from "../../typography/v4/Typography.vue.js";
+import x from "../../input/v4/TextField.vue.js";
+import B from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";
-const B = { class: "editable-wrapper" }, E = {
+const C = { class: "editable-wrapper" }, E = {
   key: 1,
   class: "editable-content"
-}, S = /* @__PURE__ */ m({
+}, S = /* @__PURE__ */ f({
   __name: "EditableV4",
   props: {
     cell: { default: "" },
@@ -15,6 +15,7 @@ const B = { class: "editable-wrapper" }, E = {
     rowIndex: null,
     cellIndex: null,
     type: { default: "input" },
+    withIcons: { type: Boolean, default: !0 },
     saveOnClickOutside: { type: Boolean, default: !0 },
     validateFunction: { type: Function, default: () => !1 },
     displayValue: { type: Function, default: (e) => e }
@@ -28,18 +29,18 @@ const B = { class: "editable-wrapper" }, E = {
       onClick: a[0] || (a[0] = //@ts-ignore
       (...p) => t(n) && t(n)(...p))
     }, [
-      f("div", B, [
+      m("div", C, [
         t(u) ? r(l.$slots, "input", { key: 0 }, () => [
-          d(t(C))
+          d(t(x))
         ], !0) : (o(), i("div", E, [
           r(l.$slots, "content", {}, () => [
-            d(t(x), { variant: "body1" }, {
+            d(t(w), { variant: "body1" }, {
               default: y(() => [
                 k(V(e.displayValue(e.cell)), 1)
               ]),
               _: 1
             }),
-            e.type === "dropdown" ? (o(), b(t(w), {
+            e.type === "dropdown" ? (o(), b(t(B), {
               key: 0,
               class: "caret-icon",
               name: "caret-down",

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

@@ -6,6 +6,7 @@ declare const EditableTypes: () => ({
         $props: Partial<{
             type: "input" | "dropdown";
             cell: string;
+            withIcons: boolean;
             saveOnClickOutside: boolean;
             validateFunction: (value: unknown) => string | boolean;
             isLoading: boolean;
@@ -20,6 +21,10 @@ declare const EditableTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            withIcons: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             saveOnClickOutside: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -44,7 +49,7 @@ declare const EditableTypes: () => ({
                 type: import("vue").PropType<(option: unknown) => unknown>;
                 default: (cell: unknown) => unknown;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "cell" | "saveOnClickOutside" | "validateFunction" | "isLoading" | "displayValue">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "cell" | "withIcons" | "saveOnClickOutside" | "validateFunction" | "isLoading" | "displayValue">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -68,6 +73,10 @@ declare const EditableTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            withIcons: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             saveOnClickOutside: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -95,6 +104,7 @@ declare const EditableTypes: () => ({
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             type: "input" | "dropdown";
             cell: string;
+            withIcons: boolean;
             saveOnClickOutside: boolean;
             validateFunction: (value: unknown) => string | boolean;
             isLoading: boolean;
@@ -129,6 +139,10 @@ declare const EditableTypes: () => ({
             type: import("vue").PropType<string>;
             default: string;
         };
+        withIcons: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         saveOnClickOutside: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -167,6 +181,10 @@ declare const EditableTypes: () => ({
         type: import("vue").PropType<string>;
         default: string;
     };
+    withIcons: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     saveOnClickOutside: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -194,6 +212,7 @@ declare const EditableTypes: () => ({
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     type: "input" | "dropdown";
     cell: string;
+    withIcons: boolean;
     saveOnClickOutside: boolean;
     validateFunction: (value: unknown) => string | boolean;
     isLoading: boolean;