@prismicio/editor-ui 0.4.75 → 0.4.76-alpha.tree-view-component.0

package/dist/components/TreeView/TreeView.d.ts

@@ -0,0 +1,39 @@
+import { type ReactNode } from "react";
+import type { CheckboxProps } from "../Checkbox/Checkbox";
+interface TreeViewItemSection {
+    type: "section";
+    name: string;
+    items: TreeViewItem[];
+}
+interface TreeViewItemCheckbox {
+    type: "checkbox";
+    name: string;
+    value: boolean;
+}
+export type TreeViewItem = TreeViewItemSection | TreeViewItemCheckbox;
+export interface TreeViewProps {
+    title?: string;
+    subtitle?: string;
+    onChange: (data: TreeViewItem[]) => void;
+    children: ReactNode;
+}
+export declare function TreeView(props: TreeViewProps): JSX.Element;
+interface TreeViewSectionProps {
+    /** Name that will be used to identify the section in the tree data. */
+    name: string;
+    title: string;
+    children: ReactNode;
+    badge?: string;
+    subtitle?: string;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+export declare function TreeViewSection(props: TreeViewSectionProps): JSX.Element;
+interface TreeViewCheckboxProps extends CheckboxProps {
+    /** Name that will be used to identify the checkbox in the tree data. */
+    name: string;
+    title: string;
+}
+export declare function TreeViewCheckbox(props: TreeViewCheckboxProps): JSX.Element;
+export {};

package/dist/components/TreeView/TreeView.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { TreeView } from "./TreeView";
+declare const meta: Meta<typeof TreeView>;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export default meta;

package/dist/components/TreeView/index.d.ts

@@ -0,0 +1 @@
+export * from "./TreeView";