@knime/kds-table 0.2.1 → 0.3.0

package/dist/src/components/layout/Header.vue.d.ts

@@ -1,5 +1,7 @@
 import { PropType } from 'vue';
-import { KdsMenuItem } from '@knime/kds-components';
+import { ActionConfig } from '../../types/ActionConfig';
+import { ColumnConfig } from '../../types/ColumnConfig';
+import { ColFilterValues, ColSortValue } from '../../types/ColumnState';
 import { TableConfig } from '../../types/TableConfig';
 /**
  * A table header element for displaying the column names in a table. This component
@@ -13,32 +15,24 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: PropType<TableConfig>;
         default: () => {};
     };
-    columnHeaders: {
-        type: PropType<Array<string>>;
-        default: () => never[];
-    };
-    columnSubHeaders: {
-        type: PropType<Array<string | undefined>>;
-        default: () => never[];
-    };
-    columnSizes: {
-        type: PropType<Array<number>>;
-        default: () => never[];
+    actionConfig: {
+        type: PropType<ActionConfig>;
+        default: () => {};
     };
-    columnSubMenuItems: {
-        type: PropType<Array<KdsMenuItem[] | undefined>>;
+    columns: {
+        type: PropType<ColumnConfig[]>;
         default: () => never[];
     };
-    columnHeaderColors: {
-        type: PropType<Array<string | null>>;
-        default: () => never[];
+    colFilterValues: {
+        type: PropType<ColFilterValues>;
+        default: () => {};
     };
-    columnDeletables: {
-        type: PropType<Array<boolean | undefined>>;
+    colSizes: {
+        type: PropType<number[]>;
         default: () => never[];
     };
-    columnEditables: {
-        type: PropType<Array<boolean | undefined>>;
+    colSortValues: {
+        type: PropType<ColSortValue[]>;
         default: () => never[];
     };
     isSelected: {
@@ -46,7 +40,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
     getDragHandleHeight: {
-        type: FunctionConstructor;
+        type: PropType<() => number>;
         default: () => number;
     };
     showNewColumnButton: {
@@ -58,42 +52,32 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: null;
     };
 }>, {
-    indexedColumnHeaders: import('vue').Ref<[string, number][], [string, number][]>;
+    indexedColumns: import('vue').Ref<[ColumnConfig, number][], [ColumnConfig, number][]>;
     headerStyles: import('vue').MaybeRef<import('vue').CSSProperties>;
     onHeaderCellKeydown: (event: KeyboardEvent, columnIndex: number) => void;
 }, {
-    hoverIndex: null | number;
-    dragIndex: null | number;
-    columnSizeOnDragStart: number;
-    pageXOnDragStart: number;
     minimumColumnWidth: number;
-    maximumSubMenuWidth: number;
-    currentDragHandlerHeight: number;
-    borderTop: number;
+    resizingColumnIndex: null | number;
     focusedHeaderIndex: null | number;
 }, {
-    enableColumnResizing(): boolean;
-    hasSubHeaders(): boolean;
-    currentResizeDragHandleWidth(): 0 | 5;
     headerSelectionOverlayStyle(): Record<string, string> | null;
 }, {
+    columnSize(columnIndex: number): number;
+    sortDirection(columnIndex: number): -1 | 0 | 1;
     onHeaderCellFocus(columnIndex: number): void;
     onHeaderCellBlur(columnIndex: number): void;
     emitNewColumnButtonWidth(): void;
     onSelect(): void;
     onHeaderClick(ind: number): void;
-    onPointerOver(event: PointerEvent, columnIndex: number): void;
-    onPointerLeave(event: Event): void;
-    onPointerDown(event: PointerEvent & {
-        target: HTMLElement;
-    }, columnIndex: number): void;
-    onPointerUp(event: PointerEvent): void;
-    onPointerMove: import('raf-throttle').Throttled<(event: PointerEvent) => void>;
+    onColumnResizeStart(columnIndex: number): void;
+    onColumnResizeEnd(): void;
+    onColumnResize(columnIndex: number, newSize: number): void;
+    onAllColumnsResize(newSize: number): void;
+    onColumnSort(columnIndex: number, direction: -1 | 0 | 1): void;
+    onOpenActionBarFilterControl(columnIndex: number): void;
+    onClearColumnFilter(columnIndex: number): void;
     onNewColumnButtonClick(event: MouseEvent): void;
     onNewColumnButtonKeydownLeft(event: KeyboardEvent): void;
-    unthrottledOnPointerMove(event: PointerEvent): void;
-    onLostPointerCapture: import('raf-throttle').Throttled<(event: any) => void>;
-    dragHandleHeight(isDragging: boolean): number;
     onDeleteColumn(ind: number): void;
     getHeaderCellWidths(): number[];
     /**
@@ -106,6 +90,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onKeydownRight(columnIndex: number): void;
     onKeydownDown(columnIndex: number): void;
     focusHeaderCell(cellInd: number): void;
+    isColumnHeaderFocusable(cellInd: number): boolean;
     focusNewColumnButton(): void;
     focusSelectionCheckbox(): void;
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -116,6 +101,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     columnResizeEnd: () => true;
     columnResizeStart: () => true;
     allColumnsResize: (newSize: number) => true;
+    columnSort: (index: number, direction: -1 | 0 | 1) => true;
+    openActionBarFilterControl: (index: number) => true;
+    clearColumnFilter: (index: number) => true;
     moveDownFromHeaderCell: (index: number) => true;
     headerCellSelect: (index: number) => true;
     "update:newColumnButtonWidth": (width: number) => true;
@@ -130,32 +118,24 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: PropType<TableConfig>;
         default: () => {};
     };
-    columnHeaders: {
-        type: PropType<Array<string>>;
-        default: () => never[];
-    };
-    columnSubHeaders: {
-        type: PropType<Array<string | undefined>>;
-        default: () => never[];
-    };
-    columnSizes: {
-        type: PropType<Array<number>>;
-        default: () => never[];
+    actionConfig: {
+        type: PropType<ActionConfig>;
+        default: () => {};
     };
-    columnSubMenuItems: {
-        type: PropType<Array<KdsMenuItem[] | undefined>>;
+    columns: {
+        type: PropType<ColumnConfig[]>;
         default: () => never[];
     };
-    columnHeaderColors: {
-        type: PropType<Array<string | null>>;
-        default: () => never[];
+    colFilterValues: {
+        type: PropType<ColFilterValues>;
+        default: () => {};
     };
-    columnDeletables: {
-        type: PropType<Array<boolean | undefined>>;
+    colSizes: {
+        type: PropType<number[]>;
         default: () => never[];
     };
-    columnEditables: {
-        type: PropType<Array<boolean | undefined>>;
+    colSortValues: {
+        type: PropType<ColSortValue[]>;
         default: () => never[];
     };
     isSelected: {
@@ -163,7 +143,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
     getDragHandleHeight: {
-        type: FunctionConstructor;
+        type: PropType<() => number>;
         default: () => number;
     };
     showNewColumnButton: {
@@ -176,12 +156,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
 }>> & Readonly<{
     onColumnResize?: ((index: number, newSize: number) => any) | undefined;
+    onColumnSort?: ((index: number, direction: 0 | 1 | -1) => any) | undefined;
+    onOpenActionBarFilterControl?: ((index: number) => any) | undefined;
+    onClearColumnFilter?: ((index: number) => any) | undefined;
+    onColumnResizeStart?: (() => any) | undefined;
+    onColumnResizeEnd?: (() => any) | undefined;
+    onAllColumnsResize?: ((newSize: number) => any) | undefined;
     onHeaderSelect?: ((selected: boolean) => any) | undefined;
     onShowColumnBorder?: (() => any) | undefined;
     onHideColumnBorder?: (() => any) | undefined;
-    onColumnResizeEnd?: (() => any) | undefined;
-    onColumnResizeStart?: (() => any) | undefined;
-    onAllColumnsResize?: ((newSize: number) => any) | undefined;
     onMoveDownFromHeaderCell?: ((index: number) => any) | undefined;
     onHeaderCellSelect?: ((index: number) => any) | undefined;
     "onUpdate:newColumnButtonWidth"?: ((width: number) => any) | undefined;
@@ -192,15 +175,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onHeaderCellStartEditing?: ((index: number, initialValue?: string | undefined) => any) | undefined;
     onDeleteColumn?: ((index: number) => any) | undefined;
 }>, {
-    columnSizes: number[];
+    columns: ColumnConfig[];
+    colSizes: number[];
     tableConfig: TableConfig;
-    getDragHandleHeight: Function;
-    columnHeaders: string[];
-    columnSubHeaders: (string | undefined)[];
-    columnSubMenuItems: (KdsMenuItem[] | undefined)[];
-    columnHeaderColors: (string | null)[];
-    columnDeletables: (boolean | undefined)[];
-    columnEditables: (boolean | undefined)[];
+    getDragHandleHeight: () => number;
+    colFilterValues: ColFilterValues;
+    colSortValues: ColSortValue[];
+    actionConfig: ActionConfig;
     isSelected: boolean;
     showNewColumnButton: boolean;
     selectedHeaderIndex: number | null;
@@ -295,347 +276,155 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     } & import('packages/components/dist/src/buttons/types').WithDestructive)> & Readonly<{
         onClick?: ((event: MouseEvent) => any) | undefined;
     }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-    KdsMenuButton: import('vue').DefineComponent<({
-        modelValue?: boolean;
-    } & import('packages/components/dist/src/types/testId').WithTestId & {
-        size?: import('@knime/kds-components').KdsButtonSize;
-        disabled?: boolean;
-        title?: string;
-        variant?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
-    } & {
-        label: string;
-        leadingIcon?: import('@knime/kds-components').KdsIconName;
-        trailingIcon?: import('@knime/kds-components').KdsIconName;
-        ariaLabel?: never;
-    } & {
-        items: import('packages/components/dist/src/buttons/KdsMenuButton/types').KdsMenuItem[];
-        menuMaxHeight?: string;
-    }) | ({
-        modelValue?: boolean;
-    } & import('packages/components/dist/src/types/testId').WithTestId & {
-        size?: import('@knime/kds-components').KdsButtonSize;
-        disabled?: boolean;
-        title?: string;
-        variant?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
-    } & {
-        label?: never;
-        leadingIcon: import('@knime/kds-components').KdsIconName;
-        trailingIcon?: never;
-        ariaLabel: string;
-    } & {
-        items: import('packages/components/dist/src/buttons/KdsMenuButton/types').KdsMenuItem[];
-        menuMaxHeight?: string;
-    }), {
-        menuButtonEl: Readonly<import('vue').ShallowRef<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<({
-            modelValue?: boolean;
-        } & import('packages/components/dist/src/types/testId').WithTestId & {
-            size?: import('@knime/kds-components').KdsButtonSize;
-            disabled?: boolean;
-            title?: string;
-            variant?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
-        } & {
-            label: string;
-            leadingIcon?: import('@knime/kds-components').KdsIconName;
-            trailingIcon?: import('@knime/kds-components').KdsIconName;
-            ariaLabel?: never;
-        }) | ({
-            modelValue?: boolean;
-        } & import('packages/components/dist/src/types/testId').WithTestId & {
-            size?: import('@knime/kds-components').KdsButtonSize;
-            disabled?: boolean;
-            title?: string;
-            variant?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
-        } & {
-            label?: never;
-            leadingIcon: import('@knime/kds-components').KdsIconName;
-            trailingIcon?: never;
-            ariaLabel: string;
-        })> & Readonly<{
-            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            "update:modelValue": (value: boolean) => any;
-        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, {} & (Readonly<({
-            modelValue?: boolean;
-        } & import('packages/components/dist/src/types/testId').WithTestId & {
-            size?: import('@knime/kds-components').KdsButtonSize;
-            disabled?: boolean;
-            title?: string;
-            variant?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
-        } & {
-            label: string;
-            leadingIcon?: import('@knime/kds-components').KdsIconName;
-            trailingIcon?: import('@knime/kds-components').KdsIconName;
-            ariaLabel?: never;
-        }) | ({
-            modelValue?: boolean;
-        } & import('packages/components/dist/src/types/testId').WithTestId & {
-            size?: import('@knime/kds-components').KdsButtonSize;
-            disabled?: boolean;
-            title?: string;
-            variant?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
-        } & {
-            label?: never;
-            leadingIcon: import('@knime/kds-components').KdsIconName;
-            trailingIcon?: never;
-            ariaLabel: string;
-        })> & Readonly<{
-            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        }>), {}, {}, {}, {}, {}> | null>>;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        "update:modelValue": (value: boolean) => any;
-        itemClick: (id: string) => any;
-    }, string, import('vue').PublicProps, Readonly<({
-        modelValue?: boolean;
-    } & import('packages/components/dist/src/types/testId').WithTestId & {
-        size?: import('@knime/kds-components').KdsButtonSize;
-        disabled?: boolean;
-        title?: string;
-        variant?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
-    } & {
-        label: string;
-        leadingIcon?: import('@knime/kds-components').KdsIconName;
-        trailingIcon?: import('@knime/kds-components').KdsIconName;
-        ariaLabel?: never;
-    } & {
-        items: import('packages/components/dist/src/buttons/KdsMenuButton/types').KdsMenuItem[];
-        menuMaxHeight?: string;
-    }) | ({
-        modelValue?: boolean;
-    } & import('packages/components/dist/src/types/testId').WithTestId & {
-        size?: import('@knime/kds-components').KdsButtonSize;
-        disabled?: boolean;
-        title?: string;
-        variant?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
-    } & {
-        label?: never;
-        leadingIcon: import('@knime/kds-components').KdsIconName;
-        trailingIcon?: never;
-        ariaLabel: string;
-    } & {
-        items: import('packages/components/dist/src/buttons/KdsMenuButton/types').KdsMenuItem[];
-        menuMaxHeight?: string;
-    })> & Readonly<{
-        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        onItemClick?: ((id: string) => any) | undefined;
-    }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-        menuButton: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<({
-            modelValue?: boolean;
-        } & import('packages/components/dist/src/types/testId').WithTestId & {
-            size?: import('@knime/kds-components').KdsButtonSize;
-            disabled?: boolean;
-            title?: string;
-            variant?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
-        } & {
-            label: string;
-            leadingIcon?: import('@knime/kds-components').KdsIconName;
-            trailingIcon?: import('@knime/kds-components').KdsIconName;
-            ariaLabel?: never;
-        }) | ({
-            modelValue?: boolean;
-        } & import('packages/components/dist/src/types/testId').WithTestId & {
-            size?: import('@knime/kds-components').KdsButtonSize;
-            disabled?: boolean;
-            title?: string;
-            variant?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
-        } & {
-            label?: never;
-            leadingIcon: import('@knime/kds-components').KdsIconName;
-            trailingIcon?: never;
-            ariaLabel: string;
-        })> & Readonly<{
-            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            "update:modelValue": (value: boolean) => any;
-        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, {} & (Readonly<({
-            modelValue?: boolean;
-        } & import('packages/components/dist/src/types/testId').WithTestId & {
-            size?: import('@knime/kds-components').KdsButtonSize;
-            disabled?: boolean;
-            title?: string;
-            variant?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
-        } & {
-            label: string;
-            leadingIcon?: import('@knime/kds-components').KdsIconName;
-            trailingIcon?: import('@knime/kds-components').KdsIconName;
-            ariaLabel?: never;
-        }) | ({
-            modelValue?: boolean;
-        } & import('packages/components/dist/src/types/testId').WithTestId & {
-            size?: import('@knime/kds-components').KdsButtonSize;
-            disabled?: boolean;
-            title?: string;
-            variant?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
-        } & {
-            label?: never;
-            leadingIcon: import('@knime/kds-components').KdsIconName;
-            trailingIcon?: never;
-            ariaLabel: string;
-        })> & Readonly<{
-            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        }>), {}, {}, {}, {}, {}> | null;
-        popover: ({
-            $: import('vue').ComponentInternalInstance;
-            $data: {};
-            $props: ({
-                readonly modelValue?: boolean | undefined;
-                readonly role?: import('@knime/kds-components').KdsPopoverRole | undefined;
-                readonly popoverType?: import('@knime/kds-components').KdsPopoverType | undefined;
-                readonly fullWidth?: boolean | undefined;
-                readonly maxInlineSize?: string | undefined;
-                readonly content?: string | undefined;
-                readonly placement?: Exclude<import('@knime/kds-components').KdsPopoverPlacement, "custom"> | undefined;
-                readonly customPlacementPosition?: never | undefined;
-                readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-            } | {
-                readonly modelValue?: boolean | undefined;
-                readonly role?: import('@knime/kds-components').KdsPopoverRole | undefined;
-                readonly popoverType?: import('@knime/kds-components').KdsPopoverType | undefined;
-                readonly fullWidth?: boolean | undefined;
-                readonly maxInlineSize?: string | undefined;
-                readonly content?: string | undefined;
-                readonly placement: "custom";
-                readonly customPlacementPosition: {
-                    x: number;
-                    y: number;
-                };
-                readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-            }) & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-            $attrs: import('vue').Attrs;
-            $refs: {
-                [x: string]: unknown;
-            } & {
-                popoverEl: HTMLDivElement;
-            };
-            $slots: Readonly<{
-                [name: string]: import('vue').Slot<any> | undefined;
-            }>;
-            $root: import('vue').ComponentPublicInstance | null;
-            $parent: import('vue').ComponentPublicInstance | null;
-            $host: Element | null;
-            $emit: (event: "update:modelValue", value: boolean) => void;
-            $el: HTMLDivElement;
-            $options: import('vue').ComponentOptionsBase<Readonly<({
-                modelValue?: boolean;
-            } & {
-                role?: import('@knime/kds-components').KdsPopoverRole;
-                popoverType?: import('@knime/kds-components').KdsPopoverType;
-                fullWidth?: boolean;
-                maxInlineSize?: string;
-                content?: string;
-            } & {
-                placement?: Exclude<import('@knime/kds-components').KdsPopoverPlacement, "custom">;
-                customPlacementPosition?: never;
-            }) | ({
-                modelValue?: boolean;
-            } & {
-                role?: import('@knime/kds-components').KdsPopoverRole;
-                popoverType?: import('@knime/kds-components').KdsPopoverType;
-                fullWidth?: boolean;
-                maxInlineSize?: string;
-                content?: string;
-            } & {
-                placement: "custom";
-                customPlacementPosition: {
-                    x: number;
-                    y: number;
-                };
-            })> & Readonly<{
-                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-            }>, {
-                anchorStyle: Record<string, string>;
-                popoverId: string;
-            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                "update:modelValue": (value: boolean) => any;
-            }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                beforeCreate?: (() => void) | (() => void)[];
-                created?: (() => void) | (() => void)[];
-                beforeMount?: (() => void) | (() => void)[];
-                mounted?: (() => void) | (() => void)[];
-                beforeUpdate?: (() => void) | (() => void)[];
-                updated?: (() => void) | (() => void)[];
-                activated?: (() => void) | (() => void)[];
-                deactivated?: (() => void) | (() => void)[];
-                beforeDestroy?: (() => void) | (() => void)[];
-                beforeUnmount?: (() => void) | (() => void)[];
-                destroyed?: (() => void) | (() => void)[];
-                unmounted?: (() => void) | (() => void)[];
-                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-            };
-            $forceUpdate: () => void;
-            $nextTick: typeof import('vue').nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-        } & Readonly<{}> & Omit<{} & (Readonly<({
-            modelValue?: boolean;
-        } & {
-            role?: import('@knime/kds-components').KdsPopoverRole;
-            popoverType?: import('@knime/kds-components').KdsPopoverType;
-            fullWidth?: boolean;
-            maxInlineSize?: string;
-            content?: string;
-        } & {
-            placement?: Exclude<import('@knime/kds-components').KdsPopoverPlacement, "custom">;
-            customPlacementPosition?: never;
-        }) | ({
-            modelValue?: boolean;
-        } & {
-            role?: import('@knime/kds-components').KdsPopoverRole;
-            popoverType?: import('@knime/kds-components').KdsPopoverType;
-            fullWidth?: boolean;
-            maxInlineSize?: string;
-            content?: string;
-        } & {
-            placement: "custom";
-            customPlacementPosition: {
-                x: number;
-                y: number;
-            };
-        })> & Readonly<{
-            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        }>), "anchorStyle" | "popoverId"> & {
-            anchorStyle: Record<string, string>;
-            popoverId: string;
-        } & {} & import('vue').ComponentCustomProperties & {} & {
-            $slots: {
-                default?(_: {}): any;
-            };
-        }) | null;
-        menuContainer: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('packages/components/dist/src/containers/MenuContainer').KdsMenuContainerProps> & Readonly<{
-            onItemClick?: ((id: string) => any) | undefined;
+    HeaderCell: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            column: ColumnConfig;
+            colFilterValue?: import('../..').FilterValue;
+            tableConfig: TableConfig;
+            actionConfig: ActionConfig;
+            sortDirection: -1 | 0 | 1;
+            columnSize?: number;
+            focused: boolean;
+            selected: boolean;
+            otherColumnResizing: boolean;
+            getDragHandleHeight: () => number;
+        }> & Readonly<{
+            onColumnResize?: ((newSize: number) => any) | undefined;
+            onOnColumnSort?: ((direction: 0 | 1 | -1) => any) | undefined;
+            onOpenActionBarFilterControl?: (() => any) | undefined;
+            onClearColumnFilter?: (() => any) | undefined;
+            onOnHeaderCellFocus?: (() => any) | undefined;
+            onOnHeaderCellBlur?: (() => any) | undefined;
+            onOnHeaderClick?: (() => any) | undefined;
+            onOnKeydownTab?: (() => any) | undefined;
+            onOnKeydownLeft?: (() => any) | undefined;
+            onOnKeydownRight?: (() => any) | undefined;
+            onOnKeydownDown?: (() => any) | undefined;
+            onOnHeaderCellKeydown?: ((event: KeyboardEvent) => any) | undefined;
+            onOnDeleteColumn?: (() => any) | undefined;
+            onColumnResizeStart?: (() => any) | undefined;
+            onColumnResizeEnd?: (() => any) | undefined;
+            onAllColumnsResize?: ((newSize: number) => any) | undefined;
         }>, {
+            getHeaderCellWidth: () => number;
             focus: () => void;
+            isFocusable: () => boolean;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            itemClick: (id: string) => any;
-        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-            containerEl: HTMLDivElement;
-        }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+            columnResize: (newSize: number) => any;
+            onColumnSort: (direction: 0 | 1 | -1) => any;
+            openActionBarFilterControl: () => any;
+            clearColumnFilter: () => any;
+            onHeaderCellFocus: () => any;
+            onHeaderCellBlur: () => any;
+            onHeaderClick: () => any;
+            onKeydownTab: () => any;
+            onKeydownLeft: () => any;
+            onKeydownRight: () => any;
+            onKeydownDown: () => any;
+            onHeaderCellKeydown: (event: KeyboardEvent) => any;
+            onDeleteColumn: () => any;
+            columnResizeStart: () => any;
+            columnResizeEnd: () => any;
+            allColumnsResize: (newSize: number) => any;
+        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLTableCellElement, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<import('packages/components/dist/src/containers/MenuContainer').KdsMenuContainerProps> & Readonly<{
-            onItemClick?: ((id: string) => any) | undefined;
+        }, Readonly<{
+            column: ColumnConfig;
+            colFilterValue?: import('../..').FilterValue;
+            tableConfig: TableConfig;
+            actionConfig: ActionConfig;
+            sortDirection: -1 | 0 | 1;
+            columnSize?: number;
+            focused: boolean;
+            selected: boolean;
+            otherColumnResizing: boolean;
+            getDragHandleHeight: () => number;
+        }> & Readonly<{
+            onColumnResize?: ((newSize: number) => any) | undefined;
+            onOnColumnSort?: ((direction: 0 | 1 | -1) => any) | undefined;
+            onOpenActionBarFilterControl?: (() => any) | undefined;
+            onClearColumnFilter?: (() => any) | undefined;
+            onOnHeaderCellFocus?: (() => any) | undefined;
+            onOnHeaderCellBlur?: (() => any) | undefined;
+            onOnHeaderClick?: (() => any) | undefined;
+            onOnKeydownTab?: (() => any) | undefined;
+            onOnKeydownLeft?: (() => any) | undefined;
+            onOnKeydownRight?: (() => any) | undefined;
+            onOnKeydownDown?: (() => any) | undefined;
+            onOnHeaderCellKeydown?: ((event: KeyboardEvent) => any) | undefined;
+            onOnDeleteColumn?: (() => any) | undefined;
+            onColumnResizeStart?: (() => any) | undefined;
+            onColumnResizeEnd?: (() => any) | undefined;
+            onAllColumnsResize?: ((newSize: number) => any) | undefined;
         }>, {
+            getHeaderCellWidth: () => number;
             focus: () => void;
-        }, {}, {}, {}, {}> | null;
-    }, any>;
+            isFocusable: () => boolean;
+        }, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<{
+        column: ColumnConfig;
+        colFilterValue?: import('../..').FilterValue;
+        tableConfig: TableConfig;
+        actionConfig: ActionConfig;
+        sortDirection: -1 | 0 | 1;
+        columnSize?: number;
+        focused: boolean;
+        selected: boolean;
+        otherColumnResizing: boolean;
+        getDragHandleHeight: () => number;
+    }> & Readonly<{
+        onColumnResize?: ((newSize: number) => any) | undefined;
+        onOnColumnSort?: ((direction: 0 | 1 | -1) => any) | undefined;
+        onOpenActionBarFilterControl?: (() => any) | undefined;
+        onClearColumnFilter?: (() => any) | undefined;
+        onOnHeaderCellFocus?: (() => any) | undefined;
+        onOnHeaderCellBlur?: (() => any) | undefined;
+        onOnHeaderClick?: (() => any) | undefined;
+        onOnKeydownTab?: (() => any) | undefined;
+        onOnKeydownLeft?: (() => any) | undefined;
+        onOnKeydownRight?: (() => any) | undefined;
+        onOnKeydownDown?: (() => any) | undefined;
+        onOnHeaderCellKeydown?: ((event: KeyboardEvent) => any) | undefined;
+        onOnDeleteColumn?: (() => any) | undefined;
+        onColumnResizeStart?: (() => any) | undefined;
+        onColumnResizeEnd?: (() => any) | undefined;
+        onAllColumnsResize?: ((newSize: number) => any) | undefined;
+    }>, {
+        getHeaderCellWidth: () => number;
+        focus: () => void;
+        isFocusable: () => boolean;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        columnResize: (newSize: number) => any;
+        onColumnSort: (direction: 0 | 1 | -1) => any;
+        openActionBarFilterControl: () => any;
+        clearColumnFilter: () => any;
+        onHeaderCellFocus: () => any;
+        onHeaderCellBlur: () => any;
+        onHeaderClick: () => any;
+        onKeydownTab: () => any;
+        onKeydownLeft: () => any;
+        onKeydownRight: () => any;
+        onKeydownDown: () => any;
+        onHeaderCellKeydown: (event: KeyboardEvent) => any;
+        onDeleteColumn: () => any;
+        columnResizeStart: () => any;
+        columnResizeEnd: () => any;
+        allColumnsResize: (newSize: number) => any;
+    }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            subHeader?(_: {
+                subHeader: string;
+            }): any;
+        };
+    });
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 //# sourceMappingURL=Header.vue.d.ts.map