@flozy/editor 10.4.2 → 10.4.3
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 +16 -131
- package/dist/Editor/DialogWrapper.js +25 -31
- package/dist/Editor/Editor.css +8 -46
- package/dist/Editor/Elements/AI/PopoverAIInput.js +3 -11
- package/dist/Editor/Elements/Accordion/Accordion.js +9 -46
- package/dist/Editor/Elements/Accordion/AccordionSummary.js +23 -1
- package/dist/Editor/Elements/AppHeader/AppHeader.js +5 -10
- package/dist/Editor/Elements/Button/EditorButton.js +9 -27
- package/dist/Editor/Elements/Carousel/CarouselItem.js +1 -2
- 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/Components/MultiSelect.js +28 -30
- package/dist/Editor/Elements/DataView/Layouts/DataTypes/MultiSelectType.js +7 -9
- package/dist/Editor/Elements/DataView/Layouts/Options/AddOptions.js +1 -0
- package/dist/Editor/Elements/DataView/Layouts/ViewData.js +4 -8
- package/dist/Editor/Elements/Embed/Video.js +1 -1
- package/dist/Editor/Elements/Form/Form.js +3 -3
- package/dist/Editor/Elements/Form/FormElements/FormTextArea.js +1 -0
- package/dist/Editor/Elements/Form/FormField.js +2 -3
- package/dist/Editor/Elements/Form/Workflow/Styles.js +22 -24
- package/dist/Editor/Elements/FreeGrid/FreeGrid.js +31 -35
- package/dist/Editor/Elements/FreeGrid/FreeGridBox.js +4 -7
- package/dist/Editor/Elements/FreeGrid/FreeGridItem.js +0 -1
- package/dist/Editor/Elements/FreeGrid/Options/More.js +7 -7
- package/dist/Editor/Elements/FreeGrid/Options/sectionItemOptions.js +1 -1
- package/dist/Editor/Elements/FreeGrid/styles.js +0 -14
- package/dist/Editor/Elements/Grid/Grid.js +2 -14
- package/dist/Editor/Elements/Grid/GridItem.js +1 -1
- package/dist/Editor/Elements/Signature/Signature.css +1 -2
- package/dist/Editor/Elements/Signature/SignatureOptions/DrawSignature.js +5 -18
- package/dist/Editor/Elements/Signature/SignatureOptions/UploadSignature.js +3 -16
- package/dist/Editor/Elements/SimpleText/style.js +2 -2
- package/dist/Editor/Elements/Table/DragButton.js +1 -0
- package/dist/Editor/Elements/Table/Draggable.js +2 -6
- package/dist/Editor/Elements/Table/Styles.js +0 -7
- package/dist/Editor/Elements/Table/Table.js +3 -3
- package/dist/Editor/Elements/Table/TableCell.js +5 -24
- 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 +10 -58
- package/dist/Editor/Toolbar/PopupTool/index.js +1 -1
- package/dist/Editor/Toolbar/toolbarGroups.js +6 -48
- package/dist/Editor/common/ColorPickerButton.js +16 -41
- package/dist/Editor/common/DnD/DragHandleButton.js +1 -1
- package/dist/Editor/common/FontLoader/FontLoader.js +0 -3
- package/dist/Editor/common/Icon.js +0 -28
- package/dist/Editor/common/ImageSelector/ImageSelector.js +2 -2
- package/dist/Editor/common/ImageSelector/Styles.js +9 -3
- package/dist/Editor/common/LinkSettings/NavComponents.js +66 -45
- package/dist/Editor/common/LinkSettings/index.js +29 -14
- package/dist/Editor/common/LinkSettings/navOptions.js +2 -2
- package/dist/Editor/common/LinkSettings/style.js +244 -164
- package/dist/Editor/common/MentionsPopup/index.js +1 -4
- package/dist/Editor/common/RnD/ElementOptions/Actions.js +5 -4
- package/dist/Editor/common/RnD/ElementSettings/OtherSettings/Settings.js +1 -2
- package/dist/Editor/common/RnD/ElementSettings/OtherSettings/Signature.js +3 -4
- 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 +1 -0
- package/dist/Editor/common/RnD/OptionsPopup/style.js +1 -0
- package/dist/Editor/common/RnD/SwitchViewport/SwitchViewport.js +2 -11
- package/dist/Editor/common/RnD/Theme/ViewportStimulator.js +3 -6
- package/dist/Editor/common/RnD/Utils/gridDropItem.js +19 -28
- package/dist/Editor/common/RnD/Utils/index.js +1 -3
- package/dist/Editor/common/RnD/VirtualElement/VirtualTextElement.js +58 -42
- package/dist/Editor/common/RnD/VirtualElement/helper.js +132 -323
- package/dist/Editor/common/RnD/VirtualElement/styles.js +0 -16
- package/dist/Editor/common/RnD/index.js +39 -68
- package/dist/Editor/common/Select/index.js +7 -44
- package/dist/Editor/common/Select/styles.js +2 -30
- package/dist/Editor/common/Shorthands/elements.js +0 -54
- package/dist/Editor/common/StyleBuilder/accordionTitleBtnStyle.js +2 -2
- package/dist/Editor/common/StyleBuilder/accordionTitleStyle.js +9 -12
- package/dist/Editor/common/StyleBuilder/buttonStyle.js +2 -4
- package/dist/Editor/common/StyleBuilder/embedVideoStyle.js +0 -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/index.js +1 -3
- package/dist/Editor/common/StyleBuilder/fieldTypes/textOptions.js +7 -15
- package/dist/Editor/common/SwipeableDrawer/style.js +12 -14
- package/dist/Editor/common/Uploader.js +0 -16
- package/dist/Editor/common/iconListV2.js +0 -76
- package/dist/Editor/common/iconslist.js +0 -21
- package/dist/Editor/commonStyle.js +61 -116
- package/dist/Editor/helper/index.js +1 -5
- package/dist/Editor/helper/theme.js +2 -203
- package/dist/Editor/hooks/useMouseMove.js +3 -9
- package/dist/Editor/hooks/useTable.js +4 -5
- 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 +37 -161
- package/dist/Editor/utils/accordion.js +4 -14
- package/dist/Editor/utils/button.js +17 -1
- package/dist/Editor/utils/customHooks/useTableResize.js +9 -49
- package/dist/Editor/utils/draftToSlate.js +2 -3
- package/dist/Editor/utils/events.js +6 -50
- package/dist/Editor/utils/font.js +37 -40
- package/dist/Editor/utils/formfield.js +0 -1
- package/dist/Editor/utils/helper.js +26 -210
- package/dist/Editor/utils/insertAppHeader.js +1 -1
- package/dist/Editor/utils/signature.js +9 -2
- package/package.json +4 -4
- package/dist/Editor/Elements/FreeGrid/helper.js +0 -115
- package/dist/Editor/Toolbar/PopupTool/ThemeTextFormat.js +0 -439
- package/dist/Editor/assets/svg/BackIcon.js +0 -18
- package/dist/Editor/assets/svg/ThemeIcons.js +0 -293
- package/dist/Editor/common/Checkbox/index.js +0 -46
- package/dist/Editor/common/Checkbox/styles.js +0 -45
- 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/RadioGroup/index.js +0 -48
- package/dist/Editor/common/RadioGroup/styles.js +0 -29
- package/dist/Editor/common/RnD/Theme/MainThemeProvider.js +0 -17
- package/dist/Editor/common/StyleBuilder/fieldTypes/embedUpload.js +0 -115
- 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 -82
- package/dist/Editor/themeSettings/buttons/index.js +0 -300
- package/dist/Editor/themeSettings/buttons/style.js +0 -23
- package/dist/Editor/themeSettings/colorTheme/index.js +0 -310
- 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 -380
- package/dist/Editor/themeSettings/style.js +0 -299
- 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 -332
- package/dist/Editor/utils/updateFormName.js +0 -22
@@ -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
|
},
|
@@ -19,7 +19,6 @@ import SelectSwitch from "./selectSwitch";
|
|
19
19
|
import CardsMapping from "./card";
|
20
20
|
import MetaDataMapping from "./metaDataMapping";
|
21
21
|
import LineSpacing from "./lineSpacing";
|
22
|
-
import EmbedUpload from "./embedUpload";
|
23
22
|
const FieldMap = {
|
24
23
|
text: Text,
|
25
24
|
bannerSpacing: BannerSpacing,
|
@@ -41,7 +40,6 @@ const FieldMap = {
|
|
41
40
|
selectSwitch: SelectSwitch,
|
42
41
|
card: CardsMapping,
|
43
42
|
metadatamapping: MetaDataMapping,
|
44
|
-
lineSpacing: LineSpacing
|
45
|
-
embedUpload: EmbedUpload
|
43
|
+
lineSpacing: LineSpacing
|
46
44
|
};
|
47
45
|
export default FieldMap;
|
@@ -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
|
@@ -6,22 +6,20 @@ const Styles = theme => ({
|
|
6
6
|
"& .MuiDrawer-paper": {
|
7
7
|
borderTopLeftRadius: 8,
|
8
8
|
borderTopRightRadius: 8,
|
9
|
-
backgroundColor: theme?.palette?.editor?.miniToolBarBackground
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
// },
|
9
|
+
backgroundColor: theme?.palette?.editor?.miniToolBarBackground,
|
10
|
+
"& .MuiInputBase-root": {
|
11
|
+
border: `1px solid ${theme?.palette?.editor?.textColor}`,
|
12
|
+
color: theme?.palette?.editor?.textColor
|
13
|
+
},
|
14
|
+
"& .MuiSvgIcon-root": {
|
15
|
+
color: theme?.palette?.editor?.textColor
|
16
|
+
},
|
17
|
+
"& .MuiFormLabel-root": {
|
18
|
+
color: theme?.palette?.editor?.textColor,
|
19
|
+
backgroundColor: theme?.palette?.editor?.background
|
20
|
+
}
|
22
21
|
}
|
23
22
|
},
|
24
|
-
|
25
23
|
childContainer: {
|
26
24
|
padding: "20px",
|
27
25
|
"&.emojiDrawer": {
|
@@ -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,15 +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
|
-
const allowedFormat = {
|
26
|
-
"Document": ".pdf,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.txt,.rtf",
|
27
|
-
"Image": "image/*",
|
28
|
-
"Video": "video/*",
|
29
|
-
"Embed": "*"
|
30
|
-
};
|
31
21
|
const handleChange = async e => {
|
32
22
|
const uFile = e.target.files[0];
|
33
23
|
const strImage = await convertBase64(uFile);
|
@@ -69,7 +59,6 @@ const Uploader = props => {
|
|
69
59
|
const renderThumb = () => {
|
70
60
|
switch (title) {
|
71
61
|
case "Document":
|
72
|
-
case "Video":
|
73
62
|
return /*#__PURE__*/_jsxs(_Fragment, {
|
74
63
|
children: [/*#__PURE__*/_jsx(Typography, {
|
75
64
|
style: {
|
@@ -113,10 +102,6 @@ const Uploader = props => {
|
|
113
102
|
className: "uploadImageSection",
|
114
103
|
children: base64 ? renderThumb() : /*#__PURE__*/_jsx(Grid, {
|
115
104
|
className: "uploadImageText",
|
116
|
-
sx: {
|
117
|
-
background: `${theme?.palette?.editor?.inputFieldBgColor}`,
|
118
|
-
border: `1px solid ${theme?.palette?.editor?.inputFieldBorder}`
|
119
|
-
},
|
120
105
|
children: /*#__PURE__*/_jsxs(Button, {
|
121
106
|
component: "label",
|
122
107
|
variant: "text",
|
@@ -127,7 +112,6 @@ const Uploader = props => {
|
|
127
112
|
sx: classes.uploadIcon,
|
128
113
|
children: [/*#__PURE__*/_jsx("input", {
|
129
114
|
type: "file",
|
130
|
-
accept: allowedFormat[title],
|
131
115
|
style: {
|
132
116
|
opacity: 0,
|
133
117
|
width: "0px"
|
@@ -962,41 +962,6 @@ export function DragIcon() {
|
|
962
962
|
})]
|
963
963
|
});
|
964
964
|
}
|
965
|
-
export function ResizeIcon() {
|
966
|
-
return /*#__PURE__*/_jsxs("svg", {
|
967
|
-
width: "16",
|
968
|
-
height: "16",
|
969
|
-
viewBox: "0 0 16 16",
|
970
|
-
fill: "none",
|
971
|
-
xmlns: "http://www.w3.org/2000/svg",
|
972
|
-
children: [/*#__PURE__*/_jsx("rect", {
|
973
|
-
width: "16",
|
974
|
-
height: "16",
|
975
|
-
rx: "8",
|
976
|
-
fill: "#F8FAFC"
|
977
|
-
}), /*#__PURE__*/_jsx("rect", {
|
978
|
-
x: "0.5",
|
979
|
-
y: "0.5",
|
980
|
-
width: "15",
|
981
|
-
height: "15",
|
982
|
-
rx: "7.5",
|
983
|
-
stroke: "#2563EB",
|
984
|
-
strokeOpacity: "0.32"
|
985
|
-
}), /*#__PURE__*/_jsx("path", {
|
986
|
-
d: "M5.76758 6.44141L3.99981 8.20917L5.76758 9.97694",
|
987
|
-
stroke: "#94A3B8",
|
988
|
-
strokeWidth: "0.8",
|
989
|
-
strokeLinecap: "round",
|
990
|
-
strokeLinejoin: "round"
|
991
|
-
}), /*#__PURE__*/_jsx("path", {
|
992
|
-
d: "M10.2324 6.44141L12.0002 8.20917L10.2324 9.97694",
|
993
|
-
stroke: "#94A3B8",
|
994
|
-
strokeWidth: "0.8",
|
995
|
-
strokeLinecap: "round",
|
996
|
-
strokeLinejoin: "round"
|
997
|
-
})]
|
998
|
-
});
|
999
|
-
}
|
1000
965
|
export function LeftAlignTextFormat() {
|
1001
966
|
return /*#__PURE__*/_jsxs("svg", {
|
1002
967
|
width: "19",
|
@@ -1358,27 +1323,6 @@ export function CheckedBoxCheckIcon() {
|
|
1358
1323
|
})
|
1359
1324
|
});
|
1360
1325
|
}
|
1361
|
-
export function CheckedRadioIcon() {
|
1362
|
-
return /*#__PURE__*/_jsxs("svg", {
|
1363
|
-
width: "17",
|
1364
|
-
height: "17",
|
1365
|
-
viewBox: "0 0 17 17",
|
1366
|
-
fill: "none",
|
1367
|
-
xmlns: "http://www.w3.org/2000/svg",
|
1368
|
-
children: [/*#__PURE__*/_jsx("path", {
|
1369
|
-
d: "M16.5 8.42148C16.5 12.792 12.9227 16.343 8.5 16.343C4.07734 16.343 0.5 12.792 0.5 8.42148C0.5 4.05093 4.07734 0.5 8.5 0.5C12.9227 0.5 16.5 4.05093 16.5 8.42148Z",
|
1370
|
-
fill: "#DEE8FC",
|
1371
|
-
stroke: "#2563EB",
|
1372
|
-
className: "radio-icon-path"
|
1373
|
-
}), /*#__PURE__*/_jsx("ellipse", {
|
1374
|
-
cx: "8.5",
|
1375
|
-
cy: "8.42079",
|
1376
|
-
rx: "3.5",
|
1377
|
-
ry: "3.46767",
|
1378
|
-
fill: "#2563EB"
|
1379
|
-
})]
|
1380
|
-
});
|
1381
|
-
}
|
1382
1326
|
export function SectionSettingIcon() {
|
1383
1327
|
return /*#__PURE__*/_jsxs("svg", {
|
1384
1328
|
width: "13",
|
@@ -1523,26 +1467,6 @@ export function PenIcon() {
|
|
1523
1467
|
})]
|
1524
1468
|
});
|
1525
1469
|
}
|
1526
|
-
export function ResetIcon() {
|
1527
|
-
return /*#__PURE__*/_jsxs("svg", {
|
1528
|
-
width: "24",
|
1529
|
-
height: "24",
|
1530
|
-
viewBox: "0 0 24 24",
|
1531
|
-
fill: "none",
|
1532
|
-
xmlns: "http://www.w3.org/2000/svg",
|
1533
|
-
children: [/*#__PURE__*/_jsx("circle", {
|
1534
|
-
cx: "11.646",
|
1535
|
-
cy: "11.6452",
|
1536
|
-
r: "11.5",
|
1537
|
-
transform: "rotate(-89.2717 11.646 11.6452)",
|
1538
|
-
fill: "#2563EB",
|
1539
|
-
fillOpacity: "0.16"
|
1540
|
-
}), /*#__PURE__*/_jsx("path", {
|
1541
|
-
d: "M18.2814 11.8168V11.8168C18.2813 11.8313 18.2987 11.8387 18.3091 11.8287L19.2379 10.9273C19.6367 10.5404 20.247 10.5482 20.6358 10.9451C21.0245 11.342 21.0168 11.9495 20.6181 12.3364L17.9434 14.9012C17.5478 15.2806 16.9205 15.2708 16.5369 14.8792L13.9636 12.2519C13.7692 12.0534 13.674 11.7974 13.677 11.5622C13.6802 11.3075 13.7819 11.054 13.981 10.8801C14.3797 10.4932 14.9901 10.501 15.3788 10.8979L16.2708 11.8085C16.286 11.824 16.3124 11.8135 16.3126 11.7917V11.7917C16.351 8.77391 13.9017 6.27324 10.8698 6.2347C7.83784 6.19615 5.32577 8.63374 5.28741 11.6516C5.24904 14.6694 7.69833 17.1701 10.7303 17.2086C11.2815 17.2156 11.7092 17.6522 11.7022 18.2009C11.6952 18.7496 11.2566 19.1752 10.7054 19.1682C6.5709 19.1157 3.2663 15.7418 3.31861 11.6265C3.37093 7.51133 6.76023 4.22251 10.8947 4.27507C15.0095 4.32738 18.3338 7.70154 18.2814 11.8168Z",
|
1542
|
-
fill: "#2563EB"
|
1543
|
-
})]
|
1544
|
-
});
|
1545
|
-
}
|
1546
1470
|
export function SaveTemplIcon() {
|
1547
1471
|
return /*#__PURE__*/_jsxs("svg", {
|
1548
1472
|
width: "18",
|
@@ -1677,27 +1677,6 @@ export const CloseIcon = props => /*#__PURE__*/_jsxs("svg", {
|
|
1677
1677
|
strokeLinejoin: "round"
|
1678
1678
|
})]
|
1679
1679
|
});
|
1680
|
-
export const CloseIcon2 = props => /*#__PURE__*/_jsxs("svg", {
|
1681
|
-
width: "10",
|
1682
|
-
height: "10",
|
1683
|
-
viewBox: "0 0 10 10",
|
1684
|
-
fill: "none",
|
1685
|
-
xmlns: "http://www.w3.org/2000/svg",
|
1686
|
-
...(props || {}),
|
1687
|
-
children: [/*#__PURE__*/_jsx("path", {
|
1688
|
-
d: "M9.12476 0.875L0.875176 9.12458",
|
1689
|
-
stroke: "#8F9CAE",
|
1690
|
-
strokeWidth: "1.5",
|
1691
|
-
strokeLinecap: "round",
|
1692
|
-
strokeLinejoin: "round"
|
1693
|
-
}), /*#__PURE__*/_jsx("path", {
|
1694
|
-
d: "M0.875183 0.875L9.12476 9.12458",
|
1695
|
-
stroke: "#8F9CAE",
|
1696
|
-
strokeWidth: "1.5",
|
1697
|
-
strokeLinecap: "round",
|
1698
|
-
strokeLinejoin: "round"
|
1699
|
-
})]
|
1700
|
-
});
|
1701
1680
|
export const SearchIcon = () => /*#__PURE__*/_jsxs("svg", {
|
1702
1681
|
width: "18",
|
1703
1682
|
height: "18",
|
@@ -49,28 +49,31 @@ const useCommonStyle = theme => ({
|
|
49
49
|
fontWeight: "500",
|
50
50
|
fontFamily: "Inter, sans-serif"
|
51
51
|
},
|
52
|
-
"& .MuiPaper-root": {
|
53
|
-
border: `unset !important`,
|
54
|
-
borderRadius: "0px",
|
55
|
-
height: "fit-content",
|
56
|
-
padding: "2px"
|
57
|
-
},
|
58
52
|
"& p": {
|
59
53
|
marginBottom: "7px",
|
60
54
|
marginTop: "4px"
|
61
55
|
},
|
56
|
+
"& .MuiPaper-root": {
|
57
|
+
border: 'unset !important',
|
58
|
+
borderRadius: '0px',
|
59
|
+
height: 'fit-content',
|
60
|
+
padding: '2px'
|
61
|
+
},
|
62
62
|
"& .muiIconsListParent": {
|
63
63
|
"& svg": {
|
64
64
|
color: `${theme?.palette?.editor?.svgTextAlignStrokeColor} !important`
|
65
65
|
},
|
66
66
|
"&::-webkit-scrollbar-thumb": {
|
67
67
|
background: `${theme?.palette?.editor?.brainPopupScroll} !important`
|
68
|
+
},
|
69
|
+
"&::-webkit-scrollbar-track": {
|
70
|
+
visibility: "hidden"
|
68
71
|
}
|
69
72
|
},
|
70
73
|
"& .MuiGrid-root>.MuiGrid-item": {
|
71
74
|
paddingRight: "0px !important",
|
72
75
|
fontFamily: "Inter, sans-serif",
|
73
|
-
height:
|
76
|
+
height: 'fit-content'
|
74
77
|
},
|
75
78
|
"& .MuiInputBase-root": {
|
76
79
|
borderRadius: "10px",
|
@@ -131,14 +134,14 @@ const useCommonStyle = theme => ({
|
|
131
134
|
borderRadius: "10px",
|
132
135
|
width: "52px !important",
|
133
136
|
marginLeft: "10px",
|
134
|
-
height:
|
137
|
+
height: '36px !important'
|
135
138
|
},
|
136
139
|
"& .spacingSlider": {
|
137
140
|
width: "calc(100% - 18px)"
|
138
141
|
}
|
139
142
|
},
|
140
|
-
|
141
|
-
margin:
|
143
|
+
'& .MuiFormHelperText-root': {
|
144
|
+
margin: '4px 0px 0px 0px',
|
142
145
|
color: theme?.palette?.editor?.closeButtonSvgStroke,
|
143
146
|
fontFamily: "Inter, sans-serif"
|
144
147
|
}
|
@@ -208,16 +211,16 @@ const useCommonStyle = theme => ({
|
|
208
211
|
backgroundColor: theme?.palette?.editor?.miniToolBarBackground
|
209
212
|
},
|
210
213
|
"& .popup_tabs": {
|
211
|
-
backgroundColor: theme?.palette?.editor?.
|
214
|
+
backgroundColor: theme?.palette?.editor?.background,
|
212
215
|
"@media only screen and (max-width: 899px)": {
|
213
216
|
width: "100% !important"
|
214
217
|
}
|
215
218
|
},
|
216
219
|
"& .popup_tabs-header": {
|
217
|
-
backgroundColor: theme?.palette?.editor?.
|
220
|
+
backgroundColor: theme?.palette?.editor?.background,
|
218
221
|
"& .popup_tabs-header-label-active": {
|
219
222
|
color: theme?.palette?.editor?.activeColor,
|
220
|
-
backgroundColor: theme?.palette?.editor?.
|
223
|
+
backgroundColor: theme?.palette?.editor?.background
|
221
224
|
}
|
222
225
|
},
|
223
226
|
"& .colorpicker": {
|
@@ -246,40 +249,6 @@ const useCommonStyle = theme => ({
|
|
246
249
|
backgroundColor: theme?.palette?.editor?.miniToolBarBackground,
|
247
250
|
color: theme?.palette?.editor?.textColor
|
248
251
|
}
|
249
|
-
},
|
250
|
-
"& .colorPickerActionBtns": {
|
251
|
-
backgroundColor: theme?.palette?.editor?.miniToolBarBackground,
|
252
|
-
display: "flex",
|
253
|
-
justifyContent: "end",
|
254
|
-
padding: "10px",
|
255
|
-
position: "sticky",
|
256
|
-
bottom: 0,
|
257
|
-
right: 0,
|
258
|
-
boxShadow: `0px -3px 12px 0px ${theme?.palette?.editor?.cardShadow}`,
|
259
|
-
gap: "8px",
|
260
|
-
"& button": {
|
261
|
-
fontWeight: 600,
|
262
|
-
fontSize: "14px",
|
263
|
-
opacity: 1,
|
264
|
-
borderRadius: "8px",
|
265
|
-
textTransform: "math-auto",
|
266
|
-
padding: "4px 20px",
|
267
|
-
height: "fit-content",
|
268
|
-
minWidth: "90px",
|
269
|
-
"@media only screen and (max-width: 899px)": {
|
270
|
-
width: "50%"
|
271
|
-
},
|
272
|
-
"&.confirmBtn": {
|
273
|
-
backgroundColor: "#2563EB",
|
274
|
-
color: "#ffffff",
|
275
|
-
border: `1px solid #2563EB`
|
276
|
-
},
|
277
|
-
"&.cancelBtn": {
|
278
|
-
backgroundColor: theme?.palette?.editor?.closeButtonBackground,
|
279
|
-
color: theme?.palette?.editor?.customDialogueCloseBtnColor,
|
280
|
-
border: `1px solid ${theme?.palette?.editor?.customDialogueCloseBtnBorder}`
|
281
|
-
}
|
282
|
-
}
|
283
252
|
}
|
284
253
|
},
|
285
254
|
colorPickerBtnBorder: {
|
@@ -291,12 +260,6 @@ const useCommonStyle = theme => ({
|
|
291
260
|
"& .signature-canvas": {
|
292
261
|
backgroundColor: `${theme?.palette?.editor?.inputFieldBgColor} !important`
|
293
262
|
},
|
294
|
-
"& .clear-canvas": {
|
295
|
-
position: "absolute",
|
296
|
-
top: 6,
|
297
|
-
right: 6,
|
298
|
-
color: theme?.palette?.editor?.closeButtonSvgStroke
|
299
|
-
},
|
300
263
|
"& label": {
|
301
264
|
color: theme?.palette?.editor?.textColor
|
302
265
|
},
|
@@ -434,14 +397,14 @@ const useCommonStyle = theme => ({
|
|
434
397
|
padding: "8px 12px",
|
435
398
|
fontSize: "12px",
|
436
399
|
color: theme?.palette?.editor?.menuOptionTextColor,
|
437
|
-
fontWeight:
|
400
|
+
fontWeight: '500',
|
438
401
|
fontFamily: "Inter, sans-serif",
|
439
|
-
minHeight:
|
402
|
+
minHeight: '36px',
|
440
403
|
"&:hover": {
|
441
404
|
backgroundColor: theme?.palette?.editor?.menuOptionHoverBackground
|
442
405
|
}
|
443
406
|
},
|
444
|
-
|
407
|
+
'& .Mui-selected': {
|
445
408
|
background: `${theme?.palette?.editor?.menuOptionSelectedOption} !important`
|
446
409
|
},
|
447
410
|
"& .MuiListSubheader-root": {
|
@@ -450,16 +413,16 @@ const useCommonStyle = theme => ({
|
|
450
413
|
fontSize: "12px"
|
451
414
|
},
|
452
415
|
"& .MuiPaper-root": {
|
453
|
-
borderRadius:
|
454
|
-
padding:
|
416
|
+
borderRadius: '8px',
|
417
|
+
padding: '0px',
|
455
418
|
background: `${theme?.palette?.editor?.textWeightPopUpBackground} !important`
|
456
419
|
},
|
457
|
-
|
458
|
-
margin:
|
459
|
-
borderRadius:
|
420
|
+
'& .MuiButtonBase-root': {
|
421
|
+
margin: '4px',
|
422
|
+
borderRadius: '6px'
|
460
423
|
},
|
461
|
-
|
462
|
-
padding:
|
424
|
+
'& .MuiList-root': {
|
425
|
+
padding: '0px'
|
463
426
|
}
|
464
427
|
},
|
465
428
|
datePicker: {
|
@@ -559,45 +522,27 @@ const useCommonStyle = theme => ({
|
|
559
522
|
}
|
560
523
|
}
|
561
524
|
},
|
525
|
+
pageSettingPopUpRoot: {
|
526
|
+
padding: "16px 8px 16px 10px!important",
|
527
|
+
height: "100%"
|
528
|
+
},
|
562
529
|
buttonMoreOption: {
|
563
530
|
background: `${theme?.palette?.editor?.aiInputBackground} !important`,
|
564
531
|
border: `1px solid ${theme?.palette?.editor?.buttonBorder1} !important`,
|
565
|
-
padding:
|
566
|
-
|
567
|
-
width:
|
568
|
-
height:
|
569
|
-
|
532
|
+
padding: '4px !important',
|
533
|
+
'& svg': {
|
534
|
+
width: '18px !important',
|
535
|
+
height: '18px !important',
|
536
|
+
'& path': {
|
570
537
|
stroke: `${theme?.palette?.editor?.closeButtonSvgStroke} !important`
|
571
538
|
}
|
572
539
|
}
|
573
540
|
},
|
574
|
-
pageSettingPopUpRoot: {
|
575
|
-
padding: "16px 8px 16px 10px!important",
|
576
|
-
height: "100%"
|
577
|
-
},
|
578
|
-
buttonMoreIcon: {
|
579
|
-
position: "absolute",
|
580
|
-
top: "50%",
|
581
|
-
right: -40,
|
582
|
-
transform: "translateY(-50%)"
|
583
|
-
},
|
584
|
-
// buttonMoreOption: {
|
585
|
-
// background: `${theme?.palette?.editor?.aiInputBackground} !important`,
|
586
|
-
// border: `1px solid ${theme?.palette?.editor?.buttonBorder1} !important`,
|
587
|
-
// padding: "4px !important",
|
588
|
-
// "& svg": {
|
589
|
-
// width: "18px !important",
|
590
|
-
// height: "18px !important",
|
591
|
-
// "& path": {
|
592
|
-
// stroke: `${theme?.palette?.editor?.closeButtonSvgStroke} !important`,
|
593
|
-
// },
|
594
|
-
// },
|
595
|
-
// },
|
596
541
|
buttonMoreOption2: {
|
597
542
|
background: `${theme?.palette?.editor?.aiInputBackground} !important`,
|
598
543
|
border: `1px solid ${theme?.palette?.editor?.buttonBorder1} !important`,
|
599
|
-
|
600
|
-
|
544
|
+
'& svg': {
|
545
|
+
'& path': {
|
601
546
|
fill: `${theme?.palette?.editor?.closeButtonSvgStroke} !important`
|
602
547
|
}
|
603
548
|
}
|
@@ -605,11 +550,11 @@ const useCommonStyle = theme => ({
|
|
605
550
|
buttonMoreOption3: {
|
606
551
|
background: `${theme?.palette?.editor?.aiInputBackground} !important`,
|
607
552
|
border: `1px solid ${theme?.palette?.editor?.buttonBorder1} !important`,
|
608
|
-
padding:
|
609
|
-
|
610
|
-
width:
|
611
|
-
height:
|
612
|
-
|
553
|
+
padding: '5px !important',
|
554
|
+
'& svg': {
|
555
|
+
width: '16px !important',
|
556
|
+
height: '16px !important',
|
557
|
+
'& path': {
|
613
558
|
stroke: `${theme?.palette?.editor?.closeButtonSvgStroke} !important`
|
614
559
|
}
|
615
560
|
}
|
@@ -617,37 +562,37 @@ const useCommonStyle = theme => ({
|
|
617
562
|
resizeButton: {
|
618
563
|
background: theme?.palette?.editor?.aiInputBackground,
|
619
564
|
border: `1px solid ${theme?.palette?.editor?.buttonBorder1}`,
|
620
|
-
padding:
|
621
|
-
borderRadius:
|
622
|
-
|
623
|
-
width:
|
624
|
-
height:
|
625
|
-
|
565
|
+
padding: '5px !important',
|
566
|
+
borderRadius: '50% !important',
|
567
|
+
'& svg': {
|
568
|
+
width: '18px',
|
569
|
+
height: '18px',
|
570
|
+
'& path': {
|
626
571
|
fill: `${theme?.palette?.editor?.closeButtonSvgStroke}`
|
627
572
|
}
|
628
573
|
},
|
629
|
-
|
574
|
+
'&:hover': {
|
630
575
|
background: theme?.palette?.editor?.aiInputBackground
|
631
576
|
}
|
632
577
|
},
|
633
578
|
gradientFillBtn: {
|
634
579
|
background: `linear-gradient(112.61deg, #2C63ED 19.3%, #8360FD 88.14%) !important`,
|
635
|
-
textTransform:
|
636
|
-
color:
|
637
|
-
padding:
|
638
|
-
height:
|
639
|
-
borderRadius:
|
640
|
-
fontWeight:
|
641
|
-
fontSize:
|
580
|
+
textTransform: 'math-auto !important',
|
581
|
+
color: '#FFFFFF !important',
|
582
|
+
padding: '0px 12px !important',
|
583
|
+
height: '32px',
|
584
|
+
borderRadius: '8px',
|
585
|
+
fontWeight: '500',
|
586
|
+
fontSize: '14px'
|
642
587
|
},
|
643
588
|
emptyThumbBtn: {
|
644
589
|
background: `${theme?.palette?.editor?.sectionSettingIconHover} !important`,
|
645
590
|
color: `${theme?.palette?.editor?.textColor} !important`,
|
646
|
-
fontSize:
|
647
|
-
|
648
|
-
width:
|
649
|
-
height:
|
650
|
-
|
591
|
+
fontSize: '14px !important',
|
592
|
+
'& svg': {
|
593
|
+
width: '20px !important',
|
594
|
+
height: '20px !important',
|
595
|
+
'& path': {
|
651
596
|
stroke: `${theme?.palette?.editor?.closeButtonSvgStroke} !important`
|
652
597
|
}
|
653
598
|
}
|
@@ -7,7 +7,7 @@ import { Node } from "slate";
|
|
7
7
|
const HIDE_PLACHOLDERS = ["grid", "grid-item", "table"];
|
8
8
|
const TEXT_NODES = ["paragraph", "headingOne", "headingTwo", "headingThree"];
|
9
9
|
const PREVIEW_IMAGE_HIDE_CLASS = ["grid-container-toolbar", "grid-item-toolbar", "element-toolbar", "mini-tool-wrpr-ei", "element-selector", "element-selector-ctrl"];
|
10
|
-
|
10
|
+
const RND_ITEMS = ["freegridItem", "freegridBox"];
|
11
11
|
export const getThumbnailImage = async (dom, options = {}) => {
|
12
12
|
try {
|
13
13
|
const canvas = await html2canvas(dom, {
|
@@ -401,8 +401,4 @@ export const clearSelectionOnly = editor => {
|
|
401
401
|
} catch (err) {
|
402
402
|
console.log(err);
|
403
403
|
}
|
404
|
-
};
|
405
|
-
export const isMobileWindow = () => {
|
406
|
-
const isMobile = window.matchMedia("(max-width: 899px)")?.matches || false;
|
407
|
-
return isMobile;
|
408
404
|
};
|