@knime/kds-components 0.28.9 → 0.29.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.
- package/CHANGELOG.md +952 -0
- package/dist/{copy-DAYm6-mo.js → copy-D43FaHi-.js} +2 -2
- package/dist/copy-D43FaHi-.js.map +1 -0
- package/dist/duplicate-Mtq886XD.js +23 -0
- package/dist/duplicate-Mtq886XD.js.map +1 -0
- package/dist/folder-move-6L5NfoIs.js +23 -0
- package/dist/folder-move-6L5NfoIs.js.map +1 -0
- package/dist/index.css +585 -201
- package/dist/index.js +10237 -2301
- package/dist/index.js.map +1 -1
- package/dist/linked-component-BOb5aj87.js +23 -0
- package/dist/linked-component-BOb5aj87.js.map +1 -0
- package/dist/src/containers/FileExplorer/FileExplorerItem.vue.d.ts +1023 -0
- package/dist/src/containers/FileExplorer/FileExplorerItem.vue.d.ts.map +1 -0
- package/dist/src/containers/FileExplorer/FileExplorerItemBack.vue.d.ts +6 -0
- package/dist/src/containers/FileExplorer/FileExplorerItemBack.vue.d.ts.map +1 -0
- package/dist/src/containers/FileExplorer/FileExplorerItemBase.vue.d.ts +31 -0
- package/dist/src/containers/FileExplorer/FileExplorerItemBase.vue.d.ts.map +1 -0
- package/dist/src/containers/FileExplorer/KdsFileExplorer.vue.d.ts +1670 -0
- package/dist/src/containers/FileExplorer/KdsFileExplorer.vue.d.ts.map +1 -0
- package/dist/src/containers/FileExplorer/enums.d.ts +12 -0
- package/dist/src/containers/FileExplorer/enums.d.ts.map +1 -0
- package/dist/src/containers/FileExplorer/index.d.ts +4 -0
- package/dist/src/containers/FileExplorer/index.d.ts.map +1 -0
- package/dist/src/containers/FileExplorer/multiSelection/index.d.ts +3 -0
- package/dist/src/containers/FileExplorer/multiSelection/index.d.ts.map +1 -0
- package/dist/src/containers/FileExplorer/multiSelection/multiSelectionStateService.d.ts +67 -0
- package/dist/src/containers/FileExplorer/multiSelection/multiSelectionStateService.d.ts.map +1 -0
- package/dist/src/containers/FileExplorer/multiSelection/useFocusableMultiSelection.d.ts +19 -0
- package/dist/src/containers/FileExplorer/multiSelection/useFocusableMultiSelection.d.ts.map +1 -0
- package/dist/src/containers/FileExplorer/multiSelection/useMultiSelection.d.ts +16 -0
- package/dist/src/containers/FileExplorer/multiSelection/useMultiSelection.d.ts.map +1 -0
- package/dist/src/containers/FileExplorer/types.d.ts +86 -0
- package/dist/src/containers/FileExplorer/types.d.ts.map +1 -0
- package/dist/src/containers/FileExplorer/useItemDragging/index.d.ts +37 -0
- package/dist/src/containers/FileExplorer/useItemDragging/index.d.ts.map +1 -0
- package/dist/src/containers/FileExplorer/useKeyPressedUntilMouseClick/index.d.ts +2 -0
- package/dist/src/containers/FileExplorer/useKeyPressedUntilMouseClick/index.d.ts.map +1 -0
- package/dist/src/containers/FileExplorer/useNameValidator/index.d.ts +2 -0
- package/dist/src/containers/FileExplorer/useNameValidator/index.d.ts.map +1 -0
- package/dist/src/containers/FileExplorer/useNameValidator/useNameValidator.d.ts +13 -0
- package/dist/src/containers/FileExplorer/useNameValidator/useNameValidator.d.ts.map +1 -0
- package/dist/src/containers/FileExplorer/utils/dragGhostHelpers.d.ts +51 -0
- package/dist/src/containers/FileExplorer/utils/dragGhostHelpers.d.ts.map +1 -0
- package/dist/src/containers/FileExplorer/utils/filterSlotsForDynamicColumns.d.ts +3 -0
- package/dist/src/containers/FileExplorer/utils/filterSlotsForDynamicColumns.d.ts.map +1 -0
- package/dist/src/containers/FileExplorer/utils/popoverAnchorElement.d.ts +5 -0
- package/dist/src/containers/FileExplorer/utils/popoverAnchorElement.d.ts.map +1 -0
- package/dist/src/containers/index.d.ts +2 -0
- package/dist/src/containers/index.d.ts.map +1 -1
- package/dist/src/forms/inputs/DateInput/enums.d.ts +1 -1
- package/dist/src/index.d.ts +2 -0
- package/dist/src/index.d.ts.map +1 -1
- package/dist/src/overlays/Modal/KdsModal.vue.d.ts +1 -1
- package/dist/src/richText/Description/KdsDescription.vue.d.ts +7 -0
- package/dist/src/richText/Description/KdsDescription.vue.d.ts.map +1 -0
- package/dist/src/richText/Description/index.d.ts +2 -0
- package/dist/src/richText/Description/index.d.ts.map +1 -0
- package/dist/src/richText/index.d.ts +3 -0
- package/dist/src/richText/index.d.ts.map +1 -0
- package/package.json +7 -3
- package/dist/copy-DAYm6-mo.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"KdsFileExplorer.vue.d.ts","sourceRoot":"","sources":["../../../../src/containers/FileExplorer/KdsFileExplorer.vue"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export declare const kdsFileExplorerSize: {
|
|
2
|
+
readonly SMALL: "small";
|
|
3
|
+
readonly LARGE: "large";
|
|
4
|
+
};
|
|
5
|
+
export declare const kdsFileExplorerSizes: ("small" | "large")[];
|
|
6
|
+
export declare const kdsFileExplorerDraggingAnimationMode: {
|
|
7
|
+
readonly AUTO: "auto";
|
|
8
|
+
readonly MANUAL: "manual";
|
|
9
|
+
readonly DISABLED: "disabled";
|
|
10
|
+
};
|
|
11
|
+
export declare const kdsFileExplorerDraggingAnimationModes: ("disabled" | "auto" | "manual")[];
|
|
12
|
+
//# sourceMappingURL=enums.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"enums.d.ts","sourceRoot":"","sources":["../../../../src/containers/FileExplorer/enums.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB;;;CAGtB,CAAC;AAEX,eAAO,MAAM,oBAAoB,uBAAqC,CAAC;AAEvE,eAAO,MAAM,oCAAoC;;;;CAIvC,CAAC;AAEX,eAAO,MAAM,qCAAqC,oCAEjD,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { default as KdsFileExplorer } from './KdsFileExplorer.vue';
|
|
2
|
+
export type * from './types';
|
|
3
|
+
export { kdsFileExplorerSize, kdsFileExplorerSizes, kdsFileExplorerDraggingAnimationMode, kdsFileExplorerDraggingAnimationModes, } from './enums';
|
|
4
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/containers/FileExplorer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACnE,mBAAmB,SAAS,CAAC;AAC7B,OAAO,EACL,mBAAmB,EACnB,oBAAoB,EACpB,oCAAoC,EACpC,qCAAqC,GACtC,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/containers/FileExplorer/multiSelection/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,8BAA8B,CAAC"}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
export type SelectionRange = {
|
|
2
|
+
from: number;
|
|
3
|
+
to: number;
|
|
4
|
+
};
|
|
5
|
+
export type MultiSelectionState = {
|
|
6
|
+
anchorHistory: Array<number>;
|
|
7
|
+
anchorExceptions: Array<number>;
|
|
8
|
+
selectionRanges: Array<SelectionRange>;
|
|
9
|
+
};
|
|
10
|
+
/**
|
|
11
|
+
* Initialize the state of the multi selection service
|
|
12
|
+
*/
|
|
13
|
+
export declare const getInitialState: () => MultiSelectionState;
|
|
14
|
+
/**
|
|
15
|
+
* Determines whether there is any active selection in the provided state
|
|
16
|
+
*/
|
|
17
|
+
export declare const isMultipleSelectionActive: (state: MultiSelectionState, initialElement: number) => boolean;
|
|
18
|
+
/**
|
|
19
|
+
* Determines whether the provided item is selected considering the given selection state
|
|
20
|
+
* by trying to find it inside the selection ranges, bounded by the from and to properties
|
|
21
|
+
*/
|
|
22
|
+
export declare const isItemSelected: (state: MultiSelectionState, item: number) => boolean;
|
|
23
|
+
/**
|
|
24
|
+
* Executes the Ctrl+Click logic. Will set (or unset) the clicked item into the selection state
|
|
25
|
+
* updating it accordingly.
|
|
26
|
+
*
|
|
27
|
+
* e.g: New items will be added, existing items will be removed
|
|
28
|
+
*/
|
|
29
|
+
export declare const ctrlClick: (state: MultiSelectionState, clickedItem: number) => MultiSelectionState;
|
|
30
|
+
/**
|
|
31
|
+
* Executes the Shift+Click logic. Will set (or unset) the clicked item into the selection state
|
|
32
|
+
* updating it accordingly and also updating any possible selection ranges.
|
|
33
|
+
*/
|
|
34
|
+
export declare const shiftClick: (state: MultiSelectionState, clickedItem: number) => MultiSelectionState;
|
|
35
|
+
/**
|
|
36
|
+
* Executes the "Click" logic. Will reset any selection state, since click alone would unselect
|
|
37
|
+
*/
|
|
38
|
+
export declare const click: (clickedItem: number) => MultiSelectionState;
|
|
39
|
+
/**
|
|
40
|
+
* Normalizes a multiselection state into an array of selection ranges that:
|
|
41
|
+
* - **Excludes anchor exceptions**.
|
|
42
|
+
* - Example:
|
|
43
|
+
* Given a state with ranges: [(1-5), (7-10)], and anchorExceptions: [2, 8]
|
|
44
|
+
* The output for this example should be these ranges: [(1-1), (3-5), (7-7), (9-10)]. Since they do not
|
|
45
|
+
* include items 2 and 8.
|
|
46
|
+
*
|
|
47
|
+
* - **Has no overlapping ranges**.
|
|
48
|
+
* - Example:
|
|
49
|
+
* Given two ranges: (4-7) and (1-6), the latter would be "overlapping" (the left side) of the first one.
|
|
50
|
+
* The correct output range for this example should be just the range (1-7)
|
|
51
|
+
*
|
|
52
|
+
* - **Has no subranges**.
|
|
53
|
+
* - Example:
|
|
54
|
+
* Given two ranges: (1-6) and (2-4), the latter would be "included" in the first one.
|
|
55
|
+
* The correct output range for this example should be just the range (1-6)
|
|
56
|
+
*/
|
|
57
|
+
export declare const normalizeRanges: (state: MultiSelectionState) => Array<SelectionRange>;
|
|
58
|
+
/**
|
|
59
|
+
* Returns the selection size for the given state
|
|
60
|
+
*/
|
|
61
|
+
export declare const selectionSize: (state: MultiSelectionState) => number;
|
|
62
|
+
/**
|
|
63
|
+
* Returns an array of all the indexes that are selected in the given state
|
|
64
|
+
* @returns selected indexes
|
|
65
|
+
*/
|
|
66
|
+
export declare const getSelectedIndexes: (state: MultiSelectionState) => Array<number>;
|
|
67
|
+
//# sourceMappingURL=multiSelectionStateService.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"multiSelectionStateService.d.ts","sourceRoot":"","sources":["../../../../../src/containers/FileExplorer/multiSelection/multiSelectionStateService.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC7B,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAChC,eAAe,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC;CACxC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,QAAO,mBAIjC,CAAC;AAUH;;GAEG;AACH,eAAO,MAAM,yBAAyB,GACpC,OAAO,mBAAmB,EAC1B,gBAAgB,MAAM,YAgBvB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,EAAE,MAAM,MAAM,YAOtE,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,SAAS,GACpB,OAAO,mBAAmB,EAC1B,aAAa,MAAM,KAClB,mBAqDF,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU,GACrB,OAAO,mBAAmB,EAC1B,aAAa,MAAM,KAClB,mBA6EF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,GAAI,aAAa,MAAM,KAAG,mBAU3C,CAAC;AA0EF;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,eAAe,GAC1B,OAAO,mBAAmB,KACzB,KAAK,CAAC,cAAc,CAmCtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,OAAO,mBAAmB,KAAG,MAU1D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,GAC7B,OAAO,mBAAmB,KACzB,KAAK,CAAC,MAAM,CAmBd,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { Ref } from 'vue';
|
|
2
|
+
import { UseMultiSelectionOptions, UseMultiSelectionReturn } from './useMultiSelection';
|
|
3
|
+
type UseFocusableMultiSelectionOptions = UseMultiSelectionOptions & {
|
|
4
|
+
numberOfItems: Ref<number>;
|
|
5
|
+
startIndex: Ref<number>;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
skippedIndices?: Ref<number[]>;
|
|
8
|
+
};
|
|
9
|
+
export type UseFocusableMultiSelectionReturn = {
|
|
10
|
+
resetSelection: (focusIndex?: number) => void;
|
|
11
|
+
handleKeyboardNavigation: (event: KeyboardEvent | null) => void;
|
|
12
|
+
focusedIndex: Ref<number>;
|
|
13
|
+
} & Omit<UseMultiSelectionReturn, "resetSelection">;
|
|
14
|
+
/**
|
|
15
|
+
* Thin wrapper around multi selection service with added keyboard navigation and focus (index based) support.
|
|
16
|
+
*/
|
|
17
|
+
export declare const useFocusableMultiSelection: (options: UseFocusableMultiSelectionOptions) => UseFocusableMultiSelectionReturn;
|
|
18
|
+
export {};
|
|
19
|
+
//# sourceMappingURL=useFocusableMultiSelection.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useFocusableMultiSelection.d.ts","sourceRoot":"","sources":["../../../../../src/containers/FileExplorer/multiSelection/useFocusableMultiSelection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAiB,MAAM,KAAK,CAAC;AAK9C,OAAO,EACL,KAAK,wBAAwB,EAC7B,KAAK,uBAAuB,EAC7B,MAAM,qBAAqB,CAAC;AAK7B,KAAK,iCAAiC,GAAG,wBAAwB,GAAG;IAClE,aAAa,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC3B,UAAU,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,gCAAgC,GAAG;IAC7C,cAAc,EAAE,CAAC,UAAU,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,wBAAwB,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI,KAAK,IAAI,CAAC;IAChE,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CAC3B,GAAG,IAAI,CAAC,uBAAuB,EAAE,gBAAgB,CAAC,CAAC;AAEpD;;GAEG;AACH,eAAO,MAAM,0BAA0B,GACrC,SAAS,iCAAiC,KACzC,gCAiPF,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { ComputedRef, Ref } from 'vue';
|
|
2
|
+
import * as multiSelectionService from "./multiSelectionStateService";
|
|
3
|
+
export type UseMultiSelectionOptions = {
|
|
4
|
+
singleSelectionOnly: Ref<boolean>;
|
|
5
|
+
};
|
|
6
|
+
export type UseMultiSelectionReturn = {
|
|
7
|
+
multiSelectionState: Ref<multiSelectionService.MultiSelectionState>;
|
|
8
|
+
isSelected: (index: number) => boolean;
|
|
9
|
+
selectedIndexes: ComputedRef<Array<number>>;
|
|
10
|
+
isMultipleSelectionActive: (index: number) => boolean;
|
|
11
|
+
resetSelection: () => void;
|
|
12
|
+
handleSelectionClick: (index: number, event?: MouseEvent | null) => void;
|
|
13
|
+
ctrlClickItem: (index: number) => void;
|
|
14
|
+
};
|
|
15
|
+
export declare const useMultiSelection: (options: UseMultiSelectionOptions) => UseMultiSelectionReturn;
|
|
16
|
+
//# sourceMappingURL=useMultiSelection.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMultiSelection.d.ts","sourceRoot":"","sources":["../../../../../src/containers/FileExplorer/multiSelection/useMultiSelection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,GAAG,EAAiB,MAAM,KAAK,CAAC;AAIhE,OAAO,KAAK,qBAAqB,MAAM,8BAA8B,CAAC;AAEtE,MAAM,MAAM,wBAAwB,GAAG;IACrC,mBAAmB,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,mBAAmB,EAAE,GAAG,CAAC,qBAAqB,CAAC,mBAAmB,CAAC,CAAC;IACpE,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACvC,eAAe,EAAE,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IAC5C,yBAAyB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACtD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,oBAAoB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAC;IACzE,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC5B,SAAS,wBAAwB,KAChC,uBAyEF,CAAC"}
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
import { MaybeElementRef } from '@vueuse/core';
|
|
2
|
+
import { KdsIconName } from '../../accessories/Icon';
|
|
3
|
+
import { KdsEmptyStateProps } from '../../layouts';
|
|
4
|
+
import { KdsMenuItem } from '../MenuContainer';
|
|
5
|
+
import { kdsFileExplorerDraggingAnimationMode, kdsFileExplorerSize } from './enums';
|
|
6
|
+
export type KdsFileExplorerSize = (typeof kdsFileExplorerSize)[keyof typeof kdsFileExplorerSize];
|
|
7
|
+
export type KdsFileExplorerDraggingAnimationMode = (typeof kdsFileExplorerDraggingAnimationMode)[keyof typeof kdsFileExplorerDraggingAnimationMode];
|
|
8
|
+
export type KdsFileExplorerItem<T = Record<string, unknown>> = {
|
|
9
|
+
/** Unique identifier of the item */
|
|
10
|
+
id: string;
|
|
11
|
+
/** File icon, defaults to folder and file icons based on type */
|
|
12
|
+
icon?: KdsIconName;
|
|
13
|
+
/** Display name of the item */
|
|
14
|
+
name: string;
|
|
15
|
+
/** Whether the directory is currently open/expanded */
|
|
16
|
+
isOpen: boolean;
|
|
17
|
+
/** Whether the item represents a directory */
|
|
18
|
+
isDirectory: boolean;
|
|
19
|
+
/** Arbitrary metadata attached to the item */
|
|
20
|
+
meta?: T;
|
|
21
|
+
/** Whether the item is disabled (not selectable/interactive) */
|
|
22
|
+
disabled?: boolean;
|
|
23
|
+
};
|
|
24
|
+
export type KdsContextMenuBuilder = (ctx: {
|
|
25
|
+
anchor: KdsFileExplorerItem;
|
|
26
|
+
selectedItems: KdsFileExplorerItem[];
|
|
27
|
+
}) => KdsMenuItem[];
|
|
28
|
+
export type KdsFileExplorerProps = {
|
|
29
|
+
/** Size variant of the file explorer */
|
|
30
|
+
size?: KdsFileExplorerSize;
|
|
31
|
+
/** Full path of the currently displayed directory; used to detect path changes and reset selection, close menus, etc. */
|
|
32
|
+
fullPath?: string;
|
|
33
|
+
/** List of items to be rendered for the displayed directory */
|
|
34
|
+
items: Array<KdsFileExplorerItem>;
|
|
35
|
+
/** Determines whether the "back" item should be rendered or not */
|
|
36
|
+
isRootFolder?: boolean;
|
|
37
|
+
/** Disable multi-selection */
|
|
38
|
+
disableMultiSelect?: boolean;
|
|
39
|
+
/** Disables selection completely (regardless of `disableMultiSelect`) */
|
|
40
|
+
disableSelection?: boolean;
|
|
41
|
+
/** Disable dragging completely */
|
|
42
|
+
disableDragging?: boolean;
|
|
43
|
+
/**
|
|
44
|
+
* Controls the behavior of the custom drag ghosts as you move items around.
|
|
45
|
+
* `"auto"` removes ghosts automatically after interactions; `"manual"` requires calling an `onComplete` callback on `dragend`/`drop` (useful for async operations); `"disabled"` uses only the native browser drag ghost. Has no effect if `disableDragging` is true.
|
|
46
|
+
*/
|
|
47
|
+
draggingAnimationMode?: KdsFileExplorerDraggingAnimationMode;
|
|
48
|
+
/** Refs to HTML elements which, when clicked, should not unset the current selection */
|
|
49
|
+
clickOutsideExceptions?: Array<MaybeElementRef | string>;
|
|
50
|
+
/** Selected item ids */
|
|
51
|
+
selectedItemIds?: string[];
|
|
52
|
+
/** Empty state configuration */
|
|
53
|
+
emptyState?: KdsEmptyStateProps;
|
|
54
|
+
/** Function to build the items rendered in the context menu */
|
|
55
|
+
contextMenuBuilder?: KdsContextMenuBuilder;
|
|
56
|
+
/** Size to restrict the context menu (CSS value, e.g. "200px"). */
|
|
57
|
+
maxContextMenuHeight?: `${string}px`;
|
|
58
|
+
};
|
|
59
|
+
export type KdsFileExplorerEmits = {
|
|
60
|
+
"update:selectedItemIds": [selectedItemIds: Array<string>];
|
|
61
|
+
changeDirectory: [pathId: string];
|
|
62
|
+
openFile: [item: KdsFileExplorerItem];
|
|
63
|
+
moveItems: [
|
|
64
|
+
payload: {
|
|
65
|
+
sourceItems: Array<string>;
|
|
66
|
+
targetItem: string;
|
|
67
|
+
onComplete: (isSuccessfulMove: boolean) => void;
|
|
68
|
+
}
|
|
69
|
+
];
|
|
70
|
+
dragend: [
|
|
71
|
+
payload: {
|
|
72
|
+
event: DragEvent;
|
|
73
|
+
sourceItem: KdsFileExplorerItem;
|
|
74
|
+
onComplete: (isSuccessfulMove: boolean) => void;
|
|
75
|
+
}
|
|
76
|
+
];
|
|
77
|
+
drag: [payload: {
|
|
78
|
+
event: DragEvent;
|
|
79
|
+
item: KdsFileExplorerItem;
|
|
80
|
+
}];
|
|
81
|
+
renameFile: [payload: {
|
|
82
|
+
itemId: string;
|
|
83
|
+
newName: string;
|
|
84
|
+
}];
|
|
85
|
+
};
|
|
86
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/containers/FileExplorer/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { Ref } from 'vue';
|
|
2
|
+
import { UseMultiSelectionReturn } from '../multiSelection/useMultiSelection';
|
|
3
|
+
import { KdsFileExplorerItem } from '../types';
|
|
4
|
+
type UseItemDraggingOptions = {
|
|
5
|
+
items: Ref<Array<KdsFileExplorerItem>>;
|
|
6
|
+
getItemElement: (index: number) => HTMLElement | null;
|
|
7
|
+
itemBack: Ref<HTMLElement | null>;
|
|
8
|
+
multiSelection: UseMultiSelectionReturn;
|
|
9
|
+
shouldUseCustomDragPreview: Ref<boolean>;
|
|
10
|
+
draggingAnimationMode: Ref<"auto" | "manual" | "disabled">;
|
|
11
|
+
getCustomPreviewEl: () => HTMLElement;
|
|
12
|
+
isDirectory: (item: KdsFileExplorerItem) => boolean;
|
|
13
|
+
};
|
|
14
|
+
export declare const EMPTY_DRAG_IMAGE: HTMLImageElement | null;
|
|
15
|
+
export declare const useItemDragging: (options: UseItemDraggingOptions) => {
|
|
16
|
+
isDragging: Ref<boolean, boolean>;
|
|
17
|
+
onDragStart: (event: DragEvent, index: number) => void;
|
|
18
|
+
onDragEnter: (event: DragEvent, index: number, isGoBackItem?: boolean) => void;
|
|
19
|
+
onDragOver: (event: DragEvent) => void;
|
|
20
|
+
onDrag: (event: DragEvent, item: KdsFileExplorerItem) => {
|
|
21
|
+
event: DragEvent;
|
|
22
|
+
item: KdsFileExplorerItem;
|
|
23
|
+
};
|
|
24
|
+
onDragLeave: (event: DragEvent, index: number, isGoBackItem?: boolean) => void;
|
|
25
|
+
onDrop: (event: DragEvent, index: number, isGoBackItem?: boolean) => {
|
|
26
|
+
sourceItems: Array<string>;
|
|
27
|
+
targetItem: string;
|
|
28
|
+
onComplete: (isSuccess: boolean) => void;
|
|
29
|
+
} | null;
|
|
30
|
+
onDragEnd: (event: DragEvent, item: KdsFileExplorerItem) => {
|
|
31
|
+
event: DragEvent;
|
|
32
|
+
sourceItem: KdsFileExplorerItem;
|
|
33
|
+
onComplete: (isSuccess: boolean) => void;
|
|
34
|
+
} | null;
|
|
35
|
+
};
|
|
36
|
+
export {};
|
|
37
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/containers/FileExplorer/useItemDragging/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAoC,MAAM,KAAK,CAAC;AAEjE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AACnF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAGpD,KAAK,sBAAsB,GAAG;IAC5B,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC;IACvC,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,WAAW,GAAG,IAAI,CAAC;IACtD,QAAQ,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAClC,cAAc,EAAE,uBAAuB,CAAC;IACxC,0BAA0B,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACzC,qBAAqB,EAAE,GAAG,CAAC,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC,CAAC;IAC3D,kBAAkB,EAAE,MAAM,WAAW,CAAC;IACtC,WAAW,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,OAAO,CAAC;CACrD,CAAC;AAyCF,eAAO,MAAM,gBAAgB,yBAQzB,CAAC;AAEL,eAAO,MAAM,eAAe,GAAI,SAAS,sBAAsB;;yBAkCjC,SAAS,SAAS,MAAM;yBA+D3C,SAAS,SACT,MAAM;wBAiBY,SAAS;oBAO3B,SAAS,QACV,mBAAmB,KACxB;QAAE,KAAK,EAAE,SAAS,CAAC;QAAC,IAAI,EAAE,mBAAmB,CAAA;KAAE;yBAsBzC,SAAS,SACT,MAAM;oBAqBN,SAAS,SACT,MAAM;qBAPA,KAAK,CAAC,MAAM,CAAC;oBACd,MAAM;oBACN,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI;;uBAuDjC,SAAS,QACV,mBAAmB;eAPlB,SAAS;oBACJ,mBAAmB;oBACnB,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI;;CAiD3C,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/containers/FileExplorer/useKeyPressedUntilMouseClick/index.ts"],"names":[],"mappings":"AAoBA,eAAO,MAAM,4BAA4B,GACvC,OAAM,KAAK,CAAC,MAAM,CAAe,wCAgClC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/containers/FileExplorer/useNameValidator/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Ref } from 'vue';
|
|
2
|
+
type UseNameValidatorOptions = {
|
|
3
|
+
name: Ref<string>;
|
|
4
|
+
blacklistedNames: Ref<Array<string>>;
|
|
5
|
+
unavailableNameMessage?: string;
|
|
6
|
+
};
|
|
7
|
+
export declare const useNameValidator: (options: UseNameValidatorOptions) => {
|
|
8
|
+
isValid: import('vue').ComputedRef<boolean>;
|
|
9
|
+
errorMessage: import('vue').ComputedRef<string>;
|
|
10
|
+
cleanedName: import('vue').ComputedRef<string>;
|
|
11
|
+
};
|
|
12
|
+
export {};
|
|
13
|
+
//# sourceMappingURL=useNameValidator.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useNameValidator.d.ts","sourceRoot":"","sources":["../../../../../src/containers/FileExplorer/useNameValidator/useNameValidator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAY,MAAM,KAAK,CAAC;AAQzC,KAAK,uBAAuB,GAAG;IAC7B,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAClB,gBAAgB,EAAE,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IACrC,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,SAAS,uBAAuB;;;;CA+ChE,CAAC"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
type CreateDragGhostsParams = {
|
|
2
|
+
/**
|
|
3
|
+
* The DragStart event that originated the drag
|
|
4
|
+
*/
|
|
5
|
+
dragStartEvent: DragEvent;
|
|
6
|
+
/**
|
|
7
|
+
* Whether to display a badge with a count next to the ghost
|
|
8
|
+
*/
|
|
9
|
+
badgeCount: number | null;
|
|
10
|
+
/**
|
|
11
|
+
* targets that are selected and for whom ghosts will be created
|
|
12
|
+
*/
|
|
13
|
+
selectedTargets: Array<{
|
|
14
|
+
/**
|
|
15
|
+
* Text content to display in each ghost
|
|
16
|
+
*/
|
|
17
|
+
textContent: string;
|
|
18
|
+
/**
|
|
19
|
+
* Element itself
|
|
20
|
+
*/
|
|
21
|
+
targetEl: HTMLElement;
|
|
22
|
+
}>;
|
|
23
|
+
};
|
|
24
|
+
type CreateDragGhostsReturnType = {
|
|
25
|
+
/**
|
|
26
|
+
* The added ghosts
|
|
27
|
+
*/
|
|
28
|
+
ghosts: Array<HTMLElement>;
|
|
29
|
+
/**
|
|
30
|
+
* A function to remove the ghost when needed. It receives a
|
|
31
|
+
* parameter to determine whether to animate the removal of the ghosts (true by default)
|
|
32
|
+
*/
|
|
33
|
+
removeGhosts: (animateOut?: boolean) => void;
|
|
34
|
+
/**
|
|
35
|
+
* A function to replace the ghost element when needed.
|
|
36
|
+
*/
|
|
37
|
+
replaceGhostPreview: (params: {
|
|
38
|
+
shouldUseCustomPreview: boolean;
|
|
39
|
+
ghostPreviewEl: HTMLElement;
|
|
40
|
+
opts?: {
|
|
41
|
+
leftOffset?: number;
|
|
42
|
+
topOffset?: number;
|
|
43
|
+
};
|
|
44
|
+
}) => void;
|
|
45
|
+
};
|
|
46
|
+
/**
|
|
47
|
+
* Creates the drag ghosts for the FileExplorer drag operations
|
|
48
|
+
*/
|
|
49
|
+
export declare const createDragGhosts: ({ badgeCount, selectedTargets, }: CreateDragGhostsParams) => CreateDragGhostsReturnType;
|
|
50
|
+
export {};
|
|
51
|
+
//# sourceMappingURL=dragGhostHelpers.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dragGhostHelpers.d.ts","sourceRoot":"","sources":["../../../../../src/containers/FileExplorer/utils/dragGhostHelpers.ts"],"names":[],"mappings":"AAmPA,KAAK,sBAAsB,GAAG;IAC5B;;OAEG;IACH,cAAc,EAAE,SAAS,CAAC;IAC1B;;OAEG;IACH,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B;;OAEG;IACH,eAAe,EAAE,KAAK,CAAC;QACrB;;WAEG;QACH,WAAW,EAAE,MAAM,CAAC;QACpB;;WAEG;QACH,QAAQ,EAAE,WAAW,CAAC;KACvB,CAAC,CAAC;CACJ,CAAC;AAEF,KAAK,0BAA0B,GAAG;IAChC;;OAEG;IACH,MAAM,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IAC3B;;;OAGG;IACH,YAAY,EAAE,CAAC,UAAU,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C;;OAEG;IACH,mBAAmB,EAAE,CAAC,MAAM,EAAE;QAC5B,sBAAsB,EAAE,OAAO,CAAC;QAChC,cAAc,EAAE,WAAW,CAAC;QAC5B,IAAI,CAAC,EAAE;YAAE,UAAU,CAAC,EAAE,MAAM,CAAC;YAAC,SAAS,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;KACpD,KAAK,IAAI,CAAC;CACZ,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAAI,kCAG9B,sBAAsB,KAAG,0BAsJ3B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"filterSlotsForDynamicColumns.d.ts","sourceRoot":"","sources":["../../../../../src/containers/FileExplorer/utils/filterSlotsForDynamicColumns.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,CAAC;AAEjC,eAAO,MAAM,4BAA4B,GACvC,OAAO,KAAK,KACX,MAAM,CAAC,MAAM,EAAE,OAAO,CAQxB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"popoverAnchorElement.d.ts","sourceRoot":"","sources":["../../../../../src/containers/FileExplorer/utils/popoverAnchorElement.ts"],"names":[],"mappings":"AA2BA,eAAO,MAAM,aAAa;kBApBnB,GAAG,MAAM,IAAI,GAAG,GAAG,MAAM,GAAG,QAC3B,GAAG,MAAM,IAAI,GAAG,GAAG,MAAM,GAAG,eACrB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;;CAqBpC,CAAC"}
|
|
@@ -4,6 +4,8 @@ export * from './Menu';
|
|
|
4
4
|
export type * from './Menu';
|
|
5
5
|
export * from './ContextMenu';
|
|
6
6
|
export type * from './ContextMenu';
|
|
7
|
+
export * from './FileExplorer';
|
|
8
|
+
export type * from './FileExplorer';
|
|
7
9
|
export * from './PreviewList';
|
|
8
10
|
export type * from './PreviewList';
|
|
9
11
|
export type { KdsMenuActionItem, KdsMenuItem, KdsMenuLinkItem, KdsMenuSectionHeadlineItem, } from './MenuContainer/types';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/containers/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,mBAAmB,iBAAiB,CAAC;AAErC,cAAc,QAAQ,CAAC;AACvB,mBAAmB,QAAQ,CAAC;AAE5B,cAAc,eAAe,CAAC;AAC9B,mBAAmB,eAAe,CAAC;AAEnC,cAAc,eAAe,CAAC;AAC9B,mBAAmB,eAAe,CAAC;AAEnC,YAAY,EACV,iBAAiB,EACjB,WAAW,EACX,eAAe,EACf,0BAA0B,GAC3B,MAAM,uBAAuB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/containers/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,mBAAmB,iBAAiB,CAAC;AAErC,cAAc,QAAQ,CAAC;AACvB,mBAAmB,QAAQ,CAAC;AAE5B,cAAc,eAAe,CAAC;AAC9B,mBAAmB,eAAe,CAAC;AAEnC,cAAc,gBAAgB,CAAC;AAC/B,mBAAmB,gBAAgB,CAAC;AAEpC,cAAc,eAAe,CAAC;AAC9B,mBAAmB,eAAe,CAAC;AAEnC,YAAY,EACV,iBAAiB,EACjB,WAAW,EACX,eAAe,EACf,0BAA0B,GAC3B,MAAM,uBAAuB,CAAC"}
|
|
@@ -3,5 +3,5 @@ export declare const kdsDatePickerView: {
|
|
|
3
3
|
readonly MONTH: "month";
|
|
4
4
|
readonly YEAR: "year";
|
|
5
5
|
};
|
|
6
|
-
export declare const kdsDatePickerViews: ("
|
|
6
|
+
export declare const kdsDatePickerViews: ("year" | "month" | "day")[];
|
|
7
7
|
//# sourceMappingURL=enums.d.ts.map
|
package/dist/src/index.d.ts
CHANGED
|
@@ -12,6 +12,8 @@ export * from './overlays';
|
|
|
12
12
|
export type * from './overlays';
|
|
13
13
|
export * from './patterns';
|
|
14
14
|
export type * from './patterns';
|
|
15
|
+
export * from './richText';
|
|
16
|
+
export type * from './richText';
|
|
15
17
|
export * from './util';
|
|
16
18
|
export type * from './util';
|
|
17
19
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/src/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,cAAc,eAAe,CAAC;AAC9B,mBAAmB,eAAe,CAAC;AAGnC,cAAc,WAAW,CAAC;AAC1B,mBAAmB,WAAW,CAAC;AAG/B,cAAc,cAAc,CAAC;AAC7B,mBAAmB,cAAc,CAAC;AAGlC,cAAc,SAAS,CAAC;AACxB,mBAAmB,SAAS,CAAC;AAG7B,cAAc,WAAW,CAAC;AAC1B,mBAAmB,WAAW,CAAC;AAG/B,cAAc,YAAY,CAAC;AAC3B,mBAAmB,YAAY,CAAC;AAGhC,cAAc,YAAY,CAAC;AAC3B,mBAAmB,YAAY,CAAC;AAGhC,cAAc,QAAQ,CAAC;AACvB,mBAAmB,QAAQ,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,cAAc,eAAe,CAAC;AAC9B,mBAAmB,eAAe,CAAC;AAGnC,cAAc,WAAW,CAAC;AAC1B,mBAAmB,WAAW,CAAC;AAG/B,cAAc,cAAc,CAAC;AAC7B,mBAAmB,cAAc,CAAC;AAGlC,cAAc,SAAS,CAAC;AACxB,mBAAmB,SAAS,CAAC;AAG7B,cAAc,WAAW,CAAC;AAC1B,mBAAmB,WAAW,CAAC;AAG/B,cAAc,YAAY,CAAC;AAC3B,mBAAmB,YAAY,CAAC;AAGhC,cAAc,YAAY,CAAC;AAC3B,mBAAmB,YAAY,CAAC;AAGhC,cAAc,YAAY,CAAC;AAC3B,mBAAmB,YAAY,CAAC;AAGhC,cAAc,QAAQ,CAAC;AACvB,mBAAmB,QAAQ,CAAC"}
|
|
@@ -4,7 +4,7 @@ declare function __VLS_template(): {
|
|
|
4
4
|
slots: {
|
|
5
5
|
default?(_: {
|
|
6
6
|
headline: string;
|
|
7
|
-
leadingIcon: "filter" | "link" | "menu" | "time" | "stop" | "text" | "key" | "add-user" | "ai-general" | "annotation-mode" | "arrow-down" | "arrow-up" | "arrows-expand" | "arrows-move" | "arrows-order" | "auto-configure" | "back" | "bold" | "calendar" | "case-sensitive" | "cell-renderer" | "center-aligned" | "checkmark" | "chevron-down" | "chevron-left-double" | "chevron-left" | "chevron-right-double" | "chevron-right" | "chevron-up" | "circle-error" | "circle-info" | "circle-question" | "circle-success" | "circle-unchecked" | "cloud-download" | "cloud-knime" | "cloud-pending-changes" | "cloud-synced" | "cloud-upload" | "cloud-workflow" | "code-block" | "collection" | "color-picker" | "column-width" | "comment" | "component" | "connection" | "copy" | "cursor" | "data-app" | "data-value-view" | "date-time" | "db-browse" | "db-database" | "db-fetch" | "db-schema" | "db-table-view" | "db-table" | "deploy" | "detect" | "divider" | "duration" | "edit" | "education" | "error-panel" | "execute-all" | "execute" | "expand-panel" | "extension-community" | "extension" | "external-link" | "eye" | "file-export" | "file-text" | "file" | "flow-variable-default" | "flow-variable-in-out" | "flow-variable-in" | "flow-variable-out" | "folder-plus" | "folder-search" | "folder-workflow" | "folder" | "forum" | "function-catalog" | "hide-eye" | "home" | "import" | "info" | "interval" | "italic" | "layout-editor" | "left-aligned" | "like" | "limit" | "linked-metanode" | "list-bulletpoint" | "list-number" | "list-thumbs" | "list" | "local-filesystem" | "lock" | "metanode" | "mini-map" | "minimize-dialog" | "minimize-side-panel" | "minus" | "more-actions" | "node-stack" | "nodes-align-horiz" | "nodes-align-vert" | "open-in-new-window" | "pan-mode" | "parameter" | "path-separator" | "pending-changes" | "pin" | "placeholder" | "plus" | "python" | "quote" | "re-execution" | "redo" | "regex" | "reload" | "rename" | "replace" | "reset-all" | "resume-execution" | "right-aligned" | "rocket" | "save-as" | "save" | "schedule" | "search" | "secret-store" | "selected-cancel" | "selected-execution" | "selected-reset" | "send" | "server-rack-workflow" | "service" | "settings" | "share" | "shortcuts" | "sort-ascending" | "sort-descending" | "space-local" | "space-private" | "space" | "stepwise-execution" | "strikethrough" | "table-statistics" | "tag" | "team" | "template-gallery" | "textstyles" | "thumbs-down" | "thumbs-up" | "to-bottom" | "to-top" | "trash" | "trigger" | "underline" | "undo" | "unlink" | "usage" | "user" | "version" | "view-cards" | "warning" | "workflow" | "x-close" | undefined;
|
|
7
|
+
leadingIcon: "filter" | "link" | "menu" | "time" | "stop" | "text" | "key" | "add-user" | "ai-general" | "annotation-mode" | "arrow-down" | "arrow-up" | "arrows-expand" | "arrows-move" | "arrows-order" | "auto-configure" | "back" | "bold" | "calendar" | "case-sensitive" | "cell-renderer" | "center-aligned" | "checkmark" | "chevron-down" | "chevron-left-double" | "chevron-left" | "chevron-right-double" | "chevron-right" | "chevron-up" | "circle-error" | "circle-info" | "circle-question" | "circle-success" | "circle-unchecked" | "cloud-download" | "cloud-knime" | "cloud-pending-changes" | "cloud-synced" | "cloud-upload" | "cloud-workflow" | "code-block" | "collection" | "color-picker" | "column-width" | "comment" | "component" | "connection" | "copy" | "cursor" | "data-app" | "data-value-view" | "date-time" | "db-browse" | "db-database" | "db-fetch" | "db-schema" | "db-table-view" | "db-table" | "deploy" | "detect" | "divider" | "duplicate" | "duration" | "edit" | "education" | "error-panel" | "execute-all" | "execute" | "expand-panel" | "extension-community" | "extension" | "external-link" | "eye" | "file-export" | "file-text" | "file" | "flow-variable-default" | "flow-variable-in-out" | "flow-variable-in" | "flow-variable-out" | "folder-move" | "folder-plus" | "folder-search" | "folder-workflow" | "folder" | "forum" | "function-catalog" | "hide-eye" | "home" | "import" | "info" | "interval" | "italic" | "layout-editor" | "left-aligned" | "like" | "limit" | "linked-component" | "linked-metanode" | "list-bulletpoint" | "list-number" | "list-thumbs" | "list" | "local-filesystem" | "lock" | "metanode" | "mini-map" | "minimize-dialog" | "minimize-side-panel" | "minus" | "more-actions" | "node-stack" | "nodes-align-horiz" | "nodes-align-vert" | "open-in-new-window" | "pan-mode" | "parameter" | "path-separator" | "pending-changes" | "pin" | "placeholder" | "plus" | "python" | "quote" | "re-execution" | "redo" | "regex" | "reload" | "rename" | "replace" | "reset-all" | "resume-execution" | "right-aligned" | "rocket" | "save-as" | "save" | "schedule" | "search" | "secret-store" | "selected-cancel" | "selected-execution" | "selected-reset" | "send" | "server-rack-workflow" | "service" | "settings" | "share" | "shortcuts" | "sort-ascending" | "sort-descending" | "space-local" | "space-private" | "space" | "stepwise-execution" | "strikethrough" | "table-statistics" | "tag" | "team" | "template-gallery" | "textstyles" | "thumbs-down" | "thumbs-up" | "to-bottom" | "to-top" | "trash" | "trigger" | "underline" | "undo" | "unlink" | "usage" | "user" | "version" | "view-cards" | "warning" | "workflow" | "x-close" | undefined;
|
|
8
8
|
variant: import('./types').KdsModalVariant;
|
|
9
9
|
overflow: "auto" | "hidden" | "visible";
|
|
10
10
|
onClose: (event?: Event) => void;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
type Props = {
|
|
2
|
+
text: string;
|
|
3
|
+
renderAsHtml?: boolean;
|
|
4
|
+
};
|
|
5
|
+
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
6
|
+
export default _default;
|
|
7
|
+
//# sourceMappingURL=KdsDescription.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"KdsDescription.vue.d.ts","sourceRoot":"","sources":["../../../../src/richText/Description/KdsDescription.vue"],"names":[],"mappings":"AA4MA,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;;AA6DF,wBAMG"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/richText/Description/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/richText/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,mBAAmB,eAAe,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@knime/kds-components",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.29.0",
|
|
4
4
|
"description": "Package containing basic Vue components of the KNIME Design System",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -27,7 +27,8 @@
|
|
|
27
27
|
}
|
|
28
28
|
},
|
|
29
29
|
"files": [
|
|
30
|
-
"dist"
|
|
30
|
+
"dist",
|
|
31
|
+
"CHANGELOG.md"
|
|
31
32
|
],
|
|
32
33
|
"peerDependencies": {
|
|
33
34
|
"@vueuse/core": "~13.8.0",
|
|
@@ -35,10 +36,13 @@
|
|
|
35
36
|
},
|
|
36
37
|
"dependencies": {
|
|
37
38
|
"@knime/utils": "^1.11.0",
|
|
39
|
+
"@knime/vue-headless-virtual-scroller": "^0.1.3",
|
|
38
40
|
"consola": "^3.4.2",
|
|
41
|
+
"es-toolkit": "^1.46.1",
|
|
42
|
+
"motion": "^12.39.0",
|
|
39
43
|
"pretty-bytes": "^7.1.0",
|
|
40
44
|
"temporal-polyfill": "^0.3.2",
|
|
41
|
-
"@knime/kds-styles": "^0.
|
|
45
|
+
"@knime/kds-styles": "^0.29.0"
|
|
42
46
|
},
|
|
43
47
|
"devDependencies": {
|
|
44
48
|
"@storybook/vue3-vite": "^10.3.6",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"copy-DAYm6-mo.js","sources":["../../styles/dist/img/icons/copy.svg"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n xmlns: \"http://www.w3.org/2000/svg\",\n fill: \"none\",\n stroke: \"currentColor\",\n \"stroke-linecap\": \"round\",\n \"stroke-linejoin\": \"round\",\n viewBox: \"0 0 12 12\"\n}\n\nexport function render(_ctx, _cache) {\n return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [...(_cache[0] || (_cache[0] = [\n _createElementVNode(\"path\", {\n d: \"M7.125 3.75V2.5a1 1 0 0 0-1-1H2.5a1 1 0 0 0-1 1v4.75a1 1 0 0 0 1 1h2.375m1 2.25H9.5a1 1 0 0 0 1-1V4.75a1 1 0 0 0-1-1H5.875a1 1 0 0 0-1 1V9.5a1 1 0 0 0 1 1\",\n \"vector-effect\": \"non-scaling-stroke\"\n }, null, -1)\n ]))]))\n}\nexport default { render: render }"],"names":["_openBlock","_createElementBlock","_createElementVNode"],"mappings":";;AAEA,MAAM,UAAU,GAAG;AACnB,EAAE,KAAK,EAAE,4BAA4B;AACrC,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,MAAM,EAAE,cAAc;AACxB,EAAE,gBAAgB,EAAE,OAAO;AAC3B,EAAE,iBAAiB,EAAE,OAAO;AAC5B,EAAE,OAAO,EAAE;AACX;;AAEO,SAAS,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE;AACrC,EAAE,QAAQA,SAAU,EAAE,EAAEC,kBAAmB,CAAC,KAAK,EAAE,UAAU,EAAE,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG;AAC9F,IAAIC,kBAAmB,CAAC,MAAM,EAAE;AAChC,MAAM,CAAC,EAAE,4JAA4J;AACrK,MAAM,eAAe,EAAE;AACvB,KAAK,EAAE,IAAI,EAAE,EAAE;AACf,GAAG,CAAC,CAAC,CAAC,CAAC;AACP;AACA,aAAe,EAAE,MAAM,EAAE,MAAM;;;;"}
|