@ark-ui/solid/dist/components/json-tree-view/index.d.ts

A collection of unstyled, accessible UI components for Solid, utilizing state machines for seamless interaction.

import { JsonNodePreviewOptions, JsonNode, JsonNodeHastElement } from '@zag-js/json-tree-utils';
import { JSX } from 'solid-js';
import { b as TreeViewRootProps, e as TreeViewRootProviderProps, h as TreeViewTreeProps, U as UseTreeViewProps, i as UseTreeViewReturn } from '../../tree-view-tree-CbBeWSwi.js';
import '../../types-Bc0WfPsv.js';
import '../../render-strategy-B5MqQP3X.js';
import '@zag-js/collection';
import '../factory.js';
import '@zag-js/solid';
import '@zag-js/tree-view';

interface JsonTreeViewOptions extends Partial<JsonNodePreviewOptions> {
    /**
     * Whether to show quotes on the keys.
     */
    quotesOnKeys?: boolean;
}

interface JsonTreeViewRootBaseProps extends JsonTreeViewOptions {
    /**
     * The data to display in the tree.
     */
    data: unknown;
    /**
     * The default expand level.
     */
    defaultExpandedDepth?: number;
}
interface JsonTreeViewRootProps extends Omit<TreeViewRootProps<JsonNode>, 'collection'>, JsonTreeViewRootBaseProps {
}
declare const JsonTreeViewRoot: (props: JsonTreeViewRootProps) => JSX.Element;

interface JsonTreeViewRootProviderProps extends TreeViewRootProviderProps<JsonNode> {
}
declare const JsonTreeViewRootProvider: (props: JsonTreeViewRootProviderProps) => JSX.Element;

interface JsonTreeViewNodeBaseProps {
    /**
     * The icon to use for the arrow.
     */
    arrow?: JSX.Element;
    /**
     * The indent guide to use for the tree.
     */
    indentGuide?: boolean | JSX.Element;
    /**
     * The function to render the value of the node.
     */
    renderValue?: (node: JsonNodeHastElement) => JSX.Element;
}

interface JsonTreeViewTreeBaseProps extends JsonTreeViewNodeBaseProps {
}
interface JsonTreeViewTreeProps extends TreeViewTreeProps, JsonTreeViewTreeBaseProps {
}
declare const JsonTreeViewTree: (props: JsonTreeViewTreeProps) => JSX.Element;

interface UseJsonTreeViewProps extends Omit<UseTreeViewProps<JsonNode>, 'collection'> {
    data: unknown;
    defaultExpandedDepth?: number;
}
interface UseJsonTreeViewReturn extends UseTreeViewReturn<JsonNode> {
}
declare const useJsonTreeView: (props: UseJsonTreeViewProps) => UseJsonTreeViewReturn;

declare namespace jsonTreeView {
  export { JsonTreeViewRoot as Root, type JsonTreeViewRootProps as RootProps, JsonTreeViewRootProvider as RootProvider, type JsonTreeViewRootProviderProps as RootProviderProps, JsonTreeViewTree as Tree, type JsonTreeViewTreeProps as TreeProps };
}

export { jsonTreeView as JsonTreeView, JsonTreeViewRoot, type JsonTreeViewRootProps, JsonTreeViewRootProvider, type JsonTreeViewRootProviderProps, JsonTreeViewTree, type JsonTreeViewTreeProps, type UseJsonTreeViewProps, type UseJsonTreeViewReturn, useJsonTreeView };