easy-email-extensions 3.2.1-alpha.2 → 3.2.1-alpha.7

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

@@ -56,7 +56,7 @@ var __async = (__this, __arguments, generator) => {
 import * as React from "react";
 import React__default, { Children, isValidElement, cloneElement, createContext, useContext, Component, useMemo, memo, forwardRef, useEffect, useRef, useLayoutEffect, useState, createRef, useImperativeHandle, PureComponent, useCallback, useReducer, Fragment, createElement, Suspense } from "react";
 import { IconFont, useEditorProps, Stack as Stack$6, getShadowRoot, TextStyle, useEditorContext, useBlock, useFocusIdx, useFocusBlockLayout, getEditNode, MergeTagBadge as MergeTagBadge$1, FIXED_CONTAINER_ID, getPluginElement, isTextBlock, scrollBlockEleIntoView, useHoverIdx, useDataTransfer, useRefState, getBlockNodeByChildEle, getDirectionPosition, DATA_ATTRIBUTE_DROP_CONTAINER, BlockAvatarWrapper, getBlockNodeByIdx, useLazyState, getEditorRoot, useActiveTab, ActiveTabKeys } from "easy-email-editor";
-import { BasicType, ImageManager, EMAIL_BLOCK_CLASS_NAME, BlockManager, createBlockDataByType, AdvancedType, Operator, OperatorSymbol, isAdvancedBlock, getParentByIdx, getParentIdx, getValueByIdx, getIndexByIdx, getSiblingIdx, getNodeIdxFromClassName, getNodeIdxClassName, getPageIdx, getChildIdx, MjmlToJson, JsonToMjml, getNodeTypeFromClassName } from "easy-email-core";
+import { BasicType, ImageManager, EMAIL_BLOCK_CLASS_NAME, BlockManager, createBlockDataByType, AdvancedType, Operator, OperatorSymbol, isAdvancedBlock, getParentByIdx, getParentIdx, getIndexByIdx, getSiblingIdx, getNodeIdxFromClassName, getNodeIdxClassName, getPageIdx, getChildIdx, MjmlToJson, JsonToMjml, getNodeTypeFromClassName } from "easy-email-core";
 import ReactDOM, { findDOMNode, createPortal } from "react-dom";
 import { useField, Field, useForm as useForm$1, Form as Form$3, version as version$2, useFormState } from "react-final-form";
 var index$2 = "";
@@ -39832,7 +39832,7 @@ function EyeIcon() {
     onClick: onToggleVisible
   });
 }
-function FontFamily() {
+function FontFamily({ name }) {
   const { focusIdx: focusIdx2 } = useFocusIdx();
   const { fontList: fontList2 } = useFontFamily();
   return useMemo(() => {
@@ -39840,10 +39840,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 +39885,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, {
@@ -42349,10 +42351,9 @@ function AttributePanel() {
   const { values: values2, focusBlock: focusBlock2 } = useBlock();
   const { initialized } = useEditorContext();
   const { focusIdx: focusIdx2 } = useFocusIdx();
-  const value = getValueByIdx(values2, focusIdx2);
   const Com = focusBlock2 && BlockAttributeConfigurationManager.get(focusBlock2.type);
   const shadowRoot = getShadowRoot();
-  if (!value || !initialized)
+  if (!initialized)
     return null;
   return /* @__PURE__ */ React__default.createElement(SelectionRangeProvider, null, /* @__PURE__ */ React__default.createElement(PresetColorsProvider, null, Com ? /* @__PURE__ */ React__default.createElement(Com, {
     key: focusIdx2
@@ -46781,9 +46782,9 @@ const SimpleLayout = (props) => {
     bodyStyle: { padding: 0 },
     className: styles.customScrollBar
   }, /* @__PURE__ */ React__default.createElement(Tabs$1, null, /* @__PURE__ */ React__default.createElement(Tabs$1.TabPane, {
-    key: "Configuration",
     title: "Configuration"
   }, /* @__PURE__ */ React__default.createElement(AttributePanel, null)), showSourceCode && /* @__PURE__ */ React__default.createElement(Tabs$1.TabPane, {
+    destroyOnHide: true,
     key: "Source code",
     title: "Source code"
   }, /* @__PURE__ */ React__default.createElement(SourceCodePanel, null))))), /* @__PURE__ */ React__default.createElement(InteractivePrompt, null), /* @__PURE__ */ React__default.createElement(MergeTagBadge, null)));