@ironsource/shared-ui 2.1.11-test.99 → 2.1.12-rc.0

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,6 +79,14 @@ 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: {
@@ -83,7 +98,7 @@ declare const SortableListTypes: () => ({
             "onUpdate:selectedId"?: (id: string | number) => any;
             "onUpdate:selectedChildId"?: (id: string | number) => any;
             "onUpdate:search"?: (query: string) => 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,6 +174,14 @@ 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: {
@@ -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,6 +300,14 @@ 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: {
@@ -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,6 +382,14 @@ 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: {
@@ -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/table/v4/DataGrid.vue.d.ts

@@ -156,6 +156,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     loadingRowCount: number;
     emptyStateTitle: string;
     isSticky: boolean;
+    zIndexBase: number;
     sections: Section[];
     isStickyHeader: boolean;
     emptyStateSubtitle: string;
@@ -167,7 +168,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     getRowKey: (row: 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;

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

@@ -118,11 +118,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     loadingRowCount: number;
     emptyStateTitle: string;
     isSticky: boolean;
+    zIndexBase: number;
     emptyStateSubtitle: string;
     getRowId: (row: Row, index: number) => unknown;
     getRowKey: (row: 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/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,7 +31,6 @@ 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;
@@ -88,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;
@@ -136,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;
@@ -167,7 +167,7 @@ declare const DataGridTypes: () => (({
             "onUpdate:selection"?: (selection: unknown[]) => any;
             onSelectRow?: (value: boolean) => any;
             onClickRow?: (rowIndex: number) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "isLoading" | "searchAutoFocus" | "searchPlaceholder" | "selection" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "defaultScrollPosition" | "getRowId" | "getRowKey" | "selectedMatcher" | "emptyStateVariant" | "zIndexBase" | "rowCustomClassKey" | "rowDataKey" | "isSelectionSticky" | "isSelectionBordered">;
+        } & 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;
         };
@@ -234,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;
@@ -282,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;
@@ -339,6 +339,7 @@ declare const DataGridTypes: () => (({
             loadingRowCount: number;
             emptyStateTitle: string;
             isSticky: boolean;
+            zIndexBase: number;
             sections: import("../common/Table.types").Section[];
             isStickyHeader: boolean;
             emptyStateSubtitle: string;
@@ -350,7 +351,6 @@ 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;
@@ -428,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;
@@ -476,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;
@@ -566,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;
@@ -614,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;
@@ -671,6 +671,7 @@ declare const DataGridTypes: () => (({
     loadingRowCount: number;
     emptyStateTitle: string;
     isSticky: boolean;
+    zIndexBase: number;
     sections: import("../common/Table.types").Section[];
     isStickyHeader: boolean;
     emptyStateSubtitle: string;
@@ -682,7 +683,6 @@ 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;
@@ -820,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;
@@ -870,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;
@@ -886,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;
@@ -932,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;
         };
@@ -985,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;
@@ -1001,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;
@@ -1065,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;
@@ -1135,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;
@@ -1151,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;
@@ -1238,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;
@@ -1254,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;
@@ -1318,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

@@ -2,8 +2,8 @@ import { ref as n, provide as f, watch as d } from "vue";
 import { useTableContext as C } from "../../table/common/TableContext.js";
 import { EditableContext as m } from "./EditableContext.js";
 import { onClickOutside as x } from "@vueuse/core";
-const E = (e) => {
-  const l = n(!1), t = n(e.cell), i = n(e.saveOnClickOutside), o = n(null), r = C("Editable"), a = n(null), v = () => {
+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;
@@ -19,14 +19,15 @@ const E = (e) => {
     focusable: !0,
     value: t,
     error: a,
+    withIcons: e.withIcons,
     confirmable: !0,
     saveOnClickOutside: i.value,
     onChange(u) {
       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 = () => {
     t.value = e.cell, a.value = null;
@@ -34,7 +35,7 @@ const E = (e) => {
   return x(o, () => {
     if (l.value) {
       if (i.value) {
-        v();
+        c();
         return;
       }
       l.value = !1, s(), r.onClose();
@@ -45,11 +46,11 @@ const E = (e) => {
       l.value || (t.value = e.cell);
     }
   ), {
-    onEdit: c,
+    onEdit: v,
     target: o,
     isEditing: l
   };
 };
 export {
-  E 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",