@knime/kds-table 0.6.4 → 0.8.0

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.
Files changed (74) hide show
  1. package/CHANGELOG.md +33 -0
  2. package/README.md +28 -1
  3. package/dist/index.css +55 -61
  4. package/dist/index.js +8215 -7899
  5. package/dist/index.js.map +1 -1
  6. package/dist/src/components/TableBodyNavigatable.vue.d.ts +10 -13
  7. package/dist/src/components/TableBodyNavigatable.vue.d.ts.map +1 -1
  8. package/dist/src/components/TableCore.vue.d.ts +20 -249
  9. package/dist/src/components/TableCore.vue.d.ts.map +1 -1
  10. package/dist/src/components/TableCoreVirtual.vue.d.ts +19 -24
  11. package/dist/src/components/TableCoreVirtual.vue.d.ts.map +1 -1
  12. package/dist/src/components/TableUI.vue.d.ts +346 -1349
  13. package/dist/src/components/TableUI.vue.d.ts.map +1 -1
  14. package/dist/src/components/TableUIWithAutoSizeCalculation.vue.d.ts +384 -2590
  15. package/dist/src/components/TableUIWithAutoSizeCalculation.vue.d.ts.map +1 -1
  16. package/dist/src/components/VirtualRow.vue.d.ts +9 -13
  17. package/dist/src/components/VirtualRow.vue.d.ts.map +1 -1
  18. package/dist/src/components/composables/useHeaderMenuItems.d.ts +2 -8
  19. package/dist/src/components/composables/useHeaderMenuItems.d.ts.map +1 -1
  20. package/dist/src/components/control/PageControls.vue.d.ts +65 -222
  21. package/dist/src/components/control/PageControls.vue.d.ts.map +1 -1
  22. package/dist/src/components/control/PageNavigation.vue.d.ts +3 -2
  23. package/dist/src/components/control/PageNavigation.vue.d.ts.map +1 -1
  24. package/dist/src/components/control/PageRowRange.vue.d.ts +2 -1
  25. package/dist/src/components/control/PageRowRange.vue.d.ts.map +1 -1
  26. package/dist/src/components/control/TableActionBar.vue.d.ts +14 -196
  27. package/dist/src/components/control/TableActionBar.vue.d.ts.map +1 -1
  28. package/dist/src/components/control/actionbar/PopoverContainer.vue.d.ts +9 -12
  29. package/dist/src/components/control/actionbar/PopoverContainer.vue.d.ts.map +1 -1
  30. package/dist/src/components/control/actionbar/SortControl.vue.d.ts +3 -139
  31. package/dist/src/components/control/actionbar/SortControl.vue.d.ts.map +1 -1
  32. package/dist/src/components/layout/Cell.vue.d.ts +6 -203
  33. package/dist/src/components/layout/Cell.vue.d.ts.map +1 -1
  34. package/dist/src/components/layout/CellRenderer.vue.d.ts +14 -21
  35. package/dist/src/components/layout/CellRenderer.vue.d.ts.map +1 -1
  36. package/dist/src/components/layout/CellRendererProps.d.ts +5 -0
  37. package/dist/src/components/layout/CellRendererProps.d.ts.map +1 -1
  38. package/dist/src/components/layout/Header.vue.d.ts +33 -106
  39. package/dist/src/components/layout/Header.vue.d.ts.map +1 -1
  40. package/dist/src/components/layout/HeaderCell.vue.d.ts +12 -138
  41. package/dist/src/components/layout/HeaderCell.vue.d.ts.map +1 -1
  42. package/dist/src/components/layout/NewRowButton.vue.d.ts +3 -2
  43. package/dist/src/components/layout/NewRowButton.vue.d.ts.map +1 -1
  44. package/dist/src/components/layout/Row.vue.d.ts +19 -241
  45. package/dist/src/components/layout/Row.vue.d.ts.map +1 -1
  46. package/dist/src/components/ui/CellExpandButton.vue.d.ts +3 -2
  47. package/dist/src/components/ui/CellExpandButton.vue.d.ts.map +1 -1
  48. package/dist/src/components/ui/CellSelectionOverlay.vue.d.ts +3 -4
  49. package/dist/src/components/ui/CellSelectionOverlay.vue.d.ts.map +1 -1
  50. package/dist/src/components/ui/EmptyRow.vue.d.ts +2 -1
  51. package/dist/src/components/ui/EmptyRow.vue.d.ts.map +1 -1
  52. package/dist/src/components/ui/PlaceholderRow.vue.d.ts +2 -1
  53. package/dist/src/components/ui/PlaceholderRow.vue.d.ts.map +1 -1
  54. package/dist/src/config/table.config.d.ts +0 -43
  55. package/dist/src/config/table.config.d.ts.map +1 -1
  56. package/dist/src/constants.d.ts +6 -6
  57. package/dist/src/constants.d.ts.map +1 -1
  58. package/dist/src/index.d.ts +10 -13
  59. package/dist/src/index.d.ts.map +1 -1
  60. package/dist/src/types/ActionConfig.d.ts +0 -2
  61. package/dist/src/types/ActionConfig.d.ts.map +1 -1
  62. package/dist/src/types/ColumnConfig.d.ts +8 -9
  63. package/dist/src/types/ColumnConfig.d.ts.map +1 -1
  64. package/dist/src/types/ColumnState.d.ts +0 -7
  65. package/dist/src/types/ColumnState.d.ts.map +1 -1
  66. package/package.json +7 -7
  67. package/dist/src/components/control/actionbar/FilterControl.vue.d.ts +0 -176
  68. package/dist/src/components/control/actionbar/FilterControl.vue.d.ts.map +0 -1
  69. package/dist/src/components/control/actionbar/FilterControlBody.vue.d.ts +0 -14
  70. package/dist/src/components/control/actionbar/FilterControlBody.vue.d.ts.map +0 -1
  71. package/dist/src/components/control/actionbar/filterConfigActive.d.ts +0 -6
  72. package/dist/src/components/control/actionbar/filterConfigActive.d.ts.map +0 -1
  73. package/dist/src/types/FilterConfig.d.ts +0 -37
  74. package/dist/src/types/FilterConfig.d.ts.map +0 -1
@@ -1,176 +0,0 @@
1
- import { nextTick } from 'vue';
2
- import { ColFilterValues, ColumnConfig, FilterValue } from '../../..';
3
- type __VLS_Props = {
4
- columns: ColumnConfig[];
5
- colFilterValues: ColFilterValues;
6
- };
7
- declare const _default: import('vue').DefineComponent<__VLS_Props, {
8
- openPopover: (columnIndex?: number) => Promise<void>;
9
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
10
- columnFilter: (colInd: number, value: FilterValue) => any;
11
- }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
12
- onColumnFilter?: ((colInd: number, value: FilterValue) => any) | undefined;
13
- }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
14
- filterPopoverRef: ({
15
- $: import('vue').ComponentInternalInstance;
16
- $data: {};
17
- $props: ({
18
- readonly modelValue?: boolean | undefined;
19
- readonly role?: import('@knime/kds-components').KdsPopoverRole | undefined;
20
- readonly popoverType?: import('@knime/kds-components').KdsPopoverType | undefined;
21
- readonly fullWidth?: boolean | undefined;
22
- readonly maxInlineSize?: string | undefined;
23
- readonly stretchInline?: boolean | undefined;
24
- readonly content?: string | undefined;
25
- readonly placement?: Exclude<import('@knime/kds-components').KdsPopoverPlacement, "custom"> | undefined;
26
- readonly customPlacementPosition?: never | undefined;
27
- readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined | undefined;
28
- } | {
29
- readonly modelValue?: boolean | undefined;
30
- readonly role?: import('@knime/kds-components').KdsPopoverRole | undefined;
31
- readonly popoverType?: import('@knime/kds-components').KdsPopoverType | undefined;
32
- readonly fullWidth?: boolean | undefined;
33
- readonly maxInlineSize?: string | undefined;
34
- readonly stretchInline?: boolean | undefined;
35
- readonly content?: string | undefined;
36
- readonly placement: "custom";
37
- readonly customPlacementPosition: {
38
- x: number;
39
- y: number;
40
- };
41
- readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined | undefined;
42
- }) & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
43
- $attrs: import('vue').Attrs;
44
- $refs: {
45
- [x: string]: unknown;
46
- } & {
47
- popoverEl: HTMLDivElement;
48
- };
49
- $slots: Readonly<{
50
- [name: string]: import('vue').Slot<any> | undefined;
51
- }>;
52
- $root: import('vue').ComponentPublicInstance | null;
53
- $parent: import('vue').ComponentPublicInstance | null;
54
- $host: Element | null;
55
- $emit: (event: "update:modelValue", value: boolean) => void;
56
- $el: HTMLDivElement;
57
- $options: import('vue').ComponentOptionsBase<Readonly<({
58
- modelValue?: boolean;
59
- } & {
60
- role?: import('@knime/kds-components').KdsPopoverRole;
61
- popoverType?: import('@knime/kds-components').KdsPopoverType;
62
- fullWidth?: boolean;
63
- maxInlineSize?: string;
64
- stretchInline?: boolean;
65
- content?: string;
66
- } & {
67
- placement?: Exclude<import('@knime/kds-components').KdsPopoverPlacement, "custom">;
68
- customPlacementPosition?: never;
69
- }) | ({
70
- modelValue?: boolean;
71
- } & {
72
- role?: import('@knime/kds-components').KdsPopoverRole;
73
- popoverType?: import('@knime/kds-components').KdsPopoverType;
74
- fullWidth?: boolean;
75
- maxInlineSize?: string;
76
- stretchInline?: boolean;
77
- content?: string;
78
- } & {
79
- placement: "custom";
80
- customPlacementPosition: {
81
- x: number;
82
- y: number;
83
- };
84
- })> & Readonly<{
85
- "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
86
- }>, {
87
- anchorStyle: Record<string, string>;
88
- popoverId: string;
89
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
90
- "update:modelValue": (value: boolean) => any;
91
- }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
92
- beforeCreate?: (() => void) | (() => void)[];
93
- created?: (() => void) | (() => void)[];
94
- beforeMount?: (() => void) | (() => void)[];
95
- mounted?: (() => void) | (() => void)[];
96
- beforeUpdate?: (() => void) | (() => void)[];
97
- updated?: (() => void) | (() => void)[];
98
- activated?: (() => void) | (() => void)[];
99
- deactivated?: (() => void) | (() => void)[];
100
- beforeDestroy?: (() => void) | (() => void)[];
101
- beforeUnmount?: (() => void) | (() => void)[];
102
- destroyed?: (() => void) | (() => void)[];
103
- unmounted?: (() => void) | (() => void)[];
104
- renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
105
- renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
106
- errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
107
- };
108
- $forceUpdate: () => void;
109
- $nextTick: typeof nextTick;
110
- $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;
111
- } & Readonly<{}> & Omit<{} & (Readonly<({
112
- modelValue?: boolean;
113
- } & {
114
- role?: import('@knime/kds-components').KdsPopoverRole;
115
- popoverType?: import('@knime/kds-components').KdsPopoverType;
116
- fullWidth?: boolean;
117
- maxInlineSize?: string;
118
- stretchInline?: boolean;
119
- content?: string;
120
- } & {
121
- placement?: Exclude<import('@knime/kds-components').KdsPopoverPlacement, "custom">;
122
- customPlacementPosition?: never;
123
- }) | ({
124
- modelValue?: boolean;
125
- } & {
126
- role?: import('@knime/kds-components').KdsPopoverRole;
127
- popoverType?: import('@knime/kds-components').KdsPopoverType;
128
- fullWidth?: boolean;
129
- maxInlineSize?: string;
130
- stretchInline?: boolean;
131
- content?: string;
132
- } & {
133
- placement: "custom";
134
- customPlacementPosition: {
135
- x: number;
136
- y: number;
137
- };
138
- })> & Readonly<{
139
- "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
140
- }>), "anchorStyle" | "popoverId"> & {
141
- anchorStyle: Record<string, string>;
142
- popoverId: string;
143
- } & {} & import('vue').ComponentCustomProperties & {} & {
144
- $slots: Readonly<{
145
- default(): unknown;
146
- }> & {
147
- default(): unknown;
148
- };
149
- }) | null;
150
- filterBodyRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
151
- columns: ColumnConfig[];
152
- colFilterValues: ColFilterValues;
153
- }> & Readonly<{
154
- onColumnFilter?: ((colInd: number, value: FilterValue) => any) | undefined;
155
- }>, {
156
- addAndFocusColumn: (columnIndex: number) => Promise<void>;
157
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
158
- columnFilter: (colInd: number, value: FilterValue) => any;
159
- }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
160
- P: {};
161
- B: {};
162
- D: {};
163
- C: {};
164
- M: {};
165
- Defaults: {};
166
- }, Readonly<{
167
- columns: ColumnConfig[];
168
- colFilterValues: ColFilterValues;
169
- }> & Readonly<{
170
- onColumnFilter?: ((colInd: number, value: FilterValue) => any) | undefined;
171
- }>, {
172
- addAndFocusColumn: (columnIndex: number) => Promise<void>;
173
- }, {}, {}, {}, {}> | null;
174
- }, any>;
175
- export default _default;
176
- //# sourceMappingURL=FilterControl.vue.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"FilterControl.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/control/actionbar/FilterControl.vue"],"names":[],"mappings":"AA8FA,OAAO,EAAY,QAAQ,EAAkB,MAAM,KAAK,CAAC;AAIzD,OAAO,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAO3E,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,eAAe,EAAE,eAAe,CAAC;CAClC,CAAC;;gCA0BuC,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAoM0ge,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAjB/qe,wBASG"}
@@ -1,14 +0,0 @@
1
- import { ColFilterValues, ColumnConfig, FilterValue } from '../../..';
2
- type __VLS_Props = {
3
- columns: ColumnConfig[];
4
- colFilterValues: ColFilterValues;
5
- };
6
- declare const _default: import('vue').DefineComponent<__VLS_Props, {
7
- addAndFocusColumn: (columnIndex: number) => Promise<void>;
8
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
9
- columnFilter: (colInd: number, value: FilterValue) => any;
10
- }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
11
- onColumnFilter?: ((colInd: number, value: FilterValue) => any) | undefined;
12
- }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
13
- export default _default;
14
- //# sourceMappingURL=FilterControlBody.vue.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"FilterControlBody.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/control/actionbar/FilterControlBody.vue"],"names":[],"mappings":"AA2SA,OAAO,KAAK,EACV,eAAe,EACf,YAAY,EAEZ,WAAW,EACZ,MAAM,UAAU,CAAC;AASlB,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,eAAe,EAAE,eAAe,CAAC;CAClC,CAAC;;qCAuJ4C,MAAM;;;;;;AAkTpD,wBAQG"}
@@ -1,6 +0,0 @@
1
- import { FilterConfig, FilterValue } from '../../../types/FilterConfig';
2
- export declare const defaultValueFor: (is: FilterConfig["is"]) => FilterValue;
3
- export declare const missingValueFor: (is: FilterConfig["is"]) => FilterValue;
4
- export declare const isMissingMode: (config: FilterConfig, value?: FilterValue) => boolean;
5
- export declare const isActive: (config: FilterConfig | undefined, value?: FilterValue) => config is FilterConfig;
6
- //# sourceMappingURL=filterConfigActive.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"filterConfigActive.d.ts","sourceRoot":"","sources":["../../../../../src/components/control/actionbar/filterConfigActive.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAE7E,eAAO,MAAM,eAAe,GAAI,IAAI,YAAY,CAAC,IAAI,CAAC,KAAG,WAKxD,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,IAAI,YAAY,CAAC,IAAI,CAAC,KAAG,WAKxD,CAAC;AAEF,eAAO,MAAM,aAAa,GACxB,QAAQ,YAAY,EACpB,QAAQ,WAAW,KAClB,OAKF,CAAC;AAEF,eAAO,MAAM,QAAQ,GACnB,QAAQ,YAAY,GAAG,SAAS,EAChC,QAAQ,WAAW,KAClB,MAAM,IAAI,YAWZ,CAAC"}
@@ -1,37 +0,0 @@
1
- import { PossibleValue } from './PossibleValue';
2
- export declare enum FilterComponent {
3
- ControlDropdown = 0,
4
- ControlMultiselect = 1,
5
- FilterInputField = 2
6
- }
7
- export interface FilterConfigBase {
8
- placeholder?: string;
9
- }
10
- export type FilterConfigDropdownBase = FilterConfigBase & {
11
- possibleValues: PossibleValue[];
12
- };
13
- export type FilterConfigDropdown = FilterConfigDropdownBase & {
14
- is: "ControlDropdown";
15
- };
16
- export type FilterConfigMultiselect = FilterConfigDropdownBase & {
17
- is: "ControlMultiselect";
18
- };
19
- export type FilterConfigInput = FilterConfigBase & {
20
- is: "FilterInputField";
21
- disabled?: boolean;
22
- };
23
- /**
24
- * Definition of a column's filter: which control is used and the options it
25
- * offers. The control's current value is held separately in `colFilterValues`.
26
- */
27
- type FilterConfig = (FilterConfigDropdown | FilterConfigMultiselect | FilterConfigInput) & {
28
- is: keyof typeof FilterComponent;
29
- };
30
- /**
31
- * Current value of a column's filter, as stored in `colFilterValues`. The
32
- * union covers the value shapes of the dropdown, multiselect and input
33
- * filters.
34
- */
35
- export type FilterValue = string | number | null | Array<string> | [null];
36
- export type { FilterConfig };
37
- //# sourceMappingURL=FilterConfig.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"FilterConfig.d.ts","sourceRoot":"","sources":["../../../src/types/FilterConfig.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,oBAAY,eAAe;IACzB,eAAe,IAAA;IACf,kBAAkB,IAAA;IAClB,gBAAgB,IAAA;CACjB;AAED,MAAM,WAAW,gBAAgB;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,MAAM,wBAAwB,GAAG,gBAAgB,GAAG;IACxD,cAAc,EAAE,aAAa,EAAE,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,wBAAwB,GAAG;IAC5D,EAAE,EAAE,iBAAiB,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,wBAAwB,GAAG;IAC/D,EAAE,EAAE,oBAAoB,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,gBAAgB,GAAG;IACjD,EAAE,EAAE,kBAAkB,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;;GAGG;AACH,KAAK,YAAY,GAAG,CAChB,oBAAoB,GACpB,uBAAuB,GACvB,iBAAiB,CACpB,GAAG;IACF,EAAE,EAAE,MAAM,OAAO,eAAe,CAAC;CAClC,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;AAE1E,YAAY,EAAE,YAAY,EAAE,CAAC"}