@knime/kds-components 1.1.4 → 1.2.0

package/dist/src/layouts/Tree/BaseTree/BaseTree.vue.d.ts

@@ -0,0 +1,33 @@
+import { BaseTreeNode, EventParams, FocusEventParams, KeydownEvent, LoadDataFunc, NodeKey, RenderNodeFunc, SelectEventParams, TreeNodeOptions } from '../types';
+type Props = {
+    source?: TreeNodeOptions[];
+    defaultSelectedKey?: string | number;
+    defaultExpandedKeys?: NodeKey[];
+    selectable?: boolean;
+    virtual?: boolean;
+    idPrefix?: string;
+    loadData?: LoadDataFunc;
+    renderNode?: RenderNodeFunc;
+};
+declare const _default: import('vue').DefineComponent<Props, {
+    renderNode: RenderNodeFunc | undefined;
+    slots: {};
+    expandedKeys: Set<NodeKey> & Omit<Set<NodeKey>, keyof Set<any>>;
+    getExpandedKeys: () => NodeKey[];
+    getSelectedNode: () => BaseTreeNode;
+    toggleExpand: (nodeKey: NodeKey, state?: boolean) => void;
+    loadChildren: (nodeKey: NodeKey) => void;
+    clearChildren: (nodeKey: NodeKey) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    keydown: (value: KeydownEvent) => any;
+    selectChange: (value: SelectEventParams) => any;
+    expandChange: (value: EventParams) => any;
+    focusChange: (value: FocusEventParams) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onKeydown?: ((value: KeydownEvent) => any) | undefined;
+    onSelectChange?: ((value: SelectEventParams) => any) | undefined;
+    onExpandChange?: ((value: EventParams) => any) | undefined;
+    onFocusChange?: ((value: FocusEventParams) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=BaseTree.vue.d.ts.map

package/dist/src/layouts/Tree/BaseTree/BaseTree.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseTree.vue.d.ts","sourceRoot":"","sources":["../../../../../src/layouts/Tree/BaseTree/BaseTree.vue"],"names":[],"mappings":"AACA;AA4XA,OAAO,KAAK,EACV,YAAY,EACZ,WAAW,EACX,gBAAgB,EAEhB,YAAY,EACZ,YAAY,EACZ,OAAO,EACP,cAAc,EACd,iBAAiB,EACjB,eAAe,EAChB,MAAM,UAAU,CAAC;AAclB,KAAK,KAAK,GAAG;IACX,MAAM,CAAC,EAAE,eAAe,EAAE,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrC,mBAAmB,CAAC,EAAE,OAAO,EAAE,CAAC;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,UAAU,CAAC,EAAE,cAAc,CAAC;CAC7B,CAAC;;;;;;;4BAsRwB,OAAO,UAAU,OAAO;4BAMxB,OAAO;6BACN,OAAO;;;;;;;;;;;;AAkJlC,wBASG"}

package/dist/src/layouts/Tree/BaseTree/TreeNode.vue.d.ts

@@ -0,0 +1,17 @@
+import { BaseTreeNode, EventParams, NodeKey } from '../types';
+type Props = {
+    node: BaseTreeNode;
+    selectedKeys: Set<NodeKey>;
+    expandedKeys: Set<NodeKey>;
+    focusKey?: NodeKey;
+    idPrefix?: string;
+};
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    toggleExpand: (value: EventParams) => any;
+    selectChange: (value: BaseTreeNode) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onToggleExpand?: ((value: EventParams) => any) | undefined;
+    onSelectChange?: ((value: BaseTreeNode) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=TreeNode.vue.d.ts.map

package/dist/src/layouts/Tree/BaseTree/TreeNode.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeNode.vue.d.ts","sourceRoot":"","sources":["../../../../../src/layouts/Tree/BaseTree/TreeNode.vue"],"names":[],"mappings":"AACA;AAqIA,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAKnE,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,YAAY,CAAC;IACnB,YAAY,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IAC3B,YAAY,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;;;;;;;;AA6LF,wBAQG"}

package/dist/src/layouts/Tree/BaseTree/context.d.ts

@@ -0,0 +1,4 @@
+import { InjectionKey } from 'vue';
+import { TreeContext } from '../types';
+export declare const TreeInjectionKey: InjectionKey<TreeContext>;
+//# sourceMappingURL=context.d.ts.map

package/dist/src/layouts/Tree/BaseTree/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../../src/layouts/Tree/BaseTree/context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,KAAK,CAAC;AAExC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,eAAO,MAAM,gBAAgB,EAAE,YAAY,CAAC,WAAW,CAC3B,CAAC"}

package/dist/src/layouts/Tree/BaseTree/renderNode.d.ts

@@ -0,0 +1,35 @@
+import { PropType } from 'vue';
+import { BaseTreeNode, TreeContext } from '../types';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    titleClasses: {
+        type: StringConstructor;
+        default: string;
+    };
+    node: {
+        type: PropType<BaseTreeNode>;
+        required: true;
+    };
+    context: {
+        type: PropType<TreeContext>;
+        required: true;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    titleClasses: {
+        type: StringConstructor;
+        default: string;
+    };
+    node: {
+        type: PropType<BaseTreeNode>;
+        required: true;
+    };
+    context: {
+        type: PropType<TreeContext>;
+        required: true;
+    };
+}>> & Readonly<{}>, {
+    titleClasses: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=renderNode.d.ts.map

package/dist/src/layouts/Tree/BaseTree/renderNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderNode.d.ts","sourceRoot":"","sources":["../../../../../src/layouts/Tree/BaseTree/renderNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAA0C,MAAM,KAAK,CAAC;AAE5E,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;;;;;;;cAUpC,QAAQ,CAAC,YAAY,CAAC;;;;cAItB,QAAQ,CAAC,WAAW,CAAC;;;;;;;;;;;cAJrB,QAAQ,CAAC,YAAY,CAAC;;;;cAItB,QAAQ,CAAC,WAAW,CAAC;;;;;;AAZ3C,wBA4BG"}

package/dist/src/layouts/Tree/BaseTree/useTreeData.d.ts

@@ -0,0 +1,11 @@
+import { BaseTreeNode, KeyNodeMap, TreeNodeOptions } from '../types';
+declare function coerceTreeNodes(source: TreeNodeOptions[], parent?: BaseTreeNode): BaseTreeNode[];
+declare function getFlattenTreeData(tree: BaseTreeNode[]): BaseTreeNode[];
+declare function getKey2TreeNode(flattenTreeData: BaseTreeNode[]): KeyNodeMap;
+declare function useTreeData(source: TreeNodeOptions[]): {
+    treeData: BaseTreeNode[];
+    flattenTreeData: BaseTreeNode[];
+    key2TreeNode: KeyNodeMap;
+};
+export { useTreeData, coerceTreeNodes, getFlattenTreeData, getKey2TreeNode };
+//# sourceMappingURL=useTreeData.d.ts.map

package/dist/src/layouts/Tree/BaseTree/useTreeData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTreeData.d.ts","sourceRoot":"","sources":["../../../../../src/layouts/Tree/BaseTree/useTreeData.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,KAAK,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,UAAU,CAAC;AAE/E,iBAAS,eAAe,CACtB,MAAM,EAAE,eAAe,EAAE,EACzB,MAAM,CAAC,EAAE,YAAY,GACpB,YAAY,EAAE,CAkBhB;AAED,iBAAS,kBAAkB,CAAC,IAAI,EAAE,YAAY,EAAE,GAAG,YAAY,EAAE,CAUhE;AAED,iBAAS,eAAe,CAAC,eAAe,EAAE,YAAY,EAAE,cAMvD;AAED,iBAAS,WAAW,CAAC,MAAM,EAAE,eAAe,EAAE;;;;EAK7C;AAED,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,kBAAkB,EAAE,eAAe,EAAE,CAAC"}

package/dist/src/layouts/Tree/KdsTree.vue.d.ts

@@ -0,0 +1,159 @@
+import { BaseTreeNode, KdsTreeProps, KeydownEvent, NodeKey, SelectEventParams } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<string, (_: {
+        treeNode: BaseTreeNode;
+    }) => any>> & Partial<Record<string, (_: {
+        treeNode: BaseTreeNode;
+    }) => any>>;
+    refs: {
+        baseTree: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            source?: import('./types').TreeNodeOptions[];
+            defaultSelectedKey?: string | number;
+            defaultExpandedKeys?: NodeKey[];
+            selectable?: boolean;
+            virtual?: boolean;
+            idPrefix?: string;
+            loadData?: import('./types').LoadDataFunc;
+            renderNode?: import('./types').RenderNodeFunc;
+        }> & Readonly<{
+            onKeydown?: ((value: KeydownEvent) => any) | undefined;
+            onSelectChange?: ((value: SelectEventParams) => any) | undefined;
+            onExpandChange?: ((value: import('./types').EventParams) => any) | undefined;
+            onFocusChange?: ((value: import('./types').FocusEventParams) => any) | undefined;
+        }>, {
+            renderNode: import('./types').RenderNodeFunc | undefined;
+            slots: {};
+            expandedKeys: Set<NodeKey> & Omit<Set<NodeKey>, keyof Set<any>>;
+            getExpandedKeys: () => NodeKey[];
+            getSelectedNode: () => BaseTreeNode;
+            toggleExpand: (nodeKey: NodeKey, state?: boolean) => void;
+            loadChildren: (nodeKey: NodeKey) => void;
+            clearChildren: (nodeKey: NodeKey) => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            keydown: (value: KeydownEvent) => any;
+            selectChange: (value: SelectEventParams) => any;
+            expandChange: (value: import('./types').EventParams) => any;
+            focusChange: (value: import('./types').FocusEventParams) => any;
+        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            source?: import('./types').TreeNodeOptions[];
+            defaultSelectedKey?: string | number;
+            defaultExpandedKeys?: NodeKey[];
+            selectable?: boolean;
+            virtual?: boolean;
+            idPrefix?: string;
+            loadData?: import('./types').LoadDataFunc;
+            renderNode?: import('./types').RenderNodeFunc;
+        }> & Readonly<{
+            onKeydown?: ((value: KeydownEvent) => any) | undefined;
+            onSelectChange?: ((value: SelectEventParams) => any) | undefined;
+            onExpandChange?: ((value: import('./types').EventParams) => any) | undefined;
+            onFocusChange?: ((value: import('./types').FocusEventParams) => any) | undefined;
+        }>, {
+            renderNode: import('./types').RenderNodeFunc | undefined;
+            slots: {};
+            expandedKeys: Set<NodeKey> & Omit<Set<NodeKey>, keyof Set<any>>;
+            getExpandedKeys: () => NodeKey[];
+            getSelectedNode: () => BaseTreeNode;
+            toggleExpand: (nodeKey: NodeKey, state?: boolean) => void;
+            loadChildren: (nodeKey: NodeKey) => void;
+            clearChildren: (nodeKey: NodeKey) => void;
+        }, {}, {}, {}, {}> | null;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<KdsTreeProps, {
+    getExpandedKeys: () => NodeKey[] | undefined;
+    toggleExpand: (nodeKey: NodeKey, state
+    /**
+     * Thin wrapper around the tree library with added KNIME styles and UX.
+     */
+    ?: boolean) => void;
+    getSelectedTreeNode: () => BaseTreeNode | undefined;
+    loadChildren: (nodeKey: NodeKey) => void;
+    clearChildren: (nodeKey: NodeKey) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    keydown: (value: KeydownEvent) => any;
+    selectChange: (value: SelectEventParams) => any;
+    expandChange: (value: import('./types').EventParams) => any;
+}, string, import('vue').PublicProps, Readonly<KdsTreeProps> & Readonly<{
+    onKeydown?: ((value: KeydownEvent) => any) | undefined;
+    onSelectChange?: ((value: SelectEventParams) => any) | undefined;
+    onExpandChange?: ((value: import('./types').EventParams) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    baseTree: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        source?: import('./types').TreeNodeOptions[];
+        defaultSelectedKey?: string | number;
+        defaultExpandedKeys?: NodeKey[];
+        selectable?: boolean;
+        virtual?: boolean;
+        idPrefix?: string;
+        loadData?: import('./types').LoadDataFunc;
+        renderNode?: import('./types').RenderNodeFunc;
+    }> & Readonly<{
+        onKeydown?: ((value: KeydownEvent) => any) | undefined;
+        onSelectChange?: ((value: SelectEventParams) => any) | undefined;
+        onExpandChange?: ((value: import('./types').EventParams) => any) | undefined;
+        onFocusChange?: ((value: import('./types').FocusEventParams) => any) | undefined;
+    }>, {
+        renderNode: import('./types').RenderNodeFunc | undefined;
+        slots: {};
+        expandedKeys: Set<NodeKey> & Omit<Set<NodeKey>, keyof Set<any>>;
+        getExpandedKeys: () => NodeKey[];
+        getSelectedNode: () => BaseTreeNode;
+        toggleExpand: (nodeKey: NodeKey, state?: boolean) => void;
+        loadChildren: (nodeKey: NodeKey) => void;
+        clearChildren: (nodeKey: NodeKey) => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        keydown: (value: KeydownEvent) => any;
+        selectChange: (value: SelectEventParams) => any;
+        expandChange: (value: import('./types').EventParams) => any;
+        focusChange: (value: import('./types').FocusEventParams) => any;
+    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        source?: import('./types').TreeNodeOptions[];
+        defaultSelectedKey?: string | number;
+        defaultExpandedKeys?: NodeKey[];
+        selectable?: boolean;
+        virtual?: boolean;
+        idPrefix?: string;
+        loadData?: import('./types').LoadDataFunc;
+        renderNode?: import('./types').RenderNodeFunc;
+    }> & Readonly<{
+        onKeydown?: ((value: KeydownEvent) => any) | undefined;
+        onSelectChange?: ((value: SelectEventParams) => any) | undefined;
+        onExpandChange?: ((value: import('./types').EventParams) => any) | undefined;
+        onFocusChange?: ((value: import('./types').FocusEventParams) => any) | undefined;
+    }>, {
+        renderNode: import('./types').RenderNodeFunc | undefined;
+        slots: {};
+        expandedKeys: Set<NodeKey> & Omit<Set<NodeKey>, keyof Set<any>>;
+        getExpandedKeys: () => NodeKey[];
+        getSelectedNode: () => BaseTreeNode;
+        toggleExpand: (nodeKey: NodeKey, state?: boolean) => void;
+        loadChildren: (nodeKey: NodeKey) => void;
+        clearChildren: (nodeKey: NodeKey) => void;
+    }, {}, {}, {}, {}> | null;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=KdsTree.vue.d.ts.map

package/dist/src/layouts/Tree/KdsTree.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KdsTree.vue.d.ts","sourceRoot":"","sources":["../../../../src/layouts/Tree/KdsTree.vue"],"names":[],"mappings":"AAkUA,OAAO,KAAK,EACV,YAAY,EAGZ,YAAY,EACZ,YAAY,EACZ,OAAO,EACP,iBAAiB,EAClB,MAAM,SAAS,CAAC;AAkGjB,iBAAS,cAAc;WAkJT,OAAO,IAA6B;;;UAbqC,GAAG;;UACrB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiBvE;AAuBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;IApSrB;;OAEG;IACH,CAzKI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAodF,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/src/layouts/Tree/index.d.ts

@@ -0,0 +1,3 @@
+export { default as KdsTree } from './KdsTree.vue';
+export type * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/layouts/Tree/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/layouts/Tree/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAEnD,mBAAmB,SAAS,CAAC"}

package/dist/src/layouts/Tree/types.d.ts

@@ -0,0 +1,100 @@
+import { Slots, VNode } from 'vue';
+import { KdsDataTypeAccessory, KdsIconAccessory } from '../../containers/ListItem/ListItemAccessory/types';
+type TypeWithUndefined<T> = T | undefined;
+type TypeWithNull<T> = T | null;
+type KdsTreeAccessory = KdsIconAccessory | KdsDataTypeAccessory;
+declare class BaseTreeNode {
+    readonly key: NodeKey;
+    readonly name: string;
+    readonly level: number;
+    readonly accessory?: KdsTreeAccessory;
+    readonly customSlot?: string;
+    readonly disabled: boolean;
+    loading: boolean;
+    hasChildren: boolean;
+    children: BaseTreeNode[];
+    parentKey: TypeWithUndefined<NodeKey>;
+    parentKeys: NodeKey[];
+    origin: TreeNodeOptions;
+    constructor(options: TreeNodeOptions, parent?: BaseTreeNode);
+}
+type NodeKey = string | number;
+/** source tree data, requires name and key */
+type TreeNodeOptions = {
+    nodeKey: NodeKey;
+    name: string;
+    hasChildren?: boolean;
+    customSlot?: string;
+    accessory?: KdsTreeAccessory;
+    disabled?: boolean;
+    children?: TreeNodeOptions[];
+    [key: string]: unknown;
+};
+type TreeNodeInstance = {
+    rawNode: TreeNodeOptions;
+};
+type KeyNodeMap = Record<NodeKey, BaseTreeNode>;
+type EventParams = {
+    state: boolean;
+    node: BaseTreeNode;
+    source?: "api" | "click" | "key";
+};
+type SelectEventParams = {
+    preSelectedNode: TypeWithUndefined<BaseTreeNode>;
+    node: TypeWithUndefined<BaseTreeNode>;
+};
+type FocusEventParams = {
+    node: TypeWithNull<BaseTreeNode>;
+};
+type KeydownEvent = {
+    event: KeyboardEvent;
+    node: BaseTreeNode;
+};
+type RenderNodeFunc = (node: BaseTreeNode) => VNode;
+type LoadDataFunc = (node: BaseTreeNode, callback: (children: TreeNodeOptions[]) => void) => void;
+type TreeContext = Readonly<{
+    renderNode: TypeWithUndefined<RenderNodeFunc>;
+    slots: Slots;
+    expandedKeys: Set<NodeKey>;
+    getSelectedNode: () => TypeWithUndefined<BaseTreeNode>;
+    getExpandedKeys: () => NodeKey[];
+    toggleExpand: (nodeKey: NodeKey, state?: boolean) => void;
+    loadChildren: (nodeKey: NodeKey) => void;
+    clearChildren: (nodeKey: NodeKey) => void;
+}>;
+type KdsTreeProps = {
+    /** Hierarchical tree data. Each node requires a `nodeKey` and `name`; children may be nested directly or loaded lazily via `loadData`. */
+    source: TreeNodeOptions[];
+    /** Async loader invoked when an expandable node has `hasChildren: true` but no `children` yet. While pending the chevron is replaced by a loading spinner. */
+    loadData?: LoadDataFunc;
+    /** When `false`, clicks and keyboard navigation still focus nodes but no selection state is tracked and `selectChange` is not emitted. Defaults to `true`. */
+    selectable?: boolean;
+    /** Keys of branches that should be expanded on mount. Subsequent expand/collapse is managed internally. Defaults to `[]`. */
+    expandedKeys?: string[];
+    /** Prefix used to build the DOM id of each rendered node (`${idPrefix}_${nodeKey}`). Set this to keep ids unique when multiple trees are on the same page. Defaults to `"tree"`. */
+    idPrefix?: string;
+    /** When `true`, only the visible rows are rendered. The tree must be wrapped in a fixed-height, scrollable container. Defaults to `false`. */
+    virtual?: boolean;
+};
+type KdsTreeEmits = {
+    /** Emitted on every keydown over a focused tree node, after the tree's own keyboard handling has run. */
+    keydown: [value: KeydownEvent];
+    /** Emitted when the selected node changes. Not emitted when `selectable` is `false`. */
+    selectChange: [value: SelectEventParams];
+    /** Emitted when a node is expanded or collapsed. `source` indicates whether the change came from `"click"`, `"key"`, or `"api"`. */
+    expandChange: [value: EventParams];
+};
+type KdsTreeExpose = {
+    /** Returns the keys of all currently expanded nodes. */
+    getExpandedKeys: () => NodeKey[] | undefined;
+    /** Expand or collapse a node. When `state` is omitted, the current state is toggled. */
+    toggleExpand: (nodeKey: NodeKey, state?: boolean) => void;
+    /** Returns the currently selected node, or `undefined` if nothing is selected or the tree is not `selectable`. */
+    getSelectedTreeNode: () => BaseTreeNode | undefined;
+    /** Trigger the `loadData` prop to load the children of the given nodeKey. Does not remove current children. */
+    loadChildren: (nodeKey: NodeKey) => void;
+    /** Remove all children of a given nodeKey. */
+    clearChildren: (nodeKey: NodeKey) => void;
+};
+export { BaseTreeNode, type TreeNodeOptions, type NodeKey, type TreeNodeInstance, type KeyNodeMap, type EventParams, type FocusEventParams, type SelectEventParams, type RenderNodeFunc, type LoadDataFunc, type KeydownEvent, type TreeContext, type KdsTreeProps, type KdsTreeEmits, type KdsTreeExpose, type KdsTreeAccessory, };
+//# sourceMappingURL=types.d.ts.map

package/dist/src/layouts/Tree/types.d.ts.map

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

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

@@ -16,4 +16,6 @@ export * from './Breadcrumb';
 export type * from './Breadcrumb';
 export * from './InlineMessage';
 export type * from './InlineMessage';
+export * from './Tree';
+export type * from './Tree';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,mBAAmB,cAAc,CAAC;AAElC,cAAc,aAAa,CAAC;AAC5B,mBAAmB,aAAa,CAAC;AAEjC,cAAc,QAAQ,CAAC;AACvB,mBAAmB,QAAQ,CAAC;AAE5B,cAAc,SAAS,CAAC;AACxB,mBAAmB,SAAS,CAAC;AAE7B,cAAc,UAAU,CAAC;AACzB,mBAAmB,UAAU,CAAC;AAE9B,cAAc,mBAAmB,CAAC;AAClC,mBAAmB,mBAAmB,CAAC;AAEvC,cAAc,cAAc,CAAC;AAC7B,mBAAmB,cAAc,CAAC;AAElC,cAAc,cAAc,CAAC;AAC7B,mBAAmB,cAAc,CAAC;AAElC,cAAc,iBAAiB,CAAC;AAChC,mBAAmB,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,mBAAmB,cAAc,CAAC;AAElC,cAAc,aAAa,CAAC;AAC5B,mBAAmB,aAAa,CAAC;AAEjC,cAAc,QAAQ,CAAC;AACvB,mBAAmB,QAAQ,CAAC;AAE5B,cAAc,SAAS,CAAC;AACxB,mBAAmB,SAAS,CAAC;AAE7B,cAAc,UAAU,CAAC;AACzB,mBAAmB,UAAU,CAAC;AAE9B,cAAc,mBAAmB,CAAC;AAClC,mBAAmB,mBAAmB,CAAC;AAEvC,cAAc,cAAc,CAAC;AAC7B,mBAAmB,cAAc,CAAC;AAElC,cAAc,cAAc,CAAC;AAC7B,mBAAmB,cAAc,CAAC;AAElC,cAAc,iBAAiB,CAAC;AAChC,mBAAmB,iBAAiB,CAAC;AAErC,cAAc,QAAQ,CAAC;AACvB,mBAAmB,QAAQ,CAAC"}

package/dist/src/overlays/Modal/enums.d.ts

@@ -3,7 +3,7 @@ export declare const kdsModalClosedBy: {
     readonly CLOSEREQUEST: "closerequest";
     readonly NONE: "none";
 };
-export declare const kdsModalClosedByOptions: ("none" | "any" | "closerequest")[];
+export declare const kdsModalClosedByOptions: ("any" | "closerequest" | "none")[];
 export declare const kdsModalWidth: {
     readonly SMALL: "small";
     readonly MEDIUM: "medium";
@@ -16,7 +16,7 @@ export declare const kdsModalHeight: {
     readonly AUTO: "auto";
     readonly FULL: "full";
 };
-export declare const kdsModalHeightSizes: ("auto" | "full")[];
+export declare const kdsModalHeightSizes: ("full" | "auto")[];
 export declare const kdsModalVariant: {
     readonly PADDED: "padded";
     readonly PLAIN: "plain";

package/dist/src/overlays/Modal/useKdsDynamicModal.d.ts

@@ -89,10 +89,10 @@ export declare const useKdsDynamicModal: () => {
         value: {
             variant?: import('./types').KdsModalVariant | undefined;
             leadingIcon?: import('../..').KdsIconName | undefined;
-            height?: import('./types').KdsModalHeight | undefined;
-            width?: import('./types').KdsModalWidth | undefined;
             headline?: string | undefined;
             overflow?: "hidden" | "auto" | "visible" | undefined;
+            width?: import('./types').KdsModalWidth | undefined;
+            height?: import('./types').KdsModalHeight | undefined;
             closedby?: import('./types').KdsModalClosedBy | undefined;
             message: string;
             doNotAskAgain?: {
@@ -123,10 +123,10 @@ export declare const useKdsDynamicModal: () => {
         } | {
             variant?: import('./types').KdsModalVariant | undefined;
             leadingIcon?: import('../..').KdsIconName | undefined;
-            height?: import('./types').KdsModalHeight | undefined;
-            width?: import('./types').KdsModalWidth | undefined;
             headline?: string | undefined;
             overflow?: "hidden" | "auto" | "visible" | undefined;
+            width?: import('./types').KdsModalWidth | undefined;
+            height?: import('./types').KdsModalHeight | undefined;
             closedby?: import('./types').KdsModalClosedBy | undefined;
             component: FunctionalComponent | ComponentPublicInstance | VNode;
             buttons?: ({
@@ -156,10 +156,10 @@ export declare const useKdsDynamicModal: () => {
         value: {
             variant?: import('./types').KdsModalVariant | undefined;
             leadingIcon?: import('../..').KdsIconName | undefined;
-            height?: import('./types').KdsModalHeight | undefined;
-            width?: import('./types').KdsModalWidth | undefined;
             headline?: string | undefined;
             overflow?: "hidden" | "auto" | "visible" | undefined;
+            width?: import('./types').KdsModalWidth | undefined;
+            height?: import('./types').KdsModalHeight | undefined;
             closedby?: import('./types').KdsModalClosedBy | undefined;
             component: DynamicModalComponent<any> | FunctionalComponent<KdsDynamicModalPropsAPI<any>, {}, any, {}>;
             context?: any;

package/dist/src/{containers/FileExplorer/useKeyPressedUntilMouseClick/index.d.ts → util/useKeyPressedUntilMouseClick.d.ts}

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

package/dist/src/util/useKeyPressedUntilMouseClick.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyPressedUntilMouseClick.d.ts","sourceRoot":"","sources":["../../../src/util/useKeyPressedUntilMouseClick.ts"],"names":[],"mappings":"AAoBA,eAAO,MAAM,4BAA4B,GACvC,OAAM,KAAK,CAAC,MAAM,CAAe,wCAgClC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knime/kds-components",
-  "version": "1.1.4",
+  "version": "1.2.0",
   "description": "Package containing basic Vue components of the KNIME Design System",
   "repository": {
     "type": "git",
@@ -40,7 +40,7 @@
     "motion": "^12.40.0",
     "pretty-bytes": "^7.1.0",
     "temporal-polyfill": "^0.3.2",
-    "@knime/kds-styles": "^1.1.4"
+    "@knime/kds-styles": "^1.2.0"
   },
   "devDependencies": {
     "@storybook/vue3-vite": "^10.4.6",

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

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