easy-email-pro-theme 1.37.2 → 1.37.3

package/lib/index.js

@@ -26461,6 +26461,16 @@ const arrayStringAdapter = {
     return val.join(",");
   }
 };
+const directionAdapter = {
+  formatter(direction) {
+    return direction === "rtl";
+  },
+  normalize(isRTL) {
+    if (!isRTL)
+      return void 0;
+    return "rtl";
+  }
+};
 const transparentIcon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAABAElEQVRIie2WwW7CMBBEZ8NKOJd8CPRABVVJ+fxUUEgQPbT9kBziFAWbU4FkjXCBICExtxk9Z7KxZYWSJLFoiJmbEYwxMMaI/JC1dv+oQmvE8QTWWvDo5VUs/FwtHSUWvmxTwUniQhHRdUuIyJm3Oslf6dVLmtMQEfhjNhVgFEUiq6oCvmye5zXPSnUF1Os/iSxLF/BlZ9P3mm9tTw4/231uvKuo9RIA4MHzUITHrgpfNgxDFFrv/E0meZT8S/zz/SXCsvyVIDP82U7dr9cSGsdvIsvSBXzZm10rj5KzJf99AGTpXGRB4H4fF6uUgi7LfYnrCLq18eSAqtpAddXObwEoMVtvVloS0QAAAABJRU5ErkJggg==";
 const transparentColor$1 = "rgba(0,0,0,0)";
 function ColorPicker$1(props) {
@@ -36526,6 +36536,7 @@ const getFallbackValue = (params) => {
   return mode === ActiveTabKeys.DESKTOP ? get(defaultElement, "attributes." + name) : get(defaultElement, "mobileAttributes." + name);
 };
 function Typography(props) {
+  const { showTextDirectionMode } = useEditorProps();
   const { label = t("Font"), path: path2, defaultElement } = props;
   return useMemo$1(() => {
     return /* @__PURE__ */ React__default.createElement("div", { key: props.type }, /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
@@ -36606,7 +36617,13 @@ function Typography(props) {
         path: path2,
         name: `${props.name}`
       }
-    )));
+    ), showTextDirectionMode && /* @__PURE__ */ React__default.createElement("div", { style: { marginTop: 20 } }, /* @__PURE__ */ React__default.createElement(
+      AttributeField.RTLDirection,
+      {
+        name: `${props.name}.direction`,
+        path: path2
+      }
+    ))));
   }, [
     defaultElement,
     label,
@@ -36616,7 +36633,8 @@ function Typography(props) {
     props.hideStyle,
     props.mode,
     props.name,
-    props.type
+    props.type,
+    showTextDirectionMode
   ]);
 }
 const elements = [
@@ -36910,6 +36928,7 @@ const PaddingRow = (props) => {
 };
 function Buttons(props) {
   const { label = t("Font"), type, defaultElement, path: path2 } = props;
+  const { showTextDirectionMode } = useEditorProps();
   return useMemo$1(() => {
     return /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
       AttributeField.FontFamily,
@@ -37017,7 +37036,14 @@ function Buttons(props) {
         path: path2,
         name: `${props.name}`
       }
-    ), !props.hidePadding && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Divider$2, null), /* @__PURE__ */ React__default.createElement(
+    ), showTextDirectionMode && /* @__PURE__ */ React__default.createElement("div", { style: { marginTop: 20 } }, /* @__PURE__ */ React__default.createElement(
+      AttributeField.RTLDirection,
+      {
+        label: t(`RTL text direction `),
+        name: `${props.name}.direction`,
+        path: path2
+      }
+    )), !props.hidePadding && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Divider$2, null), /* @__PURE__ */ React__default.createElement(
       AttributeField.Padding,
       {
         path: path2,
@@ -37032,6 +37058,7 @@ function Buttons(props) {
     props.hidePadding,
     props.mode,
     props.name,
+    showTextDirectionMode,
     type
   ]);
 }
@@ -38409,6 +38436,31 @@ function ButtonContent(props) {
     return /* @__PURE__ */ React__default.createElement(AttributeField.TextField, { path: props.path, name: "text", label });
   }, [label, props]);
 }
+function RTLDirection(props) {
+  const _a = props, { path: path2, name } = _a, rest = __objRest(_a, ["path", "name"]);
+  return useMemo$1(() => {
+    return /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+      AttributeField.SwitchField,
+      __spreadProps(__spreadValues({
+        label: rest.label || /* @__PURE__ */ React__default.createElement(Space, null, t(`RTL text direction `)),
+        name,
+        path: path2
+      }, rest), {
+        formItem: __spreadProps(__spreadValues(__spreadValues({}, rest.formItem), directionAdapter), {
+          wrapperCol: {
+            span: 10,
+            style: {
+              textAlign: "right"
+            }
+          },
+          labelCol: {
+            span: 12
+          }
+        })
+      })
+    )));
+  }, [name, path2, rest]);
+}
 const defaultAttributeFields = {
   // Basic Form Field
   WatchField,
@@ -38428,6 +38480,7 @@ const defaultAttributeFields = {
   // Attributes Field
   Heading,
   Direction,
+  RTLDirection,
   Preheader,
   Height,
   Width,

package/lib/typings/components/ConfigurationPanel/components/AttributeField/RTLDirection.d.ts

@@ -0,0 +1,9 @@
+import React, { ComponentProps } from "react";
+import { AttributeField } from ".";
+export declare const DirectionOptions: {
+    value: string;
+    readonly label: string;
+}[];
+export declare function RTLDirection(props: Omit<ComponentProps<typeof AttributeField.SwitchField>, "label" | "options"> & {
+    label?: React.ReactNode;
+}): React.JSX.Element;

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

@@ -34,6 +34,7 @@ import { Direction } from "./Direction";
 import { FieldItem } from "../WidgetConfigPanel/widgetFields";
 import { Preheader } from "./Preheader";
 import { ButtonContent } from "./ButtonContent";
+import { RTLDirection } from "./RTLDirection";
 export declare const defaultAttributeFields: {
     WatchField: (props: import("../../../Form/WatchField").WatchFieldProps) => import("react").JSX.Element;
     SyncChildrenField: (props: import("../../../Form/SyncChildrenField").SyncChildrenFieldProps) => import("react").JSX.Element;
@@ -70,6 +71,7 @@ export declare const defaultAttributeFields: {
     PixelAndPercentField: typeof PixelAndPercentField;
     Heading: typeof Heading;
     Direction: typeof Direction;
+    RTLDirection: typeof RTLDirection;
     Preheader: typeof Preheader;
     Height: typeof Height;
     Width: typeof Width;

package/lib/typings/components/Form/adapter/direction.adapter.d.ts

@@ -0,0 +1,4 @@
+export declare const directionAdapter: {
+    formatter(direction?: "rtl" | "ltr"): boolean;
+    normalize(isRTL?: boolean): "rtl" | undefined;
+};

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

@@ -7,3 +7,4 @@ export { fontStyleAdapter } from "./fontStyle.adapter";
 export { fontWeightAdapter } from "./fontWeight.adapter";
 export { italicAdapter } from "./italic.adapter";
 export { arrayStringAdapter } from "./arrayString.adapter";
+export { directionAdapter } from "./direction.adapter";

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

@@ -92,6 +92,7 @@ export interface PluginsCustomEditorTypes {
         showLogic?: boolean;
         showLayer?: boolean;
         showTextHTMLMode?: boolean;
+        showTextDirectionMode?: boolean;
         showDragMoveIcon?: boolean;
         showInsertTips?: boolean;
         layerConfig?: {

package/package.json

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