@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
@@ -7,9 +7,9 @@ const CMenus = {
7
7
  name: "bringForward",
8
8
  label: "Move to Front",
9
9
  autoClose: false,
10
- render: translation => {
10
+ render: () => {
11
11
  return /*#__PURE__*/_jsxs(_Fragment, {
12
- children: [translation("Move to Front"), " ", /*#__PURE__*/_jsxs("span", {
12
+ children: ["Move to Front", " ", /*#__PURE__*/_jsxs("span", {
13
13
  className: "shortcut-help-info",
14
14
  children: [/*#__PURE__*/_jsx(CMDIcon, {}), " \u2191"]
15
15
  })]
@@ -19,9 +19,9 @@ const CMenus = {
19
19
  name: "bringBackward",
20
20
  label: "Move to Back",
21
21
  autoClose: false,
22
- render: translation => {
22
+ render: () => {
23
23
  return /*#__PURE__*/_jsxs(_Fragment, {
24
- children: [translation("Move to Back"), " ", /*#__PURE__*/_jsxs("span", {
24
+ children: ["Move to Back", " ", /*#__PURE__*/_jsxs("span", {
25
25
  className: "shortcut-help-info",
26
26
  children: [/*#__PURE__*/_jsx(CMDIcon, {}), " \u2193"]
27
27
  })]
@@ -30,9 +30,9 @@ const CMenus = {
30
30
  }, {
31
31
  name: "cut",
32
32
  label: "Cut",
33
- render: translation => {
33
+ render: () => {
34
34
  return /*#__PURE__*/_jsxs(_Fragment, {
35
- children: [translation("Cut"), " ", /*#__PURE__*/_jsxs("span", {
35
+ children: ["Cut", " ", /*#__PURE__*/_jsxs("span", {
36
36
  className: "shortcut-help-info",
37
37
  children: [/*#__PURE__*/_jsx(CMDIcon, {}), " X"]
38
38
  })]
@@ -41,9 +41,9 @@ const CMenus = {
41
41
  }, {
42
42
  name: "copy",
43
43
  label: "Copy",
44
- render: translation => {
44
+ render: () => {
45
45
  return /*#__PURE__*/_jsxs(_Fragment, {
46
- children: [translation("Copy"), " ", /*#__PURE__*/_jsxs("span", {
46
+ children: ["Copy", " ", /*#__PURE__*/_jsxs("span", {
47
47
  className: "shortcut-help-info",
48
48
  children: [/*#__PURE__*/_jsx(CMDIcon, {}), " C"]
49
49
  })]
@@ -52,9 +52,9 @@ const CMenus = {
52
52
  }, {
53
53
  name: "paste",
54
54
  label: "Paste",
55
- render: translation => {
55
+ render: () => {
56
56
  return /*#__PURE__*/_jsxs(_Fragment, {
57
- children: [translation("Paste"), " ", /*#__PURE__*/_jsxs("span", {
57
+ children: ["Paste", " ", /*#__PURE__*/_jsxs("span", {
58
58
  className: "shortcut-help-info",
59
59
  children: [/*#__PURE__*/_jsx(CMDIcon, {}), " V"]
60
60
  })]
@@ -67,9 +67,9 @@ const CMenus = {
67
67
  parent: [{
68
68
  name: "cut",
69
69
  label: "Cut",
70
- render: translation => {
70
+ render: () => {
71
71
  return /*#__PURE__*/_jsxs(_Fragment, {
72
- children: [translation("Cut"), " ", /*#__PURE__*/_jsxs("span", {
72
+ children: ["Cut", " ", /*#__PURE__*/_jsxs("span", {
73
73
  className: "shortcut-help-info",
74
74
  children: [/*#__PURE__*/_jsx(CMDIcon, {}), " X"]
75
75
  })]
@@ -78,9 +78,9 @@ const CMenus = {
78
78
  }, {
79
79
  name: "copy",
80
80
  label: "Copy",
81
- render: translation => {
81
+ render: () => {
82
82
  return /*#__PURE__*/_jsxs(_Fragment, {
83
- children: [translation("Copy"), " ", /*#__PURE__*/_jsxs("span", {
83
+ children: ["Copy", " ", /*#__PURE__*/_jsxs("span", {
84
84
  className: "shortcut-help-info",
85
85
  children: [/*#__PURE__*/_jsx(CMDIcon, {}), " C"]
86
86
  })]
@@ -89,9 +89,9 @@ const CMenus = {
89
89
  }, {
90
90
  name: "paste",
91
91
  label: "Paste",
92
- render: translation => {
92
+ render: () => {
93
93
  return /*#__PURE__*/_jsxs(_Fragment, {
94
- children: [translation("Paste"), " ", /*#__PURE__*/_jsxs("span", {
94
+ children: ["Paste", " ", /*#__PURE__*/_jsxs("span", {
95
95
  className: "shortcut-help-info",
96
96
  children: [/*#__PURE__*/_jsx(CMDIcon, {}), " V"]
97
97
  })]
@@ -104,9 +104,9 @@ const CMenus = {
104
104
  "parent-container": [{
105
105
  name: "cut",
106
106
  label: "Cut",
107
- render: translation => {
107
+ render: () => {
108
108
  return /*#__PURE__*/_jsxs(_Fragment, {
109
- children: [translation("Cut"), " ", /*#__PURE__*/_jsxs("span", {
109
+ children: ["Cut", " ", /*#__PURE__*/_jsxs("span", {
110
110
  className: "shortcut-help-info",
111
111
  children: [/*#__PURE__*/_jsx(CMDIcon, {}), " X"]
112
112
  })]
@@ -115,9 +115,9 @@ const CMenus = {
115
115
  }, {
116
116
  name: "copy",
117
117
  label: "Copy",
118
- render: translation => {
118
+ render: () => {
119
119
  return /*#__PURE__*/_jsxs(_Fragment, {
120
- children: [translation("Copy"), " ", /*#__PURE__*/_jsxs("span", {
120
+ children: ["Copy", " ", /*#__PURE__*/_jsxs("span", {
121
121
  className: "shortcut-help-info",
122
122
  children: [/*#__PURE__*/_jsx(CMDIcon, {}), " C"]
123
123
  })]
@@ -126,9 +126,9 @@ const CMenus = {
126
126
  }, {
127
127
  name: "paste",
128
128
  label: "Paste",
129
- render: translation => {
129
+ render: () => {
130
130
  return /*#__PURE__*/_jsxs(_Fragment, {
131
- children: [translation("Paste"), " ", /*#__PURE__*/_jsxs("span", {
131
+ children: ["Paste", " ", /*#__PURE__*/_jsxs("span", {
132
132
  className: "shortcut-help-info",
133
133
  children: [/*#__PURE__*/_jsx(CMDIcon, {}), " V"]
134
134
  })]
@@ -14,8 +14,7 @@ const ContextMenu = props => {
14
14
  open,
15
15
  type,
16
16
  contextMenu,
17
- handleClose,
18
- translation
17
+ handleClose
19
18
  } = props;
20
19
  const {
21
20
  path,
@@ -36,7 +35,7 @@ const ContextMenu = props => {
36
35
  return /*#__PURE__*/_jsx(MenuItem, {
37
36
  className: "cm-menu-item",
38
37
  onClick: handleClose(m),
39
- children: m?.render ? m.render(translation) : translation(m.label)
38
+ children: m?.render ? m.render() : m.label
40
39
  }, `cm_${i}`);
41
40
  })
42
41
  }) : null;
@@ -16,8 +16,7 @@ const ElementOptions = props => {
16
16
  actionsMap,
17
17
  optionsProps,
18
18
  selectedAction,
19
- theme,
20
- customProps
19
+ theme
21
20
  } = props;
22
21
  const classes = useElementOptionsStyle({
23
22
  theme
@@ -29,9 +28,6 @@ const ElementOptions = props => {
29
28
  menuProps
30
29
  } = menu;
31
30
  const isOpen = Boolean(anchorEl) && open;
32
- const {
33
- translation
34
- } = customProps;
35
31
  const handleOptionClick = type => e => {
36
32
  if (actionsMap[type]) {
37
33
  const {
@@ -61,7 +57,7 @@ const ElementOptions = props => {
61
57
  title
62
58
  } = Actions[action] || {};
63
59
  return type ? /*#__PURE__*/_jsx(Tooltip, {
64
- title: translation(title),
60
+ title: title,
65
61
  arrow: true,
66
62
  children: /*#__PURE__*/_jsx(Button, {
67
63
  onClick: handleOptionClick(type),
@@ -89,7 +85,6 @@ const ElementOptions = props => {
89
85
  }), open && MenuComp ? /*#__PURE__*/_jsx(OptionsPopup, {
90
86
  theme: theme,
91
87
  open: openMenu,
92
- translation: translation,
93
88
  ...menu,
94
89
  handleClose: handleClose,
95
90
  children: /*#__PURE__*/_jsx(MenuComp, {
@@ -8,18 +8,14 @@ const SavePopup = props => {
8
8
  const {
9
9
  classes,
10
10
  onClose,
11
- elementProps,
12
- customProps
11
+ elementProps
13
12
  } = props;
14
- const {
15
- translation
16
- } = customProps;
17
13
  return /*#__PURE__*/_jsxs(Dialog, {
18
14
  open: true,
19
15
  fullWidth: true,
20
16
  sx: classes.dialog,
21
17
  children: [/*#__PURE__*/_jsxs(DialogTitle, {
22
- children: [translation("Save As Template"), /*#__PURE__*/_jsx(IconButton, {
18
+ children: ["Save As Template", /*#__PURE__*/_jsx(IconButton, {
23
19
  onClick: onClose,
24
20
  children: /*#__PURE__*/_jsx(CloseIcon, {})
25
21
  })]
@@ -31,8 +27,7 @@ const SavePopup = props => {
31
27
  },
32
28
  saveText: "Save",
33
29
  handleClose: onClose,
34
- elementProps: elementProps,
35
- translation: translation
30
+ elementProps: elementProps
36
31
  })
37
32
  })]
38
33
  });
@@ -19,9 +19,6 @@ const Settings = props => {
19
19
  customProps,
20
20
  theme
21
21
  } = props;
22
- const {
23
- translation
24
- } = customProps;
25
22
  const title = settingsLabel[childType] || "Settings";
26
23
  const Settings = SettingsComponents[childType];
27
24
  return /*#__PURE__*/_jsx(_Fragment, {
@@ -49,10 +46,10 @@ const Settings = props => {
49
46
  children: [/*#__PURE__*/_jsxs(Typography, {
50
47
  variant: "h6",
51
48
  className: "item-wrapper title",
52
- children: [translation(title), /*#__PURE__*/_jsx(Box, {
49
+ children: [title, /*#__PURE__*/_jsx(Box, {
53
50
  component: "div",
54
51
  children: /*#__PURE__*/_jsx(Tooltip, {
55
- title: translation("Close"),
52
+ title: "Close",
56
53
  arrow: true,
57
54
  children: /*#__PURE__*/_jsx(IconButton, {
58
55
  className: "closeBtn",
@@ -68,8 +65,7 @@ const Settings = props => {
68
65
  editor: editor,
69
66
  path: path,
70
67
  customProps: customProps,
71
- theme: theme,
72
- onClose: onClose
68
+ theme: theme
73
69
  }) : null
74
70
  })]
75
71
  })
@@ -8,8 +8,7 @@ const AppHeaderSettings = 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];
@@ -28,7 +27,7 @@ const AppHeaderSettings = props => {
28
27
  });
29
28
  };
30
29
  const handleClose = () => {
31
- onClose();
30
+ console.log("close");
32
31
  };
33
32
  return /*#__PURE__*/_jsx(Box, {
34
33
  component: "div",
@@ -8,8 +8,7 @@ const BoxSettings = 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];
@@ -28,7 +27,7 @@ const BoxSettings = props => {
28
27
  });
29
28
  };
30
29
  const handleClose = () => {
31
- onClose();
30
+ console.log("close");
32
31
  };
33
32
  return /*#__PURE__*/_jsx(Box, {
34
33
  component: "div",
@@ -8,8 +8,7 @@ const ButtonSettings = 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 ButtonSettings = 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",
@@ -8,8 +8,7 @@ const CodeSettings = 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];
@@ -28,7 +27,7 @@ const CodeSettings = props => {
28
27
  });
29
28
  };
30
29
  const handleClose = () => {
31
- onClose();
30
+ console.log("close");
32
31
  };
33
32
  return /*#__PURE__*/_jsx(Box, {
34
33
  component: "div",
@@ -12,16 +12,14 @@ const FormSettings = props => {
12
12
  const {
13
13
  editor,
14
14
  path,
15
- customProps,
16
- onClose
15
+ customProps
17
16
  } = props;
18
17
  const item_path = path?.split("|").map(m => parseInt(m));
19
18
  const element_path = [...item_path];
20
19
  const element = Node.get(editor, element_path);
21
20
  const styleMaps = formStyle;
22
21
  const {
23
- hideTools,
24
- translation
22
+ hideTools
25
23
  } = customProps || {};
26
24
  const {
27
25
  theme
@@ -57,14 +55,13 @@ const FormSettings = props => {
57
55
  }
58
56
  };
59
57
  const handleClose = () => {
60
- onClose();
58
+ console.log("close");
61
59
  };
62
60
  const muiTheme = createTheme({
63
61
  components: {
64
62
  MuiAccordion: {
65
63
  styleOverrides: {
66
64
  root: {
67
- background: theme?.palette?.editor?.miniToolBarBackground,
68
65
  "& .MuiAccordionSummary-root": {
69
66
  flexDirection: "row-reverse",
70
67
  "& .MuiSvgIcon-root": {
@@ -110,7 +107,7 @@ const FormSettings = props => {
110
107
  fontSize: "14px !important",
111
108
  fontWeight: "400"
112
109
  },
113
- children: translation(m?.tab)
110
+ children: m?.tab
114
111
  })
115
112
  }), /*#__PURE__*/_jsx(AccordionDetails, {
116
113
  sx: {
@@ -8,8 +8,7 @@ const ImageSettings = 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];
@@ -28,7 +27,7 @@ const ImageSettings = props => {
28
27
  });
29
28
  };
30
29
  const handleClose = () => {
31
- onClose();
30
+ console.log("close");
32
31
  };
33
32
  return /*#__PURE__*/_jsx(Box, {
34
33
  component: "div",
@@ -9,8 +9,7 @@ const TableSettings = props => {
9
9
  const {
10
10
  editor,
11
11
  path,
12
- customProps,
13
- onClose
12
+ customProps
14
13
  } = props;
15
14
  const item_path = path?.split("|").map(m => parseInt(m));
16
15
  const element_path = [...item_path, 0];
@@ -58,7 +57,7 @@ const TableSettings = props => {
58
57
  }
59
58
  };
60
59
  const handleClose = () => {
61
- onClose();
60
+ console.log("close");
62
61
  };
63
62
  return /*#__PURE__*/_jsx(Box, {
64
63
  component: "div",
@@ -8,8 +8,7 @@ const TextSettings = props => {
8
8
  const {
9
9
  editor,
10
10
  path,
11
- theme,
12
- customProps
11
+ theme
13
12
  } = props;
14
13
  const item_path = path.split("|").map(m => parseInt(m));
15
14
  const element_path = [...item_path, 0];
@@ -26,8 +25,7 @@ const TextSettings = props => {
26
25
  }, []);
27
26
  return /*#__PURE__*/_jsx(TextFormat, {
28
27
  classes: classes,
29
- editor: editor,
30
- customProps: customProps
28
+ editor: editor
31
29
  });
32
30
  };
33
31
  export default TextSettings;
@@ -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",
@@ -17,8 +17,7 @@ const OptionsPopup = props => {
17
17
  open,
18
18
  anchorEl,
19
19
  placement,
20
- handleClose,
21
- translation
20
+ handleClose
22
21
  } = props;
23
22
  return anchorEl ? /*#__PURE__*/_jsx(Popper, {
24
23
  sx: classes.root,
@@ -31,10 +30,10 @@ const OptionsPopup = props => {
31
30
  children: [/*#__PURE__*/_jsxs(Typography, {
32
31
  variant: "div",
33
32
  className: "item-wrapper title",
34
- children: [translation(title), /*#__PURE__*/_jsx(Box, {
33
+ children: [title, /*#__PURE__*/_jsx(Box, {
35
34
  component: "div",
36
35
  children: /*#__PURE__*/_jsx(Tooltip, {
37
- title: translation("Close"),
36
+ title: "Close",
38
37
  arrow: true,
39
38
  children: /*#__PURE__*/_jsx(IconButton, {
40
39
  onClick: handleClose,
@@ -9,26 +9,19 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
9
9
  const SwitchViewport = props => {
10
10
  const {
11
11
  breakpoint,
12
- onChange,
13
- translation,
14
- show
12
+ onChange
15
13
  } = props;
16
14
  const classes = useSwitchViewport();
17
15
  const {
18
- setSelectedElement,
19
16
  setActiveBreakPoint
20
17
  } = useEditorContext();
21
18
  useEffect(() => {
22
- // to reset selection on viewport changes - FS-6589
23
- setSelectedElement({});
19
+ console.log(breakpoint);
24
20
  }, [breakpoint]);
25
21
  return /*#__PURE__*/_jsxs(Box, {
26
22
  sx: classes.root,
27
- style: {
28
- display: show ? "block" : "none"
29
- },
30
23
  children: [/*#__PURE__*/_jsx(Tooltip, {
31
- title: translation("Desktop View"),
24
+ title: "Desktop View",
32
25
  children: /*#__PURE__*/_jsx(IconButton, {
33
26
  className: `${!breakpoint || breakpoint === "lg" ? "active" : ""}`,
34
27
  onClick: () => {
@@ -38,7 +31,7 @@ const SwitchViewport = props => {
38
31
  children: /*#__PURE__*/_jsx(PersonalVideoIcon, {})
39
32
  })
40
33
  }), /*#__PURE__*/_jsx(Tooltip, {
41
- title: translation("Mobile View"),
34
+ title: "Mobile View",
42
35
  children: /*#__PURE__*/_jsx(IconButton, {
43
36
  className: `${breakpoint === "xs" ? "active" : ""}`,
44
37
  onClick: () => {
@@ -1,20 +1,9 @@
1
1
  import React from "react";
2
- import { useTheme, createTheme } 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
- import { jsx as _jsx } from "react/jsx-runtime";
6
- const isPdf = () => {
7
- try {
8
- const hash = window.location.hash;
9
- const queryString = hash.split("?")[1]; // Get part after "?"
10
- const params = new URLSearchParams(queryString);
11
- return params.get("isPdf");
12
- } catch (err) {
13
- console.log(err);
14
- }
15
- };
16
4
 
17
5
  // Custom breakpoints functions
6
+ import { jsx as _jsx } from "react/jsx-runtime";
18
7
  const customUp = (key, breakpoints) => {
19
8
  const MOCK_BREAKPOINT = isStimulator();
20
9
  if (key === "xs") {
@@ -60,9 +49,9 @@ const getBreakPoints = prevTheme => {
60
49
  };
61
50
 
62
51
  // Extend the existing theme with custom breakpoint functions
63
- const extendedTheme = prevTheme => createTheme({
52
+ const extendedTheme = (prevTheme, isPrintMode) => createTheme({
64
53
  ...prevTheme,
65
- breakpoints: isPdf() ? {
54
+ breakpoints: isPrintMode ? {
66
55
  values: {
67
56
  ...prevTheme.breakpoints.values,
68
57
  md: 400 // To resolve, while taking pdf on A4 size, it is getting mobile view because of breakpoint
@@ -70,14 +59,13 @@ const extendedTheme = prevTheme => createTheme({
70
59
  } : getBreakPoints(prevTheme)
71
60
  });
72
61
  const ViewportStimulator = ({
73
- children,
74
- selectedTheme
62
+ children
75
63
  }) => {
76
64
  const theme = useTheme();
77
- const viewportTheme = extendedTheme(theme);
78
- return /*#__PURE__*/_jsx(MainThemeProvider, {
65
+ const isPrintMode = useMediaQuery("print");
66
+ const viewportTheme = extendedTheme(theme, isPrintMode);
67
+ return /*#__PURE__*/_jsx(ThemeProvider, {
79
68
  theme: viewportTheme,
80
- userSelectedTheme: selectedTheme,
81
69
  children: children
82
70
  });
83
71
  };
@@ -2,11 +2,10 @@ import { Transforms, Node, Path } from "slate";
2
2
  import { ReactEditor } from "slate-react";
3
3
  import { handleNegativeInteger } from "../../../utils/helper";
4
4
  export const ROW_HEIGHT = 50;
5
-
6
- // const MARGIN_OF = {
7
- // xs: 160,
8
- // lg: 490,
9
- // };
5
+ const MARGIN_OF = {
6
+ xs: 160,
7
+ lg: 490
8
+ };
10
9
 
11
10
  /**
12
11
  * This method will update the grid template rows of parent section based on height
@@ -1,9 +1,6 @@
1
1
  import { Transforms, Node } from "slate";
2
2
  import { ReactEditor } from "slate-react";
3
3
  import { getNearestItem } from "./calculateDropItem";
4
- import { ROW_HEIGHT, getBorderWidth } from "./gridDropItem";
5
- import { handleNegativeInteger } from "../../../utils/helper";
6
- import { getDevice } from "../../../helper/theme";
7
4
  const GUIDE_LINE_THRESHOLD = 5;
8
5
  const GUIDE_LINE_OVERLAP_THRESHOLD = 5;
9
6
  const handleMoveNode = (editor, path, newPath, {
@@ -251,46 +248,4 @@ export function getParentSectionPath(props, closestClass) {
251
248
  } catch (err) {
252
249
  console.log(err);
253
250
  }
254
- }
255
- export function getAbsolutePositionX(currentEle) {
256
- const isMobile = getDevice(window.innerWidth) === "xs";
257
- const {
258
- left: currElementLeft
259
- } = currentEle?.getBoundingClientRect() || {};
260
- let parentBoxDom = currentEle?.closest(".fgi_type_box");
261
- if (isMobile && !parentBoxDom) {
262
- parentBoxDom = currentEle?.closest(".freegrid-section");
263
- }
264
- const relativeElementX = parentBoxDom || document.querySelector(".rnd-guideline-lv");
265
- const {
266
- left
267
- } = relativeElementX?.getBoundingClientRect() || {};
268
- const borderLeftWidth = getBorderWidth(relativeElementX, "borderLeftWidth");
269
- const absolutePositionX = parseInt(currElementLeft - left - borderLeftWidth);
270
- return {
271
- absolutePositionX
272
- };
273
- }
274
- export function getAbsolutePositionY(currentEle) {
275
- const {
276
- top: currElementTop
277
- } = currentEle?.getBoundingClientRect() || {};
278
- const relativeElementY = currentEle?.closest(".freegrid-container-parent");
279
- const borderTopWidth = getBorderWidth(relativeElementY, "borderTopWidth");
280
- const rect = relativeElementY.getBoundingClientRect();
281
- const absolutePositionY = handleNegativeInteger(currElementTop - rect.top - borderTopWidth);
282
-
283
- // Calculate grid position
284
- const row = Math.floor(absolutePositionY / ROW_HEIGHT) + 1;
285
-
286
- // Update grid area
287
- const gridArea = `${row} / 1 / ${row + 1} / 2`;
288
-
289
- // to calculate difference inside the grid
290
- const marginTop = Math.abs((row - 1) * ROW_HEIGHT - absolutePositionY);
291
- return {
292
- absolutePositionY,
293
- gridArea,
294
- marginTop
295
- };
296
251
  }
@@ -75,12 +75,13 @@ const VirtualElement = props => {
75
75
  const virtualRef = useRef();
76
76
  useEffect(() => {
77
77
  if (virtualRef?.current) {
78
- setTimeout(() => {
78
+ const timeoutId = setTimeout(() => {
79
79
  const allData = calculateProps(path, virtualRef?.current, ROOT_ITEM_CLASS, []);
80
80
  const groupData = groupByPathAndCalculateHeight(allData);
81
81
  // it should trigger by auto alignment or on clicking mobile view change
82
82
  updateAutoProps(editor, allData, "xs", groupData);
83
83
  }, 100);
84
+ return () => clearTimeout(timeoutId);
84
85
  }
85
86
  }, [updated_at, virtualRef?.current]);
86
87
  const calculateProps = (curPath, dom, domClass, allData) => {