easy-email-extensions 3.2.1-alpha.3 → 3.2.1-alpha.8

package/lib/AttributePanel/components/attributes/FontFamily.d.ts

@@ -1 +1,3 @@
-export declare function FontFamily(): JSX.Element;
+export declare function FontFamily({ name }: {
+    name?: string;
+}): JSX.Element;

package/lib/index2.js

@@ -39048,6 +39048,7 @@ function ColorPicker(props) {
 }
 function Select(props) {
   return /* @__PURE__ */ React__default.createElement(Select$2, __spreadProps(__spreadValues({}, props), {
+    dropdownMenuClassName: "easy-email-overlay",
     style: lodash.exports.merge({ width: "100%" }, props.style),
     value: props.value,
     onChange: props.onChange
@@ -39832,7 +39833,7 @@ function EyeIcon() {
     onClick: onToggleVisible
   });
 }
-function FontFamily() {
+function FontFamily({ name }) {
   const { focusIdx: focusIdx2 } = useFocusIdx();
   const { fontList: fontList2 } = useFontFamily();
   return useMemo(() => {
@@ -39840,10 +39841,10 @@ function FontFamily() {
       style: { minWidth: 100, flex: 1 },
       showSearch: true,
       label: "Font family",
-      name: `${focusIdx2}.attributes.font-family`,
+      name: name || `${focusIdx2}.attributes.font-family`,
       options: fontList2
     });
-  }, [focusIdx2, fontList2]);
+  }, [focusIdx2, fontList2, name]);
 }
 function Page() {
   const { focusIdx: focusIdx2 } = useFocusIdx();
@@ -39885,7 +39886,9 @@ function Page() {
     spacing: "tight"
   }, /* @__PURE__ */ React__default.createElement(Grid.Row, null, /* @__PURE__ */ React__default.createElement(Grid.Col, {
     span: 11
-  }, /* @__PURE__ */ React__default.createElement(FontFamily, null)), /* @__PURE__ */ React__default.createElement(Grid.Col, {
+  }, /* @__PURE__ */ React__default.createElement(FontFamily, {
+    name: `${focusIdx2}.data.value.font-family`
+  })), /* @__PURE__ */ React__default.createElement(Grid.Col, {
     offset: 1,
     span: 11
   }, /* @__PURE__ */ React__default.createElement(InputWithUnitField, {
@@ -40162,7 +40165,7 @@ function Condition() {
               groups: [
                 {
                   left: "",
-                  operator: Operator.EQUAL,
+                  operator: Operator.TRUTHY,
                   right: ""
                 }
               ]
@@ -40180,7 +40183,7 @@ function Condition() {
       groups: [
         {
           left: "",
-          operator: Operator.EQUAL,
+          operator: Operator.TRUTHY,
           right: ""
         }
       ]
@@ -40191,7 +40194,7 @@ function Condition() {
     const groups = lodash.exports.get(values2, path);
     groups.push({
       left: "",
-      operator: Operator.EQUAL,
+      operator: Operator.TRUTHY,
       right: ""
     });
     change(path, [...groups]);
@@ -40298,12 +40301,14 @@ function Condition() {
 const options$b = Object.values(Operator).map((item2) => ({ label: lodash.exports.upperFirst(item2), value: item2 }));
 function ConditionItem({ path, onDelete, gIndex, ggIndex }) {
   const name = `${path}.${gIndex}.groups.${ggIndex}`;
+  const { input: { value } } = useField(name);
+  const hideRight = value.operator === Operator.TRUTHY || value.operator === Operator.FALSY;
   return /* @__PURE__ */ React__default.createElement(Grid.Row, {
     align: "end"
   }, /* @__PURE__ */ React__default.createElement(Grid.Col, {
     span: 7
   }, " ", /* @__PURE__ */ React__default.createElement(TextField, {
-    label: "Left",
+    label: "Variable path",
     name: `${name}.left`
   })), /* @__PURE__ */ React__default.createElement(Grid.Col, {
     span: 7
@@ -40313,7 +40318,7 @@ function ConditionItem({ path, onDelete, gIndex, ggIndex }) {
     options: options$b
   })), /* @__PURE__ */ React__default.createElement(Grid.Col, {
     span: 7
-  }, " ", /* @__PURE__ */ React__default.createElement(TextField, {
+  }, " ", !hideRight && /* @__PURE__ */ React__default.createElement(TextField, {
     label: "Right",
     name: `${name}.right`
   })), /* @__PURE__ */ React__default.createElement(Grid.Col, {
@@ -46780,8 +46785,6 @@ const SimpleLayout = (props) => {
     bodyStyle: { padding: 0 },
     className: styles.customScrollBar
   }, /* @__PURE__ */ React__default.createElement(Tabs$1, null, /* @__PURE__ */ React__default.createElement(Tabs$1.TabPane, {
-    destroyOnHide: true,
-    key: "Configuration",
     title: "Configuration"
   }, /* @__PURE__ */ React__default.createElement(AttributePanel, null)), showSourceCode && /* @__PURE__ */ React__default.createElement(Tabs$1.TabPane, {
     destroyOnHide: true,