@flozy/editor 10.2.3 → 10.2.5
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 +24 -128
- 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 +2 -6
- package/dist/Editor/Elements/AppHeader/AppHeader.js +3 -3
- package/dist/Editor/Elements/Button/EditorButton.js +9 -25
- 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/MultiSelectType.js +6 -21
- package/dist/Editor/Elements/DataView/Layouts/Options/AddOptions.js +2 -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 -181
- package/dist/Editor/Elements/Form/FormElements/FormText.js +6 -23
- package/dist/Editor/Elements/Form/FormElements/FormTextArea.js +2 -3
- package/dist/Editor/Elements/Form/FormField.js +6 -13
- package/dist/Editor/Elements/Form/Workflow/Styles.js +22 -24
- package/dist/Editor/Elements/FreeGrid/FreeGrid.js +31 -36
- 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 -75
- package/dist/Editor/Elements/Grid/Grid.js +2 -14
- package/dist/Editor/Elements/Grid/GridItem.js +1 -1
- package/dist/Editor/Elements/List/CheckList.js +2 -3
- 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/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/index.js +1 -6
- 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 +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 +16 -38
- package/dist/Editor/common/DnD/DragHandleButton.js +1 -1
- package/dist/Editor/common/FontLoader/FontLoader.js +15 -31
- 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/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 +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 +19 -28
- package/dist/Editor/common/RnD/Utils/index.js +1 -3
- package/dist/Editor/common/RnD/VirtualElement/VirtualTextElement.js +54 -48
- package/dist/Editor/common/RnD/VirtualElement/helper.js +131 -143
- package/dist/Editor/common/RnD/VirtualElement/styles.js +0 -16
- package/dist/Editor/common/RnD/index.js +11 -6
- package/dist/Editor/common/Select/index.js +0 -2
- package/dist/Editor/common/Shorthands/elements.js +11 -65
- 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 -156
- package/dist/Editor/common/iconslist.js +0 -24
- package/dist/Editor/commonStyle.js +62 -168
- package/dist/Editor/helper/index.js +0 -4
- package/dist/Editor/helper/theme.js +2 -203
- package/dist/Editor/hooks/useMouseMove.js +5 -8
- 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 +45 -169
- 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/form.js +4 -4
- package/dist/Editor/utils/formfield.js +2 -8
- package/dist/Editor/utils/helper.js +19 -109
- package/dist/Editor/utils/signature.js +9 -2
- 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/Elements/FreeGrid/helper.js +0 -113
- 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 -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 -361
- 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
@@ -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",
|
@@ -129,16 +132,16 @@ const useCommonStyle = theme => ({
|
|
129
132
|
background: theme?.palette?.editor?.inputFieldBgColor,
|
130
133
|
border: `1px solid ${theme?.palette?.editor?.inputFieldBorder}`,
|
131
134
|
borderRadius: "10px",
|
132
|
-
width: "
|
135
|
+
width: "46px !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,27 +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
541
|
buttonMoreOption2: {
|
579
542
|
background: `${theme?.palette?.editor?.aiInputBackground} !important`,
|
580
543
|
border: `1px solid ${theme?.palette?.editor?.buttonBorder1} !important`,
|
581
|
-
|
582
|
-
|
544
|
+
'& svg': {
|
545
|
+
'& path': {
|
583
546
|
fill: `${theme?.palette?.editor?.closeButtonSvgStroke} !important`
|
584
547
|
}
|
585
548
|
}
|
@@ -587,11 +550,11 @@ const useCommonStyle = theme => ({
|
|
587
550
|
buttonMoreOption3: {
|
588
551
|
background: `${theme?.palette?.editor?.aiInputBackground} !important`,
|
589
552
|
border: `1px solid ${theme?.palette?.editor?.buttonBorder1} !important`,
|
590
|
-
padding:
|
591
|
-
|
592
|
-
width:
|
593
|
-
height:
|
594
|
-
|
553
|
+
padding: '5px !important',
|
554
|
+
'& svg': {
|
555
|
+
width: '16px !important',
|
556
|
+
height: '16px !important',
|
557
|
+
'& path': {
|
595
558
|
stroke: `${theme?.palette?.editor?.closeButtonSvgStroke} !important`
|
596
559
|
}
|
597
560
|
}
|
@@ -599,109 +562,40 @@ const useCommonStyle = theme => ({
|
|
599
562
|
resizeButton: {
|
600
563
|
background: theme?.palette?.editor?.aiInputBackground,
|
601
564
|
border: `1px solid ${theme?.palette?.editor?.buttonBorder1}`,
|
602
|
-
padding:
|
603
|
-
borderRadius:
|
604
|
-
|
605
|
-
width:
|
606
|
-
height:
|
607
|
-
|
565
|
+
padding: '5px !important',
|
566
|
+
borderRadius: '50% !important',
|
567
|
+
'& svg': {
|
568
|
+
width: '18px',
|
569
|
+
height: '18px',
|
570
|
+
'& path': {
|
608
571
|
fill: `${theme?.palette?.editor?.closeButtonSvgStroke}`
|
609
572
|
}
|
610
573
|
},
|
611
|
-
|
574
|
+
'&:hover': {
|
612
575
|
background: theme?.palette?.editor?.aiInputBackground
|
613
576
|
}
|
614
577
|
},
|
615
578
|
gradientFillBtn: {
|
616
579
|
background: `linear-gradient(112.61deg, #2C63ED 19.3%, #8360FD 88.14%) !important`,
|
617
|
-
textTransform:
|
618
|
-
color:
|
619
|
-
padding:
|
620
|
-
height:
|
621
|
-
borderRadius:
|
622
|
-
fontWeight:
|
623
|
-
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'
|
624
587
|
},
|
625
588
|
emptyThumbBtn: {
|
626
589
|
background: `${theme?.palette?.editor?.sectionSettingIconHover} !important`,
|
627
590
|
color: `${theme?.palette?.editor?.textColor} !important`,
|
628
|
-
fontSize:
|
629
|
-
|
630
|
-
width:
|
631
|
-
height:
|
632
|
-
|
591
|
+
fontSize: '14px !important',
|
592
|
+
'& svg': {
|
593
|
+
width: '20px !important',
|
594
|
+
height: '20px !important',
|
595
|
+
'& path': {
|
633
596
|
stroke: `${theme?.palette?.editor?.closeButtonSvgStroke} !important`
|
634
597
|
}
|
635
598
|
}
|
636
|
-
},
|
637
|
-
formStyles: {
|
638
|
-
"& input": {
|
639
|
-
background: theme?.palette?.editor?.inputFieldBgColor,
|
640
|
-
borderColor: theme?.palette?.editor?.inputFieldBorder,
|
641
|
-
height: "44px",
|
642
|
-
fontSize: "14px",
|
643
|
-
color: theme?.palette?.editor?.textColor
|
644
|
-
},
|
645
|
-
"& .form-btn-wrpr": {
|
646
|
-
"& button": {
|
647
|
-
fontWeight: 500,
|
648
|
-
height: "44px"
|
649
|
-
}
|
650
|
-
}
|
651
|
-
},
|
652
|
-
formMenuStyle: {
|
653
|
-
"& .MuiPaper-root": {
|
654
|
-
background: "transparent",
|
655
|
-
boxShadow: "none"
|
656
|
-
},
|
657
|
-
"& .MuiList-root": {
|
658
|
-
padding: "2px 0px 0px 16px"
|
659
|
-
},
|
660
|
-
"& .MuiButtonBase-root": {
|
661
|
-
padding: "2px"
|
662
|
-
},
|
663
|
-
"& li": {
|
664
|
-
marginLeft: "5px",
|
665
|
-
"&:hover": {
|
666
|
-
background: "transparent"
|
667
|
-
},
|
668
|
-
"& button": {
|
669
|
-
height: "28px",
|
670
|
-
width: "28px",
|
671
|
-
borderRadius: "50%",
|
672
|
-
background: theme?.palette?.editor?.signatureFontBtnBg,
|
673
|
-
border: `1px solid ${theme?.palette?.editor?.buttonBorder1} !important`,
|
674
|
-
boxShadow: "0px 0px 4px 0px #00000024",
|
675
|
-
"&:hover": {
|
676
|
-
background: theme?.palette?.editor?.signatureFontBtnBg
|
677
|
-
},
|
678
|
-
"& svg": {
|
679
|
-
height: "20px",
|
680
|
-
width: "20px"
|
681
|
-
},
|
682
|
-
"& .uploadIcon": {
|
683
|
-
height: "17px",
|
684
|
-
width: "17px"
|
685
|
-
},
|
686
|
-
"& .commonSvgStyle path": {
|
687
|
-
stroke: theme?.palette?.editor?.closeButtonSvgStroke
|
688
|
-
}
|
689
|
-
}
|
690
|
-
}
|
691
|
-
},
|
692
|
-
fieldBtnSettings: {
|
693
|
-
"& .MuiButtonBase-root": {
|
694
|
-
height: "28px",
|
695
|
-
width: "28px",
|
696
|
-
padding: "4px",
|
697
|
-
"& svg": {
|
698
|
-
width: "20px",
|
699
|
-
height: "20px",
|
700
|
-
"& path": {
|
701
|
-
stroke: theme?.palette?.editor?.closeButtonSvgStroke
|
702
|
-
}
|
703
|
-
}
|
704
|
-
}
|
705
599
|
}
|
706
600
|
});
|
707
601
|
export default useCommonStyle;
|
@@ -1,6 +1,4 @@
|
|
1
|
-
import { ReactEditor } from "slate-react";
|
2
1
|
import { sizeMap } from "../utils/font";
|
3
|
-
import { Editor, Node } from "slate";
|
4
2
|
export const breakpoints = {
|
5
3
|
small: 0,
|
6
4
|
mobile: 600,
|
@@ -35,7 +33,7 @@ const overrideValues = (value, ot) => {
|
|
35
33
|
return Object.keys(value).reduce((a, b) => {
|
36
34
|
return {
|
37
35
|
...a,
|
38
|
-
[b]: overrides[ot] ? overrides[ot](value[b]
|
36
|
+
[b]: overrides[ot] ? overrides[ot](value[b]) : value
|
39
37
|
};
|
40
38
|
}, {});
|
41
39
|
};
|
@@ -52,15 +50,7 @@ const overrides = {
|
|
52
50
|
overrideReSizeH: val => {
|
53
51
|
return val ? `${val?.height}px` : "auto";
|
54
52
|
},
|
55
|
-
overrideBorderRadius:
|
56
|
-
if (!val?.topLeft) {
|
57
|
-
Object.values(breakpointValues || {}).forEach(v => {
|
58
|
-
if (v) {
|
59
|
-
// Applying the values from breakpoints that exist to those that do not have
|
60
|
-
val = v;
|
61
|
-
}
|
62
|
-
});
|
63
|
-
}
|
53
|
+
overrideBorderRadius: val => {
|
64
54
|
return `${val?.topLeft}px ${val?.topRight}px ${val?.bottomLeft}px ${val?.bottomRight}px`;
|
65
55
|
}
|
66
56
|
};
|
@@ -128,197 +118,6 @@ export const getTRBLBreakPoints = (value, breakpoint) => {
|
|
128
118
|
console.log(err);
|
129
119
|
}
|
130
120
|
};
|
131
|
-
export function getElementStyle(editor, element, stylePropertyName) {
|
132
|
-
try {
|
133
|
-
const path = ReactEditor.findPath(editor, element);
|
134
|
-
if (path?.length) {
|
135
|
-
const currentEle = Node.get(editor, path);
|
136
|
-
const dom = ReactEditor.toDOMNode(editor, currentEle);
|
137
|
-
const editorBtn = dom?.querySelector(".button.theme-element");
|
138
|
-
return getElementProperty(editorBtn, stylePropertyName);
|
139
|
-
}
|
140
|
-
} catch (err) {
|
141
|
-
// console.log(err);
|
142
|
-
}
|
143
|
-
}
|
144
|
-
export function getTextSizeVal(editor) {
|
145
|
-
try {
|
146
|
-
const currentNode = Node.get(editor, editor.selection.anchor.path);
|
147
|
-
const currentElement = ReactEditor.toDOMNode(editor, currentNode);
|
148
|
-
if (currentElement) {
|
149
|
-
const element = currentElement.querySelector('span[data-slate-string="true"]');
|
150
|
-
const fontSize = getElementProperty(element, "font-size");
|
151
|
-
return fontSize || 16;
|
152
|
-
}
|
153
|
-
} catch (err) {
|
154
|
-
// console.log(err);
|
155
|
-
}
|
156
|
-
}
|
157
|
-
export function getVariableValue(val) {
|
158
|
-
const bodyElement = document.body;
|
159
|
-
const computedStyle = getComputedStyle(bodyElement);
|
160
|
-
const [, variableName] = val?.match(/var\((--[^)]+)\)/) || [];
|
161
|
-
const varValue = computedStyle.getPropertyValue(variableName).trim();
|
162
|
-
return varValue;
|
163
|
-
}
|
164
|
-
const MAP_PROPERTY_KEYS = {
|
165
|
-
fontFamily: "font-family",
|
166
|
-
fontSize: "font-size",
|
167
|
-
textSize: "font-size",
|
168
|
-
fontWeight: "font-weight",
|
169
|
-
color: "color",
|
170
|
-
bgColor: "background-color"
|
171
|
-
};
|
172
|
-
export function getElementProperty(element, styleProperty) {
|
173
|
-
if (!element) {
|
174
|
-
return "";
|
175
|
-
}
|
176
|
-
const computedStyle = window.getComputedStyle(element);
|
177
|
-
const property = MAP_PROPERTY_KEYS[styleProperty] || styleProperty;
|
178
|
-
let style = computedStyle.getPropertyValue(property);
|
179
|
-
if (property === "font-family") {
|
180
|
-
style = style.replace(/"/g, ""); // remove double quotes if exists e.g: '"Courier New"'
|
181
|
-
}
|
182
|
-
|
183
|
-
return style || "";
|
184
|
-
}
|
185
|
-
export const textThemeFields = ["fontFamily", "fontSize", "color", "bold", "italic", "fontWeight"
|
186
|
-
// "underline",
|
187
|
-
// "strikethrough",
|
188
|
-
];
|
189
|
-
|
190
|
-
const themeElements = ["headingOne", "headingTwo", "headingThree", "headingFour", "headingFive", "headingSix", "paragraphOne", "paragraphTwo", "paragraphThree"];
|
191
|
-
export const isTextCustomized = editor => {
|
192
|
-
try {
|
193
|
-
if (editor.selection) {
|
194
|
-
const currentElement = Node.parent(editor, editor?.selection?.anchor?.path);
|
195
|
-
if (!currentElement) {
|
196
|
-
return false;
|
197
|
-
}
|
198
|
-
const {
|
199
|
-
children,
|
200
|
-
type
|
201
|
-
} = currentElement;
|
202
|
-
if (!themeElements.includes(type)) {
|
203
|
-
return false;
|
204
|
-
}
|
205
|
-
if (!children?.length) {
|
206
|
-
return true;
|
207
|
-
}
|
208
|
-
const customized = textThemeFields.some(field => {
|
209
|
-
const element = children.find(child => child.text.trim() !== "") || {};
|
210
|
-
const value = element[field];
|
211
|
-
if (field === "fontSize") {
|
212
|
-
return Object.keys(value || {}).length;
|
213
|
-
} else {
|
214
|
-
return value;
|
215
|
-
}
|
216
|
-
});
|
217
|
-
return customized;
|
218
|
-
} else {
|
219
|
-
return null;
|
220
|
-
}
|
221
|
-
} catch (err) {
|
222
|
-
return null;
|
223
|
-
}
|
224
|
-
};
|
225
|
-
const addToTheme = (field, value, element) => {
|
226
|
-
switch (field) {
|
227
|
-
case "fontFamily":
|
228
|
-
return {
|
229
|
-
fontFamily: value
|
230
|
-
};
|
231
|
-
case "fontSize":
|
232
|
-
return {
|
233
|
-
fontSize: value?.lg
|
234
|
-
};
|
235
|
-
case "color":
|
236
|
-
return {
|
237
|
-
color: value
|
238
|
-
};
|
239
|
-
case "bold":
|
240
|
-
return {
|
241
|
-
fontWeight: "bold"
|
242
|
-
};
|
243
|
-
case "italic":
|
244
|
-
return {
|
245
|
-
fontStyle: "italic"
|
246
|
-
};
|
247
|
-
// case "underline":
|
248
|
-
// case "strikethrough":
|
249
|
-
// let textDecoration = "";
|
250
|
-
|
251
|
-
// if (element.underline) {
|
252
|
-
// textDecoration = "underline";
|
253
|
-
// }
|
254
|
-
|
255
|
-
// if (element.strikethrough) {
|
256
|
-
// textDecoration += " strikethrough";
|
257
|
-
// }
|
258
|
-
|
259
|
-
// return { textDecoration };
|
260
|
-
default:
|
261
|
-
return {};
|
262
|
-
}
|
263
|
-
};
|
264
|
-
const MAP_TEXT_THEME_FIELD = {
|
265
|
-
headingOne: "h1",
|
266
|
-
headingTwo: "h2",
|
267
|
-
headingThree: "h3",
|
268
|
-
headingFour: "h4",
|
269
|
-
headingFive: "h5",
|
270
|
-
headingSix: "h6",
|
271
|
-
paragraphOne: "para1",
|
272
|
-
paragraphTwo: "para2",
|
273
|
-
paragraphThree: "para3"
|
274
|
-
};
|
275
|
-
export const saveToTheme = editor => {
|
276
|
-
try {
|
277
|
-
if (editor.selection) {
|
278
|
-
const currentElement = Node.parent(editor, editor?.selection?.anchor?.path);
|
279
|
-
if (!currentElement) {
|
280
|
-
return false;
|
281
|
-
}
|
282
|
-
const {
|
283
|
-
children
|
284
|
-
} = currentElement;
|
285
|
-
if (!children?.length) {
|
286
|
-
return true;
|
287
|
-
}
|
288
|
-
let theme = {};
|
289
|
-
textThemeFields.forEach(field => {
|
290
|
-
const element = children.find(child => child.text.trim() !== "") || {};
|
291
|
-
const value = element[field];
|
292
|
-
let style = {};
|
293
|
-
let isValueExist = false;
|
294
|
-
if (value) {
|
295
|
-
isValueExist = true;
|
296
|
-
if (field === "fontSize") {
|
297
|
-
isValueExist = !!Object.keys(value).length;
|
298
|
-
}
|
299
|
-
}
|
300
|
-
if (isValueExist) {
|
301
|
-
style = addToTheme(field, value, element);
|
302
|
-
}
|
303
|
-
theme = {
|
304
|
-
...theme,
|
305
|
-
...style
|
306
|
-
};
|
307
|
-
});
|
308
|
-
textThemeFields.forEach(field => {
|
309
|
-
Editor.removeMark(editor, field);
|
310
|
-
});
|
311
|
-
return {
|
312
|
-
field: MAP_TEXT_THEME_FIELD[currentElement?.type],
|
313
|
-
theme
|
314
|
-
};
|
315
|
-
}
|
316
|
-
} catch (err) {
|
317
|
-
return;
|
318
|
-
}
|
319
|
-
};
|
320
|
-
export const HEADING_THEME_FIELDS = ["h1", "h2", "h3", "h4", "h5", "h6"];
|
321
|
-
export const PARAGRAPH_THEME_FIELDS = ["para1", "para2", "para3"];
|
322
121
|
export const getBRValue = (props, rbr = "lg") => {
|
323
122
|
const {
|
324
123
|
value,
|
@@ -21,10 +21,7 @@ export const useEditorSelection = editor => {
|
|
21
21
|
export const EditorProvider = ({
|
22
22
|
editor,
|
23
23
|
theme,
|
24
|
-
children
|
25
|
-
openTheme = false,
|
26
|
-
setOpenTheme = () => {},
|
27
|
-
triggerRender
|
24
|
+
children
|
28
25
|
}) => {
|
29
26
|
const [previous, setPrevious] = useState("");
|
30
27
|
const [drop, setDrop] = useState(0);
|
@@ -39,6 +36,7 @@ export const EditorProvider = ({
|
|
39
36
|
path: null
|
40
37
|
});
|
41
38
|
const [fontFamilies, setFontFamilies] = useState(defaultFontFamilies);
|
39
|
+
const [activeBreakPoint, setActiveBreakPoint] = useState("");
|
42
40
|
useEffect(() => {
|
43
41
|
window.updateSelectedItem = d => {
|
44
42
|
setSelectedElement(d);
|
@@ -102,10 +100,9 @@ export const EditorProvider = ({
|
|
102
100
|
updateDragging,
|
103
101
|
fontFamilies,
|
104
102
|
setFontFamilies,
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
}), [path, editor?.selection, selectedPath, selectedElement, contextMenu, openAI, popupType, drop, openTheme]);
|
103
|
+
activeBreakPoint,
|
104
|
+
setActiveBreakPoint
|
105
|
+
}), [path, editor?.selection, selectedPath, selectedElement, contextMenu, openAI, popupType, drop, activeBreakPoint]);
|
109
106
|
return /*#__PURE__*/_jsx(EditorContext.Provider, {
|
110
107
|
value: otherValues,
|
111
108
|
children: children
|
@@ -190,17 +190,16 @@ export const TableProvider = ({
|
|
190
190
|
// selectFirstCell(tablePath, editor, updateTableSelection);
|
191
191
|
// }, []);
|
192
192
|
|
193
|
-
const onClickAway = () => {
|
194
|
-
setTableSelection(getDefaultTableSelection());
|
195
|
-
setHoverPath(null);
|
196
|
-
};
|
197
193
|
return /*#__PURE__*/_jsx(TableContext.Provider, {
|
198
194
|
value: values,
|
199
195
|
children: /*#__PURE__*/_jsxs(DndContext, {
|
200
196
|
sensors: sensors,
|
201
197
|
onDragEnd: data => handleDragEnd(data, editor, resetAll),
|
202
198
|
children: [/*#__PURE__*/_jsx(ClickAwayListener, {
|
203
|
-
onClickAway:
|
199
|
+
onClickAway: () => {
|
200
|
+
setTableSelection(getDefaultTableSelection());
|
201
|
+
setHoverPath(null);
|
202
|
+
},
|
204
203
|
children: /*#__PURE__*/_jsx("div", {
|
205
204
|
children: children
|
206
205
|
})
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { Transforms, Path, Node } from "slate";
|
2
|
-
const AvoidCopying = ["headingOne", "headingTwo", "headingThree", "
|
2
|
+
const AvoidCopying = ["headingOne", "headingTwo", "headingThree", "blockquote"];
|
3
3
|
const BlockTypes = ["grid"];
|
4
4
|
const withEmbeds = editor => {
|
5
5
|
const {
|
@@ -30,8 +30,6 @@ const parseCopiedHTML = html => {
|
|
30
30
|
|
31
31
|
// claude.ai, copy list inbetween, some li tags are not wrapped with ul or ol
|
32
32
|
parsed.querySelectorAll("li").forEach(li => {
|
33
|
-
li.innerHTML = li.innerHTML.replace(/^\n+|\n+$/g, ""); // Removes leading and trailing newlines
|
34
|
-
|
35
33
|
// Check if the parent of <li> is not a <ul> or <ol>
|
36
34
|
if (!li.parentElement || li.parentElement.tagName !== "UL" && li.parentElement.tagName !== "OL") {
|
37
35
|
// Create a <ul> element
|
@@ -57,7 +55,7 @@ const loopChildren = (children = [], defaultInsert) => {
|
|
57
55
|
}
|
58
56
|
return defaultInsert;
|
59
57
|
};
|
60
|
-
|
58
|
+
const getCurrentElement = editor => {
|
61
59
|
try {
|
62
60
|
if (editor.selection) {
|
63
61
|
return Node.parent(editor, editor?.selection?.anchor?.path);
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import { Editor, Range, Point, Element, Transforms, Node } from "slate";
|
2
2
|
import { TableUtil, createTableCell } from "../utils/table";
|
3
|
-
const NON_DELETABLE_BLOCKS = ["table-cell", "carousel-item"
|
3
|
+
const NON_DELETABLE_BLOCKS = ["table-cell", "carousel-item"];
|
4
4
|
const withTable = editor => {
|
5
5
|
const {
|
6
6
|
deleteBackward,
|