@openviking/react 0.0.0-stage → 0.1.1

package/dist/modules/task-center/types.d.ts

@@ -0,0 +1,168 @@
+import type { OvRequestOptions } from '../../client/index.js';
+import type { HTMLAttributes, ReactNode } from 'react';
+import type { TaskCenterColumns, TaskCenterCompileRow, TaskCenterCompileSchedule, TaskCenterImportRow } from './columns.js';
+/**
+ * 任务管理的页签。数据源导入对应定时同步的 watch，知识编译对应编译目标。
+ * Tabs of the task center. Data-source import covers scheduled watches; knowledge
+ * compile covers compile targets.
+ */
+export type TaskCenterTab = 'import' | 'compile';
+/**
+ * 页签的可见范围。「其他成员」只在能查看账号下全部任务时出现，由模块从当前
+ * 身份判断，不需要宿主传开关。
+ *
+ * Visibility scope of a tab. "Others" appears only when the current identity can
+ * see every task in the account; the module decides that from the current
+ * identity, so the host passes no switch.
+ */
+export type TaskCenterScope = 'mine' | 'others';
+/** 任务中心模块的插槽。Slots of the task center module. */
+export interface TaskCenterSlots {
+    /**
+     * 列表上方的工具栏，例如新建任务、搜索。筛选在表头由模块提供。
+     * Toolbar above the list, for example a create action or search. The module
+     * provides filtering in the table header.
+     */
+    toolbar?: ReactNode;
+    /**
+     * 空态内容，例如引导导入资源的入口。
+     * Empty state, for example an entry that starts importing resources.
+     */
+    emptyState?: ReactNode;
+}
+/** 任务中心模块的可替换文案。Replaceable copy of the task center module. */
+export interface TaskCenterLabels {
+    /**
+     * 占位说明。缺省为 `Placeholder. Functionality is not available yet.`。
+     * Placeholder description. Defaults to "Placeholder. Functionality is not
+     * available yet.".
+     */
+    description?: string;
+    /** 区域标题。Area title. */
+    title?: string;
+    /** 数据源导入页签名称。Label of the import tab. */
+    importTab?: string;
+    /** 知识编译页签名称。Label of the compile tab. */
+    compileTab?: string;
+    /** 「我的任务」范围名称。Label of the "my tasks" scope. */
+    mineScope?: string;
+    /** 「其他成员任务」范围名称。Label of the "others' tasks" scope. */
+    othersScope?: string;
+    /** 没有任务时的提示。Message shown when there are no tasks. */
+    empty?: string;
+    /** 加载失败提示。Load failure message. */
+    error?: string;
+    /** 重试按钮文案。Retry button label. */
+    retry?: string;
+    /** 定时同步列的表头。Header of the scheduled-sync column. */
+    scheduleColumn?: string;
+    /** 定时同步开启状态文案。Copy for an enabled schedule. */
+    scheduleEnabled?: string;
+    /** 定时同步关闭状态文案。Copy for a disabled schedule. */
+    scheduleDisabled?: string;
+    /** 编辑定时周期的按钮文案。Label of the control that edits a schedule. */
+    editSchedule?: string;
+    /** 定时保存失败时的提示。Message shown when saving a schedule fails. */
+    saveFailed?: string;
+}
+/**
+ * 任务中心模块的属性。
+ *
+ * 模块自己通过 Hook 取数，props 里没有任务数据：宿主给配置、受控状态、回调、
+ * 列配置、插槽与文案。两个页签各有自己的数据源与列，页签内筛选由模块维护。
+ *
+ * 能查看「其他成员任务」取决于当前身份，模块自行判断，宿主不需要传权限开关。
+ *
+ * Props of the task center module.
+ *
+ * The module loads its own data through a Hook, so no prop carries tasks: the
+ * host supplies configuration, controlled state, callbacks, column
+ * configuration, slots and copy. Each tab has its own data source and columns,
+ * and the module maintains filtering inside a tab.
+ *
+ * Whether "others' tasks" is available depends on the current identity; the
+ * module decides that itself, so the host passes no permission switch.
+ */
+export interface TaskCenterProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onSelect' | 'children'> {
+    /**
+     * 受控的当前页签。传入时由宿主决定页签，模块只上报切换意图。
+     * The controlled tab. When given, the host owns the tab and the module only
+     * reports switch intent.
+     */
+    tab?: TaskCenterTab;
+    /**
+     * 非受控时的初始页签，缺省为 `import`。
+     * Initial tab when uncontrolled; defaults to `import`.
+     */
+    defaultTab?: TaskCenterTab;
+    /**
+     * 受控的页签可见范围。传入时由宿主决定范围，模块只上报切换意图。
+     * The controlled scope. When given, the host owns it and the module only
+     * reports switch intent.
+     */
+    scope?: TaskCenterScope;
+    /**
+     * 非受控时的初始范围，缺省为 `mine`。
+     * Initial scope when uncontrolled; defaults to `mine`.
+     */
+    defaultScope?: TaskCenterScope;
+    /**
+     * 列配置。省略时两个页签都用各自的内置列与默认顺序。
+     * Column configuration. Omission uses each tab's built-in columns in their
+     * default order.
+     */
+    columns?: TaskCenterColumns;
+    /**
+     * 页签变化后触发。
+     * Called after the tab changes.
+     */
+    onTabChange?: (tab: TaskCenterTab) => void;
+    /**
+     * 可见范围变化后触发。
+     * Called after the scope changes.
+     */
+    onScopeChange?: (scope: TaskCenterScope) => void;
+    /**
+     * 打开资源时触发，例如点击导入任务的目标路径。任务详情由模块内部以抽屉展示，
+     * 不需要宿主参与。
+     * Called when a resource is opened, for example the target path of an import
+     * task. Task details are shown by the module in a drawer, so the host takes no
+     * part in that.
+     */
+    onOpenResource?: (uri: string) => void;
+    /**
+     * 导入任务的同步间隔保存。返回的 Promise 成功即视为已写入，模块随后重新取数；
+     * 失败时保留编辑内容并展示错误，错误文案取 `labels.saveFailed`。
+     *
+     * Saving the sync interval of an import task. A resolved Promise means the
+     * write succeeded and the module reloads; a rejection keeps the edit and shows
+     * the error from `labels.saveFailed`.
+     */
+    onSaveScheduleInterval?: (row: TaskCenterImportRow, intervalMinutes: number) => Promise<void>;
+    /**
+     * 编译目标的定时规则保存。参数与原生 `update_schedule` 同形，宿主可直接转发。
+     * 成功与失败的处理同 {@link onSaveScheduleInterval}。
+     *
+     * Saving the schedule of a compile target. The argument matches the native
+     * `update_schedule`, so a host can forward it as-is. Success and failure are
+     * handled the same way as {@link onSaveScheduleInterval}.
+     */
+    onSaveCompileSchedule?: (row: TaskCenterCompileRow, schedule: TaskCenterCompileSchedule | null) => Promise<void>;
+    /**
+     * 插槽，见 {@link TaskCenterSlots}。
+     * Slots, see {@link TaskCenterSlots}.
+     */
+    slots?: TaskCenterSlots;
+    /**
+     * 可替换文案，缺省为英文。
+     * Replaceable copy; English by default.
+     */
+    labels?: TaskCenterLabels;
+    /**
+     * 请求配置覆盖，逐字段覆盖最近的 Provider。
+     * Request configuration override, applied field by field over the nearest
+     * Provider.
+     */
+    requestOptions?: OvRequestOptions;
+}
+export type { TaskCenterColumn, TaskCenterColumns, TaskCenterCompileColumnKey, TaskCenterCompileRow, TaskCenterCompileSchedule, TaskCenterImportColumnKey, TaskCenterImportRow, TaskCenterRow, } from './columns.js';

package/dist/modules/task-center.js

@@ -0,0 +1 @@
+export { TaskCenter } from "../i~0.js";

package/dist/n~0.js

@@ -0,0 +1,499 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState } from "react";
+function Chevron({ expanded }) {
+    return /*#__PURE__*/ jsx("svg", {
+        "aria-hidden": "true",
+        className: "ov-file-tree__chevron",
+        "data-expanded": expanded || void 0,
+        viewBox: "0 0 16 16",
+        width: "12",
+        height: "12",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M6 3.5 10.5 8 6 12.5",
+            fill: "none",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: "1.5"
+        })
+    });
+}
+function FolderIcon({ open }) {
+    return /*#__PURE__*/ jsx("svg", {
+        "aria-hidden": "true",
+        className: "ov-file-tree__icon",
+        viewBox: "0 0 16 16",
+        width: "14",
+        height: "14",
+        children: /*#__PURE__*/ jsx("path", {
+            d: open ? 'M1.5 13V4.5A1 1 0 0 1 2.5 3.5h3l1.2 1.5h5.8a1 1 0 0 1 1 1V7M1.5 13l1.6-5h11.4l-1.6 5H1.5Z' : 'M1.5 12.5v-9a1 1 0 0 1 1-1h3l1.2 1.5h6.8a1 1 0 0 1 1 1v7.5a1 1 0 0 1-1 1h-11a1 1 0 0 1-1-1Z',
+            fill: "none",
+            stroke: "currentColor",
+            strokeLinejoin: "round",
+            strokeWidth: "1.2"
+        })
+    });
+}
+function FileIcon() {
+    return /*#__PURE__*/ jsxs("svg", {
+        "aria-hidden": "true",
+        className: "ov-file-tree__icon",
+        viewBox: "0 0 16 16",
+        width: "14",
+        height: "14",
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "M4 1.5h5L12.5 5v9.5h-8.5V1.5Z",
+                fill: "none",
+                stroke: "currentColor",
+                strokeLinejoin: "round",
+                strokeWidth: "1.2"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M9 1.5V5h3.5",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "1.2"
+            })
+        ]
+    });
+}
+function Spinner() {
+    return /*#__PURE__*/ jsx("span", {
+        "aria-hidden": "true",
+        className: "ov-file-tree__spinner"
+    });
+}
+const DEFAULT_LABELS = {
+    empty: 'No files yet',
+    error: 'Failed to load',
+    retry: 'Retry',
+    loadMore: 'Load more',
+    loading: 'Loading…',
+    expand: 'Expand {name}',
+    collapse: 'Collapse {name}'
+};
+function fillName(template, name) {
+    return template.replace('{name}', name);
+}
+function rowIndent(row) {
+    return {
+        paddingLeft: `calc(${row.depth} * 16px)`
+    };
+}
+const FILE_TREE_ROW_ATTRIBUTE = 'data-file-tree-row-id';
+function FileTreeEntryRowView({ row, ctx }) {
+    const { text, selectedId, tooltipRowId, getRowAttributes, renderDashboard, renderRowTooltip, onSelect, onToggleExpand, onOpenRetentionSettings, onRowKeyDown, onRowEnter, onRowLeave } = ctx;
+    const isDirectory = 'directory' === row.type;
+    const canExpand = isDirectory && false !== row.hasChildren;
+    const isSelected = selectedId === row.id;
+    const { className: extraClassName, style: extraStyle, ...extraAttributes } = getRowAttributes?.(row) ?? {};
+    const dashboard = renderDashboard?.(row) ?? null;
+    const tooltip = renderRowTooltip?.(row) ?? null;
+    const handleRowClick = (event)=>{
+        if (event.target.closest('[data-role="toggle"]')) return;
+        if (row.disabled) return;
+        onSelect?.(row);
+    };
+    return /*#__PURE__*/ jsxs("div", {
+        role: "treeitem",
+        tabIndex: 0,
+        "aria-level": row.depth + 1,
+        "aria-selected": isSelected,
+        "aria-expanded": canExpand ? Boolean(row.expanded) : void 0,
+        "aria-disabled": row.disabled || void 0,
+        ...extraAttributes,
+        [FILE_TREE_ROW_ATTRIBUTE]: row.id,
+        className: [
+            'ov-file-tree__row',
+            extraClassName
+        ].filter(Boolean).join(' '),
+        "data-selected": isSelected || void 0,
+        "data-disabled": row.disabled || void 0,
+        "data-kind": row.kind,
+        style: {
+            ...rowIndent(row),
+            ...extraStyle
+        },
+        onClick: handleRowClick,
+        onKeyDown: (event)=>onRowKeyDown(event, row),
+        onMouseEnter: ()=>onRowEnter(row.id),
+        onMouseLeave: onRowLeave,
+        onFocus: ()=>onRowEnter(row.id),
+        onBlur: onRowLeave,
+        children: [
+            canExpand ? /*#__PURE__*/ jsx("button", {
+                type: "button",
+                "data-role": "toggle",
+                className: "ov-file-tree__toggle",
+                "aria-label": fillName(row.expanded ? text.collapse : text.expand, row.name),
+                tabIndex: -1,
+                disabled: !onToggleExpand || row.disabled || row.busy,
+                onClick: (event)=>{
+                    event.stopPropagation();
+                    onToggleExpand?.(row);
+                },
+                children: /*#__PURE__*/ jsx(Chevron, {
+                    expanded: Boolean(row.expanded)
+                })
+            }) : /*#__PURE__*/ jsx("span", {
+                "aria-hidden": "true",
+                className: "ov-file-tree__toggle-spacer"
+            }),
+            /*#__PURE__*/ jsx("span", {
+                className: "ov-file-tree__icon-slot",
+                children: isDirectory ? /*#__PURE__*/ jsx(FolderIcon, {
+                    open: Boolean(row.expanded)
+                }) : /*#__PURE__*/ jsx(FileIcon, {})
+            }),
+            /*#__PURE__*/ jsxs("span", {
+                className: "ov-file-tree__label-group",
+                children: [
+                    /*#__PURE__*/ jsx("span", {
+                        className: "ov-file-tree__label",
+                        title: row.name,
+                        children: row.name
+                    }),
+                    row.description ? /*#__PURE__*/ jsx("span", {
+                        className: "ov-file-tree__description",
+                        children: row.description
+                    }) : null
+                ]
+            }),
+            row.busy ? /*#__PURE__*/ jsx(Spinner, {}) : null,
+            row.expiresAt ? /*#__PURE__*/ jsx("span", {
+                className: "ov-file-tree__expiry",
+                title: row.expiresAt,
+                children: onOpenRetentionSettings ? /*#__PURE__*/ jsx("button", {
+                    type: "button",
+                    className: "ov-file-tree__expiry-action",
+                    onClick: (event)=>{
+                        event.stopPropagation();
+                        onOpenRetentionSettings(row.uri);
+                    },
+                    children: row.expiresAt
+                }) : row.expiresAt
+            }) : null,
+            row.levelLabel ? /*#__PURE__*/ jsx("span", {
+                className: "ov-file-tree__level",
+                children: row.levelLabel
+            }) : null,
+            dashboard ? /*#__PURE__*/ jsx("span", {
+                className: "ov-file-tree__dashboard",
+                children: dashboard
+            }) : null,
+            tooltip && tooltipRowId === row.id ? /*#__PURE__*/ jsx("span", {
+                role: "tooltip",
+                className: "ov-file-tree__tooltip",
+                children: tooltip
+            }) : null
+        ]
+    });
+}
+function isWholeTreeError(rows) {
+    if (1 !== rows.length) return false;
+    const [row] = rows;
+    return row?.kind === 'error' && !row.parentId;
+}
+function StateRow({ row, ctx, attributes, tone, children }) {
+    const { className: extraClassName, style: extraStyle, ...extraAttributes } = ctx.getRowAttributes?.(row) ?? {};
+    return /*#__PURE__*/ jsx("div", {
+        role: "treeitem",
+        "aria-level": row.depth + 1,
+        "aria-selected": false,
+        ...attributes,
+        ...extraAttributes,
+        [FILE_TREE_ROW_ATTRIBUTE]: row.id,
+        className: [
+            'ov-file-tree__child-row',
+            extraClassName
+        ].filter(Boolean).join(' '),
+        "data-tone": tone,
+        style: {
+            ...rowIndent(row),
+            ...extraStyle
+        },
+        children: children
+    });
+}
+function ChildRow({ row, ctx }) {
+    const { text, onLoadMore, onRetry } = ctx;
+    switch(row.kind){
+        case 'loading':
+            return /*#__PURE__*/ jsxs(StateRow, {
+                row: row,
+                ctx: ctx,
+                attributes: {
+                    'aria-busy': true
+                },
+                children: [
+                    /*#__PURE__*/ jsx("span", {
+                        className: "ov-file-tree__toggle-spacer"
+                    }),
+                    /*#__PURE__*/ jsx(Spinner, {}),
+                    /*#__PURE__*/ jsx("span", {
+                        className: "ov-file-tree__muted",
+                        children: text.loading
+                    })
+                ]
+            });
+        case 'load-more':
+            return /*#__PURE__*/ jsx(StateRow, {
+                row: row,
+                ctx: ctx,
+                children: /*#__PURE__*/ jsxs("button", {
+                    type: "button",
+                    className: "ov-file-tree__child-action",
+                    disabled: row.loading || !onLoadMore,
+                    onClick: ()=>onLoadMore?.(row),
+                    children: [
+                        row.loading ? /*#__PURE__*/ jsx(Spinner, {}) : null,
+                        text.loadMore
+                    ]
+                })
+            });
+        case 'error':
+            return /*#__PURE__*/ jsxs(StateRow, {
+                row: row,
+                ctx: ctx,
+                tone: "error",
+                children: [
+                    /*#__PURE__*/ jsx("span", {
+                        className: "ov-file-tree__muted",
+                        children: row.message ?? text.error
+                    }),
+                    /*#__PURE__*/ jsx("button", {
+                        type: "button",
+                        className: "ov-file-tree__child-action",
+                        disabled: !onRetry,
+                        onClick: ()=>onRetry?.(row),
+                        children: text.retry
+                    })
+                ]
+            });
+        case 'empty':
+            return /*#__PURE__*/ jsx(StateRow, {
+                row: row,
+                ctx: ctx,
+                children: /*#__PURE__*/ jsx("span", {
+                    className: "ov-file-tree__muted",
+                    children: text.empty
+                })
+            });
+        default:
+            return /*#__PURE__*/ jsx(FileTreeEntryRowView, {
+                row: row,
+                ctx: ctx
+            });
+    }
+}
+function FileTreeRowView({ row, ctx }) {
+    return /*#__PURE__*/ jsx(ChildRow, {
+        row: row,
+        ctx: ctx
+    });
+}
+function FileTreeBody({ rows, isReady, text, loadingFallback, errorFallback, emptyFallback, ctx }) {
+    if (!isReady) return /*#__PURE__*/ jsx("div", {
+        className: "ov-file-tree__state",
+        children: loadingFallback ?? /*#__PURE__*/ jsx("span", {
+            className: "ov-file-tree__muted",
+            children: text.loading
+        })
+    });
+    if (isWholeTreeError(rows)) {
+        const message = rows[0].message ?? text.error;
+        return /*#__PURE__*/ jsx("div", {
+            className: "ov-file-tree__state",
+            children: errorFallback ?? /*#__PURE__*/ jsx("span", {
+                className: "ov-file-tree__muted",
+                children: message
+            })
+        });
+    }
+    if (0 === rows.length) return /*#__PURE__*/ jsx("div", {
+        className: "ov-file-tree__state",
+        children: emptyFallback ?? /*#__PURE__*/ jsx("span", {
+            className: "ov-file-tree__muted",
+            children: text.empty
+        })
+    });
+    return /*#__PURE__*/ jsx("div", {
+        role: "group",
+        className: "ov-file-tree__rows",
+        children: rows.map((row)=>/*#__PURE__*/ jsx(FileTreeRowView, {
+                row: row,
+                ctx: ctx
+            }, row.id))
+    });
+}
+function queryRowElements(root) {
+    if (!root) return [];
+    return Array.from(root.querySelectorAll(`[${FILE_TREE_ROW_ATTRIBUTE}]`));
+}
+function findRowElement(root, id) {
+    if (!root) return null;
+    return root.querySelector(`[${FILE_TREE_ROW_ATTRIBUTE}="${CSS.escape(id)}"]`);
+}
+function moveFocus(current, root, delta) {
+    const elements = queryRowElements(root);
+    const index = elements.indexOf(current);
+    if (-1 === index) return;
+    elements[index + delta]?.focus();
+}
+function handleRowKeyDown(event, { root, row, onSelect, onToggleExpand }) {
+    switch(event.key){
+        case 'ArrowDown':
+            event.preventDefault();
+            moveFocus(event.currentTarget, root, 1);
+            break;
+        case 'ArrowUp':
+            event.preventDefault();
+            moveFocus(event.currentTarget, root, -1);
+            break;
+        case 'ArrowRight':
+            if (!row.disabled && !row.busy && 'directory' === row.type && !row.expanded) {
+                event.preventDefault();
+                onToggleExpand?.(row);
+            }
+            break;
+        case 'ArrowLeft':
+            if (!row.disabled && !row.busy && 'directory' === row.type && row.expanded) {
+                event.preventDefault();
+                onToggleExpand?.(row);
+            }
+            break;
+        case 'Enter':
+        case ' ':
+            event.preventDefault();
+            if (!row.disabled) onSelect?.(row);
+            break;
+        default:
+            break;
+    }
+}
+function useRowTooltip(delay = 400) {
+    const [tooltipRowId, setTooltipRowId] = useState(null);
+    const timerRef = useRef(void 0);
+    useEffect(()=>()=>{
+            if (void 0 !== timerRef.current) window.clearTimeout(timerRef.current);
+        }, []);
+    const show = useCallback((rowId)=>{
+        if (void 0 !== timerRef.current) window.clearTimeout(timerRef.current);
+        timerRef.current = window.setTimeout(()=>{
+            setTooltipRowId(rowId);
+            timerRef.current = void 0;
+        }, delay);
+    }, [
+        delay
+    ]);
+    const hide = useCallback(()=>{
+        if (void 0 !== timerRef.current) {
+            window.clearTimeout(timerRef.current);
+            timerRef.current = void 0;
+        }
+        setTooltipRowId(null);
+    }, []);
+    return {
+        tooltipRowId,
+        show,
+        hide
+    };
+}
+function useFileTreeActions(props) {
+    const pending = useRef(new Set());
+    const { select, toggleExpand, loadMore, retry, openRetentionSettings } = props.operations ?? {};
+    async function run(key, execute, notify, value) {
+        if (pending.current.has(key)) return;
+        pending.current.add(key);
+        try {
+            await execute(value);
+        } catch  {
+            return;
+        } finally{
+            pending.current.delete(key);
+        }
+        notify?.(value);
+    }
+    return {
+        onSelect: select ? (row)=>void run(`select:${row.id}`, select, props.onSelect, row) : void 0,
+        onToggleExpand: toggleExpand ? (row)=>void run(`toggle:${row.id}`, toggleExpand, props.onToggleExpand, row) : void 0,
+        onLoadMore: loadMore ? (row)=>void run(`load:${row.id}`, loadMore, props.onLoadMore, row) : void 0,
+        onRetry: retry ? (row)=>void run(`retry:${row.id}`, retry, props.onRetry, row) : void 0,
+        onOpenRetentionSettings: openRetentionSettings ? (uri)=>void run(`retention:${uri}`, openRetentionSettings, props.onOpenRetentionSettings, uri) : void 0
+    };
+}
+const file_tree_FileTree = /*#__PURE__*/ forwardRef(function({ rows, operations, selectedId, isReady = true, loadingFallback, errorFallback, emptyFallback, slots, labels, getRowAttributes, renderDashboard, renderRowTooltip, onSelect, onToggleExpand, onLoadMore, onRetry, onOpenRetentionSettings, className, ...rest }, ref) {
+    const rootRef = useRef(null);
+    const text = {
+        ...DEFAULT_LABELS,
+        ...labels
+    };
+    const tooltip = useRowTooltip();
+    const actions = useFileTreeActions({
+        operations,
+        onSelect,
+        onToggleExpand,
+        onLoadMore,
+        onRetry,
+        onOpenRetentionSettings
+    });
+    useImperativeHandle(ref, ()=>({
+            getRowElement: (id)=>findRowElement(rootRef.current, id),
+            scrollToRow: (id, options)=>{
+                const element = findRowElement(rootRef.current, id);
+                if (!element) return false;
+                element.scrollIntoView({
+                    block: 'nearest',
+                    ...options
+                });
+                return true;
+            }
+        }), []);
+    const rowContext = {
+        text,
+        selectedId,
+        tooltipRowId: tooltip.tooltipRowId,
+        getRowAttributes,
+        renderDashboard,
+        renderRowTooltip,
+        ...actions,
+        onRowKeyDown: (event, row)=>handleRowKeyDown(event, {
+                root: rootRef.current,
+                row,
+                onSelect: actions.onSelect,
+                onToggleExpand: actions.onToggleExpand
+            }),
+        onRowEnter: tooltip.show,
+        onRowLeave: tooltip.hide
+    };
+    return /*#__PURE__*/ jsxs("div", {
+        ...rest,
+        ref: rootRef,
+        className: [
+            'ov-file-tree',
+            className
+        ].filter(Boolean).join(' '),
+        children: [
+            slots?.toolbar ? /*#__PURE__*/ jsx("div", {
+                className: "ov-file-tree__toolbar",
+                children: slots.toolbar
+            }) : null,
+            /*#__PURE__*/ jsx("div", {
+                role: "tree",
+                "aria-label": rest['aria-label'],
+                className: "ov-file-tree__body",
+                children: /*#__PURE__*/ jsx(FileTreeBody, {
+                    rows: rows,
+                    isReady: isReady,
+                    text: text,
+                    loadingFallback: loadingFallback,
+                    errorFallback: errorFallback,
+                    emptyFallback: emptyFallback,
+                    ctx: rowContext
+                })
+            })
+        ]
+    });
+});
+export { FILE_TREE_ROW_ATTRIBUTE, file_tree_FileTree as FileTree };