@knime/kds-components 0.28.10 → 0.29.0

package/dist/src/containers/FileExplorer/KdsFileExplorer.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KdsFileExplorer.vue.d.ts","sourceRoot":"","sources":["../../../../src/containers/FileExplorer/KdsFileExplorer.vue"],"names":[],"mappings":"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"}

package/dist/src/containers/FileExplorer/enums.d.ts

@@ -0,0 +1,12 @@
+export declare const kdsFileExplorerSize: {
+    readonly SMALL: "small";
+    readonly LARGE: "large";
+};
+export declare const kdsFileExplorerSizes: ("small" | "large")[];
+export declare const kdsFileExplorerDraggingAnimationMode: {
+    readonly AUTO: "auto";
+    readonly MANUAL: "manual";
+    readonly DISABLED: "disabled";
+};
+export declare const kdsFileExplorerDraggingAnimationModes: ("disabled" | "auto" | "manual")[];
+//# sourceMappingURL=enums.d.ts.map

package/dist/src/containers/FileExplorer/enums.d.ts.map

@@ -0,0 +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"}

package/dist/src/containers/FileExplorer/index.d.ts

@@ -0,0 +1,4 @@
+export { default as KdsFileExplorer } from './KdsFileExplorer.vue';
+export type * from './types';
+export { kdsFileExplorerSize, kdsFileExplorerSizes, kdsFileExplorerDraggingAnimationMode, kdsFileExplorerDraggingAnimationModes, } from './enums';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/containers/FileExplorer/index.d.ts.map

@@ -0,0 +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"}

package/dist/src/containers/FileExplorer/multiSelection/index.d.ts

@@ -0,0 +1,3 @@
+export * from './useMultiSelection';
+export * from './useFocusableMultiSelection';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/containers/FileExplorer/multiSelection/index.d.ts.map

@@ -0,0 +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"}

package/dist/src/containers/FileExplorer/multiSelection/multiSelectionStateService.d.ts

@@ -0,0 +1,67 @@
+export type SelectionRange = {
+    from: number;
+    to: number;
+};
+export type MultiSelectionState = {
+    anchorHistory: Array<number>;
+    anchorExceptions: Array<number>;
+    selectionRanges: Array<SelectionRange>;
+};
+/**
+ * Initialize the state of the multi selection service
+ */
+export declare const getInitialState: () => MultiSelectionState;
+/**
+ * Determines whether there is any active selection in the provided state
+ */
+export declare const isMultipleSelectionActive: (state: MultiSelectionState, initialElement: number) => boolean;
+/**
+ * Determines whether the provided item is selected considering the given selection state
+ * by trying to find it inside the selection ranges, bounded by the from and to properties
+ */
+export declare const isItemSelected: (state: MultiSelectionState, item: number) => boolean;
+/**
+ * Executes the Ctrl+Click logic. Will set (or unset) the clicked item into the selection state
+ * updating it accordingly.
+ *
+ * e.g: New items will be added, existing items will be removed
+ */
+export declare const ctrlClick: (state: MultiSelectionState, clickedItem: number) => MultiSelectionState;
+/**
+ * Executes the Shift+Click logic. Will set (or unset) the clicked item into the selection state
+ * updating it accordingly and also updating any possible selection ranges.
+ */
+export declare const shiftClick: (state: MultiSelectionState, clickedItem: number) => MultiSelectionState;
+/**
+ * Executes the "Click" logic. Will reset any selection state, since click alone would unselect
+ */
+export declare const click: (clickedItem: number) => MultiSelectionState;
+/**
+ * Normalizes a multiselection state into an array of selection ranges that:
+ * - **Excludes anchor exceptions**.
+ *    - Example:
+ *      Given a state with ranges: [(1-5), (7-10)], and anchorExceptions: [2, 8]
+ *      The output for this example should be these ranges: [(1-1), (3-5), (7-7), (9-10)]. Since they do not
+ *      include items 2 and 8.
+ *
+ * - **Has no overlapping ranges**.
+ *    - Example:
+ *      Given two ranges: (4-7) and (1-6), the latter would be "overlapping" (the left side) of the first one.
+ *      The correct output range for this example should be just the range (1-7)
+ *
+ * - **Has no subranges**.
+ *    - Example:
+ *      Given two ranges: (1-6) and (2-4), the latter would be "included" in the first one.
+ *      The correct output range for this example should be just the range (1-6)
+ */
+export declare const normalizeRanges: (state: MultiSelectionState) => Array<SelectionRange>;
+/**
+ * Returns the selection size for the given state
+ */
+export declare const selectionSize: (state: MultiSelectionState) => number;
+/**
+ * Returns an array of all the indexes that are selected in the given state
+ * @returns selected indexes
+ */
+export declare const getSelectedIndexes: (state: MultiSelectionState) => Array<number>;
+//# sourceMappingURL=multiSelectionStateService.d.ts.map

package/dist/src/containers/FileExplorer/multiSelection/multiSelectionStateService.d.ts.map

@@ -0,0 +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"}

package/dist/src/containers/FileExplorer/multiSelection/useFocusableMultiSelection.d.ts

@@ -0,0 +1,19 @@
+import { Ref } from 'vue';
+import { UseMultiSelectionOptions, UseMultiSelectionReturn } from './useMultiSelection';
+type UseFocusableMultiSelectionOptions = UseMultiSelectionOptions & {
+    numberOfItems: Ref<number>;
+    startIndex: Ref<number>;
+    disabled?: boolean;
+    skippedIndices?: Ref<number[]>;
+};
+export type UseFocusableMultiSelectionReturn = {
+    resetSelection: (focusIndex?: number) => void;
+    handleKeyboardNavigation: (event: KeyboardEvent | null) => void;
+    focusedIndex: Ref<number>;
+} & Omit<UseMultiSelectionReturn, "resetSelection">;
+/**
+ * Thin wrapper around multi selection service with added keyboard navigation and focus (index based) support.
+ */
+export declare const useFocusableMultiSelection: (options: UseFocusableMultiSelectionOptions) => UseFocusableMultiSelectionReturn;
+export {};
+//# sourceMappingURL=useFocusableMultiSelection.d.ts.map

package/dist/src/containers/FileExplorer/multiSelection/useFocusableMultiSelection.d.ts.map

@@ -0,0 +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"}

package/dist/src/containers/FileExplorer/multiSelection/useMultiSelection.d.ts

@@ -0,0 +1,16 @@
+import { ComputedRef, Ref } from 'vue';
+import * as multiSelectionService from "./multiSelectionStateService";
+export type UseMultiSelectionOptions = {
+    singleSelectionOnly: Ref<boolean>;
+};
+export type UseMultiSelectionReturn = {
+    multiSelectionState: Ref<multiSelectionService.MultiSelectionState>;
+    isSelected: (index: number) => boolean;
+    selectedIndexes: ComputedRef<Array<number>>;
+    isMultipleSelectionActive: (index: number) => boolean;
+    resetSelection: () => void;
+    handleSelectionClick: (index: number, event?: MouseEvent | null) => void;
+    ctrlClickItem: (index: number) => void;
+};
+export declare const useMultiSelection: (options: UseMultiSelectionOptions) => UseMultiSelectionReturn;
+//# sourceMappingURL=useMultiSelection.d.ts.map

package/dist/src/containers/FileExplorer/multiSelection/useMultiSelection.d.ts.map

@@ -0,0 +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"}

package/dist/src/containers/FileExplorer/types.d.ts

@@ -0,0 +1,86 @@
+import { MaybeElementRef } from '@vueuse/core';
+import { KdsIconName } from '../../accessories/Icon';
+import { KdsEmptyStateProps } from '../../layouts';
+import { KdsMenuItem } from '../MenuContainer';
+import { kdsFileExplorerDraggingAnimationMode, kdsFileExplorerSize } from './enums';
+export type KdsFileExplorerSize = (typeof kdsFileExplorerSize)[keyof typeof kdsFileExplorerSize];
+export type KdsFileExplorerDraggingAnimationMode = (typeof kdsFileExplorerDraggingAnimationMode)[keyof typeof kdsFileExplorerDraggingAnimationMode];
+export type KdsFileExplorerItem<T = Record<string, unknown>> = {
+    /** Unique identifier of the item */
+    id: string;
+    /** File icon, defaults to folder and file icons based on type */
+    icon?: KdsIconName;
+    /** Display name of the item */
+    name: string;
+    /** Whether the directory is currently open/expanded */
+    isOpen: boolean;
+    /** Whether the item represents a directory */
+    isDirectory: boolean;
+    /** Arbitrary metadata attached to the item */
+    meta?: T;
+    /** Whether the item is disabled (not selectable/interactive) */
+    disabled?: boolean;
+};
+export type KdsContextMenuBuilder = (ctx: {
+    anchor: KdsFileExplorerItem;
+    selectedItems: KdsFileExplorerItem[];
+}) => KdsMenuItem[];
+export type KdsFileExplorerProps = {
+    /** Size variant of the file explorer */
+    size?: KdsFileExplorerSize;
+    /** Full path of the currently displayed directory; used to detect path changes and reset selection, close menus, etc. */
+    fullPath?: string;
+    /** List of items to be rendered for the displayed directory */
+    items: Array<KdsFileExplorerItem>;
+    /** Determines whether the "back" item should be rendered or not */
+    isRootFolder?: boolean;
+    /** Disable multi-selection */
+    disableMultiSelect?: boolean;
+    /** Disables selection completely (regardless of `disableMultiSelect`) */
+    disableSelection?: boolean;
+    /** Disable dragging completely */
+    disableDragging?: boolean;
+    /**
+     * Controls the behavior of the custom drag ghosts as you move items around.
+     * `"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.
+     */
+    draggingAnimationMode?: KdsFileExplorerDraggingAnimationMode;
+    /** Refs to HTML elements which, when clicked, should not unset the current selection */
+    clickOutsideExceptions?: Array<MaybeElementRef | string>;
+    /** Selected item ids */
+    selectedItemIds?: string[];
+    /** Empty state configuration */
+    emptyState?: KdsEmptyStateProps;
+    /** Function to build the items rendered in the context menu */
+    contextMenuBuilder?: KdsContextMenuBuilder;
+    /** Size to restrict the context menu (CSS value, e.g. "200px"). */
+    maxContextMenuHeight?: `${string}px`;
+};
+export type KdsFileExplorerEmits = {
+    "update:selectedItemIds": [selectedItemIds: Array<string>];
+    changeDirectory: [pathId: string];
+    openFile: [item: KdsFileExplorerItem];
+    moveItems: [
+        payload: {
+            sourceItems: Array<string>;
+            targetItem: string;
+            onComplete: (isSuccessfulMove: boolean) => void;
+        }
+    ];
+    dragend: [
+        payload: {
+            event: DragEvent;
+            sourceItem: KdsFileExplorerItem;
+            onComplete: (isSuccessfulMove: boolean) => void;
+        }
+    ];
+    drag: [payload: {
+        event: DragEvent;
+        item: KdsFileExplorerItem;
+    }];
+    renameFile: [payload: {
+        itemId: string;
+        newName: string;
+    }];
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/src/containers/FileExplorer/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/containers/FileExplorer/types.ts"],"names":[],"mappings":"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"}

package/dist/src/containers/FileExplorer/useItemDragging/index.d.ts

@@ -0,0 +1,37 @@
+import { Ref } from 'vue';
+import { UseMultiSelectionReturn } from '../multiSelection/useMultiSelection';
+import { KdsFileExplorerItem } from '../types';
+type UseItemDraggingOptions = {
+    items: Ref<Array<KdsFileExplorerItem>>;
+    getItemElement: (index: number) => HTMLElement | null;
+    itemBack: Ref<HTMLElement | null>;
+    multiSelection: UseMultiSelectionReturn;
+    shouldUseCustomDragPreview: Ref<boolean>;
+    draggingAnimationMode: Ref<"auto" | "manual" | "disabled">;
+    getCustomPreviewEl: () => HTMLElement;
+    isDirectory: (item: KdsFileExplorerItem) => boolean;
+};
+export declare const EMPTY_DRAG_IMAGE: HTMLImageElement | null;
+export declare const useItemDragging: (options: UseItemDraggingOptions) => {
+    isDragging: Ref<boolean, boolean>;
+    onDragStart: (event: DragEvent, index: number) => void;
+    onDragEnter: (event: DragEvent, index: number, isGoBackItem?: boolean) => void;
+    onDragOver: (event: DragEvent) => void;
+    onDrag: (event: DragEvent, item: KdsFileExplorerItem) => {
+        event: DragEvent;
+        item: KdsFileExplorerItem;
+    };
+    onDragLeave: (event: DragEvent, index: number, isGoBackItem?: boolean) => void;
+    onDrop: (event: DragEvent, index: number, isGoBackItem?: boolean) => {
+        sourceItems: Array<string>;
+        targetItem: string;
+        onComplete: (isSuccess: boolean) => void;
+    } | null;
+    onDragEnd: (event: DragEvent, item: KdsFileExplorerItem) => {
+        event: DragEvent;
+        sourceItem: KdsFileExplorerItem;
+        onComplete: (isSuccess: boolean) => void;
+    } | null;
+};
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/src/containers/FileExplorer/useItemDragging/index.d.ts.map

@@ -0,0 +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"}

package/dist/src/containers/FileExplorer/useKeyPressedUntilMouseClick/index.d.ts

@@ -0,0 +1,2 @@
+export declare const useKeyPressedUntilMouseClick: (keys?: Array<string>) => import('vue').Ref<boolean, boolean>;
+//# sourceMappingURL=index.d.ts.map

package/dist/src/containers/FileExplorer/useKeyPressedUntilMouseClick/index.d.ts.map

@@ -0,0 +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"}

package/dist/src/containers/FileExplorer/useNameValidator/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useNameValidator';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/containers/FileExplorer/useNameValidator/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/containers/FileExplorer/useNameValidator/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/dist/src/containers/FileExplorer/useNameValidator/useNameValidator.d.ts

@@ -0,0 +1,13 @@
+import { Ref } from 'vue';
+type UseNameValidatorOptions = {
+    name: Ref<string>;
+    blacklistedNames: Ref<Array<string>>;
+    unavailableNameMessage?: string;
+};
+export declare const useNameValidator: (options: UseNameValidatorOptions) => {
+    isValid: import('vue').ComputedRef<boolean>;
+    errorMessage: import('vue').ComputedRef<string>;
+    cleanedName: import('vue').ComputedRef<string>;
+};
+export {};
+//# sourceMappingURL=useNameValidator.d.ts.map

package/dist/src/containers/FileExplorer/useNameValidator/useNameValidator.d.ts.map

@@ -0,0 +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"}

package/dist/src/containers/FileExplorer/utils/dragGhostHelpers.d.ts

@@ -0,0 +1,51 @@
+type CreateDragGhostsParams = {
+    /**
+     * The DragStart event that originated the drag
+     */
+    dragStartEvent: DragEvent;
+    /**
+     * Whether to display a badge with a count next to the ghost
+     */
+    badgeCount: number | null;
+    /**
+     * targets that are selected and for whom ghosts will be created
+     */
+    selectedTargets: Array<{
+        /**
+         * Text content to display in each ghost
+         */
+        textContent: string;
+        /**
+         * Element itself
+         */
+        targetEl: HTMLElement;
+    }>;
+};
+type CreateDragGhostsReturnType = {
+    /**
+     * The added ghosts
+     */
+    ghosts: Array<HTMLElement>;
+    /**
+     * A function to remove the ghost when needed. It receives a
+     * parameter to determine whether to animate the removal of the ghosts (true by default)
+     */
+    removeGhosts: (animateOut?: boolean) => void;
+    /**
+     * A function to replace the ghost element when needed.
+     */
+    replaceGhostPreview: (params: {
+        shouldUseCustomPreview: boolean;
+        ghostPreviewEl: HTMLElement;
+        opts?: {
+            leftOffset?: number;
+            topOffset?: number;
+        };
+    }) => void;
+};
+/**
+ * Creates the drag ghosts for the FileExplorer drag operations
+ */
+export declare const createDragGhosts: ({ badgeCount, selectedTargets, }: CreateDragGhostsParams) => CreateDragGhostsReturnType;
+export {};
+//# sourceMappingURL=dragGhostHelpers.d.ts.map

package/dist/src/containers/FileExplorer/utils/dragGhostHelpers.d.ts.map

@@ -0,0 +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"}

package/dist/src/containers/FileExplorer/utils/filterSlotsForDynamicColumns.d.ts

@@ -0,0 +1,3 @@
+import { Slots } from 'vue';
+export declare const filterSlotsForDynamicColumns: (slots: Slots) => Record<string, unknown>;
+//# sourceMappingURL=filterSlotsForDynamicColumns.d.ts.map

package/dist/src/containers/FileExplorer/utils/filterSlotsForDynamicColumns.d.ts.map

@@ -0,0 +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"}

package/dist/src/containers/FileExplorer/utils/popoverAnchorElement.d.ts

@@ -0,0 +1,5 @@
+export declare const popoverAnchor: {
+    create: (top: `${string}px` | `${string}%`, left: `${string}px` | `${string}%`, anchorStyle: Record<string, string>) => HTMLDivElement;
+    remove: () => void;
+};
+//# sourceMappingURL=popoverAnchorElement.d.ts.map

package/dist/src/containers/FileExplorer/utils/popoverAnchorElement.d.ts.map

@@ -0,0 +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"}

package/dist/src/containers/index.d.ts

@@ -4,6 +4,8 @@ export * from './Menu';
 export type * from './Menu';
 export * from './ContextMenu';
 export type * from './ContextMenu';
+export * from './FileExplorer';
+export type * from './FileExplorer';
 export * from './PreviewList';
 export type * from './PreviewList';
 export type { KdsMenuActionItem, KdsMenuItem, KdsMenuLinkItem, KdsMenuSectionHeadlineItem, } from './MenuContainer/types';

package/dist/src/containers/index.d.ts.map

@@ -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"}
+{"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"}

package/dist/src/forms/inputs/DateInput/enums.d.ts

@@ -3,5 +3,5 @@ export declare const kdsDatePickerView: {
     readonly MONTH: "month";
     readonly YEAR: "year";
 };
-export declare const kdsDatePickerViews: ("month" | "year" | "day")[];
+export declare const kdsDatePickerViews: ("year" | "month" | "day")[];
 //# sourceMappingURL=enums.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knime/kds-components",
-  "version": "0.28.10",
+  "version": "0.29.0",
   "description": "Package containing basic Vue components of the KNIME Design System",
   "repository": {
     "type": "git",
@@ -36,10 +36,13 @@
   },
   "dependencies": {
     "@knime/utils": "^1.11.0",
+    "@knime/vue-headless-virtual-scroller": "^0.1.3",
     "consola": "^3.4.2",
+    "es-toolkit": "^1.46.1",
+    "motion": "^12.39.0",
     "pretty-bytes": "^7.1.0",
     "temporal-polyfill": "^0.3.2",
-    "@knime/kds-styles": "^0.28.10"
+    "@knime/kds-styles": "^0.29.0"
   },
   "devDependencies": {
     "@storybook/vue3-vite": "^10.3.6",