@flozy/editor 10.1.2 → 10.1.4
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/dist/Editor/ChatEditor.js +16 -17
- package/dist/Editor/CommonEditor.js +15 -115
- package/dist/Editor/DialogWrapper.js +25 -31
- package/dist/Editor/Editor.css +8 -16
- package/dist/Editor/Elements/AI/PopoverAIInput.js +3 -11
- package/dist/Editor/Elements/AppHeader/AppHeader.js +3 -3
- package/dist/Editor/Elements/Button/EditorButton.js +9 -25
- package/dist/Editor/Elements/Color Picker/ColorButtons.js +14 -61
- package/dist/Editor/Elements/Color Picker/ColorPicker.css +1 -25
- package/dist/Editor/Elements/Color Picker/ColorPicker.js +7 -10
- package/dist/Editor/Elements/Color Picker/Styles.js +13 -15
- package/dist/Editor/Elements/DataView/Layouts/ColumnView.js +2 -4
- package/dist/Editor/Elements/DataView/Layouts/DataTypes/MultiSelectType.js +6 -21
- package/dist/Editor/Elements/DataView/Layouts/Options/AddOptions.js +1 -5
- package/dist/Editor/Elements/DataView/Layouts/Options/EditOption.js +2 -3
- package/dist/Editor/Elements/DataView/Layouts/Options/index.js +0 -11
- package/dist/Editor/Elements/DataView/Layouts/ViewData.js +4 -8
- package/dist/Editor/Elements/Embed/Image.js +2 -3
- package/dist/Editor/Elements/Embed/Video.js +1 -1
- package/dist/Editor/Elements/EmbedScript/Code.js +2 -14
- package/dist/Editor/Elements/EmbedScript/EmbedScriptPopup.js +28 -57
- package/dist/Editor/Elements/Form/Form.js +168 -179
- package/dist/Editor/Elements/Form/FormField.js +4 -10
- package/dist/Editor/Elements/Form/Workflow/Styles.js +22 -24
- package/dist/Editor/Elements/FreeGrid/FreeGrid.js +24 -6
- package/dist/Editor/Elements/FreeGrid/FreeGridBox.js +4 -7
- package/dist/Editor/Elements/FreeGrid/Options/More.js +8 -8
- package/dist/Editor/Elements/FreeGrid/styles.js +7 -67
- package/dist/Editor/Elements/Grid/GridItem.js +1 -1
- package/dist/Editor/Elements/List/CheckList.js +1 -4
- package/dist/Editor/Elements/Search/SearchAttachment.js +9 -40
- package/dist/Editor/Elements/Search/SearchButton.js +8 -9
- package/dist/Editor/Elements/Search/SearchList.js +7 -9
- package/dist/Editor/Elements/SimpleText/index.js +1 -6
- package/dist/Editor/Elements/SimpleText/style.js +2 -2
- package/dist/Editor/Elements/Table/Table.js +3 -3
- package/dist/Editor/Elements/Title/title.js +6 -6
- package/dist/Editor/Elements/Variables/VariableButton.js +1 -10
- package/dist/Editor/MiniEditor.js +1 -2
- package/dist/Editor/Styles/EditorStyles.js +5 -5
- package/dist/Editor/Toolbar/FormatTools/Dropdown.js +3 -27
- package/dist/Editor/Toolbar/FormatTools/FontFamilyAutocomplete.js +3 -4
- package/dist/Editor/Toolbar/FormatTools/MarkButton.js +2 -2
- package/dist/Editor/Toolbar/FormatTools/TextSize.js +13 -10
- package/dist/Editor/Toolbar/Mini/MiniToolbar.js +1 -2
- package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/MiniColorPicker.js +2 -4
- package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectFontSize.js +13 -6
- package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectTypography.js +42 -167
- package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/index.js +4 -7
- package/dist/Editor/Toolbar/PopupTool/PopperHeader.js +1 -2
- package/dist/Editor/Toolbar/PopupTool/PopupToolStyle.js +12 -72
- package/dist/Editor/Toolbar/PopupTool/TextFormat.js +27 -100
- package/dist/Editor/Toolbar/PopupTool/index.js +1 -1
- package/dist/Editor/Toolbar/toolbarGroups.js +6 -48
- package/dist/Editor/assets/svg/SettingsIcon.js +0 -1
- package/dist/Editor/common/ColorPickerButton.js +17 -39
- package/dist/Editor/common/DnD/DragHandleButton.js +1 -1
- package/dist/Editor/common/FontLoader/FontLoader.js +0 -3
- package/dist/Editor/common/Icon.js +1 -31
- package/dist/Editor/common/ImageSelector/Styles.js +9 -3
- package/dist/Editor/common/LinkSettings/NavComponents.js +8 -34
- package/dist/Editor/common/LinkSettings/index.js +68 -84
- package/dist/Editor/common/LinkSettings/style.js +30 -245
- package/dist/Editor/common/RnD/ElementOptions/Actions.js +14 -13
- package/dist/Editor/common/RnD/ElementOptions/Icons/LinkIcon.js +0 -1
- package/dist/Editor/common/RnD/ElementOptions/index.js +2 -2
- package/dist/Editor/common/RnD/ElementOptions/styles.js +1 -28
- package/dist/Editor/common/RnD/ElementSettings/OtherSettings/Settings.js +5 -6
- package/dist/Editor/common/RnD/ElementSettings/Settings/AppHeaderSettings.js +2 -3
- package/dist/Editor/common/RnD/ElementSettings/Settings/BoxSettings.js +2 -3
- package/dist/Editor/common/RnD/ElementSettings/Settings/ButtonSettings.js +2 -3
- package/dist/Editor/common/RnD/ElementSettings/Settings/CodeSettings.js +2 -3
- package/dist/Editor/common/RnD/ElementSettings/Settings/FormSettings.js +2 -4
- package/dist/Editor/common/RnD/ElementSettings/Settings/ImageSettings.js +2 -3
- package/dist/Editor/common/RnD/ElementSettings/Settings/TableSettings.js +2 -3
- package/dist/Editor/common/RnD/ElementSettings/Settings/TextSettings.js +1 -3
- package/dist/Editor/common/RnD/ElementSettings/Settings/VideoSettings.js +2 -3
- package/dist/Editor/common/RnD/ElementSettings/styles.js +12 -147
- package/dist/Editor/common/RnD/OptionsPopup/index.js +5 -8
- package/dist/Editor/common/RnD/OptionsPopup/style.js +19 -121
- package/dist/Editor/common/RnD/SwitchViewport/SwitchViewport.js +5 -8
- package/dist/Editor/common/RnD/Theme/ViewportStimulator.js +3 -6
- package/dist/Editor/common/RnD/Utils/gridDropItem.js +2 -1
- package/dist/Editor/common/RnD/index.js +6 -5
- package/dist/Editor/common/Select/index.js +0 -2
- package/dist/Editor/common/Shorthands/elements.js +0 -54
- package/dist/Editor/common/StyleBuilder/buttonStyle.js +2 -4
- package/dist/Editor/common/StyleBuilder/fieldTypes/backgroundImage.js +0 -5
- package/dist/Editor/common/StyleBuilder/fieldTypes/bannerSpacing.js +2 -12
- package/dist/Editor/common/StyleBuilder/fieldTypes/borderRadius.js +7 -15
- package/dist/Editor/common/StyleBuilder/fieldTypes/card.js +8 -16
- package/dist/Editor/common/StyleBuilder/fieldTypes/color.js +10 -36
- package/dist/Editor/common/StyleBuilder/fieldTypes/fontSize.js +7 -16
- package/dist/Editor/common/StyleBuilder/fieldTypes/lineSpacing.js +6 -7
- package/dist/Editor/common/StyleBuilder/fieldTypes/menusArray.js +6 -13
- package/dist/Editor/common/StyleBuilder/fieldTypes/textOptions.js +7 -15
- package/dist/Editor/common/StyleBuilder/pageSettingsStyle.js +7 -5
- package/dist/Editor/common/Uploader.js +0 -8
- package/dist/Editor/common/iconListV2.js +6 -101
- package/dist/Editor/common/iconslist.js +0 -24
- package/dist/Editor/commonStyle.js +61 -174
- package/dist/Editor/helper/theme.js +2 -203
- package/dist/Editor/hooks/useMouseMove.js +5 -8
- package/dist/Editor/plugins/withEmbeds.js +1 -1
- package/dist/Editor/plugins/withHTML.js +1 -3
- package/dist/Editor/plugins/withTable.js +1 -1
- package/dist/Editor/theme/ThemeList.js +173 -50
- package/dist/Editor/utils/SlateUtilityFunctions.js +43 -166
- package/dist/Editor/utils/button.js +17 -1
- package/dist/Editor/utils/draftToSlate.js +2 -3
- package/dist/Editor/utils/font.js +37 -40
- package/dist/Editor/utils/helper.js +19 -90
- package/package.json +4 -4
- package/dist/Editor/Elements/DataView/Layouts/DataTypes/Components/MultiSelect.js +0 -454
- package/dist/Editor/Elements/EmbedScript/styles.js +0 -89
- package/dist/Editor/Toolbar/PopupTool/ThemeTextFormat.js +0 -439
- package/dist/Editor/assets/svg/BackIcon.js +0 -18
- package/dist/Editor/assets/svg/ClearAllRounded.js +0 -31
- package/dist/Editor/assets/svg/ResetIconNew.js +0 -23
- package/dist/Editor/assets/svg/ThemeIcons.js +0 -293
- package/dist/Editor/common/CustomColorPicker/index.js +0 -130
- package/dist/Editor/common/CustomColorPicker/style.js +0 -53
- package/dist/Editor/common/CustomDialog2/index.js +0 -94
- package/dist/Editor/common/CustomDialog2/style.js +0 -67
- package/dist/Editor/common/CustomSelect.js +0 -43
- package/dist/Editor/common/RnD/Theme/MainThemeProvider.js +0 -17
- package/dist/Editor/common/SnackBar/index.js +0 -43
- package/dist/Editor/helper/textIndeces.js +0 -58
- package/dist/Editor/hooks/useEditorTheme.js +0 -153
- package/dist/Editor/hooks/useThemeValues.js +0 -63
- package/dist/Editor/theme/index.js +0 -149
- package/dist/Editor/themeSettings/ActiveTheme.js +0 -72
- package/dist/Editor/themeSettings/buttons/index.js +0 -290
- package/dist/Editor/themeSettings/buttons/style.js +0 -23
- package/dist/Editor/themeSettings/colorTheme/index.js +0 -309
- package/dist/Editor/themeSettings/colorTheme/style.js +0 -81
- package/dist/Editor/themeSettings/fonts/PreviewElement.js +0 -121
- package/dist/Editor/themeSettings/fonts/index.js +0 -240
- package/dist/Editor/themeSettings/fonts/style.js +0 -62
- package/dist/Editor/themeSettings/icons.js +0 -60
- package/dist/Editor/themeSettings/index.js +0 -361
- package/dist/Editor/themeSettings/style.js +0 -292
- package/dist/Editor/themeSettingsAI/icons.js +0 -96
- package/dist/Editor/themeSettingsAI/index.js +0 -355
- package/dist/Editor/themeSettingsAI/saveTheme.js +0 -202
- package/dist/Editor/themeSettingsAI/style.js +0 -324
@@ -232,7 +232,8 @@ export function onDropItem(props, parentClass) {
|
|
232
232
|
} else if (moveTo?.length === 2 && autoAlign) {
|
233
233
|
// auto align in mobile
|
234
234
|
Transforms.setNodes(editor, {
|
235
|
-
xs_updatedOn: null
|
235
|
+
xs_updatedOn: null,
|
236
|
+
xs_updatedOn: new Date().getTime()
|
236
237
|
}, {
|
237
238
|
at: moveTo
|
238
239
|
});
|
@@ -125,7 +125,8 @@ const RnD = props => {
|
|
125
125
|
} = useAutoScroll(10, "slate-wrapper-scroll-container");
|
126
126
|
const {
|
127
127
|
isInteracting,
|
128
|
-
|
128
|
+
handleStart,
|
129
|
+
handleStop
|
129
130
|
} = useFreeGrid();
|
130
131
|
const {
|
131
132
|
translation
|
@@ -323,7 +324,7 @@ const RnD = props => {
|
|
323
324
|
};
|
324
325
|
const onDragStart = e => {
|
325
326
|
e.preventDefault();
|
326
|
-
|
327
|
+
handleStart();
|
327
328
|
if (e?.target?.dataset?.path?.split(",").join("|") === sp) {
|
328
329
|
const {
|
329
330
|
left,
|
@@ -425,7 +426,7 @@ const RnD = props => {
|
|
425
426
|
e.preventDefault();
|
426
427
|
e.stopPropagation();
|
427
428
|
stopAutoScroll();
|
428
|
-
|
429
|
+
handleStop();
|
429
430
|
if (dragging?.isDragging === 2 && dragging?.position?.strXY && dragging?.dragOver) {
|
430
431
|
d.x = e.x;
|
431
432
|
d.y = e.y;
|
@@ -468,7 +469,7 @@ const RnD = props => {
|
|
468
469
|
};
|
469
470
|
const onResizeStop = (e, direction, ref, d, position) => {
|
470
471
|
e.preventDefault();
|
471
|
-
|
472
|
+
handleStop();
|
472
473
|
let updatedPosition = {};
|
473
474
|
if (type !== "parent") {
|
474
475
|
// update element position while resizing, (for free grid box and item)
|
@@ -557,7 +558,7 @@ const RnD = props => {
|
|
557
558
|
return {
|
558
559
|
onResizeStart: e => {
|
559
560
|
e.preventDefault();
|
560
|
-
|
561
|
+
handleStart();
|
561
562
|
},
|
562
563
|
onDragStart: onDragStart,
|
563
564
|
onDrag: onDrag,
|
@@ -1,7 +1,6 @@
|
|
1
1
|
import { Select as Core } from "@mui/material";
|
2
2
|
import SelectStyles from "./styles";
|
3
3
|
import { useEditorContext } from "../../hooks/useMouseMove";
|
4
|
-
import KeyboardArrowDownRoundedIcon from '@mui/icons-material/KeyboardArrowDownRounded';
|
5
4
|
import { jsx as _jsx } from "react/jsx-runtime";
|
6
5
|
function Select(props) {
|
7
6
|
const {
|
@@ -14,7 +13,6 @@ function Select(props) {
|
|
14
13
|
const classes = SelectStyles(theme);
|
15
14
|
return /*#__PURE__*/_jsx(Core, {
|
16
15
|
MenuProps: classes.MenuProps,
|
17
|
-
IconComponent: KeyboardArrowDownRoundedIcon,
|
18
16
|
...rest,
|
19
17
|
children: children
|
20
18
|
});
|
@@ -44,60 +44,6 @@ const ELEMENTS_LIST = [{
|
|
44
44
|
icon: "headingThree"
|
45
45
|
}),
|
46
46
|
onInsert: editor => toggleBlock(editor, "headingThree", false)
|
47
|
-
}, {
|
48
|
-
name: "Heading 4",
|
49
|
-
desc: "",
|
50
|
-
group: "Text",
|
51
|
-
type: "headingFour",
|
52
|
-
icon: /*#__PURE__*/_jsx(Icon, {
|
53
|
-
icon: "headingFour"
|
54
|
-
}),
|
55
|
-
onInsert: editor => toggleBlock(editor, "headingFour", false)
|
56
|
-
}, {
|
57
|
-
name: "Heading 5",
|
58
|
-
desc: "",
|
59
|
-
group: "Text",
|
60
|
-
type: "headingFive",
|
61
|
-
icon: /*#__PURE__*/_jsx(Icon, {
|
62
|
-
icon: "headingFive"
|
63
|
-
}),
|
64
|
-
onInsert: editor => toggleBlock(editor, "headingFive", false)
|
65
|
-
}, {
|
66
|
-
name: "Heading 6",
|
67
|
-
desc: "",
|
68
|
-
group: "Text",
|
69
|
-
type: "headingSix",
|
70
|
-
icon: /*#__PURE__*/_jsx(Icon, {
|
71
|
-
icon: "headingSix"
|
72
|
-
}),
|
73
|
-
onInsert: editor => toggleBlock(editor, "headingSix", false)
|
74
|
-
}, {
|
75
|
-
name: "Paragraph 1",
|
76
|
-
desc: "",
|
77
|
-
group: "Text",
|
78
|
-
type: "paragraphOne",
|
79
|
-
icon: /*#__PURE__*/_jsx(Icon, {
|
80
|
-
icon: "paragraphOne"
|
81
|
-
}),
|
82
|
-
onInsert: editor => toggleBlock(editor, "paragraphOne", false)
|
83
|
-
}, {
|
84
|
-
name: "Paragraph 2",
|
85
|
-
desc: "",
|
86
|
-
group: "Text",
|
87
|
-
type: "paragraphTwo",
|
88
|
-
icon: /*#__PURE__*/_jsx(Icon, {
|
89
|
-
icon: "paragraphTwo"
|
90
|
-
}),
|
91
|
-
onInsert: editor => toggleBlock(editor, "paragraphTwo", false)
|
92
|
-
}, {
|
93
|
-
name: "Paragraph 3",
|
94
|
-
desc: "",
|
95
|
-
group: "Text",
|
96
|
-
type: "paragraphThree",
|
97
|
-
icon: /*#__PURE__*/_jsx(Icon, {
|
98
|
-
icon: "paragraphThree"
|
99
|
-
}),
|
100
|
-
onInsert: editor => toggleBlock(editor, "paragraphThree", false)
|
101
47
|
}, {
|
102
48
|
name: "Quote",
|
103
49
|
desc: "",
|
@@ -21,8 +21,7 @@ const buttonStyle = [{
|
|
21
21
|
},
|
22
22
|
children: option.text
|
23
23
|
});
|
24
|
-
}
|
25
|
-
themeEnabled: true
|
24
|
+
}
|
26
25
|
}, {
|
27
26
|
label: "Font Size",
|
28
27
|
key: "textSize",
|
@@ -46,8 +45,7 @@ const buttonStyle = [{
|
|
46
45
|
}, {
|
47
46
|
label: "Button Color",
|
48
47
|
key: "bgColor",
|
49
|
-
type: "color"
|
50
|
-
themeEnabled: true
|
48
|
+
type: "color"
|
51
49
|
}, {
|
52
50
|
label: "Border Color",
|
53
51
|
key: "borderColor",
|
@@ -76,11 +76,6 @@ const BackgroundImage = props => {
|
|
76
76
|
children: translation("REMOVE")
|
77
77
|
}) : /*#__PURE__*/_jsx(Grid, {
|
78
78
|
className: "uploadImageText",
|
79
|
-
sx: {
|
80
|
-
padding: 0,
|
81
|
-
background: `${theme?.palette?.editor?.inputFieldBgColor}`,
|
82
|
-
border: `1px solid ${theme?.palette?.editor?.inputFieldBorder}`
|
83
|
-
},
|
84
79
|
children: /*#__PURE__*/_jsxs(Button, {
|
85
80
|
component: "label",
|
86
81
|
variant: "text",
|
@@ -3,13 +3,13 @@ import { Checkbox, FormControlLabel, Grid, Slider, Typography, Box, IconButton }
|
|
3
3
|
import { squreStyle } from "./radiusStyle";
|
4
4
|
import { getBreakPointsValue } from "../../../helper/theme";
|
5
5
|
import useWindowResize from "../../../hooks/useWindowResize";
|
6
|
-
import { useEditorTheme } from "../../../hooks/useEditorTheme";
|
7
6
|
import { CheckedBoxCheckIcon } from "../../iconListV2";
|
8
7
|
import { jsx as _jsx } from "react/jsx-runtime";
|
9
8
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
10
9
|
const BANNER_SPACING_KEYS = ["top", "left", "right", "bottom"];
|
11
10
|
const BannerSpacing = props => {
|
12
11
|
const {
|
12
|
+
value: val,
|
13
13
|
data,
|
14
14
|
onChange,
|
15
15
|
elementProps,
|
@@ -23,17 +23,7 @@ const BannerSpacing = props => {
|
|
23
23
|
key
|
24
24
|
} = data;
|
25
25
|
const lockKeyVal = `lock${key}`;
|
26
|
-
|
27
|
-
selectedTheme
|
28
|
-
} = useEditorTheme();
|
29
|
-
const {
|
30
|
-
bannerSpacing,
|
31
|
-
lockbannerSpacing
|
32
|
-
} = selectedTheme?.elementProps?.button || {};
|
33
|
-
const isUserValue = Object.keys(props?.value || {})?.length;
|
34
|
-
const isUserLockedSpacing = typeof elementProps[lockKeyVal] === "boolean";
|
35
|
-
const val = isUserValue ? props?.value : bannerSpacing;
|
36
|
-
let lockSpacing = isUserLockedSpacing ? elementProps[lockKeyVal] : lockbannerSpacing;
|
26
|
+
let lockSpacing = elementProps[lockKeyVal];
|
37
27
|
if (lockSpacing === undefined) {
|
38
28
|
lockSpacing = true;
|
39
29
|
}
|
@@ -3,13 +3,13 @@ import { Grid, Typography, Slider, FormControlLabel, Checkbox, Box, IconButton }
|
|
3
3
|
import { radiusStyle } from "./radiusStyle";
|
4
4
|
import useWindowResize from "../../../hooks/useWindowResize";
|
5
5
|
import { getBreakPointsValue, getCustomizationValue } from "../../../helper/theme";
|
6
|
-
import { useEditorTheme } from "../../../hooks/useEditorTheme";
|
7
6
|
import { CheckedBoxCheckIcon } from "../../iconListV2";
|
8
7
|
import { jsx as _jsx } from "react/jsx-runtime";
|
9
8
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
10
9
|
const BORDER_RADIUS_KEYS = ["topLeft", "topRight", "bottomLeft", "bottomRight"];
|
11
10
|
const BorderRadius = props => {
|
12
11
|
const {
|
12
|
+
value: val,
|
13
13
|
data,
|
14
14
|
onChange,
|
15
15
|
elementProps,
|
@@ -19,24 +19,16 @@ const BorderRadius = props => {
|
|
19
19
|
const {
|
20
20
|
translation
|
21
21
|
} = customProps;
|
22
|
+
let {
|
23
|
+
lockRadius
|
24
|
+
} = elementProps;
|
25
|
+
if (lockRadius === undefined) {
|
26
|
+
lockRadius = true;
|
27
|
+
}
|
22
28
|
const {
|
23
29
|
key
|
24
30
|
} = data;
|
25
31
|
const [size] = useWindowResize();
|
26
|
-
const {
|
27
|
-
selectedTheme
|
28
|
-
} = useEditorTheme();
|
29
|
-
const {
|
30
|
-
borderRadius,
|
31
|
-
lockRadius: themeLockRadius
|
32
|
-
} = selectedTheme?.elementProps?.button || {};
|
33
|
-
const isUserValue = Object.keys(props?.value || {})?.length;
|
34
|
-
const isUserLockedRadius = typeof elementProps?.lockRadius === "boolean";
|
35
|
-
const val = isUserValue ? props?.value : borderRadius;
|
36
|
-
let lockRadius = isUserLockedRadius ? elementProps?.lockRadius : themeLockRadius;
|
37
|
-
if (lockRadius === undefined) {
|
38
|
-
lockRadius = true;
|
39
|
-
}
|
40
32
|
const value = getBreakPointsValue(val, size?.device);
|
41
33
|
const handleChange = e => {
|
42
34
|
let changeAll = {};
|
@@ -1,7 +1,6 @@
|
|
1
1
|
import { Box, Card, Checkbox, FormControlLabel, Grid, Tooltip, Typography } from "@mui/material";
|
2
2
|
import React from "react";
|
3
3
|
import Icon from "../../Icon";
|
4
|
-
import { useEditorContext } from "../../../hooks/useMouseMove";
|
5
4
|
import { jsx as _jsx } from "react/jsx-runtime";
|
6
5
|
import { Fragment as _Fragment } from "react/jsx-runtime";
|
7
6
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
@@ -16,17 +15,14 @@ const RenderCard = ({
|
|
16
15
|
}) => {
|
17
16
|
return /*#__PURE__*/_jsx(Card, {
|
18
17
|
sx: {
|
19
|
-
position:
|
20
|
-
padding: "10px"
|
21
|
-
"& .MuiCheckbox-root svg": {
|
22
|
-
fill: "unset !important"
|
23
|
-
}
|
18
|
+
position: 'relative',
|
19
|
+
padding: "10px"
|
24
20
|
},
|
25
21
|
children: /*#__PURE__*/_jsx(FormControlLabel, {
|
26
22
|
control: /*#__PURE__*/_jsx(Checkbox, {
|
27
23
|
sx: {
|
28
24
|
padding: 0,
|
29
|
-
marginTop:
|
25
|
+
marginTop: '3px'
|
30
26
|
},
|
31
27
|
onChange: handleChange,
|
32
28
|
checked: value,
|
@@ -62,10 +58,10 @@ const RenderCard = ({
|
|
62
58
|
})
|
63
59
|
}),
|
64
60
|
sx: {
|
65
|
-
width:
|
66
|
-
display:
|
67
|
-
justifyContent:
|
68
|
-
alignItems:
|
61
|
+
width: '100%',
|
62
|
+
display: 'flex',
|
63
|
+
justifyContent: 'space-between',
|
64
|
+
alignItems: 'flex-start',
|
69
65
|
margin: 0
|
70
66
|
},
|
71
67
|
labelPlacement: "start"
|
@@ -87,9 +83,6 @@ const CardsMapping = props => {
|
|
87
83
|
selectedCard,
|
88
84
|
infoIcon
|
89
85
|
} = data;
|
90
|
-
const {
|
91
|
-
theme
|
92
|
-
} = useEditorContext();
|
93
86
|
const {
|
94
87
|
translation
|
95
88
|
} = customProps;
|
@@ -111,8 +104,7 @@ const CardsMapping = props => {
|
|
111
104
|
sx: {
|
112
105
|
marginBottom: "12px",
|
113
106
|
"& .MuiPaper-root": {
|
114
|
-
|
115
|
-
border: activeCard ? "1px solid #2563EB" : `1px solid ${theme?.palette?.editor?.inputFieldBorder}`,
|
107
|
+
border: activeCard ? "1px solid #2563EB" : "1px solid #C8D8FA",
|
116
108
|
borderRadius: "8px",
|
117
109
|
boxShadow: activeCard ? "0px 4px 16px 0px #2563EB40" : "unset"
|
118
110
|
}
|
@@ -1,23 +1,14 @@
|
|
1
|
-
import React, { useEffect,
|
1
|
+
import React, { useEffect, useState } from "react";
|
2
2
|
import { Grid, TextField, InputAdornment, Typography, Tooltip } from "@mui/material";
|
3
3
|
import ColorPickerButton from "../../ColorPickerButton";
|
4
|
-
import { getVariableValue } from "../../../helper/theme";
|
5
|
-
import { useButtonStyle } from "../../../hooks/useThemeValues";
|
6
|
-
|
7
|
-
// const MAP_STYLE_PROPS = {
|
8
|
-
// bgColor: "background-color",
|
9
|
-
// textColor: "color",
|
10
|
-
// };
|
11
4
|
import { jsx as _jsx } from "react/jsx-runtime";
|
12
5
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
13
6
|
const Color = props => {
|
14
7
|
const {
|
15
|
-
value
|
8
|
+
value,
|
16
9
|
data,
|
17
10
|
onChange,
|
18
11
|
classes,
|
19
|
-
elementProps,
|
20
|
-
handleClose,
|
21
12
|
customProps
|
22
13
|
} = props;
|
23
14
|
const {
|
@@ -29,22 +20,7 @@ const Color = props => {
|
|
29
20
|
translation
|
30
21
|
} = customProps;
|
31
22
|
const [recentColors, setRecentColors] = useState({});
|
32
|
-
const
|
33
|
-
buttonStyle
|
34
|
-
} = useButtonStyle(val, key, elementProps);
|
35
|
-
const newValue = buttonStyle?.color;
|
36
|
-
const {
|
37
|
-
value,
|
38
|
-
inputValue
|
39
|
-
} = useMemo(() => {
|
40
|
-
const isVariable = newValue && newValue.startsWith("var");
|
41
|
-
const inputValue = isVariable ? getVariableValue(newValue) : newValue;
|
42
|
-
return {
|
43
|
-
value: newValue,
|
44
|
-
inputValue: inputValue
|
45
|
-
};
|
46
|
-
}, [buttonStyle?.color]);
|
47
|
-
const getLable = label === "Text" ? translation("selectTextColor") : label === "Background" ? translation("selectBgColor") : translation(label);
|
23
|
+
const getLable = label === 'Text' ? translation("selectTextColor") : label === 'Background' ? translation("selectBgColor") : translation(label);
|
48
24
|
useEffect(() => {
|
49
25
|
const storedColors = JSON.parse(localStorage.getItem("recentColors"));
|
50
26
|
if (storedColors) {
|
@@ -82,11 +58,11 @@ const Color = props => {
|
|
82
58
|
fontSize: "14px",
|
83
59
|
fontWeight: 500,
|
84
60
|
marginBottom: "5px",
|
85
|
-
display:
|
86
|
-
alignItems:
|
87
|
-
|
88
|
-
width:
|
89
|
-
height:
|
61
|
+
display: 'flex',
|
62
|
+
alignItems: 'center',
|
63
|
+
'& svg': {
|
64
|
+
width: '20px',
|
65
|
+
height: '20px'
|
90
66
|
}
|
91
67
|
},
|
92
68
|
children: [translation(label), data?.infoIcon ? /*#__PURE__*/_jsx(Tooltip, {
|
@@ -94,14 +70,14 @@ const Color = props => {
|
|
94
70
|
title: translation("noteText"),
|
95
71
|
children: /*#__PURE__*/_jsx("span", {
|
96
72
|
style: {
|
97
|
-
display:
|
73
|
+
display: 'inline-block'
|
98
74
|
},
|
99
75
|
children: data?.infoIcon
|
100
76
|
})
|
101
77
|
}) : null]
|
102
78
|
}), /*#__PURE__*/_jsx(TextField, {
|
103
79
|
fullWidth: true,
|
104
|
-
value:
|
80
|
+
value: value,
|
105
81
|
placeholder: getLable || `${label} ${translation("color code")}`,
|
106
82
|
InputLabelProps: {
|
107
83
|
shrink: true
|
@@ -114,8 +90,6 @@ const Color = props => {
|
|
114
90
|
value: value,
|
115
91
|
onSave: onSave,
|
116
92
|
recentColors: recentColors[key],
|
117
|
-
handleClose: handleClose,
|
118
|
-
disableEditTheme: customProps?.disableEditTheme,
|
119
93
|
hideGradient: hideGradient
|
120
94
|
})
|
121
95
|
})
|
@@ -1,30 +1,23 @@
|
|
1
|
-
import React
|
1
|
+
import React from "react";
|
2
2
|
import { TextField, IconButton, Grid, Typography } from "@mui/material";
|
3
3
|
import { sizeMap } from "../../../utils/font.js";
|
4
4
|
import { TextMinusIcon, TextPlusIcon } from "../../../common/iconslist.js";
|
5
|
-
import { getElementStyle } from "../../../helper/theme.js";
|
6
|
-
import { useSlateStatic } from "slate-react";
|
7
5
|
import { jsx as _jsx } from "react/jsx-runtime";
|
8
6
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
9
7
|
const FontSize = props => {
|
10
8
|
const {
|
11
|
-
value
|
9
|
+
value,
|
12
10
|
data,
|
13
11
|
onChange,
|
14
|
-
elementProps,
|
15
12
|
customProps
|
16
13
|
} = props;
|
14
|
+
const {
|
15
|
+
translation
|
16
|
+
} = customProps;
|
17
17
|
const {
|
18
18
|
key,
|
19
19
|
width
|
20
20
|
} = data;
|
21
|
-
const editor = useSlateStatic();
|
22
|
-
const value = useMemo(() => {
|
23
|
-
return val || getElementStyle(editor, elementProps, "font-size");
|
24
|
-
}, [editor, val]);
|
25
|
-
const {
|
26
|
-
translation
|
27
|
-
} = customProps;
|
28
21
|
const handleChange = e => {
|
29
22
|
let inc = parseInt(e.target.value) || 16;
|
30
23
|
inc = inc > 200 ? 200 : inc;
|
@@ -35,9 +28,7 @@ const FontSize = props => {
|
|
35
28
|
const getSizeVal = () => {
|
36
29
|
try {
|
37
30
|
const size = `${value}`?.indexOf("px") >= 0 ? value : sizeMap[value] || value;
|
38
|
-
|
39
|
-
const val = parseInt(size || defaultSize);
|
40
|
-
return isNaN(val) ? defaultSize : val;
|
31
|
+
return parseInt(size || 16);
|
41
32
|
} catch (err) {
|
42
33
|
return "";
|
43
34
|
}
|
@@ -86,7 +77,7 @@ const FontSize = props => {
|
|
86
77
|
size: "small",
|
87
78
|
inputProps: {
|
88
79
|
style: {
|
89
|
-
// textAlign: "center",
|
80
|
+
// textAlign: "center",
|
90
81
|
padding: "11px"
|
91
82
|
}
|
92
83
|
},
|
@@ -53,9 +53,9 @@ const LineSpacing = props => {
|
|
53
53
|
defaultValue: value || 1.43,
|
54
54
|
"aria-label": "Default",
|
55
55
|
valueLabelDisplay: "auto",
|
56
|
-
min: 0.
|
57
|
-
max: 3.
|
58
|
-
step: 0.
|
56
|
+
min: 0.5,
|
57
|
+
max: 3.0,
|
58
|
+
step: 0.1,
|
59
59
|
name: "lineHeight",
|
60
60
|
onChange: handleChange
|
61
61
|
}), /*#__PURE__*/_jsx(Box, {
|
@@ -65,16 +65,15 @@ const LineSpacing = props => {
|
|
65
65
|
color: theme?.palette?.editor?.textColor
|
66
66
|
},
|
67
67
|
name: "lineHeight",
|
68
|
-
value: pro_value
|
68
|
+
value: pro_value,
|
69
69
|
className: "sliderInput",
|
70
70
|
onChange: handleChange,
|
71
71
|
type: "number",
|
72
72
|
placeholder: "0",
|
73
|
-
disabled: true
|
74
|
-
|
73
|
+
disabled: true,
|
74
|
+
defaultValue: pro_value || 1.43
|
75
75
|
})]
|
76
76
|
})]
|
77
77
|
});
|
78
78
|
};
|
79
|
-
|
80
79
|
export default LineSpacing;
|
@@ -1,9 +1,9 @@
|
|
1
1
|
import React, { useState } from "react";
|
2
2
|
import { Button, Grid, Radio, RadioGroup, TextField, FormControl, FormLabel, FormControlLabel, Typography, Tooltip, IconButton } from "@mui/material";
|
3
|
+
import DeleteIcon from "@mui/icons-material/Delete";
|
4
|
+
import Settings from "@mui/icons-material/Settings";
|
3
5
|
import LinkSettings from "../../LinkSettings";
|
4
6
|
import { getLinkType } from "../../../utils/helper";
|
5
|
-
import SettingsIcon from "../../../assets/svg/SettingsIcon";
|
6
|
-
import { DeleteIcon } from "../../../assets/svg/AIIcons";
|
7
7
|
import { jsx as _jsx } from "react/jsx-runtime";
|
8
8
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
9
9
|
const MenusArray = props => {
|
@@ -126,7 +126,6 @@ const MenusArray = props => {
|
|
126
126
|
display: "flex",
|
127
127
|
alignItems: "center"
|
128
128
|
},
|
129
|
-
className: "menu-item-app-header",
|
130
129
|
children: [/*#__PURE__*/_jsx(TextField, {
|
131
130
|
name: "text",
|
132
131
|
type: "text",
|
@@ -135,8 +134,7 @@ const MenusArray = props => {
|
|
135
134
|
size: "small",
|
136
135
|
sx: {
|
137
136
|
mb: 0
|
138
|
-
}
|
139
|
-
className: "text-field1"
|
137
|
+
}
|
140
138
|
}), /*#__PURE__*/_jsx(TextField, {
|
141
139
|
name: "url",
|
142
140
|
type: "text",
|
@@ -144,8 +142,7 @@ const MenusArray = props => {
|
|
144
142
|
onChange: handleChange(i),
|
145
143
|
size: "small",
|
146
144
|
fullWidth: true,
|
147
|
-
disabled: true
|
148
|
-
className: "text-field1"
|
145
|
+
disabled: true
|
149
146
|
}), /*#__PURE__*/_jsx(Tooltip, {
|
150
147
|
title: translation("Link Settings"),
|
151
148
|
arrow: true,
|
@@ -154,18 +151,14 @@ const MenusArray = props => {
|
|
154
151
|
menu: m,
|
155
152
|
index: i
|
156
153
|
}),
|
157
|
-
children: /*#__PURE__*/_jsx(
|
158
|
-
className: "settingsIcon"
|
159
|
-
})
|
154
|
+
children: /*#__PURE__*/_jsx(Settings, {})
|
160
155
|
})
|
161
156
|
}), /*#__PURE__*/_jsx(Tooltip, {
|
162
157
|
title: translation("Delete Menu"),
|
163
158
|
arrow: true,
|
164
159
|
children: /*#__PURE__*/_jsx(IconButton, {
|
165
160
|
onClick: onDelete(i),
|
166
|
-
children: /*#__PURE__*/_jsx(DeleteIcon, {
|
167
|
-
className: "deleteIcon"
|
168
|
-
})
|
161
|
+
children: /*#__PURE__*/_jsx(DeleteIcon, {})
|
169
162
|
})
|
170
163
|
})]
|
171
164
|
}, `add-m-${i}`);
|
@@ -1,13 +1,13 @@
|
|
1
|
-
import React
|
1
|
+
import React from "react";
|
2
2
|
import { FormControl, Grid, ListItemIcon, ListSubheader, MenuItem, Select, Typography } from "@mui/material";
|
3
|
-
import { getBreakPointsValue
|
3
|
+
import { getBreakPointsValue } from "../../../helper/theme";
|
4
4
|
import useWindowResize from "../../../hooks/useWindowResize";
|
5
5
|
import { useEditorContext } from "../../../hooks/useMouseMove";
|
6
6
|
import FontFamilyAutocomplete from "../../../Toolbar/FormatTools/FontFamilyAutocomplete";
|
7
7
|
import { useSlate } from "slate-react";
|
8
8
|
import KeyboardArrowDownRoundedIcon from "@mui/icons-material/KeyboardArrowDownRounded";
|
9
9
|
|
10
|
-
// hideMetaDataOptions -- pass true to hide metadata option in select field
|
10
|
+
// hideMetaDataOptions -- pass true to hide metadata option in select field
|
11
11
|
import { jsx as _jsx } from "react/jsx-runtime";
|
12
12
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
13
13
|
import { Fragment as _Fragment } from "react/jsx-runtime";
|
@@ -31,22 +31,14 @@ const TextOptions = props => {
|
|
31
31
|
renderOption,
|
32
32
|
width,
|
33
33
|
webFont = false,
|
34
|
-
hideMetaDataOptions = false
|
35
|
-
themeEnabled
|
34
|
+
hideMetaDataOptions = false
|
36
35
|
} = data;
|
37
36
|
const {
|
38
37
|
fontFamilies
|
39
38
|
} = useEditorContext();
|
40
|
-
const [size] = useWindowResize();
|
41
39
|
const editor = useSlate();
|
42
|
-
const
|
43
|
-
|
44
|
-
if (themeEnabled) {
|
45
|
-
// editor takes a little amount of time to update the new style in element, in that case userValue will be returned
|
46
|
-
return getElementStyle(editor, elementProps, key) || userValue;
|
47
|
-
}
|
48
|
-
return userValue;
|
49
|
-
}, [editor, isBreakpoint, val, size?.device]);
|
40
|
+
const [size] = useWindowResize();
|
41
|
+
const value = isBreakpoint ? getBreakPointsValue(val, size?.device) : val;
|
50
42
|
const metaDataMappingOptions = metaMappings?.boards || [];
|
51
43
|
const updatedOption = !hideMetaDataOptions && elementProps?.metadatamapping ? [...options, ...metaDataMappingOptions] : webFont ? fontFamilies?.options : options;
|
52
44
|
const handleChange = (e, d) => {
|
@@ -125,7 +117,7 @@ const TextOptions = props => {
|
|
125
117
|
editor: editor,
|
126
118
|
format: key,
|
127
119
|
options: fontFamilies.options,
|
128
|
-
width:
|
120
|
+
width: '100%',
|
129
121
|
onChange: onChange,
|
130
122
|
val: value,
|
131
123
|
webFont: true
|
@@ -25,11 +25,13 @@ const pageSettingsStyle = [{
|
|
25
25
|
label: "Padding",
|
26
26
|
key: "bannerSpacing",
|
27
27
|
type: "bannerSpacing"
|
28
|
-
}
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
28
|
+
}
|
29
|
+
// {
|
30
|
+
// label: "Line Spacing",
|
31
|
+
// key: "lineHeight",
|
32
|
+
// type: "lineSpacing",
|
33
|
+
// },
|
34
|
+
]
|
33
35
|
}, {
|
34
36
|
tab: "Max Width",
|
35
37
|
value: "maxWidth",
|
@@ -4,7 +4,6 @@ import { convertBase64 } from "../utils/helper";
|
|
4
4
|
import { uploadFile } from "../service/fileupload";
|
5
5
|
import Icon from "./Icon";
|
6
6
|
import UploadStyles from "../common/ImageSelector/UploadStyles";
|
7
|
-
import { useEditorContext } from "../hooks/useMouseMove";
|
8
7
|
import { jsx as _jsx } from "react/jsx-runtime";
|
9
8
|
import { Fragment as _Fragment } from "react/jsx-runtime";
|
10
9
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
@@ -19,9 +18,6 @@ const Uploader = props => {
|
|
19
18
|
const [base64, setBase64] = useState(value?.url);
|
20
19
|
const [fileName, setFileName] = useState("");
|
21
20
|
const [uploading, setUploading] = useState(false);
|
22
|
-
const {
|
23
|
-
theme
|
24
|
-
} = useEditorContext();
|
25
21
|
const handleChange = async e => {
|
26
22
|
const uFile = e.target.files[0];
|
27
23
|
const strImage = await convertBase64(uFile);
|
@@ -106,10 +102,6 @@ const Uploader = props => {
|
|
106
102
|
className: "uploadImageSection",
|
107
103
|
children: base64 ? renderThumb() : /*#__PURE__*/_jsx(Grid, {
|
108
104
|
className: "uploadImageText",
|
109
|
-
sx: {
|
110
|
-
background: `${theme?.palette?.editor?.inputFieldBgColor}`,
|
111
|
-
border: `1px solid ${theme?.palette?.editor?.inputFieldBorder}`
|
112
|
-
},
|
113
105
|
children: /*#__PURE__*/_jsxs(Button, {
|
114
106
|
component: "label",
|
115
107
|
variant: "text",
|