easy-email-extensions 4.3.0 → 4.3.4

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

@@ -1,5 +1,5 @@
-export interface MergeTagsProps {
-    execCommand: (cmd: string, value: any) => void;
-    getPopupContainer: () => HTMLElement;
-}
-export declare function MergeTags(props: MergeTagsProps): JSX.Element;
+export interface MergeTagsProps {
+    execCommand: (cmd: string, value: any) => void;
+    getPopupContainer: () => HTMLElement;
+}
+export declare function MergeTags(props: MergeTagsProps): JSX.Element;

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

@@ -1,6 +1,6 @@
-import { PopoverProps } from '@arco-design/web-react';
-export interface LinkProps extends PopoverProps {
-    currentRange: Range | null | undefined;
-    onChange: () => void;
-}
-export declare function StrikeThrough(props: LinkProps): JSX.Element;
+import { PopoverProps } from '@arco-design/web-react';
+export interface LinkProps extends PopoverProps {
+    currentRange: Range | null | undefined;
+    onChange: () => void;
+}
+export declare function StrikeThrough(props: LinkProps): JSX.Element;

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

@@ -1,9 +1,9 @@
-import React from 'react';
-export declare const ToolItem: React.FC<{
-    title?: string;
-    icon: React.ReactNode;
-    onClick?: React.MouseEventHandler<any>;
-    trigger?: string;
-    style?: React.CSSProperties;
-    isActive?: boolean;
-}>;
+import React from 'react';
+export declare const ToolItem: React.FC<{
+    title?: string;
+    icon: React.ReactNode;
+    onClick?: React.MouseEventHandler<any>;
+    trigger?: string;
+    style?: React.CSSProperties;
+    isActive?: boolean;
+}>;

package/lib/components/Form/RichTextToolBar/components/Tools/IconBgColor/index.d.ts

@@ -1,5 +1,5 @@
-export declare function IconBgColor({ selectionRange, execCommand, getPopoverMountNode }: {
-    selectionRange: Range | null;
-    execCommand: (cmd: string, val?: any) => void;
-    getPopoverMountNode: () => HTMLElement;
-}): JSX.Element;
+export declare function IconBgColor({ selectionRange, execCommand, getPopoverMountNode }: {
+    selectionRange: Range | null;
+    execCommand: (cmd: string, val?: any) => void;
+    getPopoverMountNode: () => HTMLElement;
+}): JSX.Element;

package/lib/components/Form/RichTextToolBar/components/Tools/IconFontColor/index.d.ts

@@ -1,5 +1,5 @@
-export declare function IconFontColor({ selectionRange, execCommand, getPopoverMountNode }: {
-    selectionRange: Range | null;
-    execCommand: (cmd: string, val?: any) => void;
-    getPopoverMountNode: () => HTMLElement;
-}): JSX.Element;
+export declare function IconFontColor({ selectionRange, execCommand, getPopoverMountNode }: {
+    selectionRange: Range | null;
+    execCommand: (cmd: string, val?: any) => void;
+    getPopoverMountNode: () => HTMLElement;
+}): JSX.Element;

package/lib/components/Form/RichTextToolBar/components/Tools/Tools.d.ts

@@ -1,4 +1,4 @@
-export interface ToolsProps {
-    onChange: (content: string) => any;
-}
-export declare function Tools(props: ToolsProps): JSX.Element;
+export interface ToolsProps {
+    onChange: (content: string) => any;
+}
+export declare function Tools(props: ToolsProps): JSX.Element;

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

@@ -1 +1 @@
-export { Tools } from './Tools';
+export { Tools } from './Tools';

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

@@ -1,6 +1,6 @@
-import { PopoverProps } from '@arco-design/web-react';
-export interface LinkProps extends PopoverProps {
-    currentRange: Range | null | undefined;
-    onChange: () => void;
-}
-export declare function Underline(props: LinkProps): JSX.Element;
+import { PopoverProps } from '@arco-design/web-react';
+export interface LinkProps extends PopoverProps {
+    currentRange: Range | null | undefined;
+    onChange: () => void;
+}
+export declare function Underline(props: LinkProps): JSX.Element;

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

@@ -1,12 +1,12 @@
-import { PopoverProps } from '@arco-design/web-react';
-export interface LinkParams {
-    link: string;
-    blank: boolean;
-    underline: boolean;
-    linkNode: HTMLAnchorElement | null;
-}
-export interface LinkProps extends PopoverProps {
-    currentRange: Range | null | undefined;
-    onChange: () => void;
-}
-export declare function Unlink(props: LinkProps): JSX.Element;
+import { PopoverProps } from '@arco-design/web-react';
+export interface LinkParams {
+    link: string;
+    blank: boolean;
+    underline: boolean;
+    linkNode: HTMLAnchorElement | null;
+}
+export interface LinkProps extends PopoverProps {
+    currentRange: Range | null | undefined;
+    onChange: () => void;
+}
+export declare function Unlink(props: LinkProps): JSX.Element;

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

@@ -1 +1 @@
-export { RichTextToolBar } from './RichTextToolBar';
+export { RichTextToolBar } from './RichTextToolBar';

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

@@ -1,11 +1,11 @@
-import { SelectProps as ArcoSelectProps } from '@arco-design/web-react';
-import React from 'react';
-export interface SelectProps extends ArcoSelectProps {
-    options: Array<{
-        value: string;
-        label: React.ReactNode;
-    }>;
-    onChange?: (val: string) => void;
-    value: string;
-}
-export declare function Select(props: SelectProps): JSX.Element;
+import { SelectProps as ArcoSelectProps } from '@arco-design/web-react';
+import React from 'react';
+export interface SelectProps extends ArcoSelectProps {
+    options: Array<{
+        value: string;
+        label: React.ReactNode;
+    }>;
+    onChange?: (val: string) => void;
+    value: string;
+}
+export declare function Select(props: SelectProps): JSX.Element;

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

@@ -1,8 +1,8 @@
-export interface UploadFieldProps {
-    onChange: (val: string) => void;
-    value: string;
-    inputDisabled?: boolean;
-    accept?: string;
-    uploadHandler: (file: File) => Promise<string>;
-}
-export declare function UploadField(props: UploadFieldProps): JSX.Element;
+export interface UploadFieldProps {
+    onChange: (val: string) => void;
+    value: string;
+    inputDisabled?: boolean;
+    accept?: string;
+    uploadHandler: (file: File) => Promise<string>;
+}
+export declare function UploadField(props: UploadFieldProps): JSX.Element;

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

@@ -1,20 +1,20 @@
-import { StackProps } from 'easy-email-editor';
-import { FieldProps } from 'react-final-form';
-import React from 'react';
-import { InputProps } from './Input';
-export interface EnhancerProps<T> extends Partial<FieldProps<T, any>> {
-    name: string;
-    label: React.ReactNode | null;
-    labelHidden?: boolean;
-    alignment?: StackProps['alignment'];
-    distribution?: StackProps['distribution'];
-    helpText?: React.ReactNode;
-    inline?: boolean;
-    required?: boolean;
-    valueAdapter?: (value: any) => any;
-    onChangeAdapter?: (value: any) => any;
-    validate?: (value: any) => string | undefined | Promise<string | undefined>;
-    wrapper?: boolean;
-    size?: InputProps['size'];
-}
-export default function enhancer<P, C extends (...rest: any[]) => any = any>(Component: any, changeAdapter: C): (props: EnhancerProps<P> & Omit<P, 'value' | 'onChange' | 'mutators'>) => JSX.Element;
+import { StackProps } from 'easy-email-editor';
+import { FieldProps } from 'react-final-form';
+import React from 'react';
+import { InputProps } from './Input';
+export interface EnhancerProps<T> extends Partial<FieldProps<T, any>> {
+    name: string;
+    label: React.ReactNode | null;
+    labelHidden?: boolean;
+    alignment?: StackProps['alignment'];
+    distribution?: StackProps['distribution'];
+    helpText?: React.ReactNode;
+    inline?: boolean;
+    required?: boolean;
+    valueAdapter?: (value: any) => any;
+    onChangeAdapter?: (value: any) => any;
+    validate?: (value: any) => string | undefined | Promise<string | undefined>;
+    wrapper?: boolean;
+    size?: InputProps['size'];
+}
+export default function enhancer<P, C extends (...rest: any[]) => any = any>(Component: any, changeAdapter: C): (props: EnhancerProps<P> & Omit<P, 'value' | 'onChange' | 'mutators'>) => JSX.Element;

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

@@ -1,34 +1,34 @@
-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';
-import { SelectProps } from './Select';
-import { RadioGroupProps } from './RadioGroup';
-import enhancer from './enhancer';
-import { InputProps } from './Input';
-import { InputWithUnitProps } from './InputWithUnit';
-import { EditTabProps } from './EditTab';
-import { EditGridTabProps } from './EditGridTab';
-import { InlineTextProps } from './InlineTextField';
-import { AutoCompleteProps } from './AutoComplete';
-export { RichTextField } from './RichTextField';
-export declare const TextField: (props: import("./enhancer").EnhancerProps<InputProps> & Omit<InputProps, "value" | "onChange" | "mutators">) => JSX.Element;
-export declare const InputWithUnitField: (props: import("./enhancer").EnhancerProps<InputWithUnitProps> & Omit<InputWithUnitProps, "value" | "onChange" | "mutators">) => JSX.Element;
-export declare const SearchField: (props: import("./enhancer").EnhancerProps<InputProps> & Omit<InputProps, "value" | "onChange" | "mutators">) => JSX.Element;
-export declare const TextAreaField: (props: import("./enhancer").EnhancerProps<TextAreaProps> & Omit<TextAreaProps, "value" | "onChange" | "mutators">) => JSX.Element;
-export declare const NumberField: (props: import("./enhancer").EnhancerProps<InputNumberProps> & Omit<InputNumberProps, "value" | "onChange" | "mutators">) => JSX.Element;
-export declare const SliderField: (props: import("./enhancer").EnhancerProps<SliderProps> & Omit<SliderProps, "value" | "onChange" | "mutators">) => JSX.Element;
-export declare const ColorPickerField: (props: import("./enhancer").EnhancerProps<ColorPickerProps> & Omit<ColorPickerProps, "value" | "onChange" | "mutators">) => JSX.Element;
-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;
-export declare const DatePickerField: (props: import("./enhancer").EnhancerProps<DatePickerProps> & Omit<DatePickerProps, "value" | "onChange" | "mutators">) => JSX.Element;
-export declare const CheckboxField: (props: import("./enhancer").EnhancerProps<CheckboxGroupProps<any>> & Omit<CheckboxGroupProps<any>, "value" | "onChange" | "mutators">) => JSX.Element;
-export declare const EditTabField: (props: import("./enhancer").EnhancerProps<EditTabProps<any>> & Omit<EditTabProps<any>, "value" | "onChange" | "mutators">) => JSX.Element;
-export declare const EditGridTabField: (props: import("./enhancer").EnhancerProps<EditGridTabProps<any>> & Omit<EditGridTabProps<any>, "value" | "onChange" | "mutators">) => JSX.Element;
-export declare const InlineTextField: (props: import("./enhancer").EnhancerProps<InlineTextProps> & Omit<InlineTextProps, "value" | "onChange" | "mutators">) => JSX.Element;
-export { enhancer };
+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';
+import { SelectProps } from './Select';
+import { RadioGroupProps } from './RadioGroup';
+import enhancer from './enhancer';
+import { InputProps } from './Input';
+import { InputWithUnitProps } from './InputWithUnit';
+import { EditTabProps } from './EditTab';
+import { EditGridTabProps } from './EditGridTab';
+import { InlineTextProps } from './InlineTextField';
+import { AutoCompleteProps } from './AutoComplete';
+export { RichTextField } from './RichTextField';
+export declare const TextField: (props: import("./enhancer").EnhancerProps<InputProps> & Omit<InputProps, "value" | "onChange" | "mutators">) => JSX.Element;
+export declare const InputWithUnitField: (props: import("./enhancer").EnhancerProps<InputWithUnitProps> & Omit<InputWithUnitProps, "value" | "onChange" | "mutators">) => JSX.Element;
+export declare const SearchField: (props: import("./enhancer").EnhancerProps<InputProps> & Omit<InputProps, "value" | "onChange" | "mutators">) => JSX.Element;
+export declare const TextAreaField: (props: import("./enhancer").EnhancerProps<TextAreaProps> & Omit<TextAreaProps, "value" | "onChange" | "mutators">) => JSX.Element;
+export declare const NumberField: (props: import("./enhancer").EnhancerProps<InputNumberProps> & Omit<InputNumberProps, "value" | "onChange" | "mutators">) => JSX.Element;
+export declare const SliderField: (props: import("./enhancer").EnhancerProps<SliderProps> & Omit<SliderProps, "value" | "onChange" | "mutators">) => JSX.Element;
+export declare const ColorPickerField: (props: import("./enhancer").EnhancerProps<ColorPickerProps> & Omit<ColorPickerProps, "value" | "onChange" | "mutators">) => JSX.Element;
+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;
+export declare const DatePickerField: (props: import("./enhancer").EnhancerProps<DatePickerProps> & Omit<DatePickerProps, "value" | "onChange" | "mutators">) => JSX.Element;
+export declare const CheckboxField: (props: import("./enhancer").EnhancerProps<CheckboxGroupProps<any>> & Omit<CheckboxGroupProps<any>, "value" | "onChange" | "mutators">) => JSX.Element;
+export declare const EditTabField: (props: import("./enhancer").EnhancerProps<EditTabProps<any>> & Omit<EditTabProps<any>, "value" | "onChange" | "mutators">) => JSX.Element;
+export declare const EditGridTabField: (props: import("./enhancer").EnhancerProps<EditGridTabProps<any>> & Omit<EditGridTabProps<any>, "value" | "onChange" | "mutators">) => JSX.Element;
+export declare const InlineTextField: (props: import("./enhancer").EnhancerProps<InlineTextProps> & Omit<InlineTextProps, "value" | "onChange" | "mutators">) => JSX.Element;
+export { enhancer };

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

@@ -1,5 +1,5 @@
-import React from 'react';
-import 'overlayscrollbars/css/OverlayScrollbars.css';
-export declare const FullHeightOverlayScrollbars: React.FC<{
-    height: string | number;
-}>;
+import React from 'react';
+import 'overlayscrollbars/css/OverlayScrollbars.css';
+export declare const FullHeightOverlayScrollbars: React.FC<{
+    height: string | number;
+}>;

package/lib/components/Providers/ExtensionProvider.d.ts

@@ -1,39 +1,39 @@
-import { BlockLayerProps } from '../../BlockLayer';
-import React from 'react';
-export interface ExtensionProps extends BlockLayerProps {
-    categories: Array<{
-        label: string;
-        active?: boolean;
-        blocks: Array<{
-            type: string;
-            payload?: any;
-            title?: string | undefined;
-        }>;
-        displayType?: 'grid';
-    } | {
-        label: string;
-        active?: boolean;
-        blocks: Array<{
-            payload?: any;
-            title?: string | undefined;
-        }>;
-        displayType: 'column';
-    } | {
-        label: string;
-        active?: boolean;
-        blocks: Array<{
-            payload?: any;
-        }>;
-        displayType: 'widget';
-    } | {
-        label: string;
-        active?: boolean;
-        blocks: Array<React.ReactNode>;
-        displayType: 'custom';
-    }>;
-    showSourceCode?: boolean;
-    compact?: boolean;
-}
-export declare const ExtensionContext: React.Context<ExtensionProps>;
-export declare const ExtensionProvider: React.FC<ExtensionProps>;
-export declare function useExtensionProps(): ExtensionProps;
+import { BlockLayerProps } from '../../BlockLayer';
+import React from 'react';
+export interface ExtensionProps extends BlockLayerProps {
+    categories: Array<{
+        label: string;
+        active?: boolean;
+        blocks: Array<{
+            type: string;
+            payload?: any;
+            title?: string | undefined;
+        }>;
+        displayType?: 'grid';
+    } | {
+        label: string;
+        active?: boolean;
+        blocks: Array<{
+            payload?: any;
+            title?: string | undefined;
+        }>;
+        displayType: 'column';
+    } | {
+        label: string;
+        active?: boolean;
+        blocks: Array<{
+            payload?: any;
+        }>;
+        displayType: 'widget';
+    } | {
+        label: string;
+        active?: boolean;
+        blocks: Array<React.ReactNode>;
+        displayType: 'custom';
+    }>;
+    showSourceCode?: boolean;
+    compact?: boolean;
+}
+export declare const ExtensionContext: React.Context<ExtensionProps>;
+export declare const ExtensionProvider: React.FC<ExtensionProps>;
+export declare function useExtensionProps(): ExtensionProps;

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

@@ -1 +1 @@
-export declare function RenderCount(): JSX.Element;
+export declare function RenderCount(): JSX.Element;

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

@@ -1,2 +1,2 @@
-import React from 'react';
-export declare const ShadowDom: React.FC<React.HTMLProps<HTMLElement>>;
+import React from 'react';
+export declare const ShadowDom: React.FC<React.HTMLProps<HTMLElement>>;

package/lib/constants.d.ts

@@ -1 +1 @@
-export declare const RICH_TEXT_TOOL_BAR = "Tools";
+export declare const RICH_TEXT_TOOL_BAR = "Tools";

package/lib/hooks/useAddToCollection.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-export declare function useAddToCollection(): {
-    modal: JSX.Element;
-    modalVisible: boolean;
-    setModalVisible: React.Dispatch<React.SetStateAction<boolean>>;
-};
+import React from 'react';
+export declare function useAddToCollection(): {
+    modal: JSX.Element;
+    modalVisible: boolean;
+    setModalVisible: React.Dispatch<React.SetStateAction<boolean>>;
+};

package/lib/hooks/useFontFamily.d.ts

@@ -1,6 +1,6 @@
-export declare function useFontFamily(): {
-    fontList: {
-        value: string;
-        label: JSX.Element;
-    }[];
-};
+export declare function useFontFamily(): {
+    fontList: {
+        value: string;
+        label: JSX.Element;
+    }[];
+};

package/lib/index.d.ts

@@ -1,15 +1,15 @@
-import './index.scss';
-export * from './BlockLayer';
-export * from './AttributePanel';
-export * from './ShortcutToolbar';
-export * from './SourceCodePanel';
-export * from './InteractivePrompt';
-export * from './SimpleLayout';
-export * from './StandardLayout';
-export * from './MergeTagBadgePrompt';
-export * from './components/Providers/ExtensionProvider';
-export * from './constants';
-export * from './components/Form';
-export { getContextMergeTags } from './utils/getContextMergeTags';
-export { getIconNameByBlockType } from './utils/getIconNameByBlockType';
-export { getBlockTitle } from './utils/getBlockTitle';
+import './index.scss';
+export * from './BlockLayer';
+export * from './AttributePanel';
+export * from './ShortcutToolbar';
+export * from './SourceCodePanel';
+export * from './InteractivePrompt';
+export * from './SimpleLayout';
+export * from './StandardLayout';
+export * from './MergeTagBadgePrompt';
+export * from './components/Providers/ExtensionProvider';
+export * from './constants';
+export * from './components/Form';
+export { getContextMergeTags } from './utils/getContextMergeTags';
+export { getIconNameByBlockType } from './utils/getIconNameByBlockType';
+export { getBlockTitle } from './utils/getBlockTitle';

package/lib/index2.js

@@ -36140,22 +36140,6 @@ function Input(props) {
     onKeyDown
   }));
 }
-const defaultUnitOptions = [
-  {
-    value: "px",
-    label: "px"
-  }
-];
-const percentUnitOptions = [
-  {
-    value: "px",
-    label: "px"
-  },
-  {
-    value: "%",
-    label: "%"
-  }
-];
 function InputWithUnit(props) {
   const _a = props, {
     value = "",
@@ -36166,32 +36150,6 @@ function InputWithUnit(props) {
     "onKeyDown",
     "unitOptions"
   ]);
-  const unitOptions = useMemo(() => {
-    if (propsUnitOptions === "percent")
-      return percentUnitOptions;
-    if (Array.isArray(propsUnitOptions))
-      return propsUnitOptions;
-    return defaultUnitOptions;
-  }, [propsUnitOptions]);
-  useMemo(() => {
-    if (Number(value) === parseFloat(value)) {
-      return {
-        text: value,
-        unit: ""
-      };
-    }
-    if (isNaN(Number(value)) && isNaN(parseFloat(value)) && unitOptions.some((u) => u.value === value)) {
-      return {
-        text: "",
-        unit: value
-      };
-    }
-    const arr = value.split(/(\d+(\.\d+)?)(\D+)$/);
-    return {
-      text: arr[1] || "",
-      unit: arr[3] || unitOptions[0].value
-    };
-  }, [value, unitOptions]);
   return /* @__PURE__ */ React__default.createElement(Input, __spreadProps(__spreadValues({
     value
   }, restProps), {
@@ -38459,10 +38417,24 @@ function Spacer() {
 }
 function Raw() {
   const { focusIdx: focusIdx2 } = useFocusIdx();
-  return /* @__PURE__ */ React__default.createElement(Stack$4, null, /* @__PURE__ */ React__default.createElement(TextField, {
-    label: "content",
+  const [visible, setVisible] = useState(false);
+  return /* @__PURE__ */ React__default.createElement(AttributesPanelWrapper, {
+    style: { padding: 20 },
+    extra: /* @__PURE__ */ React__default.createElement(Tooltip$1, {
+      content: "Html mode"
+    }, /* @__PURE__ */ React__default.createElement(Button$4, {
+      onClick: () => setVisible(true),
+      icon: /* @__PURE__ */ React__default.createElement(IconFont, {
+        iconName: "icon-html"
+      })
+    }))
+  }, /* @__PURE__ */ React__default.createElement(TextAreaField, {
+    label: "",
     name: `${focusIdx2}.data.value.content`,
-    inline: true
+    rows: 5
+  }), /* @__PURE__ */ React__default.createElement(HtmlEditor, {
+    visible,
+    setVisible
   }));
 }
 const positionOptions = [
@@ -42537,7 +42509,7 @@ const list = [
     }
   }
 ];
-const defaultCategories = [
+const defaultCategories$1 = [
   {
     title: "Content",
     name: "CONTENT",
@@ -42657,7 +42629,7 @@ const defaultCategories = [
     ]
   }
 ];
-BlockMarketManager.addCategories(defaultCategories);
+BlockMarketManager.addCategories(defaultCategories$1);
 const BlocksPanel = (props) => {
   const { isDragging } = useHoverIdx();
   const [visible, setVisible] = useState(false);
@@ -48934,16 +48906,80 @@ function EditPanel() {
     compact: Boolean(compact)
   }));
 }
+const defaultCategories = [
+  {
+    label: "Content",
+    active: true,
+    blocks: [
+      {
+        type: AdvancedType.TEXT
+      },
+      {
+        type: AdvancedType.IMAGE,
+        payload: { attributes: { padding: "0px 0px 0px 0px" } }
+      },
+      {
+        type: AdvancedType.BUTTON
+      },
+      {
+        type: AdvancedType.SOCIAL
+      },
+      {
+        type: AdvancedType.DIVIDER
+      },
+      {
+        type: AdvancedType.SPACER
+      },
+      {
+        type: AdvancedType.HERO
+      },
+      {
+        type: AdvancedType.WRAPPER
+      }
+    ]
+  },
+  {
+    label: "Layout",
+    active: true,
+    displayType: "column",
+    blocks: [
+      {
+        title: "2 columns",
+        payload: [
+          ["50%", "50%"],
+          ["33%", "67%"],
+          ["67%", "33%"],
+          ["25%", "75%"],
+          ["75%", "25%"]
+        ]
+      },
+      {
+        title: "3 columns",
+        payload: [
+          ["33.33%", "33.33%", "33.33%"],
+          ["25%", "25%", "50%"],
+          ["50%", "25%", "25%"]
+        ]
+      },
+      {
+        title: "4 columns",
+        payload: [[["25%", "25%", "25%", "25%"]]]
+      }
+    ]
+  }
+];
 const StandardLayout = (props) => {
   const { height: containerHeight } = useEditorProps();
-  const { showSourceCode = true, compact = true } = props;
+  const { showSourceCode = true, compact = true, categories = defaultCategories } = props;
   const { setFocusIdx } = useFocusIdx();
   useEffect(() => {
     if (!compact) {
       setFocusIdx("");
     }
   }, [compact, setFocusIdx]);
-  return /* @__PURE__ */ React__default.createElement(ExtensionProvider, __spreadValues({}, props), /* @__PURE__ */ React__default.createElement(ConfigProvider, {
+  return /* @__PURE__ */ React__default.createElement(ExtensionProvider, __spreadProps(__spreadValues({}, props), {
+    categories
+  }), /* @__PURE__ */ React__default.createElement(ConfigProvider, {
     locale: enUS
   }, /* @__PURE__ */ React__default.createElement(Card$1, {
     style: { padding: 0 },