easy-email-extensions 3.0.0 → 3.0.1

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

@@ -0,0 +1,29 @@
+export { Align } from './Align';
+export { Color } from './Color';
+export { Height } from './Height';
+export { TextAlign } from './TextAlign';
+export { AttributesPanelWrapper } from './AttributesPanelWrapper';
+export { ContainerBackgroundColor } from './ContainerBackgroundColor';
+export { LetterSpacing } from './LetterSpacing';
+export { TextDecoration } from './TextDecoration';
+export { Background } from './Background';
+export { Decoration } from './Decoration';
+export { LineHeight } from './LineHeight';
+export { TextTransform } from './TextTransform';
+export { BackgroundColor } from './BackgroundColor';
+export { Direction } from './Direction';
+export { Link } from './Link';
+export { VerticalAlign } from './VerticalAlign';
+export { Border } from './Border';
+export { FontFamily } from './FontFamily';
+export { Margin } from './Margin';
+export { Width } from './Width';
+export { BorderColor } from './BorderColor';
+export { FontSize } from './FontSize';
+export { MergeTags } from './MergeTags';
+export { BorderStyle } from './BorderStyle';
+export { FontStyle } from './FontStyle';
+export { NavbarLinkPadding } from './NavbarLinkPadding';
+export { BorderWidth } from './BorderWidth';
+export { FontWeight } from './FontWeight';
+export { Padding } from './Padding';

package/lib/AttributePanel/index.d.ts

@@ -1,3 +1,3 @@
 export { AttributePanel } from './AttributePanel';
 export { BlockAttributeConfigurationManager } from './utils/BlockAttributeConfigurationManager';
-export { AttributesPanelWrapper } from './components/attributes/AttributesPanelWrapper';
+export * from './components/attributes';

package/lib/index.js

@@ -1,4 +1,4 @@
-export { A as AttributePanel, b as AttributesPanelWrapper, m as AutoCompleteField, a as BlockAttributeConfigurationManager, B as BlockLayer, d as BlockMarketManager, e as BlockMaskWrapper, o as CheckboxField, C as ColorPickerField, D as DatePickerField, E as EditTabField, k as ImageUploaderField, p as InlineTextField, I as InteractivePrompt, N as NumberField, R as RadioGroupField, r as RichTextField, h as SearchField, l as SelectField, S as ShortcutToolbar, g as SimpleLayout, j as SliderField, f as SourceCodePanel, n as SwitchField, i as TextAreaField, T as TextField, U as UploadField, q as enhancer } from "./index2.js";
+export { b as Align, A as AttributePanel, d as AttributesPanelWrapper, R as AutoCompleteField, g as Background, j as BackgroundColor, a as BlockAttributeConfigurationManager, B as BlockLayer, u as BlockMarketManager, v as BlockMaskWrapper, m as Border, n as BorderColor, q as BorderStyle, s as BorderWidth, _ as CheckboxField, C as Color, K as ColorPickerField, e as ContainerBackgroundColor, Z as DatePickerField, D as Decoration, k as Direction, $ as EditTabField, F as FontFamily, o as FontSize, r as FontStyle, t as FontWeight, H as Height, O as ImageUploaderField, a0 as InlineTextField, I as InteractivePrompt, L as LetterSpacing, h as LineHeight, l as Link, M as Margin, p as MergeTags, N as NavbarLinkPadding, G as NumberField, P as Padding, X as RadioGroupField, a2 as RichTextField, z as SearchField, Q as SelectField, S as ShortcutToolbar, x as SimpleLayout, J as SliderField, w as SourceCodePanel, Y as SwitchField, T as TextAlign, E as TextAreaField, f as TextDecoration, y as TextField, i as TextTransform, U as UploadField, V as VerticalAlign, W as Width, a1 as enhancer } from "./index2.js";
 import "react";
 import "easy-email-editor";
 import "easy-email-core";

package/lib/index2.js

@@ -24944,7 +24944,7 @@ var __assign$y = globalThis && globalThis.__assign || function() {
   };
   return __assign$y.apply(this, arguments);
 };
-function wrapper$2(picker, displayName) {
+function wrapper$1(picker, displayName) {
   var _a;
   return _a = function(_super) {
     __extends$5(PickerWrapper, _super);
@@ -24957,11 +24957,11 @@ function wrapper$2(picker, displayName) {
     return PickerWrapper;
   }(React__default.Component), _a.displayName = displayName, _a;
 }
-var DatePicker = wrapper$2(React__default.createElement(DatePicker$2, null), "DatePicker");
-var MonthPicker = wrapper$2(React__default.createElement(MonthPicker$1, null), "MonthPicker");
-var YearPicker = wrapper$2(React__default.createElement(YearPicker$1, null), "YearPicker");
-var WeekPicker = wrapper$2(React__default.createElement(WeekPicker$1, null), "WeekPicker");
-var QuarterPicker = wrapper$2(React__default.createElement(QuarterPicker$1, null), "QuarterPicker");
+var DatePicker = wrapper$1(React__default.createElement(DatePicker$2, null), "DatePicker");
+var MonthPicker = wrapper$1(React__default.createElement(MonthPicker$1, null), "MonthPicker");
+var YearPicker = wrapper$1(React__default.createElement(YearPicker$1, null), "YearPicker");
+var WeekPicker = wrapper$1(React__default.createElement(WeekPicker$1, null), "WeekPicker");
+var QuarterPicker = wrapper$1(React__default.createElement(QuarterPicker$1, null), "QuarterPicker");
 var RangePicker = PickerRange;
 Object.assign(DatePicker, { MonthPicker, YearPicker, WeekPicker, QuarterPicker, RangePicker });
 var DatePicker$1 = DatePicker;
@@ -41673,7 +41673,7 @@ function enhancer(Component2, changeAdapter) {
       distribution,
       validate: validate3,
       required,
-      size = "normal",
+      size,
       wrapper: wrapper2 = true,
       debounceTime = 0
     } = _a, rest = __objRest(_a, [
@@ -43028,9 +43028,9 @@ const MergeTags = React__default.memo((props) => {
     onSelect: (vals) => onSelect(vals[0])
   }));
 });
-const wrapper$1 = "_wrapper_1xk4s_1";
+const wrapper = "_wrapper_j840r_1";
 var styles$4 = {
-  wrapper: wrapper$1
+  wrapper
 };
 const AttributesPanelWrapper = (props) => {
   const { focusBlock: focusBlock2, setFocusBlock } = useBlock();
@@ -43440,7 +43440,7 @@ function Width({ inline = false }) {
     })));
   }, [focusIdx2, inline, validate3]);
 }
-const options$9 = [
+const options$a = [
   {
     value: "top",
     label: "top"
@@ -43463,7 +43463,7 @@ function VerticalAlign({
       style: { width: 120 },
       label: "Vertical align",
       name: `${focusIdx2}.attributes.${attributeName}`,
-      options: options$9
+      options: options$a
     }));
   }, [attributeName, focusIdx2]);
 }
@@ -43494,7 +43494,7 @@ function Column() {
     spacing: "tight"
   }, /* @__PURE__ */ React__default.createElement(Border, null)))));
 }
-const options$8 = [
+const options$9 = [
   {
     value: "",
     label: "None"
@@ -43526,11 +43526,11 @@ function TextDecoration() {
     return /* @__PURE__ */ React__default.createElement(SelectField, {
       label: "Text decoration",
       name: `${focusIdx2}.attributes.text-decoration`,
-      options: options$8
+      options: options$9
     });
   }, [focusIdx2]);
 }
-const options$7 = [
+const options$8 = [
   {
     value: "normal",
     label: "Normal"
@@ -43582,11 +43582,11 @@ function FontWeight() {
     return /* @__PURE__ */ React__default.createElement(SelectField, {
       label: "Font weight",
       name: `${focusIdx2}.attributes.font-weight`,
-      options: options$7
+      options: options$8
     });
   }, [focusIdx2]);
 }
-const options$6 = [
+const options$7 = [
   {
     value: "normal",
     label: "Normal"
@@ -43602,7 +43602,7 @@ function FontStyle({ inline = true }) {
     return /* @__PURE__ */ React__default.createElement(RadioGroupField, {
       label: "Font style",
       name: `${focusIdx2}.attributes.font-style`,
-      options: options$6,
+      options: options$7,
       inline
     });
   }, [focusIdx2, inline]);
@@ -43659,7 +43659,7 @@ function Color({
     });
   }, [focusIdx2, inline, title2]);
 }
-const options$5 = [
+const options$6 = [
   {
     value: "left",
     label: "left"
@@ -43679,7 +43679,7 @@ function Align() {
     return /* @__PURE__ */ React__default.createElement(Stack$6, null, /* @__PURE__ */ React__default.createElement(RadioGroupField, {
       label: "Align",
       name: `${focusIdx2}.attributes.align`,
-      options: options$5,
+      options: options$6,
       inline: true
     }));
   }, [focusIdx2]);
@@ -44246,7 +44246,7 @@ function Accordion() {
     inline: true
   })));
 }
-const options$4 = [
+const options$5 = [
   {
     value: "left",
     label: "Left"
@@ -44266,12 +44266,12 @@ function TextAlign() {
     return /* @__PURE__ */ React__default.createElement(Stack$6, null, /* @__PURE__ */ React__default.createElement(RadioGroupField, {
       label: "Text align",
       name: `${focusIdx2}.attributes.text-align`,
-      options: options$4,
+      options: options$5,
       inline: true
     }));
   }, [focusIdx2]);
 }
-const options$3 = [
+const options$4 = [
   {
     value: "",
     label: "none"
@@ -44295,7 +44295,7 @@ function TextTransform() {
     return /* @__PURE__ */ React__default.createElement(SelectField, {
       label: "Text transform",
       name: `${focusIdx2}.attributes.text-transform`,
-      options: options$3
+      options: options$4
     });
   }, [focusIdx2]);
 }
@@ -44341,7 +44341,7 @@ function AccordionText() {
     attributeName: "padding"
   })));
 }
-const options$2 = [
+const options$3 = [
   {
     value: "hidden",
     label: "hidden"
@@ -44373,7 +44373,7 @@ function Carousel() {
   }), /* @__PURE__ */ React__default.createElement(RadioGroupField, {
     label: "Thumbnails",
     name: `${focusIdx2}.attributes.thumbnails`,
-    options: options$2,
+    options: options$3,
     inline: true
   }), /* @__PURE__ */ React__default.createElement(Align, null)))), /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
     name: "4",
@@ -44482,7 +44482,7 @@ function CarouselImage({
     name: `${focusIdx2}.data.value.image.[${index2}].title`
   }));
 }
-const options$1 = [
+const options$2 = [
   {
     value: "fluid-height",
     label: "Fluid height"
@@ -44506,7 +44506,7 @@ function Hero() {
   }, /* @__PURE__ */ React__default.createElement(RadioGroupField, {
     label: "Mode",
     name: `${focusIdx2}.attributes.mode`,
-    options: options$1
+    options: options$2
   }), /* @__PURE__ */ React__default.createElement(Stack$6, {
     wrap: false
   }, /* @__PURE__ */ React__default.createElement(Stack$6.Item, {
@@ -44697,7 +44697,7 @@ function NavbarLink({
     name: `${focusIdx2}.data.value.links.[${index2}].padding`
   }));
 }
-const options = [
+const options$1 = [
   {
     value: "vertical",
     label: "vertical"
@@ -44722,7 +44722,7 @@ function Social() {
   }, /* @__PURE__ */ React__default.createElement(RadioGroupField, {
     label: "Mode",
     name: `${focusIdx2}.attributes.mode`,
-    options,
+    options: options$1,
     inline: true
   }), /* @__PURE__ */ React__default.createElement(ContainerBackgroundColor, {
     title: "Background color"
@@ -44930,6 +44930,100 @@ function AttributePanel() {
               }
               `), shadowRoot));
 }
+function Decoration() {
+  const { focusIdx: focusIdx2 } = useFocusIdx();
+  return useMemo(() => {
+    return /* @__PURE__ */ React__default.createElement(Stack$6, {
+      key: focusIdx2,
+      vertical: true,
+      spacing: "extraTight"
+    }, /* @__PURE__ */ React__default.createElement(TextStyle, {
+      variation: "strong",
+      size: "large"
+    }, "Decoration"), /* @__PURE__ */ React__default.createElement(TextField, {
+      label: "Border radius",
+      name: `${focusIdx2}.attributes.borderRadius`,
+      inline: true
+    }), /* @__PURE__ */ React__default.createElement(TextField, {
+      label: "Border",
+      name: `${focusIdx2}.attributes.border`,
+      inline: true,
+      alignment: "center"
+    }), /* @__PURE__ */ React__default.createElement(NumberField, {
+      label: "Opacity",
+      max: 1,
+      min: 0,
+      step: 0.1,
+      name: `${focusIdx2}.attributes.opacity`,
+      inline: true,
+      alignment: "center"
+    }));
+  }, [focusIdx2]);
+}
+const options = [
+  {
+    value: "ltr",
+    label: "ltr"
+  },
+  {
+    value: "rtl",
+    label: "rtl"
+  }
+];
+function Direction() {
+  const { focusIdx: focusIdx2 } = useFocusIdx();
+  return useMemo(() => {
+    return /* @__PURE__ */ React__default.createElement(Stack$6, null, /* @__PURE__ */ React__default.createElement(RadioGroupField, {
+      label: "Direction",
+      name: `${focusIdx2}.attributes.direction`,
+      options,
+      inline: true
+    }));
+  }, [focusIdx2]);
+}
+function Margin() {
+  const { focusIdx: focusIdx2 } = useFocusIdx();
+  return useMemo(() => {
+    return /* @__PURE__ */ React__default.createElement(Stack$6, {
+      vertical: true,
+      spacing: "extraTight"
+    }, /* @__PURE__ */ React__default.createElement(TextStyle, {
+      size: "large"
+    }, "Margin"), /* @__PURE__ */ React__default.createElement(Stack$6, {
+      wrap: false
+    }, /* @__PURE__ */ React__default.createElement(Stack$6.Item, {
+      fill: true
+    }, /* @__PURE__ */ React__default.createElement(TextField, {
+      label: "Top",
+      quickchange: true,
+      name: `${focusIdx2}.attributes.marginTop`,
+      inline: true
+    })), /* @__PURE__ */ React__default.createElement(Stack$6.Item, {
+      fill: true
+    }, /* @__PURE__ */ React__default.createElement(TextField, {
+      label: "Bottom",
+      quickchange: true,
+      name: `${focusIdx2}.attributes.marginBottom`,
+      inline: true
+    }))), /* @__PURE__ */ React__default.createElement(Stack$6, {
+      wrap: false
+    }, /* @__PURE__ */ React__default.createElement(Stack$6.Item, {
+      fill: true
+    }, /* @__PURE__ */ React__default.createElement(TextField, {
+      label: "Left",
+      quickchange: true,
+      name: `${focusIdx2}.attributes.marginLeft`,
+      inline: true
+    })), /* @__PURE__ */ React__default.createElement(Stack$6.Item, {
+      fill: true
+    }, /* @__PURE__ */ React__default.createElement(TextField, {
+      label: "Right",
+      quickchange: true,
+      name: `${focusIdx2}.attributes.marginRight`,
+      inline: true
+    }))));
+  }, [focusIdx2]);
+}
 const BlocksPanel$1 = "_BlocksPanel_15fho_1";
 const blockItem = "_blockItem_15fho_5";
 const closeBtn = "_closeBtn_15fho_12";
@@ -47218,10 +47312,7 @@ function ShortcutToolbar() {
     }
   })));
 }
-const wrapper = "_wrapper_ccpet_1";
-var styles$1 = {
-  wrapper
-};
+var styles$1 = {};
 function SourceCodePanel() {
   const { setValueByIdx, focusBlock, values } = useBlock();
   const { focusIdx } = useFocusIdx();
@@ -47811,5 +47902,5 @@ const SimpleLayout = (props) => {
     title: "Source code"
   }, /* @__PURE__ */ React__default.createElement(SourceCodePanel, null)))))), /* @__PURE__ */ React__default.createElement(InteractivePrompt, null));
 };
-export { AttributePanel as A, BlockLayer as B, ColorPickerField as C, DatePickerField as D, EditTabField as E, InteractivePrompt as I, NumberField as N, RadioGroupField as R, ShortcutToolbar as S, TextField as T, UploadField as U, BlockAttributeConfigurationManager as a, AttributesPanelWrapper as b, commonjsGlobal as c, BlockMarketManager as d, BlockMaskWrapper as e, SourceCodePanel as f, SimpleLayout as g, SearchField as h, TextAreaField as i, SliderField as j, ImageUploaderField as k, SelectField as l, AutoCompleteField as m, SwitchField as n, CheckboxField as o, InlineTextField as p, enhancer as q, RichTextField as r };
+export { EditTabField as $, AttributePanel as A, BlockLayer as B, Color as C, Decoration as D, TextAreaField as E, FontFamily as F, NumberField as G, Height as H, InteractivePrompt as I, SliderField as J, ColorPickerField as K, LetterSpacing as L, Margin as M, NavbarLinkPadding as N, ImageUploaderField as O, Padding as P, SelectField as Q, AutoCompleteField as R, ShortcutToolbar as S, TextAlign as T, UploadField as U, VerticalAlign as V, Width as W, RadioGroupField as X, SwitchField as Y, DatePickerField as Z, CheckboxField as _, BlockAttributeConfigurationManager as a, InlineTextField as a0, enhancer as a1, RichTextField as a2, Align as b, commonjsGlobal as c, AttributesPanelWrapper as d, ContainerBackgroundColor as e, TextDecoration as f, Background as g, LineHeight as h, TextTransform as i, BackgroundColor as j, Direction as k, Link as l, Border as m, BorderColor as n, FontSize as o, MergeTags as p, BorderStyle as q, FontStyle as r, BorderWidth as s, FontWeight as t, BlockMarketManager as u, BlockMaskWrapper as v, SourceCodePanel as w, SimpleLayout as x, TextField as y, SearchField as z };
 //# sourceMappingURL=index2.js.map