@central-design-system/components 3.0.0-beta.3 → 3.0.0-beta.30

package/dist/components/CdsTable/components/TableProvider.d.ts

@@ -1,11 +1,16 @@
-import type { PropType } from 'vue';
-import type { NTable } from '../interface';
 import type { IContextSlots } from '../context';
+import type { NTable } from '../interface';
+import type { PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     contextSlots: {
         type: PropType<IContextSlots>;
         required: true;
     };
+    theme: {
+        type: PropType<string>;
+        available: readonly ["cds", "b2b", "promo", "dark"];
+        default: undefined;
+    };
     readonly: {
         type: PropType<boolean>;
         default: boolean;
@@ -109,9 +114,10 @@ declare const _default: import("vue").DefineComponent<{
     showSorterTooltip: {
         type: PropType<boolean | Omit<Partial<{
             disabled: boolean;
+            theme: string;
             id: string;
             location: NonNullable<import('../../../utils').TAnchor>;
-            text: string;
+            text: string | number;
             modelValue: boolean;
             eager: boolean;
             transition: NonNullable<string | boolean | (import("vue").TransitionProps & {
@@ -126,8 +132,10 @@ declare const _default: import("vue").DefineComponent<{
             contentClasses: string | string[] | Record<string, boolean>;
             contentProps: Record<string, unknown>;
             noClickAnimation: boolean;
+            opacity: string | number;
             activator: string | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element;
             activatorProps: Record<string, any>;
+            target: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | "parent" | "cursor" | (string & {}) | [x: number, y: number] | undefined;
             openOnClick: NonNullable<boolean | undefined>;
             openOnHover: boolean;
             openOnFocus: boolean | undefined;
@@ -135,7 +143,7 @@ declare const _default: import("vue").DefineComponent<{
             closeDelay: string | number;
             openDelay: string | number;
             locationStrategy: NonNullable<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-                updateLocation: (event: Event) => void;
+                updateLocation: (event: Event | HTMLElement[]) => void;
             } | undefined)>;
             origin: NonNullable<import('../../../utils').TAnchor | "auto" | "overlap">;
             offset: NonNullable<string | number | number[]>;
@@ -214,16 +222,16 @@ declare const _default: import("vue").DefineComponent<{
             };
             locationStrategy: Omit<{
                 type: PropType<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-                    updateLocation: (event: Event) => void;
+                    updateLocation: (event: Event | HTMLElement[]) => void;
                 } | undefined)>;
                 default: string;
                 validator: (value: any) => boolean;
             }, "default" | "type"> & {
                 type: PropType<NonNullable<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-                    updateLocation: (event: Event) => void;
+                    updateLocation: (event: Event | HTMLElement[]) => void;
                 } | undefined)>>;
                 default: NonNullable<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-                    updateLocation: (event: Event) => void;
+                    updateLocation: (event: Event | HTMLElement[]) => void;
                 } | undefined)>;
             };
             location: Omit<{
@@ -255,6 +263,10 @@ declare const _default: import("vue").DefineComponent<{
                 type: PropType<Record<string, any>>;
                 default: () => {};
             };
+            target: {
+                type: PropType<import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | "parent" | "cursor" | (string & {}) | [x: number, y: number] | undefined>;
+                default: undefined;
+            };
             openOnClick: Omit<{
                 type: PropType<boolean | undefined>;
                 default: undefined;
@@ -327,8 +339,17 @@ declare const _default: import("vue").DefineComponent<{
                 type: PropType<boolean>;
                 default: boolean;
             };
-            text: {
+            opacity: {
+                type: PropType<string | number>;
+                default: undefined;
+            };
+            theme: {
                 type: PropType<string>;
+                available: readonly ["cds", "b2b", "promo", "dark"];
+                default: undefined;
+            };
+            text: {
+                type: PropType<string | number>;
                 default: undefined;
             };
             id: {
@@ -341,7 +362,7 @@ declare const _default: import("vue").DefineComponent<{
             };
         }>> & {
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "id" | "location" | "text" | "modelValue" | "eager" | "transition" | "attach" | "contained" | "persistent" | "scrim" | "closeOnBack" | "zIndex" | "contentClasses" | "contentProps" | "noClickAnimation" | "activator" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeDelay" | "openDelay" | "locationStrategy" | "origin" | "offset" | "scrollStrategy" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "hideArrow">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "theme" | "id" | "location" | "text" | "modelValue" | "eager" | "transition" | "attach" | "contained" | "persistent" | "scrim" | "closeOnBack" | "zIndex" | "contentClasses" | "contentProps" | "noClickAnimation" | "opacity" | "activator" | "activatorProps" | "target" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeDelay" | "openDelay" | "locationStrategy" | "origin" | "offset" | "scrollStrategy" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "hideArrow">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
         default: boolean;
     };
     expandFixed: {
@@ -424,6 +445,14 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<(width: number, column: NTable.NColumn.IColumn<any>) => void>;
         default: undefined;
     };
+    onExpand: {
+        type: PropType<(expanded: boolean, record: any) => void>;
+        default: undefined;
+    };
+    onExpandedRowsChange: {
+        type: PropType<(expandedKeys: NTable.TKey[]) => void>;
+        default: undefined;
+    };
 }, {
     selectedKeySet: import("vue").Ref<Set<NTable.TKey>>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -437,6 +466,11 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<IContextSlots>;
         required: true;
     };
+    theme: {
+        type: PropType<string>;
+        available: readonly ["cds", "b2b", "promo", "dark"];
+        default: undefined;
+    };
     readonly: {
         type: PropType<boolean>;
         default: boolean;
@@ -540,9 +574,10 @@ declare const _default: import("vue").DefineComponent<{
     showSorterTooltip: {
         type: PropType<boolean | Omit<Partial<{
             disabled: boolean;
+            theme: string;
             id: string;
             location: NonNullable<import('../../../utils').TAnchor>;
-            text: string;
+            text: string | number;
             modelValue: boolean;
             eager: boolean;
             transition: NonNullable<string | boolean | (import("vue").TransitionProps & {
@@ -557,8 +592,10 @@ declare const _default: import("vue").DefineComponent<{
             contentClasses: string | string[] | Record<string, boolean>;
             contentProps: Record<string, unknown>;
             noClickAnimation: boolean;
+            opacity: string | number;
             activator: string | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element;
             activatorProps: Record<string, any>;
+            target: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | "parent" | "cursor" | (string & {}) | [x: number, y: number] | undefined;
             openOnClick: NonNullable<boolean | undefined>;
             openOnHover: boolean;
             openOnFocus: boolean | undefined;
@@ -566,7 +603,7 @@ declare const _default: import("vue").DefineComponent<{
             closeDelay: string | number;
             openDelay: string | number;
             locationStrategy: NonNullable<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-                updateLocation: (event: Event) => void;
+                updateLocation: (event: Event | HTMLElement[]) => void;
             } | undefined)>;
             origin: NonNullable<import('../../../utils').TAnchor | "auto" | "overlap">;
             offset: NonNullable<string | number | number[]>;
@@ -645,16 +682,16 @@ declare const _default: import("vue").DefineComponent<{
             };
             locationStrategy: Omit<{
                 type: PropType<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-                    updateLocation: (event: Event) => void;
+                    updateLocation: (event: Event | HTMLElement[]) => void;
                 } | undefined)>;
                 default: string;
                 validator: (value: any) => boolean;
             }, "default" | "type"> & {
                 type: PropType<NonNullable<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-                    updateLocation: (event: Event) => void;
+                    updateLocation: (event: Event | HTMLElement[]) => void;
                 } | undefined)>>;
                 default: NonNullable<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-                    updateLocation: (event: Event) => void;
+                    updateLocation: (event: Event | HTMLElement[]) => void;
                 } | undefined)>;
             };
             location: Omit<{
@@ -686,6 +723,10 @@ declare const _default: import("vue").DefineComponent<{
                 type: PropType<Record<string, any>>;
                 default: () => {};
             };
+            target: {
+                type: PropType<import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | "parent" | "cursor" | (string & {}) | [x: number, y: number] | undefined>;
+                default: undefined;
+            };
             openOnClick: Omit<{
                 type: PropType<boolean | undefined>;
                 default: undefined;
@@ -758,8 +799,17 @@ declare const _default: import("vue").DefineComponent<{
                 type: PropType<boolean>;
                 default: boolean;
             };
-            text: {
+            opacity: {
+                type: PropType<string | number>;
+                default: undefined;
+            };
+            theme: {
                 type: PropType<string>;
+                available: readonly ["cds", "b2b", "promo", "dark"];
+                default: undefined;
+            };
+            text: {
+                type: PropType<string | number>;
                 default: undefined;
             };
             id: {
@@ -772,7 +822,7 @@ declare const _default: import("vue").DefineComponent<{
             };
         }>> & {
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "id" | "location" | "text" | "modelValue" | "eager" | "transition" | "attach" | "contained" | "persistent" | "scrim" | "closeOnBack" | "zIndex" | "contentClasses" | "contentProps" | "noClickAnimation" | "activator" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeDelay" | "openDelay" | "locationStrategy" | "origin" | "offset" | "scrollStrategy" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "hideArrow">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "theme" | "id" | "location" | "text" | "modelValue" | "eager" | "transition" | "attach" | "contained" | "persistent" | "scrim" | "closeOnBack" | "zIndex" | "contentClasses" | "contentProps" | "noClickAnimation" | "opacity" | "activator" | "activatorProps" | "target" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeDelay" | "openDelay" | "locationStrategy" | "origin" | "offset" | "scrollStrategy" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "hideArrow">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
         default: boolean;
     };
     expandFixed: {
@@ -855,6 +905,14 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<(width: number, column: NTable.NColumn.IColumn<any>) => void>;
         default: undefined;
     };
+    onExpand: {
+        type: PropType<(expanded: boolean, record: any) => void>;
+        default: undefined;
+    };
+    onExpandedRowsChange: {
+        type: PropType<(expandedKeys: NTable.TKey[]) => void>;
+        default: undefined;
+    };
 }>> & {
     onChange?: ((pagination: NTable.NPagination.IProps, filters: Record<string, NTable.TFilterValue | null>, sorter: NTable.ISorterResult<any> | NTable.ISorterResult<any>[], extra: NTable.ICurrentData<any>) => any) | undefined;
     onResizeColumn?: ((width: number, column: NTable.NColumn.IColumn<any>) => any) | undefined;
@@ -864,12 +922,14 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     size: "xs" | "sm" | "md" | "lg" | "xl";
     disabled: boolean;
+    theme: string;
     id: string;
     components: NTable.NCustomize.TableComponents<any>;
     data: any[];
     locale: "ru" | "en" | import("../../../locale").ILocale;
     loading: boolean;
     readonly: boolean;
+    onChange: (pagination: NTable.NPagination.IProps, filters: Record<string, NTable.TFilterValue | null>, sorters: NTable.ISorterResult<any> | NTable.ISorterResult<any>[], extra: NTable.ICurrentData<any>) => void;
     header: NTable.NRender.TPanelRender<any>;
     expandIcon: NTable.NExpand.TRenderExpandIcon<any>;
     bordered: boolean;
@@ -877,7 +937,6 @@ declare const _default: import("vue").DefineComponent<{
     scroll: NTable.TScroll & {
         scrollToFirstRowOnChange?: boolean | undefined;
     };
-    onChange: (pagination: NTable.NPagination.IProps, filters: Record<string, NTable.TFilterValue | null>, sorters: NTable.ISorterResult<any> | NTable.ISorterResult<any>[], extra: NTable.ICurrentData<any>) => void;
     rowKey: string | NTable.NRow.TGetRowKey<any>;
     rowClassName: string | NTable.NRow.TClassName<any>;
     tableLayout: NTable.TLayout;
@@ -892,9 +951,10 @@ declare const _default: import("vue").DefineComponent<{
     sortDirection: string[];
     showSorterTooltip: boolean | Omit<Partial<{
         disabled: boolean;
+        theme: string;
         id: string;
         location: NonNullable<import('../../../utils').TAnchor>;
-        text: string;
+        text: string | number;
         modelValue: boolean;
         eager: boolean;
         transition: NonNullable<string | boolean | (import("vue").TransitionProps & {
@@ -909,8 +969,10 @@ declare const _default: import("vue").DefineComponent<{
         contentClasses: string | string[] | Record<string, boolean>;
         contentProps: Record<string, unknown>;
         noClickAnimation: boolean;
+        opacity: string | number;
         activator: string | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element;
         activatorProps: Record<string, any>;
+        target: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | "parent" | "cursor" | (string & {}) | [x: number, y: number] | undefined;
         openOnClick: NonNullable<boolean | undefined>;
         openOnHover: boolean;
         openOnFocus: boolean | undefined;
@@ -918,7 +980,7 @@ declare const _default: import("vue").DefineComponent<{
         closeDelay: string | number;
         openDelay: string | number;
         locationStrategy: NonNullable<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-            updateLocation: (event: Event) => void;
+            updateLocation: (event: Event | HTMLElement[]) => void;
         } | undefined)>;
         origin: NonNullable<import('../../../utils').TAnchor | "auto" | "overlap">;
         offset: NonNullable<string | number | number[]>;
@@ -997,16 +1059,16 @@ declare const _default: import("vue").DefineComponent<{
         };
         locationStrategy: Omit<{
             type: PropType<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-                updateLocation: (event: Event) => void;
+                updateLocation: (event: Event | HTMLElement[]) => void;
             } | undefined)>;
             default: string;
             validator: (value: any) => boolean;
         }, "default" | "type"> & {
             type: PropType<NonNullable<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-                updateLocation: (event: Event) => void;
+                updateLocation: (event: Event | HTMLElement[]) => void;
             } | undefined)>>;
             default: NonNullable<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
-                updateLocation: (event: Event) => void;
+                updateLocation: (event: Event | HTMLElement[]) => void;
             } | undefined)>;
         };
         location: Omit<{
@@ -1038,6 +1100,10 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<Record<string, any>>;
             default: () => {};
         };
+        target: {
+            type: PropType<import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | "parent" | "cursor" | (string & {}) | [x: number, y: number] | undefined>;
+            default: undefined;
+        };
         openOnClick: Omit<{
             type: PropType<boolean | undefined>;
             default: undefined;
@@ -1110,8 +1176,17 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<boolean>;
             default: boolean;
         };
-        text: {
+        opacity: {
+            type: PropType<string | number>;
+            default: undefined;
+        };
+        theme: {
             type: PropType<string>;
+            available: readonly ["cds", "b2b", "promo", "dark"];
+            default: undefined;
+        };
+        text: {
+            type: PropType<string | number>;
             default: undefined;
         };
         id: {
@@ -1124,7 +1199,7 @@ declare const _default: import("vue").DefineComponent<{
         };
     }>> & {
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "id" | "location" | "text" | "modelValue" | "eager" | "transition" | "attach" | "contained" | "persistent" | "scrim" | "closeOnBack" | "zIndex" | "contentClasses" | "contentProps" | "noClickAnimation" | "activator" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeDelay" | "openDelay" | "locationStrategy" | "origin" | "offset" | "scrollStrategy" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "hideArrow">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "theme" | "id" | "location" | "text" | "modelValue" | "eager" | "transition" | "attach" | "contained" | "persistent" | "scrim" | "closeOnBack" | "zIndex" | "contentClasses" | "contentProps" | "noClickAnimation" | "opacity" | "activator" | "activatorProps" | "target" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeDelay" | "openDelay" | "locationStrategy" | "origin" | "offset" | "scrollStrategy" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "hideArrow">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>;
     expandFixed: NTable.TFixed;
     expandColumnWidth: number;
     expandedRowKeys: NTable.TKey[];
@@ -1143,5 +1218,7 @@ declare const _default: import("vue").DefineComponent<{
     transformCellText: NTable.NCell.TTransformCellText<any>;
     getPopupContainer: NTable.NCustomize.TGetPopupContainer;
     onResizeColumn: (width: number, column: NTable.NColumn.IColumn<any>) => void;
+    onExpand: (expanded: boolean, record: any) => void;
+    onExpandedRowsChange: (expandedKeys: NTable.TKey[]) => void;
 }>;
 export default _default;

package/dist/components/CdsTable/composable/filter.d.ts

@@ -1,5 +1,5 @@
-import type { Ref } from 'vue';
 import type { NTable } from '../interface';
+import type { Ref } from 'vue';
 export interface IFilterOptions<RecordType> {
     mergedColumns: Ref<NTable.NColumn.TColumns<RecordType>>;
     tableLocale: Ref<NTable.ILocale>;

package/dist/components/CdsTable/composable/flat.d.ts

@@ -1,5 +1,5 @@
-import type { Ref } from 'vue';
 import type { NTable } from '../interface';
+import type { Ref } from 'vue';
 declare type TRecord<T> = {
     record: T;
     indent: number;

package/dist/components/CdsTable/composable/pagination.d.ts

@@ -1,6 +1,6 @@
 import { VNode } from 'vue';
-import type { Ref } from 'vue';
 import type { NTable } from '../interface';
+import type { Ref } from 'vue';
 export declare const DEFAULT_PAGE_SIZE = 10;
 export interface IUsePagination {
     mergedPagination: Ref<NTable.NPagination.IProps>;