easy-email-pro-theme 1.52.0 → 1.53.1

package/lib/style.css

@@ -197,14 +197,14 @@
 .block-list-grid-item:nth-last-child(2),
 .block-list-grid-item:nth-last-child(3) {
   margin-bottom: 0px;
-}._item_14paa_1 {
+}._item_7uv5l_1 {
   display: flex;
   justify-content: space-between;
   flex-direction: column;
   width: 100%;
 }
 
-._itemContent_14paa_8 {
+._itemContent_7uv5l_8 {
   display: flex;
   width: 100%;
   padding: 5px 10px 5px 5px;
@@ -219,27 +219,40 @@
   color: #222;
   box-sizing: border-box;
 }
-._itemContent_14paa_8:hover {
+._itemContent_7uv5l_8:hover {
   background-color: #f5f5f5;
 }
-._itemContent_14paa_8:hover ._itemActions_14paa_26 {
+._itemContent_7uv5l_8:hover ._itemActions_7uv5l_26 {
   opacity: 1;
 }
 
-._itemLabelWrapper_14paa_30 {
+._itemHovered_7uv5l_30 ._itemContent_7uv5l_8 {
+  background-color: rgba(var(--primary-6), 0.1);
+}
+
+._itemSelected_7uv5l_34 ._itemContent_7uv5l_8 {
+  background-color: rgba(var(--primary-6), 0.1);
+  border-left: 3px solid var(--primary-6);
+}
+
+._itemSelected_7uv5l_34._itemHovered_7uv5l_30 ._itemContent_7uv5l_8 {
+  background-color: #d4e9f0;
+}
+
+._itemLabelWrapper_7uv5l_43 {
   display: flex;
   align-items: center;
   gap: 10px;
 }
 
-._itemLabel_14paa_30 {
+._itemLabel_7uv5l_43 {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 200px;
 }
 
-._action_14paa_43 {
+._action_7uv5l_56 {
   display: flex;
   width: 30px;
   height: 30px;
@@ -248,21 +261,21 @@
   cursor: pointer;
   border-radius: 4px;
 }
-._action_14paa_43 svg {
+._action_7uv5l_56 svg {
   width: 16px;
   height: 16px;
 }
-._action_14paa_43:hover {
+._action_7uv5l_56:hover {
   background-color: rgba(0, 0, 0, 0.05);
 }
 
-._itemTitle_14paa_60 {
+._itemTitle_7uv5l_73 {
   display: flex;
   align-items: center;
   width: 100%;
 }
 
-._itemCollapse_14paa_66 {
+._itemCollapse_7uv5l_79 {
   display: flex;
   width: 30px;
   height: 30px;
@@ -271,11 +284,11 @@
   cursor: pointer;
   border-radius: 4px;
 }
-._itemCollapse_14paa_66:hover {
+._itemCollapse_7uv5l_79:hover {
   background-color: rgba(0, 0, 0, 0.05);
 }
 
-._itemActions_14paa_26 {
+._itemActions_7uv5l_26 {
   display: flex;
   align-items: center;
   opacity: 0;
@@ -283,7 +296,7 @@
   right: 10px;
 }
 
-._itemChildren_14paa_87 {
+._itemChildren_7uv5l_100 {
   display: flex;
   flex-direction: column;
   padding-left: 20px;
@@ -1056,6 +1069,9 @@ THEMES:
   z-index: 1;
   top: -10000px;
   left: -10000px;
+}
+
+.HoveringToolbar-list {
   padding: 3px;
   display: flex;
   align-items: center;

package/lib/typings/components/ConfigurationPanel/Schemas/Blockquote.d.ts

@@ -0,0 +1,2 @@
+import { BlockSchema } from "../../../typings";
+export declare const BlockquoteSchema: BlockSchema;

package/lib/typings/components/ConfigurationPanel/Schemas/Button.d.ts

@@ -0,0 +1,2 @@
+import { BlockSchema } from "../../../typings";
+export declare const ButtonSchema: BlockSchema;

package/lib/typings/components/ConfigurationPanel/Schemas/Column.d.ts

@@ -0,0 +1,2 @@
+import { BlockSchema } from "../../../typings";
+export declare const ColumnSchema: BlockSchema;

package/lib/typings/components/ConfigurationPanel/Schemas/Divider.d.ts

@@ -0,0 +1,2 @@
+import { BlockSchema } from "../../../typings";
+export declare const DividerSchema: BlockSchema;

package/lib/typings/components/ConfigurationPanel/Schemas/Group.d.ts

@@ -0,0 +1,2 @@
+import { BlockSchema } from "../../../typings";
+export declare const GroupSchema: BlockSchema;

package/lib/typings/components/ConfigurationPanel/Schemas/Hero.d.ts

@@ -0,0 +1,2 @@
+import { BlockSchema } from "../../../typings";
+export declare const HeroSchema: BlockSchema;

package/lib/typings/components/ConfigurationPanel/Schemas/Image.d.ts

@@ -0,0 +1,2 @@
+import { BlockSchema } from "../../../typings";
+export declare const ImageSchema: BlockSchema;

package/lib/typings/components/ConfigurationPanel/Schemas/Navbar.d.ts

@@ -0,0 +1,2 @@
+import { BlockSchema } from "../../../typings";
+export declare const NavbarSchema: BlockSchema;

package/lib/typings/components/ConfigurationPanel/Schemas/Page.d.ts

@@ -0,0 +1,2 @@
+import { BlockSchema } from "../../../typings";
+export declare const PageSchema: BlockSchema;

package/lib/typings/components/ConfigurationPanel/Schemas/Section.d.ts

@@ -0,0 +1,2 @@
+import { BlockSchema } from "../../../typings";
+export declare const SectionSchema: BlockSchema;

package/lib/typings/components/ConfigurationPanel/Schemas/Social.d.ts

@@ -0,0 +1,2 @@
+import { BlockSchema } from "../../../typings";
+export declare const SocialSchema: BlockSchema;

package/lib/typings/components/ConfigurationPanel/Schemas/Spacer.d.ts

@@ -0,0 +1,2 @@
+import { BlockSchema } from "../../../typings";
+export declare const SpacerSchema: BlockSchema;

package/lib/typings/components/ConfigurationPanel/Schemas/Table.d.ts

@@ -0,0 +1,2 @@
+import { BlockSchema } from "../../../typings";
+export declare const TableSchema: BlockSchema;

package/lib/typings/components/ConfigurationPanel/Schemas/Table2.d.ts

@@ -0,0 +1,2 @@
+import { BlockSchema } from "../../../typings";
+export declare const Table2Schema: BlockSchema;

package/lib/typings/components/ConfigurationPanel/Schemas/Text.d.ts

@@ -0,0 +1,2 @@
+import { BlockSchema } from "../../../typings";
+export declare const TextSchema: BlockSchema;

package/lib/typings/components/ConfigurationPanel/Schemas/Wrapper.d.ts

@@ -0,0 +1,2 @@
+import { BlockSchema } from "../../../typings";
+export declare const WrapperSchema: BlockSchema;

package/lib/typings/components/ConfigurationPanel/Schemas/index.d.ts

@@ -0,0 +1,7 @@
+import { BlockSchema } from "../../../typings";
+/**
+ * BlockSchemasMap stores schema definitions for each block
+ * If a block has a schema definition, it will be used to render the configuration panel
+ * If no schema exists, it will fallback to ConfigPanelsMap
+ */
+export declare const BlockSchemasMap: Record<string, BlockSchema>;

package/lib/typings/components/ConfigurationPanel/components/SchemaPanelRenderer.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { Path } from "slate";
+import { BlockSchema } from "../../../typings";
+interface SchemaPanelRendererProps {
+    schema: BlockSchema;
+    nodePath: Path;
+}
+export declare const SchemaPanelRenderer: React.FC<SchemaPanelRendererProps>;
+export {};

package/lib/typings/components/EditorContainer/index.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export declare const EditorContainer: ({ children, style, }: {
+    children: React.ReactNode;
+    style?: React.CSSProperties | undefined;
+}) => React.JSX.Element;

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

@@ -20,6 +20,7 @@ export interface ImageUploaderProps {
     enablePreview?: boolean;
     onlyPreview?: boolean;
     colSpan?: number;
+    pinToParent?: boolean;
 }
 declare function ImageUploader(props: ImageUploaderProps): React.JSX.Element;
 export declare const ImageUploaderField: (props: import("../enhancer").EnhancerProps & Omit<ImageUploaderProps, "onChange" | "value">) => React.JSX.Element;

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

@@ -149,6 +149,7 @@ export { CollapseWrapper } from "./ConfigurationPanel/components/CollapseWrapper
 export { AttributesPanelWrapper } from "./ConfigurationPanel/components/AttributesPanelWrapper";
 export { AttributeField } from "./ConfigurationPanel/components/AttributeField";
 export { ConfigPanelsMap } from "./ConfigurationPanel/Elements";
+export { BlockSchemasMap } from "./ConfigurationPanel/Schemas";
 export { WidgetTypeOptions };
 export { ElementStyles } from "./ElementStyleGallery";
 export { ResponsiveField, ResponsiveTabs, } from "./ConfigurationPanel/components/ResponsiveTabs";

package/lib/typings/constants/index.d.ts

@@ -0,0 +1 @@
+export declare const EDITOR_CONTAINER = "EditorContainer";

package/lib/typings/typings/custom-types.d.ts

@@ -156,6 +156,7 @@ export interface PluginsCustomEditorTypes {
         enabledPreviewEmailSubjectEdit?: boolean;
         enabledGradientImage?: boolean;
         enabledButtonIcon?: boolean;
+        layerDefaultCollapsed?: boolean;
         hideSectionBackgroundImage?: boolean;
         layerConfig?: {
             scrollWhenSelect?: boolean;

package/lib/typings/typings/index.d.ts

@@ -1 +1,2 @@
 export * from "./custom-types";
+export * from "./schema";

package/lib/typings/typings/schema.d.ts

@@ -0,0 +1,46 @@
+import { Element } from "easy-email-pro-core";
+import { ActiveTabKeys } from "easy-email-pro-editor";
+import React from "react";
+export type BasicFieldType = "TextField" | "NumberField" | "ColorPickerField" | "SelectField" | "SwitchField" | "SliderField" | "PixelField" | "ImageUploaderField" | "RichTextField" | "TextAreaField" | "ButtonGroupField" | "GradientGeneratorField" | "MergeTagSelectInputField" | "EditPanelListField" | "EditPanelTabsField" | "PixelAndPercentField" | "SyncChildrenField" | "FieldItem";
+export type CompositeFieldType = "Typography" | "Padding" | "Border" | "BackgroundColor" | "TextAlign" | "Height" | "Width" | "Link" | "ButtonContent" | "BorderRadius" | "BackgroundImage" | "FontFamily" | "FontSize" | "Heading" | "ButtonIcon" | "Buttons" | "ImageUrl" | "VerticalAlign" | "Direction" | "DisplayOptions" | "Columns" | "BackgroundGradient" | "LetterSpacing" | "LineHeight" | "FontWeight" | "TextAndHeadingStyle" | "GlobalLink" | "ButtonCategory" | "BackgroundPosition" | "StackOnMobile" | "DividerLine" | "RTLDirection" | "TableLayout" | "Preheader" | "ImageWidth" | "TextAndHeadingList" | "WebFonts" | "PixelAndPercentField" | "SyncChildrenField" | "FieldItem";
+export interface BasicFieldSchema {
+    type: BasicFieldType;
+    name: string;
+    label?: string;
+    path?: string;
+    responsive?: boolean;
+    options?: Array<{
+        label: string;
+        value: any;
+    }>;
+    formItem?: any;
+    [key: string]: any;
+}
+export interface CompositeFieldSchema {
+    type: CompositeFieldType;
+    name?: string;
+    label?: string;
+    path?: string;
+    responsive?: boolean;
+    fieldName?: string;
+    mode?: ActiveTabKeys | "desktop" | "mobile";
+    elementType?: Element["type"];
+    hidePadding?: boolean;
+    [key: string]: any;
+}
+export interface CollapseGroupSchema {
+    type: "CollapseGroup";
+    name: string;
+    header: string;
+    defaultActive?: boolean;
+    extra?: React.ReactNode;
+    children: SchemaField[];
+}
+export interface ResponsiveTabsSchema {
+    type: "ResponsiveTabs";
+    responsive: true;
+    desktop: SchemaField[];
+    mobile?: SchemaField[];
+}
+export type SchemaField = BasicFieldSchema | CompositeFieldSchema | CollapseGroupSchema;
+export type BlockSchema = SchemaField[] | ResponsiveTabsSchema;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "easy-email-pro-theme",
-  "version": "1.52.0",
+  "version": "1.53.1",
   "description": "",
   "files": [
     "lib"