easy-email-extensions 3.0.0 → 3.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,29 @@
1
+ export { Align } from './Align';
2
+ export { Color } from './Color';
3
+ export { Height } from './Height';
4
+ export { TextAlign } from './TextAlign';
5
+ export { AttributesPanelWrapper } from './AttributesPanelWrapper';
6
+ export { ContainerBackgroundColor } from './ContainerBackgroundColor';
7
+ export { LetterSpacing } from './LetterSpacing';
8
+ export { TextDecoration } from './TextDecoration';
9
+ export { Background } from './Background';
10
+ export { Decoration } from './Decoration';
11
+ export { LineHeight } from './LineHeight';
12
+ export { TextTransform } from './TextTransform';
13
+ export { BackgroundColor } from './BackgroundColor';
14
+ export { Direction } from './Direction';
15
+ export { Link } from './Link';
16
+ export { VerticalAlign } from './VerticalAlign';
17
+ export { Border } from './Border';
18
+ export { FontFamily } from './FontFamily';
19
+ export { Margin } from './Margin';
20
+ export { Width } from './Width';
21
+ export { BorderColor } from './BorderColor';
22
+ export { FontSize } from './FontSize';
23
+ export { MergeTags } from './MergeTags';
24
+ export { BorderStyle } from './BorderStyle';
25
+ export { FontStyle } from './FontStyle';
26
+ export { NavbarLinkPadding } from './NavbarLinkPadding';
27
+ export { BorderWidth } from './BorderWidth';
28
+ export { FontWeight } from './FontWeight';
29
+ export { Padding } from './Padding';
@@ -1,3 +1,3 @@
1
1
  export { AttributePanel } from './AttributePanel';
2
2
  export { BlockAttributeConfigurationManager } from './utils/BlockAttributeConfigurationManager';
3
- export { AttributesPanelWrapper } from './components/attributes/AttributesPanelWrapper';
3
+ export * from './components/attributes';
package/lib/index.js CHANGED
@@ -1,4 +1,4 @@
1
- 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";
1
+ 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";
2
2
  import "react";
3
3
  import "easy-email-editor";
4
4
  import "easy-email-core";
package/lib/index2.js CHANGED
@@ -24944,7 +24944,7 @@ var __assign$y = globalThis && globalThis.__assign || function() {
24944
24944
  };
24945
24945
  return __assign$y.apply(this, arguments);
24946
24946
  };
24947
- function wrapper$2(picker, displayName) {
24947
+ function wrapper$1(picker, displayName) {
24948
24948
  var _a;
24949
24949
  return _a = function(_super) {
24950
24950
  __extends$5(PickerWrapper, _super);
@@ -24957,11 +24957,11 @@ function wrapper$2(picker, displayName) {
24957
24957
  return PickerWrapper;
24958
24958
  }(React__default.Component), _a.displayName = displayName, _a;
24959
24959
  }
24960
- var DatePicker = wrapper$2(React__default.createElement(DatePicker$2, null), "DatePicker");
24961
- var MonthPicker = wrapper$2(React__default.createElement(MonthPicker$1, null), "MonthPicker");
24962
- var YearPicker = wrapper$2(React__default.createElement(YearPicker$1, null), "YearPicker");
24963
- var WeekPicker = wrapper$2(React__default.createElement(WeekPicker$1, null), "WeekPicker");
24964
- var QuarterPicker = wrapper$2(React__default.createElement(QuarterPicker$1, null), "QuarterPicker");
24960
+ var DatePicker = wrapper$1(React__default.createElement(DatePicker$2, null), "DatePicker");
24961
+ var MonthPicker = wrapper$1(React__default.createElement(MonthPicker$1, null), "MonthPicker");
24962
+ var YearPicker = wrapper$1(React__default.createElement(YearPicker$1, null), "YearPicker");
24963
+ var WeekPicker = wrapper$1(React__default.createElement(WeekPicker$1, null), "WeekPicker");
24964
+ var QuarterPicker = wrapper$1(React__default.createElement(QuarterPicker$1, null), "QuarterPicker");
24965
24965
  var RangePicker = PickerRange;
24966
24966
  Object.assign(DatePicker, { MonthPicker, YearPicker, WeekPicker, QuarterPicker, RangePicker });
24967
24967
  var DatePicker$1 = DatePicker;
@@ -41673,7 +41673,7 @@ function enhancer(Component2, changeAdapter) {
41673
41673
  distribution,
41674
41674
  validate: validate3,
41675
41675
  required,
41676
- size = "normal",
41676
+ size,
41677
41677
  wrapper: wrapper2 = true,
41678
41678
  debounceTime = 0
41679
41679
  } = _a, rest = __objRest(_a, [
@@ -43028,9 +43028,9 @@ const MergeTags = React__default.memo((props) => {
43028
43028
  onSelect: (vals) => onSelect(vals[0])
43029
43029
  }));
43030
43030
  });
43031
- const wrapper$1 = "_wrapper_1xk4s_1";
43031
+ const wrapper = "_wrapper_j840r_1";
43032
43032
  var styles$4 = {
43033
- wrapper: wrapper$1
43033
+ wrapper
43034
43034
  };
43035
43035
  const AttributesPanelWrapper = (props) => {
43036
43036
  const { focusBlock: focusBlock2, setFocusBlock } = useBlock();
@@ -43440,7 +43440,7 @@ function Width({ inline = false }) {
43440
43440
  })));
43441
43441
  }, [focusIdx2, inline, validate3]);
43442
43442
  }
43443
- const options$9 = [
43443
+ const options$a = [
43444
43444
  {
43445
43445
  value: "top",
43446
43446
  label: "top"
@@ -43463,7 +43463,7 @@ function VerticalAlign({
43463
43463
  style: { width: 120 },
43464
43464
  label: "Vertical align",
43465
43465
  name: `${focusIdx2}.attributes.${attributeName}`,
43466
- options: options$9
43466
+ options: options$a
43467
43467
  }));
43468
43468
  }, [attributeName, focusIdx2]);
43469
43469
  }
@@ -43494,7 +43494,7 @@ function Column() {
43494
43494
  spacing: "tight"
43495
43495
  }, /* @__PURE__ */ React__default.createElement(Border, null)))));
43496
43496
  }
43497
- const options$8 = [
43497
+ const options$9 = [
43498
43498
  {
43499
43499
  value: "",
43500
43500
  label: "None"
@@ -43526,11 +43526,11 @@ function TextDecoration() {
43526
43526
  return /* @__PURE__ */ React__default.createElement(SelectField, {
43527
43527
  label: "Text decoration",
43528
43528
  name: `${focusIdx2}.attributes.text-decoration`,
43529
- options: options$8
43529
+ options: options$9
43530
43530
  });
43531
43531
  }, [focusIdx2]);
43532
43532
  }
43533
- const options$7 = [
43533
+ const options$8 = [
43534
43534
  {
43535
43535
  value: "normal",
43536
43536
  label: "Normal"
@@ -43582,11 +43582,11 @@ function FontWeight() {
43582
43582
  return /* @__PURE__ */ React__default.createElement(SelectField, {
43583
43583
  label: "Font weight",
43584
43584
  name: `${focusIdx2}.attributes.font-weight`,
43585
- options: options$7
43585
+ options: options$8
43586
43586
  });
43587
43587
  }, [focusIdx2]);
43588
43588
  }
43589
- const options$6 = [
43589
+ const options$7 = [
43590
43590
  {
43591
43591
  value: "normal",
43592
43592
  label: "Normal"
@@ -43602,7 +43602,7 @@ function FontStyle({ inline = true }) {
43602
43602
  return /* @__PURE__ */ React__default.createElement(RadioGroupField, {
43603
43603
  label: "Font style",
43604
43604
  name: `${focusIdx2}.attributes.font-style`,
43605
- options: options$6,
43605
+ options: options$7,
43606
43606
  inline
43607
43607
  });
43608
43608
  }, [focusIdx2, inline]);
@@ -43659,7 +43659,7 @@ function Color({
43659
43659
  });
43660
43660
  }, [focusIdx2, inline, title2]);
43661
43661
  }
43662
- const options$5 = [
43662
+ const options$6 = [
43663
43663
  {
43664
43664
  value: "left",
43665
43665
  label: "left"
@@ -43679,7 +43679,7 @@ function Align() {
43679
43679
  return /* @__PURE__ */ React__default.createElement(Stack$6, null, /* @__PURE__ */ React__default.createElement(RadioGroupField, {
43680
43680
  label: "Align",
43681
43681
  name: `${focusIdx2}.attributes.align`,
43682
- options: options$5,
43682
+ options: options$6,
43683
43683
  inline: true
43684
43684
  }));
43685
43685
  }, [focusIdx2]);
@@ -44246,7 +44246,7 @@ function Accordion() {
44246
44246
  inline: true
44247
44247
  })));
44248
44248
  }
44249
- const options$4 = [
44249
+ const options$5 = [
44250
44250
  {
44251
44251
  value: "left",
44252
44252
  label: "Left"
@@ -44266,12 +44266,12 @@ function TextAlign() {
44266
44266
  return /* @__PURE__ */ React__default.createElement(Stack$6, null, /* @__PURE__ */ React__default.createElement(RadioGroupField, {
44267
44267
  label: "Text align",
44268
44268
  name: `${focusIdx2}.attributes.text-align`,
44269
- options: options$4,
44269
+ options: options$5,
44270
44270
  inline: true
44271
44271
  }));
44272
44272
  }, [focusIdx2]);
44273
44273
  }
44274
- const options$3 = [
44274
+ const options$4 = [
44275
44275
  {
44276
44276
  value: "",
44277
44277
  label: "none"
@@ -44295,7 +44295,7 @@ function TextTransform() {
44295
44295
  return /* @__PURE__ */ React__default.createElement(SelectField, {
44296
44296
  label: "Text transform",
44297
44297
  name: `${focusIdx2}.attributes.text-transform`,
44298
- options: options$3
44298
+ options: options$4
44299
44299
  });
44300
44300
  }, [focusIdx2]);
44301
44301
  }
@@ -44341,7 +44341,7 @@ function AccordionText() {
44341
44341
  attributeName: "padding"
44342
44342
  })));
44343
44343
  }
44344
- const options$2 = [
44344
+ const options$3 = [
44345
44345
  {
44346
44346
  value: "hidden",
44347
44347
  label: "hidden"
@@ -44373,7 +44373,7 @@ function Carousel() {
44373
44373
  }), /* @__PURE__ */ React__default.createElement(RadioGroupField, {
44374
44374
  label: "Thumbnails",
44375
44375
  name: `${focusIdx2}.attributes.thumbnails`,
44376
- options: options$2,
44376
+ options: options$3,
44377
44377
  inline: true
44378
44378
  }), /* @__PURE__ */ React__default.createElement(Align, null)))), /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
44379
44379
  name: "4",
@@ -44482,7 +44482,7 @@ function CarouselImage({
44482
44482
  name: `${focusIdx2}.data.value.image.[${index2}].title`
44483
44483
  }));
44484
44484
  }
44485
- const options$1 = [
44485
+ const options$2 = [
44486
44486
  {
44487
44487
  value: "fluid-height",
44488
44488
  label: "Fluid height"
@@ -44506,7 +44506,7 @@ function Hero() {
44506
44506
  }, /* @__PURE__ */ React__default.createElement(RadioGroupField, {
44507
44507
  label: "Mode",
44508
44508
  name: `${focusIdx2}.attributes.mode`,
44509
- options: options$1
44509
+ options: options$2
44510
44510
  }), /* @__PURE__ */ React__default.createElement(Stack$6, {
44511
44511
  wrap: false
44512
44512
  }, /* @__PURE__ */ React__default.createElement(Stack$6.Item, {
@@ -44697,7 +44697,7 @@ function NavbarLink({
44697
44697
  name: `${focusIdx2}.data.value.links.[${index2}].padding`
44698
44698
  }));
44699
44699
  }
44700
- const options = [
44700
+ const options$1 = [
44701
44701
  {
44702
44702
  value: "vertical",
44703
44703
  label: "vertical"
@@ -44722,7 +44722,7 @@ function Social() {
44722
44722
  }, /* @__PURE__ */ React__default.createElement(RadioGroupField, {
44723
44723
  label: "Mode",
44724
44724
  name: `${focusIdx2}.attributes.mode`,
44725
- options,
44725
+ options: options$1,
44726
44726
  inline: true
44727
44727
  }), /* @__PURE__ */ React__default.createElement(ContainerBackgroundColor, {
44728
44728
  title: "Background color"
@@ -44930,6 +44930,100 @@ function AttributePanel() {
44930
44930
  }
44931
44931
  `), shadowRoot));
44932
44932
  }
44933
+ function Decoration() {
44934
+ const { focusIdx: focusIdx2 } = useFocusIdx();
44935
+ return useMemo(() => {
44936
+ return /* @__PURE__ */ React__default.createElement(Stack$6, {
44937
+ key: focusIdx2,
44938
+ vertical: true,
44939
+ spacing: "extraTight"
44940
+ }, /* @__PURE__ */ React__default.createElement(TextStyle, {
44941
+ variation: "strong",
44942
+ size: "large"
44943
+ }, "Decoration"), /* @__PURE__ */ React__default.createElement(TextField, {
44944
+ label: "Border radius",
44945
+ name: `${focusIdx2}.attributes.borderRadius`,
44946
+ inline: true
44947
+ }), /* @__PURE__ */ React__default.createElement(TextField, {
44948
+ label: "Border",
44949
+ name: `${focusIdx2}.attributes.border`,
44950
+ inline: true,
44951
+ alignment: "center"
44952
+ }), /* @__PURE__ */ React__default.createElement(NumberField, {
44953
+ label: "Opacity",
44954
+ max: 1,
44955
+ min: 0,
44956
+ step: 0.1,
44957
+ name: `${focusIdx2}.attributes.opacity`,
44958
+ inline: true,
44959
+ alignment: "center"
44960
+ }));
44961
+ }, [focusIdx2]);
44962
+ }
44963
+ const options = [
44964
+ {
44965
+ value: "ltr",
44966
+ label: "ltr"
44967
+ },
44968
+ {
44969
+ value: "rtl",
44970
+ label: "rtl"
44971
+ }
44972
+ ];
44973
+ function Direction() {
44974
+ const { focusIdx: focusIdx2 } = useFocusIdx();
44975
+ return useMemo(() => {
44976
+ return /* @__PURE__ */ React__default.createElement(Stack$6, null, /* @__PURE__ */ React__default.createElement(RadioGroupField, {
44977
+ label: "Direction",
44978
+ name: `${focusIdx2}.attributes.direction`,
44979
+ options,
44980
+ inline: true
44981
+ }));
44982
+ }, [focusIdx2]);
44983
+ }
44984
+ function Margin() {
44985
+ const { focusIdx: focusIdx2 } = useFocusIdx();
44986
+ return useMemo(() => {
44987
+ return /* @__PURE__ */ React__default.createElement(Stack$6, {
44988
+ vertical: true,
44989
+ spacing: "extraTight"
44990
+ }, /* @__PURE__ */ React__default.createElement(TextStyle, {
44991
+ size: "large"
44992
+ }, "Margin"), /* @__PURE__ */ React__default.createElement(Stack$6, {
44993
+ wrap: false
44994
+ }, /* @__PURE__ */ React__default.createElement(Stack$6.Item, {
44995
+ fill: true
44996
+ }, /* @__PURE__ */ React__default.createElement(TextField, {
44997
+ label: "Top",
44998
+ quickchange: true,
44999
+ name: `${focusIdx2}.attributes.marginTop`,
45000
+ inline: true
45001
+ })), /* @__PURE__ */ React__default.createElement(Stack$6.Item, {
45002
+ fill: true
45003
+ }, /* @__PURE__ */ React__default.createElement(TextField, {
45004
+ label: "Bottom",
45005
+ quickchange: true,
45006
+ name: `${focusIdx2}.attributes.marginBottom`,
45007
+ inline: true
45008
+ }))), /* @__PURE__ */ React__default.createElement(Stack$6, {
45009
+ wrap: false
45010
+ }, /* @__PURE__ */ React__default.createElement(Stack$6.Item, {
45011
+ fill: true
45012
+ }, /* @__PURE__ */ React__default.createElement(TextField, {
45013
+ label: "Left",
45014
+ quickchange: true,
45015
+ name: `${focusIdx2}.attributes.marginLeft`,
45016
+ inline: true
45017
+ })), /* @__PURE__ */ React__default.createElement(Stack$6.Item, {
45018
+ fill: true
45019
+ }, /* @__PURE__ */ React__default.createElement(TextField, {
45020
+ label: "Right",
45021
+ quickchange: true,
45022
+ name: `${focusIdx2}.attributes.marginRight`,
45023
+ inline: true
45024
+ }))));
45025
+ }, [focusIdx2]);
45026
+ }
44933
45027
  const BlocksPanel$1 = "_BlocksPanel_15fho_1";
44934
45028
  const blockItem = "_blockItem_15fho_5";
44935
45029
  const closeBtn = "_closeBtn_15fho_12";
@@ -47218,10 +47312,7 @@ function ShortcutToolbar() {
47218
47312
  }
47219
47313
  })));
47220
47314
  }
47221
- const wrapper = "_wrapper_ccpet_1";
47222
- var styles$1 = {
47223
- wrapper
47224
- };
47315
+ var styles$1 = {};
47225
47316
  function SourceCodePanel() {
47226
47317
  const { setValueByIdx, focusBlock, values } = useBlock();
47227
47318
  const { focusIdx } = useFocusIdx();
@@ -47811,5 +47902,5 @@ const SimpleLayout = (props) => {
47811
47902
  title: "Source code"
47812
47903
  }, /* @__PURE__ */ React__default.createElement(SourceCodePanel, null)))))), /* @__PURE__ */ React__default.createElement(InteractivePrompt, null));
47813
47904
  };
47814
- 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 };
47905
+ 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 };
47815
47906
  //# sourceMappingURL=index2.js.map