easy-email-extensions 3.1.2 → 3.1.3

package/lib/BlockLayer/components/BlockTree/index.d.ts

@@ -5,7 +5,8 @@ interface TreeNode<T> {
 }
 export interface BlockTreeProps<T extends TreeNode<T>> {
     treeData: T[];
-    selectedId?: string;
+    selectedKeys?: string[];
+    expandedKeys?: string[];
     onSelect: (selectedId: string) => void;
     onContextMenu?: (nodeData: T, ev: React.MouseEvent) => void;
     onDragStart?: () => void;

package/lib/components/Form/index.d.ts

@@ -1,4 +1,4 @@
-import { SliderProps, InputNumberProps, SwitchProps, DatePickerProps, TextAreaProps, CheckboxGroupProps } from '@arco-design/web-react';
+import { SliderProps, InputNumberProps, SwitchProps, DatePickerProps, TextAreaProps, CheckboxGroupProps, TreeSelectProps } from '@arco-design/web-react';
 import { ImageUploaderProps } from './ImageUploader';
 import { UploadFieldProps } from './UploadField';
 import { ColorPickerProps } from './ColorPicker';
@@ -19,6 +19,7 @@ export declare const ColorPickerField: (props: import("./enhancer").EnhancerProp
 export declare const UploadField: (props: import("./enhancer").EnhancerProps<UploadFieldProps> & Omit<UploadFieldProps, "value" | "onChange" | "mutators">) => JSX.Element;
 export declare const ImageUploaderField: (props: import("./enhancer").EnhancerProps<ImageUploaderProps> & Omit<ImageUploaderProps, "value" | "onChange" | "mutators">) => JSX.Element;
 export declare const SelectField: (props: import("./enhancer").EnhancerProps<SelectProps> & Omit<SelectProps, "value" | "onChange" | "mutators">) => JSX.Element;
+export declare const TreeSelectField: (props: import("./enhancer").EnhancerProps<TreeSelectProps> & Omit<TreeSelectProps, "value" | "onChange" | "mutators">) => JSX.Element;
 export declare const AutoCompleteField: (props: import("./enhancer").EnhancerProps<AutoCompleteProps> & Omit<AutoCompleteProps, "value" | "onChange" | "mutators">) => JSX.Element;
 export declare const RadioGroupField: (props: import("./enhancer").EnhancerProps<RadioGroupProps> & Omit<RadioGroupProps, "value" | "onChange" | "mutators">) => JSX.Element;
 export declare const SwitchField: (props: import("./enhancer").EnhancerProps<SwitchProps> & Omit<SwitchProps, "value" | "onChange" | "mutators">) => JSX.Element;

package/lib/index.js

@@ -1,4 +1,4 @@
-export { b as Align, A as AttributePanel, d as AttributesPanelWrapper, R as AutoCompleteField, g as Background, j as BackgroundColor, a as BlockAttributeConfigurationManager, B as BlockLayer, u as BlockMarketManager, v as BlockMaskWrapper, m as Border, n as BorderColor, q as BorderStyle, s as BorderWidth, _ as CheckboxField, C as Color, K as ColorPickerField, e as ContainerBackgroundColor, Z as DatePickerField, D as Decoration, k as Direction, $ as EditTabField, F as FontFamily, o as FontSize, r as FontStyle, t as FontWeight, H as Height, O as ImageUploaderField, a0 as InlineTextField, I as InteractivePrompt, L as LetterSpacing, h as LineHeight, l as Link, M as Margin, p as MergeTags, N as NavbarLinkPadding, G as NumberField, P as Padding, X as RadioGroupField, a2 as RichTextField, z as SearchField, Q as SelectField, S as ShortcutToolbar, x as SimpleLayout, J as SliderField, w as SourceCodePanel, Y as SwitchField, T as TextAlign, E as TextAreaField, f as TextDecoration, y as TextField, i as TextTransform, U as UploadField, V as VerticalAlign, W as Width, a1 as enhancer } from "./index2.js";
+export { b as Align, A as AttributePanel, d as AttributesPanelWrapper, X as AutoCompleteField, g as Background, j as BackgroundColor, a as BlockAttributeConfigurationManager, B as BlockLayer, u as BlockMarketManager, v as BlockMaskWrapper, m as Border, n as BorderColor, q as BorderStyle, s as BorderWidth, $ as CheckboxField, C as Color, K as ColorPickerField, e as ContainerBackgroundColor, _ as DatePickerField, D as Decoration, k as Direction, a0 as EditTabField, F as FontFamily, o as FontSize, r as FontStyle, t as FontWeight, H as Height, O as ImageUploaderField, a1 as InlineTextField, I as InteractivePrompt, L as LetterSpacing, h as LineHeight, l as Link, M as Margin, p as MergeTags, N as NavbarLinkPadding, G as NumberField, P as Padding, Y as RadioGroupField, a3 as RichTextField, z as SearchField, Q as SelectField, S as ShortcutToolbar, x as SimpleLayout, J as SliderField, w as SourceCodePanel, Z as SwitchField, T as TextAlign, E as TextAreaField, f as TextDecoration, y as TextField, i as TextTransform, R as TreeSelectField, U as UploadField, V as VerticalAlign, W as Width, a2 as enhancer } from "./index2.js";
 import "react";
 import "easy-email-editor";
 import "easy-email-core";

package/lib/index2.js

@@ -56,7 +56,7 @@ var __async = (__this, __arguments, generator) => {
 import * as React from "react";
 import React__default, { Children, isValidElement, cloneElement, createContext, useContext, Component, useMemo, memo, forwardRef, useEffect, useRef, useLayoutEffect, useState, createRef, useImperativeHandle, PureComponent, useCallback, useReducer, createElement, Suspense } from "react";
 import { IconFont, Stack as Stack$6, TextStyle, getBlockNodeByIdx, useBlock, getEditNode, getEditContent, useEditorProps, useFocusIdx, useEditorContext, getShadowRoot, FIXED_CONTAINER_ID, scrollBlockEleIntoView, useHoverIdx, useDataTransfer, getBlockNodeByChildEle, getDirectionPosition, DATA_ATTRIBUTE_ID, DATA_ATTRIBUTE_DROP_CONTAINER, BlockAvatarWrapper, getEditorRoot, useActiveTab, ActiveTabKeys } from "easy-email-editor";
-import { BasicType, ImageManager, BlockManager, createBlockDataByType, getParentByIdx, getValueByIdx, getIndexByIdx, getSiblingIdx, getNodeIdxFromClassName, getParentIdx, getNodeIdxClassName, getPageIdx, getChildIdx, MjmlToJson, JsonToMjml, getNodeTypeFromClassName } from "easy-email-core";
+import { BasicType, ImageManager, getContextMergeTags, BlockManager, createBlockDataByType, getParentByIdx, getValueByIdx, getIndexByIdx, getSiblingIdx, getNodeIdxFromClassName, getParentIdx, getNodeIdxClassName, getPageIdx, getChildIdx, MjmlToJson, JsonToMjml, getNodeTypeFromClassName } from "easy-email-core";
 import ReactDOM, { findDOMNode, createPortal } from "react-dom";
 import { useField, Field, useForm as useForm$1, Form as Form$3, version as version$2, useFormState } from "react-final-form";
 var index$2 = "";
@@ -30639,14 +30639,33 @@ const img = new Image();
 img.width = 0;
 img.height = 0;
 img.src = transparentImage;
+const fileNames = {
+  key: "id"
+};
 function BlockTree(props) {
   const [blockTreeRef, setBlockTreeRef] = useState(null);
-  const [selectedId, setSelectedId] = useState(props.selectedId);
   const dragNode = useRef(null);
-  const { treeData, allowDrop, onContextMenu } = props;
+  const { treeData, allowDrop, onContextMenu, selectedKeys } = props;
+  const treeDataRef = useRef(treeData);
+  const [expandedKeys, setExpandedKeys] = useState([]);
+  const onExpand = useCallback((keys2) => {
+    setExpandedKeys(keys2);
+  }, [setExpandedKeys]);
+  useEffect(() => {
+    if (props.defaultExpandAll) {
+      const keys2 = [];
+      const loop2 = (data) => {
+        var _a;
+        keys2.push(data.id);
+        (_a = data.children) == null ? void 0 : _a.forEach(loop2);
+      };
+      treeDataRef.current.forEach(loop2);
+      setExpandedKeys(keys2);
+    }
+  }, [props.defaultExpandAll]);
   useEffect(() => {
-    setSelectedId(props.selectedId);
-  }, [props.selectedId]);
+    setExpandedKeys((keys2) => props.expandedKeys ? [...keys2, ...props.expandedKeys] : keys2);
+  }, [props.expandedKeys]);
   const onDragStart = useCallback((e, node) => {
     var _a;
     e.dataTransfer.dropEffect = "none";
@@ -30720,37 +30739,51 @@ function BlockTree(props) {
       });
     }
   }, [blockTreeRef]);
-  const selectedKeys = useMemo(() => selectedId ? [selectedId] : [], [selectedId]);
-  return /* @__PURE__ */ React__default.createElement("div", {
+  return useMemo(() => /* @__PURE__ */ React__default.createElement("div", {
     ref: setBlockTreeRef,
     onMouseLeave: props.onMouseLeave
   }, /* @__PURE__ */ React__default.createElement(CacheTree, {
     selectedKeys,
+    expandedKeys,
+    onExpand,
     draggable: true,
     size: "small",
     treeData,
     blockNode: true,
-    fieldNames: {
-      key: "id"
-    },
+    fieldNames: fileNames,
     onDragEnd,
     onDragStart,
     onDrop,
     allowDrop: onDragMove,
     onSelect,
     renderTitle
-  }));
+  })), [
+    treeData,
+    props.onMouseLeave,
+    expandedKeys,
+    selectedKeys,
+    onExpand,
+    onDragEnd,
+    onDragStart,
+    onDrop,
+    onDragMove,
+    onSelect,
+    renderTitle
+  ]);
 }
+const cacheTreeDebounceCallback = lodash.exports.debounce((data, setCacheProps) => {
+  setCacheProps(data);
+}, 300);
 function CacheTree(props) {
   const [cacheProps, setCacheProps] = useState(props);
   const lastProps = useRef(props);
-  const debounceCallback = useCallback(lodash.exports.debounce((data) => {
-    setCacheProps(data);
-  }, 300), []);
   useEffect(() => {
     if (lastProps.current.treeData !== props.treeData) {
       lastProps.current = props;
-      debounceCallback(props);
+      cacheTreeDebounceCallback(props, setCacheProps);
+      return () => {
+        cacheTreeDebounceCallback.cancel();
+      };
     } else {
       lastProps.current = props;
       setCacheProps(props);
@@ -38923,7 +38956,10 @@ function AddFont() {
   });
 }
 const MergeTags = React__default.memo((props) => {
-  const { mergeTags = {}, mergeTagGenerate } = useEditorProps();
+  const { focusIdx: focusIdx2 } = useFocusIdx();
+  const { mergeTags: mergeTags2 = {}, mergeTagGenerate } = useEditorProps();
+  const { values: values2 } = useBlock();
+  const contextMergeTags = useMemo(() => getContextMergeTags(mergeTags2, values2, focusIdx2), [mergeTags2, values2, focusIdx2]);
   const treeOptions = useMemo(() => {
     const treeData = [];
     const deep = (key, title2, parent2, mapData = []) => {
@@ -38931,17 +38967,18 @@ const MergeTags = React__default.memo((props) => {
         key: mergeTagGenerate(key),
         value: mergeTagGenerate(key),
         title: title2,
+        disabled: lodash.exports.isObject(parent2[key]) || !parent2[title2],
         children: []
       };
       mapData.push(currentMapData);
-      const current = parent2[key];
-      if (lodash.exports.isObject(current)) {
+      const current = parent2[title2];
+      if (current && typeof current === "object") {
         Object.keys(current).map((childKey) => deep(key + "." + childKey, childKey, current, currentMapData.children));
       }
     };
-    Object.keys(mergeTags).map((key) => deep(key, key, mergeTags, treeData));
+    Object.keys(contextMergeTags).map((key) => deep(key, key, contextMergeTags, treeData));
     return treeData;
-  }, [mergeTags]);
+  }, [contextMergeTags]);
   const onSelect = useCallback((value) => {
     return props.onChange(value);
   }, [props]);
@@ -38950,13 +38987,12 @@ const MergeTags = React__default.memo((props) => {
   }, props.isSelect ? /* @__PURE__ */ React__default.createElement(TreeSelect$1, {
     value: props.value,
     size: "small",
-    style: { width: 120 },
     dropdownMenuStyle: { maxHeight: 400, overflow: "auto" },
     placeholder: "Please select",
     treeData: treeOptions,
     onChange: (val) => onSelect(val)
   }) : /* @__PURE__ */ React__default.createElement(Tree$1, {
-    style: { width: 120 },
+    defaultExpandedKeys: [],
     selectedKeys: [],
     treeData: treeOptions,
     onSelect: (vals) => onSelect(vals[0])
@@ -38964,7 +39000,7 @@ const MergeTags = React__default.memo((props) => {
 });
 const AttributesPanelWrapper = (props) => {
   const { focusBlock: focusBlock2, setFocusBlock } = useBlock();
-  const { mergeTags } = useEditorProps();
+  const { mergeTags: mergeTags2 } = useEditorProps();
   const block2 = focusBlock2 && BlockManager.getBlockByType(focusBlock2.type);
   const onChangeHidden = useCallback((val) => {
     if (!focusBlock2)
@@ -38994,7 +39030,7 @@ const AttributesPanelWrapper = (props) => {
   }, /* @__PURE__ */ React__default.createElement(EyeIcon, null), /* @__PURE__ */ React__default.createElement(TextStyle, {
     variation: "strong",
     size: "large"
-  }, `${block2.name} attributes`)), /* @__PURE__ */ React__default.createElement(Stack$6.Item, null, props.extra))), Boolean(focusBlock2.data.hidden) && mergeTags && /* @__PURE__ */ React__default.createElement(Stack$6, {
+  }, `${block2.name} attributes`)), /* @__PURE__ */ React__default.createElement(Stack$6.Item, null, props.extra))), Boolean(focusBlock2.data.hidden) && mergeTags2 && /* @__PURE__ */ React__default.createElement(Stack$6, {
     spacing: "extraTight"
   }, /* @__PURE__ */ React__default.createElement(TextStyle, null, "Hide if"), /* @__PURE__ */ React__default.createElement(MergeTags, {
     isSelect: true,
@@ -40966,7 +41002,7 @@ function Margin() {
 }
 function Tools(props) {
   const { container: container2 } = props;
-  const { mergeTags } = useEditorProps();
+  const { mergeTags: mergeTags2 } = useEditorProps();
   const [selectionRange, setSelectionRange] = useState(null);
   useEffect(() => {
     const onSelectionChange = () => {
@@ -41116,7 +41152,7 @@ function Tools(props) {
     getPopupContainer: getPopoverMountNode
   }), /* @__PURE__ */ React__default.createElement("div", {
     className: "easy-email-extensions-divider"
-  }), mergeTags && /* @__PURE__ */ React__default.createElement(Popover$1, {
+  }), mergeTags2 && /* @__PURE__ */ React__default.createElement(Popover$1, {
     trigger: "click",
     color: "#fff",
     position: "bottom",
@@ -41241,6 +41277,8 @@ function RichTextToolBar() {
             } else {
               setDirection("bottom");
             }
+          } else {
+            setDirection("bottom");
           }
         }
       };
@@ -41313,6 +41351,7 @@ const ColorPickerField = enhancer(ColorPicker, (e) => e);
 const UploadField = enhancer(UploadField$1, (val) => val);
 const ImageUploaderField = enhancer(ImageUploader, (url) => url);
 const SelectField = enhancer(Select, (e) => e);
+const TreeSelectField = enhancer(TreeSelect$1, (e) => e);
 const AutoCompleteField = enhancer(AutoComplete, (e) => e);
 const RadioGroupField = enhancer(RadioGroup, (value) => value);
 const SwitchField = enhancer(Switch$1, (e) => e);
@@ -41645,29 +41684,29 @@ function getDirectionFormDropPosition(position) {
   return "";
 }
 function BlockLayer() {
-  const {
-    pageData: pageData2,
-    formState: { values: values2 }
-  } = useEditorContext();
-  const { onUploadImage, onAddCollection } = useEditorProps();
+  const { pageData: pageData2 } = useEditorContext();
   const { focusIdx: focusIdx2, setFocusIdx } = useFocusIdx();
   const { setHoverIdx, setIsDragging, setDirection } = useHoverIdx();
-  const { moveBlock, setValueByIdx: setValueByIdx2, copyBlock, removeBlock } = useBlock();
+  const { moveBlock, setValueByIdx: setValueByIdx2, copyBlock, removeBlock, values: values2 } = useBlock();
   const {
     setBlockLayerRef,
     allowDrop,
     blockLayerRef,
     removeHightLightClassName
   } = useAvatarWrapperDrop();
+  const valueRef = useRef(values2);
+  useEffect(() => {
+    valueRef.current = values2;
+  }, [values2]);
   const [contextMenuData, setContextMenuData] = useState(null);
   const onToggleVisible = useCallback(({ id }, e) => {
     e.stopPropagation();
-    const blockData = lodash.exports.get(values2, id);
+    const blockData = lodash.exports.get(valueRef.current, id);
     if (blockData) {
       blockData.data.hidden = !Boolean(blockData.data.hidden);
       setValueByIdx2(id, blockData);
     }
-  }, [setValueByIdx2, values2]);
+  }, [setValueByIdx2]);
   const renderTitle = useCallback((data) => {
     const block2 = BlockManager.getBlockByType(data.type);
     const isPage = data.type === BasicType.PAGE;
@@ -41761,56 +41800,51 @@ function BlockLayer() {
     }
     return dropResult;
   }, [allowDrop]);
+  const selectedKeys = useMemo(() => {
+    if (!focusIdx2)
+      return [];
+    return [focusIdx2];
+  }, [focusIdx2]);
+  const expandedKeys = useMemo(() => {
+    if (!focusIdx2)
+      return [];
+    let currentIdx = getParentIdx(focusIdx2);
+    const keys2 = [];
+    while (currentIdx) {
+      keys2.push(currentIdx);
+      currentIdx = getParentIdx(currentIdx);
+    }
+    return keys2;
+  }, [focusIdx2]);
   const hasFocus = Boolean(focusIdx2);
-  return useMemo(() => {
-    if (!hasFocus)
-      return null;
-    return /* @__PURE__ */ React__default.createElement("div", __spreadValues({
-      ref: setBlockLayerRef,
-      id: "BlockLayerManager"
-    }, {
-      [DATA_ATTRIBUTE_DROP_CONTAINER]: "true"
-    }), /* @__PURE__ */ React__default.createElement(BlockTree, {
-      selectedId: focusIdx2,
-      defaultExpandAll: true,
-      treeData,
-      renderTitle,
-      allowDrop: blockTreeAllowDrop,
-      onContextMenu,
-      onDrop,
-      onDragStart,
-      onDragEnd,
-      onSelect,
-      onMouseEnter,
-      onMouseLeave
-    }), contextMenuData && /* @__PURE__ */ React__default.createElement(ContextMenu, {
-      onClose: onCloseContextMenu,
-      moveBlock,
-      copyBlock,
-      removeBlock,
-      contextMenuData
-    }));
-  }, [
-    hasFocus,
-    focusIdx2,
+  if (!hasFocus)
+    return null;
+  return /* @__PURE__ */ React__default.createElement("div", __spreadValues({
+    ref: setBlockLayerRef,
+    id: "BlockLayerManager"
+  }, {
+    [DATA_ATTRIBUTE_DROP_CONTAINER]: "true"
+  }), /* @__PURE__ */ React__default.createElement(BlockTree, {
+    selectedKeys,
+    expandedKeys,
+    defaultExpandAll: true,
     treeData,
     renderTitle,
-    allowDrop,
+    allowDrop: blockTreeAllowDrop,
     onContextMenu,
     onDrop,
+    onDragStart,
+    onDragEnd,
     onSelect,
     onMouseEnter,
-    onMouseLeave,
-    contextMenuData,
-    onCloseContextMenu,
-    onUploadImage,
-    onAddCollection,
+    onMouseLeave
+  }), contextMenuData && /* @__PURE__ */ React__default.createElement(ContextMenu, {
+    onClose: onCloseContextMenu,
     moveBlock,
     copyBlock,
     removeBlock,
-    onDragEnd,
-    onDragStart
-  ]);
+    contextMenuData
+  }));
 }
 const BlocksPanel$1 = "_BlocksPanel_15fho_1";
 const blockItem = "_blockItem_15fho_5";
@@ -44111,6 +44145,7 @@ function SourceCodePanel() {
   const { focusIdx } = useFocusIdx();
   const [mjmlText, setMjmlText] = useState("");
   const { pageData } = useEditorContext();
+  const { mergeTags } = useEditorProps();
   const code = useMemo(() => {
     if (!focusBlock)
       return "";
@@ -44156,9 +44191,10 @@ function SourceCodePanel() {
       idx: focusIdx,
       data: focusBlock,
       context: pageData,
-      mode: "production"
+      mode: "production",
+      dataSource: mergeTags
     }));
-  }, [focusBlock, focusIdx, pageData]);
+  }, [focusBlock, focusIdx, pageData, mergeTags]);
   if (!focusBlock)
     return null;
   return /* @__PURE__ */ React__default.createElement(Collapse$1, null, /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
@@ -44197,25 +44233,29 @@ function Toolbar({
     copyBlock(focusIdx2);
   };
   const handleDelete = () => {
+    if (document.activeElement instanceof HTMLElement) {
+      document.activeElement.blur();
+    }
     removeBlock(focusIdx2);
   };
   const handleSelectParent = () => {
     setFocusIdx(getParentIdx(focusIdx2));
   };
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", {
+    id: "easy-email-extensions-InteractivePrompt-Toolbar",
     style: {
       position: "absolute",
       left: 0,
+      height: 0,
       top: direction === "top" || isPage ? 0 : "100%",
-      fontSize: 14,
       zIndex: 3,
-      color: "#000",
-      width: "100%",
-      pointerEvents: "none",
-      lineHeight: "22px"
+      width: "100%"
     }
   }, /* @__PURE__ */ React__default.createElement("div", {
     style: {
+      fontSize: 14,
+      lineHeight: "22px",
+      pointerEvents: "auto",
       color: "#ffffff",
       transform: direction !== "top" || isPage ? void 0 : "translateY(-100%)",
       display: "flex"
@@ -44332,6 +44372,7 @@ function FocusTooltip() {
   if (!block2 || !blockNode)
     return null;
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, createPortal(/* @__PURE__ */ React__default.createElement("div", {
+    id: "easy-email-extensions-InteractivePrompt-FocusTooltip",
     style: {
       position: "absolute",
       width: "100%",
@@ -44434,6 +44475,7 @@ function HoverTooltip() {
   if (!block2 || !blockNode)
     return null;
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, createPortal(/* @__PURE__ */ React__default.createElement("div", {
+    id: "easy-email-extensions-InteractivePrompt-HoverTooltip",
     style: {
       position: "absolute",
       height: "100%",
@@ -44447,14 +44489,14 @@ function HoverTooltip() {
     type: isDragging ? "drag" : "hover",
     lineWidth: 1,
     title: block2.name,
-    direction: isTop ? "noEnoughTop" : direction,
+    direction: isTop && direction === "top" ? "noEnoughTop" : direction,
     isDragging
   })), blockNode));
 }
 function TipNode(props) {
   const { direction, title: title2, lineWidth, type } = props;
   const dragTitle = useMemo(() => {
-    if (direction === "top") {
+    if (direction === "top" || direction === "noEnoughTop") {
       return `Insert before ${title2}`;
     } else if (direction === "bottom") {
       return `Insert after ${title2}`;
@@ -44672,5 +44714,5 @@ const SimpleLayout = (props) => {
     title: "Source code"
   }, /* @__PURE__ */ React__default.createElement(SourceCodePanel, null))))), /* @__PURE__ */ React__default.createElement(InteractivePrompt, null));
 };
-export { EditTabField as $, AttributePanel as A, BlockLayer as B, Color as C, Decoration as D, TextAreaField as E, FontFamily as F, NumberField as G, Height as H, InteractivePrompt as I, SliderField as J, ColorPickerField as K, LetterSpacing as L, Margin as M, NavbarLinkPadding as N, ImageUploaderField as O, Padding as P, SelectField as Q, AutoCompleteField as R, ShortcutToolbar as S, TextAlign as T, UploadField as U, VerticalAlign as V, Width as W, RadioGroupField as X, SwitchField as Y, DatePickerField as Z, CheckboxField as _, BlockAttributeConfigurationManager as a, InlineTextField as a0, enhancer as a1, RichTextField as a2, Align as b, commonjsGlobal as c, AttributesPanelWrapper as d, ContainerBackgroundColor as e, TextDecoration as f, Background as g, LineHeight as h, TextTransform as i, BackgroundColor as j, Direction as k, Link as l, Border as m, BorderColor as n, FontSize as o, MergeTags as p, BorderStyle as q, FontStyle as r, BorderWidth as s, FontWeight as t, BlockMarketManager as u, BlockMaskWrapper as v, SourceCodePanel as w, SimpleLayout as x, TextField as y, SearchField as z };
+export { CheckboxField as $, AttributePanel as A, BlockLayer as B, Color as C, Decoration as D, TextAreaField as E, FontFamily as F, NumberField as G, Height as H, InteractivePrompt as I, SliderField as J, ColorPickerField as K, LetterSpacing as L, Margin as M, NavbarLinkPadding as N, ImageUploaderField as O, Padding as P, SelectField as Q, TreeSelectField as R, ShortcutToolbar as S, TextAlign as T, UploadField as U, VerticalAlign as V, Width as W, AutoCompleteField as X, RadioGroupField as Y, SwitchField as Z, DatePickerField as _, BlockAttributeConfigurationManager as a, EditTabField as a0, InlineTextField as a1, enhancer as a2, RichTextField as a3, Align as b, commonjsGlobal as c, AttributesPanelWrapper as d, ContainerBackgroundColor as e, TextDecoration as f, Background as g, LineHeight as h, TextTransform as i, BackgroundColor as j, Direction as k, Link as l, Border as m, BorderColor as n, FontSize as o, MergeTags as p, BorderStyle as q, FontStyle as r, BorderWidth as s, FontWeight as t, BlockMarketManager as u, BlockMaskWrapper as v, SourceCodePanel as w, SimpleLayout as x, TextField as y, SearchField as z };
 //# sourceMappingURL=index2.js.map