easy-email-extensions 4.16.0 → 4.16.1

package/lib/AttributePanel/components/blocks/AdvancedTable/Operation/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function TableOperation(): JSX.Element;

package/lib/AttributePanel/components/blocks/AdvancedTable/Operation/tableCellBgSelector.d.ts

@@ -0,0 +1,6 @@
+interface CellBackgroundSelectorProps {
+    bgColorHandler: (color: string) => void;
+    rootDom: Element;
+}
+declare const getCellBackgroundSelectorRoot: (bgColorHandler: CellBackgroundSelectorProps['bgColorHandler'], rootDom: any) => HTMLDivElement;
+export default getCellBackgroundSelectorRoot;

package/lib/AttributePanel/components/blocks/AdvancedTable/Operation/tableMenuConfig.d.ts

@@ -0,0 +1,44 @@
+import TableOperationMenu from './tableOperationMenu';
+declare const MENU_CONFIG: {
+    insertColumnRight: {
+        text: string;
+        icon: string;
+        handler(): void;
+    };
+    insertColumnLeft: {
+        text: string;
+        icon: string;
+        handler(): void;
+    };
+    insertRowUp: {
+        text: string;
+        icon: string;
+        handler(): void;
+    };
+    insertRowDown: {
+        text: string;
+        icon: string;
+        handler(): void;
+    };
+    mergeCells: {
+        text: string;
+        icon: string;
+        handler(): void;
+    };
+    deleteColumn: {
+        text: string;
+        icon: string;
+        handler(): void;
+    };
+    deleteRow: {
+        text: string;
+        icon: string;
+        handler(): void;
+    };
+    setCellBg: {
+        text: string;
+        render(tableOperationMenu: TableOperationMenu): HTMLDivElement;
+        handler(color: string): void;
+    };
+};
+export default MENU_CONFIG;

package/lib/AttributePanel/components/blocks/AdvancedTable/Operation/tableOperationMenu.d.ts

@@ -0,0 +1,65 @@
+import { IBoundingPosition, IOperationData } from './type';
+export default class TableOperationMenu {
+    menuItems: {
+        insertColumnRight: {
+            text: string;
+            icon: string;
+            handler(): void;
+        };
+        insertColumnLeft: {
+            text: string;
+            icon: string;
+            handler(): void;
+        };
+        insertRowUp: {
+            text: string;
+            icon: string;
+            handler(): void;
+        };
+        insertRowDown: {
+            text: string;
+            icon: string;
+            handler(): void;
+        };
+        mergeCells: {
+            text: string;
+            icon: string;
+            handler(): void;
+        };
+        deleteColumn: {
+            text: string;
+            icon: string;
+            handler(): void;
+        };
+        deleteRow: {
+            text: string;
+            icon: string;
+            handler(): void;
+        };
+        setCellBg: {
+            text: string;
+            render(tableOperationMenu: TableOperationMenu): HTMLDivElement;
+            handler(color: string): void;
+        };
+    };
+    domNode: Element | undefined;
+    styleDom?: HTMLStyleElement;
+    visible: boolean;
+    changeTableData?: (e: IOperationData[][]) => void;
+    tableData: IOperationData[][];
+    tableIndexBoundary: IBoundingPosition;
+    maxTdCount: number;
+    constructor();
+    mount(): void;
+    destroy(): void;
+    hide(): void;
+    addRow(insertIndex: number, colCount: number): void;
+    setTableData(tableData: IOperationData[][]): void;
+    setTableIndexBoundary(tableIndexBoundary: IBoundingPosition): void;
+    showMenu({ x, y }: {
+        x: number;
+        y: number;
+    }): void;
+    menuInitial(): void;
+    menuItemCreator({ text, icon, handler }: any): HTMLDivElement;
+}

package/lib/AttributePanel/components/blocks/AdvancedTable/Operation/tableTool.d.ts

@@ -0,0 +1,45 @@
+import TableOperationMenu from './tableOperationMenu';
+import { AdvancedTableBlock } from 'easy-email-core';
+interface IBorderTool {
+    top: Element;
+    bottom: Element;
+    left: Element;
+    right: Element;
+}
+declare class TableColumnTool {
+    borderTool: IBorderTool;
+    dragging: boolean;
+    showBorderTool: boolean;
+    startRect: {
+        width: number;
+        height: number;
+    };
+    startTdTop: number;
+    startTdLeft: number;
+    endTdTop: number;
+    endTdLeft: number;
+    width: number;
+    height: number;
+    selectedLeftTopCell: Element | undefined;
+    selectedBottomRightCell: Element | undefined;
+    startDom: Element | undefined;
+    endDom: Element | undefined;
+    hoveringTable: ParentNode | null;
+    root: Element | undefined;
+    tableMenu?: TableOperationMenu;
+    changeTableData?: (e: AdvancedTableBlock['data']['value']['tableSource']) => void;
+    tableData: AdvancedTableBlock['data']['value']['tableSource'];
+    constructor(borderTool: IBorderTool, root: Element);
+    initTool(): void;
+    destroy(): void;
+    hideBorder: (e: any) => void;
+    hideBorderByKeyDown: () => void;
+    hideTableMenu: (e?: any) => void;
+    visibleBorder: (show?: boolean) => void;
+    renderBorder: () => void;
+    handleContextmenu: (event: any) => void;
+    handleMousedown(event: any): void;
+    handleDrag: (e: any) => void;
+    handleMouseup: (e: any) => void;
+}
+export default TableColumnTool;

package/lib/AttributePanel/components/blocks/AdvancedTable/Operation/type.d.ts

@@ -0,0 +1,21 @@
+import { IAdvancedTableData } from 'easy-email-core';
+export interface IOperationData extends IAdvancedTableData {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+}
+export interface IBoundaryRect {
+    left: number;
+    top: number;
+    right: number;
+    bottom: number;
+    width: number;
+    height: number;
+}
+export interface IBoundingPosition {
+    left: number;
+    top: number;
+    right: number;
+    bottom: number;
+}

package/lib/AttributePanel/components/blocks/AdvancedTable/Operation/util.d.ts

@@ -0,0 +1,23 @@
+import { IBoundaryRect, IBoundingPosition, IOperationData } from './type';
+import { AdvancedTableBlock } from 'easy-email-core';
+export declare const getBoundaryRectAndElement: (el1: Element, el2: Element) => {
+    leftTopCell: Element;
+    bottomRightCell: Element;
+    boundary: IBoundaryRect;
+} | null;
+export declare function setStyle(domNode: any, rules: any): void;
+export declare const getCurrentTable: (target: Element) => ParentNode | null;
+export declare const getElementsBoundary: (el1: Element, el2: Element) => IBoundingPosition;
+export declare const checkEventInBoundingRect: (rect: IBoundingPosition, { x, y }: {
+    x: number;
+    y: number;
+}) => boolean;
+export declare const getCellAttr: (el: Element, attrName: string) => number;
+export declare const getTdBoundaryIndex: (leftTopCell: Element, bottomRightCell: Element) => {
+    left: number;
+    top: number;
+    right: number;
+    bottom: number;
+};
+export declare const getCorrectTableIndexBoundary: (tableIndexBoundary: IBoundingPosition, tableData: IOperationData[][]) => IBoundingPosition;
+export declare const getMaxTdCount: (tableData: AdvancedTableBlock['data']['value']['tableSource']) => number;

package/lib/AttributePanel/components/blocks/AdvancedTable/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function AdvancedTable(): JSX.Element;

package/lib/AttributePanel/components/blocks/index.d.ts

@@ -18,6 +18,7 @@ import { Hero } from './Hero';
 import { Navbar } from './Navbar';
 import { Social } from './Social';
 import { Table } from './Table';
+import { AdvancedTable } from './AdvancedTable';
 export declare const blocks: {
     page: typeof Page;
     section: typeof Section;
@@ -48,6 +49,7 @@ export declare const blocks: {
     advanced_carousel: typeof Carousel;
     advanced_navbar: typeof Navbar;
     advanced_social: typeof Social;
+    advanced_table: typeof AdvancedTable;
     advanced_hero: typeof Hero;
     advanced_wrapper: typeof Wrapper;
     advanced_section: typeof Section;

package/lib/index.d.ts

@@ -12,6 +12,6 @@ export * from './constants';
 export * from './components/Form';
 export * from './components/ShadowDom';
 export { getContextMergeTags } from './utils/getContextMergeTags';
-export { getIconNameByBlockType } from './utils/getIconNameByBlockType';
+export { getIconNameByBlockType, setIconsMap } from './utils/getIconNameByBlockType';
 export { getBlockTitle } from './utils/getBlockTitle';
 export { MjmlToJson } from './utils/MjmlToJson';

package/lib/index.js

@@ -1,4 +1,4 @@
-export { e as Align, A as AttributePanel, f as AttributesPanelWrapper, ab as AutoCompleteField, l as Background, o as BackgroundColor, d as BlockAttributeConfigurationManager, B as BlockLayer, K as BlockMarketManager, O as BlockMaskWrapper, r as Border, t as BorderColor, w as BorderStyle, y as BorderWidth, ae as CheckboxField, G as ClassName, h as CollapseWrapper, C as Color, ai as ColorPickerField, i as Condition, j as ContainerBackgroundColor, D as Decoration, P as DefaultPageConfigPanel, p as Direction, ag as EditGridTabField, af as EditTabField, Z as ExtensionContext, _ as ExtensionProvider, F as FontFamily, u as FontSize, x as FontStyle, z as FontWeight, H as Height, a8 as ImageUploaderField, ah as InlineTextField, a2 as InputWithUnitField, R as InteractivePrompt, L as LetterSpacing, m as LineHeight, q as Link, s as Margin, Y as MergeTagBadgePrompt, v as MergeTags, M as MjmlToJson, N as NavbarLinkPadding, a5 as NumberField, E as Padding, I as PresetColorsProvider, a0 as RICH_TEXT_TOOL_BAR, ac as RadioGroupField, ak as RichTextField, a3 as SearchField, a9 as SelectField, S as SelectionRangeProvider, al as ShadowDom, J as ShortcutToolbar, U as SimpleLayout, a6 as SliderField, Q as SourceCodePanel, X as StandardLayout, ad as SwitchField, T as TextAlign, a4 as TextAreaField, k as TextDecoration, a1 as TextField, n as TextTransform, aa as TreeSelectField, a7 as UploadField, V as VerticalAlign, W as Width, aj as enhancer, b as getBlockTitle, g as getContextMergeTags, a as getIconNameByBlockType, $ as useExtensionProps } from "./index2.js";
+export { e as Align, A as AttributePanel, f as AttributesPanelWrapper, ac as AutoCompleteField, l as Background, o as BackgroundColor, d as BlockAttributeConfigurationManager, B as BlockLayer, O as BlockMarketManager, Q as BlockMaskWrapper, r as Border, u as BorderColor, x as BorderStyle, z as BorderWidth, af as CheckboxField, I as ClassName, h as CollapseWrapper, C as Color, aj as ColorPickerField, i as Condition, j as ContainerBackgroundColor, D as Decoration, P as DefaultPageConfigPanel, p as Direction, ah as EditGridTabField, ag as EditTabField, _ as ExtensionContext, $ as ExtensionProvider, F as FontFamily, v as FontSize, y as FontStyle, E as FontWeight, H as Height, a9 as ImageUploaderField, ai as InlineTextField, a3 as InputWithUnitField, U as InteractivePrompt, L as LetterSpacing, m as LineHeight, q as Link, t as Margin, Z as MergeTagBadgePrompt, w as MergeTags, M as MjmlToJson, N as NavbarLinkPadding, a6 as NumberField, G as Padding, J as PresetColorsProvider, a1 as RICH_TEXT_TOOL_BAR, ad as RadioGroupField, al as RichTextField, a4 as SearchField, aa as SelectField, S as SelectionRangeProvider, am as ShadowDom, K as ShortcutToolbar, X as SimpleLayout, a7 as SliderField, R as SourceCodePanel, Y as StandardLayout, ae as SwitchField, T as TextAlign, a5 as TextAreaField, k as TextDecoration, a2 as TextField, n as TextTransform, ab as TreeSelectField, a8 as UploadField, V as VerticalAlign, W as Width, ak as enhancer, b as getBlockTitle, g as getContextMergeTags, a as getIconNameByBlockType, s as setIconsMap, a0 as useExtensionProps } from "./index2.js";
 import "react";
 import "easy-email-editor";
 import "easy-email-core";