@knime/kds-components 0.23.0 → 0.23.1
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/index.css +87 -72
- package/dist/index.js +80 -42
- package/dist/index.js.map +1 -1
- package/dist/src/buttons/links/KdsLink/KdsLink.vue.d.ts.map +1 -1
- package/dist/src/buttons/links/KdsLinkButton/KdsLinkButton.vue.d.ts.map +1 -1
- package/dist/src/buttons/links/linkUtils.d.ts +2 -0
- package/dist/src/buttons/links/linkUtils.d.ts.map +1 -0
- package/dist/src/forms/_helper/List/KdsListItem/KdsListItem.vue.d.ts.map +1 -1
- package/dist/src/forms/_helper/List/ListItemDivider/ListItemDivider.vue.d.ts.map +1 -1
- package/dist/src/forms/_helper/List/ListItemSectionTitle/ListItemSectionTitle.vue.d.ts.map +1 -1
- package/dist/src/forms/selects/Dropdown/MultiSelectDropdownContainer.vue.d.ts.map +1 -1
- package/dist/src/forms/selects/MultiSelectListBox/KdsMultiSelectListBox.vue.d.ts.map +1 -1
- package/dist/src/layouts/EmptyState/KdsEmptyState.vue.d.ts +36 -3
- package/dist/src/layouts/EmptyState/KdsEmptyState.vue.d.ts.map +1 -1
- package/dist/src/layouts/EmptyState/types.d.ts +27 -2
- package/dist/src/layouts/EmptyState/types.d.ts.map +1 -1
- package/package.json +5 -5
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KdsLink.vue.d.ts","sourceRoot":"","sources":["../../../../../src/buttons/links/KdsLink/KdsLink.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"KdsLink.vue.d.ts","sourceRoot":"","sources":["../../../../../src/buttons/links/KdsLink/KdsLink.vue"],"names":[],"mappings":"AA+NA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;;;;;;AAwN5C,wBAQG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KdsLinkButton.vue.d.ts","sourceRoot":"","sources":["../../../../../src/buttons/links/KdsLinkButton/KdsLinkButton.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"KdsLinkButton.vue.d.ts","sourceRoot":"","sources":["../../../../../src/buttons/links/KdsLinkButton/KdsLinkButton.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAqKA,wBAQG"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"linkUtils.d.ts","sourceRoot":"","sources":["../../../../src/buttons/links/linkUtils.ts"],"names":[],"mappings":"AAAA,wBAAgB,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAiBlD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KdsListItem.vue.d.ts","sourceRoot":"","sources":["../../../../../../src/forms/_helper/List/KdsListItem/KdsListItem.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"KdsListItem.vue.d.ts","sourceRoot":"","sources":["../../../../../../src/forms/_helper/List/KdsListItem/KdsListItem.vue"],"names":[],"mappings":"AA6RA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;;;;;;;;;AAqMnD,wBASG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItemDivider.vue.d.ts","sourceRoot":"","sources":["../../../../../../src/forms/_helper/List/ListItemDivider/ListItemDivider.vue"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"ListItemDivider.vue.d.ts","sourceRoot":"","sources":["../../../../../../src/forms/_helper/List/ListItemDivider/ListItemDivider.vue"],"names":[],"mappings":";AAuDA,wBAMG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItemSectionTitle.vue.d.ts","sourceRoot":"","sources":["../../../../../../src/forms/_helper/List/ListItemSectionTitle/ListItemSectionTitle.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ListItemSectionTitle.vue.d.ts","sourceRoot":"","sources":["../../../../../../src/forms/_helper/List/ListItemSectionTitle/ListItemSectionTitle.vue"],"names":[],"mappings":"AAgEA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,YAAY,CAAC;;;;AA6E/D,wBAQG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiSelectDropdownContainer.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/selects/Dropdown/MultiSelectDropdownContainer.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"MultiSelectDropdownContainer.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/selects/Dropdown/MultiSelectDropdownContainer.vue"],"names":[],"mappings":"AA0PA,OAAO,KAAK,EAEV,oCAAoC,EACrC,MAAM,SAAS,CAAC;AAIjB,KAAK,WAAW,GAAG,oCAAoC,CAAC;AAuKxD,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA0Mi4J,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAlBvgK,wBAUG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KdsMultiSelectListBox.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/selects/MultiSelectListBox/KdsMultiSelectListBox.vue"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"KdsMultiSelectListBox.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/selects/MultiSelectListBox/KdsMultiSelectListBox.vue"],"names":[],"mappings":";iBA6lBa,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;iBAAR,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAAR,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;iBAAR,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsVrB,wBASG"}
|
|
@@ -1,8 +1,41 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
declare const _default: import('vue').DefineComponent<({
|
|
2
|
+
headline: string;
|
|
3
|
+
description?: string;
|
|
4
|
+
loadingSpinner?: boolean;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
} & {
|
|
7
|
+
button?: never;
|
|
8
|
+
secondaryButton?: never;
|
|
9
|
+
}) | ({
|
|
10
|
+
headline: string;
|
|
11
|
+
description?: string;
|
|
12
|
+
loadingSpinner?: boolean;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
} & {
|
|
15
|
+
button: import('../..').KdsButtonProps | import('../..').KdsLinkButtonProps;
|
|
16
|
+
secondaryButton?: import('../..').KdsButtonProps | import('../..').KdsLinkButtonProps;
|
|
17
|
+
}), {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
3
18
|
buttonClick: (event: MouseEvent) => any;
|
|
4
|
-
|
|
19
|
+
secondaryButtonClick: (event: MouseEvent) => any;
|
|
20
|
+
}, string, import('vue').PublicProps, Readonly<({
|
|
21
|
+
headline: string;
|
|
22
|
+
description?: string;
|
|
23
|
+
loadingSpinner?: boolean;
|
|
24
|
+
disabled?: boolean;
|
|
25
|
+
} & {
|
|
26
|
+
button?: never;
|
|
27
|
+
secondaryButton?: never;
|
|
28
|
+
}) | ({
|
|
29
|
+
headline: string;
|
|
30
|
+
description?: string;
|
|
31
|
+
loadingSpinner?: boolean;
|
|
32
|
+
disabled?: boolean;
|
|
33
|
+
} & {
|
|
34
|
+
button: import('../..').KdsButtonProps | import('../..').KdsLinkButtonProps;
|
|
35
|
+
secondaryButton?: import('../..').KdsButtonProps | import('../..').KdsLinkButtonProps;
|
|
36
|
+
})> & Readonly<{
|
|
5
37
|
onButtonClick?: ((event: MouseEvent) => any) | undefined;
|
|
38
|
+
onSecondaryButtonClick?: ((event: MouseEvent) => any) | undefined;
|
|
6
39
|
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
7
40
|
export default _default;
|
|
8
41
|
//# sourceMappingURL=KdsEmptyState.vue.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KdsEmptyState.vue.d.ts","sourceRoot":"","sources":["../../../../src/layouts/EmptyState/KdsEmptyState.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"KdsEmptyState.vue.d.ts","sourceRoot":"","sources":["../../../../src/layouts/EmptyState/KdsEmptyState.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8SA,wBAQG"}
|
|
@@ -1,8 +1,33 @@
|
|
|
1
1
|
import { KdsButtonProps, KdsLinkButtonProps } from '../../buttons';
|
|
2
|
-
|
|
2
|
+
type BaseKdsEmptyStateProps = {
|
|
3
|
+
/** Main headline text displayed in the empty state. */
|
|
3
4
|
headline: string;
|
|
5
|
+
/** Optional description text displayed below the headline. */
|
|
4
6
|
description?: string;
|
|
5
|
-
|
|
7
|
+
/** Shows a loading spinner above the headline to indicate loading state. */
|
|
6
8
|
loadingSpinner?: boolean;
|
|
9
|
+
/** Visually dims all content to indicate a disabled state. Also disables configured buttons. */
|
|
10
|
+
disabled?: boolean;
|
|
7
11
|
};
|
|
12
|
+
type KdsEmptyStatePropsWithoutButtons = BaseKdsEmptyStateProps & {
|
|
13
|
+
button?: never;
|
|
14
|
+
secondaryButton?: never;
|
|
15
|
+
};
|
|
16
|
+
type KdsEmptyStatePropsWithButtons = BaseKdsEmptyStateProps & {
|
|
17
|
+
/**
|
|
18
|
+
* Primary action button. Pass `KdsButtonProps` for an action button or
|
|
19
|
+
* `KdsLinkButtonProps` (with `to`) for a link button. When the object
|
|
20
|
+
* contains a `to` property, the component renders a link button; otherwise
|
|
21
|
+
* it renders an action button. Emits `buttonClick` when clicked.
|
|
22
|
+
*/
|
|
23
|
+
button: KdsButtonProps | KdsLinkButtonProps;
|
|
24
|
+
/**
|
|
25
|
+
* Optional secondary button. Pass `KdsButtonProps` for an action button or
|
|
26
|
+
* `KdsLinkButtonProps` (with `to`) for a link button. Only renders when
|
|
27
|
+
* `button` is also provided. Emits `secondaryButtonClick` when clicked.
|
|
28
|
+
*/
|
|
29
|
+
secondaryButton?: KdsButtonProps | KdsLinkButtonProps;
|
|
30
|
+
};
|
|
31
|
+
export type KdsEmptyStateProps = KdsEmptyStatePropsWithoutButtons | KdsEmptyStatePropsWithButtons;
|
|
32
|
+
export {};
|
|
8
33
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/layouts/EmptyState/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAExE,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/layouts/EmptyState/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAExE,KAAK,sBAAsB,GAAG;IAC5B,uDAAuD;IACvD,QAAQ,EAAE,MAAM,CAAC;IACjB,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4EAA4E;IAC5E,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gGAAgG;IAChG,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,KAAK,gCAAgC,GAAG,sBAAsB,GAAG;IAC/D,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,eAAe,CAAC,EAAE,KAAK,CAAC;CACzB,CAAC;AAEF,KAAK,6BAA6B,GAAG,sBAAsB,GAAG;IAC5D;;;;;OAKG;IACH,MAAM,EAAE,cAAc,GAAG,kBAAkB,CAAC;IAC5C;;;;OAIG;IACH,eAAe,CAAC,EAAE,cAAc,GAAG,kBAAkB,CAAC;CACvD,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAC1B,gCAAgC,GAChC,6BAA6B,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@knime/kds-components",
|
|
3
|
-
"version": "0.23.
|
|
3
|
+
"version": "0.23.1",
|
|
4
4
|
"description": "Package containing basic Vue components of the KNIME Design System",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -37,17 +37,17 @@
|
|
|
37
37
|
"@knime/utils": "^1.9.2",
|
|
38
38
|
"consola": "^3.4.2",
|
|
39
39
|
"pretty-bytes": "^7.1.0",
|
|
40
|
-
"@knime/kds-styles": "^0.23.
|
|
40
|
+
"@knime/kds-styles": "^0.23.1"
|
|
41
41
|
},
|
|
42
42
|
"devDependencies": {
|
|
43
|
-
"@storybook/vue3-vite": "^10.3.
|
|
44
|
-
"@vitejs/plugin-vue": "^6.0.
|
|
43
|
+
"@storybook/vue3-vite": "^10.3.4",
|
|
44
|
+
"@vitejs/plugin-vue": "^6.0.5",
|
|
45
45
|
"@vue/test-utils": "^2.4.6",
|
|
46
46
|
"@vue/tsconfig": "^0.9.1",
|
|
47
47
|
"@vueuse/core": "^14.2.1",
|
|
48
48
|
"prettier": "3.8.1",
|
|
49
49
|
"prettier-plugin-vue": "^1.1.6",
|
|
50
|
-
"storybook": "^10.3.
|
|
50
|
+
"storybook": "^10.3.4",
|
|
51
51
|
"ts-morph": "^27.0.2",
|
|
52
52
|
"vite": "^7.1.11",
|
|
53
53
|
"vite-plugin-dts": "^4.5.4",
|