@chaibuilder/sdk 1.2.51 → 1.2.52

package/dist/ListTree-BWBPjCzR.js

@@ -1,409 +0,0 @@
-import { j as jsxRuntimeExports } from "./jsx-runtime-WbnYoNE9.js";
-import React__default, { memo, useMemo, useCallback, useEffect, useRef } from "react";
-import { useAtom } from "jotai";
-import { useDebouncedCallback } from "@react-hookz/web";
-import { Tree } from "react-arborist";
-import { i as useBlocksStore, K as useSelectedBlockIds, G as useRemoveBlocks, L as useSelectedBlock, bs as ContextMenuItem, aJ as canDeleteBlock, w as useDuplicateBlocks, bt as ContextMenuContent, aI as canDuplicateBlock, bu as ContextMenu, bv as ContextMenuTrigger, h as useBuilderProp, z as useHighlightBlockId, aL as canAcceptChildBlock, ab as Tooltip, ac as TooltipTrigger, ad as TooltipContent, bw as treeDSBlocks, P as useUpdateBlocksProps, X as useSelectedStylingBlocks, aA as useBlocksStoreUndoableActions, aG as treeRefAtom } from "./ChaiBuilderEditor-KEwDa8Bl.js";
-import { c as cn } from "./Functions-7jnEwJyw.js";
-import { BoxModelIcon, BoxIcon, DragHandleHorizontalIcon, ViewHorizontalIcon, BorderAllIcon, BorderTopIcon, TableIcon, DropdownMenuIcon, RadiobuttonIcon, InputIcon, ButtonIcon, CheckboxIcon, GroupIcon, SpaceBetweenVerticallyIcon, ColumnsIcon, RowsIcon, TextIcon, SketchLogoIcon, DividerHorizontalIcon, CodeIcon, CursorTextIcon, VideoIcon, Link1Icon, HeadingIcon, ImageIcon, TrashIcon, CopyIcon, TriangleRightIcon } from "@radix-ui/react-icons";
-import { DatabaseIcon } from "lucide-react";
-import { find, first, isEmpty } from "lodash-es";
-import { useTranslation } from "react-i18next";
-import "./_commonjsHelpers-UyOWmZb0.js";
-import "clsx";
-import "react-dom";
-import "@radix-ui/react-scroll-area";
-import "@floating-ui/react-dom";
-import "i18next";
-import "flagged";
-import "./MODIFIERS-fd5XOmum.js";
-import "@chaibuilder/runtime";
-import "tree-model";
-import "./utils-VpVqnC9m.js";
-import "tailwind-merge";
-import "@radix-ui/react-toggle";
-import "class-variance-authority";
-import "@radix-ui/react-switch";
-import "@radix-ui/react-slot";
-import "@radix-ui/react-accordion";
-import "@radix-ui/react-alert-dialog";
-import "@radix-ui/react-dialog";
-import "@radix-ui/react-label";
-import "@radix-ui/react-tabs";
-import "@radix-ui/react-tooltip";
-import "@radix-ui/react-popover";
-import "@radix-ui/react-menubar";
-import "@radix-ui/react-hover-card";
-import "@radix-ui/react-select";
-import "@radix-ui/react-dropdown-menu";
-import "@radix-ui/react-separator";
-import "@radix-ui/react-toast";
-import "cmdk";
-import "@radix-ui/react-context-menu";
-import "react-icons-picker";
-import "react-quill";
-import "react-hotkeys-hook";
-import "./index-YpnaudSM.js";
-const TypeIcon = (o) => {
-  switch (o.type) {
-    case "Image":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(ImageIcon, {});
-    case "Heading":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(HeadingIcon, {});
-    case "Text":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(TextIcon, {});
-    case "Link":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(Link1Icon, {});
-    case "Video":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(VideoIcon, {});
-    case "RichText":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(CursorTextIcon, {});
-    case "Button":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(ButtonIcon, {});
-    case "CustomHTML":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(CodeIcon, {});
-    case "Divider":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(DividerHorizontalIcon, {});
-    case "Icon":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(SketchLogoIcon, {});
-    case "List":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(RowsIcon, {});
-    case "Paragraph":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(TextIcon, {});
-    case "Row":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(RowsIcon, {});
-    case "ListItem":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(ColumnsIcon, {});
-    case "LineBreak":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(SpaceBetweenVerticallyIcon, {});
-    case "Form":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(GroupIcon, {});
-    case "Checkbox":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(CheckboxIcon, {});
-    case "FormButton":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(ButtonIcon, {});
-    case "Input":
-    case "TextArea":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(InputIcon, {});
-    case "Radio":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(RadiobuttonIcon, {});
-    case "Select":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuIcon, {});
-    case "Table":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(TableIcon, {});
-    case "TableHead":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(BorderTopIcon, {});
-    case "TableBody":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(BorderAllIcon, {});
-    case "TableRow":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(ViewHorizontalIcon, {});
-    case "TableCell":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(DragHandleHorizontalIcon, {});
-    case "DataProvider":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(DatabaseIcon, { size: 16 });
-    case "Box":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(BoxIcon, {});
-    default:
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(BoxModelIcon, {});
-  }
-}, placeholderStyle = {
-  display: "flex",
-  alignItems: "center",
-  zIndex: 1
-}, DefaultCursor = React__default.memo(function({ top: r, left: n }) {
-  const c = {
-    position: "absolute",
-    pointerEvents: "none",
-    top: r + "px",
-    left: n + "px",
-    right: 0
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { ...placeholderStyle, ...c }, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-0.5 flex-1 rounded-[1px] bg-green-500" }) });
-}), Overlay = memo(function({ children: r, isDragging: n }) {
-  return n ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "pointer-events-none fixed left-0 top-0 z-[100] h-full w-full", children: r }) : null;
-}), DefaultDragPreview = memo(({ id: o, isDragging: r, mouse: n }) => {
-  const [c] = useBlocksStore(), i = useMemo(() => c.find((x) => x._id === o), [c, o]), u = useMemo(
-    () => ({
-      transform: `translate(${(n == null ? void 0 : n.x) - 10}px, ${(n == null ? void 0 : n.y) - 10}px)`
-    }),
-    [n]
-  );
-  return n ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Overlay, { isDragging: r, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-    "div",
-    {
-      className: "pointer-events-none absolute z-50 rounded border border-gray-200 bg-gray-100/80 font-semibold text-blue-600 shadow-md dark:border-gray-700 dark:bg-gray-800",
-      style: u,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { type: "button", className: "flex !cursor-grab items-center p-0.5", "aria-label": `Type: ${i == null ? void 0 : i._type}`, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "-mt-0.5 h-3 w-3", children: /* @__PURE__ */ jsxRuntimeExports.jsx(TypeIcon, { type: i == null ? void 0 : i._type }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ml-2 truncate text-[11px]", children: (i == null ? void 0 : i._name) || (i == null ? void 0 : i._type) })
-      ] })
-    }
-  ) }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "hidden" });
-}), RemoveBlocks = () => {
-  const [o] = useSelectedBlockIds(), r = useRemoveBlocks(), n = useSelectedBlock();
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    ContextMenuItem,
-    {
-      disabled: !canDeleteBlock(n == null ? void 0 : n._type),
-      className: "flex items-center gap-x-4 text-xs",
-      onClick: () => r(o),
-      children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(TrashIcon, {}),
-        " Remove"
-      ]
-    }
-  );
-}, BlockContextMenuContent = () => {
-  const [o] = useSelectedBlockIds(), r = useDuplicateBlocks(), n = useSelectedBlock(), c = useCallback(() => {
-    r(o);
-  }, [o, r]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuContent, { className: "text-xs", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      ContextMenuItem,
-      {
-        disabled: !canDuplicateBlock(n == null ? void 0 : n._type),
-        className: "flex items-center gap-x-4 text-xs",
-        onClick: c,
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(CopyIcon, {}),
-          " Duplicate"
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(RemoveBlocks, {})
-  ] });
-}, BlockContextMenu = ({ children: o }) => /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenu, { children: [
-  /* @__PURE__ */ jsxRuntimeExports.jsx(ContextMenuTrigger, { children: o }),
-  /* @__PURE__ */ jsxRuntimeExports.jsx(BlockContextMenuContent, {})
-] }) }), defaultShortcuts = [
-  { key: "ArrowDown", command: "selectNext" },
-  { key: "ArrowUp", command: "selectPrev" },
-  { key: "ArrowLeft", command: "selectParent", when: "isLeaf || isClosed" },
-  { key: "ArrowLeft", command: "close", when: "isOpen" },
-  { key: "ArrowRight", command: "open", when: "isClosed" },
-  { key: "ArrowRight", command: "selectNext", when: "isOpen" },
-  { key: "Home", command: "selectFirst" },
-  { key: "End", command: "selectLast" }
-];
-function selectFirst(o) {
-  o.firstNode && o.select(o.firstNode.id);
-}
-function selectLast(o) {
-  o.lastNode && o.select(o.lastNode.id);
-}
-function selectNext(o) {
-  const r = o.selectedNodes[0].next || o.firstNode;
-  o.select(r.id);
-}
-function selectPrev(o) {
-  const r = o.selectedNodes[0].prev || o.lastNode;
-  o.select(r.id);
-}
-const selectParent = (o, r) => {
-  var c;
-  const n = ((c = o.selectedIds[0]) == null ? void 0 : c.parent) || null;
-  n && r && o.select(n.id);
-}, open = (o, r) => {
-  const n = o.selectedNodes[0];
-  n.isInternal && r && n.open();
-}, close = (o, r) => {
-  const n = o.selectedNodes[0];
-  n.isInternal && r && n.close();
-}, Node = memo(({ node: o, style: r, dragHandle: n }) => {
-  const c = useBuilderProp("outlineMenuItems", []), [, i] = useHighlightBlockId(), u = o.children.length > 0, { id: x, data: l, isSelected: d, willReceiveDrop: p, isDragging: m, isEditing: j, handleClick: f } = o, R = useDebouncedCallback((a) => i(a), [], 300), h = (a) => {
-    a.stopPropagation(), o.toggle();
-  }, I = (a) => {
-    a.stopPropagation(), o.isOpen || o.toggle(), f(a);
-  };
-  return useEffect(() => {
-    const a = setTimeout(() => {
-      p && !o.isOpen && o.toggle();
-    }, 500);
-    return () => clearTimeout(a);
-  }, [p, o]), /* @__PURE__ */ jsxRuntimeExports.jsx(BlockContextMenu, { id: x, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    "div",
-    {
-      onClick: I,
-      onMouseEnter: () => R(x),
-      style: r,
-      "data-node-id": x,
-      ref: n,
-      className: cn(
-        "group flex !h-fit w-full items-center justify-between space-x-px py-px outline-none",
-        d ? "bg-blue-500 text-white" : "text-gray-600 hover:bg-gray-200 dark:hover:bg-gray-800",
-        p && canAcceptChildBlock(l._type, "Icon") ? "bg-green-200" : "",
-        m && "opacity-20"
-      ),
-      children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "div",
-            {
-              className: `flex h-4 w-4 rotate-0 transform cursor-pointer items-center justify-center text-xs transition-transform duration-100 ${o.isOpen ? "rotate-90" : ""}`,
-              children: u && /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: h, type: "button", children: /* @__PURE__ */ jsxRuntimeExports.jsx(TriangleRightIcon, {}) })
-            }
-          ),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "-mt-0.5 h-3 w-3", children: /* @__PURE__ */ jsxRuntimeExports.jsx(TypeIcon, { type: l == null ? void 0 : l._type }) }),
-            j ? /* @__PURE__ */ jsxRuntimeExports.jsx(Input, { node: o }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "div",
-              {
-                className: "ml-2 truncate text-[11px]",
-                onDoubleClick: (a) => {
-                  a.stopPropagation(), o.edit(), o.deselect();
-                },
-                children: (l == null ? void 0 : l._name) || (l == null ? void 0 : l._type.split("/").pop())
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "invisible flex items-center space-x-1 pr-2 group-hover:visible", children: c.map((a) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            TooltipTrigger,
-            {
-              className: "cursor-pointer rounded bg-transparent hover:bg-white hover:text-blue-500",
-              asChild: !0,
-              children: React__default.createElement(a.item, { blockId: x })
-            }
-          ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { className: "z-[9999]", children: a.tooltip })
-        ] })) })
-      ]
-    }
-  ) });
-}), Input = ({ node: o }) => {
-  var r, n;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    "input",
-    {
-      autoFocus: !0,
-      className: "ml-2 w-full rounded-sm border border-black/30 bg-transparent px-1 text-[11px] outline-none",
-      type: "text",
-      defaultValue: ((r = o.data) == null ? void 0 : r._name) || ((n = o.data) == null ? void 0 : n._type),
-      onFocus: (c) => c.currentTarget.select(),
-      onBlur: (c) => o.submit(c.currentTarget.value),
-      onKeyDown: (c) => {
-        c.key === "Enter" && o.submit(c.currentTarget.value);
-      }
-    }
-  );
-}, useCanMove = () => {
-  const [o] = useBlocksStore();
-  return (r, n) => {
-    var u;
-    const c = (u = find(o, { _id: n })) == null ? void 0 : u._type, i = first(r.map((x) => {
-      var l;
-      return (l = find(o, { _id: x })) == null ? void 0 : l._type;
-    }));
-    return canAcceptChildBlock(c, i);
-  };
-}, ListTree = () => {
-  const [treeData] = useAtom(treeDSBlocks), [ids, setIds] = useSelectedBlockIds(), updateBlockProps = useUpdateBlocksProps(), [, setStyleBlocks] = useSelectedStylingBlocks(), { moveBlocks } = useBlocksStoreUndoableActions(), canMove = useCanMove(), treeRef = useRef(null), [, setTreeRef] = useAtom(treeRefAtom), { t } = useTranslation(), clearSelection = () => {
-    setIds([]), setStyleBlocks([]);
-  };
-  useEffect(() => {
-    setTreeRef(treeRef.current);
-  }, [treeRef.current]);
-  const onRename = ({ id: o, name: r, node: n }) => {
-    updateBlockProps([o], { _name: r }, n.data._name);
-  }, onMove = ({ dragIds: o, parentId: r, index: n }) => {
-    canMove(o, r) && moveBlocks(o, r, n);
-  }, onSelect = (o) => {
-    if (o.length === 0)
-      return;
-    const r = o[0] ? o[0].id : "";
-    setStyleBlocks([]), setIds([r]);
-  }, onContextMenu = (o) => {
-    var c;
-    o.preventDefault();
-    const r = o.target, n = r.getAttribute("data-node-id") || ((c = r.closest("[data-node-id]")) == null ? void 0 : c.getAttribute("data-node-id"));
-    n && (setStyleBlocks([]), setIds([n]));
-  }, debouncedDisableDrop = useDebouncedCallback(
-    ({ parentNode: o, dragNodes: r }) => {
-      var n;
-      return !canAcceptChildBlock(o == null ? void 0 : o.data._type, (n = r[0]) == null ? void 0 : n.data._type);
-    },
-    [],
-    300
-  ), handleKeyDown = (e) => {
-    if (!treeRef.current)
-      return;
-    const tree = treeRef.current, selectedNode = tree.selectedNodes[0];
-    if (!selectedNode)
-      return;
-    setIds[selectedNode.id], setStyleBlocks([]);
-    const isLeaf = !selectedNode.isInternal, isClosed = !selectedNode.isOpen, isOpen = selectedNode.isOpen, shortcut = defaultShortcuts.find((s) => s.key === e.key && (!s.when || eval(s.when)));
-    if (shortcut)
-      switch (e.preventDefault(), shortcut.command) {
-        case "selectNext":
-          selectNext(tree);
-          break;
-        case "selectPrev":
-          selectPrev(tree);
-          break;
-        case "selectParent":
-          selectParent(tree, isLeaf || isClosed);
-          break;
-        case "close":
-          close(tree, isOpen);
-          break;
-        case "open":
-          open(tree, isClosed);
-          break;
-        case "selectFirst":
-          selectFirst(tree);
-          break;
-        case "selectLast":
-          selectLast(tree);
-          break;
-        default:
-          break;
-      }
-  };
-  return isEmpty(treeData) ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-full w-full items-center justify-center p-8 text-center", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "mb-1.5 text-sm text-gray-400", children: [
-    t("Page is empty."),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
-    " ",
-    t("Add blocks to get started by clicking the"),
-    " ",
-    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-bold", children: "(+)" }),
-    " ",
-    t("button")
-  ] }) }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn("-mx-1 -mt-1 flex h-full select-none flex-col space-y-1"), onClick: () => clearSelection(), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-    "div",
-    {
-      id: "outline-view",
-      className: "no-scrollbar h-full overflow-y-auto p-1 px-2 text-xs",
-      onKeyDown: (o) => {
-        treeRef.current.isEditing || handleKeyDown(o);
-      },
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Tree,
-        {
-          ref: treeRef,
-          height: 800,
-          className: "no-scrollbar !h-full max-w-full !overflow-y-auto !overflow-x-hidden",
-          selection: ids[0] || "",
-          onRename,
-          openByDefault: !1,
-          onMove,
-          rowHeight: 20,
-          data: treeData,
-          renderCursor: DefaultCursor,
-          onSelect,
-          childrenAccessor: (o) => o.children,
-          width: "100%",
-          renderDragPreview: DefaultDragPreview,
-          indent: 10,
-          onContextMenu,
-          disableDrop: debouncedDisableDrop,
-          idAccessor: "_id",
-          children: Node
-        }
-      )
-    }
-  ) });
-};
-export {
-  ListTree as default
-};

package/dist/ListTree-S6pMJlmj.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const jsxRuntime=require("./jsx-runtime-Z_BpKhVy.cjs"),React=require("react"),jotai=require("jotai"),web=require("@react-hookz/web"),reactArborist=require("react-arborist"),ui=require("./ChaiBuilderEditor-H173PF4T.cjs"),Functions=require("./Functions-N3yhPYKY.cjs"),reactIcons=require("@radix-ui/react-icons"),lucideReact=require("lucide-react"),lodashEs=require("lodash-es"),reactI18next=require("react-i18next");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("clsx");require("react-dom");require("@radix-ui/react-scroll-area");require("@floating-ui/react-dom");require("i18next");require("flagged");require("./MODIFIERS-mVmfEGgo.cjs");require("@chaibuilder/runtime");require("tree-model");require("./utils-D_vtk3zK.cjs");require("tailwind-merge");require("@radix-ui/react-toggle");require("class-variance-authority");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-menubar");require("@radix-ui/react-hover-card");require("@radix-ui/react-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-context-menu");require("react-icons-picker");require("react-quill");require("react-hotkeys-hook");require("./index-ecnGWzh9.cjs");const TypeIcon=n=>{switch(n.type){case"Image":return jsxRuntime.jsxRuntimeExports.jsx(reactIcons.ImageIcon,{});case"Heading":return jsxRuntime.jsxRuntimeExports.jsx(reactIcons.HeadingIcon,{});case"Text":return jsxRuntime.jsxRuntimeExports.jsx(reactIcons.TextIcon,{});case"Link":return jsxRuntime.jsxRuntimeExports.jsx(reactIcons.Link1Icon,{});case"Video":return jsxRuntime.jsxRuntimeExports.jsx(reactIcons.VideoIcon,{});case"RichText":return jsxRuntime.jsxRuntimeExports.jsx(reactIcons.CursorTextIcon,{});case"Button":return jsxRuntime.jsxRuntimeExports.jsx(reactIcons.ButtonIcon,{});case"CustomHTML":return jsxRuntime.jsxRuntimeExports.jsx(reactIcons.CodeIcon,{});case"Divider":return jsxRuntime.jsxRuntimeExports.jsx(reactIcons.DividerHorizontalIcon,{});case"Icon":return jsxRuntime.jsxRuntimeExports.jsx(reactIcons.SketchLogoIcon,{});case"List":return jsxRuntime.jsxRuntimeExports.jsx(reactIcons.RowsIcon,{});case"Paragraph":return jsxRuntime.jsxRuntimeExports.jsx(reactIcons.TextIcon,{});case"Row":return jsxRuntime.jsxRuntimeExports.jsx(reactIcons.RowsIcon,{});case"ListItem":return jsxRuntime.jsxRuntimeExports.jsx(reactIcons.ColumnsIcon,{});case"LineBreak":return jsxRuntime.jsxRuntimeExports.jsx(reactIcons.SpaceBetweenVerticallyIcon,{});case"Form":return jsxRuntime.jsxRuntimeExports.jsx(reactIcons.GroupIcon,{});case"Checkbox":return jsxRuntime.jsxRuntimeExports.jsx(reactIcons.CheckboxIcon,{});case"FormButton":return jsxRuntime.jsxRuntimeExports.jsx(reactIcons.ButtonIcon,{});case"Input":case"TextArea":return jsxRuntime.jsxRuntimeExports.jsx(reactIcons.InputIcon,{});case"Radio":return jsxRuntime.jsxRuntimeExports.jsx(reactIcons.RadiobuttonIcon,{});case"Select":return jsxRuntime.jsxRuntimeExports.jsx(reactIcons.DropdownMenuIcon,{});case"Table":return jsxRuntime.jsxRuntimeExports.jsx(reactIcons.TableIcon,{});case"TableHead":return jsxRuntime.jsxRuntimeExports.jsx(reactIcons.BorderTopIcon,{});case"TableBody":return jsxRuntime.jsxRuntimeExports.jsx(reactIcons.BorderAllIcon,{});case"TableRow":return jsxRuntime.jsxRuntimeExports.jsx(reactIcons.ViewHorizontalIcon,{});case"TableCell":return jsxRuntime.jsxRuntimeExports.jsx(reactIcons.DragHandleHorizontalIcon,{});case"DataProvider":return jsxRuntime.jsxRuntimeExports.jsx(lucideReact.DatabaseIcon,{size:16});case"Box":return jsxRuntime.jsxRuntimeExports.jsx(reactIcons.BoxIcon,{});default:return jsxRuntime.jsxRuntimeExports.jsx(reactIcons.BoxModelIcon,{})}},placeholderStyle={display:"flex",alignItems:"center",zIndex:1},DefaultCursor=React.memo(function({top:o,left:r}){const i={position:"absolute",pointerEvents:"none",top:o+"px",left:r+"px",right:0};return jsxRuntime.jsxRuntimeExports.jsx("div",{style:{...placeholderStyle,...i},children:jsxRuntime.jsxRuntimeExports.jsx("div",{className:"h-0.5 flex-1 rounded-[1px] bg-green-500"})})}),Overlay=React.memo(function({children:o,isDragging:r}){return r?jsxRuntime.jsxRuntimeExports.jsx("div",{className:"pointer-events-none fixed left-0 top-0 z-[100] h-full w-full",children:o}):null}),DefaultDragPreview=React.memo(({id:n,isDragging:o,mouse:r})=>{const[i]=ui.useBlocksStore(),c=React.useMemo(()=>i.find(a=>a._id===n),[i,n]),l=React.useMemo(()=>({transform:`translate(${(r==null?void 0:r.x)-10}px, ${(r==null?void 0:r.y)-10}px)`}),[r]);return r?jsxRuntime.jsxRuntimeExports.jsx("div",{children:jsxRuntime.jsxRuntimeExports.jsx(Overlay,{isDragging:o,children:jsxRuntime.jsxRuntimeExports.jsx("div",{className:"pointer-events-none absolute z-50 rounded border border-gray-200 bg-gray-100/80 font-semibold text-blue-600 shadow-md dark:border-gray-700 dark:bg-gray-800",style:l,children:jsxRuntime.jsxRuntimeExports.jsxs("button",{type:"button",className:"flex !cursor-grab items-center p-0.5","aria-label":`Type: ${c==null?void 0:c._type}`,children:[jsxRuntime.jsxRuntimeExports.jsx("div",{className:"-mt-0.5 h-3 w-3",children:jsxRuntime.jsxRuntimeExports.jsx(TypeIcon,{type:c==null?void 0:c._type})}),jsxRuntime.jsxRuntimeExports.jsx("div",{className:"ml-2 truncate text-[11px]",children:(c==null?void 0:c._name)||(c==null?void 0:c._type)})]})})})}):jsxRuntime.jsxRuntimeExports.jsx("div",{className:"hidden"})}),RemoveBlocks=()=>{const[n]=ui.useSelectedBlockIds(),o=ui.useRemoveBlocks(),r=ui.useSelectedBlock();return jsxRuntime.jsxRuntimeExports.jsxs(ui.ContextMenuItem,{disabled:!ui.canDeleteBlock(r==null?void 0:r._type),className:"flex items-center gap-x-4 text-xs",onClick:()=>o(n),children:[jsxRuntime.jsxRuntimeExports.jsx(reactIcons.TrashIcon,{})," Remove"]})},BlockContextMenuContent=()=>{const[n]=ui.useSelectedBlockIds(),o=ui.useDuplicateBlocks(),r=ui.useSelectedBlock(),i=React.useCallback(()=>{o(n)},[n,o]);return jsxRuntime.jsxRuntimeExports.jsxs(ui.ContextMenuContent,{className:"text-xs",children:[jsxRuntime.jsxRuntimeExports.jsxs(ui.ContextMenuItem,{disabled:!ui.canDuplicateBlock(r==null?void 0:r._type),className:"flex items-center gap-x-4 text-xs",onClick:i,children:[jsxRuntime.jsxRuntimeExports.jsx(reactIcons.CopyIcon,{})," Duplicate"]}),jsxRuntime.jsxRuntimeExports.jsx(RemoveBlocks,{})]})},BlockContextMenu=({children:n})=>jsxRuntime.jsxRuntimeExports.jsx(jsxRuntime.jsxRuntimeExports.Fragment,{children:jsxRuntime.jsxRuntimeExports.jsxs(ui.ContextMenu,{children:[jsxRuntime.jsxRuntimeExports.jsx(ui.ContextMenuTrigger,{children:n}),jsxRuntime.jsxRuntimeExports.jsx(BlockContextMenuContent,{})]})}),defaultShortcuts=[{key:"ArrowDown",command:"selectNext"},{key:"ArrowUp",command:"selectPrev"},{key:"ArrowLeft",command:"selectParent",when:"isLeaf || isClosed"},{key:"ArrowLeft",command:"close",when:"isOpen"},{key:"ArrowRight",command:"open",when:"isClosed"},{key:"ArrowRight",command:"selectNext",when:"isOpen"},{key:"Home",command:"selectFirst"},{key:"End",command:"selectLast"}];function selectFirst(n){n.firstNode&&n.select(n.firstNode.id)}function selectLast(n){n.lastNode&&n.select(n.lastNode.id)}function selectNext(n){const o=n.selectedNodes[0].next||n.firstNode;n.select(o.id)}function selectPrev(n){const o=n.selectedNodes[0].prev||n.lastNode;n.select(o.id)}const selectParent=(n,o)=>{var i;const r=((i=n.selectedIds[0])==null?void 0:i.parent)||null;r&&o&&n.select(r.id)},open=(n,o)=>{const r=n.selectedNodes[0];r.isInternal&&o&&r.open()},close=(n,o)=>{const r=n.selectedNodes[0];r.isInternal&&o&&r.close()},Node=React.memo(({node:n,style:o,dragHandle:r})=>{const i=ui.useBuilderProp("outlineMenuItems",[]),[,c]=ui.useHighlightBlockId(),l=n.children.length>0,{id:a,data:u,isSelected:d,willReceiveDrop:m,isDragging:j,isEditing:p,handleClick:R}=n,h=web.useDebouncedCallback(x=>c(x),[],300),f=x=>{x.stopPropagation(),n.toggle()},I=x=>{x.stopPropagation(),n.isOpen||n.toggle(),R(x)};return React.useEffect(()=>{const x=setTimeout(()=>{m&&!n.isOpen&&n.toggle()},500);return()=>clearTimeout(x)},[m,n]),jsxRuntime.jsxRuntimeExports.jsx(BlockContextMenu,{id:a,children:jsxRuntime.jsxRuntimeExports.jsxs("div",{onClick:I,onMouseEnter:()=>h(a),style:o,"data-node-id":a,ref:r,className:Functions.cn("group flex !h-fit w-full items-center justify-between space-x-px py-px outline-none",d?"bg-blue-500 text-white":"text-gray-600 hover:bg-gray-200 dark:hover:bg-gray-800",m&&ui.canAcceptChildBlock(u._type,"Icon")?"bg-green-200":"",j&&"opacity-20"),children:[jsxRuntime.jsxRuntimeExports.jsxs("div",{className:"flex items-center",children:[jsxRuntime.jsxRuntimeExports.jsx("div",{className:`flex h-4 w-4 rotate-0 transform cursor-pointer items-center justify-center text-xs transition-transform duration-100 ${n.isOpen?"rotate-90":""}`,children:l&&jsxRuntime.jsxRuntimeExports.jsx("button",{onClick:f,type:"button",children:jsxRuntime.jsxRuntimeExports.jsx(reactIcons.TriangleRightIcon,{})})}),jsxRuntime.jsxRuntimeExports.jsxs("div",{className:"flex items-center",children:[jsxRuntime.jsxRuntimeExports.jsx("div",{className:"-mt-0.5 h-3 w-3",children:jsxRuntime.jsxRuntimeExports.jsx(TypeIcon,{type:u==null?void 0:u._type})}),p?jsxRuntime.jsxRuntimeExports.jsx(Input,{node:n}):jsxRuntime.jsxRuntimeExports.jsx("div",{className:"ml-2 truncate text-[11px]",onDoubleClick:x=>{x.stopPropagation(),n.edit(),n.deselect()},children:(u==null?void 0:u._name)||(u==null?void 0:u._type.split("/").pop())})]})]}),jsxRuntime.jsxRuntimeExports.jsx("div",{className:"invisible flex items-center space-x-1 pr-2 group-hover:visible",children:i.map(x=>jsxRuntime.jsxRuntimeExports.jsxs(ui.Tooltip,{children:[jsxRuntime.jsxRuntimeExports.jsx(ui.TooltipTrigger,{className:"cursor-pointer rounded bg-transparent hover:bg-white hover:text-blue-500",asChild:!0,children:React.createElement(x.item,{blockId:a})}),jsxRuntime.jsxRuntimeExports.jsx(ui.TooltipContent,{className:"z-[9999]",children:x.tooltip})]}))})]})})}),Input=({node:n})=>{var o,r;return jsxRuntime.jsxRuntimeExports.jsx("input",{autoFocus:!0,className:"ml-2 w-full rounded-sm border border-black/30 bg-transparent px-1 text-[11px] outline-none",type:"text",defaultValue:((o=n.data)==null?void 0:o._name)||((r=n.data)==null?void 0:r._type),onFocus:i=>i.currentTarget.select(),onBlur:i=>n.submit(i.currentTarget.value),onKeyDown:i=>{i.key==="Enter"&&n.submit(i.currentTarget.value)}})},useCanMove=()=>{const[n]=ui.useBlocksStore();return(o,r)=>{var l;const i=(l=lodashEs.find(n,{_id:r}))==null?void 0:l._type,c=lodashEs.first(o.map(a=>{var u;return(u=lodashEs.find(n,{_id:a}))==null?void 0:u._type}));return ui.canAcceptChildBlock(i,c)}},ListTree=()=>{const[treeData]=jotai.useAtom(ui.treeDSBlocks),[ids,setIds]=ui.useSelectedBlockIds(),updateBlockProps=ui.useUpdateBlocksProps(),[,setStyleBlocks]=ui.useSelectedStylingBlocks(),{moveBlocks}=ui.useBlocksStoreUndoableActions(),canMove=useCanMove(),treeRef=React.useRef(null),[,setTreeRef]=jotai.useAtom(ui.treeRefAtom),{t}=reactI18next.useTranslation(),clearSelection=()=>{setIds([]),setStyleBlocks([])};React.useEffect(()=>{setTreeRef(treeRef.current)},[treeRef.current]);const onRename=({id:n,name:o,node:r})=>{updateBlockProps([n],{_name:o},r.data._name)},onMove=({dragIds:n,parentId:o,index:r})=>{canMove(n,o)&&moveBlocks(n,o,r)},onSelect=n=>{if(n.length===0)return;const o=n[0]?n[0].id:"";setStyleBlocks([]),setIds([o])},onContextMenu=n=>{var i;n.preventDefault();const o=n.target,r=o.getAttribute("data-node-id")||((i=o.closest("[data-node-id]"))==null?void 0:i.getAttribute("data-node-id"));r&&(setStyleBlocks([]),setIds([r]))},debouncedDisableDrop=web.useDebouncedCallback(({parentNode:n,dragNodes:o})=>{var r;return!ui.canAcceptChildBlock(n==null?void 0:n.data._type,(r=o[0])==null?void 0:r.data._type)},[],300),handleKeyDown=e=>{if(!treeRef.current)return;const tree=treeRef.current,selectedNode=tree.selectedNodes[0];if(!selectedNode)return;setIds[selectedNode.id],setStyleBlocks([]);const isLeaf=!selectedNode.isInternal,isClosed=!selectedNode.isOpen,isOpen=selectedNode.isOpen,shortcut=defaultShortcuts.find(s=>s.key===e.key&&(!s.when||eval(s.when)));if(shortcut)switch(e.preventDefault(),shortcut.command){case"selectNext":selectNext(tree);break;case"selectPrev":selectPrev(tree);break;case"selectParent":selectParent(tree,isLeaf||isClosed);break;case"close":close(tree,isOpen);break;case"open":open(tree,isClosed);break;case"selectFirst":selectFirst(tree);break;case"selectLast":selectLast(tree);break;default:break}};return lodashEs.isEmpty(treeData)?jsxRuntime.jsxRuntimeExports.jsx("div",{children:jsxRuntime.jsxRuntimeExports.jsx("div",{className:"flex h-full w-full items-center justify-center p-8 text-center",children:jsxRuntime.jsxRuntimeExports.jsxs("p",{className:"mb-1.5 text-sm text-gray-400",children:[t("Page is empty."),jsxRuntime.jsxRuntimeExports.jsx("br",{})," ",t("Add blocks to get started by clicking the")," ",jsxRuntime.jsxRuntimeExports.jsx("span",{className:"font-bold",children:"(+)"})," ",t("button")]})})}):jsxRuntime.jsxRuntimeExports.jsx("div",{className:Functions.cn("-mx-1 -mt-1 flex h-full select-none flex-col space-y-1"),onClick:()=>clearSelection(),children:jsxRuntime.jsxRuntimeExports.jsx("div",{id:"outline-view",className:"no-scrollbar h-full overflow-y-auto p-1 px-2 text-xs",onKeyDown:n=>{treeRef.current.isEditing||handleKeyDown(n)},children:jsxRuntime.jsxRuntimeExports.jsx(reactArborist.Tree,{ref:treeRef,height:800,className:"no-scrollbar !h-full max-w-full !overflow-y-auto !overflow-x-hidden",selection:ids[0]||"",onRename,openByDefault:!1,onMove,rowHeight:20,data:treeData,renderCursor:DefaultCursor,onSelect,childrenAccessor:n=>n.children,width:"100%",renderDragPreview:DefaultDragPreview,indent:10,onContextMenu,disableDrop:debouncedDisableDrop,idAccessor:"_id",children:Node})})})};exports.default=ListTree;