@kong/kongponents 9.29.10 → 9.29.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/types/components/KBreadcrumbs/KBreadcrumbs.vue.d.ts +3 -33
- package/dist/types/components/KCodeBlock/KCodeBlockIconButton.vue.d.ts +2 -17
- package/dist/types/components/KDropdown/KDropdown.vue.d.ts +5 -4
- package/dist/types/components/KDropdown/KDropdownItem.vue.d.ts +1 -1
- package/dist/types/components/KExternalLink/KExternalLink.vue.d.ts +2 -11
- package/dist/types/components/KFileUpload/KFileUpload.vue.d.ts +2 -363
- package/dist/types/components/KModal/KModal.vue.d.ts +2 -432
- package/dist/types/components/KModalFullscreen/KModalFullscreen.vue.d.ts +2 -162
- package/dist/types/components/KMultiselect/KMultiselect.vue.d.ts +8 -5
- package/dist/types/components/KMultiselect/KMultiselectItem.vue.d.ts +2 -29
- package/dist/types/components/KMultiselect/KMultiselectItems.vue.d.ts +2 -64
- package/dist/types/components/KPrompt/KPrompt.vue.d.ts +2 -147
- package/dist/types/components/KRadio/KRadio.vue.d.ts +9 -3
- package/dist/types/components/KSegmentedControl/KSegmentedControl.vue.d.ts +2 -2
- package/dist/types/components/KSelect/KSelect.vue.d.ts +3 -394
- package/dist/types/components/KSelect/KSelectItem.vue.d.ts +2 -29
- package/dist/types/components/KSelect/KSelectItems.vue.d.ts +2 -66
- package/dist/types/components/KSkeleton/CardSkeleton.vue.d.ts +2 -30
- package/dist/types/components/KSkeleton/KSkeleton.vue.d.ts +2 -117
- package/dist/types/components/KSkeleton/SkeletonBase.vue.d.ts +2 -7
- package/dist/types/components/KSkeleton/TableSkeleton.vue.d.ts +2 -31
- package/dist/types/components/KSlideout/KSlideout.vue.d.ts +2 -121
- package/dist/types/components/KTable/KTable.vue.d.ts +4 -634
- package/dist/types/components/KTableData/KTableData.vue.d.ts +3 -99
- package/dist/types/components/KTableView/BulkActionsDropdown.vue.d.ts +2 -43
- package/dist/types/components/KTableView/KTableView.vue.d.ts +3 -237
- package/dist/types/components/KTabs/KTabs.vue.d.ts +2 -96
- package/dist/types/components/KTextArea/KTextArea.vue.d.ts +1 -1
- package/dist/types/components/KTreeList/KTreeDraggable.vue.d.ts +12 -7
- package/dist/types/components/KTreeList/KTreeItem.vue.d.ts +3 -2
- package/dist/types/components/KTreeList/KTreeList.vue.d.ts +5 -4
- package/dist/types/components/KTruncate/KTruncate.vue.d.ts +2 -81
- package/package.json +6 -6
|
@@ -1,40 +1,4 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
import KTableView from '../../components/KTableView/KTableView.vue';
|
|
3
|
-
import type { TablePreferences, TableDataHeader, TableSortPayload, ButtonAppearance, RowLink, TablePaginationAttributes, PageChangeData, PageSizeChangeData, TableStatePayload, SwrvStateData, TableDataProps, RowExpandPayload, RowActionsTogglePayload } from '../../../types';
|
|
4
|
-
type __VLS_Emit = {
|
|
5
|
-
(e: 'cell-click', value: {
|
|
6
|
-
data: Record<string, any>;
|
|
7
|
-
}): void;
|
|
8
|
-
(e: 'row-click', value: {
|
|
9
|
-
data: Record<string, any>;
|
|
10
|
-
}): void;
|
|
11
|
-
(e: 'error-action-click'): void;
|
|
12
|
-
(e: 'empty-state-action-click'): void;
|
|
13
|
-
(e: 'update:table-preferences', preferences: TablePreferences): void;
|
|
14
|
-
(e: 'sort', value: TableSortPayload): void;
|
|
15
|
-
(e: 'state', value: TableStatePayload): void;
|
|
16
|
-
(e: 'row-select', data: Record<string, any>[]): void;
|
|
17
|
-
(e: 'update:row-expanded', data: RowExpandPayload): void;
|
|
18
|
-
(e: 'row-actions-toggle', data: RowActionsTogglePayload): void;
|
|
19
|
-
};
|
|
20
|
-
declare const emit: __VLS_Emit;
|
|
21
|
-
declare const tableData: Ref<Record<string, any>[], Record<string, any>[]>;
|
|
22
|
-
declare const tableHeaders: import("vue").ComputedRef<TableDataHeader[]>;
|
|
23
|
-
declare const getEmptyStateButtonAppearance: import("vue").ComputedRef<ButtonAppearance>;
|
|
24
|
-
declare const tablePaginationAttributes: import("vue").ComputedRef<TablePaginationAttributes>;
|
|
25
|
-
declare const getHeaderSlots: import("vue").ComputedRef<`column-${string}`[]>;
|
|
26
|
-
declare const getHeaderTooltipSlots: import("vue").ComputedRef<`tooltip-${string}`[]>;
|
|
27
|
-
declare const getCellSlots: import("vue").ComputedRef<string[]>;
|
|
28
|
-
declare const fetcherIsLoading: Ref<boolean, boolean>;
|
|
29
|
-
declare const stateData: import("vue").ComputedRef<SwrvStateData>;
|
|
30
|
-
declare const sortHandler: ({ sortColumnKey: columnKey, prevKey, sortColumnOrder: sortOrder }: TableSortPayload) => void;
|
|
31
|
-
declare const pageChangeHandler: ({ page: newPage }: PageChangeData) => void;
|
|
32
|
-
declare const pageSizeChangeHandler: ({ pageSize: newPageSize }: PageSizeChangeData) => void;
|
|
33
|
-
declare const tablePreferencesUpdateHandler: ({ columnWidths: newColumnWidth, columnVisibility: newColumnVisibility }: TablePreferences) => void;
|
|
34
|
-
declare const getNextOffsetHandler: () => void;
|
|
35
|
-
declare const getPreviousOffsetHandler: () => void;
|
|
36
|
-
declare const showPagination: import("vue").ComputedRef<boolean>;
|
|
37
|
-
declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
|
|
1
|
+
import type { TablePreferences, TableDataHeader, RowLink, TablePaginationAttributes, SwrvStateData, TableDataProps } from '../../../types';
|
|
38
2
|
declare var __VLS_19: {
|
|
39
3
|
state: SwrvStateData;
|
|
40
4
|
}, __VLS_21: {
|
|
@@ -56,7 +20,7 @@ declare var __VLS_19: {
|
|
|
56
20
|
nestedHeaders: import("../../../types").TableViewHeader[];
|
|
57
21
|
row: any;
|
|
58
22
|
};
|
|
59
|
-
type __VLS_Slots =
|
|
23
|
+
type __VLS_Slots = {} & {
|
|
60
24
|
[K in NonNullable<typeof __VLS_32>]?: (props: typeof __VLS_33) => any;
|
|
61
25
|
} & {
|
|
62
26
|
[K in NonNullable<typeof __VLS_36>]?: (props: typeof __VLS_37) => any;
|
|
@@ -78,67 +42,7 @@ type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$
|
|
|
78
42
|
'action-items'?: (props: typeof __VLS_43) => any;
|
|
79
43
|
} & {
|
|
80
44
|
'row-expanded'?: (props: typeof __VLS_45) => any;
|
|
81
|
-
}
|
|
82
|
-
declare const __VLS_self: import("vue").DefineComponent<TableDataProps, {
|
|
83
|
-
KTableView: typeof KTableView;
|
|
84
|
-
emit: typeof emit;
|
|
85
|
-
tableData: typeof tableData;
|
|
86
|
-
tableHeaders: typeof tableHeaders;
|
|
87
|
-
getEmptyStateButtonAppearance: typeof getEmptyStateButtonAppearance;
|
|
88
|
-
tablePaginationAttributes: typeof tablePaginationAttributes;
|
|
89
|
-
getHeaderSlots: typeof getHeaderSlots;
|
|
90
|
-
getHeaderTooltipSlots: typeof getHeaderTooltipSlots;
|
|
91
|
-
getCellSlots: typeof getCellSlots;
|
|
92
|
-
fetcherIsLoading: typeof fetcherIsLoading;
|
|
93
|
-
stateData: typeof stateData;
|
|
94
|
-
sortHandler: typeof sortHandler;
|
|
95
|
-
pageChangeHandler: typeof pageChangeHandler;
|
|
96
|
-
pageSizeChangeHandler: typeof pageSizeChangeHandler;
|
|
97
|
-
tablePreferencesUpdateHandler: typeof tablePreferencesUpdateHandler;
|
|
98
|
-
getNextOffsetHandler: typeof getNextOffsetHandler;
|
|
99
|
-
getPreviousOffsetHandler: typeof getPreviousOffsetHandler;
|
|
100
|
-
showPagination: typeof showPagination;
|
|
101
|
-
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
102
|
-
[x: string]: any;
|
|
103
|
-
} & {
|
|
104
|
-
[x: string]: any;
|
|
105
|
-
}, string, import("vue").PublicProps, Readonly<TableDataProps> & Readonly<{
|
|
106
|
-
[x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
|
|
107
|
-
}>, {
|
|
108
|
-
maxHeight: string;
|
|
109
|
-
error: boolean;
|
|
110
|
-
loading: boolean;
|
|
111
|
-
headers: TableDataHeader[];
|
|
112
|
-
fetcherCacheKey: string;
|
|
113
|
-
cacheIdentifier: string;
|
|
114
|
-
searchInput: string;
|
|
115
|
-
initialFetcherParams: import("../../../types").TableDataFetcherParams;
|
|
116
|
-
clientSort: boolean;
|
|
117
|
-
sortable: boolean;
|
|
118
|
-
emptyStateTitle: string;
|
|
119
|
-
emptyStateMessage: string;
|
|
120
|
-
emptyStateActionMessage: string;
|
|
121
|
-
emptyStateIconVariant: import("../../../types").EmptyStateIconVariant;
|
|
122
|
-
errorStateTitle: string;
|
|
123
|
-
errorStateMessage: string;
|
|
124
|
-
errorStateActionMessage: string;
|
|
125
|
-
hidePaginationWhenOptional: boolean;
|
|
126
|
-
resizeColumns: boolean;
|
|
127
|
-
tablePreferences: TablePreferences;
|
|
128
|
-
rowHover: boolean;
|
|
129
|
-
rowAttrs: (row: Record<string, any>) => Record<string, any>;
|
|
130
|
-
cellAttrs: (param: import("../../../types").CellAttrsParam) => Record<string, any>;
|
|
131
|
-
rowLink: (row: Record<string, any>) => RowLink;
|
|
132
|
-
rowBulkActionEnabled: (row: Record<string, any>) => import("../../../types").RowBulkAction;
|
|
133
|
-
rowKey: string | ((row: Record<string, any>) => string);
|
|
134
|
-
hidePagination: boolean;
|
|
135
|
-
paginationAttributes: TablePaginationAttributes;
|
|
136
|
-
rowExpandable: (row: Record<string, any>) => boolean;
|
|
137
|
-
rowExpanded: (row: Record<string, any>) => boolean;
|
|
138
|
-
hideHeaders: boolean;
|
|
139
|
-
nested: boolean;
|
|
140
|
-
hideToolbar: boolean;
|
|
141
|
-
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
45
|
+
};
|
|
142
46
|
declare const __VLS_component: import("vue").DefineComponent<TableDataProps, {
|
|
143
47
|
revalidate: () => void;
|
|
144
48
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
@@ -1,48 +1,7 @@
|
|
|
1
|
-
import KTooltip from '../../components/KTooltip/KTooltip.vue';
|
|
2
|
-
import KDropdown from '../../components/KDropdown/KDropdown.vue';
|
|
3
|
-
import KButton from '../../components/KButton/KButton.vue';
|
|
4
|
-
import { MoreIcon } from '@kong/icons';
|
|
5
|
-
declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
|
|
6
1
|
declare var __VLS_19: {};
|
|
7
|
-
type __VLS_Slots =
|
|
2
|
+
type __VLS_Slots = {} & {
|
|
8
3
|
items?: (props: typeof __VLS_19) => any;
|
|
9
|
-
}
|
|
10
|
-
declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
11
|
-
disabled: {
|
|
12
|
-
type: BooleanConstructor;
|
|
13
|
-
default: boolean;
|
|
14
|
-
};
|
|
15
|
-
count: {
|
|
16
|
-
type: StringConstructor;
|
|
17
|
-
default: string;
|
|
18
|
-
};
|
|
19
|
-
buttonLabel: {
|
|
20
|
-
type: StringConstructor;
|
|
21
|
-
default: string;
|
|
22
|
-
};
|
|
23
|
-
}>, {
|
|
24
|
-
KTooltip: typeof KTooltip;
|
|
25
|
-
KDropdown: typeof KDropdown;
|
|
26
|
-
KButton: typeof KButton;
|
|
27
|
-
MoreIcon: typeof MoreIcon;
|
|
28
|
-
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
29
|
-
disabled: {
|
|
30
|
-
type: BooleanConstructor;
|
|
31
|
-
default: boolean;
|
|
32
|
-
};
|
|
33
|
-
count: {
|
|
34
|
-
type: StringConstructor;
|
|
35
|
-
default: string;
|
|
36
|
-
};
|
|
37
|
-
buttonLabel: {
|
|
38
|
-
type: StringConstructor;
|
|
39
|
-
default: string;
|
|
40
|
-
};
|
|
41
|
-
}>> & Readonly<{}>, {
|
|
42
|
-
disabled: boolean;
|
|
43
|
-
count: string;
|
|
44
|
-
buttonLabel: string;
|
|
45
|
-
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
4
|
+
};
|
|
46
5
|
declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
47
6
|
disabled: {
|
|
48
7
|
type: BooleanConstructor;
|
|
@@ -1,125 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
import KEmptyState from '../../components/KEmptyState/KEmptyState.vue';
|
|
3
|
-
import KSkeleton from '../../components/KSkeleton/KSkeleton.vue';
|
|
4
|
-
import KTooltip from '../../components/KTooltip/KTooltip.vue';
|
|
5
|
-
import { InfoIcon, ArrowDownIcon, MoreIcon, ChevronRightIcon } from '@kong/icons';
|
|
6
|
-
import type { TablePreferences, TableViewHeader, TableViewData, TableColumnSlotName, TableColumnTooltipSlotName, SortColumnOrder, RowLink, PageSizeChangeData, TableViewProps, TableViewSelectState } from '../../../types';
|
|
7
|
-
import { TableViewHeaderKeys } from '../../../types';
|
|
8
|
-
import { KUI_COLOR_TEXT_NEUTRAL, KUI_ICON_SIZE_30 } from '@kong/design-tokens';
|
|
9
|
-
import ColumnVisibilityMenu from './ColumnVisibilityMenu.vue';
|
|
10
|
-
import KPagination from '../../components/KPagination/KPagination.vue';
|
|
11
|
-
import KDropdown from '../../components/KDropdown/KDropdown.vue';
|
|
12
|
-
import KCheckbox from '../../components/KCheckbox/KCheckbox.vue';
|
|
13
|
-
import BulkActionsDropdown from './BulkActionsDropdown.vue';
|
|
14
|
-
declare const tableId: string;
|
|
15
|
-
declare const tableHeaders: import("vue").Ref<{
|
|
16
|
-
key: string;
|
|
17
|
-
label?: string | undefined;
|
|
18
|
-
sortable?: boolean | undefined;
|
|
19
|
-
hidable?: boolean | undefined;
|
|
20
|
-
tooltip?: string | undefined;
|
|
21
|
-
hideLabel?: boolean | undefined;
|
|
22
|
-
}[], TableViewHeader[] | {
|
|
23
|
-
key: string;
|
|
24
|
-
label?: string | undefined;
|
|
25
|
-
sortable?: boolean | undefined;
|
|
26
|
-
hidable?: boolean | undefined;
|
|
27
|
-
tooltip?: string | undefined;
|
|
28
|
-
hideLabel?: boolean | undefined;
|
|
29
|
-
}[]>;
|
|
30
|
-
declare const visibleHeaders: import("vue").Ref<{
|
|
31
|
-
key: string;
|
|
32
|
-
label?: string | undefined;
|
|
33
|
-
sortable?: boolean | undefined;
|
|
34
|
-
hidable?: boolean | undefined;
|
|
35
|
-
tooltip?: string | undefined;
|
|
36
|
-
hideLabel?: boolean | undefined;
|
|
37
|
-
}[], TableViewHeader[] | {
|
|
38
|
-
key: string;
|
|
39
|
-
label?: string | undefined;
|
|
40
|
-
sortable?: boolean | undefined;
|
|
41
|
-
hidable?: boolean | undefined;
|
|
42
|
-
tooltip?: string | undefined;
|
|
43
|
-
hideLabel?: boolean | undefined;
|
|
44
|
-
}[]>;
|
|
45
|
-
declare const resizingColumn: import("vue").Ref<string, string>;
|
|
46
|
-
declare const resizerHoveredColumn: import("vue").Ref<string, string>;
|
|
47
|
-
declare const currentHoveredColumn: import("vue").Ref<string, string>;
|
|
48
|
-
declare const hasColumnVisibilityMenu: import("vue").ComputedRef<boolean>;
|
|
49
|
-
declare const columnVisibilityDisabled: import("vue").ComputedRef<boolean>;
|
|
50
|
-
declare const visibilityColumns: import("vue").ComputedRef<TableViewHeader[]>;
|
|
51
|
-
declare const visibilityPreferences: import("vue").ComputedRef<Record<string, boolean>>;
|
|
52
|
-
declare const columnVisibility: import("vue").Ref<Record<string, boolean>, Record<string, boolean>>;
|
|
53
|
-
declare const tableWrapperHeight: import("vue").Ref<string, string>;
|
|
54
|
-
declare const isScrollableVertically: import("vue").Ref<boolean, boolean>;
|
|
55
|
-
declare const isScrolledVertically: import("vue").Ref<boolean, boolean>;
|
|
56
|
-
declare const isScrolledHorizontally: import("vue").Ref<boolean, boolean>;
|
|
57
|
-
declare const isScrollableRight: import("vue").Ref<boolean, boolean>;
|
|
58
|
-
declare const sortColumnKey: import("vue").Ref<string, string>;
|
|
59
|
-
declare const sortColumnOrder: import("vue").Ref<SortColumnOrder, SortColumnOrder>;
|
|
60
|
-
declare const isClickable: import("vue").Ref<boolean, boolean>;
|
|
61
|
-
declare const hasToolbarSlot: import("vue").ComputedRef<boolean>;
|
|
62
|
-
declare const isActionsDropdownHovered: import("vue").Ref<boolean, boolean>;
|
|
63
|
-
declare const tableWrapperStyles: import("vue").ComputedRef<Record<string, string>>;
|
|
64
|
-
declare const scrollbarWidth: import("vue").ComputedRef<string>;
|
|
65
|
-
declare const bulkActionsSelectedRows: import("vue").Ref<Record<string, any>[], Record<string, any>[] | TableViewData>;
|
|
66
|
-
declare const hasBulkActions: import("vue").ComputedRef<boolean>;
|
|
67
|
-
declare const showBulkActionsToolbar: import("vue").ComputedRef<boolean>;
|
|
68
|
-
declare const bulkActionsSelectedRowsCount: import("vue").ComputedRef<string>;
|
|
69
|
-
declare const rowKeyMap: import("vue").Ref<WeakMap<Record<string, any>, string> & Omit<WeakMap<Record<string, any>, string>, keyof WeakMap<any, any>>, WeakMap<Record<string, any>, string> | (WeakMap<Record<string, any>, string> & Omit<WeakMap<Record<string, any>, string>, keyof WeakMap<any, any>>)>;
|
|
70
|
-
/**
|
|
71
|
-
* Utilize a helper function to generate the column slot name.
|
|
72
|
-
* This helps TypeScript infer the slot name in the template section so that the slot props can be resolved.
|
|
73
|
-
* @param {string} columnKey The column.key
|
|
74
|
-
*/
|
|
75
|
-
declare const getColumnSlotName: (columnKey: string) => TableColumnSlotName;
|
|
76
|
-
/**
|
|
77
|
-
* Utilize a helper function to generate the column tooltip slot name.
|
|
78
|
-
* This helps TypeScript infer the slot name in the template section so that the slot props can be resolved.
|
|
79
|
-
* @param {string} columnKey The column.key
|
|
80
|
-
*/
|
|
81
|
-
declare const getColumnTooltipSlotName: (columnKey: string) => TableColumnTooltipSlotName;
|
|
82
|
-
/**
|
|
83
|
-
* To avoid requiring the consuming app to typecast if they want to use `row` or `column`
|
|
84
|
-
* we strip the types to something generic before we put it in the slot for use.
|
|
85
|
-
* @param obj The object to strip the type from
|
|
86
|
-
*/
|
|
87
|
-
declare const getGeneric: (obj: Record<string, any>) => any;
|
|
88
|
-
declare const tdlisteners: import("vue").ComputedRef<any>;
|
|
89
|
-
declare const DEFAULT_COLUMN_WIDTHS_PX: Record<string, string>;
|
|
90
|
-
declare const columnStyles: import("vue").ComputedRef<Record<string, any>>;
|
|
91
|
-
declare const getHeaderClasses: (column: TableViewHeader, index: number) => Record<string, boolean>;
|
|
92
|
-
declare const onHeaderClick: (column: TableViewHeader) => void;
|
|
93
|
-
declare const resizeHoverColumn: import("vue").ComputedRef<string>;
|
|
94
|
-
declare const headerHeight: import("vue").ComputedRef<string>;
|
|
95
|
-
declare const startResize: (evt: MouseEvent, colKey: string) => void;
|
|
96
|
-
declare const isLastStickyColumn: (columnKey: string) => boolean;
|
|
97
|
-
declare const showResizeHandle: (column: TableViewHeader, previous?: boolean) => boolean;
|
|
98
|
-
declare const onRowActionsToggle: (row: Record<string, any>, state: boolean) => void;
|
|
99
|
-
declare const showPagination: import("vue").ComputedRef<boolean>;
|
|
100
|
-
declare const scrollHandler: (event: any) => void;
|
|
101
|
-
declare const getRowState: (row: Record<string, any>) => TableViewSelectState | undefined;
|
|
102
|
-
declare const getRowBulkActionEnabled: (row: Record<string, any>) => boolean;
|
|
103
|
-
declare const getRowBulkActionTooltip: (row: Record<string, any>) => string;
|
|
104
|
-
declare const getRowLinkComponent: (row: Record<string, any>, columnKey: string) => string;
|
|
105
|
-
declare const getRowLinkAttrs: (row: Record<string, any>, columnKey: string) => Record<string, any>;
|
|
106
|
-
declare const onPaginationPageSizeChange: (data: PageSizeChangeData) => void;
|
|
107
|
-
declare const hasExpandableRows: import("vue").ComputedRef<boolean>;
|
|
108
|
-
declare const expandedRows: import("vue").Ref<number[], number[]>;
|
|
109
|
-
/**
|
|
110
|
-
* Toggle visibility of expendable row content
|
|
111
|
-
*/
|
|
112
|
-
declare const toggleRow: (rowIndex: number, row: any) => Promise<void>;
|
|
113
|
-
declare const getNestedTableHeaders: import("vue").ComputedRef<TableViewHeader[]>;
|
|
114
|
-
/**
|
|
115
|
-
* Function that calculates client width of each column and sets the actualColumnWidths
|
|
116
|
-
* actualColumnWidths passed as slot prop to the nested table
|
|
117
|
-
*/
|
|
118
|
-
declare const actualColumnWidths: import("vue").Ref<Record<string, number>, Record<string, number>>;
|
|
119
|
-
declare const bulkActionsAll: import("vue").Ref<boolean, boolean>;
|
|
120
|
-
declare const isBulkActionsIndeterminate: import("vue").ComputedRef<boolean>;
|
|
121
|
-
declare const handleIndeterminateChange: (value: boolean) => void;
|
|
122
|
-
declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
|
|
1
|
+
import type { TablePreferences, TableViewHeader, TableViewData, RowLink, TableViewProps } from '../../../types';
|
|
123
2
|
declare var __VLS_1: {}, __VLS_3: {
|
|
124
3
|
selectedRows: Record<string, any>[];
|
|
125
4
|
}, __VLS_8: {
|
|
@@ -139,7 +18,7 @@ declare var __VLS_1: {}, __VLS_3: {
|
|
|
139
18
|
nestedHeaders: TableViewHeader[];
|
|
140
19
|
row: any;
|
|
141
20
|
};
|
|
142
|
-
type __VLS_Slots =
|
|
21
|
+
type __VLS_Slots = {} & {
|
|
143
22
|
[K in NonNullable<typeof __VLS_47>]?: (props: typeof __VLS_48) => any;
|
|
144
23
|
} & {
|
|
145
24
|
[K in NonNullable<typeof __VLS_65>]?: (props: typeof __VLS_66) => any;
|
|
@@ -161,120 +40,7 @@ type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$
|
|
|
161
40
|
'action-items'?: (props: typeof __VLS_105) => any;
|
|
162
41
|
} & {
|
|
163
42
|
'row-expanded'?: (props: typeof __VLS_111) => any;
|
|
164
|
-
}
|
|
165
|
-
declare const __VLS_self: import("vue").DefineComponent<TableViewProps, {
|
|
166
|
-
KButton: typeof KButton;
|
|
167
|
-
KEmptyState: typeof KEmptyState;
|
|
168
|
-
KSkeleton: typeof KSkeleton;
|
|
169
|
-
KTooltip: typeof KTooltip;
|
|
170
|
-
InfoIcon: typeof InfoIcon;
|
|
171
|
-
ArrowDownIcon: typeof ArrowDownIcon;
|
|
172
|
-
MoreIcon: typeof MoreIcon;
|
|
173
|
-
ChevronRightIcon: typeof ChevronRightIcon;
|
|
174
|
-
TableViewHeaderKeys: typeof TableViewHeaderKeys;
|
|
175
|
-
KUI_COLOR_TEXT_NEUTRAL: typeof KUI_COLOR_TEXT_NEUTRAL;
|
|
176
|
-
KUI_ICON_SIZE_30: typeof KUI_ICON_SIZE_30;
|
|
177
|
-
ColumnVisibilityMenu: typeof ColumnVisibilityMenu;
|
|
178
|
-
KPagination: typeof KPagination;
|
|
179
|
-
KDropdown: typeof KDropdown;
|
|
180
|
-
KCheckbox: typeof KCheckbox;
|
|
181
|
-
BulkActionsDropdown: typeof BulkActionsDropdown;
|
|
182
|
-
tableId: typeof tableId;
|
|
183
|
-
tableHeaders: typeof tableHeaders;
|
|
184
|
-
visibleHeaders: typeof visibleHeaders;
|
|
185
|
-
resizingColumn: typeof resizingColumn;
|
|
186
|
-
resizerHoveredColumn: typeof resizerHoveredColumn;
|
|
187
|
-
currentHoveredColumn: typeof currentHoveredColumn;
|
|
188
|
-
hasColumnVisibilityMenu: typeof hasColumnVisibilityMenu;
|
|
189
|
-
columnVisibilityDisabled: typeof columnVisibilityDisabled;
|
|
190
|
-
visibilityColumns: typeof visibilityColumns;
|
|
191
|
-
visibilityPreferences: typeof visibilityPreferences;
|
|
192
|
-
columnVisibility: typeof columnVisibility;
|
|
193
|
-
tableWrapperHeight: typeof tableWrapperHeight;
|
|
194
|
-
isScrollableVertically: typeof isScrollableVertically;
|
|
195
|
-
isScrolledVertically: typeof isScrolledVertically;
|
|
196
|
-
isScrolledHorizontally: typeof isScrolledHorizontally;
|
|
197
|
-
isScrollableRight: typeof isScrollableRight;
|
|
198
|
-
sortColumnKey: typeof sortColumnKey;
|
|
199
|
-
sortColumnOrder: typeof sortColumnOrder;
|
|
200
|
-
isClickable: typeof isClickable;
|
|
201
|
-
hasToolbarSlot: typeof hasToolbarSlot;
|
|
202
|
-
isActionsDropdownHovered: typeof isActionsDropdownHovered;
|
|
203
|
-
tableWrapperStyles: typeof tableWrapperStyles;
|
|
204
|
-
scrollbarWidth: typeof scrollbarWidth;
|
|
205
|
-
bulkActionsSelectedRows: typeof bulkActionsSelectedRows;
|
|
206
|
-
hasBulkActions: typeof hasBulkActions;
|
|
207
|
-
showBulkActionsToolbar: typeof showBulkActionsToolbar;
|
|
208
|
-
bulkActionsSelectedRowsCount: typeof bulkActionsSelectedRowsCount;
|
|
209
|
-
rowKeyMap: typeof rowKeyMap;
|
|
210
|
-
getColumnSlotName: typeof getColumnSlotName;
|
|
211
|
-
getColumnTooltipSlotName: typeof getColumnTooltipSlotName;
|
|
212
|
-
getGeneric: typeof getGeneric;
|
|
213
|
-
tdlisteners: typeof tdlisteners;
|
|
214
|
-
DEFAULT_COLUMN_WIDTHS_PX: typeof DEFAULT_COLUMN_WIDTHS_PX;
|
|
215
|
-
columnStyles: typeof columnStyles;
|
|
216
|
-
getHeaderClasses: typeof getHeaderClasses;
|
|
217
|
-
onHeaderClick: typeof onHeaderClick;
|
|
218
|
-
resizeHoverColumn: typeof resizeHoverColumn;
|
|
219
|
-
headerHeight: typeof headerHeight;
|
|
220
|
-
startResize: typeof startResize;
|
|
221
|
-
isLastStickyColumn: typeof isLastStickyColumn;
|
|
222
|
-
showResizeHandle: typeof showResizeHandle;
|
|
223
|
-
onRowActionsToggle: typeof onRowActionsToggle;
|
|
224
|
-
showPagination: typeof showPagination;
|
|
225
|
-
scrollHandler: typeof scrollHandler;
|
|
226
|
-
getRowState: typeof getRowState;
|
|
227
|
-
getRowBulkActionEnabled: typeof getRowBulkActionEnabled;
|
|
228
|
-
getRowBulkActionTooltip: typeof getRowBulkActionTooltip;
|
|
229
|
-
getRowLinkComponent: typeof getRowLinkComponent;
|
|
230
|
-
getRowLinkAttrs: typeof getRowLinkAttrs;
|
|
231
|
-
onPaginationPageSizeChange: typeof onPaginationPageSizeChange;
|
|
232
|
-
hasExpandableRows: typeof hasExpandableRows;
|
|
233
|
-
expandedRows: typeof expandedRows;
|
|
234
|
-
toggleRow: typeof toggleRow;
|
|
235
|
-
getNestedTableHeaders: typeof getNestedTableHeaders;
|
|
236
|
-
actualColumnWidths: typeof actualColumnWidths;
|
|
237
|
-
bulkActionsAll: typeof bulkActionsAll;
|
|
238
|
-
isBulkActionsIndeterminate: typeof isBulkActionsIndeterminate;
|
|
239
|
-
handleIndeterminateChange: typeof handleIndeterminateChange;
|
|
240
|
-
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
241
|
-
[x: string]: any;
|
|
242
|
-
} & {
|
|
243
|
-
[x: string]: any;
|
|
244
|
-
}, string, import("vue").PublicProps, Readonly<TableViewProps> & Readonly<{
|
|
245
|
-
[x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
|
|
246
|
-
}>, {
|
|
247
|
-
data: TableViewData;
|
|
248
|
-
maxHeight: string;
|
|
249
|
-
error: boolean;
|
|
250
|
-
loading: boolean;
|
|
251
|
-
headers: TableViewHeader[];
|
|
252
|
-
emptyStateTitle: string;
|
|
253
|
-
emptyStateMessage: string;
|
|
254
|
-
emptyStateActionMessage: string;
|
|
255
|
-
emptyStateIconVariant: import("../../../types").EmptyStateIconVariant;
|
|
256
|
-
errorStateTitle: string;
|
|
257
|
-
errorStateMessage: string;
|
|
258
|
-
errorStateActionMessage: string;
|
|
259
|
-
hidePaginationWhenOptional: boolean;
|
|
260
|
-
resizeColumns: boolean;
|
|
261
|
-
tablePreferences: TablePreferences;
|
|
262
|
-
rowHover: boolean;
|
|
263
|
-
rowAttrs: (row: Record<string, any>) => Record<string, any>;
|
|
264
|
-
cellAttrs: (param: import("../../../types").CellAttrsParam) => Record<string, any>;
|
|
265
|
-
rowLink: (row: Record<string, any>) => RowLink;
|
|
266
|
-
rowBulkActionEnabled: (row: Record<string, any>) => import("../../../types").RowBulkAction;
|
|
267
|
-
rowKey: string | ((row: Record<string, any>) => string);
|
|
268
|
-
emptyStateButtonAppearance: import("../../../types").ButtonAppearance;
|
|
269
|
-
hidePagination: boolean;
|
|
270
|
-
paginationAttributes: import("../../../types").TablePaginationAttributes;
|
|
271
|
-
rowExpandable: (row: Record<string, any>) => boolean;
|
|
272
|
-
rowExpanded: (row: Record<string, any>) => boolean;
|
|
273
|
-
hideHeaders: boolean;
|
|
274
|
-
nested: boolean;
|
|
275
|
-
hideToolbar: boolean;
|
|
276
|
-
tooltipTarget: string | null;
|
|
277
|
-
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
43
|
+
};
|
|
278
44
|
declare const __VLS_component: import("vue").DefineComponent<TableViewProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
279
45
|
[x: string]: any;
|
|
280
46
|
} & {
|
|
@@ -1,105 +1,11 @@
|
|
|
1
1
|
import type { PropType } from 'vue';
|
|
2
|
-
import KButton from '../../components/KButton/KButton.vue';
|
|
3
2
|
import type { Tab } from '../../../types';
|
|
4
|
-
declare const activeTab: import("vue").Ref<string, string>;
|
|
5
|
-
declare const handleTabChange: (tab: string) => Promise<void>;
|
|
6
|
-
declare const getTabSlotName: (tabHash: string) => string;
|
|
7
|
-
declare const getAnchorTabindex: (tab: Tab) => string;
|
|
8
|
-
declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
|
|
9
3
|
declare var __VLS_12: `${string}-anchor`, __VLS_13: {}, __VLS_16: string, __VLS_17: {};
|
|
10
|
-
type __VLS_Slots =
|
|
4
|
+
type __VLS_Slots = {} & {
|
|
11
5
|
[K in NonNullable<typeof __VLS_12>]?: (props: typeof __VLS_13) => any;
|
|
12
6
|
} & {
|
|
13
7
|
[K in NonNullable<typeof __VLS_16>]?: (props: typeof __VLS_17) => any;
|
|
14
|
-
}
|
|
15
|
-
declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
16
|
-
/**
|
|
17
|
-
* Array of Tab objects [{ hash: '#tab1', title: 'tab1'}, {hash: '#tab2', title: 'tab2' }]
|
|
18
|
-
*/
|
|
19
|
-
tabs: {
|
|
20
|
-
type: PropType<Tab[]>;
|
|
21
|
-
required: true;
|
|
22
|
-
};
|
|
23
|
-
/**
|
|
24
|
-
* A set tab hash to use as default
|
|
25
|
-
*/
|
|
26
|
-
modelValue: {
|
|
27
|
-
type: StringConstructor;
|
|
28
|
-
default: string;
|
|
29
|
-
validator: (val: string) => boolean;
|
|
30
|
-
};
|
|
31
|
-
/**
|
|
32
|
-
* Render the tab's corresponding panel container
|
|
33
|
-
*/
|
|
34
|
-
hidePanels: {
|
|
35
|
-
type: BooleanConstructor;
|
|
36
|
-
default: boolean;
|
|
37
|
-
};
|
|
38
|
-
/**
|
|
39
|
-
* @deprecated
|
|
40
|
-
*/
|
|
41
|
-
anchorTabindex: {
|
|
42
|
-
type: NumberConstructor;
|
|
43
|
-
default: number;
|
|
44
|
-
validator: (val: number) => boolean;
|
|
45
|
-
};
|
|
46
|
-
beforeChange: {
|
|
47
|
-
type: PropType<(tab: string) => Promise<boolean>>;
|
|
48
|
-
default: () => boolean;
|
|
49
|
-
};
|
|
50
|
-
}>, {
|
|
51
|
-
KButton: typeof KButton;
|
|
52
|
-
activeTab: typeof activeTab;
|
|
53
|
-
handleTabChange: typeof handleTabChange;
|
|
54
|
-
getTabSlotName: typeof getTabSlotName;
|
|
55
|
-
getAnchorTabindex: typeof getAnchorTabindex;
|
|
56
|
-
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
57
|
-
change: (val: string) => any;
|
|
58
|
-
"update:modelValue": (val: string) => any;
|
|
59
|
-
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
60
|
-
/**
|
|
61
|
-
* Array of Tab objects [{ hash: '#tab1', title: 'tab1'}, {hash: '#tab2', title: 'tab2' }]
|
|
62
|
-
*/
|
|
63
|
-
tabs: {
|
|
64
|
-
type: PropType<Tab[]>;
|
|
65
|
-
required: true;
|
|
66
|
-
};
|
|
67
|
-
/**
|
|
68
|
-
* A set tab hash to use as default
|
|
69
|
-
*/
|
|
70
|
-
modelValue: {
|
|
71
|
-
type: StringConstructor;
|
|
72
|
-
default: string;
|
|
73
|
-
validator: (val: string) => boolean;
|
|
74
|
-
};
|
|
75
|
-
/**
|
|
76
|
-
* Render the tab's corresponding panel container
|
|
77
|
-
*/
|
|
78
|
-
hidePanels: {
|
|
79
|
-
type: BooleanConstructor;
|
|
80
|
-
default: boolean;
|
|
81
|
-
};
|
|
82
|
-
/**
|
|
83
|
-
* @deprecated
|
|
84
|
-
*/
|
|
85
|
-
anchorTabindex: {
|
|
86
|
-
type: NumberConstructor;
|
|
87
|
-
default: number;
|
|
88
|
-
validator: (val: number) => boolean;
|
|
89
|
-
};
|
|
90
|
-
beforeChange: {
|
|
91
|
-
type: PropType<(tab: string) => Promise<boolean>>;
|
|
92
|
-
default: () => boolean;
|
|
93
|
-
};
|
|
94
|
-
}>> & Readonly<{
|
|
95
|
-
onChange?: ((val: string) => any) | undefined;
|
|
96
|
-
"onUpdate:modelValue"?: ((val: string) => any) | undefined;
|
|
97
|
-
}>, {
|
|
98
|
-
modelValue: string;
|
|
99
|
-
hidePanels: boolean;
|
|
100
|
-
anchorTabindex: number;
|
|
101
|
-
beforeChange: (tab: string) => Promise<boolean>;
|
|
102
|
-
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
8
|
+
};
|
|
103
9
|
declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
104
10
|
/**
|
|
105
11
|
* Array of Tab objects [{ hash: '#tab1', title: 'tab1'}, {hash: '#tab2', title: 'tab2' }]
|
|
@@ -137,7 +137,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("vu
|
|
|
137
137
|
autosize: boolean;
|
|
138
138
|
isResizable: boolean;
|
|
139
139
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
|
|
140
|
-
'label-tooltip'?: (
|
|
140
|
+
'label-tooltip'?: (props: {}) => any;
|
|
141
141
|
}>;
|
|
142
142
|
export default _default;
|
|
143
143
|
type __VLS_WithSlots<T, S> = T & {
|
|
@@ -121,26 +121,31 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("vu
|
|
|
121
121
|
parentId: string;
|
|
122
122
|
initialCollapseAll: boolean;
|
|
123
123
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
|
|
124
|
-
'item-icon'?: (
|
|
124
|
+
'item-icon'?: (props: {
|
|
125
125
|
item: {
|
|
126
126
|
name: string;
|
|
127
127
|
id: string;
|
|
128
128
|
selected?: boolean | undefined;
|
|
129
129
|
children?: any[] | undefined;
|
|
130
130
|
};
|
|
131
|
-
}) => any
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
'item-label'?: (((props: {
|
|
131
|
+
}) => any;
|
|
132
|
+
} & {
|
|
133
|
+
'item-label'?: (props: {
|
|
135
134
|
item: {
|
|
136
135
|
name: string;
|
|
137
136
|
id: string;
|
|
138
137
|
selected?: boolean | undefined;
|
|
139
138
|
children?: any[] | undefined;
|
|
140
139
|
};
|
|
141
|
-
}) => any
|
|
140
|
+
}) => any;
|
|
141
|
+
} & {
|
|
142
|
+
'item-icon'?: (props: {
|
|
143
|
+
item: any;
|
|
144
|
+
}) => any;
|
|
145
|
+
} & {
|
|
146
|
+
'item-label'?: (props: {
|
|
142
147
|
item: any;
|
|
143
|
-
}) => any
|
|
148
|
+
}) => any;
|
|
144
149
|
}>;
|
|
145
150
|
export default _default;
|
|
146
151
|
type __VLS_WithSlots<T, S> = T & {
|
|
@@ -77,8 +77,9 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("vu
|
|
|
77
77
|
initialCollapse: boolean;
|
|
78
78
|
hasChildren: boolean;
|
|
79
79
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
|
|
80
|
-
'item-icon'?: (
|
|
81
|
-
|
|
80
|
+
'item-icon'?: (props: {}) => any;
|
|
81
|
+
} & {
|
|
82
|
+
'item-label'?: (props: {}) => any;
|
|
82
83
|
}>;
|
|
83
84
|
export default _default;
|
|
84
85
|
type __VLS_WithSlots<T, S> = T & {
|
|
@@ -113,12 +113,13 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("vu
|
|
|
113
113
|
initialCollapseAll: boolean;
|
|
114
114
|
ignoreDragSelectors: string | (() => string);
|
|
115
115
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
|
|
116
|
-
'item-icon'?: (
|
|
116
|
+
'item-icon'?: (props: {
|
|
117
117
|
item: any;
|
|
118
|
-
}) => any
|
|
119
|
-
|
|
118
|
+
}) => any;
|
|
119
|
+
} & {
|
|
120
|
+
'item-label'?: (props: {
|
|
120
121
|
item: any;
|
|
121
|
-
}) => any
|
|
122
|
+
}) => any;
|
|
122
123
|
}>;
|
|
123
124
|
export default _default;
|
|
124
125
|
type __VLS_WithSlots<T, S> = T & {
|