@flozy/editor 10.4.1 → 10.4.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (167) hide show
  1. package/dist/Editor/ChatEditor.js +16 -17
  2. package/dist/Editor/CommonEditor.js +16 -131
  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 +9 -46
  7. package/dist/Editor/Elements/Accordion/AccordionSummary.js +23 -1
  8. package/dist/Editor/Elements/AppHeader/AppHeader.js +5 -10
  9. package/dist/Editor/Elements/Button/EditorButton.js +9 -27
  10. package/dist/Editor/Elements/Carousel/CarouselItem.js +1 -2
  11. package/dist/Editor/Elements/Color Picker/ColorButtons.js +14 -61
  12. package/dist/Editor/Elements/Color Picker/ColorPicker.css +1 -25
  13. package/dist/Editor/Elements/Color Picker/ColorPicker.js +7 -10
  14. package/dist/Editor/Elements/Color Picker/Styles.js +13 -15
  15. package/dist/Editor/Elements/DataView/Layouts/ColumnView.js +2 -4
  16. package/dist/Editor/Elements/DataView/Layouts/DataTypes/Components/MultiSelect.js +28 -30
  17. package/dist/Editor/Elements/DataView/Layouts/DataTypes/MultiSelectType.js +7 -9
  18. package/dist/Editor/Elements/DataView/Layouts/Options/AddOptions.js +1 -0
  19. package/dist/Editor/Elements/DataView/Layouts/ViewData.js +4 -8
  20. package/dist/Editor/Elements/Embed/Video.js +1 -1
  21. package/dist/Editor/Elements/Form/Form.js +3 -3
  22. package/dist/Editor/Elements/Form/FormElements/FormTextArea.js +1 -0
  23. package/dist/Editor/Elements/Form/FormField.js +2 -3
  24. package/dist/Editor/Elements/Form/Workflow/Styles.js +22 -24
  25. package/dist/Editor/Elements/FreeGrid/FreeGrid.js +31 -35
  26. package/dist/Editor/Elements/FreeGrid/FreeGridBox.js +4 -7
  27. package/dist/Editor/Elements/FreeGrid/FreeGridItem.js +0 -1
  28. package/dist/Editor/Elements/FreeGrid/Options/More.js +7 -7
  29. package/dist/Editor/Elements/FreeGrid/Options/sectionItemOptions.js +1 -1
  30. package/dist/Editor/Elements/FreeGrid/styles.js +0 -14
  31. package/dist/Editor/Elements/Grid/Grid.js +2 -14
  32. package/dist/Editor/Elements/Grid/GridItem.js +1 -1
  33. package/dist/Editor/Elements/Signature/Signature.css +1 -2
  34. package/dist/Editor/Elements/Signature/SignatureOptions/DrawSignature.js +5 -18
  35. package/dist/Editor/Elements/Signature/SignatureOptions/UploadSignature.js +3 -16
  36. package/dist/Editor/Elements/SimpleText/style.js +2 -2
  37. package/dist/Editor/Elements/Table/DragButton.js +1 -0
  38. package/dist/Editor/Elements/Table/Draggable.js +2 -6
  39. package/dist/Editor/Elements/Table/Styles.js +0 -7
  40. package/dist/Editor/Elements/Table/Table.js +3 -3
  41. package/dist/Editor/Elements/Table/TableCell.js +5 -24
  42. package/dist/Editor/Elements/Title/title.js +6 -6
  43. package/dist/Editor/Elements/Variables/VariableButton.js +1 -10
  44. package/dist/Editor/MiniEditor.js +1 -2
  45. package/dist/Editor/Styles/EditorStyles.js +5 -5
  46. package/dist/Editor/Toolbar/FormatTools/Dropdown.js +3 -27
  47. package/dist/Editor/Toolbar/FormatTools/FontFamilyAutocomplete.js +3 -4
  48. package/dist/Editor/Toolbar/FormatTools/MarkButton.js +2 -2
  49. package/dist/Editor/Toolbar/FormatTools/TextSize.js +13 -10
  50. package/dist/Editor/Toolbar/Mini/MiniToolbar.js +1 -2
  51. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/MiniColorPicker.js +2 -4
  52. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectFontSize.js +13 -6
  53. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectTypography.js +42 -167
  54. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/index.js +4 -7
  55. package/dist/Editor/Toolbar/PopupTool/PopperHeader.js +1 -2
  56. package/dist/Editor/Toolbar/PopupTool/PopupToolStyle.js +12 -72
  57. package/dist/Editor/Toolbar/PopupTool/TextFormat.js +10 -58
  58. package/dist/Editor/Toolbar/PopupTool/index.js +1 -1
  59. package/dist/Editor/Toolbar/toolbarGroups.js +6 -48
  60. package/dist/Editor/common/ColorPickerButton.js +16 -41
  61. package/dist/Editor/common/DnD/DragHandleButton.js +1 -1
  62. package/dist/Editor/common/FontLoader/FontLoader.js +0 -3
  63. package/dist/Editor/common/Icon.js +0 -28
  64. package/dist/Editor/common/ImageSelector/ImageSelector.js +2 -2
  65. package/dist/Editor/common/ImageSelector/Styles.js +9 -3
  66. package/dist/Editor/common/LinkSettings/NavComponents.js +66 -45
  67. package/dist/Editor/common/LinkSettings/index.js +28 -14
  68. package/dist/Editor/common/LinkSettings/navOptions.js +2 -2
  69. package/dist/Editor/common/LinkSettings/style.js +244 -164
  70. package/dist/Editor/common/MentionsPopup/index.js +1 -4
  71. package/dist/Editor/common/RnD/ElementOptions/Actions.js +5 -4
  72. package/dist/Editor/common/RnD/ElementSettings/OtherSettings/Settings.js +1 -2
  73. package/dist/Editor/common/RnD/ElementSettings/OtherSettings/Signature.js +3 -4
  74. package/dist/Editor/common/RnD/ElementSettings/Settings/AppHeaderSettings.js +2 -3
  75. package/dist/Editor/common/RnD/ElementSettings/Settings/BoxSettings.js +2 -3
  76. package/dist/Editor/common/RnD/ElementSettings/Settings/ButtonSettings.js +2 -3
  77. package/dist/Editor/common/RnD/ElementSettings/Settings/CodeSettings.js +2 -3
  78. package/dist/Editor/common/RnD/ElementSettings/Settings/FormSettings.js +2 -4
  79. package/dist/Editor/common/RnD/ElementSettings/Settings/ImageSettings.js +2 -3
  80. package/dist/Editor/common/RnD/ElementSettings/Settings/TableSettings.js +2 -3
  81. package/dist/Editor/common/RnD/ElementSettings/Settings/TextSettings.js +1 -3
  82. package/dist/Editor/common/RnD/ElementSettings/Settings/VideoSettings.js +2 -3
  83. package/dist/Editor/common/RnD/ElementSettings/styles.js +1 -0
  84. package/dist/Editor/common/RnD/OptionsPopup/style.js +1 -0
  85. package/dist/Editor/common/RnD/SwitchViewport/SwitchViewport.js +2 -11
  86. package/dist/Editor/common/RnD/Theme/ViewportStimulator.js +3 -6
  87. package/dist/Editor/common/RnD/Utils/gridDropItem.js +19 -28
  88. package/dist/Editor/common/RnD/Utils/index.js +1 -3
  89. package/dist/Editor/common/RnD/VirtualElement/VirtualTextElement.js +58 -42
  90. package/dist/Editor/common/RnD/VirtualElement/helper.js +132 -323
  91. package/dist/Editor/common/RnD/VirtualElement/styles.js +0 -16
  92. package/dist/Editor/common/RnD/index.js +39 -68
  93. package/dist/Editor/common/Select/index.js +7 -44
  94. package/dist/Editor/common/Select/styles.js +2 -31
  95. package/dist/Editor/common/Shorthands/elements.js +0 -54
  96. package/dist/Editor/common/StyleBuilder/accordionTitleBtnStyle.js +2 -2
  97. package/dist/Editor/common/StyleBuilder/accordionTitleStyle.js +9 -12
  98. package/dist/Editor/common/StyleBuilder/buttonStyle.js +2 -4
  99. package/dist/Editor/common/StyleBuilder/embedVideoStyle.js +0 -4
  100. package/dist/Editor/common/StyleBuilder/fieldTypes/backgroundImage.js +0 -5
  101. package/dist/Editor/common/StyleBuilder/fieldTypes/bannerSpacing.js +2 -12
  102. package/dist/Editor/common/StyleBuilder/fieldTypes/borderRadius.js +7 -15
  103. package/dist/Editor/common/StyleBuilder/fieldTypes/card.js +8 -16
  104. package/dist/Editor/common/StyleBuilder/fieldTypes/color.js +10 -36
  105. package/dist/Editor/common/StyleBuilder/fieldTypes/fontSize.js +7 -16
  106. package/dist/Editor/common/StyleBuilder/fieldTypes/index.js +1 -3
  107. package/dist/Editor/common/StyleBuilder/fieldTypes/textOptions.js +7 -15
  108. package/dist/Editor/common/SwipeableDrawer/style.js +12 -14
  109. package/dist/Editor/common/Uploader.js +0 -16
  110. package/dist/Editor/common/iconListV2.js +0 -76
  111. package/dist/Editor/common/iconslist.js +0 -21
  112. package/dist/Editor/commonStyle.js +61 -116
  113. package/dist/Editor/helper/index.js +1 -5
  114. package/dist/Editor/helper/theme.js +2 -203
  115. package/dist/Editor/hooks/useMouseMove.js +3 -9
  116. package/dist/Editor/hooks/useTable.js +4 -5
  117. package/dist/Editor/plugins/withEmbeds.js +1 -1
  118. package/dist/Editor/plugins/withHTML.js +1 -3
  119. package/dist/Editor/plugins/withTable.js +1 -1
  120. package/dist/Editor/theme/ThemeList.js +173 -50
  121. package/dist/Editor/utils/SlateUtilityFunctions.js +37 -161
  122. package/dist/Editor/utils/accordion.js +4 -14
  123. package/dist/Editor/utils/button.js +17 -1
  124. package/dist/Editor/utils/customHooks/useTableResize.js +9 -49
  125. package/dist/Editor/utils/draftToSlate.js +2 -3
  126. package/dist/Editor/utils/events.js +6 -50
  127. package/dist/Editor/utils/font.js +37 -40
  128. package/dist/Editor/utils/formfield.js +0 -1
  129. package/dist/Editor/utils/helper.js +26 -210
  130. package/dist/Editor/utils/insertAppHeader.js +1 -1
  131. package/dist/Editor/utils/signature.js +9 -2
  132. package/package.json +4 -4
  133. package/dist/Editor/Elements/FreeGrid/helper.js +0 -115
  134. package/dist/Editor/Toolbar/PopupTool/ThemeTextFormat.js +0 -439
  135. package/dist/Editor/assets/svg/BackIcon.js +0 -18
  136. package/dist/Editor/assets/svg/ThemeIcons.js +0 -293
  137. package/dist/Editor/common/Checkbox/index.js +0 -46
  138. package/dist/Editor/common/Checkbox/styles.js +0 -45
  139. package/dist/Editor/common/CustomColorPicker/index.js +0 -130
  140. package/dist/Editor/common/CustomColorPicker/style.js +0 -53
  141. package/dist/Editor/common/CustomDialog2/index.js +0 -94
  142. package/dist/Editor/common/CustomDialog2/style.js +0 -67
  143. package/dist/Editor/common/CustomSelect.js +0 -43
  144. package/dist/Editor/common/RadioGroup/index.js +0 -48
  145. package/dist/Editor/common/RadioGroup/styles.js +0 -29
  146. package/dist/Editor/common/RnD/Theme/MainThemeProvider.js +0 -17
  147. package/dist/Editor/common/StyleBuilder/fieldTypes/embedUpload.js +0 -115
  148. package/dist/Editor/helper/textIndeces.js +0 -58
  149. package/dist/Editor/hooks/useEditorTheme.js +0 -153
  150. package/dist/Editor/hooks/useThemeValues.js +0 -63
  151. package/dist/Editor/theme/index.js +0 -149
  152. package/dist/Editor/themeSettings/ActiveTheme.js +0 -82
  153. package/dist/Editor/themeSettings/buttons/index.js +0 -300
  154. package/dist/Editor/themeSettings/buttons/style.js +0 -23
  155. package/dist/Editor/themeSettings/colorTheme/index.js +0 -310
  156. package/dist/Editor/themeSettings/colorTheme/style.js +0 -81
  157. package/dist/Editor/themeSettings/fonts/PreviewElement.js +0 -121
  158. package/dist/Editor/themeSettings/fonts/index.js +0 -240
  159. package/dist/Editor/themeSettings/fonts/style.js +0 -62
  160. package/dist/Editor/themeSettings/icons.js +0 -60
  161. package/dist/Editor/themeSettings/index.js +0 -380
  162. package/dist/Editor/themeSettings/style.js +0 -299
  163. package/dist/Editor/themeSettingsAI/icons.js +0 -96
  164. package/dist/Editor/themeSettingsAI/index.js +0 -355
  165. package/dist/Editor/themeSettingsAI/saveTheme.js +0 -202
  166. package/dist/Editor/themeSettingsAI/style.js +0 -332
  167. package/dist/Editor/utils/updateFormName.js +0 -22
@@ -8,8 +8,7 @@ const VideoSettings = props => {
8
8
  const {
9
9
  editor,
10
10
  path,
11
- customProps,
12
- onClose
11
+ customProps
13
12
  } = props;
14
13
  const item_path = path?.split("|").map(m => parseInt(m));
15
14
  const element_path = [...item_path, 0];
@@ -29,7 +28,7 @@ const VideoSettings = props => {
29
28
  });
30
29
  };
31
30
  const handleClose = () => {
32
- onClose();
31
+ console.log("close");
33
32
  };
34
33
  return /*#__PURE__*/_jsx(Box, {
35
34
  component: "div",
@@ -140,6 +140,7 @@ const useElementSettingsStyle = theme => ({
140
140
  }
141
141
  },
142
142
  "& .popUpHeader": {
143
+ fontSize: "16px",
143
144
  fontFamily: "'Inter',sans-serif",
144
145
  fontWeight: "700",
145
146
  fontSize: "16px",
@@ -15,6 +15,7 @@ const useOptionsPopupStyle = ({
15
15
  background: theme?.palette?.editor?.miniToolBarBackground
16
16
  },
17
17
  "& .sectionOptionTitle": {
18
+ fontSize: "16px",
18
19
  fontFamily: "'Inter',sans-serif",
19
20
  fontWeight: "700",
20
21
  fontSize: "16px",
@@ -3,29 +3,20 @@ import PersonalVideoIcon from "@mui/icons-material/PersonalVideo";
3
3
  import PhoneIphoneIcon from "@mui/icons-material/PhoneIphone";
4
4
  import useSwitchViewport from "./styles";
5
5
  import { useEffect } from "react";
6
- import { useEditorContext } from "../../../hooks/useMouseMove";
7
6
  import { jsx as _jsx } from "react/jsx-runtime";
8
7
  import { jsxs as _jsxs } from "react/jsx-runtime";
9
8
  const SwitchViewport = props => {
10
9
  const {
11
10
  breakpoint,
12
11
  onChange,
13
- translation,
14
- show
12
+ translation
15
13
  } = props;
16
14
  const classes = useSwitchViewport();
17
- const {
18
- setSelectedElement
19
- } = useEditorContext();
20
15
  useEffect(() => {
21
- // to reset selection on viewport changes - FS-6589
22
- setSelectedElement({});
16
+ console.log(breakpoint);
23
17
  }, [breakpoint]);
24
18
  return /*#__PURE__*/_jsxs(Box, {
25
19
  sx: classes.root,
26
- style: {
27
- display: show ? "block" : "none"
28
- },
29
20
  children: [/*#__PURE__*/_jsx(Tooltip, {
30
21
  title: translation("Desktop View"),
31
22
  children: /*#__PURE__*/_jsx(IconButton, {
@@ -1,7 +1,6 @@
1
1
  import React from "react";
2
- import { useTheme, createTheme, useMediaQuery } from "@mui/material";
2
+ import { useTheme, ThemeProvider, createTheme, useMediaQuery } from "@mui/material";
3
3
  import { isStimulator, STIMULATOR_MOCK } from "../../../hooks/useBreakpoints";
4
- import MainThemeProvider from "./MainThemeProvider";
5
4
 
6
5
  // Custom breakpoints functions
7
6
  import { jsx as _jsx } from "react/jsx-runtime";
@@ -60,15 +59,13 @@ const extendedTheme = (prevTheme, isPrintMode) => createTheme({
60
59
  } : getBreakPoints(prevTheme)
61
60
  });
62
61
  const ViewportStimulator = ({
63
- children,
64
- selectedTheme
62
+ children
65
63
  }) => {
66
64
  const theme = useTheme();
67
65
  const isPrintMode = useMediaQuery("print");
68
66
  const viewportTheme = extendedTheme(theme, isPrintMode);
69
- return /*#__PURE__*/_jsx(MainThemeProvider, {
67
+ return /*#__PURE__*/_jsx(ThemeProvider, {
70
68
  theme: viewportTheme,
71
- userSelectedTheme: selectedTheme,
72
69
  children: children
73
70
  });
74
71
  };
@@ -2,7 +2,6 @@ import { Transforms, Node, Path, Editor } from "slate";
2
2
  import { ReactEditor } from "slate-react";
3
3
  import { getNode, handleNegativeInteger } from "../../../utils/helper";
4
4
  import { handleBoxAlignment } from "../VirtualElement/helper";
5
- import { convertToGridArea, findMaxYValue } from "../../../Elements/FreeGrid/helper";
6
5
  export const ROW_HEIGHT = 50;
7
6
 
8
7
  // const MARGIN_OF = {
@@ -23,27 +22,18 @@ export function updateRows() {}
23
22
  export function updateCols() {}
24
23
  const handleMoveNode = (editor, path, newPath, {
25
24
  isEmpty
26
- }, autoAlign, moveToNode) => {
25
+ }, autoAlign) => {
27
26
  try {
28
27
  let replaceNode = Node.get(editor, path);
29
- let heightDiff = 0;
30
28
  if (autoAlign) {
31
- const y = findMaxYValue(moveToNode?.children);
32
- const {
33
- gridArea,
34
- marginTop
35
- } = convertToGridArea(y);
29
+ // reset node for auto alignment in mobile
36
30
  replaceNode = {
37
31
  ...replaceNode,
38
- gridArea_xs: gridArea,
39
- marginTop_xs: marginTop + 12,
40
- xs_updatedOn: new Date().getTime()
32
+ gridArea_xs: null,
33
+ xs_updatedOn: null,
34
+ marginTop_xs: null
41
35
  };
42
- const newHeight = y + replaceNode?.height_xs + 12;
43
- const diffH = newHeight - moveToNode?.height_xs;
44
- heightDiff = diffH >= 0 ? diffH : 0;
45
36
  }
46
- let rPath;
47
37
  if (isEmpty) {
48
38
  const toPath = [...newPath, 0];
49
39
  Transforms.insertNodes(editor, [{
@@ -54,7 +44,7 @@ const handleMoveNode = (editor, path, newPath, {
54
44
  Transforms.removeNodes(editor, {
55
45
  at: path
56
46
  });
57
- rPath = toPath;
47
+ return toPath;
58
48
  } else {
59
49
  Transforms.insertNodes(editor, [{
60
50
  ...replaceNode
@@ -64,12 +54,8 @@ const handleMoveNode = (editor, path, newPath, {
64
54
  Transforms.removeNodes(editor, {
65
55
  at: path
66
56
  });
67
- rPath = newPath;
57
+ return newPath;
68
58
  }
69
- return {
70
- rPath,
71
- heightDiff
72
- };
73
59
  } catch (err) {
74
60
  console.log(err);
75
61
  console.log("Drop Node error");
@@ -224,7 +210,7 @@ export function onDropItem(props, parentClass) {
224
210
  at: moveTo,
225
211
  match: n => n.type === "freegrid"
226
212
  });
227
- const [, sectionPath] = sectionData || [];
213
+ const [sectionNode, sectionPath] = sectionData || [];
228
214
  if (needMove && isInsidePath(from, moveTo)) {
229
215
  reRenderSectionPath = sectionPath;
230
216
  } else {
@@ -243,6 +229,14 @@ export function onDropItem(props, parentClass) {
243
229
  const isBoxHeader = currentNode?.childType === "appHeader" && moveTo?.length > 2;
244
230
  if (isBoxHeader) {
245
231
  // will handle on <BoxHeaderAutoAlignment />
232
+ } else if (moveTo?.length === 2 && autoAlign) {
233
+ // auto align in mobile
234
+ Transforms.setNodes(editor, {
235
+ xs_updatedOn: null,
236
+ xs_updatedOn: new Date().getTime()
237
+ }, {
238
+ at: moveTo
239
+ });
246
240
  } else if (autoAlign) {
247
241
  Transforms.setNodes(editor, {
248
242
  autoAlign: true,
@@ -251,15 +245,12 @@ export function onDropItem(props, parentClass) {
251
245
  at: moveTo
252
246
  });
253
247
  }
254
- const {
255
- rPath,
256
- heightDiff
257
- } = handleMoveNode(editor, path, newPath, {
248
+ const rPath = handleMoveNode(editor, path, newPath, {
258
249
  isEmpty
259
- }, autoAlign, toSectionNode) || {};
250
+ }, autoAlign);
260
251
  reRenderChildNodes(editor, reRenderSectionPath || moveTo);
261
252
  if (autoAlign && !isBoxHeader) {
262
- handleBoxAlignment(editor, sectionPath, heightDiff);
253
+ handleBoxAlignment(editor, sectionNode, sectionPath);
263
254
  }
264
255
  return {
265
256
  updated_at: rPath
@@ -87,9 +87,7 @@ export function updatePositions(props, closestClass) {
87
87
  newPath = [...newPath, toSectionNode?.children?.length];
88
88
  }
89
89
  newPath = newPath.map(m => parseInt(m));
90
- const {
91
- rPath
92
- } = handleMoveNode(editor, path, newPath, {
90
+ const rPath = handleMoveNode(editor, path, newPath, {
93
91
  isEmpty
94
92
  });
95
93
  // to update path index need to re-render items in parent sections
@@ -1,45 +1,69 @@
1
1
  import { useEffect, useRef } from "react";
2
+ import { Path, Transforms } from "slate";
2
3
  import { getNode } from "../../../utils/helper";
3
4
  import { ROW_HEIGHT } from "../Utils/gridDropItem";
4
- import { getGridArea, getNodeValues, handleTextAlignment } from "./helper";
5
+ import { findFirstRowOverlap, getGridArea, handleContainers, moveOverlappedItems } from "./helper";
5
6
  import { Box } from "@mui/material";
6
7
  import { jsx as _jsx } from "react/jsx-runtime";
7
- export const getElementOffset = (element, breakpoint) => {
8
- const {
9
- height,
10
- gridArea,
11
- marginTop
12
- } = getNodeValues(element, breakpoint);
13
- const [startRow] = getGridArea(gridArea);
14
- const top = (startRow - 1) * ROW_HEIGHT + marginTop;
15
- const bottom = top + height;
16
- return {
17
- top,
18
- bottom
19
- };
20
- };
21
- export const updateTextHeight = (editor, path, currHeight, updateBreakpoint) => {
22
- if (!currHeight) {
8
+ const updateTextHeight = (editor, path, height) => {
9
+ if (!height) {
23
10
  return;
24
11
  }
25
- const textItem = getNode(editor, path);
26
- if (!textItem) {
12
+ const parentPath = Path.parent(path);
13
+ const currentNode = getNode(editor, parentPath);
14
+ const gridItems = currentNode?.children || [];
15
+ const isNewlyAddedElement = gridItems.some(gridItem => !gridItem.gridArea_xs && gridItem.type !== "paragraph");
16
+ if (isNewlyAddedElement) {
27
17
  return;
28
18
  }
19
+ const textItemIndex = path[parentPath.length];
20
+ const textItem = gridItems.find((_, index) => textItemIndex === index);
29
21
  const {
30
- height,
31
- gridArea,
32
- type
33
- } = getNodeValues(textItem, updateBreakpoint);
34
- if (!gridArea && type !== "paragraph") {
35
- return;
36
- }
37
- const oldHeight = height;
38
- const newHeight = currHeight;
39
- const heightDiff = newHeight - oldHeight;
40
- if (heightDiff !== 0) {
41
- const textNode = [textItem, path];
42
- handleTextAlignment(editor, textNode, heightDiff, updateBreakpoint);
22
+ marginTop_xs: marginTop,
23
+ gridArea_xs: gridArea,
24
+ height_xs
25
+ } = textItem;
26
+ const oldHeight = height_xs + marginTop;
27
+ const newHeight = height + marginTop;
28
+ const extraHeight = newHeight - oldHeight;
29
+ let containerExtraHeight = extraHeight;
30
+ if (extraHeight > 0) {
31
+ const [startRow] = getGridArea(gridArea);
32
+ const newRows = Math.floor(newHeight / ROW_HEIGHT) + 1;
33
+ const endRow = startRow + newRows;
34
+ const firstOverlappedRow = findFirstRowOverlap(gridItems, startRow, endRow, textItemIndex);
35
+ if (firstOverlappedRow) {
36
+ const moveRows = endRow - firstOverlappedRow;
37
+ moveOverlappedItems(editor, moveRows, gridItems, parentPath, textItemIndex, startRow);
38
+ containerExtraHeight += moveRows * ROW_HEIGHT;
39
+ }
40
+
41
+ // handle containers (box and section)
42
+ const containerData = handleContainers(editor, parentPath, containerExtraHeight);
43
+ containerData.forEach(container => {
44
+ const {
45
+ moveRows,
46
+ containerNode,
47
+ containerPath,
48
+ newHeight,
49
+ childIndex,
50
+ lastChildStartRow
51
+ } = container;
52
+ if (moveRows) {
53
+ moveOverlappedItems(editor, moveRows, containerNode?.children, containerPath, childIndex, lastChildStartRow);
54
+ }
55
+ Transforms.setNodes(editor, {
56
+ height_xs: newHeight,
57
+ xs_updatedOn: new Date().getTime()
58
+ }, {
59
+ at: containerPath
60
+ });
61
+ });
62
+ Transforms.setNodes(editor, {
63
+ height_xs: height
64
+ }, {
65
+ at: path
66
+ });
43
67
  }
44
68
  };
45
69
  function VirtualTextElement(props) {
@@ -59,9 +83,9 @@ function VirtualTextElement(props) {
59
83
  height
60
84
  } = entry.contentRect;
61
85
  const currentText = currElement?.innerText;
62
- const prevText = prevTextRef?.current;
86
+ const prevText = prevTextRef.current;
63
87
  if (currentText && currentText !== prevText) {
64
- updateTextHeight(editor, path, height, "xs");
88
+ updateTextHeight(editor, path, height);
65
89
  }
66
90
  prevTextRef.current = currentText;
67
91
  }
@@ -98,14 +122,6 @@ function VirtualTextElement(props) {
98
122
  },
99
123
  "& .editor-blocker": {
100
124
  display: "none"
101
- },
102
- "& .fgi_type_text": {
103
- "& .edt-headings": {
104
- margin: "0px"
105
- },
106
- "& .edt-paragraphs": {
107
- margin: "0px"
108
- }
109
125
  }
110
126
  },
111
127
  dangerouslySetInnerHTML: {