@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.
Files changed (172) hide show
  1. package/dist/Editor/ChatEditor.js +16 -17
  2. package/dist/Editor/CommonEditor.js +24 -128
  3. package/dist/Editor/DialogWrapper.js +25 -31
  4. package/dist/Editor/Editor.css +8 -46
  5. package/dist/Editor/Elements/AI/PopoverAIInput.js +3 -11
  6. package/dist/Editor/Elements/Accordion/Accordion.js +2 -6
  7. package/dist/Editor/Elements/AppHeader/AppHeader.js +3 -3
  8. package/dist/Editor/Elements/Button/EditorButton.js +9 -25
  9. package/dist/Editor/Elements/Carousel/CarouselItem.js +1 -2
  10. package/dist/Editor/Elements/Color Picker/ColorButtons.js +14 -61
  11. package/dist/Editor/Elements/Color Picker/ColorPicker.css +1 -25
  12. package/dist/Editor/Elements/Color Picker/ColorPicker.js +7 -10
  13. package/dist/Editor/Elements/Color Picker/Styles.js +13 -15
  14. package/dist/Editor/Elements/DataView/Layouts/ColumnView.js +2 -4
  15. package/dist/Editor/Elements/DataView/Layouts/DataTypes/MultiSelectType.js +6 -21
  16. package/dist/Editor/Elements/DataView/Layouts/Options/AddOptions.js +2 -5
  17. package/dist/Editor/Elements/DataView/Layouts/Options/EditOption.js +2 -3
  18. package/dist/Editor/Elements/DataView/Layouts/Options/index.js +0 -11
  19. package/dist/Editor/Elements/DataView/Layouts/ViewData.js +4 -8
  20. package/dist/Editor/Elements/Embed/Image.js +2 -3
  21. package/dist/Editor/Elements/Embed/Video.js +1 -1
  22. package/dist/Editor/Elements/EmbedScript/Code.js +2 -14
  23. package/dist/Editor/Elements/EmbedScript/EmbedScriptPopup.js +28 -57
  24. package/dist/Editor/Elements/Form/Form.js +168 -181
  25. package/dist/Editor/Elements/Form/FormElements/FormText.js +6 -23
  26. package/dist/Editor/Elements/Form/FormElements/FormTextArea.js +2 -3
  27. package/dist/Editor/Elements/Form/FormField.js +6 -13
  28. package/dist/Editor/Elements/Form/Workflow/Styles.js +22 -24
  29. package/dist/Editor/Elements/FreeGrid/FreeGrid.js +31 -36
  30. package/dist/Editor/Elements/FreeGrid/FreeGridBox.js +4 -7
  31. package/dist/Editor/Elements/FreeGrid/Options/More.js +8 -8
  32. package/dist/Editor/Elements/FreeGrid/styles.js +7 -75
  33. package/dist/Editor/Elements/Grid/Grid.js +2 -14
  34. package/dist/Editor/Elements/Grid/GridItem.js +1 -1
  35. package/dist/Editor/Elements/List/CheckList.js +2 -3
  36. package/dist/Editor/Elements/Search/SearchAttachment.js +9 -40
  37. package/dist/Editor/Elements/Search/SearchButton.js +8 -9
  38. package/dist/Editor/Elements/Search/SearchList.js +7 -9
  39. package/dist/Editor/Elements/Signature/Signature.css +1 -2
  40. package/dist/Editor/Elements/Signature/SignatureOptions/DrawSignature.js +5 -18
  41. package/dist/Editor/Elements/Signature/SignatureOptions/UploadSignature.js +3 -16
  42. package/dist/Editor/Elements/SimpleText/index.js +1 -6
  43. package/dist/Editor/Elements/SimpleText/style.js +2 -2
  44. package/dist/Editor/Elements/Table/DragButton.js +1 -0
  45. package/dist/Editor/Elements/Table/Draggable.js +2 -6
  46. package/dist/Editor/Elements/Table/Styles.js +0 -7
  47. package/dist/Editor/Elements/Table/Table.js +3 -3
  48. package/dist/Editor/Elements/Table/TableCell.js +5 -24
  49. package/dist/Editor/Elements/Title/title.js +6 -6
  50. package/dist/Editor/Elements/Variables/VariableButton.js +1 -10
  51. package/dist/Editor/MiniEditor.js +1 -2
  52. package/dist/Editor/Styles/EditorStyles.js +5 -5
  53. package/dist/Editor/Toolbar/FormatTools/Dropdown.js +3 -27
  54. package/dist/Editor/Toolbar/FormatTools/FontFamilyAutocomplete.js +3 -4
  55. package/dist/Editor/Toolbar/FormatTools/MarkButton.js +2 -2
  56. package/dist/Editor/Toolbar/FormatTools/TextSize.js +13 -10
  57. package/dist/Editor/Toolbar/Mini/MiniToolbar.js +1 -2
  58. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/MiniColorPicker.js +2 -4
  59. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectFontSize.js +13 -6
  60. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectTypography.js +42 -167
  61. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/index.js +4 -7
  62. package/dist/Editor/Toolbar/PopupTool/PopperHeader.js +1 -2
  63. package/dist/Editor/Toolbar/PopupTool/PopupToolStyle.js +12 -72
  64. package/dist/Editor/Toolbar/PopupTool/TextFormat.js +27 -100
  65. package/dist/Editor/Toolbar/PopupTool/index.js +1 -1
  66. package/dist/Editor/Toolbar/toolbarGroups.js +6 -48
  67. package/dist/Editor/assets/svg/SettingsIcon.js +0 -1
  68. package/dist/Editor/common/ColorPickerButton.js +16 -38
  69. package/dist/Editor/common/DnD/DragHandleButton.js +1 -1
  70. package/dist/Editor/common/FontLoader/FontLoader.js +15 -31
  71. package/dist/Editor/common/Icon.js +1 -31
  72. package/dist/Editor/common/ImageSelector/Styles.js +9 -3
  73. package/dist/Editor/common/LinkSettings/NavComponents.js +8 -34
  74. package/dist/Editor/common/LinkSettings/index.js +68 -84
  75. package/dist/Editor/common/LinkSettings/style.js +30 -245
  76. package/dist/Editor/common/RnD/ElementOptions/Actions.js +14 -13
  77. package/dist/Editor/common/RnD/ElementOptions/Icons/LinkIcon.js +0 -1
  78. package/dist/Editor/common/RnD/ElementOptions/index.js +2 -2
  79. package/dist/Editor/common/RnD/ElementOptions/styles.js +1 -28
  80. package/dist/Editor/common/RnD/ElementSettings/OtherSettings/Settings.js +5 -6
  81. package/dist/Editor/common/RnD/ElementSettings/OtherSettings/Signature.js +3 -4
  82. package/dist/Editor/common/RnD/ElementSettings/Settings/AppHeaderSettings.js +2 -3
  83. package/dist/Editor/common/RnD/ElementSettings/Settings/BoxSettings.js +2 -3
  84. package/dist/Editor/common/RnD/ElementSettings/Settings/ButtonSettings.js +2 -3
  85. package/dist/Editor/common/RnD/ElementSettings/Settings/CodeSettings.js +2 -3
  86. package/dist/Editor/common/RnD/ElementSettings/Settings/FormSettings.js +2 -4
  87. package/dist/Editor/common/RnD/ElementSettings/Settings/ImageSettings.js +2 -3
  88. package/dist/Editor/common/RnD/ElementSettings/Settings/TableSettings.js +2 -3
  89. package/dist/Editor/common/RnD/ElementSettings/Settings/TextSettings.js +1 -3
  90. package/dist/Editor/common/RnD/ElementSettings/Settings/VideoSettings.js +2 -3
  91. package/dist/Editor/common/RnD/ElementSettings/styles.js +12 -147
  92. package/dist/Editor/common/RnD/OptionsPopup/index.js +5 -8
  93. package/dist/Editor/common/RnD/OptionsPopup/style.js +19 -121
  94. package/dist/Editor/common/RnD/SwitchViewport/SwitchViewport.js +5 -8
  95. package/dist/Editor/common/RnD/Theme/ViewportStimulator.js +3 -6
  96. package/dist/Editor/common/RnD/Utils/gridDropItem.js +19 -28
  97. package/dist/Editor/common/RnD/Utils/index.js +1 -3
  98. package/dist/Editor/common/RnD/VirtualElement/VirtualTextElement.js +54 -48
  99. package/dist/Editor/common/RnD/VirtualElement/helper.js +131 -143
  100. package/dist/Editor/common/RnD/VirtualElement/styles.js +0 -16
  101. package/dist/Editor/common/RnD/index.js +11 -6
  102. package/dist/Editor/common/Select/index.js +0 -2
  103. package/dist/Editor/common/Shorthands/elements.js +11 -65
  104. package/dist/Editor/common/StyleBuilder/buttonStyle.js +2 -4
  105. package/dist/Editor/common/StyleBuilder/fieldTypes/backgroundImage.js +0 -5
  106. package/dist/Editor/common/StyleBuilder/fieldTypes/bannerSpacing.js +2 -12
  107. package/dist/Editor/common/StyleBuilder/fieldTypes/borderRadius.js +7 -15
  108. package/dist/Editor/common/StyleBuilder/fieldTypes/card.js +8 -16
  109. package/dist/Editor/common/StyleBuilder/fieldTypes/color.js +10 -36
  110. package/dist/Editor/common/StyleBuilder/fieldTypes/fontSize.js +7 -16
  111. package/dist/Editor/common/StyleBuilder/fieldTypes/lineSpacing.js +6 -7
  112. package/dist/Editor/common/StyleBuilder/fieldTypes/menusArray.js +6 -13
  113. package/dist/Editor/common/StyleBuilder/fieldTypes/textOptions.js +7 -15
  114. package/dist/Editor/common/StyleBuilder/pageSettingsStyle.js +7 -5
  115. package/dist/Editor/common/Uploader.js +0 -8
  116. package/dist/Editor/common/iconListV2.js +6 -156
  117. package/dist/Editor/common/iconslist.js +0 -24
  118. package/dist/Editor/commonStyle.js +62 -168
  119. package/dist/Editor/helper/index.js +0 -4
  120. package/dist/Editor/helper/theme.js +2 -203
  121. package/dist/Editor/hooks/useMouseMove.js +5 -8
  122. package/dist/Editor/hooks/useTable.js +4 -5
  123. package/dist/Editor/plugins/withEmbeds.js +1 -1
  124. package/dist/Editor/plugins/withHTML.js +1 -3
  125. package/dist/Editor/plugins/withTable.js +1 -1
  126. package/dist/Editor/theme/ThemeList.js +173 -50
  127. package/dist/Editor/utils/SlateUtilityFunctions.js +45 -169
  128. package/dist/Editor/utils/accordion.js +4 -14
  129. package/dist/Editor/utils/button.js +17 -1
  130. package/dist/Editor/utils/customHooks/useTableResize.js +9 -49
  131. package/dist/Editor/utils/draftToSlate.js +2 -3
  132. package/dist/Editor/utils/events.js +6 -50
  133. package/dist/Editor/utils/font.js +37 -40
  134. package/dist/Editor/utils/form.js +4 -4
  135. package/dist/Editor/utils/formfield.js +2 -8
  136. package/dist/Editor/utils/helper.js +19 -109
  137. package/dist/Editor/utils/signature.js +9 -2
  138. package/package.json +4 -4
  139. package/dist/Editor/Elements/DataView/Layouts/DataTypes/Components/MultiSelect.js +0 -454
  140. package/dist/Editor/Elements/EmbedScript/styles.js +0 -89
  141. package/dist/Editor/Elements/FreeGrid/helper.js +0 -113
  142. package/dist/Editor/Toolbar/PopupTool/ThemeTextFormat.js +0 -439
  143. package/dist/Editor/assets/svg/BackIcon.js +0 -18
  144. package/dist/Editor/assets/svg/ClearAllRounded.js +0 -31
  145. package/dist/Editor/assets/svg/ResetIconNew.js +0 -23
  146. package/dist/Editor/assets/svg/ThemeIcons.js +0 -293
  147. package/dist/Editor/common/CustomColorPicker/index.js +0 -130
  148. package/dist/Editor/common/CustomColorPicker/style.js +0 -53
  149. package/dist/Editor/common/CustomDialog2/index.js +0 -94
  150. package/dist/Editor/common/CustomDialog2/style.js +0 -67
  151. package/dist/Editor/common/CustomSelect.js +0 -43
  152. package/dist/Editor/common/RnD/Theme/MainThemeProvider.js +0 -17
  153. package/dist/Editor/common/SnackBar/index.js +0 -43
  154. package/dist/Editor/helper/textIndeces.js +0 -58
  155. package/dist/Editor/hooks/useEditorTheme.js +0 -153
  156. package/dist/Editor/hooks/useThemeValues.js +0 -63
  157. package/dist/Editor/theme/index.js +0 -149
  158. package/dist/Editor/themeSettings/ActiveTheme.js +0 -82
  159. package/dist/Editor/themeSettings/buttons/index.js +0 -300
  160. package/dist/Editor/themeSettings/buttons/style.js +0 -23
  161. package/dist/Editor/themeSettings/colorTheme/index.js +0 -310
  162. package/dist/Editor/themeSettings/colorTheme/style.js +0 -81
  163. package/dist/Editor/themeSettings/fonts/PreviewElement.js +0 -121
  164. package/dist/Editor/themeSettings/fonts/index.js +0 -240
  165. package/dist/Editor/themeSettings/fonts/style.js +0 -62
  166. package/dist/Editor/themeSettings/icons.js +0 -60
  167. package/dist/Editor/themeSettings/index.js +0 -361
  168. package/dist/Editor/themeSettings/style.js +0 -299
  169. package/dist/Editor/themeSettingsAI/icons.js +0 -96
  170. package/dist/Editor/themeSettingsAI/index.js +0 -355
  171. package/dist/Editor/themeSettingsAI/saveTheme.js +0 -202
  172. 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: "fit-content"
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: "52px !important",
135
+ width: "46px !important",
133
136
  marginLeft: "10px",
134
- height: "36px !important"
137
+ height: '36px !important'
135
138
  },
136
139
  "& .spacingSlider": {
137
140
  width: "calc(100% - 18px)"
138
141
  }
139
142
  },
140
- "& .MuiFormHelperText-root": {
141
- margin: "4px 0px 0px 0px",
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?.miniToolBarBackground,
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?.miniToolBarBackground,
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?.miniToolBarBackground
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: "500",
400
+ fontWeight: '500',
438
401
  fontFamily: "Inter, sans-serif",
439
- minHeight: "36px",
402
+ minHeight: '36px',
440
403
  "&:hover": {
441
404
  backgroundColor: theme?.palette?.editor?.menuOptionHoverBackground
442
405
  }
443
406
  },
444
- "& .Mui-selected": {
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: "8px",
454
- padding: "0px",
416
+ borderRadius: '8px',
417
+ padding: '0px',
455
418
  background: `${theme?.palette?.editor?.textWeightPopUpBackground} !important`
456
419
  },
457
- "& .MuiButtonBase-root": {
458
- margin: "4px",
459
- borderRadius: "6px"
420
+ '& .MuiButtonBase-root': {
421
+ margin: '4px',
422
+ borderRadius: '6px'
460
423
  },
461
- "& .MuiList-root": {
462
- padding: "0px"
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: "4px !important",
566
- "& svg": {
567
- width: "18px !important",
568
- height: "18px !important",
569
- "& path": {
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
- "& svg": {
582
- "& path": {
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: "5px !important",
591
- "& svg": {
592
- width: "16px !important",
593
- height: "16px !important",
594
- "& path": {
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: "5px !important",
603
- borderRadius: "50% !important",
604
- "& svg": {
605
- width: "18px",
606
- height: "18px",
607
- "& path": {
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
- "&:hover": {
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: "math-auto !important",
618
- color: "#FFFFFF !important",
619
- padding: "0px 12px !important",
620
- height: "32px",
621
- borderRadius: "8px",
622
- fontWeight: "500",
623
- fontSize: "14px"
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: "14px !important",
629
- "& svg": {
630
- width: "20px !important",
631
- height: "20px !important",
632
- "& path": {
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;
@@ -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
  };
@@ -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], value) : value
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: (val, breakpointValues) => {
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
- openTheme,
106
- setOpenTheme,
107
- triggerRender
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: 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", "headingFour", "headingFive", "headingSix", "paragraphOne", "paragraphTwo", "paragraphThree", "blockquote"];
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
- export const getCurrentElement = editor => {
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", "page-settings"];
3
+ const NON_DELETABLE_BLOCKS = ["table-cell", "carousel-item"];
4
4
  const withTable = editor => {
5
5
  const {
6
6
  deleteBackward,