@ark-ui/vue/dist/components/json-tree-view/use-json-tree-view.cjs

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

'use strict';

Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

const jsonTreeUtils = require('@zag-js/json-tree-utils');
const vue = require('vue');
const treeCollection = require('../collection/tree-collection.cjs');
const useTreeView = require('../tree-view/use-tree-view.cjs');
const getBranchValue = require('./get-branch-value.cjs');

const useJsonTreeView = (props) => {
  const machineProps = vue.computed(() => {
    const { data, defaultExpandedDepth, ...restProps } = vue.toValue(props);
    const collection = treeCollection.createTreeCollection({
      nodeToValue: jsonTreeUtils.nodeToValue,
      nodeToString: jsonTreeUtils.nodeToString,
      rootNode: jsonTreeUtils.getRootNode(data)
    });
    const defaultExpandedValue = defaultExpandedDepth != null ? getBranchValue.getBranchValues(collection, defaultExpandedDepth) : void 0;
    return {
      defaultExpandedValue,
      ...restProps,
      collection,
      typeahead: false
    };
  });
  return useTreeView.useTreeView(machineProps);
};

exports.useJsonTreeView = useJsonTreeView;