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.
- package/lib/AttributePanel/components/attributes/{FontFamliy.d.ts → FontFamily.d.ts} +0 -0
- package/lib/AttributePanel/components/attributes/index.d.ts +29 -0
- package/lib/AttributePanel/index.d.ts +1 -1
- package/lib/index.js +1 -1
- package/lib/index2.js +125 -34
- package/lib/index2.js.map +1 -1
- package/lib/style.css +1 -1
- package/package.json +2 -2
File without changes
|
@@ -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
|
3
|
+
export * from './components/attributes';
|
package/lib/index.js
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
export { A as AttributePanel,
|
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$
|
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$
|
24961
|
-
var MonthPicker = wrapper$
|
24962
|
-
var YearPicker = wrapper$
|
24963
|
-
var WeekPicker = wrapper$
|
24964
|
-
var QuarterPicker = wrapper$
|
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
|
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
|
43031
|
+
const wrapper = "_wrapper_j840r_1";
|
43032
43032
|
var styles$4 = {
|
43033
|
-
wrapper
|
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$
|
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$
|
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$
|
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$
|
43529
|
+
options: options$9
|
43530
43530
|
});
|
43531
43531
|
}, [focusIdx2]);
|
43532
43532
|
}
|
43533
|
-
const options$
|
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$
|
43585
|
+
options: options$8
|
43586
43586
|
});
|
43587
43587
|
}, [focusIdx2]);
|
43588
43588
|
}
|
43589
|
-
const options$
|
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$
|
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$
|
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$
|
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$
|
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$
|
44269
|
+
options: options$5,
|
44270
44270
|
inline: true
|
44271
44271
|
}));
|
44272
44272
|
}, [focusIdx2]);
|
44273
44273
|
}
|
44274
|
-
const options$
|
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$
|
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$
|
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$
|
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$
|
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$
|
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
|
-
|
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,
|
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
|