@webitel/ui-datalist 1.1.45 → 1.1.47

package/types/modules/table/createTableStore.store.d.ts

@@ -1,10 +1,8 @@
 import deepEqual from 'deep-equal';
 import { type Ref } from 'vue';
+import type { Identifiable } from '../types/createDatalistStore.types';
 import type { LoadDataListOptions, PatchItemPropertyParams, useTableStoreConfig } from '../types/tableStore.types';
-export declare const tableStoreBody: <Entity extends {
-    id: string;
-    etag?: string;
-}>(namespace: string, config: useTableStoreConfig<Entity>) => {
+export declare const tableStoreBody: <Entity extends Identifiable>(namespace: string, config: useTableStoreConfig<Entity>) => {
     isStoreSetUp: Ref<boolean, boolean>;
     dataList: Ref<Entity[], Entity[]>;
     selected: Ref<Entity[], Entity[]>;
@@ -13,11 +11,38 @@ export declare const tableStoreBody: <Entity extends {
     page: Ref<number, number>;
     size: Ref<number, number>;
     next: Ref<boolean, boolean>;
-    headers: Ref<any, any>;
-    shownHeaders: import("vue").ComputedRef<any>;
-    fields: import("vue").ComputedRef<any>;
+    headers: Ref<{
+        value: string;
+        locale?: string | [string];
+        text?: string;
+        width?: string;
+        sort?: boolean;
+        show?: boolean;
+        field: string;
+        shouldBeInitialized?: boolean;
+    }[], import("../types/tableStore.types").DatalistTableHeader[] | {
+        value: string;
+        locale?: string | [string];
+        text?: string;
+        width?: string;
+        sort?: boolean;
+        show?: boolean;
+        field: string;
+        shouldBeInitialized?: boolean;
+    }[]>;
+    shownHeaders: import("vue").ComputedRef<{
+        value: string;
+        locale?: string | [string];
+        text?: string;
+        width?: string;
+        sort?: boolean;
+        show?: boolean;
+        field: string;
+        shouldBeInitialized?: boolean;
+    }[]>;
+    fields: import("vue").ComputedRef<string[]>;
     sort: import("vue").ComputedRef<string>;
-    columnWidths: import("vue").ComputedRef<any>;
+    columnWidths: import("vue").ComputedRef<{}>;
     searchMode: Ref<string, string>;
     filtersManager: Ref<{
         filters: Map<string, {
@@ -34,8 +59,13 @@ export declare const tableStoreBody: <Entity extends {
             value?: import("../filters").FilterValue;
             label?: import("../filters").FilterLabel;
         }) => import("../filters").IFilter;
-        deleteFilter: (name: import("../filters").FilterName) => import("../filters").IFilter;
-        toString: () => string;
+        deleteFilter: ({ name }: {
+            name: import("../filters").FilterName;
+        }) => import("../filters").IFilter;
+        toString: (options?: {
+            include?: import("../filters").FilterName[];
+            exclude?: import("../filters").FilterName[];
+        }) => string;
         fromString: (snapshotStr: string) => void;
         reset: ({ include, exclude, }?: {
             include?: import("../filters").FilterName[];
@@ -67,8 +97,13 @@ export declare const tableStoreBody: <Entity extends {
             value?: import("../filters").FilterValue;
             label?: import("../filters").FilterLabel;
         }) => import("../filters").IFilter;
-        deleteFilter: (name: import("../filters").FilterName) => import("../filters").IFilter;
-        toString: () => string;
+        deleteFilter: ({ name }: {
+            name: import("../filters").FilterName;
+        }) => import("../filters").IFilter;
+        toString: (options?: {
+            include?: import("../filters").FilterName[];
+            exclude?: import("../filters").FilterName[];
+        }) => string;
         fromString: (snapshotStr: string) => void;
         reset: ({ include, exclude, }?: {
             include?: import("../filters").FilterName[];
@@ -114,10 +149,7 @@ export declare const tableStoreBody: <Entity extends {
     updateFilter: any;
     deleteFilter: any;
 };
-export declare const createTableStore: <Entity extends {
-    id: string;
-    etag?: string;
-}>(namespace: string, config: useTableStoreConfig<Entity>) => import("../types/createDatalistStore.types").PatchableStoreFactory<{
+export declare const createTableStore: <Entity extends Identifiable>(namespace: string, config: useTableStoreConfig<Entity>) => import("../types/createDatalistStore.types").PatchableStoreFactory<{
     isStoreSetUp: Ref<boolean, boolean>;
     dataList: Ref<Entity[], Entity[]>;
     selected: Ref<Entity[], Entity[]>;
@@ -126,11 +158,38 @@ export declare const createTableStore: <Entity extends {
     page: Ref<number, number>;
     size: Ref<number, number>;
     next: Ref<boolean, boolean>;
-    headers: Ref<any, any>;
-    shownHeaders: import("vue").ComputedRef<any>;
-    fields: import("vue").ComputedRef<any>;
+    headers: Ref<{
+        value: string;
+        locale?: string | [string];
+        text?: string;
+        width?: string;
+        sort?: boolean;
+        show?: boolean;
+        field: string;
+        shouldBeInitialized?: boolean;
+    }[], import("../types/tableStore.types").DatalistTableHeader[] | {
+        value: string;
+        locale?: string | [string];
+        text?: string;
+        width?: string;
+        sort?: boolean;
+        show?: boolean;
+        field: string;
+        shouldBeInitialized?: boolean;
+    }[]>;
+    shownHeaders: import("vue").ComputedRef<{
+        value: string;
+        locale?: string | [string];
+        text?: string;
+        width?: string;
+        sort?: boolean;
+        show?: boolean;
+        field: string;
+        shouldBeInitialized?: boolean;
+    }[]>;
+    fields: import("vue").ComputedRef<string[]>;
     sort: import("vue").ComputedRef<string>;
-    columnWidths: import("vue").ComputedRef<any>;
+    columnWidths: import("vue").ComputedRef<{}>;
     searchMode: Ref<string, string>;
     filtersManager: Ref<{
         filters: Map<string, {
@@ -147,8 +206,13 @@ export declare const createTableStore: <Entity extends {
             value?: import("../filters").FilterValue;
             label?: import("../filters").FilterLabel;
         }) => import("../filters").IFilter;
-        deleteFilter: (name: import("../filters").FilterName) => import("../filters").IFilter;
-        toString: () => string;
+        deleteFilter: ({ name }: {
+            name: import("../filters").FilterName;
+        }) => import("../filters").IFilter;
+        toString: (options?: {
+            include?: import("../filters").FilterName[];
+            exclude?: import("../filters").FilterName[];
+        }) => string;
         fromString: (snapshotStr: string) => void;
         reset: ({ include, exclude, }?: {
             include?: import("../filters").FilterName[];
@@ -180,8 +244,13 @@ export declare const createTableStore: <Entity extends {
             value?: import("../filters").FilterValue;
             label?: import("../filters").FilterLabel;
         }) => import("../filters").IFilter;
-        deleteFilter: (name: import("../filters").FilterName) => import("../filters").IFilter;
-        toString: () => string;
+        deleteFilter: ({ name }: {
+            name: import("../filters").FilterName;
+        }) => import("../filters").IFilter;
+        toString: (options?: {
+            include?: import("../filters").FilterName[];
+            exclude?: import("../filters").FilterName[];
+        }) => string;
         fromString: (snapshotStr: string) => void;
         reset: ({ include, exclude, }?: {
             include?: import("../filters").FilterName[];

package/types/modules/types/createDatalistStore.types.d.ts

@@ -6,7 +6,7 @@ import type { useTableStoreConfig } from './tableStore.types';
  * */
 export type Patch = Record<string, unknown> | Ref<unknown>;
 export type Identifiable = {
-    id: string;
+    id?: string | number;
     etag?: string;
 };
 export type StoreInstance = Record<string, unknown>;

package/types/modules/types/tableStore.types.d.ts

@@ -1,12 +1,21 @@
-import type { ApiModule } from '@webitel/ui-sdk/api/types/ApiModule.type';
+import type { ApiModule } from '@webitel/ui-sdk/api/types/ApiModule';
 import type { Ref } from 'vue';
 import type { WtTableHeader } from '../../../../../src/components/wt-table/types/WtTable';
 import type { IFiltersManager } from '../filters';
 import type { DatalistStoreProviderType } from './StoreProvider';
+/**
+ * Table header shape used inside the datalist stores. In addition to the
+ * base {@link WtTableHeader} shape, datalist stores key columns by `field`
+ * and may flag dynamically-appended headers for lazy initialization.
+ */
+export type DatalistTableHeader = WtTableHeader & {
+    field: string;
+    shouldBeInitialized?: boolean;
+};
 export type TrackSelectedRowBy<T> = (row: T) => T;
 export interface useTableStoreConfig<Entity> {
     apiModule: ApiModule<Entity>;
-    headers: WtTableHeader[];
+    headers: DatalistTableHeader[];
     disablePersistence?: boolean | [];
     storeType?: DatalistStoreProviderType;
     isAppendDataList?: boolean;