@flozy/editor 9.2.6 → 9.2.8

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 (253) hide show
  1. package/dist/Editor/ChatEditor.js +9 -33
  2. package/dist/Editor/CommonEditor.js +27 -117
  3. package/dist/Editor/DialogWrapper.js +25 -31
  4. package/dist/Editor/Editor.css +1 -19
  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 +2 -4
  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 +12 -57
  26. package/dist/Editor/Elements/Color Picker/ColorPicker.css +1 -25
  27. package/dist/Editor/Elements/Color Picker/ColorPicker.js +5 -5
  28. package/dist/Editor/Elements/Color Picker/Styles.js +1 -1
  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 +1 -4
  33. package/dist/Editor/Elements/DataView/Layouts/DataTypes/Components/Select.js +4 -3
  34. package/dist/Editor/Elements/DataView/Layouts/DataTypes/Components/styles.js +1 -6
  35. package/dist/Editor/Elements/DataView/Layouts/DataTypes/DateType.js +9 -19
  36. package/dist/Editor/Elements/DataView/Layouts/FilterSort/SortOptions/ChooseSort.js +12 -13
  37. package/dist/Editor/Elements/DataView/Layouts/FilterSort/SortOptions/index.js +4 -7
  38. package/dist/Editor/Elements/DataView/Layouts/FilterSort/index.js +5 -7
  39. package/dist/Editor/Elements/DataView/Layouts/FilterView.js +7 -9
  40. package/dist/Editor/Elements/DataView/Layouts/Options/AddOptions.js +2 -3
  41. package/dist/Editor/Elements/DataView/Layouts/Options/AddProperty.js +3 -5
  42. package/dist/Editor/Elements/DataView/Layouts/Options/AllProperties.js +5 -6
  43. package/dist/Editor/Elements/DataView/Layouts/Options/ChangeProperty.js +3 -5
  44. package/dist/Editor/Elements/DataView/Layouts/Options/EditOption.js +6 -7
  45. package/dist/Editor/Elements/DataView/Layouts/Options/EditProperty.js +12 -15
  46. package/dist/Editor/Elements/DataView/Layouts/Options/FilterProperty.js +2 -3
  47. package/dist/Editor/Elements/DataView/Layouts/Options/PropertyList.js +2 -3
  48. package/dist/Editor/Elements/DataView/Layouts/Options/index.js +6 -12
  49. package/dist/Editor/Elements/DataView/Layouts/TableStyles.js +2 -32
  50. package/dist/Editor/Elements/DataView/Layouts/TableView.js +33 -132
  51. package/dist/Editor/Elements/DataView/Layouts/ViewData.js +3 -3
  52. package/dist/Editor/Elements/DataView/Layouts/index.js +1 -3
  53. package/dist/Editor/Elements/DataView/Providers/DataViewProvider.js +3 -6
  54. package/dist/Editor/Elements/DataView/styles.js +8 -8
  55. package/dist/Editor/Elements/Divider/Divider.js +3 -5
  56. package/dist/Editor/Elements/Divider/DividerButton.js +2 -6
  57. package/dist/Editor/Elements/Divider/DividerPopup.js +2 -3
  58. package/dist/Editor/Elements/Embed/Embed.js +1 -4
  59. package/dist/Editor/Elements/Embed/EmbedPopup.js +1 -4
  60. package/dist/Editor/Elements/Embed/Image.js +11 -16
  61. package/dist/Editor/Elements/Embed/Video.js +7 -10
  62. package/dist/Editor/Elements/EmbedScript/Code.js +4 -7
  63. package/dist/Editor/Elements/EmbedScript/EmbedScript.js +2 -6
  64. package/dist/Editor/Elements/EmbedScript/EmbedScriptPopup.js +5 -8
  65. package/dist/Editor/Elements/Emoji/EmojiButton.js +2 -6
  66. package/dist/Editor/Elements/Form/FieldPopup.js +1 -4
  67. package/dist/Editor/Elements/Form/Form.js +9 -12
  68. package/dist/Editor/Elements/Form/FormButton.js +2 -6
  69. package/dist/Editor/Elements/Form/FormPopup.js +2 -3
  70. package/dist/Editor/Elements/Form/Workflow/FormWorkflow.js +12 -18
  71. package/dist/Editor/Elements/Form/Workflow/ListWorkflow.js +8 -13
  72. package/dist/Editor/Elements/Form/Workflow/MoreOptions.js +2 -3
  73. package/dist/Editor/Elements/Form/Workflow/UserInputs.js +2 -4
  74. package/dist/Editor/Elements/Form/Workflow/index.js +9 -15
  75. package/dist/Editor/Elements/FreeGrid/FreeGrid.js +18 -21
  76. package/dist/Editor/Elements/FreeGrid/FreeGridBox.js +2 -6
  77. package/dist/Editor/Elements/FreeGrid/FreeGridButton.js +2 -6
  78. package/dist/Editor/Elements/FreeGrid/FreeGridItem.js +3 -8
  79. package/dist/Editor/Elements/FreeGrid/Options/AddElement.js +2 -3
  80. package/dist/Editor/Elements/FreeGrid/Options/More.js +3 -4
  81. package/dist/Editor/Elements/FreeGrid/styles.js +0 -3
  82. package/dist/Editor/Elements/Grid/Grid.js +10 -13
  83. package/dist/Editor/Elements/Grid/GridButton.js +5 -9
  84. package/dist/Editor/Elements/Grid/GridItem.js +10 -15
  85. package/dist/Editor/Elements/Grid/GridItemPopup.js +1 -4
  86. package/dist/Editor/Elements/Grid/GridPopup.js +1 -4
  87. package/dist/Editor/Elements/Grid/SectionPopup.js +1 -4
  88. package/dist/Editor/Elements/Link/Link.js +44 -74
  89. package/dist/Editor/Elements/Link/LinkButton.js +1 -4
  90. package/dist/Editor/Elements/List/CheckList.js +9 -14
  91. package/dist/Editor/Elements/NewLine/NewLineButton.js +2 -6
  92. package/dist/Editor/Elements/PageSettings/PageSettingsButton.js +5 -16
  93. package/dist/Editor/Elements/PageSettings/PageSettingsPopup.js +1 -4
  94. package/dist/Editor/Elements/Search/SearchButton.js +3 -6
  95. package/dist/Editor/Elements/Search/SearchList.js +3 -7
  96. package/dist/Editor/Elements/Signature/SignatureButton.js +2 -6
  97. package/dist/Editor/Elements/Signature/SignatureOptions/TypeSignature.js +2 -6
  98. package/dist/Editor/Elements/Signature/SignatureOptions/UploadSignature.js +1 -4
  99. package/dist/Editor/Elements/Signature/SignaturePopup.js +16 -17
  100. package/dist/Editor/Elements/SimpleText/index.js +5 -5
  101. package/dist/Editor/Elements/SimpleText/style.js +2 -2
  102. package/dist/Editor/Elements/Table/DragButton.js +2 -4
  103. package/dist/Editor/Elements/Table/Table.js +32 -56
  104. package/dist/Editor/Elements/Table/TableCell.js +33 -8
  105. package/dist/Editor/Elements/Table/TablePopup.js +1 -4
  106. package/dist/Editor/Elements/Table/TableSelector.js +6 -10
  107. package/dist/Editor/Elements/Table/TableTool.js +4 -8
  108. package/dist/Editor/Elements/Title/title.js +0 -10
  109. package/dist/Editor/Elements/TopBanner/TopBannerButton.js +1 -4
  110. package/dist/Editor/Elements/Variables/Style.js +2 -28
  111. package/dist/Editor/Elements/Variables/VariableButton.js +4 -17
  112. package/dist/Editor/MiniEditor.js +3 -9
  113. package/dist/Editor/Styles/EditorStyles.js +5 -5
  114. package/dist/Editor/Toolbar/Basic/index.js +1 -2
  115. package/dist/Editor/Toolbar/FormatTools/BlockButton.js +2 -6
  116. package/dist/Editor/Toolbar/FormatTools/Dropdown.js +3 -27
  117. package/dist/Editor/Toolbar/FormatTools/FontFamilyAutocomplete.js +3 -4
  118. package/dist/Editor/Toolbar/FormatTools/MarkButton.js +4 -8
  119. package/dist/Editor/Toolbar/FormatTools/TextSize.js +15 -7
  120. package/dist/Editor/Toolbar/Mini/MiniToolbar.js +15 -20
  121. package/dist/Editor/Toolbar/PopupTool/AddTemplates.js +13 -19
  122. package/dist/Editor/Toolbar/PopupTool/ButtonTemplatesCard.js +4 -10
  123. package/dist/Editor/Toolbar/PopupTool/FullViewCard.js +4 -10
  124. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/MiniColorPicker.js +2 -6
  125. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectAlignment.js +35 -42
  126. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectFontSize.js +13 -6
  127. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectList.js +51 -58
  128. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectSuperSubscript.js +22 -29
  129. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectTypography.js +87 -226
  130. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/index.js +7 -15
  131. package/dist/Editor/Toolbar/PopupTool/PopperHeader.js +4 -8
  132. package/dist/Editor/Toolbar/PopupTool/PopupToolStyle.js +12 -16
  133. package/dist/Editor/Toolbar/PopupTool/TemplateCard.js +5 -11
  134. package/dist/Editor/Toolbar/PopupTool/TextFormat.js +32 -84
  135. package/dist/Editor/Toolbar/PopupTool/index.js +8 -3
  136. package/dist/Editor/Toolbar/Toolbar.js +10 -20
  137. package/dist/Editor/Toolbar/toolbarGroups.js +6 -48
  138. package/dist/Editor/assets/svg/CalenderIconTick.js +0 -1
  139. package/dist/Editor/common/ColorPickerButton.js +9 -35
  140. package/dist/Editor/common/DnD/DragHandleButton.js +1 -1
  141. package/dist/Editor/common/DnD/Draggable.js +1 -0
  142. package/dist/Editor/common/FontLoader/FontLoader.js +0 -3
  143. package/dist/Editor/common/Icon.js +0 -28
  144. package/dist/Editor/common/ImageSelector/ImageSelector.js +8 -10
  145. package/dist/Editor/common/ImageSelector/Options/AddLink.js +4 -6
  146. package/dist/Editor/common/ImageSelector/Styles.js +9 -3
  147. package/dist/Editor/common/ImageSelector/UploadStyles.js +1 -0
  148. package/dist/Editor/common/LinkSettings/NavComponents.js +10 -14
  149. package/dist/Editor/common/LinkSettings/index.js +14 -20
  150. package/dist/Editor/common/LinkSettings/navOptions.js +1 -1
  151. package/dist/Editor/common/MentionsPopup/Styles.js +71 -109
  152. package/dist/Editor/common/MentionsPopup/index.js +4 -8
  153. package/dist/Editor/common/RnD/ContextMenu/CMenus.js +22 -22
  154. package/dist/Editor/common/RnD/ContextMenu/index.js +2 -3
  155. package/dist/Editor/common/RnD/ElementOptions/index.js +2 -7
  156. package/dist/Editor/common/RnD/ElementSettings/OtherSettings/SaveAsTemplate.js +3 -8
  157. package/dist/Editor/common/RnD/ElementSettings/OtherSettings/Settings.js +3 -7
  158. package/dist/Editor/common/RnD/ElementSettings/Settings/AppHeaderSettings.js +2 -3
  159. package/dist/Editor/common/RnD/ElementSettings/Settings/BoxSettings.js +2 -3
  160. package/dist/Editor/common/RnD/ElementSettings/Settings/ButtonSettings.js +2 -3
  161. package/dist/Editor/common/RnD/ElementSettings/Settings/CodeSettings.js +2 -3
  162. package/dist/Editor/common/RnD/ElementSettings/Settings/FormSettings.js +4 -7
  163. package/dist/Editor/common/RnD/ElementSettings/Settings/ImageSettings.js +2 -3
  164. package/dist/Editor/common/RnD/ElementSettings/Settings/TableSettings.js +2 -3
  165. package/dist/Editor/common/RnD/ElementSettings/Settings/TextSettings.js +2 -4
  166. package/dist/Editor/common/RnD/ElementSettings/Settings/VideoSettings.js +2 -3
  167. package/dist/Editor/common/RnD/OptionsPopup/index.js +3 -4
  168. package/dist/Editor/common/RnD/SwitchViewport/SwitchViewport.js +4 -11
  169. package/dist/Editor/common/RnD/Theme/ViewportStimulator.js +8 -20
  170. package/dist/Editor/common/RnD/Utils/gridDropItem.js +4 -5
  171. package/dist/Editor/common/RnD/Utils/index.js +0 -45
  172. package/dist/Editor/common/RnD/VirtualElement/index.js +2 -1
  173. package/dist/Editor/common/RnD/index.js +7 -34
  174. package/dist/Editor/common/Section/index.js +4 -7
  175. package/dist/Editor/common/Shorthands/elements.js +4 -75
  176. package/dist/Editor/common/StyleBuilder/appHeaderStyle.js +4 -4
  177. package/dist/Editor/common/StyleBuilder/boxStyle.js +2 -2
  178. package/dist/Editor/common/StyleBuilder/buttonStyle.js +4 -6
  179. package/dist/Editor/common/StyleBuilder/dividerStyles.js +2 -2
  180. package/dist/Editor/common/StyleBuilder/embedVideoStyle.js +6 -6
  181. package/dist/Editor/common/StyleBuilder/fieldStyle.js +2 -2
  182. package/dist/Editor/common/StyleBuilder/fieldTypes/alignment.js +9 -13
  183. package/dist/Editor/common/StyleBuilder/fieldTypes/backgroundImage.js +3 -11
  184. package/dist/Editor/common/StyleBuilder/fieldTypes/bannerSpacing.js +5 -19
  185. package/dist/Editor/common/StyleBuilder/fieldTypes/borderRadius.js +10 -22
  186. package/dist/Editor/common/StyleBuilder/fieldTypes/buttonLink.js +3 -6
  187. package/dist/Editor/common/StyleBuilder/fieldTypes/card.js +13 -27
  188. package/dist/Editor/common/StyleBuilder/fieldTypes/color.js +14 -41
  189. package/dist/Editor/common/StyleBuilder/fieldTypes/elementSize.js +6 -10
  190. package/dist/Editor/common/StyleBuilder/fieldTypes/fontSize.js +6 -19
  191. package/dist/Editor/common/StyleBuilder/fieldTypes/gridSize.js +2 -6
  192. package/dist/Editor/common/StyleBuilder/fieldTypes/icons.js +2 -5
  193. package/dist/Editor/common/StyleBuilder/fieldTypes/menusArray.js +6 -9
  194. package/dist/Editor/common/StyleBuilder/fieldTypes/metaDataMapping.js +2 -8
  195. package/dist/Editor/common/StyleBuilder/fieldTypes/saveAsTemplate.js +11 -12
  196. package/dist/Editor/common/StyleBuilder/fieldTypes/selectBox.js +2 -6
  197. package/dist/Editor/common/StyleBuilder/fieldTypes/text.js +4 -8
  198. package/dist/Editor/common/StyleBuilder/fieldTypes/textAlign.js +2 -6
  199. package/dist/Editor/common/StyleBuilder/fieldTypes/textOptions.js +12 -21
  200. package/dist/Editor/common/StyleBuilder/formStyle.js +7 -7
  201. package/dist/Editor/common/StyleBuilder/gridItemStyle.js +6 -6
  202. package/dist/Editor/common/StyleBuilder/gridStyle.js +5 -5
  203. package/dist/Editor/common/StyleBuilder/index.js +5 -8
  204. package/dist/Editor/common/Uploader.js +5 -16
  205. package/dist/Editor/commonStyle.js +69 -114
  206. package/dist/Editor/helper/index.js +12 -8
  207. package/dist/Editor/helper/theme.js +2 -200
  208. package/dist/Editor/hooks/useDrag.js +10 -16
  209. package/dist/Editor/hooks/useEditorScroll.js +5 -10
  210. package/dist/Editor/hooks/useMouseMove.js +13 -25
  211. package/dist/Editor/hooks/useTable.js +1 -1
  212. package/dist/Editor/plugins/withEmbeds.js +1 -1
  213. package/dist/Editor/plugins/withHTML.js +14 -19
  214. package/dist/Editor/plugins/withLayout.js +2 -3
  215. package/dist/Editor/plugins/withTable.js +1 -1
  216. package/dist/Editor/theme/ThemeList.js +173 -50
  217. package/dist/Editor/utils/SlateUtilityFunctions.js +45 -162
  218. package/dist/Editor/utils/button.js +14 -0
  219. package/dist/Editor/utils/chatEditor/SlateUtilityFunctions.js +0 -23
  220. package/dist/Editor/utils/divider.js +0 -8
  221. package/dist/Editor/utils/draftToSlate.js +2 -3
  222. package/dist/Editor/utils/font.js +37 -40
  223. package/dist/Editor/utils/helper.js +19 -77
  224. package/dist/Editor/utils/link.js +1 -1
  225. package/dist/Editor/utils/table.js +9 -14
  226. package/package.json +2 -5
  227. package/dist/Editor/Toolbar/PopupTool/ThemeTextFormat.js +0 -438
  228. package/dist/Editor/assets/svg/ThemeIcons.js +0 -291
  229. package/dist/Editor/common/CustomColorPicker/index.js +0 -106
  230. package/dist/Editor/common/CustomColorPicker/style.js +0 -53
  231. package/dist/Editor/common/CustomDialog/index.js +0 -88
  232. package/dist/Editor/common/CustomDialog/styles.js +0 -80
  233. package/dist/Editor/common/CustomDialog2/index.js +0 -94
  234. package/dist/Editor/common/CustomDialog2/style.js +0 -67
  235. package/dist/Editor/common/CustomSelect.js +0 -33
  236. package/dist/Editor/common/RnD/Theme/MainThemeProvider.js +0 -17
  237. package/dist/Editor/hooks/useEditorTheme.js +0 -153
  238. package/dist/Editor/theme/index.js +0 -144
  239. package/dist/Editor/themeSettings/ActiveTheme.js +0 -72
  240. package/dist/Editor/themeSettings/buttons/index.js +0 -283
  241. package/dist/Editor/themeSettings/buttons/style.js +0 -21
  242. package/dist/Editor/themeSettings/colorTheme/index.js +0 -292
  243. package/dist/Editor/themeSettings/colorTheme/style.js +0 -77
  244. package/dist/Editor/themeSettings/fonts/PreviewElement.js +0 -121
  245. package/dist/Editor/themeSettings/fonts/index.js +0 -220
  246. package/dist/Editor/themeSettings/fonts/style.js +0 -44
  247. package/dist/Editor/themeSettings/icons.js +0 -60
  248. package/dist/Editor/themeSettings/index.js +0 -320
  249. package/dist/Editor/themeSettings/style.js +0 -152
  250. package/dist/Editor/themeSettingsAI/icons.js +0 -96
  251. package/dist/Editor/themeSettingsAI/index.js +0 -356
  252. package/dist/Editor/themeSettingsAI/saveTheme.js +0 -197
  253. package/dist/Editor/themeSettingsAI/style.js +0 -250
@@ -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,194 +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
- return getElementProperty(element, "font-size");
151
- }
152
- } catch (err) {
153
- // console.log(err);
154
- }
155
- }
156
- export function getVariableValue(val) {
157
- const bodyElement = document.body;
158
- const computedStyle = getComputedStyle(bodyElement);
159
- const [, variableName] = val?.match(/var\((--[^)]+)\)/) || [];
160
- const varValue = computedStyle.getPropertyValue(variableName).trim();
161
- return varValue;
162
- }
163
- const MAP_PROPERTY_KEYS = {
164
- fontFamily: "font-family",
165
- fontSize: "font-size",
166
- textSize: "font-size",
167
- fontWeight: "font-weight"
168
- };
169
- export function getElementProperty(element, styleProperty) {
170
- if (!element) {
171
- return "";
172
- }
173
- const computedStyle = window.getComputedStyle(element);
174
- const property = MAP_PROPERTY_KEYS[styleProperty] || styleProperty;
175
- let style = computedStyle.getPropertyValue(property);
176
- if (property === "font-family") {
177
- style = style.replace(/"/g, ""); // remove double quotes if exists e.g: '"Courier New"'
178
- }
179
-
180
- return style || "";
181
- }
182
- export const textThemeFields = ["fontFamily", "fontSize", "color", "bold", "italic"
183
- // "underline",
184
- // "strikethrough",
185
- ];
186
-
187
- const themeElements = ["headingOne", "headingTwo", "headingThree", "headingFour", "headingFive", "headingSix", "paragraphOne", "paragraphTwo", "paragraphThree"];
188
- export const isTextCustomized = editor => {
189
- try {
190
- if (editor.selection) {
191
- const currentElement = Node.parent(editor, editor?.selection?.anchor?.path);
192
- if (!currentElement) {
193
- return false;
194
- }
195
- const {
196
- children,
197
- type
198
- } = currentElement;
199
- if (!themeElements.includes(type)) {
200
- return false;
201
- }
202
- if (children?.length > 1) {
203
- return true;
204
- }
205
- const customized = textThemeFields.some(field => {
206
- const element = children[0] || {};
207
- const value = element[field];
208
- if (field === "fontSize") {
209
- return Object.keys(value || {}).length;
210
- } else {
211
- return value;
212
- }
213
- });
214
- return customized;
215
- } else {
216
- return null;
217
- }
218
- } catch (err) {
219
- return null;
220
- }
221
- };
222
- const addToTheme = (field, value, element) => {
223
- switch (field) {
224
- case "fontFamily":
225
- return {
226
- fontFamily: value
227
- };
228
- case "fontSize":
229
- return {
230
- fontSize: value?.lg
231
- };
232
- case "color":
233
- return {
234
- color: value
235
- };
236
- case "bold":
237
- return {
238
- fontWeight: "bold"
239
- };
240
- case "italic":
241
- return {
242
- fontStyle: "italic"
243
- };
244
- // case "underline":
245
- // case "strikethrough":
246
- // let textDecoration = "";
247
-
248
- // if (element.underline) {
249
- // textDecoration = "underline";
250
- // }
251
-
252
- // if (element.strikethrough) {
253
- // textDecoration += " strikethrough";
254
- // }
255
-
256
- // return { textDecoration };
257
- default:
258
- return {};
259
- }
260
- };
261
- const MAP_TEXT_THEME_FIELD = {
262
- headingOne: "h1",
263
- headingTwo: "h2",
264
- headingThree: "h3",
265
- headingFour: "h4",
266
- headingFive: "h5",
267
- headingSix: "h6",
268
- paragraphOne: "para1",
269
- paragraphTwo: "para2",
270
- paragraphThree: "para3"
271
- };
272
- export const saveToTheme = editor => {
273
- try {
274
- if (editor.selection) {
275
- const currentElement = Node.parent(editor, editor?.selection?.anchor?.path);
276
- if (!currentElement) {
277
- return false;
278
- }
279
- const {
280
- children
281
- } = currentElement;
282
- if (children?.length > 1) {
283
- return true;
284
- }
285
- let theme = {};
286
- textThemeFields.forEach(field => {
287
- const element = children[0] || {};
288
- const value = element[field];
289
- let style = {};
290
- let isValueExist = false;
291
- if (value) {
292
- isValueExist = true;
293
- if (field === "fontSize") {
294
- isValueExist = !!Object.keys(value).length;
295
- }
296
- }
297
- if (isValueExist) {
298
- style = addToTheme(field, value, element);
299
- }
300
- theme = {
301
- ...theme,
302
- ...style
303
- };
304
- });
305
- textThemeFields.forEach(field => {
306
- Editor.removeMark(editor, field);
307
- });
308
- return {
309
- field: MAP_TEXT_THEME_FIELD[currentElement?.type],
310
- theme
311
- };
312
- }
313
- } catch (err) {
314
- return;
315
- }
316
- };
317
- export const HEADING_THEME_FIELDS = ["h1", "h2", "h3", "h4", "h5", "h6"];
318
- export const PARAGRAPH_THEME_FIELDS = ["para1", "para2", "para3"];
319
121
  export const getBRValue = (props, rbr = "lg") => {
320
122
  const {
321
123
  value,
@@ -2,25 +2,19 @@ import { useEffect, useState } from "react";
2
2
  const useDrag = () => {
3
3
  const [event, setEvent] = useState("");
4
4
  useEffect(() => {
5
- addListener();
6
- return () => {
7
- removeListener();
5
+ const onMouseDown = () => {
6
+ setEvent("start");
7
+ };
8
+ const onMouseUp = () => {
9
+ setEvent("end");
8
10
  };
9
- }, []);
10
- const onMouseDown = () => {
11
- setEvent("start");
12
- };
13
- const onMouseUp = () => {
14
- setEvent("end");
15
- };
16
- const addListener = () => {
17
11
  document.addEventListener("pointerdown", onMouseDown);
18
12
  document.addEventListener("pointerup", onMouseUp);
19
- };
20
- const removeListener = () => {
21
- document.removeEventListener("pointerdown", onMouseDown);
22
- document.removeEventListener("pointerup", onMouseUp);
23
- };
13
+ return () => {
14
+ document.removeEventListener("pointerdown", onMouseDown);
15
+ document.removeEventListener("pointerup", onMouseUp);
16
+ };
17
+ }, []);
24
18
  return [event];
25
19
  };
26
20
  export default useDrag;
@@ -3,22 +3,17 @@ function useEditorScroll(editorWrapper = {
3
3
  current: null
4
4
  }, callback) {
5
5
  useEffect(() => {
6
+ if (!editorWrapper?.current) return;
6
7
  const handleScroll = () => {
7
- if (editorWrapper.current) {
8
- callback("scroll");
9
- }
8
+ callback("scroll");
10
9
  };
11
10
  const currentEditorWrapper = editorWrapper.current;
12
- if (currentEditorWrapper) {
13
- currentEditorWrapper.addEventListener("scroll", handleScroll);
14
- }
11
+ currentEditorWrapper.addEventListener("scroll", handleScroll);
15
12
 
16
13
  // Cleanup the event listener on component unmount
17
14
  return () => {
18
- if (currentEditorWrapper) {
19
- currentEditorWrapper.removeEventListener("scroll", handleScroll);
20
- }
15
+ currentEditorWrapper.removeEventListener("scroll", handleScroll);
21
16
  };
22
- }, [editorWrapper.current, callback]);
17
+ }, [editorWrapper, callback]);
23
18
  }
24
19
  export default useEditorScroll;
@@ -1,4 +1,4 @@
1
- import { useEffect, useState, createContext, useContext, useMemo } from "react";
1
+ import { useEffect, useState, createContext, useContext, useMemo, useCallback } from "react";
2
2
  import { getSelectedText } from "../utils/helper";
3
3
  import { debounce } from "../helper";
4
4
  import { defaultFontFamilies } from "../common/FontLoader/FontList";
@@ -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);
@@ -103,12 +100,9 @@ export const EditorProvider = ({
103
100
  updateDragging,
104
101
  fontFamilies,
105
102
  setFontFamilies,
106
- openTheme,
107
- setOpenTheme,
108
103
  activeBreakPoint,
109
- setActiveBreakPoint,
110
- triggerRender
111
- }), [path, editor?.selection, selectedPath, selectedElement, contextMenu, openAI, popupType, drop, openTheme, activeBreakPoint]);
104
+ setActiveBreakPoint
105
+ }), [path, editor?.selection, selectedPath, selectedElement, contextMenu, openAI, popupType, drop, activeBreakPoint]);
112
106
  return /*#__PURE__*/_jsx(EditorContext.Provider, {
113
107
  value: otherValues,
114
108
  children: children
@@ -121,13 +115,7 @@ const useMouseMove = dragging => {
121
115
  const [event, setEvent] = useState({
122
116
  target: null
123
117
  });
124
- useEffect(() => {
125
- addListener();
126
- return () => {
127
- removeListener();
128
- };
129
- }, []);
130
- const onMouseMove = e => {
118
+ const onMouseMove = useCallback(debounce(e => {
131
119
  if (!dragging?.id) {
132
120
  const dpath = e?.target?.closest(".dpath");
133
121
  if (dpath) {
@@ -136,14 +124,14 @@ const useMouseMove = dragging => {
136
124
  });
137
125
  }
138
126
  }
139
- };
140
- const debounceMouseMove = debounce(onMouseMove, 100);
141
- const addListener = () => {
142
- document.addEventListener("mousemove", debounceMouseMove);
143
- };
144
- const removeListener = () => {
145
- document.removeEventListener("mousemove", debounceMouseMove);
146
- };
127
+ }, 100), [dragging]);
128
+ useEffect(() => {
129
+ document.addEventListener("mousemove", onMouseMove);
130
+ return () => {
131
+ document.removeEventListener("mousemove", onMouseMove);
132
+ onMouseMove.cancel(); // Cancel any pending debounced calls
133
+ };
134
+ }, [onMouseMove]);
147
135
  return [event];
148
136
  };
149
137
  export default useMouseMove;
@@ -184,7 +184,7 @@ export const TableProvider = ({
184
184
  window.removeEventListener("copy", handleCopy);
185
185
  window.removeEventListener("cut", handleCut);
186
186
  };
187
- }, [tableSelection, editor, tableSelection]);
187
+ }, [tableSelection, editor]);
188
188
 
189
189
  // useEffect(() => {
190
190
  // selectFirstCell(tablePath, editor, updateTableSelection);
@@ -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 {
@@ -9,7 +9,7 @@ const parseCopiedHTML = html => {
9
9
  const parsed = new DOMParser().parseFromString(html, "text/html");
10
10
 
11
11
  // if ol, ul are inside li, remove and push ol,ul after that li to maintain format between our slate list and external source list's json
12
- parsed.querySelectorAll("li > ul, li > ol, li > table").forEach(list => {
12
+ parsed.querySelectorAll("li > ul, li > ol").forEach(list => {
13
13
  // Find the parent li
14
14
  const parentLi = list.parentElement;
15
15
 
@@ -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);
@@ -238,9 +236,9 @@ const withHtml = editor => {
238
236
  const isNonText = rootElement ? rootElement?.querySelector(NON_TEXT_TAGS.toString()) : false;
239
237
  const isGoogleSheet = parsed.body.querySelector("google-sheets-html-origin");
240
238
  if (isGoogleSheet) {
241
- // if (editor.isChatEditor) {
242
- // return;
243
- // }
239
+ if (editor.isChatEditor) {
240
+ return;
241
+ }
244
242
  const table = rootElement.querySelector("table");
245
243
  const colGrp = table.querySelector("colgroup");
246
244
  if (colGrp) {
@@ -262,18 +260,15 @@ const withHtml = editor => {
262
260
  return;
263
261
  }
264
262
  const formattedFragment = normalizeFragment ? normalizeFragment(fragment) : fragment;
265
-
266
- // let is_img_table = false;
267
- // formattedFragment.map((f) => {
268
- // if (f.type === "image" || f?.type?.includes("table")) {
269
- // is_img_table = true;
270
- // }
271
- // });
272
-
273
- // if (editor.isChatEditor && is_img_table) {
274
- // return;
275
- // }
276
-
263
+ let is_img_table = false;
264
+ formattedFragment.map(f => {
265
+ if (f.type === "image" || f?.type?.includes("table")) {
266
+ is_img_table = true;
267
+ }
268
+ });
269
+ if (editor.isChatEditor && is_img_table) {
270
+ return;
271
+ }
277
272
  if (isTitlePath && isNonText) {
278
273
  insertAtNextNode(editor, formattedFragment);
279
274
  return;
@@ -27,8 +27,7 @@ const ORDERS_LAYOUT_VALIDATIONS = {
27
27
  };
28
28
  const withLayout = editor => {
29
29
  const {
30
- normalizeNode,
31
- translation
30
+ normalizeNode
32
31
  } = editor;
33
32
  editor.normalizeNode = ([node, path]) => {
34
33
  if (path.length === 0) {
@@ -40,7 +39,7 @@ const withLayout = editor => {
40
39
  const title = {
41
40
  type: "title",
42
41
  children: [{
43
- text: translation ? translation("Untitled") : "Untitled"
42
+ text: "Untitled"
44
43
  }]
45
44
  };
46
45
  Transforms.insertNodes(editor, title, {
@@ -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,