@knime/kds-table 0.7.0 → 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 (56) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/README.md +28 -1
  3. package/dist/index.css +19 -8
  4. package/dist/index.js +8217 -7454
  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 +168 -953
  13. package/dist/src/components/TableUI.vue.d.ts.map +1 -1
  14. package/dist/src/components/TableUIWithAutoSizeCalculation.vue.d.ts +203 -2192
  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/control/PageControls.vue.d.ts +65 -222
  19. package/dist/src/components/control/PageControls.vue.d.ts.map +1 -1
  20. package/dist/src/components/control/PageNavigation.vue.d.ts +3 -2
  21. package/dist/src/components/control/PageNavigation.vue.d.ts.map +1 -1
  22. package/dist/src/components/control/PageRowRange.vue.d.ts +2 -1
  23. package/dist/src/components/control/PageRowRange.vue.d.ts.map +1 -1
  24. package/dist/src/components/control/TableActionBar.vue.d.ts +7 -11
  25. package/dist/src/components/control/TableActionBar.vue.d.ts.map +1 -1
  26. package/dist/src/components/control/actionbar/PopoverContainer.vue.d.ts +9 -12
  27. package/dist/src/components/control/actionbar/PopoverContainer.vue.d.ts.map +1 -1
  28. package/dist/src/components/control/actionbar/SortControl.vue.d.ts +3 -139
  29. package/dist/src/components/control/actionbar/SortControl.vue.d.ts.map +1 -1
  30. package/dist/src/components/layout/Cell.vue.d.ts +6 -203
  31. package/dist/src/components/layout/Cell.vue.d.ts.map +1 -1
  32. package/dist/src/components/layout/CellRenderer.vue.d.ts +14 -21
  33. package/dist/src/components/layout/CellRenderer.vue.d.ts.map +1 -1
  34. package/dist/src/components/layout/CellRendererProps.d.ts +5 -0
  35. package/dist/src/components/layout/CellRendererProps.d.ts.map +1 -1
  36. package/dist/src/components/layout/Header.vue.d.ts +21 -79
  37. package/dist/src/components/layout/Header.vue.d.ts.map +1 -1
  38. package/dist/src/components/layout/HeaderCell.vue.d.ts +10 -132
  39. package/dist/src/components/layout/HeaderCell.vue.d.ts.map +1 -1
  40. package/dist/src/components/layout/NewRowButton.vue.d.ts +3 -2
  41. package/dist/src/components/layout/NewRowButton.vue.d.ts.map +1 -1
  42. package/dist/src/components/layout/Row.vue.d.ts +19 -241
  43. package/dist/src/components/layout/Row.vue.d.ts.map +1 -1
  44. package/dist/src/components/ui/CellExpandButton.vue.d.ts +3 -2
  45. package/dist/src/components/ui/CellExpandButton.vue.d.ts.map +1 -1
  46. package/dist/src/components/ui/CellSelectionOverlay.vue.d.ts +3 -4
  47. package/dist/src/components/ui/CellSelectionOverlay.vue.d.ts.map +1 -1
  48. package/dist/src/components/ui/EmptyRow.vue.d.ts +2 -1
  49. package/dist/src/components/ui/EmptyRow.vue.d.ts.map +1 -1
  50. package/dist/src/components/ui/PlaceholderRow.vue.d.ts +2 -1
  51. package/dist/src/components/ui/PlaceholderRow.vue.d.ts.map +1 -1
  52. package/dist/src/constants.d.ts +6 -6
  53. package/dist/src/constants.d.ts.map +1 -1
  54. package/dist/src/types/ColumnConfig.d.ts +6 -0
  55. package/dist/src/types/ColumnConfig.d.ts.map +1 -1
  56. package/package.json +7 -7
@@ -26,135 +26,22 @@ export interface RowProps {
26
26
  toBeEditedCellIndex?: number | null;
27
27
  newColumnButtonWidth?: number;
28
28
  }
29
- declare function __VLS_template(): {
30
- attrs: Partial<{}>;
31
- slots: Partial<Record<string, (_: {
32
- row: any[];
33
- cell: any;
34
- height: number | "dynamic";
35
- width: any;
36
- ind: number;
37
- }) => any>> & {
38
- 'editable-cell'?(_: {
39
- cellElement: any;
40
- ind: number;
41
- }): any;
42
- };
43
- refs: {
44
- rowElement: HTMLTableRowElement;
45
- deleteButton: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<(import('packages/components/dist/src/types/testId').WithTestId & {
46
- size?: import('@knime/kds-components').KdsButtonSize;
47
- disabled?: boolean;
48
- tooltip?: string;
49
- variant?: import('@knime/kds-components').KdsButtonVariant | undefined;
50
- } & {
51
- label: string;
52
- leadingIcon?: import('@knime/kds-components').KdsIconName;
53
- trailingIcon?: import('@knime/kds-components').KdsIconName;
54
- ariaLabel?: never;
55
- } & import('packages/components/dist/src/buttons/types').WithDestructive) | (import('packages/components/dist/src/types/testId').WithTestId & {
56
- size?: import('@knime/kds-components').KdsButtonSize;
57
- disabled?: boolean;
58
- tooltip?: string;
59
- variant?: import('@knime/kds-components').KdsButtonVariant | undefined;
60
- } & {
61
- label?: never;
62
- leadingIcon: import('@knime/kds-components').KdsIconName;
63
- trailingIcon?: never;
64
- ariaLabel: string;
65
- } & import('packages/components/dist/src/buttons/types').WithDestructive)> & Readonly<{
66
- onClick?: ((event: MouseEvent) => any) | undefined;
67
- }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
68
- click: (event: MouseEvent) => any;
69
- }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
70
- P: {};
71
- B: {};
72
- D: {};
73
- C: {};
74
- M: {};
75
- Defaults: {};
76
- }, {} & (Readonly<(import('packages/components/dist/src/types/testId').WithTestId & {
77
- size?: import('@knime/kds-components').KdsButtonSize;
78
- disabled?: boolean;
79
- tooltip?: string;
80
- variant?: import('@knime/kds-components').KdsButtonVariant | undefined;
81
- } & {
82
- label: string;
83
- leadingIcon?: import('@knime/kds-components').KdsIconName;
84
- trailingIcon?: import('@knime/kds-components').KdsIconName;
85
- ariaLabel?: never;
86
- } & import('packages/components/dist/src/buttons/types').WithDestructive) | (import('packages/components/dist/src/types/testId').WithTestId & {
87
- size?: import('@knime/kds-components').KdsButtonSize;
88
- disabled?: boolean;
89
- tooltip?: string;
90
- variant?: import('@knime/kds-components').KdsButtonVariant | undefined;
91
- } & {
92
- label?: never;
93
- leadingIcon: import('@knime/kds-components').KdsIconName;
94
- trailingIcon?: never;
95
- ariaLabel: string;
96
- } & import('packages/components/dist/src/buttons/types').WithDestructive)> & Readonly<{
97
- onClick?: ((event: MouseEvent) => any) | undefined;
98
- }>), {}, {}, {}, {}, {}> | null;
99
- selectionCheckbox: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<({
100
- modelValue?: import('@knime/kds-components').KdsCheckboxValue;
101
- } & {
102
- disabled?: boolean;
103
- error?: boolean;
104
- subText?: string;
105
- preserveSubTextSpace?: boolean;
106
- } & {
107
- label: string;
108
- tooltip?: never;
109
- }) | ({
110
- modelValue?: import('@knime/kds-components').KdsCheckboxValue;
111
- } & {
112
- disabled?: boolean;
113
- error?: boolean;
114
- subText?: string;
115
- preserveSubTextSpace?: boolean;
116
- } & {
117
- label?: never;
118
- tooltip: string;
119
- })> & Readonly<{
120
- "onUpdate:modelValue"?: ((value: import('@knime/kds-components').KdsCheckboxValue) => any) | undefined;
121
- }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
122
- "update:modelValue": (value: import('@knime/kds-components').KdsCheckboxValue) => any;
123
- }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
124
- P: {};
125
- B: {};
126
- D: {};
127
- C: {};
128
- M: {};
129
- Defaults: {};
130
- }, {} & (Readonly<({
131
- modelValue?: import('@knime/kds-components').KdsCheckboxValue;
132
- } & {
133
- disabled?: boolean;
134
- error?: boolean;
135
- subText?: string;
136
- preserveSubTextSpace?: boolean;
137
- } & {
138
- label: string;
139
- tooltip?: never;
140
- }) | ({
141
- modelValue?: import('@knime/kds-components').KdsCheckboxValue;
142
- } & {
143
- disabled?: boolean;
144
- error?: boolean;
145
- subText?: string;
146
- preserveSubTextSpace?: boolean;
147
- } & {
148
- label?: never;
149
- tooltip: string;
150
- })> & Readonly<{
151
- "onUpdate:modelValue"?: ((value: import('@knime/kds-components').KdsCheckboxValue) => any) | undefined;
152
- }>), {}, {}, {}, {}, {}> | null;
153
- };
154
- rootEl: any;
29
+ declare var __VLS_41: string, __VLS_42: {
30
+ row: any[];
31
+ cell: any;
32
+ height: number | "dynamic";
33
+ width: any;
34
+ ind: number;
35
+ }, __VLS_45: {
36
+ cellElement: any;
37
+ ind: number;
38
+ };
39
+ type __VLS_Slots = {} & {
40
+ [K in NonNullable<typeof __VLS_41>]?: (props: typeof __VLS_42) => any;
41
+ } & {
42
+ 'editable-cell'?: (props: typeof __VLS_45) => any;
155
43
  };
156
- type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
157
- declare const __VLS_component: import('vue').DefineComponent<RowProps, {
44
+ declare const __VLS_base: import('vue').DefineComponent<RowProps, {
158
45
  getCellComponents: () => any[];
159
46
  focusDeleteButton: () => void;
160
47
  focusSelectionCheckbox: () => void;
@@ -204,120 +91,11 @@ declare const __VLS_component: import('vue').DefineComponent<RowProps, {
204
91
  } | null;
205
92
  toBeExpandedCellIndex: number | null;
206
93
  toBeEditedCellIndex: number | null;
207
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
208
- rowElement: HTMLTableRowElement;
209
- deleteButton: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<(import('packages/components/dist/src/types/testId').WithTestId & {
210
- size?: import('@knime/kds-components').KdsButtonSize;
211
- disabled?: boolean;
212
- tooltip?: string;
213
- variant?: import('@knime/kds-components').KdsButtonVariant | undefined;
214
- } & {
215
- label: string;
216
- leadingIcon?: import('@knime/kds-components').KdsIconName;
217
- trailingIcon?: import('@knime/kds-components').KdsIconName;
218
- ariaLabel?: never;
219
- } & import('packages/components/dist/src/buttons/types').WithDestructive) | (import('packages/components/dist/src/types/testId').WithTestId & {
220
- size?: import('@knime/kds-components').KdsButtonSize;
221
- disabled?: boolean;
222
- tooltip?: string;
223
- variant?: import('@knime/kds-components').KdsButtonVariant | undefined;
224
- } & {
225
- label?: never;
226
- leadingIcon: import('@knime/kds-components').KdsIconName;
227
- trailingIcon?: never;
228
- ariaLabel: string;
229
- } & import('packages/components/dist/src/buttons/types').WithDestructive)> & Readonly<{
230
- onClick?: ((event: MouseEvent) => any) | undefined;
231
- }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
232
- click: (event: MouseEvent) => any;
233
- }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
234
- P: {};
235
- B: {};
236
- D: {};
237
- C: {};
238
- M: {};
239
- Defaults: {};
240
- }, {} & (Readonly<(import('packages/components/dist/src/types/testId').WithTestId & {
241
- size?: import('@knime/kds-components').KdsButtonSize;
242
- disabled?: boolean;
243
- tooltip?: string;
244
- variant?: import('@knime/kds-components').KdsButtonVariant | undefined;
245
- } & {
246
- label: string;
247
- leadingIcon?: import('@knime/kds-components').KdsIconName;
248
- trailingIcon?: import('@knime/kds-components').KdsIconName;
249
- ariaLabel?: never;
250
- } & import('packages/components/dist/src/buttons/types').WithDestructive) | (import('packages/components/dist/src/types/testId').WithTestId & {
251
- size?: import('@knime/kds-components').KdsButtonSize;
252
- disabled?: boolean;
253
- tooltip?: string;
254
- variant?: import('@knime/kds-components').KdsButtonVariant | undefined;
255
- } & {
256
- label?: never;
257
- leadingIcon: import('@knime/kds-components').KdsIconName;
258
- trailingIcon?: never;
259
- ariaLabel: string;
260
- } & import('packages/components/dist/src/buttons/types').WithDestructive)> & Readonly<{
261
- onClick?: ((event: MouseEvent) => any) | undefined;
262
- }>), {}, {}, {}, {}, {}> | null;
263
- selectionCheckbox: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<({
264
- modelValue?: import('@knime/kds-components').KdsCheckboxValue;
265
- } & {
266
- disabled?: boolean;
267
- error?: boolean;
268
- subText?: string;
269
- preserveSubTextSpace?: boolean;
270
- } & {
271
- label: string;
272
- tooltip?: never;
273
- }) | ({
274
- modelValue?: import('@knime/kds-components').KdsCheckboxValue;
275
- } & {
276
- disabled?: boolean;
277
- error?: boolean;
278
- subText?: string;
279
- preserveSubTextSpace?: boolean;
280
- } & {
281
- label?: never;
282
- tooltip: string;
283
- })> & Readonly<{
284
- "onUpdate:modelValue"?: ((value: import('@knime/kds-components').KdsCheckboxValue) => any) | undefined;
285
- }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
286
- "update:modelValue": (value: import('@knime/kds-components').KdsCheckboxValue) => any;
287
- }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
288
- P: {};
289
- B: {};
290
- D: {};
291
- C: {};
292
- M: {};
293
- Defaults: {};
294
- }, {} & (Readonly<({
295
- modelValue?: import('@knime/kds-components').KdsCheckboxValue;
296
- } & {
297
- disabled?: boolean;
298
- error?: boolean;
299
- subText?: string;
300
- preserveSubTextSpace?: boolean;
301
- } & {
302
- label: string;
303
- tooltip?: never;
304
- }) | ({
305
- modelValue?: import('@knime/kds-components').KdsCheckboxValue;
306
- } & {
307
- disabled?: boolean;
308
- error?: boolean;
309
- subText?: string;
310
- preserveSubTextSpace?: boolean;
311
- } & {
312
- label?: never;
313
- tooltip: string;
314
- })> & Readonly<{
315
- "onUpdate:modelValue"?: ((value: import('@knime/kds-components').KdsCheckboxValue) => any) | undefined;
316
- }>), {}, {}, {}, {}, {}> | null;
317
- }, any>;
318
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
94
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
95
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
96
+ declare const _default: typeof __VLS_export;
319
97
  export default _default;
320
- type __VLS_WithTemplateSlots<T, S> = T & {
98
+ type __VLS_WithSlots<T, S> = T & {
321
99
  new (): {
322
100
  $slots: S;
323
101
  };
@@ -1 +1 @@
1
- {"version":3,"file":"Row.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Row.vue"],"names":[],"mappings":"AA6hBA,OAAO,EAIL,KAAK,WAAW,EACjB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAOpE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACtE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAW3D,MAAM,WAAW,QAAQ;IACvB,OAAO,CAAC,EAAE;QAAE,kBAAkB,CAAC,EAAE,WAAW,EAAE,CAAA;KAAE,CAAC;IACjD,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC;IACZ,WAAW,EAAE,WAAW,CAAC;IACzB,aAAa,EAAE,aAAa,CAAC;IAC7B,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,kBAAkB,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IACzD,qBAAqB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AA+PD,iBAAS,cAAc;WA4UT,OAAO,IAA6B;;;;;;;UAfqC,GAAG;;;;YAEpD,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkBxC;AA2CD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;IA9ZnB;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;SAhPG,GAAG,EAAE;eAKC,MAAM,GAAG,SAAS;0BAUP,MAAM;gBAThB,OAAO;aAPV;QAAE,kBAAkB,CAAC,EAAE,WAAW,EAAE,CAAA;KAAE;eAKpC,SAAS;kBAGN,MAAM;oBACJ,OAAO;uBACJ,OAAO;gCACE,OAAO;uBAChB,MAAM,GAAG,IAAI;wBACZ;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;2BAChC,MAAM,GAAG,IAAI;yBACf,MAAM,GAAG,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAwoBnC,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"Row.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Row.vue"],"names":[],"mappings":"AA8hBA,OAAO,EAIL,KAAK,WAAW,EACjB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAOpE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACtE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAW3D,MAAM,WAAW,QAAQ;IACvB,OAAO,CAAC,EAAE;QAAE,kBAAkB,CAAC,EAAE,WAAW,EAAE,CAAA;KAAE,CAAC;IACjD,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC;IACZ,WAAW,EAAE,WAAW,CAAC;IACzB,aAAa,EAAE,aAAa,CAAC;IAC7B,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,kBAAkB,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IACzD,qBAAqB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAopBD,QAAA,IAA8C,QAAQ,QAAW,EAAE,QAAQ;;;;;;CAAW,EAAE,QAAQ;;;CAAY,CAAE;AAC9G,KAAK,WAAW,GAAG,EAAE,GACnB;KAAG,CAAC,IAAI,WAAW,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG;CAAE,GACzE;IAAE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAOxD,QAAA,MAAM,UAAU;;;;IAhcd;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;SAhPG,GAAG,EAAE;eAKC,MAAM,GAAG,SAAS;0BAUP,MAAM;gBAThB,OAAO;aAPV;QAAE,kBAAkB,CAAC,EAAE,WAAW,EAAE,CAAA;KAAE;eAKpC,SAAS;kBAGN,MAAM;oBACJ,OAAO;uBACJ,OAAO;gCACE,OAAO;uBAChB,MAAM,GAAG,IAAI;wBACZ;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;2BAChC,MAAM,GAAG,IAAI;yBACf,MAAM,GAAG,IAAI;6EAqqBnC,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
@@ -1,10 +1,11 @@
1
1
  type __VLS_Props = {
2
2
  toggled?: boolean;
3
3
  };
4
- declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
4
+ declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
5
5
  click: (event: MouseEvent) => any;
6
6
  }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
7
7
  onClick?: ((event: MouseEvent) => any) | undefined;
8
- }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
8
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
9
+ declare const _default: typeof __VLS_export;
9
10
  export default _default;
10
11
  //# sourceMappingURL=CellExpandButton.vue.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"CellExpandButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/CellExpandButton.vue"],"names":[],"mappings":"AAkEA,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;;;;;;AAmEF,wBAQG"}
1
+ {"version":3,"file":"CellExpandButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/CellExpandButton.vue"],"names":[],"mappings":"AAmEA,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AA2DF,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
@@ -1,5 +1,5 @@
1
1
  import { CellSelectionOverlayProps } from './CellSelectionOverlayProps';
2
- declare const _default: import('vue').DefineComponent<CellSelectionOverlayProps, {
2
+ declare const __VLS_export: import('vue').DefineComponent<CellSelectionOverlayProps, {
3
3
  triggerCopied: () => void;
4
4
  focus: typeof focus;
5
5
  scrollFocusOverlayIntoView: (params: null | {
@@ -11,8 +11,7 @@ declare const _default: import('vue').DefineComponent<CellSelectionOverlayProps,
11
11
  }) => void | undefined;
12
12
  }) => Promise<void>;
13
13
  getFocusOverlayBoundingClientRect: () => DOMRect | undefined;
14
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CellSelectionOverlayProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
15
- virtualFocusOverlay: HTMLDivElement;
16
- }, any>;
14
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CellSelectionOverlayProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
15
+ declare const _default: typeof __VLS_export;
17
16
  export default _default;
18
17
  //# sourceMappingURL=CellSelectionOverlay.vue.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"CellSelectionOverlay.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/CellSelectionOverlay.vue"],"names":[],"mappings":"AAuOA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;;;;yCA4HnE,IAAI,GAAG;QACb,YAAY,EAAE,OAAO,GAAG,IAAI,CAAC;QAC7B,YAAY,EAAE,MAAM,CAAC;QACrB,QAAQ,EAAE,CAAC,cAAc,EAAE;YACzB,GAAG,CAAC,EAAE,MAAM,CAAC;YACb,IAAI,CAAC,EAAE,MAAM,CAAC;SACf,KAAK,IAAI,GAAG,SAAS,CAAC;KACxB;;;;;AAmIH,wBAQG"}
1
+ {"version":3,"file":"CellSelectionOverlay.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/CellSelectionOverlay.vue"],"names":[],"mappings":"AAwOA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAoP7E,QAAA,MAAM,YAAY;;;yCAxHR,IAAI,GAAG;QACb,YAAY,EAAE,OAAO,GAAG,IAAI,CAAC;QAC7B,YAAY,EAAE,MAAM,CAAC;QACrB,QAAQ,EAAE,CAAC,cAAc,EAAE;YACzB,GAAG,CAAC,EAAE,MAAM,CAAC;YACb,IAAI,CAAC,EAAE,MAAM,CAAC;SACf,KAAK,IAAI,GAAG,SAAS,CAAC;KACxB;;kQAoHD,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
@@ -5,6 +5,7 @@ type __VLS_Props = {
5
5
  numColumns: number;
6
6
  tableConfig: TableConfig;
7
7
  };
8
- declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
8
+ declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
9
+ declare const _default: typeof __VLS_export;
9
10
  export default _default;
10
11
  //# sourceMappingURL=EmptyRow.vue.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"EmptyRow.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/EmptyRow.vue"],"names":[],"mappings":"AAyGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAI3D,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,WAAW,CAAC;CAC1B,CAAC;;AAkHF,wBAMG"}
1
+ {"version":3,"file":"EmptyRow.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/EmptyRow.vue"],"names":[],"mappings":"AA0GA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAI3D,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,WAAW,CAAC;CAC1B,CAAC;AA2GF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
@@ -1,6 +1,7 @@
1
1
  type __VLS_Props = {
2
2
  height: number;
3
3
  };
4
- declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
4
+ declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
5
+ declare const _default: typeof __VLS_export;
5
6
  export default _default;
6
7
  //# sourceMappingURL=PlaceholderRow.vue.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"PlaceholderRow.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/PlaceholderRow.vue"],"names":[],"mappings":"AA4BA,KAAK,WAAW,GAAG;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;;AA8CtC,wBAOG"}
1
+ {"version":3,"file":"PlaceholderRow.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/PlaceholderRow.vue"],"names":[],"mappings":"AA6BA,KAAK,WAAW,GAAG;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AA6BtC,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
@@ -1,18 +1,18 @@
1
1
  export declare const MIN_COLUMN_SIZE = 50;
2
2
  export declare const MAX_AUTO_COLUMN_SIZE = 960;
3
- export declare const SPECIAL_COLUMNS_SIZE = 32;
4
- export declare const ROW_BORDER_BOTTOM_WIDTH = 1;
3
+ export declare const SPECIAL_COLUMNS_SIZE: number;
4
+ export declare const ROW_BORDER_BOTTOM_WIDTH: number;
5
5
  export declare const DEFAULT_ROW_HEIGHT: number;
6
6
  export declare const COMPACT_ROW_HEIGHT: number;
7
- export declare const DEFAULT_ROW_PADDING_TOP_BOTTOM = 12;
8
- export declare const COMPACT_ROW_PADDING_TOP_BOTTOM = 6;
9
- export declare const CELL_PADDING_HORIZONTAL = 8;
7
+ export declare const DEFAULT_ROW_PADDING_TOP_BOTTOM: number;
8
+ export declare const COMPACT_ROW_PADDING_TOP_BOTTOM: number;
9
+ export declare const CELL_PADDING_HORIZONTAL: number;
10
10
  export declare const MIN_ROW_HEIGHT: number;
11
11
  export declare const HEADER_HEIGHT: number;
12
12
  export declare const MAX_SUB_MENU_WIDTH = 160;
13
13
  export declare const ENABLE_SCROLL_AFTER_ROW_RESIZE_DELAY = 100;
14
14
  export declare const COLUMN_RESIZE_DRAG_HANDLE_WIDTH = 5;
15
- export declare const EXPAND_BUTTON_WIDTH = 16;
15
+ export declare const EXPAND_BUTTON_WIDTH: number;
16
16
  declare const _default: {
17
17
  MIN_COLUMN_SIZE: number;
18
18
  SPECIAL_COLUMNS_SIZE: number;
@@ -1 +1 @@
1
- {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/constants.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,eAAe,KAAK,CAAC;AAGlC,eAAO,MAAM,oBAAoB,MAAM,CAAC;AAGxC,eAAO,MAAM,oBAAoB,KAA+B,CAAC;AAGjE,eAAO,MAAM,uBAAuB,IAAuB,CAAC;AAI5D,eAAO,MAAM,kBAAkB,QAC4B,CAAC;AAI5D,eAAO,MAAM,kBAAkB,QAC6B,CAAC;AAO7D,eAAO,MAAM,8BAA8B,KAA2B,CAAC;AAOvE,eAAO,MAAM,8BAA8B,IAA2B,CAAC;AAGvE,eAAO,MAAM,uBAAuB,IAA0B,CAAC;AAG/D,eAAO,MAAM,cAAc,QAAqB,CAAC;AAGjD,eAAO,MAAM,aAAa,QACkC,CAAC;AAG7D,eAAO,MAAM,kBAAkB,MAAM,CAAC;AAGtC,eAAO,MAAM,oCAAoC,MAAM,CAAC;AAGxD,eAAO,MAAM,+BAA+B,IAAI,CAAC;AAGjD,eAAO,MAAM,mBAAmB,KAA+B,CAAC;;;;;;;;;AAEhE,wBAOE"}
1
+ {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/constants.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,KAAK,CAAC;AAGlC,eAAO,MAAM,oBAAoB,MAAM,CAAC;AAGxC,eAAO,MAAM,oBAAoB,QAAwC,CAAC;AAG1E,eAAO,MAAM,uBAAuB,QAAiC,CAAC;AAGtE,eAAO,MAAM,kBAAkB,QACqC,CAAC;AAGrE,eAAO,MAAM,kBAAkB,QACsC,CAAC;AAOtE,eAAO,MAAM,8BAA8B,QAAmC,CAAC;AAO/E,eAAO,MAAM,8BAA8B,QAAmC,CAAC;AAG/E,eAAO,MAAM,uBAAuB,QAAkC,CAAC;AAGvE,eAAO,MAAM,cAAc,QAAqB,CAAC;AAGjD,eAAO,MAAM,aAAa,QAC8C,CAAC;AAGzE,eAAO,MAAM,kBAAkB,MAAM,CAAC;AAGtC,eAAO,MAAM,oCAAoC,MAAM,CAAC;AAGxD,eAAO,MAAM,+BAA+B,IAAI,CAAC;AAGjD,eAAO,MAAM,mBAAmB,QAAwC,CAAC;;;;;;;;;AAEzE,wBAOE"}
@@ -21,6 +21,12 @@ export interface ColumnConfig {
21
21
  hasSlotContent?: boolean;
22
22
  /** Whether cells can open a data value view. */
23
23
  hasDataValueView?: boolean;
24
+ /**
25
+ * Overlays the data value view button on top of the cell content instead of
26
+ * reserving space next to it, so the content does not shrink when the button
27
+ * appears on hover (e.g. for image content).
28
+ */
29
+ overlayDataValueViewButton?: boolean;
24
30
  /** Prevents this column from being sorted (sortable by default). */
25
31
  isNotSortable?: boolean;
26
32
  /** Accent color applied to the column header. */
@@ -1 +1 @@
1
- {"version":3,"file":"ColumnConfig.d.ts","sourceRoot":"","sources":["../../../src/types/ColumnConfig.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEzD,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAEhD;;;;;GAKG;AACH,MAAM,WAAW,YAAY;IAC3B,mFAAmF;IACnF,EAAE,EAAE,QAAQ,CAAC;IACb,8DAA8D;IAC9D,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAC9B,uCAAuC;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wEAAwE;IACxE,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,wEAAwE;IACxE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gDAAgD;IAChD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oEAAoE;IACpE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4DAA4D;IAC5D,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,4DAA4D;IAC5D,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yCAAyC;IACzC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}
1
+ {"version":3,"file":"ColumnConfig.d.ts","sourceRoot":"","sources":["../../../src/types/ColumnConfig.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEzD,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAEhD;;;;;GAKG;AACH,MAAM,WAAW,YAAY;IAC3B,mFAAmF;IACnF,EAAE,EAAE,QAAQ,CAAC;IACb,8DAA8D;IAC9D,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAC9B,uCAAuC;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wEAAwE;IACxE,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,wEAAwE;IACxE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gDAAgD;IAChD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;;OAIG;IACH,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,oEAAoE;IACpE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4DAA4D;IAC5D,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,4DAA4D;IAC5D,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yCAAyC;IACzC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@knime/kds-table",
3
3
  "type": "module",
4
- "version": "0.7.0",
4
+ "version": "0.8.0",
5
5
  "description": "Package containing the table component of the KNIME Design System",
6
6
  "license": "See LICENSE file",
7
7
  "author": "KNIME AG, Zurich, Switzerland",
@@ -14,9 +14,9 @@
14
14
  "fast-deep-equal": "3.1.3",
15
15
  "raf-throttle": "2.0.6",
16
16
  "uuid": "14.0.1",
17
- "@knime/kds-components": "^2.3.0",
18
- "@knime/kds-styles": "^2.3.0",
19
- "@knime/utils": "^1.12.1"
17
+ "@knime/kds-components": "^2.6.1",
18
+ "@knime/utils": "^1.12.1",
19
+ "@knime/kds-styles": "^2.6.1"
20
20
  },
21
21
  "devDependencies": {
22
22
  "@storybook/vue3-vite": "^10.4.6",
@@ -25,9 +25,9 @@
25
25
  "@vue/test-utils": "^2.4.11",
26
26
  "consola": "^3.4.2",
27
27
  "storybook": "^10.4.6",
28
- "typescript": "^5.9.3",
29
- "vite": "^7.3.2",
30
- "vite-plugin-dts": "^4.5.4",
28
+ "typescript": "^6.0.3",
29
+ "vite": "^8.1.3",
30
+ "vite-plugin-dts": "^5.0.3",
31
31
  "vite-plugin-lib-inject-css": "^2.2.2",
32
32
  "vite-svg-loader": "^5.1.1",
33
33
  "vue": "3.5.39"