@flozy/editor 10.0.2 → 10.0.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.
Files changed (269) hide show
  1. package/dist/Editor/ChatEditor.js +20 -28
  2. package/dist/Editor/CommonEditor.js +25 -142
  3. package/dist/Editor/DialogWrapper.js +25 -31
  4. package/dist/Editor/Editor.css +9 -17
  5. package/dist/Editor/Elements/AI/AIInput.js +3 -5
  6. package/dist/Editor/Elements/AI/CustomSelect.js +5 -9
  7. package/dist/Editor/Elements/AI/PopoverAIInput.js +5 -15
  8. package/dist/Editor/Elements/Accordion/Accordion.js +3 -4
  9. package/dist/Editor/Elements/Accordion/AccordionBtnPopup.js +1 -4
  10. package/dist/Editor/Elements/Accordion/AccordionButton.js +2 -6
  11. package/dist/Editor/Elements/Accordion/AccordionTitlePopup.js +1 -4
  12. package/dist/Editor/Elements/AppHeader/AppHeader.js +3 -3
  13. package/dist/Editor/Elements/AppHeader/AppHeaderButton.js +2 -6
  14. package/dist/Editor/Elements/AppHeader/AppHeaderPopup.js +1 -4
  15. package/dist/Editor/Elements/Attachments/AttachmentsButton.js +1 -4
  16. package/dist/Editor/Elements/Button/ButtonPopup.js +1 -4
  17. package/dist/Editor/Elements/Button/ButtonToolIcon.js +2 -6
  18. package/dist/Editor/Elements/Button/EditorButton.js +14 -31
  19. package/dist/Editor/Elements/Carousel/Carousel.js +4 -5
  20. package/dist/Editor/Elements/Carousel/CarouselButton.js +2 -6
  21. package/dist/Editor/Elements/Carousel/CarouselItem.js +2 -3
  22. package/dist/Editor/Elements/ChipText/ChipTextPopup.js +1 -4
  23. package/dist/Editor/Elements/CodeToText/CodeToText.js +4 -5
  24. package/dist/Editor/Elements/CodeToText/HtmlContextMenu.js +2 -6
  25. package/dist/Editor/Elements/Color Picker/ColorButtons.js +14 -61
  26. package/dist/Editor/Elements/Color Picker/ColorPicker.css +1 -25
  27. package/dist/Editor/Elements/Color Picker/ColorPicker.js +7 -10
  28. package/dist/Editor/Elements/Color Picker/Styles.js +13 -15
  29. package/dist/Editor/Elements/Colorbox/ColorboxButton.js +2 -6
  30. package/dist/Editor/Elements/DataView/DataView.js +2 -5
  31. package/dist/Editor/Elements/DataView/DataViewButton.js +2 -6
  32. package/dist/Editor/Elements/DataView/Layouts/ColumnView.js +2 -4
  33. package/dist/Editor/Elements/DataView/Layouts/DataTypes/MultiSelectType.js +6 -21
  34. package/dist/Editor/Elements/DataView/Layouts/FilterSort/SortOptions/ChooseSort.js +12 -13
  35. package/dist/Editor/Elements/DataView/Layouts/FilterSort/SortOptions/index.js +4 -7
  36. package/dist/Editor/Elements/DataView/Layouts/FilterSort/index.js +5 -7
  37. package/dist/Editor/Elements/DataView/Layouts/FilterView.js +7 -9
  38. package/dist/Editor/Elements/DataView/Layouts/Options/AddOptions.js +3 -8
  39. package/dist/Editor/Elements/DataView/Layouts/Options/AddProperty.js +3 -5
  40. package/dist/Editor/Elements/DataView/Layouts/Options/AllProperties.js +5 -6
  41. package/dist/Editor/Elements/DataView/Layouts/Options/ChangeProperty.js +3 -5
  42. package/dist/Editor/Elements/DataView/Layouts/Options/EditOption.js +7 -9
  43. package/dist/Editor/Elements/DataView/Layouts/Options/EditProperty.js +12 -15
  44. package/dist/Editor/Elements/DataView/Layouts/Options/FilterProperty.js +2 -3
  45. package/dist/Editor/Elements/DataView/Layouts/Options/PropertyList.js +2 -3
  46. package/dist/Editor/Elements/DataView/Layouts/Options/index.js +6 -23
  47. package/dist/Editor/Elements/DataView/Layouts/TableView.js +4 -6
  48. package/dist/Editor/Elements/DataView/Layouts/ViewData.js +4 -8
  49. package/dist/Editor/Elements/DataView/Layouts/index.js +1 -3
  50. package/dist/Editor/Elements/DataView/Providers/DataViewProvider.js +2 -5
  51. package/dist/Editor/Elements/Divider/Divider.js +3 -5
  52. package/dist/Editor/Elements/Divider/DividerButton.js +2 -6
  53. package/dist/Editor/Elements/Divider/DividerPopup.js +2 -3
  54. package/dist/Editor/Elements/Embed/Embed.js +1 -4
  55. package/dist/Editor/Elements/Embed/EmbedPopup.js +1 -4
  56. package/dist/Editor/Elements/Embed/Image.js +11 -16
  57. package/dist/Editor/Elements/Embed/Video.js +7 -10
  58. package/dist/Editor/Elements/EmbedScript/Code.js +6 -21
  59. package/dist/Editor/Elements/EmbedScript/EmbedScript.js +2 -6
  60. package/dist/Editor/Elements/EmbedScript/EmbedScriptPopup.js +30 -62
  61. package/dist/Editor/Elements/Emoji/EmojiButton.js +2 -6
  62. package/dist/Editor/Elements/Form/FieldPopup.js +1 -4
  63. package/dist/Editor/Elements/Form/Form.js +171 -185
  64. package/dist/Editor/Elements/Form/FormButton.js +2 -6
  65. package/dist/Editor/Elements/Form/FormField.js +4 -10
  66. package/dist/Editor/Elements/Form/FormPopup.js +2 -3
  67. package/dist/Editor/Elements/Form/Workflow/FormWorkflow.js +12 -18
  68. package/dist/Editor/Elements/Form/Workflow/ListWorkflow.js +8 -13
  69. package/dist/Editor/Elements/Form/Workflow/MoreOptions.js +2 -3
  70. package/dist/Editor/Elements/Form/Workflow/Styles.js +22 -24
  71. package/dist/Editor/Elements/Form/Workflow/UserInputs.js +2 -4
  72. package/dist/Editor/Elements/Form/Workflow/index.js +9 -15
  73. package/dist/Editor/Elements/FreeGrid/FreeGrid.js +112 -173
  74. package/dist/Editor/Elements/FreeGrid/FreeGridBox.js +6 -31
  75. package/dist/Editor/Elements/FreeGrid/FreeGridButton.js +2 -6
  76. package/dist/Editor/Elements/FreeGrid/FreeGridItem.js +7 -55
  77. package/dist/Editor/Elements/FreeGrid/Options/AddElement.js +2 -3
  78. package/dist/Editor/Elements/FreeGrid/Options/More.js +5 -11
  79. package/dist/Editor/Elements/FreeGrid/styles.js +7 -70
  80. package/dist/Editor/Elements/Grid/Grid.js +10 -13
  81. package/dist/Editor/Elements/Grid/GridButton.js +5 -9
  82. package/dist/Editor/Elements/Grid/GridItem.js +8 -14
  83. package/dist/Editor/Elements/Grid/GridItemPopup.js +1 -4
  84. package/dist/Editor/Elements/Grid/GridPopup.js +1 -4
  85. package/dist/Editor/Elements/Grid/SectionPopup.js +1 -4
  86. package/dist/Editor/Elements/Link/Link.js +5 -8
  87. package/dist/Editor/Elements/Link/LinkButton.js +1 -4
  88. package/dist/Editor/Elements/List/CheckList.js +10 -18
  89. package/dist/Editor/Elements/NewLine/NewLineButton.js +2 -6
  90. package/dist/Editor/Elements/PageSettings/PageSettingsButton.js +1 -4
  91. package/dist/Editor/Elements/PageSettings/PageSettingsPopup.js +1 -4
  92. package/dist/Editor/Elements/Search/SearchAttachment.js +9 -40
  93. package/dist/Editor/Elements/Search/SearchButton.js +11 -15
  94. package/dist/Editor/Elements/Search/SearchList.js +10 -16
  95. package/dist/Editor/Elements/Signature/SignatureButton.js +2 -6
  96. package/dist/Editor/Elements/Signature/SignatureOptions/TypeSignature.js +2 -6
  97. package/dist/Editor/Elements/Signature/SignatureOptions/UploadSignature.js +1 -4
  98. package/dist/Editor/Elements/Signature/SignaturePopup.js +16 -17
  99. package/dist/Editor/Elements/SimpleText/index.js +5 -11
  100. package/dist/Editor/Elements/SimpleText/style.js +2 -2
  101. package/dist/Editor/Elements/Table/DragButton.js +2 -4
  102. package/dist/Editor/Elements/Table/Table.js +11 -23
  103. package/dist/Editor/Elements/Table/TablePopup.js +1 -4
  104. package/dist/Editor/Elements/Table/TableSelector.js +6 -10
  105. package/dist/Editor/Elements/Table/TableTool.js +4 -8
  106. package/dist/Editor/Elements/Title/title.js +6 -6
  107. package/dist/Editor/Elements/TopBanner/TopBannerButton.js +1 -4
  108. package/dist/Editor/Elements/Variables/VariableButton.js +1 -10
  109. package/dist/Editor/MiniEditor.js +3 -10
  110. package/dist/Editor/Styles/EditorStyles.js +5 -5
  111. package/dist/Editor/Toolbar/Basic/index.js +1 -2
  112. package/dist/Editor/Toolbar/FormatTools/BlockButton.js +2 -6
  113. package/dist/Editor/Toolbar/FormatTools/Dropdown.js +3 -27
  114. package/dist/Editor/Toolbar/FormatTools/FontFamilyAutocomplete.js +3 -4
  115. package/dist/Editor/Toolbar/FormatTools/MarkButton.js +4 -8
  116. package/dist/Editor/Toolbar/FormatTools/TextSize.js +13 -10
  117. package/dist/Editor/Toolbar/Mini/MiniToolbar.js +6 -19
  118. package/dist/Editor/Toolbar/PopupTool/AddTemplates.js +5 -10
  119. package/dist/Editor/Toolbar/PopupTool/ButtonTemplatesCard.js +4 -10
  120. package/dist/Editor/Toolbar/PopupTool/FullViewCard.js +4 -10
  121. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/MiniColorPicker.js +3 -9
  122. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectAlignment.js +35 -42
  123. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectFontSize.js +13 -6
  124. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectList.js +51 -58
  125. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectSuperSubscript.js +22 -29
  126. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectTypography.js +87 -226
  127. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/index.js +10 -20
  128. package/dist/Editor/Toolbar/PopupTool/PopperHeader.js +5 -10
  129. package/dist/Editor/Toolbar/PopupTool/PopupToolStyle.js +12 -72
  130. package/dist/Editor/Toolbar/PopupTool/TemplateCard.js +5 -11
  131. package/dist/Editor/Toolbar/PopupTool/TextFormat.js +45 -123
  132. package/dist/Editor/Toolbar/PopupTool/index.js +2 -18
  133. package/dist/Editor/Toolbar/Toolbar.js +10 -20
  134. package/dist/Editor/Toolbar/toolbarGroups.js +6 -48
  135. package/dist/Editor/assets/svg/SettingsIcon.js +0 -1
  136. package/dist/Editor/common/ColorPickerButton.js +16 -38
  137. package/dist/Editor/common/CustomDialog/index.js +10 -8
  138. package/dist/Editor/common/DnD/DragHandleButton.js +1 -1
  139. package/dist/Editor/common/FontLoader/FontLoader.js +0 -3
  140. package/dist/Editor/common/Icon.js +1 -31
  141. package/dist/Editor/common/ImageSelector/ImageSelector.js +8 -10
  142. package/dist/Editor/common/ImageSelector/Options/AddLink.js +4 -6
  143. package/dist/Editor/common/ImageSelector/Styles.js +9 -3
  144. package/dist/Editor/common/LinkSettings/NavComponents.js +15 -45
  145. package/dist/Editor/common/LinkSettings/index.js +74 -96
  146. package/dist/Editor/common/LinkSettings/navOptions.js +1 -1
  147. package/dist/Editor/common/LinkSettings/style.js +30 -245
  148. package/dist/Editor/common/MentionsPopup/index.js +2 -6
  149. package/dist/Editor/common/RnD/ContextMenu/CMenus.js +22 -46
  150. package/dist/Editor/common/RnD/ContextMenu/index.js +2 -3
  151. package/dist/Editor/common/RnD/ElementOptions/Actions.js +14 -13
  152. package/dist/Editor/common/RnD/ElementOptions/Icons/LinkIcon.js +0 -1
  153. package/dist/Editor/common/RnD/ElementOptions/index.js +4 -9
  154. package/dist/Editor/common/RnD/ElementOptions/styles.js +1 -28
  155. package/dist/Editor/common/RnD/ElementSettings/OtherSettings/SaveAsTemplate.js +3 -8
  156. package/dist/Editor/common/RnD/ElementSettings/OtherSettings/Settings.js +7 -11
  157. package/dist/Editor/common/RnD/ElementSettings/Settings/AppHeaderSettings.js +2 -3
  158. package/dist/Editor/common/RnD/ElementSettings/Settings/BoxSettings.js +2 -3
  159. package/dist/Editor/common/RnD/ElementSettings/Settings/ButtonSettings.js +2 -3
  160. package/dist/Editor/common/RnD/ElementSettings/Settings/CodeSettings.js +2 -3
  161. package/dist/Editor/common/RnD/ElementSettings/Settings/FormSettings.js +4 -7
  162. package/dist/Editor/common/RnD/ElementSettings/Settings/ImageSettings.js +2 -3
  163. package/dist/Editor/common/RnD/ElementSettings/Settings/TableSettings.js +2 -3
  164. package/dist/Editor/common/RnD/ElementSettings/Settings/TextSettings.js +2 -6
  165. package/dist/Editor/common/RnD/ElementSettings/Settings/VideoSettings.js +2 -3
  166. package/dist/Editor/common/RnD/ElementSettings/styles.js +12 -147
  167. package/dist/Editor/common/RnD/OptionsPopup/index.js +8 -12
  168. package/dist/Editor/common/RnD/OptionsPopup/style.js +19 -121
  169. package/dist/Editor/common/RnD/ShadowElement.js +1 -2
  170. package/dist/Editor/common/RnD/SwitchViewport/SwitchViewport.js +7 -11
  171. package/dist/Editor/common/RnD/Theme/ViewportStimulator.js +3 -6
  172. package/dist/Editor/common/RnD/Utils/gridDropItem.js +9 -73
  173. package/dist/Editor/common/RnD/Utils/index.js +0 -3
  174. package/dist/Editor/common/RnD/VirtualElement/index.js +103 -187
  175. package/dist/Editor/common/RnD/VirtualElement/styles.js +7 -169
  176. package/dist/Editor/common/RnD/VirtualElement/updateAutoProps.js +3 -5
  177. package/dist/Editor/common/RnD/index.js +8 -76
  178. package/dist/Editor/common/Section/index.js +4 -7
  179. package/dist/Editor/common/Select/index.js +0 -2
  180. package/dist/Editor/common/Shorthands/elements.js +3 -72
  181. package/dist/Editor/common/StyleBuilder/appHeaderStyle.js +4 -4
  182. package/dist/Editor/common/StyleBuilder/boxStyle.js +2 -2
  183. package/dist/Editor/common/StyleBuilder/buttonStyle.js +4 -6
  184. package/dist/Editor/common/StyleBuilder/dividerStyles.js +2 -2
  185. package/dist/Editor/common/StyleBuilder/embedVideoStyle.js +6 -6
  186. package/dist/Editor/common/StyleBuilder/fieldStyle.js +2 -2
  187. package/dist/Editor/common/StyleBuilder/fieldTypes/alignment.js +9 -13
  188. package/dist/Editor/common/StyleBuilder/fieldTypes/backgroundImage.js +3 -11
  189. package/dist/Editor/common/StyleBuilder/fieldTypes/bannerSpacing.js +5 -19
  190. package/dist/Editor/common/StyleBuilder/fieldTypes/borderRadius.js +10 -22
  191. package/dist/Editor/common/StyleBuilder/fieldTypes/buttonLink.js +3 -6
  192. package/dist/Editor/common/StyleBuilder/fieldTypes/card.js +13 -27
  193. package/dist/Editor/common/StyleBuilder/fieldTypes/color.js +14 -44
  194. package/dist/Editor/common/StyleBuilder/fieldTypes/elementSize.js +6 -10
  195. package/dist/Editor/common/StyleBuilder/fieldTypes/fontSize.js +6 -19
  196. package/dist/Editor/common/StyleBuilder/fieldTypes/gridSize.js +2 -6
  197. package/dist/Editor/common/StyleBuilder/fieldTypes/icons.js +2 -5
  198. package/dist/Editor/common/StyleBuilder/fieldTypes/lineSpacing.js +6 -7
  199. package/dist/Editor/common/StyleBuilder/fieldTypes/menusArray.js +12 -22
  200. package/dist/Editor/common/StyleBuilder/fieldTypes/metaDataMapping.js +2 -8
  201. package/dist/Editor/common/StyleBuilder/fieldTypes/saveAsTemplate.js +11 -12
  202. package/dist/Editor/common/StyleBuilder/fieldTypes/selectBox.js +2 -6
  203. package/dist/Editor/common/StyleBuilder/fieldTypes/text.js +4 -8
  204. package/dist/Editor/common/StyleBuilder/fieldTypes/textAlign.js +2 -6
  205. package/dist/Editor/common/StyleBuilder/fieldTypes/textOptions.js +12 -21
  206. package/dist/Editor/common/StyleBuilder/formStyle.js +7 -7
  207. package/dist/Editor/common/StyleBuilder/gridItemStyle.js +6 -6
  208. package/dist/Editor/common/StyleBuilder/gridStyle.js +5 -5
  209. package/dist/Editor/common/StyleBuilder/index.js +5 -8
  210. package/dist/Editor/common/StyleBuilder/pageSettingsStyle.js +7 -5
  211. package/dist/Editor/common/Uploader.js +5 -16
  212. package/dist/Editor/common/iconListV2.js +6 -101
  213. package/dist/Editor/common/iconslist.js +0 -24
  214. package/dist/Editor/commonStyle.js +61 -174
  215. package/dist/Editor/helper/index.js +3 -27
  216. package/dist/Editor/helper/theme.js +2 -203
  217. package/dist/Editor/hooks/useMouseMove.js +5 -8
  218. package/dist/Editor/plugins/withEmbeds.js +1 -1
  219. package/dist/Editor/plugins/withHTML.js +7 -10
  220. package/dist/Editor/plugins/withLayout.js +2 -3
  221. package/dist/Editor/plugins/withLinks.js +0 -9
  222. package/dist/Editor/plugins/withTable.js +1 -1
  223. package/dist/Editor/theme/ThemeList.js +173 -50
  224. package/dist/Editor/utils/SlateUtilityFunctions.js +54 -186
  225. package/dist/Editor/utils/brains.js +2 -1
  226. package/dist/Editor/utils/button.js +17 -1
  227. package/dist/Editor/utils/draftToSlate.js +2 -3
  228. package/dist/Editor/utils/font.js +37 -40
  229. package/dist/Editor/utils/freegrid.js +4 -3
  230. package/dist/Editor/utils/helper.js +21 -92
  231. package/package.json +4 -4
  232. package/dist/Editor/Elements/DataView/Layouts/DataTypes/Components/MultiSelect.js +0 -454
  233. package/dist/Editor/Elements/EmbedScript/styles.js +0 -89
  234. package/dist/Editor/Toolbar/PopupTool/ThemeTextFormat.js +0 -439
  235. package/dist/Editor/assets/svg/BackIcon.js +0 -18
  236. package/dist/Editor/assets/svg/ClearAllRounded.js +0 -31
  237. package/dist/Editor/assets/svg/ResetIconNew.js +0 -23
  238. package/dist/Editor/assets/svg/ThemeIcons.js +0 -293
  239. package/dist/Editor/common/CustomColorPicker/index.js +0 -130
  240. package/dist/Editor/common/CustomColorPicker/style.js +0 -53
  241. package/dist/Editor/common/CustomDialog2/index.js +0 -94
  242. package/dist/Editor/common/CustomDialog2/style.js +0 -67
  243. package/dist/Editor/common/CustomSelect.js +0 -43
  244. package/dist/Editor/common/RnD/Theme/MainThemeProvider.js +0 -17
  245. package/dist/Editor/common/RnD/VirtualElement/BoxHeaderAutoAlignment.js +0 -43
  246. package/dist/Editor/common/RnD/VirtualElement/ForceAutoAlignment.js +0 -44
  247. package/dist/Editor/common/RnD/VirtualElement/VirtualTextElement.js +0 -134
  248. package/dist/Editor/common/RnD/VirtualElement/helper.js +0 -382
  249. package/dist/Editor/common/SnackBar/index.js +0 -43
  250. package/dist/Editor/helper/textIndeces.js +0 -58
  251. package/dist/Editor/hooks/useAutoScroll.js +0 -38
  252. package/dist/Editor/hooks/useEditorTheme.js +0 -153
  253. package/dist/Editor/hooks/useThemeValues.js +0 -63
  254. package/dist/Editor/theme/index.js +0 -149
  255. package/dist/Editor/themeSettings/ActiveTheme.js +0 -72
  256. package/dist/Editor/themeSettings/buttons/index.js +0 -290
  257. package/dist/Editor/themeSettings/buttons/style.js +0 -23
  258. package/dist/Editor/themeSettings/colorTheme/index.js +0 -309
  259. package/dist/Editor/themeSettings/colorTheme/style.js +0 -81
  260. package/dist/Editor/themeSettings/fonts/PreviewElement.js +0 -121
  261. package/dist/Editor/themeSettings/fonts/index.js +0 -240
  262. package/dist/Editor/themeSettings/fonts/style.js +0 -62
  263. package/dist/Editor/themeSettings/icons.js +0 -60
  264. package/dist/Editor/themeSettings/index.js +0 -361
  265. package/dist/Editor/themeSettings/style.js +0 -292
  266. package/dist/Editor/themeSettingsAI/icons.js +0 -96
  267. package/dist/Editor/themeSettingsAI/index.js +0 -355
  268. package/dist/Editor/themeSettingsAI/saveTheme.js +0 -202
  269. package/dist/Editor/themeSettingsAI/style.js +0 -324
@@ -1,4 +1,4 @@
1
- import { Editor, Transforms, Element as SlateElement, Range } from "slate";
1
+ import { Editor, Transforms, Element as SlateElement, Range, Text, Element } from "slate";
2
2
  import { Box } from "@mui/material";
3
3
  import { sizeMap } from "./font";
4
4
  import Link from "../Elements/Link/Link";
@@ -34,12 +34,12 @@ import SimpleText from "../Elements/SimpleText";
34
34
  import CheckList from "../Elements/List/CheckList";
35
35
  import { getTextColor, isEmptyTextNode } from "../helper";
36
36
  import Attachments from "../Elements/Attachments/Attachments";
37
- import { getBreakPointsValue, textThemeFields, getElementProperty } from "../helper/theme";
37
+ import { getBreakPointsValue, groupByBreakpoint } from "../helper/theme";
38
38
  import Variables from "../Elements/Variables/Variable";
39
+ import insertNewLine from "./insertNewLine";
39
40
  import Divider from "../Elements/Divider/Divider";
40
41
  import { getBorderColor, getSlateDom } from "./helper";
41
42
  import Code from "../Elements/EmbedScript/Code";
42
- import { ReactEditor } from "slate-react";
43
43
  import FreeGrid from "../Elements/FreeGrid/FreeGrid";
44
44
  import FreeGridItem from "../Elements/FreeGrid/FreeGridItem";
45
45
  import FreeGridBox from "../Elements/FreeGrid/FreeGridBox";
@@ -47,7 +47,7 @@ import DataView from "../Elements/DataView/DataView";
47
47
  import ViewData from "../Elements/DataView/Layouts/ViewData";
48
48
  import ColumnView from "../Elements/DataView/Layouts/ColumnView";
49
49
  import SearchAttachment from "../Elements/Search/SearchAttachment";
50
- import { wrapThemeBreakpoints } from "../Elements/FreeGrid/breakpointConstants";
50
+ // import { wrapThemeBreakpoints } from "../Elements/FreeGrid/breakpointConstants";
51
51
  import { jsx as _jsx } from "react/jsx-runtime";
52
52
  import { jsxs as _jsxs } from "react/jsx-runtime";
53
53
  const alignment = ["alignLeft", "alignRight", "alignCenter", "alignJustify"];
@@ -56,17 +56,7 @@ const LIST_FORMAT_TYPE = {
56
56
  orderedList: "list-item",
57
57
  unorderedList: "list-item"
58
58
  };
59
-
60
- // const NEWLINESAFTER = [
61
- // "headingOne",
62
- // "headingTwo",
63
- // "headingThree",
64
- // "headingFour",
65
- // "headingFive",
66
- // "headingSix",
67
- // ];
68
-
69
- const THEME_BLOCK_FIELDS = ["headingOne", "headingTwo", "headingThree", "headingFour", "headingFive", "headingSix", "paragraphOne", "paragraphTwo", "paragraphThree"];
59
+ const NEWLINESAFTER = ["headingOne", "headingTwo", "headingThree", "headingFour", "headingFive", "headingSix"];
70
60
  export const toggleBlock = (editor, format, selection = true, attr = {}) => {
71
61
  const isActive = isBlockActive(editor, format);
72
62
  const isList = list_types.includes(format);
@@ -99,9 +89,8 @@ export const toggleBlock = (editor, format, selection = true, attr = {}) => {
99
89
  if (!selection) {
100
90
  Transforms.insertText(editor, "");
101
91
  }
102
- const forActiveType = THEME_BLOCK_FIELDS.some(f => f === format) ? format : "paragraph";
103
92
  Transforms.setNodes(editor, {
104
- type: isActive ? forActiveType : isList ? LIST_FORMAT_TYPE[format] : format,
93
+ type: isActive ? "paragraph" : isList ? LIST_FORMAT_TYPE[format] : format,
105
94
  ...attr
106
95
  });
107
96
  if (isList && !isActive) {
@@ -110,12 +99,10 @@ export const toggleBlock = (editor, format, selection = true, attr = {}) => {
110
99
  children: []
111
100
  });
112
101
  }
113
-
114
- // if (NEWLINESAFTER.indexOf(format) > -1) {
115
- // insertNewLine(editor);
116
- // }
102
+ if (NEWLINESAFTER.indexOf(format) > -1) {
103
+ insertNewLine(editor);
104
+ }
117
105
  };
118
-
119
106
  export const addMarkData = (editor, data) => {
120
107
  try {
121
108
  Editor.addMark(editor, data.format, data.value);
@@ -124,14 +111,9 @@ export const addMarkData = (editor, data) => {
124
111
  }
125
112
  };
126
113
  export const toggleMark = (editor, format) => {
127
- const isActive = isMarkBtnActive(editor, format);
114
+ const isActive = isMarkActive(editor, format);
128
115
  if (isActive) {
129
- const isThemeSupportedMark = textThemeFields.some(f => f === format);
130
- if (isThemeSupportedMark) {
131
- Editor.addMark(editor, format, false);
132
- } else {
133
- Editor.removeMark(editor, format);
134
- }
116
+ Editor.removeMark(editor, format);
135
117
  } else {
136
118
  Editor.addMark(editor, format, true);
137
119
  }
@@ -145,58 +127,6 @@ export const isMarkActive = (editor, format) => {
145
127
  return null;
146
128
  }
147
129
  };
148
- export const isMarkBtnActive = (editor, format) => {
149
- switch (format) {
150
- case "bold":
151
- {
152
- const style = getSelectedElementStyle("font-weight", editor);
153
- return style === "700";
154
- }
155
- case "italic":
156
- {
157
- const style = getSelectedElementStyle("font-style", editor);
158
- return style === format;
159
- }
160
- // case "underline": {
161
- // const style = getSelectedElementStyle("text-decoration");
162
-
163
- // return style?.includes(format);
164
- // }
165
- // case "strikethrough": {
166
- // const style = getSelectedElementStyle("text-decoration");
167
-
168
- // return style?.includes("line-through");
169
- // }
170
- default:
171
- return isMarkActive(editor, format);
172
- }
173
- };
174
- export const getSelectedElementStyle = (styleProperty, editor, format) => {
175
- try {
176
- if (!editor.selection) {
177
- return "";
178
- }
179
- if (Range.isCollapsed(editor.selection)) {
180
- return "";
181
- }
182
- if (format) {
183
- const value = activeMark(editor, format, true);
184
- if (value) {
185
- return value;
186
- }
187
- }
188
- const domRange = ReactEditor.toDOMRange(editor, editor.selection);
189
- const selectedDomNode = domRange.commonAncestorContainer;
190
-
191
- // If it's a text node, get its parent element
192
- const selectedElement = selectedDomNode.nodeType === 3 ? selectedDomNode.parentElement : selectedDomNode;
193
- if (selectedElement) {
194
- return getElementProperty(selectedElement, styleProperty);
195
- }
196
- } catch (err) {
197
- console.log(err);
198
- }
199
- };
200
130
  export const isBlockActive = (editor, format) => {
201
131
  const [match] = Editor.nodes(editor, {
202
132
  match: n => !Editor.isEditor(n) && SlateElement.isElement(n) && n.type === format
@@ -222,7 +152,7 @@ export const upateBlockActive = (editor, format, attr = {}) => {
222
152
  });
223
153
  }
224
154
  };
225
- export const activeMark = (editor, format, noDefaultValue) => {
155
+ export const activeMark = (editor, format) => {
226
156
  const defaultMarkData = {
227
157
  color: "#000000",
228
158
  bgColor: "#FFFFFF",
@@ -232,7 +162,7 @@ export const activeMark = (editor, format, noDefaultValue) => {
232
162
  };
233
163
  try {
234
164
  const marks = Editor.marks(editor);
235
- let defaultValue = noDefaultValue ? "" : defaultMarkData[format];
165
+ let defaultValue = defaultMarkData[format];
236
166
  const {
237
167
  selection
238
168
  } = editor || {};
@@ -249,31 +179,6 @@ export const activeMark = (editor, format, noDefaultValue) => {
249
179
  return null;
250
180
  }
251
181
  };
252
-
253
- // to avoid the styles, that automatically assign from themes
254
- const getThemeMarkedLeaf = (leaf, children) => {
255
- const {
256
- italic,
257
- bold
258
- } = leaf || {};
259
- const style = {};
260
- if (italic === false) {
261
- style.fontStyle = "normal";
262
- }
263
- if (bold === false) {
264
- style.fontWeight = "normal";
265
- }
266
- if (Object.keys(style).length) {
267
- children = /*#__PURE__*/_jsx(Box, {
268
- component: "span",
269
- sx: {
270
- "& span": style
271
- },
272
- children: children
273
- });
274
- }
275
- return children;
276
- };
277
182
  export const getMarked = (leaf, children, theme) => {
278
183
  const className = leaf?.doublequote ? "doublequote" : "";
279
184
  if (leaf.highlight) {
@@ -300,7 +205,6 @@ export const getMarked = (leaf, children, theme) => {
300
205
  children: children
301
206
  });
302
207
  }
303
- children = getThemeMarkedLeaf(leaf, children);
304
208
  if (leaf.strikethrough) {
305
209
  children = /*#__PURE__*/_jsx("span", {
306
210
  style: {
@@ -328,27 +232,20 @@ export const getMarked = (leaf, children, theme) => {
328
232
  if (leaf.color || leaf.bgColor || leaf.fontSize || leaf.fontFamily || leaf.fontWeight || className) {
329
233
  const family = leaf?.fontFamily;
330
234
  const textStyles = getTextColor(leaf?.color);
331
- const fontSize = {
332
- lg: sizeMap[leaf.fontSize] || leaf.fontSize,
333
- ...getBreakPointsValue(leaf.fontSize, null, "overrideText")
334
- };
335
- const fontSizesImportant = {};
336
- Object.entries(fontSize).forEach(([key, value]) => {
337
- fontSizesImportant[key] = `${value} !important`;
338
- });
339
- const fontSizeWithBreakpoints = wrapThemeBreakpoints(fontSizesImportant, "fontSize", theme);
340
235
  children = /*#__PURE__*/_jsx("span", {
236
+ style: {
237
+ background: leaf.bgColor
238
+ },
341
239
  children: /*#__PURE__*/_jsx(Box, {
342
- className: `${className} leaf-item`,
240
+ className: className,
343
241
  component: "span",
344
242
  sx: {
345
- "& span": {
346
- // fontSize: fontSizesImportant,
347
- // ...groupByBreakpoint(fontSizesImportant, theme),
348
- background: leaf.bgColor,
349
- ...fontSizeWithBreakpoints
350
- },
351
- ...fontSizeWithBreakpoints,
243
+ ...groupByBreakpoint({
244
+ fontSize: {
245
+ lg: sizeMap[leaf.fontSize] || leaf.fontSize,
246
+ ...getBreakPointsValue(leaf.fontSize, null, "overrideText")
247
+ }
248
+ }, theme),
352
249
  // ...wrapThemeBreakpoints(
353
250
  // {
354
251
  // lg: sizeMap[leaf.fontSize] || leaf.fontSize,
@@ -361,16 +258,11 @@ export const getMarked = (leaf, children, theme) => {
361
258
  // lg: sizeMap[leaf.fontSize] || leaf.fontSize,
362
259
  // ...getBreakPointsValue(leaf.fontSize, null, "overrideText"),
363
260
  // },
364
- '& span[data-slate-string="true"]': {
365
- ...textStyles
366
- },
261
+ ...textStyles,
367
262
  fontFamily: family,
368
263
  fontWeight: leaf.fontWeight,
369
264
  WebkitTextFillColor: "unset !important"
370
265
  },
371
- style: {
372
- "--fontSize_xs": leaf?.fontSize?.xs || "auto"
373
- },
374
266
  children: children
375
267
  })
376
268
  });
@@ -392,94 +284,71 @@ export const getMarked = (leaf, children, theme) => {
392
284
  export const getBlock = props => {
393
285
  const {
394
286
  element,
395
- children,
396
- customProps
287
+ children
397
288
  } = props;
398
- const {
399
- customLineHeight
400
- } = customProps || {};
401
289
  const attributes = props.attributes ?? {};
402
290
  const isEmpty = isEmptyTextNode(element);
403
- const {
404
- translation
405
- } = customProps;
406
- const commonHeadingProps = () => ({
407
- ...attributes,
408
- ...element.attr,
409
- className: `edt-headings content-editable ${isEmpty ? "empty" : ""} theme-element`
410
- });
411
- const commonParaProps = paraType => ({
412
- ...attributes,
413
- ...element.attr,
414
- className: `edt-paragraphs content-editable ${isEmpty ? "empty" : ""} theme-element ${paraType}`
415
- });
416
291
  switch (element.type) {
417
292
  case "headingOne":
418
293
  return /*#__PURE__*/_jsxs("h1", {
419
- ...commonHeadingProps(),
420
- placeholder: translation("Heading 1"),
294
+ ...attributes,
295
+ ...element.attr,
296
+ className: `edt-headings content-editable ${isEmpty ? "empty" : ""}`,
297
+ placeholder: "Heading 1",
421
298
  children: [children, /*#__PURE__*/_jsx("span", {
422
299
  contentEditable: false
423
300
  })]
424
301
  });
425
302
  case "headingTwo":
426
303
  return /*#__PURE__*/_jsxs("h2", {
427
- ...commonHeadingProps(),
428
- placeholder: translation("Heading 2"),
304
+ ...attributes,
305
+ ...element.attr,
306
+ className: `edt-headings content-editable ${isEmpty ? "empty" : ""}`,
307
+ placeholder: "Heading 2",
429
308
  children: [children, /*#__PURE__*/_jsx("span", {
430
309
  contentEditable: false
431
310
  })]
432
311
  });
433
312
  case "headingThree":
434
313
  return /*#__PURE__*/_jsxs("h3", {
435
- ...commonHeadingProps(),
436
- placeholder: translation("Heading 3"),
314
+ ...attributes,
315
+ ...element.attr,
316
+ className: `edt-headings content-editable ${isEmpty ? "empty" : ""}`,
317
+ placeholder: "Heading 3",
437
318
  children: [children, /*#__PURE__*/_jsx("span", {
438
319
  contentEditable: false
439
320
  })]
440
321
  });
441
322
  case "headingFour":
442
323
  return /*#__PURE__*/_jsxs("h4", {
443
- ...commonHeadingProps(),
444
- placeholder: translation("Heading 4"),
324
+ ...attributes,
325
+ ...element.attr,
326
+ className: `edt-headings content-editable ${isEmpty ? "empty" : ""}`,
327
+ placeholder: "Heading 4",
445
328
  children: [children, /*#__PURE__*/_jsx("span", {
446
329
  contentEditable: false
447
330
  })]
448
331
  });
449
332
  case "headingFive":
450
333
  return /*#__PURE__*/_jsxs("h5", {
451
- ...commonHeadingProps(),
452
- placeholder: translation("Heading 5"),
334
+ ...attributes,
335
+ ...element.attr,
336
+ className: `edt-headings content-editable ${isEmpty ? "empty" : ""}`,
337
+ placeholder: "Heading 5",
453
338
  children: [children, /*#__PURE__*/_jsx("span", {
454
339
  contentEditable: false
455
340
  })]
456
341
  });
457
342
  case "headingSix":
458
343
  return /*#__PURE__*/_jsxs("h6", {
459
- ...commonHeadingProps(),
460
- placeholder: translation("Heading 6"),
344
+ ...attributes,
345
+ ...element.attr,
346
+ className: `edt-headings content-editable ${isEmpty ? "empty" : ""}`,
347
+ placeholder: "Heading 6",
461
348
  children: [children, /*#__PURE__*/_jsx("span", {
462
349
  contentEditable: false
463
350
  })]
464
351
  });
465
- case "paragraphOne":
466
- return /*#__PURE__*/_jsx("p", {
467
- ...commonParaProps("para1"),
468
- placeholder: "Paragraph 1",
469
- children: children
470
- });
471
- case "paragraphTwo":
472
- return /*#__PURE__*/_jsx("p", {
473
- ...commonParaProps("para2"),
474
- placeholder: "Paragraph 2",
475
- children: children
476
- });
477
- case "paragraphThree":
478
- return /*#__PURE__*/_jsx("p", {
479
- ...commonParaProps("para3"),
480
- placeholder: "Paragraph 3",
481
- children: children
482
- });
483
352
  case "blockquote":
484
353
  return /*#__PURE__*/_jsx("blockquote", {
485
354
  ...attributes,
@@ -493,7 +362,7 @@ export const getBlock = props => {
493
362
  margin: `${element?.bgColor ? "16px" : "0px"} 0px`,
494
363
  width: element?.bgColor ? "calc(100% - 16px)" : "100%",
495
364
  borderWidth: element?.color ? "0px 0px 0px 3px" : "0px",
496
- lineHeight: `${customLineHeight} !important`
365
+ lineHeight: 1.43
497
366
  },
498
367
  children: children
499
368
  });
@@ -545,17 +414,16 @@ export const getBlock = props => {
545
414
  ...attributes,
546
415
  ...element.attr,
547
416
  className: `content-editable ${isEmpty ? "empty" : ""}`,
548
- placeholder: translation("List"),
417
+ placeholder: "List",
549
418
  style: {
550
- color: firstChildren?.color,
551
- lineHeight: `${customLineHeight} !important`
419
+ color: firstChildren?.color
552
420
  },
553
421
  children: children
554
422
  });
555
423
  case "orderedList":
556
424
  return /*#__PURE__*/_jsx("ol", {
557
425
  style: {
558
- lineHeight: `${customLineHeight} !important`
426
+ lineHeight: 1.43
559
427
  },
560
428
  className: "listItemMargin",
561
429
  type: "1",
@@ -565,7 +433,7 @@ export const getBlock = props => {
565
433
  case "unorderedList":
566
434
  return /*#__PURE__*/_jsx("ul", {
567
435
  style: {
568
- lineHeight: `${customLineHeight} !important`
436
+ lineHeight: 1.43
569
437
  },
570
438
  className: "listItemMargin",
571
439
  ...attributes,
@@ -17,7 +17,8 @@ export const insertBrain = (editor, data, position) => {
17
17
  }]
18
18
  };
19
19
  const [currentNode, currentPath] = Editor.node(editor, selection);
20
- const cleanedText = Node.string(currentNode).toLowerCase().replace(/\/(?:b(?:rain|rai|ra|r)?)?/g, "").trim();
20
+ console.log('W1', Node.string(currentNode));
21
+ const cleanedText = Node.string(currentNode).replace(/\/(?:b(?:rain|rai|ra|r)?)?/g, "").trim();
21
22
  if (cleanedText) {
22
23
  Transforms.delete(editor, {
23
24
  at: Editor.range(editor, currentPath)
@@ -1,5 +1,6 @@
1
1
  import { Path, Transforms } from "slate";
2
2
  import insertNewLine from "./insertNewLine";
3
+ import { windowVar } from "./helper";
3
4
  import { getCurrentElementText } from "../plugins/withHTML";
4
5
  export const insertButton = editor => {
5
6
  const button = {
@@ -10,7 +11,22 @@ export const insertButton = editor => {
10
11
  buttonLink: {
11
12
  linkType: "webAddress"
12
13
  },
13
- iconPosition: "start"
14
+ iconPosition: "start",
15
+ bgColor: "#2563EB",
16
+ textColor: "#FFF",
17
+ borderRadius: {
18
+ topLeft: 30,
19
+ topRight: 30,
20
+ bottomLeft: 30,
21
+ bottomRight: 30
22
+ },
23
+ bannerSpacing: {
24
+ left: 16,
25
+ top: 8,
26
+ right: 16,
27
+ bottom: 8
28
+ },
29
+ ...(windowVar.lastButtonProps || {})
14
30
  };
15
31
  const hasText = getCurrentElementText(editor);
16
32
  const insertPath = hasText ? Path.next(Path.parent(editor?.selection.focus.path)) : editor?.selection.focus.path;
@@ -82,8 +82,7 @@ const splitInlineStyleRanges = (text, inlineStyleRanges, data) => {
82
82
  };
83
83
  export const draftToSlate = props => {
84
84
  const {
85
- data,
86
- needLayout
85
+ data
87
86
  } = props;
88
87
  if (data?.blocks && data?.blocks?.length > 0) {
89
88
  const converted = data?.blocks?.reduce((a, b) => {
@@ -105,7 +104,7 @@ export const draftToSlate = props => {
105
104
  return data;
106
105
  } else {
107
106
  return [{
108
- type: needLayout ? "title" : "paragraph",
107
+ type: "paragraph",
109
108
  children: [{
110
109
  text: ""
111
110
  }]
@@ -7,43 +7,43 @@ export const sizeMap = {
7
7
  export const fontFamilyMap = {
8
8
  PoppinsRegular: "PoppinsRegular",
9
9
  PoppinsBold: "PoppinsBold",
10
- sans: 'Helvetica, Arial, "sans serif"',
11
- serif: 'Georgia, "Times New Roaman", serif',
12
- monospace: 'Monaco, "Courier New", monospace',
13
- roboto: "Roboto, sans-serif",
14
- qwitcher: '"Qwitcher Grypen", cursive',
15
- garamond: '"EB Garamond", serif',
16
- anton: "Anton, sans-serif",
17
- dmserif: '"DM Serif Text", serif',
18
- inter: "Inter, sans-serif",
19
- libre: '"Libre Baskerville", serif',
20
- montserrat: "Montserrat, sans-serif",
21
- opensans: '"Open Sans", sans-serif',
22
- publicsans: '"Public Sans", sans-serif',
23
- raleway: "Raleway, sans-serif",
24
- spacemono: '"Space Mono", sans-serif',
25
- bulgarian: '"Bulgarian Garamond", monospace',
26
- impact: "Impact, serif",
27
- redacted: '"Redacted Script", cursive',
28
- greatVibes: '"Great Vibes", cursive',
29
- zeyada: "Zeyada, cursive",
30
- allura: "Allura, cursive",
31
- pinyon: '"Pinyon Script", cursive',
32
- muellerhoff: '"Herr Von Muellerhoff", cursive',
33
- dawning: '"Dawning of a New Day", cursive',
10
+ sans: "Helvetica,Arial, sans serif",
11
+ serif: "Georgia, Times New Roaman,serif",
12
+ monospace: "Monaco, Courier New,monospace",
13
+ roboto: "'Roboto', sans-serif",
14
+ qwitcher: "'Qwitcher Grypen', cursive",
15
+ garamond: "'EB Garamond', serif",
16
+ anton: "'Anton', sans-serif",
17
+ dmserif: "'DM Serif Text', serif",
18
+ inter: "'Inter', sans-serif",
19
+ libre: "'Libre Baskerville', serif",
20
+ montserrat: "'Montserrat', sans-serif",
21
+ opensans: "'Open Sans', sans-serif",
22
+ publicsans: "'Public Sans', sans-serif",
23
+ raleway: "'Raleway', sans-serif",
24
+ spacemono: "'Space Mono', sans-serif",
25
+ bulgarian: "'Bulgarian Garamond', monospace",
26
+ impact: "'Impact', serif",
27
+ redacted: "'Redacted Script', cursive",
28
+ greatVibes: "'Great Vibes', cursive",
29
+ zeyada: "'Zeyada', cursive",
30
+ allura: "'Allura', cursive",
31
+ pinyon: "'Pinyon Script', cursive",
32
+ muellerhoff: "'Herr Von Muellerhoff', cursive",
33
+ dawning: "'Dawning of a New Day', cursive",
34
34
  // New Font Added for Type Signature
35
- comingsoon: '"Coming Soon", cursive',
36
- dancingScript: '"Dancing Script", cursive',
37
- engagement: "Engagement, cursive",
38
- gaegu: "Gaegu, cursive",
39
- ingridDarling: '"Ingrid Darling", cursive',
40
- kitaOne: "Times",
41
- laBelleAurore: '"La Belle Aurore", cursive',
42
- lobster: "Lobster, cursive",
43
- meaCulpa: '"Mea Culpa", cursive',
44
- meddon: "Meddon, cursive",
45
- merriWeather: "Merriweather, serif",
46
- theGirlNextDoor: '"The Girl Next Door", cursive'
35
+ comingsoon: "'Coming Soon', cursive",
36
+ dancingScript: "'Dancing Script', cursive",
37
+ engagement: "'Engagement', cursive",
38
+ gaegu: "'Gaegu', cursive",
39
+ ingridDarling: "'Ingrid Darling', cursive",
40
+ kitaOne: "'Kite One', sans - serif",
41
+ laBelleAurore: "'La Belle Aurore', cursive",
42
+ lobster: "'Lobster', cursive",
43
+ meaCulpa: "'Mea Culpa', cursive",
44
+ meddon: "'Meddon', cursive",
45
+ merriWeather: "'Merriweather', serif",
46
+ theGirlNextDoor: "'The Girl Next Door', cursive"
47
47
  };
48
48
  export const fontOptions = Object.keys(fontFamilyMap).map(m => {
49
49
  return {
@@ -62,10 +62,7 @@ export const signedTextFonts = Object.keys(fontFamilyMap).slice(-12).map(m => {
62
62
  export const headingMap = {
63
63
  headingOne: "32px",
64
64
  headingTwo: "24px",
65
- headingThree: "19px",
66
- headingFour: "16px",
67
- headingFive: "13px",
68
- headingSix: "11px"
65
+ headingThree: "19px"
69
66
  };
70
67
  export const fontWeightOptions = [{
71
68
  text: "Bold",
@@ -1,4 +1,5 @@
1
1
  import { Transforms } from "slate";
2
+ import insertNewLine from "./insertNewLine";
2
3
  import scrollToNewSection from "../helper/RnD/scrollToNewSection";
3
4
  const Default_text_Node = {
4
5
  type: "paragraph",
@@ -21,8 +22,8 @@ export const insertFreeGridItem = (childType, childTypeNode, extProps = {}, type
21
22
  top_xs: 24,
22
23
  marginTop_xs: 12,
23
24
  width_xs: 250,
24
- // height_xs: 300,
25
- // gridArea_xs: "1 / 1 / 2 / 2",
25
+ height_xs: 300,
26
+ gridArea_xs: "1 / 1 / 2 / 2",
26
27
  sectionBgColor: "rgb(240, 108, 131)",
27
28
  ...(extProps || {})
28
29
  };
@@ -165,5 +166,5 @@ export const insertFreeGrid = (editor, path, extProps) => {
165
166
  at: newPath
166
167
  });
167
168
  scrollToNewSection(editor, newPath, extProps);
168
- // insertNewLine(editor);
169
+ insertNewLine(editor);
169
170
  };